@charset "UTF-8";
/*----------------------------------------------------------------------------------
#breadcrumb
----------------------------------------------------------------------------------*/
#breadcrumb {
 background-color: #000;
 padding: 10px;
}
#breadcrumb ul li {
 color: #fff;
 display: inline-block;
 margin-right: 0.3em;
 line-height: 1.2;
}
#breadcrumb ul li a {
 position: relative;
 color: #fff;
}
#breadcrumb ul li a:hover {
 color: #c5c979;
}
#breadcrumb ul li + li::before {
 content: "\f105";
 font-family: "FontAwesome";
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 display: inline-block;
 font-style: normal;
 font-variant: normal;
 text-rendering: auto;
 line-height: 1;
 margin-right: 0.5em;
}
/*----------------------------------------------------------------------------------
#pageHero
----------------------------------------------------------------------------------*/
#pageHero {
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 overflow: hidden;
 height: 370px;
 position: relative;
 background-size: cover;
 background-repeat: no-repeat;
 background-position: left 50%;
}
@media screen and (max-width: 768px) {
 #pageHero {
  height: 200px;
 }
}
/*----------------------------------------------------------------------------------
.contentMain
----------------------------------------------------------------------------------*/
.contentMain {
 padding: 30px 0;
}
/*
*.contentMain-header
*/
.contentMain-header {
 margin-bottom: 40px;
 text-align: center;
}
.contentMain-header .pageTitle {
 font-size: 40px;
 font-size: 4rem;
 font-family: "Sawarabi Mincho", "游明朝 Medium", YuMincho Medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "メイリオ", Meiryo, serif;
 font-weight: bold;
 line-height: 1.4;
 border-bottom: 1px solid #3e3a39;
 padding-bottom: 0.1em;
 margin-bottom: 0.2em;
 display: inline-block;
 padding-left: 1em;
 padding-right: 1em;
}
@media screen and (max-width: 768px) {
 .contentMain-header .pageTitle {
  font-size: 28px;
  font-size: 2.8rem;
 }
}
.contentMain-header .pageTitle-en {
 font-size: 16px;
 font-size: 1.6rem;
 font-family: "Sawarabi Mincho", "游明朝 Medium", YuMincho Medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "メイリオ", Meiryo, serif;
 line-height: 1.4;
 display: block;
}
@media screen and (max-width: 768px) {
 .contentMain-header .pageTitle-en {
  font-size: 14px;
  font-size: 1.4rem;
 }
}
/*----------------------------------------------------------------------------------
.amiBox
----------------------------------------------------------------------------------*/
.amiBox {
 background: #f4f5e6;
 padding: 20px;
 margin-bottom: 30px;
}
.amiBox *:last-child {
 margin-bottom: 0;
}
.amiBox *:first-child {
 margin-top: 0;
}
/*----------------------------------------------------------------------------------
.sectionBox
----------------------------------------------------------------------------------*/
.sectionBox {
 margin: 40px 0;
}
.sectionBox *:first-child {
 margin-top: 0;
}
.sectionBox *:last-child {
 margin-bottom: 0;
}
/*----------------------------------------------------------------------------------
*.entry
----------------------------------------------------------------------------------*/
.entry *:first-child {
 margin-top: 0;
}
/*
*.hタグ・通常文字
*/
.entry h2 {
 background-color: #989d3f;
 color: #fff;
 padding: 0.4em 0.6em;
 line-height: 1.4;
 font-size: 22px;
 font-size: 2.2rem;
 font-family: "Sawarabi Mincho", "游明朝 Medium", YuMincho Medium, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "メイリオ", Meiryo, serif;
 margin: 1.8em 0 0.8em;
}
.entry h3 {
 line-height: 1.4;
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: bold;
 margin: 1.5em 0 0.5em;
 background-color: rgba(0, 0, 0, 0.08);
 border-left: 4px solid #989d3f;
 padding: 0.3em 0.5em;
}
.entry h4 {
 line-height: 1.4;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: bold;
 margin: 1.3em 0 0.5em;
 border-bottom: 1px solid #989d3f;
 padding-bottom: 0.2em;
}
.entry p {
 margin-bottom: 1em;
}
/*
*.リスト
*/
.entry ul {
 padding-left: 1em;
}
.entry ul li {
 position: relative;
 line-height: 1.4;
 margin-bottom: 0.5em;
}
.entry ul li::after {
 display: block;
 content: '';
 position: absolute;
 top: .5em;
 left: -0.8em;
 width: 6px;
 height: 6px;
 background-color: #666;
 border-radius: 100%;
}
/*
*.Table
*/
.entry table {
 margin: 30px 0 30px;
 border-collapse: collapse;
 border-spacing: 0;
 line-height: 1.4;
}
@media screen and (max-width: 576px) {
 .entry table {
  font-size: 12px;
  font-size: 1.2rem;
 }
}
.entry table caption {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 1.4;
 font-weight: bold;
 text-align: left;
 border-bottom: 1px solid #000;
 padding-bottom: 0.2em;
}
.entry table caption + tbody tr:first-child {
 border-top: none;
}
.entry table {
 width: 100%;
 max-width: 100%;
 margin-bottom: 1rem;
}
.entry table th {
 text-align: left;
 background-color: #f4f5e6;
 font-weight: bold;
}
.entry table th, .entry table td {
 border: 1px solid #b2b0b0;
 padding: 1rem 1em;
 vertical-align: top;
}
.entry table thead th, .entry table thead td {
 vertical-align: bottom;
 border-bottom: 2px solid #b2b0b0;
 background-color: #af2f44;
 color: #fff;
}
.entry table tbody + tbody {
 border-top: 2px solid #b2b0b0;
}
.entry table.nowrap-th th {
 white-space: nowrap;
}
.entry table.nowrap-td td {
 white-space: nowrap;
}
.entry .table-responsive {
 display: block;
 width: 100%;
 min-height: 0%;
 overflow-x: auto;
}
/*----------------------------------------------------------------------------------
*.audio
----------------------------------------------------------------------------------*/
.audio {
 margin: 0 auto;
 text-align: center;
}
/*----------------------------------------------------------------------------------
*.principles
----------------------------------------------------------------------------------*/
.prin-btn {
 margin-top: 30px;
 text-align: center;
}
.prin-btn a {
 display: inline-block;
 padding: 5px 15px;
 width: 300px;
 border: 1px solid #872434;
 font-size: 18px;
}
.prin-btn a:hover {
 background-color: #872434;
 color: #fff;
}
/*----------------------------------------------------------------------------------
*.whistleblowing
----------------------------------------------------------------------------------*/


#whistleblowing a[href$=".pdf"]:after,
#whistleblowing a[href$=".docx"]:after,
#whistleblowing a[href$=".docc"]:after {
 font-family: "FontAwesome";
 display: inline-block;
 margin-left: 0.2em;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-decoration: none !important;
}
#whistleblowing a[href$=".pdf"]:after {
 content: "\f1c1";
}
#whistleblowing a[href$=".docx"]:after,
#whistleblowing a[href$=".docc"]:after {
 content: "\f1c2";
}

.whi-btnArea {
 margin: 20px -15px 0;
 display: flex;
 flex-wrap: wrap;
}
.whi-btnArea .whi-btn-item {
 width: calc(100% / 3);
 padding: 0 15px;
}
@media screen and (min-width: 768px) and (max-width:992px) {
.whi-btnArea .whi-btn-item {
 width: calc(100% / 2);
}
}
@media screen and (max-width: 768px) {
.whi-btnArea {
 margin: 20px 0px 0;
}
.whi-btnArea .whi-btn-item {
 width: 100%;
 padding: 0 ;
 margin-bottom: 10px;
}
}

.whi-btnArea a {
 display: block;
 padding: 5px 15px;
 border: 1px solid #872434;
 text-align: center;
  
}
.whi-btnArea a:hover {
 background-color: #872434;
 color: #fff;
}

.whi-ol ol{
 counter-reset: number 0;   
}
.whi-ol ol li{
 padding-left: 2.5em;
}
.whi-ol ol li::before{
  counter-increment: number 1; 
 content: "（" counter(number) "）";
 margin-left: -2.5em;
}