/*
Theme Name: Itozouen Theme
Author: Yuka mito
Version: 1.0
...
*/
@charset "UTF-8";
.appear.up .item {
  transform: translateY(6px); }

.appear.down .item {
  transform: translateY(-6px); }

.appear.left .item {
  transform: translateX(40px); }

.appear.right .item {
  transform: translateX(-40px); }

.appear .item {
  transition: all 0.8s;
  opacity: 0; }
.appear.inview .item {
  opacity: 1;
  transform: none; }
  .appear.inview .item:nth-child(1) {
    transition-delay: 0.4s; }
  .appear.inview .item:nth-child(2) {
    transition-delay: 0.8s; }
  .appear.inview .item:nth-child(3) {
    transition-delay: 1.2s; }
  .appear.inview .item:nth-child(4) {
    transition-delay: 1.6s; }
  .appear.inview .item:nth-child(5) {
    transition-delay: 2s; }
  .appear.inview .item:nth-child(6) {
    transition-delay: 2.4s; }
  .appear.inview .item:nth-child(7) {
    transition-delay: 2.8s; }
  .appear.inview .item:nth-child(8) {
    transition-delay: 3.2s; }
  .appear.inview .item:nth-child(9) {
    transition-delay: 3.6s; }
  .appear.inview .item:nth-child(10) {
    transition-delay: 4s; }

.btn {
  position: relative;
  display: inline-block;
  background-color: #44655B;
  border: 1px solid #44655B;
  font-weight: 500;
  max-width: 240px;
  padding: 10px 25px;
  margin: 10px auto;
  cursor: pointer;
  transition: all 0.3s;
  color: white;
  text-decoration: none !important; }
  .btn:hover {
    text-decoration: none;
    background-color: #a0c4d3; }
  .btn.filled {
    background-color: white;
    color: #44655B;
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5); }
    .btn.filled:hover {
      background-color: #44655B;
      color: white;
      box-shadow: none; }
  .btn.letter-spacing:hover {
    background-color: white;
    letter-spacing: 3px;
    color: #44655B; }
  .btn.shadow {
    box-shadow: none; }
    .btn.shadow:hover {
      transform: translate(-2.5px, -2.5px);
      box-shadow: 5px 5px 0 0 white; }
  .btn.solid {
    box-shadow: 2px 2px 0 0 white;
    border-radius: 7px; }
    .btn.solid:hover {
      transform: translate(2px, 2px);
      box-shadow: none; }
  .btn.slide-bg {
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .btn.slide-bg::before {
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: white;
      position: absolute;
      top: 0;
      left: 0;
      transform: translateX(-100%);
      transition: transform 0.1s;
      z-index: -1; }
    .btn.slide-bg:hover {
      color: #44655B; }
      .btn.slide-bg:hover::before {
        transform: none; }

.btn00 {
  position: relative;
  display: inline-block;
  background-color: #44655B;
  border: 1px solid #44655B;
  font-weight: 500;
  max-width: 240px;
  padding: 5px 15px;
  margin: 10px auto;
  cursor: pointer;
  transition: all 0.3s;
  color: white;
  text-decoration: none !important; }
  .btn00:hover {
    text-decoration: none;
    background-color: #a0c4d3; }
  .btn00.filled {
    background-color: #44655B;
    color: white; }
    .btn00.filled:hover {
      background-color: white;
      color: #44655B;
      box-shadow: none; }
  .btn00.letter-spacing:hover {
    background-color: white;
    letter-spacing: 3px;
    color: #44655B; }
  .btn00.shadow {
    box-shadow: none; }
    .btn00.shadow:hover {
      transform: translate(-2.5px, -2.5px);
      box-shadow: 5px 5px 0 0 white; }
  .btn00.solid {
    box-shadow: 2px 2px 0 0 white;
    border-radius: 7px; }
    .btn00.solid:hover {
      transform: translate(2px, 2px);
      box-shadow: none; }
  .btn00.slide-bg {
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .btn00.slide-bg::before {
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: white;
      position: absolute;
      top: 0;
      left: 0;
      transform: translateX(-100%);
      transition: transform 0.1s;
      z-index: -1; }
    .btn00.slide-bg:hover {
      color: #44655B; }
      .btn00.slide-bg:hover::before {
        transform: none; }

.btn01 {
  background: #44655B;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto 3rem auto;
  max-width: 300px;
  padding: 20px 35px;
  color: white;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  font-size: 1.3rem;
  border: none; }
  .btn01 a {
    color: white !important; }
    .btn01 a::before {
      content: '';
      position: absolute;
      top: 5px;
      left: 5px;
      width: 100%;
      height: 100%;
      border: 2px solid #44655B;
      transition: 0.2s; }
    .btn01 a:hover::before {
      top: 0;
      left: 0; }
    .btn01 a:hover {
      text-decoration: none; }

.btn02 {
  position: relative;
  display: inline-block;
  background-color: white;
  font-weight: 500;
  max-width: 300px;
  padding: 10px 25px;
  cursor: pointer;
  transition: all 0.3s;
  color: #44655B;
  text-decoration: none !important;
  transition-property: opacity;
  transition-duration: 0.5s; }
  .btn02 a {
    color: #44655B !important; }
  .btn02:hover {
    opacity: 0.7; }

.btn03 {
  background: white;
  position: relative;
  align-items: center;
  max-width: 500px;
  padding: 15px 50px;
  color: #44655B;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  font-size: 1.2rem;
  border: 1px solid #44655B;
  font-family: 'Shippori Mincho', serif;
  margin: 20px auto; }
  .btn03 a {
    color: white !important; }
    .btn03 a::before {
      content: '';
      position: absolute;
      top: 5px;
      left: 5px;
      width: 100%;
      height: 100%;
      border: none;
      transition: 0.2s;
      background-color: #44655B; }
    .btn03 a:hover::before {
      top: 0;
      left: 0; }
    .btn03 a:hover {
      text-decoration: none;
      background-color: #44655B; }
  .btn03.slide-bg {
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .btn03.slide-bg::before {
      content: '';
      display: inline-block;
      width: 100%;
      height: 100%;
      background-color: #44655B;
      position: absolute;
      top: 0;
      left: 0;
      transform: translateX(-100%);
      transition: transform 0.1s;
      z-index: -1; }
    .btn03.slide-bg:hover {
      color: #44655B; }
      .btn03.slide-bg:hover::before {
        transform: none; }

.swiper {
  overflow: visible !important; }

.swiper-slide {
  max-height: 900px;
  overflow: hidden; }
  .swiper-slide > img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    transform: scale(1.3);
    transition: transform 1.9s ease; }
  .swiper-slide::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 61, 125, 0.1); }
  .swiper-slide-active > img {
    transform: none; }

.hero {
  overflow: hidden;
  position: relative; }
  .hero__footer {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    z-index: 2;
    height: 68px;
    width: 22px;
    overflow: hidden; }

@keyframes kf-arrow-anime {
  0%,
  50%,
  100% {
    transform: translateY(-10%); }
  30% {
    transform: none; } }
.animate-title,
.tween-animate-title {
  opacity: 0; }
  .animate-title.inview,
  .tween-animate-title.inview {
    opacity: 1; }
    .animate-title.inview .char,
    .tween-animate-title.inview .char {
      display: inline-block; }
  .animate-title .char,
  .tween-animate-title .char {
    opacity: 0; }

.animate-title.inview .char {
  animation-name: kf-animate-chars;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.39, 1.57, 0.58, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both; }
  .animate-title.inview .char:nth-child(1) {
    animation-delay: 0.04s; }
  .animate-title.inview .char:nth-child(2) {
    animation-delay: 0.08s; }
  .animate-title.inview .char:nth-child(3) {
    animation-delay: 0.12s; }
  .animate-title.inview .char:nth-child(4) {
    animation-delay: 0.16s; }
  .animate-title.inview .char:nth-child(5) {
    animation-delay: 0.2s; }
  .animate-title.inview .char:nth-child(6) {
    animation-delay: 0.24s; }
  .animate-title.inview .char:nth-child(7) {
    animation-delay: 0.28s; }
  .animate-title.inview .char:nth-child(8) {
    animation-delay: 0.32s; }
  .animate-title.inview .char:nth-child(9) {
    animation-delay: 0.36s; }
  .animate-title.inview .char:nth-child(10) {
    animation-delay: 0.4s; }
  .animate-title.inview .char:nth-child(11) {
    animation-delay: 0.44s; }
  .animate-title.inview .char:nth-child(12) {
    animation-delay: 0.48s; }
  .animate-title.inview .char:nth-child(13) {
    animation-delay: 0.52s; }
  .animate-title.inview .char:nth-child(14) {
    animation-delay: 0.56s; }
  .animate-title.inview .char:nth-child(15) {
    animation-delay: 0.6s; }
  .animate-title.inview .char:nth-child(16) {
    animation-delay: 0.64s; }
  .animate-title.inview .char:nth-child(17) {
    animation-delay: 0.68s; }
  .animate-title.inview .char:nth-child(18) {
    animation-delay: 0.72s; }
  .animate-title.inview .char:nth-child(19) {
    animation-delay: 0.76s; }
  .animate-title.inview .char:nth-child(20) {
    animation-delay: 0.8s; }
  .animate-title.inview .char:nth-child(21) {
    animation-delay: 0.84s; }
  .animate-title.inview .char:nth-child(22) {
    animation-delay: 0.88s; }
  .animate-title.inview .char:nth-child(23) {
    animation-delay: 0.92s; }
  .animate-title.inview .char:nth-child(24) {
    animation-delay: 0.96s; }
  .animate-title.inview .char:nth-child(25) {
    animation-delay: 1s; }
  .animate-title.inview .char:nth-child(26) {
    animation-delay: 1.04s; }
  .animate-title.inview .char:nth-child(27) {
    animation-delay: 1.08s; }
  .animate-title.inview .char:nth-child(28) {
    animation-delay: 1.12s; }
  .animate-title.inview .char:nth-child(29) {
    animation-delay: 1.16s; }
  .animate-title.inview .char:nth-child(30) {
    animation-delay: 1.2s; }

@keyframes kf-animate-chars {
  0% {
    opacity: 0;
    transform: translateY(-50%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.cover-slide {
  position: relative;
  overflow: hidden; }
  .cover-slide::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #eaebe6;
    opacity: 0; }
  .cover-slide.inview::after {
    opacity: 1;
    animation-name: kf-cover-slide;
    animation-duration: 1.6s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards; }

@keyframes kf-cover-slide {
  0% {
    transform-origin: left;
    transform: scaleX(0); }
  50% {
    transform-origin: left;
    transform: scaleX(1); }
  50.1% {
    transform-origin: right;
    transform: scaleX(1); }
  100% {
    transform-origin: right;
    transform: scaleX(0); } }
.img-zoom {
  opacity: 0; }
  .inview .img-zoom {
    opacity: 1;
    transition: transform 0.3s ease;
    animation-name: kf-img-show;
    animation-duration: 1.6s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none; }
    .inview .img-zoom:hover {
      transform: scale(1.05); }

@keyframes kf-img-show {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  50.1% {
    opacity: 1;
    transform: scale(1.5); }
  100% {
    opacity: 1; } }
.hover-darken::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: background-color 0.3s ease;
  pointer-events: none;
  animation-name: kf-img-show;
  animation-duration: 1.6s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none; }
.hover-darken:hover::before {
  background-color: rgba(0, 0, 0, 0.4); }

.img-bg50 {
  position: relative; }
  .img-bg50::before {
    display: block;
    content: '';
    padding-top: 50%; }

.mobile-menu {
  position: fixed;
  right: 0;
  top: 2rem;
  width: 300px; }
  .mobile-menu .logo {
    margin: 0 auto;
    width: 70%;
    transition-property: opacity;
    transition-duration: 0.5s; }
    .mobile-menu .logo:hover {
      opacity: 0.7; }
  .mobile-menu__btn {
    background-color: unset;
    border: none;
    outline: none !important;
    cursor: pointer; }
    .mobile-menu__btn > span {
      background-color: #44655B;
      width: 35px;
      height: 2px;
      display: block;
      margin-bottom: 9px;
      transition: transform 0.7s; }
      .mobile-menu__btn > span:last-child {
        margin-bottom: 0; }
  .mobile-menu__cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s;
    cursor: pointer;
    z-index: 200; }
  .mobile-menu__main {
    padding: 0;
    perspective: 2000px;
    transform-style: preserve-3d; }
  .mobile-menu__item {
    list-style: none;
    display: block;
    transform: translate3d(0, 0, -1000px);
    padding: 0 40px;
    transition: transform 0.3s, opacity 0.2s;
    opacity: 0; }
  .mobile-menu__link {
    display: block;
    margin-top: 30px;
    color: #44655B;
    text-decoration: none !important;
    transition-property: opacity;
    transition-duration: 0.5s; }
    .mobile-menu__link:hover {
      opacity: 0.7; }

.menu-open #container {
  transform: translate(-300px, 60px);
  box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.8); }
.menu-open .mobile-menu__cover {
  opacity: 1;
  visibility: visible; }
.menu-open .mobile-menu__item {
  transform: none;
  opacity: 1; }
  .menu-open .mobile-menu__item:nth-child(1) {
    transition-delay: 0.07s; }
  .menu-open .mobile-menu__item:nth-child(2) {
    transition-delay: 0.14s; }
  .menu-open .mobile-menu__item:nth-child(3) {
    transition-delay: 0.21s; }
  .menu-open .mobile-menu__item:nth-child(4) {
    transition-delay: 0.28s; }
  .menu-open .mobile-menu__item:nth-child(5) {
    transition-delay: 0.35s; }
.menu-open .mobile-menu__btn > span {
  background-color: #44655B; }
  .menu-open .mobile-menu__btn > span:nth-child(1) {
    transition-delay: 70ms;
    transform: translateY(11px) rotate(135deg); }
  .menu-open .mobile-menu__btn > span:nth-child(2) {
    transition-delay: 0s;
    transform: translateX(-18px) scaleX(0); }
  .menu-open .mobile-menu__btn > span:nth-child(3) {
    transition-delay: 140ms;
    transform: translateY(-11px) rotate(-135deg); }

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

Stylesheet: ベーススタイル

******************************************************************/
body {
  font-family: 'Shippori Mincho', serif;
  font-size: 16px;
  letter-spacing: 0.05rem;
  line-height: 1.9; }

.br-sp {
  display: inline-block; }

img {
  max-width: 100%;
  vertical-align: bottom; }

li {
  list-style: none; }

a {
  color: black;
  cursor: pointer;
  text-decoration: none !important; }
  a:hover {
    color: #44655B; }

p {
  font-size: 1rem;
  letter-spacing: 0.05rem; }

hr {
  color: #44655B; }

table {
  margin: 0 auto;
  border-collapse: collapse;
  /* セルの線を重ねる */
  width: 100%; }

th, td {
  border: solid 1px #b5b5b6;
  /* 枠線指定 */
  padding: 5px 10px; }

td {
  height: 50px;
  /* 高さ指定 */ }

th {
  width: 200px;
  /* 幅指定 */
  background-color: #7ebdaa; }

.linered {
  text-decoration: line-through;
  color: red;
  font-weight: bold; }

.yellowline {
  background: linear-gradient(transparent 60%, yellow 30%);
  display: inline-block; }

dl {
  max-width: 100%;
  font-size: 0.87rem; }

dt {
  float: left;
  clear: left;
  margin-right: 0.5rem;
  width: 70px; }

dd {
  text-align: left;
  float: left;
  margin: 0;
  display: block;
  margin-bottom: 1.5rem; }

.cap {
  font-size: 0.5rem;
  letter-spacing: 0.05rem; }

span.cap {
  color: #535353;
  display: block; }

.logo {
  width: 170px; }

.font {
  font-size: 0.8rem;
  letter-spacing: 0.05rem; }

.font-sm, .contact__inner {
  font-size: 1rem;
  letter-spacing: 0.05rem; }

.font-md {
  font-size: 1.25rem;
  letter-spacing: 0.05rem; }

.font-lr {
  font-size: 1.5rem;
  letter-spacing: 0.05rem; }

.font-lg {
  font-size: 1.625rem;
  letter-spacing: 0.05rem; }

.font-tel {
  font-size: 1.1rem;
  letter-spacing: 0.05rem; }

.content-width, .header__inner, #gloval__nav, .contact__inner, .footer__inner {
  width: 96%;
  margin: 0 auto; }

.main-title-left {
  letter-spacing: 0.05rem;
  margin: 0 0 4rem 0;
  font-weight: 500;
  display: block;
  text-align: center; }

.main-title {
  letter-spacing: 0.05rem;
  margin: 6rem 0;
  font-weight: 500;
  display: block;
  text-align: center; }

.main-title-gray {
  letter-spacing: 0.05rem;
  margin: 0 0 4rem 0;
  padding: 4rem 0;
  font-weight: 500;
  display: block;
  text-align: center;
  background-color: #F6F4F2; }

.sub-title-left-ud {
  letter-spacing: 0.05rem;
  margin: 0 0 2rem 0;
  text-align: center;
  font-weight: 500;
  border-bottom: 1px solid black;
  display: inline-block; }

.sub-title-left {
  letter-spacing: 0.05rem;
  margin: 0 0 4rem 0;
  text-align: center;
  font-weight: 500;
  display: block; }

.sub-title {
  letter-spacing: 0.05rem;
  text-align: center;
  display: block; }

.hover-opacity {
  transition-property: opacity;
  transition-duration: 0.5s; }

.hover-opacity:hover {
  opacity: 0.7; }

.text {
  line-height: 1.9; }

.flex, .home__01__1, .home__03__1, .about__01__wrap, .about__02__inner, .about__03__wrap, .advantage__01__wrap, .advantage__02__1, .advantage__03__1, .flow__01__inner, .flow__02__inner, .flow__03__inner, .flow__04__inner, .flow__05__inner, .flow__06__inner {
  display: flex;
  flex-direction: column; }

.size {
  color: #44655B; }

#content {
  padding-top: 50px; }

#container {
  background-color: white;
  position: relative;
  z-index: 10;
  transition: transform 0.5s, box-shadow 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  height: 70px;
  display: flex;
  align-items: center;
  z-index: 100;
  background-color: white; }
  .header.triggered {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 10px 0 25px -10px rgba(0, 0, 0, 0.5); }
  .header__nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }
    .header__nav__li {
      content-visibility: hidden; }
    .header__nav__sns {
      content-visibility: hidden;
      transition-property: opacity;
      transition-duration: 0.5s; }
      .header__nav__sns:hover {
        opacity: 0.7; }
    .header__nav__contact {
      display: flex;
      justify-content: center; }
  .header__inner {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center; }
  .header__logo {
    font-size: 1.3rem;
    transition-property: opacity;
    transition-duration: 0.5s; }
    .header__logo:hover {
      opacity: 0.7; }

#gloval__nav {
  font-size: 1rem;
  letter-spacing: 0.05rem; }

.mv {
  width: 100%;
  height: 400px;
  /* 縦幅を固定 */
  overflow: hidden;
  /* はみ出た部分を隠す */ }
  .mv > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* アスペクト比を維持しつつコンテナを埋める */
    /* デフォルトの位置合わせ: 中央 */
    object-position: center right; }

.home__01 {
  background-color: white;
  padding: 6rem 0 2rem 0; }
  .home__01__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .home__01__more {
    visibility: hidden; }
  .home__01__text {
    margin-bottom: 4rem; }
  .home__01__text0 {
    margin-bottom: 4rem; }
.home__02 {
  text-align: justify; }
  .home__02__text {
    width: 80%;
    margin: 0 auto 3.875rem; }
  .home__02__img > img {
    width: 100%;
    object-fit: cover; }
.home__03 {
  text-align: justify;
  padding: 6rem 0 2rem;
  background-color: #F6F4F2; }
  .home__03__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .home__03__text0 {
    margin: 0 auto;
    margin-bottom: 4rem; }
  .home__03__1 {
    margin: 0 auto; }
  .home__03__text {
    margin-bottom: 4rem; }
  .home__03__more {
    visibility: hidden; }

.about__01 {
  background-color: white;
  padding: 6rem 0; }
  .about__01__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .about__01__img {
    margin: 0 auto;
    max-width: 260px;
    margin-bottom: 2rem; }
.about__02 {
  text-align: justify;
  background-color: #F6F4F2;
  padding: 6rem 0; }
  .about__02__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .about__02__text0 {
    text-align: center;
    margin-bottom: 2rem; }
  .about__02__text {
    text-align: left;
    display: inline-block; }
.about__03 {
  text-align: justify;
  background-color: white;
  padding: 6rem 0; }
  .about__03__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .about__03__text {
    margin-bottom: 4rem; }
  .about__03__img {
    text-align: center; }
.about__04 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9のアスペクト比 */
  height: 0; }
  .about__04 > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.advantage__01 {
  margin: 6rem 0;
  background-color: white; }
  .advantage__01__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
.advantage__02 {
  text-align: justify;
  padding: 6rem 0 2rem;
  background-color: #F6F4F2; }
  .advantage__02__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .advantage__02__ttl {
    text-align: center; }
  .advantage__02__text0 {
    margin: 0 auto;
    margin-bottom: 4rem; }
  .advantage__02__1 {
    margin: 0 auto; }
    .advantage__02__1__topic {
      margin-bottom: 4rem; }
  .advantage__02__more {
    visibility: hidden; }
.advantage__03 {
  text-align: justify;
  padding: 6rem 0 2rem;
  background-color: white; }
  .advantage__03__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .advantage__03__text0 {
    margin: 0 auto;
    margin-bottom: 4rem; }
  .advantage__03__1 {
    margin: 0 auto; }
    .advantage__03__1__topic {
      margin-bottom: 4rem; }
  .advantage__03__more {
    visibility: hidden; }

.results__01 {
  background-color: white;
  margin-top: 6rem; }
  .results__01__wrap {
    width: 90%;
    margin: 0 auto;
    text-align: justify; }
  .results__01__inner {
    margin-bottom: 14rem; }
  .results__01__txt {
     }
  .results__01__ttl {
    margin-bottom: 4rem; }
  .results__01__label {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #F6F4F2;
    margin: 0 0 1rem 0; }
.results__02 {
  background-color: white;
  margin-top: 26rem;
  margin-bottom: 2rem; }
  .results__02__wrap {
    width: 90%;
    margin: 0 auto;
    text-align: justify; }
  .results__02__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    justify-content: space-around; }
  .results__02__img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    position: relative;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 0.5s; }
    .results__02__img > img:hover {
      opacity: 0.7; }
  .results__02__topic {
    width: 49%;
    max-width: inherit;
    margin: 0;
    margin-bottom: 4rem; }
.results__03 {
  background-color: #F6F4F2;
  padding-top: 6rem;
  padding-bottom: 2rem; }
  .results__03__wrap {
    width: 90%;
    margin: 0 auto;
    text-align: justify; }
  .results__03__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    justify-content: space-between; }
  .results__03__img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    /* height: 474px; */
    position: relative;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 0.5s; }
    .results__03__img > img:hover {
      opacity: 0.7; }
  .results__03__topic {
    width: 49%;
    max-width: inherit;
    margin: 0;
    margin-bottom: 4rem; }
  .results__03__inner::after {
    content: "";
	  display: block;}
img.results__02__img.wp-post-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    position: relative;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 0.5s;
}
img.archive__01__img.wp-post-image{
	 width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    position: relative;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 0.5s;	
	}
.archive__01 {
  background-color: white;
  margin-bottom: 2rem; }
  .archive__01__wrap {
    width: 90%;
    margin: 0 auto;
    text-align: justify; }
  .archive__01__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    justify-content: space-between; }
img.archive__01__img.wp-post-imag {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    position: relative;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 0.5s; }
  .archive__01__img > img:hover {
      opacity: 0.7; }
  .archive__01__topic {
    width: 49%;
    max-width: inherit;
    margin: 0;
    margin-bottom: 4rem; }
.archive__02 {
  background-color: white;
  margin-bottom: 6rem; }
  .archive__02__wrap {
	width: 90%;
    margin: 0 auto;
    text-align: justify; }
.archive__03 {
  background-color: white;
  margin-bottom: 6rem; }
  .archive__03__wrap {
	width: 90%;
    margin: 0 auto;
    text-align: justify; }
.archive__04__wrap {
    margin-top: 4rem;
}

.details__top {
  width: 90%;
  margin: 0 auto; }
.details__top>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center right;
}
.details__01 {
  background-color: white;
  margin-top: 6rem;
  display: flex; }
  .details__01__wrap {
    width: 90%;
    margin: 0 auto;
    text-align: justify; }
  .details__01__label {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #F6F4F2;
    margin: 0 0 1rem 0; }
  .details__01__img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    position: relative;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 0.5s; }
    .details__01__img > img:hover {
      opacity: 0.7; }
  .details__01__topic {
    max-width: inherit;
    margin: 0;
    margin-bottom: 4rem; }
.details__02 {
  margin: 4rem 0;
  background-color: white; }
  .details__02__wrap {
    width: 90%;
    margin: 0 auto;
    text-align: justify; 
    margin-bottom: 4rem;}
  .details__02__text {
    margin: 0 auto; }
.details__03 {
  background-color: white;
  margin-bottom: 6rem; }
  .details__03__wrap {
	width: 90%;
    margin: 0 auto;
    text-align: justify; }
  .details__03__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    justify-content: space-between; }
  .details__03__img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    position: relative;
    overflow: hidden;
    transition-property: opacity;
    transition-duration: 0.5s; }
    .details__03__img > img:hover {
      opacity: 0.7; }
  .details__03__topic {
    width: 49%;
    max-width: inherit;
    margin: 0;
    margin-bottom: 0.5rem; }

.flow__01 {
  text-align: justify;
  padding: 6rem 0;
  background-color: #F6F4F2; }
  .flow__01__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .flow__01__text0 {
    margin-bottom: 2rem;
    text-align: left; }
.flow__02 {
  background-color: white;
  padding: 6rem 0; }
  .flow__02__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .flow__02__text0 {
    text-align: left;
    margin-bottom: 2rem; }
.flow__03 {
  text-align: justify;
  padding: 6rem 0;
  background-color: #F6F4F2; }
  .flow__03__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .flow__03__text0 {
    margin-bottom: 2rem;
    text-align: left; }
.flow__04 {
  background-color: white;
  padding: 6rem 0; }
  .flow__04__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .flow__04__text0 {
    text-align: left;
    margin-bottom: 2rem; }
.flow__05 {
  text-align: justify;
  padding: 6rem 0;
  background-color: #F6F4F2; }
  .flow__05__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .flow__05__text0 {
    margin-bottom: 2rem;
    text-align: left; }
.flow__06 {
  background-color: white;
  padding: 6rem 0; }
  .flow__06__wrap {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
  .flow__06__text0 {
    text-align: left;
    margin-bottom: 2rem; }

.contact {
  margin-top: 50px; }
  .contact__inner {
    text-align: start; }
  .contact__wrap {
    width: 100%; }
    .contact__wrap__box {
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
  .contact__form {
    border-bottom: 1px solid #44655B;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
/*    display: flex;*/
    align-items: center; }
    .contact__form__text {
      width: 100%;
      max-width: 150px;
      font-weight: bold; }
    .contact__form__label {
      border-radius: 5px;
      padding-top: 5px;
      padding-bottom: 5px;
      width: 40px;
      display: inline-block;
      text-align: center;
      background: #44655B;
      color: white; }
    .contact__form__flame {
      border: 1px solid #ddd;
      border-radius: 6px;
/*      margin-left: 10px;*/
      padding-left: 1em;
      padding-right: 1em;
      height: 48px;
      flex: 1;
      width: 100%;
      max-width: 900px;
      background: #eaedf2; }
    .contact__form__textarea {
      border: 1px solid #ddd;
      border-radius: 6px;
/*      margin-left: 40px;*/
      padding-left: 1em;
      padding-right: 1em;
      height: 200px;
      flex: 1;
      width: 100%;
      max-width: 900px;
      background: #eaedf2; }
    .contact__form__btn {
      border-radius: 6px;
      margin-top: 32px;
      margin-left: auto;
      margin-right: auto;
      padding-top: 20px;
      padding-bottom: 20px;
      width: 280px;
      display: block;
      letter-spacing: 0.05em;
      background: #5bc8ac;
      color: #fff;
      font-weight: bold;
      font-size: 20px; }

/*---------------
  checkbox
-----------------*/
.checkbox {
  display: flex;
  flex-wrap: wrap;
  margin-left: 50px;
  max-width: 900px; }

.checkbox label {
  width: 50%; }

.checkbox input[type="checkbox"] {
  opacity: 0;
  appearance: none;
  position: absolute; }

.checkbox .text {
  display: inline-block;
  position: relative;
  padding-left: 26px;
  line-height: 2.2; }

.checkbox .text::before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #eee;
  background: #fff;
  content: "";
  transition: all 0.3s; }

.checkbox .text::after {
  position: absolute;
  top: 8px;
  left: 0;
  width: 18px;
  height: 18px;
  color: #ca353b;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "✔";
  opacity: 0;
  transition: all 0.3s; }

.checkbox input:focus + span::before {
  box-shadow: 0 0 4px #ca353b; }

.checkbox input:checked + span::after {
  opacity: 1; }

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99; }
  #page-top > a {
    background: #44655B;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 27px 5px;
    text-align: center;
    display: block;
    border-radius: 90px;
    opacity: 0.9;
    transition: all .3s ease; }
    #page-top > a:hover {
      text-decoration: none;
      opacity: .5; }

.footer {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center; }
  .footer__wrap {
    padding-top: 30px;
    /* 背景画像を指定 */
    background-image: url("images/webp/chikurinkuro.webp");
    /* 画像を繰り返さない */
    background-repeat: no-repeat;
    /* 画像をフッター要素全体に覆うように表示 */
    background-size: cover;
    /* 背景画像の配置位置 (例: 中央) */
    background-position: center;
    padding: 50px 80px;
    /* 画像が見えるようにパディングを多めに設定 */ }
  .footer__nav {
    color: white; }
    .footer__nav__box1 {
      text-align: center; }
      .footer__nav__box1__sns {
        transition-property: opacity;
        transition-duration: 0.5s;
        width: 0px;
        visibility: hidden; }
        .footer__nav__box1__sns:hover {
          opacity: 0.7; }
      .footer__nav__box1__txt {
        margin: 1rem 0;
        font-size: 1.1rem; }
      .footer__nav__box1__add {
        font-size: 0.9rem; }
    .footer__nav__box2 {
      text-align: center; }
      .footer__nav__box2__sns {
        width: 40px;
        margin: 2rem auto;
        transition-property: opacity;
        transition-duration: 0.5s; }
        .footer__nav__box2__sns:hover {
          opacity: 0.7; }
      .footer__nav__box2__tel {
        transition-property: opacity;
        transition-duration: 0.5s; }
        .footer__nav__box2__tel a {
          color: white; }
        .footer__nav__box2__tel:hover {
          opacity: 0.7; }
    .footer__nav__box3 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 0.9rem;
      padding: 0;
      align-items: center; }
      .footer__nav__box3 ul {
        width: 300px;
        margin-inline: auto; }
      .footer__nav__box3 li {
        text-align: left;
        margin-top: 6px;
        margin-bottom: 6px; }
        .footer__nav__box3 li a {
          padding: 15px;
          color: white; }

li.cat-item {
  text-align: start;
  font-size: 11pt;
  color: #1366D6; }

ul.monthly-list {
  text-align: start;
  color: #1366D6; }

p.copyright {
  margin: 2rem auto 0;
  text-align: center;
  font-size: 0.5rem;
  color: white; }

.btn.ftbtn {
  width: 100%; }

.link-arrow2:hover {
    color: #fff; }

  .link-arrow2 {
    display: inline-block;
    position: relative;
    padding: .5em 0;
    letter-spacing: .05em;
    transition: all .3s;
    font-size: 15px;
    min-width: 180px;
    border-bottom: 2px solid #44655B; }
    .link-arrow2 span {
      position: relative; }
    .link-arrow2::before {
      transform-origin: right top;
      transform: scale(0, 1);
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      content: "";
      background: #44655B;
      transition: transform 0.5s; }
    .link-arrow2:hover::before {
      opacity: 1;
      transform-origin: left top;
      transform: scale(1, 1); }
	
    .link-arrow2::after {
      position: absolute;
      top: 0px;
      right: 0px;
      display: inline-block;
      width: 2em;
      height: 100%;
      vertical-align: middle;
      content: ""; }


@media (min-width: 480px) {
  /******************************************************************
  
  Stylesheet: 480px以上(スマホの横向き)のモニタで適用
  
  ******************************************************************/
  .hero__title {
    width: 40%; }
  .hero__p1 {
    font-size: 1rem;
    top: 15%;
    left: 16%; }
  .hero__p2 {
    font-size: 1rem;
    top: 15%;
    left: 10%; }

  .sclass__sub-area__textarea {
    background-color: #7ebdaa;
    padding: 40px 20px 0px 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
  .sclass__sub-area__unit__num {
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block; }
  .sclass__sub-area__unit__title {
    display: inline-block;
    padding: 0 20px 0 10px; }
  .sclass__sub-area__unit__txt {
    padding: 20px 0px 0px 60px; }

  dl {
    letter-spacing: 0.08em;
    max-width: 100%; }

  dt {
    float: left;
    clear: left;
    margin-right: 2rem;
    font-size: 1rem; }

  dd {
    text-align: left;
    float: left;
    font-size: 1rem; }

  .topblognews__inner {
    width: 70%; }

  .topcourse__inner {
    width: 70%; } }
@media (min-width: 600px) {
  /******************************************************************
  
  Stylesheet: 600px以上のタブレットやモニタで適用
  
  ******************************************************************/
  dl {
    font-size: 1rem; }

  .font-sm, .contact__inner {
    font-size: 1em;
    letter-spacing: 0.05em; }

  .font-md {
    font-size: 1.125em;
    letter-spacing: 0.05em; }

  .font-lr {
    font-size: 1.5em;
    letter-spacing: 0.05em; }

  .font-lg {
    font-size: 1.625em;
    letter-spacing: 0.05em; }

	.mb4{
		margin-bottom: 4rem;
	}
	.mb6{
		margin-bottom: 6rem;
	}
	
	.mt4{
		margin-top: 4rem;
	}
	.mt6{
		margin-top: 6rem;
	}
	.mtb4{
	margin: 4rem 0;
	}
	.mtb6{
		margin-top: 6rem 0;
	}
  .mb-sm {
    margin-bottom: 16px !important; }

  .mb-md, .contact__wrap {
    margin-bottom: 30px !important; }

  .mb-lg, .contact__inner, .contact__wrap__box {
    margin-bottom: 60px !important; }

  .pb-sm {
    padding-bottom: 16px !important; }

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

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

  .hero__p1 {
    font-size: 1.1rem;
    top: 17%;
    left: 17%; }
  .hero__p2 {
    font-size: 1.1rem;
    top: 17%;
    left: 12%; }

  .home__01__wrap {
    width: 60%; }
  .home__02__text {
    width: 60%; }
  .home__03__wrap {
    width: 60%; }
  .home__03__txt {
    letter-spacing: 0.3rem; }

  .about__01__wrap {
    width: 60%; }
  .about__02__wrap {
    width: 60%; }
  .about__03__wrap {
    width: 60%; }

  .advantage__01__wrap {
    width: 60%; }
  .advantage__02__wrap {
    width: 60%; }
  .advantage__03__wrap {
    width: 60%; }
  .advantage__04__wrap {
    width: 60%; }

/*
  .details__top {
    width: 70%; }
*/
  .details__01__wrap {
    width: 70%; }
  .details__02__wrap {
    width: 70%; }
	.details__03__wrap {
    width: 70%; }
  .archive__02__wrap {
    width: 70%; }

  .flow__01__wrap {
    width: 60%; }
  .flow__02__wrap {
    width: 60%; }
  .flow__03__wrap {
    width: 60%; }
  .flow__04__wrap {
    width: 60%; }
  .flow__05__wrap {
    width: 60%; }
  .flow__06__wrap {
    width: 60%; }

  .footer__li {
    margin-left: 0;
    margin-right: 30px; }
  .footer__nav__box1__txt {
    font-size: 1.3rem; }
  .footer__nav__box1__add {
    font-size: 1rem; } }
@media (min-width: 960px) {
  /******************************************************************
  
  Stylesheet: 960px以上のモニタで適用
  
  ******************************************************************/
  .br-sp {
    display: none; }

  .font-sm, .contact__inner {
    font-size: 16px; }

  .font-md {
    font-size: 18px; }

  .font-lr {
    font-size: 22px; }

  .font-lg {
    font-size: 36px; }

  .font-tel {
    font-size: 1.3rem; }

  .mb-md, .contact__wrap {
    margin-bottom: 40px !important; }

  .mb-lg, .contact__inner, .contact__wrap__box {
    margin-bottom: 150px !important; }

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

  .pb-lg {
    padding-bottom: 150px !important; }

  .flex, .home__01__1, .home__03__1, .about__01__wrap, .about__02__inner, .about__03__wrap, .advantage__01__wrap, .advantage__02__1, .advantage__03__1, .flow__01__inner, .flow__02__inner, .flow__03__inner, .flow__04__inner, .flow__05__inner, .flow__06__inner {
    flex-direction: row;
    flex-wrap: wrap; }

  .header {
    height: 100px; }
    .header__inner {
      max-width: 1080px; }
    .header__nav__sns {
      content-visibility: visible;
      width: 35px; }
    .header__nav__li {
      content-visibility: visible;
      top: 0;
      transition: all .6s;
      z-index: 200;
      padding: 5px 0px;
      font-weight: 400;
      display: flex;
      align-items: center;
      flex-flow: row;
      margin: 0;
      list-style: none;
      justify-content: flex-end; }
      .header__nav__li a {
        position: relative;
        display: inline-block;
        text-decoration: none;
        color: #44655B; }
        .header__nav__li a::after {
          position: absolute;
          bottom: -4px;
          left: 0;
          content: '';
          width: 100%;
          height: 2px;
          background: #44655B;
          transform: scale(0, 1);
          transform-origin: center top;
          transition: transform .3s;
          color: #44655B; }
        .header__nav__li a:hover::after {
          transform: scale(1, 1); }
      .header__nav__li li {
        padding: 0px 10px;
        display: flex; }
    .header__logo {
      width: 30%;
      display: flex;
      align-items: flex-end;
      padding-bottom: 16px;
      font-size: 1.5rem; }
    .header__inner {
      align-items: flex-end; }

  .mv {
    height: 500px; }

  #gloval__nav {
    display: block;
    margin: 20 auto; }

  td {
    height: 60px;
    /* 高さ指定 */ }

  th {
    width: 300px;
    /* 幅指定 */
    background-color: #7ebdaa; }

  .mobile-menu__btn {
    content-visibility: hidden; }

  .btn01 {
    margin-bottom: 7rem; }

  .btn00 {
    margin: 0 10px 0 0; }

  .arrow {
    color: #44655B;
    position: relative;
    display: inline-block;
    width: 70px;
    height: 1px;
    margin: 9.9px 0 0 1.5rem;
    border-radius: 9999px;
    background-color: #44655B; }
    .arrow::before {
      content: "";
      position: absolute;
      top: calc(50% - 0.5px);
      right: 0;
      width: 15px;
      height: 1px;
      border-radius: 9999px;
      background-color: #44655B;
      transform: rotate(45deg);
      transform-origin: calc(100% - 0.5px) 50%; }

  .link-arrow:hover {
    color: #fff; }

  .link-arrow {
    display: inline-block;
    position: relative;
    padding: .5em 0;
    letter-spacing: .05em;
    transition: all .3s;
    font-size: 15px;
    min-width: 180px;
    border-bottom: 2px solid #44655B; }
    .link-arrow span {
      position: relative; }
    .link-arrow::before {
      transform-origin: right top;
      transform: scale(0, 1);
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      content: "";
      background: #44655B;
      transition: transform 0.5s; }
    .link-arrow:hover::before {
      opacity: 1;
      transform-origin: left top;
      transform: scale(1, 1); }
    .link-arrow::after {
      position: absolute;
      top: 0px;
      right: 0px;
      display: inline-block;
      width: 2em;
      height: 100%;
      vertical-align: middle;
      content: ""; }
	
  .main-title {
    font-size: 2rem; }

  .main-title-left {
    text-align: left;
    font-size: 2rem; }

  .main-title-gray {
    text-align: left;
    font-size: 2rem;
    background-color: transparent; }

  .sub-title-left {
    text-align: left;
    font-size: 1.7rem; }

  .home__01 {
    padding-bottom: 4rem; }
    .home__01__wrap {
      max-width: 1080px;
      width: 96%; }
    .home__01__inner {
      position: relative;
      display: flex;
      padding: 2rem 0; }
    .home__01__ttl {
      width: 50%; }
    .home__01__1 {
      display: flex;
      justify-content: space-between; }
      .home__01__1__topic {
        width: 30%; }
    .home__01__more {
      visibility: visible; }
    .home__01__text0 {
      width: 50%;
      padding-top: 1em;
      margin-bottom: 0; }
  .home__02 {
    margin-bottom: 0; }
    .home__02::before {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 75%;
      height: calc(100% - 260px);
      content: "";
      background: #F6F4F2;
      z-index: -100; }
    .home__02__wrap {
      max-width: 1080px;
      width: 96%;
      margin: 0 auto; }
    .home__02__inner {
      display: flex;
      position: relative;
      　　　text-align: justify; }
    .home__02__text {
      width: 50%;
      margin: 5rem 0; }
    .home__02__ttl {
      width: 50%; }
  .home__03 {
    padding-bottom: 4rem; }
    .home__03__wrap {
      max-width: 1080px;
      width: 96%; }
    .home__03__inner {
      position: relative;
      display: flex;
      padding: 2rem 0; }
    .home__03__ttl {
      width: 50%; }
    .home__03__1 {
      display: flex;
      justify-content: space-between; }
      .home__03__1__topic {
        width: 30%; }
    .home__03__more {
      visibility: visible; }
    .home__03__text0 {
      width: 50%;
      padding-top: 1em; }

  .about__01__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .about__01__topic {
    width: 50%; }
  .about__01__img {
    margin: 0; }
  .about__01__text0 {
    width: 50%;
    margin-top: 7rem; }
  .about__02__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .about__02__img {
    width: 50%;
    margin-top: 1rem; }
  .about__02__topic {
    width: 50%; }
  .about__02__text0 {
    text-align: left; }
  .about__02__text {
    margin: 0; }
  .about__03__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .about__03__img {
    width: 50%;
    margin-top: 1rem; }
  .about__03__topic {
    width: 50%; }
  .about__03__text0 {
    text-align: left; }
  .about__03__text {
    margin: 0; }
  .about__04 {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }

  .advantage__01__wrap {
    max-width: 1080px;
    width: 96%; }
  .advantage__01__ttl {
    width: 50%; }
  .advantage__01__text0 {
    width: 50%;
    padding-top: 1em; }
  .advantage__02 {
    margin-bottom: 0;
    padding-bottom: 6rem; }
    .advantage__02__wrap {
      max-width: 1080px;
      width: 96%;
      margin: 0 auto; }
    .advantage__02__inner {
      display: flex;
      position: relative;
      margin-bottom: 2rem;
      　　　text-align: justify; }
    .advantage__02__more {
      visibility: visible; }
    .advantage__02__text0 {
      width: 50%; }
    .advantage__02__ttl {
      width: 50%;
      text-align: left; }
    .advantage__02__1 {
      display: flex;
      justify-content: space-between; }
      .advantage__02__1__topic {
        width: 30%;
        margin-bottom: 0; }
  .advantage__03 {
    padding-bottom: 6rem; }
    .advantage__03__wrap {
      max-width: 1080px;
      width: 96%; }
    .advantage__03__inner {
      position: relative;
      display: flex;
      margin: 0 auto;
      　　　text-align: justify;
      padding-bottom: 2rem; }
    .advantage__03__ttl {
      width: 50%;
      text-align: left; }
    .advantage__03__more {
      visibility: visible; }
    .advantage__03__text0 {
      width: 50%; }
    .advantage__03__1 {
      display: flex;
      justify-content: space-between; }
      .advantage__03__1__topic {
        width: 30%;
        margin: 0; }

  .flow__01__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .flow__01__inner {
    justify-content: space-between; }
  .flow__01__img {
    width: 45%; }
  .flow__01__topic {
    width: 50%; }
  .flow__01__text0 {
    margin: 0; }
  .flow__02__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .flow__02__inner {
    justify-content: space-between; }
  .flow__02__img {
    width: 45%; }
  .flow__02__topic {
    width: 50%; }
  .flow__03__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .flow__03__inner {
    justify-content: space-between; }
  .flow__03__img {
    width: 45%; }
  .flow__03__topic {
    width: 50%; }
  .flow__04__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .flow__04__inner {
    justify-content: space-between; }
  .flow__04__img {
    width: 45%; }
  .flow__04__topic {
    width: 50%; }
  .flow__05__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .flow__05__inner {
    justify-content: space-between; }
  .flow__05__img {
    width: 45%; }
  .flow__05__topic {
    width: 50%; }
  .flow__06__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .flow__06__inner {
    justify-content: space-between; }
  .flow__06__img {
    width: 45%; }
  .flow__06__topic {
    width: 50%; }

  .results__01__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .results__01__inner {
    margin-bottom: 8rem; }
  .results__01__label {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 15px 0 0; }
  .results__02 {
    margin-top: 16rem; }
    .results__02__wrap {
      max-width: 1080px;
      width: 96%;
      margin: 0 auto;
      margin-top: 8rem; }
    .results__02__text {
      font-size: 1rem; }
    .results__02__topic {
      width: 33%; }
  .results__03__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .results__03__text {
    font-size: 1rem; }
  .results__03__topic {
    width: 33%; }
  .results__03__inner::after {
    width: 33%;}	
	.archive__01__wrap {
	  max-width: 1080px;
	  width: 96%;
	  margin: 0 auto; }
	.archive__01__text {
	  font-size: 1rem; }
	.archive__01__topic {
	  width: 33%; }
	.archive__01__inner::after {
	content: "";
	display: block;
	width: 33%; }
	.archive__02__wrap {
	max-width: 1080px;
	width: 96%;
	margin: 0 auto; }
	.archive__03__wrap {
	max-width: 1080px;
	width: 96%;
	margin: 0 auto; }	
		
  .details__top {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .details__01__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .details__01__label {
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 15px 0 0; }
  .details__02__wrap {
    max-width: 1080px;
	display: flex;
	flex-direction: row;  
    width: 96%; }
	.details__02__ttl {
    width: 20%;}
  .details__02__text {
    width: 80%;}
  .details__03__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }
  .details__03__inner::after {
    content: "";
    display: block;
    width: 33%; }
  .details__03__text {
    font-size: 1rem; }
  .details__03__topic {
    width: 33%; }

  .contact__wrap {
    max-width: 1080px;
    width: 96%;
    margin: 0 auto; }

  .footer__nav {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    .footer__nav__box1 {
      text-align: start; }
      .footer__nav__box1__sns {
        width: 40px;
        visibility: visible; }
      .footer__nav__box1__txt {
        font-size: 1.8rem; }
    .footer__nav__tel {
      margin-bottom: 15px; }
    .footer__nav__box2 {
      width: 25%;
      text-align: center;
      margin: 0 auto;
      margin-top: 2rem; }
      .footer__nav__box2 li {
        display: inline-block;
        border-right: solid; }
      .footer__nav__box2__sns {
        visibility: hidden;
        margin: 0; }
    .footer__nav__box3 {
      display: block;
      margin: 1rem 0; }

  .mobile-menu__btn {
    display: none; }

  .swiper-slide {
    box-shadow: 0 8px 40px -10px rgba(0, 0, 0, 0.8); } }
@media (min-width: 1280px) {
  /******************************************************************
  
  Stylesheet: 1280px以上のモニタで適用
  
  ******************************************************************/
  .hero__title {
    top: 45%; }
  .hero__p1 {
    font-size: 1.4rem;
    top: 18%;
    left: 24%; }
  .hero__p2 {
    font-size: 1.4rem;
    top: 18%;
    left: 20%; }

  .topchara__inner {
    width: 50%; }

  .reason__inner {
    width: 50%; } }
@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2) {
  /******************************************************************
  
  Stylesheet: Retinaディスプレイで適用
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  .icon {
  	background: url(images/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  */ }
@media print {
  /******************************************************************
  
  Stylesheet: プリンタのみに適用
  
  ******************************************************************/ }