@charset "utf-8";

/***************************************************
information
  filename : style.css;
***************************************************/

.kaikou {width: 100%;margin: 0 auto;padding: 0;}
.kaikou p {padding: 0;}
.kaikou img {width: 100%;}
.kaikou .pc_mode {display: block;}
.kaikou .sp_mode {display: none;}

/* ファーストビュー設定 */
.kaikou__firstView {width: 100%;}
.kaikou_firstView_ti,
.kaikou_firstView_sec {margin: 0 auto;padding: 0;}
.kaikou_firstView_inner_h1 {
	padding: 2.0rem 0;
	font-size: 35px;
	line-height: 1.4;
	text-align: center;
}
.kaikou_firstView_ti {width: 1208px;}
.kaikou_firstView_sec {width: 1110px;}

/* セカンドビュー設定 */
.kaikou_sec_section {width: 100%;margin: 0 auto;padding: 0;}
.kaikou_sec_section01 {
	background: url(../image/kaikou_main_bld_bg_pc.png) center top repeat-x;
	height: 117px;
	text-align: center;
}
.kaikou_sec_section02,
.kaikou_sec_section03 {background: #b3e0f6;}

.kaikou_sec02_inn,
.kaikou_sec03_inn {position: relative;margin: 0 auto;}
.kaikou_sec02_inn .kaikou_sec02_txt,
.kaikou_sec03_inn .kaikou_sec0301_txt,
.kaikou_sec03_inn .kaikou_sec0302_txt {position: absolute;z-index: 2;line-height: 1.6;}
.kaikou_sec02_inn {width: 1110px;}
.kaikou_sec02_inn .kaikou_sec02_txt {
	width: 350px;
	top: 2.5rem;
	left: 19.8rem;
	font-size: 17px;
}
.kaikou_sec03_inn {width: 1208px;}
.kaikou_sec03_inn .kaikou_sec0301_txt,
.kaikou_sec03_inn .kaikou_sec0302_txt {
	width: 320px;
	top: 14.5rem;
	font-size: 20px;
	text-align: center;
}
.kaikou_sec03_inn .kaikou_sec0301_txt {left: 6.8rem;}
.kaikou_sec03_inn .kaikou_sec0302_txt {left: 29.0rem;}

/* ステップビュー設定 */
.kaikou_the_section {width: 100%;margin: 0 auto;padding: 0;}
.kaikou_the_section01,
.kaikou_the_section02,
.kaikou_the_section03,
.kaikou_the_section04,
.kaikou_the_section05 {margin: 0 auto;}
.kaikou_the_section01 {width: 1110px;}
.kaikou_the_section02,
.kaikou_the_section03,
.kaikou_the_section04,
.kaikou_the_section05 {width: 1208px;}
.kaikou_the_section05 {height: 400px;}

.kaikou_the_section01 {padding: 2.0rem 0 0.5rem 0;}
.kaikou_the_section02 .kaikou_the02_inn,
.kaikou_the_section03 .kaikou_the03_inn,
.kaikou_the_section04 .kaikou_the04_inn,
.kaikou_the_section05 .kaikou_the05_inn {position: relative;padding: 0;}

.kaikou_the02_inn .kaikou_the02_txt,
.kaikou_the03_inn .kaikou_the03_txt,
.kaikou_the04_inn .kaikou_the04_txt,
.kaikou_the05_inn .kaikou_the05_txt {position: absolute;z-index: 2;line-height: 1.6;font-size: 25px;left: 10.0rem;}

.kaikou_the02_inn .kaikou_the02_txt {width: 250px;top: 10.0rem;}
.kaikou_the03_inn .kaikou_the03_txt {width: 420px;top: 11.5rem;}
.kaikou_the04_inn .kaikou_the04_txt {width: 900px;top: 8.5rem;}
.kaikou_the05_inn .kaikou_the05_txt {font-size: 30px;width: 320px;top: 14.0rem;left: 6.0rem;}

/* CTAビュー設定 */
.kaikou_cta_section {background: #004098;}
.kaikou_cta_section_inn {width: 1110px;margin: 0 auto;padding: 2.0rem 0;display: flex;align-items: center;}
.kaikou_cta_section_inn a:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}

@media screen and (max-width: 1110px) {
	.kaikou_firstView_ti,
	.kaikou_firstView_sec,
	.kaikou_sec02_inn,
	.kaikou_sec03_inn,
	.kaikou_the_section01,
	.kaikou_the_section02,
	.kaikou_the_section03,
	.kaikou_the_section04,
	.kaikou_the_section05,
	.kaikou_cta_section_inn {width: 100%;}
	.kaikou_the_section05 {height: auto;}
}
@media screen and (max-width: 768px) {
	.kaikou .pc_mode {display: none;}
	.kaikou .sp_mode {display: block;}
	.kaikou_firstView_inner_h1 {
		padding: 1.0rem 0;
		font-size: 4.6vw;
	}
	.kaikou_sec_section02 {padding-top: 0.5rem;}

	.kaikou_sec_section01 {background: none;height: 53px;}
	.kaikou_sec02_inn .kaikou_sec02_txt,
	.kaikou_sec03_inn .kaikou_sec03_txt {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.kaikou_sec02_inn .kaikou_sec02_txt {
		width: 82%;
		top: 2.5rem;
		font-size: 2.6vw;
	}
	.kaikou_sec03_inn .kaikou_sec03_txt {width: 90%;top: 195px;display: flex;justify-content:center;}
	.kaikou_sec03_inn .kaikou_sec0301_txt,
	.kaikou_sec03_inn .kaikou_sec0302_txt {position: static;width: 45%;font-size: 2.4vw;}
	.kaikou_cta_section_inn {padding: 1.0rem;display: block;}

	.kaikou_the02_inn .kaikou_the02_txt,
	.kaikou_the03_inn .kaikou_the03_txt,
	.kaikou_the04_inn .kaikou_the04_txt {line-height: 1.4;font-size: 3.0vw;left: 20%;top: 4.5rem;}

	.kaikou_the02_inn .kaikou_the02_txt {width: 70%;}
	.kaikou_the03_inn .kaikou_the03_txt {width: 45%;}
	.kaikou_the04_inn .kaikou_the04_txt {width: 70%;}
	.kaikou_the05_inn .kaikou_the05_txt {font-size: 3.4vw;width: 40%;top: 11.0rem;left: 0.5rem;}
}
@media screen and (max-width: 414px) {
	.kaikou_sec02_inn .kaikou_sec02_txt {top: 2.3rem;}
	.kaikou_sec03_inn .kaikou_sec03_txt {top: 170px;}
	.kaikou_the02_inn .kaikou_the02_txt,
	.kaikou_the03_inn .kaikou_the03_txt,
	.kaikou_the04_inn .kaikou_the04_txt {top: 4.2rem;}
	.kaikou_the05_inn .kaikou_the05_txt {top: 10.0rem;left: 1.0rem;}
}
@media screen and (max-width: 375px) {
	.kaikou_sec02_inn .kaikou_sec02_txt {top: 2.0rem;}
	.kaikou_sec03_inn .kaikou_sec03_txt {top: 155px;}
	.kaikou_the02_inn .kaikou_the02_txt,
	.kaikou_the03_inn .kaikou_the03_txt,
	.kaikou_the04_inn .kaikou_the04_txt {top: 3.8rem;}
	.kaikou_the05_inn .kaikou_the05_txt {top: 9.0rem;}
}