@charset "UTF-8";

*{ margin:0px; padding:0px; font-size:13px !important;}
p{ margin:0px; padding:0px; max-width:100% !important;}

img a{ border:0px none;}

.red{color:#ff0000;}

body,#container,#footer,table{width:100% !important; max-width:100% !important;}

#footer{margin-top:10px;}

#footer .footnavi {
    border-bottom: 6px solid #1b4196;
    border-top: 6px solid #e6ebf3;
    line-height: 100%;
    padding: 8px 0;
}

#footer .footnavi,#footer .footnavi a{font-size:11px !important;letter-spacing:-0.1em; text-align:center;}

.copyright {color:#17519d; letter-spacing:-0.1em; text-align:center;}

.page_subtitle{
	color: #ffffff;
	background-color: #658ec7;
	text-align:center;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
	margin:0px auto;
    margin-top:10px;
	margin-bottom:10px;
    padding: 0;
}

.pc{display:none;}
.sp{display:inline;}

/*-------------------- 背景色 --------------------*/

.bk1{background-color:#658ec7; color:#fff;}/*--青--*/
.bk2{background-color:#EFF3F9;}/*--薄青1--*/
.bk3{background-color:#fff5ce;}/*--黄色--*/
.bk4{background-color:#D8E3F1;}/*--薄青2（1より濃い）--*/
.bk5{background-color:#e7f1cf;}/*--緑--*/
.bk6{background-color:#ffeca1;}/*--濃黄色--*/

/*-- ▼IME関係▼ --*/
.imeon{ime-mode:active;}
.imeoff{ime-mode:disabled;}

/*-- 警告用赤字 --*/
.notice{color:#f30;}

/*-- 位置調整用 --*/

.clear{clear:both; line-height:0px; height:0px;}

/*-- clearfix --*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0;
  clear: both; 
  visibility: hidden;
}
*:first-child+html .clearfix { /* for windows IE7 only */
  display:inline-block;
  min-height:1%;
}
* html .clearfix { /* for windows IE6 only */
  height:1%;
}

/*-- float --*/
.fl_l{float:left; display:inline;}
.fl_r{float:right; display:inline;}
.fl_n{float:none;}

/*--  --*/

.ta_l{text-align:left;}
.ta_r{text-align:right;}
.ta_c{text-align:center;}

/*-- margin --*/
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}

.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}

.m10{margin:10px !important;}

/*-- padding --*/
.pt10{padding-top:10px !important;}
.pb10{padding-bottom:10px !important;}

.p10{padding:10px !important;}

* html img{vertical-align:bottom;}
*+html img{vertical-align:bottom;}

/*-- 非アクティブ時の設定 CLASS--*/

.inactive{background:none !important;}

.inactive td{background:#dddddd;}

.inactive div{
	background:none !important;
	overflow:hidden !important;
}

.inactive td,.inactive p{color: rgba( 0, 0, 0, 0.5 ) ;}

.inactive input[type="image"],.inactive a img,.inpoff{
	opacity:0.3 !important;
	filter:alpha(opacity=30) !important;
	-ms-filter: "alpha( opacity=30 )" !important;
	cursor:default !important;
	pointer-events:none !important;
	outline:none !important;
}

.inactive a{
	opacity:0.5 !important;
	filter:alpha(opacity=50) !important;
	-ms-filter: "alpha( opacity=50 )" !important;
	text-decoration:none !important;
	cursor:default !important;
	pointer-events:none !important;
}

.inactive span{
	opacity:0.5 !important;
	filter:alpha(opacity=50) !important;
	-ms-filter: "alpha( opacity=50 )" !important;
}

.inactive .kouzaopen_button{border-left:#bbbbbb 1px solid !important;}

/*-- kouzaopen_box --*/
/*--.kouzaopen_box{width:705px;}--*/

.kouzaopen_table{
	width:100% !important;
	box-sizing:border-box;
	/*--
	border-right:#658ec7 1px solid;
	border-bottom:#658ec7 1px solid;--*/
	line-height:20px !important;
}

.kouzaopen_table th,.kouzaopen_table td{
	display:block;
	padding:5px;
	box-sizing:border-box;
	width:100% !important;
	max-width:100% !important;
	/*--border-top:#658ec7 1px solid;
	border-left:#658ec7 1px solid;--*/
}

/*--
.kouzaopen_01{ background:#d8e3f1;}
.kouzaopen_02{ background:#eff3f9;}--*/

.kouzaopen_table dl{}

.kouzaopen_table dl dt{font-weight:bold; font-size:15px; padding-bottom:5px;}

/*-- 内容部分 --*/

.kouzaopen_contents{/*--width:545px;--*/ max-width:100%; box-sizing:border-box; border-top: 1px solid #658ec7;}


/*-- はい・いいえ部分 --*/

.kouzaopen_button{/*--width:160px;--*/ text-align:center;}

.kouzaopen_button[input="image"]{ vertical-align:bottom;}

/*-- 個人情報の利用目的 内容 --*/

#purpose_box{
	height:100px;
	overflow:auto;
	padding:10px;
	border:#b6c8e0 1px solid;
	background:#ffffff;
	box-sizing:border-box;
}

/*--お客様相談窓口部分--*/

.contact_information{/*--width:480px;--*/ margin:10px 0px;}

.contact_information dl{
	/*--width:235px;--*/
	margin:0px;
	padding:0px;
	display:inline;
}

.contact_information dl dt{
	background:#b7e1f7;
	margin:0px;
	padding:2px 0px;
	font-weight:normal !important;
	text-align:center !important;
}

.contact_information dl dd{margin:0px; padding:0px;}

.contact_information dl table{/*--width:220px;--*/ margin:0px; padding:0px; text-align:left !important;}


.contact_information dl table th{
	/*--width:40px;--*/
	padding:2px 0px 0px;
	font-weight:normal;
}
.contact_information dl table td{padding:2px 0px 0px; border:0px none !important;}


/*-- ロスカット制度 --*/

#loss_cut_box{
	height:100px;
	overflow:auto;
	padding:10px;
	border:#b6c8e0 1px solid;
	background:#ffffff;
	box-sizing:border-box;
}

/*----*/

#text_other_area{/*--width:140px;--*/ display:block; text-align:left;}
#text_other{/*--width:95px;--*/}

/*-- 下部署名の設定 --*/

#text_signing_area{/*--width:140px;--*/ display:block; text-align:left; float:right;}
#text_signing_area span{font-size:12px !important;}

#text_signing{/*--width:108px;--*/}

#lock {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF; /*--お好みの色で--*/
    text-align: center;
    display: none;
    opacity: 0.7; /*--これもお好みの透過率で--*/
}



/*--マイナンバー関連部分--*/

.mynumber{width:100%; box-sizing:border-box;}




/*------------ 2017 フォーム改善　inputの設定 ------------*/


h1{
	width:100% !important;
	font-size:15px !important;
	line-height:30px !important;
	padding-bottom:3px;
	padding-left:3px;
	margin-bottom:10px;
	border-bottom:#000000 3px solid;
	display:block !important;
	box-sizing:border-box;
}


#flow_ul{
	width:100% !important;
	text-align:center;
	display: inline-block;
	margin-left:-3px;	
	
}
#flow_ul li{
	/*--float:left;
	display:inline;--*/
	display:inline-block;
}

.step{
	color:#25247b;
	font-weight:500;
	border:#b3b3b3 2px solid;
	/*--width:133px;--*/
	width:100px;
	height:30px;
	padding-top:3px;
	text-align:center;
	background:#ffffff;
	margin-left:6px;

}

.flow_active{color:#ffffff !important; border:#00006d 2px solid !important; background:#1f246b !important;}

.triangle {
width: 20px;
height: 20px;
display: block;
position: absolute;
clip: rect(auto auto 20px 10px);
margin-top:8px;
margin-left:-15px;
}

.triangle:after  {
content: '';
position: absolute;
background-color: #85a9c6;
top: 2px;
bottom: 2px;
left: 2px;
right: 2px;
transform:rotate(-45deg);
}

#table_newcomtexp05{table-layout:fixed;}

#table_newcomtexp05 th{text-align:left; box-sizing:border-box; background:#d8e3f1;}
#table_newcomtexp05 td{background:#eff3f9; border-bottom:#ffffff 5px solid;}

#table_newcomtexp05 .bk1{
	background-color:#658ec7 !important;
	border-top:#ffffff 10px solid;
	/*--
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;--*/
}

#table_newcomtexp05 input[type="text"], #table_newcomtexp05 select{
	height:30px;
	max-width:100% !important;
	margin:2px 0px;
}

#table_newcomtexp05 input[type="radio"],#table_newcomtexp05 input[type="checkbox"]{vertical-align:-0.2em !important;}

#table_newcomtexp05 input[type="submit"]{
	height:30px;
}

.newcomtexp05_checkbox{display:block; width:100%; text-align:center;}

.mobile .bold{ width:100% !important; display:block; background:#d8e3f1; font-weight:bold; padding:5px 0px; margin-top:-5px;}

.kouzaopen_submit{background:none !important;}

/*-- header --*/

#img_header,#img_newregist1,#img_rejist_02{width:100% !important; max-width:100% !important;}

#gs_table{width:100% !important; display:block;}

.input_wrap{
	text-align: center;
}

/* 送信ボタンのデザイン */
.btn-gradient-simple {
	display: inline-block;
	padding: 0em 1em;
	text-decoration: none;
	border-radius: 3px;
	color: #FFF;
	font-size: 18px !important;
	font-family: serif;
	background-image: linear-gradient(45deg, #b4cff0 0%, #658ec7 100%);
	transition: .4s;
	border: 0px;
  }
  
  .btn-gradient-simple:hover {
	background-image: linear-gradient(45deg, #a5c6ee 0%, #4b7fc7 100%);
  }