@charset "utf-8";

/*
mainVisual
------------------------------*/
.mainVisual {
  background-image: url(../img/head_bg_sp.jpg);
  height: calc(250 / 375 * 100vw);
}
.mainVisual h1 {
  position: absolute;
  font-size: 3.2rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0px 3px 5px #000000CC;
  top: calc(20 / 375 * 100vw);
  left: calc(20 / 375 * 100vw);
}
@media (min-width: 740px) {
  .mainVisual {
    height: 470px;
    background-image: url(../img/head_bg_pc.jpg);
  }
  .mainVisual h1 {
    font-size: 4.8rem;
    top: 120px;
    left: 0;
  }
}
@media (min-width: 1921px) {
  .mainVisual {
    height: calc(470 / 1920 * 100vw);
  }
  .mainVisual .mainWrap {
    width: calc(950 / 1920 * 100vw);
  }
  .mainVisual h1 {
    font-size: calc(48 / 1920 * 100vw);
    top: calc(120 / 1920 * 100vw);
  }
}
/* contents
------------------------------*/
.contents {}
@media (max-width: 739px) {
  .contents .contInr {
    padding-bottom: 30px;
  }
}
@media (min-width: 740px) {
  .contents .contInr {
    padding-bottom: 100px;
  }
}

/* policy
------------------------------*/
.policy{margin-top: 38px;}
.policy .policyTxt{text-align: center;line-height: 1.8;font-size: 2.2rem;}
.policy .policyTxt p + p{margin-top: 35px;}
@media (max-width: 739px){
.policy .ttlLv1 .backTxt{line-height: 1;top: -35px;}
}
@media (min-width: 740px) {
.policy{margin-top: 100px;}
.policy .ttlLv1 .backTxt{font-size: 9.5rem;}
.policy .policyTxt{font-size: 2.2rem;line-height: 2;}
}
.profile{margin-top: 35px;}
.profile .profileList div{display: -webkit-flex;display: flex;align-items: center;border-bottom: 1px solid #BEBEBE;}
.profile .profileList div{padding-bottom: 12px;}
.profile .profileList div:not(:first-child){padding-top: 12px;}
.profile .profileList div dt{font-weight: 700;font-size: 1.8rem;min-width: 80px;}
.profile .profileList div dd{padding: 0 0 0 9px;}
.profile .profileList div dd p + p{margin-top: 20px;}
.txtList li{position: relative;padding-left: 1em;}
.txtList li::before{content: '・';display: inline-block;text-indent: -1em;}
@media (min-width: 740px) {
.profile{margin-top: 100px;}
.profile .profileList div{padding-bottom: 35px;}
.profile .profileList div:not(:first-child){padding-top: 34px;}
.profile .profileList div dt{padding: 0 62px;min-width: 240px;}
.profile .profileList div dd{padding: 0 76px 0 35px;}
.profile .profileList div dd p + p{margin-top: 30px;}
}

/* message
------------------------------*/
.message{margin-top: 40px;}
@media (max-width: 739px){
.message .messageBox picture{display: block;margin: 0 -10px;}
}
.message .messageBox p{margin-top: 10px;}
.message .messageBox .marginBig,
.message .messageBox .sign{margin-top: 25px;}
.message .messageBox .sign{text-align: right;}
@media (min-width: 740px) {
.message{margin-top: 100px;}
.message .messageBox{padding-top: 24px;}
.message .messageBox p{margin-top: 20px;}
.message .messageBox .marginBig,
.message .messageBox .sign{margin-top: 50px;}
}

/* health
------------------------------*/
.health{margin-top: 100px;}

@media (max-width: 739px){
    .health{margin: 22px -10px 20px;padding:9px;} 
    .health .ttlLv1 .backTxt{line-height: 1;top: -33px;}
}


/* introduction
------------------------------*/
.introduction{margin-top: 50px;}
.introduction .introClm{margin-top: 20px;display: -webkit-flex;display: flex;flex-direction: column;}
.introduction .introClm .clm dt{text-align: center;font-size: 1.8rem;font-weight: 700;}
.introduction .introClm .clm dd{margin-top: 10px;}
.introduction .introClm .clm dd picture + p{margin-top: 20px;}
@media (max-width: 739px){
.introduction .introClm .clm:not(:first-child){
margin-top: 40px;
}
}
@media (min-width: 740px) {
.introduction{margin-top: 100px;}
.introduction p + p{margin-top: 25px;}
.introduction .introClm{margin-top: 50px;justify-content: space-between;flex-direction: row;}
.introduction .introClm .clm{width: 450px}
.introduction .introClm .clm dd p + p{margin-top: 30px;}
.introduction .bottomPicture{margin-top: 75px;}
}

/* recruit
------------------------------*/
@media (max-width: 739px){
.recruit .ttlLv1{margin-top: 20px;}
}
@media (min-width: 740px){
.recruit{margin-top: 48px;}
}