@font-face { font-family: 'DINCondensed'; src: url(font/D-DINCondensed.otf);}
*{ margin: 0;padding: 0;}
html { font-size: 62.5%;}
body { font-size: 1.6rem; font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.con1_title{
  font-family: "YuGo";
  font-size: 3.5rem;
  line-height: 4.2rem;
  font-weight: bold;
}
.con1_subtitle{
  display: flex;
  align-items: center;
  width: 50%;
  margin: 0 auto;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
  color: #1e437a;
}
.con1_subtitle:before, .con1_subtitle:after{
  border-top: #1e437a 2px solid;
  content: "";
  flex-grow: 1;
}
.con1_subtitle:before{
  margin-right: 2.0rem;
}
.con1_subtitle:after{
  margin-left: 2.0rem;
}
.con1_text1{
  font-family: "YuGo";
  font-size: 2.4rem;
  font-weight: bold;
  color: #1e437a;
}
.con1_text2{
  font-family: "YuGo";
  font-size: 1.5rem;
  line-height: 2.6rem;
}
.con1 .row{
  border-top: solid 1px #d4d6d9;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.con1 .row:last-child{
  border-bottom: solid 1px #d4d6d9;
}
.con1 h3{
  font-family: "YuGo";
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: bold;
  margin: 0;
}
.con1 .form-control, .con1 .form-check-label{
  font-family: "YuGo";
  font-size: 1.8rem;
  background-color: #e9ebf0;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: auto;
  min-height: 40px;
  border-radius: 0;
  border: none;
  width: 100%;
}
.form-check-label-hissu{
  font-family: "YuGo";
  font-size: 1.8rem;
  background-color: #ffced7;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: auto;
  min-height: 40px;
  border-radius: 0;
  border: none;
  width: 100%;
}
.form-control-hissu{
  font-family: "YuGo";
  font-size: 1.8rem;
  background-color: #ffced7;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: auto;
  min-height: 40px;
  border-radius: 0;
  border: none;
  width: 100%;
}

.con1 .badge{
  vertical-align: middle;
}
.checkbox {
  display: none;
}
.checkbox + .checkbox_icon {
  position: relative;
  vertical-align: middle;
  margin-right: 15px;
}
.checkbox + .checkbox_icon:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c8";
  font-size: 1.8rem;
  color: #ffffff;
  background-color: #ffffff;
  vertical-align: bottom;
}
.checkbox:checked + .checkbox_icon:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  color: #17bcdf;
}
.con1_btn{
  font-size: 2.4rem;
  line-height: 4.0rem;
  font-weight: bold;
  color: #ffffff;
  width: 100%;
  max-width: 460px;
  min-height: 80px;
  background-image: -moz-linear-gradient( 90deg, rgb(8,44,99) 0%, rgb(44,96,174) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(8,44,99) 0%, rgb(44,96,174) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(8,44,99) 0%, rgb(44,96,174) 100%);
  box-shadow: inset 0px -3px 0px 0px rgba(1, 64, 103, 0.004);
}

.dl_btn1,
.dl_btn2,
.dl_btn3,
.dl_btn4 {
  font-size: 2.4rem;
  line-height: 4.0rem;
  font-weight: bold;
  color: #ffffff;
  text-align: left;
  width: 100%;
  max-width: 650px;
  min-height: 80px;
  padding-left: 50px;
}
.dl_btn1 {
  background-image: -moz-linear-gradient( 90deg, #901111 0%, #b72020 100%);
  background-image: -webkit-linear-gradient( 90deg, #901111 0%, #b72020 100%);
  background-image: -ms-linear-gradient( 90deg, #901111 0%, #b72020 100%);
  box-shadow: inset 0px -3px 0px 0px rgba(1, 64, 103, 0.004);
}
.dl_btn2 {
  background-image: -moz-linear-gradient( 90deg, #155724 0%, #28a745 100%);
  background-image: -webkit-linear-gradient( 90deg, #155724 0%, #28a745 100%);
  background-image: -ms-linear-gradient( 90deg, #155724 0%, #28a745 100%);
  box-shadow: inset 0px -3px 0px 0px rgba(1, 64, 103, 0.004);
}
.dl_btn3 {
  background-image: -moz-linear-gradient( 90deg, rgb(8,44,99) 0%, rgb(44,96,174) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(8,44,99) 0%, rgb(44,96,174) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(8,44,99) 0%, rgb(44,96,174) 100%);
  box-shadow: inset 0px -3px 0px 0px rgba(1, 64, 103, 0.004);
}
.dl_btn4 {
  background-image: -moz-linear-gradient( 90deg, #3c3e42 0%, #8a8c8e 100%);
  background-image: -webkit-linear-gradient( 90deg, #3c3e42 0%, #8a8c8e 100%);
  background-image: -ms-linear-gradient( 90deg, #3c3e42 0%, #8a8c8e 100%);
  box-shadow: inset 0px -3px 0px 0px rgba(1, 64, 103, 0.004);
}

.temp_con1_div{
  border: solid 1px #0ca46d;
  box-shadow: 0px 0px 15px 5px rgba(12,164,109,0.1);
}
.temp_con1_title{
  background-image: url(../img/temp_con1_title_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 2.8rem;
  font-weight: bold;
}
.temp_con1_text1{ color: #0ca46d; font-weight: bold;}
.temp_con1_text2{ color: #b71a3a; font-weight: bold;}


.temp_con2{ box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);}


.temp_con3_tel a{
  text-decoration: none;
}
.temp_con3_tel p{
  line-height: 4.0rem;
  color: #045a90;

  font-weight: bold;
  text-align: center;
}
.temp_con3_tel h2{
  font-size: 4.4rem;
  line-height: 4rem;
  color: #045a90;

  font-weight: bold;
  text-align: center;
}
.temp_con3_text{
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-family: "Hira Kaku Pro";
}
.temp_con3_text2{
  font-family: "Hira Kaku Pro";
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #000000!important;
}
.temp_con3_text2 span{
  font-weight: bold;
  color: #b71a3a!important;
}
.temp_con3_img{
  position: absolute;
}

footer{
  font-size: 1.4rem;
  line-height: 1.2rem;

}
footer a{
  text-decoration: none;
  line-height: 2.4rem;
}
.footer_sec1 a{
  color: #1e1e1e;
}
.footer_sec2{
  color: #1e1e1e;
  line-height: 2rem;
}
.footer_sec3 a{
  color: #ffffff;
}
.footer_sec3 .list-inline-item:not(:last-child) {
    margin-right: 2.5rem;
}

.fs-30{ font-size: 3.0rem;}
.fs-24{ font-size: 2.35rem;}
.fs-20{ font-size: 2.0rem; font-weight:bold;}
.fs-15{ font-size: 1.5rem;}

.lh-33{ line-height: 3.3rem;}
.lh-28{ line-height: 2.8rem;}
.lh-26{ line-height: 2.6rem;}

.mt-50{ margin-top: 50px;}
.mt-20{ margin-top: 20px;}
.mt-15m{ margin-top: -15px;}
.mb-120{ margin-bottom: 120px;}
.mb-80{ margin-bottom: 80px;}
.mb-50{ margin-bottom: 50px;}
.mb-30{ margin-bottom: 30px;}
.mb-20{ margin-bottom: 20px;}

.pt-80{ padding-top: 80px;}
.pt-40{ padding-top: 40px;}
.pt-20{ padding-top: 20px;}
.pb-140{ padding-bottom: 140px;}
.pb-40{ padding-bottom: 40px;}
.pb-20{ padding-bottom: 20px;}
.pl-90{ padding-left: 90px!important;}
.pl-70{ padding-left: 70px!important;}
.pl-20{ padding-left: 20px!important;}
.pl-sm-70{ padding-left: inherit; margin-left: 15px;}
.pr-90{ padding-right: 90px!important;}
.pr-70{ padding-right: 70px!important;}
.pr-20{ padding-right: 20px!important;}
.pr-sm-70{ padding-right: inherit; margin-right: 15px;}

.bgc-f6{ background-color: #f6f6f6; box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.2);}
.bgc-f3{ background-color: #f3f3f3;}
.bgc-ff{ background-color: #ffffff;}
.bgc-eb{ background-color: #ebebeb;}
.bgc-27{ background-color: #272727;}

.col-sm-20, .col-sm-35, .col-sm-85{
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px){
  .col-sm-20{ flex: 0 0 20%; max-width: 20%;}
  .col-sm-35{ flex: 0 0 29.166666%; max-width: 29.166666%;}
  .col-sm-85{ flex: 0 0 70.833333%; max-width: 70.833333%;}
  .pl-sm-70{ padding-left: 70px!important; margin-left: 0px;}
  .pr-sm-70{ padding-right: 70px!important; margin-right: 0px;}
  .header_text{ font-size: 1.6rem;}

  .con1_subtitle{
    width: 30%;
  }
  .temp_con3_tel h2{ line-height: 2.9rem;}
  .temp_con3_img{
    top: 5%;
    left: -25%;
  }
  .list-inline-item:not(:last-child){
    margin-right: 3rem;
  }
}
@media (min-width: 768px){

  .temp_con3_img{
    top: -1%;
    left: -20%;
  }
}
@media (min-width: 992px){

  .temp_con3_img{
    top: -10%;
    left: -15%;
  }
}
@media (min-width: 1200px){
  .container {
    max-width: 1230px;
  }

  .temp_con3_img{
    top: -10%;
    left: -10%;
  }
}


  .privacy_btn__checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px;
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */ }
    .privacy_btn__checkbox .checkbox_ct {
      display: block;
      position: relative;
      height: 33px;
      width: 33px;
      cursor: pointer;
      font-size: 22px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      left: -14px; }
    .privacy_btn__checkbox .checkbox_ct input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .privacy_btn__checkbox .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 33px;
      width: 33px;
      border: 2px solid #052ac8; }
    @media (max-width: 768px){
      .privacy_btn__checkbox .checkmark {
        top: 2px;
        left: 10px;
        height: 25px;
        width: 25px;
      }
    }
    .privacy_btn__checkbox .checkbox_ct:hover input ~ .checkmark {
      background-color: #ffffff; }
    .privacy_btn__checkbox .checkbox_ct input:checked ~ .checkmark {
      background-color: #ffffff; }
    .privacy_btn__checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .privacy_btn__checkbox .checkbox_ct input:checked ~ .checkmark:after {
      display: block; }
    .privacy_btn__checkbox .checkbox_ct .checkmark:after {
      left: 10px;
      top: 2px;
      width: 10px;
      height: 20px;
      border: solid #052ac8;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(50deg); }
  .privacy_btn__text {
    font-size: 2rem;
    font-weight: bold;
    color: #000000;
    position: relative;
    left: -4px; }
  @media (max-width: 768px){
    .privacy_btn__text {
      font-size: 18px;
    }
  }
    .privacy_btn__text span {
      color: #052ac8;
      position: relative; }
      .privacy_btn__text span::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #526cd9; }
  .privacy_btn__button {
    text-align: center; }
    .privacy_btn__button a {
      display: block; }

.contact-text {
    font-size: 2.3rem;
    text-align: center;
    font-weight: 600;
    margin: 20px 0 60px;
}
.contact-text-red {
    font-size: 2.5rem;
    color: red;
    font-weight: 600;
    text-align: left;
    margin: 0 0 50px 27%;
}

@media (max-width: 768px){
    .contact-text {
        font-size: 2rem;
        text-align: center;
        font-weight: 600;
        margin: 20px 0 60px;
    }
    .contact-text-red {
        font-size: 1.9rem;
        color: red;
        font-weight: 600;
        text-align: center;
        margin: 0 0 50px 0;
    }
}
.contact-img:hover {
  opacity:0.9;
}
.catalog_select_block {
  width: 33%;
  display: inline-block;
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 768px){
    .catalog_select_block {
      width: 100%;
      display: block;
      text-align: center;
      margin-bottom: 30px;
    }
}
.catalog_select_img {
  border: 2px solid #000;
  width: 250px;
}
.thanks_text {
    font-size: 20px;
    text-align: left;
    font-weight: 600;
    padding-bottom: 70px;
    width: 100%;
    margin-left: 20%;
}
@media (max-width: 768px){
  .thanks_text {
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    margin: 0 5%;
    padding: 40px 0 70px 0;
  }
}
.catalog_select_title{
  font-size: 20px;
  font-weight: 600;
}
.knowhow_catalogue {
  margin: 0 auto 100px;
}
.knowhow_catalogue img {
  width: 100%;
}
.thanks_text_red {
    color: #D30414;
    font-size: 23px;
}
@media (max-width: 768px){
    .thanks_text_red {
        color: #D30414;
        font-size: 21px;
    }
}