@charset "UTF-8";
/* //////////// ALL START ////////////*/
body{
	font-size: 18px;
}
.bg01{
	/*background-color: #f2efe6;*/
	background-color: #fff;
	width: 100%;
}
.bg02{
	background-color: #fff;
	width: 100%;
}
header{
}
section{
	max-width:1000px;
	margin: auto;
}
figure{
	position:relative;
}
figcaption{
	font-size: 0.7em;
	text-align: right;
	color:#FFF;
	position:absolute;
	bottom:7px;
	left:7px;
	text-shadow: 
    black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
}
#main-content .img_box,
#img_container .img_box{
	position: relative;
}
#main-content .img_box iframe{
	width: 100%;
	height: 400px;
}
#main-content .img_box p.caption,
#img_container .img_box p.caption{
	position: absolute;
	right: 7px;
	bottom: 7px;
}

#main-content .ttls{
	font-size: 18px;
	margin: 30px 0px 10px 0px;
	font-family:
  "Hiragino UD Serif W4 JIS2004",
  "ヒラギノ明朝 ProN W3",
  "Hiragino Mincho ProN",
  "Hiragino Mincho Pro",
  "游明朝",
  "Yu Mincho",
  "YuMincho",
  "Noto Serif JP",
  "Sawarabi Mincho",
  "ＭＳ Ｐ明朝",
  "MS PMincho",
  "HG明朝E",
  serif;
}



#main-content .ttls:before{
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "";
    display: inline-block;
    position: relative;
    top: -0.1em;
    vertical-align: middle;
    font-size: 150%;
    width: 5px;
    height: 25px;
	/*color: #b4a48a;*/
    margin-right: 10px;
	background: url(../img/location/icon.jpg) no-repeat;
}

.small{
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}

#copy{
	width:100%;
	display: block;
	text-align:center;
	background-color:#FFF;
	color:#000;
}
#copy h1{
	font-size:1.9em;
	padding:5px 0 3px;
	letter-spacing: 0.2em;
}
.figure{
	position:relative;
	display: inline-block;
}

#detail{
	display:block;
	width:100%;
	background-color:#000036;
	position:relative;
	padding:4em 0;
}
.border_bottom{
	border-bottom: 1.5px solid #38383a;
	width: 95%;
	margin-bottom: 30px!important;
}
.text{
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.main_title{
	font-size: 24px;
	margin-top:50px;
	margin-bottom: 20px;
	text-align: center;
}
.title{
	font-size: 24px;
	position: relative;
	margin-top: 50px;
    margin-bottom: 10px;
}
.container .title_before{
	padding-left:20px;
}
.container .title_before::before{
	content:'';
	width: 20px;
	height: 20px;
	position: absolute;
	top:13px;
	left: 0;
	background-image: url('../img/philippines/arrow.png');
	background-repeat: no-repeat;
}
.img_caption{
	color: #fff;
	position: absolute;
	left: 7px;
	bottom: 7px;
	text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px;
}
.txt_caption{
	font-size: 12px;
	margin-top:3px;
	letter-spacing: 0.05em;
}
.txt_caption_r{
	font-size: 12px;
	text-align: right;
	margin-top:3px;
}
.txt_caption_l{
	font-size: 14px;
	text-align: left;
	margin-top:0px;
}
.content_box{
	margin-top: 50px;
}
.flex_container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.left_title {
	color: #712f1f;
    font-size: 28px;
    text-align: left;
}
.border_title {
	color: #203864;
    font-size: 28px;
    text-align: left;
	border-bottom: solid 1px;
	margin-bottom: 30px;
}
#ez-map {
	height: 630px;
	width: 100%;
}

@media screen and (max-width:768px){
/*	.footer_logo{
		width: 100%;
		margin:20px auto 0;
		text-align: center;
		
	}
	.footer_logo img{
		width:inherit;
	}*/
	.txt_box p{
		font-size: 16px;
	}
	.left_title {
    font-size: 20px;
	}
}
/*//////////// //all END ////////////*/

/* //////////// breadcrums START ////////////*/
.breadcrums {
	max-width: 1000px;
	padding-top: 10px;
	margin: 0 auto;
	margin-bottom:-5px;
}
.breadcrums p{
	font-size:12px;
}
.breadcrums li{
	float: left;
	list-style: none;
	padding-right: 35px;
}
.breadcrums li a{
	position: relative;
	display: inline-block;
	padding-right: 10px;
	color:#000;
	font-weight: normal;
	font-size:12px;
	text-decoration:none;
}
.breadcrums li a:after{
	content:'';
	position: absolute;
	display: block;
	width: 7px;
	height:7px;
	top: 30%;
	right: -5%;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.breadcrums li:last-child a:after{
	content:'';
	display: none;
}
/*//////////// //breadcrums END ////////////*/

/*//////////// gnavi START ////////////*/
#gnavi{
	width: 100%;
	margin: 1% auto;
	max-width: 800px;
}
#gnavi ul.nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	min-height: 40px;
	margin-bottom:0;
	width:100%;
	padding:0;
}

#gnavi ul.nav li{
	list-style: none;
	width: 14%;
	box-sizing: border-box;
	height: 40px;
	/*border-left:1px solid #000;*/
	vertical-align: middle;
	text-align: center;
	font-size:15px;
}
#gnavi ul.nav li:first-child{
	border-left:none;
	padding-left: 0;
}
#gnavi ul.nav li.active a{
	border-bottom: 2px #203864 solid;
	display:inline-block;
}
#gnavi ul.nav li:hover{
	opacity: .5;
}
#gnavi ul.nav li a{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}


@media screen and (max-width:768px){
	#header{
		position: relative;
	}
	#header .fix_box{
		position: fixed;
		z-index: 1;
		width: 100%;
		height: 66px;
		background:#fff;
		top: 0;
	}
	#header .fix_box img{
		width: 240px;
	}
	#gnavi{
    box-sizing: border-box;
    width: 100%;
	overflow-y: auto;
	height: 100vh;
    position: absolute;		
    top: -110vh;
    left: 0;
    background: rgba(0,0,0,0.9);
	display: block;
	z-index: 9999;
	margin: 0;
	transition: 0.3s ease-out;
	}
	#gnavi.open{
	top: 0px;
	transition: 0.3s ease-out;	
	}
	#gnavi ul.nav{
	width: 100%;
	margin-top: 20px;	
	}
	#gnavi ul.nav li{
	margin-top: 0.5em;	
	display:block;	
	text-align: center;
	font-size: 30px;
	height: auto;
	width: 100%;	
	}
	#gnavi ul.nav li:nth-child(2){
	 padding-left: 0;
	}
	#gnavi ul.nav li a{
	color: #fff;
	font-size: 70%;	
	}
	#menu_link{
		position: absolute;
		content:'';
		width: 50px;
		height: 66px;
		top: 0;
		right: 0;
	}
	#menu_link span{
		transform: translate(0, -50%);
		transition-property: opacity;
	}
	#menu_link::before{
		transform: translate3D(0, -15px, 0);
		transition-property: transform;
		content:'';
	}
	#menu_link::after{
		transform: translate3D(0, 10px, 0);
		transition-property: transform;
		content:'';
	}
	#menu_link::before, #menu_link::after, #menu_link span {
    display: block;
    width: 70%;
    height: 4px;
    position: absolute;
    top: 50%;
    left: 0px;
    background: #000;
    transition: .2s;
	}
	#close_link{
		position: absolute;
		content:'';
		width: 60px;
		height: 100px;
		top: 0;
		right: 0;
	}
	#close_link span{
		transform: translate(0, -50%);
		transition-property: opacity;
		opacity: 0;
	}
	#close_link::before{
		transform: rotate(45deg);
		transition-property: transform;
		content:'';
	}
	#close_link::after{
		transform: rotate(-45deg);
		transition-property: transform;
		content:'';
	}
	#close_link::before, #close_link::after, #close_link span {
    display: block;
    width: 70%;
    height: 4px;
    position: absolute;
    top: 50px;
    left: 0px;
    background: #fff;
    transition: .2s;
	}
	
}
/*//////////// //gnavi END ////////////*/


/*////////////  header logo , contact START ////////////*/
#logo{
	background-color:#FFF;
	padding:0px 0 10px;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	position: relative;
	height: 70px;
}
.logo_leftbox{
	position: absolute;
	left: 10px;
	top: 30px;
}
.logo_leftbox img{
	width: 210px;
}

.logo_rightbox{
	position: absolute;
	right: 0;
	top: 50px;
	text-align: right;
}
.logo_ml{
	display: block;
	text-align: right;
	max-width:100%;
	margin-right:0;
}
.logo_ml img{
	width: 70%;
}
.header_btn{
	display: flex;
	justify-content: flex-end;
    flex-wrap: wrap;
	margin-top: 15px;
}
.footer_btn{
	width:300px;
	display: flex;
	justify-content: flex-end;
    flex-wrap: wrap;
	margin-top: 15px;
	position: absolute;
	bottom:9px;
	right:0;
}
.contact_btn{
	/*width:300px;
	display: flex;
	justify-content: flex-end;
    flex-wrap: wrap;
	margin-top: 15px;
	position: absolute;
	bottom:9px;
	right:0;*/
}
.contact_btn p{
	font-size:16px;
}
.contact_btn a{
	color: #fff;
	background: #aa985f;
	padding:10px;
	/*width: 100%;*/
	text-decoration: none;
	border-radius: 8px;
	transition: .8s;
}
.contact_btn a:hover{
	opacity: .8;
	transition: .8s;
}
.ov_btn{
	text-align: right;
	margin:0 10px 0 0;
}
.ov_btn p{
	font-size:14px;
}
.ov_btn a{
	color: #fff;
	background: #333;
	padding:7px 14px;
	width: 100%;
	text-decoration: none;
	border-radius: 5px;
	transition: .8s;
}
.ov_btn a:hover{
	opacity: .8;
	transition: .8s;
}

@media screen and (max-width:768px){
	#logo{
		height: 35px;
	}
	.logo_leftbox{
	top: 10px;
	width: 10%;	
	}
	.logo_rightbox{
	position: inherit;
	}
	.contact_btn{
	text-align: left;
	margin-top: 20px;
	}
	.contact_btn p{
	margin-top: 0px;
	}
	#logo a{
		width:35%;
	}
	/*.contact_btn a{
		font-size: 30px;	
	}*/
}
/*////////////  header logo , contact END ////////////*/

/* //////////// mv  START ////////////*/

#mv{
	width:100%;
	background-color: #a38e7a;
}
#mv figcaption{
	right: 15px;
	bottom: 15px;
}
#mv h1{
	margin: 0;
	padding: 0;
}
#mv figure{
	width:100%;
}
#mv img{
	width:100%;
}
#mv .mv_text{
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #ba4e3f;
}
#mv .mv_text p{
	color: #fff;
	font-size:24px;
}

#mv .mv_slider,
#mv .slick-list,
#mv .slick-track {
  width: 100%;
}

#mv img {
  width: 100%;
  height: auto;
  display: block; /* 画像下の謎の隙間防止 */
}

/* PC: SP画像は絶対に非表示 */
#mv .mv_slider .sp_display { display: none; }
#mv .mv_slider .pc_display { display: block; }


/* dotsを「MVの上に」固定して見えるようにする */
#mv { position: relative; }

#mv .slick-dots{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
   z-index: 9999;          /* かぶり対策で強め */
  pointer-events: auto;   /* 念のため */
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

/* 文字(1,2)を消して丸にする: slick-theme未読込でも丸が出る */
#mv .slick-dots li{
  display: inline-block;
  margin: 0 6px;
}

#mv .slick-dots li button{
  width: 12px;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 50%;
   background: #fff;              /* 白背景 */
  border: 1px solid #712f1f;   
  text-indent: -9999px; /* 1,2 を画面外へ */
  overflow: hidden;
  cursor: pointer;
}

#mv .slick-dots li.slick-active button{
background: #712f1f;              /* アクティブは少し濃いグレー */
  border-color: #712f1f;
}

#mv .slick-dots li,
#mv .slick-dots li button{
  pointer-events: auto;   /* 念のため */
}


@media screen and (max-width:768px){
	#mv{
		margin-top: 66px;
	}
	#mv .mv_text p{
	font-size:18px;
	}

	  #mv .mv_slider .sp_display { display: block; }
  #mv .mv_slider .pc_display { display: none; }
}
	
/*//////////// //mv  END////////////*/



/*//////////// top START ////////////*/
.btn_inqure{
	max-width:800px;
	margin:0 auto;
}
.btn_inqure img{
	width:100%;
}

.btn_inqure a:hover{
	opacity: 0.8;
	transition: .9s;
}

.btn_txt{
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
    font-family:
  "Hiragino UD Serif W4 JIS2004",
  "ヒラギノ明朝 ProN W3",
  "Hiragino Mincho ProN",
  "Hiragino Mincho Pro",
  "游明朝",
  "Yu Mincho",
  "YuMincho",
  "Noto Serif JP",
  "Sawarabi Mincho",
  "ＭＳ Ｐ明朝",
  "MS PMincho",
  "HG明朝E",
  serif;
}

@media screen and (max-width:768px){
.btn_txt{
	font-size: 12px;
	text-align: left;
}
}

@media screen and (max-width:768px){
	.btn_inqure{
		width: 100%;
		margin-top: 20px;
	}	
}

.btn_inqure02{
	max-width:500px;
	margin:0 auto;
}
.btn_inqure02 img{
	width:100%;
}

.btn_inqure02 a:hover{
	opacity: 0.7;
	transition: .9s;
}

@media screen and (max-width:768px){
	.btn_inqure02{
		width: 85%;
	}	
}

/*a.btn_inqure{
	display: block;
	width:23em;
	margin:0 auto;
	background-color: #203864;
	text-decoration: none;
	opacity: 1;
	transition: .5s;
}
.btn_inqure_in p{
	color: #FFF;
	text-align: center;
	margin: auto;
	padding:8px 0;
	font-size: 22px;
	letter-spacing: 0.18em;
}
a.btn_inqure:hover{
	opacity: 0.8;
	transition: .9s;
}
@media screen and (max-width:768px){
	.btn_inqure{
		width: 100%;
	}
	a.btn_inqure{
		display: block;
		width:100%;
		margin:0 auto;
		background-color: #203864;
		text-decoration: none;
		opacity: 1;
		transition: .5s;
	}
}*/
/*//////////// //top END ////////////*/


/*//////////// youtube START ////////////*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
  max-width: 1000px;
  display: block;
  margin: auto;
}
/*//////////// //youtube END ////////////*/


/*//////////// city START ////////////*/
#city{
	max-width: 1000px;
	width:100%;
	background-color: #fff;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#city .img-left{
	width:65.5%;
}
#city .img-left img{
	width:100%;
}
#city .img-right img{
	width:100%;
}

#city .img-right{
	width:33.65%;
	display:block;
}
#city .img-right .box,
#city .img-left .box{
	position: relative;
}

#city .content{
	padding-top: 10px;
	padding-bottom: 10px; 	
}

/*//////////// //city END ////////////*/

/*//////////// philipnes_map START ////////////*/
.philipines_map{
	margin-top: 50px;
}
.philipines_map .img_box{
	
}
.philipines_map .border_radius{
	margin-top:50px;
	margin-bottom:100px;
	padding: 30px;
	border: solid 1px #000;
	border-radius: 15px;
}

.philipines_map .title{
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 0;
}
.philipines_map .text{
	font-size: 16px;
}


/*//////////// //phillipne_map END ////////////*/



/*//////////// asean  START ////////////*/
#asean{
	margin: 50px auto 10px;
}
#asean .container01{
	margin-top: 10px;
}


#asean .flex_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#asean .flex_box .left_box,
#asean .flex_box .right_box{
	width: 50%;
}

#asean .container02{
	margin-top: 50px;
}

#asean .container03{
	margin-top: 50px;
}

#asean  .container03 .content_box{
	margin-top: 20px;
	margin-bottom: 50px;
}
/*//////////// //asean  END ////////////*/


/*//////////// #caption  START////////////*/
#caption{
	margin-top: 50px;
	margin-bottom: 50px;
}
/*//////////// //#caption  END ////////////*/


/*//////////// THE CONLAY_overview 物件概要 START ////////////*/
.h1_common{
    display:block;
    width:100%;
    height:192px;
    background-image:url("/content/dam/31sumai/lp/sondris/img/overview/ttl_overview.jpg"); /*画像の入っているURLに変更ください*/
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position:relative;
} 
.caption{
    color:#FFF;
    text-shadow: 0px 0px 5px #000, 0px 0px 5px #000;
    text-align:right;
    font-size:10px;
    position:absolute;
    right:10px;
    bottom:10px;
}
.outline dl {
    display: flex;
    margin: 10px 0 0;
    border-bottom: 1px solid #ddd;
    line-height: 2;
    flex-wrap: wrap;
}
.outline dt,
.outline dd {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 0.8em;
}
.outline dt {
    box-sizing: border-box;
    width: 170px;
    padding:8px 0 8px 10px;
    border-left: 1px solid #ddd;
    background-color:#cccccc;
}
.outline dd {
    width: calc(100% - 181px);
    padding:8px 0 8px 10px;
}
.block01{
    margin-bottom: 20px;
}


@media screen and (max-width:768px){
	#top .caption{
        right:5px;
        bottom:10px;		
	}
    .caption{
        color:#FFF;
        text-shadow: 0px 0px 5px #000, 0px 0px 5px #000;
        text-align:right;
        font-size:12px;
        position:absolute;
        right:10px;
        bottom:10px;
    }
    .outline dl {
        display: block;
        margin: calc(100vw * 12 / 640) 0 0;
        border-bottom: none;
        font-size: 10px;
        line-height: 1.5;
    }
    .outline dt,
    .outline dd {
        width: auto;
        border-top: none;
        padding: calc(100vw * 4 / 640) 0;
        padding-left: 0.5em!important;
        font-size: 1.5em;
        border: none;
    }
    .outline dt {
        padding-left: 0;
        background: #cccccc;
        
    }
	.h1_common{
		margin-top: 55px;
	}
}
/*//////////// //overview　物件概要 END ////////////*/

/*////////////THE CONLAY concept コンセプト　START ////////////*/
#concept #main-content{
	padding-bottom: 0;
}
.h1_concept{
    display:block;
    width:100%;
    height:192px;
    background-image:url("/content/dam/31sumai/lp/sondris/img/concept/ttl_concept.jpg"); /*画像の入っているURLに変更ください*/
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position:relative;
}
#concept #main-content .txt_box{
	margin-bottom: 60px;
}
#concept #main-content img{
	width: 100%;
}
#img_container{
	width: 100%;
	padding-bottom: 50px;
}
#img_container img{
	width: 100%;
}
#img_container .flex_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#img_container .flex_box .img_box{
	width: 49.5%;
}
.txt_caption03{
	background-color: #DDDDDD;
	margin: 20px 0 30px;
	padding: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	color: #000;
}
#concept .kerry01{
	width:22%;
	font-size: 16px;
	margin-left:2%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#concept .kerry02{
	width:28%;
	font-size: 13px;
}
#concept .kerry03{
	width:40%;
	font-size: 13px;
}

@media screen and (max-width:768px){
	#img_container{
		width: 95%;
	}
	#img_container .flex_box .img_box{
		width: 100%;
	}
	#equipment #main-content,
	#equipment #img_container{
		padding-bottom: 0;
	}
	.h1_concept{
		margin-top: 55px;
	}
	#equipment #main-content .txt_box{
		margin-bottom: 25px;
	}
	.txt_caption03{
		background-color: #DDDDDD;
		margin: 15px auto 30px;
		padding: 20px;
		display: block;
	}
	#concept .kerry01, #concept .kerry02, #concept .kerry03{
		width:100%;
	}
	#concept .kerry01 p{
		margin:0 0 10px;
		font-size: 18px;
	}
}
/*//////////// //The Conlay_concept コンセプト　END ////////////*/

/*////////////The Arton_equipment 共用施設　START ////////////*/
#equipment #main-content{
	padding-bottom: 0;
}
.h1_equipment{
    display:block;
    width:100%;
    height:192px;
    background-image:url("/content/dam/31sumai/lp/sondris/img/equipment/ttl_equipment.jpg"); /*画像の入っているURLに変更ください*/
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position:relative;
}


#equipment #main-content .txt_box{
	margin-bottom: 50px;
}
#equipment #main-content img{
	width: 100%;
}

#equipment .left_title{
	color: #712f1f;
	font-size: 29px;
}



#equipment .btn_inqure02{
	    width: 28%;
    margin: 0 auto;
}

#img_container{
	width: 100%;
	padding-bottom: 50px;
}
#img_container img{
	width: 100%;
}
#img_container .flex_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#img_container .flex_box .img_box{
	width: 49.5%;
}

@media screen and (max-width:768px){
	#img_container{
		width: 95%;
	}
	#equipment #main-content,
	#equipment #img_container{
		padding-bottom: 0;
	}
	.h1_equipment{
		margin-top: 55px;
	}
	#equipment #main-content .txt_box{
	margin-bottom: 25px;
	}
	#img_container .flex_box .img_box{
		width: 100%;
	}
}
/*//////////// //THE CONLAY equipment 共用施設　END ////////////*/


/*//////////// THE CONLAY owner 共同事業主　START ////////////*/
.h1_owner{
    display:block;
    width:100%;
    height:192px;
    background-image:url("/content/dam/31sumai/lp/sondris/img/owner/ttl_owner.jpg"); /*画像の入っているURLに変更ください*/
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position:relative;
}
#owner .logo_img_box02{
	max-width: 700px;
	margin: 0 auto;
} 
#owner .logo_img_box{
	max-width: 460px;
	margin: 0 auto 60px;
}
#owner #main-content{
	padding-bottom: 20px;
}
#owner #img_container{
	padding-bottom: 0px;
}
#owner #main-content img{
	width: 100%;
}
#owner #img_container .flex_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#owner #img_container .flex_box .img_box{
	width: 49%;
}
#owner #img_container .flex_box .img_box:nth-child(even){
	width: 49%;
}

#owner .flex_container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

#owner .flex_container .flex_box{
	width: 49%;
}

#owner .flex_container .flex_box .title_box{
	font-size:16px;
	margin:10px auto; 
}
#owner .flex_container .flex_box .text_box{
	font-size:13px;
}
#owner .flex_container .flex_box img{
	width: 100%;
}
@media screen and (max-width:768px){
	#owner #img_container .flex_box{
		display: block;
		width: 100%;
	}
	.h1_owner{
		margin-top: 55px;
	}
	#owner #img_container .flex_box .img_box, 
	#owner #img_container .flex_box .img_box:nth-child(even){
		width: 100%;
		margin-bottom:10px;
	}

}

/*//////////// //THE CONLAY owner 共同事業主 END ////////////*/


/*//////////// THE CONLAY plan 間取り　START ////////////*/

.h1_plan{
    display:block;
    width:100%;
    height:192px;
    background-image:url("/content/dam/31sumai/lp/sondris/img/plan/ttl_plan.jpg"); /*画像の入っているURLに変更ください*/
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position:relative;
}
.h3_plan img{
	display: block;
    width:100%;
	margin:30px 0;
}
#plan #main-content{
	padding-bottom: 0px;
}
#plan #main-content img{
	width: 100%;
}

#plan .pttl{
	background-color: #712f1f;
	padding: 10px 0px 10px 20px;
	color: #fff;
	letter-spacing: 0.1em;
	font-size: 36px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

#plan .pttls{
	color: #fff;
    font-size: 22px;
    text-align: right;
    float: right;
    margin: 10px 10px 0px 0px;
}

@media screen and (max-width:768px){
#plan .pttl{
	width: 95%;
	font-size: 18px;
	}
#plan .pttls{
	font-size: 12px;
	}
}

.plan_img{
	display: block;
	width: 100%;
	margin:50px 0 80px;
}

#plan_container{
}

#plan_container .ttls02{
	font-size: 18px;
	margin: 10px 0px 0px 0px;
	text-align: right;
	font-family:
  "Hiragino UD Serif W4 JIS2004",
  "ヒラギノ明朝 ProN W3",
  "Hiragino Mincho ProN",
  "Hiragino Mincho Pro",
  "游明朝",
  "Yu Mincho",
  "YuMincho",
  "Noto Serif JP",
  "Sawarabi Mincho",
  "ＭＳ Ｐ明朝",
  "MS PMincho",
  "HG明朝E",
  serif;
}

@media screen and (max-width:768px){
#plan_container .ttls02{
	font-size: 12px;
	text-align: left;
}
}

/*
#plan_container .flex_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px solid #040000;
	margin-top: 50px;
	padding-bottom: 50px;
}
#plan_container .flex_box img{
	width: 100%;
}
#plan_container .flex_box .left_box,
#plan_container .flex_box .right_box{
	width: 49.5%; 
}
#plan_container .flex_box .left_box{
	text-align: center;
}
#plan_container .flex_box .right_box{
	text-align: left;
}
#plan_container .flex_box .left_box img{
	width: 50%;
}
#plan_container .flex_box .right_box img{
	width: 80%;
}
*/



@media screen and (max-width:768px){
	#plan_container .flex_box .left_box,
	#plan_container .flex_box .right_box{
		width: 100%; 
		text-align: center;
	}
	#plan_container .flex_box .right_box{
		margin-top: 50px;
	}
	.h1_plan{
		margin-top: 55px;
	}
	.plan_img{
		display: block;
		width: 100%;
		margin:30px 0 50px;
	}
}

/*//////////// //THE CONLAY plan 間取り END////////////*/





/*////////////THE CONLAY location ロケーション　START ////////////*/
.h1_location{
    display:block;
    width:100%;
    height:192px;
    background-image:url("../img/location/ttl_location.jpg"); /*画像の入っているURLに変更ください*/
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position:relative;
}
#location #main-content{
	padding-bottom: 10px;
}
#location .img_box img{
	width: 102%;
}
#location .txt_red-purple{
	color: #8E2E4C;
	font-size: 20px;
}
#location .flex_container .flex_box{
	width: 48.5%;
}
#location .flex_container02{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#location .flex_container02 .flex_box{
	width: 100%;
}
#location .flex_container02 .left_box{
	width: 44.5%;
}
#location .flex_container02 .mid_box{
	width: 26.5%;
}
#location .flex_container02 .right_box{
	width: 26.5%;
}
#location .flex_container02 .txt{
	font-size: 14px;
	margin-top:3px;
}
#location #college_cotainer .txt_box{
	line-height: 2.1em;
}
#location .img_box_cap{
	position:relative;
}
#location .img_box_cap p.img_caption_right{
	position: absolute;
	bottom: 7px;
	right: 7px;
	color: #FFF;
    text-shadow: 0px 0px 5px #000, 0px 0px 5px #000;
    text-align: right;
    font-size: 10px;
}
#location .txt_caption02{
	background-color: #DDDDDD;
	padding: 20px;
	margin-top: 20px;
	font-size: 14px;
	color: #000;
}

#location .txt_caption_l{
	color:#712f1f;
}

#location  .p-f-size20{
	font-size: 20px;
}

#location .btn_inqure02 {
    width: 28%;
    margin: 0 auto;
}

@media screen and (max-width:768px){
	#location .flex_container02 .img_box{
		width: 100%;
	}
	#location .flex_container .flex_box{
		width: 100%;
	}
	#location .flex_container02 .left_box{
		width: 100%;
	}
	#location .flex_box .left_box{
		margin-bottom: 20px;
	}
	#location .flex_container02 .mid_box{
		width: 100%;
	}
	#location .flex_container02 .right_box{
		width: 100%;
	}
	#location .flex_box .right_box{
		margin-bottom: 20px;
	}
	.h1_location{
		margin-top: 55px;
	}
	#location  .s-f-size16{
	font-size: 16px;
}
}
/*//////////// //THE CONLAY location ロケーション END////////////*/


.kome{
}
.kome ul{
	margin-left:1em;
	padding:0;
}
.kome ul li{
	text-indent: -1em;
	list-style: none;
	text-align: justify;
}
.kome ul li::before{
	content:'※';
	font-size: 1.3em;
}
#notice{
	padding:30px 0;	
}


/*main-content*/
#top #main-content{
	background:#fff;
}
#main-content{
	width: 100%;
	padding-top: 60px;
	padding-bottom: 60px;

}
#main-content .title{
	color:#712f1f;
	font-size: 45px;
	text-align:center;
	letter-spacing: 0.15em;
	margin: 0 0 20px 0;
}

#main-content .text{
	font-size: 18px;
	text-align: left;
}
@media screen and (max-width:768px){
	#main-content .title{
	font-size: 30px;
	}
}
/*//////////// //main-content END ////////////*/

/*////////////  movie  START ////////////*/
#movie{
	width: 100%;
	margin: 50px auto 50px;
	max-width: 1000px;
}
#movie img{
	width: 100%;
}

.movie_title{
	padding-top: 50px;
	padding-bottom: 50px;
	max-width:768px;
	margin: 0 auto;
	width: 50%;
}
.video_box{
	text-align: center;
}
.video_box video{
	width: 100%;
	background: #000;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.movie_title{
	width: 80%;
	}
}
/*//////////// //movie  END ////////////*/

/*//////////// buner_container  START ////////////*/
#buner_container{
	width: 100%;
	padding-bottom: 50px;
}
#buner_container img{
	width: 100%;
}
#buner_container .flex_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#buner_container .flex_box img{
	margin-bottom:10px;
}
#buner_container .flex_box .left_box,
#buner_container .flex_box .right_box{
	width: 49.5%;
}
#buner_container a{
	transition: .9s;
}
#buner_container a:hover{
	opacity: 0.8;
	transition: .9s;
}

@media screen and (max-width:768px){
	#buner_container{
	padding-bottom: 0px;
	}	
	#buner_container .flex_box .left_box,
	#buner_container .flex_box .right_box{
	width: 100%;
	}
}
/*//////////// //buner_container  END ////////////*/


/*//////////// //footer_contact  START ////////////*/
#footer_contact{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	/*position:relative;*/
}

@media screen and (max-width:768px){
#footer_contact{
	margin: 0 auto;
}
}

#footer_contact .contact_btn p{
	margin-bottom: 0;
}
#footer_contact .contact_btn a{
    display:block;
	color: #fff;
	background: #836b23;
	padding:10px;
	text-decoration: none;
	border-radius: 8px;
	transition: .8s;
    text-align:center;
}


@media screen and (max-width:768px){
#footer_contact .contact_btn a{
	width: 70%;
    margin: auto;
}
}

#footer_contact .contact_btn a:hover{
	opacity: .8;
	transition: .8s;
}
#footer_contact address{
    width: 75%;
    margin-bottom:40px;
    text-align: justify;
    font-family:
  "Hiragino UD Serif W4 JIS2004",
  "ヒラギノ明朝 ProN W3",
  "Hiragino Mincho ProN",
  "Hiragino Mincho Pro",
  "游明朝",
  "Yu Mincho",
  "YuMincho",
  "Noto Serif JP",
  "Sawarabi Mincho",
  "ＭＳ Ｐ明朝",
  "MS PMincho",
  "HG明朝E",
  serif;
}

@media screen and (max-width:768px){
#footer_contact address{
	width: 100%;
    margin-bottom: 40px;
    text-align: justify;
}
	}

#footer_contact > address > ul{
    margin:0 auto;
    padding-inline-start: 20px;
}
#footer_contact > address > ul > li{
    font-size:14px;
    margin-bottom:7px;
    list-style: disc;
}
#footer_contact > address > h4{
    font-size:18px;
    margin-bottom:20px;
}
#footer_contact > address > dl{
    margin-bottom:7px;
    margin-left:20px;
}
#footer_contact > address > dl > dt{
    font-size:14px;
    margin-left:-0.4em;
}
#footer_contact > address > dl > dd{
	font-size:14px;
}
@media all and (-ms-high-contrast: none) {
    #footer_contact > address > dl{
        margin-left:40px;
    }
}
/*//////////// //footer_contact END ////////////*/




/* //////////// footer START ////////////*/
footer{
	background-color: #FFF;
    padding: 80px 0 0;
    border-top: solid 1px #FFF;
    border-bottom: none;
    border-left: none;
    border-right: none;
    color: #000;
    text-align: left;
}

@media screen and (max-width:768px){
footer{
	padding: 30px 0 0;
}
}

footer .footer_inner{
	text-align: center;
	background: #f6f6f6;
	padding:30px 0;
	margin-top: 30px;
}
footer p{
	margin-bottom:30px;
	font-size: 16px;
}
footer .footer_btn p{
	margin-bottom:0;
}
footer #address p{
	margin-bottom:10px;
	font-size: 16px;
	font-weight: bold;
}
footer img{
	padding:0;
}
footer .footer_inner ul li{	
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right:#4d4d4d 1px solid;
	list-style: none;
	font-size: 12px;
} 
footer .footer_inner ul li a{
	text-decoration: none;
	color: #333;
}
footer .footer_inner p {
    font-size: 10px;
	padding-top: 10px;
	margin-bottom: 0;
}


/*//////////// //footer END ////////////*/


/* //////////// footer contact START ////////////*/
footer #footer_contact .txt_caption{
	text-align: left;
}
/*#footer_contact{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position:relative;
}*/
#footer_contact .contact_btn{
	right:0;
	bottom: 0;
}
@media screen and (max-width:768px){
	footer #footer_contact #address{
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}	
	footer #footer_contact .contact_btn{
	position:inherit;
	text-align:center;
	width: 100%;
	/*margin-top: 50px;*/
	}
}

/*//////////// //footer contact  END ////////////*/



@media screen and (max-width:768px){
	section{
		width:94%;
		margin: auto;
	}
	figcaption{
		font-size: 1em;
	}
	#copy{
		width:100%;
		display: block;
		text-align:center;
		background-color:#00101d;
		color:#FFF;
	}
	#copy h1{
		font-size:40px;
		padding:10px 0 7px;
		letter-spacing: 0.1em;
		line-height: 1.4em;
	}
	figure{
		display: block;
	}
	#mv figure:nth-child(2){
		width:100%;
	}
	#mv .img-right{
		position:relative;
		display: block;
		width:100%;
	}
	dl.detail dt{
		width:9%;
		font-size: 15px;
		padding: 2px;
	}
	dl.detail dd{
		width:86%;
		font-size: 17px;
	}
	dl.detail{
		margin-bottom:20px;
	}
	.up{
		position: relative;
		top: 0.8em;
	}
	.detail_left{
		clear:both;
		display:block;
		width:100%;
		font-size: 15px;
	}
	.detail_right{
		clear:both;
		display:block;
		width:100%;
		float: none;
		font-size: 15px;
	}
	.detail_left dl dt{
		width:25%;
	}
	.detail_left dl dd{
		width:70%;
	}
	.detail_right dl dt{
		width:25%;
	}
	.detail_right dl dd{
		width:70%;
	}

	section#column, section#column_02{
		width:100%;
	}
	#column h2{
		text-align: center;
		font-size: 40px;
		letter-spacing: 0.1em;
		padding:60px 0 10px;
		display: block;
	}
	#column hr{
		padding-bottom:40px;
		clear:both;
	}
	.column-left, .column-right{
		float:none;
		width:100%;
	}
	#column hr.hr_02{
		clear:both;
		display: block;
		margin: 40px auto 0;
		width: 80px;
	}
	.column_02{
		clear: both;
		display: block;
		padding:40px 0px 0px;
	}
	.column-right h3, .column-left h3, .column-right_02 h3, .column-left_02 h3{
		font-size: 38px;
		letter-spacing: 0.1em;
		padding:30px 0 30px;
		line-height: 1.7em;
	}
	#column p{
		line-height: 1.8em;
		font-size:18px;
		letter-spacing: 0.05em;
	}
	.column-left_02, .column-right_02{
		width:100%;
	}
	address{
		font-size: 1em;
		text-align: center;
	}
	#seminar{
		clear: both;
		margin:60px auto 20px;
		position:relative;
	}
	footer_contact p{
		margin-top: 20px;
		margin-bottom:15px;
		font-size: 20px;
	}
	footer a{
		font-size: 16px;
	}
	small{
		font-size: 11px;
	}
	/*global_map*/
	#global_map{
		margin-bottom: 50px;
	}
	
	#global_map .global_map_title{
		font-size:12px;
	}
	/*main-content*/
	#main-content{
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	/*city*/
	#city{
		width: 95%;
	}
	#city .img-left{
		width: 100%;
	}
	#city .img-right{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
		margin-top: -1.25vw;
	}
	#city .img-right .box{
		width: 50%;
	}

	/* philippines_map*/
	.philipines_map .img_box img{
		width: 100%;
	}
	/* asean */
	#asean .flex_box{
		flex-flow: column-reverse;
	}
	#asean img{
		width: 100%;
	}
	#asean .flex_box .left_box, #asean .flex_box .right_box{
		width: 100%;
	}
	/*potential*/
	#potential img{
		width: 100%;
	}
	/*project*/
	#project img{
		width: 100%;
	}
	#project .main_title img{
		width: inherit;
	}


	
	/*contact
	#contact{
		margin:0 auto;
	}
	#contact .txt_caption{
		margin-top:20px;
	}
	#contact address{
		width: 100%;
	}
	#contact .contact_btn{
		width: 100%;
		margin-top: 0px;
		text-align: center;
		position: inherit;
	}

	footer .footer_inner{
		box-sizing: border-box;
		width: 100%;
		padding-right:5%;
		padding-left:5%;
		margin-top: 20px;
	}
	footer img{
	width:70%;
	margin-top: 20px;	
	}*/
}