@charset 'utf-8';

.btn_pamphlet a{display: block;background-color: #2F6E89;max-width: 540px;font-size: 12px;line-height: 180%;padding: 15px 0;color: #FFF;background-image:url("../common/img/header_icon01.png");background-repeat: no-repeat;background-position:left 30px center;margin: 40px auto;text-decoration: none!important;color:#FFF!important;}
.btn_pamphlet a:hover{opacity: 0.8;}
.btn_pamphlet span{font-size: 20px;line-height:}

.mrpcfull{padding-bottom: 70px;}
.mrpcfull .slick-dots{height:40px!important;max-width: 980px!important;bottom:10px!important; margin:0 auto 0 auto; left: calc(50% - 490px);}
.mrpcfull .mrpcfullimg{position: relative;}
.mrpcfull .mrpcfullcaption{position: absolute;bottom: 8px;right: 8px;font-size: 18px; color: #FFF;line-height: 100%;text-shadow: 0 0 5px #000;}

.mrpcfull .slick-dots li{
float: left;
width: 8.791%!important;
margin-right: 0.3%!important;
margin-left: 0!important;
display: block!important;
}
.mrpcfull .slick-dots li button:before {content: ""!important;width:100%!important;height:40px!important;background-size: 100%;}

.mrpcfull .slick-dots li:nth-child(1) button:before{background-image:url("../img/mr_20701.jpg");background-repeat: no-repeat;}
.mrpcfull .slick-dots li:nth-child(2) button:before{background-image:url("../img/mr_20702.jpg");}
.mrpcfull .slick-dots li:nth-child(3) button:before{background-image:url("../img/mr_20703.jpg");}
.mrpcfull .slick-dots li:nth-child(4) button:before{background-image:url("../img/mr_20704.jpg");}
.mrpcfull .slick-dots li:nth-child(5) button:before{background-image:url("../img/mr_31101.jpg");}
.mrpcfull .slick-dots li:nth-child(6) button:before{background-image:url("../img/mr_31102.jpg");}
.mrpcfull .slick-dots li:nth-child(7) button:before{background-image:url("../img/mr_31103.jpg");}
.mrpcfull .slick-dots li:nth-child(8) button:before{background-image:url("../img/mr_31104.jpg");}
.mrpcfull .slick-dots li:nth-child(9) button:before{background-image:url("../img/mr_31105.jpg");}
.mrpcfull .slick-dots li:nth-child(10) button:before{background-image:url("../img/mr_31106.jpg");}
.mrpcfull .slick-dots li:nth-child(11) button:before{background-image:url("../img/mr_31107.jpg");margin-right:0!important;}

.mrpcfull .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
.mrpcfull .slick-dots li.slick-active button:before {color: black;
      opacity: 0.75; }

.text_small{font-size: 14px;}
.information a{text-decoration: underline; color: #033E5A;}
.information a:hover{text-decoration: none;}

.yokokukokoku{font-size: 11px;text-align: left;line-height: 140%;}
.yokokukokoku .waku{border: 1px solid #CCC;padding: 8px;display: block;line-height:100%;float: left;font-size: 14px;margin-right: 5px}

.mainv{position: relative;height: 540px;overflow: hidden;}
.mainimg1{position: absolute;z-index: 1;  position: absolute;  left: 0;  right: 0;  margin: auto;width: 1280px;}
.mainimg2{position: absolute;z-index: 2;bottom: 0;right: calc(50% - 620px)}
.maintxt1{position: absolute;z-index: 3; position: absolute;  left: 0;  right: 0;  margin: auto; top:30px; font-size: 24px;text-align: left;width: 460px;letter-spacing: 0.5em;line-height: 240%;}
.maintxt2{position: absolute;z-index: 4;bottom:0;left:calc(50% - 520px)}
.maintxt3{position: absolute;z-index: 4;bottom:133px;left:calc(50% - 495px);font-size: 10px}
.mainobi{background-color: #eaf1f3;position: absolute;z-index: 1;width: 100%;bottom: 0;display: block;height: 100px;}

section{padding: 50px 0;}
section h6{font-size: 24px;letter-spacing: 0.1em;font-weight: 100;font-family: 'EB Garamond', serif;}
section h6:after{display: block;content: "";width: 40px;height: 4px;background-color:#707070;margin: 20px auto 20px;}
section h2{font-size: 22px;letter-spacing: 0.1em;font-weight: 100; margin-bottom: 30px;}

.access{background-color: #F2F2F2;}
.access .access_img{display: flex;justify-content:space-between;}
.access .access_img dl{position: relative;width: 30%;margin-right: 5%;}
.access .access_img dl:last-child{position: relative;width: 30%;margin-right: 0;}
.access .access_img dt{position: absolute;z-index: 2; left: 0; right: 0; margin: auto;font-size: 34px; color: #FFF;text-shadow:black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px; letter-spacing: 0.1em;font-family: 'EB Garamond', serif;top:25%;line-height: 140%;}
.access .listl{width: 60%; background-color: #FFF;padding: 40px 2.5%;margin: 40px 0 0 0 0;float: left;}
.access .listr{width: 30%;margin: 0 0 0 0;float: right;}
.access_height{margin:40px 0 10px;}

.access .listlbus{width: 61%;margin: 0 0 0 0 0;float: left;}
.access .listrbus{width: 36.6%;margin: 0 0 0 0;float: right;}
.listcenter{margin-top: 30px;}

.location{}
.location a{display: block;background-color: #2F6E89;max-width: 540px;font-size: 12px;line-height: 180%;padding: 15px 0;color: #FFF;background-image:url("../common/img/icon05.png");background-repeat: no-repeat;background-position:left 30px center;margin: 40px auto;}
.location a:hover{opacity: 0.8;}
.location span{font-size: 20px;}
.location .listl{width: 30%; float: left;margin: 0 5% 0 0;}
.location .listr{width: 30%; float: left;}
.location .listr:nth-child(2){width: 30%; float: left;margin: 0 5% 2.3% 0;}
.location .listr:nth-child(4){width: 30%; float: left;margin: 0 5% 0 0;}

.area_listl{float:left;width: 47%;text-align: left;}
.area_listl dl{margin: 30px 0 0 0;}
.area_listl dt{float:left;width: 70%;;border-bottom: 1px dotted #CCC;padding: 10px 0 5px;}
.area_listl dd{float:right;width: 30%;;border-bottom: 1px dotted #CCC;padding: 10px 0 5px;text-align: right;}
.area_listr{float:right;width: 47%;text-align: left;}
.area_listr dl{margin: 30px 0 0 0;}
.area_listr dt{float:left;width: 70%;;border-bottom: 1px dotted #CCC;padding: 10px 0 5px;}
.area_listr dd{float:right;width: 30%;;border-bottom: 1px dotted #CCC;padding: 10px 0 5px;text-align: right;}
.area_ttl{font-weight: bold;border-bottom: 1px solid #AAA!important;height: 20px;}

.modelroom{background-color: #F2F2F2;}

.plan ul{display: flex;flex-wrap: wrap;justify-content:center;}
.plan li{width: 47%; margin:0 6% 40px 0;}
.plan li:nth-child(2n){width: 47%; margin:0 0 40px 0;}
.plan li:last-child{width: 47%; margin:0 0 40px 0;}
.plan_btn a{display: block;background-color: #2F6E89;max-width: 540px;font-size:18px;line-height: 180%;padding: 18px 0;color: #FFF;background-image:url("../common/img/header_icon04.png");background-repeat: no-repeat;background-position:left 20px center;margin: 40px auto;background-size: 5%;}
.plan_btn a:hover{opacity: 0.7;}

.equipment{background-color: #F2F2F2;}
.equipment ul{display: flex;flex-wrap: wrap;}
.equipment li{margin: 0 2% 30px 0; width: 23%;font-size: 14px;}
.equipment dl{display: flex;flex-wrap: wrap;}
.equipment dt{margin: 0 2% 30px 0; width: 48%;font-size: 14px;}
.equipment dd{margin: 0 0 30px 0; width: 48%;font-size: 14px;}


.outline table{font-size: 14px; max-width: 700px;margin: 0 auto;}
.outline td{text-align: left;padding: 10px 20px;border-bottom: 20px solid #FFF;}
.outline_ttl{text-align: center!important;border-right: 1px solid #666!important;}

@media screen and (max-width: 980px) {
.mrpcfull .slick-dots{height:120px!important;max-width: 980px!important;bottom:-60px!important; margin:0 auto 0 auto; left:0;}
}

@media screen and (max-width: 768px) {

.btn_pamphlet a{display: block;background-color: #2F6E89;max-width: 540px;font-size: 3vw;line-height: 180%;padding: 15px 0;color: #FFF;background-image:url("../common/img/header_icon01.png");background-repeat: no-repeat;background-position:left 10px center;margin: 10px;text-decoration: none!important;color:#FFF!important;}
.btn_pamphlet span{font-size: 5vw;line-height:}

.mrspfull{padding-bottom: 40px;}
.mrspfull .slick-dots{height:0!important;max-width: 980px!important;bottom:-20px!important;}
.mrspfull .mrpcfullimg{position: relative;}
.mrspfull .mrpcfullcaption{position: absolute;bottom: 8px;right: 8px;font-size: 18px; color: #FFF;line-height: 100%;text-shadow: 0 0 5px #000;}

.yokokukokoku{font-size: 2.8vw;text-align: left;line-height: 120%;margin-top: 10px;}
.yokokukokoku .waku{border: 1px solid #CCC;padding:5% 8px;display: block;line-height:100%;float: left;font-size: 4vw;margin-right: 2%;margin-top:0;}

section{padding: 30px 0;}
section h6{font-size: 5.5vw;letter-spacing: 0.1em;font-weight: 100;font-family: 'EB Garamond', serif;}
section h6:after{display: block;content: "";width: 40px;height: 4px;background-color:#707070;margin: 20px auto 20px;}
section h2{font-size: 4.5vw;letter-spacing: 0.1em;font-weight: 100; margin-bottom: 30px;}

.mainv{height: auto;}

.access .access_img dl{width: 33.3333%;margin-right:0;}
.access .access_img dl:last-child{width:33.3333%;margin-right: 0;}
.access .access_img dt{margin: auto;font-size: 3.8vw;}
.access .listl{width:auto; background-color: #FFF;padding: 10px 10px;margin: 10px 0;float: left;}
.access .listr{width:auto;margin: 0 0 10px 0;float: right;}
.access_height{margin:0 0 10px;}

.access .listlbus{width:auto;margin: 0 0 0 0 0;float: none;}
.access .listrbus{width:auto;margin: 20px 0 0 0;float: none;}
.listcenter{margin-top: 20px;}

.location{}
.location a{display: block;background-color: #2F6E89;max-width: 540px;font-size: 3vw;line-height: 180%;padding: 10px 0;color: #FFF;background-image:url("../common/img/icon05.png");background-repeat: no-repeat;background-position:left 10px center;margin: 10px auto;background-size: 8%;}
.location span{font-size: 5vw;}
.location .listl{width: 48%; float: left;margin: 0 4% 0 0;}
.location .listr{width: 48%; float: left;}
.location .listr:nth-child(2){width: 48%; float: left;margin: 0 0 2.3% 0;}
.location .listr:nth-child(3){width: 48%; float: left;margin: 0 0 2.3% 0;}
.location .listr:nth-child(4){width: 48%; float: left;margin: 0 4% 2.3% 0;}
.location .listr:nth-child(5){width: 48%; float: left;margin: 0 0 2.3% 0;}


.area_listl{float:none;width:100%;text-align:none;}
.area_listl dl{margin:0 0 20px 0;}
.area_listr{float:none;width:100%;text-align:none;}
.area_listr dl{margin:0 0 20px 0;}
.area_ttl{font-weight: bold;border-bottom: 1px solid #AAA!important;height: 20px;}

.modelroom h2{margin: 50px 0;}

.plan ul{display: flex;flex-wrap: wrap;justify-content:center;}
.plan li{width: 70%; margin:0 auto 20px auto;}
.plan li:nth-child(2n){width: 70%; margin:0 auto 20px auto;}
.plan li:last-child{width: 70%; margin:0 auto 20px auto;}
.plan_btn a{display: block;background-color: #2F6E89;max-width: 540px;font-size:4vw;line-height: 140%;padding: 12px 0;color: #FFF;background-image:url("../common/img/header_icon04.png");background-repeat: no-repeat;background-position:left 20px center;margin: 10px auto;background-size: 8%;}
.plan_btn a:hover{opacity: 0.7;}

.equipment{background-color: #F2F2F2;}
.equipment ul{display: flex;flex-wrap: wrap;justify-content:space-between;}
.equipment li img{width:100%;}
.equipment li{margin: 0 6% 20px 0;width: 47%;}
.equipment li:nth-child(2n){margin: 0 0 20px 0;width: 47%;}
.equipment dl{display: flex;flex-wrap: wrap;}
.equipment dt{margin: 0 0 20px 0; width:auto;font-size: 14px;}
.equipment dd{margin: 0 0 20px 0; width:auto;font-size: 14px;}

.outline table{font-size: 14px; max-width: 700px;margin: 0 auto;}
.outline td{text-align: left;padding: 10px 20px;border-bottom: 20px solid #FFF;}
.outline_ttl{text-align: center!important;border-right: 1px solid #666!important;}

}