@charset "UTF-8";
/*!===========================
style.cssはSassから生成されていますので、
直接編集しないようご注意ください。
===========================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@media only screen and (min-width: 769px) { .sp { display: none !important; } }
@media only screen and (max-width: 768px) { .pc { display: none !important; }
  .sp { display: block !important; } }
.mb_10 { margin-bottom: 0.5208333333vw; }

.mb_20 { margin-bottom: 1.0416666667vw; }

.mb_30 { margin-bottom: 1.5625vw; }

.mb_40 { margin-bottom: 2.0833333333vw; }

.mb_50 { margin-bottom: 2.6041666667vw; }

.mb_60 { margin-bottom: 3.125vw; }

.mb_70 { margin-bottom: 3.6458333333vw; }

.mb_80 { margin-bottom: 4.1666666667vw; }

.mb_90 { margin-bottom: 4.6875vw; }

.mb_100 { margin-bottom: 5.2083333333vw; }

.mb_110 { margin-bottom: 5.7291666667vw; }

.mb_120 { margin-bottom: 6.25vw; }

.mb_130 { margin-bottom: 6.7708333333vw; }

.mb_140 { margin-bottom: 7.2916666667vw; }

.mb_150 { margin-bottom: 7.8125vw; }

.mb_160 { margin-bottom: 8.3333333333vw; }

.mb_170 { margin-bottom: 8.8541666667vw; }

.mb_180 { margin-bottom: 9.375vw; }

.mb_190 { margin-bottom: 9.8958333333vw; }

.mb_200 { margin-bottom: 10.4166666667vw; }

@media screen and (min-width: 1600px) { .mb_10 { margin-bottom: 10px; }
  .mb_20 { margin-bottom: 20px; }
  .mb_30 { margin-bottom: 30px; }
  .mb_40 { margin-bottom: 40px; }
  .mb_50 { margin-bottom: 50px; }
  .mb_60 { margin-bottom: 60px; }
  .mb_70 { margin-bottom: 70px; }
  .mb_80 { margin-bottom: 80px; }
  .mb_90 { margin-bottom: 90px; }
  .mb_100 { margin-bottom: 100px; }
  .mb_110 { margin-bottom: 110px; }
  .mb_120 { margin-bottom: 120px; }
  .mb_130 { margin-bottom: 130px; }
  .mb_140 { margin-bottom: 140px; }
  .mb_150 { margin-bottom: 150px; }
  .mb_160 { margin-bottom: 160px; }
  .mb_170 { margin-bottom: 170px; }
  .mb_180 { margin-bottom: 180px; }
  .mb_190 { margin-bottom: 190px; }
  .mb_200 { margin-bottom: 200px; } }
@media print, screen and (max-width: 769px) { .mb_10 { margin-bottom: 1.3333333333vw; }
  .mb_20 { margin-bottom: 2.6666666667vw; }
  .mb_30 { margin-bottom: 4vw; }
  .mb_40 { margin-bottom: 5.3333333333vw; }
  .mb-50 { margin-bottom: 6.6666666667vw; }
  .mb-60 { margin-bottom: 8vw; }
  .mb-70 { margin-bottom: 9.3333333333vw; }
  .mb-80 { margin-bottom: 10.6666666667vw; }
  .mb-90 { margin-bottom: 12vw; }
  .mb-100 { margin-bottom: 13.3333333333vw; }
  .mb-110 { margin-bottom: 14.6666666667vw; }
  .mb-120 { margin-bottom: 16vw; }
  .mb-130 { margin-bottom: 17.3333333333vw; }
  .mb-140 { margin-bottom: 18.6666666667vw; }
  .mb-150 { margin-bottom: 20vw; }
  .mb-160 { margin-bottom: 21.3333333333vw; }
  .mb-170 { margin-bottom: 22.6666666667vw; }
  .mb-180 { margin-bottom: 24vw; }
  .mb-190 { margin-bottom: 25.3333333333vw; }
  .mb-200 { margin-bottom: 26.6666666667vw; } }
@media only screen and (max-width: 768px) { .header_nav { position: fixed; top: 10px; right: 10px; z-index: 3000; }
  .header_nav #header_menu_trigger { display: none; outline: none; }
  .header_nav .header_menu_ico { transition: all 0.3s; position: relative; width: 46px; height: 46px; border-radius: 100%; z-index: 3000; }
  .header_nav .header_menu_ico div { width: 26px; height: 1px; position: absolute; background: #000; right: 0; margin: auto; left: 0; transition: all 0.3s cubic-bezier(0.6, 0, 0.4, 1.5); width: 26; top: calc(50% - ((4px)) + -1px); }
  .header_nav .header_menu_ico div:nth-of-type(1) { top: calc(50% - ((4px)) + -1px); width: 26px; }
  .header_nav .header_menu_ico div:nth-of-type(2) { top: calc(50% - ((4px)) + 5px); width: 26px; }
  .header_nav .header_menu_ico div:nth-of-type(3) { top: calc(50% - ((4px)) + 11px); width: 26px; }
  .header_nav input#header_menu_trigger:checked + label .header_menu_ico { transform: scale(1.21) rotate(180deg); }
  .header_nav input#header_menu_trigger:checked + label .header_menu_ico div:nth-of-type(1) { transform: rotate(45deg); width: 26px !important; top: calc(50% - (1px)) !important; background: #fff; }
  .header_nav input#header_menu_trigger:checked + label .header_menu_ico div:nth-of-type(2) { left: -7px !important; opacity: 0; background: #fff; }
  .header_nav input#header_menu_trigger:checked + label .header_menu_ico div:nth-of-type(3) { transform: rotate(-45deg); width: 26px !important; top: calc(50% - (1px)) !important; background: #fff; }
  #header_menu { display: none; position: fixed; z-index: 2000; top: 0; left: 0; width: 100%; margin: 0; padding: 0; background: #000; text-align: center; height: 100vh; }
  #header_menu ul { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding-bottom: 70px; }
  #header_menu ul li { opacity: 0; -webkit-transform: translateX(-8%); -ms-transform: translateX(-8%); transform: translateX(-8%); }
  #header_menu ul li a { display: block; text-decoration: none; padding: 9px 0; color: #fff; }
  #header_menu ul li a span { display: block; } }
#header_menu ul li:nth-child(1) { -webkit-animation: lazyX 0.8s ease 0.08s 1 forwards; animation: lazyX 0.8s ease 0.08s 1 forwards; }

#header_menu ul li:nth-child(2) { -webkit-animation: lazyX 0.8s ease 0.16s 1 forwards; animation: lazyX 0.8s ease 0.16s 1 forwards; }

#header_menu ul li:nth-child(3) { -webkit-animation: lazyX 0.8s ease 0.24s 1 forwards; animation: lazyX 0.8s ease 0.24s 1 forwards; }

#header_menu ul li:nth-child(4) { -webkit-animation: lazyX 0.8s ease 0.32s 1 forwards; animation: lazyX 0.8s ease 0.32s 1 forwards; }

#header_menu ul li:nth-child(5) { -webkit-animation: lazyX 0.8s ease 0.4s 1 forwards; animation: lazyX 0.8s ease 0.4s 1 forwards; }

#header_menu ul li:nth-child(6) { -webkit-animation: lazyX 0.8s ease 0.48s 1 forwards; animation: lazyX 0.8s ease 0.48s 1 forwards; }

#header_menu ul li:nth-child(7) { -webkit-animation: lazyX 0.8s ease 0.56s 1 forwards; animation: lazyX 0.8s ease 0.56s 1 forwards; }

#header_menu ul li:nth-child(8) { -webkit-animation: lazyX 0.8s ease 0.64s 1 forwards; animation: lazyX 0.8s ease 0.64s 1 forwards; }

#header_menu ul li:nth-child(9) { -webkit-animation: lazyX 0.8s ease 0.72s 1 forwards; animation: lazyX 0.8s ease 0.72s 1 forwards; }

#header_menu ul li:nth-child(10) { -webkit-animation: lazyX 0.8s ease 0.8s 1 forwards; animation: lazyX 0.8s ease 0.8s 1 forwards; }

.page_support_new { font-family: "Noto Sans JP", sans-serif; -webkit-font-smoothing: antialiased; }
.page_support_new .fv { width: 100%; background-image: url("img/index/fv_bg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; }
@media only screen and (max-width: 768px) { .page_support_new .fv { background-image: url("img/index/fv_bg_sp.jpg"); } }
.page_support_new .fv .inner { position: relative; height: 72vh; }
@media only screen and (max-width: 768px) { .page_support_new .fv .inner { height: auto; padding-top: calc(900 / 750 * 100%); } }
.page_support_new .fv .fv_txt_01, .page_support_new .fv .fv_txt_02 { position: absolute; z-index: 10; width: 100%; text-align: center; left: 0; }
.page_support_new .fv .fv_txt_01 { top: 50px; }
@media only screen and (max-width: 768px) { .page_support_new .fv .fv_txt_01 { top: 20px; padding: 0 70px; } }
.page_support_new .fv .fv_txt_02 { bottom: 30px; font-size: 32px; font-weight: 700; color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.4); }
@media only screen and (max-width: 768px) { .page_support_new .fv .fv_txt_02 { font-size: 4.5vw; } }
.page_support_new .section01 .inner { width: 1100px; margin: 0 auto; padding: 80px 50px; }
@media only screen and (max-width: 768px) { .page_support_new .section01 .inner { width: 100%; } }
@media only screen and (max-width: 768px) { .page_support_new .section01 .inner { padding: 40px 20px; } }
.page_support_new .section01 h2 { text-align: center; font-weight: 700; color: #db525a; font-size: 56px; letter-spacing: 0.08em; }
@media only screen and (max-width: 768px) { .page_support_new .section01 h2 { font-size: 6vw; } }
.page_support_new .section01 h2 span { font-size: 100px; letter-spacing: normal; display: inline-block; margin: 0 5px; }
@media only screen and (max-width: 768px) { .page_support_new .section01 h2 span { font-size: 8vw; margin: 0 3px; } }
.page_support_new .section01 .lead { margin-top: 40px; }
@media only screen and (max-width: 768px) { .page_support_new .section01 .lead { margin-top: 20px; } }
.page_support_new .section01 .txt p { font-size: 17px; line-height: 2; font-weight: 500; }
@media only screen and (max-width: 768px) { .page_support_new .section01 .txt p { font-size: 15px; } }
.page_support_new .section01 .txt strong { background: linear-gradient(transparent 80%, #e5dc71 80%); }
.page_support_new .section01 .wrap { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; margin-top: 30px; }
.page_support_new .section01 .wrap .txt { width: 50%; }
@media only screen and (max-width: 768px) { .page_support_new .section01 .wrap .txt { width: 100%; } }
.page_support_new .section01 .wrap .image { width: 50%; padding: 0 50px; }
@media only screen and (max-width: 768px) { .page_support_new .section01 .wrap .image { width: 85%; margin: 20px auto 0; padding: 0; } }
.page_support_new .section02 .inner { width: 1100px; margin: 0 auto; padding: 50px 0; }
@media only screen and (max-width: 768px) { .page_support_new .section02 .inner { width: 100%; } }
@media only screen and (max-width: 768px) { .page_support_new .section02 .inner { padding: 30px 20px; } }
.page_support_new .section02 h2 { width: 80%; margin: auto; border-top: 6px solid #000; border-bottom: 6px solid #000; padding: 30px 0; text-align: center; font-weight: 700; font-size: 34px; }
@media only screen and (max-width: 768px) { .page_support_new .section02 h2 { width: 100%; font-size: 6vw; border-top-width: 4px; border-bottom-width: 4px; } }
.page_support_new .section02 h2 img { display: block; width: 500px; margin: 0 auto; }
@media only screen and (max-width: 768px) { .page_support_new .section02 h2 img { width: 85%; } }
.page_support_new .section02 h2 span { display: inline-block; margin: 0 5px; }
.page_support_new .section02 h2 span.txt_01 { font-size: 48px; color: #1b6184; }
@media only screen and (max-width: 768px) { .page_support_new .section02 h2 span.txt_01 { font-size: 9vw; } }
.page_support_new .section02 h2 span.txt_02 { font-size: 54px; color: #db525a; }
@media only screen and (max-width: 768px) { .page_support_new .section02 h2 span.txt_02 { font-size: 9vw; } }
.page_support_new .section02 .lead { margin-top: 40px; font-size: 17px; line-height: 2; font-weight: 500; }
@media only screen and (max-width: 768px) { .page_support_new .section02 .lead { font-size: 15px; } }
.page_support_new .section02 .lead strong { background: linear-gradient(transparent 80%, #e5dc71 80%); }
.page_support_new .section02 .remarks { margin-top: 40px; }
@media only screen and (max-width: 768px) { .page_support_new .section02 .remarks { margin-top: 30px; } }
.page_support_new .section02 .image { margin-top: 60px; }
@media only screen and (max-width: 768px) { .page_support_new .section02 .image { margin-top: 40px; } }
.page_support_new .section03 .inner { width: 1100px; margin: 0 auto; padding: 80px 0 50px; }
@media only screen and (max-width: 768px) { .page_support_new .section03 .inner { width: 100%; } }
@media only screen and (max-width: 768px) { .page_support_new .section03 .inner { padding: 40px 20px; } }
.page_support_new .section03 h2 { text-align: center; font-weight: 700; }
.page_support_new .section03 h2 span { display: inline-block; font-size: 30px; padding: 0 20px 10px; letter-spacing: 0.08em; border-bottom: 2px solid #000; }
@media only screen and (max-width: 768px) { .page_support_new .section03 h2 span { font-size: 6vw; } }
.page_support_new .section03 .image { margin-top: 80px; }
@media only screen and (max-width: 768px) { .page_support_new .section03 .sp_scroll_contents { margin-top: 30px; }
  .page_support_new .section03 .sp_scroll_contents .remarks { background: #ddd; padding: 1em; text-align: center; }
  .page_support_new .section03 .sp_scroll_contents .wrap { margin-top: 20px; margin-right: -20px; position: relative; }
  .page_support_new .section03 .sp_scroll_contents .wrap .wrap2 { position: relative; padding-left: 115px; overflow-x: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; }
  .page_support_new .section03 .sp_scroll_contents .wrap .fixed { position: absolute; width: 120px; top: 0; left: 0; z-index: 100; padding-right: 5px; background: #fff; padding-bottom: 10px; }
  .page_support_new .section03 .sp_scroll_contents .wrap .scroll { width: 640px; flex-shrink: 0; padding-right: 20px; } }
.page_support_new .section04 .inner { width: 1100px; margin: 0 auto; padding: 80px 0 50px; }
@media only screen and (max-width: 768px) { .page_support_new .section04 .inner { width: 100%; } }
@media only screen and (max-width: 768px) { .page_support_new .section04 .inner { padding: 40px 20px; } }
.page_support_new .section04 h2 { text-align: center; font-weight: 700; }
.page_support_new .section04 h2 span { display: inline-block; font-size: 30px; padding: 0 20px 10px; letter-spacing: 0.08em; border-bottom: 2px solid #000; }
@media only screen and (max-width: 768px) { .page_support_new .section04 h2 span { font-size: 6vw; } }
.page_support_new .section04 .wrap { margin-top: 80px; }
@media only screen and (max-width: 768px) { .page_support_new .section04 .wrap { margin-top: 50px; } }
.page_support_new .section04 .wrap ul li { margin-top: 35px; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; -o-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
@media only screen and (max-width: 768px) { .page_support_new .section04 .wrap ul li { display: block; } }
.page_support_new .section04 .wrap ul li:first-child { margin-top: 0; }
.page_support_new .section04 .wrap .heading { width: 180px; }
@media only screen and (max-width: 768px) { .page_support_new .section04 .wrap .heading { width: 100%; } }
.page_support_new .section04 .wrap .heading span { display: block; padding: 30px 0; text-align: center; font-size: 20px; font-weight: 700; background: #f9e8d8; }
@media only screen and (max-width: 768px) { .page_support_new .section04 .wrap .heading span { font-size: 17px; padding: 14px; text-align: center; } }
.page_support_new .section04 .wrap .txt { width: calc(100% - 180px); padding-left: 25px; font-size: 17px; font-weight: 500; }
@media only screen and (max-width: 768px) { .page_support_new .section04 .wrap .txt { font-size: 15px; width: 100%; padding: 20px 0 0; } }
.page_support_new .section04 .wrap2 { margin-top: 35px; position: relative; }
.page_support_new .section04 .wrap2 .heading span { background: #e18e39; }
.page_support_new .section04 .wrap2 .image { position: absolute; top: 0; right: 0; width: 500px; }
@media only screen and (max-width: 768px) { .page_support_new .section04 .wrap2 .image { position: static; width: 100%; margin-top: 20px; } }
.page_support_new .section05 .inner { width: 1100px; margin: 0 auto; padding: 50px 0; }
@media only screen and (max-width: 768px) { .page_support_new .section05 .inner { width: 100%; } }
@media only screen and (max-width: 768px) { .page_support_new .section05 .inner { padding: 40px 20px; } }
.page_support_new .section05 h2 { width: 80%; margin: auto; border-top: 6px solid #000; border-bottom: 6px solid #000; padding: 30px 0; text-align: center; font-weight: 700; font-size: 34px; }
@media only screen and (max-width: 768px) { .page_support_new .section05 h2 { width: 100%; font-size: 5.5vw; border-top-width: 4px; border-bottom-width: 4px; } }
.page_support_new .section05 h2 img { display: block; width: 500px; margin: 0 auto; }
@media only screen and (max-width: 768px) { .page_support_new .section05 h2 img { width: 85%; } }
.page_support_new .section05 h2 span { display: inline-block; margin: 0 5px; font-size: 54px; color: #db525a; }
@media only screen and (max-width: 768px) { .page_support_new .section05 h2 span { font-size: 9vw; } }
.page_support_new .section05 .lead { margin-top: 40px; font-size: 17px; line-height: 2; font-weight: 500; }
@media only screen and (max-width: 768px) { .page_support_new .section05 .lead { font-size: 15px; } }
.page_support_new .section05 .lead strong { background: linear-gradient(transparent 80%, #e5dc71 80%); }
.page_support_new .section05 .wrap { margin-top: 40px; }
@media only screen and (max-width: 768px) { .page_support_new .section05 .wrap { margin-top: 30px; } }
.page_support_new .section05 .wrap .heading { background: #e18e3a; text-align: center; font-size: 24px; font-weight: 700; letter-spacing: 0.08em; color: #fff; padding: 12px 0; }
@media only screen and (max-width: 768px) { .page_support_new .section05 .wrap .heading { font-size: 20px; } }
.page_support_new .section05 .wrap ul { margin-top: 30px; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; }
.page_support_new .section05 .wrap ul li { width: calc((100% - 32px) / 5); margin-left: 8px; }
@media only screen and (max-width: 768px) { .page_support_new .section05 .wrap ul li { width: calc((100% - 4%) / 2); margin-left: 4%; margin-top: 30px; }
  .page_support_new .section05 .wrap ul li:nth-child(odd) { margin-left: 0; }
  .page_support_new .section05 .wrap ul li:nth-child(1), .page_support_new .section05 .wrap ul li:nth-child(2) { margin-top: 0; } }
.page_support_new .section05 .wrap ul li:first-child { margin-left: 0; }
.page_support_new .section05 .wrap .name { font-size: 18px; text-align: center; padding: 20px 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border: 2px solid #28856f; -webkit-box-shadow: 0 5px 0 #28856f; -moz-box-shadow: 0 5px 0 #28856f; box-shadow: 0 5px 0 #28856f; font-weight: 700; }
@media only screen and (max-width: 768px) { .page_support_new .section05 .wrap .name { font-size: 15px; } }
.page_support_new .section05 .wrap .image { margin-top: 15px; }
.page_support_new .section05 .wrap .txt { margin-top: 20px; font-size: 15px; font-weight: 500; padding-left: 15px; border-left: 5px solid #28856f; }
@media only screen and (max-width: 768px) { .page_support_new .section05 .wrap .txt { font-size: 14px; } }
.page_support_new .section05 .wrap .txt span { font-size: 13px; }
@media only screen and (max-width: 768px) { .page_support_new .section05 .wrap .txt span { font-size: 11px; } }
.page_support_new .section06 .inner { width: 1100px; margin: 0 auto; padding: 80px 0 50px; }
@media only screen and (max-width: 768px) { .page_support_new .section06 .inner { width: 100%; } }
@media only screen and (max-width: 768px) { .page_support_new .section06 .inner { padding: 40px 20px; }
  .page_support_new .section06 .inner .sp_image { margin-top: 30px; } }
.page_support_new .section06 h2 { text-align: center; font-weight: 700; }
.page_support_new .section06 h2 span { display: inline-block; font-size: 30px; padding: 0 20px 10px; letter-spacing: 0.08em; border-bottom: 2px solid #000; }
@media only screen and (max-width: 768px) { .page_support_new .section06 h2 span { font-size: 6vw; } }
.page_support_new .section06 .items .item { margin-top: 100px; }
@media only screen and (max-width: 768px) { .page_support_new .section06 .items .item { margin-top: 40px; } }
.page_support_new .section06 .items .item h3 { font-size: 30px; font-weight: 700; text-align: center; letter-spacing: 0.08em; }
@media only screen and (max-width: 768px) { .page_support_new .section06 .items .item h3 { font-size: 6vw; } }
.page_support_new .section06 .items .item .heading { margin-top: 40px; text-align: center; font-size: 24px; font-weight: 700; letter-spacing: 0.08em; }
@media only screen and (max-width: 768px) { .page_support_new .section06 .items .item .heading { font-size: 15px; } }
.page_support_new .section06 .items .item .heading span { display: inline-block; background: linear-gradient(transparent 80%, #e5dc71 80%); }
.page_support_new .section06 .wrap { margin-top: 80px; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
@media only screen and (max-width: 768px) { .page_support_new .section06 .wrap { margin-top: 20px; } }
.page_support_new .section06 .wrap .txt { width: 50%; font-size: 20px; font-weight: 500; line-height: 2; }
@media only screen and (max-width: 768px) { .page_support_new .section06 .wrap .txt { width: 100%; font-size: 15px; } }
.page_support_new .section06 .wrap .image { width: 50%; padding-left: 30px; }
@media only screen and (max-width: 768px) { .page_support_new .section06 .wrap .image { display: none; } }
.page_support_new .section07 { padding: 80px 0 0; }
@media only screen and (max-width: 768px) { .page_support_new .section07 { padding: 40px 0 0; } }
.page_support_new .section07 h2 { text-align: center; font-weight: 700; }
.page_support_new .section07 h2 span { display: inline-block; font-size: 30px; padding: 0 20px 10px; letter-spacing: 0.08em; border-bottom: 2px solid #000; }
@media only screen and (max-width: 768px) { .page_support_new .section07 h2 span { font-size: 5vw; } }
.page_support_new .section07 .wrap { margin-top: 60px; background: #fcf7f2; padding: 50px 0; }
@media only screen and (max-width: 768px) { .page_support_new .section07 .wrap { padding: 20px; margin-top: 30px; } }
.page_support_new .section07 .wrap .contents { width: 1100px; margin: 0 auto; background: #fff; padding: 50px; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; }
@media only screen and (max-width: 768px) { .page_support_new .section07 .wrap .contents { width: 100%; } }
@media only screen and (max-width: 768px) { .page_support_new .section07 .wrap .contents { display: block; padding: 20px; } }
.page_support_new .section07 .wrap .txt .lead { font-size: 24px; font-weight: 500; }
@media only screen and (max-width: 768px) { .page_support_new .section07 .wrap .txt .lead { font-size: 4.5vw; text-align: center; } }
.page_support_new .section07 .wrap .txt p { margin-top: 10px; font-size: 15px; }
@media only screen and (max-width: 768px) { .page_support_new .section07 .wrap .txt p { font-size: 14px; } }
.page_support_new .section07 .wrap .txt .heading { margin-top: 20px; font-size: 20px; font-weight: 500; }
@media only screen and (max-width: 768px) { .page_support_new .section07 .wrap .txt .heading { font-size: 4vw; text-align: center; } }
.page_support_new .section07 .wrap .txt .tel { margin: 10px 0; }
.page_support_new .section07 .wrap .txt .tel a { display: inline-block; font-size: 26px; color: #169487; font-weight: 500; position: relative; padding-left: 60px; text-decoration: none; }
.page_support_new .section07 .wrap .txt .tel a::before { content: ""; position: absolute; width: 44px; height: 100%; background-image: url("img/index/section07_ico.jpg"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; left: 0; top: 2px; pointer-events: none; }
.page_support_new .section07 .wrap .image { margin-left: 30px; width: 400px; }
@media only screen and (max-width: 768px) { .page_support_new .section07 .wrap .image { display: none; } }
.page_support_new .section08 { padding: 80px 0; }
@media only screen and (max-width: 768px) { .page_support_new .section08 { padding: 40px 20px; } }
.page_support_new .section08 .inner { width: 1100px; margin: 0 auto; }
@media only screen and (max-width: 768px) { .page_support_new .section08 .inner { width: 100%; } }
.page_support_new .section08 ul { -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; }
@media only screen and (max-width: 768px) { .page_support_new .section08 ul { display: block; width: 80%; margin: 0 auto; } }
.page_support_new .section08 ul li { width: 360px; text-align: center; position: relative; -webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); border: 1px solid #333; }
@media only screen and (max-width: 768px) { .page_support_new .section08 ul li { width: 100%; } }
.page_support_new .section08 ul li:nth-child(2) { margin-left: 50px; }
@media only screen and (max-width: 768px) { .page_support_new .section08 ul li:nth-child(2) { margin: 25px 0 0; } }
.page_support_new .section08 ul li:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 100%; width: 0; left: auto; right: 0; background-color: #db525a; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -ms-transition-duration: 0.5s; -ms-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); -moz-transition-duration: 0.5s; -moz-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); }
.page_support_new .section08 ul li a { position: relative; overflow: hidden; color: #000; text-decoration: none; display: block; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; padding: 20px 0; z-index: 10; font-size: 20px; font-weight: 500; }
@media only screen and (min-width: 769px) { .page_support_new .section08 ul li a:hover { color: #fff; } }
@media only screen and (max-width: 768px) { .page_support_new .section08 ul li a { font-size: 15px; } }
@media only screen and (min-width: 769px) { .page_support_new .section08 ul li:hover { border-color: #db525a; }
  .page_support_new .section08 ul li:hover:before { width: 100%; right: auto; left: 0; } }