@charset "utf-8";

/*-----common--------*/


.flL{
	float:left;
}
.flR{
	float:right;
}
.vaM{
	vertical-align:middle;
}
.taC{
	text-align:center;
}
.tcR{
	text-align:right;
}
.tcL{
	text-align:left;
}

ul,dl{
	margin:0;
	padding:0;
}

p.indent-1 {
padding-left:1em;
text-indent:-1em;
}

.computeFlatTypeSection{
	margin-top:0
	}
	
.TitleHn h2{
	margin-top: 0px;
	margin-bottom: 0px;
}

.mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;}.mt36{margin-top:36px;} .mt40{margin-top:40px;} .mt50{margin-top:50px;}.mt60{margin-top:60px;}.mt100{margin-top:100px;}
.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}.mb100{margin-bottom:100px;}

.pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt50{padding-top:50px;}
.pb10{padding-bottom:10px;}.pb20{padding-bottom:20px;} .pb30{padding-bottom:30px;} .pb40{padding-bottom:40px;} .pb50{padding-bottom:50px;}


.mr5{margin-right:5px;}.mr10{margin-right:10px;} .mr20{margin-right:20px;} .mr30{margin-right:30px;} .mr40{margin-right:40px;}
.ml5{margin-left:5px;}.ml10{margin-left:10px;} .ml20{margin-left:20px;} .ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}

.fs08em{font-size:0.8em;} .fs09em{font-size:0.9em;} .fs1em{font-size:1em;} .fs12em{font-size:1.2em;} .fs13em{font-size:1.3em;} .fs14em{font-size:1.4em;} .fs15em{font-size:1.5em;} .fs16em{font-size:1.6em;} .fs17em{font-size:1.7em;} .fs18em{font-size:1.8em;} .fs19em{font-size:1.9em;} .fs2em{font-size:2em;} .fs21em{font-size:2.1em;} .fs22em{font-size:2.2em;} .fs23em{font-size:2.3em;} .fs24em{font-size:2.4em;} .fs25em{font-size:2.5em;}

.lh1em{line-height:1em;} .lh12em{line-height:1.2em;} .lh13em{line-height:1.3em;} .lh14em{line-height:1.4em;} .lh15em{line-height:1.5em;} .lh16em{line-height:1.6em;} .lh17em{line-height:1.7em;} .lh18em{line-height:1.8em;} .lh19em{line-height:1.9em;} .lh2em{line-height:2em;} .lh21em{line-height:2.1em;} .lh22em{line-height:2.2em;} .lh23em{line-height:2.3em;} .lh24em{line-height:2.4em;} .lh25em{line-height:2.5em;}

.fwb{
	font-weight:bold;
}
.colorR{
	color:#FF0000;
}
.colorW{
	color:#FFF;
}
.colorB{
	color:#0d347e;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*-----PC向け------*/
@media only screen and (min-width: 769px){
.smt{
	display:none;
}

.navi_box{
	position:relative;
	width:100%;
}

.module_navi{
	float: left;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    background-color: #004386;
    border: 1px solid #002175;
	cursor:pointer;
	overflow: hidden;
}


.module_navi a{
	color: #FFF;
    font-size: 1.2em;
	display: block;
}

.mdl_title{
	margin-left:20px;
}

table.moduletbl{
	width:100%;
	background-color:#FFF;
	}
	
}


/*-----タブレット向け------*/
@media only screen and (max-width: 768px) and (min-width: 481px){
		.pc{
			display: none !important;
		}

.module_navi{
	float: left;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    background-color: #004386;
    border: 1px solid #002175;
	cursor:pointer;
	overflow: hidden;
}



.module_navi a{
    color: #FFF;
    font-size: 1.2em;
	display: block;
}
table.moduletbl{
	width:100%;
	background-color:#FFF;
	}


}

/*-----スマホ向け------*/
@media only screen and (max-width: 480px){

		.pc{
			display: none !important;
		}

.module_navi{
	float: left;
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    background-color: #004386;
    border: 1px solid #002175;
	cursor:pointer;
	overflow: hidden;
}

table.moduletbl{
	width:100%;
	background-color:#FFF;
	}

.module_navi a{
    color: #FFF;
    font-size: 1.2em;
	display: block;
}
}

/*モジュール一覧*/
.moduleWrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.moduleCol{
	width: 50%;
	padding:0 20px;
}
@media screen and (max-width: 768px){
	.moduleCol{
		width: 100%;
		padding:0;
	}
}
.moduleCol table{
	width:100%;
	font-size:15px;
	word-break : break-all;
	margin-bottom:0;
	background:#FFF;
}
.moduleCol details{
	text-indent:-10000px;
	height:0;
}
.pdb5{
	padding-bottom:5px;
}