@charset "UTF-8";
/*
Theme Name: R-design
*/
html,body{height:100%;margin:0;}
body{display:flex;flex-direction:column;min-height:100vh;margin:0;font-family:"Kosugi Maru",sans-serif;font-weight:400;font-style:normal;color:#222;background:#fcecc5;line-height:1.6;font-feature-settings:"palt";}
main{flex:1;text-align:center;}
body.menu-open{overflow:hidden;}

/* ------------------------------
   header
------------------------------ */
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e5e5e5;}
.header-inner{max-width:1600px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;}
.site-logo{margin:0;flex-shrink:0;}
.site-logo a{display:flex;align-items:center;justify-content:center;width:auto;height:100px;}
.site-logo a img{width:auto;height:100%;}
.global-nav{flex:1;}
.global-nav ul{display:flex;justify-content:center;align-items:center;gap:min(1.2vw,30px);flex-wrap:wrap;padding-bottom:10px;}
.global-nav li{padding-bottom:7px;}
.global-nav a{white-space:nowrap;transition:opacity .3s ease;}
.global-nav a:hover{color:#6aa835;}
.contact-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.4vw .8vw;background:#ff513c;color:#fff;border-radius:999px;font-size:min(1vw,17px);margin-bottom:20px;letter-spacing:.05rem;gap:5px;position:relative;transition:.2s ease-in-out;box-shadow:0 6px #80251a;top:0;}
.contact-btn:hover{box-shadow:0 0 #80251a;top:6px;}

.menu-toggle{display:none;width:44px;height:44px;padding:0;border:none;background:transparent;position:relative;flex-shrink:0;cursor:pointer;}
.menu-toggle span{display:block;width:26px;height:2px;background:#222;position:absolute;left:9px;transition:.3s ease;}
.menu-toggle span:nth-child(1){top:12px;}
.menu-toggle span:nth-child(2){top:21px;}
.menu-toggle span:nth-child(3){top:30px;}
.menu-toggle.is-active span:nth-child(1){top:21px;transform:rotate(45deg);}
.menu-toggle.is-active span:nth-child(2){opacity:0;}
.menu-toggle.is-active span:nth-child(3){top:21px;transform:rotate(-45deg);}
.header-inner .tel-set{text-align:center;margin-bottom:12px;}
.header-inner .tel-set a{font-size:min(2vw,28px);font-family: "Comfortaa", sans-serif;font-weight:800;line-height:1;color:#217bbf;}
.header-inner .tel-set a small{font-size:min(1vw,18px);}
.header-inner .tel-set p{font-size:min(.8vw,13px);line-height:1.2;}


/* ------------------------------
   main visual
------------------------------ */
.main-visual{}
.main-visual-inner{max-width:100%;min-height:600px;display:flex;align-items:flex-end;justify-content:center;background-image:url(../../../image/top/slider-bg.webp);background-repeat:no-repeat;background-position:left bottom;background-size:cover;}

/* ------------------------------
   banner section
------------------------------ */
.banner-section{padding-bottom:50px;}
.banner-slider-wrap{max-width:1800px;margin:-40px auto 0;padding:0 5vw;position:relative;}
.banner-slider .slide-item{padding:0 5px;}
.banner-card{display:flex;align-items:center;justify-content:center;background:#fff;border:5px solid #66cc33;border-radius:12px;line-height:0;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;aspect-ratio:50/30;}
.banner-card img{width:100%;height:100%;object-fit:cover;}
.slick-track{display:flex !important;align-items:flex-end;}
.slick-list{padding:10px 0 0 !important;}
.banner-slider .slick-slide{transition:transform .3s ease,opacity .3s ease;transform:scale(.88);}
.slick-center .banner-card{aspect-ratio:50/36;}
.banner-slider .slick-center{transition:transform .3s ease,opacity .3s ease;transform:scale(1);opacity:1;}
.banner-slider .banner-card:hover{transition:transform .3s ease,opacity .3s ease;transform:scale(1);opacity:1;}
.banner-slider .banner-card:hover{transform:translateY(-5px);}

/* arrows */
.banner-slider .slick-prev,.banner-slider .slick-next{width:40px;height:40px;z-index:10;top:calc(50% + 20px);}
.banner-slider .slick-prev{left:-15px;}
.banner-slider .slick-next{right:-15px;}
.banner-slider .slick-prev:before,.banner-slider .slick-next:before{content:"";display:block;width:40px;height:40px;background:#ff6145;border-radius:50%;opacity:1;}
.banner-slider .slick-prev:after,.banner-slider .slick-next:after{content:"";width:10px;height:10px;border-top:3px solid #FFF;border-right:3px solid #FFF;position:absolute;top:50%;left:50%;}
.banner-slider .slick-prev:after{transform:translate(-35%,-50%) rotate(-135deg);}
.banner-slider .slick-next:after{transform:translate(-65%,-50%) rotate(45deg);}

/* dots */
.banner-slider .slick-dots{bottom:-40px;}
.banner-slider .slick-dots li{margin:0 3px;}
.banner-slider .slick-dots li button:before{font-size:12px;color:#d7d7d7;opacity:1;}
.banner-slider .slick-dots li.slick-active button:before{color:#000;opacity:1;}

.tel-icon{display:none;}
/* ------------------------------
   responsive
------------------------------ */
@media screen and (max-width:1620px){
.header-inner{gap:1vw;padding:0 2.5vw;}
.global-nav a{font-size:min(1.1vw,14px);}
}

@media screen and (max-width:1530px){
.global-nav ul{gap:.8vw;}
}

@media screen and (max-width:1460px){
.header-inner{gap:1vw;padding:0 1vw;}
.site-logo a{height:90px;}
.main-visual-inner{min-height:420px;}
}

@media screen and (max-width:1360px){
.header-inner{padding:0 10px;gap:.5vw;}
.site-logo a{height:75px;}
.global-nav ul{gap:.6vw;}
.main-visual-inner{min-height:420px;}
}


@media screen and (max-width:1260px){
.global-nav a{font-size:16px;}
.nav-wrap{display:flex;align-items:center;gap:1vw;margin-left:auto;}
.tel-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background-color:#217bbf; width:50px;padding:5px;aspect-ratio: 1 / 1;position:relative;transition:.2s ease-in-out;box-shadow:0 4px #124871;top:0;}
.tel-icon:hover{box-shadow:0 0 #124871;top:4px;}
.tel-icon img{width:100%;}
.contact-btn{margin-bottom:unset;box-shadow:0 4px #80251a;top:0; height: 50px;padding: .4vw 1.6vw;}
.contact-btn:hover{top:4px;}
.site-header{position:sticky;top:0;z-index:1000;}
.header-inner{position:relative;justify-content:space-between;align-items:center;flex-wrap:nowrap;}
.menu-toggle{display:block;order:3;z-index:1101;}
.contact-btn{font-size:18px;}
.contact-btn{margin-left:0;}
.global-nav{position:absolute;top:calc(100% + 10px);left:0;width:100%;display:block;padding-top:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:1100;}
.global-nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
.global-nav ul{flex-direction:column;align-items:stretch;gap:0;width:80%;margin:0 auto;background:rgba(255,255,255,.98);border-radius:12px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.12);}
.global-nav li{width:100%;border-top:1px solid #eee;}
.global-nav li:first-child{border-top:none;}
.global-nav a{display:block;width:100%;padding:14px 16px;}
.main-visual-inner{min-height:320px;}
.banner-slider-wrap{margin-top:-40px;padding:0 28px;}
.banner-slider .slide-item{padding:0 10px;}
.tel-set{display:none;}

}

@media screen and (max-width:768px){
.header-inner{padding:10px 6px;gap:6px;}
.site-logo a{height:45px;}
.contact-btn{min-width:auto;height:48px;padding:0 6px;font-size:16px; }
.contact-btn img{}
.main-visual-inner{min-height:240px;}
.banner-section{padding-bottom:60px;}
.banner-slider-wrap{padding:15px 30px;margin-top:0;}
.banner-slider .slick-track{display:block !important;}
.banner-slider .slide-item{padding:0;}
.banner-slider .slick-slide{float:left;height:auto;transform:scale(1);opacity:1;}
.banner-card,.banner-slider .slick-center .banner-card{aspect-ratio:50/30;width:100%;}
.banner-slider .slick-prev{left:-20px;}
.banner-slider .slick-next{right:-20px;}
.banner-slider .slick-prev:before,.banner-slider .slick-next:before{width:30px;height:30px;}
.banner-slider .slick-prev,.banner-slider .slick-next{width:30px;height:30px;top:50%;}
.banner-slider .slick-dots{bottom:-30px;}
}
@media screen and (max-width:480px){
	main{margin-top:65px;}
	.header-inner{gap:2px;}
	.tel-icon{width:45px;}
	.contact-btn{aspect-ratio: 1 / 1;height:unset;width:45px;font-size:unset;}
	.banner-section{padding-bottom:10px;}
}

/*------------------------------
　メールフォーム
------------------------------*/
#form{max-width:1000px;margin:0 auto;}
.form-hoso{text-align:center;background-color:#f0f0f0;padding:20px;margin-top:30px;line-height:2;font-size:18px;font-weight:500;}
.form-hoso b{display:inline-block;padding:20px 0 0;font-size:24px;border-bottom:2px dotted #ee4296;margin-bottom:20px;color:#ee4296;}
.apply-hosoku p{margin:10px auto;font-size:88%;display:flex;text-align:left;justify-content:center;letter-spacing:.1rem;}
.apply-hosoku .wpcf7-list-item{margin:0 6px 0 0;}
.apply-hosoku input[type="checkbox"]{width:20px;height:20px;}
.Form{margin:30px auto;width:800px;}
.Form-Item p{text-align:left !important;margin:0;}
.Form-Item:first-child{border-top:unset;}
.Form-Item-flex,.wpcf7-radio label{display:flex;justify-content:flex-start;align-items:center;}
.Form-Item-flex span{padding-right:10px;}
.wpcf7-radio label input{width:20px;margin-right:10px;}
.Form-Item{border-top:1px solid #ddd;padding-top:24px;padding-bottom:24px;width:100%;display:flex;align-items:center;text-align:left;}
.Form p{text-align:left;}
.Form-Item-Label{width:100%;max-width:300px;font-weight:bold;font-size:16px;}
.Form-Item-Label span,span.hisu{border-radius:6px;margin-left:8px;padding:5px;display:inline-block;text-align:center;background:#f55a44;color:#fff;font-size:12px;line-height:1;font-weight:500;}
.Form-Item input{border:1px solid #ddd;border-radius:6px;padding:8px;height:48px;flex:1;width:100%;background:#FFF;}
.Form-Item textarea{border:1px solid #ddd;border-radius:6px;padding:8px;flex:1;width:100%;background:#FFF;}
.Form-Item select{border:1px solid #ddd;border-radius:6px;padding:8px;height:48px;flex:1;width:100%;background:#FFF;}
.checkbox label{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;}
.checkbox label>input{height:24px;width:24px;margin-right:5px;}

@media screen and (max-width:768px){
.Form{width:100%;}
	.tel-bana img{max-width:480px;}
}
@media screen and (max-width:480px){
.tel-bana img{width:100%;}
.Form-Item{flex-direction:column;align-items:flex-start;padding:15px 0;}
.Form-Item-Label{padding-bottom:10px;}
}

.Form-Btn{border-radius:6px;margin-top:32px;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:20px;width:280px;display:block;letter-spacing:.05em;color:#fff;background-color:#f55a44;font-weight:bold;font-size:20px;border:none;position:relative;transition:.2s ease-in-out;box-shadow:0 6px #80251a;top:0;}
.Form-Btn:hover{box-shadow:0 0 #80251a;top:6px;}
.Form-Btn:disabled:hover{box-shadow:0 6px #80251a;top:0;cursor:not-allowed;}

@media screen and (max-width:480px){
	.contact-btn span{display:none;}
.Form-Btn{margin-top:24px;padding:15px;width:200px;font-size:16px;}
.site-header{position:fixed;top:0;left:0;width:100%;}
.header-inner{gap:2px;}
.tel-icon{width:45px;}
.contact-btn{aspect-ratio:1/1;height:unset;width:45px;font-size:unset;}
.banner-section{padding-bottom:10px;}
}

.wpcf7-not-valid-tip{color:#e4000e !important;font-size:14px !important;padding-top:6px;}
.wpcf7-form-control-wrap{flex:1;}
.apply-hosoku{display:flex;justify-content:center;align-items:center;}
.hosoku-waku{background-color:#f0f0f0;padding:20px;font-size:12px;text-align:left;color:#222;}
.hosoku-waku p{font-size:14px;}
.hosoku-waku li{padding:1px 0;list-style:disc;margin-left:20px;}


/* ページ内リンク */
a.anchor{display:block;padding-top:240px;margin-top:-240px;}

body{position:relative;}

body.menu-open::before{
	content:"";
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	z-index:1050;
}

.site-header{z-index:1100;}
.global-nav{z-index:1101;}
.menu-toggle{z-index:1102;}