@charset "utf-8";
/* CSS Document */
/* ====================================================
　下層ページメニュー
==================================================== */
.SubMenu ul.csr, .SubMenu_f ul.csr { margin: 0 auto; line-height: 1;}
.SubMenu .csr li, .SubMenu_f .csr li { width: 250px; }
.SubMenu .csr li a, .SubMenu_f .csr li a { display: block;}

.pageCsr_iso [class^="SubMenu"] li.smenu01,
.pageCsr_iso [class^="SubMenu"] li.smenu01 a,
.pageCsr_iso [class^="SubMenu"] li.smenu01 a:hover,
.pageCsr_iso [class^="SubMenu"] li.smenu01 a:before,
.pageCsr_niiminocoto [class^="SubMenu"] li.smenu02,
.pageCsr_niiminocoto [class^="SubMenu"] li.smenu02 a,
.pageCsr_niiminocoto [class^="SubMenu"] li.smenu02 a:hover,
.pageCsr_niiminocoto [class^="SubMenu"] li.smenu02 a:before,
.pageCsr_training [class^="SubMenu"] li.smenu03,
.pageCsr_training [class^="SubMenu"] li.smenu03 a,
.pageCsr_training [class^="SubMenu"] li.smenu03 a:hover,
.pageCsr_training [class^="SubMenu"] li.smenu03 a:before{
    background: #008d6a;
    color: #eeeeee;
}
.pageCsr_iso [class^="SubMenu"] li span,
.pageCsr_niiminocoto [class^="SubMenu"] li span,
.pageCsr_training [class^="SubMenu"] li span {
    color: #999999;
    background: #cccccc;
    padding: 12px 7px 10px;

}

/*サブ上*/
.pageCsr_iso .SubMenu li.smenu01 a:before,
.pageCsr_niiminocoto .SubMenu li.smenu02 a:before,
.pageCsr_training .SubMenu li.smenu03 a:before{
    content:"\f13a";
    color:#ffffff;
    margin-right: 3px;
    font-family: Fontawesome;
}

/*サブ下*/
.pageCsr_iso .SubMenu_f li.smenu01 a:before,
.pageCsr_niiminocoto .SubMenu_f li.smenu02 a:before,
.pageCsr_training .SubMenu_f li.smenu03 a:before{
    content:"\f139";
    color:#ffffff;
    margin-right: 3px;
    font-family: Fontawesome;
}


/* ====================================================
　CSRトップ
==================================================== */
.pageCsr {}
.pageCsr a { text-decoration: none; color:#192d2a;}
.contents.csr_top { 
    padding-top: 0px !important;
}

.contents.csr_top .row{ 
    padding-top: 0px !important;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 767px) {
.contents.csr_top .row{ 
    display: flex;
    justify-content: center;
    flex-direction: column;
}
}
.csr_intro {margin:0 15px 30px;}
.csr_intro .photo{
    background: #ffffff;
    text-align: center;
    padding-bottom: 10px;
    max-width: 315px;
    margin: 0 auto 15px;

}
.csr_intro .photo img { margin-bottom: 20px;}
.csr_intro .photo h2 {
    font-size:20px;
    line-height: 1.5;
    min-height: inherit;
}
.csr_intro .photo h2 span { padding-left: 0 !important; padding-right: 0 !important;}
.csr_intro .photo i {
    color: #eeeeee;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.csr_intro .photo:hover,
.csr_intro .photo:hover i { color: #008d6a;}
.csr_intro .photo:hover i {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
.csr_intro .photo h2 span i {
    color: #192d2a;
}
.csr_intro .photo:hover h2 span i {
    transform: none;
    -webkit-transform: translateY(0px);
}
@media screen and (max-width: 767px) {
.csr_intro {margin:0 0 30px 0;}
}
/* ====================================================
　ISO
==================================================== */
.iso img { width: 100%; height: auto;}
.pageCsr_iso .philosophy_box p,
.pageCsr_iso .philosophy_box li { font-size: 16px; font-weight: normal; text-align: left;}
.pageCsr_iso .philosophy_box li { margin: 1em; list-style-type: decimal;}
.pageCsr_iso .photo img{ width: 100%; max-width: 915px; height: auto;}
.pageCsr_iso .jacoImg{margin: 1em auto 8em;}
.pageCsr_iso .jacoImg img{width: 100%; height: auto;}
@media print, screen and (min-width: 768px) {
    .pageCsr_iso .jacoImg{width: 25%;}
}
@media screen and (max-width: 767px) {
    .iso { text-align: center; margin-top: 20px;}
    .iso img { width: 60%; height: auto;}
    .pageCsr_iso .photo img{ width: 100%; max-width: 715px; height: auto;}
    .pageCsr_iso .iso_top { text-align: center;}
    .pageCsr_iso .jacoImg{width: 85%;}
}


/* ====================================================
　教育・訓練
==================================================== */
.pageCsr_training{}
.pageCsr_training .contents.report .row { margin-bottom: 60px;}
.pageCsr_training .contents.report h3 {
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    background: #008e6b;
    color: #ffffff;
    padding: 12px 10px;
    line-height: 1;
    border-radius: 4px;
    letter-spacing: 0.075em;
}
.pageCsr_training .contents.report ul { margin-bottom: 20px;}
.pageCsr_training .contents.report li {
    padding: 12px 3px 11px 0;
    border-bottom: 1px #cccccc dotted;
    line-height: 120%;
}
.pageCsr_training .contents.report img { margin:0 10px 10px;}

@media screen and (max-width: 767px) {
    .pageCsr_training .contents.report img { margin:15px 5px 0px;}
}