@charset "UTF-8";
.induction{
    width: 100%;
    height: fit-content;
    padding: 1.5em 0;
    background: linear-gradient(to right, rgb(124, 19, 38), rgb(177, 43, 70));
    overflow: hidden;
}

.induction_call{
    width: 100%;
}.induction_call img{
    width: 95%;
    margin: auto;
    display: block;
}

.induction_block{
    height: fit-content;
    margin: auto;
    white-space: nowrap;
}.induction_block .induction_box_pc:nth-child(1){
    margin: auto 2em auto auto;
}.induction_block .induction_box_pc:nth-child(2){
    margin: auto auto auto 2em;
}.induction_block .induction_box_pc:nth-child(2) img{
    max-width: 23em;
    width: 100%;
}

.induction_free_icon{
    display: flex;
    background-color: white;
    color: rgb(124, 19, 38);
    width: 5em;
    height: 3.5em;
    margin: auto 1em auto 0;
}.induction_free_icon > div{
    width: fit-content;
    height: fit-content;
    margin: 0.7em auto auto auto;
    white-space: nowrap;
    font-size: 1.3em;
    font-weight: bold;
}

.induction_msg-a{
    font-size: 1.9em;
    line-height: 1;
    font-weight: bold;
    letter-spacing: 0.04em;
}.induction_msg-b{
    font-size: 1.14em;
    line-height: 1.5;
}

.induction_phone_group{
    width: 100%;
    margin-top: 0.5em;
}
.induction_phone_icon{
    width: 3em;
    height: 3em;
    margin: auto;
}
.induction_phone_number{
    font-size: 3.2em;
    line-height: 1;
    height: fit-content;
    margin: 0.1em auto auto 0;
    -webkit-text-stroke: 4px #ffffff; 
}

.induction_msg_sp{
    text-align: center;
    font-weight: bold;
    margin: auto auto 1em auto;
    font-size: 1.1em;
}.induction_msg_sp div{
    margin: 0.2em 0em;
}

.image-test{
    background-color: white;
    color: black;
    width: 100%;
    margin: auto;
}

.induction_box_sp{
    width: fit-content;
    margin: 1em auto 0 auto;
}.induction_box_sp:nth-child(2) img{
    width: 95%;
    display: block;
    margin: auto;
}.induction_box_sp:nth-child(3) img{
    max-width: 13em;
    width: 100%;
}

/* footer-induction*/
.induction_footer_pc_container{
    padding: 0.4em 0 0 0;
    margin: auto;
    width: fit-content;
    display: flex;
}

.induction_footer_pc_msg{
    padding-right: 20px;
}.induction_footer_pc_msg > div:nth-child(1){
    color: #231815;
    background: #fff;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.3rem;
    text-align: center;
    width: 100%;
    border-radius: 14px;
}.induction_footer_pc_msg > div:nth-child(2){
    font-size: 2em;
    font-weight: bold;
}

.induction_footer_pc_tel_number{
    font-size: 4em;
    font-weight: bold;
    margin: auto 0 0 0;
    line-height: 1.1;
}

.induction_footer_pc_openinghour{
    font-size: 1.3em;
    text-align: center;
}

.induction_footer_pc_phone_icon{
    width: 3em;
    height: 3em;
    margin: auto 5px 8px 0px;

}.induction_footer_pc_phone_icon > img{
    width: 100%;
    height: 100%;
    margin-top: 7px;
}

/*-------sp-------*/
.induction_footer_sp_container{
    background: linear-gradient(to right, rgb(124, 19, 38), rgb(177, 43, 70));
    width: 80%;
    margin: 1em auto;
    display: flex;
    text-decoration: none;
    padding: 0.5em;
}

.induction_footer_sp_phone_icon{
    width: 3em;
    height: 3em;
    margin: auto 10px auto auto;

}.induction_footer_sp_phone_icon > img{
    width: 100%;
    height: 100%;
}

.induction_footer_sp_msg{
    width: fit-content;
    margin: auto auto auto 0;
    color: white;
    font-size: 2.5em;
    line-height: 1;
    font-weight: bold;
}

@media (min-width: 768px) {
    .induction_block{
        max-width: 80%;
    }
}@media (max-width: 767px) {
    .induction_block{
        max-width: 95%;
    }
}