@charset 'UTF-8';

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

  Custom Properties

----------------------------------------------------------------- */
:root{
--lyt-width-cmn-topic-path:1080px;
--lyt-width-container:1200px;
--lyt-width-str-footer:var(--lyt-width-cmn-topic-path);
--cmn-font-color-base:#222;
--button-color:#177bcb;
--button-color-hover:#004c9a;
}



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

  Site Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  ..str-footer-inquiry
----------------------------------------------------------------- */
.str-footer-inquiry{
right:24px;
bottom:24px;
}

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


/* ----------------------------------------------------------------
  .str-footer-nav-top-page
----------------------------------------------------------------- */
.str-footer-nav-top-list .str-footer-nav-top-page a{
right:24px;
bottom:24px;
}


/* ----------------------------------------------------------------
  .cmn-topic-path
----------------------------------------------------------------- */
.lyt-top .cmn-topic-path{
min-width:var(--lyt-width-container);
--cmn-topic-path-bg-color:#4476b8;
}


/* ----------------------------------------------------------------
  .cmn-info
----------------------------------------------------------------- */
.lyt-top .cmn-info-catch{
text-shadow:0 1px 3px rgba(0,54,104, .75);
}


/* ----------------------------------------------------------------
  .cmn-notice-list
----------------------------------------------------------------- */
.menu-footer .cmn-notice-list{
color:#fff;
}

.cmn-notice-list + .cmn-notice-list{
margin-top:4px;
}


/* ----------------------------------------------------------------
  .cmn-laoding
----------------------------------------------------------------- */
/* .loading > .cmn-loading-spinner
----------------------------------------------------------------- */
.loading .cmn-loading-spinner{
margin:40px auto;
}

/* .cmn-loading-spinner-dot-wht
----------------------------------------------------------------- */
.modal-footer-btn .cmn-loading-spinner-dot-wht,
.tip-balloon-btn-cv .cmn-loading-spinner-dot-wht{
margin:-2px 4px 0 0;
display:inline-block;
width:14px;
height:14px;
vertical-align:middle;
}

/* .agt-link > .cmn-loading-spinner-dot-wht
----------------------------------------------------------------- */
.agt-link .cmn-loading-spinner{
margin:40px auto;
}

/* ----------------------------------------------------------------
  .cmn-tip-btn
----------------------------------------------------------------- */
/* .cmn-tip-btn / .cmn-tip-info-btn
----------------------------------------------------------------- */
.search-result .search-result-content-tbl th[scope="row"].tip .cmn-tip-btn,
.search-result .search-result-content-tbl th[scope="rowgroup"].tip .cmn-tip-btn,
.modal .modal-filter-panel-item > div:first-child .cmn-tip-btn,
.seo-card-ranking-tbl th.tip .cmn-tip-btn{
position:absolute;
top:50%;
right:12px;
transform:translateY(-50%);
}

.search-result .search-result-content-tbl td > .cmn-tip-btn:first-child{
margin-top:-4px;
}

.modal .modal-filter-panel-item > div:first-child .cmn-tip-btn{
right:8px;
}

.form-search:not(.lp-form-search) .cmn-tip-btn:active,
.form-search:not(.lp-form-search) .cmn-tip-btn:hover,
.form-search:not(.lp-form-search) .cmn-tip-btn:focus,
.search-result .search-result-content-tbl th[scope="row"].tip .cmn-tip-btn:active,
.search-result .search-result-content-tbl th[scope="row"].tip .cmn-tip-btn:hover,
.search-result .search-result-content-tbl th[scope="row"].tip .cmn-tip-btn:focus,
.search-result .search-result-content-tbl th[scope="rowgroup"].tip .cmn-tip-btn:active,
.search-result .search-result-content-tbl th[scope="rowgroup"].tip .cmn-tip-btn:hover,
.search-result .search-result-content-tbl th[scope="rowgroup"].tip .cmn-tip-btn:focus,
.modal .modal-filter-panel-item > div:first-child .cmn-tip-btn:active,
.modal .modal-filter-panel-item > div:first-child .cmn-tip-btn:hover,
.modal .modal-filter-panel-item > div:first-child .cmn-tip-btn:focus,
.seo .seo-card-ranking-tbl th .cmn-tip-btn:active,
.seo .seo-card-ranking-tbl th .cmn-tip-btn:hover,
.seo .seo-card-ranking-tbl th .cmn-tip-btn:focus{
background-image:url(/element/w_insurance/shared/images/icon-tip-faq-unique.svg);
}


/* ----------------------------------------------------------------
  .cmn-modal-select
----------------------------------------------------------------- */
/* .cmn-modal-select
----------------------------------------------------------------- */
.cmn-modal-select .cmn-modal-hdg-container{
padding:0 20px 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:26px;
}




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

  Menu Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Default Setting
----------------------------------------------------------------- */
#container{
color:var(--cmn-font-color-base);
font-family:'Arial', var(--cmn-font-family);
}

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{
cursor:default;
}

a,
label{
cursor:pointer;
}

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

::placeholder{
color:#949494;
}



/* ----------------------------------------------------------------
  Layout
----------------------------------------------------------------- */
.w_insurance-frame{
padding:0 60px;
}


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

.search-result-content-tbl .br{
display:inline-block;
}

/* .is-hidden
----------------------------------------------------------------- */
.is-hidden{
height:0;
overflow:hidden;
position:absolute;
}


/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-solid
----------------------------------------------------------------- */
.link-solid{
padding-bottom:1px;
box-shadow:0 -1px 0 #ccc inset;
color:var(--cmn-font-color-base) !important;
text-decoration:none !important;
}

.link-solid:hover{
color:var(--button-color-hover) !important;
box-shadow:0 -1px 0 var(--button-color-hover) inset;
}



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

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

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

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

/* .* > .notice-list
----------------------------------------- */
.form-search-filter .notice-list,
.seo-card-header .notice-list{
margin-top:0;
}

/* .search-result-content-tbl > .notice-list
----------------------------------------- */
#container .search-result-content-tbl .notice-list{
margin-top:8px;
}

/* .search-result-state-info > .notice-list
----------------------------------------- */
.search-result-state-info .notice-list{
margin-bottom:4px;
}

/* .notice-list.branch-border
   .modal-tab-content + .notice-list
----------------------------------------- */
.notice-list.branch-border,
.modal-tab-content + .notice-list{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ccc;
width:auto;
}

/* .agt-link > .notice-list
----------------------------------------- */
.agt-link .notice-list{
margin:8px auto 0;
width:fit-content;
}

/* .calendar-unique-header > .notice-list
----------------------------------------- */
.calendar-unique-header .notice-list{
margin:0 0 0 12px;
color:#fff;
}

/* .seo-card-toggle-01 + .notice-list
----------------------------------------- */
.seo-card-toggle-01 + .notice-list{
margin-top:16px;
}


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


/* ----------------------------------------------------------------
  Form Custom
----------------------------------------------------------------- */
/* .form-custom-select
----------------------------------------------------------------- */
.form-custom-select{
border:1px solid #bebebe;
display:inline-block;
min-width:87px;
height:34px;
padding:0;
box-sizing:border-box;
background-color:#fff;
position:relative;
}

.form-custom-select::before{
margin-top:-2px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}

.form-custom-select select{
padding:5px 16px 5px 8px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
background-color:transparent;
font-size:12px;
}

.form-custom-select select option:disabled{
color:#ccc;
}

.form-custom-select.is-disabled{
opacity:.33;
}



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

  Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .box-bg-img-ctrl
----------------------------------------------------------------- */
.box-bg-img-ctrl{
margin:-1px -10px 0;
padding:1px 10px 0;
background:#4476b8 url(/element/w_insurance/index/images/bg-contents.jpg) 50% 100% no-repeat;
background-size:100% auto;
min-width:var(--lyt-width-container);
}


/* ----------------------------------------------------------------
  Menu Header
----------------------------------------------------------------- */
/* .menu-header
----------------------------------------------------------------- */
.menu-header{
padding:15px 20px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
}

/* .box-bg-img-ctrl > .menu-header
-------------------------------------- */
.box-bg-img-ctrl .menu-header{
background-color:rgba(0,77,144,.8);
}

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

.menu-header .menu-header-catch a{
color:#fff;
}

.menu-header .menu-header-catch a:active,
.menu-header .menu-header-catch a:hover,
.menu-header .menu-header-catch a:focus{
text-decoration:none;
}

/* .menu-header-sup
----------------------------------------------------------------- */
.menu-header .menu-header-sup{
margin:6px 0 8px;
line-height:1.45;
font-size:14px;
}

/* .menu-header-agt
----------------------------------------------------------------- */
.menu-header .menu-header-agt{
margin-top:8px;
padding:0 10px;
background-color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
height:30px;
box-sizing:border-box;
line-height:1;
font-size:14px;
}

/* .menu-header-agt-catch
----------------------------------------------------------------- */
.menu-header .menu-header-agt-catch{
color:var(--cmn-font-color-base);
font-weight:bold;
}

/* .menu-header-agt-list
----------------------------------------------------------------- */
.menu-header .menu-header-agt-list{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
}

.menu-header .menu-header-agt-list > li img{
display:block;
}

/* .menu-header-utility
----------------------------------------------------------------- */
.menu-header .menu-header-utility{
border-left:1px solid rgba(255,255,255,.5);
position:absolute;
top:15px;
right:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}

.menu-header .menu-header-utility > li{
border-width:1px 1px 1px 0;
border-style:solid;
border-color:rgba(255,255,255,.5);
}

.menu-header .menu-header-utility > li:first-child{
border-left:none;
}

.menu-header .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}

.menu-header .menu-header-utility > li > a:active,
.menu-header .menu-header-utility > li > a:hover,
.menu-header .menu-header-utility > li > a:focus{
background-color:rgba(0,0,0,.1);
text-decoration:none;
}

/* .menu-header-note
----------------------------------------------------------------- */
.menu-header .menu-header-note{
position:absolute;
bottom:47px;
right:20px;
font-size:12px;
}

.menu-header .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}


/* ----------------------------------------------------------------
    .menu-footer
----------------------------------------------------------------- */
.menu-footer{
margin:0 auto -50px;
padding:1px 60px 40px;
color:#fff;
width:var(--lyt-width-container);
box-sizing:border-box;
border-image:linear-gradient(#424a57,#424a57) fill 0 //0 100vw 0 100vw;
background-color:#424a57;
}

.menu-footer > *:first-child{
margin-top:0;
}


/* ----------------------------------------------------------------
  Form Search Index
----------------------------------------------------------------- */
/* .form-search-index
----------------------------------------------------------------- */
.form-search-index{
margin-bottom:40px;
padding:0 20px 40px;
box-sizing:border-box;
background-color:rgba(0,77,144,.8);
}

/* .form-search-index-inner
----------------------------------------------------------------- */
.form-search-index .form-search-index-inner{
padding:20px 15px 15px;
background-color:#f6f6f6;
}

/* .form-search-index-filter
----------------------------------------------------------------- */
.form-search-index .form-search-index-filter{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .form-search-index-filter > ul
----------------------------------------------------------------- */
.form-search-index .form-search-index-filter ul{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-index .form-search-index-filter ul > li{
margin-right:16px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-index .form-search-index-filter ul > li > div:first-child{
margin-right:8px;
font-weight:bold;
}

.form-search-index .form-search-index-filter ul > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-filter ul > li button{
padding:0 8px;
border:1px solid #bebebe;
width:264px;
height:34px;
overflow:hidden;
box-shadow:0 1px 0 #bebebe;
white-space:nowrap;
text-overflow:ellipsis;
background-color:#fff;
font-size:12px;
text-align:left;
}

/* .form-search-index-btn
----------------------------------------------------------------- */
.form-search-index .form-search-index-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
width:150px;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0,0,0,.3);
font-size:20px;
font-weight:bold;
background-color:#72ba00;
}

.form-search-index .form-search-index-btn:active,
.form-search-index .form-search-index-btn:hover,
.form-search-index .form-search-index-btn:focus{
background-color:#67a700;
}

/* .form-search-index-note
----------------------------------------------------------------- */
.form-search-index .form-search-index-note{
margin-top:14px;
text-align:center;
}


/* ----------------------------------------------------------------
  Form Search
----------------------------------------------------------------- */
/* .form-search
----------------------------------------------------------------- */
.form-search{
margin-bottom:12px;
padding:10px 20px 20px;
background-color:#ededed;
font-size:12px;
}

/* .form-search-hdg
----------------------------------------------------------------- */
.form-search .form-search-hdg{
font-size:16px;
font-weight:bold;
}

/* .form-search-filter
----------------------------------------------------------------- */
.form-search .form-search-filter{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.form-search .form-search-filter > li{
margin:12px 24px 0 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search .form-search-filter > li > div:first-child{
margin-right:8px;
font-weight:bold;
}

.form-search .form-search-filter > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.form-search .form-search-filter button{
padding:0 8px;
border:1px solid #bebebe;
width:360px;
height:34px;
overflow:hidden;
box-shadow:0 1px 0 #bebebe;
white-space:nowrap;
text-overflow:ellipsis;
background-color:#fff;
font-size:12px;
text-align:left;
}

.form-search .form-search-filter button > span:not(:last-child){
margin-right:1em;
}

.form-search .form-search-filter > .age{
margin-right:0;
}

.form-search .form-search-filter >.note{
margin-top:8px;
width:100%;
}

.form-search .form-search-filter > .contractor{
width:100%;
}

.form-search .form-search-filter > .contractor > div:last-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:1241px){
#container .form-search .form-search-filter{
width:calc(100vw - 240px);
min-width:720px;
}

#container .form-search .form-search-filter button{
width:250px;
}
}

@media screen and (max-width:1061px){
#container .form-search .form-search-filter button{
width:200px;
}
}

/* .form-search-filter-list
----------------------------------------------------------------- */
.form-search .form-search-filter-list{
margin-right:4px;
display:inline-flex;
}

.form-search .form-search-filter-list > li:not(:last-child){
margin-right:8px;
}

.form-search .form-search-filter-list > li > label{
padding-left:17px;
display:block;
position:relative;
}

.form-search .form-search-filter-list > li > label input{
position:absolute;
top:2px;
left:0;
}

/* .form-search-note
----------------------------------------------------------------- */
.form-search .form-search-note{
margin-left:12px;
-webkit-box-flex:1;
flex:1;
}



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

  Search Result Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
.search-result{
min-height:700px;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:1241px){
.search-result{
width:calc(100vw - 200px);
min-width:720px;
}
}


/* ----------------------------------------------------------------
  .search-result-state
----------------------------------------------------------------- */
/* .search-result-state-inner
----------------------------------------------------------------- */
.search-result-state .search-result-state-inner{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
min-height:38px;
}

.search-result-state .search-result-state-inner:first-child{
margin-bottom:4px;
border-bottom:1px solid #ddd;
}

/* .search-result-state-btn
----------------------------------------------------------------- */
.search-result-state .search-result-state-btn{
margin-bottom:12px;
padding:0 12px 0 20px;
border:1px solid #ccc;
border-radius:4px;
min-height:34px;
background:#fff url(/element/w_insurance/shared/images/icon-arrow.svg) 12px 50% no-repeat;
background-size:5px auto;
font-size:14px;
}

.search-result-state .search-result-state-btn:active,
.search-result-state .search-result-state-btn:hover,
.search-result-state .search-result-state-btn:focus{
border-color:var(--button-color-hover);
}


/* ----------------------------------------------------------------
  .search-result-state-tab
----------------------------------------------------------------- */
/* .search-result-state-tab
----------------------------------------------------------------- */
.search-result-state .search-result-state-tab{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result-state .search-result-state-tab > li{
margin-right:24px;
position:relative;
}

.search-result-state .search-result-state-tab > li > button{
padding:0 0 6px;
border:none;
height:32px;
background-color:transparent;
font-size:14px;
white-space:nowrap;
}

.search-result-state .search-result-state-tab > li:not(.is-active) > button:not(:disabled):active,
.search-result-state .search-result-state-tab > li:not(.is-active) > button:not(:disabled):hover,
.search-result-state .search-result-state-tab > li:not(.is-active) > button:not(:disabled):focus{
color:var(--button-color-hover);
}

.search-result-state .search-result-state-tab > .is-active > button{
position:relative;
font-weight:bold;
}

.search-result-state .search-result-state-tab > .is-active > button::before{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
z-index:1;
background-color:var(--cmn-font-color-base);
}

.search-result-state .search-result-state-tab > li > button:disabled{
opacity:.33;
}


/* ----------------------------------------------------------------
  .search-result-state-filter
----------------------------------------------------------------- */
/* .search-result-state-filter
----------------------------------------------------------------- */
.search-result-state .search-result-state-filter{
-webkit-box-flex:1;
flex:1;
}

/* .search-result-state-filter-btn
----------------------------------------------------------------- */
.search-result-state .search-result-state-filter-btn{
margin:8px 8px 0 0;
padding:0 8px 0 24px;
border:1px solid #ccc;
height:30px;
border-radius:4px;
float:left;
background:#fff url(/element_sp/w_insurance/shared/images/icon-filter.svg) 8px 50% no-repeat;
background-size:12px auto;
font-size:12px;
}

.search-result-state .search-result-state-filter-btn:active,
.search-result-state .search-result-state-filter-btn:hover,
.search-result-state .search-result-state-filter-btn:focus{
border-color:var(--button-color-hover);
}

/* .search-result-state-filter > ul
----------------------------------------------------------------- */
.search-result-state .search-result-state-filter > ul{
display:inline;
}

.search-result-state .search-result-state-filter > ul > li{
padding:8px 8px 0 0;
border-radius:3px;
display:inline-flex;
-webkit-box-align:center;
align-items:center;
float:left;
}

.search-result-state .search-result-state-filter > ul button{
padding: 0 8px;
border:none;
border-radius:4px;
height:30px;
background-color:#ededed;
font-size:12px;
}

.search-result-state .search-result-state-filter > ul button.del{
margin-left:-8px;
padding:0;
color:rgba(0,0,0,0);
display:block;
width:25px;
height:30px;
overflow:hidden;
background:#ededed url(/element_sp/w_insurance/shared/images/icon-close.svg) calc(100% - 8px) 50% no-repeat;
background-size:9px auto;
}


/* ----------------------------------------------------------------
  .search-result-state-info
----------------------------------------------------------------- */
/* .search-result-state-info
----------------------------------------------------------------- */
.search-result-state .search-result-state-info{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .search-result-state-info-hdg
----------------------------------------------------------------- */
.search-result-state .search-result-state-info-hdg{
margin:2px 8px 0 0;
white-space:nowrap;
font-size:16px;
font-weight:normal;
}


/* ----------------------------------------------------------------
  .search-result-state-sort
----------------------------------------------------------------- */
/* .search-result-state-sort
----------------------------------------------------------------- */
.search-result-state .search-result-state-sort{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:14px;
}

/* .search-result-state-sort-pulldown
----------------------------------------------------------------- */
.search-result-state .search-result-state-sort-pulldown{
position:relative;
font-size:12px;
}

/* .search-result-state-sort-pulldown-hook
----------------------------------------------------------------- */
.search-result-state .search-result-state-sort-pulldown-hook{
margin-left:8px;
padding:0 12px 0 28px;
border:1px solid #ccc;
border-radius:4px;
min-width:200px;
height:30px;
-webkit-box-flex:1;
flex:1;
background:#fff url(/element_sp/w_insurance/shared/images/icon-sort.svg) 8px 50% no-repeat;
background-size:15px auto;
font-size:12px;
text-align:left;
}

.search-result-state .search-result-state-sort-pulldown-hook:active,
.search-result-state .search-result-state-sort-pulldown-hook:hover,
.search-result-state .search-result-state-sort-pulldown-hook:focus{
border-color:var(--button-color-hover);
}

/* .search-result-state-sort-pulldown-content
----------------------------------------------------------------- */
.search-result-state .search-result-state-sort-pulldown-content{
padding:10px;
border:1px solid #ccc;
border-radius:4px;
box-shadow:0 2px 2px rgba(0,0,0,.3);
width:calc(100% - 8px);
box-sizing:border-box;
position:absolute;
top:calc(100% - 1px);
left:8px;
z-index:4;
background-color:#fff;
}

.search-result-state-sort-pulldown[aria-expanded="false"] .search-result-state-sort-pulldown-content{
display:none;
}

.search-result-state-sort-pulldown[aria-expanded="true"] .search-result-state-sort-pulldown-content{
display:block;
}

/* .search-result-state-sort-pulldown-content > ul
----------------------------------------------------------------- */
.search-result-state-sort-pulldown-content > ul > li:not(:first-child){
margin-top:4px;
}

.search-result-state-sort-pulldown-content > ul label{
padding:2px 2px 2px 20px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}

.search-result-state-sort-pulldown-content > ul label input{
position:absolute;
top:4px;
left:2px;
}

.search-result-state-sort-pulldown-content>ul label:active,
.search-result-state-sort-pulldown-content>ul label:hover,
.search-result-state-sort-pulldown-content>ul label:focus{
background-color:#f5f5f5;
}


/* ----------------------------------------------------------------
  .search-result-sticky
----------------------------------------------------------------- */
.search-result .search-result-sticky{
margin:0;
visibility:hidden;
position:absolute;
top:-1px;
left:0;
z-index:-1;
width:100%;
background-color:#fff;
}

.search-result .search-result-sticky.is-sticky{
position:fixed;
z-index:151;
visibility:visible;
}


/* ----------------------------------------------------------------
  .search-result-content
----------------------------------------------------------------- */
/* .search-result-content
----------------------------------------------------------------- */
.search-result .search-result-content{
position:relative;
}

/*.search-result-sticky > .search-result-content
-------------------------------------- */
.search-result-sticky.is-sticky .search-result-content{
margin:0 auto;
width:1080px;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:1241px){
#container .search-result .search-result-content{
width:900px;
}

.search-result-sticky.is-sticky .search-result-content{
margin:0 70px;
}
}

@media screen and (max-width:1061px){
#container .search-result .search-result-content{
width:720px;
}
}

/* .search-result-content-nav
----------------------------------------------------------------- */
.search-result .search-result-content-nav button{
padding:0;
border:1px solid #ccc;
border-radius:4px;
color:rgba(0,0,0,0);
width:40px;
height:100px;
overflow:hidden;
position:absolute;
top:125px;
left:-60px;
background:#fff url(/element/w_insurance/shared/images/icon-arrow-search-result.svg) 50% 50% no-repeat;
background-size:10px auto;
text-indent:-100px;
}

.search-result .search-result-content-nav > li:first-child button{
left:auto;
right:-60px;
}

.search-result .search-result-content-nav > li:last-child button{
transform:rotate(180deg);
}


.search-result .search-result-content-nav button:active,
.search-result .search-result-content-nav button:hover,
.search-result .search-result-content-nav button:focus{
border-color:var(--button-color-hover);
}

.search-result .search-result-content-nav button:disabled{
display:none;
}

/*.search-result-sticky > .search-result-content-nav
-------------------------------------- */
.search-result .search-result-sticky .search-result-content-nav button{
margin-top:-50px;
top:50%;
display:none;
}

.search-result .search-result-sticky.is-sticky .search-result-content-nav button{
display:block;
}

.search-result .search-result-sticky.is-sticky .search-result-content-nav button:disabled{
display: none;
}

/* .search-result-content-inner
----------------------------------------------------------------- */
.search-result .search-result-content-inner{
margin-top:12px;
overflow-x:auto;
box-sizing:border-box;
background-color:#fff;
scrollbar-width:none;
}

.search-result .search-result-content-inner::-webkit-scrollbar{
display:none;
}

/*.search-result-sticky > .search-result-content-inner
-------------------------------------- */
.search-result-sticky .search-result-content-inner{
margin:0;
}

/* .search-result-content-tbl
----------------------------------------------------------------- */
.search-result .search-result-content-tbl{
width:2000px;
}

.search-result .search-result-content-tbl a{
text-underline-offset:3px;
}

/* .search-result-content-tbl > table
----------------------------------------------------------------- */
.search-result .search-result-content-tbl table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
position:relative;
line-height:1.55;
font-size:14px;
}

.search-result .search-result-content-tbl table::before{
content:'';
display:block;
width:100%;
height:1px;
background-color:#ccc;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:3;
}

.search-result .search-result-content-tbl th,
.search-result .search-result-content-tbl td{
padding:12px;
box-sizing:border-box;
box-shadow:-1px -1px 0 #ccc inset;
width:180px;
text-align:center;
vertical-align:middle;
font-weight:normal;
}

.search-result .search-result-content-tbl th[scope="row"],
.search-result .search-result-content-tbl th[scope="rowgroup"]{
padding:12px;
box-shadow:-1px -1px 0 #ccc inset, 1px 0 0 #ccc inset;
width:180px;
position:sticky;
left:0;
z-index:1;
background-color:#eee;
text-align:left;
}

.search-result .search-result-content-tbl th[scope="row"].tip,
.search-result .search-result-content-tbl th[scope="rowgroup"].tip{
padding-right:28px;
}

.search-result .search-result-content-tbl th[scope="row"].btn,
.search-result .search-result-content-tbl th[scope="rowgroup"].btn{
padding-right:52px;
}

.search-result .search-result-content-tbl td > :first-child{
margin-top:0;
}

.search-result .search-result-content-tbl tr:first-child > th[scope="row"]:first-child{
z-index:2;
}

/* .search-result-content-tbl align control
------------------------------------------------- */
.search-result .search-result-content-tbl .align-l,
.search-result .search-result-content-tbl .align-l > td{
text-align:left;
}

/* .search-result-content-tbl > ul
------------------------------------------------- */
.search-result .search-result-content-tbl td ul,
.search-result .search-result-content-tbl td ul > li:not(:first-child){
margin-top:8px;
}

/* .search-result-content-tbl > a
------------------------------------------------- */
.search-result .search-result-content-tbl th[scope="col"] > a{
padding-bottom:1px;/* .tip-help-content-btm position control */
display:inline-block;
}

.search-result .search-result-content-tbl th[scope="col"] img{
display:block;
margin-bottom:12px;
max-width:140px;
}

.search-result .search-result-content-tbl th[scope="row"] a,
.search-result .search-result-content-tbl th[scope="rowgroup"] a{
color:var(--cmn-font-color-base);
}

/* .search-result-content-tbl > img
------------------------------------------------- */
.search-result .search-result-content-tbl img{
margin:0 auto;
max-width:calc(100% - 4px);
max-height:68px;
display:block;
}

/* .search-result-content-tbl th > button
------------------------------------------------- */
.search-result .search-result-content-tbl th button{
padding:0;
border:1px solid #ccc;
border-radius:4px;
width:36px;
height:24px;
position:absolute;
top:50%;
right:12px;
transform:translateY(-50%);
background-color:#fff;
font-size:12px;
}

.search-result .search-result-content-tbl th button:active,
.search-result .search-result-content-tbl th button:hover,
.search-result .search-result-content-tbl th button:focus{
border-color:var(--button-color-hover);
}

/* .search-result-content-tbl > .price
------------------------------------------------- */
.search-result .search-result-content-tbl .price{
color:var(--cmn-font-color-red);
}

.search-result .search-result-content-tbl .price > b{
font-size:16px;
}

/* .search-result-content-tbl > .note
------------------------------------------------- */
.search-result .search-result-content-tbl ul.note{
font-size:12px;
}

.search-result .search-result-content-tbl ul.note > li{
padding-left:calc(1em + 2px);
position:relative;
}

.search-result .search-result-content-tbl ul.note > li::before{
content:"\30fb";
display: block;
position: absolute;
top:0;
left:0;
}

.search-result .search-result-content-tbl ul.note > .no-icon{
padding-left:0;
}

.search-result .search-result-content-tbl ul.note > .no-icon::before{
display:none;
}

.search-result .search-result-content-tbl th ul.note{
margin-top:4PX;
}

/* .search-result-content-tbl > .icon-valid
------------------------------------------------- */
.search-result .search-result-content-tbl .icon-valid{
margin:4px auto;
border-radius:50%;
border:1px solid #000;
color:rgba(0,0,0,0);
display:inline-block;
vertical-align:middle;
width:12px;
height:12px;
overflow:hidden;
text-indent:-50px;
}

/* .search-result-content-tbl > .icon-null
------------------------------------------------- */
.search-result .search-result-content-tbl .icon-null{
margin:0 0 4px;
border-radius:50%;
color:rgba(0,0,0,0);
display:inline-block;
vertical-align:middle;
width:10px;
height:1px;
overflow:hidden;
background-color:#000;
}

/* .search-result-content-tbl > .btn-cv
------------------------------------------------- */
.search-result .search-result-content-tbl .btn-cv{
margin:0 auto;
padding:0;
border:none;
border-radius:6px;
color:#fff;
width:100%;
height:50px;
display:block;
font-size:14px;
font-weight:bold;
background-color:var(--button-color);
}

.search-result .search-result-content-tbl .btn-cv:active,
.search-result .search-result-content-tbl .btn-cv:hover,
.search-result .search-result-content-tbl .btn-cv:focus{
background-color:var(--button-color-hover);
}

/* .search-result-content-tbl.plan-family
----------------------------------------------------------------- */
.search-result-content-tbl.plan-family th[scope="row"],
.search-result-content-tbl.plan-family th[scope="rowgroup"]{
width:150px;
}

.search-result-content-tbl.plan-family th.th-l2{
padding:8px 6px;
box-shadow:-1px -1px 0 #ccc inset;
position:sticky;
top:0;
left:150px;
width:30px;
line-height:1;
text-align:center;
}

/* .search-result-content.sticky > .search-result-content-tbl
----------------------------------------------------------------- */
.search-result-content.sticky .search-result-content-tbl tr:last-of-type > th{
box-shadow:-1px 0 0 #ccc inset,1px 0 0 #ccc inset;
}

.search-result-content.sticky .search-result-content-tbl tr:last-of-type > td{
box-shadow:-1px 0 0 #ccc inset;
}



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

  SEO Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Seo Common Modules
----------------------------------------------------------------- */
/* .seo
----------------------------------------------------------------- */
.seo{
margin:40px -10px -50px;
padding:28px 10px 60px;
color:var(--cmn-font-color-base);
min-width:var(--lyt-width-container);
background-color:#f3f3f3;
font-size:12px;
}

/* .seo-index
----------------------------------------------------------------- */
.seo-index{
margin-top:0;
margin-bottom:0;
padding-top:20px;
padding-bottom:20px;
background-color:#424a57;
font-size:14px;
}

/* .seo-inner
----------------------------------------------------------------- */
.seo .seo-inner{
margin:0 auto;
padding:0 60px;
box-sizing:border-box;
width:var(--lyt-width-container);
}

.seo-index + .seo-index > .seo-inner > :first-child{
margin-top:0;
}

/* .seo-card
----------------------------------------------------------------- */
.seo .seo-card{
margin-top:12px;
padding:20px;
border-radius:8px;
box-shadow:0 1px 6px rgba(32,33,36,.28);
background-color:#fff;
}

.seo .seo-card > :last-child{
margin-bottom:0;
}

/* .seo-index > .seo-card
------------------------------------------------- */
.seo-index .seo-card{
margin-top:20px;
border-radius:0;
box-shadow:none;
}

/* .seo-card-header
----------------------------------------------------------------- */
.seo .seo-card-header{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-card-header > :last-child{
-webkit-box-flex:1;
flex:1;
}

/* .seo-card-header-hdg
----------------------------------------------------------------- */
.seo .seo-card-header-hdg{
margin-right:12px;
font-size:18px;
font-weight:normal;
}

.seo .seo-card-agent .seo-card-header-hdg{
font-size:14px;
}

/* .seo-index > .seo-card-header-hdg
------------------------------------------------- */
.seo-index .seo-card-header-hdg{
font-size:20px;
}

/* .seo-card-header-link
----------------------------------------------------------------- */
.seo .seo-card-header-link{
-webkit-box-flex:1;
flex:1;
text-align:right;
font-size:13px;
font-weight:bold;
}

.seo .seo-card-header-link a{
padding-left:8px;
color:var(--cmn-font-color-base);
display:inline-block;
background:url(/element/w_insurance/shared/images/icon-arrow.svg) no-repeat 0 40%;
background-size: auto 7px;
}

/* .seo-card-hdg-l3
----------------------------------------------------------------- */
.seo .seo-card-hdg-l3{
margin:24px 0 8px;
font-size:16px;
font-weight:normal;
}

.seo-card-header + .seo-card-hdg-l3{
margin-top:0;
}

.seo-faq > .seo-card-hdg-l3:first-child{
margin-top:16px;
}

/* .seo-card-hdg-l4
----------------------------------------------------------------- */
.seo .seo-card-hdg-l4{
margin:12px 0 8px;
padding:12px;
border:1px solid #ddd;
line-height:1.25;
background-color:#f5f5f5;
font-weight:normal;
}

.seo .seo-card-list-separate + .seo-card-hdg-l4{
margin-top:-13px;
}

/* .seo-card-link-arrow
----------------------------------------------------------------- */
.seo .seo-card .seo-card-link-arrow{
margin:-20px;
padding:20px;
display:block;
}

.seo .seo-card-link-arrow > span{
padding-right:24px;
color:var(--cmn-font-color-base);
display:inline-block;
background:url(/element/w_insurance/shared/images/icon-arrow.svg) 100% 50% no-repeat;
background-size:8px auto;
font-size:18px;
}

.seo .seo-card-link-arrow:active > span,
.seo .seo-card-link-arrow:hover > span,
.seo .seo-card-link-arrow:focus > span{
text-decoration:underline;
}

/* .seo-card-link-blank
----------------------------------------------------------------- */
.seo .seo-card .seo-card-link-blank{
margin:-20px;
padding:20px;
display:block;
}

.seo .seo-card .seo-card-link-blank > span{
padding-right:16px;
color:var(--cmn-font-color-base);
display:inline-block;
background:url(/element/shared/images/icon/icon-external.svg) 100% 45% no-repeat;
background-size:10px auto;
font-size:18px;
}

.seo .seo-card .seo-card-link-blank:active > span,
.seo .seo-card .seo-card-link-blank:hover > span,
.seo .seo-card .seo-card-link-blank:focus > span{
text-decoration:underline;
}

/* .seo-card-link-list
----------------------------------------------------------------- */
.seo .seo-card-link-list{
margin:-8px 0 12px;
overflow:hidden;
}

.seo .seo-card-link-list > li{
margin-top:8px;
float:left;
}

.seo .seo-card-link-list > li:not(:last-child){
margin-right:12px;
padding-right:12px;
border-right:1px solid #d7d7d7;
}

.seo .seo-card-link-list a{
color:#666;
}

/* .seo-card-list-bullet
----------------------------------------------------------------- */
.seo .seo-card-list-bullet{
margin:12px 0;
}

.seo .seo-card-list-bullet > li{
padding-left:10px;
position:relative;
}

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

.seo .seo-card-list-bullet > li::before{
content:'';
border-radius:1px;
display:block;
width:2px;
height:2px;
position:absolute;
top:.6em;
left:0;
background-color:var(--cmn-font-color-base);
}

/* .seo-card-list-separate
----------------------------------------------------------------- */
.seo .seo-card-list-separate{
margin:12px 0;
border-width:1px 1px 0;
border-style:solid;
border-color:#ddd;
}

.seo .seo-card-list-separate > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.seo .seo-card-list-separate > li > div{
padding:12px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-card-list-separate > li > div:first-child{
border-right:1px solid #ddd;
width:145px;
}

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

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

.seo .seo-card-list-separate > li > div > div > :last-child{
margin-bottom:0;
}

.seo .seo-card-hdg-l4 + .seo-card-list-separate{
margin-top:-9px;
}

/* .seo-card-list-separate.branch
----------------------------------------------- */
.seo .seo-card-list-separate.branch > li > div:first-child{
background-color:#f7f7f7;
}

/* .seo-card-list-toggle
----------------------------------------------------------------- */
.seo .seo-card-list-toggle{
border-top:1px solid #ddd;
font-size:12px;
}

.seo .seo-card-list-toggle a{
color:var(--cmn-font-color-base);
border-bottom:1px solid #ddd;
text-decoration:none;
}

.seo .seo-card-list-toggle a:active,
.seo .seo-card-list-toggle a:hover,
.seo .seo-card-list-toggle a:focus{
color:var(--button-color-hover);
border-color:var(--button-color-hover);
}

.seo .seo-card-list-toggle > li:not(:first-child){
border-top:1px solid #ddd;
}

.seo .seo-card-list-toggle > li > div{
padding:12px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-card-list-toggle > li[aria-expanded] > div > button{
margin-left:12px;
padding:0;
border:none;
color:rgba(0,0,0,0);
-webkit-box-flex:1;
flex:1;
background:url(/element/w_insurance/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:12px auto;
}

.seo .seo-card-list-toggle > li[aria-expanded] > div > button:focus{
outline:none;
}

.seo .seo-card-list-toggle > li[aria-expanded] > div > button:focus-visible{
outline:1px solid #3798e0;
}

.seo .seo-card-list-toggle > li[aria-expanded="true"] > div > button{
background-image:url(/element/w_insurance/shared/images/icon-arrow-up.svg);
}

.seo .seo-card-list-toggle .seo-card-list-toggle{
margin-left:28px;
}

.seo .seo-card-list-toggle > li[aria-expanded="false"] .seo-card-list-toggle{
display:none;
}

/* .seo-card-tab-pane > .seo-card-list-toggle
----------------------------------------------- */
.seo-card-tab-panel > .seo-card-list-toggle{
margin-bottom:-12px;
}

/* .seo-card-list-toggle-line
----------------------------------------------------------------- */
.seo .seo-card-list-toggle-line{
margin:-8px 0 12px 28px;
}

.seo .seo-card-list-toggle-line > li{
margin:8px 32px 0 0;
display:inline-block;
}

.seo .seo-card-list-toggle > li[aria-expanded="false"] .seo-card-list-toggle-line{
display:none;
}


/* ----------------------------------------------------------------
  .seo-card-panel
----------------------------------------------------------------- */
/* .seo-card-panel
----------------------------------------------------------------- */
.seo .seo-card-panel + .seo-card-panel{
margin-top:16px;
}

/* .seo-card-panel-hdg
----------------------------------------------------------------- */
.seo .seo-card-panel-hdg{
padding:12px 0 0;
border:none;
border-top:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
box-sizing:border-box;
width:100%;
min-height:48px;
text-align:left;
font-size:16px;
font-weight:normal;
}

/* .seo-card-panel-content
----------------------------------------------------------------- */
.seo .seo-card-panel-content{
max-width:720px;
}

.seo .seo-card-panel-content p,
.seo .seo-card-panel-content ul{
margin-top:12px;
}

.seo .seo-card-panel-content > :first-child{
margin-top:0;
}

.seo .seo-card-panel-content > :last-child{
margin-bottom:0;
}


/* ----------------------------------------------------------------
  .seo-card-toggle
----------------------------------------------------------------- */
/* .seo-card-toggle-hook
----------------------------------------------------------------- */
.seo-card-toggle[aria-expanded] .seo-card-toggle-hook{
padding-right:16px;
background:url(/element/w_insurance/shared/images/icon-arrow-down.svg) no-repeat 100% 50%;
background-size:16px auto;
width:fit-content;
cursor:pointer;
}

.seo-card-toggle[aria-expanded=false] .seo-card-toggle-hook{
margin-bottom:0;
}

.seo-card-toggle[aria-expanded=true] .seo-card-toggle-hook{
background-image:url(/element/w_insurance/shared/images/icon-arrow-up.svg);
}

/* .seo-card-toggle-content
----------------------------------------------------------------- */
.seo-card-toggle[aria-expanded=false] > .seo-card-toggle-content{
display:none;
}

.seo-card-toggle[aria-expanded=true] > .seo-card-toggle-content{
display:block;
}


/* ----------------------------------------------------------------
  .seo-card-toggle-01
----------------------------------------------------------------- */
/* .seo-card-toggle-01
----------------------------------------------------------------- */
.seo .seo-card .seo-card-toggle-01{
margin-bottom:-16px;
}

/* .seo-card-toggle-01-hook
----------------------------------------------------------------- */
.seo .seo-card-toggle-01-hook{
margin:-1px 0 0;
padding:12px 0;
border:none;
border-top:1px solid #ddd;
width:100%;
background:transparent;
font-size:14px;
text-align:center;
}

.seo .seo-card-toggle-01-hook > span{
padding-left:16px;
display:inline-block;
position:relative;
background:url(/element/w_insurance/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:9px auto;
}

.seo .seo-card-toggle-01[aria-expanded="true"] .seo-card-toggle-01-hook > span{
background-image:url(/element/w_insurance/shared/images/icon-arrow-up.svg);
}

/* .seo-card-toggle-01-panel
----------------------------------------------------------------- */
.seo .seo-card-toggle-01[aria-expanded="false"] .seo-card-toggle-01-panel{
display:none;
}

.seo .seo-card-toggle-01[aria-expanded="true"] .seo-card-toggle-01-panel{
display:block;
}


/* ----------------------------------------------------------------
  .seo-card-tab
----------------------------------------------------------------- */
/* .seo-card-tab-list
----------------------------------------------------------------- */
.seo .seo-card-tab-list{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-card-tab-list > li{
margin-right:24px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.seo .seo-card-tab-list button{
padding:0 0 6px;
border:none;
position:relative;
background:transparent;
font-size:14px;
}

.seo .seo-card-tab-list button[aria-selected="true"]{
font-weight:bold;
}

.seo .seo-card-tab-list button[aria-selected="true"]::before{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:0;
right:50%;
transform:translateX(50%);
background-color:var(--cmn-font-color-base);
}

.seo .seo-card-tab-list button:not([aria-selected="true"]):active,
.seo .seo-card-tab-list button:not([aria-selected="true"]):hover,
.seo .seo-card-tab-list button:not([aria-selected="true"]):focus{
color:var(--button-color-hover);
}

/* .seo-card-tab-panel
----------------------------------------------------------------- */
.seo .seo-card-tab-panel{
display:none;
}

.seo .seo-card-tab-panel.is-active{
display:block;
}


/* ----------------------------------------------------------------
  .seo-card-ranking
----------------------------------------------------------------- */
/* .seo-card-ranking
----------------------------------------------------------------- */
.seo .seo-card-ranking{
padding:20px 0;
border-top:1px solid #ddd;
}

/* .seo-card-ranking-inner
----------------------------------------------------------------- */
.seo .seo-card-ranking-inner{
max-width:720px;
}

/* .seo-card-ranking-header
----------------------------------------------------------------- */
.seo .seo-card-ranking-header{
margin-bottom:16px;
padding-right:120px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
font-size:12px;
}

.seo .seo-card-ranking-header img{
display:block;
position: absolute;
top:-12px;
right:0;
width:120px;
}

/* .seo-card-ranking-header-hdg
----------------------------------------------------------------- */
.seo .seo-card-ranking-header-hdg{
margin-right:28px;
line-height:1.15em;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:28px;
font-size:18px;
font-weight:normal;
}

.seo .seo-card-ranking-header-hdg > span{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-card-ranking-header-hdg em{
margin:-4px 12px 0 0;
border-radius:4px;
width:42px;
line-height:28px;
text-align:center;
}

.seo .seo-card-ranking-header-hdg .rank{
background-color:#ddd;
font-size:14px;
}

.seo .seo-card-ranking-header-hdg .rank > span{
height:0;
overflow:hidden;
position:absolute;
}

.seo .seo-card-ranking-header-hdg [class^="rank-"]{
color:rgba(0,0,0,0);
height:34px;
background-repeat:no-repeat;
background-position:0 0;
}

.seo .seo-card-ranking-header-hdg .rank-1{
background-image:url(/element_sp/w_insurance/index/images/ranking-icon-1.svg);
}

.seo .seo-card-ranking-header-hdg .rank-2{
background-image:url(/element_sp/w_insurance/index/images/ranking-icon-2.svg);
}

.seo .seo-card-ranking-header-hdg .rank-3{
background-image:url(/element_sp/w_insurance/index/images/ranking-icon-3.svg);
}

.seo .seo-card-ranking-header-hdg .new{
color:#fff;
background-color:var(--cmn-font-color-red);
font-size:12px;
}

/* .seo-card-ranking-header-sup
----------------------------------------------------------------- */
.seo .seo-card-ranking-header-sup{
-webkit-box-flex:1;
flex:1;
}

/* .seo-card-ranking-hdg-container
----------------------------------------------------------------- */
.seo .seo-card-ranking-hdg-container{
margin:20px 0 8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-card-ranking-hdg-container > p{
-webkit-box-flex:1;
flex:1;
}

/* .seo-card-ranking-hdg
----------------------------------------------------------------- */
.seo .seo-card-ranking-hdg{
margin:20px 0 8px;
}

.seo .seo-card-ranking-hdg-container .seo-card-ranking-hdg{
margin:0 4px 0 0;
}

/* .seo-card-ranking-list
----------------------------------------------------------------- */
.seo .seo-card-ranking-list > li{
margin-top:8px;
padding-left:20px;
background:url(/element_sp/w_insurance/shared/images/icon-check.svg) 0 6px no-repeat;
background-size:12px auto;
}

/* .seo-card-ranking-tbl
----------------------------------------------------------------- */
.seo .seo-card-ranking-tbl{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
font-size:12px;
}

.seo .seo-card-ranking-tbl th,
.seo .seo-card-ranking-tbl td{
padding:8px;
border:1px solid #ddd;
text-align:left;
font-weight:normal;
}

.seo .seo-card-ranking-tbl th{
width:190px;
box-sizing:border-box;
background-color:#f5f5f5;
}

.seo .seo-card-ranking-tbl th.tip{
padding-right:24px;
position:relative;
}

.seo .seo-card-ranking-tbl td > :first-child{
margin-top:0;
}

.seo .seo-card-ranking-tbl td > :last-child{
margin-bottom:0;
}


.seo .seo-card-ranking-tbl strong > b{
font-size:16px;
}

/* .seo-card-ranking-tbl-list
----------------------------------------------------------------- */
.seo .seo-card-ranking-tbl-list > li{
display:inline;
}

.seo .seo-card-ranking-tbl-list > li:not(:last-child)::after{
margin-left:4px;
content:"/";
display:inline-block;
}

.seo .seo-card-ranking-tbl-list .is-disabled > span{
opacity:.33;
}

/* .seo-card-ranking-tbl-note
----------------------------------------------------------------- */
.seo .seo-card-ranking-tbl-note{
margin-left:12px;
padding-left:16px;
color:var(--cmn-font-color-gray);
display:inline-block;
position:relative;
}

.seo .seo-card-ranking-tbl-note::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

/* .seo-card-ranking-toggle
----------------------------------------------------------------- */
.seo .seo-card-ranking-toggle{
margin-top:12px;
}

/* .seo-card-ranking-toggle-hook
----------------------------------------------------------------- */
.seo .seo-card-ranking-toggle-hook{
margin:0 0 0 auto;
padding-right:12px;
width:fit-content;
background:#fff url(/element/w_insurance/shared/images/icon-arrow-down.svg) no-repeat 100% 50%;
background-size:8px auto;
text-align:right;
font-weight:normal;
cursor:pointer;
}

.seo-card-ranking-toggle[aria-expanded="false"] .seo-card-ranking-toggle-hook > span{
height:0;
overflow:hidden;
position:absolute;
}

.seo-card-ranking-toggle[aria-expanded="true"] .seo-card-ranking-toggle-hook{
margin-bottom:8px;
width:auto;
background-image:url(/element/w_insurance/shared/images/icon-arrow-up.svg);
text-align:left;
font-weight:bold;
}

/* .seo-card-ranking-toggle-panel
----------------------------------------------------------------- */
.seo-card-ranking-toggle[aria-expanded="false"] .seo-card-ranking-toggle-panel{
display:none;
}

.seo-card-ranking-toggle[aria-expanded="true"] .seo-card-ranking-toggle-panel{
margin-bottom:20px;
display:block;
}

/* .sseo-card-ranking-btn
----------------------------------------------------------------- */
.seo .seo-card-ranking-btn{
margin:0 auto;
border:none;
border-radius:6px;
color:#fff;
display:block;
min-width:320px;
min-height:44px;
background-color:var(--button-color);
font-size:18px;
font-weight:bold;
}

.seo .seo-card-ranking-btn:active,
.seo .seo-card-ranking-btn:hover,
.seo .seo-card-ranking-btn:focus{
background-color:var(--button-color-hover);
}


/* ----------------------------------------------------------------
  .seo-faq
----------------------------------------------------------------- */
/* .seo-faq
----------------------------------------------------------------- */
.seo .seo-faq{
font-size:14px;
}

/* .seo-faq-item
----------------------------------------------------------------- */
.seo .seo-faq-item{
padding-bottom:12px;
border-bottom:1px solid #ddd;
}

.seo-faq-item[aria-expanded="false"]{
padding-bottom:0;
}

.seo-card-hdg-l3 + .seo-faq-item[aria-expanded]{
border-top:1px solid #ddd;
}

/* .seo-faq-item-q
----------------------------------------------------------------- */
.seo .seo-faq-item-q{
padding:12px 0 12px 20px;
box-sizing:border-box;
max-width:720px;
box-sizing:border-box;
background:url(/element_sp/w_insurance/shared/images/icon-faq-q.svg) no-repeat 0 15px;
background-size:11px auto;
font-weight:normal;
}

.seo-faq-item[aria-expanded] .seo-faq-item-q{
padding-right:24px;
width:fit-content;
position:relative;
cursor:pointer;
}

.seo-faq-item[aria-expanded] .seo-faq-item-q::after{
margin:-5px 0 0 12px;
content:'';
display:block;
width:16px;
height:10px;
overflow:hidden;
background:url(/element/w_insurance/shared/images/icon-arrow-down.svg) no-repeat 50% 50%;
position:absolute;
top:50%;
right:0;
}

.seo-faq-item[aria-expanded="true"] .seo-faq-item-q::after{
background-image:url(/element/w_insurance/shared/images/icon-arrow-up.svg);
}

/* .seo-faq-item-a
----------------------------------------------------------------- */
.seo .seo-faq-item-a{
padding-left:20px;
box-sizing:border-box;
max-width:720px;
background:url(/element_sp/w_insurance/shared/images/icon-faq-a.svg) no-repeat 0 3px;
background-size:11px auto;
}

.seo-faq-item[aria-expanded="false"] .seo-faq-item-a{
display:none;
}

.seo-faq-item[aria-expanded="true"] .seo-faq-item-a{
display:block;
}

/* .seo-faq-link-more
----------------------------------------------------------------- */
.seo .seo-faq-link-more{
margin:8px 0 0 auto;
padding-left:10px;
color:#666;
display:block;
width:fit-content;
background:url(/element/w_insurance/shared/images/icon-arrow.svg) 0 50% no-repeat;
background-size:5px auto;
}


/* ----------------------------------------------------------------
  .seo-card-guideline
----------------------------------------------------------------- */
/* .seo-card-guideline
----------------------------------------------------------------- */
.seo .seo-card-guideline{
font-size:12px;
}

/* .seo-card-guideline > ul
----------------------------------------------------------------- */
.seo .seo-card-guideline > ul > li{
display:inline-block;
}

.seo .seo-card-guideline > ul > li:not(:last-child)::after{
margin:0 0 0 4px;
content:"/";
display:inline-block;
}


/* ----------------------------------------------------------------
  .seo-card-agent
----------------------------------------------------------------- */
/* .seo-card-agent
----------------------------------------------------------------- */
.seo .seo-card-agent{
font-size:12px;
}


/* ----------------------------------------------------------------
  .seo-card-attention
----------------------------------------------------------------- */
.seo .seo-card-attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.seo .seo-card-attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

.seo .seo-card-attention ul a{
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}

.seo .seo-card-attention ul a:active,
.seo .seo-card-attention ul a:hover,
.seo .seo-card-attention ul a:focus{
text-decoration:underline;
}


/* ----------------------------------------------------------------
  .seo-card-news
----------------------------------------------------------------- */
.seo .seo-card-news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.seo .seo-card-news ul a{
color:#555;
text-decoration:none;
}

.seo .seo-card-news ul a:active > div,
.seo .seo-card-news ul a:hover > div,
.seo .seo-card-news ul a:focus > div{
text-decoration:underline;
}

.seo .seo-card-news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
font-size:12px;
}

.seo .seo-card-news ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
}

.seo .seo-card-news ul a > span .tag-w{
background-color:#48c2e6;
}

.seo .seo-card-news ul a > span .tag-j{
background-color:#8db955;
}

.seo .seo-card-news ul a > span .tag-other{
background-color:#bca446;
}



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

  Tooltip Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Tooltip help
----------------------------------------------------------------- */
/* .tip-help
----------------------------------------------------------------- */
.tip-help{
position:relative;
}

/* .tip-help-content / .tip-help-content-btm
----------------------------------------------------------------- */
.tip-help .tip-help-content,
.tip-help .tip-help-content-btm{
padding:4px 8px;
border-radius:4px;
color:var(--cmn-font-color-base) !important;
display:none;
position:absolute;
bottom:calc(100% + 4px);
left:0;
white-space:nowrap;
box-shadow:0 0 4px rgba(0, 0, 0, .4);
background-color:#fff;
font-size:12px;
text-align:center;
}

.tip-help.is-tip-help-active .tip-help-content,
.tip-help.is-tip-help-active .tip-help-content-btm{
display:block;
}

.tip-help .tip-help-content-btm{
top:calc(100% + 4px);
bottom:auto;
}

/* ..tip-balloon-btn-close > .tip-help-content
-------------------------------------------- */
.tip-help.tip-balloon-btn-close .tip-help-content{
bottom:calc(100% + 12px);
left:50%;
transform:translateX(-50%);
}


/* ----------------------------------------------------------------
  Tooltip Balloon
----------------------------------------------------------------- */
/* .tip-balloon
----------------------------------------------------------------- */
.tip-balloon{
padding:12px;
border-radius:6px;
box-shadow:0 0 4px rgba(0,0,0,.4);
display:none;
max-width:340px;
position:absolute;
z-index:10000;
background-color:#fff;
font-size:12px;
}

.tip-balloon.is-active{
display:block;
}

/* .tip-balloon-arrow-up / tip-balloon-arrow-down
----------------------------------------------------------------- */
.tip-balloon .tip-balloon-arrow-up,
.tip-balloon .tip-balloon-arrow-down{
display:block;
width:12px;
height:8px;
position:absolute;
left:calc(50% - 6px);
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent;

}

.tip-balloon .tip-balloon-arrow-up{
bottom:100%;
background-image:url(/element/w_insurance/shared/images/icon-arrow-balloon-up.svg);
filter:drop-shadow(rgba(0,0,0,.2) 0 -2px 1px);
}

.tip-balloon .tip-balloon-arrow-down{
top:100%;
background-image:url(/element/w_insurance/shared/images/icon-arrow-balloon-down.svg);
filter:drop-shadow(rgba(0,0,0,.2) 0 2px 1px);
}


/* ----------------------------------------------------------------
  Tooltip Heading
----------------------------------------------------------------- */
/* .tip-balloon
----------------------------------------------------------------- */
.tip-balloon ul + p{
margin-top:12px;
}

/* .tip-balloon-hdg
----------------------------------------------------------------- */
.tip-balloon .tip-balloon-hdg{
margin:-4px -4px 8px;
padding:8px;
font-size:14px;
background-color:#eee;
}

/* .tip-balloon-hdg-01
----------------------------------------------------------------- */
.tip-balloon .tip-balloon-hdg-01{
margin-bottom:4px;
font-size:12px;
}

.tip-balloon .tip-balloon-hdg-01 > span{
display:inline-block;
font-weight:normal;
}

ul + .tip-balloon-hdg-01,
p + .tip-balloon-hdg-01{
margin-top:12px;
}

.tip-balloon .tip-balloon-hdg-01 + p{
margin-top:0;
}


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

.tip-balloon .tip-balloon-list-bullet > li::before{
content:'';
border-radius:1px;
display:block;
width:2px;
height:2px;
position:absolute;
top:7px;
left:0;
background-color:var(--cmn-font-color-base);
}

/* .tip-balloon-list-num
----------------------------------------------------------------- */
.tip-balloon .tip-balloon-list-num > li{
display:-webkit-box;
display:flex;
}

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

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

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


/* ----------------------------------------------------------------
  Tooltip Button
----------------------------------------------------------------- */
/* .tip-balloon-btn-cv
----------------------------------------------------------------- */
.tip-balloon .tip-balloon-btn-cv{
margin:12px auto 0;
padding:0 12px;
border:none;
border-radius:6px;
color:#fff;
min-width:50%;
height:35px;
display:block;
background-color:var(--button-color);
font-size:14px;
font-weight:bold;
}

.tip-balloon .tip-balloon-btn-cv:not(:disabled):active,
.tip-balloon .tip-balloon-btn-cv:not(:disabled):hover,
.tip-balloon .tip-balloon-btn-cv:not(:disabled):focus{
background-color:var(--button-color-hover);
}


.tip-balloon .tip-balloon-btn-cv:disabled{
opacity:.33;
}

/* .tip-balloon-btn-close
----------------------------------------------------------------- */
.tip-balloon .tip-balloon-btn-close{
border:none;
border-radius:50%;
width:29px;
height:29px;
position:absolute;
top:4px;
right:4px;
background:#fff url(/element/w_insurance/shared/images/icon-balloon-close.svg) 50% 50% no-repeat;
background-size:9px auto;
}

.tip-balloon .tip-balloon-btn-close:active,
.tip-balloon .tip-balloon-btn-close:hover,
.tip-balloon .tip-balloon-btn-close:focus{
background-color:rgba(0,0,0,.04);
}

.tip-balloon .tip-balloon-btn-close > span:first-child{
display:block;
text-indent:-9999px;
}


/* ----------------------------------------------------------------
  Tooltip Form
----------------------------------------------------------------- */
/* .tip-balloon-form-list
----------------------------------------------------------------- */
.tip-balloon .tip-balloon-form-list{
margin-top:-6px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.tip-balloon .tip-balloon-form-list > li{
margin-top:10px;
flex:1 0 calc(50% - 10px);
}

.tip-balloon .tip-balloon-form-list > li:nth-child(2n){
margin-left:20px;
}

.tip-balloon .tip-balloon-form-list > li > label{
padding-left:17px;
position:relative;
display:inline-block;
cursor:pointer;
}

.tip-balloon .tip-balloon-form-list > li > label input{
position:absolute;
top:2px;
left:0;
}

.tip-balloon .tip-balloon-form-list > .is-disabled{
color:#ccc;
}

.tip-balloon-form-list > .is-disabled label{
cursor:default;
}



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

  Modal Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Modal Layout
----------------------------------------------------------------- */
/* .modal
----------------------------------------------------------------- */
.modal{
color:var(--cmn-font-color-base);
top:40px;
width:520px;
height:calc(100svh - 40px);
max-height:800px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
font-family:'Arial', var(--cmn-font-family);
font-size:12px;
}

/* .modal-filter
----------------------------------------------------------------- */
.modal-filter{
top:40px;
width:455px;
height:calc(100svh - 80px);
max-height:888px;
font-size:14px;
}

/* .modal-header
----------------------------------------------------------------- */
.modal .modal-header{
padding-top:0;
}

.modal .modal-header > :first-child{
-webkit-box-flex:1;
flex:1;
}

/* .modal-header-btn
----------------------------------------------------------------- */
.modal .modal-header-btn{
margin:0 0 0 auto;
padding:0;
border:1px solid #ccc;
border-radius:4px;
color:#fff;
width:64px;
height:26px;
background-color:transparent;
font-size:12px;
}

/* .modal-header-btn-prev
----------------------------------------------------------------- */
.modal .modal-header-btn-prev{
margin:0 0 0 auto;
padding:0 0 1px;
border:none;
color:#fff;
box-shadow:0 -1px 0 rgba(255,255,255,.3) inset;
background-color:transparent;
font-size:12px;
}

.modal .modal-header-btn-prev:active,
.modal .modal-header-btn-prev:hover,
.modal .modal-header-btn-prev:focus{
color:#92ccf4;
box-shadow:0 -1px 0 #92ccf4 inset;
}

/* .modal-content
----------------------------------------------------------------- */
.modal .modal-content{
-webkit-box-flex:1;
flex:1;
overflow-y:auto;
}

.modal .modal-content > :first-child{
margin-top:0;
}

/* .modal-footer
----------------------------------------------------------------- */
.modal .modal-footer{
position:relative;
background-color:#fff;
}

/* .modal-footer-link
----------------------------------------------------------------- */
.modal .modal-footer-link{
margin:12px 20px 12px auto;
display:block;
width:fit-content;
cursor:pointer;
}

/* .modal-footer-btn
----------------------------------------------------------------- */
.modal .modal-footer-btn{
margin:0 auto;
padding:2px 24px 0;
border:none;
border-radius:6px;
color:#fff;
min-width:150px;
min-height:40px;
display:block;
background-color:var(--button-color);
font-size:18px;
font-weight:bold;
}

.modal .modal-footer-btn:not(:disabled):active,
.modal .modal-footer-btn:not(:disabled):hover,
.modal .modal-footer-btn:not(:disabled):focus{
background-color:var(--button-color-hover);
}

.modal .modal-footer-btn:disabled{
opacity:.33;
}

.modal-footer-btn + p{
margin-top:8px;
}

/* .modal-footer-error
----------------------------------------------------------------- */
.modal .modal-footer-error{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:16px;
font-weight:bold;
background-color:rgba(229,229,229,.7);
}


/* ----------------------------------------------------------------
  Modal Common Modules
----------------------------------------------------------------- */
/* .modal-hdg-l4
----------------------------------------------------------------- */
.modal .modal-hdg-l4{
margin:12px 0;
padding-top:12px;
border-top:1px solid #ccc;
font-size:14px;
}

.modal .modal-hdg-l4:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

/* .modal-hdg-l5
----------------------------------------------------------------- */
.modal .modal-hdg-l5{
margin:16px 0 4px;
}

.modal .modal-hdg-l5 > span{
display:inline-block;
font-weight:normal;
}

.modal .modal-hdg-l4 + .modal-hdg-l5{
margin-top:12px;
}

/* .modal-hdg-l6
----------------------------------------------------------------- */
.modal .modal-hdg-l6{
margin:8px 0 4px;
padding:0 16px;
position:relative;
width:fit-content;
min-width:4.5em;
text-align:center;
font-weight:normal;
}

.modal .modal-hdg-l6::before,
.modal .modal-hdg-l6::after{
content:'';
border-bottom:1px dashed #949494;
display:block;
width:10px;
height:0;
overflow:hidden;
position:absolute;
top:.5em;
left:0;
}

.modal .modal-hdg-l6::after{
left:auto;
right:0;
}

/* .modal-num
----------------------------------------------------------------- */
.modal .modal-num{
line-height:1;
vertical-align:text-bottom;
font-size:16px;
}

/* .modal-list-separete
----------------------------------------------------------------- */
.modal .modal-list-separate > li{
margin-top:4px;
display:-webkit-box;
display:flex;
}

.modal .modal-list-separate > li > div:first-child{
padding-right:1em;
width:10.15em;
position:relative;
}

.modal .modal-list-separate > li > div:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}

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

/* .modal-list-separete.branch
---------------------------------------- */
.modal .modal-list-separate.branch > li{
padding:0 4px;
width:fit-content;
}

.modal .modal-list-separate.branch > li.is-active{
padding:4px 4px 3px;
background-color:#e1f1fc;
}

/* .modal-list-separete-cell
----------------------------------------------------------------- */
.modal .modal-list-separete-cell{
border-width:1px 1px 0;
border-style:solid;
border-color:#ddd;
}

.modal .modal-list-separete-cell > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.modal .modal-list-separete-cell > li > div{
padding:8px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.modal .modal-list-separete-cell > li > div:first-child{
border-right:1px solid #ddd;
width:8.5em;
-webkit-box-pack:start;
justify-content:flex-start;
text-align:left;
background-color:#f7f7f7;
}

.modal .modal-list-separete-cell > li > div:last-child{
padding-right:0;
-webkit-box-flex:1;
flex:1;
}

.modal .modal-list-separete-cell > li > div > div > :first-child{
margin-top:0;
}

.modal .modal-list-separete-cell > li > div > div > :last-child{
margin-bottom:0;
}

/* .modal-link-list
----------------------------------------------------------------- */
.modal .modal-link-list{
margin-top:8px;
border-width:1px 0;
border-style:solid;
border-color:#ccc;
}

.modal .modal-link-list > li:not(:first-child){
border-top:1px solid #ccc;
}

.modal .modal-link-list > li > a{
padding:4px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:44px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
text-decoration:none;
}

.modal .modal-link-list > li > a > span{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.modal .modal-link-list> .is-active > a > span{
padding-right:24px;
background:url(/element_sp/w_insurance/shared/images/icon-check.svg) 100% 50% no-repeat;
background-size:12px auto;
}

/* .modal-form-list
----------------------------------------------------------------- */
.modal .modal-form-list{
margin-top:12px;
}

.modal .modal-form-list > li{
margin-top:8px;
}

.modal .modal-form-list > li > label{
padding-left:17px;
position:relative;
display:inline-block;
cursor:pointer;
}

.modal .modal-form-list > li > label input{
position:absolute;
top:4px;
left:0;
}

.modal .modal-form-list > .is-disabled{
color:#ccc;
}

.modal .modal-form-list > .is-disabled label{
cursor:default;
}

.modal .modal-form-list .num{
display:inline-block;
font-size:12px;
}

.modal .modal-form-list .note{
margin-left:8px;
padding-left:16px;
color:var(--cmn-font-color-gray);
display:inline-block;
position:relative;
font-size:12px;
}

.modal .modal-form-list .note::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

.modal .modal-filter-panel-item > div:last-child .modal-form-list{
margin-top:-8px;
}

/* .modal-form-list-num
----------------------------------------------------------------- */
.modal .modal-form-list-num{
margin-left:-40px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.modal .modal-form-list-num > li{
margin:12px 0 0 40px;
width:calc(50% - 40px);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}


.modal .modal-form-list-num > li > label{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
cursor:default;
}

/* .modal-list-col-2 / .modal-list-col-3 / .modal-list-col-4
----------------------------------------------------------------- */
.modal .modal-list-col-2,
.modal .modal-list-col-3,
.modal .modal-list-col-4{
margin-top:-8px;
overflow:hidden;
}

/* .modal-list-col-2
---------------------------------------- */
.modal .modal-list-col-2{
margin-left:-18px;
}

.modal .modal-list-col-2 > li{
padding-left:18px;
float:left;
box-sizing:border-box;
width:50%;
}

.modal .modal-list-col-2 > li:nth-child(2n+1){
clear:left;
}

.modal .modal-list-col-2 > li li{
padding-left:0;
width:auto;
float:none;
}

/* .modal-list-col-3
---------------------------------------- */
.modal .modal-list-col-3{
margin-left:-18px;
}

.modal .modal-list-col-3 > li{
padding-left:18px;
float:left;
box-sizing:border-box;
width:33.33333%;
}

.modal .modal-list-col-3 > li:nth-child(3n+1){
clear:left;
}

/* .modal-list-col-4
---------------------------------------- */
.modal .modal-list-col-4{
margin-left:-18px;
}

.modal .modal-list-col-4 > li{
padding-left:18px;
float:left;
box-sizing:border-box;
width:25%;
}

.modal .modal-list-col-4 > li:nth-child(4n+1){
clear:left;
}


/* ----------------------------------------------------------------
  .modal-filter-panel
----------------------------------------------------------------- */
/* .modal-filter-panel
----------------------------------------------------------------- */
.modal .modal-filter-panel{
border-top:1px solid #ddd;
}

/* .modal-filter-panel-item
----------------------------------------------------------------- */
.modal .modal-filter-panel-item{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.modal .modal-filter-panel-item > div{
padding:12px;
border-bottom:1px solid #ddd;
box-sizing:border-box;
}

.modal .modal-filter-panel-item > div:first-child{
padding-left:8px;
padding-right:35px;
width:200px;
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#f5f5f5;
}

.modal .modal-filter-panel-item > div:last-child{
padding-right:0;
-webkit-box-flex:1;
flex:1;
}

/* .modal-filter-panel-item-hdg
----------------------------------------------------------------- */
.modal .modal-filter-panel-item-hdg{
font-size:14px;
}

/* .modal-filter-panel-item-btn
----------------------------------------------------------------- */
.modal-filter-panel-item-btn{
margin-top:-12px;
padding:0;
border:1px solid #ccc;
border-radius:4px;
width:36px;
height:24px;
position:absolute;
top:50%;
right:8px;
font-size:12px;
background-color:#fff;
}

.modal-filter-panel-item-btn:active,
.modal-filter-panel-item-btn:hover,
.modal-filter-panel-item-btn:focus{
border-color:var(--button-color-hover);
}


/* ----------------------------------------------------------------
  Modal Word Search Modules
----------------------------------------------------------------- */
/* .modal-word-search
----------------------------------------------------------------- */
.modal .modal-word-search{
margin-bottom:-4px;
padding:0 20px;
box-shadow:0 2px 4px rgba(0,0,0,.2);
min-height:65px;
position:relative;
z-index:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#fff;
}

.modal .modal-word-search > div{
border:1px solid #bebebe;
border-radius:2px;
height:34px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.modal .modal-word-search input{
padding:0 8px;
border:none;
width:100%;
height:100%;
box-sizing:border-box;
}

.modal .modal-word-search button{
padding:0;
color:transparent;
border:none;
width:30px;
height:100%;
overflow:hidden;
background:url(/element_sp/shared/images/icon/icon-del.svg) calc(100% - 8px) 50% no-repeat;
background-size:14px;
}

.modal .modal-word-search button:disabled{
display:none;
}


/* ----------------------------------------------------------------
  Modal Tab Modules
----------------------------------------------------------------- */
/* .modal-tab-list
----------------------------------------------------------------- */
.modal .modal-tab-list{
padding:0 20px;
box-shadow:0 2px 4px rgba(0,0,0,.2);
min-height:52px;
position:relative;
z-index:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#fff;
}

.modal .modal-tab-list ul{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.modal .modal-tab-list ul > li:not(:last-child){
margin-right:20px;
}

.modal .modal-tab-list ul label{
padding-left:17px;
display:block;
position:relative;
}

.modal .modal-tab-list ul label > input{
position:absolute;
top:4px;
left:0;
}

.modal .modal-tab-list .modal-tab-list-sup{
font-size:12px;
text-align:right;
}

[role="tabpanel"] > .modal-link-list:first-child{
margin-top:-18px;
border-top:none;
}

/* .modal-tab-list-01
----------------------------------------------------------------- */
.modal .modal-tab-list-01{
margin-bottom:-4px;
padding:0 20px;
box-shadow:0 2px 4px rgba(0,0,0,.2);
min-height:52px;
position:relative;
z-index:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#fff;
}

.modal .modal-tab-list-01 ul{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.modal .modal-tab-list-01 ul > li:not(:last-child){
margin-right:24px;
}

.modal .modal-tab-list-01 ul button{
padding:2px 0;
border:none;
color:var(--cmn-font-color-base);
width:100%;
height:26px;
line-height:1.42;
background:none;
font-size:12px;
}

.modal .modal-tab-list-01 ul button[aria-selected="true"]{
box-shadow:0 -2px 0 var(--cmn-font-color-base) inset;
}

/* .modal-tab-content
----------------------------------------------------------------- */
.modal .modal-tab-content > div[role="tabpanel"]{
display:none;
}

.modal .modal-tab-content > div[role="tabpanel"].is-active{
display:block;
}


/* ----------------------------------------------------------------
  Modal Pie Chart Modules
----------------------------------------------------------------- */
/* .modal-pie-chart
----------------------------------------------------------------- */
.modal-pie-chart{
margin:0 auto 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
width:fit-content;
}

.modal-pie-chart > div:first-child{
-webkit-box-flex:1;
flex:1;
}

.modal-pie-chart > .image{
margin-right:20px;
width:130px;
}

.modal-pie-chart > .image img{
margin:0 auto;
display:block;
width:100%;
height:auto;
}

/* .modal-pie-chart-data
----------------------------------------------------------------- */
.modal-pie-chart-data > li{
margin-top:12px;
display:-webkit-box;
display:flex;
line-height:1;
}

.modal-pie-chart-data > li > span:first-child{
-webkit-box-flex:1;
flex:1;
}

.modal-pie-chart-data > li > span:last-child{
padding-left:16px;
width:45px;
position:relative;
}

.modal-pie-chart-data > li > span:last-child::after{
color:var(--cmn-font-color-base);
content:"\ff1a";
display:block;
position:absolute;
top:-1px;
left:4px;
font-weight:normal;
font-size:12px;
}

.modal-pie-chart-data > .is-active{
font-weight:bold;
font-size:14px;
}

.modal-pie-chart-data > .is-active > span:last-child{
color:var(--cmn-font-color-red);
}

.modal-pie-chart-data > .is-active > span:last-child::after{
top:1px;
}


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

  Calendar Modules

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

/* .calendar-unique-header-hdg
----------------------------------------------------------------- */
.calendar-unique-header-hdg{
font-weight: normal;
font-size:14px;
}


/* ----------------------------------------------------------------
  .calendar-unique-note
----------------------------------------------------------------- */
.calendar-unique-note{
margin-bottom:14px;
padding-bottom:12px;
border-bottom:1px solid #ddd;
color:var(--cmn-font-color-base);
font-size:12px;
}


/* ----------------------------------------------------------------
  .calendar-unique-footer
----------------------------------------------------------------- */
.calendar-unique-footer{
margin:20px -20px -20px;
padding:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#e5e5e5;
text-align:center;
}

.calendar-unique-footer > span{
margin-left:calc(-3em - 8px);
display:block;
width:calc(3em + 8px);
line-height:1;
font-weight:bold;
font-size:20px;
}

.calendar-unique-footer > button{
margin:0;
padding:0;
border:none;
border-radius:6px;
color:#fff;
width:150px;
height:35px;
background-color:var(--button-color);
font-size:14px;
font-weight:bold;
}

.calendar-unique-footer > button:active,
.calendar-unique-footer > button:hover,
.calendar-unique-footer > button:focus{
background-color:var(--button-color-hover);
}

.calendar-unique-footer > button:disabled{
opacity:.33;
}


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

  Agt Link Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .agt-link
----------------------------------------------------------------- */
.agt-link{
margin:18px auto 0;
padding:40px 30px;
border:3px solid #a9a9a9;
width:800px;
box-sizing:border-box;
}


/* ----------------------------------------------------------------
  .agt-link-hdg
----------------------------------------------------------------- */
.agt-link .agt-link-hdg{
margin-bottom:20px;
font-size:18px;
text-align:center;
}


/* ----------------------------------------------------------------
  .agt-link-list
----------------------------------------------------------------- */
.agt-link .agt-link-list{
margin-top:20px;
font-size:14px;
}

.agt-link .agt-link-list > li{
margin-top:8px;
padding-left:calc(1em + 2px);
position:relative;
}

.agt-link .agt-link-list > li::before{
content:"\30fb";
display: block;
position: absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
  .agt-link-btn-cv
----------------------------------------------------------------- */
.agt-link .agt-link-btn-cv{
margin:20px auto 0;
padding:8px 20px;
border:none;
border-radius:6px;
color:#fff;
display:block;
background-color:var(--button-color);
font-size:18px;
font-weight:bold;
}

.agt-link .agt-link-btn-cv:active,
.agt-link .agt-link-btn-cv:hover,
.agt-link .agt-link-btn-cv:focus{
background-color:var(--button-color-hover);
}



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

  Loading Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .loading
----------------------------------------------------------------- */
.loading{
text-align:center;
font-weight:bold;
font-size:16px;
}

.loading > span{
margin-top:-20px;
display:block;
}



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

  Error Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .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-prev
----------------------------------------------------------------- */
.error .error-prev{
margin-top:32px;
text-align:center;
}

.error .error-prev > a{
padding:9px 12px 8px;
border:1px solid #ccc;
border-radius:3px;
color:#666;
display:inline-block;
min-width:202px;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}