@charset "utf-8";
.c-color01{color: #888;}
.c-padding-i{padding: inherit;}
.mr0{margin-right: 0px !important;}
.subscription > ul.c-padding-i.w732{width: 514px;}
.fnt-bold{font-weight: bold;}
.text-left{text-align: left !important;}
.c-color111{color: #111;}
.text-p{
    font-size: 24px;
    text-align: center;
    margin: 20px 0 0;
}


/*------------------------------------------------------------
申し込み
------------------------------------------------------------*/
.simulation {
    width: 700px;
    margin: 5% auto 0;
}
.subscription{
    margin-top: 95px;
}
.subscription > ul.c-padding-i.w732{
    display: flex;
    justify-content: center;
}
.subscription_form {
    background-size: auto 320px;
}
.subscription_form ul {
    display: flex;
    justify-content: center;
}
.subscription-text {
    text-align: center;
    margin-bottom: 4% !important;
    font-size: 18px !important;
    color: #000;
}
.subscription-text2 {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 3% !important;
}
.subscription-text2 img {
    width: 330px;
}
.c-padding-i p {
    color: #000 !important;
}
.c-padding-i-text {
    margin: 0 -8% 5% !important;
    text-align: center;
}
.c-padding-i-text img {
    width: 220px;
}
.c-padding-i p a {
    color: #e96700 !important;
}
.sp1 {
    display: block;
}
.sp2 {
    display: none;
}
@media all and (max-width: 750px) {
    .subscription > ul.c-padding-i.w732{
        width: calc(514/750*100vw);
    }
    .subscription-text {
        font-size: calc(18/750*100vw) !important;
    }
    .subscription-text2 img {
        width: calc(330/750*100vw) !important;
    }
    .c-padding-i-text img {
        width: calc(220/750*100vw) !important;
    }
    .text-p{
        font-size: calc(24/750*100vw);
    }
    .subscription_fv p:nth-of-type(1) {
        font-size: calc(15/750*100vw);
    }
    .subscription p:nth-of-type(1) {
        font-size: calc(15/750*100vw);
    }
    .simulation {
        width: calc(700/750*100vw);
    }
    .anime_go p img {
        width: calc(614/750*100vw) !important;
    }
    .c-padding-i-text {
        font-size: calc(13/750*100vw) !important;
    }
}
@media all and (max-width: 480px) {
    .subscription-text {
        font-size: calc(10/480*100vw) !important;
    }
    .sp1 {
        display: none;
    }
    .sp2 {
        display: block;
    }
}

.subscription p:nth-of-type(1) {
  text-align: center;
  margin-bottom: 30px;
}
.subscription > ul {
    margin: 0 auto;
    zoom: 1;
}
.subscription > ul:after {
	clear: both;
	content: '';
	display: block;
}
.subscription > ul li {
    text-align: left;
    float: left;
    color: #f00;
}
.subscription > ul li:nth-child(1) {
    margin: 0 33px 0 0;
}
.subscription > ul + p {
    font-size: 24px;
    text-align: center;
    margin: 20px 0 0;
}

@media all and (max-width: 640px) {
    .subscription {
        margin-bottom: 15px;
    }
    .subscription p:nth-of-type(1) {
        margin-bottom: 15px;
        text-align: center;
    }
    .subscription p img {
        margin: 0 auto;
        width: 96%;
        height: auto;
    }
    .subscription > ul {
        margin-top: calc(5/640*100vw);
        width: 96%;
    }
    .subscription > ul li {
        float: left;
        width: 47.5%;
    }
    .subscription > ul li:nth-child(1) {
        margin: 0 5% 0 0;
    }
    .subscription ul li img {
        width: 100%;
        height: auto;
    }
    .subscription > ul + p {
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        margin: 20px 0 0;
    }
}
#diagnosis_diagnosis .input_item dl dd .c-list-01 li {
    list-style-type: square;
    margin: 0;
    padding: 0;
    margin-top: .75em;
    margin-left: 20px;
    line-height: auto;
    display: list-item;
    height: auto;
}

.c-noteList-01{
    margin-top: 10px;
}

.tel_link_sp{
    width: 80%;
    text-align: center;
    margin: 0 auto 20px !important;
}

.diagnosis_boder {
    border: 5px solid #e96700;
    padding: 25px 20px 0;
    margin: 0 0 40px;
    border-radius: 0;
    border-top: 0px;
    background-color: #fff;
}

.transmission {
    padding: 0 0 30px;
    margin: 0 0px 30px;
    border-radius: 0 0 10px 10px;
    background-color: #f3ebe3;
}

.w45p{width: 45% !important;}
.c-display-iblock{display: inline-block;}
.c-opacity07:hover{opacity: 0.7;}
#diagnosis_diagnosis .input_item dl dd .c-list-01 li {
    list-style-type: square;
    margin: 0;
    padding: 0;
    margin-top: .75em;
    margin-left: 20px;
    line-height: auto;
    display: list-item;
    height: auto;
}

.result_boder{
    border: 2px solid #e96700;
    padding: 0 0 18px;
    margin: 20px 7px 20px;
}

.result_boder_inner {
    padding: 0 18px;
}
.result_img {
    margin: 5% auto;
    padding-top: 5px;
    text-align: center;
}

hr.result_hr {
    border: 1px #d0d0d0;
    border-bottom-style: dashed;
    margin: 0 0 40px;
}
.btn_submit{
    margin: 10px 0 20px;
}
.transmission{
    padding: 0 0px 25px;
    margin: 20px 0px 0px;
    background-color: #f3ebe3;
}

.tel_link_sp {
    width: 80%;
    text-align: center;
    margin: 0 auto 20px !important;
}
.c-column-group {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    margin: 54px 30px 0;
}

.btn_rediagnosis{
    border-radius: 30px;
    font-size: 120%;
    max-width: 100%;
    padding: 10px 70px 7px 70px;
    text-align: center;
    background: #fff;
    color: #535252;
    border: 2px solid #747B81;
    text-decoration: none;
    font-weight: bold;
}
.btn_rediagnosis_ng{
    border-radius: 30px;
    font-size: 120%;
    max-width: 100%;
    padding: 10px 70px 7px 70px;
    text-align: center;
    background: #fff;
    color: #535252;
    border: 2px solid #747B81;
    text-decoration: none;
    font-weight: bold;
}
.btn_rediagnosis:hover{
    color: #fff;
    background: #ccc;
    text-decoration: none;
    
}
.btn_rediagnosis_ng:hover{
    background: #ccc;
    color: #fff;
    text-decoration: none;
}
span.error_m img{
    font-size: 15px;
    font-weight: normal;
    color: #FF4040;
    display: block;
    width: 100%;
}

@media only screen and (max-width: 640px){
.mr0{margin-right: 5% !important;}
.w45p{width: 100% !important;}
.text-p {
    text-align: center;
    margin: 20px 0 0;
    font-size: 13px;
    font-weight: bold;
}
.diagnosis_boder {
    border: 4px solid #e96700;
    padding: 15px 10px 0;
    margin: 0px 2% 40px;
    border-radius: 0;
    border-top: 0px;
}
.c-column-group {
    overflow: hidden;
    *zoom: 1;
    width: 100%;
    margin: 34px 0 0;
}
.btn_rediagnosis {
    border-radius: 30px;
    font-size: 120%;
    max-width: 100%;
    padding: 10px 40px 7px 40px;
    text-align: center;
    background: #fff;
    color: #535252;
    border: 2px solid #747B81;
    text-decoration: none;
    font-weight: bold;
}
.subscription > ul.c-padding-i.w732{width: 96%;}
.c-padding-i {
    padding: 0;
}
.result_img img {
    max-width: 96%;
    margin: 0 auto;
    height: auto;
}
hr.result_hr {
    border: 1px #d0d0d0;
    border-bottom-style: dashed;
    margin: 3px 0 20px;
}
}
@media only screen and (max-width: 750px){
span.error_m img{
    font-size: 15px;
    font-weight: normal;
    color: #FF4040;
    display: block;
    width: 80%;
}
}

.inner {display: none;}
.inner.btn_submit_slide{display: block;}

#diagnosis_ok.anime_go,
#diagnosis_ng.anime_go{
    background-color: #fff;
    z-index: 1;
    opacity:0;
    -webkit-animation: reflection 1s 0.5s alternate forwards;
            animation: reflection 1s 0.5s alternate forwards;
}

@-webkit-keyframes reflection {
    100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0.3; }
    20% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0; }
    10% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0; }
}
 
@keyframes reflection {
    100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0.3; }
    20% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0; }
    10% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0; }
}

#diagnosis_ok.anime_go_re,
#diagnosis_ng.anime_go_re{
    background-color: #fff;
    z-index: 1;
    opacity:0;
            animation: reflection_re 1s 0.5s alternate forwards;
            
    -webkit-animation: reflection_re 1s 0.5s alternate forwards;
    -moz-animation: reflection_re 1s 0.5s alternate forwards;
    -ms-animation: reflection_re 1s 0.5s alternate forwards;
    -o-animation: reflection_re 1s 0.5s alternate forwards;
    
}
@-webkit-keyframes reflection_re {
    100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0.3; }
    20% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0; }
    10% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0; }
}
 
@keyframes reflection_re {
    100% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; }
    50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0.3; }
    20% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0; }
    10% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 0; }
}

.anime_go_re_slide{
    display: block;
    background-color: #fff;
    z-index: 1;
    opacity:1;
    -webkit-animation: fade 1s 0.5s alternate forwards;
            animation: fade 1s 0.5s alternate forwards;
}

@keyframes fade {
    100% {max-height: 0px; opacity: 0; }
    5% {max-height: 100px; opacity: 0.1; }
    0% {max-height: 100px; opacity: 1; }
}