@media screen and (min-width: 768px) { .pink { color: #ea4459; }
  .br-sp { display: none; }
  .sp-only { display: none; }
  #container { background-color: #dff1fd; }
  a, button { transition: 0.5s; }
  a:hover, button:hover { transition: 0.5s; opacity: 0.7; }
  /*============================================================================== header style ============================================================================= */
  #header{ background: #fff; }
  .header-inner { display: flex; align-items: center; padding: 8px 0 11px; }
  .header-logo { width: 288px; }
  .header-logo02 { margin-left: 34px; width: 172px; }
  .header-btn { display: block; width: 298px; margin-left: auto; }
  /*============================================================================== fv ============================================================================= */
  .fv-bg { position: relative; z-index: 2; padding: 118px 0 173px; background-image: url(../img/fv_bg02_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .fv-ttl01 { width: 1060px; }
  .fv-img01 { position: absolute; bottom: -195px; left: 0; right: 0; width: 842px; margin: 0 auto; }
  .fv-bg02 { position: relative; z-index: 1; margin-bottom: -20px; padding: 185px 0 75px; background-image: url(../img/fv_bg01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .fv-list { display: flex; justify-content: space-between; width: 842px; margin: 0 auto 60px; }
  .fv-item { position: relative; width: 260px; }
  .fv-item:after { content: ""; display: block; position: absolute; top: 75px; right: -40px; width: 37px; height: 19px; background-image: url(../img/fv_arrow02_pc.png); background-repeat: no-repeat; background-size: contain; background-position: top center; }
  .fv-item:last-child:after { content: none; }
  .fv-num01 { width: 111px; margin: 0 auto 5px; }
  .fv-txt01 { font-size: 19px; }
  .fv-txt01 .color { color: #008be4; }
  .fv-comment01 { width: 425px; margin: 0 auto 20px; }
  .fv-btn { display: block; width: 612px; margin: 0 auto 60px; }
  .fv-imgbox { width: 977px; background: #fff; padding: 0 0 61px; margin: 0 auto; }
  .fv-txt02 { position: relative; display: block; font-size: 30px; text-align: center; line-height: 1; font-weight: bold; color: #fff; background: url(../img/imgbox_bg.jpg) no-repeat center/cover; padding: 18px 0; }
  .fv-txt02::after { position: absolute; content: ""; width: 40px; height: 12px; background: url(../img/fv_arrow_pc.png) no-repeat center/contain; bottom: -11px; left: 50%; transform: translateX(-50%); }
  .fv-container { display: flex; flex-wrap: wrap; justify-content: space-between; width: 840px; margin: 65px auto 0; }
  .fv .container-txt { display: block; width: 840px; font-size: 24px; font-weight: bold; color: #fff; text-align: center; background: #00297d; border-radius: 25px; margin: 0 0 33px; }
  .fv .container-txt01 { width: 840; }
  .fv .container-txt02 { width: 471px; }
  .fv .container-txt03 { width: 360px; }
  .fv .container-img01 { width: 720px; margin: 0 auto 34px; }
  .fv .container-img02 { width: 395px; margin: 0 auto; }
  .fv .container-img03 { width: 278px; margin: 0 auto; }
  /*============================================================================== fit ============================================================================= */
  .fit-bg { position: relative; z-index: 2; background-image: url(../img/fv_bg01_pc.png); background-repeat: repeat-y; background-size: 100%; background-position: top center; }
  .fit-head { display: flex; align-items: center; justify-content: center; width: 100%; height: 211px; margin-bottom: 30px; background-image: url(../img/fit_head01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .fit-ttl01 { width: 947px; }
  .fit-box { display: flex; justify-content: space-between; align-items: center; margin-bottom: 43px; padding-bottom: 24px; border-bottom: 2px dashed #003180; }
  .fit-img01 { width: 343px; margin-left: 46px; }
  .fit-txt01 { width: 520px; font-size: 20px; }
  .fit-ttl02 { width: 763px; margin: 0 auto 28px; }
  .fit-bg02 { height: 682px; padding: 110px 0 0px; background-image: url(../img/fit_bg01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .fit-ttl03 { margin-bottom: 25px; text-align: center; color: #ffffff; font-size: 30px; }
  .fit-img02 { box-shadow: 0 0 49px rgba(103, 103, 103, 0.58); width: 840px; margin: 0 auto 32px; }
  .fit-txt02 { width: 439px; margin: 0 auto; }
  /*============================================================================== relax ============================================================================= */
  .relax-bg { position: relative; z-index: 1; margin-bottom: -50px; padding: 50px 0 120px; background-image: url(../img/fv_bg01_pc.png); background-repeat: repeat-y; background-size: 100%; background-position: top center; }
  .relax-inner { box-shadow: 0 0 21px rgba(1, 1, 1, 0.23); background: url(../img/relax_bg02_pc.png), #fff; background-repeat: no-repeat; background-size: contain; background-position: top center; }
  .relax-box { padding: 60px 0 90px; }
  .relax-head { display: flex; align-items: center; justify-content: center; width: 100%; height: 150px; background: url(../img/relax_bg01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .relax-ttl01 { width: 445px; }
  .relax-img01 { width: 636px; margin: 0 auto 92px; }
  .relax-ttl02 { width: 775px; margin: 0 auto 36px; }
  .relax-list { width: 840px; margin: 0 auto; }
  .relax-item { position: relative; color: #333333; min-height: 259px; }
  .relax-item02 { margin: 69px 0 0; }
  .relax-item03 { margin: 66px 0 0; }
  .relax-item-top { position: relative; display: flex; align-items: center; }
  .relax-item-top01 { margin: 0 0 27px; }
  .relax-item-top02, .relax-item-top03 { margin: 0 0 15px; }
  .relax-item-img03 { position: absolute; z-index: 100; width: 123px; height: 123px; right: 0; }
  .relax-item-img03-01 { top: -45px; }
  .relax-item-img03-02 { top: -24px; }
  .relax-item-img03-03 { top: -32px; }
  .relax-item-inner { position: relative; border: 4px solid #003180; border-radius: 4px; }
  .relax-item-inner01 { padding: 35px 60px 25px; }
  .relax-item-inner02 { padding: 14px 50px 25px; }
  .relax-item-inner03 { padding: 22px 50px 25px; margin: 40px 0 0; }
  .relax-item-inner::after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 149px 104px 0; border-color: transparent #ffe238 transparent transparent; top: 0; right: 0; }
  .relax-item-inner03::after { border-color: transparent #008be4 transparent transparent; }
  .relax-num { position: absolute; top: -35px; left: 50%; height: 24px; transform: translateX(-50%); }
  .relax-num img { height: 100%; max-width: inherit; }
  .relax-ttl03 { color: #003180; font-size: 19px; font-weight: bold; text-align: center; padding: 15px; background-color: #ffe238; }
  .relax-img02 { width: 222px; margin: 0 32px 0 0; }
  .relax-img02 img { display: block; }
  .relax-img02-01 img { width: 182px; }
  .relax-img02-03 img { width: 112px; margin: 0 auto; }
  .relax-txt01 .job { display: block; font-size: 19px; letter-spacing: -.02em; }
  .relax-txt01 .name { font-size: 16px; }
  .relax-txt02 { font-size: 18px; color: #00297d; margin-left: auto; line-height: 1.8; border-top: 2px dashed #003180; padding: 37px 0 0; margin-bottom: 15px; }
  .relax-txt02 .bold { letter-spacing: .02em; }
  .relax-btn01 { display: block; width: 171px; margin-left: auto; }
  .relax-txt03 { width: 840px; margin: 0 auto 65px; }
  /*============================================================================== cta ============================================================================= */
  .cta-bg { position: relative; z-index: 2; height: 520px; padding-top: 45px; background-image: url(../img/cta_bg01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .cta-ttl01 { width: 837px; margin: 0 auto 27px; }
  .cta-btn01 { display: block; width: 600px; margin: 0 auto; }
  /*============================================================================== what ============================================================================= */
  .what-bg { position: relative; z-index: 1; padding: 78px 0 70px; margin-bottom: -20px; background-image: url(../img/what_bg01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .what-ttl01 { width: 559px; margin: 0 auto 40px; }
  .what-ttl02 { margin-bottom: 40px; }
  .what-box01 { position: relative; margin-bottom: 40px; }
  .what-txt01 { width: 758px; }
  .what-txt01 { margin-bottom: 10px; font-size: 20px; font-weight: bold; }
  .what-img01 { width: 184px; position: absolute; top: -20px; right: 0; }
  .what-ttl03 { position: relative; z-index: 2; margin-bottom: -8px; }
  .what-list { position: relative; z-index: 1; margin-bottom: 15px; }
  .what-item { display: flex; align-items: center; padding: 13px 68px 8px; background-color: #ffffff; }
  .what-item:nth-child(even) { background-color: #f3f3f3; }
  .what-item-num { width: 82px; }
  .what-item-txt { display: flex; align-items: center; font-weight: bold; margin-left: 58px; font-size: 22px; line-height: 1; }
  .what-item-txt .color { color: #00297d; font-size: 28px; }
  .what-note { color: #444444; text-align: right; font-size: 12px; }
  /*============================================================================== point ============================================================================= */
  .point-bg { position: relative; z-index: 2; padding-bottom: 85px; }
  .point-head { height: 342px; margin-bottom: -40px; background-image: url(../img/point_head01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .point-ttl01 { width: 860px; margin: 0 auto; transform: translate(30px, -16px); }
  .point-ttl02 { width: 709px; margin: 0 auto 10px; }
  .point-img01 { width: 755px; margin-left: 133px; }
  /*============================================================================== offer ============================================================================= */
  .offer-bg { position: relative; z-index: 1; margin-bottom: -50px; padding: 0 0 100px; background-image: url(../img/offer_bg01_pc.png); background-repeat: repeat; background-position: top center; }
  .offer-head { height: 217px; margin-bottom: 40px; padding-top: 42px; transform: translateY(-20px); background-image: url(../img/offer_head01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .offer-ttl01 { width: 708px; margin: 0 auto; }
  .offer-inner { border: 4px solid #00297d; background-color: #ffffff; }
  .offer-box { padding: 60px 70px; }
  .offer-head02 { display: flex; align-items: center; justify-content: center; height: 94px; background-color: #fdf876; }
  .offer-txt01 { width: 317px; }
  .offer-flex { display: flex; justify-content: space-between; margin-bottom: 30px; }
  .offer-img01 { width: 327px; }
  .offer-txt02 { width: 438px; color: #000000; font-size: 20px; }
  .offer-img02 { width: 630px;  margin: 0 auto 40px; border-radius: 10px; overflow: hidden; }
  .offer-ttl02 { width: 661px; margin: 0 auto 8px; }
  .offer-txt03 { position: relative; width: 675px; margin: 0 auto; color: #010101; font-size: 20px; font-weight: bold; }
  .offer-txt03:after { content: ""; display: block; position: absolute; top: 0; right: -50px; width: 123px; height: 79px; background-image: url(../img/offer_icon01_pc.png); background-repeat: no-repeat; background-size: contain; background-position: top center; }
  .offer-txt03 .block { display: block; margin: 1em 0 0; }
  /*============================================================================== change ============================================================================= */
  .change-bg { position: relative; z-index: 1; padding: 106px 0 80px; margin-bottom: -20px; background-image: url(../img/change_bg01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .change-ttl01 { width: 873px; margin: 0 auto 45px; }
  .change-txt01 { color: #00297d; font-size: 22px; font-weight: 700; text-align: center; line-height: 2; margin-bottom: -70px; }
  .change-ttl02 { width: 844px; margin: 0 auto; margin-left: 62px; }
  .change-bg02 { position: relative; z-index: 2; padding-bottom: 33px; background: url(../img/change_bg02_pc.png); background-repeat: no-repeat; background-size: contain; background-position: top center; }
  .change-ttl03 { width: 631px; margin: 0 auto 45px; }
  /*============================================================================== style ============================================================================= */
  .style-bg { position: relative; z-index: 1; margin-bottom: -50px; padding-bottom: 180px; }
  .style-head { position: relative; height: 173px; margin-bottom: 78px; }
  .style-ttl01 { position: absolute; width: 2000px; top: 0; left: 50%; transform: translateX(-50%); }
  .style .swiper-button-prev, .style .swiper-button-next { top: 110px; width: 69px; height: 69px; background-image: url(../img/style_arrow01_pc.png); background-repeat: no-repeat; background-size: contain; background-position: top center; transform: none; margin-top: 0; }
  .style .swiper-button-prev.swiper-button-prev02 { left: -37px; }
  .style .swiper-button-next.swiper-button-next02 { right: -37px; transform: rotate(180deg); }
  .style .swiper-pagination.swiper-pagination02 { bottom: -60px; display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 auto; }
  .style .swiper-pagination-bullet { width: 11px; height: 11px; margin-right: 19px; background-color: #828282; display: block; opacity: 1; }
  .style .swiper-pagination-bullet:last-child { margin-right: 0; }
  .style .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #008be4; }
  .style-slide-inner { display: flex; align-items: center; border-bottom: 10px solid #9fd3fc; background: #fff; }
  .style-slide-img { width: 559px; }
  .style-slide-right { width: 350px; margin-left: 27px; }
  .style-slide-ttl { color: #00297d; font-size: 28px; text-align: center; font-weight: bold; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px dashed #002077; }
  .style-slide-txt { color: #000000; font-size: 22px; font-weight: 700; line-height: 2; }
  /*============================================================================== voice ============================================================================= */
  .voice-bg { position: relative; z-index: 1; padding: 70px 0 80px; background: #ffffff; }
  .voice-ttl01 { width: 488px; margin: 0 auto 50px; }
  .voice-list { display: flex; flex-wrap: wrap; }
  .voice-item { position: relative; overflow: hidden; width: 455px; margin: 0 63px 55px 0; padding: 45px 15px; border-radius: 5px; border: 4px solid #00297d; background-image: url(../img/voice_bg01_pc.png); background-repeat: repeat-y; background-size: 100%; background-position: top center; }
  .voice-item:nth-child(2n) { margin-right: 0; }
  .voice-num { position: absolute; top: -50px; left: -40px; width: 181px; }
  .voice-ttl02 { color: #00297d; font-weight: bold; font-size: 24px; margin: 0 5px 20px; padding: 0 0 10px 45px; border-bottom: 2px dashed #00297d; }
  .voice-flex { display: flex; align-items: center; margin: 0 5px 20px; }
  .voice-img { width: 142px; margin-right: 45px; }
  .voice-txt01 { font-size: 22px; font-weight: 700; }
  .voice-txt01 .info { display: block; font-size: 18px; }
  .voice-txt02 { line-height: 1.9; font-size: 18px; font-weight: 700; }
  .voice-note { margin-top: -40px; font-size: 12px; text-align: right; }
  /*============================================================================== step ============================================================================= */
  .step-bg { position: relative; z-index: 2; margin-bottom: -50px; padding-bottom: 130px; background-image: url(../img/step_bg01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .step-head { display: flex; align-items: center; justify-content: center; height: 318px; margin-bottom: 50px; background-image: url(../img/step_head01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; transform: translateY(-30px); }
  .step-item { position: relative; padding: 50px 70px 40px; margin-bottom: 112px; box-shadow: 0 10px 0 #00297d; background-color: #ffffff; }
  .step-item:before { content: ""; display: block; position: absolute; background-repeat: no-repeat; background-size: 100%; background-position: top center; }
  .step-item:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -105px; margin: 0 auto; width: 40px; height: 83px; background-image: url(../img/step_arrow01_pc.png); background-repeat: no-repeat; background-size: 100%; background-position: top center; }
  .step-item:nth-child(1):before { width: 122px; height: 188px; top: -87px; right: -11px; background-image: url(../img/step_icon01_pc.png); }
  .step-item:nth-child(2):before { width: 238px; height: 186px; top: -87px; right: -60px; background-image: url(../img/step_icon02_pc.png); }
  .step-item:last-child { margin-bottom: 0; }
  .step-item:last-child:before { width: 93px; height: 102px; top: -14px; right: 9px; background-image: url(../img/step_icon03_pc.png); }
  .step-item:last-child:after { content: none; }
  .step-item .red { color: #ff0000; }
  .step-num { position: absolute; top: -34px; left: 74px; height: 61px; }
  .step-num img { height: 100%; max-width: inherit; }
  .step-ttl02 { color: #00297d; font-size: 30px; font-weight: 700; margin-bottom: 10px; }
  .step-txt01 { color: #000000; font-size: 18px; line-height: 2; font-weight: 700; }
  /*============================================================================== concept ============================================================================= */
  .concept-bg { padding: 110px 0 70px; background-image: url(../img/concept_bg01_pc.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .concept-ttl01 { margin-bottom: 60px; }
  .concept-ttl02 { width: 749px; margin-left: 60px; margin-bottom: 54px; }
  .concept-box { position: relative; width: 839px; margin: 0 auto 60px; padding: 35px 37px 30px; border-radius: 25px 0 25px 25px; background-color: #ffffff; }
  .concept-box-ttl { color: #010101; font-size: 20px; font-weight: 700; margin-bottom: 15px; }
  .concept-box-txt { width: 624px; line-height: 1.9; font-size: 18px; }
  .concept-box-img { position: absolute; bottom: 0; right: 9px; width: 149px; }
  .concept-txt01 { color: #000000; width: 839px; margin: 0 auto 30px; font-size: 18px; line-height: 2; font-weight: 500; letter-spacing: 0.05em; }
  /*============================================================================== project ============================================================================= */
  .project-bg { position: relative; z-index: 1; padding-bottom: 90px; background: #fff; }
  .project-head { position: relative; height: 194px; margin-bottom: 40px; }
  .project-ttl01 { width: 2000px; position: absolute; left: 50%; transform: translateX(-50%); }
  .project-txt01 { text-align: center; margin-bottom: 40px; font-size: 28px; line-height: 1.8; font-weight: 700; }
  .project-img01 { width: 712px; margin: 0 auto 53px; }
  .project-box01 { margin-bottom: 40px; padding: 29px 70px 35px; background-color: #f7f7f7; }
  .project-box-en { display: flex; align-items: center; position: relative; color: #002077; font-weight: bold; font-size: 16px; margin-bottom: 15px; }
  .project-box-en:before { content: ""; display: block; width: 38px; height: 4px; background: #002077; border-radius: 5px; margin-right: 12px; }
  .project-box-ttl { font-size: 18px; font-weight: 700; margin-bottom: 15px; }
  .project-box-dl01 { display: flex; margin-top: 10px; }
  .project-box-dl01 dt { width: 100px; }
  .project-box-dl01 dd { font-size: 14px; }
  .project-box02 { padding: 29px 70px 50px; padding-right: 0; background-color: #e0f1fd; }
  .project-img02 { width: 840px; margin-bottom: 15px; }
  .project-box-dl02 { margin-top: 10px; }
  .project-box-dl02 dt { font-size: 16px; }
  .project-box-dl02 dd { font-size: 16px; }
  /*============================================================================== faq ============================================================================= */
  .faq-bg { position: relative; z-index: 3; padding-bottom: 60px; background-image: url(../img/offer_bg01_pc.png); background-repeat: repeat; background-position: top center; }
  .faq-head { display: flex; align-items: center; justify-content: center; height: 138px; margin-bottom: 20px; background-image: url(../img/faq_head01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; transform: translateY(-30px); }
  .faq-ttl { width: 300px; }
  .faq__content { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .faq__accordion { margin-bottom: 60px; width: 465px; }
  .faq__accordion.open .toggle { border-radius: 5px 5px 0 0; }
  .faq__accordion.open .toggle:after { transform: translateY(-50%) rotate(0deg); }
  .faq__accordion .toggle { display: flex; align-items: center; cursor: pointer; position: relative; height: 110px; padding-left: 12px; background-color: #fff; border: 4px solid #141a55; border-radius: 5px; background: linear-gradient(to right, #fff 390px, #008be4 390px); }
  .faq__accordion .toggle:before { position: absolute; z-index: -1; left: 0; right: 0; bottom: -10px; content: ""; display: block; width: 99%; margin: 0 auto; height: 10px; background: rgba(0, 0, 0, 0.31); }
  .faq__accordion .toggle .num { width: 23px; margin-right: 16px; }
  .faq__accordion .toggle .txt { align-self: center; color: #00297d; font-size: 18px; line-height: 1.8; font-weight: bold; }
  .faq__accordion .toggle::after { position: absolute; top: 50%; transform: translateY(-50%) rotate(180deg); right: 20px; width: 21px; height: 13px; background-image: url(../img/faq_toggle01.png); background-repeat: no-repeat; background-size: contain; background-position: top center; content: ""; }
  .faq__accordion .content { height: 260px; margin: 0 0; padding: 25px 40px; background: #fff; border: 4px solid #141a55; border-top: none; border-radius: 0 0 5px 5px; position: relative; }
  .faq__accordion .content:after { position: absolute; z-index: -1; left: 0; right: 0; bottom: -10px; content: ""; display: block; width: 99%; margin: 0 auto; height: 10px; background: rgba(0, 0, 0, 0.31); }
  .faq__accordion .content p { font-size: 18px; line-height: 1.9; font-weight: 700; color: #00297d; }
  /*============================================================================== form ============================================================================= */
  .form .bg { position: relative; z-index: 4; padding: 0 0 80px; background-image: url(../img/step_bg01_pc.png); background-repeat: repeat-y; background-size: 100%; background-position: top center; }
  .form-head { display: flex; align-items: center; justify-content: center; height: 260px; margin-bottom: 40px; transform: translateY(-50px); background-image: url(../img/form_head01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .form-ttl { width: 662px; }
  .form_body_row .item { margin: 0 0 60px; }
  .form_body_row .item_head { position: relative; background-color: #002077; border: 4px solid #00297d; border-radius: 5px; }
  .form .open .item_head { border-radius: 5px 5px 0 0; }
  .form_body_row .item_head_inner { position: relative; display: flex; align-items: center; height: 80px; justify-content: center; width: 100%; }
  .form_body_row .item_head_inner::before { position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; width: 75px; height: 75px; border: 4px solid #002077; background-color: #ffffff; content: ""; }
  .form_body_row .item_head_inner::after { position: absolute; top: 0; bottom: 0; right: 20px; margin: auto 0; width: 45px; height: 40px; background: url("../img/form_toggle01.png") 50% 0; background-size: cover; content: ""; }
  .form_body_row .open .item_head_inner::after { background-position: 50% bottom; }
  .form_body_row .item_head_copy { vertical-align: middle; }
  .form_body_row .item_head_copy .txt { color: #ffffff; font-weight: bold; font-size: 30px; text-align: center; }
  .form_body_row .item_ctn { padding: 50px 60px 20px; background-color: #ffffff; border: 4px solid #00297d; border-top: none; border-radius: 0 0 5px 5px; }
  .form_body_row .item_ctn_list { display: flex; flex-wrap: wrap; width: 100%; }
  .form_body_row .item_ctn_li { width: 33%; margin-bottom: 36px; }
  .form_body_row .item_ctn_li .chb_lbl { display: flex; align-items: flex-start; position: relative; display: block; padding-left: 50px; }
  .form_body_row .item_ctn_li .chb_checkmark { box-sizing: border-box; width: 33px; height: 34px; border: 3px solid #000000; background-color: #f9f8db; position: absolute; top: -3px; bottom: 0; left: 0; color: #fff; text-indent: -99999rem; }
  .form_body_row .item_ctn_li .chb_ip { display: none; }
  .form_body_row .item_ctn_li .chb_ip:checked + .chb_checkmark { background-color: #fdf876; }
  .form_body_row .item_ctn_li .chb_ip:checked + .chb_checkmark:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 12px; height: 9px; background-image: url(../img/form_icon01_pc.png); background-repeat: no-repeat; background-size: cover; background-position: top center; }
  .form_body_row .item_ctn_li .chb_txt { font-size: 18px; line-height: 1.666667; font-weight: bold; display: inline-block; }
  .form_btn { display: block; width: 600px; margin: 0 auto; cursor: pointer; background-color: #fff; border-radius: 10px; }
  .form .inner { position: relative; }
  .form-sub { font-size: 18px; position: absolute; z-index: 100; width: auto; text-align: right; font-weight: bold; top: -70px; right: 24%; }
	.form_btn + .txt{ background: rgba(255,255,255,0.6); width: 600px; padding: 20px 0;  color: #002077; font-size: 12px; text-align: center; margin: 40px auto 0; }
	.form_btn + .txt b{ font-size: 16px; font-weight: bold; margin: 0 0 5px; display: block; }
	.form_btn + .txt b img{ width: 180px; height: auto; display: inline-block; margin: 0 8px; vertical-align: -9px; }
  /*============================================================================== footer style ============================================================================= */
  .footer-inner { padding: 50px 0 60px; }
  .footer-img01 { width: 326px; margin: 0 auto 45px; }
  .footer-copy { display: block; text-align: center; font-size: 14px; font-weight: 500; }


.graph{
margin-top: -2px;
}
.graph .graph_ttl{
background: #00297d;
color: #fff;
font-size: 1.8rem;
text-align: center;
padding: 20px 0;
}
.graph .graph_ttl b{
color: #fff300;
}
.graph .bg{
background: url("../img/graph_bg02.jpg") no-repeat 50% 0;
background-size: cover;
padding: 60px 0;
}
.graph .bg .text01{
width: 1000px;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.8;
margin: 0 auto 60px;
}
.graph .bg [class^="text"] b{
color: #ea4459;
}
.graph .bg .block{
width: 830px;
margin: 0 auto;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.graph .bg .block .image01{
width: 560px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 25px 0 0;
order: 1;
}
.graph .bg .block .image02{
width: 270px; 
order: 2;
}
.graph .bg .block .text02{ 
width: 830px;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.8;
padding: 40px 0 0;
order: 3; 
}
}