@charset "utf-8";

/*===========================
  reset Css
===========================*/
html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}
ul,ol{ list-style:none; }
dl, ol, ul{ margin:0; }

/*===========================
  base.css
===========================*/
:root{
	--main-color:#FCF7F0;
	--line-color:#999999;
	--line-color2:#D9D9D9;
	--link-color:#28A2D8;
	--middleContents:910px;
	--en-font:"Inter", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	--pc-font-10:clamp(0px,0.88vw,10px);
	--pc-font-11:clamp(0px,0.96vw,11px);
	--pc-font-12:clamp(0px,1.05vw,12px);
	--pc-font-13:clamp(0px,1.14vw,13px);
	--pc-font-14:clamp(0px,1.23vw,14px);
	--pc-font-15:clamp(0px,1.32vw,15px);
	--pc-font-16:clamp(0px,1.40vw,16px);
	--pc-font-17:clamp(0px,1.49vw,17px);
	--pc-font-18:clamp(0px,1.58vw,18px);
	--pc-font-19:clamp(0px,1.67vw,19px);
	--pc-font-20:clamp(0px,1.75vw,20px);
	--pc-font-21:clamp(0px,1.84vw,21px);
	--pc-font-22:clamp(0px,1.93vw,22px);
	--pc-font-23:clamp(0px,2.02vw,23px);
	--pc-font-24:clamp(0px,2.11vw,24px);
	--pc-font-25:clamp(0px,2.19vw,25px);
	--pc-font-26:clamp(0px,2.28vw,26px);
	--pc-font-28:clamp(0px,2.46vw,28px);
	--pc-font-30:clamp(0px,2.63vw,30px);
	--pc-font-32:clamp(0px,2.81vw,32px);
	--pc-font-34:clamp(0px,2.98vw,34px);
	--pc-font-36:clamp(0px,3.16vw,36px);
	--pc-font-38:clamp(0px,3.33vw,38px);
	--pc-font-40:clamp(0px,3.51vw,40px);
	--pc-font-42:clamp(0px,3.68vw,42px);
	--pc-font-46:clamp(0px,4.03vw,46px);
	--pc-font-50:clamp(0px,4.38vw,50px);
	--pc-font-52:clamp(0px,4.56vw,52px);
	--pc-font-54:clamp(0px,4.74vw,54px);
	--pc-font-60:clamp(0px,5vw,60px);
	--pc-font-64:clamp(0px,5.61vw,64px);
	--pc-font-100:clamp(0px,8.77vw,100px);
	--sp-font-10:clamp(6px, 2.56vw, 16px);
	--sp-font-11:clamp(6px, 2.93vw, 17px);
	--sp-font-12:clamp(10px, 3vw, 18px);
	--sp-font-13:clamp(11px, 3.33vw, 19px);
	--sp-font-14:clamp(12px, 3.59vw, 20px);
	--sp-font-15:clamp(13px, 3.85vw, 21px);
	--sp-font-16:clamp(14px, 4.10vw, 22px);
	--sp-font-17:clamp(15px, 4.36vw, 23px);
	--sp-font-18:clamp(16px, 4.62vw, 24px);
	--sp-font-19:clamp(16px, 4.87vw, 26px);
	--sp-font-20:clamp(18px, 5.13vw, 27px);
	--sp-font-21:clamp(18px, 5.38vw, 28px);
	--sp-font-22:clamp(18px, 5.87vw, 29px);
	--sp-font-24:clamp(18px, 6.4vw, 31px);
	--sp-font-26:clamp(22px, 6.67vw, 32px);
	--sp-font-27:clamp(20px, 6.92vw, 33px);
	--sp-font-28:clamp(20px, 7.18vw, 34px);
	--sp-font-30:clamp(20px, 7.18vw, 36px);
	--sp-font-32:clamp(20px, 8.2vw, 38px);
	--sp-font-35:clamp(30px, 8vw, 41px);
	--sp-font-40:clamp(30px, 10.26vw, 46px);
}

body{
	width:100%;
	font-size:var(--pc-font-16);
    font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	box-sizing:border-box;
    color:#000;
	line-height:2;
}
body.fixded{ overflow:hidden; }
#root{
	width:100%;
	overflow-x:hidden;
}

p{ margin:0; }
a{ color:#000; }
a:link,
a:hover,
a:visited,
a:active{ text-decoration:none; color:#000; }
img{ max-width:100%; height:auto; vertical-align:bottom; }

/*  contents
===========================*/
.inner{ max-width:1140px; margin:0 auto; padding:0 3.5vw; box-sizing:content-box; } 
.inner::after{ content:""; display:block; clear:both; }

/*  footer
===========================*/
#siteFooter{ padding:0 0 3%; color:#333; }
#siteFooter .inner{ display:flex; flex-wrap:wrap; }
#siteFooter a{ color:#333; }

#siteFooter .infoArea{ width:28%; }
#siteFooter .infoArea .company{ font-weight:bold; }
#siteFooter .infoArea .address{ margin:10px 0 0; font-size:var(--pc-font-14); line-height:1.6; }
#siteFooter .infoArea .snsBox{ margin:10px 0 0; display:flex; align-items:center; gap:0 10px; }
#siteFooter .infoArea .icoInsta a,
#siteFooter .infoArea .icoFB a{ width:28px; aspect-ratio:1 / 1; display:block; background:url("/system_panel/uploads/images/ico_insta_black.svg") no-repeat 0 0 / 100% auto; text-indent:-9999px; overflow:hidden; }
#siteFooter .infoArea .icoFB a{ width:26px; background-image:url("/system_panel/uploads/images/ico_fb.svg"); }

#siteFooter .linkArea{ width:50%; display:flex; flex-wrap:wrap; justify-content:flex-start; padding:0 10% 0 0; box-sizing:border-box; }
#siteFooter .linkArea .link{ flex:1; font-family:var(--en-font); font-weight:200; }

#siteFooter .blankLinkArea{ width:22%; }
#siteFooter .blankLinkArea .onlineBtn a{ padding:19px 10px 19px 45px; background-position:25% center; background-size:30px auto; border-radius:0; }

#siteFooter .companyInfo{ width:60%; margin:35px 0 0; font-size:var(--pc-font-14); line-height:1.5; }
#siteFooter .companyInfo .name{ margin:0 0 14px; font-weight:bold; }

#siteFooter .copy{ width:100%; text-align:center; padding:30px 0 0; font-size:var(--pc-font-13); font-family:var(--en-font); font-weight:200; color:#000; }

/*  cmContact
===========================*/
.cmContact{ padding:5% 0 4%; }
.cmContact .boxFrame{ display:flex; align-items:center; gap:0 2%; padding:4% 6%; background:#000; border-radius:30px; color:#fff; }
.cmContact .boxFrame .title{ width:20%; font-size:var(--pc-font-30); font-family:var(--en-font); font-weight:200; position:relative; }
.cmContact .boxFrame .title::after{ width:1px; height:250%; content:""; background:#fff; position:absolute; top:-70%; right:0; }
.cmContact .boxFrame .box{ flex:1; text-align:center; border-radius:4px; }
.cmContact .boxFrame .box:last-child{ padding:5px 0 0; border-left:var(--blue-color) 1px solid; }
.cmContact .boxFrame .box .tit{ margin:0 0 10px; font-size:var(--pc-font-17); }
.cmContact .boxFrame .box .txt p{ display:inline-block; text-align:left; line-height:1.6; }
.cmContact .boxFrame .box .whiteBtn{ margin:0 0 15px; }
.cmContact .boxFrame .box .whiteBtn a{ max-width:280px; padding:18px 0 18px 20px; background:url("/system_panel/uploads/images/ico_mail.svg") no-repeat 23% center / 23px auto #fff; font-size:var(--pc-font-18); }
.cmContact .boxFrame .box .tel a{ font-size:var(--pc-font-18); font-weight:bold; color:#fff; }
.cmContact .boxFrame .box .note{ font-size:var(--pc-font-14); }

/*===========================
  parts.css
===========================*/
/*  title
===========================*/
.heading1{ margin:0 0 50px; text-align:center; font-size:var(--pc-font-40); font-family:var(--en-font); font-weight:200; line-height:1.3; }
.heading1 em{ display:block; font-size:var(--pc-font-20); font-style:normal; }
/*.heading2{ margin:46px 0 20px; padding:0 0 10px; font-size:var(--pc-font-22); border-bottom:#CECECE 1px solid; font-weight:bold; line-height:1.2; }*/

/*  btn
===========================*/
.blackBtn a,
.whiteBtn a,
.onlineBtn a,
.moreBtn a,
.instaBtn a,
.fbBtn a,
.mapBtn a{ width:100%; max-width:340px; display:inline-block; padding:17px 10px; text-align:center; background:#000; border:#000 1px solid; border-radius:50px; font-size:var(--pc-font-16); font-family:var(--en-font); font-weight:200; color:#fff; line-height:1; }

.onlineBtn a{ padding:13px 37px 13px 60px; background:url("/system_panel/uploads/images/ico_cart.svg") no-repeat 30px center / 23px auto #fff; color:#000; }

.moreBtn{ margin:60px 0 0; text-align:right; }
.moreBtn a{ max-width:200px; background:#fff; font-size:var(--pc-font-18); color:#000; }

.whiteBtn a{ background:#fff; color:#000; }

.instaBtn a,
.fbBtn a{ max-width:226px; min-width:220px; padding:17px 10px 17px 37px; background:url("/system_panel/uploads/images/ico_insta_black.svg") no-repeat 25% center / 25px auto #fff; border-radius:0; color:#000; }
.fbBtn a{ background-image:url("/system_panel/uploads/images/ico_fb.svg"); }

.mapBtn a{ max-width:226px; padding:6px 15px 6px 30px; background:url("/system_panel/uploads/images/ico_map.svg") no-repeat 20% center / 12px auto #fff; font-size:var(--pc-font-14); color:#000; }

/*  input
===========================*/
input[type="text"],
input[type="email"],
textarea{ width:100%; padding:7px 15px; background:#fff; border:var(--line-color2) 1px solid; border-radius:2px; box-sizing:border-box; font-size:16px; }
textarea{ height:10em; }
input[type="radio"],
input[type="checkbox"]{ width:14px; height:14px; margin:0 5px 0 0; border-radius:2px; box-sizing:border-box; accent-color:#000; vertical-align:-1px; }

input.zipInput{ width:200px; }
.addArea label{ display:block; padding:10px 0 2px; font-size:var(--pc-font-14); font-weight:600; }
.addArea:first-child label{ display:inline-block; padding:0 10px; }

select{ padding:7px 10px; background:#fff; border:var(--line-color) 1px solid; border-radius:2px; box-sizing:border-box; font-size:16px; -webkit-appearance:button; color:#000; }

/*  pageTitle
===========================*/
.pageTitle{ width:100%; padding:20px 0 84px; background:var(--main-color); position:relative; }
.pageTitle::after{ width:100%; height:54px; content:""; background:#fff; border-radius:40px 40px 0 0; position:absolute; left:0; bottom:0; }
.pageTitle .title{ text-align:center; font-size:var(--pc-font-46); font-family:var(--en-font); font-weight:200; line-height:1.4; }
.pageTitle .title em{ display:block; font-size:var(--pc-font-20); font-style:normal; font-weight:normal; }

/*  biggerArea
===========================*/
#biggerArea{ display:none; position:fixed; top:0; left:0; z-index:53; }
#biggerArea .overlay{ width:100vw; height:100vh; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; }
#biggerArea .img{ width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; /*padding: 80px 120px;*/ }
#biggerArea .img img{ max-width:calc(100% - 120px); max-height:calc(100% - 80px); position:relative; }
#biggerArea .closeBtn{ width:120px; height:70px; text-align:center; font-size:70px; font-family:var(--key-font); color:#fff; line-height:1; cursor:pointer; position:absolute; top:0; right:0; }

/*  animation
===========================*/
.move1.default{ opacity:0; }
.move1.default_action{ animation:1.2s move1 forwards; }
@keyframes move1{
	0%{ transform:translateY(50px); opacity:0;  }
	100%{ transform:translateY(0px); opacity:1; }
}

/*===========================
  module
===========================*/
/*  fixInsta
===========================*/
.fixInsta{ min-width:254px;padding:20px 25px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:0 5px 5px 0; box-sizing:border-box; left:0; bottom:20px; z-index:10; }
.fixInsta a{ display:flex; align-items:center; gap:0 10%; }
.fixInsta img{ width:50px; }
.fixInsta .txt{ width:calc(90% - 50px); font-family:var(--en-font); line-height:1.25; }

.fixInsta{ opacity:0; visibility:hidden; transition:all 0.3s; }
.fixInsta.fixed{ opacity:1; visibility:visible; position:fixed; }
.fixInsta.none{ opacity:0; visibility:hidden;}

/*  top
===========================*/
#top1,
#top2,
#top3,
#top4,
#top5,
#top6,
#top7,
#top8,
#top9{ padding:6% 0 7%; }

#top1{ padding-top:0; background:var(--main-color); }
#top1 .inner{ max-width:100%; display:flex; flex-wrap:wrap; align-items:center; padding:0; }
#top1 .txtArea{ width:36%; padding:6% 0 6% calc(50% - 650px); background:url("/system_panel/uploads/images/img_mountain.svg") no-repeat right -50px top calc(50% + 60px) / 574px auto; }
#top1 .txtArea .catchEn{ padding:0 0 0 30px; font-size:var(--pc-font-60); font-family:var(--en-font); font-weight:200; line-height:1.2; }
#top1 .txtArea .catchJp{ padding:22px 0 0 30px; font-size:var(--pc-font-20); }
#top1 img{ width:64%; max-height:600px; object-fit:cover; border-radius:30px 0 0 30px; }

#top2{ padding-top:0; background:var(--main-color); }
#top2 .inner{ max-width:100%; display:flex; flex-wrap:wrap; align-items:center; padding:0; }
#top2 .txtArea{ width:38%; padding:10% calc(50% - 650px) 10% 5%; }
#top2 .txtArea .catchEn{ padding:0 30px 0 0; font-size:var(--pc-font-46); font-family:var(--en-font); font-weight:200; line-height:1.2; }
#top2 .txtArea .catchJp{ padding:22px 30px 0 0; font-size:var(--pc-font-18); }
#top2 img{ width:62%; max-height:450px; object-fit:cover; border-radius:0 30px 30px 0; }

#top3 .boxFrame{ display:flex; flex-wrap:wrap; }
#top3 .boxFrame .heading1{ width:185px; text-align:left; }
#top3 .boxFrame .articleList{ width:calc(100% - 185px); }
#top3 .webgene-blog{ display:flex; flex-wrap:wrap; gap:0 5%;  }
#top3 .webgene-item{ flex:1; border-top:var(--line-color) 1px solid; border-bottom:var(--line-color) 1px solid; }
#top3 .webgene-item a{ display:block; padding:8% 2px; }
#top3 .webgene-item .day{ margin:10px 0 0; font-family:var(--en-font); font-weight:200; }

#top4{ background:var(--main-color); text-align:center; }
#top4 .catch{ font-size:var(--pc-font-36); }
#top4 .txt{ margin:3% 0; font-size:var(--pc-font-18); }
#top4 .boxFrame{ display:flex; flex-wrap:wrap; align-items:center; gap:20px 2%; }
#top4 .boxFrame img{ width:32%; aspect-ratio:365 / 313; object-fit:cover; border-radius:25px; }
#top4 .signArea{ margin:-20px 15% 0 0; text-align:right; }
#top4 .signArea img{ width:136px; }

#top5 .boxFrame{ display:flex; flex-wrap:wrap; align-items:center; }
#top5 .boxFrame .txtArea{ width:37%; padding:0 7% 0 0; box-sizing:border-box; }
#top5 .boxFrame .txtArea .heading1{ text-align:left; font-size:var(--pc-font-50); }
#top5 .boxFrame .txtArea .txt{ font-size:var(--pc-font-17); }
#top5 .boxFrame img{ width:63%; border-radius:30px; }
#top5 .moreBtn{ margin:35px 0 0; }
#top5 .moreBtn a{ max-width:150px; }

#top6{ padding-top:0; }
#top6 .heading1{ font-size:var(--pc-font-50); }
#top6 .moreBtn{ text-align:center; }
#top6 .webgene-blog{ display:flex; flex-wrap:wrap; gap:0 8%;  }
#top6 .webgene-item{ flex:1; }
#top6 .webgene-item a{ display:block; }
#top6 .webgene-item .imgArea img{ width:100%; aspect-ratio:1 / 1; object-fit:cover; border-radius:25px; }
#top6 .webgene-item .titleArea{ margin:30px 0 0; }
#top6 .webgene-item .titleArea .title{ font-size:var(--pc-font-18); line-height:1.6; }
#top6 .webgene-item .infoArea{ margin:5px 0 0; }
#top6 .webgene-item .day{ font-size:var(--pc-font-15); }
#top6 .webgene-item .day strong{ font-weight:normal; }

#top7{ text-align:center; background:var(--main-color); }
#top7 .heading1{ font-size:var(--pc-font-46); }
#top7 .lead{ margin:0 0 3%; font-size:var(--pc-font-18);  }
#top7 .boxFrame{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 2%; }
#top7 .boxFrame .box{ width:15%; }
#top7 .boxFrame .box a{ display:block; }
#top7 .boxFrame .box img{ width:100%; max-width:200px; margin:0 auto; border-radius:50%; }
#top7 .boxFrame .box .txt{ margin:25px 0 0; font-size:var(--pc-font-17); }
#top7 .moreBtn{ text-align:center; }

#top8{ text-align:center; }
#top8 .heading1{ font-size:var(--pc-font-46); }
#top8 .lead{ margin:0 0 3%; font-size:var(--pc-font-18);  }
#top8 .boxFrame{ max-width:; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:50px 5%; margin:0 auto; }
#top8 .boxFrame .box{ width:16%; }
#top8 .boxFrame .box img{ max-width:100%; max-height:100px; transform:scale(0.9); }
#top8 .moreBtn{ text-align:center; }

#top9{ background:var(--main-color); }
#top9 .inner{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
#top9 img{ width:57%; border-radius:25px; }
#top9 .txtArea{ width:30%; }
#top9 .txtArea .heading1{ margin:0 0 35px; text-align:left; font-size:var(--pc-font-40); }
#top9 .txtArea .blackBtn a{ padding:23px 10px; font-size:var(--pc-font-20); }
#top9 .txtArea .blackBtn{ margin:0 0 20px; }
#top9 .txtArea .blackBtn:last-child{ margin-bottom:0; }

/*  life
===========================*/
#life1{ padding:2% 0 7%; }

#life1{ text-align:center; }
#life1 .inner{ max-width:100%; padding:0; }
#life1 .catch,
#life1 .txt,
#life1 .mainImg{ max-width:1140px; margin:0 auto; padding:0 3.5vw; box-sizing:content-box; }
#life1 .catch{ margin-bottom:3%; font-size:var(--pc-font-34); font-weight:normal; }
#life1 .txt{ font-size:var(--pc-font-18); }
#life1 .mainImg{ margin-top:4%; }
#life1 .mainImg img{ width:100%; display:block; }
#life1 .boxFrame{ width:100vw; display:flex; margin:4% 0; overflow:hidden; position:relative; }
#life1 .boxFrame .box{ width:100vw; display:flex; flex-shrink:0; padding:0; }
#life1 .boxFrame .box:first-child{ animation:slide1 60s -30s linear infinite; }
#life1 .boxFrame .box:last-child{ animation:slide2 60s linear infinite; }
#life1 .boxFrame .box .img{ width:100%; aspect-ratio:332 / 285; object-fit:cover; display:inline-block; list-style:none; text-align: center; }
#life1 .boxFrame .box .img{ display:block; width:100%; height:auto; }
#life1 .boxFrame .box:hover .img{ animation-play-state:paused; }
@keyframes slide1{
    0%{ transform:translateX(100%); }
    to{ transform:translateX(-100%); }
}

@keyframes slide2{
    0%{ transform:translateX(0); }
    to{ transform:translateX(-200%); }
}

/*  service
===========================*/
#service1,
#service2,
#service3,
#service4{ padding:0 0 7%; }

.serviceBox .inner{ max-width:100%; padding:0; }
.serviceBox .boxFrame{ display:flex; flex-wrap:wrap; align-items:center; }
.serviceBox .txtArea{ width:38%; padding:0 5% 0 calc(50% - 650px); }
.serviceBox .txtArea .title{ padding:0 0 0 30px; font-size:var(--pc-font-40); font-family:var(--en-font); font-weight:200; line-height:1.2; }
.serviceBox .txtArea .title em{ margin:0 0 0 20px; font-style:normal; font-size:var(--pc-font-18); }
.serviceBox .txtArea .txt{ margin:30px 0 0; padding:0 0 0 30px; text-align:justify; }
.serviceBox img{ width:62%; max-height:450px; object-fit:cover; border-radius:30px 0 0 30px; }
.serviceBox .moreBtn{ margin:30px 0 0; }

#service2.serviceBox .txtArea,
#service4.serviceBox .txtArea{ padding:0 calc(50% - 650px) 0 5%; }
#service2.serviceBox .txtArea .title,
#service4.serviceBox .txtArea .title{ padding:0 30px 0 0; }
#service2.serviceBox .txtArea .txt,
#service4.serviceBox .txtArea .txt{ padding:0 30px 0 0; }
#service2.serviceBox img,
#service4.serviceBox img{ border-radius:0 30px 30px 0; }

#service1{ padding-top:2%; }

#service2 .onlineBtn{ margin:40px 30px 0 0; text-align:right; }
#service2 .onlineBtn a{ max-width:280px; padding-top:19px; padding-bottom:19px; font-size:var(--pc-font-18); }
#service4 .instaBtn,
#service4 .fbBtn{ max-width:226px; margin:15px auto 0; }
#service4 .instaBtn{ margin-top:40px; }

/*  brand
===========================*/
#brand1,
#brand2{ padding:0 0 7%; }

#brand1 .boxFrame{ display:flex; flex-wrap:wrap; gap:30px 5%; }
#brand1 .boxFrame .box{ width:21.25%; padding:0 0 72px; text-align:center; position:relative; }
#brand1 .boxFrame .box .img{ width:100%; aspect-ratio:170 / 110; display:flex; justify-content:center; align-items:center; padding:10px 0; }
#brand1 .boxFrame .box .img img{ max-width:100%; max-height:100%; transform:scale(0.75); }
#brand1 .boxFrame .box .name{ font-weight:bold; }
#brand1 .boxFrame .box .txt{ margin:10px 0 0; text-align:left; line-height:1.6; }
#brand1 .boxFrame .box .blackBtn{ width:100%; position:absolute; left:0; bottom:0; }
#brand1 .boxFrame .box .blackBtn a{ max-width:190px; }

#brand2{ padding:0 0 7%; }
#brand2 a{ width:63%; display:block; margin:0 auto; }

/*  shop
===========================*/
#shop1,
#shop2,
#shop3,
#shop4{ padding:6% 0 7%; }

#shop1{ padding-top:3%; }
#shop1 .inner{ display:flex; justify-content:space-between; align-items:center; }
#shop1 img{ width:37%; }
#shop1 .txtArea{ width:53%; }
#shop1 .txtArea .boxFrame .box{ display:flex; flex-wrap:wrap; position:relative; }
#shop1 .txtArea .boxFrame .box .item{ width:25%; padding:2% 1%; border-bottom:var(--line-color) 1px solid; box-sizing:border-box; font-size:var(--pc-font-15); font-weight:bold; }
#shop1 .txtArea .boxFrame .box .txt{ width:75%; margin:0; padding:2% 1% 2% 5%; border-bottom:var(--line-color2) 1px solid; box-sizing:border-box; line-height:1.8; }
#shop1 .txtArea .boxFrame .box .mapBtn{ position:absolute; top:9px; right:0; }
#shop1 .txtArea .btnArea{ display:flex; justify-content:center; gap:0 20px; margin:5% 0 0; }

#shop2{ background:var(--main-color); }
#shop2 .inner{ max-width:var(--middleContents); }
#shop2 .boxFrame{ display:flex; flex-wrap:wrap; }
#shop2 .boxFrame img{ width:25%; aspect-ratio:1 / 1; object-fit:cover; cursor:pointer; }
#shop2 .boxFrame0918 img{ width:20%; aspect-ratio:1 / 1; object-fit:cover; cursor:pointer; }

#shop3 .imgArea{ width:57%; display:grid; margin:0 auto; gap:20px; }
#shop3 .imgArea .box{ position:relative; }
#shop3 .imgArea .box:nth-child(1){ grid-row:1 / 3; grid-column:1 / 2; }
#shop3 .imgArea .box:nth-child(2){ grid-row:1 / 2; grid-column:2 / 3; }
#shop3 .imgArea .box:nth-child(3){ grid-row:2 / 3; grid-column:2 / 3; }
#shop3 .imgArea .box img{ border-radius:25px; }
#shop3 .imgArea .box .name{ font-weight:bold; color:#fff; position:absolute; right:25px; bottom:15px; }

#shop3 .txtArea{ max-width:910px; margin:6% auto 0; text-align:justify; }

#shop4{ background:var(--main-color); }
#shop4 .inner{ display:flex; justify-content:space-between; align-items:center; }
#shop4 .mapArea{ width:50%; margin:6vw 0 0; }
#shop4 .mapArea > div{ width:100%; }
#shop4 .mapArea iframe{ width:100%; }
#shop4 .txtArea{ width:40%; }
#shop4 .txtArea .heading1{ margin:0 0 30px; text-align:left; }
#shop4 .txtArea .tit{ margin:20px 0 0 -0.5em; }
#shop4 .txtArea .boxFrame .box{ display:flex; align-items:center; gap:0 20px; margin:5px 0 0; }

/*  event
===========================*/
/* 絞り込み */
.eventSearch{ max-width:var(--middleContents); margin:0 auto 5%; padding:3% 5%; border:var(--line-color) 1px solid; border-radius:30px; box-sizing:border-box; }
.eventSearch .webgene-search-form{ padding:0 240px 0 0; position:relative; }
.eventSearch .webgene-search-form .webgene-search-form-block{ margin:3% 0 0; }
.eventSearch .webgene-search-form .webgene-search-form-block:first-child{ margin-top:0; }
.eventSearch .search-title{ display:none;  }
.eventSearch .search-contents-wrapper{ font-size:var(--pc-font-15); }
.eventSearch .search-contents-wrapper label{ margin:0 15px 0 0; }
.eventSearch .searchBtn{ width:240px; height:100%; display:flex; justify-content:flex-end; align-items:center; text-align:right; border-left:var(--line-color) 1px solid; position:absolute; top:0; right:0; }
.eventSearch .searchBtn input{ width:200px; height:52px; background:#000; border:none; border-radius:50px; font-size:var(--pc-font-18); font-family:var(--en-font); font-weight:200; color:#fff; }

/* 一覧 */
.eventList .webgene-item{ margin:0 0 4%; }
.eventList .webgene-item a{ display:flex; justify-content:space-between; align-items:center; }
.eventList .webgene-item .imgArea{ width:23%; aspect-ratio:1 / 1; background:url("/system_panel/uploads/images/noimage.png") no-repeat 0 0 / 100% auto; border-radius:25px; overflow:hidden; }
.eventList .webgene-item .imgArea img{ width:100%; height:100%; object-fit:cover; display:block; }
.eventList .webgene-item .txtArea{ width:70%; }
.eventList .webgene-item .txtArea .titleArea .title{ display:inline-block; font-size:var(--pc-font-18); font-weight:bold; line-height:1.6; }
.eventList .webgene-item .txtArea .titleArea .status{ display:inline-block; margin:0 0 0 10px; padding:5px 10px; background:#000; border-radius:2px; font-size:var(--pc-font-14); line-height:1; color:#fff; vertical-align:2px; }
.eventList .webgene-item .txtArea .infoArea{ display:flex; margin:15px 0 10px; font-size:var(--pc-font-15); }
.eventList .webgene-item .txtArea .infoArea > p{ margin:0 20px 0 0; }
.eventList .webgene-item .txtArea .infoArea > p strong{ font-weight:normal; }
.eventList .webgene-item .txtArea .summary{ text-align:justify; font-size:var(--pc-font-15); }

/*  news common
===========================*/
/* 一覧 */
.newsList{ max-width:var(--middleContents); margin:0 auto; }
.newsList .webgene-blog .webgene-item a{ display:flex; flex-wrap:wrap; align-items:center; padding:20px 0; border-top:var(--line-color2) 1px solid; color:#000; }
.newsList .webgene-blog .webgene-item .day{ width:130px; padding:0 0 0 10px; font-family:var(--en-font); font-weight:200; }
.newsList .webgene-blog .webgene-item .tit{ width:calc(100% - 130px); padding:0 10px 0 45px; line-height:1.6; color:#333; }
.newsList .webgene-pagination{ border-top:var(--line-color2) 1px solid; }

/* カテゴリ */
.cateList{ max-width:var(--middleContents); margin:0 auto 3%; }
.cateList .webgene-blog{ display:flex; flex-wrap:wrap; justify-content:center; gap:5px 0; }
.cateList .webgene-item{ border-right:var(--line-color) 1px solid; }
.cateList .webgene-item:last-child{ padding-right:0; border:none; }
.cateList .webgene-item a{ display:block; padding:0 20px; font-size:var(--pc-font-15); line-height:1.4; }

/* ページング */
.webgene-pagination{ width:100%; padding:40px 0 120px; text-align:center; font-size:20px; font-family:var(--en-font); font-weight:200; }
.webgene-pagination ul{ display:inline-block; padding:0 80px; position:relative; }
.webgene-pagination ul li{ display:inline-block; vertical-align:middle; }
.webgene-pagination ul li a{ display:block; padding:5px 6px; color:#000; }
.webgene-pagination ul li.prev{ position:absolute; top:0; left:0; }
.webgene-pagination ul li.next{ position:absolute; top:0; right:0; }
.webgene-pagination ul li.prev a,
.webgene-pagination ul li.next a{ width:40px; height:40px; padding:0; background:url("/system_panel/uploads/images/arrow_black_right.svg") no-repeat center center / 100% auto; text-indent:-9999px; border-radius:50%; overflow:hidden; }
.webgene-pagination ul li.prev a{ transform:rotateY(180deg); }
.webgene-pagination ul li.selected a{ color:#4D3C32; }

/* 詳細 */
.detailArea{ max-width:var(--middleContents); margin:20px auto 10%; }
.detailArea .webgene-blog .webgene-item{ border:none; }
.detailArea .titleArea{ margin:0 0 10px; }
.detailArea .titleArea .title{ display:inline-block; font-size:var(--pc-font-22); }
.detailArea .titleArea .status{ display:inline-block; margin:0 0 0 10px; padding:5px 10px; background:#000; border-radius:2px; font-size:var(--pc-font-14); line-height:1; color:#fff; vertical-align:2px; }
.detailArea .infoArea{ display:flex; margin:15px 0 10px; font-size:var(--pc-font-15); }
.detailArea .infoArea > p{ margin:0 20px 0 0; }
.detailArea .infoArea > p strong{ font-weight:normal; }
.detailArea .dateArea{ margin:0 0 3%; }
.detailArea .dateArea .dayTxt{ display:inline-block; font-size:var(--pc-font-18); font-family:var(--en-font); font-weight:200; }
.detailArea .dateArea .cateTxt{ display:inline-block; margin:0 0 0 10px; padding:5px 10px; background:#000; border-radius:2px; font-size:var(--pc-font-14); line-height:1; color:#fff; vertical-align:2px; }

.detailArea .mainImg{ margin:5% 0 0; text-align:center; position:relative; }
.detailArea .mainImg img{ max-width:100%; max-height:500px; }

.detailArea .slideImgArea{ margin:5% 0 0; text-align:center; position:relative; }
.detailArea .slideImgArea figure:nth-child(n + 2){ display:none; }
.detailArea .slideImgArea figure img{ max-width:600px; max-height:500px; }
.detailArea .slideImgArea .prev,
.detailArea .slideImgArea .next{ width:40px; height:40px; padding:0; background:url("/system_panel/uploads/images/arrow_black_right.svg") no-repeat center center / 100% auto; text-indent:-9999px; overflow:hidden; position:absolute; top:calc(50% - 20px); }
.detailArea .slideImgArea .prev{ transform:rotateY(180deg); left:0; }
.detailArea .slideImgArea .prev{ display:none; }
.detailArea .slideImgArea .next{ right:0; }

.detailArea .txtArea{ margin:5% 0 0; text-align:justify; }
.detailArea dl.eventInfoList{ display:flex; flex-wrap:wrap; margin:5% 0 0; }
.detailArea dl.eventInfoList dt{ width:25%; padding:1.5% 1%; border-bottom:var(--line-color) 1px solid; box-sizing:border-box; font-size:var(--pc-font-15); font-weight:bold; }
.detailArea dl.eventInfoList dd{ width:75%; margin:0; padding:1.5% 1% 1.5% 5%; border-bottom:var(--line-color2) 1px solid; box-sizing:border-box; }

.detailArea .eventBtn{ display:flex; justify-content:center; align-items:center; gap:0 30px; margin:5% 0 0; }
.detailArea .eventBtn .blackBtn{ min-width:200px; }

.detailArea .backLink{ margin:0 0 0 130px; }

/*  contactArea
===========================*/
.contactArea .container{ max-width:var(--middleContents); margin:0 auto; padding:0 30px; box-sizing:content-box; }

.contactArea .container .row{ display:flex; flex-wrap:wrap; margin:0; padding:25px 0; border-top:var(--line-color2) 1px solid; }
.contactArea .container .row:nth-last-child(-n + 2){ padding:0 0 40px; border-top:none; }
.contactArea .container .row .formTh{ width:33%; display:flex; align-items:center; justify-content:space-between; padding:0 5% 0 0; font-weight:600; }
.contactArea .container .row .formTh .requiredText{ margin:0 10px 0 0; }
.contactArea .container .row .formTh label{ width:calc(100% - 54px); padding:0; line-height:1.6; }
.contactArea .container .row .formTd{ width:67%; }
.contactArea .container .row .formTd .tit{ margin:10px 0 2px; font-size:var(--pc-font-14); font-weight:bold; }
.contactArea .container .row .formTd .tit:first-child{ margin-top:0; }

.contactArea .col{ width:100%; }
.contactArea .fileArea{ margin:10px 0 0; }

.contactArea .kiyakuArea{ padding:50px 0 0; }
.contactArea .kiyakuArea .tit{ margin:0 0 15px; text-align:center; font-weight:600; }
.contactArea .kiyakuArea .txtArea{ width:100%; height:180px; padding:20px; background:#fff; border:var(--line-color2) 1px solid; box-sizing:border-box; overflow:auto; overflow-wrap: break-word; }
.contactArea .kiyakuArea .txtArea a{ text-decoration:underline; }
.contactArea .text-center{ margin:0; text-align:center; }
.contactArea .formBtnTd{ width:100%; }
.contactArea .formBtnTd button[type=submit]{ width:100%; max-width:300px; display:block; margin:0 auto; padding:20px 0; text-align:center; background:#000; border:none; border-radius:50px; font-size:var(--pc-font-18); color:#ffffff; line-height:1; }

.radioArea .d-inline-block{ margin:7px 10px 0 0; }
.radioArea label{ margin:0; }

.contactArea .requiredText{ width:54px; padding:5px; text-align:center; background:#E60013; border-radius:2px; font-size:var(--pc-font-12); font-weight:600; color:#ffffff; line-height:1; }
.formError .formErrorContent{ padding:5px 10px; background:#ffd8d6; border-color:#ffffff; box-shadow:0 0 0; font-size:14px; color:#000000; position:relative; }
.formError .formErrorArrow{ width:0; height:0; margin:-2px auto 0; border-style:solid; border-right:5px solid transparent; border-left:5px solid transparent; border-top:10px solid #ffd8d6; border-bottom:0; }
.formError .formErrorArrow .line1,
.formError .formErrorArrow .line2,
.formError .formErrorArrow .line3,
.formError .formErrorArrow .line4,
.formError .formErrorArrow .line5,
.formError .formErrorArrow .line6,
.formError .formErrorArrow .line7,
.formError .formErrorArrow .line8,
.formError .formErrorArrow .line9,
.formError .formErrorArrow .line10{ display:none; }

/*  formComplete
===========================*/
.formComplete{ padding:5% 0 6%; background:var(--third-color); }
.formComplete .inner{ max-width:980px; }
.formComplete .bigBox{ padding:5%; background:#fff; }
.formComplete .tit{ display:block; margin:0 0 20px; text-align:center; font-size:var(--pc-font-24); font-weight:bold; }
.formComplete .txt{ text-align:center; }
.formComplete .moreBtn{ text-align:center; }

/*---------- PC ----------------------------------------------------------*/
@media screen and (min-width:769px){
	
	.spOnly,
	#siteHeader .menuBtn{ display:none !important; }
	
	a,
	input[type=submit],
	.cateList .webgene-item a{ transition:all 0.2s; }
	
	.instaBtn a:hover,
	.fbBtn a:hover,
	.webgene-item a:hover,
	.backLink a:hover,
	input[type=submit]:hover,
	.cateList .webgene-item a:hover,
	#top7 .boxFrame a:hover{ opacity:0.75; }
	
	.blackBtn a:hover{ background:#fff; color:#000; }
	.moreBtn a:hover,
	.whiteBtn a:hover{ background:#000; color:#fff; }
	
	.onlineBtn a{ transition:background-color 0.2s; }
	.onlineBtn a:hover{ background-image:url("/system_panel/uploads/images/ico_cart_white.svg"); background-color:#000; color:#fff !important; }
	.cmContact .boxFrame .box .whiteBtn a:hover{ color:#000; }
}

/*---------- SP版 ----------------------------------------------------------*/
@media screen and (max-width: 768px){
	
	body{ font-size:var(--sp-font-14); }
	body.bodyfix{ overflow:hidden; }
		
	.pcOnly{ display:none !important; }
	
	/*  contents
	===========================*/
	.inner,
	.contents{ max-width:600px; display:block; margin:0 auto; padding:0 5vw; }
	
	.container{ padding:0; } /* bootstrap打ち消し */
	
	/*  siteFooter
	===========================*/
	#siteFooter{ padding:0 0 5vw; }
	#siteFooter .inner{ display:block; }
	#siteFooter .infoArea{ width:100%; text-align:center; }
	#siteFooter .infoArea .company{ font-size:var(--sp-font-18); }
	#siteFooter .infoArea .address{ font-size:var(--sp-font-14); }
	#siteFooter .infoArea .snsBox{ justify-content:center; }
	#siteFooter .linkArea{ width:100%; justify-content:center; margin:8vw 0 0; padding:0; gap:0 10%; }
	#siteFooter .linkArea .link{ flex:none; }
	#siteFooter .blankLinkArea{ width:100%; margin:5vw 0 0; text-align:center; }
	#siteFooter .blankLinkArea .onlineBtn a{ max-width:300px; font-size:var(--sp-font-16); }
	#siteFooter .copy{ font-size:var(--sp-font-13); }
	
	/*  cmContact
	===========================*/
	.cmContact{ padding:15vw 0; }
	.cmContact .boxFrame{ display:block; padding:6vw 6vw 10vw; }
	.cmContact .boxFrame .title{ width:100%; text-align:center; font-size:var(--sp-font-24); }
	.cmContact .boxFrame .title::after{ display:none; }
	.cmContact .boxFrame .box{ margin:20px 0 0; }
	.cmContact .boxFrame .box .tit{ margin:0 0 2vw; font-size:var(--sp-font-16); }
	.cmContact .boxFrame .box .whiteBtn a{ font-size:var(--sp-font-16); }
	.cmContact .boxFrame .box .tel a{ font-size:var(--sp-font-16); }
	.cmContact .boxFrame .box .note{ font-size:var(--sp-font-14); }
	
	/*===========================
	  parts.css
	===========================*/
	/*  title
	===========================*/
	.heading1{ margin:0 0 6vw; font-size:var(--sp-font-28); position:relative; }
	.heading1 em{ font-size:var(--sp-font-14); }
	
	.pageTitle .title em{ font-size:var(--sp-font-14); }
	
	/*  link
	===========================*/
	.backLink a{ font-size:var(--sp-font-16); }
	
	/*  btn
	===========================*/
	.moreBtn a,
	.blackBtn a,
	.whiteBtn a,
	.instaBtn a,
	.fbBtn a{ padding:12px 10px; font-size:var(--sp-font-16); }
	
	.moreBtn{ margin:10vw 0 0; text-align:center; }
	
	.instaBtn a,
	.fbBtn a{ min-width:160px; padding:12px 5px 12px 30px; background-position:16% center; }
	
	.mapBtn a{ font-size:var(--sp-font-12); }
		
	/*  input
	===========================*/
	input[type="radio"],
	input[type="checkbox"]{ margin:0 5px 0 0; vertical-align:-2px; }
	input.zipInput{ width:30%; }
	
	/*  pageTitle
	===========================*/
	.pageTitle{ padding:10px 0 50px; }
	.pageTitle::after{ height:30px; border-radius:30px 30px 0 0; }
	.pageTitle .title{ font-size:var(--sp-font-24); }
	
	/*  biggerArea
	===========================*/	
	#biggerArea .img{ padding:60px 5vw; }
	#biggerArea .closeBtn{ width:50px; height: 50px; font-size:50px; }
	#biggerArea .img img{ max-width:100%; max-height:100%; border-radius:var(--border-radius); }
	
	/*===========================
	  module
	===========================*/
	/*  fixInsta
	===========================*/
	.fixInsta{min-width:10px; padding:15px; left:0; }
	.fixInsta img{ width:40px; }
	.fixInsta .txt{ display:none; }
	
	/*  top
	===========================*/
	#top1,
	#top2,
	#top3,
	#top4,
	#top5,
	#top6,
	#top7,
	#top8,
	#top9{ padding:15vw 0; }
	
	#top1{ padding:0; background:url("/system_panel/uploads/images/img_mountain.svg") no-repeat center 13vw / 120% auto var(--main-color); }
	#top1 .inner{ display:block; padding:0 5vw; }
	#top1 .txtArea{ width:100%; padding:0 0 20px; text-align:center; background:none; }
	#top1 .txtArea .catchEn{ display:inline-block; text-align:left; padding-left:5vw; font-size:var(--sp-font-32); }
	#top1 .txtArea .catchEn br{ display:; margin:0 10px 0 0; }
	#top1 .txtArea .catchJp{ padding-left:5vw; font-size:var(--sp-font-14); line-height:1.6; }
	#top1 img{ width:100%; object-fit:cover; object-position:right center; border-radius:20px; }
	
	#top2 .inner{ display:block; padding:0 5vw; }
	#top2 img{ width:100%; border-radius:20px; }
	#top2 .txtArea{ width:100%; margin:0 0 5vw; padding:0; text-align:center; }
	#top2 .txtArea .catchEn{ font-size:var(--sp-font-28); margin:0 0 0; padding:0; }
	#top2 .txtArea .catchJp{ font-size:var(--sp-font-16); margin:15px 0 0; padding:0; }
	
	#top3 .boxFrame{ display:block; }
	#top3 .boxFrame .heading1{ width:100%; text-align:center; }
	#top3 .boxFrame .articleList{ width:100%; }
	#top3 .webgene-blog{ display:block; border-bottom:var(--line-color) 1px solid; }
	#top3 .webgene-item{ width:100%; flex:none; border-bottom:none; }
	#top3 .webgene-item a{ padding:4vw 2px; }
	#top3 .webgene-item .day{ margin:0; }
	
	#top4 .catch{ font-size:var(--sp-font-20); }
	#top4 .txt{ margin:6vw 0; text-align:justify; font-size:var(--sp-font-16); }
	#top4 .boxFrame{ margin:0 -5vw; gap:0; }
	#top4 .boxFrame img{ width:calc(100% / 3); border-radius:0; }
	#top4 .signArea{ margin-right:10px; }
	#top4 .signArea img{ width:100px; }
	
	#top5 .boxFrame .txtArea{ width:100%; padding:0; }
	#top5 .boxFrame .txtArea .heading1{ text-align:center; font-size:var(--sp-font-28); }
	#top5 .boxFrame .txtArea .txt{ font-size:var(--sp-font-16); }
	#top5 .boxFrame img{ width:100%; margin:20px 0 0; border-radius:20px; }
	
	#top6{ padding-top:0; }
	#top6 .heading1{ font-size:var(--sp-font-28); }
	#top6 .webgene-blog{ display:block; }
	#top6 .webgene-item a{ width:100%; display:flex; justify-content:space-between; align-items:center; margin:0 0 5vw; }
	#top6 .webgene-item .imgArea{ width:30%; }
	#top6 .webgene-item .imgArea img{ border-radius:15px; }
	#top6 .webgene-item .txtArea{ width:65%; }
	#top6 .webgene-item .titleArea{ margin:0; }
	#top6 .webgene-item .titleArea .title{ font-size:var(--sp-font-16); }
	#top6 .webgene-item .day{ font-size:var(--sp-font-13); }
	
	#top7 .heading1{ font-size:var(--sp-font-28); }
	#top7 .lead{ text-align:left; font-size:var(--sp-font-16); }
	#top7 .boxFrame{ gap:20px 6%; margin:8vw 5vw 0; }
	#top7 .boxFrame .box{ width:47%; }
	#top7 .boxFrame .box .txt{ margin:15px 0 0; font-size:var(--sp-font-15); }
	
	#top8 .heading1{ font-size:var(--sp-font-28); }
	#top8 .lead{ text-align:left; font-size:var(--sp-font-16); }
	#top8 .boxFrame{ gap:20px 5%; margin:8vw 0 0; }
	#top8 .boxFrame .box{ width:30%; }
	
	#top9 .inner{ display:block; }
	#top9 .txtArea .heading1{ margin:0 0 6vw; text-align:center; font-size:var(--sp-font-28); }
	#top9 .txtArea{ width:100%; }
	#top9 img{ width:100%; border-radius:20px; }
	#top9 .txtArea .blackBtn{ margin:5vw 0 0; text-align:center; }
	#top9 .txtArea .blackBtn a{ max-width:300px; font-size:var(--sp-font-16); }
	
	/*  life
	===========================*/
	#life1{ padding:2vw 0 15vw; }
	#life1 .catch,
	#life1 .txt,
	#life1 .mainImg{ max-width:600px; margin:0 auto; padding:0 5vw; }
	#life1 .catch{ margin:0 auto 6vw; font-size:var(--sp-font-20); }
	#life1 .txt{ text-align:justify; font-size:var(--sp-font-16); }
	#life1 .mainImg{ margin:6vw auto 0; }
	#life1 .boxFrame{ margin:6vw 0; }
	#life1 .boxFrame .box{ width:200vw; }
	#life1 .boxFrame .box .img{ width:50%; }
	
	/*  service
	===========================*/
	#service1,
	#service2,
	#service3,
	#service4{ padding:0 0 15vw; }
	
	.serviceBox{ max-width:600px; margin:0 auto; }
	.serviceBox .boxFrame{ display:block; }
	.serviceBox .inner{ padding:0 5vw; }
	.serviceBox .txtArea .title{ text-align:center; font-size:var(--sp-font-22); }
	.serviceBox .txtArea .title em{ display:block; margin:2vw 0 0; font-size:var(--sp-font-14); }
	.serviceBox .moreBtn{ margin:6vw 0 0; }
	
	.serviceBox img,
	#service2.serviceBox img,
	#service4.serviceBox img{ width:100%; margin:6vw 0 0; border-radius:20px; }
	.serviceBox .txtArea,
	#service2.serviceBox .txtArea,
	#service4.serviceBox .txtArea{ width:100%; padding:0; }
	.serviceBox .txtArea .title,
	#service2.serviceBox .txtArea .title,
	#service4.serviceBox .txtArea .title{ padding:0; }
	.serviceBox .txtArea .txt,
	#service2.serviceBox .txtArea .txt,
	#service4.serviceBox .txtArea .txt{ padding:0; }
	
	#service2 .onlineBtn{ margin:6vw 0 0; text-align:center; }
	#service2 .onlineBtn a{ max-width:220px; padding-top:12px; padding-bottom:12px; font-size:var(--sp-font-16); }
	
	/*  brand
	===========================*/
	#brand1,
	#brand2{ padding:0 0 15vw; }
	
	#brand1 .boxFrame{ gap:30px 10% }
	#brand1 .boxFrame .box{ width:45%; padding:0 0 65px; }
	#brand1 .boxFrame .box .blackBtn a{ max-width:160px; font-size:var(--sp-font-14); }
	
	#brand2 a{ width:100%; max-width:360px; }
	
	/*  shop
	===========================*/
	#shop1,
	#shop2,
	#shop3,
	#shop4{ padding:15vw 0; }
	
	#shop1{ padding-top:2vw; }
	#shop1 .inner{ display:block; }
	#shop1 img{ width:100%; margin:0 0 5vw; border-radius:20px; }
	#shop1 .txtArea{ width:100%; }
	#shop1 .txtArea .boxFrame .box .item{ width:23%; padding:4vw 1%; font-size:var(--sp-font-15); }
	#shop1 .txtArea .boxFrame .box .txt{ width:77%; padding:4vw 0 4vw 4%; }
	#shop1 .txtArea .boxFrame .box .mapBtn{ top:auto; bottom:10px; }
	#shop1 .txtArea .btnArea{ margin:6vw 0 0; }
	
	#shop2 .boxFrame img{ width:50%; }
	#shop2 .inner{ max-width:500px; }
	
	#shop3 .imgArea{ width:100%; gap:5%; }
	#shop3 .imgArea .box img{ border-radius:15px; }
	#shop3 .imgArea .box .name{ right:10px; bottom:5px; }
	
	
	#shop4 .inner{ display:block; }
	#shop4 .txtArea .heading1{ margin:0 0 6vw; text-align:center; }
	#shop4 .txtArea{ width:100%; }
	#shop4 .mapArea{ width:100%; }
	
	
	/*  event
	===========================*/
	/* 絞り込み */
	.eventSearch{ margin-bottom:10vw; padding:6vw 6vw; border-radius:20px; }
	.eventSearch .webgene-search-form{ padding:0; }
	.eventSearch .search-contents-wrapper{ padding:0 5px; font-size:var(--sp-font-13); }
	.eventSearch .search-contents-wrapper label{ display:block; }
	.eventSearch .searchBtn{ width:100%; margin:6vw 0 0; padding:6vw 0 0; justify-content:center; border:none; border-top:var(--line-color) 1px solid; position:static; }
	.eventSearch .searchBtn input{ width:180px; height:46px; font-size:var(--sp-font-16); }
	
	/* 一覧 */
	.eventList .webgene-item{ margin:0 0 6vw; line-height:1.6; }
	.eventList .webgene-item a{ align-items:flex-start; }
	.eventList .webgene-item .imgArea{ width:27%; border-radius:15px; }
	.eventList .webgene-item .txtArea{ width:68%; }
	.eventList .webgene-item .txtArea .titleArea .title{ display:block; font-size:var(--sp-font-16); }
	.eventList .webgene-item .txtArea .titleArea .status{ margin:3px 0 0; font-size:var(--sp-font-12); }
	.eventList .webgene-item .txtArea .infoArea{ display:block; margin:10px 0; font-size:var(--sp-font-14); }
	.eventList .webgene-item .txtArea .summary{ font-size:var(--sp-font-14); }

	/*  ブログ共通
	===========================*/
	/* 一覧 */
	.newsList .webgene-blog{ width:100%; }
	.newsList .webgene-blog .webgene-item a{ padding:4vw 2px; }
	.newsList .webgene-blog .webgene-item a::after,
	.newsList .webgene-blog .webgene-item:first-child a::before{ width:70%; }
	.newsList .webgene-blog .webgene-item .day{ width:auto; padding:4px 0 0; line-height:1; }
	.newsList .webgene-blog .webgene-item .tit{ width:100%; clear:both; padding:10px 0 0; }
	.newsList .webgene-blog .webgene-item figure{ width:30%; }
	.newsList .webgene-blog .webgene-item figure img{ height:100px; }
	
	/* カテゴリ */
	.cateList{ margin:0 0 6vw; }
	.cateList .webgene-item a{ font-size:var(--sp-font-14); }
	
	/* ページング */
	.webgene-pagination{ margin:10px 0 50px; padding:6vw 0 0; }
	.webgene-pagination ul{ padding:0 50px; }
	.webgene-pagination ul li a{ padding:0px 8px; font-size:var(--sp-font-18); }
	.webgene-pagination ul li.prev,
	.webgene-pagination ul li.next{ top:5px; }
	.webgene-pagination ul li.prev a,
	.webgene-pagination ul li.next a{ width:30px; height:30px; }
	
	/* 詳細 */
	.detailArea{ margin:2vw 0 0; }
	.detailArea .titleArea .title{ display:block; margin:0 0 2vw; font-size:var(--sp-font-18); }
	.detailArea .titleArea .status{ display:inline-block; margin:0; padding:3px 5px; font-size:var(--sp-font-12); }
	.detailArea .infoArea{ display:block; font-size:var(--sp-font-14); line-height:1.6; }
	.detailArea .slideImgArea{ padding:25px; }
	.detailArea .slideImgArea .prev,
	.detailArea .slideImgArea .next{ width:30px; height:30px; }
	.detailArea .slideImgArea figure img{ max-width:100%; }
	.detailArea .slideImgArea .prev{ left:-10px; }
	.detailArea .slideImgArea .next{ right:-10px; }
	.detailArea dl.eventInfoList dt{ width:28%; font-size:var(--sp-font-13); }
	.detailArea dl.eventInfoList dd{ width:72%; }
	.detailArea .eventBtn{ margin:7vw 0 0; }
	.detailArea .eventBtn .blackBtn{ width:calc(50% - 15px); min-width:auto; }
	.detailArea .eventBtn .blackBtn a{ padding-top:15px; padding-bottom:15px; }
	
	.detailArea .dateArea .dayTxt{ font-size:var(--sp-font-14); }
	.detailArea .dateArea .cateTxt{ font-size:var(--sp-font-12); }
	
	/*  contactArea
	===========================*/
	.contactArea .container{ padding:4vw 0 0; }
	
	.contactArea .container .row{ padding:0 0 6vw; border:none; }
	.contactArea .container .row .formTh{ width:100%; margin:0 0 10px; padding:0; justify-content:flex-start; }
	.contactArea .container .row .formTh .requiredText{ margin:0 10px 0 0; white-space:nowrap; font-size:13px; }
	.contactArea .container .row .formTd{ width:100%; padding:0; }
	.addArea label{ font-size:var(--sp-font-14); }
	.contactArea .container .row .formTd .tit{ font-size:var(--sp-font-14); }
	.contactArea .container .row .formTh label{ font-size:15px; }

	.contactArea .telContact .txt1{ font-size:16px; }
	.contactArea .telContact .telnum a{ padding:20px 70px 20px 100px; }
	
	.radioArea .d-inline-block{ margin:3px 10px 0 0; }
	
	.contactArea .kiyakuArea{ margin:0; padding:0; }
	.contactArea .kiyakuArea .txtArea{ padding:10px; }
	.contactArea .text-center{ margin:0; }
		
	.contactArea .container .row:last-child{ padding-top:0; }
	.contactArea .formBtnTd button[type=submit]{ font-size:var(--sp-font-18); }
	
	.privacyformError{ margin-top:-36.5px !important; }
	
	.contactArea .requiredText{ font-size:var(--sp-font-12); }
	.formError .formErrorContent{ font-size:13px; }
		
	/*  formComplete
	===========================*/
	.formComplete{ padding:4vw 0 3vw; }
	.formComplete .tit{ font-size:var(--sp-font-18); }

}

@media (min-width:550px) and (max-width:768px){
	#top1{ background-position:center 0; background-size:90% auto; }
}

/*---------- header ----------------------------------------------------------*/
@media screen and (min-width:801px){
	
	/*  header
	===========================*/
	#siteHeader{ width:100%; max-width:100%; display:flex; align-items:center; padding:0.8vw 2vw; background:var(--main-color); box-sizing:border-box; position:; top:0; left:0; z-index:50; }
	#siteHeader a{ display:block; }
	#siteHeader .logo{ width:90px; margin:0 36px 0 0; }
	#siteHeader .logo a{ width:100%; aspect-ratio:1 / 1; display:block; background:url("/system_panel/uploads/images/logo_mayatoneko.png") no-repeat 0 0 / 100% auto; text-indent:-9999px; overflow:hidden; }

	/* menuArea */
	#siteHeader .menuArea{ flex:1; display:flex; align-items:center; justify-content:space-between; }
	#siteHeader .menuArea .gnav{ width:50%; display:flex; flex-wrap:wrap; align-content:center; gap:0 5%; font-family:var(--en-font); font-weight:200; }
	#siteHeader .menuArea .gnav .link a{ display:block; }
	#siteHeader .menuArea .infoLinkArea{ width:362px; display:flex; flex-wrap:wrap; align-content:center; gap:0 20px; font-family:var(--en-font); font-weight:200; }
	#siteHeader .menuArea .infoLinkArea .blackBtn a{ padding:13px 37px; }
}

@media screen and (max-width:800px){
			
	/*  header
	===========================*/
	#siteHeader{ width:100%; max-width:100%; display:flex; align-items:center; padding:1vw 4vw; box-sizing:border-box; background:var(--main-color); position:relative;  z-index:50; }
	#siteHeader a{ display:block; }
	#siteHeader .logo{ width:60px; margin:0 36px 0 0; }
	#siteHeader .logo a{ width:100%; aspect-ratio:1 / 1; display:block; background:url("/system_panel/uploads/images/logo_mayatoneko.png") no-repeat 0 0 / 100% auto; text-indent:-9999px; overflow:hidden; }
	
	/* menuBtn */
	#siteHeader .menuBtn{ width:45px; height:45px; display:block; text-align:center; background:#000; border-radius:50%; line-height:1; opacity:1; position:fixed; top:10px; right:2vw; }
	#siteHeader .menuBtn p{ width:22px; display:inline-block; position:relative; }
	#siteHeader .menuBtn p em{ height:47px; display:block; text-indent:-9999px; }
	#siteHeader .menuBtn p em:after,
	#siteHeader .menuBtn p em:before{ width:22; height:1px; display:block; content:""; margin:0 auto; position:absolute; top:calc(50% - 1.5px); left:0; right:0; background:#fff; transition: .3s; }
	#siteHeader .menuBtn p em:before{ margin-top:-4px; }
	#siteHeader .menuBtn p em:after{ margin-top:4px; }
	#siteHeader .menuBtn.close p em{ background:transparent; }
	#siteHeader .menuBtn.close p em:after{ margin-top: 0; background:#fff; }
	#siteHeader .menuBtn.close p em:before{ margin-top:0; background:#fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
	#siteHeader .menuBtn.close p em:after{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
	#siteHeader .menuBtn p em a{ display:none; }

	/* menuArea */
	#siteHeader .menuArea{ width:100vw; height:100vh; padding:70px 15%; text-align:center; background:#000; color:#fff; overflow:auto; position:fixed; top:0; right:0; }
	#siteHeader .menuArea a{ color:#fff; }
	#siteHeader .menuArea .gnav{ display:inline-block; text-align:left; font-size:var(--sp-font-18); font-family:var(--en-font); font-weight:200; }
	#siteHeader .menuArea .gnav .link{ margin:0 0 10px; }
	#siteHeader .infoLinkArea{ margin:20px 0 0; }
	#siteHeader .infoLinkArea .onlineBtn a{ margin:0 auto; padding:18px 10px 18px 30px; background-position:25% center; background-size:26px auto; font-size:var(--sp-font-16); color:#000; }
	#siteHeader .infoLinkArea .blackBtn{ margin:20px auto 0; }
	#siteHeader .infoLinkArea .blackBtn a{ margin:0 auto; padding:18px 10px 18px 30px; background:url("/system_panel/uploads/images/ico_mail.svg") no-repeat 25% center / 24px auto #fff; font-size:var(--sp-font-16); color:#000; }
	
	#siteHeader .menuArea{ opacity:0; visibility:hidden; transition:opacity 0.3s; }
	#siteHeader .menuArea.open{ opacity:1; visibility:visible; }
}