@charset "UTF-8";

.index #whitepaper-main {
  position: relative;
  box-shadow: 3px 15px 15px -3px rgba(0, 0, 0, 0.2);
}

.index #whitepaper-main p {
  font-weight: bold;
  color: #fff;
}

.index .white-box {
  overflow: hidden;
  padding: 4% 0;
  border-bottom: solid 1px #ccc;
}

.index .white-box a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.index .white-box .white-left {
  text-align: center;
  border: solid 1px #ccc;
  position: relative;
  overflow: hidden;
}

.index .white-box .white-left img {
  width: 100%;
  height: auto;
  -webkit-transition: all .6s;
  transition: all .6s;
}

.index .white-box a:hover .white-left img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.index .white-box .white-right .time {
  font-size: 18px;
  color: #999999;
}

.index .white-box .white-right h3 {
  font-size: 28px;
  font-weight: bold;
  color: #d6000f;
  margin-bottom: 5px;
  margin: 10px 0 20px;
}

.index .white-box .white-right p {
  font-size: 15px;
  line-height: 2;
}

/* btn */
.index .white-box .white-right .download-btn {
  color: #d6000f;
  border-bottom: solid 1px #d6000f;
  position: relative;
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  margin: 1em 0 0;
  font-weight: bold;
  font-size: 16px;
  min-width: 90px;
}

.index .white-box .white-right .download-btn>span {
  color: #d6000f;
  display: block;
}

.index .white-box .white-right .download-btn>span:before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 120%;
  height: 110%;
  background: #d6000f;
  transform: translateX(-110%) skewX(-15deg);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}

.index .white-box a:hover .white-right .download-btn>span {
  padding: 0 35px 0 15px;
  border-color: #d6000f;
  color: #fff;
  text-decoration: none;
}

.index .white-box a:hover .white-right .download-btn>span:before {
  transform: translateX(-5%) skewX(-15deg);
  transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.index .white-box a:hover .white-right .download-btn>span .download.icon {
  color: #ffffff;
}

.index .white-box .white-right .download-btn span .download.icon,
.btn_download .download.icon {
  color: #d6000f;
  position: absolute;
  margin-left: 11px;
  margin-top: 18px;
  width: 12px;
  height: 4px;
  border-bottom: solid 1px currentColor;
}

.index .white-box .white-right .download-btn span .download.icon:before,
.btn_download .download.icon:before {
  content: '';
  position: absolute;
  left: 6px;
  top: -9px;
  width: 1px;
  height: 10px;
  background-color: currentColor;
}

.index .white-box .white-right .download-btn span .download.icon:after,
.btn_download .download.icon:after {
  content: '';
  position: absolute;
  left: 4px;
  top: -4px;
  width: 4px;
  height: 4px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

@media screen and (min-width: 766px) {
  .white .bg_white {
    padding: 0 0 100px 0;
  }

  .white #title-block {
    background: url(/files/img/white/white_icon_pc.png) no-repeat right bottom;
    /* background-size: 26.95% auto; */
    background-size: 25% auto;
    width: 83.3%;
    max-width: 1500px;
    margin: 0 auto;
    top: 15px;
  }

  .white #title-block h2 {
    margin-top: -20px;
  }
/*
  .white #contents {
    margin-top: -10px;
  } */

  .index #whitepaper-main {
    padding: 4% 0;
    background: url(/files/img/white/img_main_pc.gif) no-repeat center right #003f6f;
    background-size: 100% auto;
  }

  .index #whitepaper-main p {
    font-size: 30px;
    line-height: 150%;
    padding: 4% 3%;
  }

  .index .white-box .white-left {
    float: left;
    width: 47.5%;
    max-width: 570px;
    max-height: 360px;
    height: calc(2 * 33.75vw / 3);
  }

  .index .white-box .white-right {
    float: right;
    width: 47.9%;
  }
}

@media screen and (max-width: 1360px) {
  .index #whitepaper-main p {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 767px) {
  .white .bg_white {
    padding: 0 0 50px 0;
  }

  .white #title-block {
    background: url(/files/img/white/white_icon.png) no-repeat right bottom;
    background-size: 32% auto;
    z-index: 2;
    top: 10px;
  }

  .index #whitepaper-main {
    padding: 10% 0 57%;
    background: url(/files/img/white/img_main_sp.gif) no-repeat top right #003f6f;
    background-size: 100% auto;
  }

  .index #whitepaper-main p {
    font-size: 22px;
    padding: 0 4%;
  }

  .index .white-box {
    padding: 40px 0;
  }

  .index .white-box .white-left {
    margin-bottom: 20px;
  }

  .index .white-box .white-right p {
    font-size: 14px;
    line-height: 1.7;
  }

  .index .white-box .white-right .time {
    font-size: 16px;
  }

  .index .white-box .white-right h3 {
    font-size: 20px;
  }

  .index .white-box .white-right .download-btn {
    font-size: 15px;
  }

  .index .white-box .white-right .download-btn span .download.icon {
    margin-top: 14px;
  }
}

.white .wp-pagenavi {
  text-align: center;
  position: relative;
  padding: 0;
  margin: 0;
}

.white .wp-pagenavi .current {
  display: inline-block;
  background: #000000;
  color: #fff;
  padding: 0 !important;
  border-radius: initial;
  border: none;
  font-weight: normal;
}

.white .wp-pagenavi a {
  display: inline-block;
  background: #ddd;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  border-radius: initial;
  padding: 0 !important;
  border: none;
  font-weight: normal;
}

.white .wp-pagenavi a:hover {
  color: #fff;
  background-color: #000000;
  text-decoration: none;
}

.white .wp-pagenavi a img {
  display: none;
}

@media screen and (min-width: 766px) {
  .white .wp-pagenavi {
    font-size: 20px;
    margin-top: 60px;
  }

  .white .wp-pagenavi a,
  .white .wp-pagenavi .current {
    margin: 0 2px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .white .wp-pagenavi {
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    width: 92%;
    margin: 50px auto 0;
  }

  .white .wp-pagenavi a,
  .white .wp-pagenavi .current {
    font-size: 18px !important;
    width: 17.3%;
    height: 53px;
    line-height: 53px;
  }
}


/* 詳細ページ single
/* ---------------------------------- */


.single .box_wrap {
  max-width: 1500px;
  width: 96%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.single .box_left {
  max-width: 940px;
  width: 63%;
}

.single .box_right {
  max-width: 500px;
  width: 34%;
  position: relative;
}

.single .box_left .bg_white,
.single .box_right .bg_white {
  width: 100%;
  height: 100%;
  padding: 47px 45px 80px;
}

@media screen and (max-width: 767px) {

  .single .box_wrap {
    width: 92%;
    display: block;
  }

  .single .box_left,
  .single .box_right {
    max-width: initial;
    width: 100%;
  }

  .single .box_right {
    margin: 10% auto 0;
  }

  .single .box_left .bg_white,
  .single .box_right .bg_white {
    width: 100%;
    height: 100%;
    padding: 10vw 6%;
  }
}


.single .box_left .date {
  font-size: 18px;
  color: #999;
  text-align: right;
  letter-spacing: .04rem;
}

.single .box_left .tit_h3 {
  margin: 10px 0 0;
  font-size: 28px;
  font-weight: bold;
  color: #d6000f;
}

.single .box_left .text_box {
  width: 100%;
  margin: 30px 0 0;
  font-size: 15px;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}

.single .box_left .wrap_image {
  width: 100%;
  height: 530px;
  margin: 30px 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.single .box_left .wrap_image::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  left: 0;
}

.single .box_left .box_image {
  max-width: 570px;
  width: 67%;
  padding: 15px 0;
  background: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}

.single .box_left .box_image img {
  max-width: 333px;
  max-height: 333px;
}


@media screen and (max-width: 767px) {
  .single .box_left .date {
    font-size: 16px;
  }

  .single .box_left .tit_h3 {
    margin: 3% 0 0;
    font-size: 20px;
  }

  .single .box_left .text_box {
    max-width: initial;
    width: 100%;
    margin: 5% 0 0;
    font-size: 14px;
    line-height: 1.8;
  }

  .single .box_left .wrap_image {
    width: 100%;
    height: initial;
    margin: 5% 0 0;
    padding-top: 63%;
    background-size: 100%;
  }

  .single .box_left .wrap_image::before {
    content: none;
  }

  .single .box_left .box_image {
    display: none;
  }
}

.single .box_right .tit_form {
  margin: 5px 0 0;
  color: #222;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.8;
}

.single .box_right .tit_form::before {
  content: '';
  display: block;
  width: 5px;
  height: 68px;
  background: #d6000f;
  position: absolute;
  top: 50px;
  left: 0;
}

.single .box_form dl {
  margin: 30px 0 0;
}


.single .box_form dl {
  margin: 50px auto 0;
}

.single .box_form dl dt,
.single .box_form dl dd {
  margin: 0;
  padding: 0;
}

.single .box_form dl dt {
  margin: 38px 0 0;
  font-size: 18px;
  letter-spacing: .05rem;
}

.single .box_form dl dd {
  margin: 17px 0 0;
  font-family: 'Noto Sans JP', sans-serif;
}

.single .box_form dl .mark {
  width: 60px;
  margin: 0 0 0 8px;
  padding: 5px 0 5px;
  display: inline-block;
  background: #000;
  border-radius: 2px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  letter-spacing: .1rem;
  transform: translateY(-1px);
}

.single .box_form dl .mark.required {
  background: #d6000f;
}


@media screen and (max-width: 767px) {

  .single .box_right .tit_form {
    font-size: 18px;
  }

  .single .box_right .tit_form::before {
    height: 14vw;
    top: 10vw;
  }

  .single .box_form dl {
    margin: 10% auto 0;
  }

  .single .box_form dl dt,
  .single .box_form dl dd {
    margin: 0;
    padding: 0;
  }

  .single .box_form dl dt {
    margin: 10% 0 0;
    font-size: 16px;
    letter-spacing: .02rem;
  }

  .single .box_form dl dd {
    margin: 4% 0 0;
    font-size: 14px;
  }

  .single .box_form dl .mark {
    width: 60px;
    border-radius: 3px;
  }

}

.input .box_agree {
  display: block;
}

.confirm .btn_back {
  display: block;
}


/* フォーム
/* ---------------------------------- */

button,
input,
select {
  font-family: inherit;
  font-size: 100%;
}

/* placeholder */

::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}

:-moz-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #999;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
  width: 100%;
  padding: 18px 23px;
  background: #f5f5f5;
  border: none;
}

input:focus {
  outline: 1px #d6000f solid;
}


@media screen and (max-width: 767px) {

  input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"] {
    width: 125%;
    font-size: 16px;
    transform: scale(0.8);
    transform-origin: top left;
  }
}

.btn_agree {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
}

input[type=checkbox]+.btn_agree_text::before {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  border: 2px solid #ccc;
  border-radius: 3px;
  position: absolute;
  top: 2px;
  left: 0;
}

input[type=checkbox]:checked+.btn_agree_text::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: #d6000f;
  line-height: 15px;
  font-size: 13px;
  position: absolute;
  left: 3px;
  top: 4px;
}

.box_submit {
  margin: 44px auto 0;
  text-align: center;
}

.box_agree {
  text-align: center;
}


/* -- ボタン -- */

.btn_submit {
  width: 100%;
  margin: 45px auto 0;
  position: relative;
  line-height: 0;
  opacity: .3;
}

.btn_submit::after {
  content: "";
  width: 30px;
  border-top: solid 1px #d6000f;
  position: absolute;
  bottom: 50%;
  right: 0;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn_submit:hover {
  pointer-events: none;
}

.submit_inner {
  width: 100%;
  padding: 0;
  line-height: 0;
}

.btn_submit .submit_inner {
  color: #d6000f;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn_submit .submit_inner input[type=submit] {
  width: 100%;
  padding: 43px 0 36px;
  display: block;
  border: 1px solid #d6000f;
  color: #d6000f;
  background: transparent;
  line-height: 0;
  transition: .1s;
  text-align: center;
}

/* .btn_submit .submit_inner input:hover {
  cursor: pointer;
  transition: .1s;
  color: #fff;
} */

.btn_submit .submit_inner::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  width: 110%;
  height: 110%;
  background: #d6000f;
  transform: translateX(-110%) skewX(-15deg);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}

.btn_submit .submit_inner::after {
  content: '';
  display: block;
  width: 60px;
  position: absolute;
  bottom: 50%;
  right: 1px;
  border-top: solid 1px #d6000f;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn_submit.on:hover {
  pointer-events: all;
}

.btn_submit.on:hover input {
  cursor: pointer;
  color: #fff;
}

.btn_submit.on:hover .submit_inner::before {
  transform: translateX(-5%) skewX(-15deg);
}

.btn_submit.on .submit_inner:hover::after {
  width: 30px;
  border-top: solid 1px #fff;
  transform: translateX(0) skewX(-15deg);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* .btn_submit .submit_inner a:hover {
  cursor: pointer;
  transition: .1s;
  color: #fff;
} */

.btn_submit.on {
  opacity: 1;
}

.btn_submit.on .submit_inner:hover {
  cursor: pointer;
}

.btn_submit.on:hover::after {
  width: 60px;
  transform: translateX(25px) skewX(-15deg);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn_submit .submit_inner::after {
  content: '';
  display: block;
  width: 60px;
  position: absolute;
  bottom: 50%;
  right: 1px;
  border-top: solid 1px #d6000f;
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn_submit.on.submit_inner:hover::after {
  width: 30px;
  border-top: solid 1px #fff;
  transform: translateX(0) skewX(-15deg);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}



@media screen and (max-width: 767px) {

  .box_submit {
    margin: 8% auto 0;
  }

  .btn_submit,
  .btn_back {
    max-width: initial;
    width: 100%;
    margin: 8% auto 0;
    position: relative;
    line-height: 0;
  }

  .btn_submit .submit_inner input[type=submit],
  .btn_submit .submit_inner a,
  .btn_back .back_inner input[type=submit] {
    padding: 11% 0 10%;
  }

}

.mwform-checkbox-field {
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
}

input[type=checkbox]+.wpcf7-list-item-label::before {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  border: 2px solid #ccc;
  border-radius: 3px;
  position: absolute;
  top: -2px;
  left: -6px;
}

input[type=checkbox]:checked+.wpcf7-list-item-label::after {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: #d6000f;
  line-height: 15px;
  font-size: 13px;
  position: absolute;
  left: -3px;
  top: 1px;
}

.wpcf7-list-item-label:hover {
  cursor: pointer !important;
}



.check_list+p,
.error {
  margin-top: 10px;
}

.box_white_comp {
  padding: 50px 0 0;
  text-align: center;
}

.box_white_comp .tit_h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .07rem;
}

.box_white_comp .text {
  margin: 40px auto 0;
  font-size: 15px;
  line-height: 2;
}

.box_white_comp .box_submit {
  /* max-width: 630px;
  margin: 70px auto 0; */
  display: none;
}

.box_white_comp .btn_download {
  max-width: 300px;
  margin: 50px auto 0;
}

.box_white_comp .btn_download a {
  width: 100%;
  padding: 20px 0;
  display: block;
  background: #d6000f;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
}

.box_white_comp .btn_download .download.icon {
  width: 12px;
  margin: auto;
  color: #fff;
  position: absolute;
  top: 7px;
  bottom: 0;
  right: 30px;
}


.btn_download .download.icon:before {

  top: -13px;
  width: 1px;
  height: 14px;
}

.btn_download .download.icon:after {
  content: '';
  position: absolute;
  left: 3px;
  top: -6px;
  width: 6px;
  height: 6px;
}

.btn_download a:hover {
  background: #c0000d;
}

.btn_download a:hover .download.icon {
  top: 14px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.box_form .bg_white {
  padding: 0 30px;
}


@media screen and (max-width: 767px) {
  .box_white_comp {
    padding: 10% 5% 0;
  }
}


@media screen and (max-width: 767px) {

  .box_white_comp .box_submit {

    margin: 8% auto 0;
  }

  .box_white_comp .tit_h3 {
    font-size: 22px;
  }

  .box_white_comp .text {
    font-size: 13px;
  }

  .box_white_comp .btn_download {
    max-width: initial;
    width: 90%;
    margin: 8% auto 0;
  }

  .btn_submit {
    max-width: initial;
    width: 90%;
    margin: 8% auto 0;
    position: relative;
    line-height: 0;
  }


  .btn_submit .submit_inner a {
    padding: 11% 0 10%;
  }

}

/* contact form 7 調整 */

.btn_submit .submit_inner input[type=submit]:disabled {
  /* opacity: .3; */
  pointer-events: none;
  pointer-events : auto;
}
.btn_submit .submit_inner input[type=submit]:disabled + .ajax-loader {
  display: block !important;
  background: rgba(255,255,255,.7);
  bottom: 0;
  left: 0;
  margin: 0;
  visibility: initial;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5000000;
}

.wpcf7-spinner,
div.wpcf7 .ajax-loader {
  display: none !important;
}

.wpcf7 form .wpcf7-response-output {
  border: none;
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

/* .wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  display: none !important;
} */

div.wpcf7-spam-blocked {
  background:#fff2cf;
  color:#846314;
  border:1px solid #feedbd;
  padding:10px
}


div.wpcf7-mail-sent-ok {
 border: none !important;
 padding: 0 !important;
}