@charset "utf-8";

article{
font-size: 1.3rem;
}
.underline {
text-decoration: underline;
}

/* fv */
/*.fv_anchor {
width: 5.3rem;
height: 1em;
display: block;
position: absolute;
bottom: 13%;
right: 58%;
}*/

.fv{
background-color: #cfd9e5;
background-size: cover;
padding: 10px 0 30px;
position: relative;
}
.fv .wrapper .flex {
display: flex;
flex-wrap: wrap-reverse;
justify-content: center;
padding-top: 50px;
}
.fv .header_logo{
position: absolute;
top:0;
left:10px;
width: 80px;
}



/* btn */
.btn-pdf{
background-color: #E04153;
text-align: center;
color: #fff;
font-size: 120%;
font-weight: bold;
border-radius: 6px;
padding: 20px;
}
.btn-pdf:after{
content: ""
url(../images/icon_pdf.svg);
display: inline-block;
margin-left: 10px;
vertical-align: middle;
position: relative;
top:-1px;
width: 28px;
height: 28px;
}
.btn-pdf:hover,
.btn-pdf:visited{
color: #fff;
}
.link_text{
color: #879abb;
border-bottom: #879abb 1px solid;
display: inline-block;
}
.card{
padding-top: 20px;
padding-bottom: 20px;
}


/* hr */
hr.hr-cp{
background: url(../images/hr.svg) no-repeat;
background-position: center top;
width: 100%;
height: 10px;
border: none;
margin: 5rem 0 0;
padding: 0 0 20px;
}
hr.hr-cp-line{
width: 100%;
height: 10px;
border: none;
border-top:#e3dbd3 solid 1px;
margin: 0;
padding: 0;
margin: 40px 0;
}


/* h1 */
article .wrapper h2{
text-align: center;
font-size: 180%;
color: #879abb;
line-height: 1.2;
}
article .wrapper h2 span{
font-weight: 600;
display: inline-block;
}
article .wrapper h2 em{
width: 100%;
display: inline-block;
text-align: center;
font-size: 50%;
color: #879abb;
}
.small{
line-height:1.6;
display:inline-block;
}
.bold-line{
text-decoration: underline;
font-weight:600;
}
.free-dial{
font-weight:600;
font-size:120%;
margin-bottom:10px;
display:inline-block;
}
.free-dial:before{
content:"";
background:url(../images/free_dial.svg) no-repeat left center;
width:30px;
height:15px;
display:inline-block;
margin-right:5px;
}




/* schedule */
.wrapper.schedule h3{
/*padding: 0;*/
font-size: 110%;
border-top:none;
font-weight: 600;
/*margin-top: 10px;*/
}
.wrapper.schedule p{
/*text-align: center;
margin-top: 0;
line-height:2;*/
}
.wrapper.schedule:first-of-type p{
padding-top: 6rem;
color: #879abb;
font-size: 120%;
font-weight: 600;
}
.wrapper.schedule:first-of-type p a{
color: #879abb;
border-bottom: #879abb 1px solid;
display: inline-block;
}
.wrapper p span.small{
font-size: 70%;
/*line-height: 1;*/
}
/*.wrapper.schedule .lead {
margin-top: 25px;
}*/

.schedule dl {
margin-top: 20px;
}
.schedule dl dt,
.schedule dl dd {
margin-top: .8rem;
box-sizing: border-box;
}
.schedule dl dt {
font-weight: 600;
}
.schedule dl dt,
.schedule dl dd {
display: block;
text-align: center;
}

@media screen and (min-width:768px) {}



/* products */
.wrapper.products p {
vertical-align: middle;
margin: 10px 0 20px;
text-align: center;
}
.wrapper.products p span {
display: inline-block;
font-size: 120%;
margin-bottom: 10px;
font-weight: 600;
}
.wrapper.products p span small {
font-size: 80%;
}



/* shop-list */
.wrapper.shop-list p{
text-align: left;
vertical-align: top;
line-height: 2;
}
.wrapper.shop-list .shop-name span{
display:inline-block;
}


/* banner */
.banner {
padding-bottom: 5rem;
}
.banner p {
margin-top: 0;
}



/*footer*/
.footer-sitemap{
background-color: #f5f5f5;
padding: .5rem 0;
text-align: center;
}
.footer-sitemap a{
display: inline-block;
}
.footer a:hover {
color: #879abb;
}
.wrap_copyright {
padding: 1rem 0; 
background:#879abb;
font-size: 70%;
color: #FFF;
text-align: center;
}
.wrap_copyright p{
padding: 0; 
}






@media screen and (min-width:768px) {


article{
font-size: 1.5rem;
}

/* text */
.text-center-pc {
text-align: center;
}


/* fv */
.fv .header_logo{
width: 120px;
}
.fv .wrapper .flex {
align-items: center;
justify-content: space-between;
padding-top: 50px;
}





/* products */



/* banner */

.banner p {
margin-top: 15px;
margin-bottom: 0;
}
.card{
padding-top: 40px;
padding-bottom: 40px;
}



}/*min-width:768px*/




@media screen and (min-width:1080px) {



}


/*@media screen and (max-width:1040px) {
.fv_anchor {
width: 5vw;
}
}
@media screen and (min-width:1041px) {
.shop_col_l {
width: 22%;
}
.shop_col_m {
width: 15%;
}
}


@media screen and (max-width:1040px) and (min-width:769px) {
.shop-list .col2 {
width: 30%;
}
.wrapper.products .col5 {
width: 40%;
}
.wrapper.products p {
font-size: 100%;
padding: 0 0 15px 15px;
}
}
@media screen and (max-width:768px) {
.fv_anchor {
bottom: auto;
right: 9vw;
top: 40vw;
}
.wrapper.schedule .lead {
margin-top: 15px;
}

}*/



/* close */
.fv h1 {
position: relative;
text-align: center;
padding-bottom: 40px;
}
.fv h1 .close {
position: absolute;
bottom:34px;
left:0;
display:block;
width: 100%;
height:16%;
background:rgba(220, 225, 231, .9);
color: #E04153;
text-align: center;
}
.fv h1 .close > strong {
position: absolute;
width: 100%;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}

.fv .apply {
position: absolute;
bottom:0;
left:0;
width: 100%;
display: block;
padding:5px;
background:rgba(220, 225, 231, .9);
text-align: center;
font-weight: 600;
line-height: 1;
box-sizing: border-box;
color:#595757;
}
.fv .apply strong {
font-size: 146%;
}

.schedule h3 > span.caution,
.schedule dd > span.caution {
display: block;
text-align: center;
color: #E04153;
font-size: 80%;
font-weight: 600;
}
.line-through {
text-decoration: line-through;
text-decoration-color:#E04153;
}




@media screen and (min-width:768px) {
.fv h1 {
margin-bottom: 0;
}
.fv h1 .close {
height:14%;
bottom:39px;
}

}