@charset "utf-8";

/*==================================================================
	
	default.css (ver 1.4.1)
	
	1: reset styles
	2: font setting
	3: text setting
	4: clearfix
	5: layout styles
	
===================================================================*/

/*==================================================================
	1: reset styles
===================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
embed, ruby{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

ol, ul{
	list-style:none;
}

blockquote, q{
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:'';
	content:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
/*
img{
	vertical-align:bottom;
}
*/


/*==================================================================
	2: font setting
===================================================================*/
body{ font:13px/1.231 'メイリオ','ＭＳ Ｐゴシック',sans-serif; *font-size:small; *font:x-small; }
select, input, button, textarea, button{ font:99% arial,helvetica,clean,sans-serif; }
table{ font-size:inherit; font:100%; }
pre, code, kbd, samp, tt{ font-family:monospace; *font-size:108%; line-height:1; }


/*==================================================================
	3: text setting
===================================================================*/
/*
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%    26px = 197%
*/
.f10{ font-size:77%; }  /* renders 10px */
.f11{ font-size:85%; }  /* renders 11px */
.f12{ font-size:93%; }  /* renders 12px */
.f14{ font-size:108%; } /* renders 14px */
.f15{ font-size:116%; } /* renders 15px */
.f16{ font-size:123.1%; } /* renders 16px */
.f18{ font-size:138.5%; } /* renders 18px */

h1, h2, h3, h4, h5, h6{ font-weight:normal; }

strong, b, em{ font-weight:bold; }

sup{ vertical-align: text-top; }
sub{ vertical-align: text-bottom; }


/*==================================================================
	4: clearfix
===================================================================*/
.clearfix{ zoom:1; }

.clearfix:after{
    content:""; 
    display:block; 
    clear:both;
}

/* clearfix代替
-------------------------------------------------------------------*/
.box{
	overflow:hidden;
	zoom:1;
}


/*==================================================================
	5: layout styles
===================================================================*/
/* text styles
-------------------------------------------------------------------*/
.bold{ font-weight:bold; }
 
.cap_l{
	font-size:77%;
	text-align:left;
}
.cap_r{
	font-size:77%;
	text-align:right;
}

/* text-align styles
-------------------------------------------------------------------*/
.center{ text-align:center !important; }
.left{ text-align:left !important; }
.right{ text-align:right !important; }
.middle{ vertical-align:middle; }

/*float styles
-------------------------------------------------------------------*/
.fl_l{ float:left; }
.fl_r{ float:right; }

/*clear styles
-------------------------------------------------------------------*/
.clear{ clear:both; }

/* hover styles
-------------------------------------------------------------------*/
/*
a.hover:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
*/
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
.nover a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity:1.0;
	opacity:1.0;
}

/* margin styles
-------------------------------------------------------------------*/
.mt00{ margin-top: 0px !important; }
.mt05{ margin-top: 5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }

.ml00{ margin-left: 0px !important; }
.ml05{ margin-left: 5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml40{ margin-left:40px !important; }
.ml50{ margin-left:50px !important; }

.mr00{ margin-right: 0px !important; }
.mr05{ margin-right: 5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr40{ margin-right:40px !important; }
.mr50{ margin-right:50px !important; }

.mb00{ margin-bottom: 0px !important; }
.mb05{ margin-bottom: 5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }

/* padding styles
-------------------------------------------------------------------*/
.pt00{ padding-top: 0px !important; }
.pt05{ padding-top: 5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }
.pt40{ padding-top:40px !important; }
.pt50{ padding-top:50px !important; }

.pl00{ padding-left: 0px !important; }
.pl05{ padding-left: 5px !important; }
.pl10{ padding-left:10px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pl25{ padding-left:25px !important; }
.pl30{ padding-left:30px !important; }
.pl40{ padding-left:40px !important; }
.pl50{ padding-left:50px !important; }

.pr00{ padding-right: 0px !important; }
.pr05{ padding-right: 5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }
.pr30{ padding-right:30px !important; }
.pr40{ padding-right:40px !important; }
.pr50{ padding-right:50px !important; }

.pb00{ padding-bottom: 0px !important; }
.pb05{ padding-bottom: 5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }
.pb40{ padding-bottom:40px !important; }
.pb50{ padding-bottom:50px !important; }

/* 計測タグを入れた時にフッターにできる隙間対策
-------------------------------------------------------------------*/
html > body img{
	display:none;
}
html > body div img{
	display:inline;
}
body {
	text-align: center;
	-webkit-text-size-adjust: 100%;
}
.header {
	height: 568px;
	background: url(../img/img15.jpg) repeat-x;
	text-align: left;
}
.header_img{
	height: 568px;
	background: url(../img/header_960.jpg) no-repeat center top;
}
.header_img > p{
	color:#fff;
	width:300px;
	font-size:90%;
}
h1 {
	/*
	text-indent: -9999px;
	overflow: hidden;
	*/
	margin-bottom: 20px;
}
h1 img {
	width: 100%;
	height: 100%;
}
h2{
	margin-bottom:20px;
}
/* index */
div#header_bg{
	margin:0;
	padding:0;
	width: 100%;
}
div#header{
	max-width: 960px;
	margin: 20px auto;
}
div#footer_bg{
	margin:0;
	padding:0;
	width: 100%;
    border-top: 2px solid #000;
}
div#footer{
	max-width: 960px;
	margin: 10px auto;
}
.footer_left{float: left;}
.footer_right{float: right;}
div#wrapper{
	max-width:960px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.map img {
	width: 100%;
	height: auto;
}
.map_left{
	max-width: 960px;
	margin: auto;
}
.map_right{
	max-width: 960px;
	margin: auto;
}
.map_right img {
	width: 20% !important;
	float: left;
}
.map_info_txt{
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
	font-size: 11px;
}
.outbound_map {
	max-width: 800px;
	margin: 0 auto 30px;
}
.outbound_map img {
	width: 100%;
	height: auto;
}
.estate {
	margin-bottom: 20px;
}
.estate .list {
	width: 33.33333%;
	float: left;
	margin-bottom: 10px;
}
.estate .list img {
	width: 100%;
	height: auto;
}
h2.thailand_title{
    border-bottom: 2px solid #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 14px;
	text-align: left;
	font-size: 17px;
	margin-bottom: 5px;
	position: relative;
}
h2.thailand_title:before {
	content: "　";
	border-left: 3px solid #aaa;
	position: absolute;
	top: 7px;
	left: 0;
}
h2.thailand_title span {
	font-family: 'Montserrat', sans-serif;
	padding-right: 15px;
	font-size: 20px;
}
.thailand_txt{
    line-height: 1.7;
    font-size: 14px;
    color: #231815;
    padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.topicpath{
	max-width: 960px;
	text-align: left;
	font-size: 10px;
	margin: 10px 0;
}
.topicpath ol li{
	display: inline;
	list-style-type: none;
}
.topicpath ol li:before {
	content:" > ";
	margin-left: 1px;
	margin-right: 1px; 
}
.topicpath ol li:first-child:before {
        content:"";
}
.header_btn {
	padding-top: 10px;
}
.header_btn .btn {
	background: #1d96d5;
	width: 120px;
    display: inline-block;
    padding: 10px 0;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
}
.headerNav{
	float:left;
	width: 420px;
	line-height: 1.7em;
	padding-top: 14px;
	font-size: 10px;
}
.headerNav ol li{
	display: inline;
	list-style-type: none;
}
.headerNav ol li a{
	color:#0088c7;
}
.headerNav ol li a:hover{
	text-decoration: none;
}
.headerNav ol li:before {
	content:" l ";
	margin-left: 1px;
	margin-right: 1px; 
}
.headerNav ol li:first-child:before {
    content:"";
}
.gnav {
    background: url(image/bg_gn_01.png) repeat-x 0 100%;
    min-height: 36px;
	z-index: 100;
    position: relative;
}
.gnav ul { 
	overflow: hidden;
    display: table;
    margin: 1px auto;
    max-width: 960px;
    width: 100%;
}
.gnav ul li { display: table-cell; text-align: center; padding: 1px 0; width: 25%; }
.gnav ul li a { display: block; padding: 9px 0 8px; font-size: 14px; text-decoration: none; color: #fff; border-left: 1px solid #81BEF7; margin-bottom: 3px; }
.gnav ul li:last-child a { border-right: 1px solid #81BEF7; }
.gnav ul li a:hover { background: #00BFFF; }

.logoimg {
	float:left;
	width: 238px;
	height: 60px;
}
.thailand_icon {
	float:left;
	width: 158px;
	height: 40px;
	margin-top: 20px;
	margin-left: 3px;
}
.topicpath a{
	color:#0088c7;
	text-decoration: none;
}
.topicpath a:hover {
    text-decoration: underline;
}
.thailand_info_btn a{
	text-decoration: none;
}
.thailand_info_btn a{
	margin-left: 15px;
}
.thailand_info_btn a:first-child {
    margin-left: 0px;
}
.thailand_info_block{
	max-width: 960px;
}
.thailand_info_txt{
	width: 30.33333%;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: left;
	line-height: 1.6;
    font-size: 12px;
    margin-right: 1.5%;
    margin-left: 1.5%;
    float: left;
}
.thailand_info_txt img{
	padding-bottom: 5px;
	width: 100%;
	height: auto;
}
.thailand_info_txt:nth-child(3n+1) {
	clear: both;
}
.thailand_info_txt a{
	text-decoration: none;
	color: #231815;
}
.thailand_info_txt a:hover{
	text-decoration: underline;
	color: #808080;
}
.thailand_info_txt:nth-child(4){

}
.thailand_info_img{
	margin:10px 0;
}
img.market { width: 35%; float: right; margin: 0 0 50px 20px; }
/*button*/
.button {
        margin-top: 9px;
	display: inline-block;
	width: 200px;
	height: 42px;
	text-align: center;
	text-decoration: none;
	line-height: 42px;
	outline: none;
	font-size: 16px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
        color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.button:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.slicknav_menu {
 display:none;
}
.estate-list h3 { width: 200px; color: #333; background: #eee; padding: 4px 0; font-size: 14px; margin-bottom: 15px; clear: both; }
.estate-list .property-list { width: 48%; margin-right: 4%; margin-bottom: 25px; float: left; }
.estate-list .property-list:nth-child(2n) { margin-right: 0; }
.estate-list .property-list img { width: 30%; float: left; margin-right: 3%; }
.estate-list .property-list table { width: 67%; }
.estate-list .property-list table th, .estate-list .property-list table td { text-align: left; font-size: 14px; padding: 2px 5px; }
.estate-list .property-list table th { width: 6em; }

.line { background: url(image/line_bg.gif); margin-top: 30px; margin-bottom: 20px; padding: 13px 0 12px; color: #fff; font-size: 18px;}

table.seminar-detail { width: 100%; font-size: 14px; line-height: 1.65em; }
table.seminar-detail th { vertical-align: middle; background: #f8f8f8; border-bottom: 5px solid #fff;position: relative; }
table.seminar-detail td { text-align: left; padding: 10px 8px 10px 20px; }
table.seminar-detail th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: #fff;
	border-left-color: #f8f8f8;
	border-width: 7px;
	margin-top: -7px;
}
img.thai-map { width: 300px; height: auto; float: right; margin: 0 0 20px 20px; }
dl.QandA { width: 100%; margin: auto; }
dl.QandA dt { padding: 7px 8px; background: url(image/arrow.png) no-repeat; background-position: 98% center; }
dl.QandA dt:hover { cursor: pointer; background: url(image/arrow.png) no-repeat #e3e3e3; background-position: 98% center; }
dl.QandA dt.active { background: #e3e3e3; background: url(image/arrow-up.png) no-repeat #e3e3e3; background-position: 98% center; }
dl.QandA dd { padding: 7px 8px; }

.pc { display: inherit; }
.sp { display: none !important; }

@media screen and (max-width:960px) {
	.inner { margin-right: 10px; margin-left: 10px; }
}


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

	div#header {margin: 10px auto; position: relative;}
	
	.logoimg { margin-left: 5px;}
	.thailand_icon {margin: 0; float: none; padding-top: 5px; clear: both; height: auto; }
	.headerNav { width: 100%; }
	#gnav, .headerNav {display:none;}
	.slicknav_menu {display:block;}
	.thailand_info_txt{ width: 100%; margin: auto 0 15px; }
	h2.thailand_title{font-size: 16px;}
	h2.thailand_title span {font-size: 19px;}
	.map_left, .map_right {width:100%;}
	.footer_left {float: none; text-align: center;}
	.footer_right {float: none; text-align: center; padding-top: 8px;}

	.estate-list .property-list { width: 100%; margin-right: 0; }
	.estate-list .property-list img { width: 100%; margin-bottom: 8px; }
	.estate-list .property-list table { width: 100%; }
	.estate .list {
		width: 50%;
		float: left;
	}
	/*ハンバーガーメニューのエフェクト*/
	.slicknav_icon,
	.slicknav_icon span {
	    display: inline-block;
	    transition: all .4s;
	    box-sizing: border-box;
	}
	.slicknav_icon {
	    position: relative;
	    width: 50px;
	    height: 44px;
	}
	.slicknav_menu .slicknav_icon-bar{
	    position: absolute;
	    left: 0;
	}
	.slicknav_icon span:nth-of-type(1) {
	    top: 0;
	}
	.slicknav_icon span:nth-of-type(2) {
	    top: 3px;
	}
	.slicknav_icon span:nth-of-type(3) {
	    bottom: 0;
	}
	.active .slicknav_icon-bar:nth-of-type(1) {
	    -webkit-transform: translateY(6px) rotate(-45deg);
	    transform: translateY(6px) rotate(-45deg);
	    top: 5px;
	}
	.active .slicknav_icon-bar:nth-of-type(2) {
	    opacity: 0;
	}
	.active .slicknav_icon-bar:nth-of-type(3) {
	    -webkit-transform: translateY(-6px) rotate(45deg);
	    transform: translateY(-6px) rotate(45deg);
	    bottom: 5px;
	}
	.slicknav_menu {
		position: absolute;
		background: none !important;
		top: 5px;
		right: 5px;
		width: 100%;
	}
	.slicknav_nav {
		background: #2e9cdf;
	}
	.slicknav_menu .slicknav_icon-bar {
	    background-color: #333 !important;
	    width: 35px !important;
	}
	.slicknav_btn {
	    background-color: #fff !important;
	}
	.slicknav_menu .slicknav_icon {
	    width: 35px !important;
	}
	table.seminar-detail th { width: 100%; display: block; box-sizing: border-box; padding: 8px; }
	table.seminar-detail td { width: 100%; display: block; box-sizing: border-box; padding: 8px 0; }
	table.seminar-detail th:after {
		left: 50%;
		top: 115%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: #fff;
		border-top-color: #f8f8f8;
		border-width: 8px;
		margin-left: -8px;
	}
	img.thai-map { width: 100%; margin: 0 0 10px; }
	.pc { display: none; }
	.sp { display: inherit !important; }
	dl.QandA dt { padding: 7px 25px 7px 8px; }
	.header_btn { display: none; }
	.map_right img {
		width: 33.33333% !important;
		float: left;
	}
}


@media screen and (max-width:480px) {
	.gnav { background: min-height: 36px; background-size: contain; padding-bottom: 8px;}
	.gnav ul li { display: block; text-align: center; padding: 1px 0 0; width: 50%; float: left; }
	.gnav ul li a { margin-bottom: 0; }
	.gnav ul li:first-child a, .gnav ul li:nth-child(2) a { margin-bottom: 0; border-bottom: 1px solid #81BEF7;}
	.slicknav_btn { margin: 5px 5px 119px !important;}
	.estate .list {width: 100%;float: left;}
	
}


/* 200622 タブ追記 */
.s-tab_list {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 2px solid #003d7c;
}
.s-tab_item {
    position: relative;
    width: 100%;
    border: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
	cursor: pointer;
}
.m-tab__item+.m-tab__item{
	border-left: 1px solid #ddd
}
.s-tab_text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
    height: 50px;
}
.s-tab_link {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 49px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    -webkit-transition: all .12s ease-out 0s;
    -o-transition: all .12s ease-out 0s;
    transition: all .12s ease-out 0s;
}
.s-tab_current {
    height: 50px;
    border: 0;
    font-weight: normal;
    background: #1b2b4c;
    color: #ffffff;
}
.s-panel {
	display:none;
}
.s-panel.s-panel_current {
	display:block;
}

@media screen and (max-width:480px) {
	.s-tab_item {
		font-size: 11px;
	}
}

/* 210920 ウェルスアドバイザリー本部追加 */
.gnav ul li a{
	font-size:min(1.36vw,14px);
	white-space: nowrap;
}


.gnav ul li.s-gnav-item-empty{
	display: none;
}
@media screen and (min-width:481px) {
	.gnav ul li {
	    width: 20%;
	}
	.gnav ul li:nth-child(5) a{
		border-right: 1px solid #81BEF7;
	}
}

@media screen and (max-width:480px) {
	.gnav ul li:nth-child(3) a, .gnav ul li:nth-child(4) a{
	    margin-bottom: 0;
	    border-bottom: 1px solid #81BEF7;
	}
	.gnav ul li.s-gnav-item-empty{
		display: block;
	}
	.gnav ul li.s-gnav-item-empty a{
		pointer-events: none;
	}
}