@charset "utf-8";
img{
max-width:100%;
height:auto;
}
body {
-webkit-text-size-adjust: 100%;
color:#313131;
font:0.9em 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;*font-size:small;*font:x-small;
line-height:1.55em;
letter-spacing: 0.1em;
}
.txt_en,.block_3col_02_r dl dt,.block_3col_02_r dl dd{font-family:Helvetica,Arial;}
html, body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

/* link
-------------------------------- */
a {
color:#22afc8;
text-decoration:under-line;
}
a:hover {
color:#5bd9f0;
}
@media only screen and (min-width:860px){
 .link_img:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";-moz-opacity:0.7;-khtml-opacity:0.7;}
}
/* container
-------------------------------- */
#container{
width:100%;
height:auto !important; /*IE6対策*/
height:100%; /*IE6対策*/
min-height: 100%;
background:#f8f8f6;
position:relative;
border-top:5px solid #93be69;
}

/* header
-------------------------------- */
#header_top{
position: relative;
width:1000px;
height:340px;
margin:0px auto;
text-align:center;
}
#header{
position: relative;
width:1000px;
height:106px;
margin:0px auto;
text-align:center;
background:#fff;
}
.header_logo{
position: absolute;
z-index:3;
top:12px;
left:30px;
}
.header_tel{
position: absolute;
z-index:2;
top:0px;
right:0px;
text-align:right;
padding:10px;
}
.header_tel .tel_img{
display:inline-block;
margin-right:10px;
}
.header_tel .contact_box{
display:inline-block;
text-align:center;
background:#ffffe1;
border:2px solid #d6edc0;
padding:8px 8px 0;
}
.header_tel .contact_box li{
display:inline-block;
}
.top_img {
position: absolute;
z-index:1;
bottom:0;
top:0;
left:0;
right:0;
line-height:0;
width:100%;
}
.top_img li{
height:340px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-repeat:no-repeat;
background-size: cover;
background-position:0% 50%;
padding:40px 0 0 0;
}
.top_img li.bg1{
background-image:url(../images/top/top_image.webp);
}
.top_img li.bg2{
background-image:url(../images/top/top_img3.webp);
}
/* main_menu
-------------------------------- */
#main_menu{
width:1000px;
margin:0px auto;
text-align:center;
position:relative;
z-index:1;
line-height:0;
}
#main_menu ul{
box-shadow:0px 2px 5px rgba(0,0,0,0.3);
}
#main_menu li{
float:left;
margin:0px;
padding:0px;
position: relative;
}
#main_menu li:nth-child(1){ width:97px; }
#main_menu li:nth-child(2){ width:167px; }
#main_menu li:nth-child(3){ width:122px; }
#main_menu li:nth-child(4){ width:137px; }
#main_menu li:nth-child(5){ width:111px; }
#main_menu li:nth-child(6){ width:125px; }
#main_menu li:nth-child(7){ width:114px; }
#main_menu li:nth-child(8){ width:127px; }
#main_menu li ul {
position: absolute;
top:70px;
left:0;
line-height:1.4em;
background:rgba(64,177,63,.95);
text-align:center;
display: none;
}
#main_menu li:nth-child(8) ul{
left:auto;
right:0;
}
#main_menu li:hover ul{
display: block;
}
#main_menu li ul li {
display: block;
float:none;
width:200px !important;
}
#main_menu li ul li a {
display:block;
color:#fff;
font-weight:bold;
text-decoration:none;
border-top: 1px solid #85c469;
padding:5%;
width:90%;
text-shadow:1px 1px 2px #259b24;
}
#main_menu li ul li a:hover{
background:rgba(255,185,16,.95);
}

/* contants 
-------------------------------- */
#contants{
max-width:1000px;
background:#fff;
margin:0px auto;
padding:20px 0px 30px 0px;
min-height:700px;
}
.r_cont{
float:right;
width:687px;
margin-right:20px;
}
.r_cont p,.r_cont ul,.r_cont dl{
width:98%;
margin:10px auto;
}
.l_cont{
float:left;
width:245px;
margin-left:20px;
}

/* footer 
-------------------------------- */
#footer {
border-top:1px solid #cdbea9;
padding:35px 0 15px;
background:#fff;
width:1000px;
margin:0px auto;
color:#422a0a;
}
.footer_container{
width:95%;
margin:0px auto;
}
.footer_container .add{
width:50%;
float:left;
}
.footer_container .add h1{
font-weight:bold;
}
.footer_container .add ul{
margin:10px 0 15px 20px;
}
.footer_container .add li {
position: relative;
margin:3px auto;
}
.footer_container .add li::after {
display: block;
content: '';
position: absolute;
top: .5em;
left: -1em;
width:8px;
height:8px;
background-color: #666;
border-radius: 100%;
}
.footer_container a{ color:#422a0a; }
.footer_container a:hover{ color:#46ba13; }
.footer_container .f_menu{
width:46%;
padding:2%;
float:right;
background:#f8f8f6;
border-radius: 10px;
}
.footer_container .f_menu a{text-decoration:none;}
.footer_container .f_menu .fmt{
display:block;
position: relative;
margin:3px auto;
font-weight:bold;
margin-left:20px;
}
.footer_container .f_menu .fmt::after {
display: block;
content: '';
position: absolute;
top: .5em;
left: -1em;
width:8px;
height:8px;
background-color: #666;
border-radius: 100%;
}
.footer_container .f_menu ul li li{
font-weight:normal;
font-size:0.9em;
text-indent: -0.9em;
margin-left:2em;
}
.footer_container .f_menu ul li li:before {
 content: '-';
}
.footer_copyright{
margin-top:20px;
text-align:right;
font-size:0.9em;
}
/* page_top 
-------------------------------- */
#page-top{
display: block;
position: fixed;
z-index: 9999;
bottom:40px;
right: 40px;
padding:25px;
background: rgba(101,176,0,.8);
color: #fff;
text-align: center;
text-decoration: none; 
}
#page-top:hover{
background: rgba(101,176,0,.7);
}
/* pankuzu 
-------------------------------- */
.pankuzu{
margin:0px auto 10px auto;
color:#737373;
}
.pankuzu a{
color:#737373;
}
.pankuzu a:hover {
color:#6a9c12;
}

/* side_menu
-------------------------------- */
.side_menu{
background: #33a1dc; /* Old browsers */
background: -moz-linear-gradient(top,  #33a1dc 0%, #1994cd 5%, #1994cd 49%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #33a1dc 0%,#1994cd 5%,#1994cd 49%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #33a1dc 0%,#1994cd 5%,#1994cd 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67c446', endColorstr='#1994cd',GradientType=0 ); /* IE6-9 */
border-radius:8px;        /* CSS3草案 */  
-webkit-border-radius:8px;    /* Safari,Google Chrome用 */  
-moz-border-radius:8px;   /* Firefox用 */  
padding-bottom:10px;
margin-bottom:10px;
}
.side_menu_title{
color:#fff;
font-weight:bold;
text-shadow:1px 1px 5px #0484bf; 
text-align:center;
padding:12px 0px 7px 0px;
}
.side_menu ul{
width:95%;
margin:0px auto;
line-height:1.2em;
font-weight:bold;
}
.side_menu a{
background:#fff url(../images/common/allow4.png) no-repeat 4% 50%;
display:block;
padding:10px 5px 10px 31px;
margin:2px auto;
}
.side_menu a{
color:#3986cc;
text-decoration:none;
text-shadow:1px 1px 3px #b7d0eb; 
}
.side_menu a:hover{
background-color:#e0fbff;
}

/* info_div
-------------------------------- */
.info_div{
border:4px solid #edf0d3;
}
.info_div_title{
margin:0px auto;
color:#7f681a;
padding:5px 10px;
background-color: #f3fbc3;
background-image: -webkit-linear-gradient(-45deg, #e2eba9 25%, transparent 25%, transparent 50%, #e2eba9 50%, #e2eba9 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, #e2eba9 25%, transparent 25%, transparent 50%, #e2eba9 50%, #e2eba9 75%, transparent 75%, transparent);
background-size: 7px 7px;
font-weight:bold;
}
.info_div p,.info_div ul{
width:88%;
margin:10px auto 15px auto;
color:#624b2e;
}

/* title 
-------------------------------- */
.page_title{
background:url(../images/common/title_line.png) no-repeat 0% 0%;
color:#624b2e;
font-weight:bold;
padding-left:30px;
font-size:1.8em;
margin:20px auto;
line-height: 1.2em;
}
.sub_title{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border:1px solid #dbdbdb;
box-shadow:1px 1px 1px rgba(0,0,0,0.1);
margin:5px auto 15px auto;
}
.sub_title p{
width:94%;
margin:12px auto 10px auto;
padding-left:25px;
background:url(../images/common/circle.png) no-repeat 0% 50%;
color:#404040;
font-weight:bold;
font-size:1.2em;
}
.w60{width:67%;padding:0 1%;margin:0;}
.sub_title2{
margin:30px auto 0px auto;
font-weight:bold;
font-size:1.2em;
color:#5e5e5e;
border-bottom:1px #5c5c5c dotted;
}
.sub_title3{
margin:15px auto;
font-weight:bold;
font-size:1.2em;
color:#5e5e5e;
border-top:1px #5c5c5c dotted;
border-bottom:1px #5c5c5c dotted;
padding:10px;
}
.sub_title4{
display:inline-block;
font-weight:bold;
width:80px;
padding:5px 20px;
background:#13b3ef;
color:#fff;
margin:10px auto 0;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
text-align:center;
}
.sub_title5{
font-weight:bold;
font-size:1.45em;
line-height:1.3em;
margin:15px auto;
}
.sub_title6{
font-weight:bold;
font-size:1.15em;
line-height:1.2em;
border-left:5px solid #0099e0;
padding:2px 10px;
margin:15px auto;
}
.sub_title7{
font-weight:bold;
font-size:1.15em;
line-height:1.2em;
border-left:5px solid #e4f2d1;
padding:2px 10px;
margin:15px auto;
}
/*	table
------------------------------------*/
/*	green_table */
.green_table{
margin:10px auto;
background:#fff;
width:100%;
border:1px solid #bfd9b5;
}
.green_table th{
border-right:1px dotted #83c786;
border-bottom:1px dotted #83c786;
padding:10px 15px;
font-weight:bold;
}
.green_table thead th{
background:#5baf00;
color:#fff;
}
.green_table tbody th{
background:#e4f2d1;
color:#3e5638;
}
.green_table td{
border-right:1px dotted #83c786;
border-bottom:1px dotted #83c786;
padding:10px 15px;
}
.in_table td{
border-style:none;
padding:5px 0px;
text-align:right;
}
/*	green_table2 */
.green_table2{
margin:10px auto;
background:#fff;
width:100%;
}
.green_table2 th{
border-bottom:1px dotted #83c786;
padding:10px 15px;
font-weight:bold;
background:#e4f2d1;
color:#3e5638;
text-align:center;
width:80px;
}
.green_table2 td{
border-bottom:1px dotted #83c786;
padding:10px 15px;
}

/*	blue_table */
.blue_table{
margin:10px auto;
background:#fff;
width:100%;
border:1px solid #b5d4d9;
}
.blue_table th{
background:#d1edf2;
border-right:1px dotted #83bec7;
border-bottom:1px dotted #83bec7;
padding:10px 15px;
color:#384956;
font-weight:bold;
}
.blue_table td{
border-right:1px dotted #83bec7;
border-bottom:1px dotted #83bec7;
padding:10px 15px;
}
.blue_table thead th{
background:#3092bf;
color:#fff;
text-align:center;
padding:5px 15px;
}
.blue_table thead td{
font-weight:bold;
text-align:center;
background:#e7f4fd;
padding:5px 15px;
}
/* .blue_table thead th a{
color:#fdff59;
}
.blue_table thead th a:hover{
color:#ffd800;
}
 */
 /*	blue_table2 */
.blue_table2{
margin:10px auto;
background:#fff;
width:100%;
border:1px solid #b5d4d9;
text-align:center;
}
.blue_table2 thead th{
color:#fff;
padding:5px 15px;
background-color:#3092bf;
text-align:center;
border:1px solid #b5d4d9;
font-weight:bold;
}
.blue_table2 tbody th{
background-color:#BDE5F9;
text-align:center;
border:1px solid #b5d4d9;
padding:8px 15px;
}
.blue_table2 td{
padding:8px 15px;
background-color:#F5FDFF;
border:1px dotted #b5d4d9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.blue_table2.w3 td{width:33.33%;}
.blue_table2.w4 td{width:25%;}
.blue_table2 .catbox1,
.blue_table2 .catbox2,
.blue_table2 .catbox3,
.blue_table2 .catbox4,
.blue_table2 .catbox5,
.blue_table2 .catbox6{
display:inline-block;
font-weight:bold;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-size:.8rem;
}
.blue_table2 .catbox1,
.blue_table2 .catbox2,
.blue_table2 .catbox3{
padding:5px 12px;
line-height:.9em;
}
.blue_table2 .catbox4,
.blue_table2 .catbox5,
.blue_table2 .catbox6{
padding:8px 12px;
display:block;
line-height:1em;
}
.blue_table2 .catbox1{background-color:#1B7CEF;}
.blue_table2 .catbox2{background-color:#FF8383;}
.blue_table2 .catbox3{background-color:#6CB715;}
.blue_table2 .catbox4{background-color:#81B0C9;margin-bottom:5px;}
.blue_table2 .catbox5{background-color:#9ED4DB;}
.blue_table2 .catbox6{background-color:#FFB6B6;}
/*	level_table */
.level_table{
margin:10px auto;
background:#fff;
width:100%;
}
.level_table thead th{
background:#3092bf;
border:1px solid #3092bf;
color:#fff;
text-align:center;
font-weight:bold;
}
.level_table th{
padding:5px 15px;
text-align:center;
}
.level_table th span{
font-size:1.2em;
font-weight:bold;
}
.level_table td{
padding:5px 15px;
}
.level_table .emp{
border:0px;
padding:0px;
background:#f7fcff;
}
.level_table th.red{
background:#ffc6c6;
border:1px solid #faabab;
color:#be4545;
}
.level_table td.red{
border:1px solid #faabab;
}
.level_table th.org{
background:#ffbe72;
border:1px solid #feb662;
color:#d65100;
}
.level_table td.org{
border:1px solid #feb662;
}
.level_table th.yel{
background:#fff47c;
border:1px solid #ffcf3c;
color:#f97500;
}
.level_table td.yel{
border:1px solid #ffcf3c;
}
.level_table th.gre{
background:#ccf074;
border:1px solid #b3d958;
color:#5c8202;
}
.level_table td.gre{
border:1px solid #b3d958;
}
.level_table th.mos{
background:#b2e9bc;
border:1px solid #70d958;
color:#1f8b45;
}
.level_table th.blue{
background:#d1edf2;
border:1px solid #99cdd6;
color:#384956;
}
.level_table td.blue{
border:1px solid #99cdd6;
}
.level_table th.per{
background:#e7d3f4;
border:1px solid #ccabe1;
color:#786187;
}
.level_table td.per{
border:1px solid #ccabe1;
}

/*	list
------------------------------------*/
/*square_list*/
.square_list li{
list-style-type:square;
margin:5px 0px 0px 10px;
}
/*circle_list*/
.circle_list li{
list-style-type:disc;
margin:5px 0px 0px 15px;
}
/*circle_list2*/
.circle_list2 li{
background:url(../images/common/circle2.png) no-repeat 0% 3px;
padding-left:20px;
margin-bottom:5px;
}
/*allow_list*/
.allow_list li{
background:url(../images/common/allow2.png) no-repeat 0% 3px;
padding-left:20px;
margin-bottom:5px;
}
/*allow_list2*/
.allow_list2 li{
background:url(../images/common/allow2.png) no-repeat 0% 3px;
padding-left:20px;
margin-top:15px;
margin-bottom:15px;
padding-bottom:15px;
font-size:1.1em;
line-height:1.5em;
font-weight:bold;
border-bottom:1px dotted #cccccc;
}
/*decimal_list*/
.decimal_list li{
list-style-type:decimal;
margin:5px 0px 0px 10px;
}
/*upper_list*/
.upper_list{
padding-left:35px;
}
.upper_list li{
list-style-type:upper-latin;
margin-bottom:5px;
}
.defi dt{
font-weight:bold;
}
.defi dd{
margin:0px 0px 5px 25px;
}
/*no_list*/
ul.no_list{
margin:30px auto;
}
.no_list li{
list-style-type:decimal;
margin:10px 0px 0px 20px;
}

ul.no_list2{
padding-left:35px;
}
.no_list2 li{
list-style-type:decimal;
margin-bottom:5px;
}

ul.no_list3{
margin:20px auto;
counter-reset:number;
}
.no_list3 li{
margin:10px 0px 0px 30px;
position: relative;
}
.no_list3 li::before{
counter-increment: number;
content: counter(number);
background-color: #5ea624;
color: #fff;
display: block;
float: left;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
}

.no_list4{
margin:10px auto;
counter-reset:number;
}
.no_list4 li{
margin:10px 0px 0px 30px;
position: relative;
list-style:none;
}
.no_list4 li::before{
counter-increment: number;
content: counter(number);
background-color: #C4C4C4;
color: #fff;
display: block;
float: left;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
}
span.no_list4_txt{
background-color: #C4C4C4;
color: #fff;
display:inline-block;
line-height: 22px;
margin-right:4px;
text-align: center;
height: 22px;
width: 22px;
}
.alpha_list li{
list-style-type: upper-latin;
margin:5px 0 5px 30px;
}
.no_list5{
counter-reset: my-counter;
list-style: none;
padding: 0;
font-weight:bold;
}
.no_list5 li {
margin-bottom: 10px;
padding-left: 30px;
padding-bottom:10px;
position: relative;
border-bottom:1px dotted #cccccc;
}
.no_list5 li:before {
content: counter(my-counter);
counter-increment: my-counter;
background-color: #00a9e7;
color: #fff;
display: block;
float: left;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 20px;
width: 20px;
padding-left:1px;
}
/* TOP div
-------------------------------- */
.top_box{
width:95%;
margin:20px auto 40px;
}
.box_l{
float:left;
width:49%;
}
.box_r{
float:right;
width:49%;
}
.box_title{
border-bottom:1px dotted #b3bc69;
margin:0px auto 5px auto;
}
/* NWES */
.news_out{
margin:0px auto;
overflow: auto;
height:200px;
}
.news_out::-webkit-scrollbar{
	width:10px;
	background: #cbf87c;
}
.news_out::-webkit-scrollbar:horizontal{
	background: #cbf87c;
}
.news_out::-webkit-scrollbar-thumb{
	background: #83be1c;
	border-radius:10px;
}
.news_out::-webkit-scrollbar-thumb:horizontal{
	background: #83be1c;
	border-radius:10px;
}
.news1{
background:#fffdd9;
padding:10px;
margin:1px auto;
}
.news2{
background:#f3f1c8;
padding:10px;
}
.box_l .date{
background:url(../images/common/allow.png) no-repeat 0% 0%;
color:#4d750e;
padding-left:20px;
}
.box_l .txt{
color:#433523;
}
.box_l .txt a{
color:#433523;
}
.box_l .txt a:hover {
color:#4d750e;
}
/* GALLERY */
.gallery_out{
width:95%;
margin:0px auto;
}
ul.bxslider li {
width:90%;
height: 210px;
position: relative;
}
ul.bxslider li img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: auto;
margin: auto;
}
.box_r iframe{
width:465px;
height:262px;
}
ul.movie_list{
margin:0px auto;
}
.movie_list li{
display:block;
margin:0px auto;
}
.movie_list li a{
display:inline-block;
text-decoration:none;
color:#6e5135;
border:1px solid #6e5135;
padding:2px 5px;
width:97%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.movie_list li a.on{
background:#eed8c2;
}
.movie_list li a:hover{
background:#bea985;
color:#fff;
}
.movie_list li.last a{
text-decoration:underline;
border:none;
text-align:right;
padding:0px;
margin:0px;
}
.movie_list li.last a:hover{
background:#fff;
color:#b79473;
}
/*topics_list*/
.topics_list{
margin:20px auto;
}
.topics_list .link_img{
display:inline-block;
width:32.4%;
}
/* LINK */
.block_link,.block_link_div{
width:49%;
margin:5px auto;
display:inline-block;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border:1px solid #dbdbdb;
box-shadow:1px 1px 1px rgba(0,0,0,0.1);
text-decoration:none;
color:#70614e;
line-height:1.2em;
}
.block_link_div a{
text-decoration:none;
color:#70614e;
}
.block_link_div a:hover {
background: #e0f1a6;
}
.block_link:hover {
background: #e0f1a6;
color:#70614e;
}
.block_link_in{
padding:10px;
}
.block_link .img,.block_link_div .img{
float:left;
padding-right:5px;
}
.block_link h2,.block_link_div h2{
font-weight:bold;
font-size:1.03em;
margin:6px 0px;
}
.block_link p,.block_link_div p{
margin:5px 0px;
font-size:0.9em;
}

a.block_link2{
display:inline-block;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
border:1px solid #e7e9ee;
color:#56585c;
padding:1px 15px;
text-decoration:none;
}
a.block_link2:hover{
background: #d6e5fc;
}

/* in div
-------------------------------- */
/*org_box*/
.org_box{
border:3px solid #f4f0ce;
text-align:center;
}
.org_box_ttl{
color:#fff;
font-weight:bold;
background: #ffc973; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc973 0%, #ff5a00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffc973 0%,#ff5a00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffc973 0%,#ff5a00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc973', endColorstr='#ff5a00',GradientType=0 ); /* IE6-9 */
text-shadow: 1px 1px 3px #ff5a00;
padding:5px 0px;
font-size:1.2em;
}
.org_box_txt{
color:#ff6600;
font-weight:bold;
background: #fffef7; /* Old browsers */
background: -moz-linear-gradient(top,  #fffef7 0%, #fff9c8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fffef7 0%,#fff9c8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fffef7 0%,#fff9c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffef7', endColorstr='#fff9c8',GradientType=0 ); /* IE6-9 */
text-shadow: 1px 1px 3px #ecdd5d;
padding:13px 0px;
font-size:1.1em;
line-height:1.7em;
}

/*green_div*/
.green_div{
background:#edffd1;
border:1px solid #bddd8c;
padding:20px;
margin:20px auto;
}
.green_div .cat_ttl{
color:#4C8E00;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
}
.green_div .cat_ttl:hover{
color:#69C400;
}
/*qanda*/
.q_list li{
background:url(../images/qanda/q_list.png) no-repeat 0% 0%;
padding-left:20px;
margin:0px auto 5px auto;
}
.q_list li a{
color:#313131;
text-decoration:none;
}
.q_list li a:hover{
color:#6a9c12;
}
.dod_line{
width:100%;
border-bottom: 1px #bddd8c dotted;
padding-bottom:10px;
margin-bottom:30px;
}
.que_ico{
float:left;
margin:10px 5px 0px 0px;
width:5%;
}
.que_txt{
float:left;
margin:10px 0px 0px 0px;
width:90%;
}
/*--------------------
link_box
--------------------*/
.link_box,.link_box2{
margin:30px auto;
}
.link_box a,.link_box2 a{
position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72b6ea+0,3e88c1+100 */
background: #72b6ea; /* Old browsers */
background: -moz-linear-gradient(top,  #72b6ea 0%, #3e88c1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #72b6ea 0%,#3e88c1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #72b6ea 0%,#3e88c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72b6ea', endColorstr='#3e88c1',GradientType=0 ); /* IE6-9 */
border: 2px solid #089ac4;
color: #fff;
text-align: center;
text-decoration: none;
font-weight:bold;
margin:3px auto;
padding: .6em 2em;
display: inline-block;
width:160px;
}
.link_box2 a{
float:left;
vertical-align:middle;
height:40px;
line-height:1.2em;
display:table;
margin-right:5px;
}
.link_box2 a:nth-child(3n){
margin-right:0;
}
.link_box2 a span{
display: table-cell;
vertical-align: middle;
} 
.link_box a:before,.link_box2 a:before{
position: absolute;
top: 25%;
left: 1em;
content: '▼';
}
.link_box a:hover,.link_box2 a:hover{
background-color: #dff8ff;
color: #cffdff;
}
/*--------------------
blog
--------------------*/
.blog_list{
width:95%;
margin:30px auto;
}
.blog_list_ttl{
border-bottom:1px dotted #b3bc69;
margin:0px auto 5px auto;
}
.blog_list_ttl_in{
color:#fff;
font-weight:bold;
background:url(../images/blog/icon1.png) no-repeat 0% 10%;
font-size:1.2em;
width:93%;
margin:0px auto;
padding-left:25px;
}
.blog_list_ttl_in a{
display:inline-block;
position: relative;
color:#fff;
background:#5d3419;
text-decoration:none;
font-size:0.6em;
padding:1px 15px 1px 8px;
margin:0px 10px;
}
.blog_list_ttl_in a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 8px;
width: 4px;
height: 4px;
margin: -4px 0 0 0;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
.blog_list_ttl_in a:hover{
background:#a15725;
}
.blog_list_box{
margin:20px auto 10px;
}
.blog_list_in{
display:inline-block;
width:172px;
min-height:250px;
margin:0px 5px;
vertical-align:top;
border:1px solid #73b931;
line-height:1.3em;
}
.blog_list_in a{
text-decoration:none;
}
.blog_list_in .img{
position: relative;
overflow: hidden;
width:172px;
height:120px;
background:#f4f4f4;
border-bottom:3px solid #73b931;
}
.blog_list_in img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.blog_list_in .icon{
display:inline-block;
background:#71d032;
color:#fff;
font-size:0.7em;
line-height:1em;
padding:3px 5px;
margin:1px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.blog_list_in .etc{
color:#0c8400;
font-size:0.7em;
line-height:1em;
display:inline-block;
}

.blog_list_in .txt{
margin:6px;
}
.blog_list_in .ttl{
color:#482c13;
font-size:1em;
line-height:1.2em;
}
.blog_list_in .date{
color:#73b931;
font-size:0.8em;
margin:3px auto;
}
.blog_list_in:hover{
filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.blog_link{
display:block;
margin:10px auto;
padding-bottom:10px;
border-bottom:1px solid #f3f3f3;
}
.blog_link:hover{
filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.blog_link .img{
float:left;
margin:0px 2% 0px 0px;
position: relative;
overflow: hidden;
width:98px;
height:60px;
border:1px solid #f2f2f2;
}
.blog_link .img img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.blog_link .txt{
float:left;
width:570px;
}
.blog_link .cat{
display:inline-block;
background:#fff;
color:#73b931;
padding:3px 10px 2px;
font-size:0.7em;
line-height:1.2em;
margin-bottom:5px;
border:1px solid #73b931;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
margin-right:3px;
}
.blog_link .ttl{
color:#482c13;
line-height:1.3em;
font-weight:bold;
}
.blog_link .date{
color:#86634d;
font-size:0.8em;
}
.blog_cat_list{
background:#f6f6ec;
border-radius: 10px;
width:93%;
margin:30px auto 0;
padding:3%;
}
.blog_cat_list ul{
margin:5px auto 0;
}
.blog_cat_list li{
display:inline-block;
}
.blog_cat_list li a{
display:block;
text-decoration:none;
color:#5b471d;
text-align:center;
background:#fff;
border:1px solid #ccedaf;
border-radius: 30px;
padding:5px 15px;
margin:5px 5px 5px 0;
}
.blog_cat_list li:last-child a{
background:#73b931;
color:#fff;
}
.blog_cat_list li a:hover{
background:#62ca00;
color:#fff;
}
.side_menu2{
margin:0px auto 20px;
}
.side_menu_title2{
background: #85c547; /* Old browsers */
background: -moz-linear-gradient(top,  #85c547 2%, #6bab30 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #85c547 2%,#6bab30 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #85c547 2%,#6bab30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c547', endColorstr='#6bab30',GradientType=0 ); /* IE6-9 */
padding:8px 10px;
box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.2);
color:#fff;
font-weight:bold;
}
.side_menu2 li{
border-bottom: 1px #bddd8c dotted;
margin:5px auto;
padding:5px 0px;
}
.side_menu2 li a{
text-decoration:none;
color:#737373;
display:block;
position: relative;
padding-left:18px;
}
.side_menu2 li a:hover{
color:#18abff;
}
.side_menu2 li a:before{
position: absolute;
content: "";
left: 3px;
top:8px;
width: 4px;
height: 4px;
border-top: 2px solid #7a0;
border-right: 2px solid #7a0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* page_no
-------------------------------- */
.page_no {
margin-left			: auto;
margin-right		: auto;
text-align			: left;
margin-top			: 20px;
width:98%;
}
.page_no .no_box {
width				: 24px;
height				: 24px;
font-size			: 14px;
font-weight			: normal;
text-align			: center;
color				: #666666;
border				: 1px solid #CCCCCC;
float				: left;
margin-right		: 6px;
margin-bottom		: 6px;
padding:2px 3px 0px 3px;
}
.page_no .arrow_box {
height				: 24px;
font-size			: 14px;
font-weight			: normal;
text-align			: center;
color				: #666666;
border				: 1px solid #CCCCCC;
float				: left;
margin-right		: 6px;
margin-bottom		: 6px;
padding				: 2px 6px 0px 6px;
}
.page_no .no_box a,.page_no .arrow_box a {
font-size			: 14px;
font-weight			: normal;
color				: #666666;
display				: block;
text-decoration		: none;
}
.page_no .no_box a:hover,.page_no .arrow_box a:hover {
font-size			: 14px;
font-weight			: normal;
color				: #666666;
text-decoration		: underline;
}
.page_no .select_page {
background-color	: #888888;
color				: #FFFFFF;
}
.error_box{
color:#FF3333;
margin:10px auto;
font-weight:bold;
font-size:1.2em;
background:#FAFF97;
padding:10px;
width:auto;
border:1px solid #F2D146;
}
.ttl_sub{
color:#7cb73b;
font-weight:nomal;
font-size:0.45em;
line-height:1.5em;
margin:5px auto;
}
.m_eye_img{
float:right;
width:48%;
margin:1%;
}
.re_btn{
background: #85c547; /* Old browsers */
background: -moz-linear-gradient(top,  #85c547 2%, #6bab30 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #85c547 2%,#6bab30 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #85c547 2%,#6bab30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85c547', endColorstr='#6bab30',GradientType=0 ); /* IE6-9 */
padding:8px 15px;
box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.2);
color:#fff;
font-weight:bold;
text-decoration:none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.re_btn:hover{
color:#fff;
background: #85c547; /* Old browsers */
}
.yellow_box{
background:#fffcd8;
border:1px solid #ffd155;
margin:10px auto;
padding:20px;
color:#664818;
}
.yellow_box .ttl{
font-weight:bold;
font-size:1.2em;
margin-bottom:20px;
}
.yellow_box .ttl2{
background:#ffd155;
font-weight:bold;
font-size:1.2em;
margin:-10px auto 20px;
padding:7px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.yellow_box  ul li{
margin:10px auto;
text-indent: -1.5em;
margin-left: 1.5em;
}
.yellow_box  ul li:before {
content:  "";
width:  10px;
height:  10px;
display:  inline-block;
background-color: #c3af8f;
border-radius:  50%;
position:  relative;
top: -1px;
margin-right:10px;
}
.level_table_out{
position:relative;
}
.flow_box{
position:absolute;
font-weight:bold;
top:50px ;
left:20px;
}
.flow_box a{
color:#ff004e;
}
.cap_box{
margin:20px auto;
text-align:center;
}
.cap_box_in{
width:32.3%;
display:inline-block;
text-align:left;
padding:0.2%;
}
.yel_box{
background:#fffdde;
padding:20px;
color:#2f1903;
}
.yel_box a{
color:#2f1903;
}
.p_txt{
background:#faffae;
font-weight:bold;
}
.p_txt_pink{
background:#ffd1d1;
font-weight:bold;
}
.p_txt_purple{
background:#d1d7ff;
font-weight:bold;
}
/*border-box*/
.border-box{
margin:20px auto;
padding-bottom:10px;
border-bottom:1px dotted #e6e6e6;
}
.border-box .img{
float:left;
margin-right:10px;
}
.border-box .txt{
float:left;
width:450px;
}
.border-link{
display:block;
text-decoration:none;
color:#624b2e;
font-weight:bold;
font-size:1.2em;
position:relative;
padding-left:15px;
margin:5px;
}
.border-link:before{
content: '';
border: solid 8px transparent;
border-left: solid 8px #624b2e;
position: absolute;
top:1px;
left:0;
}
/*number*/
.number-ttl{
background:#13afbd;
color:#fff;
font-weight:bold;
padding:5px;
font-size:1.2em;
}
.number-ttl img{
display:inline-block;
vertical-align:middle;
margin:0 8px 3px 0;
}
.num_box{
border:1px solid #d9e5e3;
padding:10px;
float:left;
margin:10px 10px 0 0;
width:316px;
}
.num_box:nth-child(2n){
margin-right:0;
}
.num_box_out{
float:left;
width:337px;
margin:0 10px 0 0;
}
.num_box_in{
border:1px solid #d9e5e3;
padding:10px;
margin:10px 0 0 0;
width:316px;
}
.modal-overlay{z-index:2;display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5)}
a.modal-open:hover{cursor:pointer}
.modal-content{position:fixed;display:none;z-index:3;margin:10px;padding:15px;border-radius:20px;background:#fff}
.modal-content img{width:auto;max-height:75vh}
.modal-content h1{font-size:120%;margin-bottom:0.5em}
.modal-content p{max-width:565px;text-align:left}
a.modal-close{position:absolute;top:0;right:10px;color:#b29c33;font-size:35px;line-height:1;font-weight:bold;text-decoration:none;background:#fff;border-radius:20px;}
a.modal-close:hover{cursor:pointer}

/*advantage*/
.adv_list{
counter-reset:number;
list-style:none;
margin:0;
padding:0;
margin:15px auto 0;
}
.adv_list li{
margin:0 auto 15px;
position: relative;
padding: 0 0 0 30px;
}
.adv_list li a{
text-decoration:none;
color:#432d11;
}
.adv_list li a:hover{
background:#f2ff63;
}
.adv_list li:before{
position: absolute;
top:0;
left:0;
counter-increment: number;
content: counter(number);
background:#4aa718;
color:#fff;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
padding:2px 7px;
text-align:center;
margin-right:5px;
}
.adv_last{
text-align:center;
font-weight:bold;
background:#fffdcb;
color:#5c320c;
font-size:1.1em;
padding:30px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
/*job_box
-----------------------*/
.job_box{
margin:30px auto;
}
.job_box_menu{
width:97% !important;
margin:0 auto !important;
}
.job_box_menu li{
float:left;
width:31.66%;
margin-right:1%;
}
.job_box_menu li:last-child{
margin-right:0;
}
.job_box_menu li a{
color:#fff;
text-decoration:none;
text-align:center;
display:block;
padding:17px 15px 8px;
font-size:1.2em;
line-height:1.3em;
position: relative;
}
.job_box_menu li a::after{
content: "";
display: block;
position: absolute;
top:45%;
right:5px;
width: 0;
height: 0;
transform: translateX(-50%);
border: 10px solid transparent;
border-top: 10px solid #fff;
border-bottom-width: 0;
}
.job_box_menu li a strong{
font-size:1.8em;
}
.job_box_menu li:nth-child(1){
background:#f8c1b1;
}
.job_box_menu li:nth-child(1) a::after{
border-top: 10px solid #e77d61;
}
.job_box_menu li:nth-child(1) a:hover,.job_box_menu li:nth-child(1) a.active{
background:#ff9272;
}
.job_box_menu li:nth-child(2){
background:#c2e8fa;
}
.job_box_menu li:nth-child(2) a::after{
border-top: 10px solid #44b4e8;
}
.job_box_menu li:nth-child(2) a:hover,.job_box_menu li:nth-child(2) a.active{
background:#2fbcff;
}
.job_box_menu li:nth-child(3){
background:#f7df8d;
}
.job_box_menu li:nth-child(3) a::after{
border-top: 10px solid #ffb400;
}
.job_box_menu li:nth-child(3) a:hover,.job_box_menu li:nth-child(3) a.active{
background:#ffc000;
}
.job_box_menu li:nth-child(1) a:hover::after,.job_box_menu li:nth-child(1) a.active::after,
.job_box_menu li:nth-child(2) a:hover::after,.job_box_menu li:nth-child(2) a.active::after,
.job_box_menu li:nth-child(3) a:hover::after,.job_box_menu li:nth-child(3) a.active::after{
border-top: 10px solid #fff;
}
.j_red{
border:10px solid #f8c1b1;
background:#fffaf8;
}
.j_blue{
border:10px solid #b1def8;
background:#f8fcff;
}
.j_yel{
border:10px solid #ffd789;
background:#fffbe3;
}
.j_red,.j_blue,.j_yel{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.job_box_in{
padding:35px 10px 20px;
}
.job_box_in a{
color:#664522;
}
.job_box_ttl{
text-align:center;
line-height:1.5em;
margin-bottom:20px;
}
.subttl{
display:block;
font-size:1.7em;
margin-bottom:15px;
}
.mainttl{
display:block;
font-size:1.8em;
font-weight:bold;
}
.j_red .mainttl strong{
color:#f87651;
}
.j_blue .mainttl strong{
color:#239ee5;
}
.j_yel .mainttl strong{
color:#ffa800;
}
.job_block{
display: flex;
justify-content: space-between;
background:#fff;
border-left:1px solid;
border-right:1px solid;
border-bottom:1px solid;
}
.job_block .box{
padding:15px 0;
float:left;
width:50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
flex-basis:50%;
border-top:1px solid;
border-right:1px solid;
}
.job_block .box:last-child{
border-right:none;
}
.job_block .box .img,.job_block .box .txt{
width:92%;
margin:auto;
}
.job_block .box .img{
text-align:center;
}
.job_block .box .txt h1{
background-repeat:no-repeat;
background-position:0 0;
background-size:20px auto;
padding-left:25px;
font-weight:bold;
font-size:1.2em;
line-height:1.3em;
margin:15px auto;
}
.j_red .job_block .box .txt h1{
background-image:url(../images/recruit/check.png);
}
.j_blue .job_block .box .txt h1{
background-image:url(../images/recruit/check2.png);
}
.j_yel .job_block .box .txt h1{
background-image:url(../images/recruit/check3.png);
}
.j_red .job_block,.j_red .job_block .box{
border-color:#eedad4;
}
.j_blue .job_block,.j_blue .job_block .box{
border-color:#d4ddee;
}
.j_yel .job_block,.j_yel .job_block .box{
border-color:#ffefc4;
}
.job_box_ttl2{
color:#fff;
font-size:1.4em;
font-weight:bold;
position: relative;
padding:13px 13px 8px 35px;
margin-bottom:20px;
}
.job_box_ttl2::before{
position: absolute;
top:13px;
left:8px;
content: '●';
}
.j_red .job_box_ttl2{
background:#fc987b;
}
.j_blue .job_box_ttl2{
background:#54b4eb;
}
.j_yel .job_box_ttl2{
background:#ff9c00;
}
.re_menu{
background:#e5ffbc;
margin:0 auto 30px;
}
.re_menu ul{
width:95%;
margin:auto;
padding:3% 0;
text-align:center;
}
.re_menu li{
display:inline-block;
width:48%;
}
.re_menu li:first-child{
margin-right:2%;
}
.re_menu li a{
display:block;
background:#fff;
padding:20px 10px 18px 45px;
text-decoration:none;
font-weight:bold;
color:#474747;
font-size:1.1em;
text-align:left;
background-repeat:no-repeat;
background-position:10px 18px;
background-size:25px auto;
position: relative;
}
.re_menu li a::after{
position: absolute;
top: 0;
bottom: 0;
right:10px;
margin: auto;
content: "";
vertical-align: middle;
width:10px;
height:10px;
border-top:5px solid #9fde86;
border-right:5px solid #9fde86;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.re_menu li:nth-child(1) a{
background-image:url(../images/recruit/memo.png);
}
.re_menu li:nth-child(2) a{
background-image:url(../images/recruit/mail.png);
}
.re_menu li a strong{
font-size:1.3em;
}
.re_menu li a:hover{
background-color:#feffa4;
}

/*echo
-----------------------*/
.echo_ttl1{
background:#76b949;
color:#fff;
font-weight:bold;
font-size:1.2em;
line-height:1.4em;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
padding:10px 20px;
margin:20px auto;
}
.echo_ttl1 span{
color:#fffe81;
}
.echo_ttl2{
font-size:1.1em;
background:#ebf3d9;
line-height:1.4em;
padding:10px 10px 10px 30px;
font-weight:bold;
text-indent: -1.2em;
margin:15px auto;
}
.echo_ttl2:before {
content: '●';
color:#76b949;
font-size:1.2em;
}
.echo_ttl3{
display:inline-block;
background:#f5f4eb;
line-height:1.3em;
padding:10px 15px;
font-weight:bold;
margin:10px auto;
border-radius:40px;
-webkit-border-radius: 40px;
-moz-border-radius:40px;
}
.nobox{
background:#419c21;
color:#fff;
display:inline-block;
text-align:center;
padding:4px;
width:12px;
line-height:1em;
font-size:90%;
margin:0 1px;
}
.kome_list{
margin:10px auto;
}
.kome_list li{
text-indent: -1em;
margin-left: 1em;
}
.kome_list li:before {
content: '※';
color:#ff0000;
}
.kome{
text-indent: -1em;
margin-left: 1em;
}
.kome:before {
content: '※';
color:#ff0000;
}
/*job_change
-----------------------*/
.job_menu{
margin:-10px auto 40px !important;
}
.job_menu li{
float:left;
width:49.5%;
margin-right:1%;
}
.job_menu li:nth-child(2n){
margin-right:0;
}
.job_menu li a{
display:block;
background-color:#fff;
padding:15px 15px 15px 30px;
text-decoration:none;
color:#5d451f;
}
.job_menu li a{
display:block;
background-color:#fff;
padding:20px 15px 16px 33px;
text-decoration:none;
color:#5d451f;
position:relative;
border:5px solid #f0f0f0;
font-size:1.2em;
line-height:1em;
font-weight:bold;
}
.job_menu li a::before,
.job_menu li a::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.job_menu li a::before{
left: 10px;
width:17px;
height:17px;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.job_menu li a::after{
left: 17px;
box-sizing: border-box;
width:5px;
height:5px;
border:5px solid transparent;
border-left:5px solid #fff;
}
.j_blue .job_menu li a:hover,.j_blue .job_menu li a.on{
border:5px solid #7bcfff;
}
.j_blue .job_menu li a::before{
background: #2fbcff;
}
.j_yel .job_menu li a:hover,.j_yel .job_menu li a.on{
border:5px solid #ffc600;
}
.j_yel .job_menu li a::before{
background: #ffc000;
}
.job_menu2{
background-color:#fff;
border:1px solid #cfcfcf;
padding:20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin:20px auto;
}
.job_menu2 li{
border-bottom:1px dotted #cfcfcf;
margin:15px auto;
font-size:1.03em;
}
.job_menu2 li a{
display:block;
text-decoration:none;
padding:5px 5px 10px 20px;
position:relative;
}
.job_menu2 li a:hover{color:#cccccc;}
.job_menu2 li a::before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
left: 4px;
box-sizing: border-box;
width:5px;
height:5px;
border:5px solid transparent;
border-left:5px solid #7a0;
}
.j_con{
margin:30px auto;
font-size:1.01em;
line-height:1.7em;
width:98%;
}
.j_con_ttl{
padding:20px 22px 16px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
color:#fff;
font-weight:bold;
font-size:1.15em;
margin:0 auto 20px;
line-height:1.7em;
}
.j_con_ttl strong{
font-size:1.3em;
}
.j_blue .j_con_ttl{
background-color:#109bdd;
box-shadow:1px 3px 0px 0px #b1def8;
}
.j_yel .j_con_ttl{
background-color:#ff9000;
box-shadow:1px 3px 0px 0px #ffb400;
}
.float_img_r{
display:block;
float:right;
margin:0 0 10px 15px;
}
.float_img_l{
display:block;
float:left;
margin:0 15px 10px 0;
}
.j_con_ttl2{
padding:18px 20px;
margin:20px auto;
font-weight:bold;
font-size:1.2em;
line-height:1.5em;
letter-spacing:0.01em;
}
.j_blue .j_con_ttl2{
background-color:#d2e7f2;
color:#346e9b;
}
.j_yel .j_con_ttl2{
background-color:#FFE98D;
color:#844A03;
}
.j_con_list{
margin:20px auto;
}
.j_con_list li{
margin:15px 0 15px 20px;
text-indent: -1.6em;
}
.j_con_list li:before {
content: '● ';
}
.j_blue .j_con_list li:before {
color:#109bdd;
}
.time_table{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin:20px auto;
}
.time_table .time{
width:8%;
text-align:center;
}
.j_blue .time_table .time{
background:url(../images/job_change/ot24.png) repeat-y top center;
}
.j_yel .time_table .time{
background:url(../images/job_change/st15.png) repeat-y top center;
}
.time_table .time.last{
background:none;
}
.time_table .txt{
width:92%;
margin:0 auto 20px;
}
.txt_in{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:1.11em;
font-weight:bold;
margin-bottom:5px;
}
.time_txt{
width:10%;
padding-right:10px;
}
.j_blue .time_txt{
color:#1d91da;
}
.j_yel .time_txt{
color:#fa891b;
}
.time_txt2{
width:90%;
}
.white_box{
background-color:#fff;
padding:20px;
margin:20px auto;
}
.j_con_ttl3{
background-color:#a78233;
padding:13px 20px;
margin-bottom:20px;
color:#fff;
font-size:1.2em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
font-weight:bold;
}
.j_con_ttl3 .no{
display:block;
color:#a78233;
background-color:#fff;
width:20px;
height:20px;
text-align:center;
margin-right:10px;
}
.allow_list3 li{
margin:0 auto 5px;
position: relative;
padding-left:20px;
}
.allow_list3 li a:hover{
color:#cccccc;
}
.allow_list3 li::before,
.allow_list3 li::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.allow_list3 li::before{
left: 4px;
width: 6px;
height: 2px;
}
.allow_list3 li::after{
left: 4px;
width: 4px;
height: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.j_yel .allow_list3 li::before{
background: #ff9b24;
}
.j_yel .allow_list3 li::after{
border-top: 2px solid #ff9b24;
border-right: 2px solid #ff9b24;
}
.tyu{
width:98%;
margin:15px auto 20px;
font-size:.9em;
line-height:1.4em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.tyu .txt1{
min-width:80px;
}
.interview{

}
.interview .img{
float:right;
margin:0 0 3% 3%;
width:27%;
}
.accordion.w{
width:70%;
}
.accordion-hidden {
display: none;
}
.accordion-open {
display: block;
padding: 12px 60px 12px 12px;
cursor: pointer;
margin:2px 0;
position: relative;
border-bottom:1px dotted #9b8a70;
font-weight:bold;
color:#5B3614;
background-color:rgba(255,255,255,.3);
}
.accordion-open::before,
.accordion-open::after {
content: '';
width: 20px;
height: 3px;
background:#9b8a70;
position: absolute;
top: 50%;
right:2%;
transform: translateY(-50%);
}
.accordion-open::after {
transform: translateY(-50%) rotate(90deg);
transition: .5s;
}
.accordion-hidden:checked+.accordion-open:after {
transform: translateY(-50%) rotate(0);
}
.accordion-inner {
display: block;
height: 0;
overflow: hidden;
padding: 0;
opacity: 0;
transition:0;
cursor: pointer;
}
.accordion-hidden:checked+.accordion-open+.accordion-inner {
height: auto;
opacity: 1;
padding: 10px;
}
.accordion_qa .Q{
position: relative;
}
.accordion_qa .Q::before{
font-size: 1.5em;
display: block;
position: absolute;
top:-.2em;
left: -1.3em;
}
.accordion_qa .Q::before {
content: 'Q';
color:#ff9a49;
}
.accordion_qa .accordion-open {
padding-left: 2.5em;
}

.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
height: auto;
opacity: 1;
padding:5px;
}
.accordion-box {
display: block;
height: 0;
overflow: hidden;
padding: 0;
opacity: 0;
transition:0;
line-height:1.7em;
letter-spacing:.15em;
}
.accordion-box strong{
text-decoration:none;
background:linear-gradient(transparent 70%, #FFFF00 0%);
font-weight:bold;
}
.accordion-box a:hover{
color:#FF6700;
}
.accordion-hidden:checked+.accordion-open+.accordion-box {
height: auto;
opacity: 1;
padding:3px 3px 15px;
}