@charset "utf-8";

/* グローバル */
body{background-color: #fff; font-size: 14px; margin: 0;}
img{width:100%;}
.container.v3{max-width: 1200px;}
.container.v2{max-width: 1000px;}
.container.vc{max-width: 800px;}
.container.vc2{max-width: 600px;}
.site-content{margin-top: 80px;}
a{cursor: pointer;}
main{margin: 0;}
/*div{line-height:0;}*/

/* header */
.header{width: 100%;display: contents;}
.head-box{display: flex; padding: 15px 30px;}
.head_contact{display: flex; margin-left: auto; width: 30%; align-items: center;}
.head_contact img{padding-left: 10px;}
.head_contact a{padding: 0 0px 0 0;}
.head-logo{width: 10%;}

/* main */
.concept-box{padding-top: 100px;}
.contact_box{position: relative;}
.contact_ab{position: absolute; bottom: 8%; right: 0; left: 0; text-align: center;}
.contact_abc{text-align: center; padding: 50px 0 0;}
.contact_ab img{width: 25%;}
.contact_abc img{width: 35%;}

.common-box{margin: 0 auto; padding: 50px 0 ;}
.movie-box video{width: 100%;}
.contact_ab.k2{bottom: 6.8%;}

.tenzi-box{position: relative;}

.form-box{padding: 5%;}
.form-box .title{ width: 50%; display:block;margin: 0 auto; margin-bottom: 4%;}

/* footer */
.footer{text-align: center;}
.foot_logo{padding: 50px 0;}
.foot_logo img{width: 13%;}
.foot_copy{background-color: #71b267;}
.foot_text{padding-bottom: 30px;}
.foot_text p{margin-bottom: 23px;}
.foot_copy p{color: #fff; padding: 15px 0; margin: 0;}






/* --------------------------contact--------------------------- */
.tab-area {
  display: flex;
  justify-content: space-around;
  background-color: transparent;
  width: 50%;
  margin: 0 auto;
  cursor: pointer;}
  .tab {
    width: 45%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #71b267;
    border: 2px solid #71b267;
    border-radius: 50px;
  }
  .tab.active {
    background-color: #71b267;
    border-radius: 50px;
    color: white;
  }
.content-area {
  /*font-size: 30px;*/
  /*text-align: center;*/
}
.content {
    display: none;
    width: 60%;
    margin: 0 auto;
  }
  .content.show {
    margin-top: 50px;
    display: block;
  }

#page-contact {
  margin-top: 2em;
}
.contact .must-text {
  color: white;
  padding: 0.2em;
  padding-right: 0.4em;
  padding-left: 0.4em;
  margin-right: 0.5em;
  background-color: #A3D6CC;
}
.contact .small {
  line-height: 1.5;
}

.contact7 {
  max-width: 90%;
  width: 80%;
  margin: auto;
  margin-top: 2em;
  box-sizing: border-box;
}
table.contact7,
tbody {
  border-color: white;
  /*text-align: center;*/
}


.contact7 th,
td {
  border-width: 0px 0px; 
  border-collapse: collapse;
  padding-top: 1em;
  padding-bottom: 1em;
}

.date th,
.date td {
  border-color: white;
}
.contact7 th {
  font-weight: normal;
  font-size: 14px;
  white-space: nowrap;
}
.contact7 .must-icon{
  width: 96.7%;
    margin: 0 auto;
    display: block;
    text-align: left;

}


.contact7 .not-must{
  width: 96.7%;
    margin: 0 auto;
    display: block;
    text-align: left;


}
.contact7 .must-icon::before {
  content: "必須";
  color: white;
  padding: 0.2em;
  padding-right: 0.4em;
  padding-left: 0.4em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  background-color: #A3D6CC;
  
}

.contact7 th.not-must::before {
  content: "任意";
  color: white;
  padding: 0.2em;
  padding-right: 0.4em;
  padding-left: 0.4em;
  margin-right: 0.5em;
  background-color: #d3d3d3;
}

.contact .box {
  border: solid 0.8px #707070;
  width: 80%;
  margin: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 1em;
}
.contact .btn {
  padding: 0.3em 2em !important;
  text-decoration: none !important;
  border: solid 1px #707070 !important;
  color: #707070 !important;
  border-radius: 2em !important;
}
.contact .box a {
  text-align: center;
  display: block;
  max-width: 600px;
  margin: auto;
  margin-top: 1em;
}

input[type="text"],input[type="number"],input[type="url"],input[type="email"],input[type="tel"],input[type="date"] {
    width: 96.7%;
    height: 36px;
    margin: 4px auto;
}
select{width: 97.6%;}
textarea{width: 96.7%;}



.message{width: 80%;margin:0 auto;text-align: center;}



.message p{
margin: 5% auto;
    font-size: 2em;
}

.hs-button{
  width: 335px;
    height: 70px;
    color: #fff;
    border: none;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 4px solid #37761D;
    background: #37761D;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    transition: all 0.5s !important;
    -moz-transition: all 0.5s !important;
    -webkit-transition: all 0.5s !important;
}

.message a{
  background: #37761D;
    border-color: #37761D;
    color: #ffffff;
    font-size: 17px;
    line-height: 17px;
    font-family: arial, helvetica, sans-serif;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    line-height: 12px;
    position: relative;
    text-align: center;
    transition: all .15s linear;
    color: #fff;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    padding: 12px 24px;
    margin: 0 auto;
    display: table;
}

footer a{
  color: black; 
  text-decoration: none;
}


/*---PC---*/
@media (min-width: 768px){
  .pc-hidden{display: none;}
  .contact_ab.k2 {
    bottom: 8%;
	}

}

/*---スマホ---*/
@media only screen and (max-width: 767px) {
  .sm-hidden{display: none;}

  /* header */
  .header{text-align: center;}
  .head_contact{display: none;}
  .head-box{display: block; padding: 15px 20px;}
  .head-logo{width: 100%;}

  /* main */
  .common-box{margin: 0 5%;}
  .contact_ab img {width: 60%;}
  .contact_abc img {width: 60%;}
  .contact_ab{bottom: 15%;}
  .contact_ab img {width: 60%;}
  .contact_ab.k2 {bottom: 3%;}

  /* .footer */
  .foot_logo img {width: 40%;}
  .foot_copy p{font-size: 10px;}
  .form-box .title {
    width: 100%;
  }
  .content {
    display: none;
    width: 100%;}
    .tab-area {
    display: flex;
    justify-content: space-around;
    background-color: transparent;
    width: 100%;
    margin: 10% auto;
    cursor: pointer;
}
.message{width: 80%;margin:0 auto;text-align: left;}

.message p{
  margin: 5% auto;
    font-size: 1.2em;
    line-height: normal;
    line-height: 2em;
}
.head-box img {
    width: 100px;
}

}

/* 川﨑コード */
.tenzi-box{background-color: #f9f9f9; padding: 100px 0;}
.tenzi01{width: 80%; margin: 0 auto; background-color: #fff; padding: 5%; box-shadow: 0px 0px 1px 1px #f9f9f9;}
.tenzi_top{width: 70%; margin: 0 auto; padding: 30px 0;}
.tenzi01_box{width: 100%; background-color: #f9f9f9; margin-bottom: 50px;}
.tenzi02_box{width: 100%; background-color: #f9f9f9;}
.tenzi_item{padding: 8% 8%;}
.tenzi_item .cata{display: flex;}
.tenzi_item .cata > span{display: block; width: 15%; padding: 10px 15px; color: #fff; text-align: center; border-radius: 50px; margin: 0 10px 30px; font-size: 16px; box-sizing: content-box;}
.tenzi_item .cata .cata01{background-color: #f80909;}
.tenzi_item .cata .cata02{background-color: #0332ff;}
.tenzi_item .tenzi_title{color: #71b267; font-size: 26px; border-left: 2px solid #71b267; padding-left: 15px; margin: 26px 0;}
.tenzi_item .tenzi_text{font-size: 18px; margin: 18px 0;}
.tenzi_item .tenzi_deta table{width: 100%; border-spacing: 5px!important; border-collapse: unset;}
.tenzi_item .tenzi_deta tr{background-color: #fff;}
.tenzi_item .tenzi_deta tr th{padding: 15px 0; margin: 0 5px;}
.tenzi_item .tenzi_deta tr td{padding: 15px 0; margin: 0 5px;}
.tenzi_item .tenzi_deta .data01{width: 30%; text-align: center; color: #fff; background-color: #71b267;}
.tenzi_item .tenzi_deta .data02{width: 100%; text-align: left; padding-left: 10px;}
.tenzi_item .tenzi_deta .data02.k2{display: block;}
.tenzi_item .tenzi_image{display: flex; justify-content: space-between;}
.tenzi_item .tenzi_image > img{width: 49%;}
.tenzi_item .tenzi_image02{text-align: center;}
.tenzi_item .tenzi_image02 img{width: 50%; margin: 50px 0 0;}



/*---PC---*/
@media (min-width: 768px){
  .pc-hidden{display: none;}
}

/*---スマホ---*/
@media only screen and (max-width: 767px) {
  .sm-hidden{display: none;}

  .tenzi-box{padding: 0 0;}
  .tenzi_top{width: 100%;}
  .tenzi01{width: 100%;}
  .tenzi01_box{width: 100%;}
  .tenzi02_box{width: 100%;}
  .tenzi_item .cata > span{width: auto; padding: 3px 10px;}
  .tenzi_item .tenzi_title{font-size: 18px;}
  .tenzi_item .tenzi_text{font-size: 13px;}
  .tenzi_item .tenzi_deta tr th{display: block; margin: 0;}
  .tenzi_item .tenzi_deta tr td{display: block; margin: 0;}
  .tenzi_item .tenzi_deta .data01{width: 100%;}
  .tenzi_item .tenzi_image{display: block;}
  .tenzi_item .tenzi_image > img{width: 100%; margin-bottom: 15px;}
  .tenzi_item .tenzi_image02 img{width: 100%;}
  .tenzi_item .tenzi_title{margin-top: 0;}
  .contact_abc{padding: 50px 0;}
}