@charset "UTF-8";

/* ----------------------------------------------------------------

  Custom Properties

----------------------------------------------------------------- */
:root{
--cmn-ad-bnr-bg-color:transparent;

--cmn-font-family:'Arial', 'Hiragino Kaku Gothic ProN', '\30d2\30e9\30ae\30ce\89d2\30b4 ProN W3', 'Hiragino Sans','\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af', sans-serif;

--cmn-font-color-base:#222;
--cmn-font-color-base-rgb:34,34,34;

--cmn-font-color-link:#004c9a;
--cmn-font-color-link-rgb:0,76,154;

--cmn-font-color-red:#e93939;
--cmn-font-color-red-rgb:233,57,57;

--cmn-font-color-gray:#777;
--cmn-font-color-gray-rgb:119,119,119;

--cmn-btn-color:#177bcb;
--cmn-btn-color-rgb:23,123,203;
}



/* ----------------------------------------------------------------

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 reset
-------------------------------------------------------------------*/
html,
body{
height:100%;
}

html,
body,
button,
select,
input,
textarea{
color:var(--cmn-font-color-base);
font-family:var(--cmn-font-family);
}

body{
margin:0;
padding:0;
width:100%;
min-height:100svh;
overflow:hidden;
overflow-y:auto;
background-color:#fff;
font-size:14px;
-webkit-text-size-adjust:none;
}

h1,h2,h3,h4,h5,h6,div,p,address,blockquote,dl,dt,dd,ul,ol,li,object,embed,form{
margin:0;
padding:0;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
display:block;
}

h1{
font-size:100%;
font-weight:normal;
}

h2,h3,h4,h5,h6{
font-size:100%;
}

ul,ol,li{
list-style-type:none;
}

a{
color:var(--cmn-font-color-link);
text-decoration:none;
}

button{
touch-action:manipulation;
}

em,cite,dfn{
font-style:normal;
}

img{
border:none;
}

main{
display:block;
line-height:1.55;
padding:10px;
}

main p,
main ul,
main ol,
main dl,
main table{
margin:8px 0;
}

main img{
max-width:100%;
}


/* ----------------------------------------------------------------
  Animation Settings
----------------------------------------------------------------- */
@-webkit-keyframes show{
0%{
opacity:0;
}
100%{
opacity:1;
}
}

@keyframes show{
0%{
opacity:0;
}
100%{
opacity:1;
}
}

@-webkit-keyframes hide{
0%{
opacity:1;
}
100%{
opacity:0;
}
}

@keyframes hide{
0%{
opacity:1;
}
100%{
opacity:0;
}
}

.is-show{
-webkit-animation:show .4s ease 0s;
animation:show .4s ease 0s;
}

.is-hide{
-webkit-animation:hide .4s ease 0s;
animation:hide .4s ease 0s;
}



/* ----------------------------------------------------------------

  Header

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .str-header
------------------------------------------------------------------*/
/* .str-header
------------------------------------------------------------------*/
.str-header{
position:relative;
}

 /* .str-header-inner
------------------------------------------------------------------*/
.str-header .str-header-inner{
padding:0 12px;
position:relative;
height:44px;
background:#00428e url(/element_sp/shared/images/frame/bg-header.png) repeat 0 0;
background-size:auto 44px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.str-header .str-header-inner::before{
position:absolute;
bottom:0;
content:'';
display:block;
width:100%;
height:4px;
left:0;
box-shadow:0 2px 2px .1px rgba(0,0,0,.4);
z-index:2;
}

 /* .str-header-secondary > .str-header-inner
 --------------------------------------------------*/
.str-header.str-header-secondary .str-header-inner{
background:#2a2a2a url(/element_sp/shared/images/frame/bg-header-secondary.png) repeat 0 0;
background-size:auto 44px;
}

.str-header.str-header-secondary .str-header-inner::before{
box-shadow:0 2px 2px .1px rgba(0,0,0,.6);
}

 /* .str-header-primery > .str-header-inner
 --------------------------------------------------*/
.str-header.str-header-primary{
margin-bottom:-4px;
}

.str-header.str-header-primary .str-header-inner{
height:35px;
background:transparent;
}

.str-header.str-header-primary .str-header-inner::before{
display:none;
}


/* ----------------------------------------------------------------
 .str-header-logo
------------------------------------------------------------------*/
 /* .str-header-logo
 --------------------------------------------------*/
.str-header .str-header-logo a{
color:rgba(0,0,0,0) !important;
display:block;
width:90px;
height:19px;
overflow:hidden;
background:url(/element_sp/shared/images/frame/logo.svg) no-repeat 50% 50%;
}

 /* .str-header-primery > .str-header-logo
 --------------------------------------------------*/
.str-header.str-header-primary .str-header-logo a{
width:119px;
height:35px;
background:url(/element_sp/shared/images/frame/logo-primary.svg) no-repeat 50% 50%;
}


/* ----------------------------------------------------------------
 .btn-drawer
------------------------------------------------------------------*/
.str-header .btn-drawer{
padding:0;
border:none;
color:rgba(0,0,0,0) !important;
position:absolute;
top:0;
right:0;
width:50px;
height:44px;
background:url(/element_sp/shared/images/frame/icon-drawer.svg) no-repeat calc(100% - 16px) 50%;
background-size:18px 14px;
}

 /* .str-header-primery > .btn-drawer
 --------------------------------------------------*/
.str-header.str-header-primary .btn-drawer{
height:35px;
}


/* ----------------------------------------------------------------
 .str-header-nquiry
------------------------------------------------------------------*/
/* .str-header-inquiry
 --------------------------------------------------*/
.str-header .str-header-inquiry{
position:absolute;
bottom:50%;
right:50px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
z-index:2;
}

.str-header .str-header-inquiry > li{
margin-left:12px;
float:left;
position:relative;
}

.str-header .str-header-inquiry > li > a{
color:rgba(0,0,0,0) !important;
display:block;
box-sizing:border-box;
width:35px;
height:28px;
overflow:hidden;
}

.str-header .str-header-inquiry > li.str-header-inquiry-request > a{
width:40px;
background:url(/element_sp/shared/images/frame/icon-request.svg) 50% 50% no-repeat;
}

.str-header .str-header-inquiry > li.str-header-inquiry-faq > a{
background: url(/element_sp/shared/images/frame/icon-faq.svg) 50% 50% no-repeat;
}

.str-header .str-header-inquiry > li.str-header-inquiry-history > a{
width:30px;
background:url(/element_sp/shared/images/frame/icon-history.svg) 50% 50% no-repeat;
background-size:30px 26px;
}


/* ----------------------------------------------------------------
 .str-header-inquiry-pulldown
------------------------------------------------------------------*/
/* .str-header-inquiry-pulldown
----------------------------------------------- */
.str-header .str-header-inquiry-pulldown{
padding:12px;
border-radius:6px;
position:absolute;
top:calc(100% + 8px);
right:50%;
transform:translateX(50%);
width:216px;
box-sizing:border-box;
box-shadow:0 1px 4px rgba(0,0,0,.45);
background-color:#eee;
}

.str-header .str-header-inquiry-pulldown::before{
content:'';
display:block;
width:0;
height:0;
position:absolute;
right:calc(50% - 10px);
top:-7px;
border-width:0 10px 10px 10px;
border-color:transparent transparent #eee transparent;
border-style:solid;
}

.str-header-inquiry > li[aria-expanded="false"] .str-header-inquiry-pulldown{
display:none;
}

.str-header-inquiry > li[aria-expanded="true"] .str-header-inquiry-pulldown{
display:block;
}

/* .str-header-inquiry-pulldown-list
----------------------------------------------- */
.str-header .str-header-inquiry-pulldown-list > li:not(:first-child){
margin-top:12px;
}

.str-header .str-header-inquiry-pulldown-list button{
margin:0;
padding:0;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
width:100%;
min-height:34px;
background-color:#fff;
font-size:12px;
font-weight:bold;
}



/* ----------------------------------------------------------------

  Global Nav

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .nav-drawer-controller
------------------------------------------------------------------*/
.nav-drawer-layer{
display:none;
position:fixed;
width:100%;
height:100%;
background-color:rgba(255, 255, 255, .6);
z-index:101;
top:0;
left:0;
}

body.nav-drawer-active .str-container,
body.nav-drawer-active .container{
overflow:hidden;
width:100%;
height:100%;
z-index:0;
position:fixed;
}

body.nav-drawer-active .str-nav{
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
}

body.nav-drawer-active .nav-drawer-layer{
display:block;
}


/* ----------------------------------------------------------------
 .str-nav
------------------------------------------------------------------*/
/* .str-nav
------------------------------------------------------------------*/
.str-nav{
position:fixed;
top:0;
right:-85%;
box-sizing:border-box;
width:85%;
height:100%;
-webkit-transition:all .5s ease;
transition:all .5s ease;
overflow:hidden;
z-index:102;
background-color:#2f4a74;
color:#fff;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
text-shadow:none;
}

/* .nav-drawer
------------------------------------------------------------------*/
.str-nav .nav-drawer{
padding:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
height:100%;
}

/* .nav-drawer-header
------------------------------------------------------------------*/
.str-nav .nav-drawer .nav-drawer-header{
margin:0 -10px;
padding:0 10px;
}

/* .nav-drawer-header-inner
------------------------------------------------------------------*/
.str-nav .nav-drawer .nav-drawer-header .nav-drawer-header-inner{
position:relative;
min-height:30px;
box-sizing:border-box;
}

/* .nav-global-list
------------------------------------------------------------------*/
.str-nav .nav-drawer .nav-global-list{
display:-webkit-flex;
display:flex;
-webkit-box-align:center;
align-items:center;
width:fit-content;
font-size:12px;
}

.str-nav .nav-drawer .nav-global-list li a{
padding:10px 17px;
color:#fff;
display:block;
position:relative;
box-sizing:border-box;
text-align:center;
}

.str-nav .nav-drawer .nav-global-list li a::after{
content:'';
display:block;
width:1px;
height:20px;
overflow:hidden;
position:absolute;
bottom:50%;
left:0;
transform:translateY(50%);
background-color:#fff;
}

.str-nav .nav-drawer .nav-global-list li.nav-global-list-inquiry a{
padding-left:10px;
}

.str-nav .nav-drawer .nav-global-list li.nav-global-list-inquiry a::after{
display:none;
}

.str-nav .nav-drawer .nav-global-list li.nav-global-list-history{
-webkit-box-flex:1;
flex:1;
}

.str-nav .nav-drawer .nav-global-list li.nav-global-list-history a{
padding-right:10px;
}

.str-nav .nav-drawer .nav-global-list li.nav-global-list-history a::before{
margin-right:4px;
content:'';
display:inline-block;
width:20px;
height:18px;
vertical-align:middle;
background:url(/element/shared/images/frame/icon-history-wht.svg) 0 0 no-repeat;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:375px){
.str-nav .nav-drawer .nav-global-list{
width:100%;
}

.str-nav .nav-drawer .nav-global-list li.nav-global-list-faq{
-webkit-box-flex:1;
flex:1;
}

.str-nav .nav-drawer .nav-global-list li.nav-global-list-history{
-webkit-box-flex:0;
flex:none;
}
}

@media screen and (max-width:374px){
.str-nav .nav-drawer .nav-global-list li a{
padding:10px 8px;
}
}

/* .drawer-list
------------------------------------------------------------------*/
.str-nav .nav-drawer .drawer-list li{
border-top:1px solid rgba(255, 255, 255, .3);
font-size:14px;
}

.str-nav .nav-drawer .drawer-list li a{
padding:12px 5px 12px 10px;
display:block;
color:#fff;
}

.str-nav .nav-drawer .drawer-list li ul a{
padding-top:5px;
padding-bottom:5px;
box-sizing:border-box;
line-height:1.2;
display:table-cell;
min-width:272px;
height:44px;
vertical-align:middle;
}

.str-nav .nav-drawer .drawer-list li.drawer-item{
border-bottom:none;
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-list-br{
display:inline-block;
}

.str-nav .nav-drawer .drawer-list li.drawer-item > a,
.str-nav .nav-drawer .drawer-list li.drawer-item > em{
padding:32px 10px 12px;
display:block;
position:relative;
font-size:16px;
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-item-icon-new{
margin-left:4px;
padding:0 4px;
border-radius:3px;
color:#fff;
display:inline-block;
background-color:var(--cmn-font-color-red);
font-size:12px;
vertical-align:text-top;
font-family:Arial;
line-height:16px;
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-item-sns{
padding:10px;
overflow:hidden;
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-list-sns{
margin-top:5px;
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-list-sns li{
border:none;
float:left;
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-list-sns li:not(:last-child){
margin-right:28px;
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-list-sns a{
padding:0;
color:rgba(0,0,0,0);
display:block;
width:28px;
height:28px;
min-width:0;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
user-select:none;
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-list-sns .fb a{
background-image:url(/element_sp/shared/images/frame/nav-drawer-sns-fb.svg);
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-list-sns .tw a{
background-image:url(/element_sp/shared/images/frame/nav-drawer-sns-tw.svg);
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-list-sns .instagram a{
background-image:url(/element_sp/shared/images/frame/nav-drawer-sns-insta.svg);
}

.str-nav .nav-drawer .drawer-list li.drawer-item .drawer-list-sns .youtube a{
background-image:url(/element_sp/shared/images/frame/nav-drawer-sns-youtube.svg);
}

.str-nav .nav-drawer .drawer-list.drawer-list-col2 ul{
overflow:hidden;
}

.str-nav .nav-drawer .drawer-list.drawer-list-col2 ul li{
width:50%;
float:left;
border-right:1px solid rgba(255,255,255,.3);
box-sizing:border-box;
}

.str-nav .nav-drawer .drawer-list.drawer-list-col2 ul li:nth-child(even){
border-right:none;
}

.str-nav .nav-drawer .drawer-list.drawer-list-col2 ul li a{
min-width:135px;
}

/* .drawer-list
-------------------------------------------*/
.str-nav .nav-drawer .drawer-list li.drawer-item-ad > a{
padding-top:12px;
font-size:14px;
}

/* .btn-drawer-close
------------------------------------------------------------------*/
.str-nav .nav-drawer .btn-drawer-close{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0) !important;
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
overflow:hidden;
background:url(/element_sp/shared/images/frame/nav-drawer-close.svg) 0 100% no-repeat;
background-size:20px;
}



/* ----------------------------------------------------------------

  Footer

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .str-footer
------------------------------------------------------------------*/
.str-footer{
color:#fff;
position:relative;
background-color:#262d37;
text-shadow:none;
}

.str-footer a{
color:#fff;
}


/* ----------------------------------------------------------------
 .str-footer-nav-top
------------------------------------------------------------------*/
.str-footer-nav-top{
border-radius:50%;
color:rgba(0,0,0,0) !important;
position:fixed;
z-index:101;
right:10px;
bottom:20px;
width:44px;
height:44px;
display:none;
overflow:hidden;
user-select:none;
background:#ccc url(/element/shared/images/frame/footer-nav-top-arrow.svg) no-repeat 50% 48%;
background-size:20px auto;
}

.str-footer-nav-top.is-active{
display:block;
}


/* ----------------------------------------------------------------
 .str-footer-inquiry
------------------------------------------------------------------*/
/* .str-footer-inquiry
----------------------------------------------- */
.str-footer-inquiry{
position:fixed;
bottom:20px;
right:10px;
z-index:101;
line-height:1.25;
font-size:12px;
}

.str-footer-inquiry.is-adjust{
bottom:76px;
}

.str-footer-inquiry.is-adjust-ad{
bottom:calc(79px + 20px);
}

/* .str-footer-inquiry-hook
----------------------------------------------- */
.str-footer-inquiry-hook{
margin:0;
padding:4px 0 0;
border:none;
border-radius:50%;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:block;
width:44px;
height:44px;
overflow:hidden;
line-height:1.1;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
font-size:12px;
}

/* .str-footer-inquiry-content
----------------------------------------------- */
.str-footer-inquiry-content{
padding:12px;
border-radius:6px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:none;
width:284px;
max-width:calc(100vw - 20px);
position:absolute;
right:0;
bottom:0;
box-shadow:0 0 6px rgba(0,0,0,.4);
background-color:#eee;
}

.str-footer-inquiry[aria-expanded="true"] .str-footer-inquiry-content{
display:block;
}

/* .str-footer-inquiry-content-hdg
----------------------------------------------- */
.str-footer-inquiry-content-hdg{
margin-bottom:8px;
line-height:1.25;
font-size:14px;
font-weight:bold;
}

/* .str-footer-inquiry-content-btn
----------------------------------------------- */
.str-footer-inquiry-content-btn > li:not(:first-child){
margin-top:12px;
}

.str-footer-inquiry-content-btn button{
margin:0;
padding:0;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:100%;
min-height:34px;
background-color:#fff;
font-weight:bold;
font-size:12px;
}

/* .str-footer-inquiry-content-btn-close
----------------------------------------------- */
.str-footer-inquiry-content-btn-close{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0) !important;
position:absolute;
top:14px;
right:16px;
width:12px;
height:12px;
overflow:hidden;
background:url(/element/shared/images/frame/footer-inquiry-close.svg) no-repeat 0 0;
}


/* ----------------------------------------------------------------
 .str-footer-bnr
------------------------------------------------------------------*/
.str-footer-bnr{
margin-top:25px;
padding-bottom:25px;
display:flex;
align-items:center;
justify-content:center;
background-color:#fff;
}

.str-footer-bnr img{
vertical-align:bottom;
width:210px;
max-width:100%;
}


/* ----------------------------------------------------------------
 .str-footer-nav
------------------------------------------------------------------*/
/* .str-footer-nav
----------------------------------------------- */
.str-footer-nav{
padding:12px 10px;
border-top:1px solid #555;
font-size:12px;
}

.str-footer-nav > li:not(:first-child){
margin-top:16px;
}

.str-footer-nav > li{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.str-footer-nav > li > :not(.str-footer-nav-inner){
width:100%;
}

/* .str-footer-nav-inner
----------------------------------------------- */
.str-footer-nav-inner{
width:calc(50% - 6px);
}

.str-footer-nav > li > .str-footer-nav-inner:first-of-type{
margin-right:12px;
}

/* .str-footer-nav-list
----------------------------------------------- */
.str-footer-nav-list > li{
margin-top:8px;
}

/* .str-footer-nav-list-bullet
----------------------------------------------- */
.str-footer-nav-list-bullet > li{
margin-top:8px;
padding-left:10px;
position:relative;
}

.str-footer-nav-list-bullet > li:before{
content:"-";
display:block;
position:absolute;
top:.15em;
left:0;
line-height:1;
}


/* ----------------------------------------------------------------
 .str-footer-app
------------------------------------------------------------------*/
/* .str-footer-app
----------------------------------------------- */
.str-footer-app{
padding:12px 10px 12px 90px;
border-top:1px solid #555;
display:flex;
align-items:flex-end;
background:url(/element/shared/images/frame/icon-app.png) no-repeat 10px 50%;
background-size:67px;
font-size:14px;
font-weight:bold;
}

/* .str-footer-app-catch
----------------------------------------------- */
.str-footer-app-catch{
margin-bottom:8px;
display:block;
position:relative;
line-height:1;
}

/* .str-footer-app-catch-icon
----------------------------------------------- */
.str-footer-app-catch-icon{
padding:3px 0;
color:#fff;
display:block;
width:40px;
position:absolute;
top:-2px;
right:0;
background-color:#bc9013;
text-align:center;
font-size:12px;
font-weight:normal;
}

/* .str-footer-app-list
----------------------------------------------- */
.str-footer-app-list{
display:flex;
}

.str-footer-app-list > li:first-child{
margin-right:6px;
}

.str-footer-app-list img{
vertical-align:bottom;
max-height:44px;
max-width:100%;
}


/* ----------------------------------------------------------------
 .str-footer-switch
------------------------------------------------------------------*/
.str-footer-switch{
padding:12px;
border-top:1px solid #555;
position:relative;
display:block;
text-align:center;
font-size:12px;
text-align:center;
}

.str-footer-switch a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}


/* ----------------------------------------------------------------
 .str-footer-utility
------------------------------------------------------------------*/
.str-footer-utility{
overflow:hidden;
border-top:1px solid #555;
position:relative;
font-size:12px;
}

.str-footer-utility::before{
content:'';
display:block;
width:100%;
height:1px;
background-color:#555;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
}

.str-footer-utility li{
display:table;
float:left;
width:50%;
border-bottom:1px solid #555;
border-right:1px solid #555;
box-sizing:border-box;
}

.str-footer-utility li:nth-child(2n){
border-right:none;
}

.str-footer-utility li a{
display:table-cell;
padding:10px 14px;
width:100%;
vertical-align:middle;
}


/* ----------------------------------------------------------------
 .str-footer-copyright
------------------------------------------------------------------*/
.str-footer-copyright{
margin-top:-1px;
padding:12px;
position:relative;
text-align:center;
font-size:10px;
}



/* ----------------------------------------------------------------

  Topic Path

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-topic-path
------------------------------------------------------------------*/
.cmn-topic-path{
padding-left:35px;
color:#fff;
border-bottom:1px solid rgba(0,0,0,.3);
position:relative;
overflow:hidden;
line-height:1;
background:#00428e url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
}

.cmn-topic-path a{
color:#fff;
}

.cmn-topic-path ul,
.cmn-topic-path ol{
margin:0;
}

/* .str-footer > .cmn-topic-path
----------------------------------------------- */
.str-footer .cmn-topic-path{
border-bottom:none;
background:#262d37;
}


/* ----------------------------------------------------------------
 .cmn-topic-path-home
------------------------------------------------------------------*/
.cmn-topic-path .cmn-topic-path-home{
padding-right:8px;
position:absolute;
top:0;
left:0;
width:28px;
height:100%;
z-index:1;
background-color:#00428e;
}

.cmn-topic-path .cmn-topic-path-home::before{
position:absolute;
content:'';
width:4px;
height:4px;
top:calc(50% - 2px);
right:2px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

.cmn-topic-path .cmn-topic-path-home a{
color:rgba(255,255,255,0);
display:block;
position:relative;
height:100%;
user-select:none;
}

.cmn-topic-path .cmn-topic-path-home a::before{
position:absolute;
top:10px;
left:10px;
display:block;
width:0;
height:0;
content:'';
border-width:0 6px 6px;
border-style:solid;
border-color:transparent transparent #fff;
}

.cmn-topic-path .cmn-topic-path-home a::after{
position:absolute;
top:15px;
left:12px;
display:block;
overflow:hidden;
width:8px;
height:6px;
content:'';
box-sizing:border-box;
border-width:3px 3px 0;
border-style:solid;
border-color:#fff;
}

/* .str-footer > .cmn-topic-path-home
----------------------------------------------- */
.str-footer .cmn-topic-path-home{
background-color:#262d37;
}

.str-footer .cmn-topic-path-home::before{
border-top-color:#555;
border-right-color:#555;
}


/* ----------------------------------------------------------------
 .cmn-topic-path-slide
------------------------------------------------------------------*/
.cmn-topic-path .cmn-topic-path-slide{
position:relative;
}

.cmn-topic-path .cmn-topic-path-slide ol{
display:table;
white-space:nowrap;
}

.cmn-topic-path .cmn-topic-path-slide li{
display:table-cell;
}

.cmn-topic-path .cmn-topic-path-slide li:last-child{
padding-right:15px;
}

.cmn-topic-path .cmn-topic-path-slide li a{
padding:12px 12px 10px 5px;
display:block;
position:relative;
font-size:10px;
}

.cmn-topic-path .cmn-topic-path-slide li a::before{
position:absolute;
content:'';
width:4px;
height:4px;
top:calc(50% - 2px);
right:2px;
border-top:1px solid #fff;
border-right:1px solid #fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

.cmn-topic-path .cmn-topic-path-slide li:last-child a{
padding-right:5px;
}

.cmn-topic-path .cmn-topic-path-slide li:last-child a:before{
display:none;
}

.cmn-topic-path .cmn-topic-path-slide li > h1,
.cmn-topic-path .cmn-topic-path-slide li > span{
padding:12px 5px 10px;
display:block;
position:relative;
font-size:10px;
}

.cmn-topic-path .cmn-topic-path-slide .cmn-topic-path-hide{
display:none;
}

/* .str-footer > .cmn-topic-path-slide
----------------------------------------------- */
.str-footer .cmn-topic-path .cmn-topic-path-slide li a::before{
border-top-color:#555;
border-right-color:#555;
}




/* ----------------------------------------------------------------

  Info

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 cmn-info
----------------------------------------------------------------- */
.cmn-info{
margin:0;
padding:12px 10px;
line-height:1.42;
background:#00428e url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
font-size:12px;
}

main .cmn-info{
margin:0 -10px;
}

/* .cmn-info-content
----------------------------------------------------------------- */
.cmn-info .cmn-info-content{
padding:8px;
border-radius:4px;
color:#fff;
background-color:rgba(23,123,203,.55);
}

/* .cmn-info-catch
----------------------------------------------------------------- */
.cmn-info .cmn-info-catch{
margin:0;
padding:8px 4px;
border-radius:4px;
color:#fff;
background-color:rgba(23,123,203,.55);
font-size:14px;
text-align:center;
}

.cmn-info .cmn-info-catch a{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}

.cmn-info .cmn-info-catch strong{
color:#d4a900;
font-weight:normal;
font-size:16px;
}

.cmn-info .cmn-info-catch span{
display:inline-block;
font-size:12px;
}

.cmn-info .cmn-info-content + .cmn-info-catch{
margin-top:8px;
}

/* .cmn-info-card
----------------------------------------------------------------- */
.cmn-info.cmn-info-card{
background:transparent;
}

.cmn-info.cmn-info-card .cmn-info-content{
color:#000;
background-color:rgba(255,255,255,.7);
}

.cmn-info.cmn-info-card .cmn-info-catch{
background-color:rgba(0,62,135,.5);
text-shadow:0 1px 1px rgba(0,0,0,.3);
}

.cmn-info.cmn-info-card .cmn-info-catch strong{
color:#f5e26d;
}

main .cmn-info.cmn-info-card{
margin:12px 0;
padding:0;
}

/* .cmn-info-dark-card
----------------------------------------------------------------- */
.cmn-info.cmn-info-dark-card{
background:transparent;
}

.cmn-info.cmn-info-dark-card .cmn-info-content{
padding:8px;
border-radius:4px;
}

main .cmn-info.cmn-info-dark-card{
margin:12px 0;
padding:0;
}

/* .cmn-info-dark
----------------------------------------------------------------- */
.cmn-info.cmn-info-dark{
background:transparent;
}

.cmn-info.cmn-info-dark .cmn-info-content{
padding:0;
background:transparent;
}

.cmn-info.cmn-info-dark .cmn-info-catch{
color:#000;
background-color:rgba(255,255,255,.2);
}

.cmn-info.cmn-info-dark .cmn-info-catch a{
--cmn-dashed-color:#949494;
}

.cmn-info.cmn-info-dark .cmn-info-catch strong{
color:#fac031;
}

.cmn-info.cmn-info-dark .cmn-info-content + .cmn-info-catch{
margin-top:12px;
}

main .cmn-info.cmn-info-dark{
margin:12px 0;
padding:0;
}


/* ----------------------------------------------------------------
 .cmn-info-list
----------------------------------------------------------------- */
.cmn-info .cmn-info-list{
margin:0;
font-size:14px;
}

.cmn-info .cmn-info-list > li,
.cmn-info .cmn-info-list > li > strong{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
font-weight:normal;
}

.cmn-info .cmn-info-list > li:not(:first-child){
margin-top:8px;
}

.cmn-info .cmn-info-list > li a{
color:#fff;
-webkit-box-flex:1;
flex:1;
}

.cmn-info .cmn-info-list > li .cmn-info-icon{
margin-right:8px;
padding:2px;
border:1px solid rgba(255, 255, 255, .5);
border-radius:10px;
line-height:1;
width:60px;
box-sizing:border-box;
text-align:center;
font-size:12px;
white-space:nowrap;
}

.cmn-info .cmn-info-list > li strong .cmn-info-icon{
padding-left:8px;
color:#fff;
border-color:#faa;
background-color:rgba(242,84,84,.9);
letter-spacing:8px;
}

main > .cmn-info .cmn-info-list{
margin:0;
}

/* .cmn-info-toggle > .cmn-info-list
----------------------------------------------------------------- */
.cmn-info.cmn-info-toggle .cmn-info-list > li:nth-child(n+3){
display:none;
}

.cmn-info.cmn-info-toggle.cmn-info-toggle-active .cmn-info-list > li:nth-child(n+3){
display:-webkit-box;
display:flex;
}

/* .cmn-info-card > .cmn-info-list
----------------------------------------------------------------- */
.cmn-info.cmn-info-card .cmn-info-list > li .cmn-info-icon{
border-color:rgba(119,119,119,.9);
}

.cmn-info.cmn-info-card .cmn-info-list > li strong .cmn-info-icon{
color:#bb1b20;
border-color:rgba(187,27,32,.9);
background-color:rgba(255, 255, 255, .8);
}

.cmn-info.cmn-info-card .cmn-info-list > li a{
color:#000;
}


/* ----------------------------------------------------------------
 .cmn-info-btn
----------------------------------------------------------------- */
.cmn-info .cmn-info-btn{
margin:8px 0 0 auto;
padding:0 0 0 12px;
border:none;
color:#fff;
line-height:1;
display:none;
background:url(/element_sp/shared/images/frame/icon-cmn-info-chevron-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
}

.cmn-info.cmn-info-toggle .cmn-info-btn{
display:block;
}

/* .cmn-info-toggle > .cmn-info-btn
----------------------------------------------------------------- */
.cmn-info.cmn-info-toggle.cmn-info-toggle-active .cmn-info-btn{
background-image:url(/element_sp/shared/images/frame/icon-cmn-info-chevron-up.svg);
}

/* .cmn-info-card > .cmn-info-btn
----------------------------------------------------------------- */
.cmn-info.cmn-info-card .cmn-info-btn{
color:#000;
}

.cmn-info.cmn-info-card .cmn-info-btn{
background-image:url(/element_sp/shared/images/frame/icon-cmn-info-chevron-down-gray.svg);
}

.cmn-info.cmn-info-card.cmn-info-toggle.cmn-info-toggle-active .cmn-info-btn{
background-image:url(/element_sp/shared/images/frame/icon-cmn-info-chevron-up-gray.svg);
}


/* ----------------------------------------------------------------

  Noscript Info

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
 .cmn-noscript
----------------------------------------------------------------- */
.cmn-noscript{
margin:10px;
padding:12px;
border:1px solid #d2d2d2;
line-height:1.35;
background-color:#fff;
font-size:14px;
}

.cmn-noscript a{
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------
 .cmn-noscript-hdg-l2 / .cmn-noscript-hdg-l3
----------------------------------------------------------------- */
.cmn-noscript .cmn-noscript-hdg-l2{
margin-bottom:8px;
font-size:16px;
}

.cmn-noscript .cmn-noscript-hdg-l3{
margin:16px 0 8px;
padding-bottom:8px;
border-bottom:1px solid #d8d8d8;
width:auto;
height:auto;
background:none;
text-indent:0;
font-size:14px;
}

/* ----------------------------------------------------------------
  .cmn-noscript-icon-blank
----------------------------------------------------------------- */
.cmn-noscript-icon-blank{
margin:0 2px;
padding-top:10px;
overflow:hidden;
display:inline-block;
width:10px;
height:0;
position:relative;
top:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
}