@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1.6;
	font-size: 14px;
	background: #ffffff;
	color: #000000;
}

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	color: #000000;
	text-decoration: none;
}

article {
	position: relative;
	overflow: hidden;
	max-width: 1200px;
	padding: 0 0px;
	margin: 0 auto;
	overflow: hidden;
	background: #FEF5EA;
}

.boxlink {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: block;
	text-indent: -9999px;
}

.contents_inner {
	margin: 0 auto;
	position: relative;
	max-width: 1000px;
}

.anime_switch img {
	display: none;
}

.anime_switch img.active {
	display: block;
}

.blur-in {
	opacity: 0;
	filter: blur(12px);
	transform: translateY(0px);
	transition: opacity 2s ease,
    filter 2s ease,
    transform 2s ease;
}

.blur-in.is-show {
	opacity: 1;
	filter: blur(0);
	transform: translateY(0);
}

.blurloop01 {
	animation: blurloop 4s infinite;
}

.blurloop02 {
	animation: blurloop2 6s infinite;
}

.image-mask-wrap {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.main_curve01_img {
	display: block;
	width: 100%;
	height: auto;
	clip-path: inset(0 0 0 100%);
}

.main_curve02_img {
	display: block;
	width: 100%;
	height: auto;
	clip-path: inset(0 100% 0 0);
}

.main_curve02_01 .main_curve01_img {
	clip-path: inset(0 0 100% 0);
}

.main_curve02_02 .main_curve02_img {
	clip-path: inset(0 0 100% 0);
}

.masked-image01 {
	display: block;
	width: 100%;
	height: auto;
	clip-path: inset(0 0 100% 0);
	transition: clip-path 1.2s ease-out;
}

.masked-image02 {
	display: block;
	width: 100%;
	height: auto;
	clip-path: inset(0 0 0 100%);
	will-change: clip-path;
}

#gradient-canvas {
	width: 100%;
	height: 100%;
	--gradient-color-1: #fef3e6;
	--gradient-color-2: #96eeff;
	--gradient-color-3: #d8dff6;
	--gradient-color-4: #a8f7ff;
	--gradient-color-5: #c7fff3;
	--gradient-color-6: #ffffff;
	z-index: 0;
}

@-webkit-keyframes fadeInUp {
from {
	opacity: 0;
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0)
}

to {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}
}@keyframes fadeInUp {
from {
	opacity: 0;
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0)
}

to {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: cubic-bezier(0,.58,.4,.99);
	-o-animation-timing-function: cubic-bezier(0,.58,.4,.99);
	animation-timing-function: cubic-bezier(0,.58,.4,.99)
}

.draw-path {
	fill: none;
	stroke: #373737;
	stroke-width: 6.3;
	vector-effect: non-scaling-stroke;
}

.draw-svg {
	overflow: visible;
}

.part3_icon_q, .part3_icon_num1, .part3_icon_num2, .part3_icon_num3, .part3_icon_num4 {
	transition: opacity 0.6s ease;
}

.fadeout {
	opacity: 0;
}

@media all and (min-width: 769px) {
	.sponly {
		display: none !important;
	}
	
	.dummy01 {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		opacity: 0.3;
		display: none;
	}
	
	.dummy02 {
		position: absolute;
		top: 5214px;
		left: 0;
		z-index: 1;
		opacity: 0.3;
		display: none;
	}
	
	.dummy03 {
		position: absolute;
		top: 10408px;
		left: 0;
		z-index: 1;
		opacity: 0.3;
		display: none;
	}
	
	.dummy04 {
		position: absolute;
		top: 13924px;
		left: 0;
		z-index: 1;
		opacity: 0.3;
		display: none;
	}
	
	.dummy05 {
		position: absolute;
		top: 18924px;
		left: 0;
		z-index: 1;
		opacity: 0.3;
		display: none;
	}
	
	/* @group mv */
	
	.mv {
		
	}
	
	.mv .contents_inner {
		position: absolute;
		top: 0;
		left: 100px;
		width: 1000px;
	}
	
	.base_img {
		text-align: center;
	}
	
	.base_img img {
		width: 100%;
		height: auto;
		max-width: 1058px;
		margin: 0 0 0 22px;
	}
	
	header {
		margin: 26px 0 0;
		display: flex;
		justify-content: space-between;
		width: 100%;
		position: relative;
	}
	
	.header_logo {
		margin: 0 0 0 0;
	}
	
	.header_logo img {
		width: 25.85vw;
		max-width: 310px;
		height: auto;
	}
	
	.header_cloud {
		margin: 3px -4px 0 0px;
	}
	
	.header_cloud img {
		width: 317px;
		height: auto;
	}
	
	.header_character {
		position: absolute;
		top: 62px;
		right: 0;
		z-index: 110;
	}
	
	.header_character img {
		width: 182px;
		height: auto;
	}
	
	.mv_lead {
		text-align: center;
		margin: 41px 0 0 3px;
	}
	
	.mv_lead img {
		width: 259px;
		height: auto;
	}
	
	.mv_title {
		text-align: center;
		position: relative;
		margin: 45px 0 0 -12px;
	}
	
	.mv_title img {
		width: 430px;
		height: auto;
	}
	
	.mv_title_img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		text-align: center;
	}
	
	.mv_title_back img {
		animation: fadeInout 8s infinite;
	}
	
	.mv_chara {
		margin: 64px 0 0 -16px;
		text-align: center;
		position: relative;
	}
	
	.mv_chara_img_ot {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		text-align: center;
		visibility: hidden;
	}
	
	.mv_chara img, .mv_chara_ot img {
		width: 806px;
		height: auto;
	}
	
	/* @end */
	
	/* @group intro */
	
	.intro {
		text-align: center;
		margin: 17px 0 0;
		position: relative;
	}
	
	.intro_base {
		max-width: 1200px;
		padding: 0 0px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
	
	.intro_base img {
		width: 100%;
		height: auto;
	}
	
	.intro .intro_inner {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		max-width: 1200px;
	}
	
	.intro_wrap {
		position: relative;
	}
	
	.intro_copy {
		margin: 138px 0 0;
		text-align: center;
	}
	
	.intro_copy img {
		width: 276px;
		height: auto;
	}
	
	.intro_copy_move {
		margin: 20px 0 0 3px;
		position: relative;
		height: 164px;
		--out: 100%;
		width: 100%;
	}
	
	.slidein {
		position: absolute;
		top: 50%;
		left: 50%;
		opacity: 0;
		will-change: transform, opacity;
	}
	
	.intro_copy_chara {
		text-align: center;
		z-index: 2;
		transform: translate(-50%, -50%) scale(0.9);
	}
	
	.intro_copy_chara.is-active {
		animation: charafadein 4s;
	}
	
	.intro_copy_chara img, .intro_copy_chara_left img, .intro_copy_chara_right img {
		width: 167px;
		height: auto;
	}
	
	.intro_copy_chara_left {
		transform: translate(calc(-50% - 100vw), -50%);
	}
	
	.intro_copy_chara_right {
		transform: translate(calc(-50% + 100vw), -50%);
	}
	/* 中央待機 */
	
	.intro_copy_chara {
		transform: translate(-50%, -50%) scale(0.9);
		opacity: 0;
	}
	
	/* ▶ ① 左右が中央へ（表示） */
	
	.is-active .intro_copy_chara_left, .is-active .intro_copy_chara_right {
		transform: translate(-50%, -50%);
		opacity: 1;
		transition: transform 2s ease,
	    opacity 0.3s ease;
	}
	
	/* ▶ ② 到達後に消す（ディレイ付き） */
	
	.is-active .intro_copy_chara_left, .is-active .intro_copy_chara_right {
		animation: charafadeOut 0.2s ease forwards;
		animation-delay: 2s; /* 移動完了後 */
	}
	
	/* ▶ ③ 中央キャラ出現 */
	
	.is-active .intro_copy_chara {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
		transition: opacity 0.3s ease, transform 0.3s ease;
		transition-delay: 2s;
	}
	
	.intro_copy_chara_left img, .intro_copy_chara_right img {
		width: 167px;
		height: auto;
	}
	
	.intro_sub_text01 {
		margin: 0 0 0;
	}
	
	.intro_sub_text01 img {
		
	}
	
	.main_lead {
		margin: 184px 0 0 -3px;
	}
	
	.main_lead img {
		width: 485px;
		height: auto;
	}
	
	.main_text01 {
		margin: 32px 0 0 0px;
	}
	
	.main_text01 img {
		width: 916px;
		height: auto;
	}
	
	.main_text02 {
		margin: 47px 0 0 0;
		position: relative;
		z-index: 20;
	}
	
	.main_text02 img {
		width: 913px;
		height: auto;
	}
	
	.main_moji {
		margin: 68px 0 0px;
	}
	
	.main_moji img {
		width: 100%;
		height: auto;
	}
	
	.main_curve01 {
		position: absolute;
		top: 264px;
		left: 0;
		z-index: 20;
		width: 100%;
	}
	
	.main_curve01 img {
		width: 100%;
		height: auto;
	}
	
	.main_curve01_01 {
		position: absolute;
		top: 264px;
		left: 0;
		z-index: 20;
		width: 100%;
	}
	
	.main_curve01_02 {
		position: absolute;
		top: 739px;
		left: 0;
		z-index: 20;
		width: 100%;
	}
	
	.main_curve01_01 img, .main_curve01_02 img, .main_curve02_01 img, .main_curve01_02 img {
		width: 100%;
		height: auto;
	}
	
	.main_curve02_01 {
		position: absolute;
		top: 788px;
		left: 0;
		z-index: 10;
	}
	
	.main_curve02_02 {
		position: absolute;
		top: 1300px;
		left: 0;
		z-index: 10;
	}
	
	.main_curve02 img {
		width: 100%;
		height: auto;
	}
	
	.main_people {
		position: absolute;
		top: 859px;
		left: 121px;
		z-index: 15;
	}
	
	.main_people img {
		width: 395px;
		height: auto;
	}
	
	.main_sub_text01 {
		position: absolute;
		top: 1751px;
		left: 418px;
		z-index: 15;
	}
	
	.main_sub_text01 img {
		width: 359px;
		height: auto;
	}
	
	.main_sub_text02 {
		position: absolute;
		top: 1827px;
		left: 599px;
		z-index: 15;
	}
	
	.main_sub_text02 img {
		width: 322px;
		height: auto;
	}
	
	.main_sub_text03 {
		position: absolute;
		top: 1926px;
		left: 360px;
		z-index: 15;
	}
	
	.main_sub_text03 img {
		width: 472px;
		height: auto;
	}
	
	.main_sub_illust {
		position: absolute;
		top: 1915px;
		left: 854px;
		z-index: 15;
	}
	
	.main_sub_illust img {
		width: 229px;
		height: auto;
	}
	
	/* @end */
	
	/* @group tsunagaru */
	
	.tunagaru {
		position: relative;
		padding: 218px 0 0;
		background: #ffffff;
	}
	
	.tunagaru_line {
		text-align: center;
	}
	
	.tunagaru_line img {
		width: 100%;
		height: auto;
	}
	
	.tunagaru_lead {
		position: absolute;
		top: 101px;
		left: 258px;
		z-index: 1;
	}
	
	.tunagaru_lead img {
		width: 672px;
		height: auto;
	}
	
	.tunagaru_chara {
		position: absolute;
		top: 352px;
		left: 387px;
		z-index: 1;
		transform: scale(0.3);
		transform-origin: center;
	}
	
	.tunagaru_chara img {
		width: 432px;
		height: auto;
	}
	
	/* @end */
	
	/* @group brain */
	
	.brain {
		margin: -169px 0 0;
		position: relative;
		background: #ffffff;
	}
	
	.brain img {
		width: 100%;
		height: auto;
	}
	
	.brain_title {
		position: absolute;
		top: 383px;
		left: 336px;
		z-index: 2;
	}
	
	.brain_title img {
		width: 526px;
		height: auto;
	}
	
	.brain_text01 {
		position: absolute;
		top: 186px;
		left: 316px;
		z-index: 1;
	}
	
	.brain_text01 img {
		width: 549px;
		height: auto;
	}
	
	.brain_text02 {
		position: absolute;
		top: 296px;
		left: 436px;
		z-index: 1;
	}
	
	.brain_text02 img {
		width: 440px;
		height: auto;
	}
	
	.brain_text03 {
		position: absolute;
		top: 403px;
		left: 495px;
		z-index: 1;
	}
	
	.brain_text03 img {
		width: 504px;
		height: auto;
	}
	
	.brain_text04 {
		position: absolute;
		top: 486px;
		left: 382px;
		z-index: 1;
	}
	
	.brain_text04 img {
		width: 569px;
		height: auto;
	}
	
	.brain_ot {
		position: absolute;
		top: 399px;
		right: 0;
		z-index: 1;
	}
	
	.brain_ot img {
		width: 461px;
		height: auto;
	}
	
	.brain_desc {
		position: relative;
		z-index: 1;
		margin: 30px 0 0 170px;
	}
	
	.brain_desc img {
		width: 589px;
		height: auto;
	}
	
	/* @end */
	
	/* @group go */
	
	.go {
		background: #ffffff;
		padding: 219px 0 0;
		position: relative;
	}
	
	.go_title {
		text-align: center;
		margin: 0 0 0 -136px;
	}
	
	.go_title img {
		width: 320px;
		height: auto;
	}
	
	.go_wave {
		margin: -15px 0 0;
	}
	
	.go_wave img {
		width: 100%;
		height: auto;
	}
	
	.go_base img {
		width: 100%;
		height: auto;
	}
	
	.go_main {
		position: absolute;
		top: 601px;
		left: 0;
		z-index: 1;
		width: 100%;
		text-align: center;
	}
	
	.go_main img {
		width: 910px;
		height: auto;
	}
	
	/* @end */
	
	/* @group find */
	
	.find {
		position: relative;
	}
	
	.find_title {
		margin: 111px 0 0 10px;
		text-align: center;
	}
	
	.find_text {
		text-align: center;
		margin: 29px 0 0;
	}
	
	.find_text img {
		width: 807px;
		height: auto;
	}
	
	.find_wrap {
		text-align: center;
		margin: 37px 0 0 -2px;
		position: relative;
	}
	
	.find_base img {
		width: 1205px;
		height: auto;
	}
	
	.find_arrow01 {
		position: absolute;
		top: 218px;
		right: 306px;
		z-index: 1;
	}
	
	.arrow_effect {
		animation: arroweffect 2s;
		transform-origin: center right;
	}
	
	.find_arrow01 img {
		width: 243px;
		height: auto;
	}
	
	.find_arrow02 {
		position: absolute;
		top: 342px;
		left: 201px;
		z-index: 1;
	}
	
	.find_arrow02 img {
		width: 245px;
		height: auto;
	}
	
	.find_bridge {
		position: absolute;
		top: 649px;
		left: 201px;
		z-index: 1;
	}
	
	.find_bridge img {
		width: 572px;
		height: auto;
		transform: scale(0);
	}
	
	.find_bridge.active img {
		transform: scale(1);
	}
	
	.find_bridge.active	.find_bridge_img {
		animation: findbridge 1s;
		transform-origin: center center;
	}
	
	.find_chara {
		position: absolute;
		top: 563px;
		left: 183px;
		z-index: 1;
	}
	
	.find_chara img {
		width: 526px;
		height: auto;
	}
	
	.find_chara2 {
		position: absolute;
		top: 714px;
		left: 785px;
		z-index: 5;
	}
	
	.find_chara2 img {
		width: 182px;
		height: auto;
	}
	
	.find_chara3 {
		position: absolute;
		top: 914px;
		left: 524px;
		z-index: 5;
	}
	
	.find_chara3 img {
		width: 188px;
		height: auto;
	}
	
	.find_otbridge {
		position: absolute;
		top: 844px;
		left: 682px;
		z-index: 2;
	}
	
	.find_otbridge_inner {
		position: relative;
	}
	
	.find_otbridge img {
		position: absolute;
		width: 89px;
		height: auto;
		z-index: 1;
		opacity: 0;
		transform: translateY(-10px);
		transition: opacity 0.6s ease, transform 0.6s ease;
	}
	
	.find_otbridge img.is-show {
		opacity: 1;
		transform: translateY(0);
	}
	
	.find_otbridge img:nth-child(1) {
		top: 0;
		left: 90px;
	}
	
	.find_otbridge img:nth-child(2) {
		top: 23px;
		left: 63px;
	}
	
	.find_otbridge img:nth-child(3) {
		top: 46px;
		left: 36px;
	}
	
	.find_otbridge img:nth-child(4) {
		top: 69px;
		left: 9px;
	}
	
	.find_otbridge img:nth-child(5) {
		top: 92px;
		left: -18px;
	}
	
	.find_otbridge img:nth-child(6) {
		top: 115px;
		left: -45px;
	}
	
	.find_otbridge img:nth-child(7) {
		top: 138px;
		left: -72px;
	}
	
	.find_foot {
		position: absolute;
		top: 1148px;
		left: 442px;
		z-index: 5;
	}
	
	.find_foot img {
		width: 319px;
		height: auto;
	}
	
	/* @end */
	
	/* @group part1 */
	
	.part1 {
		position: relative;
	}
	
	.part1_base {
		margin: 439px 0 0;
	}
	
	.part1_base img {
		width: 1102px;
		height: auto;
	}
	
	.part1_title {
		position: absolute;
		top: -70px;
		left: 0;
		z-index: 1;
	}
	
	.part1_title img {
		width: 512px;
		height: auto;
	}
	
	.part1_lead {
		position: absolute;
		top: 193px;
		left: 190px;
		z-index: 1;
	}
	
	.part1_lead img {
		width: 791px;
		height: auto;
	}
	
	.part1_kokuban {
		position: absolute;
		top: 323px;
		left: 127px;
		z-index: 1;
	}
	
	.part1_kokuban img {
		width: 948px;
		height: auto;
	}
	
	.part1_ot {
		position: absolute;
		top: 576px;
		left: 830px;
		z-index: 2;
		transform: translateX(-120vw);
	}
	
	.part1_ot img {
		width: 198px;
		height: auto;
	}
	
	.part1_person {
		position: absolute;
		top: 286px;
		left: 513px;
		z-index: 3;
	}
	
	.part1_person img {
		width: 526px;
		height: auto;
	}
	
	.part1_curve {
		position: absolute;
		top: 617px;
		left: 0px;
		z-index: 1;
	}
	
	.part1_curve img {
		width: 1131px;
		height: auto;
	}
	
	.part1_try {
		position: absolute;
		top: 851px;
		left: 128px;
		z-index: 5;
	}
	
	.part1_try img {
		width: 336px;
		height: auto;
	}
	
	.part1_try_text {
		position: absolute;
		top: 1029px;
		left: 174px;
		z-index: 5;
	}
	
	.part1_try_text img {
		width: 404px;
		height: auto;
	}
	
	.part1_try_illust {
		position: absolute;
		top: 1361px;
		left: 163px;
		z-index: 5;
	}
	
	.part1_try_illust img {
		width: 405px;
		height: auto;
	}
	
	.part1_try_text2 {
		position: absolute;
		top: 1239px;
		left: 623px;
		z-index: 5;
	}
	
	.part1_try_text2 img {
		width: 409px;
		height: auto;
	}
	
	.part1_try_kana {
		position: absolute;
		top: 1580px;
		left: 705px;
		z-index: 5;
	}
	
	.part1_try_kana img {
		width: 221px;
		height: auto;
	}
	
	.part1_moji01 {
		position: absolute;
		top: 1604px;
		left: 844px;
		z-index: 5;
	}
	
	.part1_moji01 img {
		width: 62px;
		height: auto;
	}
	
	.part1_moji02 {
		position: absolute;
		top: 1699px;
		left: 844px;
		z-index: 5;
	}
	
	.part1_moji02 img {
		width: 45px;
		height: auto;
	}
	
	.part1_foot {
		position: absolute;
		top: 2084px;
		left: 0px;
		z-index: 5;
	}
	
	.part1_foot img {
		width: 960px;
		height: auto;
	}
	
	.part1_foot_chara {
		position: absolute;
		top: 2079px;
		left: 147px;
		z-index: 6;
	}
	
	.part1_foot_chara img {
		width: 183px;
		height: auto;
	}
	
	/* @end */
	
	/* @group part2 */
	
	.part2 {
		position: relative;
	}
	
	.part2_base {
		margin: 697px 0 0;
		text-align: right;
	}
	
	.part2_base img {
		width: 1102px;
		height: auto;
	}
	
	.part2_title {
		position: absolute;
		top: -70px;
		right: 0;
		z-index: 1;
	}
	
	.part2_title img {
		width: 512px;
		height: auto;
	}
	
	.part2_lead {
		position: absolute;
		top: 189px;
		left: 190px;
		z-index: 1;
	}
	
	.part2_lead img {
		width: 822px;
		height: auto;
	}
	
	.part2_who {
		position: absolute;
		top: 316px;
		left: 124px;
		z-index: 1;
	}
	
	.part2_who img {
		width: 950px;
		height: auto;
	}
	
	.part2_ot {
		position: absolute;
		top: 576px;
		left: 830px;
		z-index: 1;
	}
	
	.part2_ot img {
		width: 198px;
		height: auto;
	}
	
	.part2_ot {
		position: absolute;
		top: 640px;
		left: 830px;
		z-index: 2;
	}
	
	.part2_ot img {
		width: 198px;
		height: auto;
	}
	
	.part2_person {
		position: absolute;
		top: 282px;
		left: 532px;
		z-index: 3;
	}
	
	.part2_person img {
		width: 526px;
		height: auto;
	}
	
	.part2_curve {
		position: absolute;
		top: 612px;
		left: 0px;
		z-index: 1;
	}
	
	.part2_curve img {
		width: 1151px;
		height: auto;
	}
	
	.part2_try {
		position: absolute;
		top: 847px;
		left: 148px;
		z-index: 5;
	}
	
	.part2_try img {
		width: 336px;
		height: auto;
	}
	
	.part2_try_text {
		position: absolute;
		top: 1024px;
		left: 195px;
		z-index: 5;
	}
	
	.part2_try_text img {
		width: 409px;
		height: auto;
	}
	
	.part2_try_illust {
		position: absolute;
		top: 1295px;
		left: 187px;
		z-index: 5;
	}
	
	.part2_try_illust img {
		width: 313px;
		height: auto;
	}
	
	.part2_try_text2 {
		position: absolute;
		top: 1235px;
		left: 643px;
		z-index: 5;
	}
	
	.part2_try_text2 img {
		width: 409px;
		height: auto;
	}
	
	.part2_paper, .part2_paper2 {
		position: absolute;
		top: 1520px;
		left: 800px;
		z-index: 6;
	}
	
	.part2_paper {
		z-index: 7;
	}
	
	/*
	.part2_paper.moved {
		position: absolute;
		top: 1726px;
		left: 716px;
		z-index: 6;
	}
	*/
	
	.part2_paper.moved {
		animation: knowunknown 2s;
		top: 1726px;
		left: 716px;
	}
	
	.part2_paper2.moved {
		animation: knowunknown2 4s;
		top: 1726px;
		left: 891px;
	}
	
	.part2_paper img, .part2_paper2 img {
		width: 81px;
		height: auto;
	}
	
	.part2_box {
		position: absolute;
		top: 1715px;
		left: 693px;
		z-index: 5;
	}
	
	.part2_box img {
		width: 301px;
		height: auto;
	}
	
	.part2_box01 {
		position: absolute;
		top: 1715px;
		left: 693px;
		z-index: 5;
	}
	
	.part2_box01 img {
		width: 304px;
		height: auto;
	}
	
	.part2_box02 {
		position: absolute;
		top: 1715px;
		left: 693px;
		z-index: 8;
	}
	
	.part2_box02 img {
		width: 304px;
		height: auto;
	}
	
	.part2_foot {
		position: absolute;
		top: 2049px;
		left: 241px;
		z-index: 5;
	}
	
	.part2_foot img {
		width: 960px;
		height: auto;
	}
	
	.part2_foot_person {
		position: absolute;
		top: 2081px;
		left: 876px;
		z-index: 6;
	}
	
	.part2_foot_person img {
		width: 171px;
		height: auto;
	}
	
	/* @end */
	
	/* @group kobanashi */
	
	.kobanashi {
		margin: 642px 0 0;
	}
	
	.kobanashi .contents_inner {
		max-width: 1200px;
	}
	
	.kobanashi_waku img {
		width: 100%;
		height: auto;
	}
	
	.kobanashi_base {
		position: absolute;
		top: 95px;
		left: 100px;
		width: 1000px;
		background: #ffffff;
		padding-bottom: 55px;
	}
	
	.kobanashi_title {
		margin: -67px 0 0 94px;
	}
	
	.kobanashi_title img {
		width: 608px;
		height: auto;
	}
	
	.kobanashi_text {
		width: 580px;
		margin: 30px 0 0 225px;
	}
	
	.kobanashi_lead {
		font-size: 25px;
		font-weight: bold;
		letter-spacing: 0.08em;
	}
	
	.kobanashi_textarea {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.86;
		margin: 26px 0 0 0px;
		letter-spacing: 0.05em;
	}
	
	/* @end */
	
	/* @group part3 */
	
	.part3 {
		position: relative;
	}
	
	.part3_base {
		margin: 337px 0 0;
	}
	
	.part3_base img {
		width: 1102px;
		height: auto;
	}
	
	.part3_title {
		position: absolute;
		top: -70px;
		left: 0;
		z-index: 1;
	}
	
	.part3_title img {
		width: 512px;
		height: auto;
	}
	
	.part3_lead {
		position: absolute;
		top: 189px;
		left: 190px;
		z-index: 1;
	}
	
	.part3_lead img {
		width: 787px;
		height: auto;
	}
	
	.part3_forget {
		position: absolute;
		top: 321px;
		left: 127px;
		z-index: 1;
	}
	
	.part3_forget img {
		width: 947px;
		height: auto;
	}
	
	.part3_ot {
		position: absolute;
		top: 576px;
		left: 830px;
		z-index: 2;
	}
	
	.part3_ot img {
		width: 198px;
		height: auto;
	}
	
	.part3_person {
		position: absolute;
		top: 278px;
		left: 513px;
		z-index: 3;
	}
	
	.part3_person img {
		width: 526px;
		height: auto;
	}
	
	.part3_curve {
		position: absolute;
		top: 615px;
		left: 0px;
		z-index: 1;
	}
	
	.part3_curve img {
		width: 1131px;
		height: auto;
	}
	
	.part3_try {
		position: absolute;
		top: 851px;
		left: 129px;
		z-index: 5;
	}
	
	.part3_try img {
		width: 336px;
		height: auto;
	}
	
	.part3_try_text {
		position: absolute;
		top: 1027px;
		left: 175px;
		z-index: 5;
	}
	
	.part3_try_text img {
		width: 409px;
		height: auto;
	}
	
	.part3_try_text2 {
		position: absolute;
		top: 1439px;
		left: 175px;
		z-index: 5;
	}
	
	.part3_try_text2 img {
		width: 410px;
		height: auto;
	}
	
	.part3_board {
		position: absolute;
		top: 1211px;
		left: 661px;
		z-index: 6;
	}
	
	.part3_board img {
		width: 333px;
		height: auto;
	}
	
	.part3_123 {
		position: absolute;
		top: 1618px;
		left: 777px;
		z-index: 6;
	}
	
	.part3_123 img {
		width: 101px;
		height: auto;
	}
	
	.part3_icon01 {
		position: absolute;
		top: 1010px;
		left: 698px;
		z-index: 6;
		transform: translate(0, 0);
	}
	
	.part3_icon01 img {
		width: 90px;
		height: auto;
		transform: rotate(182deg);
	}
	
	.part3_icon01.moved {
		transform: translate(143px, 285px);
	}
	
	.part3_icon01.moved img {
		width: 48px;
		transform: rotate(182deg) rotate(720deg);
	}
	
	.part3_icon01, .part3_icon02, .part3_icon03_1, .part3_icon03_2, .part3_icon04_1, .part3_icon04_2 {
		position: absolute;
		transition: transform 1.2s ease-out;
		will-change: transform;
	}
	
	.part3_icon01 img, .part3_icon02 img, .part3_icon03_1 img, .part3_icon03_2 img, .part3_icon04_1 img, .part3_icon04_2 img {
		transition: transform 1.2s ease-out,
		width 1.2s ease-out;
	}
	
	.part3_icon02 {
		top: 1143px;
		left: 821px;
		z-index: 6;
		transform: translate(0, 0);
	}
	
	.part3_icon02 img {
		width: 94px;
		transform: rotate(184deg);
	}
	
	.part3_icon02.moved {
		transform: translate(20px, 217px);
	}
	
	.part3_icon02.moved img {
		width: 49px;
		transform: rotate(184deg) rotate(720deg);
	}
	
	.part3_icon03_1 {
		top: 1047px;
		left: 767px;
		z-index: 7;
		transform: translate(0, 0);
	}
	
	.part3_icon03_1 img {
		width: 68px;
		transform: rotate(5deg);
	}
	
	.part3_icon03_1.moved {
		transform: translate(74px, 367px);
	}
	
	.part3_icon03_1.moved img {
		width: 35px;
		transform: rotate(5deg) rotate(720deg);
	}
	
	.part3_icon03_2 {
		top: 1088px;
		left: 789px;
		z-index: 6;
		transform: translate(0, 0);
	}
	
	.part3_icon03_2 img {
		width: 50px;
		transform: rotate(45deg);
	}
	
	.part3_icon03_2.moved {
		transform: translate(77px, 330px);
	}
	
	.part3_icon03_2.moved img {
		width: 25px;
		transform: rotate(45deg) rotate(720deg);
	}
	
	.part3_icon04_1 {
		top: 1066px;
		left: 887px;
		z-index: 7;
		transform: translate(0, 0);
	}
	
	.part3_icon04_1 img {
		width: 56px;
		transform: rotate(-32deg);
	}
	
	.part3_icon04_1.moved {
		transform: translate(-26px, 407px);
	}
	
	.part3_icon04_1.moved img {
		width: 29px;
		transform: rotate(-32deg) rotate(720deg);
	}
	
	.part3_icon04_2 {
		top: 1018px;
		left: 854px;
		z-index: 6;
		transform: translate(0, 0);
	}
	
	.part3_icon04_2 img {
		width: 38px;
		transform: rotate(-2deg);
	}
	
	.part3_icon04_2.moved {
		transform: translate(-12px, 458px);
	}
	
	.part3_icon04_2.moved img {
		width: 18px;
		transform: rotate(-2deg) rotate(720deg);
	}
	
	.part3_icon_dekita {
		position: absolute;
		z-index: 6;
		opacity: 0;
		transform: scale(0.3);
		transition: opacity 0.3s ease,
		transform 0.3s cubic-bezier(.34,1.56,.64,1);
	}
	
	.part3_icon_dekita img {
		width: 37px;
		height: auto;
	}
	
	.part3_icon_dekita.show {
		opacity: 1;
		transform: scale(1);
	}
	
	.part3_icon_dekita01 {
		top: 1291px;
		left: 918px;
	}
	
	.part3_icon_dekita02 {
		top: 1352px;
		left: 918px;
	}
	
	.part3_icon_dekita03 {
		top: 1412px;
		left: 918px;
	}
	
	.part3_icon_dekita04 {
		top: 1472px;
		left: 918px;
	}
	
	.part3_icon_dekita img {
		width: 37px;
		height: auto;
	}
	
	.part3_icon_q {
		position: absolute;
		top: 1068px;
		left: 818px;
		z-index: 6;
	}
	
	.part3_icon_q img {
		width: 30px;
		height: auto;
	}
	
	.part3_icon_num1 {
		position: absolute;
		top: 1111px;
		left: 845px;
		z-index: 6;
	}
	
	.part3_icon_num1 img {
		width: 41px;
		height: auto;
	}
	
	.part3_icon_num2 {
		position: absolute;
		top: 1023px;
		left: 806px;
		z-index: 6;
	}
	
	.part3_icon_num2 img {
		width: 25px;
		height: auto;
	}
	
	.part3_icon_num3 {
		position: absolute;
		top: 1142px;
		left: 742px;
		z-index: 6;
	}
	
	.part3_icon_num3 img {
		width: 33px;
		height: auto;
	}
	
	.part3_icon_num4 {
		position: absolute;
		top: 1099px;
		left: 733px;
		z-index: 6;
	}
	
	.part3_icon_num4 img {
		width: 26px;
		height: auto;
	}
	
	.part3_foot {
		position: absolute;
		top: 2048px;
		left: 0;
		z-index: 5;
	}
	
	.part3_foot img {
		width: 960px;
		height: auto;
	}
	
	.part3_foot_person {
		position: absolute;
		top: 2078px;
		left: 146px;
		z-index: 6;
	}
	
	.part3_foot_person img {
		width: 183px;
		height: auto;
	}
	
	/* @end */
	
	/* @group ittera */
	
	.ittera {
		margin: 259px 0 0px;
		position: relative;
	}
	
	.ittera_lead {
		text-align: center;
		margin: 0 0 0 118px;
	}
	
	.ittera_lead img {
		width: 544px;
		height: auto;
	}
	
	.ittera_chara {
		margin: 206px 0;
		text-align: center;
		position: relative;
		z-index: 3;
	}
	
	.ittera_chara img {
		width: 152px;
		height: auto;
		margin-left: 20px;
	}
	
	.ittera_line {
		position: absolute;
		top: -11px;
		left: 0;
		z-index: 1;
	}
	
	.ittera_line img {
		width: 100%;
		height: auto;
	}
	
	/* @end */
	
	/* @group support */
	
	.support {
		position: relative;
		background: #ffffff;
		padding-bottom: 158px;
	}
	
	.support_head {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	.support_head img {
		width: 100%;
		height: auto;
	}
	
	.support_title {
		position: relative;
		z-index: 2;
		text-align: center;
		padding: 33px 0 0;
	}
	
	.support_title img {
		width: 196px;
		height: auto;
	}
	
	.support_lead {
		text-align: center;
		padding: 78px 0 0;
	}
	
	.support_lead img {
		width: 378px;
		height: auto;
	}
	
	.support_text {
		text-align: center;
		margin: 42px 0 0px 5px;
	}
	
	.support_text img {
		width: 505px;
		height: auto;
	}
	
	.support_illust {
		text-align: center;
		margin: 33px 0 0px 0;
		position: relative;
		z-index: 2;
	}
	
	.support_illust img {
		width: 992px;
		height: auto;
	}
	
	.support_bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
	
	.support_bottom img {
		width: 100%;
		height: auto;
	}
	
	/* @end */
	
	/* @group feature */
	
	.feature {
		position: relative;
		height: 1090px;
		background: #ffffff;
	}
	
	.feature:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 413px;
		background: #C2F6FA;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	.feature_title {
		padding: 51px 0 0;
		text-align: center;
		position: relative;
		z-index: 2;
	}
	
	.feature_title img {
		width: 229px;
		height: auto;
	}
	
	.feature_lead {
		text-align: center;
		margin: 79px 0 0;
		position: relative;
		z-index: 2;
	}
	
	.feature_lead img {
		width: 315px;
		height: auto;
	}
	
	.feature_road {
		position: absolute;
		top: 444px;
		left: 89px;
		z-index: 2;
	}
	
	.feature_road img {
		width: 1111px;
		height: auto;
	}
	
	.feature_person_left {
		position: absolute;
		top: 253px;
		left: 122px;
		z-index: 3;
	}
	
	.feature_person_left img {
		width: 378px;
		height: auto;
	}
	
	.feature_person_right {
		position: absolute;
		top: 241px;
		right: 122px;
		z-index: 3;
	}
	
	.feature_person_right img {
		width: 378px;
		height: auto;
	}
	
	.feature_text {
		position: relative;
		z-index: 3;
		text-align: center;
		margin: 216px 0 0 -107px;
	}
	
	.feature_text img {
		width: 476px;
		height: auto;
	}
	
	.feature_ot {
		position: absolute;
		top: 577px;
		right: 145px;
		z-index: 3;
	}
	
	.feature_ot img {
		width: 163px;
		height: auto;
	}
	
	.feature_btn_scope {
		position: absolute;
		top: 938px;
		right: 126px;
		z-index: 3;
	}
	
	.feature_btn_scope img {
		width: 334px;
		height: auto;
	}
	
	.feature_btn_soudan {
		position: absolute;
		top: 968px;
		right: 126px;
		z-index: 3;
	}
	
	.feature_btn_soudan img {
		width: 250px;
		height: auto;
	}
	
	.feature_btn_soudan_popup {
		position: absolute;
		top: 910px;
		right: 30px;
		z-index: 4;
		display: none;
	}
	
	.feature_btn_soudan_popup img {
		width: 600px;
		height: auto;
	}
	
	.feature_btn_soudan_close {
		position: absolute;
		top: 946px;
		right: 100px;
		z-index: 5;
		display: none;
	}
	
	.feature_btn_soudan_close img {
		width: 30px;
		height: auto;
	}
	
	/* @end */
	
	/* @group social */
	
	.social {
		position: relative;
		padding-bottom: 25px;
	}
	
	.social_back {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
	}
	
	.social_chara {
		background: #ffffff;
		text-align: center;
		padding: 198px 0 13px;
		position: relative;
		z-index: 1;
	}
	
	.social_chara img {
		width: 340px;
		height: auto;
	}
	
	.social_head {
		text-align: center;
		position: relative;
		z-index: 1;
	}
	
	.social_head img {
		width: 100%;
		height: auto;
	}
	
	.social_title {
		text-align: center;
		margin: 32px 0 0;
		position: relative;
		z-index: 1;
	}
	
	.social_title img {
		width: 402px;
		height: auto;
	}
	
	.social_text {
		text-align: center;
		margin: 40px 0 0;
		position: relative;
		z-index: 1;
	}
	
	.social_text img {
		width: 773px;
		height: auto;
	}
	
	.social_japan {
		text-align: center;
		margin: 120px 0 0;
		position: relative;
		z-index: 1;
	}
	
	.social_japan img {
		width: 92px;
		height: auto;
	}
	
	.social_foot {
		text-align: center;
		margin: 26px 0 0 92px;
		position: relative;
		z-index: 1;
	}
	
	.social_foot img {
		width: 507px;
		height: auto;
	}
	
	.social_foot_back {
		position: relative;
		z-index: 1;
	}
	
	.social_foot_back img {
		width: 100%;
		height: auto;
	}
	
	.social_foot_back footer {
		position: absolute;
		bottom: 28px;
		left: 0;
		width: 100%;
		z-index: 1;
		text-align: center;
		font-size: 10px;
		text-align: center;
		font-weight: 500;
		letter-spacing: 0.05em;
	}
	
	/* @end */
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
	/* =========================
	   mv
	========================= */
	
	.mv .contents_inner {
		left: 8.33vw;     /* 100px */
		width: 83.33vw;   /* 1000px */
		  /* left: 100px; */
		  /* width: 1000px; */
	}
	
	.base_img img {
		max-width: 88.17vw; /* 1058px */
		margin-left: 1.83vw; /* 22px */
		  /* max-width: 1058px; */
		  /* margin-left: 22px; */
	}
	
	header {
		margin-top: 2.17vw; /* 26px */
		  /* margin-top: 26px; */
	}
	
	.header_cloud {
		margin-top: 0.25vw;  /* 3px */
		margin-right: -0.33vw; /* -4px */
		  /* margin: 3px -4px 0 0; */
	}
	
	.header_cloud img {
		width: 26.42vw; /* 317px */
		  /* width: 317px; */
	}
	
	.header_character {
		top: 5.17vw; /* 62px */
		  /* top: 62px; */
	}
	
	.header_character img {
		width: 15.17vw; /* 182px */
		  /* width: 182px; */
	}
	
	.mv_lead {
		margin-top: 3.42vw; /* 41px */
		margin-left: 0.25vw; /* 3px */
		  /* margin: 41px 0 0 3px; */
	}
	
	.mv_lead img {
		width: 21.58vw; /* 259px */
		  /* width: 259px; */
	}
	
	.mv_title {
		margin-top: 3.75vw; /* 45px */
		margin-left: -1vw;  /* -12px */
		  /* margin: 45px 0 0 -12px; */
	}
	
	.mv_title img {
		width: 35.83vw; /* 430px */
		  /* width: 430px; */
	}
	
	.mv_chara, .mv_chara_ot {
		margin-top: 5.33vw; /* 64px */
		margin-left: -1.33vw; /* -16px */
		  /* margin: 64px 0 0 -16px; */
	}
	
	.mv_chara img, .mv_chara_ot img {
		width: 67.166vw;
	}
	
	/* =========================
	   intro
	========================= */
	
	.intro_copy {
		margin-top: 11.5vw; /* 138px */
		  /* margin-top: 138px; */
	}
	
	.intro_copy img {
		width: 23vw; /* 276px */
		  /* width: 276px; */
	}
	
	.intro_copy_move {
		margin-top: 1.67vw; /* 20px */
		height: 13.67vw; /* 164px */
		  /* margin-top: 20px; */
		  /* height: 164px; */
	}
	
	.intro_copy_chara img, .intro_copy_chara_left img, .intro_copy_chara_right img {
		width: 13.92vw; /* 167px */
		  /* width: 167px; */
	}
	
	/* =========================
	   main
	========================= */
	
	.main_lead {
		margin-top: 15.33vw; /* 184px */
		margin-left: -0.25vw; /* -3px */
		  /* margin: 184px 0 0 -3px; */
	}
	
	.main_lead img {
		width: 485px;
		width: 40.41vw;
	}
	
	.main_text01 {
		margin-top: 2.67vw; /* 32px */
		  /* margin-top: 32px; */
	}
	
	.main_text01 img {
		width: 76.33vw; /* 916px */
		  /* width: 916px; */
	}
	
	.main_text02 {
		margin-top: 3.92vw; /* 47px */
		  /* margin-top: 47px; */
	}
	
	.main_text02 img {
		width: 76.08vw; /* 913px */
		  /* width: 913px; */
	}
	
	.main_curve01 {
		top: 22vw; /* 264px */
		  /* top: 264px; */
	}
	
	.main_curve01_02 {
		top: 61.58vw; /* 739px */
		  /* top: 739px; */
	}
	
	.main_curve02_01 {
		top: 65.67vw; /* 788px */
		  /* top: 788px; */
	}
	
	.main_curve02_02 {
		top: 108.33vw; /* 1300px */
		  /* top: 1300px; */
	}
	
	.main_people {
		top: 71.58vw; /* 859px */
		left: 10.08vw; /* 121px */
		  /* top: 859px; */
		  /* left: 121px; */
	}
	
	.main_people img {
		width: 32.92vw; /* 395px */
		  /* width: 395px; */
	}
	
	/* =========================
	   main sub
	========================= */
	
	.main_sub_text01 {
		position: absolute;
		top: 145.92vw; /* 1751px */
		left: 34.83vw; /* 418px */
		z-index: 15;
		  /* top: 1751px; */
		  /* left: 418px; */
	}
	
	.main_sub_text01 img {
		width: 29.92vw; /* 359px */
		height: auto;
		  /* width: 359px; */
	}
	
	.main_sub_text02 {
		position: absolute;
		top: 152.25vw; /* 1827px */
		left: 49.92vw; /* 599px */
		z-index: 15;
		  /* top: 1827px; */
		  /* left: 599px; */
	}
	
	.main_sub_text02 img {
		width: 26.83vw; /* 322px */
		height: auto;
		  /* width: 322px; */
	}
	
	.main_sub_text03 {
		position: absolute;
		top: 160.5vw; /* 1926px */
		left: 30vw; /* 360px */
		z-index: 15;
		  /* top: 1926px; */
		  /* left: 360px; */
	}
	
	.main_sub_text03 img {
		width: 39.33vw; /* 472px */
		height: auto;
		  /* width: 472px; */
	}
	
	.main_sub_illust {
		position: absolute;
		top: 159.58vw; /* 1915px */
		left: 71.17vw; /* 854px */
		z-index: 15;
		  /* top: 1915px; */
		  /* left: 854px; */
	}
	
	.main_sub_illust img {
		width: 19.08vw; /* 229px */
		height: auto;
		  /* width: 229px; */
	}
	
	/* =========================
	   tsunagaru
	========================= */
	
	.tunagaru {
		position: relative;
		padding-top: 18.17vw; /* 218px */
		background: #ffffff;
		  /* padding: 218px 0 0; */
	}
	
	.tunagaru_lead {
		position: absolute;
		top: 8.42vw; /* 101px */
		left: 21.5vw; /* 258px */
		z-index: 1;
		  /* top: 101px; */
		  /* left: 258px; */
	}
	
	.tunagaru_lead img {
		width: 56vw; /* 672px */
		height: auto;
		  /* width: 672px; */
	}
	
	.tunagaru_chara {
		position: absolute;
		top: 29.33vw; /* 352px */
		left: 32.25vw; /* 387px */
		z-index: 1;
		transform: scale(0.3);
		transform-origin: center;
		  /* top: 352px; */
		  /* left: 387px; */
	}
	
	.tunagaru_chara img {
		width: 36vw; /* 432px */
		height: auto;
		  /* width: 432px; */
	}
	
	/* =========================
	   brain
	========================= */
	
	.brain {
		margin-top: -14.08vw; /* -169px */
		position: relative;
		background: #ffffff;
		  /* margin: -169px 0 0; */
	}
	
	.brain_title {
		position: absolute;
		top: 31.92vw; /* 383px */
		left: 28vw; /* 336px */
		z-index: 2;
		  /* top: 383px; */
		  /* left: 336px; */
	}
	
	.brain_title img {
		width: 43.83vw; /* 526px */
		height: auto;
		  /* width: 526px; */
	}
	
	.brain_text01 {
		position: absolute;
		top: 15.5vw; /* 186px */
		left: 26.33vw; /* 316px */
		z-index: 1;
		  /* top: 186px; */
		  /* left: 316px; */
	}
	
	.brain_text01 img {
		width: 45.75vw; /* 549px */
		height: auto;
		  /* width: 549px; */
	}
	
	.brain_text02 {
		position: absolute;
		top: 24.67vw; /* 296px */
		left: 36.33vw; /* 436px */
		z-index: 1;
		  /* top: 296px; */
		  /* left: 436px; */
	}
	
	.brain_text02 img {
		width: 36.67vw; /* 440px */
		height: auto;
		  /* width: 440px; */
	}
	
	.brain_text03 {
		position: absolute;
		top: 33.58vw; /* 403px */
		left: 41.25vw; /* 495px */
		z-index: 1;
		  /* top: 403px; */
		  /* left: 495px; */
	}
	
	.brain_text03 img {
		width: 42vw; /* 504px */
		height: auto;
		  /* width: 504px; */
	}
	
	.brain_text04 {
		position: absolute;
		top: 40.5vw; /* 486px */
		left: 31.83vw; /* 382px */
		z-index: 1;
		  /* top: 486px; */
		  /* left: 382px; */
	}
	
	.brain_text04 img {
		width: 47.42vw; /* 569px */
		height: auto;
		  /* width: 569px; */
	}
	
	.brain_ot {
		position: absolute;
		top: 399px;
		top: 33.25vw;
		right: 0;
		z-index: 1;
	}
	
	.brain_ot img {
		width: 461px;
		width: 38.41vw;
		height: auto;
	}
	
	.brain_desc {
		position: relative;
		z-index: 1;
		margin-top: 2.5vw; /* 30px */
		margin-left: 14.17vw; /* 170px */
		  /* margin: 30px 0 0 170px; */
	}
	
	.brain_desc img {
		width: 49.08vw; /* 589px */
		height: auto;
		  /* width: 589px; */
	}
	
	/* =========================
	   go
	========================= */
	
	.go {
		background: #ffffff;
		padding-top: 18.25vw; /* 219px */
		position: relative;
		  /* padding: 219px 0 0; */
	}
	
	.go_title {
		text-align: center;
		margin-left: -11.33vw; /* -136px */
		  /* margin: 0 0 0 -136px; */
	}
	
	.go_title img {
		width: 26.67vw; /* 320px */
		height: auto;
		  /* width: 320px; */
	}
	
	.go_main {
		position: absolute;
		top: 50.08vw; /* 601px */
		left: 0;
		z-index: 1;
		width: 100%;
		text-align: center;
		  /* top: 601px; */
	}
	
	.go_main img {
		width: 75.83vw; /* 910px */
		max-width: 910px;
		height: auto;
		  /* width: 910px; */
	}
	
	/* =========================
	   find
	========================= */
	
	.find_title {
		margin-top: 9.25vw; /* 111px */
		margin-left: 0.83vw; /* 10px */
		text-align: center;
		  /* margin: 111px 0 0 10px; */
	}
	
	.find_title img {
		width: 575px;
		width: 47.901vw;
		height: auto;
	}
	
	.find_text img {
		width: 807px;
		width: 67.25vw;
		height: auto;
	}
	
	.find_text {
		text-align: center;
		margin-top: 2.42vw; /* 29px */
		  /* margin: 29px 0 0; */
	}
	
	.find_wrap {
		text-align: center;
		margin-top: 3.08vw; /* 37px */
		margin-left: -0.17vw; /* -2px */
		position: relative;
		  /* margin: 37px 0 0 -2px; */
	}
	
	.find_base img {
		width: 100%;
		max-width: 1205px;
		height: auto;
		  /* width: 1205px; */
	}
	
	.find_arrow01 {
		position: absolute;
		top: 218px;
		right: 306px;
		top: 18.166vw;
		right: 25.5vw;
		z-index: 1;
	}
	
	.arrow_effect {
		animation: arroweffect 2s;
		transform-origin: center right;
	}
	
	.find_arrow01 img {
		width: 243px;
		width: 20.25vw;
		height: auto;
	}
	
	.find_arrow02 {
		position: absolute;
		top: 342px;
		left: 201px;
		top: 28.5vw;
		left: 16.75vw;
		z-index: 1;
	}
	
	.find_arrow02 img {
		width: 245px;
		width: 20.41vw;
		height: auto;
	}
	
	.find_bridge {
		position: absolute;
		top: 649px;
		left: 201px;
		top: 54.08vw;
		left: 16.75vw;
	}
	
	.find_bridge img {
		width: 572px;
		width: 47.66vw;
		height: auto;
	}
	
	.find_bridge.active	.find_bridge_img {
		animation: findbridge 2s;
		transform-origin: center center;
	}
	
	.find_chara {
		position: absolute;
		top: 563px;
		left: 183px;
		top: 46.916vw;
		left: 15.25vw;
		z-index: 1;
	}
	
	.find_chara img {
		width: 526px;
		width: 43.833vw;
		height: auto;
	}
	
	.find_chara2 {
		position: absolute;
		top: 714px;
		left: 785px;
		top: 59.5vw;
		left: 65.41vw;
		z-index: 5;
	}
	
	.find_chara2 img {
		width: 182px;
		width: 15.166vw;
		height: auto;
	}
	
	.find_chara3 {
		position: absolute;
		top: 914px;
		left: 524px;
		top: 76.166vw;
		left: 43.66vw;
		z-index: 5;
	}
	
	.find_chara3 img {
		width: 188px;
		width: 15.66vw;
		height: auto;
	}
	
	.find_otbridge {
		position: absolute;
		top: 844px;
		left: 682px;
		top: 70.333vw;
		left: 56.833vw;
		z-index: 2;
	}
	
	.find_otbridge img {
		position: absolute;
		width: 89px;
		width: 7.41vw;
		transform: translateY(-0.83vw);
		transition: opacity 0.6s ease, transform 0.6s ease;
	}
	
	.find_otbridge img:nth-child(1) {
		top: 0;
		left: 90px;
		left: 7.5vw;
	}
	
	.find_otbridge img:nth-child(2) {
		top: 23px;
		left: 63px;
		top: 1.916vw;
		left: 5.25vw;
	}
	
	.find_otbridge img:nth-child(3) {
		top: 46px;
		left: 36px;
		top: 3.833vw;
		left: 3vw;
	}
	
	.find_otbridge img:nth-child(4) {
		top: 69px;
		left: 9px;
		top: 5.75vw;
		left: 0.75vw;
	}
	
	.find_otbridge img:nth-child(5) {
		top: 92px;
		left: -18px;
		top: 7.66vw;
		left: -1.5vw;
	}
	
	.find_otbridge img:nth-child(6) {
		top: 115px;
		left: -45px;
		top: 9.583vw;
		left: -3.75vw;
	}
	
	.find_otbridge img:nth-child(7) {
		top: 138px;
		left: -72px;
		top: 11.5vw;
		left: -6vw;
	}
	
	.find_foot {
		position: absolute;
		top: 1148px;
		left: 442px;
		top: 95.66vw;
		left: 36.833vw;
		z-index: 5;
	}
	
	.find_foot img {
		width: 319px;
		width: 26.583vw;
		height: auto;
	}
	
	
	/* =========================
	   part1
	========================= */
	
	.part1 {
		margin-top: 18.33vw; /* 220px */
		  /* margin-top: 220px; */
	}
	
	.part1_base {
		margin: 439px 0 0;
		margin: 36.58vw 0 0;
	}
	
	.part1_base img {
		width: 1102px;
		width: 91.833vw;
		height: auto;
	}
	
	.part1_title {
		top: -70px;
		top: -5.833vw;
		margin-bottom: 3.33vw; /* 40px */
		  /* margin-bottom: 40px; */
	}
	
	.part1_title img {
		width: 42.66vw;
	}
	
	.part1_lead {
		position: absolute;
		top: 193px;
		left: 190px;
		top: 16.08vw;
		left: 15.833vw;
		z-index: 1;
	}
	
	.part1_lead img {
		width: 791px;
		width: 65.91vw;
		height: auto;
	}
	
	.part1_kokuban {
		position: absolute;
		top: 323px;
		left: 127px;
		top: 26.91vw;
		left: 10.58vw;
		z-index: 1;
	}
	
	.part1_kokuban img {
		width: 948px;
		width: 79vw;
		height: auto;
	}
	
	.part1_ot {
		position: absolute;
		top: 576px;
		left: 830px;
		top: 48vw;
		left: 69.166vw;
		z-index: 2;
		transform: translateX(-120vw);
	}
	
	.part1_ot img {
		width: 198px;
		width: 16.5vw;
		height: auto;
	}
	
	.part1_person {
		position: absolute;
		top: 286px;
		left: 513px;
		top: 23.833vw;
		left: 42.75vw;
		z-index: 3;
	}
	
	.part1_person img {
		width: 526px;
		width: 43.833vw;
		height: auto;
	}
	
	.part1_curve {
		position: absolute;
		top: 617px;
		top: 51.41vw;
		left: 0px;
		z-index: 1;
	}
	
	.part1_curve img {
		width: 1131px;
		width: 94.25vw;
		height: auto;
	}
	
	.part1_try {
		position: absolute;
		top: 851px;
		left: 128px;
		top: 70.91vw;
		left: 10.66vw;
		z-index: 5;
	}
	
	.part1_try img {
		width: 336px;
		width: 28vw;
		height: auto;
	}
	
	.part1_try_text {
		position: absolute;
		top: 1029px;
		left: 174px;
		top: 85.75vw;
		left: 14.5vw;
		z-index: 5;
	}
	
	.part1_try_text img {
		width: 404px;
		width: 33.66vw;
		height: auto;
	}
	
	.part1_try_illust {
		position: absolute;
		top: 1361px;
		left: 163px;
		top: 113.41vw;
		left: 13.58vw;
		z-index: 5;
	}
	
	.part1_try_illust img {
		width: 405px;
		width: 33.75vw;
		height: auto;
	}
	
	.part1_try_text2 {
		position: absolute;
		top: 1239px;
		left: 623px;
		top: 103.25vw;
		left: 51.91vw;
		z-index: 5;
	}
	
	.part1_try_text2 img {
		width: 409px;
		width: 34.083vw;
		height: auto;
	}
	
	.part1_try_kana {
		position: absolute;
		top: 1580px;
		left: 705px;
		top: 131.66vw;
		left: 58.75vw;
		z-index: 5;
	}
	
	.part1_try_kana img {
		width: 221px;
		width: 18.4166vw;
		height: auto;
	}
	
	.part1_moji01 {
		position: absolute;
		top: 1604px;
		left: 844px;
		top: 133.66vw;
		left: 70.33vw;
		z-index: 5;
	}
	
	.part1_moji01 svg {
		width: 62.348px;
		width: 5.195vw;
		height: auto;
	}
	
	.part1_moji02 {
		position: absolute;
		top: 1699px;
		left: 844px;
		top: 141.583vw;
		left: 70.33vw;
		z-index: 5;
	}
	
	.part1_moji02 svg {
		width: 45.21px;
		width: 3.76vw;
		height: auto;
	}
	
	.part1_foot {
		position: absolute;
		top: 2084px;
		top: 170.66vw;
		left: 0px;
		z-index: 5;
	}
	
	.part1_foot img {
		width: 960px;
		width: 80vw;
		height: auto;
	}
	
	.part1_foot_chara {
		position: absolute;
		top: 2079px;
		left: 147px;
		top: 173.25vw;
		left: 12.25vw;
		z-index: 6;
	}
	
	.part1_foot_chara img {
		width: 183px;
		width: 15.25vw;
		height: auto;
	}
	
	/* =========================
	   part2
	========================= */
	
	.part2_base {
		margin: 697px 0 0;
		margin: 58.08vw 0 0;
	}
	
	.part2_base img {
		width: 1102px;
		width: 91.833vw;
	}
	
	.part2_title {
		top: -70px;
		top: -5.833vw;
	}
	
	.part2_title img {
		width: 512px;
		width: 42.66vw;
	}
	
	.part2_lead {
		position: absolute;
		top: 189px;
		left: 190px;
		top: 15.75vw;
		left: 15.833vw;
		z-index: 1;
	}
	
	.part2_lead img {
		width: 822px;
		width: 68.5vw;
	}
	
	.part2_who {
		position: absolute;
		top: 316px;
		left: 124px;
		top: 26.33vw;
		left: 10.33vw;
		z-index: 1;
	}
	
	.part2_who img {
		width: 950px;
		width: 79.166vw;
	}
	
	.part2_ot {
		position: absolute;
		top: 576px;
		left: 830px;
		top: 48vw;
		left: 69.166vw;
		z-index: 1;
	}
	
	.part2_ot img {
		width: 198px;
		width: 16.5vw;
	}
	
	.part2_ot {
		position: absolute;
		top: 640px;
		left: 830px;
		top: 53.33vw;
		left: 69.166vw;
		z-index: 2;
	}
	
	.part2_ot img {
		width: 198px;
		width: 16.5vw;
	}
	
	.part2_person {
		position: absolute;
		top: 282px;
		left: 532px;
		top: 23.5vw;
		left: 44.33vw;
		z-index: 3;
	}
	
	.part2_person img {
		width: 526px;
		width: 43.833vw;
	}
	
	.part2_curve {
		position: absolute;
		top: 612px;
		top: 51vw;
	}
	
	.part2_curve img {
		width: 1151px;
		width: 95.91vw;
	}
	
	.part2_try {
		position: absolute;
		top: 847px;
		left: 148px;
		top: 70.583vw;
		left: 12.33vw;
		z-index: 5;
	}
	
	.part2_try img {
		width: 336px;
		width: 28vw;
		height: auto;
	}
	
	.part2_try_text {
		position: absolute;
		top: 1024px;
		left: 195px;
		top: 85.33vw;
		left: 16.25vw;
		z-index: 5;
	}
	
	.part2_try_text img {
		width: 409px;
		width: 34.08vw;
		height: auto;
	}
	
	.part2_try_illust {
		position: absolute;
		top: 1295px;
		left: 187px;
		top: 107.91vw;
		left: 15.58vw;
		z-index: 5;
	}
	
	.part2_try_illust img {
		width: 313px;
		width: 26.08vw;
		height: auto;
	}
	
	.part2_try_text2 {
		position: absolute;
		top: 1235px;
		left: 643px;
		top: 102.91vw;
		left: 53.58vw;
		z-index: 5;
	}
	
	.part2_try_text2 img {
		width: 409px;
		width: 34.08vw;
		height: auto;
	}
	
	.part2_paper, .part2_paper2 {
		position: absolute;
		top: 1520px;
		left: 800px;
		top: 126.66vw;
		left: 66.66vw;
	}
	
	.part2_paper.moved {
		animation: knowunknown_vw 2s;
		top: 1726px;
		left: 716px;
		top: 143.833vw;
		left: 59.66vw;
	}
	
	.part2_paper2.moved {
		animation: knowunknown2_vw 4s;
		top: 1726px;
		left: 891px;
		top: 1438vw;
		left: 74.25vw;
	}
	
	.part2_paper img, .part2_paper2 img {
		width: 81px;
		width: 6.75vw;
		height: auto;
	}
	
	.part2_box {
		position: absolute;
		top: 1715px;
		left: 693px;
		top: 142.91vw;
		left: 57.75vw;
		z-index: 5;
	}
	
	.part2_box img {
		width: 301px;
		width: 25.08vw;
		height: auto;
	}
	
	.part2_box01 {
		position: absolute;
		top: 1715px;
		left: 693px;
		top: 142.91vw;
		left: 57.75vw;
		z-index: 5;
	}
	
	.part2_box01 img {
		width: 301px;
		width: 25.08vw;
		height: auto;
	}
	
	.part2_box02 {
		position: absolute;
		top: 1715px;
		left: 693px;
		top: 142.91vw;
		left: 57.75vw;
		z-index: 8;
	}
	
	.part2_box02 img {
		width: 301px;
		width: 25.08vw;
		height: auto;
	}
	
	.part2_foot {
		position: absolute;
		top: 2049px;
		left: 241px;
		top: 170.75vw;
		left: 20.083vw;
		z-index: 5;
	}
	
	.part2_foot img {
		width: 960px;
		width: 80vw;
		height: auto;
	}
	
	.part2_foot_person {
		position: absolute;
		top: 2081px;
		left: 876px;
		top: 173.41vw;
		left: 73vw;
		z-index: 6;
	}
	
	.part2_foot_person img {
		width: 171px;
		width: 14.25vw;
		height: auto;
	}
	
		
		
	
	/* =========================
	   kobanashi
	========================= */
	
	.kobanashi {
		margin: 642px 0 0;
		margin: 53.5vw 0 0;
	}
	
	.kobanashi_base {
		top: 95px;
		left: 100px;
		width: 1000px;
		top: 7.916vw;
		left: 8.33vw;
		width: 83.33vw;
		padding-bottom: 55px;
		padding-bottom: 4.58vw;
	}
	
	.kobanashi_title {
		margin: -67px 0 0 94px;
		margin: -5.583vw 0 0 7.8vw;
	}
	
	.kobanashi_title img {
		width: 608px;
		width: 50.66vw;
		height: auto;
	}
	
	.kobanashi_text {
		width: 580px;
		margin: 30px 0 0 225px;
		width: 48.33vw;
		margin: 2.5vw 0 0 18.75vw;
	}
	
	.kobanashi_lead {
		font-size: 25px;
		font-size: 2.083vw;
	}
	
	.kobanashi_textarea {
		font-size: 16px;
		margin: 26px 0 0 0px;
		font-size: 1.33vw;
		margin: 2.166vw 0 0 0px;
	}
	
	/* =========================
	   part3
	========================= */
	
	.part3_base {
		margin: 337px 0 0;
		margin: 28.08vw 0 0;
	}
	
	.part3_base img {
		width: 1102px;
		width: 91.833vw;
	}
	
	.part3_title {
		position: absolute;
		top: -70px;
		top: -5.833vw;
	}
	
	.part3_title img {
		width: 512px;
		width: 42.66vw;
	}
	
	.part3_lead {
		position: absolute;
		top: 189px;
		left: 190px;
		top: 15.75vw;
		left: 15.833vw;
		z-index: 1;
	}
	
	.part3_lead img {
		width: 787px;
		width: 65.58vw;
		height: auto;
	}
	
	.part3_forget {
		position: absolute;
		top: 321px;
		left: 127px;
		top: 26.75vw;
		left: 10.58vw;
		z-index: 1;
	}
	
	.part3_forget img {
		width: 947px;
		width: 78.91vw;
		height: auto;
	}
	
	.part3_ot {
		position: absolute;
		top: 574px;
		left: 830px;
		top: 47.833vw;
		left: 69.166vw;
		z-index: 2;
	}
	
	.part3_ot img {
		width: 198px;
		width: 16.5vw;
		height: auto;
	}
	
	.part3_person {
		position: absolute;
		top: 278px;
		left: 513px;
		top: 23.16vw;
		left: 42.75vw;
	}
	
	.part3_person img {
		width: 526px;
		width: 43.833vw;
		height: auto;
	}
	
	.part3_curve {
		position: absolute;
		top: 615px;
		top: 51.25vw;
	}
	
	.part3_curve img {
		width: 1131px;
		width: 94.25vw;
	}
	
	.part3_try {
		position: absolute;
		top: 851px;
		left: 129px;
		top: 70.91vw;
		left: 10.75vw;
	}
	
	.part3_try img {
		width: 336px;
		width: 28vw;
	}
	
	.part3_try_text {
		position: absolute;
		top: 1027px;
		left: 175px;
		top: 85.58vw;
		left: 14.58vw;
	}
	
	.part3_try_text img {
		width: 409px;
		width: 34.08vw;
	}
	
	.part3_try_text2 {
		position: absolute;
		top: 1439px;
		left: 175px;
		top: 119.91vw;
		left: 14.58vw;
	}
	
	.part3_try_text2 img {
		width: 410px;
		width: 34.166vw;
	}
	
	.part3_board {
		position: absolute;
		top: 1211px;
		left: 661px;
		top: 100.91vw;
		left: 55.08vw;
	}
	
	.part3_board img {
		width: 333px;
		width: 27.75vw;
	}
	
	.part3_123 {
		position: absolute;
		top: 1618px;
		left: 777px;
		top: 134.833vw;
		left: 64.75vw;
		z-index: 6;
	}
	
	.part3_123 img {
		width: 101px;
		width: 8.416vw;
	}
	
	.part3_icon01 {
		position: absolute;
		top: 1010px;
		left: 698px;
		top: 84.166vw;
		left: 58.166vw;
	}
	
	.part3_icon01 img {
		width: 90px;
		width: 7.5vw;
		height: auto;
		transform: rotate(182deg);
	}
	
	.part3_icon01.moved {
		transform: translate(143px, 285px);
		transform: translate(11.91vw, 23.75vw);
	}
	
	.part3_icon01.moved img {
		width: 48px;
		width: 4vw;
	}
	
	.part3_icon02 {
		top: 1143px;
		left: 821px;
		top: 95.25vw;
		left: 68.41vw;
	}
	
	.part3_icon02 img {
		width: 94px;
		width: 7.83vw;
	}
	
	.part3_icon02.moved {
		transform: translate(20px, 217px);
		transform: translate(1.66vw, 18.08vw);
	}
	
	.part3_icon02.moved img {
		width: 49px;
		width: 4.08vw;
		transform: rotate(184deg) rotate(720deg);
	}
	
	.part3_icon03_1 {
		top: 1047px;
		left: 767px;
		top: 87.25vw;
		left: 63.91vw;
	}
	
	.part3_icon03_1 img {
		width: 68px;
		width: 5.66vw;
	}
	
	.part3_icon03_1.moved {
		transform: translate(74px, 367px);
		transform: translate(6.166vw, 30.583vw);
	}
	
	.part3_icon03_1.moved img {
		width: 35px;
		width: 2.91vw;
	}
	
	.part3_icon03_2 {
		top: 1088px;
		left: 789px;
		top: 90.666vw;
		left: 65.75vw;
	}
	
	.part3_icon03_2 img {
		width: 50px;
		width: 4.16vw;
	}
	
	.part3_icon03_2.moved {
		transform: translate(77px, 330px);
		transform: translate(6.41vw, 27.5vw);
	}
	
	.part3_icon03_2.moved img {
		width: 25px;
		width: 2.08vw;
	}
	
	.part3_icon04_1 {
		top: 1066px;
		left: 887px;
		top: 88.83vw;
		left: 73.91vw;
	}
	
	.part3_icon04_1 img {
		width: 56px;
		width: 4.66vw;
	}
	
	.part3_icon04_1.moved {
		transform: translate(-26px, 407px);
		transform: translate(-2.16vw, 33.916vw);
	}
	
	.part3_icon04_1.moved img {
		width: 29px;
		width: 2.416vw;
	}
	
	.part3_icon04_2 {
		top: 1018px;
		left: 854px;
		top: 84.833vw;
		left: 71.166vw;
	}
	
	.part3_icon04_2 img {
		width: 38px;
		width: 3.166vw;
	}
	
	.part3_icon04_2.moved {
		transform: translate(-12px, 458px);
		transform: translate(-1vw, 38.166vw);
	}
	
	.part3_icon04_2.moved img {
		width: 18px;
		width: 1.5vw;
	}
	
	.part3_icon_dekita img {
		width: 37px;
		width: 3.08vw;
	}
	
	.part3_icon_dekita01 {
		top: 1291px;
		left: 918px;
		top: 107.58vw;
		left: 76.5vw;
	}
	
	.part3_icon_dekita02 {
		top: 1352px;
		left: 918px;
		top: 112.66vw;
		left: 76.5vw;
	}
	
	.part3_icon_dekita03 {
		top: 1412px;
		left: 918px;
		top: 117.66vw;
		left: 76.5vw;
	}
	
	.part3_icon_dekita04 {
		top: 1472px;
		left: 918px;
		top: 122.66vw;
		left: 76.5vw;
	}
	
	.part3_icon_dekita img {
		width: 37px;
		width: 3.08vw;
	}
	
	.part3_icon_q {
		position: absolute;
		top: 1068px;
		left: 818px;
		top: 89vw;
		left: 68.166vw;
	}
	
	.part3_icon_q img {
		width: 30px;
		width: 2.5vw;
	}
	
	.part3_icon_num1 {
		position: absolute;
		top: 1111px;
		left: 845px;
		top: 92.58vw;
		left: 70.41vw;
	}
	
	.part3_icon_num1 img {
		width: 41px;
		width: 3.41vw;
	}
	
	.part3_icon_num2 {
		position: absolute;
		top: 1023px;
		left: 806px;
		top: 85.25vw;
		left: 67.166vw;
	}
	
	.part3_icon_num2 img {
		width: 25px;
		width: 2.08vw;
	}
	
	.part3_icon_num3 {
		position: absolute;
		top: 1142px;
		left: 742px;
		top: 95.166vw;
		left: 61.833vw;
	}
	
	.part3_icon_num3 img {
		width: 33px;
		width: 2.75vw;
	}
	
	.part3_icon_num4 {
		position: absolute;
		top: 1099px;
		left: 733px;
		top: 91.58vw;
		left: 61.08vw;
	}
	
	.part3_icon_num4 img {
		width: 26px;
		width: 2.16vw;
	}
	
	.part3_foot {
		position: absolute;
		top: 2048px;
		top: 170.66vw;
	}
	
	.part3_foot img {
		width: 960px;
		width: 80vw;
	}
	
	.part3_foot_person {
		position: absolute;
		top: 2078px;
		left: 146px;
		top: 173.166vw;
		left: 12.166vw;
	}
	
	.part3_foot_person img {
		width: 183px;
		width: 15.25vw;
	}
	
	/* =========================
	   ittera
	========================= */
	
	.ittera {
		margin: 259px 0 0px;
		margin: 21.58vw 0 0px;
	}
	
	.ittera_lead {
		margin: 0 0 0 118px;
		margin: 0 0 0 9.833vw;
	}
	
	.ittera_lead img {
		width: 544px;
		width: 45.33vw;
	}
	
	.ittera_chara {
		margin: 206px 0;
		margin: 17.166vw
	}
	
	.ittera_chara img {
		width: 152px;
		margin-left: 20px;
		width: 12.66vw;
		margin-left: 1.66vw;
	}
	
	.ittera_line {
		position: absolute;
		top: -11px;
		top: -0.916vw;
	}
	
	.ittera_line img {
		width: 100%;
		height: auto;
	}
		
		
	/* =========================
	   support
	========================= */
	
	.support {
		padding-bottom: 158px;
		padding-bottom: 13.166vw;
	}
	
	.support_title {
		padding: 33px 0 0;
		padding: 2.75vw 0 0;
	}
	
	.support_title img {
		width: 196px;
		width: 16.33vw;
	}
	
	.support_lead {
		padding: 78px 0 0;
		padding: 6.5vw 0 0;
	}
	
	.support_lead img {
		width: 378px;
		width: 31.5vw;
	}
	
	.support_text {
		text-align: center;
		margin: 42px 0 0px 5px;
		margin: 3.5vw 0 0px 0.41vw;
	}
	
	.support_text img {
		width: 505px;
		width: 42.08vw;
		height: auto;
	}
	
	.support_illust {
		text-align: center;
		margin: 33px 0 0px 0;
		margin: 2.75vw 0 0px 0;
	}
	
	.support_illust img {
		width: 992px;
		width: 82.66vw;
	}
		
	/* =========================
	   feature
	========================= */
	
	.feature {
		height: 1090px;
		height: 90.833vw;
	}
	
	.feature:before {
		height: 413px;
		height: 34.41vw;
	}
	
	.feature_title {
		padding: 51px 0 0;
		padding: 4.25vw 0 0;
	}
	
	.feature_title img {
		width: 229px;
		width: 19.08vw;
	}
	
	.feature_lead {
		text-align: center;
		margin: 79px 0 0;
		margin: 6.58vw 0 0;
	}
	
	.feature_lead img {
		width: 315px;
		width: 26.25vw;
	}
	
	.feature_road {
		position: absolute;
		top: 444px;
		left: 89px;
		top: 37vw;
		left: 7.41vw;
	}
	
	.feature_road img {
		width: 1111px;
		width: 92.58vw;
	}
	
	.feature_person_left {
		position: absolute;
		top: 253px;
		left: 122px;
		top: 21.08vw;
		left: 10.166vw;
	}
	
	.feature_person_left img {
		width: 378px;
		width: 31.5vw;
	}
	
	.feature_person_right {
		position: absolute;
		top: 241px;
		right: 122px;
		top: 20.08vw;
		right: 10.16vw;
	}
	
	.feature_person_right img {
		width: 378px;
		width: 31.5vw;
	}
	
	.feature_text {
		margin: 216px 0 0 -107px;
		margin: 18vw 0 0 -8.91vw;
	}
	
	.feature_text img {
		width: 476px;
		width: 39.66vw;
	}
	
	.feature_ot {
		position: absolute;
		top: 577px;
		right: 145px;
		top: 48.08vw;
		right: 12.08vw;
	}
	
	.feature_ot img {
		width: 163px;
		width: 13.58vw;
	}
	
	.feature_btn_scope {
		position: absolute;
		top: 938px;
		right: 126px;
		top: 78.166vw;
		right: 10.5vw;
	}
	
	.feature_btn_scope img {
		width: 334px;
		width: 27.833vw;
	}
	
	.feature_btn_soudan {
		position: absolute;
		top: 968px;
		right: 126px;
		top: 80.66vw;
		right: 10.5vw;
	}
	
	.feature_btn_soudan img {
		width: 250px;
		width: 20.833vw;
	}
	
	.feature_btn_soudan_popup {
		position: absolute;
		top: 910px;
		right: 30px;
		top: 75.833vw;
		right: 2.5vw;
	}
	
	.feature_btn_soudan_popup img {
		width: 600px;
		width: 50vw;
	}
	
	.feature_btn_soudan_close {
		position: absolute;
		top: 946px;
		right: 100px;
		top: 78.833vw;
		right: 83.33vw;
	}
	
	.feature_btn_soudan_close img {
		width: 30px;
		width: 2.5vw;
		height: auto;
	}
	
	/* =========================
	   social
	========================= */
	
	.social_chara {
		padding: 198px 0 13px;
		padding: 16.5vw 0 1.08vw;
	}
	
	.social_chara img {
		width: 340px;
		width: 28.33vw;
	}
	
	.social_title {
		margin: 32px 0 0;
		margin: 2.66vw 0 0;
	}
	
	.social_title img {
		width: 402px;
		width: 33.5vw;
	}
	
	.social_text {
		text-align: center;
		margin: 40px 0 0;
		margin: 3.33vw 0 0;
	}
	
	.social_text img {
		width: 773px;
		width: 64.41vw;
	}
	
	.social_japan {
		text-align: center;
		margin: 120px 0 0;
		margin: 10vwx 0 0;
	}
	
	.social_japan img {
		width: 92px;
		width: 7.66vw;
	}
	
	.social_foot {
		margin: 26px 0 0 92px;
		margin: 2.166vw 0 0 7.66vw;
	}
	
	.social_foot img {
		width: 507px;
		width: 42.25vw;
	}
	
	.social_foot_back footer {
		position: absolute;
		bottom: 28px;
		bottom: 2.33vw;
	}
}


@media only screen and (max-width: 768px) {
	.draw-path {
		stroke-width: 4;
		vector-effect: none;
	}
	
	.contents_inner {
		margin: 0;
		position: relative;
	}
	
	article {
		position: relative;
	}
	
	.pconly {
		display: none !important;
	}
	
	.dummy01 {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		opacity: 0.3;
		width: 100%;
		display: none;
	}
	
	.dummy02 {
		position: absolute;
		top: 2353px;
		top: 627.466vw;
		left: 0;
		z-index: 10;
		opacity: 0.3;
		width: 100%;
		display: none;
	}
	
	.dummy03 {
		position: absolute;
		top: 5400px;
		top: 1440vw;
		left: 0;
		z-index: 10;
		opacity: 0.3;
		width: 100%;
		display: none;
	}
	
	.dummy04 {
		position: absolute;
		top: 8004px;
		top: 2134.4vw;
		left: 0;
		z-index: 10;
		opacity: 0.3;
		width: 100%;
		display: none;
	}
	
	.dummy05 {
		position: absolute;
		top: 10570px;
		top: 2818.666vw;
		left: 0;
		z-index: 10;
		opacity: 0.3;
		width: 100%;
		display: none;
	}
	
	.dummy06 {
		position: absolute;
		top: 13733px;
		top: 3662.133vw;
		left: 0;
		z-index: 10;
		opacity: 0.3;
		width: 100%;
		display: none;
	}
	
	.dummy01 img, .dummy02 img, .dummy03 img, .dummy04 img, .dummy05 img, .dummy06 img {
		width: 100%;
		height: auto;
	}
	
	/* @group mv */
	
	.mv {
		
	}
	
	.mv .contents_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	.base_img {
		margin: 60px 0 0;
		margin: 16vw 0 0;
	}
	
	.base_img img {
		width: 100%;
		height: auto;
	}
	
	header {
		display: flex;
		justify-content: space-between;
		width: 100%;
		position: relative;
	}
	
	.header_logo {
		margin: 41px 0 0 39px;
		margin: 5.466vw 0 0 5.2vw;
	}
	
	.header_logo img {
		width: 141px;
		width: 37.6vw;
		height: auto;
	}
	
	.header_cloud {
		margin: 41px 38px 0 0px;
		margin: 5.466vw 5.066vw 0 0px;
	}
	
	.header_cloud img {
		width: 317px;
		width: 42.266vw;
		height: auto;
	}
	
	.header_character {
		position: absolute;
		top: 129px;
		right: 35px;
		top: 17.2vw;
		right: 4.66vw;
		z-index: 110;
	}
	
	.header_character img {
		width: 276px;
		width: 36.8vw;
		height: auto;
	}
	
	.mv_lead {
		text-align: center;
		margin: 94px 0 0 5px;
		margin: 26.066vw 0 0 1.33vw;
	}
	
	.mv_lead img {
		width: 171px;
		width: 45.6vw;
		height: auto;
	}
	
	.mv_title {
		text-align: center;
		position: relative;
		margin: 31px 0 0 -9px;
		margin: 8.266vw 0 0 -1.6vw;
	}
	
	.mv_title img {
		width: 270px;
		width: 72vw;
		height: auto;
	}
	
	.mv_title_img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		width: 100%;
		text-align: center;
	}
	
	.mv_title_back img {
		animation: fadeInout 8s infinite;
	}
	
	.mv_chara {
		margin: 182px 0 0 -7px;
		margin: 48.533vw 0 0 -1.866vw;
		text-align: center;
		position: relative;
	}
	
	.mv_chara_img_ot {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		text-align: center;
		visibility: hidden;
	}
	
	.mv_chara img, .mv_chara_ot img {
		width: 346px;
		width: 92.266vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group intro */
	
	.intro {
		text-align: center;
		margin: -11px 0 0;
		margin: -2.933vw 0 0;
		position: relative;
	}
	
	.intro_base {
		max-width: 1200px;
		padding: 0 0px;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
	
	.intro_base img {
		width: 100%;
		height: auto;
	}
	
	.intro .intro_inner {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		width: 100%;
		max-width: 1200px;
	}
	
	.intro_wrap {
		position: relative;
	}
	
	.intro_copy {
		margin: 74px 0 0;
		margin: 19.733vw 0 0;
		text-align: center;
	}
	
	.intro_copy img {
		width: 198px;
		width: 52.8vw;
		height: auto;
	}
	
	.intro_copy_move {
		margin: 54px 0 0 0px;
		margin: 14.4vw 0 0 0px;
		position: relative;
		--out: 100%;
		width: 100%;
	}
	
	.slidein {
		position: absolute;
		top: 50%;
		left: 50%;
		opacity: 0;
		will-change: transform, opacity;
	}
	
	.intro_copy_chara {
		text-align: center;
		z-index: 2;
		transform: translate(-50%, -50%) scale(0.9);
	}
	
	.intro_copy_chara.is-active {
		animation: charafadein 4s;
	}
	
	.intro_copy_chara img, .intro_copy_chara_left img, .intro_copy_chara_right img {
		width: 85px;
		width: 22.66vw;
		height: auto;
	}
	
	.intro_copy_chara_left {
		transform: translate(calc(-50% - 100vw), -50%);
	}
	
	.intro_copy_chara_right {
		transform: translate(calc(-50% + 100vw), -50%);
	}
	/* 中央待機 */
	
	.intro_copy_chara {
		transform: translate(-50%, -50%) scale(0.9);
		opacity: 0;
	}
	
	/* ▶ ① 左右が中央へ（表示） */
	
	.is-active .intro_copy_chara_left, .is-active .intro_copy_chara_right {
		transform: translate(-50%, -50%);
		opacity: 1;
		transition: transform 2s ease,
	    opacity 0.3s ease;
	}
	
	/* ▶ ② 到達後に消す（ディレイ付き） */
	
	.is-active .intro_copy_chara_left, .is-active .intro_copy_chara_right {
		animation: charafadeOut 0.2s ease forwards;
		animation-delay: 2s; /* 移動完了後 */
	}
	
	/* ▶ ③ 中央キャラ出現 */
	
	.is-active .intro_copy_chara {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
		transition: opacity 0.3s ease, transform 0.3s ease;
		transition-delay: 2s;
	}
	
	.intro_sub_text01 {
		margin: 0 0 0;
	}
	
	.intro_sub_text01 img {
		
	}
	
	.main_lead {
		margin: 201px 0 0 0;
		margin: 53.6vw 0 0 0;
	}
	
	.main_lead img {
		width: 224px;
		width: 59.733vw;
		height: auto;
	}
	
	.main_text01 {
		margin: 22px 0 0 4px;
		margin: 5.866vw 0 0 1.066vw;
	}
	
	.main_text01 img {
		width: 338px;
		width: 90.133vw;
		height: auto;
	}
	
	.main_text02 {
		margin: 17px 0 0 0;
		margin: 4.533vw 0 0 0;
		position: relative;
		z-index: 20;
	}
	
	.main_text02 img {
		width: 335px;
		width: 89.33vw;
		height: auto;
	}
	
	.main_moji {
		margin: 41px 0 0px;
		margin: 10.933vw 0 0px;
	}
	
	.main_moji img {
		width: 100%;
		height: auto;
	}
	
	.main_curve01 {
		position: absolute;
		top: 264px;
		top: 70.4vw;
		left: 0;
		z-index: 20;
		width: 100%;
	}
	
	.main_curve01 img {
		width: 100%;
		height: auto;
	}
	
	.main_curve01_01 {
		position: absolute;
		top: 185px;
		top: 49.33vw;
		left: 0;
		z-index: 20;
		width: 100%;
	}
	
	.main_curve01_02 {
		position: absolute;
		top: 505px;
		top: 134.66vw;
		left: 0;
		z-index: 20;
		width: 100%;
	}
	
	.main_curve01_01 img, .main_curve01_02 img, .main_curve02_01 img, .main_curve01_02 img {
		width: 100%;
		height: auto;
	}
	
	.main_curve02_01 {
		position: absolute;
		top: 520px;
		top: 138.66vw;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	
	.main_curve02_02 {
		position: absolute;
		top: 760px;
		top: 202.66vw;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	
	.main_curve02 img {
		width: 100%;
		height: auto;
	}
	
	.main_people {
		position: absolute;
		top: 542px;
		left: 2px;
		top: 144.533vw;
		left: 0.533vw;
		z-index: 15;
	}
	
	.main_people img {
		width: 194px;
		width: 51.733vw;
		height: auto;
	}
	
	.main_sub_text01 {
		position: absolute;
		top: 1132px;
		left: 61px;
		top: 301.866vw;
		left: 16.266vw;
		z-index: 15;
	}
	
	.main_sub_text01 img {
		width: 202px;
		width: 53.866vw;
		height: auto;
	}
	
	.main_sub_text02 {
		position: absolute;
		top: 1177px;
		left: 133px;
		top: 313.866vw;
		left: 35.466vw;
		z-index: 15;
	}
	
	.main_sub_text02 img {
		width: 197px;
		width: 52.533vw;
		height: auto;
	}
	
	.main_sub_text03 {
		position: absolute;
		top: 1234px;
		left: 64px;
		top: 329.066vw;
		left: 17.066vw;
		z-index: 15;
	}
	
	.main_sub_text03 img {
		width: 256px;
		width: 68.266vw;
		height: auto;
	}
	
	.main_sub_illust {
		position: absolute;
		top: 1304px;
		left: 188px;
		top: 347.733vw;
		left: 50.133vw;
		z-index: 15;
	}
	
	.main_sub_illust img {
		width: 164px;
		width: 43.733vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group tsunagaru */
	
	.tunagaru {
		position: relative;
		padding: 243px 0 0;
		padding: 64.8vw 0 0;
		background: #ffffff;
	}
	
	.tunagaru_line {
		text-align: center;
	}
	
	.tunagaru_line img {
		width: 100%;
		height: auto;
	}
	
	.tunagaru_lead {
		position: absolute;
		top: 136px;
		left: 32px;
		top: 36.266vw;
		left: 8.533vw;
		z-index: 1;
	}
	
	.tunagaru_lead img {
		width: 307px;
		width: 81.866vw;
		height: auto;
	}
	
	.tunagaru_chara {
		position: absolute;
		top: 250px;
		left: 91px;
		top: 66.66vw;
		left: 24.266vw;
		z-index: 1;
		transform: scale(0.3);
		transform-origin: center;
	}
	
	.tunagaru_chara img {
		width: 195px;
		width: 52vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group brain */
	
	.brain {
		padding: 35px 0 0;
		padding: 9.33vw 0 0;
		position: relative;
		background: #ffffff;
	}
	
	.brain img {
		width: 100%;
		height: auto;
	}
	
	.brain_title {
		position: absolute;
		top: 204px;
		left: 57px;
		top: 54.4vw;
		left: 15.2vw;
		z-index: 2;
	}
	
	.brain_title img {
		width: 259px;
		width: 69.066vw;
		height: auto;
	}
	
	.brain_text01 {
		position: absolute;
		top: 134px;
		left: 56px;
		top: 35.733vw;
		left: 14.933vw;
		z-index: 1;
	}
	
	.brain_text01 img {
		width: 219px;
		width: 58.4vw;
		height: auto;
	}
	
	.brain_text02 {
		position: absolute;
		top: 164px;
		left: 132px;
		top: 43.733vw;
		left: 35.2vw;
		z-index: 1;
	}
	
	.brain_text02 img {
		width: 179px;
		width: 47.733vw;
		height: auto;
	}
	
	.brain_text03 {
		position: absolute;
		top: 216px;
		left: 120px;
		top: 57.6vw;
		left: 32vw;
		z-index: 1;
	}
	
	.brain_text03 img {
		width: 204px;
		width: 54.4vw;
		height: auto;
	}
	
	.brain_text04 {
		position: absolute;
		top: 254px;
		left: 53px;
		top: 67.733vw;
		left: 14.133vw;
		z-index: 1;
	}
	
	.brain_text04 img {
		width: 227px;
		width: 60.533vw;
		height: auto;
	}
	
	.brain_ot {
		position: absolute;
		top: 209px;
		top: 55.733vw;
		right: -5px;
		right: -1.33vw;
		z-index: 1;
	}
	
	.brain_ot img {
		width: 148px;
		width: 39.466vw;
		height: auto;
	}
	
	.brain_desc {
		position: relative;
		z-index: 1;
		margin: 16px 0 0 31px;
		margin: 4.266vw 0 0 8.266vw;
	}
	
	.brain_desc img {
		width: 300px;
		width: 80vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group go */
	
	.go {
		background: #ffffff;
		padding: 91px 0 0;
		padding: 24.266vw 0 0;
		position: relative;
	}
	
	.go_title {
		text-align: center;
		margin: 0 0 0 27px;
		margin: 0 0 0 7.2vw;
	}
	
	.go_title img {
		width: 175px;
		width: 46.66vw;
		height: auto;
	}
	
	.go_wave {
		margin: -15px 0 0;
		margin: -4vw 0 0;
	}
	
	.go_wave img {
		width: 100%;
		height: auto;
	}
	
	.go_base img {
		width: 100%;
		height: auto;
	}
	
	.go_main {
		position: absolute;
		top: 259px;
		top: 69.066vw;
		left: 0;
		z-index: 1;
		width: 100%;
		text-align: center;
	}
	
	.go_main img {
		width: 362px;
		width: 96.533vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group find */
	
	.find {
		position: relative;
	}
	
	.find_title {
		margin: 70px 0 0 6px;
		margin: 18.66vw 0 0 1.6vw;
		text-align: center;
	}
	
	.find_title img {
		width: 292px;
		width: 77.866vw;
		height: auto;
	}
	
	.find_text {
		text-align: center;
		margin: 29px 0 0;
		margin: 7.733vw 0 0;
	}
	
	.find_text img {
		width: 312px;
		width: 83.2vw;
		height: auto;
	}
	
	.find_wrap {
		text-align: center;
		margin: 31px 0 0 0;
		margin: 8.266vw 0 0 0;
		position: relative;
	}
	
	.find_base img {
		width: 100%;
		height: auto;
	}
	
	.find_arrow01 {
		position: absolute;
		top: 178px;
		right: 49px;
		top: 47.466vw;
		right: 13.066vw;
		z-index: 1;
	}
	
	.arrow_effect {
		animation: arroweffect 2s;
		transform-origin: center right;
	}
	
	.find_arrow01 img {
		width: 142px;
		width: 37.866vw;
		height: auto;
	}
	
	.find_arrow02 {
		position: absolute;
		top: 306px;
		left: 51px;
		top: 81.6vw;
		left: 13.6vw;
		z-index: 1;
	}
	
	.find_arrow02 img {
		width: 142px;
		width: 37.866vw;
		height: auto;
	}
	
	.find_bridge {
		position: absolute;
		top: 566px;
		left: 1px;
		top: 150.933vw;
		left: 0.266vw;
		z-index: 1;
	}
	
	.find_bridge img {
		width: 322px;
		width: 85.866vw;
		height: auto;
		transform: scale(0);
	}
	
	.find_bridge.active img {
		transform: scale(1);
	}
	
	.find_bridge.active	.find_bridge_img {
		animation: findbridge 2s;
		transform-origin: center center;
	}
	
	.find_chara {
		position: absolute;
		top: 505px;
		left: 92px;
		top: 134.66vw;
		left: 24.533vw;
		z-index: 1;
	}
	
	.find_chara img {
		width: 264px;
		width: 70.4vw;
		height: auto;
	}
	
	.find_chara2 {
		position: absolute;
		top: 664px;
		left: 216px;
		top: 177.066vw;
		left: 57.6vw;
		z-index: 5;
	}
	
	.find_chara2 img {
		width: 135px;
		width: 36vw;
		height: auto;
	}
	
	.find_chara3 {
		position: absolute;
		top: 833px;
		left: 85px;
		top: 222.133vw;
		left: 22.666vw;
		z-index: 5;
	}
	
	.find_chara3 img {
		width: 125px;
		width: 33.333vw;
		height: auto;
	}
	
	.find_otbridge {
		position: absolute;
		top: 762px;
		left: 128px;
		top: 203.2vw;
		left: 34.133vw;
		z-index: 2;
	}
	
	.find_otbridge_inner {
		position: relative;
	}
	
	.find_otbridge img {
		position: absolute;
		width: 53px;
		width: 14.133vw;
		height: auto;
		z-index: 1;
		opacity: 0;
		transform: translateY(-10px);
		transform: translateY(-2.66vw);
		transition: opacity 0.6s ease, transform 0.6s ease;
	}
	
	.find_otbridge img.is-show {
		opacity: 1;
		transform: translateY(0);
	}
	
	.find_otbridge img:nth-child(1) {
		top: 0;
		left: 90px;
		left: 24vw;
	}
	
	.find_otbridge img:nth-child(2) {
		top: 18px;
		left: 80px;
		top: 4.8vw;
		left: 21.33vw;
	}
	
	.find_otbridge img:nth-child(3) {
		top: 36px;
		left: 70px;
		top: 9.6vw;
		left: 18.66vw;
	}
	
	.find_otbridge img:nth-child(4) {
		top: 54px;
		left: 60px;
		top: 14.4vw;
		left: 16vw;
	}
	
	.find_otbridge img:nth-child(5) {
		top: 72px;
		left: 50px;
		top: 19.2vw;
		left: 13.33vw;
	}
	
	.find_otbridge img:nth-child(6) {
		top: 90px;
		left: 40px;
		top: 24vw;
		left: 10.66vw;
	}
	
	.find_otbridge img:nth-child(7) {
		top: 108px;
		left: 30px;
		top: 28.8vw;
		left: 8vw;
	}
	
	.find_foot {
		position: absolute;
		top: 1042px;
		left: 93px;
		top: 277.866vw;
		left: 24.8vw;
		z-index: 5;
	}
	
	.find_foot img {
		width: 189px;
		width: 50.4vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group part1 */
	
	.part1 {
		position: relative;
	}
	
	.part1_base {
		margin: 184px 0 0;
		margin: 49.066vw 0 0;
		margin: 148px 0 0;
	}
	
	.part1_base img {
		width: 364px;
		width: 97.066vw;
		height: auto;
	}
	
	.part1_title {
		display: none;
	}
	
	.part1_lead {
		position: absolute;
		top: 114px;
		top: 30.4vw;
		left: 35px;
		left: 9.33vw;
		z-index: 1;
	}
	
	.part1_lead img {
		width: 305px;
		width: 81.33vw;
		height: auto;
	}
	
	.part1_kokuban {
		position: absolute;
		top: 191px;
		top: 227px;
		left: 25px;
		top: 60.53vw;
		left: 6.66vw;
		z-index: 1;
	}
	
	.part1_kokuban img {
		width: 327px;
		width: 87.2vw;
		height: auto;
	}
	
	.part1_ot {
		position: absolute;
		top: 520px;
		left: 227px;
		top: 138.66vw;
		left: 60.533vw;
		z-index: 2;
		transform: translateX(-120vw);
	}
	
	.part1_ot img {
		width: 110px;
		width: 29.333vw;
		height: auto;
	}
	
	.part1_person {
		position: absolute;
		top: 324px;
		top: 360px;
		left: 52px;
		top: 96vw;
		left: 13.866vw;
		z-index: 3;
	}
	
	.part1_person img {
		width: 290px;
		width: 77.33vw;
		height: auto;
	}
	
	.part1_curve {
		position: absolute;
		top: 528px;
		top: 564px;
		top: 140.8vw;
		top: 150.4vw;
		left: 0px;
		z-index: 1;
	}
	
	.part1_curve img {
		width: 369px;
		width: 98.4vw;
		height: auto;
	}
	
	.part1_try {
		position: absolute;
		top: 709px;
		top: 745px;
		left: 20px;
		top: 189.066vw;
		top: 198.66vw;
		left: 5.33vw;
		z-index: 5;
	}
	
	.part1_try img {
		width: 216px;
		width: 57.6vw;
		height: auto;
	}
	
	.part1_try_text {
		position: absolute;
		top: 819px;
		top: 855px;
		left: 45px;
		top: 218.4vw;
		top: 228vw;
		left: 12vw;
		z-index: 5;
	}
	
	.part1_try_text img {
		width: 286px;
		width: 76.266vw;
		height: auto;
	}
	
	.part1_try_illust {
		position: absolute;
		top: 1089px;
		top: 1125px;
		left: 35px;
		top: 290.4vw;
		top: 300vw;
		left: 9.33vw;
		z-index: 5;
	}
	
	.part1_try_illust img {
		width: 301px;
		width: 80.266vw;
		height: auto;
	}
	
	.part1_try_text2 {
		position: absolute;
		top: 1374px;
		top: 1410px;
		left: 44px;
		top: 366.4vw;
		top: 376vw;
		left: 11.733vw;
		z-index: 5;
	}
	
	.part1_try_text2 img {
		width: 282px;
		width: 75.2vw;
		height: auto;
	}
	
	.part1_try_kana {
		position: absolute;
		top: 1641px;
		top: 1677px;
		left: 47px;
		top: 437.6vw;
		top: 447.2vw;
		left: 12.533vw;
		z-index: 5;
	}
	
	.part1_try_kana img {
		width: 198px;
		width: 52.8vw;
		height: auto;
	}
	
	.part1_moji01 {
		position: absolute;
		top: 1660px;
		top: 1696px;
		left: 173px;
		top: 442.66vw;
		top: 452.26vw;
		left: 46.133vw;
		z-index: 5;
	}
	
	.part1_moji01 svg {
		width: 61px;
		width: 16.266vw;
		height: auto;
	}
	
	.part1_moji02 {
		position: absolute;
		top: 1742px;
		top: 1778px;
		left: 174px;
		top: 464.533vw;
		top: 474.133vw;
		left: 46.4vw;
		z-index: 5;
	}
	
	.part1_moji02 svg {
		width: 43px;
		width: 11.466vw;
		height: auto;
	}
	
	.part1_foot {
		position: absolute;
		top: 1979px;
		top: 2015px;
		top: 527.733vw;
		top: 537.33vw;
		left: 0px;
		z-index: 5;
	}
	
	.part1_foot img {
		width: 355px;
		width: 94.666vw;
		height: auto;
	}
	
	.part1_foot_chara {
		position: absolute;
		top: 1923px;
		top: 1959px;
		left: 11px;
		top: 522.4vw;
		left: 2.933vw;
		z-index: 6;
	}
	
	.part1_foot_chara img {
		width: 96px;
		width: 25.6vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group part2 */
	
	.part2 {
		position: relative;
	}
	
	.part2_base {
		margin: 444px 0 0;
		margin: 408px 0 0;
		margin: 118.4vw 0 0;
		margin: 108.8vw 0 0;
		text-align: right;
	}
	
	.part2_base img {
		width: 364px;
		width: 97.066vw;
		height: auto;
	}
	
	.part2_title {
		display: none;
	}
	
	.part2_lead {
		position: absolute;
		top: 78px;
		top: 114px;
		left: 44px;
		top: 20.8vw;
		top: 30.4vw;
		left: 11.733vw;
		z-index: 1;
	}
	
	.part2_lead img {
		width: 290px;
		width: 77.333vw;
		height: auto;
	}
	
	.part2_who {
		position: absolute;
		top: 189px;
		top: 225px;
		left: 24px;
		top: 50.4vw;
		top: 60vw;
		left: 6.4vw;
		z-index: 1;
	}
	
	.part2_who img {
		width: 326px;
		width: 86.933vw;
		height: auto;
	}
	
	.part2_ot {
		position: absolute;
		top: 576px;
		top: 612px;
		left: 830px;
		top: 153.6vw;
		top: 163.2vw;
		left: 221.333vw;
		z-index: 1;
	}
	
	.part2_ot img {
		width: 198px;
		width: 52.8vw;
		height: auto;
	}
	
	.part2_ot {
		position: absolute;
		top: 519px;
		top: 555px;
		left: 227px;
		top: 138.4vw;
		top: 148vw;
		left: 60.533vw;
		z-index: 2;
	}
	
	.part2_ot img {
		width: 107px;
		width: 28.533vw;
		height: auto;
	}
	
	.part2_person {
		position: absolute;
		top: 320px;
		top: 356px;
		left: 62px;
		top: 85.333vw;
		top: 94.933vw;
		left: 16.533vw;
		z-index: 3;
	}
	
	.part2_person img {
		width: 290px;
		width: 77.333vw;
		height: auto;
	}
	
	.part2_curve {
		position: absolute;
		top: 525px;
		top: 561px;
		top: 140vw;
		top: 149.6vw;
		left: 0px;
		z-index: 1;
	}
	
	.part2_curve img {
		width: 369px;
		width: 98.4vw;
		height: auto;
	}
	
	.part2_try {
		position: absolute;
		top: 707px;
		top: 743px;
		left: 32px;
		top: 188.533vw;
		top: 198.133vw;
		left: 8.533vw;
		z-index: 5;
	}
	
	.part2_try img {
		width: 216px;
		width: 57.6vw;
		height: auto;
	}
	
	.part2_try_text {
		position: absolute;
		top: 817px;
		top: 853px;
		left: 56px;
		top: 217.866vw;
		top: 227.46vw;
		left: 14.933vw;
		z-index: 5;
	}
	
	.part2_try_text img {
		width: 286px;
		width: 76.266vw;
		height: auto;
	}
	
	.part2_try_illust {
		position: absolute;
		top: 1029px;
		top: 1065px;
		left: 56px;
		top: 274.4vw;
		top: 284vw;
		left: 14.933vw;
		z-index: 5;
	}
	
	.part2_try_illust img {
		width: 233px;
		width: 62.133vw;
		height: auto;
	}
	
	.part2_try_text2 {
		position: absolute;
		top: 1319px;
		top: 1355px;
		left: 56px;
		top: 351.733vw;
		top: 361.33vw;
		left: 14.933vw;
		z-index: 5;
	}
	
	.part2_try_text2 img {
		width: 286px;
		width: 76.266vw;
		height: auto;
	}
	
	.part2_paper, .part2_paper2 {
		position: absolute;
		top: 1520px;
		top: 1556px;
		left: 800px;
		top: 405.33vw;
		top: 414.933vw;
		left: 213.33vw;
		z-index: 6;
	}
	
	.part2_paper {
		z-index: 7;
	}
	
	.part2_paper.moved {
		animation: knowunknown_sp 2s;
		top: 1743px;
		top: 1779px;
		left: 92px;
		top: 464.8vw;
		top: 474.4vw;
		left: 24.533vw;
	}
	
	.part2_paper2.moved {
		animation: knowunknown2_sp 4s;
		top: 1743px;
		top: 1779px;
		left: 225px;
		top: 464.8vw;
		top: 474.4vw;
		left: 60vw;
	}
	
	.part2_paper img, .part2_paper2 img {
		width: 68px;
		width: 18.133vw;
		height: auto;
	}
	
	.part2_box {
		position: absolute;
		top: 1715px;
		top: 1751px;
		left: 693px;
		top: 457.333vw;
		top: 466.933vw;
		left: 184.8vw;
		z-index: 5;
	}
	
	.part2_box img {
		width: 301px;
		width: 80.266vw;
		height: auto;
	}
	
	.part2_box01 {
		position: absolute;
		top: 1732px;
		top: 1768px;
		left: 60px;
		top: 461.866vw;
		top: 471.466vw;
		left: 19.466vw;
		z-index: 5;
	}
	
	.part2_box01 img {
		width: 273px;
		width: 66.133vw;
		height: auto;
	}
	
	.part2_box02 {
		position: absolute;
		top: 1732px;
		top: 1768px;
		left: 60px;
		top: 461.866vw;
		top: 471.466vw;
		left: 19.466vw;
		z-index: 8;
	}
	
	.part2_box02 img {
		width: 273px;
		width: 66.133vw;
		height: auto;
	}
	
	.part2_foot {
		position: absolute;
		top: 1943px;
		top: 1979px;
		left: 21px;
		top: 518.133vw;
		top: 527.733vw;
		left: 5.6vw;
		z-index: 5;
	}
	
	.part2_foot img {
		width: 355px;
		width: 94.666vw;
		height: auto;
	}
	
	.part2_foot_person {
		position: absolute;
		top: 1883px;
		top: 1919px;
		left: 264px;
		top: 502.133vw;
		top: 511.733vw;
		left: 70.4vw;
		z-index: 6;
	}
	
	.part2_foot_person img {
		width: 98px;
		width: 26.133vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group kobanashi */
	
	.kobanashi {
		margin: 434px 0 0;
		margin: 115.733vw 0 0;
	}
	
	.kobanashi .contents_inner {
		max-width: 1200px;
	}
	
	.kobanashi_waku img {
		width: 100%;
		height: auto;
	}
	
	.kobanashi_base {
		position: absolute;
		top: 60px;
		left: 20px;
		top: 16vw;
		left: 5.33vw;
		width: 89.33vw;
		background: #ffffff;
		padding-bottom: 55px;
		padding-bottom: 7.33vw;
	}
	
	.kobanashi_title {
		margin: -33px 0 0 21px;
		margin: -8.8vw 0 0 5.6vw;
	}
	
	.kobanashi_title img {
		width: 296px;
		width: 78.933vw;
		height: auto;
	}
	
	.kobanashi_text {
		margin: 60px 40px;
		margin: 8vw 5.33vw;
	}
	
	.kobanashi_lead {
		font-size: 42px;
		font-size: 5.6vw;
		font-weight: bold;
		letter-spacing: 0.08em;
	}
	
	.kobanashi_textarea {
		font-size: 30px;
		font-size: 4vw;
		font-weight: bold;
		line-height: 1.86;
		margin: 26px 0 0;
		margin: 3.466vw 0 0;
		text-align: justify;
	}
	
	.kobanashi_textarea br {
		display: none;
	}
	
	/* @end */
	
	/* @group part3 */
	
	.part3 {
		position: relative;
	}
	
	.part3_base {
		margin: 160px 0 0;
		margin: 124px 0 0;
		margin: 33.066vw 0 0;
	}
	
	.part3_base img {
		width: 364px;
		width: 97.066vw;
		height: auto;
	}
	
	.part3_title {
		display: none;
	}
	
	.part3_lead {
		position: absolute;
		top: 78px;
		top: 114px;
		left: 19px;
		top: 20.8vw;
		top: 30.4vw;
		left: 5.06vw;
		z-index: 1;
	}
	
	.part3_lead img {
		width: 326px;
		width: 86.933vw;
		height: auto;
	}
	
	.part3_forget {
		position: absolute;
		top: 191px;
		top: 227x;
		left: 24px;
		top: 50.933vw;
		top: 60.533vw;
		left: 6.4vw;
		z-index: 1;
	}
	
	.part3_forget img {
		width: 326px;
		width: 86.933vw;
		height: auto;
	}
	
	.part3_ot {
		position: absolute;
		top: 487px;
		top: 523px;
		left: 225px;
		top: 129.866vw;
		top: 139.466vw;
		left: 60vw;
		z-index: 2;
	}
	
	.part3_ot img {
		width: 111px;
		width: 29.6vw;
		height: auto;
	}
	
	.part3_person {
		position: absolute;
		top: 323px;
		top: 359px;
		left: 53px;
		top: 86.133vw;
		top: 95.733vw;
		left: 14.133vw;
		z-index: 3;
	}
	
	.part3_person img {
		width: 290px;
		width: 77.333vw;
		height: auto;
	}
	
	.part3_curve {
		position: absolute;
		top: 526px;
		top: 562px;
		top: 140.266vw;
		top: 149.866vw;
		left: 0px;
		z-index: 1;
	}
	
	.part3_curve img {
		width: 369px;
		width: 98.4vw;
		height: auto;
	}
	
	.part3_try {
		position: absolute;
		top: 708px;
		top: 744px;
		left: 19px;
		top: 188.8vw;
		top: 198.4vw;
		left: 5.066vw;
		z-index: 5;
	}
	
	.part3_try img {
		width: 216px;
		width: 57.6vw;
		height: auto;
	}
	
	.part3_try_text {
		position: absolute;
		top: 819px;
		top: 855px;
		left: 44px;
		top: 218.4vw;
		top: 228vw;
		left: 11.733vw;
		z-index: 5;
	}
	
	.part3_try_text img {
		width: 286px;
		width: 76.266vw;
		height: auto;
	}
	
	.part3_try_text2 {
		position: absolute;
		top: 1820px;
		top: 1856px;
		left: 44px;
		top: 485.33vw;
		top: 494.933vw;
		left: 11.733vw;
		z-index: 5;
	}
	
	.part3_try_text2 img {
		width: 286px;
		width: 76.266vw;
		height: auto;
	}
	
	.part3_board {
		position: absolute;
		top: 1293px;
		top: 1329px;
		left: 41px;
		top: 344.8vw;
		top: 354.4vw;
		left: 10.933vw;
		z-index: 6;
	}
	
	.part3_board img {
		width: 286px;
		width: 76.266vw;
		height: auto;
	}
	
	.part3_123 {
		position: absolute;
		top: 1590px;
		top: 1626px;
		left: 136px;
		top: 424vw;
		top: 433.6vw;
		left: 36.266vw;
		z-index: 6;
	}
	
	.part3_123 img {
		width: 84px;
		width: 22.4vw;
		height: auto;
	}
	
	.part3_icon01 {
		position: absolute;
		top: 1105px;
		top: 1141px;
		left: 58px;
		top: 294.66vw;
		top: 304.266vw;
		left: 15.466vw;
		z-index: 6;
		transform: translate(0, 0);
	}
	
	.part3_icon01 img {
		width: 90px;
		width: 24vw;
		height: auto;
		transform: rotate(182deg);
	}
	
	.part3_icon01.moved {
		transform: translate(135px, 257px);
		transform: translate(36vw, 68.533vw);
	}
	
	.part3_icon01.moved img {
		width: 48px;
		width: 12.8vw;
		transform: rotate(182deg) rotate(720deg);
	}
	
	.part3_icon01, .part3_icon02, .part3_icon03_1, .part3_icon03_2, .part3_icon04_1, .part3_icon04_2 {
		position: absolute;
		transition: transform 1.2s ease-out;
		will-change: transform;
	}
	
	.part3_icon01 img, .part3_icon02 img, .part3_icon03_1 img, .part3_icon03_2 img, .part3_icon04_1 img, .part3_icon04_2 img {
		transition: transform 1.2s ease-out,
		width 1.2s ease-out;
	}
	
	.part3_icon02 {
		top: 1236px;
		top: 1272px;
		left: 180px;
		top: 329.6vw;
		top: 339.2vw;
		left: 48vw;
		z-index: 6;
		transform: translate(0, 0);
	}
	
	.part3_icon02 img {
		width: 94px;
		width: 25.066vw;
		transform: rotate(184deg);
	}
	
	.part3_icon02.moved {
		transform: translate(13px, 184px);
		transform: translate(3.466vw, 49.066vw);
	}
	
	.part3_icon02.moved img {
		width: 49px;
		width: 13.066;
		transform: rotate(0deg) rotate(720deg);
	}
	
	.part3_icon03_1 {
		top: 1142px;
		top: 1178px;
		left: 126px;
		top: 304.533vw;
		top: 314.133vw;
		left: 33.6vw;
		z-index: 7;
		transform: translate(0, 0);
	}
	
	.part3_icon03_1 img {
		width: 68px;
		width: 18.133vw;
		transform: rotate(5deg);
	}
	
	.part3_icon03_1.moved {
		transform: translate(69px, 322px);
		transform: translate(18.4vw, 85.866vw);
	}
	
	.part3_icon03_1.moved img {
		width: 35px;
		width: 9.33vw;
		transform: rotate(5deg) rotate(720deg);
	}
	
	.part3_icon03_2 {
		top: 1180px;
		top: 1216px;
		left: 147px;
		top: 314.66vw;
		top: 324.266vw;
		left: 39.2vw;
		z-index: 6;
		transform: translate(0, 0);
	}
	
	.part3_icon03_2 img {
		width: 50px;
		width: 13.33vw;
		transform: rotate(45deg);
	}
	
	.part3_icon03_2.moved {
		transform: translate(72px, 286px);
		transform: translate(19.2vw, 76.266vw);
	}
	
	.part3_icon03_2.moved img {
		width: 25px;
		width: 6.66vw;
		transform: rotate(0deg) rotate(720deg);
	}
	
	.part3_icon04_1 {
		top: 1159px;
		top: 1195px;
		left: 243px;
		top: 309.066vw;
		top: 318.66vw;
		left: 64.8vw;
		z-index: 7;
		transform: translate(0, 0);
	}
	
	.part3_icon04_1 img {
		width: 56px;
		width: 14.933vw;
		transform: rotate(-32deg);
	}
	
	.part3_icon04_1.moved {
		transform: translate(-30px, 358px);
		transform: translate(-8vw, 95.466vw);
	}
	
	.part3_icon04_1.moved img {
		width: 29px;
		width: 7.733vw;
		transform: rotate(0) rotate(720deg);
	}
	
	.part3_icon04_2 {
		top: 1112px;
		top: 1148px;
		left: 210px;
		top: 296.533vw;
		top: 306.133vw;
		left: 56vw;
		z-index: 6;
		transform: translate(0, 0);
	}
	
	.part3_icon04_2 img {
		width: 38px;
		width: 10.133vw;
		transform: rotate(-2deg);
	}
	
	.part3_icon04_2.moved {
		transform: translate(-14px, 405px);
		transform: translate(-3.733vw, 108vw);
	}
	
	.part3_icon04_2.moved img {
		width: 18px;
		width: 4.8vw;
		transform: rotate(-2deg) rotate(720deg);
	}
	
	.part3_icon_dekita {
		position: absolute;
		z-index: 6;
		opacity: 0;
		transform: scale(0.3);
		transition: opacity 0.3s ease,
		transform 0.3s cubic-bezier(.34,1.56,.64,1);
	}
	
	.part3_icon_dekita img {
		width: 35px;
		width: 9.33vw;
		height: auto;
	}
	
	.part3_icon_dekita.show {
		opacity: 1;
		transform: scale(1);
	}
	
	.part3_icon_dekita01 {
		top: 1359px;
		top: 1395px;
		left: 259px;
		top: 362.4vw;
		top: 372vw;
		left: 69.066vw;
	}
	
	.part3_icon_dekita02 {
		top: 1412px;
		top: 1448px;
		left: 259px;
		top: 376.533vw;
		top: 386.133vw;
		left: 69.066vw;
	}
	
	.part3_icon_dekita03 {
		top: 1463px;
		top: 1499px;
		left: 259px;
		top: 390.133vw;
		top: 399.733vw;
		left: 69.066vw;
	}
	
	.part3_icon_dekita04 {
		top: 1515px;
		top: 1551px;
		left: 259px;
		top: 404vw;
		top: 413.6vw;
		left: 69.066vw;
	}
	
	.part3_icon_q {
		position: absolute;
		top: 1161px;
		top: 1197px;
		left: 178px;
		top: 309.6vw;
		top: 319.2vw;
		left: 47.466vw;
		z-index: 6;
	}
	
	.part3_icon_q img {
		width: 30px;
		width: 8vw;
		height: auto;
	}
	
	.part3_icon_num1 {
		position: absolute;
		top: 1205px;
		top: 1241px;
		left: 201px;
		top: 321.33vw;
		top: 330.933vw;
		left: 53.6vw;
		z-index: 6;
	}
	
	.part3_icon_num1 img {
		width: 41px;
		width: 10.933vw;
		height: auto;
	}
	
	.part3_icon_num2 {
		position: absolute;
		top: 1117px;
		top: 1153px;
		left: 163px;
		top: 297.866vw;
		top: 307.466vw;
		left: 43.466vw;
		z-index: 6;
	}
	
	.part3_icon_num2 img {
		width: 25px;
		width: 6.66vw;
		height: auto;
	}
	
	.part3_icon_num3 {
		position: absolute;
		top: 1235px;
		top: 1271px;
		left: 100px;
		top: 329.33vw;
		top: 338.933vw;
		left: 26.666vw;
		z-index: 6;
	}
	
	.part3_icon_num3 img {
		width: 33px;
		width: 8.8vw;
		height: auto;
	}
	
	.part3_icon_num4 {
		position: absolute;
		top: 1193px;
		top: 1229px;
		left: 94px;
		top: 318.133vw;
		top: 327.733vw;
		left: 25.066vw;
		z-index: 6;
	}
	
	.part3_icon_num4 img {
		width: 26px;
		width: 6.933vw;
		height: auto;
	}
	
	.part3_foot {
		position: absolute;
		top: 2160px;
		top: 2196px;
		top: 576vw;
		top: 585.6vw;
		left: 0;
		z-index: 5;
	}
	
	.part3_foot img {
		width: 355px;
		width: 94.666vw;
		height: auto;
	}
	
	.part3_foot_person {
		position: absolute;
		top: 2126px;
		top: 2162px;
		left: 9px;
		top: 566.933vw;
		top: 576.533vw;
		left: 2.4vw;
		z-index: 6;
	}
	
	.part3_foot_person img {
		width: 96px;
		width: 25.6vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group ittera */
	
	.ittera {
		margin: 234px 0 0;
		margin: 62.4vw 0 0;
		position: relative;
	}
	
	.ittera_lead {
		text-align: center;
		margin: 0 0 0 0;
	}
	
	.ittera_lead img {
		width: 279px;
		width: 74.4vw;
		height: auto;
	}
	
	.ittera_chara {
		margin: 116px 0;
		margin: 30.933vw 0;
		text-align: center;
		position: relative;
		z-index: 3;
	}
	
	.ittera_chara img {
		width: 98px;
		width: 26.133vw;
		height: auto;
	}
	
	.ittera_line {
		position: absolute;
		top: 124px;
		top: 33.066vw;
		left: 0;
		z-index: 1;
		width: 100%;
	}
	
	.ittera_line img {
		width: 100%;
		height: auto;
	}
	
	/* @end */
	
	/* @group support */
	
	.support {
		position: relative;
		background: #ffffff;
	}
	
	.support_head {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
	}
	
	.support_head img {
		width: 100%;
		height: auto;
	}
	
	.support_title {
		position: relative;
		z-index: 2;
		text-align: center;
		padding: 15px 0 0;
		padding: 4vw 0 0;
	}
	
	.support_title img {
		width: 151px;
		width: 40.266vw;
		height: auto;
	}
	
	.support_lead {
		text-align: center;
		padding: 38px 0 0;
		padding: 10.133vw 0 0;
	}
	
	.support_lead img {
		width: 234px;
		width: 62.4vw;
		height: auto;
	}
	
	.support_text {
		text-align: center;
		margin: 26px 0 0px 5px;
		margin: 6.933vw 0 0px 1.333vw;
	}
	
	.support_text img {
		width: 282px;
		width: 75.2vw;
		height: auto;
	}
	
	.support_illust {
		text-align: center;
		margin: 46px 0 0px 0;
		margin: 12.266vw 0 0px 0;
		position: relative;
		z-index: 2;
	}
	
	.support_illust img {
		width: 100%;
		height: auto;
	}
	
	.support_bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
	
	.support_bottom img {
		width: 100%;
		height: auto;
	}
	
	/* @end */
	
	/* @group feature */
	
	.feature {
		position: relative;
		background: #ffffff;
		height: 1200px;
		height: 320vw;
	}
	
	.feature:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 523px;
		height: 139.466vw;
		background: #C2F6FA;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	.feature_title {
		padding: 124px 0 0;
		padding: 33.066vw 0 0;
		text-align: center;
		position: relative;
		z-index: 2;
	}
	
	.feature_title img {
		width: 180px;
		width: 48vw;
		height: auto;
	}
	
	.feature_lead {
		text-align: center;
		margin: 52px 0 0;
		margin: 13.866vw 0 0;
		position: relative;
		z-index: 2;
	}
	
	.feature_lead img {
		width: 282px;
		width: 75.2vw;
		height: auto;
	}
	
	.feature_person_left {
		position: absolute;
		top: 431px;
		left: 0px;
		top: 114.933vw;
		left: 0;
		z-index: 3;
		width: 100%;
	}
	
	.feature_person_left img {
		width: 100%;
		height: auto;
	}
	
	.feature_btn_scope {
		position: absolute;
		top: 708px;
		left: 17px;
		top: 188.8vw;
		left: 4.533vw;
		z-index: 3;
	}
	
	.feature_btn_scope img {
		width: 271px;
		width: 72.266vw;
		height: auto;
	}
	
	.feature_person_right {
		position: absolute;
		top: 741px;
		right: -5px;
		top: 197.6vw;
		right: -1.33vw;
		z-index: 3;
	}
	
	.feature_person_right img {
		width: 380px;
		width: 101.33vw;
		height: auto;
	}
	
	.feature_text {
		position: relative;
		z-index: 3;
		text-align: center;
		margin: 216px 0 0 -107px;
		margin: 57.6vw 0 0 -28.533vw;
	}
	
	.feature_text img {
		width: 476px;
		width: 126.933vw;
		height: auto;
	}
	
	.feature_ot {
		position: absolute;
		top: 577px;
		right: 145px;
		top: 153.866vw;
		right: 38.66vw;
		z-index: 3;
	}
	
	.feature_ot img {
		width: 163px;
		width: 43.466vw;
		height: auto;
	}
	
	.feature_btn_soudan {
		position: absolute;
		top: 1026px;
		right: 54px;
		top: 273.6vw;
		right: 14.4vw;
		z-index: 3;
	}
	
	.feature_btn_soudan img {
		width: 214px;
		width: 57.066vw;
		height: auto;
	}
	
	.feature_btn_soudan_popup {
		position: absolute;
		top: 910px;
		right: 20px;
		top: 242.66vw;
		right: 5.33vw;
		z-index: 4;
		display: none;
	}
	
	.feature_btn_soudan_popup img {
		width: 335px;
		width: 89.333vw;
		height: auto;
	}
	
	.feature_btn_soudan_close {
		position: absolute;
		top: 934px;
		right: 44px;
		top: 249.066vw;
		right: 11.733vw;
		z-index: 5;
		display: none;
	}
	
	.feature_btn_soudan_close img {
		width: 25px;
		width: 6.66vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group social */
	
	.social {
		position: relative;
	}
	
	.social_back {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
	}
	
	.social_chara {
		background: #ffffff;
		text-align: center;
		padding: 74px 0 9px;
		padding: 19.73vw 0 2.4vw;
		position: relative;
		z-index: 1;
	}
	
	.social_chara img {
		width: 172px;
		width: 45.866vw;
		height: auto;
	}
	
	.social_head {
		text-align: center;
		position: relative;
		z-index: 1;
	}
	
	.social_head img {
		width: 100%;
		height: auto;
	}
	
	.social_title {
		text-align: center;
		margin: 38px 0 0;
		margin: 10.133vw 0 0;
		position: relative;
		z-index: 1;
	}
	
	.social_title img {
		width: 191px;
		width: 50.933vw;
		height: auto;
	}
	
	.social_text {
		text-align: center;
		margin: 32px 0 0;
		margin: 8.533vw 0 0;
		position: relative;
		z-index: 1;
	}
	
	.social_text img {
		width: 268px;
		width: 76.266vw;
		height: auto;
	}
	
	.social_japan {
		text-align: center;
		margin: 57px 0 0;
		margin: 15.2vw 0 0;
		position: relative;
		z-index: 1;
	}
	
	.social_japan img {
		width: 78px;
		width: 20.8vw;
		height: auto;
	}
	
	.social_foot {
		text-align: center;
		margin: 26px 0 0 38px;
		margin: 6.933vw 0 0 10.133vw;
		position: relative;
		z-index: 1;
	}
	
	.social_foot img {
		width: 256px;
		width: 68.266vw;
		height: auto;
	}
	
	.social_foot_back {
		position: relative;
		z-index: 1;
		padding-bottom: 30px;
		padding-bottom: 8vw;
	}
	
	.social_foot_back img {
		width: 100%;
		height: auto;
	}
	
	.social_foot_back footer {
		position: absolute;
		bottom: 15px;
		bottom: 4vw;
		left: 0;
		width: 100%;
		z-index: 1;
		text-align: center;
		font-size: 9px;
		font-size: 2.4vw;
		text-align: center;
		font-weight: 500;
		letter-spacing: 0.05em;
	}
	
	/* @end */
}

@keyframes fadeInout {
0% {
	opacity: 0;
}

50% {
	opacity: 1;
}

100% {
	opacity: 0;
}
}


@keyframes charafadeOut {
to {
	opacity: 0;
}
}

@keyframes blurloop {
0% {
	filter: blur(0);
}

50% {
	filter: blur(8px);
}

100% {
	filter: blur(0);
}
}

@keyframes blurloop2 {
0% {
	filter: blur(8px);
}

50% {
	filter: blur(0px);
}

100% {
	filter: blur(8px);
}
}


@keyframes arroweffect {
0% {
	transform: scale(0) translateX(100px);
	opacity: 0;
}

100% {
	transform: scale(1) translateX(0);
	opacity: 1;
}
}


@keyframes findbridge {
0% {
	transform: scale(1,0);
	opacity: 1;
}

100% {
	transform: scale(1,1);
	opacity: 1;
}
}

@keyframes fadeInLeftFar {
from {
	opacity: 0;
	transform: translateX(-120vw);
}

to {
	opacity: 1;
	transform: translateX(0);
}
}

@keyframes fadeInRightFar {
from {
	opacity: 0;
	transform: translateX(120vw);
}

to {
	opacity: 1;
	transform: translateX(0);
}
}


@keyframes knowunknown {
0% {
	top: 1520px;
	left: 800px;
}

30% {
	top: 1560px;
	left: 800px;
}

60% {
	top: 1600px;
	left: 716px;
}

100% {
	top: 1726px;
	left: 716px;
}
}

@keyframes knowunknown_vw {
0% {
	top: 126.66vw;
	left: 66.66vw;
}

30% {
	top: 130vw;
	left: 66.66vw;
}

60% {
	top: 133vw;
	left: 59.66vw;
}

100% {
	top: 143.833vw;
	left: 59.66vw;
}
}



@keyframes knowunknown_sp {
0% {
	top: 1580px;
	top: 1616px;
	left: 160px;
	top: 430.933vw;
	left: 42.66vw;
}

30% {
	top: 1600px;
	top: 1636px;
	left: 160px;
	top: 426.66vw;
	top: 436.266vw;
	left: 42.66vw;
}

60% {
	top: 1650px;
	top: 1686px;
	left: 92px;
	top: 440vw;
	top: 449.6vw;
	left: 24.533vw;
}

100% {
	top: 1743px;
	top: 1779px;
	left: 92px;
	top: 464.8vw;
	top: 474.4vw;
	left: 24.533vw;
}
}


@keyframes knowunknown2 {
0% {
	top: 1520px;
	left: 800px;
}

50% {
	top: 1520px;
	left: 800px;
}

65% {
	top: 1560px;
	left: 800px;
}

80% {
	top: 1600px;
	left: 891px;
}

100% {
	top: 1726px;
	left: 891px;
}
}


@keyframes knowunknown2_vw {
0% {
	top: 126.66vw;
	left: 66.66vw;
}

50% {
	top: 126.66vw;
	left: 66.66vw;
}

65% {
	top: 130vw;
	left: 66.66vw;
}

80% {
	top: 133.33vw;
	left: 74.25vw;
}

100% {
	top: 143.833vw;
	left: 74.25vw;
}
}


@keyframes knowunknown2_sp {
0% {
	top: 1580px;
	top: 1616px;
	left: 160px;
	top: 421.33vw;
	top: 430.933vw;
	left: 42.66vw;
}

50% {
	top: 1580px;
	top: 1616px;
	left: 160px;
	top: 421.33vw;
	top: 430.933vw;
	left: 42.66vw;
}

65% {
	top: 1600px;
	top: 1636px;
	left: 160px;
	top: 426.66vw;
	top: 436.266vw;
	left: 42.66vw;
}

80% {
	top: 1650px;
	top: 1686px;
	left: 235px;
	top: 440vw;
	top: 449.6vw;
	left: 62.66vw;
}

100% {
	top: 1743px;
	top: 1779px;
	left: 235px;
	top: 464.8vw;
	top: 474.4vw;
	left: 62.66vw;
}
}

@keyframes gradientMove {
0% {
	transform: translateX(0%);
}

100% {
	transform: translateX(-50%);
}
}


.animate__fadeInLeftFar {
	animation-name: fadeInLeftFar;
}

.animate__fadeInRightFar {
	animation-name: fadeInRightFar;
}