@charset "UTF-8";
/**************************/
.mt00 {
  margin-top: 0px;
}

.mt05 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100 {
  margin-top: 100px !important;
}

.mt110 {
  margin-top: 110px;
}

.mt120 {
  margin-top: 120px !important;
}

.mt130 {
  margin-top: 130px;
}

.mt140 {
  margin-top: 140px;
}

.mt150 {
  margin-top: 150px !important;
}

.mt160 {
  margin-top: 160px;
}

.mt170 {
  margin-top: 170px;
}

.mt180 {
  margin-top: 180px;
}

.mt190 {
  margin-top: 190px;
}

.mt260 {
  margin-top: 200px;
}

.top,
.second,
.headerPc,
.footer {
  /*box-sizingを全ブラウザに対応*/
}
.top h1, .top h2, .top h3, .top h4, .top ul, .top ol, .top dl, .top li, .top dt, .top dd, .top p, .top div, .top span, .top img, .top a, .top table, .top tr, .top th, .top td,
.second h1,
.second h2,
.second h3,
.second h4,
.second ul,
.second ol,
.second dl,
.second li,
.second dt,
.second dd,
.second p,
.second div,
.second span,
.second img,
.second a,
.second table,
.second tr,
.second th,
.second td,
.headerPc h1,
.headerPc h2,
.headerPc h3,
.headerPc h4,
.headerPc ul,
.headerPc ol,
.headerPc dl,
.headerPc li,
.headerPc dt,
.headerPc dd,
.headerPc p,
.headerPc div,
.headerPc span,
.headerPc img,
.headerPc a,
.headerPc table,
.headerPc tr,
.headerPc th,
.headerPc td,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer ul,
.footer ol,
.footer dl,
.footer li,
.footer dt,
.footer dd,
.footer p,
.footer div,
.footer span,
.footer img,
.footer a,
.footer table,
.footer tr,
.footer th,
.footer td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.top ol, .top ul,
.second ol,
.second ul,
.headerPc ol,
.headerPc ul,
.footer ol,
.footer ul {
  list-style: none;
  list-style-type: none;
}
.top img,
.second img,
.headerPc img,
.footer img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}
.top *, .top *:before, .top *:after,
.second *,
.second *:before,
.second *:after,
.headerPc *,
.headerPc *:before,
.headerPc *:after,
.footer *,
.footer *:before,
.footer *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.top img,
.second img,
.headerPc img,
.footer img {
  width: 100%;
  height: auto;
}

img {
  pointer-events: none;
}

body {
  position: relative;
  margin: 0 auto;
  padding: 0;
  font-size: 1.125rem;
  -webkit-text-size-adjust: 100%;
  color: #1b1b1b;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  background: #fafaf5;
  font-feature-settings: "palt";
  overflow-x: hidden;
}
@media screen and (max-width: 750px) {
  body {
    overflow-x: auto;
  }
}

.fontMincho {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
  font-feature-settings: "palt";
}

a {
  color: #1b1b1b;
  text-decoration: none;
  transition: opacity 0.3s;
}

a:hover {
  opacity: 0.7;
  color: #1b1b1b;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  a:hover {
    opacity: 1;
  }
}

a.link {
  text-decoration: underline;
  text-underline-offset: 0.4em;
}
a.link:hover {
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  a.link:hover {
    text-decoration: underline;
  }
}

.txtS {
  font-size: 0.7em;
}

.txtM {
  font-size: 0.9em;
}

.txtL {
  font-size: 1.2em;
}

.txtB {
  font-weight: bold;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

a .arrow {
  flex-shrink: 0;
  position: relative;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  width: 36px;
  height: 20px;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  a .arrow {
    width: 35px;
    height: 20px;
    border-radius: 5vw;
  }
}
a .arrow::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 3px solid #0a7fd9;
  border-right: 3px solid #0a7fd9;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  a .arrow::after {
    width: 8px;
    height: 8px;
    border-top: 3px solid #0a7fd9;
    border-right: 3px solid #0a7fd9;
  }
}
a .arrowB {
  flex-shrink: 0;
  position: relative;
  top: -0.1em;
  content: "";
  display: inline-block;
  background: #0a7fd9;
  border-radius: 10px;
  width: 36px;
  height: 20px;
  margin: 0 0.5em 0 0.5em;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  a .arrowB {
    width: 7.4vw;
    height: 4.26vw;
    border-radius: 5vw;
  }
}
a .arrowB::after {
  position: absolute;
  top: 0;
  left: 12px;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  a .arrowB::after {
    width: 1.8vw;
    height: 1.8vw;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
  }
}

span.letter {
  letter-spacing: -0.18em;
}

.btnOri {
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .btnOri {
    width: 300px;
    display: block;
  }
}
.btnOri a {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  padding: 1em 2em 1em 1.1em;
  box-shadow: 5px 6px 5px rgba(85, 85, 85, 0.4);
  font-size: 1.4375rem;
  font-weight: 600;
  line-height: 1.3em;
}
@media screen and (max-width: 750px) {
  .btnOri a {
    font-size: 1.125rem;
    display: flex;
    box-shadow: 2px 3px 2px rgba(85, 85, 85, 0.3);
    align-items: center;
    border-radius: 15px;
  }
}
.btnOri a .icon {
  display: inline-block;
  width: 22px;
  margin: 0 0.5em 0;
}
@media screen and (max-width: 750px) {
  .btnOri a .icon {
    width: 18.5px;
  }
}
.btnOri a::after {
  position: absolute;
  top: 0;
  right: 1.7em;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  border-top: 6px solid #0a7fd9;
  border-right: 6px solid #0a7fd9;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  .btnOri a::after {
    width: 0.8em;
    height: 0.8em;
    border-top: 4px solid #0a7fd9;
    border-right: 4px solid #0a7fd9;
    right: 4vw;
  }
}

.btnOriS a {
  position: relative;
  display: block;
  border-radius: 5px;
  background: #fff;
  font-weight: 600;
  padding: 0.3em 0.5em 0.3em 2.5em;
  font-size: 0.875rem;
  line-height: 1.2em;
  box-shadow: 2px 3px 2px rgba(85, 85, 85, 0.3);
}
@media screen and (max-width: 750px) {
  .btnOriS a {
    font-size: 4.53vw;
    display: flex;
    align-items: center;
  }
}
.btnOriS a .icon {
  position: absolute;
  top: 50%;
  left: 0.8em;
  transform: translateY(-50%);
  width: 13px;
  margin: 0;
}
@media screen and (max-width: 750px) {
  .btnOriS a .icon {
    width: 4.93vw;
  }
}
.btnOriS a::after {
  position: absolute;
  top: 0;
  right: 0.7em;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 3px solid #0a7fd9;
  border-right: 3px solid #0a7fd9;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  .btnOriS a::after {
    width: 3vw;
    height: 3vw;
    border-top: 4px solid #0a7fd9;
    border-right: 4px solid #0a7fd9;
    right: 4vw;
  }
}

.pc {
  display: block;
}
@media screen and (max-width: 1020px) {
  .pc {
    display: none;
  }
}

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

.pcs {
  display: block;
}
@media screen and (max-width: 750px) {
  .pcs {
    display: none;
  }
}

.sps {
  display: none;
}
@media screen and (max-width: 750px) {
  .sps {
    display: block;
  }
}

/*cocoon用*/
.mvWrap {
  position: relative;
  width: 100%;
  height: 166px;
  background: url(../images/second_mv.png) repeat center bottom/100% auto;
}
@media screen and (max-width: 750px) {
  .mvWrap {
    background: url(../images/second_mv_sp.png) repeat center bottom/100% auto;
    height: 126px;
  }
}

.home #content > .mvWrap {
  display: none !important;
}

.home .main {
  padding: 0 !important;
}

.header-in {
  display: none;
}

.content {
  margin-top: 0;
}

.footer-in {
  display: none;
}

.footer {
  margin: 0 !important;
}

.mobile-menu-buttons .logo-menu-button {
  padding: 5px;
  background: #fafaf5;
}

.mobile-menu-buttons .menu-icon {
  color: #0a7fd9;
}

.header-container, .main, .sidebar, .footer {
  background-color: #fafaf5;
}

.swiper-wrapper {
  margin-top: 0;
  margin-left: 0;
}

.article.post .entry-content a,
.article.voice .entry-content a {
  text-decoration: underline;
  text-underline-offset: 0.4em;
}
.article.post .entry-content a:hover,
.article.voice .entry-content a:hover {
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .article.post .entry-content a:hover,
  .article.voice .entry-content a:hover {
    text-decoration: underline;
  }
}
.article.post .entry-content a::after,
.article.voice .entry-content a::after {
  content: "";
  background: url(../images/icon_arrow.svg) no-repeat center center/100% auto;
  flex-shrink: 0;
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  width: 32px;
  aspect-ratio: 36/20;
  margin: 0 0.2em 0 0.3em;
  vertical-align: middle;
}

.article.post .entry-content .toc-content a::after,
.article.voice .entry-content .toc-content a::after {
  display: none;
}

.page { /*固定ページ*/ }
.page .date-tags {
  display: none;
}
.page .article h1.entry-title {
  text-align: left;
  border-left: 15px solid #0a7fd9;
  padding: 0.2em 0 0.2em 10px;
  font-size: 2.3125rem;
  line-height: 1.2em;
  letter-spacing: -0.05em;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
  font-feature-settings: "palt";
}
@media screen and (max-width: 750px) {
  .page .article h1.entry-title {
    font-size: 1.5rem;
    border-left: 8px solid #0a7fd9;
    padding: 0.1em 0 0.1em 10px;
  }
}

.mobile-menu-buttons .menu-button {
  background: #fafaf5;
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  color: #0a7fd9 !important;
}

/********************

header

*********************/
.headerPc {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fafaf5;
  border-bottom: 1px solid #d1d1d1 !important;
  z-index: 150;
}
@media screen and (max-width: 1020px) {
  .headerPc {
    display: none;
  }
}

.headerBox {
  display: flex;
  justify-content: space-between;
  max-width: 1256px; /*1020px*/
  margin: 0 auto !important;
  padding: 0 20px 0px !important;
  align-items: center;
}
.headerBox .ttl {
  width: 261px;
}
.headerBox .ttl a {
  display: block;
}
.headerBox .navBox {
  display: flex;
}
.headerBox .navBox .box1 {
  display: flex;
}
.headerBox .navBox .box1 .list {
  display: flex;
  align-items: center;
  margin: 0 0 0 25px;
  flex-direction: initial;
}
.headerBox .navBox .box1 .list li {
  margin: 0 18px 0 0;
  list-style: none;
}
.headerBox .navBox .box1 .list li a {
  font-weight: 700;
  color: #1b1b1b !important;
}
.headerBox .navBox .box1 .list li a span:nth-of-type(1) {
  display: block;
  width: 36px;
  height: 20px;
}
.headerBox .navBox .box2 {
  display: flex;
}
.headerBox .navBox .box2 .list {
  display: flex;
  flex-direction: initial;
  border-right: 1px solid #d1d1d1;
}
.headerBox .navBox .box2 .list li {
  border-left: 1px solid #d1d1d1;
  list-style: none;
}
.headerBox .navBox .box2 .list li a span {
  color: #1b1b1b;
}
.headerBox .navBox .box2 .list .contact a {
  padding: 0.7em 0.7em;
  display: flex;
  align-items: center;
}
.headerBox .navBox .box2 .list .contact a span {
  line-height: 1.1em;
  font-weight: 700;
}
.headerBox .navBox .box2 .list .contact a span:nth-of-type(1) {
  display: inline-block;
  width: 24px;
  margin: 0 5px 0 0;
}
.headerBox .navBox .box2 .list .search,
.headerBox .navBox .box2 .list .kojin,
.headerBox .navBox .box2 .list .dantai {
  z-index: auto;
  text-align: center;
  width: 50px;
}
.headerBox .navBox .box2 .list .search a,
.headerBox .navBox .box2 .list .kojin a,
.headerBox .navBox .box2 .list .dantai a {
  font-size: 0.625rem;
  display: block;
  padding: 0.7em 0;
}
.headerBox .navBox .box2 .list .search a span,
.headerBox .navBox .box2 .list .kojin a span,
.headerBox .navBox .box2 .list .dantai a span {
  display: block;
  line-height: 1.1em;
  font-weight: 700;
}
.headerBox .navBox .box2 .list .search a span:nth-of-type(1),
.headerBox .navBox .box2 .list .kojin a span:nth-of-type(1),
.headerBox .navBox .box2 .list .dantai a span:nth-of-type(1) {
  display: inline-block;
  width: 36px;
}
.headerBox .navBox .box2 .list .search .in {
  font-size: 0.625rem;
  display: block;
  padding: 0.7em 0;
  cursor: pointer;
  height: 100%;
}
.headerBox .navBox .box2 .list .search .in span {
  display: block;
  line-height: 1.1em;
  font-weight: 700;
  color: #1b1b1b;
}
.headerBox .navBox .box2 .list .search .in span:nth-of-type(1) {
  display: inline-block;
  width: 36px;
  margin: 0 0 0.3em;
}
.headerBox .navBox .searchBox {
  opacity: 0;
  position: absolute;
  top: 66px;
  right: 0;
  width: 100%;
  height: auto;
  padding: 1em;
  background: #fafaf5;
  z-index: -1;
  border-bottom: 1px solid #d1d1d1;
  display: none;
  transition: opacity 0.3s ease;
}
.headerBox .navBox .searchBox .box {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  margin: 0 0.5em;
  padding: 0 0.5em;
  display: inline-block;
}
.headerBox .navBox .searchBox form {
  display: flex;
  align-items: center;
}
.headerBox .navBox .searchBox input {
  border: none;
  background: none;
  width: 400px;
  padding: 0.3em;
  font-size: 1rem;
  outline: none;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.headerBox .navBox .searchBox input::placeholder {
  color: #727171;
}
.headerBox .navBox .searchBox button {
  background: none;
  border: none;
  cursor: pointer;
}
.headerBox .navBox .searchBox[style*="display: block"] {
  opacity: 1;
}
@media screen and (max-width: 1100px) {
  .headerBox .list li a {
    font-size: 0.875rem;
  }
}

.ftBnrWrap {
  padding: 10px 0 !important;
  text-align: left;
  background: #bfbfbf;
}
.ftBnrWrap .swiperBox {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 100px;
  text-align: center;
}
@media screen and (max-width: 1020px) {
  .ftBnrWrap .swiperBox {
    padding: 0 5% 0;
  }
}
@media screen and (max-width: 750px) {
  .ftBnrWrap .swiperBox {
    padding: 10px 0;
  }
}
.ftBnrWrap .swiperBox .swiper {
  overflow: visible;
}
@media screen and (max-width: 750px) {
  .ftBnrWrap .swiperBox .swiper {
    overflow: hidden;
  }
}
.ftBnrWrap .swiperBox .swiper-wrapper {
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .ftBnrWrap .swiperBox .swiper-wrapper {
    flex-wrap: inherit;
    justify-content: inherit;
  }
}
.ftBnrWrap .swiperBox .swiper-slide {
  width: 190px;
  display: inline-block;
  margin: 0.5em;
}
@media screen and (max-width: 750px) {
  .ftBnrWrap .swiperBox .swiper-slide {
    margin: 0 2vw;
  }
}
.ftBnrWrap .swiperBox .swiper-slide a {
  border: 1px solid #b5b5b5;
  position: relative;
  display: block;
}

.footer {
  background: #0a7fd9;
  padding: 3em 0 2em !important;
}
@media screen and (max-width: 750px) {
  .footer {
    padding: 1em 0 2em !important;
  }
}
.footer .footerBox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  max-width: 1256px;
  margin: 0 auto !important;
  padding: 0 29px 0px;
}
@media screen and (max-width: 1020px) {
  .footer .footerBox {
    display: block;
    padding: 0 5% 0;
  }
}
.footer .footerBox .logoBox {
  width: 363px;
}
@media screen and (max-width: 1020px) {
  .footer .footerBox .logoBox {
    margin: 2em auto 0;
  }
}
@media screen and (max-width: 750px) {
  .footer .footerBox .logoBox {
    width: 71.2vw;
    margin: 2em 0 0;
  }
}
.footer .footerBox .logoBox .sns {
  display: flex;
  margin: 1.3em 0 0 0.3em;
}
.footer .footerBox .logoBox .sns li {
  width: 27px;
  margin: 0 0.5em 0 0;
}
@media screen and (max-width: 750px) {
  .footer .footerBox .logoBox .sns li {
    width: 5.4vw;
  }
}
.footer .footerBox .logoBox .sns li a {
  display: block;
}
.footer .navBox {
  display: flex;
}
@media screen and (max-width: 1020px) {
  .footer .navBox {
    justify-content: center;
  }
}
.footer .navBox ul {
  margin: 0 0 0 3em;
}
@media screen and (max-width: 1020px) {
  .footer .navBox ul {
    margin: 0 1.5em;
  }
}
@media screen and (max-width: 750px) {
  .footer .navBox ul {
    margin: 0;
  }
}
@media screen and (max-width: 750px) {
  .footer .navBox ul:nth-child(1) {
    margin: 0 1.5vw 0 0;
  }
}
.footer .navBox ul li {
  position: relative;
  margin: 0.5em 0 0;
}
.footer .navBox ul li a {
  color: #fff;
  display: block;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5em;
  text-decoration: underline;
  text-underline-offset: 7px;
}
@media screen and (max-width: 750px) {
  .footer .navBox ul li a {
    font-size: clamp(12px, 4.26vw, 18px);
    text-underline-offset: 4px;
  }
}
.footer .navBox ul li a::before {
  margin: 0 0.8em 0 0;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
.footer .navBox ul li a:hover {
  text-decoration: none;
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .footer .navBox ul li a:hover {
    text-decoration: underline;
  }
}
.footer .copyright {
  font-size: 0.75rem;
  text-align: center;
  color: #fff;
  margin: 5em 0 0;
}
@media screen and (max-width: 750px) {
  .footer .copyright {
    margin: 4em 0 0;
    font-size: clamp(12px, 4.26vw, 18px);
  }
}

.top h2.mainTtl {
  text-align: left;
  border-left: 15px solid #0a7fd9;
  padding: 0 0 30px 5px;
}
@media screen and (max-width: 750px) {
  .top h2.mainTtl {
    border-left: 7px solid #0a7fd9;
    padding: 0 0 0.8em 1.8vw;
  }
}
.top h2.mainTtl > span {
  display: block;
}
.top h2.mainTtl > span:nth-of-type(1) {
  font-size: 3.75rem;
  line-height: 1.2em;
  letter-spacing: -0.05em;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
  font-feature-settings: "palt";
}
@media screen and (max-width: 750px) {
  .top h2.mainTtl > span:nth-of-type(1) {
    font-size: 1.5rem;
  }
}
.top h2.mainTtl > span:nth-of-type(2) {
  margin: 0.5em 0 0 0.2em;
  line-height: 1.2em;
}
@media screen and (max-width: 750px) {
  .top h2.mainTtl > span:nth-of-type(2) {
    font-size: 1rem;
  }
}
.top .mainTtlBox {
  text-align: left;
  border-left: 15px solid #0a7fd9;
  padding: 0 0 30px 5px;
}
@media screen and (max-width: 750px) {
  .top .mainTtlBox {
    border-left: 7px solid #0a7fd9;
    padding: 0 0 0.8em 0.3em;
  }
}
.top .mainTtlBox h2.mainTtl {
  border: none;
  padding: 0 0 0 5px;
  display: block;
  font-size: 3.75rem;
  line-height: 1.2em;
  letter-spacing: -0.05em;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
  font-feature-settings: "palt";
}
@media screen and (max-width: 750px) {
  .top .mainTtlBox h2.mainTtl {
    font-size: 1.5rem;
  }
}
.top .mainTtlBox .subttl {
  display: block;
  margin: 0.5em 0 0 1em;
  line-height: 1.2em;
  font-size: 1.0625rem;
}
@media screen and (max-width: 1020px) {
  .top .mainTtlBox .subttl {
    margin: 0.5em 0 0 0.5em;
  }
}
@media screen and (max-width: 750px) {
  .top .mainTtlBox .subttl {
    font-size: 1rem;
  }
}
.top .mvWrap {
  position: relative;
  width: 100%;
  height: 725px;
  padding: 50px 0 0;
  background: url(../images/top_mv_bg.webp) no-repeat center center/cover;
}
@media screen and (max-width: 750px) {
  .top .mvWrap {
    background: url(../images/top_mv_bg_sp.webp) no-repeat center center/cover;
    height: auto;
    padding: 0 0 3em;
  }
}
.top .mvWrap .mvBox {
  max-width: 1200px;
  margin: 0 auto;
  padding: 70px 100px 0;
  text-align: left;
}
@media screen and (max-width: 1020px) {
  .top .mvWrap .mvBox {
    padding: 90px 5% 0;
  }
}
.top .mvWrap .mvBox .ttl {
  font-size: 6.1875rem;
  letter-spacing: -0.05em;
  line-height: 1em;
}
@media screen and (max-width: 750px) {
  .top .mvWrap .mvBox .ttl {
    font-size: 12.33vw;
  }
}
.top .mvWrap .mvBox > .txt {
  margin: 2em 0 0;
  width: 522px;
  line-height: 1.7em;
  font-size: 1.125rem;
}
@media screen and (max-width: 750px) {
  .top .mvWrap .mvBox > .txt {
    width: auto;
    font-size: 1rem;
  }
}
.top .mvWrap .mvBox .link {
  position: relative;
  margin: 1.5em 0 0;
}
.top .mvWrap .mvBox .link a {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
}
.top .mvWrap .mvBox .link a:hover {
  opacity: 1;
}
.top .mvWrap .mvBox .link a:hover .txt {
  text-decoration: none;
}
.top .mvWrap .mvBox .link .arrow {
  margin: 0 10px 0 0;
  top: 2px;
}
.top .mvWrap .mvBox .link .txt {
  text-decoration: underline;
  text-underline-offset: 7px;
  line-height: 1em;
}
.top .mvWrap .mvBox .btnOri {
  margin: 3em 0 0;
}
@media screen and (max-width: 750px) {
  .top .mvWrap .mvBox .btnOri {
    width: 290px;
    margin: 2.5em auto 0;
  }
}
.top .mvWrap .mvBox .btnOri a::after {
  display: none;
}
.top .kakomonBox {
  margin: 3em auto 0;
}
@media screen and (max-width: 750px) {
  .top .kakomonBox {
    margin: 6vw auto 0;
  }
}
.top .kakomonBox a {
  position: relative;
  background: url(../images/top_bnr_kakomon.jpg) no-repeat 0 0/contain #fff;
  max-width: 800px;
  height: 160px;
  border: 3px solid #fff;
  border-radius: 10px;
  margin: 0 auto;
  box-shadow: 5px 6px 5px rgba(85, 85, 85, 0.2);
  display: flex;
  align-items: center;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .top .kakomonBox a {
    background: url(../images/top_bnr_kakomon_sp.jpg) no-repeat 0 0/contain #fff;
    width: 315px;
    min-height: 145px;
  }
}
.top .kakomonBox a .box {
  margin: 0 0 0 345px;
}
@media screen and (max-width: 750px) {
  .top .kakomonBox a .box {
    margin: 0 0 0 1em;
    padding: 3em 0 0;
  }
}
.top .kakomonBox a .box .ttl {
  font-size: 2.3125rem;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  .top .kakomonBox a .box .ttl {
    font-size: 1.4375rem;
  }
}
.top .kakomonBox a .box .txt {
  margin: 0.5em 0 0;
  line-height: 1.5em;
  font-size: 1rem;
}
.top .kakomonBox a::after {
  position: absolute;
  top: 0;
  right: 3.5vw;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-top: 6px solid #0a7fd9;
  border-right: 6px solid #0a7fd9;
  transform: rotate(45deg);
}
.top .kadaiWrap {
  max-width: 1200px;
  padding: 5em 100px 5em;
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 1020px) {
  .top .kadaiWrap {
    padding: 5em 5% 5em;
  }
}
@media screen and (max-width: 750px) {
  .top .kadaiWrap {
    padding: 5em 5% 3em;
  }
}
.top .kadaiWrap .kadaiBox {
  display: flex;
  align-items: flex-start;
  margin: 3em 0 0 -77px;
}
@media screen and (max-width: 1020px) {
  .top .kadaiWrap .kadaiBox {
    margin: 3em 0 0 0;
  }
}
@media screen and (max-width: 750px) {
  .top .kadaiWrap .kadaiBox {
    display: block;
    margin: 2em 0 0;
  }
}
.top .kadaiWrap .kadaiBox:nth-child(odd) {
  flex-direction: row-reverse;
  margin: 3em -77px 0 0;
}
@media screen and (max-width: 1020px) {
  .top .kadaiWrap .kadaiBox:nth-child(odd) {
    margin: 3em 0 0 0;
  }
}
@media screen and (max-width: 750px) {
  .top .kadaiWrap .kadaiBox:nth-child(odd) {
    margin: 2em 0 0 0;
  }
}
.top .kadaiWrap .kadaiBox .img {
  width: 39%;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .top .kadaiWrap .kadaiBox .img {
    width: auto;
  }
}
.top .kadaiWrap .kadaiBox .desAura {
  margin: 1em 0 0 2em;
  width: 45%;
}
@media screen and (max-width: 750px) {
  .top .kadaiWrap .kadaiBox .desAura {
    width: auto;
    margin: 1em 0 0 0;
  }
}
.top .kadaiWrap .kadaiBox .desAura .ttl {
  font-size: 1.5rem;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  .top .kadaiWrap .kadaiBox .desAura .ttl {
    font-size: 1.125rem;
  }
}
.top .kadaiWrap .kadaiBox .desAura .txt {
  margin: 1em 0 0;
  line-height: 1.7em;
  font-size: 1rem;
}
@media screen and (max-width: 750px) {
  .top .kadaiWrap .kadaiBox .desAura .txt {
    line-height: 1.7em;
    margin: 1em 0 0;
  }
}
.top .kadaiWrap .kadaiBox:nth-child(odd) .desAura {
  margin: 1em 2em 0 0;
}
@media screen and (max-width: 750px) {
  .top .kadaiWrap .kadaiBox:nth-child(odd) .desAura {
    margin: 1em 0 0 0;
  }
}
.top .aboutWrap {
  padding: 5em 0 7em;
  text-align: left;
  background: #eff3f7;
}
@media screen and (max-width: 750px) {
  .top .aboutWrap {
    padding: 3em 0 4em;
  }
}
.top .aboutWrap > .in {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 100px;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap > .in {
    padding: 0 5% 0;
  }
}
.top .aboutWrap .mainTxt {
  font-size: 1.125rem;
  line-height: 1.7em;
  margin: 1.5em auto 0;
  width: 93%;
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .mainTxt {
    font-size: 1rem;
    width: 100%;
    margin: 1em auto 0;
  }
}
.top .aboutWrap .aboutBox {
  position: relative;
  display: flex;
  margin: 4em 0 0;
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox {
    display: block;
    margin: 2em 0 0;
  }
}
.top .aboutWrap .aboutBox.about2 {
  flex-direction: row-reverse;
  margin: 3em 0 0;
}
.top .aboutWrap .aboutBox .img {
  width: 36%;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox .img {
    width: 48vw;
  }
}
.top .aboutWrap .aboutBox .balloon {
  background: url(../images/top_about_balloon.png) no-repeat 0 0/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 654px;
  height: 87px;
}
@media screen and (max-width: 1200px) {
  .top .aboutWrap .aboutBox .balloon {
    width: 53.75vw;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox .balloon {
    background: url(../images/top_about_balloon_sp.png) no-repeat 0 0/100% auto;
    position: relative;
    width: 76.4vw;
    height: auto;
    aspect-ratio: 573/173;
  }
}
.top .aboutWrap .aboutBox .balloon p {
  padding: 0.9em 1.5em;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1em;
}
@media screen and (max-width: 1200px) {
  .top .aboutWrap .aboutBox .balloon p {
    font-size: 2vw;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox .balloon p {
    font-size: 4.8vw;
    line-height: 1.2em;
    padding: 0.5em 1em;
  }
}
.top .aboutWrap .aboutBox .txt {
  width: 48%;
  margin: 1em 0 0 3em;
  line-height: 1.7em;
  font-size: 1rem;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox .txt {
    margin: 1em 0 0 3%;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox .txt {
    width: auto;
  }
}
.top .aboutWrap .aboutBox.about1 .balloon {
  top: 2.5em;
  left: 30%;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about1 .balloon {
    top: -5%;
    left: 5%;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox.about1 .balloon {
    top: auto;
    left: auto;
    margin: -7.5vw 0 0 10vw;
  }
}
.top .aboutWrap .aboutBox.about1 .txt {
  padding: 8em 0 0 0;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about1 .txt {
    padding: 5% 0 0;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox.about1 .txt {
    margin: 0 0 0 10vw;
    padding: 0 0 0;
  }
}
.top .aboutWrap .aboutBox.about2 {
  margin-top: -1em;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about2 {
    margin-top: 2em;
  }
}
.top .aboutWrap .aboutBox.about2 .balloon {
  top: 5em;
  left: 4%;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about2 .balloon {
    top: -5%;
    left: auto;
    right: 5%;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox.about2 .balloon {
    top: auto;
    left: auto;
    margin: -7.5vw 0 0 5.33vw;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox.about2 .img {
    margin: 0 0 0 auto;
  }
}
.top .aboutWrap .aboutBox.about2 .txt {
  padding: 11em 0 0 0;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about2 .txt {
    padding: 5% 0 0;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox.about2 .txt {
    width: 78.53vw;
    padding: 0;
  }
}
.top .aboutWrap .aboutBox.about3 {
  margin-top: 9em;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about3 {
    margin-top: 2em;
  }
}
.top .aboutWrap .aboutBox.about3 .img {
  width: 45%;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about3 .img {
    margin-top: 4em;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox.about3 .img {
    margin-top: 0;
    width: 67.33vw;
  }
}
.top .aboutWrap .aboutBox.about3 .balloon {
  top: -5em;
  left: 0.5%;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about3 .balloon {
    top: -5%;
    left: 5%;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox.about3 .balloon {
    top: auto;
    left: auto;
    margin: -4.5vw 0 0 10vw;
  }
}
.top .aboutWrap .aboutBox.about3 .txt {
  padding: 1em 0 0 0;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about3 .txt {
    padding: 5% 0 0;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox.about3 .txt {
    margin: 0.5em 0 0 10vw;
    padding: 0;
  }
}
.top .aboutWrap .aboutBox.about2 .txt {
  margin: 1em 3em 0 0;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .aboutBox.about2 .txt {
    margin: 1em 3% 0 0;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .aboutBox.about2 .txt {
    margin: 0;
  }
}
.top .aboutWrap .btnBox {
  margin: 6em auto 0;
  width: 98%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .btnBox {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .btnBox {
    margin: 3em auto 0;
  }
}
.top .aboutWrap .btnBox .txt {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2em;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .btnBox .txt {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .btnBox .txt {
    font-size: 1.125rem;
  }
}
.top .aboutWrap .btnBox .btnOri {
  margin: 0 0 0 1em;
  width: 326px;
  flex-shrink: 0;
}
@media screen and (max-width: 1020px) {
  .top .aboutWrap .btnBox .btnOri {
    margin: 2em auto 0;
  }
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .btnBox .btnOri {
    font-size: 1.125rem;
    width: 290px;
  }
}
.top .aboutWrap .btnBox .btnOri a {
  display: block;
}
@media screen and (max-width: 750px) {
  .top .aboutWrap .btnBox .btnOri a {
    display: flex;
  }
}
.top .voiceWrap {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 5em 0 4em 100px;
  text-align: left;
  display: flex;
}
@media screen and (max-width: 1020px) {
  .top .voiceWrap {
    display: block;
    max-width: 100%;
    padding: 5em 0 6em 5%;
  }
}
@media screen and (max-width: 750px) {
  .top .voiceWrap {
    padding: 3em 0 4em 0;
  }
}
.top .voiceWrap .voiceBox {
  width: 510px;
  flex-shrink: 0;
}
@media screen and (max-width: 1020px) {
  .top .voiceWrap .voiceBox {
    max-width: 1200px;
  }
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .voiceBox {
    width: auto;
  }
}
.top .voiceWrap .voiceBox .mainTtlBox {
  padding: 0 0 30px 10px;
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .voiceBox .mainTtlBox {
    border-left: 7px solid #0a7fd9;
    margin: 0 5%;
    padding: 0 0 0.8em 1.8vw;
  }
}
.top .voiceWrap .voiceBox .mainTtlBox .mainTtl {
  display: block;
  font-size: 2.25rem;
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .voiceBox .mainTtlBox .mainTtl {
    font-size: 1.5rem;
  }
}
.top .voiceWrap .voiceBox .mainTtlBox .subttl {
  display: block;
  font-size: 0.875rem;
  margin: 1em 0 0 0.3em;
  line-height: 1.6em;
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .voiceBox .mainTtlBox .subttl {
    font-size: 1rem;
    line-height: 1.4em;
    margin-top: 0.5em;
  }
}
.top .voiceWrap .swiperBox {
  overflow: hidden;
  margin: 0 calc(-1 * (100vw - 1000px) / 2) 0 0;
  position: relative;
}
@media screen and (max-width: 1020px) {
  .top .voiceWrap .swiperBox {
    margin: 2em 0 0;
  }
}
.top .voiceWrap .swiperBox .swiper-slide {
  width: 360px;
  min-height: 358px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #d1d1d1;
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .swiperBox .swiper-slide {
    width: 81vw;
    min-height: 0;
  }
}
.top .voiceWrap .swiperBox .swiper-slide .img {
  overflow: hidden;
  aspect-ratio: 2.1488095238;
}
.top .voiceWrap .swiperBox .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top .voiceWrap .swiperBox .swiper-slide .box {
  padding: 1em;
}
.top .voiceWrap .swiperBox .swiper-slide .box .ttl {
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 1.2em;
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .swiperBox .swiper-slide .box .ttl {
    font-size: 1.125rem;
  }
}
.top .voiceWrap .swiperBox .swiper-slide .box .txt {
  margin: 0.5em 0 0;
  font-size: 1rem;
  line-height: 1.7em;
}
.top .voiceWrap .swiperBox .swiper-slide .box .arrow {
  margin: 0 0 0 0.5em;
  background: #0a7fd9;
  top: 0;
}
.top .voiceWrap .swiperBox .swiper-slide .box .arrow::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .swiperBox .swiper-slide .box .arrow {
    top: -0.4vw;
  }
}
.top .voiceWrap .swiperBox .swiper-pagination {
  position: relative;
  margin: 2em 0 0;
}
.top .voiceWrap .swiperBox .swiper-pagination-bullet {
  position: relative;
  width: 15px;
  height: 15px;
  background: #c8e7f2;
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .swiperBox .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin: 0 1.5vw !important;
  }
}
.top .voiceWrap .swiperBox .swiper-pagination-bullet-active {
  background: #c8e7f2;
}
.top .voiceWrap .swiperBox .swiper-pagination-bullet-active::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background: #0a7fd9;
  border-radius: 50%;
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .swiperBox .swiper-pagination-bullet-active::after {
    width: 17px;
    height: 17px;
  }
}
.top .voiceWrap .btnOri {
  width: 406px;
  margin: 3em auto 0;
}
@media screen and (max-width: 1020px) {
  .top .voiceWrap .btnOri {
    margin: 2em auto 0;
  }
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .btnOri {
    width: 300px;
    margin: 1.5em auto 0;
  }
}
.top .voiceWrap .btnOri a {
  padding: 1em 2.7em 1em 1.1em;
}
@media screen and (max-width: 750px) {
  .top .voiceWrap .btnOri a {
    padding: 1em 2.7em 1em 1em;
  }
}
.top .moushikomiWrap {
  padding: 3em 0 4em;
  text-align: left;
  background: url(../images/top_moushikomi_bg.webp) no-repeat center center/cover;
}
@media screen and (max-width: 750px) {
  .top .moushikomiWrap {
    background: url(../images/top_moushikomi_bg_sp.webp) no-repeat center center/cover;
    padding: 3em 0 3em;
  }
}
.top .moushikomiWrap > .in {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 100px;
}
@media screen and (max-width: 1020px) {
  .top .moushikomiWrap > .in {
    padding: 0 5% 0;
  }
}
.top .moushikomiWrap h2.ttl {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  font-feature-settings: "palt";
  font-size: 2.25rem;
  letter-spacing: -0.05em;
  color: #fff;
  text-align: center;
  margin: 0 0 1em;
}
@media screen and (max-width: 750px) {
  .top .moushikomiWrap h2.ttl {
    font-size: 1.5rem;
  }
}
.top .moushikomiWrap .moushikomiBox {
  display: flex;
  color: #fff;
  margin: 2em 0 0;
}
@media screen and (max-width: 750px) {
  .top .moushikomiWrap .moushikomiBox {
    display: block;
  }
}
.top .moushikomiWrap .moushikomiBox .img {
  width: 34%;
  flex-shrink: 0;
}
@media screen and (max-width: 750px) {
  .top .moushikomiWrap .moushikomiBox .img {
    width: 100%;
  }
}
.top .moushikomiWrap .moushikomiBox .img a {
  display: block;
}
.top .moushikomiWrap .moushikomiBox .desAura {
  margin: 0.5em 0 0 1em;
}
@media screen and (max-width: 750px) {
  .top .moushikomiWrap .moushikomiBox .desAura {
    margin: 1em 0 0 0;
  }
}
.top .moushikomiWrap .moushikomiBox .desAura .ttl {
  color: #fff;
  font-size: 1.4375rem;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  .top .moushikomiWrap .moushikomiBox .desAura .ttl {
    font-size: 1.125rem;
  }
}
.top .moushikomiWrap .moushikomiBox .desAura .link {
  margin: 1em 0 0;
  line-height: 1.7em;
}
@media screen and (max-width: 750px) {
  .top .moushikomiWrap .moushikomiBox .desAura .link {
    margin: 0.8em 0 0;
    line-height: 1.5em;
  }
}
.top .moushikomiWrap .moushikomiBox .desAura .link a {
  display: flex;
  color: #fff;
}
.top .moushikomiWrap .moushikomiBox .desAura .link a .txt {
  font-size: 1rem;
}
@media screen and (max-width: 750px) {
  .top .moushikomiWrap .moushikomiBox .desAura .link a .txt {
    line-height: 1.5em;
  }
}
.top .moushikomiWrap .moushikomiBox .desAura .link a .arrow {
  top: 0.4em;
  margin: 0 0.5em 0 0;
}
.top .updateWrap {
  max-width: 1200px;
  padding: 6em 100px 3.5em;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1020px) {
  .top .updateWrap {
    padding: 6em 5% 5em;
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .top .updateWrap {
    padding: 2em 5% 4em;
  }
}
.top .updateWrap .ttlBox {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .ttlBox {
    align-items: center;
  }
}
.top .updateWrap .ttlBox .mainTtl {
  padding: 0 0 10px 10px;
  line-height: 1em;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .ttlBox .mainTtl {
    padding: 0 0 0 1.8vw;
  }
}
.top .updateWrap .ttlBox .mainTtl span:nth-of-type(1) {
  font-size: 2.25rem;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .ttlBox .mainTtl span:nth-of-type(1) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  .top .updateWrap .ttlBox .btnOri {
    width: 130px;
  }
}
.top .updateWrap .ttlBox .btnOri a {
  display: block;
  padding: 0.8em 3em 0.8em 1.5em;
  font-size: 1.0625rem;
  border-radius: 10px;
  box-shadow: 2px 3px 3px rgba(85, 85, 85, 0.4);
}
@media screen and (max-width: 750px) {
  .top .updateWrap .ttlBox .btnOri a {
    padding: 0.8em 1em 0.8em 1em;
    font-size: 1.0625rem;
  }
}
.top .updateWrap .ttlBox .btnOri a::after {
  right: 1.7em;
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .ttlBox .btnOri a::after {
    width: 0.8em;
    height: 0.8em;
    right: 0.8em;
  }
}
.top .updateWrap .columnBox {
  width: 47%;
}
@media screen and (max-width: 1020px) {
  .top .updateWrap .columnBox {
    width: auto;
  }
}
.top .updateWrap .columnBox .box {
  margin: 2.5em 0 0;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .columnBox .box {
    margin: 1.5em 0 0;
  }
}
.top .updateWrap .columnBox .box .item a {
  display: flex;
  align-items: flex-start;
  margin: 1em 0 0;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .columnBox .box .item a {
    margin: 1.5em 0 0;
  }
}
.top .updateWrap .columnBox .box .item a .img {
  width: 33.5%;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 1.3333333333;
  flex-shrink: 0;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .columnBox .box .item a .img {
    width: 31.33vw;
  }
}
.top .updateWrap .columnBox .box .item a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top .updateWrap .columnBox .box .item a .desAura {
  margin: 0 0 0 0.8em;
}
.top .updateWrap .columnBox .box .item a .desAura .ttl {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2em;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .columnBox .box .item a .desAura .ttl {
    font-size: 1.125rem;
    line-height: 1.3em;
  }
}
.top .updateWrap .columnBox .box .item a .desAura .txt {
  margin: 0.5em 0 0;
  font-size: 0.875rem;
  line-height: 1.5em;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .columnBox .box .item a .desAura .txt {
    font-size: 1rem;
  }
}
.top .updateWrap .columnBox .box .item a .desAura .txt .arrow {
  margin: 0 0 0 0.5em;
  background: #0a7fd9;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .columnBox .box .item a .desAura .txt .arrow {
    top: -0.1em;
  }
}
.top .updateWrap .columnBox .box .item a .desAura .txt .arrow::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}
.top .updateWrap .columnBox .box .item a .desAura .date {
  margin: 0.5em 0 0;
  font-size: 0.875rem;
  line-height: 1em;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .columnBox .box .item a .desAura .date {
    font-size: 1rem;
    margin: 1em 0 0;
  }
}
.top .updateWrap .newsBox {
  width: 47%;
}
@media screen and (max-width: 1020px) {
  .top .updateWrap .newsBox {
    width: auto;
    margin: 4em 0 0;
  }
}
@media screen and (max-width: 750px) {
  .top .updateWrap .newsBox {
    margin: 3em 0 0;
  }
}
.top .updateWrap .newsBox .box {
  margin: 2.5em 0 0;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .newsBox .box {
    margin: 1.5em 0 0;
  }
}
.top .updateWrap .newsBox .box .item {
  display: flex;
  align-items: flex-start;
  margin: 1em 0 0;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .newsBox .box .item {
    margin: 0.8em 0 0;
  }
}
.top .updateWrap .newsBox .box .date {
  font-size: 0.875rem;
  line-height: 1.5em;
  margin: 0.3em 0 0;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .newsBox .box .date {
    font-size: 1rem;
    margin: 0.1em 0 0;
  }
}
.top .updateWrap .newsBox .box .txt {
  margin: 0 0 0 1.7em;
  line-height: 1.5em;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .newsBox .box .txt {
    margin: 0 0 0 1em;
  }
}
.top .updateWrap .newsBox .box .txt a {
  font-size: 1.125rem;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .newsBox .box .txt a {
    font-size: 1rem;
  }
}
.top .updateWrap .newsBox .box .txt a .arrow {
  margin: 0 0 0 0.5em;
  background: #0a7fd9;
}
@media screen and (max-width: 750px) {
  .top .updateWrap .newsBox .box .txt a .arrow {
    top: -0.1em;
  }
}
.top .updateWrap .newsBox .box .txt a .arrow::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}

/*top*/
.second .btnOri {
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .second .btnOri {
    width: 73.33vw;
  }
}
.second .btnOri a {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  padding: 1em 2em 1em 1.1em;
  box-shadow: 5px 6px 5px rgba(85, 85, 85, 0.4);
  font-size: 1.4375rem;
  font-weight: 600;
  line-height: 1.3em;
}
@media screen and (max-width: 750px) {
  .second .btnOri a {
    font-size: 21px;
    display: flex;
    box-shadow: 2px 3px 2px rgba(85, 85, 85, 0.3);
    align-items: center;
    border-radius: 15px;
  }
}
.second .btnOri a .icon {
  display: inline-block;
  width: 22px;
  margin: 0 0.5em 0;
}
@media screen and (max-width: 750px) {
  .second .btnOri a .icon {
    width: 4.93vw;
  }
}
.second .btnOri a::after {
  position: absolute;
  top: 0;
  right: 1.7em;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 0.8em;
  height: 0.8em;
  border-top: 6px solid #0a7fd9;
  border-right: 6px solid #0a7fd9;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  .second .btnOri a::after {
    width: 0.8em;
    height: 0.8em;
    border-top: 4px solid #0a7fd9;
    border-right: 4px solid #0a7fd9;
    right: 4vw;
  }
}
.second .btnOriS a {
  position: relative;
  display: block;
  border-radius: 5px;
  background: #fff;
  font-weight: 600;
  padding: 0.3em 0.5em 0.3em 2.5em;
  font-size: 0.875rem;
  line-height: 1.2em;
  box-shadow: 2px 3px 2px rgba(85, 85, 85, 0.3);
}
@media screen and (max-width: 750px) {
  .second .btnOriS a {
    font-size: 4.53vw;
    display: flex;
    align-items: center;
  }
}
.second .btnOriS a .icon {
  position: absolute;
  top: 50%;
  left: 0.8em;
  transform: translateY(-50%);
  width: 13px;
  margin: 0;
}
@media screen and (max-width: 750px) {
  .second .btnOriS a .icon {
    width: 19px;
  }
}
.second .btnOriS a::after {
  position: absolute;
  top: 0;
  right: 0.7em;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 3px solid #0a7fd9;
  border-right: 3px solid #0a7fd9;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  .second .btnOriS a::after {
    width: 14px;
    height: 14px;
    border-top: 4px solid #0a7fd9;
    border-right: 4px solid #0a7fd9;
    right: 1.3em;
  }
}
.second h2.mainTtl {
  text-align: left;
  border-left: 15px solid #0a7fd9;
  padding: 0.2em 0 0.2em 10px;
  font-size: 2.3125rem;
  line-height: 1.2em;
  letter-spacing: -0.05em;
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
  font-feature-settings: "palt";
  background: none;
  color: #1b1b1b;
}
@media screen and (max-width: 750px) {
  .second h2.mainTtl {
    font-size: 1.5rem;
    border-left: 8px solid #0a7fd9;
    padding: 0.1em 0 0.1em 10px;
  }
}
.second a .arrow {
  flex-shrink: 0;
  position: relative;
  top: 0;
  left: 0;
  content: "";
  display: inline-block;
  background: #fff;
  border-radius: 10px;
  width: 36px;
  height: 20px;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  .second a .arrow {
    width: 7.4vw;
    height: 4.26vw;
    border-radius: 5vw;
  }
}
.second a .arrow::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-top: 3px solid #0a7fd9;
  border-right: 3px solid #0a7fd9;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  .second a .arrow::after {
    width: 1.8vw;
    height: 1.8vw;
    border-top: 3px solid #0a7fd9;
    border-right: 3px solid #0a7fd9;
  }
}
.second a .arrowB {
  flex-shrink: 0;
  position: relative;
  top: -0.1em;
  content: "";
  display: inline-block;
  background: #0a7fd9;
  border-radius: 10px;
  width: 36px;
  height: 20px;
  margin: 0 0.5em 0 0.5em;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  .second a .arrowB {
    width: 1.6em;
    height: 1em;
    border-radius: 20px;
  }
}
.second a .arrowB::after {
  position: absolute;
  top: 0;
  left: 12px;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 0.5em;
  height: 0.5em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  .second a .arrowB::after {
    width: 0.45em;
    height: 0.45em;
    left: 0.5em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}
.second h3.ttl {
  position: relative;
  font-size: 1.8125rem;
  font-weight: 600;
  text-align: center;
  margin: 3em auto 2em;
  padding: 0 0 1.2em;
}
@media screen and (max-width: 750px) {
  .second h3.ttl {
    font-size: 1.3125rem;
    margin: 3em auto 1.5em;
    padding: 0 0 1.4em;
  }
}
.second h3.ttl::after {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  content: "";
  display: block;
  width: 74px;
  height: 14px;
  background: url(../images/icon_border.svg) no-repeat center center/100% auto;
}
@media screen and (max-width: 750px) {
  .second h3.ttl::after {
    width: 55px;
    height: 11px;
  }
}
.second h4.ttl {
  position: relative;
  font-size: 1.5rem;
  font-weight: 600;
  margin: 2em 0 1.2em;
  padding: 0 0 0 1em;
  line-height: 1.4em;
}
@media screen and (max-width: 750px) {
  .second h4.ttl {
    font-size: 1.1875rem;
    margin: 2em 0 1.2em;
  }
}
.second h4.ttl:before {
  position: absolute;
  top: 0.6em;
  left: 0;
  content: "";
  display: block;
  width: 0.7em;
  height: 5px;
  background: #0a7fd9;
}
.second .contentsIn {
  max-width: 1142px; /*1200*/
  padding: 0 71px 0; /*0 100px 5em*/
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 1020px) {
  .second .contentsIn {
    padding: 0 5% 0;
  }
}
@media screen and (max-width: 750px) {
  .second .contentsIn {
    padding: 0 0 0;
  }
}

@media screen and (max-width: 750px) {
  .organization h2.mainTtl {
    font-size: 1.5rem;
  }
}
.organization .aboutWrap .box {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .organization .aboutWrap .box {
    display: block;
  }
}
.organization .aboutWrap .box .img {
  width: 345px;
  flex-shrink: 0;
  margin: 0 2.5em 0 0;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .organization .aboutWrap .box .img {
    margin: 0;
    width: auto;
  }
}
.organization .aboutWrap .box .des .txt {
  font-size: 1rem;
  line-height: 1.7em;
  margin: 0 0 2em;
}
@media screen and (max-width: 750px) {
  .organization .aboutWrap .box .des .txt {
    margin: 1em 0 0;
  }
}
.organization .aboutWrap:nth-child(3n) .box {
  flex-direction: row-reverse;
}
.organization .aboutWrap:nth-child(3n) .box .img {
  margin: 0 0 0 2.5em;
}
@media screen and (max-width: 750px) {
  .organization .aboutWrap:nth-child(3n) .box .img {
    margin: 0;
  }
}
@media screen and (max-width: 750px) {
  .organization .tableWrap {
    margin: 0 0 5em 0;
  }
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box {
    margin: 1em 1% 0 0;
  }
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box table {
    min-width: 600px;
  }
}
.organization .tableWrap .box table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box table {
    margin-bottom: 1.5em;
    width: 650px;
  }
}
.organization .tableWrap .box th {
  background: #dde4ea;
  padding: 1.2em;
  border: 1px solid #d1d1d1;
  font-size: 0.9375rem;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box th {
    font-size: 1rem;
    line-height: 1.2em;
  }
}
.organization .tableWrap .box td {
  position: relative;
  padding: 1.2em;
  border: 1px solid #d1d1d1;
  font-size: 0.9375rem;
  line-height: 1.6em;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box td {
    font-size: 1rem;
  }
}
.organization .tableWrap .box td .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box td .item {
    display: block;
  }
}
.organization .tableWrap .box td .item .des {
  width: 73%;
  margin: 0 1em 0 0;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box td .item .des {
    width: auto;
    margin: 0;
  }
}
.organization .tableWrap .box td .item .btnOriS {
  width: 118px;
  flex-shrink: 0;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box td .item .btnOriS {
    width: 150px;
    margin: 1em auto 0;
  }
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box td .item .btnOriS a {
    font-size: 1rem;
  }
}
.organization .tableWrap .box td .iconOsusume {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  margin: auto;
  width: 61px;
  display: block;
}
@media screen and (max-width: 1020px) {
  .organization .tableWrap .box td .iconOsusume {
    position: relative;
    top: -0.5em;
    right: -0.5em;
    margin: 0 0 0em auto;
  }
}
.organization .tableWrap .box td:nth-child(1) {
  text-align: center;
  width: 25%;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .box td:nth-child(1) {
    white-space: nowrap;
  }
}
.organization .tableWrap .box td:nth-child(2),
.organization .tableWrap .box td:nth-child(3) {
  width: 37.5%;
}
.organization .tableWrap .box ul li {
  padding-left: 0.5em;
  text-indent: -0.5em;
}
.organization .tableWrap.price {
  margin: 3em 0 0;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap.price {
    margin: 2em 0 0;
  }
}
.organization .tableWrap.price tr.syakaijin {
  background: #f2e2e9;
}
.organization .tableWrap.price tr.gakusei {
  background: #e2e7f2;
}
.organization .tableWrap.price td {
  vertical-align: middle;
}
.organization .tableWrap.price span.num {
  font-size: 1.125rem;
}
.organization .tableWrap.price td:nth-child(2) {
  width: auto;
}
.organization .tableWrap.price td:nth-child(3) {
  width: 15%;
  text-align: right;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap.price td:nth-child(3) {
    white-space: nowrap;
  }
}
.organization .tableWrap.price td:nth-child(3) .num {
  font-size: 1.125rem;
  font-weight: 600;
}
.organization .scroll__inner {
  border-radius: 10px;
  background-color: #0a7fd9;
  padding: 0 0 20px 0;
  overflow-x: scroll;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}
.organization .scroll__inner::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}
.organization .simplebar-scrollbar::before {
  border-radius: 10px;
  background: #0a7fd9;
  height: 6px !important;
  margin-left: 0px;
  margin-top: 0px;
}
.organization .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.organization .simplebar-track {
  border-radius: 10px;
  background: #e0e0e0;
  height: 10px !important;
}
.organization .programBox {
  position: relative;
  background: url(../images/organization_bnr.jpg) no-repeat 0 0/contain #fafaf5;
  max-width: 900px;
  height: auto;
  border: 3px solid #fff;
  border-radius: 10px;
  margin: 4em auto 8em;
  box-shadow: 5px 6px 5px rgba(85, 85, 85, 0.2);
  display: flex;
  align-items: center;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .organization .programBox {
    margin: 4em auto 5em;
    background: url(../images/organization_bnr_sp.jpg) no-repeat 0 0/contain #fafaf5;
    width: 90%;
  }
}
.organization .programBox .box {
  margin: 2em 2em 1.3em 268px;
}
@media screen and (max-width: 750px) {
  .organization .programBox .box {
    margin: 0 1.1em 1.1em 13%;
    padding: 5em 0 0;
  }
}
.organization .programBox .box .ttl {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2em;
}
@media screen and (max-width: 750px) {
  .organization .programBox .box .ttl {
    font-size: 1.4375rem;
  }
}
.organization .programBox .box .txt {
  margin: 0.8em 0 0;
  line-height: 1.6em;
}
@media screen and (max-width: 750px) {
  .organization .programBox .box .txt {
    font-size: 1rem;
  }
}
.organization .programBox .btnOriS {
  margin: 1em 0 0;
  display: flex;
  justify-content: right;
}
@media screen and (max-width: 750px) {
  .organization .programBox .btnOriS {
    display: block;
  }
}
.organization .programBox .btnOriS a {
  font-size: 0.875rem;
  padding: 0.8em 2em 0.8em 1em;
}
@media screen and (max-width: 750px) {
  .organization .programBox .btnOriS a {
    font-size: 1rem;
  }
}
.organization .haniWrap {
  margin: 0 0 8em;
}
.organization .haniWrap h3.ttl {
  margin: 4em 0 0;
}
.organization .haniWrap .box {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin: 3.5em 0 0;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box {
    display: block;
    margin: 2em 0 0;
  }
}
.organization .haniWrap .box .img {
  width: 159px;
  flex-shrink: 0;
  margin: 0 0 0 3em;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box .img {
    width: 50%;
    margin: 0 auto;
  }
}
.organization .haniWrap .box .des {
  flex: 1;
  margin: 0 0 0 0.5em;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box .des {
    margin: 1em 0 0;
  }
}
.organization .haniWrap .box .des ol li {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.8em;
  margin: 2em 0 0;
  padding: 0 0 0 65px;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box .des ol li {
    font-size: 1rem;
    padding: 0 0 0 40px;
  }
}
.organization .haniWrap .box .des ol li:nth-child(1) {
  margin: 0;
}
.organization .haniWrap .box .des ol li .num {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  background: #f29c9f;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 50px;
  text-align: center;
  padding: 0em 0 0;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box .des ol li .num {
    font-size: 1rem;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.organization .haniWrap .box .des ol li p {
  padding: 0.5em 0 0;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box .des ol li p {
    font-size: 1rem;
    padding: 0;
  }
}
.organization .haniWrap .box .des .btnBox {
  display: flex;
  justify-content: flex-end;
  margin: 2em 0 0;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box .des .btnBox {
    display: block;
    margin: 1em 0 0;
  }
}
.organization .haniWrap .box .des .btnBox .btnOri {
  min-width: 260px;
  margin: 0 0 0 1em;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box .des .btnBox .btnOri {
    display: flex;
    justify-content: flex-end;
    min-width: 165px;
    margin: 0.5em 0 0 auto;
  }
}
.organization .haniWrap .box .des .btnBox .btnOri a {
  font-size: 1.25rem;
  justify-content: flex-start;
  padding: 1em 3em 1em 1.1em;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box .des .btnBox .btnOri a {
    font-size: 1rem;
    display: inline-block;
    width: auto;
  }
}
.organization .haniWrap .box .des .btnBox .btnOri a::after {
  right: 1em;
}
.organization .haniWrap .box:nth-child(2) .img {
  width: 167px;
}
@media screen and (max-width: 750px) {
  .organization .haniWrap .box:nth-child(2) .img {
    width: 60%;
  }
}
.organization .tableWrap .kijun {
  margin: 3em 0 8em;
}
@media screen and (max-width: 750px) {
  .organization .tableWrap .kijun {
    margin: 1em 1% 0 0;
  }
}
.organization .tableWrap .kijun table {
  border-collapse: collapse;
  border-spacing: 0;
}
.organization .tableWrap .kijun table tr td {
  width: auto !important;
  font-size: 1.125rem;
  text-align: center;
}
.organization .moushikomiWrap {
  padding: 3em 0 4em;
  text-align: left;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .organization .moushikomiWrap {
    display: block;
    padding: 2em 0 1em;
  }
}
.organization .moushikomiWrap .moushikomiBox {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  width: 46.5%;
  margin: 0 1em;
  border: 2px solid #e0e0e0;
}
@media screen and (max-width: 750px) {
  .organization .moushikomiWrap .moushikomiBox {
    display: block;
    width: auto;
    margin: 0 0 1em;
  }
}
.organization .moushikomiWrap .moushikomiBox .desAura {
  margin: 1em;
}
.organization .moushikomiWrap .moushikomiBox .desAura .ttl {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  padding: 0;
  text-align: left;
}
.organization .moushikomiWrap .moushikomiBox .desAura .ttl::after {
  display: none;
}
@media screen and (max-width: 750px) {
  .organization .moushikomiWrap .moushikomiBox .desAura .ttl {
    font-size: 1.3125rem;
  }
}
.organization .moushikomiWrap .moushikomiBox .desAura .link {
  margin: 0.8em 0 0;
  line-height: 1.7em;
}
@media screen and (max-width: 750px) {
  .organization .moushikomiWrap .moushikomiBox .desAura .link {
    margin: 0.5em 0 0;
    line-height: 1.5em;
  }
}
.organization .moushikomiWrap .moushikomiBox .desAura .link a {
  display: flex;
}
@media screen and (max-width: 750px) {
  .organization .moushikomiWrap .moushikomiBox .desAura .link a .txt {
    font-size: 1rem;
    line-height: 1.5em;
  }
}
.organization .moushikomiWrap .moushikomiBox .desAura .link a .arrow {
  top: 0.3em;
  margin: 0 0.5em 0 0;
}

/*organization*/
.flow .contentsIn {
  margin: 0 auto 4em;
}
@media screen and (max-width: 750px) {
  .flow .contentsIn {
    padding: 2em 0 3em;
  }
}
.flow .desWrap {
  margin: 5em 0 0;
}
@media screen and (max-width: 750px) {
  .flow .desWrap {
    margin: 3em 0 0;
  }
}
.flow .desWrap .box {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .flow .desWrap .box {
    display: block;
  }
}
.flow .desWrap .box .img {
  width: 36%;
  flex-shrink: 0;
  margin: 0 2.5em 0 0;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .flow .desWrap .box .img {
    margin: 0;
    width: auto;
  }
}
.flow .desWrap .box .des .txt {
  font-size: 1rem;
  line-height: 1.7em;
  margin: 0 0 2em;
}
@media screen and (max-width: 750px) {
  .flow .desWrap .box .des .txt {
    margin: 1em 0 2em;
  }
}
.flow .desWrap .box .des ol {
  margin: 0 0 0 1.2em;
}
.flow .desWrap .box .des ol > li {
  list-style-type: decimal;
  font-size: 1.1875rem;
  margin: 0 0 2em;
}
.flow .desWrap .box .des ol > li:last-child {
  margin: 0;
}
.flow .desWrap .box .des ol > li .ttl {
  margin: 0 0 0.7em;
}
.flow .desWrap .box .des ol > li ul li {
  margin: 0.7em 0;
  font-size: 1rem;
}
.flow .desWrap .box .des ol > li .txt {
  font-size: 1rem;
}
.flow .flowWrap > .txt {
  font-size: 1rem;
  margin: 0 0 3em;
  line-height: 1.8em;
}
@media screen and (max-width: 750px) {
  .flow .flowWrap h3.ttl {
    line-height: 1.5em;
  }
}
.flow .flowWrap h3.ttl .num {
  background: #0a7fd9;
  color: #fff;
  width: 46px;
  height: 37px; /*39px*/
  border-radius: 8px;
  font-weight: 600;
  display: inline-block;
  line-height: 1em;
  margin: 0 0.3em 0 0;
  padding: 2px 0 0;
}
@media screen and (max-width: 750px) {
  .flow .flowWrap h3.ttl .num {
    width: 38px;
    height: 30px;
  }
}
.flow .flowWrap .box {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .flow .flowWrap .box {
    display: block;
  }
}
.flow .flowWrap .box .img {
  width: 36%;
  flex-shrink: 0;
  margin: 0 2.5em 0 0;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .flow .flowWrap .box .img {
    margin: 0;
    width: auto;
  }
}
.flow .flowWrap .box .des .txt {
  line-height: 1.7em;
  margin: 0 0 2em;
  font-size: 1.125rem;
}
@media screen and (max-width: 750px) {
  .flow .flowWrap .box .des .txt {
    margin: 1em 0 0;
    font-size: 1rem;
  }
}
.flow .flowWrap .list {
  display: block;
  margin: 2em 0 0;
}
.flow .flowWrap .list li {
  margin: 0.3em 0;
  font-size: 1rem;
  padding-left: 0.5em;
  text-indent: -0.5em;
  line-height: 1.5em;
}
.flow .moushikomiWrap {
  font-size: 1.125rem;
}
@media screen and (max-width: 750px) {
  .flow .moushikomiWrap {
    font-size: 1rem;
  }
}
.flow .moushikomiWrap h3.ttl .num {
  background: #0a7fd9;
  color: #fff;
  width: 46px;
  height: 37px; /*39px*/
  border-radius: 8px;
  font-weight: 600;
  display: inline-block;
  line-height: 1em;
  margin: 0 0.3em 0 0;
  padding: 2px 0 0;
}
@media screen and (max-width: 750px) {
  .flow .moushikomiWrap h3.ttl .num {
    width: 38px;
    height: 30px;
  }
}
.flow .moushikomiWrap > .txt {
  margin: 0 0 3em;
  line-height: 1.8em;
}
@media screen and (max-width: 750px) {
  .flow .moushikomiWrap > .txt {
    margin: 0 0 2em;
  }
}
.flow .moushikomiWrap .box {
  display: flex;
  margin: 1.5em 0 0;
}
@media screen and (max-width: 750px) {
  .flow .moushikomiWrap .box {
    display: block;
  }
}
.flow .moushikomiWrap .box .img {
  width: 36%;
  flex-shrink: 0;
  margin: 0 2.5em 0 0;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .flow .moushikomiWrap .box .img {
    margin: 0;
    width: auto;
  }
}
.flow .moushikomiWrap .box .des {
  flex: 1;
}
@media screen and (max-width: 750px) {
  .flow .moushikomiWrap .box .des {
    margin: 1em 0 0;
  }
}
.flow .moushikomiWrap .box .des > .txt {
  position: relative;
  font-size: 1.125rem;
  line-height: 1.8em;
  margin: 2em 0 0;
  padding: 0.5em 0 0 66px;
}
@media screen and (max-width: 750px) {
  .flow .moushikomiWrap .box .des > .txt {
    padding: 0 0 0 40px;
    font-size: 1rem;
  }
}
.flow .moushikomiWrap .box .des > .txt:nth-child(1) {
  margin: 0;
}
.flow .moushikomiWrap .box .des > .txt .num {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  background: #f29c9f;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 50px;
  text-align: center;
  padding: 0em 0 0;
}
@media screen and (max-width: 750px) {
  .flow .moushikomiWrap .box .des > .txt .num {
    font-size: 1rem;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.flow .qaWrap {
  margin: 5em 0 0;
}
@media screen and (max-width: 750px) {
  .flow .qaWrap {
    margin: 3em 0 0;
  }
}
.flow .qaWrap .box {
  position: relative;
  display: flex;
  margin: 0 0 3em;
  padding: 0 0 3em;
}
@media screen and (max-width: 750px) {
  .flow .qaWrap .box {
    display: block;
  }
}
.flow .qaWrap .box .qBox {
  display: flex;
  font-size: 1.3125rem;
  width: 36%;
  margin: 0 2.5em 0 0;
  flex-shrink: 0;
  line-height: 1.3em;
}
@media screen and (max-width: 750px) {
  .flow .qaWrap .box .qBox {
    width: 100%;
    margin: 0 0 1em;
  }
}
.flow .qaWrap .box .qBox .num {
  font-weight: bold;
}
.flow .qaWrap .box .qBox .des .txt {
  font-weight: bold;
}
.flow .qaWrap .box .aBox {
  display: flex;
}
.flow .qaWrap .box .aBox .num {
  font-weight: bold;
  font-size: 1.3125rem;
  margin: 0.2em 0 0;
  line-height: 1em;
}
.flow .qaWrap .box .aBox .des {
  margin: 0 0 0 0.3em;
}
.flow .qaWrap .box .aBox .des .txt {
  line-height: 1.8em;
  font-size: 1rem;
  margin: 1em 0 0;
}
.flow .qaWrap .box .aBox .des .txt:nth-child(1) {
  margin: 0;
}
.flow .qaWrap .box::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  display: block;
  width: 70%;
  height: 1px;
  background: #e0e0e0;
}
.flow .qaWrap > .btnBox {
  margin: 5em auto 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .flow .qaWrap > .btnBox {
    margin: 3em auto 0;
  }
}
.flow .qaWrap > .btnBox .btnOri {
  width: 306px;
}
@media screen and (max-width: 750px) {
  .flow .qaWrap > .btnBox .btnOri {
    width: 280px;
  }
}

/*flow*/
.individualBox,
.groupBox {
  margin: 3em auto 0;
}
@media screen and (max-width: 750px) {
  .individualBox,
  .groupBox {
    margin: 6vw auto 0;
  }
}
.individualBox a,
.groupBox a {
  position: relative;
  background: url(../images/bnr_individual.jpg) no-repeat 0 0/contain #fff;
  max-width: 800px;
  height: 160px;
  border: 3px solid #fff;
  border-radius: 10px;
  margin: 0 auto;
  box-shadow: 5px 6px 5px rgba(85, 85, 85, 0.2);
  display: flex;
  align-items: center;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .individualBox a,
  .groupBox a {
    background: url(../images/bnr_individual_sp.jpg) no-repeat 0 0/contain #fff;
    width: 315px;
    height: auto;
    min-height: 145px;
  }
}
.individualBox a .box,
.groupBox a .box {
  margin: 0 0 0 345px;
}
@media screen and (max-width: 750px) {
  .individualBox a .box,
  .groupBox a .box {
    margin: 0 0 0 1em;
    padding: 3em 0 0;
  }
}
.individualBox a .box .ttl,
.groupBox a .box .ttl {
  font-size: 2.3125rem;
  font-weight: 600;
  background: none;
  margin: 0;
  padding: 0;
  color: initial;
}
@media screen and (max-width: 750px) {
  .individualBox a .box .ttl,
  .groupBox a .box .ttl {
    font-size: 1.4375rem;
  }
}
.individualBox a .box .txt,
.groupBox a .box .txt {
  margin: 0.5em 0 0;
  line-height: 1.5em;
  font-size: 1rem;
}
.individualBox a::after,
.groupBox a::after {
  position: absolute;
  top: 0;
  right: 3.5vw;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-top: 6px solid #0a7fd9;
  border-right: 6px solid #0a7fd9;
  transform: rotate(45deg);
}

.groupBox a {
  background: url(../images/bnr_group.jpg) no-repeat 0 0/contain #fff;
}
@media screen and (max-width: 750px) {
  .groupBox a {
    background: url(../images/bnr_group_sp.jpg) no-repeat 0 0/contain #fff;
  }
}/*# sourceMappingURL=style.css.map */