@charset "UTF-8";
/*********************************
後に調整
**********************************/

/*----------------------------------------------------- */
/*　社会保険制度の概要 トップページ
/*----------------------------------------------------- */
p.read {
 text-align: center;
}
.link-insurance {
 margin: 0.5rem auto 1rem;
}
.link-insurance ul.links {
 gap: .35rem;
 display: flex;
 flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.link-insurance ul.links {
 gap: .1rem;
}
}
/*@media screen and (max-width: 768px) {
.link-relatepages ul.links {
 gap: 0;
 justify-content: space-between;
}
}*/
@media screen and (max-width: 768px) {
.link-insurance ul.links li {
 width: 48%;
}
}
.link-insurance ul.links li a {
 width: calc(11rem / 5.5);
 display: block;
 height: 2rem;
 background-image: url("../images/insurance/kenkou.png");
 background-repeat: no-repeat;
 background-position: center 40%;
 background-size: auto 80px;
 background-color: #FFF;
 position: relative;
}
@media screen and (max-width: 768px) {
.link-insurance ul.links li a {
 width: 100%;
}
}
.link-insurance ul.links li a span{
 position: absolute;
 bottom: 15px;
 left: 0;
 display: block;
 width: 100%;
 text-align: center;
 line-height: 1.2;
 font-size: 1.1em;
}
.link-insurance ul.links li a span::after{
 content: '\f061';
 font-family: 'Font Awesome 6 Free';
 font-weight: 900;
 color: var(--color-blue);
 position: absolute;
 top: 50%;
 right: .25rem;
 transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.link-insurance ul.links li a span::after{
 right: .1rem;
}
}
.link-relatepages ul.summary li{
 width: calc(11rem / 3);
 background-image: none;
}

/**アイコン設定**/
.link-insurance ul.links li:nth-child(1) a {
 background-image: url("../images/insurance/kenkou.png");
}
.link-insurance ul.links li:nth-child(2) a {
 background-image: url("../images/insurance/kousei.png");
}
.link-insurance ul.links li:nth-child(3) a {
 background-image: url("../images/insurance/koyou.png");
}
.link-insurance ul.links li:nth-child(4) a {
 background-image: url("../images/insurance/kaigo.png");
}
.link-insurance ul.links li:nth-child(5) a {
 background-image: url("../images/insurance/rousai.png");
}
.link-insurance ul.links li:nth-child(6) a {
 background-image: url("../images/insurance/kokumin.png");
}
.link-insurance ul.links li:nth-child(7) a {
 background-image: url("../images/insurance/koureisha.png");
}
.link-insurance ul.links li:nth-child(8) a {
 background-image: url("../images/insurance/kakutei.png");
}
.link-insurance ul.links li:nth-child(9) a {
 background-image: url("../images/insurance/jidou.png");
}
.link-insurance ul.links li:nth-child(10) a {
 background-image: url("../images/insurance/qa.png");
}
/*----------------------------------------------------- */
/*　社会保険制度の概要
/*----------------------------------------------------- */
body:not(.home) main section {
    margin-top: 0;
    margin-bottom: 40px;
}
main section.fks {
 position: relative;
}
/*----------------------------------------------------- */
/*　社会保険制度の概要
/*----------------------------------------------------- */
.uLine{border-bottom:1px solid #555555; padding-bottom:1px;}
.txtBlue{color:#0066ff;}

.insurance .insurancelink{
margin-bottom:50px;
}
.insurance h3{
}
.insurance .insurancelink .links{

}
.insurance .insurancelink ul {
    display: -webkit-flex;
    display:flex;
    width:100%;
    margin-top:20px;
}
.insurance .insurancelink .links li{
    position: relative;
    width:20%;
    margin:0 6px 20px;
    height:200px;
    text-align:center;
    background-color: #33b0e5;
    /*background-color: #76c8ed;*/
    /*border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/

}
.insurance .insurancelink .links li.qaLink{
background-color: #579532;
}
.insurance .insurancelink .links li:hover {
  opacity: 0.7;
}

.insurance .insurancelink .links li a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    display:block;
}
.insurance .insurancelink .links li span{
    position: relative;
    top: 160px;
color:#FFF;
/*color:#333;*/
}
.insurance .first li:nth-child(1){
background-image: url(/images/lifesupport/insurance_icon01.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
}
.insurance .first li:nth-child(2){
background-image: url(/images/lifesupport/insurance_icon02.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
}
.insurance .first li:nth-child(3){
background-image: url(/images/lifesupport/insurance_icon03.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
}
.insurance .first li:nth-child(4){
background-image: url(/images/lifesupport/insurance_icon04.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
}
.insurance .first li:nth-child(5){
background-image: url(/images/lifesupport/insurance_icon05.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
}
.insurance .second li:nth-child(1){
background-image: url(/images/lifesupport/insurance_icon06.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
}
.insurance .second li:nth-child(2){
background-image: url(/images/lifesupport/insurance_icon07.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
}
.insurance .second li:nth-child(3){
background-image: url(/images/lifesupport/insurance_icon08.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
}
.insurance .second li:nth-child(4){
background-image: url(/images/lifesupport/insurance_icon09.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
}
.insurance .second li:nth-child(5){
background-image: url(/images/lifesupport/insurance_icon10.png);
background-position: center 15px;
background-repeat: no-repeat;
background-size:70% auto;
background-color: #ff9a00;
}

.insurance .revision .list001 li{
    margin-bottom:5px;
}

li.list-1ind {
list-style: none;
text-indent: -1.4em;
}

/*-- 追加希望スタイル-- */
.dl_5perwrap{display:flex;flex-wrap: wrap;}
.dl_5perwrap dt{width:5%;}
.dl_5perwrap dd{width:95%;}
/*********************************
社会保険制度　改正の概要
**********************************/
.insuranceAmend{

}
.insuranceAmend ol{
    margin-left:1em;
    margin-bottom:50px;
}
@media screen and (max-width: 768px) {
 .insuranceAmend ol{
  margin-bottom:20px;
 }
}
.insuranceAmend li{
    margin-bottom:20px;
    list-style: decimal;
}
.insuranceAmend strong{
    font-weight: bold;
}

/*********************************
ページ戻るリンク
**********************************/
.page_back{
}
.page_back a{
}

.page_back .arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    vertical-align: middle;
    text-decoration: none;
}
.page_back .arrow::before,
.page_back .arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.page_back .back_a::before{
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #33b0e5;
}
.page_back .back_a::after{
    left: 6px;
    width: 3px;
    height: 3px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(-45deg);
}

#insurance-inner h4,
#insurance-inner h4 a{
	color:#0033CC;
}
section.fks {
    margin-bottom: 50px;
}
section.fks p , section.fks ol {
    margin-bottom: 20px;
}
section.fks .p_center {
    text-align: center !important;
}
section.fks .p_center img {
    margin-left: auto;
    margin-right: auto;
}
section.fks h4 {
    margin-bottom: 0;
}
section.fks ol {
    margin-left: 30px;
    list-style: decimal;
}
section.fks .no_mar {
    margin-bottom: 0;
}
section.fks a.bld {
    font-weight: bold;
    color: #33B0E5;
}
section.fks ol.ol_menu a {
    text-decoration: underline; 
}
section.fks table.tbl_center td {
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px;
}
section.fks table.tbl_center .th {
    background-color: #33B0E5;
    color: #fff;
}
h4.mar {margin-bottom: 20px !important;}
h4.p_mar{margin-bottom: 30px !important;}
.p_s {font-size: 80%; font-weight: bold;}
ol.alpha {
    list-style: lower-alpha !important;
    margin-bottom: 0 !important;
}
section.fks strong {
    font-weight: bold;
}
section.fks strong a{
    font-weight: bold;
}
section.fks ul.kinroumenu {
    letter-spacing: -.40em;
}
section.fks ul.kinroumenu li {
    list-style: none;
    letter-spacing: normal;
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 10px;
}
section.fks ul.kinroumenu li:nth-child(3n) {
    margin-right: 0;
}
section.fks ul.kinroumenu a {
    display: block;
    border-radius: 15px;
    background-color: #33b0e5;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
section.fks ul.kinroumenu a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
ul.kinroumenu span {
    padding-right: 30px;
    background-image: url(images/arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
}
section.fks ul.kaiseiumenu {
    list-style: disc;
    color: #33B0E5;
    margin-left: 20px;
}
section.fks .no_mar {
    margin-bottom: 0 !important;
}
h3 a , h4 a , h4 span {font-weight: bold !important;}
.kinrou_table {
    width: 100%;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
 .kinrou_table {
    margin-bottom: 0;
}
}
section.fks .kinrou_table th {
    background-color: #f4f4f2;
    font-weight: bold;
}
section.fks .kinrou_table th,
section.fks .kinrou_table td {
    padding: 10px;
    border:1px solid #ccc;
    font-size: 90%;
}
@media screen and (max-width: 768px) {
 section.fks .kinrou_table th,
section.fks .kinrou_table td {
 padding: 5px;
 }
}
section.fks .p_center {
    text-align: center !important;
}
/*section.fks .update20170703 {
    color: red !important;
}
section.fks .update20180606,
section.fks .updateTXT {
    color: red !important;
}*/
/*section.fks h3 a , section.fks h4 a  {
    text-decoration: underline !important;
}*/
/*section.fks a {
    text-decoration: underline !important;
}*/

section.fks .img_flt img {
    display: inline-block;
}
section.fks .subul {
    margin-left: 20px;
    list-style: disc;
    margin-bottom: 30px;
}
section.fks h4 strong a {
    font-weight: bold !important;
}
section.fks h2 {
text-align:left;

}
section.fks h2 a {
    text-decoration: none;
    font-weight: bold;
}
section.fks .date {
    position: absolute;
    top: 60px;
    right: 0;
    text-align: right;
    font-size: 85%;
    line-height:130%;
}
@media screen and (max-width: 768px) {
section.fks .date {
  position: static;
  text-align: right;
}
}
section.fks .CommentLink_text {
    background: #f9f9f9;
    padding:10px;
    margin-bottom:20px;
}
@media screen and (max-width: 768px) {
 section.fks .CommentLink_text {
  margin-bottom: 5px;
 }
}
section.fks .CommentLink_text p{
 background: url(/images/lifesupport/insurance_fukidashi25or.png) left center no-repeat;
background-size: 25px auto;
padding-left:30px;
    margin-bottom:0;
}

section.fks .CommentLink {
    display: inline-block;
}
section.fks h2 .CommentLink {
    background: url(/images/lifesupport/insurance_fukidashi25or.png) left center no-repeat;
    background-size: 29px auto;
    width: 29px;
    height: 23px;
    margin-left: 5px;
}
section.fks h3 .CommentLink {
    background: url(/images/lifesupport/insurance_fukidashi25or.png) left center no-repeat;
    background-size: 24px auto;
    width: 24px;
    height: 19px;
    margin-left: 5px;
}
section.fks h4 .CommentLink {
    background: url(/images/lifesupport/insurance_fukidashi25or.png) left bottom no-repeat;
    background-size: 22px auto;
    width: 22px;
    height: 18px;
    margin-left: 0;
}
section.fks p .CommentLink {
    background: url(/images/lifesupport/insurance_fukidashi25or.png) left bottom no-repeat;
    background-size: 22px auto;
    width: 22px;
    height: 18px;
    margin-left: 0;
}
section.fks p.ml-15em{
margin-left: 1.5em;
}
section.fks p.ml-20em{
margin-left: 2.0em;
}
section.fks p.ml-25em{
margin-left: 2.5em;
}
section.fks p.ml-30em{
margin-left: 3em;
}
section.fks p.mt-15em{
 margin-top: 1.5em;
}
section.fks p.mb-15em{
 margin-bottom: 1.5em;
}
section.fks th.bg_blue01,
section.fks td.bg_blue01 {
 background: #CCE6FF;
}
section.fks img.illustration {
 margin-left: 30px;
 width: 150px;
}
@media screen and (max-width: 768px) {
section.fks img.illustration {
 margin-left: 10px;
 width: 100px;
}
}
/*********************************
相談事例Ｑ＆Ａ
**********************************/
/*Q&A ページ内リンク*/
.sublink01 {
  font-size: 0.9em;
  text-align: center;
  margin-bottom: 60px;
}
.sublink01 li {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #ccc;
}
@media screen and (max-width: 768px) {
 .sublink01 li {
  padding: 0 3px;
 }
}
.sublink01 li:last-child {
  margin: 0;
  padding: 0;
  border-right: none;
}
.sublink01 a {
  text-decoration: underline;
}
.sublink01 a:hover {
  text-decoration: none;
}


/*Q&A トップ*/
.qa section.fks{
}
.qa section.fks p.mb_5, .qa_test section.fks p.mb_5{
    margin-bottom: 5px;
}
.qa section.fks .no_mar a{
}
.qa section .question, .qa_test section .question{
    /*background: #efefef;*/
    cursor : pointer;
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #CCC;
    margin-bottom: -1px;
padding:15px 50px 15px 10px;
background: #fff url(/images/icon_dropdown_001.png) no-repeat 98% center;
}
@media screen and (max-width: 768px) {
 .qa section .question, .qa_test section .question{
  background-position: center bottom 10px;
 }
}
@media screen and (max-width: 768px) {
 .qa section .question, .qa_test section .question{
  padding: 5px;
 }
}
.qa section .question p, .qa_test section .question p {
margin-bottom:0;
}
.qa section .question dt, .qa section .answer dt, .qa_test section .question dt, .qa_test section .answer dt{
display: table-cell;
width: 45px;
font-size: 20px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
 .qa section .question dt, .qa section .answer dt, .qa_test section .question dt, .qa_test section .answer dt{
  display: block;
  width: 100%;
  margin-bottom: 10px;
 }
}
.qa section .question dd, .qa section .answer dd, .qa_test section .question dd, .qa_test section .answer dd{
display: table-cell;
}
@media screen and (max-width: 768px) {
 .qa section .question dd, .qa section .answer dd, .qa_test section .question dd, .qa_test section .answer dd{
  display: block;
  width: 100%;
  padding-bottom: 30px;
 }
}
@media screen and (max-width: 768px) {
 .qa section .answer dd, .qa_test section .answer dd{
  padding-bottom: 5px;
}
}
.qa section .question dt, .qa_test section .question dt {
color: #397ECF;
}
.qa section .answer dt, .qa_test section .answer dt{
color: #E96E00;
}
.qa section .answer, .qa_test section .answer{
    /*background: #e1e6f9;*/
padding:15px 15px 0;
}
@media screen and (max-width: 768px) {
.qa section .answer, .qa_test section .answer{
 padding: 5px;
}
}
.qa section .clicked, .qa_test section .clicked{
background: #effaff url(/images/icon_dropdown_001_active.png) no-repeat 98% center
}
@media screen and (max-width: 768px) {
 .qa section .clicked, .qa_test section .clicked{
  background-position: center bottom 10px;
 }
}
.qa {
}
.qa h2, .qa_test h2{
    margin-bottom: 40px;
}
.qa p, .qa_test p{
    margin-bottom: 20px;
}
.qa .icon_q{
    background: url(/images/lifesupport/icon_q.png);
}
.qa .icon_a, .qa_test .icon_a{
    /*background: url(/images/lifesupport/icon_a.png);*/
}
.qa .icon_q, .qa .icon_a, .qa_test .icon_q, .qa_test .icon_a{
    font-weight: bold;
    /*font-size: 18px;*/
    /*background-repeat: no-repeat;
    background-size: 35px auto;
    padding-left: 45px;
    padding-top: 3px;*/
}
.qa .right, .qa_test .right{
    /*text-align: right;*/
display:none;
}
.qa .RoundedCN, .qa_test .RoundedCN{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #D9EFF8;
    padding: 10px;
    margin-bottom: 10px;
}
.qa .RoundedCN p, .qa_test .RoundedCN p{
    margin-bottom: 0;
}
.qa table, .qa_test table{
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom:10px;
}
.qa td, .qa_test td {
    vertical-align: top;
    border: solid 1px #666;
    padding: 3px;
}
/*********************************
確定拠出年金Ｑ＆Ａ
**********************************/
.kakutei_qa h3{
    margin-bottom:30px;
}
.kakutei_qa h4{
    font-size: 18px;
     margin-bottom:20px;
}
.kakutei_qa .icon_q{
    background: url(/images/lifesupport/icon_q.png);
    font-weight: bold;
    margin-bottom:15px;
}
.kakutei_qa .icon_a{
    background: url(/images/lifesupport/icon_a.png);
    margin-bottom:40px;
}
.kakutei_qa .icon_q, .kakutei_qa .icon_a{
    /*font-size: 18px;*/
    background-repeat: no-repeat;
    background-size: 35px auto;
    padding-left: 45px;
    padding-top: 3px;
    min-height: 30px;
}
.kakutei_qa .icon_a a {
    text-decoration: underline;
}
.kakutei_qa img {
    margin-top: 10px;
}
.kakutei_qa table {
    margin-left:45px;
    width: 95%;
    margin-bottom: 30px;
}
.kakutei_qatable, .kakutei_qa th, .kakutei_qa td{
    border: solid 1px #6699FF;
}
.kakutei_qa .hp_imgbox {

}
.kakutei_qa img.hp_img {
    margin-top: 0;
    border: solid 1px #CCC;
    float: right;
    position: relative;
    top: -70px;
}
@media screen and (max-width: 768px) {
 .kakutei_qa img.hp_img {
    float: none;
    position: static;
}
}
.kakutei .listLink {
text-align:center;
margin-bottom: 30px;
}
.kakutei .listLink a {
    color: #2d9bca;
    font-size: 18px;
    padding: 15px 70px;
    border: solid 2px #36aee0;
    /* text-decoration: underline; */
    font-weight: bold;
    background: #f2fafc;
}
.kakutei_qa .page_back{
   clear:both;
}
/*********************************
社会保険制度 各解説ページ
**********************************/
section.commentary {
}
section.commentary table, section.commentary th, section.commentary td{
    border: solid 1px #6699FF;
}
section.commentary td{
padding:3px;
}
section.fks img{
    display:inline;
}
@media screen and (max-width: 768px) {
section.fks img{
 margin-left: 10px;
}
}
section .gridinnner {
margin-left:2em;
}
section table.table_ryoritsu{
    border: solid 1px #33b0e5;
    width:450px;
    margin:0 auto 20px;
}
section table.table_ryoritsu th{
    background: #d7eaf3;
}
section table.table_ryoritsu th, section table.table_ryoritsu td {
padding:5px 20px;
text-align:center;
}
/*********************************
都道府県単位保険料率
**********************************/
section .ryoritsu {
 display: flex;
 width: 50%;
 margin: 0 auto;
}
@media screen and (max-width: 768px) {
section .ryoritsu {
 display: block;
 width: 100%;
}
}
section .ryoritsu dl{
 display: flex;
 flex-wrap: wrap;
}
section .ryoritsu dt{
 width: 50%;
 text-align: center;
 background: #d7eaf3;
 border: solid 1px #33b0e5;
 padding: 5px;
 display: table-cell;
}
section .ryoritsu dd{
 width: 50%;
 text-align: center;
 border: solid 1px #33b0e5;
 padding: 5px;
 display: table-cell;
}
@media screen and (max-width: 768px) {
 section .ryoritsu .sp_none{
  display: none;
 }
}
/*********************************
社会保険制度 追加スタイル
**********************************/
/*#insurance-inner.insuranceColor001 h3 a{color:#0033CC;}*/
#insurance-inner.insuranceColor001 h4{color:#333333;}
#insurance-inner.insuranceColor001 p a{color:#0033CC;}
#insurance-inner .bold{font-weight: bold;}
/** 2022年度 **/
.page-id-7857 section.fks h3{
border: none;
padding-left: 0;
font-size:130%;
}

.page-id-7857 h4{
border-left:solid 5px #33b0e5 ;
font-size:120%;
padding-left:10px;
}

.page-id-7857 section.border-none h4{
border: none;
font-weight: bold;
}

/*update20251006*/
#insurance-inner .updateTXT{
color:#DA5438 !important;
}
#insurance-inner .ml-1em{
margin-left: 1em;
}

/*----------------------------------------------------- */
/*　スマホ用テーブル枠
/*----------------------------------------------------- */
@media screen and (max-width: 768px) {
 div.table-wrap {
  overflow-x: scroll;
  padding-bottom: 5px;
  margin-bottom: 1em;
}
 div.table-wrap::after{
  content: "";
 }
div.table-wrap table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
}
div.table-wrap table .table th,
div.table-wrap table .table td {
  border: 2px solid #eee;
  padding: 4px 8px;
}
}
/*----------------------------------------------------- */
/*　アンカーリンク 位置調整
/*----------------------------------------------------- */
h1[name],
h2[name],
h3[name],
h4[name],
h5[name],
h6[name],
p[name],
a[name],
section[name],
article[name] {
  scroll-margin-top: 90px; /* 固定ヘッダーの高さに合わせて調整 */
}
/*----------------------------------------------------- */
/*　スマホ時はmap非表示
/*----------------------------------------------------- */
@media screen and (max-width: 768px) {
 map {
  display: none;
 }
 img[usemap] {
    pointer-events: none;
  }
}