@charset "utf-8";
/* CSS Document */
#warning {
	display: none;
}
@font-face {
  font-family: 'A-OTF GothicMB101';
  src: url(../A-OTF-GothicMB101Pro-Bold.otf);
}
@font-face {
  font-family: 'A-OTF ShinGoPro-R';
  src: url(../A-OTF-ShinGoPro-Regular.otf);
}
@font-face {
  font-family: 'A-OTF ShinGoPro-M';
  src: url(../A-OTF-ShinGoPro-Medium.otf);
}
@font-face {
  font-family: 'A-OTF ShinGoPro-L';
  src: url(../A-OTF-ShinGoPro-Light.otf);
}
/*====================================
PC版
=====================================*/
@media print, screen and (min-width: 768px) {

.fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow > .fp-overflow{
	overflow: hidden !important;
	align-items: center;
}

#sponlycontent {
	display: none;
}

.footer-box{
	min-width: 1200px;
}

html{
	scroll-behavior: smooth;
}

section{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100vw;
	min-width: 1300px;
	height: 100vh;
	overflow: hidden;
}

#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7,
#section8,
#section9,
#section10,
#section11,
#section12,
#section13,
.scroll_anchor{
	position: absolute;
	top: 0;
}

.sidebar_btn{
	position: absolute;
	display: block;
	width: 1.25vw;
	height: 1.25vw;
	left: 0.6vw;
	top: 0.6vw;
	z-index: 200;
	cursor: pointer;
	transition: all .3s ease;
}

.sidebar_btn.active{
	transform: rotate(180deg);
}

.sidebar{
	position: fixed;
	top: 0;
	left: -9.275vw;
	width: 11.875vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 100;
	padding: 3.1vw 0;
	transition: all .3s ease;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.sidebar::-webkit-scrollbar{
	display: none;
}

.sidebar.active{
	left: 0;
	overflow-y: scroll;
}

.chapter{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: fit-content;
	position: relative;
	left: 1.875vw;
}
.chap_item{
	margin-bottom: 1.35vw;
	cursor: pointer;
}

.chap_item:last-of-type{
	margin-bottom: 3.125vw;
}

.chap_item img{
	width: 7vw;
	height: auto;
}

.chap_item p{
	font-size: 0.7vw;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}

.side_link{
	position: relative;
	left: 1.875vw;
	width: 7vw;
}

.link_item{
	display: flex;
	align-items: center;
	margin-bottom: 0.76vw;
}

.link_item img{
	width: 1.77vw;
	height: auto;
	margin-right: 0.3vw;
}

.link_item p{
	font-size: 0.7vw;
	color: #fff;
}

.town{
	position: relative;
	top: 80vh;
	width: 100vw;
	height: 100vh;
	background-image: url(../img/town.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: bottom;
	animation: town 1s ease-in forwards;
	animation-delay: .2s;
}
@keyframes town{
	0%{
		top: 80vh;
	}
	100%{
		top: 0;
	}
}
.town::before{
	content: "";
	position: absolute;
	width: 100vw;
	height: 50vh;
	background: linear-gradient(180deg, #ffffff, transparent);
}

.bubble1{
	position: absolute;
	bottom: 30%;
	left: 28%;
	display: flex;
	justify-content: center;
	align-items: center;
	display: block;
	width: 17vw;
	min-width: 180px;
	height: auto;
	background-image: url(../img/bubble1.png);
	background-size: 100% 100%;
	animation: bubble .3s ease forwards;
	animation-delay: 1.6s;
	opacity: 0;
}
@keyframes bubble{
	0%{
	transform: scale(0.7);
	opacity: 0;
	}
	100%{
	transform: scale(1);
	opacity: 1;
	}
}
.bubbles{
	transition: .5s all ease;
	transform: scale(0.7);
	opacity: 0;
	z-index: 1;
}
.bubbles.active{
	transform: scale(1);
	opacity: 1;
}
/* 2ページ目 */
.section_inner{
	aspect-ratio: 16/9;
	position: relative;
	/* width: 80vw; */
	height: 100vh;
	/* max-width: 2200px; */
	/* min-width: 1300px; */
	margin: 0 auto;
	/* max-height: 1125px;
	min-height: 731.25px; */
}

.object2{
	position: absolute;
	transition: all .5s ease;
}
.panel1{
	width: 60.9%;
	height: auto;
	left: -30%;
	top: 10%;
	/* transition-delay: .2s; */
	opacity: 0;
}
.panel1.active{
	left: 15%;
	opacity: 1;
}
.bubble2{
	width: 15.6%;
	height: auto;
	left: 7%;
	top: 8%;
	transition-delay: .2s;
}
.bubble3{
	width: 25.7%;
	height: auto;
	top: 5%;
	right: 20%;
	transition-delay: .4s;
}
.panel2{
	width: 27.9%;
	height: auto;
	right: -15%;
	bottom: 5%;
	transition-delay: 1.2s;
	opacity: 0;
}
.panel2.active{
	right: 12%;
	opacity: 1;
}
.bubble4{
	width: 31.8%;
	height: auto;
	right: 40%;
	bottom: 8%;
	transition-delay: 1.4s;
}
/* ３ページ目 */
.object3{
	position: absolute;
}

.panel3{
	width: 54.8%;
	height: auto;
	top: 17%;
	left: 12%;
}
.panel3 img{
	width: 100%;
	height: auto;
}
.panel3::before{
	content: "";
	width: 80%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background-image: linear-gradient(90deg, transparent, #ffffff80 40%, #ffffff 85%);
}
.bubble5{
	width: 18.3%;
	height: auto;
	top: 8%;
	left: 45%;
}
.panel4{
	width: 9.8%;
	height: auto;
	right: 15%;
	top: 30%;
	transition-delay: .8s;
}
.bubble6{
	width: 11.5%;
	height: auto;
	right: 23%;
	top: 35%;
	transition-delay: 1s;
}
.bubble7{
	width: 33.75%;
	height: auto;
	right: 20%;
	bottom: 15%;
	transition-delay: 1.8s;
}

/* ４ページ目 */
.blue{
	background-image: linear-gradient(transparent, transparent 30%, #0059c4 40%);
}
.object4{
	position: absolute;
}
.panel5{
	width: 24.6%;
	height: auto;
	left: 26%;
	top: 5%;
}
.bubble8{
	width: 13.4%;
	height: auto;
	left: 45%;
	top: 8%;
}
.arrow{
	width: 10vw;
	height: auto;
	left:-19%;
	top:-15%;
	/* animation: arrow .6s ease-out forwards;
	animation-delay: 2s; */
}
@keyframes arrow{
	0%{
		left:-19%;
		top:-12%;
	}
	10%{
	    left: 19%;
	    top: 12%;
	}
	100%{
		transform: scale(0.6, 1);
		transform: skewX(-10.3deg);
	    left: 19%;
	    top: 12%;
	}
}
.bubble9{
	width: 13.5%;
	height: auto;
	left: 18%;
	top: 24%;
	transition-delay: 1.8s;
}
.panel6{
	width: 28.3%;
	height: auto;
	right: 13%;
	bottom: 8%;
	transition: all .2s ease-in-out;
	transition-delay: 4.6s;
}
.bubble10{
	width: 24.2%;
	height: auto;
	right: 10%;
	bottom: 50%;
	transition-delay: 5s;
}

.text{
	position: absolute;
	width: 90%;
	bottom: 15%;
	left: 13%;
}
.text p{
	line-height: 1;
}
.text .object4{
	position: relative ;
	color: #fff;
  font-family: 'A-OTF GothicMB101';
}
.text_container{
	position: relative ;
	width: 90%;
	transform: scaleX(0.9);
	transform-origin: left;
}
.text_container .object4{
	display: inline-block;
}
.tc_1{
	font-size: 9.44vh;
	opacity: 0;
	transition: all .3s ease;
	transition-delay: 2.8s;
}
.tc_1.active,
.tc_3.active,
.single.active,
.yellow_bar.active{
	opacity: 1;
}
.tc_2{
	font-size: 22vh;
	vertical-align: -0.03em;
	letter-spacing: -0.2em;
	margin-left: -0.2em;
	transform: scale(1.4);
	opacity: 0;
	transition: all .3s ease;
	transition-delay: 3.4s;
}
.tc_2.active{
	transform: scale(1);
	opacity: 1;
}
.tc_3{
	font-size: 9.44vh;
	margin-left: 0.55em;
	opacity: 0;
	transition: all .3s ease;
	transition-delay: 3.8s;
}
.single{
	margin-top: -0.5em;
	font-size: 7.55vh;
	letter-spacing: -0.05em;
	opacity: 0;
	transition: all .3s ease;
	transition-delay: 3.8s;
	transform: scaleX(0.95);
	transform-origin: left;
}
.yellow_bar{
	width: 98vh;
	height: 3.7vh;
	border-radius: 0.75em;
	font-size: 2.55vh;
	background-color: #FFF100;
	color: #000 !important;
	line-height: 1.3em !important;
	text-align: center;
	margin-top: 2.7vh;
    font-family: 'A-OTF ShinGoPro-R' !important;
	opacity: 0;
	transition: all .3s ease;
	transition-delay: 3.8s;
}
/* 5ページ目 */
.old{
	background-color: #F7F4EB;
}
.object5{
	position: absolute;
}
.panel7{
	width: 22.5%;
	height: auto;
	right: 8%;
	top: 8%;
}

.bubble11{
	width: 22.7%;
	height: auto;
	right: 26%;
	top: 5%;
}

.bubble12{
	width: 18%;
	height: auto;
	left: 10%;
	top: 34%;
}
.old_wrap{
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0 10%;
	position: absolute;
	bottom: 5vh;
	left: 0;
}
.old_wrap img{
	position: relative;
	width: 18%;
	height: auto;
}
.bubble11{
	transition-delay: .8s
}
.old1{
	transition-delay: 1.4s;
}
.old2{
	transition-delay: 1.6s;
}
.old3{
	transition-delay: 1.7s;
}
.old4{
	transition-delay: 1.8s;
}
.old5{
	transition-delay: 2s;
}

/* ６ページ目 */
.object6{
	position: absolute;
}
.panel7-2{
	width: 22.5%;
	height: auto;
	right: 5%;
	top: 5%;
}
.bubble13{
	width: 21.68%;
	height: auto;
	top: 35%;
	right: 8%;
	transition-delay: .8s;
}
.panel8{
	width: 12.5%;
	height: auto;
	bottom: 5%;
	left: 7%;
	transition-delay: 1.6s;
}
.bubble14{
	width: 16.3%;
	height: auto;
	left: 5%;
	bottom: 24%;
	transition-delay: 2s;
}
.bubble15{
	width: 11.1%;
	height: auto;
	top: 20%;
	left: 12%;
}
.page_image{
	position: absolute;
	width: 40%;
	height: 100%;
	overflow: scroll;
	left: 25%;
}
.page_image div{
	width: 100%;
	height: 100%;
	background-image: url(../img/site.png);
	background-repeat: no-repeat;
	background-position:top 100px left 0;
	background-size: cover;
	transition: all 5s linear;
	transition-delay: .8s;
}
.page_image div.active{
	background-position: bottom 100px left 0;
}
.page_image::before{
	content: "";
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: linear-gradient(#F7F4EB, transparent 100%);
}
.page_image::after{
	content: "";
	width: 100%;
	height: 100px;
	position: absolute;
    bottom: 0;
	left: 0;
	z-index: 1;
	background-image: linear-gradient(transparent, #F7F4EB 100%);
}
.link1{
	width: 13.5%;
	height: auto;
	bottom: -25%;
	right: 15%;
	transition: all .3s ease;
	transition-delay: 2.8s;
}
.link1.active{
	bottom: -1.5%;
}

/* 7ページ目 */
.object7{
	position: absolute;
}
.half{
	height: 50vh !important;
}
.half .section_inner{
	height: 50vh;
	aspect-ratio: 32/9;
}

.panel7-3{
	right: 30%;
	top: 5%;
	width: 30%;
	height: auto;
	opacity: 0;
	transition: all .3s ease;
	transition-delay: .8s;
}
.panel7-3.active{
	right: calc(50% - 15%);
	opacity: 1;
}
.bubble16{
	top: 15%;
	left: 15%;
	width: 27%;
	height: auto;
	transition-delay: 1.2s;
}

.link2{
	width: 13.5%;
	height: auto;
	top: 20%;
	right: -13.5%;
	transition: all .3s ease;
	transition-delay: 1.8s;
	cursor: pointer;
}
.link2.active{
	right: 0;
}
/* 8ページ目 */
.feature{
	background-color: #F7F4EB;
 }

 .feature .fp-overflow{
	height: 50vh;
	aspect-ratio: 32/9;
 }

 .feature_container{
	height: 50vh;
	aspect-ratio: 32/9;
	display: flex;
	justify-content: space-between;
	padding: 0 3.75%;
	padding-top: 5.18vh;
 }

 .f_half .feature_container{
	padding-bottom: 5.18vh;
	padding-top: 0;
	align-items: end;
 }

 .feature_item{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 52.7vh;
	height: 33.8vh;
	border-radius: 1vh;
	background-color: #fff;
	border: 1px solid #000;
 }

 .feature_item .img_container{
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 2.8%;
 }

 .feature_container img{
	width: 30.5%;
 }

 .feature_item .txt_container{
	font-size: 100vh;
 }

 .txt_container{
	margin-top: 3.5%;
	padding: 0 7.35%;
	width: 100%;
 }

 .txt_container h2{
	font-size: 3.7%;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	font-weight: 600;
	/* -webkit-text-stroke: 0.7px #000;  */
	color: #000;
	line-height: 1;
	/* letter-spacing: -0.5px; */
 }

 .txt_container p{
	margin-top: 3.5%;
	width: 100%;
	font-size: 2.22%;
	line-height: 1.4;
	word-break: break-word;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	color: #000;
 }

 .txt_container span{
	color: #000;
	line-height: 1;
	font-size: 70%;
	font-family:'メイリオ', 'Meiryo', sans-serif;
 }

 .indent{
	display: flex;
	align-items: baseline;
	white-space: nowrap;
	transform: scaleX(0.95);
	transform-origin: left;
 }

 .indent span{
	display: inline-block;
	font-size: 100%;
	font-weight: 600;
	text-indent: -0.5em;
	color: #000;
	/* -webkit-text-stroke: 1.1px #000;  */
	line-height: 1;
 }

 .long_body{
	display: flex;
	align-items: center;
	transform: scaleX(0.85);
	transform-origin: left;
	white-space: nowrap;
 }

 .italic{
	font-size:100% !important;
	font-style: italic;
	transform: scaleX(0.9);
	line-height: 1;
}
/*
.feature .section_inner{
	display: flex;
	align-items: center;
	min-width: 0;
	width: 80%;
	margin: 0 auto;
}

.feature_container{
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}
.feature_item{
	align-items: stretch;
	width: 32%;
	height: 38%;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 8px;
	padding: 20px 30px;
}
.feature_item .img_container{
	display: flex;
	justify-content: center;
	width: 100%;
	height: 37.15%;
}
.img_container img{
	width: auto;
	height: 100%;
}
.feature_item h2{
	font-size: min(2.1vw,42px);
	color: #000;
    font-family: 'A-OTF ShinGoPro-M';
	transform: scaleX(0.8);
	white-space: nowrap;
	transform-origin: left;
}
.feature_item h2 span{
	font-size: min(1.46vw,29.2px);
    font-family: 'A-OTF ShinGoPro-M';
	color: #000;
	transform: scaleX(0.8);
	white-space: nowrap;
	transform-origin: left;
}
.italic{
	font-size: clamp(27.3px,2.1vw,42px) !important;
	font-style: italic;
	transform: scaleX(0.9);
}
.feature_item p{
	margin-top: 5px;
	line-height: 1.4;
	font-size: min(1.25vw,25px);
	width: 100%;
	vertical-align: baseline;
	word-wrap: break-word;
} */

/* 制作内容詳細 */
.table{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 300;
	opacity: 0;
	pointer-events: none;
	transition: all .3s ease;
}
.cross{
	display: block;
	cursor: pointer;
	width: 2.6vw;
	height: auto;
	position: absolute;
	right: 1.77vw;
	top: 1.77vw;
}
.table.active{
	opacity: 1;
	pointer-events: all;
}
.table_container{
	margin: 0 auto;
	padding: 10px;
	margin-top: max(20px,3.75vh);
	width: 50vw;
	/* width: 49.6vw; */
	/* min-width: 480px; */
	height: auto;
	min-height: 510px;
	max-height: 90vh;
	overflow-y: scroll;
	background-color: #fff;
}

.table_title{
	width: 100%;
	height: 40px;
	line-height: 38px;
	font-size: 20px;
	padding:0 20px;
	background-color: #59C3E1;
    font-family: 'A-OTF ShinGoPro-M';
	letter-spacing: normal;
	color: #fff;
}
.table_item{
	margin-top: 30px;
	margin-left: 10px;
	color: #000;
    font-family: 'A-OTF ShinGoPro-M';
}
table{
	margin: 0 10px;
}
th{
	display: flex;
	flex-direction: column;
	width: 200px;
	line-height: 36px;
	background-color: #fef2d8;
	border-top: 1px solid #000;
  font-family: 'A-OTF ShinGoPro-L';
  font-weight: normal;
}
th span{
	line-height: 36px;
	font-size: 14px;
	margin-top: -16px;
	color: #000;
}
tr:last-of-type th{
	border-bottom: 1px solid #000;
}
td{
	width: 410px;
	line-height: 36px;
	padding-left: 100px;
	border-top: 1px solid #000;
	color: #000;
  font-family: 'A-OTF ShinGoPro-L';
}
td span{
	font-size: 14px;
	color: #000;
}
.symbol{
	padding-left: 150px;
}
.symbol span{
	margin-left: 20px;
}
tr:last-of-type td{
	border-bottom: 1px solid #000;
}
.remark{
	margin-left: 10px;
	font-size: 12px;
	line-height: 16px;
	color: #000;
  font-family: 'A-OTF ShinGoPro-L';
}
.remark:nth-of-type(4){
	margin-top: 10px;
}


/* 9ページ目 */
.object9{
	position: absolute;
}

.panel9{
	width: 57.8%;
	height: auto;
	top: 5%;
	left: 5%;
}
.panel10{
	width: 57.8%;
	height: auto;
	top: 5%;
	right: 5%;
}
.bubble17{
	width: 31.1%;
	height: auto;
	top: 5%;
	left: 25%;
	transition-delay: .8s;
}
.bubble18{
	width: 26.5%;
	height: auto;
	top: 50%;
	right: 25%;
	transition-delay: 1.6s;
}

/* 10ページ目 */
.flow{
	background-color: #eee;
}


.flow_container{
	height: 50vh;
	display: flex;
	align-items: start;
	justify-content: space-between;
	padding: 0 4.375%;
}

.flow_half .flow_container{
	align-items: end;
}

.flow_item{
	height: 32.6vh;
	width: 23.4%;
	background-color: #fff;
	border-radius: .5vh;
	margin: 5.2vh auto;
}

.flow_title{
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 10vh;
	background-color: #59C3E1;
	border-radius: .5vh .5vh 0 0;
}

.flow_title img{
	margin-top: -9.22%;
	height: 8vh;
	width: auto;
}

.flow_title h2{
	color: #000;
	font-size: 3.14vh;
	font-weight: 500;
	line-height: 1.5;
    font-family: 'A-OTF ShinGoPro-M';
}

.flow_title .long{
	transform: scaleX(0.7);
	white-space: nowrap;
}

.flow_content{
	padding: 5vh 8.2% 0 8.2%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.flow_content p{
	color: #000;
	font-size: 1.85vh;
	font-family:'メイリオ', 'Meiryo', sans-serif;
	line-height: 1.5;
	text-align: justify;
	letter-spacing: 1%;
}

.flow01{
	margin-top: 2.2vh;
	height: 5.74vh;
}

.fc_flex{
	display: flex;
	justify-content: space-between;
}

.fc_flex p{
	width: 60%;
}

.fc_flex img{
	height: 10vh;
	width: auto;
}

.remarks{
	width: 100%;
	font-size: 1.1vh !important;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 2vh;
}

.remarks .circle{
	font-size: 1.1vh;
	color: #000;
}

.remarks2{
	font-size: 1.29vh !important;
	margin-top: 3vh;
}

.flow03{
	margin-top: 2.7vh;
	height: 6.66vh;
}

.flow04{
	margin-top: 3vh;
	height: 6.66vh;
}

.flow05{
	height: 7.77vh;
	margin-top: 1.5vh;
}

.flow06{
	height: 10.18vh;
}


/* .flow .section_inner{
	min-width: 0;
	width: 80%;
	margin: 0 auto;
} */
/* .flow_container{
	width: 100%;
	height: 100%;
	padding: 3% 3%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.flow_item{
	width: 23.5%;
	height: 36%;
	background-color: #fff;
}
.flow_title{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 30.6%;
	background-color: #59C3E1;
}
.flow_title img{
	margin-top: -10%;
	margin-bottom: 3%;
	width: 20.8%;
	height: auto;
}
.flow_title h2{
	font-size: min(1.8vw,35.8px);
	line-height: min(1.8vw,35.8px);
	font-size: 1.77vw; 
	color: #000;
    font-family: 'A-OTF ShinGoPro-M';
}
.long{
	transform: scaleX(0.65);
	white-space: nowrap;
}
.flow_content{
	padding: 10% 8% 0 8%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.flow_content p{
	font-size: min(1vw,20.5px);
	line-height: 1.5;
	font-family:'メイリオ', 'Meiryo', sans-serif;
}
.flow_content img{
	width: 24%;
	height: auto;
	margin-top: 5%;
}
.fc_flex{
	display: flex;
	width: 100%;
}
.fc_flex img{
	margin-top: 3%;
	margin-left: 15%;
	width: 100%;
	height: 100%;
}
.remarks{
	font-size: min(0.625vw,12.5px) !important;
	width: 100%;
	margin-top: 5%;
    font-family:'メイリオ', 'Meiryo', sans-serif;
}
.remarks2{
	margin-top: 10%;
	padding-left: 1em;
	text-indent: -1em;
}
.flow_item:last-of-type .flow_content img{
	width: 100%;
} */

/* 11ページ目 */
.object11{
	position: absolute;
	transition: all .3s ease;
}

.panel11{
	width: 45.6%;
	height: auto;
	top: 5%;
	left: -2%;
	opacity: 0;
	transition-delay: .8s;
}
.panel11.active{
	left: 8%;
	opacity: 1;
}
.bubble19{
	width: 28.5%;
	height: auto;
	left: 25%;
	top: 5%;
	transition-delay: 1.2s;
}
.panel12{
	width: 40.6%;
	height: auto;
	right: -2%;
	top: 25%;
	opacity: 0;
	transition-delay: 1.8s;
}
.panel12.active{
	right: 8%;
	opacity: 1;
}
.bubble20{
	width: 30.5%;
	height: auto;
	right: 27%;
	top: 30%;
	transition-delay: 2.2s;
}
.panel13{
	width: 39.4%;
	height: auto;
	left: -2%;
	top: 52%;
	transition-delay: 2.8s;
	opacity: 0;
}
.panel13.active{
	left: 8%;
	opacity: 1;
}
.bubble21{
	width: 31.5%;
	height: auto;
	top: 53%;
	left: 22%;
	transition-delay: 3.2s;
}
.bubble22{
	width: 30%;
	height: auto;
	top: 73%;
	left: 38%;
	transition-delay: 3.6s;
}
.link3{
	width: 14.7%;
	height: auto;
	bottom: -3%;
	right: -2%;
	opacity: 0;
	transition-delay: 4.2s;
}
.link3.active{
	right: 10%;
	opacity: 1;
}

/* 12ページ目 */

.object12{
	position: absolute;
	transition: all .3s ease;
}

.panel14{
	width: 48%;
	height: auto;
	left: -2%;
	top: 5%;
	opacity: 0;
	transition-delay: .8s;
}
.panel14.active{
	left: 8%;
	opacity: 1;
}
.bubble23{
	width: 24.5%;
	height: auto;
	left: 35%;
	top: 9%;
	transition-delay: 1.2s;
}
.panel15{
	width: 30.4%;
	height: auto;
	right: -2%;
	top: 30%;
	opacity: 0;
	transition-delay: 2s;
}
.panel15.active{
	right: 8%;
	opacity: 1;
}
.bubble24{
	width: 28.8%;
	height: auto;
	right: 30%;
	top: 40%;
	transition-delay: 2.4s;
}
.bubble25{
	width: 31.7%;
	height: auto;
	top: 65%;
	right: 13%;
	transition-delay: 2.8s;
}

/* お問い合わせフォーム */

.complete,.alert,.confirm{
	display: none;
}
.complete.active,
.confirm.active{
	display: block;
}

.contact{
	height: auto !important;
	display: block;
	overflow-y: auto;
	min-height: 100vh;
}


}  /*  PC版ここまで  */



/*===================================
スマホ版
===================================*/
@media only screen and (max-width : 767.98px ) {

#pconlycontent {
	display: none;
}

.pc_box {
	display: none !important;
}

.order1 {
	order: 1;
}

.order2 {
	order: 2;
}

.order3 {
	order: 3;
}




}  /*  スマホ版ここまで  */