@charset "utf-8";
/*
Theme Name: ORIGINAL
*/

/* 全共通 start */
#beltbnr,
.h_bar {
  display: none;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
ul, li {
  list-style:none;
}
/* img {
  width:100%;
  height:auto;
  vertical-align: middle;
} */
body {
  color:#030303;
  /* line-height: 220%; */
	overflow-x:hidden;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.space {
	height:130px;
}
.main_detail{
	margin-top:180px;
}
.main_logo p {
  font-size: 45pt;
  font-family: "the-seasons", sans-serif;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 3pt;
  text-align:center;
}
.main_note {
  margin-top:60px;
}
.main_note p {
  text-align:center;
  line-height:220%;
  font-size:14pt;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.main_content {
  position: relative;
  margin:0 auto;
  overflow: hidden;
}
.st_sec {
  position: relative;
}
.wrap {
	display: flex;
	justify-content: space-between;
}
.numb {
	color:#030303;
	margin-bottom: 20px;
}
.numb p {
  font-size: 33pt;
  font-family: "the-seasons", sans-serif;
  font-weight: 400;
	font-style: normal;
}
.slide_in {
	overflow: hidden;
	display: inline-block;
}
.slide_in_inner {
	display: inline-block;
}
.left_anime {
	opacity: 0;
}
.slide_anime_left_right {
	animation-name: slide_textX100;
	animation-duration: .9s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes slide_textX100 {
	from {
		transform: translateX(-100%);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
.slide_anime_right_left {
	animation-name: slide_textX-100;
	animation-duration: .9s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes slide_textX-100 {
	from {
		transform: translateX(100%);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
.detail {
	margin-top: 20px;
}
.detail p {
	font-size: 10pt;
	line-height: 200%;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.detail a {
	display: inline-block;
	font-size: 10pt;
	color: #030303;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 200%;
	text-decoration: none;
	position: relative;
}
.detail a:hover {
	color: #030303;
}
.detail a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #11B1B8;
	transition: all .3s;
	transform: scale(0,1);
	transform-origin: left top;
}
.detail a:hover::after {
	transform: scale(1,1);
}
/* 全共通 end */

/* セクション02 start */
#sec02 {
	margin: 20% 0 0 0;
}
.numb01 {
	padding: 0 0 0 13%;
	margin: 0 0 40px 0;
}
.sec02_01 {
	width: 80%;
	margin: 0 auto;
	padding: 0 40px;
}
#sec02 .wrap {
	padding: 10% 40px 0;
}
.sec02_02 {
	width: 50%;
}
.sec02_03 {
	width: 40%;
}
.sec02_03 .detail {
	text-align: right;
}
.sec02_04 {
	z-index:-9;
	position:absolute;
	top: 35%;
}
/* セクション02 end */

/* セクション03 start */
.numb02 {
	position: absolute;
	top: 62%;
	left: 15%;
}
#sec03 {
	margin: 20% 0 0 0;
}
.sec03_01 + .detail {
	position: absolute;
	top: 65%;
	left: 15%;
}
.sec03_02 {
	width: 41.5%;
	margin:70px 120px 0 auto;
}
.sec03_02 .detail {
	text-align: right;
}
/* セクション03 end */

/* セクション04 start */
#sec04 {
	margin: 20% 0 0 0;
}
.numb03 {
	position: absolute;
	top: 3.5%;
	left: 28%;
}
#sec04 .wrap {
	flex-direction: row-reverse;
}
.sec04_01 {
	width: 55.5%;
	margin: 5% 0 0 0;
}
.sec04_02 {
	width: 30%;
	margin: 28% 0 0 7%;
}
.sec04_03 {
	width: 40%;
	margin: 0 0 0 120px;
}
.sec04_04 {
	z-index:-9;
	position:absolute;
	top: 15%;
}
/* セクション04 end */

/* セクション05 start */
#sec05 {
margin: 25% 0 0 0;
}
.numb04 {
	padding: 0 0 0 10%;
}
.move_bg {
	width: 100%;
}
.sec05_01 {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 75%;
}
.sec05_01 iframe {
	z-index: -9;
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
}
.sec05_02 {
	width: 58%;
	position: absolute;
	top: -5%;
	left: 10%;
}
.sec05_03 {
	width:32%;
	position: absolute;
	top: 43%;
	left: 60%;
	z-index: 1;
}
/* セクション05 end */

/* セクション06 start */
#sec06 {
	margin: 25% 0 0 0;
}
.numb05 {
	position: absolute;
	top: 105%;
	left: 46%;
	
}
.sec06_01 {
	width: 66%;
	margin: 0 0 0 auto;
	padding: 0 100px 0 0;
}
.sec06_01 .detail {
	position: absolute;
	top: 115%;
	left: 18%;
}
.sec06_02 {
	width: 34%;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 7%;
}
/* セクション06 end */

/* セクション07 start */
#sec07 {
	margin: 40% 0 0 0;
}
.numb06 {
	position: absolute;
	top: 8%;
	left: 5%;
}
.sec07_01 {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 75%;
}
.sec07_01 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .4;
}
.sec07_02 {
	position: absolute;
	top: 18%;
	left: 60px;
	width: 48%;
}
.sec07_03 {
	position: absolute;
	top: 15%;
	right: 60px;
	width: 30%;
}
/* セクション07 end */

/* フッター start */
.b_banner {
	margin-top: 180px;
	text-align: center;
}
.b_banner a {
	display: inline-block;
	width: 480px;
}
.b_credit {
	margin-top: 40px;
}
.b_credit p {
	color: #707070;
	text-align:center;
	font-size:9pt;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.sp_img {
  display:none!important;
}
/* フッター end */

@media screen and (max-width: 768px) {
	img {
		width:100%;
		height:auto;
	}
	.sp_img {
		display:block!important;
	}
	.pc_img {
		display:none!important;
	}
	.main_detail {
		margin-top: 60px;
	}
	.wrap {
		padding: 0 20px;
	}
	.detail {
		margin-top: 10px;
		text-align: center;
	}
	.detail p {
		font-size: 8pt;
		text-align: left;
		display: inline-block;
	}
	.detail a {
		font-size: 8pt;
	}
	.main_note {
		margin-top: 30px;
	}
	.main_note p {
		font-size: 10pt;
	}
  .main_logo p {
		font-size: 17pt;
		letter-spacing: 1pt;
	}
	.numb p {
		font-size: 17pt;
	}
	.wrap {
		display: block;
		padding: 0 0;
	}

	/* セクション02 start */
	.numb01 {
		padding: 0 0 0 10%;
	}
	#sec02 {
		margin:130px 0 0 0;
	}
	.sec02_01_03 {
		padding: 0 40px;
	}
	.sec02_01 {
		width: 76%;
		padding: 0;
	}
	#sec02 .wrap {
		display: flex;
		flex-direction: column-reverse;
		padding: 40px 0 0;
	}
	.sec02_02,
	.sec02_03 {
		width: 75%;
	}
	.sec02_02 {
		margin-left: auto;
	}
	.sec02_03 {
		margin: 100px 0 0 0;
	}
	.sec02_03 .detail p {
		text-align: right;
	}
	.sec02_04 {
		top: 15%;
	}
	/* セクション02 end */

	/* セクション03 start */
	.numb02 {
		text-align: center;
		position: static;
		display: block;
	}
	#sec03 {
		margin: 170px 0 0 0;
	}
	.sec03_01 + .detail {
		position: static;
	}
	.sec03_02 {
    width: 72%;
		margin: 15% 0 0 auto;
	}
	.sec03_02 .detail p {
		display: block;
		text-align: left;
	}
	/* セクション03 end */

	/* セクション04 start */
	.numb03 {
		position: static;
		margin: 0 0 10px 50px;
	}
	#sec04 {
		margin: 40px 0 0 0;
	}
	.sec04_01 {
		width: 86%;
		margin: 200px 0 0 auto;
	}
	.sec04_01_02 {
		display: block;
	}
	.sec04_02 {
		width: 31%;
		margin: -110px 0 0 auto;
	}
	.sec04_02 .detail {
		text-align:right;
	}
	.sec04_03 {
		/* width: 55%; */
		width: 56%;
		margin: -70px 0 0 20px;
	}
	.sec04_03 .detail p {
		text-align: right;
	}
	.sec04_04 {
		top: 46%;
	}
/* セクション04 end */

/* セクション05 start */
	.numb04 {
		padding: 0;
		text-align: center;
		display: block;
	}
	#sec05 {
		margin: 200px 0 0 0;
	}
	.sec05_01 {
		padding: 133.3% 0 0 0;
	}
	.sec05_01 iframe {
		width: 177%;
		top: 55%;
	}
	.sec05_02 {
		margin: 0 auto;
		width: 100%;
		top: -70px;
		left: 0;
	}
	.sec05_03 {
		width: 67%;
		top: 640px;
		left: auto;
		right: 0;
	}
	.sec05_03 .detail p {
		text-align: left;
	}
	/* セクション05 end */

	/* セクション06 start */
	.numb05 {
		position: static;
		text-align: center;
		display: block;
	}
	#sec06 {
		margin: 540px 0 0 0;
	}
	.sec06_01 {
		width: 100%;
		padding: 80px 0 0 0;
	}
	.sec06_01 .detail {
    position: static;
	}
	.sec06_02 {
		width: 64%;
		margin: 48px auto 0;
		position: static;
	}
	/* セクション06 end */
	
	/* セクション07 start */
	.numb06 {
		top: -10%;
		left: 8%;
	}
	#sec07 {
		margin: 240px 0 0 0;
	}
	.sec07_01 {
		padding-top: 256%;
	}
	.sec07_02 {
		width: 85%;
		margin: 0 auto;
		top: -5%;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	.sec07_02 .detail p {
		text-align: left;
	}
	.sec07_03 {
		width: 70%;
		top: 65%;
		right: auto;
	}
	.sec07_03 .detail {
		text-align: right;
	}
	/* セクション07 end */

	/* フッター start */
	.b_banner {
    margin-top: 130px;
	}
	.b_banner a {
		display: inline-block;
		width: 75%;
	}
	.b_credit {
		margin: 50px 0 0 0;
	}
	.b_credit p {
		font-size: 7pt;
		line-height: 160%;
	}
}