@charset "utf-8";
@import "anime.css";
/*
------------
style.css
------------
*/
.ani_trigger {}
/* main_cont */
#main_cont {}
#main_cont {
	width: 100vw;
	height: 100vh;
	background: url("../../images/content/home/mainBg01.jpg") no-repeat right top;
	background-size: auto 100vh;
	position: relative;
	display: flex;
	align-items: center;
	transition: all .25s ease;
}
#main_cont .inner {
	padding: 0 0 0 150px;
	position: relative;
	z-index: 5;
	opacity: 0;
}
#main_cont.active .inner {
	animation-name: main_cont_anime05;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 1.4s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
}
#main_cont .inner h2 {
	width: 354px;
}
#main_cont .inner ul {
	font-family: 'Comfortaa', cursive;
	margin: 50px 0 0 0;
}
#main_cont .inner ul li {
	color: #222;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	position: relative;
	padding: 0 0 0 12px;
}
#main_cont .inner ul li:not(:first-child) {
	margin: 20px 0 0 0;
}
#main_cont .inner ul li::before {
	content: "";
	width: 3px;
	height: 3px;
	background: #E59C96;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
#main_cont .scroll_arrow {
	font-family: 'Comfortaa', cursive;
	font-size: 0.9rem;
	color: #fff;
	position: absolute;
	bottom: 120px;
	right: 0px;
	transform: rotate(90deg);
}
#main_cont .scroll_arrow::after {
	content: "";
	width: 6px;
	height: 24px;
	background: url("../../images/content/home/scroll_arrow.svg") no-repeat;
	position: absolute;
	top: -6px;
	left: 115px;
	transform: rotate(-90deg);
	animation-name: scroll_anime;
	animation-timing-function: ease-in-out;
	animation-duration: 1.4s;
	animation-delay: 0;
	animation-iteration-count: infinite;
}
#main_cont .bg01 { /* ベース背景画像 */
	width: 100vw;
	height: 100vh;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(0, 0);
}
#main_cont.active .bg01 {
	animation-name: main_cont_anime01;
	animation-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
	animation-duration: 0.7s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}
#main_cont .bg02 { /* 右上白 */
	width: 0px;
	height: 41.52vh;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#main_cont.active .bg02 {
	animation-name: main_cont_anime02;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.6s;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
}
#main_cont .bg03 { /* 中央スクリーン */
	width: 41.52vh;
	height: 41.52vh;
	background: url("../../images/content/home/mainBg03.jpg") no-repeat;
	background-size: 41.52vh 41.52vh;
	position: absolute;
	top: 23.80vh;
	right: 26.84vh;
	z-index: 2;
	opacity: 0;
}
#main_cont.active .bg03 {
	animation-name: main_cont_anime03;
	animation-timing-function: ease;
	animation-duration: 0s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
}
#main_cont .bg04 { /* 中央空 */
	width: 41.52vh;
	height: 41.52vh;
	background: url("../../images/content/home/mainBg02.jpg") no-repeat;
	background-size: 41.52vh 41.52vh;
	position: absolute;
	top: 23.80vh;
	right: 26.84vh;
	z-index: 3;
	opacity: 0;
}
#main_cont.active .bg04 {
	animation-name: opacity_anime, main_cont_anime04;
	animation-timing-function: ease, cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0s, 0.5s;
	animation-delay: 1.5s, 1.5s;
	animation-fill-mode: forwards;
}
#main_cont .bg05 { /* 右上ワイプ */
	width: 8.47vh;
	height: 8.47vh;
	background: url("../../images/content/home/mainBg04.jpg") no-repeat;
	background-size: 8.47vh 8.47vh;
	position: absolute;
	top: 16.956vh;
	right: 10.10vh;
	z-index: 4;
	opacity: 0;
}
#main_cont.active .bg05 {
	animation-name: main_cont_anime06;
	animation-timing-function: ease;
	animation-duration: 0;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
#main_cont .bg06 { /* 下部白 */
	width: 69.456vh;
	height: 18.26vh;
	background: #fff;
	position: absolute;
	bottom: 0;
	right: 82.6vh;
	z-index: 3;
	transform: translate(0, 18.26vh);
}
#main_cont.active .bg06 {
	animation-name: main_cont_anime07;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.6s;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
}
@media only screen and (max-width: 767px) {
#main_cont {}
#main_cont {
	height: auto;
	margin: 60px 0 0 0;
	background: url("../../images/content/home/mainBg01.jpg") no-repeat right top;
	background-size: 100vw auto;
	display: block;
	padding: 300px 0 0 0;
}
#main_cont .inner {
	background: #fff;
	padding: 40px;
	width: 90%;
	margin: 0 auto;
}
#main_cont .inner h2 {
	width: 45vw;
}
#main_cont .inner ul {
	margin: 30px 0 0 0;
}
#main_cont .inner ul li:not(:first-child) {
	margin: 10px 0 0 0;
}
#main_cont .scroll_arrow {
	color: #000;
	position: absolute;
	bottom: 10px;
	z-index: 5;
}
#main_cont .scroll_arrow::after {
	background: url("../../images/content/home/scroll_arrow_b.svg") no-repeat;
	position: absolute;
	top: -6px;
	left: 115px;
}
#main_cont .bg02 { /* 右上白 */
	width: 0px;
	height: 41.333vw;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#main_cont.active .bg02 {
	animation-name: main_cont_anime02_sp;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.6s;
	animation-delay: 1.2s;
	animation-fill-mode: forwards;
}
#main_cont .bg03 { /* 中央スクリーン */
	width: 41.333vw;
	height: 41.333vw;
	background: url("../../images/content/home/mainBg03.jpg") no-repeat;
	background-size: 41.333vw 41.333vw;
	position: absolute;
	top: 21.2vw;
	right: 26.8vw;
	z-index: 2;
	opacity: 0;
}
#main_cont .bg04 { /* 中央空 */
	width: 41.333vw;
	height: 41.333vw;
	background: url("../../images/content/home/mainBg02.jpg") no-repeat;
	background-size: 41.333vw 41.333vw;
	position: absolute;
	top: 21.2vw;
	right: 26.8vw;
	z-index: 3;
	opacity: 0;
}
#main_cont .bg05 { /* 右上ワイプ */
	width: 8.53vw;
	height: 8.53vw;
	background: url("../../images/content/home/mainBg04.jpg") no-repeat;
	background-size: 8.53vw 8.53vw;
	position: absolute;
	top: 17vw;
	right: 10vw;
	z-index: 4;
	opacity: 0;
}
#main_cont .bg06 { /* 下部白 */
	display: none;
}
}
/* message_cont */
#message_cont {}
#message_cont {
	width: 100%;
	height: 100vh;
	background: url("../../images/content/home/messageBg01.jpg") no-repeat right top;
	background-size: auto 68.913vh;
	transition: all .25s ease;
	display: flex;
	align-items: center;
	position: relative;
	margin: 120px 0 0 0;
}
#message_cont .inner {
	padding: 0 0 0 150px;
	position: relative;
	z-index: 5;
	opacity: 0;
}
#message_cont .inner h2 {
	font-family: 'Comfortaa', cursive;
	color: #fff;
	font-weight: 500;
	display: table;
	font-size: 2rem;
	letter-spacing: 0.05em;
	position: relative;
	margin: 0 0 40px 0;
}
#message_cont .inner h2::before {
	content: "";
	width: 100%;
	height: 100%;
	background: #E59C96;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#message_cont .inner p {
	color: #222;
	letter-spacing: 0.15em;
	line-height: 4;
	font-size: 1.2rem;
	display: inline;
	background: linear-gradient(transparent 0%, #fff 0%);
}
#message_cont .bg01 { /* ベース背景画像 */
	width: 100vw;
	height: 100vh;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(0, 0);
}
#message_cont.active .bg01 {
	animation-name: message_cont_anime01;
	animation-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
	animation-duration: 0.3s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
}
#message_cont.active .inner { /* テキスト */
	animation-name: text_fade_anime01;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.8s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	transform: translate(0, 0);
}
#message_cont .bg02 { /* 右下スクリーン */
	width: 41.52vh;
	height: 41.52vh;
	background: url("../../images/content/home/messageBg02.jpg") no-repeat;
	background-size: 41.52vh 41.52vh;
	position: absolute;
	top: 44.9vh;
	right: 11.413vh;
	z-index: 2;
	opacity: 0;
}
#message_cont.active .bg02 {
	animation-name: message_cont_anime03;
	animation-timing-function: ease;
	animation-duration: 0s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}
#message_cont .bg03 { /* 右下海 */
	width: 41.52vh;
	height: 41.52vh;
	background: url("../../images/content/home/messageBg03.jpg") no-repeat;
	background-size: 41.52vh 41.52vh;
	position: absolute;
	top: 44.9vh;
	right: 11.413vh;
	z-index: 3;
	opacity: 0;
}
#message_cont.active .bg03 {
	animation-name: opacity_anime, message_cont_anime04;
	animation-timing-function: ease, cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0s, 0.5s;
	animation-delay: 0.5s, 0.5s;
	animation-fill-mode: forwards;
}
#message_cont .bg04 { /* 右下海 */
	width: 6.304vh;
	height: 6.304vh;
	background: url("../../images/content/home/messageBg04.jpg") no-repeat;
	background-size: 6.304vh 6.304vh;
	position: absolute;
	bottom: 6.739vh;
	right: 59.347vh;
	z-index: 3;
	opacity: 0;
}
#message_cont.active .bg04 {
	animation-name: message_cont_anime05;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 1s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}
#message_cont .bg05 { /* 上部白 */
	width: 56.52vh;
	height: 15.97vh;
	background: #fff;
	position: absolute;
	top: 0;
	right: 95.5vh;
	z-index: 3;
	transform: translate(0, -15.97vh);
}
#message_cont.active .bg05 {
	animation-name: message_cont_anime06;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.6s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}
@media only screen and (max-width: 767px) {
#message_cont {}
#message_cont {
	height: auto;
	background-size: 77.14vw auto;
	display: block;
	margin: 120px 0 0 0;
}
#message_cont .inner {
	padding: 50px 0 0 0;
	width: 90%;
	margin: 0 auto;
}
#message_cont .inner p {
	line-height: 2;
	font-size: 1rem;
}
#message_cont .bg02 { /* 右下スクリーン */
	width: 27.285vw;
	height: 27.285vw;
	background: url("../../images/content/home/messageBg02.jpg") no-repeat;
	background-size: 27.285vw 27.285vw;
	position: absolute;
	top: 29.42vw;
	right: 7.5vw;
	z-index: 2;
	opacity: 0;
}
#message_cont .bg03 { /* 右下海 */
	width: 27.285vw;
	height: 27.285vw;
	background: url("../../images/content/home/messageBg03.jpg") no-repeat;
	background-size: 27.285vw 27.285vw;
	position: absolute;
	top: 29.42vw;
	right: 7.5vw;
	z-index: 3;
	opacity: 0;
}
#message_cont .bg04 {
	display: none;
}
#message_cont .bg05 { /* 上部白 */
	display: none;
}
}
/* service_cont */
#service_cont {}
#service_cont {
	width: 100%;
	height: 100vh;
	background: url("../../images/content/home/serviceBg01.jpg") no-repeat left 22.9vh top;
	background-size: auto 100vh;
	transition: all .25s ease;
	display: flex;
	align-items: center;
	position: relative;
	margin: 120px 0 0 0;
}
#service_cont .inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	opacity: 0;
}
#service_cont .inner article.intro {
	padding: 0 0 0 150px;
	z-index: 5;
	opacity: 1;
	position: relative;
}
#service_cont .inner article h2 {
	font-family: 'Comfortaa', cursive;
	color: #fff;
	font-weight: 500;
	display: table;
	font-size: 2rem;
	letter-spacing: 0.05em;
	position: relative;
	margin: 0 0 40px 0;
}
#service_cont .inner article h2::before {
	content: "";
	width: 100%;
	height: 100%;
	background: #E59C96;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#service_cont .inner article p {
	color: #222;
	letter-spacing: 0.15em;
	line-height: 2;
	font-size: 1.1rem;
	background: #fff;
	width: 308px;
	padding: 1.7vw;
	display: inline-block;
}
#service_cont .inner article.detail {
	margin: 0 0 0 37.3vh;
	width: 50vh;
	z-index: 5;
}
#service_cont .inner article dl {
	margin: 100px 0 0 0;
}
#service_cont .inner article dt {
	color: #fff;
	font-weight: 500;
	font-size: 1.1rem;
	letter-spacing: 0.05em;
	position: relative;
	padding: 2px 4px;
	display: inline;
	background: linear-gradient(transparent 0%, #E59C96 0%);
	line-height: 1.7;
}
#service_cont .inner article dt.num01::before {
	content: "";
	width: 22px;
	height: 33px;
	background: url("../../images/content/home/service_num01.svg") no-repeat left top;
	position: absolute;
	top: -42px;
	left: -31px;
}
#service_cont .inner article dt.num02::before {
	content: "";
	width: 31px;
	height: 33px;
	background: url("../../images/content/home/service_num02.svg") no-repeat left top;
	position: absolute;
	top: -42px;
	left: -40px;
}
#service_cont .inner article dt.num03::before {
	content: "";
	width: 29px;
	height: 34px;
	background: url("../../images/content/home/service_num03.svg") no-repeat left top;
	position: absolute;
	top: -44px;
	left: -40px;
}
#service_cont .inner article dt::after {
	content: "";
	width: 24px;
	height: 1px;
	background: #E59C96;
	position: absolute;
	top: -5px;
	left: -17px;
	transform: rotate(45deg);
}
#service_cont .inner article dd {
	color: #222;
	line-height: 1.8;
	letter-spacing: 0.05em;
	margin: 15px 0 20px 0;
	font-size: 0.9rem;
}
#service_cont .bg01 { /* ベース背景画像 */
	width: 100vw;
	height: 100vh;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, 0);
}
#service_cont.active .bg01 {
	animation-name: service_cont_anime01;
	animation-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
	animation-duration: 0.3s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	transform-origin: left top;
}
#service_cont.active .inner { /* テキスト */
	animation-name: text_fade_anime01;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.8s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	transform: translate(0, 0);
}
#service_cont .bg02 { /* 上スクリーン */
	width: 26.304vh;
	height: 26.304vh;
	background: url("../../images/content/home/serviceBg02.jpg") no-repeat;
	background-size: 26.304vh 26.304vh;
	position: absolute;
	top: -3.26vh;
	left: 39.67vh;
	z-index: 2;
	opacity: 0;
}
#service_cont.active .bg02 {
	animation-name: service_cont_anime02;
	animation-timing-function: ease;
	animation-duration: 0s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}
#service_cont .bg03 { /* 上建物 */
	width: 26.304vh;
	height: 26.304vh;
	background: url("../../images/content/home/serviceBg03.jpg") no-repeat;
	background-size: 26.304vh 26.304vh;
	position: absolute;
	top: -3.26vh;
	left: 39.67vh;
	z-index: 3;
	opacity: 0;
}
#service_cont.active .bg03 {
	animation-name: opacity_anime, service_cont_anime03;
	animation-timing-function: ease, cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0s, 0.5s;
	animation-delay: 0.5s, 0.5s;
	animation-fill-mode: forwards;
}
#service_cont .bg04 { /* 下部白 */
	width: 12.17vh;
	height: 0vh;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 76.08vh;
	z-index: 3;
}
#service_cont.active .bg04 {
	animation-name: service_cont_anime04;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.6s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}
#service_cont .bg05 { /* 左建物 */
	width: 5.54vh;
	height: 5.54vh;
	background: url("../../images/content/home/serviceBg04.jpg") no-repeat;
	background-size: 5.54vh 5.54vh;
	position: absolute;
	top: 77.5vh;
	left: 6.52vh;
	z-index: 3;
	transform: translate(-13vh, 0);
}
#service_cont.active .bg05 {
	animation-name: service_cont_anime05;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.6s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}
@media only screen and (max-width: 767px) {
#service_cont {
	height: auto;
	background: url("../../images/content/home/serviceBg01.jpg") no-repeat right top;
	background-size: 100vw auto;
	display: block;
	padding: 0 0 60px 0;
	margin: 60px 0 0 0;
}
#service_cont .inner {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 60px 0 0 0;
}
#service_cont .inner article.intro {
	padding: 0 0 0 0;
}
#service_cont .inner article p {
	line-height: 1.7;
	font-size: 1rem;
	width: 100%;
	padding: 10px;
}
#service_cont .inner article.detail {
	margin: 0 0 0 0;
	width: 100%;
}
#service_cont .inner article dl {
	margin: 50px 0 0 0;
}
#service_cont .inner article dt {
	margin: 0 0 0 0;
	line-height: 1.4;
}
#service_cont .inner article dt.num01::before,
#service_cont .inner article dt.num02::before,
#service_cont .inner article dt.num03::before,
#service_cont .inner article dt::after {
	content: none;
}
#service_cont .inner article dd {
	background: #fff;
	padding: 10px;
}
#service_cont.active .bg01 {
	animation-name: service_cont_anime01_sp;
	animation-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
	animation-duration: 0.3s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	transform-origin: left top;
}
#service_cont .bg02 { /* 上スクリーン */
	display: none;
}
#service_cont .bg03 { /* 上建物 */
	display: none;
}
#service_cont .bg04 { /* 下部白 */
	display: none;
}
#service_cont .bg05 { /* 左建物 */
	display: none;
}
#service_cont.active .bg05 {
	animation-name: service_cont_anime05;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.6s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}
}
/* aboutus_cont */
#aboutus_cont {
	overflow: hidden;
}
#aboutus_cont {
	width: 100%;
	height: 100vh;
	background: url("../../images/content/home/aboutBg01.jpg") no-repeat right bottom;
	background-size: auto 76.63vh;
	transition: all .25s ease;
	display: flex;
	align-items: center;
	position: relative;
	margin: 120px 0 0 0;
}
#aboutus_cont .inner {
	padding: 0 0 0 150px;
	position: relative;
	z-index: 5;
	opacity: 0;
}
#aboutus_cont .inner h2 {
	font-family: 'Comfortaa', cursive;
	color: #fff;
	font-weight: 500;
	display: table;
	font-size: 2rem;
	letter-spacing: 0.05em;
	position: relative;
	margin: 0 0 40px 0;
}
#aboutus_cont .inner h2::before {
	content: "";
	width: 100%;
	height: 100%;
	background: #E59C96;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#aboutus_cont .inner article.item {
	color: #222;
	background: #fff;
	padding: 5px;
	line-height: 1.7;
}
#aboutus_cont .inner article.item .flex_bx {
	display: flex;
	justify-content: flex-start;
}
#aboutus_cont .inner article h3 {
	text-align: center;
	width: 105px;
	border-top: 1px solid #222;
	padding: 20px 0 15px 0;
	letter-spacing: 0.05em;
}
#aboutus_cont .inner article p {
	text-align: left;
	width: 500px;
	border-top: 1px solid #222;
	padding: 20px 10px 15px 10px;
	margin: 0 0 0 10px;
	letter-spacing: 0.05em;
}
#aboutus_cont .inner article.item .flex_bx.last h3,
#aboutus_cont .inner article.item .flex_bx.last p {
	border-bottom: 1px solid #222;
}
#aboutus_cont .bg01 { /* ベース背景画像 */
	width: 100vw;
	height: 100vh;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(0, 0);
}
#aboutus_cont.active .bg01 {
	animation-name: about_cont_anime01;
	animation-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
	animation-duration: 0.3s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
}
#aboutus_cont.active .inner { /* テキスト */
	animation-name: text_fade_anime01;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.8s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	transform: translate(0, 0);
}
#aboutus_cont .bg02 { /* 上写真 */
	width: 7.5vh;
	height: 7.5vh;
	background: url("../../images/content/home/aboutBg02.jpg") no-repeat;
	background-size: 7.5vh 7.5vh;
	position: absolute;
	top: 10.76vh;
	right: 77.93vh;
	z-index: 3;
	opacity: 0;
}
#aboutus_cont.active .bg02 {
	animation-name: about_cont_anime02;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.5s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}
#aboutus_cont .bg03 { /* 上スクリーン */
	width: 33.26vh;
	height: 33.26vh;
	background: url("../../images/content/home/aboutBg03.jpg") no-repeat;
	background-size: 33.26vh 33.26vh;
	position: absolute;
	bottom: 25.108vh;
	right: 21.52vh;
	z-index: 4;
	opacity: 0;
}
#aboutus_cont.active .bg03 {
	animation-name: about_cont_anime03;
	animation-timing-function: ease;
	animation-duration: 0s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
}
#aboutus_cont .bg04 { /* 上建物 */
	width: 33.26vh;
	height: 33.26vh;
	background: url("../../images/content/home/aboutBg04.jpg") no-repeat;
	background-size: 33.26vh 33.26vh;
	position: absolute;
	bottom: 25.108vh;
	right: 21.52vh;
	z-index: 5;
	opacity: 0;
}
#aboutus_cont.active .bg04 {
	animation-name: opacity_anime, about_cont_anime04;
	animation-timing-function: ease, cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0s, 0.5s;
	animation-delay: 0.5s, 0.5s;
	animation-fill-mode: forwards;
}
#aboutus_cont .bg05 { /* 下部白 */
	width: 30.65vh;
	height: 15.86vh;
	background: #fff;
	position: absolute;
	bottom: 11.413vh;
	right: 0;
	z-index: 3;
	transform: translate(30.65vh, 0);
}
#aboutus_cont.active .bg05 {
	animation-name: about_cont_anime05;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.6s;
	animation-delay: 0.8s;
	animation-fill-mode: forwards;
}
@media only screen and (max-width: 767px) {
/* aboutus_cont */
#aboutus_cont {}
#aboutus_cont {
	height: auto;
	background: url("../../images/content/home/aboutBg01.jpg") no-repeat right top;
	background-size: 100vw auto;
	display: block;
	margin: 0 0 0 0;
}
#aboutus_cont .inner {
	padding: 60px 0 0 0;
	width: 90%;
	margin: 0 auto;
}
#aboutus_cont .inner article.item {
	line-height: 1.4;
}
#aboutus_cont .inner article.item .flex_bx {
	display: block;
}
#aboutus_cont .inner article h3 {
	text-align: center;
	width: 100%;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	padding: 10px 0;
}
#aboutus_cont .inner article p {
	width: 100%;
	border-top: none;
	padding: 10px 10px 0 10px;
	margin: 0 0 30px 0;
	letter-spacing: 0.05em;
}
#aboutus_cont .inner article.item .flex_bx.last p {
	border-bottom: none;
}
#aboutus_cont .bg02 { /* 上写真 */
	display: none;
}
#aboutus_cont .bg03 { /* 上スクリーン */
	display: none;
}
#aboutus_cont .bg04 { /* 上建物 */
	display: none;
}
#aboutus_cont .bg05 { /* 下部白 */
	display: none;
}
}
/* access_cont */
#access_cont {}
#access_cont {
	width: 100%;
	/*min-height: 100vh;*/
	background: url("../../images/global/Bg01.jpg") no-repeat right bottom;
	background-size: cover;
	transition: all .25s ease;
	position: relative;
	margin: 120px 0 0 0;
}
#access_cont .bg01 { /* ベース背景画像 */
	width: 100vw;
	height: 100vh;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
}
#access_cont.active .bg01 {
	animation-name: opacity_anime02;
	animation-timing-function: ease;
	animation-duration: 1s;
	animation-delay: 0s;
	animation-fill-mode: forwards;
}
#access_cont .inner {
	padding: 160px 0 0 0;
	position: relative;
	z-index: 5;
}
#access_cont .inner .access {
	margin: 0 0 0 150px;
	opacity: 0;
}
#access_cont.active .inner .access { /* テキスト */
	animation-name: text_fade_anime01;
	animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
	animation-duration: 0.8s;
	animation-delay: 0.5s;
	animation-fill-mode: forwards;
	transform: translate(0, 0);
}
#access_cont .inner .access h2 {
	font-family: 'Comfortaa', cursive;
	color: #fff;
	font-weight: 500;
	display: table;
	font-size: 2rem;
	letter-spacing: 0.05em;
	position: relative;
	margin: 0 0 40px 0;
}
#access_cont .inner .access h2::before {
	content: "";
	width: 100%;
	height: 100%;
	background: #E59C96;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#access_cont .inner .access p {
	letter-spacing: 0.05em;
	color: #222;
}
#access_cont .inner #map {
	width: 100vw;
	height: 580px;
	background: #ccc;
	margin: 40px 0 0 0;
}
@media only screen and (max-width: 767px) {
#access_cont {
	min-height: auto;
	background: url("../../images/global/Bg01.jpg") no-repeat right top;
	background-size: cover;
	transition: all .25s ease;
	position: relative;
	margin: 60px 0 0 0;
}
#access_cont .inner {
	padding: 60px 0 0 0;
	position: relative;
	z-index: 5;
}
#access_cont .inner .access {
	width: 90%;
	margin: 0 auto 0 auto;
	opacity: 0;
}
#access_cont .inner .access p {
	line-height: 1.4;
}
#access_cont .inner #map {
	width: 100vw;
	height: 350px;
}
}