@charset "utf-8";
/* CSS Document */

.l-section.page-header-recruit{
display:-ms-flexbox;
display:flex;
-ms-flex-item-align:center;
align-self:center;
height:10rem;
background-image:url('../images/bgr_pagetitle_01.png');
background-repeat:no-repeat;background-position:center center;
background-size:cover;
/*background:#CCC;*/}

@media only screen and (max-width:768px){.l-section.page-header-recruit{height:56vw}}.l-section.page-header-recruit .l-container,.l-section.page-header-recruit .page-title{display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;width:100%}@media only screen and (max-width:768px){.l-section.page-header-recruit .l-container,.l-section.page-header-recruit .page-title{-ms-flex-pack:center;justify-content:center}}
.l-section.page-header-recruit .l-container
{-ms-flex-pack:center;justify-content:center;
margin:0 auto;
padding-top:0;
padding-bottom:0;
/*background-image:url('../images/bgr_pagetitle_02.png');*/
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
height:100%}
.l-section.page-header-recruit .page-title{-ms-flex-direction:column;flex-direction:column;
color:#FFFFFF;
text-shadow:0 0 6px #333333;
}
@media only screen and (max-width:768px){.l-section.page-header-recruit .page-title{text-align:center}}.l-section.page-header-recruit .page-title p{margin-bottom:0.75rem;font-family:'Lato', sans-serif;font-size:4rem;line-height:1;letter-spacing:-0.015em}@media only screen and (max-width:768px){.l-section.page-header-recruit .page-title p{font-size:10vw}}.l-section.page-header-recruit .page-title h2{font-size:1.3125rem;line-height:1;letter-spacing:-0.015em;font-weight:500}@media only screen and (max-width:559px){.l-section.page-header-recruit .page-title h2{font-size:4.2vw}}

.section-page {padding-top:1rem !important;}

    .intro {
      background-color: white;
      max-width: 1024px;
      margin: 0 auto 3rem auto;
      padding: 1.5rem;
      border-radius: 1rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      display: flex;
      align-items: center;
      gap: 2rem;
      /*height: 300px;*/
	  box-sizing: border-box;
	  justify-content: space-between;
    }
    /*.intro-text {flex: 1;}*/
    .intro h2 {
      font-size: 1.75rem;
      margin-bottom: 0.5rem;
    }

.intro h2 span {font-size:65%; font-weight:normal; display: block; line-height:0.9;}

    .intro p {
      margin: 0.25rem 0;
    }
    .intro img {
      width: 300px;
      height: 300px;
      object-fit: cover;
      border-radius: 0.5rem;
    }
    .intro-description {
      margin-top: 1rem;
      font-size: 0.95rem;
      color: #374151;
    }
@media only screen and (max-width: 768px) {
	.intro { display: block;}
	.intro img {width: 100%; margin-bottom: 1em;}
}

#recruitTop h3.ques {
margin: 5rem 0 1.5rem 0 !important;
font-size: 1.5rem;
font-weight: 600;
position: relative;
padding-bottom:0.5em;
    }

#recruitTop h3.ques:before {
    background-color: #dde4eb;
    width: 100%;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
}

#recruitTop h3.ques:after {
	width: 50px;
	background-color: #F8C1C0;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
}

    /*.card {
      background: white;
      padding: 1.5rem;
      border-radius: 1rem;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .card p {
      margin-bottom: 1rem;
    }*/
    .qqtx {
      display: block;
      margin-bottom: 0.25rem;
      color: #E53550;
	  font-weight: bold;
    }

.answerCnt {display: flex; justify-content: space-between;}
.ans-img {margin-left:1.5em; object-fit: cover; border-radius: 0.5rem; width:300px;}
.ans-imgB {margin:1em auto 0 auto; object-fit: cover; border-radius: 0.5rem; width:70%;}
@media only screen and (max-width: 768px) {.answerCnt {display: block;} .ans-img {width:100%; margin-left:0; margin-top:1em;}.ans-imgB {width:100%;}}