@charset "utf-8";
/*
 * CSS common.css
 */

/*
 * ------- commonModule ---------------------
 */
/* clerfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; font-size: 0.1em; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*\*//*/ eight: auto; overflow: hidden; /**/ }

/* section */
.section:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.section { min-height: 1px; }
.section p{ text-align: justify; text-justify: distribute; text-align-last:left;}
.section dd{ text-align: justify; text-justify: distribute; }
* html .section { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* incnt */
.incnt:after { content: "."; display: block; claer: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.incnt { min-height: 1px; margin: 0 auto; width: 1000px; position: relative; }

/* inbox */
.inbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.inbox { min-height: 1px; }

/* cnt floaf */
.cnt_left:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_left { min-height: 1px; float: left; }
.cnt_right:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_right { min-height: 1px; float: right; }

/* clearboth */
.clearboth { clear:both; }

/* inlineBlock */
.inlineBlock { display: inline-block; *display: inline; *zoom: 1; }

/* boxSize */
.boxSize { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* 
 * ------- privateInitSetteing ---------------------
 */
/* img */
img { max-width:100%; height: auto; font-size: 0; line-height: 0; }
.ie8 img { width:auto; }

/* table */
table { width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; }

/* form */
form input[type="text"] { width: 100%; height: 30px; line-height: 1; }
form textarea { width: 100%; height: 100px; }
form p.ermsg { color: #cb1c24; }

/* */
li, ol, ul, dl, dt, dd { list-style-type : none; padding: 0; margin: 0; list-style: none; } 

/* 
 * ------- commonSetteing.text ---------------------
 */
/* txt float */
.tc { text-align: center!important; }
.tl { text-align: left!important; }
.tr { text-align: right!important; }

/* 
 * ------- commonSetteing.image ---------------------
 */
/* imgFloat */
img.left { float: left; margin-right: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }
img.right { float: right; margin-left: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }

/* 
 * ------- commonSetteing.list ---------------------
 */
/* li-ol indext */
ul.indext li, ol.indext li { padding-left: 1em; text-indent: -1em; }

/* li caution */
ul.caution { padding-top: 10px; font-size: 0.9em; }
ul.caution li { padding-left: 1em; text-indent: -1em; }
ul.caution li:before { content:"※"; }

/* li center */
ul.center { text-align:center; }
ul.center li { display: inline-block; }

/* 
 * ------- commonSetteing.container ---------------------
 */
/* incnt */
.incnt { width: 960px; }
@media screen and (max-width: 750px) {
	.incnt { margin: 0 4%; width: 92%; }
}

/* incnt_min */
.minwrap { width: 880px; }
@media screen and (max-width: 750px) {
	.minwrap { margin: 0 4%; width: 92%; }
}

/* cnt_right, cnt_left */
@media screen and (max-width: 750px) {
	.cnt_right, .cnt_left { width: 100%!important; float: none!important; }
}


/* 
 * ------- commonSetteing.display ---------------------
 */
/* display adjust */
.spblock { display: none!important; }
.sphide { display: block!important; }
@media screen and (max-width: 750px) {
	.spblock { display: block!important; }
	.sphide { display: none!important; }
}

/* 
 * ------- privateCommonSetteing ---------------------
 */
/*
 * リンク
 */
a:link,
a:visited { color:#1a1a1a;}
a:hover,
a:active { color:#194c8a; }

/* linkbtn */
.linkbtn a { color: #1565bc; }
.linkbtn a:hover { color: #80a6d0; }
.linkbtn:before { content: url(../img/common/icon_a.png); padding-right: 5px; }

/*
 * 画像
 */
.imgstyle1 { margin-bottom: 20px; }

/*
 * テキスト
 */
.txtbold { font-weight: bold; }
.txtred { color: #901d22; }
.txtblue { color: #00387d; }
.txtredbold { font-weight: bold; color: #901d22; }
.txtstyle1 { margin-bottom: 15px; }
.txtboldbig { font-weight: bold; font-size: 1.15em; }
.txtredbig { color: #901d22; font-weight: bold; font-size: 1.15em; }
.txtbluebig { color: #00387d; font-weight: bold; font-size: 1.15em; }
.txtbluemiddle { color: #00387d; font-weight: bold; font-size: 1.08em; }
.txt_c {text-align: center !important;}

/*
 *　共通セクション
 */
/* section */
.section { margin-bottom: 50px; }
@media screen and (max-width: 750px) {
	.section { margin-bottom: 30px; }
}

/* sec_index */
#sec_index {  }
#sec_index ul { margin-left: -60px; }
#sec_index ul li { float: left; margin-left: 60px; border-bottom: 1px dotted #aaa; width: 300px; }
#sec_index ul li a { width: 92%; display: block; position: relative; padding: 15px 0 15px 8%; font-size: 1.15em; font-weight: bold; text-decoration: none; }
#sec_index ul li a:before { content: url(../../module/img/common/icon6.png); position: absolute; top: 50%; left: 0; margin-top: -11px; }
@media screen and (max-width: 750px) {
	#sec_index ul { margin-left: 0px; }
	#sec_index ul li { margin-left: 0px; width: 100%; }
	#sec_index ul li a { width: 93%; padding: 10px 0 10px 7%; }
	#sec_index ul li a:before { margin-top: -9px; }
}

/* sec_mv */
#sec_mv { margin-bottom: 35px; }
#sec_mv .title { background: url(../img/common/mv_bg.png) left top; height: 46px; padding: 14px 0 0 20px; width: 640px; font-size: 1.50em; font-weight: bold; }
#sec_mv .title:before { content: "■"; padding-right: 4px; color: #00387d; }
@media screen and (max-width: 750px) {
	#sec_mv { margin-bottom: 30px; }
	#sec_mv .title { background: url(../img/common/mv_bg_s.png) left top; height: 43px; padding: 15px 4% 0; width: 92%; font-size: 1.50em; font-weight: bold; border-bottom: 1px solid #aaa; }
}

/*
 * スタイル
 */
/* dlstyle1 */
.dlstyle1 dt { font-size: 1.15em; font-weight: bold; color: #901d22; }
.dlstyle1 dd { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #aaa; }
@media screen and (max-width: 750px) {
	.dlstyle1 dd { padding-bottom: 10px; margin-bottom: 10px; }
}

/* スマホアコーディオン */
.detailacd .acdtrg { padding: 5px; width: 100%; max-width: 400px; margin: 0 auto; border: 1px solid #666; text-align: center; cursor: pointer; }
.detailacd .acdtrg:before { content: url(../img/common/icon_ab_2.png); padding-right: 5px;}
.detailacd .acdcnt { padding-top: 10px; padding-bottom: 10px; }

/* 「詳しく見る」ボタン */
.btn_detail { width: 100%; max-width: 400px; margin: 0 auto; border: 1px solid #666; }
.btn_detail a { padding: 5px; width: 100%; text-align: center; display: block; text-decoration: none; }
.btn_detail a:hover { color: inherit; text-decoration: none; }
.btn_detail a:before { content: url(../img/common/icon_ab_2.png); padding-right: 5px;}

/* inbox.bgred */
.bgred { background: #f9f4f4; padding: 20px; }
@media screen and (max-width: 750px) {
	.bgred { padding: 20px 4%; }
}
/* inbox.bggrey */
.bggrey { background: #f5f5f5; padding: 20px; }
@media screen and (max-width: 750px) {
	.bggrey { padding: 20px 4%; }
}
/* inbox.bgblue */
.bgblue { background: #f3f7fb; padding: 20px; }
@media screen and (max-width: 750px) {
	.bgblue { padding: 20px 4%; }
}

/*
 * タイトル
 */
/* sectitle */
.sectitle { border-bottom: 2px solid #00387d; border-left: 6px solid #00387d; font-weight: bold; color: #00387d; font-size: 1.29em; padding: 2px 0 2px 10px; margin-bottom: 20px; }
.sectitle .caution { font-size: 0.7em; color: #333; }
@media screen and (max-width: 750px) {
	.sectitle { margin-bottom: 10px; line-height: 1.2; padding: 5px 0 6px 10px; }
	.sectitle .caution { font-size: 0.6em; line-height: 1.0; }
}

/* titlestyle1 */
.titlestyle1 { font-size: 1.15em; font-weight: bold; color: #901d22; border-bottom: 1px dotted #aaa; padding-bottom: 6px; margin-bottom: 10px; }
@media screen and (max-width: 750px) {
	.titlestyle1 { padding-bottom: 4px; margin-bottom: 5px; }
}

/* titlestyle2 */
.titlestyle2 { font-size: 1.15em; font-weight: bold; color: #00387d; border-bottom: 1px dotted #aaa; padding-bottom: 6px; margin-bottom: 10px; }
@media screen and (max-width: 750px) {
	.titlestyle2 { padding-bottom: 4px; margin-bottom: 5px; }
}


/* titlestyle3 */
.titlestyle3{ width: 92%; background:#00387d; color:#fff; font-size: 1.14em; line-height: 1.5; padding:10px 4% 8px; text-align: center; font-weight: bold; margin-bottom: 15px }

/* tel */
#tel_box { position: relative; }
@media screen and (max-width: 750px) {
	#tel_box dt { width: auto; float: none; padding-bottom: 3px; }
	#tel_box dd { padding-left: 0; padding-bottom: 10px; margin-bottom: 10px; }
}

#tel_box .inbox { background: #f9f4f4; padding: 15px 0; }
#tel_box dl { width: 240px; padding-left: 210px; }
#tel_box dt { float: left; width: 35px; border-right: 1px dotted #aaa; }
#tel_box dd { padding-left: 50px; }
@media screen and (max-width: 750px) {
	#tel_box .inbox { text-align: center; }
	#tel_box dl { width: 280px; padding-left: 0px; display: inline-block; }
	#tel_box dt { float: left; width: 42px; border-right: 1px dotted #aaa; }
	#tel_box dd { padding-left: 50px; }
}

.telbtn:after, .boxbtn:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.telbtn, .boxbtn { min-height: 1px; }
/* boxbtn */
.boxbtn { background: #f9f4f4; margin-top: 10px; padding: 12px 0; }
.boxbtn p.btn a { width:320px; display: block; text-align: center;  margin: 0 auto; padding: 5px 30px; text-decoration: none; background: #fff; border: 1px solid #ccc; }
.boxbtn p.btn a span { background:url(../img/common/icon_1.png) no-repeat left center; padding-left: 20px; color: #8f1c21; font-weight: bold; font-size: 1.08em;}
.pdf p.btn a span { background:url(../img/common/icon_pdf.png) no-repeat right center; padding-right: 25px; padding-left: 0; }
@media screen and (max-width: 750px) {
	.boxbtn { text-align: center; }
	.boxbtn p.btn a { width: 90%; padding: 5px 0; }
	.pdf p.btn a span { background:url(../img/common/icon_pdf_2.png) no-repeat right center;  }
}
/* telbtn */
.telbtn { background: #f9f4f4; padding: 19px 0; margin-top: 10px; }
.telbtn dl { width: 240px; padding-left: 210px; }
.telbtn dl img { height: 23px; }
.telbtn dt { float: left; width: 35px; border-right: 1px dotted #aaa; }
.telbtn dd { padding-left: 50px; }
@media screen and (max-width: 750px) {
	.telbtn { text-align: center; }
	.telbtn dl { width: 280px; padding-left: 0px; display: inline-block; }
	.telbtn dl img { height: 28px; }
	.telbtn dt { float: left; width: 42px; border-right: 1px dotted #aaa; }
	.telbtn dd { padding-left: 50px; }
}


.bgblue { background: #f2f5f8; }
.bgred { background: #f9f4f4; }

/* 
 * ------- commonSetteing.margin-padding ---------------------
 */
/* padding */
.pt0 { padding-top: 0px!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }
.pt50 { padding-top: 50px!important; }
.pt60 { padding-top: 60px!important; }
.pt70 { padding-top: 70px!important; }
.pt80 { padding-top: 80px!important; }
.pt90 { padding-top: 90px!important; }
.pt100 { padding-top: 100px!important; }
.pb0 { padding-bottom: 0px!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb70 { padding-bottom: 70px!important; }
.pb80 { padding-bottom: 80px!important; }
.pb90 { padding-bottom: 90px!important; }
.pb100 { padding-bottom: 100px!important; }
.pl0 { padding-left: 0px!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl40 { padding-left: 40px!important; }
.pl50 { padding-left: 50px!important; }
.pr0 { padding-right: 0px!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr40 { padding-right: 40px!important; }
.pr50 { padding-right: 50px!important; }
/* margin */
.mt0 { margin-top: 0px!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }
.mt90 { margin-top: 90px!important; }
.mt100 { margin-top: 100px!important; }
.mb0 { margin-bottom: 0px!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }
.mb90 { margin-bottom: 90px!important; }
.mb100 { margin-bottom: 100px!important; }
.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml40 { margin-left: 40px!important; }
.ml50 { margin-left: 50px!important; }
.mr0 { margin-right: 0px!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr40 { margin-right: 40px!important; }
.mr50 { margin-right: 50px!important; }

/* para */
.para1 { margin-bottom: 10px!important; } @media screen and (max-width: 639px) { .para1 { margin-bottom: 10px!important; } }
.para2 { margin-bottom: 20px!important; } @media screen and (max-width: 639px) { .para2 { margin-bottom: 15px!important; } }
.para3 { margin-bottom: 30px!important; } @media screen and (max-width: 639px) { .para3 { margin-bottom: 20px!important; } }
.para4 { margin-bottom: 40px!important; } @media screen and (max-width: 639px) { .para4 { margin-bottom: 30px!important; } } @media screen and (max-width: 479px) { .para4 { margin-bottom: 20px!important; } }
.para5 { margin-bottom: 50px!important; } @media screen and (max-width: 639px) { .para5 { margin-bottom: 30px!important; } } @media screen and (max-width: 479px) { .para5 { margin-bottom: 30px!important; } }
.para6 { margin-bottom: 60px!important; } @media screen and (max-width: 639px) { .para6 { margin-bottom: 40px!important; } }
.para7 { margin-bottom: 70px!important; } @media screen and (max-width: 639px) { .para7 { margin-bottom: 50px!important; } } @media screen and (max-width: 479px) { .para7 { margin-bottom: 40px!important; } }
.para8 { margin-bottom: 80px!important; } @media screen and (max-width: 639px) { .para8 { margin-bottom: 50px!important; } } @media screen and (max-width: 479px) { .para8 { margin-bottom: 40px!important; } }
.para9 { margin-bottom: 90px!important; } @media screen and (max-width: 639px) { .para9 { margin-bottom: 60px!important; } } @media screen and (max-width: 479px) { .para9 { margin-bottom: 40px!important; } }
.para10 { margin-bottom: 100px!important; } @media screen and (max-width: 639px) { .para10 { margin-bottom: 70px!important; } } @media screen and (max-width: 479px) { .para10 { margin-bottom: 50px!important; } }


.listpara1{ overflow:hidden; }
.listpara1>ul { margin-bottom: -10px; } @media screen and (max-width: 639px) { .listpara1>ul { margin-bottom: -10px; } }
.listpara1>ul>li { margin-bottom: 10px; } @media screen and (max-width: 639px) { .listpara1>ul>li { margin-bottom: 10px; } }
.listpara2{ overflow:hidden; }
.listpara2>ul { margin-bottom: -20px; } @media screen and (max-width: 639px) { .listpara2>ul { margin-bottom: -15px; } }
.listpara2>ul>li { margin-bottom: 20px; } @media screen and (max-width: 639px) { .listpara2>ul>li { margin-bottom: 15px; } }
.listpara3{ overflow:hidden; }
.listpara3>ul { margin-bottom: -30px; } @media screen and (max-width: 639px) { .listpara3>ul { margin-bottom: -20px; } }
.listpara3>ul>li { margin-bottom: 30px; } @media screen and (max-width: 639px) { .listpara3>ul>li { margin-bottom: 20px; } }
.listpara4{ overflow:hidden; }
.listpara4>ul { margin-bottom: -40px; } @media screen and (max-width: 639px) { .listpara4>ul { margin-bottom: -30px; } } @media screen and (max-width: 479px) { .listpara4 { margin-bottom: -20px; } }
.listpara4>ul>li { margin-bottom: 40px; } @media screen and (max-width: 639px) { .listpara4>ul>li { margin-bottom: 30px; } } @media screen and (max-width: 479px) { .listpara4 { margin-bottom: 20px; } }
.listpara5{ overflow:hidden; }
.listpara5>ul { margin-bottom: -50px; } @media screen and (max-width: 639px) { .listpara5>ul { margin-bottom: -30px; } } @media screen and (max-width: 479px) { .listpara5 { margin-bottom: -30px; } }
.listpara5>ul>li { margin-bottom: 50px; } @media screen and (max-width: 639px) { .listpara5>ul>li { margin-bottom: 30px; } } @media screen and (max-width: 479px) { .listpara5 { margin-bottom: 30px; } }
.listpara6{ overflow:hidden; }
.listpara6>ul { margin-bottom: -60px; } @media screen and (max-width: 639px) { .listpara6>ul { margin-bottom: -40px; } }
.listpara6>ul>li { margin-bottom: 60px; } @media screen and (max-width: 639px) { .listpara6>ul>li { margin-bottom: 40px; } }
.listpara7{ overflow:hidden; }
.listpara7>ul { margin-bottom: -70px; } @media screen and (max-width: 639px) { .listpara7>ul { margin-bottom: -50px; } } @media screen and (max-width: 479px) { .listpara7 { margin-bottom: -40px; } }
.listpara7>ul>li { margin-bottom: 70px; } @media screen and (max-width: 639px) { .listpara7>ul>li { margin-bottom: 50px; } } @media screen and (max-width: 479px) { .listpara7 { margin-bottom: 40px; } }
.listpara8{ overflow:hidden; }
.listpara8>ul { margin-bottom: -80px; } @media screen and (max-width: 639px) { .listpara8>ul { margin-bottom: -50px; } } @media screen and (max-width: 479px) { .listpara8 { margin-bottom: -40px; } }
.listpara8>ul>li { margin-bottom: 80px; } @media screen and (max-width: 639px) { .listpara8>ul>li { margin-bottom: 50px; } } @media screen and (max-width: 479px) { .listpara8 { margin-bottom: 40px; } }
.listpara9{ overflow:hidden; }
.listpara9>ul { margin-bottom: -90px; } @media screen and (max-width: 639px) { .listpara9>ul { margin-bottom: -60px; } } @media screen and (max-width: 479px) { .listpara9 { margin-bottom: -40px; } }
.listpara9>ul>li { margin-bottom: 90px; } @media screen and (max-width: 639px) { .listpara9>ul>li { margin-bottom: 60px; } } @media screen and (max-width: 479px) { .listpara9 { margin-bottom: 40px; } }
.listpara10{ overflow:hidden; }
.listpara10>ul { margin-bottom: -100px; } @media screen and (max-width: 639px) { .listpara10>ul { margin-bottom: -70px; } } @media screen and (max-width: 479px) { .listpara10 { margin-bottom: -50px; } }
.listpara10>ul>li { margin-bottom: 100px; } @media screen and (max-width: 639px) { .listpara10>ul>li { margin-bottom: 70px; } } @media screen and (max-width: 479px) { .listpara10 { margin-bottom: 50px; } }


.flowlist{ overflow: hidden; }
.flowlist>ol{ margin-bottom: -50px }
.flowlist>ol>li{ padding-bottom: 50px; position: relative; }
.flowlist>ol>li:after{ content:""; background:url(../img/common/flowarrow.png) no-repeat; background-size: contain; width: 54px; height: 22px; display: inline-block; position: absolute; bottom:12px; left:0; right:0; margin:0 auto; }

.borderbox{ border:1px solid #adadad; padding:15px 20px 10px; }


.inboxlist{ overflow: hidden; }
.inboxlist>ul{ margin-bottom: -46px }
.inboxlist>ul>li{ margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px dotted #194c8a }