@charset "UTF-8";


/* common CSS
----------------------------------------- */
.Blog #contentsTitle,
.general #contentsTitle {
text-align: center;
background-color: #ffffff;
background-image:
radial-gradient(rgba(235,235,235,0.15) 20%, transparent 20%),
radial-gradient(rgba(212,213,50,0.15) 20%, transparent 20%);
background-size: 10px 10px;
background-position: 0 0, 5px 5px;
position: relative;
z-index: 2;
}
.Blog #contentsTitle::before,
.general #contentsTitle::before {
content: '';
width: 100%;
height: 20%;
background-color: #ffffff;
display: block;
position: absolute;
bottom: 0;
}
.Blog #contentsTitle h1,
.general #contentsTitle h1 {
position: relative;
z-index: 2;
}

/* section
----------------------------------------- */
section {
width: 100%;
height:100%;
display: inline-block;
}
section:last-child {
margin-bottom: 0;
}
section .wrap {
margin: 0 auto;
}

/* carousel
----------------------------------------- */
.slider {
width: 90%;
margin: 0 auto 80px;
}
.slick-slide img {
width: 100%;
height: auto;
}
#Carousel {
width: 100%;
}
#Carousel .slick-slide {
margin: 10px;
}
.slide-arrow {
background-color: transparent;
margin: auto;
width: 100px;
height: 56px;
position: absolute;
top: 0;
bottom: 0;
border: 0;
z-index: 5;
}
.prev-arrow {
background-image: url("../images/arrow_slide_l_bk.png");
background-size: contain;
background-repeat: no-repeat;
}
.next-arrow {
background-image: url("../images/arrow_slide_r_bk.png");
background-size: contain;
background-repeat: no-repeat;
}
button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
padding: 0;
}

/* RecruitAbout
----------------------------------------- */
#RecruitAbout #headImg {
margin-right: auto;
margin-bottom: 200px;
margin-left: auto;
text-align: center;
}
#RecruitAbout #headImg figure {
margin-right: auto;
margin-left: auto;
display: flex;
flex-wrap: wrap;
}
#RecruitAbout #headImg figure img {
width: calc(100%/3);
}
#RecruitAbout #headImg h2 {
margin-bottom: 30px;
}
#RecruitAbout #headImg .txtBlk {
margin-right: auto;
margin-left: auto;
}
#RecruitAbout #Point {
padding-top: 2px;
background-color: #013432;
color: #ffffff;
border: 1px solid transparent;
position: relative;
}
#RecruitAbout #Point::before {
content: '';
width: 100%;
height: 136px;
display: block;
background-color: #013432;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
position: absolute;
bottom: 100%;
z-index: -1;
}
#RecruitAbout #Point .headItem {
margin-top: -40px;
margin-bottom: 80px;
padding-top: 1em;
padding-bottom: 1em;
text-align: center;
background-image: url("../images/bk_point_02.png");
background-position: top right;
background-repeat: no-repeat;
background-size: contain;
}
#RecruitAbout #Point h2 {
margin-bottom: 40px;
padding: 1.2em 2em 1em 2em;
display: inline-block;
background-color: #ffffff;
border-radius: 100px;
color: #013432;
text-align: center;
position: relative;
}
#RecruitAbout #Point h2::before {
content:'';
margin-left: -10px;
width: 0;
height: 0;
border: solid transparent;
border-color: rgba(255, 255, 255, 0);
border-top-width: 20px;
border-bottom-width: 20px;
border-left-width: 10px;
border-right-width: 10px;
border-top-color: #ffffff;
position: absolute;
top: 100%;
left: 50%;
}
#RecruitAbout #Point h2 small {
line-height: 0.8;
display: block;
}
#RecruitAbout #Point h2 strong,
#RecruitAbout #Point h2 span {
line-height: 1;
}
#RecruitAbout #Point ul {
margin-bottom: 80px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#RecruitAbout #Point ul li {
padding: 4% 4% 5% 4%;
background-color: #ffffff;
border-radius: 60px;
border-bottom-right-radius: 0;
color: #013432;
}
#RecruitAbout #Point ul li .num {
text-align: center;
}
#RecruitAbout #Point ul li .num small {
line-height: 1;
display: block;
}
#RecruitAbout #Point ul li .num strong {
line-height: 1;
font-family: "futura-pt-bold", sans-serif;
}
#RecruitAbout #Point ul li figure {
margin-right: auto;
margin-left: auto;
width: 90%;
}
#RecruitAbout #Point ul li h3 {
text-align: center;
}
#RecruitAbout #Point ul li .txtBlk {
text-align: justify;
}
#RecruitAbout #Introduction {
background-color: #ebebeb;
}
#RecruitAbout #Introduction .title {
background-color: #013432;
position: relative;
}
#RecruitAbout #Introduction .title .textImg {
width: 70%;
display: block;
position: absolute;
right: 0;
top: -30%;
}
#RecruitAbout #Introduction .contentsWrap {
margin-right: auto;
margin-left: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#RecruitAbout #Carousel {
background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(235,235,235,1) 50%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(235,235,235,1) 50%);
background: linear-gradient(0deg, rgba(255,255,255,1) 75%, rgba(235,235,235,1) 50%);
}
#RecruitAbout #Carousel figure {
border-radius: 9999px;
overflow: hidden;
}
#RecruitAbout #Carousel figure {
opacity: 0.9;
transition: all .3s;
filter: sepia(100%);
}
#RecruitAbout #Carousel .slick-active figure {
opacity: 1;
filter: sepia(0);
}
#RecruitAbout #Carousel .caption {
margin-right: auto;
margin-left: auto;
padding-top: 110px;
padding-bottom: 50px;
width: 95%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
#RecruitAbout #Carousel .caption h3 {
line-height: 1.2;
}
#RecruitAbout #Carousel .caption {
transition: all .3s;
visibility: hidden;
}
#RecruitAbout #Carousel .slick-active .caption {
visibility: visible;
}
#RecruitAbout #Carousel .slick-dots li button::before {
color: #013432;
opacity: 1;
}
#RecruitAbout #Carousel .slick-dots li.slick-active button:before {
color: #d4d532;
}
#RecruitAbout #Slide .contentsWrap {
margin-right: auto;
margin-left: auto;
border-top: 5px solid #013432;
}


/* Interview
----------------------------------------- */
#Interview .postContents .date {
margin-right: auto;
margin-left: auto;
text-align: left;
}
#Interview .postContents .date .contentsWrap {
display: flex;
}
#Interview .postContents .date .contentsWrap > div:nth-last-child(n+2) {
margin-right: 1em;
}
#Interview .postContents .date,
#Interview .postContents .ardor {
font-weight: bold;
letter-spacing: 0.2em;
word-break: auto-phrase;
}
#Interview .postContents .date {
margin-bottom: 1.5em;
}
#Interview .postContents .ardor {
margin-bottom: 1em;
}
#Interview .postContents .ardor > div {
display: inline!important;
}
#Interview .postContents .comment {
margin-bottom: 1em;
text-align: justify;
}
#Interview .postContents .moreLink a {
margin-right: 0;
margin-left: auto;
padding-top: 0.4em;
padding-right: 1em;
padding-bottom: 0.3em;
padding-left: 1em;
width: 100%;
color: #ffffff;
text-align: center;
letter-spacing: 0.2em;
display: inline-block;
background-color: #013432;
border-radius: 100px;
position: relative;
}
#Interview .postContents .moreLink a::after {
content: '';
margin-left: 10px;
width: 1.1em;
height: 1.1em;
line-height: 1;
display: inline-block;
background-image: url("../images/arrow_more_w.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
vertical-align: -0.15em;
}
#Interview .postContents .moreLink a:hover {
color: #013432;
background-color: #d4d532;
}

#Interview .postContents .moreLink a:hover::after {
filter: brightness(0) saturate(100%) invert(15%) sepia(57%) saturate(1076%) hue-rotate(137deg) brightness(93%) contrast(102%);
}

/* postDetail
------------------------- */
#Interview .postDetail #Overview .photo_01 {
position: relative;
z-index: 1;
}
#Interview .postDetail .txtBlk {
position: relative;
z-index: 1;
}
#Interview .postDetail .date {
margin-bottom: 40px;
text-align: left;
}
#Interview .postDetail .date .contentsWrap {
display: flex;
}
#Interview .postDetail .date .contentsWrap > div {
margin-right: 1em;
}
#Interview .postDetail .date > div {
margin-right: 1em;
}
#Interview .postDetail .ardor > div {
margin-bottom: 1em;
}
#Interview .postDetail .ardor > div p {
padding-right: 1em;
padding-left: 1em;
display: inline-block;
color: #ffffff;
border: 3px solid #013432;
background-color: #33b995;
box-shadow: 4px 4px #365d4b;
}
#Interview .postDetail #Overview .photo_01 figure {
border-radius: 40px;
overflow: hidden;
}
#Interview .postDetail #Overview .photo_02 figure {
border-bottom-left-radius: 40px;
overflow: hidden;
}
#Interview .postDetail #Schedule {
margin-bottom: 80px;
}
#Interview .postDetail #Schedule .contentsWrap {
margin-right: auto;
margin-left: auto;
text-align: center;
}
#Interview .postDetail #Schedule h2 {
letter-spacing: 0.2em;
}
#Interview .postDetail #Faq {
background-image: url("../images/bk_interview.jpg");
background-position: top center;
background-size: cover;
position: relative;
z-index: 0;
}
#Interview .postDetail #Faq::before {
content: '';
width: 100%;
height: 100%;
display: block;
background-color: rgba(51,185,149,0.8);
position: absolute;
z-index: 1;
}
#Interview .postDetail #Faq .contentsWrap {
margin-right: auto;
margin-left: auto;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
z-index: 2;
}
#Interview .postDetail #Faq dl {
padding-top: 5%;
padding-bottom: 5%;
margin-bottom: 40px;
border-radius: 40px;
border-bottom-right-radius: 0;
background-color: #ffffff;
position: relative;
z-index: 0;
}
#Interview .postDetail #Faq dl::before {
content: '';
width: 80%;
height: 80%;
display: block;
position: absolute;
right: 3%;
bottom: 3%;
z-index: 0;
opacity: 0.5;
background-image: url("../images/bk_point.png");
background-position: top right;
background-repeat: no-repeat;
background-size: contain;
}
#Interview .postDetail #Faq dt {
margin-right: auto;
margin-bottom: 1.2em;
margin-left: auto;
font-family: "ta-kobe", sans-serif;
position: relative;
}
#Interview .postDetail #Faq dt p {
border-bottom: 3px dotted #013432;
}
#Interview .postDetail #Faq dd {
margin-right: auto;
margin-left: auto;
position: relative;
}
#Interview .postDetail #Faq dt p,
#Interview .postDetail #Faq dd p {
margin-left: 3%;
padding-top: 0.2em;
display: inline-block;
}
#Interview .postDetail #Faq dt::before, 
#Interview .postDetail #Faq dd::before {
content: '';
display: inline-block;
z-index: 1;
background-position: top left;
background-repeat: no-repeat;
background-size: contain;
}
#Interview .postDetail #Faq dt::before {
background-image: url("../images/ic_faq_q.png");
vertical-align: bottom;
}
#Interview .postDetail #Faq dd::before {
background-image: url("../images/ic_faq_a.png");
vertical-align: top;
}
#Interview .postDetail #Message .title {
margin-right: auto;
margin-left: auto;
}
#Interview .postDetail #Message .caption {
color: #33b995;
font-weight: bold;
text-align: center;
}
#Interview .postDetail #Message .contentsWrap {
margin-right: auto;
margin-left: auto;
background-color: #ebebeb;
font-weight: 500;
text-align: center;
}


/* RecruitInformation
----------------------------------------- */
#RecruitInformation #SubNavi ul {
margin-bottom: 100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#RecruitInformation #SubNavi li {
flex-grow: 1; 
}
#RecruitInformation #SubNavi li a {
color: #33b995;
background-color: #ffffff;
text-align: center;
display: block;
border: 3px solid #33b995;
box-shadow: 3px 3px rgba(0,0,0,0.2);
position: relative;
}
#RecruitInformation #SubNavi li a::before {
content: '';
width: 1em;
height: 1em;
display: block;
background-color: #33b995;
position: absolute;
right: -1px;
bottom: -1px;
z-index: 1;
box-sizing: border-box;
clip-path: polygon(0 100%, 100% 0%, 100% 100%);
}
#RecruitInformation h2 {
margin-bottom: 40px;
color: #33b995;
position: relative;
}
#RecruitInformation #Chuto h2,
#RecruitInformation #Parttime h2 {
color: #013432;
}
#RecruitInformation h2 span {
padding-right: 1.2em;
background-color: #ffffff;
position: relative;
z-index: 1;
}
#RecruitInformation h2::before {
content: '';
display: block;
width: 100%;
height: 2px;
background-color: #33b995;
position: absolute;
top: 50%;
z-index: 0;
}
#RecruitInformation #Chuto h2::before,
#RecruitInformation #Parttime h2::before {
background-color: #013432;
}
#RecruitInformation .wrapper .section {
margin-top: 100px;
margin-bottom: 150px;
}
#RecruitInformation .recruitDetail tr {
margin-bottom: 2em;
display: block;
}
#RecruitInformation .recruitDetail th {
min-width: 7em;
color: #ffffff;
}
#RecruitInformation .recruitDetail th span {
width: 100%;
display: block;
background-color: #33b995;
}

/* Entryform
----------------------------------------- */
#Entryform .formAttention h2 {
color: #33b995;
font-size: min(6vw,50px);
text-align: center;
}
#Entryform .formAttention .txtBlk {
color: #33b995;
text-align: center;
}
#Entryform .formTable th {
font-weight: 500;
}
#Entryform .formTable th .required {
padding-right: 0.7em;
letter-spacing: 0.3em;
background-color: #33b995;
}
#Entryform .submit input[type="submit"] {
background-color: #ffffff;
border: 6px solid #33b995;
border-radius: 0;
color: #33b995;
}
#Entryform #Entry {
display: none;
}
#FieldMessagePolicyCheck > .checkbox input[type="checkbox"]:checked::before {
background-color: #33b995;
border: 1px solid #33b995;
}


/* KYOUTSU END // PC BASE ==================== */
@media only screen and (min-width: 1160px){	

/* common CSS
============================================== */
.Blog #contentsTitle,
.general #contentsTitle {
margin-bottom: 100px;
padding-top: 68px;
width: 100%;
}
.Blog .pagination .number  {
font-size: min(6vw,32px);
}
.Blog .pagination .numberList {
margin-right: 1em;
margin-left: 1em;
}

/* headerRecruit
============================================== */
#headerRecruit .headerWrap {
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 20px;
width: 1160px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#headerRecruit .logo {
text-align: right;
}
#headerRecruit .logo a {
width: 378px;
height: 74px;
display: block;
overflow: hidden;
}
#headerRecruit .logo p {
line-height: 0.5;
font-size: 17px;
}


/* globalnavi
============================================== */
#headerRecruit .widget { 
text-align: right;
vertical-align: middle;
}
#headerRecruit ul.menu {
margin-left: auto;
display: flex;
flex: none;
justify-content: flex-end;
align-items: center;
}
#headerRecruit ul.menu a,
#headerRecruit ul.menu p {
padding-right: 0.4em;
padding-left: 0;
display: block;
color: #013432;
font-size: min(6vw,15px);
letter-spacing: 0.1em;
position: relative;
}
#headerRecruit ul.menu a::before,
#headerRecruit ul.menu p::before {
content: '';
margin-left: 0.5em;
margin-right: 1em;
width: 1.5em;
height: 0;
display: inline-block;
border: 0;
border-top: 1px solid #013432;
transform: rotate(-45deg);
vertical-align: middle;
}
#headerRecruit ul.menu li:last-of-type a::after,
#headerRecruit ul.menu li:last-of-type p::after {
content: '';
margin-left: 1em;
width: 1.5em;
height: 0;
display: inline-block;
border: 0;
border-top: 1px solid #013432;
transform: rotate(-45deg);
}
#headerRecruit ul.menu a:hover,
#headerRecruit ul.menu p:hover {
text-decoration: none;
}
#headerRecruit ul.menu li:hover {
-webkit-transition: all .5s;
transition: all .5s;
}
#headerRecruit ul.menu li:hover a {
color: #7d9b19;
}
#headerRecruit ul.menu #nav > li {
color: #013432;
}
#gnav ul > li:nth-last-child(n+2) {
border-right: 0;
}
#headerRecruit ul.menu #nav > li a {
position: relative;
}

/* RecruitAbout
============================================== */
#RecruitAbout .container {
width: 100%;
}
#RecruitAbout #Point .contentsWrap {
margin-right: auto;
margin-left: auto;
width: 1160px;
}
#RecruitAbout #headImg {
margin-bottom: 300px;
width: 100%;
}
#RecruitAbout #headImg figure {
margin-bottom: 80px;
}
#RecruitAbout #headImg h2 {
font-size: min(6vw,46px);
}
#RecruitAbout #headImg .txtBlk {
width: 940px;
font-size: min(6vw,20px);
}
#RecruitAbout #Point {
padding-bottom: 200px;
}
#RecruitAbout #Point h2 small {
font-size: min(6vw,29px);
}
#RecruitAbout #Point h2 strong {
font-size: min(6vw,86px);
}
#RecruitAbout #Point h2 span {
font-size: min(6vw,38px);
}
#RecruitAbout #Point ul li {
width: calc(95%/3);
}
#RecruitAbout #Point ul li .num small {
font-size: min(6vw,20px);
}
#RecruitAbout #Point ul li .num strong {
font-size: min(6vw,82px);
}
#RecruitAbout #Point ul li h3 {
line-height: 1.5;
min-height: 3.8em;
font-size: min(6vw,40px);
}
#RecruitAbout #Introduction {
padding-bottom: 150px;
}
#RecruitAbout #Introduction .title {
margin-bottom: 100px;
}
#RecruitAbout #Introduction .contentsWrap {
width: 1160px;
}
#RecruitAbout #Introduction .colBlk {
width: calc(95%/2);
}
#RecruitAbout #Introduction .colBlk h2 {
font-size: min(6vw,68px);
letter-spacing: 0.2em;
}
#RecruitAbout #Introduction .colBlk .caption {
font-size: min(6vw,29px);
letter-spacing: 0.1em;
}
#RecruitAbout #Carousel {
margin-bottom: 100px;
}
#RecruitAbout #Carousel .caption h3 {
/* width: 30%; */
width: 100%;
font-size: min(6vw,50px);
}
#RecruitAbout #Carousel .caption .txtBlk {
width: 70%;
}
#RecruitAbout #Carousel .slick-list {
padding: 0 20%!important;
}
#RecruitAbout #Carousel .slick-dots {
top: calc( 320 / 1160* 100vw);
}
#RecruitAbout #Carousel .slick-dots li button::before {
font-size: 15px;
}
#RecruitAbout #Carousel .prev-arrow {
left: 10%;
}
#RecruitAbout #Carousel .next-arrow {
right: 10%;
}
#RecruitAbout #Slide .contentsWrap {
margin-bottom: 80px;
padding-top: 70px;
width: 55%;
display: flex;
justify-content: flex-start;
}
#RecruitAbout #Slide .contentsWrap figure {
width: 114px;
height: auto;
}
#RecruitAbout #Slide .contentsWrap .txtBlk {
margin-left: 50px;
width: 80%;
}
#RecruitAbout #Slide .slide-arrow {
top: 40%;
}


/* Interview
============================================== */
#Interview .container {
margin-bottom: 100px!important;
width: 100%!important;
}
#Interview .entryList .postContents {
display: flex;
flex-wrap: nowrap;
}
#Interview .entryList .postContents:nth-child(odd) {
margin-right: auto;
margin-left: 0;
justify-content: flex-start;
}
#Interview .entryList .postContents:nth-child(even) {
margin-right: 0;
margin-left: auto;
justify-content: flex-start;
        flex-direction: row-reverse;
    }
    #Interview .entryList .postContents:nth-child(even) .itiran_img{
        width: 40%;
        padding-left: 35px;
        padding-right: 0;
      }
#Interview .entryList .postContents:nth-last-child(n+2) {
margin-bottom: 150px;
}
#Interview .entryList .postContents:last-of-type {
margin-bottom: 100px;
}
#Interview .entryList .postContents .photo_01 {
width: 40%;
}
#Interview .entryList .postContents .postWrap {
width: 35%;
}
#Interview .entryList .postContents:nth-child(even) .photo_01 {
order: 2;
}
#Interview .entryList .postContents:nth-child(even) .postWrap {
order: 1;
}
#Interview .entryList .postContents:nth-child(odd) .photo_01 {
margin-right: 80px;
}
#Interview .entryList .postContents:nth-child(even) .photo_01 {
margin-left: 80px;
}
#Interview .postContents .date {
font-size: min(6vw,19px);
}
#Interview .postContents .date .contentsWrap > div:nth-last-child(n+2) {
margin-right: 1em;
}
#Interview .postContents .ardor {
font-size: min(6vw,25px);
}
#Interview .postContents .comment {
font-size: min(6vw,20px);
text-align: justify;
}

/* postDetail
========================= */
#Interview .postDetail #Overview {
margin-bottom: 150px;
}
#Interview .postDetail #Overview > .contentsWrap {
margin-right: auto;
margin-left: auto;
width: 1160px;
position: relative;
}
#Interview .postDetail #Overview .photo_01 {
margin-bottom: 70px;
width: 68%;
}
#Interview .postDetail #Overview .photo_02 {
width: 60%;
position: absolute;
right: 0;
bottom: 14%;
z-index: 0;
}
#Interview .postDetail #Overview .date {
font-size: min(6vw,24px);
}
#Interview .postDetail #Overview .ardor {
font-size: min(6vw,34px);
}
#Interview .postDetail #Schedule .contentsWrap {
width: 1160px;
}
#Interview .postDetail #Schedule h2 {
margin-bottom: 80px;
font-size: min(6vw,47px);
}
#Interview .postDetail #Faq {
margin-bottom: 80px;
}
#Interview .postDetail #Faq .contentsWrap {
width: 1160px;
}
#Interview .postDetail #Faq dt {
width: 90%;
font-size: min(6vw,36px);
}
#Interview .postDetail #Faq dd {
width: 90%;
font-size: min(6vw,20px);
}
#Interview .postDetail #Faq dt p,
#Interview .postDetail #Faq dd p {
width: 89%;
}
#Interview .postDetail #Faq dt::before, 
#Interview .postDetail #Faq dd::before {
min-width: 82px;
min-height: 82px;
}

/* Message
========================= */
#Interview .postDetail #Message {
margin-bottom: 200px;
}
#Interview .postDetail #Message .title {
margin-bottom: 20px;
width: 940px;
}
#Interview .postDetail #Message .caption {
margin-bottom: 100px;
font-size: min(6vw,30px);
}
#Interview .postDetail #Message .contentsWrap {
padding-top: 100px;
padding-bottom: 100px;
width: 1160px;
border-radius: 40px;
}
#Interview .postDetail #Message .message {
margin-right: auto;
margin-left: auto;
width: 940px;
line-height: 2.2;
font-size: min(6vw,26px);
letter-spacing: 0.2em;
}
#Interview .postDetail .postDetailWrap {
margin-right: auto;
margin-left: auto;
width: 940px;
}

/* RecruitInformation
============================================== */
#RecruitInformation #SubNavi li a {
font-size: min(6vw,35px);
}
#RecruitInformation #SubNavi li:nth-last-child(n+2) {
margin-right: 2em;
}
#RecruitInformation h2 {
font-size: min(6vw,42px);
letter-spacing: 0.1em;
}
#RecruitInformation .recruitDetail th {
font-size: min(6vw,18px);
}
#RecruitInformation .recruitDetail td {
padding-left: 1.5em;
font-size: min(6vw,16px);
}


}/* PC END // SP BASE |||||||||||||||||||||||||||||| */
@media only screen and (max-width: 1159px){

/* common CSS
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.Blog #contentsTitle, 
.general #contentsTitle {
margin-bottom: 1.2em;
padding-top: 1em;
padding-bottom: 1em;
}
.Blog #contentsTitle h1, 
.general #contentsTitle h1 {
text-align: center;
}
.Blog #contentsTitle::before, 
.general #contentsTitle::before {
height: 40%;
}


/* carousel
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.slick-list {
padding: 0 10%!important;
}

/* globalnavi
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#navDrawer {
position: relative;
}
.navUnshown {
display:none;
}
#navOpen {
width: 44px;
height: 44px;
display: inline-block;
border: 3px solid rgba(1,52,50,0);
box-sizing: border-box;
vertical-align: middle;
position: fixed;
top: 5px;
right: 15px;
z-index: 999;
transition: all .15s linear;
transform: translateY(8px) rotate(0deg);
}
#navOpen::after {
content: '';
width: 0;
height: 0;
display: block;
border-top: 60px solid  rgba(212,213,50,0.9);
border-right: 80px solid  rgba(212,213,50,0.9);
border-left: 80px solid transparent;
border-bottom: 60px solid transparent;
position: fixed;
top: -20px;
right: -20px;
z-index: 0;
opacity: 1;
}
#navOpen span, #navOpen span:before, #navOpen span:after {
content: '';
margin: auto;
width: 100%;
height: 5px;
position: absolute;
background-color: #0f1c22;
display: block;
z-index: 999;
right: 0;
left: 0;
}
#navOpen span:before {
bottom: -16px;
left: 0;
}
#navOpen span:after {
bottom: -32px;
left: 0;
}
#navClose {
width: 100%;
height: 100%;
display: none;
position: fixed;
z-index: 99;
top: 0;
right: 0;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
#navContent {
padding-top: 5em;
padding-right: 3em;
padding-bottom: 3.5em;
padding-left: 1.5em;
width: auto;
min-width: 20em;
height: 100%;
max-height: 25em;
background-color: rgba(212,213,50,0.9);
border-bottom-left-radius: 50px; 
position: fixed;
top: 0;
right: 0;
z-index: 100;
overflow: auto;
transition: .4s ease-in-out;
transform: translate(100%, -100%);
}
#navInput:checked ~ #navClose {
display: block;
opacity: .5;
transition: all .15s linear;
}
#navInput:checked ~ #navContent {
transform:translate(0, 0);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#navInput:checked ~ #navOpen span, #navInput:checked ~ #navOpen span:before, #navInput:checked ~ #navOpen span:after {
height: 5px;
background-color: #013432;
}
#navInput:checked ~ #navOpen {
width: 44px;
height: 44px;
border: 3px solid #013432;
}
#navInput:checked ~ #navOpen::after {
opacity: 0;
}
#navInput:checked ~ #navOpen span {
width: 28px;
bottom: 16px;
transform: translateY(0) rotate(45deg);
transition: all .15s linear;
}
#navInput:checked ~ #navOpen span:before {
visibility: hidden;
}
#navInput:checked ~ #navOpen span:after {
width: 28px;
bottom: 0;
transform: translateY(0) rotate(95deg);
}
#gnav {
margin-top: 1.5em;
margin-right: auto;
margin-left: auto;
padding-top: 40px;
padding-bottom: 87px;
display: block;
width: 76%;
height: auto;
font-size: min(6vw,20px);
position: inherit;
top: 0;
right: 0;
left: 0;
}
#gnav li a {
line-height: 3;
display: block;
text-align: left;
position: relative;
color: #013432;
}
#gnav li a:hover {
text-decoration: none;
}
#gnav li a::before,
#gnav li p::before {
content: '';
margin-right: 0.5em;
margin-bottom: 3px;
width: 12px;
height: 4px;
line-height: 1;
background-color: #013432;
display: inline-block;
vertical-align: middle;
}


/* RecruitAbout
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#RecruitAbout .container {
width: 100%;
overflow: hidden;
}
#RecruitAbout .container > .contentWrap {
width: 100%;
}
#RecruitAbout #Point .contentsWrap {
margin-right: auto;
margin-left: auto;
width: 90%;
}
#RecruitAbout #headImg {
width: 100%;
}
#RecruitAbout #headImg figure {
margin-bottom: 80px;
}
#RecruitAbout #headImg h2 {
margin-right: auto;
margin-left: auto;
width: 90%;
font-size: min(7vw,46px);
}
#RecruitAbout #headImg .txtBlk {
width: 90%;
font-size: min(10vw,18px);
}
#RecruitAbout #Point {
padding-bottom: min(15vw,200px);
}
#RecruitAbout #Point h2 small {
font-size: min(13vw,25px);
}
#RecruitAbout #Point h2 strong {
font-size: min(15vw,86px);
}
#RecruitAbout #Point h2 span {
font-size: min(15vw,38px);
}
#RecruitAbout #Point ul li {
margin-bottom: 40px;
width: 270px;
max-width: 100%;
min-width: 43vw;
-webkit-display: inline-block;
display: inline-flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 580px){
#RecruitAbout #Point ul li {
padding-top: 10%;
padding-bottom: 12%;
width: 100%;
}
}
#RecruitAbout #Point ul li .num {
margin: auto;
}
#RecruitAbout #Point ul li .num small {
font-size: min(20vw,20px);
}
#RecruitAbout #Point ul li .num strong {
font-size: min(20vw,82px);
}
#RecruitAbout #Point ul li h3 {
margin: auto;
font-size: min(20vw,40px);
}
#RecruitAbout #Point ul li .txtBlk {
margin-right: auto;
margin-left: auto;
width: 90%;
}
#RecruitAbout #Introduction {
padding-bottom: min(15vw,150px);
}
#RecruitAbout #Introduction .title {
margin-bottom: 100px;
}
#RecruitAbout #Introduction .contentsWrap {
width: 90%;
}
#RecruitAbout #Introduction .colBlk h2 {
margin-bottom: 0.5em;
font-size: min(8vw,68px);
letter-spacing: 0.2em;
}
#RecruitAbout #Introduction .colBlk .caption {
margin-bottom: 0.5em;
line-height: 1.2;
font-size: min(7vw,29px);
letter-spacing: 0.1em;
}
#RecruitAbout #Introduction .colBlk .txtBlk {
text-align: justify;
}

/* Carousel
||||||||||||||||||||||||| */
#RecruitAbout #Carousel {
margin-bottom: min(6vw,80px);
}
#RecruitAbout #Carousel .caption {
padding-bottom: 20px;
}
#RecruitAbout #Carousel .caption h3 {
/* width: 3.5em; */
font-size: min(10vw,72px);
}
#RecruitAbout #Carousel .caption .txtBlk {
min-width: 30%;
text-align: justify;
}
#RecruitAbout #Carousel .slick-list {
padding: 0 12%!important;
}
#RecruitAbout #Carousel .slick-dots {
top: calc( 410 / 1160* 100vw);
}
#RecruitAbout #Carousel .slick-dots li button::before {
font-size: 15px;
}
#RecruitAbout #Slide .slide-arrow {
top:  20%;
width: calc( 100 / 1160* 100vw);
height: calc( 67 / 1160* 100vw);
}
#RecruitAbout #Carousel .prev-arrow {
left: 2%;
}
#RecruitAbout #Carousel .next-arrow {
right: 2%;
}
#RecruitAbout #Slide .contentsWrap {
margin-bottom: 80px;
padding-top: 40px;
width: auto;
min-width: 80%;
max-width: 55%;
display: flex;
justify-content: flex-start;
}
#RecruitAbout #Slide .contentsWrap figure {
margin-right: 5%;
width: min(20vw,114px);
height: auto;
}
#RecruitAbout #Slide .contentsWrap figure img {
width: 100%;
height: auto;
}
#RecruitAbout #Slide .contentsWrap .txtBlk {
width: 100%;
}


/* Interview
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Interview .container {
margin-bottom: 100px!important;
width: 100%!important;
}
#Interview .container > .contentWrap {
width: 100%!important;
}
#Interview .entryList .postContents {
display: block;
}
#Interview .entryList .postContents:nth-last-child(n+2) {
margin-bottom: min(15vw,150px);
}
#Interview .entryList .postContents:last-of-type {
margin-bottom: min(15vw,100px);
}
#Interview .entryList .postContents .photo_01 {
width: 90%;
}
#Interview .entryList .postContents .postWrap {
width: 90%;
}
#Interview .entryList .postContents:nth-child(odd) .photo_01, 
#Interview .entryList .postContents:nth-child(odd) .postWrap {
margin-right: auto;
margin-left: 0;
}
#Interview .entryList .postContents:nth-child(odd) .postWrap {
padding-left: 5%;
}
#Interview .entryList .postContents:nth-child(even) .photo_01,
#Interview .entryList .postContents:nth-child(even) .postWrap {
margin-right: 0;
margin-left: auto;
}
#Interview .entryList .postContents:nth-child(even) .postWrap {
padding-right: 5%;
}
#Interview .postContents .date {
font-size: min(10vw,17px);
}
#Interview .postContents .date .contentsWrap {
flex-wrap: wrap;
}
#Interview .postContents .ardor {
font-size: min(6vw,22px);
text-align: left;
}
#Interview .postContents .comment {
font-size: min(10vw,18px);
}


/* postDetail
||||||||||||||||||||||||| */
#Interview .postDetail #Overview {
margin-bottom: min(15vw,100px);
}
#Interview .postDetail #Overview > .contentsWrap {
margin-right: auto;
margin-left: auto;
width: 90%;
position: relative;
}
#Interview .postDetail #Overview .photo_01 {
margin-bottom: 150px;
width: 90%;
}
#Interview .postDetail #Overview .photo_02 {
width: 70%;
position: absolute;
right: 0;
top: 25%;
z-index: 0;
}
#Interview .postDetail #Overview .photo_01 figure,
#Interview .postDetail #Overview .photo_02 figure {
border-bottom-left-radius:  min(20vw,40px);
}
#Interview .postDetail #Overview .date {
margin-bottom: 20px;
font-size: min(10vw,22px);
}
#Interview .postDetail #Overview .date .contentsWrap {
flex-wrap: wrap;
}
#Interview .postDetail #Overview .date .contentsWrap > div {
line-height: 1.5;
}
#Interview .postDetail #Overview .ardor {
font-size: min(5vw,34px);
}
#Interview .postDetail #Overview .ardor > div p {
padding-top: 0.34em;
padding-bottom: 0.5em;
line-height: 1.5;
word-break: auto-phrase;
}

#Interview .postDetail #Schedule .contentsWrap {
width: 90%;
}
#Interview .postDetail #Schedule h2 {
margin-bottom: 40px;
font-size: min(6vw,47px);
word-break: auto-phrase;
}
#Interview .postDetail #Faq {
margin-bottom: 80px;
}
#Interview .postDetail #Faq .contentsWrap {
width: 90%;
}
#Interview .postDetail #Faq dt {
width: 90%;
line-height: 1.5;
font-size: min(5vw,28px);
display: flex;
}
#Interview .postDetail #Faq dd {
width: 90%;
font-size: min(6vw,18px);
display: flex;
}
#Interview .postDetail #Faq dt p {
padding-bottom: 0.2em;
}
#Interview .postDetail #Faq dt p,
#Interview .postDetail #Faq dd p {
width: 100%;
}
#Interview .postDetail #Faq dt::before, 
#Interview .postDetail #Faq dd::before {
width: max(10vw,60px);
height: max(10vw,60px);
}
/* Message
||||||||||||||||||||||||| */
#Interview .postDetail #Message .title {
margin-bottom: 20px;
width: 90%;
}
#Interview .postDetail #Message .caption {
margin-right: auto;
margin-bottom: 40px;
margin-left: auto;
width: 90%;
line-height: 1.5;
font-size: min(8vw,24px);
word-break: auto-phrase;
}
#Interview .postDetail #Message .contentsWrap {
padding-top: 40px;
padding-bottom: 40px;
width: 90%;
border-radius: 20px;
}
#Interview .postDetail #Message .message {
margin-right: auto;
margin-left: auto;
width: 85%;
line-height: 1.8;
font-size: min(8vw,20px);
letter-spacing: 0.2em;
}
#Interview .postDetail #post-detail {
margin-right: auto;
margin-left: auto;
width: 90%;
}


/* RecruitInformation
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#RecruitInformation #SubNavi li {
margin-bottom: 0.8em;
}
#RecruitInformation #SubNavi li:nth-last-child(n+2) {
margin-right: 1em;
}
#RecruitInformation #SubNavi li a {
padding-right: 0.5em;
padding-left: 0.5em;
font-size: min(6vw,35px);
}
#RecruitInformation h2 {
font-size: min(8vw,36px);
letter-spacing: 0.1em;
}
#RecruitInformation .recruitDetail th {
min-width: 1em;
font-size: min(8vw,18px);
display: block;
}
#RecruitInformation .recruitDetail td {
padding-left: .5em;
font-size: min(8vw,16px);
}
#RecruitInformation .recruitDetail th span {
padding-top: .5em;
padding-right: 2em;
padding-bottom: .5em;
padding-left: 0.8em;
/* width: 1em; */
display: block;
}



/* Works
|||||||||||||||||||||||||||||||||||||||||||||||||||| */


/* News
|||||||||||||||||||||||||||||||||||||||||||||||||||| */


/* Recruit
|||||||||||||||||||||||||||||||||||||||||||||||||||| */






}/* SP END |||||||||||||||||||||||||||||||||||||||| */