@charset "utf-8";

/*
 * GIG4 Template Responsive Support
 */

 /* reset */
body {
    position: static;
}

body.double p,body.double ul,body.double ol,body.double dl,body.double dt,body.double dd,body.double table,body.double h1,body.double h2,body.double h3,body.double h4,body.double h5,body.double h6,body.double blockquote,body.double form {
    margin: 0;
    padding: 0
}

body.double ul,body.double ol {
    list-style-type: none
}

body.double li ul, body.double li ol {
    margin: 0;
    padding: 0;
}

/*
 * フォント定義
 */
@font-face {
    font-family: FujitsuSans;
    src: url(//www.fujitsu.com/fontv5/FujitsuSansRegular.eot);
    src: url(//www.fujitsu.com/fontv5/FujitsuSansRegular.eot) format("embedded-opentype"),url(//www.fujitsu.com/fontv5/FujitsuSansRegular.woff) format("woff"),url(//www.fujitsu.com/fontv5/FujitsuSansRegular.ttf) format("truetype")
}

@font-face {
    font-family: FujitsuSansBold;
    src: url(//www.fujitsu.com/fontv5/FujitsuSansMedium.eot);
    src: url(//www.fujitsu.com/fontv5/FujitsuSansMedium.eot) format("embedded-opentype"),url(//www.fujitsu.com/fontv5/FujitsuSansMedium.woff) format("woff"),url(//www.fujitsu.com/fontv5/FujitsuSansMedium.ttf) format("truetype")
}

body, html[lang="ja"] body.double, html[lang='\ja'] .maincontents, html[lang='\ja'] body.double input, html[lang='\ja'] body.double option, html[lang='\ja'] body.double select {
    font-family: FujitsuSans,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
}

/*
 * ヘッダー・フッター共通部品
 */
html {
    overflow-x: hidden;
}

/* Stage */
.stage, .stage_subsidiaries {
    min-width: auto;
    border: none;
    background: none;
}

/* Header */
div.header {
    width: auto;
    padding: 8px;
    background: #fff;
    min-height: auto;
    border-bottom: 1px solid #c6c6c0;
    box-sizing: border-box;
}

.stage_subsidiaries div.header {
    min-height: 0;
    margin-bottom: 0;
    min-height: 51px;
}

@media only screen and (min-width: 1001px) {
    div.header {
        height: auto !important;
    }
}

@media only screen and (max-width: 1000px) {
    div.header {
        overflow: hidden;
        width: 100%;
        transition: background .25s;
        border-bottom: none;
    }

    .header.is-visible {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.4);
        z-index: 9999;
    }

    .stage div.header a {
        color: #000;
        transition: color .2s
    }

    .stage div.header a:active, .stage div.header a:hover {
        outline-width: 0;
    }

    .stage div.header a:active, .stage div.header a:hover {
        text-decoration: underline;
        color: #57564f;
    }

    .stage div.header a:visited {
        text-decoration: underline !important;
        color: #000;
    }

    .stage div.header, .stage_subsidiaries div.header {
        margin: 0;
        padding: 0;
        min-height: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .stage div.header .headertop #corporatesymbol a img {
        width: auto;
        height: 30px;
    }
}

div.headertop {
    justify-content: space-between;
}

div.headertop, .stage_subsidiaries div.headertop {
    background: none;
    padding-left: 0;
    padding-right: 0;
    float: none;
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    border: none;
    box-sizing: border-box;
    padding: 0;
}
.stage_subsidiaries div.headertop{
    /* height: 32px; */
}

@media only screen and (max-width: 1000px) {
    .stage_subsidiaries div.headertop, .stage div.headertop {
        height: auto;
        background: #fff;
        border-bottom: 1px solid #ccccc6;
        justify-content: space-between;
        padding: 0;
        float: none;
        position: relative !important;
        flex-wrap: wrap;
    }
    .stage div.headertop{
        flex-wrap: nowrap;
    }
}

.headerrightarea {
    width: auto;
    display: flex;
    flex-flow: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
}

@media only screen and (max-width: 1000px) {
    .headerrightarea {
        display: block;
        margin-left: 24px;
    }
    .stage .headerrightarea {
        margin-left: 0;
        width: 100%;
    }
}

/* Header GIG5風 UtilArea */
.headerrightarea .utility>li>a>.status-txt {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    font-size: 1rem;
    opacity: 0;
}

.headerrightarea .utility-area {
    display: none;
    justify-content: flex-end;
    align-items: center;
    height: 71px;
}

@media only screen and (max-width: 1000px) {
    .headerrightarea .utility-area {
        display: flex;
        height: 54px;
    }
    .stage_subsidiaries .headerrightarea .utility-area{
        height: 50px;
    }
}

@media only screen and (max-width: 480px) {
    .headerrightarea .utility-area {
        height: 59px;
    }
}

.headerrightarea .utility-area * {
    box-sizing: border-box;
}

.headerrightarea .utility-area .utility-txt {
    margin: 0;
    font-size: 11px;
    color: #57564f;
}

.headerrightarea .utility-area .utility-txt a {
    text-decoration: none;
    color: #57564f;
}
.headerrightarea .utility-area .utility-txt a:hover,
.headerrightarea .utility-area .utility-txt a:active,
.headerrightarea .utility-area .utility-txt a:focus{
    text-decoration: underline;
}

.headerrightarea .utility-area .utility-icon {
    margin-left: 20px;
}

@media only screen and (max-width: 480px) {
    .headerrightarea .utility-area .utility-icon {
        margin-left: 26px;
    }
}
.headerrightarea .utility-area.is-loading:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    animation: anim_loading 1.5s infinite linear;
    border: 2px solid #676767;
    border-right-color: transparent;
    border-radius: 50%;
    position: absolute;
    right: 5px;
}

@keyframes anim_loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.headerrightarea .utility-area .utility-icon .utility {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0 8px 0 0;
    list-style: none;
    margin: 0;
    margin-left: -30px;
    text-align: center;
    font-size: 11px;
}

@media only screen and (max-width: 480px) {
    .headerrightarea .utility-area .utility-icon .utility {
        padding: 0 16px 0 0;
    }
}

.headerrightarea .utility-area .utility-icon .utility > li {
    display: block!important;
    margin-left: 30px;
    margin-bottom: 0;
}

.headerrightarea .utility-area .utility-icon .utility > li:first-child {
    padding-left: 4px;
}

@media only screen and (max-width: 480px) {
    .headerrightarea .utility-area .utility-icon .utility > li {
        margin-left: 16px;
    }
}

.headerrightarea .utility-area .utility-icon .utility > li >a {
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    white-space: nowrap;
    color: #57564f;
    outline-width: 0 !important;
}

.headerrightarea .utility-area .utility-icon .utility > li >a>img {
    width: 22px;
    display: block;
    margin: 0 auto;
}

.headerrightarea .utility-area .utility-icon .utility > li >a span.label {
    display: block;
    margin-top: 2px;
    line-height: 1.6;
}

.headerrightarea .utility-area .utility-icon .utility > li .dd-content {
    display: none;
}

/* Header グループ会社用調整 */
.stage_subsidiaries .headerrightarea .utility-area .utility-icon .utility > li:first-child {
    padding-left: 0;
}
.stage_subsidiaries .headerrightarea .utility-area .utility-icon .utility > li >a span.label {
    display: none;
}
@media only screen and (max-width: 480px) {
    .stage_subsidiaries .headerrightarea {
        margin-left: 0;
        justify-content: flex-end;
        display: flex;
        width: 100%;
        flex-flow: row;
        margin-bottom: 10px;
    }
    .stage_subsidiaries .headerrightarea .utility-area {
        height: inherit;
    }
}

/* Header GIG5風 UtilArea 個別アイコンカスタム */
/* メニュー */

.headerrightarea .utility-area .utility-icon .utility > li.menu {
    display: block!important;
}

#menu-btn {
    line-height: 1;
}

#menu-btn .menu-inner {
    min-width: 27px;
    min-height: 18px;
    display: block;
    position: relative;
}

#menu-btn .menu-inner:before {
    display: block;
    position: absolute;
    content: "";
    width: 20px;
    height: 14px;
    background: linear-gradient(#706f67,#706f67 2px,transparent 2px,transparent 6px,#706f67 6px,#706f67 8px,transparent 8px,transparent 12px,#706f67 12px);
    left: 50%;
    margin-left: -10px;
    top: 0;
}

#menu-btn.is-open .menu-inner::before {
    display: block;
    position: absolute;
    content: "";
    right: 50%;
    top: 8px;
    width: 23px;
    height: 2px;
    background: #706f67;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: inherit;
    margin-left: 0;
    margin-right: -10px;
}

#menu-btn.is-open .menu-inner::after {
    display: block;
    position: absolute;
    content: "";
    left: 50%;
    top: -3px;
    width: 2px;
    height: 23px;
    background: #706f67;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -2px;
}

#menu-btn .menu-txt {
    padding-top: 23px;
    display: block;
}


/* メニュー SP用コントロール */
@media only screen and (min-width: 1001px) {
    #js-ctrl-icon-sp {
        display: none !important;
    }
}

#utility-icon-sp {
    padding: 0 16px;
    border-top: 1px solid #c6c6c0;
    position: relative;
    display: none;
}

.is-visible #utility-icon-sp {
    display: block;
}

.header .trans-nav-back {
    display: none;
    position: relative;
    z-index: 1;
    background: #eee;
    padding: 11px 0 11px 38px;
    width: 100%;
    text-align: left;
    border: 0;
    border-top: 1px solid #c6c6c0;
    font-size: 16px;
    line-height: 1.4;
    cursor: pointer;
}

.header .trans-nav-back.is-visible {
    display: block!important;
}

.header .trans-nav-back::before {
    box-sizing: border-box;
    display: block;
    position: absolute;
    content: "";
    left: 16px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #a30b1a;
    border-left: 2px solid #a30b1a;
    transform: rotate(-45deg);
    margin-top: -5px;
}
.header .trans-nav-back:hover, .header  .trans-nav-back:active, .header  .trans-nav-back:focus{
    color: #57564f;
    text-decoration: underline;
}

.header .utility-sp {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    padding: 0;
    margin: 0;
}

/* メニュー */
#global-nav {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    display: none;
    width: 100%;
    background: #fff;
    transition: left .25s;
    margin-right: 10px;
    flex: auto;
    align-items: flex-end;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

@media only screen and (min-width: 1001px) {
    #global-nav {
        display: none !important;
    }
}

#global-nav *:before {
    box-sizing: border-box;
}

#global-nav li {
    margin-bottom: 0;
    text-align: left;
}

#global-nav .trans-nav > a,
#global-nav .toggle-nav > a,
#global-nav .js-toggle-sp > a {
    color: #000;
    transition: color .2s
}

#global-nav .trans-nav > a:hover,#global-nav .trans-nav > a:active,#global-nav .trans-nav > a:focus,
#global-nav .toggle-nav >a:hover,#global-nav .toggle-nav >a:active,#global-nav .toggle-nav >a:focus {
    color: #57564f
}

#global-nav .toggle-nav>a, #global-nav .trans-nav>a {
    text-align: left;
    padding: 11px 32px 11px 16px;
    position: relative;
    height: 100%;
}

#global-nav .toggle-nav>a.is-open, #global-nav .trans-nav>a.is-open {
    padding-bottom: 11px;
    font-weight: 700;
}

#global-nav .toggle-nav>a.is-open {
    color: #fff;
    background: #a30b1a;
    font-weight: 700;
}

#global-nav>li>a {
    border-bottom: 1px solid #c6c6c0;
    background: #eee;
    word-break: inherit;
    line-height: 1.4;
    display: block;
    text-decoration: none !important;
}

#global-nav>li>a:before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 8px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    transform: rotate(135deg);
    margin-top: -12px;
    transition: transform .2s;
}

#global-nav .toggle-nav>a:before, #global-nav .trans-nav>a:before {
    right: 16px;
    width: 12px;
    height: 12px;
    margin-top: -9px;
}

#global-nav .trans-nav>a:before {
    transform: rotate(45deg);
    margin-top: -7px;
}

#global-nav .toggle-nav>a:hover::before, #global-nav .toggle-nav>a:active::before, #global-nav .toggle-nav>a:focus::before, #global-nav .trans-nav>a:hover::before, #global-nav .trans-nav>a:active::before, #global-nav .trans-nav>a:focus::before {
    margin-top: -9px;
}

#global-nav .trans-nav>a:hover::before, #global-nav .trans-nav>a:active::before, #global-nav .trans-nav>a:focus::before {
    margin-top: -7px;
}

#global-nav .toggle-nav>a.is-open::before, #global-nav .trans-nav>a.is-open::before {
    transform: rotate(-45deg);
    margin-top: -7px;
}

#global-nav .trans-nav>a.is-open:before {
    transform: rotate(45deg);
    margin-top: -7px;
}

#global-nav .toggle-nav>a.is-open::before {
    border-color: #fff;
}

#global-nav .toggle-nav>a>.status-txt, #global-nav .trans-nav>a>.status-txt {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    font-size: 1rem;
    opacity: 0;
}

#global-nav.is-pos1 {
    left: -100%;
}

#global-nav.is-pos2 {
    left: -200%;
}

/* メニュー 中身 .dd-content  */
.dd-content {
    width: 100%;
    z-index: 0;
    display: none;
    left: 0;
    position: static;
    background: #fff;
}

.dd-content-inner .close-btn {
    display: none;
}

.toggle-nav .dd-content-inner {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.toggle-nav .dd-content-inner .close-btn {
    display: none;
}

.trans-nav .dd-content-inner {
    position: static;
    z-index: 0;
}

.trans-nav .second-nav {
    padding: 0;
}

.trans-nav .second-nav>li {
    display: block;
}

.trans-nav .second-nav-item {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #fff;
}

.second-nav-link-wrapper {
    display: flex;
    flex: 1;
    flex-direction: column;
    order: 1;
}

.trans-nav .second-nav-link {
    display: block;
    order: 0;
    padding: 0;
}

.trans-nav .second-nav-link>a {
    display: block;
    padding: 11px 30px 11px 16px;
    border-bottom: 1px solid #c6c6c0;
    line-height: 1.4;
    background: #eee;
    color: inherit;
    text-decoration: none;
    position: relative;
}

.trans-nav .second-nav-link>a::before {
    display: block;
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: .5em;
    left: 0;
    transform: rotate(45deg);
    top: 50%;
    left: auto;
    right: 16px;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    border-color: #a30b1a;
}

.trans-nav .second-nav>li .second-nav-inner {
    display: flex;
}

.trans-nav .third-nav {
    width: 100%;
    padding: 0;
    margin: 0;
}

.trans-nav .third-nav>li.is-active {
    background: #fff;
    opacity: .9;
}

.trans-nav .third-nav>li.is-active>a {
    border-left: 0;
    font-weight: 400;
    background: #eee;
    color: inherit;
}

.trans-nav .third-nav>li.is-active>a::before {
    border-color: #a30b1a;
}

.trans-nav .third-nav>li>a {
    text-decoration: none;
    position: relative;
    display: block;
    padding: 11px 30px 11px 16px;
    border-bottom: 1px solid #c6c6c0;
    background: #eee;
}

.trans-nav .third-nav>li>a::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: -5px;
    right: 16px;
    width: 12px;
    height: 12px;
    margin-top: -7px;
    border-color: #a30b1a;
}

.trans-nav .third-detail-wrapper {
    background: #eee;
    width: 100%;
    z-index: 1;
    top: 0;
    position: absolute;
    left: 200%;
}

.trans-nav .third-detail {
    padding: 14px 16px 22px;
    border-bottom: 1px solid #c6c6c0;
    display: none;
}

.trans-nav .third-detail.is-active {
    display: block;
}

.trans-nav .third-detail-inner {
    display: block;
}

.trans-nav .third-detail-inner>*+* {
    margin-top: 26px;
}

.trans-nav .third-detail-inner>*+*>* {
    margin-bottom: 10px;
}

.trans-nav .third-detail-inner>*+*>*:last-child {
    margin-bottom: 0;
}

/* メニュー 中身 .second-nav  */
.toggle-nav .second-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

.toggle-nav .second-nav>li>a {
    display: none;
}

/* メニュー 中身 .third-nav  */
.toggle-nav .third-nav {
    display: block;
    margin-left: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
}

.toggle-nav .third-nav>li {
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
}

.toggle-nav .third-nav>li>a {
    position: relative;
    padding: 13px 32px 12px 35px;
    border-bottom: 1px solid #c6c6c0;
    display: block;
    background: #eee;
    text-decoration: none;
    text-align: left;
}

.toggle-nav .third-nav>li>a:before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: auto;
    right: 16px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    transform: rotate(45deg);
    transition: transform .2s;
    margin-top: -4px;
}

.toggle-nav .third-nav>li.is-open>a {
    background: #706f67;
    color: #fff;
    font-weight: 700;
}
.toggle-nav .third-nav>li>a:hover,
.toggle-nav .third-nav>li>a:active,
.toggle-nav .third-nav>li>a:focus {
    text-decoration: none !important;
}
.toggle-nav .third-nav>li.is-open>a::before {
    transform: rotate(-45deg);
    margin-top: -3px;
    border-color: #fff;
}

.toggle-nav .third-nav>li.is-close>a::before {
    transform: rotate(135deg);
    margin-top: -6px;
}

.toggle-nav .third-nav>li .toggle-txt {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    font-size: 1rem;
    opacity: 0;
}

/* メニュー 中身 .fourth-nav  */
.toggle-nav .fourth-nav {
    display: none;
    padding-left: 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.toggle-nav .js-toggle-sp .fourth-nav {
    display: block;
}

.toggle-nav .fourth-nav>li>a {
    position: relative;
    padding: 13px 32px 12px 35px;
    border-bottom: 1px solid #c6c6c0;
    display: block;
    background: #fff;
    text-decoration: none !important;
}
.toggle-nav .fourth-nav>li>a:hover:hover,.toggle-nav .fourth-nav>li>a:hover:active,.toggle-nav .fourth-nav>li>a:hover:focus,.toggle-nav .fourth-nav>li>a:active:hover,.toggle-nav .fourth-nav>li>a:active:active,.toggle-nav .fourth-nav>li>a:active:focus,.toggle-nav .fourth-nav>li>a:focus:hover,.toggle-nav .fourth-nav>li>a:focus:active,.toggle-nav .fourth-nav>li>a:focus:focus {
    text-decoration: none !important;
}

.toggle-nav .fourth-nav>li>a::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: auto;
    right: 16px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    transform: rotate(45deg);
    margin-top: -4px;
}

/* 検索メニュー */
.header .utility .dd-content-inner button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: none;
    padding: 0;
    cursor: pointer;
}

.header .utility .dd-content-inner .close-btn {
    display: block;
    position: absolute;
    right: 16px;
    top: 20px;
    font-size: 1rem;
    line-height: 1;
    width: 18px;
    height: 18px;
    overflow: hidden;
    padding: 0;
}

.header .utility .dd-content-inner .close-btn::before {
    display: block;
    position: absolute;
    content: "";
    right: -2px;
    top: 8px;
    width: 23px;
    height: 2px;
    background: #706f67;
    transform: rotate(45deg);
}

.header .utility .dd-content-inner .close-btn::after {
    display: block;
    position: absolute;
    content: "";
    left: 8px;
    top: -3px;
    width: 2px;
    height: 23px;
    background: #706f67;
    transform: rotate(45deg);
}

.header .utility .dd-content-inner .close-btn span {
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
}

.header .utility .dd-content {
    position: absolute;
}

.header li.search .dd-content {
    right: 0;
    z-index: 1;
    width: 100%;
    top: calc(100% + 1px);
    box-shadow: none;
    margin-top: 0;
    background: #eee;
    display: none;
}

.header li.search .dd-content-inner {
    padding: 52px 16px 30px;
    border-bottom: 1px solid #c6c6c0;
}

.header li.search .search-input#Search {
    background: #fff;
    border: 1px solid #afaea8;
    padding: 8px 20px 7px;
    font-size: 16px;
    width: 100%;
    min-height: 43px;
}

.header li.search .search-input#Search:placeholder-shown {
    color: #666;
}

.header li.search .search-btn {
    background: #706f67;
    color: #fff;
    position: relative;
    min-width: 120px;
    font-size: 16px;
    transition: background .2s;
    width: 100%;
    margin-top: 16px;
    box-shadow: 0 1px 2px rgba(0,0,0,.18);
    padding: 8px 20px 7px;
}

.header li.search .search-btn:hover, .header li.search .search-btn:active, .header li.search .search-btn:focus {
    background: #57564f;
}

.header li.search .search-btn::before {
    display: block;
    position: absolute;
    content: "";
    right: 10px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: -3.5px;
    box-sizing: border-box;
}

/* モバイル言語切替 */
.stage_subsidiaries .header li.change .dd-content {
    z-index: 1;
    top: calc(100% + 1px);
    box-shadow: none;
    margin-top: 0;
    background: #eee;
    width: 100%;
}

.stage_subsidiaries .header li.change .dd-content-inner {
    padding: 12px 16px 30px;
    border-bottom: 1px solid #c6c6c0;
}

.stage_subsidiaries .header li.change .desc-list-change:only-of-type, .stage_subsidiaries .header li.change .desc-current-region:only-of-type {
    width: 100%;
    text-align: left;
}

.stage_subsidiaries .header li.change .desc-list-change>dt, .stage_subsidiaries .header li.change .desc-current-region>dt {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 8px;
}

.stage_subsidiaries .header li.change .desc-list-change>dd, .stage_subsidiaries .header li.change .desc-current-region>dd {
    font-size: 16px;
}

.stage_subsidiaries .header li.change .change-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -17px;
}

.stage_subsidiaries .header li.change .change-list>li {
    font-size: 16px;
    margin-left: 17px;
    padding-right: 17px;
    position: relative;
}

.stage_subsidiaries .header li.change .change-list>li::before {
    display: block;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    background: #87867e;
    margin-top: -8px;
}

.stage_subsidiaries .header li.change .change-list>li>em {
    font-weight: 700;
    font-style: italic;
}

.stage_subsidiaries .header li.change .change-list>li:last-child::before {
    display: none
}

/* PC 検索窓 */
div#headsearch {
    background: none;
    position: relative;
    height: auto;
    width: auto;
}

@media only screen and (max-width: 1000px) {
    div#headsearch {
        display: none;
    }
}

div#headsearch form {
    margin: 0;
    padding: 0 0 0 8px;
}

div#headsearch div {
    position: relative;
}

div#headsearch input#Search {
    height: 32px;
    width: 240px;
    box-sizing: border-box;
    border: 1px solid #c2c2c2 !important;
    color: #333 !important;
}

div#headsearch div .search-image {
    width: 28px;
    height: 28px;
    padding: 1px;
    position: absolute;
    top: 2px;
    right: 2px;
    display: block;
    background-image: url("/jp/Images/search_tcm102-3949706.gif");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    box-sizing: border-box;
}

div#headsearch div .search-image input[type=image] {
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0 !important;
}

div#headsearch div .search-image input#submit {
    width: 28px;
    height: 28px;
}

/* グロナビ */
/*

#headerbottom {
    width: 100%;
    max-width: 980px;
    position: relative !important;
    margin: 16px auto 0 auto;
}

#headerbottom:before {
    content: "";
    background: #ffffff url(/jp/resources/design/stylesheets/images/css_images/mainnav-back-bottom.png) no-repeat right bottom;
    position: absolute;
    height: calc(100% - 1px);
    width: 10px;
    right: 0;
    top: 1px;
}

@media only screen and (max-width: 767px) {
    #headerbottom {
        display: none;
    }

    #headerbottom:before {
        display: none;
    }
}
@media only screen and (max-width: 980px) {
    #headerbottom li.glbnavlist.first div.hidemenu a.glbnavtitle {
        z-index: 2;
    }

    #headerbottom li.glbnavlist div.hidemenu a.glbnavtitle {
        position: relative;
        z-index: 2;
    }

    body.double #headerbottom div.hidemenu div.hidemenu_mousearea div.hidemenuwrapper {
        position: absolute;
        top: 33px;
        left: 0;
        z-index: 1;
    }
}

#globalnav {
    max-width: 978px;
    width: 100%;
}
*/
/* ************************************************************
Global Navigation @provisional-common
************************************************************ */
div.headertop {
    border-left: none;
    border-right: none;
}

#corporatesymbol {
    margin-left: 0;
}

#headerbottom {
    background-image: none;
    background-color: #fff;
    border: none;
    box-sizing: border-box;
    width: auto;
    text-align: center;
    display: flex;
    align-content: center;
    padding-bottom: 0;
}

@media only screen and (max-width: 1000px) {
    #headerbottom {
        display: none;
    }
}

#headerbottom li.glbnavlist a {
    text-decoration: none;
}

#globalnav {
    border-top: none;
    width: auto;
    display: inline-block;
    border-left: none;
    text-align: left;
    margin-left: 8px;
}

#headerbottom div.hidemenu div.hidemenu-left-top {
    background: none !important;
}

#headerbottom div.hidemenu div.hidemenu-right-top {
    background: none;
}

#headerbottom div.hidemenu div.hidemenu-left-bottom {
    background: none;
}

#headerbottom div.hidemenu div.hidemenu-right-bottom {
    background: none;
}

#headerbottom li.glbnavlist a.glbnavtitle span {
    padding: 13px 20px 13px 10px !important;
    border-right: none;
    background: url(/jp/Images/mainmenu-arrow-bottom_tcm102-2553790.gif) no-repeat right center !important;
}

#headerbottom li.glbnavlist + li a.glbnavtitle span {
    padding-left: 20px !important;
}


/* IE hack （既存） */
#headerbottom div.hidemenu div.hidemenuwrapper ul li {
    background-image: none;
}

#headerbottom div.hidemenu div.hidemenuwrapper ul.dropdown-box li.has_children {
    background-image: none;
}

#headerbottom li.glbnavlist div.hidemenu {
    position: absolute;
    width: auto;
    max-width: 980px;
    top: 40px;
    display: none;
}

#headerbottom li.glbnavlist div.hidemenu a.glbnavtitle {
    background-image: none;
    padding: .87em 1.75em;
    border: none;
    position: absolute;
}

#headerbottom li.glbnavlist.first div.hidemenu a.glbnavtitle {
    background-image: none;
    padding: .87em 1.75em;
    border: none;
    position: absolute;
}

#headerbottom li.glbnavlist:hover a.glbnavtitle span {
    border-right: none;
}

* html #headerbottom li.glbnavlist a.glbnavtitle:hover span {
    border-right: none;
}

#headerbottom li.glbnavlist.first:hover a.glbnavtitle span {
    border-left: none;
    border-right: none;
}

* html #headerbottom li.glbnavlist.first a.glbnavtitle:hover span {
    border-left: none;
    border-right: none;
}

/* IE hack （既存） */
#headerbottom p.megaclosebtn a {
    background-color: #d00;
    color: #fff;
    font-size: 2.5em;
    font-weight: bold;
    padding: 0 .25em;
}

#headerbottom p.megaclosebtn a:hover {
    background-color: #f00;
    text-decoration: none !important;
}

#headerbottom div.hidemenu div.hidemenubg {
    border-top: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: .87em;
    float: none;
    max-width: 100%;
}

#headerbottom p.megaclosebtn + * {
    display: flex;
}

div#headsearch {
    border-style: none;
    background-image: none;
    background-color: transparent;
    box-sizing: border-box;
}

#headerbottom li.glbnavlist {
    font-size: 0.875rem;
    font-weight: normal;
    position: inherit !important;
}

#headerbottom p.mdtitle {
    font-weight: normal;
    font-family: FujitsuSans, Arial, Verdana, "Lucida Grande", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif !important;
}

#headerbottom p.mdthumb img {
    width: auto;
    max-width: 100%;
    height: auto;
}

#headerbottom li.glbnavlist a.glbnavtitle {
    padding: 0 !important;
    font-size: 0.875rem !important;
    font-weight: normal;
    font-family: FujitsuSans, Arial, Verdana, "Lucida Grande", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif !important;
}

#headnavi .dd-country-selector ul.dropdown-box a:link {
    text-decoration: none;
}

#headerbottom div.hidemenu div.hidemenu_mousearea, #headerbottom div.hidemenu div.hidemenu_mousearea a.glbnavtitle {
    margin-left: 0 !important;
}

/* ナビゲーション右上 */
#headnavi {
    width: auto;
    height: 32px;
    margin: 0;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    padding: 0 8px;
}

@media only screen and (max-width: 1000px) {
    #headnavi {
        display: none;
    }
}

#headnavi p.lang-selector {
    margin: 0 0 0 8px;
    padding: 0 0 0 8px;
    border-left: 1px solid #c2c2c2;
}

.stage_subsidiaries #headnavi p.lang-selector {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    padding-right: 5px;
    margin-right: 5px;
    border-right: 1px solid #000;
}

@media only screen and (max-width: 980px) {
    #headnavi p.lang-selector {
        width: 100%;
        max-width: 130px;
    }
}

.stage_subsidiaries #headnavi p.lang-selector a{
    color: #000;
    text-decoration: none;
}

#corporatesymbol {
    float: left;
    margin: 0;
    width: auto;
}

.stage_subsidiaries #corporatesymbol_subsidiaries {
    width: auto;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0;
}

.stage_subsidiaries #corporatesymbol_subsidiaries p,
.stage_subsidiaries #corporatesymbol_subsidiaries h1 {
    line-height: 0;
}

.stage_subsidiaries #corporatesymbol_subsidiaries img {
    margin-top: -8px;
    margin-bottom: -8px;
}

@media only screen and (max-width: 1000px) {
    .stage_subsidiaries #corporatesymbol_subsidiaries {
        display: block;
        float: none;
        width: auto;
        min-height: 40px;
        padding: 0 8px;
    }

    .stage_subsidiaries #corporatesymbol_subsidiaries img {
        margin: 0;
        height: auto;
        max-width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .stage_subsidiaries #corporatesymbol_subsidiaries {
        margin-top: 4px;
        display: block;
        width: 100%;
    }

    .stage_subsidiaries #corporatesymbol_subsidiaries p,
    .stage_subsidiaries #corporatesymbol_subsidiaries h1 {
        width: inherit;
        text-align: center;
    }
}

#corporatesymbol_subsidiaries a {
    float: none;
}

@media only screen and (max-width: 1000px) {
    #corporatesymbol {
        font-size: 0;
        box-sizing: border-box;
        margin: 0;
        padding: 0 8px;
        margin: 8px 0;
        width: auto;
    }

}

@media only screen and (max-width: 480px) {
    #corporatesymbol {
        padding: 0 16px;
    }
}

div#blockskip a {
    min-width: auto;
}

@media only screen and (max-width: 1000px) {
    div#blockskip a {
        overflow: hidden;
        height: 0;
    }
}

/* モバイル時右上ナビ */
.stage #corporatesymbol .nav, .stage_subsidiaries #corporatesymbol_subsidiaries .nav {
    display: none;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    background: #9d9c95;
}

.stage #corporatesymbol .nav:before, .stage_subsidiaries #corporatesymbol_subsidiaries .nav:before {
    content: "";
    display: block;
    width: 22px;
    height: 24px;
    margin: 0 auto 0;
    position: relative;
    top: 7px;
    background-image: url("/jp/Images/icons_tcm102-3949720.png");
    background-repeat: no-repeat;
    background-size: 250px 250px;
    background-position: -32px -70px;
}

@media only screen and (max-width: 1000px) {
    .stage #corporatesymbol .nav, .stage_subsidiaries #corporatesymbol_subsidiaries .nav {
        display: block;
    }
}

/* モバイル時右上ナビ内項目　*/
.headerbottom {
    background: #3c3c35;
    display: none;
}

@media only screen and (min-width: 1001px) {
    .headerbottom {
        display: none !important;
    }
}


/*
 * Body
 */
.bodyarea {
    width: 100%;
    padding-bottom: 0;
}

#bodyarea.body5span .maincontents {
    width: auto;
}

body.double #bodyarea.body5span .maincontents > table.social-bookmarks,
body.double #bodyarea.body5span .maincontents > div.scrolltop {
    display: none;
}

/* パンくず */
#location {
    margin: 16px auto 0;
    background: none;
    border: none;
    box-sizing: border-box;
    background: none;
    width: 100%;
    max-width: 1280px;
    margin: 16px auto 0;
}

@media only screen and (max-width: 1280px) {
    #location {
        padding: 0 8px;
    }
}

@media only screen and (max-width: 1000px) {
    #location {
        margin-top: 10px;
        padding: 0 16px;
    }
}

#location ol {
    padding: 0;
    border: none;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -12px -36px;
}

#location li {
    line-height: 1.3;
    margin: 0 0 12px 36px;
    position: relative;
    font-weight: 700;
}

#location li::before,#location li::after {
    display: block;
    position: absolute;
    content: "";
    right: -22px;
    top: 50%;
    width: 8px;
    height: 1px;
    background: #000
}

#location li::before {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    margin-top: -4px
}

#location li::after {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}

#location li:last-child::before, #location li:last-child::after {
    display: none
}

#location li a {
    font-weight: 400;
    color: #000;
    transition: color .2s;
}

#location li a:hover, #location li a:active, #location li a:focus {
    color: #57564f;
}

#location li a:link, #location li a:visited, #location li a:active {
    margin-right: 0;
}

#location li span {
    display: none;
}

/*
 * Footer
 */
/* 言語切替 */

/* フッター */
.footer {
    min-width: auto;
    background: #eee;
}
#deepfooter.diff-bg-gray + .footer {
    background: #111;
}

#footerinner {
    display: flex;
    flex-flow: column;
    padding: 0;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}

#permanentmenu {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media only screen and (max-width: 1280px) {
    #permanentmenu {
        padding: 16px 8px;
    }
}

@media only screen and (max-width: 1000px) {
    #permanentmenu {
        padding: 0;
        display: block;
    }
}

#deepfooter + .footer #permanentmenu {
    border-top: 1px solid #c6c6c0;
}

body.double .footer #permanentmenu a {
    color: #000;
    transition: color .2s;
}

body.double .footer #permanentmenu a:hover,
body.double .footer #permanentmenu a:active,
body.double .footer #permanentmenu a:focus {
    color: #57564f;
}

body.double #deepfooter.diff-bg-gray + .footer #permanentmenu a {
    color: #fff;
}

body.double #deepfooter.diff-bg-gray + .footer #permanentmenu a:hover,
body.double #deepfooter.diff-bg-gray + .footer #permanentmenu a:active,
body.double #deepfooter.diff-bg-gray + .footer #permanentmenu a:focus {
    color: #fff;
}

body.double .footer ul,
body div#permanentmenu ul.parentcom_subsidiaries {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -8px -24px;
}

body div#permanentmenu ul.parentcom_subsidiaries li,
body.double .footer  li ,
.footer li.firstchild{
    margin: 0 0 8px 24px;
    font-size: 14px;
    line-height: 1.2;
    float: none;
}

body div#permanentmenu ul.parentcom_subsidiaries li {
    font-size: 13px;
}

html:not(:target) body div#permanentmenu ul.parentcom_subsidiaries li div.cssbtn {
    border: none;
    top: 0;
}

html:not(:target) body div#permanentmenu ul.parentcom_subsidiaries li div.cssbtn div.innerblock {
    top: 0;
    border: none;
    margin: 0;
}

html:not(:target) body div#permanentmenu ul.parentcom_subsidiaries li div.cssbtn div.innerblock a {
    border: none;
    background: none;
    margin: 0;
    border-radius: 0;
    padding: 0;
    top: 0;
}

html:not(:target) body div#permanentmenu ul.parentcom_subsidiaries li div.cssbtn div.innerblock a img {
    display: none;
}

@media only screen and (max-width: 1000px) {

    body.double .footer ul,
    body div#permanentmenu ul.parentcom_subsidiaries {
        display: block;
        margin: 0;
        border-top: 1px solid #c6c6c0;
    }
    body div#permanentmenu ul.parentcom_subsidiaries{
        padding: 10px 0;
    }
    body div#permanentmenu ul.parentcom_subsidiaries li,
    body.double .footer  li ,
    .footer li.firstchild{
        border-bottom: 1px solid #c6c6c0;
        margin: 0;
        display: block;
    }
    body div#permanentmenu ul.parentcom_subsidiaries li{
        border: 0;
    }
    body div#permanentmenu ul.parentcom_subsidiaries li:last-child,
    body.double .footer  li:last-child {
        border-bottom: none;
    }
    body.double .footer #permanentmenu a,
    html:not(:target) body div#permanentmenu ul.parentcom_subsidiaries li div.cssbtn div.innerblock a {
        display: block;
        padding: 16px;
    }
    html:not(:target) body div#permanentmenu ul.parentcom_subsidiaries li div.cssbtn div.innerblock a {
        padding: 10px 16px;
    }

}

#creditline {
    background: #3c3c35;
    text-align: center;
    padding: 20px 0 31px;
}

#creditline a:hover {
    text-decoration: none !important;
}

#creditline p {
    text-align: center;
    font-size: 100%;
    line-height: 1.6;
    word-wrap: break-word;
    white-space: normal;
}

/*
 * ディープフッター
 */
#deepfooter {
    min-width: auto;
    background: #eee;
    padding: 24px 0 34px;
}


#deepfooter.diff-bg-gray {
    background: #111;
}

@media only screen and (max-width: 1280px) {
    #deepfooter {
        padding: 24px 8px 34px;
    }
}

@media only screen and (max-width: 1000px) {
    #deepfooter {
        padding: 40px 0;
    }
}

#deepfooterinner {
    width: 100%;
    max-width: 1280px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#deepfooterinner.clearfix:after{
    display: none;
}

#deepfooter div.grid5span {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-bottom: -20px;
    width: auto;
}

#deepfooter div.grid5span > div.col1span {
    width: 20%;
    margin: 0;
    padding-left: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

body.double #deepfooter p.dfooter-title {
    color: #000;
    position: relative;
    padding: 0;
    padding-left: 20px;
    display: inline-block;
    border: 0;
    margin: 0;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 400;
}
body.double #deepfooter p.dfooter-title:before {
    display: block;
    position: absolute;
    content: "";
    top: .5em;
    left: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    transform: rotate(45deg);
    box-sizing: border-box;
}

body.double #deepfooter.diff-bg-gray p.dfooter-title {
    color: #fff;
}
body.double #deepfooter.diff-bg-gray p.dfooter-title:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

#deepfooter ul {
    font-size: 13px;
    padding-left: 18px;
    margin-top: 18px;
    margin-bottom: -10px;
}

#deepfooter ul li {
    line-height: 1.6;
    padding-bottom: 10px;
    font-size: 14px;
    margin: 0;
}

#deepfooter ul li a {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    color: #000;
    transition: color .2s;
}
#deepfooter ul li a:hover {
    color: #57564f;
}

#deepfooter.diff-bg-gray ul li a {
    color: #fff;
}

#deepfooter ul li a>ul>li>a:hover,#deepfooter ul li a:active,#deepfooter ul li a:focus {
    text-decoration: underline;
    color: #57564f;
}

#deepfooter.diff-bg-gray ul li a>ul>li>a:hover,#deepfooter.diff-bg-gray ul li a:active,#deepfooter.diff-bg-gray ul li a:focus {
    color: #fff;
}

#deepfooter ul li a:before {
    display: block;
    position: absolute;
    content: "";
    top: .4em;
    left: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    transform: rotate(45deg);
    box-sizing: border-box;
}

#deepfooter.diff-bg-gray ul li a:before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

@media only screen and (max-width: 1000px) {
    #deepfooter div.grid5span {
        margin-bottom: 0;
        margin-left: 0;
    }

    #deepfooterinner {
        padding: 0;
    }

    #deepfooter div.grid5span > div.col1span {
        width: 100%;
        text-align: center;
        padding-bottom: 32px;
        padding-left: 0;
    }
    #deepfooter div.grid5span > div.col1span:last-child {
        padding-bottom: 0;
    }

    body.double #deepfooter p.dfooter-title {
        padding-left: 0;
    }
    body.double #deepfooter p.dfooter-title:before {
        display: none;
    }

    #deepfooter ul {
        display: flex;
        flex-wrap: wrap;
        border-top: 1px solid #c6c6c0;
        padding-left: 0;
        margin-bottom: 0;
        position: relative;
    }

    #deepfooter ul:before, #deepfooter ul:after {
        display: block;
        position: absolute;
        content: "";
        bottom: 1px;
        left: 0;
        width: 100%;
        height: 1px;
    }

    #deepfooter ul:after {
        bottom: 0;
        background: #c6c6c0;
    }

    #deepfooter ul li {
        width: 50%;
        border-bottom: 1px solid #c6c6c0;
        padding-bottom: 0;
        text-align: left;
        box-sizing: border-box;
    }

    #deepfooter ul li:nth-child(odd) {
        border-right: 1px solid #c6c6c0;
    }

    #deepfooter ul li a {
        display: block;
        padding: 12px 16px;
    }

    #deepfooter ul li a:before {
        display: none;
    }
}

/*
 * Social Media Icon in Footer
 */
body .footer .next-socialmediaicon {
    margin-top: 10px;
    text-align: right;
}

body .footer .next-socialmediaicon ul li {
    margin: 0 0 0 8px !important;
}

@media only screen and (max-width: 1000px) {
    body .footer .next-socialmediaicon {
        text-align: left;
    }
}

/*
 * ボディー共通部品
 */

/* 先頭H1は非表示*/
body .maincontents h1:first-of-type{
    display: none;
}

/* Section */
body.double .section-inner{
    max-width: 1280px;
    margin: 0 auto;
    padding: 56px 0 64px;
}

@media only screen and (max-width: 1280px) {
    body.double .section-inner {
        padding:56px 8px 64px
    }
}

@media only screen and (max-width: 1000px) {
    body.double .section-inner {
        padding:56px 16px 64px
    }
}

@media only screen and (max-width: 480px) {
    body.double .section-inner {
        padding:40px 16px 48px
    }
}

body.double .section-inner>*:first-child {
    margin-top: 0
}

body.double .section-inner>*:last-child {
    margin-bottom: 0
}
body.double .section+.section .section-inner {
    padding-top: 0;
}

body.double .section:last-child .section-inner {
    padding-bottom: 104px
}

@media only screen and (max-width: 480px) {
    body.double .section:last-child .section-inner {
        padding-bottom:88px
    }
}


 /* desc-list-main */
body.double .desc-list-main {
    color: #000;
}

body.double .desc-list-main>dt {
    font-weight: 700;
    line-height: 1.3;
    font-size: 24px;
    margin-bottom: 12px;
}

body.double .desc-list-main>dd {
    font-size: 16px;
}

body.double .desc-list-main>dd>*:not(br)+*, body.double .desc-list-main>dd>*:first-child:not(br) {
    margin-top: 12px;
}

/* detail-btn */
body.double .detail-btn {
    margin-top: 30px
}

body.double .detail-btn+.detail-btn {
    margin-top: 8px
}

@media only screen and (max-width: 1000px) {
    body.double .detail-btn {
        margin-top:24px
    }
}

body.double .detail-btn>a {
    background: #fff;
    border: 1px solid #a30b1a;
    text-align: center;
    padding: 8px 34px 8px 22px;
    color: #a30b1a;
    text-decoration: none;
    display: inline-block;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,.18);
    transition: background-color .2s
}

@media only screen and (max-width: 1000px) {
    body.double .detail-btn>a {
        display:block
    }
}

body.double .detail-btn>a::before {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    right: 12px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #a30b1a;
    border-right: 2px solid #a30b1a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -4px
}

body.double .detail-btn>a:hover,body.double .detail-btn>a:active,body.double .detail-btn>a:focus {
    background: #f6cfd3
}

/* .list-a */
body.double .list-a,body.double .list-order-a,body.double .list-notes-a,body.double .list-link-a,body.double .list-error-a {
    padding-left: 20px
}

body.double .list-a.diff-indent,body.double .list-order-a.diff-indent,body.double .list-notes-a.diff-indent,body.double .list-link-a.diff-indent,body.double .list-error-a.diff-indent {
    padding-left: 0
}

@media only screen and (max-width: 767px) {
    body.double .list-a,body.double .list-order-a,body.double .list-notes-a,body.double .list-link-a,body.double .list-error-a {
        padding-left:0
    }
}

body.double .list-a+*:not([class^="hdg-"]):not([class*=" hdg-"]),body.double .list-order-a+*:not([class^="hdg-"]):not([class*=" hdg-"]),body.double .list-notes-a+*:not([class^="hdg-"]):not([class*=" hdg-"]),body.double .list-link-a+*:not([class^="hdg-"]):not([class*=" hdg-"]),body.double .list-error-a+*:not([class^="hdg-"]):not([class*=" hdg-"]) {
    margin-top: 34px
}

@media only screen and (max-width: 480px) {
    body.double .list-a+*:not([class^="hdg-"]):not([class*=" hdg-"]),body.double .list-order-a+*:not([class^="hdg-"]):not([class*=" hdg-"]),body.double .list-notes-a+*:not([class^="hdg-"]):not([class*=" hdg-"]),body.double .list-link-a+*:not([class^="hdg-"]):not([class*=" hdg-"]),body.double .list-error-a+*:not([class^="hdg-"]):not([class*=" hdg-"]) {
        margin-top:28px
    }
}

body.double .list-a+p,body.double .list-a+[class^=list-],body.double .list-a+[class*=" list-"],body.double .list-order-a+p,body.double .list-order-a+[class^=list-],body.double .list-order-a+[class*=" list-"],body.double .list-notes-a+p,body.double .list-notes-a+[class^=list-],body.double .list-notes-a+[class*=" list-"],body.double .list-link-a+p,body.double .list-link-a+[class^=list-],body.double .list-link-a+[class*=" list-"],body.double .list-error-a+p,body.double .list-error-a+[class^=list-],body.double .list-error-a+[class*=" list-"] {
    margin-top: 28px!important
}

body.double .list-a>li+li,body.double .list-order-a>li+li,body.double .list-notes-a>li+li,body.double .list-link-a>li+li,body.double .list-error-a>li+li {
    margin-top: 12px
}

body.double .list-a>li>ul,body.double .list-a>li>ol,body.double .list-a>li>.item>ul,body.double .list-a>li>.item>ol,body.double .list-a>li>p+*,body.double .list-a>li>p+[class^=list-],body.double .list-a>li>p+[class*=" list-"],body.double .list-order-a>li>ul,body.double .list-order-a>li>ol,body.double .list-order-a>li>.item>ul,body.double .list-order-a>li>.item>ol,body.double .list-order-a>li>p+*,body.double .list-order-a>li>p+[class^=list-],body.double .list-order-a>li>p+[class*=" list-"],body.double .list-notes-a>li>ul,body.double .list-notes-a>li>ol,body.double .list-notes-a>li>.item>ul,body.double .list-notes-a>li>.item>ol,body.double .list-notes-a>li>p+*,body.double .list-notes-a>li>p+[class^=list-],body.double .list-notes-a>li>p+[class*=" list-"],body.double .list-link-a>li>ul,body.double .list-link-a>li>ol,body.double .list-link-a>li>.item>ul,body.double .list-link-a>li>.item>ol,body.double .list-link-a>li>p+*,body.double .list-link-a>li>p+[class^=list-],body.double .list-link-a>li>p+[class*=" list-"],body.double .list-error-a>li>ul,body.double .list-error-a>li>ol,body.double .list-error-a>li>.item>ul,body.double .list-error-a>li>.item>ol,body.double .list-error-a>li>p+*,body.double .list-error-a>li>p+[class^=list-],body.double .list-error-a>li>p+[class*=" list-"] {
    margin-top: 12px!important
}

body.double .list-a[class*=diff-col],body.double .list-order-a[class*=diff-col],body.double .list-notes-a[class*=diff-col],body.double .list-link-a[class*=diff-col],body.double .list-error-a[class*=diff-col] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -40px;
    margin-bottom: -12px;
    padding-left: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media only screen and (max-width: 767px) {
    body.double .list-a[class*=diff-col],body.double .list-order-a[class*=diff-col],body.double .list-notes-a[class*=diff-col],body.double .list-link-a[class*=diff-col],body.double .list-error-a[class*=diff-col] {
        display:block;
        margin-left: 0
    }
}

body.double .list-a[class*=diff-col]>li,body.double .list-order-a[class*=diff-col]>li,body.double .list-notes-a[class*=diff-col]>li,body.double .list-link-a[class*=diff-col]>li,body.double .list-error-a[class*=diff-col]>li {
    margin-top: 0;
    margin-bottom: 12px;
    padding-left: 40px
}

@media only screen and (max-width: 767px) {
    body.double .list-a[class*=diff-col]>li,body.double .list-order-a[class*=diff-col]>li,body.double .list-notes-a[class*=diff-col]>li,body.double .list-link-a[class*=diff-col]>li,body.double .list-error-a[class*=diff-col]>li {
        padding-left:0
    }
}

body.double .list-a.diff-col2>li,body.double .list-order-a.diff-col2>li,body.double .list-notes-a.diff-col2>li,body.double .list-link-a.diff-col2>li,body.double .list-error-a.diff-col2>li {
    width: 50%
}

@media only screen and (max-width: 767px) {
    body.double .list-a.diff-col2>li,body.double .list-order-a.diff-col2>li,body.double .list-notes-a.diff-col2>li,body.double .list-link-a.diff-col2>li,body.double .list-error-a.diff-col2>li {
        width:100%
    }
}

body.double .list-a.diff-col3>li,body.double .list-order-a.diff-col3>li,body.double .list-notes-a.diff-col3>li,body.double .list-link-a.diff-col3>li,body.double .list-error-a.diff-col3>li {
    width: 33.33333%
}

@media only screen and (max-width: 767px) {
    body.double .list-a.diff-col3>li,body.double .list-order-a.diff-col3>li,body.double .list-notes-a.diff-col3>li,body.double .list-link-a.diff-col3>li,body.double .list-error-a.diff-col3>li {
        width:100%
    }
}

body.double .list-a.diff-col4>li,body.double .list-order-a.diff-col4>li,body.double .list-notes-a.diff-col4>li,body.double .list-link-a.diff-col4>li,body.double .list-error-a.diff-col4>li {
    width: 25%
}

@media only screen and (max-width: 767px) {
    body.double .list-a.diff-col4>li,body.double .list-order-a.diff-col4>li,body.double .list-notes-a.diff-col4>li,body.double .list-link-a.diff-col4>li,body.double .list-error-a.diff-col4>li {
        width:100%
    }
}

body.double .list-link-a>li>a {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    text-decoration: none
}

body.double .list-link-a>li>a::before {
    display: inline-block;
    content: "";
    border-top: 2px solid #a40e1c;
    border-right: 2px solid #a40e1c;
    margin: -5px 14px 0 -23px;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.double .list-link-a>li>a:hover,body.double .list-link-a>li>a:active,body.double .list-link-a>li>a:focus {
    text-decoration: underline;
    color: #57564f
}

body.double .list-link-a>li>ul,body.double .list-link-a>li>ol,body.double .list-link-a>li>.item>ul,body.double .list-link-a>li>.item>ol,body.double .list-link-a>li>p+*,body.double .list-link-a>li>p+[class^=list-],body.double .list-link-a>li>p+[class*=" list-"] {
    padding-left: 41px
}

@media only screen and (max-width: 767px) {
    body.double .list-link-a>li>ul,body.double .list-link-a>li>ol,body.double .list-link-a>li>.item>ul,body.double .list-link-a>li>.item>ol,body.double .list-link-a>li>p+*,body.double .list-link-a>li>p+[class^=list-],body.double .list-link-a>li>p+[class*=" list-"] {
        padding-left:21px
    }
}

body.double .list-link-a>li>ul.diff-indent,body.double .list-link-a>li>ol.diff-indent,body.double .list-link-a>li>.item>ul.diff-indent,body.double .list-link-a>li>.item>ol.diff-indent,body.double .list-link-a>li>p+*.diff-indent,body.double .list-link-a>li>p+[class^=list-].diff-indent,body.double .list-link-a>li>p+[class*=" list-"].diff-indent {
    padding-left: 21px
}

body.double .list-link-a.diff-anchor {
    padding-left: 0
}

body.double .list-link-a.diff-anchor>li {
    padding-left: 3px
}

body.double .list-link-a.diff-anchor>li>a::before {
    display: none
}

body.double .list-link-a.diff-anchor>li>a::after {
    background-position: -106px -21px;
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    content: "";
    left: 0;
    top: .4em
}

:lang(en) body.double .list-link-a.diff-anchor>li>a::after {
    top: .5em
}

@media only screen and (max-width: 480px) {
    :lang(en) body.double .list-link-a.diff-anchor>li>a::after {
        top:.4em
    }
}

body.double .list-link-a[class*=diff-col]>li {
    padding-left: 43px
}

@media only screen and (max-width: 767px) {
    body.double .list-link-a[class*=diff-col]>li {
        padding-left:3px
    }
}

body.double .list-link-a.diff-inline {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -12px;
    margin-left: -46px;
    padding-left: 0
}

body.double .list-link-a.diff-inline>li {
    margin-top: 0;
    padding-left: 49px;
    margin-bottom: 12px
}

body.double .list-link-b-wrapper {
    background: #fff;
    padding: 26px 20px 70px;
    position: relative
}

body.double .list-link-b-wrapper+body.double .list-link-b-wrapper {
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    body.double .list-link-b-wrapper+body.double .list-link-b-wrapper {
        margin-top:16px;
        background: none
    }
}

.diff-sitemap body.double .list-link-b-wrapper {
    padding: 0;
    height: auto!important
}

@media only screen and (max-width: 767px) {
    body.double .list-link-b-wrapper {
        height:auto!important;
        padding: 12px 15px 11px
    }
}

body.double .list-link-b-wrapper>*:last-child {
    margin-bottom: 0
}

body.double .list-link-b>li a {
    position: relative;
    display: inline-block;
    padding-left: 21px;
    text-decoration: none
}

body.double .list-link-b>li a::before {
    display: inline-block;
    content: "";
    border-top: 2px solid #a40e1c;
    border-right: 2px solid #a40e1c;
    margin: -5px 14px 0 -23px;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.double .list-link-b>li a:hover,body.double .list-link-b>li a:active,body.double .list-link-b>li a:focus {
    text-decoration: underline;
    color: #57564f
}

body.double .list-link-b>li .first-wrapper>a {
    font-size: 2rem;
    font-weight: 700
}

:lang(ja) .diff-sitemap body.double .list-link-b>li .first-wrapper>a {
    font-weight: 400
}

:lang(en) body.double .list-link-b>li .first-wrapper>a {
    font-weight: 400;
    font-family: FujitsuSansBold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif
}

@media only screen and (max-width: 767px) {
    body.double .list-link-b>li .first-wrapper>a {
        padding-left:0;
        font-size: 1.6rem;
        text-decoration: underline
    }

    body.double .list-link-b>li .first-wrapper>a::before {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    body.double .list-link-b>li .first-wrapper {
        display:-webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

body.double .list-link-b>li .toggle-hook {
    display: none
}

@media only screen and (max-width: 767px) {
    [data-script-enabled=true] body.double .list-link-b>li .toggle-hook {
        display:block;
        position: relative;
        width: 26px;
        height: 24px;
        overflow: hidden;
        margin-left: 10px
    }

    [data-script-enabled=true] body.double .list-link-b>li .toggle-hook::before {
        display: block;
        position: absolute;
        content: "";
        top: 50%;
        right: 2px;
        border-top: 2px solid #a40e1c;
        border-right: 2px solid #a40e1c;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-top: -7px;
        transition: -webkit-transform .2s;
        transition: transform .2s
    }
}

@media only screen and (max-width: 767px) {
    body.double .list-link-b>li.is-open .toggle-hook::before {
        -webkit-transform:rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -3px
    }
}

body.double .list-link-b>li .toggle-txt {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    font-size: 1rem;
    opacity: 0
}

body.double .list-link-b>li ul:first-child {
    margin-top: 10px;
    padding-top: 24px;
    border-top: 1px solid #c6c6c0
}

.diff-sitemap body.double .list-link-b>li ul:first-child {
    border-top: 0;
    margin-top: 0
}

.diff-sitemap body.double .list-link-b>li ul {
    padding-left: 18px;
    padding-top: 18px
}

@media only screen and (max-width: 767px) {
    .diff-sitemap body.double .list-link-b>li ul {
        padding-left:0
    }
}

.diff-sitemap body.double .list-link-b>li ul ul {
    padding-top: 12px
}

.diff-sitemap body.double .list-link-b>li ul>li {
    font-size: 1.4rem
}

:lang(en) .diff-sitemap body.double .list-link-b>li ul>li {
    font-size: 1.6rem
}

body.double .list-link-b>li ul>li+li {
    margin-top: 12px
}

body.double .list-link-b>li body.double .list-link-a.right {
    position: absolute;
    right: 20px;
    bottom: 24px
}

@media only screen and (max-width: 767px) {
    body.double .list-link-b>li body.double .list-link-a.right {
        position:static;
        margin-top: 24px
    }
}

@media only screen and (max-width: 480px) {
    body.double .list-error-a+*:not([class^="hdg-"]):not([class*=" hdg-"]) {
        margin-top:21px
    }
}

body.double .list-error-a>li {
    color: #a30b1a;
    position: relative;
    padding-left: 36px;
    font-weight: 700
}

:lang(en) body.double .list-error-a>li {
    font-weight: 400;
    font-family: FujitsuSansBold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif
}

body.double .list-error-a>li::before {
    display: block;
    position: absolute;
    content: "";
    background-position: -56px 0;
    width: 20px;
    height: 20px;
    left: 0;
    top: .25em
}

@media only screen and (max-width: 480px) {
    body.double .list-error-a>li::before {
        top:.1em
    }
}
