@charset "UTF-8";
/*! Writen  by SCSS */
*, *:before, *:after {
  box-sizing: border-box; }

#header {
  background: #fff; }

p {
  line-height: 1.6; }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden; }

a {
  text-decoration: none; }

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0; }

.lp_text {
  font-size: 18px;
  line-height: 1.6;
  font-feature-settings: "palt";
  letter-spacing: 0.05em; }
  @media screen and (max-width: 666px) {
    .lp_text {
      font-size: 16px; } }

.lp_note {
  font-size: 12px;
  line-height: 1.5; }
  @media screen and (max-width: 666px) {
    .lp_note {
      font-size: 10px; } }

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

@media screen and (max-width: 666px) {
  .vpc {
    display: none; } }

.vsp {
  display: none; }
  @media screen and (max-width: 666px) {
    .vsp {
      display: block; } }

.text_border {
  /*text-decoration: underline;
  text-decoration-color: #e60012;
  text-decoration-style: double;*/
  border-bottom: 3px double #e60012; }

body {
  background: #e6e6e6; }

.main_image {
  background: #e7efba;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }
  .main_image > .vpc {
    width: calc(100% - 40px);
    margin: 0 auto; }

.main_content {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-feature-settings: "palt";
  font-weight: 500;
  max-width: 980px;
  width: calc(100% - 40px);
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 75px;
  background: #fff;
  box-shadow: 2px 2px 10px rgba(102, 100, 100, 0.3); }
  @media screen and (max-width: 666px) {
    .main_content {
      padding-bottom: 40px;
      width: 100%;
      box-shadow: none; } }

.button_box {
  max-width: 710px;
  width: calc(100% - 20px);
  margin: 0 auto;
  border: 3px solid #009b63;
  background: #fff;
  box-shadow: 2px 2px 10px rgba(102, 100, 100, 0.3);
  padding: 22px calc(22% / 9.8); }
  @media screen and (max-width: 666px) {
    .button_box {
      padding: 15px; } }

.button_head {
  text-align: center;
  color: #009b63;
  font-weight: 600;
  font-size: 25px;
  line-height: 1.4; }
  @media screen and (max-width: 666px) {
    .button_head {
      font-size: 20px; } }

.button_lead {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px; }
  @media screen and (max-width: 666px) {
    .button_lead {
      font-size: 16px; } }

@media screen and (max-width: 666px) {
  .button_wrap {
    display: block; } }
.button_wrap > a {
  border: 3px solid #009b63;
  padding: 12px 5px;
  width: 45.4545454545%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 23px;
  line-height: 1;
  font-weight: 600;
  transition: opacity 0.5s ease-in-out; }
  @media screen and (max-width: 666px) {
    .button_wrap > a {
      justify-content: center;
      width: 90%;
      font-size: 18px;
      padding: 10px 5px;
      margin: 0 auto; } }
  .button_wrap > a > .button_arrow {
    margin-right: 5px; }
  .button_wrap > a:hover {
    opacity: 0.7; }
.button_wrap > .button_l {
  color: #009b63; }
  @media screen and (max-width: 666px) {
    .button_wrap > .button_l {
      margin-bottom: 10px; } }
.button_wrap > .button_r {
  color: #fff;
  background: #009b63; }

.inner_button a {
  border-radius: 5px; }

.section_head {
  text-align: center;
  color: #fff;
  background: #009b63;
  font-size: 32px;
  line-height: 1.3;
  font-weight: 600;
  padding: 5px 10px; }
  .sec01 .section_head {
    margin-bottom: 30px; }
  @media screen and (max-width: 666px) {
    .section_head {
      padding: 8px 10px 3px;
      font-size: 24px; } }

.sec01 {
  margin-top: 45px;
  background: #e7efba;
  padding-bottom: 45px; }

.sec01_box {
  background: #fff;
  border: 2px solid #009b63;
  max-width: 900px;
  width: calc(100% - 30px);
  margin: 0 auto 25px;
  padding-bottom: 25px; }
  .sec01_box:last-of-type {
    margin-bottom: 35px; }

.sec01_box_top .sec01_wrap {
  align-items: flex-end;
  justify-content: flex-start; }
  @media screen and (max-width: 666px) {
    .sec01_box_top .sec01_wrap {
      margin-top: 0;
      display: block; } }
.sec01_box_center .sec01_wrap, .sec01_box_bottom .sec01_wrap {
  align-items: flex-end; }
  @media screen and (max-width: 666px) {
    .sec01_box_center .sec01_wrap, .sec01_box_bottom .sec01_wrap {
      display: block; } }

.sec01_l {
  width: 64.1741071429%; }
  @media screen and (max-width: 666px) {
    .sec01_l {
      width: 100%; } }
  .sec01_box_top .sec01_l {
    padding-left: 3.3482142857%; }
    @media screen and (max-width: 666px) {
      .sec01_box_top .sec01_l {
        padding: 0 20px;
        margin-bottom: 20px; } }
    .sec01_box_top .sec01_l .text_lg {
      font-size: 1.3em; }

.sec01_image {
  width: 34.5982142857%;
  padding-right: 3.3482142857%; }
  @media screen and (max-width: 666px) {
    .sec01_image {
      max-width: 280px;
      width: 100%;
      margin: 0 auto;
      padding-right: 0; } }

.sec01_text_box {
  margin-left: 5.2173913043%; }
  @media screen and (max-width: 666px) {
    .sec01_text_box {
      margin-left: 0;
      width: 100%;
      padding: 0 20px;
      margin-bottom: 20px; } }

.sec01_head {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px; }
  @media screen and (max-width: 666px) {
    .sec01_head {
      display: block; } }

.sec01_head_text {
  font-size: 30px;
  line-height: 1.5;
  font-weight: 600;
  color: #000; }
  .sec01_head_text > .text_min {
    font-size: 25px; }
  @media screen and (max-width: 666px) {
    .sec01_head_text {
      display: block;
      text-align: center;
      font-size: 20px;
      padding: 0 15px; }
      .sec01_box_bottom .sec01_head_text {
        text-align: left; }
      .sec01_head_text > .text_min {
        font-size: 16px; } }

.sec01_head_image {
  position: relative;
  text-align: center;
  background: #009b63;
  margin-right: 20px; }
  .sec01_box_top .sec01_head_image {
    width: 14.5089285714%;
    padding: 5.5803571429% 10px; }
  .sec01_box_center .sec01_head_image, .sec01_box_bottom .sec01_head_image {
    width: 23.8532110092%;
    padding: 9.1743119266% 10px; }
  @media screen and (max-width: 666px) {
    .sec01_box_top .sec01_head_image, .sec01_box_center .sec01_head_image, .sec01_box_bottom .sec01_head_image {
      display: block;
      width: 100%;
      padding: 15px;
      margin-bottom: 10px; } }

.p_re {
  position: relative; }

.sec01_head_logo {
  width: 9.9304347826%;
  position: absolute;
  top: 8px;
  right: 25.2173913043%; }
  @media screen and (max-width: 666px) {
    .sec01_head_logo {
      width: 40px;
      top: auto;
      bottom: 6px;
      right: 15px; } }

.sec01_logo {
  position: absolute;
  bottom: 8.3798882682%;
  right: 2.2321428571%;
  z-index: 1;
  width: 42.1875%; }
  @media screen and (max-width: 666px) {
    .sec01_logo {
      position: static;
      max-width: 308px;
      width: 100%;
      margin: 0 auto; } }

.sec02 {
  margin-top: 55px;
  padding-bottom: 40px;
  background: #daf0fc; }

.sec02_inner {
  max-width: 900px;
  width: 100%;
  width: calc(100% - 20px);
  align-items: flex-start;
  justify-content: center;
  margin: 30px auto 35px; }

.sec02_point {
  width: 3.8888888889%;
  margin-right: 1.1111111111%; }
  @media screen and (max-width: 666px) {
    .sec02_point {
      width: 20px;
      margin-right: 10px; } }

.sec02_r {
  width: 82.7777777778%; }

.sec02_text {
  font-size: 22px;
  line-height: 1.6; }
  .sec02_text > sup {
    font-size: 0.6em; }
  @media screen and (max-width: 666px) {
    .sec02_text {
      font-size: 18px; } }
  .sec02_text .text_bg {
    display: inline-block;
    line-height: 1;
    padding: 2px;
    background: #fffbc7; }
    @media screen and (max-width: 666px) {
      .sec02_text .text_bg {
        display: inline;
        padding: 0; } }

.sec03 {
  padding: 60px 0; }
  @media screen and (max-width: 666px) {
    .sec03 {
      padding: 40px 0; } }

.sec03_head {
  max-width: 776px;
  width: 100%;
  margin: 0 auto 10px; }
  @media screen and (max-width: 666px) {
    .sec03_head {
      width: calc(100% - 40px); } }

.sec03_wrap {
  max-width: 900px;
  width: calc(100% - 10px);
  margin: 0 auto 50px; }
  @media screen and (max-width: 666px) {
    .sec03_wrap {
      width: calc(100% - 30px);
      display: block;
      margin: 0 auto 40px; } }

.sec03_box {
  width: 46.6666666667%;
  border: 2px solid #6fba2c;
  padding-top: 30px;
  display: flex;
  flex-direction: column; }
  @media screen and (max-width: 666px) {
    .sec03_box {
      padding-top: 15px;
      width: 100%;
      display: block; }
      .sec03_box:first-of-type {
        margin-bottom: 20px; } }
  .sec03_box > .lp_text, .sec03_box > .clearfix {
    max-width: 365px;
    width: calc(100% - 30px);
    margin: 0 auto; }

.sec03_box_head {
  text-align: center;
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 20px; }
  @media screen and (max-width: 666px) {
    .sec03_box_head {
      font-size: 24px;
      margin-bottom: 15px; } }

.sec03_l_image {
  margin-top: auto; }
  @media screen and (max-width: 666px) {
    .sec03_l_image {
      margin-top: 15px; } }

.sec03_box_right {
  padding-bottom: 20px; }
  .sec03_box_right > .clearfix::before {
    font-size: 18px;
    content: "";
    display: block;
    height: 8em;
    float: right; }
  .sec03_box_right .sec03_r_image {
    float: right;
    clear: both;
    width: 37.8082191781%;
    margin-left: 4.1095890411%;
    margin-top: 40px; }
    @media screen and (max-width: 666px) {
      .sec03_box_right .sec03_r_image {
        margin-top: 30px; } }

.ta_c {
  text-align: center; }

.flex_sec03_wrap2 .sec03_box_head {
  line-height: 1.4; }
  @media screen and (max-width: 666px) {
    .flex_sec03_wrap2 .sec03_box_head {
      margin-bottom: 40px; } }
.flex_sec03_wrap2 .txts {
  text-align: center;
  display: flex;
  justify-content: space-between;
  /*.pc_ml {
  	@media screen and (min-width: 768px) {
  		margin: 0 78px 0 0px;
  	}
  }*/
  /*.pc_ml2 {
  	@media screen and (min-width: 768px) {
  		margin: 0 36px 0 0px;
  	}
  }*/
  		/*.sp_ml01 {
  			@include mq($br_tb){
  				margin-right: 6%;
  			}
  		}
  		.sp_ml02 {
  			@include mq($br_tb){
  				margin: 0 0 0 -2%;
  			}
  			@media screen and (max-width: 340px) {
  				margin: 0 0 0 0;
              }
  		}
  		.sp_ml03 {
  			@include mq($br_tb){
  				margin: 0 5% 0 0;
  			}
  		}*/ }
  @media screen and (max-width: 666px) {
    .flex_sec03_wrap2 .txts .sec05_item_position {
      font-size: 12px; } }
  @media screen and (min-width: 768px) {
    .flex_sec03_wrap2 .txts.txts01 {
      margin-left: -24px; } }
  .flex_sec03_wrap2 .txts.ex {
    justify-content: space-around; }
    @media screen and (max-width: 666px) {
      .flex_sec03_wrap2 .txts.ex {
        display: block; } }
  .flex_sec03_wrap2 .txts .sec05_item_name_ex {
    font-size: 0.6em; }
  .flex_sec03_wrap2 .txts .img {
    margin: 10px 0 15px; }
.flex_sec03_wrap2 .imges {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px; }
  .flex_sec03_wrap2 .imges p {
    width: 46.4720194647%; }
.flex_sec03_wrap2 .sec03_box2 .sihoi_list {
  display: flex;
  justify-content: space-between;
  max-width: 900px;
  margin: 0 auto 23px; }
  @media screen and (max-width: 666px) {
    .flex_sec03_wrap2 .sec03_box2 .sihoi_list {
      display: block; } }
.flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list001 {
  width: 33.3333333333%; }
  @media screen and (max-width: 666px) {
    .flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list001 {
      width: auto;
      padding: 0 15px; }
      .flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list001:nth-child(1) {
        margin-bottom: 40px; } }
  .flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list001 .imges {
    display: flex;
    justify-content: center;
    margin-bottom: 15px; }
    .flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list001 .imges p {
      width: 100%; }
      @media screen and (max-width: 666px) {
        .flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list001 .imges p {
          width: 46.4720194647%; } }
  .flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list001 .txts {
    justify-content: center; }
.flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list002 {
  width: 62.2222222222%; }
  @media screen and (max-width: 666px) {
    .flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list002 {
      width: auto;
      padding: 0 15px; }
      .flex_sec03_wrap2 .sec03_box2 .sihoi_list li.list002:nth-child(1) {
        margin-bottom: 40px; } }

.sec03_button {
  max-width: 460px;
  width: calc(100% - 40px);
  border-radius: 5px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 23px;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  background: #6fba2c;
  padding: 15px 10px;
  transition: opacity 0.5s ease-in-out; }
  @media screen and (max-width: 666px) {
    .sec03_button {
      font-size: 18px; } }
  .sec03_button > span {
    margin-right: 5px; }
  .sec03_button:hover {
    color: #fff;
    opacity: 0.7; }

.sec04 {
  background: #f6f1d6;
  padding-bottom: 45px; }
  @media screen and (max-width: 666px) {
    .sec04 {
      margin-bottom: 40px; } }

.sec04_box {
  max-width: 900px;
  width: calc(100% - 20px);
  background: #fff;
  border: 2px solid #009b63;
  margin: 0 auto 25px;
  padding-right: 4.0816326531%;
  padding-bottom: 30px; }
  @media screen and (max-width: 666px) {
    .sec04_box {
      padding-right: 0;
      padding-bottom: 15px; } }
  .sec04_box:first-of-type {
    margin-top: 35px; }
    @media screen and (max-width: 666px) {
      .sec04_box:first-of-type {
        margin-top: 25px; } }
  .sec04_box:last-of-type {
    margin-bottom: 35px; }
    @media screen and (max-width: 666px) {
      .sec04_box:last-of-type {
        margin-bottom: 25px; } }

.q_wrap {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px; }
  @media screen and (max-width: 666px) {
    .q_wrap {
      display: block;
      margin-bottom: 20px; } }

.q_box {
  width: 15.1869158879%;
  background: #009b63;
  padding: 5.6074766355% 0;
  line-height: 0;
  text-align: center;
  margin-right: 2.3364485981%; }
  @media screen and (max-width: 666px) {
    .q_box {
      width: 100%;
      padding: 10px 10px;
      margin-right: 0;
      margin-bottom: 10px; } }

.q_text {
  font-size: 30px;
  line-height: 1.25;
  font-weight: 600; }
  @media screen and (max-width: 666px) {
    .q_text {
      text-align: center;
      padding: 0 20px;
      font-size: 22px; } }

.a_wrap {
  align-items: flex-start; }
  @media screen and (max-width: 666px) {
    .a_wrap {
      display: block; } }

.a_box {
  text-align: center;
  padding-top: 10px;
  width: 15.1869158879%; }
  @media screen and (max-width: 666px) {
    .a_box {
      width: 100%;
      padding: 5px 10px;
      margin-right: 0;
      margin-bottom: 10px; } }

.a_text {
  width: 82.9439252336%; }
  @media screen and (max-width: 666px) {
    .a_text {
      width: 100%;
      padding: 0 20px; } }

.sec05 {
  margin-top: 55px; }
  .sec05 > .section_head {
    font-size: 29px; }
    @media screen and (max-width: 666px) {
      .sec05 > .section_head {
        font-size: 24px; } }
    .sec05 > .section_head > .text_lg {
      font-size: 1.5em; }
      @media screen and (max-width: 666px) {
        .sec05 > .section_head > .text_lg {
          font-size: 1.3em; } }

.sec05_lead {
  margin-top: 40px;
  text-align: center;
  font-size: 26px;
  line-height: 1.6;
  margin-bottom: 5px; }
  @media screen and (max-width: 666px) {
    .sec05_lead {
      font-size: 22px; } }

.sec05_note {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px; }
  @media screen and (max-width: 666px) {
    .sec05_note {
      font-size: 14px;
      margin-bottom: 25px; } }

.sec05_support {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 35px; }
  @media screen and (max-width: 666px) {
    .sec05_support {
      font-size: 22px;
      line-height: 1.4;
      margin-bottom: 25px; } }

.sec05_box, .sec05_box_outer {
  max-width: 900px;
  width: calc(100% - 40px);
  margin: 0 auto 50px; }
  @media screen and (max-width: 666px) {
    .sec05_box, .sec05_box_outer {
      margin: 0 auto 30px; } }

.sec05_box_outer {
  margin-bottom: 60px; }
  @media screen and (max-width: 666px) {
    .sec05_box_outer {
      margin-bottom: 40px; } }
  .sec05_box_outer > .tyubu {
    width: 65.5555555556%;
    margin: 0; }
    @media screen and (max-width: 666px) {
      .sec05_box_outer > .tyubu {
        width: 100%;
        margin: 0 auto 30px; } }
  .sec05_box_outer > .fukuoka {
    width: 30%;
    margin: 0; }
    @media screen and (max-width: 666px) {
      .sec05_box_outer > .fukuoka {
        width: 100%;
        margin: 0 auto; } }

.sec05_box_head {
  text-align: center;
  width: 100%;
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 30px; }
  @media screen and (max-width: 666px) {
    .sec05_box_head {
      font-size: 24px;
      margin-bottom: 25px; } }
  .syutoken .sec05_box_head {
    background: #5486ac; }
  .kansai .sec05_box_head {
    background: #f39800; }
  .tyubu .sec05_box_head {
    background: #094; }
  .fukuoka .sec05_box_head {
    background: #8f82bc; }

.sec05_list {
  justify-content: center;
  align-items: flex-start; }
  @media screen and (max-width: 666px) {
    .sec05_list {
      display: block; } }

.sec05_item {
  text-align: center; }
  .sec05_item:not(:last-of-type) {
    margin-right: 7.7777777778%; }
    @media screen and (max-width: 666px) {
      .sec05_item:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 30px; } }
    .tyubu .sec05_item:not(:last-of-type) {
      margin-right: 13.5593220339%; }
      @media screen and (max-width: 666px) {
        .tyubu .sec05_item:not(:last-of-type) {
          margin-right: 0; } }

.sec05_photo {
  margin-bottom: 15px; }

.sec05_item_position {
  font-size: 14px;
  color: #22ac38;
  line-height: 1.5;
  font-weight: bold; }
  @media screen and (max-width: 666px) {
    .sec05_item_position {
      font-size: 14px; } }

.sec05_item_name {
  font-size: 17px;
  line-height: 1.5;
  font-weight: bold; }
  @media screen and (max-width: 666px) {
    .sec05_item_name {
      font-size: 14px; } }
  .sec05_item_name > .text_min {
    display: inline-block;
    margin-right: 1em;
    font-size: 0.8em; }

.sec05_bottom_text {
  margin-top: 60px;
  text-align: center;
  font-size: 30px;
  line-height: 1;
  font-weight: 600; }
  @media screen and (max-width: 666px) {
    .sec05_bottom_text {
      margin-top: 40px;
      font-size: 24px;
      line-height: 1.4;
      padding: 0 20px; } }

.column_box {
  max-width: 710px;
  width: calc(100% - 40px);
  margin: 60px auto;
  border: 3px solid #009b63;
  background: #fff;
  align-items: center;
  padding: 35px 30px; }
  @media screen and (max-width: 666px) {
    .column_box {
      margin: 40px auto;
      padding: 15px;
      display: block; } }

.column_image {
  width: 33.6956521739%; }
  @media screen and (max-width: 666px) {
    .column_image {
      width: 100%;
      max-width: 217px;
      margin: 0 auto 20px; } }

.column_right {
  width: 60.5590062112%; }
  @media screen and (max-width: 666px) {
    .column_right {
      width: 100%; } }

.column_text {
  text-align: center;
  font-size: 30px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 15px; }
  @media screen and (max-width: 666px) {
    .column_text {
      font-size: 22px; } }

.column_button {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
  padding: 10px 10px;
  border-radius: 3px;
  display: block;
  color: #fff;
  font-size: 23px;
  font-weight: 600;
  line-height: 1;
  background: #009b63;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease-in-out; }
  @media screen and (max-width: 666px) {
    .column_button {
      font-size: 20px; } }
  .column_button > span {
    margin-right: 5px; }
  .column_button:hover {
    color: #fff;
    opacity: 0.7; }

.logo_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #fff;
  padding: 140px 20px; }
  @media screen and (max-width: 666px) {
    .logo_wrap {
      padding: 60px 20px; } }

.l-foot {
  margin-top: 0;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#pagetop {
  display: none; }

.ftr-page-top > a {
  font-size: 10px; }
  .ftr-page-top > a::before {
    font-size: 16px; }

.ftr-nav-sub > li {
  font-size: 12px; }

.ftr-nav-lang {
  font-size: 12px;
  background: url(https://www.suminavi.com/Front/shared/image/ico_lang.svg) no-repeat left 2px; }
  .ftr-nav-lang .dtl a {
    font-size: 12px; }

.ftr-copy small {
  font-size: 10px; }
  @media screen and (max-width: 666px) {
    .ftr-copy small {
      font-size: 10px; } }

/*# sourceMappingURL=lp.css.map */