@media screen and (max-width: 768px) {
  #site-wrap {
    margin-top: 50px;
  }
}

header.site-head {
  background: #ffffff;
  padding: 5px 0;
}
@media screen and (max-width: 999px) {
  header.site-head {
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 999;
  }
}
header.site-head .inner-block {
  display: flex;
  align-items: center;
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block {
    justify-content: space-between;
  }
}
header.site-head .inner-block .logo-block {
  width: 220px;
  padding: 10px 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .logo-block {
    width: 160px;
  }
}
header.site-head .inner-block .logo-block h1 a {
  text-decoration: none;
  line-height: 1;
  font-size: 0px;
}
header.site-head .inner-block .logo-block h1 a img {
  width: 100%;
}
header.site-head .inner-block .sp-menu-trigger {
  position: relative;
  width: 35px;
  height: 32px;
  cursor: pointer;
  display: none;
  transition: all .5s;
  box-sizing: border-box;
  margin: 10px;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .sp-menu-trigger {
    display: inline-block;
    z-index: 10;
  }
}
header.site-head .inner-block .sp-menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #3e8fef;
  border-radius: 4px;
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
header.site-head .inner-block .sp-menu-trigger span:nth-of-type(1) {
  top: 0;
}
header.site-head .inner-block .sp-menu-trigger span:nth-of-type(2) {
  top: 15px;
}
header.site-head .inner-block .sp-menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
header.site-head .inner-block .sp-menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
header.site-head .inner-block .sp-menu-trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  -webkit-animation: sp-btn-active-animation .8s forwards;
  animation: sp-btn-active-animation .8s forwards;
}
header.site-head .inner-block .sp-menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-15px) rotate(45deg);
}
header.site-head .inner-block .hd-contact-block {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #a59b8a;
  border-radius: 50%;
  text-align: center;
  background: #79bded;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .hd-contact-block {
    display: none;
  }
}
header.site-head .inner-block .hd-contact-block a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header.site-head .inner-block .hd-contact-block a:hover {
  opacity: 0.7;
}
header.site-head .inner-block .hd-contact-block a img {
  max-width: 70%;
}
header.site-head .inner-block .global-nav {
  display: flex;
  align-items: center;
  width: calc(100% - 270px);
  padding: 10px 20px 10px 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1000px) {
  header.site-head .inner-block .global-nav {
    display: flex !important;
  }
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .global-nav {
    display: none;
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100vh;
    padding: 60px 10px 10px 10px;
    box-sizing: border-box;
    left: 0;
    top: 0;
    z-index: 5;
  }
}
header.site-head .inner-block .global-nav .hd-btn-navi {
  width: 280px;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .global-nav .hd-btn-navi {
    width: 100%;
    box-sizing: border-box;
    margin-top: 30px;
  }
}
header.site-head .inner-block .global-nav .hd-btn-navi ul {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .global-nav .hd-btn-navi ul {
    justify-content: flex-start;
  }
}
header.site-head .inner-block .global-nav .hd-btn-navi ul li {
  width: 50%;
  padding: 0 7px;
  box-sizing: border-box;
}
header.site-head .inner-block .global-nav .hd-btn-navi ul li a {
  position: relative;
  display: block;
  padding: 7px 15px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  background: #7abeec;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header.site-head .inner-block .global-nav .hd-btn-navi ul li a:hover {
  opacity: 0.7;
}
header.site-head .inner-block .global-nav .hd-btn-navi ul li a::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto;
}
header.site-head .inner-block .global-nav nav.nav-main {
  display: block;
  width: calc(100% - 280px);
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .global-nav nav.nav-main {
    padding: 10px 10px;
    width: 100%;
    box-sizing: border-box;
  }
}
header.site-head .inner-block .global-nav nav.nav-main ul {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .global-nav nav.nav-main ul {
    display: block;
  }
}
header.site-head .inner-block .global-nav nav.nav-main ul li {
  margin: 0 13px;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .global-nav nav.nav-main ul li {
    margin: 0;
  }
}
header.site-head .inner-block .global-nav nav.nav-main ul li.sp-view {
  display: none;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .global-nav nav.nav-main ul li.sp-view {
    display: block;
  }
}
header.site-head .inner-block .global-nav nav.nav-main ul li a {
  text-decoration: none;
  color: #000000;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 999px) {
  header.site-head .inner-block .global-nav nav.nav-main ul li a {
    display: block;
    border-bottom: 1px solid #000000;
    padding: 15px 0;
    text-align: center;
  }
}
header.site-head .inner-block .global-nav nav.nav-main ul li a:hover {
  opacity: 0.7;
}

@-webkit-keyframes sp-btn-active-animation {
  100% {
    height: 0;
  }
}
@keyframes sp-btn-active-animation {
  100% {
    height: 0;
  }
}
.top-menubar-list {
  padding: 0 20px;
}
.top-menubar-list .inner-block {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  top: -50px;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .top-menubar-list .inner-block {
    top: 0;
    margin-top: 10px;
  }
}
.top-menubar-list .inner-block .flex-block {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 5px;
  display: flex;
  border-radius: 20px;
  box-shadow: 0px 0px 15px -5px #009ae3;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .top-menubar-list .inner-block .flex-block {
    flex-wrap: wrap;
  }
}
.top-menubar-list .inner-block .flex-block .row {
  display: flex;
  align-items: center;
  width: 25%;
  padding: 20px;
  box-sizing: border-box;
  border-right: 1px solid #0e9fe4;
}
@media screen and (max-width: 768px) {
  .top-menubar-list .inner-block .flex-block .row {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #0e9fe4;
  }
}
.top-menubar-list .inner-block .flex-block .row:last-of-type {
  border: none;
}
.top-menubar-list .inner-block .flex-block .row .icon {
  width: 55px;
}
.top-menubar-list .inner-block .flex-block .row .icon img {
  width: 100%;
}
.top-menubar-list .inner-block .flex-block .row .txt {
  width: calc(100% - 55px);
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
.top-menubar-list .inner-block .flex-block .row .txt p {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .top-menubar-list .inner-block .flex-block .row .txt p {
    font-size: 14px;
  }
}

.dir2-page-title__block {
  padding: 50px 20px 0 20px;
}
.dir2-page-title__block.no-pd {
  padding: 0 20px 0 20px;
}
.dir2-page-title__block .inner-block.character-set {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 0 150px 30px 150px;
  box-sizing: border-box;
}
@media screen and (max-width: 999px) {
  .dir2-page-title__block .inner-block.character-set {
    padding: 0 85px 30px 85px;
  }
}
@media screen and (max-width: 768px) {
  .dir2-page-title__block .inner-block.character-set {
    padding: 0 55px 30px 55px;
  }
}
.dir2-page-title__block .inner-block.character-set p.sub-text {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
}
@media screen and (max-width: 999px) {
  .dir2-page-title__block .inner-block.character-set p.sub-text {
    font-size: 14px;
  }
}
.dir2-page-title__block .inner-block.character-set .chara {
  width: 150px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 999px) {
  .dir2-page-title__block .inner-block.character-set .chara {
    width: 80px;
  }
}
@media screen and (max-width: 768px) {
  .dir2-page-title__block .inner-block.character-set .chara {
    width: 50px;
  }
}
.dir2-page-title__block .inner-block.character-set .chara img {
  width: 100%;
}
.dir2-page-title__block .inner-block h2 {
  font-size: 24px;
  line-height: 1.25;
  text-align: center;
  font-weight: 600;
  color: #7abeec;
}
@media screen and (max-width: 768px) {
  .dir2-page-title__block .inner-block h2 {
    font-size: 20px;
  }
}
.dir2-page-title__block .inner-block h2.icon-in {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dir2-page-title__block .inner-block h2.icon-in span {
  margin-right: 10px;
}
.dir2-page-title__block .inner-block h2.icon-in span img {
  max-width: 100%;
}
.dir2-page-title__block .inner-block p.sub-text {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
}
@media screen and (max-width: 999px) {
  .dir2-page-title__block .inner-block p.sub-text {
    font-size: 14px;
  }
}

.main-content__wrap .content-each_section {
  padding: 40px 20px;
}
.main-content__wrap .content-each_section.balln-bg {
  position: relative;
}
.main-content__wrap .content-each_section.balln-bg::before {
  content: "";
  width: 100%;
  height: 70px;
  position: absolute;
  left: 0;
  top: -70px;
  background: url("../images/round.svg") no-repeat center bottom;
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
  .main-content__wrap .content-each_section.balln-bg::before {
    height: 30px;
    top: -30px;
  }
}
.main-content__wrap .content-each_section.bg-type01 {
  background: url("../images/body_bg.jpg") repeat;
}
.main-content__wrap .content-each_section.bg-type02 {
  background: #d7e9f0;
}
.main-content__wrap .content-each_section.bg-solution {
  background: url("../images/top/bg_solution.jpg") no-repeat center center;
  background-size: cover;
}
.main-content__wrap .content-each_section.bg-about2 {
  background: url("../images/top/renew/bg_about2.png") no-repeat center top;
  background-size: 100% auto;
}
.main-content__wrap .content-each_section.bg-common2 {
  background: url("../images/top/renew/bg_4step.png") no-repeat center top;
  background-size: cover;
}
.main-content__wrap .content-each_section .section-title {
  margin-bottom: 50px;
}
.main-content__wrap .content-each_section .section-title.mg20 {
  margin-bottom: 20px;
}
.main-content__wrap .content-each_section .section-title > h3 {
  font-size: 24px;
  line-height: 1.25;
  text-align: center;
  font-weight: 600;
  color: #7abeec;
}
@media screen and (max-width: 768px) {
  .main-content__wrap .content-each_section .section-title > h3 {
    font-size: 20px;
  }
}
.main-content__wrap .content-each_section .section-title > h3.image {
  padding: 0;
  font-size: 0px;
  line-height: 1;
}
.main-content__wrap .content-each_section .section-title > h3.image img {
  max-width: 100%;
}
.main-content__wrap .content-each_section .section-title .inner-block.character-set {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  padding: 0 150px 30px 150px;
  box-sizing: border-box;
}
@media screen and (max-width: 999px) {
  .main-content__wrap .content-each_section .section-title .inner-block.character-set {
    padding: 0 85px 30px 85px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__wrap .content-each_section .section-title .inner-block.character-set {
    padding: 0 55px 30px 55px;
  }
}
.main-content__wrap .content-each_section .section-title .inner-block.character-set p.sub-text {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
}
@media screen and (max-width: 999px) {
  .main-content__wrap .content-each_section .section-title .inner-block.character-set p.sub-text {
    font-size: 14px;
  }
}
.main-content__wrap .content-each_section .section-title .inner-block.character-set .chara {
  width: 150px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 999px) {
  .main-content__wrap .content-each_section .section-title .inner-block.character-set .chara {
    width: 80px;
  }
}
@media screen and (max-width: 768px) {
  .main-content__wrap .content-each_section .section-title .inner-block.character-set .chara {
    width: 50px;
  }
}
.main-content__wrap .content-each_section .section-title .inner-block.character-set .chara img {
  width: 100%;
}
.main-content__wrap .content-each_section .section-title .inner-block.character-set .chara2 {
  width: 150px;
  position: absolute;
  right: 0;
  top: -40px;
}
@media screen and (max-width: 999px) {
  .main-content__wrap .content-each_section .section-title .inner-block.character-set .chara2 {
    width: 80px;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .main-content__wrap .content-each_section .section-title .inner-block.character-set .chara2 {
    width: 50px;
  }
}
.main-content__wrap .content-each_section .section-title .inner-block.character-set .chara2 img {
  width: 100%;
}
.main-content__wrap .content-each_section .section-title .inner-block h3 {
  font-size: 24px;
  line-height: 1.25;
  text-align: center;
  font-weight: 600;
  color: #7abeec;
}
@media screen and (max-width: 768px) {
  .main-content__wrap .content-each_section .section-title .inner-block h3 {
    font-size: 20px;
  }
}
.main-content__wrap .content-each_section .section-title .inner-block h3.icon-in {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-content__wrap .content-each_section .section-title .inner-block h3.icon-in span {
  margin-right: 10px;
}
.main-content__wrap .content-each_section .section-title .inner-block h3.icon-in span img {
  max-width: 100%;
}
.main-content__wrap .content-each_section .content-inner__block {
  max-width: 1000px;
  margin: 0 auto;
}
.main-content__wrap .content-each_section .content-inner__block_wide {
  max-width: 1200px;
  margin: 0 auto;
}

.main-content__wrap_dir2 {
  padding: 200px 0 0 0;
  background-image: url("../images/renew/dir2_bg.jpg");
  background-repeat: repeat-x;
  background-size: auto 200px;
  background-position: center top;
}
@media screen and (max-width: 768px) {
  .main-content__wrap_dir2 {
    padding: 100px 0 0 0;
    background-size: auto 100px;
  }
}
.main-content__wrap_dir2 .content-each_section {
  padding: 30px 20px;
}
.main-content__wrap_dir2 .content-each_section .section-title {
  margin-bottom: 50px;
}
.main-content__wrap_dir2 .content-each_section .section-title h3 {
  font-size: 25px;
  line-height: 1.25;
  text-align: center;
  font-weight: 600;
  color: #7abeec;
}
@media screen and (max-width: 768px) {
  .main-content__wrap_dir2 .content-each_section .section-title h3 {
    font-size: 20px;
  }
}
.main-content__wrap_dir2 .content-each_section .section-title h3.icon-in {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-content__wrap_dir2 .content-each_section .section-title h3.icon-in span {
  margin-right: 10px;
}
.main-content__wrap_dir2 .content-each_section .section-title h3.icon-in span img {
  max-width: 100%;
}
.main-content__wrap_dir2 .content-each_section .content-inner__block {
  max-width: 1000px;
  margin: 0 auto;
}
.main-content__wrap_dir2 .content-each_section .content-inner__block_wide {
  max-width: 1200px;
  margin: 0 auto;
}

.site-footer {
  margin-top: 50px;
}
.site-footer .footer-contact_new {
  padding: 0 20px;
}
.site-footer .footer-contact_new .s-title {
  margin-bottom: 20px;
}
.site-footer .footer-contact_new .s-title h3 {
  font-size: 25px;
  font-weight: 600;
  color: #7abeec;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-contact_new .s-title h3 {
    font-size: 20px;
  }
}
.site-footer .footer-contact_new .inner-block .list-block {
  max-width: 1200px;
  padding: 20px;
  margin: 0 auto;
  box-sizing: border-box;
  background: #d4ecfc;
  border-radius: 15px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-contact_new .inner-block .list-block {
    display: block;
  }
}
.site-footer .footer-contact_new .inner-block .list-block .row {
  width: calc(100% / 3);
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-contact_new .inner-block .list-block .row {
    display: block;
    width: 100%;
    padding: 10px 0;
  }
}
.site-footer .footer-contact_new .inner-block .list-block .row .set {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 15px;
}
.site-footer .footer-contact_new .inner-block .list-block .row .set .hd {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.site-footer .footer-contact_new .inner-block .list-block .row .set .hd .icon {
  width: 45px;
}
.site-footer .footer-contact_new .inner-block .list-block .row .set .hd .icon img {
  width: 100%;
}
.site-footer .footer-contact_new .inner-block .list-block .row .set .hd .name {
  width: calc(100% - 45px);
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  padding: 0 0 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-contact_new .inner-block .list-block .row .set .hd .name {
    font-size: 16px;
  }
}
.site-footer .footer-contact_new .inner-block .list-block .row .set .text {
  padding: 0 0 15px 60px;
}
.site-footer .footer-contact_new .inner-block .list-block .row .set .text p {
  font-size: 14px;
  line-height: 1.75;
}
.site-footer .footer-contect__block {
  margin: 70px 0 0 0;
  padding: 50px 20px 50px 20px;
  position: relative;
  background: #ffffff;
}
.site-footer .footer-contect__block .inner-block {
  max-width: 1200px;
  margin: 0 auto;
}
.site-footer .footer-contect__block .inner-block .tl-block {
  margin-bottom: 40px;
}
.site-footer .footer-contect__block .inner-block .tl-block h5 {
  font-size: 36px;
  text-align: center;
  color: #33ccff;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-contect__block .inner-block .tl-block h5 {
    font-size: 20px;
  }
}
.site-footer .footer-contect__block .inner-block .contact-ptn-list {
  display: flex;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-contect__block .inner-block .contact-ptn-list {
    display: block;
  }
}
.site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row {
  width: calc(100% / 4);
  padding: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row {
    width: 100%;
    padding: 0 0 30px 0;
  }
}
.site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row .icon {
  text-align: center;
  margin-bottom: 15px;
}
.site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row .icon img {
  max-width: 100%;
}
.site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row .tl {
  margin-bottom: 15px;
}
.site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row .tl h6 {
  text-align: center;
  font-size: 18px;
  font-size: 600;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row .tl h6 {
    font-size: 16px;
  }
}
.site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row .text {
  margin-bottom: 20px;
}
.site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row .text p {
  text-align: center;
  font-size: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row .text p {
    font-size: 14px;
  }
}
.site-footer .footer-contect__block .inner-block .contact-ptn-list .each-row .btn {
  text-align: center;
}
.site-footer .common-bnr__block {
  padding: 50px 20px;
}
.site-footer .common-bnr__block .inner {
  max-width: 900px;
  margin: 0 auto;
}
.site-footer .common-bnr__block .inner .info {
  margin-bottom: 10px;
}
.site-footer .common-bnr__block .inner .info p {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .site-footer .common-bnr__block .inner .info p {
    font-size: 14px;
  }
}
.site-footer .common-bnr__block .inner .bnr a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.site-footer .common-bnr__block .inner .bnr a:hover {
  opacity: 0.7;
}
.site-footer .common-bnr__block .inner .bnr a img {
  width: 100%;
}
.site-footer .common-footer__wrap {
  background-color: #ffffff;
  background-image: url("../images/renew/footer_bg.jpg");
  background-repeat: repeat-x;
  background-size: auto 200px;
  background-position: center bottom;
  padding: 20px 20px 20px 20px;
}
.site-footer .common-footer__wrap .ft-inner-block {
  padding: 30px 0 0 0;
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information {
  padding-bottom: 50px;
  max-width: 1200px;
  margin: 0 auto;
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-site-logo {
  margin-bottom: 40px;
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-site-logo a img {
  max-width: 15%;
}
@media screen and (max-width: 768px) {
  .site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-site-logo a img {
  max-width: 60%;
  }
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-navigation {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-navigation {
    display: block;
  }
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-navigation .ft-nv-each {
  width: 20%;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-navigation .ft-nv-each {
    width: 100%;
    padding: 0 0 15px 0;
  }
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-navigation .ft-nv-each ul li {
  margin-bottom: 7px;
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-navigation .ft-nv-each ul li.child {
  padding: 0 0 0 10px;
  position: relative;
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-navigation .ft-nv-each ul li.child::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 1px;
  background: #ffffff;
  left: 0;
  top: 50%;
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-navigation .ft-nv-each ul li a {
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.site-footer .common-footer__wrap .ft-inner-block .footer-information .ft-navigation .ft-nv-each ul li a:hover {
  opacity: 0.7;
}
.site-footer .common-footer__wrap .ft-inner-block .copyright {
  padding-top: 200px;
}
.site-footer .common-footer__wrap .ft-inner-block .copyright p {
  font-size: 12px;
  text-align: center;
  line-height: 1.5;
  color: #000000;
}

a.btn-basic {
  position: relative;
  display: inline-block;
  padding: 10px 25px;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  a.btn-basic {
    font-size: 14px;
  }
}
a.btn-basic.btn-color-type01 {
  background: #7abeec;
}
a.btn-basic.btn-color-type02 {
  background: linear-gradient(to bottom, #8dcdd3 0%, #73a8ad 100%);
}
a.btn-basic.btn-color-type03 {
  background: linear-gradient(to bottom, #21c7f5 0%, #1f9eec 100%);
}
a.btn-basic.btn-color-type04 {
  background: linear-gradient(to bottom, #348be0 0%, #156eb1 100%);
}
a.btn-basic.btn-color-type05 {
  background: linear-gradient(to bottom, #e63187 0%, #a125b0 100%);
}
a.btn-basic.btn-color-type06 {
  background: #ff9900;
}
a.btn-basic.btn-color-type07 {
  background: linear-gradient(to bottom, #19d11a 0%, #009b01 100%);
}
a.btn-basic.btn-color-type08 {
  background: #ffffff;
  color: #7abeec;
  border: 1px solid #7abeec;
  font-size: 18px;
}
a.btn-basic:hover {
  opacity: 0.7;
}
a.btn-basic::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
}

.pagination__wrap .pager-inner-single {
  text-align: center;
}
.pagination__wrap .pager-inner-single a {
  display: inline-block;
  width: 100%;
  max-width: 350px;
  padding: 20px 10px;
  box-sizing: border-box;
  font-size: 20px;
  color: #ffffff;
  text-decoration: none;
  background: #7abeec;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 999px) {
  .pagination__wrap .pager-inner-single a {
    font-size: 16px;
  }
}
.pagination__wrap .pager-inner-single a:hover {
  opacity: 0.7;
}
.pagination__wrap .pager-inner ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pagination__wrap .pager-inner ul li {
  display: flex;
  margin: 5px;
}
.pagination__wrap .pager-inner ul li span.current {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  background: #ffffff;
  color: #7abeec;
  font-weight: bold;
}
.pagination__wrap .pager-inner ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  color: #ffffff;
  background: #7abeec;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.pagination__wrap .pager-inner ul li a.previouspostslink {
  margin: 5px 18px 5px 5px;
  width: 40px;
  height: 40px;
  font-size: 10px;
  font-weight: normal;
}
.pagination__wrap .pager-inner ul li a.nextpostslink {
  margin: 5px 5px 5px 18px;
  width: 40px;
  height: 40px;
  font-size: 10px;
  font-weight: normal;
}
.pagination__wrap .pager-inner ul li a:hover {
  opacity: 0.7;
}

.back-top-block {
  padding: 50px 20px;
}
.back-top-block .contact-btn {
  text-align: center;
}

@media screen and (min-width: 1000px) {
  br.sp-br {
    display: none;
  }
}

@media screen and (max-width: 999px) {
  .no-sp {
    display: none;
  }
}

.main-visual-block {
  position: relative;
}
.main-visual-block::after {
  content: "";
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 99;
  background: url("../images/top/renew/slide_cover.png") repeat-x center bottom;
  background-size: auto 100%;
}
@media screen and (max-width: 768px) {
  .main-visual-block::after {
    height: 100px;
  }
}
.main-visual-block h2 .slide-block .item img {
  width: 100%;
}

.c-type-news .news-single article.single-row {
  padding-bottom: 50px;
}
.c-type-news .news-single article.single-row header.post-head {
  border-bottom: 3px solid #33ccff;
  margin-bottom: 30px;
  padding-bottom: 10px;
}
.c-type-news .news-single article.single-row header.post-head .post-meta .meta-head {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.c-type-news .news-single article.single-row header.post-head .post-meta .meta-head .post-cat {
  margin-right: 10px;
}
.c-type-news .news-single article.single-row header.post-head .post-meta .meta-head .post-cat span {
  display: inline-block;
  padding: 5px 10px;
  background: #333333;
  color: #ffffff;
  border-radius: 50px;
  font-size: 12px;
}
.c-type-news .news-single article.single-row header.post-head .post-meta .meta-head time.post-date {
  font-size: 16px;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .c-type-news .news-single article.single-row header.post-head .post-meta .meta-head time.post-date {
    font-size: 12px;
  }
}
.c-type-news .news-single article.single-row header.post-head .post-meta .meta-tx h6 {
  font-size: 30px;
  line-height: 1.5;
  font-weight: 500;
  color: #333333;
}
@media screen and (max-width: 768px) {
  .c-type-news .news-single article.single-row header.post-head .post-meta .meta-tx h6 {
    font-size: 18px;
  }
}
.c-type-news .news-single article.single-row .post-content {
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 999px) {
  .c-type-news .news-single article.single-row .post-content {
    font-size: 14px;
  }
}
.c-type-news .news-single article.single-row .post-content p {
  margin-bottom: 1.5em;
}
.c-type-news .news-single article.single-row .post-content img {
  max-width: 100%;
  height: auto !important;
}
.c-type-news .news-postlist {
  margin-bottom: 40px;
}
.c-type-news .news-postlist article.post-row {
  display: block;
}
.c-type-news .news-postlist article.post-row a {
  display: flex;
  padding: 15px 50px 15px 10px;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  border-bottom: 1px dotted #000000;
  font-size: 16px;
  line-height: 1.75;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-news .news-postlist article.post-row a {
    display: block;
  }
}
.c-type-news .news-postlist article.post-row a:hover {
  opacity: 0.7;
}
.c-type-news .news-postlist article.post-row a:hover::before {
  right: 5px;
}
.c-type-news .news-postlist article.post-row a::before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #33ccff;
  border-right: solid 2px #33ccff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-type-news .news-postlist article.post-row a time.post-date {
  width: 125px;
  font-size: 16px;
  font-weight: 600;
  color: #7abeec;
}
@media screen and (max-width: 768px) {
  .c-type-news .news-postlist article.post-row a time.post-date {
    width: 100%;
    font-size: 14px;
  }
}
.c-type-news .news-postlist article.post-row a .post-title {
  width: calc(100% - 125px);
}
@media screen and (max-width: 768px) {
  .c-type-news .news-postlist article.post-row a .post-title {
    width: 100%;
  }
}
.c-type-news .news-postlist article.post-row a .post-title h5 {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .c-type-news .news-postlist article.post-row a .post-title h5 {
    font-size: 14px;
  }
}
.c-type-news .more-btn {
  text-align: center;
}

.c-type-about .about-information .photo-visual {
  text-align: center;
  margin-bottom: 35px;
}
.c-type-about .about-information .photo-visual img {
  max-width: 100%;
}
.c-type-about .about-information .read-text p {
  font-size: 16px;
  line-height: 2;
  text-align: center;
  color: #000000;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-type-about .about-information .read-text p {
    font-size: 14px;
  }
}
.c-type-about .about-information .more-btn {
  text-align: center;
}

.c-type-companytheme {
  background: #ffffff;
  padding: 50px 20px;
  box-sizing: border-box;
  border-radius: 15px;
}
.c-type-companytheme .company-information dl {
  display: flex;
  padding: 20px 10px;
  border-bottom: 1px dashed #999999;
  line-height: 1.75;
}
@media screen and (max-width: 999px) {
  .c-type-companytheme .company-information dl {
    padding: 15px 5px;
  }
}
@media screen and (max-width: 768px) {
  .c-type-companytheme .company-information dl {
    display: block;
  }
}
.c-type-companytheme .company-information dl:first-of-type {
  border-top: 1px dashed #999999;
}
.c-type-companytheme .company-information dl dt {
  width: 220px;
  color: #7abeec;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-type-companytheme .company-information dl dt {
    width: 100%;
    font-size: 14px;
  }
  .c-type-companytheme .company-information dl dt br {
    display: none;
  }
}
.c-type-companytheme .company-information dl dd {
  width: calc(100% - 220px);
}
@media screen and (max-width: 768px) {
  .c-type-companytheme .company-information dl dd {
    width: 100%;
    font-size: 14px;
  }
}
.c-type-companytheme .company-information dl dd p.notes {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 1em;
}
.c-type-companytheme .company-information dl dd p.notes span {
  color: #7abeec;
}
.c-type-companytheme .company-access .google-map {
  margin-bottom: 10px;
}
.c-type-companytheme .company-access .access-info {
  margin-bottom: 50px;
}
.c-type-companytheme .company-access .access-info .way-each {
  border-bottom: 1px dashed #999999;
  padding: 25px 0;
}
.c-type-companytheme .company-access .access-info .way-each dl {
  display: block;
  line-height: 1.75;
}
.c-type-companytheme .company-access .access-info .way-each dl dt {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #7abeec;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-companytheme .company-access .access-info .way-each dl dt {
    font-size: 14px;
  }
}
.c-type-companytheme .company-access .access-info .way-each dl dd {
  display: block;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .c-type-companytheme .company-access .access-info .way-each dl dd {
    font-size: 14px;
  }
}
.c-type-companytheme .company-access .contact-btn {
  text-align: center;
}

.c-type-privacypolicy {
  background: #ffffff;
  padding: 50px 20px;
  box-sizing: border-box;
  border-radius: 15px;
}
.c-type-privacypolicy .privacypolicy-term__block dl {
  display: block;
  padding: 25px 0;
  border-bottom: 1px dotted #cccccc;
}
.c-type-privacypolicy .privacypolicy-term__block dl dt {
  display: block;
  margin-bottom: 10px;
  border-left: 5px solid #7abeec;
  padding: 0 0 0 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-privacypolicy .privacypolicy-term__block dl dt {
    font-size: 14px;
  }
}
.c-type-privacypolicy .privacypolicy-term__block dl dd {
  display: block;
  padding: 0 0 0 15px;
}
.c-type-privacypolicy .privacypolicy-term__block dl dd p {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .c-type-privacypolicy .privacypolicy-term__block dl dd p {
    font-size: 14px;
  }
}
.c-type-privacypolicy .privacypolicy-term__block dl dd ul li {
  font-size: 16px;
  line-height: 1.75;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .c-type-privacypolicy .privacypolicy-term__block dl dd ul li {
    font-size: 14px;
  }
}

.c-type-law {
  background: #ffffff;
  padding: 50px 20px;
  box-sizing: border-box;
  border-radius: 15px;
}
.c-type-law .law-term__block table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .c-type-law .law-term__block table {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .c-type-law .law-term__block table tbody {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .c-type-law .law-term__block table tbody tr {
    display: block;
  }
}
.c-type-law .law-term__block table tbody tr th {
  width: 200px;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #cccccc;
  background: #7abeec;
  color: #ffffff;
  text-align: left;
  line-height: 1.75;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .c-type-law .law-term__block table tbody tr th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
    font-size: 14px;
  }
}
.c-type-law .law-term__block table tbody tr td {
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #cccccc;
  text-align: left;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-law .law-term__block table tbody tr td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
  }
}
.c-type-law .law-term__block table tbody tr td p {
  margin-bottom: 1.5em;
}
.c-type-law .law-term__block table tbody tr td p:last-of-type {
  margin-bottom: 0;
}

.c-type-register .sub-title-block {
  margin-bottom: 50px;
}
.c-type-register .sub-title-block h3 {
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  font-weight: 600;
  color: #2871b5;
  border-bottom: 1px solid #2871b5;
  font-family: "Noto Serif JP", serif;
  padding: 0 0 10px 0;
}
.c-type-register .agreement-section__block .pre-read-text {
  margin-bottom: 40px;
}
.c-type-register .agreement-section__block .pre-read-text p {
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-register .agreement-section__block .pre-read-text p {
    font-size: 14px;
  }
}
.c-type-register .agreement-section__block .register-type__wrap {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-register .agreement-section__block .register-type__wrap {
    display: block;
  }
}
.c-type-register .agreement-section__block .register-type__wrap .each-row {
  width: 46%;
  margin: 0 2%;
  padding: 20px 20px 100px 20px;
  box-sizing: border-box;
  border: 2px solid #aaaaaa;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-type-register .agreement-section__block .register-type__wrap .each-row {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 20px 10px 20px 10px;
  }
}
.c-type-register .agreement-section__block .register-type__wrap .each-row.type01 {
  border: 2px solid #73a8ad;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row.type01 .s-tl {
  color: #73a8ad;
  border-bottom: 1px solid #73a8ad;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row.type01 .register-btn a {
  background: #73a8ad;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row.type02 {
  border: 2px solid #2871b5;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row.type02 .s-tl {
  color: #2871b5;
  border-bottom: 1px solid #2871b5;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row.type02 .register-btn a {
  background: #2871b5;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row .s-tl {
  padding: 0 0 10px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #999999;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row .s-tl span {
  display: block;
  text-align: center;
  line-height: 1.25;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row .s-tl span.en {
  font-size: 24px;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-register .agreement-section__block .register-type__wrap .each-row .s-tl span.en {
    font-size: 20px;
  }
}
.c-type-register .agreement-section__block .register-type__wrap .each-row .s-tl span.jp {
  font-size: 14px;
  font-weight: 600;
  font-family: "Noto Serif JP", serif;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row .text p {
  font-size: 14px;
  line-height: 1.75;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row .register-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 20px 20px 20px;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-register .agreement-section__block .register-type__wrap .each-row .register-btn {
    position: relative;
    padding: 30px 0 0 0;
  }
}
.c-type-register .agreement-section__block .register-type__wrap .each-row .register-btn a {
  display: block;
  text-align: center;
  padding: 10px;
  line-height: 1.75;
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-type-register .agreement-section__block .register-type__wrap .each-row .register-btn a:hover {
  opacity: 0.7;
}
.c-type-register .agreement-section__block .agreement-terms {
  padding: 20px;
  border: 1px solid #999999;
  height: 500px;
  overflow: auto;
  margin-bottom: 40px;
}
.c-type-register .agreement-section__block .agreement-terms .set {
  line-height: 1.75;
  margin-bottom: 40px;
}
.c-type-register .agreement-section__block .agreement-terms .set h5 {
  font-weight: 600;
  color: #2871b5;
  margin-bottom: 1em;
  font-size: 16px;
}
.c-type-register .agreement-section__block .agreement-terms .set ol {
  list-style-type: decimal;
  padding-left: 1em;
}
.c-type-register .agreement-section__block .agreement-terms .set ol li {
  list-style-type: decimal;
  margin-bottom: 0.5em;
  font-size: 14px;
}
.c-type-register .agreement-section__block .agreement-terms .set p {
  margin-bottom: 1em;
  font-size: 14px;
}
.c-type-register .agreement-section__block .agreement-terms .set p.ind {
  text-indent: -1em;
  padding-left: 1em;
}
.c-type-register .agreement-section__block .agreement-form .agree-check-text {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}
.c-type-register .agreement-section__block .agreement-form .submit-btn {
  text-align: center;
}
.c-type-register .agreement-section__block .agreement-form .submit-btn input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  border: none;
  background: linear-gradient(to right, #06b6f9 0%, #1c53a2 100%);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-register .agreement-section__block .agreement-form .submit-btn input[type="submit"] {
    font-size: 14px;
  }
}
.c-type-register .agreement-section__block .agreement-form .submit-btn input[type="submit"]:hover {
  opacity: 0.7;
}
.c-type-register .form-input-section__block {
  margin: 0 auto;
}
.c-type-register .form-input-section__block .pre-read-text {
  margin-bottom: 40px;
}
.c-type-register .form-input-section__block .pre-read-text p {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 1.5em;
}
.c-type-register .form-input-section__block .pre-read-text p.ta-c {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .pre-read-text p {
    font-size: 14px;
  }
}
.c-type-register .form-input-section__block .pre-read-text p:last-of-type {
  margin-bottom: 0;
}
.c-type-register .form-input-section__block .pre-read-text p a {
  color: #000000;
}
.c-type-register .form-input-section__block .pre-read-text p a:hover {
  text-decoration: none;
}
.c-type-register .form-input-section__block .btn-backtop {
  padding-top: 60px;
  text-align: center;
}
.c-type-register .form-input-section__block .input-term__wrap {
  margin-bottom: 70px;
}
.c-type-register .form-input-section__block .input-term__wrap table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .input-term__wrap table {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .input-term__wrap table tbody {
    display: block;
  }
}
.c-type-register .form-input-section__block .input-term__wrap table tbody tr {
  border-bottom: 1px solid #aaaaaa;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .input-term__wrap table tbody tr {
    display: block;
    padding: 25px 0;
  }
}
.c-type-register .form-input-section__block .input-term__wrap table tbody tr th {
  width: 250px;
  padding: 25px 0;
  box-sizing: border-box;
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .input-term__wrap table tbody tr th {
    display: block;
    padding: 0 0 10px 0;
  }
}
.c-type-register .form-input-section__block .input-term__wrap table tbody tr th .term-name {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .input-term__wrap table tbody tr th .term-name {
    font-size: 14px;
  }
}
.c-type-register .form-input-section__block .input-term__wrap table tbody tr th .mustinput {
  display: inline-block;
  padding: 2px 10px;
  color: #ffffff;
  border-radius: 5px;
  background: #288a93;
  font-size: 14px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .input-term__wrap table tbody tr th .mustinput {
    font-size: 12px;
  }
}
.c-type-register .form-input-section__block .input-term__wrap table tbody tr td {
  padding: 25px 0;
  box-sizing: border-box;
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .input-term__wrap table tbody tr td {
    display: block;
    padding: 0;
  }
}
.c-type-register .form-input-section__block .input-term__wrap table tbody tr td .term-input input[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.c-type-register .form-input-section__block .input-term__wrap table tbody tr td .term-input select {
  width: 60%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.c-type-register .form-input-section__block .input-term__wrap table tbody tr td .input-notes {
  font-size: 14px;
  color: #666666;
  margin-top: 7px;
}
.c-type-register .form-input-section__block .form-submit-set-single {
  text-align: center;
}
.c-type-register .form-input-section__block .form-submit-set-single input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  border: none;
  background: linear-gradient(to right, #06b6f9 0%, #1c53a2 100%);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .form-submit-set-single input[type="submit"] {
    font-size: 14px;
  }
}
.c-type-register .form-input-section__block .form-submit-set-single input[type="submit"]:hover {
  opacity: 0.7;
}
.c-type-register .form-input-section__block .form-submit-set {
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .form-submit-set {
    display: block;
  }
}
.c-type-register .form-input-section__block .form-submit-set .each {
  width: 50%;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .form-submit-set .each {
    display: block;
    width: 100%;
    padding: 0 0 20px 0;
  }
}
.c-type-register .form-input-section__block .form-submit-set .each input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  border: none;
  background: linear-gradient(to right, #06b6f9 0%, #1c53a2 100%);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .form-submit-set .each input[type="submit"] {
    font-size: 14px;
  }
}
.c-type-register .form-input-section__block .form-submit-set .each input[type="submit"]:hover {
  opacity: 0.7;
}
.c-type-register .form-input-section__block .form-submit-set .each input[type="button"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  border: none;
  background: #666666;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-register .form-input-section__block .form-submit-set .each input[type="button"] {
    font-size: 14px;
  }
}
.c-type-register .form-input-section__block .form-submit-set .each input[type="button"]:hover {
  opacity: 0.7;
}

.c-type-login .form-input-section__block {
  margin: 0 auto;
}
.c-type-login .form-input-section__block .pre-text {
  margin-bottom: 50px;
}
.c-type-login .form-input-section__block .pre-text p {
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .pre-text p {
    font-size: 14px;
  }
}
.c-type-login .form-input-section__block .pre-text p.ta-c {
  text-align: center;
}
.c-type-login .form-input-section__block .btn-backtop {
  padding-top: 60px;
  text-align: center;
}
.c-type-login .form-input-section__block .login-type-choice {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .login-type-choice {
    display: block;
  }
}
.c-type-login .form-input-section__block .login-type-choice .each {
  width: 50%;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .login-type-choice .each {
    display: block;
    width: 100%;
    padding: 0 0 20px 0;
  }
}
.c-type-login .form-input-section__block .input-term__wrap {
  margin-bottom: 70px;
}
.c-type-login .form-input-section__block .input-term__wrap table {
  width: 100%;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .input-term__wrap table {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .input-term__wrap table tbody {
    display: block;
  }
}
.c-type-login .form-input-section__block .input-term__wrap table tbody tr {
  border-bottom: 1px solid #aaaaaa;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .input-term__wrap table tbody tr {
    display: block;
    padding: 25px 0;
  }
}
.c-type-login .form-input-section__block .input-term__wrap table tbody tr th {
  width: 250px;
  padding: 25px 0;
  box-sizing: border-box;
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .input-term__wrap table tbody tr th {
    display: block;
    padding: 0 0 10px 0;
  }
}
.c-type-login .form-input-section__block .input-term__wrap table tbody tr th .term-name {
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .input-term__wrap table tbody tr th .term-name {
    font-size: 14px;
  }
}
.c-type-login .form-input-section__block .input-term__wrap table tbody tr th .mustinput {
  display: inline-block;
  padding: 2px 10px;
  color: #ffffff;
  border-radius: 5px;
  background: #288a93;
  font-size: 14px;
  margin-left: 10px;
}
.c-type-login .form-input-section__block .input-term__wrap table tbody tr td {
  padding: 25px 0;
  box-sizing: border-box;
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .input-term__wrap table tbody tr td {
    display: block;
    padding: 0;
  }
}
.c-type-login .form-input-section__block .input-term__wrap table tbody tr td .term-input input[type="text"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.c-type-login .form-input-section__block .input-term__wrap table tbody tr td .term-input select {
  width: 60%;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 10px;
}
.c-type-login .form-input-section__block .input-term__wrap table tbody tr td .input-notes {
  font-size: 14px;
  color: #666666;
  margin-top: 7px;
}
.c-type-login .form-input-section__block .form-submit-set-single {
  text-align: center;
}
.c-type-login .form-input-section__block .form-submit-set-single input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  border: none;
  background: linear-gradient(to right, #06b6f9 0%, #1c53a2 100%);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .form-submit-set-single input[type="submit"] {
    font-size: 14px;
  }
}
.c-type-login .form-input-section__block .form-submit-set-single input[type="submit"]:hover {
  opacity: 0.7;
}
.c-type-login .form-input-section__block .login-navi {
  margin-top: 70px;
  padding-top: 20px;
  border-top: 1px dashed #dddddd;
}
.c-type-login .form-input-section__block .login-navi ul li a {
  font-size: 16px;
  line-height: 1.75;
  color: #000000;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .login-navi ul li a {
    font-size: 14px;
  }
}
.c-type-login .form-input-section__block .login-navi ul li a:hover {
  opacity: 0.7;
}
.c-type-login .form-input-section__block .login-navi ul li a span {
  margin-right: 7px;
  color: #1a6ab7;
}
.c-type-login .form-input-section__block .form-submit-set {
  display: flex;
}
.c-type-login .form-input-section__block .form-submit-set .each {
  width: 50%;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}
.c-type-login .form-input-section__block .form-submit-set .each input[type="submit"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  border: none;
  background: linear-gradient(to bottom, #8e6125 0%, #370805 100%);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .form-submit-set .each input[type="submit"] {
    font-size: 14px;
  }
}
.c-type-login .form-input-section__block .form-submit-set .each input[type="submit"]:hover {
  opacity: 0.7;
}
.c-type-login .form-input-section__block .form-submit-set .each input[type="button"] {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  border: none;
  background: #666666;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-login .form-input-section__block .form-submit-set .each input[type="button"] {
    font-size: 14px;
  }
}
.c-type-login .form-input-section__block .form-submit-set .each input[type="button"]:hover {
  opacity: 0.7;
}

.c-type-qa {
  background: url("../images/top/renew/bg_4step.png") no-repeat center top;
  background-size: cover;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
}
.c-type-qa.qa-dir2 {
  background: none;
  padding: 0;
}
.c-type-qa.qa-dir2 .qa-list__block {
  max-width: 100%;
  padding: 0;
}
.c-type-qa.qa-dir2 .qa-list__block .each-term {
  border: 1px solid #7abeec;
}
.c-type-qa .qa-list__block {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-list__block {
    padding: 0;
  }
}
.c-type-qa .qa-list__block .chara {
  width: 90px;
  position: absolute;
  left: 0;
  top: 40%;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-list__block .chara {
    position: relative;
    left: 0;
    top: 0%;
    margin-bottom: 10px;
  }
}
.c-type-qa .qa-list__block .chara img {
  width: 100%;
}
.c-type-qa .qa-list__block .each-term {
  margin-bottom: 30px;
  border-radius: 15px;
  background: #ffffff;
}
.c-type-qa .qa-list__block .each-term .q-block {
  display: flex;
  padding: 15px 50px 15px 20px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-list__block .each-term .q-block {
    padding: 15px 30px 15px 20px;
  }
}
.c-type-qa .qa-list__block .each-term .q-block:hover {
  opacity: 0.8;
}
.c-type-qa .qa-list__block .each-term .q-block.is_active .trgr {
  transform: rotate(135deg);
}
.c-type-qa .qa-list__block .each-term .q-block .trgr {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-list__block .each-term .q-block .trgr {
    width: 20px;
    height: 20px;
    right: 10px;
    margin-top: -10px;
  }
}
.c-type-qa .qa-list__block .each-term .q-block .trgr::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #33ccff;
  position: absolute;
  left: 0;
  top: 50%;
}
.c-type-qa .qa-list__block .each-term .q-block .trgr::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #33ccff;
  position: absolute;
  left: 50%;
  top: 0;
}
.c-type-qa .qa-list__block .each-term .q-block .icon {
  width: 42px;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-list__block .each-term .q-block .icon {
    width: 25px;
  }
}
.c-type-qa .qa-list__block .each-term .q-block .icon img {
  width: 100%;
}
.c-type-qa .qa-list__block .each-term .q-block .txt {
  width: calc(100% - 42px);
  padding: 10px 0 0 20px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-list__block .each-term .q-block .txt {
    width: calc(100% - 25px);
    padding: 1px 0 0 10px;
    font-size: 16px;
  }
}
.c-type-qa .qa-list__block .each-term .a-block {
  display: none;
  padding: 15px 20px;
}
.c-type-qa .qa-list__block .each-term .a-block.is_active {
  display: flex !important;
}
.c-type-qa .qa-list__block .each-term .a-block .icon {
  width: 42px;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-list__block .each-term .a-block .icon {
    width: 25px;
  }
}
.c-type-qa .qa-list__block .each-term .a-block .icon img {
  width: 100%;
}
.c-type-qa .qa-list__block .each-term .a-block .txt {
  width: calc(100% - 42px);
  padding: 10px 0 0 20px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-list__block .each-term .a-block .txt {
    width: calc(100% - 25px);
    padding: 1px 0 0 10px;
    font-size: 14px;
  }
}
.c-type-qa .btn {
  text-align: center;
  margin-bottom: 50px;
}
.c-type-qa .qa-contact-list > h5 {
  font-size: 25px;
  color: #7abeec;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-contact-list > h5 {
    font-size: 16px;
  }
}
.c-type-qa .qa-contact-list .inner-block {
  max-width: 1200px;
  margin: 0 auto;
}
.c-type-qa .qa-contact-list .inner-block .flex-block {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 5px;
  display: flex;
  border-radius: 20px;
  border: 1px solid #7abeec;
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-contact-list .inner-block .flex-block {
    display: block;
  }
}
.c-type-qa .qa-contact-list .inner-block .flex-block .row {
  display: flex;
  align-items: center;
  width: 25%;
  padding: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-contact-list .inner-block .flex-block .row {
    width: 100%;
  }
}
.c-type-qa .qa-contact-list .inner-block .flex-block .row .icon {
  width: 47px;
}
.c-type-qa .qa-contact-list .inner-block .flex-block .row .icon img {
  width: 100%;
}
.c-type-qa .qa-contact-list .inner-block .flex-block .row .txt {
  width: calc(100% - 47px);
  padding: 0 0 0 20px;
  box-sizing: border-box;
}
.c-type-qa .qa-contact-list .inner-block .flex-block .row .txt p {
  font-size: 14px;
  line-height: 1.5;
}
.c-type-qa .qa-contact-list .inner-block .flex-block .row .txt p strong {
  color: #7abeec;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .c-type-qa .qa-contact-list .inner-block .flex-block .row .txt p strong {
    font-size: 16px;
  }
}

.c-type-applyinfo .apply-content .chart-photo {
  margin-bottom: 30px;
}
.c-type-applyinfo .apply-content .chart-photo img {
  width: 100%;
}
.c-type-applyinfo .apply-content .apply-list .txt {
  margin-bottom: 20px;
}
.c-type-applyinfo .apply-content .apply-list .txt p {
  font-size: 36px;
  line-height: 1.25;
  text-align: center;
  font-weight: 600;
  color: #33ccff;
}
@media screen and (max-width: 768px) {
  .c-type-applyinfo .apply-content .apply-list .txt p {
    font-size: 20px;
  }
}
.c-type-applyinfo .apply-content .apply-list .btn-list {
  max-width: 750px;
  margin: 0 auto;
}
.c-type-applyinfo .apply-content .apply-list .btn-list ul {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-applyinfo .apply-content .apply-list .btn-list ul {
    display: block;
  }
}
.c-type-applyinfo .apply-content .apply-list .btn-list ul li {
  width: 50%;
  padding: 0 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-applyinfo .apply-content .apply-list .btn-list ul li {
    width: 100%;
    padding: 10px 0;
  }
}

.c-type-solution {
  padding-bottom: 70px;
}
.c-type-solution .solution-info__block .s-list {
  margin-bottom: 40px;
}
.c-type-solution .solution-info__block .s-list ul {
  display: flex;
  flex-wrap: wrap;
}
.c-type-solution .solution-info__block .s-list ul li {
  width: 25%;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-solution .solution-info__block .s-list ul li {
    width: 50%;
    padding: 10px;
  }
}
.c-type-solution .solution-info__block .s-list ul li img {
  max-width: 100%;
}
.c-type-solution .solution-info__block .more-btn {
  text-align: center;
  margin-bottom: 30px;
}
.c-type-solution .solution-info__block .choice-list {
  padding: 20px;
  background: #ffffff;
  border-radius: 15px;
}
.c-type-solution .solution-info__block .choice-list .txt {
  font-size: 32px;
  line-height: 1.25;
  font-weight: 600;
  color: #33ccff;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-type-solution .solution-info__block .choice-list .txt {
    font-size: 20px;
  }
}
.c-type-solution .solution-info__block .choice-list .list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-type-solution .solution-info__block .choice-list .list ul li {
  width: 20%;
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-solution .solution-info__block .choice-list .list ul li {
    width: 50%;
  }
}
.c-type-solution .solution-info__block .choice-list .list ul li .thumb {
  margin-bottom: 15px;
  text-align: center;
}
.c-type-solution .solution-info__block .choice-list .list ul li .thumb img {
  max-width: 100%;
}
.c-type-solution .solution-info__block .choice-list .list ul li .tl {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: #33ccff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-solution .solution-info__block .choice-list .list ul li .tl {
    font-size: 14px;
  }
}
.c-type-solution .solution-info__block .choice-list .list ul li .info p {
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
}

.step-information .step-flow {
  margin-bottom: 45px;
  text-align: center;
}
.step-information .step-flow img {
  max-width: 100%;
}
.step-information .btn-list {
  max-width: 750px;
  margin: 0 auto;
}
.step-information .btn-list ul {
  display: flex;
}
@media screen and (max-width: 768px) {
  .step-information .btn-list ul {
    display: block;
  }
}
.step-information .btn-list ul li {
  width: 50%;
  padding: 0 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .step-information .btn-list ul li {
    width: 100%;
    padding: 10px 0;
  }
}

.c-type-type .type-information .catch-text {
  margin-bottom: 45px;
}
.c-type-type .type-information .catch-text .tl {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  color: #33ccff;
  line-height: 1.25;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-type-type .type-information .catch-text .tl {
    font-size: 20px;
  }
}
.c-type-type .type-information .catch-text .txt {
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-type-type .type-information .catch-text .txt {
    font-size: 14px;
  }
}
.c-type-type .type-information .list ul {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-type .type-information .list ul {
    display: block;
  }
}
.c-type-type .type-information .list ul li {
  width: 50%;
  padding: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-type .type-information .list ul li {
    width: 100%;
    padding: 10px 0;
  }
}
.c-type-type .type-information .list ul li a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.c-type-type .type-information .list ul li a:hover {
  opacity: 0.8;
}
.c-type-type .type-information .list ul li a img {
  width: 100%;
}

.c-type-price {
  padding-bottom: 70px;
}
.c-type-price.no-bg {
  background: none;
  padding: 0;
}
.c-type-price.nopd {
  padding-bottom: 0px;
}
.c-type-price .price-information {
  max-width: 1000px;
  margin: 0 auto;
}
.c-type-price .price-information.w-mx {
  max-width: 100%;
}
.c-type-price .price-information .clm2-block {
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block {
    display: block;
  }
}
.c-type-price .price-information .clm2-block .row {
  display: flex;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block .row {
    width: 100%;
    display: block;
    padding: 0 0 20px 0;
  }
}
.c-type-price .price-information .clm2-block .row .inner {
  width: 100%;
  background: #ffffff;
  border-radius: 15px;
  padding: 20px;
  box-sizing: border-box;
}
.c-type-price .price-information .clm2-block .row .inner.dir2-set {
  border-radius: 10px;
  border: 1px solid #7eb4e2;
}
.c-type-price .price-information .clm2-block .row .inner .tp {
  margin-bottom: 10px;
}
.c-type-price .price-information .clm2-block .row .inner .tp .thumb {
  text-align: center;
  margin-bottom: 10px;
}
.c-type-price .price-information .clm2-block .row .inner .tp .thumb img {
  max-width: 100%;
}
.c-type-price .price-information .clm2-block .row .inner .tp .meta .tl {
  font-size: 20px;
  font-weight: 600;
  color: #33ccff;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block .row .inner .tp .meta .tl {
    font-size: 16px;
  }
}
.c-type-price .price-information .clm2-block .row .inner .tp .meta .txt {
  margin-bottom: 10px;
}
.c-type-price .price-information .clm2-block .row .inner .tp .meta .txt p {
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block .row .inner .tp .meta .txt p {
    font-size: 14px;
  }
}
.c-type-price .price-information .clm2-block .row .inner .tp .meta .notes p {
  font-size: 16px;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block .row .inner .tp .meta .notes p {
    font-size: 14px;
  }
}
.c-type-price .price-information .clm2-block .row .inner .more {
  padding: 20px;
  border-radius: 15px;
  background: #d5e6f4;
  margin-bottom: 20px;
}
.c-type-price .price-information .clm2-block .row .inner .more .sub-t {
  text-align: center;
  margin-bottom: 10px;
}
.c-type-price .price-information .clm2-block .row .inner .more .sub-t span {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  color: #666666;
  border-radius: 100px;
  background: #ffffff;
  padding: 3px 10px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block .row .inner .more .sub-t span {
    font-size: 16px;
  }
}
.c-type-price .price-information .clm2-block .row .inner .more .cl2 {
  margin-bottom: 20px;
}
.c-type-price .price-information .clm2-block .row .inner .more .cl2 ul {
  display: flex;
}
.c-type-price .price-information .clm2-block .row .inner .more .cl2 ul li {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
}
.c-type-price .price-information .clm2-block .row .inner .more .cl2 ul li .thb {
  text-align: center;
  margin-bottom: 5px;
}
.c-type-price .price-information .clm2-block .row .inner .more .cl2 ul li .thb img {
  max-width: 100%;
}
.c-type-price .price-information .clm2-block .row .inner .more .cl2 ul li .nm p {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block .row .inner .more .cl2 ul li .nm p {
    font-size: 14px;
  }
}
.c-type-price .price-information .clm2-block .row .inner .more .btn {
  text-align: center;
}
.c-type-price .price-information .clm2-block .row .inner .btn {
  text-align: center;
}
.c-type-price .price-information .clm2-block2 {
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 {
    display: block;
  }
}
.c-type-price .price-information .clm2-block2 .row {
  display: flex;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row {
    width: 100%;
    display: block;
    padding: 0 0 20px 0;
  }
}
.c-type-price .price-information .clm2-block2 .row .inner {
  width: 100%;
  background: #ffffff;
  border-radius: 15px;
  padding: 20px;
  box-sizing: border-box;
}
.c-type-price .price-information .clm2-block2 .row .inner.dir2-set {
  border-radius: 10px;
  border: 1px solid #7eb4e2;
}
.c-type-price .price-information .clm2-block2 .row .inner .tp .prize-icon {
  margin-bottom: 5px;
}
.c-type-price .price-information .clm2-block2 .row .inner .tp .prize-icon span {
  display: inline-block;
  font-size: 16px;
  line-height: 1.5;
  color: #ffffff;
  background: #7eb4e2;
  padding: 2px 10px;
  border-radius: 100px;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row .inner .tp .prize-icon span {
    font-size: 14px;
  }
}
.c-type-price .price-information .clm2-block2 .row .inner .tp .thumb {
  text-align: center;
  margin-bottom: 10px;
}
.c-type-price .price-information .clm2-block2 .row .inner .tp .thumb img {
  max-width: 100%;
}
.c-type-price .price-information .clm2-block2 .row .inner .tp .meta .tl {
  font-size: 20px;
  font-weight: 600;
  color: #7eb4e2;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row .inner .tp .meta .tl {
    font-size: 16px;
  }
}
.c-type-price .price-information .clm2-block2 .row .inner .tp .meta .txt {
  margin-bottom: 10px;
}
.c-type-price .price-information .clm2-block2 .row .inner .tp .meta .txt p {
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row .inner .tp .meta .txt p {
    font-size: 14px;
  }
}
.c-type-price .price-information .clm2-block2 .row .inner .tp .meta .notes p {
  font-size: 16px;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row .inner .tp .meta .notes p {
    font-size: 14px;
  }
}
.c-type-price .price-information .clm2-block2 .row .inner .more {
  padding: 20px;
  border-radius: 15px;
  background: #d5e6f4;
  margin-bottom: 20px;
}
.c-type-price .price-information .clm2-block2 .row .inner .more .sub-t {
  text-align: center;
  margin-bottom: 10px;
}
.c-type-price .price-information .clm2-block2 .row .inner .more .sub-t span {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  color: #666666;
  border-radius: 100px;
  background: #ffffff;
  padding: 3px 10px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row .inner .more .sub-t span {
    font-size: 16px;
  }
}
.c-type-price .price-information .clm2-block2 .row .inner .more .cl2 {
  margin-bottom: 20px;
}
.c-type-price .price-information .clm2-block2 .row .inner .more .cl2 ul {
  display: flex;
}
.c-type-price .price-information .clm2-block2 .row .inner .more .cl2 ul li {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
}
.c-type-price .price-information .clm2-block2 .row .inner .more .cl2 ul li .thb {
  text-align: center;
  margin-bottom: 5px;
}
.c-type-price .price-information .clm2-block2 .row .inner .more .cl2 ul li .thb img {
  max-width: 100%;
}
.c-type-price .price-information .clm2-block2 .row .inner .more .cl2 ul li .nm p {
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row .inner .more .cl2 ul li .nm p {
    font-size: 14px;
  }
}
.c-type-price .price-information .clm2-block2 .row .inner .more .btn {
  text-align: center;
}
.c-type-price .price-information .clm2-block2 .row .inner .icon-plus {
  padding: 10px 0 15px 0;
  text-align: center;
}
.c-type-price .price-information .clm2-block2 .row .inner .icon-plus img {
  max-width: 100%;
}
.c-type-price .price-information .clm2-block2 .row .inner .price-list .ttl {
  padding: 5px 10px;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  background: #7eb4e2;
}
.c-type-price .price-information .clm2-block2 .row .inner .price-list .list ul li {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #7eb4e2;
}
.c-type-price .price-information .clm2-block2 .row .inner .price-list .list ul li .num {
  width: 35px;
}
.c-type-price .price-information .clm2-block2 .row .inner .price-list .list ul li .num img {
  width: 100%;
}
.c-type-price .price-information .clm2-block2 .row .inner .price-list .list ul li .txt {
  width: calc(100% - 155px);
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row .inner .price-list .list ul li .txt {
    font-size: 14px;
  }
}
.c-type-price .price-information .clm2-block2 .row .inner .price-list .list ul li .prc {
  width: 120px;
  text-align: right;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row .inner .price-list .list ul li .prc {
    font-size: 16px;
  }
}
.c-type-price .price-information .clm2-block2 .row .inner .price-list .notes {
  padding: 5px 0;
}
.c-type-price .price-information .clm2-block2 .row .inner .price-list .notes p {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .clm2-block2 .row .inner .price-list .notes p {
    font-size: 14px;
  }
}
.c-type-price .price-information .areamap {
  padding: 30px 20px;
  background: #ffffff;
  border-radius: 15px;
  margin-bottom: 50px;
  border: 1px solid #7abeec;
}
.c-type-price .price-information .areamap > h4 {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
  color: #2871b5;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .areamap > h4 {
    font-size: 20px;
  }
}
.c-type-price .price-information .areamap .map {
  margin-bottom: 45px;
}
.c-type-price .price-information .areamap .map img {
  width: 100%;
}
.c-type-price .price-information .areamap .btn {
  text-align: center;
}
.c-type-price .price-information .howtopay_dir2 .tl-set {
  margin-bottom: 30px;
}
.c-type-price .price-information .howtopay_dir2 .tl-set h3 {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
  color: #2871b5;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay_dir2 .tl-set h3 {
    font-size: 20px;
  }
}
.c-type-price .price-information .howtopay_dir2 .tl-set p {
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay_dir2 .tl-set p {
    font-size: 14px;
  }
}
.c-type-price .price-information .howtopay_dir2 .pay-inner {
  padding: 30px 20px;
  background: #ffffff;
  border-radius: 15px;
}
.c-type-price .price-information .howtopay_dir2 .pay-inner .term-set dl {
  display: block;
  margin-bottom: 40px;
}
.c-type-price .price-information .howtopay_dir2 .pay-inner .term-set dl dt {
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  color: #33ccff;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay_dir2 .pay-inner .term-set dl dt {
    font-size: 16px;
  }
}
.c-type-price .price-information .howtopay_dir2 .pay-inner .term-set dl dd {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay_dir2 .pay-inner .term-set dl dd {
    font-size: 14px;
  }
}
.c-type-price .price-information .howtopay_dir2 .pay-inner .term-set dl dd p.photo {
  margin-bottom: 25px;
  text-align: center;
}
.c-type-price .price-information .howtopay_dir2 .pay-inner .term-set dl dd p.photo img {
  max-width: 100%;
}
.c-type-price .price-information .howtopay > h4 {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
  color: #2871b5;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay > h4 {
    font-size: 20px;
  }
}
.c-type-price .price-information .howtopay .inner .clm2 {
  display: flex;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay .inner .clm2 {
    display: block;
  }
}
.c-type-price .price-information .howtopay .inner .clm2 .row {
  width: 65%;
  padding: 15px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay .inner .clm2 .row {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
}
.c-type-price .price-information .howtopay .inner .clm2 .row.pt2 {
  width: 30%;
  padding: 15px;
  margin-left: 5%;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay .inner .clm2 .row.pt2 {
    width: 100%;
    padding: 0;
    width: 100%;
    margin: 0;
  }
}
.c-type-price .price-information .howtopay .inner .clm2 .row h5 {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: 600;
  color: #7abeec;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay .inner .clm2 .row h5 {
    font-size: 16px;
  }
}
.c-type-price .price-information .howtopay .inner .clm2 .row .icon {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-price .price-information .howtopay .inner .clm2 .row .icon {
    text-align: center;
  }
}
.c-type-price .price-information .howtopay .inner .clm2 .row .icon img {
  max-width: 100%;
}
.c-type-price .price-information .howtopay .inner .btn {
  text-align: center;
}

.c-type-merit .merit-information .merit-list {
  display: flex;
  flex-wrap: wrap;
}
.c-type-merit .merit-information .merit-list .row {
  width: 14.6%;
  margin: 1%;
  padding: 10px 15px;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px -5px #009ae3;
  border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .c-type-merit .merit-information .merit-list .row {
    width: 46%;
    margin: 2%;
  }
}
.c-type-merit .merit-information .merit-list .row .thumb {
  margin-bottom: 10px;
}
.c-type-merit .merit-information .merit-list .row .thumb img {
  width: 100%;
}
.c-type-merit .merit-information .merit-list .row .meta .tl {
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #073e77;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-type-merit .merit-information .merit-list .row .meta .tl {
    font-size: 14px;
  }
}
.c-type-merit .merit-information .merit-list .row .meta .txt {
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-merit .merit-information .merit-list .row .meta .txt {
    font-size: 13px;
  }
}

.c-type-howtouse .howto-information .firstuse {
  margin-bottom: 50px;
}
.c-type-howtouse .howto-information .firstuse .row {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #ffffff;
  border-radius: 15px;
  margin-bottom: 20px;
  border: 1px solid #7eb4e2;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .firstuse .row {
    display: block;
  }
}
.c-type-howtouse .howto-information .firstuse .row .l-block {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .firstuse .row .l-block {
    width: 100%;
  }
}
.c-type-howtouse .howto-information .firstuse .row .l-block .sub-tl {
  margin-bottom: 10px;
}
.c-type-howtouse .howto-information .firstuse .row .l-block .sub-tl span {
  display: inline-block;
  padding: 3px 15px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  background: #7eb4e2;
  border-radius: 100px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .firstuse .row .l-block .sub-tl span {
    font-size: 16px;
  }
}
.c-type-howtouse .howto-information .firstuse .row .l-block .meta .tl {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  color: #7eb4e2;
  margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .firstuse .row .l-block .meta .tl {
    font-size: 20px;
  }
}
.c-type-howtouse .howto-information .firstuse .row .l-block .meta .txt {
  margin-bottom: 10px;
}
.c-type-howtouse .howto-information .firstuse .row .l-block .meta .txt p {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .firstuse .row .l-block .meta .txt p {
    font-size: 14px;
  }
}
.c-type-howtouse .howto-information .firstuse .row .l-block .notes {
  padding-top: 5px;
}
.c-type-howtouse .howto-information .firstuse .row .l-block .notes p {
  font-size: 14px;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .firstuse .row .l-block .notes p {
    font-size: 12px;
  }
}
.c-type-howtouse .howto-information .firstuse .row .r-block {
  width: 50%;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .firstuse .row .r-block {
    width: 100%;
    padding: 20px 0 0 0;
    text-align: center;
  }
}
.c-type-howtouse .howto-information .firstuse .row .r-block img {
  max-width: 100%;
}
.c-type-howtouse .howto-information .firstuse .row .r-block p.notes {
  font-size: 12px;
  color: #ff0000;
  line-height: 1.5;
  margin-top: 10px;
}
.c-type-howtouse .howto-information .attention-set__block {
  padding: 30px 20px;
  background: #ffffff;
  border-radius: 15px;
}
.c-type-howtouse .howto-information .attention-set__block .tl-block {
  margin-bottom: 40px;
}
.c-type-howtouse .howto-information .attention-set__block .tl-block h3 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #33ccff;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .tl-block h3 {
    font-size: 24px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term {
  margin-bottom: 40px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .stl {
  padding: 5px 10px;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 100px;
  background: #33ccff;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .stl {
    font-size: 16px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text {
  margin-bottom: 25px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text.bdr-btm {
  border-bottom: 1px dashed #33ccff;
  padding-bottom: 25px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text p {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text p {
    font-size: 14px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text p.st {
  font-size: 20px;
  color: #33ccff;
  font-weight: 600;
  margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text p.st {
    font-size: 16px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text p.ltl {
  padding: 4px 5px;
  border: 1px solid #33ccff;
  font-size: 16px;
  color: #33ccff;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.5;
  text-align: center;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text p.notes {
  font-size: 14px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text p.chart {
  margin-bottom: 20px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text p.chart img {
  max-width: 100%;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .read-text p span {
  color: #ff0000;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .inp-set__block {
  margin-bottom: 40px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .inp-set__block > h4 {
  font-size: 20px;
  color: #33ccff;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .inp-set__block > h4 {
    font-size: 16px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 {
  margin-bottom: 40px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 > h4 {
  font-size: 20px;
  color: #33ccff;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 > h4 {
    font-size: 16px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list {
    display: block;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list .row {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list .row {
    width: 100%;
    padding: 0 0 15px 0;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list .row .tp {
  padding: 4px 5px;
  border: 1px solid #33ccff;
  font-size: 16px;
  color: #33ccff;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list .row .tp {
    font-size: 13px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list .row .icon {
  text-align: center;
  margin-bottom: 10px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list .row .icon img {
  max-width: 100%;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list .row .txt p {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c2 .list .row .txt p {
    font-size: 13px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 {
  margin-bottom: 20px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 > h4 {
  font-size: 20px;
  color: #33ccff;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 > h4 {
    font-size: 16px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list {
    display: block;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list .row {
  width: calc(100% / 3);
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list .row {
    width: 100%;
    padding: 0 0 15px 0;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list .row .tp {
  padding: 4px 5px;
  border: 1px solid #33ccff;
  font-size: 16px;
  color: #33ccff;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list .row .tp {
    font-size: 13px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list .row .icon {
  text-align: center;
  margin-bottom: 10px;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list .row .icon img {
  max-width: 100%;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list .row .txt p {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .list-type__c3 .list .row .txt p {
    font-size: 13px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .other-inpos__block .sstl {
  padding: 4px 5px;
  border: 1px solid #33ccff;
  font-size: 16px;
  color: #33ccff;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.5;
  text-align: center;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .other-inpos__block .icons {
  text-align: center;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .other-inpos__block .icons img {
  max-width: 100%;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 {
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 {
    display: block;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 .row {
  width: 35%;
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 .row {
    width: 100%;
    padding: 0 0 10px 0;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 .row.type02 {
  width: 65%;
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 .row.type02 {
    width: 100%;
    padding: 0 0 10px 0;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 .row p.tt {
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  color: #33ccff;
  font-weight: 600;
  margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 .row p.tt {
    font-size: 16px;
  }
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 .row p.photo {
  text-align: center;
}
.c-type-howtouse .howto-information .attention-set__block .term-set__block .each-term .clm2 .row p.photo img {
  max-width: 100%;
}
.c-type-howtouse .howto-information .step-to-use {
  margin-bottom: 45px;
}
.c-type-howtouse .howto-information .step-to-use .tl-block {
  margin-bottom: 30px;
}
.c-type-howtouse .howto-information .step-to-use .tl-block h3 {
  text-align: center;
}
.c-type-howtouse .howto-information .step-to-use .tl-block h3 img {
  max-width: 100%;
}
.c-type-howtouse .howto-information .step-to-use .lists .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
  background: #ffffff;
  border-radius: 15px;
  margin-bottom: 60px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .step-to-use .lists .row {
    display: block;
  }
}
.c-type-howtouse .howto-information .step-to-use .lists .row::after {
  content: "";
  width: 49px;
  height: 26px;
  background: url("../images/howtouse/arrow.png") no-repeat left top;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  bottom: -50px;
  margin-left: -25px;
}
.c-type-howtouse .howto-information .step-to-use .lists .row:last-of-type {
  margin-bottom: 0;
}
.c-type-howtouse .howto-information .step-to-use .lists .row:last-of-type::after {
  display: none;
}
.c-type-howtouse .howto-information .step-to-use .lists .row .num {
  width: 140px;
  padding: 20px 10px;
  box-sizing: border-box;
  border-radius: 15px;
  background: #33ccff;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .step-to-use .lists .row .num {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
  }
}
.c-type-howtouse .howto-information .step-to-use .lists .row .num p {
  line-height: 1;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}
.c-type-howtouse .howto-information .step-to-use .lists .row .num p.sub {
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .step-to-use .lists .row .num p.sub {
    font-size: 14px;
  }
}
.c-type-howtouse .howto-information .step-to-use .lists .row .num p.lg {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .step-to-use .lists .row .num p.lg {
    font-size: 30px;
  }
}
.c-type-howtouse .howto-information .step-to-use .lists .row .m-text {
  width: calc(100% - 280px);
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .step-to-use .lists .row .m-text {
    width: 100%;
  }
}
.c-type-howtouse .howto-information .step-to-use .lists .row .m-text p.tl {
  font-size: 28px;
  color: #33ccff;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .step-to-use .lists .row .m-text p.tl {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.c-type-howtouse .howto-information .step-to-use .lists .row .m-text p.txt {
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .step-to-use .lists .row .m-text p.txt {
    font-size: 14px;
  }
}
.c-type-howtouse .howto-information .step-to-use .lists .row .m-text .btn {
  padding: 10px 0;
}
.c-type-howtouse .howto-information .step-to-use .lists .row .m-text p.notes {
  font-size: 14px;
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .step-to-use .lists .row .m-text p.notes {
    font-size: 12px;
  }
}
.c-type-howtouse .howto-information .step-to-use .lists .row .photo {
  width: 140px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse .howto-information .step-to-use .lists .row .photo {
    width: 100%;
    padding-top: 20px;
  }
}
.c-type-howtouse .howto-information .step-to-use .lists .row .photo img {
  max-width: 100%;
}

.c-type-contact {
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 15px;
}
.c-type-contact .contact-form-wrap .tel-info .tel-inner {
  max-width: 550px;
  padding: 30px 20px;
  box-sizing: border-box;
  border: 1px solid #7abeec;
  border-radius: 5px;
  margin: 0 auto 50px auto;
}
.c-type-contact .contact-form-wrap .tel-info .tel-inner p {
  text-align: center;
}
.c-type-contact .contact-form-wrap .tel-info .tel-inner p.tl {
  font-size: 18px;
  color: #7abeec;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-type-contact .contact-form-wrap .tel-info .tel-inner p.tl {
    font-size: 16px;
  }
}
.c-type-contact .contact-form-wrap .tel-info .tel-inner p.txt {
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
  font-weight: 500;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-contact .contact-form-wrap .tel-info .tel-inner p.txt {
    font-size: 14px;
  }
}
.c-type-contact .contact-form-wrap .tel-info .tel-inner p.num {
  font-size: 32px;
  line-height: 1.5;
  color: #7abeec;
  font-weight: 600;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-contact .contact-form-wrap .tel-info .tel-inner p.num {
    font-size: 24px;
  }
}
.c-type-contact .contact-form-wrap .tel-info .tel-inner p.notes {
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-type-contact .contact-form-wrap .tel-info .tel-inner p.notes {
    font-size: 12px;
  }
}
.c-type-contact .contact-form-wrap .pre-text {
  margin-bottom: 50px;
}
.c-type-contact .contact-form-wrap .pre-text p {
  text-align: center;
  line-height: 1.5;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .c-type-contact .contact-form-wrap .pre-text p {
    font-size: 14px;
  }
}
.c-type-contact .contact-form-wrap .pre-text p span {
  color: #ff0000;
}
.c-type-contact .contact-form-wrap .form-term__block {
  margin-bottom: 50px;
}
.c-type-contact .contact-form-wrap .form-term__block .row {
  margin-bottom: 30px;
}
.c-type-contact .contact-form-wrap .form-term__block .row .term-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-contact .contact-form-wrap .form-term__block .row .term-name {
    font-size: 16px;
  }
}
.c-type-contact .contact-form-wrap .form-term__block .row .term-name span {
  color: #ff0000;
}
.c-type-contact .contact-form-wrap .form-term__block .row .term-input input {
  appearance: none;
  -webkit-appearance: none;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  width: 100%;
  box-sizing: border-box;
}
.c-type-contact .contact-form-wrap .form-term__block .row .term-input select {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  width: 100%;
  box-sizing: border-box;
}
.c-type-contact .contact-form-wrap .form-term__block .row .term-input textarea {
  appearance: none;
  -webkit-appearance: none;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #aaaaaa;
  width: 100%;
  box-sizing: border-box;
}
.c-type-contact .contact-form-wrap .submit-area {
  text-align: center;
}
.c-type-contact .contact-form-wrap .submit-area input {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  padding: 15px 10px;
  width: 100%;
  max-width: 350px;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border-radius: 100px;
  color: #ffffff;
  line-height: 1.5;
  border: none;
  cursor: pointer;
  background: #7abeec;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-type-contact .contact-form-wrap .submit-area input {
    font-size: 16px;
  }
}
.c-type-contact .contact-form-wrap .submit-area input:hover {
  opacity: 0.7;
}

.c-type-about2 .clm2-block {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  background: #f6f9fe;
  border-radius: 10px;
  box-sizing: border-box;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block {
    display: block;
  }
}
.c-type-about2 .clm2-block .photo {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .photo {
    width: 100%;
    margin-bottom: 15px;
  }
}
.c-type-about2 .clm2-block .photo img {
  width: 100%;
}
.c-type-about2 .clm2-block .text-block {
  width: 55%;
  padding: 0 0 0 40px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .text-block {
    width: 100%;
    padding: 0;
  }
}
.c-type-about2 .clm2-block .text-block .hd {
  margin-bottom: 20px;
}
.c-type-about2 .clm2-block .text-block .hd p {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
  color: #7abeec;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .text-block .hd p {
    font-size: 14px;
  }
}
.c-type-about2 .clm2-block .text-block .hd h3 {
  font-size: 30px;
  line-height: 1.5;
  font-weight: 500;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .text-block .hd h3 {
    font-size: 20px;
  }
}
.c-type-about2 .clm2-block .text-block .hd h3 span {
  color: #7abeec;
}
.c-type-about2 .clm2-block .text-block .read {
  margin-bottom: 30px;
}
.c-type-about2 .clm2-block .text-block .read p {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .text-block .read p {
    font-size: 14px;
  }
}
.c-type-about2 .clm2-block .text-block .list ul {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .text-block .list ul {
    flex-wrap: wrap;
  }
}
.c-type-about2 .clm2-block .text-block .list ul li {
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .text-block .list ul li {
    width: 50%;
    padding: 10px 5px;
  }
}
.c-type-about2 .clm2-block .text-block .list ul li .icon {
  text-align: center;
  margin-bottom: 10px;
}
.c-type-about2 .clm2-block .text-block .list ul li .icon img {
  max-width: 100%;
}
.c-type-about2 .clm2-block .text-block .list ul li .t p {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .text-block .list ul li .t p {
    font-size: 14px;
  }
}
.c-type-about2 .clm2-block .clm1-block {
  margin-top: 20px;
  width: 100%;
}
.c-type-about2 .clm2-block .clm1-block .choice-list {
  padding: 20px;
  background: #ffffff;
  border-radius: 15px;
}
.c-type-about2 .clm2-block .clm1-block .choice-list .txt {
  font-size: 36px;
  line-height: 1.25;
  font-weight: 600;
  color: #000000;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .clm1-block .choice-list .txt {
    font-size: 20px;
  }
}
.c-type-about2 .clm2-block .clm1-block .choice-list .txt span {
  color: #7abeec;
}
.c-type-about2 .clm2-block .clm1-block .choice-list .list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.c-type-about2 .clm2-block .clm1-block .choice-list .list ul li {
  width: 20%;
  padding: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .clm1-block .choice-list .list ul li {
    width: 50%;
  }
}
.c-type-about2 .clm2-block .clm1-block .choice-list .list ul li .thumb {
  margin-bottom: 15px;
  text-align: center;
}
.c-type-about2 .clm2-block .clm1-block .choice-list .list ul li .thumb img {
  max-width: 100%;
}
.c-type-about2 .clm2-block .clm1-block .choice-list .list ul li .tl {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: #7abeec;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-about2 .clm2-block .clm1-block .choice-list .list ul li .tl {
    font-size: 14px;
  }
}
.c-type-about2 .clm2-block .clm1-block .choice-list .list ul li .info p {
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
}

.c-type-step2 {
  padding: 25px 20px;
  background: url("../images/top/renew/bg_4step.png") no-repeat center center;
  background-size: cover;
  border-radius: 10px;
  box-sizing: border-box;
}
.c-type-step2 .step-title {
  padding: 0 110px;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .step-title {
    padding: 0 30px;
  }
}
.c-type-step2 .step-title .inner-t {
  display: inline-block;
  position: relative;
}
.c-type-step2 .step-title .inner-t .chara {
  position: absolute;
  width: 88px;
  left: -100px;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .step-title .inner-t .chara {
    width: 40px;
    left: -55px;
  }
}
.c-type-step2 .step-title .inner-t .chara img {
  width: 100%;
}
.c-type-step2 .step-title .inner-t p {
  font-size: 25px;
  font-weight: 500;
  line-height: 1.5;
  color: #7abeec;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .step-title .inner-t p {
    font-size: 16px;
  }
}
.c-type-step2 .step-title .inner-t h3 {
  font-size: 42px;
  color: #7abeec;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .step-title .inner-t h3 {
    font-size: 20px;
  }
}
.c-type-step2 .step-title .inner-t h3 span.lg {
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .step-title .inner-t h3 span.lg {
    font-size: 30px;
  }
}
.c-type-step2 .step-title .inner-t h3 span.md {
  color: #073e77;
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .step-title .inner-t h3 span.md {
    font-size: 16px;
  }
}
.c-type-step2 .step-title .inner-t h3 span.tx {
  color: #073e77;
}
.c-type-step2 .read-text {
  margin-bottom: 20px;
}
.c-type-step2 .read-text p {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .read-text p {
    font-size: 14px;
  }
}
.c-type-step2 .list-block {
  display: flex;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .list-block {
    display: block;
  }
}
.c-type-step2 .list-block .row {
  width: 25%;
  padding: 0 30px;
  display: flex;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .list-block .row {
    width: 100%;
    display: block;
    padding: 10px 0;
  }
}
.c-type-step2 .list-block .row::after {
  content: "";
  width: 25px;
  height: 28px;
  background: url("../images/top/renew/step_arrow.png") no-repeat left top;
  background-size: contain;
  position: absolute;
  right: -13px;
  top: 50%;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .list-block .row::after {
    display: none;
  }
}
.c-type-step2 .list-block .row:last-of-type::after {
  display: none;
}
.c-type-step2 .list-block .row .r-inner {
  width: 100%;
  padding: 15px 25px;
  background: #ffffff;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0px 0px 15px -5px #009ae3;
}
.c-type-step2 .list-block .row .r-inner .photo {
  margin-bottom: 10px;
}
.c-type-step2 .list-block .row .r-inner .photo img {
  width: 100%;
}
.c-type-step2 .list-block .row .r-inner .meta p {
  line-height: 1.5;
}
.c-type-step2 .list-block .row .r-inner .meta p.tl {
  font-size: 16px;
  font-weight: 600;
  color: #073e77;
  text-align: center;
  margin-bottom: 15px;
}
.c-type-step2 .list-block .row .r-inner .meta p.txt {
  font-size: 13px;
  text-align: center;
}
.c-type-step2 .btn {
  text-align: center;
}
.c-type-step2 .btn-list ul {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .btn-list ul {
    display: block;
  }
}
.c-type-step2 .btn-list ul li {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-step2 .btn-list ul li {
    width: 100%;
    padding: 10px 0;
  }
}

.c-type-price {
  background: url("../images/top/renew/bg_4step.png") no-repeat center top;
  background-size: cover;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
}
.c-type-price .payment-content__block {
  padding: 20px;
  background: #e2f2fd;
  border: 1px solid #78b6e1;
  border-radius: 15px;
  margin-top: 40px;
}
.c-type-price .payment-content__block .each-row {
  margin-bottom: 40px;
}
.c-type-price .payment-content__block .each-row .tl {
  margin-bottom: 15px;
}
.c-type-price .payment-content__block .each-row .tl h5 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .c-type-price .payment-content__block .each-row .tl h5 {
    font-size: 18px;
  }
}
.c-type-price .payment-content__block .each-row .tl h5 span {
  color: #78b6e1;
}
.c-type-price .payment-content__block .each-row .content-main {
  padding: 0 2em;
}
@media screen and (max-width: 768px) {
  .c-type-price .payment-content__block .each-row .content-main {
    padding: 0;
  }
}
.c-type-price .payment-content__block .each-row .content-main .card-info {
  padding: 20px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 15px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-price .payment-content__block .each-row .content-main .card-info {
    padding: 10px;
  }
}
.c-type-price .payment-content__block .each-row .content-main .card-info img {
  max-width: 100%;
}
.c-type-price .payment-content__block .each-row .content-main .text p {
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-price .payment-content__block .each-row .content-main .text p {
    font-size: 14px;
  }
}
.c-type-price .payment-content__block .each-row .content-main .text p span {
  color: #ff0000;
}
.c-type-price .payment-content__block .each-row .content-main .clm2 {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-price .payment-content__block .each-row .content-main .clm2 {
    display: block;
  }
}
.c-type-price .payment-content__block .each-row .content-main .clm2 .info {
  width: calc(100% - 150px);
  padding: 0 30px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-price .payment-content__block .each-row .content-main .clm2 .info {
    width: 100%;
    padding: 0;
  }
}
.c-type-price .payment-content__block .each-row .content-main .clm2 .info .tbl {
  margin-top: 15px;
}
.c-type-price .payment-content__block .each-row .content-main .clm2 .info .tbl table {
  width: 100%;
  border-collapse: collapse;
}
.c-type-price .payment-content__block .each-row .content-main .clm2 .info .tbl table tbody tr th {
  width: 50%;
  padding: 5px 10px;
  text-align: center;
  box-sizing: border-box;
  background: #7eb4e2;
  font-size: 18px;
  line-height: 1.5;
  color: #ffffff;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 768px) {
  .c-type-price .payment-content__block .each-row .content-main .clm2 .info .tbl table tbody tr th {
    font-size: 14px;
  }
}
.c-type-price .payment-content__block .each-row .content-main .clm2 .info .tbl table tbody tr td {
  width: 50%;
  padding: 5px 10px;
  text-align: left;
  box-sizing: border-box;
  background: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
  border: 1px solid #cccccc;
}
@media screen and (max-width: 768px) {
  .c-type-price .payment-content__block .each-row .content-main .clm2 .info .tbl table tbody tr td {
    font-size: 14px;
  }
}
.c-type-price .payment-content__block .each-row .content-main .clm2 .icon {
  width: 150px;
}
@media screen and (max-width: 768px) {
  .c-type-price .payment-content__block .each-row .content-main .clm2 .icon {
    display: none;
  }
}
.c-type-price .payment-content__block .each-row .content-main .clm2 .icon img {
  width: 100%;
}

.c-type-map2 .map-ill {
  margin-bottom: 50px;
}
.c-type-map2 .map-ill img {
  width: 100%;
}
.c-type-map2 .btn {
  text-align: center;
}

.c-type-howtouse2 .attention-info {
  padding: 10px;
  border-radius: 15px;
  border: 1px solid #7abeec;
  margin-bottom: 20px;
}
.c-type-howtouse2 .attention-info .hd {
  display: flex;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .attention-info .hd {
    display: block;
  }
}
.c-type-howtouse2 .attention-info .hd .main-txt {
  width: calc(100% - 190px);
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .attention-info .hd .main-txt {
    width: 100%;
    padding: 0 0 15px 0;
  }
}
.c-type-howtouse2 .attention-info .hd .main-txt .bar {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  background: #e2f2fd;
  padding: 5px;
  line-height: 1.25;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .attention-info .hd .main-txt .bar {
    font-size: 16px;
  }
}
.c-type-howtouse2 .attention-info .hd .main-txt .bar span {
  margin-right: 10px;
}
.c-type-howtouse2 .attention-info .hd .main-txt .read p {
  font-size: 14px;
  line-height: 1.75;
}
.c-type-howtouse2 .attention-info .hd .main-txt .read p span {
  color: #2a65bd;
}
.c-type-howtouse2 .attention-info .hd .icon {
  width: 190px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .attention-info .hd .icon {
    width: 100%;
    text-align: center;
  }
}
.c-type-howtouse2 .attention-info .hd .icon img {
  max-width: 100%;
}
.c-type-howtouse2 .attention-info .chart {
  margin-bottom: 10px;
}
.c-type-howtouse2 .attention-info .chart img {
  width: 100%;
}
.c-type-howtouse2 .attention-info .notes p {
  font-size: 14px;
  line-height: 1.75;
}
.c-type-howtouse2 .bag-age {
  padding: 20px 10px;
  background: #e2f2fd;
  border-radius: 15px;
}
.c-type-howtouse2 .bag-age .clm2 {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .bag-age .clm2 {
    display: block;
  }
}
.c-type-howtouse2 .bag-age .clm2 .text {
  width: calc(100% - 200px);
  padding: 0 30px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .bag-age .clm2 .text {
    width: 100%;
    padding: 0 0 20px 0;
  }
}
.c-type-howtouse2 .bag-age .clm2 .text .tl {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #000000;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .bag-age .clm2 .text .tl {
    font-size: 16px;
  }
}
.c-type-howtouse2 .bag-age .clm2 .text .tl span {
  margin-right: 10px;
}
.c-type-howtouse2 .bag-age .clm2 .text .tl span img {
  max-width: 100%;
}
.c-type-howtouse2 .bag-age .clm2 .text .read {
  padding-left: 3em;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .bag-age .clm2 .text .read {
    padding: 0;
  }
}
.c-type-howtouse2 .bag-age .clm2 .text .read p {
  font-size: 16px;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .bag-age .clm2 .text .read p {
    font-size: 14px;
  }
}
.c-type-howtouse2 .bag-age .clm2 .text .read p span {
  color: #2a65bd;
}
.c-type-howtouse2 .bag-age .clm2 .photo {
  width: 200px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .bag-age .clm2 .photo {
    width: 100%;
    text-align: center;
  }
}
.c-type-howtouse2 .bag-age .clm2 .photo img {
  max-width: 100%;
}
.c-type-howtouse2 .ship-clm2 {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 {
    display: block;
  }
}
.c-type-howtouse2 .ship-clm2 .left-clm {
  display: flex;
  width: 70%;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 .left-clm {
    width: 100%;
    display: block;
  }
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 15px;
  border: 1px solid #7abeec;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd {
  display: flex;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd {
    display: block;
  }
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info {
  width: calc(100% - 210px);
  padding: 0 10px 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info {
    width: 100%;
    padding: 0 0 15px 0;
  }
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info .bar {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  background: #e2f2fd;
  padding: 5px;
  line-height: 1.25;
  margin-bottom: 10px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info .bar {
    font-size: 16px;
  }
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info .bar span {
  margin-right: 10px;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info .read {
  margin-bottom: 5px;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info .read p {
  font-size: 14px;
  line-height: 1.75;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info .timelist ul li {
  max-width: 330px;
  padding: 5px;
  background: #e2f2fd;
  border: 1px solid #7abeec;
  border-radius: 100px;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 5px;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info .timelist ul li span {
  color: #2a65bd;
  font-weight: 600;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .info .timelist ul li span.icon {
  margin-right: 7px;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .photo {
  width: 210px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .photo {
    width: 100%;
  }
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .hd .photo img {
  width: 100%;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule {
  background: #e2f2fd;
  padding: 10px;
  border-radius: 10px;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule .bar {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  background: #e2f2fd;
  line-height: 1.25;
  margin-bottom: 10px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule .bar {
    font-size: 16px;
  }
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule .bar span {
  margin-right: 10px;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule .time-icon {
  margin-bottom: 5px;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule .time-icon ul {
  display: flex;
  flex-wrap: wrap;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule .time-icon ul li {
  width: calc(100% / 5);
  padding: 2px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule .time-icon ul li {
    width: 50%;
  }
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule .time-icon ul li img {
  width: 100%;
}
.c-type-howtouse2 .ship-clm2 .left-clm .inner-box .time-schedule .notes p {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 600;
}
.c-type-howtouse2 .ship-clm2 .right-clm {
  display: flex;
  width: 30%;
  padding: 0 0 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 .right-clm {
    width: 100%;
    display: block;
    padding: 20px 0 0 0;
  }
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 15px;
  border: 1px solid #7abeec;
  background: #e2f2fd;
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .bar {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  background: #e2f2fd;
  line-height: 1.25;
  margin-bottom: 10px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .ship-clm2 .right-clm .inner-box .bar {
    font-size: 16px;
  }
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .bar span {
  margin-right: 10px;
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .att-list {
  padding: 20px 10px;
  background: #ffffff;
  border-radius: 10px;
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .att-list .row {
  display: flex;
  padding: 20px 0;
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .att-list .row:first-of-type {
  border-bottom: 1px solid #7abeec;
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .att-list .row .icon {
  width: 42px;
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .att-list .row .icon img {
  max-width: 100%;
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .att-list .row .text {
  width: calc(100% - 42px);
  padding-left: 10px;
  box-sizing: border-box;
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .att-list .row .text p {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.75;
}
.c-type-howtouse2 .ship-clm2 .right-clm .inner-box .att-list .row .text p span {
  color: #2a65bd;
}
.c-type-howtouse2 .due-read-text {
  margin-top: 20px;
  margin-bottom: 50px;
}
.c-type-howtouse2 .due-read-text p {
  font-size: 14px;
  line-height: 1.75;
  text-align: center;
}
.c-type-howtouse2 .due-table__block {
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #7abeec;
  margin-bottom: 20px;
}
.c-type-howtouse2 .due-table__block .pc-hd {
  display: flex;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .due-table__block .pc-hd {
    display: none;
  }
}
.c-type-howtouse2 .due-table__block .pc-hd .row1 {
  width: 50%;
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #7eb4e2;
}
.c-type-howtouse2 .due-table__block .pc-hd .row1 span.icon {
  margin-right: 10px;
}
.c-type-howtouse2 .due-table__block .pc-hd .row2 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  color: #7eb4e2;
}
.c-type-howtouse2 .due-table__block .pc-hd .row2 span.icon {
  margin-right: 10px;
}
.c-type-howtouse2 .due-table__block .pc-hd .row2 span.min {
  font-size: 14px;
}
.c-type-howtouse2 .due-table__block .table-list dl {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #cccccc;
  padding: 5px 0;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .due-table__block .table-list dl {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 15px 0;
  }
}
.c-type-howtouse2 .due-table__block .table-list dl dt.area {
  display: block;
  width: 18%;
  padding: 10px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 10px;
  background: #7eb4e2;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .due-table__block .table-list dl dt.area {
    width: 100%;
    font-size: 14px;
  }
}
.c-type-howtouse2 .due-table__block .table-list dl dd.pref {
  display: block;
  width: 64%;
  padding: 10px;
  font-size: 16px;
  color: #000000;
  box-sizing: border-box;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .due-table__block .table-list dl dd.pref {
    width: 100%;
    font-size: 14px;
  }
}
.c-type-howtouse2 .due-table__block .table-list dl dd.day {
  display: block;
  width: 18%;
  padding: 10px;
  font-size: 18px;
  color: #1160bf;
  text-align: center;
  font-weight: 600;
  border-radius: 10px;
  background: #e2f2fd;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .due-table__block .table-list dl dd.day {
    width: 100%;
    font-size: 14px;
  }
}
.c-type-howtouse2 .due-attention {
  padding: 15px 10px;
  background: #e2f2fd;
  border-radius: 15px;
  margin-bottom: 20px;
}
.c-type-howtouse2 .due-attention .clm2 {
  display: flex;
}
.c-type-howtouse2 .due-attention .clm2 .icon {
  width: 32px;
}
.c-type-howtouse2 .due-attention .clm2 .icon img {
  max-width: 100%;
}
.c-type-howtouse2 .due-attention .clm2 .text {
  width: calc(100% - 32px);
  padding: 0 0 0 10px;
  box-sizing: border-box;
}
.c-type-howtouse2 .due-attention .clm2 .text p {
  font-size: 14px;
  line-height: 1.75;
  text-indent: -1em;
  padding-left: 1em;
}
.c-type-howtouse2 .due-other-attention {
  padding: 15px 10px;
  background: #e2f2fd;
  border-radius: 15px;
  margin-bottom: 20px;
  border: 1px solid #7eb4e2;
}
.c-type-howtouse2 .due-other-attention .bar {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  background: #e2f2fd;
  line-height: 1.25;
  margin-bottom: 10px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .due-other-attention .bar {
    font-size: 16px;
  }
}
.c-type-howtouse2 .due-other-attention .bar span {
  margin-right: 10px;
}
.c-type-howtouse2 .due-other-attention .clm3 {
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .due-other-attention .clm3 {
    display: block;
  }
}
.c-type-howtouse2 .due-other-attention .clm3 .row {
  display: flex;
  width: calc(100% / 3);
  padding: 0 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .due-other-attention .clm3 .row {
    display: block;
    width: 100%;
    padding: 10px 0;
  }
}
.c-type-howtouse2 .due-other-attention .clm3 .row .inner {
  display: flex;
  align-items: center;
  padding: 20px 10px;
  background: #ffffff;
  border-radius: 5px;
}
.c-type-howtouse2 .due-other-attention .clm3 .row .inner .icon {
  width: 42px;
}
.c-type-howtouse2 .due-other-attention .clm3 .row .inner .icon img {
  max-width: 100%;
}
.c-type-howtouse2 .due-other-attention .clm3 .row .inner .text {
  width: calc(100% - 42px);
  padding: 0 0 0 10px;
  box-sizing: border-box;
}
.c-type-howtouse2 .due-other-attention .clm3 .row .inner .text p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  color: #000000;
}
.c-type-howtouse2 .cancel-info {
  padding: 15px 10px;
  border-radius: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #7eb4e2;
}
.c-type-howtouse2 .cancel-info .bar {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  background: #e2f2fd;
  line-height: 1.25;
  margin-bottom: 20px;
  border-radius: 5px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .cancel-info .bar {
    font-size: 16px;
  }
}
.c-type-howtouse2 .cancel-info .bar span {
  margin-right: 10px;
}
.c-type-howtouse2 .cancel-info .timelist {
  margin-bottom: 20px;
}
.c-type-howtouse2 .cancel-info .timelist ul li {
  max-width: 600px;
  padding: 5px;
  background: #e2f2fd;
  border: 1px solid #7abeec;
  border-radius: 100px;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .cancel-info .timelist ul li {
    border-radius: 10px;
  }
}
.c-type-howtouse2 .cancel-info .timelist ul li span {
  color: #2a65bd;
  font-weight: 600;
}
.c-type-howtouse2 .cancel-info .timelist ul li span.icon {
  margin-right: 7px;
}
.c-type-howtouse2 .cancel-info .att-text p {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #ff0000;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  .c-type-howtouse2 .cancel-info .att-text p {
    font-size: 14px;
  }
}
.c-type-howtouse2 .cancel-info .att-text p span {
  margin-right: 10px;
}

.c-type-mtnce .read-text {
  max-width: 680px;
  margin: 100px auto;
}
.c-type-mtnce .read-text > h5 {
  font-size: 20px;
  color: #7abeec;
  text-align: center;
  font-weight: 500;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 768px) {
  .c-type-mtnce .read-text > h5 {
    font-size: 16px;
  }
}
.c-type-mtnce .read-text .txt p {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .c-type-mtnce .read-text .txt p {
    font-size: 14px;
    text-align: left;
  }
}

/*# sourceMappingURL=style.css.map */