@charset "utf-8";
/* CSS Document */

/*.people_li {
	display: none;
	}	*/

.people_p{
	font-size: 15px;
    font-weight: bold;
    margin: 20px 0 15px;	
}	
.switch_left:hover {
	background: #402186!important;
	color: #fff!important;
	}
.switch_right:hover {
	background: #233a70!important;
	color: #fff!important;
	}

	
.margin-bottom0{
	margin-bottom: 0!important;
}	
.margin-bottom25{
	margin-bottom: 25px!important;
}
.margin-top15{
	margin-top: 15px;
	}

.padding-bottom20{
	padding-bottom: 60px !important;
}

	
html,body {  
    margin: 0;  
    padding: 0;  
    height: 100%;  
	min-height: 100%;
	max-width: 100%;
	}
 
.no-gutter > [class*='col-'] {
    padding-right:0!important;
    padding-left:0!important;
}

.floatcontainer{
	border: 0!important;
	margin-bottom: 20px;
	}
.floatcontainer:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.mark_div form:hover,
.p_button:hover,
.submit_button:hover,
.top_waku a:hover,
.mark_div a:hover,
.navbar-brand:hover {
	/*opacity: 0.7;*/
 }
 
.form_p a:hover {
	color: #00baf8!important;
	text-decoration: underline !important;
	}
 
 .nav_extra a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0!important;
	}

.radio{
	display: inline-block;
	margin-left: 8px!important;
	vertical-align: -2px;
	}
.ul_short {
	margin: 20px 0;
	}
.margin30{
	margin:30px 0;
	}	

/*******************************************************
すべてのページの背景画像
********************************************************/	
.main{
	position: relative;
	/*height: 599px;*/
	}
.catch_in	{
	overflow: hidden;

	
	/*background-image: url("../img/top_title2.png");
	background-position: 50% 50%;
    background-repeat: no-repeat;	*/
	background-color:  transparent;
	}
.catch_in_pic{
	text-align: center;
	position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
margin:0 auto;
	z-index: 2;
	width: 100%;
	max-width: 812px;
	}	
	
	
.back_pic {
	/*background-color:DarkTurquoise;*/
	width: 100%;
	}	
.nav-right,.nav_ul_take{
	position: relative;
	z-index: 102;
	}
.bxslider li{
	width: 100%;
	}
.bxslider_img{
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
	}
/*	
.bxslider li:nth-child(1) {
	background-image: url("../img/top_back1.jpg");
	background-size:cover;
	background-position: 0% 0%;
    background-repeat: no-repeat;
	}
.bxslider li:nth-child(2) {
	background-image: url("../img/top_back2.jpg");
	background-size:cover;
	background-position: 0% 0%;
    background-repeat: no-repeat;
	}	
.bxslider li:nth-child(3) {
	background-image: url("../img/top_back3.jpg");
	background-size:cover;
	background-position: 0% 0%;
    background-repeat: no-repeat;
	}
.bxslider li:nth-child(4) {
	background-image: url("../img/top_back4.jpg");
	background-size:cover;
	background-position: 0% 0%;
    background-repeat: no-repeat;
	}	
.bxslider li:nth-child(5) {
	background-image: url("../img/top_back5.jpg");
	background-size:cover;
	background-position: 0% 0%;
    background-repeat: no-repeat;
	}
.bxslider li:nth-child(6) {
	background-image: url("../img/top_back6.jpg");
	background-size:cover;
	background-position: 0% 0%;
    background-repeat: no-repeat;
	}		
.bxslider li:nth-child(7) {
	background-image: url("../img/top_back7.jpg");
	background-size:cover;
	background-position: 0% 0%;
    background-repeat: no-repeat;
	}		
*/	

	
.back_pic2 {
	height: auto;
	background-color:DarkTurquoise;
	background-image: url("../img/back-top2.jpg");
	background-size:cover;
	}

.back_pic_our {
	height: auto;
	background-image: url("../img/Our/our_back.jpg");
	background-size:cover;
	}
.back_pic_about {
	height: auto;
	background-image: url("../img/About/about_back.jpg");
	background-size:cover;
	}
.back_Sp {
	height: auto;
	background-image: url("../img/Sp/Special_back.jpg");
	background-size:cover;
	}	
	
	
	
.sub_top{
	/*background: #fff;*/
	}
	
.sp_img:hover{
	/*opacity:0.8;*/
	}

/*******************************************************
問い合わせ
********************************************************/	
.people_li {
	overflow: hidden;
	padding: 15px;
	/*border: 1px solid #cdf8fc;*/
	margin-bottom: 20px;
	background: #f2f1f3;
	}

.form_up .nav-tabs {
    border-bottom: none;
	}
.form_up {
	width : 100%;
	margin: 0 auto;
	}

.switch_form {
	margin: 0 auto;	
	overflow: hidden;
	}
	
.form_up_p{
	font-size: 12px;
	margin: 15px 0; 
	text-align: center;
	}
	
.switch_left,.switch_right {
display: block;
	float: left;
	box-sizing: border-box;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  		
	text-align: center;
	background: #fff;
	}	

.switch_left{
	border: 1px solid #402186;
	color: #402186;
	}	
.switch_right{
	border: 1px solid #233a70;		
	color: #233a70;
	}	
	
.on_switch_left {
	background: #402186;	
	color: #fff!important;
	}
.on_switch_right {
	background: #233a70;	
	color: #fff!important;
	}

	
.switch_left:a,.switch_right:a {
	color: #fff;
	}
.form_waku {
	border: 1px #b3b3b3 solid;
	background: #fff;
	margin: 30px 0;
	box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	
	}	
	
 
/**********************************************
hover
***********************************************/
.nav_li a{
	transition: background-color 0.3s;
	}
.foot_li a,
.foot_lang_div a,
.form_p a{
	transition: color 0.3s;
	}
.no1_top a,
.top_waku a{
	/*transition: opacity 0.3s ease-out;*/
	}
.no1_top a:hover,
.top_waku a:hover{
	/*opacity: 0.5;*/
	}
.nav_extra a:hover,.nav_extra a:link,
.nav_extra a:visited,.nav_extra a:active,
.nav_extra a:focus{
	text-decoration: none;
	}

	
/*戻るボタン*/
 #pageTop{
 position: fixed;
   bottom: 20px;
   right: 20px;
}
#pageTop a {
    display: block;
    z-index: 999;
    padding: 8px 5px 2px;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    background-color: rgba(63,132,212,0.85);
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

/************************************************************
ナビ
*************************************************************/	
.top_icon{
	width: 100%;
	height: auto;	
	}
.nav_all_take{
	width: 100%;
	position:absolute;
	top:0;
	z-index: 10;
	margin-bottom: 0!important;	
/*	background-color: rgba(1,14,121,0.8);
    background: -moz-linear-gradient(top,  
            rgba(1,18,92,0.8),  
            rgba(0,82,207,0.8));
    background: -webkit-gradient(linear, left top, left bottom,  
            from(rgba(1,8,92,0.8)),  
            to(rgba(0,82,207,0.8)));
background: linear-gradient(top,rgba(240,240,240,0.3),rgba(24,24,24,0.9));
*/
	background-image: url("../img/nav_back.png");
    background-repeat: repeat-x;
	border-top: 0!important;
	border-left: 0!important;
	border-right: 0!important;
	border-bottom: 1px solid #001f96 !important;		

	}
.icon-bar {
	background: #3f84d4!important;		
	}
.navbar-toggle{
	border-color: #3f84d4!important;
	}
.nav_ul_take{
	margin: 0;
	padding: 0 ;
	/*overflow: hidden;/*ブートストラップのデフォルトの余白を消す*/
	}	
.nav-up{
	width: 100%;
	margin-left: auto;
}	

.li-nav-long {
	padding: 0 5px;

	}

	
/************************************************************
サブページ
*************************************************************/	
.sub_img1{
	background-image: url("../img/sub-title01.png");
	background-position : 50% 50%;/*画面の幅が小さくなっても、中央の文字が中心にくるように*/
	background-repeat: no-repeat;
	height: 195px;	
	}
.sub_img2{
	background-image: url("../img/sub-title02.png");
	background-position : 50% 50%;/*画面の幅が小さくなっても、中央の文字が中心にくるように*/
	background-repeat: no-repeat;
	height: 195px;	
	}
.sub_img{
	display: table;
	width: 100%;
	height: 195px;	
	}
.sub_img_div{	
	display:table-cell;
	height: 195px;	
	text-align: center;
	vertical-align:middle;	
	}	
.sub_img img{
	max-width: 100%;
	}	
.top_space{
	letter-spacing: -1px;
	}	

/************************************************************
上書き
*************************************************************/	
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color:  transparent!important;
	}

.navbar-inverse{
	background-color:  transparent!important;
	}
.dropdown-menu{
	/*background-color:  transparent!important;*/
	}
	.navbar{
	border-radius: 0;
	}
h2{
	font-size: 22px;/*18px*/
	padding: 10px 0 ;
	box-sizing: border-box;
	}
h3{
	font-size: 15px;
	font-weight: 800;
	}
.h3_span{
	border-width : 0px 0px 3px 0px;
	border-style : solid ;
	border-color : pink;
}

.navi-border{
	border-top: 1px solid #4e2a84;	
	border-bottom: 5px solid #4e2a84;		
box-shadow:0px 14px 16px -11px #cecfd5;
-moz-box-shadow:0px 14px 16px -11px #cecfd5;
-webkit-box-shadow:0px 14px 16px -11px #cecfd5;
	}
	
.clearfix {
	clear: both;
}

p {color:#000; line-height:1.5;}
.summary_p{ width: auto; padding: 5px 10px; background-color:Indigo; display: block;}
.language_div{ background-color:Plum;}
.logo_div{ background-color:WhiteSmoke;}

#inverseNavbar1,
.container-fluid{
	/*background-color:Indigo;*/
	padding: 0;
	}
.navbar-inverse .navbar-nav > .active > a{
	/*background-color:Indigo;*/	
	}
.main_image{
	height: auto;
	/*background-color:DarkTurquoise;*/
	background-image: url("../img/es-backimg.jpg");
	background-position : 50% 50%;/*画面の幅が小さくなっても、中央の文字が中心にくるように*/
	}
.main_img{
	height: 150px;
	background-color:SlateBlue;
	}
.div_01{
	background: lightseagreen;
}
.div_02{
	background: darkkhaki;
}
.div_in_01{
	background: lightcoral;
	height: 100px;
}
.div_in_02{
	background: steelblue;
	height: 100px;
}
.div_in_03{
	background: mediumseagreen;
	height: 100px;
}

.lang_1{
	width: 110px;
	margin-right: 5px;
float: left;	
}
.lang_2{
	width: 110px;
float: left;		
}
.div960{
max-width: 960px;
/*background: pink;*/
padding-right: 0!important;
padding-lleft: 0!important;
margin: 0 auto;
overflow: hidden;
 	}
.summary_div{
margin-top: 5px;
overflow: hidden;
text-align: right;
padding-right: 0!important;
padding-lleft: 0!important;
}


/* page top */
.pagetop_wrap{ width:2%; margin-left:auto; margin-right:20px;}

a.pageTop{display:block; text-decoration:none;}
p.btn_pagetop {
	width:23px;
	height:140px;
	color:#4e2984;
	padding:0 0 15px 0;
	background:url(../images/common/gotop.png) no-repeat bottom;
	vertical-align:bottom;
	}
	

/*	ナビ、SPとPC共通	*/
#nav-menu-1 .nav-take .push,
#nav-menu-1 .nav-take .top_home{
	color: #4e2a84;
}
.nav-margin{
	margin-bottom: 0;
	}
.top_waku img{
	width: 100%;
	height: auto;
	}
.no-padding {
    padding-right:0!important;
    padding-left:0!important;
	}

/*******************************************************
共通
********************************************************/
h3 {
	font-size: 15px;
	margin:10px 0 10px;
	}	

.main_cont{
	padding: 20px 0 40px!important;	
	max-width: 1170px;
	}
.main_cont2{
	margin: 0 auto;
	padding: 0px 0 20px 0!important;	
	/*max-width: 1170px;*/
	}

.tab_con_all{
	padding: 20px 15px!important;		
	}
.top_con_all{
	padding: 20px 0px!important;		
	}	

.modal_img_size img{
	width: 100%;
	}
.modal_img_size{
	margin: 0;
	background: aqua;
	padding:10px;
	width: 100%;
	}
.f_icon{
	font-size: 8px;
	margin: 0 0 0 10px;
	vertical-align:1px;
	}
.text_shadow{
	color: white;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
	}
.text_shadow a,	
.text_shadow a:hover,	
.text_shadow a:active,
.text_shadow a:visited{
	color: white!important;
}	

	
.p1{
	font-size: 14px;
	line-height:20px;
	
	}
.h1_text{/*背景色は共通*/
	border-top:1px #3f85d5 solid;
	border-bottom:1px #3f85d5 solid;		
background: #f2f3f4; /* Old browsers */
background: -moz-linear-gradient(left,  #f2f3f4 0%, #f2f3f4 40%, #d7e2e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f2f3f4 0%,#f2f3f4 40%,#d7e2e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f2f3f4 0%,#f2f3f4 40%,#d7e2e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f4', endColorstr='#d7e2e4',GradientType=1 ); /* IE6-9 */
	}
.h1_span{
	display: block;
	font-weight: bold;
	line-height: 20px;
	}
.nextpage{
	display: block;
    width: 230px;
    height: 30px;		
	}
.nextpage2{
	display: block;
    width: 230px;
    height: 30px;		
	}
.smallcaps{
	/*font-variant:small-caps;*/
	font-size:11px;
	/*2017/04/06 永谷追加*/
	}	
/*ページ送り*/
.page_div{
	margin: 20px  0 50px;
	width: 100%;
	overflow: hidden;
	}
	
/**************************************
トップページ
*****************************/
.topin1,.topin2,.topin3,.topin4,.topin5,.topin6 {
position: relative;
	}
.topin1:hover,.topin2:hover,.topin3:hover,.topin4:hover,.topin5:hover,.topin6:hover {
opacity: 0.7;
	}
.topin {
position: relative;
background-color: #002d82!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}
/*.topin img:hover {
opacity: 0.3;
	}*/

.topin img{
background-color: #0130db!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

	
.top_box{
	position: absolute;
	bottom :0px;
	text-align: left;
	padding: 10px 20px;
	background: rgba(1,11,98,0.7); 
		height: 70px;
		width: 100%;
		/*display: table;*/
	}
.top_box a{	
	color: #fff!important;
}	
.top_h2,.top_p {
		font-size: 16px;
	color: #fff!important;
}
.top_h2 {
	/*display: table-cell;*/
	vertical-align: middle;
	padding: 0;
	text-align: left;
	}
.text-left{
	text-align: left;
	}	

.main_image_index{
	height: auto;
	/*background-color:DarkTurquoise;*/
	/*background-image: url("../img/top_back.jpg");
	background-size:cover;*/
	overflow: hidden;
	}
.sub_img_index img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	}	
.sub_img_index{
	width: 100%;
	height: auto;	
	text-align: center;
	}	
.sub_img_index2{
	/*height:8px;
	background-image: url("../img/top_border.jpg");
	background-position : 50% 50%;/*画面の幅が小さくなっても、中央の文字が中心にくるように*/
	width: 100%;
	height: auto;
	/*background: pink;*/
	position: relative;
	}	
.sub_all:after {
  content: ""; 
  display: block; 
  clear: both;
}
	
.sub_left img,.sub_right img{
	max-width: 100%;
}
.sub_all{
	/*overflow: hidden;*/
	}
.sub_all a{
	text-decoration: none;
	}	
.sub_all img{
	width: 100%;
	max-width: 100%;	
	}
.sub_top{
	position:relative;
	}
.sub_top:after{
	position:absolute;
	bottom: 10px;
	left: 10px;
	z-index: 5;
	content : url('../img/specal.png') ;
	display: block;	
	}
.top_sp {
	overflow: hidden;
	}
.top_sp:hover .sub_top:after{
	position:absolute;
	bottom: 10px;
	left: 10px;
	z-index: 5;
	content : url('../img/specal_hover.png') ;
	display: block;	
	}	
	
	
.sub_center{
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	background: #ebedec;
	box-sizing: border-box;
	padding: 5px 20px;
	}	
.sub_center p{
	font-size: 22px;
	color: #dd4a00!important;
	}		

.sub_bottom{
	color: #6f6f6f;
	font-size: 12px;
	text-align: right;
	background: #ebedec;
	box-sizing: border-box;
	padding: 5px 20px;	
	}

.sub_bottom a{
	color: #6f6f6f;	
	}

	
	
/**********************
PALAU
**********************/

	
	

/*************************************
Our
************************************/

.our_first_text{
	text-align: right;
	padding-right: 40px;
	margin-bottom: 5px;
	}
.our_title {
    height: 60px;
    background: steelblue;
	}
.our_title h2	{	
    margin: 0 auto;
    padding: 0 0 0 30px;
    display: table-cell;
    width: 1170px;
    vertical-align: middle;
    color: #fff;
	}
.our_waku{
	width: 100%;
	overflow: hidden;
	}
.our_img_all{
	width: 100%;
	}
.our_img_all img{
	width: 100%;
	max-width: 100%;
	}
.Our_blueline{
	border: 1px solid #c2e6e6;
	background: #fff;
	}
.Our_blueline h4 {
	font-size: 16px;
	font-weight: bold; 
	}
.Our_h5 {
	font-size: 14px;
	font-weight: bold;	
	}
.Note_li {
	list-style-type: disc!important;
	}		
.no_li {
	list-style-type: decimal!important;
	margin-left:20px;
	}
.Note_h4,.An{/*ブートストラップのfloat解除*/
		clear: both;
	}	
.blue_c {
	padding-left: 0.5em;
	} 
.blue_c li{
	padding-left: 1em;
	text-indent: -0.5em;
	} 	
	
.blue_c li:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #a9d0da;
	position: relative;
	left: -10px;
	top: -3px;
}	

/*****************************************
About
/*****************************************/
.add_over{
	overflow: hidden;
	}

.about_1div_pic{
-webkit-box-shadow: 4px 5px 12px -1px rgba(122,122,122,1);
-moz-box-shadow: 4px 5px 12px -1px rgba(122,122,122,1);
box-shadow: 4px 5px 12px -1px rgba(122,122,122,1);
	}
.back_gray{
	background: #eeeeee;
	}
.about_1div,.about_2div{
	width: 100%;
	}
.about_1div img,.about_2div img{
　max-width: 100%;
	width: 100%;
	}	
	
.about_center{
	display:table;	
	}
	
.about_text1{
	margin-bottom: 10px;
	}
.about_h2_span{
	font-weight: normal;
	padding-left:1.5em;
	}

.about_3div img{
　max-width: 100%;
	width: 100%;
	}
.staff-box	{
	padding-left: 0!important;
	padding-right: 0!important;	
	}
	
.staff_div{
	display: table;
	width: 100%;
	margin: 0 auto;
border: none;	
padding: 0;
	}
.in_left,.in_right,.in_left2,.in_right2{
	display: table-cell;
	width: 50%;
	vertical-align: top;
	}

	
	
.in_right {
	padding:0 10px;
	box-sizing: border-box;
	}	
.in_right span{
	font-weight: bold;
	}
.in_right_down {
	margin-top: 10px;
	}	
.in_right {
	position: relative;
	color: #fff!important;
	font-size: 11px;
	background: #00c5f9;
	vertical-align: middle!important;
	}
.in_left2 {
	vertical-align: middle!important;
	}		
	
	
.in_right:after {
  border-right: 12px solid #00c5f9;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: '';
  margin-top: -10px;
  position: absolute;
  left: -12px;
  top: 50%;
  z-index: 2;
	}
	
.about_lo_all {
	padding-left: 0!important;
	padding-right: 0!important;	
	}
	
.about_lo_top img{
	max-width: 100%;
	width: 100%;	
	}	
.about_lo_top div{
	margin-bottom: 15px;
	}
.about_lo_top p {
	margin-bottom: 10px;
	}
.about_boat{
	height: auto;
	background-image: url("../img/About/boat_back.jpg");
	background-size:cover;
	/*max-height: 400px;*/
	}	
.about_shop_all {
	overflow: hidden;
	}
.about_shop_all img{
	max-width: 100%;
    width: 100%;
	}

.about4_all img{
	max-width: 100%;
    width: 100%;
	}	
.about4_right{
	background: #fff;
	}	
.yellow_title{
display: inline-block;
	width: auto;
	background: #efc000;
	color: #fff;
	}
.yellow_text{
	font-size: 14px;
	}

.about_color_1{
	background: #597ac1;
	}
.about_color_2{
	background: #00cafc;
	}
.about_color_3{
	background: #4ec396;
	}
.about_color_4{
	background: #efc000;
	}

/*****************************************
Special
/*****************************************/	
.back_pic_con2{
    height: auto;
    background-color: #daedfe;
	}
.sp_ul li{
	display: block;
	margin: 0 auto 30px;
box-shadow:4px 4px 10px -3px #636363;
-moz-box-shadow:4px 4px 10px -3px #636363;
-webkit-box-shadow:4px 4px 10px -3px #636363;	
	}
.sp_div_all{
	min-height: 300px;
	padding: 10px 20px 20px;
	box-sizing: border-box;
	}
.sp_div_all2	{
	min-height: 300px;
	box-sizing: border-box;
	}	
	
.sp_div_all h2,.sp_div_all2 h2{
	text-align: center;
	padding-top: 20px;
	}
.sp_li_1{
background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255,0.8) 30%, rgba(255, 255, 255, 0) 60%), url('../img/Sp/sp_con_back1.jpg') center bottom / cover no-repeat;	
	}	
	
.sp_li_2{
background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255,0.8) 30%, rgba(255, 255, 255, 0) 60%), url('../img/Sp/sp_con_back2.jpg') center bottom / cover no-repeat;	
	}	
	
.sp_in_bottom{
	width: 100%;

	overflow: hidden;
	}
.back_white{
	background: #fff;
	}
.back_blue{
	background: #a3cbf6;
	}	
.sp_center{
	margin-bottom:20px;
	}
.sp_in_bottom{
	margin-top: 15px;
}	
.sp_3_up{
	background: #fff;
	}
.sp_in_left img{
	max-width: 100%;
	width: 100%;
	height: auto;
	}

.sp_left {
    margin-top: 25px;
    background-color: rgba(42,140,220,0.85);
}
.sp_left p,.sp_left  h3{
	color: #fff;
	}

	
/*****************************************
フッター
/*****************************************/

.row-up{
	margin: 0!important;
	}
.foot_1{
    padding-right:0!important;
    padding-left:0!important;
	}
.foot{
	background: #1d46b5;
	margin-top:-60px;/*-50px 4/4永谷更新*/
	padding-top: 15px;/*20px 4/4永谷更新**/
	height: auto;
	}
.foot_li{
	margin-left:1em;
	padding-bottom: 10px;
	line-height:17px
	}
.foot_li:first-child{
	font-weight: 900;
	margin-left:0;	
	}
.foot_lang_ul{
	overflow: hidden;
	}	
.foot_lang{
	width: 50%;
	display: block;
	float: left;
	}
.marks{
	margin-right: 15px;
	}
.mark3{
	text-align: bottom;
	}	
.mark_div{
    display: table-cell;
	}
.foot a,
.foot a:visited{
	color: #fff!important;
    transition: color 0.3s;	
	}
.foot a:hover,
.foot a:active{
	color: #51f6f6!important;
	text-decoration: underline!important;
	}	
.foot_li_span{
	font-size: 12px;
	}
.foot_copy{
	color: #fff;
	}
.foot_all{
	padding-top:70px;
	}
.foot_div_right{
	overflow: hidden;
margin-left: auto;
	}
.foot_copy li:first-child {
	font-size: 14px;
	font-weight: bold; 
	margin-bottom: 7px;
	}	
.foot_Special{
	font-size: 14px!important;
	font-weight: bold; 
	margin: 10px 0 0!important;
	}	
	
.foot_menu li{
	font-size: 12px;
	margin-bottom: 3px;
	}		
.foot_menu li:first-child:not(.palau2){
	font-size: 14px;
	font-weight: bold; 
	margin-bottom: 7px;
	}	
.copy{
	margin-top: 15px;
	}
.copy p{
	color: #fff;
	font-size: 12px;
	}	
.foot_icon{
	margin-top: 10px;
	}	
.foot_icon li{
	display: inline-block;
	padding-right: 10px;
	}

/*****************************************
テーブル
/*****************************************/
.tab_h1{
	font-size: 24px;
	text-align: left;
	}
.our_all{
	max-width:100%;
	}	
.EO,.EO2,.EO3,.EO4,.EO5 {
	min-height: 100%;
	/*height: 100%;*/
	}	
.EO_none li{
	list-style-type:  disc;
	margin-left: 20px!important;
	}
.li_maru li{
	list-style-type:  disc!important;
	margin-left: 20px!important;
}	
	
.h1_span{
	font-size: 18px;
	font-weight:normal;
	}
	
.pro_right{
	/*background: #fff;*/
	}
.pro_left{

	}
.pro_left p{
	/*color: #000059;
	font-weight: 700;*/
	}
.text_white{
	color: #fff!important;
	}	
	
.img2_in_all{
	background: #d6eaff;
	}	

	
/*****************************************
フォーム
/*****************************************/
.back_Inq{
    height: auto;
    /* background-color: DarkTurquoise; */
    background-image: url(../img/Inq/Inq_back.jpg);
    background-size: cover;
    /* max-height: 400px; */
	}
	
.com_text{
	font-weight: normal;
	font-weight: 12px;
	}	
	
	
#myTabContent td{
	color: #005496;
}

.Examples p span{
	color: #007da2;
}
.Examples_all{
	clear: both;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.Examples{
width: 80%;
	padding: 5px;
	border: 1px solid #c0c5c9;
}
.table_div_all{
	width: 100%;
	}	
.table_div_all p{
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 15px;
	}	

.bk-gra{
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3bcbd7), color-stop(0.00, #233a70));
background: -webkit-linear-gradient(#233a70, #3bcbd7);
background: -moz-linear-gradient(#233a70, #3bcbd7);
background: -o-linear-gradient(#233a70, #3bcbd7);
background: -ms-linear-gradient(#233a70, #3bcbd7);
background: linear-gradient(#233a70, #3bcbd7);
	}
.form-width{
margin: 30px auto;
color: #fff;
}
.contact_form{
margin: 40px auto;
	}
	
.form-all{
margin: 15px auto 30px;
border: 1px solid #fff;
}

.radio-div{
	margin: 0 0 20px 0;
}
.radio-div label{
	font-weight: normal !important;
padding-left: 14px;
text-indent: -17px;		
}
.contact-ul{
width: 100%;
	}	
.contact-ul li{
	/*line-height: 27px;
	color: #005898;*/
	}	
label {
	font-weight: normal;
	}	
	
.form_p{
	margin-top: 20px;
	font-size: 17px;
	}
#confirm{
margin: 30px 0; 
max-width: 100%;
table-layout: fixed!important;
word-wrap: break-word;
	}	

#submit, #myreset	{
color: #fff;
background:#233a70;
border: 1px solid #233a70;
margin-top: 20px;
	transition: all 1s ease;	
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;	
}
#submit:hover, #myreset:hover	{
color: #fff;
border: 1px solid #3bcbd7;
    background: #3bcbd7;
    box-sizing: border-box;
}

/*******************
フォーム共通
******************/

.table_all {
width: 100%;
max-width: 100%;
overflow:hidden;
margin:0 auto;
border-collapse: collapse;
font-size:14px;
}

.table th{
width:30%;
padding: 8px 20px;
text-align: left;
vertical-align: middle;
background-color: #d6eaff;
color: #000059;
border: 1px solid #a8d3ff!important;
}
.table td{
padding: 8px 0 8px 30px;
background-color: #fff;
border: 1px solid #a8d3ff!important;
font-size:15px;
}

.repuire{
	color: red;
}

.contact_form input[type="radio"]{
	margin-right: 5px;
	vertical-align: -2px;
}

input[type=submit] {
    padding: 6px 20px!important;
	}

input[type=text], input[type=tel], input[type=email], textarea {
    width: 100%;
    font-size: 16px;
	padding: 4px 8px;
    -moz-box-shadow: inset 0 0 4px rgba(129,247,248,0.5);
    -webkit-box-shadow: inset 0 0 4px rgba(0129,247,248, 0.5);
    box-shadow: inner 0 0 4px rgba(129,247,248 0.5);
	background-color: #e1f8fe;
}
.submit_div{
	margin-top: 25px;
	}
.submit_button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
    height: 50px;
    background: #233a70;
    box-sizing: border-box;
    text-align: center;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;	
	
}
.submit_button:hover{
    color: #233a70;
    background: #3bcbd7;
    box-sizing: border-box;
}

.form_select{
	margin: 5px 0 20px;
	padding: 3px 0;
	}
.button{
	text-align: center;
	}
#submit{
	margin-right: 5px;
	}
#submit,
#myreset{
    padding: 6px 20px!important;
	}
.tableexp{
	margin: 0px 0 20px;
	}
.form_p{
	font-size: 20px;
	}
.form_h1{
	font-size: 21px;
	color: #000059;
	margin: 0 0 5px 0;
	}
.form_p2{
	margin-bottom: 20px;
	}
.error{
	color: red;
	}
.confirm{
	width:100%;
	max-width: 100%;
	table-layout: fixed;	
	}
.form_area{
	margin-top: 5px;
	}
/* 190921 Postscript by jun*/
.content {
	text-align: center;
}
.frm-flex {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0px;
}
.sb-ttl {
	margin-bottom: 20px;
}
.flx100 {
	width: 100%;
}
.cntr {
	text-align: center;
}
.flx40 {
	width: 40%;
}
.flx60 {
	width: 60%;
}
.prmt-img {
	max-width: 250px;
}
.prmt-ttl {
	font-size: 16px;
	font-weight: bold;
}
/* toolTip */
.frm-ttl {
	color: #000;
	font-size: 15px;
	font-weight: bold;
}
.frm-hnt {
	margin-left: 40px;
}
.att {
	max-width: 20px;
	margin: 0px 10px;
}
.tip{
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.tip p{
    margin:0;
    padding:0;
}
.desc {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 300px;
}
.desc1 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 300px;
}
.desc:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 14%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
}
.desc1:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 14%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
}
.tip:hover .desc{
    display: inline-block;
    top: -120px;
    left: -30px;
}
.tip:hover .desc1{
    display: inline-block;
    top: -120px;
    left: -30px;
}
/* Accordion */

.title {
	font-size: 15px;
	font-weight: bold;
}
.title:hover{
  color: #999;
}
.title:after{
  content: "	";
}
.title.open:after{
  content: "↑";
}
.box{
  padding: 10px;
}


/* modal window */
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}

/* for smartphone */
@media (max-width: 425px){
	.frm-flex{
		flex-wrap: wrap;
		flex-direction: column;
	}
	.flx40 {
		width: 100%;
		text-align: center;
	}
	.flx60 {
		width: 100%;
		text-align: center;
	}
	.desc {
		width: 200px;
	}
	.tip:hover .desc {
		top: -359%;
	}
	.desc:before {
		left: 21%;
	}
	.tip:hover .desc1 {
		top: -90px;
		left: -260px;
	}
	.desc1:before {
		left: 92%;
	}
	.modal__content {
	width: 80%;
	padding: 10px;
	}

}

@media (max-width: 376px){
	.frm-flex{
		flex-wrap: wrap;
		flex-direction: column;
	}
	.flx40 {
		width: 100%;
		text-align: center;
	}
	.flx60 {
		width: 100%;
		text-align: center;
	}
	.desc {
		width: 200px;
	}
	.tip:hover .desc {
		top: -90px;
		left: 0px;
	}
	.desc:before {
		left: 21%;
	}
	.tip:hover .desc1 {
		top: -90px;
		left: 10px;
	}
	.desc1:before {
		left: 7%;
	}
	.modal__content {
	width: 80%;
	padding: 10px;
	}
	.desc:before {
		left: 10%;
	}
}

@media (max-width: 321px){
	.frm-flex{
		flex-wrap: wrap;
		flex-direction: column;
	}
	.flx40 {
		width: 100%;
		text-align: center;
	}
	.flx60 {
		width: 100%;
		text-align: center;
	}
	.desc {
		width: 200px;
	}
	.tip:hover .desc {
		top: -90px;
		left: -70px;
	}
	.desc:before {
		left: 40%;
	}
	.tip:hover .desc1 {
		top: -110px;
		left: -55px;
	}
	.desc1 {
		width: 250px;
	}
	.desc1:before {
		left: 26%;
	}
	.modal__content {
	width: 80%;
	padding: 10px;
	}

}

/* 200428 Postscript by Jun */

.attention {
	font-style: bold;
	text-align: center;
}

/*印刷対策*/
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }



}/*シメ*/