<!-- 独自CSS -->

/* スムーズスクロール */
html{
	scroll-behavior:smooth;
}

body{
	font-family: 'Source Serif Pro', 'Noto Sans JP';
	font-size:3rem !important;
	-webkit-transition:1s;
	-o-transition:1s;
	transition:1s;
}

h1{
	font-size:calc(3840 / 1920 * 3.5rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 3.5rem) !important;
}

h2{
	font-size:calc(3840 / 1920 * 3rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 3rem) !important;
}

.h2rem1{
	padding:calc(3840 / 1920 * 3rem) !important;
	padding:-webkit-calc(3840 / 1920 * 3rem) !important;
}

.h2trem1{
	padding-top:calc(3840 / 1920 * 3rem) !important;
	padding-top:-webkit-calc(3840 / 1920 * 3rem) !important;
}

.h2brem1{
	padding-bottom:calc(3840 / 1920 * 3rem) !important;
	padding-bottom:-webkit-calc(3840 / 1920 * 3rem) !important;
}

.h2lrem1{
	padding-left:calc(3840 / 1920 * 3rem) !important;
	padding-left:-webkit-calc(3840 / 1920 * 3rem) !important;
}

.h2rrem1{
	padding-right:calc(3840 / 1920 * 3rem) !important;
	padding-right:-webkit-calc(3840 / 1920 * 3rem) !important;
}

h3{
	font-size:calc(3840 / 1920 * 2.5rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 2.5rem) !important;
}

.h3rem1{
	padding:calc(3840 / 1920 * 2.5rem) !important;
	padding:-webkit-calc(3840 / 1920 * 2.5rem) !important;
}

.h3trem1{
	padding-top:calc(3840 / 1920 * 2.5rem) !important;
	padding-top:-webkit-calc(3840 / 1920 * 2.5rem) !important;
}

.h3brem1{
	padding-bottom:calc(3840 / 1920 * 2.5rem) !important;
	padding-bottom:-webkit-calc(3840 / 1920 * 2.5rem) !important;
}

.h3lrem1{
	padding-left:calc(3840 / 1920 * 2.5rem) !important;
	padding-left:-webkit-calc(3840 / 1920 * 2.5rem) !important;
}

.h3rrem1{
	padding-right:calc(3840 / 1920 * 2.5rem) !important;
	padding-right:-webkit-calc(3840 / 1920 * 2.5rem) !important;
}

h4{
	font-size:calc(3840 / 1920 * 2rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 2rem) !important;
}

h5{
	font-size:calc(3840 / 1920 * 1.5rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 1.5rem) !important;
}

h6{
	font-size:calc(3840 / 1920 * 1.0rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 1.0rem) !important;
}

p{
	font-size:calc(3840 / 1920 * 1.5rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 1.5rem) !important;
	margin:0 !important;
}

.picon{
	height:calc(3840 / 1920 * 1.5rem) !important;
	height:-webkit-calc(3840 / 1920 * 1.5rem) !important;
}

.prem1{
	padding:calc(3840 / 1920 * 1.5rem) !important;
	padding:-webkit-calc(3840 / 1920 * 1.5rem) !important;
}

.pbrem1{
	padding-bottom:calc(3840 / 1920 * 1.5rem) !important;
	padding-bottom:-webkit-calc(3840 / 1920 * 1.5rem) !important;
}

.ptrem1{
	padding-top:calc(3840 / 1920 * 1.5rem) !important;
	padding-top:-webkit-calc(3840 / 1920 * 1.5rem) !important;
}

.plrem1{
	padding-left:calc(3840 / 1920 * 1.5rem) !important;
	padding-left:-webkit-calc(3840 / 1920 * 1.5rem) !important;
}

.prrem1{
	padding-right:calc(3840 / 1920 * 1.5rem) !important;
	padding-right:-webkit-calc(3840 / 1920 * 1.5rem) !important;
}

.premhalf{
	padding:calc(3840 / 1920 * 0.75rem) !important;
	padding:-webkit-calc(3840 / 1920 * 0.75rem) !important;
}

.ptremhalf{
	padding-top:calc(3840 / 1920 * 0.75rem) !important;
	padding-top:-webkit-calc(3840 / 1920 * 0.75rem) !important;
}

.pbremhalf{
	padding-bottom:calc(3840 / 1920 * 0.75rem) !important;
	padding-bottom:-webkit-calc(3840 / 1920 * 0.75rem) !important;
}

.prremhalf{
	padding-right:calc(3840 / 1920 * 0.75rem) !important;
	padding-right:-webkit-calc(3840 / 1920 * 0.75rem) !important;
}

.plremhalf{
	padding-left:calc(3840 / 1920 * 0.75rem) !important;
	padding-left:-webkit-calc(3840 / 1920 * 0.75rem) !important;
}

.navpt{
	padding-top:calc(3840 / 1920 * 1.25rem) !important;
	padding-top:-webkit-calc(3840 / 1920 * 1.25rem) !important;
}

.navpb{
	padding-bottom:calc(3840 / 1920 * 1.25rem) !important;
	padding-bottom:-webkit-calc(3840 / 1920 * 1.25rem) !important;
}

.spacer{
	height:calc(3840px / 10) !important;
	height:-webkit-calc(3840px / 10) !important;
}

.spacer-half{
	height:calc(3840px / 20) !important;
	height:-webkit-calc(3840px / 20) !important;
}

.spacer-quarter{
	height:calc(3840px / 40) !important;
	height:-webkit-calc(3840px / 40) !important;
}

.pmb{
	margin-bottom:calc(3840 / 1920 * 1rem) !important;
	margin-bottom:-webkit-calc(3840 / 1920 * 1rem) !important;
}

.h2mb{
	margin-bottom:calc(3840 / 1920 * 3rem) !important;
	margin-bottom:-webkit-calc(3840 / 1920 * 3rem) !important;
}

.project_name{
	font-size:calc(3840 / 1920 * 4rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 4rem) !important;
}

.disp{
	font-size:calc(3840 / 1920 * 7.2rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 7.2rem) !important;
}

.dot-pj1{
	-webkit-text-emphasis:filled rgb(87,118,146)!important;
	        text-emphasis:filled rgb(87,118,146)!important;
	-webkit-text-emphasis-position:under!important;
	        text-emphasis-position:under!important;
}

.dot-pj2{
	-webkit-text-emphasis:filled rgb(246,129,49)!important;
		text-emphasis:filled rgb(246,129,49)!important;
	-webkit-text-emphasis-position:under!important;
	        text-emphasis-position:under!important;
}

.dot-pj3{
	-webkit-text-emphasis:filled rgb(145,190,109)!important;
	        text-emphasis:filled rgb(145,190,109)!important;
	-webkit-text-emphasis-position:under!important;
	        text-emphasis-position:under!important;
}

.dot-movie{
	-webkit-text-emphasis:filled rgb(145,76,130)!important;
		text-emphasis:filled rgb(145,76,130)!important;
	-webkit-text-emphasis-position:under!important;
	        text-emphasis-position:under!important;
}

/* 英語環境の場合のテキストデコレーション */
.dot2-pj1{
	-webkit-text-decoration:underline dotted rgb(87,118,146) !important;
	        text-decoration:underline dotted rgb(87,118,146) !important;
}

.dot2-pj2{
	-webkit-text-decoration:underline dotted rgb(246,129,49) !important;
	        text-decoration:underline dotted rgb(246,129,49) !important;
}

.dot2-pj3{
	-webkit-text-decoration:underline dotted rgb(145,190,109) !important;
	        text-decoration:underline dotted rgb(145,190,109) !important;
}

.dot2-movie{
	-webkit-text-decoration:underline dotted rgb(145,76,130) !important;
	        text-decoration:underline dotted rgb(145,76,130) !important;
}

#btn-pjt1{
	background-color:white !important;
	color:rgb(87,118,146) !important;
	border:solid 1px rgb(87,118,146) !important;
}

#btn-pjt1:hover{
	background-color:rgb(87,118,146) !important;
	color:white !important;
	border:solid 1px rgb(87,118,146) !important;
}

#btn-pjt2{
	background-color:white !important;
	color:rgb(246,129,49) !important;
	border:solid 1px rgb(246,129,49) !important;
}

#btn-pjt2:hover{
	background-color:rgb(246,129,49) !important;
	color:white !important;
	border:solid 1px rgb(246,129,49) !important;
}
#btn-pjt3{
	background-color:white !important;
	color:rgb(145,190,109) !important;
	border:solid 1px rgb(145,190,109) !important;
}

#btn-pjt3:hover{
	background-color:rgb(145,190,109) !important;
	color:white !important;
	border:solid 1px rgb(145,190,109) !important;
}
#btn-movie1{
	background-color:white !important;
	color:rgb(145,76,130) !important;
	border:solid 1px rgb(145,76,130) !important;
}

#btn-movie1:hover{
	background-color:rgb(145,76,130) !important;
	color:white !important;
	border:solid 1px rgb(145,76,130) !important;
}

.movie1{
	width:100vw !important;
	-webkit-transform:translatex(-10%) !important;
	    -ms-transform:translatex(-10%) !important;
	        transform:translatex(-10%) !important;
	top:0% !important;
	position:relative !important;
}

#header_swiper{
	width:100% !important;
	overflow:hidden !important;
}

#toptitle{
	font-size:calc(3840 / 1920 * 35px) !important;
	font-size:-webkit-calc(3840 / 1920 * 35px) !important;
	font-weight:900 !important;
	color:rgb(155,221,57) !important;
	text-shadow:7px 7px 10px white !important;
}

#toplogo_pc, #toplogo_pc2{
	height:200px !important;
}

.project{
	width:100% !important;
	position:relative !important;
}

.totop_wh{
	width:calc(3840 / 1920 * 4rem) !important;
	width:-webkit-calc(3840 / 1920 * 4rem) !important;
	height:calc(3840 / 1920 * 4rem) !important;
	height:-webkit-calc(3840 / 1920 * 4rem) !important;
}

.i-font{
	font-size:calc(3840 / 1920 * 12px) !important;
	font-size:-webkit-calc(3840 / 1920 * 12px) !important;
}

.translate-middle-x{
	left:50%;
	-webkit-transform:translatex(-50%) !important;
	    -ms-transform:translatex(-50%) !important;
	        transform:translatex(-50%) !important;
}

.translate-middle-y{
	top:50%;
	-webkit-transform:translatey(-50%) !important;
	    -ms-transform:translatey(-50%) !important;
	        transform:translatey(-50%) !important;
}

.wrapper{
	width:100% !important;
	max-width:3840px !important;
	position:relative !important;
	margin:0px auto !important;
	overflow:hidden !important;
}

.wrapper-wrapper{
	width:80% !important;
	margin:0px auto !important;
}

.contents1_position{
	-webkit-transform:translate(0%,0%);
	    -ms-transform:translate(0%,0%);
	        transform:translate(0%,0%);}

.contents1_position:hover{
	-webkit-transform:translate(1%,1%);
	    -ms-transform:translate(1%,1%);
	        transform:translate(1%,1%);}

.contents2_position{
	-webkit-transform:translate(0%,2%);
	    -ms-transform:translate(0%,2%);
	        transform:translate(0%,2%);}

.contents2_position:hover{
	-webkit-transform:translate(1%,3%);
	    -ms-transform:translate(1%,3%);
	        transform:translate(1%,3%);}

.contents3_position{
	-webkit-transform:translate(0%,4%);
	    -ms-transform:translate(0%,4%);
	        transform:translate(0%,4%);}

.contents3_position:hover{
	-webkit-transform:translate(1%,5%);
	    -ms-transform:translate(1%,5%);
	        transform:translate(1%,5%);}

.contents4_position{
	-webkit-transform:translate(0%,6%);
	    -ms-transform:translate(0%,6%);
	        transform:translate(0%,6%);}

.contents4_position:hover{
	-webkit-transform:translate(1%,7%);
	    -ms-transform:translate(1%,7%);
	        transform:translate(1%,7%);}

.skew_container{
	-webkit-transform-origin:0% 100% !important;
	    -ms-transform-origin:0% 100% !important;
	        transform-origin:0% 100% !important;
	-webkit-transform:skew(0deg,2deg) !important;
	    -ms-transform:skew(0deg,2deg) !important;
	        transform:skew(0deg,2deg) !important;
	overflow:hidden !important;
}

.skew_reverse{
	-webkit-transform-origin:0% 100% !important;
	    -ms-transform-origin:0% 100% !important;
	        transform-origin:0% 100% !important;
	-webkit-transform:skew(0deg,-2deg) !important;
	    -ms-transform:skew(0deg,-2deg) !important;
	        transform:skew(0deg,-2deg) !important;
}

.heading_position{
	right:100%;
	left:unset;
	top:0%;
}

.iconw{
	width:25% !important;
}

.text-sky{
	color:rgba(0,100,218,0.7) !important;
}

.hover:hover{
	background:rgba(0,0,0,0.1);
}

.translatex-50{
	-webkit-transform:translatex(-50%) !important;
	    -ms-transform:translatex(-50%) !important;
	        transform:translatex(-50%) !important;
}

.bg-prefbadge{
	background:rgb(148,227,254);
}

.bg-prefbadge-selected{
	background:rgb(255,180,63);
}

.cursor-pointer:hover{
	cursor:pointer !important;
}

nav button.btn-light{
	background-color:rgba(248,249,250,0.5) !important;
}

.navbar-nav a{
	border:unset !important;
}

.btn{
	font-size:calc(3840 / 1920 * 1.75rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 1.75rem) !important;
}

#close,#open:hover,#sizeup,#sizedown{
	cursor:pointer !important;
}

.movie_back{
	font-size:calc(3840 / 1920 * 10rem) !important;
	font-size:-webkit-calc(3840 / 1920 * 10rem) !important;
}

.modal-xl{
	max-width:100% !important;
}

div.lightup:hover{
	-webkit-filter:brightness(1.1) !important;
        filter:brightness(1.1) !important;
	-webkit-transform:scale(1.02) !important;
            -ms-transform:scale(1.02) !important;
                transform:scale(1.02) !important;
}

#movie1.shadow{
	box-shadow:0.2rem -.2rem 0.5rem rgba(0,0,0,.15) !important;
}

.chapter_font{
	font-family:'Century', '游ゴシック体', 'Noto Sans JP', serif;
}

@media screen and (max-width:3840px){
	body{
		font-size:calc(100vw / 1920 * 24) !important;
		font-size:-webkit-calc(100vw / 1920 * 24) !important;
	}

	.wrapper{

	}

	h1{
		font-size:calc(100vw / 1920 * 56) !important;
		font-size:-webkit-calc(100vw / 1920 * 56) !important;
	}

	h2{
		font-size:calc(100vw / 1920 * 48) !important;
		font-size:-webkit-calc(100vw / 1920 * 48) !important;
	}

	.h2rem1{
		padding:calc(100vw / 1920 * 48) !important;
		padding:-webkit-calc(100vw / 1920 * 48) !important;
	}

	.h2trem1{
		padding-top:calc(100vw / 1920 * 48) !important;
		padding-top:-webkit-calc(100vw / 1920 * 48) !important;
	}

	.h2brem1{
		padding-bottom:calc(100vw / 1920 * 48) !important;
		padding-bottom:-webkit-calc(100vw / 1920 * 48) !important;
	}

	.h2lrem1{
		padding-left:calc(100vw / 1920 * 48) !important;
		padding-left:-webkit-calc(100vw / 1920 * 48) !important;
	}

	.h2rrem1{
		padding-right:calc(100vw / 1920 * 48) !important;
		padding-right:-webkit-calc(100vw / 1920 * 48) !important;
	}

	h3{
		font-size:calc(100vw / 1920 * 40) !important;
		font-size:-webkit-calc(100vw / 1920 * 40) !important;
	}

	.h3rem1{
		padding:calc(100vw / 1920 * 40) !important;
		padding:-webkit-calc(100vw / 1920 * 40) !important;
	}

	.h3trem1{
		padding-top:calc(100vw / 1920 * 40) !important;
		padding-top:-webkit-calc(100vw / 1920 * 40) !important;
	}

	.h3brem1{
		padding-bottom:calc(100vw / 1920 * 40) !important;
		padding-bottom:-webkit-calc(100vw / 1920 * 40) !important;
	}

	.h3lrem1{
		padding-left:calc(100vw / 1920 * 40) !important;
		padding-left:-webkit-calc(100vw / 1920 * 40) !important;
	}

	.h3rrem1{
		padding-right:calc(100vw / 1920 * 40) !important;
		padding-right:-webkit-calc(100vw / 1920 * 40) !important;
	}

	h4{
		font-size:calc(100vw / 1920 * 32) !important;
		font-size:-webkit-calc(100vw / 1920 * 32) !important;
	}

	h5{
		font-size:calc(100vw / 1920 * 24) !important;
		font-size:-webkit-calc(100vw / 1920 * 24) !important;
	}

	h6{
		font-size:calc(100vw / 1920 * 16) !important;
		font-size:-webkit-calc(100vw / 1920 * 16) !important;
	}

	p{
		font-size:calc(100vw / 1920 * 24) !important;
		font-size:-webkit-calc(100vw / 1920 * 24) !important;
	}

	.picon{
		height:calc(100vw / 1920 * 24) !important;
		height:-webkit-calc(100vw / 1920 * 24) !important;
	}

	.prem1{
		padding:calc(100vw / 1920 * 24) !important;
		padding:-webkit-calc(100vw / 1920 * 24) !important;
	}

	.ptrem1{
		padding-top:calc(100vw / 1920 * 24) !important;
		padding-top:-webkit-calc(100vw / 1920 * 24) !important;
	}

	.pbrem1{
		padding-bottom:calc(100vw / 1920 * 24) !important;
		padding-bottom:-webkit-calc(100vw / 1920 * 24) !important;
	}

	.plrem1{
		padding-left:calc(100vw / 1920 * 24) !important;
		padding-left:-webkit-calc(100vw / 1920 * 24) !important;
	}

	.prrem1{
		padding-right:calc(100vw / 1920 * 24) !important;
		padding-right:-webkit-calc(100vw / 1920 * 24) !important;
	}

	.premhalf{
		padding:calc(100vw / 1920 * 12) !important;
		padding:-webkit-calc(100vw / 1920 * 12) !important;
	}

	.ptremhalf{
		padding-top:calc(100vw / 1920 * 12) !important;
		padding-top:-webkit-calc(100vw / 1920 * 12) !important;
	}

	.pbremhalf{
		padding-bottom:calc(100vw / 1920 * 12) !important;
		padding-bottom:-webkit-calc(100vw / 1920 * 12) !important;
	}

	.prremhalf{
		padding-right:calc(100vw / 1920 * 12) !important;
		padding-right:-webkit-calc(100vw / 1920 * 12) !important;
	}

	.plremhalf{
		padding-left:calc(100vw / 1920 * 12) !important;
		padding-left:-webkit-calc(100vw / 1920 * 12) !important;
	}

	.navpt{
		padding-top:calc(100vw / 1920 * 20) !important;
		padding-top:-webkit-calc(100vw / 1920 * 20) !important;
	}

	.navpb{
		padding-bottom:calc(100vw / 1920 * 20) !important;
		padding-bottom:-webkit-calc(100vw / 1920 * 20) !important;
	}

	.spacer{
		height:calc(100vw / 10) !important;
		height:-webkit-calc(100vw / 10) !important;
	}

	.spacer-half{
		height:calc(100vw / 20) !important;
		height:-webkit-calc(100vw / 20) !important;
	}

	.spacer-quarter{
		height:calc(100vw / 40) !important;
		height:-webkit-calc(100vw / 40) !important;
	}

	.pmb{
		margin-bottom:calc(100vw / 1920 * 16) !important;
		margin-bottom:-webkit-calc(100vw / 1920 * 16) !important;
	}

	.h2mb{
		margin-bottom:calc(100vw / 1920 * 48) !important;
		margin-bottom:-webkit-calc(100vw / 1920 * 48) !important;
	}

	.project_name{
		font-size:calc(100vw / 1920 * 64) !important;
		font-size:-webkit-calc(100vw / 1920 * 64) !important;
	}

	.disp{
		font-size:calc(100vw / 1920 * 115.2) !important;
		font-size:-webkit-calc(100vw / 1920 * 115.2) !important;
	}

	#toptitle{
		font-size:calc(100vw / 1920 * 35) !important;
		font-size:-webkit-calc(100vw / 1920 * 35) !important;
		font-weight:900 !important;
		color:rgb(155,221,57) !important;
		text-shadow:7px 7px 10px white !important;
	}

	#toplogo_pc, #toplogo_pc2{
		height:calc(100vw / 1920 * 100) !important;
		height:-webkit-calc(100vw / 1920 * 100) !important;
	}

	.totop_wh{
		width:calc(100vw / 1920 * 64) !important;
		width:-webkit-calc(100vw / 1920 * 64) !important;
		height:calc(100vw / 1920 * 64) !important;
		height:-webkit-calc(100vw / 1920 * 64) !important;
	}

	.i-font{
		font-size:calc(100vw / 1920 * 12) !important;
		font-size:-webkit-calc(100vw / 1920 * 12) !important;
	}

	.movie1{
		width:100vw !important;
		-webkit-transform:translatex(-10%) !important;
		    -ms-transform:translatex(-10%) !important;
		        transform:translatex(-10%) !important;
		top:0% !important;
		position:relative !important;
	}

	.btn{
		font-size:calc(100vw / 1920 * 27.75) !important;
		font-size:-webkit-calc(100vw / 1920 * 27.75) !important;
	}

	.movie_back{
		font-size:calc(100vw / 1920 * 160) !important;
		font-size:-webkit-calc(100vw / 1920 * 160) !important;
	}
}

@media screen and (max-width:767.9px){
	body{
		font-size:1rem !important;
	}

	.wrapper{

	}

	.wrapper-wrapper{
		width:95% !important;
		margin:0px auto !important;
	}

	#toptitle{
		font-size:1rem !important;
		font-weight:900 !important;
		color:rgb(155,221,57) !important;
		text-shadow:7px 7px 10px white !important;
	}

	.project{
		width:100vw !important;
		position:relative !important;
		left:50% !important;
		-webkit-transform:translatex(-50%) !important;
		    -ms-transform:translatex(-50%) !important;
		        transform:translatex(-50%) !important;
	}

	h1{
		font-size:2.5rem !important;
	}

	h2{
		font-size:2.25rem !important;
	}

	.h2rem1{
		padding:2.25rem !important;
	}

	.h2trem1{
		padding-top:2.25rem !important;
	}

	.h2brem1{
		padding-bottom:2.25rem !important;
	}

	.h2lrem1{
		padding-left:2.25rem !important;
	}

	.h2rrem1{
		padding-right:2.25rem !important;
	}

	h3{
		font-size:2rem !important;
	}

	.h3rem1{
		padding:2rem !important;
	}

	.h3trem1{
		padding-top:2rem !important;
	}

	.h3brem1{
		padding-bottom:2rem !important;
	}

	.h3lrem1{
		padding-left:2rem !important;
	}

	.h3rrem1{
		padding-right:2rem !important;
	}

	h4{
		font-size:1.75rem !important;
	}

	h5{
		font-size:1.5rem !important;
	}

	h6{
		font-size:1.25rem !important;
	}

	.h6icon{
		height:1.25rem !important;
	}

	p{
		font-size:1rem !important;
	}

	.picon{
		height:1rem !important;
	}

	.prem1{
		padding:1rem !important;
	}

	.ptrem1{
		padding-top:1rem !important;
	}

	.pbrem1{
		padding-bottom:1rem !important;
	}

	.plrem1{
		padding-left:1rem !important;
	}

	.prrem1{
		padding-right:1rem !important;
	}

	.premhalf{
		padding:0.5rem !important;
	}

	.ptremhalf{
		padding-top:0.5rem !important;
	}

	.pbremhalf{
		padding-bottom:0.5rem !important;
	}

	.prremhalf{
		padding-right:0.5rem !important;
	}

	.plremhalf{
		padding-left:0.5rem !important;
	}

	.navpt{
		padding-top:1rem !important;
	}

	.navpb{
		padding-bottom:1rem !important;
	}

	.spacer{
		height:calc(100vw / 5) !important;
		height:-webkit-calc(100vw / 5) !important;
	}

	.spacer-half{
		height:calc(100vw / 10) !important;
		height:-webkit-calc(100vw / 10) !important;
	}

	.spacer-quarter{
		height:calc(100vw / 40) !important;
		height:-webkit-calc(100vw / 40) !important;
	}

	.pmb{
		margin-bottom:calc(100vw / 1920 * 16) !important;
		margin-bottom:-webkit-calc(100vw / 1920 * 16) !important;
	}

	.h2mb{
		margin-bottom:calc(100vw / 1920 * 48) !important;
		margin-bottom:-webkit-calc(100vw / 1920 * 48) !important;
	}

	.project_name{
		font-size:3rem !important;
	}

	.disp{
		font-size:2.25rem !important;
	}

	#header_swiper{
		width:100% !important;
	}

	.totop_wh{
		width:32px !important;
		height:32px !important;
	}

	.i-font{
		font-size:0.5rem !important;
	}

	.contents1_position{
		-webkit-transform:translate(0%,0%);
		    -ms-transform:translate(0%,0%);
		        transform:translate(0%,0%);	}

	.contents1_position:hover{
		-webkit-transform:translate(1%,1%);
		    -ms-transform:translate(1%,1%);
		        transform:translate(1%,1%);	}

	.contents2_position{
		-webkit-transform:translate(0%,0%);
		    -ms-transform:translate(0%,0%);
		        transform:translate(0%,0%);	}

	.contents2_position:hover{
		-webkit-transform:translate(1%,1%);
		    -ms-transform:translate(1%,1%);
		        transform:translate(1%,1%);	}

	.contents3_position{
		-webkit-transform:translate(0%,0%);
		    -ms-transform:translate(0%,0%);
		        transform:translate(0%,0%);	}

	.contents3_position:hover{
		-webkit-transform:translate(1%,1%);
		    -ms-transform:translate(1%,1%);
		        transform:translate(1%,1%);	}

	.contents4_position{
		-webkit-transform:translate(0%,0%);
		    -ms-transform:translate(0%,0%);
		        transform:translate(0%,0%);	}

	.contents4_position:hover{
		-webkit-transform:translate(1%,1%);
		    -ms-transform:translate(1%,1%);
		        transform:translate(1%,1%);	}

	.skew_container{
		-webkit-transform-origin:0% 100% !important;
		    -ms-transform-origin:0% 100% !important;
		        transform-origin:0% 100% !important;
		-webkit-transform:skew(0deg,0deg) !important;
		    -ms-transform:skew(0deg,0deg) !important;
		        transform:skew(0deg,0deg) !important;
	}

	.skew_reverse{
		-webkit-transform:skew(0deg,0deg) !important;
		    -ms-transform:skew(0deg,0deg) !important;
		        transform:skew(0deg,0deg) !important;
	}

	.heading_position{
		left:-2.5%;
		right:unset;
	}

	.iconw{
		width:35% !important;
	}

	#movie1{
		-webkit-transform:none !important;
		    -ms-transform:none !important;
		        transform:none !important;
	}

	.translatex-50{
		-webkit-transform:unset !important;
		    -ms-transform:unset !important;
		        transform:unset !important;
	}

	nav button.btn-light{
		background-color:unset !important;
	}

	.btn{
		font-size:1.25rem !important;
	}

	.movie_back{
		font-size:5rem !important;
	}
}

@media screen and (max-width:350px){
	p{
		font-size:0.75rem !important;
	}
}

a{
	color:#343a40 !important;
	text-decoration-line:none !important;
}

a:hover{
	color:#343a40 !important;;
	text-decoration-line:none !important;;
	font-weight: bold !important;;
	background: none !important;;
	-webkit-transition:0.5s !important;;
	-o-transition:0.5s !important;;
	transition:0.5s !important;;
}

/*
a.nav-link{
	color:#343a40 !important;
	text-underline-position:under;
}

a.nav-link:hover{
	color: rgba(0,100,218,0.7) !important;
	font-weight: bold;
	background: none;
	text-decoration: underline solid rgba(0,100,218,0.7) 3px;
	text-underline-position: under;
}
*/

.no_hover a:hover{
	color: unset !important;
	font-weight: unset !important;
	background: none !important;
	text-decoration: none !important;
	text-underline-position: under !important;
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background:rgba(0,100,218,0.7) !important;
	color:white !important;
	font-weight:bold;
	text-decoration:unset;
	text-underline-position:unset;
}

@media screen and (max-width:500px){
	#toptitle {
		font-size:calc(100vw / 17);
		font-size:-webkit-calc(100vw / 17);
	}
}

.noto{
	font-family: 'Noto Sans JP', serif;
}

.add_transition{
	-webkit-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}

<!-- Swiper styles -->
.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	width:100%;
	height:100%;
	background-size: cover;
	background-position: center;
}

.news_section .swiper-container {
	width: 100% !important;
	height: auto !important;
	max-height: 30vh !important;
}

.news_section .swiper-slide {
	font-size: 18px !important;
	height: auto !important;
	-webkit-box-sizing: border-box !important;
		box-sizing: border-box !important;
	padding: 0px !important;
}

.news_section #pills-2 .swiper-container {
	width: 100% !important;
	height: auto !important;
	max-height: 10vh !important;
}

.news_section #pills-2 .swiper-slide {
	font-size: 18px !important;
	height: auto !important;
	-webkit-box-sizing: border-box !important;
		box-sizing: border-box !important;
	padding: 0px !important;
}

#header_swiper .swiper-container{
	width: 100%;
	height: 100%;
}

#header_swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

#header_swiper .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
}

#movie_contents .swiper-container {
        width: 100%;
        height: 100%;
}

#movie_contents .swiper-slide {
        text-align: center;
        font-size: 18px;
/*        background: #000000;*/

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

#movie_contents .swiper-slide img {
	display: block;
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	   object-fit: cover;
}

#movie_contents .swiper-button-next{
	top:50% !important;
}

#movie_contents .swiper-button-prev{
	top:50% !important;
}

.zoom .swiper {
	width: 100%;
	height: 100%;
}

.zoom .swiper-container {
	width: 100%;
	height: auto;
}

.zoom .swiper-slide {
	overflow: hidden;
}

/* TITPスライダー */
.gallery .swiper-container {
	width: 100%;
	height: auto;
}

.gallery-top .swiper-slide {
	width:100% !important;
	height:auto;
}

.gallery-top {
	background:unset;
}

.gallery-thumbs {
	height: auto;
	box-sizing: border-box;
}

.gallery-thumbs .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.6;
}

.gallery-thumbs .swiper-slide:hover {
	opacity: 1.0;
}