@charset "utf-8";

/* フォームvalid用 追加css */
.arrow input {
  background-color: #fff;
  border: 2px solid #cc2200;
  animation: blinkAnimation 1s ease infinite alternate;
}
@keyframes blinkAnimation {
  0% {border: 4px solid #cc2200;}
  100% {border: 4px solid #c5c5c5;}
}
.formErrorContent {
  font-weight: bold;
  color: #cc2200;
}

/* 納品後表示調整 */
.cv_01 li:nth-of-type(2) a::after {z-index: 10;}

/* レスポンシブサポート */
@media screen and (min-width:768px) and (max-width:1100px) {
  body {min-width: inherit;}

  /* header */
  .head h1 {
    width: 190px;
    left: 10px;
  }
  .head_tel {
    width: 220px;
    right: 300px;
  }
  .head_tel dt {font-size: 11px;}
  .head_contact,
  .head_contact a:link,
  .head_contact a:visited,
  .head_contact a:active,
  .head_contact::before,
  .head_contact::after {
    width: 280px;
    height: 64px;
  }
  .head_contact::before,
  .head_contact a::before,
  .head_contact a::after {content: none;}
  .head_contact {right: 10px;}
  .head_contact a:link,
  .head_contact a:visited,
  .head_contact a:active {
    padding-left: 0;
    background-image: none;
  }
  .head_contact a dd {padding-top: 8px;}
  .head_contact a dt {font-size: 24px;}

  /* width調整 */
  .cnt_01,.cnt_02,.cnt_03,.cnt_04,.cnt_05,
  .cnt_06,.cnt_07,.cnt_08,.cnt_09,.cnt_10,
  .cnt_11,.cnt_12,
  .mv_area,.cv_area,
  .cv_01,.cnt_04 div,.cnt_05 div,.cnt_05_01,
  .cnt_09_acc dt,.cnt_09_acc dd,.cnt_10 dl,
  .cnt_11 dt,.cnt_11 dd {width: 100%;}
  .cnt_03_wrap {min-width: inherit;}

  /* content */
  .cnt_01_wrap {padding: 155px 0 30px 0;}
  .cnt_01 div:nth-of-type(2) input[type="submit"], .cnt_01_btn::before {width: 100%;}
  .cnt_01 div:nth-of-type(1) {
    width: 100%;
    float: none;
  }
  .cnt_01 div:nth-of-type(2) {
    width: 80%;
    float: none;
    margin: 50px auto 20px;
  }

  .cnt_02_title {margin-bottom: 0;}
  .cnt_02 li {
    margin-top: 75px;
    height: 140px;
  }
  .cnt_02 li:nth-of-type(1) {margin-left: 10px;}
  .cnt_02 li:nth-of-type(4) {margin-right: 10px;}
  .cnt_02 div {line-height: 1.6;}
  .cnt_02 div span {text-decoration: underline;}
  .cnt_02 div span::after {content: none;}

  .cnt_03 {padding-bottom: 50px;}
  .cnt_03 h3 {font-size: 24px;}
  .cnt_03 li {padding: 10px 20px 15px 20px;}

  .cnt_04 div {padding: 45px;}
  .cnt_04 div h4 {line-height: 1.2;}
  .cnt_04 div:nth-of-type(1)::before,
  .cnt_04 div:nth-of-type(2)::before,
  .cnt_04 div:nth-of-type(3)::before,
  .cnt_04 div:nth-of-type(4)::before,
  .cnt_04 div:nth-of-type(5)::before,
  .cnt_04 div:nth-of-type(6)::before {
    top: -45px;
    margin-left: -38px;
    width: 80px;
    height: 72px;
    background-size: 80px 72px;
  }
  .cnt_04 div dl {padding-right: 360px;}
  .cnt_04 div:nth-of-type(1) dl,
  .cnt_04 div:nth-of-type(2) dl,
  .cnt_04 div:nth-of-type(3) dl,
  .cnt_04 div:nth-of-type(4) dl,
  .cnt_04 div:nth-of-type(5) dl,
  .cnt_04 div:nth-of-type(6) dl {background-size: 340px auto;}

  .cnt_05 div p {width: auto}

  .cnt_07 li {
    width: 30%;
    margin-bottom: 20px;
  }

  .cnt_08 li {
    width: 30%;
    margin-bottom: 20px;
  }

  .cnt_09::after {
    width: 220px;
    height: 175px;
    background-size: 220px auto;
    top: -61px;
    right: 2px;
  }

  /* splide */
  .splide__slide {
    width: 90%;
    max-width: 930px;
    padding: 30px;
  }
  .splide__slide ul {
    display: flex;
    justify-content: center;
  }
  .splide__slide li {
    position: static;
    width: 50%;
    margin: 0;
    padding: 0 20px;
  }
  .splide__slide li:nth-of-type(1) {
    margin: 0;
  }

  /* cv */
  .cv_01 {
    max-width: 800px;
    padding: 15px 0;
  }
  .cv_01 li:nth-of-type(1),
  .cv_01 li:nth-of-type(1) a img {width: 300px;}
  .cv_01 li:nth-of-type(1) {padding-top: 20px;}
  .cv_01 li:nth-of-type(2),.cv_01 li:nth-of-type(2) a:link, .cv_01 li:nth-of-type(2) a:visited, .cv_01 li:nth-of-type(2) a:active {
    width: 400px;
    padding-left: 0;
    background-image: none;
  }

  .cv_01 li:nth-of-type(2) {margin-right: 0;}
  .cv_01 li:nth-of-type(2) a::after {content: none;}
  .cv_area h3 {
    width: 750px;
    margin: 0 auto 5px auto;
    padding: 0 20px 0 220px;
  }
  .cv_02 {
    width: 160px;
    height: 160px;
    padding-top: 32px;
    padding-left: 10px;
    margin-top: 75px;
  }
  .cv_02 img {
    width: 150px;
    height: auto;
  }
}

@media screen and (min-width:768px) and (max-width:920px) {
  .cv_02 {left: 50px;}
}
@media screen and (min-width:921px) and (max-width:1100px) {
  .cv_02 {left: 120px;}
}

@media screen and (max-width:767px) {
  .mv_area_wrap {height: 138.2vw;}
  .mv_area p:nth-of-type(2) {top: 64.33vw;}
  .mv_area p:nth-of-type(3) {top: 84vw;}
  .splide__slide li {width: 100%;}
  .cnt_01 div:nth-of-type(1) {
    width: auto; 
    margin: 0;
  }
  .cnt_01 div.formErrorContent {text-align: left;}
}