/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Lato, Arial, sans-serif; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.content-Box { max-width:1200px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.banner { background:url(../images/idx-ban-bg.jpg) no-repeat top center; background-size:cover;}
.single-item .slick-slide { position:relative;}
.single-item .slick-dots { text-align:center; display:none !important;}
.single-item .slick-dots li { width:auto; height:3px; overflow:hidden;}
.single-item .slick-dots li button { width:30px; height:3px; background:#fff; margin:0 2px;}
.single-item .slick-dots li button::before { content:""; display:none; }
.single-item .slick-dots li.slick-active button  { background:#e40112;}
/*.single-item .slick-prev, .single-item .slick-next { display:none !important;}*/
.single-item .slick-prev, .single-item .slick-next { width:auto; height:auto; top:47%;}
.single-item .slick-prev { left:40px;}
.single-item .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; font-size:90px;}
.single-item .slick-next { right:40px;}
.single-item .slick-next::before { font-family:'FontAwesome'; content:"\f105"; font-size:90px;}
.banner-rwd { display:none !important; background:url(../images/idx-ban-bg.jpg) no-repeat top center; background-size:cover;}

.idx-about-bg { background:url(../images/about-bg.jpg) no-repeat top left; background-size:cover; min-height:874px;}
.idx-about-content { max-width:50%; margin:0 0 0 auto; padding:80px 60px; letter-spacing:1px; font-size:15px; color:#5d5d5d; line-height:22px; text-align:left;}
.idx-about-content h1 { color:#212121; font-size:34px; line-height:110%; margin-bottom:32px;}
.idx-about-btn { margin:30px 0 50px 0;}
.idx-about-btn a { color:#5d5d5d;}
.idx-about-btn a:hover { color:#e40112;}
.video-box { max-width:640px; margin:0 auto;}
.video-container { position: relative; /*padding-bottom: 56.25%;*/ padding-bottom: 51.5%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width:0;}

.idx-link { background:url(../images/idx-link-bg.jpg) top center; padding:58px 20px 130px 20px; text-align:center;}
.idx-link h2 { padding-bottom:38px; color:#fff; text-align:center;}
.idx-link-list { display:flex; flex-direction:row; flex-wrap:wrap;}
.idx-link-list > div { padding:0 12px 50px 12px; width:25%;}
.idx-link-pto { line-height:0; overflow:hidden; text-align:center;}
.idx-link-pto img {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}
.idx-link-name { border-radius:20px; min-height:40px; color:#fff; background:#0078b9; font-size:18px; letter-spacing:1px; font-weight:bold; padding:10px; line-height:120%; text-align:center;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
.idx-link-list > div:hover .idx-link-name { background:#e40112;}
.idx-link-list > div:hover img { 
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);}

.idx-ce { background:url(../images/idx-ce-bg.jpg) no-repeat top right; background-size:cover; text-align:center; padding:0 20px 0 20px;}
.idx-ce-content { position:relative; top:-80px;}
.idx-ce-content h3 { display:block; text-align:center; font-size:28px; color:#ff6c00; padding-top:35px; line-height:120%;}

.idx-bottom-bg { background:url(../images/idx-service-bg.gif) no-repeat top center; position:relative; background-size:cover; padding-top:10px;}
.idx-bottom-bg:before { content:""; display:block; position:absolute; top:0; left:0; width:100%; height:10px; background:#f18404;}
.idx-bottom { display:flex; flex-direction:row; flex-wrap:wrap;}
.idx-bottom > div { width:50%;}
.idx-bottom-pto { line-height:0; background:url(../images/idx-service-pto.png) no-repeat bottom center; background-size:contain;}
.idx-bottom-info { padding:55px 60px 70px 90px;}
.idx-bottom-info-title { font-family:Abel; color:#2e2e2e; font-size:54px; line-height:110%; margin-bottom:60px;}
.idx-bottom-info-list { display:flex; flex-direction:row; flex-wrap:no-wrap; padding-bottom:25px; align-items:center;}
.idx-bottom-info-list > div:first-child { width:70px;}
.idx-bottom-info-list > div:last-child { width:calc(100% - 70px); font-size:18px; color:#2e2e2e; line-height:28px; letter-spacing:1px;}
.idx-bottom-info-list > div:last-child b { color:#e40112; font-weight:normal;}
.idx-bottom-info-list i { font-size:60px; color:#9e9e9e;}
.idx-bottom-info-list i.mail { font-size:40px;} 
.idx-bottom-info-list a { color:#2e2e2e;}
.idx-bottom-info-list a:hover { color:#e40112;}
.idx-social-icon > a > img{transition: all 0.4s ease-out 0s;}
.idx-social-icon > a:hover img{transform: scale(0.85);}

.idx_esg { position: relative; background: url("../images/idx_esg_bg.jpg") no-repeat center / cover; padding: 60px 20px;}
.idx_esg p { font-size: 15px; color: #5d5d5d;}
.idx_esg .tit_1 { font-size: 28px;}
.idx_esg .tit_2 { font-size: 18px; color: #628938; margin: 0 0 10px 0px;}
.idx_esg .esg_four { display: flex; flex-flow: wrap; max-width: 1184px; margin: 40px auto;}
.idx_esg .esg_four .txt { text-align: left; margin: 15px 0; padding: 0 10px 0 0; width: 100%;}
.idx_esg .esg_four .pic { text-align: center; line-height: 0;}
.idx_esg .esg_four > div { width: 50%;}
.idx_esg .esg_four > div:nth-child(2n+2) .txt { text-align: right; padding: 0 0 0 10px;}
.idx_esg .esg_four > .reverse { display: flex; flex-flow: wrap;}
.idx_esg .esg_four > .reverse > div:nth-child(1) { order: 2;}
.idx_esg .esg_four > .reverse > div:nth-child(2) { order: 1;}
.idx_esg .esg_four > .center_pic { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 284px;}

@media only screen and (max-width: 980px) {
.idx-about-bg { min-height:inherit;}
.idx-about-content { max-width:100%; background:rgba(236,239,248,.8); margin:0 auto; padding:30px 20px;}
.idx_esg { padding: 60px 20px 30px 20px;}
.idx_esg .esg_four { margin: 0 auto;}
.idx_esg .esg_four > div { display: flex; flex-flow: column; justify-content: flex-end;}
.idx_esg .esg_four > .center_pic { width: 224px;}
}

@media only screen and (max-width: 768px) {
.single-item .slick-dots { display:block !important;}
.single-item .slick-prev, .single-item .slick-next, .banner-slogon p { display:none !important;}
.banner { display:none !important;}
.banner-rwd { display:block !important;}
.idx-link { padding:60px 15px 30px 15px;}
.idx-link-list > div { padding:0 0 50px 0; width:100%;}
.idx-link-name { font-size:16px;}
.idx-ce-content { top:auto; padding:50px 0;}
.idx-ce-content h3 { font-size:20px;}
.idx-bottom > div { width:100%;}
.idx-bottom-info { padding:30px 15px;}
.idx-bottom-info-title { font-size:36px; margin-bottom:25px;}
.idx-bottom-info-list i { font-size:40px;}
.idx-bottom-info-list i.mail { font-size:30px;} 
.idx-bottom-info-list > div:first-child { width:60px;}
.idx-bottom-info-list > div:last-child { width:calc(100% - 60px); font-size:16px; color:#2e2e2e; line-height:28px; letter-spacing:1px;}
.idx_esg { padding: 40px 20px 30px 20px;}
.idx_esg .tit_1 { font-size: 24px;}
.idx_esg .tit_2 { margin: 0 0 5px 0;}
.idx_esg .esg_four { max-width: 592px; margin: 10px auto 0 auto;}
.idx_esg .esg_four > div { width: 100%; margin: 0 0 20px 0; order: 2;}
.idx_esg .esg_four .txt { min-height: unset; padding: 0; margin: 10px 0;}
.idx_esg .esg_four > div:nth-child(2n+2) .txt { text-align: left; padding: 0;}
.idx_esg .esg_four > .reverse > div:nth-child(1) { order: 1;}
.idx_esg .esg_four > .reverse > div:nth-child(2) { order: 2;}
.idx_esg .esg_four > .center_pic { position: relative; top: 0; left: 0; transform: translate(0,0); margin: 20px auto; width: 244px; order: 1;}
}
@media only screen and (max-width: 640px) {
.idx-about-content h1 { font-size:28px; margin-bottom:20px;}
}
@media only screen and (max-width: 570px) {
.idx_esg .esg_four > .center_pic { width: 224px;}
}
@media only screen and (max-width: 414px) {
.idx_esg .esg_four > .center_pic { width: 204px;}
}
@media only screen and (max-width: 320px) {
.idx_esg .esg_four > .center_pic { width: 184px;}
}