@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, l, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: inherit;
}

:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

html {
	font-size: 18px;
}
@media screen and (max-width: 780px) {
	html {
		font-size: 13px;
	}
}

body {
	line-height: 1;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	color: #333333;
}

/*
.fs_xxxl{
	font-size: $xxxl;
}
.fs_xxl{
	font-size: $xxl;
}
.fs_xl{
	font-size: $xl;
}
.fs_ll{
	font-size: $ll;
}
.fs_l{
	font-size: $l;
}
.fs_m{
	font-size: $m;
}
.fs_s{
	font-size: $s;
}
.fs_ss{
	font-size: $ss;
}
.fs_sss{
	font-size: $sss;
}
*/
/*--------------------------------

font-size = calc(最小のフォントサイズ + ((1vw – XX) * YY))
XX : ViewPort の最小幅 / 100 (単位 : px)
YY : 100 * フォントサイズの差 / ViewPort 幅の差 (単位 : なし)

*/
@media screen and (max-width: 640px) {
	p {
		/* 640px以下*/
	}
}

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

html {
	background-color: #0b0c08;
	background-color: #353535;
	scroll-behavior: smooth;
}

body {
	color: #fff;
	overflow-y: scroll;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Zen Antique Soft", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
body a {
	color: #fff;
}
body .main {
	overflow-y: hidden;
	height: 100vh;
}
/*
body.loaded{


    .header{
        opacity: 1;
        transform: translateY(0);
        transition:opacity 2s, transform 2s;
    }

    .label-name{
        opacity: 1;
        transition:opacity 1s;
        transition-delay: 1.5s;

    }
}
*/
.header {
	padding: 40px 60px;
	line-height: 1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	z-index: 1;
}
@media screen and (max-width: 780px) {
	.header {
		padding: 0;
	}
}
.header__nav {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.header__nav a {
	display: block;
}
.header__item-logo {
	position: absolute;
	left: 50%;
	top: 35px;
	z-index: 2;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
@media screen and (max-width: 780px) {
	.header__item-logo {
		top: 20px;
	}
}
@media (orientation: landscape) and (max-width: 850px) {
	.header__item-logo {
		display: none;
	}
}
@media screen and (max-width: 780px) {
	.header__item-home, .header__item-contact, .header__item-info {
		display: none;
	}
}
.header__img-home {
	width: auto;
	height: 11px;
	vertical-align: super;
}
.header__img-logo {
	width: 97px;
	height: auto;
	vertical-align: top;
}
@media screen and (max-width: 780px) {
	.header__img-logo {
		width: 20vw;
	}
}
.header__img-contact {
	width: auto;
	height: 11px;
	vertical-align: super;
}
.header__img-info {
	width: auto;
	height: 11px;
	vertical-align: super;
}
.label-name {
	position: fixed;
	z-index: 2;
}
@media screen and (min-width: 780px) {
	.label-name {
		right: 50px;
		top: 50%;
		height: 100vh;
	}
}
@media screen and (max-width: 780px) {
	.label-name {
		width: 100%;
		left: 0;
		bottom: 20px;
		text-align: center;
	}
}
.label-name img {
	vertical-align: middle;
}
@media screen and (min-width: 780px) {
	.label-name img {
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 15px;
		height: auto;
	}
}
@media screen and (max-width: 780px) {
	.label-name img {
		width: auto;
		height: 1.1em;
	}
}

.title-1 {
	text-align: center;
}
.title-1 .title__title {
	font-size: var(--fs_xl);
	margin-bottom: var(--gap_l);
	letter-spacing: 0.12em;
	-webkit-transition: 1.4s;
	transition: 1.4s;
	opacity: 0;
	-webkit-filter: blur(5px);
	        filter: blur(5px);
}
.title-1 .title__body {
	opacity: 0;
	-webkit-filter: blur(5px);
	        filter: blur(5px);
	-webkit-transition: 1.4s;
	transition: 1.4s;
}
.title-1 .title__body img {
	height: 19px;
	width: auto;
}
.title.is-in .title__title,
.title.is-in .title__body {
	opacity: 1;
	-webkit-filter: blur(0px);
	        filter: blur(0px);
	-webkit-transition: 1.8s;
	transition: 1.8s;
}
.title.is-in .title__body {
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}

p.body, li.body, input.body, dt.body {
	font-size: 17px;
	line-height: 2;
	letter-spacing: 0.095em;
	letter-spacing: 0.1em;
	-webkit-transform: rotate(0.028deg);
	        transform: rotate(0.028deg);
}
@media (max-width: 1280px) {
	p.body, li.body, input.body, dt.body {
		font-size: 14px;
	}
}
@media screen and (max-width: 780px) {
	p.body, li.body, input.body, dt.body {
		font-size: 14px;
		letter-spacing: 0.03em;
		text-align: justify;
	}
}

@media screen and (max-width: 780px) {
	.title-1 {
		text-align: center;
	}
	.title-1 .title__title {
		font-size: var(--fs_l);
		margin-bottom: var(--gap_l);
		letter-spacing: 0.12em;
	}
	.title-1 .title__body img {
		height: 0.8em;
		width: auto;
	}
}
.burger {
	display: none;
	cursor: pointer;
	position: fixed;
	width: 28px;
	height: 28px;
	top: 11px;
	right: 5vw;
	z-index: 4;
}
.burger span {
	position: absolute;
	right: 20%;
	width: 60%;
	height: 1px;
	background-color: #fff;
	border-radius: 0px;
	-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	        transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
	-webkit-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
	transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.burger span:nth-of-type(1) {
	top: 11px;
}
.burger span:nth-of-type(2) {
	top: 15px;
}
.burger span:nth-of-type(3) {
	top: 16px;
	width: 75%;
}
@media screen and (max-width: 780px) {
	.burger {
		display: block;
		background-color: #0b0c08;
	}
}
.is-open .burger span {
	background: #fff;
}
.is-open .burger span:nth-of-type(1) {
	top: 14px;
	-webkit-transform: translateY(0px) rotate(-45deg);
	        transform: translateY(0px) rotate(-45deg);
}
.is-open .burger span:nth-of-type(2) {
	top: 14px;
	-webkit-transform: translateY(0px) rotate(45deg);
	        transform: translateY(0px) rotate(45deg);
}

.is-open nav.nav {
	-webkit-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
	transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
	opacity: 1;
	visibility: visible;
}
.is-open nav.nav li {
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
	transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
	opacity: 1;
	-webkit-transform: translateY(0px);
	        transform: translateY(0px);
}
.is-open nav.nav li:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}
.is-open nav.nav li:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}
.is-open nav.nav li:nth-child(4) {
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}

nav.nav {
	-webkit-transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
	transition: all 200ms cubic-bezier(0.25, 0.1, 0.25, 1);
	background-color: #0b0c08f1;
	height: 100vh;
	display: -ms-grid;
	display: grid;
	place-content: center;
	gap: 1ch;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
}
@media screen and (min-width: 780px) {
	nav.nav {
		display: none;
	}
}
nav.nav li {
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
	transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
	-webkit-transform: translateY(10px);
	        transform: translateY(10px);
}
nav.nav a {
	padding: 1em;
	display: inline-block;
}
nav.nav a img {
	height: 2vh;
	vertical-align: text-top;
}

.section.vanishing,
.wrapper-daichi,
.wrapper-fukei,
.section.fukei,
.section.outro,
.section.philosophy,
.section.xxx {
	/*
	   position: fixed;
	   left: 0;
	   top: 0;
	   opacity: 0;
	*/
}

.main {
	z-index: 1;
}
@media screen and (max-width: 780px) {
	.main {
		opacity: 1;
	}
}

.section {
	padding-top: 300px;
	padding-bottom: 300px;
	padding-left: 60px;
	padding-right: 60px;
	min-height: 100vh;
}
.section.vanishing, .section.fukei {
	padding-top: 0;
	padding-bottom: 0;
}
.section.bmt {
	padding-top: 1000px;
	margin-bottom: 500px;
}
@media screen and (max-width: 780px) {
	.section.bmt {
		padding-top: 0vh;
		margin-bottom: 0;
	}
}
.section.pa {
	margin-bottom: 100px;
	position: relative;
}
@media screen and (max-width: 780px) {
	.section.pa {
		margin-bottom: 0;
	}
}
.section.mfp {
	padding-bottom: 150px;
	margin-bottom: 350px;
	position: relative;
}
@media screen and (max-width: 780px) {
	.section.mfp {
		margin-bottom: 20vh;
	}
}
@media screen and (max-width: 780px) {
	.section {
		padding: 10vh 5vw;
	}
}

.wrapper {
	position: relative;
}

.part-1.body,
.part-2.body {
	padding-bottom: var(--gap_xl);
	padding-bottom: 2em;
	padding-left: calc(50% - 47px);
	padding-right: 3vw;
	text-align: justify;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	transition: opacity 1s, transform 1s, -webkit-transform 1s;
	-webkit-transform: translateY(10px);
	        transform: translateY(10px);
}
.part-1.body.is-in,
.part-2.body.is-in {
	opacity: 1;
	-webkit-transform: translateY(0px);
	        transform: translateY(0px);
	will-change: transform, opacity;
}
@media screen and (min-width: 780px) {
	.part-1.body .span-txt,
.part-2.body .span-txt {
		opacity: 0;
		-webkit-transition: opacity 1s;
		transition: opacity 1s;
		display: inline;
	}
	.part-1.body .span-txt.is-in,
.part-2.body .span-txt.is-in {
		opacity: 1;
	}
}
@media screen and (max-width: 780px) {
	.part-1.body,
.part-2.body {
		padding-bottom: 2em;
		padding-left: 0;
	}
}

.block {
	padding-bottom: 500px;
	position: relative;
}
.block-bmt, .block-pa {
	padding-bottom: 50px;
}
.block-mfp {
	padding-bottom: 150px;
}

@media screen and (min-width: 780px) {
	.daichi__head_wrapp {
		height: 755px;
		top: 0;
		position: absolute;
	}
}

@media screen and (min-width: 780px) {
	.section.mfp .daichi__head_wrapp {
		height: 800px;
	}
}
@media (min-width: 1600px) {
	.section.mfp .daichi__head_wrapp {
		height: 760px;
	}
}

@media screen and (min-width: 780px) {
	.section.tsukumo .tsukumo__head_wrapp {
		height: 700px;
	}
}
@media (min-width: 1600px) {
	.section.tsukumo .tsukumo__head_wrapp {
		height: 650px;
	}
}

.section.bmt .section__inner,
.section.pa .section__inner,
.section.tt .section__inner {
	padding-top: 470px;
	padding-top: 560px;
}
@media (min-width: 1020px) {
	.section.bmt .section__inner,
.section.pa .section__inner,
.section.tt .section__inner {
		padding-top: 581px;
	}
}
@media (min-width: 1439px) {
	.section.bmt .section__inner,
.section.pa .section__inner,
.section.tt .section__inner {
		padding-top: 542px;
	}
}
@media (min-width: 1600px) {
	.section.bmt .section__inner,
.section.pa .section__inner,
.section.tt .section__inner {
		padding-top: 500px;
	}
	.section.bmt .section__inner .head img,
.section.pa .section__inner .head img,
.section.tt .section__inner .head img {
		height: 184px;
		width: auto;
	}
}

.section.tsukumo .section__inner {
	padding-top: 470px;
	padding-top: 560px;
}
@media screen and (max-width: 780px) {
	.section.tsukumo .section__inner {
		padding-top: 430px;
	}
}
@media (min-width: 1020px) {
	.section.tsukumo .section__inner {
		padding-top: 581px;
	}
}
@media (min-width: 1439px) {
	.section.tsukumo .section__inner {
		padding-top: 542px;
	}
}
@media (min-width: 1600px) {
	.section.tsukumo .section__inner {
		padding-top: 500px;
	}
	.section.tsukumo .section__inner .head img {
		height: 58px;
		width: auto;
	}
}

.section.mfp .section__inner {
	padding-top: 414px;
}
@media (min-width: 1020px) {
	.section.mfp .section__inner {
		padding-top: 508px;
	}
}
@media (min-width: 1439px) {
	.section.mfp .section__inner {
		padding-top: 344px;
	}
}
@media (min-width: 1600px) {
	.section.mfp .section__inner {
		padding-top: 310px;
	}
	.section.mfp .section__inner .head img {
		width: 530px;
	}
}

.head small {
	display: block;
	margin-top: var(--gap_l);
	letter-spacing: 0.2em;
	font-size: 100%;
}
.head-philosophy {
	z-index: 10;
}
.head-philosophy img {
	width: 70vw;
}
@media screen and (max-width: 780px) {
	.head-philosophy img {
		width: 100%;
	}
}
.head-philosophy small {
	margin-bottom: var(--gap_ll);
}
.head-xxx img {
	width: 54vw;
}
@media screen and (max-width: 780px) {
	.head-xxx img {
		width: 80vw;
	}
}
.head-xxx small {
	line-height: 2;
}
@media screen and (min-width: 780px) {
	.head-bmt {
		position: sticky;
		left: 60px;
		top: 40vh;
	}
}
@media screen and (max-width: 780px) {
	.head-bmt {
		height: 600px;
	}
	.head-bmt > h3 {
		position: sticky;
		top: 50vh;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
.head-bmt img {
	width: 35vw;
}
@media screen and (max-width: 780px) {
	.head-bmt img {
		width: 80vw;
	}
}
@media screen and (min-width: 780px) {
	.head-pa {
		position: sticky;
		left: 60px;
		top: 40vh;
	}
}
@media screen and (max-width: 780px) {
	.head-pa {
		height: 600px;
	}
	.head-pa > h3 {
		position: sticky;
		top: 50vh;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
.head-pa img {
	width: 35vw;
}
@media screen and (max-width: 780px) {
	.head-pa img {
		width: 70vw;
	}
}
@media screen and (min-width: 780px) {
	.head-tt {
		position: sticky;
		left: 60px;
		top: 40vh;
	}
}
@media screen and (max-width: 780px) {
	.head-tt {
		height: 600px;
	}
	.head-tt > h3 {
		position: sticky;
		top: 50vh;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
.head-tt img {
	width: 37vw;
}
@media screen and (max-width: 780px) {
	.head-tt img {
		width: 70vw;
	}
}
@media screen and (min-width: 780px) {
	.head-mfp {
		position: sticky;
		left: 60px;
		top: 50vh;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
@media screen and (max-width: 780px) {
	.head-mfp {
		height: 700px;
		margin-bottom: 8vh;
	}
	.head-mfp > h3 {
		position: sticky;
		top: 50vh;
		top: 35vh;
		-webkit-transform: translateY(0%);
		        transform: translateY(0%);
	}
}
.head-mfp img {
	width: 24vw;
}
@media screen and (max-width: 780px) {
	.head-mfp img {
		width: 50vw;
	}
}
@media screen and (max-width: 780px) {
	.head-mfp small {
		letter-spacing: -0.02em;
	}
}
@media screen and (min-width: 780px) {
	.head-tsukumo {
		position: sticky;
		left: 60px;
		top: 40vh;
	}
}
@media screen and (max-width: 780px) {
	.head-tsukumo {
		height: 600px;
	}
	.head-tsukumo > h3 {
		position: sticky;
		top: 50vh;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
.head-tsukumo img {
	width: 32vw;
}
@media screen and (max-width: 780px) {
	.head-tsukumo img {
		width: 70vw;
	}
}

.outro {
	padding: 0;
}
@media screen and (min-width: 780px) {
	.outro .section__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}
.outro .outro__block {
	position: relative;
	height: 100vh;
}
@media screen and (min-width: 780px) {
	.outro .outro__block {
		width: 50%;
	}
}
.outro .outro__txt {
	-webkit-transform: translateY(20%);
	        transform: translateY(20%);
	padding-left: 5vw;
	padding-right: 5vw;
}
@media screen and (min-width: 780px) {
	.outro .outro__txt {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-left: 60px;
		padding-right: var(--gap_xxl);
	}
}
@media (max-width: 1140px) {
	.outro .outro__txt {
		padding-right: 60px;
	}
}
@media screen and (max-width: 780px) {
	.outro .outro__txt {
		position: absolute;
		left: 0;
		top: 50%;
		padding-right: 5vw;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	.outro .outro__txt .outro__body {
		text-align: left;
	}
}
.outro .outro__head {
	margin-bottom: var(--gap_ll);
}
.outro .outro__head img {
	height: 50px;
}
@media screen and (max-width: 780px) {
	.outro .outro__head img {
		height: 2em;
	}
}
.outro .outro__block-lab {
	background-color: #889594;
}
.outro .outro__block-prof {
	background-color: #A7AAA8;
}

:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

body.loaded .loader {
	-webkit-transition: 1s;
	transition: 1s;
	opacity: 0;
	-webkit-transform: scale(0.5);
	        transform: scale(0.5);
}
@media screen and (max-width: 780px) {
	body.loaded .loader {
		-webkit-transform: scale(0.35);
		        transform: scale(0.35);
	}
}
section.loader {
	position: fixed;
	width: 100%;
	height: 100vh;
}
@media screen and (max-width: 780px) {
	section.loader {
		-webkit-transform: scale(0.5);
		        transform: scale(0.5);
	}
}

.loader-item {
	width: 160px;
	height: 160px;
	position: absolute;
	left: calc(50% - 80px);
	top: calc(50% - 80px);
	-webkit-transform-origin: center;
	        transform-origin: center;
	-webkit-animation: 5s linear infinite rotation;
	        animation: 5s linear infinite rotation;
}

.loader-atom {
	position: absolute;
	left: calc(50% - 15px);
	display: inline-block;
	height: 85px;
	-webkit-transform-origin: center bottom;
	        transform-origin: center bottom;
	background-repeat: no-repeat;
	background-position: center top;
}

.loader-char1 {
	background-image: url("../img/loader-e.svg");
	width: 30px;
}

.loader-char2 {
	background-image: url("../img/loader-n.svg");
	width: 44px;
	-webkit-transform: rotate(-67deg);
	        transform: rotate(-67deg);
	-webkit-animation-delay: 1s;
	        animation-delay: 1s;
}

.loader-char3 {
	background-image: url("../img/loader-k.svg");
	width: 40px;
	-webkit-transform: rotate(-140deg);
	        transform: rotate(-140deg);
	-webkit-animation-delay: 2s;
	        animation-delay: 2s;
}

.loader-char4 {
	background-image: url("../img/loader-a.svg");
	width: 50px;
	-webkit-transform: rotate(-217deg);
	        transform: rotate(-217deg);
	-webkit-animation-delay: 3s;
	        animation-delay: 3s;
}

.loader-char5 {
	background-image: url("../img/loader-n.svg");
	width: 44px;
	-webkit-transform: rotate(-295deg);
	        transform: rotate(-295deg);
	-webkit-animation-delay: 4s;
	        animation-delay: 4s;
}

/*
 .circle1{
  border-radius:100%;
  box-sizing:border-box;
  border:10px dotted gold;
  animation:3s linear infinite rotation;

}
.circle3{
  border-radius:50%;
  background:gold;
  animation:.5s ease-in-out infinite alternate rotationx;
}

.box1{
  background:orange;
  animation:3s ease-in-out infinite alternate rotation;
}
.box2{
  background:skyblue;
  position:relative;
  animation:3s ease-in-out infinite alternate rotationy, 3s linear infinite alternate movement;
}
.box3{
  border-left:3px solid gray;
  transform-origin:left top;
  animation:3s ease-in-out infinite rotation;
}
*/
@-webkit-keyframes objin {
	0% {
		opacity: 0;
		-webkit-filter: blur(5px);
		        filter: blur(5px);
		background-size: 50%;
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0);
		        filter: blur(0);
		background-size: 100%;
	}
}
@keyframes objin {
	0% {
		opacity: 0;
		-webkit-filter: blur(5px);
		        filter: blur(5px);
		background-size: 50%;
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0);
		        filter: blur(0);
		background-size: 100%;
	}
}
@-webkit-keyframes rotation {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotation {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
/*
@keyframes rotationx{
  0%{ transform:rotateX(0);}
  50%{ background:tomato; }
  100%{ transform:rotateX(360deg); }
}
@keyframes rotationy{
  0%{ transform:rotateY(0);}
  100%{ transform:rotateY(360deg); }
}
@keyframes movement{
  0%{ left:-100px;}
  100%{ left:100px; }
}

*/
:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

.section.vanishing {
	height: 2800px;
	/*
	&.visible{
	    transition:opacity 2s;
	    opacity: 1;
	}
	*/
}
@media screen and (max-width: 780px) {
	.section.vanishing {
		height: 2300px;
	}
}
.section.vanishing .section__inner {
	width: 100%;
	height: 100vh;
	display: -ms-grid;
	display: grid;
	place-content: center;
	gap: 1ch;
	position: fixed;
	left: 0;
}
/*
.section.vanishing{
    &:before{
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("./assets/img/bg-vanishing.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        z-index: -1;
        transform: scale(.5);
    }
}
*/
:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

#philosophy {
	position: relative;
	z-index: 0;
	/*
	&:after{
	    display: block;
	    width: 100%;
	    height: 100%;
	    content: "";
	    background-color: #353535;
	    position: absolute;
	    left: 0;
	    top: 0;
	    z-index: -1;
	}
	*/
}

.body-philosophy {
	position: relative;
}
@media screen and (min-width: 780px) {
	.body-philosophy {
		margin-top: 5em;
	}
}

.block-philosophy {
	z-index: -1;
}
@media screen and (min-width: 780px) {
	.block-philosophy {
		width: 100%;
		position: absolute;
		top: 1000px;
		left: 0;
	}
}

.section.philosophy {
	padding-bottom: 0;
	height: 3300px;
	/*
	    &:before{
	        content: "";
	        display: block;
	        width: 100%;
	        height: 100%;
	        position: absolute;
	        left: 0;
	        top: 0;
	        background-image: url("./assets/img/bg-philosophy.png");
	        background-repeat: no-repeat;
	        background-position: center center;
	        background-size: contain;
	        z-index: -1;
	        transform: scale(.5);
	        opacity: 0.8;
	    }*/
}
@media (max-width: 1280px) {
	.section.philosophy {
		height: 2800px;
	}
}
@media screen and (max-width: 780px) {
	.section.philosophy {
		height: 1200px;
	}
}
.section.philosophy .philosophy-title-wrapper {
	top: 130px;
	left: 0;
	position: sticky;
}
@media screen and (min-width: 780px) {
	.section.philosophy .philosophy-title-wrapper.is-fix {
		position: fixed;
		top: 240px;
		left: 60px;
	}
}
@media (max-width: 1280px) {
	.section.philosophy .philosophy-title-wrapper.is-fix {
		top: 200px;
	}
}
@media screen and (max-width: 780px) {
	.section.philosophy .philosophy-title-wrapper.is-fix {
		top: 50%;
	}
}
@media screen and (min-width: 780px) {
	.section.philosophy .head-philosophy {
		height: 4500px;
	}
}
.section.philosophy .head-philosophy .philosophy-title img,
.section.philosophy .head-philosophy .philosophy-title small {
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
	transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
	will-change: transform, opacity;
}
.section.philosophy .head-philosophy .philosophy-lede {
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
	transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
	-webkit-transform: translateY(10px);
	        transform: translateY(10px);
}
.section.philosophy .head-philosophy.is-in .philosophy-title img,
.section.philosophy .head-philosophy.is-in .philosophy-title small {
	opacity: 1;
	-webkit-transform: translateY(0px);
	        transform: translateY(0px);
	will-change: transform, opacity;
}
.section.philosophy .head-philosophy.is-in .philosophy-lede {
	opacity: 1;
	-webkit-transform: translateY(0px);
	        transform: translateY(0px);
	will-change: transform, opacity;
}
.section.philosophy .head-philosophy.is-out .philosophy-title img,
.section.philosophy .head-philosophy.is-out .philosophy-title small {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	        transform: translateY(-10px);
	will-change: transform, opacity;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, transform 0.4s;
	transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}
.section.philosophy .head-philosophy.is-out .philosophy-title img {
	-webkit-transition-delay: 0.4s;
	        transition-delay: 0.4s;
}
.section.philosophy .head-philosophy.is-out .philosophy-lede {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	        transform: translateY(-10px);
	will-change: transform, opacity;
}
.section.philosophy.show .bg-philosophy {
	opacity: 0.8;
}

:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

.wrapper-daichi .trigger {
	position: absolute;
	top: 0;
}
.wrapper-daichi .body-last {
	padding-bottom: 43px;
}

section.bmt {
	padding-bottom: 0;
}

/*
.wrapper-daichi{
    &:before{
        content: "";
        display: block;
        width: 100%;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("./assets/img/bg-daichi.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        z-index: -1;
        //transform: scale(.5);
    }
}
*/
.head-bmt img,
.head-bmt small, .head-pa img,
.head-pa small, .head-tt img,
.head-tt small, .head-mfp img,
.head-mfp small, .head-tsukumo img,
.head-tsukumo small {
	opacity: 0;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	transition: opacity 1s, transform 1s, -webkit-transform 1s;
	-webkit-transform: translateY(10px);
	        transform: translateY(10px);
}
.head-bmt.is-in img,
.head-bmt.is-in small, .head-pa.is-in img,
.head-pa.is-in small, .head-tt.is-in img,
.head-tt.is-in small, .head-mfp.is-in img,
.head-mfp.is-in small, .head-tsukumo.is-in img,
.head-tsukumo.is-in small {
	opacity: 1;
	-webkit-transform: translateY(0px);
	        transform: translateY(0px);
	will-change: transform, opacity;
}
.head-bmt.is-in small, .head-pa.is-in small, .head-tt.is-in small, .head-mfp.is-in small, .head-tsukumo.is-in small {
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}
.head-bmt.is-out img,
.head-bmt.is-out small, .head-pa.is-out img,
.head-pa.is-out small, .head-tt.is-out img,
.head-tt.is-out small, .head-mfp.is-out img,
.head-mfp.is-out small, .head-tsukumo.is-out img,
.head-tsukumo.is-out small {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	        transform: translateY(-10px);
	will-change: transform, opacity;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.head-bmt.is-out small, .head-pa.is-out small, .head-tt.is-out small, .head-mfp.is-out small, .head-tsukumo.is-out small {
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	transition: opacity 1s, transform 1s, -webkit-transform 1s;
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}

:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

.section.fukei {
	position: relative;
	height: 2500px;
}
@media screen and (max-width: 780px) {
	.section.fukei {
		height: 350vh;
	}
}
.section.fukei .trigger {
	position: absolute;
	top: 0;
}
.section.fukei .section__inner {
	width: 100%;
	height: 100vh;
	display: -ms-grid;
	display: grid;
	place-content: center;
	gap: 1ch;
}
.section.fukei .section__inner .title {
	position: fixed;
	left: 0;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.fukei-btn {
	margin-top: auto;
}

@media screen and (min-width: 780px) {
	.outro__block {
		opacity: 0;
		-webkit-transform: translateY(10px);
		        transform: translateY(10px);
		-webkit-transition: opacity 1s, -webkit-transform 1s;
		transition: opacity 1s, -webkit-transform 1s;
		transition: opacity 1s, transform 1s;
		transition: opacity 1s, transform 1s, -webkit-transform 1s;
	}
}
@media screen and (min-width: 780px) {
	.outro__block .outro__txt {
		min-height: 440px;
	}
}
@media (min-width: 1279px) {
	.outro__block .outro__txt {
		min-height: 500px;
	}
}
@media (min-width: 1600px) {
	.outro__block .outro__txt {
		min-height: 500px;
	}
}

.section__inner.is-in .outro__block {
	opacity: 1;
	-webkit-transform: translateY(0px);
	        transform: translateY(0px);
}
/*
.wrapper-daichi{
    &:before{
        content: "";
        display: block;
        width: 100%;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("./assets/img/bg-daichi.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        z-index: -1;
        //transform: scale(.5);
    }
}
*/
:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

.section.xxx {
	height: 2800px;
	padding-top: 500px;
}
@media screen and (max-width: 780px) {
	.section.xxx {
		height: 180vh;
		margin-top: 100vh;
	}
}
.section.xxx .head-xxx {
	position: relative;
	height: 2300px;
}
@media screen and (max-width: 780px) {
	.section.xxx .head-xxx {
		height: 120vh;
	}
}
.section.xxx .head-xxx .xxx-title img,
.section.xxx .head-xxx .xxx-title small {
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
	transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
}
.section.xxx .head-xxx .xxx-title img {
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}
.section.xxx .head-xxx .xxx-title small {
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;
	transition: opacity 0.8s, transform 0.8s, -webkit-transform 0.8s;
	-webkit-transform: translateY(10px);
	        transform: translateY(10px);
}
.section.xxx .head-xxx.is-in .xxx-title img,
.section.xxx .head-xxx.is-in .xxx-title small {
	will-change: transform, opacity;
}
.section.xxx .head-xxx.is-out .xxx-title img,
.section.xxx .head-xxx.is-out .xxx-title small {
	opacity: 0;
	-webkit-transform: translateY(-10px);
	        transform: translateY(-10px);
	will-change: transform, opacity;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, transform 0.4s;
	transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}
.section.xxx .head-xxx.is-out .xxx-title img {
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}
.section.xxx .head-xxx.is-out .xxx-title small {
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, transform 0.4s;
	transition: opacity 0.4s, transform 0.4s, -webkit-transform 0.4s;
}
.section.xxx .head-xxx.is-out .xxx-lede {
	opacity: 0;
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
	-webkit-transform: translateY(-10px);
	        transform: translateY(-10px);
	will-change: transform, opacity;
}

.xxx-title-wrapper {
	position: sticky;
	top: 130px;
	left: 0;
}
@media screen and (max-width: 780px) {
	.xxx-title-wrapper {
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}

/*
.wrapper-daichi{
    &:before{
        content: "";
        display: block;
        width: 100%;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("./assets/img/bg-daichi.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        z-index: -1;
        //transform: scale(.5);
    }
}
*/
:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

.section.outro .why {
	font-size: 1.1em;
	text-align: left;
}

/*
.wrapper-daichi{
    &:before{
        content: "";
        display: block;
        width: 100%;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("./assets/img/bg-daichi.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        z-index: -1;
        //transform: scale(.5);
    }
}
*/
:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

.bgz {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
}
.bgz .bg {
	width: 100%;
	height: 100vh;
	display: block;
	background-size: contain;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	/*
	&:after,
	&:before{

	    content:"";
	    display: block;
	    position: fixed;
	    background-repeat: no-repeat;
	    background-size: cover;
	    left: 0;
	    top: 0;


	}
	*/
}
.bgz .bg-tsukumo {
	z-index: 8;
	background-image: url("../img/bg-tsukumo.jpg?20240229");
	background-position: left top;
	background-size: cover;
	opacity: 0;
}
@media screen and (max-width: 780px) {
	.bgz .bg-tsukumo {
		background-position: right bottom;
		background-position: right -110vw bottom 0;
		/*20240227*/
		background-position: right -150vw bottom 0;
	}
}
.bgz .bg-tsukumo.is-in {
	will-change: transform, opacity;
}
.bgz .bg-tsukumo-black {
	z-index: 7;
	background-color: #050000;
	opacity: 0;
}
.bgz .bg-tsukumo-black.is-in {
	will-change: transform, opacity;
}
.bgz .bg-fukei {
	z-index: 8;
	background-image: url("../img/bg-fukei2024.jpg");
	background-position: left bottom;
	background-size: cover;
	-webkit-transform: scale(2.5);
	        transform: scale(2.5);
	opacity: 0;
}
@media screen and (max-width: 780px) {
	.bgz .bg-fukei {
		background-position: left -60vw top 0;
	}
}
.bgz .bg-fukei.is-in {
	will-change: transform, opacity;
}
.bgz .bg-daichi {
	opacity: 0;
	z-index: 4;
	background-image: url("../img/bg-daichi.jpg");
	background-position: center bottom;
	background-size: cover;
	will-change: opacity;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.bgz .bg-daichi-cover {
	background-color: #0b0c08;
	opacity: 0;
	z-index: 7;
}
.bgz .bg-daichi-cover.is-off10 {
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
	opacity: 0.2 !important;
}
.bgz .bg-daichi-cover.is-off20 {
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
	opacity: 0.4 !important;
}
.bgz .bg-philosophy {
	z-index: 3;
	background-image: url("../img/bg-philosophy.png");
	background-position: center center;
	-webkit-transform: scale(2.8);
	        transform: scale(2.8);
	opacity: 0;
	will-change: transform, opacity;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.bgz .bg-philosophy.is-out, .bgz .bg-philosophy.is-off {
	opacity: 0 !important;
}
.bgz .bg-philosophy-cover {
	position: absolute;
	background-color: #353535;
	width: 100%;
	height: 100%;
	display: none;
	opacity: 0;
}
.bgz .bg-philosophy-gray {
	display: block;
	width: 100vw;
	height: 100vh;
	background-color: #353535;
	background-color: #0b0c08;
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 0;
	-webkit-transition: opacity 2s;
	transition: opacity 2s;
}
.bgz .bg-philosophy-gray.is-in {
	opacity: 1;
}
.bgz .bg-vanishing {
	z-index: 2;
	-webkit-filter: blur(20px);
	        filter: blur(20px);
	-webkit-transition: -webkit-filter 4s;
	transition: -webkit-filter 4s;
	transition: filter 4s;
	transition: filter 4s, -webkit-filter 4s;
	will-change: transform;
	background-image: url("../img/bg-vanishing.png");
	background-position: center center;
	opacity: 1;
	-webkit-transform: scale(0.3);
	        transform: scale(0.3);
}
@media screen and (max-width: 780px) {
	.bgz .bg-vanishing {
		-webkit-transform: scale(0.6);
		        transform: scale(0.6);
	}
}
.bgz .bg-vanishing:before {
	position: absolute;
	display: block;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #0b0c08;
	background-color: #353535;
	-webkit-transition: opacity 4s;
	transition: opacity 4s;
}
.bgz .bg-vanishing.is-in {
	-webkit-filter: blur(0);
	        filter: blur(0);
}
.bgz .bg-vanishing.is-in::before {
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
	opacity: 0;
}

:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

.section__inner {
	position: relative;
}

.trigger {
	position: relative;
	/*
	&-point{
	    display: block;
	    position: fixed;
	    top: 50vh;
	    left: 0;
	}


	&-title{
	    //background-color: rgba(0, 238, 255, 0.118);
	}

	&-bg{
	    //background-color: rgba(255, 0, 225, 0.118);
	}

	&-opa{
	    //background-color: rgba(0, 174, 255, 0.118);
	}

	&-out{
	    //background-color: rgba(255, 230, 0, 0.274);
	}*/
}
.trigger-item {
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
}

.vanishing .trigger-title {
	height: 1000px;
	top: 85vh;
}
@media screen and (max-width: 780px) {
	.vanishing .trigger-title {
		top: 65vh;
	}
}
.vanishing .trigger-bg {
	height: 1500px;
	top: 55vh;
}
@media screen and (max-width: 780px) {
	.vanishing .trigger-bg {
		height: 100vh;
	}
}
.vanishing .trigger-out {
	height: 700px;
	top: 2000px;
}
@media screen and (max-width: 780px) {
	.vanishing .trigger-out {
		height: 500px;
		top: 250vh;
	}
}

.philosophy {
	/*
	.trigger-title{
	    //display: none;
	    height: 100%;
	    top: 60vh;
	    //margin-top: 55vh;

	    display: none;
	}*/
	/*
	.trigger-bgout{
	    position: absolute;
	    top: 300px;
	    right: 0;
	    height: 600px;
	    //border-right: 1px solid rgb(238, 0, 0);
	}
	*/
}
.philosophy .trigger-bg {
	height: 2700px;
	top: -800px;
}
@media screen and (max-width: 780px) {
	.philosophy .trigger-bg {
		top: -130vh;
	}
}
.philosophy .trigger-opa {
	height: 1800px;
	top: -800px;
}
@media screen and (max-width: 780px) {
	.philosophy .trigger-opa {
		top: -130vh;
		height: 1400px;
	}
}
.philosophy .trigger-out {
	height: 10vh;
	bottom: 0vh;
}
.philosophy .trigger-gray {
	height: 3300px;
	height: 6500px;
	top: -1400px;
}
.philosophy .trigger-maruout {
	height: 7000px;
	bottom: -4400px;
}
@media screen and (max-width: 780px) {
	.philosophy .trigger-maruout {
		height: 3000px;
		bottom: -400vh;
	}
}
.philosophy .trigger-head {
	height: 3350px;
	top: -600px;
}
@media (max-width: 1280px) {
	.philosophy .trigger-head {
		top: -110px;
	}
}
.philosophy .trigger-headout {
	height: 3000px;
	bottom: -240px;
	bottom: -80px;
}
@media screen and (max-width: 780px) {
	.philosophy .trigger-headout {
		height: 1000px;
		bottom: 0px;
	}
}

.wrapper-daichi {
	/*
	.trigger-title{
	    //display: none;
	    height: 100%;
	    top: 60vh;
	    //margin-top: 55vh;

	    display: none;
	}*/
	/*
	    .trigger-opa{ //黒い幕
	        height: 2000px;
	        top: 3000px;
	        //margin-top: 60vh;

	    }
	*/
}
.wrapper-daichi .trigger-bg {
	height: 1500px;
	top: 2200px;
}
@media screen and (max-width: 780px) {
	.wrapper-daichi .trigger-bg {
		top: 120vh;
	}
}
.wrapper-daichi .trigger-pa-bg {
	height: calc(100% + 200px);
	height: calc(100% + 2000px);
	top: -100px;
}
.wrapper-daichi .trigger-mfp-bg {
	height: calc(100% + 700px);
	top: -100px;
}
.wrapper-daichi .xxx-trigger-headout {
	height: 3000px;
	width: 300px;
	top: 1300px;
}
@media screen and (max-width: 780px) {
	.wrapper-daichi .xxx-trigger-headout {
		top: 160vh;
	}
}
.wrapper-daichi .trigger-out {
	height: 10vh;
	bottom: 0vh;
}
.wrapper-daichi .block .trigger-headout {
	bottom: -750px;
	height: 900px;
}

.fukei {
	padding-top: 800px;
}
.fukei .trigger-title {
	height: 1500px;
	top: 1500px;
}
@media (max-width: 1280px) {
	.fukei .trigger-title {
		height: 190vh;
	}
}
@media screen and (max-width: 780px) {
	.fukei .trigger-title {
		top: 100vh;
		height: 2500px;
	}
}
.fukei .trigger-bg {
	height: 2000px;
	top: 0vh;
}
.fukei .trigger-opa {
	height: 100vh;
	top: 0vh;
}

#tsukumo {
	padding-top: 1300px;
}
#tsukumo .trigger-tsukumo-bg {
	height: 1000px;
	top: 1000px;
	top: 700px;
	/*20240227*/
}
#tsukumo .trigger-tsukumo-black {
	height: 1000px;
	top: 0vh;
}

.outro {
	position: relative;
	overflow: hidden;
}
.outro .trigger {
	top: 95px;
	left: 20px;
	position: absolute;
}
.outro .trigger-area {
	height: 1000px;
}

/*
.wrapper-daichi{
    &:before{
        content: "";
        display: block;
        width: 100%;
        height: 100vh;
        position: absolute;
        left: 0;
        top: 0;
        background-image: url("./assets/img/bg-daichi.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        z-index: -1;
        //transform: scale(.5);
    }
}
*/
:root {
	--sss:0.5rem;
	--ss:0.7rem;
	--s:0.9rem;
	--m:1rem;
	--l:1.6rem;
	--ll:2.4rem;
	--xl:4.6rem;
	--xxl:6.854rem;
	--xxxl:11.089rem;
	--fs_sss:0.5rem;
	--fs_ss:0.7rem;
	--fs_s:0.9rem;
	--fs_m:1rem;
	--fs_l:1.6rem;
	--fs_ll:2.4rem;
	--fs_xl:31px;
	--fs_xxl:6.854rem;
	--fs_xxxl:11.089rem;
	--gap_sss:0.5rem;
	--gap_ss:0.7rem;
	--gap_s:0.9rem;
	--gap_m:1rem;
	--gap_l:40px;
	--gap_ll:60px;
	--gap_xl:80px;
	--gap_xxl:120px;
	--gap_xxxl:11.089rem;
	--maxw:1500px;
}
@media screen and (max-width: 780px) {
	:root {
		--sss:0.5rem;
		--ss:0.7rem;
		--s:0.9rem;
		--m:1rem;
		--l:1.2rem;
		--ll:1.4rem;
		--xl:1.8rem;
		--xxl:3rem;
		--xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--fs_sss:0.5rem;
		--fs_ss:0.7rem;
		--fs_s:0.9rem;
		--fs_m:1rem;
		--fs_l:1.6rem;
		--fs_ll:2.4rem;
		--fs_xl:4.6rem;
		--fs_xxl:6.854rem;
		--fs_xxxl:11.089rem;
	}
}
@media screen and (max-width: 780px) {
	:root {
		--gap_sss:0.5rem;
		--gap_ss:0.7rem;
		--gap_s:0.9rem;
		--gap_m:1rem;
		--gap_l:1.6rem;
		--gap_ll:2.4rem;
		--gap_xl:4.6rem;
		--gap_xxl:6.854rem;
		--gap_xxxl:11.089rem;
	}
}

.section.info {
	min-height: inherit;
	padding-top: 0;
	padding-bottom: 0;
}
@media screen and (min-width: 780px) {
	.section.info {
		padding-right: 43px;
		margin-top: 120px;
	}
}
@media screen and (max-width: 780px) {
	.section.info {
		margin-top: 60px;
	}
}
.section.info .block {
	padding-top: 0;
	padding-bottom: 0;
}

body#info {
	background-color: #0b0c08;
	background-color: #353535;
	width: 100%;
}
body#info .main {
	height: auto;
	width: 100%;
}
body#info .header:before, body#info .header:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 90%;
	background-color: #353535;
	opacity: 0.93;
	z-index: -1;
	-webkit-filter: blur(12px);
	        filter: blur(12px);
}
body#info .header:after {
	display: none;
	opacity: 0.8;
	-webkit-filter: blur(3px);
	        filter: blur(3px);
	height: 80%;
	top: -20px;
	-webkit-transform: translateY(-30%);
	        transform: translateY(-30%);
}

.trigger-info {
	padding-top: 40px;
	cursor: pointer;
}
@media screen and (max-width: 780px) {
	.trigger-info {
		padding-top: 20px;
	}
}

.info-item {
	border-top: 2px solid #fff;
}
.info-item .head {
	margin-bottom: 80px;
}
@media screen and (max-width: 780px) {
	.info-item .head {
		margin-bottom: 30px;
	}
}
.info-item.is-open .textarea-item {
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	opacity: 1;
}
.info-item.is-open .info-title-arr:before {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	top: 0;
	-webkit-transition-delay: 0.4s;
	        transition-delay: 0.4s;
}
.info-item.is-open .info-title-arr:after {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	top: 0%;
}

.info-title-arr {
	display: inline-block;
	width: 2.8vw;
	height: 3.2vw;
	margin-left: 40px;
	vertical-align: top;
	-webkit-transform: translateY(1px);
	        transform: translateY(1px);
	background-image: url("../img/arr-bottom.svg");
	background-size: cover;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 780px) {
	.info-title-arr {
		width: calc(2.8vw * 1.3);
		height: calc(3.2vw * 1.3);
	}
}
@media screen and (max-width: 780px) {
	.info-title-arr {
		margin-left: 1em;
		-webkit-transform: translateY(0x);
		        transform: translateY(0x);
	}
}
.info-title-arr::before {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: -100%;
	left: 0;
	background-color: #353535;
	z-index: 0;
}
.info-title-arr::after {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	background-color: #353535;
	background-image: url("../img/arr-top.svg");
	background-size: cover;
	z-index: 1;
}

.textarea-item {
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	opacity: 0;
}
@media screen and (max-width: 780px) {
	.textarea-item .body:last-child {
		margin-top: 2em;
	}
}

@media screen and (max-width: 780px) {
	._mfpprice ._longhead span.price-head {
		min-width: 10em;
	}
	._mfpprice ._longhead span.price-head._th {
		line-height: 1.3;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
	}
	._mfpprice ._longhead .price-time,
._mfpprice ._longhead .price-price {
		margin-left: 10px;
	}
}
.info-title small {
	font-size: 18px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "Zen Antique Soft", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
@media screen and (max-width: 780px) {
	.info-title small {
		font-size: 12px;
	}
}

.info-title-1 {
	width: 51vw;
}
@media screen and (max-width: 780px) {
	.info-title-1 {
		width: calc(51vw * 1.3);
	}
}

.info-title-2 {
	width: 59vw;
}
@media screen and (max-width: 780px) {
	.info-title-2 {
		width: calc(59vw * 1.3);
	}
}

.info-title-3 {
	width: 62vw;
}
@media screen and (max-width: 780px) {
	.info-title-3 {
		width: calc(63vw * 1.3);
	}
}

.info-title-4 {
	width: 49vw;
}
@media screen and (max-width: 780px) {
	.info-title-4 {
		width: calc(49vw * 1.3);
	}
}

.info-title-3b {
	width: 62.5vw;
}
@media screen and (max-width: 780px) {
	.info-title-3b {
		width: calc(62.5vw * 1.3);
	}
}

.info-title-4b {
	width: 35vw;
}
@media screen and (max-width: 780px) {
	.info-title-4b {
		width: calc(36vw * 1.3);
	}
}

.info-title-5 {
	width: 39vw;
}
@media screen and (max-width: 780px) {
	.info-title-5 {
		width: calc(39vw * 1.3);
	}
}

.info-title-6 {
	width: 39vw;
}
@media screen and (max-width: 780px) {
	.info-title-6 {
		width: calc(39vw * 1.3);
	}
}

.info-title-7 {
	width: 43vw;
}
@media screen and (max-width: 780px) {
	.info-title-7 {
		width: calc(43vw * 1.3);
	}
}

.info-title-8 {
	width: 42vw;
}
@media screen and (max-width: 780px) {
	.info-title-8 {
		width: calc(42vw * 1.3);
	}
}

.info-textarea {
	display: none;
}

.textarea-item {
	padding-top: 20px;
	padding-bottom: 30px;
	position: relative;
	display: none;
}
@media screen and (min-width: 780px) {
	.textarea-item {
		padding-right: 40px;
		padding-top: 30px;
		padding-bottom: 60px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
}
.textarea-item.is-ready {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 780px) {
	.textarea-item.is-ready {
		display: block;
	}
}
.textarea-item:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	left: 0;
	top: 0;
	background-color: #fff;
	opacity: 0.3;
}
@media screen and (min-width: 780px) {
	.textarea-item p.body {
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Zen Antique Soft", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		width: 48%;
	}
}
.textarea-item ._sans {
	font-family: "Hiragino Sans";
	src: local(HiraginoSans-W6);
	font-weight: 600;
}

@media screen and (max-width: 780px) {
	#info-5 {
		margin-bottom: 60px;
	}
}

.info-price {
	display: block;
}
.info-price span {
	display: inline-block;
}
.info-price .price-head {
	min-width: 8.5em;
}
.info-price .price-time {
	margin-left: 20px;
}
.info-price .price-time._head {
	margin-left: 0;
}
.info-price .price-price {
	margin-left: 40px;
}
.info-price._longhead .price-head {
	min-width: 15em;
}
.info-price._longhead .price-time {
	min-width: 5.5em;
}

._sans.--session {
	margin-top: 4.4em;
	display: inline-block;
}

@media screen and (max-width: 780px) {
	.is-pc {
		display: none;
		width: 0;
		visibility: hidden;
	}
}

.is-sp {
	display: none;
	width: 0;
	visibility: hidden;
}
@media screen and (max-width: 780px) {
	.is-sp {
		display: inline-block;
		width: auto;
		visibility: visible;
	}
}

@media (max-width: 1380px) {
	.is-1380 {
		display: none;
	}
}

body.loaded {
	/*
	&:after{
	    content: "";
	    display: block;
	    height: 5000px;
	    width: 1px;
	}
	*/
}
body.loaded .main {
	overflow-y: initial;
	height: inherit;
}

.fukei-btn {
	display: inline-block;
	position: relative;
}
.fukei-btn:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	height: 1px;
	width: 100%;
	background-color: #fff;
	-webkit-transition: width 0.4s;
	transition: width 0.4s;
}
.fukei-btn:hover:after {
	width: 0%;
	right: 0;
	left: auto;
}

.btn__img {
	width: auto;
	height: 11px;
	vertical-align: bottom;
}

.outro__block-lab .fukei-btn {
	width: 2.7em;
}

.outro__block-prof .fukei-btn {
	width: 4.8em;
}
/*# sourceMappingURL=style.css.map */