@charset "utf-8";
*,*::after,*::before{box-sizing:border-box}:focus-visible{outline-offset:3px}:where(html){-webkit-text-size-adjust:none;text-size-adjust:none}:where(html){line-height:1.6}:where(html){scrollbar-gutter:stable}:where(h1){font-size:1rem;margin-block:.67em}:where(abbr[title]){cursor:help;text-decoration-line:underline;text-decoration-style:dotted}@media (forced-colors:active){mark{color:HighlightText;background-color:Highlight}}:where(del,ins,s)::before,:where(del,ins,s)::after{clip-path:inset(100%);clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap;content:"test"}:where(s)::before{content:"stricken text start "}:where(s)::after{content:" stricken text end"}:where(del)::before{content:"deletion start "}:where(del)::after{content:" deletion end"}:where(ins)::before{content:"insertion start "}:where(ins)::after{content:" insertion end"}:where(audio,iframe,img,svg,video){max-block-size:100%;max-inline-size:100%}:where(fieldset){min-inline-size:0}:where(label):has(+:where(textarea,input,select)){display:block}:where(textarea:not([rows])){min-block-size:6em}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}:where([type="search"]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where([type="search"]){border:1px solid -apple-system-secondary-label;background-color:canvas}}:where([type="tel"],[type="url"],[type="email"],[type="number"]):not(:placeholder-shown){direction:ltr}:where(table){border-collapse:collapse;border-spacing:0;border:1px solid}:where(th,td){border:1px solid;padding:.25em .5em}:where(dialog)::backdrop{background:oklch(0% 0 0 / .3)}:where(dialog),:where(dialog)::backdrop{opacity:0;transition:opacity 300ms ease-out,display 300ms allow-discrete,overlay 300ms allow-discrete}:where(dialog[open]),:where(dialog[open])::backdrop{opacity:1}@starting-style{:where(dialog[open]),:where(dialog[open])::backdrop{opacity:0}}[hidden]:not([hidden="until-found"]){display:none!important}
/* change colours to suit your needs */
body {margin:0;min-width: 1280px;font-feature-settings: "palt";font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;color: #423c37;letter-spacing: 0.1rem;}
h2,h3,h4{color:#000;}
ul{list-style:none;padding:0;}a {color: #de5115;}a:hover{transition-property: all;transition: 0.2s linear;opacity: 0.6;}a[href^="tel:"] {pointer-events: none;}a:visited{color: #4B0082;}
mark {background: linear-gradient(transparent 60%, #fccf8b 0%);color:#423c37;}hr {color:#cccccc;margin:1em 0;}input, select {vertical-align:middle;}

/* 共通 */
.mb40{margin-bottom: 40px !important;}
.mb80{margin-bottom: 80px !important;}
.fs18{font-size:1.125rem;}
.fs20{font-size:1.25rem;}
.fs24{font-size:1.5rem;}
.fco{color:#de5115;}
.bg{background-color: #f4f0e7;}
.center,.center_l{text-align: center;}
.wb{font-weight: bold;}
.border{text-decoration: underline;}
.flexbox{
	display: flex;
    flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.c2 > li,.c2 > div{width: 48%;margin: 0 1%;}
.c3 > li{width: 31%;margin: 0 1%;}
.c2 > li:not(:nth-last-child(-n+2)) {margin-bottom: 30px;}
.c3 > li:not(:nth-last-child(-n+3)) {margin-bottom: 30px;}
.sp_on,.tab_on{display: none;}
.ti2{position:relative;text-align: center;font-size:28px;font-weight: normal;margin-bottom: 80px;}
.ti2::before{position: absolute;bottom:-20px;left:50%; transform: translateX(-50%);width:200px;height: 4px;content:"";border-radius: 3px;background: #de5115;}

/* ヘッダー
------------------------------------------------------------*/
h1{position: absolute;top:0;left:30px;font-size:.875rem;font-weight: normal;}
header{z-index: 98 !important;display: flex;justify-content: space-between;align-items: flex-end;width: 95%;margin:auto;}
header .headL{margin-top:50px;width:450px;}
.recruit {position:fixed;right:0; top:30%; z-index: 98;}
.tel{position:fixed;left:20%;bottom:0; z-index: 98;}
/* ナビゲーション
------------------------------------------------------------*/
/* pc-nav */
.pc-nav > ul{display: flex; justify-content: flex-end;align-items:center;padding:0 0 10px 0;background:#fff; border-radius: 30px 0 0 30px;}
.pc-nav a{color:#2b3038;font-size:1rem; text-decoration: none;padding-bottom: 3px;background-image: linear-gradient(#de5115, #de5115);background-repeat: no-repeat;background-position: bottom right;background-size: 0 3px;transition: background-size 0.3s;}
.pc-nav > ul > li:last-child a{background:#de5115;padding:10px 30px;border-radius: 30px;color:#fff;}
.pc-nav > ul > li:not(:first-child){margin-left: 30px;}
.pc-nav a:hover{color: #de5115;opacity: 1.0;background-position: bottom left;background-size: 100% 3px;}
.pc-nav > ul > li:nth-last-child(2) a:hover{opacity:0.7;transition: .5s;}
.clone-nav{position: fixed;top: 0;left: 0;right: 0;z-index:999;	transition: .3s;transform: translateY(-100%);max-width: 960px;width: 90%;margin: 0 auto;background-color: #fcf3ed;border-radius: 0 0 15px 15px;border:1px solid #9E9A97;border-top:none;}
.clone-nav ul{padding: 20px 0!important;margin: 0 auto!important;background-color: transparent!important;justify-content: center;}
.is-show {transform: translateY(0);}

/* ドロワー */
.drawer-hamburger {
	display: none !important;
	width: 36px !important;
	height:38px;
	padding: 0px 8px 10px !important;
	position: fixed;
	background: #de5115!important;
	border-radius:5px;
	z-index: 100 !important;
}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
	background-color: #fff !important;
	height: 1.0px !important;
}
.drawer-open .drawer-hamburger-icon:before,.drawer-open .drawer-hamburger-icon:after{
	width: 100%!important;
	padding-left: 10px!important;
}
.drawer-open .drawer-hamburger-icon {background-color: transparent !important;}
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {top: 0 !important;}
.drawer-nav {z-index: 3!important;width: 100% !important;background: #fff;height: 100%!important;}
.drawer-overlay {z-index: 2!important;background: none !important;}
.drawer--top.drawer-open .drawer-nav{
	opacity: 1!important;
	visibility: visible;
}
/* この下でデザイン */
.drawer-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width:100% !important;
	height: 100% !important;
	z-index: 99 !important;
	padding:10vh 0;
}
.drawer-menu{
	max-width: 800px;
	width: 80%;
	height: 100%;
}
.drawer-menu ul{padding:20px 0; }
.drawer-menu > li:not(:last-child){	border-bottom: 1px #E6E6E6 solid;}
.drawer-menu.drawer-top > li a{color:#2b3038;font-size:1rem; text-decoration: none;display: block;text-align: center;font-weight: bold; padding: 20px 0;}
.drawer-menu > li:last-child a{margin: 30px auto 0;background:#de5115;padding:10px 30px;border-radius: 20px;color:#fff;}
/* 共通　コンテンツ
------------------------------------------------------------*/
.content{padding:80px 0;}
.inner-box{max-width:1320px;width: 95%;margin: 0 auto;padding:80px 0;}

#pagetop {
    position: fixed;
    right: 1.2%;
	transition: .3s ease-out;
	z-index: 2!important;
}
#pagetop a:hover {opacity: 0.6;}

/* フッター
------------------------------------------------------------*/
footer{background: #846249;}
footer .flexbox div{width:48%;padding:20px;border-radius: 15px;}
footer .flexbox div:first-child{background: #FFF;}
footer img{display: block;margin:auto;height: auto;}
footer ul li{display: flex; align-items: center;}
footer ul li p{padding:10px 0;margin:0;}
footer ul li::before{display:inline-block; content:"";width:56px; height: 56px; background-size: cover;margin-right:15px;}
footer ul li:first-child::before{background-image: url("../images/home/icon_map.webp"); }
footer ul li:last-child::before{background-image: url("../images/home/icon_tel.webp");}
footer ul a{text-decoration:none;}
footer .tel{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
footer .copy{color:#FFF;text-align: center;margin:30px 0 10px 0;}
/* レスポンシブ
------------------------------------------------------------*/
/* 1320px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1320px){
	body {min-width: 1280px!important;margin:auto;}
	.pc-nav > ul > li a{font-size:0.875rem;}
	header .headL{width:270px;}
	header .logo{width:250px;height: auto;}
}
/* 960px以下から
------------------------------------------------------------*/
@media only screen and (max-width:960px){
	body {min-width: 910px!important;font-size: 1rem;}
	.inner-box{padding:30px 0;}
	/* ナビゲーション
	--------------------------------------*/
	.pc-nav{display:none;}
	.drawer-hamburger {display: block!important;top:5px !important;right:5px!important;}
	
	/*共通*/
	.fs18{font-size:1rem;}
	.fs20{font-size:1.125rem;}
	.fs24{font-size:20px;}
	.ti2{font-size:20px;}
	.ti2{margin-bottom: 50px;}
}
/* 768px以下から
------------------------------------------------------------*/
@media only screen and (max-width:768px){
	body {min-width: 700px!important;}
	header{width:100%;}
	h1{position: static; font-size:14px;}
	header .headL{width:calc( 100% - 60px); margin:0;}
	a[href^="tel:"] {pointer-events:auto;}
	/*フッター*/
	footer .flexbox {flex-wrap: wrap;}
	footer .flexbox div{width:100%;}
	#pagetop{
		width: 60px;
		height: 60px;
	}
}
/* 430px以下から
------------------------------------------------------------*/
@media only screen and (max-width:431px){
    body {min-width: inherit!important;width: 100%;}
	/* 共通 */
	.center_l{text-align:left;}
	.c2 > li,.c2 > div{width: 100%;}
	.c3 > li{width: 100%;}
	.c2 > li {margin-bottom: 20px;}
	.c3 > li {margin-bottom: 20px;}
	.sp_on{display:block;}
	.sp_non{display:none;}
	#pagetop{width:40px;height:40px;}
	/*フッター*/
	footer .flexbox div:last-child{padding:20px 0 0;}
	footer ul li::before{width:40px; height: 40px;}
}