@charset "UTF-8";
/*
Theme Name: Newone
Description: Starter theme for custom coding projects
Version: 1.0.0
*/

/* ===================
   Reset
=================== */
*,
*::before,
*::after {box-sizing: border-box;}
html{overflow-x:hidden;scroll-behavior: smooth;}
body {overflow-x:hidden;margin: 0;padding: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: 'Zen Maru Gothic', sans-serif;}
img {max-width: 100%;height: auto;}
a {text-decoration: none;color: inherit;}
ul, ol {list-style: none;margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
/* ===================
   Base
=================== */
.float{display:none;}
.sp-br{display:noone;}
.header__logo {padding-left:20px;}
.header__logo img{width:121px;}
.header__inner{display:flex;justify-content:space-between;align-items:center;height:91px;padding:0 0 0 20px;}
.header-contact{display:flex;gap:20px;align-items:center;}
.tel1{display:flex;justify-content:center;align-items:center;gap:10px;}
.telicon1{width:43px;height:43px;}
.tel-info1{display:flex;justify-content:center;align-items:center;flex-direction:column;line-height:1;}
.tel-num1{font-weight:900;font-size:32px;}
.tel-hour1{font-weight:500;font-size:11px;}
.mail1{background:#207C60;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:9999px;padding:10px 20px;font-size:22px;color:#fff;font-weight:900;transition:0.8s;}
.mail1:hover{opacity:0.8;}
.mailicon1{width:32px;height:32px;}
.ham-bx{width:91px;height:91px;background:#207C60;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;}
.ham-line{display:block;width:36px;height:3px;background:#fff;transition:transform .3s,opacity .3s;}
.ham-label{color:#fff;font-size:14px;font-weight:900;margin-top:4px;transition:opacity .3s;}
.ham-bx.is-open .ham-line:nth-child(1){transform:translateY(9px) rotate(45deg);}
.ham-bx.is-open .ham-line:nth-child(2){opacity:0;}
.ham-bx.is-open .ham-line:nth-child(3){transform:translateY(-9px) rotate(-45deg);}
.drawer{position:fixed;top:0;right:0;width:500px;height:100vh;background:#207C60;z-index:5;padding:150px 100px 0 100px;transform:translateX(100%);transition:transform .3s;box-sizing:border-box;}
.drawer.is-open{transform:translateX(0);}
/* --- top version ---
.drawer{position:fixed;top:0;left:0;right:0;height:auto;max-height:100vh;background:#207C60;z-index:5;padding:120px 40px 40px;transform:translateY(-100%);transition:transform .3s;}
.drawer.is-open{transform:translateY(0);}
--- */
.drawer-nav{display:flex;flex-direction:column;gap:20px;}
.drawer-nav a{font-size:26px;font-weight:900;color:#fff;transition:0.7s;}
.drawer-nav a:hover{opacity:0.7;}
.sp-info{display:none;}
.header{height:91px;background:#fff;top:0;position:fixed;width:100%;z-index:6;}
.main{top:91px;position:relative;}
#mv{width:100%;position:relative;}
.mv-img-sp {display:none;}
.mv-img{height:735px;width:100%;position:relative;}
.mv-img img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.green{display:none;}
.catch{width:569px;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.circle-bx{display:flex;gap:50px;margin:auto;justify-content:center;position: relative;top: -70px;}
.circle p{font-weight:900;font-size:33px;color:#fff;text-align:center;}
.circle-img{width:92px;position:absolute;top: -35px;}
.circle{width:220px;height:220px;display:flex;align-items:center;justify-content: center;flex-direction:column;background:#207C60;border-radius:50%;position:relative;}

#top{background:url(img/topbg.webp);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;padding-bottom:70px;}
.top1{font-size:39px;font-weight:900;color:#207C60;margin-bottom:30px;}
.top2{font-size:29px;font-weight:900;margin-bottom:30px;}
.top3{font-size:22px;font-weight:900;margin-bottom:50px;}
.top4{font-size:22px;font-weight:900;}
.topbx{text-align:center;position:relative;margin-bottom:100px;}
.top-img-bx{text-align:center;margin:auto;max-width:1200px;width:100%;position:relative;}
.top-img1{position:absolute;left:-20px;top:30px;}
.top-img1 img{width:250px;}
.top-img2{position:absolute;left:50px;top:250px;}
.top-img2 img{width:233px;}
.top-img3{position:absolute;right:-20px;top:20px;}
.top-img3 img{width:161px;}
.top-img4{position:absolute;right:90px;top:200px;z-index:1;}
.top-img4 img{width:233px;}
.top-img5{position:absolute;right:-50px;top:360px;}
.top-img5 img{width:197px;}
.underline{text-decoration: underline;}
.cta{background:#207C60;margin:auto;width:900px;padding:30px 40px 20px 40px;border-radius:5px;box-sizing: border-box;}
.cta-bx{margin:auto;text-align:center;position:relative;}
.cta1{font-size:48px;font-weight:900;color:#fff;margin-bottom:5px;}
.cta2{font-size:22px;font-weight:900;color:#fff;margin-bottom:5px;}
.cta-img1{position:absolute;left:0;top:-95px;}
.cta-img1 img{width:232px;}
.cta-img2{position:absolute;right:0;top:-55px;}
.cta-img2 img{width:107px;}
.cta-flex{display:flex;justify-content:space-between;gap:10px;margin:20px 0;}
.tel2{background:#FF8900;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:9999px;padding:15px 50px;}
.telicon2{width:43px;height:43px;}
.tel-info{display:flex;justify-content:center;align-items:center;flex-direction:column;line-height: 1;}
.tel-num{color:#fff;font-weight:900;font-size:32px;}
.tel-hour{color:#fff;font-weight:500;font-size:11px;}
.line{background:#fff;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:9999px;padding:15px 20px;transition:0.8s;}
.line:hover{opacity:0.8;}
.lineicon{width:31px;height:30px;}
.line-info{color:#207C60;font-size:18px;font-weight:900;}
.mail2{background:#fff;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:9999px;padding:15px 20px;transition:0.8s;}
.mail2:hover{opacity:0.8;}
.mailicon2{width:32px;height:32px;}
.campaign{margin:auto;width:300px;}

#feature{background:#CDE8E0;padding:70px 0;scroll-margin-top:50px;}
#feature h2{font-size:40px;color:#fff;background:#207C60;width:436px;border-radius:9999px;padding:5px 20px;margin:auto;text-align:center;margin-bottom:70px;font-weight:900;}
.feature-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;margin:auto;width:900px;}
.feature-bx{width:431px;background:#fff;padding:70px 30px 30px 30px;border-radius:5px;border:solid 1px #DDDDDD;position:relative;margin-bottom:30px;}
.feature-bx h3{font-size:24px;font-weight:900;color:#207C60;text-align:center;position:absolute;top:35px;left: 50%;transform: translateY(-50%) translateX(-50%);}
.feature-ctt{display:flex;gap:20px;}
.feature-img{width:166px;}
.feature-txt{width:194px;}
.feature-txt p{font-size:22px;font-weight:500;}
.num-bx{width:217px;height:71px;background:#fff;border-radius:5px;position:absolute;margin:auto;top:17px;display:flex;flex-direction:column;align-items:center;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.feature-num{background:#207C60;border-radius:50%;width:52px;height:52px;font-size:22px;color:#fff;font-weight:900;display: flex;justify-content: center;align-items: center;position: absolute;top: -25px;}

#merchandise{padding-bottom:70px;position:relative;scroll-margin-top:50px;}
#merchandise h2{font-size:40px;color:#fff;background:#207C60;width:436px;border-radius:9999px;padding:5px 20px;margin:auto;text-align:center;margin-bottom:70px;font-weight:900;}
.merchandise-bx{padding:70px 0;background:url(img/topbg.webp);background-position:center;background-size:cover;background-repeat:no-repeat;position:relative;}
.merchandise-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:50px;margin:auto;width:900px;margin-bottom:50px;}
.merchandise-grid h3{font-size:25px;font-weight:900;color:#207C60;text-align:center;}
.merchandise-ctt{width:178px;}

#purchase{padding:70px 0;position:relative;scroll-margin-top:50px;}
#purchase h2{font-size:40px;color:#fff;background:#207C60;width:436px;border-radius:9999px;padding:5px 20px;margin:auto;text-align:center;font-weight:900;}
.mslider-wrap{overflow-x:hidden;}
.mslider{width:220px; box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.35);padding:10px 10px 20px 10px;box-sizing:border-box;margin:20px 10px;border-radius:5px;text-align:center;font-family: "Zen Kaku Gothic New", sans-serif;}
.mimg{overflow:hidden;width:100%;height:200px;}
.mimg img{width:100%;height:100%;object-fit:cover;}
.mprice{display:flex;gap:5px;align-items:center;justify-content:center;}
.mslider h3{font-size:20px;font-weight:700;margin:20px 0 10px 0;}
.mleft{font-size:16px;font-weight:700;border:solid 1px #000;padding:5px 5px;}
.mright{font-size:25px;font-weight:700;}
.mslider-arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:4; width:77px; height:77px; border-radius:50%; background:#207C60; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity 0.3s; padding:0; }
.mslider-prev {left:7%;}
.mslider-next {right:7%;}
.mslider-arrow span {display:block; width:16px; height:16px; border-right:3px solid #fff; border-bottom:3px solid #fff;}
.mslider-next span {transform:rotate(-45deg); margin-left:-4px;}
.mslider-prev span {transform:rotate(135deg); margin-right:-4px;}

#voice{padding:100px 0 70px 0;position:relative;background:url(img/voice-bg.webp);background-position:center top;background-size:cover;background-repeat:no-repeat;scroll-margin-top:20px;}
#voice h2{font-size:40px;color:#fff;background:#207C60;width:436px;border-radius:9999px;padding:5px 20px;margin:auto;text-align:center;font-weight:900;}
.vslider-wrap{overflow-x:hidden;}
.vslider{width:293px;height:550px!important;background:#fff; box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.35);padding:20px;box-sizing:border-box;margin:30px 10px 20px 10px;border-radius:5px;font-family: "Zen Kaku Gothic New", sans-serif;}
.vimg{overflow:hidden;width:200px;height:200px;margin:auto;}
.vimg img{width:100%;height:100%;object-fit:contain}
.vage{font-size:22px;font-weight:700;margin:10px 0 20px 0;text-align:center;}
.vtxt{font-size:22px;font-weight:700;}
.vslider-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:4; width:77px; height:77px; border-radius:50%; background:#207C60; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:opacity 0.3s; padding:0; }
.vslider-prev {left:7%;}
.vslider-next {right:7%;}
.vslider-arrow span {display:block; width:16px; height:16px; border-right:3px solid #fff; border-bottom:3px solid #fff;}
.vslider-next span {transform:rotate(-45deg);margin-left:-4px;}
.vslider-prev span {transform:rotate(135deg);margin-right:-4px;}

#flow{padding:70px 0;position:relative;scroll-margin-top:50px;}
#flow h2{font-size:40px;color:#fff;background:#207C60;width:436px;border-radius:9999px;padding:5px 20px;margin:auto;text-align:center;font-weight:900;margin-bottom:30px;}
.fsec-ttl{width:fit-content;margin:0 auto 60px;padding:14px 60px;background:#207C60;color:#fff;font-size:28px;font-weight:900;border-radius:40px;text-align:center;}
.flist{width:800px;margin:0 auto;}
.fitm{display:flex;align-items:stretch;gap:0;}
.fitm+.fitm{margin-top:0;}
.ftl{position:relative;display:flex;flex-direction:column;align-items:center;width:70px;flex-shrink:0;padding-top:6px;}
.ftl::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px;height:100%;background:#000;}
.fitm:first-child .ftl::before{top:20px;height:calc(100% - 20px);}
.fitm:last-child .ftl::before{height:20px;}
.ftl-num{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:70px;height:70px;background:#207C60;color:#fff;font-size:32px;font-weight:900;border-radius:50%;line-height:1;}
.fctt{display:flex;align-items:center;gap:30px;flex:1;padding:5px 0 50px 30px;}
.ftxt{flex:1;}
.ftxt h3{font-size:30px;font-weight:900;color:#207C60;}
.ftxt p{font-size:24px;font-weight:500;}
.fimg{width:240px;height:141px;flex-shrink:0;overflow:hidden;}
.fimg img{width:100%;height:100%;object-fit:cover;}
.fmes{color:#207C60;font-size:32px;font-weight:900;text-align:center;margin-bottom:100px;}

#philosophy{padding:70px 0 0 0;position:relative;background:#CDE8E0;scroll-margin-top:50px;}
#philosophy h2{font-size:40px;color:#fff;background:#207C60;width:436px;border-radius:9999px;padding:5px 20px;margin:auto;text-align:center;font-weight:900;margin-bottom:30px;}
#company{padding:0 0 70px 0;position:relative;background:#CDE8E0;scroll-margin-top:120px;}
#company h2{font-size:40px;color:#fff;background:#207C60;width:436px;border-radius:9999px;padding:5px 20px;margin:auto;text-align:center;font-weight:900;margin-bottom:30px;}
.president-bx{width:850px;margin:auto;display:flex;flex-direction:column;gap:20px;padding-bottom:30px;}
.president-ctt{width:100%;}
.president-right{width:100%;}
.president-ctt h3{font-size:32px;font-weight:900;color:#207C60;margin-bottom:20px;}
.president-ctt p{font-size:22px;font-family: "Zen Kaku Gothic New", sans-serif;margin-bottom:20px;}
.president-right p{font-size:22px;font-family: "Zen Kaku Gothic New", sans-serif;text-align:right;margin-top:10px;margin-bottom:70px;}
.ctbl{display:flex;align-items:stretch;gap:0 40px;max-width:850px;margin:0 auto;font-family:"Zen Kaku Gothic New",sans-serif;}
.ctbl-col{flex:1;display:flex;flex-direction:column;}
.ctbl-row{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #707070;flex:1;}
.ctbl-row:first-child{border-top:1px solid #707070;}
.ctbl-th{width:110px;flex-shrink:0;font-size:22px;font-weight:700;padding-left:10px;}
.ctbl-td{flex:1;font-size:22px;font-weight:700;}

#compliance{padding:70px 0 120px 0;position:relative;scroll-margin-top:50px;}
#compliance h2{font-size:40px;color:#fff;background:#207C60;width:507px;border-radius:9999px;padding:5px 20px;margin:auto;text-align:center;font-weight:900;margin-bottom:50px;}
.cp-bx{margin:auto;width:750px;margin-bottom: 70px;}
.cp1{font-size:26px;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;margin-bottom:30px;text-align:center;}
.cp2{font-size:22px;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;margin-bottom:30px;}
.cp3{font-size:22px;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;margin-bottom:30px;}
.goal-bx{display:flex;justify-content:space-between;gap:30px;margin:auto;width:900px;margin-bottom:120px;}
.glbl{background:#207C60;font-size:22px;color:#fff;font-weight:900;width:122px;text-align:center;margin:auto;border-radius:9999px;padding:7px 10px;margin-bottom:10px;}
.gttl{color:#207C60;font-size:24px;font-weight:900;text-align:center;height:75px;}
.gimg{width:183px;height:183px;margin: auto;}
.gttl2{color:#207C60;font-size:24px;font-weight:900;margin:20px 0;text-align:center;}
.gtxt{font-size:22px;font-family: "Zen Kaku Gothic New", sans-serif;font-weight:700;width: 250px; margin: auto;}

#contact{padding:100px 0;position:relative;background:#CDE8E0;scroll-margin-top:10px;}
#contact h2{font-size:40px;color:#fff;background:#207C60;width:507px;border-radius:9999px;padding:5px 20px;margin:auto;text-align:center;font-weight:900;margin-bottom:30px;}
.contact-bx{width:750px;margin:auto;}
.contact-bx th{width:250px;text-align:left;font-size:22px;font-weight:normal;padding-bottom:25px;}
.contact-bx td{width:500px;height:54px;padding-bottom:25px;}
.wpcf7 input[type="text" i], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{width: 100%;border: none;padding: 10px;border-radius: 5px;box-sizing: border-box;height:54px;font-size:22px;}
textarea{width: 100%;border: none;padding: 10px;border-radius: 5px;box-sizing: border-box;height: 141px;font-size:22px;}
.th2{vertical-align:top;}
input[type='submit'] {width:131px;font-size:23px;font-weight:900;background:#207C60;border-radius:9999px;border:none;color:#fff;padding:5px 0;font-family: 'Zen Maru Gothic', sans-serif;transition:0.8s;cursor:pointer;}
input[type='submit']:hover{opacity:0.8;}
.cbtn {text-align:center;}
.wpcf7-spinner {display:block;}

.footer{position:relative;padding:70px 0 30px 0;background:#207C60;margin-top: 70px;color:#fff;}
.footer__copyright{text-align:center;font-family:"Zen Kaku Gothic New",sans-serif;font-size:12px;font-weight:600;}
.ft-inner{display:flex;gap:80px;width:900px;margin:auto;margin-bottom:50px;}
.ft-info{flex:1;}
.ft-name{font-size:26px;font-weight:900;margin-bottom:24px;}
.ft-label{font-size:18px;margin-bottom:4px;font-weight:500;}
.ft-addr{font-size:18px;margin-bottom:20px;font-weight:500;}
.ft-nav{display:flex;flex-direction:column;gap:16px;}
.ft-nav a{font-size:20px;font-weight:900;transition:0.7s;}
.ft-nav a:hover{opacity:0.7;}

.thanks-inner{width:900px;margin:auto;margin-top:70px;margin-bottom:50px;padding-bottom: 100px;}
.thanks-inner p{font-size:24px;font-weight:700;margin-bottom:30px;}
.totop {width:300px;font-size:23px;font-weight:900;background:#207C60;border-radius:9999px;border:none;color:#fff;padding:10px 20px;font-family: 'Zen Maru Gothic', sans-serif;transition:0.7s;cursor:pointer;}
.totop:hover{opacity:0.7;}
.btnbx{text-align:center;}


/* ===================
   PC (max-width: 1200px)
=================== */
@media (max-width: 1200px) {
.topbx {display: flex;flex-direction: column-reverse;margin-bottom:60px;}  
.top-ctt{width:95%;margin:auto;margin-bottom:30px;}
.top-img-bx {height:550px;width:480px;margin:auto;}
.top-img4 {right: auto; top: 30px;left: -30px;}
.top-img1 {left:-10px;top: 320px;}
.top-img2 {left: auto;top: 265px;right: -10px;}
.top-img5 {right: 160px; top: 145px;}
.top-img4 img {width: 210px;}
.top-img3 img {width: 150px;}
.top-img5 img {width: 180px;}	
.top-img2 img {width: 210px;}
.top-img1 img {width: 230px;}
}

/* ===================
   Tablet (max-width: 960px)
=================== */
@media (max-width: 960px) {
.sp-br{display:block;}
.mail1 {display:none}
.header__inner {padding:0;} 
.header__logo {padding-left: 0;}
.drawer {width: 100%;padding: 120px 0 0 0;}
.drawer-nav {gap: 10px;width: 90%;margin:auto;}
.drawer-nav a {font-size: 20px;}
.sp-info{display:block;color:#fff;}
.sp-info .ft-inner {gap: 20px;width: 90%;}
.sp-info .ft-name {font-size: 20px;margin-bottom: 20px;}
.sp-info .ft-addr {font-size: 14px;margin-bottom: 14px;}
.sp-info .ft-label {font-size: 14px;}
.sp-info .footer__copyright {margin-bottom: 0;}
.mv-img {display:none;}
.mv-img-sp {display:block;height:65vw;width:100%;position:relative;}
.mv-img-sp img {width: 100%;height: 100%;object-fit: cover;object-position:center;}
.catch {width: 70vw;bottom: -4vw;top:auto;}	
.green{display:block;background:#207C60;width:100%;height:40vw;position: relative;}
#top {padding-top:60px;padding-bottom:20px;background: url(img/topbg-sp.webp);background-position: 20% 20%;background-size: cover;background-repeat: no-repeat;}
.circle-bx {gap: 20px; top: 0;}	
.circle {width: 25vw;height: 25vw;}
.circle-img {width:10vw;}
.circle-bx {gap: 20px; top: 0;}	
.circle p {font-size: 3.2vw;}	
.top1 {margin-bottom: 20px;margin-top: 20px;}
.top2 {margin-bottom: 20px;}
.top3 {margin-bottom: 30px;line-height: 1.8;}
.top4 {line-height: 1.8;}
.cta {width: 95%;}
.cta1 {margin-bottom: 10px;}
.cta-img1 img {width: 210px;}
.cta-img2 img {width: 90px;}
.cta-flex {flex-wrap: wrap;}
.tel2 {width: 100%;padding: 10px 50px;}
.line {width:49%}
.mail2 {width:49%}
#feature{padding: 20px 0 0 0;scroll-margin-top:80px;}
#feature h2 {font-size: 26px;width: 288px;margin-bottom: 60px;}
.feature-grid {grid-template-columns: repeat(1, 1fr);width: 100%;}
.feature-bx {width: 95%;padding:50px 30px 15px 30px;margin-bottom: 25px;margin: auto;margin-bottom: 30px;}
.feature-img {width: 200px;height:200px;}
.feature-txt {width:65%;}
.feature-txt p {font-size: 18px;}
.feature-ctt {gap: 20px;}
.feature-num {width: 50px;height: 50px;font-size: 19px;top:-35px;}
.feature-bx h3 {font-size: 20px;top:25px;}
.num-bx {width: 143px;height:60px;}	
#merchandise{padding:0;background: url(img/topbg-sp.webp);background-position: 20% 20%;background-size: cover;background-repeat: no-repeat;scroll-margin-top:70px;}
#merchandise h2 {font-size: 26px;width: 288px;margin-bottom:30px;}	
.merchandise-grid h3 {font-size: 19px;}
.merchandise-bx {padding: 30px 0;}
.merchandise-grid {grid-template-columns: repeat(3, 1fr);gap: 15px;width: 90%;justify-items: center;margin-bottom: 70px;}
.merchandise-ctt {width: 159px;margin-bottom: 10px;}	
#purchase{padding:30px 0;scroll-margin-top:80px;}
#purchase h2 {font-size: 26px;width: 288px;margin-bottom:30px;}	
.mimg {width:100%;height:300px;}
.mslider-arrow {width: 48px;height: 48px;}
.mslider-arrow span {width: 13px;height: 13px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
.mleft { padding: 5px 5px;}
.mslider-next {right: 3%;}	
.mslider-prev {left: 3%;}		
#voice {padding: 50px 0;background-position: 57% 50%;scroll-margin-top:50px;}
#voice h2{font-size: 26px;width: 288px;margin-bottom:10px;}	
.vslider {height: 420px !important;}
.vslider-arrow {width: 48px;height: 48px;}
.vslider-arrow span {width: 13px;height: 13px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
.vslider-next {right: 3%;}	
.vslider-prev {left: 3%;}
.vtxt{font-size:20px;}
#flow {padding: 50px 0;scroll-margin-top:30px;scroll-margin-top:50px;}
#flow h2{font-size: 26px;width: 288px;margin-bottom:30px;}
.ftxt h3 {font-size: 28px;}
.ftxt p {font-size: 22px;}
.flist {width: 95%;}	
.fctt{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0 30px 16px;}
.fimg {width: 100%;height: 100%;}
.fimg img{width: auto;height: auto;}
.fmes {font-size: 28px;margin-bottom: 120px;}	
#philosophy {padding: 50px 0 0 0;scroll-margin-top: 50px;}
#philosophy h2{font-size: 26px;width: 288px;margin-bottom:20px;}
.president-bx {width: 95%;flex-direction: column;}
.president-ctt {width: 100%;}
.president-ctt h3 {font-size: 28px;}
.president-right {width: 100%;}
#company {padding:0 0 50px 0;scroll-margin-top:100px;}
#company h2{font-size: 26px;width: 288px;margin-bottom:30px;}
.ctbl{flex-direction:column;gap:0;width:95%;}
.ctbl-col+.ctbl-col .ctbl-row:first-child{border-top:none;}
.ctbl-row{flex:none;}		
.president-img img {height: auto!important;}
#compliance {padding:30px 0 50px 0;scroll-margin-top:70px;}
#compliance h2{font-size: 26px;width: 355px;margin-bottom:30px;}
.cp-bx {width: 95%;margin-bottom:50px;}
.cp1 {margin-bottom: 20px;text-align: left;}
.goal-bx {gap: 50px;width: 95%;flex-direction: column;}
.gttl {height: auto;margin-bottom: 15px;}
.gtxt { width: 100%;}
#contact {padding:50px 0;scroll-margin-top:50px;}
#contact h2{font-size: 26px;width: 355px;margin-bottom:30px;}
.table-contact{width:100%;}
.contact-bx {width: 95%;}
.contact-bx th {width: 100%;display:block;padding-bottom: 10px;}
.contact-bx td {width: 100%;display:block;margin-bottom: 20px;height:auto;padding-bottom:0;}
.ft-inner{flex-direction:column;gap:25px;width: 87%;margin-bottom: 0;}
.ft-info{order:3;margin-top: 30px;}
.ft-nav:nth-child(2){order:1;}
.ft-nav:nth-child(3){order:2;}
.footer {padding: 40px 0 30px 0;;margin-top: 55px;}
.ft-nav a { font-size: 26px;font-weight: 500;}
.ft-nav {gap: 25px;}	
.footer__copyright {margin-bottom: 50px;}
.float{display:flex;position:fixed;bottom:0;width: 100%;height:58px;z-index: 10;}
.fmail, .fline{flex:1;background:#207C60;border:solid 1px #fff;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.ftel{flex:1;background:#FF8900;border:solid 1px #fff;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.fmailp, .ftelp, .flinep{color:#fff;font-size:16px;font-family: "Noto Sans JP", sans-serif;font-weight:bold;}
.fmail-img{width:25px;height:25px;}
.fline-img{width:24px;height:23px;}
.ftel-img{width:25px;height:25px;}
.thanks-inner{width:95%;margin-top:30px;margin-bottom:50px;}
.thanks-inner p{font-size:22px;margin-bottom:15px;}
.last{margin-bottom:50px!important;}		
.president-img img{height:700px;width:100%;object-fit:cover;object-position:bottom;}
.president-img {overflow:hidden;}
}


@media screen and (min-width: 960px) {
a[href^="tel:"] {pointer-events: none;cursor: default;}
}

/* ===================
   Sp(max-width: 630px)
=================== */
@media (max-width: 630px) {
#top {padding-top:40px;}	
.top1 {font-size: 22px;}
.top2 {font-size: 18px;}
.top3 {font-size: 16px;}
.top4 {font-size: 16px;}
.cta {padding: 20px 10px 30px 10px;}
.cta-img1 img {width: 158px;}
.cta-img2 img {width: 71px;}
.cta1 {font-size: 33px;margin-bottom: 10px;}
.cta2 { font-size: 16px;}
.cta-flex {flex-wrap: wrap;}
.tel-hour {font-size: 13px;}
.tel-num { font-size: 40px;}
.tel-info { line-height: 1.2;}
.tel2 {width: 100%;padding: 10px 0;}
.telicon2 {width: 42px;height: 42px;}
.line-info {font-size: 13px;}
.lineicon {width: 22px;height: 21px;}
.mailicon2 {width: 23px;height: 23px;}
.line {padding: 10px 0;width:48%;}
.mail2 {padding: 10px 0;width:48%;}
.cta-flex {margin: 20px 0 30px 0;}	
.merchandise-grid {grid-template-columns: repeat(2, 1fr);}
.mimg {width:100%;height:200px;}
.vslider {height: 525px !important;}
.president-ctt p {font-size: 20px;}
.president-right p {font-size: 20px;}
.ctbl-th {font-size: 20px;}
.ctbl-td {font-size: 20px;}
.cp1 {font-size: 24px;}
.gttl {font-size: 22px;	}
.gtxt {font-size: 20px;	}
	
}

/* ===================
   Sp(max-width: 480px)
=================== */
@media (max-width: 480px) {
.header {height: 55px;}   
.header__inner {height: 55px;} 
.header__logo img {width: 76px;}
.telicon1 {width: 32px;height: 32px;}
.tel-num1 {font-size: 24px;}
.tel-hour1 {font-size: 10px;}
.ham-bx {width: 55px;height: 55px;gap: 3px;}
.ham-line {width: 18px;}
.ham-label {font-size: 8px;margin-top:0;}
.ham-bx.is-open .ham-line:nth-child(1) {transform: translateY(3px) rotate(45deg);}
.drawer {width: 100%;padding: 70px 0 0 0;}
.main {top: 55px;}
.mv-img-sp {display:block;height: 245px;width:100%;position:relative;}
.mv-img-sp img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.catch {width: 326px;bottom: -12%;top:auto;}	
.green{display:block;background:#207C60;width:100%;height:157px;}
.circle {width: 107px;height: 107px;}
.circle-img {width: 44px;top: -18px;}
.circle p {font-size: 16px;}
.circle-bx {gap: 20px; top: 0;}

.top-ctt{margin-bottom:0;}	
.feature-bx {padding:50px 15px 15px 15px;}
.feature-img {width: 151px;height:151px;}
.feature-txt {width:50%;}
.feature-ctt {gap: 10px;}
#feature{scroll-margin-top:50px;}
#merchandise{scroll-margin-top:40px;}
#purchase{scroll-margin-top:50px;}
#voice {scroll-margin-top:20px;}
#flow {scroll-margin-top:20px;}
#philosophy {scroll-margin-top: 20px;}
#company {scroll-margin-top:70px;}
#compliance {scroll-margin-top:40px;}
#contact {scroll-margin-top:20px;}			
}	

@media (max-width: 450px) {
.merchandise-ctt {width: 150px;}
}

@media (max-width: 350px) {
.circle-bx { gap: 5px;}
.campaign {width: 280px;}
}

/* ===================
   Fade-in Animation
=================== */
.fade-in {opacity: 0;transform: translateY(50px);transition: opacity 0.5s ease, transform 0.5s ease;}
.fade-in.is-visible {opacity: 1;transform: translateY(0);}