@charset "UTF-8";

            .cf:after {
                content: ".";
                display: block;
                height: 0;
                font-size: 0;
                clear: both;
                visibility: hidden;
            }

            .cf {
                display: inline-block;
            }

            /* Hides from IE Mac */

            * html .cf {
                height: 1%;
            }

            .cf {
                display: block;
            }

            .hide_pc {
                display: none;
            }

            a.fade {
                transition: all 0.1s ease;
                -webkit-transition: all 0.1s ease;
                -moz-transition: all 0.1s ease;
            }

            a.link {
                display: inline-block;
                text-decoration: none;
                color: #FFF;
                background-color: #f08955;
                background: linear-gradient(to top right, #fbb896, #f08955);
                transition: all 0.3s ease;
            }

            a.link:hover {
                opacity: 0.7;
            }

            /*#home_main_img > div > a,
#home_system > div a,
nav.pagination a,
#foot_recruit ul li a {
	transition: all 0.3s ease;
}
#home_main_img > div > a:hover,
#home_system > div a:hover,
nav.pagination a:hover,
#foot_recruit ul li a:hover {
	opacity: 0.7;
}

*/

            .page.system main>section,
            #home_day {
                position: relative;
            }

            span.anchor {
                position: absolute;
                top: -70px;
                height: 0;
                width: 0;
                visibility: hidden;
                opacity: 0;
            }

            /* fadein up */

            .fadein-up {
                transition: 1.0s;
                opacity: 0;
                transform: translate(0, 60px);
                -webkit-transform: translate(0, 60px);
            }

            .fadein-up.on {
                opacity: 1.0;
                transform: translate(0, 0);
                -webkit-transform: translate(0, 0);
            }

            .drawer--navbarTopGutter {
                padding-top: 0;
            }

            .aligncenter {
                display: block;
                margin: 0 auto 10px auto;
            }

            .alignright {
                float: right;
                margin: 0 0 10px 10px;
            }

            .alignleft {
                float: left;
                margin: 0 10px 10px 0;
            }

            p {
                word-break: break-all;
            }

            /*hack for webfont
header,
main,
footer {
    transform: rotate(0.001deg);
}
*/

            body {
                width: 100%;
                min-width: 1100px;
                font-size: 16px;
                line-height: 1.0;
                -webkit-text-size-adjust: 100%;
                font-family: 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
                color: #333;
            }

            main {
                min-height: 1000px;
            }

            .inner_content {
                display: block;
                width: 1100px;
                margin-left: auto;
                margin-right: auto;
            }

            .transition {
                transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
            }

            /* --------------- HEADER --------------- */

            header.pc {
                padding: 50px 0;
                position: absolute;
                z-index: 1;
                width: 100%;
            }

            nav.gnav a.logo img {
                width: 22%;
                padding-top: 5px;
            }

            nav.gnav>ul {
                float: right;
            }

            nav.gnav>ul>li {
                float: left;
                margin-left: 20px;
            }

            nav.gnav>ul>li:nth-child(2) {
                margin-right: -3.5em;
            }

            nav.gnav>ul>li>ul {
                opacity: 0;
            }

            nav.gnav>ul>li.has_childe:hover>ul {
                opacity: 1.0;
            }

            nav.gnav>ul>li>ul>li a {
                line-height: 35px;
            }

            nav.gnav>ul>li a {
                display: inline-block;
                text-decoration: none;
                line-height: 50px;
                color: #FFF;
                font-size: 14px;
                position: relative;
            }

            nav.gnav>ul>li.menu a::after {
                position: absolute;
                bottom: .5em;
                left: 0;
                content: '';
                width: 100%;
                height: 2px;
                background-color: #FFF;
                opacity: 0;
                transition: .2s;
            }

            nav.gnav>ul>li.menu a:hover::after {
                bottom: .3em;
                opacity: 1;
            }

            nav.gnav>ul>li.entry {
                text-align: center;
                position: relative;
            }

            nav.gnav>ul>li.entry a {
                display: block;
                width: 130px;
            }

            nav.gnav>ul>li.entry>a {
                background: #ea5f5f;
                box-sizing: border-box;
            }

            nav.gnav>ul>li.entry>a:hover {
                background: #FFF;
                color: #000;
            }

            /*nav.gnav > ul > li.entry > ul {
	position: absolute;
	top: 0;
}
nav.gnav > ul > li.entry > ul > li a {
	background: #000;
	color: #FFF;
	line-height: 50px;
}
nav.gnav > ul > li.entry > ul > li:nth-child(1) a {
	background: #FFF;
	color: #000;
}
nav.gnav > ul > li.entry > ul > li:nth-child(2) a {
	background: #ea5f5f;
}
nav.gnav > ul > li.entry > ul > li:nth-child(3) a {
	background: #eaa15f;
}
nav.gnav > ul > li.entry > ul > li:nth-child(4) a {
	background: #62c1bb;
}
*/

            .header_fixed header {
                position: fixed;
                top: 0;
                left: 0;
                z-index: 10;
                width: 100%;
                padding: 10px 0;
                background: rgba(51, 51, 51, 0.3);
                height: 50px;
            }

            .header_fixed header nav.gnav>ul>li.menu.has_childe>ul {
                position: relative;
                margin-top: 10px;
            }

            .header_fixed header nav.gnav>ul>li.menu.has_childe>ul::after {
                content: '';
                background: rgba(51, 51, 51, 0.3);
                top: 0;
                left: -10px;
                right: -10px;
                bottom: -5px;
                position: absolute;
                z-index: -1;
            }

            /* --------------- /HEADER --------------- */
            /* --------------- HOME --------------- */

            #home_main_img {
                width: 100%;
                height: 800px;
                position: relative;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 0;
                overflow: hidden;
                text-align: center;
            }

            #home_main_img>img {
                display: inline-block;
                position: relative;
                margin-top: 165px;
                z-index: 3;
                opacity: 0;
                transition: all 10s ease;
                -webkit-transition: all 10s ease;
                -moz-transition: all 10s ease;
                -o-transition: all 10s ease;
            }

            #home_main_img>img.fade {
                opacity: 1.0;
            }

            #home_main_img>section #bg-video {
                position: absolute;
                min-width: 100%;
                min-height: 800px;
                top: 0;
                left: 50%;
                transform: translate(-50%, 0%);
                z-index: 0;
            }

            #home_main_img>div {
                position: relative;
                z-index: 10;
                color: #FFF;
                padding: 230px 0 255px;
            }

            #home_main_img>div img {
                margin-bottom: 70px;
            }

            #home_main_img>div h1 {
                font-size: 30px;
                margin-bottom: 100px;
                font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
                letter-spacing: 0.1em;
            }

            #home_main_img>div>.scroll {
                position: absolute;
                bottom: 20px;
                left: 0;
                right: 0;
                z-index: 3;
                font-size: 12px;
            }

            #home_main_img>div>.scroll div {
                transform: rotate(90deg);
                width: 23px;
                height: 1px;
                margin: 20px auto;
                overflow: hidden;
            }

            #home_main_img>div>.scroll span {
                background: #FFF;
            }

            #home_main_img>div>.scroll span {
                animation: fix_arrow 2s ease-in-out infinite;
            }

            #home_main_img>div>.scroll span {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                transition-duration: 1s;
            }

            @keyframes fix_arrow {
                0% {
                    left: 0;
                    opacity: 1;
                }

                24% {
                    left: 100%;
                    opacity: 0;
                }

                26% {
                    left: -100%;
                    opacity: 0;
                }

                50% {
                    left: 0;
                    opacity: 1;
                }

                100% {
                    left: 0;
                    opacity: 1;
                }
            }

            #home_top_link {
                text-align: center;
                position: relative;
            }

            #home_top_link div {
                position: absolute;
                top: -290px;
                left: 0;
                right: 0;
            }

            #home_top_link div a {
                display: inline-block;
                width: 260px;
                height: 70px;
                line-height: 70px;
                color: #FFF;
                text-decoration: none;
                margin: 0 20px 30px;
            }

            #home_top_link div a.notyet {
                background: #CCC;
                color: #989898;
            }

            #home_top_link div a.notyet:hover {
                opacity: 1.0;
            }

            #home_system {
                margin: 125px 0 100px;
                padding-bottom: 80px;
                background-image: url(../images/bg_img.gif);
                background-repeat: no-repeat;
                background-position: bottom center;
                background-size: 100%;
            }

            #home_system>div {
                width: 100%;
                float: left;
                text-align: center;
                letter-spacing: 0.1em;
            }

            #home_system>div:last-child {
                margin-left: 1%;
            }

            #home_system>div img {
                /*width: 100%;*/
                display: block;
                margin: 0 auto 55px;
            }

            #home_system>div h2 {
                font-size: 60px;
                font-weight: bold;
                color: #333333;
                margin-bottom: 30px;
            }

            #home_system>div h3 {
                font-size: 30px;
                font-weight: bold;
                color: #333333;
                margin-bottom: 40px;
            }

            #home_system>div a {
                display: inline-block;
                width: 150px;
                height: 70px;
                line-height: 70px;
                color: #FFF;
                text-decoration: none;
            }

            #home_day {
                text-align: center;
                margin: 100px 0;
                padding-bottom: 80px;
                background-image: url(../images/bg_img.gif);
                background-repeat: no-repeat;
                background-position: bottom center;
                background-size: 100%;
            }

            #home_news {
                margin-bottom: 100px;
                padding-bottom: 100px;
                text-align: center;
            }

            #home_news>a {
                width: 260px;
                height: 70px;
                line-height: 70px;
            }

            #home_schedule {
                width: 980px;
                margin: 100px auto;
                padding-bottom: 100px;
                text-align: center;
            }

            #home_schedule table {
                margin-bottom: 50px;
            }

            #home_schedule>a {
                width: 260px;
                height: 70px;
                line-height: 70px;
            }

            #home_interview {
                margin-bottom: 100px;
                padding-bottom: 100px;
                text-align: center;
                background-image: url(../images/bg_img.gif);
                background-repeat: no-repeat;
                background-position: center 250px;
                background-size: 100%;
            }

            #home_interview>section {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

            #home_interview>section>div {
                width: 305px;
                margin: 0 30px 60px;
                background: #FFF;
                box-shadow: 0px 2px 3px 0px #CCC;
            }

            #home_interview>section>div a {
                color: #333;
                text-decoration: none;
                text-align: left;
            }

            #home_interview>section>div img {
                display: block;
                margin-bottom: 30px;
                transition: all 0.3s;
                max-width: 306px;
            }

            #home_interview>section>div a:hover img {
                opacity: 0.7;
            }

            #home_interview>section>div p {
                padding: 0 30px 30px;
                color: #989898;
                font-size: 14px;
            }

            #home_interview>section>div h2 {
                padding: 0 30px 30px;
                font-size: 30px;
                font-weight: bold;
            }

            #home_interview>section>div h2 span {
                color: #e93d3d;
                font-size: 14px;
                display: block;
                margin-top: 15px;
            }

            #home_interview>a {
                width: 260px;
                height: 70px;
                line-height: 70px;
            }

            /* --------------- /HOME --------------- */
            /* --------------- MAIN COMMON --------------- */

            h1.title {
                font-size: 30px;
                color: #333;
                text-align: center;
                margin-bottom: 80px;
                letter-spacing: 0.1em;
            }

            h1.title span {
                color: #f08955;
                font-size: 16px;
                display: block;
                margin-top: 30px;
            }

            #headline {
                background: #CCC;
                height: 420px;
                background-size: cover;
                background-position: center;
                text-align: center;
                color: #FFF;
            }

            #headline h1 {
                padding-top: 210px;
                font-size: 40px;
                letter-spacing: 0.1em;
            }

            #headline h1 span {
                display: block;
                padding-top: 30px;
                font-size: 20px;
            }

            .title-bl {
                font-size: 24px;
                font-weight: bold;
            }

            .title-bl::before {
                content: '';
                display: inline-block;
                width: 10px;
                height: 40px;
                background: #f08855;
                border-radius: 5px;
                vertical-align: middle;
                margin-right: 15px;
            }

            /* --------------- /MAIN COMMON --------------- */
            /* --------------- PAGE-ABOUT --------------- */

            .page.about #headline {
                background-image: url(../images/bg_heading_about.jpg);
            }

            .page.about #about {
                text-align: center;
                margin: 120px 0 30px;
                letter-spacing: 0.1em;
            }

            .page.about #about h1 {
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 60px;
            }

            .page.about #about p {
                font-size: 16px;
                line-height: 2.0;
            }

            .page.about #message {
                background-image: url(../images/bg_img.gif);
                background-repeat: no-repeat;
                background-position: center top;
                background-size: 100%;
                padding: 120px 0 0;
            }

            .page.about #message>div {
                margin: 0 auto 90px;
                padding: 110px 70px;
                width: 980px;
                background-image: url(../images/bg_about_message.jpg);
                background-repeat: no-repeat;
                background-position: center top;
                box-sizing: border-box;
                min-height: 540px;
            }

            .page.about #message>div h1 {
                text-align: left;
                font-size: 55px;
                font-weight: bold;
                margin-bottom: 110px;
            }

            .page.about #message>div h1 span {
                font-size: 20px;
                margin-top: 20px;
            }

            .page.about #message>div h2 {
                font-size: 24px;
                line-height: 2.0;
                font-weight: bold;
                letter-spacing: 0.1em;
            }

            .page.about #message>p {
                width: 800px;
                margin: 0 auto 50px;
                line-height: 2.0;
            }

            .page.about #benefits,
            .page.about #info {
                padding-top: 120px;
                width: 800px;
                margin: 0 auto;
            }

            .page.about #benefits>h1,
            .page.about #info>h1 {
                font-size: 55px;
                font-weight: bold;
                margin-bottom: 90px;
            }

            .page.about #benefits h2 {
                font-size: 30px;
                margin-bottom: 30px;
            }

            .page.about #benefits p {
                font-size: 20px;
                margin-bottom: 60px;
                line-height: 1.7;
                padding-bottom: 50px;
                border-bottom: solid 1px #CCC;
            }

            .page.about #course {
                padding-top: 120px;
            }

            .page.about #course>h1 {
                font-size: 55px;
                font-weight: bold;
                margin-bottom: 90px;
            }

            .page.about #course>h1 span {
                font-size: 20px;
                margin-top: 20px;
            }

            .page.about #course>p {
                text-align: center;
                line-height: 2.0;
            }

            .page.about #course>div {
                background-image: url(../images/bg_img.gif);
                background-repeat: no-repeat;
                background-position: center top;
                background-size: 100%;
                padding: 75px 0;
            }

            .page.about #course>div ul {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                width: 800px;
                margin: 0 auto 100px;
            }

            .page.about #course>div ul li {
                margin-bottom: 10px;
                width: 50%;
            }

            .page.about #course>div ul li span {
                display: block;
                font-weight: normal;
                font-size: 16px;
                padding: 10px 10px 10px 25px;
                line-height: 1.7;
            }

            /*.page.about #course > div ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
  	width: 230px;
	height: 230px;
	color: #f08855;
	line-height: 1.7;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-image: url(../images/bg_course.png);
	position: relative;
	padding-bottom: 30px;
    box-sizing: border-box;
}
.page.about #course > div ul li a::after {
	content: '+';
	position: absolute;
	display: block;
	font-size: 30px;
    bottom: 40px;
    left: 0;
    right: 0;
}
*/
            /* --------------- /PAGE-ABOUT --------------- */
            /* --------------- PAGE-SYSTEM --------------- */

            .page.system #headline {
                background-image: url(../images/bg_heading_system.jpg);
            }

            .page.system #system-training {
                padding: 115px 0 200px;
                text-align: center;
            }

            .page.system main h1.title {
                font-size: 55px;
                font-weight: bold;
            }

            .page.system main h1.title span {
                font-size: 20px;
                margin-top: 20px;
            }

            .page.system #system-training p {
                font-size: 16px;
                line-height: 2.0;
                margin-bottom: 125px;
            }

            .page.system #system-training>section>div {
                background: #f8f8f8;
            }

            .page.system #system-training>section>div img {
                width: 50%;
                display: block;
            }

            .page.system #system-training>section>div img.left {
                float: left;
            }

            .page.system #system-training>section>div img.right {
                float: right;
            }

            .page.system #system-training>section>div h2 {
                padding: 8% 0 5%;
                font-size: 30px;
                font-weight: bold;
                color: #333;
                letter-spacing: 0.1em;
            }

            .page.system #system-training>section>div p {
                padding: 0 7%;
                overflow: hidden;
                text-align: left;
                margin-bottom: 0;
            }

            .page.system #system-welfare {
                padding: 100px 0 240px;
            }

            .page.system #system-welfare p {
                text-align: center;
                line-height: 2.0;
                margin-bottom: 80px;
            }

            .page.system #system-welfare ul {
                width: 800px;
                margin: 0 auto;
            }

            .page.system #system-welfare ul li {
                margin-bottom: 30px;
            }

            /* --------------- /PAGE-SYSTEM --------------- */
            /* --------------- PAGE-INTERVIEW --------------- */

            .page.interview #headline,
            .page.interview_test #headline {
                background-image: url(../images/bg_heading_system.jpg);
            }

            .page.interview #interview {
                width: 1000px;
                margin: 60px auto;
            }

            .page.interview #interview>section {
                position: relative;
                min-height: 570px;
                margin-bottom: 120px;
            }

            .page.interview #interview>section>img {
                position: absolute;
                top: 0;
                z-index: 1;
            }

            .page.interview #interview>section:nth-child(2n-1)>img,
            .page.interview #interview>section:nth-child(2n)>div {
                right: 0;
            }

            .page.interview #interview>section:nth-child(2n)>img,
            .page.interview #interview>section:nth-child(2n-1)>div {
                left: 0;
            }

            .page.interview #interview>section>div {
                position: absolute;
                top: 50px;
                z-index: 2;
                width: 500px;
                padding: 50px;
                background: #FFF;
                box-sizing: border-box;
                letter-spacing: 0.1em;
                box-shadow: 0px 3px 3px 1px #DDD;
            }

            .page.interview #interview>section>div h3 {
                font-size: 12px;
                line-height: 40px;
                font-weight: bold;
            }

            .page.interview #interview>section>div h3 b {
                background: #f08855;
                color: #FFF;
                font-size: 14px;
                display: inline-block;
                padding: 0 20px;
                margin-right: 30px;
            }

            .page.interview #interview>section>div h2 {
                font-size: 24px;
                line-height: 40px;
                margin: 35px 0 30px;
                font-weight: bold;
            }

            .page.interview #interview>section>div h2 span {
                font-size: 12px;
                color: #f08855;
                display: inline-block;
                margin-left: 30px;
                vertical-align: middle;
            }

            .page.interview #interview>section>div p {
                font-size: 14px;
                line-height: 1.7;
            }

            /* --------------- /PAGE-INTERVIEW --------------- */
            /* --------------- PAGE-ENTRY --------------- */

            .page.entry #headline,
            .page.recruit-thanks #headline {
                background-image: url(../images/bg_heading_entry.jpg);
            }

            .page.recruit-thanks #form,
            .page.briefing-thanks #form {
                text-align: center;
                max-width: 800px;
                margin: 100px auto 0;
            }

            .page.recruit-thanks #form>p,
            .page.briefing-thanks #form>p {
                line-height: 2em;
            }

            .page.recruit-thanks a.link,
            .page.briefing-thanks a.link {
                width: 260px;
                height: 70px;
                line-height: 70px;
                margin: 90px 0;
            }

            .page.entry #info {
                width: 800px;
                margin: 0 auto;
            }

            .page.entry #info h1 {
                font-size: 55px;
                font-weight: bold;
                text-align: center;
                margin: 110px auto 55px;
            }

            .page.entry #info h2 {
                font-size: 24px;
                font-weight: bold;
                text-align: center;
                margin-bottom: 100px;
            }

            .page.entry #info h3 {
                margin: 80px auto 40px;
            }

            .page.entry #info p {
                margin-bottom: 30px;
                line-height: 2.0;
            }

            .page.entry #info p b {
                font-weight: bold;
                font-size: 24px;
                line-height: 1.4;
            }

            .page.entry #info table {
                width: 100%;
                border-top: solid 1px #CCC;
                line-height: 2.0;
                margin-bottom: 200px;
            }

            .page.entry #info table tr {
                border-bottom: solid 1px #CCC;
            }

            .page.entry #info table tr th {
                width: 170px;
                text-align: center;
                font-weight: bold;
                background: #f8f8f8;
                vertical-align: middle;
            }

            .page.entry #info table tr td {
                padding: 25px;
            }

            .page.entry #info table tr td small {
                font-size: 12px;
            }

            .page #form {
                width: 800px;
                margin: 100px auto 100px;
            }

            .page #form h1 {
                font-size: 55px;
                font-weight: bold;
                text-align: center;
                margin-bottom: 70px;
            }

            .page #form h1+p {
                font-size: 14px;
                text-align: center;
                line-height: 2.0;
                margin-bottom: 125px;
            }

            .page #form table {
                width: 100%;
                font-size: 18px;
                line-height: 50px;
                margin-bottom: 50px;
            }

            .page #form table tr th {
                width: 320px;
                text-align: left;
                color: #717171;
                vertical-align: top;
                padding: 20px 0;
            }

            .page #form table tr th span {
                display: inline-block;
                font-size: 14px;
                width: 50px;
                line-height: 25px;
                background: #8a8a8a;
                color: #FFF;
                text-align: center;
                margin-right: 20px;
            }

            .page #form table tr th span.require {
                background: #f08855;
                background-image: linear-gradient(to top right, #fbb896, #f08955);
            }

            .page #form table tr th span.blank {
                background: none;
            }

            .page #form table tr td {
                padding: 20px 0;
            }

            .page #form table tr td input,
            .page #form table tr td textarea {
                background: #f8f8f8;
                border: none;
            }

            .page #form table tr td input,
            .page #form table tr td select,
            .page #form table tr td textarea {
                border: none;
                font-size: 18px;
                background: #f8f8f8;
                padding-left: .5em;
                width: 100%;
                box-sizing: border-box;
                height: 50px;
                line-height: 50px;
            }

            .page #form table tr td input[type="text"],
            .page #form table tr td input[type="number"],
            .page #form table tr td input[type="email"],
            .page #form table tr td input[type="tel"],
            .page #form table tr td input[type="date"] {
                border-radius: 0;
                height: 50px;
                line-height: 50px;
                box-sizing: border-box;
            }

            .page #form table tr td input[type="radio"] {
                width: auto;
                height: auto;
            }

            .page #form table tr td .your-type span.wpcf7-list-item {
                width: 45%;
            }

            .page #form table tr td .your-type span.wpcf7-list-item:nth-child(2n-1) {
                margin: 0;
            }

            .page #form table tr.summary td {
                line-height: 1.7;
            }

            .page #form table tr.summary td textarea {
                display: none;
            }

            .page #form table tr.birth td input {
                width: 80px;
                margin: 0 10px 0 40px;
            }

            .page #form table tr.birth td span:first-child input {
                margin: 0 10px 0 0;
            }

            .page #form table tr td .your-sex input {
                width: auto;
                height: auto;
            }

            .page #form table tr td .your-sex .first {
                margin-left: 0;
            }

            .page #form table tr td textarea {
                resize: none;
            }

            .page #form #agree {
                font-size: 14px;
                border: solid 1px #CCC;
                padding: 35px;
                color: #717171;
                line-height: 2.0;
            }

            .page #form #agree ul {
                margin-left: 1.5em;
            }

            .page #form #agree ul li {
                list-style-type: disc;
            }

            .page #form #agree a {
                color: #717171;
            }

            .page #form #acceptance {
                text-align: center;
                font-size: 14px;
                color: #717171;
                margin: 60px auto;
            }

            .page #form #acceptance input[type="checkbox"] {
                /*-webkit-appearance: none;*/
                background-color: #CCC;
                box-shadow: none;
                width: 15px;
                height: 15px;
                margin: 0 10px 0 0;
                vertical-align: text-bottom;
            }

            .page #form #acceptance input[type="checkbox"]:checked {
                background-color: #f08855;
                background-image: linear-gradient(to top right, #fbb896, #f08955);
            }

            .page #form #submit {
                text-align: center;
            }

            .page #form #submit input {
                width: 200px;
                line-height: 3.6;
                background-color: #f08855;
                background-image: linear-gradient(to top right, #fbb896, #f08955);
                color: #FFF;
                font-size: 16px;
                margin-left: 20px;
                letter-spacing: 0.1em;
                cursor: pointer;
                -webkit-appearance: none;
                -webkit-transition: all 0.5s;
                -moz-transition: all 0.5s;
                transition: all 0.5s;
            }

            .page #form #submit input:disabled {
                background-color: #CCC;
                background-image: linear-gradient(to top right, #CCC, #CCC);
                cursor: not-allowed;
            }

            /* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */

            :placeholder-shown {
                color: #b5b3b3;
            }

            /* Google Chrome, Safari, Opera 15+, Android, iOS */

            ::-webkit-input-placeholder {
                color: #b5b3b3;
            }

            /* Firefox 18- */

            :-moz-placeholder {
                color: #b5b3b3;
                opacity: 1;
            }

            /* Firefox 19+ */

            ::-moz-placeholder {
                color: #b5b3b3;
                opacity: 1;
            }

            /* IE 10+ */

            :-ms-input-placeholder {
                color: #b5b3b3;
            }

            /* --------------- /PAGE-ENTRY --------------- */
            /* --------------- PAGE-BRIEFING SCHEDULE --------------- */

            .page.briefing-schedule #headline,
            .page.briefing-schedule-test #headline,
            .page.briefing-schedule-form #headline,
            .page.briefing-thanks #headline,
            .page.online-briefing-form #headline,
            .page.training-briefing-form #headline {
                background-image: url(../images/bg_heading_schedule.jpg);
            }

            .page.briefing-schedule #list {
                width: 980px;
                margin: 0 auto;
            }

            .page.briefing-schedule #list nav {
                margin: 80px 0;
                font-size: 14px;
            }

            .page.briefing-schedule #list nav ul {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
            }

            .page.briefing-schedule #list nav ul li a {
                color: #000;
                text-decoration: none;
                padding: 0 20px;
                height: 30px;
                display: inline-block;
                line-height: 30px;
                background: #fafafa;
                margin: 0 5px;
            }

            .page.briefing-schedule #list nav ul li a:hover,
            .page.briefing-schedule #list nav ul li.on a {
                background: #f08955;
                color: #FFF;
            }

            .page.briefing-schedule #list nav ul li:first-child::before,
            .page.briefing-schedule #list nav ul li.on::before,
            .page.briefing-schedule #list nav ul li.on+li::before {
                border-left: none;
            }

            .page.briefing-schedule #list table {
                margin-bottom: 150px;
            }

            table.briefing-schedule {
                width: 100%;
                text-align: left;
            }

            table.briefing-schedule tr th {
                padding: 20px 35px;
                font-weight: bold;
                min-width: 3em;
                text-align: left;
                vertical-align: middle;
            }

            table.briefing-schedule tr td {
                padding: 20px 30px;
                line-height: 1.5;
                min-width: 60px;
                max-width: 320px;
                vertical-align: middle;
            }

            table.briefing-schedule tr td:nth-child(2) {
                padding: 20px 15px;
            }

            table.briefing-schedule tr:nth-child(2n-1) {
                background: #f8f8f8;
            }

            table.briefing-schedule tr td a {
                display: inline-block;
                background-color: #f08855;
                background-image: linear-gradient(to top right, #fbb896, #f08955);
                color: #FFF;
                font-size: 14px;
                text-decoration: none;
                width: 110px;
                text-align: center;
                line-height: 2.6;
            }

            /* --------------- /PAGE-BRIEFING SCHEDULE --------------- */
            /* --------------- PAGE-PRIVACY & POLICY --------------- */

            body.page.privacy-policy main>section {
                padding-top: 80px;
            }

            body.page.privacy-policy main>section>section {
                width: 900px;
                margin: 0 auto 120px;
            }

            body.page.privacy-policy main>section>section h2 {
                border-top: solid 1px #494544;
                border-bottom: solid 1px #494544;
                padding: 30px 40px;
                font-size: 18px;
                color: #93a086;
                margin-bottom: 30px;
            }

            body.page.privacy-policy main>section>section ol,
            body.page.privacy-policy main>section>section p,
            body.page.privacy-policy main>section>section dl {
                width: 820px;
                margin: 0 auto;
                line-height: 2.0;
            }

            body.page.privacy-policy main>section>section ol {
                margin-bottom: 80px;
            }

            body.page.privacy-policy main>section>section ol li {
                margin-bottom: 40px;
                list-style: decimal;
                list-style-position: inside;
            }

            body.page.privacy-policy main>section>section p {
                margin-bottom: 40px;
            }

            body.page.privacy-policy main>section>section dl dd {
                margin-bottom: 40px;
            }

            /* --------------- /PAGE-PRIVACY & POLICY --------------- */
            /* --------------- ARCHIVE --------------- */

            body.archive #headline {
                background-image: url(../images/bg_heading_system.jpg);
            }

            body.archive #news>p {
                margin: 90px auto 140px;
                text-align: center;
            }

            .news_archive article {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
            }

            .news_archive article>section {
                margin-bottom: 100px;
                border-left: dashed 1px #CCC;
            }

            .news_archive article>section:nth-child(3n) {
                border-right: dashed 1px #CCC;
            }

            .news_archive article>section a {
                display: inline-block;
                text-decoration: none;
                font-size: 14px;
                letter-spacing: 0.1em;
                color: #333;
                width: 305px;
                padding: 0 30px;
                text-align: left;
            }

            .news_archive article>section a p.date {
                color: #CCC;
                margin-bottom: 20px;
            }

            .news_archive article>section a img {
                display: block;
                margin-bottom: 20px;
                width: 100%;
            }

            .news_archive article>section a h2 {
                line-height: 2.0;
                margin-bottom: 20px;
            }

            .news_archive article>section a:hover h2 {
                text-decoration: underline;
            }

            .news_archive article>section a p.more {
                color: #18a5ff;
            }

            /* ---------- PAGINATION ---------- */

            nav.pagination {
                text-align: center;
                margin: 50px 0 150px;
            }

            nav.pagination .page-numbers {
                text-decoration: none;
                color: #FFF;
                display: inline-block;
                font-size: 16px;
                width: 50px;
                height: 50px;
                line-height: 50px;
                margin: 0 10px;
                background-image: linear-gradient(to top right, #fab28e, #f18f5d);
                border-radius: 50%;
            }

            /* --------------- /ARCHIVE --------------- */
            /* --------------- SINGLE --------------- */

            body.single #headline {
                background-image: url(../images/bg_heading_system.jpg);
            }

            body.single #single {
                margin: 60px auto 150px;
            }

            body.single #single article {
                float: left;
                width: 690px;
                line-height: 2.0;
                letter-spacing: 0.1em;
                font-size: 14px;
            }

            body.single #single article img {
                width: auto;
                max-width: 100%;
                height: auto;
            }

            body.single #single article p.date {
                font-size: 14px;
                color: #CCC;
                margin-bottom: 20px;
            }

            body.single #single article h1 {
                font-size: 24px;
                margin-bottom: 25px;
                line-height: 1.4;
            }

            body.single #single article h1+img {
                margin-bottom: 25px;
            }

            body.single #single #sidebar {
                float: right;
                width: 300px;
            }

            body.single #single #sidebar h1 {
                font-size: 16px;
                font-weight: bold;
                color: #f08855;
                text-align: center;
                border-top: dashed 1px #CCC;
                border-bottom: dashed 1px #CCC;
                padding: 30px 0;
                letter-spacing: 0.1em;
                margin-bottom: 50px;
            }

            body.single #single #sidebar>section {
                padding-bottom: 30px;
                border-bottom: dashed 1px #CCC;
                margin-bottom: 30px;
            }

            body.single #single #sidebar>section a {
                color: #333;
            }

            body.single #single #sidebar>section a img {
                float: left;
                width: 100px;
            }

            body.single #single #sidebar>section a p,
            body.single #single #sidebar>section a h2 {
                float: right;
                width: 180px;
            }

            body.single #single #sidebar>section a p {
                font-size: 10px;
                color: #CCC;
                letter-spacing: 0.1em;
                margin-bottom: 5px;
            }

            body.single #single #sidebar>section a h2 {
                line-height: 2.0;
                font-size: 12px;
            }

            body.single #single #sidebar>section a:hover h2 {
                text-decoration: underline;
            }

            /* --------------- /SINGLE --------------- */
            /* --------------- FOOTER --------------- */

            #foot_recruit {
                background: #f8f8f8;
                padding: 85px 0 95px;
            }

            #foot_recruit ul {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
            }

            #foot_recruit ul li {
                margin: 0 15px;
            }

            #foot_recruit ul li a {
                display: inline-block;
                width: 270px;
                height: 100px;
                line-height: 100px;
                font-size: 18px;
                background: #000;
                color: #FFF;
                text-align: center;
                text-decoration: none;
            }

            #foot_recruit ul li:nth-child(1) a {
                background: linear-gradient(to right, #ea5f5f, #e93a3a);
            }

            #foot_recruit ul li:nth-child(2) a {
                background: linear-gradient(to right, #eaa15f, #f19931);
            }

            #foot_recruit ul li:nth-child(3) a {
                background: linear-gradient(to right, #62c1bb, #30b4ac);
            }

            footer {
                padding: 45px 0;
            }

            footer>a.logo {
                float: left;
            }

            footer ul {
                float: right;
                line-height: 52px;
            }

            footer ul li {
                float: left;
                font-size: 12px;
            }

            footer ul li a {
                margin-left: 1em;
                padding-left: 1em;
                border-left: solid 1px #333;
            }

            footer ul li:first-child a {
                margin-left: 0;
                padding-left: 0;
                border-left: none;
            }

            footer ul li a {
                color: #000;
                text-decoration: none;
            }

            footer ul li a:hover {
                text-decoration: underline;
            }

            footer ul li#copyright {
                float: right;
                display: inline-block;
                font-size: 10px;
                margin: 1px 0 0 40px;
            }

            /* --------------- /FOOTER --------------- */
            /* --------------- RESET iOS style --------------- */

            main input[type="submit"],
            main input[type="button"] {
                border-radius: 0;
                -webkit-box-sizing: content-box;
                -webkit-appearance: button;
                appearance: button;
                border: none;
                box-sizing: border-box;
                cursor: pointer;
            }

            main input[type="submit"]::-webkit-search-decoration,
            main input[type="button"]::-webkit-search-decoration {
                display: none;
            }

            main input[type="submit"]::focus,
            main input[type="button"]::focus {
                outline-offset: -2px;
            }

            /* --------------- /RESET iOS style --------------- */
            /* =============================================================================================================================================
															SMARTPHONE
============================================================================================================================================= */

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

                /* display:none */
                .hide_sp {
                    display: none !important;
                }

                .hide_pc {
                    display: inherit !important;
                }

                /* drawer */
                .drawer-navbar-header {
                    text-align: left;
                }

                .drawer-navbar .drawer-brand {
                    width: 30%;
                    padding-left: 0;
                }

                .drawer-navbar .drawer-brand img {
                    width: 100%;
                    vertical-align: middle;
                    margin-top: -0.2em;
                }

                .drawer-hamburger {
                    padding: 12px 1rem 12px;
                }

                .drawer-hamburger-icon,
                .drawer-hamburger-icon:after,
                .drawer-hamburger-icon:before {
                    background-color: #747474;
                }

                .drawer-hamburger-icon:before {
                    top: -8px;
                }

                .drawer-hamburger-icon:after {
                    top: 8px;
                }

                .drawer-navbar #menu_text {
                    margin-top: 12px;
                    display: inline-block;
                    font-size: 0.5rem;
                    font-weight: bold;
                    color: #747474;
                }

                .drawer-open .drawer-navbar-header {
                    box-shadow: 0px 0px 5px 2px #DDD;
                }

                .drawer-open .drawer-hamburger {
                    padding-bottom: 2rem;
                }

                .drawer-open .drawer-hamburger-icon {
                    margin-top: 15px;
                }

                .drawer-open #menu_text {
                    display: none;
                }

                .drawer-nav {
                    width: 100%;
                }

                .drawer--right .drawer-nav {
                    right: -100%;
                }

                .drawer-navbar ul li {
                    border-bottom: solid 1px #CCC;
                }

                .drawer-navbar ul li a {
                    display: block;
                    text-align: center;
                    color: #000;
                    padding: 1.5em 0;
                    text-decoration: none;
                    font-size: 5vw;
                }

                .drawer-navbar ul li a:hover {
                    text-decoration: none;
                }

                a.more {
                    width: 33%;
                    font-size: 3vw;
                }

                span.anchor {
                    top: -3.75rem;
                }

                body {
                    min-width: inherit;
                    margin-top: 3.75rem;
                    font-size: 4vw;
                }

                .header_fixed header {
                    padding: 0;
                }

                nav.gnav ul li a::after {
                    display: none;
                }

                .inner_content {
                    width: 100%;
                }

                img {
                    max-width: 100%;
                }

                .drawer-navbar {
                    z-index: 100;
                }

                #home_top_link div a,
                #home_system>div a,
                #home_news>a,
                #home_schedule>a,
                #home_interview>a,
                #foot_recruit ul li a {
                    width: 62%;
                    height: 50px;
                    line-height: 50px;
                }

                #home_main_img {
                    background-image: url(../images/img_recruit_top_sp.jpg);
                    background-size: cover;
                    background-position: center;
                }

                #home_main_img,
                #home_main_img>section div {
                    height: 75vw;
                }

                #home_main_img h1 {
                    margin: 0 0 5vw;
                    font-size: 6vw;
                }

                #home_main_img h2 {
                    font-size: 3vw;
                }

                #home_main_img>div {
                    padding: 20% 0 0%;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    position: absolute;
                }

                #home_main_img>div img {
                    margin-bottom: 5%;
                    width: 45%;
                }

                #home_main_img>div h1 {
                    font-size: 5vw;
                }

                #home_main_img>div>a {
                    display: none;
                }

                #home_main_img>div>.scroll {
                    bottom: 10px;
                    font-size: 3vw;
                }

                #home_main_img>section #bg-video {
                    min-width: inherit;
                    min-height: inherit;
                    width: 100%;
                }

                #home_top_link {
                    margin-top: 15%;
                }

                #home_top_link div {
                    position: static;
                }

                #home_top_link div a {
                    margin: 0 2.5% 5% 2.5%;
                    width: 40%;
                }

                #home_system {
                    margin: 10% 0;
                    padding: 0 3%;
                }

                #home_system>div {
                    width: 100%;
                    float: none;
                }

                #home_system>div:last-child {
                    margin-left: 0;
                }

                #home_schedule {
                    width: 100%;
                    margin-bottom: 0;
                }

                #home_system {
                    background: none;
                }

                #home_system>div h2 {
                    font-size: 10vw;
                    margin-bottom: 5%;
                }

                #home_system>div h3 {
                    font-size: 5vw;
                    margin-bottom: 12%;
                }

                #home_system>div a {
                    margin-bottom: 20%;
                }

                #home_day {
                    margin: 10% 3%;
                    background: none;
                }

                #home_day iframe {
                    max-width: 100%;
                    width: 100%;
                    height: 60vw;
                }

                #home_news {
                    padding: 0 3%;
                }

                #home_interview {
                    padding: 0 3%;
                }

                #home_interview>section {
                    justify-content: space-around;
                    margin-bottom: 10%;
                }

                #home_interview>section>div {
                    /* width: 44%; */
                    margin: 0 3% 10%;
                }

                #home_interview>section>div img {
                    margin-bottom: 5vw;
                }

                #home_interview>section>div p {
                    padding: 0 5vw 4vw;
                    font-size: 3vw;
                    text-align: center;
                }

                #home_interview>section>div h2 {
                    padding: 0 5vw 5vw;
                    font-size: 5vw;
                    text-align: center;
                }

                #home_interview>section>div h2 span {
                    font-size: 3vw;
                    margin-top: 2vw;
                    line-height: 1.4;
                }

                table.briefing-schedule {
                    text-align: left;
                }

                table.briefing-schedule,
                table.briefing-schedule tbody,
                table.briefing-schedule tr,
                table.briefing-schedule tr th,
                table.briefing-schedule tr td {
                    display: block;
                    box-sizing: border-box;
                    min-width: inherit;
                    max-width: inherit;
                    line-height: 1.0;
                }

                table.briefing-schedule tr {
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    padding: 6%;
                }

                table.briefing-schedule tr th {
                    padding: 0;
                }

                table.briefing-schedule tr td {
                    padding: 0;
                }

                table.briefing-schedule tr td:nth-child(2) {
                    padding: 0;
                }

                table.briefing-schedule tr td:nth-child(4) {
                    width: 100%;
                    border-top: solid 1px #CCC;
                    margin-top: 4%;
                    padding-top: 4%;
                    line-height: 1.7;
                }

                table.briefing-schedule tr td:nth-child(5) {
                    padding: 2% 0 0 0;
                    width: 100%;
                }

                table.briefing-schedule tr td a {
                    width: 90%;
                    font-size: 4vw;
                    line-height: 1.0;
                    padding: 0.7em 1em;
                }

                .news_archive article>section {
                    margin-bottom: 15%;
                }

                .news_archive article>section,
                .news_archive article>section:nth-child(3n) {
                    border: none;
                }

                .news_archive article>section a {
                    width: 100%;
                    box-sizing: border-box;
                    padding: 0;
                    font-size: 4vw;
                }

                .news_archive article>section a p.date {
                    margin-bottom: 4%;
                    font-size: 3vw;
                }

                .news_archive article>section a h2 {
                    line-height: 1.7;
                    margin-bottom: 5%;
                    font-size: 4vw;
                }

                #headline {
                    height: 0;
                    padding-bottom: 40%;
                }

                #headline h1 {
                    padding-top: 12%;
                    font-size: 7vw;
                }

                #headline h1 span {
                    padding-top: 5%;
                    font-size: 5vw;
                }

                h1.title {
                    font-size: 6vw;
                    text-align: center;
                    margin-bottom: 15%;
                }

                h1.title span {
                    font-size: 4vw;
                    margin-top: 4%;
                }

                .page.about #about {
                    margin: 15% 6%;
                    line-height: 2.0;
                }

                .page.about #about h1 {
                    font-size: 5vw;
                    margin-bottom: 10%;
                    text-align: left;
                    line-height: 1.5;
                }

                .page.about #about p {
                    font-size: 3.8vw;
                    text-align: left;
                }

                .page.about #about p br {
                    display: none;
                }

                .page.about #message>div,
                .page.about #message>p,
                .page.about #benefits,
                .page.about #course>div ul {
                    width: auto;
                }

                .page.about #message {
                    padding: 10% 0;
                }

                .page.about #message>div {
                    padding: 10%;
                    background-size: 100%;
                    min-height: inherit;
                    margin-bottom: 0;
                    background-image: url(../images/bg_about_message_sp.jpg);
                }

                .page.about #message>div h1 {
                    font-size: 10vw;
                    margin-bottom: 90%;
                }

                .page.about #message>div h1 span {
                    font-size: 5vw;
                    margin-top: 5%;
                }

                .page.about #message>div h2 {
                    font-size: 5vw;
                }

                .page.about #message>p {
                    width: 80%;
                }

                .page.about #benefits,
                .page.about #info {
                    padding: 3% 6%;
                    width: auto;
                }

                .page.about #benefits>h1 {
                    font-size: 10vw;
                    margin-bottom: 10%;
                }

                .page.about #benefits>h2 {
                    text-align: center;
                    font-size: 5vw;
                    margin: 15% 0 10%;
                }

                .page.about #benefits>p {
                    font-size: 4vw;
                    margin-bottom: 15%;
                    padding-bottom: 12%;
                }

                .page.about #course {
                    padding-top: 10%;
                }

                .page.about #course>p {
                    padding: 0 6%;
                }

                .page.about #course>h1,
                .page.about #benefits h1,
                .page.about #info h1 {
                    font-size: 10vw;
                    margin-bottom: 10%;
                }

                .page.about #course>h1 span,
                .page.about #benefits h1 span,
                .page.about #info h1 span {
                    font-size: 5vw;
                    margin-top: 5%;
                }

                .page.about #course>div {
                    background-size: cover;
                    padding: 6%;
                }

                .page.about #course>div ul li {
                    margin-bottom: 5%;
                    width: 100%;
                }

                .page.about #course>div ul li span {
                    font-size: 4vw;
                    padding: 0 5.5vw;
                }

                .page.about #course>div ul li a {
                    width: 100%;
                    height: 0;
                    padding-top: 40%;
                    padding-bottom: 60%;
                    font-size: 4.5vw;
                    background-size: 100%;
                }

                .page.about #course>div ul li a::after {
                    bottom: 15%;
                    font-size: 7vw;
                }

                .page.system main h1.title {
                    font-size: 10vw;
                }

                .page.system main h1.title span {
                    font-size: 5vw;
                    margin-top: 5%;
                }

                .page.system #system-training {
                    padding: 20% 3%;
                }

                .page.system #system-training p {
                    font-size: 4vw;
                    margin: 0 5% 15%;
                }

                .page.system #system-welfare ul {
                    width: auto;
                }

                .page.system #system-welfare ul li {
                    margin-bottom: 3%;
                }

                .page.system #system-welfare ul li span {
                    display: block;
                    margin-left: 1em;
                }

                .page.system #system-training>section>div img {
                    width: 100%;
                }

                .page.system #system-training>section>div img.left,
                .page.system #system-training>section>div img.right {
                    float: none;
                }

                .page.system #system-training>section>div h2 {
                    padding: 8% 0 6%;
                    font-size: 6vw;
                }

                .page.system #system-training>section>div p {
                    padding: 0 0% 10%;
                }

                .page.system #system-welfare {
                    padding: 10% 6%;
                }

                .page.system #system-welfare p {
                    margin-bottom: 15%;
                }

                .title-bl {
                    font-size: 4vw;
                }

                .title-bl::before {
                    width: 2.5vw;
                    height: 8vw;
                    margin: 2vw 3vw 3vw 0;
                }

                body.archive #news>p {
                    margin: 15% 3% 20%;
                }

                .news_archive article {
                    padding: 0 5%;
                    box-sizing: border-box;
                }

                nav.pagination {
                    margin: 10% 0 20%;
                }

                nav.pagination .page-numbers {
                    font-size: 4vw;
                    width: 10vw;
                    height: 10vw;
                    line-height: 10vw;
                    margin: 0 1%;
                }

                body.single #single {
                    margin: 10% auto 15%;
                    padding: 0 5%;
                    box-sizing: border-box;
                }

                body.single #single article {
                    float: none;
                    width: auto;
                    font-size: 4vw;
                    margin-bottom: 20%;
                }

                body.single #single article p.date {
                    font-size: 3vw;
                    margin-bottom: 5%;
                }

                body.single #single article h1 {
                    font-size: 5vw;
                    margin-bottom: 10%;
                }

                body.single #single #sidebar {
                    float: none;
                    width: auto;
                }

                body.single #single #sidebar h1 {
                    font-size: 5vw;
                    font-weight: bold;
                    color: #f08855;
                    text-align: center;
                    border-top: dashed 1px #CCC;
                    border-bottom: dashed 1px #CCC;
                    padding: 10% 0;
                    letter-spacing: 0.1em;
                    margin-bottom: 10%;
                }

                body.single #single #sidebar>section a img {
                    width: 25%;
                }

                body.single #single #sidebar>section a h2 {
                    font-size: 3vw;
                }

                body.single #single #sidebar>section a p,
                body.single #single #sidebar>section a h2 {
                    width: 70%;
                }

                .page.interview #interview {
                    width: auto;
                    margin: 10% auto;
                }

                .page.interview #interview>section {
                    min-height: inherit;
                    margin-bottom: 15%;
                }

                .page.interview #interview>section>img {
                    position: inherit;
                }

                .page.interview #interview>section>div {
                    width: 76%;
                    padding: 7%;
                    margin: 0px auto;
                    position: relative;
                    top: -5vw;
                }

                .page.interview #interview>section>div h3 {
                    font-size: 3vw;
                    line-height: 3.0;
                }

                .page.interview #interview>section>div h3 b {
                    font-size: 3vw;
                    padding: 0 5%;
                    margin-right: 0;
                }

                .page.interview #interview>section>div h3 span {
                    display: block;
                }

                .page.interview #interview>section>div h2 {
                    font-size: 4vw;
                    line-height: 1.7;
                    margin: 5% 0 10%;
                }

                .page.interview #interview>section>div h2 span {
                    font-size: 3vw;
                    margin-left: 1em;
                }

                .page.interview #interview>section>div p {
                    font-size: 3vw;
                }

                .page.interview #interview>section {
                    position: relative;
                    min-height: inherit;
                    margin-bottom: 15%;
                }

                .page.briefing-schedule #list {
                    width: auto;
                }

                .page.briefing-schedule #list nav {
                    margin: 7% 5% 4%;
                    font-size: 3vw;
                }

                .page.briefing-schedule #list nav ul li {
                    margin-bottom: 3%;
                }

                .page.briefing-schedule #list nav ul li a {
                    min-width: 3em;
                    text-align: center;
                    padding: 2vw 3vw;
                    height: inherit;
                    line-height: inherit;
                    font-size: 4vw;
                }

                .page.briefing-schedule #list table {
                    margin-bottom: 10%;
                }

                .page.entry #info {
                    width: auto;
                    padding: 0 5%;
                }

                .page.entry #info h1 {
                    font-size: 10vw;
                    margin: 15% auto 10%;
                }

                .page.entry #info h2 {
                    font-size: 4vw;
                    margin-bottom: 10%;
                }

                .page.entry #info h3 {
                    margin: 10% auto 3%;
                }

                .page.entry #info p {
                    margin-bottom: 7%;
                }

                .page.entry #info p b {
                    font-size: 4vw;
                }

                .page.entry #info p b br {
                    display: none;
                }

                .page.entry #info table {
                    margin-bottom: 30%;
                }

                .page.entry #info table tr th {
                    width: 6em;
                }

                .page.entry #info table tr td {
                    padding: 5%;
                }

                .page #form {
                    width: auto;
                    margin: 15% auto 30%;
                    padding: 0 5%;
                    overflow: hidden;
                }

                .page #form h1 {
                    font-size: 10vw;
                    margin-bottom: 10%;
                }

                .page #form h1+p {
                    font-size: 3.5vw;
                    margin-bottom: 15%;
                }

                #form>p {
                    line-height: 2.0;
                    margin: 15% 0;
                }

                #form {
                    width: 82%;
                    margin-bottom: 15%;
                }

                #form table {
                    margin-bottom: 0;
                }

                #form table,
                #form table tbody,
                #form table tr,
                #form table tr th,
                #form table tr td {
                    display: block;
                    border: none;
                }

                #form table tr th {
                    width: 100%;
                    font-size: 4vw;
                    padding-bottom: 5%;
                }

                #form table tr td {
                    padding-bottom: 15%;
                }

                #form table tr td input,
                #form table tr td select,
                #form table tr td textarea {
                    font-size: 4vw;
                    box-sizing: border-box;
                }

                #form #agree {
                    font-size: 3vw;
                    padding: 5%;
                }

                #form #acceptance {
                    font-size: 3.5vw;
                    margin: 15% auto 20%;
                }

                #form #acceptance input[type="checkbox"] {
                    width: 3.5vw;
                    height: 3.5vw;
                    margin: 0 0.7em 0 0;
                }

                #form #submit input {
                    width: 70%;
                    line-height: 3.5;
                    font-size: 5vw;
                }

                .page #form table {
                    font-size: 4vw;
                    line-height: 7vw;
                    margin-bottom: 5%;
                }

                .page #form table tr th {
                    width: auto;
                    padding: 5% 0;
                }

                .page #form table tr th span.space {
                    display: none;
                }

                .page #form table tr td {
                    padding: 0 0 5%;
                }

                .page #form table tr th span {
                    font-size: 3vw;
                    width: 10vw;
                    line-height: 7vw;
                    margin-right: 1em;
                }

                .page #form table tr td input[type="text"],
                .page #form table tr td input[type="number"],
                .page #form table tr td input[type="email"],
                .page #form table tr td input[type="tel"] {
                    height: 12vw;
                    line-height: 12vw;
                    font-size: 4vw;
                }

                .page #form table tr.birth td input {
                    width: 4em;
                    margin: 0 3% 0 5%;
                }

                .page #form #agree {
                    font-size: 3vw;
                    padding: 5%;
                }

                .page #form #acceptance {
                    font-size: 4vw;
                    margin: 10% auto;
                }

                #form #submit input {
                    width: 70%;
                }

                #foot_recruit {
                    padding: 15% 0 15%;
                }

                #foot_recruit ul li {
                    margin: 0 0 5%;
                    width: 100%;
                    text-align: center;
                }

                #foot_recruit ul li a {
                    font-size: 4vw;
                }

                footer {
                    padding: 0;
                }

                footer a.logo {
                    width: 70%;
                    margin: 8% auto;
                    display: block;
                    float: none;
                }

                footer ul,
                footer ul li {
                    float: none;
                    line-height: inherit;
                }

                footer ul li:first-child a {
                    margin-right: 0;
                    padding-right: 0;
                    border-right: none;
                }

                footer>nav {
                    background: #f8f8f8;
                    text-align: center;
                }

                footer>nav li {
                    border-top: solid 1px #CCC;
                }

                footer>nav li a {
                    display: block;
                    padding: 1.0em 0;
                    font-weight: bold;
                    font-size: 4vw;
                    border: none;
                    margin: 0;
                }

                footer>nav li.recruit1,
                footer>nav li.recruit2,
                footer>nav li.recruit3 {
                    border-top: none;
                }

                footer>nav li.recruit1 a,
                footer>nav li.recruit2 a,
                footer>nav li.recruit3 a {
                    color: #FFF;
                    padding: 1.5em 0;
                    font-weight: normal;
                }

                footer>nav li.recruit1 a {
                    background: linear-gradient(to top right, #ea5f5f, #e93a3a);
                }

                footer>nav li.recruit2 a {
                    background: linear-gradient(to top right, #eaa15f, #f19931);
                }

                footer>nav li.recruit3 a {
                    background: linear-gradient(to top right, #62c1bb, #30b4ac);
                }

                footer>ul {
                    float: none;
                    line-height: 1.0;
                    background: #000;
                    color: #FFF;
                    padding: 3% 0 7%;
                }

                footer>ul li {
                    float: none;
                    text-align: center;
                }

                footer>ul li a {
                    text-decoration: none;
                    padding: 3% 0;
                    display: block;
                    border: none;
                    margin: 0;
                }

                footer>ul li:nth-child(2),
                footer>ul li:nth-child(3) {
                    width: 50%;
                    float: left;
                }

                footer>ul li#copyright {
                    clear: both;
                    float: none;
                    margin: 0;
                    display: block;
                    text-align: center;
                    margin-top: 15%;
                }

                footer>ul li a {
                    color: #FFF;
                }
            }

            /*202402追加*/
            .page.online-briefing-form #form table tr.birth td input,
            .page.training-briefing-form #form table tr.birth td input {
                width: 9em;
            }

            .page.briefing-schedule #mid {
                margin-top: 100px;
                text-align: center;
                line-height: 1.7;
            }

            .page.briefing-schedule #mid .wrap {
                margin-bottom: 50px;
                display: inline-block;
                text-align: left;
            }

            .page.briefing-schedule #mid h2 {
                font-size: 30px;
                margin: 1rem auto;
            }

            .page.briefing-schedule #mid ul {
                display: inline-block;
                margin-top: 1rem;
            }

            .page.briefing-schedule #mid ul li {
                text-align: left;
            }

            .page.briefing-schedule #mid .btn {
                margin-top: 2em;
                text-align: center;
            }

            .page.briefing-schedule #mid .btn a.link {
                width: 180px;
                line-height: 50px;
                text-align: center;
            }

            @media screen and (max-width: 768px) {
                .page.briefing-schedule #mid {
                    padding: 3% 6%;
                    text-align: left;
                }

                .page.briefing-schedule #mid h2 {
                    font-size: 5vw;
                }
            }

            @media screen and (min-width: 769px) {
                .page.briefing-schedule #mid .wrap {
                    width: 580px;
                }
            }

            /*202402 インタビューページ更新*/
            .page.interview #interview>section>div {
                top: 20px;
                z-index: 2;
                width: 700px;
            }

            .page.interview #interview>section {
                min-height: 360px;
            }

            @media screen and (max-width: 768px) {
                .page.interview #interview>section>div {
                    width: 76%;
                    padding: 7%;
                    margin: 0px auto;
                    position: relative;
                    top: -5vw;
                }

                .page.interview #interview>section>img {
                    left: calc(50vw - 180px) !important;
                }
            }

            /*中途説明会フォーム*/
            .briefing-form #form p {
                margin-top: 0;
            }

            /*202406 募集要項追加 */
            .page.entry #info table tr td small {
                display: inline-block;
                line-height: 1.75;
            }

            .page.entry #info table tr td ul {
                margin-left: 1em;
            }

            .page.entry #info table tr td ul li {
                list-style-type: disc;
                line-height: 1.75;
                margin-bottom: 0.5em;
            }

            .page.entry #info table tr td #mid {
                margin-bottom: 2.5rem;
            }

            .page.entry #info table tr td h4 {
                color: #f08955;
                font-size: 130%;
                margin-bottom: 1em;
                border-bottom: 1px solid;
                width: 4em;
            }

            /*202407改修*/
            /*取得できるコース*/
            .page.about #course div {
                background-repeat: repeat-y;
            }

            .page.about #course div ul li .course_img,
            .page.about #course div ul li span {
                padding: 10px;
            }

            .page.about #course div ul li .course_img img {
                width: 100%;
            }

            @media screen and (min-width: 769px) {
                .page.about #course div ul li {
                    width: calc(50% - 1em);
                    margin-bottom: 2em;
                }

                .page.about #course div ul li:nth-child(2n) {
                    margin-left: 1em;
                }
            }

            @media screen and (max-width: 768px) {
                .page.about #course p {
                    text-align: left;
                }
            }

            /*研修の様子*/
            #training #about {
                text-align: center;
                margin: 120px 0 30px;
                letter-spacing: 0.1em;
            }

            #training #about h2 {
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 60px;
            }

            #training #about p {
                font-size: 16px;
                line-height: 2.0;
                margin-bottom: 60px;
            }

            #training #about .video {
                max-width: 500px;
                margin: 0 auto;
            }

            #training #about .video_content {
                position: relative;
                width: 100%;
                height: 0;
                padding-bottom: 56.25%;
                overflow: visible;
            }

            #training #about .video_content iframe {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
            }

            #training #flow {
                width: 800px;
                margin: 0 auto;
                padding: 60px 0;
            }

            #training #flow h4 {
                font-size: 24px;
                color: #F08855;
                font-weight: bold;
                margin-bottom: 1em;
            }

            #training #flow .flow_wrap {
                margin-top: 40px;
            }

            #training #flow .flow_wrap p {
                font-size: 16px;
                line-height: 1.7;
                margin-bottom: 1em;
            }

            #training #flow .flow_wrap .flow_img {
                margin-bottom: 1em;
            }

            #training #flow .flow_wrap .flow_img li {
                display: inline-block;
                width: calc(50% - 1em);
            }

            #training #flow .flow_wrap .flow_img li:nth-child(2n) {
                margin-left: 1em;
            }

            #training #flow .flow_wrap .flow_img li img {
                width: 100%;
            }

            @media screen and (max-width: 768px) {
                #training #about {
                    margin: 15% 6%;
                    line-height: 2.0;
                }

                #training #about h2 {
                    font-size: 5.25vw;
                    margin-bottom: 10%;
                    text-align: left;
                    line-height: 1.5;
                }

                #training #about p {
                    font-size: 3.8vw;
                    text-align: left;
                    margin-bottom: 10%;
                }

                #training #flow {
                    width: auto;
                    padding: 0 5%;
                }

                #training #flow h4 {
                    font-size: 4vw;
                }

                #training #flow .flow_wrap {
                    margin-top: 3%;
                    margin-bottom: 10%;
                }

                #training #flow .flow_wrap p {
                    font-size: 3.8vw;
                }

                #training #flow .flow_wrap .flow_img li {
                    width: calc(50% - 0.5em);
                }

                #training #flow .flow_wrap .flow_img li:nth-child(2n) {
                    margin-left: 0.5em;
                }
            }

            /*募集要項*/
            #info .info_wrap h4 {
                font-size: 24px;
                color: #F08855;
                font-weight: bold;
                margin-bottom: 1em;
            }

            #info .info_wrap h2.title-bl {
                margin-bottom: 1em;
            }

            #info .info_wrap {
                margin-top: 40px;
            }

            #info .info_wrap p {
                font-size: 16px;
                line-height: 1.7;
                margin-bottom: 1em;
            }

            #info .info_wrap .info_img {
                margin-bottom: 1em;
            }

            #info .info_wrap .info_img li {
                display: inline-block;
                width: calc(50% - 1em);
            }

            #info .info_wrap .info_img li:nth-child(2n) {
                margin-left: 1em;
            }

            #info .info_wrap .info_img li img {
                width: 100%;
            }

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

                #info .info_wrap h4 {
                    font-size: 4vw;
                }

                #info .info_wrap {
                    margin-top: 3%;
                    margin-bottom: 10%;
                }

                #info .info_wrap p {
                    font-size: 3.8vw;
                }

                #info .info_wrap .info_img li {
                    width: calc(50% - 0.5em);
                }

                #info .info_wrap .info_img li:nth-child(2n) {
                    margin-left: 0.5em;
                }
            }

            /*説明会日程→採用情報*/
            .page.briefing-schedule p {
                line-height: 1.7;
            }

            .page.briefing-schedule #head_menu {
                text-align: center;
                background-color: #F0F0F0;
            }

            .page.briefing-schedule #head_menu ul li {
                display: inline-block;
                padding: 1em;
            }

            .page.briefing-schedule #head_menu ul li a {
                font-size: 20px;
                color: #333333;
                padding: 1em;
                text-decoration: none;
                font-weight: bold;
            }

            .page.briefing-schedule #head_menu ul li a .arrow_btn {
                content: "";
                display: inline-block;
                vertical-align: middle;
                color: #F08855;
                line-height: 1;
                width: 0.5em;
                height: 0.5em;
                border: 0.15em solid;
                border-left: 0;
                border-bottom: 0;
                box-sizing: border-box;
                transform: translateY(-25%) rotate(135deg);
                margin-left: 0.5em;
            }

            @media screen and (max-width: 767px) {
                .page.briefing-schedule #head_menu ul li a {
                    font-size: 3vw;
                }
            }

            /*選考プロセス*/
            .page.briefing-schedule .process {
                text-align: center;
                margin: 30px auto;
                max-width: 780px;
            }

            .page.briefing-schedule .process li {
                display: inline-block;
                width: calc(50% - 1em);
            }

            .page.briefing-schedule .process li a {
                display: inline-block;
                text-decoration: none;
                width: 100%;
                background-color: #FEF9F6;
                border: 1px solid #F08855;
                font-size: 24px;
                font-weight: bold;
                color: #333333;
            }

            .page.briefing-schedule .process li.calendar a {
                background: #FEF9F6 url(../images/ico_calendar.png) no-repeat right 0.5em bottom 1.5em;
                background-size: 25%;
            }

            .page.briefing-schedule .process li.facetoface a {
                background: #FEF9F6 url(../images/ico_facetoface.png) no-repeat right 0.5em bottom 2em;
                background-size: 25%;
            }

            .page.briefing-schedule .process li a .catch {
                font-size: 14px;
                color: #F08855;
                display: inline-block;
                line-height: 1.35;
                padding: 2rem 0 1em;
            }

            .page.briefing-schedule .process li a .ttl {
                padding-bottom: 2rem;
                display: inline-block;
            }

            .page.briefing-schedule .process li:nth-child(2n) a {
                margin-left: 1em;
            }

            .page.briefing-schedule .process li a .arrow_btn {
                content: "";
                display: block;
                width: 100%;
                height: 1.25em;
                background-color: #F08855;
                position: relative;
            }

            .page.briefing-schedule .process li .arrow_btn::after {
                content: "";
                position: absolute;
                top: 0.35em;
                left: calc(50% - 0.25em);
                display: inline-block;
                vertical-align: middle;
                color: #FFF;
                line-height: 1;
                width: 0.5em;
                height: 0.5em;
                border: 0.13em solid;
                border-left: 0;
                border-bottom: 0;
                box-sizing: border-box;
                transform: translateY(-25%) rotate(135deg);
            }

            @media screen and (max-width: 767px) {
                .page.briefing-schedule .process li {
                    width: 100%;
                }

                .page.briefing-schedule .process li a {
                    font-size: 5vw;
                }

                .page.briefing-schedule .process li:nth-child(2n) a {
                    margin-left: 0;
                    margin-top: 1em;
                }
            }

            /*採用フロー*/
            .page.briefing-schedule .flow h2 {
                font-size: 30px;
                font-weight: bold;
                color: #333333;
                margin: 110px auto 30px;
                text-align: center;
            }

            .page.briefing-schedule .flow p {
                text-align: center;
            }

            .page.briefing-schedule .flow .flow_wrap {
                max-width: 800px;
                margin: 0 auto;
                text-align: left;
                padding-top: 100px;
            }

            .page.briefing-schedule .flow .flow_wrap h3 {
                margin-bottom: 1em;
            }

            .page.briefing-schedule .flow .flow_wrap p {
                text-align: left;
            }

            .page.briefing-schedule .flow .flow_wrap h4 {
                font-size: 24px;
                font-weight: bold;
                color: #F08855;
                margin: 2em 0 1em;
            }

            .page.briefing-schedule .flow .flow_wrap .merit li {
                line-height: 1.7;
                padding-bottom: 0.5em;
            }

            .page.briefing-schedule .flow .flow_wrap .merit li .point {
                border-bottom: 1px solid #F08855;
                padding-bottom: 0.15em;
                font-weight: bold;
            }

            .page.briefing-schedule .flow .flow_wrap .step_wrap {
                position: relative;
                background-color: #FCE8DE;
                padding: 1.7em;
                margin-top: 85px;
                background-size: 100px;
                background-repeat: no-repeat;
                background-position: right 1.7em bottom 1.7em;
            }

            .page.briefing-schedule .flow .flow_wrap .step_wrap:nth-of-type(2n) {
                background-color: #FEF9F6;
            }

            .page.briefing-schedule .flow .flow_wrap .entry {
                background-image: url(../images/ico_entry.png);
            }

            .page.briefing-schedule .flow .flow_wrap .comment {
                background-image: url(../images/ico_comment.png);
            }

            .page.briefing-schedule .flow .flow_wrap .hand {
                background-image: url(../images/ico_hand.png);
            }

            .page.briefing-schedule .flow .flow_wrap .briefing {
                background-image: url(../images/ico_briefing.png);
            }

            .page.briefing-schedule .flow .flow_wrap .shop {
                background-image: url(../images/ico_shop.png);
            }

            .page.briefing-schedule .flow .flow_wrap .web {
                background-image: url(../images/ico_web.png);
            }

            .page.briefing-schedule .flow .flow_wrap .interview {
                background-image: url(../images/ico_interview.png);
            }

            .page.briefing-schedule .flow .flow_wrap .resume {
                background-image: url(../images/ico_resume.png);
                background-size: 75px;
            }

            .page.briefing-schedule .flow .flow_wrap .step_wrap:after {
                content: "";
                position: absolute;
                top: -55px;
                left: calc(50% - 1em);
                display: inline-block;
                vertical-align: middle;
                color: #F08855;
                line-height: 1;
                width: 2em;
                height: 2em;
                border: 0.25em solid currentColor;
                border-left: 0;
                border-bottom: 0;
                box-sizing: border-box;
                transform: translateY(-25%) rotate(135deg);
            }

            .page.briefing-schedule .flow .flow_wrap #first:after {
                content: none;
            }

            .page.briefing-schedule .flow .flow_wrap .step_wrap h4 {
                color: #333;
                margin: 0;
                line-height: 1.7;
            }

            .page.briefing-schedule .flow .flow_wrap .step_wrap h4 .step {
                position: absolute;
                color: #F08855;
                top: -0.8em;
            }

            .page.briefing-schedule .flow .flow_wrap .step_wrap p {
                padding-top: 1em;
            }

            .page.briefing-schedule .flow .flow_wrap .step_wrap p .point {
                font-weight: bold;
            }

            .page.briefing-schedule .flow .flow_wrap .step_wrap .entry_wrap {
                display: inline-block;
                margin: 1rem 1rem 0 0;
            }

            .page.briefing-schedule .flow .flow_wrap .step_wrap .entry_wrap img {
                max-width: 240px;
            }

            @media screen and (max-width: 767px) {
                .page.briefing-schedule .flow {
                    padding: 3% 6%;
                }

                .page.briefing-schedule .flow p,
                .page.briefing-schedule .flow .flow_wrap .merit li {
                    text-align: left;
                    font-size: 3.8vw;
                }

                .page.briefing-schedule .flow h2 {
                    font-size: 5vw;
                    margin: 15% 0 5%;
                }

                .page.briefing-schedule .flow .flow_wrap {
                    padding-top: 60px;
                }

                .page.briefing-schedule .flow .flow_wrap h3 {
                    font-size: 5vw;
                    margin-bottom: 0;
                }

                .page.briefing-schedule .flow .flow_wrap h4 {
                    font-size: 5vw;
                }

                .page.briefing-schedule .flow .flow_wrap .step_wrap {
                    padding: 6%;
                }
            }

            /*エントリー*/
            .page.briefing-schedule .entry h2 {
                font-size: 55px;
                font-weight: bold;
                text-align: center;
                margin-top: 110px;
                line-height: 1.7;
            }

            @media screen and (max-width: 767px) {
                .page.briefing-schedule .entry h2 {
                    font-size: 10vw;
                    margin-top: 15%;
                }
            }

            /*新卒採用エントリー*/
            .page.briefing-schedule #new_entry {
                text-align: center;
                padding-bottom: 110px;
            }

            .page.briefing-schedule #new_entry .wrap {
                display: inline-block;
                margin: 1rem auto;
                text-align: center;
                padding: 1rem;
            }

            @media screen and (max-width: 767px) {
                .page.briefing-schedule #new_entry {
                    padding-bottom: 15%;
                }

                .page.briefing-schedule #new_entry .wrap {
                    margin-bottom: 0;
                    padding-bottom: 0;
                }
            }

            /*中途採用フローー*/
            .page.briefing-schedule #mid_flow {
                border-top: 5px solid #F8F8F8;
            }

            .page.briefing-schedule #mid_flow .flow_wrap {
                padding-top: 0;
            }

            /*中途採用エントリー*/
            .page.briefing-schedule #mid_entry {
                margin-top: 100px;
                text-align: center;
                line-height: 1.7;
            }

            .page.briefing-schedule #mid_entry .wrap {
                margin-bottom: 50px;
                display: inline-block;
                text-align: left;
            }

            .page.briefing-schedule #mid_entry h3 {
                font-size: 30px;
                margin: 1rem auto;
            }

            .page.briefing-schedule #mid_entry ul {
                display: inline-block;
                margin-top: 1rem;
            }

            .page.briefing-schedule #mid_entry ul li {
                text-align: left;
            }

            .page.briefing-schedule #mid_entry .btn {
                margin-top: 2em;
                text-align: center;
            }

            .page.briefing-schedule #mid_entry .btn a.link {
                width: 180px;
                line-height: 50px;
                text-align: center;
            }

            @media screen and (max-width: 768px) {
                .page.briefing-schedule #mid_entry {
                    padding: 3% 6%;
                    text-align: left;
                }

                .page.briefing-schedule #mid_entry h3 {
                    font-size: 5vw;
                }
            }

            @media screen and (min-width: 769px) {
                .page.briefing-schedule #mid_entry .wrap {
                    width: 580px;
                }
            }

            /*スマホヘッダー　エントリーボタン追加*/
            @media screen and (max-width: 767px) {
                .drawer-navbar .drawer-navbar-header .entry_btn {
                    display: inline-block;
                    width: 20%;
                    text-align: center;
                    padding: 0.5em;
                    font-size: 12px;
                    color: #fff;
                    text-decoration: none;
                    position: fixed;
                    top: 1em;
                }

                .drawer-navbar .drawer-navbar-header .entry_btn#briefing {
                    background: linear-gradient(to right, #eaa15f, #f19931);
                    right: calc(80px + 20%);
                }

                .drawer-navbar .drawer-navbar-header .entry_btn#entry {
                    background: #ea5f5f;
                    line-height: 2;
                    right: 60px;
                }
            }

            /*説明会　日程選択*/
            .page #form table tr#briefing_date td input {
                width: 1em;
                height: 1em;
            }