@charset "utf-8";

/* 共通 */
.text_red{
    color: #d6000f;
}
.text_yellow{
    color: #ffff00;
}
.imgWrapCenter{
    text-align: center;
}
.imgRight{
    text-align:right;
    margin-left:auto;
    margin-right:0;
    float:right;
    clear:both;
}
.img-block-center{
    max-width:100%;
    height:auto;
    display: block;
    margin:0 auto;
}

.btnFlowContact{
    display: block;
    padding:10px 15px;
    font-weight: bold;
    background:#d7000f;
    border-radius: 10px;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    margin-top:25px;
}
.btnFlowContact:after{
    content:"＞";
    float:right;
}
.btnFlowContact:hover,
.btnFlowContact:focus{
    opacity: 0.8;
    text-decoration: none;
    color:#ffffff;
}
@media only screen and (max-width:767px){
    .btnFlowContact{
        margin-bottom:15px;
    }
}
@media print, screen and (min-width:768px){
    .btnFlowContact{
        font-size:1.2em;
    }
    .btnFlowContact{
        margin-left:20px;
        margin-right:20px;
    }
}


/*-------------------------------------------
ページ内共通
-------------------------------------------*/
/*　見出しタイトル */
.captionTitle{
    color: #00395c;
    line-height: 110%;
    font-size: 1.8em;
    font-weight: bold;
    padding: 10px 0px;
    background:url(../images/border_img01.png) left bottom repeat-x;
    margin-bottom:10px;
}
@media only screen and (max-width:767px){
}
@media print, screen and (min-width:768px){
}
@media only screen and (min-width:768px) and (max-width:991px){
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .captionTitle{
        font-size:2.4em;
    }
}
@media only screen and (min-width:1200px){
    .captionTitle{
        font-size:2.8em;
    }
}



.bnrDiagnose{
    text-align:center;
    font-weight: bold;
    display: block;
    margin:20px 0;
}
@media only screen and (max-width:767px){
    .bnrDiagnose{
        margin-top:5px;
    }
}
@media print, screen and (min-width:768px){
}


/*-------------------------------------------
.secTop
-------------------------------------------*/
.secTop{
    padding:30px 0 0 0;
}
.secTop .topTitle{
    padding:0 0 20px 0
}
.secTop .txtTop{
    padding:12px 0 12px 0;
    font-size:1.1em;
    line-height:180%;
}
.secTop .txtTop .txtStrong{
    color:#00469c;
    font-size:1.1em;
    font-weight: bold;
}
.secTop .photoTop{
    padding:15px 0 15px 0;
    text-align: center;
}


@media only screen and (max-width:767px){
    .secTop .topTitle{
        background: #00395c;
        font-size: 1.4em;
        text-align: center;
        padding: 20px 0;
        color: #ffffff;
        font-weight: bold;
    }
    .secTop .topTitle h1{
        font-weight: bold;
    }
}
@media print, screen and (min-width:768px){
    .secTop .txtTop{
        font-size:1.2em;
    }
    .secTop .txtTop.txt02{
        width:80%;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
}
@media only screen and (min-width:992px) and (max-width:1199px){
}
@media only screen and (min-width:1200px){
}



/*-------------------------------------------
.secReason
-------------------------------------------*/
.secReason{
}
.secReason .boxReason{
    margin:20px 0;
    background: url(../images/bgFlow.png) left top repeat;
}
.secReason .boxReason .boxReasonIn{
    padding:20px;
}
.secReason .boxReason .boxTitle{
    background:#00395c;
    color:#ffffff;
    font-weight: bold;
    line-height: 120%;
    padding:10px;
}
.secReason .boxReason .numReason{
    color: #00395c;
    font-size:1.2em;
    font-family: Verdana;
    background: #ffff00;
    border-radius: 10px;
    padding:5px;
    display: inline-block;
    margin-right:20px;
}
.secReason .boxReason .txtReason{
    line-height: 200%;
}
.secReason .boxReason .photoReason{
}
.secReason .reasonArrow{
    text-align:center;
}
.secReason .reasonFlow04{
    text-align:center;
    padding:40px 0 0px 0;
}


@media only screen and (max-width:767px){
    .secReason .boxReason .numReason{
        display: block;
        float:left;
    }
    .secReason .boxReason .titleIn{
        font-size:4vw;
        line-height: 120%;
    }
    .secReason .boxReason .boxReasonIn{
        padding-left:10px;
        padding-right:10px;
    }
    .secReason .boxReason .txtReason{
        font-size:1.1em;
        padding:0 0 10px 0;
        line-height:180%;
    }
    .secReason .reasonArrow{
        width:50%;
        max-width:200px;
        margin:0 auto;
    }
    .secReason .reasonFlow01{
        padding:10px 0;
    }
    .secReason .reasonFlow02{
        padding:10px 0;
    }
    .secReason .reasonFlow03{
        padding:10px 0;
    }
    .secReason .reasonFlow04{
        padding-top:20px;
    }
}
@media print, screen and (min-width:768px){
    .secReason{
        padding:50px 0 0 0;
    }
    .secReason .boxReason{
        margin-bottom:40px;
    }
    .secReason .boxReason .boxTitle{
        font-size:1.4em;
    }
    .secReason .boxReason .txtReason{
        font-size:1.2em;
    }
    .secReason .reasonFlow01{
        padding:20px 0;
    }
    .secReason .reasonFlow02{
        padding:20px 0;
    }
    .secReason .reasonFlow03{
        padding:20px 0;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
}
@media only screen and (min-width:992px) and (max-width:1199px){
}
@media only screen and (min-width:1200px){
}

/*-------------------------------------------
.secStep
-------------------------------------------*/
.secStep{
}
.secStep .boxStep{
    margin: 20px 0;
    padding:20px;
    background: url(../images/bgFlow.png) left top repeat;
    border-top: solid 5px #00395c;
}
.secStep .boxStep .photoStep{
}
.secStep .boxStep .numStep{
    float:left;
    color:#ffff00;
    background:#00395c;
    border-radius: 15px;
    font-size:2.0em;
    font-family: Verdana;
    font-weight: bold;
    line-height:110%;
    padding:5px;
    min-width:50px;
    margin:0px 10px 0 0;
    text-align: center;
    padding:10px;
}
.secStep .boxStep .captionStep{
    font-weight: bold;
    color:#d6000f;
    line-height: 180%;
    padding:0 0 10px 0;
}
.secStep .boxStep .txtStep{
    font-size: 1.1em;
    line-height: 160%;
}
.secStep .txtStepCheck{
}
.secStep .txtBannerInfo{
}
@media only screen and (max-width:767px){
    .secStep .boxStep{
        padding-left:10px;
        padding-right:10px;
    }
    .secStep .boxStep .numStep{
        margin-right:5px;
        min-width:40px;
        padding:8px;
    }
    .secStep .boxStep .captionStep{
        white-space:nowrap;
        padding:5px 0 0 0;
    }
    .secStep .boxStep .photoStep{
        padding:0 0 10px 0;
    }
    .secStep .boxStep .txtStep{
        padding:10px 0 0 0;
    }
    .secStep .txtStepCheck{
        padding-top:10px;
        padding-bottom:5px;
    }
    .secStep .txtBannerInfo{
        padding-top:30px;
    }
}
@media print, screen and (min-width:768px){
    .secStep{
        padding:50px 0 20px 0;
    }
    .secStep .boxStep{
        margin-bottom:40px;
    }
    .secStep .boxStep .captionStep{
        font-size:1.4em;
    }
    .secStep .txtStepCheck{
        padding-top:30px;
        padding-bottom:20px;
    }
    .secStep .txtBannerInfo{
        padding-top:60px;
    }
    .secStep .boxStep .txtStep{
        font-size:1.2em;
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
}
@media only screen and (min-width:992px) and (max-width:1199px){
}
@media only screen and (min-width:1200px){
}