/* [sfc] SFコンタクトフォーム
---------------------------------------------------------------------------------------------------*/
.sfcGuide {
margin-bottom: 2rem;
}
.sfcError {
text-align: center;
background: red;
color: #fff;
padding: 1rem;
margin-bottom: 1rem;
}

.sfciForm-agree{
display: block;
margin: .5rem 0 1rem;
}
.sfciForm-submit {
margin-top: 1rem;
}
.sfccForm-Submit {
display: flex;
justify-content: center;
align-items: center;
margin-top: 1rem;
}
.sfc-next-btn,
.sfc-send-btn {
width: 160px;
background: #23abdd;
color: #fff;
}
.sfc-back-btn {
width: 160px;
background: #888;
color: #fff;
margin-right: .5rem;
}
.sfctBody{
padding: 1rem 0;
}

 .sfccItems{
background: #f7f7f7;
padding: 3rem;
border-radius: 1rem;
}




@media (max-width: 575.98px){


}/*mq*/
@media (min-width: 576px) and (max-width: 767.98px){
}/*mq*/
@media (min-width: 768px) and (max-width: 991.98px){
 }/*mq*/
@media (min-width: 992px) and (max-width: 1199.98px){
}/*mq*/
@media (max-width: 1399.98px){
 }/*mq*/

@media (max-width: 767.98px){
.sfccItems{padding: 2rem;}
.sfc-back-btn {width: 80px;}
.sfccItems dd{ margin: .125px 0 .5rem}
}/*mq*/
@media (min-width: 768px){
.sfciForm-submit{ width: calc( 100% - 250px );  margin-left:auto; margin-right:0;  }
.sfccItems{ display: flex; flex-wrap: wrap;}
.sfccItems dt{ width: 200px;}
.sfccItems dd{ width: calc( 100% - 200px );}
}/*mq*/




@media (max-width: 767.98px){
}/*mq*/
@media (min-width: 768px){
}/*mq*/


@media (max-width: 575.98px){
}/*mq*/
@media (min-width: 576px) and (max-width: 767.98px){
}/*mq*/
@media (min-width: 768px) and (max-width: 991.98px){
 }/*mq*/
@media (min-width: 992px) and (max-width: 1199.98px){
}/*mq*/
@media (max-width: 1399.98px){
 }/*mq*/






/*[cnt] お問い合わせ窓口
----------------------------------------------------------------------------------------------------*/
.cntItem {
display: flex;
align-items: center;
justify-content: space-between;
text-align: center;
width: calc( ( 100% - 20px ) / 2 );
height: auto;
color: inherit;
border-radius: 8px;
background: #fff;
transition: all .5s;
}
.cntItem-loader {
width: 25px;
height: 25px;
background-image: url(../../images/Preloader_1.gif);
background-size: 25px;
}
.cntItem-name {
display: flex;
align-items: center;
width: calc( 100% - 25px - 40px );
line-height: 1.3;
padding: 0 20px;
text-align: left;
}
.cntItem-arrow{
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
background: #eee;
color: #fff;
font-family: "sffont";
transition: all .5s;
}
.cntItem-arrow:before {
line-height: 40px;
font-size: 20px;
color: skyblue;
}

.cntItem a:hover {
font-weight: 700;
color: #000;
}
.cntItem:hover .cntItem-arrow{
background: skyblue;
}

@media screen and (max-width: 767px) {
    .cntItems {
    padding: 10px;
    }
    .cntItem {
    text-align: center;
    width: 100%;
    font-size: 16px;
    padding: 15px 5px;
    margin-bottom: 10px;
    }

}
@media screen and (min-width: 768px) {
    .cntItems {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 18px;
    padding: 10px;
    }
    .cntItem {
    padding: 26px 10px;
    margin-bottom: 20px;
    }
}