@charset "utf-8";

/* 共通
------------------------------------------------------------------------------- */
body {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
#main p,
#main li{
	font-size:134%;
}
#main p{margin-bottom:10px;}
.leadTxt01{
	padding:40px 0;
}
.leadTxt02{
	margin-bottom:20px;
	padding:20px;
	background-color:#f8f9f8;
}
.icoNum li{
	padding:2px 0 10px 45px;
	background-repeat:no-repeat;
	background-position:left 0.15em;
	background-size:32px;
}
#main .leadTxt02 p.t1,#main .leadTxt02 p.t2,#main .leadTxt02 p.t3{
	padding:8px 0 0 45px;
	background-repeat:no-repeat;
	background-position:0 0.1em;
	min-height:42px;
	line-height:1.4;
	font-size: 200%;
	background-size:36px;
}
.leadTxt02 p.t1{background-image: url(../images/ico_t1.png);}
.leadTxt02 p.t2{background-image: url(../images/ico_t2.png);}
.leadTxt02 p.t3{background-image: url(../images/ico_t3.png);}
.icoNum li.q1{background-image: url(../images/iconum_q1.png);}
.icoNum li.q2{background-image: url(../images/iconum_q2.png);}
.icoNum li.q3{background-image: url(../images/iconum_q3.png);}
.icoNum li.q4{background-image: url(../images/iconum_q4.png);}
.icoNum li.q5{background-image: url(../images/iconum_q5.png);}
#main .icoNum{ 
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
#main .icoNum:last-child{
	border:0;
	margin-bottom:0;
	padding-bottom:0;
}
#main .icoNum li p{
	min-height:32px;
	line-height:1.6;
	font-size: 140%;
	margin-bottom:0;
}
#main sub {
    vertical-align: sub;
    font-size: 8px;
}
#main sup{
	font-size:8px;
	vertical-align:top;
	/font-size:11px;
	/vertical-align:super;
}


/*------ 見出し・テキスト ---------*/
#main h2{margin-bottom:0;}
.titBlk {
    margin: 0 0 30px 0;
    padding: 20px 10px;
    text-align: center;
    background-color: #f3948e;
}

h4.tit{
	padding:5px 10px;
	background:#d4e3f0;
	font-size:134%;
	margin-bottom:20px;
}
h5.tit{
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	font-size:134%;
	font-weight:bold;
}

#main a{ word-break: break-all;}
#main .bldTxt{font-weight:bold;}
#main .colorB{
	color:#f46158;
	font-weight:bold;
}
#main .color01{
	color:#f47a3e;
	font-weight:bold;
}
#main .indent01{
	text-indent:-1em;
	margin-left:1em;
}
#main .indent02{
	text-indent:-1.5em;
	padding-left:1.5em;
}
#main .indent03{
	text-indent:-2.1em;
	margin-left:1.5em;
}
#main .indent01 .indent02 li{
	font-size:100%;
}

/*------ レイアウト ---------*/
.sprtr{margin-bottom:80px;}
#main .colBlock02 .col1,
#main .colBlock02 .col2 {width: 48.9%;}
#main .emBox01{
	padding:20px;
	background-color:#efefef;
}
#main .bgBox{
	margin-bottom:20px;
	padding:20px;
	background:#f8f9f8;
	display:block;
}
#main .borderBox{
	border: 2px solid #ccc;
	padding:20px;
}

/*------ qabox ---------*/
#main .qaBox{
	display:table;
	width:100%;
}
#main .qaBox h3,
#main .qaBox p{
	padding:5px 0 0 50px;
	min-height:40px;
	line-height:1.5em;
	vertical-align:middle;
}
#main .qaBox h3{
	position:relative;
	margin-bottom:15px;
	padding-bottom:15px;
	font-size:164%;
	color:#f3948e;
	border-bottom: 2px dotted #ccc;
}
#main .qaBox p{
	position:relative;
	vertical-align:middle;
	margin-bottom:15px;
	font-size:164%;
	color:#32526e;
	font-weight:bold;
}
#main .qaBox h3 img,
#main .qaBox p img{
	position:absolute;
	top:-4px;
	left:0;
	max-width:45px;
}


/*------ bixList ---------*/
#main .boxList{
	margin-bottom:30px;
	border:3px solid #f47a3e;
}
#main .boxList .boxIn{
	display:table;
	width:100%;
}
#main .boxList .boxIn .colTh{
	display:table-cell;
	width:30%;
	vertical-align: middle;
	text-align:center;
	background:#f47a3e;
	font-weight:bold;
	/width:100%;
}
#main .boxList .boxIn .colTd{
	display:table-cell;
	width:70%;
	/width:100%;
}
#main .boxList .boxIn .colTh p{
	color:#fff;
	padding:20px;
	/padding:5px;
}
#main .boxList .boxIn .tdIn{
	padding:20px;
}
/*------ list01 ---------*/
#main .list01{margin-bottom:20px;}
#main .list01 dt{
	float:left;
	clear:both;
	width:7em;
	font-size:132%;
	font-weight:bold;
}
#main .list01 dd{
	padding-left:7em;
	font-size:132%;
}


@media only screen and (max-width: 600px) {
#main .icoNum li p{
	line-height:1.4;
	font-size: 114%;
}
#main .boxList .boxIn .colTh,
	#main .boxList .boxIn .colTd{
	display:block;
	width:auto;
}
#main .boxList .boxIn .colTh p{padding:5px;}
#main .boxList .boxIn .tdIn{padding:10px;}
#main h3.qa{font-size:148%;}
#main p.qa{font-size:124%;}
#main h3.qa img,
#main p.qa img{margin-right:5px; vertical-align: middle;}
	
#main .list01 dt{
	float:none;
	clear:both;
	width:auto;
}
#main .list01 dd{
	padding-left:1em;
	width:auto;
}
.leadTxt02 p.t1{background-image: url(../images/ico_t1b.png);}
.leadTxt02 p.t2{background-image: url(../images/ico_t2b.png);}
.leadTxt02 p.t3{background-image: url(../images/ico_t3b.png);}
.icoNum li.q1{background-image: url(../images/ico_q1.png);}
.icoNum li.q2{background-image: url(../images/ico_q2.png);}
.icoNum li.q3{background-image: url(../images/ico_q3.png);}
.icoNum li.q4{background-image: url(../images/ico_q4.png);}
.icoNum li.q5{background-image: url(../images/ico_q5.png);}	
	
	
#main .colBlock02 .col1,
#main .colBlock02 .col2 {
	width: auto;
}

}
/* ローカルナビ
------------------------------------------------------------------------------- */
.tNavBlk{
	width:100%;	
	padding:40px 0 10px 0;
}
.tNav li{
	width: 31.6%;
	margin: 0 0.8%;
	text-align:center;
	float:left;
}
.fNavBlk{
	width:100%;	
	margin-bottom:50px;
	padding:40px 0;
	background-color:#e1e1e1;
}
.fNav li{
	width: 31.6%;
	margin: 0 0.8%;
	text-align:center;
	float:left;
}
.to01 .nav1,.to01 .nav2b,.to01 .nav3b,
.to02 .nav1b,.to02 .nav2,.to02 .nav3b,
.to03 .nav1b,.to03 .nav2b,.to03 .nav3{
	display:none;
}@media only screen and (max-width: 930px) {
.tNav li,
.fNav li{
	width: 33.2%;
	margin-right: 0;
	margin-left: 0;
}
.tNavBlk img,
.fNavBlk img{
	width:95%;
}
}
@media only screen and (max-width: 600px) {

.tNav li,
.fNav li{
	width: 49.9%;
	text-align:center;
	float:left;
}
.to01 .nav1b,
.to02 .nav2b,
.to03 .nav3b{
	display:none;
}
.fnTile{
	height:auto;
}
}