@charset "utf-8";

#topimage{
	position: relative;
	padding-top: 8%;
	padding-bottom: 12%;
	background-size:cover !important;
	background: url("../images/top/topimage_bg.jpg") no-repeat center center;
}
#topimage .container{
	max-width: 1100px;
}
#topimage .container .icon{
	position: absolute;
	right:2%;
	top:2%;
	z-index: 2;
}
#topimage .container h2 img{
	width:600px;
}
#topimage .container p{
	padding-left: 30px;
	color: #fff;
	text-shadow: 1px 1px 3px #31789b;
}
#s01{
	position: relative;
	margin-top: -8%;
	padding-top: 120px;
	padding-bottom: 100px;
	background-size:cover !important;
	background:url("../images/top/mendan_bg.png") no-repeat center top;
}

#s01 .container{
	position: relative;
	z-index: 2;
}
#s01 h2{
	font-size:180%;
	text-shadow: 0px 0px 2px #fff,0px 0px 3px #fff,0px 0px 3px #fff,0px 0px 5px #fff;
}
#s01 .inner1{
	max-width: 800px;
	margin: 0 auto;
	padding: 50px;
	background:rgba(255,255,255,0.7);
	box-shadow: 0 0 10px #ccc;
}
#bannerarea{
	background: url("../images/common/bg03.png");
}
#bannerarea img{
	border:solid 1px #fff;
}
#s02{
	position: relative;
}
#s02::before{
	content: " ";
	width: 100%;
	height: 450px;
	display: block;
	background-size:cover !important;
}
/*　WebP対応の場合　*/
.webp #s02::before{
	background: url("../images_webp/top/aliceshinjuku_bg.webp") no-repeat center bottom;
}
/*　WebP非対応の場合　*/
.no-webp #s02::before{
	background: url("../images/top/aliceshinjuku_bg.png") no-repeat center bottom;
}
#s02 .container{
	position: relative;
	padding-top: 50px;
}
#s02 .text1{
	padding: 15px;
	background: url("../images/common/hstyle03.png") no-repeat center center;
	text-align: center;
}
#s02 .text1 p{
	display: inline-block;
	font-size:130%;
}
#s03{
	background: #fce6ec;
}

.s3-list{
	position: relative;
}
.s3-list h3{
	position: absolute;
	top:50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}
.s3-list::before{
	content: " ";
	position: absolute;
	top:0;
	left: 0;
	width: 48%;
	height: 100%;
	background: #82cfeb;
	border-radius: 30px;
}
.s3-list::after{
	content: " ";
	position: absolute;
	top:0;
	right: 0;
	width: 48%;
	height: 100%;
	background: #f2bdcd;
	border-radius: 30px;
}

.s3-list ul{
	position: relative;
	z-index: 2;
	width: 45%;
	padding:20px;
}
.s3-list ul li{
	padding:10px 20px;
	border-bottom: solid 1px #cae6f0;
	height: 70px;
	line-height: 1.6;
	text-align: center;
}
.s3-list ul li.oneline{
	padding: 25px 20px;
}
.s3-list .ttl{
	font-size:160%;
	font-weight: bold;
	color: #1b9cca;
text-shadow: 
    #fff 2px 0px 0px, #fff -2px 0px 0px,
    #fff 0px -2px 0px, #fff 0px 2px 0px,
    #fff 2px 2px 0px, #fff -2px 2px 0px,
    #fff 2px -2px 0px, #fff -2px -2px 0px,
    #fff 1px 2px 0px, #fff -1px 2px 0px,
    #fff 1px -2px 0px, #fff -1px -2px 0px,
    #fff 2px 1px 0px, #fff -2px 1px 0px,
    #fff 2px -1px 0px, #fff -2px -1px 0px,
    #fff 1px 1px 0px, #fff -1px 1px 0px,
    #fff 1px -1px 0px, #fff -1px -1px 0px;

}
.s3-list ul.taten{
	padding-right: 40px;
}
.s3-list ul.labo{
	padding-left: 40px;
	position: absolute;
	right:0;
	top:0;
}
.s3-list ul.labo .ttl{
	color: #e35580;
}
.s3-list ul.labo li{
	border-bottom: solid 1px #f6e0e7;
}
.s3-list ul li:first-of-type,.s3-list ul li:last-of-type{
	border-bottom: none;
	height: inherit;
}
.s3-list ul.chigaittl{
	position: absolute;
	top:425px;	
	left:50%;
	transform: translateX(-50%);

}
.s3-list ul.chigaittl li{
	padding: 25px 5px;
	border-bottom:none;
	background: url("../images/top/chigai_bg.png") no-repeat center center;
	font-weight: bold;
}
.s3-listsp{
	position: relative;
}
.s3-listsp h3{
	position: absolute;
	top:50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
}
.s3-listsp::before{
	content: " ";
	position: absolute;
	top:0;
	left: 0;
	width: 50%;
	height: 100%;
	background: #82cfeb;
}
.s3-listsp::after{
	content: " ";
	position: absolute;
	top:0;
	right: 0;
	width:50%;
	height: 100%;
	background: #f2bdcd;
}
	.s3-listsp table{
		position: relative;
		z-index: 2;
	}	
	.s3-listsp table th,.s3-listsp table td{
		border:none;
		vertical-align: middle;
		font-size:90%;
		background: none;
	}
	.s3-listsp table td.t1,.s3-listsp table td.t3{
		width: 30%;
	}
	.s3-listsp table td.t1{
	border-bottom: solid 1px #cae6f0;
	}
	.s3-listsp table td.t3{
	border-bottom: solid 1px #f6e0e7;
	}
.s3-listsp table tr:first-of-type td,.s3-listsp table tr:last-of-type td{
	border-bottom:none !important;
}
	.s3-listsp table td.t2{
		width: 20%;
	}
	.s3-listsp table td.t2 span{
		padding: 5px;
		display: block;
		background: #fff;
		text-align: center;
		font-weight: bold;
	}
.s3-listsp table td .ttl{
	font-size:160%;
	font-weight: bold;
	color: #1b9cca;
text-shadow: 
    #fff 2px 0px 0px, #fff -2px 0px 0px,
    #fff 0px -2px 0px, #fff 0px 2px 0px,
    #fff 2px 2px 0px, #fff -2px 2px 0px,
    #fff 2px -2px 0px, #fff -2px -2px 0px,
    #fff 1px 2px 0px, #fff -1px 2px 0px,
    #fff 1px -2px 0px, #fff -1px -2px 0px,
    #fff 2px 1px 0px, #fff -2px 1px 0px,
    #fff 2px -1px 0px, #fff -2px -1px 0px,
    #fff 1px 1px 0px, #fff -1px 1px 0px,
    #fff 1px -1px 0px, #fff -1px -1px 0px;
}
.s3-listsp table tr:first-of-type td.t1{
	padding:20px 0 10px 20px;
}
.s3-listsp table tr:first-of-type td.t3{
	padding:20px 20px 10px 0;
}
.s3-listsp table td.t3 .ttl{
	color: #e35580;
}
#s03 .text01{
	font-size:130%;
}
#s04{
	position: relative;
	border-bottom:solid  #fddbe4 50px;
}
#s04 .textstyle01{
	padding:15px 30px;
}
#s04 .inner1{
	max-width: 1920px;
	margin: 100px auto 0;
	background-size:35% !important;

}
/*　WebP対応の場合　*/
.webp #s04 .inner1{
background: url(../images_webp/top/about_bg01.webp) no-repeat right top;
}
/*　WebP非対応の場合　*/
.no-webp #s04 .inner1{
	background: url("../images/top/about_bg01.png") no-repeat right top;
}

#s04 .inner1 .boxstyle01 figure{
	display: flex;
	align-items:flex-end;
}
#s04 .inner1 .boxstyle01 figure img{
	display: block;
}
#s05{
	position: relative;
	margin-bottom:100px;
}
#s05::before{
	content: " ";
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height: 200px;
	background: url("../images/common/bg01.png");
}
#s05 .syuunyupoint{
	position: relative;
	z-index: 2;
	padding-top: 50px;
	background: url("../images/top/kousyunyu_bg1.png") no-repeat center top 10px;
}

#s05 .syuunyupoint .text1{
	padding: 15px;
	background: url("../images/common/hstyle04.png") no-repeat center center;
	text-align: center;
}
#s05 .syuunyupoint .text1 p{
	display: inline-block;
	font-size:140%;
}
#s05 .syuunyupoint ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: url("../images/top/kousyunyu_bg2.png") no-repeat center top;
}
#s05 .syuunyupoint ul li{
	width: 26%;
	padding: 10px;
}
#s05 .syuunyupoint ul li:nth-of-type(2){
	padding-top: 50px;
}
#reward-sec .inner1{
	position: relative;
}
#reward-sec .inner1 .container{
	position: relative;
	z-index: 2;
	padding-top: 30px;
}
#reward-sec .inner1::before{
	content: " ";
	background: rgba(255,194,209,0.5);
	position: absolute;
	top:0;
	left: 0;
	width: 38%;
	height: 45%;
	z-index: 1;
}
.rewardsystem{
	padding: 50px 50px 30px;
	background: #fbebef;
}
.bonus{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.bonus li{
	width:250px;
	margin-bottom: 30px;
}
.bonus li .ttl{
	width: 190px;
	height: 190px;
	margin: 0 auto;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 50%;
}
.bonus li .ttl figure{
	padding-top: 20px;
	height: 95px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bonus li .ttl figure img{
	display: inline-block;
}
.bonus li h3{
	padding-bottom: 20px;
	height: 95px;
	text-align: center;
	font-size:110%;
	color: #eb6c8b;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bonus li h3.three{
	padding-bottom: 10px;
	line-height: 1.3;
}
.bonus li h3 span{
	display: inline-block;
	text-align: center;
}
.bonus li .text{
	padding: 0 3%;
}
.bonus .bonus-list li{
	width: inherit;
	margin-bottom: 5px;
	margin-left: 20px;
	list-style-type: disc;
}
#s06{
	position: relative;
	background: url("../images/top/column_bg.jpg") no-repeat;
	background-size:cover;
}
#s06 .en{
	position: absolute;
	left: 50%;
	top:-30px;
	margin-left: -78px;
}
.adblog_box {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	max-width: 1000px;
	margin: 0 auto;
}

.adblog_box .box {
    width: 30%;
    background: #fff;
    margin-bottom: 20px
}

.adblog_box_txt {
    padding: 10px
}

.adblog_box .box .title {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 10px
}

.adblog_box .box .text {
    font-size: 90%
}
.adblog_btn {
	text-align: center;
}
.adblog_btn a {
    display: inline-block;
	margin: 10px;
   padding: 5px 30px 5px 20px;
	border-radius: 0 5px 0 5px;
    color: #fff;
    background:#333 url("../images/common/list02.png") no-repeat right 10px center;
    text-align: center;
    font-size: 90%;
    transition: .5s
}

.adblog_btn a:hover{
    text-decoration: none;
    background:#333 url("../images/common/list02.png") no-repeat right 8px center;
    transform: scale(1.02)
}
#s07 .textstyle01{
	padding:15px 30px;
}
#s07 .inner1{
	position: relative;
	margin-bottom: 150px;
}
#s07 .inner1 .container{
	position: relative;
	z-index: 2;
	padding-top: 30px;
}
#s07 .inner1::before{
	content: " ";
	background: rgba(255,194,209,0.5);
	position: absolute;
	top:0;
	right: 0;
	width: 38%;
	height:80%;
	z-index: 1;
}
#s07 .inner2{
	padding-bottom:60px;
	position: relative;
	background: #fce6ec url("../images/top/taiken_bg2.png")no-repeat center top 100px;
}
#s07 .inner2 .photo1 img{
	margin-top: -100px;
}
#s07 .inner2 .taiken{
	background: url("../images/top/taiken_bg1.png") no-repeat center center;
	font-size:135%;
}
#s07 .inner2 ul{
	margin-top: -30px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#s07 .inner2 ul li{
	width: 30%;
	text-align: center;
}
#s07 .inner2 ul li:nth-of-type(2){
	padding-top: 80px;
}
#s08{
	position: relative;
}
#s08::before{
	content: " ";
	width: 100%;
	height: 200px;
	background-size:cover !important;
	display: block;
	background: url("../images/top/flow_bg.jpg") no-repeat center center;
}

#s08 .en{
	margin-top: -30px;
	margin-bottom: 40px;
}

.flow-inner{
	background: url("../images/top/flow_bg2.png");
}
.flow-inner ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.flow-inner ul li figure {
	background: url("../images/top/flow_ya.png")no-repeat center bottom;
    padding-bottom: 30px;
    width: 30%;
    text-align: center
}

.flow-inner ul li.last,.flow-inner ul li.last figure {
    background: 0 0;
    margin-bottom: 0
}

.flow-inner ul li .text1 {
    width: 70%;
    padding-left: 3%
}

.flow-inner ul li .text1 .ttl {
    padding: 15px 0;
    color: #5eb0e9;
    font-size: 160%;
	font-weight: bold;
}
#s09{
    border-top: solid #f8d8e6 10px;
	background: url("../images/top/setubi_bg.png") no-repeat center top;
	background-size:100%;
}
#s09 .inner1{
	position: relative;
}
#s09 .inner1 .container{
	position: relative;
	z-index: 2;
	padding-top: 30px;
}
#s09 .inner1::before{
	content: " ";
	background: rgba(255,194,209,0.5);
	position: absolute;
	top:0;
	right: 0;
	width: 38%;
	height:105%;
	z-index: 1;
}
#s09 .inner1 .text1{
	max-width: 462px;
	padding:15px 10px;
	font-size:150%;
	background: url("../images/common/hstyle05.png") no-repeat center center;
}
#s09 .inner2{
	margin-top: -50px;
}
#s09 .inner2 .wid04{
	padding-top: 120px;
}
#s09 .inner2 .wid01 .check{
	margin-left: 10px;
}
#s09 .inner3 .comment1{
	padding: 100px 450px 100px 30px;
	background: url("../images/top/omakase.png") no-repeat right 5% top;
}
#s09 .inner3 .commute{
	position: relative;
	padding:40px 50px;
	border-radius: 0 20px 0 20px;
	background: #fbebef;
}
#s09 .inner3 .commute h3{
	position: absolute;
	left: 0;
	top:90px;
	width: 100%;
	padding: 20px;
	background: url("../images/top/commute_ttlbg.png") no-repeat center center;
	text-align: center;
	font-size:140%;
	line-height: 1.5;
}
#s09 .inner3 .commute ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#s09 .inner3 .commute ul li{
	position: relative;
	padding:50px 20px 20px;
	margin-bottom: 40px;
	width: 23%;
	background: url("../images/top/commute_bg.jpg") ;
	border-radius: 0 30px 0 30px;
	box-shadow: 0 0 10px #ccc;
text-shadow: 
    #fff 2px 0px 0px, #fff -2px 0px 0px,
    #fff 0px -2px 0px, #fff 0px 2px 0px,
    #fff 2px 2px 0px, #fff -2px 2px 0px,
    #fff 2px -2px 0px, #fff -2px -2px 0px,
    #fff 1px 2px 0px, #fff -1px 2px 0px,
    #fff 1px -2px 0px, #fff -1px -2px 0px,
    #fff 2px 1px 0px, #fff -2px 1px 0px,
    #fff 2px -1px 0px, #fff -2px -1px 0px,
    #fff 1px 1px 0px, #fff -1px 1px 0px,
    #fff 1px -1px 0px, #fff -1px -1px 0px;
	font-weight: bold;
}
#s09 .inner3 .commute ul li p{
	text-align: center;
}
#s09 .inner3 .commute ul li:first-of-type{
	width: 26%;
	margin-right: 24%;
}
#s09 .inner3 .commute ul li:nth-of-type(2){
	width: 26%;
	margin-left :24%;
}
#s09 .inner3 .commute ul li .no{
	position: absolute;
	top:-20px;
	left: 0;
	width: 100%;
	text-align: center;
}
#s09 .inner3 .commute ul li:nth-of-type(4),#s09 .inner3 .commute ul li:nth-of-type(5){
margin-top: 20px;
}

#s11{
	position: relative;
	background: url("../images/top/blog_bg.jpg") no-repeat;
	background-size:cover;
}
#s11 .en{
	position: absolute;
	left: 50%;
	top:-30px;
	margin-left: -52px;
}
.bloglist{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.bloglist li{
	display: flex;
	justify-content: space-between;
	width: 48%;
	padding: 10px;
	margin-bottom: 20px;
	background: #fff;
}
.bloglist li figure{
	width: 30%;
}
.bloglist li .text{
	width: 68%;
}
.bloglist li .text .expert p{
	font-size:90%;
	line-height: 1.5;
}
#s12{
	position: relative;
}
#s12::before{
	content: " ";
	position: absolute;
	left: 0;
	top:0;
	width:100%;
	height: 100px;
	background: url("../images/common/bg04.png");
}
#s12 .container{
	position: relative;
	z-index: 2;
}
#s12 h2{
	padding-top: 70px;
	background: url("../images/top/dokujisystem_bg.png") no-repeat left 58% top;	
}
#s12 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#s12 ul li{
	width: 19%;
}
#s12 ul li:nth-of-type(even){
	padding-top: 40px;
}
#s12 ul li p{
	text-align: center;
	font-size:95%;
}
#s13{
	padding-top: 100px;
	padding-bottom: 400px;
	background-size:cover !important;
	background: url("../images/top/message_bg.png") no-repeat center bottom;

}
#s13 h2{
	font-size:150%;
	margin-bottom: 80px;
	text-shadow: 0px 0px 2px #fff,0px 0px 3px #fff;
	font-weight: bold;
}
#s13 p{
	text-shadow: 0px 0px 2px #fff,0px 0px 3px #fff;
	font-weight: bold;
}
/*-----------サポートセンター-------------*/
#supportcenter{
    border-bottom: solid #fddbe4 50px;
}
#supportcenter h2{
	font-size:150%;
}
#supportcenter .inner1{
	background: #ffedf1;
	padding-top:30px;
	padding-bottom: 30px;
}
#supportcenter .inner1 .inner2{
	margin-bottom: 100px;
	background: url("../images/top/supportcenter/bg1.png") no-repeat center center;
}
#supportcenter .inner1 .inner2 .renraku{
	padding-top:30px;
	background: url("../images/top/supportcenter/bg2.png") no-repeat center top;
	font-size:150%;
}
#supportcenter .inner1 .inner2 .renraku .txtPink{
	font-size:130%;
}
#supportcenter .inner3{
	position: relative;
	max-width: 1200px;
	margin: 0 auto 50px;
	padding-top: 70px;
	background: url("../images/common/bg02.png");
}
#supportcenter .inner3 h3{
	position: absolute;
	top:-40px;
	left: 0;
	width: 100%;
}
#supportcenter .inner3 .box01{
	padding: 30px;
	border-radius: 0 50px 0 0;
	background: #fff;
	box-shadow: 0 0 10px #eee;
}
#supportcenter .inner3 .staff .name{
	font-size:130%;
	font-weight: bold;
}
#supportcenter .inner3 .staff .name img{
	margin-right: 5px;
	vertical-align: 0px;
}
#supportcenter .inner3 .box01 .staffsingle .staff{
	width: 23%;
}

#supportcenter .inner3 .box01 .staffsingle .text{
	width: 75%;
}
.acc{
	display: none;
}
#supportcenter .stafflist2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#supportcenter .stafflist2 li{
	width:48%;
	margin-bottom: 40px;
}
#supportcenter .stafflist2 li .staff{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
#supportcenter .stafflist2 li .staff figure{
	width: 45%;
	min-height: 161px;
	text-align: center;
}
#supportcenter .stafflist2 li .staff .text1{
	width: 50%;
}
#supportcenter .stafflist2 li .text2{
	margin-top: 10px;
	padding-top: 20px;
	border-top:dotted 3px #eb6c8b;	
}
#supportcenter .inner4{
	max-width: 1200px;
	margin: 0 auto 20px;
	padding: 40px 10px;
	background: rgba(255,255,255,0.8);
}
#supportcenter .inner4 ul.contactlist{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 600px;
	margin: 0 auto;
}
#supportcenter .inner4 ul.contactlist li{
	width: 48%;
	position: relative;
}
#supportcenter .inner4 ul.contactlist li.mail a{
	display: block;
	background: #4eb8ef url("../images/top/supportcenter/mailicon.png") no-repeat center right 10%;
	padding: 30px 30px 30px 10px;
	color: #fff;
	border-radius: 5px;
	transition: 0.5s;
	text-align: center;
}
#supportcenter .inner4 ul.contactlist li.line a{
	display: block;
	background: #5ed7c2 url("../images/top/supportcenter/lineicon.png") no-repeat center right 8%;
	padding: 30px 35px 30px 10px;
	color: #fff;
	border-radius: 5px;
	transition: 0.5s;
	text-align: center;
}
#supportcenter .inner4 ul.contactlist li.mail a:hover,#supportcenter .inner4 ul.contactlist li.line a:hover{
	text-decoration: none;
  transform:scale(1.03);
}
#supportcenter .inner4 .chui{
	padding: 20px;
	background: #fff;
	border: solid 1px #eebab5;
}
#supportcenter .inner4 .chui .ttl{
	width: 18%;
	text-align: center;
}
#supportcenter .inner4 .chui ul{
	width: 80%;
}
#supportcenter .inner4 .chui ul li{
	list-style-type: disc;
	margin-left: 10px;
}
#supportcenter .inner4 .text{
	font-size:150%;
text-shadow: 
    #fff 2px 0px 0px, #fff -2px 0px 0px,
    #fff 0px -2px 0px, #fff 0px 2px 0px,
    #fff 2px 2px 0px, #fff -2px 2px 0px,
    #fff 2px -2px 0px, #fff -2px -2px 0px,
    #fff 1px 2px 0px, #fff -1px 2px 0px,
    #fff 1px -2px 0px, #fff -1px -2px 0px,
    #fff 2px 1px 0px, #fff -2px 1px 0px,
    #fff 2px -1px 0px, #fff -2px -1px 0px,
    #fff 1px 1px 0px, #fff -1px 1px 0px,
    #fff 1px -1px 0px, #fff -1px -1px 0px;
}
#s14 .ulstyle02 li .ttl{
	margin-bottom: 15px;
}
#s14 .ulstyle02 li ul {
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	background: #fbf5f7
}
#s14 .ulstyle02 li ul li{
	width: 42%;
	padding: 0;
	margin-left: 20px;
	list-style-type: disc;
	background: none;
}
#s14 .ulstyle02 li ul li::after{
	content: none;
}
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑pcサイズ
----------------------------------
↓タブレットサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/

@media screen and (max-width: 999px){
	#topimage{
		padding-bottom: 12%;
		margin-bottom: 10%;
	}
	#s01{
		background:#ece5f2;
		padding-top: 0;
		padding-bottom: 50px;
	}
	#s01::before{
	content: " ";
	width: 100%;
	height: 70%;
	display: block;
	position: absolute;
	left: 0;
	top:-80px;
	background-size:100% !important;
	background:url("../images/top/mendan_bg.png") no-repeat center top;
}


	#s02::before{
		height: 300px;
	}
	#s02 .boxstyle01 .wid01,#s02 .boxstyle01 .wid02{
		width: 100%;
	}
	#s09 .boxstyle01 .photo .photo01{
		top:5%;
	}
	#s09 .boxstyle01 .photo .photo02{
		left:inherit;
		right:3%;
		bottom:15% !important;
		width:300px;
	}
	#s09 .inner3 .comment1{
	padding:7% 55% 5% 5%;
		background-size:40%;
}
	#s09 .inner3 .commute ul{
		justify-content: space-around;
	}
	#s09 .inner3 .commute ul li{
		width: 46% !important;
		margin-right: 0 !important;
		margin-left: 0!important;
		margin-top: 0 !important;
	}
	#s09 .inner3 .commute h3{
		position: relative;
		top: inherit;
		left: inherit;
	}
	#s14 .ulstyle02 li ul li{
		width: inherit;
	}
	
}


@media screen and (min-width: 768px) and (max-width: 999px) {
/*----------topページ------------*/
	#topimage .container h2 img{
		width: 60%;
	}
	#topimage .container .icon{
		right:1%;
		top:1%;
		width: 25%;
	}
	.bonus li{
		width: 33%;
	}
	#s03 .inner1{
		background-size:contain;
	}
	.ulstyle02.chatstyle figure.s03img1{
		min-height: inherit;
	}

	#s02 .boxstyle01 .wid01{
		text-align: center;
		padding: 0 30% 20px;
	}
	#s02 .boxstyle01 .wid02 p{
		text-align: center;
	}
	.s3-list{
		max-width: 800px;
		margin: 0 auto;
	}
	.s3-list ul li{
		padding: 10px 0;
		font-size:11px;
		height: 55px;
	}
	.s3-list ul.chigaittl{
		padding: 0;
		top:inherit;
		bottom:0;
		width: 22%;
	}
	.s3-list ul.chigaittl li{
		margin: 14.5px;
		padding: 10px 5px;
		background: #fff;
		height: 40px;
	}
	.s3-list ul li.oneline{
		padding: 10px 5px;
	}
	#s05 .syuunyupoint{
		background-size:100% !important;
		margin-bottom: 30px !important;
	}
	#s05 .syuunyupoint ul{
		margin-top: -30px;
	}
	.adblog_box{
		max-width: 620px;
		margin: 0 auto;
		justify-content: space-between;
	}
	.adblog_box .box{
		width: 48%;
	}

	#s10 .inner1 ul{
		padding-top: 140px;
	}
	#s10 .inner1 ul li{
		width: 48%;
		height: inherit;
		margin-bottom: 20px;
		padding: 30px 10px 10px;
		background-size:contain !important;
	}
	#s10 .inner1 ul li:nth-of-type(3){
		margin-left: 0;
	}
	#s10 .inner1 ul li:nth-of-type(4){
		margin-right: 0;
	}
	#s10 .inner1 .recommend{
		width: 30%;
		top:-10%;
	}


}

/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑タブレットサイズ
----------------------------------
↓spサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (max-width: 767px) {
/*----------------top------------------*/
	#topimage{
		padding: 0;
		padding-bottom:40px;
		background-size:100% !important;
		background:#abcddb url("../images/top/topimage_bg_sp.jpg") no-repeat center top;

	}
	#topimage .container{
		padding: 0;
	}
	#topimage h2{
		padding:5% 20px 70%;
		margin-bottom: 15px !important;

}
	#topimage .container .icon{
		width: 40%;
		bottom: inherit;
		top:36%;
		right: inherit;
		left:0;
	}
	#topimage .container p{
		padding: 0 10px;
		font-weight:bold;
	}
	#s01{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	#s01::before{
		top:-30px;
		height: 50%;
	}
	#s01::after{
		height: 200px;
	}
	#s01 .inner1{
		padding: 20px;
	}
	#s01 h2{
		font-size:150%;
	}
	#s02::before{
		height: 180px;
	}
	#s02 .container{
		padding-top: 20px;
	}
	#s02 .text1{
		background-size:100%;
	}
	#s02 .text1 p{
		text-align: center;
		font-size:110%;
	}
	#s02 .boxstyle01 figure{
		padding: 0 10% 10px;
	}
	
	.hstyle01.q span.span01::before{
		bottom: inherit;
		top:-15px;
		width: 25px;
		height: 40px;
		background-size:100%;
	}
	.hstyle01.q span.span01{
		padding-left: 30px;
	}
	#s03{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#s03 .container{
		padding: 0 !important;
	}
	#s03 h2{
		margin-bottom: 20px !important;
		font-size:120%;
	}
	#s03 .textstyle01 p:last-of-type{
		font-size:3vw;
	}
	.s3-listsp table td .ttl{
	font-size:4.5vw;
	}
	#s03 .boxstyle01 figure{
		padding: 2% 20%;
	}
	#s03 .boxstyle01 .wid03{
		padding:0 2%;
	}
#reward-sec .hstyle01{
		text-align: center;
	}

	#reward-sec{
		background-size:70%;
		padding-bottom: 10%;
	}
	#reward-sec .inner1{
		padding: 0;
	}
	#s01 .inner2 .hstyle01{
		font-size:130%;
	}
	#s01 .inner2 .span01{
		line-height: 2;
	}
	#s04{
		border-bottom-width: 30px;
		padding-bottom: 0 !important;
	}
	#s04 .inner1{
		margin-top: 0;
		background-size:65% !important;
		background-position:right 10% top;
	}
	#s04 .inner1 .boxstyle01 figure img{
		width: 65%;
		padding-top: 15%;
		padding-left: 5%;
		margin-bottom: 20px;
	}
	#s04 .textstyle01{
		width: 96%;
		padding: 10px;
	}
	#s05{
		margin-bottom: 30px;
	}
	#s05::before{
		height: 190px;
	}
	#s05 .syuunyupoint{
		margin-bottom: 10px !important;
		padding-top: 30px;
		background-size:105% !important;
	}
	#s05 .syuunyupoint h2{
		margin-bottom: 15px !important;
	}
	#s05 .syuunyupoint .text1{
		background-size: 100%;
	}
	#s05 .syuunyupoint .text1 p{
		font-size:5vw;
	}
	#s05 .syuunyupoint ul li{
		width: 50%;
		padding:5px;
	}
	#s05 .syuunyupoint ul li:nth-of-type(2){
		padding-top: 0;
	}
	#s05 .syuunyupoint ul li:nth-of-type(3){
		margin-top: -30px;
	}
	#reward-sec .inner1::before{
		width: 80%;
		height: 300px;
	}
	.rewardsystem{
		padding: 7% 5%;
	}

	.bonus li{
		width:inherit;
		padding-top: 0;
		padding-bottom:0;
		margin-bottom:10px;
		border-bottom:none !important;
		border-right:none !important;
	}
	.slick-dotted.slick-slider{
		margin-bottom:0;
	}
	.slick-dots li{
		margin-bottom:0;
		background:none;
	}
	.slick-dots li::after{
		content:none;
	}
	.bonus li .ttl{
		width: 120px;
		height: 120px;
		margin-bottom: 10px;
	}
	.bonus li .ttl figure{
		height: 60px;
		padding-top: 7px;
	}
	.bonus li .ttl figure img{
		width: 26%;
	}
	.bonus li h3{
		height: 60px;
/*		font-size:3.0vw;*/
	}
	.bonus li p{
		line-height: 1.4;
	}
	#reward .bonus li{
		border-bottom:none;
		padding-top: 0;
		padding-bottom: 0;
	}
	#reward .bonus li:nth-of-type(odd){
		border-right:none;
	}
	#reward .slick-dotted.slick-slider{
		margin-bottom: 0;
	}
	#s06{
		padding-top: 5%;
	}
	#s06 .en{
		width: 100px;
		top:-20px;
		margin-left:-50px;
	}
	.adblog_box{
		max-width: 300px;
	}
	.adblog_box .box{
		width: 100%;
	}
	#s08 .en{
		margin-top: -20px;
		margin-bottom: 20px;
	}
	#s08 .en img{
		height: 41px;
	}
	.flow li figure{
		width: 100%;
		text-align: center;
	}
	.flow li .text{
		width: 100%;
	}
	.flow-inner{
		padding-top: 30px;
		padding-bottom:10px;
	}
	.flow-inner h3{
		font-size:110%;
	}
	.flow-inner section{
		border-bottom:solid 1px #fff;
		padding-bottom: 30px;
	}
	.flow-inner section.flow-sec4{
		border-bottom: none;
		padding-bottom: 0;
	}
	.flow-sec1{
		margin-bottom: 30px;
	}
	.flow-inner .inner1{
		background: none;
	}
	.flow-inner ul{
		background-size:20%;
		background-position: right top 28%;
	}
	.flow-inner ul li:first-of-type::after,.flow-inner ul li:nth-of-type(2)::after{
		content: none;
	}
	.flow-inner ul li:first-of-type{
		padding-right: 0;
		margin-bottom: 10%;
	}
	.flow-inner ul li:first-of-type p,.flow-inner ul li:nth-of-type(2) p,.flow-inner ul li:nth-of-type(3) p{
		padding: 0 3%;
	}
	.flow-inner ul li:nth-of-type(2){
		margin-top: 0;
		padding-left: 0;
			margin-bottom: 10%;
	}
	.flow-inner ul li:nth-of-type(3){
		margin-top: 0;
		padding-right: 0;
		background-position: right 2% top 0;
	}
	.flow-sec2,.flow-sec3{
		margin-bottom: 30px;
	}
	.flow-sec3 p{
		width: 100%;
		padding: 0 3%;
	}
	.flow-sec4 .boxstyle01 p{
		width: 100%;
		padding: 0 3%;
		margin-bottom: 20px;
	}
	.flow-sec4 .boxstyle01 figure{
		width: 100%;
		margin-bottom: 10px;
	}
	.flow-sec4 .enjoy{
		background: none;
		padding-right: 0;
	}
	#s07 .inner1::before{
		width: 80%;
		height: 250px;
	}
	#s07 .inner1{
		margin-bottom: 22%;
	}
	#s07 .inner2 ul{
		margin-top: 0;
	}
	#s07 .inner2 ul li{
		width: 48%;
	}
	#s07 .inner2 ul li:nth-of-type(2){
		padding-top: 0;
	}
	#s07 .inner2 ul li:nth-of-type(3){
		margin-top: -20px;
	}
    .flow-inner ul li .text1 .ttl{
        padding: 0;
        margin-bottom: 5px;
        font-size: 120%
    }
	#s09{
		padding-top: 30px;
	}
	#s09 h2.hstyle01{
		margin-bottom: 10px !important;
	}
	#s09 .inner1::before{
		width: 80%;
		height: 250px;
	}
	#s09 .inner1 .text1{
		padding: 10px;
		font-size:130%;
		background-size:96%;
	}
	#s09 .inner2 .wid04{
		padding-top: 0;
	}
	#s09 .textstyle01{
		display: block;
		width: 70%;
        padding:5px;
		margin: 0 auto;
		margin-bottom: 10px !important;
	}
	#s09 .inner2{
		position: relative;
		margin-top: 3%;
	}
	#s09 .inner2 .boxstyle01 .photo{
		position: static;
	}
	#s09 .inner2 .boxstyle01 .photo::before{
		width: 100%;
		height: 150px;
		left: 0;
		top:-10px;
	}
	#s09 .container{
		padding:0 !important;
	}
	
	#s09 .inner2 .boxstyle01 .photo .photo02{
		width: 42%;
		left: inherit;
		right:0;
		bottom: inherit;
		top:30px;
	}
	#s09 .inner2 .boxstyle01 .photo .photo01{
		width: 25%;
		left: 0;
		top:50px;
	}
	#s09 .inner2 .boxstyle01 .photo .photo03{
		left: 23%;
		top:10px;
		width: 38%;
		z-index: 3;
	}
	#s09 .wid02 p{
		padding: 0 5%;
	}
	#s09 .wid04 p{
		padding: 0 5%;	
		margin-top: 20px;
	}
	#s09 .wid01 p{
		padding: 0 5%;
		margin-bottom: 20px;
	}
	#s09 .inner3 .comment1{
		background-position: center top;
		background-size:auto 150px;
		padding:160px 5% 20px;
	}
	#s09 .inner3 .commute{
		margin: 0 3%;
		padding: 20px;
	}
	#s09 .inner3 .commute h3{
		font-size:120%;
		background-size:100%;
	}
	#s09 .inner3 .commute ul{
		align-items: inherit;
	}
	#s09 .inner3 .commute ul li{
		padding:30px 10px 20px;
		margin-bottom: 30px;
	}
	#s09 .inner3 .commute ul li .no{
		top:-15px;
	}
	#s09 .inner3 .commute ul li .no img{
		width: auto;
		height: 35px;
	}
	#s11{
		padding-top: 5%;
	}
	#s11 .en {
		top:-25px;
		width: 80px;
		margin-left: -40px;
	}
	
	.bloglist li{
		display:flex !important;
		width: 100%;
	}
	.bloglist li figure{
		width: 38%;
	}
	.bloglist li .text{
		width: 60%;
	}
	.bloglist li h3{
		margin-bottom: 5px !important;
	}
	.bloglist li .date{
		font-size:90%;
		margin-bottom: 0 !important;
	}
	.bloglist li .expert{
		font-size:90%;
	}
	.bloglist .slick-dots li{
		display:inline-block !important;
	}
	#s12 h2{
		padding-top: 40px;
		background-size:100%;
	}
	#s12 ul {
		justify-content: center;
		margin-bottom: 20px !important;
	}
	#s12 ul li{
		width: 33%;
		margin: 0;
		padding: 5px !important;
		font-size:90%;
	}
	#s12 ul li:nth-of-type(4),#s12 ul li:nth-of-type(5){
		margin: 0 1%;
	}
	#s13{
		padding-top: 30px;
		padding-bottom:80%;
		background-position:left bottom !important;
	}
	#s13 h2{
		margin-bottom: 30px;
	}
	#supportcenter{
		border-bottom-width: 30px;
	}
	#supportcenter h2{
		font-size:5vw;
		text-align: center !important;
	}
	#supportcenter .inner2 h3{
		padding: 0 10%;
	}
	#supportcenter .inner1 .inner2 .renraku{
		padding-top: 20px;
		font-size:110%;
	}
	#supportcenter .inner1 .inner2{
		margin-bottom: 70px;
	}
	#supportcenter .stafflist2 li{
		width: 100%;
	}
	#supportcenter .inner3 .box01{
		padding: 20px;
		margin-bottom: 20px;
	}
	#supportcenter .inner3 .box01 .staffsingle .staff{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
	}
	#supportcenter .inner3 .box01 .staffsingle .staff figure{
		width: 45%;
	}
	#supportcenter .inner3 .box01 .staffsingle .text{
		width: 100%;
	margin-top: 10px;
	padding-top: 20px;
	border-top:dotted 3px #eb6c8b;	
}
	#supportcenter .inner3 .box01 .staffsingle .staff .text1{
		width: 50%;
	}
	#supportcenter .inner3 .box01 .staffsingle .staff .text1 .cen{
		text-align: left !important;
	}
	.acc{
		position: relative;
		display: block;
		max-width: 300px;
		margin: 0 auto;
		margin-bottom: 20px;
		padding: 20px 25px 20px 20px;
		border-radius: 5px;
		background: #eb6c8b;
		color: #fff;
		text-align: center;
		cursor: pointer;
}
.acc::before{		/*タイトル横の矢印*/
      position: absolute;
      content: "";
      display: block;
      width: 10px;
      height: 2px;
      background-color: #fff;
      right: 15px;
      top: 50%;
      transform: translate(0, -50%);
}
	.acc::after{
     position: absolute;
      content: "";
      display: block;
      width: 10px;
      height: 2px;
      background-color: #fff;
      right: 15px;
      top: 50%;
      transform: translate(0, -50%) rotate(90deg);
	}
.acc.open::after {
      display: none;
}
#supportcenter .staffopen{
	display: none;
	}
#supportcenter .inner3{
	padding-top: 40px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
	#supportcenter .inner4{
		margin: 0 10px;
		padding: 20px 10px;
	}
#supportcenter .inner4 .text{
	font-size:120%;
}
#supportcenter .inner4 ul.contactlist{
	max-width:260px;
	margin: 0 auto;
}
#supportcenter .inner4 ul.contactlist li{
	width: 100%;
	margin-bottom: 15px;
}
#supportcenter .inner4 ul.contactlist li a{
	padding: 20px 20px 20px 10px !important;
}
#supportcenter .inner4 ul.contactlist li.mail a{
	background: #4eb8ef url("../images/top/supportcenter/mailicon.png") no-repeat center right 10%;
	background-size:20px
}
#supportcenter .inner4 ul.contactlist li.line a{
	background: #5ed7c2 url("../images/top/supportcenter/lineicon.png") no-repeat center right 10%;
	background-size:25px
}
#supportcenter .inner4 .chui .ttl{
	width: 100%;
	padding: 0 32%;
	margin-bottom: 10px;
}
#supportcenter .inner4 .chui ul{
	width: 100%;
}
	#supportcenter .stafflist2 li .staff figure{
		min-height: inherit;
	}
	.ulstyle02 li{
		width: 98%;
		margin-bottom: 20px;
	}
	.ulstyle02 li:last-of-type{
		margin-bottom: 0;
	}
	#s14 .ulstyle02 li ul li{
		margin-bottom: 0;
	}
}