@charset 'UTF-8';
/*! =========================================================
 _foundation
========================================================= */
/*! =========================================================
 _core
========================================================= */
#header.g-siteHeader #headerIn{width:100%;max-width:calc(1224px + (24px * 2));margin-right:auto;margin-left:auto;padding-right:24px;padding-left:24px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>a,#header.g-siteHeader .g-headerSearch .siteSearch .searchButton{font-family:'FP-ヒラギノUD角ゴ StdN W6','Yu Gothic Medium','Yu Gothic',YuGothic,'Hiragino Sans','ヒラギノ角ゴシック','メイリオ',Meiryo,sans-serif;font-weight:600}
/*! =========================================================
 _common
========================================================= */
/*! Header */
#header.g-siteHeader{border-top:0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li{padding-bottom:3px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.current::after{position:absolute;content:'';background:#e60012}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:last-child{display:none}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>a{font-weight:600}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item[role=menuitem]>a{pointer-events:none;border-radius:0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:hover{outline:0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:hover>a{color:inherit;background-color:transparent}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:hover>ul::before{top:-10px;left:15px;border-width:10px 0 0 15px;border-color:transparent transparent transparent #005bac}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item.is-open{outline:0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item.is-open>ul{display:flex;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:.8s;animation-duration:.8s}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item.is-open>ul::before{top:-10px;left:15px;border-width:10px 0 0 15px;border-color:transparent transparent transparent #005bac}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item.is-open>ul::after{display:none}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item{padding:0;flex-wrap:wrap}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li a{border-bottom:none}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li a::before{left:3px;width:3px;height:12px;-webkit-transform:none;transform:none;border:none;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#d9d9d9}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:nth-last-child(1) a,#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:nth-last-child(2):nth-child(odd) a{border-bottom:none}
#header.g-siteHeader .g-headerSearch{position:relative;display:flex;align-items:center}
#header.g-siteHeader .g-headerSearch .siteSearch{display:flex}
#header.g-siteHeader .g-headerSearch .siteSearch .searchInput{font-size:16px;line-height:1.8;width:320px;padding:12px 16px;border:2px solid #005bac;border-right:0;border-top-left-radius:8px;border-bottom-left-radius:8px}
#header.g-siteHeader .g-headerSearch .siteSearch .searchButton{font-size:16px;line-height:1.3;padding:16px 32px;color:#fff;border-top-right-radius:8px;border-bottom-right-radius:8px;background-color:#005bac}
#header.g-siteHeader .g-headerSearch .siteSearch_switchBtn{width:34px;height:34px;padding:0;border-radius:50%;background-image:url(/-/media/cojp/assets/img/icons/ic_search.svg);background-repeat:no-repeat;background-position:center;background-size:16px 16px}
#header.g-siteHeader .g-headerSearch .siteSearch_switchBtn:hover{background-color:#cde;background-image:url(/-/media/cojp/assets/img/icons/blue/ic_search.svg)}
#header.g-siteHeader .g-headerSearch .siteSearch_switchBtn.is-open{background-color:#005bac;background-image:url(/-/media/cojp/assets/img/icons/dark/ic_close.svg)}
#header.g-siteHeader #headerIn .logo_nsn {background-image: url(/-/Media/cojp/global/common/images/logo_en.svg);}
@-webkit-keyframes fade-in-gnav{
0%{display:none;opacity:0}
1%{display:flex;opacity:0}
100%{display:flex;opacity:1}
}
@keyframes fade-in-gnav{
0%{display:none;opacity:0}
1%{display:flex;opacity:0}
100%{display:flex;opacity:1}
}
@media only screen and (min-width:960px){
/*! Large only */

}
@media only screen and (max-width:959px){
/*! Medium and Small */

}
@media only screen and (min-width:769px){
/*! over Medium */
#header.g-siteHeader .g-siteHeader_nav_inner{display:flex;padding-top:24px;flex-wrap:wrap;justify-content:flex-end;align-items:center;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
#header.g-siteHeader .g-siteHeader_nav #header_subnav{font-size:12px;display:flex;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
#header.g-siteHeader .g-siteHeader_nav #header_subnav ul{position:relative;top:0;right:0;display:flex;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}
#header.g-siteHeader .g-siteHeader_nav #header_subnav ul li.subnav_item{border-right:0}
#header.g-siteHeader .g-siteHeader_nav #header_subnav ul li.subnav_item a{font-family:'FP-ヒラギノUD角ゴ StdN W5','Yu Gothic Medium','Yu Gothic',YuGothic,'Hiragino Sans','ヒラギノ角ゴシック','メイリオ',Meiryo,sans-serif;font-size:12px;font-weight:500;padding:0;color:inherit}
#header.g-siteHeader .g-siteHeader_nav #header_subnav ul li.subnav_item a[target='_blank']{padding-right:16px;background-image:url(/-/media/cojp/assets/img/icons/ic_link_blank.svg);background-position:right center;background-size:12px 12px}
#header.g-siteHeader .g-siteHeader_nav #header_subnav ul li.subnav_item a:hover{text-decoration:underline;opacity:1}
#header.g-siteHeader .g-siteHeader_nav #header_gnav{position:relative;top:auto;width:100%;margin-top:40px;text-align:center}
#header.g-siteHeader .g-siteHeader_nav #header_gnav>ul{display:inline-flex;-webkit-column-gap:2px;-moz-column-gap:2px;column-gap:2px}
#header.g-siteHeader .g-siteHeader_nav #header_gnav ul>li>a{border-radius:0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.current::after{bottom:0;left:calc(50% - 16px);width:32px;height:3px;border-radius:4px 4px 0 0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:hover>ul{display:flex;-webkit-animation-name:fade-in-gnav;animation-name:fade-in-gnav}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item{padding:0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>a{font-size:16px;line-height:1.3;height:auto;padding:0 15px 13px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:hover{cursor:pointer;color:#005bac}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:nth-child(2)>ul{left:-200px;width:493px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:nth-child(3)>ul{left:-270px;width:600px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:nth-child(3)>ul li{padding:0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:nth-child(3)>ul li:nth-child(4) a{border-bottom:1px solid rgba(255,255,255,.3)}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:nth-child(4)>ul{left:-285px;width:700px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:nth-child(5)>ul{left:-190px;width:545px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:nth-child(5)>ul li{padding:0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:nth-child(6)>ul{left:-228px;width:546px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item{top:50px;border:1px solid rgba(255,255,255,.3);border-radius:8px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li{font-size:16px;line-height:1.5;width:50%}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:nth-child(odd){padding-right:4px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:nth-child(even){padding-left:4px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:nth-child(1) a{border-top-left-radius:8px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:nth-child(2) a{border-top-right-radius:8px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:nth-last-child(1):nth-child(even) a{border-bottom-right-radius:8px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:nth-last-child(1):nth-child(odd) a,#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:nth-last-child(2):nth-child(odd) a{border-bottom-left-radius:8px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li.current a{background-color:#337cbd}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li.current a::before{display:none;}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li.current a span{position:relative;}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li.current a span::before{content: "";position:absolute;top:6px;left:-20px;width:3px;height:12px;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#d9d9d9}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:not(.current) a::before{display:none}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li a{padding:16px 24px;text-align:left;border-bottom:1px solid rgba(255,255,255,.3);height:100%;display:flex;align-items:center;}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li a:hover{opacity:1;background-color:#337cbd}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li a span::after{display:inline-block;width:16px;height:16px;margin-left:8px;content:'';vertical-align:middle;background-image:url(/-/media/cojp/assets/img/icons/dark/ic_arrowRight.svg);background-size:100%}
#header.g-siteHeader .g-headerSearch_input{position:absolute;right:42px;visibility:hidden;overflow:hidden;transition:all .4s ease-in-out;opacity:0}
#header.g-siteHeader .g-headerSearch_input.is-open{visibility:visible;opacity:1}
#header.g-siteHeader .g-headerSearch_input.is-open .siteSearch{visibility:visible;-webkit-transform:translateX(0);transform:translateX(0)}
#header.g-siteHeader .g-headerSearch .siteSearch{visibility:hidden;transition:all .3s ease-out;-webkit-transform:translateX(100%);transform:translateX(100%)}
}
@media only screen and (min-width:769px) and (max-width:959px){
/*! Medium only */

}
@media only screen and (max-width:768px){
/*! Small only */
#header.g-siteHeader #headerIn{max-width:1224px;padding-right:0;padding-left:0}
#header.g-siteHeader{position:relative}
#header.g-siteHeader .g-siteHeader_nav{position:fixed;top:70px;left:0;visibility:hidden;overflow-y:scroll;overflow-y:scroll;width:100vw;height:0;transition:all .2s ease-out;background-color:#fff}
#header.g-siteHeader .g-siteHeader_nav_inner{display:flex;overflow-y:scroll;flex-direction:column}
#header.g-siteHeader .g-siteHeader_nav_inner .siteSearch{order:1}
#header.g-siteHeader .g-siteHeader_nav_inner #header_gnav{order:2}
#header.g-siteHeader .g-siteHeader_nav_inner #header_subnav{order:3}
#header.g-siteHeader .g-siteHeader_nav #header_subnav{position:relative;top:0;right:auto;display:flex;padding:16px;border-bottom:2px solid #005bac;background-color:#ebebeb;flex-wrap:wrap}
#header.g-siteHeader .g-siteHeader_nav #header_subnav ul{position:relative;top:0;right:0}
#header.g-siteHeader .g-siteHeader_nav #header_subnav ul li{width:50%;padding:8px;border-right:none}
#header.g-siteHeader .g-siteHeader_nav #header_subnav ul li a{font-family:'FP-ヒラギノUD角ゴ StdN W5','Yu Gothic Medium','Yu Gothic',YuGothic,'Hiragino Sans','ヒラギノ角ゴシック','メイリオ',Meiryo,sans-serif;font-size:13px;font-weight:500;padding-left:0;color:inherit}
#header.g-siteHeader .g-siteHeader_nav #header_subnav ul li a[target='_blank']{padding-right:16px;background-image:url(/-/media/cojp/assets/img/icons/ic_link_blank.svg);background-position:right center;background-size:13px 13px}
#header.g-siteHeader .g-siteHeader_nav .siteSearch{position:absolute;top:0;display:flex;width:100%;padding:16px;background-color:#ebebeb;align-items:center;justify-content:center}
#header.g-siteHeader .g-siteHeader_nav .siteSearch .searchInput{float:none;width:100%;height:48px;border:1px solid #858585;border-radius:8px;background-color:#fff}
#header.g-siteHeader .g-siteHeader_nav .siteSearch .searchInput::-webkit-input-placeholder{color:transparent}
#header.g-siteHeader .g-siteHeader_nav .siteSearch .searchInput::-moz-placeholder{color:transparent}
#header.g-siteHeader .g-siteHeader_nav .siteSearch .searchInput:-ms-input-placeholder{color:transparent}
#header.g-siteHeader .g-siteHeader_nav .siteSearch .searchInput::-ms-input-placeholder{color:transparent}
#header.g-siteHeader .g-siteHeader_nav .siteSearch .searchInput::placeholder{color:transparent}
#header.g-siteHeader .g-siteHeader_nav .siteSearch .searchButton{position:absolute;right:calc(16px + 12px);float:none;width:24px;height:24px;background-color:transparent;background-image:url(/-/media/cojp/assets/img/icons/ic_search.svg);background-size:100% 100%}
#header.g-siteHeader .g-siteHeader_nav .siteSearch_switchBtn{display:none}
#header.g-siteHeader .g-siteHeader_nav #header_gnav{position:relative;top:0;display:block;margin-top:80px;border-top:1px solid #d9d9d9}
#header.g-siteHeader .g-siteHeader_nav #header_gnav ul>li>ul>li{font-size:14px;line-height:1.5;display:block;width:100%;padding:0}
#header.g-siteHeader #headerIn{min-height:68px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.current::after{top:calc((56px - 16px)/ 2);left:0;width:3px;height:16px;border-radius:0 4px 4px 0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>a{background-image:url(/-/media/cojp/assets/img/icons/ic_arrowRight.svg);background-repeat:no-repeat;background-position:calc(100% - 24px) center;background-size:16px 16px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item[role=menuitem]>a{background-image:url(/-/media/cojp/assets/img/icons/ic_plus.svg)}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item[role=menuitem].active>a{background-image:url(/-/media/cojp/assets/img/icons/ic_minus.svg)}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:hover>ul{-webkit-animation-name:none;animation-name:none}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item{font-size:16px;display:block;padding:0;text-align:left;border-bottom:1px solid #d9d9d9;outline:0}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item:not(.current){background-color:#f7f7f7}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item a{font-size:16px;line-height:1.5;width:100%;height:auto;padding:16px 24px;color:inherit;border-radius:0;background-color:inherit}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item{position:relative;top:0;left:0;display:block;overflow:hidden;width:100%;height:0;padding-left:48px;border-radius:0;background-color:transparent}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item::before{display:none}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li:last-child{margin-bottom:16px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li.current a::before{background-color:#e60012}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li a{font-size:14px;padding:8px 16px}
#header.g-siteHeader #headerIn nav #header_gnav>ul>li.gnav_item>ul.gsub_item>li a::before{left:0;height:10px;bottom:auto;top:1em};
#header.g-siteHeader .g-headerSearch .siteSearch_switchBtn{display:none}
#mm-open{position:absolute;top:0;right:0;width:68px;height:68px;transition:none;border-radius:0;background-image:url(/-/media/cojp/assets/img/icons/ic_menu.svg);background-repeat:no-repeat;background-position:center;background-size:40px 40px}
#mm-open span,#mm-open::after,#mm-open::before{display:none}
#mm-open.is-open{background-color:#005bac;background-image:url(/-/media/cojp/assets/img/icons/dark/ic_close.svg)}
#mm-open.is-open+.g-siteHeader .g-siteHeader_nav{visibility:visible;height:calc(100svh - 70px)}
}
@media only screen and (max-width:768px) and (max-width:768px){
#header.g-siteHeader .g-siteHeader_nav .siteSearch .searchButton{font-size:0;padding:0}
}