@charset "utf-8";
.sect-tit .cat span { padding-left:10px; }
@media (max-width:767px) {
.sect-tit .cat {
    font-size:0;
    margin-bottom:0;
}
.sect-tit .cat img { width:70px; }
}
/* index.html
----------------------------------------------------------------*/
.recruit-top .sect-tit {
    padding:0 0 80px;
    background:url(../img/recruit/top/titBg.jpg) no-repeat left top;
    background-size:cover;
}
.recruit-top .sect-tit .tit { margin:90px 0 30px; }
.recruit-top .sect-tit .txt {
    line-height:2;
    width:570px;
    font-size:15px;
}
.recruit-top .sect1 .tit {
    width:740px;
    margin:70px auto 40px;
    color:#fff;
    padding:5px;
    font-size:24px;
    font-weight:bold;
    letter-spacing:0.1em;
    background-color:#b9b9b9;
}
.recruit-top .sect1 ul {
    margin:0 auto 130px;
    width:550px;
    border-top:1px dashed #094;
}
.recruit-top .sect1 li {
    padding:15px 0 15px 100px;
    border-bottom:1px dashed #094;
    font-size:18px;
    font-weight:bold;
    background:url(../img/recruit/top/check.png) no-repeat 50px center;
    background-size:28px 26px;
}
@media (max-width:767px) {
.recruit-top .sect-tit {
    padding:0 0 30px;
    background:url(../img/recruit/top/titBg-sp.jpg) no-repeat right center;
    background-size:cover;
}
.recruit-top .sect-tit .cat span img { width:105px; }
.recruit-top .sect-tit .cat span { padding-left:5px; }
.recruit-top .sect-tit .tit {
    margin:25px 0 15px;
    max-width:315px;
}
.recruit-top .sect-tit .txt {
    line-height:2;
    width:75%;
    font-size:12px;
}
.recruit-top .sect1 { padding:20px 15px; }
.recruit-top .sect1 .tit {
    width:100%;
    margin:0 0 15px;
    padding:5px;
    font-size:16px;
}
.recruit-top .sect1 ul {
    margin:0 auto 30px;
    width:100%;
}
.recruit-top .sect1 li {
    padding:10px 0 10px 35px;
    font-size:13px;
    background-size:19px 18px;
    background-position:5px center;
}
}
/* requirement.html
----------------------------------------------------------------*/
.recruit-req .sect-tit {
    padding-bottom:70px;
    background-color:#8cd734;
}
.recruit-req .sect-tit .tit img { margin:0 auto; }
.recruit-req .sect1 .tit {
    padding:5px;
    margin-bottom:40px;
    color:#fff;
    background-color:#b9b9b9;
    font-size:24px;
    text-align:center;
}
.recruit-req .sect1 {
    margin:50px auto;
    max-width:740px;
}
.recruit-req .sect1 ul {
    margin-bottom:70px;
    border-top:1px solid #094;
}
.recruit-req .sect1 li {
    display:table;
    width:100%;
    padding:15px 10px;
    border-bottom:1px solid #094;
}
.recruit-req .sect1 li .subtit {
    display:table-cell;
    vertical-align:middle;
    margin:0;
    width:170px;
    font-size:14px;
    line-height:1.3;
}
.recruit-req .sect1 li .subtit:before {
    content:"■";
    padding-right:10px;
    color:#094;
}
.recruit-req .sect1 li p {
    display:table-cell;
    vertical-align:middle;
    margin:0;
    line-height:1.5;
}
@media (max-width:767px) {
.recruit-req .sect-tit { height:150px; }
.recruit-req .sect-tit .tit { margin:0; }
.recruit-req .sect-tit .tit img {
    width:200px;
    margin:0 auto;
}
.recruit-req .sect1 .tit {
    padding:5px;
    margin-bottom:15px;
    font-size:16px;
}
.recruit-req .sect1 { margin:0 auto; }
.recruit-req .sect1 ul { margin-bottom:20px; }
.recruit-req .sect1 li {
    padding:10px 0;
    font-size:12px;
}
.recruit-req .sect1 li .subtit {
    width:7em;
    font-size:12px;
}
.recruit-req .sect1 li .subtit:before { padding-right:5px; }
}
/* step.html
----------------------------------------------------------------*/
.recruit-step .sect-tit {
    padding-bottom:50px;
    background-color:#ffd800;
}
.recruit-step .sect-tit .tit img { margin:0 auto 30px; }
.recruit-step .sect-tit p {
    font-size:16px;
    line-height:2;
}
@media (max-width:767px) {
.recruit-step .sect-tit { padding-bottom:20px; }
.recruit-step .sect-tit .tit { margin-top:10px; }
.recruit-step .sect-tit .tit img { width:190px; }
.recruit-step .sect-tit .tit img { margin:0 auto 10px; }
.recruit-step .sect-tit p {
    font-size:9px;
    line-height:1.8;
}
}
/* section1 */
.recruit-step .sect1 { padding:50px 0; }
.recruit-step .sect1 .tit {
    font-size:30px;
    font-weight:bold;
    letter-spacing:0.1em;
}
.recruit-step .sect1 .lead {
    position:relative;
    padding:10px 0 50px;
    text-align:center;
    font-size:14px;
    line-height:1.5;
}
.recruit-step .sect1 .lead:after {
    content:"";
    display:block;
    position:absolute;
    left:50%;
    bottom:0;
    background:url(../img/recruit/step/arrow.png) no-repeat;
    width:52px;
    height:30px;
    background-size:52px 30px;
    margin-left:-16px;
}
.recruit-step .sect1 li {
    position:relative;
    display:table;
    margin:0 auto 40px;
    max-width:740px;
    width:100%;
}
.recruit-step .sect1 li:after {
    content:"";
    position:absolute;
    display:block;
    left:47px;
    bottom:-27px;
    width:27px;
    height:15px;
    background:url(../img/recruit/step/arrow-s.png) no-repeat;
    background-size:27px 15px;
}
.recruit-step .sect1 li:last-child:after { display:none; }
.recruit-step .sect1 .num {
    display:table-cell;
    vertical-align:middle;
    width:120px;
    padding:0 20px 0 0;
}
.recruit-step .sect1 .box {
    display:table-cell;
    vertical-align:middle;
    padding:0 30px;
    border:5px solid #094;
}
.recruit-step .sect1 .box .tit {
    margin:0 0 10px;
    font-size:24px;
}
.recruit-step .sect1 .box p { margin:0; }
.recruit-step .sect1 .attention {
    padding:10px 15px 50px;
    text-align:center;
}
@media (max-width:767px) {
.recruit-step .sect1 { padding:20px 0; }
.recruit-step .sect1 .tit {
    margin:0 0 10px;
    font-size:18px;
}
.recruit-step .sect1 .lead {
    padding:0 15px 20px;
    text-align:left;
    font-size:12px;
}
.recruit-step .sect1 .lead:after {
    width:38px;
    height:21px;
    bottom:-5px;
    background-size:38px 21px;
    margin-left:-19px;
}
.recruit-step .sect1 li {
    margin-bottom:20px;
    padding:0 15px;
}
.recruit-step .sect1 li:after {
    left:50%;
    bottom:-16px;
    margin-left:-10px;
    width:20px;
    height:12px;
    background:url(../img/recruit/step/arrow-s.png) no-repeat;
    background-size:20px 12px;
}
.recruit-step .sect1 .num {
    width:65px;
    padding:0 5px 0 0;
}
.recruit-step .sect1 .box {
    max-width:300px;
    padding:10px 15px 0;
    border:2px solid #094;
}
.recruit-step .sect1 .box .tit {
    margin:0 0 5px;
    font-size:14px;
}
.recruit-step .sect1 .box p { margin:0 0 5px; }
.recruit-step .sect1 .attention {
    text-align:left;
    padding:0 15px;
}
}
/* program.html
----------------------------------------------------------------*/
.recruit-program .sect-tit { background:#38bfd3; }
.recruit-program .sect-tit .container {
    padding-right:100px;
    height:310px;
    background:url(../img/recruit/program/titBg.png) no-repeat 0 bottom;
}
.recruit-program .sect-tit .tit {
    float:right;
    padding:0 0 20px;
    width:430px;
    border-bottom:1px dashed #fff;
}
.recruit-program .sect-tit .tit img {
    width:170px;
    height:auto;
}
.recruit-program .sect-tit p {
    clear:both;
    float:right;
    padding-top:10px;
    width:430px;
    font-size:16px;
    line-height:1.8;
}
@media (max-width:767px) {
.recruit-program .sect-tit { background:none; }
.recruit-program .sect-tit .container {
    padding:0;
    height:auto;
    background:none;
}
.recruit-program .sect-tit .cat {
    padding:20px 15px 0;
    margin:0;
    background:#38bfd3;
}
.recruit-program .sect-tit .tit {
    float:none;
    width:100%;
    margin:0;
    padding:0;
    border:none;
    background:#38bfd3;
}
.recruit-program .sect-tit .tit span {
    display:block;
    width:300px;
    padding-top:20px;
    height:120px;
    margin:0 auto;
    background:url(../img/recruit/program/titBg.png) no-repeat 0 bottom;
    background-size:190px auto;
    text-align:right;
}
.recruit-program .sect-tit .tit img {
    width:99px;
    height:auto;
}
.recruit-program .sect-tit p {
    float:none;
    margin:0;
    padding:20px 15px 0;
    width:100%;
    font-size:12px;
}
}
/* section1 */
.recruit-program .sect1 {
    padding:50px 0 100px;
    max-width:740px;
}
.recruit-program .sect1 .tit {
    padding:5px;
    letter-spacing:0.1em;
    background-color:#b9b9b9;
    color:#fff;
    font-size:24px;
    text-align:center;
}
.recruit-program .lead {
    font-size:16px;
    text-align:center;
}
.recruit-program .sect1 .year1 .lead { padding:30px 0 10px; }
.recruit-program .sect1 .year2 .lead { padding:40px 0 10px; }
.recruit-program .sect1 .year3 { margin-top:40px; }
.recruit-program .sect1 .year4 .lead { padding:40px 0 10px; }
.recruit-program .sect1 .subtit { text-align:center; }
.recruit-program .sect1 .subtit span {
    display:inline-block;
    position:relative;
    margin:0 auto 10px;
    width:280px;
    background-color:#094;
    color:#fff;
    padding:15px;
    text-align:center;
}
.recruit-program .sect1 .subtit span:after {
    content:"";
    display:block;
    position:absolute;
    left:50%;
    bottom:-13.5px;
    margin-left:-9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 13.5px 0 13.5px;
    border-color: #009944 transparent transparent transparent;
}
.recruit-program .sect1 .year4 .subtit span { background-color:#71bf16; }
.recruit-program .sect1 .year4 .subtit span:after { border-color: #71bf16 transparent transparent transparent; }
.recruit-program .sect1 .box {
    display:table;
    width:100%;
    border:5px solid #094;
}
.recruit-program .sect1 .box .tr {
    display:table-cell;
    vertical-align:top;
    border-right:1px solid #094;
}
.recruit-program .sect1 .year4 .box { border:5px solid #71bf16; }
.recruit-program .sect1 .box .tr:nth-child(1),
.recruit-program .sect1 .box .tr:nth-child(2) { width:200px; }
.recruit-program .sect1 .box .tr:last-child {
    border:none;
    width:220px;
}
.recruit-program .sect1 .box .tr .th {
    padding:10px;
    margin:0;
    color:#094;
    font-weight:bold;
    text-align:center;
    background-color:#f2f5e3;
    border-bottom:1px dashed #094;
    font-size:16px;
}
.recruit-program .sect1 .year4 .box .tr .th {
    color:#71bf16;
    border-bottom:1px dashed #71bf164;
}
.recruit-program .sect1 .box .tr .td { padding:20px 15px; }
.recruit-program .sect1 .box .tr ul {
    margin:0;
    padding:0 0 0 15px;
}
.recruit-program .sect1 .box .td div {
    margin-top:30px;
    text-align:right;
}
@media (max-width:767px) {
.recruit-program .sect1 { padding:0 15px 20px; }
.recruit-program .sect1 .year3 { margin-top:20px; }
.recruit-program .sect1 .tit {
    padding:5px;
    font-size:16px;
}
.recruit-program .sect1 .lead {
    padding:5px 0!important;
    margin:0;
    font-size:12px;
    text-align:left;
}
.recruit-program .sect1 .year2 .lead { padding:20px 0 0!important; }
.recruit-program .sect1 .year4 .lead { padding:20px 0 0!important; }
.recruit-program .sect1 .subtit span {
    margin:0 auto;
    width:200px;
    padding:10px 0;
    font-size:16px;
}
.recruit-program .sect1 .subtit span:after {
    bottom:-10px;
    margin-left:-8px;
    border-style: solid;
    border-width: 10px 8px 0 8px;
    border-color: #009944 transparent transparent transparent;
}
.recruit-program .sect1 .box {
    display:block;
    width:auto;
    border:2px solid #094;
}
.recruit-program .sect1 .year4 .box { border:2px solid #71bf16; }
.recruit-program .sect1 .box .tr {
    display:table;
    width:100%!important;
    border-right:none;
    border-bottom:1px solid #094;
}
.recruit-program .sect1 .box .tr .th {
    display:table-cell;
    width:80px;
    padding:5px 10px;
    background-color:#f2f5e3;
    border-bottom:none;
    font-size:12px;
    vertical-align:middle;
    text-align:left;
}
.recruit-program .sect1 .box .tr .td {
    display:table-cell;
    padding:5px 10px 5px 20px;
}
.recruit-program .sect1 .box .tr ul { padding:0 0 0 5px; }
.recruit-program .sect1 .box .td div { margin-top:0; }
}
/* welfare.html
----------------------------------------------------------------*/
.recruit-welfare .tit01 {
    padding:5px;
    margin-bottom:40px;
    background-color:#b9b9b9;
    color:#fff;
    text-align:center;
    letter-spacing:0.1em;
}
.recruit-welfare .subtit {
    padding:10px 0 0;
    color:#094;
    font-weight:bold;
}
.recruit-welfare .subtit + p {
    margin-bottom:20px;
    line-height:1.8;
}
@media (max-width:767px) {
.recruit-welfare .tit01 {
    margin-bottom:10px;
    font-size:16px;
}
.recruit-welfare .subtit {
    padding:0;
    font-size:16px;
}
.recruit-welfare .subtit + p {
    margin-bottom:15px;
    line-height:1.5;
}
}
/* title */
.recruit-welfare .sect-tit {
    position:relative;
    height:310px;
    background:url(../img/recruit/welfare/titBg.jpg) no-repeat center bottom;
    background-size:cover;
}
.recruit-welfare .sect-tit .tit {
    position:absolute;
    left:50%;
    bottom:-2px;
    margin-left:-200px;
}
@media (max-width:767px) {
.recruit-welfare .sect-tit {
    height:150px;
    background:url(../img/recruit/welfare/titBg-sp.jpg) no-repeat center top;
    background-size:cover;
}
.recruit-welfare .sect-tit .tit { margin-left:-100px; }
.recruit-welfare .sect-tit .tit img { width:200px; }
}
/* section1 */
.recruit-welfare .sect1 {
    max-width:740px;
    margin:0 auto;
    padding:60px 0 30px;
    font-size:16px;
    line-height:2;
}
@media (max-width:767px) {
.recruit-welfare .sect1 {
    padding:30px 15px 10px;
    font-size:12px;
    line-height:1.4;
}
}
/* section2 */
.recruit-welfare .sect2 {
    max-width:740px;
    margin:0 auto 80px;
}
.recruit-welfare .sect2 li span:before {
    content:"■";
    padding-right:10px;
    color:#094;
}
.recruit-welfare .sect2 li:nth-child(odd) { padding-right:20px; }
.recruit-welfare .sect2 li:nth-child(even) { padding-left:20px; }
.recruit-welfare .sect2 li span {
    display:block;
    padding:15px 10px;
    border-bottom:1px solid #094;
}
.recruit-welfare .sect2 li:first-child span,
.recruit-welfare .sect2 li:nth-child(2) span { border-top:1px solid #094; }
@media (max-width:767px) {
.recruit-welfare .sect2 { margin:0 auto; }
.recruit-welfare .sect2 ul { margin:0; }
.recruit-welfare .sect2 li { padding:0!important; }
.recruit-welfare .sect2 li span { padding:5px 0; }
.recruit-welfare .sect2 li:nth-child(2) span { border-top:none; }
}
/* section3 */
.recruit-welfare .sect3 {
    max-width:740px;
    margin:0 auto;
}
.recruit-welfare .sect3 .row { margin:0 30px; }
.recruit-welfare .sect3 .attention { padding:20px 40px 40px; }
@media (max-width:767px) {
.recruit-welfare .sect3 .row { margin:0 -15px; }
.recruit-welfare .sect3 .attention { padding:10px 0; }
.recruit-welfare .sect3 .img {
    margin:0 auto;
    max-width:320px;
}
}
/* section4 */
.recruit-welfare .sect4 {
    max-width:740px;
    margin:0 auto 80px;
}
.recruit-welfare .sect4 .lead {
    margin-bottom:30px;
    font-size:14px;
}
@media (max-width:767px) {
.recruit-welfare .sect4 { margin:0 auto 30px; }
.recruit-welfare .sect4 .lead {
    margin-bottom:10px;
    font-size:12px;
}
.recruit-welfare .sect4 .img {
    margin:0 auto;
    max-width:320px;
}
}
