html {
	scroll-behavior: smooth;
	line-height: 170% !important;
	font-size:20px;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
body {
	margin: 0 !important;
	padding: 0 !important;
	}
img {
	width:100%;
	margin:0 !important;
	padding:0 !important;
	vertical-align: bottom;
	line-height: 1.0em;
}

p {
    display: block;
    margin-block-start: .45em;
    margin-block-end: .45em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

a {
	color:#000;
	text-decoration: none !important;
}
.box01 {
	background: url("../images/back01.png") top center no-repeat;
	max-width:1300px !important; background-size: 84%;
	display: flex;
	flex-wrap: nowrap; 
	justify-content: space-around;
	align-items: center;
	padding-top:1.8em;
	margin:0 auto;
}
.box02 { 
	max-width:1300px !important;
	margin:0 auto;
}
.box02 img {  width: 20px; padding:0px 5px 5px 0!important;
}

.box03 {
	position: relative;
	font-size:.75vw;
	text-align: center;
	width:650px !important;
	bottom: -20px; 
	margin: 0 auto!important;
	pading: 0 !important;
}
.box04 {
	font-size:1em;
	text-align: center;
	max-width:650px !important;
	top: 0;
	margin: 0 auto!important;
	pading: 0 !important;
}
.box01_smart,.box02_smart,.box01_smart01,.box01_smart02{
	display:none;
}
.float01,.float02,.float03,.float04,.float05,.float06 {
	padding:0 1%;
}
.ud30 {
	margin:30px 0;
}
.image01 {
	max-width:1200px !important;
	position: relative;
	padding:0;
	margin:0 auto;
}
.image01 p {
	position: absolute;
	top: 0;
	left:0;
	margin: 0 !important;
	pading: 0 !important;
}
.image01_smart {
	display:none;
}
.image02 {
	max-width:1200px !important;
	position: relative;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}
.image02_smart {
	display:none;
}
main {
	padding-bottom: 58px;
}
footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	right: 0;
	margin:0 !important;
	padding-top:0!important;
}
.image03 {
	max-width: 1200px;
	background-color: #E6E6E6;  
	padding:.40em 0;
	margin:0 auto;
}
.image03 p {
	text-align: center!important;
}
.image03_smart {
	display:none;
}
.image05 {
	background: url("../images/back02.png")no-repeat; 
	max-width:1200px !important;
	position: relative;
	min-height: 294px;
	padding:0;
	margin:1em auto;
	overflow:hidden;
	background-size: 18%;
}
.image05_smart {
	display:none;
}
.image06 {
	background: url("../images/back03.png")no-repeat;
	background-size: 18%;
	background-position: right bottom;
	max-width:1200px !important;
	position: relative;
	min-height: 250px;
	padding:20px 0 0;
	margin:0 auto;
}
.image06_smart {
	display:none;
}
.scroll {
	width: 750px !important;
	overflow-x: auto;
}
.scroll img {
	width: 750px !important;
}
.fadein {
	-webkit-transition: all 2s;
	transition: all 2s;
	opacity: 0
}
.fadein.active {
	opacity: 1
}
.fadein.move-to-top {
	-webkit-transform: translateY(50px);
	transform: translateY(50px)
}
.fadein.move-to-top.active {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.fadein.move-to-bottom {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px)
}
.fadein.move-to-bottom.active {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.fadein.move-to-left {
	-webkit-transform: translateX(50px);
	transform: translateX(50px)
}
.fadein.move-to-left.active {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.fadein.move-to-right {
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px)
}
.fadein.move-to-right.active {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.fadeout {
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 1
}
.fadeout.active {
	opacity: 0
}
.fadeout.move-to-top {
	-webkit-transform: translateY(50px);
	transform: translateY(50px)
}
.fadeout.move-to-top.active {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.fadeout.move-to-bottom {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px)
}
.fadeout.move-to-bottom.active {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.fadeout.move-to-left {
	-webkit-transform: translateX(50px);
	transform: translateX(50px)
}
.fadeout.move-to-left.active {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.fadeout.move-to-right {
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px)
}
.fadeout.move-to-right.active {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.rotate {
	-webkit-transition: all 1s;
	transition: all 1s;
	opacity: 0
}
.rotate.active {
	-webkit-transform: rotate(0) scale(1, 1);
	transform: rotate(0) scale(1, 1);
	opacity: 1
}
.rotate.move-to-top {
	-webkit-transform: translateY(500px) rotate(-45deg) scale(0.5, 0.5);
	transform: translateY(500px) rotate(-45deg) scale(0.5, 0.5)
}
.rotate.move-to-top.active {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.rotate.move-to-bottom {
	-webkit-transform: translateY(-500px) rotate(-45deg) scale(0.5, 0.5);
	transform: translateY(-500px) rotate(-45deg) scale(0.5, 0.5)
}
.rotate.move-to-bottom.active {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.rotate.move-to-left {
	-webkit-transform: translateX(500px) rotate(45deg) scale(0.5, 0.5);
	transform: translateX(500px) rotate(45deg) scale(0.5, 0.5)
}
.rotate.move-to-left.active {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
.rotate.move-to-right {
	-webkit-transform: translateX(-500px) rotate(-45deg) scale(0.5, 0.5);
	transform: translateX(-500px) rotate(-45deg) scale(0.5, 0.5)
}
.rotate.move-to-right.active {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}
	.box01 {
		max-width:80% !important;
		display: flex;
		flex-wrap: nowrap; 
		justify-content: space-around;
		align-items: center;
		padding:0;
		margin:0 auto;
	}
	h2.h201 {
		padding-top: 0;
		text-align: center;
		color: #4EB9F8;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:2em; line-height: 140%;
	}
	h2.h201 span {
		display: block;
		text-align: center;
		border-bottom:1px solid #4EB9F8;
		margin-bottom: .75em;
		color: #4EB9F8;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:1em; line-height: 140%;
	}
	h3.h301 {
		text-align: center;
		background-color: #4EB9F8;
		border-radius: 20px;
		padding: .25em .75em;
		width: 30%;
		color: #fff;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:1em;
		line-height: 160%;
		margin:.15em auto !important;
	}
	h2.h202 {
		text-align: center;
		border-bottom:1px solid #000;
		color: #000;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:2em; padding-bottom: .25em;
	}
	.image03 hr {
		color: #000!important; 
	}
	.image03 a { color: #000!important;
	}
	.white {
		color: #000!important;
		text-align: center;
		font-size:1.3em;
	}
	.white_m {
		color: #000!important;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:.85em;
	}

@media screen and (max-width: 1200px) {
	.box01 {
		max-width:80% !important;
		display: flex;
		flex-wrap: nowrap; 
		justify-content: space-around;
		align-items: center;
		padding:0;
		margin:0 auto;
	}
	h2.h201 {
		padding-top: 0;
		text-align: center;
		color: #4EB9F8;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:2.3vw; line-height: 140%;
	}
	h2.h201 span {
		display: block;
		text-align: center;
		border-bottom:1px solid #4EB9F8;
		margin-bottom: .75em;
		color: #4EB9F8;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:1.9vw; line-height: 140%;
	}
	h3.h301 {
		text-align: center;
		background-color: #4EB9F8;
		border-radius: 20px;
		padding: .25em .75em;
		width: 30%;
		color: #fff;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:1vw;
		line-height: 160%;
		margin:.15em auto !important;
	}
	h2.h202 {
		text-align: center;
		border-bottom:1px solid #000;
		color: #000;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:3.5vw;
	}
	.image03 hr {
		color: #000!important; 
	}
	.image03 a { color: #000!important;
	}
	.white {
		color: #000!important;
		text-align: center;
		font-size:1.3vw;
	}
	.white_m {
		color: #000!important;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:.90vw;
	}
}
@media screen and (max-width: 768px) {
	main {
		padding-bottom: 7vw !important;
	}
	body {
		margin: 0!important;
		padding: 0!important;
		font-size:13px;
		line-height: 160%;
	}
	h2.h201 {
		padding-top: 0;
		text-align: center;
		color: #4FB3E6;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:7.2vw; line-height: 160%;
	}
	h2.h201 span {
		display: block;
		text-align: center;
		border-bottom:1px solid #4FB3E6;
		padding-bottom: 1em;
		color: #4FB3E6;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:4vw;
		line-height: 160%;
	}
	h3.h301 {
		text-align: center;
		background-color: #4FB3E6;
		border-radius: 20px;
		padding: .25em 1em;
		width: 80%;
		color: #fff;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:4vw;
		line-height: 160%;
		margin:.75em auto !important;
	}
	h2.h202 {
		text-align: center;
		border-bottom:1px solid #000;
		color: #000;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:6vw;
	}
	h2.h203 {
		text-align: left;
		width: 90%;
		color: #000;
	
		font-size:6vw;
		line-height: 140%;
	}
	h2.h203 span {
		display: block;
		text-align: left;
		padding-bottom: .25em;
		color: #000;
		
		font-size:4vw;
		line-height: 140%;
	}
	.image01 {
			display:none;
	}
	.image01_smart {
		position: relative;
		max-width:100%;
		display:block;
		margin:0 auto !important;
		padding:0 !important;
	}
	.image01_smart p {
		position: absolute;
		top: 0;
		left:0;
		margin: 0 !important;
		pading: 0 !important;
	}
	.image02 {
		display:none;
	}
	.image02_smart {
		max-width:100%;
		display:block;
		margin:1em auto !important;
		padding:1em !important;
		overflow:hidden;
	}
	.image02_smart p {
		top: 0;
		left:0;
		margin: 0 !important;
		pading: .50em 0 !important;
	}
	.image03 {
		display:none;
	}
	.image03_smart {
		background-color: #E6E6E6;
		max-width:100%;
		display:block;
		margin:0 auto !important;
		padding:.25em 1em;
	}
	.image03_smart img {
		width: 20px;
		padding:0px 5px 5px 0!important;
	}
	.image03_smart p {
		text-align: center!important; 
	}
	.image03_smart a {
		color: #000!important;
	}
	.image03 hr {
		color: #000!important;
	}
	.white {
		color: #000!important;
		text-align: center;
		font-size:3vw;
	}
	.white_m {
		color: #000!important;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:2.3vw;
	}
	.image05 {
		display:none;
	}
	.image05_smart {
		background: url("../images/back02_smart.png")no-repeat;
		position: relative;  background-size: 20%;
		max-width:100%;
		display:block;
		margin:0 auto !important;
		padding:0 !important;
		overflow:hidden;
	}
	.image05_smart p {
		position: absolute;
		top: 0;
		left:0;
		margin: 0 !important;
		pading: 0 !important;
	}
	.image06 {
		display:none;
	}
	.image06_smart {
		background: url("../images/back03_smart.png")no-repeat;
		background-size: 20%;
		background-position: right bottom;
		max-width:100%;
		display:block;
		margin:0 auto !important;
		padding:0 !important;
	}
	.image06_smart p {
	}
	.image07_smart {
		background: url("../images/back03_smart.png")no-repeat;
		background-size: 20%;
		background-position: right bottom;
		position: relative; 
	}
	
	.box01 {
		display:none;
	}
	.box01_smart { 
		max-width:90%;
		display:block; 
		margin:0 auto !important;
		padding:0 !important;
		text-align: center;
	}
	.box01_smart01 {
		background: url("../images/back01_smart.png") top center no-repeat; background-size: 20%;
		max-width:90%;
		display:block; overflow: hidden;
		margin:0 auto !important;
		padding:0 !important;
		text-align: center;
	}
	.box01_smart02 {
		background: url("../images/back0102_smart.png") top center no-repeat; background-size: 80%;
		max-width:90%;
		display:block; overflow: hidden;
		margin:30px auto !important;
		padding:0 !important;
		text-align: center;
	}
	.box02_smart {
		max-width:90%;
		display:block;
		margin:0 auto !important;
		padding:0 !important;
		text-align: left;
	}
	.ud30 {
		margin:7px 0;
	}
	.box04 {
		display:none;
	}
	.box04_smart {
		text-align: center;
		max-width:650px !important;
		margin: 0 auto!important;
		pading: 0 !important;
		font-size:14px;
	}
	.float01,.float02,.float03,.float04,.float05,.float06 {
		padding:0;
		float:left;
		display:inline;
		width:33%;
	}
	.section02 {
		display:none !important;
	}
}

@keyframes zoomInAnime{
	from {
		transform: scale(0.6);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.zoomIn {
	animation-name:zoomInAnime;
	animation-duration:2s;
	animation-fill-mode:forwards;
}
.zoomInTrigger{
	opacity: 0;
}
.u12vw {
	margin:-12vw 0 0;
}
.my-parts {
	position: relative;
	background-color: #fff;
	width: 100%;
	padding-top: 56.25%; /* = height ÷ width × 100 */
}
.my-parts iframe {
	position: absolute;
	background-color: #ccc;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section01 { 
	max-width:1200px;
	margin:0 auto;
	display:block;
}
.section01_image p {
	max-width:1200px;
	margin:0 auto;
	display:block;
	line-height:167%;
	padding:0 0 0 1rem;
	}
.section01_image { background: url("../images/back03.png")no-repeat;
	background-size: 18%;
	background-position: right bottom;
	width:100% !important;
	position: relative;
	margin:0 auto; padding-bottom: 100px;
}
.section0101 {
	width: 588px;
	position: absolute;
	top: 45px;
	left: 520px;
	font-size: 14px;
	line-height:0% !important;
	text-align: left !important;
}
.section0102 {
	width: 588px;
	position: absolute;
	top: 420px;
	left: 145px;
	font-size: 14px;
	line-height:0% !important;
	text-align: left !important;
}
.section0103 {
	width: 588px;
	position: absolute;
	top: 870px;
	left: 420px;
	font-size: 14px;
	line-height:0% !important;
	text-align: left !important;
}
.section0104 {
	width: 588px;
	position: absolute;
	top: 1320px;
	left: 145px;
	font-size: 14px;
	line-height:0% !important;
	text-align: left !important;
}
.section0105 {
	width: 588px;
	position: absolute;
	top: 1640px;
	left: 420px;
	font-size: 14px;
	line-height:0% !important;
	text-align: left !important;
}
.section0106 {
	width: 588px;
	position: absolute;
	top: 2040px;
	left: 145px;
	font-size: 14px;
	line-height:0% !important;
	text-align: left !important;
	
}
.section02 {
	max-width:1200px;
	margin:0 auto;
	display:block;
}
.section02_image p {
	max-width:1200px;
	margin:0 auto;
	display:block;
	line-height:182%;
	padding:.2em 0 0 1rem;
	}
.section02_image {
	width:100% !important;
	position: relative;
	margin:0 auto;
}
.section0201 {
	width: 650px;
	position: absolute;
	bottom: 20px;
	left: 270px;
	font-size: 14px;
	line-height:0% !important;
	text-align: center !important;
}
.subtitle_image {
	width:10%;
}
.f16b { 
	font-size:20px;
	line-height: 180%;
}
.f16 {
	font-size:16px;
	line-height: 0%;
}
.f35 {
	font-size:35px;
	line-height: 150% !important;
}
.d15 {
	margin:0 0 15px 0 !important;
}
.d30 {
	padding:0 0 30px 0 !important;
}
.d60 {
	margin:0 0 60px 0 !important;
}

@media screen and (max-width: 1200px) {
	main {
		padding-bottom: 4vw;
	}
	.section0101 {
		width: 47vw;
		position: absolute;
		top: 3.8vw;
		left: 43vw;
		font-size: 1vw;
		line-height: 180%;
		line-height:180% !important;
		text-align: left !important;
	}
	.section0102 {
		width: 47vw;
		position: absolute;
		top: 34.5vw;
		left: 12vw;
		font-size: 1vw;
		line-height: 180%;
		line-height:180% !important;
		text-align: left !important;
	}
	.section0103 {
		width: 47vw;
		position: absolute;
		top: 72vw;
		left: 35vw;
		font-size: 1vw;
		line-height: 180%;
		line-height:180% !important;
		text-align: left !important;
	}
	.section0104 {
		width: 47vw;
		position: absolute;
		top: 109vw;
		left: 12vw;
		font-size: 1vw;
		line-height: 180%;
		line-height:180% !important;
		text-align: left !important;
	}
	.section0105 {
		width: 47vw;
		position: absolute;
		top: 135vw;
		left: 35vw;
		font-size: 1vw;
		line-height: 180%;
		line-height:180% !important;
		text-align: left !important;
	}
	.section0106 {
		width: 47vw;
		position: absolute;
		top: 168vw;
		left: 12vw;
		font-size: 1vw;
		line-height: 180%;
		line-height:180% !important;
		text-align: left !important;
	}
	.section0201 {
		width: 50vw;
		position: absolute;
		bottom: 1vw;
		left: 24vw;
		font-size: 1vw;
		line-height:0% !important;
		text-align: center !important;
	}
	.f16 {
		font-size:1.142vw;
		line-height: 0%;
	}
	.f35 {
		font-size:2.5vw;
		line-height: 150% !important;
	}
	.f16b { 
		font-size:1.428vw;
		line-height: 180%;
	}
}

@media screen and (max-width: 768px) {
	.section01 {
		display:none;
	}
}

.margin0_auto {
	margin:0 auto !important;
}
.padding0_auto {
	padding:1em 1em 0 1em !important;
}
.d30 {
	padding:0 0 30px !important;
}