@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ----------------------------------------------------
element base setting (common)
---------------------------------------------------- */
body {color: #333333; line-height: 1.5; background: #fff;}
a {color: #333; text-decoration: none;}
a:hover {text-decoration: none;}
main img, footer img {width:100%; height: auto;}
#wrapper {position: relative;}

main .inner, footer .inner {width: 90% !important; max-width: 1000px; margin-right: auto; margin-left: auto; }
.flex {display: flex; display: -webkit-flex; flex-wrap: wrap;}
.flex--b{justify-content: space-between;}
.flex--c {justify-content: center;}
.shadow{box-shadow: 3px 2px 5px 0 rgba(0,0,0,0.25); transition: 0.3s all ease-in-out;}
.lh--S {line-height: 1.2 !important;}
.indent--1em {text-indent: -1em;}

section {max-width: inherit; padding: 0;}
#page_end {display: none !important;}

.page {display: flex; display: -webkit-flex; flex-direction: column; min-height: 100vh;}
main {flex: 1;}
.pcOnly {display: none;}


:root {
 --c-red:#e8380d;
 
 --c-orange:#ee7800;
 --c-orange-dark: #7e3800;
 --bg-orange:#ffefdf;
 
 --c-life: #00468C;
 --c-life-01:#1E7DD2;
 --c-life-02:#009fe8;
 --bg-life: #dbe2f3;
 --bg-life-01:#F1F9FE;
 
 --c-fire:#E8380D;
 --c-fire-01:#F59B00;
 --bg-fire:#fae1dd;
 
 --c-cancer:#0075c1 ;
 --c-assist:#00A273;
 --c-liability:#3C8CA5;
 
 --c-service:#669900;
  
 --c-member:#EA5514;
 
 --c-base:#FF6734;
 --bg-base: #FAF0DC;

}


@media (min-width: 768px) {
 body {background: var(--bg-base);}
 body#home {background: #fff;}
 #life.index {background: #fff;} 
 .mainContents {background: #fff; width: 90%; max-width: 1000px; margin-inline:auto; padding: 40px 0 !important;}
 main {padding-bottom: 50px; border-bottom: 1px solid #ccc;}
 .pcOnly{display: block;}
}


/* ----------------------------------------------------
footer (common)
---------------------------------------------------- */
#footer {background:#faf0dc; text-align: center; border-top: 1px solid #989898; border-bottom: 5px solid var(--c-red); font-size: min(1.08vw, 1.3rem); padding: min(2.08vw,25px) 0; margin-top: min(8.3vw,100px); }
.navFooter {display: flex; display: -webkit-flex; margin-bottom: min(1.66vw,20px);}
.navFooter li {padding: 0 min(1.25vw,15px); line-height: 1; border-left: 1px solid #333;}
.navFooter li:last-child {border-right: 1px solid #333;}
.copy {text-align: right;}


#pagetop { position: fixed; bottom: 0; right: 0; z-index: 100; display: none;}
#pagetop a { display:block; width: min(3.92vw,47px);aspect-ratio: 1/1; background-color: var(--c-red);position: relative;}
#pagetop a::before {content: ""; background: url("../../assets/img/common/ic-arrow-02.svg") center center / cover no-repeat; aspect-ratio: 240/150; width: min(1.66vw, 20px); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(180deg);}

@media (max-width: 767px) {
 #footer { border-bottom: none; padding: 0; margin: min(8vw,60px) auto 0;}
 #home  #footer { background: #fff;}
 #footer .inner {width: 100% !important;}
 .navFooter {padding: min(3vw,20px) 5%; display: block; text-align: left; font-size: min(3vw,16px); margin: 0;}
 .navFooter li {border:none !important; margin: min(3vw,20px) 0;}
 .navFooter li:nth-child(2),.navFooter li:nth-child(3) {display: none;}
 .navFooter li a {padding-left: 1.25em; position: relative;}
 .navFooter li a::before {content: ""; background: url("../../assets/img/common/ic-arrow-05.svg") center center / cover no-repeat; aspect-ratio: 95/150; width: min(1.86vw,10px); position: absolute; left: 0;}
 .copy {background:#faf0dc;  line-height: 1; text-align: center; height: min(5vw,40px); display: flex; display: -webkit-flex; justify-content: center; align-items: center; width: 100%; font-size: min(2.53vw,1.5rem); z-index: 3;}

 #pagetop { z-index: 999; bottom: 60px; right: 0;}
 #pagetop a {width: min(12vw,50px);}
 #pagetop a::before {width: min(6vw, 30px);}
 
 #home #pagetop { bottom:min(5vw,40px);}
}

 /* 下層ページfooter */
 footer#ul-footer {border:none; font-size: min(1.08vw, 1.3rem); margin: 0; padding: 15px 0 10px; background:#faf0dc; z-index: 100;}
 footer#ul-footer .ul-footer__float {position: fixed; left: 0; bottom: 0; width: 100%;background:#faf0dc;}
 footer#ul-footer.fixed {position: relative;}

 footer#ul-footer .ul-ftBtn{display: flex; display: -webkit-flex; column-gap: 1px; }
 footer#ul-footer .ul-ftBtn li {flex: 1; background: var(--c-red);  font-size: min(3.8vw,16px);}
 footer#ul-footer .ul-ftBtn li a {display: flex; display: -webkit-flex; align-items: center; justify-content: center; height: 36px; color: #fff;}
 footer#ul-footer .copyright {width: 100%; height: 22px; font-size: 10px;  display: flex; display: -webkit-flex; align-items: center; justify-content: center; text-align: center;} 
 .copy_sp {display: block;}
 .copy_pc {display: none !important;}

 #life:not(.join-life) footer#ul-footer{padding-top: 0;}
 
 .navFooterLink {width: 90%; margin: 0 auto; display: flex; display: -webkit-flex;  flex-wrap: wrap; column-gap:8px;}
 .navFooterLink li {font-size: 10px; line-height: 1.3; margin-bottom: 5px; padding-left:8px; border-left: 1px solid #333;}


@media (min-width: 768px) {
 footer#ul-footer {font-size:18px; z-index: 10; padding: 12px 0 10px; }
 footer#ul-footer .ul-footer__float {left: 0; bottom: 0; width: 100%; padding: 1px 0; background: rgba(255,255,255,0.8); transition: 0.3s all ease-in-out; position: fixed;}
 footer#ul-footer .ul-footer__float.fixed {position: relative; background: none;}
 footer#ul-footer .ul-ftBtn {width: 90%; max-width: 1000px; margin: 19px auto; column-gap: 15px; position: relative; background: none; justify-content: center;}
 footer#ul-footer .ul-ftBtn li {font-size: 20px; border-radius: 30vw; font-weight: 800; letter-spacing: 2px; max-width: 400px;}
 footer#ul-footer .ul-ftBtn li a {height: 60px; border-radius: 30vw;}
 footer#ul-footer .copyright {height:30px; font-size: 12px;} 
 .copy_sp {display: none !important;}
 .copy_pc {display: block !important;}
 footer#ul-footer #pagetop { bottom: 0;}
  
.navFooterLink { max-width: 1000px; column-gap: 15px; margin: 20px auto 5px; justify-content: center;}
.navFooterLink li {font-size: 12px;}
.navFooterLink li:not(:first-child) {padding-left: 15px;}
.navFooterLink li:first-child { border-left: none;}
}

/* -----------------------------------------------
navLocal 
--------------------------------------------------*/
#navLocal {background: #fff; padding: 10px 0;}
#navLocal ul {display: flex; display: -webkit-flex; justify-content: center;font-size: min(1.08vw,13px); color: #666; font-weight: normal;}
#navLocal ul li {position: relative; padding: 0 min(1.25vw,15px); border-left: 1px solid #ccc;}
#navLocal ul li:last-child {border-right: 1px solid #ccc;}
#navLocal ul li a:hover {color: #666; text-decoration: underline;}

/* -----------------------------------------------
common
------------------------------------------------- */
.mainContents {padding-bottom: 40px;}
.respContent {width: 90%; max-width: 1000px; margin-inline: auto;}
.contWrapper {max-width: 1000px; margin-inline: auto;}



/* parts */
.b--radius {border-radius: 10px; padding: 20px;}
.b--orange {border: 2px solid #eb6100;}

/* font */
.fw--b {font-weight: 600;}
.fc--life {color: var(--c-life);}
.fc--fire {color: var(--c-fire);}
.fc--orange {color: var(--c-orange);}
.red {color: #e8380d;}

/* list */
.dl--A dt {font-weight: 600;}
.dl--A dt:not(:first-child){margin-top:1em;}
.dl--A dd {font-weight: normal;}

.listDot li {padding-left: 1em; text-indent: -1em; line-height: 1.5; margin: 4px 0;}
.listDot li::before {content: "・"; left: 0;}

.listNum {margin-left: 1.5em;}
.listNum > li {list-style: decimal; margin: 4px 0;}

.listNote {margin-top: 20px;}
.listNote li {font-size: 13px; padding-left: 1em; text-indent: -1em; margin: 5px 0;}


@media (min-width: 768px) {
.respCont__pc {width: 90%; max-width: 1000px; margin-inline:auto;}
.flex__pc {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
}


/* -----------------------------------------------
title
------------------------------------------------- */
.top_exp {padding: 10px 0; margin-bottom: 20px;}
.top_title__flex {text-align: center;}
.topTitle__logo {font-size: 24px; font-weight: 600; color: #fff; line-height: 1.3;}
.topTitle__logo img {width: 140px;}
.topTitle__txt {font-size: 18px; font-weight: 600; color: #fff; letter-spacing: 3px; line-height: 1.3; margin-top: 5px;}

.top_exp{	background: var(--c-base);}
.top_logo{ display: flex; display: -webkit-flex; justify-content: space-between;}
.top_logo_img{width: 30%;}
.top_logo_txt{width: 40%;}

.pageTitle {font-size: 22px; font-weight: 600; padding-left: 0.5em; border-left: 5px solid var(--c-base);}

.ttl--A { font-weight: 600; border-left: 3px solid var(--c-base); padding-left: 0.5em; margin-bottom: 15px; font-size: 16px;}
.ttl--B { color: #fff; text-align: center; padding: 12px; font-weight: 600; font-size: 17px; background: var(--c-base); }
.ttl--C {padding: 12px 15px;  font-weight: 600; background: var(--bg-orange); color:var(--c-orange);}

/* color  > life */
#life .top_exp {background-color:var(--c-life); }
#life .pageTitle{ color: var(--c-life);  border-color: var(--c-life);}
#life .ttl--A {border-color: var(--c-life);}
#life .ttl--B {background: var(--c-life);}
#life .ttl--C {background: var(--bg-life); color: var(--c-life);}

#fire .top_exp {background-color:var(--c-fire); }
#fire .pageTitle{ color: var(--c-fire);  border-color: var(--c-fire);}
#fire .ttl--A {border-color: var(--c-fire);}
#fire .ttl--B {background: var(--c-fire);}
#fire .ttl--C {background: var(--bg-fire); color: var(--c-fire);}

#service .top_exp {background-color:var(--c-service); }
#service .ttl--A {border-color: var(--c-service);}

#union .top_exp, #contact .top_exp {background-color:var(--c-orange); }
#union .ttl--B {background-color:var(--c-orange); }


@media (min-width: 768px) {
 .top_exp {padding: 25px 0; margin-bottom: 30px;}
 .top_title__flex {display: flex; display: -webkit-flex; align-items: center; column-gap: 30px;}
 .topTitle__logo {font-size: 30px;}
 .topTitle__logo img{width: 200px;}
 .topTitle__txt {margin-top: 0; }

 .top_logo{margin-bottom: 30px;}
 .top_logo_img, .top_logo_txt{width: auto;}
 
 .pageTitle {font-size: 30px;}
 .ttl--A  {font-size: 18px; padding-left: 1em; border-width: 5px;}
 .ttl--B  {font-size: 23px;}
 .ttl--C {font-size: 17px;}
}

/* -----------------------------------------------
btn
------------------------------------------------- */
/* btn common */
.btn_common a {display: block; position: relative; padding: 15px 25px 15px 15px; border-radius: 8px; font-weight: 600; font-size: 18px; line-height: 1.4;}
.btn_common a::before {content: ""; background: url("../img/common/arrow_wh.png") center center / cover no-repeat; aspect-ratio: 15/34; width: 12px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}

.btn--orange a {background: #eb6100; color: #fff; }
.btn--yellow a {background: #f49c00; color: #fff;}
.btn--blue a {background: var(--c-life); color: #fff;}
.btn--fire a {background: var(--c-fire); color: #fff;} 

/* list ✕ btn */
.btn_list li {margin: 5px auto;}

/* btn customer */
.btn_customer {margin: 30px auto;}
.btn_customer li {margin: 10px auto;}
.btn_customer li input,
.btn_customer li a{display: block; font-weight: bold; font-size: 18px; letter-spacing: 2px; padding: 13px 10px; color: #fff; border-radius: 5px; text-align: center; width: 100%; background: linear-gradient(to bottom, #FF9C21 0%, #FF6734 56%, #FF7B2D 100%); box-shadow: 0 0 0 1px #F25400 inset, 0 0 0 2px #FFBA24 inset, 0 0px 5px 0px #999999; border: none;}

/* color */
#life .btn_customer li input,
.btn_customer li.btn--life input,
.btn_customer li.btn--life a{
  background:linear-gradient(to bottom, #0085c3 0%, #003597 56%, #00468c 100%);
  box-shadow: 0 0 0 1px #003597 inset, 0 0 0 2px #52B2D8 inset, 0 0px 5px 0px #999999;
}
#fire .btn_customer li input,
.btn_customer li.btn--fire input{
  background: linear-gradient(to bottom, #FF8E00 0%, #F02900 56%, #E8380D 100%);
  box-shadow: 0 0 0 1px #E01C00 inset, 0 0 0 2px #FFB33D inset, 0 0px 5px 0px #999999;
  }
  
.btn_customer li.btn--liability input{
  background: linear-gradient(to bottom, #E93802 0%, #A30F0D 56%, #A30F0D 100%);
  box-shadow: 0 0 0 1px #E01C00 inset, 0 0 0 2px #FFB33D inset, 0 0px 5px 0px #999999;
}


@media (min-width: 768px) {
 .btn_common a {padding: 20px 30px 20px 20px;}
 .btn_flex {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
 .btn_flex li {width: 49%; margin: 5px 0;}
 .col--03 li {width: 32%;}
 .col--01 li {width: 30%;}
 
 .btn_customer {margin: 50px auto;}
 .btn_customer {display: flex; display: -webkit-flex; justify-content: space-between;}
 .btn_customer li {width: 48%;}
 .btn_customer.col--03 li{width: 32%;}
 .btn_customer li input,
 .btn_customer li a {font-size: 16px; padding: 15px 10px; transition: 0.3s all ease-in-out;}
 .btn_customer li a:hover {opacity: 0.8;}

}

/* -----------------------------------------------
layout
------------------------------------------------- */
.cont_block--A {margin: 30px auto; padding-bottom: 30px; border-bottom: 1px dotted #ccc;}
.cont_block--A .ttl--A { margin-bottom: 15px;}

.cont_block--B {margin: 30px auto 30px; }
.cont_block--B:first-child {margin-top: 0;}
.cont_block--B .ttl--B {margin: 0 -5vw 20px;}

@media (min-width: 768px) {
 .cont_block--A .ttl--A { margin-bottom: 20px;}
 .cont_block--B .ttl--B {margin: 0 -50px 30px;}
 .contFlex__pc {display: flex; display: -webkit-flex; column-gap: 3%; flex-wrap: wrap; margin: 50px auto 0;}
 .contFlex__pc .cont_block--B {width: 48.5%; flex-grow: 2; margin-top: 0; margin-bottom: 3%; border: 2px solid #000;}
 .cont_block--B .cont_block__inr{padding: 0 30px 30px;}
 .contFlex__pc .cont_block--B .ttl--B {margin-inline: auto;}
  @media (max-width: 1125px){
   .cont_block--B .ttl--B {margin: 0 -5.5% 30px;}
   .contFlex__pc .cont_block--B .ttl--B {margin-inline: auto;}
   }
 
}


/* -----------------------------------------------
topicPath
------------------------------------------------- */
.topicPath{background: #7E3800;}
.topicPath ul {color: #fff; font-size: min(0.83vw, 1rem); display:flex; display: -webkit-flex; padding: min(0.4vw, 5px) 0; width: 90%; max-width: 1000px; margin-inline:auto;}
.topicPath ul li:not(:first-child) {padding-left: 1em; margin-left: 1em; position: relative;}
.topicPath ul li:not(:first-child)::before{content: ""; width: min(0.5vw,6px); aspect-ratio: 1/1; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); transform-origin: left top;}
.topicPath a {color: #fff;}

#life .topicPath {background: #55AEE2;}
#fire .topicPath{background:#e3a120;}
#service .topicPath {background: #84c503;}
#item.cancer .topicPath, #cancer .topicPath {background:#009c3c;}
#item.totalasist .topicPath {background:#00A273;}
#item.liability .topicPath {background: #3C8CA5;}

/* -----------------------------------------------
accordion
------------------------------------------------- */
.ac-title{position: relative; cursor: pointer; font-weight: 600; padding: 15px 25px 15px 15px; }
.ac-title::before,
.ac-title::after {content: ""; width: 12px; height: 2px; background: #000; position: absolute; right: 10px; top: 50%; transition: 0.3s all ease-in-out;}
.ac-title::before {transform: translateY(-50%);}
.ac-title::after {transform: translateY(-50%) rotate(90deg);}
.ac-title.active::after {transform: translateY(-50%);}
.ac-content{display: none; font-weight: normal;}

/* color  > life */
#life .ac-title{color: var(--c-life); }
#life .ac-item .ac-title::before, #life .ac-item .ac-title::after {background: var(--c-life);}

#fire .ac-title{color: var(--c-fire); }
#fire .ac-item .ac-title::before, #fire .ac-item .ac-title::after {background: var(--c-fire);}

 @media (min-width: 920px) {
  .ac-title::before, .ac-title::after {width: 18px; height: 3px; right: 15px;}
 }
 

/* navAnchor */
.navAnchor {display: flex; display: -webkit-flex; justify-content: center; flex-wrap: wrap; column-gap: 2%; margin: 20px auto;}
.navAnchor li {width: 49%; flex-grow: 2; margin-bottom: 2%; text-align: center;}
.navAnchor li a {display: flex; display: -webkit-flex;  justify-content: center; align-items: center; height: 100%; background: #f3f3f3; border: 1px solid #ccc; border-radius: 5px; padding: 10px 10px 15px; position: relative;}
.navAnchor li a::before {content: ""; width: 8px; aspect-ratio: 1/1; border-bottom: 2px solid #000; border-right: 2px solid #000; position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%) rotate(45deg);}

/* color  > life */
.navAnc--life li a {color: var(--c-life); background: var(--bg-life);}
.navAnc--life li a, .navAnc--life li a::before {border-color: var(--c-life);}

@media (min-width: 768px) {
 .navAnchor li {width: 32%; flex-grow: 3; }
 .navAnchor li a {padding: 15px 10px 20px; font-size: 17px;}
 .navAnchor li a::before {width: 10px; bottom: 8px; }
}


@media (max-width: 767px) {
 .topicPath {display: none;}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

about

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ac-about {margin: 30px auto 0;}
.ac-about .ac-item {margin-bottom: 10px; background: #fff; border-radius: 5px; box-shadow: 0px 1px 1px 1px #CCC; border: 2px solid #000}
.ac-about .ac-item .ac-title{font-weight: 600; padding: 15px 25px 15px 15px;}
.ac-about .ac-item .ac-content {font-size: 15px; padding:0 15px 15px;}
.ac-about .ac-item .ac-content p:not(:last-child) {margin-bottom: 15px;}
.ac-about .ac-item .ac-content img {width: auto; max-width: 100%; margin: 0 auto; display: block;}

#life .ac-about .ac-item {border-color: var(--c-life);}
#life .ac-about .ac-item .ac-title {color: var(--c-life); }
#life .ac-about .ac-item .ac-title::before, 
#life .ac-about .ac-item .ac-title::after {background: var(--c-life);}

#fire .ac-about .ac-item {border-color: var(--c-fire);}
#fire .ac-about .ac-item .ac-title {color: var(--c-fire); }
#fire .ac-about .ac-item .ac-title::before, 
#fire .ac-about .ac-item .ac-title::after {background: var(--c-fire);}

@media (min-width: 768px) {
 .ac-about .ac-item {margin-bottom: 15px; }
 .ac-about .ac-item .ac-title br {display: none;}
 .ac-about .ac-item .ac-title{font-size: 20px; padding: 20px 25px 20px 20px;}
 .ac-about .ac-item .ac-content {font-size: 16px; padding: 0 20px 20px; }
 .ac-about .ac-item .ac-content p:not(:last-child) {margin-bottom:25px;}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

summary

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ac-summary {margin: 0 auto 40px;}
.ac-summary .ac-item { margin: 10px 0;  border: 2px solid #000;}
.ac-summary .ac-title {padding: 15px 30px 15px 20px; font-weight: 600; }
.ac-summary .ac-content {padding: 15px;}

#life .ac-summary .ac-item {border-color: var(--c-life);}
#life .ac-summary .ac-title {background: var(--bg-life); color: var(--c-life); }

#fire .ac-summary .ac-item {border-color: var(--c-fire);}
#fire .ac-summary .ac-title {background: var(--bg-fire); color: var(--c-fire); }

@media (min-width: 768px) {
 .ac-summary .ac-item .ac-title::before,
 .ac-summary .ac-item .ac-title::after {right: 20px;}
 .ac-summary .ac-content {padding: 20px 30px;}
 .ac-summary .btn_customer {margin: 15px auto;}
 .ac-summary .btn_customer li {width: 32%; }
 }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Q&A

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.qaContent {margin-bottom: 10px;}
.qaContent:first-child {margin-top: 30px;}
.qaContent:last-child {margin-bottom: 40px;}
.qaContent h2 {font-weight: 600; font-size: 20px; background:#f3f3f3; padding:15px 20px; cursor: pointer; border-radius: 5px; position: relative;}
.qaContent h2::before, .qaContent h2::after {content: ""; width: 15px; height: 2px; background: #fff; position: absolute; right: 10px; top: 50%; transition: 0.3s all ease-in-out; }
.qaContent h2::before{transform:translateY(-50%);}
.qaContent h2::after{transform:translateY(-50%) rotate(90deg);}
.qaContent h2.active::after{transform:translateY(-50%) rotate(0);}
.qaContent .ac-item {border-bottom: 1px solid #000;}
.qaContent .ac-title { position: relative; padding-left: 35px;}
.qaContent .ac-content {background: #f3f3f3; padding: 15px 15px 15px 45px; margin-bottom: 10px; position: relative;}
.qaContent .ac-item span, .qaContent .ac-content span {display: flex; display: -webkit-flex; justify-content: center; align-items: center; position: absolute; border-radius: 50%; aspect-ratio: 1/1; width: 27px;}
.qaContent .ac-title span {color: #000; background: #fff; left: 0; top: 0.9em; border: 2px solid #000;}
.qaContent .ac-content span{ background: #000; color: #fff; left: 10px; top: 15px; }

.qa__QA {display: none;}

#life .qaContent .ac-item {border-color: var(--c-life);}
#life .qaContent h2 {background: var(--bg-life); color: var(--c-life);}
#life .qaContent h2::before, #life .qaContent h2::after {background: var(--c-life);}
#life .qaContent .ac-title span {border-color:var(--c-life); color: var(--c-life);}
#life .qaContent .ac-content span {background: var(--c-life);}

#fire .qaContent .ac-item {border-color: var(--c-fire);}
#fire .qaContent h2 {background: var(--bg-fire); color: var(--c-fire);}
#fire .qaContent h2::before, #fire .qaContent h2::after {background: var(--c-fire);}
#fire .qaContent .ac-title span {border-color:var(--c-fire); color: var(--c-fire);}
#fire .qaContent .ac-content span {background: var(--c-fire);}

#union .qaContent .ac-item {border-color: var(--c-orange);}
#union .qaContent h2 {background: var(--c-orange); color: #fff;}
#union .qaContent h2::before, #union .qaContent h2::after {background: #fff;}
#union .qaContent .ac-title span {border-color:var(--c-orange); color: var(--c-orange);}
#union .qaContent .ac-content span {background: var(--c-orange);}


@media (min-width: 768px) {
 .qaContent h2 {padding:18px 30px; }
 .qaContent h2::before, .qaContent h2::after {right: 20px; width: 20px; height: 3px;}
 .qaContent:first-child {margin-top: 0;}
 .qaContent:last-child {margin-bottom: 0;}
 .qaContent .ac-title { padding:20px 40px;}
 .qaContent .ac-title::before, .qaContent .ac-title::after {right: 20px;}
 .qaContent .ac-title span {top: 1.2em;}
 .qaContent .ac-content {padding: 25px 25px 25px 50px; }
 .qaContent .ac-content span{top: 25px; }
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Customer

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ac-howto .ac-item { border-radius: 2px; box-shadow: 0px 1px 1px 1px #CCC; position: relative; color: #333; margin-bottom: 15px;}
.ac-howto .ac-content {padding: 0 15px 15px;}

.ac-content .howto_list {margin: 0 auto; }
.ac-content .howto_list li {margin-top: 10px;}
.ac-content .howto_list li a {display: block; background: #fff; border: 1px solid #000; padding: 10px 10px 10px 25px; position: relative; font-size: 14px;}
.ac-content .howto_list li a::before {content: ""; width: 8px; aspect-ratio: 1/1; border-top: 2px solid #000; border-right: 2px solid #000; position: absolute; left: 8px; top: 50%; transform: translateY(-50%)rotate(45deg);}


/* color */
#life .ac-howto .ac-item  {background: var(--bg-life);}
#life .ac-content .howto_list li a {color: var(--c-life); border-color: var(--c-life);}
#life .ac-content .howto_list li a::before {border-color:var(--c-life);}

#fire .ac-howto .ac-item {background: var(--bg-fire);}
#fire .ac-content .howto_list li a {color: var(--c-fire); border-color: var(--c-fire);}
#fire .ac-content .howto_list li a::before {border-color:var(--c-fire);}

@media (min-width: 768px) {
  .ac-howto .ac-item .ac-title{padding: 20px ; font-size: 20px;}
}

 @media (min-width: 920px) {
  .ac-title::before, .ac-title::after {width: 18px; height: 3px; right: 15px;}
  .ac-howto .ac-title {cursor: default;}
  .ac-howto .ac-title::before,   .ac-howto .ac-title::after {content: none;}
  .ac-howto {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; column-gap: 2%;}
  .ac-howto .ac-item {width: 49%; flex-grow: 2;}
  .ac-howto .ac-item .ac-content{display: block;}

@media (max-width: 919px) and (min-width: 768px) {
  .ac-howto .ac-content .howto_list { padding-bottom: 25px; display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap;}
  .ac-howto .ac-content .howto_list li {width: 49%;}
  .ac-howto .ac-content .howto_list li a {padding: 15px 15px 15px 30px;  font-size: 16px;}
 }

 }
   
/* howtoDet */
.howtoDet__cont {margin: 0 auto 30px;}
.howtoDet__cont h3 {margin: 0 -5vw 20px;}
.howtoDet__cont h4 { margin: 20px 0 10px;}
.howtoDet__cont h5 {font-weight: 600; margin: 20px 0 10px;}

.list_inputCheck li {margin: 5px 0; position: relative;}
.list_inputCheck li input { position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; margin:0px !important;}
.list_inputCheck li input label {position: relative;}
.list_inputCheck li input[type="checkbox"] + label { display: block;  background-image: url("../img/common/check_b_no.jpg"); background-size:18px 15px;
  background-position: left 5px;  background-repeat: no-repeat; padding: 0px 0 0 1.25em;}


/* color  > life */
#life .howtoDet__cont h3 {background: var(--c-life);}
#life .howtoDet__cont h4 {background:var(--bg-life);}
#life .howtoDet__cont h5 {color: var(--c-life);}
#life .list_inputCheck li input[type="checkbox"]:checked + label { background-image: url("../img/common/check_b.jpg");}

#fire .list_inputCheck li input[type="checkbox"]:checked + label { background-image: url("../img/fire/customer/check.jpg");}

@media (min-width: 768px) {
 .howtoDet__cont {margin: 0 auto 50px;}
 .howtoDet__cont h3 {margin: 0 0 20px;}
 .howtoDet__cont p {line-height: 1.8;}
 .howtoDet__cont h4 br {display: none; }
 .list_inputCheck {margin-left: 1em;}
 .list_inputCheck li {margin: 10px 0; }
}
 
/* procedure */
.heading--A {text-align: center; font-weight: bold; padding: 12px;}
.heading--A p span { font-size: 20px;}
 
#life .heading--A { background: var(--bg-life); }
#life .heading--A p span {color: var(--c-life); }

#fire .heading--A { background: var(--bg-fire); }
#fire .heading--A p span {color: var(--c-fire); }


@media (min-width: 768px) {
 /* procedure */
 .prdBlock {width: 49%; border: 2px solid #000; padding-bottom: 30px;}
 .prdBlock .btn_customer {margin: 20px auto;}
 .prdBlock .btn_customer li {width: 100%;}

 #life .prdBlock { border-color: var(--bg-life);}
 #fire .prdBlock { border-color: var(--bg-fire);}

 @media (max-width: 1127px) {
  .prcCont--01 .btn_flex  li {width: 100%;}
 }
 @media (max-width: 877px) {
 .prcCont--02, .prcCont--03 {width: 100%; margin: 10px 0;}
 }

}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

terms

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#navTerms {display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; column-gap: 1%; margin-bottom: 30px;}
#navTerms li {width: 19.2%; margin-bottom: 1%;}
#navTerms li a, #navTerms li span {display: block; text-align: center; padding: 10px; border-radius: 5px; border: 1px solid #ccc;}
#navTerms li span {background: #f3f3f3; color: #999;}

.trmContent h2 {background: #000; color: #fff; font-size: 18px; font-weight: 600; padding: 10px 15px; margin: 0 -5vw 15px;}
.trmContent .ac-item {margin-top: 5px;}
.trmContent .ac-title {background: #f3f3f3; padding: 12px 24px 12px 12px;}
.trmContent .ac-content {padding: 10px;}

.link_backtop {margin: 10px 0; text-align: right; font-size: 13px;}
.link_backtop a {position: relative;}
.link_backtop a::before {content: ""; display: inline-block; width: 12px; height: 8px; background: #000000; clip-path: polygon(0 100%, 50% 0, 100% 100%);  position: absolute; left: 0; top: 50%; transform: translate(-150%, -50%);}

/* color */
#life .trmContent h2 {background: var(--c-life);}
#life .link_backtop a::before{background: var(--c-life);}

#fire .trmContent h2 {background: var(--c-fire);}
#fire .link_backtop a::before{background: var(--c-fire);}

@media (min-width: 768px) {
 #navTerms li {width: 9.1%;}
 .trmContent h2 {margin: 0 0 5px;}
 .trmContent .ac-title {padding: 15px 30px 15px 20px;}
 .trmContent .ac-content {padding: 20px;}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

join > life / fire

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.join-apply__cont .red_box {background: var(--c-red); color: #fff; padding: 5px;}
.join-apply__cont .listDot {display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.join-apply__cont .listDot li {width: 48%; margin: 0; }
 
@media (min-width: 768px) {
 .join-apply__cont img {width: auto; max-width: 100%;}
 .join-apply__cont .listDot {column-gap: 10px; justify-content: flex-start;}
 .join-apply__cont .listDot li{width: auto;}
 
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

process(cancer/totalassist/liability)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.srv_process .srv__entry {margin-top: 15px;}
.srv_process .cont_block--B .ttl--B{background: var(--c-liability); }
.srv_process .ttl--A {border-color: var(--c-liability);}

@media (min-width: 768px) {
 .srv_process .cont_block--B {border-color: var(--c-liability); background: #fff;} 
 .srv-pocess__cont .srv__tel img {max-width: 426px;}
 .srv-process .srv__inr__flex .srv__entry {margin-top: 0;}
 .srv__inr__flex {display: flex; display: -webkit-flex; justify-content: space-between; margin: 20px auto 0;}
 .srv__inr__flex .srv__tel,  .srv__inr__flex .srv__entry{width: 48%;}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

process > life/fire

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.process__step {margin-bottom: 15px;}
.process__cont .ttl--A {margin-top: 30px;}
.process__cont .ttl--C {margin: 20px auto 10px;}
.process__cont .ttl--C.bgGray {background: #eee !important;}

.process__cont .fire_entry_box {border: 1px solid #ccc; padding: 20px;}
.process__cont .fire_entry_box .notice {margin-top: 20px; padding-top: 15px; border-top: 1px dotted var(--c-orange); color: var(--c-orange); font-size: 13px;}
.process__cont .tel {text-align: center;}
.process__cont .tel img {width: auto; max-width: 100%;}

@media (min-width: 768px) {
 .process__step {width: 90%; max-width: 1000px; margin: 0 auto 30px; text-align: center;}
 .process__cont .ttl--A:not(:first-of-type) {margin-top: 60px;}
 .process__cont .ttl--C {margin: 30px auto 15px;}

 .process__step img {width: auto; max-width: 100%;}
 .process__cont .btn_customer {width: 100%; display: block;}
 .process__cont .btn_customer li {width: 60%;}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

topics

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#topics {background: var(--bg-base);}
.topics {margin: 20px auto 30px; }
.topics_list ul li { margin-bottom: 5px;}
.topics_list ul li a {display: block;background: #fff; border-radius: 8px; padding: 15px 24px 15px 30px; position: relative;}
.topics_list ul li a::before {content: ""; position: absolute; left: 15px; top: 50%; transform:translateY(-50%); width: 8px; height: 15px; background: var(--c-base); clip-path: polygon(0 0, 0 100%, 100% 50%);}
.topics_list a.pdf::after {content: "";  position: absolute; right: 10px; top: 50%; transform:translateY(-50%); background: url("../img/common/ico_pdf.png") center center / cover no-repeat; aspect-ratio: 14/16; width: 14px;}

.topics_body {margin-top: 20px; background: #fff; padding: 20px; border-radius: 8px;}

@media (min-width: 768px) {
.topics {margin: 20px auto 0; }
.topics_list ul li a {padding: 20px 24px 20px 40px; position: relative;}
.topics_list ul li a::before {left: 20px; }
.topics_list a.pdf::after {right: 20px;}
.topics_body {margin-top: 30px; padding: 30px; border-radius: 15px;}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

life/fire > flow

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* attention */
.att__wrapper .ttl--C { margin: 30px 0 15px;}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
pcSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (min-width:768px) {
header .inner {font-size: 14px;}
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
tabletSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 1200px) and (min-width: 768px) {
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
spSetting
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 767px) {
#mainContainer{ width: 100%; position: relative; }


/* ----------------------------------------------------
header(sp)
---------------------------------------------------- */
header{height:45px;}
header .inner{
	padding:5px 10px 5px 10px;
	height:35px;
	width:100%;
}
header h1 img{height:34px;}

}


/* ----------------------------------------------------
helper
---------------------------------------------------- */

.alignC {text-align: center;}
.alignR {text-align: right;}

/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt00 { margin-top:  0   !important;}
.mt01 { margin-top:  1px !important;}
.mt02 { margin-top:  2px !important;}
.mt03 { margin-top:  3px !important;}
.mt04 { margin-top:  4px !important;}
.mt05 { margin-top:  5px !important;}
.mt06 { margin-top:  6px !important;}
.mt07 { margin-top:  7px !important;}
.mt08 { margin-top:  8px !important;}
.mt09 { margin-top:  9px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0   !important;}
.mr01 { margin-right:  1px !important;}
.mr02 { margin-right:  2px !important;}
.mr03 { margin-right:  3px !important;}
.mr04 { margin-right:  4px !important;}
.mr05 { margin-right:  5px !important;}
.mr06 { margin-right:  6px !important;}
.mr07 { margin-right:  7px !important;}
.mr08 { margin-right:  8px !important;}
.mr09 { margin-right:  9px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb01 { margin-bottom:  1px !important;}
.mb02 { margin-bottom:  2px !important;}
.mb03 { margin-bottom:  3px !important;}
.mb04 { margin-bottom:  4px !important;}
.mb05 { margin-bottom:  5px !important;}
.mb06 { margin-bottom:  6px !important;}
.mb07 { margin-bottom:  7px !important;}
.mb08 { margin-bottom:  8px !important;}
.mb09 { margin-bottom:  9px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml01 { margin-left:  1px !important;}
.ml02 { margin-left:  2px !important;}
.ml03 { margin-left:  3px !important;}
.ml04 { margin-left:  4px !important;}
.ml05 { margin-left:  5px !important;}
.ml06 { margin-left:  6px !important;}
.ml07 { margin-left:  7px !important;}
.ml08 { margin-left:  8px !important;}
.ml09 { margin-left:  9px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml30 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

/* ---------------------------------------------
	preset padding 
--------------------------------------------- */
.pt00 { padding-top:  0   !important;}
.pt01 { padding-top:  1px !important;}
.pt02 { padding-top:  2px !important;}
.pt03 { padding-top:  3px !important;}
.pt04 { padding-top:  4px !important;}
.pt05 { padding-top:  5px !important;}
.pt06 { padding-top:  6px !important;}
.pt07 { padding-top:  7px !important;}
.pt08 { padding-top:  8px !important;}
.pt09 { padding-top:  9px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr00 { padding-right:  0   !important;}
.pr01 { padding-right:  1px !important;}
.pr02 { padding-right:  2px !important;}
.pr03 { padding-right:  3px !important;}
.pr04 { padding-right:  4px !important;}
.pr05 { padding-right:  5px !important;}
.pr06 { padding-right:  6px !important;}
.pr07 { padding-right:  7px !important;}
.pr08 { padding-right:  8px !important;}
.pr09 { padding-right:  9px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb01 { padding-bottom:  1px !important;}
.pb02 { padding-bottom:  2px !important;}
.pb03 { padding-bottom:  3px !important;}
.pb04 { padding-bottom:  4px !important;}
.pb05 { padding-bottom:  5px !important;}
.pb06 { padding-bottom:  6px !important;}
.pb07 { padding-bottom:  7px !important;}
.pb08 { padding-bottom:  8px !important;}
.pb09 { padding-bottom:  9px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb55 { padding-bottom: 55px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb65 { padding-bottom: 65px !important;}
.pb70 { padding-bottom: 70px !important;}
.pb75 { padding-bottom: 75px !important;}

.pl00 { padding-left:  0   !important;}
.pl01 { padding-left:  1px !important;}
.pl02 { padding-left:  2px !important;}
.pl03 { padding-left:  3px !important;}
.pl04 { padding-left:  4px !important;}
.pl05 { padding-left:  5px !important;}
.pl06 { padding-left:  6px !important;}
.pl07 { padding-left:  7px !important;}
.pl08 { padding-left:  8px !important;}
.pl09 { padding-left:  9px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl30 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

.pl-1em {padding-left: 1em;}


.w03 { width:   3% !important;}
.w04 { width:   4% !important;}
.w05 { width:   5% !important;}
.w06 { width:   6% !important;}
.w07 { width:   7% !important;}
.w08 { width:   8% !important;}
.w09 { width:   9% !important;}
.w10 { width:  10% !important;}
.w11 { width:  11% !important;}
.w12 { width:  12% !important;}
.w13 { width:  13% !important;}
.w14 { width:  14% !important;}
.w15 { width:  15% !important;}
.w20 { width:  20% !important;}
.w25 { width:  25% !important;}
.w30 { width:  30% !important;}
.w33 { width:  33% !important;}
.w35 { width:  35% !important;}
.w40 { width:  40% !important;}
.w45 { width:  45% !important;}
.w50 { width:  50% !important;}
.w55 { width:  55% !important;}
.w60 { width:  60% !important;}
.w65 { width:  65% !important;}
.w70 { width:  70% !important;}
.w75 { width:  75% !important;}
.w80 { width:  80% !important;}
.w85 { width:  85% !important;}
.w90 { width:  90% !important;}
.w95 { width:  95% !important;}

.w100{ width: 100% !important;}

.mw100px{ max-width:100px !important;}

.w10px{ width: 10px !important;}
.w20px{ width: 20px !important;}
.w30px{ width: 30px !important;}
.w40px{ width: 40px !important;}
.w50px{ width: 50px !important;}
.w60px{ width: 60px !important;}
.w70px{ width: 70px !important;}
.w80px{ width: 80px !important;}
.w90px{ width: 90px !important;}
.w100px{ width: 100px !important;}
.w110px{ width: 110px !important;}
.w120px{ width: 120px !important;}
.w160px{ width: 160px !important;}

.boxsizeBB{ box-sizing:border-box;}


.ta-l{text-align:left;}
.ta-r{text-align:right;}
.fltR{float:right;}
.fltL{float:left;}