@charset "UTF-8";
.csr-navi-box {
    margin: 0 45px;
    position: relative;
    overflow: hidden
}
.csr-navi-box .navi-item {
    margin: 0 2.75% 30px 0;
    width: 50%;
    float: left
}
.csr-navi-box .navi-item:nth-child(3), .csr-navi-box .navi-item:nth-child(5), .csr-navi-box .navi-item:nth-child(7) {
    margin-right: 0
}
.csr-navi-box .navi-item:nth-child(4), .csr-navi-box .navi-item:nth-child(6) {
    clear: both
}
.csr-navi-box .navi-item:nth-child(8) {
    margin-top: -78pt;
    margin-left: 2.75%;
    margin-right: 0
}
.csr-navi-box .navi-item a {
   /* display: block;
     border: 2px solid #b9b9b9
    background-color: #fff;*/
    font-size: 26px;
    color: #333;
    background: url(/00cmn/img/common/icon_link.png) no-repeat right center; padding-right: 25px; line-height: 1.5; padding: 8px 25px 8px 0;
}
.csr-navi-box .navi-item a:hover {
    opacity: 1
}
.navi-item-drop label {
    display: block;
    margin: 0;
    font-size: 20px;
   /* border: 2px solid #b9b9b9*/
}

.navi-item-drop input[type="checkbox"].on-off1, .navi-item-drop input[type="checkbox"].on-off2 {
    display: none
}
.navi-item-drop ul {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    margin: 0;
    padding: 0;
    list-style: none; font-family: "FP-ヒラギノUD角ゴ StdN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.navi-item-drop li {
    width: 100%
}
.navi-item-drop li a {
    margin: 0 !important;
    /*padding: 0 !important;*/
    font-size: 16px !important;
    line-height: 2.5 !important;
    border-top: 0 !important;
}
/*.navi-item-drop li a:hover {
    background: #c7000b;
    color: #fff;
    border: 2px solid #c7000b
}*/
.navi-item-drop input[type="checkbox"].on-off1 + ul, .navi-item-drop input[type="checkbox"].on-off2 + ul {
    height: 0;
    overflow: hidden
}
.navi-item-drop input[type="checkbox"].on-off1:checked + ul {
    height: 180px
}
.navi-item-drop input[type="checkbox"].on-off2:checked + ul {
    height: 450px
}
.csr-navi-box .navi-link-02 {
    padding: 18px 10px
}
.csr-navi-box .navi-link-01 span {
    padding: 9pt 10px;
    display: block
}
.csr-navi-box .navi-item:nth-child(6) label {
    padding: 18px 10px;
    line-height: 1.2
}
.csr-navi-box .navi-item:nth-child(8) label {
    padding: 60px 10px;
    line-height: 1.9
}
@media(min-width:768px) {
    .csr-navi-box .navi-item a:hover {
        opacity: 1
    }
    .csr-navi-box .navi-link-01:hover, .csr-navi-box .navi-link-02:hover {
        /*background-color: #c7000b;
        border-color: #c7000b;
        color: #fff*/
    }
}
@media(max-width:1200px) {
    .csr-navi-box .navi-item {
        margin: 0 5% 20px 0;
        width: 54%;
        float: left; font-size: 26px
    }
    .csr-navi-box .navi-item:nth-child(4), .csr-navi-box .navi-item:nth-child(6) {
        clear: none
    }
    .csr-navi-box .navi-item:nth-child(3), .csr-navi-box .navi-item:nth-child(5), .csr-navi-box .navi-item:nth-child(7) {
        margin-right: 5%
    }
    .csr-navi-box .navi-item:nth-child(2), .csr-navi-box .navi-item:nth-child(4), .csr-navi-box .navi-item:nth-child(6), .csr-navi-box .navi-item:nth-child(8) {
        margin-right: 0
    }
    .csr-navi-box .navi-item:nth-child(8) {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }
    .csr-navi-box .navi-link-02 {
        padding: 9pt 10px
    }
    .csr-navi-box .navi-item:nth-child(6) label {
        padding: 5pt 10px;
        line-height: inherit
    }
    .csr-navi-box .navi-item:nth-child(8) label {
        padding: 5pt 10px;
        line-height: inherit
    }

    .navi-item-drop li a {
        font-size: 12pt !important
    }
   .navi-item-drop input[type="checkbox"].on-off1:checked + ul {
        height: 160px
    }
    .navi-item-drop input[type="checkbox"].on-off2:checked + ul {
        height: 450px
    }
}
@media(max-width:900px) {
    .csr-navi-box .navi-item:nth-child(5) a {
        font-size: 22px
    }
    .csr-navi-box .navi-item:nth-child(5) a.navi-link-02 {
        padding: 11pt 10px
    }
}
@media(max-width:767px) {
    .csr-navi-box {
        margin: 0;
        padding: 0 20px
    }
    .csr-navi-box .navi-item {
        margin: 0 0 15px;
        width: auto;
        float: none
    }
    .csr-navi-box .navi-item:nth-child(3), .csr-navi-box .navi-item:nth-child(5), .csr-navi-box .navi-item:nth-child(7) {
        margin-right: 0
    }
    .csr-navi-box .navi-item:nth-child(8) {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }
    .csr-navi-box .navi-link-01 img {
        width: 100%
    }
    .csr-navi-box .navi-item a, .navi-item-drop label {
        /*border: 1px solid #b9b9b9;*/
        font-size: 18px;
        font-family: "FP-ヒラギノUD角ゴ StdN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    }
    .csr-navi-box .navi-link-02 {
        padding: 9pt 10px
    }
    .csr-navi-box .navi-item:nth-child(6) label {
        padding: 9pt 10px;
        line-height: inherit
    }
    .csr-navi-box .navi-item:nth-child(8) label {
        padding: 9pt 10px;
        line-height: inherit
    }

 .navi-item-drop input[type="checkbox"].on-off1:checked + ul {
        height: 175px
    }
    .navi-item-drop input[type="checkbox"].on-off2:checked + ul {
        height: 470px
    }
    .navi-item-drop li a {
        border-top: 0 !important;
        line-height: 2.5 !important
    }
    .csr-navi-box .navi-item:nth-child(5) a {
        font-size: 1pc
    }
    .csr-navi-box .navi-item:nth-child(5) a.navi-link-02 {
        padding: 9pt 10px
    }
    .csr-navi-box .navi-item:nth-child(8) a {
        padding: 9pt 10px
    }
}

/*　201029-profile 大文字用追加　*/
.highl-line { margin-bottom:30px; }
.txt-bignumber { font-size:120px; font-family:'Frutiger Neue LT W06 Regular', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; line-height:1em; }
p.highnum-r, p.highnum-l { display:inline-block; vertical-align:baseline; position:relative; padding:0 200px 0 10px;  font-size:22px; }
p.highnum-l { padding-right:10px; margin-top:10px}
p.highnum-r img { position:absolute; top:50%; margin-top:-90px; right:0; }
p.highnum-l img { position:absolute; top:50%; margin-top:-90px; left:0; }
@media (min-width: 768px) {
  .txt-bignumber { font-size:68px; }
  p.highnum-l { padding:10px 50px 10px 20px;}
  p.highnum-r { padding-right:10px;}
  p.highnum-r img { position:absolute; height:120px; top:50%; margin-top:-60px; right:0; }
  p.highnum-l img { position:absolute; height:120px; top:50%; margin-top:-60px; left:0; }
}
@media (max-width: 767px) {
  .txt-bignumber { font-size:30px; }
  p.highnum-l { padding:10px 10px 0 20px;}
  p.highnum-l.padr20 { padding:0 20px 0 100px; }
  p.highnum-r { padding-right:10px;}
  p.highnum-r img { position:absolute; height:80px; top:50%; margin-top:-40px; right:0; }
  p.highnum-l img { position:absolute; height:80px; top:50%; margin-top:-30px; left:0; }
}
