@charset "UTF-8";
/*======================================
background
/*======================================*/
.bgFixd-js {
  height: 100vh;
}
#index-bgFixd {
  background: url(../images/bg-glitter-01-PC.jpg) no-repeat center;
  background-size: cover;
}
#voiceA-bgFixd {
  background: url(../images/bg-glitter-03-PC.jpg) no-repeat center;
  background-size: cover;
}
#voiceB-bgFixd {
  background: url(../images/bg-glitter-02-PC.jpg) no-repeat center;
  background-size: cover;
}
#what .bg-top-min {
  background: url(../images/bg-room-01-PC.jpg) no-repeat center top;
  background-size: cover;
}
#lesson-bgFixd {
  background: url(../images/bg-esthetic-01-PC.jpg) no-repeat center;
  background-size: cover;
}
#profile-bgFixd {
  background: url(../images/bg-glitter-03-PC.jpg) no-repeat center top;
  background-size: cover;
}
/*======================================
main
/*======================================*/
.main-middle {
  background: url(../images/opt-bg-main-PC.png) no-repeat center top;
  background-size: cover;
}
.main .main-top {
  background: url(../images/opt-bg-main-top-PC.png) no-repeat center top;
  background-size: 100% 100%;
  padding: .8em 0 4.5em;
}
.main .main-middle img {
  margin-top: -4em;
}
.main .main-bottom .inner .max-wrap {
  position: relative;
}
.main .main-bottom {
  margin-top: -14%;
}
.main .main-bottom img {
  width: 60%;
  margin: 0 auto;
  transform: none;
}
.main .main-point {
  width: 20%;
  padding-top: 20%;
  right: auto;
  left: .5em;
  top: -45%;
}
/*#LP01*/
#LP01 .main .main-bottom img, #LP01 .main .main-bottom img {
  transform: none;
}
@media screen and (min-width: 1150px) {
  .main .main-bottom {
    margin-top: -8em;
  }
  .main .main-point {
    width: 17%;
    padding-top: 17%;
    right: auto;
    left: 2em;
  }
  .main .main-bottom img {
    width: 50%;
    transform: translate(-2em, 0);
  }
} /*END Query*/
/*.main .form-CMN*/
.form-CMN .aside-txt {
  font-size: 85%;
  margin: 1.5em auto;
  letter-spacing: 1px;
}
.main .form-CMN:before, .main .form-CMN:after {
  width: 25%;
  padding-top: calc(25%*.565);
}
/*======================================
index
/*======================================*/
#index .index-title:before {
  background: url(../images/opt-index-title-bg-PC.png) no-repeat center;
  background-size: cover;
}
#index .wrap, #index .lesson-index {
  max-width: 1200px;
}
#index .lesson-index li {
  width: calc(100%/3);
}
#index .lesson-index li:nth-of-type(1), #index .lesson-index li:nth-of-type(3) {
  transform: rotate(-5deg);
  margin: -7em 0 0 0;
}
#index .lesson-index li:nth-of-type(2) {
  margin: 0 0 0 0;
}
#index .lesson-index li:nth-of-type(3) {
  margin: -5em 0 0 0;
}
/*======================================
present
/*======================================*/
.present-CMN {
  margin-top: 3em;
  padding-bottom: 3em;
}
.present-CMN ol {
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
}
.present-CMN li {
  width: calc((100% - 2em*2)/3);
}
.present-CMN li:not(:last-of-type) {
  margin-right: 2em;
}
.present-CMN li.flex-SP {
  display: block;
}
.present-CMN li .thumbnail, .present-CMN li .desc {
  width: 100%;
  margin: 0 auto;
}
/*======================================
media
/*======================================*/
#media .wrap {
  max-width: none;
}
#media h3 {
  font-size: 1.65vw;
}
#media li {
  width: calc((100% - 2em*1)/2);
  display: flex;
  justify-content: space-between;
}
#media li:nth-of-type(odd) {
  margin-right: 2em;
}
#media li .thumbnail {
  float: none;
  width: 140px;
  margin: 0 1em 0 0;
}
#media li .lede {
  flex: 1;
  margin-right: 0;
}
#media li:last-of-type {
  width: 100%;
  margin-right: 0;
}
@media screen and (min-width: 1000px) {
  #media li .thumbnail {
    width: 200px;
  }
}
/*======================================
voiceA
/*======================================*/
#voiceA li .img {
  width: 150px;
  height: 150px;
  border-radius: 150px;
}
#voiceA li .inner {
  align-items: center;
}
#voiceA li .desc h2 {
  font-size: 110%;
}
#voiceA li .desc h2 span {
  display: inline;
}
#voiceA li .desc h3 {
  font-size: 140%;
}
#voiceA li .desc p {
  font-size: 100%;
  letter-spacing: 1px;
}
/*======================================
change
/*======================================*/
#change .wrap {
  max-width: none;
}
#change li {
  width: calc((100% - 1.5em*3)/4);
  margin-bottom: 1.5em;
}
#change li:nth-of-type(odd) {
  margin-right: 0;
}
#change li:not(:nth-of-type(4n)) {
  margin-right: 1.5em;
}
/*======================================
voiceB
/*======================================*/
#voiceB li {
  text-align: center;
  margin: 3.5em auto;
}
#voiceB li .left {
  width: 36%;
  margin-right: 1.5em;
}
#voiceB li .desc {
  flex: 1;
}
#voiceB li .img {
  width: 70%;
  max-width: 300px;
}
#voiceB li:last-of-type .img {
  margin-top: 0;
}
#voiceB li.voiceB-iwamoto .img {
  border-radius: 1em;
}
#voiceB li h2 {
  font-size: 130%;
}
#voiceB li h3 {
  font-size: 80%;
  margin: .5em auto 0;
  letter-spacing: 0;
}
#voiceB li p {
  font-size: 100%;
  text-align: justify;
}
/*======================================
what
/*======================================*/
#what .index-title:before {
  background: url(../images/opt-index-title-bg-PC.png) no-repeat center;
  background-size: cover;
}
#what .wrap:before {
  top: -30%;
}
#what .desc {
  margin-top: 2em;
}
#what .desc p {
  font-size: 110%;
}
/*======================================
profile
/*======================================*/
#profile .name p span {
  display: inline;
}
/*#profile-sendo*/
#profile #profile-sendo .img {
  width: 25%;
  margin: 0 0 1em 2em;
}
#profile #profile-sendo .name p {
  text-align: left;
}
#profile #profile-sendo .books {
  text-align: center;
}
#profile #profile-sendo .books h3 {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 150%;
  margin-bottom: 1em;
  padding: 0 3em;
}
#profile #profile-sendo .books h3:before, #profile #profile-sendo .books h3:after {
  position: absolute;
  content: "";
  width: 2.5em;
  border-top: 4px double rgba(200, 165, 80, .5);
  top: calc(0.5em + 2px);
}
#profile #profile-sendo .books h3:before {
  left: 0;
}
#profile #profile-sendo .books h3:after {
  right: 0;
}