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

@media(max-width:899px){

.top {}
.top .sec_hero {position:relative;}
.top .sec_hero .img {width:110rem;max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.top .sec_hero .bg {}
.top .sec01 {position:relative;}
	.top .sec01 .wrap {width:100%;box-sizing:border-box;position:relative;transform:initial;top:0;left:0;}
	.top .sec01 .wrap .texts {padding:6rem 2rem 6rem;}
	.top .sec01 .wrap .texts .title {font-size:2.2rem;line-height:3rem;margin-bottom:3rem;}
	.top .sec01 .wrap .texts .text {font-size:1.4rem;line-height:2.7rem;}
	.top .sec01 .wrap .texts .sns {margin:2rem auto;}
	.top .sec01 .wrap .texts .sns .link01{height:3.2rem;width:3.2rem;}
	.top .sec01 .wrap .texts .btn{font-size:1.4rem;line-height:4.4rem;width:26rem;margin: 2rem auto 0;background-size:52rem;background-position:-26rem;}

	.top .sec01 .bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
	.top .sec01 .bg img{width:100%;height:100%;object-fit:cover;object-position:bottom;}
	.top .sec02 {position:relative;padding:3rem 2rem;}
	.top .sec02 .wrap {width:100%;box-sizing:border-box;position:relative;transform:initial;top:0;left:0;}
.top .sec02 .wrap .container {max-height:50rem;position:relative;}
.top .sec02 .wrap .adjustment {padding-right:1rem;}
.top .sec02 .wrap .scrollable {max-height:50rem;overflow-y:scroll;height:100%;-ms-overflow-style: none;scrollbar-width: none;}
.top .sec02 .wrap .scrollable::-webkit-scrollbar {display:none;}
	.top .sec02 .wrap .scrollbar {width: 0.5rem;}
.top .sec02 .wrap .scrollbar-thumb {background-color: #000000;}
	.top .sec02 .wrap .items {padding:2rem 0.5rem 2rem 2rem;}
	.top .sec02 .wrap .items::before{width:20rem;height:0.7rem;}
	.top .sec02 .wrap .items::after{width:20rem;height:0.7rem;}
.top .sec02 .wrap .items .titles {text-align:center;}
	.top .sec02 .wrap .items .etitle {font-size:3.2rem;margin-bottom:2rem;}
	.top .sec02 .wrap .items .item {font-size:1.4rem;line-height:2.7rem;padding:0;}
	.top .sec02 .wrap .items .item + .item{padding-top:1.5rem;margin-top:1.5rem;}
	.top .sec02 .wrap .items .item .date {width:100%;}
	.top .sec02 .wrap .items .item .text {width:100%;}
.top .sec02 .wrap .items .item .text a{color:#000099;text-decoration:underline;}
	.top .sec02 .bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
	.top .sec02 .bg img{width:100%;height:100%;object-fit:cover;object-position:top;}
.top .sec03 {}


/*共通*/
	.top .sec03 .wrap .imgs{order:1;margin-bottom:1.5rem;}
	.top .sec03 .wrap .texts{order:2;}
	.top .sec03 .wrap .texts .title {font-size:2.4rem;line-height:4.1rem;}
	.top .sec03 .wrap .texts .subtitle {font-size:1.8rem;line-height:2.9rem;}
	.top .sec03 .wrap .texts .description {font-size:1.4rem;line-height:2.7rem;margin-top:1rem;}
	.top .sec03 .wrap .texts .lists {margin-top:3rem;}
	.top .sec03 .wrap .texts .lists .list {font-size:1.4rem;line-height:2.4rem;}
	.top .sec03 .wrap .texts .lists .list + .list{margin-top:0.5rem;padding-top:0.5rem;}
	.top .sec03 .wrap .texts .lists .list .name {width:12rem;}
	.top .sec03 .wrap .texts .lists .list .text {width:calc(100% - 13.5rem);}
	.top .sec03 .wrap .texts .lists .list .text span {font-size:1.3rem;}
	.top .sec03 .wrap .texts .link {font-size:1.4rem;line-height:4.4rem;width:26rem;margin: 2rem auto 0;background-size:52rem;background-position:-26rem;}
.top .sec03 .wrap .texts .link:hover{background-position:0rem;}

	.top .sec03 .area01 {padding:4rem 2rem 4rem;background:linear-gradient(to top, #E7EAEB 0 , #FFFFFF 100em);}
	.top .sec03 .area01::before{top:1.5rem;left:0;width:13rem;height:5rem;background-image:url("../img/top/deco01_sp.png");}
	.top .sec03 .area01::after{top:5rem;right:0;width:13rem;height:5rem;background-image:url("../img/top/deco02_sp.png");}
	.top .sec03 .area01 .titles {margin-bottom:2rem;}
	.top .sec03 .area01 .titles .etitle {font-size:3.2rem;}
.top .sec03 .area01 .wrap {width:116rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.top .sec03 .area01 .wrap .imgs {width:63.5rem;display:flex;flex-wrap:wrap;justify-content:center;}
.top .sec03 .area01 .wrap .imgs .img01 {width:100%;}
.top .sec03 .area01 .wrap .imgs .img02 {width:20rem;}
.top .sec03 .area01 .wrap .imgs .img03 {width:20rem;margin-left:5rem;}
.top .sec03 .area01 .wrap .imgs .copy {font-size:1.3rem;font-weight:500;}
.top .sec03 .area01 .wrap .texts {}
	.top .sec03 .area01 .wrap .texts .gamelogos{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem;}
	.top .sec03 .area01 .wrap .texts .gamelogos .img01{width:15rem;}
	.top .sec03 .area01 .wrap .texts .gamelogos .img02{width:15rem;}
	.top .sec03 .area01 .wrap .texts .gamelogos .copy{font-size:1.1rem;font-weight:500;}
	.top .sec03 .area01 .wrap .items {margin-top:4rem;order:3;}
	.top .sec03 .area01 .wrap .items::before{display:none;}
	.top .sec03 .area01 .wrap .items::after{display:none;}
	.top .sec03 .area01 .wrap .items .item + .item{border-top:1px dotted #B2B2B2;padding-top:2.5rem;margin-top:2.5rem;}
.top .sec03 .area01 .wrap .items .item {width:34rem;}
.top .sec03 .area01 .wrap .items .item .img {}
	.top .sec03 .area01 .wrap .items .item .name {font-size:1.4rem;line-height:3rem;width:15rem;}
	.top .sec03 .area01 .wrap .items .item .text {font-size:1.4rem;line-height:2.7rem;}
	.top .sec03 .area02 {padding:5.5rem 2rem 4.5rem;background:linear-gradient(to top, #E7EAEB 0 , #FFFFFF 32rem);}
	.top .sec03 .area02::after{top:-1.2rem;width:24rem;height:4rem;background-image:url("../img/top/deco04_sp.png");}
.top .sec03 .area02 .wrap {width:116rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.top .sec03 .area02 .wrap .texts {}
.top .sec03 .area02 .wrap .texts .title {}
.top .sec03 .area02 .wrap .texts .subtitle {}
.top .sec03 .area02 .wrap .texts .description {}
.top .sec03 .area02 .wrap .texts .lists {}
.top .sec03 .area02 .wrap .texts .lists .list {}
.top .sec03 .area02 .wrap .texts .lists .list .name {}
.top .sec03 .area02 .wrap .texts .lists .list .text {}
.top .sec03 .area02 .wrap .texts .link {}
.top .sec03 .area02 .wrap .imgs {width:54rem;}
.top .sec03 .area02 .wrap .imgs .img {}


	.top .sec03 .area02 .wrap .items {margin-top:4rem;order:3;}
	.top .sec03 .area02 .wrap .items::before{display:none;}
	.top .sec03 .area02 .wrap .items::after{display:none;}
	.top .sec03 .area02 .wrap .items .item + .item{border-top:1px dotted #B2B2B2;padding-top:2.5rem;margin-top:2.5rem;}
.top .sec03 .area02 .wrap .items .item {width:34rem;}
.top .sec03 .area02 .wrap .items .item .img {}
	.top .sec03 .area02 .wrap .items .item .name {font-size:1.4rem;line-height:3rem;width:15rem;}
	.top .sec03 .area02 .wrap .items .item .text {font-size:1.4rem;line-height:2.7rem;}
	
	
	.top .sec03 .area03 {padding:5.5rem 2rem 4.5rem;background:linear-gradient(to top, #E7EAEB 0 , #FFFFFF 32rem);}
	.top .sec03 .area03::before{top:-1.2rem;width:24rem;height:4rem;background-image:url("../img/top/deco03_sp.png");}
.top .sec03 .area03 .wrap {width:116rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.top .sec03 .area03 .wrap .imgs {width:63.5rem;}
.top .sec03 .area03 .wrap .imgs .img {}
.top .sec03 .area03 .wrap .texts {}
.top .sec03 .area03 .wrap .texts .title {}
.top .sec03 .area03 .wrap .texts .description {}
.top .sec03 .area03 .wrap .texts .lists {}
.top .sec03 .area03 .wrap .texts .lists .list {}
.top .sec03 .area03 .wrap .texts .lists .list .name {}
.top .sec03 .area03 .wrap .texts .lists .list .text {}
.top .sec03 .area03 .wrap .texts .link {}
	.top .sec03 .area04 {padding:5.5rem 2rem 4.5rem;background:linear-gradient(to top, #E7EAEB 0 , #FFFFFF 32rem);}
	.top .sec03 .area04::after{top:-1.2rem;width:24rem;height:4rem;background-image:url("../img/top/deco04_sp.png");}
.top .sec03 .area04 .wrap {width:116rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.top .sec03 .area04 .wrap .texts {}
.top .sec03 .area04 .wrap .texts .title {}
.top .sec03 .area04 .wrap .texts .description {}
	.top .sec03 .area04 .wrap .texts .copy {font-size:1.1rem;font-weight:500;margin-top:2rem;}
.top .sec03 .area04 .wrap .texts .lists {}
.top .sec03 .area04 .wrap .texts .lists .list {}
.top .sec03 .area04 .wrap .texts .lists .list .name {}
.top .sec03 .area04 .wrap .texts .lists .list .text {}
	.top .sec03 .area04 .wrap .texts .lists .list .text b{padding-left:0.6rem;text-indent:-0.6rem;}
.top .sec03 .area04 .wrap .texts .link {}
.top .sec03 .area04 .wrap .imgs {width:63.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;}
	.top .sec03 .area04 .wrap .imgs .img01 {width:16.2rem;}
	.top .sec03 .area04 .wrap .imgs .img02 {width:16.2rem;}
	.top .sec03 .area04 .wrap .imgs .img03 {width:16.2rem;margin-top:1rem;}
	.top .sec03 .area04 .wrap .imgs .img04 {width:16.2rem;margin-top:1rem;}
.top .sec03 .area04 .wrap .imgs .copy {font-size:1.3rem;line-height:2.7rem;margin-top:2rem;}
	.top .sec03 .area05 {padding:5.5rem 2rem 4.5rem;background:linear-gradient(to top, #E7EAEB 0 , #FFFFFF 32rem);}
	.top .sec03 .area05::before{top:-1.2rem;width:24rem;height:4rem;background-image:url("../img/top/deco03_sp.png");}

.top .sec03 .area05 .wrap {width:116rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.top .sec03 .area05 .wrap .imgs {width:63.5rem;}
	.top .sec03 .area05 .wrap .imgs .img {width:100%;}
.top .sec03 .area05 .wrap .texts {}
.top .sec03 .area05 .wrap .texts .title {}
.top .sec03 .area05 .wrap .texts .description {}
.top .sec03 .area05 .wrap .texts .lists {}
.top .sec03 .area05 .wrap .texts .lists .list {}
.top .sec03 .area05 .wrap .texts .lists .list .name {}
.top .sec03 .area05 .wrap .texts .lists .list .text {}
.top .sec03 .area05 .wrap .texts .link {}

	.top .sec03 .area06 {padding:5.5rem 2rem 4.5rem;background:linear-gradient(to top, #E7EAEB 0 , #FFFFFF 32rem);}
	.top .sec03 .area06::after{top:-1.2rem;width:24rem;height:4rem;background-image:url("../img/top/deco04_sp.png");}

.top .sec03 .area06 .wrap {width:116rem;max-width:100%;margin: 0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.top .sec03 .area06 .wrap .imgs {width:63.5rem;}
	.top .sec03 .area06 .wrap .imgs .img {width:100%;}
.top .sec03 .area06 .wrap .texts {}
.top .sec03 .area06 .wrap .texts .title {}
.top .sec03 .area06 .wrap .texts .description {}
.top .sec03 .area06 .wrap .texts .lists {}
.top .sec03 .area06 .wrap .texts .lists .list {}
.top .sec03 .area06 .wrap .texts .lists .list .name {}
.top .sec03 .area06 .wrap .texts .lists .list .text {}
.top .sec03 .area06 .wrap .texts .link {}


	.top .sec04 {padding:4rem 2rem;}
	.top .sec04 .wrap {width:100%;box-sizing:border-box;position:relative;transform:initial;top:0;left:0;}
	.top .sec04 .wrap .titles {margin-bottom:2.5rem;}
	.top .sec04 .wrap .titles .etitle {font-size:3.2rem;}


.top .sec04 .wrap .items {display:flex;justify-content:space-between;flex-wrap:wrap;}
	.top .sec04 .wrap .items .item {width:100%;}
	.top .sec04 .wrap .items .item + .item {margin-top:5rem;}
	.top .sec04 .wrap .items .item .img {margin-bottom:2rem;}
	.top .sec04 .wrap .items .item .place {font-size:2rem;line-height:2.5rem;margin-bottom:2rem;}
	.top .sec04 .wrap .items .item .place small{margin-left:0.5rem;}
.top .sec04 .wrap .items .item .place::before{content:"";width:0.8rem;height:100%;box-sizing:border-box;border:1px solid #000099;border-right:0;position:absolute;top:0;left:0;}
.top .sec04 .wrap .items .item .place::after{content:"";width:0.8rem;height:100%;box-sizing:border-box;border:1px solid #000099;border-left:0;position:absolute;top:0;right:0;}
	.top .sec04 .wrap .items .item .description {font-size:1.4rem;line-height:2.7rem;height:initial;}
	.top .sec04 .wrap .items .item .lists {margin-top:1.5rem;}
	.top .sec04 .wrap .items .item .lists .list {font-size:1.4rem;line-height:2.3rem;}
.top .sec04 .wrap .items .item .lists .list + .list{margin-top:1.5rem;}
.top .sec04 .wrap .items .item .lists .list .name {color:#000099;border:1px solid #000099;width:9rem;text-align:center;border-radius:2px;}
	.top .sec04 .wrap .items .item .lists .list .text {width:calc(100% - 11rem);}
.top .sec04 .wrap .items .item .lists .list .text .link {display:inline-block;border-bottom:1px solid #333333}

	.top .sec04 .bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
	.top .sec04 .bg img{width:100%;height:100%;object-fit:cover;object-position:bottom;}

	.top .sec05 {padding:4rem 2rem;}
.top .sec05 .wrap {width:100%;box-sizing:border-box;position:relative;transform:initial;top:0;left:0;}
	.top .sec05 .wrap .titles {margin-bottom:2rem;}
	.top .sec05 .wrap .titles .etitle {font-size:3.2rem;}
.top .sec05 .wrap .imgs {display:flex;flex-wrap:wrap;justify-content:space-between;}
	.top .sec05 .wrap .imgs .img {width:15rem;}
	.top .sec05 .bg {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
	.top .sec05 .bg img{width:100%;height:100%;object-fit:cover;object-position:bottom;}

	.top .sec03 .area04 .wrap .imgs .img01 {width:15.5rem;}
	.top .sec03 .area04 .wrap .imgs .img02 {width:15.5rem;}
	.top .sec03 .area04 .wrap .imgs .img03 {width:15.5rem;}
	.top .sec03 .area04 .wrap .imgs .img04 {width:15.5rem;}
	a.link:hover{color:#000099;}
	small#iden{line-height:1.6;display:inline-block;}

}