@charset "UTF-8";
b {
  word-break: break-all; }

img {
  width: 100%; }

.c5-bd-pc-only {
  display: block; }
  @media screen and (max-width: 768px) {
    .c5-bd-pc-only {
      display: none; } }

.c5-bd-sp-only {
  display: none; }
  @media screen and (max-width: 768px) {
    .c5-bd-sp-only {
      display: block; } }

html, body {
  overflow-x: hidden !important;
  box-sizing: border-box !important; }

.c5-bd-contents {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  font-family: "A-OTF �V�S Pro",A-OTF Shin Go Pro,"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif; }
  .c5-bd-contents .c5-bd-txt {
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 20px; }
    @media screen and (max-width: 768px) {
      .c5-bd-contents .c5-bd-txt {
        font-size: 3.90625vw; } }
  .c5-bd-contents .c5-bd-cmt {
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .c5-bd-contents .c5-bd-cmt {
        font-size: 2.08333vw; } }
  .c5-bd-contents .c5-bd-txt60 {
    box-sizing: border-box;
    margin: 0;
    color: #000;
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    line-height: 1.8;
    letter-spacing: -0.03em; }
    @media screen and (max-width: 768px) {
      .c5-bd-contents .c5-bd-txt60 {
        font-size: 7.8125vw; } }
  .c5-bd-contents .c5-bd-txt50 {
    box-sizing: border-box;
    margin: 0;
    color: #000;
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    line-height: 1.8;
    letter-spacing: -0.03em; }
    @media screen and (max-width: 768px) {
      .c5-bd-contents .c5-bd-txt50 {
        font-size: 6.51042vw; } }
  .c5-bd-contents .c5-bd-txt45 {
    box-sizing: border-box;
    margin: 0;
    color: #000;
    font-size: 45px;
    font-weight: 100;
    text-align: center;
    line-height: 1.8;
    letter-spacing: -0.03em; }
    @media screen and (max-width: 768px) {
      .c5-bd-contents .c5-bd-txt45 {
        font-size: 5.85938vw; } }
  .c5-bd-contents .c5-bd-txt40 {
    box-sizing: border-box;
    margin: 0;
    color: #000;
    font-size: 40px;
    font-weight: 100;
    text-align: center;
    line-height: 1.8;
    letter-spacing: -0.03em; }
    @media screen and (max-width: 768px) {
      .c5-bd-contents .c5-bd-txt40 {
        font-size: 5.20833vw; } }
  .c5-bd-contents .c5-bd-txt35 {
    box-sizing: border-box;
    margin: 0;
    color: #000;
    font-size: 35px;
    font-weight: 100;
    text-align: center;
    line-height: 1.8;
    letter-spacing: -0.03em; }
    @media screen and (max-width: 768px) {
      .c5-bd-contents .c5-bd-txt35 {
        font-size: 5.85938vw; } }
  .c5-bd-contents .c5-bd-txt30 {
    box-sizing: border-box;
    margin: 0;
    color: #000;
    font-size: 30px;
    font-weight: 100;
    text-align: center;
    line-height: 1.8;
    letter-spacing: -0.03em; }
    @media screen and (max-width: 768px) {
      .c5-bd-contents .c5-bd-txt30 {
        font-size: 4.55729vw; } }
  .c5-bd-contents .c5-bd-btn {
    box-sizing: border-box;
    margin: 0; }
    .c5-bd-contents .c5-bd-btn:hover {
      opacity: 0.7; }

.c5-bd-b02_underline {
  box-sizing: border-box;
  border-bottom: solid 3px #008fff; }
  @media screen and (max-width: 768px) {
    .c5-bd-b02_underline {
      border-bottom: solid 1px #008fff; } }

.c5-bd-b03_underline {
  box-sizing: border-box;
  border-bottom: solid 3px #00b4ff; }
  @media screen and (max-width: 768px) {
    .c5-bd-b03_underline {
      border-bottom: solid 1px #00b4ff; } }

.c5-bd-g02_underline {
  box-sizing: border-box;
  border-bottom: solid 3px #149abb; }
  @media screen and (max-width: 768px) {
    .c5-bd-g02_underline {
      border-bottom: solid 1px #149abb; } }

.c5-bd-anchor_pc {
  box-sizing: border-box;
  position: absolute;
  left: 0%;
  right: 0;
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  z-index: 100; }
  .c5-bd-anchor_pc ul {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-padding-start: 0px;
            padding-inline-start: 0px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .c5-bd-anchor_pc ul li {
      box-sizing: border-box;
      margin: 0;
      padding: 0; }
      .c5-bd-anchor_pc ul li a {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        display: -ms-grid;
        display: grid; }

.c5-bd-anchor_pc.c5-bd-fixed {
  position: fixed;
  top: 0; }

.c5-bd-anchor_sp {
  box-sizing: border-box; }
  .c5-bd-anchor_sp ul {
    box-sizing: border-box;
    margin: 0 0 5.85938% 0;
    padding: 0;
    list-style-type: none;
    -webkit-padding-start: 0px;
            padding-inline-start: 0px; }
    .c5-bd-anchor_sp ul li {
      box-sizing: border-box;
      margin: 0;
      padding: 0; }
      .c5-bd-anchor_sp ul li a {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        display: -ms-grid;
        display: grid; }

.c5-bd-modal {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  box-sizing: border-box;
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101; }

.c5-bd-modal_bg {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  height: 100vh;
  position: absolute;
  width: 100%; }

.c5-bd-js-modal_content {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1000px; }

.c5-bd-modal_box {
  box-sizing: border-box;
  background: #fff;
  width: 66.66667%;
  margin: 0 auto;
  padding: 4.16667%; }
  @media screen and (max-width: 768px) {
    .c5-bd-modal_box {
      width: 80%; } }
  .c5-bd-modal_box .c5-bd-txt30 {
    margin: 0 0 2%;
    color: #008fff;
    font-size: 30px;
    font-weight: 100;
    line-height: 1.8;
    letter-spacing: -0.03em; }
    @media screen and (max-width: 768px) {
      .c5-bd-modal_box .c5-bd-txt30 {
        font-size: 4.55729vw; } }
  .c5-bd-modal_box .c5-bd-txt {
    margin: 0 auto;
    font-size: 16px;
    margin: 0 0 2%; }
    @media screen and (max-width: 768px) {
      .c5-bd-modal_box .c5-bd-txt {
        font-size: 2.86458vw; } }
  .c5-bd-modal_box figure {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto; }

a.c5-bd-js-modal-close {
  width: 5%;
  display: block;
  margin: 0 0 0 auto; }

.c5-bd-kv {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw); }
  @media screen and (max-width: 768px) {
    .c5-bd-kv {
      margin-right: calc( 50% - 50vw);
      margin-left: calc( 50% - 50vw); } }

.c5-bd-section01 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 5.83333% 0 5.5%;
  background: #dcf5ff; }
  @media screen and (max-width: 768px) {
    .c5-bd-section01 {
      padding: 10.67708% 0 6.11979%; } }
  .c5-bd-section01 .c5-bd-contents {
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .c5-bd-section01 .c5-bd-contents {
        margin: 0 auto; } }
    .c5-bd-section01 .c5-bd-contents figure {
      margin: 5.83333% 0 0; }
      @media screen and (max-width: 768px) {
        .c5-bd-section01 .c5-bd-contents figure {
          padding: 0 2%; } }
    @media screen and (max-width: 768px) {
      .c5-bd-section01 .c5-bd-contents .c5-bd-txt45 {
        font-size: 6.51042vw; } }

.c5-bd-section02 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 8.66667% 0 10.16667%;
  background-image: url(../images/blue_arrow.png), url(../images/blue_arrow.png);
  background-repeat: no-repeat,no-repeat;
  background-position: top 1.66% center,bottom 2.16% center; }
  @media screen and (max-width: 768px) {
    .c5-bd-section02 {
      margin-right: calc( 0% - 0vw);
      margin-left: calc( 0% - 0vw);
      padding: 23.4375% 0;
      background-size: 8.46354%;
      background-position: top 3.66% center,bottom 2.16% center; } }
  .c5-bd-section02 .c5-bd-txt45 {
    margin-bottom: 4.16667%;
    color: #008fff; }
    .c5-bd-section02 .c5-bd-txt45 span {
      font-size: 38px;
      position: relative; }
      .c5-bd-section02 .c5-bd-txt45 span::before {
        content: '';
        display: inline-block;
        width: 21px;
        height: 43px;
        background-image: url(../images/blue_left.png);
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: -14%;
        left: -20%; }
      .c5-bd-section02 .c5-bd-txt45 span::after {
        content: '';
        display: inline-block;
        width: 21px;
        height: 43px;
        background-image: url(../images/blue_right.png);
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: -14%;
        right: -20%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section02 .c5-bd-txt45 span {
        font-size: 4.6875vw; }
        .c5-bd-section02 .c5-bd-txt45 span::before {
          width: 10px;
          height: 20px; }
        .c5-bd-section02 .c5-bd-txt45 span::after {
          width: 10px;
          height: 20px; } }
  .c5-bd-section02 figure {
    width: 38.16667%;
    margin: 0 auto 3.75%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section02 figure {
        width: 59.89583%; } }
  .c5-bd-section02_box {
    width: 74.66667%;
    margin: 0 auto 3.75%;
    padding: 3.66667% 4.16667% 4.33333%;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .c5-bd-section02_box {
        width: 100%; } }
    .c5-bd-section02_box figure {
      width: 100%;
      margin: 0; }
      @media screen and (max-width: 768px) {
        .c5-bd-section02_box figure {
          width: 100%; } }
  .c5-bd-section02 .c5-bd-txt40.c5-bd-section02_btmtxt {
    color: #008fff !important; }

.c5-bd-section03 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 5.58333% 0 6.25%;
  background: #dcf5ff; }
  @media screen and (max-width: 768px) {
    .c5-bd-section03 {
      padding: 6.90104% 6.38021% 10.80729%; } }
  .c5-bd-section03 .c5-bd-txt50 {
    letter-spacing: 0.02em; }
    @media screen and (max-width: 768px) {
      .c5-bd-section03 .c5-bd-txt50 {
        margin: 0 auto 5.72917%; } }
  .c5-bd-section03_ttlimg {
    width: 21%;
    margin: 0 auto 3.5%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section03_ttlimg {
        width: 37.76042%;
        margin: 0 auto 3.38542%; } }
  .c5-bd-section03_ttltxt {
    margin: 0 auto 5.33333%;
    text-align: center;
    font-size: 24px; }
    @media screen and (max-width: 768px) {
      .c5-bd-section03_ttltxt {
        margin: 0 auto 5.20833%;
        font-size: 3.90625vw;
        text-align: left; } }
  .c5-bd-section03_txt {
    margin: 0 auto 1.91667%;
    color: #008fff;
    text-align: center;
    line-height: 1;
    font-size: 28px; }
    @media screen and (max-width: 768px) {
      .c5-bd-section03_txt {
        font-size: 4.16667vw; } }
  .c5-bd-section03_img {
    width: 75.16667%;
    margin: 0 auto 3.75%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section03_img {
        width: 100%;
        margin: 0 auto 5.72917%; } }
  .c5-bd-section03 .c5-bd-txt40 .c5-bd-txt60 {
    font-size: 65px; }
    @media screen and (max-width: 768px) {
      .c5-bd-section03 .c5-bd-txt40 .c5-bd-txt60 {
        font-size: 7.8125vw; } }

.c5-bd-section04 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 5.91667% 0 3.25%;
  background: url(../images/sec04_bg_00.png) repeat center; }
  @media screen and (max-width: 768px) {
    .c5-bd-section04 {
      padding: 8.72396% 6.38021% 5.20833%; } }
  .c5-bd-section04_ttl {
    width: 30.16667%;
    margin: 0 auto 4.25%;
    padding: 1.25% 0 2.66667%;
    background: url(../images/blue_cmt.png) no-repeat center bottom;
    color: #fff;
    text-align: center;
    line-height: 1;
    font-size: 28px; }
    @media screen and (max-width: 768px) {
      .c5-bd-section04_ttl {
        width: 58.59375%;
        margin: 0 auto 4%;
        padding: 2.60417% 0 7.8125%;
        font-size: 4.16667vw; } }
  .c5-bd-section04 .c5-bd-txt40 {
    color: #008fff;
    margin: 0 auto 4.16667%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section04 .c5-bd-txt40 {
        margin: 0 auto 6.77083%; } }
  .c5-bd-section04_img {
    width: 75.16667%;
    margin: 0 auto 3.41667%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section04_img {
        width: 100%;
        margin: 0 auto 3.64583%; } }
  .c5-bd-section04 .c5-bd-cmt.c5-bd-center {
    padding-top: 0;
    font-size: 15px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .c5-bd-section04 .c5-bd-cmt.c5-bd-center {
        font-size: 1.82292vw;
        text-align: center; } }

.c5-bd-section05 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 6.58333% 0 6%;
  background: #bee6e1; }
  @media screen and (max-width: 768px) {
    .c5-bd-section05 {
      padding: 6.90104% 6.38021% 8.20312%; } }
  .c5-bd-section05_ttlimg {
    width: 21%;
    margin: 0 auto 3.5%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section05_ttlimg {
        width: 37.76042%;
        margin: 0 auto 3.38542%; } }
  .c5-bd-section05 .c5-bd-txt50 {
    margin: 0 auto 4.33333%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section05 .c5-bd-txt50 {
        margin: 0 auto 6.25%; } }
  .c5-bd-section05_img00 {
    width: 75.16667%;
    margin: 0 auto 0; }
    @media screen and (max-width: 768px) {
      .c5-bd-section05_img00 {
        width: 100%;
        margin: 0; } }
  .c5-bd-section05_img01 {
    width: 75.16667%;
    margin: 0 auto 6%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section05_img01 {
        width: 100%;
        margin: 2.60417% 0 13.02083%; } }
  .c5-bd-section05 .c5-bd-cmt {
    width: 66.66667%;
    margin: 0 auto 4.83333%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section05 .c5-bd-cmt {
        width: 93%;
        margin: 0 0 8.33333%; } }
  .c5-bd-section05_box {
    width: 66.66667%;
    margin: 0 auto 8%;
    padding: 2.08333% 1.83333% 2.08333%;
    border: solid 2px #fff;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .c5-bd-section05_box {
        width: 100%;
        margin: 0 auto 7.16667%;
        padding: 7.8125% 0 2.60417%; } }
    .c5-bd-section05_box .c5-bd-txt35 {
      margin-bottom: 3.75%; }
    .c5-bd-section05_box p.c5-bd-txt {
      padding: 0 3.33333%;
      margin: 0 0 2%; }
      @media screen and (max-width: 768px) {
        .c5-bd-section05_box p.c5-bd-txt {
          margin: 0 0 4.29688%;
          padding: 0 6.38021%; } }
    .c5-bd-section05_box p.c5-bd-cmt {
      padding-right: 4.16667%; }
  .c5-bd-section05 .c5-bd-txt40.c5-bd-section05_arrow {
    color: #149abb;
    padding-bottom: 8.33333%;
    background: url(../images/green_arrow.png) no-repeat center bottom; }
    @media screen and (max-width: 768px) {
      .c5-bd-section05 .c5-bd-txt40.c5-bd-section05_arrow {
        padding-bottom: 12.10938%;
        background-size: 8.46354%; } }
  .c5-bd-section05 .c5-bd-cmt {
    padding-top: 0.41667%;
    text-align: right; }
    @media screen and (max-width: 768px) {
      .c5-bd-section05 .c5-bd-cmt {
        padding-top: 0;
        font-size: 1.82292vw; } }
  .c5-bd-section05 .c5-bd-cmt.c5-bd-center {
    padding-top: 0;
    font-size: 15px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .c5-bd-section05 .c5-bd-cmt.c5-bd-center {
        font-size: 1.82292vw; } }

.c5-bd-section06 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 5.66667% 0 8.33333%; }
  @media screen and (max-width: 768px) {
    .c5-bd-section06 {
      padding: 7.16146% 6.38021% 9.11458%; } }
  .c5-bd-section06_ttltxt {
    margin: 0 0 4%;
    text-align: center;
    color: #fff; }
    .c5-bd-section06_ttltxt span {
      margin: 0 0.6%;
      padding: 0.7%;
      background: url(../images/blue_circle.png) no-repeat center;
      background-size: 100% auto;
      font-size: 36px; }
      @media screen and (max-width: 768px) {
        .c5-bd-section06_ttltxt span {
          font-size: 4.6875vw;
          padding: 1%; } }
  .c5-bd-section06 .c5-bd-txt35 {
    margin: 0 auto 5.58333%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section06 .c5-bd-txt35 {
        margin: 0 auto 7.8125%;
        letter-spacing: -0.05em;
        font-size: 4.55729vw;
        line-height: 1.4; } }
  .c5-bd-section06_box {
    width: 75.16667%;
    margin: 0 auto 4.83333%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 768px) {
      .c5-bd-section06_box {
        width: 100%;
        margin: 0 auto 6.51042%;
        display: block; } }
    .c5-bd-section06_box figure {
      width: 100%;
      margin: 0; }
  .c5-bd-section06 .c5-bd-txt40.c5-bd-section06_arrow {
    color: #008fff;
    padding-top: 8.33333%;
    margin: 0 auto 6.41667%;
    background: url(../images/blue_arrow.png) no-repeat center top; }
    @media screen and (max-width: 768px) {
      .c5-bd-section06 .c5-bd-txt40.c5-bd-section06_arrow {
        padding-top: 13.02083%;
        margin: 0 auto 13.02083%;
        background-size: 8.46354%; } }
  .c5-bd-section06_img {
    width: 75.16667%;
    margin: 0 auto 7.33333%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section06_img {
        width: 100%;
        margin: 0 auto 11.71875%; } }
  .c5-bd-section06 .c5-bd-cmt {
    margin: 2.83333% auto 0;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .c5-bd-section06 .c5-bd-cmt {
        margin: 5% auto 0; } }

.c5-bd-section07 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 8.75% 0 8.83333%;
  background: #00b4ff; }
  @media screen and (max-width: 768px) {
    .c5-bd-section07 {
      padding: 10.02604% 6.38021% 10.80729%; } }
  .c5-bd-section07_img {
    width: 88.33333%;
    margin: 0 auto 7.16667%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section07_img {
        width: 100%;
        margin: 0 auto 11.19792%; } }
  .c5-bd-section07 .c5-bd-txt40 {
    color: #fff; }
    .c5-bd-section07 .c5-bd-txt40 span.c5-bd-section07_txt_w {
      display: inline-block;
      padding: 0 0.8%;
      background-color: #fff;
      color: #00b4ff;
      font-size: 52px;
      font-weight: 500;
      line-height: 1.4;
      margin: 1% 0; }
      @media screen and (max-width: 768px) {
        .c5-bd-section07 .c5-bd-txt40 span.c5-bd-section07_txt_w {
          font-size: 6.77083vw; } }
    .c5-bd-section07 .c5-bd-txt40 span.c5-bd-txt50 {
      color: #fff;
      line-height: 1.6; }

.c5-bd-section08 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 11.83333% 0 4.16667%; }
  @media screen and (max-width: 768px) {
    .c5-bd-section08 {
      margin-right: calc( 0% - 0vw);
      margin-left: calc( 0% - 0vw);
      padding: 16.14583% 0 0; } }
  .c5-bd-section08_box {
    position: relative;
    width: 75.16667%;
    margin: 0 auto 2.5%;
    padding: 6.16667% 4.33333% 0.66667%;
    border: 8px solid #dcf5ff;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      .c5-bd-section08_box {
        width: 100%;
        margin: 0 auto 17.05729%;
        padding: 13.54167% 6.38021% 0; } }
    .c5-bd-section08_box_ttlimg {
      width: 53.33333%;
      margin: 0 auto;
      position: absolute;
      top: -7%;
      left: 0;
      right: 0; }
      @media screen and (max-width: 768px) {
        .c5-bd-section08_box_ttlimg {
          width: 83.33333%;
          top: -7%; } }
    .c5-bd-section08_box .c5-bd-txt40 {
      margin: 0 auto 5.25%; }
      @media screen and (max-width: 768px) {
        .c5-bd-section08_box .c5-bd-txt40 {
          margin: 0 auto 5.46875%; } }
    .c5-bd-section08_box_inner {
      display: block;
      margin: 0 auto 3.33333%;
      padding: 0 0 3%;
      border-bottom: 4px solid #dcf5ff; }
      @media screen and (max-width: 768px) {
        .c5-bd-section08_box_inner {
          margin: 0 auto 6.90104%;
          padding: 0 0 4.5%; } }
      .c5-bd-section08_box_inner_txt {
        margin: 0;
        padding: 0 0 2.5% 0;
        font-size: 32px;
        text-align: center;
        color: #008fff; }
        @media screen and (max-width: 768px) {
          .c5-bd-section08_box_inner_txt {
            width: 100%;
            padding: 0 0 5.46875% 0;
            font-size: 3.90625vw; } }
      .c5-bd-section08_box_inner figure {
        margin: 0; }
      .c5-bd-section08_box_inner .c5-bd-cmt {
        text-align: left; }
    .c5-bd-section08_box_inner_bordernone {
      border: none; }
    .c5-bd-section08_box_inner_anchorbtn {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      @media screen and (max-width: 768px) {
        .c5-bd-section08_box_inner_anchorbtn {
          display: block; } }
      .c5-bd-section08_box_inner_anchorbtn div {
        width: 60%;
        padding: 0 3% 0 0; }
        @media screen and (max-width: 768px) {
          .c5-bd-section08_box_inner_anchorbtn div {
            width: 100%;
            padding: 0; } }
        .c5-bd-section08_box_inner_anchorbtn div .c5-bd-section08_box_inner_txt {
          width: 100%;
          padding-bottom: 3.33333%;
          color: #000;
          font-size: 22px;
          padding-top: 6.66667%; }
          @media screen and (max-width: 768px) {
            .c5-bd-section08_box_inner_anchorbtn div .c5-bd-section08_box_inner_txt {
              text-align: center;
              padding-top: 0;
              padding-bottom: 4.81771%;
              font-size: 3.90625vw; } }
      @media screen and (max-width: 768px) {
        .c5-bd-section08_box_inner_anchorbtn figure {
          margin: 0 0 4.81771%; } }
  .c5-bd-section08_box:nth-child(2) {
    margin-top: 8.5%; }
    .c5-bd-section08_box:nth-child(2) .c5-bd-section08_box_ttlimg {
      top: -3.1%; }
      @media screen and (max-width: 768px) {
        .c5-bd-section08_box:nth-child(2) .c5-bd-section08_box_ttlimg {
          top: -3%; } }
  .c5-bd-section08_ttltxt {
    margin: 0 0 4%;
    text-align: center;
    color: #fff; }
    .c5-bd-section08_ttltxt span {
      margin: 0 0.6%;
      padding: 0.7%;
      background: url(../images/blue_circle.png) no-repeat center;
      background-size: 100% auto;
      font-size: 36px; }
      @media screen and (max-width: 768px) {
        .c5-bd-section08_ttltxt span {
          font-size: 4.6875vw;
          padding: 1%; } }

.c5-bd-section09 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 6.5% 0 5.33333%;
  background-image: url(../images/sec09_bg_top.png), url(../images/sec09_bg_bottom.png);
  background-repeat: repeat-x,repeat-x;
  background-position: top center,bottom center; }
  @media screen and (max-width: 768px) {
    .c5-bd-section09 {
      padding: 9.11458% 6.38021% 12.10938%; } }
  .c5-bd-section09 .c5-bd-txt30 {
    margin: 0 auto 4%; }
    @media screen and (max-width: 768px) {
      .c5-bd-section09 .c5-bd-txt30 {
        margin: 0 auto 5.85938%; } }
  .c5-bd-section09 figure {
    width: 32.33333%;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .c5-bd-section09 figure {
        width: 50.78125%; } }
  .c5-bd-section09_txt_blue.c5-bd-txt30 {
    margin: 0 auto 3%;
    color: #00a1ff;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .c5-bd-section09_txt_blue.c5-bd-txt30 {
        margin: 0 auto 4.94792%;
        font-size: 4.16667vw; } }
  .c5-bd-section09 .c5-bd-btn {
    width: 30.83333%;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      .c5-bd-section09 .c5-bd-btn {
        width: 100%; } }

.c5-bd-section10 {
  margin-right: calc( 50% - 50vw);
  margin-left: calc( 50% - 50vw);
  padding: 6.91667% 0 3.66667%; }
  @media screen and (max-width: 768px) {
    .c5-bd-section10 {
      margin-right: calc( 0% - 0vw);
      margin-left: calc( 0% - 0vw);
      padding: 12.36979% 0 16.66667%; } }
  .c5-bd-section10 .c5-bd-txt30 {
    width: 59.66667%;
    margin: 0 auto 5.33333% !important;
    padding: 1.25% 0;
    border: solid 2px #008fff;
    color: #008fff !important;
    text-align: center; }
    @media screen and (max-width: 768px) {
      .c5-bd-section10 .c5-bd-txt30 {
        width: 100%;
        margin: 0 auto 8.98438% !important;
        padding: 2.99479% 0;
        font-size: 4.55729vw; } }
  .c5-bd-section10_box {
    width: 59.66667%;
    margin: 0 auto 7.16667%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 768px) {
      .c5-bd-section10_box {
        width: 100%;
        margin: 0 auto 7.03125%;
        display: block; } }
    .c5-bd-section10_box figure {
      width: 39.664%;
      padding-right: 9.7%;
      margin: 0; }
    .c5-bd-section10_box figure.c5-bd-section10_txt_img {
      width: 96.888%;
      padding-right: 0;
      padding-bottom: 7%; }
      @media screen and (max-width: 768px) {
        .c5-bd-section10_box figure {
          width: 27.73438%;
          margin: 0 auto;
          padding-right: 0; } }
    .c5-bd-section10_box_inner p.c5-bd-cmt {
      margin-bottom: 0.8em;
      text-align: left; }
      @media screen and (max-width: 768px) {
        .c5-bd-section10_box_inner p.c5-bd-cmt {
          margin-bottom: 2.99479%;
          padding: 0 8.20312%; } }
    .c5-bd-section10_box_inner table {
      width: 100%;
      margin: 0;
      margin: 0 8.20312%; }
      @media screen and (max-width: 768px) {
        .c5-bd-section10_box_inner table {
          padding: 0 8.20312%; } }
      .c5-bd-section10_box_inner table th.c5-bd-txt {
        width: 50%;
        text-align: left;
        font-size: 26px; }
        @media screen and (max-width: 768px) {
          .c5-bd-section10_box_inner table th.c5-bd-txt {
            font-size: 3.90625vw; } }
      .c5-bd-section10_box_inner table td.c5-bd-cmt {
        padding-bottom: 7%;
        text-align: left; }
        @media screen and (max-width: 768px) {
          .c5-bd-section10_box_inner table td.c5-bd-cmt {
            padding-bottom: 5%;
            font-size: 2.86458vw; } }
    .c5-bd-section10_box_inner_anchor.c5-bd-cmt {
      margin-top: 9%; }
      @media screen and (max-width: 768px) {
        .c5-bd-section10_box_inner_anchor.c5-bd-cmt {
          margin-top: 4%;
          font-size: 3.125vw;
          text-align: center; } }
      .c5-bd-section10_box_inner_anchor.c5-bd-cmt a {
        color: #008fff;
        text-decoration: underline; }
        .c5-bd-section10_box_inner_anchor.c5-bd-cmt a:hover {
          text-decoration: none; }

.c5-bd-questionnaire_pc {
  z-index: 11;
  width: 40px;
  height: 208px;
  position: fixed;
  right: 0;
  top: 200px;
  z-index: 101; }
  .c5-bd-questionnaire_pc a {
    background-position: 0px 0px;
    width: 40px;
    height: 208px;
    display: block;
    overflow: hidden; }

.c5-bd-questionnaire_sp {
  width: 90%;
  margin: 2.08333% auto 3.90625%; }
  .c5-bd-questionnaire_sp a {
    display: block; }
