@charset "utf-8";

/** #banner **/
#banner {
	width:100%;
	margin:0 auto;
}
#banner .box {
	position:relative;
	display:flex;
	width:100%;
	max-width:1200px;
	height:100%;
	align-items:center;
	justify-content:space-between;
	box-sizing:border-box;
	padding:20px 0;
	margin:0 auto;
	z-index:1;
}
#banner .box .wd {
	width:49%;
	max-width:755px;
	margin-left:3%;
}
#banner .box .wd h2 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:5.9vw;
	line-height:125%;
	color:#ed1d6e;
	font-weight:bold;
}
#banner .box .wd h2 span {
	color:#000;
}
#banner .box .wd p {
	font-size:3.3vw;
	line-height:125%;
	color:#000;
	font-weight:bold;
	margin-top:10px;
}
#banner .box .pic {
	position:relative;
	display:flex;
	width:36%;
	align-items:center;
	margin-right:10%;
	z-index:1;
}
#banner .box .pic img {
	max-width:100%;
	height:auto;
	filter:drop-shadow(10px 10px 10px rgba(0,0,0,.15));
}
#banner .box .pic .p1 {
	width:100%;
	-webkit-animation:updown 3s linear infinite;
	        animation:updown 3s linear infinite;
}
#banner .box .pic .p2 {
	position:absolute;
	left:12px;
	bottom:5px;
	width:24.5%;
	z-index:-1;
	-webkit-animation:downup 3s linear infinite;
	        animation:downup 3s linear infinite;
}
#banner .box .pic .p3 {
	position:absolute;
	right:-1vw;
	top:5vw;
	width:24.5%;
	z-index:-1;
	-webkit-animation:downup 3s linear infinite;
	        animation:downup 3s linear infinite;
}
#banner .box .pic.stop .p1,
#banner .box .pic.stop .p2,
#banner .box .pic.stop .p3 {
	-webkit-animation:downup 0s linear infinite;
	        animation:downup 0s linear infinite;
}
#banner .box .pic .ball {
	position:absolute;
	display:block;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	background:rgb(255,127,127); /** Old browsers **/
	background:-moz-linear-gradient(-45deg,  rgba(255,127,127,1) 0%, rgba(217,0,83,1) 100%); /** FF3.6-15 **/
	background:-webkit-linear-gradient(-45deg,  rgba(255,127,127,1) 0%,rgba(217,0,83,1) 100%); /** Chrome10-25,Safari5.1-6 **/
	background:linear-gradient(135deg,  rgba(255,127,127,1) 0%,rgba(217,0,83,1) 100%); /** W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ **/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f7f', endColorstr='#d90053',GradientType=1 ); /** IE6-9 fallback on horizontal gradient **/
}
#banner .box .pic .b1 {
	position:absolute;
	left:50%;
	top:50%;
	width:90%;
	height:0;
	padding-bottom:90%;
	margin:-45% 0 0 -45%;
	z-index:-2;
}
#banner .box .pic .b2 {
	position:absolute;
	left:-6.8%;
	top:10%;
	width:11.3%;
	height:0;
	padding-bottom:11.3%;
	z-index:-2;
}
#banner .box .pic .b3 {
	position:absolute;
	right:-25%;
	top:53%;
	width:20%;
	height:0;
	padding-bottom:20%;
	z-index:-2;
}
#banner .scroll {
	position:absolute;
	display:block;
	bottom:-40px;
	left:50%;    
	width:25px;
	height:40px;
	margin-left:-12.5px;
	border:1px solid rgba(0,0,0,.5);
	box-sizing:border-box;
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-animation:scroll 2s infinite;
	        animation:scroll 2s infinite;
	z-index:3;
}
#banner .scroll:after {
	content:'';
	display:block;
	position:absolute;
	left:50%;
	bottom:20px;
	width:4px;
	height:12px;
	margin-left:-2px;
	background:rgba(0,0,0,.5);
	-webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	z-index:3;
} 
@keyframes scroll{
	0% { transform:translate(0,0px);}
   50% { transform:translate(0,-20px);}
  100% { transform:translate(0,0px)}
}
@-webkit-keyframes scroll{
	0% { transform:translate(0,0px);}
   50% { transform:translate(0,-20px);}
  100% { transform:translate(0,0px)}
}
@keyframes updown {
	0% { margin-top:0; }
	50% { margin-top:-20px; }
	100% { margin-top:0; }
}
@-webkit-keyframes updown {
	0% { margin-top:0; }
	50% { margin-top:-20px; }
	100% { margin-top:0; }
}
@keyframes downup {
	0% { margin-bottom:0; }
	50% { margin-bottom:-20px; }
	100% { margin-bottom:0; }
}
@-webkit-keyframes downup {
	0% { margin-bottom:0; }
	50% { margin-bottom:-20px; }
	100% { margin-bottom:0; }
}
@media screen and (max-width:990px) {
	#banner {
		position:relative;
		height:0;
		padding-bottom:50%
	}
	#banner .box {
		position:absolute;
		left:0;
		top:0;
	}
}
@media screen and (max-width:640px) {
	#banner {
		padding-bottom:calc(100% + 80px);
	}
	#banner .box {
		padding:40px 0 80px 0;
		flex-direction:column;
		justify-content:space-evenly;
	}
	#banner .box .wd {
		width:90%;
		margin:0 5%;
	}
	#banner .box .wd h2 {
		font-size:9.9vw;
	}
	#banner .box .wd p {
		font-size:5.1vw;
	}
	#banner .box .pic {
		width:60%;
		margin:10px auto 0 auto;
	}
	#banner .scroll {
		bottom:0;
	}
}
@media screen and (max-width:480px) {
	#banner .box .wd h2 {
		font-size:4.1em;
	}
	#banner .box .wd p {
		font-size:2.1em;
	}
}
@media screen and (min-width:991px) {
	#banner {
		height:calc(100vh - 55px);
		max-height:600px;
	}
	#banner .box {
		padding:0;
	}
	#banner .box .wd {
		width:500px;
		margin-left:5%;
	}
	#banner .box .pic {
		width:calc(85% - 500px);
		margin-right:10%;
	}
	#banner .box .wd h2 {
		font-size:5.9em;
	}
	#banner .box .wd p {
		font-size:3.1em;
	}
	#banner .scroll {
		bottom:20px;
	}
}
@media screen and (min-width:1200px) {
	#banner {
		max-height:800px;
	}
	#banner .box .wd {
		width:580px;
		margin-left:3%;
	}
	#banner .box .pic {
		width:calc(85% - 580px);
		margin-right:10%;
	}
	#banner .box .wd h2 {
		font-size:7em;
	}
	#banner .box .wd p {
		font-size:3.6em;
	}
}
@media screen and (min-width:1440px) {
	#banner {
		min-height:600px;
		max-height:1200px;
	}
	#banner .box .wd {
		width:calc(100% - 440px);
		margin:0;
	}
	#banner .box .wd h2 {
		font-size:8.5em;
	}
	#banner .box .wd p {
		font-size:4.1em;
	}
	#banner .box .pic {
		position:relative;
		display:flex;
		width:440px;
		align-items:center;
		margin:-40px 0 0 0;
		z-index:1;
	}
	#banner .box .pic .p1 {
		width:440px;
	}
	#banner .box .pic .p2 {
		left:12px;
		bottom:5px;
		width:108px;
	}
	#banner .box .pic .p3 {
		right:5px;
		top:45px;
		width:108px;
	}
	#banner .box .pic .b1 {
		position:absolute;
		left:50%;
		top:50%;
		width:400px;
		padding-bottom:400px;
		margin:-150px 0 0 -190px;
	}
	#banner .box .pic .b2 {
		position:absolute;
		left:-30px;
		top:45px;
		width:50px;
		padding-bottom:50px;
	}
	#banner .box .pic .b3 {
		position:absolute;
		right:-140px;
		top:235px;
		width:100px;
		padding-bottom:100px;
	}
}


/** content **/
.content {
	position:relative;
	width:100%;
	text-align:center;
	margin:0 auto;
	z-index:1;
}
.boxHead h2 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:4.5vw;
	line-height:125%;
	color:#ed1d6e;
	font-weight:bold;
	text-align:left;
	margin:0 auto;
}
.boxHead h3 {
	font-size:4.5vw;
	line-height:125%;
	color:#000;
	font-weight:bold;
	text-align:left;
	margin:0 auto;
}
@media screen and (max-width:640px) {
	.boxHead h2 {
		font-size:6.7vw;
	}
	.boxHead h3 {
		font-size:6.7vw;
	}
}
@media screen and (max-width:480px) {
	.boxHead h2 {
		font-size:3.1em;
	}
	.boxHead h2 {
		font-size:3.1em;
	}
}
@media screen and (min-width:991px) {
	.boxHead h2 {
		font-size:5.1em;
	}
	.boxHead h3 {
		font-size:5.1em;
	}
}
@media screen and (min-width:1200px) {
	.boxHead h2 {
		font-size:6.1em;
	}
	.boxHead h3 {
		font-size:6.1em;
	}
}


/** aboutSection **/
#aboutSection {
	width:100%;
	padding:60px 0;
	margin:60px auto 0 auto;
	overflow:hidden;
}
#aboutSection .box {
	position:relative;
	width:100%;
	margin:0 auto;
}
#aboutSection h2 {
	font-size:4.5vw;
	line-height:125%;
}
#aboutSection.on h2 {
	color:#FFF;
}
#aboutSection ol {
	margin-left:2em;
}
#aboutSection p,
#aboutSection li {
	font-size:2.3vw;
	line-height:165%;
}
#aboutSection h2 + p,
#aboutSection p + p {
	margin-top:10px;
}
#aboutSection p strong {
	font-size:2.5vw;
}
#aboutSection .box .wd {
	position:relative;
	display:block;
	width:100%;
	padding:25px calc(23% + 20px) 25px 30px;
	background:#FFF;
	box-sizing:border-box;
	margin:20px auto 0 auto;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
}
#aboutSection h2 + .wd {
	margin-top:35px;
}
#aboutSection .box .logo {
	position:absolute;
	bottom:25px;
	right:10px;
	width:23%;
	z-index:1;
}
#aboutSection .box .logo img {
	max-width:100%;
	filter:drop-shadow(10px 10px 10px rgba(0,0,0,.15));
}
#aboutSection .box2 {
	position:relative;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin:120px auto 0 auto;
}
#aboutSection .box2 .pic {
	display:inline-block;
	width:35%;
	text-align:center;
}
#aboutSection .box2 .pic img {
	max-width:100%;
	filter:drop-shadow(10px 10px 10px rgba(0,0,0,.15));
}
#aboutSection .box2:last-child .pic img {
	max-width:59%;
}
#aboutSection .box2 .wd {
	width:calc(65% - 30px);
	color:#FFF;
	margin-left:30px;
}
#aboutSection .box2 .wdbox {
	position:relative;
	display:block;
	width:100%;
	padding:25px 30px;
	background:rgba(217,0,83,.75);
	box-sizing:border-box;
	margin:10px auto 0 auto;
	-webkit-box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
	   -moz-box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
	        box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
}
@media screen and (max-width:640px) {
	#aboutSection {
		padding:20px 0;
		margin:20px auto 0 auto;
	}
	#aboutSection h2 {
		font-size:6.7vw;
	}
	#aboutSection p,
	#aboutSection li {
		font-size:3.1vw;
	}
	#aboutSection p strong {
		font-size:3.3vw;
	}
	#aboutSection .box .wd {
		display:flex;
		padding:25px;
		flex-wrap:wrap;
		flex-direction:row-reverse;
		align-items:center;
		justify-content:space-between;
	}
	#aboutSection .box .wdbox {
		width:calc(65% - 20px);
	}
	#aboutSection .box .logo {
		position:relative;
		right:0;
		bottom:0;
		width:35%;
	}
	#aboutSection h2 + p {
		margin-top:5px;
	}
	#aboutSection .box2 {
		margin-top:60px;
	}
	#aboutSection .box2 .pic {
		width:100%;
	}
	#aboutSection .box2 .pic img {
		max-width:80%;
	}
	#aboutSection .box2:last-child .pic img {
		max-width:47%;
	}
	#aboutSection .box2 .wd {
		width:100%;
		margin:10px 0 0 0;
	}
}
@media screen and (max-width:480px) {
	#aboutSection h2 {
		font-size:3.1em;
	}
	#aboutSection p {
		font-size:1.5em;
	}
	#aboutSection p strong {
		font-size:1.1em;
	}
	#aboutSection .box .wd {
		padding:20px;
		flex-direction:column-reverse;
	}
	#aboutSection .box .wdbox {
		width:100%;
		margin-top:10px;
	}
	#aboutSection .box .logo {
		width:100%;
		text-align:center;
	}
	#aboutSection .box .logo img {
		max-width:40%;
	}
	#aboutSection .box2 .wdbox {
		padding:20px;
	}
}
@media screen and (min-width:991px) {
	#aboutSection h2 {
		font-size:5.1em;
	}
	#aboutSection p,
	#aboutSection li {
		font-size:2.1em;
	}
	#aboutSection p strong {
		font-size:1.2em;
	}
	#aboutSection .box .wd {
		padding:45px 280px 45px 45px;
		margin-top:35px;
		-webkit-border-radius:40px;
		   -moz-border-radius:40px;
				border-radius:40px;
	}
	#aboutSection h2 + .wd {
		margin-top:45px;
	}
	#aboutSection .box .logo {
		right:5px;
		bottom:30px;
		width:240px;
	}
	#aboutSection .box2 .pic {
		width:33%;
	}
	#aboutSection .box2 .wd {
		width:calc(67% - 30px);
	}
	#aboutSection .box2 .wdbox {
		margin-top:20px;
		padding:30px 35px;
		-webkit-border-radius:25px;
		   -moz-border-radius:25px;
				border-radius:25px;
	}
}
@media screen and (min-width:1200px) {
	#aboutSection {
		padding:80px 0;
		margin:80px auto 0 auto; 
	}
	#aboutSection h2 {
		font-size:5.5em;
	}
	#aboutSection p + p {
		margin-top:25px;
	}
	#aboutSection .box .wd {
		padding:60px 280px 60px 45px;
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				border-radius:50px;
	}
	#aboutSection h2 + .wd {
		margin-top:55px;
	}
	#aboutSection .box .logo {
		bottom:-20px;
	}
	#aboutSection .box2 {
		margin-top:150px;
	}
	#aboutSection .box2:last-child .pic img {
		max-width:100%;
	}
	#aboutSection .box2 .wd {
		width:calc(65% - 30px);
	}
}
@media screen and (min-width:1440px) {
	#aboutSection {
		padding:100px 0;
		margin:100px auto 0 auto;
	}
	#aboutSection h2 {
		font-size:6.1em;
	}
	#aboutSection .box .wd {
		min-height:320px;
	}
	#aboutSection .box .logo {
		bottom:-40px;
	}
	#aboutSection .box2 .pic {
		width:460px;
	}
	#aboutSection .box2 .wd {
		width:calc(100% - 500px);
		margin-left:40px;
	}
}



/** certifiedSection **/
#certifiedSection {
	width:100%;
	padding-top:120px;
	padding-bottom:1px;
	margin:0 auto;
}
#certifiedSection.on h2 {
	color:#FFF;
}
@media screen and (max-width:640px) {
	#certifiedSection {
		padding:60px 0 40px 0;
	}
}
@media screen and (min-width:1200px) {
	#certifiedSection {
		padding-top:160px;
	}
}
@media screen and (min-width:1440px) {
	#certifiedSection {
		padding-top:200px;
	}
}



/** processVisual --------------- **/
.processVisual {
	position:relative;
	width:100%;
	margin:0 auto;
	z-index:1;
}
#certifiedSection.on .processVisual {
	color:#FFF;
}
.processVisual .processBox {
	position:relative;
	width:100%;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	box-sizing:border-box;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.processVisual .processBox .photo {
	position:relative;
	width:47%;
	height:500px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.processVisual .processBox.is-scroll .photo {
	position:sticky;
	top:0;
	left:0;
}
.processVisual .processBox .photo img {
	max-width:100%;
	max-height:100%;
}
.processVisual .processBox .photo .ph {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#f2efef;
}
.processVisual .processBox .photo .processPhoto {
	display:block;
	background:none;
}
.processVisual .processBox .photo .ph .box {
	display:flex;
	width:100%;
	height:100%;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	padding:20px 0;
	box-sizing:border-box;
}
.processVisual .processBox .info {
	width:calc(53% - 30px);
}
.processVisual .processBox .info .box {
	padding:20px 0;
}
.processVisual .processBox .info .box .wd {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	flex-direction:column;
}
.processVisual .processBox .info .box .wd + .wd {
	margin-top:40px;
}
.processVisual .processBox .info h3 {
	position:relative;
	display:flex;
	min-height:70px;
	font-size:4.5vw;
	line-height:125%;
    align-items:center;
	padding-left:85px;
}
.processVisual .processBox .info .p1-1 h3 { color:#f55200; }
.processVisual .processBox .info .p1-2 h3 { color:#6c9518; }
.processVisual .processBox .info .p1-3 h3,
.processVisual .processBox .info .p1-4 h3,
.processVisual .processBox .info .p1-5 h3 { color:#1c9c71; }
.processVisual .processBox .info h3 span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:70px;
	height:70px;
	text-indent:-999px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
	overflow:hidden;
	z-index:1;
}
.processVisual .processBox .info .p1-1 h3 span { background-image:url(../../images/jp/process_point1.png) }
.processVisual .processBox .info .p1-2 h3 span { background-image:url(../../images/jp/process_point2.png) }
.processVisual .processBox .info .p1-3 h3 span { background-image:url(../../images/jp/process_point3.png) }
.processVisual .processBox .info .p1-4 h3 span { background-image:url(../../images/jp/process_point4.png) }
.processVisual .processBox .info .p1-5 h3 span { background-image:url(../../images/jp/process_point5.png) }
.processVisual .processBox .info ol,
.processVisual .processBox .info ul {
	margin-left:2em;
}
.processVisual .processBox .info p,
.processVisual .processBox .info li {
	font-size:2.3vw;
	line-height:165%;
}
.processVisual .processBox .info p.note {
	color:#6a3906;
}
.processVisual .processBox .info p strong {
	font-size:2.5vw;
}
.processVisual .processBox .info .p1 p strong {
	font-weight:normal;
}
.processVisual .processBox .info h3 + p,
.processVisual .processBox .info h3 + ol,
.processVisual .processBox .info p + p,
.processVisual .processBox .info li + li {
	margin-top:10px;
}
.processVisual .processBox .info .wdbox {
	position:relative;
	display:block;
	width:100%;
	padding:25px 30px;
	background:#FFF;
	box-sizing:border-box;
	margin:10px auto;
	-webkit-box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
	   -moz-box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
	        box-shadow:inset 0 0 15px rgba(0,0,0,0.3);
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
}
.processVisual .processBox .info .wdbox p {
	padding-bottom:5px;
	border-bottom:2px dotted #000;
	margin-bottom:10px;
}
.processVisual .processBox .info .wdbox ul {
	list-style:none;
	margin-left:0;
}
.processVisual .processBox .info .wdbox ul li {
	position:relative;
	padding-left:4.5vw;
}
.processVisual .processBox .info .wdbox ul li:before {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:3.5vw;
	height:3.5vw;
	background:url(../../images/jp/icon-check.svg) no-repeat 50% 50%;
	background-size:cover;
	z-index:1;
}
.processVisual .processBox .info .pic {
	display:inline-block;
	width:100%;
	text-align:center;
	margin-top:10px;
}
.processVisual .processBox .info .pic img {
	max-width:100%;
}
.processVisual .processBox .info .p1-1 .pic img {
	max-width:60%;
}
.processVisual .processBox .info .p1-2 .pic img {
	max-width:56%;
}
.processVisual .processBox .info .p1-5 .pic img {
	max-width:60%;
}
@media screen and (max-width:640px) {
	.processVisual {
		margin-top:20px;
	}
	.processVisual .processBox {
		flex-direction:column;
	}
	.processVisual .processBox .photo {
		position:relative;
		width:100%;
		height:inherit;
		text-align:center;
	}
	.processVisual .processBox.is-scroll .photo {
		position:relative;
		top:0;
		left:0;
	}
	.processVisual .processBox .photo img {
		max-width:80%;
	}
	.processVisual .processBox .photo .ph {
		display:none !important;
		background:none;
	}
	.processVisual .processBox .photo .processPhoto {
		position:relative;
		display:block !important;
	}
	.processVisual .processBox .photo .ph .box {
		padding:0;
	}
	.processVisual .processBox .info {
		width:100%;
		margin-top:20px;
	}
	.processVisual .processBox .info .box {
		padding:0;
	}
	.processVisual .processBox .info .box .wd {
		min-height:inherit;
	}
	.processVisual .processBox .info h3 {
		min-height:13vw;
		font-size:6.5vw;
		padding-left:15vw;
	}
	.processVisual .processBox .info h3 span {
		width:13vw;
		height:13vw;
	}
	.processVisual .processBox .info p,
	.processVisual .processBox .info li {
		font-size:3.1vw;
	}
	.processVisual .processBox .info p strong {
		font-size:3.3vw;
	}
	.processVisual .processBox .info .wdbox ul li {
		padding-left:6.5vw;
	}
	.processVisual .processBox .info .wdbox ul li:before {
		width:5vw;
		height:5vw;
	}
}
@media screen and (max-width:480px) {
	.processVisual .processBox .photo img {
		max-width:100%;
	}
	.processVisual .processBox .info h3 {
		min-height:63px;
		font-size:2.7em;
		padding-left:70px;
	}
	.processVisual .processBox .info h3 span {
		width:60px;
		height:60px;
	}
	.processVisual .processBox .info p,
	.processVisual .processBox .info li {
		font-size:1.5em;
	}
	.processVisual .processBox .info p strong {
		font-size:1.1em;
	}
	.processVisual .processBox .info .wdbox ul li {
		padding-left:30px;
	}
	.processVisual .processBox .info .wdbox ul li:before {
		top:1px;
		width:23px;
		height:23px;
	}
}
@media screen and (min-width:991px) {
	.processVisual .processBox .photo {
		width:47%;
		height:100vh;
	}
	.processVisual .processBox .photo .ph .box {
		padding:40px 0;
	}
	.processVisual .processBox .info {
		width:calc(53% - 30px);
	}
	.processVisual .processBox .info .box {
		padding:40px 0;
	}
	.processVisual .processBox .info .box .wd {
		min-height:600px;
	}
	.processVisual .processBox .info .box .wd + .wd {
		margin-top:80px;
	}
	.processVisual .processBox .info h3 {
		min-height:80px;
		font-size:3.3em;
		padding-left:95px;
	}
	.processVisual .processBox .info h3 span {
		width:80px;
		height:80px;
	}
	.processVisual .processBox .info p,
	.processVisual .processBox .info li {
		font-size:2.1em;
	}
	.processVisual .processBox .info p strong {
		font-size:1.1em;
	}
	.processVisual .processBox .info .wdbox p {
		margin-bottom:20px;
	}
	.processVisual .processBox .info .wdbox ul li {
		padding-left:45px;
	}
	.processVisual .processBox .info .wdbox ul li:before {
		top:-1px;
		width:35px;
		height:35px;
	}
	.processVisual .processBox .info .pic {
		margin-top:20px;
	}
	.processVisual .processBox .info .pic img {
		max-width:100% !important;
	}
}
@media screen and (min-width:1200px) {
	.processVisual .processBox .info h3 {
		min-height:90px;
		font-size:3.9em;
		padding-left:105px;
	}
	.processVisual .processBox .info h3 span {
		width:90px;
		height:90px;
	}
	.processVisual .processBox .info h3 + p,
	.processVisual .processBox .info h3 + ol,
	.processVisual .processBox .info p + p,
	.processVisual .processBox .info li + li {
		margin-top:20px;
	}
	.processVisual .processBox .info .wdbox {
		padding:30px 40px;
		margin:20px auto;
		-webkit-border-radius:25px;
		   -moz-border-radius:25px;
				border-radius:25px;
	}
	.processVisual .processBox .info .wdbox ul li {
		padding-left:50px;
	}
	.processVisual .processBox .info .wdbox ul li:before {
		top:-2px;
		width:39px;
		height:39px;
	}
	.processVisual .processBox .info .box .wd {
		min-height:620px;
	}
}
@media screen and (min-width:1440px) {
	.processVisual .processBox .photo {
		width:570px;
	}
	.processVisual .processBox .photo .ph .box {
		padding:60px 0;
	}
	.processVisual .processBox .info {
		width:550px;
	}
	.processVisual .processBox .info .box {
		padding:60px 0;
	}
	.processVisual .processBox .info .box .wd {
		min-height:700px;
	}
	.processVisual .processBox .info .box .wd + .wd {
		margin-top:120px;
	}
}



/** licenseSection **/
#licenseSection {
	position:relative;
	width:100%;
	padding-bottom:30px;
	margin:0 auto;
	overflow:hidden;
}
#licenseSection:before {
	position:absolute;
	content:"";
	display:block; 
	left:0;
	top:0;
	width:100%;
	height:calc(100% - 30px);
	z-index:0;
	background:rgb(255,127,127); /* Old browsers */
	background:-moz-linear-gradient(-45deg,  rgba(255,127,127,1) 0%, rgba(217,0,83,1) 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(-45deg,  rgba(255,127,127,1) 0%,rgba(217,0,83,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(135deg,  rgba(255,127,127,1) 0%,rgba(217,0,83,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f7f', endColorstr='#d90053',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background-size:200% 200%;
	background-position:0 0;
	-webkit-animation:bg-animation 3s infinite linear alternate;
		    animation:bg-animation 3s infinite linear alternate;
}
@keyframes bg-animation {
	0% {
		background-position:0 0;
	}
	100%{
		background-position:100% 0;
	}
}
#licenseSection .box {
	position:relative;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	margin:0 auto;
	z-index:2;
}
#licenseSection .box .boy {
	position:relative;
	display:inline-block;
	width:35%;
	margin-top:40px;
}
#licenseSection .box .boy .body {
	display:inline-block;
	width:100%;
	height:0;
	padding-bottom:140%;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
}
#licenseSection .box .boy .hand {
	position:absolute;
	left:0;
	bottom:-4.5%;
	display:block;
	width:100%;
	height:0;
	padding-bottom:64%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-animation:swing 3s linear infinite;
			animation:swing 3s linear infinite;
} 
#licenseSection .box .boy .hand.stop {
	-webkit-animation:swing 0s linear infinite;
			animation:swing 0s linear infinite;
}
#licenseSection .box .wd {
	position:relative;
	display:inline-block;
	width:calc(65% - 40px);
	padding:25px 30px;
	background:#FFF;
	box-sizing:border-box;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
}
#licenseSection .box .wd h2 {
	font-size:2.9vw;
	line-height:125%;
}
#licenseSection .box .wd p {
	font-size:1.7vw;
	line-height:165%;
	margin-top:10px;
}
@-webkit-keyframes rotation {
	0% {
		transform:translate(-100%,0) rotate(0);
	}  
	to {
		transform:translate(0,0) rotate(360deg);
	}
}  
@keyframes rotation {
	0% {
		transform:translate(-100%,0) rotate(0);
	}  
	to {
		transform:translate(0,0) rotate(360deg);
	}
}
@-webkit-keyframes swing {
	0%{transform:translate(0,0px) rotate(0deg);}
	25%{transform:translate(0,0px) rotate(3deg);}
	75%{transform:translate(0,0px) rotate(-3deg);}
	100%{transform:translate(0,0px) rotate(0deg);}
}
@keyframes swing {
	0%{transform:translate(0,0px) rotate(0deg);}
	25%{transform:translate(0,0px) rotate(3deg);}
	75%{transform:translate(0,0px) rotate(-3deg);}
	100%{transform:translate(0,0px) rotate(0deg);}
}
@media screen and (max-width:640px) {
	#licenseSection {
		padding:40px 0;
	}
	#licenseSection:before {
		height:100%;
	}
	#licenseSection .box .boy {
		width:50%;
		margin:0 auto;
		z-index:1;
	}
	#licenseSection .box .wd {
		width:100%;
		padding:25px;
	}
	#licenseSection .box .wd h2 {
		font-size:4.5vw;
	}
	#licenseSection .box .wd p {
		font-size:3.3vw;
	}
}
@media screen and (max-width:480px) {
	#licenseSection .box .wd h2 {
		font-size:2.5em;
	}
	#licenseSection .box .wd p {
		font-size:1.7em;
	}
}
@media screen and (min-width:991px) {
	#licenseSection .box .boy {
		width:30%;
		margin-top:60px;
		margin-left:30px;
	}
	#licenseSection .box .wd {
		width:calc(70% - 80px);
		padding:40px 45px;
		-webkit-border-radius:40px;
		   -moz-border-radius:40px;
				border-radius:40px;
	}
}
@media screen and (min-width:1200px) {
	#licenseSection .box .boy {
		margin-top:80px;
		margin-left:35px;
	}
	#licenseSection .box .wd {
		width:calc(100% - 480px);
		padding:50px 55px;
		-webkit-border-radius:50px;
		   -moz-border-radius:50px;
				border-radius:50px;
	}
	#licenseSection .box .wd h2 {
		font-size:3.9em;
	}
	#licenseSection .box .wd p {
		font-size:2.1em;
		margin-top:20px;
	}
}


/** text_slider_wrap --------------- **/
.text_slider_wrap {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:calc(100% - 30px);
	overflow:hidden;
}
.text_slider_wrap ul {
	display:flex;
	width:100%;
	list-style:none;
	align-items:center;
	-webkit-animation:loop-slide 45s infinite linear;
			animation:loop-slide 45s infinite linear;
}
.text_slider_wrap ul:nth-child(2n) {
	-webkit-animation:loop-slide-r 45s infinite linear;
			animation:loop-slide-r 45s infinite linear;
}
.text_slider_wrap.stop ul {
	-webkit-animation:loop-slide 0s infinite linear;
			animation:loop-slide 0s infinite linear;
}
.text_slider_wrap.stop ul:nth-child(2n) {
	-webkit-animation:loop-slide-r 0s infinite linear;
			animation:loop-slide-r 0s infinite linear;
}
.text_slider_wrap ul li {
	display:inline;
}
.text_slider_wrap ul li img {
	width:auto;
	height:60px;
	pointer-events:none;
}
.text_slider_wrap ul:nth-child(2n) li img {
	height:120px;
	opacity:.7;
	pointer-events:none;
}
@-webkit-keyframes loop-slide {
	0% {
		transform:rotate(0)
	}  
	to {
		transform:rotate(360deg)
	}
}  
@keyframes loop-slide {
	0% {
	  transform:translateX(0);
	}
	to {
	  transform:translateX(-100%);
	}
}
@-webkit-keyframes loop-slide-r {
	0% {
	  transform:translateX(-100%);
	}
	to {
	  transform:translateX(0);
	}
}
@keyframes loop-slide-r {
	0% {
	  transform:translateX(-100%);
	}
	to {
	  transform:translateX(0);
	}
}
@media screen and (max-width:640px) {
	.text_slider_wrap {
		height:100%;
	}
}


/** industrySection **/
#industrySection {
	width:100%;
	padding:60px 0;
	margin:0 auto;
}
@media screen and (max-width:640px) {
	#industrySection {
		padding:40px 0;
	}
}
@media screen and (min-width:991px) {
	#industrySection {
		padding:80px 0;
	}
}
@media screen and (min-width:1200px) {
	#industrySection {
		padding:100px 0;
	}
}


/** industry-list --------------- **/
.industry-list {
	width:100%;
	margin:40px auto 0 auto;
}
.industry-list ul {
    display:flex;
    list-style:none;
    flex-direction:row;
    align-items:stretch;
    align-content:stretch;
    flex-wrap:wrap;
    letter-spacing:-9px;
    margin:-20px -10px;
}
.industry-list ul li {
	display:inline-block;
	width:25%;
	text-align:center;
	letter-spacing:0;
	vertical-align:top;
	padding:20px 10px;
	box-sizing:border-box;
}
.industry-list ul li a {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
}
.industry-list ul li .pic {
	position:relative;
	display:inline-block;
	width:80%;
	height:0;
	padding-bottom:80%;
	overflow:hidden;
	margin:0 auto;
	background:#FFF;
	margin:0 auto;
	-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.15);
	   -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.15);
			box-shadow:5px 5px 10px rgba(0,0,0,0.15);
	-webkit-border-radius:150px;
	   -moz-border-radius:150px;
			border-radius:150px;
}
.industry-list ul li .pic span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-border-radius:150px;
	   -moz-border-radius:150px;
			border-radius:150px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
.industry-list ul li a:hover .pic span,
.industry-list ul li a:focus .pic span {
	-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
			transform:rotate(360deg);
}
.industry-list ul li p {
	display:flex;
	min-height:3.8vw;
	color:#000;
	font-size:1.9vw;
	font-weight:normal;
	justify-content:center;
    align-items:center;
	margin-top:15px;
}
.industry-list ul li a:hover p,
.industry-list ul li a:focus p {
	color:#E3007F;
}
@media screen and (max-width:640px) {
	.industry-list {
		margin-top:30px;
	}
	.industry-list ul {
		margin:-15px -5px;
	}
	.industry-list ul li {
		width:33.3333%;
		padding:15px 5px;
	}
	.industry-list ul li p {
		min-height:7.4vw;
		font-size:3.7vw;
		margin-top:10px;
	}
}
@media screen and (max-width:480px) {
	.industry-list {
		margin-top:20px;
	}
	.industry-list ul {
		margin:-10px -5px;
	}
	.industry-list ul li {
		width:50%;
		padding:10px 5px;
	}
	.industry-list ul li p {
		min-height:38px;
		font-size:1.9em;
	}
}
@media screen and (min-width:991px) {
	.industry-list ul li {
		width:16.666%;
	}
	.industry-list ul li .pic {
		width:90%;
		padding-bottom:90%;
	}
	.industry-list ul li p {
		min-height:38px;
		font-size:1.9em;
	}
}
@media screen and (min-width:1200px) {
	.industry-list {
		margin-top:50px;
	}
	.industry-list ul {
		margin:-25px -15px;
	}
	.industry-list ul li {
		padding:25px 15px;
	}
	.industry-list ul li .pic {
		width:170px;
		padding-bottom:170px;
	}
	.industry-list ul li p {
		min-height:42px;
		font-size:2.1em;
	}
}


/** color_bg ------------------------------------------------- **/
.color_bg {
	position:relative;
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
}
.color_bg:before {
	position:absolute;
	content:"";
	display:block; 
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	background:rgb(255,127,127); /** Old browsers **/
	background:-moz-linear-gradient(-45deg,  rgba(255,127,127,1) 0%, rgba(217,0,83,1) 100%); /** FF3.6-15 **/
	background:-webkit-linear-gradient(-45deg,  rgba(255,127,127,1) 0%,rgba(217,0,83,1) 100%); /** Chrome10-25,Safari5.1-6 **/
	background:linear-gradient(135deg,  rgba(255,127,127,1) 0%,rgba(217,0,83,1) 100%); /** W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ **/
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f7f', endColorstr='#d90053',GradientType=1 ); /** IE6-9 fallback on horizontal gradient **/
	background-size:200% 200%;
	background-position:0 0;
	-webkit-animation:bg-animation 3s infinite linear alternate;
		    animation:bg-animation 3s infinite linear alternate;
}
.color_bg:after {
	position:absolute;
	content:"";
	display:block; 
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	background:url(../../images/jp/bg_soft06.png) no-repeat 0 bottom;
	background-attachment:fixed;
}


/** image_control --------------- **/
.image_control {
	position:absolute;
	letter-spacing:-9px;
	z-index:10;
}
#banner .box .image_control {
	right:10px;
	bottom:10%;
}
#licenseSection .box .image_control {
	right:0;
	bottom:20px;
}
.image_control .button {
	position:relative;
	display:inline-block;
	width:45px;
	height:45px;
	padding:0;
	border:none;
	cursor:pointer;
	letter-spacing:0;
	background:rgba(0,0,0,.5);
	box-sizing:border-box;
	vertical-align:top;
	margin:0 5px;
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.image_control .button:hover,
.image_control .button:focus {
	background:#A40000;
}
.image_control .btn-next {
	margin:0 0 0 10px;
}
.image_control .btn-play {
	display:none;
}
.image_control .btn-play span:before {
	position:absolute;
	content:"";
    display:block;
	top:50%;
	left:50%;
    width:0;
	height:0;
	border-style:solid;
	border-width:6px 0 6px 9px;
	border-color:transparent transparent transparent #fff;
	box-sizing:border-box;
	margin:-6px 0 0 -3px; 
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.image_control .btn-stop span:before,
.image_control .btn-stop span:after {
	position:absolute;
	content:"";
    display:block; 
	top:50%;  
	left:50%;
    width:3px;
    height:14px;
	background:#fff;
	margin:-7px 0 0 0;   
    z-index:2;
	-webkit-transition:all 0.5s ease;
	   -moz-transition:all 0.5s ease;
	     -o-transition:all 0.5s ease;
	        transition:all 0.5s ease;
}
.image_control .btn-stop span:before {
	margin-left:-5px;
}
.image_control .btn-stop span:after {
	margin-left:2px;
}
@media screen and (max-width:640px) {
	#banner .box .image_control {
		bottom:10%;
	}
	#licenseSection .box .image_control {
		top:0;
		bottom:inherit;
	}
}
@media screen and (min-width:991px) {
	#banner .box .image_control {
		right:20px;
		bottom:50%;
		margin-bottom:-200px;
	}
}
@media screen and (min-width:1440px) {
	#banner .box .image_control {
		right:-50px;
		margin-bottom:-220px;
	}
}