@charset "UTF-8";
.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

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

.mr100 {
  margin-right: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

* {
  box-sizing: border-box;
}

*::after, *::before {
  box-sizing: border-box;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

a:link {
  color: #0a1ea7;
}

a:active {
  color: #0e2bf1;
}

a:visited {
  color: #941d55;
}

html,
body {
  height: 100%;
  color: #333;
}

html {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 62.5%;
  background: #F8F8F8;
}

body {
  font-size: 1.5rem;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 0.04em;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  a {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
  }
}
@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.7;
  }
}
a[href^="tel:"] {
  color: #333;
}
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    display: inline-block;
    pointer-events: none;
  }
}

body.js-show .toggleMenu {
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out 0.1s;
}
body.menuOpen .toggleMenu {
  opacity: 1;
  visibility: inherit;
  pointer-events: all;
}

@media screen and (min-width: 768px) {
  .l-wrapper {
    min-width: 1200px;
  }
}

.mainContainer {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .mainContainer .inner {
    max-width: 910px;
    width: 100%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .l-main {
    width: calc(100% - 260px);
    padding: 30px 30px 100px 0;
  }
}
@media screen and (max-width: 767px) {
  .l-main {
    padding: 64px 0 70px;
    min-height: 750px;
  }
}

.followNavi {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(15px);
  border-radius: 3px 0 0 0;
  z-index: 1000;
}
.followNavi ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 41px;
  padding: 0 10px;
}
.followNavi ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.followNavi ul li:not(:last-of-type)::after {
  content: "";
  width: 1px;
  height: 14px;
  background: #333;
  margin: 0 8.5px;
  display: inline-block;
  vertical-align: middle;
}
.followNavi ul a {
  display: inline-flex;
  vertical-align: middle;
  color: #333;
  padding-bottom: 0.15em;
}

.followNavi02 {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: rgba(131, 190, 220, 0.9);
  width: 100%;
  z-index: 1000;
}
.followNavi02 ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7.5px 0;
}
.followNavi02 li {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  padding: 0 4%;
}
.followNavi02 li:not(:first-of-type) {
  border-left: 1px solid #fff;
}
.followNavi02 li:nth-child(1) {
  width: 40%;
}
.followNavi02 li:nth-child(2) {
  width: 50%;
}
.followNavi02 a {
  color: #fff;
}
.followNavi02 .pagetop {
  display: block;
}

.contents-link {
  background-color: #FFEEC6;
  padding: 77px 0 80px 0;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .contents-link {
    margin: 0 25px;
    padding: 40px 20px 50px;
  }
}
.contents-link .inner {
  max-width: 670px;
  margin: 0 auto;
}
.contents-link h2 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .contents-link h2 {
    margin-bottom: 7px;
  }
}
.contents-link ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 46px;
}
@media screen and (max-width: 767px) {
  .contents-link ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px 0;
  }
}
.contents-link.yellow {
  background-color: #FFEEC6;
}
.contents-link.purple {
  background-color: #E5E1ED;
}
.contents-link.red {
  background-color: #F7E8E7;
}
.contents-link.green {
  background-color: #E4F0E5;
}

.bg-blue {
  position: relative;
}
.bg-blue::before, .bg-blue::after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  bottom: 100%;
  width: calc(100% + 290px);
  height: 280px;
  background: #E9F3F8;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .bg-blue::before, .bg-blue::after {
    height: 150px;
    right: 0;
    width: 100%;
  }
}
.bg-blue::after {
  clip-path: polygon(100% 0, 0 0, 0 100%);
  top: 100%;
  left: -290px;
  bottom: auto;
  right: auto;
  width: calc(100% + 320px);
}
@media screen and (max-width: 767px) {
  .bg-blue::after {
    left: 0;
    width: 100%;
  }
}
.bg-blue .inner::before {
  content: "";
  display: block;
  position: absolute;
  background: #E9F3F8;
  width: calc(100% + 290px);
  height: 100%;
  right: -30px;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .bg-blue .inner::before {
    right: 0;
    width: 100%;
  }
}

.bg-gray {
  position: relative;
}
.bg-gray::before, .bg-gray::after {
  content: "";
  display: block;
  position: absolute;
  right: -30px;
  bottom: 100%;
  width: calc(100% + 290px);
  height: 220px;
  background: #EDEDED;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .bg-gray::before, .bg-gray::after {
    right: 0;
    height: 180px;
    width: 100%;
  }
}
.bg-gray::after {
  clip-path: polygon(100% 0, 0 0, 0 100%);
  top: 100%;
  left: -290px;
  bottom: auto;
  right: auto;
  width: calc(100% + 320px);
}
@media screen and (max-width: 767px) {
  .bg-gray::after {
    width: 100%;
    left: 0;
  }
}
.bg-gray .inner::before {
  content: "";
  display: block;
  position: absolute;
  background: #EDEDED;
  width: calc(100% + 290px);
  height: 100%;
  right: -30px;
  top: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .bg-gray .inner::before {
    width: 100%;
    right: 0;
  }
}

.l-header {
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .l-header {
    position: sticky;
    width: 260px;
    height: 100dvh;
    min-height: 720px;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-header {
    position: absolute;
    width: 100%;
    height: 64px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 64px 10px 10px;
  }
}
@media screen and (min-width: 768px) {
  .l-header .logo {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .l-header .logo img {
    width: 120px;
    height: 44px;
  }
}
.l-header .catch {
  text-align: center;
  width: 150px;
  margin-bottom: auto;
}

@media screen and (min-width: 768px) {
  .gNavi {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .gNavi {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
.gNavi ul {
  list-style: none;
}
.gNavi ul a {
  color: #333;
  letter-spacing: 0.08em;
}
.gNavi .main li:not(:last-of-type) {
  margin-bottom: 11px;
}
.gNavi .main a {
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  padding-bottom: 0.15em;
}
@media screen and (min-width: 768px) {
  .gNavi .main a:hover {
    opacity: 1;
  }
  .gNavi .main a:hover::after {
    width: calc(100% + 0.7em);
  }
}
.gNavi .main a::after {
  content: "";
  display: block;
  position: absolute;
  background: #FBCF6B;
  border-radius: 5000em;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
  transition: width 0.2s ease-in-out;
}
.gNavi .main a.yellow::after {
  background: #FBCF6B;
}
.gNavi .main a.purple::after {
  background: #A999C8;
}
.gNavi .main a.red::after {
  background: #EBA39D;
}
.gNavi .main a.green::after {
  background: #6DBC72;
}
.gNavi .main a.blue::after {
  background: #83BEDC;
}
@media screen and (min-width: 768px) {
  .gNavi .sub {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .gNavi .sub {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .gNavi .sub li:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .gNavi .sub li.list02 {
    display: none;
  }
}
.gNavi .sub a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border-radius: 5000em;
  letter-spacing: 0;
  transition: border 0.1s ease-in-out;
}
@media screen and (min-width: 768px) {
  .gNavi .sub a {
    border: 1px solid #EBEBEB;
    padding: 0.08em 0.6em 0.17em;
    min-width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .gNavi .sub a:hover {
    opacity: 1;
    border-color: #333;
  }
}
.gNavi .sub a.key::after {
  content: "";
  display: block;
  width: 10px;
  height: 13px;
  background: url(../img/icon/ico_key.png) no-repeat 50% 50%/100% auto;
  margin-left: 4px;
}
.gNavi .icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .gNavi .icon {
    gap: 0 15px;
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  .gNavi .icon {
    margin-left: 15px;
  }
}
.gNavi .icon a {
  display: block;
}
@media screen and (max-width: 767px) {
  .gNavi .icon .list01 img {
    width: 17px;
    height: auto;
  }
}
.gNavi .icon img {
  display: block;
}
.gNavi .icon button {
  display: block;
  -webkit-appearance: none;
  background-color: transparent;
  vertical-align: middle;
  border: none;
  padding: 0;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .gNavi .icon button {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
  }
}
@media screen and (max-width: 767px) {
  .gNavi .icon button {
    position: fixed;
    top: 0;
    right: 0;
    width: 49px;
    height: 53px;
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(15px);
    border-radius: 0 0 0 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
  }
}
@media screen and (max-width: 767px) {
  .gNavi .icon button img {
    width: 29px;
    height: 29px;
  }
}
@media screen and (min-width: 768px) {
  .gNavi .icon button:hover {
    opacity: 0.7;
  }
}

.l-footer {
  padding-bottom: 15px;
  background: #F8F8F8;
}
@media screen and (max-width: 767px) {
  .l-footer {
    position: relative;
    z-index: 1000;
  }
}
.l-footer .fimg {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .l-footer .fimg {
    height: 350px;
  }
}
@media screen and (max-width: 767px) {
  .l-footer .fimg {
    height: 250px;
  }
}
.l-footer .fimg img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.l-footer .inner {
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-footer .inner {
    padding: 0 25px;
  }
}
.l-footer .copy {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #A7A7A7;
  font-size: 13px;
  border-top: 1px solid #EBEBEB;
  margin-top: 13px;
  padding-top: 14px;
}
@media screen and (max-width: 767px) {
  .l-footer .copy {
    margin-top: 25px;
    padding-top: 25px;
  }
}

.contents-footer01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 30px 0 21px;
}
@media screen and (max-width: 767px) {
  .contents-footer01 {
    display: block;
    padding: 25px 0;
  }
}
@media screen and (min-width: 768px) {
  .contents-footer01 .logo {
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contents-footer01 .logo {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .contents-footer01 .name {
    margin-right: auto;
    padding-top: 0.2em;
  }
}
@media screen and (max-width: 767px) {
  .contents-footer01 .name {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) {
  .contents-footer01 .name h1 {
    font-size: 18px;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .contents-footer01 .name h1 {
    font-size: 18px;
    line-height: 1.4;
  }
}
.contents-footer01 .name address {
  display: block;
  font-style: normal;
}
.contents-footer01 ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 20px;
}
@media screen and (max-width: 767px) {
  .contents-footer01 ul {
    flex-direction: row-reverse;
  }
}
.contents-footer01 ul a img {
  display: block;
}
.contents-footer01 ul a[href^="tel:"] {
  background: #595757;
  color: #fff;
  border-radius: 5000em;
  width: 190px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 0.2em;
  letter-spacing: 0.06em;
}

.fNavi ul {
  list-style: none;
}
.fNavi a {
  color: #333;
}
.fNavi .main {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 50px;
  width: 100%;
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 17px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .fNavi .main {
    gap: 20px 0;
    flex-direction: column;
    padding-bottom: 25px;
    margin-bottom: 25px;
  }
}
.fNavi .main > li > a {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-bottom: 0.2em;
}
@media screen and (max-width: 767px) {
  .fNavi .main > li > a {
    padding-bottom: 0.25em;
  }
}
.fNavi .main > li > a::after {
  content: "";
  display: block;
  position: absolute;
  background: #FBCF6B;
  border-radius: 5000em;
  height: 2px;
  width: 100%;
  left: 0;
  bottom: 0;
}
.fNavi .main > li > a.yellow::after {
  background: #FBCF6B;
}
.fNavi .main > li > a.purple::after {
  background: #A999C8;
}
.fNavi .main > li > a.red::after {
  background: #EBA39D;
}
.fNavi .main > li > a.green::after {
  background: #6DBC72;
}
.fNavi .main > li > a.blue::after {
  background: #83BEDC;
}
.fNavi .main ul {
  margin-top: 6px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .fNavi .main ul {
    line-height: 1.6;
    margin-top: 7px;
  }
}
.fNavi .main ul a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  vertical-align: middle;
}
.fNavi .main ul a::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(../img/icon/ico_chevron-r.png) no-repeat 50% 50%/100% auto;
  margin-left: 10px;
}
.fNavi .sub {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 0 40px;
}
@media screen and (max-width: 767px) {
  .fNavi .sub {
    gap: 3px 15px;
  }
}
@media screen and (min-width: 768px) {
  .fNavi .sub li:nth-child(1) {
    min-width: 150px;
  }
}
@media screen and (min-width: 768px) {
  .fNavi .sub li:nth-child(2) {
    min-width: 180px;
  }
}
@media screen and (min-width: 768px) {
  .fNavi .sub li:nth-child(3) {
    min-width: 107px;
  }
}
.fNavi .sub a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .fNavi .sub a {
    letter-spacing: -0.01em;
  }
}
.fNavi .sub a::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(../img/icon/ico_chevron-r.png) no-repeat 50% 50%/100% auto;
  margin-left: 10px;
}
.fNavi .sub a.key::after {
  width: 10px;
  height: 13px;
  background-image: url(../img/icon/ico_key.png);
}
.fNavi .sub a.blank::after {
  width: 15px;
  height: 12px;
  background-image: url(../img/icon/ico_blank.png);
}
@media screen and (min-width: 768px) {
  .fNavi .sub:nth-of-type(3) li:nth-child(4) {
    min-width: 225px;
  }
}

.text-big {
  font-size: 120%;
}

.text-small {
  font-size: 80%;
}

.en-robot {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.subTitle01 {
  font-weight: normal;
  margin-bottom: 25px;
}
.subTitle01 span {
  display: block;
}
.subTitle01 .en {
  font-size: 20px;
  line-height: 1.4;
}

.subTitle02 {
  font-size: 20px;
  margin-bottom: 42px;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
}
.subTitle02 > span {
  letter-spacing: 0.05em;
  padding-bottom: 8px;
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 250px;
  border-bottom: 2px solid #FBCF6B;
  flex-wrap: wrap;
}
.subTitle02 > span::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 5000em;
  flex-shrink: 0;
  margin-right: 5px;
  background: #FBCF6B;
  position: relative;
  top: 0.6em;
}
.subTitle02 > span span {
  border-radius: 3px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  margin-left: 5px;
  padding: 2px 2px 3px;
  color: #fff;
  position: relative;
  bottom: -5px;
}
@media screen and (max-width: 767px) {
  .subTitle02 > span span {
    bottom: 0;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 767px) {
  .subTitle02 span.sp {
    display: block;
    height: 10px;
  }
}
.subTitle02.yellow > span {
  border-color: #FBCF6B;
}
.subTitle02.yellow > span::before {
  background: #FBCF6B;
}
.subTitle02.purple > span {
  border-color: #A999C8;
}
.subTitle02.purple > span::before {
  background: #A999C8;
}
.subTitle02.red > span {
  border-color: #EBA39D;
}
.subTitle02.red > span::before {
  background: #EBA39D;
}
.subTitle02.red > span span {
  background: #EBA39D;
}
.subTitle02.green span {
  border-color: #6DBC72;
}
.subTitle02.green span::before {
  background: #6DBC72;
}
.subTitle02.blue span {
  border-color: #83BEDC;
}
.subTitle02.blue span::before {
  background: #83BEDC;
}

.link-arrow {
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-bottom: 0.1em;
}
.link-arrow::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 16px);
  height: 1px;
  border-radius: 5000em;
  left: 0;
  bottom: 0;
  background: #333;
}
.link-arrow::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 1px;
  border-radius: 5000em;
  left: calc(100% + 7px);
  bottom: 4px;
  background: #333;
  transform: rotate(45deg);
}
.link-arrow i {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 5000em;
  margin-right: 5px;
  background: #333;
}
.link-arrow.yellow::after, .link-arrow.yellow::before {
  background-color: #FBCF6B;
}
.link-arrow.yellow i {
  background-color: #FBCF6B;
}
.link-arrow.red::after, .link-arrow.red::before {
  background-color: #EBA39D;
}
.link-arrow.red i {
  background-color: #EBA39D;
}
.link-arrow.purple::after, .link-arrow.purple::before {
  background-color: #A999C8;
}
.link-arrow.purple i {
  background-color: #A999C8;
}
.link-arrow.green::after, .link-arrow.green::before {
  background-color: #6DBC72;
}
.link-arrow.green i {
  background-color: #6DBC72;
}
.link-arrow.blue::after, .link-arrow.blue::before {
  background-color: #83BEDC;
}
.link-arrow.blue i {
  background-color: #83BEDC;
}
.link-arrow.gray {
  color: #939393;
}
.link-arrow.gray::before, .link-arrow.gray::after {
  background-color: #C7C7C7;
}
.link-arrow.gray i {
  background-color: #C7C7C7;
}

a.link-arrow {
  color: #333;
}

.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

.btn {
  align-items: center;
  border: none;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.btn-primary {
  color: #333;
  border: 2px solid #C7C7C7;
  border-radius: 5000em;
  height: 40px;
  padding: 0 0.87em 0.15em;
  transition: border 0.1s ease-in;
}
@media screen and (min-width: 768px) {
  .btn-primary {
    min-width: 190px;
  }
}
.btn-primary::after {
  content: "";
  display: block;
  width: 4px;
  height: 7px;
  margin-left: 7px;
  background: url(../img/icon/ico_chevron-r.png) no-repeat 50% 50%/100% auto;
  position: relative;
  bottom: -0.1em;
}
@media screen and (min-width: 768px) {
  .btn-primary:hover {
    opacity: 1;
    border-color: #000;
  }
}
.btn-primary.pdf {
  width: 340px;
  height: 80px;
  background-color: #fff;
}
.btn-primary.pdf::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/icon/ico_pdf-rd.png) no-repeat 50% 50%/100% auto;
  margin-right: 10px;
}
.btn-primary.pdf::after {
  display: none;
}

a.btn-primary {
  color: #333;
}

.btn-secondary {
  border-radius: 5000em;
  background: #595757;
  height: 40px;
  padding: 0 0.87em 0.2em;
  color: #fff;
}
.btn-secondary[href^="tel:"] {
  display: inline-flex;
}

a.btn-secondary {
  color: #fff;
}

.toggleMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9990;
  background: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 260px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .toggleMenu {
    min-width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  .toggleMenu {
    padding-left: 0;
    display: block;
    overflow: auto;
  }
}
.toggleMenu::after {
  content: "";
  display: none;
  width: 15px;
  height: 277px;
  background: url(../img/img_spText.png) no-repeat 50% 0/100% 100%;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
}
@media screen and (max-width: 767px) {
  .toggleMenu::after {
    display: block;
  }
}
.toggleMenu .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 260px;
  padding: 30px 40px;
}
@media screen and (max-width: 767px) {
  .toggleMenu .header {
    padding: 10px 10px 0;
    position: static;
    width: 100%;
    margin-bottom: 42px;
  }
}
@media screen and (min-width: 768px) {
  .toggleMenu .header .logo {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .toggleMenu .header .logo img {
    width: 120px;
    height: 44px;
  }
}
.toggleMenu .header .catch {
  text-align: center;
  width: 150px;
  margin-bottom: auto;
}
.toggleMenu .inner {
  width: 100%;
  max-width: 910px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .toggleMenu .inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 0 50px 50px 25px;
    gap: 18px 0;
  }
}
.toggleMenu .left ul {
  list-style: none;
}
.toggleMenu .left .main {
  margin-bottom: 42px;
}
@media screen and (max-width: 767px) {
  .toggleMenu .left .main {
    margin-bottom: 20px;
  }
}
.toggleMenu .left .main > li:not(:last-of-type) {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .toggleMenu .left .main > li:not(:last-of-type) {
    margin-bottom: 23px;
  }
}
.toggleMenu .left .main > li > a {
  display: inline-flex;
  vertical-align: middle;
  letter-spacing: 0.1em;
  margin-bottom: 1px;
  color: #333;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .toggleMenu .left .main > li > a {
    margin-bottom: 1px;
  }
}
.toggleMenu .left .main > li > a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 2px;
}
.toggleMenu .left .main > li > a.yellow {
  color: #FBCF6B;
}
.toggleMenu .left .main > li > a.purple {
  color: #A999C8;
}
.toggleMenu .left .main > li > a.red {
  color: #EBA39D;
}
.toggleMenu .left .main > li > a.green {
  color: #6DBC72;
}
.toggleMenu .left .main ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.toggleMenu .left .main ul li:not(:last-of-type) {
  margin-bottom: 9px;
}
@media screen and (max-width: 767px) {
  .toggleMenu .left .main ul li:not(:last-of-type) {
    margin-bottom: 6px;
  }
}
.toggleMenu .left .main ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5000em;
  background: #FBCF6B;
  margin-right: 5px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.toggleMenu .left .main ul a {
  color: #333;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .toggleMenu .left .main ul a {
    letter-spacing: 0.06em;
  }
}
.toggleMenu .left .main ul.yellow li::before {
  background: #FBCF6B;
}
.toggleMenu .left .main ul.purple li::before {
  background: #A999C8;
}
.toggleMenu .left .main ul.red li::before {
  background: #EBA39D;
}
.toggleMenu .left .main ul.green li::before {
  background: #6DBC72;
}
.toggleMenu .left .sub {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .toggleMenu .left .sub {
    flex-direction: column;
    gap: 5px 0;
  }
}
@media screen and (min-width: 768px) {
  .toggleMenu .left .sub > li {
    min-width: 190px;
    line-height: 1.8;
  }
}
.toggleMenu .left .sub a {
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .toggleMenu .left .sub a {
    letter-spacing: 0.06em;
  }
}
.toggleMenu .left .sub a::after {
  content: "";
  display: block;
  width: 7px;
  height: 12px;
  background: url(../img/icon/ico_chevron-r.png) no-repeat 50% 50%/100% auto;
  margin-left: 10px;
}
.toggleMenu .left .sub a.blank::after {
  width: 15px;
  height: 12px;
  background-image: url(../img/icon/ico_blank.png);
}
@media screen and (min-width: 768px) {
  .toggleMenu .right {
    width: 455px;
    flex-shrink: 0;
  }
}
.toggleMenu .right ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .toggleMenu .right ul {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px 14px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .toggleMenu .right ul > li:last-of-type {
    width: 100%;
  }
}
.toggleMenu .right .btn {
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  border: 1px solid #EBEBEB;
  border-radius: 5000em;
  padding: 0.08em 0.6em 0.17em;
  min-width: 100px;
  letter-spacing: 0;
  transition: border 0.1s ease-in-out;
}
@media screen and (min-width: 768px) {
  .toggleMenu .right .btn:hover {
    opacity: 1;
    border-color: #333;
  }
}
.toggleMenu .right .btn.key::after {
  content: "";
  display: block;
  width: 10px;
  height: 13px;
  background: url(../img/icon/ico_key.png) no-repeat 50% 50%/100% auto;
  margin-left: 4px;
}
.toggleMenu .right a {
  display: block;
}
.toggleMenu .right a img {
  display: block;
}
.toggleMenu .right a[href^="tel:"] {
  background: #595757;
  color: #fff;
  border-radius: 5000em;
  width: 190px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 0.2em;
}
.toggleMenu .right .img {
  display: block;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .toggleMenu .right .img {
    margin-bottom: 0;
    margin-left: -25px;
  }
}
@media screen and (max-width: 767px) {
  .toggleMenu .right .img img {
    width: 100%;
  }
}
.toggleMenu .right .close {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .toggleMenu .right .close {
    position: fixed;
    top: 12px;
    right: 10px;
  }
}
.toggleMenu .right .close button {
  display: block;
  -webkit-appearance: none;
  background-color: transparent;
  vertical-align: middle;
  border: none;
  padding: 0;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .toggleMenu .right .close button {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
  }
}
@media screen and (min-width: 768px) {
  .toggleMenu .right .close button:hover {
    opacity: 0.7;
  }
}

.contents-mv {
  padding-top: 163px;
  padding-bottom: 193px;
  position: relative;
  margin: 0 auto;
  width: 100%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .contents-mv {
    padding: 64px 25px 145px;
    margin-bottom: -80px;
  }
}
@media screen and (min-width: 768px) {
  .contents-mv .inner {
    max-width: 1300px;
    margin-bottom: -100px;
  }
}
.contents-mv .title {
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  padding-left: 32px;
  position: relative;
  margin-bottom: 2px;
}
.contents-mv .title::before {
  content: "";
  width: 46px;
  height: 46px;
  position: absolute;
  left: -13px;
  top: 50%;
  transform: translateY(-50%);
  background: no-repeat 50% 50%/100% auto;
}
.contents-mv .pageNavi,
.contents-mv .pageNavi02 {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 30px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .contents-mv .pageNavi,
  .contents-mv .pageNavi02 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
.contents-mv .pageNavi a,
.contents-mv .pageNavi02 a {
  color: #333;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  pointer-events: all;
}
.contents-mv .pageNavi a::before, .contents-mv .pageNavi a::after,
.contents-mv .pageNavi02 a::before,
.contents-mv .pageNavi02 a::after {
  content: "";
  display: block;
  flex-shrink: 0;
}
.contents-mv .pageNavi a::before,
.contents-mv .pageNavi02 a::before {
  width: 5px;
  height: 5px;
  border-radius: 5000em;
  margin-right: 5px;
  background-color: #FBCF6B;
}
.contents-mv .pageNavi a::after,
.contents-mv .pageNavi02 a::after {
  width: 10px;
  height: 12px;
  background: url(../img/icon/ico_chevron-d.png) no-repeat 50% 50%/100% auto;
  margin-left: 10px;
}
.contents-mv .pageNavi02 {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .contents-mv .pageNavi02 {
    align-items: flex-start;
  }
}
.contents-mv .pageNavi02:first-of-type {
  margin-top: 18px;
  margin-bottom: -2px;
}
@media screen and (max-width: 767px) {
  .contents-mv .pageNavi02:first-of-type {
    border-top: 1px dashed #C6C6C6;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contents-mv .pageNavi02 li {
    border-bottom: 1px dashed #C6C6C6;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 0;
  }
}
.contents-mv .pageNavi02 a {
  vertical-align: middle;
}
.contents-mv .pageNavi02 a::after {
  margin-left: 5px;
}
.contents-mv .pageNavi02.blue a::before {
  background-color: #83BEDC;
}
.contents-mv .pageNavi02.red a::before {
  background-color: #EBA39D;
}
.contents-mv .pageNavi02.green a::before {
  background-color: #6DBC72;
}
.contents-mv .pageNavi02.purple a::before {
  background-color: #A999C8;
}
.contents-mv .text {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .contents-mv .text {
    margin-bottom: 15px;
  }
}
.contents-mv .text.yellow .title::before {
  background-image: url(../img/ti_blur-ye.png);
}
.contents-mv .text.yellow .pageNavi a::before {
  background-color: #FBCF6B;
}
.contents-mv .text.purple .title::before {
  background-image: url(../img/ti_blur-pp.png);
}
.contents-mv .text.purple .pageNavi a::before {
  background-color: #A999C8;
}
.contents-mv .text.red .title::before {
  background-image: url(../img/ti_blur-rd.png);
}
.contents-mv .text.red .pageNavi a::before {
  background-color: #EBA39D;
}
.contents-mv .text.blue .title::before {
  background-image: url(../img/ti_blur-bl.png);
}
.contents-mv .text.blue .pageNavi a::before {
  background-color: #83BEDC;
}
.contents-mv .text.green .title::before {
  background-image: url(../img/ti_blur-gr.png);
}
.contents-mv .text.green .pageNavi a::before {
  background-color: #6DBC72;
}
.contents-mv .bgBlur {
  position: absolute;
  z-index: -1;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .contents-mv .bgBlur {
    width: calc(100% + 290px);
    height: 120%;
    top: -30px;
    right: -30px;
  }
}
@media screen and (max-width: 767px) {
  .contents-mv .bgBlur {
    width: calc(100% + 260px);
    height: 1150px;
    top: -30px;
    right: 0;
  }
}
.contents-mv .bgBlur::before, .contents-mv .bgBlur::after {
  content: "";
  display: block;
  width: 562px;
  height: 562px;
  position: absolute;
  z-index: -1;
  background: no-repeat 50% 50%/100% auto;
}
@media screen and (min-width: 768px) {
  .contents-mv .bgBlur::before, .contents-mv .bgBlur::after {
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .contents-mv .bgBlur::before, .contents-mv .bgBlur::after {
    width: 426px;
    height: 426px;
  }
}
.contents-mv .bgBlur::before {
  top: 120px;
  left: calc(50% - 566px);
}
@media screen and (max-width: 1600px) {
  .contents-mv .bgBlur::before {
    left: 300px;
  }
}
@media screen and (max-width: 767px) {
  .contents-mv .bgBlur::before {
    top: 30px;
    left: 80px;
    width: 498px;
    height: 498px;
  }
}
.contents-mv .bgBlur::after {
  top: 47%;
  right: calc(50% - 1270px);
}
@media screen and (max-width: 1600px) {
  .contents-mv .bgBlur::after {
    right: -480px;
  }
}
@media screen and (max-width: 767px) {
  .contents-mv .bgBlur::after {
    top: 34%;
    right: -111px;
    width: 257px;
    height: 257px;
  }
}
.contents-mv .bgBlur.yellow::before, .contents-mv .bgBlur.yellow::after {
  background-image: url(../img/mvblur-ye.png);
}
@media screen and (max-width: 767px) {
  .contents-mv .bgBlur.yellow::before, .contents-mv .bgBlur.yellow::after {
    background-image: url(../img/mvblur-ye_sp.png);
  }
}
.contents-mv .bgBlur.purple::before, .contents-mv .bgBlur.purple::after {
  background-image: url(../img/mvblur-pp.png);
}
@media screen and (max-width: 767px) {
  .contents-mv .bgBlur.purple::before, .contents-mv .bgBlur.purple::after {
    background-image: url(../img/mvblur-pp_sp.png);
  }
}
.contents-mv .bgBlur.red::before, .contents-mv .bgBlur.red::after {
  background-image: url(../img/mvblur-rd.png);
}
@media screen and (max-width: 767px) {
  .contents-mv .bgBlur.red::before, .contents-mv .bgBlur.red::after {
    background-image: url(../img/mvblur-rd_sp.png);
  }
}
.contents-mv .bgBlur.blue::before, .contents-mv .bgBlur.blue::after {
  background-image: url(../img/mvblur-bl.png);
}
@media screen and (max-width: 767px) {
  .contents-mv .bgBlur.blue::before, .contents-mv .bgBlur.blue::after {
    background-image: url(../img/mvblur-bl_sp.png);
  }
}
.contents-mv .bgBlur.green::before, .contents-mv .bgBlur.green::after {
  background-image: url(../img/mvblur-gr.png);
}
@media screen and (max-width: 767px) {
  .contents-mv .bgBlur.green::before, .contents-mv .bgBlur.green::after {
    background-image: url(../img/mvblur-gr_sp.png);
  }
}
.contents-mv .text02 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .contents-mv .text02 {
    margin-top: -5px;
    margin-bottom: 62px;
    min-height: 78px;
  }
}
.contents-mv .text02 .title {
  padding: 0;
  display: flex;
  flex-direction: column;
}
.contents-mv .text02 .title .en {
  font-size: 30px;
  margin-bottom: 12px;
}
.contents-mv .text02 .title .ja {
  font-size: 18px;
}
.contents-mv .img {
  display: block;
}
.contents-mv .img img {
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .contents-mv .img img {
    width: 100%;
    height: auto;
  }
}

.contents-mv02 {
  padding-top: 278px;
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-mv02 {
    padding-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .contents-mv02 .inner {
    max-width: 910px;
  }
}
@media screen and (max-width: 767px) {
  .contents-mv02 .inner {
    padding: 0 25px;
  }
}
.contents-mv02 .title {
  font-size: 30px;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.contents-mv02 h2 {
  font-size: 18px;
  line-height: 1.4;
  margin-top: 15px;
}
.contents-mv02 p {
  line-height: 1.4;
  margin-top: 15px;
}

table {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .tableStyle01 {
    display: block;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .tableStyle01 tbody,
  .tableStyle01 tr,
  .tableStyle01 th,
  .tableStyle01 td {
    display: block;
    width: 100%;
  }
}
.tableStyle01 tr:not(:last-of-type) th,
.tableStyle01 tr:not(:last-of-type) td {
  border-bottom: 1px dashed #C6C6C6;
}
@media screen and (max-width: 767px) {
  .tableStyle01 tr:not(:last-of-type) th {
    border-bottom: none;
  }
}
.tableStyle01 th,
.tableStyle01 td {
  padding: 0.5em 0 0.7em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .tableStyle01 th,
  .tableStyle01 td {
    padding: 0.8em 0 1em;
  }
}
.tableStyle01 th {
  width: 120px;
}
@media screen and (max-width: 767px) {
  .tableStyle01 th {
    width: 100%;
    padding-bottom: 0.3em;
  }
}
.tableStyle01 td {
  padding-left: 1em;
}
@media screen and (max-width: 767px) {
  .tableStyle01 td {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .tableStyle02 {
    line-height: 1.5;
  }
}
.tableStyle02 tr:first-of-type th,
.tableStyle02 tr:first-of-type td {
  border-top: 1px dashed #C6C6C6;
}
.tableStyle02 tr th,
.tableStyle02 tr td {
  border-bottom: 1px dashed #C6C6C6;
}
.tableStyle02 th,
.tableStyle02 td {
  padding: 0.48em 0 0.66em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .tableStyle02 th,
  .tableStyle02 td {
    padding: 0.63em 0 0.81em;
  }
}
.tableStyle02 th {
  width: 165px;
}
.tableStyle02 td {
  padding-left: 1em;
}

@media screen and (max-width: 767px) {
  .tableStyle03 {
    line-height: 1.5;
  }
}
.tableStyle03 tr:nth-child(1) th,
.tableStyle03 tr:nth-child(1) td {
  border-top: 1px solid #C6C6C6;
}
.tableStyle03 tr th,
.tableStyle03 tr td {
  border-bottom: 1px solid #C6C6C6;
}
.tableStyle03 th,
.tableStyle03 td {
  padding: 0.48em 0 0.66em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .tableStyle03 th,
  .tableStyle03 td {
    padding: 0.63em 0 0.81em;
  }
}
.tableStyle03 th {
  width: 165px;
}
.tableStyle03 td {
  padding-left: 1em;
}

.formFlow {
  text-align: center;
  margin: 5.2em 0 3.8em;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .formFlow {
    padding: 0 5%;
    font-size: 108%;
    margin: 2.5em 0 3em;
  }
  .formFlow img {
    width: auto;
    height: 3.5em;
  }
}
.formFlow li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #7C7D86;
  margin-right: 7.3em;
  font-weight: bold;
  position: relative;
  line-height: 1.3;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .formFlow li {
    margin-right: 5em;
    font-size: 90%;
  }
}
.formFlow li:nth-child(2)::after {
  left: 0;
}
.formFlow li:last-of-type {
  margin-right: 0;
}
.formFlow li:last-of-type::after {
  left: 0;
  width: 1em;
}
.formFlow li::before {
  content: "";
  border: 7px solid #fff;
  box-sizing: content-box;
  background: #7C7D86;
  border-radius: 5000em;
  width: 0.8em;
  height: 0.8em;
  margin-bottom: 0.3em;
  position: relative;
  margin-top: -6.5px;
}
@media screen and (max-width: 767px) {
  .formFlow li::before {
    width: 0.6em;
    height: 0.6em;
  }
}
.formFlow li::after {
  content: "";
  display: block;
  width: 550%;
  height: 1px;
  position: absolute;
  top: 0.4em;
  left: 0.8em;
  background: #7C7D86;
}
@media screen and (max-width: 767px) {
  .formFlow li::after {
    width: 380%;
    top: 0.3em;
  }
}
.formFlow .current {
  color: #83BEDC;
  font-weight: bold;
}
.formFlow .current::before {
  background: #83BEDC;
  border: 7px solid #CFD8EA;
  z-index: 10;
}

.formWrapper {
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

.formList {
  border-bottom: 1px dashed #C6C6C6;
  padding: 15px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .formList {
    display: block;
    padding: 11px 0 15px 0;
  }
}
.formList dt {
  color: #333;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  flex-shrink: 0;
  font-size: 100%;
  line-height: 1.6;
  letter-spacing: normal;
  width: 175px;
  min-height: 60px;
}
@media screen and (max-width: 767px) {
  .formList dt {
    width: 100%;
    margin-bottom: 10px;
    min-height: 1em;
  }
}
.formList dt span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .formList dt span {
    margin-left: 25px;
  }
}
.formList dt .required {
  color: #83BEDC;
}
.formList dd {
  padding-left: 30px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .formList dd {
    width: 100%;
    padding-left: 0;
  }
}
.formList dd.radio ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 20px;
  padding-top: 12px;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .formList dd.radio ul {
    padding-top: 0;
    margin-top: -6px;
    width: 100%;
  }
}
.formList dd.radio li {
  min-width: 9em;
}
.formList dd.birthday {
  display: flex;
  width: 74.5%;
}
@media screen and (max-width: 767px) {
  .formList dd.birthday {
    width: 100%;
  }
}
.formList dd.address div {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.formList dd.address div span {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 1em;
}
@media screen and (max-width: 767px) {
  .formList dd.address div span {
    margin: 0 0 0 0.3em;
  }
}
.formList dd.address div input {
  margin: 0 1em;
}
@media screen and (max-width: 767px) {
  .formList dd.address div input {
    margin: 0 0.6em;
  }
}
@media screen and (min-width: 768px) {
  .formList dd.address div p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .formList dd.address div p {
    font-size: 0.82em;
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.6;
  }
}
.formList dd.address .errorMessage {
  margin-bottom: 0;
}
.formList dd.tel {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.formList dd.tel p {
  font-size: 14px;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  .formList dd.tel p {
    font-size: 0.82em;
    margin-left: 0.8em;
  }
}
.formList dd.mailForm div:nth-child(1) {
  margin-bottom: 1em;
}
.formList dd.file {
  position: relative;
}
.formList.foot {
  border-bottom: none;
  padding-bottom: 0;
}
.formList:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .formList.bottom {
    border-bottom: none;
  }
}

.formPrivacy {
  text-align: center;
  padding: 3em 0 2.7em 0;
}
@media screen and (max-width: 767px) {
  .formPrivacy {
    font-size: 90%;
  }
}
.formPrivacy .checkBox {
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .formPrivacy .checkBox {
    font-weight: bold;
  }
}
@media screen and (max-width: 767px) {
  .formPrivacy .fCheckbox {
    font-size: 1.1em;
  }
}
.formPrivacy p {
  margin-top: 0.3em;
}
@media screen and (max-width: 767px) {
  .formPrivacy p {
    font-size: 1.1em;
    margin-top: 0.5em;
    padding-top: 0.5em;
  }
}
.formPrivacy p a {
  text-decoration: underline;
  color: #508bd1;
  display: inline-block;
  margin-right: 4.5em;
}

.fText {
  font-family: inherit;
  border: 2px solid #EBEBEB;
  background-color: #fff;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 3px;
  font-size: 100%;
  padding: 1.14em 22px;
  width: 100%;
}
.fText:placeholder-shown {
  color: #C7C7C7;
}
.fText::-webkit-input-placeholder {
  color: #C7C7C7;
}
.fText:-moz-placeholder {
  color: #C7C7C7;
  opacity: 1;
}
.fText::-moz-placeholder {
  color: #C7C7C7;
  opacity: 1;
}
.fText:-ms-input-placeholder {
  color: #C7C7C7;
}
@media screen and (max-width: 767px) {
  .fText {
    font-size: 15px;
  }
}
.fText + p {
  margin: 0.3em 0 0;
}
.fText.zip02 {
  width: 10.6em;
  margin-left: 0.6em;
}
@media screen and (max-width: 767px) {
  .fText.zip02 {
    width: 10em;
  }
}
.fText.zip02 + p {
  display: inline-block;
  margin-left: 1em;
}
@media screen and (max-width: 767px) {
  .fText.zip02 + p {
    margin: 0.5em 0 0;
  }
}
.fText.tel {
  width: 280px;
}
@media screen and (max-width: 767px) {
  .fText.tel {
    width: 12em;
  }
}
.fText.mail + p {
  margin: 0.3em 0 1.5em;
}
.fText.textarea {
  height: 200px;
}
@media screen and (max-width: 767px) {
  .fText.textarea {
    padding: 1.2em 1em;
  }
}
.fText .mailForm p {
  margin: 0.3em 0 1.5em;
}

textarea.fText {
  height: 300px;
  display: block;
  line-height: 1.3;
}

label.error {
  color: #e00;
  border: 1px solid #e00;
  line-height: 1;
  padding: 0.3em 0.5em;
}

.formPrivacy {
  text-align: center;
  padding: 3.8em 0 2.9em 0;
}
@media screen and (max-width: 767px) {
  .formPrivacy {
    padding-top: 3.2em;
  }
}
.formPrivacy .checkBox {
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .formPrivacy .checkBox {
    font-weight: bold;
  }
}
.formPrivacy .fCheckbox a {
  color: #83BEDC;
  text-decoration: underline;
}
.formPrivacy p {
  margin-top: -0.5em;
}
.formPrivacy p a {
  text-decoration: underline;
  color: #83BEDC;
  display: inline-block;
  margin-right: 3.3em;
}

.fRadio {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  font-weight: 500;
}
.fRadio input {
  opacity: 0;
  position: absolute;
}
.fRadio input:checked + i::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.fRadio i {
  width: 15px;
  height: 15px;
  border: 1px solid #595757;
  border-radius: 5000em;
  vertical-align: middle;
  position: relative;
  flex-shrink: 0;
  margin-right: 5px;
}
.fRadio i::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 9px;
  height: 9px;
  background: #83BEDC;
  border-radius: 5000em;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.fCheckbox {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.2s ease-in;
}
.fCheckbox input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
}
.fCheckbox input:checked + i {
  background-color: #fff;
}
.fCheckbox input:checked + i, .fCheckbox input:checked + .error + i {
  background-color: #83BEDC;
  border-color: #83BEDC;
}
.fCheckbox input:checked + i::before, .fCheckbox input:checked + i::after, .fCheckbox input:checked + .error + i::before, .fCheckbox input:checked + .error + i::after {
  box-shadow: 0 0 0 0.4px #fff;
}
.fCheckbox input:checked + i::before, .fCheckbox input:checked + .error + i::before {
  height: 80%;
  animation: animatetop 0.4s ease-in-out;
}
.fCheckbox input:checked + i::after, .fCheckbox input:checked + .error + i::after {
  height: 40%;
  animation: animatebottom 0.25s ease-in-out;
}
.fCheckbox i {
  transition: all 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #575757;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  margin-right: 8px;
  pointer-events: none;
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .fCheckbox i {
    margin-right: 0.5em;
  }
}
.fCheckbox i::before, .fCheckbox i::after {
  position: absolute;
  height: 0;
  width: 2px;
  background-color: #fff;
  display: inline-block;
  transform-origin: left top;
  border-radius: 4px;
  margin: 0 0 0 -5px;
  content: "";
}
.fCheckbox i::before {
  top: calc(50% + 4px);
  left: calc(50% + 4px);
  transform: rotate(-135deg);
}
.fCheckbox i::after {
  top: 50%;
  left: calc(50% - 0px);
  transform: rotate(-45deg);
}

@keyframes animatetop {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 8px;
  }
}
@keyframes animatebottom {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 8px/1.9;
  }
}
.radioBox {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 10%;
  cursor: pointer;
}
.radioBox:last-of-type {
  margin-right: 0;
}
.radioBox input {
  padding: 0;
  margin-right: 0.3em;
  vertical-align: middle;
}

.fButton {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  gap: 0 40px;
}
@media screen and (max-width: 767px) {
  .fButton {
    flex-direction: column;
    padding: 0 3%;
    gap: 30px 0;
  }
}
.fButton button {
  -webkit-appearance: none;
}
.fButton button:first-of-type {
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  .fButton button:first-of-type {
    margin-right: 0;
  }
}
.fButton button:last-of-type {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .fButton button:last-of-type {
    margin-left: 0;
  }
}
.fButton .btn {
  font-family: inherit;
  width: 190px;
}
@media screen and (max-width: 767px) {
  .fButton .btn {
    font-size: 100%;
  }
  .fButton .btn span {
    letter-spacing: 0.05em;
  }
}
.fButton .btn::after {
  margin-left: 10px;
}
.fButton .btn-primary {
  background-color: transparent;
}
.fButton .btn-secondary::after {
  content: "";
  display: block;
  width: 4px;
  height: 7px;
  margin-left: 10px;
  background: url(../img/icon/ico_chevron-r.png) no-repeat 50% 50%/100% auto;
  position: relative;
  bottom: -0.1em;
  filter: brightness(0) invert(1);
}
.fButton.vertical {
  flex-direction: column;
}
.fButton.vertical .btn + .btn {
  margin-top: 1.5em;
}
@media screen and (max-width: 767px) {
  .fButton.vertical .btn + .btn {
    margin-top: 0.5em;
  }
}

.fSelect {
  color: #333;
  display: inline-flex;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .fSelect {
    width: 65%;
  }
}
.fSelect::before {
  content: "";
  display: block;
  width: 11px;
  height: 7px;
  pointer-events: none;
  background: url(../img/ico_chevron-d02.png) no-repeat 50% 50%/100% auto;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .fSelect::before {
    width: 0.7em;
    height: 0.7em;
    right: 0.8em;
  }
}
.fSelect select {
  -webkit-appearance: none;
  background: #F2F4F6;
  border: none;
  border-radius: 0;
  color: inherit;
  width: 280px;
  font-size: inherit;
  font-family: inherit;
  display: block;
  position: relative;
  padding: 1.4em 1em;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .fSelect select {
    font-weight: normal;
    width: 100%;
    padding: 0.9em 1em;
    font-size: 16px;
  }
}
.fSelect.fSelect-year, .fSelect.fSelect-month, .fSelect.fSelect-day {
  width: 27%;
  margin-right: 3.5%;
}
@media screen and (max-width: 767px) {
  .fSelect.fSelect-year, .fSelect.fSelect-month, .fSelect.fSelect-day {
    width: 15em;
  }
}
@media screen and (max-width: 767px) {
  .fSelect.fSelect-year {
    width: 25em;
  }
}

.fSpam {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.contents-confirm,
.contents-complete {
  padding: 1em 90px 9.5em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contents-confirm,
  .contents-complete {
    padding: 0 0 3em;
    margin-top: -4em;
  }
}
.contents-confirm .formList,
.contents-complete .formList {
  padding: 1.5em 0;
}
.contents-confirm .formList:first-of-type,
.contents-complete .formList:first-of-type {
  border-top: 1px solid #f0f0f0;
}
@media screen and (min-width: 768px) {
  .contents-confirm .formList.bottom,
  .contents-complete .formList.bottom {
    border-bottom: none;
  }
}
@media screen and (max-width: 767px) {
  .contents-confirm .formList dd,
  .contents-complete .formList dd {
    font-size: 108%;
  }
}
.contents-confirm .error_messe,
.contents-complete .error_messe {
  color: #e00;
}
.contents-confirm .lead,
.contents-complete .lead {
  text-align: center;
  margin-bottom: 2em;
}
.contents-confirm .inner,
.contents-complete .inner {
  max-width: 930px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-confirm .inner,
  .contents-complete .inner {
    padding: 1em 4% 3em;
  }
}
.contents-confirm .fButton,
.contents-complete .fButton {
  padding-top: 3em;
}
@media screen and (max-width: 767px) {
  .contents-confirm .fButton,
  .contents-complete .fButton {
    text-align: center;
  }
  .contents-confirm .fButton .btn-blue span,
  .contents-complete .fButton .btn-blue span {
    height: 4.2em;
  }
}
.contents-confirm .thanks,
.contents-complete .thanks {
  line-height: 2.2;
  margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
  .contents-confirm .thanks,
  .contents-complete .thanks {
    text-align: center;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 767px) {
  .contents-confirm .thanks + .fButton .btn,
  .contents-complete .thanks + .fButton .btn {
    width: 100%;
  }
}
.contents-confirm .thanks + .fButton .btn span,
.contents-complete .thanks + .fButton .btn span {
  width: 300px;
}
@media screen and (max-width: 767px) {
  .contents-confirm .thanks + .fButton .btn span,
  .contents-complete .thanks + .fButton .btn span {
    height: 4.8em;
    width: 100%;
  }
}

.btn-submit {
  background-color: #333;
  color: #fff;
  padding: 1.1em 1.8em;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .btn-submit {
    font-size: 120%;
    padding: 1.2em 2em;
  }
}
.btn-submit::after {
  content: "";
  display: block;
  height: 1px;
  width: 30px;
  background-color: #b9d445;
  -webkit-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: auto;
}
.btn-submit::before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background-color: rgba(0, 40, 30, 0.15);
  position: absolute;
  left: 0;
  top: 100%;
}
.btn-submit span {
  display: inline-block;
  position: relative;
  z-index: 110;
  padding-right: 1.5em;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .btn-submit:hover {
    opacity: 1;
  }
  .btn-submit:hover::after {
    width: 100%;
  }
}

a.btn-submit {
  color: #fff;
}

.btn-back {
  font-family: inherit;
  border: none;
  color: #575757;
  background: transparent;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .btn-back {
    font-size: 100%;
  }
}
.btn-back::before, .btn-back::after {
  content: "";
  display: none;
  height: calc(100% + 4px);
  width: 5px;
  position: absolute;
  top: -2px;
}
@media screen and (max-width: 767px) {
  .btn-back::before, .btn-back::after {
    width: 0.5em;
    height: calc(100% + 0.5em);
    top: -0.25em;
  }
}
.btn-back::before {
  left: -3px;
}
@media screen and (max-width: 767px) {
  .btn-back::before {
    left: -0.25em;
  }
}
.btn-back::after {
  right: -3px;
}
@media screen and (max-width: 767px) {
  .btn-back::after {
    right: -0.25em;
  }
}
.btn-back span {
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 0.2em 0.5em;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .btn-back span {
    font-size: 108%;
    letter-spacing: 0;
  }
}
.btn-back span::after {
  content: "";
  display: none;
  width: 3.5em;
  height: 6px;
  margin-left: auto;
  position: relative;
  transition: all 0.2s ease-in-out;
  left: 0;
}
@media screen and (max-width: 767px) {
  .btn-back span::after {
    height: 0.45em;
  }
}
@media screen and (min-width: 768px) {
  .btn-back:hover span::after {
    left: -0.5em;
  }
}

.fFile {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.2em;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .fFile {
    font-size: 95%;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.7em;
  }
}
.fFile input {
  display: none;
}
@media screen and (max-width: 767px) {
  .fFile input {
    font-size: 16px;
  }
}
.fFile span {
  color: #003AAB;
  font-weight: bold;
  padding: 1.1em 4.13em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F2F4F6;
  border-radius: 500em;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .fFile span + p {
    font-size: 92%;
    margin: 1em 0 0 0;
  }
}
.fFile p {
  margin-left: 1em;
  color: #000;
  font-size: 14px;
}
.fFile + p {
  margin-top: 0.5em;
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .fFile + p {
    font-size: 75%;
  }
}
.fFile + p + p {
  font-size: 14px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .fFile + p + p {
    font-size: 75%;
  }
}
.fFile .remove {
  border: none;
  -webkit-appearance: none;
  padding: 0;
  background: url(../img/btn_remove.png) no-repeat 50% 50%/100% auto;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  display: none;
}
@media screen and (min-width: 768px) {
  .fFile .remove:hover {
    opacity: 0.7;
  }
}
.fFile .remove.show {
  display: flex;
}

.home .l-wrapper::before {
  content: "";
  display: block;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  display: none;
  width: 15px;
  height: 277px;
  background: url(../img/img_spText.png) no-repeat 50% 0/100% 100%;
  position: fixed;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .home .l-wrapper::before {
    display: block;
    transition: top 0.3s ease-in-out, transform 0.3s ease-in-out;
  }
}
@media screen and (max-width: 767px) {
  .home .l-header .gNavi .icon button {
    background-color: transparent;
    backdrop-filter: blur(0);
  }
}
@media screen and (max-width: 767px) {
  .home .l-main {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) {
  .home .l-footer .fimg {
    height: 735px;
  }
}

.contents-top01 {
  margin-bottom: 100px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contents-top01 {
    padding: 0 10px;
    margin-bottom: 125px;
    z-index: 100;
  }
}
.contents-top01::after {
  content: "";
  width: 162px;
  height: 253px;
  left: 13px;
  bottom: -72px;
  position: absolute;
  background: url(../img/himg_sp.png) no-repeat 50% 50%/100% auto;
  z-index: 100;
  display: none;
}
@media screen and (max-width: 767px) {
  .contents-top01::after {
    left: 22px;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .contents-top01 .mv {
    max-width: calc(100vw - 20px);
  }
}
.contents-top01 .mv ul {
  list-style: none;
}
.contents-top01 .mv ul > li:not(:first-of-type) {
  display: none;
}
.contents-top01 .mv picture {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contents-top01 .mv img {
  border-radius: 3px;
}
@media screen and (min-width: 768px) {
  .contents-top01 .mv img {
    min-width: 100%;
    min-height: calc(100vh - 60px);
    object-fit: cover;
  }
}

.contents-top02 {
  position: relative;
}
@media screen and (min-width: 768px) {
  .contents-top02 {
    margin-bottom: 96px;
  }
}
@media screen and (max-width: 767px) {
  .contents-top02 {
    margin-bottom: 80px;
  }
}
.contents-top02 .bg01,
.contents-top02 .bg02,
.contents-top02 .bg03 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .contents-top02 .bg01,
  .contents-top02 .bg02,
  .contents-top02 .bg03 {
    left: -260px;
    width: calc(100% + 290px);
    height: 1200px;
    top: -530px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .contents-top02 .bg01,
  .contents-top02 .bg02,
  .contents-top02 .bg03 {
    width: 100%;
    height: 700px;
    top: 0;
    left: 0;
  }
}
.contents-top02 .bg01::before {
  content: "";
  display: block;
  position: absolute;
  width: 1862px;
  height: 1140px;
  left: -100px;
  top: 0;
  background: url(../img/top/bg01.png) no-repeat 50% 50%/100% auto;
  z-index: -1;
  pointer-events: none;
  animation-delay: 0s;
}
@media screen and (max-width: 767px) {
  .contents-top02 .bg01::before {
    width: 100%;
    height: 600px;
    left: 0;
    top: -340px;
    background: url(../img/top/bg01_sp.png) no-repeat 80% 50%/150% auto;
  }
}
.contents-top02 .bg02::before {
  content: "";
  display: block;
  position: absolute;
  width: 1588px;
  height: 1131px;
  left: 210px;
  top: 50px;
  background: url(../img/top/bg01-2.png) no-repeat 50% 50%/100% auto;
  z-index: -1;
  pointer-events: none;
  animation-delay: 2s;
}
@media screen and (max-width: 767px) {
  .contents-top02 .bg02::before {
    width: 100%;
    height: 500px;
    left: 0;
    top: -220px;
    background: url(../img/top/bg01-2_sp.png) no-repeat 50% 50%/160% auto;
  }
}
.contents-top02 .bg03::before {
  content: "";
  display: block;
  position: absolute;
  width: 1098px;
  height: 961px;
  left: 450px;
  top: 170px;
  background: url(../img/top/bg01-3.png) no-repeat 50% 50%/100% auto;
  z-index: -1;
  pointer-events: none;
  animation-delay: 4s;
}
@media screen and (max-width: 767px) {
  .contents-top02 .bg03::before {
    width: 100%;
    height: 500px;
    left: 0;
    top: -170px;
    background: url(../img/top/bg01-3_sp.png) no-repeat 50% 50%/160% auto;
  }
}
@media screen and (min-width: 768px) {
  .contents-top02 .inner {
    width: 820px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .contents-top02 .inner {
    width: 100%;
    padding: 0 50px 0 25px;
  }
}
@media screen and (min-width: 768px) {
  .contents-top02 .text {
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contents-top02 .text {
    margin-bottom: 36px;
  }
}
.contents-top02 .text p {
  letter-spacing: 0.22em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .contents-top02 .text p {
    letter-spacing: 0.25em;
  }
}
@media screen and (min-width: 768px) {
  .contents-top02 .img {
    flex-shrink: 0;
    margin-right: 60px;
  }
}

.animBlink {
  pointer-events: none;
}
.animBlink::before {
  opacity: 0;
  animation: animBlink 6s infinite;
  animation-timing-function: ease-in-out;
}

@keyframes animBlink {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.contents-top03 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-top03 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .contents-top03 .inner {
    padding: 0 50px 0 25px;
  }
}
@media screen and (min-width: 768px) {
  .contents-top03 .content {
    width: 820px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-left: 90px;
  }
}
@media screen and (min-width: 768px) {
  .contents-top03 .content:not(:last-of-type) {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .contents-top03 .content:not(:last-of-type) {
    margin-bottom: 42px;
  }
}
@media screen and (max-width: 767px) {
  .contents-top03 .content .text {
    margin-bottom: 30px;
  }
}
.contents-top03 .content h2 {
  font-size: 20px;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contents-top03 .content h2::before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  background: url(../img/icon/ico_blur-yl.png) no-repeat 50% 50%/100% auto;
  position: relative;
  margin: 0 -5px 0 -16px;
}
@media screen and (min-width: 768px) {
  .contents-top03 .content p {
    line-height: 1.6;
  }
}
.contents-top03 .content ul {
  list-style: none;
  margin-top: 20px;
}
.contents-top03 .content ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.contents-top03 .content ul li:not(:last-of-type) {
  margin-bottom: 7px;
}
.contents-top03 .content ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5000em;
  background: #FBCF6B;
  margin-right: 5px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.contents-top03 .content ul a {
  color: #333;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .contents-top03 .content .img img {
    width: 100%;
    height: auto;
  }
}
.contents-top03 .content.yellow h2::before {
  background: url(../img/icon/ico_blur-yl.png) no-repeat 50% 50%/100% auto;
}
.contents-top03 .content.yellow ul li::before {
  background: #FBCF6B;
}
.contents-top03 .content.purple h2::before {
  background: url(../img/icon/ico_blur-pp.png) no-repeat 50% 50%/100% auto;
}
.contents-top03 .content.purple ul li::before {
  background: #A999C8;
}
.contents-top03 .content.red h2::before {
  background: url(../img/icon/ico_blur-rd.png) no-repeat 50% 50%/100% auto;
}
.contents-top03 .content.red ul li::before {
  background: #EBA39D;
}

.contents-top04 {
  margin-bottom: 95px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contents-top04 {
    padding: 0 50px 0 0;
    margin-bottom: 45px;
  }
}
.contents-top04 .inner {
  height: 450px;
  background: url(../img/top/05.png) no-repeat 50% 50%/cover;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 520px;
}
@media screen and (max-width: 767px) {
  .contents-top04 .inner {
    background-image: url(../img/top/05_sp.png);
    background-position: 50% bottom;
    height: 520px;
    width: 100%;
    padding: 40px 0 0 25px;
    justify-content: flex-start;
  }
}
.contents-top04 h2 {
  font-size: 20px;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contents-top04 h2::before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  background: url(../img/icon/ico_blur-gr.png) no-repeat 50% 50%/100% auto;
  position: relative;
  margin: 0 -5px 0 -16px;
}
@media screen and (min-width: 768px) {
  .contents-top04 p {
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .contents-top04 p {
    width: 100%;
  }
}
.contents-top04 ul {
  list-style: none;
  margin-top: 20px;
}
.contents-top04 ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.contents-top04 ul li:not(:last-of-type) {
  margin-bottom: 7px;
}
.contents-top04 ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5000em;
  background: #6DBC72;
  margin-right: 5px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.contents-top04 ul a {
  color: #333;
  padding-left: 10px;
}
.contents-top04 .bg01,
.contents-top04 .bg02,
.contents-top04 .bg03 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .contents-top04 .bg01,
  .contents-top04 .bg02,
  .contents-top04 .bg03 {
    left: -260px;
    width: calc(100% + 290px);
    height: 1200px;
    top: -210px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .contents-top04 .bg01,
  .contents-top04 .bg02,
  .contents-top04 .bg03 {
    width: 100%;
    height: 700px;
    top: 0;
    left: 0;
  }
}
.contents-top04 .bg01::before {
  content: "";
  display: block;
  position: absolute;
  width: 486px;
  height: 484px;
  left: 70px;
  top: 430px;
  background: url(../img/top/bg02.png) no-repeat 50% 50%/100% auto;
  z-index: -1;
  pointer-events: none;
  animation-delay: 0s;
}
@media screen and (max-width: 767px) {
  .contents-top04 .bg01::before {
    width: 100%;
    height: 600px;
    left: 0;
    top: -340px;
    background: url(../img/top/bg02_sp.png) no-repeat -40vw 50%/100% auto;
  }
}
.contents-top04 .bg02::before {
  content: "";
  display: block;
  position: absolute;
  width: 570px;
  height: 568px;
  left: 1060px;
  top: 0;
  background: url(../img/top/bg02-2.png) no-repeat 50% 50%/100% auto;
  z-index: -1;
  pointer-events: none;
  animation-delay: 2s;
}
@media screen and (max-width: 767px) {
  .contents-top04 .bg02::before {
    width: 100%;
    height: 600px;
    left: 0;
    top: -70px;
    background: url(../img/top/bg02-2_sp.png) no-repeat 28vw 0/100% auto;
  }
}
.contents-top04 .bg03::before {
  content: "";
  display: block;
  position: absolute;
  width: 570px;
  height: 568px;
  left: 0;
  top: 0;
  background: url(../img/top/bg02-3.png) no-repeat 50% 50%/100% auto;
  z-index: -1;
  pointer-events: none;
  animation-delay: 4s;
}
@media screen and (max-width: 767px) {
  .contents-top04 .bg03::before {
    width: 100%;
    height: 600px;
    left: 0;
    top: 200px;
    background: url(../img/top/bg02-3_sp.png) no-repeat 19vw 50%/100% auto;
  }
}

.contents-top05 {
  margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .contents-top05 {
    margin-bottom: 45px;
  }
}
.contents-top05 .inner {
  max-width: 730px;
}
@media screen and (max-width: 767px) {
  .contents-top05 .inner {
    padding: 0 50px 0 25px;
  }
}
.contents-top05 .subTitle01 .en {
  color: #FBCF6B;
}
.contents-top05 ul {
  list-style: none;
  border-top: 1px solid #333;
  margin-bottom: 30px;
}
.contents-top05 ul li {
  border-bottom: 1px solid #333;
  padding: 18px 0;
}
@media screen and (max-width: 767px) {
  .contents-top05 ul li {
    padding: 9px 0 13px;
  }
}
.contents-top05 ul a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: #333;
  gap: 0 20px;
}
@media screen and (max-width: 767px) {
  .contents-top05 ul a {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.contents-top05 ul time {
  letter-spacing: 0.04em;
}
.contents-top05 ul .new {
  color: #FBCF6B;
  flex-shrink: 0;
}
.contents-top05 ul h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1em;
}
@media screen and (min-width: 768px) {
  .contents-top05 ul h3 {
    white-space: nowrap;
    width: 575px;
  }
}
@media screen and (max-width: 767px) {
  .contents-top05 ul h3 {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
  }
}

.contents-top06 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-top06 {
    margin-bottom: 50px;
  }
}
.contents-top06 .inner {
  max-width: 730px;
}
@media screen and (max-width: 767px) {
  .contents-top06 .inner {
    padding: 0 50px 0 25px;
  }
}
.contents-top06 .subTitle01 .en {
  color: #A999C8;
}
.contents-top06 ul {
  list-style: none;
  display: flex;
  gap: 0 20px;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .contents-top06 ul {
    flex-direction: column;
    gap: 25px 0;
  }
}
@media screen and (min-width: 768px) {
  .contents-top06 ul li {
    width: 230px;
  }
}
.contents-top06 ul a {
  color: #333;
  display: block;
}
.contents-top06 ul .img {
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 3px;
  width: 100%;
  height: 153px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .contents-top06 ul .img {
    height: 210px;
    margin-bottom: 12px;
  }
}
.contents-top06 ul .img img {
  width: 100%;
  min-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.contents-top06 ul .img img.logo {
  min-width: 85%;
  width: 85%;
}
@media screen and (max-width: 767px) {
  .contents-top06 ul .img img.logo {
    min-width: 65%;
    width: 65%;
  }
}
.contents-top06 ul h3 {
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .contents-top06 ul h3 {
    line-height: 1.5;
  }
}
.contents-top06 ul time {
  margin-right: 18px;
  letter-spacing: 0.04em;
}
.contents-top06 ul .new {
  color: #A999C8;
}

.contents-top07 {
  position: relative;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .contents-top07 {
    margin-bottom: 50px;
    padding-right: 50px;
  }
}
.contents-top07 .inner {
  height: 350px;
  background: url(../img/top/06.png) no-repeat 50% 50%/cover;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 93px;
}
@media screen and (max-width: 767px) {
  .contents-top07 .inner {
    background-image: url(../img/top/06_sp.png);
    height: 450px;
    padding: 40px 10px 0 25px;
    justify-content: flex-start;
  }
}
.contents-top07 h2 {
  font-size: 20px;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contents-top07 h2::before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  background: url(../img/icon/ico_blur-bl.png) no-repeat 50% 50%/100% auto;
  position: relative;
  margin: 0 -5px 0 -16px;
}
@media screen and (min-width: 768px) {
  .contents-top07 p {
    line-height: 1.6;
  }
}
.contents-top07 ul {
  list-style: none;
  margin-top: 20px;
}
.contents-top07 ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.contents-top07 ul li:not(:last-of-type) {
  margin-bottom: 7px;
}
.contents-top07 ul li::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5000em;
  background: #83BEDC;
  margin-right: 5px;
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.contents-top07 ul a {
  color: #333;
  padding-left: 10px;
}
.contents-top07 .bg01,
.contents-top07 .bg02,
.contents-top07 .bg03 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .contents-top07 .bg01,
  .contents-top07 .bg02,
  .contents-top07 .bg03 {
    left: -260px;
    width: calc(100% + 290px);
    height: 1200px;
    top: -210px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .contents-top07 .bg01,
  .contents-top07 .bg02,
  .contents-top07 .bg03 {
    width: 100%;
    height: 700px;
    top: 0;
    left: 0;
  }
}
.contents-top07 .bg01::before {
  content: "";
  display: block;
  position: absolute;
  width: 690px;
  height: 690px;
  left: 860px;
  top: 140px;
  background: url(../img/top/bg03.png) no-repeat 50% 50%/100% auto;
  z-index: -1;
  pointer-events: none;
  animation-delay: 0s;
}
@media screen and (max-width: 767px) {
  .contents-top07 .bg01::before {
    width: 100%;
    height: 600px;
    left: 0;
    top: 25%;
    background: url(../img/top/bg03_sp.png) no-repeat 30vw 50%/100% auto;
  }
}
.contents-top07 .bg02::before {
  content: "";
  display: block;
  position: absolute;
  width: 568px;
  height: 568px;
  left: 30px;
  top: 20px;
  background: url(../img/top/bg03-2.png) no-repeat 50% 50%/100% auto;
  z-index: -1;
  pointer-events: none;
  animation-delay: 2s;
}
@media screen and (max-width: 767px) {
  .contents-top07 .bg02::before {
    width: 100%;
    height: 600px;
    left: 0;
    top: 71%;
    background: url(../img/top/bg03-2_sp.png) no-repeat 0 0/110% auto;
  }
}
.contents-top07 .bg03::before {
  content: "";
  display: block;
  position: absolute;
  width: 622px;
  height: 620px;
  left: 0;
  top: 470px;
  background: url(../img/top/bg03-3.png) no-repeat 50% 50%/100% auto;
  z-index: -1;
  pointer-events: none;
  animation-delay: 4s;
}
@media screen and (max-width: 767px) {
  .contents-top07 .bg03::before {
    width: 100%;
    height: 600px;
    left: 0;
    top: 520px;
    background: url(../img/top/bg03-3_sp.png) no-repeat -30vw 50%/110% auto;
  }
}

@media screen and (max-width: 767px) {
  .contents-top08 .inner {
    padding: 0 50px 0 25px;
  }
}
.contents-top08 ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .contents-top08 ul {
    flex-direction: column;
    gap: 30px 0;
  }
}
.contents-top08 ul li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .contents-top08 ul li {
    width: 440px;
  }
}
.contents-top08 ul li::after {
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
@media screen and (max-width: 767px) {
  .contents-top08 ul li::after {
    right: 10px;
    bottom: 10px;
  }
}
.contents-top08 ul a {
  display: block;
  height: 200px;
  padding: 38px 30px 0;
  color: #333;
}
@media screen and (max-width: 767px) {
  .contents-top08 ul a {
    height: 140px;
    padding: 18px 0 0 20px;
  }
}
.contents-top08 ul h2 {
  font-size: 20px;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .contents-top08 ul h2 {
    margin-bottom: 4px;
  }
}
.contents-top08 ul p {
  line-height: 1.65;
}
@media screen and (max-width: 767px) {
  .contents-top08 ul p {
    line-height: 1.4;
    letter-spacing: -0.02em;
  }
}
.contents-top08 ul .list01 {
  background: url(../img/top/07.png) no-repeat 50% 50%/cover;
}
.contents-top08 ul .list01::after {
  width: 9px;
  height: 16px;
  background: url(../img/icon/ico_chevron-r.png) no-repeat 50% 50%/100% auto;
}
.contents-top08 ul .list01 h2 {
  color: #EBA39D;
}
.contents-top08 ul .list02 {
  background: url(../img/top/08.png) no-repeat 50% 50%/cover;
}
.contents-top08 ul .list02::after {
  width: 25px;
  height: 20px;
  background: url(../img/icon/ico_blank.png) no-repeat 50% 50%/100% auto;
}
@media screen and (max-width: 767px) {
  .contents-top08 ul .list02::after {
    width: 20px;
    height: 16px;
    top: 10px;
    bottom: auto;
    right: 11px;
  }
}
.contents-top08 ul .list02 h2 {
  color: #36A3F2;
}

.contents-about01 {
  margin-bottom: 92px;
}
@media screen and (max-width: 767px) {
  .contents-about01 {
    margin-bottom: 67px;
  }
}
@media screen and (max-width: 767px) {
  .contents-about01 .inner {
    padding: 0 25px;
  }
}
@media screen and (max-width: 767px) {
  .contents-about01 .subTitle02 {
    margin-bottom: 35px;
  }
}
.contents-about01 h3 {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .contents-about01 h3 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .contents-about01 .tableStyle01 {
    line-height: 1.55;
  }
}
@media screen and (min-width: 768px) {
  .contents-about01 .tableStyle01 th {
    width: 125px;
    white-space: nowrap;
  }
}
.contents-about01 .tableStyle01 td {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .contents-about01 .tableStyle01 td {
    padding-left: 0;
  }
}
.contents-about01 .tableStyle01 + h3 {
  border-top: 1px solid #D2D2D2;
  padding-top: 27px;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .contents-about01 .tableStyle01 + h3 {
    margin-top: 20px;
    padding-top: 29px;
  }
}
.contents-about01 .img {
  display: block;
  margin-top: 85px;
}
@media screen and (max-width: 767px) {
  .contents-about01 .img {
    margin-top: 55px;
  }
}
.contents-about01 .img img {
  width: 100%;
  height: auto;
}

.contents-about02 {
  margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .contents-about02 {
    margin-bottom: 67px;
  }
}
@media screen and (max-width: 767px) {
  .contents-about02 .inner {
    padding: 0 25px;
  }
}
.contents-about02 .subTitle02 {
  margin-bottom: 10px;
}
.contents-about02 h3 {
  margin-bottom: 28px;
}
.contents-about02 .tableStyle01 {
  max-width: 730px;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .contents-about02 .tableStyle01 {
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .contents-about02 .tableStyle01 th,
  .contents-about02 .tableStyle01 td {
    padding-top: 1.1em;
    padding-bottom: 1.3em;
  }
}
.contents-about02 .tableStyle01 th {
  color: #FF7600;
}
@media screen and (min-width: 768px) {
  .contents-about02 .tableStyle01 th {
    width: 206px;
  }
}
.contents-about02 .tableStyle01 .tel,
.contents-about02 .tableStyle01 .link {
  margin-top: 13px;
}
.contents-about02 .tableStyle01 .btn-primary {
  min-width: 145px;
}
.contents-about02 .tableStyle01 .btn-secondary {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .contents-about02 .tableStyle01 .btn-secondary {
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) {
  .contents-about02 .tableStyle01 .btn-secondary.spVertical {
    flex-direction: column;
    line-height: 1.2;
    width: 100%;
    height: 50px;
  }
}
@media screen and (min-width: 768px) {
  .contents-about02 .tableStyle01 .btn-secondary .num::before {
    content: "：";
  }
}
@media screen and (max-width: 767px) {
  .contents-about02 .tableStyle01 .btn-secondary .num {
    display: block;
  }
}

.contents-about03 {
  background: #FCE7D5;
  border-radius: 3px;
  padding: 97px 100px;
  margin-bottom: 95px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contents-about03 {
    padding: 65px 20px 67px;
    margin: 0 25px 65px;
  }
}
.contents-about03 .inner {
  max-width: 910px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .contents-about03 .subTitle02 {
    margin-bottom: 34px;
  }
}
.contents-about03 .wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 0 90px;
}
@media screen and (max-width: 767px) {
  .contents-about03 .wrapper {
    display: block;
    padding: 0;
  }
}
.contents-about03 .text {
  width: 440px;
  line-height: 1.68;
}
@media screen and (max-width: 767px) {
  .contents-about03 .text {
    width: 100%;
    margin-bottom: 17px;
    line-height: 1.75;
  }
}
.contents-about03 .text p:not(:last-of-type) {
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .contents-about03 .text p:not(:last-of-type) {
    margin-bottom: 6px;
  }
}
.contents-about03 .img picture {
  display: block;
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .contents-about03 .img picture {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contents-about03 .img picture img {
    width: 100%;
    height: auto;
  }
}
.contents-about03 .img p {
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .contents-about03 .img p {
    left: 1.75;
  }
}

.contents-about04 {
  margin-bottom: 95px;
}
@media screen and (max-width: 767px) {
  .contents-about04 {
    margin-bottom: 65px;
  }
}
.contents-about04 .inner {
  max-width: 910px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-about04 .inner {
    padding: 0 25px;
  }
}
@media screen and (max-width: 767px) {
  .contents-about04 .subTitle02 {
    margin-bottom: 38px;
  }
}
.contents-about04 h3 {
  font-size: 25px;
  line-height: 1.4;
  letter-spacing: 0.03em;
  margin-bottom: 48px;
}
@media screen and (max-width: 767px) {
  .contents-about04 h3 {
    font-size: 20px;
    margin-bottom: 38px;
  }
}
.contents-about04 .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .contents-about04 .wrapper {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .contents-about04 .wrapper .img {
    width: 327px;
  }
}
@media screen and (max-width: 767px) {
  .contents-about04 .wrapper .img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 36px;
  }
}
@media screen and (max-width: 767px) {
  .contents-about04 .wrapper .img img {
    width: 217px;
    height: 80px;
  }
}
@media screen and (min-width: 768px) {
  .contents-about04 .wrapper .text {
    width: 455px;
    line-height: 1.65;
  }
}

.contents-facility01 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-facility01 {
    margin-bottom: 67px;
  }
}
@media screen and (max-width: 767px) {
  .contents-facility01 .inner {
    padding: 0 25px;
  }
}
.contents-facility01 .lead {
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .contents-facility01 .lead {
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) {
  .contents-facility01 .lead {
    margin-top: -10px;
  }
}
.contents-facility01 .img01 {
  display: block;
  margin-bottom: 95px;
}
@media screen and (max-width: 767px) {
  .contents-facility01 .img01 {
    margin-bottom: 45px;
  }
}
.contents-facility01 .img02 {
  margin: 0 auto 22px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contents-facility01 .img02 {
    max-width: 730px;
  }
}
@media screen and (max-width: 767px) {
  .contents-facility01 .img02 {
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 768px) {
  .contents-facility01 .img02 h3 {
    font-size: 20px;
    margin-bottom: 1px;
  }
}
.contents-facility01 .img02 + .img02 {
  margin-bottom: 93px;
}
@media screen and (max-width: 767px) {
  .contents-facility01 .img02 + .img02 {
    margin-bottom: 45px;
  }
}
.contents-facility01 .wrapper h3 {
  font-size: 20px;
  border-bottom: 1px dashed #C6C6C6;
  margin-bottom: 28px;
}
.contents-facility01 .wrapper ul {
  list-style: none;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 28px 35px;
}
@media screen and (min-width: 768px) {
  .contents-facility01 .wrapper ul li {
    width: 280px;
  }
}
.contents-facility01 .wrapper ul .img {
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .contents-facility01 .wrapper ul .img {
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 767px) {
  .contents-facility01 .wrapper ul .img img {
    width: 100%;
    height: auto;
  }
}
.contents-facility01 .wrapper ul h4 {
  font-size: 18px;
  color: #FF7600;
  margin-bottom: 7px;
}
@media screen and (min-width: 768px) {
  .contents-facility01 .wrapper ul p {
    line-height: 1.3;
  }
}
@media screen and (max-width: 767px) {
  .contents-facility01 .wrapper ul p {
    line-height: 1.4;
  }
}
.contents-facility01 .wrapper + .wrapper {
  margin-top: 62px;
}
@media screen and (max-width: 767px) {
  .contents-facility01 .wrapper + .wrapper {
    margin-top: 40px;
  }
}
.contents-facility01 .img03 {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .contents-facility01 .img03 {
    margin-top: 50px;
  }
}

.contents-facility02 {
  background: #FCE7D5;
  margin-bottom: 100px;
  border-radius: 3px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contents-facility02 {
    margin: 0 25px 70px;
  }
}
.contents-facility02 .inner {
  padding: 96px 0;
}
@media screen and (max-width: 767px) {
  .contents-facility02 .inner {
    padding: 67px 20px;
  }
}
@media screen and (max-width: 767px) {
  .contents-facility02 .subTitle02 {
    margin-bottom: 40px;
  }
}
.contents-facility02 .map {
  width: 100%;
  height: 400px;
}
@media screen and (min-width: 768px) {
  .contents-facility02 .map {
    margin-top: 50px;
    margin-bottom: 9px;
  }
}
@media screen and (max-width: 767px) {
  .contents-facility02 .map {
    height: 300px;
    margin-bottom: 8px;
  }
}
.contents-facility02 .map iframe {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
}
.contents-facility02 address {
  font-style: normal;
}

.contents-policyChildcare01 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare01 {
    margin-bottom: 67px;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare01 .inner {
    padding: 0 25px;
  }
}
.contents-policyChildcare01 .lead {
  margin-top: 88px;
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare01 .lead {
    margin: -10px 0 35px;
  }
}
.contents-policyChildcare01 .lead p {
  color: #595757;
  font-size: 25px;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare01 .lead p {
    font-size: 18px;
    color: #333;
  }
}
.contents-policyChildcare01 .lead p:not(:last-of-type) {
  margin-bottom: 27px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare01 .lead p:not(:last-of-type) {
    margin-bottom: 12px;
  }
}

.contents-policyChildcare02 {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare02 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare02 .inner {
    padding: 0 25px;
  }
}
.contents-policyChildcare02 .lead {
  margin-bottom: 75px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare02 .lead {
    margin-top: -10px;
    margin-bottom: 25px;
  }
}
.contents-policyChildcare02 ul {
  list-style: none;
  max-width: 600px;
  margin: 0 auto 18px;
  border-top: 1px dashed #C6C6C6;
}
.contents-policyChildcare02 ul li {
  border-bottom: 1px dashed #C6C6C6;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .contents-policyChildcare02 ul li {
    padding: 0 0 0 130px;
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare02 ul li {
    padding: 17px 0;
    align-items: flex-start;
    line-height: 1.25;
  }
}
.contents-policyChildcare02 ul li::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 5000em;
  margin-right: 6px;
  flex-shrink: 0;
  background: #000;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare02 ul li::before {
    margin-top: 0.4em;
  }
}
.contents-policyChildcare02 ul li.yellow {
  color: #FBB36B;
}
.contents-policyChildcare02 ul li.yellow::before {
  background: #FBCF6B;
}
.contents-policyChildcare02 ul li.purple {
  color: #A999C8;
}
.contents-policyChildcare02 ul li.purple::before {
  background: #A999C8;
}
.contents-policyChildcare02 ul li.red {
  color: #EBA39D;
}
.contents-policyChildcare02 ul li.red::before {
  background: #EBA39D;
}
.contents-policyChildcare02 ul li.green {
  color: #6DBC72;
}
.contents-policyChildcare02 ul li.green::before {
  background: #6DBC72;
}
.contents-policyChildcare02 ul li.blue {
  color: #83BEDC;
}
.contents-policyChildcare02 ul li.blue::before {
  background: #83BEDC;
}
.contents-policyChildcare02 .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .contents-policyChildcare02 .img {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare02 .img {
    margin: 0 -25px;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare02 .img img {
    height: auto;
    width: auto;
  }
}

.contents-policyChildcare03 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 .inner {
    padding: 0 25px;
  }
}
@media screen and (min-width: 768px) {
  .contents-policyChildcare03 .subTitle02 {
    margin-bottom: 47px;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 .subTitle02 {
    margin-bottom: 50px;
  }
}
.contents-policyChildcare03 h3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 58px;
}
.contents-policyChildcare03 h3 span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  letter-spacing: 0.04em;
  border: 2px solid #C7C7C7;
  border-radius: 3px;
  height: 45px;
  padding: 0 20px;
}
.contents-policyChildcare03 h3 span.purple {
  color: #8A6EBF;
}
.contents-policyChildcare03 h3 span.red {
  color: #EBA39D;
}
.contents-policyChildcare03 h3 span.blue {
  color: #83BEDC;
}
.contents-policyChildcare03 ol {
  list-style: none;
}
@media screen and (min-width: 768px) {
  .contents-policyChildcare03 ol {
    margin-bottom: 82px;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol {
    margin-bottom: 60px;
  }
}
.contents-policyChildcare03 ol > li {
  border-top: 1px solid #C7C7C7;
  border-left: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  border-bottom: 1px solid #C7C7C7;
  border-radius: 3px;
  padding: 0 25px 25px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol > li {
    padding: 0 20px 25px;
  }
}
.contents-policyChildcare03 ol > li:not(:last-of-type) {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol > li:not(:last-of-type) {
    margin-bottom: 53px;
  }
}
.contents-policyChildcare03 ol .wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol .wrapper {
    flex-direction: column;
  }
}
.contents-policyChildcare03 ol .wrapper .img {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .contents-policyChildcare03 ol .wrapper .img {
    margin-left: 60px;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol .wrapper .img {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol .wrapper .img img {
    width: 100%;
  }
}
.contents-policyChildcare03 ol .wrapper .text {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .contents-policyChildcare03 ol .wrapper .text {
    padding-top: 20px;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol .wrapper .text {
    margin-bottom: 22px;
  }
}
.contents-policyChildcare03 ol .title {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10px 0 11px;
  background: #F8F8F8;
  position: relative;
  height: 50px;
  margin-top: -26px;
  margin-left: -26px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol .title {
    margin-bottom: 16px;
    margin-left: -21px;
  }
}
.contents-policyChildcare03 ol .title > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  line-height: 1.2;
  letter-spacing: 0.02em;
}
.contents-policyChildcare03 ol .title > span.num {
  font-size: 50px;
  font-style: italic;
  font-weight: 400;
  color: #C7C7C7;
  flex-shrink: 0;
  margin-right: 8px;
  line-height: 1;
}
.contents-policyChildcare03 ol .title > span:last-of-type {
  font-size: 18px;
}
.contents-policyChildcare03 ol .title > span.purple {
  color: #8A6EBF;
}
.contents-policyChildcare03 ol .title > span.red {
  color: #EBA39D;
}
.contents-policyChildcare03 ol .title > span.blue {
  color: #83BEDC;
}
.contents-policyChildcare03 ol .gray {
  font-size: 13px;
  color: #C7C7C7;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol .gray {
    margin-top: 2px;
  }
}
.contents-policyChildcare03 ol h5 {
  border-top: 1px dashed #C6C6C6;
  padding: 18px 0 0;
  margin-top: 22px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol h5 {
    line-height: 1.35;
  }
}
.contents-policyChildcare03 ol ul {
  display: flex;
  justify-content: space-between;
  gap: 0 13px;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol ul {
    flex-direction: column;
    gap: 15px 0;
  }
}
.contents-policyChildcare03 ol ul li {
  background-color: #fff;
  border-radius: 3px;
  flex: 1;
  padding: 15px 15px 22px;
}
.contents-policyChildcare03 ol ul h6 {
  text-align: center;
  line-height: 1.4;
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .contents-policyChildcare03 ol ul h6 {
    margin-bottom: 12px;
  }
}
.contents-policyChildcare03 ol ul h6.purple {
  color: #A999C8;
}
.contents-policyChildcare03 ol ul h6.blue {
  color: #83BEDC;
}
.contents-policyChildcare03 ol ul p {
  line-height: 1.35;
}

.contents-flow01 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-flow01 {
    padding-bottom: 50px;
    margin-bottom: 77px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 .inner {
    padding: 0 25px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 .subTitle02 {
    margin-bottom: 88px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 .subTitle02 {
    margin-bottom: 84px;
  }
}
.contents-flow01 .wrapper {
  position: relative;
  padding-bottom: 80px;
}
.contents-flow01 .wrapper:not(:last-of-type) {
  margin-bottom: 90px;
  padding-bottom: 75px;
  border-bottom: 1px dashed #C7C7C7;
}
@media screen and (max-width: 767px) {
  .contents-flow01 .wrapper:not(:last-of-type) {
    padding-bottom: 108px;
    margin-bottom: 87px;
  }
}
.contents-flow01 h3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 39px;
  position: relative;
  z-index: 10;
}
.contents-flow01 h3 span {
  background: #F8F8F8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  letter-spacing: 0;
  border: 2px solid #C7C7C7;
  border-radius: 3px;
  height: 45px;
  padding: 0 20px;
}
.contents-flow01 h3 span.red {
  color: #EBA39D;
}
.contents-flow01 h3 span.blue {
  color: #83BEDC;
}
.contents-flow01 ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 35px 0;
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul {
    gap: 40px 0;
    width: 375px;
    margin: -25px;
    white-space: nowrap;
    transform: scale(0.86);
  }
}
.contents-flow01 ul > li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contents-flow01 ul > li::after {
  content: "";
  display: block;
  width: 105px;
  height: 1px;
  background: #707070;
  transform: rotate(-45deg);
  margin: 0 -20px 0 0;
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul > li::after {
    margin-left: -17px;
    margin-right: -38px;
    top: 10px;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul > li:nth-child(even) .text {
    position: relative;
    top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul > li:nth-child(even)::after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul > li:nth-child(2)::after, .contents-flow01 ul > li:nth-child(5)::after {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul > li:nth-child(2) {
    margin-left: -10px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul > li:nth-child(3) {
    margin-right: 150px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul > li:nth-child(4) {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul > li:nth-child(4) {
    margin-right: 10%;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul > li:nth-child(3)::after, .contents-flow01 ul > li:nth-child(6)::after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul > li:nth-child(6) {
    margin-right: 80px;
  }
}
.contents-flow01 ul .text {
  line-height: 1;
  text-align: center;
}
.contents-flow01 ul .time {
  display: block;
  font-size: 30px;
  font-weight: 400;
  color: #C7C7C7;
  margin-bottom: 4px;
  font-style: italic;
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul .time {
    font-size: 25px;
  }
}
.contents-flow01 ul h4 {
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul h4 {
    font-size: 15px;
  }
}
.contents-flow01 ul.red h4 {
  color: #EBA39D;
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.red > li:nth-child(3) {
    padding-left: 13px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.red > li:nth-child(3)::after {
    margin-left: -27px;
    margin-right: -30px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.red > li:nth-child(5)::after {
    margin-right: -34px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.red > li:nth-child(6) .text {
    position: relative;
    top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue {
    gap: 62px 0;
  }
}
.contents-flow01 ul.blue h4 {
  color: #83BEDC;
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul.blue > li:nth-child(1)::after {
    margin-right: -30px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(1)::after {
    margin-left: -25px;
    margin-right: -106px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(2) .text {
    position: relative;
    top: 43px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(3)::after {
    margin-left: -41px;
    margin-right: -33px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(4) {
    margin-right: 100px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(4) .text {
    top: 23px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul.blue > li:nth-child(4)::after {
    margin-right: -30px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(5), .contents-flow01 ul.blue > li:nth-child(6) {
    margin-top: -18px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(5) {
    margin-left: 35px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(5)::after {
    margin-left: -58px;
    margin-right: -45px;
    top: 42px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul.blue > li:nth-child(6) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(6) {
    margin-left: -2px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue > li:nth-child(6) .text {
    top: 75px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul.blue + .img img:nth-child(1) {
    top: -140px;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue + .img img:nth-child(1) {
    top: -106px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow01 ul.blue + .img img:nth-child(2) {
    left: 140px;
    bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow01 ul.blue + .img img:nth-child(2) {
    bottom: -45px;
  }
}
.contents-flow01 .img img {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .contents-flow01 .img img {
    width: 140px;
    height: 140px;
  }
}
.contents-flow01 .img img:nth-child(1) {
  right: 111px;
  top: -38px;
}
@media screen and (max-width: 767px) {
  .contents-flow01 .img img:nth-child(1) {
    right: 0;
    top: -44px;
  }
}
.contents-flow01 .img img:nth-child(2) {
  left: 35px;
  bottom: -45px;
}
@media screen and (max-width: 767px) {
  .contents-flow01 .img img:nth-child(2) {
    left: 0;
    bottom: -53px;
  }
}

.contents-flow02 {
  position: relative;
  z-index: 10;
}
.contents-flow02::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #F0EDF7;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .contents-flow02::after {
    left: 25px;
    width: calc(100% - 50px);
  }
}
.contents-flow02 .inner {
  padding: 97px 0 100px;
}
@media screen and (max-width: 767px) {
  .contents-flow02 .inner {
    padding: 67px 0 70px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow02 .subTitle02 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow02 .subTitle02 {
    margin-left: 45px;
  }
}
.contents-flow02 ul {
  list-style: none;
}
.contents-flow02 ul li:not(:last-of-type) {
  margin-bottom: 30px;
}
.contents-flow02 ul .text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .contents-flow02 ul .text {
    padding: 0 45px;
    margin-bottom: 20px;
  }
}
.contents-flow02 ul h3 {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  margin-right: 25px;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.contents-flow02 ul h3::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  border-width: 0px 0px 70px 70px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.contents-flow02 ul h3.red {
  color: #EBA39D;
}
.contents-flow02 ul h3.green {
  color: #6DBC72;
}
.contents-flow02 ul h3.purple {
  color: #A999C8;
}
.contents-flow02 ul h3.blue {
  color: #83BEDC;
}
.contents-flow02 ul p {
  font-size: 20px;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .contents-flow02 ul p {
    padding-top: 1.3em;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow02 ul p {
    font-size: 15px;
    line-height: 1.58;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow02 ul .imgs {
    width: 100%;
    height: 170px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow02 ul .imgs .swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 95px;
    width: 730px;
  }
}
@media screen and (min-width: 768px) {
  .contents-flow02 ul .imgs .swiper-wrapper .swiper-slide {
    width: auto;
  }
  .contents-flow02 ul .imgs .swiper-wrapper .swiper-slide:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow02 ul .imgs .swiper-wrapper .swiper-slide {
    text-align: center;
    width: 52%;
    margin: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .contents-flow02 ul .imgs .swiper-wrapper .swiper-slide img {
    display: block;
  }
}
.contents-flow02 ul ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .contents-flow02 ul ul {
    width: 730px;
    margin-left: 95px;
  }
}
.contents-flow02 ul ul li:not(:last-of-type) {
  margin-bottom: 0;
}

.contents-flow03 {
  text-align: center;
  padding: 100px 0;
}
@media screen and (max-width: 767px) {
  .contents-flow03 {
    padding: 70px 25px;
  }
}

.contents-guide01 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-guide01 {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .contents-guide01 .inner {
    padding: 0 25px;
  }
}
.contents-guide01 h3 {
  font-size: 20px;
  color: #EBA39D;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .contents-guide01 h3 {
    margin-bottom: 8px;
  }
}
.contents-guide01 .lead {
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .contents-guide01 .lead {
    line-height: 1.4;
    margin-bottom: 16px;
  }
}
.contents-guide01 .notes {
  text-indent: -1em;
  padding-left: 1em;
}
.contents-guide01 .link {
  margin-bottom: 30px;
}
.contents-guide01 .tableStyle01 {
  position: relative;
  line-height: 1.4;
}
.contents-guide01 .tableStyle01::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  border-top: 1px dashed #C6C6C6;
}
@media screen and (min-width: 768px) {
  .contents-guide01 .tableStyle01 tr:last-of-type th,
  .contents-guide01 .tableStyle01 tr:last-of-type td {
    border-bottom: 1px dashed #C6C6C6;
  }
}
@media screen and (max-width: 767px) {
  .contents-guide01 .tableStyle01 tr:last-of-type td {
    border-bottom: 1px dashed #C6C6C6;
  }
}
@media screen and (min-width: 768px) {
  .contents-guide01 .tableStyle01 th {
    width: 210px;
    padding: 0.7em 0 0.9em;
  }
}
.contents-guide01 .tableStyle01 .tel {
  margin-top: 11px;
}
@media screen and (min-width: 768px) {
  .contents-guide01 .tableStyle01 .tel {
    margin-bottom: 4px;
  }
}
.contents-guide01 .tableStyle01 .tel .btn {
  width: 340px;
  height: 70px;
  font-size: 14px;
  line-height: 1.4;
}
.contents-guide01 .tableStyle01 + h3 {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .contents-guide01 .tableStyle01 + h3 {
    margin-top: 45px;
  }
}
.contents-guide01 .tableStyle01 + h4 {
  margin-top: 25px;
}
.contents-guide01 h4 {
  font-size: 15px;
  color: #EBA39D;
  margin-top: 23px;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .contents-guide01 h4 {
    margin-top: 27px;
    margin-bottom: 12px;
  }
}

.contents-fees01 {
  margin-bottom: 95px;
}
@media screen and (max-width: 767px) {
  .contents-fees01 {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .contents-fees01 .inner {
    padding: 5px 25px 0 25px;
  }
}
.contents-fees01 .inner > .notes {
  line-height: 1.6;
}
.contents-fees01 .subTitle02 {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .contents-fees01 .subTitle02 > span {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contents-fees01 .subTitle02 > span span {
    margin-right: 60%;
  }
}
.contents-fees01 .notes {
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.contents-fees01 .notes::before {
  content: "※";
  margin-right: 5px;
}
.contents-fees01 .tableStyle01 {
  position: relative;
  line-height: 1.4;
  margin-bottom: 9px;
}
.contents-fees01 .tableStyle01::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  border-top: 1px dashed #C6C6C6;
}
@media screen and (min-width: 768px) {
  .contents-fees01 .tableStyle01 tr:last-of-type th,
  .contents-fees01 .tableStyle01 tr:last-of-type td {
    border-bottom: 1px dashed #C6C6C6;
  }
}
@media screen and (max-width: 767px) {
  .contents-fees01 .tableStyle01 tr:last-of-type td {
    border-bottom: 1px dashed #C6C6C6;
  }
}
@media screen and (min-width: 768px) {
  .contents-fees01 .tableStyle01 th,
  .contents-fees01 .tableStyle01 td {
    padding-top: 0.73em;
    padding-bottom: 0.83em;
  }
}
@media screen and (min-width: 768px) {
  .contents-fees01 .tableStyle01 th {
    width: 284px;
  }
}
.contents-fees01 .tableStyle01 p:not(:last-of-type) {
  margin-bottom: 5px;
}
.contents-fees01 .tableStyle01 p.notes {
  margin-bottom: 0;
  line-height: 1.4;
}
.contents-fees01 .tableStyle01 strong {
  color: #EBA39D;
}
.contents-fees01 .img {
  display: block;
  margin-top: 97px;
}
@media screen and (max-width: 767px) {
  .contents-fees01 .img {
    margin-top: 67px;
  }
}
@media screen and (max-width: 767px) {
  .contents-fees01 + .contents-fees01 .inner {
    padding-top: 0;
  }
}

.contents-support01 {
  position: relative;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .contents-support01 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .contents-support01 .inner {
    padding: 0 25px;
  }
}
.contents-support01 .subTitle02 {
  margin-bottom: 15px;
}
.contents-support01 h3 {
  display: inline-flex;
  vertical-align: middle;
  color: #fff;
  background: #6DBC72;
  line-height: 1;
  padding: 2px 8px 4px;
  border-radius: 3px;
  margin-bottom: 45px;
}
@media screen and (max-width: 767px) {
  .contents-support01 h3 {
    margin-bottom: 35px;
  }
}
.contents-support01 .lead {
  line-height: 1.6;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .contents-support01 .lead {
    margin-bottom: 35px;
    line-height: 1.65;
  }
}
.contents-support01 ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  gap: 0 5px;
}
@media screen and (max-width: 767px) {
  .contents-support01 ul {
    flex-direction: column;
    gap: 10px 0;
  }
}
.contents-support01 ul li {
  flex: 1;
  background: no-repeat;
  border-radius: 3px;
  border: 3px solid #EBEBEB;
}
.contents-support01 ul a {
  display: block;
  height: 100%;
  color: #333;
  position: relative;
  padding: 28px 33px 25px 28px;
}
@media screen and (min-width: 768px) {
  .contents-support01 ul a {
    min-height: 250px;
  }
}
@media screen and (max-width: 767px) {
  .contents-support01 ul a {
    padding: 19px 20px 30px;
  }
}
.contents-support01 ul a::after {
  content: "";
  display: block;
  width: 10px;
  height: 7px;
  background: url(../img/icon/ico_chevron-d.png) no-repeat 50% 50%/100% auto;
  position: absolute;
  left: 50%;
  bottom: 11px;
  transform: translateX(-50%);
}
.contents-support01 ul h4 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 9px;
}
@media screen and (max-width: 767px) {
  .contents-support01 ul h4 {
    margin-bottom: 5px;
  }
}
.contents-support01 ul h5 {
  line-height: 1.3;
  border-left: 5px solid #83BEDC;
  padding-left: 5px;
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .contents-support01 ul h5 {
    margin-bottom: 9px;
  }
}
.contents-support01 ul p {
  line-height: 1.35;
  letter-spacing: 0;
}
.contents-support01 ul .list01 {
  background-image: url(../img/support/01.png);
  background-size: 135px auto;
  background-position: calc(100% - 15px) calc(100% - 22px);
}
@media screen and (max-width: 767px) {
  .contents-support01 ul .list01 {
    background-size: 122px auto;
    background-position: calc(100% - 17px) calc(100% - 22px);
  }
}
.contents-support01 ul .list01 h4 {
  color: #6DBC72;
}
.contents-support01 ul .list01 h5 {
  color: #6DBC72;
  border-left-color: #6DBC72;
}
.contents-support01 ul .list02 {
  background-image: url(../img/support/02.png);
  background-size: 96px auto;
  background-position: calc(100% - 13px) calc(100% - 16px);
}
@media screen and (max-width: 767px) {
  .contents-support01 ul .list02 {
    background-size: 91px auto;
    background-position: calc(100% - 17px) calc(100% - 10px);
  }
}
.contents-support01 ul .list02 h4 {
  color: #83BEDC;
}
.contents-support01 ul .list02 h5 {
  color: #83BEDC;
  border-left-color: #83BEDC;
}
.contents-support01 ul .list03 {
  background-image: url(../img/support/03.png);
  background-size: 96px auto;
  background-position: calc(100% - 13px) calc(100% - 13px);
}
@media screen and (max-width: 767px) {
  .contents-support01 ul .list03 {
    background-size: 102px auto;
  }
}
.contents-support01 ul .list03 h4 {
  color: #A999C8;
}
.contents-support01 ul .list03 h5 {
  color: #A999C8;
  border-left-color: #A999C8;
}

.contents-support02 {
  margin-bottom: 50px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contents-support02 {
    margin: 0 25px 38px;
  }
}
.contents-support02 .inner {
  border-top: 1px solid #595757;
  padding-top: 45px;
}
@media screen and (max-width: 767px) {
  .contents-support02 .inner {
    padding: 34px 0 0;
  }
}
.contents-support02 h2 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .contents-support02 h2 {
    margin-bottom: 5px;
  }
}
.contents-support02 h2.green {
  color: #6DBC72;
}
.contents-support02 h2.blue {
  color: #83BEDC;
}
.contents-support02 h2.purple {
  color: #A999C8;
}
.contents-support02 h3 {
  line-height: 1.3;
  border-left: 5px solid #83BEDC;
  padding-left: 5px;
  margin-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .contents-support02 h3 {
    margin-bottom: 12px;
  }
}
.contents-support02 h3.green {
  color: #6DBC72;
  border-color: #6DBC72;
}
.contents-support02 h3.blue {
  color: #83BEDC;
  border-color: #83BEDC;
}
.contents-support02 h3.purple {
  color: #A999C8;
  border-color: #A999C8;
}
.contents-support02 .lead {
  line-height: 1.3;
  margin-bottom: 10px;
}
.contents-support02 .dayDetail {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 10px;
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
  .contents-support02 .dayDetail {
    gap: 10px 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
.contents-support02 .dayDetail li {
  border-radius: 3px;
  background: #595757;
  color: #fff;
  line-height: 1.4;
  padding: 6px 20px 8px;
  letter-spacing: 0.02em;
  min-width: 120px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contents-support02 .dayDetail li {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .contents-support02 .dayDetail li.gray {
    text-align: center;
  }
}
.contents-support02 .dayDetail li.green {
  background: #6DBC72;
}
.contents-support02 .dayDetail li.blue {
  background: #83BEDC;
}
.contents-support02 .dayDetail li.purple {
  background: #A999C8;
}
.contents-support02 .notes {
  padding-left: 1.4em;
  text-indent: -1.4em;
  line-height: 1.3;
}
.contents-support02 .notes::before {
  content: "※";
  margin-right: 5px;
}
.contents-support02 .notes + .notes {
  margin-top: 5px;
}
.contents-support02 .notes + .dayDetail {
  margin-top: 13px;
}
.contents-support02 .eventList {
  margin-top: 35px;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  gap: 30px 35px;
}
@media screen and (max-width: 767px) {
  .contents-support02 .eventList {
    margin-top: 30px;
  }
}
.contents-support02 .eventList li {
  width: 280px;
}
@media screen and (max-width: 767px) {
  .contents-support02 .eventList li {
    width: 100%;
  }
}
.contents-support02 .eventList li.long {
  width: 100%;
  padding-bottom: 24px;
  background-image: linear-gradient(to right, #C6C6C6 6px, transparent 6px);
  background-size: 15px 2px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media screen and (min-width: 768px) {
  .contents-support02 .eventList li.long {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .contents-support02 .eventList li.long {
    padding-bottom: 32px;
  }
}
.contents-support02 .eventList li.long .title .name {
  margin-bottom: 12px;
}
.contents-support02 .eventList li.long .img {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .contents-support02 .eventList li.long .img {
    margin-right: 35px;
  }
}
.contents-support02 .eventList li.long .wrapper {
  width: 100%;
}
.contents-support02 .eventList .img {
  display: block;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .contents-support02 .eventList .img {
    margin-bottom: 13px;
  }
}
@media screen and (max-width: 767px) {
  .contents-support02 .eventList .img img {
    width: 100%;
  }
}
.contents-support02 .eventList .title {
  border-bottom: 1px dashed #C6C6C6;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.contents-support02 .eventList .title .date {
  line-height: 1.3;
  margin-bottom: 2px;
}
.contents-support02 .eventList .title .name {
  font-size: 18px;
  line-height: 1.2;
  color: #EBA39D;
}
.contents-support02 .eventList .desc {
  line-height: 1.3;
  border-bottom: 1px dashed #C6C6C6;
  margin-bottom: 12px;
  padding-bottom: 14px;
}
@media screen and (max-width: 767px) {
  .contents-support02 .eventList .desc {
    line-height: 1.4;
  }
}
.contents-support02 .eventList .detail {
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .contents-support02 .eventList .detail {
    line-height: 1.4;
  }
}
.contents-support02 .eventList .detail .tag {
  background: #595757;
  color: #fff;
  height: 35px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px 3px;
  margin-top: 13px;
}
.contents-support02 .eventList .reserve {
  display: inline-flex;
  vertical-align: middle;
  width: 120px;
  height: 35px;
  border: 1px solid #C7C7C7;
  align-items: center;
  justify-content: center;
  border-left: 15px solid #83BEDC;
  border-radius: 3px;
  margin-top: 13px;
}
.contents-support02 .eventList .reserve.no {
  border-left-color: #C7C7C7;
}
.contents-support02 .eventList.red .title .name {
  color: #EBA39D;
}
.contents-support02 .eventList.green .title .name {
  color: #6DBC72;
}
.contents-support02 .eventList.blue .title .name {
  color: #83BEDC;
}
.contents-support02 .eventList.purple .title .name {
  color: #A999C8;
}
.contents-support02 .eventList.purple .detail .tag {
  background-color: #A999C8;
}
.contents-support02 .button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 48px 0 46px;
}
@media screen and (max-width: 767px) {
  .contents-support02 .button {
    margin: 37px 0 37px;
  }
}
.contents-support02 .button .btn {
  width: 340px;
  height: auto;
  max-height: 60px;
  line-height: 1.2;
  flex-wrap: wrap;
  padding: 10px 0 14px;
}
.contents-support02 .button .btn .num {
  font-size: 18px;
  margin-left: 10px;
}
.contents-support02 + .contents-link {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .contents-support02 + .contents-link {
    margin-top: 70px;
  }
}

.contents-temporary01 {
  margin-bottom: 93px;
}
@media screen and (max-width: 767px) {
  .contents-temporary01 {
    margin-bottom: 65px;
  }
}
@media screen and (min-width: 768px) {
  .contents-temporary01 .inner {
    padding-top: 3px;
  }
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .inner {
    padding: 0 25px;
  }
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .inner > .lead {
    line-height: 1.6;
    margin-bottom: 25px;
  }
}
.contents-temporary01 .subTitle02 {
  margin-bottom: 42px;
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .subTitle02 {
    margin-bottom: 33px;
  }
}
.contents-temporary01 .lead {
  line-height: 1.7;
  margin-bottom: 28px;
}
.contents-temporary01 .img01 {
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .img01 {
    margin-bottom: 10px;
  }
}
.contents-temporary01 .img02 {
  display: block;
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .img02 {
    margin-top: 45px;
  }
}
.contents-temporary01 .wrapper {
  padding: 25px 0 26px;
}
.contents-temporary01 .wrapper:not(:last-of-type) {
  border-bottom: 1px dashed #C6C6C6;
}
.contents-temporary01 .wrapper h3 {
  color: #6DBC72;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 15px;
}
.contents-temporary01 .wrapper .lead {
  line-height: 1.4;
  margin-bottom: 12px;
}
.contents-temporary01 .wrapper ol {
  list-style: none;
  counter-reset: temp-counter;
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .wrapper ol {
    padding-top: 6px;
  }
}
.contents-temporary01 .wrapper ol > li {
  text-indent: -25px;
  padding-left: 25px;
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .wrapper ol > li {
    line-height: 1.1;
  }
}
.contents-temporary01 .wrapper ol > li:not(:last-of-type) {
  margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .wrapper ol > li:not(:last-of-type) {
    margin-bottom: 15px;
  }
}
.contents-temporary01 .wrapper ol > li::before {
  content: counter(temp-counter);
  counter-increment: temp-counter;
  background-color: #6DBC72;
  color: #fff;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
  height: 21px;
  width: 21px;
  border-radius: 5000em;
  padding-bottom: 0.2em;
  position: relative;
  top: -2px;
  margin-right: 4px;
  text-indent: 0;
}
.contents-temporary01 .wrapper ol .notes {
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .wrapper ol .notes {
    margin-top: 12px;
  }
}
.contents-temporary01 .wrapper ol .link {
  margin-top: 14px;
  margin-bottom: 15px;
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .contents-temporary01 .wrapper ol .link {
    margin-bottom: 22px;
  }
}
.contents-temporary01 .wrapper ol .tel {
  margin-bottom: 5px;
  margin-top: 14px;
  margin-left: 25px;
}
.contents-temporary01 .wrapper ol .tel .btn-secondary {
  font-size: 14px;
}
.contents-temporary01 .wrapper dl {
  line-height: 1.35;
}
@media screen and (min-width: 768px) {
  .contents-temporary01 .wrapper dl.row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
.contents-temporary01 .wrapper dl.row dt {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .contents-temporary01 .wrapper dl.row dt {
    margin-right: 15px;
  }
}
@media screen and (min-width: 768px) {
  .contents-temporary01 .wrapper dl.row dd {
    margin-right: 10%;
  }
}
.contents-temporary01 .wrapper dl.row + dl {
  margin-top: 13px;
}
.contents-temporary01 .wrapper dl + dl {
  margin-top: 13px;
}
.contents-temporary01 .wrapper dl + .notes {
  margin-top: 9px;
}
.contents-temporary01 .wrapper dt {
  display: inline-flex;
  vertical-align: middle;
  color: #fff;
  background: #6DBC72;
  line-height: 1;
  padding: 2px 9.5px 4px;
  border-radius: 3px;
  margin-bottom: 6px;
}
.contents-temporary01 .wrapper dd p {
  margin-top: 7px;
}
.contents-temporary01 .wrapper ul {
  list-style: none;
  line-height: 1.6;
}
.contents-temporary01 .wrapper .notes {
  padding-left: 1.4em;
  text-indent: -1.4em;
  line-height: 1.3;
}
.contents-temporary01 .wrapper .notes::before {
  content: "※";
  margin-right: 5px;
}
.contents-temporary01 .wrapper .notes + .notes {
  margin-top: 5px;
}
.contents-temporary01 .wrapper .notes + dl {
  margin-top: 17px;
}
.contents-temporary01 .wrapper .btn-primary,
.contents-temporary01 .wrapper .btn-secondary {
  white-space: nowrap;
  text-indent: 0;
}

.contents-temporary02 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-temporary02 {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  .contents-temporary02 .inner {
    padding: 0 25px;
  }
}
.contents-temporary02 .subTitle02 {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .contents-temporary02 .subTitle02 {
    margin-bottom: 40px;
  }
}
.contents-temporary02 .wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contents-temporary02 .wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0 30px;
  }
}
.contents-temporary02 .wrapper .img {
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .contents-temporary02 .wrapper .img {
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 767px) {
  .contents-temporary02 .wrapper .img img {
    width: 100%;
  }
}
.contents-temporary02 .wrapper .text {
  line-height: 1.65;
}
.contents-temporary02 .wrapper .tel {
  margin-top: 31px;
}
@media screen and (max-width: 767px) {
  .contents-temporary02 .wrapper .tel {
    margin-top: 17px;
  }
}
.contents-temporary02 .wrapper .tel .btn {
  font-size: 14px;
}

.contents-recruit01 {
  width: 100%;
  margin: 0 auto;
  padding-top: 2px;
  padding-bottom: 93px;
}
@media screen and (max-width: 767px) {
  .contents-recruit01 {
    padding-bottom: 65px;
  }
}
.contents-recruit01 .subTitle02 {
  margin-bottom: 52px;
}
@media screen and (max-width: 767px) {
  .contents-recruit01 .subTitle02 {
    margin-left: 25px;
  }
}
.contents-recruit01 ol {
  margin-bottom: 58px;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .contents-recruit01 ol {
    padding: 0 25px;
  }
}
.contents-recruit01 ol li {
  position: relative;
  padding-left: 70px;
}
.contents-recruit01 ol li:not(:last-of-type) {
  border-bottom: 1px dashed #C6C6C6;
  margin-bottom: 35px;
  padding-bottom: 17px;
}
.contents-recruit01 ol .num {
  font-size: 50px;
  display: block;
  line-height: 1;
  font-style: italic;
  color: #C7C7C7;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  position: absolute;
  top: -11px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .contents-recruit01 ol .num {
    font-style: italic;
  }
}
.contents-recruit01 ol h3 {
  color: #83BEDC;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 14px;
}
@media screen and (min-width: 768px) {
  .contents-recruit01 ol p {
    width: 600px;
    line-height: 1.5;
  }
}
.contents-recruit01 .recruitSlides {
  margin-top: 0;
}

.recruitSlides {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 25px;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .recruitSlides {
    margin-top: 70px;
  }
}
@media screen and (min-width: 768px) {
  .recruitSlides .swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 25px;
  }
}
@media screen and (min-width: 768px) {
  .recruitSlides .swiper-slide {
    width: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .recruitSlides .swiper-slide {
    width: 45%;
    text-align: center;
    margin: 0 12.5px;
  }
}
@media screen and (min-width: 768px) {
  .recruitSlides .swiper-slide:nth-child(n+4) {
    display: none;
  }
}

.contents-recruit02 {
  width: 100%;
  margin: 0 auto 97px;
}
@media screen and (max-width: 767px) {
  .contents-recruit02 {
    margin-bottom: 67px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit02 .inner {
    padding: 0 25px;
  }
}
.contents-recruit02 ul {
  list-style: none;
  margin-bottom: 97px;
}
@media screen and (max-width: 767px) {
  .contents-recruit02 ul {
    margin-bottom: 47px;
    padding-bottom: 20px;
  }
}
.contents-recruit02 ul li {
  position: relative;
}
@media screen and (min-width: 768px) {
  .contents-recruit02 ul li {
    padding-left: 190px;
  }
}
.contents-recruit02 ul li:not(:last-of-type) {
  border-bottom: 1px dashed #C6C6C6;
  padding-bottom: 20px;
  margin-bottom: 17px;
}
@media screen and (max-width: 767px) {
  .contents-recruit02 ul li:not(:last-of-type) {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) {
  .contents-recruit02 ul li:first-of-type .person {
    margin-top: -10px;
  }
}
@media screen and (min-width: 768px) {
  .contents-recruit02 ul figure {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit02 ul figure {
    flex-shrink: 0;
    margin-right: 20px;
  }
}
.contents-recruit02 ul .person {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 18px;
}
.contents-recruit02 ul dt {
  color: #83BEDC;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 1px;
}
.contents-recruit02 ul dd {
  line-height: 1.5;
}
.contents-recruit02 ul dd:not(:last-of-type) {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .contents-recruit02 ul dd:not(:last-of-type) {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit02 .img img {
    width: 100%;
    height: auto;
  }
}

.contents-recruit03 {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .contents-recruit03 {
    overflow: hidden;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .inner {
    padding: 0 0;
  }
}
@media screen and (min-width: 768px) {
  .contents-recruit03 .img {
    margin-bottom: 97px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .img {
    margin-bottom: 65px;
    padding: 0 25px;
  }
}
.contents-recruit03 .subTitle02 {
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .subTitle02 {
    margin-left: 25px;
    margin-bottom: 0;
  }
}
.contents-recruit03 .wrapper {
  background: url(../img/recruit/06.png) no-repeat 50% 50%/100% 100%;
  text-align: center;
  padding: 110px 0 50px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .contents-recruit03 .wrapper {
    margin: 0 -40px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .wrapper {
    background: url(../img/recruit/06_sp.png) no-repeat 50% 50%/100% 100%;
    padding: 78px 0 40px;
  }
}
.contents-recruit03 .wrapper .anker {
  top: -50px;
  position: absolute;
}
.contents-recruit03 .wrapper h3 {
  font-size: 25px;
  line-height: 1.3;
  color: #83BEDC;
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .wrapper h3 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 25px;
  }
}
.contents-recruit03 .wrapper p {
  line-height: 1.55;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .wrapper p {
    margin-bottom: -17px;
  }
}
.contents-recruit03 .wrapper ul {
  list-style: none;
  font-size: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .wrapper ul {
    justify-content: space-between;
    flex-direction: column;
    padding: 0 25px;
    margin: 0 -25px;
  }
}
.contents-recruit03 .wrapper ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 267px;
  height: 267px;
  background: url(../img/recruit/07.png) no-repeat 50% 50%/100% 100%;
  padding-bottom: 0.2em;
}
@media screen and (min-width: 768px) {
  .contents-recruit03 .wrapper ul li {
    margin: 0px -40px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .wrapper ul li {
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .wrapper ul li:nth-child(1) {
    margin-bottom: -155px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .wrapper ul li:nth-child(2) {
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit03 .wrapper ul li:nth-child(3) {
    margin-top: -155px;
  }
}

.contents-recruit04 {
  padding-bottom: 97px;
}
@media screen and (max-width: 767px) {
  .contents-recruit04 {
    padding-bottom: 42px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit04 .inner {
    padding: 0 25px;
  }
}
.contents-recruit04 .subTitle02 {
  margin-bottom: 35px;
}
.contents-recruit04 ul {
  list-style: none;
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .contents-recruit04 ul {
    margin-bottom: 70px;
  }
}
.contents-recruit04 li {
  border-bottom: 1px dashed #C6C6C6;
  padding-bottom: 25px;
}
.contents-recruit04 li:not(:last-of-type) {
  margin-bottom: 25px;
}
.contents-recruit04 li h3 {
  font-size: 20px;
  color: #83BEDC;
  line-height: 1.6;
  margin-bottom: 9px;
}
@media screen and (max-width: 767px) {
  .contents-recruit04 li h3 {
    text-indent: -1.3em;
    padding-left: 1.3em;
  }
}
.contents-recruit04 li h3::before {
  content: "Q.";
  margin-right: 5px;
}
.contents-recruit04 li p {
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .contents-recruit04 .img img {
    width: 100%;
  }
}

.contents-recruit05 {
  margin-bottom: 97px;
}
@media screen and (max-width: 767px) {
  .contents-recruit05 {
    margin-bottom: 67px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit05.bg-gray {
    padding-top: 37px;
    padding-bottom: 67px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit05 .inner {
    padding: 0 25px;
  }
}
@media screen and (min-width: 768px) {
  .contents-recruit05 .subTitle02 {
    margin-bottom: 40px;
  }
}
.contents-recruit05 .tableStyle01 {
  position: relative;
}
.contents-recruit05 .tableStyle01::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px dashed #C6C6C6;
}
@media screen and (min-width: 768px) {
  .contents-recruit05 .tableStyle01 tr:last-of-type th,
  .contents-recruit05 .tableStyle01 tr:last-of-type td {
    border-bottom: 1px dashed #C6C6C6;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit05 .tableStyle01 tr:last-of-type td {
    border-bottom: 1px dashed #C6C6C6;
  }
}
@media screen and (min-width: 768px) {
  .contents-recruit05 .tableStyle01 th,
  .contents-recruit05 .tableStyle01 td {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
  }
}
@media screen and (min-width: 768px) {
  .contents-recruit05 .tableStyle01 th {
    width: 284px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit05 .tableStyle01 th {
    padding-bottom: 0.2em;
  }
}
.contents-recruit05 .tableStyle01 td {
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .contents-recruit05 .tableStyle01 td {
    padding-bottom: 0.8em;
  }
}
.contents-recruit05 .tableStyle01 p:not(:first-of-type) {
  margin-top: 5px;
}
.contents-recruit05 .tableStyle01 .blue {
  color: #83BEDC;
}
@media screen and (max-width: 767px) {
  .contents-recruit05 .recruitSlides {
    margin-left: -25px;
    margin-right: -25px;
  }
}

@media screen and (max-width: 767px) {
  .contents-recruit06 {
    padding: 0 25px;
  }
}
.contents-recruit06 .inner {
  border-top: 3px solid #83BEDC;
  padding-top: 91px;
}
@media screen and (min-width: 768px) {
  .contents-recruit06 .inner {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit06 .inner {
    padding: 72px 0 0;
  }
}
.contents-recruit06 h3 {
  color: #83BEDC;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .contents-recruit06 h3 {
    line-height: 1.3;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 767px) {
  .contents-recruit06 .tel,
  .contents-recruit06 .link {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.contents-recruit06 .tel {
  margin-bottom: 34px;
}
@media screen and (max-width: 767px) {
  .contents-recruit06 .tel {
    margin-bottom: 26px;
  }
}
.contents-recruit06 .tel .btn {
  display: inline-flex;
  flex-direction: column;
  color: #333;
  background: #CFE4EF;
  font-size: 15px;
}
.contents-recruit06 .tel .btn .num {
  font-size: 25px;
  letter-spacing: 0.08em;
  display: block;
  line-height: 1;
  margin-top: 0.3em;
}
.contents-recruit06 .btn {
  color: #fff;
  background-color: #83BEDC;
  border: 2px solid #707070;
  border-radius: 5000em;
  width: 340px;
  height: 80px;
  font-size: 25px;
}
@media screen and (max-width: 767px) {
  .contents-recruit06 .btn {
    width: 100%;
  }
}

.contents-news01 {
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
  padding-top: 5px;
}
.contents-news01 .inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-news01 .inner {
    padding: 0 25px;
  }
}
.contents-news01 .newsList {
  list-style: none;
  border-top: 1px solid #333;
}
.contents-news01 .newsList li {
  border-bottom: 1px solid #333;
  padding: 18.5px 0;
}
@media screen and (max-width: 767px) {
  .contents-news01 .newsList li {
    padding: 9px 0 13px;
  }
}
.contents-news01 .newsList a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: #333;
  gap: 0 20px;
}
@media screen and (max-width: 767px) {
  .contents-news01 .newsList a {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.contents-news01 .newsList time {
  letter-spacing: 0.04em;
}
.contents-news01 .newsList .new {
  color: #FBCF6B;
  flex-shrink: 0;
}
.contents-news01 .newsList h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1em;
}
@media screen and (min-width: 768px) {
  .contents-news01 .newsList h3 {
    white-space: nowrap;
    width: 575px;
  }
}
@media screen and (max-width: 767px) {
  .contents-news01 .newsList h3 {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
  }
}
.contents-news01 .notfound {
  text-align: center;
  padding: 2em 0;
}

.pagination {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .pagination {
    margin-top: 25px;
    margin-bottom: -5px;
  }
}
.pagination ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.pagination ul > li:not(.prev, :last-of-type)::after {
  content: "・";
  margin: 0 5px;
  display: inline-flex;
}
@media screen and (max-width: 767px) {
  .pagination ul > li:not(.prev, :last-of-type)::after {
    margin: 0 10px;
  }
}
.pagination ul:has(.next) > li:nth-last-child(2)::after {
  display: none;
}
.pagination .pages {
  display: none;
}
.pagination span {
  color: #FBCF6B;
}
.pagination a {
  color: #333;
}
.pagination .prev,
.pagination .next {
  display: flex;
  align-items: center;
}
.pagination .prev::after,
.pagination .next::after {
  display: none !important;
}
.pagination .prev a,
.pagination .next a {
  text-indent: -9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6px;
  height: 10px;
  vertical-align: middle;
  position: relative;
  top: 1px;
}
.pagination .prev {
  margin-right: 12px;
}
@media screen and (max-width: 767px) {
  .pagination .prev {
    margin-right: 15px;
  }
}
.pagination .prev a {
  background: url(../img/icon/ico_chevron-l.png) no-repeat 50% 50%/100% auto;
}
.pagination .next {
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  .pagination .next {
    margin-left: 15px;
  }
}
.pagination .next a {
  background: url(../img/icon/ico_chevron-r.png) no-repeat 50% 50%/100% auto;
}

.contents-news02 {
  padding-top: 280px;
}
@media screen and (max-width: 767px) {
  .contents-news02 {
    padding-top: 60px;
  }
}
.contents-news02 .inner {
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-news02 .inner {
    padding: 0 25px;
  }
}
.contents-news02 header {
  margin-bottom: 52px;
}
@media screen and (max-width: 767px) {
  .contents-news02 header {
    margin-bottom: 35px;
  }
}
.contents-news02 header .title {
  font-size: 30px;
  line-height: 1.25;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .contents-news02 header .title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
.contents-news02 header .attr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 20px;
}
.contents-news02 header time {
  display: inline-flex;
  vertical-align: middle;
}
.contents-news02 header .new {
  color: #FBCF6B;
}
.contents-news02 .newsBody {
  line-height: 1.65;
  word-break: break-word;
}
.contents-news02 .newsBody p {
  margin: 57px 0;
}
@media screen and (max-width: 767px) {
  .contents-news02 .newsBody p {
    margin: 32px 0;
  }
}
.contents-news02 .newsBody p:first-child {
  margin-top: 0;
}
.contents-news02 .link {
  display: flex;
  align-items: center;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .contents-news02 .link {
    margin-top: 37px;
  }
}

.contents-blog01 {
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
  padding-top: 5px;
}
.contents-blog01 .inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-blog01 .inner {
    padding: 0 25px;
  }
}
.contents-blog01 .blogList {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
}
.contents-blog01 .blogList a {
  display: block;
  color: #333;
}
.contents-blog01 .blogList li {
  width: 230px;
}
@media screen and (max-width: 767px) {
  .contents-blog01 .blogList li {
    width: 100%;
  }
}
.contents-blog01 .blogList .img {
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 3px;
  width: 100%;
  height: 153px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .contents-blog01 .blogList .img {
    height: 227px;
    margin-bottom: 12px;
  }
}
.contents-blog01 .blogList .img img {
  width: 100%;
  min-width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.contents-blog01 .blogList .img img.logo {
  min-width: 85%;
  width: 85%;
}
@media screen and (max-width: 767px) {
  .contents-blog01 .blogList .img img.logo {
    min-width: 65%;
    width: 65%;
  }
}
.contents-blog01 .blogList .title {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.25;
  overflow: hidden;
  margin-bottom: 8px;
}
.contents-blog01 .blogList .attr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 20px;
}
.contents-blog01 .blogList .new {
  color: #A999C8;
}
.contents-blog01 .notfound {
  text-align: center;
  padding: 2em 0;
}
.contents-blog01 .pagination {
  margin-top: 47px;
}
@media screen and (max-width: 767px) {
  .contents-blog01 .pagination {
    margin-top: 25px;
  }
}

.contents-blog02 {
  padding-top: 280px;
}
@media screen and (max-width: 767px) {
  .contents-blog02 {
    padding-top: 60px;
  }
}
.contents-blog02 .inner {
  max-width: 730px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-blog02 .inner {
    padding: 0 25px;
  }
}
.contents-blog02 header {
  margin-bottom: 52px;
}
@media screen and (max-width: 767px) {
  .contents-blog02 header {
    margin-bottom: 35px;
  }
}
.contents-blog02 header .title {
  font-size: 30px;
  line-height: 1.25;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .contents-blog02 header .title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
}
.contents-blog02 header .attr {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 20px;
}
.contents-blog02 header time {
  display: inline-flex;
  vertical-align: middle;
}
.contents-blog02 header .new {
  color: #A999C8;
}
.contents-blog02 .blogBody {
  line-height: 1.65;
  word-break: break-word;
}
.contents-blog02 .blogBody p {
  margin: 57px 0;
}
@media screen and (max-width: 767px) {
  .contents-blog02 .blogBody p {
    margin: 32px 0;
  }
}
.contents-blog02 .blogBody p:first-child {
  margin-top: 0;
}
.contents-blog02 .link {
  display: flex;
  align-items: center;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .contents-blog02 .link {
    margin-top: 37px;
  }
}
.contents-blog02 .link .btn {
  width: 190px;
}

.contents-faq01 {
  width: 100%;
  margin: 0 auto;
  padding-top: 2px;
}
@media screen and (max-width: 767px) {
  .contents-faq01 .inner {
    padding: 0 25px;
  }
}
.contents-faq01 ul {
  list-style: none;
}
.contents-faq01 ul li {
  border-bottom: 1px dashed #C6C6C6;
  padding: 25px 0;
}
.contents-faq01 ul li:first-of-type {
  padding-top: 0;
}
.contents-faq01 ul h2 {
  color: #EBA39D;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 12px;
}
.contents-faq01 ul p {
  line-height: 1.65;
}

.contents-contact01 {
  padding-top: 2px;
  margin-bottom: 93px;
}
@media screen and (max-width: 767px) {
  .contents-contact01 {
    margin-bottom: 63px;
  }
}
@media screen and (max-width: 767px) {
  .contents-contact01 .inner {
    padding: 0 25px;
  }
}
.contents-contact01 .subTitle02 {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .contents-contact01 .subTitle02 {
    margin-bottom: 40px;
  }
}
.contents-contact01 .tel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contents-contact01 .btn-primary {
  background-color: #fff;
  border-color: #595757;
  width: 730px;
  height: 119px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.08em;
  padding-top: 1em;
}
@media screen and (max-width: 767px) {
  .contents-contact01 .btn-primary {
    width: 100%;
    height: 80px;
    padding-top: 0.7em;
  }
}
.contents-contact01 .btn-primary .num {
  font-size: 30px;
  letter-spacing: 0.15em;
  display: block;
  line-height: 1;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .contents-contact01 .btn-primary .num {
    font-size: 25px;
    letter-spacing: 0.1em;
    margin-bottom: 0;
  }
}
.contents-contact01 .btn-primary::after {
  display: none;
}

.contents-contact02 {
  padding-top: 2px;
}
@media screen and (max-width: 767px) {
  .contents-contact02 .inner {
    padding: 0 25px;
  }
}
@media screen and (max-width: 767px) {
  .contents-contact02 .subTitle02 {
    margin-bottom: 25px;
  }
}
.contents-contact02 .formList:first-of-type {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .contents-contact02 .formList:first-of-type {
    padding-bottom: 25px;
    margin-bottom: 13px;
  }
}
.contents-contact02 .formList:first-of-type dt,
.contents-contact02 .formList:first-of-type dd {
  min-height: 42px;
}
.contents-contact02 .formList:first-of-type dd {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 15px;
}
@media screen and (max-width: 767px) {
  .contents-contact02 .formList:first-of-type dd {
    flex-wrap: wrap;
    gap: 13px 15px;
  }
}
@media screen and (max-width: 767px) {
  .contents-contact02 .formList:first-of-type dd label:nth-child(2) {
    margin-right: 20%;
  }
}
.contents-contact02 .formList:not(:first-of-type) {
  border-bottom: none;
}
.contents-contact02 .fButton {
  margin-top: 55px;
}
@media screen and (max-width: 767px) {
  .contents-contact02 .fButton {
    margin-top: 25px;
  }
  .contents-contact02 .fButton .btn {
    margin-bottom: 0;
  }
}

.contents-contact03 {
  margin-top: -50px;
}
@media screen and (max-width: 767px) {
  .contents-contact03 {
    margin-top: -45px;
  }
}
.contents-contact03 .inner {
  max-width: 730px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-contact03 .inner {
    padding: 0 25px;
  }
}
.contents-contact03 .formList {
  line-height: 1.7;
}
.contents-contact03 .formList:last-of-type {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .contents-contact03 .formList:last-of-type dd {
    padding-top: 6px;
  }
}
@media screen and (min-width: 768px) {
  .contents-contact03 .formList dt,
  .contents-contact03 .formList dd {
    min-height: 44px;
  }
}
.contents-contact03 .formList dt {
  color: #8B8B8B;
}
@media screen and (max-width: 767px) {
  .contents-contact03 .formList dt {
    margin-bottom: 7px;
  }
}
@media screen and (min-width: 768px) {
  .contents-contact03 .formList dd {
    padding-top: 0.5em;
    padding-left: 52px;
  }
}
.contents-contact03 .fButton {
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .contents-contact03 .fButton {
    margin-top: 25px;
    flex-direction: column-reverse;
  }
  .contents-contact03 .fButton .btn {
    margin-bottom: 0;
  }
}

.contents-contact04 {
  margin-top: -45px;
}
@media screen and (max-width: 767px) {
  .contents-contact04 {
    margin-top: -45px;
  }
}
.contents-contact04 .inner {
  max-width: 730px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-contact04 .inner {
    padding: 0 25px;
  }
}
.contents-contact04 p {
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .contents-contact04 p {
    margin-top: -6px;
  }
}
.contents-contact04 ul {
  list-style: none;
  margin-top: 13px;
  margin-bottom: 37px;
}
@media screen and (max-width: 767px) {
  .contents-contact04 ul {
    margin-bottom: 37px;
    line-height: 1.6;
  }
}
.contents-contact04 ul li {
  padding-left: 1.3em;
  position: relative;
}
.contents-contact04 ul li:not(:first-of-type) {
  margin-top: 2px;
}
.contents-contact04 ul li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
}
.contents-contact04 dl {
  line-height: 1.7;
}
.contents-contact04 dt {
  color: #83BEDC;
  margin-bottom: 10px;
  position: relative;
}
.contents-contact04 dd + dt {
  margin-top: 39px;
}
.contents-contact04 .link {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 66px;
}
@media screen and (max-width: 767px) {
  .contents-contact04 .link {
    margin-top: 40px;
  }
}

.contents-download01 {
  margin-top: -55px;
}
@media screen and (max-width: 767px) {
  .contents-download01 {
    padding-bottom: 103px;
  }
}
.contents-download01 .inner {
  max-width: 910px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-download01 .inner {
    padding: 0 25px;
  }
}
.contents-download01 ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.contents-download01 ul a {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  color: #333;
}
.contents-download01 ul a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/icon/ico_pdf-rd.png) no-repeat 50% 50%/100% auto;
  margin-right: 10px;
}

.contents-report01 {
  margin-top: -3px;
}
.contents-report01:not(:last-of-type) {
  margin-bottom: 68px;
}
.contents-report01 .inner {
  max-width: 910px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-report01 .inner {
    padding: 0 25px;
  }
}
.contents-report01 h2 {
  color: #83BEDC;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 15px;
}
.contents-report01 h3 {
  color: #83BEDC;
  margin-bottom: 10px;
}
.contents-report01 .tableStyle02 + h3 {
  margin-top: 16px;
}
.contents-report01 .tableStyle02 + h3.session {
  margin-top: 42px;
}

@media screen and (min-width: 768px) {
  .contents-corporation01 {
    margin-top: -16px;
  }
}
@media screen and (max-width: 767px) {
  .contents-corporation01 {
    padding-top: 7px;
  }
}
.contents-corporation01 .inner {
  max-width: 910px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .contents-corporation01 .inner {
    padding: 0 25px;
  }
}
.contents-corporation01 ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.contents-corporation01 ul a {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
  color: #333;
}
.contents-corporation01 ul a::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/icon/ico_pdf-gr.png) no-repeat 50% 50%/100% auto;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .contents-policy01 .inner {
    padding: 0 25px;
  }
}
.contents-policy01 .lead {
  line-height: 1.65;
  margin-bottom: 38px;
}
@media screen and (max-width: 767px) {
  .contents-policy01 .lead {
    margin-bottom: 42px;
  }
}
.contents-policy01 .notes {
  position: relative;
  line-height: 1.65;
  padding-left: 1.3em;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .contents-policy01 .notes {
    margin-top: 42px;
  }
}
.contents-policy01 .notes::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  width: 1em;
}
.contents-policy01 dl {
  line-height: 1.65;
}
.contents-policy01 dt {
  position: relative;
  margin-bottom: 11px;
  color: #A999C8;
}
.contents-policy01 dd + dt {
  margin-top: 40px;
}

/* END CSS */