@charset "utf-8";

/* ================ Reset ================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var,b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing: border-box;font-weight: normal;font-style: normal;}
body {
	height: 100%;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-optical-sizing: auto;
	font-size: 16px;
	color: #000;
	letter-spacing: 0;
}

html{
	overflow-x: hidden;
	overflow-y: scroll;
}
body{
	padding-right: 0!important;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}
nav ul, ul, nav ol, ol {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	-webkit-tap-highlight-color:transparent;
	-webkit-tap-highlight-color:rgba( 100, 100, 100, 0.5 );
	text-decoration: none;
	color: #000;
}
a, a:before, a:after{
	-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
a:hover {
	transform: scale(1.04);
}

button {
	-webkit-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all .3s cubic-bezier(0.215, 0.61, 0.355, 1)
}
img{
	vertical-align: bottom;
	border: 0;
	max-width: 100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, select {
	vertical-align:middle;
}

/* =================== */
.wrapper .pc_l,
.wrapper .pc_bg{
	display: none;
}

.view_area{
	background: #fff;
	overflow-x: hidden;
	position: relative;
}

/* ここから */

.ring > span:nth-of-type(1){
	display: block;
	line-height: 0;
}


.kv .kv-head{
	display: flex;
}
.kv .kv-head div{
	padding: calc(60/828*100%) 0;
	flex-basis: 25%;
	position: relative;
}
.kv .kv-head div span{
	display: block;
	margin: 0 auto;
	width: calc(113/207*100%);
	position: relative;
	z-index: 1;
}

.kv .kv-head div:before{
	content: "";
	background-color: #00ffff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transform: scaleY(var(--stripe-scale, 1));
	transform-origin: center top;
}

.kv .kv-head .uma01:before{
	background-color: #fff;
}
.kv .kv-head .uma02:before{
	background-color: #8f8f8f;
}
.kv .kv-head .uma03:before{
	background-color: #ff9e89;
}
.kv .kv-head .uma04:before{
	background-color: #bae3ff;
}

.kv .img{
	position: relative;
}
.kv h1{
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
}
.kv .detail{
	background: #5cb697;
	padding: calc(30/828*100%) 0;
}
.kv .detail p:nth-of-type(1){
	width: calc(614/828*100%);
	margin: 0 auto calc(30/828*100%);
}

.kv .detail p:nth-of-type(2){
	width: calc(428/828*100%);
	margin: 0 auto;
}


.kv .intro-head{
	display: flex;
	align-items: stretch;
}
.kv .intro-head div{
	padding: calc(60/828*100%) 0;
	flex-basis: 25%;
	position: static;
}
.kv .intro-head div span{
	display: block;
	width: calc(113/207*100%);
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.kv .intro-head div:before{
	content: "";
	background-color: #00ffff;
	width: 25%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	transform: scaleY(var(--stripe-scale, 0));
	transform-origin: center top;
}

@media (prefers-reduced-motion: reduce){
	.kv .intro-head div:before{
		transform: none;
	}
}

.kv .intro-head .uma05:before{
	background-color: #ffd972;
}
.kv .intro-head .uma06:before{
	background-color: #bef9af;
	left: 25%;
}
.kv .intro-head .uma07:before{
	background-color: #f7b57b;
	left: 50%;
}
.kv .intro-head .uma08:before{
	background-color: #ffdce8;
	left: 75%;
}

.kv .intro {
	position: relative;
	isolation: isolate;
}

.kv .intro > p{
	width: calc(661/828*100%);
	margin: 0 auto calc(70/828*100%);
}

.kv .intro .wrap{
	background: url("../img/bg_intro.png") top center no-repeat;
	background-size: 100% auto;
	position: relative;
	display: flex;
	padding-bottom: calc(70/828*100%);
}

.kv .intro .wrap a{
	display: inline-block;
	width: calc(394/828*100%);
	position: relative;
}
.kv .intro .wrap a span{
	position: absolute;
	right: calc(150/828*100%);
	bottom: calc(30/828*100%);
	display: block;
	width: calc(120/828*100%);
}

.kv .intro .wrap a:nth-of-type(1){
	align-self: flex-start;
	left: calc(40/828*100%);
}
.kv .intro .wrap a:nth-of-type(2){
	align-self: flex-start;
	margin-top: calc(200/828*100%);
}

.kv .intro .wrap .uma{
	position: absolute;
	bottom:0;
	left: calc(90/828*100%);
	width: calc(113/828*100%);
}

/* ----------------- */
.contents h2{
	width: calc(828/828*100%);
}

.contents .spot{
	padding: calc(120/828*100%) 0;
	background: url("../img/bg_contents.png") top center repeat;
	background-size: 44px auto;
}
.contents .spot h3{
	width: calc(459/828*100%);
	margin: 0 auto calc(40/828*100%);
}

.contents .spot .img{
	width: calc(700/828*100%);
	margin: 0 auto calc(40/828*100%);
	position: relative;
}
.contents .spot .ring{
	position: absolute;
	top: -10px;
	left: -10px;
	width: calc(170/828*100%);
}
.contents .spot .ring span:nth-of-type(1){
	display: block;
}
.contents .spot .ring span:nth-of-type(2){
	line-height: 0;
	display: block;
	width: calc(40/170*100%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.contents .spot p{
	text-align: center;
	font-weight: 700;
	line-height: 1.8;
	font-size: 14px;
}



.contents .card{
	background: url("../img/bg_card.png") top center no-repeat #ff9e89;
	background-size: 100% auto;
	padding: calc(150/828*100%) 0;
}
.contents .card h3{
	width: calc(503/828*100%);
	margin: 0 auto calc(40/828*100%);
}

.contents .card .img{
	width: calc(701/828*100%);
	margin: 0 auto calc(40/828*100%);
	position: relative;
}

.contents .card .ring{
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: calc(220/828*100%);
}
.contents .card .ring span:nth-of-type(1){
	display: block;
}
.contents .card .ring span:nth-of-type(2){
	line-height: 0;
	display: block;
	width: calc(40/170*100%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.contents .card p{
	text-align: center;
	color: #991e23;
	font-weight: 700;
	line-height: 1.8;
	font-size: 14px;
}




.contents .panel h3{
	width: calc(432/828*100%);
}
.contents .panel{
	background: url("../img/bg_panel.png") top center no-repeat #bae3ff;
	background-size: 100% auto;
	padding: calc(150/828*100%) 0;
}
.contents .panel h3{
	width: calc(503/828*100%);
	margin: 0 auto calc(40/828*100%);
}

.contents .panel .img{
	width: calc(701/828*100%);
	margin: 0 auto calc(40/828*100%);
	position: relative;
}

.contents .panel .ring{
	position: absolute;
	bottom: -20px;
	left: -20px;
	width: calc(220/828*100%);
}
.contents .panel .ring span:nth-of-type(1){
	display: block;
}
.contents .panel .ring span:nth-of-type(2){
	line-height: 0;
	display: block;
	width: calc(40/170*100%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.contents .panel p{
	text-align: center;
	color: #5876b8;
	font-weight: 700;
	line-height: 1.8;
	font-size: 14px;
}

/* --------- */
.challenge{
	background: url("../img/bg_challenge.png") top center no-repeat #ffe572;
	background-size: 100% auto;
	padding: calc(150/828*100%) 0;
}
.challenge h2{
	width: calc(531/828*100%);
	margin: 0 auto calc(40/828*100%);
}

.challenge > .img{
	width: calc(700/828*100%);
	margin: 0 auto calc(40/828*100%);
	position: relative;
}

.challenge .ring{
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: calc(220/828*100%);
}
.challenge .ring span:nth-of-type(1){
	display: block;
}
.challenge .ring span:nth-of-type(2){
	line-height: 0;
	display: block;
	width: calc(40/170*100%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.challenge .txt{
	text-align: center;
	font-weight: 700;
	color: #967821;
	margin: 0 auto calc(100/828*100%);
	line-height: 1.8;
	font-size: 14px;
}


.challenge .prize-a{
	position: relative;
	padding-top: calc(55/828*100%);
	margin: 0 auto calc(70/828*100%);
}
.challenge .prize-a p{
	width: calc(142/828*100%);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1;
}
.challenge .prize-a h3{
	width: calc(243/828*100%);
	position: absolute;
	bottom: calc(80/828*100%);
	left: calc(95/828*100%);
	z-index: 1;
}
.challenge .prize-a .img{
	width: calc(580/828*100%);
	margin: 0 auto;
}


.challenge .prize-b{
	position: relative;
	padding-top: calc(55/828*100%);
	margin: 0 auto calc(70/828*100%);
}
.challenge .prize-b p{
	width: calc(142/828*100%);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1;
}
.challenge .prize-b h3{
	width: calc(225/828*100%);
	position: absolute;
	bottom: calc(80/828*100%);
	left: calc(95/828*100%);
	z-index: 1;
}
.challenge .prize-b .img{
	width: calc(580/828*100%);
	margin: 0 auto;
}



.challenge .prize-c{
	position: relative;
	padding-top: calc(55/828*100%);
}
.challenge .prize-c p{
	width: calc(142/828*100%);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 1;
}
.challenge .prize-c h3{
	width: calc(210/828*100%);
	position: absolute;
	bottom: calc(80/828*100%);
	left: calc(95/828*100%);
	z-index: 1;
}
.challenge .prize-c .img{
	width: calc(580/828*100%);
	margin: 0 auto;
}
.challenge .notice{
	text-align: center;
	font-size: 12px;
	margin: calc(40/828*100%) calc(127/828*100%) 0;
}



.present .present01{
	background: url("../img/bg_present01.png") top center no-repeat #bef9af;
	background-size: 100% auto;
	padding: calc(150/828*100%) 0;
}

.present .present01 h3{
	width: calc(475/828*100%);
	margin: 0 auto calc(40/828*100%);
}
.present .present01 .txt{
	text-align: center;
	color: #967821;
	font-weight: 700;
	margin: 0 auto calc(40/828*100%);
	line-height: 1.8;
	font-size: 14px;
}
.present .present01 .txt strong{
	background: #967821;
	font-weight: 700;
	color: #fff;
	border-radius: 6px;
	padding: 2px 20px;
}


.present .present01 .prize-a{
	width: calc(700/828*100%);
	position: relative;
	margin: 0 auto calc(40/828*100%);
}

.present .present01 .prize-a .ring{
	position: absolute;
	top: -40px;
	right: 0;
	width: calc(170/828*100%);
}
.present .present01 .prize-a .ring span:nth-of-type(1){
	display: block;
}
.present .present01 .prize-a .ring span:nth-of-type(2){
	line-height: 0;
	display: block;
	width: calc(40/170*100%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}




.present .present01 .prize-a p:nth-of-type(1){
	width: calc(302/828*100%);
	margin: calc(-40/828*100%) 0 0 calc(40/828*100%);
}

.present .present01 .prize-a p:nth-of-type(2){
	width: calc(230/828*100%);
	position: absolute;
	right: 0;
	bottom: 0;
}
.present .present01 .prize-a .notice{
	font-size: 12px;
	margin: calc(20/828*100%) 0 0 calc(40/828*100%);
}


.present .present02{
	background: url("../img/bg_present02.png") top center no-repeat #ffc292;
	background-size: 100% auto;
	padding: calc(150/828*100%) 0;
	position: relative;
}
.present .present02 h3{
	width: calc(475/828*100%);
	margin: 0 auto calc(80/828*100%);
}
.present .present02 .detail{
	margin: 0 calc(70/828*100%) calc(140/828*100%);
	position: relative;
}
.present .present02 .detail .txt{
	color: #965621;
	font-weight: 700;
	margin: 0 0 calc(40/828*100%);
	position: relative;
	z-index: 1;
	line-height: 1.8;
	font-size: 14px;
}
.present .present02 .detail .notice{
	font-size: 12px;
	text-indent: -1em;
	margin-left: 1em;
	position: relative;
	z-index: 1;
	color: #505050;
}

.present .present02 .detail .ring{
	width: calc(170/828*100%);
	position: absolute;
	top: 50%;
	right: calc(-20/828*100%);
	z-index: 1;
}

.present .present02 .detail .ring span:nth-of-type(2){
	line-height: 0;
	display: block;
	width: calc(40/170*100%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.present .present02 .detail .leaflet{
	width: calc(204/828*100%);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}


.present .present02 .prize-a{
	position: relative;
	padding: calc(43/828*100%) 0 0 0;
	margin: 0 auto calc(140/828*100%);
	z-index: 1;
}
.present .present02 .prize-a p:nth-of-type(1){
	width: calc(142/828*100%);
	position: absolute;
	top: 0;
	left: calc(92/828*100%);
	z-index: 2;
}
.present .present02 .prize-a .img{
	width: calc(580/828*100%);
	margin: 0 auto calc(40/828*100%);
}
.present .present02 .prize-a p:nth-of-type(2){
	width: calc(243/828*100%);
	position: absolute;
	top: calc(530/828*100%);
	left: calc(92/828*100%);
	z-index: 2;
}
.present .present02 .prize-a p:nth-of-type(3){
	width: calc(377/828*100%);
	position: absolute;
	top: 0;
	right: calc(60/828*100%);
	z-index: 2;
}
.present .present02 .prize-a .txt{
	font-size: 12px;
	padding-left: calc(92/828*100%);
}


.present .present02 .prize-b{
	position: relative;
	padding: calc(43/828*100%) 0 0 0;
	margin: 0 auto calc(140/828*100%);
	z-index: 1;
}
.present .present02 .prize-b p:nth-of-type(1){
	width: calc(142/828*100%);
	position: absolute;
	top: 0;
	left: calc(92/828*100%);
	z-index: 2;
}
.present .present02 .prize-b .img{
	width: calc(580/828*100%);
	margin: 0 auto calc(40/828*100%);
}
.present .present02 .prize-b p:nth-of-type(2){
	width: calc(293/828*100%);
	position: absolute;
	top: calc(620/828*100%);
	left: calc(92/828*100%);
	z-index: 2;
}


.present .present02 .prize-c{
	position: relative;
	padding: calc(43/828*100%) 0 0 0;
	margin: 0 auto calc(40/828*100%);
	z-index: 1;
}
.present .present02 .prize-c p:nth-of-type(1){
	width: calc(142/828*100%);
	position: absolute;
	top: 0;
	left: calc(92/828*100%);
	z-index: 2;
}
.present .present02 .prize-c .img{
	width: calc(580/828*100%);
	margin: 0 auto calc(40/828*100%);
}
.present .present02 .prize-c p:nth-of-type(2){
	width: calc(305/828*100%);
	position: absolute;
	top: calc(530/828*100%);
	left: calc(92/828*100%);
	z-index: 2;
}
.present .present02 .prize-c p:nth-of-type(3){
	width: calc(377/828*100%);
	position: absolute;
	top: 0;
	right: calc(60/828*100%);
	z-index: 2;
}
.present .present02 .prize-c .txt{
	font-size: 12px;
	padding-left: calc(92/828*100%);
}

.present .present02 .txt_notice{
	font-size: 12px;
	padding-left: calc(92/828*100%);
}

.present .present02 .footprint01{
	width: calc(184/828*100%);
	position: absolute;
	bottom: 40%;
	left: 0;
	z-index: 0;
}
.present .present02 .footprint02{
	width: calc(145/828*100%);
	position: absolute;
	bottom: calc(10/828*100%);
	right: 0;
	z-index: 0;
}

.about{
	background:url("../img/bg_about.png") top center no-repeat #ffdce8;
	background-size: 100% auto;
	padding: calc(150/828*100%) 0;
	position: relative;
}
.about h2{
	width: calc(261/828*100%);
	margin: 0 auto calc(66/828*100%);
}
.about .detail{
	background: #fff;
	border-radius: 30px;
	margin: 0 calc(83/828*100%);
	padding:  calc(90/828*100%) calc(90/828*100%);
}
.about .detail p{
	display: flex;
	margin: 0 0 1rem;
}
.about .detail p span{
	font-size: 12px;
	color: #967821;
	font-weight: 700;
	line-height: 1.8;
}
.about .ring{
	width: calc(170/828*100%);
	position: absolute;
	top: calc(119/828*100%);
	left: calc(50/828*100%);
	z-index: 1;
}
.about .ring span:nth-of-type(2){
	line-height: 0;
	display: block;
	width: calc(40/170*100%);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.about .footprint03{
	width: calc(233/828*100%);
	position: absolute;
	top: calc(40/828*100%);
	right: 0;
}
.about .footprint04{
	width: calc(270/828*100%);
	position: absolute;
	bottom: 0;
	left: 0;
}



.foot{
	background: url("../img/bg_about.png") top center no-repeat;
	background-size: 100% auto;
	padding: calc(140/828*100%) 0 0 0;
	position: relative;
	margin: 0 0 calc(140/828*100%);
}
.foot .btn_pagetop{
	width: calc(250/828*100%);
	position: absolute;
	right: calc(40/828*100%);
	top:-26px;
}

.foot p{
	width: calc(404/828*100%);
	margin: calc(40/828*100%) auto;
}
.foot .slide{
	display: flex;
	gap: 30px;
	overflow: hidden;
	padding: 6px 0;
}
.foot .slide .slide-track{
	display: flex;
	align-items: center;
	gap: 30px;
	width: max-content;
	flex: 0 0 auto;
}
.foot .slide span{
	display: block;
	flex: 0 0 auto;
	width: var(--slide-item-width, calc(80/828*100%));
	line-height: 0;
}
.foot .slide span img{
	display: block;
	width: 100%;
	height: auto;
}


/* ここまで */







.view_area footer{
	text-align: center;
	position: relative;
	z-index: 1;
	padding: 10% 0 0 0;
	background: #ededed;
	color: #333;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;

}
.view_area footer .txt{
	font-size: 12px;
	line-height: 1.8;
	margin: 0 0 5%
}

.view_area footer .notice{
	font-size: 14px;
	font-weight: 600;
	color: #e94f03;
	line-height: 1.8;
	margin: 0 0 10%
}
.view_area footer .logo{
	margin: 0 8%;
	padding: 10% 0;
	border-top:1px solid #8e8e8e;
}
.view_area footer nav ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 8% 10%;
	justify-content: space-between;
}
.view_area footer nav ul li{
	flex-basis: 60%;
	text-align: left;
	margin: 0 0 6%;
}
.view_area footer nav ul li:nth-child(even){
	flex-basis: 40%;
}
.view_area footer nav ul li a{
	font-weight: 600;
	display: block;
}

.view_area footer .social{
	display: flex;
	margin: 0 30% 5%;
	justify-content: space-between;
}
.view_area footer .social li{
	flex-basis: 40%;
}
.view_area footer .social li a{
	display: block;
}

.view_area footer small{
	display: block;
	margin: 0 0 5%;
}

.view_area footer .foot{
	background: #000;
	text-align: center;
	padding: 5% 0;
	margin: 0;
}
.view_area footer .foot img{
	width: calc((200/828)*100%);
	display: block;
	margin: 0 auto;
}


.pc_img{
	display: none;
}


/* ======================================== */
@media print, screen and (min-width: 829px){
/* =======1199px～829PC======== */
.pc{display: inline-block;}
.sp{display: none;}

.wrapper{
	--pc-view-width: 430px;
	--pc-view-left: 15vw;
	--pc-menu-left: calc(var(--pc-view-left) + var(--pc-view-width) + 32px);
	--pc-menu-center-x: calc((var(--pc-menu-left) + 100vw - 24px) / 2);
	/* bg_pc.png: 1600 x 1000; blank area centered around (1228, 440). */
	--pc-background-width: max(100vw, 181.82vh, calc(var(--pc-menu-center-x) / 0.7675), calc((100vw - var(--pc-menu-center-x)) / 0.2325));
	--pc-background-height: calc(var(--pc-background-width) * 0.625);
	position: relative;
	background-size: cover;
	padding: 5vh 0;
}
.wrapper:before {
	content: "";
	display: block;
	width: 100vw;
	height: 100vh;
	background-image: url("../img/bg_pc.png");
	background-repeat: no-repeat;
	background-position: calc(var(--pc-menu-center-x) - var(--pc-background-width) * 0.7675) calc(50vh - var(--pc-background-height) * 0.44);
	background-size: var(--pc-background-width) var(--pc-background-height);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	pointer-events: none;
}
.wrapper .pc_bg{
	display: block;
}
.wrapper .pc_bg .logo{
	position: fixed;
	top: 20px;
	left: 20px;
}

.view-frame{
	position: relative;
	width: var(--pc-view-width);
	margin-left: var(--pc-view-left);
	z-index: 2;
	isolation: isolate;
}
.view-frame:before{
	content: "";
	position: absolute;
	inset: -15px;
	background: #fff;
	border: 3px solid #c88c15;
	border-radius: 42px;
	z-index: -1;
	pointer-events: none;
}
.view-content{
	position: relative;
	height: 90vh;
	border-radius: 28px;
	overflow: hidden;
}
.view-content:after{
	content: "";
	position: absolute;
	inset: 0;
	border: 3px solid #c88c15;
	border-radius: inherit;
	pointer-events: none;
	z-index: 3;
}
.view_area{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: none;
}
.view_area::-webkit-scrollbar{
	display: none;
}

.btn_menu{
	display: none;
}
.nav_sp{
	display: none;
}
.wrapper .pc_l{
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	width: auto;
	height: 100%;
	position: fixed;
	top: 0;
	left: var(--pc-menu-left);
	right: 24px;
	z-index: 2;
}
.wrapper .pc_l p{
	text-align: center;
	width: 100%;
	margin: 0 auto 24px;
}

.wrapper .pc_l h1{
	text-align: center;
	width: 100%;
	margin: 0 auto 54px;
}


.wrapper .pc_l nav{
	margin: 0 auto;
	max-width: 100%;
}


.wrapper .pc_l nav ul li{
	margin: 0 0 20px;
}

.wrapper .pc_l nav ul li a{
	display: block;
	text-align: center;
	transition: -webkit-transform 0.25s cubic-bezier(0.13, 0.71, 0.58, 0.99);
}
.wrapper .pc_l nav ul li a span{
	font-size: 20px;
}

.wrapper .pc_l nav ul li a:hover{
	transform: scale(1.04);
}

.footer-info-data{
	font-size: 15px;
}
.footer--txt{
	font-size: 15px;
}
.footer--copyright{
	font-size: 14px;
}
.about .detail p span {
	font-size: 14px;
}

}


@media print, screen and (min-width: 1199px){
/* =======1200px～PC======== */
.pc{display: inline-block;}
.sp{display: none;}

.wrapper{
	--pc-view-width: 500px;
	--pc-view-left: 20vw;
}
.content p{
	font-size: 16px;
}
.about .detail p span {
	font-size: 16px;
}

/* ======PC=======*/}