@charset "UTF-8";
/* CSS Document */

/* クリッカブルマップ */
@media (max-width: 767.98px) {
	.splink_map>img { position: relative;}
	.splink_map>a { position: absolute; display: block;}
	.splink_map>a.ct01 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 0%;}
	.splink_map>a.ct02 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 14%;}
	.splink_map>a.ct03 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 29%;}
	.splink_map>a.ct04 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 44%;}
	.splink_map>a.ct05 { width: 50%; padding: 0 0 10.5%; left: 50%; top: 0%;}
	.splink_map>a.ct06 { width: 50%; padding: 0 0 10.5%; left: 50%; top: 14%;}
	.splink_map>a.ct07 { width: 50%; padding: 0 0 21%; left: 50%; top: 29%;}
}
@media (max-width: 500.98px) {
	.splink_map>img { position: relative;}
	.splink_map>a { position: absolute; display: block;}
	.splink_map>a.ct01 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 0%;}
	.splink_map>a.ct02 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 14%;}
	.splink_map>a.ct03 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 29%;}
	.splink_map>a.ct04 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 44%;}
	.splink_map>a.ct05 { width: 50%; padding: 0 0 10.5%; left: 50%; top: 0%;}
	.splink_map>a.ct06 { width: 50%; padding: 0 0 10.5%; left: 50%; top: 14%;}
	.splink_map>a.ct07 { width: 50%; padding: 0 0 21%; left: 50%; top: 29%;}
}
@media (max-width: 330.98px) {
	.splink_map>img { position: relative;}
	.splink_map>a { position: absolute; display: block;}
	.splink_map>a.ct01 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 0%;}
	.splink_map>a.ct02 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 14%;}
	.splink_map>a.ct03 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 27%;}
	.splink_map>a.ct04 { width: 50%; padding: 0 0 10.5%; left: 0%; top: 40%;}
	.splink_map>a.ct05 { width: 50%; padding: 0 0 10.5%; left: 50%; top: 0%;}
	.splink_map>a.ct06 { width: 50%; padding: 0 0 10.5%; left: 50%; top: 14%;}
	.splink_map>a.ct07 { width: 50%; padding: 0 0 21%; left: 50%; top: 27%;}
}


/* 開業60年あゆみ */
.back_yellow{background-color: #ebe3b3; position: relative;}
.yellow_box{background-color: #bd8d38; display: flex; justify-content: center; align-items: center; border-radius: 10px;}
.history_midashi{color: #af2124; font-weight: bold;}
.yellow_box .number{color: white;}
.midashi_green{color: #0e9241; text-align: center;}


@media (min-width: 768px) {
	p{ margin: 0;}
	a{ color: rgba(32,89,172,1.0);; font-weight: normal;}
	a:hover{ color: rgba(32,89,172,1.0);; text-decoration: none;}
	
	.back_yellow{padding: 40px 40px 200px;}
	.logo{position: absolute; width: 140px; top: 10px; right: 10px;}
	.yellow_box .number{font-size: 50px;}
	.yellow_box{padding: 10px; width: 320px; margin-top: 80px;}
	.yellow_box .contents{font-size: 18px; margin-bottom: 5px; margin-left: 10px;}
	.yellow_box .contents p{font-size: 10px; margin-bottom: 5px;}
	.history_midashi{font-size: 30px; margin: 30px 0;}
	.midashi_green{font-size: 30px; margin: 40px 0 20px;}

	.foto_flex{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
	.foto_flex>div{width: 48%;}
	.fotoL{width: 50%; margin: 40px auto;}

	.foto_flex02{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
	.foto_flex02 .imgS{width: 40%;}
	.foto_flex02 .imgM{width: 57%;}

	.history_contents{margin: 20px 0;}

	.margin{margin-top: -70px;}
	.white_img{background-color: white; padding: 20px;}
	.white_img .hed{color: #2059ac; font-size: 23px; text-align: center; font-weight: bold;}
	.white_img img{margin: 10px 0;}
	.flex_box_contents{line-height: 2;}

	.pright{text-align: right;}
	.pmargin{margin-top: -20px;}
	.marginb{margin-bottom: 50px;}

	.fototwe{margin: 20px 0;}
	.fotoSS{width: 40%!important; margin-top: -90px;}

	.bac{position: relative; z-index: 1; margin-top: -200px;}


}
@media (max-width: 767.98px) {
	p{ margin: 0;}
	a{ color: rgba(32,89,172,1.0);; font-weight: normal;}
	a:hover{ color: rgba(32,89,172,1.0);; text-decoration: none;}
	.mt0{margin-top: 40px!important;}

	.back_yellow{padding: 20px 20px 80px;}
	.logo{width: 140px; margin: 0 auto;}
	.yellow_box .number{font-size: 45px;}
	.yellow_box{padding: 5px; margin-top: 40px;}
	.yellow_box .contents{font-size: 18px; margin-left: 10px;}
	.yellow_box .contents p{font-size: 10px;}
	.history_midashi{font-size: 22px; margin: 20px 0;}
	.midashi_green{font-size: 22px; margin: 20px 0 10px;}

	.foto_flex>div{margin: 10px auto;}
	.fotoL{margin: 10px auto;}

	.foto_flex02{margin-bottom: 20px;}
	.foto_flex02 .imgS{width: 70%; margin: 0 auto 10px;}
	

	.white_img{background-color: white; padding: 20px; margin-bottom: 40px;}
	.white_img .hed{color: #2059ac; font-size: 20px; text-align: center; font-weight: bold;}
	.white_img img{margin: 10px 0;}
	.flex_box_contents{line-height: 2;}

	.marginb{margin-bottom: 40px;}
	.fototwe{margin: 10px 0;}
	.fotoSS{width: 70%!important;}

	.bac{position: relative; z-index: 1; margin-top: -80px;}
	
}