@charset "UTF-8";

/*--------------------------------------------
franchiser
---------------------------------------------*/

@media screen and (max-width: 750px){
    .cnt_wrap {
        margin-bottom: calc( 100 * 100% / 750 );
    }
    .cnt_wrap h3 {
        margin-bottom:calc( 10 * 100% / 750 );
    }
    .cnt_wrap p {
        line-height: 1.8;
        font-size: 2.6rem;
    }
    .cnt_wrap p strong  {
        font-size: 3rem;
        font-weight: 800;
        color: #ac0808;
    }
}
@media print,screen and (min-width: 751px){
    .cnt_wrap {
        margin-bottom: 80px;
    }
    .cnt_wrap h3 {
        margin-bottom: 10px;
    }
    .cnt_wrap p {
        line-height: 1.8;
        font-size: 20px;
    }
    .cnt_wrap p strong  {
        font-size: 2.8rem;
        font-weight: 800;
        color: #ac0808;
    }

}

/*--cnt01--*/

@media screen and (max-width: 750px){
    .cnt01 {
        padding-top: 10px;
    }
    .read {
        text-align: center;
        margin-top: 10px;
    }
        .read p {
            text-align: center;
            font-size: 2.8rem;
            font-weight: 600;  
            line-height: 1.3;
        }
}
@media print,screen and (min-width: 751px){
    .cnt01 {
        padding-top: 10px;
    }
    .read {
        text-align: center;
        margin-top: 10px;
    }
        .read p {
            text-align: center;
            font-size: 2.8rem;
            font-weight: 600;  
            line-height: 1.3;
        }
}

/*--cnt02--*/
.cnt02 dl dd p strong .big {
    font-weight: 800;
    color: #ac0808;
}

@media screen and (max-width: 750px){
    .cnt02 {
    }
        .cnt02 dl {
            display: block;
        }
            .cnt02 dl dt {
                background: #daac0a ;
                color: #fff;
                font-weight: 800;
                text-align: center;
                font-size: 3.8rem;
                padding: 30px 0 ;
            }
            .cnt02 dl dd {
                border-left: solid 10px #daac0a ;
                border-right: solid 10px #daac0a ;
                border-bottom: solid 10px #daac0a ;
                padding: calc( 30 * 100% / 750 );
                padding-bottom: calc( 150 * 100% / 750 );
            }
            .cnt02 dl dd {
                position: relative;
            }
                .cnt02 dl dd .piyo {
                    position: absolute;
                    bottom: -1px;
                    right: calc( -102 * 100% / 750 );
                    width: calc( 350 * 100% / 750 );
                    height: auto;
                }
                .cnt02 dl dd li {
                    display: flex;
                    margin-bottom: 5px;
                    font-size: 3.0rem;
                    line-height: 1.8;
                }
                    .cnt02 dl dd li span:first-of-type {
                        width:calc( 60 * 100% / 750 );
                        height: calc( 60 * 100% / 750 );
                        justify-content: center;
                        align-items: center;
                        display: flex;
                        background: #daac0a;
                        color: #fff;
                        font-weight: 800;
                        font-size: 3.0rem;
                        margin-right: 5px;
                    }
                    .cnt02 dl dd li span:last-of-type {
                        align-items: center;
                        width: calc(100% - calc( 60 * 100% / 750 ) - 5px);
                    }
                    .cnt02 dl dd li span:last-of-type strong {
                        color: #ac0808;
                        font-size: 3.0rem;
                    }

}
@media print,screen and (min-width: 751px){
    .cnt02 {
    }
        .cnt02 dl {
            display: block;
        }
            .cnt02 dl dt {
                background: #daac0a ;
                color: #fff;
                font-weight: 800;
                text-align: center;
                height: 80px;
                line-height: 80px;
                font-size: 30px;
            }
            .cnt02 dl dd {
                border-left: solid 10px #daac0a ;
                border-right: solid 10px #daac0a ;
                border-bottom: solid 10px #daac0a ;
                padding: 30px;
            }
            .cnt02 dl dd {
                position: relative;
            }
                .cnt02 dl dd .piyo {
                    position: absolute;
                    bottom: -1px;
                    right: -53px;
                }
                .cnt02 dl dd li {
                    display: flex;
                    margin-bottom: 5px;
                    font-size: 20px;
                    line-height: 1.8;
                }
                    .cnt02 dl dd li span:first-of-type {
                        width: 60px;
                        height: 60px;
                        justify-content: center;
                        align-items: center;
                        display: flex;
                        background: #daac0a;
                        color: #fff;
                        font-weight: 800;
                        font-size: 24px;
                        margin-right: 5px;
                    }
                    .cnt02 dl dd li span:last-of-type {
                        align-items: center;
                        display: flex;
                        width: calc(100% - 60px - 5px);
                    }
                    .cnt02 dl dd li span:last-of-type strong {
                        color: #ac0808;
                        font-size: 26px;
                    }

}


/*--cnt05--*/
.cnt05 dl dd p strong .big {
    font-weight: 800;
    color: #ac0808;
}

@media screen and (max-width: 750px){
}
@media print,screen and (min-width: 751px){
    .cnt05 .scroll {
        margin: 10px auto auto auto;
        text-align: right;
        
    }
        .cnt05 .scroll img {
            margin: auto ;
        }
}


/*--cv--*/

.cv {
    
}
@media screen and (max-width: 750px){
    .cv {
        margin-bottom: calc( 200 * 100% / 750 );
    }
        .cv .read {
            font-size: 4.2rem;
            font-weight: 800;
            color: #084671;
            text-align: center;
            display: flex;
            justify-content: center;
        }
        .cv .read p {
            position: relative;
        }
        .cv .read p::before {
            content: "";
            background:url(../images/franchiser/icon_sankaku01.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            width: 50px;
            height: 70px;
            display: inline-block;
            position: absolute;
            top: 0px;
            left: -60px;
        }
        .cv .read p::after {
            content: "";
            background:url(../images/franchiser/icon_sankaku02.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            width: 50px;
            height: 70px;
            display: inline-block;
            position: absolute;
            top: 0px;
            right: -60px;
        }
    .cv .bt_wrap {
        display: block;
        margin: auto;
    }
        .cv .bt_wrap .tel {
            background: url("../images/franchiser/cv_tel.png");
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            padding: calc( 210 * 100% / 750 ) 0 0 calc( 130 * 100% / 750 );
            font-size: 7rem;
            font-weight: 800;
        }
        .cv .bt_wrap .mail {
            padding-top: 25px;
        }
        a.a_cv {
          color: #fff;
          background-color: #ac0808;
          border-bottom: 10px solid #8a0606;
            width: calc(100% - 20px);
            margin: auto;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 4rem;
            line-height: 1.3;   
            font-weight: 800;
        }
        a.a_cv:hover {
          margin-top: 3px;
          color: #fff;
          background: #8a0606;
          border-bottom: 2px solid #8a0606;
        }
        a.btn--shadow {
          -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
          box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
        }
}

@media print,screen and (min-width: 751px){
    .cv {margin-bottom: 50px;
    }
        .cv .read {
            font-size: 32px;
            font-weight: 800;
            color: #084671;
            text-align: center;
            display: flex;
            justify-content: center;
        }
        .cv .read p {
            position: relative;
        }
        .cv .read p::before {
            content: url("../images/franchiser/icon_sankaku01.png");
            display: block;
            position: absolute;
            top: 0px;
            left: -50px;
        }
        .cv .read p::after {
            content: url("../images/franchiser/icon_sankaku02.png");
            display: block;
            position: absolute;
            top: 0px;
            right: -50px;
        }
    .cv .bt_wrap {
        display: flex;
        width: 1000px;
        margin: auto;
    }
        .cv .bt_wrap .tel {
            background: url("../images/franchiser/cv_tel.png");
            background-repeat: no-repeat;
            width: 450px;
            height: 200px;
            padding: 123px 0 0 90px;
            font-size: 4.5rem;
            font-weight: 800;
        }
        .cv .bt_wrap .mail {
            padding-top: 25px;
        }
        a.a_cv {
          color: #fff;
          background-color: #ac0808;
          border-bottom: 10px solid #8a0606;
            width: 540px;
            height: 140px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 32px;
            font-weight: 800;
    }
        a.a_cv:hover {
          margin-top: 3px;
          color: #fff;
          background: #8a0606;
          border-bottom: 2px solid #8a0606;
        }
        a.btn--shadow {
          -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
          box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
        }
}
     

/*--flow--*/

.flow {
    
}
@media screen and (max-width: 750px){
    .flow {
    }
        .flow dl > div {
            display: flex;
            width: 100%;
            margin-bottom: 40px;
        }
            .flow dl div dt{
                  position: relative;
                background: #daac0a;
                width: 60px;
                display: flex;
                justify-content: center;
                align-items: flex-start;
                font-size: 3.0rem;
                font-weight: 800;
                color: #fff;
                  padding: 20px;
                  border-radius:0px;
                text-align: center;
                margin-right: 30px;
            }

.flow dl div dt::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 30px solid #daac0a;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
}
    .flow dl div:last-of-type dt:after {
      bottom: 0px;
    }
            .flow dl div dd {
                width: calc(100% - 60px);
                padding: 10px 0 ;
            }
            .flow dl div dd p.big {
                font-size: 3.4rem;;
                font-weight: 800;
            }
}

@media print,screen and (min-width: 751px){
    .flow {
    }
        .flow dl > div {
            display: flex;
            width: 100%;
            margin-bottom: 40px;
        }
            .flow dl div dt{
                  position: relative;
                background: #daac0a;
                width: 200px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 3.0rem;
                font-weight: 800;
                color: #fff;
                  padding: 20px;
                  border-radius:3px;
                margin-right: 30px;
            }

.flow dl div dt::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0px;
  width: 0;
  height: 0;
  border-top: 30px solid #daac0a;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
}
    .flow dl div:last-of-type dt:after {
      bottom: 0px;
    }
            .flow dl div dd {
                width: calc(100% - 230px);
                padding: 10px 0 ;
            }
            .flow dl div dd p.big {
                font-size: 30px;
                font-weight: 800;
                line-height: 1.3;
            }
    
}
        
@media screen and (max-width: 750px){

}

@media print,screen and (min-width: 751px){
    #signup {
        padding-bottom: 250px;
    }
    #signup .title01 {
        padding: 30px;
        font-size: 3.6rem;
    }
    #signup p {
        width: 100%;
        text-align: center;
        font-size: 20px;
    }
    #signup form {
        display: flex;
        padding-left: 0px;
        justify-content: center;
    }
    #signup form input[type="email"] {
        height: 50px;
        font-size: 2.0rem;
        padding-left: 20px !important;
        padding-right: 20px !important;
        width: 600px;
    }
    #signup form input[type="submit"], #signin input[type="submit"] {
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 2.0rem;
        height: 50px;
    }

}