body,
h1,
h2,
h3,
h4,
h5,
table,
th,
td,
ul,
li,
ol,
dl,
dt,
dd,
form,
p,
table,
th,
td {
  margin: 0px;
  padding: 0px;
  font-weight: 400;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 100%;
}
body {
  color: #1a1a1a;
  background-color: #fff;
  font-family:
    "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",
    "メイリオ", sans-serif;
  line-height: 1.5;
  font-size: 16px;
  -webkit-text-size-adjust: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
* html body {
  font-size: 100%;
}
*:focus {
  outline: none;
}
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  cursor: pointer;
}
a img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
img {
  image-rendering: -webkit-optimize-contrast;
  display: block;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
input,
textArea,
select,
button {
  background: none;
  margin: 0px;
  outline: none;
  padding: 0px;
  font-weight: normal;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  list-style-type: none;
  font-size: 16px;
}
button {
  cursor: pointer;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
@font-face {
  font-family: "FontAwesome";
  src: url("../../fonts/fontawesome-webfont.eot?v=4.6.3");
  src:
    url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3")
      format("embedded-opentype"),
    url("../../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"),
    url("../../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"),
    url("../../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"),
    url("../../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?w11z48");
  src:
    url("../../fonts/icomoon.eot?w11z48#iefix") format("embedded-opentype"),
    url("../../fonts/icomoon.ttf?w11z48") format("truetype"),
    url("../../fonts/icomoon.woff?w11z48") format("woff"),
    url("../../fonts/icomoon.svg?w11z48#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
a:link {
  color: #1a1a1a;
  text-decoration: none;
}
a:visited {
  color: #1a1a1a;
}
@media only screen and (min-width: 900.1px) {
  a {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  a img {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  a:hover img {
    opacity: 0.7;
  }
}
.clear:after {
  content: "";
  display: block;
  clear: both;
}
.clear_both {
  clear: both;
}
.hidden {
  overflow: hidden;
}
body {
  background-position: top center;
}
table {
  width: 100%;
  border-collapse: separate;
  border-collapse: collapse;
  border-spacing: 0;
}
table tr td,
table tr th {
  text-align: left;
  padding: 0px;
}
#wrapper {
  min-height: 100%;
  overflow: hidden;
  position: relative;
}
#wrapper {
  position: relative;
}
#wrapper:before,
#wrapper:after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  display: block;
  width: 100vw;
  z-index: -1;
}
#wrapper:before {
  content: "";
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f086ec),
    color-stop(50%, #475bdd),
    to(#4cd0fd)
  );
  background: linear-gradient(90deg, #f086ec 0%, #475bdd 50%, #4cd0fd 100%);
}
@media only screen and (min-width: 640.1px) {
  #wrapper:after {
    content: "";
    height: 56.222574vw;
    background-image: url("../media/images/common/main_logo_bg.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100vw auto;
  }
}
@media only screen and (min-width: 640.1px) and (-webkit-min-device-pixel-ratio: 2) {
  #wrapper:after {
    background-image: url("../media/images/common/main_logo_bg@2x.png");
  }
}
#main_logo {
  position: relative;
  padding: 4.3891733vw 0 2.9261155vw;
}
@media only screen and (min-width: 1366px) {
  #main_logo {
    padding: 60px 0 40px;
  }
}
@media only screen and (max-width: 640px) {
  #main_logo:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    content: "";
    display: block;
    width: 100vw;
    height: 85.3333333333vw;
    background-image: url("../media/images/common/main_logo_bg_sp.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
  #main_logo:after {
    background-image: url("../media/images/common/main_logo_bg_sp@2x.png");
  }
}
#main_logo .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
}
#main_logo .img p {
  position: relative;
}
#main_logo .img p::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-45%, -53%);
  transform: translate(-45%, -53%);
  content: "";
  display: block;
  width: 134.911%;
  height: 253.73%;
  background-image: url("../media/images/common/main_logo_base.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #main_logo .img p::before {
    background-image: url("../media/images/common/main_logo_base@2x.png");
  }
}
#main_logo .img p img {
  position: relative;
  width: 49.487554vw;
  max-width: 676px;
}
@media only screen and (max-width: 640px) {
  #main_logo .img p {
    position: relative;
  }
  #main_logo .img p::before {
    -webkit-transform: translate(-45%, -53%);
    transform: translate(-45%, -53%);
    width: 134.911%;
    height: 253.73%;
    background-image: url("../media/images/common/main_logo_base.png");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
  #main_logo .img p::before {
    background-image: url("../media/images/common/main_logo_base@2x.png");
  }
}
@media only screen and (max-width: 640px) {
  #main_logo .img p img {
    position: relative;
    width: 75.733333vw;
    max-width: 284px;
  }
}
@media only screen and (min-width: 640.1px) {
  html.webp #wrapper:after {
    background-image: url("../media/images/common/main_logo_bg.png.webp");
  }
}
@media only screen and (min-width: 640.1px) and (-webkit-min-device-pixel-ratio: 2) {
  html.webp #wrapper:after {
    background-image: url("../media/images/common/main_logo_bg@2x.png.webp");
  }
}
@media only screen and (max-width: 640px) {
  html.webp #main_logo:after {
    background-image: url("../media/images/common/main_logo_bg_sp.png.webp");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
  html.webp #main_logo:after {
    background-image: url("../media/images/common/main_logo_bg_sp@2x.png.webp");
  }
}
html.webp #main_logo .img p::before {
  background-image: url("../media/images/common/main_logo_base.png.webp");
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  html.webp #main_logo .img p::before {
    background-image: url("../media/images/common/main_logo_base@2x.png.webp");
  }
}
@media only screen and (max-width: 640px) {
  html.webp #main_logo .img p::before {
    background-image: url("../media/images/common/main_logo_base.png.webp");
  }
}
@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 2) {
  html.webp #main_logo .img p::before {
    background-image: url("../media/images/common/main_logo_base@2x.png.webp");
  }
}
.page_content {
  position: relative;
  z-index: 1;
  padding-bottom: 70px;
}
@media only screen and (max-width: 900px) {
  .page_content {
    padding-bottom: 35px;
  }
}
.page_content .content_inner {
  border-radius: 40px;
  position: relative;
  z-index: 1;
  max-width: 1097px;
  max-width: 1090px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: solid 3px #fff;
}
.page_content .content_inner:before,
.page_content .content_inner:after {
  display: block;
  content: "";
  position: absolute;
  width: 362px;
  height: 150%;
  top: 0;
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center top;
}
.page_content .content_inner:before {
  background-image: url("../media/images/common/kumo1.png");
  left: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.page_content .content_inner:after {
  background-image: url("../media/images/common/kumo2.png");
  right: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
@media only screen and (max-width: 640px) {
  .page_content .content_inner {
    border-radius: 20px;
    border: solid 3px #fff;
    max-width: 534px;
    margin-left: auto;
    margin-right: auto;
  }
  .page_content .content_inner:before,
  .page_content .content_inner:after {
    width: 28.125vw;
  }
  .page_content .content_inner:before {
    top: 5%;
  }
  .page_content .content_inner:after {
    bottom: 15%;
  }
}
.page_content .content_cont {
  background: #fff;
  border-radius: 0 0 36px 36px;
  padding: 50px 0;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1200px) {
  .page_content .content_cont {
    padding: 4.1666666667vw 0 7.9166666667vw;
  }
}
@media only screen and (max-width: 640px) {
  .page_content .content_cont {
    padding: 1.5em 0 2.25em;
    border-radius: 0 0 8px 8px;
  }
}
.page_content .content_cont_block {
  padding: 0 92px;
}
.page_content .content_cont_block + .content_cont_block {
  margin-top: 2.8em;
}
@media only screen and (max-width: 1200px) {
  .page_content .content_cont_block {
    padding: 0 6.6666666vw;
  }
}
@media only screen and (max-width: 1100px) {
  .page_content .content_cont_block {
    padding: 0 4vw;
  }
}
@media only screen and (max-width: 640px) {
  .page_content .content_cont_block {
    padding: 0 4.26666666vw;
    border-radius: 0 0 8px 8px;
  }
  .page_content .content_cont_block + .content_cont_block {
    margin-top: 1.8em;
  }
}
.page_content .content_cont_inr {
  padding: 80px 0;
}
@media only screen and (max-width: 1200px) {
  .page_content .content_cont_inr {
    padding: 6.6666666vw 0;
  }
}
@media only screen and (max-width: 1100px) {
  .page_content .content_cont_inr {
    padding: 4vw 0;
  }
}
@media only screen and (max-width: 640px) {
  .page_content .content_cont_inr {
    padding: 1.5em 0 2.25em;
  }
}
.page_content .content_cont_inr.tab_cont {
  padding: 50px 0 0;
}
@media only screen and (max-width: 1200px) {
  .page_content .content_cont_inr.tab_cont {
    padding: 6.6666666vw 0;
  }
}
@media only screen and (max-width: 1100px) {
  .page_content .content_cont_inr.tab_cont {
    padding: 4vw 0;
  }
}
@media only screen and (max-width: 640px) {
  .page_content .content_cont_inr.tab_cont {
    padding: 1.5em 0 2.25em;
  }
}
.page_ttl {
  position: relative;
  z-index: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1.675em 0 1.7em;
}
.page_ttl.ttl_bg {
  background: #fff;
  background: #3953d1;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#4cd0fd),
    color-stop(50%, #475bdd),
    to(#f086ec)
  );
  background: linear-gradient(90deg, #4cd0fd 0%, #475bdd 50%, #f086ec 100%);
  position: relative;
  border-radius: 40px 40px 0 0;
  -webkit-box-shadow: 0px 0px 64px 0px rgba(230, 92, 92, 0.15);
  box-shadow: 0px 0px 64px 0px rgba(230, 92, 92, 0.15);
}
@media only screen and (max-width: 640px) {
  .page_ttl.ttl_bg {
    border-radius: 20px 20px 0 0;
  }
}
.page_ttl.ttl_bg::before {
  background-image: url(../media/images/common/deco01.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  width: 316px;
  height: 414px;
  position: absolute;
  left: -172px;
  top: -277px;
}
@media only screen and (max-width: 900px) {
  .page_ttl.ttl_bg::before {
    width: 100px;
    height: 131px;
    width: 100px;
    height: 131px;
    left: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.page_ttl.ttl_bg::after {
  background-image: url(../media/images/common/deco01.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  width: 316px;
  height: 414px;
  position: absolute;
  right: -100px;
  top: -90px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width: 900px) {
  .page_ttl.ttl_bg::after {
    width: 100px;
    height: 131px;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
}
.page_ttl .ttl_icon {
  background: #ffe940;
  overflow: hidden;
  position: absolute;
  z-index: 10;
}
@media only screen and (min-width: 640.1px) {
  .page_ttl .ttl_icon {
    bottom: 14px;
    left: 96px;
    width: 172px;
    height: 172px;
    border-radius: 50%;
  }
}
@media only screen and (min-width: 640.1px) and (max-width: 900px) {
  .page_ttl .ttl_icon {
    left: 10.6666vw;
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 640px) {
  .page_ttl .ttl_icon {
    left: 50%;
    top: 1em;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    height: 76px;
    border: solid 3px #fff;
    border-radius: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.5em;
  }
  .page_ttl .ttl_icon img {
    max-width: 198px;
    width: 198px;
  }
}
.page_ttl h1,
.page_ttl h2,
.page_ttl > p {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page_ttl h1 .-main,
.page_ttl h2 .-main,
.page_ttl > p .-main {
  font-size: 40px;
  font-size: 28px;
  font-weight: bold;
  display: block;
}
@media only screen and (max-width: 900px) {
  .page_ttl h1 .-main,
  .page_ttl h2 .-main,
  .page_ttl > p .-main {
    font-size: 30px;
  }
}
.page_ttl h1.-sub,
.page_ttl h2.-sub,
.page_ttl > p.-sub {
  margin-top: 0.5em;
  font-size: 125%;
  font-weight: bold;
  display: block;
  text-align: center;
  width: 100%;
}
.page_ttl h1.-sub > span,
.page_ttl h2.-sub > span,
.page_ttl > p.-sub > span {
  display: inline-block;
}
@media only screen and (max-width: 900px) {
  .page_ttl h1.-sub,
  .page_ttl h2.-sub,
  .page_ttl > p.-sub {
    font-size: 87.5%;
  }
}
@media only screen and (max-width: 640px) {
  .page_ttl h1.-sub,
  .page_ttl h2.-sub,
  .page_ttl > p.-sub {
    font-size: 87.5%;
  }
  .page_ttl h1.-sub > span,
  .page_ttl h2.-sub > span,
  .page_ttl > p.-sub > span {
    display: block;
  }
}
@media only screen and (max-width: 900px) {
  .page_ttl {
    padding: 1.4em 0;
  }
  .page_ttl h1 .-main,
  .page_ttl h2 .-main,
  .page_ttl > p .-main {
    font-size: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .page_ttl {
    padding: 0.9em 0;
  }
  .page_ttl h1 .-main,
  .page_ttl h2 .-main,
  .page_ttl > p .-main {
    font-size: 112.5%;
  }
}
html.webp .page_content .content_inner:before {
  background-image: url("../media/images/common/kumo1.png.webp");
}
html.webp .page_content .content_inner:after {
  background-image: url("../media/images/common/kumo2.png.webp");
}
html.webp .page_ttl {
  position: relative;
  z-index: 1;
}
html.webp .page_ttl.ttl_bg::before {
  background-image: url(../media/images/common/deco01.png.webp);
}
html.webp .page_ttl.ttl_bg::after {
  background-image: url(../media/images/common/deco01.png.webp);
}
.section_ttl {
  background: #ebf0fa;
  text-align: center;
  padding: 1.175em 0.5em 1.175em;
  margin-bottom: 2em;
  border-radius: 0.3em;
}
.section_ttl > h2,
.section_ttl > p {
  font-size: 137.5%;
  font-weight: bold;
  color: #3953d1;
}
@media only screen and (min-width: 640.1px) {
  .section_ttl > h2 > span + span,
  .section_ttl > p > span + span {
    margin-left: 1em;
  }
}
@media only screen and (max-width: 640px) {
  .section_ttl > h2 > span,
  .section_ttl > p > span {
    display: block;
  }
}
.section_ttl .-sub {
  font-size: 75%;
}
.section_ttl strong {
  text-decoration: underline;
}
@media only screen and (max-width: 640px) {
  .section_ttl {
    padding: 0.6em 0.5em 0.6em;
    margin-bottom: 1.2em;
  }
  .section_ttl > h2,
  .section_ttl > p {
    font-size: 112.5%;
  }
  .section_ttl .-sub {
    font-size: 68.8%;
    margin-left: -1em;
    margin-right: -1em;
  }
}
@media only screen and (max-width: 350px) {
  .section_ttl {
    font-size: 106.3%;
  }
}
.sub_ttl {
  color: #3953d1;
  font-weight: bold;
  font-size: 112.5%;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 1.1em;
}
.sub_ttl:before {
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: block;
  content: "";
  background: #3953d1;
}
@media only screen and (max-width: 640px) {
  .sub_ttl {
    font-size: 106.3%;
    letter-spacing: -0.01em;
  }
}
@media only screen and (max-width: 350px) {
  .sub_ttl {
    font-size: 106.3%;
  }
}
.border_ttl {
  position: relative;
  font-size: 125%;
  line-height: 1.444444444;
  font-weight: bold;
  color: #3953d1;
  padding: 0.8em 0 0.8em 1.5em;
  margin-bottom: 24px;
}
@media only screen and (max-width: 900px) {
  .border_ttl {
    font-size: 112.5%;
    padding: 0.65em 0 0.65em 1.5em;
    margin-bottom: 16px;
  }
}
.border_ttl::before {
  content: "";
  background: #3953d1;
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 640px) {
  .border_ttl {
    font-size: 112.5%;
    padding: 0.45em 0 0.45em 1.25em;
    margin-bottom: 1em;
  }
}
.section_block.pb-1 {
  padding-bottom: 1em;
}
@media only screen and (max-width: 640px) {
  .section_block.pb-1 {
    padding-bottom: 0.5em;
  }
}
.section_block.pb-3 {
  padding-bottom: 3em;
}
@media only screen and (max-width: 640px) {
  .section_block.pb-3 {
    padding-bottom: 1.5em;
  }
}
.section_block + .section_block {
  margin-top: 1.25em;
}
.section_block + .section_block.mt-2 {
  margin-top: 2em;
}
@media only screen and (max-width: 640px) {
  .section_block + .section_block.mt-2 {
    margin-top: 1em;
  }
}
.section_block + .section_block.mt-3 {
  margin-top: 3em;
}
@media only screen and (max-width: 640px) {
  .section_block + .section_block.mt-3 {
    margin-top: 1.5em;
  }
}
.section_block p + p,
.section_block p + ul,
.section_block p + dl,
.section_block p + div,
.section_block ul + p,
.section_block ul + ul,
.section_block ul + dl,
.section_block ul + div,
.section_block dl + p,
.section_block dl + ul,
.section_block dl + dl,
.section_block dl + div {
  margin-top: 0.5em;
}
.section_block p + p.mt-0,
.section_block p + ul.mt-0,
.section_block p + dl.mt-0,
.section_block p + div.mt-0,
.section_block ul + p.mt-0,
.section_block ul + ul.mt-0,
.section_block ul + dl.mt-0,
.section_block ul + div.mt-0,
.section_block dl + p.mt-0,
.section_block dl + ul.mt-0,
.section_block dl + dl.mt-0,
.section_block dl + div.mt-0 {
  margin-top: auto;
}
@media only screen and (max-width: 640px) {
  .section_block p,
  .section_block li,
  .section_block dt,
  .section_block dd {
    font-size: 87.5%;
  }
  .section_block p.sp-large,
  .section_block li.sp-large,
  .section_block dt.sp-large,
  .section_block dd.sp-large {
    font-size: 100%;
  }
}
.section_block a.link:link,
.section_block a.link:visited {
  color: #3953d1;
  text-decoration: underline;
}
@media (hover: hover) {
  .section_block a.link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .section_block a.link:hover {
    text-decoration: none;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
}
.cont_caution.mt-1 {
  margin-top: 1em;
}
@media only screen and (max-width: 640px) {
  .cont_caution.mt-1 {
    margin-top: 0.5em;
  }
}
.cont_caution li {
  font-size: 75%;
  color: gray;
  list-style: 1.4;
  line-height: 1.4;
}
.cont_caution li + li {
  margin-top: 0.35em;
}
.cont_caution li > ul {
  padding-left: 1.3em;
}
.cont_caution li > ul li {
  font-size: 100%;
}
.cont_caution.color-black li {
  color: #1a1a1a;
}
.cont_caution.align-center {
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  .cont_caution li {
    font-size: 68.8%;
  }
}
@media only screen and (max-width: 640px) {
  .cont_caution li {
    font-size: 68.8%;
  }
}
@media only screen and (max-width: 400px) {
  .cont_caution li {
    font-size: 68.8%;
  }
}
.image_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -20px;
}
.image_flex .flex_child {
  padding: 20px;
}
@media only screen and (max-width: 1024px) {
  .image_flex {
    margin: -15px;
  }
  .image_flex .flex_child {
    padding: 15px;
  }
}
@media only screen and (max-width: 900px) {
  .image_flex {
    margin: -10px;
  }
  .image_flex .flex_child {
    padding: 10px;
  }
}
@media only screen and (min-width: 640.1px) {
  .image_flex .image_50 {
    width: 50%;
  }
  .image_flex .image_33 {
    width: 33.3333%;
  }
  .image_flex .image_48 {
    width: 48.58%;
  }
  .image_flex .image_52 {
    width: 51.42%;
  }
  .image_flex .image_25 {
    width: 25%;
  }
}
@media only screen and (max-width: 640px) {
  .image_flex .image_50,
  .image_flex .image_48,
  .image_flex .image_52,
  .image_flex .image_33 {
    width: 100%;
  }
  .image_flex .image_50 img,
  .image_flex .image_48 img,
  .image_flex .image_52 img,
  .image_flex .image_33 img {
    width: 100%;
  }
  .image_flex .image_25 {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .image_flex .image_25 {
    width: 100%;
  }
}
.cont_image {
  position: relative;
}
.cont_image .cont_image_credit {
  font-size: 87.5%;
  color: #707070;
  line-height: 1.1;
}
@media only screen and (min-width: 640.1px) {
  .cont_image .cont_image_credit.position {
    position: absolute;
    left: 0;
    bottom: -0.05em;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@media only screen and (max-width: 640px) {
  .cont_image .cont_image_credit {
    font-size: 75%;
  }
}
@media only screen and (max-width: 400px) {
  .cont_image .cont_image_credit {
    font-size: 81.3%;
  }
}
.cont_image .cont_image_caption {
  font-size: 75%;
  color: #1a1a1a;
  text-align: center;
  line-height: 1.1;
  margin: 0.6em auto 0;
  letter-spacing: 0.075em;
  line-height: 1.5;
}
.cont_image .cont_image_caption.alignleft {
  text-align: left;
}
.cont_image .cont_image_caption.sp-aligncenter {
  text-align: center;
}
@media only screen and (min-width: 640.1px) {
  .cont_image .cont_image_caption.position {
    position: absolute;
    left: 0;
    bottom: -0.05em;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@media only screen and (max-width: 640px) {
  .cont_image .cont_image_caption {
    font-size: 75%;
  }
}
@media only screen and (max-width: 400px) {
  .cont_image .cont_image_caption {
    font-size: 81.3%;
  }
}
.application_cont dl dt {
  font-weight: bold;
}
@media only screen and (min-width: 640.1px) {
  .application_cont dl {
    width: 100%;
  }
  .application_cont dl dt {
    float: left;
  }
}
@media only screen and (max-width: 640px) {
  .application_cont dl {
    width: 100%;
  }
  .application_cont dl dt,
  .application_cont dl dd {
    line-height: 1.6;
  }
  .application_cont dl dd {
    font-size: 87.5%;
  }
  .application_cont dl dd + dt {
    margin-top: 0.6em;
  }
}
@media only screen and (max-width: 640px) {
  .application_cont .cont_caution li {
    font-size: 75%;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 400px) {
  .application_cont .cont_caution li {
    font-size: 75%;
    letter-spacing: -0.02em;
  }
}
.bookstore_list {
  width: 100%;
  overflow: hidden;
}
.bookstore_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border-left: solid 1px #e0e0e0;
}
.bookstore_list li {
  width: 20%;
  border-bottom: solid 1px #e0e0e0;
  border-right: solid 1px #e0e0e0;
  height: 88px;
  position: relative;
}
@media only screen and (min-width: 640.1px) {
  .bookstore_list li:nth-child(-n + 5) {
    border-top: solid 1px #e0e0e0;
  }
}
@media only screen and (max-width: 640px) and (min-width: 480.1px) {
  .bookstore_list li:nth-child(-n + 3) {
    border-top: solid 1px #e0e0e0;
  }
}
@media only screen and (max-width: 640px) and (max-width: 480px) {
  .bookstore_list li:nth-child(-n + 2) {
    border-top: solid 1px #e0e0e0;
  }
}
.bookstore_list li a,
.bookstore_list li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 20px;
  width: 100%;
  height: 100%;
}
.bookstore_list li a img,
.bookstore_list li > div img {
  display: block;
  max-width: 100%;
}
.bookstore_list li a:before {
  position: absolute;
  display: block;
  content: "";
  right: 0.5em;
  bottom: 0.5em;
  width: 10px;
  height: 10px;
  background: url("../media/images/common/icons8-external_link.png");
  background-size: cover;
}
@media only screen and (max-width: 900px) {
  .bookstore_list li {
    width: 25%;
  }
}
@media only screen and (max-width: 640px) {
  .bookstore_list li {
    height: 80px;
    width: 33.3333%;
  }
}
@media only screen and (max-width: 480px) {
  .bookstore_list li {
    height: 75px;
    width: 50%;
  }
}
html.webp .bookstore_list li a:before {
  background: url("../media/images/common/icons8-external_link.png.webp");
  background-size: cover;
}
.tab_head {
  border-bottom: solid 3px #3953d1;
}
.tab_head ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2px;
}
.tab_head ul li {
  width: 33.3333%;
  padding: 0 2px;
  position: relative;
  cursor: pointer;
}
.tab_head ul li:first-child .tab_btn_inr {
  border-top-left-radius: 15px;
}
.tab_head ul li:last-child .tab_btn_inr {
  border-top-right-radius: 15px;
}
@media only screen and (max-width: 640px) {
  .tab_head ul li:first-child .tab_btn_inr {
    border-top-left-radius: 12px;
  }
  .tab_head ul li:last-child .tab_btn_inr {
    border-top-right-radius: 12px;
  }
  .tab_head ul li.sp-order_1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .tab_head ul li.sp-order_1 .tab_btn_inr {
    border-top-left-radius: 12px;
    border-top-right-radius: 0;
  }
  .tab_head ul li.sp-order_2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .tab_head ul li.sp-order_2 .tab_btn_inr {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .tab_head ul li.sp-order_3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .tab_head ul li.sp-order_3 .tab_btn_inr {
    border-top-left-radius: 0;
    border-top-right-radius: 12px;
  }
}
.tab_head .tab_btn_inr {
  border: solid 3px #3953d1;
  border-bottom: none;
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5.3em 1em 1em;
  color: #3953d1;
}
@media only screen and (max-width: 1024px) {
  .tab_head .tab_btn_inr {
    padding: 4.3em 0.5em 0.75em;
  }
}
@media only screen and (max-width: 640px) {
  .tab_head .tab_btn_inr {
    padding: 3.4em 0.5em 0.25em;
  }
}
@media only screen and (max-width: 400px) {
  .tab_head .tab_btn_inr {
    padding: 3em 0.3em 0.25em;
  }
}
.tab_head .tab_btn_inr p {
  font-weight: bold;
  font-size: 100%;
  text-align: center;
}
.tab_head .tab_btn_inr p > span {
  display: inline-block;
}
.tab_head .tab_btn_inr > span {
  font-size: 62.5%;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  .tab_head .tab_btn_inr p {
    font-size: 93.8%;
  }
  .tab_head .tab_btn_inr > span {
    font-size: 56.3%;
  }
}
@media only screen and (max-width: 640px) {
  .tab_head .tab_btn_inr p {
    font-size: 68.8%;
  }
  .tab_head .tab_btn_inr p > span {
    display: block;
  }
  .tab_head .tab_btn_inr > span {
    font-size: 62.5%;
  }
}
@media only screen and (max-width: 400px) {
  .tab_head .tab_btn_inr > span {
    margin-top: 0.4em;
    font-size: 56.3%;
    letter-spacing: -0.05em;
    height: 4.5em;
  }
}
.tab_head .tab_btn_inr::before {
  position: absolute;
  left: 50%;
  top: 1.5em;
  height: 45px;
  width: 100%;
  width: calc(100% - 2em);
  display: block;
  content: "";
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 1024px) {
  .tab_head .tab_btn_inr::before {
    height: 36px;
  }
}
@media only screen and (max-width: 640px) {
  .tab_head .tab_btn_inr::before {
    top: 0.85em;
    height: 40px;
  }
}
@media only screen and (max-width: 400px) {
  .tab_head .tab_btn_inr::before {
    top: 1em;
    width: 100%;
    height: 20.5px;
  }
}
.tab_head .tab_btn_inr.papercomic-mailing::before {
  width: 168px;
  background-image: url("../media/images/procedure/icon_papercomic-mailing.svg");
}
@media only screen and (max-width: 1024px) {
  .tab_head .tab_btn_inr.papercomic-mailing::before {
    width: 134.4px;
  }
}
@media only screen and (max-width: 640px) {
  .tab_head .tab_btn_inr.papercomic-mailing::before {
    width: 18.6666666667vw;
  }
}
.tab_head .tab_btn_inr.papercomic-web::before {
  width: 156px;
  background-image: url("../media/images/procedure/icon_papercomic-web.svg");
}
@media only screen and (max-width: 1024px) {
  .tab_head .tab_btn_inr.papercomic-web::before {
    width: 124.8px;
  }
}
@media only screen and (max-width: 640px) {
  .tab_head .tab_btn_inr.papercomic-web::before {
    width: 17.9386666667vw;
  }
}
.tab_head .tab_btn_inr.webcomic::before {
  width: 40px;
  background-image: url("../media/images/procedure/icon_webcomic.svg");
}
@media only screen and (max-width: 1024px) {
  .tab_head .tab_btn_inr.webcomic::before {
    width: 32px;
  }
}
@media only screen and (max-width: 640px) {
  .tab_head .tab_btn_inr.webcomic::before {
    top: 1.5em;
    width: 5.6vw;
  }
}
.tab_head .current .tab_btn_inr {
  background: #3953d1;
  color: #fff;
}
.tab_head .current .tab_btn_inr.papercomic-mailing::before {
  background-image: url("../media/images/procedure/icon_papercomic-mailing-current.svg");
}
.tab_head .current .tab_btn_inr.papercomic-web::before {
  background-image: url("../media/images/procedure/icon_papercomic-web-current.svg");
}
.tab_head .current .tab_btn_inr.webcomic::before {
  background-image: url("../media/images/procedure/icon_webcomic-current.svg");
}
.tab_cont {
  display: none;
}
.tab_cont.current {
  display: block;
}
.procedure_image01 {
  max-width: 812px;
  margin: 1em auto 2em;
}
@media only screen and (max-width: 640px) {
  .procedure_image01 {
    margin: 1em auto 0;
  }
}
.procedure_downloadbtn {
  margin-bottom: 1.8em;
  padding: 0 0 1.5em;
}
.procedure_downloadbtn.border-bottom {
  padding: 0 0 3em;
  border-bottom: solid 1px #dedede;
}
@media only screen and (max-width: 640px) {
  .procedure_downloadbtn {
    padding: 0 0 0.5em;
  }
  .procedure_downloadbtn.border-bottom {
    padding: 0.5em 0 0.5em;
  }
  .procedure_downloadbtn.border-bottom.sp-pb-2em {
    padding: 0.5em 0 2em;
  }
}
.procedure_downloadbtn p {
  text-align: center;
}
.procedure_downloadbtn p strong {
  font-size: 112.5%;
}
@media only screen and (max-width: 640px) {
  .procedure_downloadbtn p {
    text-align: left;
    width: 100%;
    max-width: 312px;
    margin: 0 auto 1em;
  }
}
.procedure_downloadbtn .procedure_downloadbtn_txt {
  text-align: center;
  font-size: 15px;
  color: #3953d1;
  margin: 1.85em auto 0;
}
@media only screen and (max-width: 640px) {
  .procedure_downloadbtn .procedure_downloadbtn_txt {
    margin: 1.5em auto 0;
    font-size: 14px;
  }
}
.button_width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.button_wrap {
  width: 532px;
  max-width: 100%;
}
.button_wrap.min_button {
  width: 316px;
}
.button_wrap .button {
  position: relative;
  z-index: 1;
  padding: 0em 8px 0;
}
.button_wrap .button + .button {
  margin-top: 1em;
}
@media only screen and (max-width: 900px) {
  .button_wrap .button {
    padding: 0 4px;
  }
}
.button_wrap .button .icon {
  position: absolute;
  top: 0;
  left: -8px;
  z-index: 10;
  width: 108px;
  height: 108px;
  background: #3953d1;
  border-radius: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .button_wrap .button .icon {
    left: 0;
  }
}
@media only screen and (max-width: 900px) {
  .button_wrap .button .icon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: static;
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    padding: 2px 0;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 900px) {
  .button_wrap .button .icon::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #3953d1;
    position: absolute;
    top: 100%;
    top: calc(100% - 5px);
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
  }
}
.button_wrap .button .icon .book {
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 900px) {
  .button_wrap .button .icon .book {
    font-size: 11px;
  }
}
.button_wrap .button .icon .book img {
  width: 24px;
  margin-right: 5px;
}
@media only screen and (max-width: 900px) {
  .button_wrap .button .icon .book img {
    width: 17px;
    margin-right: 4px;
  }
}
.button_wrap .button .icon .book .number {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 34px;
  margin-left: 3px;
}
@media only screen and (max-width: 900px) {
  .button_wrap .button .icon .book .number {
    font-size: 28px;
    margin-left: 1px;
  }
}
.button_wrap .button .icon .txt {
  font-size: 16px;
  color: #fff;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 900px) {
  .button_wrap .button .icon .txt {
    font-size: 12px;
    margin-left: 5px;
  }
}
.button_wrap .button a {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: block;
  margin: 0 auto;
}
.button_wrap .button a::before {
  content: "";
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #245cbe;
  border-radius: 100vh;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
}
.button_wrap .button a > span {
  background: #3953d1;
  border-radius: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 112.5%;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  position: relative;
  z-index: 2;
  height: 64px;
}
.button_wrap .button a > span .mini {
  display: block;
  font-size: 75%;
  margin: 0.2em auto 0;
}
@media only screen and (max-width: 900px) {
  .button_wrap .button a > span {
    font-size: 100%;
    height: 68px;
  }
}
@media only screen and (max-width: 640px) {
  .button_wrap .button a > span {
    height: 56px;
  }
  .button_wrap .button a > span > span > span {
    display: block;
  }
}
.button_wrap .button a > span::after {
  content: "";
  width: 0.75em;
  height: 0.75em;
  background-image: url("../media/images/procedure/course_button_arr.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}
@media only screen and (max-width: 900px) {
  .button_wrap .button a > span::after {
    bottom: auto;
    left: auto;
    top: 50%;
    right: 12px;
  }
}
@media only screen and (min-width: 1024.1px) {
  .button_wrap .button a:hover {
    opacity: 0.8;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  .button_wrap .button a:hover::before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
}
@media only screen and (min-width: 640.1px) {
  .button_wrap .button.height-btn a > span {
    height: 76px;
  }
}
.button_wrap .button.pdf a > span::after {
  content: "";
  background-image: url(../media/images/common/pdf.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  width: 16px;
  height: 20px;
  position: absolute;
  left: auto;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 900px) {
  .button_wrap .button.pdf a > span::after {
    right: 16px;
  }
}
.button_wrap .button.external_link a {
  margin: 0 auto;
}
.button_wrap .button.external_link a > span::after {
  content: "";
  width: 0.8em;
  height: 0.8em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24" width="24px" height="24px"><path fill="rgba(255, 255, 255)" d="M19,21H5c-1.1,0-2-0.9-2-2V5c0-1.1,0.9-2,2-2h7v2H5v14h14v-7h2v7C21,20.1,20.1,21,19,21z"/><path fill="rgba(255, 255, 255)" d="M21 10L19 10 19 5 14 5 14 3 21 3z"/><path fill="rgba(255, 255, 255)" d="M6.7 8.5H22.3V10.5H6.7z" transform="rotate(-45.001 14.5 9.5)"/></svg>');
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 900px) {
  .button_wrap .button.external_link a > span::after {
    right: 12px;
  }
}
.button_wrap.flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 752px;
  margin: 0 -8px;
}
@media only screen and (max-width: 900px) {
  .button_wrap.flex_wrap {
    margin: 0 -4px 1.6em;
  }
}
.button_wrap.flex_wrap .button {
  width: 50%;
  padding: 1em 8px 0;
}
.button_wrap.flex_wrap .button + .button {
  margin-top: 0;
}
@media only screen and (max-width: 640px) {
  .button_wrap.flex_wrap .button {
    width: 100%;
    max-width: 328px;
    padding: 0;
  }
  .button_wrap.flex_wrap .button + .button {
    margin-top: 1em;
  }
}
.buttons_ttl {
  position: relative;
  overflow: hidden;
}
.buttons_ttl p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 10px;
  font-size: 106.3%;
  font-weight: bold;
}
@media only screen and (max-width: 900px) {
  .buttons_ttl p {
    font-size: 1.888vw;
  }
}
.buttons_ttl p > span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-bottom: 0.1em;
}
.buttons_ttl p > span > span {
  display: inline-block;
}
@media only screen and (min-width: 640.1px) {
  .buttons_ttl {
    width: 29.736%;
    padding: 0 20px 0 0;
  }
}
@media only screen and (min-width: 640.1px) and (max-width: 900px) {
  .buttons_ttl {
    padding: 0 6px 0 0;
  }
}
@media only screen and (min-width: 640.1px) {
  .buttons_ttl:before,
  .buttons_ttl:after {
    position: absolute;
    display: block;
    width: 20px;
    height: 100%;
    left: 0;
    content: "";
    background: #fff;
    z-index: 1;
  }
  .buttons_ttl:before {
    top: 50%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
  }
  .buttons_ttl:after {
    bottom: 50%;
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
  }
  .buttons_ttl p {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .buttons_ttl p:before,
  .buttons_ttl p:after {
    position: absolute;
    display: block;
    width: 20px;
    height: 100%;
    right: 0;
    content: "";
    background: #fff;
  }
  .buttons_ttl p:before {
    bottom: 0%;
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-transform-origin: 0 0%;
    transform-origin: 0 0%;
  }
  .buttons_ttl p:after {
    top: 0%;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}
@media only screen and (max-width: 640px) {
  .buttons_ttl p {
    padding: 0.2em;
    margin: 0 auto;
    font-size: 100%;
    border-radius: 5px;
    height: 2.85em;
    width: 100%;
    max-width: 100%;
  }
  .buttons_ttl p > span > span {
    display: inline-block;
  }
}
.button_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-top: 0.5em;
}
@media only screen and (max-width: 640px) {
  .button_set {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.button_set:nth-child(n + 2) {
  margin-top: 1em;
  padding-top: 1em;
  border-top: solid 1px #dedede;
}
@media only screen and (min-width: 640.1px) {
  .button_set .button_wrap {
    width: 36.013215%;
  }
  .button_set .button_wrap:nth-child(1) {
    padding-right: 11px;
  }
  .button_set .button_wrap:nth-child(2) {
    padding-right: 11px;
  }
}
@media only screen and (min-width: 640.1px) and (max-width: 900px) {
  .button_set .button_wrap:nth-child(1) {
    padding-right: 4px;
  }
  .button_set .button_wrap:nth-child(2) {
    padding-right: 4px;
  }
}
@media only screen and (min-width: 640.1px) {
  .button_set .button_wrap.disabled {
    position: relative;
  }
  .button_set .button_wrap.disabled a {
    pointer-events: none;
  }
  .button_set .button_wrap.disabled::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    z-index: 2;
  }
}
@media only screen and (max-width: 640px) {
  .button_set:nth-child(n + 2) {
    margin-top: 1.4em;
    padding-top: 1.2em;
  }
  .button_set .button_wrap:nth-child(n + 2) {
    margin-top: 0.8em;
  }
}
.button_set .button_wrap .button {
  padding: 0;
}
.button_set .button_wrap .button a > span {
  padding: 0 1.5em;
}
@media only screen and (min-width: 640.1px) {
  .button_set .button_wrap .button a > span:after {
    right: 14px;
  }
}
@media only screen and (min-width: 640.1px) and (max-width: 900px) {
  .button_set .button_wrap .button a > span {
    font-size: 1.888vw;
  }
}
.button_set .button_wrap .button a > span > span > span {
  display: block;
}
.button_set.course_chartering .buttons_ttl p {
  background: #ffebf9;
  color: #e770c4;
}
.button_set.course_chartering .button_wrap .button a:before {
  background-color: #e397cd;
}
.button_set.course_chartering .button_wrap .button a > span {
  background: #f8d2ed;
  color: #d344a9;
}
.button_set.course_chartering .button_wrap .button a > span::after {
  background-image: url("../media/images/procedure/course_button-pink_arr.svg");
}
.button_set.course_chartering .button_wrap .button.save-info a:before {
  background-color: #b73290;
}
.button_set.course_chartering .button_wrap .button.save-info a > span {
  background: #e770c4;
  color: #fff;
}
.button_set.course_chartering .button_wrap .button.save-info a > span::after {
  background-image: url("../media/images/procedure/course_button_arr.svg");
}
.button_set.course_park_ticket .buttons_ttl p {
  background: #f2e5ff;
  color: #7834b8;
}
.button_set.course_park_ticket .button_wrap .button a:before {
  background-color: #af82d9;
}
.button_set.course_park_ticket .button_wrap .button a > span {
  background: #debeff;
  color: #551690;
}
.button_set.course_park_ticket .button_wrap .button a > span::after {
  background-image: url("../media/images/procedure/course_button-purple_arr.svg");
}
.button_set.course_park_ticket .button_wrap .button.save-info a:before {
  background-color: #4e1286;
}
.button_set.course_park_ticket .button_wrap .button.save-info a > span {
  background: #7834b8;
  color: #fff;
}
.button_set.course_park_ticket .button_wrap .button.save-info a > span::after {
  background-image: url("../media/images/procedure/course_button_arr.svg");
}
.button_set.course_tosho-card .buttons_ttl p {
  background: #e6eeff;
  color: #013dcb;
}
.button_set.course_tosho-card .button_wrap .button a:before {
  background-color: #6e8dd5;
}
.button_set.course_tosho-card .button_wrap .button a > span {
  background: #c5d7fd;
  color: #0032aa;
}
.button_set.course_tosho-card .button_wrap .button a > span::after {
  background-image: url("../media/images/procedure/course_button-blue_arr.svg");
}
.button_set.course_tosho-card .button_wrap .button.save-info a:before {
  background-color: #001850;
}
.button_set.course_tosho-card .button_wrap .button.save-info a > span {
  background: #013dcb;
  color: #fff;
}
.button_set.course_tosho-card .button_wrap .button.save-info a > span::after {
  background-image: url("../media/images/procedure/course_button_arr.svg");
}
.button_set.course_gift-card .buttons_ttl p {
  background: #e6fbff;
  color: #0cd2fa;
}
.button_set.course_gift-card .button_wrap .button a:before {
  background-color: #89d3e2;
}
.button_set.course_gift-card .button_wrap .button a > span {
  background: #c6f5ff;
  color: #0071b7;
}
.button_set.course_gift-card .button_wrap .button a > span::after {
  background-image: url("../media/images/procedure/course_button-blue_arr.svg");
}
.button_set.course_gift-card .button_wrap .button.save-info a:before {
  background-color: #00abce;
}
.button_set.course_gift-card .button_wrap .button.save-info a > span {
  background: #0cd2fa;
  color: #fff;
}
.button_set.course_gift-card .button_wrap .button.save-info a > span::after {
  background-image: url("../media/images/procedure/course_button_arr.svg");
}
.button_set.course_chartering .button_wrap.disabled .button a,
.button_set.course_park_ticket .button_wrap.disabled .button a,
.button_set.course_tosho-card .button_wrap.disabled .button a,
.button_set.course_gift-card .button_wrap.disabled .button a {
  opacity: 0.4;
}
.button_set.course_chartering .button_wrap.disabled .button a:before,
.button_set.course_park_ticket .button_wrap.disabled .button a:before,
.button_set.course_tosho-card .button_wrap.disabled .button a:before,
.button_set.course_gift-card .button_wrap.disabled .button a:before {
  background-color: #ccc;
}
.button_set.course_chartering .button_wrap.disabled .button a > span,
.button_set.course_park_ticket .button_wrap.disabled .button a > span,
.button_set.course_tosho-card .button_wrap.disabled .button a > span,
.button_set.course_gift-card .button_wrap.disabled .button a > span {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgb(193, 193, 193)),
    color-stop(50%, rgb(179, 179, 179)),
    to(rgb(153, 153, 153))
  );
  background: linear-gradient(
    90deg,
    rgb(193, 193, 193) 0%,
    rgb(179, 179, 179) 50%,
    rgb(153, 153, 153) 100%
  );
}
.button_set.course_chartering .button_wrap.disabled .button a > span::after,
.button_set.course_park_ticket .button_wrap.disabled .button a > span::after,
.button_set.course_tosho-card .button_wrap.disabled .button a > span::after,
.button_set.course_gift-card .button_wrap.disabled .button a > span::after {
  opacity: 0;
}
.button_set.course_chartering .button_wrap.disabled.save-info a > span::after,
.button_set.course_park_ticket .button_wrap.disabled.save-info a > span::after,
.button_set.course_tosho-card .button_wrap.disabled.save-info a > span::after,
.button_set.course_gift-card .button_wrap.disabled.save-info a > span::after {
  background-image: url("../media/images/procedure/course_button_arr.svg");
}
@media only screen and (max-width: 640px) {
  .procedure_image02 {
    padding: 1em 0 0;
    margin: 1em auto 0;
    max-width: 375px;
  }
  .procedure_image02 .image_flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .procedure_image02 .cont_image img {
    width: 100%;
  }
}
.procedure_image02 > p {
  padding: 1.5em 0 0;
  margin-top: 1.5em;
  border-top: solid 1px #dedede;
}
@media only screen and (max-width: 640px) {
  .procedure_image02 > p {
    padding: 1em 0 0;
    margin-top: 0em;
  }
}
.procedure_image03 .float_text ul li:nth-of-type(n + 2) {
  margin-top: 0.5em;
}
@media only screen and (min-width: 640.1px) {
  .procedure_image03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .procedure_image03 .float_image {
    width: 276px;
  }
  .procedure_image03 .float_text {
    width: calc(100% - 276px);
    padding: 0 0 0 40px;
  }
}
@media only screen and (max-width: 640px) {
  .procedure_image03 .float_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .procedure_image03 .float_text {
    padding: 1em 0 0;
  }
}
@media only screen and (min-width: 640.1px) {
  .procedure_image04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .procedure_image04 .float_image {
    width: 438px;
  }
  .procedure_image04 .float_text {
    width: calc(100% - 438px);
    padding: 0 0 0 40px;
  }
}
@media only screen and (max-width: 640px) {
  .procedure_image04 .float_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .procedure_image04 .float_text {
    padding: 1em 0 0;
  }
}
.handling-Personal_info {
  padding: 1.5em 0 0;
  margin-top: 1.5em;
  border-top: solid 1px #dedede;
}
.faq_cont .faq_set + .faq_set {
  border-top: 1px #e9ebf7 solid;
  margin-top: 0;
}
.faq_cont .faq_set dt,
.faq_cont .faq_set dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.faq_cont .faq_set dt::before,
.faq_cont .faq_set dd::before {
  font-size: 22px;
  font-weight: bold;
  color: #ff96cb;
  font-family: "Spartan", sans-serif;
  margin-right: 16px;
}
.faq_cont .faq_set dt span,
.faq_cont .faq_set dd span {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
.faq_cont .faq_set dt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 100%;
  font-weight: bold;
  cursor: pointer;
  padding: 20px 40px 20px 0;
}
.faq_cont .faq_set dt::before {
  content: "Q";
  line-height: 1;
  position: relative;
  top: 3px;
}
.faq_cont .faq_set dt::after {
  background-color: #ebf0fa;
  border-radius: 50px;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
@media only screen and (max-width: 900px) {
  .faq_cont .faq_set dt {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 40px 16px 0;
  }
}
.faq_cont .faq_set dt span::before,
.faq_cont .faq_set dt span::after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #3953d1;
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  position: absolute;
  top: 50%;
  right: 6px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}
.faq_cont .faq_set dt span::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.faq_cont .faq_set dt.open span::after {
  -webkit-transform: translateY(-50%) rotate(0);
  transform: translateY(-50%) rotate(0);
}
.faq_cont .faq_set dd {
  display: none;
  font-size: 100%;
  overflow: hidden;
  padding: 4px 0 40px 36px;
}
@media only screen and (max-width: 900px) {
  .faq_cont .faq_set dd {
    font-size: 87.5%;
    padding: 4px 0 16px 36px;
  }
}
.faq_cont .faq_set dd::before {
  content: "A";
  position: absolute;
  top: 8px;
  left: 0;
  line-height: 1;
}
@media only screen and (max-width: 900px) {
  .faq_cont .faq_set dd::before {
    top: 6px;
  }
}
.faq_cont .faq_set dd span {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.faq_cont .faq_set dd a {
  color: #3953d1;
  text-decoration: underline;
}
@media (hover: hover) {
  .faq_cont .faq_set dd a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .faq_cont .faq_set dd a:hover {
    text-decoration: none;
  }
}
.faq_cont .faq_set dd.open span {
  opacity: 1;
}
.section_block .picked-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -15px 0 64px;
}
.section_block .picked-bnr_btn {
  width: 100%;
  display: block;
  max-width: 805px;
  height: 130px;
  position: relative;
}
.section_block .picked-bnr_btn::before {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  background: rgba(129, 129, 129, 0.16);
}
.section_block .picked-bnr_btn .bnr_btn-cont {
  background-color: #ed95bc;
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  padding: 16px;
}
.section_block .picked-bnr_btn .bnr_btn-cont::before,
.section_block .picked-bnr_btn .bnr_btn-cont::after {
  position: absolute;
  display: block;
  content: "";
  background: #d55f93;
  width: 92px;
  height: 92px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  transform-origin: center;
  translate: 0 -50%;
}
.section_block .picked-bnr_btn .bnr_btn-cont::before {
  left: 0;
  translate: -50% -50%;
}
.section_block .picked-bnr_btn .bnr_btn-cont::after {
  right: 0;
  translate: 50% -50%;
}
.section_block .picked-bnr_btn .bnr_btn-cont .-inr {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #de7fa9;
  line-height: 1;
}
.section_block .picked-bnr_btn .bnr_btn-cont .-inr::before {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 5px;
  right: 5px;
  display: block;
  content: "";
  background: url("../media/images/titlelist/picked-bnr_icon.svg")
    center/contain no-repeat;
}
@media (hover: hover) {
  .section_block .picked-bnr_btn .bnr_btn-cont {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    top: 0;
    left: 0;
  }
  .section_block .picked-bnr_btn:hover img {
    opacity: 1;
  }
  .section_block .picked-bnr_btn:hover .bnr_btn-cont {
    top: 2px;
    left: 2px;
  }
}
.section_block .titlelist_copy {
  text-align: center;
  font-size: 137.5%;
  font-weight: bold;
  margin-bottom: 1.2em;
}
.section_block .titlelist_copy > span {
  display: inline-block;
}
@media only screen and (max-width: 640px) {
  .section_block .titlelist_copy {
    font-size: 100%;
  }
  .section_block .titlelist_copy > span {
    display: block;
  }
}
.section_block .boolcover_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -16px -16px;
}
.section_block .boolcover_list li {
  width: 25%;
  padding: 15px;
  font-size: 100%;
}
@media only screen and (max-width: 900px) {
  .section_block .boolcover_list {
    margin: -10px;
  }
  .section_block .boolcover_list li {
    width: 25%;
    padding: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .section_block .boolcover_list {
    margin: -5px;
  }
  .section_block .boolcover_list li {
    width: 33.3333%;
    padding: 5px;
  }
}
@media only screen and (max-width: 480px) {
  .section_block .boolcover_list li {
    width: 50%;
  }
}
@media only screen and (max-width: 400px) {
  .section_block .boolcover_list li {
    width: 50%;
  }
}
.section_block .boolcover_list .boolcover_cont {
  display: block;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.section_block .boolcover_list .boolcover_cont.link-none {
  pointer-events: none;
}
@media only screen and (max-width: 640px) {
  .section_block .boolcover_list .boolcover_cont {
    padding: 0 0 1em;
  }
}
.section_block .boolcover_list .boolcover_cont .img_cover {
  position: relative;
}
.section_block .boolcover_list .boolcover_cont .img_cover img {
  width: 100%;
}
.section_block .boolcover_list .boolcover_cont .img_cover .dammy {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #d5d5d5;
}
.section_block .boolcover_list .boolcover_cont .book_info {
  padding: 0.5em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  height: 100%;
}
.section_block .boolcover_list .boolcover_cont .book_ttl {
  font-size: 87.5%;
  font-weight: bold;
}
.section_block .boolcover_list .boolcover_cont .book_subtxt {
  color: gray;
  font-size: 75%;
  display: block;
}
@media only screen and (max-width: 640px) {
  .section_block .boolcover_list .boolcover_cont .book_ttl {
    font-size: 12px;
  }
  .section_block .boolcover_list .boolcover_cont .book_subtxt {
    font-size: 12px;
  }
}
.section_block .boolcover_list .boolcover_cont .book_button_wrap {
  width: 752px;
  max-width: 100%;
}
.section_block .boolcover_list .boolcover_cont .book_button_wrap .book_button {
  position: relative;
  z-index: 1;
  padding: 1em 0 0;
}
.section_block
  .boolcover_list
  .boolcover_cont
  .book_button_wrap
  .book_button
  .button_inner {
  position: relative;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: block;
  margin: 0 auto;
  font-size: 100%;
}
.section_block
  .boolcover_list
  .boolcover_cont
  .book_button_wrap
  .book_button
  .button_inner::before {
  content: "";
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #e65c5c;
  border-radius: 100vh;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
}
.section_block
  .boolcover_list
  .boolcover_cont
  .book_button_wrap
  .book_button
  .button_inner
  > span {
  background: #de7fa9;
  border-radius: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 81.3%;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  position: relative;
  z-index: 2;
  height: 40px;
}
@media only screen and (max-width: 640px) {
  .section_block
    .boolcover_list
    .boolcover_cont
    .book_button_wrap
    .book_button
    .button_inner
    > span {
    height: 36px;
  }
}
.section_block
  .boolcover_list
  .boolcover_cont
  .book_button_wrap
  .book_button
  .button_inner
  > span::after {
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 1em;
  height: 1em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="rgba(255, 255, 255)" d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
  position: absolute;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% auto;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(270deg);
  transform: translateY(-50%) rotate(270deg);
}
@media only screen and (max-width: 900px) {
  .section_block
    .boolcover_list
    .boolcover_cont
    .book_button_wrap
    .book_button
    .button_inner
    > span::after {
    bottom: auto;
    left: auto;
    top: 50%;
    right: 10px;
  }
}
@media (hover: hover) {
  .section_block
    .boolcover_list
    .boolcover_cont
    .book_button_wrap
    .book_button
    .button_inner {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .section_block
    .boolcover_list
    .boolcover_cont
    .book_button_wrap
    .book_button
    .button_inner::before {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .section_block
    .boolcover_list
    .boolcover_cont:hover
    .book_button_wrap
    .book_button
    .button_inner {
    opacity: 0.8;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .section_block
    .boolcover_list
    .boolcover_cont:hover
    .book_button_wrap
    .book_button
    .button_inner::before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
}
.content_cont.cont_form .section_block p {
  font-size: 112.5%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 1.2em;
}
@media only screen and (max-width: 900px) {
  .content_cont.cont_form .section_block p {
    font-size: 100%;
    margin-bottom: 1em;
  }
}
.content_cont.cont_form .section_block ul {
  text-align: center;
  margin-bottom: 2em;
}
@media only screen and (min-width: 640.1px) {
  .content_cont.cont_form .section_block ul {
    margin-left: -2em;
    margin-right: -2em;
  }
}
@media only screen and (max-width: 640px) {
  .content_cont.cont_form .section_block ul {
    text-align: left;
  }
}
.content_cont.cont_form .section_block ul li {
  font-size: 100%;
}
.content_cont.cont_form .section_block ul li + li {
  margin-top: 0.3em;
}
@media only screen and (max-width: 900px) {
  .content_cont.cont_form .section_block ul li {
    font-size: 87.5%;
  }
}
.titlelist_downloadbtn {
  margin-bottom: 1.8em;
  padding: 0.625em 0 1.5em;
}
@media only screen and (max-width: 640px) {
  .titlelist_downloadbtn {
    margin-bottom: 1.2em;
    padding: 0 0 1em;
  }
} /*# sourceMappingURL=lower.css.map */