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

@media (max-width: 991px) {
    #pageintro .intro-head {
        padding-top: 30px;
    }
}

.panels-list {
	position: relative;
}


.cont-list .ttl-box {
    width: 30%;
    padding-right: 40px;
}
.cont-list .list-box {
    width: 70%;
    counter-reset: number 0; 
}
.cont-list .list-box ol li {
    padding-left: 2em;
    padding-bottom: 15px;
    position: relative;
}
.cont-list .list-box ol li::before {
    position: absolute;
    top: 0;
    left: -0.5em;
    counter-increment: number 1;
    content: "（" counter(number) "） ";
    
}
.cont-list .list-box ol.style2 li {
    padding-left: 1.5em;
}
.cont-list .list-box ol.style2 li::before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: number 1;
    content: counter(number) ". ";
    
}
.cont-list .list-box ul li {
    padding-left: 1em;
    padding-bottom: 15px;
    position: relative;
}
.cont-list .list-box ul li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・";
    
}

@media (max-width: 991px) {
    .cont-list .ttl-box {
        width: 100%;
        padding-right: 0;
    }
    .cont-list .ttl-box h3 {
        padding-bottom: 20px;
    }
    .cont-list .list-box {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .cont-list .ttl-box h3 {
        padding-bottom: 10px;
    }
}








/*------------
agreement
------------*/
.cont-list .list-box-agr {
    width: 70%;
}
.cont-list .list-box-agr dl {
    padding-bottom: 20px;
    display: flex;
}
.cont-list .list-box-agr dl dt {
    width: 60px;
    text-align: right;
}
.cont-list .list-box-agr dl dd {
    width: calc(100% - 60px);
    padding-left: 1em;
}
.cont-list .list-box-agr ol li {
    padding-bottom: 5px;
}
.cont-list .list-box-agr ul li {
    padding-bottom: 5px;
}
.cont-list .list-box-agr ol.iroha {
    list-style-type:katakana-iroha;
    padding-left: 2.6em;
}
.cont-list .list-box-agr ol.iroha li {
    padding-left: 0;
    padding-bottom: 0:
}
.cont-list .list-box-agr ol.iroha li::before {
    content: none;
}

@media (max-width: 991px) {
    .cont-list .ttl-box.ttl-agr h3 {
        padding-bottom: 10px;
    }
    .cont-list .list-box-agr {
        width: 100%;
    }
}
@media (max-width: 640px) {
    .cont-list .list-box-agr dl dt {
        width: 50px;
    }
    .cont-list .list-box-agr dl dd {
        width: calc(100% - 50px);
    }
    
    .cont-list .list-box-agr ol.iroha {
        padding-left: 1.6em;
    }
}

.cont-table .price tr th, 
.cont-table .price tr td {
    border: 1px solid #dfdfdf;
    padding: 0.5em 1em;
}
.cont-table .price tr td ul li {
    padding-left: 1.3em;
    text-indent: -1.3em;
}
@media (max-width: 640px) {
    .cont-table .price tr th, 
    .cont-table .price tr td {
        padding: 0.5em 0.5em;
    }
}


.cont-table .price tr th, 
.cont-table .price tr td {
    border: 1px solid #dfdfdf;
    padding: 0.5em 1em;
}

.cont-table .cancel tr th .txt-right {
    text-align: right;
}
.cont-table .cancel tr th, 
.cont-table .cancel tr td {
    border: 1px solid #dfdfdf;
    padding: 0.5em 1em;
    line-height: 1.4;
}
.cont-table .cancel td:first-child {
  background: #f5f5f5;
}
@media (max-width: 991px) {
    .cont-table .cancel tr th, 
    .cont-table .cancel tr td {
        padding: 0.5em 0.5em;
    }
}
@media (max-width: 640px) {
    .cont-tabl .cancel tr th, 
    .cont-table .cancel tr td {
        margin-top: -1px;
    }
    .cont-table .cancel {
        width: 100%;
    }
    .cont-table .cancel .sp-head {
        display: none;
    }
    .cont-table .cancel .thead {
        display: none;
    }
    .cont-table .cancel tr {
        width: 100%;
    }
    .cont-table .cancel td {
        display: block;
        text-align: right;
        width: 100%;
    }
    .cont-table .cancel td:first-child {
        background: #f5f5f5;
        text-align: center;
    }
    .cont-table .cancel td:before {
        content: attr(data-label);
        float: left;
        margin-right: 10px;
    }
}

.cont-table .note {
    display: flex;
    flex-wrap: wrap;
}
.cont-table .note dt {
    width: 45px;
}
.cont-table .note dd {
    width: calc(100% - 45px);
}
.cont-table .note dd ol li {
    padding-left: 1em;
    text-indent: -1em;
}



/*------------
pamphlet
------------*/
.pamp-list .pamp-box .box-inner {
    padding: 30px 30px 50px 30px;
    position: relative;
}
.pamp-list .pamp-box .box-inner .pamp-img img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.pamp-list .pamp-box .box-inner:hover .pamp-img img {
    opacity: 0.8;
}
.pamp-list .pamp-box .box-inner .pamp-name {
    line-height: 1.5;
    padding-top: 5px;
    padding-bottom: 15px;
}
.pamp-list .pamp-box .box-inner .btnarea {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: opacity ease 0.28s, visibility ease 0.28s;
}
.pamp-list .pamp-box .box-inner:hover .btnarea {
    opacity: 0.8;
}
.pamp-list .pamp-box .box-inner .btnarea .btn-cont {
    color: #fff;
}

@media (max-width: 480px) {
    .pamp-list .pamp-box .box-inner {
        padding: 15px 15px 50px 15px;
    }
}


/*------------
allergy
------------*/
.ttl-box {
    padding-left: 1.4em;
    text-indent: -1.4em;
}

.alrg-table {
    width: 100%;
}
.alrg-table th,
.alrg-table td {
    border: 1px solid #dfdfdf;
    padding: 0.5em 1em;
}
.alrg-table th {
    width: 230px;
    background-color: #f5f5f5;
}
.alrg-table td:first-of-type {
    width: 130px;
}

.notice-list .notice li {
    padding-left: 1em;
    text-indent: -1em;
}
.cont-list .list-box .notice-list .notice li::before {
    content: none;
}

@media (max-width: 768px) {
    .alrg-table tbody {
        display: block;
    }
    .alrg-table tbody tr {
        display: flex;
        flex-wrap: wrap;
    }
    .alrg-table tbody th,
    .alrg-table tbody td {
        display: block;
        margin-top: -1px;
    }
    .alrg-table tbody th {
        width: 100%;
    }
    .alrg-table tbody td:last-of-type {
        margin-left: -1px;
        width: calc(100% - 129px);
    }
    .alrg-table tbody td.w100 {
        width: 100%;
    }
    .alrg-table tbody td.none {
        display: none;
    }
}
@media (max-width: 480px) {
    .alrg-table tbody tr {
        margin-bottom: 10px;
    }
    .alrg-table tbody th,
    .alrg-table tbody td {
        padding: 0.5em 0.5em;
    }
    .alrg-table td:first-of-type {
        width: 100%;
    }
    .alrg-table tbody td:last-of-type {
        margin-left: 0;
        width: 100%;
    }
    .alrg-table tbody td br {
        display: none;
    }
}










/*------------------------
doc 資料ダウンロード
------------------------*/
#doc .intro-head {
    line-height: 1.5;
}

.doc-list {
    counter-reset: number 0;
}
.doc-list .doc-box {
    width: 100%;
}
.doc-list .doc-box .box-inner {
    width: 100%;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}
.doc-list .doc-box .box-inner::before {
    content: "";
    width: 50%;
    height: 100%;
    background-color: #e8e3d0;
    opacity: 0;
    transition: ease 0.28s all;
    position: absolute;
    top: 0;
    left: 0;
}
.doc-list .doc-box .box-inner .doc-num {
    width: 60px;
    background-color: #48760c;
    position: relative;
}
.doc-list .doc-box .box-inner .doc-num::before {
    content: counter(number) " ";
    counter-increment: number 1;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    
}
.doc-list .doc-box .box-inner .doc-txt {
    width: calc(100% - 140px);
    height: 100%;
    padding: 15px 20px;
    z-index: 2;
}
.doc-list .doc-box .box-inner .icon {
    width: 80px;
    background-color: #dad4c0;
    position: relative;
    transition: ease 0.28s all;
}

.doc-list .doc-box .box-inner .icon .icon-download {
    width: 22px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
/*other*/
.doc-list.other .doc-box .box-inner::before {
    background-color: #efe3dc;
}
.doc-list.other .doc-box .box-inner .doc-num {
    background-color: #a56452;
}
.doc-list.other .doc-box .box-inner .icon {
    background-color: #e9dbd3;
}


/*hover*/
@media (min-width: 769px) {
    .doc-list .doc-box .box-inner:hover::before {
        width: 100%;
        opacity: 1;
    }
    .doc-list .doc-box .box-inner:hover .icon {
        background-color: #cfc7ae;
    }
    .doc-list.other .doc-box .box-inner:hover .icon {
        background-color: #e2d2c9;
    }
    .doc-list .doc-box .box-inner:hover .icon .icon-download {
        top: 52%;
    }
}

@media (max-width: 768px) {
    .doc-list .doc-box .box-inner .doc-num {
        width: 40px;
    }
    .doc-list .doc-box .box-inner .doc-txt {
        width: calc(100% - 100px);
    }
    .doc-list .doc-box .box-inner .icon {
        width: 60px;
    }
    .doc-list .doc-box .box-inner .icon .icon-download {
        width: 20px;
    }
}
@media (max-width: 576px) {
    .doc-list .doc-box .box-inner .doc-num {
        width: 100%;
        height: 30px;
        display: block;
        position: relative;
    }
    .doc-list .doc-box .box-inner .doc-txt {
        width: calc(100% - 50px);
    }
    .doc-list .doc-box .box-inner .icon {
        width: 50px;
    }
}