/*MV
=======================================================*/
.mv-bg{
  width: 50%;
}
.mv-img{
  height: 90vh;
  display: block;
  width: 100%;
  object-fit: cover;
}
.mv-catch{
  display: flex;
  align-items: center;
}
.mv-catch-main-wrap{
  font-family: "ZenOldMincho Bold";
  margin: 0 auto;
}
.mv-catch-main{
  font-size: 50px;
  text-align: center;
  line-height: 1.5;
}
.mv-catch-main span{
  font-size: 70px;
  display: block;
}
.mv-catch-main-img{
  display: block;
  object-fit: contain;
  margin: 40px auto;
}
.mv-catch-sub{
  text-align: center;
  font-size: 25px;
}

@media screen and (max-width: 1200px){
  .mv-catch-main{
    font-size: 4vw;
  }
  .mv-catch-main span{
    font-size: 6vw;
  }
  .mv-catch-sub{
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px){
  .mv-img{
    height: 60vh;
  }
  .mv-catch-main span{
    line-height: 1.5;
  }
  .mv-catch-sub{
    font-size: 2.5vw;
  }
  .mv-catch-main-img{
    width: 20vw;
  }
}

/*導入
=======================================================*/
.intro{
  background: #535353;
  position: relative;
}
.intro::before{
  content: "";
  position: absolute;
  background: url(/wp-content/themes/ichijohajime_hp/img/logo01.png) no-repeat;
  background-size: contain;
  background-position: left;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.intro-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-family: "ZenOldMincho Bold";
}
.intro-box-txt{
  font-size: 20px;
}
.intro-box-name{
  font-size: 30px;
}
.intro-box-name span{
  font-size: 50px;
  margin-right: 20px;
}
.intro-sns{
  display: flex;
  gap: 30px;
}
.intro-sns a svg{
  color:#fff;
  font-size: 50px;
}

@media screen and (max-width: 768px){
  .intro-wrap{
    flex-wrap: wrap;
  }
  .intro-box{
    margin-bottom: 20px;
  }
  .intro-box-txt{
    font-size: 4vw;
  }
  .intro-box-name{
    font-size: 5vw;
  }
  .intro-box-name span{
    font-size: 9vw;
  }
  .intro-sns{
    justify-content: flex-end;
    width: 100%;
  }
  .intro-sns a svg{
    font-size: 30px;
  }
}

/*掲載メディア
=======================================================*/
.publish-wrap{
  display: flex;
  justify-content: space-between;
}
.publish-ttl{
  font-family: "ZenOldMincho Bold";
  font-size: 25px;
  width: 30%;
}
.publish-ttl span{
  font-size: 60px;
  display: block;
}
.publish-box{
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}
.publish-box img{
  width: calc(100% / 3.3);
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

@media screen and (max-width: 768px){
  .publish-ttl{
    font-size: 3vw;
    width: 40%;
  }
  .publish-ttl span{
    font-size: 11vw;
    display: block;
  }
  .publish-box img{
    width: calc(100% / 2.3);
  }
}

/*一条はじめ
=======================================================*/
.profile{
  border-top: 20px solid;
  border-bottom: 20px solid;
  border-image: linear-gradient(144deg,rgba(254, 212, 116, 1) 2%, rgba(7, 25, 41, 1) 41%, rgba(254, 212, 116, 1) 100%)1;
}
.profile-ttl{
  font-family: "ZenOldMincho Bold";
  font-size: 30px;
  text-align: center;
  line-height: 1.5;
}
.profile-ttl span{
  display: block;
  font-size: 60px;
}
.profile-wrap{
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.profile-img{
  object-fit: contain;
  width: 40%;
}
.profile-txt p{
  color: #000;
  margin: 30px 0;
  font-size: 16px;
}

@media screen and (max-width: 768px){
  .profile-ttl{
    font-size: 5vw;
  }
  .profile-ttl span{
    font-size: 10vw;
  }
  .profile-wrap{
    flex-wrap: wrap;
  }
  .profile-img{
    margin: 0 auto;
  }
  .profile-txt p{
    font-size: 3.5vw;
    margin: 20px 0;
  }
}

/*著名人
=======================================================*/
.famous-wrap{
  margin-bottom: 40px;
}
.famous-wrap:last-child{
  margin-bottom: 0;
}
.famous-box1{
  display: flex;
  gap:20px;
}
.famous-img{
  width: 40%;
  height: 500px;
  object-fit: cover;
}
.famous-box1-txt{
  font-family: "ZenOldMincho Bold";
  margin-top: 20px;
}
.famous-box1-txt-ttl{
  font-size: 30px;
}
.famous-box1-txt-ttl::after{
  content: "";
  width: 1px;
  height: 100px;
  background: #000;
  display: block;
  margin: 10px;
}
.famous-box1-txt-intro{
  font-size: 25px;
}
.famous-box2{
  background: #F4F4F4;
  margin-top: 20px;
  padding: 20px;
  display: flex;
}
.famous-box2-right{
  width: 20%;
}
.famous-box2-right-name{
  font-size: 13px;
  margin-bottom: 10px;
  line-height: 1.8;
}
.famous-box2-right-name span{
  display: block;
  font-size: 20px;
}
.famous-box2-right svg{
  font-size: 30px;
  margin-right: 10px;
}
.famous-box2-left p{
  margin-bottom: 20px ;
  font-size: 13px;
}
.famous-box2-left p:last-child{
  margin-bottom: 0;
}

@media screen and (max-width: 768px){
  .famous-img{
    height: 300px;
  }
  .famous-box1-txt-ttl{
    font-size: 5vw;
  }
  .famous-box1-txt-ttl::after{
    height: 50px;
  }
  .famous-box1-txt-intro{
    font-size: 3.2vw;
  }
  .famous-box2{
    flex-wrap: wrap;
  }
  .famous-box2-right{
    width: 100%;
  }
  .famous-box2-left{
    margin-top: 10px;
  }
  .famous-box2-left p{
    margin-bottom: 15px;
    font-size: 3.2vw;
  }
}

/*経歴
=======================================================*/
.biography{
  background: #F9F9F9;
}
.biography-wrap{
  display: flex;
}
h2.biography-ttl{
  font-family: "ZenOldMincho Regular";
  font-size: 40px;
  color: rgba(0,0,0,0.2);
  width: 40%;
}
h2.biography-ttl span{
  display: block;
  font-size: 60px;
  color: #000;
  line-height: 1;
}
.biography-box{
  width: 60%;
}
.biography-box dl{
  display: flex;
  margin-bottom: 15px;
}
.biography-box dl dt{
  width: 25%;
}
.biography-box dl dd{
  width: 75%;
}
.biography-bottom-txt{
  text-align: center;
  margin-top: 40px;
  font-size: 18px;
}
.biography-box dl.fb dt,
.biography-box dl.fb dd{
	font-family: "NotoSansJP Bold";
}

@media screen and (max-width: 768px){
  .biography-wrap{
    flex-wrap: wrap;
  }
  h2.biography-ttl{
    width: 100%;
    font-size: 6vw;
  }
  h2.biography-ttl span{
    font-size: 10vw;
  }
  .biography-box{
    width: 100%;
    margin-top: 20px;
  }
  .biography-box dl{
    margin-bottom: 5px;
  }
  .biography-box dl dt{
    font-size: 3.5vw;
  }
  .biography-box dl dd{
    font-size: 3.5vw;
  }
  .biography-bottom-txt{
    font-size: 3.8vw;
  }
}

/*一条はじめの想い
=======================================================*/
.message-wrap{
  display: flex;
  align-items: flex-end;
}
.message-box{
  background: #535353;
  position: relative;
  color: #fff;
  margin-bottom: -50px;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.message-box::before{
  content: "MESSAGE";
  font-family: "ZenOldMincho Regular";
  position: absolute;
  color: rgba(83, 83, 83, 0.4);
  top: -80px;
  font-size: 50px;
  right: 0;
}
.message-box::after{
  content: "";
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
  background: #535353;
  left: -100px;
  display: block;
}
h2.message-box-ttl{
  font-family: "ZenOldMincho Regular";
  font-size: 40px;
  text-align: center;
  margin-bottom: 40px;
}
.message-box-txt{
  font-size: 17px;
  line-height: 2.5;
}
.message-box-txt span{
  font-size: 25px;
}

@media screen and (max-width: 768px){
  .message-wrap{
    flex-wrap: wrap;
  }
  .message-box{
    height: auto;
    width: 80%;
    padding: 40px 0;
    margin-left: auto;
    margin-top: -30px;
    margin-bottom: 0;
  }
  .message-box::after{
    width: 70px;
    left: -70px;
  }
  h2.message-box-ttl{
    font-size: 8vw;
    margin-bottom: 20px;
  }
  .message-box-txt{
    font-size: 3.5vw;
  }
}

/*一条はじめの想い2
=======================================================*/
.message2{
  background: url(/wp-content/themes/ichijohajime_hp/img/profile/message2-bg.png) no-repeat;
  background-size: contain;
  background-position: top;
  position: relative;
}
.message2::after{
  content: "";
  background: #FFF9F3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.message2-catch1{
  text-align: center;
  font-family: "ZenOldMincho Regular";
  font-size: 35px;
  margin-bottom: 40px;
  line-height: 1.5;
}
.message2-q{
  text-align: center;
  font-size: 20px;
  margin-bottom: 40px;
}
.message2-txt1{
  line-height: 2.4;
  margin-bottom: 50px;
}
.message2-catch2{
  font-family: "ZenOldMincho Regular";
  font-size: 55px;
  line-height: 1.3;
  margin-bottom: 50px;
}
.message2-txt2{
  width: fit-content;
  background: #fff;
  padding: 50px;
  line-height: 2;
  margin-left: auto;
  font-size: 17px;
  letter-spacing: 1px;
}
.message2-txt2-name{
  text-align: right;
  margin-top: 20px;
}

@media screen and (max-width: 768px){
  .message2-catch1{
    font-size: 4.3vw;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  .message2-q{
    font-size: 4vw;
    margin-bottom: 20px;
  }
  .message2-txt1{
    line-height: 2.1;
    font-size: 3.3vw;
  }
  .message2-catch2{
    font-size: 8vw;
    line-height: 1.8;
  }
  .message2-txt2{
    padding: 20px;
    font-size: 3.1vw;
  }
}

/*得意施術
=======================================================*/
.treatment{
  background: #F9F9F9;
}
.treatment-ttl{
  font-family: "ZenOldMincho Regular";
  font-size: 50px;
  color:rgba(0,0,0,0.2);
  text-align: right;
}
.treatment-ttl span{
  font-size: 70px;
  display: block;
  color:#000;
  text-align: left;
  line-height: 0.8;
}
.treatment-catch{
  font-family: "ZenOldMincho Regular";
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  text-align: center;
  margin: 40px 0;
}
.treatment-catch-img{
  width: 35%;
  object-fit: contain;
}
.treatment-catch-box h3{
  font-size: 45px;
}
.treatment-catch-box-txt{
  font-size: 25px;
}
.treatment-txt p{
  font-size: 17px;
  margin: 0 0 30px 0;
  line-height: 2.1;
}
.treatment-txt p:last-child{
  margin: 0;
}
.treatment-voice{
  background: #fff;
  padding: 50px;
  margin-top: 50px;
}
.treatment-voice-ttl{
  font-family: "ZenOldMincho Regular";
  font-size: 30px;
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.5;
}
.treatment-voice-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.treatment-voice-box{
  background: #F9F9F9;
  width: calc(100% / 2 - 10px);
  padding: 20px;
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.treatment-voice-box span{
  display: block;
  text-align: right;
  margin-top: auto;
  padding-top: 20px;
}

@media screen and (max-width: 768px){
  .treatment-ttl{
    font-size: 8vw;
  }
  .treatment-ttl span{
    font-size: 7.5vw;
  }
  .treatment-catch{
    gap:0;
  }
  .treatment-catch-img{
    width: 30%;
  }
  .treatment-catch-box{
    width: 70%;
  }
  .treatment-catch-box h3{
    font-size: 7vw;
  }
  .treatment-catch-box-txt{
    font-size: 4vw;
  }
  .treatment-txt p{
    font-size: 3.5vw;
    margin: 0 0 20px 0;
  }
  .treatment-voice{
    padding: 20px;
  }
  .treatment-voice-ttl{
    font-size: 6vw;
    margin-bottom: 20px;
  }
  .treatment-voice-box{
    width: 100%;
    font-size: 3.5vw;
  }
  .treatment-voice-box span{
    padding-top: 0;
  }
}

/*性の学び場
=======================================================*/
h2.learn-ttl{
  font-family: "ZenOldMincho Regular";
  font-size: 40px;
  line-height: 1.5;
}
.learn-wrap{
  margin-top: 50px;
}
.learn-box{
  margin-bottom: 50px;
}
.learn-box:last-child{
  margin-bottom: 0;
}
.learn-box-ttl{
  display: flex;
  justify-content: center;
  align-items: center;
}
.learn-box-ttl span{
  background: #535353;
  color: #fff;
  border-radius: 50px;
  width: fit-content;
  padding: 5px 30px;
  font-family: "ZenOldMincho Regular";
  font-size: 25px;
  white-space: nowrap;
}
.learn-box-ttl::after{
  content: "";
  width: 100%;
  height: 1px;
  background: #535353;
}
.learn-inner{
  display: flex;
  margin-top: 30px;
  gap:30px;
}
.learn-img img{
  object-fit: cover;
}
.learn-txt{
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.learn-txt h3{
  font-family: "ZenOldMincho Regular";
  font-size: 30px;
  line-height: 1.5;
}
.learn-detail{
}
.learn-btn{
  display: flex;
  justify-content: center;
  align-items: center;
}
.learn-btn span{
  border: 1px solid #535353;
  white-space: nowrap;
  border-radius: 50px;
  width: fit-content;
  font-family: "ZenOldMincho Regular";
  padding: 5px 20px;
}
.learn-btn::before{
  content: "";
  width: 100%;
  height: 1px;
  background: #535353;
}
.learn-btn span:hover{
  background: #535353;
  color: #fff;
}
.learn-detail-note{
  font-size: 12px;
}
.learn-txt-catch1{
  font-family: "ZenOldMincho Regular";
  font-size: 20px;
}
.learn-txt-catch2{
  font-family: "ZenOldMincho Regular";
  font-size: 20px;
}
.learn-txt-catch2 span{
  font-size: 26px;
  display: block;
}
.learn-box4 .learn-inner{
  display: block;
}
.learn-box4 .learn-img img{
  margin: 0 auto;
  display: block;
}
.learn-box4 .learn-txt{
  width: 100%;
}
.learn-box4 .learn-detail{
  margin: 40px 0;
}
.learn-box4 .learn-btn{
  width: 40%;
  margin-left: auto;
}

@media screen and (max-width: 768px){
  h2.learn-ttl{
    font-size: 5.5vw;
  }
  .learn-box-ttl span{
    font-size: 4vw;
  }
  .learn-inner{
    flex-wrap: wrap;
  }
  .learn-txt{
    width: 100%;
  }
  .learn-txt h3{
    font-size: 5vw;
  }
  .learn-detail{
    font-size: 3.1vw;
    margin: 10px 0;
  }
  .learn-txt-catch1{
    font-size: 4vw;
  }
  .learn-txt-catch2{
    font-size: 5vw;
  }
  .learn-txt-catch2 span{
    font-size: 5vw;
  }
  .learn-box4 .learn-btn{
    width: 100%;
  }
}

/*出演メディア
=======================================================*/
h2.appear-ttl{
  font-family: "ZenOldMincho Regular";
  font-size: 60px;
  position: relative;
}
h2.appear-ttl span{
  color: #D9D9D9;
  position: absolute;
  font-size: 90px;
  z-index: -1;
  top: -20%;
  line-height: 0;
}
.appear-wrap{
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 20px;
}
.appear-box{
  width: calc(100% / 2 - 10px);
}
.appear-box-ttl{
  font-size: 17px;
}
.appear-box-name{
  font-size: 12px;
}

@media screen and (max-width: 768px){
  h2.appear-ttl{
    font-size: 7vw;
  }
  h2.appear-ttl span{
    font-size: 20vw;
  }
  .appear-wrap{
    gap: 30px 20px;
  }
  .appear-box-ttl{
    font-size: 3vw;
  }
}

/*女性が本当に気持ち良いSEX
=======================================================*/
.phrase{
  background: #535353;
}
.phrase-ttl{
  background: linear-gradient(180deg,rgba(254, 212, 116, 1) 0%, rgba(255, 255, 255, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "ZenOldMincho Black";
  text-align: center;
  font-size: 50px;
}
.phrase-txt{
  color:#fff;
  font-family: "ZenOldMincho Black";
  text-align: center;
  font-size: 25px;
}

@media screen and (max-width: 768px){
  .phrase-ttl{
    font-size: 6vw;
  }
  .phrase-txt{
    font-size: 4.5vw;
  }
}