@charset 'utf-8';
/**
Foundation
*/
/**
Modules (Slides)
*/
@media screen and (max-width: 900px) {
.overlay2 img {
height: 90px;
}
.sp .flex-direction-nav {
margin-top: 45px;
}
.flex-direction-nav .flex-prev {
left: 5px;
}
.flex-direction-nav .flex-next {
right: 5px;
}
}
@media screen and (max-width: 800px) {
.overlay1 img {
height: 250px;
}
}
@media screen and (max-width: 700px) {
.overlay0 img {
height: 150px;
}
.overlay1 img {
height: 200px;
}
.overlay2 img {
height: 70px;
}
}
@media screen and (max-width: 550px) {
.overlay0 img {
height: 110px;
}
.overlay1 img {
height: 150px;
}
.overlay2 img {
height: 50px;
}
}
@media screen and (max-width: 400px) {
.overlay1 img {
height: 110px;
}
.overlay2 img {
height: 30px;
}
}
/**
Modules (News)
*/
@media screen and (max-width: 950px) {
.news {
float: none;
width: 100%;
margin-bottom: 3em;
}
.news h3 {
height: 2em;
}
.news ul li {
margin-bottom: 0.5em;
}
.news ul li a span.datetime {
margin: 0;
}
.news ul li a span.datetime,
.news ul li a span.title,
.news ul li a span.detail {
padding: 0 2%;
width: 100%;
text-align: left;
}
.news ul li a span.title {
line-height: 2em;
}
.news ul li a span.detail {
text-align: right;
}
.news .list_button {
text-align: center;
}
}
/**
Modules (Banners)
*/
@media screen and (max-width: 950px) {
.banners {
float: none;
width: 100%;
height: auto;
text-align: center;
}
.banners:after {
clear: both;
}
.banners .ul_box {
padding: 1%;
}
.banners li {
float: left;
width: 31.334%;
margin: 1%;
}
.banners .recruit a {
background-image: url(../images/index/b1.jpg);
}
.banners .inquire a {
background-image: url(../images/index/b2.jpg);
}
.banners .mail_magazine a {
background-image: url(../images/index/b3.jpg);
}
}
@media screen and (max-width: 640px) {
.banners li {
float: none;
width: 100%;
padding: 0;
margin: 1em 0;
}
.banners a {
padding: 1.1em 0;
line-height: 4em;
}
}
/**
Modules (Work)
*/
@media screen and (max-width: 950px) {
.work h3 {
height: 2em;
}
.work li {
width: 50%;
padding: 0.5em;
}
.work li:nth-child(odd) {
padding-right: 0.25em;
}
.work li:nth-child(even) {
padding-left: 0.25em;
}
.work li:nth-child(5) {
display: none;
}
.work .list_button {
text-align: center;
}
}
/**
Modules (Link)
*/
@media screen and (max-width: 950px) {
/*
.link h3 {
background: left center transparent no-repeat;
background-size: cover;
width: 100%;
height: 1.8em;
}
*/
.link li {
width: 98%;
}
.link li > .background {
padding-top: 25%;
height: auto;
}
.link li .t2 {
font-size: 1.2em;
}
.link .info_right .company_real_address {
font-size: 1em;
}
.link li .absolute_center_center {
height: 120px;
margin: auto;
/* margin-top: auto; */
}
.link li span.height3 span,
.link li span.height2 span,
.link li span.height1 span {
width: 100%;
}
.link .info {
width: 98%;
font-size: 0.8em;
height: auto;
}
.link li:nth-child(odd),
.link li:nth-child(even) {
margin: 1%;
}
/*
.link li:nth-child(odd) {
margin: 1% 0.5% 0.5% 1%;
}
.link li:nth-child(even) {
margin: 1% 1% 0.5% 0.5%;
}
*/
.link .purchase {
margin: 0 1%;
}
}
@media screen and (max-width: 700px) {
.link li > .background {
padding-top: 30%;
}
}
@media screen and (max-width: 600px) {
/*
.link h3 {
background: left center transparent no-repeat;
background-size: cover;
width: 100%;
height: 1.8em;
}
*/
.link li {
/* width: 100%; */
font-size: 1em;
}
.link li > .background {
padding-top: 35%;
}
.link li span.height3 {
line-height: 24px;
height: 72px;
}
.link li span.height2 {
line-height: 36px;
height: 72px;
}
.link li span.height1 {
line-height: 72px;
height: 72px;
}
.link .info {
width: 98%;
}
.link .info_left {
float: none;
width: 100%;
padding: 0;
}
.link .info_right {
float: none;
width: 100%;
padding: 0;
}
.link .purchase a {
padding-top: 37.838%;
background-image: url(../images/index/bana3.jpg);
}
}
@media screen and (max-width: 500px) {
.link li > .background {
padding-top: 40%;
}
}
@media screen and (max-width: 400px) {
.link li > .background {
padding-top: 50%;
}
}
/*
@media screen and (max-width: 319px) {
.link li {
font-size: 0.6em;
}
}
*/