/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.l-ivr{
    max-width: 1000px;
    width: 100%;
    margin: 30px auto;
    text-align: center;
    border: solid 1px #323232;
}
@media screen and (max-width: 768px) {
    .l-ivr{
        width: 100%;
        margin: 0px auto;
        border:none;
    }
}
.l-ivr.--adj{
}
.l-ivr-inner{
    padding: 60px 16px;
}
@media screen and (max-width: 768px) {
    .l-ivr-inner{
        padding: 40px 10px;
    }
}
.c-ivr-label{
    font-size: clamp(10px,5.5vw,20px);
    font-weight: bold;
    color: #004EA2;
    margin-bottom: 40px;
    letter-spacing: .05em;
}
.p-ivr-select{
    position: relative;
    max-width: 100%;
    width: 320px;
    margin: 40px auto 0;
    text-align: center;
}
.p-ivr-select::after{
    content: '';
    width: 10px;
    height: 10px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    position: absolute;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    pointer-events: none;
    right: 16px;
    top:12px;
}
@media screen and (max-width: 768px) {
    .p-ivr-select::after{
        top:16px;
    }
}
.p-ivr-select.c-default-option__wrap::after{
    border-top: solid 1px #323232;
    border-right: solid 1px #323232;
}
.c-ivr-select{
    width: 100%;
    padding: 10px;
    font-size: clamp(10px,4.5vw,18px);
    text-align: center;
    letter-spacing: .05em;
    background-color: #004EA2;
    color: #fff;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .c-ivr-select{
        font-size: 4vw;
        text-align: center;
    }
}
.c-ivr-select::-ms-expand{
    display: none;
}
.c-default-option{
    background-color: #E6E6E6;
    color: #323232;
    font-weight: bold;
}
.p-ivr-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #004EA2;
    padding: 16px 10px;
    position: sticky;
    z-index: 100000;
    top: 0;
}
@media screen and (max-width: 768px) {
    .p-ivr-header{
        padding: 10px 10px;
    }
}
.p-ivr-header__img{
    width: 50px;
    height: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 8px;
}
.p-ivr-header__text{
    color:#fff;
    font-size: clamp(10px,4vw,26px);
    font-family: Futura, 'Lato', sans-serif;
    letter-spacing: .01em;
}
.c-ivr-title{
    color:#004EA2;
    font-size: clamp(10px,4vw,26px);
    font-weight:bold;
    margin-top: 60px;
    margin-bottom: 14px;
}
@media screen and (max-width: 768px) {
    .c-ivr-title{
        font-size:6vw ;
    }
}
.c-ivr-title__sub{
    font-size: clamp(10px,4vw,18px);
    margin-bottom: 60px;
    line-height: 1.5;
}
.c-ivr-button{
    background-color: #004EA2;
    color: #fff;
    max-width: 400px;
    width: 100%;
    display:block;
    border-radius: 8px;
    margin: 0 auto;
    padding: 16px 10px 16px 10px;
    line-height: 1;
    font-size: clamp(10px,4vw,18px);
    letter-spacing: .05em;
    margin-bottom: 20px;
    text-decoration: none;
    position: relative;
}

.c-ivr-button.--pink{
    background-color: #DE6A7D;
}
.c-ivr-button__icon{
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    top: 50%;
    right:20px;
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
}
@media screen and (max-width: 768px) {
    .c-ivr-button__icon{       
        right:10px;
    }
}
.p-ivr-info__wrap{
  margin-top: 30px;
}
.p-ivr-info{
    width: 100%;
    text-align: left;
    background-color: #E6E6E6;
    color:#323232;
    border-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 10px;
    display:block;
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    .p-ivr-info{
        border-radius: 6px;
        padding: 16px 10px;
    }
}
.p-ivr-info__h3{
    font-size: clamp(10px, 4.5vw, 20px);
    line-height: 1.5;
    letter-spacing: .05em;
    margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
    .p-ivr-info__h3{
        line-height: 1.3;
    }
}
.p-ivr-info__we{
    line-height: 1.5;
    letter-spacing: .05em;
    margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
    .p-ivr-info__we{
        line-height: 1.3;
    }
}
.p-ivr-info__address{
    line-height: 1.5;
    letter-spacing: .05em;
    margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
    .p-ivr-info__address{
        line-height: 1.3;
    }
}