@charset "UTF-8";
/*--------------------------------------------
aboutHead
---------------------------------------------*/
#aboutHead .ttl:before{
  content : '';
    background : url(/ren1909/images/ui/icon/about.png) no-repeat 0 0;
    background-size : 100% auto;
  display : inline-block;
  vertical-align : text-top;
}
@media screen and (max-width: 768px){
  #aboutHead{
    /*background : url(/ren1909/images/about/bg_head_sp.jpg) no-repeat center center;*/
    background-color: #DDA1D7;
    background-size : cover;
    padding : calc( 40 * 100vw / 750 );
      padding-top : calc( 101 * 100vw / 750 );
      padding-bottom : calc( 108 * 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{
    /*background : url(/ren1909/images/about/bg_head.jpg) no-repeat center center;*/
    background-color: #DDA1D7;
    background-size : cover;
    padding : calc( 73 * 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 );
  }
}
/*--------------------------------------------
aboutPage
---------------------------------------------*/
.aboutPage .areaTitle{
  color : #fff;
  font-weight : 700;
  text-align : center;
}
.aboutPage .areaTitle.type02{
  color : #802077;
}
.aboutPage .block:not(:first-child){
  border-top : solid 1px #802077;
}
.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 : center;
}
.aboutPage .block .ttl .num{
  background : #802077;
  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;
}
.aboutPage .block .catch{
  text-align: center;
}
.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;
  position : relative;
  z-index : -1;
}
.aboutPage .block02 .ttl{
  color : #802077;
  font-weight : 700;
}
.aboutPage .btnBox .box{
  background-color: #802077;
}
.aboutPage .btnBox .box a{
  background-color: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
  color: #802077;
  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;
}
.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 .areaTitle{
    background : url(/ren1909/images/about/area_title_bg_sp.png) no-repeat center center;
    background-size : cover;
    font-size : calc( 50 * 100vw / 750 );
    padding : calc( 40 * 100vw / 750 );
    padding-top : calc( 48 * 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 .block{
    padding-top : calc( 80 * 100vw / 750 );
    padding-bottom : calc( 80 * 100vw / 750 );
  }
  .aboutPage .block:first-child{
    padding-top : calc( 53 * 100vw / 750 );
    padding-bottom : calc( 74 * 100vw / 750 );
  }
  .aboutPage .block:nth-child(4){
    padding-bottom : calc( 58 * 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:first-child .ttl{
    align-items : center;
  }
  .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 : calc( 58 / 48 );
  }
  .aboutPage .block .txt{
    font-size : calc( 30 * 100vw / 750 );
    line-height : calc( 40 / 30 );
    margin-top : calc( 30 * 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 .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 #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( 150 * 100vw / 750 );
  }
  .aboutPage .areaTitle + .block02{
    /*background : url(/ren1909/images/about/about_bg01_sp.jpg) no-repeat center center;*/
    background-color: #F7F8FA;
    background-size : cover;
    padding-top : calc( 108 * 100vw / 750 );
    padding-bottom : calc( 118 * 100vw / 750 );
    margin-top : calc( -31 * 100vw / 750 );
  }
  .aboutPage .block02 .ttl{
    font-size : calc( 48 * 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( 40 / 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 .btnBox .box {
    border-radius: calc( 10 * 100vw / 750 );
    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 .btnBox .box a {
    font-size: calc( 40 * 100vw / 750 );
    width: 100%;
    height: calc( 90 * 100vw / 750 );
    border-radius: calc( 45 * 100vw / 750 );
    background-position-x: calc( 14 * 100vw / 750 );
    background-size: auto calc( 70 * 100vw / 750 );
  }
  .aboutPage .btnBox .box a:not(:first-child) {
    margin-top: calc( 40 * 100vw / 750 );
  }
  .aboutPage .trialBox .box {
    border-radius: calc( 10 * 100vw / 750 );
    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 .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 );
  }
}
@media print,screen and (min-width: 769px){
  .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 .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( 55 * 100vw / 1366 );
    padding-bottom : calc( 74 * 100vw / 1366 );
  }
  .aboutPage .block:nth-child(4){
    padding-top : calc( 90 * 100vw / 1366 );
    padding-bottom : calc( 63 * 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( 28 * 100vw / 1366 );
    line-height : calc( 38 / 28 );
  }
  .aboutPage .block .txt{
    font-size : calc( 16 * 100vw / 1366 );
    line-height : calc( 24 / 16 );
    margin-top : calc( 16 * 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{
    text-align : center;
  }
  .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{
    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 : url(/ren1909/images/about/about_bg01.jpg) no-repeat center center;*/
    background-color: #F7F8FA;
    background-size : cover;
    padding-top : calc( 74 * 100vw / 1366 );
    padding-bottom : calc( 76 * 100vw / 1366 );
    margin-top : calc( -31 * 100vw / 1366 );
  }
  .aboutPage .block02 .ttl{
    font-size : calc( 30 * 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( 44 * 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( 85 * 100vw / 1366 );
    text-align: center;
  }
  .aboutPage .movie02 iframe{
    width : calc( 488 * 100vw / 1366 );
    height : calc( 300 * 100vw / 1366 );
    margin : auto;
    background : #ccc;
  }
  .aboutPage .btnBox .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: calc( 10 * 100vw / 1366 );
    margin-bottom: calc( 160 * 100vw / 1366 );
    padding-top: calc( 35 * 100vw / 1366 );
    padding-bottom: calc( 35 * 100vw / 1366 );
    padding-left: calc( 33 * 100vw / 1366 );
    padding-right: calc( 33 * 100vw / 1366 );
  }
  .aboutPage .btnBox .box a {
    font-size: calc( 24 * 100vw / 1366 );
    width: calc( 436 * 100vw / 1366 );
    height: calc( 70 * 100vw / 1366 );
    border-radius: calc( 35 * 100vw / 1366 );
  }
  .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( 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 .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 );
  }
}