@charset "utf-8";

#wcontent{font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic", "Osaka",sans-serif;}

#wcontent ul,#wcontent ol{list-style:none;}
#content_header h2{border:none;padding:0;}

/*#wcontent p:first-child{margin:0 auto; padding-left:20px;}*/

.apply_list ul{margin:0 auto 50px;
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap:wrap;
-webkit-justify-content: space-between; /* Safari */
justify-content:space-between;
}

.apply_list li{margin-bottom:2em; width:436px}
.apply_list dl{margin:1em auto; overflow:hidden}
.apply_list dt{clear:left;float:left;margin-right:1em;}
.apply_list dd{position:relative; overflow:hidden; min-height:143px;}
.apply_list dd h3{font-weight:bold; font-size:1.4em; line-height:1.4em}
.apply_list dd p{font-size:1.1em;}
.apply_list dd a{position:absolute;bottom:0; display:block;width:186px;height:28px;background:url(../img/apply/apply_btn.gif) no-repeat; text-indent:100%;white-space: nowrap;}


/*--apply page--*/
#apply .hero{margin:4em auto 1em; position:relative; text-align:center;}
#apply .hero h3{font-size:3.5em; color:#fff; font-weight:bold; position:absolute; bottom:1em; text-shadow:1px 1px 5px #666,1px -1px 5px #666,-1px 1px 5px #666,-1px -1px 5px #666; width:100%;}

#apply .hero dl{position:absolute; top:20%; right:2%;}
#apply .hero dt{background:#ff6d4b;color:#fff;font-size:2em;width:5em;padding:1em 0; border-radius:100%; font-weight:bold; line-height:1.4em; position:relative; z-index:10}
#apply .hero dd{background:#fff; border-radius:100%; z-index:1; position:relative; top:-7em;width:250px;height:250px;}
#apply .hero dd p{font-weight:bold; line-height:1.8em; padding-top:100px; font-size:1.6em}
#apply .hero dd span{font-size:.9em;}
#apply .hero dl+p{text-align:left; width:90%; margin:.5em auto;font-size:1.2em}


.apply_txt h5{color: #F7902C;font-size: 217%;font-weight: bold;margin-bottom: 15px;}
.apply_txt p,#wcontent .apply_txt p:first-child{ margin:1em auto 4em; font-size:1.4em; padding:0}

.apply_txt dl{width: 380px;float: right;margin-left: 50px; margin-bottom:1em}
.apply_txt dt{margin-bottom: 5px;}
.apply_txt dd{font-size: 92%;}

#apply span.orng{color:#fe6c45}

#apply .link{ padding:3em 0; border-top:1px #ffddd4 solid; margin:3em auto}
#apply .link h3{padding:.2em 1em; background:#ffddd4; color:#fe6c45; display:inline; font-size:1.4em;font-weight:bold;}
#apply .link ul{margin:1em auto; font-size:1.4em}
#apply .link li{line-height:2em;}
#apply .link li:before{content:"\25a0";color:#fe6c45; margin-right:.5em; display:inline-block;}
#apply .link a{color:#000; text-decoration:underline;}
#apply .link a:hover{color:#fe6c45;}
#apply .link .orng{margin-right:.5em;}

/*--support map--*/
#support h2.map{border:none;padding: 8px 15px 5px;border-bottom: 1px #666 dotted;font-size: 2em;font-weight: bold;margin-bottom: 1em;}
#support h2.map:before{content: " ";padding: 0;border-left: 5px #dd6157 solid;margin-right: .6em;}
div.supmap{width:1020px;height:702px; background:url(../img/supportmap/map.jpg) center no-repeat; position:relative; margin:3em auto 1em}
div.supmap ul li{text-indent:-99em;position:absolute;}
div.supmap ul li a{display:block; height:43px; width:32px; background:url(../img/supportmap/post.gif) no-repeat;}
div.supmap p{ background:url(../img/supportmap/post.gif) left no-repeat; line-height:43px; padding-left:40px; margin-left:20px;}

.supmap li.suzu{ top:-4%; right:12%}
.supmap li.waji{ top:2%; right:30%}
.supmap li.noto{ top:7%; right:25%}
.supmap li.anam{ top:15%; right:25%}
.supmap li.nana{ top:32%; right:16%}
.supmap li.sika{ top:19%; right:59%}
.supmap li.naka{ top:33%; right:36%}
.supmap li.hakui{top:27%; right:58%}
.supmap li.houd{top:37%; right:58%}
.supmap li.kaho{top:41%; right:62%}
.supmap li.tuba{ top:48%; right:45%}
.supmap li.uchi{ top:46%; right:66%}
.supmap li.knzw{ top:58%; right:59%}
.supmap li.nono{ top:60%; right:70%}
.supmap li.hakus{ top:83%; right:57%}
.supmap li.kawa{ top:71%; right:71%}
.supmap li.nomi{ top:78%; right:73%}
.supmap li.koma{ top:81%; left:12%}
.supmap li.kaga{ top:91%; left:13%}

/*--slide--*/
.slide{margin:2em auto; position:relative; width:95%;}
.slide a{text-decoration:none; }
.postman{list-style:none}
.postman li{text-align:center;}
.postman li a{color:#000; display:block}
.postman li a:hover{background:#FEF8F5;color: #dd6157}
.postman li a:hover img{opacity:.8;}
.postman img{width:auto;}
.nwrp{white-space:nowrap;}

.slide .bx-prev,.slide .bx-next{padding:.5em;background: #999;color: #FFF;font-weight: bold;z-index: 999;position: absolute;line-height:190px; height:95%}
.slide .bx-prev{top: 0;left:.5em;}
.slide .bx-next{top: 0;right:.5em;}

table.supmap{ margin:2em auto; width:100%; border-collapse:collapse; border}
table.supmap th, table.supmap td{padding:.2em 1em; border-left:1px #000 solid}
table.supmap th:first-child, table.supmap td:first-child{border-left:none;}
.supmap .head th{background:#ccc;}
.supmap tr.okuno td{background:#eef7f4; border-top:1px #66bfa1 solid;}
.supmap tr.nakano td{background:#e8eff9; border-top:1px #4793d1 solid;}
.supmap tr.kanazawa td{background:#fdf1f5; border-top:1px #f091a9 solid;}
.supmap tr.kaga td{background:#fff2ea; border-top:1px #f39d60 solid;}
.supmap tr:not(.head) th{width:1em;word-break:break-all; max-width:1em;color:#fff;font-weight:bold;}

.supmap tr.nbd td{border-top:none;}
.supmap tr.okuno th{background:#66bfa1}
.supmap tr.nakano th{background:#4793d1}
.supmap tr.kanazawa th{background:#f091a9}
.supmap tr.kaga th{background:#f39d60}
.supmap tr.bdb th,.supmap tr.bdb td{border-top:1px #000 solid;}

/*--office--*/
#support .hero{ padding-bottom:2em; margin-bottom:2em; border-bottom:3px #df635c dashed;}
#support .hero img{display:block; margin:0 auto;}
#support .hero h2{font-size:2.5em; color:#df635c;font-weight:bold; margin:.5em auto .2em; text-indent:20px;border:none; padding:0}
#support .hero h3{font-size:1.9em; font-weight:bold; text-indent:20px; margin:0 auto;line-height:1.2em}
#support .hero h3 span{font-size:.6em; font-weight:bold; margin:0 .8em;vertical-align:middle}
#support .hero h3 span:first-child{font-size:.8em; margin:0; vertical-align:middle}

.supportmap section{padding-left:20px; margin:1em auto}
.supportmap section h3{color:#df635c; font-size:1.6em; margin:1em auto; font-weight:bold}
#wcontent .supportmap section p{text-indent:1em; margin:0 auto; line-height:1.6em; font-size:1.2em}

.supportmap dl{width: 380px;float: right;margin-left: 50px; margin-bottom:1em}
.supportmap dt{margin-bottom:2px;}
.supportmap dd{font-size: 92%; text-align:center;margin-bottom:15px;}

.supportmap .access{border-top:3px #f0f0f0 solid; padding:2em 20px}
.supportmap .access dl{width:auto; float:none; margin:1em;font-size:1.2em}
.supportmap .access dt{display:inline-block; margin:0 1em; font-weight:bold}
.supportmap .access dd{display:inline-block; text-align:left}
.supportmap .access ul{letter-spacing:-.4em;}
.supportmap .access li{display:inline-block;width:48%; margin:1em 1%; letter-spacing:normal}
.supportmap .access li iframe{width:100%; height:260px;}

/*--support_group--*/
.support_group{
	width:auto !important;
	float:none !important;
	font-size:1.2em;
	margin:0 !important;
	padding:0 !important;
}
.support_group dt{
	font-weight:bold;

}
.support_group dd{
	text-align:left !important;
	margin-left:2em;
}


@media screen and (max-width: 640px) {

#apply .hero h3{font-size:1.8em;bottom:2em;}

#apply .hero dl{position:absolute; top:0; right:inherit; left:0;width:100%; display:inline-table}
#apply .hero dl br{display:none;}
#apply .hero dt{font-size:1.2em;display:table-cell;padding:.2em .5em;width:auto; border-radius:0; font-weight:bold; line-height:1.4em;}
#apply .hero dd{border-radius:0; top:0;width:auto;height:auto; display:table-cell; padding:.2em .5em}
#apply .hero dd p{font-size:1.2em; padding-top:0;}
#apply .hero dl+p{text-align:left; width:90%; margin:.5em auto;font-size:1.2em}

.apply_txt h5{color: #F7902C;font-size: 150%;font-weight: bold;margin-bottom: 15px;}
.apply_txt p,#content .apply_txt p:first-child{ margin:1em auto 2em; font-size:1em}


.apply_txt dl,.supportmap dl{width:100%;float: none;margin-left:0; margin-bottom:1em; background:#f0f0f0}
.apply_txt dd,.supportmap dd{ padding: 0 .5em .5em}

/*--supmap--*/
div.supmap{width:100%; height:auto; background:none;}
#wcontent div.supmap p{margin:1em;}
div.supmap ul{text-align:center;}
div.supmap ul li{position:relative; display:inline-block; text-indent:0; margin:.5em }
.supmap li.suzu,
.supmap li.waji,
.supmap li.noto,
.supmap li.anam,
.supmap li.nana,
.supmap li.sika,
.supmap li.naka,
.supmap li.hakui,
.supmap li.houd,
.supmap li.kaho,
.supmap li.tuba,
.supmap li.uchi,
.supmap li.knzw,
.supmap li.nono,
.supmap li.hakus,
.supmap li.kawa,
.supmap li.nomi,
.supmap li.koma,
.supmap li.kaga{top:0;left:0; padding:0 .5em; border-bottom:1px #dd6157 solid;}
div.supmap ul li a{padding-left:40px; line-height:42px; min-width:60px;}

.slide{width:100%;}
.slide .bx-prev{top: 0;left:0;}
.slide .bx-next{top: 0;right:0;}

table.supmap{font-size:.9em}
table.supmap th, table.supmap td{padding:.2em .5em;}

/*--office--*/
#support h2.map{font-size: 1.4em;}

#support .hero h2{font-size:2em;}
#support .hero h3{font-size:1.4em;}
.supportmap section{padding-left:0; margin:1em auto; width:95%}

.supportmap .access{border-top:3px #f0f0f0 solid; padding:1em 0}
.supportmap .access dl{background:none}
.supportmap .access dt{display:block; margin:.5em 0;}
.supportmap .access dd{display:block; text-align:left}

.supportmap .access li{display:block;width:98%;}
.supportmap .access li iframe{width:100%; height:260px;}

}

@media screen and (max-width: 490px) {
#apply .hero h3{font-size:1.4em;bottom:4em;}
#apply .hero dt{font-size:1em;}
#apply .hero dd p{font-size:1em;}
}