@charset "UTF-8";
/* CSS Document */
/*header_footer.css*/
#main-header .language{
	display:none;
}
#main-header .navGlobal{
	border-right:none;
}

@media screen and (max-width: 768px) {
	#main-header .navGlobal.show-menu{
		top:70px;
	}
}
/*header_footer.css*/

.cnt_wrapper{
	background-color:#f0f0f0;
}

.cointainner{
	margin-left: auto;
    margin-right: auto;
    max-width: 880px;
    padding: 15px 0;
    width: 100%;
}

.contents{
	max-width: 880px;
	width:100%;
    margin: 20px auto;
    background: #eff5f9;
    border: solid 1px #aad3ed;
    height: auto;
    padding: 20px 0px;
	
	color: #4d4d4d;
    font-family: 'ヒラギノ角ゴ ProN W3','Hiragino kaku Gothic ProN','メイリオ','Meiryo','MS Pゴシック','MS PGothic',sans-serif;
	outline: 0;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: baseline;
	-webkit-font-smoothing:auto;
}

.ttl{
	max-width: 840px;
	width:95%;
    text-align: center;
    padding: 10px;
    margin: 0px auto 20px;
    background: #cb3333;
    color: #FFFFFF;
    font-size: 1.4em;
	font-weight:500;
}

.contentsIn{
	background-color: #fff;
    max-width: 830px;
	width:95%;
    height: auto;
    margin: 0 auto;
    padding: 20px 30px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

ul.readMds{
	text-align: center;
}

.readMds{
	display: table;
    background-color: #eff5f9;
    width: 100%;
    height: 25px;
    padding: 5px;
}

ul.readMds li{
	font-size: 14px;
}

.tblArea{
	border: solid 1px #aad3ed;
    margin-bottom: 20px;
}

.wFull{
	width: 98%;
}

.w254{
	width: 254px;
}

.dotLine{
	border-bottom: dotted 1px #bfbfbf;
}

table.tbl01{
	width: 100%;
    border-collapse: collapse;
}

table.tbl01 th{
	background-color: #eff5f9;
    border-right: solid 1px #aad3ed;
    padding: 9px;
    font-weight: normal;
    vertical-align: middle;
    font-size: 14px;
    text-align: left;
}

table.tbl01 th img{
	vertical-align: text-bottom;
    margin-left: 5px;
}

table.tbl01 td{
	font-size: 14px;
    padding: 9px;
    vertical-align: middle;
}

.tblArea table.tbl01 th span{
	font-size:12px;
}

.tblArea .required{
	background-color: #ffffcd;
    border: solid 1px #000;
}

.tblArea select, .tblArea input{
	font-size: 14px;
}

.tblArea p.readMdsTxt{
	display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #be0000;
}

.tblArea p.btnClick{
	display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.readTxt{
	font-size: 14px;
    padding: 5px 5px 5px 20px;
    text-indent: -10px;
}

input[type="radio"], input[type="checkbox"]{
	margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.btnConfirm, .btnSubmit{
	width: 460px;
    height: 60px;
    margin: 0 auto;
}

.btnConfirm input.btn_fm00{
	width: 460px;
    height: 60px;
    background: url(../images/btnSubmit.gif) no-repeat;
    display: block;
}

.contentsIn p.lead{
	font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.contentsIn p.lead a{
	color: #428bca;
    text-decoration: none;
	font-size:12px;
}

.contentsIn .transComp01{
	font-size: 18px;
    line-height: 1.5;
    color: #c50000;
    font-weight: bold;
    margin-bottom: 20px;
}


@media screen and (max-width: 768px) {
	.cointainner{
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
	.contents{
		padding:5% 0;
		width:100%;
	}
	.ttl{
		padding:2%;
		width:96%;
	}
	.contentsIn{
		padding: 4% 2%;
   		width: 96%;
	}
	table.tbl01 tr{
		display:flex;
		flex-direction:column;
	}
	table.tbl01 th{
		width:100%;
		border-right:0;
	}
	.btnConfirm, .btnSubmit{
		width: 100%;
		height: auto;
	}
	.btnConfirm input.btn_fm00{
		width: 100%;
		height: auto;
		background-size: cover;
		line-height: 10vw;
	}
	.tblArea select{
		width:100%;
	}
	ul li.readMds{
		display:flex;
		flex-direction: column;
		height:auto;
	}
}

.contents img {
    width: auto;
}

html {
    font-size: 10px;
}