@charset "utf-8";
/*
font-family:"リュウミン R-KL", serif;
font-family:"リュウミン B-KL", serif;
*/
#wrapper #main h3 {
	width: auto;
	height: auto;
	font-size: 40px;
	padding-left: 0;
	line-height: 1.4;
	text-shadow: none;
	color:#000000;
	text-align:center;
	font-family:"NUDモトヤアポロ3", serif;
	background:url("../images/icon_title.png") no-repeat center top;
	padding:40px 0 0;
	margin:0 0 40px;
}

#wrapper #main h3 span{
	font-weight: bold;
}

#main{
	font-size:14px;
	color:#000000;
	line-height:1.5;
}

#main a,
#main a:after{
	transition: all 400ms 0s ease;
	text-decoration:none;
}

#main { margin:0px auto 10px; }
#main .sp { display:none!important; }

/*main
-----------------------------------------------------------------*/
#wrapper #main .wrap{
	width:1100px;
	margin:10px auto;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#555555;
	background:#f8f5ec;
}

.bn_open {
	margin:0 auto 30px auto;
	width:1100px;
}
#wrapper #main .main {
	background:url(../images/main_bg.jpg);
	height:100px;
	position:relative;
}

#wrapper #main .main:after{
	content:"";
	display:block;
	background:url(../images/icon_1.png) no-repeat;
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:50px;
	margin-top:-25px;
}

#wrapper #main .main p {
	color:#ffffff;
	font-size:35px;
	font-weight:bold;
	padding:21px 0 0 130px;
	line-height:1.2;
}
#wrapper #main .main p span {
	font-size:18px;
	font-weight:bold;
}
/*#wrapper #main .main {
	background:#014099;
	width:1100px;
	height:340px;
	overflow:hidden;
}
#wrapper #main .main_boxleft {
	float:left;
	width:600px;
}
#wrapper #main .main_boxleft p {
	text-align:center;
	color:#FFFFFF;
}
#wrapper #main .main_branches_name p {
	font-size:37px;
	line-height:1.2;
	font-weight:bold;
	margin-top:100px;
}
#wrapper #main .main_branches_subname p {
	font-size:18px;
	font-weight:bold;
	margin-bottom:32px;
}
#wrapper #main .main_txt p {
	font-size:16px;
	line-height:1.4;
}
#wrapper #main .main_img {
	float:right;
}*/

/*support
--------------------------------------------------------------------*/

#wrapper #main .support{
	padding-bottom:20px;
}
#wrapper #main .support_tit{
	float:left;
	padding:62px 0 30px 20px;
}

#wrapper #main .support_tit p{
	background:#0fb983;
	width:226px;
	margin:0 auto;
	border-radius:5px;
	padding:20px 0;
	position:relative;
}
#wrapper #main .support_tit span{
	display:block;
	text-align:center;
	background:url("../images/icon_2.png") no-repeat center top;
	padding:60px 0 0;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
}

#wrapper #main .support_tit p:after {
	content: "";
	position: absolute;
	bottom: -18px; 
	left: 50%;
	border: 10px solid transparent;
	border-left: 40px solid #0fb983;
	-webkit-transform: rotate(43deg);
	transform: rotate(43deg);
}

#wrapper #main .support_floatbox{
	overflow:hidden;
}


#wrapper #main .support_01{
	background:url(../images/bg01.png);
	float:right;
	margin: 20px 20px 0 20px;
	border:#0fb983 solid 1px;
}
#wrapper #main .support_01_box {
	background:#FFFFFF;
	margin-left:10px;
	padding:25px 0 25px 30px;
	overflow:hidden;
}
#wrapper #main .support_01_box p {
	width:400px;
	padding-bottom:10px;
}
#wrapper #main .support_txt {
	float:left;
	padding:30px 28px 0 0;
}
#wrapper #main .support_01_box .support_img{
	float:right;	
}
#wrapper #main .support_01_box img {
	padding-right:30px;
}
#wrapper #main .support_01_box span, #wrapper #main .support_02_box span {
	font-size:20px;
	line-height:1.2;
	color:#0fb983;
	font-weight:bold;
}
#wrapper #main .support_02 {
	background:url(../images/bg01.png);
	width:1060px;
	margin:20px;
	border:#0fb983 solid 1px;
}
#wrapper #main .support_02_box {
	background:#FFFFFF;
	margin-left:10px;
	padding:25px 0 25px 30px;
}
#wrapper #main .support_02_box p {
	width:1000px;
	padding-bottom:10px;
}
#wrapper #main .support_02_box img {
	padding-right:28px;
}
#wrapper #main .support_bf_tour img {
	padding:20px 0 0 262px;
}

#wrapper #main .support_02_box .support_img_slider{
	position:relative;
	margin:0 10px 0 0;
}

#wrapper #main .support_02_box .support_img_slider img{
	width:100%;
	padding:0;
}

#wrapper #main .support_02_box .support_img_slider .bx-pager{
	display:none;
}

#wrapper #main .support_02_box .support_img_slider .bx-controls-direction .bx-prev{
	display:block;
	position:absolute;
	top:50%;
	left:4px;
	width:40px;
	height:40px;
	margin-top:-20px;
	text-indent:-99999px;
	background:url("../images/icon_slide_prev.png") no-repeat center center;
	background-size:contain;
}
#wrapper #main .support_02_box .support_img_slider .bx-controls-direction .bx-next{
	display:block;
	position:absolute;
	top:50%;
	right:4px;
	width:40px;
	height:40px;
	margin-top:-20px;
	text-indent:-99999px;
	background:url("../images/icon_slide_next.png") no-repeat center center;
	background-size:contain;
}


/*mail
----------------------------------------------------------------------*/

#wrapper #main .mail {
	color:#014099;
	text-align:center;
	font-size:18px;
	line-height:1.5;
	margin-bottom:40px;
}
#wrapper #main .mail p {
	padding-bottom:10px;
}
#wrapper #main .mail a.btn_mail{
	display:block;
	width:906px;
	margin:0 auto;
	padding:26px 0;
	border-radius:5px;
	position: relative;
	background: linear-gradient(to bottom, #3fc79c 0%, #3fc79c 50%, #0fb983 51%, #0fb983 100%)
}

#wrapper #main .mail a.btn_mail:before{
	content:"";
	display:block;
	background:url(../images/icon_3.png) no-repeat;
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:132px;
	margin-top:-25px;
}

#wrapper #main .mail a.btn_mail:after{
	content:"";
	display:block;
	background:url(../images/icon_arrow_w.png) no-repeat;
	width:25px;
	height:29px;
	position:absolute;
	top:50%;
	right:32px;
	margin-top:-14px;
}

#wrapper #main .mail a.btn_mail strong{
	font-size:33px;
	font-weight:bold;
	color:#ffffff;
}
#wrapper #main .mail a.btn_mail span{
	font-size:22px;
	font-weight:bold;
	color:#ffffff;
	padding:0 0 0 4px;
	position: relative;
	top:-4px;
}

/*branches_info
-----------------------------------------------------------------------*/

#wrapper #main .branches_info_staff p,
#wrapper #main .branches_info_map p,
#wrapper #main .branches_info_facebook p {
	font-weight:bold;
	font-size:24px;
	color:#014099;
}
#wrapper #main .branches_info {
	width:1060px;
	background-color:#FFFFFF;
	margin:0 0 20px 20px;
	overflow:hidden;
	border:#014099 solid 1px;
}
#wrapper #main .branches_info_desk {
	margin:30px;
	overflow:hidden;
}
#wrapper #main .branches_info_tit {
	margin: 6px 0 20px;
	width:480px;
	float:left;
}
#wrapper #main .branches_info_tit p {
	background:#014099;
	width:480px;
	border-radius:5px;
	padding:20px 0;
	position:relative;
	text-align:center;
}
#wrapper #main .branches_info_tit span {
	display:inline-block;
	text-align:center;
	background:url("../images/icon_1.png") no-repeat left center;
	background-size:contain;
	padding:10px 0 10px 80px;
	font-size:25px;
	font-weight:bold;
	color:#ffffff;

}

#wrapper #main .branches_info_tit p:after {
	content: "";
	position: absolute;
	bottom: -18px; 
	left: 50%;
	border: 10px solid transparent;
	border-left: 40px solid #014099;
	-webkit-transform: rotate(43deg);
	transform: rotate(43deg);
}

#wrapper #main .branches_info_txt {
	font-size:13px;
	background:url(../images/bg02.png);
	color:#014099;
	width:480px;
	float:right;
}
#wrapper #main .branches_info_txt_box {
	background:#FFFFFF;
	margin-left:10px;
	padding:15px;
}
#wrapper #main .branches_info_staff {
	float:right;
	margin:0 30px 0 0;
	min-height:400px;
	position:relative;
}
#wrapper #main .branches_info_staff_balloon {
	position: absolute;
	top: 170px;
	left: 110px;
}
#wrapper #main .branches_info_staff_txt {
	position: absolute;
	top: 235px;
	left: 130px;
	line-height:1.1;
}
#wrapper #main .branches_info_map {
	float:left;
	margin:0 0 30px 30px;
}
#wrapper #main .branches_info_facebook {
	float:right;
	margin:0 30px 30px 0;
}
#wrapper #main .map {
	color:#014099;
	text-align:center;
	font-size:18px;
	line-height:1.5;
	margin-bottom:40px;
}
	 
/*btn
----------------------------------------------------------------*/

#wrapper #main .btn{
	padding:0 20px 60px 20px;
	overflow:hidden;
	text-align:center;
}

#wrapper #main .btn_01, #wrapper #main .btn_02 {
	width:32%;
	margin-right:2%;
	float:left;
}
#wrapper #main .btn_03 {
	width:32%;
	float:left;
}

#wrapper #main .btn_01 a,
#wrapper #main .btn_02 a,
#wrapper #main .btn_03 a{
	display:block;
	padding:20px 0 18px;
	border-radius:5px;
	background:url("../images/btn_bg_orange.png") repeat center center;
	background-size:100% 100%;
	font-size:22px;
	font-weight:bold;
	line-height: 1.3;
	color:#ffffff;
	position: relative;
}

#wrapper #main .btn_01 a:before,
#wrapper #main .btn_02 a:before,
#wrapper #main .btn_03 a:before{
	content:"";
	display:block;
	background:url(../images/icon_4.png) no-repeat;
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:20px;
	margin-top:-25px;
}
#wrapper #main .btn_02 a:before{ background-image:url(../images/icon_5.png); }
#wrapper #main .btn_03 a:before{ background-image:url(../images/icon_6.png); }

#wrapper #main .btn_01 a:after,
#wrapper #main .btn_02 a:after,
#wrapper #main .btn_03 a:after{
	content:"";
	display:block;
	background:url(../images/icon_arrow_w.png) no-repeat;
	background-size:contain;
	width:15px;
	height:19px;
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-8px;
}


/* color アメリカ
--------------------------------------------------------------------*/
/*
#wrapper #main .support_tit p{
	background:#f9396f;
}
#wrapper #main .support_tit p:after {
	border-left-color:#f9396f;
}
#wrapper #main .support_01{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAARklEQVQImWP4aV34/6dl/v9fvnX//0zd9P/PnO3/f9cs+M+ATfCndeF/BmyCPy3z/zNgE/zlU/ufAZvgn6mb/jOgCCIZCwARvWoR0xrjmAAAAABJRU5ErkJggg==");
	border-color:#f9396f;
}
#wrapper #main .support_01_box span, #wrapper #main .support_02_box span {
	color:#f9396f;
}
#wrapper #main .support_02 {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAARklEQVQImWP4aV34/6dl/v9fvnX//0zd9P/PnO3/f9cs+M+ATfCndeF/BmyCPy3z/zNgE/zlU/ufAZvgn6mb/jOgCCIZCwARvWoR0xrjmAAAAABJRU5ErkJggg==");
	border-color:#f9396f;
}
#wrapper #main .mail a.btn_mail{
	background: linear-gradient(to bottom, #fe7b9e 0%, #fe7b9e 50%, #f9396f 51%, #f9396f 100%)
}
*/

/* color ビーチリゾート
--------------------------------------------------------------------*/
/*
#wrapper #main .support_tit p{
	background:#14abf9;
}
#wrapper #main .support_tit p:after {
	border-left-color:#14abf9;
}
#wrapper #main .support_01{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAARklEQVQImWPQ2fLrf9OlP/+7rv75n3z893/xNT//i6z++Z8Bm6DW5l//GbAJNl36858BWRDZWAZsgsnHf/9nwCYovubnfwCkYmyLzNVGQAAAAABJRU5ErkJggg==");
	border-color:#14abf9;
}
#wrapper #main .support_01_box span, #wrapper #main .support_02_box span {
	color:#14abf9;
}
#wrapper #main .support_02 {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAARklEQVQImWPQ2fLrf9OlP/+7rv75n3z893/xNT//i6z++Z8Bm6DW5l//GbAJNl36858BWRDZWAZsgsnHf/9nwCYovubnfwCkYmyLzNVGQAAAAABJRU5ErkJggg==");
	border-color:#14abf9;
}
#wrapper #main .mail a.btn_mail{
	background: linear-gradient(to bottom, #4fc9fb 0%, #4fc9fb 50%, #14abf9 51%, #14abf9 100%)
}
*/

/* color アジア
--------------------------------------------------------------------*/
/*
#wrapper #main .support_tit p{
	background:#f6921c;
}
#wrapper #main .support_tit p:after {
	border-left-color:#f6921c;
}
#wrapper #main .support_01{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAARklEQVQImWP4Ptf4/6+jbf9/n+z7/3N75v9vk+X/f5sk858Bm+D3OYb/GbAJ/jra9p8BRRDJWAZsgj+3Z/5nwCb4bbL8fwAzXWppevj6KQAAAABJRU5ErkJggg==");
	border-color:#f6921c;
}
#wrapper #main .support_01_box span, #wrapper #main .support_02_box span {
	color:#f6921c;
}
#wrapper #main .support_02 {
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAARklEQVQImWP4Ptf4/6+jbf9/n+z7/3N75v9vk+X/f5sk858Bm+D3OYb/GbAJ/jra9p8BRRDJWAZsgj+3Z/5nwCb4bbL8fwAzXWppevj6KQAAAABJRU5ErkJggg==");
	border-color:#f6921c;
}
#wrapper #main .mail a.btn_mail{
	background: linear-gradient(to bottom, #fbb75b 0%, #fbb75b 50%, #f6921c 51%, #f6921c 100%)
}
*/


/*----------------------スマホ版-----------------------*/

@media screen and (max-width: 768px) {
	#main .pc { display:none!important;}
	#main .sp { display:block!important;}
	
	#wrapper #main img{
		max-width:100%;
	}

	#wrapper #main h3 {
		width: auto;
		height: auto;
		font-size: 20px;
		padding-left: 0;
		line-height: 1.4;
		text-shadow: none;
		color:#000000;
		background-size:50px auto;
		padding:20px 0 0;
		margin:0 0 20px;
	}

	#main{
		font-size:11px;
		background:none;
		overflow: hidden;
	}


	/*main
	-----------------------------------------------------------------*/
	#wrapper #main .wrap{
		width:auto;
		margin-top:0;
	}

	#wrapper #main .main {
		background-position:right center;
		background-size:auto 100%;
		height:auto;
	}
	
	#wrapper #main .main:after{
		background-size:contain;
		width:25px;
		height:25px;
		left:10px;
		margin-top:-12.5px;
	}
	
	#wrapper #main .main p {
		font-size:20px;
		padding:10px 0 8px 60px;
	}
	#wrapper #main .main p span {
		font-size:14px;
	}

	/*support
	--------------------------------------------------------------------*/
	#wrapper #main .support{
		padding-bottom:10px;
	}
	#wrapper #main .support_tit{
		float:none;
		padding:20px 10px 20px;
	}

	#wrapper #main .support_tit p{
		width:auto;
		padding:10px 0;
	}
	#wrapper #main .support_tit span{
		background-size:25px auto;
		padding:32px 0 0;
		font-size:16px;
	}

	#wrapper #main .support_01{
		background-size:3px auto;
		float:none;
		margin: 10px;
	}
	#wrapper #main .support_01_box {
		margin-left:10px;
		padding:10px 0 10px 10px;
	}
	
	#wrapper #main .support_01_box p {
		width:auto;
	}
	#wrapper #main .support_txt {
		float:none;
		padding:10px 0 0 0;
	}
	#wrapper #main .support_01_box .support_img{
		float:none;
	}
	#wrapper #main .support_01_box img {
		padding-right:0;
	}
	#wrapper #main .support_01_box span, #wrapper #main .support_02_box span {
		font-size:14px;
	}
	#wrapper #main .support_02 {
		background-size:3px auto;
		width:auto;
		margin:10px;
	}
	#wrapper #main .support_02_box {
		margin-left:10px;
		padding:10px 0 10px 10px;
	}
	#wrapper #main .support_02_box p {
		width:auto;
	}
	#wrapper #main .support_02_box img {
		width:32%;
		padding-right:0;
	}

	/*mail
	----------------------------------------------------------------------*/
	#wrapper #main .mail {
		font-size:14px;
		padding:0 10px;
		margin-bottom:20px;
	}
	#wrapper #main .mail p {
		font-size:11px;
	}

	#wrapper #main .mail a.btn_mail{
		width:auto;
		padding:13px 36px;
	}

	#wrapper #main .mail a.btn_mail:before{
		background-size:contain;
		width:25px;
		height:25px;
		left:10px;
		margin-top:-12px;
	}

	#wrapper #main .mail a.btn_mail:after{
		background-size:contain;
		width:13px;
		height:13px;
		right:10px;
		margin-top:-6px;
	}

	#wrapper #main .mail a.btn_mail strong{
		font-size:20px;
	}
	#wrapper #main .mail a.btn_mail span{
		font-size:11px;
		top:0;
	}

	/*branches_info
	-----------------------------------------------------------------------*/
	
	#wrapper #main .branches_info_staff p,
	#wrapper #main .branches_info_map p,
	#wrapper #main .branches_info_facebook p {
		font-size:14px;
		}
	#wrapper #main .branches_info {
		width:auto;
		margin:0 10px 20px 10px;
	}
	#wrapper #main .branches_info_desk {
		margin:10px;
	}

	#wrapper #main .branches_info_tit{
		margin:0 0 20px;
		width:auto;
		float:none;
	}
	#wrapper #main .branches_info_tit p {
		width:auto;
		padding:10px 0;
	}
	#wrapper #main .branches_info_tit span {
		background-position:center top;
		background-size:25px auto;
		padding:32px 0 0;
		font-size:16px;
	}


	#wrapper #main .branches_info_txt {
		font-size:11px;
		background-size:3px auto;
		width:auto;
		float:none;
	}
	#wrapper #main .branches_info_txt_box {
		padding:10px;
	}
	
	#wrapper #main .branches_info_staff {
		float:none;
		margin:0 10px 20px;
		min-height:auto;
	}
	#wrapper #main .branches_info_map {
		float:none;
		margin:0 10px 10px;
	}

	#wrapper #main .branches_info_map_frame{
		position:relative;
		height:0;
		padding:60% 0 0;
	}
	#wrapper #main .branches_info_map_frame iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	 
	/*btn
	----------------------------------------------------------------*/
	
	#wrapper #main .btn{
		padding:0 10px 30px;
	}

	#wrapper #main .btn_01, #wrapper #main .btn_02 {
		width:auto;
		margin:0 0 10px;
		float:none;
	}
	#wrapper #main .btn_03 {
		width:auto;
		float:none;
	}

	#wrapper #main .btn_01 a,
	#wrapper #main .btn_02 a,
	#wrapper #main .btn_03 a{
		padding:20px 0 18px;
		font-size:16px;
	}

	#wrapper #main .btn_01 a:before,
	#wrapper #main .btn_02 a:before,
	#wrapper #main .btn_03 a:before{
		background-size:contain;
		width:25px;
		height:25px;
		left:10px;
		margin-top:-12px;
	}

	#wrapper #main .btn_01 a:after,
	#wrapper #main .btn_02 a:after,
	#wrapper #main .btn_03 a:after{
		width:13px;
		height:13px;
		right:10px;
		margin-top:-6px;
	}

}

/* トップに戻る */
.bt_pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10000;
}

.bt_pagetop a {
	background: #014099;
	border-radius: 10px;
	color: #fff;
	display: block;
	height: 60px;
	text-align: center;
	text-decoration: none;
	width: 60px;
}

.bt_pagetop a img{
	width:100%;
}
@media screen and (max-width: 768px) {
	.bt_pagetop a {
		height: 40px;
		width: 40px;
	}
}

/*----------------------topへ戻る----------------------*/
#return_top { text-align:center; margin:10px; }
#return_top a { background: url("https://image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }