@charset 'UTF-8';


/* --------------------------------------------------
* @media width 1023px
* -------------------------------------------------- */
@media screen and (max-width: 1023px) {



/* --------------------------------------------------
* IR トップ
* -------------------------------------------------- */


/* Navigation
* -------------------------------------------------- */

/* ***** Main Navigation ***** */
.ir-top-nav-main {
float: none;
width: 100%;
}
.ir-top-nav-main-head {
text-align: center;
}

/* ***** Sub Navigation ***** */
.ir-top-nav-sub {
float: none;
width: 100%;
margin: 35px 0 0;
}
.ir-top-nav-sub-listA {
float: none;
width: 100%;
}
.ir-top-nav-sub-listA-list {
margin: 0 -5px;
letter-spacing: -.4em;
}
.ir-top-nav-sub-listA-item {
display: inline-block;
vertical-align: top;
width: 50%;
padding: 0 5px;
}
.ir-top-nav-sub-listA-item .item-img {
width: 100%;
}
.ir-top-nav-sub-listB {
float: none;
width: 100%;
margin: 15px 0 0;
}
.ir-top-nav-sub-listB-item .item-a {
position: relative;
}
.ir-top-nav-sub-listB-item .item-a:after {
content: '';
position: absolute;
top: 0;
right: 10px;
background: url(../../img/common/arrow_gray.png) no-repeat right center;
background-size: 7px auto;
width: 7px;
height: 100%;
}


/* Navigation 2
* -------------------------------------------------- */
.ir-top-nav2-left {
display: block;
padding: 0;
}
.ir-top-nav2-right {
display: block;
width: 100%;
margin: 50px 0 0;
}


/* Banner
* -------------------------------------------------- */
.ir-top-banner {
position: relative;
top: 0;
margin: 35px 0 0;
}
.ir-top-banner-list {
overflow: hidden;
width: 100%;
margin: 0 -5px;
text-align: center;
letter-spacing: -.4em;
}
.ir-top-banner-list-item {
float: none;
display: inline-block;
vertical-align: top;
}

} /* END @media width 1023px */




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


/* --------------------------------------------------
* IR トップ
* -------------------------------------------------- */

/* ***** Sub Navigation ***** */
.ir-top-nav-sub-title .title-img {
width: auto;
height: 15px;
}


/* Navigation 2
* -------------------------------------------------- */
.ir-top-nav2 {}
.ir-top-nav2-col {
position: relative;
margin: 0 -5px;
}
.ir-top-nav2-col-block {
width: 50%;
padding: 0 5px;
}
.ir-top-nav2-col-block.is-other {
position: absolute;
bottom: 0;
right: 0;
}



/* Document
* -------------------------------------------------- */
.ir-top-doc-btn .anchor {
max-width: 250px;
}


/* News
* -------------------------------------------------- */
.ir-top-news-title-head .head-img {
width: auto;
height: 15px;
}
.ir-top-news-title-bk {
padding-right: 10px;
font-size: 10px;
font-size: 1.0rem;
}
.ir-top-news-list {
overflow: hidden;
height: auto;
padding-right: 0;
}
.ir-top-news-item {
display: none;
}
.ir-top-news.is-active .ir-top-news-item {
display: block;
}
.ir-top-news-item:nth-child(1),
.ir-top-news-item:nth-child(2),
.ir-top-news-item:nth-child(3),
.ir-top-news-item:nth-child(4),
.ir-top-news-item:nth-child(5) {
display: block;
}
.ir-top-news-more {
display: block;
}
.ir-top-news.is-active .ir-top-news-more {
display: none;
}
.ir-top-news-rss {
display: none;
}



/* Banner
* -------------------------------------------------- */
.ir-top-banner-list {
margin: 0 -5px;
letter-spacing: -.4em
}
.ir-top-banner-list-item {
float: none;
display: inline-block;
width: 50%;
vertical-align: top;
}




/* --------------------------------------------------
* 「人」を大切にする社風
* -------------------------------------------------- */
.corpo-culture-list {
margin-top: 20px;
}
.corpo-culture-list-item {
font-size: 17px;
font-size: 1.7rem;
}


} /* END @media width 767px */




/* --------------------------------------------------
*  @media print
* -------------------------------------------------- */
@media print {

} /* END @media print */