@charset "UTF-8";

/*--------------共通--------------*/

#under { color: #201e2c; }
#under p { font-size: 15px; }

#under .wrap { max-width: 1080px; margin: 0 auto; }
@media screen and (max-width: 899px) {
	#under .wrap { margin: 0 15px; }
}

.tit { font-family: "Frutiger", "Myriad", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", "MS UI Gothic", "ＭＳ ゴシック", sans-serif; font-weight: bold; }

.br-pc { display:block; }
.br-tb { display:none; }
.br-sp { display:none; }
@media screen and (max-width: 899px){	
  .br-pc { display:none; }
  .br-tb { display:block; }
  .br-sp { display:block; }
}
@media screen and (max-width: 767px){	
  .br-pc { display:none; }
  .br-tb { display:block; }
  .br-sp { display:block; }
	
  #under p { font-size: 13px; }
}

/*.clearfix::after { content: ""; display: block; clear: both; }*/

/*--------------keyimages--------------*/

#policy .keyimages { background-color: #b4e3f2; height: 350px; }
#policy .keyimages .wrap { max-width: 1080px; padding: 0 10px; margin: 0 auto; box-sizing: border-box; }
#policy .keyimages h2 { color: #fff; text-align: center; font-size: 50px; padding-top: 160px; }
#policy .keyimages h2 span { font-size: 18px; font-weight: bold; display: block; }


/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#policy .keyimages h2 { padding-top: 130px; }
	#policy .keyimages { background-position: 25% 75%; }

}
/*スマホ*/
@media screen and (max-width: 767px) {
	#policy .keyimages { background-position: 25% 75%; height: 230px; }
	#policy .keyimages h2 { font-size: 33px;  padding-top: 75px; }
}
	
/*--------------pankuzu_box--------------*/		
.pankuzu_box { width: 100%; line-height: 49px; font-size: 13px; text-align: left; }

/*--------------text--------------*/
#text { width: 970px; margin:75px auto 80px; }
#text h4 { font-size: 20px; font-weight: bold; position: relative; padding-left: 30px; margin: 40px auto 10px; }
#text h4::before {
	position: absolute;
    content: "";
    height: 4px;
    background: #3baffd;
    width: 12px;
	left: 10px;
	top: 50%;
}
#text p { padding: 0 10px; }
#text p span { font-weight: bold; }

/*ハンバーガーが現れるサイズ*/
@media screen and (max-width: 899px) {
	#text { width: 100%;}
}

/*スマホ*/
@media screen and (max-width: 767px) {
	#text { margin: 45px auto ; }
	#text h4 { font-size: 16px;}
}