@charset "utf-8";

footer { border-top: none; }

/* ------------------------------------------------------------ fv */

#fv { position: relative; }
#fv .fv_slider .fv1 { background: url(../images/index/fv1.jpg) center center no-repeat; background-size: cover; height: 780px; }
#fv .fv_slider .fv2 { background: url(../images/index/fv2.jpg) center center no-repeat; background-size: cover; height: 780px; }
#fv .fv_slider .fv3 { background: url(../images/index/fv3.jpg) center center no-repeat; background-size: cover; height: 780px; }
#fv .fv_slider .fv4 { background: url(../images/index/fv4.jpg) center center no-repeat; background-size: cover; height: 780px; }

#fv .fv_text { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
#fv .fv_text h1 { font-size: 44px; letter-spacing: 15px; font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; color: #fff; }
#fv .fv_text p { font-size: 23px; color: #fff; letter-spacing: 5px; padding: 20px 0 0; font-family: 'Lato', sans-serif; }

/* ------------------------------------------------------------ product */
#product { padding: 120px 0; }
#product h2 { text-align: center; font-size: 18px; color: #969696; }
#product h2 span { font-family: 'Lato', sans-serif; letter-spacing: 7px; font-size: 48px; color: #3588df; display: block; line-height: 130%; }
#product .outer-box { display: table; margin: 60px auto 0; }
#product .outer-box .cell { display: table-cell; text-align: center; }
#product .outer-box .cell img { width: 100%; height: auto; }
#product .link { padding: 30px 0 0; }
#product .double { padding: 15px 0 0; }
#product .link a { font-size: 18px; color: #3588df; display: block; position: relative; width: 400px; margin: 0 auto; }
#product .link a:before { position: absolute; top: 0; bottom: 0; margin: auto 0; right: 20px; display: block; width: 40px; height: 40px; border-top: solid 1px #4e96e3; border-right: solid 1px #4e96e3; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; }
#product .link span { font-family: 'Lato', sans-serif; display: block; font-size: 26px; line-height: 100%; padding: 0 0 5px;  letter-spacing: 7px;}

#product .boxes img { width: 100%; height: auto; }
#product .boxes { display: table; padding: 80px 0 100px; margin: 0 auto;}
#product .boxes .box { display: table-cell; text-align: center; }
#product .boxes .box .link a { width: calc(1100px / 3); }

/* ------------------------------------------------------------ recruit */
#recruit { background: url(../images/index/recruit_bg.png) center 120px no-repeat; padding: 0 0 600px; }
#recruit .box {  }
#recruit .box img {  }
#recruit .box .text { font-size: 23px; padding: 50px 0; line-height: 200%; font-family: "游明朝体", "Yu Mincho","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho",serif; }
#recruit .box .b_btn { text-align: left; }


.botbox { background: url(../images/index/bot_bg.jpg) center center no-repeat; background-size: cover; height: 400px; }




@media only screen and (max-width:640px){
/* ------------------------------------------------------------ fv */
#fv { }
#fv .fv_slider .fv1 { background: url(../images/index/fv1_sp.jpg) center center no-repeat; background-size: cover; height: 100vh; }
#fv .fv_slider .fv2 { background: url(../images/index/fv2_sp.jpg) center center no-repeat; background-size: cover; height: 100vh; }
#fv .fv_slider .fv3 { background: url(../images/index/fv3_sp.jpg) center center no-repeat; background-size: cover; height: 100vh; }
#fv .fv_slider .fv4 { background: url(../images/index/fv4_sp.jpg) center center no-repeat; background-size: cover; height: 100vh; }
#fv .fv_text h1 { font-size: 8vw; letter-spacing: 10px; }
#fv .fv_text p { font-size: 4vw; letter-spacing: 3px; padding: 10px 0 0; }

/* ------------------------------------------------------------ product */
#product { padding: 40px 0 120px; }
#product h2 { font-size: 16px; }
#product h2 span { font-size: 8vw; }
#product .outer-box { display: inherit; margin: 30px auto 0; width: 100%; }
#product .outer-box .cell { display: inherit; padding: 0 0 40px; }
#product .link { padding: 15px 0 0; }
#product .double { padding: 15px 0 0; }
#product .link a { font-size: 16px; width: 100%; margin: 0 auto; }
#product .link a:before { width: 15px; height: 15px; }
#product .link span { font-size: 20px; padding: 0 0 5px; }

#product .boxes { display: inherit; padding: 0; width: 100%;}
#product .boxes .box { display: inherit; padding: 0 0 50px; }
#product .boxes .box img { width: 100%; height: auto; }
#product .boxes .box .link a { width: 100%; }

/* ------------------------------------------------------------ recruit */
#recruit { background: url(../images/index/recruit_bg_sp.png) no-repeat center top/100%; padding: 55% 0 100px; }
#recruit .box { padding: 0 0 70px; }
#recruit .box img { width: 90%; height: auto; }
#recruit .box .text { font-size: 18px; padding: 20px 0 40px; line-height: 180%; }
#recruit .box .b_btn { text-align: center; }
#recruit img.SP { width: 100%; height: auto; }

.botbox { background: url(../images/index/bot_bg.jpg) center center no-repeat; background-size: cover; height: 30vw; }


}