@charset "UTF-8";
/*-------------------------------
guide_common
-------------------------------*/
.guide .underlayer{
background: url(../../common/img/common_bg_02.jpg) repeat;
margin: 0;
padding: 2.7% 0 0.5%;
}
.guide .contactBlock {
margin: 0 auto;
max-width: 655px;
}
.guide .contactBlock h4{
max-width: 342px;
margin: 0 auto;
}
.guide .contactBlock p{
font-size: 0.8rem;
line-height: 1.5rem;
margin: 1.5% 0;
}
.guide .contactBlock span{
font-weight: bold;
}
.guide .contactItem{
border-top: 1px dashed #000;
margin: 1% 0 2.5%;
padding: 3% 0 0;
}
.guide .contactItem .colItem{
float:left;
}
.guide .contactItem .colItem:first-child{
width: 58%;
margin:0 3% 0 0;
}
.guide .contactItem .colItem:last-child{
width: 39%;
}
.guide .contactItem .cb01{
font-size: 0.95rem;
line-height: 1rem;
}
.guide .contactItem .cb01 .fa{
color: #c01a2b;
margin: 0 3% 0 0;
width: 22px;
}
.guide .contactBtn{
display: block;
border: 1px solid #c01a2b;
}
.guide .contactBtn img{
padding: 5.2% 26%;
box-sizing: border-box;
}
.guide .contactBtn:hover{
background: #c01a2b;
opacity:1;
}
.guide .linkBlock{
color: #c01a2b;
}
/*text-deco*/
.guide .cb01{
color:#c01a2b;
font-weight: bold;
}
.guide .cn01{
color:#c01a2b;
font-weight: normal;
}
.guide .cs01{
color:#666666;
font-size: 0.7rem;
}
/*display*/
.pc_on{
display: block;
}
.guide .contentsBlock .pctab_on{
display: block;
}
.sp_on{
display: none;
}

@media screen and (min-width:600px) and (max-width:999px){
    .guide .underlayer {
        padding: 2.7% 5% 0.5%;
    }
    .guide .underlayer {
        padding: 2.7% 5% 0.5%;
        }
        .guide .contactItem .colItem:first-child {
        width: 50%;
        }
        .guide .contactItem .colItem:last-child {
        width: 47%;
        }
        .gListItem .icon2ColBlock {
        width: 90%;
        }
        .guide .qaListBlock {
        width: 80%;
        }
        .guide .listItem .listTitle {
        width: 85%;
        }
        .guide .listItem dd p {
        width: 90%;
        }
}
@media screen and (max-width: 599px){
    .guide .underlayer {
        padding: 5.7% 0 3.5%;
        }
        .guide .contactBlock .contactItem .colItem {
        float: none;
        width: 100%;
        }
        .guide .contactBlock {
        margin: 0 auto;
        width: 80%;
        }
        .guide .contactBtn img{
        padding: 5% 10%;
        }
        /*display*/
        .pc_on{
        display: none;
        }
        .guide .contentsBlock .pctab_on{
        display: none;
        }
        .sp_on{
        display: block;
        }
}

.contentsBlock{
    margin-bottom: 4%;
}
.mainBlock {
    margin: 4% auto 4%;
    max-width: 1000px;
    width: 90%;
}
.single h2 {
    font-size: 1.88rem;
    margin: 0 0 4%;
    text-align: center;
}
.single h2 span {
    border-bottom: 1px dashed #000;
    padding: 0 2% 0.5%;
}
.single p {
    line-height: 1.8rem;
    margin: 0 0 1rem;
}
.single a {
    line-height: 1.8rem;
    margin: 0 0 1rem;
    overflow-wrap: break-word;
}
.single h3 {
    font-size: 1.75rem;
    background: #f3ece5;
    margin: 4% 0 2%;
    padding: 15px 20px;
}
.single h4 {
    font-size: 24px;
    font-size: 1.5rem;
    border-bottom: 3px solid #f3ece5;
    margin: 4% 0 2%;
    padding: 0 20px 5px;
}
.table_s {
    border-collapse: collapse;
    border: 2px solid #f3ece5;
    margin: 0;
    width: 100%;
    border-spacing: 0;
}
.table_s th {
    border: 1px solid #f3ece5;
    padding: 10px;
    width: 30%;
    font-size: 14px;
    background: #f1f1f1;
    vertical-align: middle;
    line-height: 1.6;
}
.table_s td {
    border: 1px solid #f3ece5;
    padding: 12px;
    padding-left: 8px;
    word-break: break-all;
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
    line-height: 1.6;
}
.shop{
    display: flex;
}
.shop__img{
    width: 40%;
    margin: 0 5% 0 0;
}
/* @media screen and (min-width:600px) and (max-width:999px){
    .single h2{
        font-size: 3.008vw;
    }
    .single p {
        font-size: 1.6vw;
        line-height: 2.88vw;
        margin: 0 0 1.6vw;
    }
    .single a {
        font-size: 1.6vw;
        line-height: 2.88vw;
        margin: 0 0 1.6vw;
    }
    .single h3 {
        font-size: 2.8vw;
        padding: 1.5vw 2vw;
    }
    .single h4 {
        font-size: 3.3vw;
        border-bottom: .3vw solid #f3ece5;
        padding: 0 2vw .5vw;
    }
    .table_s th {
        padding: 1vw;
        font-size: 1.4vw;
    }
    .table_s td {
        padding: 1.2vw 1.2vw 1.2vw 0.8vw;
        font-size: 1.3vw;
    }
}
@media screen and (max-width: 599px){
    .single h2{
        font-size: 4.6875vw;
    }
    .single p {
        font-size: 2.5vw;
        line-height: 4.5vw;
        margin: 0 0 2.5vw;
    }
    .single a {
        font-size: 2.5vw;
        line-height: 4.5vw;
        margin: 0 0 2.5vw;
    }
    .single h3 {
        font-size: 4.375vw;
        padding: 2.34375vw 3.125vw;
    }
    .single h4 {
        font-size: 3.75vw;
        border-bottom: 0.46875vw solid #f3ece5;
        padding: 0 3.125vw 0.78125vw;
        line-height: 1.2;
    }
    .single .number{
        padding: 0 3.125vw 0.78125vw 5%;
        line-height: 1.2;
        text-indent: -4%;
    }
    .table_s{
        width: 100%;
    }
    .table_s th {
        padding: 1.5625vw;
        font-size: 2.1875vw;
        width: 28%;
    }
    .table_s td {
        padding: 1.875vw 1.875vw 1.875vw 1.25vw;
        font-size: 2.03125vw;
    }
} */