/* monthly_up */
img {
    max-width: 100%;
}
#monthly_up_vol span.sup {
    font-size: 75.5%;
    vertical-align: top;
    position: relative;
    top: -0.1em;
}
#monthly_up_vol .center-img {
    width: auto;
    margin: 0 auto;
    display: block;
}
.btn_mt5 {
    margin-top: 5rem;
}
.btn_mt10 {
    margin-top: 10rem;
}
.mb20 {
    margin-bottom: 20px;
}
.taC {
    text-align: center;
}
.clear {
    clear: both;
}
.flt_l {
    float: left;
}
.main-contents {
    margin: 5%;
    text-align: center;
}
.main-contents .line3 {
    padding-top: 5.5%;
}
.inline-circle {
    display: inline-block;      
    background-color:  #065AAA;
    padding:  7% 1% 0;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    margin: 0 1%;
    color: #fff;
    font-weight: bold;
    vertical-align: bottom;
    line-height: 1.8;
    font-size: 115%;
}
.contact_btn.flexbox .txt_lightblue{
    color: #065AAA;
}
.contact_btn_3 {
    align-items: center;
    justify-content: space-around;
    margin-top: 40px;
}
.contact_web_2 {
    border: 2px solid #065AAA;
    padding: 1.7% 3.7%;
    border-radius: 50px;
    align-items: center;
    width: 50%;
}
.contact_web_2 .ico {
    width: 5rem;
    margin-left: 2rem;
    margin-right: 3.5rem;
}
.contact_web_2 p {
    font-size: 2.9rem;
    font-weight: bold;
}
.contact_web_3 {
    border: 2px solid #065AAA;
    padding: 1.7% 3.7% 1.5%;
    border-radius: 50px;
    align-items: center;
    display: flex;
    font-size: 1.3rem;
}
.contact_web_3 p {
    font-size: 1.9rem;
    font-weight: bold;
}
.contact_tell_2 .ico{
    max-width: 36px;
    width: 4.1rem;
    margin-right: 2rem;
    align-self: center;
}
.contact_tell_2 p span{
    font-size: 3rem;
    font-weight: bold;
}
.contact_tell_2 p:first-child {
    margin-bottom: 1em;
}
.flex_icon {
    display: flex;
}
.information_flex {
    display: flex;
}
.information_flex .right {
    margin-top: 4em;
}
.flex_icon
.rounded-corners {
    display: inline-block;      
    background-color:  #065AAA;
    padding:  2%;
    height: auto;
    width: 275px;
    border-radius: 7%;
    margin: 0 1%;
    color: #fff;
    vertical-align: bottom;
    line-height: 1.5;
    font-size: 100%;
}
.rounded-corners span.title{
    font-size: 170%;
    font-weight: bold;
}
.rounded-corners span.big{
    font-size: 300%;
    font-weight: bold;
}
.banner {
    width: 100%;
    max-width: 600px;
    margin: 5% auto;
}
.mb10per {
    margin-bottom: 10%;
}
.contact_web_3 .ico {
    width: 4.1rem;
    max-width: 30px;
    margin-right: 3.5rem;
}
@media print,
screen and (min-width: 768px) {
    .sp2 {
        display: none;
    }
}
@media print,
screen and (min-width: 769px) {
.information_flex .right {
    margin-left: 1em;
}
}
@media print,
screen and (max-width: 1360px) {
}
@media print,
screen and (max-width: 320px) {
}
@media print,
screen and (max-width: 600px) {
}
@media print,
screen and (max-width: 414px) {
    .sp2 {
        display: block;
    }
}
@media print,
screen and (max-width: 768px) {
    .information_flex {
        display: block;
    }
    .information_flex .right {
        margin-top: 1em;
    }
    .contact_btn_3{
        align-items: center;
        justify-content: space-around;
        display: block;
    }
    .contact_btn_3 .txt{
        margin-right: 1rem;
        font-size: 73%;
        line-height: 1;
    }
    .contact_btn_3 .time{
        font-size: 95%;
    }
    .contact_web_3 {
        border: 2px solid #065AAA;
        padding: 15px;
        border-radius: 70px;
        align-items: center;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 5%;
        padding: 15px;
        justify-content: center;
        max-width: 400px;
    }
    .contact_web_3 .ico {
        margin-right: 2rem;
    }
    .contact_web_3 p {
        font-size: 1.5rem;
        line-height: 1.2;
    }
    .flex_icon {
        display: flex;
        margin-top:2em;
        justify-content: center;
    }
    .main-contents {
        margin: 10% 0;
        text-align: center;
    }
    .inline-circle {
        display: inline-block;      
        background-color:  #065AAA;
        padding:  15% 0 0;
        height: 40vmin;
        width: 40vmin;
        border-radius: 50%;
        margin: 3% 2%;
        color: #fff;
        font-weight: bold;
        vertical-align: bottom;
        line-height: 1.8;
        font-size: 88%;
    }
    .main-contents .line3 {
        padding-top: 11%;
    }
    .contact_btn_3.flexbox {
        display: block;
        text-align: center;
    }
    .information_flex {
        display: block;
    }
    .contact_web_2 {
        border: 2px solid #065AAA;
        padding: 20px;
        border-radius: 50px;
        align-items: center;
        width: 100%;
        margin: 0 auto;
        justify-content: center;
    }
    .contact_web_2 .ico {
        width: 4.1rem;
        margin-right: 1rem;
        max-width: 30px;
    }
    .contact_web_2 p {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.2;
    }
    .rounded-corners {
        width: 100%;
        margin: 5% 0;
        border-radius: 5%;
        padding: 10% 2%;
    }
    .contact_tell_2 {
        text-align: center;
        font-size: 1.8rem;
    }
    .contact_tell_2 p span {
        font-size: 2.8rem;
    }
    .contact_tell_2 .ico {
        margin-right: 1rem;
    }
}