@charset "utf-8";
/* CSS Document */
/*ローダー================================================================*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace.pace-inactive .pace-progress {
  display: none;
}

.pace .pace-progress {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  height: 5rem;
  width: 5rem;

  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.pace .pace-progress:after {
  display: block;
  position: absolute;
  top: 0;
  right: .5rem;
  content: attr(data-progress-text);
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  font-size: 5rem;
  line-height: 1;
  text-align: right;
  color: rgba(0, 0, 0, 0.19999999999999996);
}


/*ローダー================================================================*/
html{
	font-size: 62.5%;
}
/*メイン画像================================================================*/
.mainPict{
	width:100%;
	position:relative;
	overflow:hidden;
}
/*.liner {
  position: relative;
  margin: 10% 0;
  padding: 80px 0;
}
*/
.mainPict:before {
  content: '';
  position: absolute;
  top: 209px;
  left: 0;
  width: 120%;
  height: 35%;
  margin: 3% -10% 0;
  background:#DE1562;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(-9deg);
  z-index:0;
}
.mainPict:after {
  content: '';
  position: absolute;
  top: 209px;
  left: 0;
  width: 120%;
  height: 50%;
  margin: 3% -10% 0;
  background: white;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(7deg);
  z-index: 98;
}
.naname{
	margin-right:200%;
}
.mainPict img{
	width:100%;
	height:auto;
}
.toppageLogo{
	background-color:rgba(255,255,255,0.2);
}
img.toppageLogo{
	width:40%;
	position:absolute;
	top:20rem;
	left:20rem;
}

.mainPict h1{
	padding-left:1rem;
	padding-right:0rem;
	color:white;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:4rem;
	position:absolute;
	top:1rem;
	left:0.5px;
}
.mainPict h2{
	padding-left:1rem;
	color:white;
	font-family: "Rounded Mplus 1c";
	font-size:3rem;
	font-weight:bold;
	position:absolute;
	top:15rem;
	left:0px;
	text-decoration:none;
}

/*ナビゲーション====================================================*/

.siteTitle{
	text-align:center;
	width:100%;
}

.siteTitle ul{
	display:block;
	text-align:center;
	width:100%;

}
.siteTitle li{
	text-align:center;
	list-style:none;
	width:100%;
}
.siteTitle p{
	font-family: 'Archivo Black', sans-serif;
	font-size:4rem;
	color:black;
	display:block;
	padding:0.5rm;
}
/*.siteTitle p:hover{
	background-color:#F63;
}*/



.siteTitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:4rem;
	color:black;
	display:block;
	text-decoration:none;
	padding:0.5rem;
}

/*.siteTitle a:hover{
	background-color:#F63;
}
*/
.topnews{
	width:100%;
	height:auto;
	text-align:center;
	padding: 10rem 0 3rem 0;
    font-size: 2rem;
    line-height: 200%;
}
.topnews h2{
	font-size:3rem;
}

/*コンテンツ①==========================================================*/
article{
	text-align:center;
}
article section h1{
	font-size:10rem;
	font-family: "Rounded Mplus 1c";
	padding-top:5rem;
	padding-bottom:5rem;
}

article section:nth-child(1) h2{
	font-size:3rem;
	font-family: "Rounded Mplus 1c";
	text-align:center;
	display: inline-block;
    position: relative;
	left:0px;
	padding-bottom:3rem;
}

article section:nth-child(1) h3{
	font-size:2rem;
	font-family: "Rounded Mplus 1c";
	text-align:left;
    position: relative;
	top:1.5rem;
	left:0rem;
	padding-bottom:3rem	;
}
article section:nth-child(1) h3::after{
	content:"";
	border-bottom:2px solid black;
	position: absolute;
	display: inline-block;
    left: 16rem;
    right: 3rem;
    bottom: 3.7rem;
	
}

article section p{
	font-size:2rem;
	font-family: "Rounded Mplus 1c";
	padding-top:1rem;	
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:5rem;
	line-height:200%;
}
article section:nth-child(1) h4{
	font-size:2rem;
	font-family: "Rounded Mplus 1c";
	text-align:right;
	display: inline-block;
    position: relative;
	left:9rem;
	padding-bottom:1.5rem;
}
article section:nth-child(1) h4::before{
	content:"";
	border-bottom:2px solid black;
	position: absolute;
	display: inline-block;
    left: -20rem;
    right: 15rem;
    bottom: 2rem;
	
}


	
/*コンテンツ②==========================================================*/
section:nth-child(2){
	border:solid 0px #CCCCCC;
}
.articleStyle{
	background-color:rgba(230,230,230,0.2);
}
section:nth-child(2) h1{
	font-size:3rem;
	padding-top:3rem;
	padding-bottom:3rem;	
	font-family: "Rounded Mplus 1c";
}
section:nth-child(2) img{
	width:100%;
	height:auto;
}
h2.articleStyle{
	font-size:7rem;
}
section:nth-child(2) h2{
	font-size:7rem;
	padding-top:2rem;
	padding-bottom:8rem;	
	font-family: "Rounded Mplus 1c";
}

section:nth-child(2) p{
	background-color:white;
	font-size:2rem;
	font-family: "Rounded Mplus 1c";
	padding-top:2rem;
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:5rem;
	line-height:200%;
}

section:nth-child(2) h4{
	font-size:2rem;
	padding-top:0px;
	padding-bottom:3rem;
	background-color:white;	
	font-family: "Rounded Mplus 1c";
	display: inline-block;
    position: relative;
	left:9rem;
	
}
section:nth-child(2) h4::before{
	content:"";
	border-bottom:2px solid black;
	position: absolute;
	display: inline-block;
    left: -20rem;
    right: 15rem;
    bottom: 3.5rem;
}
/*コンテンツ③==========================================================*/
section:nth-child(3) img{
	width:100%;
	height:auto;
}
.articleProduct{
	background-color:rgba(230,230,230,0.2);
}
section:nth-child(3) h1{
	font-size:3rem;
	padding-top:50px;
	padding-bottom:50px;	
	font-family: "Rounded Mplus 1c";
}
section:nth-child(3) h2{
	font-size:7rem;
	padding-top:3rem;
	padding-bottom:3rem;	
	font-family: "Rounded Mplus 1c";
}

section:nth-child(3) p{
	font-size:2rem;
	font-family: "Rounded Mplus 1c";
	padding-top:3rem;
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:1rem;
	line-height:200%;
}
section:nth-child(3) h3{
	font-size:2rem;
	padding-top:0px;
	padding-bottom:150px;
	background-color:white;	
	font-family: "Rounded Mplus 1c";
	display: inline-block;
    position: relative;
	left:9rem;
	padding-bottom:2rem;
}
section:nth-child(3) h3 {
	text-decoration:none;
}
section:nth-child(3) h3::before{
	content:"";
	border-bottom:2px solid black;
	position: absolute;
	display: inline-block;
    left: -19rem;
    right: 17rem;
    bottom: 2.8rem;
}
/*コンテンツ④==========================================================*/
section:nth-child(4) img{
	width:100%;
	height:auto;
}
.articleLast{
	background-color:rgba(230,230,230,0.2);
	position:relative;
}
section:nth-child(4) h1{
	font-size:3rem;
	padding-top:50px;
	padding-bottom:20rem;	
	font-family: "Rounded Mplus 1c";
}
section:nth-child(4) p{
	font-size:2rem;
	font-family: "Rounded Mplus 1c";
	padding-top:30px;
	padding-left:1rem;
	padding-right:1rem;
	padding-bottom:10rem;
	line-height:200%;
}
.articleRecruit{
	background-color:black;
	position:absolute;
	top:15rem;
	left:5%;
}

.articleRecruit h2{
	padding:1rem;
	color:white;
	font-family: "Rounded Mplus 1c";
	font-size:4rem;
}
/*トップページのフッター=======================================================*/
footer{
	text-align:center;
	color:white;
	background-color:black;
	position:relative;
}
footer:before {
  content: '';
  position: absolute;
  top: -75px;
  left: 0;
  width: 106%;
  height: 35%;
  margin: 3% -10% 0;
  background:black;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
  z-index:-2;
}
footer small a p {
    color: white;
    font-size: 2rem;
    text-align: left;
    text-decoration: none;
    padding: 0.5rem;
    margin-left: 1rem;
    margin-top: 1rem;
    list-style: none;
}
footer small p{
	font-size:2rem;
	font-family:Arial, Helvetica, sans-serif;
	padding:4rem;
}
footer small i{
	color:white;
	padding-left:1rem;
	padding-top:2rem;
	display:inline-block;
}
/*トップページへ戻るボタン====================================================*/


.toppageTop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  text-align:center;
  display:inline-block;
  z-index:9999;
}

i{
	display:block;
	text-align:center;
}
 
.toppageTop i {
	color:white;
	font-size:5rem;
	text-align:center;
	position:absolute;
	top:0.55rem;
	left:0.6rem;
}

.toppageTop a {
  display: block;
  z-index: 999;
  padding: 30;
  border-radius: 30px;
  width: 4rem;
  height: 4rem;
  background-color: #9FD6D2;
  color: #fff;
  font-size:6rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
.toppageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/*2ページ目===========================================*/
/*ナビ==================================================*/
.productNavi{
	z-index:9999;
	position:fixed;
	width:100%;
}

.productNavi nav ul{
	padding-top: 1.5rem;
    padding-left: 0.3rem;
	display:none;
}

.product_siteTitle{
	border:solid 0px #000000;
	padding:10px 0 25px 10px;
	position:relative;
	background-color:white;
}


.product_siteTitle a h1{
	font-family: 'Archivo Black', sans-serif;
	color:black;
	font-size:0.8rem;
	position:absolute;
	left:0.8rem;
	top:0.8rem;
}
.product_siteTitle li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8rem;
	text-decoration:none;
	color:black;
    position: relative;
  	text-decoration: none;
	line-height:2;
  	
}

.product_siteTitle li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 16px;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: black;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.product_siteTitle li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

/*メイン画像=============================================*/
.product_mainPict{
	width:100%;
	position:relative;
}

.product_mainPict img{
	width:100%;
	height:auto;
}

.product_mainPict h1{
	padding-left:1rem;
	padding-right:1rem;
	color:white;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:3rem;
	position:absolute;
	top:3rem;
	left:0px;
}  
.product_mainPict h2{
	padding-left:40px;
	color:white;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:56px;
	font-weight:bold;
	position:absolute;
	top:400px;
	left:0px;
}

/*コンテンツ①=====================================*/
.contentswrapper{
	width:100%;
}
.contentswrapper h1{
	font-size:2rem;
	padding-top:3rem;
	padding-bottom:3rem:
}
section:nth-child(2) {
    border: solid 0px #CCCCCC;
}
.article1st img{
	width:100%;
	padding-bottom:0.5rem;
}
.article1st h1{
	font-size:1.5rem;
	padding-top:3rem;
	padding-bottom:2rem;	
	font-family: "Rounded Mplus 1c";
}
section.article1stLeft h2{
	font-size:3rem;
}
section:nth-of-type(2) h2 {
    font-size: 7rem;
    padding-top: 2rem;
    padding-bottom: 8rem;
    font-family: "Rounded Mplus 1c";
}
.article1st h2{
	font-size:3rem;
	padding-top:1rem;
	padding-bottom:2rem;	
	font-family: "Rounded Mplus 1c";
}	

.article1st p{
	font-size:1rem;
	padding-top:1rem;
	padding-bottom:2rem;	
	font-family: "Rounded Mplus 1c";
	line-height:200%;
}	

/*コンテンツ②=====================================*/
.contentswrapper section:nth-of-type(2) h2{
	font-size:20px;
	padding-top:30px;
	padding-bottom:30px;	
	font-family: "Rounded Mplus 1c";
}

.contentswrapper section:nth-of-type(2) p{
	font-size:1rem;
	line-height:200%;
	padding-top:1.5rem;
	padding-bottom:2rem;
}
.contentswrapper section:nth-of-type(2) li{
	padding:10px;
}

/*コンテンツ③=====================================*/

.contentswrapper section:nth-of-type(3) h2{
	font-size:20px;
	padding-top:30px;
	padding-bottom:30px;	
	font-family: "Rounded Mplus 1c";
}

.contentswrapper section:nth-of-type(3) img{
	width:100%;
	height:auto;
}
.contentswrapper section:nth-of-type(3) p{
	line-height:200%;
	padding-top:1rem;
	padding-bottom:1rem;
	font-size:1rem;
}

/*コンテンツ④=====================================*/
.contentswrapper section:nth-of-type(4) h2{
	font-size:20px;
	padding-top:30px;
	padding-bottom:30px;	
	font-family: "Rounded Mplus 1c";
}
.contentswrapper section:nth-of-type(4) img{
	width:100%;
	height:auto;
}
.contentswrapper section:nth-of-type(4) p{
	line-height:200%;
	padding-top:1rem;
	padding-bottom:1rem;
	font-size:1rem;
}

/*コンテンツ⑤=====================================*/
.contentswrapper section:nth-of-type(5) h2{
	font-size:20px;
	padding-top:30px;
	padding-bottom:30px;	
	font-family: "Rounded Mplus 1c";
}
.contentswrapper section:nth-of-type(5) img{
	width:100%;
	height:auto;
}
.contentswrapper section:nth-of-type(5) p{
	line-height:200%;
	padding-top:1rem;
	padding-bottom:1rem;
	font-size:1rem;
}

/*コンテンツ⑥=====================================*/
.contentswrapper section:nth-of-type(6) h2{
	font-size:20px;
	padding-top:30px;
	padding-bottom:30px;	
	font-family: "Rounded Mplus 1c";
}
.contentswrapper section:nth-of-type(6) img{
	width:100%;
	height:auto;
}
.contentswrapper section:nth-of-type(6) p{
	line-height:200%;
	padding-top:1rem;
	padding-bottom:1rem;
	font-size:1rem;
}
.prodactPagelink{
	background-color:red;
	display:inline-block;
	color:white;
	padding:30px;
	margin-bottom:50px;
}

.prodactPagelink a{
	font-size:1.5rem;
	padding-top:1.5rem;
	padding-bottom:1.5rem;	
	font-family: "Rounded Mplus 1c";
	text-decoration:none;
	color:white;	
}
.prodactPagelink:hover{
	background-color:black;
}

/*トップページへ戻るボタン====================================================*/


#pageTop {
  position: fixed;
  bottom: 20px;
  right: 0.5rem;
  text-align:center;
  display:inline-block;
}

i{
	display:block;
	text-align:center;
}
 
#pageTop i {
	text-align:center;
	position:absolute;
	top:1px;
	left:0.3rem;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 15px 15px 15px 15px;
  border-radius: 30px;
  width: 1rem	;
  height: 1rem;
  background-color: #9FD6D2;
  color: #fff;
  font-size:4rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*productページのフッター=======================================================*/
.productFooter{
	text-align:center;
	color:white;
	background-color:black;	
}
.productFooter small p{
	padding:1rem;
	font-size:1rem;	
}
.twitter{
	text-align:center;
}

/*styleページ=================================================*/

.styleNavi{
	z-index:9999;
	position:fixed;
	width:100%;
}

.styleNavi nav ul{
	/*display:flex;*/
	text-align:left;
	padding-top:0.5rem;
	display:none;
}

.style_siteTitle{
	border:solid 0px #000000;
	padding:30px 0 10px 10px;
	/*display:flex;*/
	text-align:center;
	position:relative;
	background-color:rgba(255,255,255,1);
}


.style_siteTitle a h1{
	font-family: 'Archivo Black', sans-serif;
	color:black;
	font-size:0.8rem;
	position:absolute;
	left:0.8rem;
	top:0.8rem;
}
.style_siteTitle li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8rem;
	text-decoration:none;
	color:black;
    position: relative;
  	text-decoration: none;
	line-height:2;
  	
}

.style_siteTitle li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: black;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.style_siteTitle li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

/*メイン画像===========================================================*/
.style_mainPict{
	text-align:center;
}

.style_mainPict img{
	width:100%;
	height:auto;
}

.style_mainPict h1{
	padding:1rem;
	color:white;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:2rem;
	position:absolute;
	top:3rem;
	left:10rem;
	background-color:rgba(0,0,0,0.2);
	margin-right:1rem;
	border-radius:10%;
}  
/*コンテンツ①===================================================*/
.style1st{
	width:90%;
	margin:0 auto;
}
section.style1st p{
	font-size:1rem;
	line-height:200%;
	padding-bottom:1rem;
}
/*コンテンツ②====================================================*/
section.style2nd{
	width:90%;
	margin:0 auto;
	border:solid 2px #000066;
	border-radius:1%;
	margin-bottom:2rem;
}
span h1{
		font-size:1rem;
	padding-top: 1rem;
    padding-bottom: 1rem;
	text-align:left;
	padding-left:3rem;
}
section.style2nd p{
	font-size:1rem;
	line-height:200%;
	padding-bottom:5rem;
}
article figure img{
	width:100%;
	height:auto;
	padding-bottom:3rem;
}
/*コンテンツ③====================================================*/
section.style3rd{
	width:90%;
	margin:0 auto;
	border:solid 2px #000066;
	border-radius:1%;
	margin-bottom:2rem;
}
section.style3rd p{
	font-size:1rem;
	line-height:200%;
	padding-bottom:5rem;
}
/*コンテンツ④========================================================*/

section.style4th{
	width:90%;
	margin:0 auto;
	border:solid 2px #000066;
	border-radius:1%;
	margin-bottom:2rem;
}
section.style4th p{
	font-size:1rem;
	line-height:200%;
	padding-bottom:5rem;
}
section.style4th img{
	padding-bottom:7rem;
}

/*フッター=============================================================*/
.styleFooter{
	text-align:center;
	color:white;
	background-color:black;	
}
.styleFooter small p{
	padding:1rem;
	font-size:1rem;	
}

/*visionのページ=====================================================*/
button{
	position:absolute;
	top:8px;
	right:25px;
	background-color:transparent;
	border:none;
	cursor:pointer;
	z-index:9999;
}
ul.visionNav{
	display:none;
	list-style-type:none;
	padding-left:0.2rem;
}
.vision_mainPict{
	text-align:left;
}

.vision_mainPict img{
	width:100%;
	height:auto;
}

.vision_mainPict h1{
	padding:1rem;
	color:rgba(255,255,255,0.7);
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:2rem;
	position:absolute;
	top:3rem;
	left:1rem;
	margin-right:1rem;
}  
section.vision1st{
	width:80%;
	margin:0 auto;
}
/*コンテンツ①===================================================*/
section.vision1st h1{
	font-size:2rem;
	padding:3rem 0 3rem 0;
}
section.vision1st p{
	font-size:1rem;
}
/*コンテンツ②=====================================================*/
.vision2nd{
	width:80%;
	margin:0 auto;
	text-align:center;
}
section.vision2nd h1{
	font-size:1rem;
	padding-top:0rem;
}
section.vision2nd img{
	width:50%;
	height:auto;
	text-align:right;
}
/*コンテンツ③=======================================================*/
.vision3rd{
	width:80%;
	margin:0 auto;
}
section.vision3rd h1{
	font-size:1.5rem;
	padding-top:0rem;
	padding-bottom:1rem;
}
section.vision3rd p{
	font-size:1rem;
	padding-top:0rem;
}
/*コンテンツ④=========================================================*/
.vision4th{
	width:80%;
	margin:0 auto;
}
section.vision4th h1{
	font-size:1.5rem;
	padding-top:0rem;
	padding-bottom:1rem;
}
section.vision4th p{
	font-size:1rem;
	padding-top:0rem;
	padding-bottom:1rem;
}
/*コンテンツ⑤=====================================================*/
.vision5th{
	width:80%;
	margin:0 auto;
}
section.vision5th h1{
	font-size:1.5rem;
	padding-top:0rem;
	padding-bottom:1rem;
}
section.vision5th p{
	font-size:1rem;
	padding-top:0rem;
	padding-bottom:3rem;
}
/*コンテンツ⑥===============================================*/
.vision6th{
	width:100%;
	height:auto;
}
section.vision6th video{
	width:100%;
	height:auto;
}

/*コンテンツ⑦=======================================================
*/
.vision7th{
	width:80%;
	margin:0 auto;
}
section.vision7th h1{
	font-size:1.5rem;
	padding-top:2rem;
	padding-bottom:1rem;
}
section.vision7th p{
	font-size:1rem;
	padding-top:0rem;
	padding-bottom:3rem;
}
.visionFooter{
	background-color:black;
}
.visionFooter small p{
	font-size:1rem;
	padding:1rem;
}
.visionFooter small a{
	text-decoration:none;
}

/*aboutページ用=======================================================*/

.about_mainPict{
	width:100%;
	vertical-align:bottom;
}
.about_mainPict video {
  width: 100%;
  height	:auto;
  vertical-align:bottom;
}
.about_mainPict img{
	width:100%;
}
.about_mainPict h1{
	padding-bottom:2rem;
	background-color:rgba(0,0,0,0.7);
	color:white;
    font-size: 1.5rem;
    top: 5rem;
    left: 4.8rem;
    margin-right: 1rem;
	position:absolute;
}
.about1st{
	z-index:1;
}
.about1st h1{
	font-size:2rem;
	padding:2rem 0 2rem 0 ;
}
.about1st p{
	font-size:1rem;
	text-align:left;
	padding:1rem 0 1rem 1rem;
	background-color:rgba(255,255,255,0);
}
section.about2nd{
	width:100%;
	height:auto;
}

section.about2nd p{
	font-size:1rem;
	text-align:left;
	padding:3rem 1rem 3rem 1rem;
	background-color:rgba(255,255,255,1);
}
section.about3rd p{
	font-size:1rem;
	text-align:left;
	background-color:rgba(255,255,255,0);
	color:white;
}
section.about4th{
	width:100%;
	height:auto;
	padding:3rem 0 0 0;
	display:flex;
}
section.about4th p{
	font-size:1rem;
	text-align:left;
}
section.about4th img{
	width:70%;
	height:auto;
	overflow:hidden;
	padding-top:3rem;
	border-radius::50%;
}

.about4thLeft{
	width:70%;
	height:auto;
}
div.about4thLeft p{
	padding-bottom:0;
}
.about4thRight{
	width:30%;
	height:auto;
}
section.about5th p{
	text-align:left;
	font-size:1rem;
}	
#intro{
	background:url(../images/filip-min.jpg) 50% no-repeat fixed;
	color: white;
	height: 600px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
	background-color: rgba(0,0,0,0);
	
}
#intro p{
	padding:3rem 1rem;
    line-height: 150%;
    text-align:left;
    color: white;
	background-color: rgba(255,255,255,0);
}


#second{
	background:url(../images/filip-min.jpg) 50% no-repeat fixed;
	color: white;
	height: auto;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
}

#second p{
	text-align: left;
    line-height: 150%;
    padding: 1rem 1rem 1rem 1rem;
}

#third{
	/*background:url(../images/scott-min.jpg) 50% no-repeat fixed;*/
	color: white;
	height: 600px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-size:cover;
}
div#third a{
	text-decoration:none;
}

.aboutFooter{
	background-color:black;
}
/*フォーム======================================*/

#formWrap {
	width:90%;
	margin:0 auto;
}
.contact{
	padding-bottom:3rem;
}
#formWrap p{
	font-size:18px;
	padding-bottom:20px;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
	text-align:center;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
	margin:0 auto;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}


/*タブレット用========================================================*/
@media only screen and (min-width:768px){
html{
	width:100%;
}
nav{
}
button{
	display:none;
	position:absolute;
	top:8px;
	right:25px;
	background-color:black;
	border:none;
	cursor:pointer;
	z-index:9999;
}

.mainPict:before {
  content: '';
  position: absolute;
  top: 209px;
  left: 0;
  width: 120%;
  height: 35%;
  margin: 3% -10% 0;
  background:#DE1562;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(-9deg);
  z-index:0;
}
.mainPict:after {
  content: '';
  position: absolute;
  top: 439px;
  left: 0;
  width: 120%;
  height: 50%;
  margin: 3% -10% 0;
  background: white;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(7deg);
  z-index: 98;
}
.mainPict h1{
	padding-left:1rem;
	padding-right:0rem;	
	color:white;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:5.5rem;
	position:absolute;
	top:15rem;
	left:0px;
}
img.toppageLogo {
    width: 20%;
    position: absolute;
    top: 3rem;
    left: 2rem;
}
.siteTitle{
	position:relative;
}
.styleNavi nav ul {
    text-align: left;
    padding-top: 0.5rem;
    display: inline-flex;
}
.siteTitle ul{
	text-align:right;
	right:1rem;
}
.siteTitle ul li{
	display:inline-block;
	width:auto;
	padding:2rem;
}

.siteTitle p{
	font-family: 'Archivo Black', sans-serif;
	font-size:3rem;
	color:black;
	display:block;
	padding:50px 10px 10px 10px;
	position:absolute;
	top:-35px;
	left:3rem;
}

.siteTitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:2rem;
	color:black;
	display:block;
	padding-left:1rem;
}

article section:nth-child(1) h3 {
    top: 1.5rem;
	padding-left:2rem;
}
article section:nth-child(1) h4 {
    left: 30rem;
    padding-bottom:1.5rem;
}
article section:nth-child(1) h4::before {	
    left: -60rem;
    right: 15rem;
    bottom: 2rem;
}
section:nth-child(2) h4 {
    left: 30rem;
}
section:nth-child(2) h4::before {
    left: -60rem;
}
section:nth-child(3) h3 {
    left: 28rem;
}
section:nth-child(3) h3::before {
    left: -55rem;
}
.articleRecruit {
    top: 15rem;
    left:30%;
}
.toppageTop {
    display: inline-block;
    right: 5%;
	z-index:9999;
}
footer:before {
  content: '';
  position: absolute;
  top: -123px;
  left: 0;
  width: 106%;
  height: 35%;
  margin: 3% -10% 0;
  background:black;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
  z-index:-2;
}
footer small a{
	text-decoration:none;
}
footer small a p{
	color:white;
	font-size:3rem;
	text-align:left;
	text-decoration:none;
	padding:0.5rem;
	margin-left:1rem;
	margin-top:1rem;
	list-style:none;
}


/*２ページ目=====================================================*/
.product_siteTitle {
    padding: 4px 0 0px 10px;
}
.product_siteTitle a h1{
    font-size: 2rem;
    left: 1rem;
    top: 1rem;
}
.product_siteTitle li a {
    font-size: 1.8rem;
    top: 1px;
    left: 11rem;
	padding-left:1rem;
}
.productNavi nav ul {
    padding-top: 0rem;
	display:flex;
}
.product_mainPict h1 {
    font-size: 3rem;
    top: 10rem;
    left: 0px;
}
.twitter{
	text-align:center;
}
/*styleページ用==================================================*/
.style_siteTitle {
    padding: 0rem 0 1rem 0rem;
	text-align:left;
}

.style_siteTitle a h1 {
    font-size: 2rem;
    left: 1rem;
    top: 1.4rem;
}
.style_siteTitle li a {
    font-size: 1.5rem;
    left: 10rem;
    top: 0rem;
	padding-left:2rem;
}

.style_mainPict h1 {
    padding: 0.5rem;
    color: white;
    font-size: 5rem;
    top: 8rem;
    left: 10rem;
    margin-right: 1rem;
    border-radius: 10%;
}
/*visionページ用===================================================*/
.vision_mainPict h1 {
    padding: 1rem;
    font-size: 4rem;
    top: 10rem;
    left: 1rem;
    margin-right: 1rem;
}
section.vision2nd img {
    width: 50%;
    height: auto;
    text-align: right;
}
/*aboutページ用=======================================================*/
.about_mainPict{
	width:100%;
}
.about_mainPict img{
	width:100%;
}
.about_mainPict h1 {
    padding: 0rem;
    padding-bottom: 3rem;
    font-size: 3rem;
    top: 10rem;
    left: 10rem;
    margin-right: 1rem;
}
div.style_siteTitle li a {
    font-size: 1.6rem;
    left: 13rem;
    top: 0.3rem;
    padding-left: 1rem;
}
section.about4th img {
    padding-top: 1rem;
}
.about1st p {
    font-size: 1.5rem;
}
#intro p {
    font-size: 1.5rem;
}
#second p {
    font-size: 1.5rem;
}
section.about4th p {
    font-size: 1.5rem;
}
section.about5th p {
    font-size: 1.5rem;
}
}

/*PC用=================================================================*/
@media only screen and (min-width:960px){
img{
	width:90%;
}

.topPage{
	width:80%;
	margin:0 auto;
	
}
/*.linerMotion{
	margin-right: 200%;
}*/
/*.nanameContent{
	content: '';
	position:relative;
	width:100%;
	height:1500px;
	background:black;
}*/
.mainPict:before {
  content: '';
  position: absolute;
  top: 426px;
  left: 0px;
  width: 120%;
  height: 35%;
  margin: 3% -10% 0;
  background:#DE1562;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(-9deg);
  z-index:0;
  margin-right:1500px;
}
.mainPict:after {
  content: '';
  position: absolute;
  top: 900px;
  left: 0;
  width: 120%;
  height: 50%;
  margin: 3% -10% 0;
  background: white;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(7deg);
  z-index: 98;
}
.mainPict h1{
	font-size:10rem;
	top:25rem;
	left:-1500px;
}
img.toppageLogo {
    width: 20%;
    position: absolute;
    top: 1rem;
    left: 1rem;
}
nav.navfix{
	width:100%;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0.5);
}
article section h1{
	font-size:10rem;
	font-family: "Rounded Mplus 1c";
	padding-top:5rem;
	padding-bottom:5rem;
	opacity:0;
}
section:nth-child(2) img{
	width:100%;
	height:auto;
}
section:nth-of-type(2) h2{
	font-size:7rem;
	padding-top:3rem;
	padding-bottom:3rem;	
	font-family: "Rounded Mplus 1c";
	opacity:0;
}
.toppageTop {
    display: inline-block;
    right: 5%;
    z-index: 9999;
	opacity:0;
}
.footerLiner{
	margin-right:200%;
}
footer{
	text-align:center;
	color:white;
	background-color:black;	
	position: relative;
}
footer:before {
  content: '';
  position: absolute;
  top: -179px;
  left: 0;
  width: 110%;
  height: 35%;
  margin: 3% -10% 0;
  background:black;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
  z-index:-2;
}
div.productsiteTitle{
	position:relative;
	width:90%;
	margin-left:-1500px;
}

.productsiteTitle ul{
	right:10rem;

}
.productsiteTitle ul li{
	display:inline-block;
}

.productsiteTitle p{
	font-size:50px;
	color:black;
	display:block;
	padding-top:50px;
	position:absolute;
	top:-35px;
	left:100px;
}

.productsiteTitle a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:black;
	width:100%;

}
.visionLeft{
	padding-top:5rem;
	float:left;
	width:50%;
}
.visionRight{
	padding-top:5rem;
	float:left;
	width:50%;
}

article section:nth-child(1) h4 {
    left: 20rem;
}
article section:nth-child(1) h4::before {
    left: -38rem;
}
.styleLeft{
	margin-top:2rem;
	margin-bottom:2rem;
	padding-top:5rem;
	padding-bottom:5rem;
	float:left;
	width:50%;
}
.styleRight{
	padding-top:5rem;
	float:left;
	width:50%;
}
section.vision2nd img {
    width: 30%;
    height: auto;
    text-align: right;
}
section:nth-child(2) h4 {
    left: 20rem;
}

section:nth-child(2) h4::before {
    left: -38rem;
}
section:nth-child(2){
	border:solid 0px #CCCCCC;
}
section:nth-child(2) img {
    height: auto;
    width: 100%;
}
section:nth-child(2) p {
	padding-top:8rem;
}
section:nth-child(3) img {
    width: 100%;
    height: auto;
	object-position: 0 100%;
}

.productLeft{
	margin-top:5rem;
	margin-bottom:5rem;
	padding-top:5rem;
	float:left;
	width:50%;
}
.productRight{
	padding-top:5rem;
	float:left;
	width:50%;
}

section:nth-child(3) h3 {
	padding-top:1rem;
    left: 19rem;
}
section:nth-child(3) h3::before {
    left: -37rem;
}
section:nth-child(3) p {
	padding-top:7rem;
}
section:nth-child(4) img {
	height:auto;
	object-position:0 100%;
}
.articleRecruit {
    left: 34%;
}
.articleLast {
    background-color: rgba(230,230,230,0);
}
.articleRecruit h2{
	background-color:red;
}

.articleRecruit h2:hover{
	background-color:black;
}

/*section:nth-child(4) p{
	padding-bottom:10rem;
}*/

footer small i{
	padding-left:7rem;

}
.styleFooter small p {
    padding: 1rem;
    font-size: 2rem;
}

/*２ページ目=======================================================*/
.contentswrapper{
	width:80%;
	margin:0 auto;
}
.contentswrapper h1{
	font-size:2rem;
	padding-top:3rem;
	padding-bottom:3rem;
}
.contentswrapper h2{
	font-size:2rem;
	padding-top:3rem;
	padding-bottom:3rem;
}

.product_siteTitle a h1 {
    font-size: 2.8rem;
    left: 2rem;
    top: 1rem;
}
.product_siteTitle li a {
    font-size: 2.3rem;
    top: 1px;
    left: 20rem;
    padding-left: 2rem;
}
.product_mainPict h1 {
    font-size: 6.5rem;
}
.article1st{
	width:100%;
/*	display:flex;*/
	padding-bottom:1rem;
}
.contentswrapper section:nth-of-type(2) h2 {
    font-size: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
section:nth-child(2) p {
    padding-top: 6rem;
	font-size:1.8rem;
}
article1stwrapper{
	width:100%;
	clear:both;
	padding-bottom:3rem;
}
.article1stLeft{
	width:50%;
	float:left;
}
.article1stRight{
	width:50%;
	float:left;
	padding-bottom:8rem;
	
}
.article1st p {
    font-size: 1.5rem;
    padding-top: 4rem;
    padding-bottom: 8rem;
}
/*.article2nd{
	clear:both;
}
*/
.articleStyle {
    background-color: rgba(230,230,230,0);
}
.article2ndwrapper{
	width:100%;
	display:flex;
}

.article2ndLeft{
	width:50%;
}
.article2ndRight{
	width:50%;
}
.contentswrapper section:nth-of-type(2) p {
    font-size: 1.3rem;
    padding-bottom: 2rem;
	padding-top:0rem;
}
.contentswrapper section:nth-of-type(2) li {
    padding: 1rem;
    font-size: 1.3rem;
	list-style:none;
}
.contentswrapper section:nth-of-type(3) h2 {
    font-size: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

section:nth-child(3) h2 {
    font-size: 5rem;
    padding-top: 5rem;
    padding-bottom: 3rem;
	opacity:1;
}
.contentswrapper section:nth-of-type(3) p {
    padding-bottom: 15rem;
    font-size: 1.5rem;
}
.contentswrapper section:nth-of-type(4) h2 {
    font-size: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.contentswrapper section:nth-of-type(4) p {
     font-size: 1.7rem;
}
.article3rd{
	width:100%;
	height:auto;
	clear:both;
}
.articleProduct {
    background-color: rgba(230,230,230,0);
}
.article3rdwrapper{
	clear:both;
}
.article3rdLeft{
	float:left;
	width:50%;
	clear:both;
}
.article3rdRight{
	float:left;
	width:50%;
}
.article4th{
	width:100%;
	text-align:center;
}

.article5th{
	clear:both;
}
.article5thwrapper{
	display:flex;
	clear:both;
}
.article5thLeft{
	width:50%;
	clear:both;
}
.article5thRight{
	width:50%;
	clear:both;
}
.contentswrapper section:nth-of-type(5) h2 {
    font-size: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.contentswrapper section:nth-of-type(5) p {
    font-size: 1.5rem;
}
.article6th{
	clear:both;
}
.article6thwrapper{
	display:flex;
	clear:both;
}
.article6thLeft{
	width:50%;
	clear:both;
}
.article6thRight{
	width:50%;
	clear:both;
}
.contentswrapper section:nth-of-type(6) h2 {
    font-size: 2rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.contentswrapper section:nth-of-type(6) p {
    font-size: 1.5rem;
}
.prodactPagelink {
    margin-bottom: 10rem;
    margin-top: 5rem;
	display:inline-block;
}
.twitter{
	text-align:center;
}
.productFooter small p {
    padding: 1rem;
    font-size: 2rem;
}

/*styleページ用==================================================*/
.style_siteTitle {
    padding: 0rem 0rem 0rem;
	text-align:left;
}
.style_siteTitle a h1 {
    font-size: 2.5rem;
    left: 2rem;
    top: 1.3rem;
}
div.style_siteTitle li a {
    font-size: 2rem;
    left: 20rem;
    top: 0rem;
    padding-left: 2.5rem;
}
.style_mainPict h1 {
    padding: 0.5rem;
    font-size: 8rem;
    top: 12rem;
    left: 1rem;
    margin-right: 1rem;
    border-radius: 50%;
}
.stylewrapper{
	width:80%;
	margin:0 auto;
}
section.style1st p {
    font-size: 1.5rem;
    padding-bottom: 3rem;
	padding-top:3rem;
}
span h1 {
    font-size: 1.5rem;
}
section.style2nd p {
    font-size: 1.5rem;
	padding:3rem 2rem 3rem 2rem;
}
section.style3rd p {
    font-size: 1.5rem;
    padding:3rem 2rem 3rem 2rem;
}
section.style4th p {
    font-size: 1.5rem;
    padding:3rem 2rem 3rem 2rem;
}
/*visionページ用===================================================*/
.vision_mainPict h1 {
    padding: 1rem;
    font-size: 6rem;
    top: 20rem;
    left: 1rem;
    margin-right: 1rem;
}
section.vision1st p {
    font-size: 1rem;
	text-align:left;
}
section.vision2nd img {
    width: 30%;
    height: auto;
    text-align: right;
	border-radius:50%;
}
section:nth-child(3) p {
    padding-top: 3rem;
	text-align:left;
	padding-bottom:5rem;
}
section.vision4th p {
    font-size: 1rem;
    padding-top: 3rem;
    padding-bottom: 1rem;
	text-align:left;
	padding-bottom:5rem;
}
section.vision5th p {
    font-size: 1rem;
    padding-top: 3rem;
    padding-bottom: 5rem;
	text-align:left;
}
section.vision7th p {
    font-size: 1rem;
    padding-top: 3rem;
    padding-bottom: 5rem;
	text-align:left;
}
/*aboutページ============================================*/
.about1st{
	    width: 80%;
    margin: 0 auto;
}
.about1st p{
	font-size:1.6rem;
	color:black;
	font-weight:bold;
}
section.about2nd p{
	font-size:1.6rem;
}
section.about3rd p{
	font-size:1.6rem;
}
section.about4th p{
	font-size:1.6rem;
	padding-bottom:0;
}

section.about5th p{
	font-size:1.6rem;
	    width: 80%;
    margin: 0 auto;
}
#intro p {
    font-size: 1.6rem;
    width: 80%;
    margin: 0 auto;
}
#second p {
    font-size: 1.6rem;
    width: 80%;
    margin: 0 auto;
}
section.about4th {
    width: 80%;
    margin: 0 auto;
}
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
.contact{
	padding-bottom:7rem;
}
#formWrap p{
	font-size:18px;
	padding-bottom:20px;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
}
table.formTable th{
	width:97%;
	font-weight:normal;
	background:#efefef;
	/*text-align:left;*/
}
p.error_messe{
	margin:5px 0;
	color:red;
}
}

@media only screen and (min-width:1900px){
img.toppageLogo {
    width: 20%;
    position: absolute;
    top: 110rem;
    left: 129rem;
}
.mainPict:before {
  content: '';
  position: absolute;
  top: 666px;
  left: 0;
  width: 120%;
  height: 35%;
  margin: 3% -10% 0;
  background:#DE1562;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(-9deg);
  z-index:0;
}
.mainPict:after {
  content: '';
  position: absolute;
  top: 1300px;
  left: 0;
  width: 120%;
  height: 50%;
  margin: 3% -10% 0;
  background: white;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(7deg);
  z-index: 98;
}
.article1st p {
    font-size: 1.5rem;
    padding-top: 4rem;
    padding-bottom: 40rem;
}
.article2ndRight {
	padding-bottom:10rem;
}
.articleRecruit h2 {
    padding: 1rem;
    color: white;
    font-family: "Rounded Mplus 1c";
    font-size: 8rem;
}
section:nth-child(2) img {
    height: auto;
    width: 100%;
}
.contentswrapper section:nth-of-type(3) p {
    padding-bottom: 40rem;
    font-size: 1.5rem;
}
.contentswrapper section:nth-of-type(4) p {
    font-size: 1.7rem;
	padding-bottom:10rem;

}
footer{
	text-align:center;
	color:white;
	background-color:black;	
	position: relative;
}
footer:before {
  content: '';
  position: absolute;
  top: -213px;
  left: 0;
  width: 109%;
  height: 35%;
  margin: 3% -10% 0;
  background:black;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
  z-index:-2;
}

.prodactPagelink a {
    font-size: 5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-family: "Rounded Mplus 1c";
    text-decoration: none;
    color: white;
}

.contentswrapper section:nth-of-type(5) h2 {
    font-size: 2rem;
    padding-top: 3rem;
    padding-bottom: 7rem;
}

/*visionのページ======================================================*/
section.vision2nd img{
	width:20%;
}
.about_mainPict h1 {
    padding: 0rem;
    padding-bottom: 5rem;
    font-size: 7rem;
    top: 23rem;
    left: 27rem;
    margin-right: 1rem;
    background-color: black;
}
}