@charset "UTF-8";
/*--------------------------------------------
aboutHead
---------------------------------------------*/
#aboutHead{
  background : url(/about/img/bg_pattern01.png);
}
#aboutHead .ttl:before{
  content : '';
  background : url(/ren1909/images/ui/icon/about04.png) no-repeat 0 0;
  background-size : 100% auto;
  display : inline-block;
  vertical-align : text-top;
}
@media screen and (max-width: 768px){
  #aboutHead{
    padding : calc( 40 * 100vw / 750 );
    padding-top : calc( 60 * 100vw / 750 );
    padding-bottom : calc( 70 * 100vw / 750 );
  }
  #aboutHead .ttl{
    font-size : calc( 60 * 100vw / 750 );
    font-weight : 700;
  }
  #aboutHead .ttl:before{
    width : calc( 91 * 100vw / 750 );
    height : calc( 91 * 100vw / 750 );
    margin-right : calc( 30 * 100vw / 750 );
  }
}
@media print,screen and (min-width: 769px){
  #aboutHead{
    padding: calc( 53 * 100vw / 1366 );
  }
  #aboutHead .ttl{
    font-size : calc( 36 * 100vw / 1366 );
    font-weight : 700;
  }
  #aboutHead .ttl:before{
    width : calc( 53 * 100vw / 1366 );
    height : calc( 53 * 100vw / 1366 );
    margin-right : calc( 15 * 100vw / 1366 );
  }
}

/*--------------------------------------------
Footer FixedNav
---------------------------------------------*/
#footerFixedNav {
  position: relative !important;
}
@media screen and (max-width: 768px){
  body {
    padding: 0;
  }
  #searchStore.is-absolute {
    top: calc(-200 * 100vw / 750) !important;
  }
  #searchStore:not(.is-absolute) {
    bottom: calc(20 * 100vw / 750) !important;
  }
}

/*--------------------------------------------
aboutPage
---------------------------------------------*/
.aboutPage .mv img {
  width: 100%;
  max-width: 100%;
}
.aboutPage .areaTitle{
  color : #fff;
  font-weight : 700;
  text-align : center;
  position: relative;
  z-index: 2;
}
.aboutPage .areaTitle.type03{
  color : #802077;
}
.aboutPage .result .result-ttl {
  display: flex;
  justify-content: center;
  align-items: center;
}
.aboutPage .result .result-ttl .result-ttl-txt {
  text-align: center;
  color: #ed447d;
  font-weight: 700;
}
.aboutPage .result .result-ttl::before,
.aboutPage .result .result-ttl::after {
  display: block;
  content: '';
  background-color: #ed447d;
}
.aboutPage .result .result-img img {
  width: 100%;
  max-width: 100%;
}
.aboutPage .btn-about {
  background-color: #ffd800;
  background-image: url(/ren1909/images/ui/icon/arwdown.png);
  background-repeat: no-repeat;
  background-position-y: center;
  box-shadow: 3px 3px 3px rgb(0 0 0 / 30%);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity .3s ease-in;
  margin: auto;
}
.aboutPage .btn-about.type-search {
  background-image: url(/ren1909/images/ui/icon/search04.png);
}
.aboutPage .areaTitle.type02{
  color : #802077;
}
.aboutPage .block:not(:first-child){
  border-top : solid 1px #4d3d4b;
}
.aboutPage .block:last-child{
  border-top : none;
}
.aboutPage .block:nth-child(1) picture,
.aboutPage .block:nth-child(4) picture{
  position: relative;
}
.aboutPage .block img{
  width : 100%;
}
.aboutPage .block .ttl{
  display : flex;
  align-items : flex-start;
}
.aboutPage .block .ttl .num{
  background : #4c3d4b;
  border-radius : 50%;
  color : #fff;
  font-weight : 700;
  text-align: center;
}
.aboutPage .block .ttl .num.type02{
  background : #ffd800;
  color: #802077;
}
.aboutPage .block .ttl .inr{
  flex : 1;
  font-weight: 700;
}
.aboutPage .block .catch{
  text-align: center;
}
.aboutPage .block .txt .large{
  font-weight: 700;
}
.aboutPage .block .catch dt{
  color : #802077;
  font-weight : 700;
  text-align: center;
}
.aboutPage .block:nth-child(1) .imgTxt{
  position : absolute;
  left : 0;
  bottom : 0;
}
.aboutPage .block:nth-child(1) .imgTxt dt .purple{
  color : #802077;
}
.aboutPage .block:nth-child(4) .imgTxt{
  position : absolute;
  left : 0;
  text-align: center;
}
.aboutPage .block:nth-child(4) .imgTxt dt{
  color : #802077;
  font-weight : 700;
}
.aboutPage #search h2{
  height : auto;
  padding-left : 0;
  background : none;
}
.aboutPage .block02{
  text-align : center;
}
.aboutPage .areaTitle + .block02{
  text-align : center;
}
.aboutPage .block .ttl02,
.aboutPage .block02 .ttl{
  color : #802077;
  font-weight : 700;
  text-align: center;
}
.aboutPage .trialBox .box{
  background-color: #802077;
}
.aboutPage .trialBox .box h2{
  color: #fff;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.aboutPage .trialBox .box a{
  background : url(/ren1909/images/about/btn_trial_bg.png) no-repeat center center;
  background-size : contain;
  text-shadow: 0 1px 4px rgba(51, 51, 51, 0.5);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity .3s ease-in;
}

@media screen and (max-width: 768px){
  .aboutPage .mv img {
    margin-top: calc( -41 * 100vw / 750 );
  }
  .aboutPage .areaTitle{
    background : url(/ren1909/images/about/area_title_bg_sp.png) no-repeat center center;
    background-size : cover;
    font-size : calc( 50 * 100vw / 750 );
    line-height: 1.2;
    padding : calc( 40 * 100vw / 750 );
    padding-top : calc( 35 * 100vw / 750 );
    padding-bottom : calc( 73 * 100vw / 750 );
  }
  .aboutPage .areaTitle.type02{
    background : url(/ren1909/images/about/area_title_bg02_sp.png) no-repeat center center;
    background-size: cover;
  }
  .aboutPage .areaTitle.type03{
    background : url(/ren1909/images/about/area_title_bg_sp03.png) no-repeat center center;
    background-size: cover;
    padding-bottom : calc( 85 * 100vw / 750 );
  }
  .aboutPage .result {
    margin-top: calc(40 * 100vw / 750);
  }
  .aboutPage .result .result-ttl .result-ttl-txt {
    margin: 0 calc(80 * 100vw / 750);
    font-size: calc(36 * 100vw / 750);
    line-height: calc(45 * 100vw / 750);
  }
  .aboutPage .result .result-ttl .result-ttl-txt .big {
    font-size: calc(60 * 100vw / 750);
    line-height: calc(75 * 100vw / 750);
  }
  .aboutPage .result .result-ttl::before,
  .aboutPage .result .result-ttl::after {
    width: calc(4 * 100vw / 750);
    height: calc(240 * 100vw / 750);
    transform: rotate(25deg);
  }
  .aboutPage .result .result-ttl::before {
    transform: rotate(-25deg);
  }
  .aboutPage .result .result-img {
    margin-top: calc(40 * 100vw / 750)
  }
  .aboutPage .btn-about {
    background-size: calc( 30 * 100vw / 750 ) calc( 19 * 100vw / 750 );
    background-position-x: calc( 525 * 100vw / 750 );
    font-size: calc( 40 * 100vw / 750 );
    width: calc( 590 * 100vw / 750 );
    height: calc( 90 * 100vw / 750 );
    border-radius: calc( 45 * 100vw / 750 );
    margin-top: calc( 39 * 100vw / 750 );
  }
  .aboutPage .btn-about.type-search {
    background-size: calc( 70 * 100vw / 750 );
    background-position-x: calc( 14 * 100vw / 750 );
  }
  .aboutPage .btnBox a:not(:first-child) {
    margin-top: calc( 40 * 100vw / 750 );
  }
  .aboutPage .block{
    padding-top : calc( 80 * 100vw / 750 );
    padding-bottom : calc( 80 * 100vw / 750 );
  }
  .aboutPage .block:first-child{
    padding-top : calc( 42 * 100vw / 750 );
  }
  .aboutPage .block:last-child{
    padding-bottom : calc( 150 * 100vw / 750 );
  }
  .aboutPage .block:nth-child(4){
    padding-top: calc( 44 * 100vw / 1366 );
    padding-bottom: calc( 167 * 100vw / 750 );
  }
  .aboutPage .block .col.type02 .colRight{
    text-align: center;
  }
  .aboutPage .block .col.type02 .colRight img{
    width : auto;
  }
  .aboutPage .block .ttl{
    align-items : flex-start;
  }
  .aboutPage .block .ttl .num{
    font-size : calc( 63 * 100vw / 750 );
    line-height : calc( 90 * 100vw / 750 );
    width : calc( 90 * 100vw / 750 );
    margin-right : calc( 19 * 100vw / 750 );
  }
  .aboutPage .block .ttl .inr{
    font-size : calc( 48 * 100vw / 750 );
    line-height : 1.4;
    margin-top : calc( -5 * 100vw / 750 );
  }
  .aboutPage .block .ttl .inr .marker{
    background: linear-gradient(#fff 0%, #fff 62%, #e5d8e5 63%, #e5d8e5 89%, #fff 90%);
  }
  .aboutPage .block .txt{
    margin-top: calc( 25 * 100vw / 750 );
    margin-bottom: calc( 48 * 100vw / 750 );
    font-size: calc( 30 * 100vw / 750 );
    line-height: calc( 40 / 30 );
  }
  .aboutPage .block .txt:first-child{
    margin-top : calc( 0 * 100vw / 750 );
  }
  .aboutPage .block .txt.type02:first-child{
    margin-bottom : calc( 150 * 100vw / 750 );
  }
  .aboutPage .block .note{
    font-size : calc( 28 * 100vw / 750 );
    line-height : calc( 38 / 28 );
  }
  .aboutPage .block .catch{
    background : url(/ren1909/images/about/catch_bg_sp.png) no-repeat center center;
    background-size : 100% 100%;
    padding-top : calc( 32 * 100vw / 750 );
    padding-bottom : calc( 36 * 100vw / 750 );
    margin-top : calc( 110 * 100vw / 750 );
    margin-right: calc( -4 * 100vw / 750 );
    margin-left: calc( -4 * 100vw / 750 );
  }
  .aboutPage .block .catch dt{
    font-size : calc( 47 * 100vw / 750 );
    line-height : calc( 56 / 48 );
    margin-bottom : calc( 12 * 100vw / 750 );
  }
  .aboutPage .block .catch dd{
    font-size : calc( 24 * 100vw / 750 );
  }
  .aboutPage .block .txt.type02 + picture.imgCenter{
    margin-bottom : calc( 120 * 100vw / 750 );
  }
  .aboutPage .colRight{
    margin-top : calc( 55 * 100vw / 750 );
  }
  .aboutPage .block:nth-child(3) picture.imgCenter{
    margin-top : calc( 70 * 100vw / 750 );
  }
  .aboutPage .block:nth-child(4) picture.imgCenter{
    width : calc( 467 * 100vw / 750 );
    margin : auto;
    margin-top : calc( 80 * 100vw / 750 );
  }
  .aboutPage .block:nth-child(1) .imgTxt dt{
    font-size : calc( 23 * 100vw / 750 );
    font-weight : 700;
    line-height : calc( 26 / 23 );
  }
  .aboutPage .block:nth-child(1) .imgTxt dt .num{
    font-size : calc( 52 * 100vw / 750 );
  }
  .aboutPage .block:nth-child(1) .imgTxt dt .mark{
    font-size : calc( 17 * 100vw / 750 );
    position : relative;
    top : calc( -5 * 100vw / 750 );
  }
  .aboutPage .block:nth-child(1) .imgTxt dd{
    font-size : calc( 19 * 100vw / 750 );
    line-height : calc( 25 / 19 );
    margin-top : calc( 3 * 100vw / 750 );
  }
  .aboutPage .block:nth-child(4) .imgTxt {
    top : calc( 40 * 100vw / 750 );
  }
  .aboutPage .block:nth-child(4) .imgTxt dt{
    font-size : calc( 40 * 100vw / 750 );
    line-height : calc( 48 / 40 );
  }
  .aboutPage .block:nth-child(4) .imgTxt dd{
    font-size : calc( 24 * 100vw / 750 );
    margin-top : calc( 16 * 100vw / 750 );
  }
  .aboutPage .block picture.voice,
  .aboutPage .trialBox picture.voice{
    margin-top: calc( 40 * 100vw / 750 );
  }
  .aboutPage .block picture.voice .btn_voice,
  .aboutPage .trialBox picture.voice .btn_voice {
    box-sizing: border-box;
    display: block;
    text-align: center;
    background-image: url(https://cv1.t1.stylement.jp./img/btn_voice.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: calc( 141 * 100vw / 750 );
    color: #fff;
    font-weight: 700;
    font-size: calc( 50 * 100vw / 750 );
    padding-top: 1em;
  }
  .aboutPage .trialBox picture.voice .btn_voice {
    margin-top: calc( 30 * 100vw / 750 );
  }
  .aboutPage #search .box {
    margin-bottom: calc( 150 * 100vw / 750 );
    padding-top: calc( 50 * 100vw / 750 );
    padding-bottom: calc( 50 * 100vw / 750 );
    padding-left: calc( 40 * 100vw / 750 );
    padding-right: calc( 40 * 100vw / 750 );
  }
  .aboutPage #search h2{
    font-size : calc( 50 * 100vw / 750 );
    text-align : center;
  }
  .aboutPage #trial {
    padding-bottom : calc( 120 * 100vw / 750 );
  }
  .aboutPage #trial img {max-width: 100%;}
  .aboutPage .block02{
    padding-left: calc( 40 * 100% / 750 );
    padding-right: calc( 40 * 100% / 750 );
    padding-top : calc( 120 * 100vw / 750 );
    padding-bottom : calc( 220 * 100vw / 750 );
  }
  .aboutPage .areaTitle + .block02{
    background-color: #e5d8e5;
    padding-top : calc( 108 * 100vw / 750 );
    padding-bottom : calc( 151 * 100vw / 750 );
    margin-top : calc( -31 * 100vw / 750 );
  }
  .aboutPage .areaTitle + .block02.type02{
    padding-top : calc( 73 * 100vw / 750 );
    padding-bottom : calc( 118 * 100vw / 750 );
    margin-top : calc( -113 * 100vw / 750 );
  }
  .aboutPage .block02 .wrap{
    padding: 0;
  }
  .aboutPage .block .ttl02,
  .aboutPage .block02 .ttl{
    font-size : calc( 48 * 100vw / 750 );
  }
  .aboutPage .block .ttl02{
    margin-bottom : calc( 60 * 100vw / 750 );
  }
  .aboutPage .block02 .catch{
    font-size : calc( 42 * 100vw / 750 );
    line-height : calc( 58 / 42 );
    margin-top : calc( 25 * 100vw / 750 );
  }
  .aboutPage .block02 .txt{
    font-size : calc( 30 * 100vw / 750 );
    line-height : calc( 46 / 30 );
    margin-top : calc( 67 * 100vw / 750 );
    text-align: left;
  }
  .aboutPage .block02 .movie{
    margin-top : calc( 52 * 100vw / 750 );
  }
  .aboutPage .block02 .movie iframe{
    width : 100%;
    height : calc( 390 * 100vw / 750 );
    margin : auto;
    background : #ccc;
  }
  .aboutPage .movie02{
    margin-top : calc( 75 * 100vw / 750 );
  }
  .aboutPage .movie02 iframe{
    width : 100%;
    height : calc( 390 * 100vw / 750 );
    margin : auto;
    background : #ccc;
  }
  .aboutPage .trialBox .box {
    border-radius: calc( 10 * 100vw / 750 );
    margin-bottom: calc( 50 * 100vw / 750 );
    padding-top: calc( 50 * 100vw / 750 );
    padding-bottom: calc( 50 * 100vw / 750 );
    padding-left: calc( 40 * 100vw / 750 );
    padding-right: calc( 40 * 100vw / 750 );
  }
  .aboutPage .trialBox .box h2 {
      font-size: calc( 50 * 100vw / 750 );
      text-align: center;
  }
  .aboutPage .trialBox .box a {
    font-size: calc( 40 * 100vw / 750 );
    width: 100%;
    height: calc( 90 * 100vw / 750 );
    border-radius: calc( 45 * 100vw / 750 );
    margin-top: calc( 40 * 100vw / 750 );
  }
  .aboutPage .trialBox picture.voice{
    margin-bottom: calc( 150 * 100vw / 750 );
    padding-bottom: calc( 50 * 100vw / 750 );
  }
  .aboutPage .trialBox picture.voice img{
    width: 100%;
  }
}
@media print,screen and (min-width: 769px){
  .aboutPage .mv img {
    margin-top: calc( -34 * 100vw / 1366 );
  }
  .aboutPage .areaTitle{
    background : url(/ren1909/images/about/area_title_bg.png) no-repeat center center;
    background-size : cover;
    font-size : calc( 36 * 100vw / 1366 );
    padding : calc( 40 * 100vw / 1366 );
    padding-top : calc( 44 * 100vw / 1366 );
    padding-bottom : calc( 73 * 100vw / 1366 );
  }
  .aboutPage .areaTitle.type02{
    background : url(/ren1909/images/about/area_title_bg02.png) no-repeat center center;
    background-size: cover;
  }
  .aboutPage .areaTitle.type03{
    background : url(/ren1909/images/about/area_title_bg03.png) no-repeat center center;
    background-size: cover;
    padding-top : calc( 18 * 100vw / 1366 );
  }
  .aboutPage .result {
    margin-top: calc(20 * 100vw / 1366);
  }
  .aboutPage .result .result-ttl .result-ttl-txt {
    margin: 0 calc(100 * 100vw / 1366);
    font-size: calc(30 * 100vw / 1366);
    line-height: calc(45 * 100vw / 1366);
  }
  .aboutPage .result .result-ttl .result-ttl-txt .big {
    font-size: calc(50 * 100vw / 1366);
    line-height: calc(75 * 100vw / 1366);
  }
  .aboutPage .result .result-ttl::before,
  .aboutPage .result .result-ttl::after {
    width: calc(4 * 100vw / 1366);
    height: calc(240 * 100vw / 1366);
    transform: rotate(35deg);
  }
  .aboutPage .result .result-ttl::before {
    transform: rotate(-35deg);
  }
  .aboutPage .result .result-img {
    margin-top: calc(20 * 100vw / 750);
  }
  .aboutPage .areaTitle .sml{
    font-size : calc( 24 * 100vw / 1366 );
    display: inline-block;
    margin-bottom : calc( 10 * 100vw / 1366 );
  }
  .aboutPage .btnBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .aboutPage .btn-about {
    background-size: calc( 20 * 100vw / 1366 ) calc( 13 * 100vw / 1366 );
    background-position-x: calc( 386 * 100vw / 1366 );
    font-size: calc( 24 * 100vw / 1366 );
    width: calc( 450 * 100vw / 1366 );
    height: calc( 70 * 100vw / 1366 );
    border-radius: calc( 35 * 100vw / 1366 );
    margin-top: calc( 44 * 100vw / 1366 );
  }
  .aboutPage .btnBox .btn-about{
    width: calc( 436 * 100vw / 1366 );
  }
  .aboutPage .btn-about.type-search {
    background-size: calc( 53 * 100vw / 1366 );
    background-position-x: calc( 10 * 100vw / 1366 );
  }
  .aboutPage .wrap{
    padding-left : calc( 193 * 100% / 1366 );
    padding-right : calc( 193 * 100% / 1366 );
  }
  .aboutPage .block{
    padding-top : calc( 80 * 100vw / 1366 );
    padding-bottom : calc( 80 * 100vw / 1366 );
  }
  .aboutPage .block:first-child{
    padding-top: calc( 80 * 100vw / 1366 );
    padding-bottom: calc( 90 * 100vw / 1366 );
  }
  .aboutPage .block:nth-child(4){
    padding-top : calc( 60 * 100vw / 1366 );
    padding-bottom: calc( 80 * 100vw / 1366 );
  }
  .aboutPage .col{
    display : flex;
    justify-content : space-between;
  }
  .aboutPage .colLeft{
    width : calc( 450 * 100vw / 1366 );
  }
  .aboutPage .colRight{
    width : calc( 490 * 100vw / 1366 );
  }
  .aboutPage .col.type02 .colLeft{
    width : calc( 650 * 100vw / 1366 );
  }
  .aboutPage .col.type02 .colRight{
    width : calc( 290 * 100vw / 1366 );
  }
  .aboutPage .block:nth-child(3) .ttl{
    align-items : flex-start;
  }
  .aboutPage .block .ttl .num{
    font-size : calc( 42 * 100vw / 1366 );
    line-height : calc( 60 * 100vw / 1366 );
    width : calc( 60 * 100vw / 1366 );
    margin-right : calc( 19 * 100vw / 1366 );
  }
  .aboutPage .block .ttl .inr{
    font-size : calc( 24 * 100vw / 1366 );
    line-height : calc( 36 / 24 );
    margin-top : calc( -6 * 100vw / 1366 );
  }
  .aboutPage .block .ttl .inr .marker{
    background: linear-gradient(transparent 0%, #fff 67%, #e5d8e5 68%, #e5d8e5 90%);
  }
  .aboutPage .block .txt{
    font-size : calc( 16 * 100vw / 1366 );
    line-height : calc( 24 / 16 );
    margin-top : calc( 13 * 100vw / 1366 );
  }
  .aboutPage .block .col .txt{
    font-size : calc( 20 * 100vw / 1366 );
    line-height : calc( 32 / 20 );
  }
  .aboutPage .block .txt.type02{
    margin-bottom: calc( 4 * 100vw / 1366 );
    font-size : calc( 20 * 100vw / 1366 );
    line-height : calc( 32 / 20 );
  }
  .aboutPage .block .txt:first-child{
    margin-top : calc( 0 * 100vw / 1366 );
  }
  .aboutPage .block .txt .large{
    font-size : calc( 20 * 100vw / 1366 );
  }
  .aboutPage .block .note{
    font-size : calc( 14 * 100vw / 1366 );
    line-height : calc( 20 / 14 );
  }
  .aboutPage .block .catch{
    background : url(/ren1909/images/about/catch_bg.png) no-repeat center center;
    background-size : 100% 100%;
    padding : calc( 20 * 100vw / 1366 );
    margin-top : calc( 80 * 100vw / 1366 );
  }
  .aboutPage .block .catch dt{
    font-size : calc( 32 * 100vw / 1366 );
    line-height : calc( 38 / 32 );
    margin-bottom : calc( 8 * 100vw / 1366 );
  }
  .aboutPage .block .catch dd{
    font-size : calc( 16 * 100vw / 1366 );
    line-height : calc( 22 / 16 );
  }
  .aboutPage .block picture.imgCenter,
  .aboutPage .trialBox picture.imgCenter{
    text-align : center;
  }
  .aboutPage .block .txt.type02 + picture.imgCenter{
    margin-top : calc( 14 * 100vw / 1366 );
    margin-bottom : calc( 120 * 100vw / 1366 );
  }
  .aboutPage .block picture.voice{
    margin-top: calc( 40 * 100vw / 1366 );
  }
  .aboutPage .block picture.voice .btn_voice,
  .aboutPage .trialBox picture.voice .btn_voice {
    box-sizing: border-box;
    display: block;
    text-align: center;
    background-image: url(https://cv1.t1.stylement.jp./img/btn_voice.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: calc( 90 * 100vw / 1366 );
    color: #fff;
    font-weight: 700;
    font-size: calc( 30 * 100vw / 1366 );
    padding-top: 1em;
    margin-top: calc( 15 * 100vw / 1366 );
  }
  .aboutPage .block:nth-child(3) picture.imgCenter{
    margin-top : calc( 77 * 100vw / 1366 );
  }
  .aboutPage .block:nth-child(4) picture.imgCenter{
    margin : auto;
    margin-top : calc( 57 * 100vw / 1366 );
    width : calc( 379 * 100vw / 1366 );
  }
  .aboutPage .block picture.imgCenter img,
  .aboutPage .trialBox picture.imgCenter img{
    width : auto;
    max-width : 100%;
    margin : auto;
  }
  .aboutPage .block:nth-child(1) .imgTxt dt{
    font-size : calc( 17 * 100vw / 1366 );
    font-weight : 700;
    line-height : calc( 19 / 17 );
  }
  .aboutPage .block:nth-child(1) .imgTxt dt .num{
    font-size : calc( 38 * 100vw / 1366 );
  }
  .aboutPage .block:nth-child(1) .imgTxt dt .mark{
    font-size : calc( 10 * 100vw / 1366 );
    vertical-align: super;
  }
  .aboutPage .block:nth-child(1) .imgTxt dd{
    font-size : calc( 14 * 100vw / 1366 );
    line-height : calc( 18 / 14 );
    margin-top : calc( 3 * 100vw / 1366 );
  }
  .aboutPage .block:nth-child(4) .imgTxt{
    top : calc( 55 * 100vw / 1366 );
  }
  .aboutPage .block:nth-child(4) .imgTxt dt{
    font-size : calc( 30 * 100vw / 1366 );
    line-height : calc( 38 / 30 );
  }
  .aboutPage .block:nth-child(4) .imgTxt dd{
    font-size : calc( 18 * 100vw / 1366 );
    margin-top : calc( 16 * 100vw / 1366 );
  }
  .aboutPage #search .box {
    margin-bottom : calc( 150 * 100vw / 1366 );
    padding-top : calc( 35 * 100vw / 1366 );
    padding-bottom : calc( 35 * 100vw / 1366 );
    padding-left : calc( 60 * 100vw / 1366 );
    padding-right : calc( 53 * 100vw / 1366 );
  }
  .aboutPage #search h2{
    font-size : calc( 32 * 100vw / 1366 );
  }
  .aboutPage #trial {
    padding-left: calc( 193 * 100% / 1366 );
    padding-right: calc( 193 * 100% / 1366 );
    padding-bottom : calc( 120 * 100vw / 1366 );
  }
  .aboutPage #trial a img {width: 100%;}
  .aboutPage .block02{
    padding-top : calc( 80 * 100vw / 1366 );
    padding-bottom : calc( 100 * 100vw / 1366 );
  }
  .aboutPage .areaTitle + .block02{
    background-color: #e5d8e5;
    padding-top : calc( 74 * 100vw / 1366 );
    padding-bottom : calc( 76 * 100vw / 1366 );
    margin-top : calc( -31 * 100vw / 1366 );
  }
  .aboutPage .areaTitle + .block02.type02{
    text-align: left;
    padding-top : calc( 29 * 100vw / 1366 );
    padding-bottom : calc( 160 * 100vw / 1366 );
  }
  .aboutPage .block .ttl02,
  .aboutPage .block02 .ttl{
    font-size : calc( 30 * 100vw / 1366 );
  }
  .aboutPage .block .ttl02 {
    margin-bottom : calc( 50 * 100vw / 1366 );
  }
  .aboutPage .block .txt.type02 + .ttl02 {
    margin-top : calc( 114 * 100vw / 1366 );
  }
  .aboutPage .block02 .catch{
    font-size : calc( 24 * 100vw / 1366 );
    line-height : calc( 36 / 24 );
    margin-top : calc( 24 * 100vw / 1366 );
  }
  .aboutPage .block02 .txt{
    font-size : calc( 16 * 100vw / 1366 );
    line-height : calc( 24 / 16 );
    margin-top : calc( 40 * 100vw / 1366 );
  }
  .aboutPage .block02 .movie{
    margin-top : calc( 30 * 100vw / 1366 );
  }
  .aboutPage .block02 .movie iframe{
    width : calc( 400 * 100vw / 1366 );
    height : calc( 300 * 100vw / 1366 );
    margin : auto;
    background : #ccc;
  }
  .aboutPage .movie02{
    margin-top : calc( 80 * 100vw / 1366 );
    text-align: center;
  }
  .aboutPage .movie02 iframe{
    width : calc( 488 * 100vw / 1366 );
    height : calc( 300 * 100vw / 1366 );
    margin : auto;
    background : #ccc;
  }
  .aboutPage .trialBox .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: calc( 10 * 100vw / 1366 );
    margin-top: calc( -10 * 100vw / 1366 );
    margin-bottom: calc( 50 * 100vw / 1366 );
    padding-top: calc( 35 * 100vw / 1366 );
    padding-bottom: calc( 35 * 100vw / 1366 );
    padding-left: calc( 60 * 100vw / 1366 );
    padding-right: calc( 53 * 100vw / 1366 );
  }
  .aboutPage .trialBox .box h2 {
    font-size: calc( 32 * 100vw / 1366 );
  }
  .aboutPage .trialBox .box a {
    font-size: calc( 24 * 100vw / 1366 );
    width: calc( 450 * 100vw / 1366 );
    height: calc( 70 * 100vw / 1366 );
  }
  .aboutPage .trialBox picture.voice {
    margin-bottom: calc( 50 * 100vw / 1366 );
    padding-bottom: calc( 35 * 100vw / 1366 );
  }
}
@media print,screen and (max-width: 768px){
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}
@media print,screen and (min-width: 769px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }  
}

.aboutPage .link-box {
  background-color: #802077;
  text-align: center;
}
.aboutPage .link-box .ttl {
  color: #fff;
  font-weight: 700;
}
.aboutPage .link-box .btn-about {
  background-image: url(/ren1909/images/ui/icon/arrow_gray.png);
}

@media print,screen and (max-width: 768px){
  .aboutPage .link-box {
    border-radius: calc( 20 * 100vw / 750 );
    padding: calc( 40 * 100vw / 750 );
    padding-top: calc( 45 * 100vw / 750 );
    padding-bottom: calc( 50 * 100vw / 750 );
    margin-top: calc( 80 * 100vw / 750 );
  }
  .aboutPage .link-box .ttl {
    font-size: calc( 50 * 100vw / 750 );
    line-height: 1.2;
  }
  .aboutPage .link-box .btn-about {
    background-size: calc( 19 * 100vw / 750 ) calc( 30 * 100vw / 750 );
    background-position-x: calc( 541 * 100vw / 750 );
    margin-top: calc( 35 * 100vw / 750 );
  }
}
@media print,screen and (min-width: 769px) {
  .aboutPage .link-box {
    border-radius: calc( 10 * 100vw / 1366 );
    padding: calc( 30 * 100vw / 1366 );
    margin-top: calc( 50 * 100vw / 1366 );
  }
  .aboutPage .link-box.type02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: calc( 60 * 100vw / 1366 );
    padding-right: calc( 53 * 100vw / 1366 );
  }
  .aboutPage .link-box .ttl {
    font-size: calc( 32 * 100vw / 1366 );
    line-height: 1.375;
  }
  .aboutPage .link-box.type02 .ttl {
    text-align: left;
    margin-top: calc( 0 * 100vw / 1366 );
  }
  .aboutPage .link-box .btn-about {
    background-size: calc( 16 * 100vw / 1366 ) calc( 24 * 100vw / 1366 );
    background-position-x: calc( 411 * 100vw / 1366 );
    margin-top: calc( 15 * 100vw / 1366 );
  }
  .aboutPage .link-box.type02 .btn-about {
    margin-top: auto;
    margin-right: 0;
  }
}
.aboutPage .feature img {
  width: 100%;
  max-width: 100%;
}
.aboutPage .banner img {
  width: 100%;
  max-width: 100%;
}
/* 2303 医師の推奨意向 */
.aboutPage .doctor img {
  max-width: 100%;
}
.aboutPage .doctor .doctor-hd {
  background-color: #802077;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
.aboutPage .doctor .doctor-voice li {
  background-position: 0 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.aboutPage .doctor .doctor-voice li .big {
  color: #802077;
  font-weight: 700;
}
.aboutPage .voice-area {
  background: #ededed;
}
.aboutPage .voice-area .ttl-voice {
  color: #802077;
  font-weight: 700;
  text-align: center;
}
.aboutPage .trial .ttl-voice {
  color: #802077;
  font-weight: 700;
  text-align: center;
}
.aboutPage .trial .bnr-top img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.aboutPage .voice-area .list-voice li .ba img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.aboutPage .voice-area .list-voice li p {
  font-feature-settings: "palt";
}
.aboutPage .voice-area .list-voice li p .bold {
  font-weight: 700;
}
.aboutPage .trial .flow li .img {
  position: relative;
}
.aboutPage .trial .flow li:not(:last-of-type) .img::after {
  display: block;
  content: '';
  position: absolute;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.aboutPage .trial .flow li .img img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.aboutPage .trial .flow li h4 {
  text-align: center;
  font-weight: 700;
}
.aboutPage .trial .notice .marker {
  background: linear-gradient(transparent 0%, #fff 67%, #e5d8e5 68%, #e5d8e5 90%);
  font-weight: 700;
}
.aboutPage .online .wrap .img img {
  display: block;
  max-width: 100%;
}
.aboutPage .online .wrap .btn {
  background-color: #ffd800;
  background-image: url(/ren1909/images/ui/icon/arrow_gray.png);
  background-repeat: no-repeat;
  background-position-y: center;
  box-shadow: 3px 3px 3px rgb(0 0 0 / 30%);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity .3s ease-in;
  margin: auto;
}

@media print,screen and (max-width: 768px){
  .aboutPage .banner {
    margin: 0 calc( 40 * 100vw / 750 );
  }
  /* 2303 医師の推奨意向 */
  .aboutPage .doctor {
    padding: 0 calc(40 * 100vw / 750) calc(100 * 100vw / 750);
  }
  .aboutPage .doctor .doctor-hd {
    margin-right: calc(-40 * 100vw / 750);
    margin-left: calc(-40 * 100vw / 750);
    padding: calc(34 * 100vw / 750) 0 calc(34 * 100vw / 750);
    font-size: calc(42 * 100vw / 750);
    line-height: calc(52.5 * 100vw / 750);
  }
  .aboutPage .doctor .doctor-hd .big {
    font-size: calc(72 * 100vw / 750);
    line-height: calc(88 * 100vw / 750);
  }
  .aboutPage .doctor .doctor-hd .mid {
    font-size: calc(50 * 100vw / 750);
    line-height: calc(62 * 100vw / 750);
  }
  .aboutPage .doctor .doctor-txt {
    font-size: calc(30 * 100vw / 750);
    line-height: 1;
  }
  .aboutPage .doctor .doctor-banner {
    width: calc(570 * 100vw / 750);
    margin-right: auto;
    margin-left: auto;
  }
  .aboutPage .doctor .doctor-banner li + li {
    margin: calc(10 * 100vw / 750) 0 0 0;
  }
  .aboutPage .doctor .doctor-recommend-img {
    width: calc(528 * 100vw / 750);
    margin-right: auto;
    margin-left: auto;
  }
  .aboutPage .doctor .doctor-recommend-txt {
    font-size: calc(26 * 100vw / 750);
    line-height: calc(35 * 100vw / 750);
  }
  .aboutPage .doctor .doctor-voice li {
    height: calc(250 * 100vw / 750);
    padding: calc(28 * 100vw / 750) calc(20 * 100vw / 750);
    font-size: calc(28 * 100vw / 750);
    line-height: calc(35 * 100vw / 750);
    font-feature-settings: "palt";
  }
  .aboutPage .doctor .doctor-voice li .big {
    font-size: calc(35 * 100vw / 750);
    line-height: calc(44 * 100vw / 750);
  }
  .aboutPage .doctor .doctor-voice li:nth-of-type(2n - 1) {
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20670%20247%22%20style%3D%22enable-background%3Anew%200%200%20670%20247%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23802077%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M659.1%2C2.2c4.7%2C0%2C8.9%2C3.8%2C8.9%2C8v208.3c0%2C4.2-4.3%2C8-8.9%2C8H274.2H274l-0.2%2C0l-81.1%2C18l-78.2-18l-0.2-0.1H114%20H10.9c-5.2%2C0-8.9-3.4-8.9-8V10.3c0-4.6%2C3.8-8%2C8.9-8H659.1%20M659.1%2C0.2H10.9C4.5%2C0.2%2C0%2C4.7%2C0%2C10.3v208.3c0%2C5.5%2C4.5%2C10%2C10.9%2C10H114%20l78.6%2C18.1l81.6-18.1h384.9c5.5%2C0%2C10.9-4.5%2C10.9-10V10.3C670%2C4.7%2C664.6%2C0.2%2C659.1%2C0.2L659.1%2C0.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  .aboutPage .doctor .doctor-voice li:nth-of-type(2) {
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20670%20247%22%20style%3D%22enable-background%3Anew%200%200%20670%20247%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23802077%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M659.1%2C2.2c5.2%2C0%2C8.9%2C3.4%2C8.9%2C8v208.3c0%2C4.6-3.8%2C8-8.9%2C8H556h-0.2l-0.2%2C0.1l-78.2%2C18l-81.1-18l-0.2%2C0h-0.2%20H10.9c-4.7%2C0-8.9-3.8-8.9-8V10.3c0-4.2%2C4.3-8%2C8.9-8H659.1%20M659.1%2C0.2H10.9C5.4%2C0.2%2C0%2C4.7%2C0%2C10.3v208.3c0%2C5.5%2C5.4%2C10%2C10.9%2C10h384.9%20l81.6%2C18.1l78.6-18.1h103.1c6.4%2C0%2C10.9-4.5%2C10.9-10V10.3C670%2C4.7%2C665.5%2C0.2%2C659.1%2C0.2L659.1%2C0.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  .aboutPage .doctor .doctor-voice li:nth-of-type(4) {
    height: calc(380 * 100vw / 750);
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20670%20380%22%20style%3D%22enable-background%3Anew%200%200%20670%20380%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23802077%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M659.1%2C3.1c5.2%2C0%2C8.9%2C5.2%2C8.9%2C12.3v321.1c0%2C7.1-3.8%2C12.3-8.9%2C12.3H556h-0.2l-0.2%2C0.2l-78.2%2C27.7L396.3%2C349%20h-0.2h-0.2h-385c-4.7%2C0-8.9-5.9-8.9-12.3V15.6C2%2C9.1%2C6.3%2C3.2%2C10.9%2C3.2h648.2%20M659.1%2C0H10.9C5.4%2C0%2C0%2C6.9%2C0%2C15.6v321.1%20c0%2C8.5%2C5.4%2C15.4%2C10.9%2C15.4h384.9l81.6%2C27.9l78.6-27.9h103.1c6.4%2C0%2C10.9-6.9%2C10.9-15.4V15.6C670%2C6.9%2C665.5%2C0%2C659.1%2C0L659.1%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }

  .aboutPage .voice-area {
    padding-top: calc( 60 * 100vw / 750 );
    padding-bottom: calc( 145 * 100vw / 750 );
  }
  .aboutPage .voice-area .ttl-voice {
    margin-bottom: calc( 60 * 100vw / 750 );
    font-size: calc( 48 * 100vw / 750 );
  }
  .aboutPage .trial .ttl-voice {
    font-size: calc( 48 * 100vw / 750 );
    margin-bottom: calc( 90 * 100vw / 750 );
  }
  .aboutPage .voice-area .list-voice {
    margin-bottom: calc( 12 * 100vw / 750 );
  }
  .aboutPage .voice-area .list-voice li {
    margin-bottom: calc( 86 * 100vw / 750 );
  }
  .aboutPage .voice-area .list-voice li .ba {
    margin-bottom: calc( 17 * 100vw / 750 );
  }
  .aboutPage .voice-area .list-voice li p {
    font-size: calc( 30 * 100vw / 750 );
    line-height: calc( 40 * 100vw / 750 );
  }
  .aboutPage .voice-area .notice li {
    font-size: calc( 30 * 100vw / 750 );
    line-height: calc( 40 * 100vw / 750 );
  }
  .aboutPage .trial {
    padding-top: calc( 60 * 100vw / 750 );
    padding-bottom: calc( 150 * 100vw / 750 );
  }
  .aboutPage .trial .ttl-voice {
    margin-bottom: calc( 54 * 100vw / 750 );
    font-size: calc( 48 * 100vw / 750 );
  }
  .aboutPage .trial .ttl-voice + p {
    margin-bottom: calc( 37 * 100vw / 750 );
    font-size: calc( 30 * 100vw / 750 );
    line-height: calc( 40 * 100vw / 750 );
  }
  .aboutPage .trial .flow {
    margin-bottom: calc( 50 * 100vw / 750 );
  }
  .aboutPage .trial .flow li {
    width: calc( 500 * 100vw / 750 );
    margin: 0 auto;
  }
  .aboutPage .trial .flow li:not(:last-of-type) {
    margin-bottom: calc( 128 * 100vw / 750 );
  }
  .aboutPage .trial .flow li .img {
    margin-bottom: calc( 13 * 100vw / 750 );
  }
  .aboutPage .trial .flow li:not(:last-of-type) .img::after {
    left: calc( 50% - calc( 34 * 100vw / 750 ));
    bottom: calc( -150 * 100vw / 750 );
    width: calc( 68 * 100vw / 750 );
    height: calc( 45 * 100vw / 750 );
    background-image: url(/about/img/about_flow_arrow_sp.png);
  }
  .aboutPage .trial .flow li h4 {
    font-size: calc( 48 * 100vw / 750 );
    line-height: 1;
  }
  .aboutPage .trial .notice {
    margin-bottom: calc( 80 * 100vw / 750 );
    font-size: calc( 30 * 100vw / 750 );
    line-height: calc( 40 * 100vw / 750 );
  }
  .aboutPage .trial .bnr-top {
    margin: 0 calc( 40 * 100vw / 750 );
  }
  .aboutPage .online {
    padding-bottom: calc( 100 * 100vw / 750 );
  }
  .aboutPage .online .areaTitle {
    margin-bottom: calc( 35 * 100vw / 750 );
  }
  .aboutPage .online .wrap p {
    margin-bottom: calc( 35 * 100vw / 750 );
    font-size: calc( 30 * 100vw / 750 );
    line-height: calc( 46 * 100vw / 750 );
  }
  .aboutPage .online .wrap .img {
    margin-bottom: calc( 60 * 100vw / 750 );
  }
  .aboutPage .online .wrap .btn {
    background-size: calc( 19 * 100vw / 750 ) calc( 30 * 100vw / 750 );
    background-position-x: calc( 541 * 100vw / 750 );
    margin-top: calc( 35 * 100vw / 750 );
    font-size: calc( 40 * 100vw / 750 );
    width: calc( 590 * 100vw / 750 );
    height: calc( 90 * 100vw / 750 );
    border-radius: calc( 45 * 100vw / 750 );
  }
}
@media print,screen and (min-width: 769px) {
  .aboutPage .banner {
    width: calc( 750 * 100vw / 1366 );
    margin: 0 auto;
  }
  /* 2303 医師の推奨意向 */
  .aboutPage .doctor {
    width: calc(980 * 100vw / 1366);
    margin-right: auto;
    margin-left: auto;
    padding-bottom: calc(80 * 100vw / 1366);
  }
  .aboutPage .doctor .doctor-hd {
    padding: calc(18 * 100vw / 1366) 0 calc(18 * 100vw / 1366);
    font-size: calc(22 * 100vw / 1366);
    line-height: calc(27 * 100vw / 1366);
  }
  .aboutPage .doctor .doctor-hd .big {
    font-size: calc(36 * 100vw / 1366);
    line-height: calc(51 * 100vw / 1366);
  }
  /* .aboutPage .doctor .doctor-hd .mid {
    font-size: calc(26 * 100vw / 1366);
    line-height: calc(33 * 100vw / 1366);
  } */
  .aboutPage .doctor .doctor-txt {
    width: calc(896 * 100vw / 1366);
    margin-right: auto;
    margin-left: auto;
    font-size: calc(17 * 100vw / 1366);
    line-height: 1;
  }
  .aboutPage .doctor .doctor-banner {
    display: flex;
    flex-wrap: wrap;
    width: calc(896 * 100vw / 1366);
    margin-right: auto;
    margin-left: auto;
  }
  .aboutPage .doctor .doctor-banner li {
    width: calc((100% - (40 * 100vw / 1366)) / 3);
  }
  .aboutPage .doctor .doctor-banner li + li {
    margin: 0 0 0 calc(20 * 100vw / 1366);
  }
  .aboutPage .doctor .doctor-recommend-img {
    width: calc(330 * 100vw / 1366);
    margin-right: auto;
    margin-left: auto;
  }
  .aboutPage .doctor .doctor-recommend-txt {
    font-size: calc(13 * 100vw / 1366);
    line-height: calc(24 * 100vw / 1366);
  }
  .aboutPage .doctor .doctor-voice {
    display: flex;
    flex-wrap: wrap;
  }
  .aboutPage .doctor .doctor-voice li {
    width: calc((100% - (20 * 100vw / 1366)) / 2);
    height: calc(213 * 100vw / 1366);
    padding: calc(30 * 100vw / 1366) calc(20 * 100vw / 1366);
    font-size: calc(18 * 100vw / 1366);
    line-height: calc(32 * 100vw / 1366);
  }
  .aboutPage .doctor .doctor-voice li .big {
    font-size: calc(23 * 100vw / 1366);
    line-height: calc(40 * 100vw / 1366);
  }
  .aboutPage .doctor .doctor-voice li:nth-of-type(2n - 1) {
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20480%20213%22%20style%3D%22enable-background%3Anew%200%200%20480%20213%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23802077%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M470%2C1c5%2C0%2C9%2C4%2C9%2C9v174c0%2C5-4%2C9-9%2C9H197h-0.2l-0.2%2C0.1L140%2C211.9L81.7%2C193l-0.2%2C0h-0.2H10c-5%2C0-9-4-9-9V10%20c0-5%2C4-9%2C9-9H470%20M470%2C0H10C4.5%2C0%2C0%2C4.5%2C0%2C10v174c0%2C5.5%2C4.5%2C10%2C10%2C10h71.4l58.6%2C19l57-19h273c5.5%2C0%2C10-4.5%2C10-10V10%20C480%2C4.5%2C475.5%2C0%2C470%2C0L470%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  .aboutPage .doctor .doctor-voice li:nth-of-type(2) {
    margin-left: calc(20 * 100vw / 1366);
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20480%20213%22%20style%3D%22enable-background%3Anew%200%200%20480%20213%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23802077%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M470%2C1c5%2C0%2C9%2C4%2C9%2C9v174c0%2C5-4%2C9-9%2C9h-71.4h-0.2l-0.2%2C0L340%2C211.9l-56.7-18.9l-0.2-0.1H283H10c-5%2C0-9-4-9-9V10%20c0-5%2C4-9%2C9-9H470%20M470%2C0H10C4.5%2C0%2C0%2C4.5%2C0%2C10v174c0%2C5.5%2C4.5%2C10%2C10%2C10h273l57%2C19l58.6-19H470c5.5%2C0%2C10-4.5%2C10-10V10%20C480%2C4.5%2C475.5%2C0%2C470%2C0L470%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
  }
  .aboutPage .doctor .doctor-voice li:nth-of-type(4) {
    height: calc(360 * 100vw / 1366);
    margin-left: calc(20 * 100vw / 1366);
    background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20480%20360%22%20style%3D%22enable-background%3Anew%200%200%20480%20360%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23802077%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M470%2C1.7c5%2C0%2C9%2C6.8%2C9%2C15.2V311c0%2C8.4-4%2C15.2-9%2C15.2h-71.4h-0.2h-0.2l-58.2%2C32l-56.7-32l-0.2-0.1H283H10%20c-5%2C0-9-6.8-9-15.2v-294C1%2C8.4%2C5%2C1.7%2C10%2C1.7L470%2C1.7%20M470%2C0H10C4.5%2C0%2C0%2C7.6%2C0%2C16.9V311c0%2C9.3%2C4.5%2C16.9%2C10%2C16.9h273l57%2C32.1%20l58.6-32.1H470c5.5%2C0%2C10-7.6%2C10-16.9V16.9C480%2C7.6%2C475.5%2C0%2C470%2C0L470%2C0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  }

  .aboutPage .voice-area {
    padding-top: calc( 80 * 100vw / 1366 );
    padding-bottom: calc( 76 * 100vw / 1366 );
  }
  .aboutPage .voice-area .ttl-voice {
    font-size: calc( 30 * 100vw / 1366 );
    margin-bottom: calc( 50 * 100vw / 1366 );
  }
  .aboutPage .voice-area .list-voice {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: calc( 12 * 100vw / 1366 );
  }
  .aboutPage .voice-area .list-voice li {
    width: calc((100% - calc( 40 * 100vw / 1366 )) / 2);
    margin-bottom: calc( 60 * 100vw / 1366 );
  }
  .aboutPage .voice-area .list-voice li .ba {
    margin-bottom: calc( 15 * 100vw / 1366 );
  }
  .aboutPage .voice-area .list-voice li p {
    font-size: calc( 20 * 100vw / 1366 );
    line-height: calc( 32 * 100vw / 1366 );
  }
  .aboutPage .voice-area .notice li {
    font-size: calc( 20 * 100vw / 1366 );
    line-height: calc( 32 * 100vw / 1366 );
  }
  .aboutPage .trial {
    padding-top: calc( 75 * 100vw / 1366 );
    padding-bottom: calc( 120 * 100vw / 1366 );
  }
  .aboutPage .trial .ttl-voice {
    font-size: calc( 30 * 100vw / 1366 );
    margin-bottom: calc( 50 * 100vw / 1366 );
  }
  .aboutPage .trial .ttl-voice + p {
    margin-bottom: calc( 55 * 100vw / 1366 );
    font-size: calc( 20 * 100vw / 1366 );
    line-height: calc( 32 * 100vw / 1366 );
  }
  .aboutPage .trial .flow {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc( 50 * 100vw / 1366 );
  }
  .aboutPage .trial .flow li {
    width: calc(( 100% - calc(170 * 100vw / 1366 )) / 3 );
  }
  .aboutPage .trial .flow li:not(:last-of-type) {
    margin-right: calc( 85 * 100vw / 1366 );
  }
  .aboutPage .trial .flow li .img {
    margin-bottom: calc( 13 * 100vw / 1366 );
  }
  .aboutPage .trial .flow li:not(:last-of-type) .img::after {
    top: calc( 50% - calc( 23 * 100vw / 1366 ));
    right: calc( -57 * 100vw / 1366 );
    width: calc( 30 * 100vw / 1366 );
    height: calc( 45 * 100vw / 1366 );
    background-image: url(/about/img/about_flow_arrow_pc.png);
  }
  .aboutPage .trial .flow li h4 {
    font-size: calc( 24 * 100vw / 1366 );
    line-height: calc( 36 * 100vw / 1366 );
  }
  .aboutPage .trial .notice {
    margin-bottom: calc( 80 * 100vw / 1366 );
    font-size: calc( 20 * 100vw / 1366 );
    line-height: calc( 30 * 100vw / 1366 );
  }
  .aboutPage .trial .bnr-top {
    width: calc( 750 * 100vw / 1366 );
    margin: 0 auto;
  }
  .aboutPage .online {
    padding-bottom: calc( 100 * 100vw / 1366 );
  }
  .aboutPage .online .areaTitle {
    margin-bottom: calc( 15 * 100vw / 1366 );
  }
  .aboutPage .online .wrap p {
    margin-bottom: calc( 35 * 100vw / 1366 );
    font-size: calc( 20 * 100vw / 1366 );
    line-height: calc( 32 * 100vw / 1366 );
  }
  .aboutPage .online .wrap .img {
    width: calc( 600 * 100vw / 1366 );
    margin: 0 auto calc( 60 * 100vw / 1366 );
  }
  .aboutPage .online .wrap .btn {
    background-size: calc( 15 * 100vw / 1366 ) calc( 24 * 100vw / 1366 );
    background-position-x: calc( 412 * 100vw / 1366 );
    font-size: calc( 24 * 100vw / 1366 );
    width: calc( 450 * 100vw / 1366 );
    height: calc( 70 * 100vw / 1366 );
    border-radius: calc( 35 * 100vw / 1366 );
    margin-top: calc( 44 * 100vw / 1366 );
  }
}

.t-right {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .sp-mt-10 {
    margin-top: calc(10 * 100vw / 750);
  }
  .sp-mt-16 {
    margin-top: calc(16 * 100vw / 750);
  }
  .sp-mt-20 {
    margin-top: calc(20 * 100vw / 750);
  }
  .sp-mt-24 {
    margin-top: calc(24 * 100vw / 750);
  }
  .sp-mt-28 {
    margin-top: calc(28 * 100vw / 750);
  }
  .sp-mt-30 {
    margin-top: calc(30 * 100vw / 750);
  }
  .sp-mt-38 {
    margin-top: calc(38 * 100vw / 750);
  }
  .sp-mt-40 {
    margin-top: calc(40 * 100vw / 750);
  }
  .sp-mt-42 {
    margin-top: calc(42 * 100vw / 750);
  }
  .sp-mt-72 {
    margin-top: calc(72 * 100vw / 750);
  }
  .sp-mt-108 {
    margin-top: calc(108 * 100vw / 750);
  }
}
@media print, screen and (min-width: 769px) {
  .pc-mt-10 {
    margin-top: calc(10 * 100vw / 1366);
  }
  .pc-mt-16 {
    margin-top: calc(16 * 100vw / 1366);
  }
  .pc-mt-18 {
    margin-top: calc(18 * 100vw / 1366);
  }
  .pc-mt-20 {
    margin-top: calc(20 * 100vw / 1366);
  }
  .pc-mt-25 {
    margin-top: calc(25 * 100vw / 1366);
  }
  .pc-mt-35 {
    margin-top: calc(35 * 100vw / 1366);
  }
  .pc-mt-27 {
    margin-top: calc(27 * 100vw / 1366);
  }
  .pc-mt-52 {
    margin-top: calc(52 * 100vw / 1366)
  }
  .pc-mt-72 {
    margin-top: calc(72 * 100vw / 1366)
  }
  .pc-mt-80 {
    margin-top: calc(80 * 100vw / 1366)
  }
}