@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:768px){
body:before{content: "";height: 100vh;width: 100vw;position: fixed;top: 0;left: 0;background: url("../img/MV_bg.jpg") center center no-repeat;background-size: cover;}
.pc{display: block;}
.sp{display: none;}




header h1{width: 111px;margin: 60px 0 0 40px;}
header{position: relative;display: flex;justify-content: space-between;align-items: center;height: 100px;background: none;z-index: 2;}
.up .wrap{padding: 80px 0 0 0;}
header .g_nav{display: flex;align-items: center;justify-content: space-between;font-size: 16px;font-weight: normal;width: 444px;margin: 0 40px 0 0;}
header .g_nav .sns{width: 18px;}

header .g_nav li a {
color: #fff;
position: relative;
display: inline-block;
transition: .3s;
}
header .g_nav li a::after {
position: absolute;
bottom: -7px;
left: 50%;
content: '';
width: 0;
height: 1px;
background-color: #fff;
transition: .3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.up header .g_nav li a {
color: #000;
}
.up header .g_nav li a::after {
background-color: #000;
}
header .g_nav li a:hover{opacity: 1;}
header .g_nav li.sns a:hover{opacity: 0.7;}
header .g_nav li a:hover::after {width: 100%;}
header .g_nav li.sns a:hover::after, header .g_nav li.lang a:hover::after {width: 0;}


	
/*top*/	

#sec01{width: 100%;height: calc(100vh - 100px);background: none;position: relative;z-index: 1;}
#sec01:before{position: absolute; content: "";width: 1px;height: 105px;display: block; background: #fff; bottom: 0;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit- transform: translateY(0) translateX(-50%);}
#sec01 h1{font-size: 72px;font-weight: bold;text-align: center;color: #fff; white-space: nowrap;text-transform: uppercase;;position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);}
#sec01 .text01{font-size: 14px;font-weight: 400;text-align: center;color: #fff; white-space: nowrap;text-transform: uppercase;;position: absolute;
	bottom: 118px;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  -webkit- transform: translateY(0) translateX(-50%);}

#sec02{padding: 120px 0 130px 0;position: relative;background: #fff;text-align: center;}
#sec02 h1.en{font-size: 30px;color: #000;}
#sec02 h2.en{font-size: 36px;border-bottom: 4px solid #000;color: #000;display: inline-block;text-transform: uppercase;padding: 0 0 8px 0;margin: 100px 0 0 0;}
#sec02 .box03 h2.en{margin: 0;}
#sec02 .box01 h2.en{text-align: left;}

	.slider .slick-slide{width: 590px;margin: 0 20px;}
	.slider{margin: 95px 0 100px 0;}
	.slider .slick-dots{bottom: -55px;}
	.slider .slick-dots li button:before{font-size: 14px;}
	#sec02 .text01{font-size: 15px;line-height: 27px;margin: 55px 0 60px 0;}
	#sec02 .box01{width: 1200px;display: flex;margin: 0 auto;justify-content: space-between;}
	#sec02 .box02{width: 590px;}
	#sec02 .box03{width: 550px;text-align: left;}
	#sec02 .btn01{margin: 0 auto 120px;}
	#sec02 .box03 .btn01{margin: 0;max-width: 200px;}
	#sec02 .btn01.insta{display: flex;justify-content: center;}
	#sec02 .btn01.insta span{position: relative;width: 18px;display: flex;align-items: center;margin: 0 10px 0 0;}
#sec02 .btn01.insta span:before{content: ""; position: absolute;width: 18px;height: 18px;background: url("../img/head_icon.png") center center no-repeat;background-size: cover;transition: all 0.3s;}
	#sec02 .btn01.insta:hover span:before{opacity: 0;}
	
#sec03{position: relative;z-index: 1;display: flex;justify-content: center;align-items: center; width: 100%;height: 280px; background: url("../img/company_image.jpg") center center;background-size: cover;}
#sec03 h1.en a{font-size: 30px;color: #fff;}	

	footer{position: relative;z-index: 1;text-align: center;color: #fff;padding: 60px 0 55px 0;}
	footer h1{width: 86px;margin: 0 auto;}
	footer .text01{font-size: 18px;margin: 25px 0 15px 0;}
	footer .text02{font-size: 13px;line-height: 23px;margin: 0 0 28px 0;}
	footer small{font-size: 10px;}
/*パララックス */
#sec_p{
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
height: 425px;
position: relative;
z-index: -1;
}

.parallax-bg {
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 50%;
}

.img-bg-01 {
background-image: url("../img/top07.jpg");
}


#p1_sec01, #p1_sec03{
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 510px;
position: relative;
z-index: 0;
text-align: center;
}
.img-bg-02 {
background-image: url("../img/product_image01.jpg");
}


.up header{background: #fff;}
.up section{background: #fff;position: relative;z-index: 1;padding: 0 0 120px 0;}
.up .wrap{width: 1000px;margin: 0 auto;}
.up h1.en{text-align: center;font-size: 30px;font-weight: 500;padding: 0 0 70px 0;border-bottom: 3px solid #000;max-width: 1200px;margin: 0 auto;color: #000;}
#sec06 .wrap{position: relative;}
#sec06 .box01{width: 1000px;}
#sec06.thanks{text-align: center;}
#sec06.thanks h2{font-size: 48px;font-weight: 700;color: #000;margin: 140px 0 0 0;}
#sec06.thanks .text04{font-size: 18px;line-height: 30px;margin: 30px 0 50px 0;}
#sec06.thanks .btn01{margin: 0 auto;}
#sec06 table{width: 100%;}
#sec06 th{font-weight: normal;text-align: left;width: 245px;vertical-align: top;padding: 12px 0 0 0;}
#sec06 th span{color:#fff;background: #e60012;font-size: 12px;padding: 2px 8px;margin: 0 0 0 12px;}
#sec06 td input{width: 100%;border: none;background: #eee;padding: 15px;margin: 0 0 30px 0;}
	#sec06 td input.half{width: 50%;}
#sec06 td textarea{width: 100%;border: none;background: #eee;resize: vertical;height: 216px;padding: 15px;}
#sec06 .text01{text-align: center;margin: 65px 0;font-size: 18px; line-height: 30px;}
#sec06 .text02{margin: 20px 0 70px 0;color: #808080;}
#sec06 .text03{border-top: 1px solid #a0a0a0;border-bottom: 1px solid #a0a0a0;padding: 25px 0;margin: 80px 0 80px 0;color: #808080;font-size: 14px;line-height: 26px;}
#sec06 input[type="submit"].btn01{margin: 0 auto;display: block;}

#company table{width: 100%;}
	#company table th{width: 190px;text-align: left;font-weight: normal;padding: 20px;}
	#company table tr{border-bottom: 1px solid #d2d2d2;}


}