@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */

.pages_main_image{height:auto;position: relative;background: #e5e5e5}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}
.pages_main_image h2{font-size: 37px;line-height: 1.7; letter-spacing: 0.1em;text-indent: 0.1em;padding: 60px 0 30px;font-weight: normal}
.pages_main_image  .txt{font-size: 18px;letter-spacing: 0.1em;line-height: 2.2em;padding-bottom: 60px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;}
.pages_main_image h2{font-size: 22px;}
.pages_main_image  .txt{font-size: 14px;}
}

#body_reason{ }

#body_reason .sec1,
#body_reason .sec3,
#body_reason .sec5{background: #242f50; padding: 100px 0;color: #fff;}
#body_reason .sec2,
#body_reason .sec4{background: #e5e5e5; padding: 100px 0;}

#body_reason .sec_title{padding-bottom: 30px;}
#body_reason h2{font-size: 37px;line-height: 1.7; letter-spacing: 0.1em;text-indent: 0.1em;font-weight: normal;}
#body_reason h2 span{font-size: 24px}
#body_reason .photo{padding: 40px 0}
#body_reason h3{text-align: left; font-size: 28px;line-height: 1.7; letter-spacing: 0.1em;text-indent: 0.1em;font-weight: normal;padding-bottom: 30px}
#body_reason .txt{font-size: 17px;text-align: left; ;letter-spacing: 0.1em;line-height: 2.2em;}
#body_reason .coution{text-align: left;padding-top: 12px;font-size: 12px;}
#body_reason .sec3 .col4{margin-top: 30px}
#body_reason .sec4 h3{text-align: center}

/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_reason .sec1,
#body_reason .sec3,
#body_reason .sec5,
#body_reason .sec2,
#body_reason .sec4{padding: 60px 0;}

#body_reason h2{font-size: 22px;}
#body_reason h2 span{font-size: 14px}

#body_reason ul{width: 80%;margin: auto}
#body_reason .col2{width: 100%;margin: 15px 0}
#body_reason .col4{width: 48%;margin: 15px 0}
#body_reason h3{font-size: 17px}
#body_reason .txt{font-size: 13px;text-align: left; ;letter-spacing: 0.1em;line-height: 2em;}
}


@media print{
.body_area_inner{width: 96%;margin: auto}
#body_reason img{max-width: 100%;height: auto}

}