@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;
	}
	body,select{font-size:1.6rem;}
	.inner {
		width: 89.4vw;
		margin-left: 5.3vw;
		margin-right: 5.3vw;
	}
}


/*===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;
	}
}
@media screen and (min-width: 1240px) and (max-width: 1600px), print {
		#vision .con_logo {
			margin: 35px auto calc(182px + 35vw);
		}
}

/*===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: 1239px) {
	.pc_only,
	.pctb_none,
	.sp_only,
	.tb_none{
		display: none !important;
	}
	.inner {
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
	}
	body {
		min-width: inherit;
	}

	#message .con01 .tl {
		left: 2vw;
	}
#message .con02 .txt02 {
	padding-left: 60vw;
}

#message .con02 .txt01 {
	padding-left: 7vw;
}
	#message .con03 .img03 {width: 290px;bottom: 120px;left: -50px;}

	#message .con03 .img02 {
		width: 77vw;
		bottom: 20px;
		left: 27vw;
	}

	#message .con04 .img02 {
		width: 340px;
	}

	.story_area #story .inner {
		max-width: 840px;
		width: 94%;
	}
	#vision .site_tl_box .site_tl_en {
		width: 500px;
	}
	#vision .con_logo {
		margin: 35px auto calc(180px + 28vw);
	}
	#vision .cta_li, .f_cta .cta_li {
		gap: 4vw;
		grid-template-columns: 1fr 1fr;
		width: 100%;
		max-width: 760px;
	}

	#vision .cta_li a::after, .f_cta .cta_li a::after {
		right: 20px;
	}

	#news .site_tl_box .site_tl_en {
		width: 500px;
	}

	.news_li {
		max-width: 760px;
		width: 100%;
	}

	footer .f_nav_wrap nav ul {
		gap: 15px;
		width: 100%;
	}

	footer .f_logo {margin: 0 0 10px 0;}
}
@media screen and (min-width: 701px) and (max-width: 1100px) {
	
	#history .history_sliders {
		width: 660px;
		grid-template-columns: 280px 360px;
		gap: 0 20px;
		grid-template-rows: auto 135px 30px 20px;
		margin: 0 auto;
	}

	#history .history_slider02 {
		height: inherit;
		padding: 35px;
	}

	#history .history_slider01 {margin-bottom: 20px;}

	#history .year {
	width: 130px;
	}

	#history .txt_block .catch {
		width: 140px;
		margin-bottom: 5px;
		padding-bottom: 6px;
	}

	#history .txt_block .txt {
	font-size: 1.6rem;
	}

	#history .slide_area .link a {
		font-size: 1.3rem;
	}

	#history .history_sliders .swiper-pagination {
		padding-bottom: 0;
	}
}
@media screen and (min-width: 601px) and (max-width: 700px) {
	

	#history .history_sliders {
		width: 100%;
		grid-template-columns: 40vw 1fr;
		gap: 0 2vw;
		grid-template-rows: auto 120px 30px 20px;
	}

	#history .history_slider02 {
		height: inherit;
		padding: 5.5vw;
	}

	#history .history_slider01 {margin-bottom: 20px;}

	#history .year {
		width: 100px;
	}

	#history .txt_block .catch {
		width: 140px;
		margin-bottom: 5px;
		padding-bottom: 6px;
	}

	#history .txt_block .txt {
		font-size: 1.4rem;
	}

	#history .slide_area .link a {
		font-size: 1.3rem;
	}

	#history .history_sliders .swiper-pagination {
		padding-bottom: 0;
	}

	#vision .con_logo {
		margin: 35px auto calc(180px + 4vw);
	}
}