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

.pages_main_image{height:auto;position: relative}
.pages_main_image picture{position: relative;display: block}
.pages_main_image picture figcaption{width: 1200px;position: relative;z-index: 1; display: block;position: absolute;left: 0;right: 0;bottom:10px; margin: auto;text-align: right;color:#fff;font-size: 12px;}
.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}

#body_landscape{background: url("../images/landscape/bg.jpg") repeat center center;color: #231815;}
#body_landscape img{width: 100%;height: auto}
#body_landscape h2{font-size: 37px;letter-spacing: 0.2em;line-height: 1.6; font-weight: normal;padding: 90px 0}
#body_landscape h3{font-size: 44px;letter-spacing: 0.2em;line-height: 1.6; font-weight: normal;padding: 0px 0 60px}
#body_landscape .txt{font-size: 18px;letter-spacing: 0.1em;line-height: 2.6em;}
#body_landscape .zu{padding: 60px 0 20px}
#body_landscape .mark{text-align: right;padding-bottom: 90px}
#body_landscape .mark img{width: 40%}
#body_landscape .sec1{background: url("../images/landscape/bg2.jpg");padding-top: 30px; padding-bottom: 90px}
#body_landscape .sec1 li{width: 23%;padding-top: 60px}
#body_landscape .sec1 li p{text-align: left;margin-top: 12px;}

#body_landscape .sec2{background: #fff;padding: 90px 0}
#body_landscape .sec2 li:nth-child(2){padding: 60px 0}

/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_landscape{}
.pages_main_image .images{min-width: 100%;}
.pages_main_image picture figcaption{width: 96%;}
#body_landscape h2{font-size: 24px;padding: 50px 0}
#body_landscape h3{font-size: 20px;padding: 0px 0 40px}
#body_landscape .txt{font-size: 13px;letter-spacing: 0em;}
#body_landscape .zu{padding: 40px 0 20px}
#body_landscape .mark{text-align: right;padding-bottom: 50px}
#body_landscape .mark img{width: 70%}

#body_landscape .sec1{padding-top: 30px; padding-bottom: 60px}
#body_landscape .sec1 li{width: 48%;padding-top: 30px}

#body_landscape .sec2{background: #fff;padding: 60px 0}
#body_landscape .sec2 li:nth-child(2){padding: 30px 0}

}


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

}