@charset "UTF-8";

/* ===== テンプレート用css ===== */

div,
i,
p {
  line-height: 178%;
}

p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.84px;
}

@media screen and (max-width: 1024px) {
  .spmg0 {
    margin: 0 !important;
  }
}


/*//////////テンプレート1//////////*/

.temp1_wrap {
  margin: 0 0 100px;
}

.cp_bgpattern {
  background-color: #01b9ef;
  background-image: repeating-linear-gradient(140deg, #28c3f3, #28c3f3 3px, transparent 0, transparent 6px);
  width: 100%;
  padding: 20px 0;
  margin: 0 0 50px;
}

.temp1_inner {
  margin: 0 auto;
  width: 980px;
}

.temp1_inner h2 {
  color: #fff;
  text-align: center;
}

.temp1_inner .flex_box {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

.temp1_inner .flex_box .temp1_imgbox {
  margin: 0 20px 0 0;
  width: 47%;
}

.temp1_inner .flex_box .temp1_imgbox img {
  width: 100%;
}

.temp1_inner .flex_box .temp1_subbox {
  width: 50%;
}

.temp1_inner .flex_box .temp1_subbox p {
  margin: 0 0 64px;
}

.temp1_inner .flex_box .flex_box_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  /*margin: 63px 0 0;*/
}

.temp1_inner .flex_box .flex_box_inner .flex_box_inner_img {
  margin: 0 10px 0 0;
  width: 49%;
}

.temp1_inner .flex_box .flex_box_inner .flex_box_inner_img img {
  width: 100%;
}

.temp1_inner .flex_box .flex_box_inner p {
  width: 47%;
}

.btn_box {
  margin: auto auto 0;
}

.detail_btn {
  height: 80px;
  position: relative;
  display: block;
  margin: auto;
  background: #FF5F26;
  border-radius: 40px;
  line-height: 3;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.09);
  border: 1px solid #FFD302;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .btn_box a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
} */

.detail_btn02 {
  border-radius: 40px;
  line-height: 1.5;
  padding: 10px 0;
}

@media screen and (max-width: 1024px) {
  .temp1_wrap {
    margin: 0 0 60px;
  }

  .cp_bgpattern {
    margin: 0 0 30px;
  }

  .temp1_inner {
    margin: 0 20px;
    width: auto;
  }

  .temp1_inner h2 {
    font-size: 18px;
  }

  .temp1_inner .flex_box .temp1_imgbox {
    margin: 0 0 10px;
    width: 100%;
  }

  .temp1_inner .flex_box .temp1_subbox {
    width: 100%;
  }

  .temp1_inner .flex_box .temp1_subbox p {
    margin: 0 0 20px;
  }

  .temp1_inner .flex_box .flex_box_inner {
    margin: 20px 0 0;
  }

  .btn_box {
    margin: 0 auto 60px auto;
    padding-top: 0;
  }

  .info_btn01 {
    margin-top: 20px;
  }

  .detail_btn {
    font-size: 13px;
    height: 56px;
  }

  .detail_btn03 {
    margin-bottom: 60px;
  }
}


/*//////////テンプレート2//////////*/

.temp2_wrap {
  margin: 0 auto 100px;
  width: 980px;
}

.temp2_wrap .title_process {
  border-bottom: #01b9ef 5px solid;
  margin: 0 0 50px;
}

.temp2_wrap .title_process h2 {
  color: #01b9ef;
  padding: 0 0 10px;
}

.temp2_wrap .flex_box {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

.temp2_wrap .flex_box .temp2_imgbox {
  margin: 0 20px 0 0;
  width: 47%;
}

.temp2_wrap .flex_box .temp2_imgbox img {
  width: 100%;
}

.temp2_wrap .flex_box .temp1_subbox {
  width: 50%;
}

.temp2_wrap .flex_box .temp1_subbox p {
  margin: 0 0 20px;
}

.temp2_wrap .flex_box .flex_box_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
}

.temp2_wrap .flex_box .flex_box_inner .flex_box_inner_unit {
  width: 48%;
}

.temp2_wrap .flex_box .flex_box_inner .flex_box_inner_unit img {
  margin: 0 0 10px;
  width: 100%;
}

.temp2_wrap .flex_box .flex_box_inner .flex_box_inner_unit p {
  font-size: 14px;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .temp2_wrap {
    margin: 0 20px 60px;
    width: auto;
  }

  .temp2_wrap .title_process {
    border-width: 3px;
    margin: 0 0 30px;
  }

  .temp2_wrap .title_process h2 {
    font-size: 18px;
    padding: 0 0 5px;
  }

  .temp2_wrap .flex_box .temp2_imgbox {
    width: 100%;
    margin: 0 0 10px;
  }

  .temp2_wrap .flex_box .temp1_subbox {
    width: 100%;
  }

  .temp2_wrap .flex_box .flex_box_inner .flex_box_inner_unit p {
    margin: 0;
    font-size: 12px;
  }
}


/*//////////テンプレート3/////////*/

.cp_bgpattern2 {
  background-color: #01b9ef;
  background-size: 10px 10px;
  padding: 20px 0;
  margin: 0 0 50px;
}

.temp3_wrap {
  margin: 0 0 100px;
}

.move_box {
  margin: 0 auto;
  width: 980px;
}

.move_box iframe {
  width: 980px;
  height: 550px;
}

.move_box p {
  margin: 20px 0 0;
}

@media screen and (max-width: 1024px) {
  .temp3_wrap {
    margin: 0 0 60px;
  }

  .move_box {
    margin: 0 20px;
    width: auto;
  }

  .move_box iframe {
    height: 190px;
    width: 100%;
  }
}


/*//////////テンプレート4/////////*/

.temp4_wrap {
  margin: 0 0 100px;
}

.temp4_inner {
  margin: 0 auto;
  width: 980px;
}

.temp4_inner h2 {
  color: #fff;
  text-align: center;
}

.temp4_inner .flex_box {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

.temp4_inner .flex_box .temp4_imgbox {
  margin: 0 20px 0 0;
  width: 35%;
}

.temp4_inner .flex_box .temp4_imgbox img {
  width: 100%;
}

.temp4_inner .flex_box .temp4_subbox {
  width: 62.8%;
}

.temp4_inner .flex_box .temp4_subbox p {
  margin: 0 0 30px;
}

.temp4_inner .flex_box .flex_box_inner {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  /*margin: 63px 0 0;*/
}

.temp4_wrap .flex_box .flex_box_inner .flex_box_inner_unit {
  width: 23%;
}

.temp4_wrap .flex_box .flex_box_inner .flex_box_inner_unit img {
  margin: 0 0 10px;
  width: 100%;
}

.temp4_wrap .flex_box .flex_box_inner .flex_box_inner_unit p {
  font-size: 14px;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .temp4_wrap {
    margin: 0 0 60px;
  }

  .cp_bgpattern2 {
    margin: 0 0 30px;
  }

  .temp4_inner {
    margin: 0 20px;
    width: auto;
  }

  .temp4_inner h2 {
    font-size: 18px;
  }

  .temp4_inner .flex_box .temp4_imgbox {
    margin: 0 0 10px;
    width: 100%;
  }

  .temp4_inner .flex_box .temp4_subbox {
    width: 100%;
  }

  .temp4_wrap .flex_box .flex_box_inner .flex_box_inner_unit {
    margin: 0 0 20px;
    width: 48%;
  }

  .temp4_wrap .flex_box .flex_box_inner .flex_box_inner_unit p {
    font-size: 12px;
  }
}


/*//////////テンプレート5/////////*/

.temp5_wrap {
  margin: 0 auto 100px;
  width: 980px;
}

.temp5_wrap .lead_txt {
  margin: 0 0 30px;
}

.temp5_wrap .title_process {
  border-bottom: #01b9ef 5px solid;
  margin: 0 0 50px;
}

.temp5_wrap .title_process h2 {
  color: #01b9ef;
  padding: 0 0 10px;
}

.temp5_wrap .flex_box {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
}

.temp5_wrap .flex_box .flex_box_inner {
  width: 23%;
}

.temp5_wrap .flex_box .flex_box_inner img {
  margin: 0 0 10px;
  width: 100%;
}

.pattern2 .flex_box .flex_box_inner {
  width: 48%;
}

@media screen and (max-width: 1024px) {
  .temp5_wrap {
    margin: 0 20px 60px;
    width: auto;
  }

  .temp5_wrap .title_process {
    border-width: 3px;
    margin: 0 0 30px;
  }

  .temp5_wrap .title_process h2 {
    font-size: 18px;
    padding: 0 0 5px;
  }

  .temp5_wrap .flex_box .flex_box_inner {
    margin: 0 0 20px;
    width: 48%;
  }

  .temp5_wrap .flex_box.one_column .flex_box_inner {
    width: 100%;
  }
}


/*//////////テンプレート6/////////*/

.questionnaire_bar {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 100px;
  width: 980px;
}

.questionnaire_bar p {
  background-color: #01b9ef;
  color: #fff;
  padding: 30px 10px;
  text-align: center;
  width: 78%;
}

.questionnaire_bar a {
  font-size: 14px;
  color: #fff;
  background-color: #003664;
  padding: 30px 20px;
  text-align: center;
  width: 22%;
}

@media screen and (max-width: 1024px) {
  .questionnaire_bar {
    margin: 0 auto 60px;
  }

  .questionnaire_bar {
    width: 100%;
  }

  .questionnaire_bar p {
    width: 100%;
    margin: 0 20px;
    text-align: left;
    padding: 20px;
  }

  .questionnaire_bar a {
    width: 100%;
    margin: 0 20px;
    padding: 20px;
  }
}


/*//////////テンプレート7/////////*/

.temp7_wrap {
  margin: 0 auto 100px;
  width: 980px;
}

.temp7_wrap .flex_box {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.temp7_wrap .flex_box .img_unit {
  margin: 0 20px 0 0;
  width: 50%;
}

.temp7_wrap .flex_box .img_unit img {
  width: 100%;
}

.temp7_wrap .flex_box .txt_unit {
  width: 47%;
}

.temp7_wrap .flex_box .txt_unit h3 {
  font-size: 20px;
  margin: 0 0 20px;
}

.temp7_wrap .border_deco {
  border-top: 1px solid #e5e5e5;
  padding: 30px 0 0;
}

@media screen and (max-width: 1024px) {
  .temp7_wrap {
    margin: 0 20px;
    width: auto;
  }

  .temp7_wrap .flex_box .img_unit {
    margin: 0 0 20px;
    width: 100%;
  }

  .temp7_wrap .flex_box .txt_unit {
    width: 100%;
  }

  .temp7_wrap .flex_box .txt_unit h3 {
    font-size: 16px;
    margin: 0 0 10px;
  }

  .temp7_wrap .border_deco {
    margin: 0 0 60px;
  }
}


/*//////////テンプレート8/////////*/

.temp8_wrap {
  margin: 0 0 0;
}

.temp8_wrap_summary {}

.temp8_wrap .flex_box {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.temp8_wrap .column01 {
  margin-bottom: 45px;
}

.temp8_wrap .flex_box .flex_box_inner {
  width: 48%;
  display: flex;
  flex-direction: column;
}

.temp8_inner {
  margin: 10px auto 0 auto;
  width: 980px;
}

.temp8_inner h2 {
  color: #fff;
  text-align: center;
}

.temp8_wrap .lead_txt {
  margin: 0 0 30px;
}

.temp8_wrap .lead_img {
  text-align: center;
}

.temp8_wrap .lead_btn {
  text-align: center;
}

.temp8_wrap .flex_box .flex_box_inner img {
  margin: 0 0 10px;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .temp8_wrap {
    margin: 0 0 0px;
  }

  .temp8_inner {
    width: auto;
  }

  .temp8_inner h2 {
    font-size: 18px;
  }

  .temp8_wrap .flex_box .flex_box_inner {
    margin: 0 0 0;
    width: 100%;
  }

  .temp8_wrap .flex_box .flex_box_inner02 {
    margin-top: 25px;
  }

  .temp8_wrap .column01 {
    margin-bottom: 0;
  }
}


/*//////////吹き出し//////////*/

.balloon_box {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.balloon_s {
  background: #a6ebff;
  border-radius: 4px;
  color: #555;
  font-size: 16px;
  position: relative;
  margin: 0 0 15px;
  padding: 7px 10px;
  width: 23%;
}

.balloon_s:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #a6ebff;
}

.balloon_s p {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 0 !important;
  padding: 10px;
}

@media screen and (max-width: 1024px) {
  .balloon_s {
    margin: 10px 0 25px;
    width: 47%;
  }

  .balloon_s:before {
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #a6ebff;
  }

  .balloon_s p {
    font-size: 13px;
    padding: 0;
  }
}


/*//////////unit_btn_add//////////*/

.btn_box_s {
  margin: 20px auto 0;
  width: 70%;
}

.btn_box_s .detail_btn {
  font-size: 14px;
  line-height: 2;
}

.btn_box_s a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn_box_l {
  margin: 20px auto 0;
  width: 70%;
}

.btn_box_l .detail_btn a {
  color: #fff;
}

.btn_box_l a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pattern2 .btn_box_s .detail_btn {
  line-height: 3;
}

@media screen and (max-width: 1024px) {
  .btn_box_s {
    margin: 20px auto;
  }

  .one_column .btn_box_s .detail_btn {
    line-height: 3;
  }

  .detail_btn {
    color: #fff;
  }

  .btn_box_s a:after {
    right: 15px;
  }

  .btn_box_l {
    margin: 20px auto;
  }
}

@media screen and (min-width: 769px) {
  .temp8_wrap .flex_box .flex_box_inner .flex_box_txt {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
  }

  .temp8_wrap .flex_box .flex_box_inner .flex_box_txt04 {
    padding-bottom: 25px;
  }
}

#page_fixed_footer .layout_inner {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: rgba(0, 0, 0, .3);
  z-index: 10
}

#page_fixed_footer a .footer_bnr {
  width: 300px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: opacity .2s;
  transition: opacity .2s
}

#page_fixed_footer a:hover .footer_bnr {
  opacity: .7
}

.page_footer_txt01 {
  width: 980px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 16px;
}

#page_fixed_footer .layout_inner .layout_container .layout_width {
  width: auto
}

#page_fixed_footer a .footer_bnr {
  width: 600px
}

.page_footer_txt01 {
  width: calc(100% - 7.8125vw);
  margin-right: auto;
  margin-left: auto;
  padding-top: 6.3802083333vw;
  padding-bottom: 6.3802083333vw;
  font-size: 3vw !important;
}

@media screen and (max-width: 1024px) {
  #page_fixed_footer .layout_inner {
    position: fixed;
    left: 0;
    bottom: -.2604166667vw;
    width: 100%;
    z-index: 10
  }
}