@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif");
@import url("https://fonts.googleapis.com/css?family=Lato:200,500,700,900");
.mb0 {
  margin-bottom: 0 !important;
}
.tac {
  text-align: center !important;
}
.err {
  color: red;
  font-weight: bold;
}
body {
  overflow-x: hidden !important;
  overflow-y: auto;
}

  .intro .intro_box {
      display: flex;
    justify-content: space-between;
  }

  .intro .intro_box div:first-child {
    box-sizing: border-box;
    max-width: 630px;

  }

.jobc .intro_box {
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
  .mt20 {
    margin-top: 20px;
  }
  .sp {
    display: none;
  }
  .job .inner,.job .inner2,.job .inner3,
  header,
  header ul {
    display: flex;
  }
  .index {
    background: #fff;
  }
  .kv {
    position: relative;
  }
  header {
    width: 95%;
      margin-left: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .index header {
    background: none;
    position: absolute;
    padding: 38px 0 0;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .kv_second {
    position: relative;
  }
  .kv_second header {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 2;
  }
  header ul {
    justify-content: flex-end;
  }
  header ul li:first-child {
    margin-right: 17px;
  }
  header ul li,
  footer ul li {
    width: 200px;
    background: #e8c300 url(../img/icon_arrow_w.png) no-repeat 15% 50%;
    border: #ffe767 3px solid;
    color: #fff;
    text-align: center;
  }
  .index header ul li,
  footer ul li {
    width: auto;
    background: #e8c300 url(../img/icon_arrow_w.png) no-repeat 10% 50%;
  }
  header ul li a,
  footer ul li a {
    display: block;
    color: #fff;
    padding: 8px 0 8px 20px;
    font-size: 20px;
    font-weight: 900;
  }
  .index header ul li a,
  footer ul li a {
    padding: 8px 20px 8px 50px;
  }
  header ul li:hover,
  footer ul li:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  header ul li a:hover,
  footer ul li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .contact .tel,
  footer .tel,
  header .tel {
    font-family: Lato, sans-serif;
    font-weight: 900;
  }
  .ci img,
  .ci2 img {
    width: 388px;
    height: auto;
  }
  .txt1 {
    margin-top: 260px;
  }
  .img1 img,
  .img2 img {
    position: absolute;
    height: auto;
  }
  .img1 img {
    left: 20px;
    top: 150px;
    width: 366px;
  }
  .img2 img {
    right: 30px;
    top: 90px;
    width: 280px;
  }
  header .tel {
    font-size: 36px;
    color: #e60012;
  }
  header .tel i {
    font-size: 20px;
    vertical-align: 5px;
  }
  header .tel img {
    margin-right: 20px;
  }

  .job {

    padding: 55px 0 78px;
    text-align: center;
  }
    
.jobb {
    padding: 60px 0 0;
    text-align: center;
}
.jobc {
    padding: 60px 0 0;
    text-align: center;
}
  .jobb h2.ttl {
    background: url(../img/h2_blue_left.png) no-repeat left top;
    height: 111px;
    margin-bottom: 40px;
    padding: 47px 0 0 150px;
  }
  .jobc h2.ttl {
    background: url(../img/h2_blue_left.png) no-repeat left top;
    height: 111px;
    margin-bottom: 40px;
    padding: 47px 0 0 150px;
  }
  .job .inner {
    max-width: 1200px;
    width: 100%;
    margin: 10px auto;
    padding: 30px 25px;
    text-align: left;
    background: #fff;
    border: #e0060b 8px solid;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .job .inner2 {
    max-width: 1200px;
    width: 100%;
    margin: 10px auto;
    padding: 30px 25px;
    text-align: left;
    background: #fff;
    border: #5fceff 8px solid;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
    
  .job .inner3 {
    max-width: 1200px;
    width: 100%;
    margin: 10px auto;
    padding: 30px 25px;
    text-align: left;
    background: #fff;
    border: #7AC056 8px solid;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .job figure {
    width: 539px;
  }
  .job img {
    width: 100%;
    height: auto;
  }
  .job div {
    width: 533px;
    padding: 0 20px;
  }

  .job div h3 {
    font-size: 30px;
    color: #e0060b;
    margin-bottom: 13px;
    line-height: 1.3;
  }


  .job div p {
    margin-bottom: 19px;
  }
  .job .btn {
    width: 300px;
    background: #e0060b url(../img/icon_arrow_w.png) no-repeat 90% 48%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: 0 auto;
    transition: 0.3s;
  }
    
  .job .btn2 {
    width: 300px;
    background: #eb9644 url(../img/icon_arrow_w.png) no-repeat 90% 48%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: 0 auto;
    transition: 0.3s;
  }
    
  .job .btn3 {
    width: 300px;
    background: #7AC056 url(../img/icon_arrow_w.png) no-repeat 90% 48%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: 0 auto;
    transition: 0.3s;
  }
  .job .btn a {
    display: block;
    color: #fff;
    padding: 10px 0;
    width: 300px;
  }
  .job .btn a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .job .btn:hover {
    opacity: 0.6;
    filter: alpha(opacity=80);
  }
    
  .job .btn2 a {
    display: block;
    color: #fff;
    padding: 10px 0;
    width: 300px;
  }
  .job .btn2 a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .job .btn2:hover {
    opacity: 0.6;
    filter: alpha(opacity=80);
  }
    
  .job .btn3 a {
    display: block;
    color: #fff;
    padding: 10px 0;
    width: 300px;
  }
  .job .btn3 a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .job .btn3:hover {
    opacity: 0.6;
    filter: alpha(opacity=80);
  }

  .cate1,
  .cate2 {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
  }
  .cate1 {
    color: #fff;
    background: #a9cc40;
    padding: 10px 13px;
  }
  .cate2 {
    color: #fff;
    background: #eece22;
    padding: 10px 13px;
  }

  footer {
    background: #fff;
    color: #000;
    max-width: 1200px;
    margin: 20px auto 0;
    padding: 0 20px;
  }
  footer h1 {
    margin-bottom: 15px;
  }
  footer p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 22px;
  }
  footer .inner {
    text-align: left;
    display: flex;
    justify-content: space-between;
  }
  footer small {
    display: block;
    color: #707070;
    font-size: 12px;
    font-style: normal;
    margin-bottom: 22px;
  }

  .mv {
    width: 100%;
      padding-top: 48%;

    background: url(../img/mv.jpg) no-repeat;
    background-size: contain;
    position: relative;
    overflow: hidden;
  }
  .mv .pc {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    top: 135px;
    left: -15px;
  }

  .mv .pc img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }

  .mv2 {
    width: 100%;
    height: 55vw;
    background: url(../img/mv2.jpg) no-repeat 80% top;
    background-size: contain;
    position: relative;
    overflow: hidden;
  }
  .mv2:before {
    content: "";
    position: absolute;
    height: 290px;
    width: 300%;
    background: #fff;
    top: -200px;
    left: -100%;
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .mv2:after {
    content: "";
    position: absolute;
    height: 280px;
    width: 300%;
    background: #fff;
    bottom: -167px;
    left: -100%;
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
  .mv2 .inner {
    padding: 0 2%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
      padding-top: 17%;
    left: 0;

  }
  .mv2 .copy_top {
    margin: 0 0 10px -10px;
          z-index: 2
  }
    
  .copy_top img{
      width: 38vw;
  }

  .cv {
    background: #eb9644;
    padding: 85px 0 78px;
    color: #fff;
    text-align: center;
    position: relative;
  }
  .cv .bg {
    position: absolute;
    top: -60px;
    left: 0;
  }
  .cv .inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
  }
  .cv h2 {
    font-size: 35px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 30px;
  }
  .cv .left {
    width: 640px;
    margin-right: 20px;
  }
  .cv .right {
    width: 460px;

  }
  .cv .num,
  .cv .num a {
    font-size: 55px;
    font-weight: 700;
    font-family: Lato, sans-serif;
    line-height: 1;
  }
  .cv .num {
    margin-bottom: 20px;
  }
  .cv .left ul {
      width: 100%;
      text-align: left;
      display: flex;
      justify-content: center;

  }
  .cv .left ul li {
    overflow: hidden;
            padding-top:5px; 
  }
  .cv .left ul li span {
    display: inline-block;
    border: #fff 1px solid;
    padding: 1px 7px;
    text-align: center;
    float: left;
    margin: 0 15px 0 0;
  }
  .cv .left ul li:first-child {
    margin-right: 5px;
  }
  .cv .entry:last-child {
    margin-top: 12px;
  }
  .cv .entry {
    background: #e8c300 url(../img/icon_arrow_w.png) no-repeat 13% 50%;
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    border: #ffe767 3px solid;
  }
  .cv .entry a {
    display: block;
    color: #fff;
    padding: 13px 0 13px 10px;
    width: 100%;
  }

  h2.ttl {
    display: inline-block;
    margin: 0;
    font-size: 65px;
    font-family: Lato, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #eb9644;
  }

  h2.ttl2 {
    display: inline-block;
    margin: 0;
    font-size: 65px;
    font-family: Lato, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #eb9644;

  }

  .intro {
    background: #fff;
    text-align: right;
    padding: 20px 2% 0;
    -moz-transform: skew(0deg, -6deg);
    -webkit-transform: skew(0deg, -6deg);
    transform: skew(0deg, -6deg);
  }
  .intro .inner {
    max-width: 1200px;
    margin: 0 auto;
    -moz-transform: skew(0deg, 6deg);
    -webkit-transform: skew(0deg, 6deg);
    transform: skew(0deg, 6deg);
  }
  .intro .inner p {
    text-align: left;
  }

  .jobc .inner p {
    text-align: left;
  }
  .intro .inner a {
    color: #eb9644;
    text-decoration: underline;
  }
  .intro h2.ttl {
    background: url(../img/h2_orange_left.png) no-repeat left top;
    height: 111px;
    margin-top: 20px;
    padding: 47px 0 0 150px;
  }
  .intro h2.ttl2 {
    background: url(../img/h2_otrange_left.png) no-repeat left top;
    height: 111px;
    margin-top: 20px;
    font-size: 65px;
    font-family: Lato, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #eb9644;
          padding: 47px 0 0 100px;
      margin: auto;
            width: 400px;
  }
  .intro h3 {
    font-size: 30px;
    font-weight: 500;
    color: #eb9644;
    padding: 0 0 20px;
    text-align: left;
    line-height: 1;
  }

  .jobc h3 {
    font-size: 30px;
    font-weight: 500;
    color: #eb9644;
    padding: 0 0 20px;
    text-align: left;
    line-height: 1;
  }

.jobc .inner {
    max-width: 1200px;
    margin: 0 auto;
}
    
.aboutbox2 {
    box-sizing: border-box;
    border: #5fceff 8px solid;
    max-width: 600px;
}

 .aboutbox2 img{

     width: 100%;
}   
  .intro .intro_box div:first-child img {
    width: 100%;
  }
    
    .aboutbox{
    box-sizing: border-box;
    max-width: 630px;
    border: #eb9644 8px solid;
    }
    
  .intro .intro_box div {
    
  }
    .pa20{
        padding: 20px;
    }

  .works {
    margin-top: 100px;
    padding: 20px 2% 300px;
    background: #eb9644;
    color: #fff;
    -moz-transform: skew(0deg, 6deg);
    -webkit-transform: skew(0deg, 6deg);
    transform: skew(0deg, 6deg);
  }
  .works .inner {
    max-width: 1200px;
    margin: 0 auto 40px;
    -moz-transform: skew(0deg, -6deg);
    -webkit-transform: skew(0deg, -6deg);
    transform: skew(0deg, -6deg);
  }
  .works h2.ttl {
    color: #fff;
    background: url(../img/h2_white_right.png) no-repeat right top;
    height: 111px;
    margin-bottom: 20px;
    padding: 45px 150px 0 0;
  }
  .works .inner1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 70px;
  }
  .works .inner1:last-child {
    padding: 20px;
  }
  .works h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    padding: 0 ;
    border-bottom: #fff 2px solid;
  }
  .works .inner1 div {
    width: 600px;
    padding: 0 2%;
      font-size: 0.9em;
  }
  /* .works .inner-box1 h3,
  .works .inner-box1 p {
    padding-left: 88px;
  } */
  .works .inner-box2 h3,
  .works .inner-box2 p {
    padding-right: 88px;
  }
  .works .img {
    max-width: 584px;
    border: #ee7800 8px solid;

  }
  .works .img img {
    width: 100%;
    height: 100%;
          object-fit: cover;
  }

  .interview {
    margin-top: -300px;
    padding: 100px 3% 0;
    background: #ffddbc;
    position: relative;
    -moz-transform: skew(0deg, -6deg);
    -webkit-transform: skew(0deg, -6deg);
    transform: skew(0deg, -6deg);
  }
  .interview h2.ttl {
    background: url(../img/h2_orange_left.png) no-repeat left top;
    height: 111px;
    margin-top: -70px;
    padding: 47px 0 0 150px;
  }
  .interview h3 {
    color: #ee7800;
    font-size: 23px;
      line-height: 1.4;
    font-weight: 700;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: #ee7800 2px solid;
  }
  .interview .inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    -moz-transform: skew(0deg, 6deg);
    -webkit-transform: skew(0deg, 6deg);
    transform: skew(0deg, 6deg);
  }
  .interview .inner2 {
    max-width: 1200px;
    margin: 20px auto 0;
    padding-bottom: 200px;
    display: flex;
    justify-content: space-between;
    -moz-transform: skew(0deg, 6deg);
    -webkit-transform: skew(0deg, 6deg);
    transform: skew(0deg, 6deg);
  }
  .interview .prof {
    max-width: 600px;
    width: 100%;
    text-align: center;
    margin-top: -180px;
  }

  .interview .prof img {
    width: 90%;
    margin-top: auto;
  }

  .interview .prof p {
    position: relative;
    background: #eb9644;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    margin: -100px auto 0;
    max-width: 80%;
    padding: 5%;
  }
  .interview .prof p span {
    font-size: 24px;
    font-weight: 500;
  }
  /* .interview .right {
    max-width: 540px;
  } */
  .interview .inner .article {
    padding-left: 20px;
    margin-top: 40px;
  }
  .interview .inner2 .article {
    max-width: 540px;
    padding-right: 2%;
  }
  .interview .article p {
    margin-bottom: 30px;
  }
  .interview .inner2 .img p {
    max-width: 584px;
    border: #eb9644 8px solid;
    margin-bottom: 30px;
  }
  .interview .inner2 .img img {
    width: 100%;
  }

  .welfare {
    padding: 30px 2% 0;
    background: #fff;
    margin-top: -160px;
    -moz-transform: skew(0deg, 6deg);
    -webkit-transform: skew(0deg, 6deg);
    transform: skew(0deg, 6deg);
  }
  .welfare .inner {
    max-width: 1200px;
    margin: 0 auto 70px;
    -moz-transform: skew(0deg, -6deg);
    -webkit-transform: skew(0deg, -6deg);
    transform: skew(0deg, -6deg);
  }
  .welfare h2.ttl {
    background: url(../img/h2_orange_right.png) no-repeat right top;
    height: 111px;
    margin-bottom: 40px;
    padding: 45px 150px 0 0;
  }
  .welfare .inner_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 52px;
  }
  .welfare .inner_box .box {
    max-width: 600px;
    text-align: center;
    position: relative;
  }
  .welfare .inner_box .no {
    width: 169px;
    height: 160px;
    background: url(../img/bg_welfare_o.png) no-repeat left top;
    color: #fff;
    font-size: 72px;
    font-weight: 700;
    position: absolute;
    top: -20px;
    left: 30px;
    padding: 0 0 0 20px;
  }
  .welfare .inner_box img {
    margin-bottom: 20px;
    width: 95%;
  }
  .welfare .inner_box h3 {
    font-size: 30px;
    color: #eb9644;
    line-height: 1.3;
    margin-bottom: 10px;
  }

  .require {
    background: #f2f2f2;
    padding: 80px 0;
    text-align: center;
  }
  .require h2.ttl {
    margin-bottom: 80px;
  }
  .require .inner {
    max-width: 1200px;
    margin: 0 auto;
  }
  .require .table {
    padding: 25px 25px 0;
    background: #fff;
  }
  .require .table {
    padding: 25px 25px 0;
    background: #fff;
  }
  .require table {
    border-collapse: collapse;
    max-width: 1150px;
  }
  .require table tr {
      width: 100%;
  }
  .require table th {
    font-weight: 700;
    width: 10%;
    text-align: left;
    color: #eb9644;
    font-size: 24px;
    font-weight: 700;
  }
  .require table td {
    width: 40%;
    text-align: left;
    font-size: 20px;
  }
  .require table th,
  .require table td {
    padding: 40px 0;
    border-bottom: solid 1px #b2b2b2;
  }

  .require table .bbn {
    border-bottom: none;
  }

  .info {
    padding: 75px 0;
    color: #fff;
    background: url(../img/bg_footer.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
  }
  .info .inner {
    max-width: 1200px;
    margin: 0 auto;
  }
  .info h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .info p {
    font-size: 18px;
    margin-bottom: 22px;
  }
  .info .num {
    font-size: 60px;
    color: #eb9644;
    font-weight: 700;
    font-family: Lato, sans-serif;
    line-height: 1;
    margin-bottom: 22px;
  }
  .info ul {
    display: flex;
    justify-content: center;
    font-size: 20px;
  }
  .info ul li span {
    display: inline-block;
    background: #fff;
    color: #000;
    padding: 1px 16px;
    text-align: center;
  }
  .info ul li .pc {
    padding: 0;
    background: none;
  }
  .info ul li:first-child {
    margin-right: 45px;
  }

  #entry {
    padding: 80px 2% 120px;
    text-align: center;
  }
  #entry h2.ttl {
    margin-bottom: 70px;
  }

  a[href^="tel:"] {
    pointer-events: none;
  }
  .telpopup-open {
    pointer-events: none;
  }
  a {
    text-decoration: none;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  a:hover {
    opacity: 0.4;
    filter: alpha(opacity=60);
  }
  #page-top {
    bottom: 20px;
    right: 15px;
    font-size: 48px;
    line-height: 1;
    position: fixed;
    z-index: 9999;
  }

  .CMS-FORM-GROUP {
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
    text-align: left;
  }
  .CMS-FORM-GROUP label {
    width: 25%;
    font-weight: 700;
    font-size: 24px;
    color: #eb9644;
  }
  .CMS-FORM-GROUP input,
  .CMS-FORM-GROUP textarea {
    width: 74%;
    padding: 1rem;
    border: #ddd solid 1px;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .CMS-FORM-GROUP textarea {
    height: 16rem;
  }
  .CMS-FORM-GROUP select {
    padding: 0.8rem;
    border-radius: 4px;
    border: #ddd solid 1px;
    box-sizing: border-box;
  }

  /* .CMS-FORM-INPUT-LABEL:after,
  .CMS-FORM-EMAIL-LABEL:after,
  .CMS-FORM-NUMBER-LABEL:after,
  .CMS-FORM-TEL-LABEL:after,
  .CMS-FORM-SELECT-LABEL:after {
    content: "必須";
    display: inline-block;
    font-size: 12px;
    color: #fff;
    text-align: center;
    width: 56px;
    height: 28px;
    border-radius: 3px;
    background: #5fceff;
    margin-left: 16px;
    line-height: 28px;
  } */
  .CMS-FORM-GROUP input[type="submit"] {
    background: #eb9644 url(../img/icon_arrow_w.png) no-repeat 12% 50%;
    border: none;
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 1.3rem;
    width: 24rem;
    padding: 1.6rem 0;
    margin: 0 auto;
    transition: all 0.3s;
    display: block;
  }
  .CMS-FORM-GROUP input[type="submit"]:hover {
    cursor: pointer;
    opacity: 0.5;
  }

  form {
    max-width: 1200px;
    margin: 0 auto;
  }
  /*form dl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    text-align: left;
  }
  form dt {
    width: 330px;
    margin: 0 30px 10px 0;
    font-weight: 700;
    font-size: 24px;
    color: #eb9644;
  }
  form dt span {
    display: inline-block;
    line-height: 1em;
    background: #0086fe;
    color: #fff;
    font-size: 0.85em;
    font-weight: normal;
    padding: 6px;
    margin: 0 0 0 15px;
    float: right;
  }
  form dd {
    width: 95%;
    font-size: 1.125em;
    color: #333;
  }
  form dl.first {
    display: flex;
    align-items: center;
  }
  form dl.first dd {
    font-size: 28px;
  }
  form dl.list dt {
    padding: 12px 5px 0 0;
    vertical-align: top;
  }
  form .list dd {
    font-size: 1.5em;
    font-weight: normal;
  }
  form input[type="text"],
  form textarea {
    width: 768px;
    padding: 10px 20px;
    background: #fff;
    border: #bbbbbb solid 1px;
    border-radius: 4px;
    font-size: 1.5em;
  }
  form input.w30 {
    width: 30%;
    margin: 0 10px 0 0;
  }
  form input.w50 {
    width: 50%;
    margin: 0 10px 0 0;
  }
  form input[type="radio"] {
    display: none;
  }
  form label {
    position: relative;
    padding: 0 0 0 35px;
  }
  form label:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff;
    border: #bbbbbb solid 1px;
    border-radius: 100%;
    margin: 0 5px 0 0;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
  }
  form select {
    padding: 20px;
    background: #fff;
    border: #bbb solid 1px;
    border-radius: 3px;
  }
  form input[type="checkbox"],
  form input[type="radio"] {
    display: none;
  }
  form input[type="radio"]:checked + label:after {
    content: "";
    display: inline-block;
    background: #666;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    top: 7px;
  }
  form input[type="checkbox"] + label {
    display: inline-block;
    margin: 0 30px 20px 0;
  }
  form input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff;
    border: #bbbbbb solid 1px;
    border-radius: 0;
    margin: 0 5px 0px 0;
    position: absolute;
    left: 0;
    top: 5px;
    box-sizing: border-box;
  }
  form input[type="checkbox"]:checked + label::after {
    content: "";
    display: inline-block;
    background: #666;
    width: 15px;
    height: 15px;
    border-radius: 0;
    position: absolute;
    left: 7px;
    top: 12px;
  }
  .sbtn {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .sbtn input {
    display: inline-block;
    width: 450px;
    margin: 35px auto 0;
    text-align: center;
    background: #eb9644 url(../img/icon_arrow_w.png) no-repeat 12% 50%;
    color: #fff;
    border: none;
    font-size: 24px;
    font-weight: 700;
    padding: 38px 0 35px 15px;
  }
  a[value] {
  }
  .sbtn input:hover {
    opacity: 0.7;
    cursor: pointer;
  } */
}

@media screen and (max-width: 1000px) {
  .cv .inner {
    flex-direction: column;
  }
  .cv .left,
  .cv .right {
    margin: 20px auto;
  }
  /* form dl {
    display: block;
  }
  form dl.first {
    display: block;
  }
  form dt span {
    float: none;
  }
  form dd {
    width: 95%;
  }
  form input[type="text"],
  form textarea {
    width: 100%;
  } */
  .interview .prof {
    max-width: none;
    margin-bottom: 90px;
  }
  .interview .prof img {
    width: 70%;
  }
    
.interview .prof p {
    max-width: 70%;
    padding: 5%;
    box-sizing:border-box
}

  .interview .inner .article {
    padding-left: 0;
  }
  .interview .inner,
  .interview .inner2 {
    flex-direction: column;
  }
  .interview .inner2 .article,
  .interview .inner2 .img p {
    max-width: none;
    width: 98%;
  }
}

@media screen and (max-width: 767px) {
  body {
    min-width: initial;
  }
  .mb65 {
    margin-bottom: 30px !important;
  }
  .fs12 {
    font-size: 12px !important;
  }
  .index {
    background: #fff;
  }
  .cate1,
  .cate2,
  .cate3,
  .contact,
  footer,
  p.ci,
  p.ci2,
  ul.lcmenu2 li {
    text-align: center;
  }
  .pc {
    display: none;
  }
  .btn {
    margin: 0 auto;
  }
  .drawer-hamburger-icon,
  .drawer-hamburger-icon:after,
  .drawer-hamburger-icon:before {
    background-color: #fff;
  }
  button {
    margin: 0;
  }
  button span {
    color: #fff;
  }
  ul.lcmenu2 {
    border-top: solid 1px rgba(255, 255, 255, 0.4);
    display: flex;
    flex-wrap: wrap;
  }
  ul.lcmenu2 li {
    width: 25%;
    height: 32px;
    line-height: 32px;
    font-size: 10px;
    letter-spacing: 0;
    font-weight: 700;
  }
  ul.lcmenu2 li:nth-child(4) {
    width: 24%;
  }
  ul.lcmenu2 i {
    font-size: 8px;
    margin-right: 3px;
  }
  ul.lcmenu2 li:nth-child(1),
  ul.lcmenu2 li:nth-child(2),
  ul.lcmenu2 li:nth-child(3) {
    border-right: dotted 1px rgba(255, 255, 255, 0.3);
  }
  ul.lcmenu2 li a {
    display: block;
    color: #fff;
  }

  .mv {
    width: 100%;
    height: 0;
    background: url(../img/mv_sp.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 92.936802973977%;
    position: relative;
  }
  .mv .sp {
    position: absolute;
    width: 80%;
    top: 40px;
    left: 15px;
  }
  .mv .sp img {
    width: 100%;
  }
  .mv2 {
    width: 100%;
    height: 0;
    background: url(../img/mv2_sp.jpg) no-repeat center bottom;
    background-size: cover;
    margin-top: 50px;
    padding-top: 125.466666%;
    position: relative;
  }
  /*.mv2:after {
		content: "";
		position: absolute;
		height: 280px;
		width: 300%;
		background: #fff;
		bottom: -200px;
		left: -100%;
		-webkit-transform: rotate(-6deg);
		-ms-transform: rotate(-6deg);
		-o-transform: rotate(-6deg);
		transform: rotate(-6deg);
	}*/
  .mv2 .copy_top img,
  .mv2 .copy_bottom img {
    width: 90%;
  }
  .mv2 .inner {
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0;
  }
  .copy_bottom_sp {
    text-align: center;
    margin-top: -130px;
    position: relative;
    z-index: 1;
  }
  .copy_bottom_sp img {
    width: 90%;
  }

  header.nav {
    width: 100%;
    background: #e8c300;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2;
  }
  ul.lcmenu1 {
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
  }
  ul.lcmenu1 li {
    margin: 0 3px;
  }
  ul.lcmenu1 li img {
    width: auto;
    height: 30px;
  }
  ul.lcmenu1 li:first-child {
    border: 2px solid #fff;
    border-radius: 5px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    margin-right: 5px;
    color: #fff;
  }
  ul.lcmenu1 .entry a {
    color: #fff;
    border: #fff 2px solid;
    padding: 4px 10px;
    border-radius: 4px;
  }
  ul.lcmenu1 li:first-child a {
    display: block;
    color: #fff;
  }
  h1 {
    font-size: 10px;
    font-weight: 400;
    color: #fff;
  }
  header h1 img {
    height: 30px;
  }
  .contact .tel,
  .cv .num,
  footer .tel {
    font-weight: 900;
    font-family: Lato, sans-serif;
  }
  header p.ci {
    background: #fff;
  }
  p.ci,
  p.ci2 {
    line-height: 1;
  }
  .ci img,
  .ci2 img {
    width: 280px;
    height: auto;
  }

.intro h2.ttl2 {
    background: url(../img/h2_blue_left.png) no-repeat left top;
background-size: contain;
    margin-bottom: 40px;

    padding: 0 0 0 70px;
        font-size: 35px;
    background-size: contain;
    font-family: Lato, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #eb9644;
    padding: 5px 0 0 30px;
}

  .job {

    padding: 55px 25px;
    text-align: center;
  }
  .jobb {

    padding: 55px 25px;
    text-align: center;
  }
  .jobb h2.ttl {
    background: url(../img/h2_blue_left.png) no-repeat left top;
    background-size: contain;
    margin-bottom: 40px;
    margin-left: -30px;
    padding: 0 0 0 70px;
  }
  .job .inner {
    padding: 20px;
    background: #fff;
      margin: 10px 0;
    border: #e0060b 8px solid;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .job .inner2 {
    padding: 20px;
    background: #fff;
          margin: 10px 0;
    border: #eb9644 8px solid;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .job .inner3 {
    padding: 20px;
    background: #fff;
          margin: 10px 0;
    border: #7AC056 8px solid;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .job div p {
font-size: 0.8em;
    }
  .job img {
    width: 100%;
    height: auto;
    margin-bottom: 18px;
  }
  .job div h3 {
    font-size: 22px;
    color: #eb9644;
    margin-bottom: 13px;
    line-height: 1.3;
  }
  .job .btn {
    width: 100%;
    background: #e0060b url(../img/icon_arrow_w.png) no-repeat 90% 50%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
  }
  .job .btn2 {
    width: 100%;
    background: #5fceff url(../img/icon_arrow_w.png) no-repeat 90% 50%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
  }
  .job .btn3 {
    width: 100%;
    background: #7AC056 url(../img/icon_arrow_w.png) no-repeat 90% 50%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-top: 20px;
  }
  .job .btn a {
    display: block;
    color: #fff;
    padding: 10px 0;
    width: 100%;
  }

  .job .btn2 a {
    display: block;
    color: #fff;
    padding: 10px 0;
    width: 100%;
  }
  .job .btn3 a {
    display: block;
    color: #fff;
    padding: 10px 0;
    width: 100%;
  }

  .cate1,
  .cate2 {
    display: inline-block;
    line-height: 2.2;
    margin-right: 3px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
  }
  .cate1 {
    color: #fff;
    background: #a9cc40;
    padding: 5px 5px;
  }
  .cate2 {
    color: #fff;
    background: #eece22;
    padding: 5px 5px;
  }

  footer {
    background: #fff;
    color: #000;
    padding: 55px 25px 30px;
  }
  footer h1 {
    margin-bottom: 15px;
      text-align: center;
  }
  footer h1 img {
    width: 60%;
  }
  footer p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 22px;
    text-align: center;
  }
  footer .inner {
    text-align: left;
    display: flex;
    flex-direction: column;
  }
  footer .inner div:first-child {
    order: 2;
  }
  footer .inner div:last-child {
    order: 1;
  }
  footer small {
    display: block;
    color: #707070;
    font-size: 12px;
    font-style: normal;
    margin-bottom: 22px;
    text-align: center;
  }
  footer ul li {
    background: #e8c300 url(../img/icon_arrow_w.png) no-repeat 15% 50%;
    color: #fff;
    text-align: center;
    border: #ffe767 3px solid;
    font-weight: 700;
    margin-bottom: 20px;
  }
  footer ul li a {
    display: block;
    color: #fff;
    padding: 14px 0;
    width: 100%;
  }

  .cv {
    background: #eb9644;
    padding: 50px 25px;
    color: #fff;
    text-align: center;
    position: relative;
  }
  .cv .bg {
    width: 100px;
    position: absolute;
    top: -25px;
    left: 0;
  }
  .cv .inner {
    position: relative;
    z-index: 1;
  }
  .cv h2 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 25px;
    font-weight: 500;
    line-height: 1;
  }
  .cv .left {
    margin-bottom: 15px;
  }
  .cv .num,
  .cv .num a {
    font-size: 40px;
    font-weight: 700;
    font-family: Lato, sans-serif;
    line-height: 1;
  }
  .cv .num {
    margin-bottom: 20px;
  }
  .cv .left ul li {
    text-align: center;
    margin-bottom: 15px;
  }
  .cv .left ul li span {
    display: block;
    width: 83px;
    border: #fff 1px solid;
    margin: 0 auto 8px;
    padding: 1px 0;
    text-align: center;
    float: none;
  }
  .cv .entry {
    width: 100%;
    background: #e8c300 url(../img/icon_arrow_w.png) no-repeat 5% 50%;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    border: #ffe767 3px solid;
  }
  .cv .entry a {
    display: block;
    color: #fff;
    padding: 13px 0 13px 10px;
    width: 100%;
  }
  .cv .entry:last-child {
    margin-top: 12px;
  }

  h2.ttl {
    display: inline-block;
    margin: 0 0 40px;
    font-size: 30px;
    font-family: Lato, sans-serif;
    font-weight: 900;
    line-height: 1;
    color: #eb9644;
  }

  .intro {
    background: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0;
  }
  /*.intro:before {
		content: "";
		position: absolute;
		height: 200px;
		width: 300%;
		background: #fff;
		bottom: -70px;
		left: -100%;
		-webkit-transform: rotate(6deg);
		-ms-transform: rotate(6deg);
		-o-transform: rotate(6deg);
		transform: rotate(6deg);
	}*/
  .intro .inner {
    padding: 50px 25px;
    color: #333;
    position: relative;
  }
  .intro .inner p {
    text-align: left;
      font-size: 1em;
  }
  .intro .inner a {
    color: #eb9644;
    text-decoration: underline;
  }
  .intro h2.ttl {
    background: url(../img/h2_orange_left.png) no-repeat left top;
    background-size: contain;
    padding: 0 0 0 70px;
    margin-left: -30px;
    margin-top: 40px;
  }
  .intro h3 {
    font-size: 25px;
    font-weight: 500;
    color: #eb9644;
    padding: 30px 0;
    text-align: left;
    line-height: 1.3;
  }
  .intro .intro_box {
  }
  .intro .intro_box:last-child {
    margin-bottom: 0;
  }
  .intro .intro_box div:first-child {
    box-sizing: border-box;
    border: #eb9644 8px solid;
  }
  .intro .intro_box div:first-child img {
    width: 100%;
  }
    

    
    
    .jobc {
    background: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 0;
  }
  /*.jobc:before {
		content: "";
		position: absolute;
		height: 200px;
		width: 300%;
		background: #fff;
		bottom: -70px;
		left: -100%;
		-webkit-transform: rotate(6deg);
		-ms-transform: rotate(6deg);
		-o-transform: rotate(6deg);
		transform: rotate(6deg);
	}*/
  .jobc .inner {
    padding: 50px 25px;
    color: #333;
    position: relative;
  }
  .jobc .inner p {
    text-align: left;
      font-size: 1em;
  }
  .jobc .inner a {
    color: #eb9644;
    text-decoration: underline;
  }
  .jobc h2.ttl {
    background: url(../img/h2_blue_left.png) no-repeat left top;
    background-size: contain;
    padding: 0 0 0 70px;
    margin-left: -30px;
    margin-top: 40px;
  }
  .jobc h3 {
    font-size: 25px;
    font-weight: 500;
    color: #eb9644;
    padding: 30px 0;
    text-align: left;
    line-height: 1.3;
  }
  .jobc .intro_box {
      display: inline;
  }
  .jobc .intro_box:last-child {
    margin-bottom: 0;
  }
  .jobc .intro_box div:first-child {
    box-sizing: border-box;
    border: #eb9644 8px solid;
  }
  .jobc .intro_box div:first-child img {
    width: 100%;
  }

  .works {
    padding: 40px 0 0;
    background: #eb9644;
    color: #fff;
    position: relative;
  }
  .works .inner {
    padding-bottom: 40px;
  }
  .works h2.ttl {
    color: #fff;
    background: url(../img/h2_white_right.png) no-repeat right top;
    background-size: contain;
    margin-bottom: 30px;
    padding: 20px 90px 0 25px;
  }
  .works .inner1 {
    margin-bottom: 50px;
    padding: 0 25px;
  }
  .works .inner1:last-child {
    margin-bottom: 0;
  }
  .works h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
    padding: 20px 0;
    border-bottom: #fff 2px solid;
  }
  .works .inner1 {
    display: flex;
    flex-direction: column;
  }
  .works .inner1 .img {
    order: 1;
  }
  .works .inner1 .inner-box1,
  .works .inner1 .inner-box2 {
    order: 2;
  }
  .works .img {
    border: #eb9644 8px solid;
  }
  .works .img img {
    width: 100%;
    height: auto;
  }

  .interview {
    background: #ffeddb;
    position: relative;
  }
  /*.interview:before {
		content: "";
		position: absolute;
		height: 200px;
		width: 300%;
		background: #DBF4FA;
		top: -70px;
		left: -100%;
		-webkit-transform: rotate(-6deg);
		-ms-transform: rotate(-6deg);
		-o-transform: rotate(-6deg);
		transform: rotate(-6deg);
	}
	.interview:after {
		content: "";
		position: absolute;
		height: 200px;
		width: 300%;
		background: #fff;
		bottom: -70px;
		left: -100%;
		-webkit-transform: rotate(6deg);
		-ms-transform: rotate(6deg);
		-o-transform: rotate(6deg);
		transform: rotate(6deg);
	}*/
  .interview h2.ttl {
    background: url(../img/h2_orange_left.png) no-repeat left top;
    background-size: contain;
    margin-bottom: 30px;
    padding: 20px 0 0 70px;
  }
  .interview h3 {
    color: #ed6d35;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: #ed6d35 2px solid;
  }
  .interview .inner {
    position: relative;
    z-index: 1;
    padding: 50px 25px 0;
  }
  .interview .inner2 {
    margin-top: 20px;
    padding: 0 25px 50px;
  }
  .interview .prof {
    text-align: center;
    margin-bottom: 30px;
      width: 85%;
      margin:0 auto 30px auto;
      
  }
  .interview .prof img {
    width: 100%;
  }
  .interview .prof p {
    position: relative;
    background: #eb9644;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    margin: -100px auto 0;
    padding: 25px 14px 25px 20px;
      box-sizing:border-box;
    width: 100%;
      max-width: 100%;
  }
  .interview .prof p span {
    font-size: 20px;
    font-weight: 500;
  }
  .interview .right {
    margin-top: 50px;
  }
  .interview .article p {
    margin-bottom: 40px;
  }
  .interview .inner2 .img p {
    border: #eb9644 8px solid;
    margin-bottom: 30px;
  }
  .interview .inner2 .img img {
    width: 100%;
  }

  .welfare {
    position: relative;
    z-index: 1;
  }
  .welfare .inner {
    padding: 50px 25px 0;
  }
  .welfare h2.ttl {
    background: url(../img/h2_orange_right.png) no-repeat right top;
    background-size: contain;
    margin-bottom: 40px;
    padding: 20px 90px 0 0;
  }
  .welfare .inner_box {
    margin-bottom: 50px;
  }
  .welfare .inner_box .box {
    text-align: center;
    position: relative;
  }
  .welfare .inner_box .no {
    width: 100px;
    height: 100px;
    background: url(../img/bg_welfare_o.png) no-repeat left top;
    background-size: contain;
    color: #fff;
    font-size: 60px;
    line-height: 1.3;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 15px;
  }
  .welfare .inner_box img {
    width: 90%;
    margin-bottom: 20px;
  }
  .welfare .inner_box h3 {
    font-size: 22    font-size: 22px;
    color: #eb9644;
    line-height: 1.3;
    margin-bottom: 10px;
  }
  .welfare .inner_box p {
    margin-bottom: 30px;
    text-align: left;
  }

  .require {
    background: #f2f2f2;
    padding: 55px 25px;
    text-align: center;
  }
  .require h2.ttl {
    margin-bottom: 50px;
  }
  .require .table {
    padding: 20px 20px 0;
    background: #fff;
  }
  .require table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .require table th {
    width: 100%;
    font-weight: 700;
    text-align: left;
    color: #eb9644;
    font-size: 20px;
    text-align: left;
    padding: 15px 0 5px;
  }
  .require table td {
    width: 100%;
    text-align: left;
    padding: 0 0 15px;
    border-bottom: solid 1px #b2b2b2;
  }

  .require table .bbn {
    border-bottom: none;
  }

  .info {
    padding: 50px 0;
    color: #fff;
    background: url(../img/bg_footer.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
  }
  .info .inner {
    padding: 0 25px;
  }
  .info h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
  }
  .info p {
    font-size: 16px;
    margin-bottom: 18px;
  }
  .info .num {
    font-size: 40px;
    color: #eb9644;
    font-weight: 700;
    font-family: Lato, sans-serif;
    line-height: 1;
    margin-bottom: 22px;
  }
  .info ul {
    font-size: 18px;
  }
  .info ul li span {
    display: block;
    background: #fff;
    color: #000;
    padding: 1px 16px;
    margin-bottom: 10px;
    text-align: center;
  }
  .info ul li .pc {
    display: none;
  }
  .info ul li:first-child {
    margin-bottom: 20px;
      font-size: 0.8em;
  }

  #entry {
    padding: 55px 25px;
    text-align: center;
  }
  .drawer-nav {
    background-color: #eb9644;
    color: #fff;
    z-index: 9999;
  }
  .drawer-hamburger {
    background: #333 !important;
    color: #fff;
    padding: 9px 0 0;
    height: 41px;
    font-size: 12px;
    width: 72px;
    text-align: center;
    line-height: 1.4;
    font-weight: 700;
  }
  .drawer-nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 13px;
    font-weight: 700;
  }
  .drawer-nav ul li:last-child a:before {
    content: "";
  }
  .drawer-nav ul li a {
    color: #fff;
    display: block;
    padding: 17px 15px;
  }
  a {
    text-decoration: none;
  }
  #page-top {
    display: block;
    font-size: 40px;
    line-height: 1;
    position: fixed;
    bottom: 15px;
    right: 10px;
    z-index: 1;
  }
  .CMS-FORM-GROUP {
    display: block;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    text-align: left;
  }
  .CMS-FORM-GROUP label {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    color: #eb9644;
    font-size: 20px;
  }
  .CMS-FORM-GROUP input,
  .CMS-FORM-GROUP textarea {
    width: 100%;
    padding: 1rem;
    border: #ddd solid 1px;
    border-radius: 4px;
    box-sizing: border-box;
  }
  .CMS-FORM-GROUP select {
    padding: 0.8rem;
    border-radius: 4px;
    border: #ddd solid 1px;
    box-sizing: border-box;
  }
  .CMS-FORM-GROUP textarea {
    height: 16rem;
  }
  .CMS-FORM-GROUP input[type="submit"] {
    background: #eb9644 url(../img/icon_arrow_w.png) no-repeat 10% 50%;
    border: none;
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 1.3rem;
    max-width: 24rem;
    padding: 1.6rem 0;
    margin: 0 auto;
    transition: all 0.3s;
    display: block;
  }
  .CMS-FORM-GROUP input[type="submit"]:hover {
    cursor: pointer;
    opacity: 0.5;
  }
  /* form {
    width: 100%;
  }
  form dl {
    width: 100%;
    margin-bottom: 25px;
  }
  form dt {
    text-align: left;
    color: #eb9644;
    font-size: 1.125em;
    margin: 0 10px 10px 0;
    font-weight: 700;
  }
  form dt span {
    display: inline-block;
    line-height: 1em;
    background: #0086fe;
    color: #fff;
    font-size: 0.85em;
    font-weight: normal;
    padding: 6px;
    margin: 0 0 0 15px;
  }
  form dd {
    font-size: 1.125em;
    color: #333;
    text-align: left;
  }
  form dl.first {
    display: flex;
    align-items: center;
  }
  form dl.first dd {
    font-weight: bold;
    font-size: 28px;
  }
  form dl.list dt {
    padding: 12px 5px 0 0;
  }
  form .list dd {
    font-size: 1.5em;
    font-weight: normal;
  }
  form .list .fs1 {
    font-size: 1em;
    font-weight: normal;
  }
  form .w30 {
    width: 50% !important;
  }

  form input[type="text"],
  form textarea {
    width: 100%;
    padding: 20px 0;
    background: #fff;
    border: #bbbbbb solid 1px;
    border-radius: 4px;
  }
  form select {
    padding: 20px;
    background: #fff;
    border: #bbb solid 1px;
    border-radius: 3px;
  }
  form input[type="checkbox"],
  form input[type="radio"] {
    display: none;
  }
  form label {
    position: relative;
    padding: 0 0 0 35px;
  }
  form label:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff;
    border: #bbb solid 1px;
    border-radius: 100%;
    margin: 0 5px 0 0;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
  }
  form input[type="radio"]:checked + label:after {
    content: "";
    display: inline-block;
    background: #666;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    top: 7px;
  }
  form input[type="checkbox"] + label {
    display: inline-block;
    margin: 0 0 10px 0;
  }
  form input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff;
    border: #bbbbbb solid 1px;
    border-radius: 0;
    margin: 0 5px 0px 0;
    position: absolute;
    left: 0;
    top: 5px;
    box-sizing: border-box;
  }
  form input[type="checkbox"]:checked + label::after {
    content: "";
    display: inline-block;
    background: #666;
    width: 15px;
    height: 15px;
    border-radius: 0;
    position: absolute;
    left: 7px;
    top: 12px;
  }
  form .sbtn {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  form .sbtn {
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  form .sbtn input {
    display: block;
    width: 100%;
    margin: 50px auto 0;
    text-align: center;
    background: #eb9644 url(../img/icon_arrow_w.png) no-repeat 10% 50%;
    color: #fff;
    border: none;
    font-size: 24px;
    font-weight: 700;
    padding: 25px 0 23px 10px;
  }
  form .sbtn input:hover {
    opacity: 0.7;
  } */

  .telpopup-open,
  .telpopup-close {
    cursor: pointer;
  }
  #telpopup-frame {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
  }
  #telpopup-frame-inner {
    position: fixed;
    width: 90%;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  }
  .telpopup-close {
    padding: 30px 0 0 0;
  }
  .telpopup-close img {
    vertical-align: bottom;
  }
  .telpopup-close a {
    font-size: 0.9rem;
    line-height: 1;
    text-decoration: none;
    background: #ddd;
    border-radius: 5px;
    display: block;
    text-align: center;
    padding: 20px 0;
    color: #000;
    font-weight: bold;
  }
  #telpopup-gotel {
    font-size: 0.9rem;
    line-height: 1.7;
    text-decoration: none;
    background: #1793e6;
    border-radius: 5px;
    display: block;
    text-align: center;
    padding: 10px 10px 10px 10px;
    color: #fff;
  }
  #telpopup-shop {
    font-size: 1.2rem;
    line-height: 1.7;
  }
  #telpopup-gotel img {
    vertical-align: baseline;
  }
  #telpopup-gotel a {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 900;
    font-family: Lato, sans-serif;
    color: #fee645;
  }
  #telpopup-stelb {
    padding: 15px 0 0 0;
  }
  #telpopup-stelb dl {
    margin: 0 0 10px 0;
  }
  #telpopup-stelb dt {
    font-weight: bold;
    line-height: 1em;
  }
  #telpopup-stelb dd:last-of-type {
    font-size: 0.9em;
  }
  .tellink {
    pointer-events: none;
    text-decoration: none;
    color: #fee645;
  }
  a.animated-button.victoria {
    padding-left: 20px;
  }
}

@media screen and (max-width: 320px) {
  body {
    width: 100%;
  }
}

@media screen and (min-width: 2001px) {
  .mv {
    width: 100%;
    height: 934px;
    background: url(../img/mv.jpg) no-repeat center center;
    background-size: cover;
  }
  .mv2 {
    width: 100%;
    height: 1066px;
    background: url(../img/mv2.jpg) no-repeat center center;
    background-size: cover;
  }
  .mv2:after {
    content: "";
    position: absolute;
    height: 280px;
    width: 300%;
    background: #fff;
    bottom: -150px;
    left: -100%;
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}

/*guideline_txt-------------------------*/
#guideline_txt {
  margin: 10px 0 25px;
}
#guideline_txt .txt_box {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#guideline_txt .txt_box h3 {
  text-align: center;
  color: #124691;
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  #guideline_txt .txt_box h3 {
    text-align: left;
    font-size: 18px;
  }
}

  .appeal .inner {
    max-width: 1000px;
    width: 92%;
    margin: 0 auto;
    padding: 10px 0 120px;
  }

  .appeal .inner h1 {
    font-size: 35px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
          padding-top: 50px;
    padding-bottom: 50px;
      color: #000;
  }

  .appeal h3 {
    font-size: 28px;
    font-weight: 500;
    color: #2c2e33;
    padding-bottom: 10px;
    text-align: left;
  }

  .appeal .intro_box {
    background: #f9f9f9;
    border-radius: 6px;
    margin-bottom: 40px;
    padding: 45px 6% 45px 0;
    display: flex;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    box-shadow: 8px 8px 15px -5px #333;
      box-sizing:border-box;
  }

  .appeal .intro_box:last-child {
    margin-bottom: 0;
  }

  .appeal .intro_box div:first-child {
    width: 28%;
    padding: 0 1.5% 0 7%;
    text-align: center;
  }

  .appeal .intro_box div:last-child {
    width: 67%;
    max-width: 680px;
  }

  .appeal .intro_box div:last-child img {
    position: absolute;
    top: -20px;
    left: -20px;
  }

  .appeal p {
    line-height: 1.6;
  }

.point-num {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  color: #fff;
  font-family: "EB Garamond", serif;
  font-weight: 700;
  font-size: 48px;
  background: #eb9644;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .point-num {
    top: -15px;
    left: -15px;
    width: 16vw;
    height: 16vw;
    font-size: 8vw;
  }
.appeal .intro_box{
        display: block;
    }
    .appeal .intro_box div{
        margin: 0 auto;
    }
    
}
@media screen and (max-width: 1000px) {
  .intro .intro_box {
      display: block;
    justify-content: space-between;
  }  
  .intro .intro_box div:first-child {
    box-sizing: border-box;
    max-width: 100%;
    border: #eb9644 8px solid;
  }
}

.leader{
    background: #ffddbc;
}

.leaderprof img{
    width: 100%;
}

.leaderinner{
    width: 900px;
    margin:auto;
    padding: 50px;

}

.leaderprof{
    background: #eb9644;
}

.leaderprof p{
    color: #fff;
    padding: 40px;
}

.leaderprof span{
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
}

.leader h2.ttl {
    background: url(../img/h2_orange_left.png) no-repeat left top;
    height: 111px;
    margin-top: 0;
    padding: 47px 0 0 150px;
}

.riri{
    width: 100%;
    text-align: right;
}

@media screen and (max-width: 1000px) {
.leaderinner{
    width: 100%;
    margin:auto;
padding:40px 0;
}

.leaderprof{
    width: 90%;
    background: #eb9644;
    margin: auto;
}

.leaderprof img{
    width: 100%;
    background: #eb9644;
}
.leader h2.ttl {
    background: url(../img/h2_orange_left.png) no-repeat left top;
    background-size: contain;
    margin-bottom: 30px;
    padding: 20px 0 0 90px;
    height: auto;
    margin-left: 20px;
}
    .riri{
    width: 100%;
    text-align:left;
}
    .leaderprof p{
    color: #fff;
    padding: 20px;
}
    .leaderprof span{
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
}
    
}
@media screen and (max-width: 375px) {
.appeal .inner {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 20px;
}
.appeal h3 {
    font-size: 17px;
    font-weight: 500;
    color: #2c2e33;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
}
    .appeal .intro_box div:first-child {
    width: 28%;
    padding: 0;
    text-align: center;
}
      .appeal .inner h1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 50px;
                  padding-top: 0;
          color: #000;
  }

}

@media screen and (max-width: 768px) {
        .copy_top{
        padding-top: 60%;
    }

}

form span {
    display: inline-block;
    line-height: 1rem;
    background: #eb9644;
    color: #fff;
    font-size: 0.85em;
    font-weight: normal;
    padding: 7px;
    margin: 0 20px 10px 15px;
}

@media screen and (min-width: 768px){
.kv_second header {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
}}

    .jh3b{
        color: #49C3E4;
    }  
    .jh3g{
        color: #7AC056;
    }