@charset "UTF-8";

/**Bリーグ干渉部分***********/
.layout-content{
	background: none !important;
}
 /* body.mono,html{
	margin: 0;
	width: 100%;
	height: auto;
	overflow-x: hidden;
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
*/
/*************/

.mono .serif{
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.mono hr{
  border: none;
}
.mono li{
  list-style: none;
}
.mono figure,
.mono dl,
.mono ul,
.mono span,.mono a,
.mono div,.mono p,
.mono h1,.mono h2,.mono h3,.mono h4,.mono h5,
.mono li,
.mono th,.mono td,.mono dd,.mono dt,
.mono address{
  padding: 0;
  margin: 0;
    font-size: 16px;
    letter-spacing: 0.05rem;
    font-style: normal;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  color: #333;
}
.mono a{
	text-decoration: none;
	color: #39b54a;
	font-weight: bold;
}

.mono table{
  border-collapse: collapse;
}
.mono .ph{
  line-height: 0;
  position: relative;
}
.mono .ph.chu:after{
	content: '';
	display: block;
	width: 80px;
	height: 20px;
	position: absolute;
	right: 0;
	bottom: 10px;
	background: url(../img/card-chu-ph.png)no-repeat;
	background-size: contain;
	background-position: right center;
}
.mono .ph.tx{
  line-height: 1.5;
}

.ph img{
  width: 100%;
  height: auto;
}
.mono .t-bold{
  font-weight: bold;
}

.mono .en,
.mono .t-en span,
.mono .t-en{
	font-family: "din-condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1rem;
}

.bg-mono a{
	color: #fff;
}
.bg-mono.bg-gray20 a{
	color: #39b54a;
}
.mono .pc{
	display: block;
}
.mono .sp{
	display: none;
}

.ph,
.ph a,
.ph img{
	line-height: 0;
}
.ph img{
	width: 100%;
}
.tx-large{
	font-size:2rem;
}

.mono .t-bold{
	font-weight: bold;
}
.mono .t-large{
	font-size: 1.5rem;
	font-weight: bold;
}
.mono .t-center{
	text-align: center;
}
.mono .mt-16{
	margin-top: 16px;
}
.mono .mt-24{
	margin-top: 24px;
}
.mono .mt-32{
	margin-top: 32px;
}
.mono .mt-40{
	margin-top: 40px;
}
.mono .mb-16{
	margin-bottom: 16px;
}
.mono .mb-24{
	margin-bottom: 24px;
}
.mono .mb-32{
	margin-bottom: 32px;
}
.mono .mb-40{
	margin-bottom: 40px;
}


.mono .t-center{
	text-align: center;
}

.mono .chu p,
.mono .chu li a,
.mono .chu li,
.mono .chu{
	font-size: 12px;
}


.mono .t-tate{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.c-flex{
  display:flex;
  align-items:  stretch;
}
.c-flex.rap{
  flex-wrap: wrap;
}
.c-flex.v-center{
  align-items:  center;
}
.c-flex.c-center{
  justify-content: center;
}
.c-flex.re{
  flex-direction: row-reverse;
}
.mono .c-flex.space-between{
	justify-content: space-between;
}
.c-flex.c-between{
  justify-content: space-between
}
.c-flex.c-center.grow1 li{
   flex: 1;
}


.mono .c-main{
	color: #39b54a;
}
.c-main small,
.c-main span{
	color: #8fc31f;
}
.c-main small{
	font-size: 1.4rem;
}


.mono #indexCampaign .honbun{
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}



.mono .icon a,
.mono .icon{
	position: relative;
}
.mono .icon a:before,
.mono .icon:before{
	content: '';
	display: block;
	position: absolute;
}
.mono .icon.i-attention a:before{
	width: 20px;
	height: 16px;
	background: url(../img/attention.svg)no-repeat;
	background-size: contain;
	background-position: center;
	right: -15px;
	top: -12px;
}


.bg-main{
	background: #009245;
}
.bg-main-light{
	background: #39b54a;
}
.bg-main-light-20{
	background: #f5f5f5;
}

.bg-main-purple{
	background: linear-gradient(90deg, #5A34B1 0%, #160977 100%) !important;
	color: #fff;
}
.bg-ball{
	background: url(../img/bg-ball.jpg)repeat;
	background-position: center;
	background-size: cover;
}
.bg-grade01{
	background: url(../img/bg-02.jpg)no-repeat;
	background-position: center;
	background-size: cover;
}
.bg-grade-mini{
	background: rgba(148,209,57,1);
	background: -moz-linear-gradient(-45deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(148,209,57,1)), color-stop(100%, rgba(0,146,69,1)));
	background: -webkit-linear-gradient(-45deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	background: linear-gradient(135deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94d139', endColorstr='#009245', GradientType=1 );
}
.bg-grade-mini.bg-light{
	background: rgba(148,209,57,0.3);
	background: -moz-linear-gradient(-45deg, rgba(148,209,57,0.3) 0%, rgba(0,146,69,0.3) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(148,209,57,0.3)), color-stop(100%, rgba(0,146,69,0.3)));
	background: -webkit-linear-gradient(-45deg, rgba(148,209,57,0.3) 0%, rgba(0,146,69,0.3) 100%);
	background: -o-linear-gradient(-45deg, rgba(148,209,57,0.3) 0%, rgba(0,146,69,0.3) 100%);
	background: -ms-linear-gradient(-45deg, rgba(148,209,57,0.3) 0%, rgba(0,146,69,0.3) 100%);
	background: linear-gradient(135deg, rgba(148,209,57,0.3) 0%, rgba(0,146,69,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94d139', endColorstr='#009245', GradientType=1 );
}


.mono .bg-gray,
.mono .bg-grade01.gold{
	background:#333333 ;
}

table.normal th,
table.normal td{
	padding: 8px 8px;
	border:solid 1px #999999;
	font-weight: normal;
}


table .t-center th,
table .t-center td,
table .t-center{
	text-align: center;
}
table.kaihi thead th{
	font-weight: bold;
}
table td.bt-none{
	border-top: none !important;
	padding-top:0;
}
table th.bb-none{
	border-bottom: none !important;
	padding-bottom: 0;
}
table.kaihi .money td{
	font-size: 1.2rem;
	letter-spacing: 0;
}



.mono .conte-normal{
	padding: 70px 20px;
}
.conte-normal + .conte-normal{
	padding-top:0; 
}
.conte-normal.bg-mono + .conte-normal{
	padding-top:70px; 
}

.mono .conte-bg{
	padding: 100px 20px;
}
.bg-gray20{
	background: #f8f8f8;
}

.inner01{
	max-width: 900px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.max-700 img{
	max-width: 700px;
	width: 100%;
}

.title.title-fc{
	text-align: center;
	color: #39b54a;
}
.title.title-fc + p{
	font-size: 14px;
	text-align: center;
	position: relative;
	margin-bottom: 60px;
	color: #39b54a;
}
.title.title-fc + p:after{
	content: "";
    display: block;
    height: 2px;
    width: 25px;
    background: #8FC31F;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
}

.conte-bg .title.title-fc + p,
.conte-bg .title.title-fc{
	color: #fff;
}
.conte-bg.bg-gray20 .title.title-fc + p,
.conte-bg.bg-gray20 .title.title-fc{
	color: #39b54a;
}
.mono .title-l02{
	font-size: 2rem;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 36px;
	text-align: center;
	position: relative;
	color: #333;
}
.mono .title-l02.sub{
	margin-bottom: 5px;
}
.mono .title-l02.sub + .title-en{
	text-align: center;
	margin-bottom: 36px;
	position: relative;
}
.mono .title-l02.subnone:after,
.mono .title-l02.sub + .title-en:after {
    content: "";
    display: block;
    height: 2px;
    width: 50px;
    background: #39b54a;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translate(-50%, 0);
}
.mono .bg-mono .title-l02.sub + .title-en,
.mono .bg-mono .title-l02{
	color: #fff;
}
.mono .title-small{
	font-size: 21px;
	text-align: center;
	position: relative;
	font-weight: bold;
	margin-bottom: 36px;
	color: #333;
}
.mono .title-small:after {
    content: "";
    display: block;
    height: 2px;
    width: 25px;
    background: #8FC31F;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
}
.mono .title-small small{
	font-size: 0.8rem;
}
.d-none{
	display: none;
}


/**************************/
#conte02 section{
	display: table;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	max-width: 540px;
	z-index: 1;
}
#conte02 section ul{
	width: 100%;
}

#conte02 h2{
	position: relative;
}
#conte02 h2:after{
	content: '';
	display: block;
	background: url(../img/thanks01.png)no-repeat;
	background-size: contain;
	background-position: center;
	width: 195px;
	height: 180px;
	position: absolute;
	bottom: -10px;
	right: -30px;
}
section.inner-80per{
		max-width: 80%;
		width: 100%;
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

/**fc-reason****************************/

.mono .fc-review{

}



/******************************/
#conte03{
	padding-top: 100px;
}
#conte03 h2 #no-01{
	width: 60px;
	height: 60px;
	position: relative;
	bottom: -16px;
	left: -6px;
}
#conte03 h2:before{
	content: '';
	display: block;
	width: 96px;
	height: 40px;
	background:url(../img/s-oukan.png)no-repeat;
	background-size: contain;
	position: absolute;
	left: calc((100% - 96px)/2);
	top: -30px;
}
#conte03 h2{
	margin-bottom: 60px;
	text-align: center;
	position: relative;

}



.i-no{
	position: relative;
}
.i-no:before{
	content: '';
	display: block;
	position: absolute;
	width: 94px;
	height: 94px;
	background:url(../img/no-f-01.png)no-repeat;
	background-size: contain; 
	left: -30px;
	top: -40px;
}

.i-no.no-01:before{
	background:url(../img/no-f-01.png)no-repeat;
	background-size: contain; 
}
.i-no.no-02:before{
	background:url(../img/no-f-02.png)no-repeat;
	background-size: contain; 
}
.i-no.no-03:before{
	background:url(../img/no-f-03.png)no-repeat;
	background-size: contain; 
}
.i-no.no-04:before{
	background:url(../img/no-f-04.png)no-repeat;
	background-size: contain; 
}
.i-no.no-05:before{
	background:url(../img/no-f-05.png)no-repeat;
	background-size: contain; 
}
.i-no.no-06:before{
	background:url(../img/no-f-06.png)no-repeat;
	background-size: contain; 
}

/******************/
#conte04{
	position: relative;
	overflow: hidden;
}
#conte04:after,
#conte04:before{
	content: '';
	display: block;
	position: absolute;
}
#conte04:before{
	width: 425px;
	height: 425px;
	background: url(../img/illu-dot12.png)no-repeat;
	background-size: contain;
	background-position: center;
	right: 0;
	top: 30%;
	-webkit-animation-name: fadeinout;
	animation-name: fadeinout;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
#conte04:after{
	width: 520px;
	height: 110px;
	background: url(../img/illu-hg01.png)no-repeat;
	background-size: contain;
	background-position: center;
	left: -20%;
	top: 26%;
	z-index: -1;
	-webkit-animation-name: yoko01;
	animation-name: yoko01;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	animation-iteration-count: infinite;
}
#conte04 #bn-kaimaku{
	max-width: 900px;
	margin: 36px auto 0;

}
#conte04 #bn-kaimaku li:hover{
	transition:all .3s ease-out;
	transform: translateY(-1rem);
}
#conte04 #bn-kaimaku li{
	transition:all .3s ease-out;
	line-height: 1;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(45, 61, 41, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(45, 61, 41, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(45, 61, 41, 0.5);
}
#conte04 #bn-kaimaku li + li{
	margin-left: 16px;
	
}


.conte-otoku{
	width: 700px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.conte-otoku ul,
.conte-otoku dl{
	align-items: center;
	padding-bottom: 20px;
	margin-bottom: 0px;
	border-bottom: solid 1px #999;
	display:         flex;
    justify-content: space-between;
}
.conte-otoku ul{
	margin-top: 24px;
	display: block;
}
.conte-otoku ul li + li{
	margin-top: 16px;
}
.conte-otoku ul li{
	width: 100%;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	padding: 8px 16px;
}
.conte-otoku ul li .icon{
	width:auto;
	height: 20px;
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

.conte-otoku dl.boder-bt-none{
	border-bottom: none;
}


.conte-otoku ul + dl,
.conte-otoku dl + dl{
	margin-top: 70px;
}

.conte-otoku dt,
.conte-otoku dd{
	width: calc((100% - 60px ) /2);
}
.conte-otoku dt{
	margin-right: 60px;
	font-size: 1.2rem;
	font-weight: bold;
}



.mono .bt{
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.mono .bt a{
	display: block;
	padding:8px 32px;
	border:solid 2px #333;
	background:#fff;
	color: #333333;
	letter-spacing: 2px;
	-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2);
}
.mono .bt.bg-main a{
	color: #fff;
	border:solid 2px #333;
	background: rgba(148,209,57,1);
	background: -moz-linear-gradient(-45deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(148,209,57,1)), color-stop(100%, rgba(0,146,69,1)));
	background: -webkit-linear-gradient(-45deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	background: linear-gradient(135deg, rgba(148,209,57,1) 0%, rgba(0,146,69,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94d139', endColorstr='#009245', GradientType=1 );
}


/****************************/
.mono .table-wrap {
  overflow-x: scroll;
	max-width: 900px; 
	margin-left: auto;
	margin-right: auto;	
}
.mono .table-wrap + .chu{
	font-weight: bold;
	text-align: center;
	background: #39b54a;
	padding: 4px;
	color: #fff;
	max-width: calc(900px - 6px);
	margin-left: auto;
	margin-right: auto;	
	margin-top: 6px;
}
/* CSS */
.mono .table-wrap::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 20px;
}
.mono .table-wrap::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #39b54a;
  }
.mono .table-wrap::-webkit-scrollbar {
    width:100%; 
    height:16px; 
}


#conte05 #chushaku{
	margin-top: 16px;
}
#conte05 table.kaihi{
	width: 100%;
	white-space: nowrap;
	position: relative;
}
#chushaku ul.chu{
	padding: 20px 20px;
}
#chushaku .chu li{
	text-indent: -2rem;
	padding-left: 2rem;
	border-bottom: solid 1px #e4e4e4;
	padding-bottom: 8px;
}
#chushaku .chu li + li{
	margin-bottom: 6px;
	padding-top: 6px;
}
#chushaku .chu,
#chushaku .chu span{
	font-size: 12px;
}
#chushaku .chu span{
	font-weight: bold;
}

table.kaihi small a,
table.kaihi small{
	color: #39b54a;
	font-weight: bold;
	font-size: 0.7rem;
}
table.kaihi thead{
	border-bottom:solid 2px #333 ;
}
table.kaihi .tx-s{
	font-size: 0.6rem;
}
table.kaihi .maisuu{
	display: inline-block;
	padding-top: 4px;
}
table.kaihi .hikikae{
	line-height: 1.1;
}
table.kaihi .hikikae .t-en{
	font-size: 1.4rem;
	font-weight: bold;
}
table.kaihi .t-bold.chusen{
	font-size: 1.1rem;
}
table.kaihi .clorck .t-bold{
	font-size: 1.2rem;
	letter-spacing: 0;
}
table.kaihi .bg-main{
  background: #39b54a;
  color: #fff;
}
table.kaihi td.bg-mai,
table.kaihi th.bg-main{
	border:solid 1px #f5f5f5;
}
table.kaihi .bg-main-light{
	background: #f5f5f5;
}
table.kaihi th,
table.kaihi td{
	font-size: 12px;
	word-break: break-all;
	vertical-align: middle;
	white-space: nowrap;
	border:solid 1px #999999;
	color: #333;
}

table.kaihi td.t-center,
table.kaihi th.t-center,
table.kaihi td{
	text-align: center;
}
table.kaihi .title{
	font-size: 1rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
table .cell-fix{
	position: sticky;
  top: 0;
  left: 0px;
  background: none;
  border-left: none;
  border-right: none;
  z-index: 1;
}
table .cell-fix02{
	position: sticky;
  top: 0;
  left: 30px;
  background: none;
  border-left: none;
  border-right: none;
}

table .cell-fix::before,
table .cell-fix02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background: #f5f5f5;
  z-index: -1;
}
table .title.cell-fix::before{
	background: url(../img/bg-02.jpg)no-repeat;
	background-position: center;
}
.icons table{
	width: 100%;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
.mono .youtube-waku{
	margin-top: 70px;
}




/**************************/
#indexCampaign section{
	text-align: center;
	display: table;
	margin: 0 auto;
	max-width: 900px;
}
#indexCampaign .youtube-waku{
	margin-top: 50px;
}


.mono .arrow-l{
	position: relative;
}
.mono .arrow-l:before{
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 8px;
    height: 16px;
    background: url(../img/arrow-l.png) no-repeat;
    background-size: 70%;
    z-index: 1;
}
.mono .bg-white.arrow-l:before{
    background: url(../img/arrow-bl.png) no-repeat;
    background-size: 70%;
}
.mono .arrow-l.bottom:before{
	transform: rotate(90deg);/* 回転 */
	width: 16px;
	height: 10px;
	top: 20px;
	left: 8px;
}

.mono .conte-button ul + .button,
.mono .conte-button .button + ul,
.mono .conte-button .button + .button{
	margin-top: 12px;
}
.mono .conte-button .button + ul .button + .button{
	margin-top: 0px;
}
.mono .c-flex.col-03 .button{
	width: calc((100% - 16px) / 3);
}

.mono .button a{
	font-size: 14px;
	line-height: 1;
  display: block;
  border-radius: 50px;
	padding: 8px 24px 8px 18px;
}
.mono .button{
	border-radius: 50px;
	font-weight: bold;
  letter-spacing: 1px;
}
.mono .button .bg-white{
  border: solid 2px #333;
  background: #fff;
  color:#333;
}
.mono .button .bg-gray{
  border: solid 2px #333;
  color:#fff;
}


/**************************/
#conte06-1{
	position: relative;
}
#conte06-1 .slide-items{
	z-index: 1;
	position: relative;
}
#conte06-1 .illu{
	position: absolute;
	top: -174px;
	right: 7%;
}
#conte06-1 .illu:after{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	width: 41px;
	height: 53px;
	background: url(../img/lb-d-ude.png)no-repeat;
	background-position: center;
	background-size: contain;
	top: 128px;
    right: 39px;
}



/****************************/
#conte07{
	position: relative;
	overflow: hidden;
}
#conte07:after,
#conte07:before{
	content: '';
	display: block;
	position: absolute;
}
#conte07:after{
	width: 790px;
	height: 480px;
	background: url(../img/illu-dot32.png)no-repeat;
	background-size: contain;
	background-position: center;
	right: -30%;
	top: 5%;
	animation-name: fadeinout;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
#conte07:before{
	width: 85px;
	height: 410px;
	background: url(../img/illu-vw01.png)no-repeat;
	background-size: contain;
	background-position: center;
	left: 8%;
	top: -5%;
	animation-name: tate02;
	animation-duration: 10s;
	animation-iteration-count: infinite;
}
#conte07 .illu{
	position: absolute;
    left: -100%;
    bottom: 2%;
	-webkit-animation-name: yoko01;
    animation-name: yoko01;
    -webkit-animation-duration: 40s;
    animation-duration: 40s;
    animation-iteration-count: infinite;
}

#conte07 .card01.c-flex{
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
#conte07 .card01 li{
	width: calc((100% - 60px) / 2);
}

/****************************/
#conte09 {
	position: relative;
}
#conte09 .illu{
	position: absolute;
    left: 20%;
    top: -2%;
}
#conte09 .illu img{
	width: 100%;
    max-width: 182px;
    height: auto;
}

#bt-webadd{
    position: fixed;
    z-index: 2;
    bottom: -15px;
    left: 10px;
    transition:all .3s ease-out;
}
#bt-webadd img{
	width: 210px;
	height: 100px;
}
#bt-webadd:hover{
	transition:all .3s ease-out;
	transform: translateY(-15px);
}

.to_top{
    position: fixed;
    z-index: 2;
    bottom: 0;
    right: 0;
}
.to_top i{
	padding: 8px 6px 8px 10px;
	font-size: 40px;
	color: #fff;
	background:#39b54a;
	line-height: 1;
	transform: 0.3s;
border-radius: 16px 0px 0px 0px;
-moz-border-radius: 16px 0px 0px 0px;
-webkit-border-radius: 16px 0px 0px 0px;
}
.to_top i:hover{
	background:#333333;
	transform: 0.3s;
}
.mono ul.tx-pop small{
	display: inline-block;
	margin-top: 8px;
}


/* ------------------------------------- */
/* 入会方法 */
.mono #indexJoin {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

#indexJoin h2 {
    font-size: 3.2rem;
    text-align: center;
    color: #333333;
}

#indexJoin>p {
    font-size: 1.6rem;
    text-align: center;
    position: relative;
    color: #333333;
    margin-bottom: 60px;
}

#indexJoin>p:after {
    content: "";
    display: block;
    height: 2px;
    width: 25px;
    background: #8FC31F;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
}



/* アコーディオンチェック */
.mono .indexJoin__acd-open,
.mono .indexJoin__acd-1--1,
.mono .indexJoin__acd-2--1 {
    display: none;
}
.mono .indexJoin__acd-open{
	padding: 30px 30px;
}

.mono .indexJoin__acd {
    display: block;
    padding: 15px 46px 15px 20px;
    position: relative;
    display: flex;
    align-items: center;
    border: 2px solid #8FC21F;
    font-size: 2rem;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
    margin-bottom: 16px;
}

.indexJoin__acd>p {
    font-weight: bold;
    margin-left: 20px;
    font-size: 1.2rem;
}

/* 右の＋ */
.mono .indexJoin__acd:before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #8fc31f;
    position: absolute;
    top: 45%;
    right: 26px;
    transform: translate(0, -50%);
    border-radius: 10%;
}

.mono .indexJoin__acd:after {
    content: "";
    display: block;
    width: 3px;
    height: 16px;
    background: #8fc31f;
    position: absolute;
    top: 45%;
    right: 32px;
    transform: translate(0, -50%);
    border-radius: 10%;
}


/* 各種ボーダー */
.indexJoin__web>.indexJoin__label {
    border: 2px solid #8FC21F;
    border-radius: 10px;
    margin-bottom: 40px;
}

.indexJoin__mail>.indexJoin__label {
    border: 2px solid #F6AB00;
    border-radius: 10px;
}

.indexJoin__game>.indexJoin__label {
    border: 2px solid #EB6E2C;
    border-radius: 10px;
}


/* web申し込みのコンテンツ */
.mono .indexJoin__acd-1,
.mono .indexJoin__acd-2 {
    margin: 0 50px;
    cursor: pointer;
    background:#fff;
}

.indexJoin__acd-1>p,
.indexJoin__acd-2>p {
    border-bottom: 2px dotted #8fc31f;
    padding: 8px 40px 0 20px;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 10px;
    position: relative;
}
.indexJoin__acd-1>p:before,
.indexJoin__acd-2>p:before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #8fc31f;
    position: absolute;
    top: 45%;
    right: 26px;
    transform: translate(0, -50%);
    border-radius: 10%;
}
.indexJoin__acd-1>p:after,
.indexJoin__acd-2>p:after {
    content: "";
    display: block;
    width: 3px;
    height: 16px;
    background: #8fc31f;
    position: absolute;
    top: 45%;
    right: 32px;
    transform: translate(0, -50%);
    border-radius: 10%;
}

.indexJoin__acd-1>p>span,
.indexJoin__acd-2>p>span {
    font-size: 2rem;
    color: #8FC31F;
}

.mono .indexJoin__acd-2 {
    margin-bottom: 40px;
}

/* グレー背景 */
.mono .indexJoin__gray {
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 30px 60px 60px 30px;
    background: #f5f5f5;
}

/* stepタイトル */
.indexJoin__gray>h3 {
    font-size: 2rem;
}

.indexJoin__gray>h3>span {
    font-size: 4rem;
    color: #8FC31F;
    font-weight: 500;
}


.mono .indexJoin__gray-1 {
    display: flex;
}

/* 左 */
.indexJoin__gray-1>div {
    width: 50%;
    padding-right: 20px;
}

.indexJoin__gray-1>div>p {
    font-size: 1.6rem;
    margin-bottom: 20px;
}

/* リンクボタン */


/* 右 */
.indexJoin__gray-1>figure {
    width: 50%;
    text-align: right;
}

.indexJoin__gray-1>figure>img {
    object-fit: cover;
    width: 100%;
    max-width: 330px;
}

/* ------------------------------------- */
/* メール申し込み */
.mono .indexJoin__mail {
    border: 2px solid #F6AB00;
}

/* 右の＋ */
.mono .indexJoin__mail:before {
    background: #F6AB00;
}

.mono .indexJoin__mail:after {
    background: #F6AB00;
}

/* ------------------------------------- */
.mono .indexJoin__acd-mail {
    margin: -40px 0 40px;
    padding: 40px 10% 40px;
}

.mono .acd__mailActive {
    border-bottom: 1px solid #F6AB00;
    border-radius: 10px 10px 0 0;
}

.mono .acd__gameActive {
    border-bottom: 1px solid #EB6E2C;
    border-radius: 10px 10px 0 0;
}

.mono .indexFaq__q-border {
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #C4C4C4;
}
.mono .indexJoin__acd-mail {
    margin: -40px 0 40px;
    padding: 40px 10% 40px;
    border-top: 1px solid #F6AB00;
    border-right: 2px solid #F6AB00;
    border-left: 2px solid #F6AB00;
    border-bottom: 2px solid #F6AB00;
    border-radius: 0 0 10px 10px;
}

.mono .indexJoin__acd-mail li {
    list-style-type: none;
    margin-bottom: 20px;
}

.mono .indexJoin__acd-mail li dt {
    color: #F6AB00;
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: bold;
}
.indexJoin__acd-1>p.acdActive:after, .indexJoin__acd-2>p.acdActive:after,
.mono .indexJoin__acd.acdActive:after {
    opacity: 0;
}

.mono .acdActive:after {
    opacity: 0;
}

.mono .acd__mailActive {
    border-bottom: 1px solid #F6AB00;
    border-radius: 10px 10px 0 0;
}

.mono .acd__gameActive {
    border-bottom: 1px solid #EB6E2C;
    border-radius: 10px 10px 0 0;
}

.mono .indexFaq__q-border.acdActive {
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #C4C4C4;
}

/* ------------------------------------- */
/* 店頭での申し込み */
.indexJoin__game {
    border: 2px solid #eb6e2c;
}

/* 右の＋ */
.indexJoin__game:before,
.indexJoin__game:after {
    background: #eb6e2c;
}

/* ------------------------------------- */
.mono .indexJoin__game {
    border: 2px solid #eb6e2c;
}
.mono .indexJoin__game:before, 
.mono .indexJoin__game:after {
    background: #eb6e2c;
}
.mono .indexJoin__acd-game {
    margin: -40px 0 40px;
    padding: 40px 10% 40px;
    border-top: 1px solid #EB6E2C;
    border-right: 2px solid #EB6E2C;
    border-left: 2px solid #EB6E2C;
    border-bottom: 2px solid #EB6E2C;
    border-radius: 0 0 10px 10px;
}

.mono .indexJoin__acd-game li {
    list-style-type: none;
    margin-bottom: 20px;
}

.mono .indexJoin__acd-game li dt {
    color: #EB6E2C;
    margin-bottom: 10px;
    font-size: 1.5rem;
    font-weight: bold;
}


/* ------------------------------------- */
/* よくある質問 */


.mono .indexFaq__wrap {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

#indexFaq h2 {
    font-size: 3.2rem;
    text-align: center;
    color: #333333;
}

#indexFaq>p {
    font-size: 1.6rem;
    text-align: center;
    position: relative;
    color: #333333;
    margin-bottom: 60px;
}

/* よくある質問アコーディオン */

/* アコーディオンチェック */
.mono .indexFaq__acd {
    margin-bottom: 20px;
}

/* 質問 */
.mono .indexFaq__q {
    padding: 20px 60px;
    background: #fff;
    border: 2px solid #C4C4C4;
    border-radius: 10px;
    position: relative;
    line-height: 1.6;
    cursor: pointer;
}

.indexFaq__q>p {
    font-size: 16px;
    font-weight: bold;
}

.indexFaq__q>p>.t-en {
    font-size: 2.5rem;
    color: #8FC21F;
    position: absolute;
    top: 0px;
    left: 20px;
}

.indexFaq__q:before {
    content: "";
    display: block;
    width: 15px;
    height: 3px;
    background: #333333;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    border-radius: 10%;
}

.indexFaq__q:after {
    content: "";
    display: block;
    width: 3px;
    height: 16px;
    background: #333333;
    position: absolute;
    top: 50%;
    right: 26px;
    transform: translate(0, -50%);
    border-radius: 10%;
}

/* アンサー */
.mono .indexFaq__a {
    display: none;
    padding: 25px 70px;
    background: #fff;
    border: 2px solid #C4C4C4;
    border-top: none;
    border-radius: 0 0 10px 10px;
    font-size: 1.5rem;
    position: relative;
    line-height: 1.6;
}


.indexFaq__a>p> .t-en {
    font-size: 2rem;
    font-weight: bold;
    color: #8FC21F;
}
.mono .indexFaq__a>a,
.mono .indexFaq__a>p {
	font-size: 14px;
}
.mono .indexFaq__a .t-large,
.mono .indexFaq__a a.t-large{
	font-size: 16px;
}

/* 右のプラス */
.indexFaq__label:after {
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 50%;
    color: #8fc31f;
    transform: translate(0, -50%);
}


/* ------------------------------------- */
/* ------------------------------------- */
/* お問い合わせ */
#indexContact {
}

#indexContact h2 {
    font-size: 3.2rem;
    text-align: center;
    color: #333333;
}

.mono .indexContact__subTitle {
    font-size: 1.6rem;
    text-align: center;
    position: relative;
    color: #333333;
    margin-bottom: 60px;
}

.mono .indexContact__subTitle:after {
    content: "";
    display: block;
    height: 2px;
    width: 25px;
    background: #8FC31F;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0);
}

/* ボタン上テキスト */
.mono .indexContact__text {
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

/* リンクボタン */
.mono .indexContact__button {
    text-align: center;
    border: 4px solid #fff;
}



.indexContact__button>p>a>span:first-child {
    font-size: 1rem;
    letter-spacing: 1px;
}

.indexContact__button>p>a>span:last-child {
    font-size: 1.5rem;
}

/* 住所など */
.mono .indexContact__info {
    text-align: center;
}

.mono .indexContact__info h4 {
    font-size: 1.1rem;
    margin-bottom: 8px;
}

.mono .indexContact__info li {
    list-style-type: none;
}

.mono .indexContact__info dt,
.mono .indexContact__info dd {
    display: inline-block;
    font-size: 1rem;
}
.indexFaq__a .detail{
	padding: 30px 20px;
	margin: 20px auto;
}
.howto ul{
	padding: 10px 10px;
	border-bottom: solid 1px #d6d6d6;
	position: relative;
	align-items:  center;
}
.howto ul:before{
	content: '01';
	display: block;
    font-family: "din-condensed", sans-serif;
    font-weight: 400;
    color: #39b54a;
    font-size: 2rem;
    margin-right: 20px;
}
.howto ul:nth-child(2):before{
	content: '02';
}
.howto ul:nth-child(3):before{
	content: '03';
}
.howto ul:nth-child(4):before{
	content: '04';
}
.howto ul:nth-child(5):before{
	content: '05';
}
.howto ul:nth-child(6):before{
	content: '06';
}
.howto ul:nth-child(7):before{
	content: '07';
}
.howto ul:nth-child(8):before{
	content: '08';
}
.howto ul li a,
.howto ul li span,
.howto ul li{
	font-weight: bold;
}

.howto ul li.customer{
	width: 50px;
	margin-right: 15px;
}
.howto ul li{
	font-size: 14px;
	line-height: 1.4;
}

/* リンクボタン */
.mono .bt.bt-strong a {
    display: block;
    margin: 0 auto 40px;
    padding: 16px 24px;
    text-align: center;
    background: linear-gradient(90deg, #5A34B1 0%, #160977 100%) !important;
    color: #fff !important;
    font-size: 1.1rem;
    line-height: 1.2rem;
    box-shadow: 6px 7px 0 rgba(0, 0, 0, .16);
    border-radius: 60px;
    font-weight: bold;
    border: 4px solid #fff;
    letter-spacing: 1px;
}
.mono .bt.bt-strong.tx-long a {
    max-width: 100%;
    padding: 16px 40px;
}

.mono .inner-1200{
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.mono .card-col03{
	justify-content: space-between;
}
.card-col03 .card-tokuten{
	flex: 1 1 auto;
	width: calc((100% - 86px) / 3);
	border: solid 1px #e4e4e4;
}
.card-col03 .card-tokuten + ul{
	margin-left: 40px;
}

.card-tokuten .conte-title{
	position: relative;
	line-height: 1;
	margin-bottom: 30px;
	/*border: solid 1px #e4e4e4;*/
	padding-bottom: 30px;
}
.card-tokuten .conte-title .title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 16px);
	padding: 12px 8px;
	background:#333;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 1.1rem;
}
.card-tokuten .grade{
	text-align: center;
	margin-bottom: 10px;
}
.card-tokuten .grade img{
	width: auto;
	height: 30px;
}
.card-tokuten .grade img + img{
	margin-left: 6px;
}
.card-tokuten .tx{
	font-size: 14px;
	padding: 0 20px 30px;
}


/**ナビの背景にスライダー*******************/

.mono .bg-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.bg-slider img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(10px);
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.bg-slider img.active {
  opacity: 1;
}
.mono #conte02 {
  position: relative;
  z-index: 1; /* スライダーの上にボタンなどが来るように */
}