@charset "utf-8";
/* ------------------------------------------------------------ common */
header ul li:nth-of-type(4) a { position: relative; padding: 0 12px; }
header ul li:nth-of-type(4) a::before { position: absolute; content: ""; background: #0177ce; background: linear-gradient(to right, #0177ce, #00c4c7); width: 5px; height: 5px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; left: 0; top: 0; bottom: 0; margin: auto 0; }
header ul li:nth-of-type(4) a::after { position: absolute; content: ""; background: #0177ce; background: linear-gradient(to right, #0177ce, #00c4c7); width: 5px; height: 5px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; right: 0; top: 0; bottom: 0; margin: auto 0; }

.btn1 { margin: 100px auto; }
/* ------------------------------------------------------------ fv */
#fv { background: url(../images/environment/fv_.jpg) no-repeat center center/cover; padding: 235px 0 20px;}
/* ------------------------------------------------------------ welfare*/
#welfare { padding: 130px 0 100px; }
#welfare .intro { text-align: center; font-size: 18px; color: #333; padding: 30px 0 55px; }
#welfare ul li { text-align: center; width: 340px; background: url(../images/recruit/pattern_01.png) repeat center center; float: left; margin: 0 0 35px 40px; border: solid 1px rgba(210,210,210,0.15); padding: 60px 30px 68px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#welfare ul li:nth-of-type(3n+1) { margin: 0 auto 35px; }
#welfare ul li h4 { font-size: 26px; font-weight: bold; text-align: center; padding: 45px 0 30px; }
#welfare ul li h4 span { display: block; font-size: 18px; color: #0178ce; font-family: "Lato", sans-serif; font-weight: 700; letter-spacing: 1px; padding: 10px 0 0; }
#welfare ul li p { line-height: 26px; text-align: left; }
#welfare ul li p small { display: block; padding: 5px 0 0; }
/* ------------------------------------------------------------ education_system */
#education_system { position: relative; padding: 85px 0 100px; }
#education_system::before { position: absolute; content: ""; width: 100%; height: 100%; right: 0; top: 0; z-index: -1; background: #f3f7f9; }
#education_system .inner { width: 900px; }
#education_system h3 { text-align: left; padding: 0 0 40px; }
#education_system table { border-collapse: separate; border-spacing: 0 10px; }
#education_system table tr { }
#education_system table td { font-size: 20px; color: #333; width: 440px; background: #fff; position: relative; padding: 40px 50px 40px 50px; margin: 0 0 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height: 30px; }
#education_system table td:first-of-type { border-right: solid 10px #f3f7f9; }
#education_system table td:nth-of-type(2) { border-left: solid 10px #f3f7f9; }
#education_system table td::before { position: absolute; content: ""; width: 5px; height: 100%; background: #0177ce; background: linear-gradient(to bottom, #0177ce, #00c4c7); top: 0; left: 0; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
.btn1 { margin: 40px auto; }
/* ------------------------------------------------------------ fv */
#fv { background: url(../images/environment/fv.jpg) no-repeat center center/cover; padding: 90px 0 10px;}
/* ------------------------------------------------------------ welfare*/
#welfare { padding: 60px 0 40px; }
#welfare .intro { font-size: 16px; line-height: 22px; padding: 25px 0 40px; }
#welfare ul li { width: 100%; background: url(../images/recruit/pattern_01_sp.png) repeat center center; float: none; margin: 0 0 20px; padding: 30px 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#welfare ul li:nth-of-type(3n+1) { margin: 0 auto 20px; }
#welfare ul li img { float: left; width: 35%; height: auto; }
#welfare ul li div { float: left; width: 60%; padding: 0 0 0 5%; }
#welfare ul li h4 { font-size: 18px; font-weight: bold; text-align: left; padding: 0 0 10px; }
#welfare ul li h4 span { display: block; font-size: 12px; padding: 6px 0 0; }
#welfare ul li p { font-size: 14px; line-height: 20px; }
/* ------------------------------------------------------------ education_system */
#education_system { padding: 60px 0; background: #f3f7f9; }
#education_system::before { display: none; }
#education_system .inner { width: 90%; }
#education_system h3 { text-align: left; padding: 0 0 30px; }
#education_system table { display: block; }
#education_system table tbody,
#education_system table tr { display: block; }
#education_system table td { display: block; font-size: 14px; width: 100%; padding: 15px 0 15px 20px; margin: 0 0 10px; line-height: 20px; }
#education_system table td:first-of-type { border-right: none; }
#education_system table td:nth-of-type(2) { border-left: none; }

}
