@charset "utf-8";


/*===cariier===cariier===cariier===
...................................

------------------------------ 余白

○(m or p)○(t or b)○(l or m or s)_○(none or l or s)

...................................
===cariier===cariier===cariier===*/

:root {
	--yohaku-llpx:	150px;
	--yohaku-lpx:	120px;
	--yohaku-lspx:	100px;
	--yohaku-mlpx:	80px;
	--yohaku-mpx:	60px;
	--yohaku-mspx:	50px;
	--yohaku-slpx:	30px;
	--yohaku-spx:	10px;
	--yohaku-sspx:	5px;
	
	--yohaku-llvw:	15vw;
	--yohaku-lvw:	12vw;
	--yohaku-lsvw:	10vw;
	--yohaku-mlvw:	8vw;
	--yohaku-mvw:	6vw;
	--yohaku-msvw:	5vw;
	--yohaku-slvw:	4vw;
	--yohaku-svw:	2vw;
	--yohaku-ssvw:	1vw;
}


@media screen and (max-width:600px) {
.mtl_l{margin-top:var(--yohaku-llvw)!important}.mbl_l{margin-bottom:var(--yohaku-llvw)!important}.ptl_l{padding-top:var(--yohaku-llvw)!important}.pbl_l{padding-bottom:var(--yohaku-llvw)!important}.mtl{margin-top:var(--yohaku-lvw)!important}.mbl{margin-bottom:var(--yohaku-lvw)!important}.ptl{padding-top:var(--yohaku-lvw)!important}.pbl{padding-bottom:var(--yohaku-lvw)!important}.mtl_s{margin-top:var(--yohaku-lsvw)!important}.mbl_s{margin-bottom:var(--yohaku-lsvw)!important}.ptl_s{padding-top:var(--yohaku-lsvw)!important}.pbl_s{padding-bottom:var(--yohaku-lsvw)!important}.mtm_l{margin-top:var(--yohaku-mlvw)!important}.mbm_l{margin-bottom:var(--yohaku-mlvw)!important}.ptm_l{padding-top:var(--yohaku-mlvw)!important}.pbm_l{padding-bottom:var(--yohaku-mlvw)!important}.mtm{margin-top:var(--yohaku-mvw)!important}.mbm{margin-bottom:var(--yohaku-mvw)!important}.ptm{padding-top:var(--yohaku-mvw)!important}.pbm{padding-bottom:var(--yohaku-mvw)!important}.mtm_s{margin-top:var(--yohaku-msvw)!important}.mbm_s{margin-bottom:var(--yohaku-msvw)!important}.ptm_s{padding-top:var(--yohaku-msvw)!important}.pbm_s{padding-bottom:var(--yohaku-msvw)!important}.mts_l{margin-top:var(--yohaku-slvw)!important}.mbs_l{margin-bottom:var(--yohaku-slvw)!important}.pts_l{padding-top:var(--yohaku-slvw)!important}.pbs_l{padding-bottom:var(--yohaku-slvw)!important}.mts{margin-top:var(--yohaku-svw)!important}.mbs{margin-bottom:var(--yohaku-svw)!important}.pts{padding-top:var(--yohaku-svw)!important}.pbs{padding-bottom:var(--yohaku-svw)!important}.mts_s{margin-top:var(--yohaku-ssvw)!important}.mbs_s{margin-bottom:var(--yohaku-ssvw)!important}.pts_s{padding-top:var(--yohaku-ssvw)!important}.pbs_s{padding-bottom:var(--yohaku-ssvw)!important}
}

@media screen and (min-width:601px) {
.mtl_l{margin-top:var(--yohaku-llpx)!important}.mbl_l{margin-bottom:var(--yohaku-llpx)!important}.ptl_l{padding-top:var(--yohaku-llpx)!important}.pbl_l{padding-bottom:var(--yohaku-llpx)!important}.mtl{margin-top:var(--yohaku-lpx)!important}.mbl{margin-bottom:var(--yohaku-lpx)!important}.ptl{padding-top:var(--yohaku-lpx)!important}.pbl{padding-bottom:var(--yohaku-lpx)!important}.mtl_s{margin-top:var(--yohaku-lspx)!important}.mbl_s{margin-bottom:var(--yohaku-lspx)!important}.ptl_s{padding-top:var(--yohaku-lspx)!important}.pbl_s{padding-bottom:var(--yohaku-lspx)!important}.mtm_l{margin-top:var(--yohaku-mlpx)!important}.mbm_l{margin-bottom:var(--yohaku-mlpx)!important}.ptm_l{padding-top:var(--yohaku-mlpx)!important}.pbm_l{padding-bottom:var(--yohaku-mlpx)!important}.mtm{margin-top:var(--yohaku-mpx)!important}.mbm{margin-bottom:var(--yohaku-mpx)!important}.ptm{padding-top:var(--yohaku-mpx)!important}.pbm{padding-bottom:var(--yohaku-mpx)!important}.mtm_s{margin-top:var(--yohaku-mspx)!important}.mbm_s{margin-bottom:var(--yohaku-mspx)!important}.ptm_s{padding-top:var(--yohaku-mspx)!important}.pbm_s{padding-bottom:var(--yohaku-mspx)!important}.mts_l{margin-top:var(--yohaku-slpx)!important}.mbs_l{margin-bottom:var(--yohaku-slpx)!important}.pts_l{padding-top:var(--yohaku-slpx)!important}.pbs_l{padding-bottom:var(--yohaku-slpx)!important}.mts{margin-top:var(--yohaku-spx)!important}.mbs{margin-bottom:var(--yohaku-spx)!important}.pts{padding-top:var(--yohaku-spx)!important}.pbs{padding-bottom:var(--yohaku-spx)!important}.mts_s{margin-top:var(--yohaku-sspx)!important}.mbs_s{margin-bottom:var(--yohaku-sspx)!important}.pts_s{padding-top:var(--yohaku-sspx)!important}.pbs_s{padding-bottom:var(--yohaku-sspx)!important}
}


/*===cariier===cariier===cariier===
...................................

-------------------------- SP ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (max-width:600px) {
	.pc_only,
	.pctb_only,
	.sp_none,
	.tb_only {
		display: none !important;
	}
	html {
		font-size: 2.5vw;
	}
	.inner {
		width: 90vw;
		margin-left: 5vw;
		margin-right: 5vw;
	}
}


/*===cariier===cariier===cariier===
...................................

-------------------------- PC ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:1240px), print {
	.pc_none,
	.pctb_none,
	.sp_only,
	.tb_only {
		display: none !important;
	}
	.inner {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
	a:hover {
		text-decoration: none;
		opacity: 0.7;
		transition: 0.5s ease;
		-webkit-transition: 0.5s ease;
	}
}


/*===cariier===cariier===cariier===
...................................

----------------------- TB/SP ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (max-width:1239px) {}


/*===cariier===cariier===cariier===
...................................

-------------------------- TB ONLY

...................................
===cariier===cariier===cariier===*/

@media screen and (min-width:601px) and ( max-width:1279px) {
	.pc_only,
	.pctb_none,
	.sp_only,
	.tb_none{
		display: none !important;
	}
	.inner {
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}
}


@media screen and (min-width: 1280px) and (max-width: 1470px) {
	/* ----------  pc中 ---------- */
#top_feature .lead_box::before {
	right: inherit;
	left: -140px;
	width: 800px;
}

#top_feature .lead_box .lead_box_in {
	margin: 0 calc((100% - 1200px) / 2) 0 630px;
}

#top_feature .lead_box {
	height: 480px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

}


@media screen and (min-width: 601px) and (max-width: 1279px) {


#top_feature .lead_box::before {
	width: 730px;
	aspect-ratio: 73/48;
	top: -30px;
	left: 50%;
	transform: translate(-50%, 0%);
	right: inherit;
	height: inherit;
}

#top_feature .lead_box {
	overflow: hidden;
	padding: 483px 0 50px;
}

#top_feature .lead_box .lead_box_in {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	max-width: inherit;
}


.top_under_link_li a {grid-template-columns: 130px 1fr;}

.top_under_link_li {
	grid-template-columns: repeat(2, 1fr);
}

#top_about figure {
	margin-right: -3.5vw;
}
}

@media screen and (min-width: 850px) and (max-width: 1279px) {
	/* ----------  pc小 ---------- */
#gcontact {display: grid;grid-template-columns: 180px  150px  23px;gap: 15px;margin-right: 42px;top: 27px;}

#gcontact .mail {
	width: 180px;
}


#gcontact .tel {
	width: 140px;
}

#news {
	padding: 0 15px;
}

#news dt {
	margin-top: 5px;
}

#news .date {
	font-size: 1.4rem;
}

#news .block02 a {
	font-size: 1.4rem;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#news .block03 {
	margin-top: 20px;
}

#news .block_title {
	line-height: 1.2;
	font-size: 2rem;
}

#mv_area {
	margin-right: 10px;
}

#top_treatment .top_treatment_li a dt .ja {
	font-size: 1.8rem;
}

#top_treatment .top_treatment_li a dt .en {
	letter-spacing: 0.1em;
}

#top_treatment .top_treatment_li dt::before {
	width: 50px;
}

#top_treatment .top_treatment_li a dt {
	padding-left: 62px;
	padding-top: 18px;
}

#top_treatment .top_treatment_li dd ul li {
	font-size: 1.4rem;
}
#top_feature .txt_box {
	padding: 15px;
}

#top_feature .main_feature_li {
	gap: 14px;
}

#top_feature .copy {
	font-size: 1.8rem;
}

#top_concept .txt_area {
	padding: 50px 30px 60px 30px;
}

#top_mail::before {
	right: inherit;
	left: -20px;
	width: 500px;
}

}
@media screen and (min-width: 601px) and (max-width: 849px) {
	/* ----------  pc最小 ---------- */
	#fix_nav {
	display: flex !important;
	height: 51px;
}

#fix_nav a {width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}

#fix_nav img {
	height: 50px;
	width: auto;
}

#fix_nav>li:first-child {
	width: 50px;
}

#fix_nav>li:not(:first-child) {
	width: calc((100% - 50px) / 2);
}

#gcontact {display: none;}


.gnavi_body {
	padding: 90px 30px;
	@a: ;
}

#mainvisual {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

#mv_area {
	grid-template-columns: 1fr;
	margin-right: 10px;
}

#news {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	padding: 20px 0 0 0;
}
#news .block_title {
	font-size: 3rem;
	padding-top: 20px;
}
#top_treatment::before {
	height: 50px;
	top: -25px;
}

#top_treatment .tl {
	font-size: 5.7rem;
	height: 47px;
}

#top_treatment .tl::after {
	width: 400px;
}

#top_treatment .tl_block {
	padding-top: 90px;
	margin-bottom: 80px;
}

#top_treatment .top_treatment_li {
	grid-template-columns: 1fr 1fr;
}

#top_treatment .top_treatment_li dt::before {
	width: 60px;
}

#top_treatment .top_treatment_li a dt {
	padding-left: 70px;
}

#top_treatment::after {
	width: 290px;
}

#top_treatment {
	padding-bottom: 90px;
}

#top_feature .lead {
	width: 550px;
	font-size: 3rem;
	padding-top: 100px;
}

#top_feature .main_feature_li {
	grid-template-columns: 1fr;
	gap: 15px;
}

#top_feature {
	padding-bottom: 100px;
}

#top_feature .lead .txts {
	font-size: 2.7rem;
}

#top_feature .lead::before {
	top: 90px;
}

#top_feature .main_feature {
	margin-top: 50px;
}

.top_under_link_li a {
	grid-template-columns: 100px 1fr;
}

#top_concept .txt_area .txt .sp_none {
	display: none !important;
}

#top_concept .txt_area .txt .sp_only {
	display: block !important;
}

#top_mail::before {
	right: inherit;
	left: -20px;
	width: 410px;
}

#top_about figure {
	margin-right: -3.5vw;
}

#top_about .pick_catch {
	width: 300px;
	top: -45px;
}

#top_about .txt_block {
	padding: 75px 0 0px 0;
}

#top_about .top_about_box+.top_about_box {grid-template-columns: 1fr;padding: 30px 0 80px 20px;gap: 40px;}

#top_about .link_box {
	width: 320px;
	margin: 0 auto;
}

#top_about .copy {
	text-align: center;
}

#top_about {
	padding: 100px 0;
}

#top_about .top_about_box+.top_about_box {margin-top: 30px;}

.ig_bnr {
	margin-top: 50px;
}

}