@charset "utf-8";
/* CSS Document */



/**SP、PC差分**/
@media screen and (max-width:768px) {

    #page-top a img { display: block; width: 80px; height: auto; margin: 0; }
    
    .inner { width: 90%; margin: 0 auto; }
    header { width: 100%; height: 100px; background:rgba(255,255,255,0.5); }
    header div { display: block; justify-content: center; align-items: center; }
    header h1 { width: 50%; color: #117ebf; font-size: 1.4rem; font-weight: bold; padding: 2rem 0; margin:0 auto; }
    header h1 img { display: block; width: 100%; margin-top: 1rem; }
    header h2 { display: none; }
    header h2 img { margin-right: 1rem; }
    header a { position: fixed; z-index: 10; bottom: 0; right: 0; width: 100%; height: 80px; display: flex; align-items: center; background: #e73656; padding: 2rem; color: #fff; font-size: 1.8rem; font-weight: bold; border-radius: 0; }
    header a img { margin-right: 2rem; }

    section { width: 100%; }

    .btn { display: block; width: 80%; margin: 3rem auto; padding: 3rem; background: #117ebf; text-align: center; color: #fff; font-size: 2.6rem; font-weight: bold; }
    .btn img { display: block; margin: 2rem auto; width: 90%; }

    #l01 { background:url(../images/bg.jpg) no-repeat; background-size: cover; background-position: center right 10%; padding: 0 0 0 0; height: 300px; }
    #l01 img { width: 80%; height: auto; display: block; margin: 20px auto 0; }
    #l01 h2 { flex-wrap: wrap; padding-top: 10%;}

    #l02 { background:#fff; padding: 5rem 0; }
    #l02 .inner { display: block; }
    #l02 .inner img { width: 100%; height: auto; }
    #l02 .fontRed { font-size: 2.0rem; text-align: center; color: #d3145a; font-weight: bold; margin-top: 3em;}


    .btn-area { padding: 5rem 0; background: #fde9cc; }
    .btn-area h3 { font-size: 2.4rem; font-weight: bold; color: #ed1c24; text-align: center; margin-bottom: 3rem; }
    .btn-area h3 img { width: auto; height: 40px; }

    #l03 { padding: 3em 0;}
    #l03 div.otameshi { /*background:url(../img/futon/futon.gif) no-repeat;*/background: #FDDCED; /*min-height:810px; height:auto!important; height:810px; */}
    #l03 div.otameshi p { font-size: 14px; margin:0px; padding:5px 40px; text-align:left; color:#673927; line-height:1.4; }
    #l03 div.otameshi .hayawari { background: #C8103F; padding: 10px; width: 80%; margin: 20px auto; border-radius: 10px;}
    #l03 div.otameshi .hayawari h4 { color: #fff; font-size: 20px; text-align: center;}
    #l03 div.otameshi .hayawari p { background: #fff; padding: 10px; text-align: center;}
    #l03 div.otameshi .set { margin:10px 20px; }
    #l03 div.otameshi .set dl { margin:0 7px; display:block;/* float:left; background:url(../img/futon/dl-bg.gif) no-repeat;*/ }
    #l03 div.otameshi .set dl dd { margin:0px auto; display:block; font-size:0.8em; color:#522D1F; }
    #l03 div.otameshi .set dl dd.set-img { width:220px;}
    #l03 div.otameshi .set .set-type { margin-bottom: 10px;}
    #l03 div.otameshi .set .set-type dt { font-size: 18px; font-weight: bold; text-align: center;}
    #l03 div.otameshi .set .set-box { width:100%; margin: 0 auto;}
    #l03 div.otameshi .set .set-prise { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: #fff; border: solid 1px #D8CC95; margin-bottom: 20px;}
    #l03 div.otameshi .set .set-prise dt { width: 50%; font-size: 16px; color: #6B3D29; line-height: 1.7; text-align: center;}
    #l03 div.otameshi .set .set-prise dd { width: 50%; font-size: 20px; color: #F94F53; font-weight: bold; line-height: 1.7;}


    #l03 .rfuton { /*background:url(../img/futon/futon_bg.gif) no-repeat; background-position:0px 0px; margin:15px 30px 10px 40px; min-height:177px; height:auto !important; height:177px;*/ border: solid 5px #F0BC82; border-radius: 20px; width: 80%; margin: 20px auto; padding: 15px 20px;}
    #l03 .rfuton p { margin:0px; /*padding:43px 0px 10px 140px;*/ text-align:left; font-size:14px; color:#666666; line-height:1.7; font-weight:bold; }
    #l03 .rfuton p.title { font-size: 20px; color: #C8103F; font-weight: bold;}
    #l03 .rfuton p span { display: block; font-size: 16px; color: #58B55D; letter-spacing: 0.1em; vertical-align: middle;}
    #l03 .kch { width: 90%; margin:0px auto; color:#cc3333; font-size:14px; font-weight:bold; line-height:1.6; }
    #l03 .ftn { font-size:1.3em; /*font-family:'HG創英角ｺﾞｼｯｸUB','HGSoeiKakugothicUB',sans-serif; color:#907f63;*/ font-weight: bold; }
    #l03 .ftn2{ font-size:1.3em; font-family:'HG創英角ｺﾞｼｯｸUB','HGSoeiKakugothicUB',sans-serif; color:#993333; }
    #l03 .ftn3{ font-size:1.3em; font-family:'HG創英角ｺﾞｼｯｸUB','HGSoeiKakugothicUB',sans-serif; color:#ffffff; }

    #l03 table { width: 100%; margin:15px auto; border-collapse: separate; border-spacing:0; }
    #l03 table th { height:14px; padding:7px; background:#F4F0D6; /*border:solid 1px #B8A270;*/ font-size:0.8em; font-weight:normal; text-align:center; color: #604C3F; font-weight: bold; word-break: normal;}
    #l03 table th.cap { font-size:18px; font-weight:bold; color:#FFFFFF; background:#7A6A56; }
    #l03 table td { height:14px; padding:7px;/* border:solid 1px #B8A270;*/ font-size:0.8em; font-weight:normal; color: #231815; word-break: normal;}
    #l03 table td span {  word-break: normal;}
    #l03 table .l1 th { background:#E6DACC; }
    #l03 table .l1 td { background:#F4EEE8; }
    #l03 table .l2 th { background:#E2D3C2; }
    #l03 table .l2 td { background:#EBE1D6; }
    #l03 table .name { width:120px; text-align:left; background:none; }
    #l03 table .fee-m1 { width:140px; }
    #l03 table .fee-m2 { width:70px; }
    #l03 table .etc { width:160px; }
    #l03 table .price { text-align:right; }
    #l03 table .day { text-align:center; }
    #l03 img { width: 100%; height: auto;}
    #l03 .set-cont .flex { flex-wrap: wrap;}
    #l03 .set-cont .set-box { margin-bottom: 30px;}
    #l03 .set-cont .set-box .flex { width: 100%; }
    #l03 .set-cont .set-box .pink { background: #F6BCBA; font-size: 20px; padding: 17.5px 0;}
    #l03 .set-cont .set-box .pink span { background: #F6BCBA; font-size: 30px;}
    #l03 .set-cont .set-box .pink + .pink { margin-top: 10px; }
    #l03 .set-cont { padding: 20px; border: solid 5px #036EB8;}
    #l03 .set-cont ul { text-align: left;}
    #l03 .set-cont .set-img { width: 45%;}
    #l03 .set-cont ul { width: 50%; padding-left: 2em;}
    #l03 .set-cont ul li { line-height: 1.2;}
    #l03 .set-cont .price-box { width: 100%;}
    #l03 .hayawari { margin-left: -1em;}
    #l03 .red-box { text-align: center; width: 100%; margin: 10px auto 0; background: #B43F1E; color: #fff; padding: 7px 0; font-size: 16px; font-weight: bold; }
    #l03 .yellow-box { background: #ffe34a; margin: 20px auto; padding: 6px 0 10px; border: solid 2px #000; border-radius: 10px; font-size: 16px; word-break: break-all;}
    #l03 .red-text { color: #B43F1E; width: 100%; margin: 20px auto; text-align: left; word-break: normal; line-height: 1.5;}
    #l03 .red-big-text { font-size: 20px; color: #E60012; text-decoration: underline; text-decoration-color: #E60012; font-weight: bold; margin-top: 20px; line-height: 1.5;}
    #l03 .font-big { font-size: 20px; font-weight: bold; margin-top: 15px;}

    #l04 { background:#fff; padding: 3rem 0; }
    #l04 img.item01 { display: block; width: 100%; }
    #l04 img.item02 { display: block; width: 80%; margin: 0 auto; margin-bottom: 5rem; }
    #l04 h3 { font-size: 2.0rem; font-weight: bold; color: #000; text-align: center; margin-bottom: 3rem; }
    #l04 h3 img { width: auto; height: 40px; }
    #l04 .point-fig { list-style-type: none; display: flex; justify-content: space-between; flex-wrap: wrap; }
    #l04 .point-fig li { width: calc(88%/2); height: auto; margin: 3%; display: block; float: left; text-align: left; border-radius: 100%; color: #333; }

    #l04 .point-fig li img { display: block; width: 60%; height: auto; margin: 0 auto 10px; }

    #l04 .photo-area { width: 100%; display: flex; margin: 20px auto; justify-content: center; gap: 3%; }

    #l04 .photo-area img { width: calc(92%/3); height: auto; margin: 1%; }


    #l05 { padding: 6rem 0; }
    #l05 img.item01 { display: block; margin: 0 auto 3rem; width: 70%; }
    #l05 img.item02 { display: block; margin: 0 auto 3rem; width: 100%; }
    #l05 h4 { font-size: 2.4rem; font-weight: bold; color: #117ebf; text-align: center; margin-bottom: 3rem; }
    #l05 p { text-align: center; font-size: 1.8rem; line-height: 2.0; margin: 3rem 0; }
    #l05 p span { font-weight: bold; font-size: 2.2rem; }
    #l05 p span.marker01 { background:rgba(0,255,255,0.4); }
    #l05 p span.marker02 { background:rgba(255,255,0,0.4); }
    #l05 p span.marker03 { background:rgba(255,0,255,0.4); }
    #l05 h3 { font-size: 2.4rem; font-weight: bold; color: #ed1c24; text-align: center; margin: 6rem 0; }
    #l05 h3 img { width: auto; height: 40px; }
    #l05 img.item03 { display: block; margin: 6rem auto; width: 100%; }

    footer { background: #aabbbc; padding: 2rem 0 10rem; }
    footer div:nth-of-type(1) { background: rgba(255,255,255,0.5); padding: 3rem; margin-bottom: 5rem; }
    footer h6 { display: block; text-align: center; color: #117ebf; font-size: 1.2rem; font-weight: bold; }
    footer h6 img { display: block; margin: 2rem auto 0; width: 80%; }
    footer div:nth-of-type(2) { width: 90%; display: block; margin: 0 auto; text-align: center; }
    footer div:nth-of-type(2) a { display: none; }
    footer div:nth-of-type(2) p { color: #204d97; font-size: 1.8rem; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 2rem 0; }
    footer div:nth-of-type(2) p img { margin-right: 2rem; }


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

    .inner { width: 1100px; margin: 0 auto; }
    header { width: 100%; height: 100px; background:rgba(255,255,255,0.5); }
    header div { display: flex; justify-content: flex-start; align-items: center; }
    header h1 { color: #117ebf; font-size: 1.4rem; font-weight: bold; padding: 2rem 0; margin-right:20rem; }
    header h1 img { display: block; margin-top: 1rem; }
    header h2 { color: #204d97; font-size: 1.8rem; font-weight: bold; display: flex; align-items: center; padding: 2rem 0; }
    header h2 img { margin-right: 1rem; }
    header a { position: absolute; top: 0; right: 20px; display: flex; align-items: center; background: #e73656; padding: 2rem 4rem 3rem; color: #fff; font-size: 3.6rem; font-weight: bold; border-radius: 0 0 15px 15px; }
    header a img { margin-right: 2rem; }
    section { width: 100%; }
    
    .btn { display: block; width: 70%; margin: 3rem auto; padding: 3rem; background: #117ebf; text-align: center; color: #fff; font-size: 3.6rem; font-weight: bold; }
    .btn img { display: block; margin: 2rem auto; }
    
    #l01 { background:url(../images/bg.jpg) no-repeat; background-size: cover; padding: 10rem 0; height: calc(100vh - 100px);}
    #l01 img { /*width: 100%; height: auto;*/ display: block; }
    #l01 p { text-align: center; font-size: 1.4rem; font-weight: bold; color: #fff; margin-top: 5rem; }
    
    #l02 { background:#fff; padding: 3rem 0; text-align: center;}
    #l02 .fontRed { font-size: 2.6rem; text-align: center; color: #d3145a; font-weight: bold; margin-top: 3em;}
    
    .btn-area { padding: 5rem 0; background: #fde9cc; }
    .btn-area h3 { font-size: 3.6rem; font-weight: bold; color: #ed1c24; text-align: center; margin-bottom: 6rem; }

    #l03 { padding-top: 30px;}
    #l03 .ftn { font-size:1.3em; font-weight: bold;}

    #l03 table { width: 90%; margin:15px auto; border-collapse: separate; border-spacing:10px; }
    #l03 table th { height:14px; padding:7px; background:#F4F0D6;  font-weight:normal; text-align:center; color: #604C3F; font-weight: bold; text-align: center;}
    #l03 table th.cap { font-size:25px; font-weight:bold; color:#FFFFFF; background:#7A6A56; }
    #l03 table td { height:14px; padding:7px; font-weight:normal; color: #231815; line-height: 1.5;}
    #l03 table .l1 th { background:#E6DACC; text-align: center;}
    #l03 table .l1 td { background:#F4EEE8; }
    #l03 table .l2 th { background:#E2D3C2; }
    #l03 table .l2 td { background:#EBE1D6; }
    #l03 table .name { width:100px; text-align:left; background:none; }
    #l03 table .fee-m1 { width:140px; }
    #l03 table .fee-m2 { width:70px; }
    #l03 table .etc { width:160px; }
    #l03 table .price { text-align:right; }
    #l03 table .day { text-align:center; }
    #l03 .set-cont .set-box { margin-bottom: 30px; justify-content: center;}
    #l03 .set-cont .set-box .pink { background: #F6BCBA; font-size: 24px; padding: 17.5px 0;}
    #l03 .set-cont .set-box .pink span { background: #F6BCBA; font-size: 36px;}
    #l03 .set-cont .set-box .pink + .pink { margin-top: 10px; }
    #l03 .set-cont { width: 85%; margin: -50px auto 0; padding: 80px 30px 30px; border: solid 5px #036EB8;}
    #l03 .set-cont ul { text-align: left;}
    #l03 .set-cont .set-img { width: 175px;}
    #l03 .set-cont ul { width: 170px; padding-left: 2em;}
    #l03 .set-cont ul li { line-height: 1.5;}
    #l03 .set-cont .price-box { width: 400px; }
    #l03 .hayawari { margin-left: -1em;}
    #l03 .red-box { text-align: center; width: 60%; margin: 10px auto 0; background: #B43F1E; color: #fff; padding: 5px 0 7px; font-size: 16px; font-weight: bold;}
    #l03 .yellow-box { background: #ffe34a; width: 70%; margin: 20px auto; padding: 10px; border: solid 2px #000; border-radius: 10px; font-size: 18px;}
    #l03 .red-text { color: #B43F1E; width: 90%; margin: 20px auto; text-align: left; line-height: 1.5;}
    #l03 .red-big-text { font-size: 25px; color: #E60012; text-decoration: underline; text-decoration-color: #E60012; font-weight: bold; margin-top: 20px;}
    #l03 .font-big { font-size: 25px; font-weight: bold; margin-top: 15px;}
    
    #l04 { background:#fff; padding: 3rem; }
    #l04 img.item01 { display: block; width: 100%; }
    #l04 img.item02 { display: block; width: 80%; margin: 0 auto; margin-bottom: 5rem; }
    #l04 h3 { font-size: 3.6rem; font-weight: bold; color: #000; text-align: center; margin-bottom: 6rem; }
    #l04 .point-fig { list-style-type: none; display: flex; justify-content: space-between; flex-wrap: wrap; }
    #l04 .point-fig li { width: calc(92%/4); height: auto; font-size: 1.4rem; font-weight: bold; margin: 1%; display: block; text-align: left; color: #333; line-height: 1.5;}
    #l04 .point-fig li img { display: block; margin: 0 auto 10px; }
    #l04 .photo-area { width: 100%; display: flex; margin: 20px auto; justify-content: center; gap: 3%; }
    #l04 .photo-area img { height: auto; margin: 1%; }
    
    #l05 { padding: 6rem 0; }
    #l05 img.item01 { display: block; margin: 0 auto 3rem; }
    #l05 img.item02 { display: block; margin: 0 auto 3rem; width: 100%; }
    #l05 h4 { font-size: 3.2rem; font-weight: bold; color: #117ebf; text-align: center; margin-bottom: 3rem; }
    #l05 p { text-align: center; font-size: 1.8rem; line-height: 1.6; margin: 3rem 0; }
    #l05 p span { font-weight: bold; font-size: 2.2rem; }
    #l05 p span.marker01 { background:rgba(0,255,255,0.4); }
    #l05 p span.marker02 { background:rgba(255,255,0,0.4); }
    #l05 p span.marker03 { background:rgba(255,0,255,0.4); }
    #l05 h3 { font-size: 3.6rem; font-weight: bold; color: #ed1c24; text-align: center; margin: 6rem 0; }
    #l05 img.item03 { display: block; margin: 6rem auto; width: 100%; }
    
    footer { background: #aabbbc; padding: 10rem 0; }
    footer div:nth-of-type(1) { background: rgba(255,255,255,0.5); padding: 3rem; margin-bottom: 5rem; }
    footer h6 { display: block; text-align: center; color: #117ebf; font-size: 1.6rem; font-weight: bold; }
    footer h6 img { display: block; margin: 2rem auto 0; }
    footer div:nth-of-type(2) { width: 1100px; display: block; margin: 0 auto; text-align: center; }
    footer div:nth-of-type(2) a { display: flex; justify-content: center; align-items: center; color: #e73656; font-size: 3.6rem; font-weight: bold; margin: 3rem 0; }
    footer div:nth-of-type(2) a img { margin-right: 2rem; }
    footer div:nth-of-type(2) p { color: #204d97; font-size: 1.8rem; font-weight: bold; display: flex; align-items: center; justify-content: center; padding: 2rem 0; }
    footer div:nth-of-type(2) p img { margin-right: 2rem; }

    


}

.textC { text-align: center;}
header .icon-freetel { width: 45px; }
footer .icon-freetel { width: 45px; }