@charset "UTF-8";
header.global {
  position: relative;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(32, 131, 254)), to(rgba(32, 131, 254, 0))), #006aec;
  background: linear-gradient(to bottom, rgb(32, 131, 254) 0%, rgba(32, 131, 254, 0) 100%), #006aec;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
header.global h1 {
  width: 1000px;
  height: 36px;
  margin: 0 auto;
  color: white;
  font-size: clamp(0.625rem, 0.446rem + 0.89vw, 0.875rem);
  line-height: 36px;
}
@media screen and (max-width: 1000px) {
  header.global h1 {
    text-indent: 1em;
  }
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

ul {
  list-style: none;
}

.section header {
  background-color: white;
}
.section header h3 {
  overflow: hidden;
  text-align: center;
  color: white;
  font-size: clamp(1rem, 0.059rem + 4.71vw, 3rem);
  line-height: 2.2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(18, 132, 255)), to(rgba(18, 132, 255, 0))), #006aec;
  background: linear-gradient(to bottom, rgb(18, 132, 255) 0%, rgba(18, 132, 255, 0) 100%), #006aec;
}
.section header h3 span {
  color: #fc0;
}
@media screen and (min-width: 769px) {
  .section header {
    padding: 5% 0 3%;
  }
}
@media screen and (min-width: 1001px) {
  .section header {
    padding: 50px 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .section header {
    padding: 3.90625% 0 3.2552083333%;
  }
}

.content {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .content {
    max-width: 1200px;
    padding: 0 2.5%;
  }
}
@media screen and (min-width: 1201px) {
  .content {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .content {
    padding: 0 2.6041666667%;
  }
}

p.lead {
  line-height: 1.8;
}
p.lead.center {
  text-align: center;
}
@media screen and (min-width: 769px) {
  p.lead span {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  p.lead {
    font-size: clamp(1.25rem, 0.418rem + 1.73vw, 1.5rem);
  }
}
@media screen and (max-width: 768px) {
  p.lead {
    font-size: clamp(0.813rem, 0.5rem + 1.56vw, 1.25rem);
  }
}

.blue-box {
  position: relative;
  padding: 2px;
  border: solid 2px #1284ff;
  border-radius: 10px;
}
.blue-box_contents {
  padding: 10px;
  background-color: #f7fcff;
  border: solid 1px #1284ff;
  border-radius: 8px;
}
.blue-box_title {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.sub-header {
  color: #1284ff;
}
.sub-header.top-margin {
  margin-top: 0 !important;
}
.sub-header_head {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: start;
  align-items: start;
}
.sub-header strong {
  padding-left: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sub-header img {
  position: relative;
  top: -2px;
  width: 100%;
}
.sub-header_lead {
  color: #000;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  .sub-header {
    margin: 2.6315789474% 0 0;
  }
  .sub-header_head {
    margin: 0 0 0.8771929825%;
  }
  .sub-header_head span {
    width: 2.8070175439%;
    max-width: 32px;
  }
  .sub-header_head strong {
    margin-top: -0.1em;
    font-size: clamp(1.125rem, 0.456rem + 1.39vw, 1.5rem);
  }
  .sub-header_lead {
    padding: 0 0 0 3.3333333333%;
    font-size: clamp(1rem, 0.554rem + 0.93vw, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  .sub-header {
    margin: 4.1208791209% 0 0;
  }
  .sub-header_head {
    margin: 0 0 1.6483516484%;
    font-size: clamp(1rem, 0.821rem + 0.89vw, 1.25rem);
  }
  .sub-header_head span {
    max-width: 3.2967032967%;
    min-width: 3.2967032967%;
    max-width: 24px;
  }
}
@media screen and (max-width: 768px) and (max-width: 600px) {
  .sub-header_head span {
    max-width: 4.9450549451%;
    min-width: 4.9450549451%;
  }
}
@media screen and (max-width: 768px) {
  .sub-header_head strong {
    margin-top: -0.2em;
  }
  .sub-header_lead {
    padding: 0 0 0 4.8076923077%;
    font-size: clamp(0.688rem, 0.464rem + 1.12vw, 1rem);
  }
}

.stage {
  position: relative;
  z-index: 1;
  width: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url(../img/stage-bg.jpg);
  background-size: auto 100%;
}
@media screen and (min-width: 1600px) {
  .stage {
    width: 1600px;
    margin: 0 auto;
    background-position: 0 0, 0 0, center top;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(97%, rgba(255, 255, 255, 0)), to(rgb(255, 255, 255))), -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), color-stop(0%, rgb(255, 255, 255)), color-stop(3%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), url(../img/stage-bg.jpg);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 97%, rgb(255, 255, 255) 100%), linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0) 100%), url(../img/stage-bg.jpg);
    background-size: 100% 100%, 100% 100%, auto 100%;
  }
}
.stage h2,
.stage p,
.stage a {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.stage h2 img,
.stage p img,
.stage a img {
  width: 100%;
}
.stage a {
  display: block;
}
.stage a:hover, .stage a:active {
  -webkit-transform: translateX(-50%) translateY(3px);
          transform: translateX(-50%) translateY(3px);
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}
@media screen and (min-width: 769px) {
  .stage {
    height: auto;
    padding-top: 56%;
  }
  .stage h2 {
    top: 8.630952381%;
    width: 83.3333333333%;
  }
  .stage p {
    width: 76%;
    top: 54.4642857143%;
  }
  .stage a {
    width: 51.1666666667%;
    top: 75.5952380952%;
  }
}
@media screen and (min-width: 1201px) {
  .stage {
    height: 672px;
    padding-top: 0;
  }
  .stage h2 {
    top: 58px;
    width: 1000px;
  }
  .stage p {
    top: 366px;
    width: 912px;
  }
  .stage a {
    top: 504px;
    width: 614px;
  }
}
@media screen and (max-width: 768px) {
  .stage {
    padding-top: 55.9895833333%;
  }
  .stage h2 {
    width: 94.7916666667%;
    top: 5.5813953488%;
  }
  .stage p {
    width: 88.5416666667%;
    top: 55.3488372093%;
  }
  .stage a {
    width: 51.171875%;
    top: 76.7441860465%;
  }
}

.section1 ul {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}
.section1 img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .section1 {
    width: 70.1754385965%;
    margin: 0 auto;
    padding-top: 3.9473684211%;
  }
  .section1 .blue-box_title {
    width: 22.6130653266%;
    max-width: 180px;
    margin-top: -5.2763819095%;
  }
  .section1 ul {
    padding-top: 2.5125628141%;
  }
  .section1 ul li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: clamp(0.875rem, 0.429rem + 0.93vw, 1.125rem);
  }
  .section1 ul li:first-child {
    width: 10.878112713%;
    max-width: 83px;
  }
  .section1 ul li:last-child {
    width: 89.121887287%;
    padding-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .section1 {
    padding-top: 6.1813186813%;
  }
  .section1 .blue-box_title {
    width: 24.7252747253%;
    max-width: 180px;
    margin-top: -5.7692307692%;
  }
  .section1 ul {
    padding-top: 2.8653295129%;
  }
  .section1 ul li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: clamp(0.75rem, 0.571rem + 0.89vw, 1rem);
  }
  .section1 ul li:first-child {
    width: 11.8911174785%;
    max-width: 83px;
  }
  .section1 ul li:last-child {
    width: 88.1088825215%;
    padding-left: 10px;
  }
}
@media screen and (max-width: 500px) {
  .section1 .blue-box_title {
    width: 25.6%;
    margin-top: -8%;
  }
}

@media screen and (min-width: 1292px) and (max-width: 1920px) {
  .sec1-effect {
    padding-bottom: 50px;
    background-position: 0 bottom, right bottom;
    background-repeat: no-repeat;
    background-image: url(../img/section1_effect_left.png), url(../img/section1_effect_right.png);
    background-size: 18.5416666667% auto;
  }
}
@media screen and (min-width: 1292px) and (max-width: 1920px) {
  .section.sec2_effect header {
    padding-top: 0;
  }
}
@media screen and (min-width: 500px) {
  p.lead.center.section1 span {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  p.lead.center {
    padding-top: 0;
  }
}
.section2 img {
  display: block;
}
.section2 .before-after {
  display: block;
}
.section2 .before-after img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .section2 .before-after {
    padding: 2.5% 0 3.3333333333%;
  }
  .section2 .before-after img {
    width: 100%;
    max-width: 1140px;
  }
}
@media screen and (max-width: 768px) {
  .section2 .before-after {
    padding: 3.4340659341% 0;
  }
  .section2 .before-after img {
    width: 76.9230769231%;
    max-width: 497px;
  }
}
.section2_posts {
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #1284ff;
  border-radius: 12px;
}
.section2_posts p {
  text-align: center;
  color: white;
}
.section2_posts ul {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.section2_posts ul li img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .section2_posts {
    width: 100%;
    margin-top: 1.7543859649%;
    padding: 1.7543859649% 0;
    background-position: 0 0, center top;
    background-repeat: no-repeat, no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 240, 255, 0.4)), to(rgba(0, 240, 255, 0))), url(../img/section2_bg.png);
    background-image: linear-gradient(to bottom, rgba(0, 240, 255, 0.4) 0%, rgba(0, 240, 255, 0) 100%), url(../img/section2_bg.png);
    background-size: 100% 100%, 100% auto;
  }
  .section2_posts li {
    width: 48.2456140351%;
    max-width: 550px;
  }
  .section2_posts li:first-child {
    margin: 0 0.6140350877% 0 1.1403508772%;
  }
  .section2_posts li:last-child {
    margin: 0 1.1403508772% 0 0.6140350877%;
  }
}
@media screen and (max-width: 768px) {
  .section2_posts {
    width: 93.4065934066%;
    margin-top: 2.7472527473%;
    padding: 2.7472527473% 2.7472527473% 0;
    background-position: 0 0, center 0;
    background-repeat: no-repeat, no-repeat;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 240, 255, 0.4)), to(rgba(0, 240, 255, 0))), url(../img/section2_bg.png);
    background-image: linear-gradient(to bottom, rgba(0, 240, 255, 0.4) 0%, rgba(0, 240, 255, 0) 100%), url(../img/section2_bg.png);
    background-size: 100% 100%, cover;
    border-radius: 16px;
  }
  .section2_posts ul {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .section2_posts ul li {
    width: 100%;
    max-width: 640px;
    margin-bottom: 3.6363636364%;
  }
}
.section2 .sub-header_lead p {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.section2 .sub-header_lead p span:first-child {
  margin-right: 0.75em;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .section2 .sub-header_lead p:first-child {
    margin-bottom: 1.0526315789%;
  }
}
@media screen and (max-width: 768px) {
  .section2 .sub-header_lead p:first-child {
    margin-bottom: 1.6483516484%;
  }
}
@media screen and (min-width: 769px) {
  .section2_recruit1, .section2_recruit2 {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .section2_recruit1 li, .section2_recruit2 li {
    width: 31.4035087719%;
    max-width: 358px;
  }
  .section2_recruit1 {
    margin-bottom: 2.6315789474%;
  }
  .section2_recruit1 li {
    width: 31.4035087719%;
    max-width: 358px;
  }
  .section2_recruit1 li:nth-child(1), .section2_recruit1 li:nth-child(2), .section2_recruit1 li:nth-child(3) {
    margin-bottom: 2.1929824561%;
  }
  .section2_recruit1 li:nth-child(4) {
    margin-left: 17.1929824561%;
  }
  .section2_recruit1 li:nth-child(5) {
    margin-right: 17.1929824561%;
  }
  .section2_recruit2 li:nth-child(1) {
    margin-left: 15.8771929825%;
  }
  .section2_recruit2 li:nth-child(2) {
    margin-right: 15.8771929825%;
  }
}
@media screen and (max-width: 768px) {
  .section2 li {
    width: 76.9230769231%;
    margin: 0 auto 3.5714285714%;
  }
  .section2 li:last-child {
    margin-bottom: 6.25%;
  }
}

.section.sec3_effect header {
  padding-bottom: 0;
}

.section3_word1 img, .section3_word2 img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
}
.section3 .asterisk {
  position: absolute;
  color: white;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .section3_word1 img {
    top: 4.8780487805%;
    width: 78.1666666667%;
    max-width: 938px;
  }
}
@media screen and (max-width: 768px) {
  .section3_word1 img {
    top: 5%;
    width: 77.734375%;
    max-width: 597px;
  }
}
@media screen and (min-width: 769px) {
  .section3 .asterisk {
    top: 91.6559691913%;
    font-size: clamp(1.25rem, 0.135rem + 2.32vw, 1.875rem);
  }
}
@media screen and (max-width: 768px) {
  .section3 .asterisk {
    top: 89.2%;
    font-size: clamp(0.875rem, 0.429rem + 2.23vw, 1.5rem);
  }
}
@media screen and (min-width: 769px) {
  .section3_word2 img {
    top: 69.5763799743%;
    width: 95%;
    max-width: 1140px;
  }
}
@media screen and (max-width: 768px) {
  .section3_word2 img {
    top: 66%;
    width: 94.7916666667%;
    max-width: 728px;
  }
}

.section3_bg {
  position: relative;
  background-position: center 0;
  background-repeat: no-repeat;
  background-image: url(../img/section3_bg.jpg);
  background-size: auto 100%;
}
@media screen and (min-width: 769px) {
  .section3_bg {
    height: auto;
    padding-top: 68.3333333333%;
  }
}
@media screen and (min-width: 1200px) {
  .section3_bg {
    height: 820px;
    padding-top: 0;
  }
}
@media screen and (min-width: 1600px) {
  .section3_bg {
    width: 1600px;
    margin: 0 auto;
    background-position: 0 0, 0 0, center top;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(97%, rgba(255, 255, 255, 0)), to(rgb(255, 255, 255))), -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), color-stop(0%, rgb(255, 255, 255)), color-stop(3%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0))), url(../img/section3_bg.jpg);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 97%, rgb(255, 255, 255) 100%), linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 3%, rgba(255, 255, 255, 0) 100%), url(../img/section3_bg.jpg);
    background-size: 100% 100%, 100% 100%, auto 100%;
  }
}
@media screen and (max-width: 768px) {
  .section3_bg {
    padding-top: 69.0104166667%;
  }
}

@media screen and (min-width: 500px) {
  .section3b .sub-header_lead span {
    display: block;
  }
}

.section4 {
  position: relative;
}
@media screen and (min-width: 769px) {
  .section4 picture {
    position: absolute;
    right: 2.5%;
    top: 0;
    display: block;
    width: 35.0877192982%;
    max-width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .section4 picture {
    display: block;
    width: 57.6923076923%;
    max-width: 420px;
    margin: 2.0604395604% auto 0;
  }
}
.section4 picture img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .section4 .lead {
    margin-top: 2.1929824561%;
    font-size: clamp(0.875rem, 0.206rem + 1.39vw, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  .section4 .lead {
    margin-top: 4.1208791209%;
    font-size: clamp(0.688rem, 0.464rem + 1.12vw, 1rem);
  }
}
@media screen and (min-width: 500px) {
  .section4 .sub-header_lead span {
    display: block;
  }
  .section4 .sub-header_lead span.sub-header_leard-space {
    margin-top: 1.0526315789%;
  }
}
.section4 .sub-header_lead-space {
  display: inline-block;
  padding-left: 0 !important;
}
@media screen and (min-width: 769px) {
  .section4 .sub-header_lead-space {
    padding-top: 1.0526315789%;
  }
}
@media screen and (max-width: 768px) {
  .section4 .sub-header_lead-space {
    margin-top: 1.5625%;
  }
}

.thincro {
  position: relative;
}
.thincro img {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .thincro {
    margin: 2.1929824561% auto;
    padding-top: 77.5438596491%;
  }
  .thincro:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0%;
    z-index: 1;
    display: block;
    width: 100%;
    padding-top: 7.8947368421%;
    opacity: 0.15;
    background: url(../img/thincro_graph1.png) repeat-x;
    background-size: auto 100%;
  }
  .thincro:after {
    position: absolute;
    left: 0;
    bottom: 0.5656108597%;
    z-index: 1;
    display: block;
    content: "";
    width: 100%;
    padding-top: 7.8947368421%;
    opacity: 0.15;
    background: url(../img/thincro_graph2.png) repeat-x;
    background-size: auto 100%;
  }
}
@media screen and (min-width: 1141px) {
  .thincro {
    padding-top: 0;
    height: 884px;
  }
}
@media screen and (max-width: 768px) {
  .thincro {
    padding: 0 2.6041666667%;
  }
}
@media screen and (min-width: 769px) {
  .thincro-content {
    width: 85.7894736842%;
    max-width: 978px;
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  .thincro-content {
    margin: 2.7472527473% auto 0;
  }
}
.thincro-asterisk {
  margin: 0 auto;
  text-align: right;
}
@media screen and (min-width: 769px) {
  .thincro-asterisk {
    width: 85.7894736842%;
    max-width: 978px;
    font-size: clamp(0.875rem, 0.206rem + 1.39vw, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  .thincro-asterisk {
    margin: 1.5625%;
    font-size: clamp(0.75rem, 0.571rem + 0.89vw, 1rem);
  }
}

.section5 .sub-header ul {
  list-style: disc;
}
@media screen and (min-width: 769px) {
  .section5 .sub-header ul {
    margin: 0.8771929825% 0 0 5.6140350877%;
  }
  .section5 .sub-header ul li {
    margin: 0 0 0.8771929825%;
    font-size: clamp(1rem, 0.554rem + 0.93vw, 1.25rem);
    font-weight: bold;
  }
}
@media screen and (max-width: 768px) {
  .section5 .sub-header ul {
    margin: 1.3736263736% 0 0 9.3406593407%;
  }
  .section5 .sub-header ul li {
    margin: 0 0 0.8771929825%;
    font-size: clamp(0.688rem, 0.464rem + 1.12vw, 1rem);
    font-weight: bold;
  }
}

.section5 .graph input[type=checkbox] {
  display: none;
}
.section5 .graph label {
  color: #0e47ff;
  cursor: pointer;
}
.section5 .graph label:after {
  content: "▼";
}
.section5 .graph input[type=checkbox]:checked + .graph-button label:after {
  content: "▲";
}
.section5 .graph img {
  width: 100%;
}
.section5 .graph-button {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .section5 .graph-button {
    margin: 1.2280701754% auto 1.0526315789%;
    font-size: clamp(0.75rem, 0.304rem + 0.93vw, 1rem);
  }
}
@media screen and (max-width: 768px) {
  .section5 .graph-button {
    margin: 1.6483516484% auto 1.510989011%;
    font-size: clamp(0.75rem, 0.571rem + 0.89vw, 1rem);
  }
}
.section5 .graph-wrap {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
@media screen and (min-width: 769px) {
  .section5 .graph-wrap {
    width: 100%;
    max-width: 1140px;
    padding-top: 23.9166666667%;
  }
}
@media screen and (max-width: 768px) {
  .section5 .graph-wrap {
    width: 100%;
    max-width: 728px;
    padding-top: 23.8980769231%;
  }
}
.section5 .graph-image {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 501px) {
  .section5 .only-sp {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .section5 .only-sp {
    text-align: left;
    margin: 1.6483516484% auto 0;
  }
  .section5 .only-sp a {
    text-decoration: none;
    font-size: clamp(0.75rem, 0.571rem + 0.89vw, 1rem);
  }
}

input[type=checkbox]:checked ~ .graph-wrap {
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
@media screen and (min-width: 769px) {
  input[type=checkbox]:checked ~ .graph-wrap {
    padding-top: 68.3333333333%;
  }
}
@media screen and (max-width: 768px) {
  input[type=checkbox]:checked ~ .graph-wrap {
    padding-top: 68.2802197802%;
  }
}

.section6 .example {
  position: relative;
}
.section6 .example img {
  display: block;
  width: 100%;
}
.section6 .success {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .section6 .success {
    width: 84.4444444444%;
    margin-bottom: 2.6315789474%;
  }
}
@media screen and (min-width: 1201px) {
  .section6 .success {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .section6 .success {
    width: 93.4065934066%;
    margin-bottom: 2.9411764706%;
  }
}
.section6 .success.magin-bottom0 {
  margin-bottom: 0 !important;
}
.section6 .successA {
  background-image: -webkit-gradient(linear, left top, right top, from(#004681), to(#0073b5));
  background-image: linear-gradient(to right, #004681 0%, #0073b5 100%);
  border-radius: 12px 0 0 12px;
}
.section6 .successA .success_flex {
  background-position: -12px 0;
}
.section6 .successB {
  background: -webkit-gradient(linear, left top, right top, from(#0073b5), to(#004681));
  background: linear-gradient(to right, #0073b5 0%, #004681 100%);
  border-radius: 0 12px 12px 0;
}
.section6 .successB .success_flex {
  background-position: right 0;
}
.section6 .success_content {
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  .section6 .success_content {
    width: 100%;
    max-width: 1140px;
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_content {
    width: 100%;
    max-width: 680px;
  }
}
.section6 .success_flex {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
@media screen and (min-width: 769px) {
  .section6 .success_flex {
    background-position: 0 0;
    background-image: url(../img/section6_stars.png);
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_flex {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-position: center top !important;
    background-image: url(../img/section6_stars_sp.png);
    background-size: 100% auto;
  }
}
@media screen and (min-width: 769px) {
  .section6 .success_data, .section6 .success_pic {
    max-width: 50%;
    min-width: 50%;
  }
}
.section6 .success_data {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .section6 .success_data {
    padding-left: 5.8608058608%;
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_data {
    width: 79.4117647059%;
    margin: 0 auto 2.9411764706%;
    -webkit-box-ordinal-group: 3;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
.section6 .success_data-name {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .section6 .success_data-name {
    margin-bottom: 3.663003663%;
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_data-name {
    margin-bottom: 3.5294117647%;
  }
}
.section6 .success_data-name picture {
  display: block;
}
@media screen and (min-width: 769px) {
  .section6 .success_data-name picture {
    width: 5.8608058608%;
    max-width: 32px;
  }
  .section6 .success_data-name picture img {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_data-name picture {
    width: 4.8148148148%;
    max-width: 26px;
  }
  .section6 .success_data-name picture img {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .section6 .success_data-name picture {
    position: relative;
    top: 1px;
    width: 5.9259259259%;
    max-width: 32px;
  }
}
.section6 .success_data-text {
  color: #27e8ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .section6 .success_data-text {
    width: 94.1391941392%;
    max-width: 514px;
    padding-left: 1.8315018315%;
    font-size: clamp(1rem, 0.108rem + 1.86vw, 1.5rem);
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_data-text {
    width: 94.0740740741%;
    max-width: 514px;
    padding-left: 1.8181818182%;
    font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem);
  }
}
.section6 .success_data-follower {
  color: white;
}
@media screen and (min-width: 769px) {
  .section6 .success_data-follower {
    margin-bottom: 0.9157509158%;
    font-size: clamp(0.875rem, 0.206rem + 1.39vw, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_data-follower {
    margin-bottom: 0.9259259259%;
    font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem);
  }
}
.section6 .success_data-follower > strong {
  color: #ffcc00;
}
.section6 .success_data-number {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section6 .success_data-number {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.section6 .success_data-number span {
  color: white;
}
@media screen and (min-width: 769px) {
  .section6 .success_data-number span {
    padding: 0 1.8315018315% 0 0;
    font-size: clamp(0.875rem, 0.206rem + 1.39vw, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_data-number span {
    padding: 0 0.9259259259% 0 0;
    font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem);
  }
}
@media screen and (min-width: 769px) {
  .section6 .success_data-number picture {
    width: 26.0073260073%;
    max-width: 142px;
  }
  .section6 .success_data-number picture img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_data-number picture {
    width: 20.3703703704%;
    max-width: 110px;
  }
  .section6 .success_data-number picture img {
    width: 100%;
  }
}
.section6 .success_data-number strong {
  color: #ffcc00;
}
@media screen and (min-width: 769px) {
  .section6 .success_data-number strong {
    padding: 0 0 0 1.8315018315%;
    font-size: clamp(2.625rem, 1.064rem + 3.25vw, 3.5rem);
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_data-number strong {
    padding: 0 0 0 1.5151515152%;
    font-size: clamp(2rem, 0.571rem + 7.14vw, 4rem);
  }
}
.section6 .success_data-message {
  color: white;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  .section6 .success_data-message {
    margin-top: 5.625%;
    padding-right: 3.125%;
    font-size: clamp(0.875rem, 0.206rem + 1.39vw, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_data-message {
    margin-top: 3.7037037037%;
    padding-right: 3.7037037037%;
    font-size: clamp(0.875rem, 0.696rem + 0.89vw, 1.125rem);
  }
}
@media screen and (min-width: 769px) {
  .section6 .success_pic img {
    margin: 3.5087719298% 0;
  }
}
@media screen and (max-width: 768px) {
  .section6 .success_pic {
    max-width: 100%;
    min-width: 100%;
    padding: 2.9411764706% 0 0;
    -webkit-box-ordinal-group: 2;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .section6 .success_pic picture {
    display: block;
    width: 79.4117647059%;
    margin: 0 auto 2.9411764706%;
  }
  .section6 .success_pic picture img {
    margin: 0 auto;
  }
}
.section6 .side-piece {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #cfc;
}
@media screen and (min-width: 769px) {
  .section6 .side-piece {
    width: 7.7777777778%;
  }
}
@media screen and (max-width: 768px) {
  .section6 .side-piece {
    width: 5.7291666667%;
  }
}
.section6 .side-pieceA {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(#0073b5), to(#0188cd));
  background: linear-gradient(to right, #0073b5 0%, #0188cd 100%);
}
.section6 .side-pieceB {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#0188cd), to(#0073b5));
  background: linear-gradient(to right, #0188cd 0%, #0073b5 100%);
}

.section7 {
  position: relative;
}
.section7 ul li {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -moz-align-items: baseline;
  align-items: baseline;
}
.section7 ul li:before {
  content: "";
  display: block;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  background-image: url(../img/section7_01.svg);
}
@media screen and (min-width: 769px) {
  .section7 ul li {
    margin: 0 0 2.1929824561% 0;
    font-size: clamp(1rem, 0.108rem + 1.86vw, 1.5rem);
  }
  .section7 ul li:before {
    width: 3.1578947368%;
    margin: 0 1.0526315789% 0 0;
    padding: 3.1578947368% 0 0;
    background-size: 85%;
  }
  .section7 ul li strong {
    font-size: 150%;
  }
}
@media screen and (max-width: 768px) {
  .section7 ul li {
    margin: 0 0 2.7472527473% 4.9450549451%;
    font-size: clamp(0.75rem, 0.482rem + 1.34vw, 1.125rem);
  }
  .section7 ul li:before {
    width: 4.9450549451%;
    margin-left: -4.9450549451%;
    padding-top: 2.7472527473%;
    background-size: auto 90%;
  }
  .section7 ul li strong {
    font-size: 140%;
  }
}
@media screen and (max-width: 680px) {
  .section7 ul li:nth-child(4) strong, .section7 ul li:nth-child(5) strong {
    width: 100%;
  }
}
.section7 ul li strong {
  color: #1284ff;
}
.section7_point {
  position: relative;
}
.section7_point picture {
  position: absolute;
  right: 0;
  display: block;
}
@media screen and (min-width: 769px) {
  .section7_point picture {
    width: 23.2456140351%;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .section7_point picture {
    width: 21.978021978%;
    right: 3%;
    bottom: 100%;
  }
}
.section7_point img {
  display: block;
}
@media screen and (min-width: 769px) {
  .section7_point img {
    width: 100%;
  }
}
@media screen and (min-width: 1201px) {
  .section7_point img {
    width: 265px;
  }
}
@media screen and (max-width: 768px) {
  .section7_point img {
    width: 100%;
  }
}
.section7_point p {
  position: relative;
  color: white;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#1283ff), to(#006aec));
  background: linear-gradient(to bottom, #1283ff 0%, #006aec 100%);
}
.section7_point p:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../img/section7_pc.png);
}
@media screen and (min-width: 769px) {
  .section7_point p {
    width: 77.4561403509%;
    padding: 1.0526315789% 0;
    font-size: clamp(1.625rem, -0.159rem + 3.71vw, 2.625rem);
    border-radius: 16px;
  }
  .section7_point p:before {
    top: -21px;
    right: 3%;
    width: 28px;
    height: 21px;
  }
}
@media screen and (max-width: 768px) {
  .section7_point p {
    width: 100%;
    padding: 1.3020833333% 0;
    font-size: clamp(1rem, 0.286rem + 3.57vw, 2rem);
    border-radius: 10px;
  }
  .section7_point p:before {
    top: -17px;
    right: 25%;
    width: 22px;
    height: 17px;
  }
}
.section7_point p span {
  color: #ffcc00;
}

@media screen and (min-width: 769px) {
  header.sec8 {
    padding-bottom: 0.8333333333%;
  }
}
@media screen and (max-width: 768px) {
  header.sec8 {
    padding-bottom: 0.6510416667%;
  }
}

.section8 img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .section8 ul li {
    margin-bottom: 1.5544041451%;
    font-size: clamp(0.938rem, 0.603rem + 0.7vw, 1.125rem);
  }
}
@media screen and (max-width: 768px) {
  .section8 ul li {
    margin-bottom: 1.7804154303%;
    font-size: clamp(0.813rem, 0.679rem + 0.67vw, 1rem);
  }
}
@media screen and (min-width: 769px) {
  .section8 {
    width: 70.1754385965%;
    margin: 0 auto;
    padding-top: 3.9473684211%;
  }
  .section8 .blue-box_title {
    width: 33.6683417085%;
    max-width: 268px;
    margin-top: -5.2763819095%;
  }
}
@media screen and (max-width: 768px) {
  .section8 {
    padding-top: 6.1813186813%;
  }
  .section8 .blue-box_title {
    width: 36.8131868132%;
    max-width: 268px;
    margin-top: -5.7692307692%;
  }
}
@media screen and (max-width: 500px) {
  .section8 .blue-box_title {
    width: 53.6%;
    margin-top: -8%;
  }
}
.section8-contents ul {
  list-style: disc;
}
.section8-contents ul li {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .section8-contents {
    margin: 4.3969849246% 0 2.0100502513% 4.0201005025%;
  }
}
@media screen and (max-width: 768px) {
  .section8-contents {
    margin: 5.0143266476% 0 2.2922636103% 4.5845272206%;
  }
}
@media screen and (min-width: 769px) {
  .section8-contents_other {
    margin: 0 0 2.5125628141% 4.0201005025%;
  }
}
@media screen and (max-width: 768px) {
  .section8-contents_other {
    margin: 0 0 2.8653295129% 4.5845272206%;
  }
}

.section9 input[type=checkbox] {
  display: none;
}
.section9_faq.margin-top0 {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .section9_faq {
    margin-top: 0.8771929825%;
    font-size: clamp(1rem, 0.554rem + 0.93vw, 1.25rem);
  }
}
@media screen and (max-width: 768px) {
  .section9_faq {
    margin-top: 1.3736263736%;
    font-size: clamp(0.813rem, 0.679rem + 0.67vw, 1rem);
  }
}
.section9_faq-label {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  color: white;
  font-weight: bold;
  background-color: #1284ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 106, 236, 0)), color-stop(97%, rgb(0, 106, 236)), to(rgb(0, 106, 236)));
  background-image: linear-gradient(to bottom, rgba(0, 106, 236, 0) 0%, rgb(0, 106, 236) 97%, rgb(0, 106, 236) 100%);
  border-radius: 6px;
  cursor: pointer;
}
.section9_faq-label p {
  padding: 0 0.5em 0 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: -2em;
}
.section9_faq-label span:after {
  content: "▼";
}
@media screen and (min-width: 769px) {
  .section9_faq-label {
    padding: 0.8771929825% 1.0526315789% 0.701754386%;
  }
}
@media screen and (max-width: 768px) {
  .section9_faq-label {
    padding: 1.3736263736% 1.6483516484%;
  }
}
.section9_faq:checked + .section9_faq-label {
  border-radius: 6px 6px 0 0;
}
.section9_faq:checked + .section9_faq-label span:after {
  content: "▲";
}
.section9_ans {
  position: relative;
  z-index: 1;
  height: 0;
  max-height: 0px;
  overflow: hidden;
  padding: 2px;
  line-height: 1.8;
  -webkit-animation-name: close;
          animation-name: close;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  border: solid 2px #1284ff;
  border-radius: 0 0 6px 6px;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.section9_ans-contents {
  background-color: #f7fcff;
  border: solid 1px #1284ff;
  border-radius: 0 0 4px 4px;
}
@media screen and (min-width: 769px) {
  .section9_ans-contents {
    padding: 0.701754386% 1.0526315789%;
  }
}
@media screen and (max-width: 768px) {
  .section9_ans-contents {
    padding: 1.0989010989% 2.1978021978%;
  }
}
.section9_ans-contents p {
  margin-bottom: 0.85em;
}
.section9_ans-contents p:last-child {
  margin-bottom: 0;
}
.section9 #faq1:checked ~ #ans1,
.section9 #faq2:checked ~ #ans2,
.section9 #faq3:checked ~ #ans3,
.section9 #faq4:checked ~ #ans4,
.section9 #faq5:checked ~ #ans5,
.section9 #faq6:checked ~ #ans6 {
  -webkit-animation-name: open;
          animation-name: open;
  -webkit-animation-duration: 1600ms;
          animation-duration: 1600ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes open {
  0% {
    height: auto;
    max-height: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  1% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    height: auto;
    max-height: 1000px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes open {
  0% {
    height: auto;
    max-height: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  1% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    height: auto;
    max-height: 1000px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes close {
  0% {
    padding: 2px;
    height: auto;
    max-height: 1000px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  99% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    padding: 2px;
    height: auto;
    max-height: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
@keyframes close {
  0% {
    padding: 2px;
    height: auto;
    max-height: 1000px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  99% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    padding: 2px;
    height: auto;
    max-height: 0;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
.section10 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
}
.section10 img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section10 {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.section10_step {
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 2px #1284ff;
  border-radius: 16px;
}
@media screen and (min-width: 769px) {
  .section10_step {
    width: 28.2456140351%;
    max-width: 322px;
  }
}
@media screen and (max-width: 768px) {
  .section10_step {
    width: 52.1978021978%;
    max-width: 380px;
  }
}
@media screen and (max-width: 500px) {
  .section10_step {
    width: 76%;
    max-width: 380px;
  }
}
.section10_step-content {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #f7fcff;
  border: solid 1px #1284ff;
  border-radius: 13px;
}
.section10_step-content picture {
  display: block;
}
@media screen and (min-width: 769px) {
  .section10_step-content {
    padding: 11.5384615385% 0;
  }
  .section10_step-content picture {
    width: 60.8974358974%;
    margin-bottom: 5.1282051282%;
  }
  .section10_step-content picture.section10_step-start {
    width: 65.3846153846%;
  }
}
@media screen and (max-width: 768px) {
  .section10_step-content {
    padding: 9.6774193548% 0;
  }
  .section10_step-content picture {
    width: 51.0752688172%;
    margin-bottom: 4.3010752688%;
  }
  .section10_step-content picture.section10_step-start {
    width: 54.5698924731%;
  }
}
@media screen and (max-width: 500px) {
  .section10_step-content {
    padding: 10.2272727273% 0;
  }
  .section10_step-content picture {
    width: 50.5681818182%;
    margin-bottom: 4.5454545455%;
  }
  .section10_step-content picture.section10_step-start {
    width: 54.2613636364%;
  }
}
.section10_step-content p {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .section10_step-content p {
    font-size: clamp(0.875rem, 0.429rem + 0.93vw, 1.125rem);
  }
}
@media screen and (max-width: 768px) {
  .section10_step-content p {
    font-size: clamp(0.813rem, 0.679rem + 0.67vw, 1rem);
  }
}
@media screen and (min-width: 769px) {
  .section10_step-next {
    width: 6.6666666667%;
  }
  .section10_step-next picture {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .section10_step-next {
    width: 3.2967032967%;
  }
  .section10_step-next picture {
    width: 100%;
  }
}

.section11 input[type=checkbox],
.section11 label {
  cursor: pointer;
}
.section11_text {
  text-align: center;
}
.section11_text a {
  color: #0e47ff;
}
@media screen and (min-width: 769px) {
  .section11 {
    margin-bottom: 4.1666666667%;
    font-size: clamp(1rem, 0.554rem + 0.93vw, 1.25rem);
  }
  .section11_text {
    margin-bottom: 2.1929824561%;
  }
}
@media screen and (min-width: 1201px) {
  .section11 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .section11 {
    margin-bottom: 3.90625%;
    font-size: clamp(0.813rem, 0.679rem + 0.67vw, 1rem);
  }
  .section11_text {
    margin-bottom: 3.4340659341%;
  }
}
.section11_agreement {
  text-align: center;
}
.section11_agreement label {
  font-weight: bold;
}
.section11_agreement a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: url(../img/form_btn.png) no-repeat;
  background-size: 100% auto;
  pointer-events: none;
}
.section11_agreement a span {
  position: absolute;
  top: 0;
  display: inline-block;
  text-indent: -9999px;
}
@media screen and (min-width: 769px) {
  .section11_agreement a {
    width: 59.298245614%;
    margin-top: 1.7543859649%;
    padding-top: 12.8070175439%;
  }
}
@media screen and (max-width: 768px) {
  .section11_agreement a {
    width: 74.1758241758%;
    margin-top: 2.7472527473%;
    padding-top: 16.0027472527%;
  }
}
.section11_agreement input[type=checkbox]:checked ~ a {
  background-position: 0 bottom;
  pointer-events: auto;
}
.section11_agreement input[type=checkbox]:checked ~ a:hover {
  position: relative;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2);
}

footer {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #103f74;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(16, 63, 116, 0)), color-stop(25%, rgba(16, 63, 116, 0)), to(rgba(16, 63, 116, 0.6))), -webkit-gradient(linear, left top, right top, from(rgba(16, 63, 116, 0.6)), color-stop(1%, rgba(16, 63, 116, 0.6)), color-stop(75%, rgba(16, 63, 116, 0)), to(rgba(16, 63, 116, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(47, 128, 216, 0.6)), color-stop(1%, rgba(47, 128, 216, 0.6)), color-stop(60%, rgba(47, 128, 216, 0)), to(rgba(47, 128, 216, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(47, 128, 216, 0)), color-stop(40%, rgba(47, 128, 216, 0)), to(rgba(47, 128, 216, 0.6)));
  background-image: linear-gradient(to right, rgba(16, 63, 116, 0) 0%, rgba(16, 63, 116, 0) 25%, rgba(16, 63, 116, 0.6) 100%), linear-gradient(to right, rgba(16, 63, 116, 0.6) 0%, rgba(16, 63, 116, 0.6) 1%, rgba(16, 63, 116, 0) 75%, rgba(16, 63, 116, 0) 100%), linear-gradient(to bottom, rgba(47, 128, 216, 0.6) 0%, rgba(47, 128, 216, 0.6) 1%, rgba(47, 128, 216, 0) 60%, rgba(47, 128, 216, 0) 100%), linear-gradient(to bottom, rgba(47, 128, 216, 0) 0%, rgba(47, 128, 216, 0) 40%, rgba(47, 128, 216, 0.6) 100%);
}
footer a {
  text-decoration: none;
  color: white;
}
@media screen and (min-width: 769px) {
  footer {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    padding: 2.0833333333% 0;
    font-size: clamp(0.75rem, 0.304rem + 0.93vw, 1rem);
  }
}
@media screen and (min-width: 1201px) {
  footer {
    padding: 25px 0;
  }
}
@media screen and (max-width: 768px) {
  footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 3.2552083333%;
    font-size: clamp(0.688rem, 0.554rem + 0.67vw, 0.875rem);
  }
}
footer .accounts,
footer .information {
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  footer .accounts,
  footer .information {
    max-width: 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 769px) {
  footer .accounts ul,
  footer .information ul {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  footer .accounts ul li,
  footer .information ul li {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
  footer .accounts ul li:after,
  footer .information ul li:after {
    content: "｜";
    color: white;
    margin: 0 2em;
  }
  footer .accounts ul li:last-child:after,
  footer .information ul li:last-child:after {
    content: "";
  }
}
@media screen and (max-width: 769px) {
  footer .accounts ul li,
  footer .information ul li {
    margin-bottom: 1.6483516484%;
  }
}
@media screen and (min-width: 769px) {
  footer .accounts,
  footer .information {
    width: 95%;
    margin-bottom: 2.0833333333%;
  }
}
@media screen and (min-width: 1201px) {
  footer .accounts,
  footer .information {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 768px) {
  footer .accounts,
  footer .information {
    width: 94.7916666667%;
  }
}
@media screen and (max-width: 768px) {
  footer .information {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
}
footer .copyright {
  text-align: center;
  color: white;
}
@media screen and (max-width: 768px) {
  footer .copyright {
    width: 100%;
  }
}