@charset "utf-8";

.pcOnly {
    display: block !important;
}

.spOnly {
    display: none !important;
}


@media screen and (max-width: 640px) {
    #browsebar-wrapper {
        height: 0;
        overflow: hidden;
    }

    .pcOnly {
        display: none !important;
    }

    .spOnly {
        display: block !important;
    }

}
.spOnly_400 {
    display: none !important;
}
@media screen and (max-width: 400px) {
	.spOnly_400 {
		display: block !important;
	}
}

.modal-video{background-color:rgba(0,0,0,0.8)!important;}
.modal-video-close-btn{position:absolute;z-index:2;top:-35px!important;right:10px!important;}


/* anchor ----------------------- */
.anchor {
	margin-top: -40px!important;
	padding-top: 40px!important;
	}

/* ex_clearfix
-----------------------------------------*/ 
.ex_clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/* ex_margin
-----------------------------------------*/ 
#sections .ex_marginB0{
 margin-bottom:0px!important;
}
#sections .ex_marginBS{
 margin-bottom:10px!important;
}
#sections .ex_marginBM{
 margin-bottom:20px!important;
}
#sections .ex_marginT0{
 margin-top:0px!important;
}
#sections .ex_marginTSS{
 margin-top:5px!important;
}
#sections .ex_marginTS{
 margin-top:10px!important;
}
#sections .ex_marginTM{
 margin-top:20px!important;
}
#sections .ex_marginTL{
 margin-top:30px!important;
}
#sections .ex_marginTLL{
 margin-top:60px!important;
}
#sections .ex_marginTLLL{
	margin-top:80px!important;
   }
/* mod_wide_section
-----------------------------------------*/ 
.mod_wide_section{
  margin: 0 auto;
  width: 1200px;
  line-height: 1.6;
  font-size: 1.13em;
}

.mod_wide_section img {
	max-width: 100%;
	height: auto;
}
	
@media screen and (max-width: 1024px) { 
  .mod_wide_section{
    width:1024px;
  }
}

@media screen and (max-width: 640px) {
  .mod_wide_section{
    width:auto;
  }
}

/* mod_section
-----------------------------------------*/ 
.mod_section{
  margin: 0 auto;
  width: 967px;
  line-height: 1.6;
  font-size: 1.13em;
}

.mod_section img {
	max-width: 100%;
	height: auto;
	}

@media screen and (max-width: 640px) {
  .mod_section{
    width:auto;
  }
.section-inner {
	width: auto;
	margin: 0 2.60416%;
	}
}

.mod_section a{
    text-decoration: none;
    color: #000;
}

.mod_section .font-sizeup {
	font-size: 1.14em;
	}
.mod_section .font-sizeup-l {
	font-size: 1.5em;
	}
.mod_section .font-sizedown {
	font-size: .78em;
	}
.mod_section strong {
	font-weight: bold;
	}
.mod_section .text-center {
	text-align: center;
	}
.mod_section .text-center_pc {
		text-align: center;
	}
.mod_section .text-right {
	text-align: right;
	}
.mod_section .text-indent-1 {
	text-indent: -1em;
	padding-left: 1em;
	}
.mod_section .text-indent-2 {
	text-indent: -2em;
	padding-left: 2em;
	}
.mod_section .text-indent-2-5 {
	text-indent: -2.5em;
	padding-left: 2.5em;
	}
.mod_section .text-indent-3 {
	text-indent: -3em;
	padding-left: 3em;
	}


.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.mod_section .text-center_pc {
		text-align: left;
	}
}






/* ------------------------

ハウジングソリューションズフェア
来場ご予約について

------------------------ */

.bg_c_yellow {
	background: #f9eec9;

	padding: 30px 0 70px;
}
.ttl_list_fair {
	font-size: 32px;
	font-weight: bold;
	margin: 50px 0 30px;
	text-align: center;
}
.ttl_list_fair.no_bottom {
	margin: 30px 0 -30px;
}
.ttl_list_fair img {
	width: 40px;
	vertical-align: middle;
	margin-right: 10px;
}
.list_fair {
	display: flex;
	flex-flow: row wrap;
	font-size: 17px;
	justify-content: space-between;
}

.list_fair li {
	background: #fff;
	border: #ccc solid 1px;
	box-sizing: border-box;
	box-shadow: 2px 2px 3px #ddd;
	color: #fff;
	margin-bottom: 30px;
	text-align: center;
	width: 470px;
}
.list_fair li.no_link {
	background: #fff;
	border: #ccc solid 1px;
	box-shadow: 2px 2px 3px #ddd;
	color: #222;
	padding: 0 5px 30px 5px;
	position: relative;
}
.list_fair li.gray {
	background: #a9a9a9;
	box-shadow: none;
	color: #fff;
}
.list_fair li a {
	color: #222;
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
	transition-duration: 0.3s;
	width: 100%;
}
.list_fair li a:hover {
	color: #888;
	transition-duration: 0.3s;
}
.list_fair li a:after {
  content: '';
  width: 60px;
  height: 10px;
  border-bottom: solid 1px;
  border-right: solid 1px;
  transform: skew(45deg);
  position: absolute;
  bottom: 20px;
  right: 20px;
  transition-duration: 0.3s;
}
.list_fair li a:hover:after {
	right: -10px;
	transition-duration: 0.3s;
}
.list_fair li.white_back {
	background: #fff;
	border: #ccc solid 1px;
	box-sizing: border-box;
	box-shadow: 2px 2px 3px #ddd;
	color: #222;
	display: block;
	position: relative;
	text-decoration: none;
	transition-duration: 0.3s;
}
.list_fair li .inner_box {
	display: block;
	padding: 30px 5px;
	position: relative;
}
.list_fair li a .inner_box,
.list_fair li.white_back .inner_box {
	padding: 30px 5px 60px;
}

.list_fair_place {
	font-size: 24px;
	font-weight: bold;
}
.list_fair_period {
	margin: 30px auto 20px;
	width: 430px;
}
.list_fair_period dt {
	float:left;
	clear:left;
	margin-bottom: 10px;
	text-align: right;
	width: 6em;
}
.list_fair_period dt:after {
	content: '：';
}
.list_fair_period dd {
	margin-bottom: 10px;
	padding-left: 6em;
	text-align: left;
}
.reception {
	bottom: 30px;
	font-size: 15px;
	left: 50%;
	position: absolute;
	transform : translateX(-50%);
	width: 100%;
}
.reception span {
	background: #ffde66;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 20px;
}
.no_link .reception span { 
	background: #999!important;
	color: #fff;
	font-weight: normal;
}

.comming_soon {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	padding: 110px 0;
	font-size: 24px;
	font-weight: bold;
	box-sizing: border-box;
	color: #f19700;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.ttl_list_fair {
	margin: 0 0 30px;
	font-size: 6vw;
	}
	.list_fair {
		display: block;
		margin: auto;
		width: 90%;
	}
	.list_fair li {
		width: 100%;
	}
	.list_fair li a:after {
		width: 50px;
	}
	.list_fair_place {
		font-size: 20px;
	}
	.list_fair_period {
		width: 100%;
	}
	.list_fair li a .inner_box,
	.list_fair li.white_back .inner_box {
		padding: 30px 5px 80px;
	}
	.list_fair li.no_link .inner_box {
		padding: 30px 5px 50px;
	}
	.reception {
		bottom: 50px;
	}

	
}
/* 予約ボタン　2つ並べ*/
.btn_reserve_wrap {
	bottom: 30px;
	display: flex;
	
	left: 50%;
	justify-content: center;
	position: absolute;
	transform : translateX(-50%);
}
.btn_reserve_wrap .btn_reserve_visitor,
.btn_reserve_wrap .btn_reserve_seminar {
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	width: 16em;
}
.btn_reserve_wrap .btn_reserve_visitor {
	margin-right: 20px;
}
.btn_reserve_wrap .btn_reserve_visitor a,
.btn_reserve_wrap .btn_reserve_seminar a {
	background: #e2ec6f;
	display: block;
	padding: 12px 0 0;
}
.btn_reserve_wrap .btn_reserve_seminar a {
	background: #9fe269;
}
.btn_reserve_wrap .btn_reserve_visitor a:after,
.btn_reserve_wrap .btn_reserve_seminar a:after {
	border-bottom: none;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	content: "";
	display: inline-block;
	height: 8px;
	margin: 0 5px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: rotate(45deg) translateY(-60%);
	width: 8px;
	transition-duration: 0.3s;
}
.btn_reserve_wrap .btn_reserve_visitor a:hover:after,
.btn_reserve_wrap .btn_reserve_seminar a:hover:after {
	right: 3px;
	opacity: .5;
	transition-duration: 0.3s;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.btn_reserve_wrap {
		bottom: 10px;
		display: block;
	}
	.btn_reserve_wrap .btn_reserve_visitor,
	.btn_reserve_wrap .btn_reserve_seminar {
		width: 16em;
	}
	.btn_reserve_wrap .btn_reserve_visitor {
		margin: 0 0 10px;
	}
	.btn_reserve_wrap .btn_reserve_visitor a,
	.btn_reserve_wrap .btn_reserve_seminar a {
		padding: 5px 0 5px;
	}

}

/* ------------------------

ハウジングソリューションズフェア
メンテナンスに伴うアクセス一時停止のお知らせ

------------------------ */

.section-border {
	box-sizing: border-box;
	font-size: 15px;
}

.ttl_maintenance {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 5px;
	text-align: center;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.section-border {
		font-size: 14px;
	}
	.ttl_maintenance {
		font-size: 16px;
	}
}
.box_center_wrap {
	text-align: center;
}
.box_center {
	display: inline-block;
	text-align: left;
}
.maintenance_period {
	font-size: 16px;
	margin: 0 auto 5px;
	text-align: left;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.maintenance_period {
		font-size: 15px;
		margin: 0 auto;
		text-align: center;
	}
}

.link_txt a {
	text-decoration: underline;
}
.link_txt a:hover {
	color: #666;
	text-decoration: none;
}
.link_txt a:active {
	color: #999;
}
.link_txt a:after {
	border-top: 2px solid #555;
	border-right: 2px solid #555;
	content: '';
	display: inline-block;
	height: 6px;
	margin-left: 3px;
	transform: rotate(45deg);
	width: 6px;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.link_txt {
		font-size: 13px;
	}
}






/* ------------------------

.mv_catch

------------------------ */
.mv_catch{
  position: relative;
  width: 75%;
  left:0;
  right:0;
  padding: 60px 15px 50px;
  max-width: 1200px;
  min-width: 970px;
  margin: -80px auto 0;
  background-color:#fff;
  z-index:1;
  text-align: center;
  box-sizing: border-box;
  transition:all .5s ease;
  box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}

.mv_catch .copy{
  font-size:30px;
  line-height:2;
}
.mv_catch .copy::after{
  content:"／";
  color:#B2B2B2;
  display:block;
  width:32px;
  height:32px;
  margin:0 auto;
}
.mv_catch .text{
  margin: 2em auto 2em;
}
.mv_catch .emphasis{
  color:#CB0000;
}

.mv_catch h2{
	font-size: 170%;
	margin: 0 auto 0em;
	text-align: center;
	font-weight: bold;
	line-height:1.6;
}

p.catch_copy {
	font-size: 118%;
	text-align: center;
	line-height:2;
	 margin: 2em auto 1em;
}
@media screen and (max-width: 1280px) {
  .sec_mv_area .mv{
   /* left: -30%;*/
  }
}
@media screen and (max-device-width: 1280px) and (max-width: 640px) {
  .sec_mv_area .mv{
    left:0;
    min-width: auto;
  }
   .sec_mv_area .mv_inner{
    margin-bottom:auto;
   }
  .sec_mv_area .mv_inner::before{
    padding-top: 126%;
    min-height: auto;
  }
  #flowMvs {
    width:100%;
    padding-top:126%;
    overflow:hidden;
    position:relative;
  }
  #flowMvs .flowMv {
    position:absolute;
    z-index:1;
    top:0;
    height:100%;
    width: 100%;
    opacity:1;
    transition:opacity 0.8s;
    overflow:hidden;
  }
  #flowMvs .flowMv img {
    height:100%;
    width:auto;
    object-fit: cover;
    transition:transform 30s linear;
    max-width: initial;
  }
  #flowMvs .flowMv.out{
    z-index:3;
    opacity:0;
  }
  #flowMvs .flowMv.active{
    z-index:2;
  }
  #flowMvs .flowMv.active{
    z-index:2;
  }
  .mv_catch{
    position: relative;
    width: calc(100% - 40px);
    max-width: none;
    min-width: auto;
    top: 0;
    padding: 2em 1em 1em;
    margin: -37px auto 0;
    box-sizing: border-box;
    z-index: 0;
  } 
  .mv_catch .copy{
    font-size:20px;
  }
  .mv_catch .copy::after{
  width:30px;
  height:30px;
  font-size:26px;
  }
  .mv_catch .btn_sec_type01{
    width: 84%;
    font-size: 15px;
    margin:1.5em auto 0;
  }
  .mv_catch .text{
    margin: 1em auto 1em;
  }
  .sec_mv_area .mv .info{
    top: auto;
    bottom: 0;
    height:100px;
  }
  .sec_mv_area .mv .info::before{
    height:40px;
    width:1px;
    left:-1px;
  }
  .sec_mv_area .mv .info img{
    width: 50%;
  }
.mv_catch h2{
	font-size: 5vw;
}

.mv_catch p{
	font-size: 3.8vw;
}
.mv_catch_logo{
	width: 40vw;
	margin: 0 auto 0.4em;
}
p.catch_copy {
	font-size: 3.8vw;
}
}
@media screen and (max-width: 1480px) {
.mv_catch{
  margin: -20px auto 0;
}
}
@keyframes mvslideSp {
  0% {
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
  }
}



/* ------------------------

.btn anchor

------------------------ */

.btn_anchor_black,
.btn_anchor_white{
	margin: auto;
	width: 400px;
}
.btn_anchor_black a,
.btn_anchor_white a{
	background: #000;
	color: #fff;
	display: block;
	font-size: 125%;
	padding: 1em;
	text-decoration: none;
	transition-duration: 0.3s;
}
.btn_anchor_white a {
	background: #fff;
	border: #222 solid 1px;
	box-sizing: border-box;
	color: #222;
	text-align: center;
}

.btn_anchor_black a:after,
.btn_anchor_white a:after {
	content: '';
	color: #fff;
	display: inline-block;
	height: .75em;
	border: 1px solid currentColor;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	line-height: 1;
	margin-left: .5em;
	transform: translateY(-25%) rotate(135deg);
	vertical-align: middle;
	width: .75em;
}
.btn_anchor_white a:after {
	color: #222;
}

.btn_anchor_black a:hover {
	background: #666;
	transition-duration: 0.3s;
}
.btn_anchor_white a:hover {
	background: #ccc;
	transition-duration: 0.3s;
}

.btn_anchor_2column_wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: auto;
	width: 840px;
}

@media screen and (max-width: 640px) {
	.btn_anchor_black,
	.btn_anchor_white{
		width: 90%;
	}

	.btn_anchor_2column_wrap {
		display: block;
		margin: auto;
		width: 90%
	}
	.btn_anchor_2column_wrap p {
		margin-bottom: 20px;
	}
}


/* ------------------------

今季の見どころ

------------------------ */

.ttl_sideLine {
	font-size: 170%;
	line-height: 1.4;
	margin: 0 auto 10px;
	text-align: center;
	font-weight: bold;
	line-height:1.6;
}
.ttl_sideLine span {
    position: relative;
    display: inline-block;
    padding: 0 55px;
}

.ttl_sideLine span:before,
.ttl_sideLine span:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #666;
}

.ttl_sideLine span:before {
    left: 0;
}

.ttl_sideLine span:after {
    right: 0;
}

@media screen and (max-width: 640px) {
	.ttl_sideLine {
		font-size: 150%;
	}
}
/*-------------------------
   two_one_column
-------------------------*/
.two_one_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.two_one_column::after{
    content:"";
    display: block;
    width: 47%;
}

.two_one_column .column{
    width: 47%;
}

.two_one_column .column:nth-child(n+3){
	margin-top: 2em;
}
@media screen and (max-width: 640px) {
.two_one_column::after{
    width: 100%;
}
.two_one_column .column{
    width: 100%;
	margin: 0 auto 1em;
}
.two_one_column .column:nth-child(n+3){
	margin-top: 0em;
}
}
/*-------------------------
   four_two_column
-------------------------*/
.four_two_column{
    display : flex;
    flex-wrap : wrap;
    justify-content:space-between;
}

.four_two_column::after{
    content:"";
    display: block;
    width: 24%;
}

.four_two_column .column{
    width: 24%;
	overflow: hidden;
}

.four_two_column .column:nth-child(n+5){
	margin-top: 1em;
}
@media screen and (max-width: 640px) {
.four_two_column::after{
    width: 48%;
}
.four_two_column .column{
    width: 48%;
}
.four_two_column .column:nth-child(n+3){
	margin-top: 1em;
}
}

.highlight_wrap {
	display: flex;
	justify-content: space-between;

}
.highlight_txt,
.highlight_img {
	width: 220px;
}
.highlight_img {
	padding-top: 25px;
}
.highlight_txt img,
.highlight_img img {
	height: auto;
	width: 100%;
}
.highlight_txt {
	font-size: 87.5%;
	z-index: 1;
}
.highlight_wrap.reverse {
	flex-direction: row-reverse;
}
.highlight_txt h3 {
	margin: 0 -20px -5px 0;
}
.reverse .highlight_txt h3 {
	margin: 0 0 -10px -20px;
}
.highlight_txt h4 {
	color: #f47a00;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

@media screen and (max-width: 640px) {
	.highlight_txt,
	.highlight_img {
		width: 48%;
	}
	.highlight_txt {
		font-size: 3.1vw;
	}
	.highlight_txt h3 {
		margin: 0 -12% -5px 0;
	}
	.reverse .highlight_txt h3 {
		margin: 0 0 -5px -12%;
	}
	.highlight_txt h4 {
		font-size: 3.3vw;
	}
}

/*-------------------------
.youtube_wrap
-------------------------*/

.youtube_block {
	margin: auto;
	width: 60%;
}
.youtube_wrap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.youtube_wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.ttl_youtube {
	font-size: 150%;
	line-height: 1.4;
	margin: 0 auto 10px;
	text-align: center;
	font-weight: bold;
		line-height:1.6;
}
@media screen and (max-width: 640px) {
	.youtube_block {
		margin: 0 2.60416%;
		width: auto;
	}
	.ttl_youtube {
		font-size: 120%;
	}
}

/* ------------------------

footer

------------------------ */


#sections .sumaiapp-foot {
    background-color: #e7e6e6;
    padding:20px 0
}

#sections .sumaiapp-foot-contents {
    width: 926px;
    margin:0 auto
}

#sections .sumaiapp-foot-lead {
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height:1.2
}

#sections .sumaiapp-foot-lead br.sp {
    display:none
}

#sections .sumaiapp-foot-list {
    display: flex;
    justify-content:space-between
}

#sections .sumaiapp-foot-list li {
    box-sizing: border-box;
    width: 280px;
    background-color: #fff;
    text-align: center;
    padding:20px 0
}

#sections .sumaiapp-foot-list li.icon-x {
    padding-top:24px
}

#sections .sumaiapp-foot-list li a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight:700
}

#sections .sumaiapp-foot-list li a i, #sections .sumaiapp-foot-list li a img {
    margin-top: -3px;
    margin-right: 10px;
    vertical-align: middle;
    font-size:30px
}

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

    #sections .sumaiapp-foot {
        padding:20px 0 0
    }

    #sections .sumaiapp-foot-contents {
        width: auto;
        margin:0
    }

    #sections .sumaiapp-foot-lead br.sp {
        display:inline
    }

    #sections .sumaiapp-foot-lead {
        margin:0 10px 20px
    }

    #sections .sumaiapp-foot-list {
        display:block
    }

    #sections .sumaiapp-foot-list li {
        width: auto;
        border-bottom:1px solid #ccc
    }

    #sections .sumaiapp-foot-list li a img {
        width: 26px;
        height: auto
    }
}

.cp_box1 {
  position: relative;
	margin-bottom: 8em;
}
.cp_box1 input {
  display: none;
}
/*開くためのボタンとテキストを隠すグラデーションの設定*/
.cp_box1 label {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 66px; /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(249, 238, 201, 1) 0%, rgba(249, 238, 201, 1) 100%);
}
/* 開いた時にグラデーションを消す */
.cp_box1 input:checked + label {
  background: inherit;
}
.cp_box1 input:checked + label {
  /* display: none ; 閉じるボタンを消す場合コメントアウトを外す */
}
.cp_box1 .cp_container {
  overflow: hidden;
  height: 310px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}
/*続きをよむボタン*/
.cp_box1 label:after,
.cp_box1 label::before {
  content: '';
  position: absolute;
  line-height: 2.5rem;
}
.cp_box1 label:after {
  z-index: 2;
  bottom: 10px;
  width: 13em;
  content: 'もっと見る';
  color: #ffffff;
  background: #1b2538;
  border-radius: 20px;
	font-weight: bold;
}
.cp_box1 label::before {
  position: absolute;
  bottom: 28px;
  left: calc(50% - 3.5em);
  z-index: 3;
  width: 10px;
  height: 5px;
  background: #ffffff;
  clip-path: polygon(50% 100%, 0 0, 100% 0)
}
/*閉じるボタン*/
.cp_box1 input:checked + label:after {
  content: '閉じる';
}
.cp_box1 input:checked + label:before {
  left: calc(50% - 2.5em);
  transform: scale(1, -1);
}
.cp_box1 input:checked ~ .cp_container {
  height: auto;
  padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}
@media screen and (max-width: 640px) {
.cp_box1 {
	margin-bottom: 6em;
}
.cp_box1 label {
  height: 16vw;
}
.cp_box1 label:after {
  bottom: 20px;
}
.cp_box1 .cp_container {
  overflow: hidden;
  height: 110vw;
}
}

/* ------------------------

.no_block

------------------------ */

.no_block{
    display : flex;
    flex-wrap : wrap;
	align-items: top;
	justify-content: center;
}

.no_block_left{
    width: 26%;
	padding-right: 4%;
	box-sizing: border-box;
	text-align: center;
	margin-top: 0.4em;
}

.no_block_right{
    width: 64%;
}

.no_block_left p{
	font-size: 118%;
	font-weight: bold;
	margin-top: 10px;
}

.no_block_right h3{
	font-size: 138%;
	font-weight: bold;
}

.no_block_right p{
	margin: 10px 0;
}
.no_block_right li{
	float: left;
  margin-right: 20px;
	font-size: 88%;
}
.no1_copy{
	color: #e38f40;
}
.no2_copy{
	color: #5981af;
}
.no3_copy{
	color: #5ba171;
}
.no4_copy{
	color: #499ec5;
}
.no5_copy{
	color: #ba784e;
}
.no6_copy{
	color: #86997c;
}
@media screen and (max-width: 640px) {
.no_block_left p{
	font-size: 3.6vw;
}
.no_block_right h3{
	font-size: 4.6vw;
}
.no_block_right p{
	font-size: 3.6vw;
}
.no_block_right li{
	font-size: 3.2vw;
}
}


.map_ttl{
	text-align: center;
	font-size: 150%;
	background: #e6e6df;
	font-weight: bold;
	padding: 1em 0 0;
}
.map_block{
	position: relative;
}

.btn_no01{
	position: absolute;
	left: 304px;
	top: 630px;
}

.btn_no02{
	position: absolute;
	right: 160px;
	top: 600px;
}
.btn_no02_text{
	position: absolute;
	right: 70px;
	top: 610px;
}
.btn_no03{
	position: absolute;
	right: 190px;
	top: 116px;
}
.btn_no03_text{
	position: absolute;
	right: 92px;
	top: 146px;
}
.btn_no04{
	position: absolute;
	left: 360px;
	top: 10px;
}
.btn_no04_text{
	position: absolute;
	left: 436px;
	top: 24px;
}
.btn_no05{
	position: absolute;
	left: 80px;
	top: 130px;
}
.btn_no05_text{
	position: absolute;
	left: 150px;
	top: 140px;
}
.btn_no06{
	position: absolute;
	left: 30px;
	top: 520px;
}
.btn_no06_text{
	position: absolute;
	left: 100px;
	top: 520px;
}
.btn_no01,
.btn_no02,
.btn_no03,
.btn_no04,
.btn_no05,
.btn_no06{
	transition: 0.3s;
}

.btn_no01:hover,
.btn_no02:hover,
.btn_no03:hover,
.btn_no04:hover,
.btn_no05:hover,
.btn_no06:hover{
    opacity: 0.7;
}


@media screen and (max-width: 640px) {
.map_ttl{
	font-size: 4vw;
	padding: 1em 0;
}
.btn_no01{
	position: absolute;
	left: 30vw;
	top: 60vw;
}

.btn_no02{
	position: absolute;
	right: 20vw;
	top: 60vw;
}
.btn_no02_text{
	position: absolute;
	right: 2vw;
	top: 60vw;
}
.btn_no03{
	position: absolute;
	right: 18vw;
	top: 8vw;
}
.btn_no03_text{
	position: absolute;
	right: 0vw;
	top: 6vw;
}
.btn_no04{
	position: absolute;
	left: 36vw;
	top: 0vw;
}
.btn_no04_text{
	position: absolute;
	left: 44vw;
	top: 0vw;
}
.btn_no05{
	position: absolute;
	left: 6vw;
	top: 8vw;
}
.btn_no05_text{
	position: absolute;
	left: 14vw;
	top: 6vw;
}
.btn_no06{
	position: absolute;
	left: 4vw;
	top: 54vw;
}
.btn_no06_text{
	position: absolute;
	left: 11vw;
	top: 50vw;
}
.btn_no01,
.btn_no02,
.btn_no03,
.btn_no04,
.btn_no05,
.btn_no06{
	width: 12vw;
}
	
.btn_no02_text img,
.btn_no03_text img,
.btn_no04_text img,
.btn_no05_text img,
.btn_no06_text img{
	height: 16vw;
}
}

.vsm-selection-description{
	display: none;
}

.noProductsMsg{
	width: 0!important;
	height: 0!important;
}
.ecbn-selection-preview-caption{
	height: 430px!important;
}

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

.ecbn-selection-preview-caption{
	height: auto!important;
}
}