@charset "utf-8";
html{margin-top: 0!important;}
body{
    min-width: 1300px;
    position: relative;
    margin:0 auto;
	text-align: justify;
	text-justify: inter-ideograph;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	font-family: 'NotoSansJP';
	word-break: break-all;
}
@font-face{
	src:  url('../font/NotoSansJP.woff') format('woff');
	font-family: 'NotoSansJP';
	font-style: normal;
	font-display: swap;
}
@font-face{
	src:  url('../font/NotoSansJP-Bold.woff') format('woff');
	font-family: 'NotoSansJP-Bold';
	font-style: normal;
	font-display: swap;
}
@font-face{
	src:  url('../font/Outfit.woff') format('woff');
	font-family: 'Outfit';
	font-style: normal;
	font-display: swap;
}
::selection{
	color: #fff;
	background: #EF5A26;
}
a[href^="tel:"] {pointer-events: none!important;}
a{transition: all .3s ease;}

/* 共通 */
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb50{margin-bottom: 50px!important;}
.mb70{margin-bottom: 70px!important;}
.mb85{margin-bottom: 85px!important;}
.mb100{margin-bottom: 100px!important;}
.mb120{margin-bottom: 120px!important;}
.pt30{padding-top: 30px!important;}
.pt150{padding-top: 150px!important;}
.fs18,.fs18 *{font-size: clamp(14px, 1.1vw, 18px);}
.fs20,.fs20 *{font-size: clamp(16px, 1.3vw, 20px);}
.fs22,.fs22 *{font-size: clamp(16px, 1.7vw, 22px);}
.fs25,.fs25 *{font-size: clamp(18px, 1.8vw, 25px);}
.fs30,.fs30 *{font-size: clamp(24px, 2vw, 30px);}
.center,.center_l{text-align: center;}
.wb,.wb *{
	font-family: 'NotoSansJP-Bold';
	font-weight: bold;
}
.fco,a.text_link{color: #EF5A26;}
.fcw{color: #fff;}
.ffo{
	font-family: 'Outfit';
	font-weight: 300;
}
.text_link{text-decoration: underline;}
.ls01{letter-spacing: 0.15rem;}
.ls02{letter-spacing: 0.3rem;}
.lh01{line-height: 1.8;}
.lh02{line-height: 2.3;}
.sp_on{display: none!important;}
.br30{border-radius: 30px;}
.br50{border-radius: 50px;}
.marker_red{background:linear-gradient(transparent 65%, #fc758b 65%);}

/* ヘッダー
------------------------------------------------------------*/
header{
	width: 100%;
	padding-top: 20px;
}
#header_wrap{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 35px;
	position: relative;
}
h1{
	font-size: clamp(12px, 1vw, 14px);
	color: #999;
}
a.logo{
	display: block;
	/*width: clamp(190px, 11.5vw, 230px);*/
	width: clamp(300px, 13.5vw, 350px);
	margin: 0 auto;
}
.header_btn{
	max-width: 700px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 15px auto 0;
}
.header_btn li{width: 32.5%;}
a.h_btn{
	display: block;
	max-width: 350px;
	width: 100%;
	padding: 7px 0 8px;
	background-color: #FFDC64;
	color: #EF5A26;
	border-width: 2px;
	font-weight: bold;
	text-align: center;
	border-radius: 80px;
}
a.contact_btn{
	display: block;
	max-width: 240px;
	width: 100%;
	background-color: #EF5A26;
	border: 1px #EF5A26 solid;
	font-family: 'NotoSansJP-Bold';
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 0.1rem;
	padding: 10px 0 14px;
	border-radius: 80px;
}
@media (any-hover: hover){
	a.contact_btn:hover{
		background-color: #fff;
		color: #EF5A26;
	}
	a.h_btn:hover{
		color: #fff;
		background-color: #EF5A26;
	}
}
#header_wrap a.contact_btn{
	font-size: clamp(14px, 1.1vw, 18px);
	position: absolute;
	top: 0;
	right: 0;
}

/* 追従ボタン
------------------------------------------------------------*/
#follow_btn{
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	position: fixed;
	bottom: -500px;
	left: 0;
	right: 0;
	transition: bottom 0.3s ease-in-out;
	z-index: 3;
}
.follow{bottom: 0!important;}
#follow_btn li{width: 50%;}
#follow_btn li a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 85px;
	padding: 0 30px 0 20px;
	border-radius: 10px 10px 0 0;
}
#follow_btn li:first-child a{background-color: #EF5A26;}
#follow_btn li:last-child a{background-color: #00B900;}

/* ナビゲーション
------------------------------------------------------------*/
.pc-nav{
	border-top: 1px #CCC solid;
	padding: 20px 0;
}
.pc-nav ul{
	display: flex;
	justify-content: center;
}
.pc-nav ul li:first-child,.pc-nav ul li:last-child{display: none;}
.pc-nav ul li:not(:nth-last-child(-n+2)){margin-right: 40px;}
.pc-nav ul li a{font-size: clamp(14px, 1.1vw, 18px);}

/* ついてくるnav */
.clone-nav{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 5;
	transition: .3s;
	transform: translateY(-150%);
	background: #fff;
	border-bottom: 1px #CCC solid;
	padding: 13px 0 20px;
}
.clone-nav li:not(:nth-last-child(-n+2)){margin-right: 30px;}
.is-show{transform: translateY(0);}
@media (any-hover: hover){.pc-nav li a:hover{color: #EF5A26;}}

/* ドロワー */
.drawer-hamburger{display: none!important;}
.drawer-hamburger{
	width: 28px!important;
	height: 28px!important;
	padding: 8px!important;
	background-color: #EF5A26!important;
	border: 3px #FFDC64 solid!important;
	border-radius: 50%;
	position: fixed!important;
	top: 5px!important;
	right: 5px!important;
	z-index: 99!important;
}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
	width: 15px!important;
	height: 1px !important;
	background-color: #fff!important;
	border-radius: 30px;
	margin: 0 auto!important;
}
.drawer-hamburger-icon{top: 0px!important;}
.drawer-open .drawer-hamburger-icon{background-color: transparent !important;}
.drawer-hamburger-icon:after{top: 5px !important;}
.drawer-hamburger-icon:before{top: -5px !important;}
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{top: 0 !important;}
.drawer-nav{z-index: 10!important;width: 100% !important;background: #fff;height: 100%!important;}
.drawer--right.drawer-open .drawer-hamburger{right: 225px !important;}
.drawer-overlay{
	background: none !important;
	display: none!important;
}
.drawer--top .drawer-nav{
	opacity: 0!important;
	transition: opacity .3s linear!important;
	visibility: hidden;
}
.drawer--top .drawer-nav,.drawer--top.drawer-open .drawer-nav{top: 0!important;}
.drawer--top.drawer-open .drawer-nav a{pointer-events: auto!important;}
.drawer--top.drawer-open .drawer-nav{
	opacity: 1!important;
	visibility: visible;
}

/* この下でデザイン */
.drawer-nav{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%!important;
	background-color: #EF5A26!important;
	background-image: radial-gradient(rgba(255,255,255,0.1) 20%, transparent 20%),radial-gradient(rgba(255,255,255,0.1) 20%, transparent 20%)!important;
	background-size: 12px 12px!important;
	background-position: 0 0, 6px 6px!important;
	position: relative;
}
.drawer-nav::before{
    content: '';
    width: 90%;
    height: 93%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}
.drawer-menu{
	width: 90%;
	margin: 0 auto;
}
.drawer-menu li{text-align: center;}
.drawer-menu li:not(:last-child){
	border-bottom: 1px #EF5A26 solid;
	padding-bottom: 20px;
}
.drawer-menu li:nth-last-child(2){margin-bottom: 35px;}
.drawer-menu li:not(:nth-last-child(-n+2)){margin-bottom: 20px;}
.drawer-menu li a{
	font-size: 15px;
	font-family: 'NotoSansJP-Bold';
	font-weight: bold;
}
.drawer-menu a.contact_btn{margin: 0 auto;}


/* コンテンツ
------------------------------------------------------------*/
#pagetop{
    position: fixed;
    bottom: 0;
    right: 0;
	z-index: 2!important;
}
@media (any-hover: hover){#pagetop a:hover{filter: brightness(108%);}}
.content{padding: 150px 0;}
.content_top{padding-top: 150px;}
.content_bottom{padding-bottom: 150px;}
.overlap_content > .bgy{
	padding: 120px 0 150px;
	margin-top: -65px;
}
.inner_box01{max-width: 1300px;}
.inner_box02{max-width: 1600px;}
.inner_box03{max-width: 1000px;}
.inner_box01,.inner_box02,.inner_box03{
	width: 88%;
	margin: 0 auto;
}
.bgy{background-color: #F9F5EA;}
.bgw{background-color: #fff;}
.bg_stripe{background-image: repeating-linear-gradient(135deg, #fff0cc, #fff0cc 10px, #ffe8b6 10px, #ffe8b6 27px);}

/* 導入部分
-------------------------------------------*/
.intro_box{padding-top: 120px;}
.intro_con{
	display: flex;
	flex-wrap: wrap;
}
.intro_con .intro_illust{width: 550px;}
.intro_con .intro_text{width: calc(100% - 550px);}

/* タイトル
-------------------------------------------*/
.title{text-align: center;}
.title::before{
	content: '';
	width: 6px;
	height: 60px;
	background: url("../images/title_before.webp") no-repeat center / contain;
	display: block;
	margin: 0 auto 15px;
}
.title p{
	font-size: clamp(50px, 4vw, 65px);
	letter-spacing: 0.2rem;
	margin-bottom: 5px;
	line-height: 1;
}
.title h2{
	font-size: clamp(20px, 2vw, 24px);
	font-family: 'NotoSansJP-Bold';
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1rem;
}

/* slash_title */
.slash_title{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-align: center;
}
.slash_title::before,.slash_title::after{
	content: '';
	width: 38px;
	height: 62px;
	background: url("../images/slash_title.webp") no-repeat center / contain;
}
.line.slash_title::before,.line.slash_title::after{background: url("../images/slash_title_g.webp") no-repeat center / contain;}
.slash_title::before{margin-right: 30px;}
.slash_title::after{
	transform: scale(-1,1);
	margin-left: 30px;
}
.slash_title h3{
	letter-spacing: 0.15rem;
	line-height: 1.8;
}
.slash_title .bg_text{
	display: block;
	width: fit-content;
	font-size: clamp(14px, 1.1vw, 18px);
	background-color: #FFDC64;
	text-align: center;
	margin: 0 auto 5px;
	padding: 5px 45px;
	border-radius: 80px;
}

/* bg_title */
.bg_title{
	width: fit-content;
	background-color: #EF5A26;
	color: #fff;
	letter-spacing: 0.1rem;
	text-align: center;
	padding: 5px 20px;
	border-radius: 80px;
}

/* light_title */
.light_title{
	letter-spacing: 0.15rem;
	text-align: center;
}
.light_title::before{
	content: '';
	width: 65px;
	height: 60px;
	background: url("../images/light_bulb.webp") no-repeat center / contain;
	display: block;
	margin: 0 auto 20px;
}

/* circle_title */
.circle_title{
	display: flex;
	align-items: flex-start;
}
.circle_title::before{
	content: '';
	width: 0.5vw;
	height: 0.5vw;
	background-color: #EF5A26;
	border-radius: 50%;
	flex-shrink: 0;
}
.fs18.circle_title::before{margin: 9px 10px 0 0;}
.fs20.circle_title::before{margin: 11px 10px 0 0;}


/* フレックスボックス
-------------------------------------------*/
.flexbox,.flex_center{
	display: flex;
	flex-wrap: wrap;
}
.flexbox{justify-content: space-between;}
.flex_center{justify-content: center;}
.al-center{align-items: center!important;}
.c2 > *{width: 48%;}
.c2 img{
	display: block;
	margin: 0 auto;
}
.c3 > *{width: 31.7%;}

/* bgw_li、bgy_li */
.bgw_li > *{background-color: #fff;}
.bgy_li > *{background-color: #F9F5EA;}
.bgw_li > *,.bgy_li > *{border-radius: 20px;}
.c3.bgw_li > *,.c3.bgy_li > *{padding: 35px 30px 45px;}
.c3.bgw_li > * .dot_line_o::after,.c3.bgy_li > * .dot_line_o::after{margin: 20px 0;}
.c3.bgw_li > *:not(:nth-last-child(-n+3)),.c3.bgy_li > *:not(:nth-last-child(-n+3)){margin-bottom: 35px;}
.c2.bgw_li > *,.c2.bgy_li > *{padding: 40px 40px 60px;}
.c2.bgw_li > * .dot_line_o::after,.c2.bgy_li > * .dot_line_o::after{margin: 30px 0;}
.c2.bgw_li > *:not(:nth-last-child(-n+2)),.c2.bgy_li > *:not(:nth-last-child(-n+2)){margin-bottom: 50px;}

/* c1_box */
.c1_box{padding: 50px;}
.c1_box .dot_line_b::after{margin: 40px 0;}


/* ボタン・リンク
-------------------------------------------*/
a.btn{
	display: block;
	max-width: 460px;
	width: 100%;
	margin: 0 auto;
	background-color: #EF5A26;
	border: 6px #FFDC64 solid;
	font-size: clamp(16px, 1.1vw, 18px);
	font-family: 'NotoSansJP-Bold';
	font-weight: bold;
	text-align: center;
	color: #fff;
	letter-spacing: 0.1rem;
	padding: 23px 0 30px;
	border-radius: 100px;
}
@media (any-hover: hover){
	a.btn:hover{
		color: #EF5A26;
		background-color: #fff;
	}
	a.hover_filter:hover{filter: brightness(105%);}
}

/* hover_img
-------------------------------------------*/
.hover_img{
	overflow: hidden;
	border-radius: 15px;
}
.hover_img > img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	transition: .5s;
}
@media (any-hover: hover){a:hover .hover_img img{transform: scale(1.1)!important;}}

/* リスト
-------------------------------------------*/
.li_mb10 > li:not(:last-child){margin-bottom: 10px;}
.li_mb20 > li:not(:last-child){margin-bottom: 20px;}
.li_mb30 > li:not(:last-child){margin-bottom: 30px;}
.li_mb50 > li:not(:last-child){margin-bottom: 50px;}
.list_line > li{
	display: flex;
	align-items: flex-start;
}
.list_line > li::before{
	content: '';
	width: 10px;
	height: 2px;
	background-color: #EF5A26;
	margin: 12px 10px 0 0;
	flex-shrink: 0;
}

/* カテゴリ・日付
-------------------------------------------*/
.cat_day{
	display: flex;
	align-items: center;
}
.cat_day p{
	width: fit-content;
	background-color: #EF5A26;
	font-size: 14px;
	color: #fff;
	text-align: center;
	border-radius: 80px;
	padding: 5px 15px;
	margin-right: 15px;
}

/* ドット線
-------------------------------------------*/
/* 共通 */
.dot_line_li > *::after,.dot_line_li > *:first-child::before,
.dot_line_li.c2 > *:nth-child(-n+2)::before,.dot_line_o::after,.dot_line_b::after{
	content: '';
	width: 100%;
	height: 2px;
	display: block;
}
.fs22.dot_line_o::after{height: 3px;}
.dot_line_li > *::after,.dot_line_li > *:first-child::before,
.column_box > li::after,.column_box > li:nth-child(-n+2)::before,.dot_line_b::after{background: url("../images/dot_line_b.webp") repeat-x center / contain;}
.dot_line_o::after{background: url("../images/dot_line_o.webp") repeat-x center / contain;}

/* dot_line_li */
.dot_line_li > *::after{margin-top: 60px;}
.dot_line_li > *:not(:last-child)::after,.dot_line_li > *:first-child::before{margin-bottom: 60px;}
.dot_line_li .flex{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.dot_line_li .flex .circle_title{width: 340px;}
.dot_line_li .flex_con{width: calc(100% - 340px);}

/* よくあるご質問
-------------------------------------------*/
.accordion > div:not(:last-child){margin-bottom: 15px;}
.accordion dt{
	display: flex;
	background-color: #F9F5EA;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
}
.bgy .accordion dt{background-color: #fff;}
.accordion dt::before,.accordion dt::after{
	content: '';
	width: 15px;
	height: 2px;
	background-color: #EF5A26;
	border-radius: 80px;
	position: absolute;
	top: 50%;
	right: 25px;
	flex-shrink: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	transition: .5s cubic-bezier(0.2, 1, 0.3, 1);
}
.accordion dt::after{transform: rotate(90deg);}
.accordion dt.active::after{transform: rotate(225deg);}
.accordion dt.active::before{transform: rotate(-225deg);}
.accordion dt span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	background-color: #EF5A26;
	border-radius: 10px 0 0 10px;
}
.accordion dt p{
	width: calc(100% - 70px);
	padding: 30px 50px 30px 30px;
}
.accordion dd{
	display: none;
	padding: 30px 20px 50px;
}
.accordion > div:last-child dd{padding-bottom: 0!important;}

/* city_bg
-------------------------------------------*/
.city_bg{position: relative;}
.city_bg::after{
	content: '';
	width: 100%;
	height: 290px;
	background: url("../images/city_illust.webp") repeat-x left / auto 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

/* フッター
------------------------------------------------------------*/
footer{
	padding: 60px 0 70px;
	margin-bottom: 75px;
}
footer a.logo{margin-bottom: 25px;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	body {min-width: 980px!important;}
	a[href^="tel:"]{pointer-events: auto!important;}
	
	/* 共通 */
	.mb20{margin-bottom: 15px!important;}
	.mb30{margin-bottom: 20px!important;}
	.mb50{margin-bottom: 30px!important;}
	.mb70,.mb85{margin-bottom: 40px!important;}
	.mb100{margin-bottom: 50px!important;}
	.mb120{margin-bottom: 65px!important;}
	.pt30{padding-top: 10px!important;}
	.pt150{padding-top: 85px!important;}
	.lh02.mb50{margin-bottom: 20px!important;}
	.fs20,.fs20 *{font-size: 14px;}
	.fs22,.fs22 *{font-size: 15px;}
	.fs25,.fs25 *{font-size: 16px;}
	.fs30,.fs30 *{font-size: 17px;}
	.br30{border-radius: 20px;}
	.br50{border-radius: 35px;}
	
	/* ヘッダー
	--------------------------------------*/
	header{padding-top: 13px;}
	#header_wrap{
		width: 97%;
		padding-bottom: 25px;
	}
	h1{
		font-size: 12px;
		margin-bottom: 5px;
	}
	/*a.logo{width: 150px;}*/
	a.logo{width: 230px;}
	a.contact_btn{max-width: 180px;}
	#header_wrap a.contact_btn{display: none;}
	a.h_btn{
		padding: 5px 0 8px;
		font-size: 13px;
	}

	
	/* 追従ボタン
	--------------------------------------*/
	#follow_btn{max-width: 500px;}
	#follow_btn li a{
		height: 55px;
		padding: 0 20px 0 15px;
	}
	#follow_btn li img{width: 200px;}

	/* ナビゲーション
	--------------------------------------*/
	.drawer-hamburger{display: block!important;}
	
	/* コンテンツ
	--------------------------------------*/
	#pagetop img{
		width: 65px;
		height: auto;
	}
	.content{padding: 70px 0;}
	.content_top{padding-top: 70px;}
	.content_bottom{padding-bottom: 70px;}
	.overlap_content > .bgy{
		padding: 75px 0;
		margin-top: -45px;
	}

	/* 導入部分
	----------------------------*/
	.intro_box{padding-top: 60px;}
	.intro_con .intro_illust{width: 380px;}
	.intro_con .intro_illust img{width: 320px;}
	.intro_con .intro_text{width: calc(100% - 380px);}
	
	/* タイトル
	----------------------------*/
	.title::before{
		width: 3.5px;
		height: 35px;
		margin: 0 auto 10px;
	}
	.title p{font-size: 35px;}
	.title h2{font-size: 16px;}

	/* slash_title */
	.slash_title::before,.slash_title::after{
		width: 28px;
		height: 46px;
	}
	.slash_title::before{margin-right: 15px;}
	.slash_title::after{margin-left: 15px;}
	.slash_title h3{
		letter-spacing: 0.05rem;
		line-height: 1.8;
	}
	.slash_title .bg_text{
		font-size: 13px;
		padding: 5px 15px 7px;
	}
	
	/* light_title */
	.light_title::before{
		content: '';
		width: 40px;
		height: 37px;
		margin-bottom: 10px;
	}
	
	/* circle_title */
	.fs20.circle_title{font-size: 16px;}
	.circle_title::before{
		width: 5px!important;
		height: 5px!important;
	}
	.fs20.circle_title::before{margin: 10px 7px 0 0;}
	.fs18.circle_title::before{margin: 8px 7px 0 0;}
	
	/* フレックスボックス
	----------------------------*/
	.c3.tab_c2 > *{width: 48.4%;}
	
	/* bgw_li、bgy_li */
	.bgw_li > *,.bgy_li > *{border-radius: 15px;}
	.c3.bgw_li > *,.c3.bgy_li > *{padding: 25px 20px 35px;}
	.c3.bgw_li > * .dot_line_o::after,.c3.bgy_li > * .dot_line_o::after{margin: 15px 0;}
	.c2.bgw_li > *,.c2.bgy_li > *{padding: 30px 25px 45px;}
	.c2.bgw_li > * .dot_line_o::after,.c2.bgy_li > * .dot_line_o::after{margin: 20px 0;}
	.c2.bgw_li > *:not(:nth-last-child(-n+2)),.c2.bgy_li > *:not(:nth-last-child(-n+2)),.c3.tab_c2 > *:not(:last-child){margin-bottom: 30px;}
	
	/* c1_box */
	.c1_box{padding: 35px 30px;}
	.c1_box .dot_line_b::after{margin: 25px 0;}
	
	/* ボタン
	----------------------------*/
	a.btn{
		max-width: 280px;
		font-size: 14px;
		padding: 12px 0 15px;
		border-width: 3px;
		line-height: 1.4;
	}
	
	/* リスト
	----------------------------*/
	.li_mb20 > li:not(:last-child){margin-bottom: 15px;}
	.li_mb30 > li:not(:last-child){margin-bottom: 20px;}
	.li_mb50 > li:not(:last-child){margin-bottom: 30px;}
	.list_line > li::before{
		width: 5px;
		margin: 10px 7px 0 0;
	}
	
	/* カテゴリ・日付
	----------------------------*/
	.cat_day p{
		font-size: 12px;
		padding: 3px 10px;
		margin-right: 10px;
	}
	
	/* ドット線
	----------------------------*/
	/* dot_line_li */
	.dot_line_li > *::after{margin-top: 40px;}
	.dot_line_li > *:not(:last-child)::after,.dot_line_li > *:first-child::before{margin-bottom: 35px;}
	.dot_line_li .circle_title,.dot_line_li .flex_con{width: 100%;}
	.dot_line_li .circle_title{margin-bottom: 10px;}
	.fs22.dot_line_o::after{height: 2px;}
	
	/* よくあるご質問
	----------------------------*/
	.accordion dt::before,.accordion dt::after{
		width: 13px;
		right: 15px;
	}
	.accordion dt span{width: 40px;}
	.accordion dt span img{width: 16px;}
	.accordion dt p{
		width: calc(100% - 40px);
		padding: 20px 40px 20px 15px;
	}
	.accordion dd{padding: 15px 10px 25px;}
	
	/* city_bg
	----------------------------*/
	.city_bg::after{height: 180px;}
	
	/* フッター
	--------------------------------------*/
	footer{
		padding: 35px 0 45px;
		margin-bottom: 50px;
	}
	footer a.logo{margin-bottom: 13px;}
	footer p.fs18{font-size: 12px;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){
	body {min-width: 700px!important;}
		
	/* ヘッダー
	--------------------------------------*/
	#header_wrap{width: 92%;}
	h1{
		margin-bottom: 13px;
		padding-right: 45px;
		line-height: 1.3;
	}
	
	/* 導入部分
	----------------------------*/
	.intro_con .intro_illust,.intro_con .intro_text{width: 100%;}
	.intro_con .intro_illust{
		text-align: center;
		margin-bottom: 30px;
	}

	/* フレックスボックス
	----------------------------*/
	.c2 > *,.c3.tab_c2 > *{width: 100%;}
	.c3 > *{width: 48%;}
	
	/* bgw_li、bgy_li */
	.c2.bgw_li > *,.c2.bgy_li > *{padding: 25px 20px 35px;}
	.c2.bgw_li > *:not(:last-child),.c2.bgy_li > *:not(:last-child),
	.c3.bgw_li > *:not(:last-child),.c3.bgy_li > *:not(:last-child){margin-bottom: 25px;}
	.c2.bgw_li .ls02,.c2.bgy_li .ls02{letter-spacing: 0.15rem!important;}
	
	/* ドット線
	----------------------------*/
	.dot_line_li.c2 > *:nth-child(2)::before{content: none;}
	.dot_line_li .ls01{letter-spacing: 0.05rem;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
    body {
		min-width: inherit!important;
		width: 100%;
	}
	
	/* 共通 */
	.lh02{line-height: 2.1;}
	.sp_on{display: block!important;}
	.sp_non{display: none!important;}
	.center_l{text-align: left;}
	
	/* ヘッダー
	--------------------------------------*/
	a.h_btn{
		line-height: 1.3;
		border-radius: 5px;
	}
	.header_btn li{width: 49%;}
	.header_btn li:not(:last-child){margin-bottom: 2%;}
	
	/* 追従ボタン
	--------------------------------------*/
	#follow_btn{max-width: none;}
	#follow_btn li a{padding: 0 15px 0 10px;}
	#follow_btn li img{
		width: 170px;
		height: auto!important;
	}
	
	/* コンテンツ
	--------------------------------------*/
	#pagetop{right: 5px;}
	#pagetop img{width: 35px;}
	.overlap_content.second_rack > .bgy{
		padding-top: 95px;
		margin-top: -65px;
	}
	
	/* 導入部分
	----------------------------*/
	.intro_con .intro_illust img{width: 230px;}

	/* タイトル
	----------------------------*/
	.title.mb70{margin-bottom: 40px!important;}
	.title p{font-size: 28px;}
	
	/* よくあるご質問
	----------------------------*/
	.accordion dt::before,.accordion dt::after{content: none;}
	.accordion dt p{padding-right: 20px;}

	/* city_bg
	----------------------------*/
	.city_bg::after{
		height: 140px;
		background-position: center;
	}
	
	/* フレックスボックス
	----------------------------*/
	.c3 > *{width: 100%;}
	.c3.bgw_li > *:not(:last-child),.c3.bgy_li > *:not(:last-child){margin-bottom: 25px;}
	
	/* c1_box */
	.c1_box{padding: 30px 20px 35px;}
}