@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（640px以下の解像度のスクリーン含む）
--------------------------------------------------------*/




@media
only screen and (max-width : 1024px){
	
img{
	height: auto !important;
}

#header  #top-btn p,
#gl-navi,
#mainimg,
.mainimg,
#header #top-btn div{
	display: none;
}

#header{
	padding: 1% 0px;
}

#header h1 img,
#t-abimg img,
.solution img,
.solution .left,
.solution .right,
#gl-footer #ft-logo img,
#machine img,
ul#companylogo li img,
#sp-mainimg img,
ul#lightbox li img,
.slider img,
.pr-clum .right,
.pr-link,
.pr-link iframe,
.pr-links iframe,
.pr-link img,
#os-clum img,
#sl-movies iframe,
#movies iframe{
	width: 100%;
}

#header,
#gl-footer,
p#pan,
#machine-txt,
.detail-list-1 li, .detail-list-2 li,
#sl-movie,
#os-clum,
#contact-txt,
#advantages-txt,
#sl-movies,
#movies{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}

#movies iframe{
	height: 270px;
}

h2.ttl:before, h2.ttl:after{
	width: 25%;
}

.detail-list-1 li, .detail-list-2 li{
	padding-bottom: 25px;
}

#gl-footer #ft-logo{
	float: none;
	width: 100%;
	padding-bottom: 35px;
}

#gl-footer #ft-logo p{
	padding-top: 20px;
	line-height: 1.6em;
}


#machine{
	padding-left: 3%;
	padding-right: 3%;
}

p.t-subtxt{
	padding-left: 3%;
	padding-right: 3%;
	text-align: left;
	font-size: 14px;
	line-height: 1.6em;
}

p.t-subtxt2{
	padding-left: 3%;
	padding-right: 3%;
	text-align: left;
	font-size: 16px;
	line-height: 1.6em;
}

p.t-subtxt3,
.detail-list-1 li p.tt2,
#contact-txt,
#advantages-txt{
	font-size: 14px;
}

p.t-subtxt3 span,
#machine-txt p#txt2,
#machine-txt p#txt3,
.pr-clum .right{
	font-size: 15px;
}
.pr-clum .right, .pr-clum .left{
	float:none;
	text-align:center;
}
#machine-txt p#txt2{
	padding-top: 20px;
}

#header h1{
	width: 80%;
}

#header #top-btn{
	float: none;
}

#header #top-btn div{
	text-align: left;
}


.ft-links{
	float: none;
	padding-left: 0px;
	width: 100%;
	margin-right: 3%;
}

.ft-linkslast{
	margin-right: 0px !important;
}

.detail-list-1 li p.tt1{
	padding: 0px 0px 15px;
}

.t-center{
	text-align: center !important;
}

.detail-list-2 li div{
	padding-top: 10px;
}

.detail-list-2 li p.tt1{
	padding: 0px 0px 5px;
}

#machine-txt p#txt1{
	font-size: 20px;
	line-height: 1.4em;
}

ul#companylogo li{
	width: 30%;
	margin: 0px 1%;
}

/*---------------------MAIN---------------------*/
.main-content {
	width:94%;
	margin: 0 auto;
	padding:0 0 2em;
}
	
.btn_apply {
	width : 94%;
	margin:1.5em auto 2em;
	padding:1em;
	text-align:center;
}
	
h2.ttl{
	width:80%;
	margin: 50px auto 0;
	padding: 0 0 15px;
	text-align: center;
}
h2.ttl-long{
	width:80%;
	margin: 50px auto 0;
	padding: 0 0 15px;
	text-align: center;
}
.thin-line {
	width:100%;
}

.main-content dl {margin: 1.5em auto;border-top: 1px solid #ccc;}
.main-content dl dt {width: 100%;padding: 1.5em 0 1.5em 10px;background: #e6e6e6;border-bottom: 1px solid #ccc;font-weight:bold;}
.main-content dl dd {width: 100%;padding: 1.5em 0 1.5em 10px;background: #ffffff;border-bottom: 1px solid #ccc;}
.main-content dl a {text-decoration:underline; color:#323232;}
	
	
.blue-bg, beige-bg {
	padding:45px 0 10px;
}
.btn-contact-offer ul{
	width:94%;
	margin:0;
	padding:0;
	text-align:center;
}
.btn-contact-offer li{
	float:none;
	margin:15px auto;
}
.btn_entry {
	width : 94%;
	text-align:center;
}
.btn_entry a{
    padding : 15px 0;
}

.bg-ttl-thankyou {
	width:100%;
	height:auto;
	min-width:100%;
	min-height: 150px;
	overflow: hidden;
	padding:0;
	margin:0 auto;
	text-align:center;
	background-size:cover;
}
.bg-ttl-thankyou h1{
	width: 100%;
	font-size:32px;
	text-align:center;
	margin:0 auto;
}
#video {
	width:94%;
	height:auto;
}




/*--*/
#footer{
	width:100%;
}
/*---------------------OTHER---------------------*/
#sp-mainimg,
#top-head{
	display: inherit;
}

.button-toggle{
	position: fixed;
	top: 0px;
	right: 0px;
	margin: 50px;
}

.info-btn{
	padding: 25px 0px;
}

ul#companylogo{
	padding-top: 10px;
}

ul#lightbox li{
	padding: 0px;
}

ul#lightbox{
	overflow: hidden;
}

ul#lightbox li:nth-child(odd){
	width: 46%;
	margin-left: 3%;
	float: left;
}

ul#lightbox li:nth-child(even){
	width: 46%;
	margin-right: 3%;
	float: right;
}

#sl-movie iframe,
#sl-movies iframe{
	width: 100%;
	height: 250px;
}

.slider,
.pr-clum,
.pr-link,
.pr-links{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
}

.slick-dots{
	width: 94% !important;
}

.pr-link .left,
.pr-link .right,
.pr-links .left,
.pr-links .right,
#os-clum .left,
#os-clum .right{
	float: none;
}
#advantages-txt .left,
#advantages-txt .right {
	float:none;
}
.ph-sp{
	text-align:center;
}
.material-list {
	margin:40px auto;
	text-align:center;
}
.material-list li{
	float:none;
	list-style: none;
	padding:0 10px;
	margin-bottom:20px;
	text-align:center;
}
#spec-table{
}

#spec-table,
#spec-tables{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	overflow: auto;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
/*---------------
#spec-table td,
#spec-table th{
	display: block;
	text-align: center;
	padding-left: 0px;
}
----------*/
.smp-tbl{
	text-indent: inherit !important;
}
/*---------------
#spec-tables th,
#spec-tables td{
	display: block;
}

.spec-width th, .spec-width td{
	width: 100% !important;
}
----------*/

h2.ttl p{
	padding: 0px 10%;
}

#products-list li{
	padding-bottom: 10px;
}

h2.mainttl{
	font-size: 38px !important;
}

img#DLButton, img#DLButton-2 {
	display: none;
}

.catalog-dl-wrap {
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
	margin:30px auto;
}

.catalog-img-1 {
	float:none;
	margin-bottom:30px;
	text-align:center;
}

.catalog {
	margin:50px auto 20px 0;
	text-align:center;
}

#catalog-txt{
	font-size: 16px;
	padding: 0px;
}

.catalog-dl-ttl {
	font-size: 20px;
	font-weight:bold;
}

.catalog-txt-wrap {
	float:none;
	margin: 0 auto;
}

.br-pc { display:none; }
.br-sp { display:block; }
}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */