@charset "UTF-8";

.page_header{
width: 100%;
  height: 0;
  padding-top: calc(300 / 1100 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/header_img.jpg") center center / cover no-repeat;
}


.title_h3 img{width: 30px;padding-right: 10px;}
.pl_5per{padding-left: 5%;}
.w60per{width: 60%; margin: 0 auto;}
.w35per{width: 35%;}
.w35per img{width: 100%;margin-top: -15%;}
.w55per{width: 55%;}
.w40per{width: 40%;}
.w40per img{width: 100%;}
.box{border: solid 1px #B40E70;padding: 5%;}

.otera_box{border: solid 1px #666666;padding: 3%;}
.bg_eidai{background-color: #F5F6F2;}
.souzoku_box{border: solid 1px #C7D3DE;padding: 5%;}
/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:560px) {

.page_header{
width: 100%;
  height: 0;
  padding-top: calc(150 / 560 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
  background: url("../img/header_img_sp.jpg") center center / cover no-repeat;
}
.title_h3{border-bottom: solid 2px #EAD4DD;margin-bottom: 2%;line-height: 1;}
.title_h3 img{width: 20px;padding-right: 5px;}
.pl_5per{padding-left: 0%;}
.sp_w100{width: 100%;}
.w60per{width: 100%; margin: 0 auto;}
.w55per{width: 100%;}
.w40per{width: 100%;}
.w35per{width: 100%;}
.w35per img{width: 100%;margin-top: 0%;}
.box{border: solid 1px #B40E70;padding: 5%;}

.sp_pt30{padding-top: 5%;}
}