@charset "UTF-8";
/*
 * csr.css
 *
 */

/* index
---------------------------------------------------------- */
#breadcrumb.pc {
display: block; /* sliderを使用するために"tabele"タグを回避 */
}
#breadcrumb.sp {
display: none;
}
#main_contents2 {/* 1カラムなので調整 */
float: none;
width: auto;
margin-top: 0px;
}
#main_contents2 section {
width: 980px !important;
min-width: 980px;
margin-bottom: 3em;
}
/* h-ttl-arw01 */
.h-ttl-arw01 {
background-image: url(../../img/arw_2x.png);
background-repeat: no-repeat;
background-position: right center;
color: #000000;
display: inline-block;
padding-right: 30px;
background-size: auto 25px;
}
/* .boxTableLinks3 */
.boxTableLinks3 {
width: 100%;
display: block;
border-top: 1px solid #e5e5e5;
margin-bottom: 1em;
}
.boxTableLinks3 li:nth-child(4),
.boxTableLinks3 li:nth-child(8) {
border-right-style: none;
}

.boxTableLinks3 li {
width: 25%;
float: left;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding-top: 1em;
padding-left: 10px;
display: block;
height: 150px;
}



/* 横3つパターン */
.boxTableLinks3.line-3 li {
width: 33.3%;
}
.boxTableLinks3.line-3 li:nth-child(3) {
border-right-style: none;
}
/* SCSKのCSR */
.boxTableLinks3-section .boxTableLinks3 {
font-size: 17px;
}



/* CSR活動報告 */
li.boxLinksIndex-item h3.arw01 {
padding-top: 1em;
padding-bottom: 1em;
padding-left: 15px;
font-size: 20px;
font-weight: normal;
line-height: 1.2em;
}
.boxLinksIndex li.boxLinksIndex-item ul {
padding-left: 15px;
padding-bottom: 1em;
line-height: 1.5em;
}
.boxLinksIndex li.boxLinksIndex-item ul a {
padding-top: 0.2em;
padding-bottom: 0.2em;
}

/*---------------------------------------------------------- */
.boxLinks li {
background-color: #071171;
margin-bottom: 20px;
height: 150px;
}
.boxLinks li img {
width: 100%;
}
.boxLinks li span {
height: 48px;
}
.boxLinks li a {
color: #FFFFFF;
}
.boxLinks.line-2 li {
width: 480px;
height: 260px;
}
.boxLinks.line-3 li {
width: 313.3px;
height: 187px;
margin-bottom: 0px;
}

/* ttl-List */
#main_contents2 .ttl-List li,
#main_contents2 .ttl-List li a {
	width: 100%;
}
#main_contents2 .ttl-List {
    margin-top: 0px;
}

/* SP
---------------------------------------------------------- */
@media screen and (max-width:767px) and (min-width:1px) {
#categoryVisual,
#categoryVisual.open {
background-image: none;
}
#main_contents2 section {
width: 95% !important;
min-width: 95%;
margin-bottom: 3em;
margin-left: auto;
margin-right: auto;
}
/* SCSKのCSR */
.boxTableLinks3-section .boxTableLinks3 {
font-size: 14px;
}
.boxTableLinks3-section ul.boxTableLinks3 li {
background-position: left 10px bottom 10px;
background-size: auto 50%;
}
/* スマホ表示時の幅の調整 */
.boxLinksIndex,
.boxLinks,
.ttl-List,
.boxTableLinks3.iso{
width: 95%;
margin-left: auto;
margin-right: auto;
}
/* HTitle*/
.h-ttl01{
width: 95%;
margin-left: auto;
margin-right: auto;
}
/* boxLinksIndex */
.boxLinksIndex img {
border-style: none;
width: 50%;
}
li.boxLinksIndex-item h3.arw01 {
width: 47%;
float: right;
font-size: 18px;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 0px;
}
.boxLinksIndex li.boxLinksIndex-item ul a {
font-size: 13px;
}
.boxLinksIndex li.boxLinksIndex-item {
min-height: 1px;
position: relative;
margin-bottom: 1em;
}
.boxLinksIndex li.boxLinksIndex-item:last-child ul {
top: 3.5em;
}
.boxLinksIndex li.boxLinksIndex-item ul {
width: 47%;
position: absolute;
right: 0px;
top: 5em;
padding-left: 0px;
}
/* boxTableLinks3 */
.boxTableLinks3-section{
width: 95%;
margin-left: auto;
margin-right: auto;
}
.boxTableLinks3 {
display: block;
border-top: 1px solid #e5e5e5;
margin-bottom: 0px;
}
.boxTableLinks3.bg-gray02 {
background-color: #FFFFFF !important;
}
ul.boxTableLinks3 li {
background-color: #FFFFFF;
height: 12em;
width: 50% !important;
}
ul.boxTableLinks3.iso li {
height: 9em;
background-size: auto 40%;
}
.boxTableLinks3 li:nth-child(even) {
border-right-style: none;
}
.boxTableLinks3 li.heightLinegroup1,
.boxTableLinks3 li.heightLinegroup2 {
padding-bottom: 2em;
width: 50%;
}
.boxTableLinks3 li.heightLinegroup2 a {
padding-bottom: 4em;
}
.boxTableLinks3.line-3 li:nth-child(3) {
border-right-style: solid;
border-right-width: 1px;
}
/* boxLinks */
.boxLinks li {
margin-bottom: 20px;
width: 100%;
float: none;
margin-left: 0px;
margin-right: 0px;
}
.boxLinks li span {
font-size: 16px;
height: 36px;
}
.boxLinks.line-2 li,
.boxLinks.line-3 li {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.boxLinks.line-3 li:last-child {
margin-bottom: 0px;
}

}
@media screen and (max-width:570px) {
li.boxLinksIndex-item h3.arw01 {
font-size: 15px;
padding-top: .6em;
padding-bottom: .5em;
}
.boxLinksIndex li.boxLinksIndex-item {
min-height: 6em;
}
.boxLinksIndex li.boxLinksIndex-item ul {
top: 3.5em;
line-height: 1em;
}
.boxLinksIndex li.boxLinksIndex-item:last-child ul {
top: 3em;
}
.boxLinksIndex li.boxLinksIndex-item ul a {
font-size: 10px;
}

}

@media screen and (max-width:320px) {
.boxLinksIndex img {
width: 30%;
}
li.boxLinksIndex-item h3.arw01,
.boxLinksIndex li.boxLinksIndex-item ul {
width: 67%;
}
.boxLinksIndex li.boxLinksIndex-item {
min-height: 8em;
}
li.boxLinksIndex-item h3.arw01 {
padding-top: .5em;
padding-bottom: .5em;
}

}

/* 新CSRトップ専用 */
.bg-gray02 .section .boxLinksIndex.heightLineParent li.boxLinksIndex-item{
width: 310px;
background-color: #FFFFFF;
margin-right: 20px;
float: left;
min-height: 0px;
}
.margin-0-auto{
margin:0 auto;
}

/*20161101追記 ブロック要素からリンク----------------*/
.link_box{
  position:relative;
  width:30%;
  padding:40px;
  border:none;
  margin:0px auto;
}

.link_box a{
  background-color:#FFF;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.link_box a:hover{
  background-color:#f2f8fc;
}
.link_box img{
  position:absolute;
  bottom:10px;
  right:10px;
  width:auto;
  max-height:77px;
}

.none_link{
  position:relative;
  width:30%;
  padding:40px;
  border:none;
  margin:0px auto;
}
.none_link .absol{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.none_link img{
  position:absolute;
  bottom:10px;
  right:10px;
  width:auto;
  max-height:77px;
}
/*//--------------------20161028追記ここまで---------------------//*/
.link_box h4{padding:15px 0 0 10px!important;}
.none_link h4{padding:15px 0 0 10px!important;}
.none_link h4.arw01:hover{
  color:#000!important;
  text-decoration:none!important;
 
}

/* ----------------------------------------------------- */
/*  ----動画コンテンツ表示サイズ切り替え用スタイル */
/* ----------------------------------------------------- */
/* 20180926 del
#boxer.inline{
padding:10px!important;
}

.inline_content iframe{
width:720px!important;
height:405px!important;
}
#boxer{
margin-top:50px!important;
width:740px!important;
height:425px!important;
}

@media screen and (max-width:767px) and (min-width:1px) {
.inline_content iframe{
width:400px!important;
height:225px!important;
}
#boxer{
margin-top:50px!important;
width:420px!important;
height:245px!important;
}
}

@media screen and (max-width:570px) {
.inline_content iframe{
width:300px!important;
height:168px!important;
}
#boxer{
margin-top:70px!important;
width:320px!important;
height:188px!important;
}
}
*/

/*//--------------------20200318CSR対応---------------------//*/
.p-sustainability_titArea{
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.p-sustainability_titArea:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}
.p-sustainability_titArea__img{
    position: absolute;
    width: auto;
    height: auto;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    min-width: 100%;
    min-height: 100%;
} 
.p-sustainability_titArea__img img{
    object-fit: cover;
    animation: para 2s ease 0s 1 normal;
    min-width: 100%;
    min-height: 100%;
    max-width: initial;
}

@keyframes para {
	0% {opacity: 0;transform: scale(1.15);}
	100% {opacity: 1;transform: scale(1);}
}

.p-sustainability_titArea__tit{
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    max-width: 95%;
}
.p-sustainability_titArea__tit h2{
    font-size: 3rem;
}
.p-sustainability_titArea__tit p{
    font-size: 1rem;
}

.boxLinks__imgfit{
    background-color: #fff;
    width: 100%;
    height: 100px;
    overflow: hidden;
    position: relative;

}
.boxLinks__imgfit img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transform-origin: 50% 50%;
    min-width: 100%;
    min-height: 100%;
}

.line-3 .boxLinks__imgfit{height: 136px;}

.none_link img{
    max-height: none;
}

@media screen and (max-width: 768px) and (min-width: 1px){
    .p-sustainability_titArea{
        height: 150px;
    }
    .p-sustainability_titArea__tit h2{
        font-size: 1.5rem;
    }
    .p-sustainability_titArea__tit p{
        font-size: 1em;
    }
    .boxLinks__imgfit {height: 115px;}
    .boxLinks.line-4 li:nth-last-child(2) {
        margin-bottom: 20px;
    }
    html.mf_ie11 .p-sustainability_titArea__tit {
            max-width: 250px;
    }
}