@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap");

/* 文字装飾 */
.t-center{text-align: center;}
.pink-chara{color: #c9338e;}

/* 余白 */
.cosme-mb10{margin-bottom:10px!important;}
.cosme-mb20{margin-bottom:20px!important;}
.cosme-mb30{margin-bottom:30px!important;}
.cosme-mb40{margin-bottom:40px!important;}
.cosme-mb50{margin-bottom:50px!important;}


/* かたまり */
.box-txt-01{margin:10px 0;}
.box-txt-01 p{margin: 0 0 1.5em; letter-spacing:0.05em;}
.box-txt-01 img{margin: 0 0 1.5em;}
.box-txt-02{margin: 0 0 1.5em;}

/* 2個並べる 1:1 */
.box-culumn2-01{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:flex-start;}
@media screen and (max-width:767px){.box-culumn2-01{display:block}}
.box-culumn2-01>.inner{width:48%}
@media screen and (max-width:767px){.box-culumn2-01>.inner{width:100%}}
.box-culumn2-01>.inner:not(:nth-child(2n)){margin-right: 4%;}
@media screen and (max-width:767px){.box-culumn2-01>.inner:not(:nth-child(2n)){margin-right:0}}

/* 2個並べる 3:2 */
.box-culumn2-05{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:flex-start;}
@media screen and (max-width:767px){.box-culumn2-05{display:block}}
.box-culumn2-05>.inner:not(:nth-child(2n)){width:57%; margin-right: 5%;}
@media screen and (max-width:767px){.box-culumn2-05>.inner:not(:nth-child(2n)){width:100%; margin-right:0;}}
.box-culumn2-05>.inner:nth-child(2n){width:38%;}
@media screen and (max-width:767px){.box-culumn2-05>.inner:nth-child(2n){width:100%; margin-right:0;}}

/* 2個並べる 1:4 */
.box-culumn2-14{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:flex-start;}
@media screen and (max-width:767px){.box-culumn2-14{display:block}}
.box-culumn2-14>.inner:not(:nth-child(2n)){width:20%; margin-right: 5%;}
@media screen and (max-width:767px){.box-culumn2-14>.inner:not(:nth-child(2n)){width:100%; margin-right:0;}}
.box-culumn2-14>.inner:nth-child(2n){width:75%;}
@media screen and (max-width:767px){.box-culumn2-14>.inner:nth-child(2n){width:100%; margin-right:0;}}

/* 3個並べる */
.box-culumn3-01{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-pack:justify; -ms-flex-pack:justify;
    justify-content:flex-start;
}
@media screen and (max-width:767px){.box-culumn3-01{display:block}}
.box-culumn3-01>.inner{width:31.7%}
@media screen and (max-width:767px){.box-culumn3-01>.inner{width:100%}}
.box-culumn3-01>.inner:not(:nth-child(3n)){margin-right: 2.45%;}
@media screen and (max-width:767px){.box-culumn3-01>.inner:not(:nth-child(3n)){margin-right:0}}
/* @media screen and (max-width:767px){.box-culumn3-01>.inner:not(:first-child){margin-top:20px}}
*+.box-culumn3-01{margin-top:50px} */


/* 見出し */
.unit-title-02{margin-bottom: 10px !important;}

/* 小見出し */
.unit-text-01{margin: 0 0 0.5em; padding-left: 0.5em; border-left: 6px solid #c9338e;}
.unit-text-01 p{margin: 0; font-size:16px; font-weight: bold;}

.unit-text-02{margin: 0 0 0.5em;}
.unit-text-02 p{margin: 0; font-weight: bold;}


/* リスト */
.unit-list-01 ul{list-style: none; margin: 0 0 1em; padding: 0;}
.unit-list-01 li{margin: 0 0 0.5em; letter-spacing:0.05em; font-size: 14px;}
.unit-list-01 li:last-child{margin: 0 0 1.5em;}
.unit-list-01 p{margin: 0;}

.unit-list-02 ul{list-style: none; margin: 0 0 1em 1em; padding: 0;}
.unit-list-02 li{margin: 0 0 0.5em; letter-spacing:0.05em; color: #808080;font-size: 12px;}
.unit-list-02 p{margin: 0;}

/* リストスタイル */
.list-circle::before{content: "●" !important;}
.list-kome::before{content: '※' !important;}
.list-dot::before{content: '・' !important;}

/* 注釈 */
.unit-sup-01{font-size: 1.2rem; vertical-align: super;}
.unit-sub-01{margin-bottom: 0.5em !important; color: #808080; font-size: 12px;}

/* テーブル */
.table-01{border-collapse: collapse;}
.table-01 th{text-align: center;}
.table-01 th, .table-01 td{border: solid 1px; padding: 10px;}

/* 問い合わせ先 */
.table-02 table{margin: 0 0 0.5em 1em; width: auto;}
.table-02 th{padding: 0 0 0.25em 0em; font-weight: normal;}
@media screen and (max-width:767px){.table-02 th{padding: 0 0 0.25em 0;}
}
.table-02 td{padding: 0 0 0.25em 1em;}
@media screen and (max-width:767px){.table-02 td{padding: 0 0 0.5em 0;}
}
.table-02 th, .table-02 td{letter-spacing:0.05em; font-size: 14px; border: none; width: auto;}
@media screen and (max-width:767px){.table-02 th, .table-02 td{display: block;}
}
.table-02 .th-title{padding: 0 0 0.5em 0; font-weight: bold;}


/* 画像出し分け */
img.pc{display:block}
@media screen and (max-width:767px){img.pc{display:none}}
img.sp{display:none}
@media screen and (max-width:767px){img.sp{display:block}}


/* ボタン ピンク */
.unit-btn-detail-01{display:inline-block; margin:10px auto}
.unit-btn-detail-01 .inner{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    display:block;
    color:#fff;
    font-weight:bold;
    width:100%;
    letter-spacing:0.1em;
    border-radius:5px;
    padding:12px 20px;
    background:#bb1c71;
    z-index:1;
    text-align:center;
    font-size:18px;
    min-width:250px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
@media screen and (max-width:767px){.unit-btn-detail-01 .inner{font-size:16px}
}
.unit-btn-detail-01 .inner:after{content:"";font-family:FontAwesome;font-size:18px;padding-left:5px}
@media screen and (max-width:767px){.unit-btn-detail-01 .inner:after{font-size:16px}
}
.unit-btn-detail-01 .inner:hover{text-decoration:none;opacity:0.7}
.unit-btn-detail-01 p{margin: 0; letter-spacing:0.1em; font-size: 16px;}
@media screen and (max-width:767px){.unit-btn-detail-01 p{font-size:14px}
}
.btn-linkout .inner{background: #aaa; pointer-events: none;}


/* ボタン 問い合わせ */
.unit-btn-detail-02{display:inline-block; margin:10px auto}
.unit-btn-detail-02 .inner{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    display:block;
    color:#fff;
    font-weight:bold;
    width:100%;
    letter-spacing:0.05rem;
    /* border-radius:5px; */
    padding:12px 20px;
    background:#333;
    border: 4px solid #333;
    z-index:1;
    text-align:center;
    min-width:250px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease
}
.unit-btn-detail-02 .inner:hover{text-decoration:none; background: #fff; color: #333;}
.unit-btn-detail-02 p{margin: 0; letter-spacing:0.1em; font-size: 14px;}
.unit-btn-detail-02 .icon {margin-left: 4%; fill: #fff;}
.unit-btn-detail-02:hover .icon {fill: #333;}



/* テーブル横スクロール用 */
.scroll-table-wrap {
    overflow-x: scroll;
  }
  .scroll-table {
    width: 100%;
    min-width: 600px;
    border-collapse: collapse;
  }
  .scroll-table th,
  .scroll-table td {
    border: 1px solid #000;
    padding: 4px 8px;
  }
  
  .scroll-table th {
    width:10%;
  }
  
  .scroll-table td {
    width:30%;
  }