@charset "utf-8";

/* ============================================================== common */
.clb	{clear: both;}
img		{width: 100%;}
.sub {
    background-image: url(../images/common/sub_bg_all.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.mt20	{margin-top: 20px;}
.mb90	{margin-bottom: 90px;}



/* ============================================================== KV */
.sct_kv {
	z-index: 3;
}
.sct_kv.about {
    background-image: url(../images/kv_about_bg.jpg);
}
.sct_kv.message {
    background-image: url(../images/kv_message_bg.jpg);
}
.sct_kv.work {
    background-image: url(../images/kv_work_bg.jpg);
}
.sct_kv.mr {
    background-image: url(../images/kv_work_mr_bg.jpg);
}
.sct_kv.clericalwork {
    background-image: url(../images/kv_work_clericalwork_bg.jpg);
}
.sct_kv.production {
    background-image: url(../images/kv_work_production_bg.jpg);
}
.sct_kv.facilitymanagement {
    background-image: url(../images/kv_work_facilitymanagement_bg.jpg);
}
.sct_kv.quality {
    background-image: url(../images/kv_work_quality_bg.jpg);
}
.sct_kv.pharmaceutical_department {
    background-image: url(../images/kv_work_pharmaceutical_department_bg.jpg);
}
.sct_kv.interview {
    background-image: url(../images/kv_interview_bg.jpg);
}
.sct_kv.interview-index {
    background-image: url(../images/kv_interview_bg.jpg);
}
.sct_kv.recruitment {
    background-image: url(../images/kv_recruitment_bg.jpg);
}
.sct_kv.system {
    background-image: url(../images/kv_system_bg.jpg);
}
.sct_kv.entry {
    background-image: url(../images/kv_entry_bg.jpg);
}
.sct_kv.faq {
    background-image: url(../images/kv_faq_bg.jpg);
}
.sct_kv.news {
    background-image: url(../images/kv_news_bg.jpg);
}
.sct_kv.policy {
    background-image: url(../images/kv_policy_bg.jpg);
}
.sct_kv.sitemap {
    background-image: url(../images/kv_sitemap_bg.jpg);
}

.sct.sct_kv.sct_kv_wp.message ,
.sct.sct_kv.sct_kv_wp.interview {
	display: none!important;
}
.sct_path.message ,
.sct_path.interview {
    margin-top: 2em;
}



@media screen and (max-width: 767px){
.sct_kv.interview {
    background-position-x: 60%;
	}
.sct_kv.about {
    background-position-x: 32%;
	}
	}
.sct_kv.work {
    background-position-x: 30%;
	}
.sct_kv.mr {
    background-position-x: 68%;
	}
.sct_kv.clericalwork {
    background-position-x: 68%;
	}
.sct_kv.production {
    background-position-x: 32%;
	}
.sct_kv.facilitymanagement {
    background-position-x: 68%;
	}
.sct_kv.quality {
    background-position-x: 50%;
	}
.sct_kv.pharmaceutical_department {
    background-position-x: 60%;
	}
.sct_kv.interview-index {
    background-position-x: 85%;
	}
.sct_kv.recruitment {
    background-position-x: 65%;
	}
.sct_kv.system {
    background-position-x: 59%;
	}
.sct_kv.news {
    background-position-x: 68%;
	}
.sct_kv.faq {
    background-position-x: 70%;
	}
.sct_kv.policy {
    background-position-x: 58%;
	}
.sct_kv.sitemap {
    background-position-x: 80%;
	}
}

/* ============================================================== title */
.sub .sct_ttl.small {font-size: 140%;}
.sub h3.sct_ttl     {font-size: 140%;}
.bf-ttl {
	position: relative;
}
.bf-ttl::before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 3.2em;
    height: calc((250 / 190) * 3.2em);
    top: -2.7em;
    left: -1.2em;
}
.bf-ttl.bf-color02::before {
    background-image: url(../images/common/sub_ttl_bg02.png);
}
.bf-ttl.bf-color03::before {
    background-image: url(../images/common/sub_ttl_bg03.png);
}
.bf-ttl.bf-color04::before {
    background-image: url(../images/common/sub_ttl_bg04.png);
}
.bf-ttl.bf-color05::before {
    background-image: url(../images/common/sub_ttl_bg05.png);
}

@media screen and (max-width: 767px){
.sub .sct_ttl.small {font-size: 130%;}
.sub h3.sct_ttl     {font-size: 130%;}

}


/* ============================================================== 3分でわかる */
#s_01 ,
#s_02 ,
#s_03 {
	padding-top: 120px;
	margin-top: -120px;
}
@media screen and (max-width: 767px){
#s_01 ,
#s_02 ,
#s_03 {
	padding-top: 100px;
	margin-top: -100px;
	}
}


/* ============================================================== 採用代表メッセージ */
@font-face {
  font-family: "MakibaFont13";
  src: url("../font/MakibaFont13.woff2") format("woff2"),
  url("../font/MakibaFont13.woff") format("woff") ,
  url("../font/MakibaFont13.ttf") format("ttf");
}
.sct_wp_01.message {
    padding-top: 4em;
}
.sct_wp_01.message.representative {
    padding-top: 4em;
    margin-bottom: -20em;
}
.message.representative img {
    border-radius: 15px;
}
.message .content {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px;
}
.message.sct_wp_01 .content:first-child .image-box {
	position: relative;
}
.message.sct_wp_01 .content:first-child .image-box img {
    border-radius: 10px;
}
.message.sct_wp_01 .content:first-child .text-box {
	position: relative;
	top: -150px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    padding: 35px 40px 40px 40px;
    left: 0;
    right: 0;
    border-radius: 10px;
}
.message.sct_wp_01.representative .content:first-child  .text-box p {
	margin-bottom: 15px;
}
.message .content .text-box.mb90 {
    margin: 0 auto 120px auto;
}
.message .content .text-box h2 ,
.message .content .text-box p {
	text-align: left;
}
.message.sct_wp_01 .content:first-child .text-box .name-box {
	float: right;
	margin-bottom: 30px;
}
.message.sct_wp_01 .content:first-child .text-box .name-box p {
	margin-bottom: -5px;
}
.message.sct_wp_01 .content:first-child .text-box .name-box p.name {
	font-size: 34px;
	text-align: right;
	font-family: 'Noto Serif JP', serif;
}

.message .content .inleft {
	display: inline-block;
	width: 48%;
	margin-right: 30px;
	vertical-align: top;
	float: left;
}
.message .content .inright {
	display: inline-block;
	width: 46%;
	vertical-align: top;
	float: right;
}

@media screen and (min-width: 768px) and (max-width: 1050px){
.message.representative .content .inleft {
    display: block;
    width: 100%;
    margin-right: 0;
    float: inherit;
	}
.message.representative .content .inright {
    display: block;
    width: 100%;
	margin-top: 15px;
    float: inherit;
	}
body > div.sub > section.sct.sct_wp.sct_wp_02.message.representative > div > div:nth-child(1) > div.inleft > div {
	display: none;
	}
.message.representative .content .image-box.tb01::before {
	content: '';
	display: block;
    background-image: url(../images/message/message02_sp.jpg);
    background-size: cover;
	width: 100%;
	height: 400px;
    margin-top: 15px;
    border-radius: 15px;
	}
.message.representative .content .image-box.tb02::before {
	content: '';
	display: block;
    background-image: url(../images/message/message04.jpg);
    background-size: cover;
	width: 100%;
	height: 400px;
    margin-top: 15px;
    border-radius: 15px;
	}
.message.representative .content .image-box.tb03::before {
	content: '';
	display: block;
    background-image: url(../images/message/message06.jpg);
    background-size: cover;
	width: 100%;
	height: 400px;
    margin-top: 15px;
    border-radius: 15px;
	}
.message.representative .content .image-box.tb.no-image {
	display: none;
	}
}
@media screen and (min-width: 768.0px) and (max-width: 1000px){
.sct_wp_01.message.representative {
    margin-bottom: -16em;
	}
.message.sct_wp_01 .content:first-child .text-box {
    top: -100px;
	}
}
@media screen and (max-width: 767px){
.sct_wp_01.message {
    padding-top: 2em;
	}
.sct_wp_01.message.representative {
    padding-top: 2em;
    margin-bottom: -15em;
	}
.message .content {
	margin-bottom: 90px;
	}
.message.wp_01 .content:first-child .text-box {
    position: inherit;
    width: 95%;
    padding: 25px 10px 20px 10px;
	}
.message.sct_wp_01 .content:first-child .text-box .name-box {
    margin-bottom: 25px;
    position: relative;
    right: 10px;
	}
.message .content .inleft {
    display: block;
    width: 100%;
    margin-right: 0;
    float: inherit;
	}
.message .content .inright {
    display: block;
    width: 100%;
    float: inherit;
	margin-top: 20px;
	}
.message .content .image-box.forsp {
	margin-top: 20px;
	}
.message .content .text-box.mb90 {
    margin: 0 auto 90px auto;
	}

.message.sct_wp_01.representative .content:first-child .text-box {
    padding: 16px 0 0 0;
    top: -60px;
	}
.message.sct_wp_01 .content:first-child .text-box .name-box p.name {
    font-size: 26.8px;
	}
}
@media screen and (min-width: 400px) and (max-width: 767px){
.sct_wp_01.message.representative {
    margin-bottom: -12.5em;
	}
}
@media screen and (max-width: 450px){
.message.sct_wp_01 .content:first-child .text-box .name-box p.name {
    font-size: 22px;
	}
}


/* ============================================================== 職種紹介 */
.sct_wp_01.job.index {
    padding-top: 4em;
}
.job .read-area {
	margin: 0 auto 60px auto;
	padding: 40px;
	background-color: #f6f6f6;
}
.job .job-link-area {
	margin: 60px auto;
	text-align: center;
}
.job .job-link-area h2 {
	margin: 60px auto;
	text-align: left;
}
.job .job-link-area .work-index-colorbox {
	padding: 40px 40px 20px;
	background: rgba(255 ,252 ,236 , .75 );
    border-radius: 20px;
    margin: -20px auto 0 auto;
}
.job.sct_wp_02 .job-link-area .work-index-colorbox {
	padding: 40px 40px 20px;
	background: rgba(244 ,255 ,248 , .75 );
    border-radius: 20px;
    margin: -20px auto 0 auto;
}

.job .job-link-area .content {
	display: inline-block;
	width: 31%;
	vertical-align: top;
	background-color: #b8ddf2;
	margin-bottom: 25px;
	padding: 20px 15px 10px 15px;
    border-radius: 15px;
}
.job .job-link-area .content:nth-child(2n-1) {
	margin-right: 25px;
}
.job .job-link-area .content:nth-child(2) {
	background-color: #d6eee4;
}
.job.sct_wp_02 .job-link-area .content:nth-child(1) {
	background-color: #efd6e1;
}
.job.sct_wp_02 .job-link-area .content:nth-child(2) {
	background-color: #cbeef2;
}
.job.sct_wp_02 .job-link-area .second-box .content:nth-child(1) {
	background-color: #f7e7c2;
}
.job.sct_wp_02 .job-link-area .second-box .content:nth-child(2) {
	background-color: #e2ddf0;
}
.job .job-link-area a.content {
	text-decoration: none;
	color: #000;
}
.job .job-link-area a.content:hover {
	opacity: .85;
	transition: .3s;
}
.job .job-link-area .content .text-box {
    text-align: left;
}
.job .job-link-area .content .job-name {
	margin: 20px auto 15px auto;
    padding: 14px 0 10px 0;
	background-color: #fff;
	text-align: center;
	font-weight: 600;
}
.job .job-link-area .content .job-name .title {
    vertical-align: middle;
}
.job .job-link-area .content .job-name .title::before {
	content: '';
    display: inline-block;
    background-image: url(../images/index/wrk_ico_01.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 0.75em;
    width: 32px;
    height: 42px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.job .job-link-area .content:nth-child(2) .job-name .title::before {
    background-image: url(../images/index/wrk_ico_02.png);
}
.job.sct_wp_02 .job-link-area .first-box .content:nth-child(1) .job-name .title::before {
    background-image: url(../images/index/wrk_ico_03.png);
}
.job.sct_wp_02 .job-link-area .first-box .content:nth-child(2) .job-name .title::before {
    background-image: url(../images/index/wrk_ico_04.png);
}
.job.sct_wp_02 .job-link-area .second-box .content:nth-child(1) .job-name .title::before {
    background-image: url(../images/index/wrk_ico_05.png);
}
.job.sct_wp_02 .job-link-area .second-box:nth-child(2) .job-name .title::before {
    background-image: url(../images/index/wrk_ico_06.png);
}
.job .job-link-area .content .sct_btn {
	margin-top: 10px;
    display: inline-block;
    position: relative;
    color: #0a0404;
    text-decoration: none;
    font-weight: 700;
    padding: 1em 3.2em 1em 0;
    background-repeat: no-repeat;
    background-size: 2.06em auto;
    background-position: calc(100% - 0.28em) 50%;
    background-image: url(../images/common/btn_off_work.png);
    letter-spacing: 0.06em;
}
.job .job-link-area a.content .sct_btn::before {
    content: "";
    display: block;
    position: absolute;
    width: 2.6em;
    height: 2.6em;
    right: 0;
    top: calc(50% - 1.3em);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(../images/common/btn_on.png);
    transform: scale(0);
    transition: 0.3s;
}
.job .job-link-area a.content:hover .sct_btn::before {
    transform: scale(1);
}

@media screen and (min-width: 1000px){
.sct_wp_02.job {
    padding-top: 2em;
	}
}
@media screen and (max-width: 767px){
.job .read-area {
    margin: 0 auto 0px auto;
    padding: 20px 10px;
	}
.job.sct_wp_02 {
    padding-top: 0;
    margin-top: -2em;
	}
.job .job-link-area .content {
    width: 47.5%;
    margin-bottom: 12px;
    padding: 20px 10px 10px 10px;
	}
.job .job-link-area .work-index-colorbox ,
.job.sct_wp_02 .job-link-area .work-index-colorbox{
    padding: 30px 10px 20px;
	}
.job .job-link-area .content:nth-child(3n-1) {
    margin-left: 0;
    margin-right: 0;
	}
.job .job-link-area .content:nth-child(2n-1) {
    margin-right: 0px;
	}
.job .job-link-area .content:nth-child(2n) {
    margin-left: 12px;
	}
.job .job-link-area .content .job-name {
	margin: 0 auto;
	}
.job .job-link-area .content .job-name .title::before {
    display: block;
    margin-right: 0;
	margin-bottom: 5px;
    width: 32px;
    height: 42px;
    top: 0;
	left: 40%;
	}
.job .job-link-area .content .image-box {
	margin: 15px auto 10px auto;
	}
.job.index .job-link-area .content .text-box {
    min-height: 128px;
	}
.job.index.sct_wp_02 .job-link-area .content .text-box {
    min-height: 102px;
	}
.job.index.sct_wp_02 .job-link-area div.second-box .content:nth-child(1) .text-box ,
.job.index.sct_wp_02 .job-link-area div.second-box .content:nth-child(2) .text-box {
    min-height: 126px;
	}
.job.index .job-link-area .content .image-box,
.job.index .job-link-area.sct_wp_02 .content .image-box {
    margin: 10px auto;
	}
.wp_lnk_lst .sct_box {
    background-position-y: 12%;
	}
}
@media screen and (max-width: 360px){
.job .job-link-area .content {
    width: 47%;
	}
.job .job-link-area .content .job-name .title {
    font-size: 90%;
	}
.job.index .job-link-area .content .text-box {
    min-height: 155px;
	}
.job.index .job-link-area .content .sct_btn span {
    font-size: 90%;
	}
}




/* ============================================================== 職種紹介 詳細 */
.wp_lnk_lst .sct_box::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(23,127,188, .55);
}
.wp_lnk_lst .sct_box:nth-child(2)::before {
	background: rgba(78, 217, 100, .55);
}
.wp_lnk_lst .sct_box:nth-child(3)::before {
	background: rgba(206, 78, 217, .55);
}
.wp_lnk_lst .sct_box:nth-child(4)::before {
	background: rgba(78, 184, 217, .55);
}
.wp_lnk_lst .sct_box:nth-child(5)::before {
	background: rgba(217, 179, 78, .55);
}
.wp_lnk_lst .sct_box:nth-child(6)::before {
	background: rgba(157, 78, 217, .55);
}

.wp_lnk_lst .sct_box dl {
    position: relative;
    top: 35px;
}
.wp_lnk_lst .sct_box dt {
    font-size: 100%;
}
.sct_wp_intv .sct_btn a {
    background-image: url(../images/common/btn_off_work.png);
}
@media screen and (max-width: 767px){
.sct_wp_02 .sct_kkm {
    background-color: #d8ecff;
    padding: 4em 1em 2em;
    margin-bottom: 2em;
	}
}


/* ============================================================== 社員インタビュー詳細 */

.sct_wp_01.interview {
    padding-top: 4em;
}
.interview .visual-area {
	width: 100%;
	margin-bottom: 60px;
}
.interview .visual-area .info-box {
	width: 100%;
	max-width: 600px;
	background-color: #fff;
	padding: 25px 30px;
	margin-bottom: 210px;
    border-radius: 10px;
    position: relative;
    top: 15px;
}
.interview.right .visual-area .info-box {
	margin-bottom: 150px;
}
.interview .visual-area .info-box.nigyou {
    top: -8px;
	margin-bottom: 172px;
}
.interview.right .visual-area .info-box.nigyou {
    top: -8px;
	margin-bottom: 115px;
}
.interview .visual-area .info-box .title {
	position: relative;
	padding-left: 1em;
}
.interview .visual-area .info-box .title::before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 3.2em;
    height: calc((250 / 190) * 3.2em);
    top: -2.7em;
    left: -1.2em;
	background-image: url(../images/common/sub_ttl_bg03.png);
}
.interview.right .visual-area .info-box {
	float: right;
}
.interview .visual-area .info-box .title {
	font-weight: 600;
	margin-bottom: 20px;
	font-size: 20px;
}
.interview .sct_wp_intv .sct_inr .message-box {
	padding: 10px 40px;
}

.interview .sct_wp_intv .sct_inr .message-box p + p {
    margin-top: 1em;
}
.interview .sct_wp_intv .sct_inr .inleft {
	width: 26%;
	display: inline-block;
	vertical-align: middle;
}
.interview .sct_wp_intv .sct_inr .inright {
	width: 70%;
	display: inline-block;
	vertical-align: middle;
}
.interview .link-interview .title-area .inleft {
	width: 60%;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.interview .link-interview .title-area .inright {
	width: 30%;
	display: inline-block;
	vertical-align: top;
	float: right;
    text-align: right;
}
.interview .link-interview .people-area {
    background-color: #f2faff;
    padding: 50px 40px 40px 40px;
    margin-bottom: 60px;
    text-align: center;
}
.interview .link-interview .people-area a.content {
	width: 22%;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: #000;
	margin-bottom: 0;
    margin-right: 20px;
}

.interview .link-interview .people-area a.content:hover {
	opacity: .8;
	transition: .3s;
}
.interview .link-interview .people-area a.content:last-child {
	margin-right: 0;
}
.interview .link-interview .people-area a.content .image-box {
    width: 70%;
    text-align: center;
    margin: 0 auto 12px auto;
}
.interview .link-interview .people-area a.content .image-box img {
}
.interview .link-interview .people-area a.content .text-box {
    margin: 0 auto 0 auto;
}
.message.interview .link-interview .people-area .content .text-box p {
	text-align: center;
}
.message.interview .content .image-box img {
    border-radius: 10px;
}
.message.interview .content .text-box {
    margin: 0 auto 0 auto;
}
.message.interview .content .text-box p + p {
    margin-top: 1.5em;
}
.message.interview .content .text-box.mb90 {
    margin: 0 auto 120px auto;
}
.message.interview .content:nth-child(2) .inleft {
	width: 36%;
}
.message.interview .content:nth-child(2) .inright {
	width: 58%;
}

.message.interview .content:first-child .text-box {
    position: inherit;
    top: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: none;
    padding: 0;
    left: 0;
    right: 0;
}
.message.interview .content:first-child .text-box p {
    text-align: left;
}
.message.interview .link-interview .content:first-child .text-box p {
    text-align: center;
}
@media screen and (max-width: 767px){
.sct_wp_01.interview {
    padding-top: 2em;
	}
.interview .visual-area::before {
    content: none;
    height: auto;
	}
.interview .visual-area .info-box.nigyou {
    top: 15px;
    margin-bottom: 0;
	}
.interview .visual-area .info-box {
	width: 90%;
    max-width: 90%;
    padding: 20px 10px;
    margin-bottom: auto;
    margin: -60px auto 0 auto;
    position: relative;
	}
.interview .visual-area .info-box .title {
    font-size: 15px;
	}
.message.interview .content {
    margin-bottom: 80px;
	}
.message.interview .content .text-box.mb90 {
    margin: 0 auto 80px auto;
	}
.message.interview .content:first-child .text-box p {
    text-align: left;
	}
.message.interview .content:nth-child(2) .inleft {
	width: 100%;
	}
.message.interview .content:nth-child(2) .inright {
	width: 100%;
	}
.interview .sct_wp_intv .sct_inr .message-box {
    padding: 10px 0;
	}
.interview .sct_wp_intv .sct_inr .inleft {
    width: 80%;
    display: block;
    margin-right: 0;
    vertical-align: middle;
    margin: 0 auto 15px auto;
	}
.interview .sct_wp_intv .sct_inr .inright {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
	}
.interview .sct_wp_intv .sct_desc {
    margin-left: 0;
    max-width: 100%;
	}
.interview .link-interview .title-area .inleft {
    width: 100%;
	}
.interview .link-interview .title-area .inright {
    width: 100%;
	}
.interview .link-interview .inright.forsp.right {
	text-align: right;
	}

.interview .link-interview .people-area {
    padding: 28px 10px 0px 10px;
 	}
.interview .link-interview .people-area a.content {
    width: 47%;
    margin-right: 5px;
    margin-bottom: 25px;
	}
.message.interview  .link-interview .people-area a.content .text-box {
    margin: 0 auto 0 auto;
}
.message.interview .link-interview .people-area a.content:first-child .text-box p {
    text-align: center;
	}
.interview .visual-area .info-box {
    margin: -35px auto 0 auto;
	}
.interview.right .visual-area .info-box.nigyou {
    top: 15px;
    margin-bottom: 0;
	}
.interview.right .visual-area .info-box {
    float: inherit;
    margin-bottom: 0;
	}
}









/* ============================================================== 社員インタビュー詳細 people image */
.interview .visual-area::before {
	content: '';
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 340px;
    position: absolute;
    top: 0;
    left: 0;
}
.interview.interview-ek .visual-area::before {
    background-image: url(../images/interview/interview_ek01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-my .visual-area::before {
    background-image: url(../images/interview/interview_my01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-mk .visual-area::before {
    background-image: url(../images/interview/interview_mk01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-sk .visual-area::before {
    background-image: url(../images/interview/interview_sk01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-jo .visual-area::before {
    background-image: url(../images/interview/interview_jo01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-ny .visual-area::before {
    background-image: url(../images/interview/interview_ny01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-sn .visual-area::before {
    background-image: url(../images/interview/interview_sn01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-ts .visual-area::before {
    background-image: url(../images/interview/interview_ts01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-yf .visual-area::before {
    background-image: url(../images/interview/interview_yf01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-sh .visual-area::before {
    background-image: url(../images/interview/interview_sh01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-ry .visual-area::before {
    background-image: url(../images/interview/interview_ry01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.interview.interview-ay .visual-area::before {
    background-image: url(../images/interview/interview_ay01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1800px){
.interview .visual-area {
    margin-bottom: 120px;
	}
.interview .visual-area::before {
    height: 420px;
	}
.interview .visual-area .info-box {
	position: relative;
    top: 55px;
	}
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
.interview .visual-area::before {
    background-position-x: 80%;
	}
.interview.right .visual-area::before {
    background-position-x: 0;
	}
.interview .visual-area .info-box {
    max-width: 500px;
	}
}
@media screen and (min-width: 768.0px) and (max-width: 800px){
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-ek.right > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-my.right > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-mk > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-sk.right > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-jo > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-ny > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-sn > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-ts > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-yf.right > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-sh.nigyou > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-ry.nigyou > div.sct_inr > div:nth-child(2) > div.inleft ,
body > div.sub > section.sct.sct_wp.sct_wp_01.message.interview.interview-ay.nigyou > div.sct_inr > div:nth-child(2) > div.inleft {
    width: 34%;
    margin-right: 15px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1100px){
.interview .visual-area::before {
    background-position-x: 80%;
	}
.interview.right .visual-area::before {
    background-position-x: 25%;
	}
.interview .visual-area .info-box {
    max-width: 400px;
	}
}
@media screen and (max-width: 767px){
.interview.interview-ek .visual-area::before ,
.interview.interview-my .visual-area::before ,
.interview.interview-mk .visual-area::before ,
.interview.interview-sk .visual-area::before ,
.interview.interview-jo .visual-area::before ,
.interview.interview-ny .visual-area::before ,
.interview.interview-sn .visual-area::before ,
.interview.interview-ts .visual-area::before ,
.interview.interview-yf .visual-area::before ,
.interview.interview-sh .visual-area::before ,
.interview.interview-ry .visual-area::before ,
.interview.interview-ay .visual-area::before {
	content: none;
	}
}




/* ============================================================== 社員インタビュー一覧 */
.sct_wp_01.interview-index {
    padding-top: 2em;
}
.page_link.interview-index {
	text-align: center;
	margin: 0 auto;
}
.page_link.interview-index .sct_inr {
    display: block;
}
.page_link.interview-index a {
    display: inline-block;
    width: 40%;
	margin-right: 20px;
}
.job.interview-index .job-link-area .content {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    background-color: #ddefff;
    margin-bottom: 45px;
    padding: 0;
    border-radius: 15px;
}
.job.interview-index.sct_wp_02 .job-link-area .content {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    background-color: #fff9dd;
    margin-bottom: 25px;
    padding: 0;
    border-radius: 15px;
}
.job.interview-index .job-link-area .content .image-box {
	position: relative;
}

.job.interview-index .job-link-area .content .image-box::before {
	content: '';
	display: inline-block;
    background-image: url(../images/interview/interview_index_01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	width: 100%;
	height: 400px;
    border-radius: 20px 20px 0 0;
}
.job.interview-index .job-link-area .content:nth-child(2) .image-box::before {
    background-image: url(../images/interview/interview_index_01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index .job-link-area .content:nth-child(3) .image-box::before {
    background-image: url(../images/interview/interview_index_02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index .job-link-area .content:nth-child(5) .image-box::before {
    background-image: url(../images/interview/interview_index_03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index .job-link-area .content:nth-child(6) .image-box::before {
    background-image: url(../images/interview/interview_index_04.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(2) .image-box::before {
    background-image: url(../images/interview/interview_index_05.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(3) .image-box::before {
    background-image: url(../images/interview/interview_index_06.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(5) .image-box::before {
    background-image: url(../images/interview/interview_index_07.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(6) .image-box::before {
    background-image: url(../images/interview/interview_index_08.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(8) .image-box::before {
    background-image: url(../images/interview/interview_index_09.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(9) .image-box::before {
    background-image: url(../images/interview/interview_index_10.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(11) .image-box::before {
    background-image: url(../images/interview/interview_index_11.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(12) .image-box::before {
    background-image: url(../images/interview/interview_index_12.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.job.interview-index .job-link-area .content:nth-child(2n-1) {
    margin-right: 0;
}
.job.interview-index .job-link-area .content:nth-child(3n-1) {
    margin-right: 25px;
}
.job.interview-index .job-link-area .content .image-box img {
	border-radius: 20px 20px 0 0;
}
.job.interview-index .job-link-area .content .type-name span {
	position: absolute;
	top: 0;
	right: 0;
    padding: 10px 30px;
    background-color: #69b1f3;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 105%;
	border-radius: 0 20px 0 0;
}
.job.interview-index.sct_wp_02 .job-link-area .content .type-name span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 30px;
    background-color: #eeb649;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 105%;
    border-radius: 0 20px 0 0;
}
.job.interview-index .job-link-area .content .info-box {
    text-align: left;
    padding: 15px;
}
.job.interview-index .job-link-area .content .sct_btn {
    float: right;
    margin-right: 15px;
    margin-top: 0;
}
#i_01 ,
#i_02 ,
#link-interview-mr ,
#link-interview-clerical-work ,
#link-interview-pharmaceutical-department ,
#link-interview-quality ,
#link-interview-production ,
#link-interview-facility-management {
	padding-top: 115px;
	margin-top: -115px;
}
@media screen and (min-width: 768.0px) and (max-width: 768.9px){
.job.interview-index .job-link-area .content .type-name span {
    padding: 3px 18px;
	}
}
@media screen and (max-width: 767px){
.job.interview-index .job-link-area .content ,
.job.interview-index.sct_wp_02 .job-link-area .content {
    width: 47%;
	}
.job .job-link-area .content .image-box ,
.job .job-link-area.sct_wp_02 .content .image-box {
    margin: 0;
	}
.job.interview-index .job-link-area .content {
    margin-bottom: 20px;
}
.job.interview-index .job-link-area .content .image-box::before ,
.job.interview-index.sct_wp_02 .job-link-area .content .image-box::before {
    border-radius: 15px 15px 0 0;
    height: 220px;
	}
.job.interview-index .job-link-area .content .type-name span ,
.job.interview-index.sct_wp_02 .job-link-area .content .type-name span {
    top: inherit;
    bottom: 4px;
    padding: 5px 20px;
    font-size: 85%;
    border-radius: 0 0 0 0;
	}
.job.interview-index .job-link-area .content:nth-child(5) .info-box ,
.job.interview-index .job-link-area .content:nth-child(6) .info-box {
	min-height: 130px;
	}
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(5) .info-box ,
.job.interview-index.sct_wp_02 .job-link-area .content:nth-child(6) .info-box {
	min-height: 154px;
	}
.job.interview-index .job-link-area .content:nth-child(2n) {
    margin-left: 0;
	}
.job.interview-index .job-link-area .content:nth-child(3n-1) {
    margin-left: 0;
	margin-right: 12px;
	}
#i_01 ,
#i_02 ,
#link-interview-mr ,
#link-interview-clerical-work ,
#link-interview-pharmaceutical-department ,
#link-interview-quality ,
#link-interview-production ,
#link-interview-facility-management {
	padding-top: 100px;
	margin-top: -100px;
	}
}





/* ============================================================== 研修制度・福利厚生制度 */
.system .training-area .content {
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	background-color: #d7ebfd;
    border-radius: 20px;
	padding: 60px 40px 40px 40px;
}
.system .training-area .content:nth-child(2) {
	background-color: #e6f6de;
}
.system .training-area .content:nth-child(3) {
	background-color: #f4dff8;
}
.system .training-area .content .text-area {
	padding: 0 40px;
}
.system .training-area .content .image-box {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}

.system .welfare-area {
	margin-left: auto;
	margin-right: auto;
    margin-bottom: 60px;
}
.system .welfare-area .content {
	display: inline-block;
	width: 30%;
	vertical-align: top;
	float: left;
	margin-bottom: 45px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 25px 15px;
    background-color: #fdf5e8;
    min-height: 310px;
}
.system .welfare-area .content:nth-child(3n-1) {
	margin-left: 40px;
	margin-right: 40px;
}
.system .welfare-area .content .image-box {
    width: 30%;
    margin: 0 auto;
}
.system .welfare-area .content p.title {
	margin: 12px auto 22px auto;
	font-weight: 600;
}
.system .welfare-area .content p.text {
	text-align: left;
}
.system .hosoku-box {
	margin-top: 20px;
	padding: 20px;
	background-color: #fff;
}
.system .hosoku-box p {
	margin-left: 1em;
	text-indent: -1em;
}
.sct_wp_01.system.training .sct_ttl.blue::before {
    background-image: url(../images/common/sub_ttl_bg03.png);
}
.sct_wp_01.system.training .sct_ttl.green::before {
    background-image: url(../images/common/sub_ttl_bg02.png);
}
.sct_wp_01.system.training .sct_ttl.purple::before {
    background-image: url(../images/common/sub_ttl_bg04.png);
}
.sct_wp_01.system.welfare .sct_ttl.gold::before {
    background-image: url(../images/common/sub_ttl_bg07.png);
}
@media screen and (min-width: 768px) and (max-width: 1000px){
.system .welfare-area .content:nth-child(3n-1) {
    margin-left: 15px;
    margin-right: 15px;
	}
.system .welfare-area .content {
    min-height: 360px;
	margin-bottom: 20px;
	}
}
@media screen and (max-width: 767px){
.system .training-area .content {
    padding: 50px 0px 25px 0px;
	}
.system .training-area .content .text-area {
    padding: 0 10px;
	}
.system .welfare-area .content {
    width: 47%;
    margin-bottom: 20px;
    padding: 20px 10px;
    min-height: 350px;
	}
.system .welfare-area .content:nth-child(3n-1) {
    margin-left: 0;
    margin-right: 0;
	}
.system .welfare-area .content:nth-child(2n) {
    margin-left: 10px;
	}
.system .welfare-area .content .image-box {
    width: 42%;
	}
}
@media screen and (max-width: 500px){
.system .welfare-area .content {
    min-height: 360px;
	}
}
@media screen and (max-width: 400px){
.system .welfare-area .content {
    min-height: 320px;
	}
.system .welfare-area .content:nth-child(1) ,
.system .welfare-area .content:nth-child(2) {
    min-height: 340px;
	}	
.system .welfare-area .content:nth-child(4) {
    min-height: 320px;
	}
.system .welfare-area .content:nth-child(5) ,
.system .welfare-area .content:nth-child(6) ,
.system .welfare-area .content:nth-child(7) ,
.system .welfare-area .content:nth-child(8) {
    min-height: 280px;
	}
.system .welfare-area .content:nth-child(9) ,
.system .welfare-area .content:nth-child(10) {
    min-height: 320px;
	}
}
@media screen and (max-width: 369px){
.system .welfare-area .content p.title {
    margin: 12px auto 22px auto;
    font-weight: 600;
    font-size: 90%;
	}
.system .welfare-area .content:nth-child(1) ,
.system .welfare-area .content:nth-child(2) {
    min-height: 335px;
	}
.system .welfare-area .content:nth-child(3) ,
.system .welfare-area .content:nth-child(4) {
    min-height: 340px;
	}
.system .welfare-area .content:nth-child(5) ,
.system .welfare-area .content:nth-child(6) ,
.system .welfare-area .content:nth-child(7) ,
.system .welfare-area .content:nth-child(8) {
    min-height: 310px;
	}
}




/* ============================================================== 募集要項・選考スケジュール */
.sct_wp.sct_wp_01.recruitment{
	padding-top: 2.5em;
}
.page_link.recruitment {
    text-align: center;
    margin: 0 auto;
}
.page_link.recruitment .sct_inr {
    display: block;
}
.page_link.recruitment a {
    display: inline-block;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}
.page_link.recruitment a.on.blue {
    background-color: #ebf5ff;
}
.page_link.recruitment a.on.orange {
    background-color: #fffaeb;
}
.page_link.recruitment a.on.lightblue {
    background-color: #effdff;
}
.page_link.recruitment a.on.yellow {
    background-color: #ffffd4;
}
.page_link.recruitment a.on.green {
    background-color: #f0ffeb;
}
.page_link.recruitment a.on.red {
    background-color: #fcf0ff;
}
.page_link.recruitment a.on.purple {
    background-color: #e2ddf0;
}
.page_link.recruitment a.lightblue {
    background-image: url(../images/about/page_link_arrow_04.png);
    border-color: #94d9e1;
}
.page_link.recruitment a.yellow {
    background-image: url(../images/about/page_link_arrow_07.png);
    border-color: #e1e442;
}
.page_link.recruitment a.green {
    background-image: url(../images/about/page_link_arrow_03.png);
    border-color: #adde7d;
}
.page_link.recruitment a.purple {
    background-image: url(../images/about/page_link_arrow_05.png);
    border-color: #d5afdd;
}
.page_link.recruitment a.red {
    background-image: url(../images/about/page_link_arrow_08.png);
    border-color: #dcb8c8;
}
.page_link.recruitment a.on.blue::before {
    background: #ebf5ff;
}
.page_link.recruitment a.on.orange::before {
    background: #fffaeb;
}
.page_link.recruitment a.on.yellow::before {
    background: #ffffd4;
}
.page_link.recruitment a.on.green::before {
    background: #f0ffeb;
}
.page_link.recruitment a.on.lightblue::before {
    background: #effdff;
}
.page_link.recruitment a.on.red::before {
    background: #fcf0ff;
}
.page_link.recruitment a.on.purple::before {
    background: #e2ddf0;
}

.recruitment .sct_ttl {
    position: relative;
    text-align: center;
    border-bottom: 5px solid #97b6d3;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.recruitment.orange .sct_ttl {
    border-bottom: 5px solid #f3c469;
}
.recruitment.yellow .sct_ttl {
    border-bottom: 5px solid #dcd367;
}
.recruitment.green .sct_ttl {
    border-bottom: 5px solid #b7d397;
}
.recruitment.lightblue .sct_ttl {
    border-bottom: 5px solid #a4d6dc;
}
.recruitment.purple .sct_ttl {
    border-bottom: 5px solid #d1bfd9;
}
.recruitment.gold .sct_ttl {
    border-bottom: 5px solid #cbc98e;
}
.recruitment.red .sct_ttl {
    border-bottom: 5px solid #f0bdce;
}
.recruitment .sct_ttl::before {
    content: none;
}
.recruitment .sct_ttl span {
	display: inline-block;
}
.recruitment .sct_ttl span::before {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 3.2em;
    height: calc((250 / 190) * 3.2em);
    top: -2.7em;
    left: -2.5em;
    background-image: url(../images/common/sub_ttl_bg03.png);
}

.recruitment.orange .sct_ttl span::before {
    background-image: url(../images/common/sub_ttl_bg08.png);
}
.recruitment.yellow .sct_ttl span::before {
    background-image: url(../images/common/sub_ttl_bg01.png);
}
.recruitment.green .sct_ttl span::before {
    background-image: url(../images/common/sub_ttl_bg02.png);
}
.recruitment.lightblue .sct_ttl span::before {
    background-image: url(../images/common/sub_ttl_bg06.png);
}
.recruitment.purple .sct_ttl span::before {
    background-image: url(../images/common/sub_ttl_bg04.png);
}
.recruitment.gold .sct_ttl span::before {
    background-image: url(../images/common/sub_ttl_bg07.png);
}
.recruitment.red .sct_ttl span::before {
    background-image: url(../images/common/sub_ttl_bg05.png);
}
.recruitment .overview-box {
	padding: 40px;
	margin-bottom: 80px;
}
.recruitment .overview-box dl {
	border-bottom: 1px solid #c8c8c8;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.recruitment .overview-box dt {
	display: inline-block;
	width: 18%;
	margin-right: 20px;
	vertical-align: top;
	font-weight: bold;
}
.recruitment .overview-box dd {
	display: inline-block;
	width: 75%;
	vertical-align: top;
}
.recruitment .colorbox {
	padding: 40px;
    background-color: #f0f8ff;
    border-radius: 20px;
}
.recruitment.orange .colorbox {
    background-color: #fff9f0;
}
.recruitment.yellow .colorbox {
    background-color: #fffef0;
}
.recruitment.green .colorbox {
    background-color: #f8fff0;
}
.recruitment.lightblue .colorbox {
    background-color: #edfdff;
}
.recruitment.purple .colorbox {
    background-color: #fefaff;
}
.recruitment.gold .colorbox {
    background-color: #f9f9ea;
}
.recruitment.red .colorbox {
    background-color: #fff9fb;
}
.recruitment .overview-box .indent-box li {
	margin-left: 1em;
	text-indent: -1em;
}

.recruitment .schedule-box {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;

}
.recruitment .schedule-box .colorbox {
    background-color: #fff8fa;
    text-align: center;
}
.recruitment .schedule-box .content {
	width: 21%;
	display: inline-block;
	margin-right: 25px;
	position: relative;
	background-color: #deecff;
    padding: 15px 10px 25px 10px;
    vertical-align: top;
    border-radius: 15px;
    min-height: 340px;
}
.recruitment .schedule-box .content:nth-child(2) {
	background-color: #defff0;
}
.recruitment .schedule-box .content:nth-child(3) {
	background-color: #f6deff;
}
.recruitment .schedule-box .content:last-child {
	background-color: #ffe7de;
	margin-right: 0;
}
.recruitment .schedule-box .content:last-child::before {
	content: none;
}
.recruitment .schedule-box .content::before {
content: "";
position: absolute;
border: 12px solid transparent;
border-left: 12px solid #deecff;
top: 20%;
left: 100%;
}
.recruitment .schedule-box .content:nth-child(2)::before {
	border-left: 12px solid #defff0;
}
.recruitment .schedule-box .content:nth-child(3)::before {
	border-left: 12px solid #f6deff;
}
.recruitment .schedule-box .content:nth-child(4)::before {
	border-left: 12px solid #ffe7de;
}
.recruitment .schedule-box .content .image-box {
	margin: 15px auto;
	text-align: center;
}
.recruitment .schedule-box .content .image-box img {
	width: 50%;
}
.recruitment .schedule-box .content .title {
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 105%;
	text-align: center;
    height: 55px;
}
.recruitment .schedule-box .content .text {
	text-align: left;
}
.recruitment .schedule-box .sct_ttl span::before {
    background-image: url(../images/common/sub_ttl_bg05.png);
}
.recruitment .schedule-box .sct_ttl {
    border-bottom: 5px solid #fcd1db;
}

.recruitment #title {
	padding-top: 130px;
	margin-top: -130px;
}

@media screen and (min-width: 768px) and (max-width: 1000px){
.recruitment .schedule-box .content .title {
    font-size: 90%;
	}
.recruitment .schedule-box .content {
    min-height: 374px;
    width: 22.5%;
    margin-right: 15px;
	}
}
@media screen and (max-width: 767px){
.page_link.recruitment a {
    width: 47%;
    margin-right: 5px;
	}
.recruitment .colorbox {
    padding: 20px 15px;
	}
.recruitment .overview-box {
	padding: 20px 10px;
	margin-bottom: 80px;
	}
.recruitment .overview-box dt {
	display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
	}
.recruitment .overview-box dd {
	display: block;
    width: 100%;
	}
.recruitment .schedule-box .colorbox {
    padding: 20px 10px;
	}
.recruitment .schedule-box .content {
    width: 46%;
    margin-right: 8px;
    padding: 10px 10px 20px 10px;
    margin-bottom: 15px;
    min-height: 350px;
	}

.recruitment .schedule-box .content .title {
    height: auto;
	}

.recruitment #title {
	padding-top: 120px;
	margin-top: -120px;
	}
}
@media screen and (max-width: 550px){
.recruitment .schedule-box .content {
    min-height: 310px;
	}
.recruitment .schedule-box .content:nth-child(3) ,
.recruitment .schedule-box .content:nth-child(4) {
    min-height: 340px;
	}
}
@media screen and (max-width: 380px){
.recruitment .schedule-box .content {
    min-height: 290px;
	}
.recruitment .schedule-box .content:nth-child(3) ,
.recruitment .schedule-box .content:nth-child(4) {
    min-height: 320px;
	}
.recruitment #title {
    padding-top: 125px;
    margin-top: -120px;
	}
}







/* ============================================================== よくあるご質問 */
/* アコーディオンメニュー全体のサイズ・位置 */
.faq-area {
	padding: 40px;
}
dl.ac {
	padding: 20px;
    background-color: #fff7e1;
    margin-bottom: 20px;
}
/* クリック領域 */
.ac-parent {
	height: auto;
    border-bottom: 1px solid #fff;
    color: #000;
    text-align: left;
    padding-left: 20px;
	position: relative;
}
.ac-parent::after {
	content: '';
	display: inline-block;
    background-image: url(../images/faq/icon_open.png);
    background-size: cover;
    background-repeat: no-repeat;
	width: 54px;
	height: 54px;
	margin-right: 1em;
    vertical-align: middle;
	position: absolute;
	right: 0;
	transition: .3s;
}
.ac-parent.on::after {
    background-image: url(../images/faq/icon_close.png);
	transition: .3s;
}
/* クリックしたら表示される領域 */
.ac-child {
	display: none;
	padding: 25px 20px;
    background-color: #e0efff;
    text-align: left;
    margin: 20px auto 0px auto;
}
.ac-child i {
	width: 8%;
	display: inline-block;
	vertical-align: middle;
}
.ac-child i::before {
	content: '';
	display: inline-block;
    background-image: url(../images/faq/icon_a.png);
    background-size: cover;
    background-repeat: no-repeat;
	width: 54px;
	height: 54px;
	margin-right: 1em;
    vertical-align: middle;
}
.ac-child span {
	width: 85%;
	display: inline-block;
	vertical-align: middle;
}
.ac-parent i {
	width: 8%;
	display: inline-block;
	vertical-align: middle;
}
.ac-parent i::before {
	content: '';
	display: inline-block;
    background-image: url(../images/faq/icon_q.png);
    background-size: cover;
    background-repeat: no-repeat;
	width: 54px;
	height: 54px;
	margin-right: 1em;
    vertical-align: middle;
}
.ac-parent span {
	font-size: 110%;
	font-weight: 600;
    vertical-align: middle;
	position: relative;
	width: 85%;
	display: inline-block;
	vertical-align: middle;
}
@media screen and (min-width: 768.0px) and (max-width: 950px){
.ac-parent i {
    width: 10%;
	}
.ac-parent::after {
    margin-right: -0.5em;
	}
.ac-child i {
    width: 10%;
	}
}
@media screen and (max-width: 767px){
.faq-area {
    padding: 20px 10px;
	}
dl.ac {
    padding: 20px 10px;
	}
.ac-parent {
	padding-left: 0;
	}
.ac-parent i::before {
    width: 40px;
    height: 40px;
    margin-right: 0.5em;
	}
.ac-parent::after {
    width: 40px;
    height: 40px;
    margin-right: 0;
    top: 0;
	}
.ac-child {
	padding: 15px 10px;
    margin: 20px auto 0px auto;
	}
.ac-child i::before {
    width: 40px;
    height: 40px;
    margin-right: 0.5em;
	}
.ac-child i {
	width: 18%;
	}
.ac-child span {
	width: 75%;
	}
.ac-parent i {
	width: 18%;
	}
.ac-parent span {
	width: 75%;
	}
}
@media screen and (max-width: 400px) {
.ac-parent span {
    width: 72%;
	}
}
@media screen and (max-width: 369px) {
.ac-parent::after {
    width: 32px;
    height: 32px;
	}
}




/* ============================================================== お知らせ 一覧 */
.sct_wp.sct_wp_01.news {
    padding-top: 2em;
	padding-bottom: 4em;
}
.news-index-box {
	padding: 40px;
	min-height: 300px;
}
.news-index-box dl {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ababab;
}
.news-index-box dt {
	display: inline-block;
	width: 13%;
	margin-right: 20px;
	vertical-align: top;
}
.news-index-box dd {
	display: inline-block;
	width: 75%;
	vertical-align: top;
}
.news-index-box a {
	text-decoration: none;
	color: #000;
}
.news-index-box a:hover dt ,
.news-index-box a:hover dd {
	text-decoration: underline;
}
.sct_wp.sct_wp_01.news a {
	color: #000;
	text-decoration: underline;
}
.sct_wp.sct_wp_01.news a:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px){
.news-index-box {
	padding: 20px 10px;
	min-height: auto;
	}
.news-index-box dt {
	display: inline-block;
	width: 22%;
	}
.news-index-box dd {
	width: 68%;
	}
}



/* ============================================================== お知らせ 詳細 */
.news-box.single_box {
	min-height: 300px;
}
.news-box.single_box .news_date {
	text-align: right;
}
.news-box.single_box i {
	font-style: italic;
}




/* ============================================================== プライバシーポリシー */
.sct_wp.sct_wp_01.policy {
    padding-top: 4em;
}
.policy .policy-area {
	margin-bottom: 100px;
}
.policy .read-area {
	margin-bottom: 140px;
}
.policy .content {
	margin-bottom: 140px;
}
.policy .content:nth-child(5) {
	margin-bottom: 60px;
}
.policy .content .indent-box li {
	margin-left: 1em;
	text-indent: -1em;
}
.policy .right-area {
	text-align: right;
}
@media screen and (max-width: 767px){
.policy .read-area {
    margin-bottom: 80px;
	}
.policy .content {
    margin-bottom: 80px;
	}
.policy .content:nth-child(5) {
    margin-bottom: 50px;
	}
.policy .policy-area {
    margin-bottom: 30px;
	}
}


/* ============================================================== サイトマップ */
.sct_wp.sct_wp_01.sitemap {
    padding-top: 4em;
}
.sitemap .sitemap-area {
	padding: 40px;
}
.sitemap .sitemap-area .content {
    margin-bottom: 80px;
    padding: 40px 10px 10px 10px;
    background-color: #edfbff;
    border-radius: 15px;
}
.sitemap .sitemap-area .content:nth-child(2) {
    background-color: #fffbe2;
}
.sitemap .sitemap-area .content:nth-child(3) {
    background-color: #f2fdeb;
}
.sitemap .sitemap-area .content:nth-child(4) {
    background-color: #eef7ff;
}
.sitemap .sitemap-area .content:nth-child(5) {
    background-color: #f9f9ea;
}
.sitemap .sitemap-area .content:nth-child(6) {
    background-color: #f9f0fd;
}
.sitemap .sitemap-area .content:nth-child(7) {
    background-color: #ffecf1;
}
.sitemap .sitemap-area .content a {
    width: 29%;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    background-color: #59aac1;
    margin-bottom: 15px;
    padding: 15px 10px;
    text-align: center;
    border-radius: 40px;
    text-decoration: none;
}
.sitemap .sitemap-area .content:nth-child(2) a {
    background-color: #dabe1b;
}
.sitemap .sitemap-area .content:nth-child(3) a {
    background-color: #83cc56;
}
.sitemap .sitemap-area .content:nth-child(4) a {
    background-color: #8db7df;
}
.sitemap .sitemap-area .content:nth-child(5) a {
    background-color: #bbb874;
}
.sitemap .sitemap-area .content:nth-child(6) a {
    background-color: #cbacd9;
}
.sitemap .sitemap-area .content:nth-child(7) a {
    background-color: #fdb2c5;
}

.sitemap .sitemap-area .content a:nth-child(3n-1) {
    margin-left: 20px;
}
.sitemap .sitemap-area .content a:nth-child(3n+1) {
	margin-right: 0;
}
.sitemap .sitemap-area .content a:hover {
	opacity: .75;
	transition: .3s;
}
.sitemap .sitemap-area .content a span {
	color: #fff;
    border-radius: 15px;
	font-weight: bold;
}
.sitemap .sct_ttl.lightblue::before {
    background-image: url(../images/common/sub_ttl_bg06.png);
}
.sitemap .sct_ttl.yellow::before {
    background-image: url(../images/common/sub_ttl_bg01.png);
}
.sitemap .sct_ttl.green::before {
    background-image: url(../images/common/sub_ttl_bg02.png);
}
.sitemap .sct_ttl.blue::before {
    background-image: url(../images/common/sub_ttl_bg03.png);
}
.sitemap .sct_ttl.gold::before {
    background-image: url(../images/common/sub_ttl_bg07.png);
}
.sitemap .sct_ttl.purple::before {
    background-image: url(../images/common/sub_ttl_bg04.png);
}
.sitemap .sct_ttl.red::before {
    background-image: url(../images/common/sub_ttl_bg05.png);
}
@media screen and (min-width: 768.0px) and (max-width: 1000px){
.sitemap .sitemap-area .content a {
    width: 45%;
    margin-right: 0;
	}
.sitemap .sitemap-area .content a:nth-child(3n-1) {
    margin-left: 0;
	}
.sitemap .sitemap-area .content a:nth-child(2n) {
    margin-right: 20px;
	}
}
@media screen and (max-width: 767px){
.sitemap .sitemap-area {
    padding: 0px;
	}
.sitemap .sitemap-area .content a {
    width: 47%;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-right: 0;
    font-size: 92%;
	}
.sitemap .sitemap-area .content a:nth-child(3n-1) {
    margin-left: 0;
    margin-right: 0;
	}
.sitemap .sitemap-area .content a:nth-child(2n) {
    margin-right: 6px;
	}
.sitemap .sitemap-area .content {
    margin-bottom: 30px;
	}
}
@media screen and (max-width: 369px){
.sitemap .sitemap-area .content a {
    font-size: 85%;
	}
}



/* ============================================================== エントリー */
.sct_entry .text-box {
	margin-top: 50px;
}
.sct_entry .frm {
	margin-top: 30px;
}
.frm_check input, .frm_radio input {
    opacity: 1;
    position: inherit;
}
.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0;
}
.mwform-checkbox-field label, .mwform-radio-field label {
	margin-right: 1.5em;
}
.sct_entry dl.age input ,
.sct_entry dl.year input {
	width: 20%;
}
.sct_entry dl.add select {
	width: 50%;
}
.sct_entry  dl.email dd input {
	font-size: 16px;
    background: #fff;
    min-height: 1em;
    padding: 0.6em;
    line-height: 1.5em;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 0;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.frm .error {
    font-weight: normal;
}
@media screen and (max-width: 767px){

.sct_entry dl.age input ,
.sct_entry dl.year input {
	width: 40%;
	}
.sct_entry dl.add select {
	width: 60%;
	}
}









@media screen and (max-width: 767px){
	.forpc {display: none!important;}
}
@media screen and (min-width: 768px){
	.forsp {display: none!important;}
}