@charset "utf-8";


@media screen and (max-width: 767px) {
	

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

〇 トップイメージ 〇

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

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

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


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



.page .hoge-title{
margin:-310px auto;
padding:150px 0 20px 0;

line-height:1.2;
}



.hoge-title h2{
font-size:52px;
line-height:1.0;
padding:0 0 15px 0;
}

.hoge-title h3{
font-size:20px;
line-height:1.75;
}


.page .content .inner{
width:100%;
margin: 0 auto 20px;
}

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

.page .content h2.pt01{
font-size: 36px;
padding: 10px 0 10px 0;
margin:0 0 40px 0;
}

.page .content p.semi01{
padding:7px 15px 7px 15px;
width:180px;
font-size: 15px;
}
/*===========================
画像位置・サイズ補正
===========================*/

.page .content .inner .left-img {
width: 90%;
height: auto;
float:none;
display:block;
margin:0 auto;
padding: 0 0 0 0;
position:static;
}


/*===========================
英語セクション補正
===========================*/

.page .content .inner .right{
width:90%;
float:none;
margin:0 auto 0;
padding:0 0% 0 0;

}

.page .content .inner .right-img{
width:90%;
margin:0 auto 0;
height:auto;
float:none;
position:relative;
}


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


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

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

.page .content p.sentence{
font-size: 1.0em;
padding: 10px 7.5% 10px 7.5%;
line-height: 1.75;
font-weight:500;
letter-spacing: 2px;
}


/*===========================
ボタンサイズ補正
===========================*/

.page .content .inner .btn-wrap{
width:90%;
margin:0 auto 0;
padding:30px 0 30px 0;
}


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


.page .content h2.pt02{
font-size: 30px;
padding: 10px 0 10px 0;
margin:0 0 30px 0;
}

.page .content p.semi02{
padding:7px 15px 7px 15px;
width:200px;
font-size: 15px;
}





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



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

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

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

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




@media screen and (min-width:767px) and ( max-width:1024px) {

html,body{
    width: 100%;
}
}


/* 960px〜1279px：小型PC
------------------------------ */
@media screen and (min-width:960px) and (max-width:2980px) {

}

/* 1280px〜：大型PC
------------------------------ */
@media screen and (min-width:2980px) {

}