@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 url("../img/background.png");
	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;
}

.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;
}

@media all and (min-width: 769px) {
	.sponly {
		display: none !important;
	}
	
	/* @group mv */
	
	.mv {
		
	}
	
	.mv .contents_inner {
		background: #3BBEE8;
	}
	
	.base_img img {
		width: 100%;
		height: auto;
	}
	
	header {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 110;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	
	.header_logo {
		margin: 2% 0 0 8.33%;
	}
	
	.header_logo img {
		width: 25.85vw;
		max-width: 310px;
		height: auto;
	}
	
	.header_cloud {
		position: relative;
	}
	
	.header_cloud img {
		width: 33.91vw;
		max-width: 407px;
		height: auto;
	}
	
	.header_character {
		position: absolute;
		top: 136px;
		right: 99px;
		z-index: 110;
	}
	
	.header_character img {
		width: 182px;
		width: 15.166vw;
		max-width: 182px;
		height: auto;
	}
	
	.anime_switch img {
		display: none;
	}
	
	.anime_switch img.active {
		display: block;
	}
	
	.mv_title {
		position: absolute;
		bottom: 42.51%;
		left: 0%;
		z-index: 10;
		width: 100%;
		text-align: center;
	}
	
	.mv_title img {
		max-width: 294px;
		height: auto;
		width: 24.5%;
		margin: 0 auto;
	}
	
	.mv_otkun {
		position: absolute;
		bottom: 26.79%;
		left: 24%;
		z-index: 10;
	}
	
	.mv_otkun img {
		max-width: 195px;
		width: 16.25vw;
		height: auto;
	}
	
	.mv_otpeople {
		position: absolute;
		bottom: 28.05%;
		right: 10%;
		z-index: 10;
	}
	
	.mv_otpeople img {
		max-width: 315px;
		width: 25.26vw;
		height: auto;
	}
	
	.mt_tree_left {
		position: absolute;
		bottom: -2.1%;
		left: 0;
		z-index: 10;
	}
	
	.mt_tree_left img {
		max-width: 574px;
		width: 47.83vw;
		height: auto;
	}
	
	.mt_tree_right {
		position: absolute;
		bottom: -2.0%;
		right: 0;
		z-index: 10;
	}
	
	.mt_tree_right img {
		max-width: 591px;
		width: 49.25vw;
		height: auto;
	}
	
	.mt_tree_left img, .mt_tree_right img {
		transition: all 1s;
	}
	
	.trigger_tree_left {
		-moz-transform: translateX(-340px);
		-ms-transform: translateX(-340px);
		-webkit-transform: translateX(-340px);
		transform: translateX(-340px);
	}
	
	.trigger_tree_right {
		-moz-transform: translateX(396px);
		-ms-transform: translateX(396px);
		-webkit-transform: translateX(396px);
		transform: translateX(396px);
	}
	
	/* @end */
	
	/* @group about */
	
	.about {
		background: #FFFEF3;
	}
	
	.about .contents_inner {
		padding: 150px 0 0;
		padding: 12.5% 0 0;
	}
	
	.base_about {
		position: relative;
		z-index: 1;
	}
	
	.about_text {
		position: absolute;
		top: 476px;
		left: 376px;
		top: 52.19%;
		left: 31.33%;
		z-index: 1;
		max-width: 533px;
		text-align: left;
		font-size: 20px;
		line-height: 1.8;
		font-weight: bold;
		letter-spacing: 0.02em;
	}
	
	.about_ot {
		position: absolute;
		top: 100%;
		left: 47.58%;
		text-align: center;
		z-index: 2;
	}
	
	.about_ot_inner {
		display: inline-block;
		position: relative;
	}
	
	.about_ot_inner > img {
		position: relative;
		z-index: 3;
		max-width: 59px;
		width: 4.91vw;
		height: auto;
	}
	
	.about_ot_anime {
		position: absolute;
		top: -57.94%;
		left: 45.76%;
		z-index: 2;
	}
	
	.about_ot_anime_inner {
		position: relative;
		overflow: hidden;
	}
	
	.about_ot_anime_inner img {
		transform: scale(0);
		transition: all 2s;
		transform-origin: 0 80px;
		max-width: 517px;
		width: 43.08vw;
		height: auto;
	}
	
	.about_ot_anime_inner img.scrolled {
		transform: scale(1);
	}
	
	.about_profile {
		text-align: center;
		position: relative;
		transform: translateY(-13px);
		margin-bottom: -13px;
	}
	
	.about_profile_cloud {
		
	}
	
	.about_profile01 {
		position: absolute;
		top: 366px;
		left: 207px;
		top: 38.4%;
		left: 17.25%;
		z-index: 1;
	}
	
	.about_profile01 img {
		max-width: 345px;
		width: 28.75vw;
		height: auto;
	}
	
	.about_profile02 {
		position: absolute;
		top: 308px;
		left: 754px;
		top: 32.31%;
		left: 62.83%;
		z-index: 1;
	}
	
	.about_profile02 img {
		max-width: 155px;
		width: 12.91vw;
		height: auto;
	}
	
	.about_msg01 {
		position: absolute;
		top: 297px;
		left: 131px;
		top: 31.16%;
		left: 10.91%;
		z-index: 1;
	}
	
	.about_msg01 img {
		max-width: 126px;
		width: 10.5vw;
		height: auto;
	}
	
	.about_msg02 {
		position: absolute;
		top: 268px;
		left: 506px;
		top: 28.12%;
		left: 42.16%;
		z-index: 1;
	}
	
	.about_msg02 img {
		max-width: 172px;
		width: 14.3vw;
		height: auto;
	}
	
	.about_msg03 {
		position: absolute;
		top: 232px;
		left: 877px;
		top: 24.34%;
		left: 73.08%;
		z-index: 1;
	}
	
	.about_msg03 img {
		max-width: 189px;
		width: 15.75vw;
		height: auto;
	}
	
	.about_msg04 {
		position: absolute;
		top: 593px;
		left: 637px;
		top: 62.22%;
		left: 53.08%;
		z-index: 1;
	}
	
	.about_msg04 img {
		max-width: 156px;
		width: 13vw;
		height: auto;
	}
	
	.about_profile_profile_btn {
		position: absolute;
		bottom: 222px;
		right: 111px;
		bottom: 23.29%;
		right: 9.25%;
		z-index: 2;
	}
	
	.about_profile_profile_btn img {
		max-width: 187px;
		width: 15.58vw;
		height: auto;
	}
	
	.about_profile_profile_detail {
		position: absolute;
		top: 163px;
		top: 17.1%;
		left: 0;
		z-index: 30;
		width: 100%;
		text-align: center;
		display: none;
	}
	
	.about_profile_profile_detail_inner {
		position: relative;
		display: inline-block;
	}
	
	.about_profile_profile_detail_inner img {
		max-width: 837px;
		width: 69.75vw;
		height: auto;
	}
	
	.about_profile_profile_detail_inner a {
		position: absolute;
		top: 20px;
		right: 30px;
		top: 3.84%;
		right: 3.58%;
		z-index: 31;
	}
	
	.about_profile_profile_detail_inner a img {
		max-width: 31px;
		width: 2.58vw;
		height: auto;
	}
	
	.letsgo {
		background: #FFFEF3;
		padding: 138px 0 92px;
		padding: 11.5% 0 7.66%;
		text-align: center;
	}
	
	.letsgo_img {
		display: flex;
		justify-content: center;
		padding: 0 0 0 1.5%;
	}
	
	.letsgo_img img {
		max-width: 517px;
		width: 43.08vw;
		height: auto;
	}
	
	.about_otkun {
		position: absolute;
		top: 633px;
		right: 173px;
		top: 69.40%;
		right: 11.41%;
		z-index: 0;
		transition-duration: 0.6s;
		transition-delay: 1.8s;
		transition-property: all;
	}
	
	.about_otkun.scrolled {
		right: 14.41%;
	}
	
	.about_otkun img {
		max-width: 47px;
		width: 3.91vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group introduction */
	
	.introduction {
		padding: 110px 0 0;
		padding: 9.16% 0 0;
		background: #FFFEF3;
	}
	
	.introduction_back {
		position: relative;
	}
	
	.introduction_point {
		position: absolute;
		z-index: 10;
	}
	
	.introduction_point01 {
		top: 386px;
		left: 673px;
		top: 21.98%;
		left: 56.08%;
	}
	
	.introduction_point01 .introduction_point_inner img.introduction_point_img {
		max-width: 367px;
		width: 30.58vw;
		height: auto;
	}
	
	.introduction_link_inner img {
		max-width: 28px;
		width: 2.33vw;
		height: auto;
	}
	
	.introduction_point02 {
		top: 572px;
		left: 111px;
		top: 32.57%;
		left: 9.25%;
	}
	
	.introduction_point02 .introduction_point_inner > img {
		max-width: 278px;
		width: 23.16vw;
		height: auto;
	}
	
	.introduction_point03 {
		top: 621px;
		left: 449px;
		top: 35.36%;
		left: 37.41%;
		z-index: 20;
	}
	
	.introduction_point03 .introduction_point_inner > img {
		max-width: 375px;
		width: 31.25vw;
		height: auto;
	}
	
	.introduction_point04 {
		top: 682px;
		left: 841px;
		top: 38.83%;
		left: 70.08%;
	}
	
	.introduction_point04 .introduction_point_inner > img {
		max-width: 248px;
		width: 20.66vw;
		height: auto;
	}
	
	.introduction_point05 {
		top: 883px;
		left: 481px;
		top: 50.28%;
		left: 40.08%;
	}
	
	.introduction_point05 .introduction_point_inner > img {
		max-width: 332px;
		width: 27.66vw;
		height: auto;
	}
	
	.introduction_point06 {
		top: 911px;
		left: 197px;
		top: 51.87%;
		left: 16.41%;
	}
	
	.introduction_point06 .introduction_point_inner > img {
		max-width: 236px;
		width: 19.66vw;
		height: auto;
	}
	
	.introduction_point07 {
		top: 1132px;
		left: 389px;
		top: 64.46%;
		left: 32.41%;
	}
	
	.introduction_point07 .introduction_point_inner > img {
		max-width: 590px;
		width: 49.16vw;
		height: auto;
	}
	
	.introduction_point_inner {
		position: relative;
	}
	
	.introduction_point_inner a.introduction_link {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
	}
	
	.introduction_point01 a.introduction_link {
		top: -10px;
		right: 18px;
		width: 233px;
		height: 108px;
		top: -3.84%;
		right: 4.9%;
		width: 63.48%;
		height: 41.53%;
		text-align: right;
	}
	
	.introduction_link_inner {
		position: relative;
		display: block;
	}
	
	.introduction_link_inner img {
		position: absolute;
	}
	
	.introduction_point01 a.introduction_link img {
		top: 2px;
		right: 23px;
		top: 1.85%;
		right: 9.91%;
		z-index: 11;
	}
	
	.introduction_point02 a.introduction_link {
		top: -25px;
		right: 0;
		width: 195px;
		height: 123px;
		top: -11.36%;
		right: 0;
		width: 70.14%;
		height: 55.9%;
		z-index: 11;
	}
	
	.introduction_point02 a.introduction_link img {
		top: 2px;
		right: -3px;
		top: 1.62%;
		right: -1.53%;
		z-index: 11;
	}
	
	.introduction_point03 a.introduction_link {
		top: -25px;
		right: 129px;
		width: 193px;
		height: 123px;
		top: -11.21%;
		right: 34.4%;
		width: 51.46%;
		height: 55.15%;
		z-index: 11;
	}
	
	.introduction_point03 a.introduction_link img {
		top: 2px;
		right: -4px;
		top: 1.65%;
		right: -2.08%;
		z-index: 11;
	}
	
	.introduction_point04 a.introduction_link {
		top: -15px;
		right: 0;
		width: 193px;
		height: 115px;
		top: -4.39%;
		right: 0;
		width: 77.82%;
		height: 33.72%;
		z-index: 11;
	}
	
	.introduction_point04 a.introduction_link img {
		top: 4px;
		right: 17px;
		top: 3.47%;
		right: 8.85%;
		z-index: 11;
	}
	
	.introduction_point05 a.introduction_link {
		top: -15px;
		right: 0;
		width: 235px;
		height: 115px;
		top: -6.75%;
		right: 0;
		width: 70.48%;
		height: 51.8%;
		z-index: 11;
	}
	
	.introduction_point05 a.introduction_link img {
		top: -4px;
		right: -1px;
		top: -3.47%;
		right: -0.42%;
		z-index: 11;
	}
	
	.introduction_point06 a.introduction_link {
		top: -15px;
		right: 0px;
		width: 235px;
		height: 115px;
		top: -7.07%;
		right: 0px;
		width: 99.57%;
		height: 54.24%;
		z-index: 11;
	}
	
	.introduction_point06 a.introduction_link img {
		top: 2px;
		right: 13px;
		top: 1.73%;
		right: 5.55%;
		z-index: 11;
	}
	
	.introduction_popup {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20;
		display: none;
	}
	
	.introduction_popup_inner {
		position: relative;
		height: 100%;
	}
	
	.introduction_popup_inner:before {
		content: "";
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 20;
		width: 21px;
		height: 53px;
		background: url("../img/icon_exclamationmark01.svg") no-repeat;
		background-size: auto 53px;
	}
	
	.introduction_point01 .introduction_popup {
		width: 273px;
		/* height: 117px; */
		height: 144px;
		width: 74.38%;
		/* height: 45%; */
		height: 55.29%;
		background: url("../img/introduction_popup01.svg?20240607") no-repeat;
		background-size: 100% auto;
		top: -30px;
		left: 70px;
		top: -11.53%;
		left: 19.97%;
	}
	
	.introduction_point01  .introduction_popup_inner:before {
		top: 20px;
		left: 20px;
		width: 21px;
		height: 53px;
		top: 17.09%;
		left: 7.32%;
		width: 7.69%;
		height: 45.29%;
		background: url("../img/icon_exclamationmark01.svg") no-repeat;
		background-size: auto 100%;
	}
	
	.introduction_point02 .introduction_popup {
		width: 332px;
		height: 170px;
		width: 119.42%;
		height: 77.27%;
		background: url("../img/introduction_popup02.svg") no-repeat;
		background-size: 100% auto;
		top: -90px;
		left: -20px;
		top: -40.9%;
		left: -7.19%;
	}
	
	.introduction_point03 .introduction_popup {
		width: 314px;
		height: 144px;
		width: 83.73%;
		height: 64.57%;
		background: url("../img/introduction_popup03.svg") no-repeat;
		background-size: 100% auto;
		font-size: 17px;
		font-weight: bold;
		top: -60px;
		left: 0px;
		top: -26.9%;
		left: 0px;
	}
	
	.introduction_point04 .introduction_popup {
		width: 314px;
		height: 163px;
		width: 126.61%;
		height: 47.8%;
		background: url("../img/introduction_popup04.svg") no-repeat;
		background-size: 100% auto;
		font-size: 17px;
		font-weight: bold;
		top: -60px;
		left: -20px;
		top: -17.59%;
		left: -8.06%;
	}
	
	.introduction_point05 .introduction_popup {
		width: 310px;
		height: 117px;
		width: 98.72%;
		height: 55.71%;
		background: url("../img/introduction_popup05.svg") no-repeat;
		background-size: 100% auto;
		top: -30px;
		left: 40px;
		top: -14.28%;
		left: 12.73%;
	}
	
	.introduction_point06 .introduction_popup {
		width: 314px;
		height: 144px;
		width: 133%;
		height: 67.92%;
		background: url("../img/introduction_popup06.svg") no-repeat;
		background-size: 100% auto;
		top: -70px;
		left: -90px;
		top: -29.66%;
		left: -42.45%;
	}
	
	.introduction_popup_close {
		position: absolute;
		bottom: -5px;
		right: -8px;
		z-index: 30;
		display: block;
	}
	
	.introduction_popup_close img {
		max-width: 31px;
		width: 2.58vw;
		height: auto;
	}
	
	.introduction_popup_more {
		display: block;
		position: absolute;
		z-index: 30;
		height: 16.66%;
	}
	
	.introduction_popup_more01 {
		top: 21px;
		left: 201px;
		width: 62px;
		top: 14.58%;
		left: 64.21%;
		width: 19.8%;
	}
	
	.introduction_popup_more02 {
		top: 45px;
		left: 47px;
		width: 144px;
		top: 31.25%;
		left: 15.01%;
		width: 46%;
	}
	
	.introduction_popup_more03 {
		top: 45px;
		left: 201px;
		width: 62px;
		top: 31.25%;
		left: 64.21%;
		width: 19.8;
	}
	
	.introduction_popup_more04 {
		top: 73px;
		left: 47px;
		width: 110px;
		top: 50.69%;
		left: 15.01%;
		width: 35.14%;
	}
	
	.introduction_popup_more05 {
		top: 73px;
		left: 169px;
		width: 94px;
		top: 50.69%;
		left: 53.99%;
		width: 30.03%;
	}
	
	.introduction_popup_more06 {
		top: 98px;
		left: 47px;
		width: 18px;
		top: 68.05%;
		left: 15.01%;
		width: 5.75%;
	}
	
	.introduction_popup_more07 {
		top: 96px;
		left: 83px;
		width: 151px;
		top: 66.66%;
		left: 26.51%;
		width: 48.24%;
	}
	
	.introduction_popup_more08 {
		top: 45px;
		left: 47px;
		width: 50px;
		top: 27.6%;
		left: 15.01%;
		width: 15.97%;
	}
	
	.introduction_more {
		position: absolute;
		left: 280px;
		left: 74.66%;
		z-index: 50;
		display: none;
	}
	
	.introduction_more#alzheimers {
		top: -252px;
		top: -113%;
	}
	
	.introduction_more#alzheimers .introduction_more_source {
		top: 345px;
		top: 73.7%;
	}
	
	.introduction_more#reby {
		top: -208px;
		top: -93.27%;
	}
	
	.introduction_more#reby .introduction_more_source {
		top: 301px;
		top: 78.3%;
	}
	
	.introduction_more#kekkan {
		top: -151px;
		top: -67.71%;
	}
	
	.introduction_more#kekkan .introduction_more_source {
		top: 243px;
		top: 81%;
	}
	
	.introduction_more#zentou {
		top: -136px;
		top: -60.98%;
	}
	
	.introduction_more#zentou .introduction_more_source {
		top: 228px;
		top: 83.8%;
	}
	
	.introduction_more_inner {
		position: relative;
		border: 2px solid #000000;
		background: #ffffff;
		padding: 30px 20px;
		width: 314px;
	}
	
	.introduction_more_inner a.close {
		position: absolute;
		top: 5px;
		right: 5px;
		z-index: 55;
	}
	
	.introduction_more_inner a.close img {
		max-width: 31px;
		width: 2.58vw;
		height: auto;
	}
	
	.introduction_more_inner h3 {
		font-size: 19px;
		font-weight: bold;
		margin: 0 0 10px;
		padding: 0;
	}
	
	.introduction_more_inner h3 span {
		color: #EB6143;
	}
	
	.introduction_more_inner p {
		font-size: 16px;
		line-height: 1.8;
		font-weight: 500;
		text-align: justify;
		letter-spacing: -0.02em
	}
	
	.introduction_more_source {
		position: absolute;
		top: 60%;
		right: 100%;
		border: 2px solid #000000;
		background: #ffffff;
		color: #B28750;
		text-align: right;
		z-index: 60;
		white-space: nowrap;
	}
	
	.introduction_more_source a {
		color: #B28750;
	}
	
	.introduction_point04 .introduction_more {
		top: -179px;
		top: -52.49%;
		left: auto;
		right: 107.5%;
	}
	
	/* @end */
	
	/* @group dekiru */
	
	.dekiru {
		
	}
	
	.dekiru_lead {
		position: absolute;
		top: 93px;
		left: 0;
		top: 8.08%;
		width: 100%;
		text-align: center;
		z-index: 1;
	}
	
	.dekiru_lead h2 {
		font-size: 35px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.14em;
		margin: 0 0 0 2.08%;
	}
	
	.char {
		display: inline-block;
		color: #FFF48C;
	}
	
	.dekiru_textarea {
		position: absolute;
		top: 145px;
		left: 505px;
		top: 12.6%;
		left: 42.08%;
		z-index: 1;
		max-width: 900px;
		margin: 6% auto 0;
	}
	
	.dekiru_textarea h3 {
		font-size: 27px;
		font-weight: bold;
		letter-spacing: 4px;
		margin-bottom: 26px;
		margin-bottom: 4.07%;
	}
	
	.dekiru_text {
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 2;
		margin-bottom: 1em;
	}
	
	/* @end */
	
	/* @group life */
	
	.life {
		transform: translateY(-207px);
		text-align: left;
		margin-bottom: -207px;
	}
	
	.life_lead {
		position: absolute;
		top: 371px;
		left: 147px;
		top: 38%;
		left: 12.25%;
		z-index: 1;
		font-size: 31px;
		font-weight: bold;
		line-height: 1.5;
		letter-spacing: 0.12em;
	}
	
	.life_lead rt {
		font-size: small;
	}
	
	.life_textarea {
		padding-left: 6.66%;
		max-width: 520px;
		max-width: 43.33%;
		position: absolute;
		top: 654px;
		left: 137px;
		top: 67.14%;
		left: 11.41%;
		z-index: 1;
	}
	
	.life_textarea_mark {
		position: absolute;
		top: 68.14%;
		left: 11.5%;
		z-index: 1;
	}
	
	.life_textarea_mark img {
		max-width: 42px;
		width: 3.5vw;
		height: auto;
	}
	
	.life_textarea h3 {
		font-size: 23px;
		font-weight: bold;
		margin-bottom: 20px;
		letter-spacing: 0.06em;
	}
	
	.life_text {
		font-size: 17px;
		font-weight: bold;
		text-align: justify;
		margin-right: 5.76%;
		line-height: 1.75;
	}
	
	.life .contents_inner {
		position: relative;
	}
	
	/* @end */
	
	/* @group profile */
	
	.profile_btn {
		position: absolute;
		bottom: 34px;
		right: 110px;
		bottom: 3.49%;
		right: 9.166%;
		z-index: 1;
	}
	
	.profile_detail {
		position: absolute;
		bottom: 85px;
		right: 225px;
		bottom: 8.72%;
		right: 18.75%;
		z-index: 2;
		display: none;
	}
	
	.profile_tomonyan {
		max-width: 358px;
		height: auto;
	}
	
	.profile_detail_inner {
		position: relative;
	}
	
	.profile_detail_close {
		position: absolute;
		top: 10px;
		right: 25px;
		z-index: 10;
	}
	
	/* @end */
	
	/* @group story */
	
	.story {
		background: #ffffff;
		padding: 115px 0 0px;
	}
	
	.story_lead {
		position: absolute;
		top: 513px;
		left: 418px;
		top: 33.35%;
		left: 34.83%;
		z-index: 1;
	}
	
	.story_lead img {
		max-width: 360px;
		width: 30vw;
		height: auto;
		-moz-transition-duration: 2.5s;
		-o-transition-duration: 2.5s;
		-webkit-transition-duration: 2.5s;
		transition-duration: 2.5s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
		transition-delay: 0.6s;
		opacity: 0;
	}
	
	.story_lead img.on {
		opacity: 1;
	}
	
	.story_slider_container {
		position: absolute;
		top: 22.75%;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	
	.swiper-button-next, .swiper-button-prev {
		position: absolute;
		top: 70%;
		z-index: 10;
		width: 43px;
		height: 48px;
		background: url("../img/icon_arrow.svg") no-repeat bottom right;
		outline: 0;
		border: 0;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	.story .swiper-button-next.custom-next-button,
	.slow .swiper-button-next.custom-next-button,
	.grandma .swiper-button-next.custom-next-button  {
		width: 119px;
		height: 48px;
		background: url("../img/icon_arrow_dekiru.svg");
	}
	
	.place .swiper-button-next.custom-next-button  {
		width: 124px;
		height: 48px;
		background: url("../img/icon_arrow_tatoeba.svg");
	}
	
	.story_slider img {
		width: 100%;
		height: auto;
	}
	
	.swiper-button-prev {
		transform: scale(-1, 1);
		left: 9.91%;
	}
	
	.swiper-button-next {
		right: 9.91%;
	}
	
	.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
		opacity: 0;
	}
	
	/* @end */
	
	/* @group slow */
	
	.slow {
		background: #ffffff;
	}
	
	.slow_lead {
		position: absolute;
		top: 99px;
		left: 417px;
		top: 13.58%;
		left: 34.75%;
		z-index: 1;
	}
	
	.slow_lead img {
		max-width: 380px;
		width: 31.66vw;
		height: auto;
		-moz-transition-duration: 2.5s;
		-o-transition-duration: 2.5s;
		-webkit-transition-duration: 2.5s;
		transition-duration: 2.5s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
		transition-delay: 0.6s;
		opacity: 0;
	}
	
	.slow_lead img.on {
		opacity: 1;
	}
	
	.slow_slider_container {
		position: absolute;
		top: -1px;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	
	.slow .profile_btn {
		z-index: 20;
		bottom: 79px;
		bottom: 10.64%;
	}
	
	.slow .profile_detail {
		z-index: 21;
	}
	
	.slow .swiper-button-next, .slow .swiper-button-prev {
		top: 72.7%;
	}
	
	/* @end */
	
	/* @group supermarket */
	
	.supermarket {
		background: #ffffff;
		padding: 143px 0 0;
	}
	
	.supermarket_door {
		display: flex;
		justify-content: center;
		position: absolute;
		top: 5.45%;
		left: 0;
		z-index: 1;
		width: 100%;
	}
	
	.supermarket_door_left img, .supermarket_door_right img {
		transition: all 1s;
		transition-delay: 0.4s;
		max-width: 85px;
		width: 7.08vw;
		height: auto;
	}
	
	.supermarket_door.open .supermarket_door_left img {
		transform: translateX(-79px);
	}
	
	.supermarket_door.open .supermarket_door_right img {
		transform: translateX(79px);
	}
	
	.supermarket_illust {
		position: absolute;
		top: 334px;
		top: 36.42%;
		right: 0;
		z-index: 1;
	}
	
	.supermarket_illust_inner {
		position: relative;
		max-width: 581px;
		width: 48.41vw;
	}
	
	.supermarket_illust img {
		position: absolute;
		top: 0;
		left: 0;
		display: none; /* 最初は非表示に */
		width: 100%;
		height: auto;
	}
	
	.supermarket_illust img:first-child {
		
	}
	
	.supermarket_textarea {
		position: absolute;
		top: 656px;
		left: 121px;
		top: 71.53%;
		left: 10.08%;
		z-index: 1;
		max-width: 40%;
		background: url("../img/market_q.svg") no-repeat 0 5px;
		padding: 0 0 0 5.33%;
	}
	
	.supermarket_textarea h3 {
		font-size: 31px;
		font-weight: bold;
		margin-bottom: 15px;
		letter-spacing: 0.09em;
		line-height: 1.5;
	}
	
	.supermarket_textarea p {
		font-size: 17px;
		font-weight: bold;
		line-height: 1.8;
		letter-spacing: 0.01em;
		text-align: justify;
		margin-right: 9%;
	}
	
	.supermarket_textarea .color_fix {
		color: #EB6143;
	}
	
	/* @end */
	
	/* @group yasashisa */
	
	.yasashisa {
		background: #ffffff;
		padding: 16px 0 0;
	}
	
	.yasashisa_text {
		position: absolute;
		top: 88px;
		top: 22.68%;
		left: 0;
		width: 100%;
		font-size: 31px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 2px;
	}
	
	/* @end */
	
	/* @group kobanashi */
	
	.kobanashi {
		background: url("../img/kobanashi_dot.png");
		background-size: 55px auto;
		padding: 115px 100px;
		padding: 115px 8.33%;
		transform: translateY(-7px);
	}
	
	.kobanashi_inner {
		background: #ffffff;
		position: relative;
		padding: 160px 0 80px;
	}
	
	.kobanashi_title {
		position: absolute;
		top: -84px;
		left: 95px;
		top: -13.06%;
		left: 9.5%;
		z-index: 1;
	}
	
	.kobanashi_title img {
		max-width: 608px;
		width: 50.66vw;
		height: auto;
	}
	
	.kobanashi_text {
		max-width: 47%;
		margin: 0 auto;
		padding-left: 1.6%;
	}
	
	.kobanashi_text h4 {
		font-size: 32px;
		font-weight: bold;
		margin-bottom: 30px;
		letter-spacing: 0.16em;
		margin-bottom: 16px;
	}
	
	.kobanashi_text p {
		font-size: 17px;
		font-weight: bold;
		line-height: 1.8;
	}
	
	/* @end */
	
	/* @group place */
	
	.place {
		transform: translateY(-182px);
		margin-bottom: -182px;
	}
	
	.place_lead {
		position: absolute;
		top: 520px;
		left: 150px;
		top: 34.48%;
		left: 12.5%;
		font-size: 31px;
		font-weight: bold;
		letter-spacing: 0.1em;
		line-height: 1.5;
	}
	
	.place_text_mark {
		position: absolute;
		top: 797px;
		left: 150px;
		top: 52.85%;
		left: 12.25%;
	}
	
	.place_text_mark img {
		max-width: 38px;
		width: 3.166vw;
		height: auto;
	}
	
	.place_text {
		position: absolute;
		top: 797px;
		left: 150px;
		top: 52.85%;
		left: 12.25%;
		font-size: 17px;
		font-weight: bold;
		line-height: 1.7;
		padding: 15px 0 50px 68px;
		letter-spacing: 0.04em;
	}
	
	.place_slider_container {
		position: absolute;
		top: 326px;
		top: 21.61%;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	
	/* @end */
	
	/* @group grandma */
	
	.grandma {
		transform: translateY(-447px);
		margin-bottom: -447px;
	}
	
	.grandma .contents_inner {
		
	}
	
	.grandma_lead {
		position: absolute;
		top: 566px;
		left: 620px;
		top: 48.12%;
		left: 51.66%;
		z-index: 1;
	}
	
	.grandma_lead img {
		max-width: 368px;
		width: 30.66vw;
		height: auto;
		-moz-transition-duration: 2.5s;
		-o-transition-duration: 2.5s;
		-webkit-transition-duration: 2.5s;
		transition-duration: 2.5s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
		transition-delay: 0.6s;
		opacity: 0;
	}
	
	.grandma_lead img.on {
		opacity: 1;
	}
	
	.grandma_slider_container {
		position: absolute;
		top: 455px;
		top: 38.69%;
		left: 0px;
		z-index: 10;
		width: 100%;
	}
	
	/* @end */
	
	/* @group foot */
	
	.foot_cloud {
		transform: translateY(-27px);
		margin-bottom: -27px;
	}
	
	.foot_msg {
		background: #3BBEE8;
		padding: 155px 0 144px;
	}
	
	.foot_msg_container {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	
	.foot_msg_box {
		font-size: 19px;
		font-weight: bold;
		margin-bottom: 48px;
		letter-spacing: 0.06em;
	}
	
	.foot_msg_box:nth-child(1) {
		margin-right: 121px;
	}
	
	.foot_msg_box:nth-child(2) {
		margin-left: 86px;
		margin-bottom: 14px;
	}
	
	.foot_msg_box:nth-child(3) {
		margin-right: 125px;
		margin-bottom: 82px;
	}
	
	.foot_msg_box:nth-child(4) {
		margin-left: 0px;
		margin-bottom: 0;
	}
	
	.foot_gate {
		position: relative;
		background: #ffffff;
		margin-bottom: 200px;
	}
	
	.gate_img {
		text-align: center;
		position: relative;
		z-index: 2;
	}
	
	.gate_img img {
		max-width: 673px;
		width: 56.08vw;
		height: auto;
	}
	
	.foot_gate:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 93%;
		background: #3BBEE8;
		top: 0;
		left: 0;
		z-index: 0;
	}
	
	.foot_gate_msg {
		font-size: 19px;
		font-weight: bold;
		z-index: 10;
		position: absolute;
		top: 220px;
		top: 47.31%;
		left: 0;
		text-align: center;
		width: 100%;
		letter-spacing: 0.07em;
		line-height: 1.7;
	}
	
	.foot_gate_cloud1 {
		position: absolute;
		top: -56px;
		left: 166px;
		width: 106px;
		height: 44px;
		top: -12.04%;
		left: 13.83%;
		width: 8.83%;
		height: 9.46%;
		z-index: 1;
	}
	
	.foot_gate_cloud2 {
		position: absolute;
		top: 19px;
		left: 896px;
		width: 154px;
		height: 64px;
		top: 4.08%;
		left: 74.66%;
		width: 12.83%;
		height: 13.76%;
		z-index: 1;
	}
	
	.foot_gate_cloud3 {
		position: absolute;
		top: 268px;
		left: 103px;
		width: 59px;
		height: 21px;
		top: 57.63%;
		left: 8.58%;
		width: 4.91%;
		height: 4.51%;
		z-index: 1;
	}
	
	.foot_gate_cloud1 .cloud_img {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../img/foot_icon_cloud1.svg") no-repeat;
		background-size: 100% auto;
		position: absolute;
	}
	
	.foot_gate_cloud2 .cloud_img {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../img/foot_icon_cloud2.svg") no-repeat;
		background-size: 100% auto;
		position: absolute;
	}
	
	.foot_gate_cloud3 .cloud_img {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../img/foot_icon_cloud3.svg") no-repeat;
		background-size: 100% auto;
		position: absolute;
	}
	
	.foot_chara {
		position: absolute;
		top: 409px;
		top: 88.95%;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	
	.foot_chara_inner {
		position: relative;
	}
	
	.foot_ot01 {
		position: absolute;
		top: -41px;
		left: 120px;
		top: -27.51%;
		left: 10%;
		z-index: 1;
		transition: all 0.3s;
		transition-duration: 1s;
	}
	
	.foot_ot01 img {
		max-width: 109px;
		width: 9.08vw;
		height: auto;
	}
	
	.foot_ot01.in {
		left: calc(50% - 8.75%);
	}
	
	.foot_otkun {
		text-align: center;
		position: relative;
		z-index: 2;
	}
	
	.foot_otkun img {
		max-width: 77px;
		width: 6.41vw;
		height: auto;
	}
	
	.foot_ot02 {
		position: absolute;
		top: -43px;
		right: 120px;
		top: -28.85%;
		right: 10%;
		z-index: 1;
		transition: all 0.3s;
		transition-duration: 1s;
	}
	
	.foot_ot02 img {
		max-width: 80px;
		width: 6.66vw;
		height: auto;
	}
	
	.foot_ot02.in {
		right: calc(50% - 8.5%);
	}
	
	article {
		background: #ffffff;
	}
	
	footer {
		text-align: center;
		padding: 50px 0;
		font-size: 11px;
	}
	
	/* @end */
}

@media all and (max-width: 1200px) and (min-width: 769px) {
	
	.header_character {
		top: 136px;
		right: 99px;
		top: 90.006%;
		right: 8.25vw;
	}
	
	.about_text {
		font-size: 1.66vw;
	}
	
	.introduction_more_inner h3 {
		font-size: 1.58vw;
	}
	
	.introduction_more_inner p {
		font-size: 1.33vw;
	}
	
	.introduction_more_source {
		position: absolute;
		top: 100%;
		right: auto;
		left: -2px;
		width: calc(100% + 4px);
		border: 2px solid #000000;
		background: #ffffff;
		color: #B28750;
		text-align: left;
		z-index: 60;
		white-space: normal;
		padding: 1vw 1.66vw;
		word-break: break-all;
	}
	
	.introduction_more#alzheimers .introduction_more_source, .introduction_more#reby .introduction_more_source, .introduction_more#kekkan .introduction_more_source, .introduction_more#zentou .introduction_more_source {
		top: 100%;
	}
	
	.introduction_more#kekkan {
		top: -78.71%;
	}
	
	.introduction_more#zentou {
		top: -71.18%;
	}
	
	.introduction_more_source {
		font-size: 1.33vw;
	}
	
	.dekiru_lead h2 {
		font-size: 2.91vw;
	}
	
	.dekiru_textarea h3 {
		font-size: 2.25vw;
	}
	
	.dekiru_text {
		font-size: 1.5vw;
	}
	
	.life_lead {
		font-size: 2.58vw;
	}
	
	.life_textarea h3 {
		font-size: 1.91vw;
	}
	
	.life_text {
		font-size: 1.41vwx;
	}
	
	.supermarket_textarea h3 {
		font-size: 2.58vw;
	}
	
	.supermarket_textarea p {
		font-size: 1.41vw;
	}
	
	.supermarket_door.open .supermarket_door_left img {
		transform: translateX(-6.58vw);
	}
	
	.supermarket_door.open .supermarket_door_right img {
		transform: translateX(6.58vw);
	}
	
	.yasashisa_text {
		font-size: 2.58vw;
	}
	
	.kobanashi_text h4 {
		font-size: 2.66vw;
	}
	
	.kobanashi_text p {
		font-size: 1.41vw;
	}
	
	.place_lead {
		font-size: 2.58vw;
	}
	
	.place_text {
		font-size: 1.41vw;
		padding: 15px 0 50px 5.66vw;
		letter-spacing: 0.04em;
	}
	
	.grandma {
		transform: translateY(-37vw);
		margin-bottom: -37vw;
	}
	
	.foot_msg_box {
		font-size: 1.58vw;
	}
	
	.foot_gate_msg {
		font-size: 1.58vw;
	}
}

@media only screen and (max-width: 768px) {
	body {
		
	}
	
	article {
		background: #ffffff;
	}
	
	.contents_inner {
		padding: 0 0px;
		margin: 0 auto;
	}
	
	.fullimg {
		width: 100%;
		height: auto;
	}
	
	.pconly {
		display: none !important;
	}
	
	/* @group mv */
	
	.mv {
		background: #FFFEF3;
	}
	
	.mv .contents_inner {
		
	}
	
	.base_img img {
		width: 100%;
		height: auto;
	}
	
	header {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	
	.header_logo {
		margin: 19px 0 0 20px;
		margin: 5.06vw 0 0 5.33vw;
	}
	
	.header_logo img {
		width: 141px;
		width: 37.6vw;
		height: auto;
	}
	
	.header_cloud img {
		width: 205px;
		width: 54.66vw;
		height: auto;
	}
	
	.header_character {
		position: absolute;
		top: 87px;
		right: 23px;
		top: 87%;
		right: 4.6vw;
		z-index: 110;
	}
	
	.header_character img {
		width: 276px;
		width: 36.8vw;
		height: auto;
	}
	
	.anime_switch img {
		display: none;
	}
	
	.anime_switch img.active {
		display: block;
	}
	
	.mv_title {
		position: absolute;
		bottom: 310px;
		bottom: 43.72%;
		left: 50%;
		z-index: 10;
		margin-left: -120px;
		margin-left: -32vw;
	}
	
	.mv_title img {
		width: 240px;
		width: 64vw;
		height: auto;
	}
	
	.mv_otkun {
		position: absolute;
		bottom: 202px;
		bottom: 28.49%;
		left: 12.5%;
		z-index: 10;
	}
	
	.mv_otkun img {
		width: 106px;
		width: 28.266vw;
		height: auto;
	}
	
	.mv_otpeople {
		position: absolute;
		bottom: 207px;
		bottom: 29.19%;
		right: 2%;
		z-index: 10;
	}
	
	.mv_otpeople img {
		width: 160px;
		width: 42.66vw;
		height: auto;
	}
	
	.mt_tree_left {
		position: absolute;
		bottom: 14px;
		bottom: 1.97%;
		left: 0px;
		z-index: 10;
	}
	
	.mt_tree_left img {
		
	}
	
	.mt_tree_left img, .mt_tree_right img {
		transition: all 1s;
	}
	
	.mt_tree_right {
		position: absolute;
		bottom: 14px;
		bottom: 1.97%;
		right: 0px;
		z-index: 10;
	}
	
	.trigger_tree_left {
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		-moz-transform: translateX(-26.66vw);
		-ms-transform: translateX(-26.66vw);
		-webkit-transform: translateX(-26.66vw);
		transform: translateX(-26.66vw);
	}
	
	.trigger_tree_right {
		-moz-transform: translateX(100px);
		-ms-transform: translateX(100px);
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		-moz-transform: translateX(26.66vw);
		-ms-transform: translateX(26.66vw);
		-webkit-transform: translateX(26.66vw);
		transform: translateX(26.66vw);
	}
	
	/* @end */
	
	/* @group about */
	
	.about {
		padding-top: 17px;
		padding-top: 4.53vw;
		background: #FFFEF3;
	}
	
	.about .contents_inner {
		
	}
	
	.base_about {
		position: relative;
		z-index: 1;
	}
	
	.about_text {
		position: absolute;
		top: 206px;
		left: 68px;
		top: 35.57%;
		left: 18.13%;
		z-index: 1;
		text-align: left;
		max-width: 240px;
		max-width: 64%;
		font-size: 14px;
		font-size: 3.733vw;
		line-height: 1.8;
		font-weight: bold;
		letter-spacing: -0.02em;
	}
	
	.spindent {
		margin-left: 30px;
		margin-left: 8vw;
	}
	
	.about_ot {
		position: absolute;
		top: 598px;
		left: 130px;
		top: 103.38%;
		left: 34.66%;
		text-align: center;
		z-index: 2;
	}
	
	.about_ot_inner {
		display: inline-block;
		position: relative;
	}
	
	.about_ot_inner > img {
		width: 34px;
		width: 9.06vw;
		height: auto;
		position: relative;
		z-index: 3;
	}
	
	.about_ot_anime {
		position: absolute;
		top: -63px;
		left: 17px;
		top: -101.6%;
		left: 50%;
		z-index: 2;
	}
	
	.about_ot_anime_inner {
		position: relative;
		overflow: hidden;
	}
	
	.about_ot_anime_inner img {
		width: 220px;
		width: 58.66vw;
		height: auto;
		transform: scale(0);
		transition: all 2s;
		transform-origin: 0 40px;
		transform-origin: 0 10.66vw;
	}
	
	.about_ot_anime_inner img.scrolled {
		transform: scale(1);
	}
	
	.about_profile {
		text-align: center;
		position: relative;
		padding-top: 138px;
		padding-top: 36.8vw;
	}
	
	.about_otkun {
		position: absolute;
		top: 300px;
		right: 17px;
		top: 51.81%;
		right: 4.53%;
		z-index: 0;
		transition-duration: 0.6s;
		transition-delay: 1.8s;
		transition-property: all;
	}
	
	.about_otkun.scrolled {
		right: 35px;
		right: 9.33vw;
	}
	
	.about_otkun img {
		max-width: 27px;
		width: 7.2vw;
		height: auto;
	}
	
	.about_profile01 {
		position: absolute;
		top: 507px;
		left: 75px;
		top: 55.77%;
		left: 20%;
		z-index: 2;
	}
	
	.about_profile01 img {
		width: 189px;
		width: 50.4vw;
		height: auto;
	}
	
	.about_profile02 {
		position: absolute;
		top: 297px;
		left: 153px;
		top: 32.67%;
		left: 40.8%;
		z-index: 1;
	}
	
	.about_profile02 img {
		width: 86px;
		width: 22.93vw;
		height: auto;
	}
	
	.about_msg01 {
		position: absolute;
		top: 486px;
		left: 12px;
		top: 53.46%;
		left: 3.2%;
		z-index: 1;
	}
	
	.about_msg01 img {
		width: 95px;
		width: 25.33vw;
		height: auto;
	}
	
	.about_msg02 {
		position: absolute;
		top: 437px;
		left: 232px;
		top: 48.07%;
		left: 61.86%;
		z-index: 1;
	}
	
	.about_msg02 img {
		width: 129px;
		width: 34.4vw;
		height: auto;
	}
	
	.about_msg03 {
		position: absolute;
		top: 249px;
		left: 222px;
		top: 27.39%;
		left: 59.2%;
		z-index: 1;
	}
	
	.about_msg03 img {
		width: 142px;
		width: 37.86vw;
		height: auto;
	}
	
	.about_msg04 {
		position: absolute;
		top: 371px;
		left: 29px;
		top: 40.81%;
		left: 7.73%;
		z-index: 1;
	}
	
	.about_msg04 img {
		width: 118px;
		width: 31.46vw;
		height: auto;
	}
	
	.about_profile_profile_btn {
		position: absolute;
		bottom: 91px;
		right: 15px;
		bottom: 10.01%;
		right: 4%;
		z-index: 2;
	}
	
	.about_profile_profile_btn img {
		width: 145px;
		width: 38.66vw;
		height: auto;
	}
	
	.about_profile_profile_detail {
		position: absolute;
		top: 200px;
		left: 0;
		top: 25.94%;
		left: 0;
		z-index: 30;
		width: 100%;
		text-align: center;
		display: none;
	}
	
	.about_profile_profile_detail_inner {
		position: relative;
	}
	
	.about_profile_profile_detail_inner_sp {
		position: relative;
	}
	
	.about_profile_profile_detail_inner a.close {
		position: absolute;
		top: 20px;
		right: 50px;
		top: 3.8%;
		right: 15.87%;
		z-index: 31;
	}
	
	.about_profile_profile_detail_inner  img {
		width: 84vw;
		height: auto;
	}
	
	.about_profile_profile_detail_inner a.close img {
		width: 8.266vw;
		height: auto;
	}
	
	.swiper-button-next2, .swiper-button-prev2 {
		position: absolute;
		top: 50%;
		z-index: 10;
		width: 39px;
		height: 39px;
		width: 10.4vw;
		height: 10.4vw;
		background: url("../img/icon_arrow.svg");
		background-size: 10.4vw auto;
		outline: 0;
		border: 0;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	.swiper-button-prev2 {
		transform: scale(-1, 1);
		left: 50px;
		left: 12%;
	}
	
	.swiper-button-next2 {
		right: 50px;
		right: 12%;
	}
	
	.swiper-button-next2.swiper-button-disabled, .swiper-button-prev2.swiper-button-disabled {
		opacity: 0;
	}
	
	.letsgo {
		background: #FFFEF3;
		padding: 71px 0;
		padding: 18.93vw 0;
		text-align: center;
	}
	
	.letsgo_img {
		display: flex;
		justify-content: center;
	}
	
	.letsgo_img img {
		width: 315px;
		width: 84vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group introduction */
	
	.introduction {
		padding: 41px 0 0;
		padding: 10.93vw 0 0;
		background: #FFFEF3;
	}
	
	.introduction .contents_inner {
		padding: 0;
	}
	
	.introduction_back {
		position: relative;
	}
	
	.introduction_point {
		position: absolute;
		z-index: 10;
	}
	
	.introduction_point01 {
		top: 310px;
		left: 34px;
		top: 19.94%;
		left: 9.06%;
	}
	
	.introduction_point01 .introduction_point_img {
		width: 310px;
		height: auto;
		width: 82.66vw;
	}
	
	.introduction_point02 {
		top: 492px;
		left: 132px;
		top: 31.66%;
		left: 35.2%;
	}
	
	.introduction_point02 .introduction_point_img {
		width: 215px;
		height: auto;
		width: 57.33vw;
	}
	
	.introduction_point03 {
		top: 594px;
		left: -18px;
		top: 38.22%;
		left: -4.8%;
		z-index: 20;
	}
	
	.introduction_point03 .introduction_point_img {
		width: 256px;
		height: auto;
		width: 68.26vw;
	}
	
	.introduction_point04 {
		top: 695px;
		right: 13px;
		top: 44.72%;
		right: 3.46%;
		z-index: 21;
	}
	
	.introduction_point04 .introduction_point_img {
		width: 148px;
		height: auto;
		width: 39.46vw;
	}
	
	.introduction_point05 {
		top: 798px;
		left: 25px;
		top: 51.35%;
		left: 6.66%;
	}
	
	.introduction_point05 .introduction_point_img {
		width: 148px;
		height: auto;
		width: 39.46vw;
	}
	
	.introduction_point06 {
		top: 982px;
		left: 174px;
		top: 63.19%;
		left: 46.4%;
	}
	
	.introduction_point06 .introduction_point_img {
		width: 167px;
		height: auto;
		width: 44.53vw;
	}
	
	.introduction_point07 {
		top: 1171px;
		left: 5px;
		top: 75.35%;
		left: 1.33%;
	}
	
	.introduction_point07 .introduction_point_img {
		width: 364px;
		height: auto;
		width: 97.06vw;
	}
	
	.introduction_point_inner {
		position: relative;
	}
	
	.introduction_point_inner a.introduction_link {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
	}
	
	.introduction_point01 a.introduction_link {
		top: -10px;
		right: 16px;
		width: 180px;
		height: 87px;
		top: -5.68%;
		right: 5.16%;
		width: 58.06%x;
		height: 49.43%;
		text-align: right;
	}
	
	.introduction_link_inner {
		position: relative;
		display: block;
		height: 100%;
	}
	
	.introduction_link_inner img {
		position: absolute;
	}
	
	a.introduction_link img {
		width: 22px;
		width: 5.86vw;
		height: auto;
	}
	
	.introduction_point01 a.introduction_link img {
		top: 2px;
		right: 23px;
		top: 2.29%;
		right: 12.77%;
		z-index: 11;
	}
	
	.introduction_point02 a.introduction_link {
		top: -18px;
		right: 0;
		width: 149px;
		height: 95px;
		top: -10.05%;
		right: 0;
		width: 69.30%;
		height: 63.75%;
		z-index: 11;
	}
	
	.introduction_point02 a.introduction_link img {
		top: 2px;
		right: -3px;
		top: 1.62%;
		right: -1.53%;
		z-index: 11;
	}
	
	.introduction_point03 a.introduction_link {
		top: -18px;
		left: 40px;
		width: 147px;
		height: 94px;
		top: -10.46%;
		left: 15.62%;
		width: 57.42%;
		height: 54.65%;
		z-index: 11;
	}
	
	.introduction_point03 a.introduction_link img {
		top: 2px;
		right: -4px;
		top: 1.65%;
		right: -2.08%;
		z-index: 11;
	}
	
	.introduction_point04 a.introduction_link {
		top: -10px;
		right: 0;
		width: 148px;
		height: 86px;
		top: -6.21%;
		right: 0;
		width: 100%;
		height: 53.41%;
		z-index: 11;
	}
	
	.introduction_point04 a.introduction_link img {
		top: 4px;
		right: 17px;
		top: 3.47%;
		right: 8.85%;
		z-index: 11;
	}
	
	.introduction_point05 a.introduction_link {
		top: -10px;
		right: 0;
		width: 150px;
		height: 86px;
		top: -6.17%;
		right: 0;
		width: 101.35%;
		height: 53.08%;
		z-index: 11;
	}
	
	.introduction_point05 a.introduction_link img {
		top: 0px;
		right: 15px;
		right: 10%;
		z-index: 11;
	}
	
	.introduction_point06 a.introduction_link {
		top: -15px;
		right: 0px;
		width: 158px;
		height: 82px;
		top: -11.19%;
		right: 0px;
		width: 94.61%;
		height: 61.19%;
		z-index: 11;
	}
	
	.introduction_point06 a.introduction_link img {
		top: -1px;
		right: 10px;
		top: -1.21%;
		right: 6.32%;
		z-index: 11;
	}
	
	.introduction_popup {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20;
		display: none;
	}
	
	.introduction_popup_inner {
		position: relative;
		height: 100%;
	}
	
	.introduction_popup_inner:before {
		content: "";
		position: absolute;
		top: 13px;
		left: 20px;
		z-index: 20;
		width: 9px;
		height: 41px;
		background: url("../img/icon_exclamationmark01.svg") no-repeat;
		background-size: auto 10.93vw;
		top: 11.3%;
		left: 8.23%;
		width: 2.4vw;
		height: 10.93vw;
	}
	
	.introduction_point01 .introduction_popup {
		width: 210px;
		/* height: 93px; */
		height: 111px;
		width: 67.74%;
		/* height: 52.84%; */
		height: 62.94%;
		background: url("../img/introduction_popup01.svg?20240607") no-repeat;
		background-size: 100% auto;
		top: -27.27%;
		left: 34.83%;
	}
	
	.introduction_point02 .introduction_popup {
		width: 253px;
		height: 135px;
		width: 117.67%;
		height: 90.6%;
		background: url("../img/introduction_popup02.svg") no-repeat;
		background-size: 100% auto;
		top: -58.38%;
		left: -15.81%;
	}
	
	.introduction_point03 .introduction_popup {
		width: 243px;
		height: 115px;
		width: 94.92%;
		height: 66.86%;
		background: url("../img/introduction_popup03.svg") no-repeat;
		background-size: 100% auto;
		top: -30.81%;
		left: 21.87%;
	}
	
	.introduction_point04 .introduction_popup {
		width: 243px;
		height: 130px;
		width: 164.18%;
		height: 80.74%;
		background: url("../img/introduction_popup04.svg") no-repeat;
		background-size: 100% auto;
		top: -42.23%;
		left: -70.94%;
	}
	
	.introduction_point05 .introduction_popup {
		width: 236px;
		height: 93px;
		width: 159.45%;
		height: 57.4%;
		background: url("../img/introduction_popup05.svg") no-repeat;
		background-size: 100% auto;
		top: -40px;
		left: 28px;
		top: -24.69%;
		left: 18.91%;
	}
	
	.introduction_point06 .introduction_popup {
		width: 243px;
		height: 115px;
		width: 145.5%;
		height: 85.82%;
		background: url("../img/introduction_popup06.svg") no-repeat;
		background-size: 100% auto;
		top: -56.71%;
		left: -83.83%;
	}
	
	.introduction_popup_close {
		position: absolute;
		bottom: -7px;
		right: -3px;
		z-index: 30;
		display: block;
	}
	
	.introduction_popup_close img {
		width: 23px;
		width: 6.13vw;
		height: auto;
	}
	
	.introduction_popup_more {
		display: block;
		position: absolute;
		z-index: 30;
		height: 16.66%;
	}
	
	.introduction_popup_more01 {
		top: 21px;
		left: 201px;
		width: 62px;
		top: 14.58%;
		left: 64.21%;
		width: 19.8%;
	}
	
	.introduction_popup_more02 {
		top: 45px;
		left: 47px;
		width: 144px;
		top: 31.25%;
		left: 15.01%;
		width: 46%;
	}
	
	.introduction_popup_more03 {
		top: 45px;
		left: 201px;
		width: 62px;
		top: 31.25%;
		left: 64.21%;
		width: 19.8;
	}
	
	.introduction_popup_more04 {
		top: 73px;
		left: 47px;
		width: 110px;
		top: 50.69%;
		left: 15.01%;
		width: 35.14%;
	}
	
	.introduction_popup_more05 {
		top: 73px;
		left: 169px;
		width: 94px;
		top: 50.69%;
		left: 53.99%;
		width: 30.03%;
	}
	
	.introduction_popup_more06 {
		top: 98px;
		left: 47px;
		width: 18px;
		top: 68.05%;
		left: 15.01%;
		width: 5.75%;
	}
	
	.introduction_popup_more07 {
		top: 96px;
		left: 83px;
		width: 151px;
		top: 68.05%;
		left: 26.51%;
		width: 48.24%;
	}
	
	.introduction_popup_more08 {
		top: 45px;
		left: 47px;
		width: 50px;
		top: 27.6%;
		left: 15.01%;
		width: 15.97%;
	}
	
	.introduction_more {
		position: absolute;
		top: -200px;
		left: 34px;
		top: -116.27%;
		left: 13.28%;
		z-index: 50;
		display: none;
	}
	
	.introduction_more_inner {
		position: relative;
		border: 2px solid #000000;
		background: #ffffff;
		padding: 30px 20px;
		width: 314px;
		padding: 8% 5.33%;
		width: 83.73vw;
	}
	
	.introduction_more_inner a.close {
		position: absolute;
		top: 5px;
		right: 5px;
		z-index: 55;
	}
	
	.introduction_more_inner h3 {
		font-size: 4.533vw;
		font-weight: bold;
		margin: 0 0 2.66vw;
		padding: 0;
	}
	
	.introduction_more_inner h3 span {
		color: #EB6143;
	}
	
	.introduction_more_inner p {
		font-size: 3.733vw;
		line-height: 1.8;
		font-weight: 500;
	}
	
	.introduction_more_source {
		position: absolute;
		top: 100%;
		left: -2px;
		width: calc(100% + 4px);
		border: 2px solid #000000;
		background: #ffffff;
		color: #B28750;
		text-align: left;
		z-index: 60;
		padding: 1.33vw 5.33vw;
		font-size: 3.2vw;
	}
	
	.introduction_more_source a {
		color: #B28750;
	}
	
	.introduction_point04 .introduction_more {
		top: -124.22%;
		left: -121.62%;
	}
	
	/* @end */
	
	/* @group dekiru */
	
	.dekiru {
		transform: translateY(-96px);
		margin-bottom: -96px;
	}
	
	.dekiru_lead {
		position: absolute;
		top: 17.63%;
		left: 6.93%;
		text-align: center;
		z-index: 1;
	}
	
	.dekiru_lead h2 {
		font-size: 5.33vw;
		font-weight: bold;
		text-align: left;
		letter-spacing: 3px;
		padding: 0 5.33vw;
	}
	
	.char {
		display: inline-block;
		color: #FFF48C;
	}
	
	ruby.char {
		display: ruby;
	}
	
	.dekiru_textarea {
		position: absolute;
		top: 25.9%;
		left: 21.06%;
		padding-right: 5.33%;
	}
	
	.dekiru_textarea h3 {
		font-size: 4.8vw;
		font-weight: bold;
		letter-spacing: 2px;
		margin-bottom: 4.26vw;
	}
	
	.dekiru_text {
		font-size: 3.73vw;
		font-weight: bold;
		line-height: 1.8;
		margin-bottom: 1em;
	}
	
	/* @end */
	
	/* @group life */
	
	.life {
		text-align: left;
		padding: 88px 0 0;
		background: #ffffff;
	}
	
	.life_lead {
		position: absolute;
		top: -2.42%;
		left: 8.8%;
		font-size: 5.06vw;
		font-weight: bold;
		letter-spacing: 0.09em;
		line-height: 1.4;
	}
	
	.life_lead rt {
		
	}
	
	.life_textarea {
		position: absolute;
		top: 388px;
		left: 50px;
		padding-right: 30px;
		top: 54.11%;
		left: 13.33%;
		padding-right: 8%;
	}
	
	.life_textarea_mark {
		position: absolute;
		top: 354px;
		left: 25px;
		top: 49.37%;
		left: 6.66%;
		z-index: 1;
	}
	
	.life_textarea_mark img {
		width: 4.26vw;
		height: auto;
	}
	
	.life_textarea h3 {
		font-size: 4.26vw;
		font-weight: bold;
		margin-bottom: 4vw;
		line-height: 1.8;
	}
	
	.life_text {
		font-size: 3.73vw;
		font-weight: bold;
		letter-spacing: 0.04em;
		text-align: justify;
	}
	
	.life .contents_inner {
		position: relative;
	}
	
	/* @end */
	
	/* @group profile */
	
	.profile_btn {
		position: absolute;
		z-index: 1;
	}
	
	.profile_detail {
		position: absolute;
		bottom: 0;
		z-index: 2;
		display: none;
	}
	
	.profile_detail_inner {
		position: relative;
	}
	
	.profile_detail_close {
		position: absolute;
		top: 10px;
		right: 25px;
		top: 1.97%;
		right: 7.46%px;
		z-index: 10;
	}
	
	.profile_detail_close img {
		max-width: 31px;
		width: 8.266vw;
		height: auto;
	}
	
	.life .profile_btn {
		position: absolute;
		bottom: 0;
		right: -5px;
		width: 178px;
		height: 73px;
		right: -1.33%;
		width: 47.46%;
		height: 10.18%;
		background: url("../img/life_btn_tree.svg") no-repeat;
		background-size: 100% auto;
		text-align: right;
		padding-right: 20px;
		padding-right: 5.33vw;
	}
	
	.life .profile_btn img {
		max-width: 115px;
		width: 30.66vw;
		height: auto;
	}
	
	.life .profile_detail {
		bottom: 0;
		top: auto;
		left: 0px;
		width: 100%;
		padding: 0 20px;
		padding: 0 5.33vw;
	}
	
	.life .profile_detail img:last-child {
		width: 100%;
		height: auto;
	}
	
	/* @end */
	
	/* @group story */
	
	.story {
		padding: 75px 0 0;
		background: #ffffff;
	}
	
	.story .contents_inner {
		position: relative;
	}
	
	.story_lead {
		position: absolute;
		top: 314px;
		left: 52px;
		top: 25.01%;
		left: 13.86%;
		z-index: 1;
	}
	
	.story_lead img {
		width: 272px;
		width: 72.5vw;
		height: auto;
		-moz-transition-duration: 2.5s;
		-o-transition-duration: 2.5s;
		-webkit-transition-duration: 2.5s;
		transition-duration: 2.5s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
		transition-delay: 0.6s;
		opacity: 0;
	}
	
	.story_lead img.on {
		opacity: 1;
	}
	
	.story_slider_container {
		position: absolute;
		top: 290px;
		top: 23.01%;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	
	.story_slider {
		text-align: center;
	}
	
	.story_slider img {
		width: 100%;
		height: auto;
	}
	
	.swiper-button-next, .swiper-button-prev {
		position: absolute;
		top: 92%;
		z-index: 10;
		width: 106px;
		height: 41px;
		width: 28.2vw;
		height: 10.9vw;
		background: url("../img/icon_arrow_next_sp.svg") no-repeat bottom right;
		background-size: 28.2vw auto;
		outline: 0;
		border: 0;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	.swiper-button-prev {
		transform: scale(-1, 1);
		left: 20px;
		left: 5.33vw;
	}
	
	.swiper-button-next {
		right: 5.33vw;
	}
	
	.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
		opacity: 0;
	}
	
	.story .swiper-button-next.custom-next-button,
	.slow .swiper-button-next.custom-next-button,
	.grandma .swiper-button-next.custom-next-button  {
		background: url("../img/icon_arrow_dekiru_sp.svg") no-repeat bottom right;
		background-size: 28.2vw auto;
	}
	
	.place .swiper-button-next.custom-next-button  {
		background: url("../img/icon_arrow_tatoeba_sp.svg") bottom right;
		background-size: 28.2vw auto;
	}
	
	/* @end */
	
	/* @group slow */
	
	.slow {
		transform: translateY(-59px);
	}
	
	.slow_lead {
		position: absolute;
		top: 194px;
		left: 53px;
		top: 26.79%;
		left: 14.1%;
		z-index: 1;
	}
	
	.slow_lead img {
		width: 279px;
		width: 74.4vw;
		height: auto;
		-moz-transition-duration: 2.5s;
		-o-transition-duration: 2.5s;
		-webkit-transition-duration: 2.5s;
		transition-duration: 2.5s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
		transition-delay: 0.6s;
		opacity: 0;
	}
	
	.slow_lead img.on {
		opacity: 1;
	}
	
	.slow_slider_container {
		position: absolute;
		top: 95px;
		left: 0;
		top: 13.1%;
		z-index: 10;
		width: 100%;
	}
	
	.slow .profile_btn {
		top: auto;
		left: 15px;
		left: 4%;
		bottom: 0px;
	}
	
	.slow .profile_btn img {
		width: 115px;
		width: 30.66vw;
		height: auto;
	}
	
	.slow .profile_btn {
		z-index: 20;
	}
	
	.slow .profile_detail {
		z-index: 21;
		right: auto;
		left: 32.5px;
		left: 8.66vw;
		padding-right: 0px;
	}
	
	.slow .profile_detail img {
		width: 84vw;
		height: auto;
	}
	
	/* @end */
	
	/* @group supermarket */
	
	.supermarket {
		padding: 56px 0 0;
	}
	
	.supermarket .contents_inner {
		padding: 0;
	}
	
	.supermarket_door {
		display: flex;
		justify-content: center;
		position: absolute;
		top: 35px;
		top: 4.16%;
		left: 0;
		z-index: 1;
		width: 100%;
	}
	
	.supermarket_door_left img, .supermarket_door_right img {
		transition: all 1s;
		transition-delay: 0.4s;
		width: 58px;
		width: 15.5vw;
		height: auto;
	}
	
	.supermarket_door.open .supermarket_door_left img {
		transform: translateX(-14.66vw);
	}
	
	.supermarket_door.open .supermarket_door_right img {
		transform: translateX(14.66vw);
	}
	
	.supermarket_illust {
		position: absolute;
		top: 351px;
		top: 41.58%;
		right: 0;
		z-index: 1;
	}
	
	.supermarket_illust_inner {
		position: relative;
	}
	
	.supermarket_illust img {
		position: absolute;
		top: 0;
		right: 0;
		display: none; /* 最初は非表示に */
		width: 291px;
		width: 77.6vw;
		height: auto;
	}
	
	.supermarket_textarea:before {
		content: "";
		position: absolute;
		top: -84px;
		left: -10px;
		width: 42px;
		height: 77px;
		top: -43.2%;
		left: -3.05%;
		width: 12.8%;
		height: 41.11%;
		background: url("../img/market_q.svg") no-repeat;
		background-size: 100% auto;
		z-index: 1;
	}
	
	.supermarket_textarea {
		position: absolute;
		top: 645px;
		left: 48px;
		top: 76.4%;
		left: 12.8%;
	}
	
	.supermarket_textarea h3 {
		font-size: 5.06vw;
		font-weight: bold;
		margin-bottom: 2.4vw;
		letter-spacing: 0.1em;
	}
	
	.supermarket_textarea p {
		font-size: 3.73vw;
		font-weight: bold;
		line-height: 1.8;
		margin-right: 10.66vw;
	}
	
	.supermarket_textarea .color_fix {
		color: #EB6143;
	}
	
	/* @end */
	
	/* @group yasashisa */
	
	.yasashisa {
		background: #ffffff;
		padding: 0;
	}
	
	.yasashisa_text {
		position: absolute;
		top: 88px;
		top: 22.68%;
		left: 0;
		width: 100%;
		font-size: 5.33vw;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0.09em;
		padding-left: 4.8vw;
	}
	
	/* @end */
	
	/* @group kobanashi */
	
	.kobanashi {
		background: url("../img/kobanashi_dot.png");
		background-size: 28px auto;
		background-size: 7.46vw auto;
		padding: 60px 24px;
		padding: 16vw 5vw;
	}
	
	.kobanashi_inner {
		background: #ffffff;
		position: relative;
		padding: 130px 20px 40px;
		padding: 34.66vw 5.33vw 10.66vw;
	}
	
	.kobanashi_title {
		position: absolute;
		top: -31px;
		left: 19px;
		top: -5.2%;
		left: 5.81%;
		z-index: 1;
	}
	
	.kobanashi_title img {
		width: 295px;
		width: 78.6vw;
		height: auto;
	}
	
	.kobanashi_text {
		margin: 0 auto;
	}
	
	.kobanashi_text h4 {
		font-size: 5.33vw;
		font-weight: bold;
		margin-bottom: 8vw;
	}
	
	.kobanashi_text p {
		font-size: 3.73vw;
		font-weight: bold;
		line-height: 2;
	}
	
	/* @end */
	
	/* @group place */
	
	.place {
		transform: translateY(-98.93vw);
		margin-bottom: -98.93vw;
	}
	
	.place .contents_inner {
		padding: 74.66vw 0 0;
	}
	
	.place_lead {
		position: absolute;
		top: 632px;
		left: 33px;
		font-size: 19px;
		top: 51.54%;
		left: 8.8%;
		font-size: 5.06vw;
		font-weight: bold;
		letter-spacing: 0.08em;
	}
	
	.place_text_mark {
		position: absolute;
		top: 953px;
		left: 24px;
		top: 77.73%;
		left: 6.4%;
	}
	
	.place_text_mark img {
		width: 4.2vw;
		height: auto;
	}
	
	.place_text {
		position: absolute;
		top: 1021px;
		left: 49px;
		top: 83.27%;
		left: 13%;
		font-size: 14px;
		font-size: 3.73vw;
		font-weight: bold;
		line-height: 1.75;
		width: 57.06%;
		text-align: justify;
	}
	
	.place_slider_container {
		position: absolute;
		bottom: 0.4%;
		left: 0;
		z-index: 10;
		width: 100%;
	}
	
	.place .swiper-button-next, .place .swiper-button-prev {
		top: auto;
		bottom: 0;
	}
	
	/* @end */
	
	/* @group grandma */
	
	.grandma {
		
	}
	
	.grandma .contents_inner {
		
	}
	
	.grandma_lead {
		position: absolute;
		top: 465px;
		left: 54px;
		top: 38.81%;
		left: 14.4%;
	}
	
	.grandma_lead img {
		width: 268px;
		width: 71.46vw;
		height: auto;
		-moz-transition-duration: 2.5s;
		-o-transition-duration: 2.5s;
		-webkit-transition-duration: 2.5s;
		transition-duration: 2.5s;
		-moz-transition-delay: 0.6s;
		-o-transition-delay: 0.6s;
		-webkit-transition-delay: 0.6s;
		transition-delay: 0.6s;
		opacity: 0;
	}
	
	.grandma_lead img.on {
		opacity: 1;
	}
	
	.grandma_slider_container {
		position: absolute;
		bottom: 11.11%;
		left: 0px;
		z-index: 10;
		width: 100%;
	}
	
	/* @end */
	
	/* @group foot */
	
	.foot_msg {
		background: #3BBEE8;
		padding: 86px 0 20px 0;
		padding: 22.93vw 0 5.33vw 0;
	}
	
	.foot_msg_container {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	
	.foot_msg_box {
		font-size: 15px;
		font-size: 4vw;
		font-weight: bold;
	}
	
	.foot_msg_box:nth-child(1) {
		margin-right: 50px;
		margin-bottom: 41px;
		margin-right: 13.33vw;
		margin-bottom: 10.93vw;
	}
	
	.foot_msg_box:nth-child(2) {
		margin-left: 55px;
		margin-bottom: 10px;
		margin-left: 14.66vw;
		margin-bottom: 2.66vw;
	}
	
	.foot_msg_box:nth-child(3) {
		margin-right: 51px;
		margin-bottom: 47px;
		margin-right: 13.6vw;
		margin-bottom: 12.5vw;
	}
	
	.foot_msg_box:nth-child(4) {
		margin-left: 16px;
		margin-left: 4.26vw;
		margin-bottom: 0;
	}
	
	.foot_gate {
		position: relative;
		background: #ffffff;
		margin-bottom: 100px;
		margin-bottom: 26.66vw;
		padding: 20.53vw 0 0;
	}
	
	.gate_img {
		text-align: center;
		position: relative;
		z-index: 2;
		margin: 0 3px;
		margin: 0 0.8vw;
	}
	
	.gate_img img {
		width: 100%;
		height: auto;
	}
	
	.foot_gate:before {
		position: absolute;
		content: "";
		width: 100%;
		height: 368px;
		height: 66.9%;
		background: #3BBEE8;
		top: 0;
		left: 0;
		z-index: 0;
	}
	
	.foot_gate_cloud1 {
		position: absolute;
		top: -56px;
		left: 26px;
		width: 51px;
		height: 21px;
		top: -11.83%;
		left: 7.04%;
		width: 13.82%;
		height: 4.43%;
		z-index: 1;
	}
	
	.foot_gate_cloud2 {
		position: absolute;
		top: -15px;
		right: -44px;
		width: 73px;
		height: 30px;
		top: -3.17%;
		right: -11.92%;
		width: 19.78%;
		height: 6.34%;
		z-index: 1;
	}
	
	.foot_gate_cloud3 {
		position: absolute;
		top: 189px;
		left: 20px;
		width: 28px;
		height: 10px;
		top: 39.95%%;
		left: 5.42%;
		width: 7.58%;
		height: 2.11%;
		z-index: 1;
	}
	
	.foot_gate_cloud1 .cloud_img {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../img/foot_icon_cloud1.svg") no-repeat;
		background-size: 100% auto;
		position: absolute;
	}
	
	.foot_gate_cloud2 .cloud_img {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../img/foot_icon_cloud2.svg") no-repeat;
		background-size: 100% auto;
		position: absolute;
	}
	
	.foot_gate_cloud3 .cloud_img {
		display: block;
		width: 100%;
		height: 100%;
		background: url("../img/foot_icon_cloud3.svg") no-repeat;
		background-size: 100% auto;
		position: absolute;
	}
	
	.foot_gate_msg {
		position: absolute;
		top: 124px;
		top: 26.21%;
		left: 0;
		width: 100%;
		text-align: center;
		font-size: 4vw;
		font-weight: bold;
		line-height: 1.55;
		z-index: 10;
	}
	
	.foot_chara {
		position: relative;
		margin: 31px 0 0 4px;
		margin: 8.26vw 0 0 1.06vw;
		z-index: 10;
	}
	
	.foot_chara_inner {
		transform: scale(1.02);
	}
	
	.foot_ot01 {
		position: absolute;
		top: -37px;
		left: -120px;
		top: -28.9%;
		left: -32.34%;
		z-index: 1;
		transition: all 0.3s;
		transition-duration: 1s;
	}
	
	.foot_ot01 img {
		width: 95px;
		width: 25.33vw;
		height: auto;
	}
	
	.foot_ot01.in {
		left: calc(50% - 95px);
		left: calc(50% - 25.33vw);
	}
	
	.foot_otkun {
		text-align: center;
		position: relative;
		z-index: 2;
	}
	
	.foot_otkun img {
		width: 66px;
		width: 17.6vw;
		height: auto;
	}
	
	.foot_ot02 {
		position: absolute;
		top: -39px;
		right: -120px;
		top: -30.4%;
		right: -32.34%;
		z-index: 1;
		transition: all 0.3s;
		transition-duration: 1s;
	}
	
	.foot_ot02 img {
		width: 69px;
		width: 18.4vw;
		height: auto;
	}
	
	.foot_ot02.in {
		right: calc(50% - 88px);
		right: calc(50% - 23.4vw);
	}
	
	footer {
		text-align: center;
		padding: 30px 0;
		font-size: 11px;
	}
	
	/* @end */
}

@keyframes about-ot {
100% {
	transform: translateX(100%);
}
}