@charset "utf-8";


.mark_form_box ul.shozai_list li{min-height: 50px;margin-bottom: 0px}

.tabsp_pd{padding: 15px}
.tab_pd{padding: 15px}
.top_img2 {
    background-image: url(../../hiroba/images/top/top_img.jpg);
    background-size: cover;
	background-position: center top -1.5vw;
    height: 22vw;
    text-align: center;
}

/*事例*/

.corp_title{position: relative;margin-top: 30px}

.jirei_title{font-size: 24px;text-align: center;color: #489B96;margin: 40px 0 40px;padding: 0}

.jirei_box2{padding: 0 15px}

.voice_body{padding:0 15px 40px}
.voice_name_s{font-size: 1.7vw;margin-top: 9vw}
.voice_name{font-size: 3.3vw;margin: 0 0 10px;padding: 0;line-height: 1.3em}
.voice_name span{font-size: 70%}

.voice_copy{font-size: 2.7vw;line-height: 1.3em;color: #489B96}

.voice_head_l{float: left;width: 29%;position: relative;margin-left: 1%}
.voice_head_r{float: right;width: 67%}

img.voice_img{width: 70%;margin: 20% 0 0 30%}

.voice_head_l img.voice_title{position: absolute;top:20px;left: 0;width: 50%}


#jirei h4{font-size: 17px;color: #489B96;line-height: 1.5em;text-align: left;margin: 20px 0 15px;font-weight: normal}



.st-Auto2Col p{font-size: 14px;padding:0 }

p.txt_nomal{font-size: 14px;padding:0px }




.interbeau  .interbeau_box p.name{font-size: 2.5vw;margin-bottom: 20px}
.interbeau  .interbeau_box p.name span{font-size: 70%}

.interbeau  .interbeau_box p{text-align: left;line-height: 1.5em;font-size: 1.5vw}



#jirei h3{color:#489B96;font-size:3vw;border-bottom: solid 1px #489B96;display: block;margin-bottom: 15px;margin: 20px 15px 10px}

#jirei dt {font-size: 1.4vw;
	    float: left ;
	    clear: left ;
	    margin-right: 0. ;
	    max-width: 120px ;line-height: 1.5em;
	margin-bottom: 10px;
	width: 35%
}

#jirei dd {font-size: 1.4vw;
	    float: right;

	max-width: 350px;line-height: 1.5em;width: 60%
}

.jirei_copy{font-size: 2.5vw;color: #595757;margin-top: 5px;padding:0 10px}


#jirei h2{font-size: 2.2vw;margin: 0;padding: 0 10px;color: #489B96;border: none}
.mark2{width: 130px;padding-right: 10px;margin-top: 10px}
.keisai{font-size: 1.3vw;margin-right: 10px}

h1.title_jirei{width: 368px;float: left;margin-top: 5px;padding-left: 10px
}

.jirei_head{  box-shadow: 0px 0px 4px gray;background-color: #fff;
height: 90px;}

p.pk_title {
    font-size: 1.4vw !important;
    color: #ee2a81;
    padding-bottom: 10px;
    text-align: left;
    font-weight: bold;
}

.box_pk{background-color: #fff; padding: 10px;text-align: left;float: right;width: 65%}

.box_pk p{font-size: 1.5vw}

#e-tab2{margin:0px;}
#e-tab2 li{float: left;
	text-align: center;
width: 20%;
height: 139px;
line-height: 1.35em; border: 1px solid #489B96;box-sizing: border-box;border-right: none;}
#e-tab2 li:nth-child(5){border-right: 1px solid #489B96 }
#e-tab2 li:last-of-type{margin: 0;}
#e-tab2 li a{text-decoration: none; display: block; text-align: center;font-size: 1.6vw; color: #000;font-weight: normal;height: 100%;line-height: 1.3em}
#e-tab2 li a:hover{background-color: #E3FFF4}
#e-tab2 li img{text-align: center;margin-bottom: 5px;margin-top: 10px; margin-right: 0px;}




#e-ta3{margin:0px;}
#e-tab3 li{float: left;
	text-align: center;
width: 16.66666%;
height: 139px;
line-height: 1.35em; border: 1px solid #489B96;box-sizing: border-box;border-right: none;}
#e-tab3 li:nth-child(6){border-right: 1px solid #489B96 }
#e-tab3 li:last-of-type{margin: 0;}
#e-tab3 li a{text-decoration: none; display: block; text-align: center;font-size: 1.6vw; color: #000;font-weight: normal;height: 100%;}
#e-tab3 li a:hover{background-color: #E3FFF4}
#e-tab3 li img{text-align: center;margin-bottom: 10px;margin-top: 10px; margin-right: 0px;}




p.top_txt3 {color: #fff;line-height:1em }


@media screen and (max-width: 1099px) {.f16{font-size: 1.1vw;}.f18 {font-size:1.7vw;line-height: 1.6em} .f18_1{font-size: 14px} a.bt_gbk_3{font-size: 12px}
}

.list_corp ul{padding:10px 20px}
.list_corp p{padding: 0 20px}

.box_lpd2{padding: 15px;margin-bottom: 60px}

.box_rpd{padding: 15px}
.box_lpd{padding: 15px}
.topicpath {padding:0 10px;margin:10px 0 0}

h1{margin: auto;padding-top: 20px;color: #489B5E;font-size: 20px;line-height: 1.6em;
margin-bottom: 10px}

h1 span{color: #FF8424;font-size: 70%;background-color: #FFF5C1;padding:5px 10px;border-radius: 10px;        /* CSS3草案 */
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;   /* Firefox用 */}


h2{border-top: solid 1px #489B96;color: #595757;font-size: 30px;font-weight: normal;
display: inline-block;
padding: 5px 20px}

.title_txt{line-height: 1.3em;margin: 0 0 5px;padding: 0px 10px}


.top_img {background-image: url(../images/top_img.jpg);
background-size: cover;
height: 16vw;text-align: center}

.title_bar{background-image:url(../images/border_title.jpg);padding: 0 0px;background-position: bottom;background-repeat: repeat-x;margin: 0 15px
}

h3 {font-size: 22px;height: 100%;
	font-weight: normal;line-height: 1.3em;display: inline-block;
	border-bottom:solid 5px #489B96;color: #489B96;
	padding-bottom: 5px
	}


/* gmenu  of
========================================== */




.gn li a span {font-size: 1.2vw}

.gn li.gn01 {
    width: 20%;
}

.gn li.gn02 {
    width: 20%;
}

.gn li.gn03 {
    width: 20%;
}

.gn li.gn04 {
    width: 20%;
}

.gn li.gn05 {
    width: 20%;
}

.gn li .gn06 {}

.gn li .gn07 {}

.gn li .gn08 {}


/* gmenu  on
========================================== */

.nav_pull li ul {

    width: 100%;
    top: 40px;
    left: 0px;
    list-style: none;
    position: absolute;

}

.nav_pull li ul li a {

    background-color:

#fff;

width: 100%;

transition: 0.2s;

font-size: 1.2vw;

padding: 17px 0px 0;

border-bottom: 1px solid

    #888;

}

.gn li .linktop {	opacity: 1;transition: all 0.3s linear;
padding-bottom: 18px;
}


.gn li.on {
    border-bottom: solid 3px #489b5e;
    height: 52px
}

.gn li p {}

.gn li.gn01 p {}

.gn li a {
    display: block;
}

.gn li img {
    width: initial;
}




/* ==================
トップ
======================== */



/* gmenu
========================================== */

.gnw {
    height: auto;
    border-bottom: solid 1px #e0e0e0;
}

.gn {
    width: 100%;
}

.gn ul {}

.gn li {
   	width: 19.845%;
	float: left;
	height: 35px;
	position: relative;
	text-align: center;
	padding: 5px 0 3px;
	margin:auto;
display:inline;
	list-style-type:none;
	border-left:1px solid #999;}

.gn li a {
    line-height: 1.3em;
    display: block;
    padding: 5px 0 0;
    text-decoration: none;
    color:
    #000;
    font-size: 10px;
    height: 30px;
}

.gn li:nth-child(2) {
    padding: 0px;
    height: 43px;
}

.gn li a.kouhyou {
    line-height: 1.3em;
    display: block;
    padding: 5px 0 0px;
    text-decoration: none;
    color:
    #000;
    font-size: 10px;
    height: 35px;
}

.gn li:nth-child(5n) {
    margin-right: 0;
    padding-bottom: 3px
}

.gmenu_new {
    position: absolute;
    left: 1px;
    top: 1px;
    width: initial;
}

.gn li .link {	opacity: 1;transition: all 0.3s linear;
height: 28px
}


.bt_inner {
    width: 100%;
    margin: 20px auto;
    text-align: center
}


/* メイン
========================================== */











/* manual
========================================== */

.pcOnly {
    display: none;
}

.spOnly {
    display: none
}

.main_box {


max-width: 1100px;
	margin: auto;

}

#fader .spOnly {
    display: none
}

.tabOnly {
    display: inline-block
}

.pctabOnly {
    display: block
}

#fader .pctabOnly {
    display: block
}

.tabspOnly {
    display: block;
}

.sp_pd {
    padding: 0 10px
}

.eng2 {
    font-family: 'Times New Roman', "Hiragino Mincho Pro", "MS PMincho", serif;
    border-top: 1px solid;
    padding: 15px 50px 0;
    margin: 10px 0 0;
}

body {}

img {
    /* width: 100%; */
}

p {
    font-size: 14px;line-height: 1.6em
}


/* header
========================================== */

.hdw {
    /* padding: 10px 0 10px; */
}

.hdw h1 {
    width: 48%;
    margin-top: 0px;
    float: right
}



.hdw .logo {
    width: 43%;
    margin-right: 10px;
    margin-top: 0px;
}

.hdw .logo img {
    width: 100%;
}

.hdw .hdnav {
    /* width: 62%; */
    max-width: 700px
}

.hdw .hdnav li {
    margin-left: 1px;
}

.hdw .hdnav li.req,
.hdw .hdnav li.res {
    /* width: 45%; */
}

.hdw .hdnav li.out {}

.bt_bland {
    display: none
}

.hdw_sp {
    display: none;
}




.point_top_copy p {
    color: #fff;
    padding: 20px 0 0;
    font-size: 28px
}

.point_top {
    background-color: #064738;
    text-align: center;
    width: 100%;
    /*	max-width: 1300px;*/
    margin: 0 auto
}

.point_line {
    border: 2px solid #fff;
    width: 25%;
    display: inline-block;
    float: left
}

.point_line_l {
    border: 2px solid #fff;
    width: 25%;
    display: inline-block;
    float: left
}

.point_line_r {
    border: 2px solid #fff;
    width: 35%;
    display: inline-block;
    float: left
}

.point_line p {
    font-family: "Sawarabi Mincho", "Hiragino Mincho Pro", "MS PMincho", "Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ 明朝", serif;
    font-size: 14px;
    padding: 15px 10px;
}

.point_line_l p {
    font-family: "Sawarabi Mincho", "Hiragino Mincho Pro", "MS PMincho", "Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ 明朝", serif;
    font-size: 14px;
    padding: 15px 10px;
}

.point_line_r p {
    font-family: "Sawarabi Mincho", "Hiragino Mincho Pro", "MS PMincho", "Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ 明朝", serif;
    font-size: 14px;
    padding: 15px 10px;
}

.point_closs {
    float: left;
}

.cen_ma {
    margin: 0 5px
}

.point_closs p {
    color: #fff;
    display: inline-block;
    padding: 5px 30px;
    font-size: 45px
}

.info_box {
    background-color: rgba(147, 210, 179, 0.50);
    padding: 30px 0
}

.info_title {
    background-image: url(../../images/top/infobar.png);
    background-repeat: repeat-x;
    background-position: center;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    max-width: 1300px
}

.info_title p {
    font-family: "Sawarabi Mincho", "Hiragino Mincho Pro", "MS PMincho", "Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ 明朝", serif;
    font-size: 20px;
}

.info_txt {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    max-width: 1300px;
    padding: 20px 0 10px
}

.info_txt p {
    font-family: "Sawarabi Mincho", "Hiragino Mincho Pro", "MS PMincho", "Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ 明朝", serif;
    font-size: 25px;
}

.mainw {
    width: 100%;
    height: auto;
}

.mainw .main {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

.mainw .main img {
    width: 100%;
}

.mainw .main .kiseki {
    margin-top: 58px;
    width: 510px;
}

.mainw .main .txt_main {
    position: absolute;
    left: 1%;
    top: 134px;
    z-index: 100;
}

.mainw .main .mansion {
    position: relative;
    z-index: 200;
    width: 55%;
    margin: 89px auto 0;
}

.mainw .main .mansion img {
    width: 100%;
}

.mainw .main .min3 {
    position: absolute;
    right: 1%;
    top: 276px;
    z-index: 300;
    width: 260px;
}

.mainw .main .min3 img {
    width: 100%;
}


/* トップ　特徴
========================================== */

.pointw {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 500;
    height: 64px;
}


/* ***************
 ポイント背景のグラデ
 *************************************** */

.pointw {
    /* 背景グラデーションの作成 */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2));
    background-size: 300% 100%;
    animation: AnimationName 10s ease infinite;
}

@keyframes AnimationName {
    0% {
        background-position: 100% 0%
    }
    50% {
        background-position: -50% 0%
    }
    100% {
        background-position: -50% 0%
    }
}

.point ul:nth-child(1) {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0px 0 0px;
    position: relative;
}

.point ul:nth-child(1) li {
    float: left;
    width: 33.3333%;
    text-align: center;
}

.point ul:nth-child(2) {
    width: 69%;
    max-width: 1300px;
    margin: 0px auto 0;
    padding: 0px 0 0px;
    position: relative;
    top: -56px;
}

.point ul:nth-child(2) li {
    float: left;
    width: 50%;
    text-align: center;
}

.point li img {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}


/* インフォ
========================================== */

.top .infow {
    width: 100%;
    margin-top: 25px;
}

.infow {
    width: 100%;
    margin-top: 30px;
}

.info {
    width: 98%;
    margin: 0 auto;
    margin-bottom: 35px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 40px 0;
}

.info .ttl_info {
    margin-bottom: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 1px;
    position: relative;
}

.info .ttl_info::after {
    content: "";
    position: absolute;
    top: 18px;
    left: 28%;
    width: 43%;
    border-bottom: solid 1px #ffffff;
}

.action {
    text-align: center;
    color: #ffffff;
    font-size: 35px;
    letter-spacing: 9px;
}

.action span {
    font-size: 28px;
}


/* 来場予約カレンダー
========================================== */

.calendar {
    width: 100%;
}


/* フッター
========================================== */

.fbtn {
    width: 100%;
    margin: 0px auto;
    padding: 30px 0;
}

.fbtn ul {}

.fbtn li {
    width: 315px;
}

.fbtn li.res {
    float: left;
}

.fbtn li.req {
    /* float: right; */
}

.fbtn li a {}

.fbtn li:hover {
    box-shadow: 0px 0px 10px 5px #ffffff;
    transition: all 0.3s linear;
}

.fbnr {
    width: 72%;
    margin: 0 auto;
}

.fbnr img {
    width: 100%;
}

.fbnr .left {
    float: left;
}

.fbnr .right {
    float: right;
}

.fnavw {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.fnavw ul {}

.fnavw ul li {
    font-size: 11px;
    float: left;
    width: 14.2%;
}

.fnavw ul li a {
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 15px 0;
    font-size: 10px;
}

.fnavw ul li a:hover {
    background-color: #004a95;
}

footer {
    width: 100%;
    padding: 20px 0 0;
}

footer .footer_logo {
    width: 100%;

}

footer .footer_logo img {
    width: 230px
}

footer .telw {
    width: 94%;
    max-width: 900px;
    margin: 0 auto 30px;
    padding: 10px 2%;
}

footer .telw .contact {
    float: left;
    /* margin-top: 10px; */
    width: 48%;
}

footer .telw .contact p {
    font-size: 15px;
}

footer .telw .tel {
    width: 100%;
    margin: 0 auto;
}

footer .tel {
    float: right;
}

footer .tel .teltime {
    float: left;
    margin-top: 5px
}

footer .tel .telnum {
    margin-right: 10px;
    text-align: left;
    margin-bottom: 5px;
    font-style: italic;
    width: 330px;
    margin-top: 10px
}

footer .tel .telnum a {
    font-size: 45px;
    text-decoration: none;
    text-align: right;
    line-height: 1;
    color: #000000;
}

footer .tel .telnum img {
    margin-right: 10px;
    width: 50px;
    vertical-align: bottom
}

footer .tel .eigyo {
    font-size: 12px;
    line-height: 16px;
    text-align: right;
}

footer .flogow {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}

footer .flogo {}

footer .flogo li {
    text-align: center;
}

.copy {
    font-size: 11px;
    color: #202020;
    text-align: center;
    padding: 10px 0;
}

.page_top {
    bottom: 341px;
}

.page_top img{width: 60px}


/* ボタン回り線が走る
 *************************************** */


/* 擬似要素の共通スタイル */

.change-border01::after,
.change-border01::before,
.change-border01__inner::after,
.change-border01__inner::before {
    background-color: #00d09c;
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


/* 左上へ配置 */

.change-border01::after {
    height: 5px;
    left: -5px;
    top: -5px;
    width: 0px;
}


/* 右下へ配置 */

.change-border01::before {
    bottom: -5px;
    height: 5px;
    right: -5px;
    width: 0px;
}


/* 左下へ配置 */

.change-border01__inner::after {
    bottom: -5px;
    height: 0px;
    left: -5px;
    width: 5px;
}


/* 右下へ配置 */

.change-border01__inner::before {
    height: 0px;
    right: -5px;
    top: -5px;
    width: 5px;
}


/* hover */

.change-border01:hover::after,
.change-border01:hover::before {
    width: 100%;
    width: calc(100% + 5px);
}

.change-border01:hover .change-border01__inner::after,
.change-border01:hover .change-border01__inner::before {
    height: 100%;
    height: calc(100% + 5px);
}


/****
下層ページ共通のテンプレート
*******************************************/

.conw {
    min-width: 100%;
    background-position: center 72px;
}

.top .conw {
    background-position: center 8px;
}

.con {}

.block {
    max-width: 1300px;
    width: 98%;
    margin: 0 auto;
}

.panw {
    background-color: #fff;
    ;
}

.pan {}

.pan a {
    color: #000;
}

.titw {}

.tit {
    padding: 55px 0;
}

.tit p {
    font-size: 47px;
}

.tit h2 {
    color: #ffffff;
    font-size: 20px;
}

.txt {
    font-size: 13px;
    line-height: 26px;
}

.chushaku2 {
    font-size: 12px;
    color: #333 line-height: 26px;
}

.chu {
    font-size: 12px;
    color: #000;
    font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
    text-align: left;
}


/****
下層ページ個別スタイル
*******************************************/


/****
コンセプト用
*******************************************/

.concept .con {
    background-color: #ffffff;
    max-width: 1200px;
    padding-bottom: 0;
}

.concept .ttl {
    font-size: 23px;
    margin-bottom: 15px;
}

.concept .txt {
    font-size: 14px;
    line-height: 30px;
}

.concept .chu {
    font-size: 11px;
}

.concept .sec01 {
    margin-bottom: 50px;
}

.concept .sec01 img {
    width: 100%;
}

.concept .sec02 {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.concept .sec02 .left {
    width: 49%;
    float: left;
    padding-top: 0;
}

.concept .sec02 .right {
    float: right;
    width: 48%;
}

.concept .sec02 .right img {
    width: 100%;
}

.concept .ekibg {
    background-image: url(../../images/concept/img09.jpg);
    padding: 50px 0px 50px;
    margin-bottom: 0;
}

.concept .sec03 {
    width: 93%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.concept .sec03 .ttl {
    color: #ffffff;
    text-align: center;
    font-size: 50px;
    letter-spacing: 11px;
    margin-bottom: 40px;
}

.concept .sec03 .ttl span {
    font-size: 92px;
    color: red;
}

.concept .sec03 .left {
    float: left;
    width: 45%;
}

.concept .sec03 .left img {
    width: 100%;
}

.concept .sec03 .right {
    float: right;
    width: 51%;
    color: #ffffff;
}

.concept .sec03 .right .txt {
    margin-bottom: 20px;
    font-size: 18px;
}

.concept .sec04 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: center;
}

.concept .sec04 img {
    width: 90%;
}

.concept .sec05bg {
    background-color: #5c7f98;
    margin-bottom: 0;
    padding: 10px 3% 40px;
}

.concept .sec05bg .ex {
    color: #ffffff;
    font-size: 26px;
    letter-spacing: 2px;
    text-align: left;
    padding: 11px 0;
}

.concept .sec05 {
    width: 1120px;
    border: 3px double #b6c3d0;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 2.5%;
}

.concept .sec05 h3 {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 25px;
}

.concept .sec05 h3 img {
    width: 36%;
}

.concept .sec05 .left {
    width: 67%;
    float: left;
    color: #ffffff;
}

.concept .sec05 .left .ttl {
    font-size: 23px;
}

.concept .sec05 .right {
    float: right;
}

.concept .sec06 {
    margin-bottom: 50px;
}

.concept .sec06 img {
    width: 100%
}

.concept .sec06 .right {
    width: 53%;
    float: right;
    padding-right: 2.5%;
}

.concept .sec06 .left {
    float: left;
    width: 40%;
}

.concept .sec06 .left img {
    width: 100%;
}

.concept .sec06 .right .txt {
    margin-bottom: 19px;
}

.concept .sec06 .right .img {
    text-align: center;
    background-color: #eeeeee;
}

.concept .sec07 {
    width: 95%;
    margin: 0 auto;
}

.concept .sec07 .chu {
    color: #ffffff;
}


/****
デザイン
*******************************************/

.design .con {
    max-width: 1200px;
}

.design .ttl {
    font-size: 30px;
    margin-bottom: 15px;
}

.design .txt {
    font-size: 14px;
    line-height: 32px;
}

.design .chu {
    color: #333333;
    font-size: 11px;
}

.design .sec01 {
    text-align: center;
    margin-bottom: 80px;
}

.design .mainttl {
    font-size: 65px;
    letter-spacing: 17px;
}

.design .sec01 .ttl {
    font-size: 40px;
    letter-spacing: 5px;
}

.design .sec02 {
    margin-bottom: 30px;
}

.design .sec02 img {
    width: 100%;
}

.design .sec03 img {
    width: 100%;
}

.design .ent {
    background-image: url(../../images/design/ent.jpg);
    padding: 40px 3%;
    margin-bottom: 60px;
}

.design .sec04 {
    color: #ffffff;
    text-align: center;
    margin-bottom: 30px;
}

.design .sec04 .ttl {
    font-size: 40px;
    letter-spacing: 5px;
}

.design .sec05 {
    background-color: rgba(12, 12, 12, 0.6);
}

.design .sec05 p img {
    width: 100%;
}

.design .sec05 p.img {
    padding-bottom: 30px;
}

.design .sec05 .wrap {
    padding: 0 2% 25px;
}

.design .sec05 .left {
    width: 30%;
    float: left;
}

.design .sec05 .left img {
    width: 100%;
}

.design .sec05 .right {
    float: right;
    width: 67%;
    color: #ffffff;
}

.design .sec05 .right .ttl {
    font-size: 25px;
}

.design .sec06 {
    width: 92%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 2%;
    background-color: #ffffff;
}

.design .sec06 .ttl,
.design .sec06 .txt {
    text-align: center;
}

.design .sec06 .ttl {
    letter-spacing: 1px;
    font-size: 26px;
    margin-bottom: 10px;
}

.design .sec06 .txt {
    margin-bottom: 25px;
    font-size: 16px;
}

.design .sec06 ul {
    margin-bottom: 5px;
}

.design .sec06 ul li {
    width: 24.6%;
    float: left;
    margin-right: 0.5%;
}

.design .sec06 ul li:last-child {
    margin-right: 0;
}

.design .sec06 ul li img {
    width: 100%;
}

.design .sec06 .chu {}

.design .sec07 {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.design .sec07 .ttl {
    font-size: 60px;
    text-align: center;
    letter-spacing: 6px;
    margin-bottom: 20px;
}

.design .sec07 .txt {
    text-align: center;
    font-size: 16px;
}

.design .sec07 .left {
    float: none;
    text-align: center;
}

.design .sec07 .right {
    padding-top: 58px;
}

.design .sec07 .right img {
    margin-bottom: 25px;
}

.design .sec08 {
    width: 95%;
    margin: 0 auto;
}

.design .sec08 .ttl {
    border-bottom: 1px solid #333333;
    padding-bottom: 5px;
}

.design .sec08 .txt {
    margin-bottom: 25px;
}

.design .sec08 ul li {
    float: left;
    margin-right: 3.5%;
    margin-bottom: 40px;
}

.design .sec08 ul li:nth-child(3) {
    margin-right: 3.5%;
}

.design .sec08 ul li:nth-child(6) {
    margin-right: 0;
}

.design .sec09 {
    width: 95%;
    margin: 0 auto;
}

.design .shokusai {
    background-image: url(../../images/design/shokusai.jpg);
    background-position: top center;
    background-size: cover;
    padding: 40px 0;
    margin-bottom: 30px;
}


/****
アクセス
*******************************************/

.access .con {
    max-width: 1200px;
}

.access .catch {
    font-size: 40px;
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: 3px;
}

.access .catch02 {
    font-size: 28px;
    text-align: center;
}

.access .catch02 span {
    color: #c10000;
}

.access .txt {
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

.access .sec01 {
    margin-bottom: 40px;
    text-align: center;
    padding-top: 0px;
}

.access .sec02 {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
    width: 80%;
}

.access .sec02 img {
    width: 100%;
}

.access .sec03 {
    text-align: center;
    width: 86%;
    margin: 0 auto;
    margin-bottom: 40px;
}

.access .sec03 img {
    width: 100%;
}

.access .sec03 .catch02 {
    margin-bottom: 20px;
}

.access .sec04 {
    background: url(../../images/access/metrobg.png) top center no-repeat;
    padding: 35px 0;
    margin-bottom: 40px;
}

.access .sec04 .wrap {
    width: 89%;
    margin: 0 auto;
}

.access .sec04 .catch02 {
    margin: 0 auto;
    margin-bottom: 15px;
    text-align: left;
}

.access .sec04 .left .txt {
    width: 100%;
    text-align: left;
    float: left;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 15px;
}

.access .sec04 .right {
    float: right;
    width: 100%;
}

.access .sec04 .right .catch03 {
    font-size: 24px;
    text-align: center;
    width: auto;
    margin: 0 auto;
    margin-bottom: 25px;
}

.access .sec04 .right img {
    width: 100%;
}

.access .sec04 .right .catch02 {
    font-size: 16px;
    text-align: left;
}

.access .sec05 ul li {
    float: left;
    width: 33.33%;
    text-align: center;
    position: relative;
    padding: 0;
}

.access .sec05 ul li img {
    width: 100%;
}

.access .sec07 ul li:nth-child(3n) {
    margin-right: 0;
}

.access .sec07 ul li:nth-child(n+4) {
    height: 130px;
    min-height: 130px;
}

.access .sec05 ul li .time {
    position: absolute;
    z-index: 100;
    text-align: center;
    font-size: 26px;
    color: #ffffff;
    width: 100%;
    padding: 0;
    top: 25%;
    text-shadow: 1px 1px 3px #000000;
    font-family: 'Times New Roman', "Hiragino Mincho Pro", "MS PMincho", serif;
}

.access .sec05 ul li .time span {
    font-size: 50px;
    line-height: 1;
}

.access ul li h5 {
    font-size: 19px;
    font-weight: normal;
    color: #333333;
}

.access ul li h5 span {
    font-size: 37px;
    color: #bf0000;
}

.access ul li h6 {
    font-size: 18px;
    font-weight: normal;
    color: #00174c;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: solid 1px #adadad;
}

.access .sec05 {
    width: 100%;
}

.access .sec05 .chu {
    width: auto;
    color: #333333;
    text-align: right;
    padding: 5px;
}

.access .sec06 {
    text-align: center;
    margin-bottom: 50px;
}

.access .sec06 .catch02 {
    margin-bottom: 30px;
}

.access .sec07 {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.access .sec07 ul li {
    float: left;
    width: 31%;
    height: 128px;
    margin-right: 3%;
    text-align: left;
    position: relative;
    padding: 0;
    margin-bottom: 30px;
    text-align: center;
}

.access .sec07 ul li p {
    font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.access .sec07 .ttl {
    background-color: #1a3d7d;
    color: #ffffff;
    text-align: center;
    padding: 15px 0;
    font-size: 25px;
    margin-bottom: 25px;
}

.access .sec08 {
    width: 89%;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 3px double #333333;
    padding: 2%;
}

.access .sec08 img {
    width: 100%;
}

.access .sec08 .catch02 {
    margin-bottom: 15px;
}

.access .sec08 .txt {
    margin-bottom: 30px;
}

.access .sec08 .left {
    float: left;
    margin-right: 4%;
    width: 22%;
}

.access .sec08 .right {
    width: 73%;
    float: right;
    padding-top: 10px;
}

.access .chu {
    color: #333333;
    width: 100%;
    margin: 0 auto;
}


/****
ロケーション
*******************************************/

.location .con {}

.location .sec01 {
    color: #ffffff;
    text-align: center;
    margin: 0 auto 80px;
    width: 95%
}

.location .sec01 .catch {
    font-size: 28px;
    margin-bottom: 20px;
}

.location .sec01 .txt {
    font-size: 14px;
    line-height: 33px;
}

.location .sec02 {
    background-image: url(../../images/location/hanabi.jpg);
    background-color: #000000;
    background-size: contain;
    background-repeat: no-repeat;
    color: #ffffff;
    margin-bottom: 60px;
}

.location .sec02 .wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 70px 0;
}

.location .sec02 .catch.hanabi {
    font-size: 27px;
    text-align: center;
    padding-bottom: 60px;
}

.location .sec02 .left {
    float: left;
    width: 40%;
    padding-top: 0;
    padding-left: 2%;
}

.location .sec02 .left .catch {
    font-size: 22px;
    margin-bottom: 15px;
}

.location .sec02 .left .txt {
    font-size: 14px;
    line-height: 25px;
}

.location .sec02 .right {
    float: right;
    width: 55%;
}

.location .sec02 img {
    width: 100%;
}

.location .sec03 {
    width: 94%;
    margin: 0 auto;
    color: #ffffff;
    margin-bottom: 50px;
}

.location .sec03 .left img,
.location .sec03 .right img {
    width: 100%;
    margin-bottom: 10px;
}

.location .sec03 .left {
    width: 48%;
    float: left;
}

.location .sec03 .right {
    width: 48%;
    float: right;
}

.location .sec03 .catch {
    font-size: 28px;
    margin-bottom: 50px;
    text-align: center;
}

.location .sec03 .locname {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.location .sec03 .locname span {
    font-size: 14px;
    font-weight: normal;
}

.location .sec03 .txt {
    line-height: 22px;
}

.location .sec04 {
    max-width: 94%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.location .sec04 img {
    width: 100%
}

.location .sec04 .left {
    float: left;
}

.location .sec04 .right img {
    width: 50%;
    float: left;
}

.location .sec05 {
    max-width: 100%;
    height: 490px;
    margin: 0 auto;
    background-color: #ffffff;
    border: 13px Solid #a4b76b;
    box-sizing: border-box;
    position: relative;
}

.location .sec05 .park {
    width: 10%;
    float: left;
}

.location .sec05 .park img {
    width: 100%;
}

.location .sec05 .left {
    position: absolute;
    top: 4%;
    left: 12%;
}

.location .sec05 .left img {
    width: 80%;
}

.location .sec05 .right {
    float: right;
    padding: 5%;
    width: 42%;
}

.location .sec05 .right img {
    width: 100%;
}

.location .shopping {
    background-color: #ffffff;
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 0 30px;
    margin-bottom: 20px;
}

.location .shopping .wrap {
    width: 93%;
    margin: 0 auto;
}

.location .shopping .sec06 {
    text-align: center;
    margin-bottom: 50px;
}

.location .shopping .sec06 .catch {
    font-size: 28px;
    margin-bottom: 10px;
}

.location .sec06 .txt {
    font-size: 16px;
}

.location .sec07 {
    margin-bottom: 10px;
}

.location .sec07 .left {
    width: 60%;
    float: left;
}

.location .sec07 .right {
    float: right;
    width: 38%;
}

.location .sec07 .right img {
    width: 100%;
    margin-bottom: 10px;
}

.location .shopping .catch {
    font-size: 18px;
    margin-bottom: 15px;
}

.location .shopping .catch span {
    font-size: 26px;
}

.location .sec07 .txt {
    margin-bottom: 20px;
    line-height: 25px;
}

.location .locname {
    font-family: "Sawarabi Mincho", "Hiragino Mincho Pro", "MS PMincho", "Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ 明朝", serif;
    font-weight: bold;
}

.location .locname span {
    font-weight: normal;
}

.location .shopping .locname {
    font-size: 16px;
    margin-bottom: 5px;
    color: #4aaebb;
}

.location .shopping .locname span {
    font-size: 14px;
    color: #333333;
}

.location .sec08 ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.location .sec08 ul li:last-child {
    margin-right: 0;
}

.location .sec08 ul li img {
    width: 100%;
    margin-bottom: 5px;
}

.location .sec08 {
    margin-bottom: 50px;
}

.location .sec09 {
    text-align: center;
    margin-bottom: 30px;
}

.location .sec10 .left,
.location .sec10 .right {
    width: 49%;
}

.location .sec10 .left img,
.location .sec10 .right img {
    width: 100%;
    margin-bottom: 5px;
}

.location .sec10 .left {
    float: left;
}

.location .sec10 .right {
    float: right;
}

.location .sec10 {
    margin-bottom: 30px;
}

.location .sec11 ul li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
}

.location .sec11 ul li img {
    width: 100%;
    margin-bottom: 5px;
}

.location .sec11 ul li:last-child {
    margin-right: 0;
}

.location .sec11 {
    margin-bottom: 70px;
}

.location .sec12 {
    text-align: center;
    margin-bottom: 20px;
}

.location .sec12 img {
    width: 100%;
}

.location .sec12 .catch {
    font-size: 30px;
}

.location .lifeinfo {
    margin-bottom: 10px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.location .lifeinfo .ttl_life {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: "Hiragino Mincho Pro", "MS PMincho", serif;
    border-bottom: 1px dotted #cec8b8;
    background-color: #4aaebb;
    padding: 1% 2%;
    padding-bottom: 5px;
    font-weight: bold;
}

.location .lifeinfo .left {
    float: left;
    width: 47%;
}

.location .lifeinfo .right {
    float: right;
    width: 50%;
}

.location .lifeinfo .left div,
.location .lifeinfo .right div {
    border-bottom: dotted 1px #c1c1c1;
    margin-bottom: 5px;
    color: #ffffff;
}

.location .lifeinfo .name {
    width: 58%;
    float: left;
    text-align: left;
    padding-bottom: 4px;
    margin-bottom: 0px;
    line-height: 20px;
    font-size: 12px;
    color: #333333;
}

.location .lifeinfo .dist {
    width: 41%;
    float: left;
    text-align: right;
    font-size: 12px;
    color: #333333;
}

.location .chu {
    max-width: 96%;
    margin: 0 auto;
}

.location .lifeinfo .cl02,
.location .lifeinfo .cl03,
.location .lifeinfo .cl05,
.location .lifeinfo .cl06 {
    margin-top: 15px;
}


/****
プラン用
*******************************************/


/****
ルームプラン
*******************************************/

.plan {}

.plan .con {
    width: 100%;
    margin: 0 auto;
}

.plan .con .catch {
    color: #ffffff;
    text-align: center;
    font-size: 35px;
    margin-bottom: 35px;
    letter-spacing: 3px;
}

.plan .con .catch span {
    font-size: 38px;
}

.plan .con ul li {
    width: 47%;
    margin-right: 4%;
    float: left;
    margin-bottom: 30px
}

.plan .con ul li:nth-child(even) {
    margin-right: 0;
}

.plan .planbox {
    width: 100%;
    border: 1px solid #749fc5;
    height: auto;
    padding-top: 0px;
    margin-bottom: 30px;
    text-align: center;
    box-shadow: 3px 3px 4px 0px rgba(51, 51, 51, 0.15);
    color: #333333;
    text-decoration: none;
    position: relative;
}

.plan .planbox:hover {
    box-shadow: 3px 3px 4px 0px rgba(51, 51, 51, 0.15);
    color: #1D008F;
    text-decoration: none;
}

.plan a .planbox:last-child {
    margin-right: 0;
}

.plan .planbox img.btn_pay {
    position: absolute;
    top: 0px;
    right: 0px;
}

.plan .planttl {
    text-align: left;
    width: 97%;
    margin: 0 auto;
    margin-top: 5px;
    padding: 0 1%;
}

.plan .planttl .left {
    float: left;
    width: 34%;
    margin-right: 2%;
}

.plan .planttl .right {
    float: left;
    padding-top: 4px;
}

.plan .planttl .number {
    margin-right: 3%;
    text-align: center;
    color: #ffffff;
    font-size: 46px;
    line-height: 60px;
    padding: 0px 0px 0px;
    border: 1px solid #ffffff;
}

.plan .planttl .number span {
    font-size: 26px;
    margin-left: 0px;
}

.plan .planttl .type {
    float: left;
    margin-right: 0px;
    font-size: 23px;
    color: #ffffff;
    line-height: 32px;
}

.plan .planttl .type span {
    font-size: 20px;
}

.plan .planfig {
    text-align: center;
    height: 260px;
    padding: 25px 0;
}

.plan .oth_area {
    text-align: center;
    width: auto;
    margin-top: 5px;
    color: #ffffff;
    padding-top: 5px;
}

.plan .oth_area span {
    font-size: 24px;
}

.plan .oth_area p {
    color: #fff4d1;
    font-size: 18px;
}

.plan .oth_area p span {
    font-size: 24px;
}

.plan .planfig img {
    /* width: 291px; */
    height: 250px;
}

.plan .arrow {
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    padding: 11px 0;
    border: 1px solid #52647e;
    margin: 0.5%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
}

.plan .madoribg {
    background-color: #ffffff;
    margin: 2px;
}


/****
プラン詳細
*******************************************/

.detail {}

.detail .conw {
    min-width: 800px;
}

.detail .con {
    padding-bottom: 0;
}

.detail .tit {
    padding: 30px 0;
}

.detail .planw {
    width: 97%;
    padding: 0 0 20px;
    margin: 0 auto 30px;
}

.detail .planttl {
    text-align: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0px;
    box-sizing: border-box;
}

.detail .catch {
    width: 95%;
    margin: 0 auto;
}

.detail .catch ul li {
    float: left;
    border: 1px solid #a3a3a3;
    width: 46.5%;
    margin-right: 1%;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 1% 5px;
    color: #073c1e;
    background-color: #EEFEF8;
    height: 46px;
    line-height: 1.2em
}

.detail .catch ul li:nth-child(even) {
    margin-right: 0;
}

.detail .planttl .typew {
    width: 60%;
    float: left;
}

.detail .planttl .number {
    float: left;
    width: 120px;
    margin-right: 10px;
    text-align: center;
    color: #ffffff;
    border: 1px solid;
    font-size: 55px;
    line-height: 60px;
    padding: 10px 0px 0px 0px;
}

.detail .planttl .number span {
    font-size: 28px;
    margin-left: -20px;
}

.detail .planttl .type {
    float: left;
    margin-right: 0px;
    margin-top: 20px;
    font-size: 31px;
    color: #ffffff;
}

.detail .planttl .type span {
    font-size: 20px;
}

.detail .planttl .opt {
    margin-top: 10px;
    color: #ffffff;
    font-size: 18px;
    width: 580px;
    float: left;
}

.detail .oth_area {
    text-align: left;
    width: 40%;
    float: right;
    margin-top: 5px;
    color: #ffffff;
}

.detail .oth_area span {
    font-size: 26px;
}

.detail .oth_area p {
    color: #fff4d1;
    font-size: 18px;
}

.detail .oth_area p span {
    font-size: 24px;
}

.detail .planfig {
    text-align: center;
    height: auto;
    padding: 20px 0;
    float: none;
}

.detail .planfig img {}

.detail .detail_txt {
    width: 280px;
    float: right;
    margin-right: 30px;
    margin-top: 40px;
}

.detail .detail_txt ul {
    width: 220px;
    margin: 0 auto;
}

.detail .detail_txt ul li {
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    float: left;
    margin-right: 20px;
    list-style-type: square;
    height: 100%;
}

.detail .hanrei {
    border: solid 1px #cccccc;
    width: 94%;
    margin: 10px auto 0;
    margin-bottom: 20px;
    padding: 10px;
    text-align: left;
}

.detail .hanrei img {
    vertical-align: middle;
}

.planpay {
    width: 90%;
    margin: 10px auto 0;
    padding: 10px 3%;
    border: solid 1px #16006E;
    background-color: #FFFFF8;
}

.detail .mainarea {
    padding-top: 25px;
}


/****
現地案内図
*******************************************/

.map .hdw .hdnav li.out,
.detail .hdw .hdnav li.out {
    display: none;
}

.map .hdw .hdnav li.map,
.detail .hdw .hdnav li.map,
.detail .hdw .hdnav li.entry,
.detail .hdw .hdnav li.entry_sp,
.detail .hdw .hdnav li.bt_bland {
    /* display: none; */
}

.map .fnavw,
.detail .fnavw {
    /* display: none; */
}

.map .mapimg {
    text-align: center;
    margin-bottom: 30px;
}

.map .carnavi {
    background-color: #000000;
    color: #ffffff;
    margin-bottom: 60px;
    padding: 7px;
    font-size: 21px;
    text-align: center;
    line-height: 34px;
    letter-spacing: 2px;
}

.map .carnavi span {
    font-size: 36px;
    font-weight: bold;
}

.map .carnavi small {
    font-size: 16px;
}

.pribtnw {
    width: 300px;
    margin: 0 auto;
}

.pribtnw .pri {
    float: left;
}

.pribtnw .clo {
    float: right;
}


/****
物件概要
*******************************************/

.outline .con {
    max-width: 1300px;
    background-color: #ffffff;
}

.outline .ttl_out {
    font-size: 16px;
    margin-bottom: 10px;
    color: #ffffff;
}

.outline .sec01 {}

.outline .notice {
    margin-bottom: 20px;
    /* padding-top: 30px; */
}

.outline .notice .kokuchi {
    font-size: 16px;
}

.outline .notice .txt {
    font-size: 14px;
}

.outline h3 {
    font-size: 16px;
    /* color: #ffffff; */
    margin-bottom: 10px;
    font-family: "Hiragino Mincho Pro", "MS PMincho", "Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ 明朝", serif;
}

.outline table {}

.outline table th,
.outline table td {}

.outline table th {}

.outline table td {}

.table_outline.chu {
    color: #333333;
}


/****
設備仕様
*******************************************/

.quality {}

.quality .con {
    width: 96%;
    max-width: 1300px;
    padding: 0px 0 40px;
}

.quanav {
    max-width: 1150px;
    margin: 50px auto 50px;
}

.quanav li {
    float: left;
    width: 23%;
    margin-right: 2%;
}

.quanav li:last-child {
    margin-right: 0;
}

.quanav li a {
    text-align: center;
    display: block;
    /* font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif; */
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo";
    color: #000000;
    text-decoration: none;
    padding: 13px 0;
    border: solid 1px #fdf9f6;
    background: url(../../images/equipment/bg_equ_title.jpg);
}

.equipment .quanav li:nth-child(1) a,
.ecology .quanav li:nth-child(2) a,
.structure .quanav li:nth-child(3) a,
.planning .quanav li:nth-child(4) a {
    border: solid 1px #d1e1a3;
    color: #d1e1a3;
    background: none;
}

.quality .qua_box {}

.quality .qua_box li {
    margin-bottom: 30px;
}

.quality .qua_box figure {
    margin: 0 0 10px 0;
}

.quality .qua_box figure img {
    width: 100%;
}

.quality .qua_box h4 {
    color: #ffffff;
    /* font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif; */
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo";
    font-size: 16px;
    margin-bottom: 5px;
}

.quality .qua_box p.txt {
    color: #ffffff;
    /* font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif; */
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo";
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.quality .qua_box span {
    color: #ffffff;
    font-size: 11px;
    line-height: 1.2;
    padding-top: 7px;
    display: inline-block;
    font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.quality h2 {
    font-family: 'Times New Roman', "Hiragino Mincho Pro", "MS PMincho", serif;
    padding: 10px 0 10px 20px;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 45px;
    letter-spacing: 7px;
    text-align: center;
}

.quality .setsumei {
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    margin-bottom: 40px;
}

.quality h3 {
    /* font-family: "Hiragino Mincho Pro","MS PMincho","Times New Roman", Times, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝B","ＭＳ 明朝",serif; */
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo";
    /* padding: 10px 0 10px 20px; */
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 0px;
}


/****
モデルルーム
*******************************************/

.modelroom {}

.modelroom .con {
    width: 98%;
    margin: auto;
}


/*============================
_print
============================*/

@media print {
    .detail .hdw_sp,
    .detail .hdw,
    .detail .titimg,
    .detail .fbtn,
    .detail .pribtnw,
    .detail .fnavw,
    .detail .ftw {
        display: none !important;
    }
    .map .con {
        padding: 0;
    }
    .map .carnavi {
        margin: 0;
    }
    .map .hdw_sp,
    .map .hdw,
    .map .titw,
    .map .panw,
    .map .fbtn,
    .map .pribtnw,
    .map .fnavw,
    .map .ftw,
    .map .copy,
    .map .page_top {
        display: none !important;
    }
}


/*============================
_print
============================*/

@media print {
    .detail .hdw_sp,
    .detail .hdw,
    .detail .titimg,
    .detail .fbtn,
    .detail .pribtnw,
    .detail .fnavw,
    .detail .ftw {
        display: none !important;
    }
}

figure.snip1200 {
    font-family: 'Raleway', Arial, sans-serif;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    max-width: 33.333333%;
    height: 100%;
    width: 100%;
    background: #000000;
    color: #ffffff;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    font-size: 14px;
}

figure.snip1200 h2 {
    display: table;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: auto;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    font-size: 20px
}

.equipment .sec01 .sec01_2 li,
.equipment .sec02 .sec01_2 li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 20px;
    height: 350px
}

.structure .sec01 .sec01_2 li,
.structure .sec02 .sec01_2 li {
    float: left;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 20px;
    height: 100%
}