@charset "UTF-8";

body > .page-header{height:540px;}
body > .page-header .main-visual{width:100%;height:300px;margin-top:47px;background:url(../img/recruit/main-visual-pc.jpg) no-repeat top center;font-size:0;}
body > .page-header .header-menu{margin:67px auto 40px auto;display:flex;}
body > .page-header .header-menu li{font-size:15px;line-height:0.8;padding:0 15px;color:#222222;border-right:1px solid #222222;}
body > .page-header .header-menu li:last-child{border-right:none;}

h2{font-size:28px;text-align:center;}
main .main-inner .white-box .notice{margin-top:33px;font-size:14px;}
.wp-block-group.small-box .wp-block-group__inner-container a{color: #018d9f;text-decoration:underline;}


#about_us .image-office{height:558px;margin-top:40px;background:url(../img/recruit/image-about-us-pc.jpg) no-repeat 0 0;font-size:0;}

#about_us h3{margin-top:114px;font-size:20px;color:#147b88;text-align:center;}
#about_us > div > p{margin-top:23px;line-height:1.9;}
#about_us .shadow-box{margin-top:30px;box-shadow:0 0 6px 6px #f6f6f6;}
#about_us .shadow-box .wp-block-group__inner-container{display:flex;}
#about_us .shadow-box .wp-block-group__inner-container h4{width:304px;font-size:18px;padding:0 40px 0 100px;box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;}
#about_us .shadow-box .wp-block-group__inner-container p{padding:30px 47px 30px 0;box-sizing:border-box;line-height:1.7;}
#about_us .shadow-box .wp-block-group__inner-container .icon01{background:url(../img/recruit/icon01.png) top 60px right 220px no-repeat;background-size:39px 39px;}
#about_us .shadow-box .wp-block-group__inner-container .icon02{background:url(../img/recruit/icon02.png) top 66px right 220px no-repeat;background-size:38px 36px;}
#about_us .shadow-box .wp-block-group__inner-container .icon03{background:url(../img/recruit/icon03.png) top 60px right 220px no-repeat;background-size:41px 38px;}
#about_us .shadow-box .wp-block-group__inner-container .icon04{background:url(../img/recruit/icon04.png) top 67px right 220px no-repeat;background-size:36px 33px;}
#about_us .shadow-box .wp-block-group__inner-container .icon05{background:url(../img/recruit/icon05.png) top 47px right 220px no-repeat;background-size:45px 50px;}
#about_us .shadow-box .wp-block-group__inner-container .icon06{background:url(../img/recruit/icon06.png) top 43px right 220px no-repeat;background-size:32px 32px;}

#about_job .notice{width:540px;margin:0 auto;}
#about_job .worker-box{width:960px;padding:54px 58px;box-sizing:border-box;border:6px solid #eeeeee;margin-top:60px;}
#about_job .worker-box .worker > div{display:flex;}
#about_job .worker-box .worker > div .avater img{width:170px;height:168px;display:block;}
#about_job .worker-box .worker .introduce > div{margin-left:25px;display:block;}
#about_job .worker-box .worker .introduce > div h4{font-size:22px;}
#about_job .worker-box .worker .introduce > div p{margin-top:20px;}

#about_job .worker-box .schedule-box > div{margin-top:45px;width:840px;padding:25px 45px;box-sizing:border-box;background-color:#f6f5f2;display:block;}
#about_job .worker-box .schedule-box > div h4{font-size:18px;margin-left:35px;text-align:center;background:url(../img/recruit/icon-schedule.png) left 220px center no-repeat;background-size:26px 26px;}
#about_job .worker-box .schedule-box > div h4{position:relative;cursor:pointer;line-height:26px;}
#about_job .worker-box .schedule-box > div h4:hover{opacity:0.7;}
#about_job .worker-box .schedule-box > div h4 span{position:absolute;top:7px;right:0;width:20px;height:12px;transform:rotate(180deg);background:url(../img/recruit/icon-timeline-oc.png) center center no-repeat;background-size:20px 12px;font-size:0;transition:transform 0.4s;}
#about_job .worker-box .schedule-box > div h4 span.open{transform:rotate(0);}

#about_job .worker-box .schedule-box .time-line{display:none;}
#about_job .worker-box .schedule-box .time-line > div{margin-top:45px;display:block;}
#about_job .worker-box .schedule-box .time-line dl{display:flex;padding-bottom:32px;align-items:top;background:url(../img/recruit/time-line.gif)left top repeat-y;}
#about_job .worker-box .schedule-box .time-line dl:last-child{padding-bottom:0;margin-bottom:32px;}
#about_job .worker-box .schedule-box .time-line dt{flex-shrink:0;width:90px;height:40px;font-size:16px;border-radius:18px;background-color:white;text-align:center;padding-top:8px;box-sizing:border-box;}
#about_job .worker-box .schedule-box .time-line dd{margin:7px 0 0 16px;line-height:1.8;}

#scene_at_work .scenes > div{display:flex;flex-flow:row wrap;justify-content:space-between;}
#scene_at_work .scenes > div .size-large{width:475px;margin-top:68px;}
#scene_at_work .scenes > div .size-large img{width:475px;height:333px;}
#scene_at_work .scenes > div .size-large figcaption{margin:18px 0 0 20px;font-size:15px;}

#recruit_info .create-date{font-size:0;}
#recruit_info .update-date{text-align:right;}
#recruit_info .rounded-box{margin-top:20px;width:960px;padding:40px 60px;box-sizing:border-box;border:1px solid #d1d1d1;border-radius:14px;}
#recruit_info .rounded-box h3{font-size:20px;text-align:center;}
#recruit_info .rounded-box .items{margin-top:40px;}
#recruit_info .rounded-box .items .item > div{display:flex;font-size:15px;padding:23px 0;border-top:1px solid #cccccc;}
#recruit_info .rounded-box .items .item:last-child > div{border-bottom:1px solid #cccccc;margin-bottom:25px;}
#recruit_info .rounded-box .items .item > div .title{width:220px;flex-shrink:0;padding:0 17px;box-sizing:border-box;line-height:1.8;}
#recruit_info .rounded-box .items .item > div .body{line-height:1.8;}
#recruit_info .rounded-box .not-opened{margin-top:25px;text-align:center;}
#recruit_info .button-area > div p a,
#inquiry .button-area > div p a{margin:70px auto 30px auto;width:407px;line-height:60px;text-align:center;color:#fffefe;background-color:#87c440;display:block;}

#faq .faq-list .item{margin-bottom:30px;width:960px;padding:45px 60px;border:5px solid #f1f1f1;box-sizing:border-box;}
#faq .faq-list .item > div{display:flex;}
#faq .faq-list .item > div .number{width:60px;font-size:26px;font-weight:bold;color:#2c99a7;}
#faq .faq-list .item > div .body{margin-top:10px;}
#faq .faq-list .item .question{position:relative;}
#faq .faq-list .item .question .button{width:42px;height:42px;position:absolute;right:0;top:0;background:url(../img/recruit/icon-faq-oc.png) center center no-repeat;font-size:0;cursor:pointer;transform:rotate(180deg);transition:transform 0.4s;}
#faq .faq-list .item .question .button.open{transform:rotate(0);}
#faq .faq-list .item .answer{margin-top:30px;display:none;}

#inquiry .lead-box{font-size:23px;text-align:center;}
#inquiry .small-box > div{width:575px;margin:30px auto 0 auto;padding:30px 95px;border:solid 1px #d1d1d1;border-radius:15px;box-sizing:border-box;}
#inquiry .small-box > div .title{font-size:20px;margin-bottom:15px;font-weight:bold;}
#inquiry .small-box > div dl{display: flex;}
#inquiry .small-box > div dl dd{margin-left: 1em;}


@media (max-width:750px) {
    body > .page-header{height:162.6666vw;}

    body > .page-header .main-visual{height:61.3333vw;margin-top:8vw;background:url(../img/recruit/main-visual-sp.jpg) no-repeat top center;font-size:0;background-size:contain;}
    body > .page-header .header-menu{margin:7.3333vw auto 0 auto;display:block;}
    body > .page-header .header-menu li{font-size:3.7333vw;line-height:2.5;padding:0;border-right:none;text-align:center;}

    main .main-inner .white-box h2{font-size:5.0666vw;text-align:center;}
    #about_us .image-office{height:70.6666vw;background:url(../img/recruit/image-about-us-sp.jpg) no-repeat 0 0;background-size:contain;}
    #about_us h3{margin-top:8.6666vw;font-size:4.8vw;}
    #about_us > div > p{margin-top:5.6vw;}
    #about_us .shadow-box{margin-top:8vw;box-shadow:0 0 0.8vw 0.8vw #ededed;}
    #about_us .shadow-box .wp-block-group__inner-container{display:block;}
    #about_us .shadow-box .wp-block-group__inner-container h4{width:78.6666vw;font-size:4.2666vw;padding:9.3333vw 0 6.4vw 5.3333vw;display:block;text-align:center;}
    #about_us .shadow-box .wp-block-group__inner-container p{font-size:3.7333vw;padding:0 6.6666vw 6.6666vw 6.6666vw;box-sizing:border-box;}
    #about_us .shadow-box .wp-block-group__inner-container .icon01{background:url(../img/recruit/icon01.png) top 7.4666vw left 14.2666vw no-repeat;background-size:8.2666vw 8.2666vw;margin-top:15.3333vw;}
    #about_us .shadow-box .wp-block-group__inner-container .icon02{background:url(../img/recruit/icon02.png) top 8.8vw left 18.1333vw no-repeat;background-size:8vw 7.6vw;}
    #about_us .shadow-box .wp-block-group__inner-container .icon03{background:url(../img/recruit/icon03.png) top 8vw left 6.4vw no-repeat;background-size:8.5333vw 7.8666vw;}
    #about_us .shadow-box .wp-block-group__inner-container .icon04{background:url(../img/recruit/icon04.png) top 8.9333vw left 19.8666vw no-repeat;background-size:7.6vw 6.8vw;}
    #about_us .shadow-box .wp-block-group__inner-container .icon05{background:url(../img/recruit/icon05.png) top 7.6vw left 13.4666vw no-repeat;background-size:7.8666vw 8.8vw;}
    #about_us .shadow-box .wp-block-group__inner-container .icon06{background:url(../img/recruit/icon06.png) top 9.4666vw left 17.2vw no-repeat;background-size:6.1333vw 6.1333vw;}

    #about_us .notice{font-size:3.7333vw;margin-bottom:-4vw;}

    #about_job .notice{width:78.6666vw;font-size:3.2vw;margin:0 auto;}
    #about_job .worker-box{width:78.6666vw;padding:9.3333vw 2.6666vw;border:1.3333vw solid #f1f1f1;margin-top:5.3333vw;}
    #about_job .worker-box .worker > div{display:block;}
    #about_job .worker-box .worker > div .avater img{width:40vw;height:39.6vw;display:block;margin:0 auto;}
    #about_job .worker-box .worker .introduce > div{margin:3.3333vw 0 0 0;display:block;}
    #about_job .worker-box .worker .introduce > div h4{font-size:4.8vw;text-align:center;}
    #about_job .worker-box .worker .introduce > div p{margin:8vw 1.3333vw 0 1.3333vw;line-height:1.8;}
    #about_job .worker-box .worker .introduce > div p strong{margin-top:5.3333vw;display:block;text-align:center;font-size:4.2666vw;}
    #about_job .worker-box .worker .introduce > div p br{display:none;}

    #about_job .worker-box .schedule-box > div{margin-top:8vw;width:70.6666vw;padding:4vw 5.3333vw;}
    #about_job .worker-box .schedule-box > div h4{padding: 0.6666vw; font-size:3.6vw;margin-left:2.2666vw;line-height:3.4666vw;text-align:center;background:url(../img/recruit/icon-schedule.png) left     2vw center no-repeat;background-size:4.6666vw 4.6666vw;}
    #about_job .worker-box .schedule-box > div h4{position:relative;cursor:pointer;}
    #about_job .worker-box .schedule-box > div h4:hover{opacity:0.7;}
    #about_job .worker-box .schedule-box > div h4 span{position:absolute;top:0.9333vw;right:0;width:5.2vw;height:3.0666vw;background:url(../img/recruit/icon-timeline-oc.png) center center no-repeat;background-size:5.2vw 3.0666vw;font-size:0;}

    #about_job .worker-box .schedule-box .time-line > div{margin-top:5.7333vw;}
    #about_job .worker-box .schedule-box .time-line dl{display:block;padding-bottom:2.1333vw;background:none;}
    #about_job .worker-box .schedule-box .time-line dl:last-child{margin-bottom:2.6666vw;}
    #about_job .worker-box .schedule-box .time-line dt{width:16.9333vw;height:6.9333vw;font-size:3.4666vw;border-radius:3.4666vw;padding-top:0.8vw; font-weight: bold;}
    #about_job .worker-box .schedule-box .time-line dd{font-size: 3.4666vw; margin:0.6666vw 0 0 0.6666vw;}

    #scene_at_work .scenes > div{display:block;}
    #scene_at_work .scenes > div .size-large{width:78.6666vw;margin-top:9.0666vw;}
    #scene_at_work .scenes > div .size-large img{width:78.6666vw;height:55.2vw;}
    #scene_at_work .scenes > div .size-large figcaption{margin:0;font-size:4vw;}


    #recruit_info .create-date{font-size:0;}
    #recruit_info .update-date{font-size: 3.2vw;}
    #recruit_info .rounded-box{margin:0.4vw 0 8vw 0;width:78.6666vw;padding:5.3333vw 0;box-sizing:border-box;border:1.0666vw solid #eeeeee;border-radius:2.5333vw;}
    #recruit_info .rounded-box h3{font-size:4.8vw;text-align:center;}
    #recruit_info .rounded-box .items{margin:6.6666vw auto 0 auto; width: 65.3333vw;}
    #recruit_info .rounded-box .items .item > div{display:block;font-size:4vw;padding:4vw 0;border-top:0.6666vw solid #eeeeee;}
    #recruit_info .rounded-box .items .item:last-child > div{border-bottom:0.6666vw solid #eeeeee;margin-bottom:3.3333vw;}
    #recruit_info .rounded-box .items .item > div .title{padding:0;font-weight: bold;}
    #recruit_info .rounded-box .not-opened{margin-top:2.6666vw;}
    #recruit_info .button-area > div p a{margin:16vw auto 8vw auto;}
    #recruit_info .button-area > div p a,
    #inquiry .button-area > div p a{width:78.6666vw;line-height:18.6666vw;font-size: 4.8vw; font-weight:bold;text-align:center;color:#fffefe;background-color:#87c440;display:block;}

    #faq .faq-list .item{margin-bottom:4vw;width:78.6666vw;padding:6.6666vw;border:1.3333vw solid #f1f1f1;}
    #faq .faq-list .item > div{display:block;}
    #faq .faq-list .item > div .number{width:78.6666vw;font-size:5.6vw;color:#2c99a7; font-weight: bold;}
    #faq .faq-list .item > div .body{margin-top:1.3333vw;}
    #faq .faq-list .item .question{position:relative;}
    #faq .faq-list .item .question .button{width:6.6666vw;height:6.6666vw;background-size:contain;}
    #faq .faq-list .item .answer{margin-top:5.3333vw;}
    #faq .faq-list:last-child .item{margin-bottom: -4vw;}


    #inquiry .lead-box{font-size:4vw;}
    #inquiry .small-box > div{width:78.6666vw;margin:5.3333vw auto 0 auto;padding:6vw 2.6666vw 3.3333vw 6.6666vw;border:solid 1.0666vw #eeeeee;border-radius:2.2666vw;}
    #inquiry .small-box > div .title{font-size:4.8vw;margin-bottom:2vw;font-weight:bold; text-align: center;}
    #inquiry .small-box > div dl{margin-bottom: 2.6666vw; display: flex;}
    #inquiry .small-box > div dl dt{width: 14vw;}
    #inquiry .small-box > div dl dd{margin-left: 0;}
    #inquiry .button-area > div p a{margin: 10.6666vw auto 0 auto;}
}