@charset "utf-8";




/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 トップイメージ 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

/*===========================
#main-top
===========================*/

.page #main-top{
height:130px!important;
margin:0 0 90px 0;
}


/*===========================
#hoge
===========================*/


.page #hoge{
background:rgba(0, 0, 0, 0.95);

}



.page .hoge-title{
margin:-450px auto;
padding:170px 0 20px 0;
}



.page .hoge-title h3{
font-size:20px;
}

/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 コンテンツ設定 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

/*===========================
about-us
product
の見出し設定
===========================*/

.page .content h2.pt01{
text-align:center;
font-size: 65px;
font-weight: 900;
font-style: normal;
padding: 10px 0 10px 0;
margin:0 0 70px 0;
}


.page .content p.semi01{
background:#000;
transform: skew(-15deg);
color:#fff;
text-align:center;
padding:10px 30px 10px 30px;
width:200px;
margin:0 auto 10px;
font-weight: 900;
font-size: 18px;
}

.page .content p.semi01 span{
display:block;
transform: skew(15deg);
}

/*===========================
amoeba・recruitの見出し設定
===========================*/

.page .content h2.pt02{
text-align:center;
font-size: 55px;
font-weight: 900;
font-style: normal;
padding: 10px 0 10px 0;
margin:0 0 70px 0;
}


.page .content p.semi02{
background:#000;
transform: skew(-15deg);
color:#fff;
text-align:center;
padding:10px 30px 10px 30px;
width:270px;
margin:0 auto 10px;
font-weight: 900;
font-size: 17px;
}

.page .content p.semi02 span{
display:block;
transform: skew(15deg);
}





.page .content .inner{
width:1000px;
margin:0 auto 60px;
}

.page .content .inner .img-cover01{
width:500px;
margin:0 auto;
}

.page .content .inner:after {
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

.page .content .inner .left{
width:40%;
float:left;
padding:0 0 0 10%;
position:relative;
z-index:2;
}

.page .content .inner .right{
width:40%;
float:left;
padding:0 10% 0 0;
position:relative;
z-index:2;
}

.page .content .inner .right-img{
width:45%;
height:auto;
float:left;
position:relative;
}

.page .content .inner .left-img{
width:45%;
height:auto;
float:left;
padding:0 0 0 5%;
position:relative;
}


.page .content .inner .right .ens{
text-align:left;
padding:100px 0px 0 50px;
}
.page .content .inner .ens{

}

.page .content .inner .ens .en{
font-size:50px;
font-family: upgrade, Aharoni,Arial,sans-serif;
font-weight: 500;

padding:3px 0 3px 0;
color:#848484;
}

.page .content p.sentence{
font-size: 1.1em;
padding: 10px 5% 10px 5%;
line-height: 1.75;
letter-spacing: 2px;
}

.page .content .inner .btn-wrap{
width:500px;
margin:0 auto 0;
padding:40px 0 0 0;
}


/*===========================
amoebaのボックス設定
===========================*/
#amoeba .amoeba-box{
padding:0 0 70px 0;
}

/*===========================
amoebaの文章
===========================*/
#amoeba div.sentence{
width:1000px;
margin:50px auto 0px;
}
#amoeba div.sentence p{
font-size: 1.1em;
padding: 10px 5% 10px 5%;
line-height: 1.75;
letter-spacing: 2px;
}

/*===========================
amoebaのスライダー
===========================*/


#amoeba .com-slider{
padding:0 0px 0 0px;
}

#amoeba .com-slider li{
list-style-type:none;

}
#amoeba .com-slider li img{
width:100%;
height:auto;
}

/*===========================
recruitのボックス設定
===========================*/
#recruit .recruit-box{
padding:0 0 70px 0;
}

/*===========================
recruitの文章
===========================*/
#recruit div.sentence{
width:1000px;
margin:50px auto 0px;
}
#recruit div.sentence p{
font-size: 1.1em;
padding: 10px 5% 10px 5%;
line-height: 1.75;
letter-spacing: 2px;
}

/*===========================
recruitのスライダー
===========================*/


#recruit .com-slider{
padding:0 0px 0 0px;
}

#recruit .com-slider li{
list-style-type:none;

}
#recruit .com-slider li img{
width:100%;
height:auto;
}

/*=============================================
 □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □

〇 コンテンツ設定 〇

□ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □ □
=============================================*/

.page .thumb-img {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
width: 100%;
height: auto;
-webkit-animation: transform-liquid 25s ease-in-out infinite both alternate;
animation: transform-liquid 25s ease-in-out infinite both alternate;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.page .thumb-img img{
width:100%;
height:auto;
}

@-webkit-keyframes transform-liquid{0%,100%{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}

@keyframes transform-liquid{0%,100%{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}