@charset "utf-8";

/* @group Reset */
.special {  font-family: source-han-sans-japanese,sans-serif;
font-weight: 400;
font-style: normal;}
.mincho{font-family: "Hiragino Mincho ProN",serif;
font-weight: 400;
font-style: normal;
}
.futura{
font-family: futura-pt, sans-serif;
font-weight: 700;
font-style: normal;}



/* @group Header */
.special header{ width: 100%; border-top:none; border-bottom: 1px solid #ccc }
.special header .hrg{ width: 93.75%; margin:13px auto 15px; overflow: hidden; }
.special header .hrg h1{ float: left; width: 37%; border-top:none; padding: 0; margin-top: 8px}
.special header .hrg nav{ width:63%; float: right; margin-top: 0;}
.special header .hrg nav ul li{ float: right; text-align: center; margin-left: 1% }
.special header .hrg nav ul li span{ display: block; margin-top: 3px; font-size: 0.625rem; letter-spacing: 0.1em}
.dropdown-menu{}
.smp-dpmenu.open{ padding: 0;}

/* @group ハンバーガーメニュー */

.special .menu-trigger,
.special .menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.special .menu-trigger {
  position: relative;
  width: 39px;
  height: 26px;
margin-top: 2px
}
.special .menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color:#debb69;
  border-radius: 4px;
}
.special header .hrg nav ul li .menu-trigger span{ margin-top: 0;}
.special .menu-trigger span:nth-of-type(1) {
  top: 0;
}
.special .menu-trigger span:nth-of-type(2) {
  top: 11px;
}
.special .menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.special .menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(18px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.special .menu-trigger.active span:nth-of-type(2) {
  left: 200%;
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
.special .menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg);
}

.special .smp-dpmenu{ top: 81px; }
.special .mainimg{ width: 100%;}
.special .mainimg img{ width: 100%; max-width: 100%}

.special main {
    width: 100%;
    margin-top: 0;
	padding-top: 79px
}
.special main .tab-roomplan{ background:#fff; padding: 60px 0; width: 100%}
.special main .tab-roomplan .room-contents{ background:#fff; width: 93.75%; margin: 0 auto; padding: 0 0 30px 0; }
.special main .tab-roomplan .room-contents nav.roomplan-tab{ width: 100%; overflow: hidden; white-space: nowrap; 
overflow-x: auto;
-webkit-overflow-scrolling: touch;}
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list{ width: 100%; overflow: hidden; display: flex;  flex-direction: row;  justify-content: center; margin: 0 auto; }
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li{ float: left; text-align: center;  width: 12.3%; font-size:1rem; font-weight: normal; border-bottom: 1px solid #000; color: #C1C1C1}
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li span{ font-size: 1.625rem; display: block}
.special main .tab-roomplan .room-contents .roomplan-img{ margin: 0; padding:15px; background: #fff; }

#spslider{ margin-bottom: 70px;}
#spslider .bx-pager{ bottom: -24px;}
.panorama{ margin-bottom: 60px;}
.special .gold-line{ padding: 22px 0; text-align: center; font-size: 1.5625rem;}

.special .gold-line h1{ font-size: 2.25rem; text-align: center; color: #fff; line-height: 120%; font-weight: normal; filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.3));}
.panorama .movie-box{ width: 93.75%; margin: 50px auto;}
.special .specification{ width: 100%; padding: 50px 0 100px; text-align: center;}
.special .specification p{ font-size: 0.875rem; line-height: 220%; width: 93.75%; margin: 0 auto; text-shadow: 0 0 10px #fff,0 0 15px #fff; letter-spacing: 0.01em}
.special .powerboad{ background: url(../images/special4/item-bg01.jpg) no-repeat 20% top; background-size:cover; width: 100%; height: auto}
.special .powerboad h1{ width: 92%; margin: 20px 4% 30px; text-align: left;}
.special .powerboad p{ color: #000; text-align: left; font-weight: bold}
.special .powerboad .pwb{ margin: 20px 3%; }
.special .powerboad .pwb li{ background: #000; border-radius: 20px; padding: 10px 0; text-align: center; font-size: 0.75rem; text-align: center; margin-bottom: 10px; font-weight: bold; color: #fff}
.special .aquaform{background: url(../images/special10/aqua-form-bg.jpg) no-repeat top center; background-size:cover; width: 100%; height: auto; margin: 0; }
.special .aquaform h1{width: 100%; margin: 20px 0 50px}
.special .aquaform p{ }
.special .aquaform p{ color: #000; font-weight: bold; letter-spacing: 0.01em}
.special .alsok p{ color: #000; line-height: 160%; font-size: 0.875rem}
.special .alsok{background: url(../images/special12/item-bg03.png) no-repeat top center; background-size:cover; width: 100%; height: auto; margin: 0; padding: 50px 0 0 0; }
.special .alsok .alsok-bg{ background: #fff; width: 87.75%; margin: 0 auto; padding: 30px 3%;}
.special .alsok h1{margin: 20px auto 30px; font-size: 1.4375rem; font-weight: bold; text-align: center; line-height: 160%; letter-spacing: 0.01em}
.special .alsok h2{ margin:30px auto; width: 60% }
.special .alsok ul{ overflow: hidden; width: 93.75%; margin: 10px auto 0}
.special .alsok ul li{ width: 32%; float: left; margin-right: 2%; font-size: 0.75rem; margin-bottom: 20px; text-align: center; }
.special .alsok ul li img{ margin-bottom: 10px; display: block; text-align: center; width: 100%; }
.special .alsok ul li:nth-child(3n){ margin-right: 0}

.special .landplan{ margin-top: 50px; }
.special .landplan .landplan-main{ margin: 40px auto; width: 93.75%; text-align: center}
.special .landplan .landplan-main img{ display: block; margin: 0 auto 100px; width: 90%}
.special .landplan .landplan-main h1{ color: #000; font-size:1.5625rem; line-height: 140%; font-weight: bold; text-align: center; font-weight: bold; letter-spacing: 0.01em; margin-bottom: 50px}
h2.head-border{ color: #000; font-weight: bold; font-size: 1.5625rem; margin:50px auto 20px; text-align: center; width: 43%}
.special .landplan .landplan-main p{ margin-top: 20px; line-height: 160%; margin-bottom: 50px; font-size: 0.875rem; letter-spacing: 0.01em}
.special .landplan .landplan-main ul{ overflow: hidden; width: 100%; margin-top: 50px }
.special .landplan .landplan-main ul li{ width: 49%; margin-right: 2%; float: left; text-align: center; font-size: 0.875rem; margin-bottom: 10px}
.special .landplan .landplan-main ul li:nth-child(2n){ margin-right: 0;}
.special .landplan .landplan-main ul li img{ display: block; width: 100%; margin-bottom: 10px}

.special .local-infomation{ width: 100%; height: auto; margin: 0; padding-bottom: 50px}
.special .local-infomation .covid-contents-box-inbox dl.gold-line-list{ width: 100%; border-top: 1px solid #000; margin-top: 40px; font-size: 0.875rem; letter-spacing: 0.01em}
.special .local-infomation .covid-contents-box-inbox dl.gold-line-list dt {
 float: left;
 padding: 10px 2%;
 width: 54%;
}
.special .local-infomation .covid-contents-box-inbox dl.gold-line-list dd {
 border-bottom: 1px solid #000;
 padding: 10px 0 10px 50%;
}
.special .local-infomation .covid-contents-box-inbox dl.gold-line-list dd.line3{ padding: 30px 0 30px 50%;}
.special .local-infomation .covid-contents-box-inbox dl.gold-line-list dd.twoc{  padding: 20px 0 20px 50%;}
.special .local-infomation .covid-contents-box-inbox{ width: 93.75%; margin: 10px auto 50px}

.special .sp-system{ width: 100%; height: auto; margin: 0; padding: 40px 0; }
.special .sp-system h1{ width: 80%; margin: 10px auto 40px; text-align: center; }
.special .sp-system h1 span{ }
.special .sp-system p{ margin:0 auto; width: 90%; text-align: center; font-size: 1rem; letter-spacing: 0.01em}
.special .sp-system .system-box{ width: 93.75%; margin: 0 auto 50px; text-align: center; padding-top: 0 }
.special .sp-system .system-box .iconbox{ width: 100%; margin-bottom: 20px; margin-top: 5px}
.special .sp-system .system-box img{ width: 40%}
.special .sp-system .system-box .system-title{ line-height: 130%; margin-bottom: 10px; font-size:  1.25rem; color:#000; font-weight: bold; }
.special .sp-system .system-box .brown-txt{ color: #694D18}
.special .sp-system .system-box p{ font-size: 0.875rem; line-height: 180%; text-align: left;}
.special .sp-system .txt-right{ text-align: left; font-size: 0.75rem; margin:0 auto 20px; width: 93.75%; padding-bottom: 20px}


.special .local-pointbox{ width: 87.75%; margin: 50px auto; }
.special .grd-grn{ width: 100%;
padding: 2px 0;
margin-bottom: 20px;
background: #F8EFE2;
}
.special .local-pointbox .blue-title{ background: #BBE2E4}
.special .local-pointbox .yw-title{ background: #F7E292}
.special .local-pointbox .green-title{ background: #B6D56A}
.special .grd-grn h1{ margin:0 2px;  font-size:  1.25rem; color: #000; padding: 10px 2%; text-align: center; font-weight: bold; line-height: 130%; width: 96%; letter-spacing: 0.01em}
.special .grd-grn h1 img{width: 40px; float: none; margin-top: -19px;}
.special .local-pointbox img{ margin-bottom: 20px;}
.special .local-pointbox .local-info-contents{ width: 100%; font-size: 0.875rem}
.special .local-pointbox .local-info-contents .local-info-sub-contents{ margin-top: 20px; overflow: hidden;}
.special .local-pointbox .local-info-contents .local-info-sub-contents img{ float: left; width: 49%;}
.special .local-pointbox .local-info-contents .local-info-sub-contents p{ float: right; width: 49%; font-size: 0.75rem}
.special .local-pointbox .local-info-contents .local-info-sub-contents .local-info-sub-contents-twocolumn{ width: 49%; float: left; margin-right: 2%; overflow: hidden; font-size: 0.75rem}
.special .local-pointbox .local-info-contents .local-info-sub-contents .local-info-sub-contents-nomg{ margin-right: 0;}
.special .local-pointbox .local-info-contents .local-info-sub-contents .local-info-sub-contents-twocolumn img{ float: none; margin-bottom: 10px; width: 100%}
.special .local-pointbox .local-info-contents .local-info-sub-contents .local-info-sub-contents-twocolumn p{ float: none; font-size: 0.75rem; width: 100%}
.special .access-back{}
.special .access-infomation{width: 93.75%; margin: 40px auto;  }
.special .access-infomation .access-main-contents{ width: 100%; margin-bottom: 30px }
.special .access-infomation .access-main-contents h1{ color: #005236; font-size: 1.25rem; margin-bottom: 43px; font-weight: normal; line-height: 130%}
.special .access-infomation .access-main-contents p{ font-size: 0.875rem;}
.special .access-infomation img{ width: 100%;}
.special .access-main-point{ width: 100%; margin: 50px 0;}
.special .access-main-point li{ margin-bottom: 20px;}
.special .access-limg-point{ width: 100%; overflow: hidden; margin-top: 50px}
.special .access-limg-point li{ width: 49%; float: left; text-align: center; font-size: 0.875rem; margin-right: 2%; margin-bottom: 20px; letter-spacing: 0.01em}
.special .access-limg-point li:nth-child(2n){ margin-right: 0;}
.special .access-simg-point{ width: 100%; overflow: hidden; margin-top: 20px}
.special .access-simg-point li{ width: 49%; float: left; text-align: center; font-size: 0.875rem; margin-right: 2%; margin-bottom: 20px; letter-spacing: 0.01em}
.special .access-simg-point li:nth-child(2n){ margin-right: 0;}
.special .googlemap-illust{ margin: 50px auto 20px; width: 93.75%}
.special .googlemap-illust img{ width: 100%}

.special .detail-box-sp{ margin-bottom: 30px}
.special .table-infomation{width: 93.75%; margin: 50px auto 10px; }
.special .table-infomation div{ }
.special .table-infomation h1{ font-weight: bold; color: #fff; text-align: center; font-size: 1.25rem; background: #333333; padding: 10px 0; margin-bottom: 20px}
.special .sp-detail{ width: 100%;  overflow: hidden; border-bottom:1px solid #CCCCCC; background:#FFF; color: #000}
.special .sp-detail li{  padding:10px 3%; float: left; font-size: 0.875rem; text-align: left; border-top: 1px solid #CCCCCC;}
.special .sp-detail li.fourthbox,.special .sp-detail li.twobox{ width: 44%;}
.special .sp-detail li.spdetail-deta{ background: #fff;}
.special .contact-area{ margin: 55px auto; width: 100%; text-align: center; background:url("../images/special15/contact-bg-img.png")no-repeat left top; background-size: 150%; padding: 110px 0 0}
.special .contact-area p{ font-size: 0.875rem}
.special .contact-area .contact-btn{ margin: 60px auto; width: 92%;}
.special .contact-area .contact-btn a:hover img{ 
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}

.special .fix-menu{ position: fixed; bottom: 0; width: 100%; background: #FFF;}
.special .fix-menu .flower-menu{ width: 100%;  }　
.special .fix-menu .flower-menu nav{ color: #fff; width: 100%;}	
.special .fix-menu .flower-menu nav ul,.special .fix-menu .contact-list-btn nav ul{ width: 93.75%; overflow: hidden; margin: 0 auto;  font-weight: bold; padding: 8px 0}

.special .fix-menu .flower-menu nav ul li a{ border: 1px solid #5D3E0A; border-radius: 3px; display: block; width:  15.1%; padding: 16px 0 7px; float: left; color: #333; text-decoration: none; text-align: center; font-size: 0.75rem; height: 25px; margin-right: 1%; line-height: 100%; letter-spacing: 0.01em}
.special .fix-menu .flower-menu nav ul li:nth-child(2) a,.special .fix-menu .flower-menu nav ul li:nth-child(3) a{ padding: 12px 0 11px; }
.special .fix-menu .flower-menu nav ul li a:hover{ background:#BEECF9; border-radius: 5px  }
.special .fix-menu .flower-menu nav ul li:nth-child(6n) a{ margin-right: 0;}

.special .fix-menu .contact-list-btn nav ul li a{ border-radius: 3px; display: block; width:  49%; padding: 16px 0 13px; float: left; color: #fff; text-decoration: none; text-align: center; font-size: 1rem; height: auto; margin-right: 1%; line-height: 100%; letter-spacing: 0.01em; background: #B82A2A}
.special .fix-menu .contact-list-btn nav ul li:last-child a{ background: #F97806}

.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li{width: 20.3%; padding: 19px 0 0 0; margin-top: 7px; border-right: 1px solid #fff; line-height: 180%; font-weight: bold}
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li img{ width: 40%}

.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li.is-active{background:#fff; padding: 21px 0 ; margin-top: 0; border-top:5px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: none; color: #000}
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li:last-child{ margin-right: 0;}
.special .access-infomation .access-main-img { width: 100%; overflow: hidden;}
.special .access-infomation .access-main-img li{ margin-bottom: 10px;}

.special .access-infomation .access-box{ width: 100%; margin: 80px 0 20px; }
.special .access-infomation .access-box h3{ font-size:1.125rem; font-weight: bold; text-align: center; line-height: 152%; }
.special .access-infomation .access-box h2{ font-size: 2rem; color: #EB6100; margin: 10px 0; text-align: center; font-weight: bold}
.special .access-infomation .access-box h2 span{ }
.special .access-infomation .access-box h2 span i{ font-size: 1.5625rem; font-style: normal}
.special .access-infomation .access-box .maintrantxt{ text-align: center; font-size: 0.875rem; letter-spacing: 0.01em}
.special .access-infomation .access-box p{ font-size: 1rem; line-height: 160%; margin-top: 20px}
.special .access-infomation .access-box p.sstxt{ font-size: 0.75rem; margin-top: 0}
.special .access-infomation .access-box p span{ }
.special .access-infomation .access-box .access-car{ margin:40px 0 0 0; overflow: hidden; width: 100%;}
.special .access-infomation .access-box .access-car .access-car-in{ overflow: hidden; width: 100%; margin-bottom: 40px;}
.special .access-infomation .access-box .access-car h2.redbg{ background:url("../images/special15/train-bg.png") no-repeat bottom left; background-size: auto; padding:55px 3% 10px; width: 94%; color: #000; font-size: 1.5625rem; text-align: left}
.special .access-infomation .access-box .access-car .access-car-in{ overflow: hidden; width: 100%; margin-bottom: 40px;}
.special .access-infomation .access-box .access-car h2.redbg2{ background:url("../images/special15/car-bg.png") no-repeat bottom left; background-size: auto; padding:55px 3% 10px; width: 94%; color: #000; font-size: 1.5625rem; text-align: left}
.special .access-infomation .access-box .access-car h2.redbg3{ background:url("../images/special14/shop-bg.png") no-repeat bottom left; background-size: auto; padding:55px 3% 10px; width: 94%; color: #000; font-size: 1.5625rem; text-align: left}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-l{ width: 100%; margin-bottom: 20px}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two{ overflow: hidden; width: 100%;}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two .access-car-box-in{ margin-bottom: 20px}
.small{ font-size: 0.75rem; display: block}
.special .access-infomation .access-box .access-car .drive{ width: 100%; overflow: hidden}
.special .access-infomation .access-box .access-car .drive .drive-box{ width: 100%; margin-bottom: 20px}
.special .access-infomation .access-box .access-car .drive .drive-box img{ width: 100%; float: none}
.footer{ margin-top: 10px; padding: 0 0 50px;}


.alsok-camera {  width: 93.75%; margin: 30px auto 0; padding: 30px 3% 0 3%}
.alsok-camera .camera-subtxt{ padding: 5px 0; text-align: center; color: #fff; margin-bottom: 10px}
.camera{ width: 100%; overflow: hidden;}
.camera img{ will-change: 100%; margin-bottom: 20px;}
.camera .camera-txt{ width: 100%;}
.camera .camera-txt h4{ font-size: 1rem; font-weight: bold; color: #000; text-align: left}
.camera .camera-txt ul li{ color: #000; font-size: 0.875rem; margin-bottom: 20px; width: 100%; text-align: left; }
.camera .camera-txt ul li span{ color: #000; font-size: 0.75rem; display: block; padding: 5px; margin-right: 10px; text-align: center; width: 16%; background: #debb69;}

.camera .point-card{ margin-top: 30px; width: 100%}
.camera .point-card li{ width: 100%; }
.board-new h1{ font-size: 1.375rem; letter-spacing: 0.01em; border-bottom: 1px solid #fff; padding-bottom: 20px}
.big{line-height: 130%;}
.sumai{ width: 94%; background:url(../images/special7/sumai-bg.jpg) no-repeat left top; background-size: cover; padding: 50px 3%}
.covid-box{ width: 100%; margin: 50px 0;}
.covid-box h4{ text-align: center; font-size: 1.125rem; color: #707070; margin-bottom: 40px;}
.covid-box .room-at{ width: 100%; }
.covid-box .room-at li{ width: 100%;}
.covid-box .room-at li img{ width: 100%}
.covid-box .room-at li.blue-bg{ background: #E5EEFA; padding: 30px 3%; width: 94%; color: #707070}
.covid-box .room-at li.blue-bg h5{ font-size: 1.125rem; margin-bottom: 20px; font-weight:normal}
.covid-box .room-at li.blue-bg p{ font-size: 0.875rem; line-height: 180%}

.special .gold-line-in{ width: 100%; margin: 30px auto 0; background:url("../images/special15/title-bg.png") no-repeat bottom left; background-size: cover}
.special .gold-line-in h1{ text-align: center; margin: 0; padding: 20px 0; font-size: 1.875rem}
.special .gold-line-in img{ width: auto; margin: 10px 0 0 0 }
.special .gold-line-in h1 span{}
.special .gold-line-in h1{  }

.covid-contents{ width: 93.75%; margin: 20px auto;}
.covid-contents h1{ text-align: center; font-weight: bold; font-size: 2rem}
.covid-contents p.blue-title{  text-align: center; font-weight: bold}
.head-border{display: flex; align-items: center;}
.head-border:before,
.head-border:after {
    content: "";
    height: 3px;
    flex-grow: 1;
    background-color: #FEEB00;
}
.head-border:before {
    margin-right: 1rem;
}

.head-border:after {
    margin-left: 1rem;
}
.covid-contents-box-inbox{ width: 100%; overflow: hidden; margin-top: 40px;}
.covid-contents-box-inbox img{ width: 100%; margin-bottom: 20px;}
.covid-contents-box-inbox .covid-contents-box{ width: 100%; }
.covid-contents-box-inbox .covid-contents-box h2{ font-weight: bold; font-size: 1.4375rem;  background-size: 70%; margin-bottom: 20px}
.covid-contents-box-inbox .covid-contents-box h2.blue-bg22{ font-weight: bold; font-size: 1.4375rem;  background-size: 70%; margin-bottom: 20px}
.covid-contents-box-inbox .covid-contents-box p{ font-size: 0.875rem; line-height: 160%; text-align: left}
.covid-contents-box-inbox .covid-imgbox{ position: relative; padding-top: 30px}
.covid-contents-box-inbox .covid-imgbox img{ 

}

.planbg{ width: 100%;  }

.special .ecozero{ width: 100%; background: url("../images/special9/ecozero-img.png") no-repeat left top; background-size: 100%}
.special .ecozero .ecozero-pointbox{ margin: 55% auto 0; width: 83.75%; border:1px solid #dfbd6e; border-radius: 5px; padding: 30px 5%}
.special .ecozero .ecozero-pointbox h1{ width: 90%; margin: 0 auto 40px}
.special .ecozero .ecozero-pointbox .ecozero-list{ width: 100%;}
.special .ecozero .ecozero-pointbox .ecozero-list .ecopoint{ overflow: hidden;}
.special .ecozero .ecozero-pointbox .ecozero-list .ecopoint img{ width: auto; float: left; margin-right: 10px}
.special .ecozero .ecozero-pointbox .ecozero-list .ecopoint span{ width: 70%; float: left; font-size: 1.125rem; font-weight: bold; margin-top: 15px; line-height: 140%}
.special .ecozero .ecozero-pointbox .ecozero-list p{ font-size: 0.875rem; line-height: 130%; text-align: left; margin-top: 10px}
.board-new h2{ font-size: 1rem; }

.sky{ width: 100%; margin: 10px 0 0}
.sky .sky-detail{ width:94%; background: #F6EEE0; background-size: cover; padding: 40px 3%; margin-top: 30px}
.sky .sky-detail h1{ font-size: 1.875rem}
.sky .sky-detail h2{ font-size: 1rem; position: relative; display: inline-block; padding: 10px 0 10px 30px;}
.sky .sky-detail h2:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 25px;
  height: 1px;
  background-color: black;
	left:0;
}
.sky .sky-detail p{ font-size: 0.875rem; line-height: 180%; margin-top: 20px}
.sky img{ width: 100%;}
.sky-balcony{ width: 100%; margin-bottom: 30px}
.sky-balcony h1{  font-size: 1.875rem; font-weight: bold; margin: 30px 3% 10px; line-height: 120%}
.sky-balcony h1 span{ font-size: 1.25rem; display: block}
.sky-balcony h2{  font-weight: bold; font-size: 3rem; margin: 0 3%}
.sky-balcony h2 span{ font-size: 2.3rem; }
.sky-balcony p{ padding: 10px 3%; font-size: 0.875rem}
.best-selection{ width: 100%;}
.best-selection h1{text-align: center; color: #8D6C30; font-size: 1.5625rem; font-weight: normal; line-height: 120%; margin-bottom: 20px; margin-top: 10px}
.best-selection p{ font-size: 0.875rem; line-height: 160%; padding: 0 3%}
.detail{ width: 100%; overflow: hidden}
.windamper{ width: 100%; }
.windamper img{ width: 100%;}
.hybridform img{ width: 100%; }

.point-list{ width: 94%; margin: 0; background:#F2F2F6; padding: 30px 3% }
.about .point-list{ width: 100%; margin: 0; background:#F2F2F6; padding: 30px 3%; margin-top: 40px }
.point-list ul{ width: 100%; overflow: hidden}
.point-list ul li img{ width: 100%}
.point-list ul li{ width: 49%; float: left; margin-right: 2%; margin-bottom: 20px}
.point-list ul li:nth-child(2n){ margin-right: 0}
.concept-box{ margin: 30px 0 }
.landplanlist { width: 93.75%; margin: 0 auto; }
.special .landplan .landplan-main ul.landplanlist li{ width: 32%; float: left; margin-right:  2%; }
.special .landplan .landplan-main ul.landplanlist li:nth-child(2n){ margin-right: 2%}
.special .landplan .landplan-main ul.landplanlist li:last-child{ margin-right: 0}
.house-taishin{ width: 93.75%; margin: 40px auto;}
.house-taishin h1{ text-align: center; color: #000; font-size: 1.875rem; font-weight: bold; margin-bottom: 30px}
.house-taishin h1 span{ color: #5F8613; font-size: 2.5rem; }
.house-taishin p{ font-size: 0.875rem; line-height: 180%; margin-bottom: 30px}

.soraenext{ width: 100%;  background: url("../images/special15/soraene-bg.png") no-repeat top center; background-size: 100%; padding-top: 100px}
.soraenext h1{ width: 70%; margin: 10px auto}
.soraenext h2{ text-align: center; font-size: 1.125rem}
.soraenext p{ width: 90%; margin: 40px auto; line-height: 180%; font-size: 0.875rem}
.soraenext img{ width: 94%; margin: 20px auto; display: block}
.soraenext .soraene-att{ width: 94%; margin: 20px auto; background:#EFF6FC; padding: 5px; border-radius: 10px}
.soraenext .soraene-att p{ font-size: 0.875rem; margin: 10px }
.ultrafinebubble{ width: 100%; background:url("../images/special15/ultrafine-bubble-bg.png") no-repeat top center; padding-top: 100px; background-size: 100%}
.ultrafinebubble h2{ font-size: 1.125rem; color: #699FCE; text-align: center;}
.ultrafinebubble h1{ width: 80%; margin: 10px auto}
.ultrafinebubble h3{ font-size: 1.125rem; text-align: center; line-height: 140%}
.ultrafinebox{ width: 94%; margin: 40px auto;}
.ultrafinebubble h5.icon-title{ font-size: 1rem; background: url("../images/special15/fine-icon.svg")no-repeat left center; padding-left: 22px; background-size: 16px; margin-top: 80px }
.ultrafinebox p{ font-size: 0.875rem; margin: 5px 0 20px 0; }
.ultrafine{ width: 94%; margin: 10px auto}
.ultrafine article{background: #EBEFF3; padding: 10px 10px 10px 0; margin-bottom: 10px}
.ultrafinebubble .ultrafine article h5{ letter-spacing: 0.01em; font-size: 1.25rem; margin-top: 0}
.ultrafine article p{ margin-left: 20px; font-size: 1rem; color: #699FCE; font-weight: bold}
.ultrafine article p.sstxt{ font-size: 0.75rem; font-weight: normal; color: #000;}
.daigas { width: 94%; margin: 20px auto}
.daigas h1{ width: 60%; text-align: center; margin: 0 auto}
.daigas ul{ width: 90%; overflow: hidden; margin: 20px auto}
.daigas h2{ width: 80%; margin: 0 auto}
.daigas p{ font-size: 0.875rem; line-height: 180%; margin-bottom: 30px}
.daigas img{ width: 100%; }
.daigas h3{ font-size: 1.25rem; line-height: 160%; margin: 20px 0 }
.daigas-contents img{ margin-bottom: 20px}
.special .access-infomation .access-box .shopping-title{ background: url("../images/special15/shopping-title-sp.png")no-repeat center top; padding-top: 70px; background-size: 105%; width: 100%; }
.special .access-infomation .access-box .education-title{ background: url("../images/special15/education-title-sp.png")no-repeat center top; padding-top: 70px; background-size: 105%; width: 100%; }
.special .access-infomation .access-box .shopping-title h2{ font-size: 1rem; text-align: left; color: #000; line-height: 180%}
.special .access-infomation .access-box .education-title h2{ font-size: 1rem; text-align: right; color: #000; line-height: 180%}
.special .access-infomation .access-box .access-car .shopping-imgl { width: 100%;}
.special .access-infomation .access-box .access-car .shopping-imgl img{ width: 100%; float: none; margin-top:0 }
.special .access-infomation .access-box .access-car .other-title img { margin-top: 0; width: 100%; float: none}
.lixil{ width: 93.75%; margin: 40px auto;}
.lixil h1{ width: 150px; margin: 0 auto; text-align: center}
.lixil p{ font-size: 0.875rem; line-height: 180%; margin-bottom: 40px}
.slider-box-lixil{ width: 100%; margin: 0 auto; overflow: hidden}

/* @end */



/*768px*/

@media screen and (min-width : 768px){
	
.special main{}
	
.panorama{ margin-bottom: 100px;}
.special .gold-line h1{ font-size:  2.25rem }
#spslider{ margin: 20px auto 140px; width: 93.75%; }
.special .specification{ padding: 70px 0; }
.special .specification p{ font-size: 1rem; line-height: 220%;  }
	
.special .powerboad{ background: url(../images/special4/item-bg01.jpg) no-repeat left top; background-size:cover; width: 100%; height: auto }
.special .powerboad h1{ width: 92%; margin: 20px 4% 30px; text-align: left;}
.special .powerboad p{ color: #000; text-align: left }
.special .powerboad .pwb{ margin: 50px 3%; width: 50% }
.special .powerboad .pwb li{ border-radius: 20px; padding: 10px 0; text-align: center; font-size: 1rem; text-align: center; margin-bottom: 10px; font-weight: bold}
.special .aquaform h1{width: 90%; margin: 20px auto 50px}
.special .alsok h1{max-width: 100%; margin: 20px auto 50px; font-size: 1.75rem}
.special .alsok h2{ margin-bottom: 50px }
.special .alsok ul.two-list{ width:93.75%; margin: 40px auto 20px;}
.special .alsok ul.two-list-2{ width:37%; margin: 20px auto 40px;}
.special .alsok ul.two-list li{ width: 18%;}
.special .alsok ul.two-list-2 li{ width: 48%;}
.special .alsok ul li{  float: left; margin-right: 2%}
.special .alsok ul li:nth-child(3n){ margin-right: 2%}
.special .alsok ul li:nth-child(5n){ margin-right: 0;}

.special .landplan{ margin-top: 80px;}
.special .landplan .landplan-main{ margin-top: 40px;}
.special .landplan .landplan-main p{ margin-bottom: 50px; font-size: 1rem; }
.special .landplan .landplan-main ul{margin-top: 50px }
.special .landplan .landplan-main{text-align: center}

.special .local-infomation { }
.special .local-infomation h1{ font-size:  1.5625rem; margin: 50px auto; width: 93.75%; line-height: 140%; text-align: center; margin-left: 3.3%; margin-right: 3.3%; }
.special .local-infomation h1 span{ font-size: 1.125rem; display: block; margin-bottom: 1px; line-height: 170%; letter-spacing: 0.04em;  }
.special .local-infomation p{ width: 93.75%;  font-size: 1rem;}
	
.special .sp-system{  width: 100%; height: auto; margin:0;  }
.special .sp-system .system-box-in{ width: 93.75%; overflow: hidden; margin: 0 auto;  }
.special .sp-system .system-box{ width: 32%; margin: 0 2% 10px 0; text-align: center;  float: left; height: 550px;}
.special .sp-system .system-box .system-title{ font-size: 1rem; margin-bottom: 10px;   letter-spacing: 0.01em; height: auto;}
.special .sp-system .system-box-non-mg{ margin-right: 0;}
.special .sp-system .system-box p{ font-size: 0.875rem; line-height: 150%; text-align: left;}
.special .sp-system .txt-right{ text-align: right; padding-bottom: 0; margin-top: 40px }
	
.special .local-pointbox{ width: 93.75%; margin: 50px auto; overflow: hidden}
	
.special .grd-grn{ width: 100%;
padding: 2px 0;
margin-bottom: 30px;
}
.special .grd-grn h1{ padding: 10px 0 13px ; width: 99.2%; font-size:1.4375rem }

.special .local-pointbox ul li{ margin-bottom: 20px; float: left; width: 49%; margin-right: 2%}
.special .local-pointbox ul li:nth-child(2n){ margin-right: 0}
.special .local-pointbox .local-info-contents{ width: 49%; font-size: 0.875rem; float: right}
.special .local-pointbox .local-info-contents .local-info-sub-contents{ margin-top: 20px; overflow: hidden; width: 100%}
.special .local-pointbox .local-info-contents .local-info-sub-contents img{ float: left; width: 49%;}
.special .local-pointbox .local-info-contents .local-info-sub-contents p{ float: right; width: 49%; font-size: 0.75rem}
	
.special .access-infomation{overflow: hidden}
.special .access-infomation .access-main-contents{ width: 48%; margin-bottom: 0; float: left;}
.special .access-infomation .access-main-contents h1{ font-size: 1.4375rem; }
.special .access-infomation .access-main-contents p{ font-size: 0.875rem;}
.special .access-infomation img{ width:48%; margin-top: 30px}
.special .access-main-point{overflow: hidden; margin-top: 50px}
.special .access-main-point li{ margin-bottom: 0; float: left; margin-right: 2%; width: 49%;}
.special .access-main-point li img{ width: 100%}
.special .access-main-point li:nth-child(2n){ margin-right: 0;}
.special .access-limg-point li img,.special .access-simg-point li img{ width: 100%; margin-bottom: 5px}
.special .access-limg-point li{ width: 32.6%;  font-size: 0.875rem; margin-right: 1%; letter-spacing: 0.01em}
.special .access-limg-point li:nth-child(2n){  margin-right: 1%}
.special .access-limg-point li:nth-child(3n){  margin-right: 0}
.special .access-simg-point li{ width: 32.6%;  margin-right: 1%; height: 250px}
.special .access-simg-point li:nth-child(2n){  margin-right: 1%}
.special .access-simg-point li:nth-child(3n){  margin-right: 0}
.special .googlemap-illust{ margin: 50px auto 70px; width: 93.75%}	

.special .sp-detail li{  padding:10px 3% 10px 0; }
.special .sp-detail li.fourthbox{ width: 25%;}
.special .sp-detail li.twotitle{ width: 25%;}
.special .sp-detail li.twodetail{ width: 70%;}
	


.special .access-infomation .access-main-img { width: 100%; overflow: hidden;}
.special .access-infomation .access-main-img li{ width: 32.6%; float: left; margin-right: 1%}
.special .access-infomation .access-main-img li img{ width: 100%;}
.special .access-infomation .access-main-img li:last-child{ margin-right: 0;}
	
.special .access-infomation .access-box h3{ font-size:1.125rem; font-weight: bold; line-height: 142% }
.special .access-infomation .access-box h2{ font-size: 2.1875rem; margin: 10px 0;}
.special .access-infomation .access-box h2 span i{ font-style: normal}
.special .access-infomation .access-box p{ font-size: 0.875rem;}
.special .access-infomation .access-box .access-car{ margin:0; overflow: hidden; width: 100%;}
.special .access-infomation .access-box .access-car .access-car-in{ overflow: hidden; width: 50%; margin-bottom: 10px; float: left;}
.special .access-infomation .access-box .access-car h2.redbg img{ width: auto; float: none; margin-top: 0;}
.special .access-infomation .access-box .access-car h2.redbg{ background:url("../images/special15/train-bg.png") no-repeat bottom right; background-size: auto; padding:55px 3% 10px; width: 94%; color: #000; font-size: 1.5625rem; text-align: left}
.special .access-infomation .access-box .access-car .access-car-in{ overflow: hidden; width: 100%; margin-bottom: 40px;}
.special .access-infomation .access-box .access-car h2.redbg2{ background:url("../images/special15/car-bg.png") no-repeat bottom right; background-size: auto; padding:55px 3% 10px; width: 94%; color: #000; font-size: 1.5625rem; text-align: left}
.special .access-infomation .access-box .access-car h2.redbg3{ background:url("../images/special14/shop-bg.png") no-repeat bottom right; background-size: auto; padding:55px 3% 10px; width: 94%; color: #000; font-size: 1.5625rem; text-align: left}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-l{ width: 100%; margin-bottom: 20px; overflow: hidden}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-l img{ float: left; margin-right: 2%; margin-top: 0}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-l p{  float: left; margin-top: 40px}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two{ overflow: hidden; width: 100%; margin-top:20px;}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two .access-car-box-in{  width: 48%; float: left; margin-right: 2%;}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two .access-car-box-in img{ width: 100%; float: none; margin-top: 0}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two .access-car-box-in p{ font-size: 0.75rem; letter-spacing: 0.01em}
.small{ font-size: 0.75rem; display: block}
	
.special .access-infomation .access-box .access-car .drive .drive-box{ width: 49%; margin-right: 2%; overflow: hidden; float: left; height: auto; margin-top: 20px}
.special .access-infomation .access-box .access-car .drive .drive-box img{ margin-top: 0;}
.special .access-infomation .access-box .access-car .drive .drive-box:last-child{ margin-right: 0;}
.special .access-infomation .access-box .access-car .drive .drive-box p{ font-size: 1rem; }

.footer{ width: 100%; padding: 100px 0 0 0; }
	
.special .fix-menu .flower-menu{ padding: 10px 0 10px; background: #7FB7DC; }
.special .fix-menu .flower-menu nav{ color: #fff; width: 100%;}	
.special .fix-menu .flower-menu nav ul{ width: 100%; margin: 0;}
.special .fix-menu .flower-menu nav ul li a{ border: none; border-radius: 0; width:  16.5%;  font-size: 0.875rem; height: 25px; margin-right: 0; border-right: 1px solid #fff; color: #fff; padding: 8px 0 3px}
.special .fix-menu .flower-menu nav ul li a:hover{  font-weight: bold}
.special .fix-menu .flower-menu nav ul li:nth-child(6n) a{ margin-right: 0; border-right:none}
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list{ width: 100%; overflow: hidden; }
.special .fix-menu .flower-menu nav ul li:nth-child(2) a,.special .fix-menu .flower-menu nav ul li:nth-child(3) a{ padding: 8px 0 3px; }

	
.alsok-camera {  width: 90%; margin: 30px auto; padding: 30px 3%}
.alsok-camera .camera-subtxt{ font-size: 1.125rem; border-radius: 30px; padding: 10px 0; text-align: center; color: #fff; margin-bottom: 10px; }
.alsok-camera h2 span{ font-size:1.125rem; display: block;}
.camera{ width: 100%; overflow: hidden;}
.camera img{ width: 48%; margin-bottom: 0; float: left;}
.camera .camera-txt{ width: 48%; float:right}
.camera .camera-txt h4{ font-size: 1.125rem; font-weight: bold; color: #000; text-align: left; margin-bottom: 20px}
.camera .camera-txt ul{ margin-top: 10px;}
.camera .camera-txt ul li{ font-size: 1rem; margin-bottom: 10px; width: 100%; text-align: left}
.camera .camera-txt ul li span{  color: #fff; font-size: 0.75rem; display: block; padding: 5px; margin-right: 10px; text-align: center; width: 16%}
.special .alsok .alsok-camera ul.point-card{ margin-top: 30px; }
.special .alsok .alsok-camera ul.point-card li{ width: 32.5%; float: left; margin-right: 1%; }
.special .alsok .alsok-camera ul.point-card li:last-child{ margin-right: 0;}
.position-light{width: 93.85%; margin: 0 auto; padding-left:5% }
.special .sp-system h1{ font-size: 1.625rem; margin-bottom: 25px; line-height: 120%}
.special .access-infomation .access-box .maintrantxt{ text-align: center; font-size: 0.875rem; letter-spacing: 0.01em; line-height: 190%}
.special .access-infomation .access-box .access-car .drive .drive-box p span{ font-size: 1.5625rem}
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list{ width: 90%; overflow: hidden; margin: 0 auto}
	
.covid-box{ width: 100%; margin: 80px 0;}
.covid-box h4{ font-size: 1.4375rem; margin-bottom: 40px;}
.covid-box .room-at{ width: 100%; overflow: hidden}
.covid-box .room-at li{ width:50%; float: left; height: 235px;}
.covid-box .room-at li img{ width: 100%; height: 111%}
.covid-box .room-at li.blue-bg{ background: #E5EEFA; padding: 10px 2%; width: 46%; color: #707070}
.covid-box .room-at li.blue-bg h5{ font-size: 1rem; margin-bottom: 10px; font-weight:normal}
.covid-box .room-at li.blue-bg p{ font-size: 0.75rem; line-height: 180%}
.covid-contents{ width: 100%}
.covid-contents h1{ width: 50%; margin: 0 auto}
.covid-contents-box-inbox{ width: 100%; overflow: hidden; margin-top: 70px;}
.covid-contents-box-inbox img{ width: 48%; margin-bottom: 20px; float: left;}
.covid-contents-box-inbox .covid-contents-box{ width: 49%; float: right; margin: 0 0 0 2%}
.inbox2 img{ width: 50%; margin-bottom: 20px; float: right;}
.inbox2 .covid-contents-box{ width: 47%; float: left; margin: 0 2% 0 0}
.covid-contents-box-inbox .covid-contents-box h2{ font-weight: bold; font-size: 1.4375rem; margin-bottom: 20px; margin-top: 0}
.covid-contents-box-inbox .covid-contents-box h2.blue-bg22{ font-weight: bold; font-size: 1.4375rem; margin-bottom: 20px}
.covid-contents-box-inbox .covid-contents-box p{ font-size: 0.75rem; line-height: 160%}
.special .landplan .landplan-main img{ display: block; width: 70%}

.special .ecozero .ecozero-pointbox{ margin: 55% auto 0; width: 83.75%; border:1px solid #dfbd6e; border-radius: 5px; padding: 50px 5%; overflow: hidden}
.special .ecozero .ecozero-pointbox h1{ width: 70%; margin: 0 auto 40px}
.special .ecozero .ecozero-pointbox .ecozero-list{ width: 50%; float: left; margin-bottom: 30px; height: 200px}
.special .ecozero .ecozero-pointbox .ecozero-list .ecopoint{ overflow: hidden;}
.special .ecozero .ecozero-pointbox .ecozero-list .ecopoint img{ width: auto; float: left; margin-right: 15px}
.special .ecozero .ecozero-pointbox .ecozero-list .ecopoint span{ width: 70%; float: left; font-size: 1.125rem; font-weight: bold; margin-top: 15px; line-height: 140%}
.special .ecozero .ecozero-pointbox .ecozero-list p{ font-size: 0.875rem; line-height: 130%; text-align: left; margin-top: 10px}

.special .gold-line-in{ width: 100%; }

.special .access-title{ background: url(../images/special9/access-title.jpg) no-repeat top center; background-size: 100% }
.special .info-title{ background: url(../images/special8/property-overview.png) no-repeat top center; background-size: 100%}
.special .detail-title{ background: url(../images/special9/detail-title.png) no-repeat top center; background-size: 100% }

.special main .tab-roomplan .room-contents .roomplan-img{ margin: 0; padding:40px}
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li.is-active{background:#fff; color: #000; padding: 21px 0 ; margin-top: 0; }
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li span{ font-size: 2rem; display: block}
.board-new h1{ border-bottom:none; padding-bottom: 0}
.board-new h2{ font-size: 1rem; }

.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li img{ width: 30%;}
.best-selection{ width: 100%; background: url("../images/special13/best-selection.png")no-repeat left top; background-size: 100%; overflow: hidden}
.best-selection h1{text-align: left; font-size: 1.5625rem; font-weight: normal; margin:10px 0 10px 40%; padding-top: 31px}
.best-selection p{ font-size: 0.875rem; line-height: 160%; padding: 0 3%; margin-top: 20px; width: 60%; float: right}
.hybridform img{ width: 100%; }
.landplanbg{ }
.special .sp-system .system-box .iconbox{ position: relative; height: 130px}
.special .sp-system .system-box img{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);}
.special .sp-system .system-box img{ width: 45%}
.special .sp-system .system-box:nth-child(3) img{ width: 50%}
.special .sp-system .system-box:nth-child(4) img,.special .sp-system .system-box:nth-child(5) img,.special .sp-system .system-box:nth-child(6) img{ width: 60%}
.special .contact-area{ margin: 100px auto; width: 100%; text-align: center; background:url("../images/special15/contact-bg-img.png")no-repeat left top; background-size: 100%; padding: 120px 0 0}
.hybridform{ width: 100%; overflow: hidden}	
.hybridform img{ width: 50%; float: left}


.point-list ul{ width: 100%; overflow: hidden}
.point-list ul li{ width: 23.5%; float: left; margin-right: 2%; margin-bottom: 20px}
.point-list ul li:nth-child(2n){ margin-right: 2%}
.point-list ul li:last-child{ margin-right: 0}
.about .point-list ul li{ width: 19%; float: left; margin-right: 1%; margin-bottom: 0}
.about .point-list ul li:nth-child(2n){ margin-right: 1%}
.special .gold-line-in img{ width: auto; margin: 10px 0  }
	
.soraenext{ width: 100%; background: url("../images/special15/soraene-bg.png") no-repeat top center; background-size: 100%; padding-top: 100px}
.soraenext h1{ width: 50%; margin: 0 auto}
.soraenext h2{ text-align: center; font-size: 1.125rem; margin-top: 20px; }
.soraenext p{ width: 90%; margin: 40px auto; line-height: 180%; font-size: 0.875rem; text-align: center}
.soraenext img{ width: 80%; margin: 20px auto; display: block}
.soraenext .soraene-att{ width: 90%; margin: 20px auto; background:url("../images/special15/green.png") no-repeat 5% center #EFF6FC; padding: 5px; border-radius: 10px}
.soraenext .soraene-att p{ font-size: 0.875rem; margin: 10px 10px 10px 15%; text-align: left; width: auto}
	
.ultrafinebubble{ width: 100%; background:url("../images/special15/ultrafine-bubble-bg.png") no-repeat top center; padding-top: 100px; background-size: 100%; margin-top: 80px}
.ultrafinebubble h2{ font-size: 1.0625rem; color: #699FCE; text-align: center;}
.ultrafinebubble h1{ width: 60%; margin: 10px auto}
.ultrafinebubble h3{ font-size: 1.0625rem; text-align: center; line-height: 140%}
.ultrafinebox{ width: 94%; margin: 40px auto;}
.ultrafinebubble h5.icon-title{ font-size: 1rem; background: url("../images/special15/fine-icon.svg")no-repeat left center; padding-left: 22px; background-size: 16px }
.ultrafinebox p{ font-size: 0.875rem; margin: 5px 0 20px 0; }
.ultrafine{ width: 94%; margin: 10px auto 50px;}
.ultrafine article{ padding: 10px 10px 10px 0; margin-bottom: 10px; width: 98.5%; background: #EBEFF3;}
.ultrafine .ultrabox{ overflow: hidden;}
.ultrafine .ultrabox article{ width: 47.5%; margin-right: 2%; float: left; height: 112px; }
.ultrafine .ultrabox article:nth-child(2n){ margin-right: 0}
.ultrafinebubble .ultrafine article h5{ letter-spacing: 0.01em; font-size: 1.25rem}
.ultrafine article p{ margin-left: 20px; font-size: 0.875rem; color: #699FCE; font-weight: bold}
.ultrafine article p.sstxt{ font-size: 0.75rem; font-weight: normal; color: #000;}

.daigas { width: 94%; margin: 20px auto}
.daigas h1{ width: 218px; text-align: center; margin: 0 auto}
.daigas ul{ width: 90%; overflow: hidden; margin: 20px auto}
.daigas ul li{ width: 50%; float: left}
.daigas h2{ width: 434px; margin: 0 auto}
.daigas p{ font-size: 1rem; line-height: 140%; margin-bottom: 30px; text-align: center}
.daigas .daigasimg{ width: 80%; margin: 30px auto}
.daigas h3{ font-size: 1.25rem; line-height: 160%; margin: 20px 0; text-align: center; font-weight: 500}
.daigas-contents img{ margin-bottom: 20px}
.daigas-contents{ overflow: hidden; width: 100%}
.daigas-contents img{ width: 49%; float: left; margin-right: 2%}
.daigas-contents img:last-child{ margin-right: 0;}
	
.special .access-infomation .access-box .shopping-title{ background: url("../images/special15/shopping-title.png")no-repeat left top; padding-top: 	100px; background-size: 105%; width: 100%; }
.special .access-infomation .access-box .shopping-title h2,.special .access-infomation .access-box .education-title h2{ font-size: 1.125rem;padding-bottom: 50px}
.special .access-infomation .access-box .education-title{ background: url("../images/special15/education-title.png")no-repeat left top; padding-top: 100px; background-size: 105%; width: 100%; }
	
}

/*1024px*/
@media screen and (min-width : 1024px) {

.special main {
    width: 100%;
    margin-top: 0;
	padding-top: 70px
}
.special header .hrg{ width: 1000px; margin:13px auto 15px;  }
.special header .hrg h1{  width: 220px; margin-top: 8px}
.special header .hrg .sp-headmenu{ width:693px; float: right;}
.special header .hrg .sp-headmenu .star{ overflow: hidden; margin-top: 12px; float: left;}
.special header .hrg .sp-headmenu .star li{ background: url(../images/special2/star-icon.jpg) no-repeat left center; padding-left: 20px; margin-right: 20px; float: left; letter-spacing: 0.05em; font-size: 1rem}
.special header .hrg .sp-headmenu .head-btn{ float: left; }
.special header .hrg .sp-headmenu .mgr10{margin-right: 10px}
.special header .hrg .sp-headmenu .star li a{ text-decoration: none;}
.special header .hrg .sp-headmenu .star li a:hover{ color: #000; opacity: 0.6;
  	filter: alpha(opacity=60);
  	-ms-filter: "alpha(opacity=60)"; }
.special main .tab-roomplan .room-contents{ width: 700px; margin: 0 auto; padding: 0 0 30px 0; }
.special main .tab-roomplan .room-contents nav.roomplan-tab{ overflow-x: hidden; }
	
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list{ width: 700px; overflow: hidden; margin: 0 auto}
.special main .tab-roomplan .room-contents .roomplan-tab .roomtab-list li{ float: left; width: 20%; }
	
.panorama .movie-box{ width: 1000px; margin: 50px auto;}
	
.special .specification{ padding: 80px 0 100px; }
.special .specification p{ font-size: 1rem; line-height: 220%; font-weight: bold}
.special .powerboad h1{ max-width: 100%; margin: 20px auto 80px}
	
.special .powerboad{ background: url(../images/special4/item-bg01.jpg) no-repeat center top; background-size:cover; width: 100%; min-height:650px;  }
.special .powerboad h1{ width: 92%; margin: 20px 4% 30px; text-align: left;}
.special .powerboad p{ font-size: 0.875rem; }
.special .powerboad .pwb{ margin: 50px 3%; width: 400px }
.special .powerboad .pwb li{ border-radius: 20px; padding: 10px 0; text-align: center; font-size: 1rem; text-align: center; margin-bottom: 10px; font-weight: bold}	
.special .aquaform{ padding-bottom: 400px;}	
.special .aquaform .aqa h1{width: 833px; margin: 270px 0 20px 167px;}
.special .aquaform .aqa{ width: 1000px; text-align: right; margin: 0 auto}
.special .aquaform .aqa p{ width: 750px; margin: 0 0 0 215px; text-align: left; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
.special .alsok h1{margin: 50px auto 50px; font-size: 2rem; text-align: center; width: 1080px}
.special .alsok h1 img{ margin: 0 auto}
.special .alsok h2{ margin-bottom: 50px }
.special .alsok ul{ overflow: hidden; width: 923px}
.special .alsok ul li{ width: 151px; margin-right: 42px}
.special .alsok ul li:nth-child(2n){ margin-right: 42px}
	
.special .landplan .landplan-main{ text-align: center; width: 900px}
.special .landplan .landplan-main img{ display: block; width: 70%}
.special .landplan .landplan-main p{ text-align: center}
.special .landplan .landplan-main ul{ width: 900px; margin: 0 auto; padding: 0;}
.special .landplan .landplan-main ul li{ width: 440px; margin-right: 20px; margin-bottom: 10px; font-size: 1rem}

.special .local-infomation {}
.special .local-infomation .local-box{ width: 1000px; margin: 0 auto;}
.special .local-infomation .local-box h1{ width: 980px; margin-left:0; font-size:  1.875rem; padding-bottom: 50px;font-weight: bold; line-height: 160%}
.special .local-infomation .local-box p{ margin-left:0; padding-bottom: 135px; font-weight: normal; line-height: 170%;  }
.special .local-infomation .local-box p span{ }
.special .sp-system .system-box-in{ width: 1000px; }	
.special .sp-system .system-box{ width:300px; margin: 0 50px 50px 0;  }
.special .sp-system .system-box img{ margin-bottom: 35px;}
.special .sp-system .system-box .system-title{ margin-bottom: 25px; font-size: 1.1875rem; line-height: 130%}
.special .sp-system .system-box p{  line-height: 180%; font-size: 0.875rem}
.special .sp-system .txt-right{ width: 1000px}
.special .sp-system .system-box-non-mg{ margin-right: 0;}
	
.special .local-pointbox{ width: 1000px; margin-bottom: 50px; overflow: hidden}
.special .grd-grn h1{ width: 994px;  padding: 10px 0 13px;}
.special .grd-grn{ width: 100%;
padding: 0;
margin-bottom: 50px;
background:url("../images/special14/line-bg-border.png") no-repeat center bottom;
background-size: 70%;
}
.special .local-pointbox img{ margin-bottom: 0; width: 530px; float: left;}
.special .local-pointbox .local-info-contents{ width: 447px; line-height: 170%}
.special .local-pointbox .local-info-contents .local-info-sub-contents{ margin-top: 30px; }
.special .local-pointbox .local-info-contents .local-info-sub-contents img{ float: left; width: 213px;}
.special .local-pointbox .local-info-contents .local-info-sub-contents p{ float: right; width: 218px; font-size: 0.75rem}
	

	
.special .access-infomation{width: 900px; margin: 50px auto 0;}
.special .access-infomation .access-main-contents{ width: 450px; float: left}
.special .access-infomation .access-main-contents h1{ font-size: 1.875rem; }
.special .access-infomation .access-main-contents p{ font-size: 1rem;}
.special .access-infomation img{ width: 510px; float: right; margin-top: 0}
.special .access-main-point{ width: 1000px; margin: 50px 0 0 0;}
.special .access-main-point li{ margin-bottom: 20px; margin-right: 20px; width: 490px; float: left}
	
.special .access-limg-point{ width: 100%; margin-top: 50px}
.special .access-limg-point li{ width: 286px;  margin-right: 20px; height: 276px}
.special .access-limg-point li:nth-child(2n){  margin-right: 20px}
.special .access-limg-point li:nth-child(3n){  margin-right: 0}
.special .access-infomation .access-box .access-car .access-limg-point li img{ margin-top: 0}
.special .access-infomation .access-box .access-car .access-simg-point li img{ margin-top: 0}
	
.special .access-simg-point li{ width: 211px; margin-right: 18px; height: 240px}
.special .access-simg-point li:nth-child(2n){  margin-right: 18px}
.special .access-simg-point li:nth-child(3n){  margin-right: 18px}
.special .access-simg-point li:nth-child(4n){  margin-right: 0}

.special .googlemap-illust{ margin: 30px auto 100px; width: 900px}	

.special .detail-box-sp{ margin-bottom: 50px}
.special .table-infomation{width: 1000px; }
.special .fix-menu{	background: #fff; bottom: 0;}
.special .fix-menu .flower-menu{padding: 0}
.special .fix-menu .flower-menu nav ul{ border-left:1px dashed #fff;  border-right:1px dashed #fff;  padding: 5px 0}
.special .fix-menu .flower-menu nav ul li a{ border: none; border-radius: 0; width: 16.5%;  font-size: 1rem; height: 25px; margin-right: 0; padding: 8px 0 3px; border-right:1px dashed #fff}
.special .fix-menu .flower-menu nav ul li a:hover{  font-weight: bold; background: none;}
.special .fix-menu .flower-menu nav ul li:nth-child(6n) a{ margin-right: 0; border-right:none}	

	
.special .fix-menu .flower-menu nav{ color: #5D3E0A; width: 100%;}	
.special .fix-menu .flower-menu nav ul{ width: 1000px; margin: 15px auto}
.special .fix-menu .flower-menu nav ul li a{ display: block; width:  165px;  float: left; text-decoration: none; text-align: center; font-size: 1rem; height: 25px; }
.special .fix-menu .flower-menu nav ul li:nth-child(2) a,.special .fix-menu .flower-menu nav ul li:nth-child(3) a{ padding: 8px 0 3px; }
.special .fix-menu .contact-list-btn nav ul{ width: 980px}

/* @group 門真市 */

.special header .none-mg{ margin:0 auto 0;  }
.special header .none-mg h1{ margin-top: 20px}
.special header .hrg .sp-headmenu-kadoma{ width:688px; }
.special header .hrg .sp-headmenu .none-icon{ overflow: hidden; margin-top: 23px; float: left;}
.special header .hrg .sp-headmenu .none-icon li{  padding-left: 0; padding-right: 18px; margin-right: 18px; float: left; letter-spacing: 0.05em; font-size: 1rem; border-right:1px solid #ccc; }
.special header .hrg .sp-headmenu .none-icon li:last-child{ border-right: none}
.special header .hrg .sp-headmenu .head-btn{ float: left; }
.special header .hrg .sp-headmenu .mgr10{margin-right: 10px}
.special header .hrg .sp-headmenu .none-icon li a{ text-decoration: none;}
.special header .hrg .sp-headmenu .none-icon li a:hover{ color: #000; opacity: 0.6;
  	filter: alpha(opacity=60);
  	-ms-filter: "alpha(opacity=60)"; }
#spslider{ margin: 50px auto 100px;  }
	
.special .alsok{ padding: 80px 0 60px }
.special .alsok ul.two-list{ width:815px; margin: 40px auto 10px;}
.special .alsok ul.two-list-2{ width:344px; margin: 10px auto 40px;}
.special .alsok ul.two-list li{ width: 150px; margin-right: 16px}
.special .alsok ul.two-list li:nth-child(5n){ margin-right: 0;}
.special .alsok ul.two-list-2 li{ width: 150px;}
.special .alsok ul.two-list-2 li:nth-child(2n){ margin-right: 0;}
	
	
.special .access-infomation .access-box h3{ font-size:1.5625rem; font-weight: bold; margin-bottom: 10px  }
.special .access-infomation .access-box h2{ font-size: 2.5rem; margin: 10px 0; font-weight: bold}
.special .access-infomation .access-box p{ line-height: 180%}
.special .access-infomation .access-box .access-car .access-car-in{ width: 535px; }
.special .access-infomation .access-box .access-car h2.redbg img{ width: auto; float: none; margin-top: 0;}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-l{ width: 100%; margin-bottom: 20px}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-l img{ width: 252px; float: left; margin-right: 15px; margin-top: 0}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-l p{  float: left; margin-top: 77px; font-size: 1.25rem; line-height: 120%}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two{ overflow: hidden; width: 100%; margin-top:20px;}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two .access-car-box-in{  width: 252px; float: left; margin-right: 18px;}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two .access-car-box-in:nth-child(2n){ margin-right: 0;}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two .access-car-box-in img{ width: 100%; float: none;}
.special .access-infomation .access-box .access-car .access-car-in .access-car-box-two .access-car-box-in p{ font-size: 1rem; letter-spacing: 0.04em; line-height: 120%}
.small{ font-size: 0.875rem; display: block}
.special .access-infomation .access-box .access-car img{ float: right; width: 365px; margin-top: 100px}
.special .access-infomation .access-box .access-car .drive .drive-box{ overflow: hidden; float: left;}
.special .access-infomation .access-box .access-car .drive .drive-box img{width: 100%; margin-bottom: 20px}
.special .access-infomation .access-box .access-car .drive .drive-box:last-child{ margin-right: 0;}
.special .access-infomation .access-box .access-car .drive .drive-box p{  margin-top: 0; letter-spacing: 0.04em; line-height: 140%; }
.special .access-infomation .access-box .access-car .other-title img { margin-top: 0; width: 100%; float: none}

	
.footer{ padding: 0;}	
#spslider{ width: 80%; }

.special .alsok .alsok-bg{ width: 940px; margin: 0 auto; padding: 30px 30px}
.alsok-camera { width: 940px; margin: 30px auto; padding: 30px 0}
.alsok-camera .camera-subtxt{ width: auto;}
.alsok-camera h2 span{ font-size:1.5625rem; display: block;}
.camera{ width: 100%; overflow: hidden;}
.camera img{ width: 40%; margin-bottom: 0; float: left; margin-right: 3%}
.camera .camera-txt{ width: 48%; float:left; }
.camera .camera-txt h4{ font-size: 1.4375rem; font-weight: bold; color: #000; text-align: left; margin-bottom: 10px}
.camera .camera-txt ul{ margin-top: 30px; width: 100%}
.camera .camera-txt ul li{ color: #000; font-size: 1.125rem; margin-bottom:0px; width: 100%; text-align: left; letter-spacing: 0.01em; }
.camera .camera-txt ul li span{ font-size: 0.75rem; display: block; padding: 5px; margin-right: 10px; text-align: center; width: 80px; float: left; margin-bottom: 20px}
.special .alsok .alsok-camera ul.point-card{ margin-top: 30px; width: 940px; overflow: hidden}
.special .alsok .alsok-camera ul.point-card li{ width: 32.5%; float: left; margin-right: 1%; }
.special .alsok .alsok-camera ul.point-card li:last-child{ margin-right: 0;}
.position-light{width: 1000px; margin: 0 auto; padding-left:100px }
.special .access-infomation .access-box .access-car .drive .drive-box p span{margin-top: 0; font-size: 1.875rem}
.wf-notosansjapanese { font-family: "Noto Sans JP"; }

.special .access-infomation .access-box .maintrantxt{ text-align: center; letter-spacing: 0.01em; margin-bottom: 90px}
.special .landplan .landplan-main h1{ font-size:  2.5rem; }
.sumai{ width: 100%; background:url(../images/special7/sumai-bg.jpg) no-repeat left top; background-size: cover; padding: 50px 0}
.sumai div{ width: 1279px; margin: 0 auto}
.special .landplan .landplan-main h2.land-title-01{ font-size:1.5625rem; padding: 5px 30px; font-size: 1.35rem; margin:50px auto 40px;}
.special .sp-system p{ width: 100%; margin: 0; padding: 0; font-size: 1.125rem }	
.special .sp-system .system-box-in .system-box p{ width: 100%;}
.special .local-infomation p span{ font-size: 1.5625rem; display: block; margin-bottom: 10px}

.special main .tab-roomplan{  padding: 60px 0; width: 100%}

.covid-box{ width: 100%; margin: 100px 0;}
.covid-box h4{ font-size: 1.875rem; margin-bottom: 60px;}
.covid-box .room-at{ width: 100%; overflow: hidden}
.covid-box .room-at li{ width:50%; float: left; height: 230px;}
.covid-box .room-at li img{ width: 100%; height: auto}
.covid-box .room-at li.blue-bg{ background: #E5EEFA; padding:19px 3%; width: 44%; color: #707070}
.covid-box .room-at li.blue-bg h5{ font-size: 1.4375rem; margin-bottom: 10px; font-weight:normal; line-height: 130%}
.covid-box .room-at li.blue-bg p{ font-size: 0.875rem; line-height: 140%}
.special .sp-system p.title-bg-bar{ background:#F0B749; padding: 10px 5px;  border-radius: 5px; width: 980px; margin: 0 auto 60px}
.special main .tab-roomplan .room-contents .roomplan-img{ margin: 0; padding:25px}
.covid-contents{ width: 960px;}
.covid-contents h1{ width: 370px; margin: 0 auto}
.covid-contents p.blue-title{ margin-top: 100px;}
.covid-contents-box-inbox .covid-contents-box{ width: 490px; float: right; margin: 0}
.inbox2 .covid-contents-box{ width: 433px; float: left; margin: 0 3%}
h2.head-border{ width: 200px; margin-top: 100px; font-size: 1.875rem; font-weight: bold; margin:50px auto 30px;}
.special .ecozero .ecozero-pointbox{ margin: 55% auto 0; width: 900px; border:1px solid #dfbd6e; border-radius: 10px; padding: 50px; overflow: hidden}
.special .ecozero .ecozero-pointbox h1{ width: 669px; margin: 0 auto 40px}
.special .ecozero .ecozero-pointbox .ecozero-list{ width: 50%; float: left; margin-bottom: 30px}
.special .ecozero .ecozero-pointbox .ecozero-list .ecopoint{ overflow: hidden;}
.special .ecozero .ecozero-pointbox .ecozero-list .ecopoint img{ width: auto; float: left; margin-right: 15px}
.special .ecozero .ecozero-pointbox .ecozero-list .ecopoint span{ width: 70%; float: left; font-size: 1.125rem; font-weight: bold; margin-top: 15px; line-height: 140%}
.special .ecozero .ecozero-pointbox .ecozero-list p{ font-weight: normal; line-height: 180%}

.special .gold-line-in{ margin: 30px auto 60px;  }
.special .gold-line-in h1{ }
.special .local-infomation .covid-contents-box-inbox{ width: 1000px; margin: 100px auto 50px}
.special .local-infomation .covid-contents-box-inbox dl.gold-line-list{}
.covid-contents-box-inbox .covid-contents-box p{ font-size: 0.875rem; line-height: 154%}
.board-new h1{ font-size: 1.75rem}
.special .local-infomation h1 span{ margin-bottom: 14px; }
.footer-illust{ width: 100%; background: #D6CBB4; padding: 20px 0}
.footer-illust-in{ width: 100%; background: url("../images/special12/footer-illust.png") repeat-x top; padding: 50px 0}
	
.sky{ width: 100%; margin: 0; background: url("../images/special13/sky-balcony-mainimg.png")no-repeat left top; background-size: 100%; padding: 50px 0; overflow: hidden; padding-bottom: 500px}
.sky .sky-detail{ width:50%; background: none; background-size: cover; padding: 30px 3%; margin-top: 3%; float: right; }
.sky .sky-detail h1{ font-size: 1.375rem}
.sky .sky-detail h2{ font-size: 1rem; position: relative; display: inline-block; padding: 10px 0 10px 30px;}
.sky .sky-detail p{ font-size: 0.75rem; line-height: 160%; margin-top: 10px; letter-spacing: 0.01em}
.sky img{ width: 100%;}
.sky-balcony{ width: 100%; margin-bottom: 30px; background: url("../images/special13/sky-balcony-pc.jpg")no-repeat left center; background-size: 100%; padding: 90px 0}
.sky-balcony h1{  font-size: 2.25rem; font-weight: bold; margin: 30px 3% 10px; line-height: 120%; margin-top: 30px;}
.sky-balcony h1 span{ font-size: 1.5625rem; display: block}
.sky-balcony h2{  font-weight: bold; font-size: 3.75rem; margin: 0 3%}
.sky-balcony h2 span{ font-size: 3rem; display: block}
.sky-balcony p{ padding: 10px 3%; font-size: 0.75rem; line-height: 180%; margin-top: 30px; width: 400px}
.best-selection{ width: 100%; background: url("../images/special13/best-selection.png")no-repeat left top; background-size: 100%; overflow: hidden; padding-bottom: 4%; }
.best-selection h1{text-align: left; font-size: 2rem; font-weight: normal; margin:34px 0 10px 40%; padding-top: 3.3%}
.best-selection p{ font-size: 0.875rem; line-height: 160%; padding: 0 3%; margin-top: 30px; width: 60%; float: right}
.special .contact-area{ padding: 200px 0 0}
.special .contact-area .contact-btn{ margin: 40px auto; width: 60%;}
.point-list{ width: 100%; padding: 30px 0}
.point-list ul{ width: 1000px; overflow: hidden; margin: 0 auto}
.about .point-list ul{ width: 90%}
	
.special .landplan .landplan-main ul.landplanlist { width: 974px; margin: 0 auto; }
.special .landplan .landplan-main ul.landplanlist li{ width: 278px; float: left; margin-right:  70px; }
.special .landplan .landplan-main ul.landplanlist li:nth-child(2n){ margin-right: 70px}
.house-taishin{ width: 900px; margin: 40px auto;}
	
.soraenext{ width: 100%; background: url("../images/special15/soraene-bg.png") no-repeat top center; background-size: 100%; padding-top: 180px}
.soraenext h1{ width: 403px; margin: 0 auto}
.soraenext h1 img{ width: auto}
.soraenext h2{ text-align: center; font-size: 1.25rem; margin-top: 20px; }
.soraenext p{ width: 90%; margin: 40px auto; line-height: 180%; font-size: 0.875rem; text-align: center}
.soraenext img{ width: 65%; margin: 20px auto; display: block}
.soraenext .soraene-att{ width: 900px; margin: 20px auto; background:url("../images/special15/green.png") no-repeat 20px center #EFF6FC; padding: 5px; border-radius: 10px}
.soraenext .soraene-att p{ font-size: 0.875rem; margin: 10px 10px 10px 85px; text-align: left; width: auto}

.ultrafinebubble{ width: 100%; background:url("../images/special15/ultrafine-bubble-bg.png") no-repeat top center; padding-top: 200px; background-size: 100%}
.ultrafinebubble h2{ font-size: 1.25rem; color: #699FCE; text-align: center;}
.ultrafinebubble h1{ width: 730px; margin: 10px auto}
.ultrafinebubble h3{ font-size: 1.25rem; text-align: center; line-height: 140%}
.ultrafinebox{ width: 900px; margin: 40px auto;}
.ultrafinebubble h5.icon-title{ font-size: 1.25rem; background: url("../images/special15/fine-icon.svg")no-repeat left center; padding-left: 22px; background-size: 16px }
.ultrafine{ width: 900px; margin: 10px auto 50px;}
.ultrafine .ultrabox article{ width: 430px; margin-right: 20px; float: left; height: 130px; margin-bottom: 20px}
.ultrafine .ultrabox article:nth-child(2n){ margin-right: 0}
.ultrafine article p{ margin-left: 20px; font-size: 1rem; color: #699FCE; font-weight: bold; margin-bottom: 10px}
.ultrafine article{ padding: 10px 10px 10px 0; margin-bottom: 10px; width: 890px; background: #EBEFF3;}

.daigas { width: 900px; margin: 20px auto}
.daigas h1{ width: 218px; text-align: center; margin: 0 auto}
.daigas ul{ width: 90%; overflow: hidden; margin: 20px auto}
.daigas ul li{ width: 50%; float: left}
.daigas h2{ width: 434px; margin: 0 auto}
.daigas p{ font-size: 1rem; line-height: 140%; margin-bottom: 30px; text-align: center}
.daigas .daigasimg{ width: 80%; margin: 30px auto}
.daigas h3{ font-size: 1.25rem; line-height: 160%; margin: 20px 0; text-align: center; font-weight: 500}
.daigas-contents img{ margin-bottom: 20px}
.daigas-contents{ overflow: hidden; width: 100%}
.daigas-contents img{ width: 49%; float: left; margin-right: 2%}
.daigas-contents img:last-child{ margin-right: 0;}
	
.special .access-infomation .access-box .shopping-title{ background: url("../images/special15/shopping-title.png")no-repeat left top; padding-top: 	150px; background-size: 105%; width: 100%; }
.special .access-infomation .access-box .shopping-title h2,.special .access-infomation .access-box .education-title h2{ font-size: 1.375rem; line-height: 140%; padding-bottom: 50px}
.special .access-infomation .access-box .education-title{ padding-top: 150px; background-size: 100%; width: 100%; }
.lixil{ width: 900px; }	
	
}
@media screen and (min-width : 1100px) {
	.special .gold-line-in h1{ padding: 20px 0 8px; font-size: 2.375rem; line-height: 120%; background-size: contain}
}

@media screen and (min-width : 1300px) {
.sky{ padding-bottom: 600px}
.sky .sky-detail{ width:50%; background: none; background-size: cover; padding: 30px 3%; margin-top: 7%; float: right; }
}