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

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font-color,cursor control
----------------------------------------------------------------- */
button,
select,
input[type='radio']{
color:var(--cmn-font-color-base);
cursor:pointer;
}

option{
color:var(--cmn-font-color-base);
}

button:disabled,
select:disabled,
option:disabled{
color:#ccc;
cursor:default;
}

strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

::placeholder{
color:#949494;
}

/* IE Hack */
select:disabled::-ms-value,
select:disabled::-ms-expand,
option:disabled::-ms-value,
option:disabled::-ms-expand{
color:#ccc;
}
::-ms-input-placeholder{
color:#949494;
}
:-ms-input-placeholder{
color:#949494;
}


/* ----------------------------------------------------------------
  HTML5 display definitions
----------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;
}

audio,
canvas,
progress,
video{
display:inline-block;
}

audio:not([controls]){
display:none;
height:0;
}

progress{
vertical-align:baseline;
}



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

 Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Site Common Modules
----------------------------------------------------------------- */
/* .cmn-tip-btn
----------------------------------------------------------------- */
.company-item-list .cmn-tip-btn{
margin-left:4px;
}


/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* default control
----------------------------------------------------------------- */
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}

[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}

[type="search"]::-webkit-search-cancel-button{
display:none;
}


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


/* ----------------------------------------------------------------
  Note
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------------------------- */
.notice-list{
margin:8px 0 0;
color:var(--cmn-font-color-gray);
font-size:12px;
text-align:left;
}

.notice-list > li{
padding-left:16px;
position:relative;
}

.notice-list > li:not(:first-child){
margin-top:4px;
}

.notice-list > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

.company-item-list-menu-pulldown-inquiry .notice-list,
.detail-panel-list-inqury .notice-list{
margin-top:2px;
}


/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-blank
----------------------------------------------------------------- */
a.link-blank{
display:inline-block;
text-decoration:none;
word-break:break-all;
overflow-wrap:break-word;
}


/* ----------------------------------------------------------------
  Paragraph
----------------------------------------------------------------- */
/* .br
----------------------------------------------------------------- */
.br{
display:block;
}



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

 Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  menu-header
----------------------------------------------------------------- */
/* .menu-header
----------------------------------------------------------------- */
.menu-header{
margin-bottom:20px;
padding:15px 20px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
font-size:15px;
}

.menu-header > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .menu-header-hdg
----------------------------------------------------------------- */
.menu-header .menu-header-hdg{
line-height:1.25;
font-size:30px;
text-shadow:1px 1px 1px rgba(0,0,0,.35)
}

/* .menu-header-sup
----------------------------------------------------------------- */
.menu-header .menu-header-sup{
-webkit-box-flex:1;
flex:1;
font-size:12px;
text-align:right;
}


/* ----------------------------------------------------------------
  company
----------------------------------------------------------------- */
/* .company
----------------------------------------------------------------- */
.company{
padding:12px 12px 16px;
border-radius:6px;
background-color:var(--cmn-font-color-gray);
}

/* .company-filter
----------------------------------------------------------------- */
.company .company-filter{
margin-bottom:8px;
padding-bottom:12px;
border-bottom:1px solid #999;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.company .company-filter > div{
margin-right:12px;
}

.company .company-filter input{
padding:2px 8px 2px 24px;
border:none;
border-radius:2px;
width:324px;
min-height:34px;
background:#fff url(/element/company/shared/images/icon-search.svg) 8px 50% no-repeat;
background-size:14px auto;
}

/* .company-filter-suggest
----------------------------------------------------------------- */
.company .company-filter-suggest{
position:relative;
}

/* .company-filter-suggest-btn
----------------------------------------------------------------- */
.company .company-filter-suggest-btn{
padding:0 12px;
border:none;
border-radius:2px;
width:200px;
height:34px;
text-align:left;
background-color:#fff;
}

/* .company-filter-suggest-content
----------------------------------------------------------------- */
.company .company-filter-suggest-content{
padding:8px 12px;
border:1px solid #bebebe;
position:absolute;
width:105%;
top:100%;
left:0;
box-shadow:2px 2px 4px rgba(0,0,0,.3);
background-color:#fff;
font-size:12px;
}

.company .company-filter-suggest[aria-expanded="false"] .company-filter-suggest-content{
display:none;
}

.company .company-filter-suggest[aria-expanded="true"] .company-filter-suggest-content{
display:block;
}

.company .company-filter-suggest-content > button{
margin:4px 0 0 auto;
padding:0;
display:block;
border:none;
font-size:12px;
}

/* .company-filter-suggest-content-hdg
----------------------------------------------------------------- */
.company .company-filter-suggest-content-hdg{
margin-bottom:4px;
font-size:12px;
}

/* .company-filter-suggest-content-list
----------------------------------------------------------------- */
.company .company-filter-suggest-content-list > li{
padding:4px 0;
border-bottom:1px solid #eee;
cursor:pointer;
}

.company .company-filter-suggest-content-list > .is-active{
background-color:#f9eaba;
}

/* .company-header
----------------------------------------------------------------- */
.company .company-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .company-header-hdg
----------------------------------------------------------------- */
.company .company-header-hdg{
color:#fff;
-webkit-box-flex:1;
flex:1;
font-size:17px;
}

/* .company-pager
----------------------------------------------------------------- */
.company .company-pager{
margin:0 0 0 auto;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:fit-content;
font-size:12px;
}

.company .company-pager > li{
margin-left:8px;
}

.company .company-pager em{
padding:4px;
display:block;
}

.company .company-pager a,
.company .company-pager span{
padding:4px;
color:#fff;
display:block;
background-color:#555;
text-decoration:none;
}

.company .company-pager span{
opacity:.33;
}

/* .company-footer
----------------------------------------------------------------- */
.company .company-footer{
margin-top:16px;
}


/* ----------------------------------------------------------------
  company-item
----------------------------------------------------------------- */
/* .company-item
----------------------------------------------------------------- */
.company .company-item{
margin:12px -4px 0;
padding:12px;
border-radius:6px;
background-color:#fff;
}

/* .company-item-header
----------------------------------------------------------------- */
.company .company-item-header{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.company .company-item-header > button{
padding:0;
border:1px solid #aeaeae;
border-radius:3px;
width:112px;
height:30px;
background-color:#fff;
font-size:12px;
}

/* .company-item-header-hdg
----------------------------------------------------------------- */
.company .company-item-header-hdg{
-webkit-box-flex:1;
flex:1;
font-size:18px;
}

.company .company-item-header-hdg > a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:fit-content;
text-decoration:none;
}

.company .company-item-header-hdg > a > span:last-child{
-webkit-box-flex:1;
flex:1;
}

.company .company-item-header-hdg .logo{
margin-right:10px;
border:1px solid #aeaeae;
width:60px;
height:30px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.company .company-item-header-hdg .logo img{
width:90%;
height:90%;
object-fit:contain;
}

/* .company-item-list
----------------------------------------------------------------- */
.company .company-item-list{
border-width:1px 0;
border-color:#ddd;
border-style:solid;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
font-size:12px;
}

.company .company-item-list > li{
border-bottom:1px solid #fff;
width:50%;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.company .company-item-list > li:nth-last-child(-n+2){
border-bottom:none;
}

.company .company-item-list > li > div{
padding:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.company .company-item-list > li > div:first-child{
width:124px;
background-color:#f1f1f1;
}

.company .company-item-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.company .company-item-list > li > div > div > :first-child{
margin-top:0;
}

.company .company-item-list p{
margin-top:4px;
}

.company .company-item-list img{
margin-left:2px;
vertical-align:middle;
}

/* .company-item-list-menu
----------------------------------------------------------------- */
.company .company-item-list-menu{
margin-bottom:-4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}

.company .company-item-list-menu > li{
margin:0 8px 4px 0;
}

.company .company-item-list-menu > li > a{
padding:4px;
border:1px solid #aeaeae;
border-radius:2px;
color:var(--cmn-font-color-base);
display:block;
line-height:1;
background-color:#fff;
text-decoration:none;
font-size:12px;
}

.company .company-item-list-menu > li[aria-expanded="true"]{
position:relative;
}

.company .company-item-list-menu > li[aria-expanded="true"] > a{
background-color:#eee;
}

/* .company-item-list-menu-pulldown
----------------------------------------------------------------- */
.company .company-item-list-menu-pulldown{
padding:16px;
border:1px solid #aaa;
border-radius:4px;
box-sizing:border-box;
width:360px;
position:absolute;
top:100%;
left:0;
z-index:1;
background-color:#fff;
box-shadow:3px 3px 4px rgba(0,0,0,.5);
}

.company .company-item-list-menu > li[aria-expanded="false"] .company-item-list-menu-pulldown{
display:none;
}

.company .company-item-list-menu > li[aria-expanded="true"] .company-item-list-menu-pulldown{
display:block;
}

.company .company-item-list-menu-pulldown > a + p{
margin-top:16px;
}

/* .company-item-list-menu-pulldown-hdg
----------------------------------------------------------------- */
.company .company-item-list-menu-pulldown-hdg{
margin-bottom:8px;
font-size:12px;
font-weight:normal;
}

/* .company-item-list-menu-pulldown-inquiry
----------------------------------------------------------------- */
.company .company-item-list-menu-pulldown-inquiry{
margin-top:8px;
}

.company .company-item-list-menu-pulldown-inquiry > li:not(:first-child){
margin-top:12px;
}

.company .company-item-list-menu-pulldown-inquiry ul > li{
display:-webkit-box;
display:flex;
}

.company .company-item-list-menu-pulldown-inquiry ul > li > span{
padding-right:1em;
width:4em;
position:relative;
}

.company .company-item-list-menu-pulldown-inquiry ul>li>span::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}

.company .company-item-list-menu-pulldown-inquiry ul > li > div{
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  detail
----------------------------------------------------------------- */
/* .detail
----------------------------------------------------------------- */
.detail{
margin:0 auto;
max-width:730px;
}


/* ----------------------------------------------------------------
  detail-panel
----------------------------------------------------------------- */
/* .detail-panel
----------------------------------------------------------------- */
.detail .detail-panel{
border-radius:8px;
padding:20px;
box-shadow:0 1px 6px rgba(0,0,0,.2);
font-size:12px;
}

.detail .detail-panel + .detail-panel{
margin-top:20px;
}

/* .detail-panel-header
----------------------------------------------------------------- */
.detail .detail-panel-header{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail .detail-panel-header > button{
padding:0;
border:1px solid #aeaeae;
border-radius:3px;
width:112px;
height:30px;
background-color:#fff;
font-size:12px;
}

/* .detail-panel-header-hdg
----------------------------------------------------------------- */
.detail .detail-panel-header-hdg{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:18px;
font-weight:bold;
}

.detail .detail-panel-header-hdg > span:last-child{
-webkit-box-flex:1;
flex:1;
}

.detail .detail-panel-header-hdg .logo{
margin-right:12px;
padding:4px 8px;
border:1px solid #efefef;
width:115px;
height:58px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.detail .detail-panel-header-hdg .logo > img{
max-width:100%;
max-height:100%;
}

/* .detail-panel-hdg
----------------------------------------------------------------- */
.detail .detail-panel-hdg{
margin-bottom:12px;
font-weight:normal;
font-size:16px;
}

/* .detail-panel-list-separate
----------------------------------------------------------------- */
.detail .detail-panel-list-separate{
border-bottom:1px solid #ddd;
}

.detail .detail-panel-list-separate > li{
border-top:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.detail .detail-panel-list-separate > li > div{
padding:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail .detail-panel-list-separate > li > div:first-child{
width:124px;
background-color:#f1f1f1;
}

.detail .detail-panel-list-separate > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.detail .detail-panel-list-separate > li > div > div > :first-child{
margin-top:0;
}

.detail .detail-panel-list-separate p{
margin-top:4px;
}

.detail .detail-panel-list-separate img{
margin-left:2px;
vertical-align:middle;
}

/* .detail-panel-list-inqury
----------------------------------------------------------------- */
.detail .detail-panel-list-inqury{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.detail .detail-panel-list-inqury > li{
margin-top:16px;
-webkit-box-flex:1;
flex:1 0 328px;
}

.detail .detail-panel-list-inqury > li:nth-child(2n){
margin-left:34px;
}

.detail .detail-panel-list-inqury ul > li{
display:-webkit-box;
display:flex;
}

.detail .detail-panel-list-inqury ul > li > span{
padding-right:1em;
width:4em;
position:relative;
}

.detail .detail-panel-list-inqury ul > li > span::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}

.detail .detail-panel-list-inqury ul > li > div{
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  detail-panel-toggle
----------------------------------------------------------------- */
/* .detail-panel-toggle-hook
----------------------------------------------------------------- */
.detail .detail-panel-toggle-hook{
padding:0;
border:none;
border-top:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:100%;
height:42px;
text-align:left;
font-size:12px;
font-weight:normal;
}

.detail .detail-panel-toggle[aria-expanded] .detail-panel-toggle-hook{
background:#fff url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
}

.detail .detail-panel-toggle[aria-expanded="true"] .detail-panel-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .detail-panel-toggle-content
----------------------------------------------------------------- */
.detail .detail-panel-toggle-content{
padding:0 0 16px;
}

.detail .detail-panel-toggle[aria-expanded="false"] .detail-panel-toggle-content{
display:none;
}

.detail .detail-panel-toggle[aria-expanded="true"] .detail-panel-toggle-content{
display:block;
}

.detail .detail-panel-toggle-content > :first-child{
margin-top:0;
}

.detail .detail-panel-toggle-content > p{
margin-top:4px;
}


/* ----------------------------------------------------------------
  Tooltip
----------------------------------------------------------------- */
/* .tip-list-bullet
----------------------------------------------------------------- */
.tip-list-bullet > li{
margin-top:8px;
padding-left:12px;
position:relative;
}

.tip-list-bullet > li::before{
content:'';
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:.64em;
left:3px;
background-color:var(--cmn-font-color-base);
}

/* .tip-list-num
----------------------------------------------------------------- */
.tip-list-num > li{
margin-top:8px;
display:-webkit-box;
display:flex;
}

.tip-list-num > li > span{
margin-right:4px;
}

.tip-list-num > li > div{
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------------------------- */
.error{
margin:40px 0 70px;
}

/* .error-wording
----------------------------------------------------------------- */
.error .error-wording{
margin:20px 0;
text-align:center;
font-size:14px;
}

.error .error-wording strong{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:18px;
}

/* .error-btn
----------------------------------------------------------------- */
.error .error-btn{
margin:32px auto 0;
padding:9px 8px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:#666;
display:block;
min-width:202px;
width:fit-content;
box-sizing:border-box;
background-color:#fff;
text-align:center;
text-decoration:none;
font-size:14px;
}