@charset "UTF-8";

@media only screen and (max-width : 1380px) {
#globalfooter .ft_list, #globalheader #contact, #globalheader ul#navs {display: none;}
#globalheader #logo {position: static;}
.relative {height: auto;}
.open {display: block;}
}

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

@media only screen and (max-width : 1100px) {
img {
height: auto !important;
}
.box, #service-banner img, .reason_bx, #report-banner img, #globalfooter, #add-banner img {
padding-left: 3%;
padding-right: 3%;
width: 94%;
}
.concept_bg {
padding: 0!important;
}
.box p.txt, ul#works_list li img, .side_bx .pic, .side_bx .pic img, ul#banner li img, #globalfooter .logo img, #maintxt img, .ttl_img img {
width: 100%;
}
.box h2, .box p.txt, .company_bx .txt, .recruit_bx .txt {
float: none;
}
.box p.txt span {
padding-top: 20px;
font-size: 22px;
line-height: 1.4em;
padding-bottom: 10px;
}
.box p.txt, .side_bx p {
font-size: 14px;
}
#report-banner, #service-banner {
padding-top: 25px;
}
.space, p.txt-one {
padding-top: 20px;
}
ul#works_list li {
margin: 0px 0px 25px 0px;
}
ul#works_list {
padding: 30px 0px;
}
ul#works_list p {
padding-top: 10px;
font-size: 16px;
}
.reason_bx {
padding-bottom: 55px;
}
.reason_bx .left {
padding-top: 0px;
float: none;
width: 100%;
}
.reason_bx .right {
float: none;
text-align: center;
}
.reason_bx .left h3 span.num {
font-size: 45px;
line-height: 45px;
}
.reason_bx .left h3 span.ttl {
font-size: 20px;
padding-top: 10px;
}
.reason_bx .left p {
font-size: 14px;
padding: 10px 0px 15px;
}
.company_bx .txt, .recruit_bx .txt {
width: 100%;
padding: 55px 5%;
}
.side_bx p {
padding-left: 0px;
}
.side_bx a.links {
font-size: 16px;
line-height: 16px;
}
.side_bx p {
padding-top: 10px;
}
ul#banner li {
width: 94%;
margin: 0px 3% 10px 3%;
}
#globalfooter .logo {
float: none;
text-align: center;
width: 250px;
margin: 0 auto;
}
.oneday_bg {
padding-top: 35px;
padding-bottom: 55px;
margin-bottom: 55px;
}
#mainimg {
margin-bottom: 50px;
}
#movies #video {
display: none;
}
#maintxt {
width: 300px;
top: 200px;
}
#movies {
height: 600px;
background-image: url(../images/top/smp.jpg);
background-size: cover;
}
.service_bg {
margin-top: 75px;
}
.ttl_img {
width: 200px;
margin-bottom: 15px;
}
#page-top {
display: none !important;
}
.service_bg {
padding-bottom: 55px;
}
.works_bx, .reason_bg, .oneday_bg, ul#banner {
padding-top: 55px;
}
}
@media only screen and (max-width : 767px) {
.services #sec1 {padding: 50px 0 30px 0;}
.services #sec1 ul li:first-child {width: 100%;}
.services #sec1 ul li:last-child {width: 100%;}
.services #sec1 figure img {width: 100%;}
.services #sec2 ul li:first-child {width: 100%;}
.services #sec2 ul li:last-child {width: 100%;}
.services #sec2 ul li h3 {margin: 30px auto;font-size: 1.2rem;}
.services #sec2 ul li p {font-size: 12px;}
.services #sec2 figure img {width: 100%;}
 
.products #sec1 {padding: 50px 0 10px 0;}
.products #sec1 ul:first-of-type li:first-child {width: 100%;}
.products #sec1 ul:first-of-type li:last-child {width: 100%;}
.products #sec1 ul:last-of-type li {width: 48%;}
.products #sec2 ul {margin-top: 20px;}
.products #sec2 ul li {width: 100%;}
.products #sec2 ul li span {font-size: 15px;}
 
.company #sec1 {padding: 50px 0;}
.company #sec1 h4 {font-size: 1.5rem;}
.company #sec1 ul {margin-top: 40px;}
.company #sec1 ul li {width: 100%;margin-bottom: 30px;}
.company #sec1 ul li h5 {font-size: 1.3rem;}
.company #sec3 dl {font-size: 15px;}
.company #sec3 dl dt {width: 30%;}
.company #sec3 dl dd {width: 70%;}
.company #sec2 iframe {height: 300px;}
.company #sec4 #map {height: 300px;}
 
.oneday #sec1 {padding: 50px 0;}
.oneday #sec1 ul:first-of-type li:first-child {width: 100%;}
.oneday #sec1 ul:first-of-type li:last-child {width: 100%;}
.oneday #sec1 figure img {width: 100%;}
.oneday #sec2 {padding: 50px 0;}
.oneday #sec2 ul li:nth-of-type(2), .oneday #sec2 ul li:nth-of-type(3), .oneday #sec2 ul li:nth-of-type(6), .oneday #sec2 ul li:nth-of-type(7) , .oneday #sec2 ul li:nth-of-type(10), .oneday #sec2 ul li:nth-of-type(11) {height: 200px;}
.oneday #sec2 ul li h4 {font-size: 1rem;}
 
.recruit #sec1 {padding: 50px 0;}
.recruit #sec1 ul li:first-child {width: 100%;}
.recruit #sec1 ul li:last-child {width: 100%;}
.recruit #sec1 figure img {width: 100%;}
.recruit #sec2 {padding: 50px 0;}
.recruit #sec2 dl dt {width: 30%;font-size: 15px;}
.recruit #sec2 dl dd {width: 70%;font-size: 15px;}
.recruit #sec2 a {width: 80%;padding: 20px 0;}
.recruit #sec3 #map {height: 300px;}
 
.contact #sec1 .tab_item {height: 50px;line-height: 50px;font-size: 12px;}
.contact #sec1 dl {font-size: 14px;line-height: 1.5em;}
.contact #sec1 dl dt {width: 100%;padding: 10px 20px 5px 20px;}
.contact #sec1 dl dd {width: 100%;}
.contact #sec1 ul li:first-child {width: 45%;}
.contact #sec1 ul li:last-child {width: 50%;}
 }
 @media not screen and (1) {
.page-top {position: static;}
}
/* Opera10以上 */