@charset "utf-8";
a{text-decoration: none;}
a[href^="tel:"] {pointer-events: none;}
body {
    position: relative;
    margin:0 auto;
    font-feature-settings: "palt";
	background: url("../images/uneven_bg.webp") center / 100% auto repeat;
}

/* 遷移時アニメーション */
body::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#fff;
	z-index: 9999;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
}
body.fade::after {opacity: 1;}

/* 共通 */
.fs14{font-size: 14px;}
.fs18,.li_fs18 > *{font-size: 18px;}
.fs22{font-size: 22px;}
.li_mb1em > *:not(:last-child){margin-bottom: 1em!important;}
.mb10,.li_mb10 > *:not(:last-child){margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb60{margin-bottom: 60px!important;}
.mb80{margin-bottom: 80px!important;}
.mb100{margin-bottom: 100px!important;}
.fcg{color: #69A00A;}
.fcdg{color: #5E8E00;}
.wb{font-family: 'zkgn-m';}
.ffp{font-family: 'poppins';}
.center{text-align: center;}
.lh2{line-height: 2;}
.lh2_5{line-height: 2.5;}
.ls{letter-spacing: .2em;}
.br20{border-radius: 20px;}
.sp_on{display: none;}

/* ヘッダー
-------------------------------------------*/
header{width: 100%;}
#header_wrap{
	display: flex;
	justify-content: space-between;
	width: 98%;
	margin: 25px auto 0;
	position: relative;
}
#header_l{width: calc(98% - clamp(300px,20vw,360px));}
h1{
	color: #6B6D52;
	font-size: 14px;
	margin-bottom: 1.5em;
}
.header_btn_box{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	width: clamp(300px,20vw,360px);
}
.header_btn_box a{border-radius: 10px;}
.header_btn_box a:first-child{
	grid-column: 1 / 3;
	background: #A1B23B;
	padding: 30px 0 12px;
	position: relative;
}
.header_btn_box a:first-child > p:first-child{
	position: absolute;
	padding: .7em 0;
	border-radius: 5px;
	background: #fff;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	text-align: center;
}
.header_btn_box a:first-child > p:first-child::after{
	content: "";
	background: #fff;
	clip-path: polygon(100% 0, 0 0, 50% 100%);
	position: absolute;
	width: .6em;
	height: .4em;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.header_btn_box a:first-child > p:last-child{text-align: center;}
.header_btn_box a:not(:first-child){
	background: #fff;
	padding: 15px 0 20px;
}
.header_btn_box a:not(:first-child),.header_btn_box a:not(:first-child) span{transition: .2s;}
.header_btn_box a:not(:first-child):hover{background: #F7D0D0;}
.header_btn_box a span{
	color: #F2B8B8;
	font-size: 12px;
	font-family: 'poppins';
	display: block;
	margin: 0 auto .6em;
	width: fit-content;
}
.header_btn_box a:hover span{color: #fff;}
.header_btn_box a p{
	text-align: center;
	color: #5E8E00;
}

/* ------------------------------------
   ナビゲーション
------------------------------------ */
.pc-nav{
	position: absolute;
	left: 0;
	top: 90px;
	width: 100%;
	z-index: 2;
}
.pc-nav .pc_menu{
	display: flex;
	justify-content: center;
}
.pc-nav .pc_menu > li > *{font-size: clamp(16px,1.1vw,18px);}
.pc-nav .pc_menu > li > a{transition: .2s;}
.pc-nav .pc_menu > li > a:hover{color: #A1B23B;}
.pc-nav .pc_menu > *:not(:last-child){margin-right: clamp(40px,3vw,60px);}
.pc-nav .pc_menu > .menu > a{
	padding-right: 1.6em;
	position: relative;
	pointer-events: none;
}
.pc-nav .pc_menu > .menu > a::after{
	content: "";
	width: 1.2em;
	aspect-ratio: 1/1;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url("../images/submenu.webp") center / contain no-repeat;
}
.pc-nav .pc_menu .menu{position: relative;}
.pc-nav .pc_menu .sub_menu,.pc-nav .pc_menu .sub_menu ul{transition: all .3s ease;}
.pc-nav .pc_menu .sub_menu{
	visibility: hidden;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	top: 70%;
	padding-top: 20px;
}
.pc-nav .pc_menu .menu:hover .sub_menu{
	visibility: visible;
	opacity: 1;
	top: 100%;
}
.pc-nav .pc_menu .sub_menu ul{
	padding: 35px 20px;
	width: 250px;
	border-radius: 10px;
}
.pc-nav .pc_menu .menu:hover .sub_menu ul{background: #fff;}
.pc-nav .pc_menu .sub_menu li{
	opacity: 0;
	border-bottom: 1px dashed #ADC44B;
}
.pc-nav .pc_menu .menu:hover .sub_menu li{opacity: 1;}
.pc-nav .pc_menu .sub_menu li:not(:last-child){margin-bottom: 1.2em;}
.pc-nav .pc_menu .sub_menu li a{
	transition: .2s;
	padding-bottom: 1em;
	display: block;
}
.pc-nav .pc_menu .sub_menu li a:hover{color: #A1B23B;}
.pc-nav .header_btn_box{display: none;}

/* ドロワー */
.drawer-hamburger {display: none !important;}


/* フッター
-------------------------------------------*/
footer::before{
	content: "";
	background: url("../images/footer_circle.webp") center top / cover no-repeat;
	width: 100%;
	height: 125px;
	display: block;
}
footer > div{background: rgba(255,255,255,.4);}
#footer_top{padding: 75px 0 100px;}
#footer_title_wrap,#footer_wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.footer_title{position: relative;}
.footer_title *{
	writing-mode: vertical-rl;
	color: #69A00A;
}
.footer_title > span:first-child{
	position: absolute;
	background: #fff;
	padding: 1em .7em;
	border-radius: 10px;
	right: -3em;
	top: -3em;
}
/* -- safari only -- */
_::-webkit-full-page-media, _:future, :root .footer_title > span:first-child{
	padding: 1em 1em 1em .1em;
	right: -9em;
}
/* -- safari only -- */
.footer_title > span:first-child::after{
	content: "";
	background: #fff;
	width: .5em;
	height: .6em;
	clip-path: polygon(0 0, 0% 100%, 100% 0);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.footer_title > span:last-child,.footer_title > span:last-child span{
	font-family: 'zkgn-m';
	letter-spacing: .15em;
}
.footer_title > span:last-child{
	font-size: 22px;
	line-height: 2;
}
/* -- safari only -- */
_::-webkit-full-page-media, _:future, :root .footer_title > span:last-child{
	height: 100%;
}
/* -- safari only -- */
.footer_title > span:last-child span{
	font-size: 28px;
	margin-top: 1.5em;
}
#footer_wrap{
	width: calc(95% - 145px);
	align-items: flex-start;
}
#footer_wrap > div{width: 40%;}
#footer_wrap > dl{width: 53%;}
#footer_wrap .hour thead th:first-child,#footer_wrap .hour tbody th{width: 125px;}
#footer_wrap .hour thead th:not(:first-child),#footer_wrap .hour tbody th:not(:first-child){width: calc((450px - 125px) / 8);}
#footer_wrap .hour tbody td{font-size: 14px;}
#map{
	width: 100%;
	height: 365px;
}
#map iframe,#mapSP iframe{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	filter: grayscale(50%);
}
#footer_wrap > dl{
	border: rgba(105,160,10,.3) 1px solid;
	border-radius: 10px;
}
#footer_wrap > dl > div{display: flex;}
#footer_wrap > dl > div:not(:last-child){border-bottom: rgba(105,160,10,.3) 1px solid;}
#footer_wrap > dl dt,#footer_wrap > dl dd{padding: 30px 25px;}
#footer_wrap > dl dt{
	width: 180px;
	color: #5E8E00;
	font-size: 18px;
	border-right: rgba(105,160,10,.3) 1px solid;
}
#footer_wrap > dl dd{width: calc(100% - 180px);}
#mapSP{display: none;}
#copy{
	padding: 5em 0;
	border-top: 1px solid rgba(105,160,10,.3);
	max-width: 1700px;
	width: 95%;
	margin: 0 auto;
}

/* コンテンツ
-------------------------------------------*/
.content{padding: 160px 0;}
.content_top{padding-top: 160px;}
.content_btm{padding-bottom: 160px;}
.inner_box{
	max-width: 1400px;
	width: 90%;
	margin: 0 auto;
}
.w1000,.w1200{
	width: 100%;
	margin: 0 auto;
}
.w1000{max-width: 1000px;}
.w1200{max-width: 1200px;}

/* pagetop */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
	z-index: 2!important;
	transition: .2s;
}
#page-top:hover{transform: scale(.8);}
#page-top a{
	font-family: 'poppins';
	color: #5e8e00;
	font-size: 14px;
	width: 4.5em;
	padding: .7em 0;
	border-radius: 50%;
	border: 1px solid #adc44b;
	background: #fff;
	display: block;
	text-align: center;
}
#page-top a::before{
	content: "";
	background: url("../images/arrow2.webp") center / contain no-repeat;
	width: 1.2em;
	aspect-ratio: 1/1.182;
	display: block;
	margin: 0 auto .1em;
	transform: rotate(-90deg);
}

/* 診療時間表 */
.hour *{color: #5E8E00;}
.hour thead,.hour tbody tr{border-bottom: rgba(105,160,10,.3) 1px solid;}
.hour thead th{padding-bottom: .7em;}
.hour tbody th{
	font-family: 'poppins';
	padding: 1em 0;
}
.hour tbody td{text-align: center;}

/* list */
.list > *{
	position: relative;
	padding-left: 1em;
}
.list > *::before{
	content: "";
	width: .4em;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: #F2B8B8;
	position: absolute;
	left: 0;
	top: .4em;
}

/* animation */
.fade_up,.fade_up_li > *{opacity: 0;}
.fade_up.is-show,.fade_up_li > *.is-show{animation: fade_up .5s ease-out forwards;}
.fade_up_li > *:nth-child(2).is-show{animation-delay: .2s;}
.fade_up_li > *:nth-child(3).is-show{animation-delay: .4s;}
@keyframes fade_up {
	0% {transform: translate(0, 15px);}
	100% {
		transform: translate(0, 0);
		opacity: 1;
	}
}

/* title */
.title > *{letter-spacing: .2em;}
.title > p{
	font-family: 'poppins';
	margin-bottom: 1.5em;
	color: #adc44b;
}
.title > *:not(p){
	font-size: 28px;
	color: #5e8e00;
	font-family: 'zkgn-m';
}
.title2{
	position: relative;
	padding-left: 2em;
	letter-spacing: .2em;
}
.title2::before{
	content: "";
	background: url("../images/title2.webp") center / contain no-repeat;
	width: 1.2em;
	aspect-ratio: 1/1.14;
	position: absolute;
	left: 0;
	top: -.1em;
}

/* flexbox */
.flexbox,.flex_between{
	display: flex;
	flex-wrap: wrap;
}
.flex_between{justify-content: space-between;}
.al_center{align-items: center;}

/* background */
.bgw{background: rgba(255,255,255,.4);}

/* btn */
.btn,.btn_square{
	background: #a1b23b url("../images/arrow2.webp") right 1em center / .8em auto no-repeat;
	color: #fff;
	border: 1px solid #a1b23b;
	transition: .2s;
	letter-spacing: .12em;
	display: block;
}
.btn{
	padding: .8em 2.5em .8em 1.5em;
	border-radius: 2em;
	width: fit-content;
}
.btn_square{
	padding: .8em 0;
	border-radius: 10px;
	width: 280px;
	text-align: center;
}
.btn:hover,.btn_square:hover{
	background-color: #fff;
	color: #a1b23b;
}
.btn2{
	padding-right: 3.2em;
	color: #6b6d52;
	letter-spacing: .2em;
	position: relative;
}
.btn2::after{
	content: "";
	width: 2.4em;
	aspect-ratio: 1/1;
	background: url("../images/arrow.webp") center / contain no-repeat;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: .2s;
}
.btn2:hover::after{transform: translateY(-50%) scale(.8);}

/* animation */
.loop_txt{position: relative;}
.loop_txt::before{
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 100%;
	height: 100px;
	background: url("../images/text_move.webp") center / auto 100px repeat-x;
	animation: loop 30s linear infinite;
}
@keyframes loop {
	from { background-position: 0 0;}
	to {background-position: -1505px 0;}
}
@keyframes loop_sp {
	from { background-position: 0 0;}
	to {background-position: -1204px 0;}
}

/* 下層コンテンツ
-------------------------------------------*/
/* inner-title */
#inner_title{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 1560px;
	width: 95%;
	margin: 0 auto;
	padding: 80px 0 160px;
}
.inner_l{
	position: relative;
	padding-left: 5%;
	width: 48%;
}
#pankuzu{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: fit-content;
}
#pankuzu li:not(:last-child){margin-bottom: .6em;}
#pankuzu li:not(:last-child)::after{
	content: ">";
	margin-top: .6em;
	transform: rotate(90deg);
	display: block;
	color: #6b6d52;
}
#pankuzu li span{
	font-size: 14px;
	transform: rotate(90deg);
	display: block;
	color: #6b6d52;
}
#pankuzu li a span{color: #adc44b;}
.inner_l > img{
	border-radius: 10px;
	width: 100%;
	animation: inner_img 1s ease-out forwards;
	opacity: 0;
}
@keyframes inner_img{
	0% {
		transform: scale(1.2);
		filter: blur(10px);
	}
	100% {
		transform: scale(1);
		filter: blur(0);
		opacity: 1;
	}
}

.inner_r{width: 45%;}
.inner_r > div span{
	display: block;
	width: fit-content;
	height: 55px;
	margin: 0 auto 35px;
}
.inner_r > div span img{
	display: block;
	height: 100%;
	width: auto;
}
.inner_r > div p{
	color: #5e8e00;
	font-family: "zkgn-m";
	text-align: center;
	letter-spacing: .2em;
	font-size: 20px;
}
.inner_link{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 50px;
}
.inner_link li{margin: 1%;}
.inner_link li a{
	border: 1px solid #adc44b;
	border-radius: 5px;
	padding: .6em 1em;
	display: block;
	transition: .2s;
	color: #6b6d52;
}
.inner_link li a:hover{
	background: #adc44b;
	color: #fff;
}

/* 1300px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1300px){
	a[href^="tel"]{pointer-events: auto;}
	
	/* 共通 */
	.fs14{font-size: 12px;}
	.fs18,.li_fs18 > *{font-size: 14px;}
	.fs22{font-size: 18px;}
	.mb10,.li_mb10 > *:not(:last-child){margin-bottom: 7px!important;}
	.mb15{margin-bottom: 10px!important;}
	.mb30{margin-bottom: 20px!important;}
	.mb40{margin-bottom: 25px!important;}
	.mb60{margin-bottom: 40px!important;}
	.mb80{margin-bottom: 50px!important;}
	.mb100{margin-bottom: 65px!important;}
	.br20{border-radius: 15px;}

	/* ヘッダー
	-------------------------------------------*/
	#header_wrap{margin-top: 20px;}
	#header_l{width: calc(100% - clamp(220px,20vw,250px));}
	h1{font-size: 12px;}
	#header_l a{
		width: 170px;
		display: block;
	}
	.header_btn_box{
		gap: 5px;
		width: clamp(220px,20vw,250px);
	}
	.header_btn_box a{border-radius: 6px;}
	.header_btn_box a:first-child{
		padding: 22px 0 10px;
	}
	.header_btn_box a:first-child > p:first-child{
		top: -15px;
		width: 170px;
	}
	.header_btn_box a:first-child > p:last-child img{width: 180px;}
	.header_btn_box a:not(:first-child){padding: 12px 0 16px;}

	/* ------------------------------------
	   ナビゲーション
	------------------------------------ */
	.pc-nav{top: 70px;}
	.pc-nav .pc_menu > li > *{font-size: 14px;}
	.pc-nav .pc_menu > *:not(:last-child){margin-right: 1.8vw;}
	.pc-nav .pc_menu .sub_menu{
		padding: 25px 15px;
		width: 200px;
		border-radius: 6px;
	}

	
	/* フッター
	-------------------------------------------*/
	footer::before{height: 90px;}
	#footer_top{padding: 50px 0 60px;}
	.footer_title > span:first-child{border-radius: 7px;}
	.footer_title > span:last-child{font-size: 18px;}
	.footer_title > span:last-child span{font-size: 22px;}
	#footer_wrap{width: calc(95% - 110px);}
	#footer_wrap .hour thead th:first-child,#footer_wrap .hour tbody th{width: 100px;}
	#footer_wrap .hour thead th:not(:first-child),#footer_wrap .hour tbody th:not(:first-child){width: calc((360px - 100px) / 8);}
	#footer_wrap .hour tbody td{font-size: 12px;}
	#map{height: 320px;}
	#map iframe{border-radius: 7px;}
	#footer_wrap > dl{border-radius: 7px;}
	#footer_wrap > dl dt,#footer_wrap > dl dd{padding: 23px 18px;}
	#footer_wrap > dl dt{
		width: 130px;
		font-size: 14px;
	}
	#footer_wrap > dl dd{width: calc(100% - 130px);}

	
	/* コンテンツ
	-------------------------------------------*/
	.content{padding: 100px 0;}
	.content_top{padding-top: 100px;}
	.content_btm{padding-bottom: 100px;}
	.w1000{max-width: 800px;}
	.w1200{max-width: 950px;}
	
	/* title */
	.title > *:not(p){font-size: 22px;}
	
	/* btn */
	.btn_square{width: 220px;}
	
	/* animation */
	.loop_txt{position: relative;}
	.loop_txt::before{
		top: 12px;
		height: 70px;
		background-size: auto 70px;
		animation: loop_sp 30s linear infinite;
	}
	
	/* 下層コンテンツ
	-------------------------------------------*/
	/* inner-title */
	#inner_title{padding: 50px 0 100px;}
	#pankuzu li span{font-size: 12px;}
	.inner_r > div span{
		margin-bottom: 25px;
		height: 40px;
	}
	.inner_r > div p{font-size: 16px;}
	.inner_link{margin-top: 35px;}
}

/* 950px以下から
------------------------------------------------------------*/
@media only screen and (max-width:950px){
	
	.sp_on{display: block;}
	.sp_non{display: none;}
	
	/* ヘッダー
	-------------------------------------------*/
	#header_l{width: calc(97% - 55px);}
	#header_wrap > .header_btn_box{display: none;}

	/* ------------------------------------
	   ナビゲーション
	------------------------------------ */
	/* hamburger */
	.drawer-hamburger {
		display: block!important;
		width: 55px!important;
		aspect-ratio: 1/1;
		padding: 0!important;
		position: fixed;
		top: 10px!important;
		right: 10px!important;
		background: #fff!important;
		z-index: 99!important;
		border-radius: 10px;
	}
	.drawer--right.drawer-open .drawer-hamburger{background: #F7D0D0!important;}
	.drawer-hamburger-icon{margin: 0 auto!important;}
	.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
		background-color: #5E8E00!important;
		height: 1px !important;
		width: 25px!important;
	}
	.drawer-open .drawer-hamburger-icon {background-color: transparent !important;}
	.drawer-hamburger-icon:after {top: 8px !important;}
	.drawer-hamburger-icon:before {top: -8px !important;}
	.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {top: 0 !important;}
	.drawer-open .drawer-hamburger-icon:after{
		-webkit-transform: rotate(-25deg)!important;
		transform: rotate(-25deg)!important;
	}
	.drawer-open .drawer-hamburger-icon:before {
		-webkit-transform: rotate(25deg)!important;
		transform: rotate(25deg)!important;
	}
	
	/* drawer-overlay */
	.drawer-overlay {
		z-index: 2!important;
		background-color: rgba(0, 0, 0, 0)!important;
		transition: all .3s ease;
		display: block!important;
		visibility: hidden;
	}
	.drawer-open .drawer-overlay{
		background-color: rgba(0, 0, 0, .2)!important;
		visibility: visible;
	}
	
	/* drawer-nav */
	.drawer--right .drawer-nav{right: -100%!important;}
	.drawer--right.drawer-open .drawer-nav{right:0!important;}
	.drawer-nav{
		border-radius: 20px 0 0 20px;
		padding: 0 40px;
		display: flex;
		align-items: center;
		max-width: 450px!important;
		width: 90%!important;
		z-index: 4!important;
	}
	.drawer-nav > div{width: 100%;}
	.drawer-nav .drawer-menu{margin-bottom: 50px;}
	.drawer-nav .drawer-menu > li:not(:last-child){
		padding-bottom: 25px;
		margin-bottom: 30px;
		border-bottom: 1px dashed #ADC44B;
	}
	.drawer-nav .drawer-menu > li > *{font-size: 20px;}
	.drawer-nav .drawer-menu > li > *,.drawer-nav .drawer-menu .sub_menu a{
		display: block;
		color: #5E8E00;
	}
	.drawer-nav .drawer-menu > li > a{position: relative;}
	.drawer-nav .drawer-menu > li > a::after{
		content: "";
		width: 1.3em;
		aspect-ratio: 1/1;
		background: url("../images/arrow.webp") center / contain no-repeat;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.drawer-nav .drawer-menu .sub_menu{display: none;}
	.drawer-nav .header_btn_box{width: 100%;}
	.drawer-nav .header_btn_box a:not(:first-child){background: #F7D0D0!important;}
	.drawer-nav .header_btn_box a span{color: #fff;}
	
	/* フッター
	-------------------------------------------*/
	footer::before{height: 70px;}
	#footer_title_wrap{margin-bottom: 50px;}
	#footer_wrap > *{width: 100%!important;}
	#footer_wrap .hour{margin: 0 auto;}
	#footer_wrap .hour + p{text-align: center;}
	#map{display: none;}
	#mapSP{
		display: block;
		width: 100%;
		height: 350px;
	}
	
	/* 下層コンテンツ
	-------------------------------------------*/
	#inner_title{
		width: 100%;
		overflow: hidden;
	}
	#inner_title > *{width: 95%;}
	.inner_r{
		order: 1;
		margin: 0 auto 40px;
	}
	.inner_r > div > span{margin: 0 0 30px;}
	.inner_r > div p{text-align: left;}
	.inner_link{justify-content: flex-start;}
	.inner_l{
		order: 2;
		padding: 0;
		margin: 0 auto;
	}
	#pankuzu,#pankuzu li{
		display: flex;
		align-items: center;
	}
	#pankuzu{
		position: inherit;
		justify-content: flex-end;
		width: auto;
		left: auto;
		top: auto;
		transform: translateY(0);
		margin-bottom: 15px;
	}
	#pankuzu li:not(:last-child)::after,#pankuzu li span{transform: rotate(0);}
	#pankuzu li:not(:last-child){margin: 0 .6em 0 0;}
	#pankuzu li:not(:last-child)::after{margin: 0 0 0 .6em;}
	#pankuzu li span{display: inline-block;}
}
	
/* 500px以下から
------------------------------------------*/
@media only screen and (max-width:500px){
	body {
		min-width: inherit!important;
		width: 100%;
		background-image: url("../images/uneven_bgSP.webp");
	}
	
	/* ヘッダー
	-------------------------------------------*/
	#header_wrap{width: 95%;}
	
	/* ------------------------------------
	   ナビゲーション
	------------------------------------ */
	.drawer-nav .drawer-menu{margin-bottom: 35px;}
	.drawer-nav .drawer-menu > li:not(:last-child){
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
	.drawer-nav .drawer-menu > li > *{font-size: 16px;}
	
	/* フッター
	-------------------------------------------*/
	footer::before{height: 40px;}
	.footer_title{
		width: 100%;
		margin-bottom: 40px;
	}
	.footer_title *{writing-mode: inherit;}
	.footer_title > span:first-child{
		right: auto!important;
		top: auto;
		position: inherit;
		width: fit-content;
		display: block;
		margin: 0 auto 10px;
		padding: 1em .7em!important;
	}
	.footer_title > span:first-child::after{clip-path: polygon(0 0, 50% 100%, 100% 0);}
	.footer_title > span:last-child,.footer_title > span:last-child span{
		display: block;
		text-align: center;
	}
	.footer_title > span:last-child span{margin: 0;}
	#footer_wrap{width: 100%;}
	#footer_wrap > dl dt, #footer_wrap > dl dd{padding: 20px 14px;}
}