/*
Theme Name: piano-class
Theme URL: テーマのサイトのURI
Description: テーマの説明文
Author: 作者の名前
Version: テーマのバージョン
Tags: テーマの特徴を表すタグ（カンマ区切り/オプション）
License: テーマのライセンス
License URI: テーマのライセンスのURI
*/

/* --------------------------------header---------------------------------------- */
/* --------------------------------header---------------------------------------- */
/* --------------------------------header---------------------------------------- */

html {
  margin-top: 0;
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

.pc-none {
  display: none;
}

.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

.ssp-only {
  display: none;
}

.pc-sp-only {
  display: block;
}
.sp985 {
  display: none;
}
.sp500 {
  display: none;
}
@media screen and (max-width: 985px) {
  .sp985 {
    display: block;
  }
}

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

  .sp-only {
    display: block !important;
  }

  .pc-none {
    display: block !important;
  }

  .header-right {
    display: none;
  }

  .ssp-only {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .sp500 {
    display: block;
  }
}

header .header-inner {
  max-width: 100%;
  width: 100%;

  margin: 0 auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1346px) {
  header .header-inner {
    width: 95%;
  }
}
@media screen and (max-width: 1276px) {
  header .header-inner {
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  header .header-inner {
    text-align: left;
    margin: 20px auto 0;
  }
}

@media screen and (max-width: 500px) {
  header .header-inner {
    margin-top: 28px;
    margin-bottom: 10px;
  }
}

header .header-inner .header-logo {
  /* width: 30%; */

  margin-right: 50px;
}

@media screen and (max-width: 969px) {
  header .header-inner .header-logo {
    width: 25%;
  }
}

@media screen and (max-width: 820px) {
  header .header-inner .header-logo {
    margin-bottom: 25px;
    margin-right: 0;
    width: 50%;
  }
}

@media screen and (max-width: 500px) {
  header .header-inner .header-logo {
    width: 58%;
  }
}

header .header-inner .header-logo img {
  width: 100%;
}

.header-right {
  /* display: flex !important;
  align-items: center;
  width: 70%; */
  margin-right: 2%;
}

@media screen and (max-width: 1248px) {
  .header-right {
    width: 74%;
  }
}

.header-navi ul {
  display: flex;
  /* justify-content: flex-end; */
  /* margin-right: 2%; */
}

.header-navi ul a {
  text-decoration: none;
  color: #6c5ca4;
}

.header-navi ul li {
  list-style: none;
  margin-left: 30px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 2.5px;
}

@media screen and (max-width: 1248px) {
  .header-navi ul li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1217px) {
  .header-navi ul li {
    margin-left: 40px;
  }
}
@media screen and (max-width: 1121px) {
  .header-navi ul li {
    margin-left: 30px;
  }
}

@media screen and (max-width: 1025px) {
  .header-navi ul li {
    margin-left: 20px;
  }
}

@media screen and (max-width: 969px) {
  .header-navi ul li {
    font-size: 1.4rem;
  }
}

.header-icon {
  width: 5%;
  margin-bottom: 10px;
}

@media screen and (max-width: 1248px) {
  .header-icon {
    width: 7%;
  }
}

.header-icon img {
  width: 100%;
}

/* -------------------------------------hamburger------------------------------------------- */
/* -------------------------------------hamburger------------------------------------------- */
/* -------------------------------------hamburger------------------------------------------- */
/* -------------------------------------hamburger------------------------------------------- */
/* -------------------------------------hamburger------------------------------------------- */

@media screen and (min-width: 820px) {
  .pc-none {
    display: none;
  }
}

@media screen and (max-width: 820px) {
  .hamburger {
    display: block;
    position: fixed;
    z-index: 100;
    right: 13px;
    top: 12px;
    /* width: 42px;
        height: 42px; */
    width: 55px;
    height: 55px;
    cursor: pointer;
    text-align: center;
    /* background-color: #3E91C1; */
    background-color: #6c5ca4;
  }

  .hamburger span {
    display: block;
    position: absolute;
    /* width: 30px;
        height: 2px;
        left: 6px; */
    /* width: 39px; */
    width: 35px;
    height: 2px;
    left: 11px;
    background: #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }

  .hamburger span:nth-child(1) {
    /* top: 10px; */
    top: 13px;
  }

  .hamburger span:nth-child(2) {
    /* top: 20px; */
    top: 26px;
  }

  .hamburger span:nth-child(3) {
    /* top: 30px; */
    top: 39px;
  }

  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    /* top: 16px; */
    top: 25px;
    left: 11px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    /* top: 16px; */
    top: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    /* background: #3E91C1; */
    background-color: #6c5ca4;
    text-align: center;
    transform: translateX(100%);
    transition: all 0.6s;
    width: 100%;
    height: 100%;
    padding-top: 75px;
  }

  nav.globalMenuSp ul {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }

  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px solid #fff;
  }

  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
  }

  nav.globalMenuSp ul li:hover {
    background: #ddd;
  }

  nav.globalMenuSp ul li a {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 2rem;
    display: block;
    color: #fff;
    padding: 1.2em 0;
    text-decoration: none;
  }

  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    transform: translateX(0%);
  }
}

@media (max-width: 500px) {
  nav.globalMenuSp ul li a {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.4rem;
    display: block;
    color: #fff;
    padding: 1em 0;
    text-decoration: none;
  }

  nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    color: #fff;
    /* background: #3E91C1; */
    background-color: #6c5ca4;
    text-align: center;
    transform: translateX(100%);
    transition: all 0.6s;
    width: 100%;
    height: 80%;
    padding-top: 75px;
  }
}

/* ------------------top-sec01------------------------*/
/* ------------------top-sec01------------------------*/
/* ------------------top-sec01------------------------*/
/* ------------------top-sec01------------------------*/
/* ------------------top-sec01------------------------*/

.main-image {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 650px;
  margin: 0 auto;
  background: url("./image/item-sec01.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}

.main-image-title {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
  background-color: #ffffff94;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #333;
  /* opacity: rgba(255,255,255,0.5); */
}

.main-image-title h1 {
  font-size: 6rem;
  letter-spacing: 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
}

.main-image-title h2 {
  font-size: 4rem;
  font-weight: normal;
  /* letter-spacing: 2px; */
}

.main-image-title h2 span {
  font-size: 6rem;
  letter-spacing: 2px;
  font-weight: normal;
}

@media (max-width: 1100px) {
  .main-image-title h1 {
    font-size: 5rem;
  }

  .main-image-title h2 {
    font-size: 3.5rem;
  }

  .main-image-title h2 span {
    font-size: 5rem;
  }
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */

.top-sec01 {
  width: 100%;
  margin: 0 auto;
  padding: 70px 0;
  text-align: center;
  font-family: "Not Sans JP", sans-serif;
  background-color: #fff2ef;
}
@media (max-width: 820px) {
  .top-main-text {
    width: 90%;
    margin: 0 auto;
  }
}

.top-main-text h2 {
  font-size: 3rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 50px;
  color: #6c5ca4;
  letter-spacing: 8px;
}
.top-main-text h2 span {
  font-size: 3.2rem;
}

.top-main-text p {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 50px;
  letter-spacing: 2px;
}
.top-main-text h3 {
  font-size: 2rem;
  line-height: 1.5;
  margin-bottom: 100px;
  letter-spacing: 2px;
}
/* -------price-top-sec01-picture--------- */
/* -------price-top-sec01-picture--------- */
/* -------price-top-sec01-picture--------- */

.price-top-sec01-picture {
  max-width: 1100px;
  width: 80%;
  margin: 0 auto;
  padding-top: 70px;
}
.picture-inner {
  display: flex;
  justify-content: center;
  /* width: 80%; */
  margin: 0 auto;
}
@media (max-width: 500px) {
  .picture-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* width: 80%; */
    margin: 0 auto;
  }
}
.picture-inner img {
  width: 30%;
  margin: 0 auto;
}
@media (max-width: 500px) {
  .picture-inner img {
    width: 80%;
    margin: 20px auto;
  }
}

/* -------price-top-sec01--------- */
/* -------price-top-sec01--------- */

.price-top-sec01 {
  max-width: 100%;
  width: 80%;
  margin: 0 auto;
  padding: 70px 0;
  text-align: center;
  font-family: "Not Sans JP", sans-serif;
  /* background-color: #fff2ef; */
}
@media (max-width: 500px) {
  .price-top-sec01 {
    padding: 50px 0;
  }
}

.price-top-main-text h2 {
  font-size: 3rem;
  line-height: 1.2;
  font-weight: normal;
  margin-bottom: 50px;
  color: rgb(55, 129, 138);
  letter-spacing: 2px;
}

.price-top-main-text p {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 30px;
  letter-spacing: 2px;
}
.price-top-main-text h3 {
  font-size: 2.8rem;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 2px;
  color: rgb(55, 129, 138);
}
@media (max-width: 630px) {
  .price-top-main-text h2 {
    font-size: 2.8rem;
  }
  .price-top-main-text h3 {
    font-size: 2.5rem;
  }
}
@media (max-width: 500px) {
  .price-top-main-text h2 {
    font-size: 2.2rem;
  }
  .price-top-main-text h3 {
    font-size: 2rem;
  }
  .price-top-main-text p {
    font-size: 1.6rem;
  }
  .price-top-sec01-picture {
    padding-top: 0;
  }
}

/* ---------------------------------------- */
/* ---------------------------------------- */

.top-main-text-btn {
  max-width: 220px;
  width: 100%;
  margin: 50px auto 0;
  background-color: #ffbee6;
  text-align: center;
  border-radius: 50px;
}

.top-main-text-btn a {
  text-decoration: none;
  color: #303030;
}

.top-main-text-btn p {
  font-size: 1.6rem;
  padding: 12px 0;
}
.top-main-text-btn p:hover {
  opacity: 0.7;
}

/* ------------------------------------------archive--------------------------------------------- */
/* ------------------------------------------archive--------------------------------------------- */
/* ------------------------------------------archive--------------------------------------------- */
/* ------------------------------------------archive--------------------------------------------- */
/* ------------------------------------------archive--------------------------------------------- */
/* ------------------------------------------archive--------------------------------------------- */
/* ------------------------------------------archive--------------------------------------------- */
/* ------------------------------------------archive--------------------------------------------- */

/* --------------------------------------------------------------------------- */

/* .blog-main {
  display: flex;
  justify-content: space-evenly;
  max-width: 1100px;
  width: 100%;
  margin: 180px auto 100px;
  font-family: "Sawarabi Mincho", serif;
}

.blog-main-left {
  display: flex;
  flex-direction: column;
  width: 60%;
}

.blog-main-left-box {
  width: 100%;
  margin: 0 auto 100px;
  display: flex;
}

.blog-main-left-box img {
  width: 270px;
  height: 200px;
  margin-right: 40px;
  object-fit: cover;
}

.blog-link {
  text-decoration: none;

}

.blog-text h3 {
  font-family: "Noto Sans JP",sans-serif;  
  font-weight: normal;
  font-size: 2.4rem;
  color: #707070;
  line-height: 1.2;
}

.blog-text p {
  font-size: 1.6rem;
  color: #707070;
  line-height: 1.5;
}

.blog-date {
  font-size: 1.3rem;
  margin: 12px 0 22px;
} */

/* --------------------------右側----------------------------- */

/* .blog-main-right {
  width: 25%;
  text-align: left;
}

.blog-link-right {
  text-decoration: none;
}

.blog-sec06 {
  width: 100%;
  margin: 0 auto;
}

.blog-sec06-title {
  font-size: 2.1rem;
  color: black;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #478AFF;
  margin-bottom: 20px;
  padding-bottom: 10px;
}



.blog-text-right-title {
  border-bottom: 1px dotted #d5d5d5;
  line-height: 2;
  letter-spacing: 1px;
  padding-top: 20px;
  padding-bottom: 15px;
}

.blog-text-right-date {
  font-size: 1.6rem;
  font-family: "Noto Sans JP",sans-serif; 
  line-height: 2;
  letter-spacing: 1px;
  padding-top: 15px;
  color: #000;
  border-bottom: 1px dotted #d5d5d5;
}

.blog-text-right h3 {
  width: 100%;
  font-family: "Noto Sans JP",sans-serif;  
  font-weight: normal;
  font-size: 1.6rem;
  color: black;
  line-height: 1.5;
}

.widget li {
  list-style: none;

}

.widget a {
  text-decoration: none;
  color: #000;
  text-decoration: none;
}

.block-link-right a {
  text-decoration: none;
}

.wp-calendar-nav {
  margin-top: 20px;
  text-align: left;
  font-size: 1.4rem; 
  font-family: "Sawarabi Mincho", serif;
}

.wp-block-calendar a {
  text-decoration: none !important;

}

.wp-calendar-table {
  font-size: 1.5rem;
  color: #40464d;
  font-family: "Noto Sans JP",sans-serif;  
}

caption {
  margin-bottom: 20px;
} */

/* -----------------アーカイブ---------------------- */

/* .wp-block-archives {
  font-size: 1.6rem;
  font-family: "Noto Serif", serif; 
  line-height: 2;
  letter-spacing: 1px;
  padding-top: 15px;
  color: #000;
  border-bottom: 1px dotted #d5d5d5;
}

.widget h2 {
  font-size: 2.1rem;
  font-weight: normal;
  color: black;
  text-align: center;
  border-bottom: 1px solid #478AFF;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 10px;
}

.widget h2 a {
  border-bottom: none;
} */

/* -----------------カテゴリー---------------------- */

/* .wp-block-categories {
  font-size: 1.6rem;
  font-family: "Noto Serif", serif;
  line-height: 2;
  letter-spacing: 1px;
  padding-top: 15px;
  color: #000;
  border-bottom: 1px dotted #d5d5d5;
} */

/* -------------------------@(max-width: 768px)------------------------------ */

/* @media (max-width: 820px) {

  .pc-only {
    display: none !important;
  }

  .sp-only {
    display: block !important;
  }

  .blog-main {
    flex-direction: column;
    align-items: center;
    margin: 100px auto;
  }

  .blog-page {
    margin-bottom: 150px;
  }

  .blog-main-left {
    width: 90%;
    margin-bottom: 30px;
  }

  .blog-text h3 {
    font-size: 1.9rem;
  }

  .blog-date {
    font-size: 1rem !important;
    margin: 5px 0 15px;
  }

  .blog-text p {
    font-size: 1.3rem;
  }

  .blog-main-left-box {
    margin: 0 auto 50px;
  }

  .pagenavi-sp {
    width: 100%;
    margin: 0 auto;
  }

  .wp-pagenavi {
    display: flex;
    justify-content: center;
    margin-left: 0;
    top: 20px;
  } */

/* -----------------------------max-width: 820px 右側--------------------------------------- */
/* .blog-main-right {
    width: 90%;
    margin-top: 100px;
  }

  .blog-sec06-title {
    font-size: 2rem;
  }

  .blog-text-right {
    width: 100%;
    margin: 0 auto 30px;
  }

  .blog-text-right h3 {
    font-size: 1.6rem;
    line-height: 2;
  }

  .blog-text-right-title {
    padding: 15px 0 5px;
  }

  .blog-text-right-date {
    font-size: 1.6rem;
    width: 90%;
    margin: 0 auto;
  }

  .date-title {
    font-size: 2rem;
  }

  .category-title {
    font-size: 2rem;
  }

  .calender-title {
    font-size: 2rem;
  }

  .caption {
    font-size: 1.6rem;
  }

  .blog-sec06 {
    width: 90%;
  }

  .widget h2 {
    margin-bottom: 20px;
    margin-top: 30px;
  }
} */

/* ------------------------------@media(max-width: 500px)---------------------------------------- */

/* @media (max-width: 500px) {

  .news-blog-main {
    width: 90%;
    margin: 80px auto 0;
  }

  .news-blog-main-left-box {
    flex-direction: column;
    align-items: center;

  }

  .news-blog-main-left-box img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .news-blog-main-right {
    margin-top: 0;
  }

  article {
      margin-bottom: 50px;
  }

  .wp-pagenavi {
    top: 10px;
  }
} */

/* ----------------------------- @media (max-width: 320px)--------------------------------*/

/* @media (max-width: 320px) {
  .blog-main-left-box img {
    height: 150px;
  }

  article {
    margin-bottom: 0;
  }
} */

/* ------------------news-blog-main------------------------*/
/* ------------------news-blog-main------------------------*/
/* ------------------news-blog-main------------------------*/
/* ------------------news-blog-main------------------------*/
/* ------------------news-blog-main------------------------*/

.news-blog-main {
  max-width: 1100px;
  width: 100%;
  margin: 150px auto 0;
  font-family: "Noto Sans JP", sans-serif;
}

.top-news-blog-main {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
}

.news-blog-main-left {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  margin: 0 auto;
  padding-left: 9.3%;
}

.news-blog-main-left-box {
  width: 100%;
  margin: 0 auto 100px;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.news-blog-main-left-box img {
  max-width: 270px;
  height: 200px;
  margin-right: 40px;
  object-fit: cover;
}

@media (max-width: 1032px) {
  .news-blog-main-left-box img {
    width: 230px;
    height: 160px;
    margin-right: 40px;
    object-fit: cover;
  }
}

@media (max-width: 320px) {
  news-article {
    margin-bottom: 0;
  }
}

.news-blog-link {
  text-decoration: none;
}

.news-blog-text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  width: 90%;
  color: black;
  line-height: 1.2;
  padding: 10px 0;
}

.news-blog-text p {
  word-break: break-all;
}

.news-archive-text p {
  font-size: 1.6rem !important;
  color: black !important;
  line-height: 1.5;
  word-break: break-all;
}

.news-blog-date {
  font-size: 1.3rem;
  margin: 0 0 5px;
  color: #000;
}

/* ---------------------加えたもの----------------------------- */
/* ---------------------加えたもの----------------------------- */
/* ---------------------加えたもの----------------------------- */

.news-blog-main-left article {
  width: 32%;
}

news-article img {
  width: 280px;
  height: 200px;
  object-fit: cover;
}

.news-blog-main-left a {
  text-decoration: none;
  margin-bottom: 30px;
  margin-right: 20px;
  color: #000;
}

.news-blogarchive_title {
  font-size: 2rem;
  font-weight: bold;
  margin: 10px auto;
  color: #000;
}

.news-archive-text {
  font-size: 1.6rem;
  color: #000;
}

/* -------------------------@(max-width: 820px)------------------------------ */

@media (max-width: 820px) {
  .pc-only {
    display: none !important;
  }

  .sp-only {
    display: block !important;
  }

  .news-blog-main {
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
  }
  .top-news-blog-main {
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
  }

  .news-blog-page {
    margin-bottom: 150px;
  }

  .news-blog-main-left {
    margin: 80px auto 50px;
    padding-left: 16%;
  }

  .news-blog-main-left-box img {
    width: 150px;
    height: 100px;
    object-fit: cover;
  }

  @media (max-width: 768px) {
    .news-blog-main-left {
      width: 100%;
      padding-left: 16%;
    }

    .news-blog-main-left-box img {
      padding-bottom: 10px;
    }
  }

  @media (max-width: 692px) {
    .news-blog-main-left-box img {
      width: 160px;
      height: 120px;
    }
  }

  .news-blog-text h3 {
    font-size: 1.6rem;
    width: 100%;
    margin: 0 auto;
  }
  @media (max-width: 500px) {
    .news-blog-text h3 {
      padding: 0;
    }
  }

  .news-blog-date {
    font-size: 1rem !important;
    margin: 0 0 5px;
  }

  .news-blog-text {
    width: 90%;
  }

  .news-blog-text p {
    font-size: 1.6rem;
    line-height: 1.2;
    word-break: break-all;
  }

  .news-blog-main-left-box {
    margin: 0 auto 50px;
    padding-right: 10px;
  }

  .news-blog-main-left-box img {
    width: 150px;
    height: 100px;
  }

  @media (max-width: 715px) {
    .news-blog-main-left-box img {
      width: 120px;
      height: 100px;
    }
  }

  .pagenavi-sp {
    width: 100%;
    margin: 0 auto;
  }

  .news-archive {
    width: 30%;
  }
}

/* ------------------------------@media(max-width: 500px)---------------------------------------- */

@media (max-width: 500px) {
  .news-blog-main-left article {
    width: 80%;
  }

  .news-blog-main {
    width: 90%;
    margin: 0 auto;
  }
  .top-news-blog-main {
    width: 90%;
    margin: 0 auto;
  }

  .news-blog-main-left-box {
    flex-direction: column;
  }

  .news-blog-main-left-box img {
    width: 100%;
    height: 190px;
    margin-right: 0;
  }

  .news-blog-main-right {
    margin-top: 0;
  }

  .news-article {
    width: 100%;
  }

  .news-blog-main-left {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    margin: 50px auto 30px;
  }

  .news-blog-text {
    width: 100%;
  }

  @media (max-width: 400px) {
    .news-blog-text {
      width: 100%;
    }
  }
}

/* ----------------------------- @media (max-width: 320px)--------------------------------*/

@media (max-width: 320px) {
  news-article {
    margin-bottom: 0;
  }
}

/* ------------------top-sec02------------------------*/
/* ------------------top-sec02------------------------*/
/* ------------------top-sec02------------------------*/
/* ------------------top-sec02------------------------*/
/* ------------------top-sec02------------------------*/

.top-sec02 {
  max-width: 1100px;
  width: 100%;
  margin: 140px auto 100px;
  text-align: center;
  position: relative;
}

.top-sec02::before {
  content: "";
  position: absolute;
  background: url("./image/object2.png") no-repeat;
  background-size: cover;
  /* width: 550px; */
  width: 50%;
  height: 555px;
  height: 38%;
  top: 50%;
  left: -4%;
  transform: translate(-50%, -190%);
  z-index: -1;
}

@media (max-width: 890px) {
  .top-sec02::before {
    content: "";
    position: absolute;
    background: url("./image/object2.png") no-repeat;
    background-size: cover;
    /* width: 550px; */
    width: 57%;
    height: 555px;
    height: 38%;
    top: 50%;
    left: -4%;
    transform: translate(-50%, -190%);
    z-index: -1;
  }
}
@media (max-width: 820px) {
  .top-sec02::before {
    background-size: contain;
    width: 45%;
    height: 25%;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -240%);
    z-index: -1;
  }
}
@media (max-width: 500px) {
  .top-sec02::before {
    background-size: contain;
    width: 53%;
    height: 24%;
  }
}
@media (max-width: 375px) {
  .top-sec02::before {
    background-size: contain;
    width: 66%;
    height: 24%;
  }
}

.top-sec02::after {
  content: "";
  position: absolute;
  background: url("./image/object1.png") no-repeat;
  background-size: cover;
  /* width: 400px; */
  width: 40%;
  /* height: 445px; */
  height: 33%;
  top: 50%;
  left: 108%;
  transform: translate(-50%, 100%);
  z-index: -1;
}
@media (max-width: 1717px) {
  .top-sec02::after {
    /* width: 400px; */
    width: 40%;
    /* height: 445px; */
    height: 33%;
    top: 50%;
    left: 98%;
    transform: translate(-50%, 100%);
    z-index: -1;
  }
}
@media (max-width: 1496px) {
  .top-sec02::after {
    /* width: 400px; */
    width: 40%;
    /* height: 445px; */
    height: 33%;
    top: 50%;
    left: 88%;
    transform: translate(-50%, 100%);
    z-index: -1;
  }
}
@media (max-width: 1276px) {
  .top-sec02::after {
    /* width: 400px; */
    width: 40%;
    /* height: 445px; */
    height: 33%;
    top: 50%;
    left: 78%;
    transform: translate(-50%, 100%);
    z-index: -1;
  }
}
@media (max-width: 1083px) {
  .top-sec02::after {
    /* width: 400px; */
    width: 40%;
    /* height: 445px; */
    height: 33%;
    top: 50%;
    left: 80%;
    transform: translate(-50%, 100%);
    z-index: -1;
  }
}
@media (max-width: 820px) {
  .top-sec02::after {
    width: 35%;
    height: 13%;
    top: 50%;
    left: 80%;
    transform: translate(-50%, 340%);
  }
}
@media (max-width: 375px) {
  .top-sec02::after {
    width: 39%;
    height: 12%;
    top: 50%;
    left: 80%;
    transform: translate(-50%, 374%);
  }
}

.top-sec01-title h3 {
  font-size: 3.5rem;
  font-family: "Not Sans JP", sans-serif;
  font-weight: normal;
  text-align: center;
  margin-bottom: 50px;  
}
.top-sec02-title h3 {
  font-family: "Not Sans JP", sans-serif;
  font-weight: normal;
  text-align: center;
  margin-bottom: 50px;
  font-size: 3rem;
  color: #37818a;
}

.top-sec02-title p {
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 1.5px;
  line-height: 1.2;
}

.top-sec02-list {
  margin-top: 100px;
}

.top-sec02-list-top {
  display: flex;
  justify-content: center;
}

.top-sec02-list-top-box {
  width: 30%;
  /* margin: 0 auto; */
  list-style: none;
  text-align: center;
  box-shadow: 1px 1px 5px #9e9e9e;
}

.top-sec02-list-top-box h3 {
  font-size: 1.8rem;
  background-color: #3e91c1;
  padding: 15px 0;
  color: #fff;
}

.top-sec02-list-top-box-inner {
  padding: 10px;
}

.top-sec02-list-top-box-image img {
  width: 90%;
  height: 200px;
  padding: 20px 0;
  object-fit: cover;
}

.top-sec02-list-top-box-inner p {
  line-height: 1.5;
  font-size: 1.6rem;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 30px;
  text-align: left;
}

.top-sec02-list-botom {
  display: flex;
  justify-content: center;
  margin: 100px 0 150px;
}

.top-sec02-list li + li {
  margin-left: 50px;
}

/* -------------------------------top-sec03------------------------------ */
/* -------------------------------top-sec03------------------------------ */
/* -------------------------------top-sec03------------------------------ */
/* -------------------------------top-sec03------------------------------ */
/* -------------------------------top-sec03------------------------------ */

.top-sec03 {
  max-width: 1100px;
  width: 80%;
  margin: 0 auto;
  padding: 70px 0;
}
@media (max-width: 820px) {
  .top-sec03 {
    margin: 100px auto;
    padding: 70px 0;
  }
}
@media (max-width: 500px) {
  .top-sec03 {
    margin: 0 auto;
    padding: 50px 0 20px;
  }
}

.top-sec03-list {
  max-width: 1100px;
  width: 90%;
  margin: 100px auto 70px;
}

.top-sec03-list-box {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  box-sizing: border-box;
}

.top-sec03-list-box li {
  list-style: none;
  width: 47%;
}
@media (max-width: 500px) {
  .top-sec03-list-box li {
    width: 100%;
  }
}

.top-sec03-image01 {
  width: 100%;
}

.top-sec03-image02 {
  width: 100%;
}

.top-sec03-image01 img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}

.top-sec03-image02 img {
  width: 100%;
  height: 230px;
  object-fit: cover;
}

.top-sec03-text {
  padding: 20px;
}

.top-sec03-text h3 {
  text-align: center;
  padding-bottom: 20px;
  color: rgb(55, 129, 138);
  font-size: 3rem;
  font-weight: 400;
}

.top-sec03-text p {
  font-size: 1.6rem;
  line-height: 1.5;
}

/* ----------------------------top-sec04--------------------------- */
/* ----------------------------top-sec04--------------------------- */
/* ----------------------------top-sec04--------------------------- */
/* ----------------------------top-sec04--------------------------- */
/* ----------------------------top-sec04--------------------------- */

.top-sec04 {
  background-color: #fff2ef;
  width: 100%;
  margin: 0 auto;
  padding: 100px 0;
}
@media (max-width: 820px) {
  .top-sec04 {
    background-color: #fff2ef;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;
  }
}
@media (max-width: 500px) {
  .top-sec04 {
    padding: 70px 0 50px;
  }
}

.top-sec04-inner {
  max-width: 1100px;
  width: 80%;
  margin: 0 auto;
  line-height: 1.5;
}

.blog-text-title {
  margin: 20px auto;
  display: flex;
  align-items: baseline;
}

.fa-dt {
  color: #7c9fff;
  font-size: 2.2rem;
  margin-right: 10px;
  font-style: normal;
  /* font-weight: bold; */
}

.blog-text-title p {
  font-size: 1.6rem;
  line-height: 1.2;
}

.faq-blog-text {
  display: none;
  display: flex;
  margin-bottom: 30px;
}

/* .faq dd {
    display: none;
} */

.fa-dd {
  color: #ff617c;
  font-size: 2.2rem;
  margin-right: 10px;
  font-style: normal;
}

.faq-blog-text p {
  font-size: 1.6rem;
  line-height: 1.5;
}

/* ---------------top-sec05------------------ */
/* ---------------top-sec05------------------ */
/* ---------------top-sec05------------------ */
/* ---------------top-sec05------------------ */
/* ---------------top-sec05------------------ */

.top-sec05-inner {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 0;
}

.top-sec05-box {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 90%;
  margin: 100px auto 0;
  height: 500px;
  background-color: #fff;
  padding: 80px 50px;
}

.top-sec05-lawyer-box {
  display: flex;
  flex-direction: column;
  width: 54%;
}

.top-sec05-lawyer-name {
  display: flex;
  align-items: flex-end;
  font-size: 2.5rem;
  font-family: "Not Sans JP", sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  margin-bottom: 20px;
}

.top-sec05-lawyer-name span {
  font-size: 1.4rem;
  margin-left: 20px;
}

.top-sec05-lawyer-text {
  font-size: 1.6rem;
  font-family: "Not Sans JP", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 1px;
}

.top-sec05-image {
  width: 20%;
  height: 300px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1062px) {
  .top-sec05-image {
    height: 340px;
  }
}

.top-sec05-image img {
  width: 100%;

  object-fit: cover;
  transform: scale(1);
  margin-top: 13px;
  margin-right: 50px;
  position: absolute;
  top: -55px;
  left: 0;
}

@media (max-width: 1062px) {
  .top-sec05-image img {
    top: -35px;
  }
}

/* -----------------top-sec06---------------------------- */
/* -----------------top-sec06---------------------------- */
/* -----------------top-sec06---------------------------- */

.top-sec06 {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
}

.top-sec06-contents {
  padding: 50px 0;
}
@media (max-width: 500px) {
  .top-sec06-contents {
    padding: 0 0 50px;
  }
}

.top-sec06-contents-top {
  display: flex;
  margin-bottom: 100px;
  padding-top: 100px;
}

.top-sec06-contents-top-left {
  width: 50%;
  margin: 0 auto;
}

.top-sec06-contents-top-left h3 {
  font-size: 2rem;
  position: relative;
  margin-left: 3%;
}

.top-sec06-contents-top-left h3::before {
  content: "";
  position: absolute;
  background: url("./image/point.png") no-repeat;
  background-size: cover;
  background-position: center;
  width: 10px;
  height: 10px;
  top: 5px;
  left: -3%;
}

.top-sec06-contents-top-left h2 {
  font-size: 3rem;
  font-weight: normal;
  padding: 0 0 30px;
  line-height: 1.3;
  letter-spacing: 2px;
  color: #37818a;
  text-align: center;
}

.top-sec06-contents-top-left p {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 1px;
  text-align: left;
}

.top-sec06-contents-top-left {
  width: 45%;
  margin: 0 auto;
}

.top-sec06-contents-top-left img {
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
}

.top-sec06-contents-top-right {
  width: 45%;
  margin: 0 auto;
}

.top-sec06-contents-top-right img {
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
}

.top-sec06-contents-bottom {
  display: flex;
}

.top-sec06-contents-bottom-left {
  width: 45%;
  margin: 0 auto;
}

.top-sec06-contents-bottom-left img {
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
}

.top-sec06-contents-bottom-right {
  width: 45%;
  margin: 0 auto;
  text-align: left;
}

.top-sec06-contents-bottom-right h2 {
  font-size: 3rem;
  font-weight: normal;
  padding: 0 0 30px;
  letter-spacing: 2px;
  text-align: center;
  color: #37818a;
  line-height: 1.2;
}

.top-sec06-contents-bottom-right p {
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
.top-sec06-contents-bottom-right p span {
  color: #ff37b5;
}
/* -----------------top-sec06-02---------------------------- */
/* -----------------top-sec06-02---------------------------- */
/* -----------------top-sec06-02---------------------------- */

.top-sec06-02 {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
}

.top-sec06-02-contents {
  padding: 50px 0;
}
@media (max-width: 820px) {
  .top-sec06-02-contents {
    padding: 0 0 50px;
  }
}

.top-sec06-02-contents-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
  padding-top: 100px;
}
@media (max-width: 820px) {
  .top-sec06-02-contents-top {
    flex-direction: column;
    align-items: center;
    padding: unset;
    margin: 80px auto;
  }
}

.top-sec06-02-contents-top-left {
  width: 50%;
  /* margin: 0 auto; */
}

.top-sec06-02-contents-top-left h3 {
  font-size: 2rem;
  position: relative;
  margin-left: 3%;
}

.top-sec06-02-contents-top-left h3::before {
  content: "";
  position: absolute;
  background: url("./image/point.png") no-repeat;
  background-size: cover;
  background-position: center;
  width: 10px;
  height: 10px;
  top: 5px;
  left: -3%;
}

.top-sec06-02-contents-top-left h2 {
  font-size: 3rem;
  font-weight: normal;
  padding: 0 0 30px;
  line-height: 1.3;
  letter-spacing: 2px;
  color: #37818a;
  text-align: center;
}

.top-sec06-02-contents-top-left p {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 1px;
  text-align: left;
}

.top-sec06-02-contents-top-left {
  width: 63%;
  /* margin: 0 auto; */
}
@media (max-width: 1200px) {
  .top-sec06-02-contents-top-left {
    width: 58%;
  }
}
@media (max-width: 1000px) {
  .top-sec06-02-contents-top-left {
    width: 50%;
  }
}
@media (max-width: 820px) {
  .top-sec06-02-contents-top-left {
    width: 100%;
    margin-top: 50px;
  }
}

.top-sec06-02-contents-top-left img {
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
}

.top-sec06-02-contents-top-right {
  width: 30%;
}
@media (max-width: 1200px) {
  .top-sec06-02-contents-top-right {
    width: 37%;
  }
}
@media (max-width: 1000px) {
  .top-sec06-02-contents-top-right {
    width: 45%;
  }
}
@media (max-width: 820px) {
  .top-sec06-02-contents-top-right {
    width: 90%;
    padding-top: 50px;
  }
}

.top-sec06-02-contents-top-right img {
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
}

.top-sec06-02-contents-bottom {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 820px) {
  .top-sec06-02-contents-bottom {
    flex-direction: column-reverse;
    align-items: center;
  }
}

.top-sec06-02-contents-bottom-left {
  width: 30%;
  /* margin: 0 auto; */
}
@media (max-width: 1200px) {
  .top-sec06-02-contents-bottom-left {
    width: 37%;
  }
}
@media (max-width: 1000px) {
  .top-sec06-02-contents-bottom-left {
    width: 45%;
  }
}
@media (max-width: 820px) {
  .top-sec06-02-contents-bottom-left {
    width: 90%;
    padding-top: 50px;
  }
}
@media (max-width: 500px) {
  .top-sec06-02-contents-bottom-left {
    width: 100%;
    padding-top: 50px;
  }
}

.top-sec06-02-contents-bottom-left img {
  width: 100%;
  margin: 0 auto;
  object-fit: cover;
}

.top-sec06-02-contents-bottom-right {
  width: 63%;
  /* margin: 0 auto; */
  text-align: left;
}
@media (max-width: 1200px) {
  .top-sec06-02-contents-bottom-right {
    width: 58%;
  }
}
@media (max-width: 1000px) {
  .top-sec06-02-contents-bottom-right {
    width: 50%;
  }
}
@media (max-width: 820px) {
  .top-sec06-02-contents-bottom-right {
    width: 100%;
    margin-top: 20px;
  }
}

.top-sec06-02-contents-bottom-right h2 {
  font-size: 3rem;
  font-weight: normal;
  padding: 0 0 30px;
  letter-spacing: 2px;
  text-align: center;
  color: #37818a;
}

.top-sec06-02-contents-bottom-right p {
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 1px;
}

/* ---------------------------footer--------------------------- */
/* ---------------------------footer--------------------------- */
/* ---------------------------footer--------------------------- */
/* ---------------------------footer--------------------------- */
/* ---------------------------footer--------------------------- */

.footer-bottom {
  background-color: rgb(255, 153, 153);
}

.footer-bottom-inner {
  text-align: center;
  padding: 30px 0;
}

.footer-bottom-text {
  color: #303030;
  font-size: 1.6rem;
  line-height: 1.5;
}

/* -----------------price------------------- */
/* -----------------price------------------- */
/* -----------------price------------------- */
/* -----------------price------------------- */
/* -----------------price------------------- */
/* -----------------price------------------- */
/* -----------------price------------------- */
/* -----------------price------------------- */

.title-obi {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url("./image/title-obi.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 300px;
}
@media (max-width: 820px) {
  .title-obi {
    height: 250px;
  }
}

.price-title {
  background: rgba(0, 0, 0, 0.1);
  padding: 20px 50px;
}

.price-title h2 {
  font-size: 3rem;
  font-family: "Not Sans JP", sans-serif;
  font-weight: normal;
  /* color: #333333; */
  color: #37818a;
  letter-spacing: 2px;
}

/* ------------------------------ content-sec06 ------------------------------------ */

.content-sec06 {
  /* position: relative; */
  /* top: -300px; */
  z-index: 1;
  max-width: 1100px;
  width: 80%;
  margin: 100px auto 50px;
}

.content-sec06 h3 {
  font-size: 3.5rem;
  font-family: "Not Sans JP", sans-serif;
  font-weight: normal;
  margin-bottom: 60px;
  text-align: center;
  position: relative;
  color: #37818a;
}

.table-ps {
  font-size: 1.5rem;
  margin-bottom: 50px;
  text-align: center;
}

.content-sec06-table {
  width: 100%;
  table-layout: fixed;
  box-sizing: border-box;
}

/* .content-sec06-table .content-sec06-table-title {
  background-color: #4faadf !important;
} */

.content-sec06-table-title th {
  font-size: 2rem;
  font-weight: bold;
  color: #000;
}

/* .content-sec06-table tr:nth-of-type(odd) {
  background-color: #f0f0f0;
} */

.content-sec06-table th,
.content-sec06-table td {
  border: 3px solid #37818a;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

.content-sec06-table .t-head01 {
  font-size: 2.3rem;
}

.content-sec06-table .t-head02 {
  font-size: 2.3rem;
}

table {
  border-collapse: collapse;
}

.content-sec06-table th {
  font-weight: normal;
  vertical-align: middle;
  line-height: 1.5;
  padding: 20px;
  text-align: center;
}
.content-sec06-table-text th {
  text-align: left !important;
}

.content-sec06-table th:last-child {
  vertical-align: middle;
  font-weight: normal;
  padding: 20px;
  /* vertical-align: top; */
}

@media (max-width: 500px) {
  .content-sec06-table th:last-child {
    vertical-align: middle;
    font-weight: normal;
    padding: 0 0 0 10px;
    text-align: left;
  }
}

.content-sec06-table td {
  font-weight: normal;
  line-height: 1.5;
  padding: 20px;
  text-align: center;
}

.content-sec06-table .blank-top {
  position: relative;  
 }
.content-sec06-table .blank {
  position: relative;  
 }
.content-sec06-table .blank-l {
  position: relative;
 }
.content-sec06-table .blank-top::after {
  position: absolute;
  content: "";
  top: 0;
  left: 97.6%;  
  height: 100%;  
  border-left: 3px solid #37818a; 
}
.content-sec06-table .blank-l::after {
  position: absolute;
  content: "";
  top: 0;
  left: 92%;  
  height: 100%;  
  border-left: 3px solid #37818a; 
}
@media (max-width:500px) {
  .content-sec06-table .blank-l::after {   
    left: 92%;     
  }
}
.content-sec06-table .blank::after {
  position: absolute;
  content: "";
  top: 0;
  left: 93%;  
  height: 100%;  
  border-right: 3px solid #37818a; 
}

.price-table-text {
  margin-top: 50px;
}
@media (max-width: 500px) {
  .price-table-text {
    width: 90%;
    margin: 50px auto 0;
  }
}
.price-table-text p {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 1px;
}
@media (max-width: 388px) {
  .price-table-text p {
    font-size: 1.4rem;
    line-height: 1.5;
    letter-spacing: unset;
  }
}
.price-table-text-last {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 1px;
  padding-top: 30px;
}

/* max-width:820px */
@media (max-width: 820px) {
  .content-sec06 {
    top: -150px;
    width: 80%;
  }
}

/* max-width:500px */

@media (max-width: 500px) {
  .content-sec06 {
    margin: 70px auto 50px;
    width: 100%;
  }

  .content-sec06 h3 {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    margin-left: 0;
  }

  .content-sec06-table {
    width: 90%;
    margin: 0 auto;
  }

  .content-sec06-table tr {
    font-size: 1.2rem;
    text-align: left;
    line-height: 1.2;
  }

  .content-sec06-table th {
    font-size: 1.2rem;
    padding: 0 0 0 10px;
    text-align: left;
  }

  @media (max-width: 375px) {
    .content-sec06-table th:last-child {
      padding: 0;
    }
  }

  .content-sec06-table td {
    font-size: 1.2rem;
  }

  .table-ps {
    font-size: 1.4rem;
    text-align: center;
    width: 100%;
    margin: 0 auto 20px;
  }
}

/* ----------------------------flow-------------------------- */
/* ----------------------------flow-------------------------- */
/* ----------------------------flow-------------------------- */
/* ----------------------------flow-------------------------- */
/* ----------------------------flow-------------------------- */
/* ----------------------------flow-------------------------- */
/* ----------------------------flow-------------------------- */
/* ----------------------------flow-------------------------- */

.flow-sec01 {
  max-width: 1100px;
  width: 90%;
  margin: 100px auto 300px;
}

.flow-sec01-inner {
  margin-top: 100px;
}

.price-sec01-list {
  display: flex;
  align-items: center;
  border: 1px solid #707070;
}

.step-number {
  background-color: #434c70;
  padding: 10px 0;
  color: #fff;
  text-align: center;
  width: 8%;
}

@media (max-width: 1000px) {
  .step-number {
    width: 11%;
  }
}

@media (max-width: 820px) {
  .step-number {
    width: 12%;
    padding: 14px 0;
  }
}

@media (max-width: 650px) {
  .step-number {
    width: 16%;
  }
}

@media (max-width: 500px) {
  .step-number {
    width: 21%;
    padding: 24px 0;
  }
}

.step-number p {
  font-size: 1.6rem;
  padding-bottom: 5px;
}

.step-number h4 {
  font-size: 3rem;
  font-weight: normal;
}

.price-sec01-list-text {
  display: flex;
  align-items: center;
  padding: 10px 0 10px 50px;
}

@media (max-width: 1000px) {
  .price-sec01-list-text {
    padding: 10px 0 10px 20px;
    margin-right: 20px;
  }
}

.price-sec01-list-text h3 {
  font-size: 2.5rem;
  font-family: "Not Sans JP", sans-serif;
  font-weight: normal;
  margin-right: 50px;
}

@media (max-width: 853px) {
  .price-sec01-list-text h3 {
    margin-right: 20px;
  }
}

.price-sec01-list-text p {
  font-size: 1.6rem;
}

@media (max-width: 820px) {
  .price-sec01-list-text p {
    width: 90%;
    line-height: 1.2;
    padding-bottom: 5px;
  }
}

.arrow {
  width: 3%;
  margin-left: 2%;
  padding: 50px 0;
}

.arrow img {
  width: 100%;
}

.arrow-01 {
  position: relative;
  margin: 15px auto;
  padding-left: 1%;
}

.arrow-02 {
  width: 80px;
  height: 80px;
  margin-left: -1%;
  padding: 10px 0;
}

.arrow-02-top {
  width: 100%;
}

.arrow-03 {
  width: 80px;
  height: 80px;
  /* margin-left: 2%; */
  /* padding: 0 0 50px; */
  position: absolute;
  top: 0;
  left: 0;
}

.arrow-03-bottom {
  width: 100%;
}

/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */

.company-sec01 {
  max-width: 1100px;
  width: 100%;
  margin: 100px auto;
}

.about-text {
  width: 97%;
  font-size: 1.6rem;
  margin-bottom: 65px;
  text-align: left;
  line-height: 22px;
  letter-spacing: 1px;
  font-family: "Noto Sans JP" sans-serif;
}

.about-company {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 820px) {
  .about-company {
    display: flex;
    flex-direction: column;
  }

  .pc-sp-only {
    display: none;
  }
}

.about-company-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 80px auto;
}

.about-table {
  width: 100%;
  margin-bottom: 100px;
}

.about-table {
  font-size: 1.6rem;
  line-height: 1.5;
}

@media (max-width: 820px) {
  .about-table {
    margin: unset;
  }
}

@media (max-width: 500px) {
  .about-table {
    width: 80%;
    margin: 0 auto 70px;
  }
}

.about-table-box {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  /* border: 1px solid #f7f7f7; */
}

.about-map {
  width: 65%;
  /* height: 500px; */
  margin: 100px auto 0;
}

@media (max-width: 820px) {
  .about-map {
    width: 80%;
    margin: 0 auto;
  }
}

.footer-right iframe {
  width: 100%;
  height: 100%;
}

iframe {
  width: 100%;
  height: 350px;
}

.about-dl {
  display: flex;
  /* border-bottom: 1px solid #D5D5D5; */
  /* align-items: center; */
  width: 100%;
  margin: 0 auto;
  font-size: 1.6rem;
  font-family: "Noto Sans JP" sans-serif;
}

.about-dt {
  width: 15%;
  margin: 0 auto;
  text-align: left;
  font-weight: normal;
  padding-top: 12px;
}
@media (max-width: 820px) {
  .about-dt {
    width: 25%;
  }
}

.about-dd {
  width: 75%;
  padding: 5px;
  font-weight: 500;
  text-align: left;
  line-height: 2;
  /* border-left: 1px solid #D5D5D5; */
}
.about-dd img {
  width: 7%;
}
@media (max-width: 500px) {
  .about-dd img {
    width: 10%;
  }
}

.about-dd a {
  text-decoration: none;
  color: #000;
}

tfoot tr {
  border: none !important;
}

tfoot th {
  border-right: none !important;
}

tfoot td {
  /* border-left: 1px solid #D5D5D5; */
  border-right: none;
}

.work {
  width: 100%;
  height: 250px;
  margin-bottom: 118px;
  object-fit: cover;
}

@media (max-width: 1040px) {
  .about-sp-only {
    display: block;
  }

  .about-pc-only {
    display: none;
  }
}

/* ---------------------------------company-sec03------------------------------- */
/* ---------------------------------about-link------------------------------- */

.company-sec03 {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
}

.about-link {
  margin-bottom: 200px;
}

.about-link-title {
  font-size: 3rem;
  letter-spacing: 2px;
  padding-bottom: 60px;
  margin-bottom: 0;
  text-align: center;
  position: relative;
}

.about-link-title:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 40px;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 50px;
  /*下線の幅*/
  height: 3px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #172f6c;
  /*下線の色*/
}

.about-link-list {
  width: 100%;
  margin: 100px auto 0;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
}

@media (max-width: 1987px) {
  .about-link-list {
    width: 100%;
  }
}

@media (max-width: 1490px) {
  .about-link-list {
    width: 100%;
  }
}

@media (max-width: 1104px) {
  .about-link-list {
    width: 100%;
  }
}

.about-link-list ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
}

.about-link-list li {
  width: 40%;
  text-align: center;
  background-color: #172f6c;
  padding: 12px 20px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.about-link-list li:hover {
  cursor: pointer;
  opacity: 0.8;
}

.about-link-list li + li {
  margin-left: 10px;
}

.about-link-list li a {
  color: #fff;
  text-decoration: none;
}

.about-link-middle {
  position: relative;
  left: 3px;
}

.about-link-last {
  position: relative;
  left: 19px;
}

/* -----------------------company-ceo--------------------------- */
.company-ceo {
  background-color: #f8f8f8;
  padding: 100px 0 200px;
  margin-bottom: 100px;
}
@media (max-width: 500px) {
  .company-ceo {
    padding: 80px 0 100px;
    margin-bottom: 70px;
  }
}

.company-ceo-inner {
  max-width: 1100px;
  width: 90%;
  margin: 0 auto;
}

.company-ceo-inner-box {
  background-color: #fff;
  padding: 80px;
  margin-top: 100px;
}

.company-ceo-image {
  width: 23%;
  margin: 0 auto 100px;
}
.company-teacher-image {
  width: 23%;
  margin: 100px auto;
}
@media (max-width: 935px) {
  .company-ceo-image {
    width: 30%;
    margin: 0 auto 70px;
  }
  .company-teacher-image {
    width: 30%;
    margin: 100px auto 70px;
  }
}
@media (max-width: 500px) {
  .company-ceo-image {
    width: 50%;
    margin: 0 auto 70px;
  }
  .company-teacher-image {
    width: 50%;
    margin: 100px auto 70px;
  }
}
.company-ceo-image img {
  width: 100%;
  margin: 0 auto;
}
.company-teacher-image img {
  width: 100%;
  margin: 0 auto;
  height: 330px;
  object-fit: cover;
}
@media (max-width: 1000px) {
  .company-teacher-image img {  
    height: 270px;    
  }
}
@media (max-width: 935px) {
  .company-teacher-image img {  
    height: 320px;    
  }
}
@media (max-width: 820px) {
  .company-teacher-image img {  
    height: 310px;    
  }
}
@media (max-width: 694px) {
  .company-teacher-image img {  
    height: 260px;    
  }
}
@media (max-width: 570px) {
  .company-teacher-image img {  
    height: 210px;    
  }
}
@media (max-width: 500px) {
  .company-teacher-image img {  
    height: 300px;    
  }
}
@media (max-width: 375px) {
  .company-teacher-image img {  
    height: 250px;    
  }
}

.company-ceo-name h3 {
  font-size: 2.5rem;
  font-weight: normal;
  margin-bottom: 50px;
}

.company-ceo-name span {
  font-size: 1.6rem;
  font-weight: normal;
  padding-left: 50px;
}

.company-ceo-name p {
  font-size: 1.6rem;
  line-height: 1.5;
}
/* ---------------------class-------------------- */
/* ---------------------class-------------------- */
/* ---------------------class-------------------- */
/* ---------------------class-------------------- */
/* ---------------------class-------------------- */

.class-company-sec01 {
  max-width: 1100px;
  width: 100%;
  margin: 150px auto;
}
@media (max-width: 500px) {
  .class-company-sec01 {
    margin: 80px auto 100px;
  }
}

.class-about-text {
  width: 97%;
  font-size: 1.6rem;
  margin-bottom: 65px;
  text-align: left;
  line-height: 22px;
  letter-spacing: 1px;
  font-family: "Noto Sans JP" sans-serif;
}

.class-about-company {
  width: 100%;
  margin: 0 auto;
}

.class-about-company-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 100px auto;
}

.class-about-table {
  width: 100%;
  margin-bottom: 100px;
}

.class-about-table-box {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  /* border: 1px solid #f7f7f7; */
}

.class-about-map {
  width: 80%;
  /* height: 500px; */
  margin: 0 auto;
}

iframe {
  width: 100%;
  height: 350px;
}

.class-about-dl {
  display: flex;
  border-bottom: 1px solid #d5d5d5;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  font-size: 1.6rem;
  font-family: "Noto Sans JP" sans-serif;
}

/* .about-dl:nth-child(odd) {
  background-color: #F0F0F0;
} */

.class-about-dt {
  width: 25%;
  margin: 0 auto;
  text-align: left;
  font-weight: bold;
  padding: 10px 20px 10px 10px;
  line-height: 1.2;
  color: #37818a;
}

.class-about-dd {
  width: 75%;
  padding: 10px;
  font-weight: 500;
  text-align: left;
  line-height: 2;
  /* border-left: 1px solid #D5D5D5; */
}

.class-about-dd a {
  text-decoration: none;
  color: #000;
}

tfoot tr {
  border: none !important;
}

tfoot th {
  border-right: none !important;
}

tfoot td {
  /* border-left: 1px solid #D5D5D5; */
  border-right: none;
}
tfoot td img {
  width: 5%;
}
@media (max-width: 820px) {
  tfoot td img {
    width: 5%;
  }
}
@media (max-width: 820px) {
  tfoot td img {
    width: 5%;
  }
}
@media (max-width: 820px) {
  tfoot td img {
    width: 11%;
  }
}
tfoot td img:hover {
  opacity: 0.7;
}

.work {
  width: 100%;
  height: 250px;
  margin-bottom: 118px;
  object-fit: cover;
}

@media (max-width: 1040px) {
  .about-sp-only {
    display: block;
  }

  .about-pc-only {
    display: none;
  }
}

/* ----------------------------------@media(max-width:820px)------------------------------------------ */

@media (max-width: 820px) {
  html {
    font-size: 53%;
  }

  .class-about-company {
    margin-bottom: 150px;
  }

  .class-about-company-box {
    flex-direction: column;
    width: 90%;

    margin: 0 auto;
  }

  .class-about-company-title {
    margin-left: 0;
  }

  .class-about-company-title p {
    margin-bottom: 0;
  }

  .class-about-table {
    margin: 80px auto 50px;
    /* width: 95% !important; */
  }

  .class-about-map {
    width: 95%;
    height: auto;
  }

  iframe {
    width: 100% !important;
  }

  .class-about-dl {
    width: 100% !important;
  }

  .class-about-dl dt {
    width: 50%;
    line-height: 2rem;
    padding: 0;
    margin: 0;
  }

  .class-about-dl dd {
    line-height: 2rem;
  }
}

/* -----------------------------sec05@media(max-width:500px)-------------------------------- */

@media (max-width: 500px) {
  .class-about-inner {
    margin-top: 60px;
  }

  .class-about-title h1 {
    padding: 0;
  }

  .class-about-dl dd {
    padding-right: 2%;
  }

  .class-about-company {
    margin-bottom: 100px;
  }

  .class-about-company-title {
    font-size: 2.5rem;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 50px;
  }

  .class-about-dl {
    font-size: 1.2rem;
  }

  iframe {
    height: 260px !important;
  }
}

/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */
/* ---------------------company-------------------- */

.company-sec01 {
  max-width: 1100px;
  width: 100%;
  margin: 100px auto;
}

.about-text {
  width: 97%;
  font-size: 1.6rem;
  margin-bottom: 65px;
  text-align: left;
  line-height: 22px;
  letter-spacing: 1px;
  font-family: "Noto Sans JP" sans-serif;
}

.about-company {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 820px) {
  .about-company {
    display: flex;
    flex-direction: column;
  }

  .pc-sp-only {
    display: none;
  }
}

.about-company-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 80px auto;
}

.about-table {
  width: 100%;
  margin-bottom: 100px;
}

.about-table {
  font-size: 1.6rem;
  line-height: 1.5;
}

@media (max-width: 820px) {
  .about-table {
    margin: unset;
  }
}

@media (max-width: 500px) {
  .about-table {
    width: 80%;
    margin: 0 auto 70px;
  }
}

.about-table-box {
  width: 90%;
  margin: 0 auto;
  border-collapse: collapse;
  /* border: 1px solid #f7f7f7; */
}

.about-map {
  width: 65%;
  /* height: 500px; */
  margin: 100px auto 0;
}

@media (max-width: 820px) {
  .about-map {
    width: 80%;
    margin: 0 auto;
  }
}

.footer-right iframe {
  width: 100%;
  height: 100%;
}

iframe {
  width: 100%;
  height: 350px;
}

.about-dl {
  display: flex;
  /* border-bottom: 1px solid #D5D5D5; */
  /* align-items: center; */
  width: 100%;
  margin: 0 auto;
  font-size: 1.6rem;
  font-family: "Noto Sans JP" sans-serif;
}

.about-dt {
  width: 15%;
  margin: 0 auto;
  text-align: left;
  font-weight: normal;
  padding-top: 12px;
}
@media (max-width: 820px) {
  .about-dt {
    width: 25%;
  }
}

.about-dd {
  width: 75%;
  padding: 5px;
  font-weight: 500;
  text-align: left;
  line-height: 2;
  /* border-left: 1px solid #D5D5D5; */
}
.about-dd img {
  width: 7%;
}
@media (max-width: 500px) {
  .about-dd img {
    width: 10%;
  }
}

.about-dd a {
  text-decoration: none;
  color: #000;
}

tfoot tr {
  border: none !important;
}

tfoot th {
  border-right: none !important;
}

tfoot td {
  /* border-left: 1px solid #D5D5D5; */
  border-right: none;
}

.work {
  width: 100%;
  height: 250px;
  margin-bottom: 118px;
  object-fit: cover;
}

@media (max-width: 1040px) {
  .about-sp-only {
    display: block;
  }

  .about-pc-only {
    display: none;
  }
}

/* ----------------------------------@media(max-width:820px)------------------------------------------ */

@media (max-width: 820px) {
  html {
    font-size: 53%;
  }

  .top-sec05 {
    margin-bottom: 150px;
    margin-top: 0;
  }

  .about-company {
    margin-bottom: 150px;
  }

  .about-company-box {
    flex-direction: column;
    width: 90%;

    margin: 0 auto;
  }

  .about-company-title {
    margin-left: 0;
  }

  .about-company-title p {
    margin-bottom: 0;
  }

  .about-table {
    margin: 0px auto 100px;
    width: 95% !important;
  }

  .about-map {
    width: 95%;
    height: auto;
  }

  iframe {
    width: 100% !important;
  }

  .about-greeting {
    font-size: 9rem;
  }

  .about-greeting-ceo {
    width: 100%;
    left: 5% !important;
    flex-direction: column;
    height: 460px;
  }

  .about-greeting-bg {
    width: 85%;
  }

  .about-greeting-ceo-box {
    width: 100%;
    padding-top: 60px;
    padding-left: 40px;
  }

  .about-greeting-text {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.4;
    font-family: "Noto Sans JP", sans-serif;
  }

  .ceo-image {
    width: 50%;
    height: 580px;
    margin: 130px auto 0;
  }

  .about-inner {
    height: 1580px;
    position: relative;
    padding-top: 100px;
    z-index: 1;
  }

  .about-dl {
    width: 100% !important;
  }

  .about-dl dt {
    width: 50%;
    line-height: 2rem;
    padding: 0;
    margin: 0;
  }

  .about-dl dd {
    line-height: 2rem;
  }

  .about-link-list {
    width: 75%;
  }

  .about-link-list li {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    margin-left: 0;
    margin-bottom: 20px;
    border-radius: 15px;
  }

  .about-link-list li + li {
    margin-left: 0;
  }

  .about-link-list ul {
    flex-direction: column;
  }

  .about-link-last {
    position: unset;
  }

  .company-ceo-inner-box {
    padding: 80px 30px;
  }

  .price-title h2 {
    font-size: 3rem;
  }
}

/* -----------------------------sec05@media(max-width:500px)-------------------------------- */

@media (max-width: 500px) {
  .price-title h2 {
    font-size: 2.5rem;
  }
  .company-ceo-inner-box {
    margin-top: 50px;
  }

  .about-inner {
    margin-top: 60px;
  }

  .about-greeting {
    font-size: 5rem;
    padding: 30px 0 0 15px;
  }

  .about-greeting-ja {
    margin-left: 15px;
  }

  .sec04-button a {
    font-size: 1.6rem;
  }

  .about-title h1 {
    padding: 0;
  }

  .about-span {
    font-size: 1.4rem;
    padding-left: 29%;
  }

  .about-dl dd {
    padding-right: 2%;
  }

  .about-greeting-bg {
    width: 100%;
    height: 490px;
  }

  .about-greeting-ceo {
    left: 0 !important;
    top: 110px;
    /* height: 420px; */
  }

  .about-greeting-ceo-box {
    padding-left: 0;
    padding-top: 40px;
  }

  .about-greeting-text {
    width: 90%;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 2;
  }

  .ceo-name {
    font-size: 2.5rem;
    width: 90%;
    margin: 0 auto 20px;
  }

  .ceo-image {
    margin-top: 60px;
    height: 400px;
  }

  .ceo-name span {
    font-size: 1.2rem;
  }

  .about-inner {
    height: 1050px;
    padding-top: 0;
  }

  .about-company {
    margin-bottom: 100px;
  }

  .about-company-title {
    font-size: 2.5rem;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 50px;
  }

  .about-dl {
    font-size: 1.2rem;
  }

  iframe {
    height: 260px !important;
  }

  .about-link-list li {
    font-size: 1.4rem;
  }

  .about-link-title {
    font-size: 2.5rem;
  }
}

@media (max-width: 370px) {
  /* .about-inner {
        height: 1910px;
    } */

  /* .about-map {
        margin-top: 70px;
    } */

  .about-table {
    margin: 0 auto 50px;
  }

  .about-dt {
    width: 33%;
  }

  .about-greeting {
    font-size: 3rem;
  }

  .about-greeting-ja {
    font-size: 1.2rem;
  }

  .ceo-name {
    font-size: 1.4rem;
  }

  .ceo-image {
    width: 69%;
    margin: 60px auto 0;
  }
}

/* ----------------------archive----------------------- */
/* ----------------------archive----------------------- */
/* ----------------------archive----------------------- */
/* ----------------------archive----------------------- */
/* ----------------------archive----------------------- */
/* ----------------------archive----------------------- */
/* ----------------------archive----------------------- */
/* ----------------------archive----------------------- */

/* --------------------------------------------------------------------------- */

.blog-main {
  display: flex;
  justify-content: space-evenly;
  max-width: 1100px;
  width: 100%;
  margin: 180px auto 0;
}

.blog-main-left {
  display: flex;
  flex-direction: column;
  width: 60%;
}

.blog-main-left-box {
  width: 100%;
  margin: 0 auto 100px;
  display: flex;
  /* flex-wrap: wrap; */
  gap: 40px; /*← marginの代わりに隙間を管理 */
}

.blog-main-left-box img {
  flex: 0 0 270px; /*← 縮ませない・ちょうど270px確保 */
  width: 270px;
  height: 200px;
  /* margin: 0 40px 0 0; */
  object-fit: cover;
  /* display: block; */
}

.blog-link {
  text-decoration: none;
}

.blog-text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 2.4rem;
  color: black;
  line-height: 1.2;
}

.blog-text p {
  font-size: 1.6rem;
  color: black;
  line-height: 1.5;
}

.blog-date {
  font-size: 1.3rem;
  margin: 12px 0 22px;
}

/* --------------------------右側----------------------------- */

.blog-main-right {
  width: 25%;
  text-align: left;
}

.blog-link-right {
  text-decoration: none;
}

.blog-sec06 {
  width: 100%;
  margin: 0 auto;
}

.blog-sec06-title {
  font-size: 2.1rem;
  color: black;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #478aff;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.blog-text-right-title {
  border-bottom: 1px dotted #d5d5d5;
  line-height: 2;
  letter-spacing: 1px;
  padding-top: 20px;
  padding-bottom: 15px;
}

.blog-text-right-date {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 2;
  letter-spacing: 1px;
  padding-top: 15px;
  color: #000;
  border-bottom: 1px dotted #d5d5d5;
}

.blog-text-right h3 {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  color: black;
  line-height: 1.5;
}

.widget li {
  list-style: none;
}

.widget a {
  text-decoration: none;
  color: #000;
  text-decoration: none;
}

.block-link-right a {
  text-decoration: none;
}

.wp-calendar-nav {
  margin-top: 20px;
  text-align: left;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
}

.wp-block-calendar a {
  text-decoration: none !important;
}

.wp-calendar-table {
  font-size: 1.5rem;
  color: #40464d;
  font-family: "Noto Sans JP", sans-serif;
}

caption {
  margin-bottom: 20px;
}

/* -----------------アーカイブ---------------------- */

.wp-block-archives {
  font-size: 1.6rem;
  font-family: "Noto Serif", serif;
  line-height: 2;
  letter-spacing: 1px;
  padding-top: 15px;
  color: #000;
  border-bottom: 1px dotted #d5d5d5;
}

.widget h2 {
  font-size: 2.1rem;
  font-weight: normal;
  color: black;
  text-align: center;
  border-bottom: 1px solid #478aff;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 10px;
}

.widget h2 a {
  border-bottom: none;
}

/* -----------------カテゴリー---------------------- */

.wp-block-categories {
  font-size: 1.6rem;
  font-family: "Noto Serif", serif;
  line-height: 2;
  letter-spacing: 1px;
  padding-top: 15px;
  color: #000;
  border-bottom: 1px dotted #d5d5d5;
}

/* -----------------ページャ---------------------- */

/* .wp-pagenavi {
  position: relative;
  top: -250px;
  font-size: 2rem;
} */

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  padding: 6px 10px;
}

/* -------------------------@(max-width: 820px)------------------------------ */
/* -------------------------@(max-width: 820px)------------------------------ */
/* -------------------------@(max-width: 820px)------------------------------ */

@media (max-width: 820px) {
  .pc-only {
    display: none !important;
  }

  .sp-only {
    display: block !important;
  }

  .blog-main {
    flex-direction: column;
    align-items: center;
    margin: 100px auto;
  }

  .blog-page {
    margin-bottom: 150px;
  }

  .blog-main-left {
    width: 90%;
  }

  .blog-text h3 {
    font-size: 1.9rem;
  }

  .blog-date {
    font-size: 1rem !important;
    margin: 5px 0 15px;
  }

  .blog-text p {
    font-size: 1.3rem;
  }

  .blog-main-left-box {
    margin: 0 auto 50px;
  }

  .pagenavi-sp {
    width: 100%;
    margin: 0 auto;
  }

  .wp-pagenavi {
    display: flex;
    justify-content: center;
    margin-left: 0;
    top: 20px;
  }

  /* -----------------------------max-width: 820px 右側--------------------------------------- */
  .blog-main-right {
    width: 90%;
    margin-top: 100px;
  }

  .blog-sec06-title {
    font-size: 2rem;
  }

  .blog-text-right {
    width: 100%;
    margin: 0 auto 30px;
  }

  .blog-text-right h3 {
    font-size: 1.6rem;
    line-height: 2;
  }

  .blog-text-right-title {
    padding: 15px 0 5px;
  }

  .blog-text-right-date {
    font-size: 1.6rem;
    width: 90%;
    margin: 0 auto;
  }

  .date-title {
    font-size: 2rem;
  }

  .category-title {
    font-size: 2rem;
  }

  .calender-title {
    font-size: 2rem;
  }

  .caption {
    font-size: 1.6rem;
  }

  .blog-sec06 {
    width: 90%;
  }

  .widget h2 {
    margin-bottom: 20px;
    margin-top: 30px;
  }
  /* -------------------------------- */
  /* -------------------------------- */
  /* -------------------------------- */

  .top-sec06-contents-bottom-right h2 {
    font-size: 2.5rem;
  }
  .top-sec06-contents-top-left h2 {
    font-size: 2.5rem;
    margin-top: 50px;
  }
  .top-sec06-contents-bottom {
    display: flex;
    flex-direction: column-reverse;
  }
  .top-sec06-contents-top {
    display: flex;
    flex-direction: column;
    padding-top: 50px;
  }
  .top-sec06-contents-bottom-right {
    width: 80%;
    margin: 0 auto 50px;
  }
  .top-sec06-contents-bottom-left {
    width: 70%;
    margin: 0 auto 50px;
  }
  .top-sec06-contents-top-left {
    width: 80%;
    margin: 0 auto 50px;
  }
  .top-sec06-contents-top-right {
    width: 70%;
    margin: 0 auto;
  }
}
/* ------------------------------@media(max-width: 500px)---------------------------------------- */

@media (max-width: 500px) {
  .blog-main {
    width: 90%;
    margin: 80px auto 0;
  }

  .blog-main-left-box {
    flex-direction: column;
    align-items: center;
  }

  .blog-main-left-box img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .blog-main-right {
    margin-top: 0;
  }

  .wp-pagenavi {
    top: 10px;
  }

  /* ---------------------------------- */
  /* ---------------------------------- */
  /* ---------------------------------- */

  .top-sec06-contents-top {
    display: flex;
    margin-bottom: 100px;
    flex-direction: column;
  }

  .top-sec06-contents-top-left {
    width: 80%;
    margin: 0 auto 30px;
  }

  .top-sec06-contents-top-right {
    width: 80%;
    margin: 0 auto;
  }

  .top-sec06-contents-top-right img {
    height: 170px;
  }

  .top-sec06-contents-bottom {
    flex-direction: column-reverse;
    align-items: center;
  }

  .top-sec06-contents-bottom-left {
    width: 80%;
    margin: 0 auto;
  }

  .top-sec06-contents-bottom-left img {
    height: 170px;
  }

  .top-sec06-contents-bottom-right {
    width: 80%;
    margin: 0 auto 30px;
  }
  .top-sec06-contents-bottom-right h2 {
    font-size: 2rem;
    line-height: 1.2;
  }
  .top-sec06-contents-top-left h2 {
    font-size: 2rem;
    line-height: 1.2;
  }
  /* ---------------------------------- */
  /* ---------------------------------- */
  /* ---------------------------------- */

  .top-sec06-02-contents-top {
    display: flex;
    margin-bottom: 100px;
    flex-direction: column;
  }

  .top-sec06-02-contents-top-left {
    width: 100%;
    margin: 0 auto 30px;
  }

  .top-sec06-02-contents-top-right {
    width: 80%;
    margin: 0 auto;
    padding-top: 20px;
  }

  .top-sec06-02-contents-top-right img {
    height: 170px;
  }

  .top-sec06-02-contents-bottom {
    flex-direction: column-reverse;
    align-items: center;
  }

  .top-sec06-02-contents-bottom-left {
    width: 80%;
    margin: 0 auto;
    padding-top: 20px;
  }

  .top-sec06-02-contents-bottom-left img {
    height: 170px;
  }

  .top-sec06-02-contents-bottom-right {
    width: 100%;
    margin: 0 auto 30px;
  }
}

/* ------------------------------@media (max-width: 375px)------------------------------- */

@media (max-width: 375px) {
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  .top-sec06-contents-top {
    text-align: center;
    margin-bottom: 60px;
  }

  .top-sec06-contents-top-left h3::before {
    top: 4px;
    left: 18%;
  }

  .top-sec06-contents-bottom {
    text-align: center;
  }

  .top-sec06-contents-bottom-right h3::before {
    top: 4px;
    left: 18%;
  }

  /* ------------------------------------------ */
  /* ------------------------------------------ */
  .top-sec06-02-contents-top {
    text-align: center;
    margin-bottom: 60px;
  }
  .top-sec06-02-contents-top-left {
    width: 100%;
    margin: 0 auto 30px;
    padding-top: 0;
  }

  .top-sec06-02-contents-top-right {
    width: 100%;
    margin: 0 auto;
  }

  .top-sec06-02-contents-top-left h3::before {
    top: 4px;
    left: 18%;
  }

  .top-sec06-02contents-bottom {
    text-align: center;
  }

  .top-sec06-02-contents-bottom-right h3::before {
    top: 4px;
    left: 18%;
  }
}

/* ----------------------------- @media (max-width: 320px)--------------------------------*/

@media (max-width: 320px) {
  .blog-main-left-box img {
    height: 150px;
  }

  article {
    margin-bottom: 0;
  }
}

/* --------------------------------------contact------------------------------------ */
/* --------------------------------------contact------------------------------------ */
/* --------------------------------------contact------------------------------------ */
/* --------------------------------------contact------------------------------------ */
/* --------------------------------------contact------------------------------------ */
/* --------------------------------------contact------------------------------------ */
/* --------------------------------------contact------------------------------------ */
/* --------------------------------------contact------------------------------------ */

html {
  font-size: 62.5%;
}

.contactsp-only {
  display: none;
}

form {
  text-align: center;
  /* width: 100%; */
}

.contact-inner {
  max-width: 1100px;
  width: 80%;
  margin: 150px auto 0;
  padding: 0 20px;
}

.contact-title {
  width: 100%;
  /* height: 250px; */
  color: #fff;
  /* margin-bottom: 85px; */
  background: url("./img/title02.png");
  background-size: cover;
}

.contact-title h1 {
  letter-spacing: 5px;
  text-align: left;
  /* line-height: 120%; */
  /* padding: 6% 0 0 11%; */
  font-size: 4rem;
  font-weight: normal;
  font-family: "Noto Sans JP", sans-serif;
}

.contact {
  letter-spacing: 1px;
  width: 5%;
  font-size: 1.6rem;
  font-weight: normal;
  font-family: "Noto Sans JP", sans-serif;
  display: flex;
  align-items: center;
  /* 垂直中心 */
  justify-content: space-between;
  position: absolute;
  /* left: 11%; */
}

.contact::before {
  border-top: 1px solid;
  content: "";
  margin-right: 12%;
  padding: 0% 35% 0% 10%;
  width: 38%;
  /* 線の長さ */
}

label {
  display: flex;
  text-align: none;
  font-size: 2.4rem;
  font-weight: normal;
  /* display: block; */
  margin-bottom: 30px;
}

.required {
  display: flex;
  padding-left: 0.5%;
  text-align: none;
  font-size: 2rem;
  font-weight: 500;
  /* display: block; */
  margin-bottom: 15px;
}

.required::after {
  content: "必須";
  padding: 7px 10px;
  background-color: #5d84d2;
  font-size: 1.2rem;
  color: #fff;
  margin-top: -5px;
  margin-left: 20px;
  font-family: "Sawarabi Gothic", sans-serif;
}

input::placeholder,
textarea::placeholder {
  font-size: 1.6rem;
  font-weight: normal;
  color: #cccc;
  font-family: "Sawarabi Gothic", sans-serif;
}

.input {
  width: 100%;
  margin: 0 auto 45px;
  padding: 11px 12px;
  border: 1px solid#cccc;
  border-radius: 5px;
  font-weight: normal;
}

.select {
  vertical-align: middle;
  /* width: 20px; */
  margin-right: 7px;
}

textarea {
  padding: 12px;
  /* max-width: 1100px; */
  width: 100%;
  height: 280px;
  margin-bottom: 100px;
  border: 1px solid#cccc;
  border-radius: 5px;
}

.submit {
  font-size: 2rem;
  font-weight: bold;
  font-family: "Sawarabi Gothic", sans-serif;
  padding: 16px 50px;
  color: #fff;
  background-color: rgb(93, 132, 210);
  border: none;
  border-radius: 5px;
  margin: 30px 0 150px;
  letter-spacing: 1px;
}

.submit:hover {
  cursor: pointer;
}

span.wpcf7-list-item {
  display: block;
  font-size: 1.6rem;
  margin-left: -6%;
}

.check-box {
  display: flex;
}

.check-box label {
  margin-bottom: 40px;
  font-size: 1.6rem;
  font-weight: 700;
}

.check-box p {
  width: 40%;
}

.check {
  width: 100%;
}

.check label {
  margin-bottom: 15px;
  padding-left: 6%;
  /* width: 122%; */
}

.checkbox {
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 600;
}

.inner {
  margin-bottom: 250px;
}

.inpuiry {
  display: flex;
  text-align: none;
  font-size: 2rem;
  font-weight: 500;
  margin: 40px 0 0;
  flex-direction: column;
  align-items: flex-start;
  line-height: 180%;
  font-family: "Sawarabi Gothic", sans-serif;
}

span {
  font-weight: 500;
}

.button {
  display: flex;
  padding-left: 23%;
  text-align: none;
  font-size: 1.6rem;
  font-weight: bold;
  /* display: block; */
  margin-bottom: 30px;
  justify-content: center;
  padding-left: 0;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 500;
  margin: 0;
}

.blue {
  color: #609ee6;
}

@media (max-width: 768px) {
  .pc-only {
    display: none;
  }

  .contact-inner {
    width: 95%;
    margin: 100px auto 50px;
  }
}
@media (max-width: 375px) {
  .contact-inner {
    width: 95%;
    margin: 100px auto 50px;
  }
}

.contact-title {
  margin: 0 auto;
  height: 106px;
  margin-bottom: 40px;
  padding: 5% 0;
}

.contact-title h1 {
  margin-bottom: 40px;
  font-size: 2.4rem;
  padding: 0;
  text-align: center;
}

.contact {
  font-size: 1.4rem;
  padding-left: 46%;
  padding-top: 0;
  /* display: contents; */
}

label {
  font-size: 1.3rem;
  font-weight: 700;
  font-size: 1.4rem;
}

input::placeholder,
textarea::placeholder {
  font-size: 1.6rem;
}

.check-title {
  font-size: 1.6rem;
  padding-left: 5%;
  padding-bottom: 60px;
}

.check-box {
  margin-top: 12px;
  padding-left: 0;
  flex-direction: column;
  font-size: 1.3rem;
  font-weight: normal;
  width: 100%;
}

.check-box label {
  width: 100%;
  margin-bottom: -6%;
}

.check {
  line-height: normal;
}

.check label {
  padding-left: 11.5%;
}

.required {
  font-size: 1.6rem;
  /* padding-left: 18%; */
  margin-bottom: 12px;
}

.required::after {
  font-size: 1.2rem;
}

.inpuiry {
  font-size: 1.6rem;
}
@media (max-width: 375px) {
  .inpuiry {
    margin: 0 auto;
  }
}

.inpuiry span {
  margin: 0;
}

button {
  display: none;
}

textarea {
  width: 100%;
  padding-top: 15px;
  padding-left: 15px;
  font-size: 13px;
  margin-top: 2%;
  margin-bottom: 3%;
  height: 212px;
}

.blue {
  margin: 0;
  font-size: 1.6rem;
}

.button {
  font-size: 1.6rem;
}

@media (max-width: 768px) {
  .button {
    display: none;
  }
}

.wpcf7-list-item {
  height: 28px;
}

.wpcf7-list-item-label {
  font-size: 1.6rem;
}
.price-text-top {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto 70px;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 1px;
}
.price-text-bottom {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto 50px;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 1px;
}

@media (max-width: 570px) {
  /* .contact-title {
        margin-top: 46px;
    } */
  .contact-title h1 {
    padding: 5% 0;
  }

  textarea {
    width: 100%;
  }

  .contact {
    font-size: 1.4rem;
    padding-left: 44%;
  }

  .submit {
    margin: 30px 0 50px;
  }
  @media (max-width: 500px) {
    .submit {
      font-size: 1.6rem;
      padding: 12px 30px;
      letter-spacing: 1px;
    }
  }

  .contactsp-only {
    display: block;
  }

  .inpuiry span {
    margin: 0;
    line-height: 2.5rem;
    padding-left: -44%;
    text-align: initial;
  }

  .button {
    display: none;
    /* flex-direction: column;
        font-size: 1.6rem;
        line-height: 1.4rem; */
    /* text-align: left; */
    /* padding-left: 13%;*/
  }
}

/*---------------------------------------------single---------------------------------------------  */
/*---------------------------------------------single---------------------------------------------  */
/*---------------------------------------------single---------------------------------------------  */
/*---------------------------------------------single---------------------------------------------  */
/*---------------------------------------------single---------------------------------------------  */
/*---------------------------------------------single---------------------------------------------  */
/*---------------------------------------------single---------------------------------------------  */
/*---------------------------------------------single---------------------------------------------  */
/*---------------------------------------------single---------------------------------------------  */

.single-main {
  max-width: 1040px;
  width: 90%;
  margin: 0 auto 100px;
}

.single-text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2rem;
  color: black;
  line-height: 1.5;
}

.single-text p {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: normal;
  word-break: break-all;
  color: black;
  letter-spacing: 1.5px;
  line-height: 1.5;
}

.single-text img {
  display: block;
  width: 100%;
  height: 400px !important;
  margin: 0 auto;
}

@media (max-width: 820px) {
  .single-text img {
    height: 250px !important;
    margin: 0 auto;
  }
}

@media (max-width: 600px) {
  .single-text img {
    height: 200px !important;
    margin: 0 auto;
  }
}

@media (max-width: 430px) {
  .single-text img {
    height: 160px !important;
    margin: 0 auto;
  }
}

.single-date {
  display: flex;
  margin: 10px 0 70px;
}

.single-date p:first-of-type {
  padding-right: 20px;
}

.wp-block-image img,
.wp-block-image.has-custom-border img {
  margin: 30px auto;
}

.single__wrap h2 {
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  margin: 35px 0 35px;
  position: relative;
  font-weight: bold;
  border-bottom: 1px solid #b1bcca;
  /* background-color: #0d2f5c; */
  background-color: #37818a;
  color: #ffffff;
  padding: 16px 16px;
  line-height: 1.5;
}

.single__wrap h2:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  border: 12px solid;
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #bbbbbb;
  transform: translate(20%, 50%) rotate(45deg);
}

.single__wrap h3 {
  font-weight: bold;
  margin: 10px 0;
  font-size: 1.9rem;
  display: inline-block;
  padding-bottom: 8px;
  line-height: 1.5;
  border-bottom: 2px solid #00a3d6;
}

/* -------------------------@(max-width: 768px)------------------------------ */

@media (max-width: 820px) {
  .pc-only {
    display: none !important;
  }

  .sp-only {
    display: block !important;
  }

  .single-main {
    width: 80%;
    margin: 0 auto 100px;
  }

  .single-page {
    margin-bottom: 150px;
  }

  .single-main-left {
    width: 90%;
  }

  .single-text h3 {
    font-size: 1.9rem;
  }

  .single-date {
    font-size: 1rem !important;
    margin: 5px 0 15px;
  }

  .single-text p {
    font-size: 1.6rem;
  }

  .single-maim-left-box {
    margin: 0 auto 50px;
  }
}

/* ------------------------------@media(max-width: 500px)---------------------------------------- */

@media (max-width: 500px) {
  .single-main {
    width: 90%;
    margin: 0 auto　50px;
  }

  .ssp-only {
    display: block;
  }

  .pc-sp-only {
    display: none;
  }
}

/* ----------------------------- @media (max-width: 320px)--------------------------------*/

@media (max-width: 320px) {
  article {
    margin-bottom: 0;
  }
}

/* -----------------ページャ---------------------- */
/* -----------------ページャ---------------------- */
/* -----------------ページャ---------------------- */
/* -----------------ページャ---------------------- */
/* -----------------ページャ---------------------- */

.wp-pagenavi {
  display: flex;
  /* margin-top: 100px; */
  margin-bottom: 150px;
  font-size: 1.6rem;
  justify-content: center;
}

@media (max-width: 820px) {
  .wp-pagenavi {
    margin-bottom: 80px;
    margin-top: 0;
  }
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #6c5ca4 !important;
}

.wp-pagenavi span.current {
  /* background-color: #195ec3; */
  background-color: #6c5ca4;
  color: #fff;
  margin: 0;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  padding: 6px 10px;
}

.wp-pagenavi a,
.wp-pagenavi span {
  /* color: #195ec3; */
  color: #6c5ca4;
  padding: 10px 15px !important;
  margin: 0 !important;
  border: none !important;
}

.pages {
  display: none;
}

/* -------------------------max-width:820px--------------------------------- */
/* -------------------------max-width:820px--------------------------------- */
/* -------------------------max-width:820px--------------------------------- */
/* -------------------------max-width:820px--------------------------------- */
/* -------------------------max-width:820px--------------------------------- */
/* -------------------------max-width:820px--------------------------------- */
/* -------------------------max-width:820px--------------------------------- */
/* -------------------------max-width:820px--------------------------------- */
/* -------------------------max-width:820px--------------------------------- */
/* -------------------------max-width:820px--------------------------------- */

@media (max-width: 820px) {
  /* --------------------------------top--------------------------------- */
  /* --------------------------------top--------------------------------- */
  /* --------------------------------top--------------------------------- */
  .main-image {
    height: 450px;
  }

  .main-image-title {
    padding: 50px 0;
  }

  .main-image-title h1 {
    font-size: 4rem;
  }

  .main-image-title h2 {
    font-size: 3rem;
  }

  .main-image-title h2 span {
    font-size: 4rem;
  }

  @media (max-width: 650px) {
    .main-image-title h1 {
      font-size: 3rem;
    }

    .main-image-title h2 {
      font-size: 2.4rem;
    }

    .main-image-title h2 span {
      font-size: 3rem;
    }

    .top-main-text h2 {
      font-size: 2.8rem;
    }
  }
  @media (max-width: 551px) {
    .top-main-text h2 {
      font-size: 2.5rem;
    }

    .top-main-text h2 span {
      font-size: 2.8rem;
    }
  }

  .top-sec01-title h3 {
    font-size: 3rem;
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  .top-sec02-title h3 {
    font-size: 3rem;
    padding-bottom: 30px;
    margin-bottom: 0;
  }

  .top-sec03-list {
    width: 100%;
    margin: 80px auto 0;
  }
  @media (max-width: 500px) {
    .top-sec03-list {
      max-width: 1100px;
      width: 90%;
      margin: 100px auto 0;
    }
  }
  @media (max-width: 375px) {
    .top-sec03-list {
      margin: 0 auto;
    }
  }

  .top-sec02-list-top {
    flex-direction: column;
    align-items: center;
  }

  .top-sec02-list-top-box {
    width: 70%;
  }

  .top-sec02-list li + li {
    margin-left: 0;
    margin-top: 70px;
  }

  .top-sec02-list-top-box-image img {
    width: 90%;
    height: auto;
  }

  .top-sec02-list-botom {
    flex-direction: column;
    align-items: center;
  }

  .top-sec02-list-botom {
    margin: 70px 0 150px;
  }

  .top-sec03-image01 img {
    height: 170px;
  }

  .top-sec03-image02 img {
    height: 170px;
  }

  .top-sec03-text {
    height: 220px;
    padding: 10px;
  }

  @media (max-width: 585px) {
    .top-sec03-text {
      height: 240px;
    }
  }

  .top-sec03-text h3 {
    font-size: 1.6rem;
    line-height: 1.2;
    padding: 20px;
  }

  .top-sec05-box {
    display: flex;
    justify-content: space-around;
    width: 100%;
    height: unset;
    padding: 20px;
  }

  .top-sec05-lawyer-box {
    width: 65%;
  }

  .top-sec05-image {
    width: 25%;
    height: 340px;
  }

  .footer-bottom-text {
    text-align: center;
  }

  .flow-sec01 {
    margin: 100px auto 200px;
  }

  .price-sec01-list-text {
    width: 90%;
    margin: 0 auto;
    flex-direction: column;
    padding: 0;
  }

  .price-sec01-list-text h3 {
    font-size: 2.5rem;
    font-weight: normal;
    margin-bottom: 10px;
  }

  @media (max-width: 685px) {
    .price-sec01-list-text h3 {
      font-size: 2rem;
    }
  }

  .arrow {
    width: 5%;
    margin-left: 0;
    margin: 0 auto;
  }

  /* .price-sec01-list-text p {
        margin-left: 0;
       
    } */
}

/* --------------------------------max-width:500px----------------------------------------------- */
/* --------------------------------max-width:500px----------------------------------------------- */
/* --------------------------------max-width:500px----------------------------------------------- */
/* --------------------------------max-width:500px----------------------------------------------- */
/* --------------------------------max-width:500px----------------------------------------------- */
/* --------------------------------max-width:500px----------------------------------------------- */
/* --------------------------------max-width:500px----------------------------------------------- */
/* --------------------------------max-width:500px----------------------------------------------- */

@media (max-width: 500px) {
  .ssp-only {
    display: block;
  }
  .pc-only {
    display: none;
  }

  .main-image-title h1 {
    font-size: 2.5rem;
  }

  .main-image-title h2 {
    font-size: 2rem;
  }

  .main-image-title h2 span {
    font-size: 2.5rem;
  }

  .main-image {
    height: 300px;
  }

  .main-image-title {
    padding: 30px 0;
  }

  .top-main-text h2 {
    font-size: 1.8rem;
  }
  .top-main-text h2 span {
    font-size: 2.1rem;
  }
  .top-main-text h3 {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 80px;
  }

  /* ---------------------------------------- */

  .top-sec01 {
    margin: 0 auto 70px;
  }

  .top-main-text h2 {
    margin-bottom: 50px;
  }

  .top-main-text p {
    line-height: 2;
    font-size: 1.5rem;
    margin-bottom: 30px;
  }

  .top-sec02 {
    margin: 100px auto;
  }

  .top-sec02-title h3::after {
    width: 20%;
  }

  .top-sec02-list {
    margin-top: 80px;
  }

  .top-sec02-list-top-box {
    width: 90%;
  }

  .top-sec02-list-botom {
    margin: 70px auto;
  }

  .top-sec01-title h3 {
    font-size: 2.5rem;
    padding-bottom: 0;
  }
  .top-sec02-title h3 {
    font-size: 2.5rem;
    padding-bottom: 30px;
  }

  .top-sec03-list-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }

  .top-sec03-list-box li {
    margin-bottom: 50px;
  }

  .top-sec03-image01 {
    width: 90%;
    margin: 0 auto;
    position: relative;
  }

  .top-sec03-image02 {
    width: 90%;
    margin: 0 auto;
    position: relative;
  }

  .top-sec03-text {
    width: 100%;
    margin: 0 auto;
    height: auto;
    padding: 20px 0;
  }

  .top-sec05 {
    margin-bottom: 100px;
  }

  .top-sec05-box {
    padding: 50px 0;
    flex-direction: column-reverse;
  }

  .top-sec05-lawyer-box {
    width: 90%;
  }

  .top-sec05-image {
    width: 45%;
    height: auto;
    margin-bottom: 30px;
  }

  .top-sec05-image img {
    object-fit: contain;
    margin: 0;
    top: 0;
    position: unset;
  }

  .footer-bottom-right {
    display: none;
  }

  .footer-bottom-left {
    width: 90%;
  }

  .wp-pagenavi {
    margin: 0 auto 100px;
  }

  /* ----------------------------------(max-width:500px)top-button---------------------------------- */
  /* ----------------------------------(max-width:500px)top-button---------------------------------- */
  /* ----------------------------------(max-width:500px)top-button---------------------------------- */

  .top-main-button {
    display: flex;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
  }

  .top-main-button:hover {
    opacity: 0.8;
  }

  .top-main-button-left {
    width: 50%;
    height: auto;
    background-image: url("./image/redsp.png");
    background-position: center;
    background-size: cover;
    border: none;
  }

  .top-main-button-left a {
    text-decoration: none;
  }

  .top-main-button-box a {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }

  .top-main-button-left img {
    width: 21%;
    margin: 0;
    object-fit: cover;
  }

  .top-main-button-left p {
    font-size: 1.6rem;
    color: #fff;
    line-height: 4;
  }

  .top-main-button-right {
    width: 50%;
    height: auto;
    background-image: url("./image/greensp.png");
    background-position: center;
    background-size: cover;
    border: none;
  }

  .top-main-button-right a {
    text-decoration: none;
  }

  .top-main-button-right img {
    width: 21%;
    margin: 0;
    object-fit: cover;
  }

  .top-main-button-right p {
    font-size: 1.6rem;
    color: #fff;
    line-height: 4;
  }

  .top-sec01-text-box-text h3 {
    text-align: center;
  }

  .top-sec01-under-image {
    height: 190px;
  }

  .top-sec05-image {
    display: flex;
    width: 70%;
    margin: 0 auto;
    justify-content: center;
  }

  @media screen and (max-width: 480px) {
    .top-sec05-image {
      width: 80%;
    }
  }

  .fc-sec01-title p {
    font-size: 1.6rem;
    margin-top: 10px;
  }
}

/* ------------------------------max-width:375px--------------------------------------- */
/* ------------------------------max-width:375px--------------------------------------- */
/* ------------------------------max-width:375px--------------------------------------- */
/* ------------------------------max-width:375px--------------------------------------- */
/* ------------------------------max-width:375px--------------------------------------- */
/* ------------------------------max-width:375px--------------------------------------- */
/* ------------------------------max-width:375px--------------------------------------- */
/* ------------------------------max-width:375px--------------------------------------- */

@media (max-width: 375px) {
  header .header-inner .header-logo {
    width: 70%;
  }

  .main-image-title h2 {
    font-size: 1.8rem;
  }

  .main-image-title h1 {
    font-size: 2.2rem;
  }

  .main-image-title h2 span {
    font-size: 2.2rem;
  }

  .main-image {
    height: 250px;
  }

  .top-main-text h2 {
    font-size: 1.8rem;
  }

  .top-main-text p {
    font-size: 1.2rem;
  }

  .top-sec01-title h3 {
    font-size: 2.2rem;
  }
  .top-sec02-title h3 {
    font-size: 2.2rem;
  }

  .top-sec02-title h3::after {
    transform: translate(-50%, 1470%);
  }

  .top-sec02-list-top-box {
    width: 100%;
  }

  .top-sec02-list-botom {
    margin: 70px auto;
  }

  .top-main-text-btn {
    width: 80%;
    margin: 30px auto 0;
  }

  .top-sec03-list-box {
    padding: 50px 0 0;
  }

  .top-sec05 {
    margin-bottom: 80px;
  }

  .top-sec05-box {
    padding: 0 0 50px;
    margin: 80px auto 0;
  }

  .top-sec05-lawyer-name {
    font-size: 2rem;
  }

  .footer-bottom-text {
    font-size: 1.4rem;
  }

  .footer-bottom-inner {
    width: 100%;
    margin: 0 auto;
  }

  .price-title h2 {
    font-size: 2.3rem;
  }

  .content-sec06 h3 {
    font-size: 2.5rem;
  }

  .content-sec06 h3::after {
    width: 24%;
    transform: translate(-50%, 890%);
  }

  .title-obi {
    height: 200px;
  }

  .arrow-02 {
    width: 60px;
    height: 60px;
  }

  .arrow-03 {
    width: 60px;
    height: 60px;
  }

  .flow-sec01 {
    width: 95%;
    margin: 100px auto;
  }

  .price-sec01-list-text h3 {
    margin-right: 0;
  }

  .company-sec01 {
    margin: 100px auto 0;
  }

  .about-company-box {
    margin: 20px auto 0;
    width: 90%;
  }

  .about-table-box {
    width: 100%;
  }

  .about-dd {
    width: 100%;
    padding: 10px 0;
  }

  .about-dt {
    padding: 10px 10px 10px 0px;
  }

  .company-ceo {
    padding: 60px 0;
    margin-bottom: 80px;
  }

  .company-sec01 {
    margin: 70px auto 0;
  }

  .company-ceo-inner-box {
    padding: 50px 10px;
    margin-top: 80px;
  }

  .company-ceo-name h3 {
    font-size: 2rem;
    margin-bottom: 30px;
  }

  .company-ceo-name span {
    font-size: 1.4rem;
    padding-left: 10px;
  }

  .about-link-list {
    width: 90%;
  }

  .about-link-list li {
    width: 100%;
  }

  .about-link {
    margin-bottom: 80px;
  }
}