@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i,600,600i&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;600&display=swap");
html {
  scroll-padding-top: 78px;
}
.maker_logo{
	margin-top:20px;
}

.contents_txt {
  margin-top: 52px;
  letter-spacing: 0.13em;
  line-height: 3;
  text-align: center;
}

.about_section {
  background: url(../img/about/tokushima_img.svg) center center no-repeat;
  background-size: contain;
  padding-top: 20px;
  padding-bottom: 128px;
}
.main_contents{
	margin-top:0px;
}
.main_contents.list-page{
	padding:0 20px 20px;
	background:url(../img/bg-pinkdot.png) repeat;
}
@media screen and (max-width: 480px){
	.main_contents.list-page{
		padding:0;
	}
	.maker_logo.event-top{
		padding:0 0 40px;
	}
}
/*.top_title{
	max-width:1300px;
	margin:0 auto 50px;
	text-align:center;
}
.top_title img{
	width:45%;
}
.top_title p{
	font-size:1.4rem;
}*/
.top_title{
	padding:0 20px 20px;
	text-align:center;
}
.top_title img{
	width:35%;
	margin:20px auto;
}
.top_read{
	max-width:1300px;
	margin:30px auto;
	text-align:center;
}
.top_read img{
	width:35%;
}
.top_read p{
	font-size:1.4rem;
}
@media screen and (max-width: 480px){
	.top_read p{
		font-size:1.3rem;
	}
}
/*
.visual{
	overflow: hidden;
	position: relative;
}
.visual h1 {
	position: absolute;
	width: calc(100%/1.8);
	top: calc(100%/2.5);
	left: calc(100%/20.0);
}*/
.visual img{
	width:100%;
}
.visual .pc,.text .pc,.sponser.pc{
	display:block;
}
.visual .sp,.text .sp,.sponser.sp{
	display:none;
}
@media screen and (max-width: 480px){
	
	.visual .pc,.text .pc,.sponser.pc{
		display:none;
	}
	.visual .sp,.text .sp,.sponser.sp{
		display:block;
	}
	/*.visual h1 {
		position: absolute;
		width: calc(100%/1.0);
		top: calc(100%/3.0);
		left: calc(100%/10.0);
	}*/
}

.list-more a:hover{
	opacity:0.85;
}

.reserve-form .go_back{
	text-align:right;
	margin-top:15px;
}
.reserve-form .go_back a{
	color:#fff !important;
	font-weight:500;
	background:#433f40;
	padding:3px 15px;
	border-radius:15px;
	margin-right:10px;
}
.reserve-form .go_back a span:before{
	content:url(../../img/icon-arrow_w.png);
	margin-right:5px;
}

.reserve-form .go_back a:hover{
	background:#6b6668;
}

.min{
	font-family:"Noto Serif JP", serif;
}
.tR{ text-align:right; }
.tL{ text-align:left; }
.tC{ text-align:center }
.ml10{ margin-left:10px; }
.red{ color:#cc0000; }
.blue{ color:#0066cc; }
.p10{ padding:10px; }
.p15{ padding:15px; }
.p20{ padding:20px; }
.pt10{ padding-top:10px; }
.pb10{ @adding-bottom:10px; }
.ml10{ margin-left:10px; }

/***** 住宅見学会2024春 *****/
/* TOP PAGE */
.top_mv{
	height:100vh;
	height:100%;
}
.event-visual{
	margin-top:113px;
	width:100vw;
	background:#d5e8e6;
}
.event-visual img{
	height:auto;
	width:auto;
}



@media screen and (max-width: 480px){
	.event-visual img{
		height:auto;
		width:auto;
	}
}
.event-visual.pc,
.top_title.pc{
	display:block;
}
.event-visual.sp,
.top_title.sp{
	display:none;
}

@media screen and (max-width: 1599px) {
	.event-visual{
		margin-top:80px;
	}
}
.event-front {
	padding:0 20px 20px;
	background:url(../img/bg-brown.png) repeat;
}
.event-front h3{
	text-align:center;
	padding:20px 10px;
}
.event-front h3 img{
	width:340px;
}
.event-front p.txt{
	font-size:1.15rem;
	text-align:center;
	margin-bottom:20px;
}


@media screen and (max-width: 480px){
	
	.event-visual.pc,
	.top_title.pc{
		display:none;
	}
	.event-visual.sp,
	.top_title.sp{
		display:block;
	}
}


/*********************/
.marker-list .list-box{
	margin: auto;
	padding:30px;
}
.marker-list .list-box ul{
	display:flex;
	flex-wrap:wrap;
}
.marker-list .list-box ul li{
	width:16%;
	text-align:center;
}
.marker-list .list-box ul li img{
	width:60$;
}

.marker-list .list-box ul li a{
	display:block;
	padding:15px;
}
.marker-list .list-box ul li a:hover{
	background:#f2f2f2;
}

@media screen and (max-width: 896px){
	.marker-list .list-box{
		width:100%;
		padding:10px;
	}
}
@media screen and (max-width: 480px){
	.marker-list .list-box ul li a{
		padding:10px;
	}
	
}

.page-link_sp{
	display:none;
}
.anitext-sp{
	display:none;
}
@media screen and (max-width: 480px){
	.anitext-sp{
		display:block;
	}
	.page-link_sp{
		display:block;
		text-align:center;
	}
	.page-link_sp a{
		font-size:1.05rem;
		color:#fff;
		font-weight:600;
		text-align:center;
		padding:5px 10px;
		background:#3366cc;
		border-radius:10px;
	}
	.page-link_sp a span:before{
		content:url(../../img/top/arrow_right_wh.svg);
		width:7px;
		margin-right:5px;
		display:inline-block;
	}
	.page-link_sp a:hover{
		
	}
}


.point-lay{
	padding:20px 0;
	background:url(../img/bg-sky.png) repeat-y;
}
.point-lay h3{
	font-size:1.3rem;
	color:#fff;
	text-align:center;
	padding:10px;
	border-radius:3px;
	background:#433f40;
	margin:0 3%;
}
.point-lay .dashed{
	display:flex;
	justify-content:center;
	margin:0 auto;
}
.point-lay .dashed li{
	width:30%;
	padding:15px;
	margin:10px;
	background:#fff;
}
.point-lay .dashed li p{
	font-size:1.0rem;
}
.point-lay .dashed li img{
	margin:0 0 10px;
}
.point-lay .br:;after{
	content: "\A";
white-space: pre;
}
.point-lay h4{
	font-size:1.2rem;
	font-weight:500;
	padding:10px 0;
	line-height:1.4;
}
.event-tel{
	text-align:center;
}
.event-tel img.pc{
	display:block;
	width:80%;
	margin:20px auto;
}
.event-tel img.sp{
	display:none;
}
@media screen and (max-width: 896px){
	.event-tel img.pc{
	display:none;
	}
	.event-tel img.sp{
		display:block;
		width:60%;
		margin:20px auto;
	}
}
@media screen and (max-width: 480px){
	.event-tel img.sp{
		display:block;
		width:80%;
		margin:10px auto;
	}
}


.point-lay .marker{
	background:url(../img/marker-y.png) repeat-x bottom;
}
.point-lay .yellow{
	color:#ff6633;
}
.point-lay .br:before{
	content: "\A";
	white-space: pre;
}

.point-lay .orange{
	color:#ff6633;
}


@media screen and (max-width: 896px){
	.point-lay .dashed{
		display:block;
	}
	.point-lay .dashed li{
		width:100%;
		margin:10px 0;
	}
	.point-lay .dashed li img{
		margin:0 auto 10px;
	}
}



/*********************
	List page
*********************/
.reserve-list  .flex-wrap{
	display:flex;
}
.event-list.reserve-list{
	max-width:1200px;
	margin:20px;
	border-radius:5px;
	padding:20px;
	background:#fff;
}
@media screen and (max-width: 896px){
	.event-list.reserve-list{
		margin:0;
		padding:20px 0;
	}
}
.reserve-list .flex-wrap{
	padding:10px;
	border-bottom:5px solid #ecd7b1;
}
.reserve-list .flex-wrap .flex-box:first-child{
	width:30%;
}
.reserve-list .flex-wrap .flex-box:last-child{
	width:70%;
	padding:10px 15px;
}
.reserve-list .flex-wrap ul{
	display:block;
	list-style-type:none;
}
.reserve-list .flex-wrap ul li{
	width:100%;
	padding:8px;
	line-height:1.4;
	background:url(../img/dotline-gray.png) repeat-x bottom;
}
.reserve-list .flex-wrap ul li span{
	font-size:0.9rem;
	font-weight:600;
	padding-right:5px;
	margin-right:5px;
}

/*.reserve-list li.ttl{
	font-size:1.31rem;
}*/

.reserve-list .narrow-down span{
	display:inline-block;
	font-size:0.9rem;
	color:#fff;
	background:#333;
	padding:0 10px;
	margin:2px 1px 2px 0;
}



.reserve-list .pc{
	display:block;
}
.reserve-list .sp{
	display:none;
}

.reserve-list .flex-wrap .more a{
	padding:5px 10px;
	margin:10px 0;
	transition: .3s;
}
.reserve-list .flex-wrap .photo img{
	border-radius:5px
}

.reserve-list .more a{
	display:block;
	font-size:1.0rem;
	font-weight:500;
	color:#fff;
	background:#3e81c5;
	padding:3px 10px;
	margin-top:3px;
	text-align:center;
	border-radius:5px;
}
.reserve-list .flex-wrap .more.pc span:before{
	content:url(../../img/icon-arrow_w.png);
	margin-right:5px;
}
.reserve-list .flex-wrap .more i,
.reserve-list .flex-wrap .more svg{
	margin-right:8px;
}
.reserve-list .more a:hover{
	background:#659acf;
}

@media screen and (max-width: 480px){
	.reserve-list li.ttl{
		font-size:1.0rem;
	}
	
	.reserve-list .pc{
		display:none;
	}
	.reserve-list .sp{
		display:block;
	}
	
	.event-list.reserve-list{
		width:100%;
		padding:0;
		margin:10px 0;
		background:none;
	}
	.reserve-list .sp .marker-logo{
		
	}
	.reserve-list .more.sp{
		margin-top:20px;
	}
	
	.top_title{
		max-width:100%;
		margin: 10px 0 0;
	}
	.top_title img{
		width:80%;
	}
	.reserve-list .flex-wrap{
		display:block;
		padding:10px;
		background:#fff;
		margin-bottom:10px;
	}
	.reserve-list .flex-wrap .maker-logo{
		padding:10px;
	}
	.reserve-list .flex-wrap .maker-logo a{
		padding:0;
	}
	.reserve-list .flex-wrap .maker-logo a img{
		max-width:140px;
	}
	.reserve-list .flex-wrap .flex-box:first-child,
	.reserve-list .flex-wrap .flex-box:last-child{
		width:100%;
	}
	.reserve-list .flex-wrap .flex-box:last-child{
		padding:0 0 15px;
	}
	/*.reserve-list .flex-wrap ul li span:after{
		content: "\A";
		white-space: pre;
	}*/
}

/****** メーカー一覧、詳細ページ ******/
.bt-red{
	color:#fff;
	background:#b22222;
}
.bt-ice{
	color:#fff;
	background:#3eadc5;
}
.bg-gray{
	background:#efeded;
}

.prop-box{
	padding:10px 25px;
}



.pageNav-wrap{
	border:1px solid #ccc;
	padding:15px;
}
.pageNav-wrap .ttl{
	padding:0 5px;
}
.pageNav-wrap .ttl span{
	color:#3e81c5;
	margin-right:5px;
}
.page-nav{
	width:100%;
	margin:5px auto 0;
	padding:5px 10px;
	background:#ececec;
	display:flex;
}
.page-nav .title{
	font-size:0.9rem;
	font-weight:500;
	
	text-align:left;
	padding:0 10px;
}
.page-nav .title span{
	background:url(../img/marker-blue.png) repeat-x center bottom;
}
.page-nav a{
	color:#fff;
}
@media screen and (max-width: 896px){
	.page-nav{
		display:block;
	}
}

.event-front .maker-list{
	margin:0 auto;
	padding:0 10px 10px;
	background:#fff;
}

.event-front .maker-list ul{
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}
.event-front .maker-list ul li{
	padding:5px;
}

.event-front .maker-list .page-nav ul li a{
	font-size:0.9rem;
	padding:5px 10px;
	display:block;
	background:#433f40;
	border-radius:5px;
}
.event-front .maker-list .page-nav ul li a:before{
	content:url(../../img/icon-arrow_w.png);
	margin-right:5px;
}
.event-front .maker-list .page-nav ul li a i,
.event-front .maker-list .page-nav ul li a svg{
	margin-right:5px;
}
.event-front .maker-list .page-nav ul li a:hover{
	background:#666;
}
@media screen and (max-width: 896px){
	.page-nav{
		width:100%;
	}
}

@media screen and (max-width: 480px){
	.event-front{
		padding:20px 0;
	}
	
	.event-front h3 img{
		width:95%;
	}
	.event-front .maker-list{
		margin:0;
	}
	.event-visual.pc,
	.top_title.pc{
		display:none;
	}
	.event-visual.sp,
	.top_title.sp{
		display:block;
	}
	.event-front p.txt{
		font-size:1.0rem;
		text-align:left;
	}
}
.maker-page{
	padding:20px;
	background:#ecd7b1;
}
.maker-page .main-wrap{
	position:relative;
	background:#fbf5ee;
}
@media screen and (max-width: 896px){
	.prop-box{
		padding:10px;
	}
	.maker-page{
		padding:10px;
	}
}
@media screen and (max-width: 480px){
	.maker-page .main-wrap{
		background:none;
	}
	.maker-page .main-wrap.sp-detailes{
		background:#fff;
	}
}


.maker-page .maker-logo{
	padding:20px;
	max-width:320px;
}
.prop-title-area{
	padding:5px 250px 5px 25px;
	margin: 35px 25px 10px;
	border-left:5px solid #3e81c5;
}
.prop-title-area h2{
	font-size:2.2rem;
	line-height:1.2;
}
.prop-title-area .line-tag{
	padding:10px;
}
.prop-title-area .line-tag span{
	font-size:1.05rem;
	display:inline-block;
	margin:10px 0 0 8px;
	padding:5px 15px;
	border:3px solid #99cccc;
	border-radius:5px;
}
@media screen and (max-width: 896px){
	
	.prop-title-area{
		padding:5px 15px;
		margin:10px 15px;
	}
	.prop-title-area h2{
		font-size:1.8rem;
	}
}
@media screen and (max-width: 480px){
	
	.reserve-list .prop-title-area{
		padding:5px 10px;
		margin:0 0 10px;
	}
	.maker-page .maker-logo{
		background:#fff;
		border-radius:10px;
		padding:10px;
		width:240px;
	}
	.reserve-list .sp .maker-page .maker-logo{
		padding:10px;
	}
	.reserve-list .prop-title-area h2{
		font-size:1.3rem;
	}
	.reserve-list .prop-title-area .line-tag{
		padding:10px 0 0;
	}
	.reserve-list .prop-title-area .line-tag span{
		margin:5px 3px;
		padding:3px 10px;
	}
	
}
.bn-maker{/* TOP */
	padding:0 0 20px;
}
.bn-maker ul{
	list-style-type:none;
	display:flex;
	justify-content:center;
}
.bn-maker ul li{
	padding:5px 10px;
}
@media screen and (max-width: 480px){
	.bn-maker ul li{
		background:#fff;
	}
	.bn-maker ul{
		padding:10px;
	}
	.bn-maker ul li{
		padding:5px 10px 10px;
	}
}

/* common */
.flex-wrap{
	display:flex;
}
.title-h2{
	font-size:1.8rem;
}
.title-h3{
	font-size:1.5rem;
}

.title-h4{
	font-size:1.2rem;
}
a.bt-reserve{
	position:relative;
	line-height:1em;
	text-indent:1em;
	color:#fff;
	background:#b22222;
	width:90%;
	font-size:1.4rem;
	display:inline-block;
	padding:20px;
	transition: .3s;
}
a.bt-reserve:before{
	position:absolute;
	top:35%;
	left:8%;
	content:"";
	display:inline-block;
	width:43px;
	height:21px;
	background:url(../img/arrow-white.png) no-repeat;
	background-size:contain;
}
a.bt-reserve:hover{
	background:#791010;
}
a.bt-link{text-align:center;
	position:relative;
	line-height:1em;
	text-indent:1em;
	color:#fff;
	background:#3eadc5;
	width:95%;
	font-size:1.3rem;
	display:inline-block;
	padding:20px;
	transition: .3s;
}
a.bt-link:before{
	position:absolute;
	left:5%;
	content:"";
	display:inline-block;
	width:43px;
	height:21px;
	background:url(../img/arrow-white.png) no-repeat;
	background-size:contain;
}

img.cp-ttl{
	padding:0 13%;
}

/* prop-visual */

#prop-visual .flex-box.left{
	width:50%;
}
#prop-visual .flex-box.right{
	width:50%;
	text-align:center;
}
#prop-visual .title-h3{
	padding:0 0 20px;
	transition: .3s;
}
#prop-visual .flex-box.right .inBox{
	padding-top:3%;
	transition: .3s;
}

#prop-visual .box{
	line-height:1.4rem;
}

#prop-visual .box .day{
	font-size:1.3rem;
	font-weight:500;
	margin-bottom:15px;
}
#prop-visual .box ul{
	padding:10px;
	background:#e4ddca;
}
#prop-visual .box ul li{
	text-align:left;
	padding:5px;
	border-bottom:2px dotted #fff;
}
#prop-visual .box  ul li.ttl{
	font-weight:500;
}
@media screen and (max-width: 896px){
	#prop-visual .box{
		max-width:75%;
		margin: 0 auto;
	}
}
@media screen and (max-width: 480px){
	#prop-visual .box{
		max-width:100%;
	}
}

/*
#prop-visual .box{
	display:flex;
	justify-content:center;
}
#prop-visual .box div{
	display:inline-block;
	padding:10px;
	border:1px solid #fff;
}
#prop-visual .box .blue{
	color:#fff;
	background:#4682b4;
}
#prop-visual .box .red{
	color:#fff;
	background:#ce5353;
}*/
@media screen and (max-width: 480px){
	#prop-visual .title-h3{
		font-size:1.4rem;
	}
	/*#prop-visual .box div{
		padding:5px;
		font-size:0.75rem;
	}*/
}

#prop-visual .menu{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:600px;
	margin:0 auto;
}
#prop-visual .menu li{
	width:33%;
	background:#6ac4ba;
	border:1px solid #fff;
	transition: .3s;
}
#prop-visual .menu li:hover{
	background:#26726a;
}
#prop-visual .menu li a{
	display:block;
	font-size:0.9rem;
	color:#fff;
	padding:15px 10px;
	position:relative;
	line-height:2em;
	text-indent:1em;
}
#prop-visual .menu li a:before{
	position:absolute;
	display:inline-block;
	width:27px;
	height:27px;
}


#prop-visual .menu li a.icon-search:before{
	top:25%;
	left:15%;
	content:"";
	width:24px;
	height:24px;
	background:url(../img/icon-search.png) no-repeat;
	background-size:contain;
}
#prop-visual .menu li a.icon-hand:before{
	top:25%;
	left:3%;
	content:"";
	background:url(../img/icon-hand.png) no-repeat;
	background-size:contain;
}
#prop-visual .menu li a.icon-photo:before{
	top:25%;
	left:10%;
	content:"";
	background:url(../img/icon-photo.png) no-repeat;
	background-size:contain;
}
#prop-visual .menu li a:after{
	position:absolute;
	bottom:5%;
	left:50%;
	content:"";
	width:14px;
	height:8px;
	background:url(../img/arrow-white-down.png) no-repeat;
}
#prop-visual .pc{
	display:block;
}
#prop-visual .sp{
	display:none;
}
@media screen and (min-width: 1301px){
	#prop-visual .bt{
		max-width:600px;
		margin:0 auto;
	}
	#prop-visual .title-h3{
		font-size:2.0rem;
		
	}
	#prop-visual a.bt-reserve{
		font-size:1.8rem;
	}
	#prop-visual .menu li a{
		font-size:1.1rem;
	}
}
@media screen and (max-width: 1100px){
	#prop-visual.flex-wrap{
		display:block;
	}
	#prop-visual .flex-box.left,
	#prop-visual .flex-box.right{
		width:100%;
	}
	#prop-visual .flex-box.right .inBox{
		padding-top:0;
	}
}
@media screen and (max-width: 896px){
	#prop-visual .pc{
		display:none;
	}
	#prop-visual .sp{
		display:block;
	}
}
@media screen and (max-width: 480px){
	#prop-visual .box{
		text-align:left;
	}
	#prop-visual .box span{
		margin-bottom:10px;
	}
	#prop-visual .menu{
		display:block;
	}
	#prop-visual .menu li{
		width:100%;
	}
	#prop-visual .menu li a{
		padding-left:25px;
	}
	
	#prop-visual .menu li a.icon-search:before{
		top:25%;
		left:3%;
		content:"";
		width:24px;
		height:24px;
		background:url(../img/icon-search.png) no-repeat;
		background-size:contain;
	}
	#prop-visual .menu li a.icon-hand:before{
		top:25%;
		left:3%;
		content:"";
		background:url(../img/icon-hand.png) no-repeat;
		background-size:contain;
	}
	#prop-visual .menu li a.icon-photo:before{
		top:25%;
		left:3%;
		content:"";
		background:url(../img/icon-photo.png) no-repeat;
		background-size:contain;
	}
	#prop-visual .menu li a:after{
		position:absolute;
		bottom:auto;
		left:auto;
		top:40%;
		right:10px;
		content:"";
		width:8px;
		height:14px;
		background:url(../img/arrow-white-right.png) no-repeat;
	}
	#prop-visual .flex-box.right{
		text-align:left;
		font-size:0.85rem;
	}
	#prop-visual a.bt-reserve{
		width:100%;
		padding:10px;
		font-size:1.2rem;
		display:block;
	}
	#prop-visual a.bt-reserve::before{
		position:absolute;
	top:33%;
	left:6%;
	content:"";
	display:inline-block;
	width:8px;
	height:14px;
	background:url(../img/arrow-white.png) no-repeat;
	background-size:contain;
		background:url(../img/arrow-white-right.png) no-repeat;
		
	}
}


#Prop-Description{
	
}
#Prop-Description .flex-box.left{
	width:35%;
	border-right:2px dotted #333;
}
#Prop-Description .flex-box.left .title-h3{
	text-align:center;
	padding:10px 10px 20px;
}
#Prop-Description .flex-box.left dl{
	display:flex;
	border:1px solid #fff;
}
#Prop-Description .flex-box.left dl dt{
	color:#fff;
	background:#666;
	width:30%;
	padding:5px 10px;
	font-size:0.9rem;
	text-align:center;
}
#Prop-Description .flex-box.left dl dd{
	width:65%;
	padding:5px 10px;
}

#Prop-Description .flex-box.right{
	width:70%;
}
#Prop-Description .flex-box.right p{
	padding:30px;
	line-height:2;
}
#Prop-Description a.bt-link{
	margin:25px auto 10px;
}
@media screen and (max-width: 1100px){
	#Prop-Description .flex-box.left{
		width:45%;
		border-right:none;
	}
	#Prop-Description .flex-box.right{
		width:55%;
	}
}
@media screen and (max-width: 896px){
	#Prop-Description.flex-wrap{
		display:block;
	}
	#Prop-Description .flex-box.left,
	#Prop-Description .flex-box.right{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	#Prop-Description .flex-box.left dl{
		display:block;
	}
	#Prop-Description .flex-box.left dl dt,
	#Prop-Description .flex-box.left dl dd{
		width:100%;
	}
	#Prop-Description a.bt-link{
		font-size:1.2rem;
		padding:10px;
		display:block;
	}
	#Prop-Description a.bt-link:before{
		position:absolute;
		top:33%;
		left:7%;
		content:"";
		display:inline-block;
		width:8px;
		height:14px;
		background:url(../img/arrow-white-right.png) no-repeat;
		background-size:contain;
	}
	#Prop-Description .flex-box.right p{
		padding:10px;
	}
}

/* Prop-Highlights */
#Prop-Highlights{
	margin:15px 0;
}

#Prop-Highlights .title-h2{
	padding:25px 0;
	text-align:center;
}
#Prop-Highlights ul{
	display:flex;
	flex-wrap:wrap;
}
#Prop-Highlights ul li{
	padding:18px;
	width:48%;
	margin:1%;
	line-height:1.5em;
	background:#fff;
}
#Prop-Highlights ul li span{
	display:inline-block;
	font-weight:500;
	padding:1px 10px;
	margin:0 0 5px;
	color:#2f5353;
	background:#acd9d9;
}
@media screen and (max-width: 896px){
	#Prop-Highlights ul{
		display:block;
	}
	#Prop-Highlights ul li{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	#Prop-Highlights ul li{
		margin:1% 0;
		padding:10px;
	}
}

/* スライドショー */
#Prop-Features{
	width:85%;
	margin:20px auto;
}
#Prop-Features .title-h2{
	padding:25px 0;
	text-align:center;
}
@media screen and (max-width: 896px) {
  #Prop-Features{
  	width:100%;
  }
}

/* slide-box */

.slide-box {
  position: relative;
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

/* slide */

.slide {
  position: relative;
  /*width: 65%;*/
  width: 75%;
  margin: 0;
  padding: 0;
}
.slide .item {
  position: relative;
  height: 100%;
}
.slide .item a {
  display: block;
}
.slide .item::before {
  display: block;
  /*padding-top: 39%;*/
  padding-top: 66%;
  content: "";
}
.slide .item .image {
  position: relative;
  overflow: hidden;
}
.slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}
.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .slide {
    width: 100%;
  }
  
}

/* slide-navigation */

.slide-navigation {
  line-height: 0;
  position: relative;
  /*width: 35%;*/
  width: 25%;
  margin: 0;
  padding: 0;
}
.slide-navigation .item {
  position: relative;
  cursor: pointer;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.slide-navigation .item .image::before {
  display: block;
  /*padding-top: 25%;*/
  padding-top: 66%;
  content: "";
}
.slide-navigation .item .image::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0.5;
  background: #000;
}
.slide-navigation .slick-current .image::after {
  opacity: 0;
}
.slide-navigation .item .image {
  position: relative;
  overflow: hidden;
}
.slide-navigation .item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .slide-navigation {
    width: 100%;
  }
  .slide-navigation .item .image::before {
    padding-top: 50%;
  }
}

/* slick */

.slick-vertical .slick-slide {
  border: 0 solid transparent;
}
.slick-arrow {
  z-index: 999;
}
.slick-prev {
  top: 25px;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
}
.slick-prev::before {
  content: "↑" !important;
}
.slick-next {
  top: auto;
  bottom: 5px;
  left: 0;
  right: 0;
  margin: auto;
}
.slick-next:before {
  content: "↓" !important;
}

@media screen and (max-width: 767px) {
  .slick-prev {
    top: 20px;
    bottom: 0;
    right: auto;
    left: 20px;
  }
  .slick-prev:before {
    content: "←";
  }
  .slick-next {
    top: 20px;
    bottom: 0;
    right: 20px;
    left: auto;
  }
  .slick-next:before {
    content: "→";
  }
}

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


#Prop-map .title-h2{
	padding:25px 0;
	text-align:center;
}
#Prop-map .flex-wrap{
	width:85%;
	margin:10px auto;
	flex-direction:row-reverse;
}
#Prop-map .flex-box.left{
	width:55%;
	padding:15px;
	font-size:1.1rem;
	background:#fff;
	transition: .3s;
}
#Prop-map .flex-box.right{
	width:45%;
	padding:0 0 0 15px;
	transition: .3s;
}
#Prop-map .flex-box.right .bt-reserve{
	width:100%;
	text-align:center;
}
#Prop-map .map .map-area{
	width:85%;
	margin:25px auto;
	border:15px solid #fff;
}
#Prop-map .no-map{
	width:85%;
	margin:30px auto;
	font-size:1.1rem;
}
#Prop-map .no-map span{
	padding:10px;
	background:url(../img/under-line.png) repeat-x center bottom;
}

#Prop-map .pc{
	display:block;
}
#Prop-map .sp{
	display:none;
}


@media screen and (min-width: 1301px){
	#Prop-map .flex-box.left{
		width:55%;
	}
	#Prop-map .flex-box.right{
		width:45%;
	}
}
@media screen and (max-width: 1300px){
	#Prop-map .flex-wrap{
		display:block;
	}
	#Prop-map .flex-box.left{
		width:100%;
		margin-top:10px;
	}
	#Prop-map .flex-box.right{
		width:450px;
		padding:0;
	}
	#Prop-map .flex-box.right.pc{
		margin:0 0 0 auto;
	}
}
@media screen and (max-width: 896px){
	#Prop-map .flex-wrap{
		display:block;
	}
	#Prop-map .flex-box.left{
		width:100%;
	}
	
	#Prop-map .pc{
		display:none;
	}
	#Prop-map .sp{
		display:block;
	}
}
@media screen and (max-width: 480px){
	#Prop-map .flex-wrap{
		width:100%;
		margin:0;
	}
	#Prop-map .flex-box.right{
		width:100%;
	}
	#Prop-map a.bt-reserve{
		width:100%;
		padding:10px;
		font-size:1.2rem;
		display:block;
	}
	#Prop-map a.bt-reserve::before{
		position:absolute;
		top:33%;
		left:10%;
		content:"";
		display:inline-block;
		width:8px;
		height:14px;
		background:url(../img/arrow-white-right.png) no-repeat;
		background-size:contain;
	}
	#Prop-map .map .map-area{
		width:100%;
	}
}

.foot-area{
	width:80%;
	margin:25px auto 0;
	font-size:1.1rem;
	line-height:2;
}
.foot-area .prop-contact{

	padding:30px;
	margin:25px auto;
	border:1px solid #ccc;
}
.foot-area .prop-contact address{
	font-size:1.2rem;
	line-height:1.8em;
	text-align:center;
}
@media screen and (max-width: 896px){
	.foot-area{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	.foot-area .prop-contact address{
		font-size:1.1rem;
	}
}

.event-deta .body_contents{
	padding:20px;
}
.event-deta .body_contents .read{
	/*padding:40px 0;*/
}
.event-deta .body_contents .read p{
	font-size:1.1rem;
	line-height:1.8;
}
.event-deta .body_contents .read .link a:before{
	content:url(../../img/icon-arrow.png);
	margin-right:5px;
}
.event-deta .body_contents ul{
	display:flex;
	justify-content:center;
	padding:10px 0;
}
.event-deta .body_contents ul li{
	width:33%;
	padding:10px;
}

.event-deta .body_contents .flex-wrap{
	display:flex;
	margin-top:20px;
}
.event-deta .body_contents .flex-wrap .flex-box{
	width:50%;
	padding:10px;
}
.event-deta .body_contents .flex-wrap .flex-box h4{
	font-size:1.2rem;
	font-weight:500;
	padding:10px;
	background:#f3f0e0;
}
.event-deta .body_contents .flex-wrap .flex-box .user_date{
	font-size:1.2rem;
	padding:15px;
}
.event-deta .body_contents .date_sup{
	padding-left:15px;
	text-align:left;
}

.event-deta .body_contents .flex-wrap .flex-box .reserve-link{
	text-align:right;
}
.event-deta .body_contents .flex-wrap .flex-box .reserve-link a{
	color:#3366cc;
}
.event-deta .body_contents .flex-wrap .flex-box .reserve-link a i,
.event-deta .body_contents .flex-wrap .flex-box .reserve-link a svg{
	margin-right:5px;
}
.event-deta .body_contents .contactus{
	margin:15px 10px;
}
.event-deta .body_contents .contactus h5{
	font-size:1.1rem;
	font-weight:500;
	border-bottom:2px solid #00a63c;
	padding:10px;
}
.event-deta .body_contents .arrow a{
	color:#0066cc;
}
.event-deta .body_contents .arrow i,
.event-deta .body_contents .arrow svg{
	margin-right:5px;
}


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

}


@media screen and (min-width: 897px){
	.reserve-list .pc{
		display:block;
	}
	.reserve-list .sp{
		display:none;
	}
}


@media screen and (max-width: 896px){
	.reserve-list .pc{
		display:none;
	}
	.reserve-list .sp{
		display:block;
	}
	.maker-page .event_header{
		display:block;
	}
	.maker-page .event_header .data{
		text-align:center;
	}
	.maker-page .event_header .maker.pc{
		display:none;
	}
	.maker-page .event_header .maker.sp{
		display:block;
		text-align:center;
		background:#fff;
		padding:5px;
	}
	.event-deta .body_contents .flex-wrap{
		display:block;
		margin-top:20px;
	}
	.event-deta .body_contents .flex-wrap .flex-box{
		width:100%;
	}
	.event-deta .body_contents .flex-wrap .flex-box .link-reserve {
		text-align:center;
	}
}
@media screen and (max-width: 480px){
	.event-deta .body_contents{
		padding:10px;
	}
	.event-deta .page-ttl{
		padding:10px;
	}
	.event-deta .page-ttl .ttl-add{
		font-size:1.1rem;
	}
	.event-deta .page-ttl h3{
		font-size:1.6rem;
	}
	.event-deta .body_contents .read p{
		padding:0;
	}
	.event-deta .body_contents .flex-wrap .flex-box{
		padding:0;
	}
	.event-deta .body_contents ul{
		display:block;
	}
	.event-deta .body_contents ul li{
		width:100%;
		padding:0 0 2px;
	}
	.event-deta .body_contents .arrow span:after{
		content: "\A";
		white-space: pre;
	}
	.event-deta .body_contents .contactus{
		margin:15px 0;
	}
}
/********************************/

/***** カレンダー予約システム *****/

@media screen and (min-width: 897px){
	.pc_calender{
		display:block;
		/*max-width:1300px;*/
		margin:0 auto;
		padding:10px 25px;
		background:#fff;
		border-radius:10px;
	}
	.sp_calender{
		display:none;
	}
}
@media screen and (max-width: 896px){
	.pc_calender{
		display:none;
	}
	.sp_calender{
		display:block;
	}
	.sp_calender a{
		display:block;
		font-size:1.2rem;
		color:#fff;
		text-align:center;
		padding:5px 10px;
		margin:10px;
		border-radius:10px;
		background:#333;
	}
}

/***************
** FORM STYLE **
***************/
#formWrap{
	padding:10px;
}

.bg-white{
	background:#fff;
}

h3.ttl{
	font-size:2.4rem;
	margin:20px auto;
	text-align:center;
	font-weight:500;
}
.read{
	padding:10px;
}
.read .maker{
	font-size:1.1rem;
	text-align:center;
	padding:10px 0;
}
.read .property{
	font-size:1.8rem;
	text-align:center;
	padding:10px 0;
}
.read .property span{
	display:inline-block;
}
.read .property .ttl{
	padding:10px;
	border-top:2px dotted #ccc;
}
.read .subttl{
	font-size:1.4rem;
	padding:10px 10px 0;
}

.form-group{
	/*max-width:1300px;*/
	margin:0 auto 20px;
}
.form-group  .flex{
	display:flex;
}
.form-group  .flex.frap{
	flex-wrap:wrap;
}
.form-group .flex.hlf .box{
	
	margin: 0.5%;
}
.form-group .flex.hlf .box-top{
	width:49%;
	padding:25px;
}
@media screen and (max-width: 896px) {
	.form-group .flex.hlf .box-top{
		padding:15px;
	}
}
.form-group .box{
	background:#fff;
	border-radius:10px;
	padding:10px;
	margin-top:20px;
}
.form-group .box:first-child{
	margin-top:0;
}
.form-group .box fieldset{
	border:0;
}
fieldset ul{
	list-style-type:none;
}
.form-group{
	clear:both;
	background:#f7f7f7;
	margin:25px auto;
	padding:25px 15px;
	border-radius:10px;
	transition: .3s;
}
.form-group.form-top ul{
	display:block;
	margin-left:30px;
}
.form-group.form-top ul li{
	padding:1px 10px;;
}
@media screen and (max-width: 896px) {
	.form-group.form-top ul li{
		padding:1px 0;
	}
	.form-group{
		margin:0;
		padding:0;
		border-radius:0;
	}
}
.form-group.form-top .bt{
	padding:20px 10px;
}
.form-group.form-top .bt a{
	font-size:110%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	display:block;
	
	padding:15px 20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c5deea+0,8abbd7+31,066dab+100;Web+2.0+Blue+3D+%231 */
background: rgb(197,222,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 31%,rgba(6,109,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */

	border:1px solid #6393c1;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
.form-group.form-top .bt a:hover{
	box-shadow: 0 0 0 rgba(0,0,0,0.4);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d5e2e8+0,8abbd7+31,1d76aa+100 */
background: rgb(213,226,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(213,226,232,1) 0%, rgba(138,187,215,1) 31%, rgba(29,118,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(213,226,232,1) 0%,rgba(138,187,215,1) 31%,rgba(29,118,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(213,226,232,1) 0%,rgba(138,187,215,1) 31%,rgba(29,118,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e2e8', endColorstr='#1d76aa',GradientType=0 ); /* IE6-9 */

}
@media screen and (max-width: 896px) {
	.form-group.form-top .bt a{
		font-size:105%;
	}
}

fieldset{
	display:hidden;
}
legend{
	width:100%;
	font-size:110%;
	font-weight:bold;
	line-height:1.8;
	padding:5px;
}
.form-group .no{
	width:40px;
	height:40px;
	padding:10px;
	font-size:120%;
	color:#fff;
	line-height:2.0;
	border-radius:5px;
	background:#141414;
	margin-right:10px;
	float:left;
	text-align:center;
	transition: .3s;
}
.form-group ul li{
	padding:3px 10px;
}

.form-control{
	border:1px solid #ccc;
	padding:3px;
	border-radius:5px;
	box-shadow: inset 1px 2px 4px -3px rgba(0,0,0,0.5);
}

.form-control.long{
	width:80%;
}
@media (max-width: 750px) {
	.form-control.long{
		width:100%;
	}
}
textarea{
	width:60%;
	height:140px;
}


.button ul{
	list-style-type:none;
	display:flex;
	justify-content:center;
	margin-bottom:30px;
}
.button ul li{
	padding:5px;
}
.submit,.reset{
	color:#fff;
	border:1px solid #666;
	border-radius:3px;
	padding:10px;
	width:140px;
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

	cursor:pointer;
}

.submit{
background: rgb(167,207,223); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(167,207,223,1) 0%, rgba(35,83,138,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */

}
.submit:hover{
	background: #23538a;
}
.reset:hover{
	background:#28343B;
}

select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 12px;
    margin-bottom:5px;
    border:1px solid #ccc;
    /*color:#828c9a;*/
    /*width:100%*/
    border-radius:3px;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#0084B4;
  color:#fff;
  border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

.select-wrap.select-inverse:before{
  color:#fff;
}
.select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}
@media screen and (max-width: 896px) {
	.form-group  .flex{
		display:block;
	}
	.form-group  .flex.hlf .box{
		width:100%;
		margin: 0 0 10px;
	}
}
@media (max-width: 750px) {
	.form-group .no{
		width:95%;
		height:auto;
		padding:5px 10px;
		font-size:110%;
		line-height:1.2;
		float:none;
		text-align:left;
	}
	
	textarea{
		width:95%;
	}
}

.form .form-group ul{
	list-style-type:none;
}
.checkbox{
	margin:0 10px 10px;
}
input[type=checkbox] {
  transform: scale(1.5);
  margin: 0 6px 0 0;
}
img,
video,
object {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* 完了ページ */
#aq_button a{
	display:block;
	width:50%;
	margin:30px auto;
	font-size:160%;
	color:#ffff00;
	text-align:center;
	padding:25px;
	border:4px solid #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4d94ff+0,0066ff+100 */
background: rgb(77,148,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(77,148,255,1) 0%, rgba(0,102,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(77,148,255,1) 0%,rgba(0,102,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(77,148,255,1) 0%,rgba(0,102,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d94ff', endColorstr='#0066ff',GradientType=0 ); /* IE6-9 */
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	transition: .3s;
}
#aq_button a:hover{
	background:#0066ff;
}

@media (max-width: 750px) {
	#aq_button a{
		width:80%;
	font-size:145%;
	}
}


@media screen and (max-width: 896px){
	h3.ttl{
		font-size:2.0rem;
	}
}
@media screen and (max-width: 480px){
	h3.ttl{
		font-size:1.6rem;
	}
	.read .maker{
		font-size:1.1rem;
	}
	.read .property{
		font-size:1.4rem;
	}
	.read .property .ttl{
		line-height:1.2;
		text-align:left;
	}
	.read .maker span.br:before,
	.read .property span.br:before{
		content: "\A";
		white-space: pre;
	}
}

input[type=radio].hide-button{
	display:none;
}
.form-control{
	width:50%;
}
.form-control.midi{
	width:80%;
}
@media screen and (max-width: 896px){
	.form-control{
		width:70%;
	}
	textarea.form-control{
		width:100%;
	}
	.form-control.midi{
		width:100%;
	}
}
@media screen and (max-width: 480px){
	.form-control{
		width:100%;
	}
	.form-control.midi{
		width:100%;
	}
}

/* 完了ページ */

.fin_page .inner{
	max-width:1200px;
	margin:20px auto;
	padding:50px 0;
	text-align:center;
}


/*************** 予約システム設置用追加css ********************/

#formWrap2{
	padding:25px;
		margin-top:0px;
	background:#ecd7b1;
}

.form-top-ttl{
	background:#ecd7b1;
}
.form-top-ttl img{
	width:40%;
}
#formWrap2 #calenderTable{
	background:#fff;
}

@media screen and (max-width: 1599px) {
	#formWrap2{
		margin-top:0px;
	}
	
}

@media screen and (max-width: 896px){
	#formWrap2{
		margin-top:0;
		padding:15px 10px;
	}
	.form-top-ttl{
		padding-top:78px;
	}
	.form-top-ttl img{
		width:60%;
	}
	.sp-form-list dl dt{
		font-weight:600;
		margin-bottom:10px;
	}
}
@media screen and (min-width: 481px){
	#pc{
		display:block;
	}
	#sp{
		display:none;
	}
	
}
@media screen and (max-width: 480px){
	#pc{
		display:none;
	}
	#sp{
		display:block;
	}
}








.place_container {
  padding: 70px 40px 40px;
  background-color: #e9ece9;
}

.place_container:not(:first-of-type) {
  margin-top: 100px;
}

.place_ttl {
  max-width: 236px;
  margin: auto;
  text-align: center;
}

#sekiuihouse .place_ttl {
  max-width: 240px;
}

#sekisuihouse .place_ttl {
  max-width: 116px;
}

#daiwa .place_ttl {
  max-width: 224px;
}

#mitsui .place_ttl {
  max-width: 200px;
}


.place_list {
  margin-top: 56px;
  display: flex;
  justify-content: space-between;
}

.center {
  justify-content: center;
}

.place_list li {
  max-width: 420px;
}

.place_name {
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  letter-spacing: 0.12em;
}

.info_list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.info_item {
  width: 50%;
  display: flex;
}

.info_list dt {
  width: 35%;
  margin-top: 1em;
}

.info_list dd {
  width: 65%;
  margin-top: 1em;
  letter-spacing: -0.01em;
}

.btn_wrap {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.btn_wrap a {
  max-width: 368px;
  transition: 0.4s;
}

.btn_wrap a:last-of-type {
  margin-left: 40px;
}

.btn_wrap a:hover {
  opacity: 0.7;
}

.access_section {
  padding-top: 140px;
}

.access_list {
  margin-top: 50px;
}

.access_list li {
  display: flex;
}

.access_list li:not(:first-of-type) {
  margin-top: 100px;
}

.access_info {
  margin-left: 42px;
}

.access_ttl {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.access_info address {
  letter-spacing: 0.03em;
  margin-top: 20px;
}

.maker_list {
  margin-top: 24px;
  padding: 28px 22px 40px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  text-align: center;
}

.maker_list-ttl {
  font-weight: 500;
}

.maker_logo-wrap {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 42px;
  place-items: center;
}

.sumitomo_ringyo-logo {
  width: 113px;
}

.daiwa_house-logo {
  width: 107px;
}

.sekisui_house-logo {
  width: 55px;
}

.mitsui_home-logo {
  width: 96px;
}

.sekisui_heim-logo {
  width: 115px;
}


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

  .about_section {
    padding-bottom: 60px;
  }

  .about_section .contents_txt {
    margin-top: 24px;
  }

  .about .maker_logo {
    width: 100%;
    padding-bottom: 48px;
  }

  .place_list {
    flex-direction: column;
    align-items: center;
  }

  .place_list li:not(:first-of-type) {
    margin-top: 42px;
  }

  .info_list {
    margin-top: 15px;
  }

  .btn_wrap {
    flex-direction: column;
    align-items: center;
  }

  .btn_wrap a:last-of-type {
    margin: 24px 0 0;
  }

  .access_section {
    padding-top: 80px;
  }

  .access_list li {
    flex-direction: column-reverse;
  }

  .access_ttl {
    font-size: 20px;
  }

  .access_info .address {
    font-size: 15px;
  }

  .access_info {
    margin-left: 0;
  }

  .googlemap {
    margin-top: 24px;
  }

  .googlemap iframe {
    width: 100%;
    height: 300px;
  }

  .maker_list {
    padding: 20px 30px;
  }

  .maker_logo-wrap {
    margin-top: 20px;
  }

}

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

  .about_section {
    padding-bottom: 0;
  }

  .about_section .contents_txt {
    line-height: 2.5;
    text-align: justify;
  }

  .maker_logo_container {
    margin-top: 0;
  }

  .about .maker_logo {
    width: 300px;
  }

  .place_container {
    padding: 36px 24px 24px;
  }

  .place_container:not(:first-of-type) {
    margin-top: 60px;
  }

  .place_ttl {
    width: 40%;
  }

  .place_list {
    margin-top: 24px;
  }

  .info_list {
    margin-top: 8px;
    flex-direction: column;
  }

  .info_item {
    width: 100%;
  }

  .info_list dt {
    width: 35%;
  }

  .info_list dd {
    width: 65%;
  }

  .access_ttl {
    font-size: 18px;
  }


  .access_list {
    margin-top: 30px;
  }

  .maker_list {
    padding: 20px;
  }

  .access_list li:not(:first-of-type) {
    margin-top: 50px;
  }

  .maker_logo-wrap {
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 24px;
    place-items: center;
  }

  .sumitomo_ringyo-logo {
    width: 100px;
  }

  .daiwa_house-logo {
    width: 90px;
  }

  .sekisui_house-logo {
    width: 50px;
  }

  .mitsui_home-logo {
    width: 85px;
  }


}


/*完了ページ*/
.fin_text{
	font-size:1.1rem;
	text-align:center;
}
.fin_text .top-ttl{
	margin-top:75px;
}
.fin_text p{
	margin-top:20px;
}