@charset "Shift_JIS";
/* CSS Document */

.apply_about h2 {font-size: 1.4em;font-weight: bold;border-bottom: 1px solid #000;padding: 0 0 .5em;}

.select_list {width:102%;margin-left:-1%;padding:1em 0 0;}
.select_list li {float:left;width:33.3%;padding:0 1%;position:relative;}
.select_list li a {display:block;padding:1em .5em;text-align:center;border:2px solid #005bac;color:#005bac;font-weight:bold;font-size:1.1em;}
.select_list li a:hover {background:#005bac;color:#fff;opacity:1;}
/*.select_list li:after {content:"\f109";font-family:'ionicons';position:absolute;right:-.4em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size:1.5em;color:#005bac;}*/

.apply_about .flow {margin:3em 0;}
.apply_about .flow h3 {background:#000;color:#fff;padding:.5em;font-size:1.2em;font-weight:bold;margin-bottom:2em;}
.apply_about .flow ul {display:flex;flex-wrap:wrap;width:102%;margin-left:-1%;}
.apply_about .flow li {width:12.285%;margin:0 1%;border:1px solid #000;position:relative;}
.apply_about .flow li:after {content:"\f109";font-family:'ionicons';position:absolute;right:-1.15em;font-size:1.2em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);color:#000;}
.apply_about .flow li:last-child:after {display:none;} 
.apply_about .flow li h4 {font-weight:bold;line-height:1;font-size:.9em;}
.apply_about .flow li h4 span {display:inline-block;vertical-align: middle;background: #000;color: #fff;padding: .4em .7em .6em;font-size:1.1em;}
.apply_about .flow li p {padding:5px 10px;}
.apply_about .flow ul + p{width: 41.6%;margin: 0;text-align: center;margin-top: 1.5em;background: #bbb;color: #fff;line-height: 2.5;}

.apply_about .point {margin:3em 0;}
.apply_about .point h3 {background:#000;color:#fff;padding:.5em;font-size:1.2em;font-weight:bold;margin-bottom:1em;}
.apply_about .point li {position:relative;padding-left:1em;}
.apply_about .point li:before {content:"��";position:absolute;top:0;left:0;}


.apply_table , .apply_table th , .apply_table td {border-collapse: collapse;border:1px solid #ddd;}
.apply_table th , .apply_table td {padding:10px 12px;}
.apply_table th {background:#8c8989; color:#fff;}
.apply_table li {position:relative;padding-left:1em;}
.apply_table li:before {content:"�E";position:absolute;top:0;left:0;}


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

.select_list li a {
    display: block;
    padding: 1em .5em;
    text-align: center;
    border: 2px solid #005bac;
    color: #005bac;
    font-weight: bold;
    font-size: 2.5em;
}



}