@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* commmon */
html {  }
body { position:relative; color:#333; line-height:1.5; font-family:'Roboto', Arial, '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, sans-serif; font-size:15px; font-weight:400; font-feature-settings:'palt'; -webkit-text-size-adjust:100%; letter-spacing:0.08125rem; overflow-wrap:break-word; word-wrap:break-word; }
body { text-align:justify; }
body.modal::before { content:''; display:block; position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.65); }

* { margin:0; padding:0; border:0; position:relative; box-sizing:border-box; }

::selection { color:#fff; background:#A9CE52; }
::-moz-selection { color:#fff; background:#A9CE52; }
::placeholder { color:rgba(16,16,16,0.35); font-family:'Roboto', Arial, '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, sans-serif; font-size:16px; }

body { background:#FFF; }
a { color:#2B8EE5; text-decoration:underline; transition:1.0s; }
a:visited { color:#707070; }
a:hover { transition:1.0s; }
a img { border:0; }
img { width:100%; height:100%; object-fit:cover; vertical-align:top; }
div { word-break:break-all; }
.material-icons { position:relative; top:0.175em; margin-right:0.25rem; font-size:1.2em; }


/* Animation */
@keyframes rotate { 0% { transform:rotate(0deg); transform-origin:center; } 100% { transform:rotate(360deg); } }
@keyframes blur { 0% { filter:blur(100px); transform:scale(1.6); transform-origin:center; filter:hue-rotate(360deg); } 100% { filter:blur(0); transform:scale(1); filter:hue-rotate(0deg); } }
@keyframes blur2 { 0% { filter:blur(100px); filter:hue-rotate(360deg); } 100% { filter:blur(0); filter:hue-rotate(0deg); } }
@keyframes maskLeftTo { 0% { left:-100%; } 100% { left:0; } }
@keyframes changeColor1 { 0% { left:-50%; background:#000; } 50% { left:50%; background:#fff; } 100% { left:50%; background:#9DFFF0; } }
@keyframes changeColor2 { 0% { right:-400%; background:#000; } 50% { right:-300%; background:#fff; } 100% { right:-300%; background:#FFDDA7; } }
@keyframes changeColor3 { 0% { left:-412%; background:#000; } 50% { left:-212%; background:#fff; } 100% { left:-212%; background:#9CCEF9; } }
@keyframes changeColor4 { 0% { left:-179%; background:#000; } 100% { left:-79%; background:#FFF5F5; } }
@keyframes changeColor5 { 0% { right:-179%; background:#000; } 100% { right:-79%; background:#F7F9F4; } }
@keyframes changeColor6 { 0% { bottom:-300px; background:#000; } 100% { bottom:0; background:#D9FEF9; } }
@keyframes main_photo_wrap { 0% { top:100px; width:0; height:0; transform:scale(0); opacity:0; } 100% { top:0; width:40%; height:600px; transform:scale(1); opacity:1; } }
@keyframes main_photo { 0% { top:0; } 50% { top:-10px; } 100% { top:0; } }
/*
@keyframes typing { 0% { color:transparent; } 33% { color:#23D9A1; } 66% { color:#fff; } 100% { color:#333; } }
@keyframes typing_bg { 0% { left:0; width:0px; } 50% { right:0; width:100%; } 100% { right:0; width:0; } }
@keyframes typing-wh { 0% { color:transparent; } 33% { color:#23D9A1; } 66% { color:#333; } 100% { color:#fff; } }
@keyframes typing-wh_bg { 0% { left:0; width:0px; } 50% { right:0; width:100%; } 100% { right:0; width:0; } }
*/
@keyframes fadeUp { 0% { opacity:0; transform:translate(0,100px); } 100% { opacity:1; transform:translate(0,0); } }
@keyframes bgSlideUp { 0% { transform:translate(-100%,0); } 100% { transform:translate(-100%,-30px); } }
@keyframes bgSlideDown { 0% { transform:translate(0,0); } 100% { transform:translate(0,30px); } }
@keyframes btn_hover { 0% { filter:hue-rotate(0deg) } 100% { filter:hue-rotate(270deg) } }

@media screen and (min-width:729px) {
	@keyframes rotate { 0% { transform:rotate(0deg); transform-origin:center; } 100% { transform:rotate(360deg); } }
	@keyframes blur { 0% { filter:blur(100px); transform:scale(1.6); transform-origin:center; filter:hue-rotate(360deg); } 100% { filter:blur(0); transform:scale(1); filter:hue-rotate(0deg); } }
	@keyframes blur2 { 0% { filter:blur(100px); filter:hue-rotate(360deg); } 100% { filter:blur(0); filter:hue-rotate(0deg); } }
	@keyframes maskLeftTo { 0% { left:-100%; } 100% { left:0; } }
	@keyframes changeColor1 { 0% { left:-50%; background:#000; } 50% { left:50%; background:#fff; } 100% { left:50%; background:#9DFFF0; } }
	@keyframes changeColor2 { 0% { right:-335%; background:#000; } 50% { right:-235%; background:#fff; } 100% { right:-235%; background:#FFDDA7; } }
	@keyframes changeColor3 { 0% { right:-181%; background:#000; } 50% { right:-81%; background:#fff; } 100% { right:-81%; background:#9CCEF9; } }
	@keyframes changeColor4 { 0% { left:-179%; background:#000; } 100% { left:-79%; background:#FFF5F5; } }
	@keyframes changeColor5 { 0% { right:-179%; background:#000; } 100% { right:-79%; background:#F7F9F4; } }
	@keyframes changeColor6 { 0% { bottom:-300px; background:#000; } 100% { bottom:0; background:#D9FEF9; } }
	@keyframes main_photo_wrap { 0% { top:100px; width:0; height:0; transform:scale(0); opacity:0; } 100% { top:0; width:40%; height:600px; transform:scale(1); opacity:1; } }
	@keyframes main_photo { 0% { top:0; } 50% { top:-20px; } 100% { top:0; } }
	@keyframes typing { 0% { color:transparent; } 33% { color:#23D9A1; } 66% { color:#fff; } 100% { color:#333; } }
	@keyframes typing_bg { 0% { left:0; width:0px; } 50% { right:0; width:100%; } 100% { right:0; width:0; } }
	@keyframes typing-wh { 0% { color:transparent; } 33% { color:#23D9A1; } 66% { color:#333; } 100% { color:#fff; } }
	@keyframes typing-wh_bg { 0% { left:0; width:0px; } 50% { right:0; width:100%; } 100% { right:0; width:0; } }
	@keyframes fadeUp { 0% { opacity:0; transform:translate(0,100px); } 100% { opacity:1; transform:translate(0,0); } }
	@keyframes bgSlideUp { 0% { transform:translate(-100%,0); } 100% { transform:translate(-100%,-30px); } }
	@keyframes bgSlideDown { 0% { transform:translate(0,0); } 100% { transform:translate(0,30px); } }
	@keyframes btn_hover { 0% { filter:hue-rotate(0deg) } 100% { filter:hue-rotate(270deg) } }
}

/* .Wrap */
.Wrap { position:relative; overflow:hidden; }
.Wrap::after { content:''; display:block; position:absolute; top:-320px; right:calc(50% - 320px); z-index:-10; width:640px; height:640px; background:url('../images/img_city.webp') no-repeat center center; background-size:cover; animation:rotate 120.0s linear 0.0s infinite normal forwards running; mix-blend-mode:multiply; }

.Page .Wrap { position:relative; overflow:hidden; }
.Page .Wrap::after { content:''; display:block; position:absolute; top:-350px; right:calc(50% - 320px); z-index:-10; width:640px; height:640px; background:url('../images/img_city.webp') no-repeat center center; background-size:cover; animation:rotate 120.0s linear 0.0s infinite normal forwards running; mix-blend-mode:multiply; }

@media screen and (min-width:729px) {
	.Wrap { position:relative; overflow:hidden; }
	.Wrap::after { content:''; display:block; position:absolute; top:-100px; right:-260px; width:1180px; height:1180px; background:url('../images/img_city.webp') no-repeat center center; background-size:cover; animation:rotate 120.0s linear 0.0s infinite normal forwards running; mix-blend-mode:multiply; }

	.Page .Wrap { position:relative; overflow:hidden; }
	.Page .Wrap::after { content:''; display:block; position:absolute; top:-350px; right:-260px; width:1180px; height:1180px; background:url('../images/img_city.webp') no-repeat center center; background-size:cover; animation:rotate 120.0s linear 0.0s infinite normal forwards running; mix-blend-mode:multiply; }
}


/* .typing */
.type { position:relative; animation:typing 0.7s ease-in 0.0s 1 alternate forwards running; }
.type::before { content:none; display:block; position:absolute; top:0; z-index:-1; width:0; height:100%; background:#333; mix-blend-mode:multiply; animation:none; }
.typing { position:relative; animation:typing 0.7s ease-in 0.0s 1 alternate forwards running; }
.typing.motion.active::before { content:''; display:block; position:absolute; top:0; z-index:-1; width:0; height:100%; background:#333; mix-blend-mode:multiply; animation:typing_bg 0.7s ease-in 0.0s 1 normal forwards running; }
.typing-wh { position:relative; animation:typing-wh 0.7s ease-in 0.0s 1 alternate forwards running; }
.typing-wh.motion.active::before { content:''; display:block; position:absolute; top:0; z-index:-1; width:0; height:100%; background:#333; mix-blend-mode:multiply; animation:typing-wh_bg 0.7s ease-in 0.0s 1 normal forwards running; }

@media screen and (min-width:729px) {
	.type { position:relative; animation:typing 0.7s ease-in 0.0s 1 alternate forwards running; }
	.type::before { content:''; display:block; position:absolute; top:0; z-index:-1; width:0; height:100%; background:#333; mix-blend-mode:multiply; animation:typing_bg 0.7s ease-in 0.0s 1 normal forwards running; }
	.typing { position:relative; animation:typing 0.7s ease-in 0.0s 1 alternate forwards running; }
	.typing.motion.active::before { content:''; display:block; position:absolute; top:0; z-index:-1; width:0; height:100%; background:#333; mix-blend-mode:multiply; animation:typing_bg 0.7s ease-in 0.0s 1 normal forwards running; }
	.typing-wh { position:relative; animation:typing-wh 0.7s ease-in 0.0s 1 alternate forwards running; }
	.typing-wh.motion.active::before { content:''; display:block; position:absolute; top:0; z-index:-1; width:0; height:100%; background:#333; mix-blend-mode:multiply; animation:typing-wh_bg 0.7s ease-in 0.0s 1 normal forwards running; }
}


/* .Main */
.Head { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:fixed; top:0; left:0; z-index:120; width:100%; margin:0; padding:0; }
.SiteTitle { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:50%; }
.SiteTitle p { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:80px; height:80px; margin:0; border-radius:0 0 20px; background:#fff; box-shadow:0 0 20px 0 rgba(90,173,245,0.3); }
.SiteTitle p img { width:50px; height:auto; }
.SiteTitleInner { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:calc(100% - 80px); padding:20px 0 0 10px; }
.SiteTitle h1 { width:100%; margin:0; line-height:1; font-size:0; font-weight:normal; }
.SiteTitle h1 b { position:relative; top:1.65em; font-size:10px; }
.SiteTitle nav { display:none; position:fixed; top:0; left:0; width:100vw; height:100%; background:rgba(255,255,255,0.95); }
.SiteTitle nav.active { display:block; }
.SiteTitle nav ul { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; position:absolute; width:100%; height:100%; margin:0; padding:0; list-style:none; }
.SiteTitle nav li { width:80vw; margin:1em 0; text-align:center; }
.SiteTitle nav li a { display:inline-block; color:#333; font-weight:bolder; text-decoration:none; }
.SiteTitle nav li a.current::before { content:none; }
.HeadCTA { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; width:50%; padding:20px 20px 0 0; }
.HeadCTA ul { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; width:100%; margin:0; padding:0; list-style:none; }
.HeadCTA li { width:auto; height:40px; }
.HeadCTA li:nth-child(1) { padding:0 10px 0 0; }
.HeadCTA li:nth-child(1) .navTrigger { display:inline-block; position:relative; width:40px; height:40px; border-radius:40px; color:#fff; line-height:40px; font-size:0; text-align:center; text-decoration:none; letter-spacing:0.0725em; background:#333; }
.HeadCTA li:nth-child(1) .navTrigger::before { content:''; display:block; position:absolute; top:50%; left:50%; width:16px; height:1px; background:#fff; box-shadow:0 5px 0 0 rgba(255,255,255,1.0), 0 -5px 0 0 rgba(255,255,255,1.0); transform:translate(-50%,-50%); }
.HeadCTA li:nth-child(1) .navTrigger.active::before { content:''; display:block; position:absolute; top:calc(50% + 6px); left:calc(50% - 2px); width:16px; height:1px; background:#fff; box-shadow:0 0 0 0 rgba(255,255,255,0.0), 0 0 0 0 rgba(255,255,255,0.0); transform:rotate(45deg) translate(-50%,-50%); }
.HeadCTA li:nth-child(1) .navTrigger.active::after { content:''; display:block; position:absolute; top:calc(50% - 5px); left:calc(50% - 2px); width:16px; height:1px; background:#fff; box-shadow:0 0 0 0 rgba(255,255,255,0.0), 0 0 0 0 rgba(255,255,255,0.0); transform:rotate(-45deg) translate(-50%,-50%); }
.HeadCTA li:nth-child(2) { padding:0 10px 0 0; }
.HeadCTA li:nth-child(2) a { display:inline-block; width:40px; height:40px; border-radius:40px; color:inherit; line-height:40px; font-size:0; text-align:center; text-decoration:none; letter-spacing:0.0725em; background:#333; }
.HeadCTA li:nth-child(2) a b { display:block; margin:0 0 -5px; line-height:1.0; font-family:'Roboto', sans-serif; font-size:0; font-weight:bolder; letter-spacing:0; }
.HeadCTA li:nth-child(2) a .material-icons { display:inline-block; position:relative; top:0.5em; left:0.125em; color:#fff; font-size:18px; }
.HeadCTA li:nth-child(3) a { display:inline-block; width:40px; padding:0 0; border-radius:60px; color: #fff; line-height:40px; font-size:0; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); }
.HeadCTA li:nth-child(3) a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }
.HeadCTA li:nth-child(3) a .material-icons { display:inline-block; position:relative; top:0.5em; left:0.125em; font-size:18px; }

@media screen and (min-width:1320px) {
	.Head { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:fixed; top:0; left:0; z-index:120; width:100%; margin:0; padding:0; }
	.SiteTitle { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:60%; }
	.SiteTitle p { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:180px; height:180px; margin:0 50px 0 0; border-radius:0 0 40px; background:#fff; box-shadow:0 0 30px 0 rgba(90,173,245,0.3); }
	.SiteTitle p img { width:80px; height:auto; }
	.SiteTitleInner { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:calc(100% - 230px); padding:50px 0 0 0; }
	.SiteTitle h1 { width:100%; margin:0 0 20px; line-height:1; font-size:12px; font-weight:normal; }
	.SiteTitle h1 b { position:relative; top:auto; font-size:1em; }
	.SiteTitle nav { display:block; position:relative; top:auto; left:auto; width:100%; height:inherit; }
	.SiteTitle nav .navTrigger { display:none; }
	.SiteTitle nav ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:auto; height:auto; margin:0; padding:0; list-style:none; }
	.SiteTitle nav li { width:auto; margin:0 2em 0 0; text-align:left; }
	.SiteTitle nav li a { display:inline-block; color:#333; font-weight:bolder; text-decoration:none; }
	.SiteTitle nav li a.current::before { content:''; display:block; position:absolute; bottom:-3px; left:0; width:100%; height:2px; background:#5AADF5; }
	.HeadCTA { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; width:40%; padding:40px 40px 0 0; }
	.HeadCTA ul { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; width:auto; margin:0; padding:0; list-style:none; }
	.HeadCTA li { width:auto; height:auto; }
	.HeadCTA li:nth-child(1) { display:none; }
	.HeadCTA li:nth-child(1) .navTrigger { display:block; }
	.HeadCTA li:nth-child(2) { padding:5px 20px 0 0; }
	.HeadCTA li:nth-child(2) a { width:auto; height:auto; color:inherit; line-height:1.0; font-size:11px; text-align:left; text-decoration:none; letter-spacing:0.0725em; background:transparent; }
	.HeadCTA li:nth-child(2) a b { display:block; margin:0 0 5px; line-height:1.0; font-family:'Roboto', sans-serif; font-size:24px; font-weight:bolder; letter-spacing:0; }
	.HeadCTA li:nth-child(2) a .material-icons { display:none; }
	.HeadCTA li:nth-child(3) a { display:inline-block; width:inherit; max-width:320px; padding:0 30px; border-radius:60px; color: #fff; line-height:60px; font-size:17px; font-weight:bolder; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); }
	.HeadCTA li:nth-child(3) a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }
	.HeadCTA li:nth-child(3) a .material-icons { display:none; }
}


/* .Hero */
.Hero { margin:0; padding:50px 0; }
.HeroInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:center; position:relative; z-index:3; width:90%; max-width:90%; margin:0 auto; }
.HeroText { order:2; position:relative; width:100%; }
.Hero h2 { margin:0 0 15px; font-size:20px; }
.Hero h2 br { display:none; }
.Hero h2 small { display:block; padding:0 0 10px; text-align:center; }
.Hero h2 small img { width:65%; height:auto; }
.Hero p { font-size:14px; }
.Hero .BtnWrap { padding:20px 0 0; }
.Hero .BtnWrap a { display:inline-block; min-width:100%; padding:0 10px; border-radius:80px; color: #fff; line-height:60px; font-size:16px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.Hero .BtnWrap a:hover {  }

.HeroImg { order:1; position:relative; z-index:2; width:58%; height:auto; margin:0 auto; }
.main_photo_wrap { position:relative; opacity:0; transform:scale(0) translate(0,-100px); animation:main_photo_wrap 1.4s ease-in 0.6s 1 normal forwards running; }
.main_photo { position:relative; overflow:hidden; border-radius:100%; animation:main_photo 8s ease-in 2.0s infinite; }
.HeroImg img { width:100%; height:100%; object-fit:cover; }

.HeroBg { position:absolute; top:70px; z-index:-1; overflow:hidden; max-width:90vw; height:200px; border-radius:0 50px 0 0; mix-blend-mode:multiply; }
.HeroBg img { border-radius:0 50px 0 0; filter:blur(100px); animation:blur 1.4s ease-in 0.0s 1 alternate forwards running; }
.HeroBgBefore { position:absolute; bottom:0; left:0; z-index:3; overflow:hidden; width:200px; height:200px; mix-blend-mode:multiply; /*animation:maskLeftTo 1.4s ease-in 0.0s 1 normal forwards running;*/ }
.HeroBgBefore::before { content:''; position:absolute; top:50%; left:-50%; width:480px; height:480px; /*background:#9DFFF0;*/ transform:rotate(45deg) translate(-70%,50%); animation:changeColor1 0.8s ease-in 0.2s 1 alternate forwards running; }
.HeroBg p { position:absolute; bottom:-10px; left:0; z-index:2; color:rgba(255,255,255,0.1); line-height:1; font-family:'Roboto', sans-serif; font-size:56px; font-weight:bold; text-transform:uppercase; -webkit-text-stroke:1px rgba(255,255,255,0.6); text-stroke:1px rgba(255,255,255,0.6); white-space:nowrap; }
.HeroBg p + p { bottom:50px; left:-100px; }
.HeroBg p + p + p { bottom:106px; left:-200px; }
.HeroBg img { width:100%; height:100%; object-fit:cover; }
.HeroAfter { position:absolute; top:0; right:0; z-index:-2; overflow:hidden; width:100px; height:100px; mix-blend-mode:multiply; }
.HeroAfter::after { content:''; display:block; position:absolute; top:-15%; right:-300%; width:290px; height:290px; background:#FFDDA7; transform:rotate(45deg) translate(-86%,-20%); animation:changeColor2 0.6s ease-in 0.1s 1 alternate forwards running; }

@media screen and (min-width:729px) {
	.Hero { margin:0; padding:150px 0 0; }
	.HeroInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:relative; z-index:3; width:100%; max-width:1140px; margin:0 auto; padding:0 20px; }
	.HeroText { order:1; position:relative; width:60%; }
	.Hero h2 { margin:0 0 20px; font-size:30px; }
	.Hero h2 br { display:inline; }
	.Hero h2 small { display:block; padding:0 0 15px; text-align:left; }
	.Hero h2 small img { width:auto; height:120px; }
	.Hero p { font-size:16px; }
	.Hero .BtnWrap { padding:40px 0 0; }
	.Hero .BtnWrap a { display:inline-block; min-width:450px; padding:0 30px; border-radius:80px; color: #fff; line-height:80px; font-size:17px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.Hero .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

	.HeroImg { order:2; position:relative; z-index:2; width:40%; height:600px; margin:0; }
	.main_photo_wrap { position:relative; opacity:0; transform:scale(0) translate(0,-100px); animation:main_photo_wrap 1.4s ease-in 0.6s 1 normal forwards running; }
	.main_photo { position:relative; overflow:hidden; border-radius:100%; animation:main_photo 8s ease-in 2.0s infinite; }
	.HeroImg img { width:100%; height:100%; object-fit:cover; }

	.HeroBg { position:absolute; top:150px; z-index:-1; overflow:hidden; max-width:80vw; height:600px; border-radius:0 400px 0 0; mix-blend-mode:multiply; }
	.HeroBg img { border-radius:0 400px 0 0; filter:blur(100px); animation:blur 1.4s ease-in 0.0s 1 alternate forwards running; }
	.HeroBgBefore { position:absolute; bottom:0; left:0; z-index:3; overflow:hidden; width:320px; height:320px; mix-blend-mode:multiply; /*animation:maskLeftTo 1.4s ease-in 0.0s 1 normal forwards running;*/ }
	.HeroBgBefore::before { content:''; position:absolute; top:50%; left:-50%; width:480px; height:480px; /*background:#9DFFF0;*/ transform:rotate(45deg) translate(-70%,50%); animation:changeColor1 0.8s ease-in 0.2s 1 alternate forwards running; }
	.HeroBg p { position:absolute; bottom:-10px; left:0; z-index:2; color:rgba(255,255,255,0.1); line-height:1; font-family:'Roboto', sans-serif; font-size:56px; font-weight:bold; text-transform:uppercase; -webkit-text-stroke:1px rgba(255,255,255,0.6); text-stroke:1px rgba(255,255,255,0.6); white-space:nowrap; }
	.HeroBg p + p { bottom:50px; left:-100px; }
	.HeroBg p + p + p { bottom:106px; left:-200px; }
	.HeroBg img { width:100%; height:100%; object-fit:cover; }
	.HeroAfter { position:absolute; top:0; right:0; z-index:-2; overflow:hidden; width:160px; height:160px; mix-blend-mode:multiply; }
	.HeroAfter::after { content:''; display:block; position:absolute; top:50%; right:-235%; width:320px; height:320px; background:#FFDDA7; transform:rotate(45deg) translate(-86%,-20%); animation:changeColor2 0.6s ease-in 0.1s 1 alternate forwards running; }
}


/* .PageTitle */
.PageTitle { margin:0 0 60px; padding:0; }
.PageTitleInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:relative; z-index:3; width:90%; max-width:90%; margin:0 auto; }
.PageTitleText { order:1; position:relative; width:70%; }
.PageTitle h2 { margin:0; padding:135px 0 0; font-size:20px; }
.PageTitle h2 br { display:inline; }
.PageTitle h2 small { display:block; padding:0 0 15px; text-align:left; }
.PageTitle h2 small img { width:auto; height:120px; }
.PageTitle p { font-size:16px; }

.PageTitleImg { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; order:2; position:relative; top:70px; overflow:hidden; z-index:2; width:30%; height:120px; margin:0; }
.PageTitleImg img { position:relative; top:0; width:100%; height:100%; object-fit:cover; }

.PageTitleBg { position:absolute; top:100px; z-index:-1; overflow:hidden; max-width:90vw; height:100px; border-radius:0 200px 0 0; mix-blend-mode:multiply; }
.PageTitleBg img { border-radius:0 400px 0 0; filter:blur(100px); animation:blur 1.4s ease-in 0.0s 1 alternate forwards running; }
.PageTitleBgBefore { position:absolute; bottom:0; left:0; z-index:3; overflow:hidden; width:100px; height:100px; mix-blend-mode:multiply; /*animation:maskLeftTo 1.4s ease-in 0.0s 1 normal forwards running;*/ }
.PageTitleBgBefore::before { content:''; position:absolute; top:50%; left:-50%; width:480px; height:480px; /*background:#9DFFF0;*/ transform:rotate(45deg) translate(-70%,50%); animation:changeColor1 0.8s ease-in 0.2s 1 alternate forwards running; }
.PageTitleBg p { position:absolute; bottom:-10px; left:0; z-index:2; color:rgba(255,255,255,0.1); line-height:1; font-family:'Roboto', sans-serif; font-size:56px; font-weight:bold; text-transform:uppercase; -webkit-text-stroke:1px rgba(255,255,255,0.6); text-stroke:1px rgba(255,255,255,0.6); white-space:nowrap; }
.PageTitleBg p + p { bottom:50px; left:-100px; }
.PageTitleBg p + p + p { bottom:106px; left:-200px; }
.PageTitleBg img { width:100%; height:100%; object-fit:cover; }
.PageTitleAfter { position:absolute; top:0; right:0; z-index:-2; overflow:hidden; width:160px; height:160px; mix-blend-mode:multiply; }
.PageTitleAfter::after { content:''; display:block; position:absolute; top:50%; right:-235%; width:320px; height:320px; background:#FFDDA7; transform:rotate(45deg) translate(-86%,-20%); animation:changeColor2 0.6s ease-in 0.1s 1 alternate forwards running; }

.Bread { display:none; width:100%; max-width:1140px; margin:0 auto 80px; padding:0; line-height:1; font-size:12px; }
.Bread a { text-decoration:none; }
.Bread a + a::before, .Bread .current::before { content:' > '; color:#999 !important; }

@media screen and (min-width:729px) {
	.PageTitle { margin:0 0 20px; padding:0; }
	.PageTitleInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; position:relative; z-index:3; width:100%; max-width:1140px; margin:0 auto; padding:0 20px; }
	.PageTitleText { order:1; position:relative; width:70%; }
	.PageTitle h2 { margin:0; padding:140px 0 0; font-size:30px; }
	.PageTitle h2 br { display:inline; }
	.PageTitle h2 small { display:block; padding:0 0 15px; text-align:left; }
	.PageTitle h2 small img { width:auto; height:120px; }
	.PageTitle p { font-size:16px; }

	.PageTitleImg { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; order:2; position:relative; top:auto; overflow:hidden; z-index:2; width:30%; height:390px; margin:0; }
	.PageTitleImg img { position:relative; top:120px; width:100%; height:100%; object-fit:cover; }

	.PageTitleBg { position:absolute; top:150px; z-index:-1; overflow:hidden; max-width:80vw; height:240px; border-radius:0 200px 0 0; mix-blend-mode:multiply; }
	.PageTitleBg img { border-radius:0 400px 0 0; filter:blur(100px); animation:blur 1.4s ease-in 0.0s 1 alternate forwards running; }
	.PageTitleBgBefore { position:absolute; bottom:0; left:0; z-index:3; overflow:hidden; width:320px; height:320px; mix-blend-mode:multiply; /*animation:maskLeftTo 1.4s ease-in 0.0s 1 normal forwards running;*/ }
	.PageTitleBgBefore::before { content:''; position:absolute; top:50%; left:-50%; width:480px; height:480px; /*background:#9DFFF0;*/ transform:rotate(45deg) translate(-70%,50%); animation:changeColor1 0.8s ease-in 0.2s 1 alternate forwards running; }
	.PageTitleBg p { position:absolute; bottom:-10px; left:0; z-index:2; color:rgba(255,255,255,0.1); line-height:1; font-family:'Roboto', sans-serif; font-size:56px; font-weight:bold; text-transform:uppercase; -webkit-text-stroke:1px rgba(255,255,255,0.6); text-stroke:1px rgba(255,255,255,0.6); white-space:nowrap; }
	.PageTitleBg p + p { bottom:50px; left:-100px; }
	.PageTitleBg p + p + p { bottom:106px; left:-200px; }
	.PageTitleBg img { width:100%; height:100%; object-fit:cover; }
	.PageTitleAfter { position:absolute; top:0; right:0; z-index:-2; overflow:hidden; width:160px; height:160px; mix-blend-mode:multiply; }
	.PageTitleAfter::after { content:''; display:block; position:absolute; top:50%; right:-235%; width:320px; height:320px; background:#FFDDA7; transform:rotate(45deg) translate(-86%,-20%); animation:changeColor2 0.6s ease-in 0.1s 1 alternate forwards running; }

	.Bread { display:block; width:100%; max-width:1140px; margin:0 auto 80px; padding:0; line-height:1; font-size:12px; }
	.Bread a { text-decoration:none; }
	.Bread a + a::before, .Bread .current::before { content:' > '; color:#999 !important; }
}


/* .News */
.News { position:relative; z-index:3; width:100%; padding:20px 0 30px 0; }
.NewsBefore { position:absolute; top:0; left:0; z-index:-2; overflow:hidden; width:100px; height:100px; }
.NewsBefore::before { content:''; display:block; position:absolute; top:-201%; left:-212%; width:300px; height:300px; /*background:#9CCEF9;*/ transform:rotate(45deg) translate(0,0); animation:changeColor3 0.6s ease-in 0.4s 1 alternate forwards running; }
.NewsInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; max-width:90%; margin:0 auto; }
.News header { width:100%; margin:0 0 20px; text-align:center; }
.News header h2 { font-family:'Roboto', sans-serif; font-size:24px; font-weight:bolder; }
.News header h2 span { display:inline-block; position:relative; top:-2px; width:30px; height:30px; margin:0 2px; border-radius:30px; color:#fff; line-height:30px; font-size:20px; text-align:center; background:#333; }
.News header p { font-size:14px; }
.News header p a { color:#2B8EE5; text-decoration:none; }
.NewsArticle { width:100%; }
.NewsArticle ul { padding:0; list-style:none; }
.NewsArticle li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0 0 20px; }
.NewsArticle li:last-child { margin:0; }
.NewsArticle li figure { position:relative; overflow:hidden; width:90px; height:90px; border-radius:90px; }
.NewsText { width:calc(100% - 20px - 90px); }
.NewsText h3 { margin:0 0 3px; line-height:1.4; font-size:15px; font-weight:normal; }
.NewsTextAside { line-height:1.2; font-size:14px; }
.NewsTextAside .date { display:inline-block; margin:0 10px 0 0; color:#7C7C7C; font-family:'Roboto', sans-serif; }
.NewsTextAside .date .material-icons { color:#7C7C7C; font-size:0.93em; }
.NewsTextAside .category { display:inline-block; margin:0 10px 0 0; color:#2B8EE5; }
.NewsTextAside .category a { color:#2B8EE5; text-decoration:none; }
.NewsTextAside .category .material-icons {  }
.NewsTextAside .tags { display:inline-block; margin:0; color:#ADADAD; }
.NewsTextAside .tags a { color:#ADADAD; text-decoration:none; pointer-events:none; }
.NewsTextAside .tags .material-icons { margin:0 2px 0 0; color:#C9C9C9; }

@media screen and (min-width:729px) {
	.News { position:relative; z-index:3; width:100%; padding:60px 0; }
	.NewsBefore { position:absolute; top:0; left:0; z-index:-2; overflow:hidden; width:200px; height:200px; }
	.NewsBefore::before { content:''; display:block; position:absolute; top:-81%; left:-79%; width:300px; height:300px; /*background:#9CCEF9;*/ transform:rotate(45deg) translate(0,0); animation:changeColor3 0.6s ease-in 0.4s 1 alternate forwards running; }
	.NewsInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; max-width:1140px; margin:0 auto; }
	.News header { width:25%; margin:0; text-align:left; }
	.News header h2 { font-family:'Roboto', sans-serif; font-size:24px; font-weight:bolder; }
	.News header h2 span { display:inline-block; position:relative; top:-2px; width:30px; height:30px; margin:0 2px; border-radius:30px; color:#fff; line-height:30px; font-size:20px; text-align:center; background:#333; }
	.News header p { font-size:14px; }
	.News header p a { color:#2B8EE5; text-decoration:none; }
	.NewsArticle { width:75%; }
	.NewsArticle ul { padding:0; list-style:none; }
	.NewsArticle li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0 0 25px; }
	.NewsArticle li:last-child { margin:0; }
	.NewsArticle li figure { position:relative; overflow:hidden; width:45px; height:45px; border-radius:45px; }
	.NewsText { width:calc(100% - 20px - 45px); }
	.NewsText h3 { margin:0 0 3px; line-height:1; font-size:18px; font-weight:normal; }
	.NewsTextAside { line-height:1.2; font-size:14px; }
	.NewsTextAside .date { display:inline-block; margin:0 10px 0 0; color:#7C7C7C; font-family:'Roboto', sans-serif; }
	.NewsTextAside .date .material-icons { color:#7C7C7C; font-size:0.93em; }
	.NewsTextAside .category { display:inline-block; margin:0 10px 0 0; color:#2B8EE5; }
	.NewsTextAside .category a { color:#2B8EE5; text-decoration:none; }
	.NewsTextAside .category .material-icons {  }
	.NewsTextAside .tags { display:inline-block; margin:0; color:#ADADAD; }
	.NewsTextAside .tags a { color:#ADADAD; text-decoration:none; pointer-events:none; }
	.NewsTextAside .tags .material-icons { margin:0 2px 0 0; color:#C9C9C9; }
}

/* .Concept */
.Concept { position:relative; z-index:2; padding:0 0 30px; }
.ConceptInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; position:static; width:100%; max-width:100%; margin:0 auto; padding:20px 0 0; }
.ConceptText { order:2; position:relative; z-index:3; width:90%; margin:0 auto; }
.ConceptCatch { margin:0 0 10px; font-size:16px; font-weight:bolder; text-align:center; }
.ConceptCatch img { position:relative; top:0.01em; width:auto; height:20px; margin:0 0 0 5px; }
.ConceptTextInner { margin:0 0 20px; padding:25px; border-radius:8px; background:rgba(255,255,255,0.6); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:0 0 12px 0 rgba(90,173,245,0.4); transform:translate(0,-100px); opacity:0; }
.ConceptTextInner.motion.active { animation:fadeUp 0.6s ease-in 0.0s 1 alternate forwards running; }
.ConceptTextInner header { margin:0 0 15px; }
.ConceptTextInner h2 { font-size:20px; font-weight:bolder; }
.ConceptTextInner h3 { margin:0 0 10px; color:#23D9A1; font-size:18px; font-weight:bolder; }
.ConceptTextInner p { line-height:1.5; font-size:15px; text-align:left; }
.ConceptTextInner p small { display:inline-block; color:#7C7C7C; font-size:12px; }

.ConceptSDGs { width:75%; height:auto; margin:0 auto 20px; }
.Concept .BtnWrap { text-align:center; }
.Concept .BtnWrap a { display:inline-block; min-width:86%; padding:0 10px; border-radius:65px; color: #fff; line-height:50px; font-size:16px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.Concept .BtnWrap a:hover {  }

.ConceptPhoto { order:1; display:flex; align-self:inherit; position:relative; top:auto; right:auto; overflow:hidden; width:100%; height:auto; margin:0 0 30px; transform:translate(0,-100px); opacity:0; }
.ConceptPhoto.motion.active { animation:fadeUp 0.6s ease-in 0.3s 1 alternate forwards running; }
.ConceptPhoto img { display:flex; align-self:stretch; }

@media screen and (min-width:729px) {
	.Concept { position:relative; z-index:2; padding:0 0 50px; }
	.ConceptInner { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; position:static; width:100%; max-width:1140px; margin:0 auto 40px; padding:40px 0 0; }
	.ConceptText { order:1; position:relative; z-index:3; width:70%; margin:0; }
	.ConceptCatch { margin:0 0 10px; font-size:18px; font-weight:bolder; text-align:left; }
	.ConceptCatch img { position:relative; top:-0.2em; width:auto; height:32px; margin:0 0 0 10px; }
	.ConceptTextInner { margin:0 0 25px; padding:50px; border-radius:8px; background:rgba(255,255,255,0.6); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:0 0 12px 0 rgba(90,173,245,0.4); transform:translate(0,-100px); opacity:0; }
	.ConceptTextInner.motion.active { animation:fadeUp 0.6s ease-in 0.0s 1 alternate forwards running; }
	.ConceptTextInner header { margin:0 0 20px; }
	.ConceptTextInner h2 { font-size:42px; font-weight:bolder; }
	.ConceptTextInner h3 { margin:0 0 15px; color:#23D9A1; font-size:18px; font-weight:bolder; }
	.ConceptTextInner p { line-height:1.8; }
	.ConceptTextInner p small { display:inline-block; color:#7C7C7C; font-size:12px; }

	.ConceptSDGs { width:45%; height:auto; margin:0; }
	.Concept .BtnWrap { text-align:center; }
	.Concept .BtnWrap a { display:inline-block; min-width:390px; padding:0 30px; border-radius:65px; color: #fff; line-height:65px; font-size:17px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.Concept .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

	.ConceptPhoto { order:2; display:flex; align-self:stretch; position:absolute; top:0; right:0; overflow:hidden; width:60%; height:580px; margin:0; transform:translate(0,-100px); opacity:0; }
	.ConceptPhoto.motion.active { animation:fadeUp 0.6s ease-in 0.3s 1 alternate forwards running; }
	.ConceptPhoto img { display:flex; align-self:stretch; }
}

/* .Theme */
.Theme { position:relative; z-index:2; padding:30px 0 0; background:#fafafa; }
.Theme::before { content:'ISS-4'; position:absolute; top:-10px; right:0; z-index:-1; color:transparent; font-family:'Roboto', sans-serif; font-size:60px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #23D9A1; text-stroke:1px #23D9A1; opacity:0.5; }
.ThemeInner { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:static; width:90%; max-width:90%; margin:0 auto 30px; padding:0 0 0; }
.ThemeInner header { margin:0 0 20px; }
.ThemeInner h2 { color:#FF4848; font-size:18px; font-weight:bolder; text-align:center; }
.ThemeInner ul { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; position:relative; padding:0; list-style:none; }
.ThemeInner ul::after { content:''; display:block; position:absolute; bottom:-135px; left:50%; border:transparent 120px solid; border-top:#FF4848 30px solid; transform:translate(-50%,0); }
.ThemeInner li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:100%; margin:0 0 25px; padding:0 0 25px; border-bottom:#ADADAD 1px solid; opacity:0; transform:translate(0,-100px); }
.ThemeInner .motion.active li:nth-child(1) { animation:fadeUp 0.5s ease-in 0.0s 1 alternate forwards running; }
.ThemeInner .motion.active li:nth-child(2) { animation:fadeUp 0.5s ease-in 0.3s 1 alternate forwards running; }
.ThemeInner .motion.active li:nth-child(3) { animation:fadeUp 0.5s ease-in 0.6s 1 alternate forwards running; }
.ThemeInner .motion.active li:nth-child(4) { animation:fadeUp 0.5s ease-in 0.9s 1 alternate forwards running; }
.ThemeInner li:last-child { border-bottom:0; }
.ThemeInner li:last-child figure { width:45%; margin:0 auto; }
.ThemeInner h3 { display:block; margin:0 0 10px; color:#FF9D9D; font-size:18px; }
.ThemeInner h3 small { display:block; margin:0 0 10px; padding:0 0 0 50px; line-height:40px; font-family:'Roboto', sans-serif; font-size:16px; text-transform:uppercase; background:url('../images/balloon.svg') no-repeat; }
.ThemeInner p { line-height:1.5; }

@media screen and (min-width:729px) {
	.Theme { position:relative; z-index:2; padding:60px 0 0; background:transparent url('../images/bg_reason.png') no-repeat top right; background-size:70% auto; }
	.Theme::before { content:'ISS-4'; position:absolute; top:-40px; right:0; z-index:-1; color:transparent; font-family:'Roboto', sans-serif; font-size:120px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #23D9A1; text-stroke:1px #23D9A1; opacity:0.5; }
	.ThemeInner { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:static; width:100%; max-width:1140px; margin:0 auto 60px; padding:40px 0 0; }
	.ThemeInner header { margin:0 0 40px; }
	.ThemeInner h2 { color:#FF4848; font-size:27px; font-weight:bolder; text-align:center; }
	.ThemeInner ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:relative; padding:0; list-style:none; }
	.ThemeInner ul::after { content:''; display:block; position:absolute; bottom:-210px; left:50%; border:transparent 120px solid; border-top:#FF4848 30px solid; transform:translate(-50%,0); }
	.ThemeInner li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:25%; padding:0 25px; border-bottom:0; border-right:#ADADAD 1px solid; opacity:0; transform:translate(0,-100px); }
	.ThemeInner .motion.active li:nth-child(1) { animation:fadeUp 0.5s ease-in 0.0s 1 alternate forwards running; }
	.ThemeInner .motion.active li:nth-child(2) { animation:fadeUp 0.5s ease-in 0.3s 1 alternate forwards running; }
	.ThemeInner .motion.active li:nth-child(3) { animation:fadeUp 0.5s ease-in 0.6s 1 alternate forwards running; }
	.ThemeInner .motion.active li:nth-child(4) { animation:fadeUp 0.5s ease-in 0.9s 1 alternate forwards running; }
	.ThemeInner li:last-child { border-right:0; }
	.ThemeInner li:last-child figure { width:100%; margin:0; }
	.ThemeInner h3 { display:block; margin:0 0 30px; color:#FF9D9D; font-size:21px; }
	.ThemeInner h3 small { display:block; margin:0 0 30px; padding:0 0 0 50px; line-height:40px; font-family:'Roboto', sans-serif; font-size:16px; text-transform:uppercase; background:url('../images/balloon.svg') no-repeat; }
	.ThemeInner p { line-height:1.8; }
}


/* .Reason */
.Reason { position:relative; overflow:hidden; z-index:2; padding:30px 0 0; }
.ReasonBefore { position:absolute; bottom:0; left:0; z-index:-2; overflow:hidden; width:640px; height:640px; }
.ReasonBefore::before { content:''; display:block; position:absolute; bottom:-78%; left:-79%; width:960px; height:960px; /*background:#FFF5F5;*/ transform:rotate(45deg) translate(0,0); animation:changeColor4 0.4s ease-in 0.0s 1 alternate forwards running; }
.ReasonInner { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:static; width:90%; max-width:90%; margin:0 auto 30px; padding:0; }
.ReasonInner header { position:relative; width:100%; margin:0 0 20px; }
.ReasonInner h2 { font-size:20px; font-weight:bolder; text-align:center; }
.ReasonInner h2 small { position:absolute; top:-30px; left:-10px; z-index:-1; color:transparent; font-family:'Roboto', sans-serif; font-size:60px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #23D9A1; text-stroke:1px #23D9A1; opacity:0.5; }
.ReasonInner ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; position:relative; padding:0 0 20px; list-style:none; }
.ReasonInner li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:100%; padding:0 0 20px; transform:translate(0,-100px); opacity:0; }
.ReasonInner .motion.active li:nth-child(1) { opacity:0; animation:fadeUp 0.5s ease-in 0.0s 1 alternate forwards running; }
.ReasonInner .motion.active li:nth-child(2) { opacity:0; animation:fadeUp 0.5s ease-in 0.3s 1 alternate forwards running; }
.ReasonInner .motion.active li:nth-child(3) { opacity:0; animation:fadeUp 0.5s ease-in 0.6s 1 alternate forwards running; }
.Reason figure { display:block; position:relative; margin:0 0 55px; }
.Reason figcaption { display:block; position:absolute; bottom:-35px; left:calc(50% - 35px); width:70px; height:70px; }
.ReasonText { padding:0; }
.ReasonText h3 { display:block; margin:0 0 0.65em; color:#5AADF5; font-size:18px; text-align:center; }
.ReasonText p { text-align:left; }
.ReasonText p span { display:inline-block; min-height:auto; }
.ReasonText p small { display:inline-block; color:#7C7C7C; font-size:12px; }
.Reason .BtnWrap { width:100%; }
.Reason .BtnWrap p { text-align:center; }
.Reason .BtnWrap a { display:inline-block; min-width:86%; margin:0 auto 15px; padding:0 10px; border-radius:65px; color: #fff; line-height:50px; font-size:16px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.Reason .BtnWrap a:hover {  }
.ReasonAfter { position:absolute; bottom:0; right:0; z-index:-2; overflow:hidden; width:960px; height:960px; }
.ReasonAfter::before { content:''; display:block; position:absolute; bottom:-67%; right:-79%; width:1280px; height:1280px; /*background:#F7F9F4;*/ transform:rotate(45deg) translate(0,0); animation:changeColor5 0.4s ease-in 0.4s 1 alternate forwards running; }
.ReasonAfter2 { position:absolute; bottom:0; right:490px; z-index:-3; overflow:hidden; width:300px; height:300px; /*background:#D9FEF9;*/ animation:changeColor6 0.4s ease-in 0.8s 1 alternate forwards running; }

@media screen and (min-width:729px) {
	.Reason { position:relative; overflow:hidden; z-index:2; padding:60px 0 100px; }
	.ReasonBefore { position:absolute; bottom:0; left:0; z-index:-2; overflow:hidden; width:640px; height:640px; }
	.ReasonBefore::before { content:''; display:block; position:absolute; bottom:-78%; left:-79%; width:960px; height:960px; /*background:#FFF5F5;*/ transform:rotate(45deg) translate(0,0); animation:changeColor4 0.4s ease-in 0.0s 1 alternate forwards running; }
	.ReasonInner { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; position:static; width:100%; max-width:1140px; margin:0 auto 80px; padding:40px 0 0; }
	.ReasonInner header { position:relative; width:100%; margin:0 0 40px; }
	.ReasonInner h2 { font-size:42px; font-weight:bolder; text-align:center; }
	.ReasonInner h2 small { position:absolute; top:-60px; left:-60px; z-index:-1; color:transparent; font-family:'Roboto', sans-serif; font-size:120px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #23D9A1; text-stroke:1px #23D9A1; opacity:0.5; }
	.ReasonInner ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:relative; padding:0 0 40px; list-style:none; }
	.ReasonInner li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:33.3333%; padding:0; transform:translate(0,-100px); opacity:0; }
	.ReasonInner .motion.active li:nth-child(1) { opacity:0; animation:fadeUp 0.5s ease-in 0.0s 1 alternate forwards running; }
	.ReasonInner .motion.active li:nth-child(2) { opacity:0; animation:fadeUp 0.5s ease-in 0.3s 1 alternate forwards running; }
	.ReasonInner .motion.active li:nth-child(3) { opacity:0; animation:fadeUp 0.5s ease-in 0.6s 1 alternate forwards running; }
	.Reason figure { display:block; position:relative; margin:0 0 65px; }
	.Reason figcaption { display:block; position:absolute; bottom:-35px; left:calc(50% - 35px); width:70px; height:70px; }
	.ReasonText { padding:0 30px; }
	.ReasonText h3 { display:block; margin:0 0 1em; color:#5AADF5; font-size:21px; text-align:center; }
	.ReasonText p { text-align:left; }
	.ReasonText p span { display:inline-block; min-height:calc(1em * 1.5 * 3); }
	.ReasonText p small { display:inline-block; color:#7C7C7C; font-size:12px; }
	.Reason .BtnWrap { width:100%; }
	.Reason .BtnWrap p { text-align:center; }
	.Reason .BtnWrap a { display:inline-block; min-width:390px; margin:0 15px; padding:0 30px; border-radius:65px; color: #fff; line-height:65px; font-size:17px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.Reason .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }
	.ReasonAfter { position:absolute; bottom:0; right:0; z-index:-2; overflow:hidden; width:960px; height:960px; }
	.ReasonAfter::before { content:''; display:block; position:absolute; bottom:-67%; right:-79%; width:1280px; height:1280px; /*background:#F7F9F4;*/ transform:rotate(45deg) translate(0,0); animation:changeColor5 0.4s ease-in 0.4s 1 alternate forwards running; }
	.ReasonAfter2 { position:absolute; bottom:0; right:490px; z-index:-3; overflow:hidden; width:300px; height:300px; /*background:#D9FEF9;*/ animation:changeColor6 0.4s ease-in 0.8s 1 alternate forwards running; }
}


/* .Point */
.Point { position:relative; overflow:hidden; padding:30px 0 50px; background:url('../images/bg_point.webp') no-repeat right bottom; background-size:auto 260px; }
.PointInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:center; width:90%; max-width:90%; margin:0 auto 45px; }
.PointInner::before { content:none; }
.PointInner::after { content:none; }
.PointText { position:relative; z-index:3; }
.PointText::before { content:''; display:block; position:absolute; z-index:-1; }
.PointText::after { content:'ISS-4'; position:absolute; top:-35px; left:-10px; z-index:-1; color:transparent; font-family:'Roboto', sans-serif; font-size:60px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #23D9A1; text-stroke:1px #23D9A1; opacity:0.5; }
.PointText { position:relative; z-index:3; }
.PointText header { position:relative; width:100%; margin:0 0 20px; text-align:center; }
.PointText header h2 { margin:0 0 10px; font-size:20px; font-weight:bolder; }
.PointText header h2 small { position:absolute; top:10px; left:10px; z-index:-1; color:transparent; font-family:'Roboto', sans-serif; font-size:60px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #23D9A1; text-stroke:1px #23D9A1; opacity:0.5; }
.PointText header p { color:#FF4848; font-size:18px; font-weight:bolder; }
.PointText ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:relative; padding:0 0 20px; list-style:none; }
.PointText li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:48.5%; padding:0 0 20px; transform:translate(0,-100px); opacity:0; }
.PointText .motion.active li:nth-child(1) { animation:fadeUp 0.5s ease-in 0.0s 1 alternate forwards running; }
.PointText .motion.active li:nth-child(2) { animation:fadeUp 0.5s ease-in 0.3s 1 alternate forwards running; }
.PointText .motion.active li:nth-child(3) { animation:fadeUp 0.5s ease-in 0.6s 1 alternate forwards running; }
.PointText .motion.active li:nth-child(4) { animation:fadeUp 0.5s ease-in 0.9s 1 alternate forwards running; }
.PointText figure { display:block; position:relative; margin:0; }
.PointText .BtnWrap { text-align:center; }
.PointText .BtnWrap a { display:inline-block; min-width:86%; margin:0 auto; padding:0 10px; border-radius:65px; color: #fff; line-height:50px; font-size:16px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.PointText .BtnWrap a:hover {  }
.PointAfter { position:absolute; bottom:0; left:0; z-index:2; overflow:hidden; width:780px; height:780px; }
.PointAfter::before { content:''; display:block; position:absolute; bottom:-82%; left:-99%; width:1280px; height:1280px; background:/*#CAF9F2*/rgba(42,232,203,0.25); transform:rotate(45deg) translate(0,0); /*animation:changeColor5 0.4s ease-in 0.4s 1 alternate forwards running;*/ }

@media screen and (min-width:729px) {
	.Point { position:relative; overflow:hidden; padding:120px 0; background:url('../images/bg_point.webp') no-repeat right bottom; background-size:auto 460px; }
	.PointInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:center; width:100%; max-width:1140px; margin:0 auto 110px; }
	.PointInner::before { content:''; display:block; position:absolute; top:0; left:50%; z-index:-1; width:680px; height:513px; background:rgba(246,255,20,0.05) url('../images/bg_reason.png') repeat center center; background-size:auto 300px; /*transform:translate(-100%,0);*/ animation:bgSlideUp 0.8s ease-in 0.0s 1 alternate forwards running; }
	.PointInner::after { content:''; display:block; position:absolute; top:0; left:50%; z-index:-1; width:680px; height:513px; background:rgba(42,232,203,0.05); /*transform:translate(0%,30px);*/ animation:bgSlideDown 0.8s ease-in 0.0s 1 alternate forwards running; }
	.PointText { position:relative; z-index:3; }
	.PointText::before { content:''; display:block; position:absolute; z-index:-1; }
	.PointText::after { content:'ISS-4'; position:absolute; top:-80px; left:-40px; z-index:-1; color:transparent; font-family:'Roboto', sans-serif; font-size:120px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #23D9A1; text-stroke:1px #23D9A1; }
	.PointText { position:relative; z-index:3; }
	.PointText header { position:relative; width:100%; margin:0 0 40px; text-align:center; }
	.PointText header h2 { margin:0 0 10px; font-size:42px; font-weight:bolder; }
	.PointText header h2 small { position:absolute; top:-60px; left:-60px; z-index:-1; color:transparent; font-family:'Roboto', sans-serif; font-size:120px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #23D9A1; text-stroke:1px #23D9A1; opacity:0.5; }
	.PointText header p { color:#FF4848; font-size:24px; font-weight:bolder; }
	.PointText ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:relative; padding:0 0 40px; list-style:none; }
	.PointText li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:22%; padding:0; transform:translate(0,-100px); opacity:0; }
	.PointText .motion.active li:nth-child(1) { animation:fadeUp 0.5s ease-in 0.0s 1 alternate forwards running; }
	.PointText .motion.active li:nth-child(2) { animation:fadeUp 0.5s ease-in 0.3s 1 alternate forwards running; }
	.PointText .motion.active li:nth-child(3) { animation:fadeUp 0.5s ease-in 0.6s 1 alternate forwards running; }
	.PointText .motion.active li:nth-child(4) { animation:fadeUp 0.5s ease-in 0.9s 1 alternate forwards running; }
	.PointText figure { display:block; position:relative; margin:0; }
	.PointText .BtnWrap { text-align:center; }
	.PointText .BtnWrap a { display:inline-block; min-width:390px; margin:0 15px; padding:0 30px; border-radius:65px; color: #fff; line-height:65px; font-size:17px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.PointText .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }
	.PointAfter { position:absolute; bottom:0; left:0; z-index:2; overflow:hidden; width:780px; height:780px; }
	.PointAfter::before { content:''; display:block; position:absolute; bottom:-82%; left:-99%; width:1280px; height:1280px; background:/*#CAF9F2*/rgba(42,232,203,0.25); transform:rotate(45deg) translate(0,0); /*animation:changeColor5 0.4s ease-in 0.4s 1 alternate forwards running;*/ }
}


/* .Merit */
.Merit { position:relative; z-index:4; }
.MeritInner { display:flex; flex-flow:column wrap; justify-content:flex-end; align-items:center; position:static; width:100%; max-width:100%; margin:0 0 30px; padding:30px 0 0; }
.MeritText { order:2; position:relative; z-index:3; width:90%; margin:0 auto; }
.MeritCatch { margin:0 0 10px; font-size:16px; font-weight:bolder; text-align:center; }
.MeritCatch img { position:relative; top:0.01em; width:auto; height:20px; margin:0 0 0 5px; }
.MeritTextInner { margin:0 0 25px; padding:25px; border-radius:8px; background:rgba(255,255,255,.85); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:0 0 12px 0 rgba(90,173,245,0.4); opacity:0; transform:translate(0,-100px); }
.MeritTextInner.motion.active { animation:fadeUp 0.6s ease-in 0.0s 1 alternate forwards running; }
.MeritTextInner header { margin:0 0 15px; }
.MeritTextInner h2 { font-size:20px; font-weight:bolder; }
.MeritTextInner h3 { margin:0 0 10px; color:#23D9A1; font-size:18px; font-weight:bolder; }
.MeritTextInner p { font-size:15px; text-align:left; }
.MeritTextInner p small { display:block; margin:0.75em 0 0; color:#7C7C7C; line-height:1.3; font-size:12px; }

.Merit .BtnWrap { position:absolute; bottom:-50px; left:50%; width:86%; transform:translate(-43%,0); }
.Merit .BtnWrap a { display:inline-block; min-width:86%; padding:0 10px; border-radius:65px; color: #fff; line-height:50px; font-size:16px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.Merit .BtnWrap a:hover {  }

.MeritPhoto { order:1; display:flex; align-self:inherit; position:relative; top:auto; left:auto; overflow:hidden; width:100%; margin:0 0 25px; opacity:0; transform:translate(0,-100px) }
.MeritPhoto.motion.active { animation:fadeUp 0.6s ease-in 0.3s 1 alternate forwards running; }
.MeritPhoto img { display:flex; align-self:stretch; }

@media screen and (min-width:729px) {
	.Merit { position:relative; z-index:4; }
	.MeritInner { display:flex; flex-flow:row wrap; justify-content:flex-end; align-items:center; position:static; width:100%; max-width:1140px; margin:0 auto 80px; padding:40px 0 0; }
	.MeritText { order:1; position:relative; z-index:3; width:70%; margin:0; }
	.MeritCatch { margin:0 0 10px; font-size:18px; font-weight:bolder; text-align:right; }
	.MeritCatch img { position:relative; top:-0.2em; width:auto; height:32px; margin:0 0 0 10px; }
	.MeritTextInner { margin:0 0 25px; padding:50px; border-radius:8px; background:rgba(255,255,255,.85); -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:0 0 12px 0 rgba(90,173,245,0.4); opacity:0; transform:translate(0,-100px); }
	.MeritTextInner.motion.active { animation:fadeUp 0.6s ease-in 0.0s 1 alternate forwards running; }
	.MeritTextInner header { margin:0 0 20px; }
	.MeritTextInner h2 { font-size:42px; font-weight:bolder; }
	.MeritTextInner h3 { margin:0 0 15px; color:#23D9A1; font-size:18px; font-weight:bolder; }
	.MeritTextInner p { font-size:16px; text-align:left; }
	.MeritTextInner p small { display:block; margin:0.75em 0 0; color:#7C7C7C; line-height:1.3; font-size:12px; }

	.Merit .BtnWrap { position:absolute; bottom:-80px; left:50%; width:auto; transform:translate(-50%,0); }
	.Merit .BtnWrap a { display:inline-block; min-width:390px; padding:0 30px; border-radius:65px; color: #fff; line-height:65px; font-size:17px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.Merit .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

	.MeritPhoto { order:2; display:flex; align-self:stretch; position:absolute; top:0; left:0; overflow:hidden; width:60%; opacity:0; transform:translate(0,-100px) }
	.MeritPhoto.motion.active { animation:fadeUp 0.6s ease-in 0.3s 1 alternate forwards running; }
	.MeritPhoto img { display:flex; align-self:stretch; }
}


/* .Feature */
.Feature { position:relative; overflow:hidden; z-index:1; padding:40px 0 60px; background:#FAFBF7 url('../images/bg_feature.webp') no-repeat center bottom; background-size:auto 180px; }
.Feature::before { content:''; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:url('../images/bg_feature_side.webp') no-repeat top right; background-size:100% 100%; mix-blend-mode:multiply; }
.Feature::after { content:''; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:50%; background:url('../images/bg_feature_top.webp') no-repeat top center; background-size:100% 100%; mix-blend-mode:multiply; }
.FeatureInner { position:static; z-index:5; width:90%; max-width:90%; margin:0 auto; padding:0; }
.FeatureInner header { position:static; margin:0 0 20px; text-align:center; }
.FeatureInner header h2 { position:static; margin:0 0 10px; font-size:20px; font-weight:bolder; }
.FeatureInner header h2 small { position:absolute; top:-20px; right:-25%; color:transparent; font-family:'Roboto', sans-serif; font-size:45px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #ADADAD; text-stroke:1px #ADADAD; white-space:nowrap; transform:translate(-50%,0); opacity:0.5; }
.FeatureInner header p { color:#FF4848; font-size:15px; font-weight:bolder; }
.FeatureInner header + p { margin:0 0 20px; text-align:left; }
.FeatureInner header + p b { font-weight:bolder; }
.FeatureInner header + p small { font-size:12px; }
.FeatureInner header + p br { display:none; }

.FeatureProduct { position:relative; top:auto; left:auto; z-index:2; width:60%; height:auto; margin:0 auto 30px; text-align:center; transform:translate(0,0); }
.FeatureProduct::before { content:''; display:block; position:absolute; top:50%; left:50%; z-index:-1; width:560px; height:798px; background:url('../images/bg_feature_product.webp') no-repeat; background-size:cover; transform:translate(-50%,-50%); transform-origin:center; }
.FeatureProduct_graph { width:100%; margin:0 auto; padding:25px 0 0; }
.FeatureProduct_graph img { width:80%; margin:0 auto 15px; }
.FeatureProduct_graph figcaption { font-size:11px; text-align:center; }
/*.FeatureProduct::after { content:''; display:block; position:absolute; top:50%; left:50%; z-index:-1; width:480px; height:480px; background:url('../images/bg_feature_product_blue.webp') no-repeat; background-size:cover; transform:rotateX(180deg) rotateY(360deg) translate(-50%,-50%); transform-origin:center; }*/

.Features { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; position:relative; z-index:4; margin:0; padding:0; list-style:none; }
.Features li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; position:relative; width:100%; margin-bottom:25px; }
	.motion.active .Features01 { top:auto; margin-right:0; opacity:0; transform:translate(0,-100px); animation:fadeUp 0.6s ease-in 0.0s 1 alternate forwards running; }
	.motion.active .Features02 { top:auto; opacity:0; transform:translate(0,-100px); animation:fadeUp 0.6s ease-in 0.3s 1 alternate forwards running; }
	.motion.active .Features03 { top:auto; margin-right:0; opacity:0; transform:translate(0,-100px); animation:fadeUp 0.6s ease-in 0.6s 1 alternate forwards running; }
	.motion.active .Features04 { top:auto; opacity:0; transform:translate(0,-100px); animation:fadeUp 0.6s ease-in 0.9s 1 alternate forwards running; }
.FeaturesText { order:2; }
.FeaturesText h3 { margin:0 0 15px; font-size:20px; }
	.Features01 h3 { padding:0 0 0 120px; background:url('../images/ill_feature01.svg') no-repeat left top; background-size:auto 100px; }
	.Features02 h3 { padding:0 120px 0 0; background:url('../images/ill_feature02.svg') no-repeat right top; background-size:auto 100px; }
	.Features03 h3 { padding:0 0 0 120px; background:url('../images/ill_feature03.svg') no-repeat left top; background-size:auto 100px; }
	.Features04 h3 { padding:0 120px 0 0; background:url('../images/ill_feature04.svg') no-repeat right top; background-size:auto 100px; }
.FeaturesText h3 b { color:#FF4848; }
.FeaturesText h3 small { display:block; margin:0 0 15px; color:#23D9A1; font-family:'Roboto', sans-serif; text-transform:uppercase; }
.FeaturesText h3 br { display:none; }
.FeaturesText p { margin:0; line-height:1.5; font-size:14px; }
.FeaturesText p b { color:#FF4848; font-weight:bolder; }
.FeaturePhoto { order:1; width:100%; margin:0 0 20px; }
.FeaturePhoto img {  }

.Feature .BtnWrap { text-align:center; }
.Feature .BtnWrap a { display:inline-block; min-width:86%; margin:0 auto; padding:0 10px; border-radius:65px; color: #fff; line-height:50px; font-size:16px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.Feature .BtnWrap a:hover {  }

@media screen and (min-width:729px) {
	.Feature { position:relative; overflow:hidden; z-index:1; padding:100px 0; background:#FAFBF7 url('../images/bg_feature.webp') no-repeat center bottom; background-size:100% auto; }
	.Feature::before { content:''; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:url('../images/bg_feature_side.webp') no-repeat top right; background-size:100% 100%; mix-blend-mode:multiply; }
	.Feature::after { content:''; display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:50%; background:url('../images/bg_feature_top.webp') no-repeat top center; background-size:100% 100%; mix-blend-mode:multiply; }
	.FeatureInner { position:static; z-index:5; width:100%; max-width:1140px; margin:0 auto; padding:0; }
	.FeatureInner header { position:static; margin:0 0 40px; text-align:center; }
	.FeatureInner header h2 { position:static; margin:0 0 20px; font-size:42px; font-weight:bolder; }
	.FeatureInner header h2 small { position:absolute; top:-50px; right:-18.5%; color:transparent; font-family:'Roboto', sans-serif; font-size:120px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #ADADAD; text-stroke:1px #ADADAD; white-space:nowrap; transform:translate(-50%,0); opacity:0.5; }
	.FeatureInner header p { color:#FF4848; font-size:24px; font-weight:bolder; }
	.FeatureInner header + p { margin:0 0 40px; text-align:center; }
	.FeatureInner header + p b { font-weight:bolder; }
	.FeatureInner header + p small { font-size:12px; }
	.FeatureInner header + p br { display:none; }

	.FeatureProduct { position:absolute; top:50%; left:50%; z-index:2; width:20%; height:auto; margin:0; text-align:center; transform:translate(-50%,-50%); }
	.FeatureProduct::before { content:''; display:block; position:absolute; top:50%; left:50%; z-index:-1; width:560px; height:798px; background:url('../images/bg_feature_product.webp') no-repeat; background-size:cover; transform:translate(-50%,-50%); transform-origin:center; }
	.FeatureProduct_graph { width:300px; margin:0 auto; padding:25px 0 0; }
	.FeatureProduct_graph img { width:300px; margin:0 0 15px; }
	.FeatureProduct_graph figcaption { font-size:11px; text-align:center; }
	/*.FeatureProduct::after { content:''; display:block; position:absolute; top:50%; left:50%; z-index:-1; width:480px; height:480px; background:url('../images/bg_feature_product_blue.webp') no-repeat; background-size:cover; transform:rotateX(180deg) rotateY(360deg) translate(-50%,-50%); transform-origin:center; }*/

	.Features { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:relative; z-index:4; margin:0 0 80px; padding:0; list-style:none; }
	.Features li { display:block; position:relative; width:31.5%; margin-bottom:80px; }
		.motion.active .Features01 { top:0; margin-right:37%; opacity:0; transform:translate(0,-100px); animation:fadeUp 0.6s ease-in 0.0s 1 alternate forwards running; }
		.motion.active .Features02 { top:120px; opacity:0; transform:translate(0,-100px); animation:fadeUp 0.6s ease-in 0.3s 1 alternate forwards running; }
		.motion.active .Features03 { top:0; margin-right:37%; opacity:0; transform:translate(0,-100px); animation:fadeUp 0.6s ease-in 0.6s 1 alternate forwards running; }
		.motion.active .Features04 { top:120px; opacity:0; transform:translate(0,-100px); animation:fadeUp 0.6s ease-in 0.9s 1 alternate forwards running; }
	.FeaturesText { order:1; }
	.FeaturesText h3 { margin:0 0 20px; font-size:24px; }
		.Features01 h3 { padding:0 0 0 140px; background:url('../images/ill_feature01.svg') no-repeat left top; background-size:auto 120px; }
		.Features02 h3 { padding:0 140px 0 0; background:url('../images/ill_feature02.svg') no-repeat right top; background-size:auto 120px; }
		.Features03 h3 { padding:0 0 0 140px; background:url('../images/ill_feature03.svg') no-repeat left top; background-size:auto 120px; }
		.Features04 h3 { padding:0 140px 0 0; background:url('../images/ill_feature04.svg') no-repeat right top; background-size:auto 120px; }
	.FeaturesText h3 b { color:#FF4848; }
	.FeaturesText h3 small { display:block; margin:0 0 25px; color:#23D9A1; font-family:'Roboto', sans-serif; text-transform:uppercase; }
	.FeaturesText h3 br { display:inline; }
	.FeaturesText p { margin:0 0 20px; line-height:1.7; font-size:14px; }
	.FeaturesText p b { color:#FF4848; font-weight:bolder; }
	.FeaturePhoto { order:2; width:100%; margin:0; }
	.FeaturePhoto img {  }

	.Feature .BtnWrap { text-align:center; }
	.Feature .BtnWrap a { display:inline-block; min-width:390px; margin:0; padding:0 30px; border-radius:65px; color: #fff; line-height:65px; font-size:17px; font-weight:bolder; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.Feature .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }
}


/* .Works */
.Works { position:relative; padding:40px 0 40px 0; background:#B0CAD5; background:linear-gradient(15deg, #B0CAD5 0%, #B8CFD9 100%); }
.WorksBefore { position:absolute; top:0; right:0; z-index:2; overflow:hidden; width:400px; height:400px; }
.WorksBefore::before { content:''; display:block; position:absolute; top:-82%; right:-99%; width:640px; height:640px; background:/*#CAF9F2*/rgba(191,235,255,0.3); transform:rotate(45deg) translate(0,0); mix-blend-mode:multiply; /*animation:changeColor5 0.4s ease-in 0.4s 1 alternate forwards running;*/ }
.WorksInner { width:90%; margin:0 auto; }
.Works header { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; position:relative; z-index:2; margin:0 0 20px 0; color:#fff; text-align:center; }
.Works header h2 { position:static; margin:0 0 10px; color:#fff; font-size:20px; font-weight:bolder; letter-spacing:-0.02em; }
.Works header h2 small { position:absolute; bottom:-40px; left:50%; color:transparent; font-family:'Roboto', sans-serif; font-size:60px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #fff; text-stroke:1px #fff; white-space:nowrap; transform:translate(-50%,0); opacity:0.5; }
.Works header h2 b { display:block; }
.Works header p { font-size:16px; font-weight:bolder; }
/*.Works .Slider { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-end; position:relative; overflow:hidden; margin:0 0 40px; }*/
.Works .Slider { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; position:relative; overflow:inherit; width:100%; margin:0; padding:0 0 20px; transition:0.2s; }
.Works .Slider .Slide { top:auto; width:100% !important; margin:0 0 20px; border-radius:6px; background:#fff; box-shadow:0 2px 12px 0 rgba(0,0,0,0.1); }
.Works .Slider .Slide:nth-child(3n) { display:none; }
.Works .Slider .Slide figure { width:100%; height:190px; }
.Works .Slider .Slide figure img { width:100%; height:100%; border-radius:6px 6px 0 0; object-fit:cover; }
.Works .Slider .Slide .SlideText { padding:20px; }
.Works .Slider .Slide .SlideText h3 { font-size:18px; font-weight:bolder; }
.Works .Slider .Slide .SlideText h3 small { display:none; }
.Works .Slider .Slide .SlideText p { display:none; }

.Works .Slider + .BtnWrap { position:relative; margin:0; text-align:center; }
.Works .Slider + .BtnWrap a { display:inline-block; min-width:86%; margin:0 auto; padding:0 10px; border-radius:65px; color: #23D9A1; line-height:50px; font-size:16px; font-weight:bolder; text-align:center; text-decoration:none; background:#fff; box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.Works .Slider + .BtnWrap a:hover {  }

@media screen and (min-width:729px) {
	.Works { position:relative; padding:100px 0 100px 0; background:#B0CAD5; background:linear-gradient(15deg, #B0CAD5 0%, #B8CFD9 100%); }
	.WorksBefore { position:absolute; top:0; right:0; z-index:2; overflow:hidden; width:400px; height:400px; }
	.WorksBefore::before { content:''; display:block; position:absolute; top:-82%; right:-99%; width:640px; height:640px; background:/*#CAF9F2*/rgba(191,235,255,0.3); transform:rotate(45deg) translate(0,0); mix-blend-mode:multiply; /*animation:changeColor5 0.4s ease-in 0.4s 1 alternate forwards running;*/ }
	.WorksInner { width:100%; margin:0 auto; }
	.Works header { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; position:relative; z-index:2; margin:0 0 30px 0; color:#fff; text-align:center; }
	.Works header h2 { position:static; margin:0 0 10px; color:#fff; font-size:42px; font-weight:bolder; letter-spacing:inherit; }
	.Works header h2 small { position:absolute; bottom:-80px; left:50%; color:transparent; font-family:'Roboto', sans-serif; font-size:120px; font-weight:bolder; text-transform:uppercase; -webkit-text-stroke:1px #fff; text-stroke:1px #fff; white-space:nowrap; transform:translate(-50%,0); }
	.Works header h2 b { display:inline; }
	.Works header p { font-size:24px; font-weight:bolder; }
	/*.Works .Slider { display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-end; position:relative; overflow:hidden; margin:0 0 40px; }*/
	.Works .Slider { display:block; position:relative; overflow:hidden; width:100%; margin:0 0 40px; padding:0; transition:0.2s; }
	.Works .Slider .slick-list { padding:0 !important; }
	.Works .Slider .Slide { top:80px; width:320px !important; margin:0 20px; border-radius:6px; background:#fff; box-shadow:0 2px 12px 0 rgba(0,0,0,0.1); }
	.Works .Slider .Slide:nth-child(3n) { display:block; }
	.Works .Slider .Slide figure { width:100%; height:190px; }
	.Works .Slider .Slide figure img { width:100%; height:100%; border-radius:6px 6px 0 0; object-fit:cover; }
	.Works .Slider .Slide .SlideText { padding:20px; }
	.Works .Slider .Slide .SlideText h3 { font-size:18px; font-weight:bolder; }
	.Works .Slider .Slide .SlideText h3 small { display:none; }
	.Works .Slider .Slide .SlideText p { display:none; }

	.Works .Slider .Slide.slick-current.slick-active { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; top:0; width:640px !important; padding:25px; color:#333; transition:0.2s; }
	.Works .Slider .Slide.slick-current.slick-active figure { display:flex; align-self:stretch; width:60%; height:300px; }
	.Works .Slider .Slide.slick-current.slick-active figure img { width:100%; height:100%; border-radius:0; object-fit:cover; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText { width:calc(40% - 25px); padding:0; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText h3 { font-size:18px; font-weight:bolder; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText h3 small { display:block; color:#23D9A1; font-size:11px; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText p { display:block; margin:0 0 15px; font-size:14px; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText p.info { font-size:11px; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText p.info .date { display:inline-block; margin:0 10px 0 0; font-family:'Roboto', sans-serif; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText p.info .date .material-icons { color:#7C7C7C; font-size:0.93em; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText p.info .category { display:inline-block; margin:0 10px 0 0; color:#2B8EE5; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText p.info .category a { color:#2B8EE5; text-decoration:none; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText p.info .category .material-icons {  }
	.Works .Slider .Slide.slick-current.slick-active .SlideText p.tags { display:block; margin:0 0 25px; color:#ADADAD; font-size:11px; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText p.tags .material-icons { margin:0 2px 0 0; color:#C9C9C9; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText .BtnWrap { position:relative; margin:0; }
	.Works .Slider .Slide.slick-current.slick-active .SlideText .BtnWrap a { display:inline-block; padding:0 30px; border-radius:65px; color: #fff; line-height:36px; font-size:16px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; }

	.Works .Slider .Slide.swiper-slide-active { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; top:0; width:640px !important; padding:25px; color:#333; }
	.Works .Slider .Slide.swiper-slide-active figure { display:flex; align-self:stretch; width:60%; height:300px; }
	.Works .Slider .Slide.swiper-slide-active figure img { width:100%; height:100%; border-radius:0; object-fit:cover; }
	.Works .Slider .Slide.swiper-slide-active .SlideText { width:calc(40% - 25px); padding:0; }
	.Works .Slider .Slide.swiper-slide-active .SlideText h3 { font-size:18px; font-weight:bolder; }
	.Works .Slider .Slide.swiper-slide-active .SlideText h3 small { display:block; color:#23D9A1; font-size:11px; }
	.Works .Slider .Slide.swiper-slide-active .SlideText p { display:block; margin:0 0 15px; font-size:14px; }
	.Works .Slider .Slide.swiper-slide-active .SlideText p.info { font-size:11px; }
	.Works .Slider .Slide.swiper-slide-active .SlideText p.info .date { display:inline-block; margin:0 10px 0 0; font-family:'Roboto', sans-serif; }
	.Works .Slider .Slide.swiper-slide-active .SlideText p.info .date .material-icons { color:#7C7C7C; font-size:0.93em; }
	.Works .Slider .Slide.swiper-slide-active .SlideText p.info .category { display:inline-block; margin:0 10px 0 0; color:#2B8EE5; }
	.Works .Slider .Slide.swiper-slide-active .SlideText p.info .category a { color:#2B8EE5; text-decoration:none; }
	.Works .Slider .Slide.swiper-slide-active .SlideText p.info .category .material-icons {  }
	.Works .Slider .Slide.swiper-slide-active .SlideText p.tags { display:block; margin:0 0 25px; color:#ADADAD; font-size:11px; }
	.Works .Slider .Slide.swiper-slide-active .SlideText p.tags .material-icons { margin:0 2px 0 0; color:#C9C9C9; }
	.Works .Slider .Slide.swiper-slide-active .SlideText .BtnWrap { position:relative; margin:0; }
	.Works .Slider .Slide.swiper-slide-active .SlideText .BtnWrap a { display:inline-block; padding:0 30px; border-radius:65px; color: #fff; line-height:36px; font-size:16px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; }

	.Works .slick-prev.slick-arrow { display:block; position:absolute; top:50%; left:0; z-index:5; width:50px; height:50px; background:rgba(0,0,0,0.5); }
	.Works .slick-prev.slick-arrow::before { content:''; display:block; position:absolute; width:10px; height:10px; border-top:#fff 1px solid; border-left:#fff 1px solid; transform:rotate(-45deg); }
	.Works .slick-next.slick-arrow { display:block; position:absolute; top:50%; left:calc(100% - 50px); z-index:5; width:50px; height:50px; background:rgba(0,0,0,0.5); }
	.Works .slick-next.slick-arrow::before { content:''; display:block; position:absolute; width:10px; height:10px; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(45deg); }

	.Works .slick-prev.slick-arrow { display:block; position:absolute; top:50%; left:0; z-index:5; width:50px; height:50px; background:rgba(0,0,0,0.5); }
	.Works .slick-prev.slick-arrow::before { content:''; display:block; position:absolute; width:10px; height:10px; border-top:#fff 1px solid; border-left:#fff 1px solid; transform:rotate(-45deg); }
	.Works .slick-next.slick-arrow { display:block; position:absolute; top:50%; left:calc(100% - 50px); z-index:5; width:50px; height:50px; background:rgba(0,0,0,0.5); }
	.Works .slick-next.slick-arrow::before { content:''; display:block; position:absolute; width:10px; height:10px; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(45deg); }

	.Works .Slider + .BtnWrap { position:relative; margin:0; text-align:center; }
	.Works .Slider + .BtnWrap a { display:inline-block; min-width:390px; padding:0 30px; border-radius:65px; color: #23D9A1; line-height:65px; font-size:17px; font-weight:bolder; text-align:center; text-decoration:none; background:#fff; box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.Works .Slider + .BtnWrap a:hover { color: #fff; background:#23D9A1; }

	.WorksInner > .BtnWrap { position:relative; margin:0; text-align:center; }
	.WorksInner > .BtnWrap a { display:inline-block; min-width:390px; padding:0 30px; border-radius:65px; color: #23D9A1; line-height:65px; font-size:17px; font-weight:bolder; text-align:center; text-decoration:none; background:#fff; box-shadow:0 4px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.WorksInner > .BtnWrap a:hover { color: #fff; background:#23D9A1; }
}


/* .Flow */
.Flow { padding:30px 0; }
.FlowInner { width:90%; max-width:90%; margin:0 auto; }
.Flow header { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; position:relative; margin:0 0 25px 0; color:#fff; text-align:center; }
.Flow header h2 { position:static; margin:0; color:#fff; font-size:20px; font-weight:bolder; }
.Flow ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; padding:0; list-style:none; }
.Flow li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:100%; padding:20px 0; border-bottom:#acacac 1px solid; font-weight:bolder; text-align:center; opacity:0; transform:translate(0,-100px); }
.Flow .motion.active li:nth-child(1) { animation:fadeUp 0.6s ease-in 0.0s 1 alternate forwards running; }
.Flow .motion.active li:nth-child(2) { animation:fadeUp 0.6s ease-in 0.3s 1 alternate forwards running; }
.Flow .motion.active li:nth-child(3) { animation:fadeUp 0.6s ease-in 0.6s 1 alternate forwards running; }
.Flow .motion.active li:nth-child(4) { animation:fadeUp 0.6s ease-in 0.9s 1 alternate forwards running; }
.Flow .motion.active li:nth-child(5) { animation:fadeUp 0.6s ease-in 1.2s 1 alternate forwards running; }
.Flow li figure { width:90px; margin:0 20px 0 0; }
.Flow li p { width:calc(100% - 110px); text-align:left; }

@media screen and (min-width:729px) {
	.Flow { padding:80px 0; }
	.FlowInner { width:100%; max-width:1140px; margin:0 auto; }
	.Flow header { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; position:relative; margin:0 0 30px 0; color:#fff; text-align:center; }
	.Flow header h2 { position:static; margin:0 0 10px; color:#fff; font-size:42px; font-weight:bolder; }
	.Flow ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:0; list-style:none; }
	.Flow li { display:block; width:18%; padding:0; border-bottom:0; font-weight:bolder; text-align:center; opacity:0; transform:translate(0,-100px); }
	.Flow .motion.active li:nth-child(1) { animation:fadeUp 0.6s ease-in 0.0s 1 alternate forwards running; }
	.Flow .motion.active li:nth-child(2) { animation:fadeUp 0.6s ease-in 0.3s 1 alternate forwards running; }
	.Flow .motion.active li:nth-child(3) { animation:fadeUp 0.6s ease-in 0.6s 1 alternate forwards running; }
	.Flow .motion.active li:nth-child(4) { animation:fadeUp 0.6s ease-in 0.9s 1 alternate forwards running; }
	.Flow .motion.active li:nth-child(5) { animation:fadeUp 0.6s ease-in 1.2s 1 alternate forwards running; }
	.Flow li figure { width:100%; margin:0 0 20px; }
	.Flow li p { width:100%; text-align:center; }
}


/* .FAQ */
.FAQ { padding:30px 0 0 0; }
.FAQInner { width:100%; }
.FAQ header { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; position:relative; margin:0 0 30px 0; color:#fff; text-align:center; }
.FAQ header h2 { position:static; margin:0 0 10px; color:#fff; font-size:20px; font-weight:bolder; text-align:center; }
.FAQ ul { padding:0; border-top:#333 1px solid; list-style:none; }
.FAQ li { padding:15px 0; border-bottom:#333 1px solid; }
.FAQ li dl { max-width:100%; margin:0 auto; font-weight:bolder; text-align:left; }
.FAQ li dt { padding:0 calc(40px + 5%) 0 calc(2.5em + 5%); font-size:16px; background:url('../images/icon_plus.svg') no-repeat calc(100% - 15px) center; cursor:pointer; }
.FAQ li dt::before { content:'Q.'; display:inline-block; position:absolute; top:50%; left:5%; color:#23D9A1; line-height:1; font-size:27px; font-weight:bolder; transform:translate(0,-50%); }
.FAQ li dd { display:block; position:relative; overflow:hidden; width:100%; padding:0 60px 0 40px; height:0; transition:0.2s; }
.FAQ li dd.active { height:auto; padding:15px 60px 0 40px; font-size:15px; font-weight:normal; transition:0.4s; }

@media screen and (min-width:729px) {
	.FAQ { padding:0 0; }
	.FAQInner { width:100%; }
	.FAQ header { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; position:relative; margin:0 0 30px 0; color:#fff; text-align:center; }
	.FAQ header h2 { position:static; margin:0 0 10px; color:#fff; font-size:42px; font-weight:bolder; text-align:center; }
	.FAQ ul { padding:0; border-top:#333 1px solid; list-style:none; }
	.FAQ li { padding:25px 0; border-bottom:#333 1px solid; }
	.FAQ li dl { max-width:860px; margin:0 auto; font-weight:bolder; text-align:left; }
	.FAQ li dt { padding:0 40px 0 2.5em; font-size:18px; background:url('../images/icon_plus.svg') no-repeat right center; cursor:pointer; }
	.FAQ li dt::before { content:'Q.'; display:inline-block; position:absolute; top:50%; left:0; color:#23D9A1; line-height:1; font-size:27px; font-weight:bolder; transform:translate(0,-50%); }
	.FAQ li dd { display:block; position:relative; overflow:hidden; width:100%; padding:0 60px 0 40px; height:0; transition:0.2s; }
	.FAQ li dd.active { height:auto; padding:15px 60px 0 40px; font-size:18px; font-weight:normal; transition:0.4s; }
}


/* .CTA */
.CTA { position:relative; z-index:2; margin:0; padding:40px 0 20px; background:url('../images/bg_cta.webp') no-repeat center center; background-size:cover; }
.CTA.motion.active { animation:blur2 1.4s ease-in 0.0s 1 alternate forwards running; }
.CTAInner { position:relative; width:90%; max-width:90%; margin:0 auto; padding:0; }
.CTA header { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; position:relative; z-index:2; margin:0 0 30px 0; color:#fff; text-align:center; text-shadow:0 0 2px rgba(0,0,0,0.4), 0 0 4px rgba(0,0,0,0.3), 0 0 8px rgba(0,0,0,0.2), 0 0 16px rgba(0,0,0,0.1);}
.CTA header h2 { position:static; margin:0 0 0; color:#fff; font-size:14px; font-weight:bolder; }
.CTA header h2 br { display:none; }
.CTA header p { font-size:12px; font-weight:bolder; }
.CTA ul { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; width:100%; padding:0; list-style:none; }
.CTA li { width:86%; margin:0 auto 20px; }
.CTA .BtnWrapTEL {  }
.CTA .BtnWrapTEL a { display:block; width:100%; max-width:100%; min-height:50px; margin:0; padding:10px 0; border-radius:40px; color:#23D9A1; line-height:1.2; font-family:'Roboto', sans-serif; font-size:20px; font-weight:bold; text-align:center; text-decoration:none; background:#fff; box-shadow:0 6px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.CTA .BtnWrapTEL a:hover {  }
.CTA .BtnWrapTEL small { display:block; font-size:11px; font-weight:normal; }

.CTA .BtnWrapForm {  }
.CTA .BtnWrapForm a { display:block; width:100%; max-width:100%; margin:0; padding:0; border-radius:40px; color:#23D9A1; line-height:57px; font-size:17px; font-weight:bold; text-align:center; text-decoration:none; background:#fff; box-shadow:0 6px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.CTA .BtnWrapForm a:hover { color:#fff; background:#23D9A1; transition:1.0s; }

@media screen and (min-width:729px) {
	.CTA { position:relative; z-index:2; margin:0; padding:120px 0; background:url('../images/bg_cta.webp') no-repeat center center; background-size:cover; }
	.CTA.motion.active { animation:blur2 1.4s ease-in 0.0s 1 alternate forwards running; }
	.CTAInner { position:relative; width:100%; max-width:960px; margin:0 auto; padding:0; }
	.CTA header { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; position:relative; z-index:2; margin:0 0 30px 0; color:#fff; text-align:center; text-shadow:0 0 2px rgba(0,0,0,0.4), 0 0 4px rgba(0,0,0,0.3), 0 0 8px rgba(0,0,0,0.2), 0 0 16px rgba(0,0,0,0.1);}
	.CTA header h2 { position:static; margin:0 0 10px; color:#fff; font-size:42px; font-weight:bolder; }
	.CTA header h2 br { display:inline; }
	.CTA header p { font-size:24px; font-weight:bolder; }
	.CTA ul { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; padding:0; list-style:none; }
	.CTA li { width:48.5%; margin:0 0.75%; }
	.CTA .BtnWrapTEL {  }
	.CTA .BtnWrapTEL a { display:block; width:100%; max-width:455px; min-height:70px; margin:0; padding:15px 0; border-radius:40px; color:#23D9A1; line-height:1.2; font-family:'Roboto', sans-serif; font-size:24px; font-weight:bold; text-align:center; text-decoration:none; background:#fff; box-shadow:0 6px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.CTA .BtnWrapTEL a:hover { color:#fff; background:#23D9A1; transition:1.0s; }
	.CTA .BtnWrapTEL small { display:block; font-size:11px; font-weight:normal; }

	.CTA .BtnWrapForm {  }
	.CTA .BtnWrapForm a { display:block; width:100%; max-width:455px; margin:0; padding:0; border-radius:40px; color:#23D9A1; line-height:70px; font-size:17px; font-weight:bold; text-align:center; text-decoration:none; background:#fff; box-shadow:0 6px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.CTA .BtnWrapForm a:hover { color:#fff; background:#23D9A1; transition:1.0s; }
}


/* .Content */
.Content { width:100%; }
.ContentOuter { width:90%; max-width:90%; margin:0 auto; padding:0 0 40px; }
.ContentWrap { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; width:100%; padding:0; }
.ContentHeader { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; margin:0 0 20px; }
.ContentHeader h2 { font-size:18px; }
.ContentInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; margin:0 0 30px; }
.ContentInner dl { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; margin:0 0 20px; }
.ContentInner dt { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:100%; padding:0.8em 0 0.4em; border-bottom:0; }
.ContentInner dd { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:100%; padding:0 0 0.8em 0; border-bottom:#D4D4D4 1px solid; }

.ContentInner dl.formList { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:100%; margin:0 0 40px; }
.ContentInner dl.formList dt { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; }
.ContentInner dl.formList dt .must { display:inline-block; position:relative; top:-0.15em; margin:0 0 0 0.5em; color:#FF6A6A; font-size:12px; }
.ContentInner dl.formList dt .material-icons { position:relatuve; top:0.035em; }
.ContentInner dl.formList dd { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; }
.ContentInner dl.formList dd label { display:inline-block; margin:0 1.5em 0 0; }
.ContentInner dl.formList dd input[type='radio'] { display:inline-block; width:1.0em; height:1.0em; margin:0 0.5em 0 0; padding:0; border:#ddd 1px solid; border-radius:1.0em; background:#fff; -webkit-appearance:none; appearance:none; }
.ContentInner dl.formList dd input[type='radio']:checked { border:#2B8EE5 4px solid; }
.ContentInner dl.formList dd input[type='text'] { display:inline-block; width:88%; height:auto; margin:0; padding:8px 1.25em; border:#ddd 1px solid; border-radius:3px; line-height:1; font-size:16px; background:#fff; -webkit-appearance:none; appearance:none; }
.ContentInner dl.formList dd textarea { display:inline-block; width:100%; min-height:12em; margin:0; padding:8px 1.25em; border:#ddd 1px solid; border-radius:3px; line-height:1; font-size:16px; background:#fff; -webkit-appearance:none; appearance:none; }
.ContentInner dl.formList + .BtnWrap { position:relative; margin:0 auto; text-align:center; }
.ContentInner dl.formList + .BtnWrap input[type="submit"] { display:inline-block; min-width:280px; padding:0 30px; border-radius:65px; color: #fff; line-height:60px; font-size:18px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; -webkit-appearance:none; appearance:none; }
.ContentInner dl.formList + .BtnWrap input[type="submit"]:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

.ContentInner.complete h2 { margin:0 0 20px; color:#2B8EE5; font-size:27px; }
.ContentInner.complete h3 { margin:0 0 15px; font-size:21px; }
.ContentInner.complete h3 + p { margin:0 0 40px; line-height:1.8; }
.ContentInner.complete .BtnWrap { position:relative; margin:0; text-align:left; }
.ContentInner.complete .BtnWrap a { display:inline-block; min-width:280px; padding:0 30px; border-radius:65px; color: #fff; line-height:42px; font-size:18px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; -webkit-appearance:none; appearance:none; }
.ContentInner.complete .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

.ContentInner dl.newsList { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; width:100%; margin:0 0 40px; }
.ContentInner dl.newsList dt { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:100%; padding:1.25em 0 0; border-bottom:0; }
.ContentInner dl.newsList dd { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:100%; padding:0.5em 0 1.25em 0; border-bottom:#D4D4D4 1px solid; }
.ContentInner dl.newsList dd h3 { margin:0 0 10px; font-size:18px; font-weight:bolder; }

.ContentInner iframe { margin:0 0 40px; padding:0; border:0; width:100%; height:360px; }
.Greeting { line-height:1.8; }
.businessText { margin:0; line-height:1.5; }
.ClientList { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:100%; padding:0; list-style:none; }
.ClientList li { width:100%; margin:0 0 3px; }

.ResultList { padding:0; list-style:none; }
.ResultList li { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-end; top:0; width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:#d4d4d4 1px solid; color:#333; }
.ResultList li figure { display:flex; align-self:stretch; width:80%; height:auto; margin:0 auto 20px; }
.ResultList li figure img { width:100%; height:100%; border-radius:0; object-fit:cover; }
.ResultList li .ResultListText { width:100%; padding:0; }
.ResultList li .ResultListText h3 { font-size:18px; font-weight:bolder; text-align:center; }
.ResultList li .ResultListText h3 small { display:block; color:#23D9A1; font-size:11px; }
.ResultList li .ResultListText p { display:block; margin:0 0 15px; font-size:14px; }
.ResultList li .ResultListText p.info { font-size:11px; text-align:center; }
.ResultList li .ResultListText p.info .date { display:inline-block; margin:0 10px 0 0; font-family:'Roboto', sans-serif; }
.ResultList li .ResultListText p.info .date .material-icons { color:#7C7C7C; font-size:0.93em; }
.ResultList li .ResultListText p.info .category { display:inline-block; margin:0 10px 0 0; color:#2B8EE5; }
.ResultList li .ResultListText p.info .category a { color:#2B8EE5; text-decoration:none; }
.ResultList li .ResultListText p.info .category .material-icons {  }
.ResultList li .ResultListText p.tags { display:block; margin:0 0 25px; color:#ADADAD; font-size:11px; text-align:center; }
.ResultList li .ResultListText p.tags a { color:#ADADAD; text-decoration:none; pointer-events:none; }
.ResultList li .ResultListText p.tags .material-icons { margin:0 2px 0 0; color:#C9C9C9; }
.ResultList li .ResultListText .BtnWrap { position:relative; margin:0; text-align:center; }
.ResultList li .ResultListText .BtnWrap a { display:inline-block; padding:0 30px; border-radius:65px; color: #fff; line-height:36px; font-size:16px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; }
.ResultList li .ResultListText .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

/* .ResultDetail */
.ResultDetailHead { position:relative; width:100%; margin:0 0 25px; padding:0 0 15px; font-size:18px; font-weight:bolder; text-align:left; }
.ResultDetailHead::after { content:''; display:block; position:absolute; left:50%; bottom:0px; width:100%; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
.ResultDetailHead h3 { font-size:16px; }
.ResultDetailPhoto { position:relative; overflow:hidden; width:100%; height:220px; }
.ResultDetailText { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; padding:25px 0 0; }
.ResultDetailTextLeft { width:100%; }
.ResultDetailTextLeft .after { margin:0 0 15px; font-size:16px; font-weight:normal; }
.ResultDetailTextLeft .after span { position:relative; top:0.1em; left:1em; color:#FF6A6A; line-height:1; font-size:27px; font-weight:bolder; }
.ResultDetailTextLeft .after b { font-size:42px; }
.ResultDetailTextLeft .comment { margin:0 0 15px; font-weight:bolder; }
.ResultDetailTextLeft .info { margin:0 0 15px; font-weight:bolder; }
.ResultDetailTextLeft p.tags { display:block; margin:0 0 25px; color:#ADADAD; font-size:11px; }
.ResultDetailTextLeft p.tags a { color:#ADADAD; text-decoration:none; pointer-events:none; }
.ResultDetailTextLeft p.tags .material-icons { margin:0 2px 0 0; color:#C9C9C9; }
.ResultDetailTextRight { width:100%; padding:7px 0 0 0; }
.ResultDetailTextRight h3 { margin:0 0 10px; font-size:16px; font-weight:bolder; }
.ResultDetailTextRight h3 small { display:inline-block; padding:0 0 0 1em; font-size:12px; font-weight:normal; }
.ResultDetailTextRight ul { padding:0 0 0 1.6em; font-size:14px; list-style:square; }
.ResultDetailTextRight ul li { margin:0 0 5px; }

/* paging */
.paging { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; margin:40px 0 0; padding:20px 0 0; border-top:#d4d4d4 1px solid; }
.paging p.prev { overflow:hidden; width:48%; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.paging p.prev a::before { content:'←'; }
.paging p.next { overflow:hidden; width:48%; font-size:12px; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
.paging p.next a::after { content:'→'; }

.wp-pagenavi { display:block; width:100%; font-size:13px; text-align:center; }
.wp-pagenavi::after { content:''; display:table; clear:both; height:0; }
.wp-pagenavi .pages { display:none; }
.wp-pagenavi .previouspostslink { float:left; border:0;}
.wp-pagenavi .nextpostslink { float:right; border:0; }
.wp-pagenavi .current, .wp-pagenavi .page.larger, .wp-pagenavi .page.smaller { margin:0 0.35em; padding:0; border:0; }
.wp-pagenavi .current, .wp-pagenavi .page { display:none; }

.ContentCatch { margin:0 0 20px; color:#0088DB; font-size:18px; font-weight:bolder; }
.ContentInnerPhoto { position:relative; overflow:hidden; width:100%; height:180px; margin:0 0 20px; }

/* page404 */
.page404 {  }
.page404 h2 { margin:0 0 1.5em; color:#FF4848; font-size:18px; }
.page404 h2 + p { margin:0 0 40px; }
.page404 h2 + p br { display:none; }
.page404 .BtnWrap a { display:inline-block; padding:0 30px; border-radius:65px; color: #fff; line-height:36px; font-size:16px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; }
.page404 .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

/* product */
.ProductIntro { width:90%; max-width:90%; margin:0 auto 30px; }
.ProductIntroInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:center; }
.ProductIntroInner h2 { width:100%; margin:0 0 20px; font-size:18px; text-align:center; }
.ProductIntroInner h2 b { display:block; margin:0 0 20px; }
.ProductIntroInner h2 small { display:block; margin:0 0 5px; font-size:14px; }
.ProductIntroInner figure { width:70%; margin:0 auto 20px; }
.ProductIntro .BtnWrap { text-align:center; }
.ProductIntro .BtnWrap a { display:block; padding:0 10px; border-radius:65px; color: #fff; line-height:65px; font-size:18px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 6px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
.ProductIntro .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

.ProductFunction { width:90%; max-width:90%; margin:0 auto 30px; }
.ProductFunction header { margin:0 0 30px; text-align:center; }
.ProductFunction header h2 { margin:0 0 10px; color:#FF6A6A; font-size:20px; }
.ProductFunction header p { font-size:16px; font-weight:normal; }
.ProductFunction h3 { position:relaltive; margin:0 0 30px; padding:0 0 20px; font-size:18px; text-align:center; }
.ProductFunction h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
.ProductFunction h3 br { display:inline; }
.ProductFunction h3 + p { max-width:100%; margin:0 auto 20px; line-height:1.5; }
.ProductFunction h3 + p small { display:inline-block; float:none; color:#FF6A6A; font-size:12px; }
.ProductFunctionOption { padding:30px 0 0; }
.ProductFunctionOption header { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; }
.ProductFunctionOption header small { display:block; width:60px; height:60px; margin:0 0 10px 0; border:#2AE8CB 2px solid; border-radius:100px; color:#2AE8CB; line-height:55px; font-size:16px; font-weight:bolder; text-align:center; }
.ProductFunctionOption header h3 { margin:0; padding:0; font-size:16px; text-align:center; }
.ProductFunctionOption header h3::after { content:none; }
.ProductFunctionOption header h3 b { display:block; padding:10px 0 0; color:#5AADF5; font-size:20px; }
.ProductFunctionOption header h3 span { display:block; font-size:12px; font-weight:normal; }
.ProductFunctionOption header h3 span::before { content:''; display:inline-block; position:relative; top:0.1em; width:1em; height:1em; margin:0 0.3em 0 0; background:#019389; }
.ProductFunctionOption ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; padding:0; list-style:none; }
.ProductFunctionOption ul li { width:100%; margin:0 0 20px; }
.ProductFunctionOption ul li:last-child { display:block; width:100.0%; margin:0 0 10px; padding:0; color:#FF6A6A; font-size:20px; font-weight:bolder; text-align:center; }
.ProductFunctionOption ul li h4 { margin:0 0 15px; padding:0 0 0 10px; border-left:#5AADF5 4px solid; color:#5AADF5; line-height:1; font-size:16px; font-weight:bolder; }

.ProductMerit { width:90%; max-width:90%; margin:0 auto 30px; }
.ProductMerit header { margin:0 0 20px; text-align:center; }
.ProductMerit header h2 { position:relaltive; margin:0 0 30px; padding:0 0 20px; font-size:18px; text-align:center; }
.ProductMerit header h2::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
.ProductMerit header + p { max-width:100%; margin:0 auto 20px; line-height:1.5; }
.ProductMerit header + p strong { display:block; margin:0 0 5px; font-size:16px; }
.ProductMerit header + p small { display:inline; float:none; color:#FF6A6A; font-size:12px; }
.ProductMerit > ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; max-width:100%; margin:0 auto 30px; padding:0; list-style:none; }
.ProductMerit > ul li { width:100.0%; margin:0 0 20px; text-align:center; }
.ProductMerit > ul li figure { margin:0 0 10px; }
.ProductMerit > ul li h3 { font-size:14px; font-weight:bolder; }
.ProductMeritOption { width:100%; max-width:100%; margin:0 auto 30px; }
.ProductMeritOption header { margin:0; text-align:center; }
.ProductMeritOption header h3 { position:relaltive; margin:0 0 20px; padding:0 0 20px; font-size:18px; text-align:center; }
.ProductMeritOption header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
.ProductMeritOption > ul { max-width:100%; margin:0 auto; padding:0 0 10px; list-style:none; }
.ProductMeritOption > ul li { width:100%; margin:0 0 15px; padding:0 0 0 22px; line-height:1.5; text-align:left; background:url('../images/icon_product04.svg') no-repeat 0 0.15em; }
.ProductMeritOption > figure { margin:0 auto 30px; }

.ProductMeritOthers { width:90%; max-width:90%; margin:0 auto; }
.ProductMeritOthers header { margin:0; text-align:center; }
.ProductMeritOthers header h3 { position:relaltive; margin:0 0 20px; padding:0 0 20px; font-size:20px; text-align:center; }
.ProductMeritOthers header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
.ProductMeritOthers ul { max-width:100%; margin:0 auto; padding:0 0 25px; list-style:none; }
.ProductMeritOthers ul li { width:100%; margin:0 0 10px; padding:0 0 0 22px; line-height:1.5; text-align:left; background:url('../images/icon_product04.svg') no-repeat 0 0.15em; }

.ProductFlow { width:100%; padding:40px 0; background:#FAFBF7; }
.ProductFlowInner { width:90%; max-width:90%; margin:0 auto; }
.ProductFlow header { margin:0; text-align:center; }
.ProductFlow header h3 { position:relaltive; margin:0 0 20px; padding:0 0 20px; font-size:20px; text-align:center; }
.ProductFlow header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
.ProductFlow ul { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; padding:0; list-style:none; }
.ProductFlow ul li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; margin:0 0 20px; padding:0; }
.ProductFlow ul li figure { width:90px; margin:0 0 0; }
.ProductFlow ul li .Text { width:calc(100% - 110px); text-align:left; }
.ProductFlow ul li .Text h4 { min-height:auto; margin:0 0 0.5em; font-size:18px; font-weight:bolder; }
.ProductFlow ul li .Text h4 br { display:none; }
.ProductFlow ul li .Text p { font-size:14px; text-align:left; }

.ProductReport { position:relative; overflow:hidden; width:100%; padding:40px 0; background:#B0CAD5; background:linear-gradient(15deg, #B0CAD5 0%, #C0D5DD 100%); }
.ProductReport::before { content:''; display:block; position:absolute; top:-40%; right:-85%; width:400px; height:400px; background:rgba(191,235,255,0.3); transform:rotate(45deg); }
.ProductReport header { width:90%; max-width:90%; margin:0 auto; text-align:center; }
.ProductReport header h3 { position:relaltive; margin:0 0 20px; padding:0 0 20px; color:#fff; font-size:20px; text-align:center; }
.ProductReport header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#fff; transform:translate(-50%,0); }
.ProductReportInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:center; width:90%; max-width:90%; margin:0 auto; }
.ProductReportInner figure { width:80%; margin:0 auto 20px; }
.ProductReportInner .Text { width:100%; padding:0 0 0; color:#fff; }
.ProductReportInner .Text h4 { margin:0 0 0.5em; font-size:20px; font-weight:bolder; }
.ProductReportInner .Text p { line-height:1.5; }

.ProductSpec { position:relative; overflow:hidden; width:100%; padding:40px 0 0; }
.ProductSpec header { width:90%; max-width:90%; margin:0 auto; text-align:center; }
.ProductSpec header h3 { position:relaltive; margin:0 0 20px; padding:0 0 20px; font-size:18px; text-align:center; }
.ProductSpec header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
.ProductSpecInner { width:90%; max-width:90%; margin:0 auto; }
.ProductSpecInner .Text { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
.ProductSpecInner dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:100.0%; }
.ProductSpecInner dt { width:30%; margin:0; padding:0.75em 0; border-top:#DEDEDE 1px solid; font-size:13px; font-weight:bolder; }
.ProductSpecInner dt span { padding:0 0 0 1.0em; font-size:12px; }
.ProductSpecInner dd { width:70%; padding:0.75em 0; border-top:#DEDEDE 1px solid; font-size:13px; }
.ProductSpecInner dt.line1 b { display:block; margin:0 0 5px; }
.ProductSpecInner dt.line2 { padding-top:0; border-top:0; }
.ProductSpecInner dt.line2 span.em3 { padding-left:1em; }
.ProductSpecInner dt.line2 span.em6 { padding-left:1em; }
.ProductSpecInner dd.line1 { padding-top:calc(2.35em + 5px); }
.ProductSpecInner dd.line2 { padding-top:0; border-top:0; }
.ProductSpecInner dd.caption { width:100%; }

/* .NewsDetail */
.NewsDetail {  }
.NewsDetailHead { margin:0 0 40px; }
.NewsDetailHead h3 { margin:0 0 15px; font-size:27px; }
.NewsDetailInfo {  }
.NewsDetailInfo .date { display:inline-block; margin:0 10px 0 0; color:#7C7C7C; font-family:'Roboto', sans-serif; }
.NewsDetailInfo .date .material-icons { color:#7C7C7C; font-size:0.93em; }
.NewsDetailInner p { margin:0 0 25px; line-height:1.8; }


@media screen and (min-width:729px) {
	.Content { width:100%; }
	.ContentOuter { width:100%; max-width:1140px; margin:0 auto; padding:0 0 80px; }
	.ContentWrap { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; padding:0 20px 40px; }
	.ContentHeader { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:30%; margin:0; }
	.ContentHeader h2 { font-size:21px; }
	.ContentInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; width:70%; margin:0; }
	.ContentInner dl { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; margin:0 0 40px; }
	.ContentInner dt { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:25%; padding:0.8em 0; border-bottom:#D4D4D4 1px solid; }
	.ContentInner dd { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:75%; padding:0.8em 0; border-bottom:#D4D4D4 1px solid; }

	.ContentInner dl.formList { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:100%; margin:0 0 40px; }
	.ContentInner dl.formList dt { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; }
	.ContentInner dl.formList dt .must { display:inline-block; position:relative; top:-0.15em; margin:0 0 0 0.5em; color:#FF6A6A; font-size:12px; }
	.ContentInner dl.formList dt .material-icons { position:relatuve; top:0.035em; }
	.ContentInner dl.formList dd { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; }
	.ContentInner dl.formList dd label { display:inline-block; margin:0 1.5em 0 0; }
	.ContentInner dl.formList dd input[type='radio'] { display:inline-block; width:1.0em; height:1.0em; margin:0 0.5em 0 0; padding:0; border:#ddd 1px solid; border-radius:1.0em; background:#fff; -webkit-appearance:none; appearance:none; }
	.ContentInner dl.formList dd input[type='radio']:checked { border:#2B8EE5 4px solid; }
	.ContentInner dl.formList dd input[type='text'] { display:inline-block; width:88%; height:auto; margin:0; padding:8px 1.25em; border:#ddd 1px solid; border-radius:3px; line-height:1; font-size:16px; background:#fff; -webkit-appearance:none; appearance:none; }
	.ContentInner dl.formList dd textarea { display:inline-block; width:100%; min-height:12em; margin:0; padding:8px 1.25em; border:#ddd 1px solid; border-radius:3px; line-height:1; font-size:16px; background:#fff; -webkit-appearance:none; appearance:none; }
	.ContentInner dl.formList + .BtnWrap { position:relative; margin:0; text-align:left; }
	.ContentInner dl.formList + .BtnWrap input[type="submit"] { display:inline-block; min-width:280px; padding:0 30px; border-radius:65px; color: #fff; line-height:60px; font-size:18px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; -webkit-appearance:none; appearance:none; }
	.ContentInner dl.formList + .BtnWrap input[type="submit"]:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }
	
	.ContentInner.complete h2 { margin:0 0 20px; color:#2B8EE5; font-size:24px; }
	.ContentInner.complete h3 { margin:0 0 15px; font-size:16px; }
	.ContentInner.complete h3 + p { margin:0 0 40px; line-height:1.8; }
	.ContentInner.complete .BtnWrap { position:relative; margin:0; text-align:left; }
	.ContentInner.complete .BtnWrap a { display:inline-block; min-width:280px; padding:0 30px; border-radius:65px; color: #fff; line-height:42px; font-size:18px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; -webkit-appearance:none; appearance:none; }
	.ContentInner.complete .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

	.ContentInner dl.newsList { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; margin:0 0 40px; }
	.ContentInner dl.newsList dt { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:25%; padding:1.25em 0; border-bottom:#D4D4D4 1px solid; }
	.ContentInner dl.newsList dd { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:75%; padding:1.25em 0; border-bottom:#D4D4D4 1px solid; }
	.ContentInner dl.newsList dd h3 { margin:0 0 10px; font-size:18px; font-weight:normal; }

	.ContentInner iframe { margin:0 0 40px; padding:0; border:0; width:100%; height:400px; }
	.Greeting { line-height:1.8; }
	.businessText { line-height:1.8; }
	.ClientList { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; padding:0; list-style:none; }
	.ClientList li { width:50%; margin:0 0 5px; }

	.ResultList { padding:0; list-style:none; }
	.ResultList li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; top:0; width:100%; margin:0 0 20px; padding:0 0 20px; border-bottom:#d4d4d4 1px solid; color:#333; }
	.ResultList li figure { display:flex; align-self:stretch; width:60%; height:300px; margin:0; }
	.ResultList li figure img { width:100%; height:100%; border-radius:0; object-fit:cover; }
	.ResultList li .ResultListText { width:calc(40% - 25px); padding:0; }
	.ResultList li .ResultListText h3 { font-size:18px; font-weight:bolder; text-align:left; }
	.ResultList li .ResultListText h3 small { display:block; color:#23D9A1; font-size:11px; }
	.ResultList li .ResultListText p { display:block; margin:0 0 15px; font-size:14px; }
	.ResultList li .ResultListText p.info { font-size:11px; text-align:left; }
	.ResultList li .ResultListText p.info .date { display:inline-block; margin:0 10px 0 0; font-family:'Roboto', sans-serif; }
	.ResultList li .ResultListText p.info .date .material-icons { color:#7C7C7C; font-size:0.93em; }
	.ResultList li .ResultListText p.info .category { display:inline-block; margin:0 10px 0 0; color:#2B8EE5; }
	.ResultList li .ResultListText p.info .category a { color:#2B8EE5; text-decoration:none; }
	.ResultList li .ResultListText p.info .category .material-icons {  }
	.ResultList li .ResultListText p.tags { display:block; margin:0 0 25px; color:#ADADAD; font-size:11px; text-align:left; }
	.ResultList li .ResultListText p.tags a { color:#ADADAD; text-decoration:none; pointer-events:none; }
	.ResultList li .ResultListText p.tags .material-icons { margin:0 2px 0 0; color:#C9C9C9; }
	.ResultList li .ResultListText .BtnWrap { position:relative; margin:0; text-align:left; }
	.ResultList li .ResultListText .BtnWrap a { display:inline-block; padding:0 30px; border-radius:65px; color: #fff; line-height:36px; font-size:16px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; }
	.ResultList li .ResultListText .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }


	/* .ResultDetail */
	.ResultDetailHead { position:relative; width:100%; margin:0; padding:0 0 70px; font-size:21px; font-weight:bolder; text-align:center; }
	.ResultDetailHead::after { content:''; display:block; position:absolute; left:50%; bottom:40px; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
	.ResultDetailHead h3 { font-size:21px; }
	.ResultDetailPhoto { position:relative; overflow:hidden; width:100%; height:27.5vw; }
	.ResultDetailText { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:40px 0 0; }
	.ResultDetailTextLeft { width:46%; }
	.ResultDetailTextLeft .after { margin:0 0 15px; font-size:16px; font-weight:normal; }
	.ResultDetailTextLeft .after span { position:relative; top:0.1em; left:1em; color:#FF6A6A; line-height:1; font-size:27px; font-weight:bolder; }
	.ResultDetailTextLeft .after b { font-size:42px; }
	.ResultDetailTextLeft .comment { margin:0 0 15px; font-weight:bolder; }
	.ResultDetailTextLeft .info { margin:0 0 15px; font-weight:bolder; }
	.ResultDetailTextLeft p.tags { display:block; margin:0 0 25px; color:#ADADAD; font-size:11px; }
	.ResultDetailTextLeft p.tags a { color:#ADADAD; text-decoration:none; pointer-events:none; }
	.ResultDetailTextLeft p.tags .material-icons { margin:0 2px 0 0; color:#C9C9C9; }
	.ResultDetailTextRight { width:46%; padding:7px 0 0 0; text-align:left; }
	.ResultDetailTextRight h3 { margin:0 0 10px; font-size:16px; font-weight:bolder; }
	.ResultDetailTextRight h3 small { display:inline-block; padding:0 0 0 1em; font-size:12px; font-weight:normal; }
	.ResultDetailTextRight ul { padding:0 0 0 1.6em; font-size:14px; list-style:square; }
	.ResultDetailTextRight ul li { margin:0 0 5px; }

	/* paging */
	.paging { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:100%; margin:40px 0 0; padding:20px 0 0; border-top:#d4d4d4 1px solid; }
	.paging p.prev { width:50%; font-size:13px; }
	.paging p.prev a::before { content:'←'; }
	.paging p.next { width:50%; font-size:13px; text-align:right; }
	.paging p.next a::after { content:'→'; }

	.wp-pagenavi { display:block; width:100%; font-size:13px; text-align:center; }
	.wp-pagenavi::after { content:''; display:table; clear:both; height:0; }
	.wp-pagenavi .pages { display:none; }
	.wp-pagenavi .previouspostslink { float:left; border:0;}
	.wp-pagenavi .nextpostslink { float:right; border:0; }
	.wp-pagenavi .current, .wp-pagenavi .page.larger, .wp-pagenavi .page.smaller { margin:0 0.35em; padding:0; border:0; }
	.wp-pagenavi .current, .wp-pagenavi .page { display:none; }

	.ContentCatch { margin:0 0 60px; color:#0088DB; font-size:32px; font-weight:bolder; }
	.ContentInnerPhoto { position:relative; overflow:hidden; width:100%; height:20.0vw; margin:0 0 30px; }

	/* PrivacyPolicy */
	.PrivacyPolicy {  }
	.PrivacyPolicy h2 { margin:0 0 15px; padding:0 0 0 10px; border-left:#333 2px solid; line-height:1; font-size:20px; }
	.PrivacyPolicy p { margin:0 0 20px; }
	.PrivacyPolicy p + h2 { margin-top:40px; }

	/* page404 */
	.page404 {  }
	.page404 h2 { margin:0 0 1.5em; color:#FF4848; font-size:21px; }
	.page404 h2 + p { margin:0 0 40px; }
	.page404 h2 + p br { display:inline; }
	.page404 .BtnWrap a { display:inline-block; padding:0 30px; border-radius:65px; color: #fff; line-height:36px; font-size:16px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); transition:1.0s; }
	.page404 .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }

	/* product */
	.ProductIntro { width:100%; max-width:860px; margin:0 auto 120px; }
	.ProductIntroInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; }
	.ProductIntroInner h2 { width:calc(100% - 280px); margin:0; font-size:32px; text-align:left; }
	.ProductIntroInner h2 b { display:block; margin:0 0 30px; }
	.ProductIntroInner h2 small { display:block; margin:0 0 5px; font-size:24px; }
	.ProductIntroInner figure { width:240px; margin:0; }
	.ProductIntro .BtnWrap { text-align:center; }
	.ProductIntro .BtnWrap a { display:inline-block; padding:0 60px; border-radius:65px; color: #fff; line-height:65px; font-size:21px; font-weight:normal; text-align:center; text-decoration:none; background:#5AADF5; background:linear-gradient(15deg, #2AE8CB 0%, #5AADF5 100%); box-shadow:0 6px 0 0 rgba(0,0,0,0.1); transition:1.0s; }
	.ProductIntro .BtnWrap a:hover { animation:btn_hover 1.0s ease-in 0.0s 1 alternate forwards running; }
	
	.ProductFunction { width:100%; max-width:1140px; margin:0 auto 120px; }
	.ProductFunction header { margin:0 0 60px; text-align:center; }
	.ProductFunction header h2 { margin:0 0 20px; color:#FF6A6A; font-size:42px; }
	.ProductFunction header p { font-size:18px; font-weight:bolder; }
	.ProductFunction h3 { position:relaltive; margin:0 0 30px; padding:0 0 20px; font-size:27px; text-align:center; }
	.ProductFunction h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
	.ProductFunction h3 br { display:none; }
	.ProductFunction h3 + p { max-width:740px; margin:0 auto 30px; line-height:1.8; }
	.ProductFunction h3 + p small { display:inline-block; float:right; color:#FF6A6A; font-size:12px; }
	.ProductFunctionOption { padding:60px 0 0; }
	.ProductFunctionOption header { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; }
	.ProductFunctionOption header small { display:block; width:100px; height:100px; margin:0 30px 0 0; border:#2AE8CB 4px solid; border-radius:100px; color:#2AE8CB; line-height:95px; font-size:21px; font-weight:bolder; text-align:center; }
	.ProductFunctionOption header h3 { margin:0; padding:0; font-size:18px; text-align:left; }
	.ProductFunctionOption header h3::after { content:none; }
	.ProductFunctionOption header h3 b { display:block; color:#5AADF5; font-size:21px; }
	.ProductFunctionOption header h3 span { display:inline; color:#333; font-size:12px; font-weight:normal; }
	.ProductFunctionOption header h3 span::before { content:''; display:inline-block; position:relative; top:0.1em; width:1em; height:1em; margin:0 0.3em 0 0; background:#019389; }
	.ProductFunctionOption ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:0; list-style:none; }
	.ProductFunctionOption ul li { width:48.5%; margin:0 0 40px; }
	.ProductFunctionOption ul li:last-child { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-end; align-self:stretch; width:48.5%; margin:0 0 25px; padding:0 0 10px; color:#FF6A6A; font-size:21px; font-weight:bolder; text-align:left; }
	.ProductFunctionOption ul li h4 { margin:0 0 15px; padding:0 0 0 10px; border-left:#5AADF5 4px solid; color:#5AADF5; line-height:1; font-size:18px; font-weight:bolder; }
	
	.ProductMerit { width:100%; max-width:1140px; margin:0 auto 120px; }
	.ProductMerit header { margin:0 0 60px; text-align:center; }
	.ProductMerit header h2 { position:relaltive; margin:0 0 30px; padding:0 0 20px; font-size:27px; text-align:center; }
	.ProductMerit header h2::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
	.ProductMerit header + p { max-width:740px; margin:0 auto 30px; line-height:1.8; }
	.ProductMerit header + p strong { display:block; margin:0 0 5px; font-size:18px; }
	.ProductMerit header + p small { display:inline-block; float:right; color:#FF6A6A; font-size:12px; }
	.ProductMerit > ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; max-width:740px; margin:0 auto 120px; padding:0; list-style:none; }
	.ProductMerit > ul li { width:48.5%; margin:0; text-align:center; }
	.ProductMerit > ul li figure { margin:0 0 15px; }
	.ProductMerit > ul li h3 { font-size:14px; font-weight:bolder; }
	.ProductMeritOption { width:100%; max-width:1140px; margin:0 auto 120px; }
	.ProductMeritOption header { margin:0; text-align:center; }
	.ProductMeritOption header h3 { position:relaltive; margin:0 0 40px; padding:0 0 20px; font-size:27px; text-align:center; }
	.ProductMeritOption header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
	.ProductMeritOption > ul { max-width:740px; margin:0 auto; padding:0 0 25px; list-style:none; }
	.ProductMeritOption > ul li { width:100%; margin:0 0 15px; padding:0 0 0 22px; line-height:1.8; text-align:left; background:url('../images/icon_product04.svg') no-repeat 0 0.15em; }
	.ProductMeritOption > figure { margin:0 auto 60px; }
	
	.ProductMeritOthers { width:100%; max-width:1140px; margin:0 auto 120px; }
	.ProductMeritOthers header { margin:0; text-align:center; }
	.ProductMeritOthers header h3 { position:relaltive; margin:0 0 40px; padding:0 0 20px; font-size:27px; text-align:center; }
	.ProductMeritOthers header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
	.ProductMeritOthers ul { max-width:740px; margin:0 auto; padding:0 0 25px; list-style:none; }
	.ProductMeritOthers ul li { width:100%; margin:0 0 10px; padding:0 0 0 22px; line-height:1.8; text-align:left; background:url('../images/icon_product04.svg') no-repeat 0 0.15em; }
	
	.ProductFlow { width:100%; padding:100px 0; background:#FAFBF7; }
	.ProductFlowInner { width:100%; max-width:1140px; margin:0 auto; }
	.ProductFlow header { margin:0; text-align:center; }
	.ProductFlow header h3 { position:relaltive; margin:0 0 40px; padding:0 0 20px; font-size:27px; text-align:center; }
	.ProductFlow header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
	.ProductFlow ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:0; list-style:none; }
	.ProductFlow ul li { display:block; width:18%; margin:0; padding:0; }
	.ProductFlow ul li figure { width:100%; margin:0 0 20px; }
	.ProductFlow ul li .Text { width:100%; text-align:center; }
	.ProductFlow ul li .Text h4 { min-height:calc(1em * 1.5 * 2); margin:0 0 1em; font-size:18px; font-weight:bolder; }
	.ProductFlow ul li .Text h4 br { display:inline; }
	.ProductFlow ul li .Text p { font-size:14px; text-align:left; }
	
	.ProductReport { position:relative; overflow:hidden; width:100%; padding:100px 0; background:#B0CAD5; background:linear-gradient(15deg, #B0CAD5 0%, #C0D5DD 100%); }
	.ProductReport::before { content:''; display:block; position:absolute; top:-65%; right:-45%; width:740px; height:740px; background:rgba(191,235,255,0.3); transform:rotate(45deg); }
	.ProductReport header { width:100%; max-width:1140px; margin:0 auto; text-align:center; }
	.ProductReport header h3 { position:relaltive; margin:0 0 40px; padding:0 0 20px; color:#fff; font-size:27px; text-align:center; }
	.ProductReport header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#fff; transform:translate(-50%,0); }
	.ProductReportInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; width:100%; max-width:980px; margin:0 auto; }
	.ProductReportInner figure { width:535px; margin:0; }
	.ProductReportInner .Text { width:calc(100% - 600px); padding:0 0 18px; color:#fff; }
	.ProductReportInner .Text h4 { margin:0 0 1.0em; font-size:24px; font-weight:bolder; }
	.ProductReportInner .Text p { line-height:2; }
	
	.ProductSpec { position:relative; overflow:hidden; width:100%; padding:100px 0; }
	.ProductSpec header { width:100%; max-width:1140px; margin:0 auto; text-align:center; }
	.ProductSpec header h3 { position:relaltive; margin:0 0 40px; padding:0 0 20px; font-size:27px; text-align:center; }
	.ProductSpec header h3::after { content:''; display:block; position:absolute; left:50%; bottom:0; width:140px; height:2px; background:#2AE8CB; transform:translate(-50%,0); }
	.ProductSpecInner { width:100%; max-width:1140px; margin:0 auto; }
	.ProductSpecInner .Text { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
	.ProductSpecInner dl { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; width:49.0%; }
	.ProductSpecInner dt { width:30%; margin:0; padding:0.75em 0; border-top:#DEDEDE 1px solid; font-size:13px; font-weight:bolder; }
	.ProductSpecInner dt span { padding:0 0 0 1.0em; }
	.ProductSpecInner dd { width:70%; padding:0.75em 0; border-top:#DEDEDE 1px solid; font-size:13px; }
	.ProductSpecInner dt.line1 b { display:inline; margin:0; }
	.ProductSpecInner dt.line2 { padding-top:0; border-top:0; }
	.ProductSpecInner dt.line2 span.em3 { padding-left:3em; }
	.ProductSpecInner dt.line2 span.em6 { padding-left:6.5em; }
	.ProductSpecInner dd.line1 { padding-top:0.75em; }
	.ProductSpecInner dd.line2 { padding-top:0; border-top:0; }
	.ProductSpecInner dd.caption { width:100%; }

	/* .NewsDetail */
	.NewsDetail {  }
	.NewsDetailHead { margin:0 0 40px; }
	.NewsDetailHead h3 { margin:0 0 15px; font-size:27px; }
	.NewsDetailInfo {  }
	.NewsDetailInfo .date { display:inline-block; margin:0 10px 0 0; color:#7C7C7C; font-family:'Roboto', sans-serif; }
	.NewsDetailInfo .date .material-icons { color:#7C7C7C; font-size:0.93em; }
	.NewsDetailInner p { margin:0 0 25px; line-height:1.8; }


	/* .Call */
	.Call { margin:0 0 40px; }
	.Call strong { display:block; margin:0; line-height:1.2; font-size:36px; }
	.Call strong a { color:inherit; text-decoration:none; }
	.ContactForm {  }
	.ContactForm dt { align-items:center; }
	.ContactForm label { display:inline-block; margin:0 2em 0 0; }
	.ContactForm label input[type='radio'] { display:inline-block; position:relative; top:0.0em; width:1.2em; height:1.2em; margin:0 0.6em 0 0; }
	.ContactForm input[type='text'], .ContactForm textarea { display:block; position:relative; width:100%; margin:0; padding:0.5em 10px; border:#d4d4d4 1px solid; border-radius:2px; line-height:1.5; font-size:16px; background:#fcfcfc; transition:1.0s; outline:0; -webkit-appearance:none; appearance:none; }
	.ContactForm input[type='text']:focus, .ContactForm textarea:focus { border:rgba(42,142,229,1) 1px solid; transition:1.0s; }
	.ContactForm textarea { height:14rem; }
	.ContactForm BtnWrap { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; }
	.ContactForm button[type='reset'] { display:inline-block; position:relative; width:180px; margin:0 10px 0 0; border:#999 1px solid; border-radius:4px; color:#999; line-height:36px; font-size:16px; font-weght:normal; background:rgba(255,255,255,1); }
	.ContactForm button[type='submit'] { display:inline-block; position:relative; width:290px; margin:0 10px; border-radius:4px; color:#fff; line-height:56px; font-size:18px; font-weght:bolder; background:rgba(42,142,229,1); }
	.ContactForm button[type='reset']:hover, .ContactForm button[type='submit']:hover { opacity:0.75; }

	/* product */
	.section01 { padding:0 0 100px; text-align:center; }
	.section01 img { width:1140px; height:auto; }
	.section02 { padding:100px 0; text-align:center; background:#FAFBF7; }
	.section02 img { width:1140px; height:auto; }
	.section03 { padding:100px 0; text-align:center; background:#B0CAD5; background:linear-gradient(15deg, #B0CAD5 0%, #C0D5DD 100%); }
	.section03 img { width:980px; height:auto; }
	.section04 { padding:80px 0 40px; text-align:center; }
	.section04 img { width:1140px; height:auto; }
}


/* .Foot */
.Foot { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0; padding:8px 0; }
.Foot .pageTop { display:flex; justify-content:center; align-items:center; position:fixed; right:0; bottom:0; z-index:199; width:50px; height:50px; padding:0 0.75rem; color:rgba(255,255,255,1); line-height:30px; font-size:0.75rem; font-weight:bolder; text-align:center; text-decoration:none; background:rgba(42,232,202,0.9); cursor:pointer; }
.Foot .pageTop .material-icons { position:relative; top:0.02em; left:0.1em; font-size:1.75rem; transform:rotate(90deg); } 
.FootInner { width:calc(50% - 15px); margin:0; padding:0 0 0 15px; }
.FootInner a { color:#333; font-size:10px; text-decoration:none; }
.Copyright { width:calc(50% - 15px); padding:0 15px 0 0; font-family:'Roboto', sans-serif; font-size:9px; text-align:right; }

@media screen and (min-width:729px) {
	.Foot { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0; padding:8px 0; }
	.Foot .pageTop { display:flex; justify-content:center; align-items:center; position:fixed; right:0; bottom:0; z-index:199; width:50px; height:50px; padding:0 0.75rem; color:rgba(255,255,255,1); line-height:30px; font-size:0.75rem; font-weight:bolder; text-align:center; text-decoration:none; background:rgba(42,232,202,0.9); cursor:pointer; }
	.Foot .pageTop .material-icons { position:relative; top:0.02em; left:0.1em; font-size:1.75rem; transform:rotate(90deg); } 
	.FootInner { width:calc(50% - 15px); margin:0; padding:0 0 0 15px; }
	.FootInner a { color:#333; font-size:10px; text-decoration:none; }
	.Copyright { width:calc(50% - 15px); padding:0 15px 0 0; font-family:'Roboto', sans-serif; font-size:9px; text-align:right; }
}