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

.pc {
display: block;
}

.sp {
display: none;
}

sup {
  font-size: 70%;
  vertical-align: super;
}

.moreBtn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    width: 80%;
    min-width: 200px;
    min-width: auto;
    max-width: 500px;
    height: 37px;
    height: 60px;
    margin: 25px auto 0;
    margin-top: 80px;
    margin-bottom: 80px;
    border: 1px solid var(--color-white);
    text-align: center;
    letter-spacing: 0.1em;
    color: var(--color-white);
    cursor: pointer;
    font-size:16px;
    background:rgba(157, 135, 113);
    border: 1px solid #b69851;
}

.moreBtn:hover {
background:#fff;
}

       

.wrapper {
    padding: 100px 25px 0 25px;
}
.lp-wrap {
/*color: #1f2e55;*/
}

.spacingS {
  letter-spacing: -3px;
}

.spacingM {
  letter-spacing: -0.5px;
}


.in.menu {
    max-width:800px;
}

.anchorlinks .flex li {
width: 50%;
}

.in-small p {
font-size: 18px;
}

/*h2.benefits_tit {
font-size: 30px;
text-align: center;
border-bottom: solid 3px skyblue;
position: relative;
margin-bottom: 50px;
}

h2.benefits_tit:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #ffc778;
bottom: -3px;
width: 30%;
}*/

h2.benefits_tit {
font-size: 30px;
position: relative;
padding:0 0.5em;
background: #a0d2f2;
background:rgba(182, 152, 81, 0.5);
/*border-right: solid 44px rgb(182, 152, 81, 0.5);*/
background: rgba(209, 187, 153, 1);
margin-bottom: 40px;
}

h2.benefits_tit::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 44px rgb(0, 78, 118);
border-right: solid 44px rgba(182, 152, 81);
}

.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; 
}

.table-scroll table {
  margin-bottom: 10px;
}

/*スクロールバー全体の高さ*/
.table-scroll::-webkit-scrollbar {
  height: 10px;
}
/*スクロールバー全体の背景*/
.table-scroll::-webkit-scrollbar-track {
  background: #eee;
}
/*スクロールバーの動く部分*/
.table-scroll::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.table-scroll::-webkit-scrollbar-thumb:hover {
  background: #999;
}

.memberT {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 line-height: 1.4;
}
.memberT th {
 padding: 10px;
 border: solid 1px #fff;
 text-align: center;
}

.memberT th.row00 {
 background: #e0edff;
 height:78px;
}

.memberT th.row01 {
 text-align: left;
 background: #e0edff;
 background: rgba(198, 170, 128, 0.3);
 height:78px;
}

.memberT th.row02 {
 text-align:center;
 background: rgba(155,148,154,0.1); 
 height:78px;
}

.memberT td {
 padding:6px;
 border: solid 1px #fff;
 text-align: center;
 width: 17%;  
 background: rgba(201,201,196,0.2); 
}

.memberT td img {
width:60%;
margin: 5px auto;
max-width:114px;
}

.memberT td span {
/*font-size:22px;*/
}

.memberT th.cmc {
background:rgba(58,141,170,1);
background: rgba(157, 135, 113);
color: #fff;
}

.memberT td.cmc {
background:#1f2e55;
color: #fff;
}

.memberT td.prepass {
background:#7a5e3d;
color: #fff;
}

.memberT.scrollT {
 min-width: 749px;
 }

.benefits {
display: flex;
justify-content: space-between;
margin-bottom:80px;
}

div.benefitsR  {
flex-direction: row-reverse;
}

.benefits dl {
width:66%;
}

.benefits dl dt.tit {
  position: relative;
  padding: 0.2em 0.6em;
  background: #e0edff;
  background:rgba(182, 152, 81, 0.3);
  background:rgba(209, 187, 153, 0.6);
  border-radius: 5px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: normal;
}

.benefits dl dt.tit:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  border-top: 15px solid rgba(209, 187, 153, 0.6);
  width: 0;
  height: 0;
}

.benefits dl dd ul {
margin-top: 30px;
padding:10px;
background:rgba(224,237,255,0.4);
background:rgba(182, 152, 81, 0.1);
background:rgba(209, 187, 153, 0.2);
border-radius: 10px;
border: 1px dotted rgba(209, 187, 153, 0.2);
}

.benefits dl dd ul li {
padding-left: 1rem;
text-indent: -1rem;
}

.benefits p.tiNo {
padding-left:0;
text-indent:0;
width: 100%;
}

ul.atn {
margin-top: 30px;
}

ul.atn li {
font-size: 90%;
line-height: 1.6;
margin-bottom: 5px;
}

ul.atn li span {
padding: 2px 4px;
}

ul.atn li.atnItem {
font-weight: bold;
}

ul.atn li span.signature {
padding: 2px 4px;
}

.benefits p {
width: 30%;
}

.benefits p img {
width:100%;
}

.lp-note-margin-02 {
    margin:0;
}

dl.rate {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
dl.rate dt {
  width:40%;
  padding:10px;
  background-color: #DADADA;
  border-bottom: 1px solid #fff;
}

dl.rate dd {
  width:40%;
  padding:10px;
  background-color: #F3F3F3;  
  border-bottom: 1px solid #fff;
}

dl.rate dd.prestige {
background:none;
font-size:180%;
}

dl.rate dd.signature {
background:none;
font-size:160%;
}

dl.rate dd.finess {
background:none;
font-size:140%;
}

dl.rate dd.ensemble {
background:none;
font-size:120%;
}

dl.rate dd.basic {
background:none;
}

.prestige01,
.memberT td.prestige01 {
  background:rgba(198,170,128,0.8);
  background:rgba(229,189,84,1);
  color: #fff;
}

.signature01,
.memberT td.signature01 {
  background:rgba(234,204,111,0.8);
  background:rgba(229,189,84,1);
  background:rgba(182,152,81,1);
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 50%, #B67B03 90% 100%);
  background: linear-gradient(45deg, #DAAF08 0%, #B67B03 90% 100%);
  color: #fff;
}

.finess01,
.memberT td.finess01 {
background:rgba(242,156,159,0.8);
background:rgba(147,46,68,0.5);
background:rgba(186,38,56,0.3);
background:rgba(96,15,24,1);
color: #fff;
}

.ensemble01,
.memberT td.ensemble01 {
background:rgba(217,227,103,0.8);
background:rgba(237,221,224,1);
}

.basic01,
.memberT td.basic01{
background:rgba(206,209,211,0.8);
background:rgba(211,223,194,0.5);
}

.prestige02,
.memberT td.prestige02 {
  background:rgba(198,170,128,0.5);
}

.signature02,
.memberT td.signature02 {
  background:rgba(234,204,111,0.5);
}

.finess02,
.memberT td.finess02 {
background:rgba(242,156,159,0.6);
background:rgba(147,46,68,0.5);
background:rgba(186,38,56,0.1);
background:rgba(96,15,24,0.1);
}

.ensemble02,
.memberT td.ensemble02 {
background:rgba(217,227,103,0.5);
background:rgba(237,221,224,0.5);
}

.basic02,
.memberT td.basic02{
background:rgba(206,209,211,0.5);
background:rgba(211,223,194,0.2);
}

.memberT td.prestige03 {
  background:rgba(198,170,128,0.3);
}
.memberT td.signature03 {
  background:rgba(234,204,111,0.3);
}
.memberT td.finess03 {
background:rgba(242,156,159,0.2);
background:rgba(147,46,68,0.5);
background:rgba(186,38,56,0.1);
background:rgba(96,15,24,0.1);
}
.memberT td.ensemble03 {
background:rgba(217,227,103,0.3);
background:rgba(237,221,224,0.3);
}
.memberT td.basic03{
background:rgba(206,209,211,0.3);
background:rgba(211,223,194,0.2);
}

.fontS {
font-size: 20px;
}

.fontM {
font-size: 24px;
}

.fontL {
font-size: 28px;
}

.fontLL {
font-size: 32px;
}

.letterS{
letter-spacing: -0.05em
}

.lineH {
line-height: 2.0;
}

.mb20 {
margin-bottom: 20px;
}

.mb10 {
margin-bottom: 10px;
}

@media screen and (max-width: 749px){
.pc {
display:none;
}

.sp {
display: block;
}

.wrapper{
padding-top: 50px;
}

.memberT td.ensemble02,
.memberT td.finess02,
.memberT td.signature03 {
font-size:12px;
}

/*.memberT.sp {
margin-bottom: 30px;
}*/

.memberT.sp th,
.memberT.sp td{
width: 50%;
}

.memberT.sp th .fontM {
font-size: 20px
}

.memberT.sp td.fontL {
font-size: 24px
}

.benefits {
display: block;
}

.benefits dl {
width:100%;
}

.benefits p {
width:100%;
}

.table-scroll {
  /*white-space: nowrap;*/
}

h2.benefits_tit {
font-size:24px;
}

h2.benefits_tit::before {
border-bottom: solid 10px transparent;
border-right: solid 44px rgb(0, 78, 118);
border-right: solid 22px rgba(182, 152, 81);
}

.benefits dl dt.tit {
  font-size: 20px;
  line-height: 1.6;
}

p.sp {
margin-top: 30px;
}

.u-list-dl-01 > dd {
font-size: 16px;
}

.benefits dl dd ul.atn li {
font-size: 16px;
}

}