/*========================
 header
========================*/
#header {position:relative; width:100%;}
#header .inner{
	background:#000124;color:#FFF;
	position:relative;
}

.hd_area  {text-align:center; margin:0 30px;}
.hd_area p{margin:0; padding:0; line-height:110%;}
.hd_area article{margin:0 25px;}
.hd_area .tx1{font-size:20px; font-weight:800;}
.hd_area .tx2{font-size:14px;}
.hd_area .tx3{font-size:24px; margin-top:10px;}


/*========================
 menu
========================*/
/*--- topmenu ---*/
#tMenu  .t_menu{margin:10px 20px;}
.t_menu .t_menu_ul li{margin:0 10px;}
.t_menu .t_menu_ul .ihano_m{max-height:30px;margin-bottom:5px;}
.t_menu .t_menu_ul .btn_reg {font-size:11px; padding:7px 30px;}


/*--- mobile ---*/
#onMenu {
	display:none;
	position:absolute;
	top     :10px;
	left    :10px;
	font-size:30px;
}

#mMenu{
	display:none;
}

#mMenu .m_menu{
	width :240px;
	height:100%;
	margin:0;
	background:rgba(32,32,32,0.8);
	overflow:auto;
}

.m_menu  .m_menu_ul{margin:10px;overflow:auto;}

.m_menu_ul a{
	text-decoration:none;
}

.m_menu  .m_menu_ul li{
	padding      :10px 10px;
	color        :#FFF;
	opacity      :0.8;
	font-size    :12px;
	border-bottom:1px solid #E4E4E4;
}


/*========================
 content 
========================*/
#content {
	max-width:1200px;
	margin:0 auto;
}

.content_inner{
	width:100%;
	max-width:800px;
	margin:0 auto;
}


/*--- main_img ---*/
.mainImg{
	width:100%;
	margin:0px;
	padding:0px;
}

#pTopi{}
#mTopi{display:none;}

/*--- button area---*/
.btn_area{margin:20px 0;}

.btn_area article{padding:0 15px;}

.btn_1,
.btn_2,
.btn_3,
.btn_4{
	padding:5px 0;
	margin :5px auto;
	width  :100%;
	color  :#FFF;
	font-size:18px;
	max-width:200px;
}

.btn_1:hover,
.btn_2:hover,
.btn_3:hover,
.btn_4:hover{
	color:#F6F6F6;
	opacity:0.9;
}

.btn_1{background:#00a0e9;}
.btn_2{background:#006ac8;}
.btn_3{background:#02437c;}
.btn_4{background:#082944;}


/*--- content area ---*/
.ct_arae1 {margin:20px 0; text-align:center;}
.ct_arae1 article p {margin:0; padding:0;}
.ct_arae1 article h3{margin:0; padding:0;}

.ct_arae1 article{height:400px;}

.art_i{width:100%;height:100%;}

.art_ihano{
	background-image:url("../images/mobile_top_picture_mobile.jpg");
	background-size :cover;
	background-position:center center;
}

.art_iservice{
	background-image:url("../images/mobile_top_picture_woman.jpg");
	background-size :cover;
	background-position:center center;
}

.art_inews {
	background-image:url("../images/mobile_top_picture_mobile2.jpg");
	background-size :cover;
	background-position:center center;
}

.art_ihelp{
	background-image:url("../images/mobile_top_picture_help.jpg");
	background-size :contain;
	background-position:center center;
	background-repeat:no-repeat;
}


/*--- bland ---*/
.tx11s{font-size:11px;font-weight:800;}
.hn_area{margin-top:20px;}
.hn_tx_area{color:#565555; text-align:left;}
.hn_tx1{font-size:24px;}
.hn_tx2{font-size:34px;}

/*--- service ---*/
.hn_service_logo{width:120px; height:auto;}
.hn_service_tx  {text-align:left; color:#a8a7a7;margin-left:20px;}
.hn_service_tx p{line-height:160%;}
.srv_tx1{font-size:24px;}
.srv_tx2{font-size:18px;}

/*--- news ---*/
.news_area  {text-align:left;}
.news_area  h3{font-size:42px; font-weight:800;}
.news_area .tx_area{margin-top:20px;}
.news_area .tx_area p{line-height:200%;}

/*--- faq ---*/
.faq_area .tx1{font-size:32px; color:#a8a7a7;}


/*--- help ----*/
.help-all{
	width  :100%;
	height :420px;
	margin :0;
	padding:0;
	background-image:url("../images/mobile_top_picture_below_mini.jpg");
	background-size :cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.help_tx_area{
	color     :#FFF;
	text-align:center;
	font-size :36px;
	padding:20px 0;
	background:rgba(32,32,32,0.4);
	width:100%;
}
.help_tx_area p{line-height:110%; margin:0;padding:0;}
.help_tx_area .tx1{font-size  :28px;}
.help_tx_area .tx2{font-weight:800;}


/*==================
menu_bottom
==================*/
#mn_bottom{width:60%; margin:20px auto;}
.bt_menu li{text-align:center;}
.bt_menu li a{color:#6b6c6c;}
.tx_hl {color:#00a0e9;}

/*==================
iconset
==================*/
i.hn_no1:before{
	content : "";
	display : inline-block;
	width   : 100px;
	height  : 100px;
	background-image : url("../images/mobile_top_picture_no1.jpg");
	background-size  : contain;
	vertical-align : middle;
	margin:0 10px;
}

i.pl_gr:before{
	content : "";
	display : inline-block;
	width   : 18px;
	height  : 18px;
	background-color :#009944;
	vertical-align : middle;
}

i.pl_bl:before{
	content : "";
	display : inline-block;
	width   : 18px;
	height  : 18px;
	background-color :#006ac8;
	vertical-align : middle;
}


i.mbs_lg1:before{
	content : "";
	display : inline-block;
	width   : 150px;
	height  : 100px;
	background-image : url("../images/logo.png");
	background-size  : contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align : middle;
	margin:0 10px;
}

i.mbs_lg2:before{
	content : "";
	display : inline-block;
	width   : 100px;
	height  : 100px;
	background-image : url("../images/logo2.png");
	background-size  : contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align : middle;
	margin:0 10px;
}



/*========================
 footer
========================*/
#footer{
	position:absolute; bottom:0;
	width:100%; text-align:center;
	padding:5px 0;
	background:#222;
}

#footer .inner{padding:20px 0; color:#FFF;}
#footer .inner .cp_right{}

#footer .inner .ft_tx_area  {margin:0 50px;}
#footer .inner .ft_tx_area p{line-height:100%;padding:0;margin:0;}
#footer .inner .ft_tx1{font-size:24px;}
#footer .inner .ft_tx2{font-size:24px;}

#footer span{color:#FFF;}


/*==================
for mobile
==================*/


/*==================
xs 544px未満）
sm 544px以上 768px未満
md 768px以上 992px未満
lg 992px以上 1200px未満
==================*/

/*----- for tablet -----*/
@media screen and (max-width:767px){
	
	/*--- contents ---*/
	#wrapper{
		padding-top:50px;
		padding-bottom:120px;
	}

	.container {
		padding-right:0;
		padding-left :0;
		margin-right :0;
		margin-left  :0;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
	.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
	.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-right:0;
		padding-left:0;
	}
	
	/*--- header ---*/
	#hd_inquiry {display:none;}
	.hd_area .tx1{font-size:12px;}
	
	
	/*--- Menu ---*/
	#tMenu  {display:none;}
	
	#onMenu {display:block;}
	#mMenu{
		display  : block;
		position : fixed;
		top      : 0;
		left     : 0;
		z-index  : 10;
		width    : 100%;
		height   : 100%;
		opacity  : 0.4;
		visibility:hidden;
		transform :translateX(-260px);
		transition:all 1s ease 0.1s;
	}

	#mMenu.isOpen {
		visibility:visible;
		transform :translateX(0);
		opacity   :1;
	}
	
	
	/*--- Content ---*/
	#content {padding-bottom:120px;}
	.ct_arae1 article{height:260px;}
	.ihano{height:40px;}
	
	#pTopi{display:none;}
	#mTopi{display:block;}
	
	.hn_tx1{font-size:16px;}
	.hn_tx2{font-size:24px;}

	i.hn_no1:before{
		content : "";
		display : inline-block;
		width   : 70px;
		height  : 70px;
		background-image : url("../images/mobile_top_picture_no1.jpg");
		background-size  : contain;
		vertical-align : middle;
		margin:0 10px;
	}
	
	.help_tx_area .hlp1{text-align:center;}
	.help_tx_area .hlp2{text-align:center;}
	
	#mn_bottom{display:none;}
	
	
	/*--- footer ---*/
	i.mbs_lg1:before{
		width   : 75px;
		height  : 50px;
	}
	
	i.mbs_lg2:before{
		width   : 50px;
		height  : 50px;
	}
	
	#footer .inner .ft_tx1{font-size:18px;}
	#footer .inner .ft_tx2{font-size:18px;}
	#footer .inner .ft_tx_area {margin:0 10px;}
}


/*for pc*/
@media screen and (min-width:768px){

}


/*========================
 other setting
========================*/
.alert{color:#F00; font-weight:800; font-size:12px; margin:20px 0; padding:0;}


/*--- display ---*/
.dsf_cc{
	display              : flex;
	display              : -webkit-flex;
	-webkit-justify-content: center;
	justify-content      : center;
	-webkit-align-items    : center;
	align-items          : center;
}

.dsf_sbc{
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between ;
	justify-content      : space-between ;
	-webkit-align-items    : center;
	align-items          : center;
}


/*----- popup -----*/
#Pop{
	width:100%;height:100%; z-index:5;
	position:absolute;margin:auto;
	background:rgba(8,8,8,0.8);
	visibility:hidden;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	opacity:0.0;
}
#PopInner{
	position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;
	background:#FFF; z-index:6;
	width:216px; height:216px; 
}

#Pop.isOpen{
	visibility:visible;
	opacity:1.0;
}


/*========================
 alert
========================*/
.u_info{border:1px solid #E4E4E4; border-radius:5px; padding:7px 10px; font-size:16px; font-weight:800; color:#099;}
.list_table{width:100%; max-width:600px;}
.area1 h2{font-size:18px;}

.gr_alert{width:100%; border-radius:10px; border:3px solid #F00; background:#FFC; margin:20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.gr_alert p{text-align:center;padding:20px 5px;margin:0;}



/*************
テーブル
*************/
table.table{
	border-collapse:collapse;
	width:100%;
	margin:10px auto;
}

table.table th,table.table td{
	padding:5px;
	border:1px solid #739938;
}

table.table tr:first-child th,table.table tr:first-child td{
	
}

table.table th{
	font-weight:bold;
	letter-spacing:1px;
	white-space:nowrap;
	color:#fff;
	/*background:#a9cf6b;*/
	background:#000000;
}



.top_table{
	width          :100%;
	font-size      :12px;
	border-collapse:separate;
	border-left    :1px solid #E5E5E5;
	border-right   :1px solid #E5E5E5;
	border-top     :1px solid #E5E5E5;
}


.top_table th{padding:3px 5px; border-bottom:1px solid #E4E4E4; background:#F4F4F4;}
.top_table td{padding:3px 5px; border-bottom:1px solid #E4E4E4;}