@charset "UTF-8";

/* ============================= 
common
==============================*/
:root {
  --black: #131313;
  --gray: #4c4c4c;
  --deepblue: #169bba;
  --blue: #7fbbdd;
  --lightblue: #cbdee2;
  --deeporange: #ff6200;
  --orange: #ff8328;
  --white: #ffffff;
  --backgray: #f8f8f8;
}

/* 変数設定 */

html {
  font-size: 62.5%;
}

body {
  font-family: "Noto Sans JP", Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--black, #131313);
  background: var(--white, #ffffff);
  line-height: 1.5;
}

Img {
  max-width: 100%;
  height: auto;
}

/* Animate.css */
.delay-time {
  animation-delay: 0.5s;
}

/* ============================= 
header
==============================*/

.nav {
  background-color: rgba(255, 131, 40, 0.88);
  background-size: contain;
  padding: 50px 26px 0 0;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  transform: translateX(-100%);
  transition: transform 0.4s;
}

.nav__btn {
  width: 50px;
  height: 50px;
  margin-left: 85%;
  z-index: 200;
}

.nav__list {
  padding: 60px 75px 240px 101px;
}

.nav__item {
  color: #fff;
  text-shadow: 1px 2px 4px #b2b2b2;
  text-align: center;
  font-family: "Open Sans";
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 40px;
  list-style: none;
}

.nav__item a {
  text-decoration: none;
  color: var(--white);
}

.nav__item a:hover {
  color: #b2b2b2;
}

/* .nav.active表示 */
.nav.active {
  transform: translateX(0);
}

.header__btn {
  min-width: 50px;
  height: 50px;
  margin-top: 50px;
  padding-left: 82%;
  position: fixed;
  z-index: 100;
}

/* .header tab */
@media screen and (min-width: 767px) {
  .nav {
    transform: translate(0);
    background-color: transparent;
    padding: 0;
  }

  .nav__btn,
  .header__btn {
    display: none;
  }

  .nav__list {
    display: flex;
    justify-content: right;
    gap: 0 14px;
    padding-top: 50px;
    padding-right: 24px;
  }

  .nav__item {
    margin-top: 0;
  }

  .nav__item a {
    color: var(--backgray);
    font-size: 1.2rem;
  }
}

/* .header pc */
@media screen and (min-width: 1023px) {
  .nav__list {
    justify-content: right;
    gap: 0 28px;
    padding-top: 90px;
    padding-right: 61px;
  }

  .nav__item a {
    color: var(--backgray);
    font-size: 1.8rem;
  }
}

/* ============================= 
article header
==============================*/
.article {
  max-width: 100%;
  min-width: 390px;
}

.article__header {
  background-image: url(../images/background_sp.png);
  background-size: cover;
  background-repeat: no-repeat;
  max-width: 100%;
  height: 627px;
}

.article__title {
  color: var(--black, #131313);
  font-family: "Zen Kaku Gothic New";
  font-size: 3.6rem;
  font-style: normal;
  font-weight: bold;
  line-height: normal;
}

/* .article header pc */
@media screen and (max-width: 1023px) {
  .article__title {
    font-size: 1.8rem;
  }
}

.article__contents {
  padding-top: 191px;
  padding-left: 34px;
}

.article__img {
  min-width: 258px;
  height: 76px;
}

.article__top {
  margin: 30px 168px -6px 14px;
  color: var(--gray, #4c4c4c);
  font-family: "Zen Kaku Gothic New";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 11.2px;
}

.article__middle {
  color: var(--black, #131313);
  font-family: "Zen Kaku Gothic New";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.chihou {
  color: var(--black, #131313);
  font-family: "Zen Kaku Gothic New";
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-right: 5px;
}

.article__bottom {
  color: var(--black, #131313);
  font-family: "Zen Kaku Gothic New";
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.article__pc {
  display: none;
}

/* .article header tab */
@media screen and (min-width: 767px) {
  .article {
    max-width: 100%;
    min-width: 768px;
  }

  .article__header {
    background-image: url(../images/background_pc.png);
    max-width: 100%;
    height: 376px;
  }

  .article__contents {
    padding: 50px 24px 103px 93px;
  }

  .article__img {
    margin-top: 67px;
    min-width: 281px;
    height: 85px;
  }

  .article__top {
    margin: 26px 108px -10px 15px;
    font-size: 2rem;
  }

  .article__middle,
  .article__bottom {
    display: none;
  }

  .article__pc {
    display: block;
    color: var(--black, #131313);
    font-family: "Zen Kaku Gothic New";
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  .pc__chihou {
    color: var(--black, #131313);
    font-family: "Zen Kaku Gothic New";
    font-size: 4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 7px;
  }
}

/* .article header pc */
@media screen and (min-width: 1023px) {
  .article {
    max-width: 100%;
    min-width: 1024px;
  }

  .article__header {
    background-image: url(../images/background_pc.png);
    max-width: 100%;
    height: 704px;
  }

  .article__contents {
    padding-top: 220px;
    padding-left: 174px;
  }

  .article__img {
    min-width: 554px;
    height: 168px;
  }

  .article__top {
    font-size: 2.8rem;
    margin: 20px 475px -10px 27px;
  }

  .article__pc {
    font-size: 4rem;
  }

  .pc__chihou {
    font-size: 6.5rem;
    margin-right: 11px;
  }
}

/* ============================= 
about
==============================*/
.section--about {
  padding: 87px 50px 119px;
  max-width: 100%;
  min-width: 390px;
}

.about__title {
  color: var(--black, #131313);
  font-family: "Zen Kaku Gothic New";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 46px;
}

.about__sanzen {
  color: var(--gray, #4c4c4c);
  font-family: "Zen Kaku Gothic New";
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-top: 20px;
}

.about__item__title__top {
  color: var(--orange, #ff8328);
  font-family: "Open Sans";
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 800;
  line-height: 60px;
  margin-top: 82px;
  text-align: left;
}

.about__item__title {
  color: var(--orange, #ff8328);
  font-family: "Open Sans";
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 800;
  line-height: 60px;
  margin-top: 20px;
  text-align: left;
}

.about__item__txt {
  display: flex;
}

.about__line {
  width: 2px;
  height: 186px;
  background-color: var(--orange);
}

.about__item {
  font-size: 1.6rem;
  line-height: 30px;
  margin: 11px 0 0 37px;
  position: relative;
}

.pc__br {
  display: none;
}

/* .about tab */
@media screen and (min-width: 767px) {
  .section--about {
    padding: 121px 86px 135px 110px;
    max-width: 100%;
    min-width: 768px;
  }

  .about__title {
    font-size: 2.6rem;
  }

  .about__sanzen {
    font-size: 1.4rem;
    margin-top: 20px;
  }

  .about__item__title__top {
    margin-top: 121px;
    text-align: left;
  }

  .about__line {
    height: 128px;
  }

  .about__item {
    font-size: 1.6rem;
    margin: 20px 0 0 41px;
  }

  .pc__br {
    display: block;
  }
}

/* .about pc */
@media screen and (min-width: 1024px) {
  .section--about {
    padding: 139px 83px 55px 162px;
    max-width: 100%;
    min-width: 1024px;
  }

  .about__title {
    font-size: 3.2rem;
    line-height: 60px;
  }

  .about__contents {
    display: flex;
    gap: 0 164px;
    align-items: baseline;
  }

  .about__subtitle {
    margin-top: 32px;
  }

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

  .about__item__title__top {
    font-size: 3rem;
    margin-top: 0;
  }

  .about__item__txt {
    gap: 25px 0;
    margin-top: 16px;
  }

  .about__line {
    height: 130px;
  }

  .about__item {
    font-size: 2rem;
  }
}

/* ============================= 
lead
==============================*/
.en {
  width: 136px;
  height: 130px;
  margin: 0 117px 0 137px;
  z-index: 200;
}

.sea {
  width: 196px;
  height: 196px;
  margin: -50px 164px 0 30px;
  z-index: 100;
}

.lead__item {
  background-image: url(../images/japan_sp.png);
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 100%;
  min-width: 390px;
  height: 695px;
  padding: 80px 42px;
}

.lead__title__sp__top {
  color: var(--orange, #ff8328);
  font-family: "Zen Kaku Gothic New";
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
}

.lead__title__sp__bottom {
  color: var(--orange, #ff8328);
  font-family: "Zen Kaku Gothic New";
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  margin-left: 35px;
  margin-top: 5px;
}

.lead__title {
  display: none;
}

.lead__txt {
  margin-top: 50px;
  font-size: 1.5rem;
  line-height: 30px;
  text-align: left;
}

/* .lead tab */
@media screen and (min-width: 767px) {
  .en {
    margin: 0 415px 0 217px;
  }

  .sea {
    width: 196px;
    height: 196px;
    margin: -20px 462px 0 110px;
  }

  .lead__item {
    background-image: url(../images/japan_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 100%;
    min-width: 768px;
    height: 430px;
    padding: 47px 43px 27px 77px;
  }

  .lead__title__sp__top,
  .lead__title__sp__bottom {
    display: none;
  }

  .lead__title {
    display: block;
    color: var(--orange, #ff8328);
    font-family: "Zen Kaku Gothic New";
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    text-decoration: underline;
    text-underline-offset: 15px;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
  }

  .lead__txt {
    margin-top: 45px;
    font-size: 1.6rem;
  }
}

/* .lead pc */
@media screen and (min-width: 1023px) {
  .en {
    width: 261px;
    height: 250px;
    margin: 0 860px 0 318px;
    z-index: 200;
  }

  .sea {
    width: 311px;
    height: 311px;
    margin: -50px 1037px 0 92px;
    z-index: 100;
  }

  .lead__item {
    max-width: 100%;
    min-width: 1024px;
    height: 810px;
    padding: 200px 159px 175px 239px;
    background-size: contain;
  }
}

/* ============================= 
service
==============================*/
.section--service {
  background-image: url(../images/service_background.png);
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  min-width: 390px;
  height: 1414px;
  padding: 52px 32px 0;
  background-color: var(--backgray);
}

.service__title {
  color: #ff6200;
  font-family: "Open Sans";
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin: 0 auto;
}

.service__sanzentabi {
  width: 299px;
  height: 350px;
  padding: 50px 18px;
  align-items: center;
  border: 3px solid #ff8328;
  background-color: #fff;
  margin: 36px auto 0;
}

.service__topic {
  color: var(--black);
  text-align: center;
  font-family: "Zen Kaku Gothic New";
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.service__txt {
  margin-top: 28px;
  color: var(--gray);
  text-align: center;
  font-size: 1.6rem;
  line-height: 25px;
}

.service__btn__sanzen {
  background-color: var(--orange);
  width: 221px;
  height: 57px;
  padding: 16px 21px 13px 25px;
  margin: -28px auto 0;
}

.service__btn__sanzen:hover {
  background-color: var(--deeporange);
}

.service__btnTxt__sanzen {
  color: #fff;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  position: relative;
  display: block;
}

.service__btnTxt__sanzen::after {
  position: absolute;
  content: "";
  display: inline-block;
  background: url(../images/arrow.svg) 100% 100% / cover;
  height: 31px;
  width: 31px;
  top: 53%;
  left: 89%;
  transform: translate(-50%, -50%);
  margin-left: 4px;
}

.service__consulting {
  width: 299px;
  height: 450px;
  padding: 50px 34px;
  border: 3px solid #ff8328;
  background-color: var(--white);
  margin: 52px auto 0;
}

.service__txt__pc {
  display: none;
}

.service__txt__top {
  color: var(--gray);
  text-align: center;
  font-size: 1.6rem;
  line-height: 25px;
  margin: 28px auto 0;
}

.service__txt__middle {
  color: var(--gray);
  text-align: center;
  font-size: 1.6rem;
  line-height: 25px;
  margin: 32px auto 0;
}

.service__btn__syousai {
  background-color: var(--orange);
  width: 221px;
  height: 57px;
  padding: 16px 46px 13px;
  margin: -28px auto 0;
  padding-inline: 0px;
  text-align: center;
}

.service__btnTxt__syousai {
  color: #fff;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  position: relative;
  display: block;
  padding-right: 3rem;
}

.service__btnTxt__syousai::after {
  position: absolute;
  content: "";
  display: inline-block;
  background: url(../images/arrow.svg) 100% 100% / cover;
  height: 31px;
  width: 31px;
  top: 53%;
  left: 85%;
  transform: translate(-50%, -50%);
}

.service__btn__syousai:hover {
  background-color: var(--deeporange);
}

.service__img {
  margin: 73px auto 0;
  width: 338px;
  height: 237px;
}

/* .service tab */
@media screen and (min-width: 767px) {
  .section--service {
    background-image: url(../images/service_background_tab.png);
    max-width: 100%;
    min-width: 768px;
    height: 1517px;
    padding: 53px 93px 0;
    background-color: var(--backgray);
  }

  .service__title {
    font-size: 4rem;
  }

  .service__sanzentabi {
    width: 581px;
    height: 276px;
    padding: 50px 39px 61px 39px;
    margin: 52px auto 0;
  }

  .service__btn__sanzen {
    width: 233px;
    height: 57px;
    padding: 16px 21px 13px 25px;
    margin: -28px auto 0;
  }

  .service__btn__sanzen:hover {
    background-color: var(--deeporange);
  }

  .service__btn__syousai:hover {
    background-color: var(--deeporange);
  }

  .service__consulting {
    width: 581px;
    height: 324px;
    padding: 50px 39px;
    margin: 90px auto 0;
  }

  .service__txt__middle,
  .service__txt__bottom {
    margin: 25px auto 0;
  }

  .service__img {
    display: block;
    margin: 126px auto 0;
    width: 410px;
    height: 296px;
  }
}

/* .service pc */
@media screen and (min-width: 1023px) {
  .section--service {
    background-image: url(../images/service_background_pc.png);
    max-width: 100%;
    min-width: 1440px;
    height: 1606px;
    padding: 113px 94px 0 149px;
  }

  .service__title {
    font-size: 4rem;
  }

  .service__sanzentabi {
    width: 299px;
    height: 296px;
    padding: 50px 18px;
    align-items: center;
    border: 3px solid #ff8328;
    background-color: #fff;
    margin: 50px auto 0;
  }

  .service__sanzentabi {
    width: 732px;
    height: 294px;
    padding: 56px 58px;
    margin: 52px 465px 0 0;
  }

  .service__topic {
    font-size: 2.8rem;
    text-align: left;
  }

  .service__txt {
    margin-top: 30px;
    text-align: left;
  }

  .service__btn__sanzen {
    background-color: var(--orange);
    width: 304px;
    height: 68px;
    padding: 21px 33px 12px;
    margin: -34px 377px 0 610px;
  }

  .service__btnTxt__sanzen {
    font-size: 2.2rem;
  }

  .service__btnTxt__sanzen::after {
    height: 44px;
    width: 44px;
    top: 53%;
    left: 89%;
    margin-left: 6px;
  }

  .service__btn__sanzen:hover {
    background-color: var(--deeporange);
  }

  .service__consulting {
    width: 689px;
    height: 294px;
    padding: 49px 38px 49px 50px;
    margin: 67px 121px 0 387px;
  }

  .service__txt__top {
    text-align: left;
    font-size: 2.8remrem;
  }

  .service__txt__top,
  .service__txt__middle {
    display: none;
  }

  .service__txt__pc {
    display: block;
    color: var(--gray);
    font-size: 1.6rem;
    line-height: 25px;
    text-align: left;
    margin-top: 30px;
  }

  .service__btn__syousai {
    background-color: var(--orange);
    width: 268px;
    height: 72px;
    padding: 24px 51px 14px 69px;
    margin: -36px 0 0 929px;

    padding-inline: 0px;
    text-align: center;
  }

  .service__btnTxt__syousai {
    font-size: 2rem;
    padding-right: 3rem;
  }

  .service__btnTxt__syousai::after {
    height: 44px;
    width: 44px;
    top: 53%;
    left: 85%;
  }

  .service__btn__syousai:hover {
    background-color: var(--deeporange);
  }

  .service__img {
    margin: 67px 61px 0 345px;
    width: 788px;
    height: 568px;
  }
}

/* ============================= 
menbers
==============================*/
.section--menbers {
  background-color: var(--backgray);
  max-width: 100%;
  min-width: 390px;
  padding: 83px 70px 66px;
}

.menbers__contents {
  max-width: 254px;
  margin: auto;
}

.menbers__title {
  color: var(--deeporange, #ff6200);
  text-align: center;
  font-family: "Open Sans";
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0 auto;
}

.menbers__subtitle {
  color: var(--orange, #ff8328);
  text-align: center;
  font-size: 1.8rem;
  margin: 12px auto 36px;
}

.osuga__img,
.yoshida__img {
  background-color: var(--orange);
  width: 250px;
  height: 250px;
  padding: 24px;
  align-items: center;
}

.osuga {
  width: 202px;
  height: 202px;
}

.osuga__plofile {
  background-color: var(--white);
  width: 250px;
  height: 250px;
  padding: 63px 25px;
  align-items: center;
}

.osuga__title {
  color: var(--black, #131313);
  font-family: "Zen Kaku Gothic New";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
  white-space: nowrap;
}

.osuga__list {
  display: flex;
  margin: 33px auto 0;
  justify-content: center;
  gap: 0 9px;
}

.osuga__ceo,
.osuga__item,
.osuga__shiga {
  font-size: 1.6rem;
  font-weight: 500;
}

.osuga__name {
  color: var(--black, #131313);
  font-family: "Open Sans";
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin: 3px auto 0;
}

.osuga__message {
  background-color: var(--lightblue);
  width: 250px;
  height: 250px;
  padding: 57px 19px;
  align-items: center;
  color: var(--black);
  font-family: "Zen Kaku Gothic New";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
}

.menbers__contents__middle {
  display: none;
}

.yoshida__plofile {
  background-color: var(--white);
  width: 250px;
  height: 250px;
  padding: 65px 26px;
  align-items: center;
}

.yoshida__title {
  color: var(--black, #131313);
  font-family: "Zen Kaku Gothic New";
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
}

.yoshida__list {
  display: flex;
  margin: 33px auto 0;
  justify-content: center;
  gap: 0 9px;
}

.yoshida__cto,
.yoshida__item,
.yoshida__shiga {
  font-size: 1.6rem;
  font-weight: 500;
}

.yoshida__name {
  color: var(--black, #131313);
  font-family: "Open Sans";
  font-size: 2.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin: 3px auto 0;
}

.yoshida__message {
  background-color: var(--lightblue);
  width: 250px;
  height: 250px;
  padding: 57px 31px;
  align-items: center;
  color: var(--black, #131313);
  font-family: "Zen Kaku Gothic New";
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 45px;
}

/* .menbers tab */
@media screen and (min-width: 767px) {
  .section--menbers {
    padding: 0;
    max-width: 100%;
    min-width: 768px;
  }

  .menbers__contents {
    max-width: 405px;
    margin: auto;
  }

  .menbers__title {
    font-size: 4rem;
  }

  .menbers__subtitle {
    font-size: 2rem;
    margin: 12px auto 52px;
  }

  .menbers__contents__top,
  .menbers__contents__bottom {
    padding: 0 92px 0 78px;
  }
}

/* .menbers pc */
@media screen and (min-width: 1023px) {
  .section--menbers {
    max-width: 100%;
    min-width: 1452px;
    padding-top: 109px;
    padding-bottom: 189px;
  }

  .menbers__contents {
    max-width: 405px;
    margin: auto;
  }

  .menbers__title {
    font-size: 4rem;
  }

  .sp__br {
    display: none;
  }

  .menbers__subtitle {
    font-size: 2rem;
    margin: 0 auto;
  }

  .menbers__contents__top {
    margin-top: 52px;
    display: flex;
    justify-content: center;
    padding: 0;
  }

  .osuga__img {
    min-width: 354px;
    height: 354px;
    padding: 39px;
    align-items: center;
  }

  .osuga {
    width: 275px;
    height: 275px;
  }

  .osuga__plofile {
    min-width: 354px;
    height: 354px;
    padding: 105px 48px;
    align-items: center;
  }

  .osuga__title,
  .yoshida__title {
    font-size: 1.8rem;
    text-underline-offset: 10px;
  }

  .osuga__list,
  .yoshida__list {
    margin: 44px auto 0;
  }

  .osuga__ceo,
  .osuga__item,
  .osuga__shiga,
  .yoshida__cto,
  .yoshida__item,
  .yoshida__shiga {
    font-size: 2rem;
  }

  .osuga__name,
  .yoshida__name {
    font-size: 3.2rem;
  }

  .osuga__message {
    min-width: 354px;
    height: 354px;
    padding: 110px 32px;
    font-size: 2.2rem;
  }

  .menbers__contents__middle {
    display: block;
    display: flex;
    justify-content: center;
  }

  .menbers__planting {
    background-color: var(--white);
    min-width: 354px;
    height: 354px;
    padding: 22px 21px;
  }

  .planting {
    width: 310px;
    height: 310px;
  }

  .menbers__sakura {
    background-color: var(--orange);
    min-width: 354px;
    height: 354px;
    padding: 13px;
  }

  .sakura {
    width: 327px;
    height: 327px;
  }

  .menbers__pray {
    background-color: var(--white);
    min-width: 354px;
    height: 354px;
    padding: 23px;
  }

  .pray {
    width: 308px;
    height: 308px;
  }

  .menbers__contents__bottom {
    display: flex;
    justify-content: center;
    padding: 0;
  }

  .yoshida__img {
    background-color: var(--lightblue);
    min-width: 354px;
    height: 354px;
    padding: 39px;
    align-items: center;
  }

  .yoshida__plofile {
    background-color: var(--white);
    min-width: 354px;
    height: 354px;
    padding: 105px 55px;
    align-items: center;
  }

  .yoshida__message {
    background-color: var(--orange);
    min-width: 354px;
    height: 354px;
    padding: 132px 20px;
    font-size: 2.2rem;
  }

  .sp__br {
    display: none;
  }
}

/* ============================= 
inc
==============================*/
.section--inc {
  padding: 32px 51px 88px;
  background-color: var(--backgray);
  max-width: 100%;
  min-width: 390px;
}

.inc__title {
  color: var(--deeporange, #ff6200);
  font-size: 2.7rem;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
}

.inc__item__name {
  margin: 36px auto 0;
  align-items: center;
  height: 117px;
  padding: 27px 53px;
  background-color: #ffeee1;
}

.inc__name {
  color: var(--gray, #4c4c4c);
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  margin: 0 auto 11px;
}

.inc__txt,
.inc__txt__sp {
  color: var(--black, #131313);
  text-align: center;
  font-size: 1.5rem;
  margin: 0 auto;
}

.inc__item__location {
  height: 126px;
  padding: 20px 29px;
  align-items: center;
  background-color: var(--white);
}

.inc__item__day {
  height: 108px;
  padding: 22px 107px;
  align-items: center;
  background-color: #ffeee1;
}

.inc__item__content {
  height: 139px;
  padding: 16px 59px;
  align-items: center;
  background-color: var(--white);
}

.inc__txt__pc {
  display: none;
}

/* .inc tab */
@media screen and (min-width: 767px) {
  .section--inc {
    padding: 0 116px 177px;
    max-width: 100%;
    min-width: 768px;
  }

  .inc__title {
    font-size: 3.2rem;
  }

  .inc__item__name {
    margin: 52px auto 0;
  }
}

/* .inc pc */
@media screen and (min-width: 1023px) {
  .section--inc {
    padding: 39px 227px 131px;
    max-width: 100%;
    min-width: 1452px;
  }

  .inc__title {
    font-size: 3.2rem;
  }

  .inc__item__name,
  .inc__item__location,
  .inc__item__day,
  .inc__item__content {
    display: flex;
    justify-content: left;
    gap: 0 108px;
    margin: 0 auto;
    height: 83px;
    padding: 25px 30px 25px 73px;
  }

  .inc__item__name {
    margin-top: 44px;
  }

  .inc__item__content {
    gap: 0 80px;
  }

  .inc__name {
    font-size: 2.4rem;
    margin: 0;
  }

  .inc__txt__sp {
    display: none;
  }

  .inc__txt__pc {
    display: block;
  }

  .inc__txt,
  .inc__txt__pc {
    color: var(--black, #131313);
    text-align: left;
    font-size: 2.4rem;
    margin: 0;
  }
}

/* ============================= 
contact
==============================*/
.section--contact {
  max-width: 100%;
  min-width: 390px;
  height: 483px;
  padding: 56px 39px;
  background-color: var(--orange);
}

.contact__title {
  display: none;
}

.contact__title__sp__top {
  color: var(--white, #fff);
  font-size: 2.4rem;
  font-weight: 700;
  padding-right: 94px;
  white-space: nowrap;
}

.contact__title__sp__bottom {
  color: var(--white, #fff);
  font-size: 2.4rem;
  font-weight: 700;
  padding-left: 95px;
  padding-top: 7px;
  white-space: nowrap;
}

.contact__subtitle {
  color: var(--white, #fff);
  text-align: center;
  font-family: "Zen Kaku Gothic New";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 46px auto 0;
}

.contact__btn {
  display: block;
  border-radius: 50%;
  background-color: var(--white);
  width: 156px;
  height: 156px;
  padding: 32px 19px;
  align-items: center;
  margin: 40px auto 0;
}

.contact__btn:hover {
  background-color: #e1e1e1;
}

.contact__btn__txt {
  color: var(--deepblue, #169bba);
  text-align: center;
  font-family: "Open Sans";
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 16px auto 0;
}

.contact__btn__img {
  display: block;
  width: 39px;
  height: 39px;
  margin: 10px auto 0;
}

/* .contact tab */
@media screen and (min-width: 767px) {
  .section--contact {
    max-width: 100%;
    min-width: 768px;
    height: 364px;
    padding: 53px 67px 38px 67px;
  }

  .contact__title__sp__top,
  .contact__title__sp__bottom {
    display: none;
  }

  .contact__title {
    display: block;
    font-family: "Noto Sans";
    font-size: 2.6rem;
    color: var(--white);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .contact__subtitle {
    font-family: "Zen Kaku Gothic New";
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 21px auto 0;
  }

  .sp__br {
    display: none;
  }

  .contact__btn {
    margin: 35px auto 0;
  }

  .contact__btn:hover {
    background-color: #e1e1e1;
  }
}

/* .contact pc */
@media screen and (min-width: 1023px) {
  .section--contact {
    max-width: 100%;
    min-width: 1452px;
    height: 444px;
    padding: 113px 123px;
  }

  .contact__title__sp__top,
  .contact__title__sp__bottom {
    display: none;
  }

  .contact__contents {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 58px;
  }

  .contact__title {
    display: block;
    color: var(--white);
    font-size: 3.2rem;
    font-weight: 700;
  }

  .contact__subtitle {
    font-size: 2.4rem;
    margin: 32px auto 0;
  }

  .contact__btn {
    min-width: 218px;
    height: 218px;
    padding: 68px 34px 54px 34px;
    margin: 0 auto;
  }

  .contact__btn__txt {
    font-size: 2.8rem;
    margin: 2px auto 0;
  }

  .contact__btn__img {
    width: 55px;
    height: 55px;
    margin: 4px auto 0;
  }

  .contact__btn:hover {
    background-color: #e1e1e1;
  }
}

/* ============================= 
footer
==============================*/

.footer {
  padding: 83px 44px 33px;
  max-width: 100%;
  min-width: 390px;
}

.footer__title {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  margin: 0 auto;
}

.footer__name {
  color: var(--black, #131313);
  font-family: "Zen Kaku Gothic New";
  font-size: 2.7rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.sanzen__icon {
  width: 42px;
  height: 42px;
}

.footer__sns {
  display: flex;
  justify-content: center;
  gap: 0 12px;
  margin: 16px auto 0;
}

.line {
  width: 301px;
  height: 1px;
  background-color: var(--black);
  margin: 51px auto;
}

.footer__nav__pc {
  display: none;
}

.footer__nav__sp {
  display: flex;
  gap: 0 30px;
  justify-content: center;
}

.footer__item {
  font-size: 1.4rem;
  margin-top: 32px;
}

.copy {
  margin: 84px auto 0;
  color: var(--gray, #4c4c4c);
  text-align: center;
  font-size: 1.2rem;
}

/* .footer tab */
@media screen and (min-width: 767px) {
  .footer {
    padding: 107px 53px 54px;
    max-width: 100%;
    min-width: 768px;
  }

  .line {
    width: 637px;
    height: 1px;
    background-color: var(--black);
    margin: 43px auto;
  }

  .footer__nav__sp {
    display: none;
  }

  .footer__nav__pc {
    display: block;
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    justify-content: center;
  }
}

/* .footer pc */
@media screen and (min-width: 1023px) {
  .footer__nav__sp {
    display: none;
  }

  .footer__nav__pc {
    display: block;
    display: flex;
    flex-wrap: wrap;
    gap: 0 43px;
  }

  .footer {
    max-width: 100%;
    min-width: 1024px;
    padding-top: 85px;
    padding-bottom: 85px;
    margin: 0 160px;
  }

  .footer__title {
    justify-content: left;
    gap: 0;
    margin: 0;
  }

  .footer__main {
    display: flex;
    gap: 0 71px;
  }

  .footer__sanzen {
    display: flex;
    flex-direction: column;
    min-width: 251px;
  }

  .footer__name {
    font-size: 3.6rem;
  }

  .sanzen__icon {
    width: 60px;
    height: 60px;
    margin-left: 11px;
  }

  .footer__sns {
    gap: 0 22px;
    margin: 18px auto 0;
  }

  .line {
    width: 1px;
    height: 120px;
    background-color: var(--black);
    margin: 0;
  }

  .footer__nav__pc {
    justify-content: left;
    white-space: nowrap;
  }

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

  .copy {
    margin: 50px auto 0;
    font-size: 1.4rem;
  }
}