@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);*/
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

:root {


}


body {
	/*	background:url(http://thekitemap.com/images/feedback-img.jpg) no-repeat;*/

	/*	background: radial-gradient(#fad96e, #f15266);*/
	/* 	background: linear-gradient(125deg, rgba(217, 175, 217, 0.7) 0%, rgba(151, 217, 225, 0.7) 100%),url(test_img.jpg); */
	/* background: radial-gradient(ellipse at right top , rgba(85, 239, 255, 0.82), transparent),linear-gradient(125deg, rgb(255, 0, 255) 0%, rgb(0, 4, 255) 25%,rgb(0, 231, 255) 50%,rgba(32, 255, 0, 0.7) 75%,rgb(0, 183, 255) 100%); */

	background-size: cover;
	height: 100%;
	/* font-family: Helvetica, Arial, "ryo-gothic-plusn",sans-serif; */
	font-family: var(--font-go);
	font-size: 1.6rem;
	line-height: 2.8rem;
	/* 	background-color: #031d56; */
	/* color: #fff; */
	text-align: center;
}

* {
	box-sizing: border-box;
}


body {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
/*コンテンツ間上下マージン*/
body section {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;

}

main {
	flex: 1;
	max-width: 500px;
	margin: 0 auto;
	position: relative;
}

article.left {
	display: block;
	
}

article.right {
	display: block;
	flex: 1;
	order: 2;
	padding: 2em;
	text-align: left;

	& menu {
		position: fixed;

		& ul {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			gap: 30px;
			padding-top: 50px;
		}
		&  li > a:link,
		&  li > a:visited,
    	&  li > label {
			cursor: pointer;
			display: block;
			outline: none;
			width: 100%;
			text-decoration: none;
			color: var(--color-main);
			font-size: 1.6em;
/* 			line-height: 1.2em; */
			font-weight: bolder;
			}
		&  .eng {
			font-family: var(--font-en);
			font-weight: 500;
			margin-bottom: 10px;
			}

		&  .jap {
			display: block;
			font-size: 0.6em;
			line-height: 1.2em;
			font-weight: normal;
			}

	}
}


br.dis {
	display: inherit;
}
br.sp {
	display: none;
}

.pc {
	display: initial;
}
.sp {
	display: none;
}
h2 {
	font-size: 4.2rem;
	line-height: 1.5em;
	font-weight: bolder;
	margin-bottom: 1em;
}

h2:has(+ .subtitle) {
	margin-bottom: 15px;
}

h2+.subtitle {
	margin-bottom: 30px;
}

h3 {
	font-size: 2.0rem;
	line-height: 2.0rem;
	font-weight: bolder;
}

h3.eng_font {
	font-size: 5em;
	line-height: 2em;
}

h3.eng_fontbold {
	font-size: 5em;
	line-height: 1.4em;
}

h3.eng_fontbold .jancomm {
	font-size: 0.2em;
	line-height: 1em;
}

h3 {
	text-align: center;
	line-height: 1.4em;

}


/*******************************************/


#gotoTop img {
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 50px;
	z-index: 100;
	filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
	-webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5));
}



.bottombtn {
	max-width: 500px;
}
/*******************************************/



section.mv {
	height: 200vh;
	max-height: 1000px;
}

section.secF {


	& h2 {

	}
	& .comment {

	}

	& .img {
		flex: 100%;
		height: auto;
		aspect-ratio: 1/1;

		&:before {

			width: 100%;
			height: auto;
			aspect-ratio: 1/1;

		}

		& img.biru {

		}
		& img.croud {

		}
	}

}