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

.pages_main_image{height:auto;position: relative}
.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_ctype{padding-bottom: 60px}


#body_ctype .tab{background: url("../images/ctype/bg.jpg") no-repeat center center;background-size:cover}
#body_ctype .tab.cm{background: url("../images/ctype/bg_cm.jpg") no-repeat center center;background-size:cover}

#body_ctype .tab a{display: block}
#body_ctype .tab span{width: 50%}
#body_ctype .icon{padding: 80px 0}
#body_ctype h3{padding: 80px 0 50px;}
#body_ctype .ttle{text-align: left;padding-bottom: 12px}
#body_ctype .txt{text-align: left;margin-top: 12px;font-size: 16px;}
#body_ctype .point li{margin-top: 50px}

.roomplan_detail_navi_prev {    position: fixed;    top: 50%;    left: 0;    margin-top: -58px;    z-index: 100;}
.roomplan_detail_navi_next {    position: fixed;    top: 50%;    right: 0;    margin-top: -58px;    z-index: 100;}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_ctype .tab{ background-image: none;background: linear-gradient(to bottom,  #005c61 0%,#005c61 50%,#005c61 50%,#e8ebe7 50%,#e8ebe7 100%);}
#body_ctype .tab.cm{ background-image: none;background: linear-gradient(to bottom,  #e8ebe7 0%,#e8ebe7 50%,#e8ebe7 50%,#005c61 50%,#005c61 100%);}
#body_ctype .tab span{width: 100%}
#body_ctype .icon{padding: 40px 20px}
#body_ctype .zu img{width: 100%}

#body_ctype h3{padding: 60px 20px 30px;}
#body_ctype .point li.col2{width: 100%}
#body_ctype .txt{font-size: 14px;}
#body_ctype .mt60{margin-top: 60px!important}
.roomplan_detail_navi_prev,
.roomplan_detail_navi_next {width: 45px;}
.roomplan_detail_navi_prev img,
.roomplan_detail_navi_next img {width: 100%;height: auto}

.roomplan_detail_navi_prev {    position: fixed;    top: 50%;    left: 0;    margin-top: -58px;    z-index: 100;    width: 30px;    height: 58px;}
.roomplan_detail_navi_next {    position: fixed;    top: 50%;    right: 0;    margin-top: -58px;    z-index: 100;    width: 30px;    height: 58px;}
}


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

}