@charset "UTF-8";
/*--------------------------------------------
franchiseHead
---------------------------------------------*/
#franchiseHead{
  background-color: #DDA1D7;
}
#franchiseHead .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){
  #franchiseHead{
    padding : calc( 40 * 100vw / 750 );
    padding-top : calc( 101 * 100vw / 750 );
    padding-bottom : calc( 108 * 100vw / 750 );
  }
  #franchiseHead .ttl{
    font-size : calc( 60 * 100vw / 750 );
    font-weight : 700;
  }
  #franchiseHead .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){
  #franchiseHead{
    padding : calc( 73 * 100vw / 1366 );
  }
  #franchiseHead .ttl{
    font-size : calc( 36 * 100vw / 1366 );
    font-weight : 700;
  }
  #franchiseHead .ttl:before{
    width : calc( 53 * 100vw / 1366 );
    height : calc( 53 * 100vw / 1366 );
    margin-right : calc( 15 * 100vw / 1366 );
  }
}
/*--------------------------------------------
franchisePage
---------------------------------------------*/
.franchisePage .main-franchise {
  background-repeat: no-repeat;
}
.franchisePage .main-franchise .ttl {
  font-weight: 700;
}
.franchisePage .btn-franchise {
  background-color: #802077;
  background-image: url(/ren1909/images/ui/icon/arrow_white02.png);
  background-repeat: no-repeat;
  background-position-y: center;
  box-shadow: 3px 3px 3px rgb(0 0 0 / 30%);
  color: #fff;
  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;
}
.franchisePage .btn-franchise.type-white {
  background-color: #fff;
  background-image: url(/ren1909/images/ui/icon/arrowleft02.png);
  color: #802077;
}
.franchisePage .list li {
  line-height: 1.53;
  display: flex;
}
.franchisePage .list li::before {
  content: '　';
  background: #fff;
  border: solid 2px #802077;
  display: block;
  position: relative;
}
.franchisePage .box-semminar {
  background: #802077;
  text-align: center;
  overflow: hidden;
}
.franchisePage .box-semminar .box-head {
  background-image: url(/ren1909/images/franchise/ptn_stripe.png);
  color: #ffd800;
  font-weight: 700;
}
.franchisePage .box-semminar .box-body p,
.franchisePage .box-semminar .box-body li {
  color: #fff;
}
.franchisePage .box-semminar .box-body li::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.franchisePage .box-semminar .box-body li:nth-child(1)::before {
  background: url(/ren1909/images/ui/icon/mail.png) no-repeat;
  background-size: auto 100%;
}
.franchisePage .box-semminar .box-body li:nth-child(2)::before {
  background: url(/ren1909/images/ui/icon/mail.png) no-repeat;
  background-size: auto 100%;
}
@media screen and (max-width: 768px){
  .franchisePage {
    padding-bottom: calc( 250 * 100vw / 750 );
  }
  .franchisePage .main-franchise {
    background-image: url(/ren1909/images/franchise/main_img_sp.jpg);
    background-size: auto 100%;
    height: calc( 518 * 100vw / 750 );
    padding-top: calc( 60 * 100vw / 750 );
    padding-bottom: calc( 60 * 100vw / 750 );
    margin-bottom: calc( 72 * 100vw / 750 );
  }
  .franchisePage .main-franchise .ttl {
    font-size: calc( 30 * 100vw / 750 );
    line-height: calc( 40 * 100vw / 750 );
    margin-bottom: calc( 95 * 100vw / 750 );
  }
  .franchisePage .main-franchise .ttl .large {
    font-size: calc( 40 * 100vw / 750 );
  }
  .franchisePage .btn-franchise {
    background-size: calc( 15 * 100vw / 750 ) calc( 25 * 100vw / 750 );
    background-position: right calc( 33 * 100vw / 750 ) center;
    font-size: calc( 40 * 100vw / 750 );
    width: calc( 670 * 100vw / 750 );
    height: calc( 90 * 100vw / 750 );
    border-radius: calc( 45 * 100vw / 750 );
  }
  .franchisePage .btn-franchise.type-white {
    font-size: calc( 32 * 100vw / 750 );
    width: calc( 590 * 100vw / 750 );
    margin-bottom: calc( 20 * 100vw / 750 );
  }
  .franchisePage .txt {
    font-size: calc( 30 * 100vw / 750 );
    line-height: 1.53;
  }
  .franchisePage .list {
    margin-top: calc( 43 * 100vw / 750 );
    margin-bottom: calc( 55 * 100vw / 750 );
  }
  .franchisePage .list li {
    font-size: calc( 30 * 100vw / 750 );
    margin-bottom: calc( 14 * 100vw / 750 );
  }
  .franchisePage .list li::before {
    width: calc( 30 * 100vw / 750 );
    height: calc( 30 * 100vw / 750 );
    margin-right: calc( 10 * 100vw / 750 );
    bottom: calc( -8 * 100vw / 750 );
  }
  .franchisePage .box-semminar {
    border-radius: calc( 20 * 100vw / 750 );
    padding-bottom: calc( 80 * 100vw / 750 );
    margin-top: calc( 110 * 100vw / 750 );
  }
  .franchisePage .box-semminar .box-head {
    background-size: calc( 10 * 100vw / 750 ) calc( 5 * 100vw / 750 );;
    font-size: calc( 60 * 100vw / 750 );
    line-height: 1.23;
    padding: calc( 33 * 100vw / 750 );
    margin-bottom: calc( 40 * 100vw / 750 );
  }
  .franchisePage .box-semminar .box-body ul {
    margin-top: calc( 20 * 100vw / 750 );
  }
  .franchisePage .box-semminar .box-body p,
  .franchisePage .box-semminar .box-body li {
    font-size: calc( 30 * 100vw / 750 );
  }
  .franchisePage .box-semminar .box-body li:nth-child(2) {
    margin-top: calc( 15 * 100vw / 750 );
  }
  .franchisePage .box-semminar .box-body li:nth-child(1)::before {
    width: calc( 47 * 100vw / 750 );
    height: calc( 35 * 100vw / 750 );
    margin-right: calc( 9 * 100vw / 750 );
    top: calc( -2 * 100vw / 750 );
  }
  .franchisePage .box-semminar .box-body li:nth-child(2)::before {
    width: calc( 47 * 100vw / 750 );
    height: calc( 35 * 100vw / 750 );
    margin-right: calc( 11 * 100vw / 750 );
  }
}
@media print,screen and (min-width: 769px){
  .franchisePage {
    padding-bottom: calc( 100 * 100vw / 1366 );
  }
  .franchisePage .wrap {
    padding-left: calc( 193 * 100% / 1366 );
    padding-right: calc( 193 * 100% / 1366 );
  }
  .franchisePage .main-franchise {
    background-image: url(/ren1909/images/franchise/main_img_pc.jpg);
    background-size: auto 100%;
    height: calc( 400 * 100vw / 1366 );
    padding-top: calc( 68 * 100vw / 1366 );
    padding-bottom: calc( 35 * 100vw / 1366 );
    margin-bottom: calc( 76 * 100vw / 1366 );
  }
  .franchisePage .main-franchise .ttl {
    font-size: calc( 18 * 100vw / 1366 );
    line-height: calc( 36 * 100vw / 1366 );
    margin-bottom: calc( 153 * 100vw / 1366 );
  }
  .franchisePage .main-franchise .ttl .large {
    font-size: calc( 24 * 100vw / 1366 );
  }
  .franchisePage .btn-franchise {
    background-size: auto calc( 12 * 100vw / 1366 );
    background-position: right calc( 29 * 100vw / 1366 ) center;
    font-size: calc( 24 * 100vw / 1366 );
    width: calc( 450 * 100vw / 1366 );
    height: calc( 70 * 100vw / 1366 );
    border-radius: calc( 35 * 100vw / 1366 );
  }
  .franchisePage .btn-franchise:hover {
    opacity: .8;
  }
  .franchisePage .btn-franchise.type-white {
    margin-bottom: calc( 20 * 100vw / 1366 );
  }
  .franchisePage .txt {
    font-size: calc( 16 * 100vw / 1366 );
    line-height: 1.5;
  }
  .franchisePage .list {
    margin-top: calc( 24 * 100vw / 1366 );
    margin-bottom: calc( 26 * 100vw / 1366 );
  }
  .franchisePage .list li {
    font-size: calc( 18 * 100vw / 1366 );
    margin-bottom: calc( 10 * 100vw / 1366 );
  }
  .franchisePage .list li::before {
    width: calc( 20 * 100vw / 1366 );
    height: calc( 20 * 100vw / 1366 );
    margin-right: calc( 9 * 100vw / 1366 );
    bottom: calc( -4 * 100vw / 1366 );
  }
  .franchisePage .box-semminar {
    border-radius: calc( 10 * 100vw / 1366 );
    padding-bottom: calc( 28 * 100vw / 1366 );
    margin-top: calc( 55 * 100vw / 1366 );
  }
  .franchisePage .box-semminar .box-head {
    font-size: calc( 32 * 100vw / 1366 );
    padding: calc( 20 * 100vw / 1366 );
    margin-bottom: calc( 20 * 100vw / 1366 );
  }
  .franchisePage .box-semminar .box-body ul {
    display: flex;
    justify-content: center;
    margin-top: calc( 16 * 100vw / 1366 );
  }
  .franchisePage .box-semminar .box-body p,
  .franchisePage .box-semminar .box-body li {
    font-size: calc( 18 * 100vw / 1366 );
    margin: 0 calc( 20 * 100vw / 1366 );
  }
  .franchisePage .box-semminar .box-body li:nth-child(1)::before {
    width: calc( 30 * 100vw / 1366 );
    height: calc( 20 * 100vw / 1366 );
    margin-right: calc( 5 * 100vw / 1366 );
    top: calc( -2 * 100vw / 1366 );
  }
  .franchisePage .box-semminar .box-body li:nth-child(2)::before {
    width: calc( 29 * 100vw / 1366 );
    height: calc( 20 * 100vw / 1366 );
    margin-right: calc( 5 * 100vw / 1366 );
    top: calc( -1 * 100vw / 1366 );
  }
}

 /* .semminar-block */
 .franchisePage .semminar-block .ttl {
  color: #802077;
  font-weight: 700;
}
.franchisePage .semminar-block .subttl {
  font-weight: 700;
}
.franchisePage .semminar-block .box {
  border: solid 1px #ccc;
}
.franchisePage .semminar-block .box dt {
  font-weight: 700;
}
.franchisePage .semminar-block .box dd .bold {
  font-weight: 700;
}
.franchisePage .semminar-block .box dd .note {
  text-indent: -1em;
  padding-left: 1em;
  display: block;
}
@media screen and (max-width: 768px){
  .franchisePage .semminar-block {
    padding-top: calc( 54 * 100vw / 750 );
  }
  .franchisePage .semminar-block .ttl {
    font-size: calc( 60 * 100vw / 750 );
    line-height: 1.2;
  }
  .franchisePage .semminar-block .subttl {
    font-size: calc( 40 * 100vw / 750 );
    line-height: 1.4;
    margin-top: calc( 26 * 100vw / 750 );
  }
  .franchisePage .semminar-block .box {
    border-radius: calc( 20 * 100vw / 750 );
    padding: calc( 40 * 100vw / 750 );
    padding-bottom: calc( 32 * 100vw / 750 );
    margin-top: calc( 80 * 100vw / 750 );
  }
  .franchisePage .semminar-block .box dt {
    font-size: calc( 40 * 100vw / 750 );
    line-height: 1.4;
    border-left: solid 6px #802077;
    padding-left: calc( 22 * 100vw / 750 );
  }
  .franchisePage .semminar-block .box dd + dt {
    margin-top: calc( 52 * 100vw / 750 );
  }
  .franchisePage .semminar-block .box dd {
    font-size: calc( 30 * 100vw / 750 );
    line-height: 1.53;
    margin-top: calc( 17 * 100vw / 750 );
  }
  .franchisePage .semminar-block .box dd .note {
    margin-top: calc( 17 * 100vw / 750 );
  }
}
@media print,screen and (min-width: 769px){
  .franchisePage .semminar-block {
    padding-top: calc( 80 * 100vw / 1366 );
  }
  .franchisePage .semminar-block .ttl {
    font-size: calc( 48 * 100vw / 1366 );
  }
  .franchisePage .semminar-block .subttl {
    font-size: calc( 28 * 100vw / 1366 );
    margin-top: calc( 20 * 100vw / 1366 );
  }
  .franchisePage .semminar-block .box {
    border-radius: calc( 10 * 100vw / 1366 );
    padding: calc( 20 * 100vw / 1366 );
    padding-bottom: calc( 16 * 100vw / 1366 );
    margin-top: calc( 40 * 100vw / 1366 );
  }
  .franchisePage .semminar-block .box dt {
    font-size: calc( 22 * 100vw / 1366 );
    border-left: solid 6px #802077;
    padding-left: calc( 10 * 100vw / 1366 );
  }
  .franchisePage .semminar-block .box dd + dt {
    margin-top: calc( 36 * 100vw / 1366 );
  }
  .franchisePage .semminar-block .box dd {
    font-size: calc( 16 * 100vw / 1366 );
    line-height: 1.5;
    margin-top: calc( 10 * 100vw / 1366 );
  }
  .franchisePage .semminar-block .box dd .note {
    margin-top: calc( 10 * 100vw / 1366 );
  }
}

/* .form-block */
.form-block th,
.form-block td {
  border: solid 1px #ccc;
  text-align: left;
}
.form-block th {
  background: #f2e8f1;
  font-weight: 700;
}
.form-block th .requied {
  background: #802077;
  color: #fff;
  line-height: 0.8;
  font-weight: 500;
}
.form-block input[type='text'],
.form-block input[type='tel'],
.form-block input[type='email'],
.form-block textarea {
  border: solid 1px #ccc;
  width: 100%;
}
.form-block input[type='radio'] {
	-webkit-appearance : radio;
	appearance: radio;
	border-radius: 50%;
}
.form-block select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/ren1909/images/ui/icon/select.png);
  background-position-y: center;
  background-repeat: no-repeat;
  color: #333;
  border: 1px solid #b4b4b4;
  background-color: #fff;
  display: block;
}
.form-block .btn-submit {
  border: solid 1px #d5d5d5;
	background-image: url(/ren1909/images/ui/icon/arrowleft.png);
  background-repeat: no-repeat;
  background-position-y: center;
  color: #333;
  font-weight: 700;
	display: block;
}
@media screen and (max-width: 768px){
  .form-block {
    border-top: solid 1px #ccc;
    margin-top: calc( 150 * 100vw / 750 );
  }
  .form-block th,
  .form-block td {
    font-size: calc( 30 * 100vw / 750 );
    padding: calc( 40 * 100vw / 750 );
    display: block;
  }
  .form-block th {
    border-top: none;
    border-bottom: none;
  }
  .form-block th .requied {
    border-radius: calc( 4 * 100vw / 750 );
    font-size: calc( 30 * 100vw / 750 );
    padding: calc( 8 * 100vw / 750 ) calc( 20 * 100vw / 750 ) calc( 12 * 100vw / 750 ) ;
    margin-left: calc( 40 * 100vw / 750 );
  }
  .form-block td {
    padding: calc( 30 * 100vw / 750 ) calc( 40 * 100vw / 750 );
  }
  .form-block label + label {
    margin-left: calc( 68 * 100vw / 750 );
  }
  .form-block input[type='text'],
  .form-block input[type='tel'],
  .form-block input[type='email'] {
    border-radius: calc( 10 * 100vw / 750 );
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
    font-size: calc( 28 * 100vw / 750 );
    height: calc( 60 * 100vw / 750 );
  }
  .form-block input[type='text'].post,
  .form-block input[type='tel'].post,
  .form-block input[type='email'].post {
    width: calc( 200 * 100vw / 750 );
    margin-left: calc( 10 * 100vw / 750 );
    margin-right: calc( 20 * 100vw / 750 );
  }
  .form-block .addr {
    margin-top: calc( 30 * 100vw / 750 );
  }
  .form-block input[type='radio'] {
    margin-right: calc( 16 * 100vw / 750 );
  }
  .form-block select {
    background-size: auto calc( 30 * 100vw / 750 );
    background-position-x: calc( 265 * 100vw / 750 );
    width: calc( 300 * 100vw / 750 );
    height: calc( 80 * 100vw / 750 );
    font-size: calc( 30 * 100vw / 750 );
    border-radius: calc( 10 * 100vw / 750 );
    padding-left: calc( 14 * 100vw / 750 );
    padding-right: calc( 14 * 100vw / 750 );
    margin-top: calc( 30 * 100vw / 750 );
  }
  .form-block textarea {
    border-radius: calc( 10 * 100vw / 750 );
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: calc( 300 * 100vw / 750 );
  }
  .form-block .btn-submit {
    background-size: calc( 15 * 100vw / 750 ) calc( 25 * 100vw / 750 );
    background-position: right calc( 33 * 100vw / 750 ) center;
    border-radius: calc( 45 * 100vw / 750 );
    font-size: calc( 30 * 100vw / 750 );
    width: calc( 300 * 100vw / 750 );
    height: calc( 90 * 100vw / 750 );
    margin: calc( 60 * 100vw / 750 ) auto;
  }
}
@media print,screen and (min-width: 769px){
  .form-block {
    margin-top: calc( 80 * 100vw / 1366 );
  }
  .form-block th,
  .form-block td {
    font-size: calc( 18 * 100vw / 1366 );
    padding: calc( 20 * 100vw / 1366 );
  }
  .form-block th {
    position: relative;
    padding: calc( 34 * 100vw / 1366 ) calc( 20 * 100vw / 1366 );
  }
  .form-block th .requied {
    border-radius: calc( 4 * 100vw / 1366 );
    font-size: calc( 16 * 100vw / 1366 );
    padding: calc( 11 * 100vw / 1366 ) calc( 9 * 100vw / 1366 ) calc( 13 * 100vw / 1366 ) ;
    position: absolute;
    top: 50%;
    right: calc( 20 * 100vw / 1366 );
    transform: translateY(-50%);
  }
  .form-block td {
    padding: calc( 20 * 100vw / 1366 );
  }
  .form-block label + label {
    margin-left: calc( 28 * 100vw / 1366 );
  }
  .form-block input[type='text'],
  .form-block input[type='tel'],
  .form-block input[type='email'] {
    border-radius: calc( 5 * 100vw / 1366 );
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.2) inset;
    font-size: calc( 16 * 100vw / 1366 );
    height: calc( 40 * 100vw / 1366 );
  }
  .form-block input[type='text'].post,
  .form-block input[type='tel'].post,
  .form-block input[type='email'].post {
    width: calc( 160 * 100vw / 1366 );
    margin-left: calc( 10 * 100vw / 1366 );
    margin-right: calc( 20 * 100vw / 1366 );
  }
  .form-block .addr{
    margin-top: calc( 20 * 100vw / 1366 );
  }
  .form-block input[type='radio'] {
    margin-right: calc( 8 * 100vw / 1366 );
  }
  .form-block select {
    background-size: auto calc( 18 * 100vw / 1366 );
    background-position-x: calc( 138 * 100vw / 1366 );
    width: calc( 160 * 100vw / 1366 );
    height: calc( 50 * 100vw / 1366 );
    font-size: calc( 18 * 100vw / 1366 );
    border-radius: calc( 5 * 100vw / 1366 );
    padding-left: calc( 14 * 100vw / 1366 );
    padding-right: calc( 14 * 100vw / 1366 );
    margin-top: calc( 20 * 100vw / 1366 );
  }
  .form-block textarea {
    border-radius: calc( 5 * 100vw / 1366 );
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.2) inset;
    height: calc( 150 * 100vw / 1366 );
  }
  .form-block .btn-submit {
    background-size: calc( 8 * 100vw / 1366 ) calc( 12 * 100vw / 1366 );
    background-position: right calc( 23 * 100vw / 1366 ) center;
    border-radius: calc( 30 * 100vw / 1366 );
    font-size: calc( 20 * 100vw / 1366 );
    width: calc( 260 * 100vw / 1366 );
    height: calc( 50 * 100vw / 1366 );
    margin: calc( 60 * 100vw / 1366 ) auto 0;
  }
  .form-block .btn-submit.wpcf7-back {
    margin: 0 auto;
  }
}