@charset "utf-8";

/* subpage.css
 * おまかせプラン ver.7 - v1.0.0
 * 2024-12-25
 * **************************************************
 * Content
 * Subpage Visual
 * Topicpath
 * index
 * Heading
 * Common
 * Side
 * **************************************************
 */

/* Content
------------------------------------------------------------------- */
/* indexページ */
.content__inner-index {
  margin: 70px auto 0 auto;
  padding: 0 50px 50px 50px;
  max-width: 1100px;
}
/* 下層ページ */
.content__inner {
  margin: 70px auto 0 auto;
  padding: 0 50px;
  max-width: 1450px;
}
/* 下層ページ（2カラム） */
.content__inner-column {
  display: flex;
  justify-content:space-between;
  margin: 70px auto 0;
  padding: 0 40px;
  max-width: 1450px;
}

/* 下層ページ（2カラム:Left） */
.content__layout {
	margin-right:50px;
	width:100%;
}
.content__layout__section + .content__layout__section,
.content__layout__section + .content__layout__learn-more,
.content__layout__learn-more + .content__layout__section {
  margin-top: 65px;
}

/* Subpage Visual
------------------------------------------------------------------- */
.subpage-visual__inner {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	position: relative;
	width: 100%;
	min-height:280px;
    background:no-repeat center right/cover;
	padding-top:40px;
}

.subpage-visual__hd {
  width:100%;
  max-width:1290px;
  padding:0 20px;
  font-weight: bold;
}

.subpage-visual--sub {
  position: relative;
  display: inline-block;
  padding-right: 65px;
  font-size: 2.0em;
}

  /* 画像の設定 */
.insurance-benefits .subpage-visual__inner {
  background-image:url(../images/category/bg_hd01.jpg);
}
.consultation .subpage-visual__inner {
  background-image: url(../images/category/bg_hd02.jpg);
}
.health-promotion .subpage-visual__inner {
  background-image: url(../images/category/bg_hd03.jpg);
}
.written-application .subpage-visual__inner {
  background-image: url(../images/category/bg_hd04.jpg);
}
.structure-insurance .subpage-visual__inner {
  background-image: url(../images/category/bg_hd05.jpg);
}
.care .subpage-visual__inner {
  background-image: url(../images/category/bg_hd06.jpg);
}
.protection .subpage-visual__inner {
  background-image: url(../images/category/bg_hd07.jpg);
}
.mynumber .subpage-visual__inner {
  background-image: url(../images/category/bg_hd08.jpg);
}
.faq .subpage-visual__inner {
  background-image: url(../images/category/bg_hd09.jpg);
}
.link .subpage-visual__inner {
  background-image: url(../images/category/bg_hd10.jpg);
}
.sitemap .subpage-visual__inner {
  background-image: url(../images/category/bg_hd11.jpg);
}
.access .subpage-visual__inner {
  background-image: url(../images/category/bg_hd12.jpg);
}
.news .subpage-visual__inner {
  background-image: url(../images/category/bg_hd13.jpg);
}
.search-page .subpage-visual__inner {
  background-image: url(../images/category/bg_hd10.jpg);
}
.login .subpage-visual__inner {
  background-image: url(../images/category/bg_hd10.jpg);
}

/* Topic Path
------------------------------------------------------------------- */
.topicpath {
  background-color: #59d0e2;
}
.topicpath ol {
  display: flex;
  margin: 0 auto;
  padding: 8px 50px;
  max-width: 1350px;
}
.topicpath li {
  font-size: 1.2em;
  color: #fff;
}
.topicpath a {
  margin-right: 15px;
  color: #fff;
  text-decoration: none;
}
.topicpath a::after {
  position: relative; top: -1px; right: -5px;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  border: 1px solid #fff;
  border-left: none;
  border-bottom: none;
}

/* Heading
------------------------------------------------------------------- */
h1,h2,h3,h4,h5{
	font-weight: bold;
}
.subpage-visual__hd h1 {
  font-size: 2.6rem;
  color: #185DB0;
  line-height: 1.2;
  letter-spacing:0.16em;
  padding:0px 250px 0px 0px;
}
.index .subpage-visual__hd h1 {
	position:relative;
 	z-index:1;
}
/* アニメーション */
.subpage-visual--sub,
.subpage-visual__hd h1 {
  animation-name: fadeUp;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
  color:#185DB0;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.content__inner-index nav > h2 {
  position: relative;
  padding:10px 30px 0;
  margin:0;
  font-size: 2.3em;
  line-height: 1.4;
  text-align:center;
  color:#509b79;
  border-bottom:none;
}
.content__inner-index nav > h2::before{
	display:none;
}
.content__layout__section h2 {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 60px;
  font-size: 2.6em;
  line-height: 1.6;
  color:#336699;
  border-bottom:2px dotted #336699;
}

.content__layout__section h2::before{
  position: absolute;
  content: '';
  top:-15px;
  left:-60px;
  width: 55px;
  height: 55px;
  background:url("../images/common/h2-icon.svg") no-repeat center center/100% auto;
}
.content__layout__section h2 span {
  font-size: 75%;
　font-weight:400;
}
.content__layout__section > h3 {
  font-size: 2.0em;
  color: #509b79;
}
.content__layout__section > h4 {
  font-size: 1.8em;
  color: #0058a6;
}
.content__layout__section > h5 {
  font-size: 1.6em;
  color: #509b79;
}
.content__layout__section > h6 {
  font-size: 1.6em;
  font-weight:bold;
}
.content__layout__section .link-btn-page + h3,
.content__layout__section .link-btn-ext + h3,
.content__layout__section .link-btn-page + h4,
.content__layout__section .link-btn-ext + h4 {
  margin-top: 50px;
}
.content__layout__section .list-circle + h3,
.content__layout__section .note + h3,
.content__layout__section p + h3 {
  margin-top: 20px;
}

/* Common
------------------------------------------------------------------- */
/* Break */
.br-pc {
  display: block;
}
.br-sp {
  display: none;
}

/* Tab */
/* 手続きと解説がある場合、解説を非表示 */
.tab-content + .tab-content {
  display: none;
}
.tab-btn {
  margin-bottom: 40px;
  border-radius: 3px 3px 0 0;
}
.tab-btn ul {
  display: flex;
  border-bottom: 1px solid #0058a6;
}
.tab-btn li {
  position:relative;
  padding: 23px 0 8px 0;
  width: 48%;
  border-bottom: none;
  border-radius: 10px;
  background-color: #f1f7fe;
  font-size: 1.6em;
  color: #0058a6;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom:10px;
  font-weight: bold;
}
.tab-btn .active {
  width: 52%;
  border-radius: 10px 10px 0px 0px;
  background-color: #fff;
  color: #0058a6;
  font-weight: 700;
  border-right: 1px solid #0058a6;
  border-left: 1px solid #0058a6;
  border-top: 1px solid #0058a6;
  border-bottom: 1px solid #fff;
  margin-bottom:-1px;
}

.tab-btn li.active:first-child::before{
  position: absolute;
  right:-6px;
  bottom:-1px;
  content: "";
  width: 6px;
  height: 6px;
  background: radial-gradient(circle at top right, transparent 4.5px, #0b3362 5px, #ffffff 6px);
  /*transition: .2s;*/
  z-index: 2;
}

.tab-btn li.active:nth-child(2)::before{
  position: absolute;
  left:-6px;
  bottom:-1px;
  content: "";
  width: 6px;
  height: 6px;
  background: radial-gradient(circle at top left, transparent 4.5px, #0b3362 5px, #ffffff 6px);
  /*transition: .2s;*/
  z-index: 2;
}

.tab-btn li + li {
  margin-left: 10px;
}
.tab-btn li span {
  position: relative;
  display: block;
  margin: 0 auto;
  padding-bottom: 15px;
  width: 90%;
}
.tab-btn li span::before {
  position: absolute;
  left: 0;
  bottom: 2px;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #185DB0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  transform: scale(0, 1);
  transform-origin: center top;
}
.tab-btn .active span::before,
.tab-btn li:hover > span::before,
.tab-btn .none span::before {
  transform: scale(1, 1);
}
.tab-btn .none {
  cursor: default;
}

/* Paragraph */
.content__layout__section > p {
  font-size: 1.6em;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}
.content__layout__section > p a {
  color: #009cdc;
}
.content__layout__section > p a:hover {
  text-decoration: none;
}
.content__layout__section > p > img {
  display: block;
  margin: 20px auto 0 auto;
}
.content__layout__section > p + p {
  margin-top: 20px;
}

/* Paragraph */
.content__layout__section > p {
  font-size: 1.6em;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}
.content__layout__section > p a {
  color: #009cdc;
}
.content__layout__section > p a:hover {
  text-decoration: none;
}
.content__layout__section > p > img {
  display: block;
  margin: 20px auto 0 auto;
}
.content__layout__section > p + p {
  margin-top: 20px;
}

/* 共通List */
/* List（色丸） */
.list-disc{
  font-size: 1.6em;
}

.list-disc > li {
  position: relative;
  margin-left: 1.5em;
  text-indent: -0.8em;
}
.list-disc > li::before {
  position: relative; top: -0.1em; left: -0.3em;
  content: '●';
  font-size: 70%;
  color: #0058a6;
}

ul li .list-disc li {
  margin-left: 1.5em!important;
  text-indent: -0.8em!important;}

ul li .list-disc li .note li,
ul li .list-disc li .list-circle li{
	margin-left:1em!important;
	text-indent:-1em!important;
}

/* List（▶） */
.list-triangle{
  font-size: 1.6em;
}

.list-triangle > li {
  position: relative;
  margin-left: 1.5em;
  text-indent: -0.8em;
}
.list-triangle > li::before {
  position: relative; top: -0.1em; left: -0.3em;
  content: '▶';
  font-size: 70%;
}

ul li .list-triangle li {
  margin-left: 1.5em!important;
  text-indent: -0.8em!important;}

ul li .list-triangle li .note li,
ul li .list-triangle li .list-circle li{
	margin-left:1em!important;
	text-indent:-1em!important;
}

/* List（括弧数字） */

.list-paren{
  font-size: 1.6em;
}
.list-paren > li {
  margin-left: 1.5em;
  text-indent: -1.5em;
}
ul li .list-paren > li{
  margin-left: 1.5em!important;
  text-indent: -1.5em!important;}

/* List（丸数字） */
.list-circle{
  font-size: 1.6em;
}
.list-circle > li {
  margin-left: 1em;
  text-indent: -1em;
}

.list-circle > li::first-letter {
  font-feature-settings: "tunm";
}

/* List（説明リスト） */
.desc-list dt {
  font-size: 1.8em;
  color: #509b79;
  font-weight: bold;
}
.content__layout__section > .desc-list dd {
  font-size: 1.6em;
}

.content__layout__section > .desc-list dd table th,
.content__layout__section > .desc-list dd table td,
.content__layout__section > .desc-list dd ul{
	font-size:100%;
}

.content__layout__section > .desc-list dd + dt {
  margin-top: 20px;
}
.content__layout__section > p + .desc-list,
.content__layout__section > table + .desc-list  {
  margin-top: 20px;
}


/* 注釈 */
.content__layout__section .note{
	font-size: 1.4em;
}
.content__layout__section .note li{
  margin-left: 1em;
  font-size:100%;
  text-indent: -1em;
}

.content__layout__section table + .note {
  margin-top: 10px;
}
.content__layout__section table .note{
	font-size:100%;
}
.note > li::first-letter {
  font-feature-settings: "tunm";
}
.content__layout__section .note strong {
  font-weight: 500;
}
.content__layout__section .note + p {
  margin-top: 20px;
}

/* 注釈（＊） */
.note.star {
  margin-top: 0;
}
.note.star li {
  margin-left: 3.9em;
  text-indent: -3.9em;
}

/* 注（：） */
.note.colon {
  margin-top: 0;
}
.content__layout__section > .note.colon li {
  margin-left: 1.6em;
  text-indent: -1.6em;
}
/* 例●（：） */
.note.rei {
}
.content__layout__section .note.rei li {
  margin-left: 2.5em!important;
  text-indent: -2.5em!important;
}

/* 注釈（※1 、※2 ...） */
.note.num {
  margin-top: 0;
}
.note.num li {
  margin-left: 2.0em;
  text-indent: -2.0em;
}


/* （注） */
.note.caution {
  margin-top: 0;
}
.note.caution li {
  margin-left: 3.0em;
  text-indent: -3.0em;
}

/* List（数字） */
.list-decimal {
  font-size:1.6em;
}
.list-decimal > li {
  list-style-type: decimal;
  margin-left: 1.5em;
  text-indent:0!important;
}
.list-decimal.nb li::marker{
	color:#337cbd;
}

/* Table（共通） */
.common-table {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #d7d7d7;
  border-collapse: collapse;
}
.common-table caption {
  margin-bottom: 2px;
  font-size: 1.8em;
  font-weight: 500;
}
.common-table thead th {
  padding: 6px 10px;
  border-right: 1px solid #d7d7d7;
  background-color: #6fb42c;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}
.common-table tbody th {
  padding: 6px 10px;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;

  background-color: #f7f3eb;
  color:#000;
  font-size: 1.5em;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}
.common-table td {
  padding: 6px 10px;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  font-size: 1.5em;
  text-align: left;
  line-height: 1.6;
  vertical-align: middle;
}
.common-table th a{
}
.common-table td a:hover {

  text-decoration: none;
}
h2 + .common-table {
  margin-top: 0;
}
.common-table + .common-table,
.table-calculation + .common-table {
  margin-top: 40px;
}
.link-btn-page + .common-table {
  margin-top: 50px;
}
/* table内 */
/* List（色丸） */
.common-table td .list-disc li {
	font-size:100%;
}


/* Table（共通） */
.common-table {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #d7d7d7;
  border-collapse: collapse;
}
.common-table caption {
  margin-bottom: 2px;
  font-size: 1.8em;
  font-weight: 500;
}
.common-table thead th {
  padding: 6px 10px;
  border-right: 1px solid #d3d3d3;
  background-color: #59d0e2;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-weight:bold;
}
.common-table tbody th {
  padding: 6px 10px;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color: #fbfaf5;
  font-size: 1.5em;
  color:#231f20;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.common-table td {
  padding: 6px 10px;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  font-size: 1.5em;
  text-align: left;
  line-height: 1.6;
  vertical-align: middle;
}
.common-table td a {
	word-break: break-all;
}
.common-table td a:hover {
  text-decoration: none;
}
h2 + .common-table {
  margin-top: 0;
}
.common-table + .common-table,
.table-calculation + .common-table {
  margin-top: 40px;
}
.link-btn-page + .common-table {
  margin-top: 50px;
}

/* Btn */
.link-btn-page a span,.link-btn-pdf a span, .link-btn-ext a span,.link-btn-up a span {
	padding: 15px 70px 15px 30px;
	display:block;
	width:100%;
	position:relative;
	text-indent:0;
}
.link-btn-page a:hover,.link-btn-pdf a:hover, .link-btn-ext a:hover,.link-btn-up a:hover {
	color: #3ab7b3!important;
}


/* Btn */
.link-btn-page,.link-btn-pdf,.link-btn-excel,.link-btn-word,.link-btn-ext,.link-btn-up{
  margin-top: 40px;
  font-size: 1.6em;
}
.link-btn-page li + li,.link-btn-pdf li + li,.link-btn-ext li + li,.link-btn-up li + li,.link-btn-excel li + li{
  margin-top:25px;
}
.link-btn-page a,.link-btn-pdf a,.link-btn-ext a,.link-btn-up a,.link-btn-excel a,.link-btn-up a{
	position: relative;
	overflow: hidden;
	text-decoration: none;
	display:block;
	margin:0 auto;
	max-width: 520px;
	outline: none;
	border-radius:30px;
    border:3px solid #0058a6;
	color:#0058a6;
	z-index:0;
    transition: all 0.5s 0s ease;
}
.link-btn-page a span,.link-btn-pdf a span, .link-btn-ext a span,.link-btn-up a span,.link-btn-excel a span,.link-btn-up a span{
	padding: 15px 20px 15px 30px;
	display:block;
	width:100%;
	position:relative;
	color:#0058a6;
	padding-left: 30px;
	text-indent:0;
  transition: all 0.5s 0s ease;
	font-weight:bold;
}

.link-btn-page a span{
	padding-right:60px;
}

.link-btn-pdf a span,.link-btn-excel a span,.link-btn-ext a span{
	padding-left:60px!important;}

.link-btn-page a:hover span,.link-btn-pdf a:hover span, .link-btn-ext a:hover span,.link-btn-up a:hover span,.link-btn-excel a:hover span,.link-btn-up a:hover span{
	color: #ffffff;

}
/* Btn（ページリンク） */
.link-btn-page a {
	background:#ffffff url(../images/common/link-btn-arrow.svg) no-repeat right 25px center/20px;
}
.link-btn-page a:hover{
	background:#0058a6 url(../images/common/link-btn-arrow-w.svg) no-repeat right 25px center/20px;
}

/* Btn（PDFリンク） */
.link-btn-pdf a span{
	background:#fff url(../images/common/pdf-icon-b.svg) no-repeat 25px center/25px;
}
.link-btn-pdf a span:hover{
	background:#0058a6 url(../images/common/pdf-icon.svg) no-repeat 25px center/25px!important;
}

/* Btn（Excelリンク） */
.link-btn-excel a span{
	background:#fff url(../images/common/excel-icon-b.svg) no-repeat 25px center/25px;
}
.link-btn-excel a:hover span{
	background:#0058a6 url(../images/common/excel-icon.svg) no-repeat 25px center/25px!important;
}
/* Btn（外部リンク） */
.link-btn-ext a span{
	background:#fff url(../images/common/ext-icon-b.svg) no-repeat 25px center/25px;
}
.link-btn-ext a:hover span{
	background:#0058a6 url(../images/common/ext-icon.svg) no-repeat 25px center/25px!important;
}

/* Btn（よくある質問） */
.link-btn-faq {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  padding: 10px 20px;
  background:#fbfaf5;
}
.link-btn-faq a {
    z-index: 1;
	position: relative;
	overflow: hidden;
	text-decoration: none;
  	display: inline-block;
    margin-left:20px;
	width: 200px;
	text-align: center;
	outline: none;
	transition:0.3s;
	border-radius:50vw;
	border:1px solid #0058a6;
	background:#0058a6;
	color:#fff;
	font-size: 1.6em;
	font-weight: bold;
}


.link-btn-faq a:hover span{
	color:#0058a6;
	z-index:1;
}

.link-btn-faq a span{
	position: relative;
	display:block;
	padding: 5px 15px 5px;
	z-index: 3;}

.link-btn-faq a:hover{
	background:#fff;
	z-index:1;
}
.link-btn-faq p {
  font-size: 1.4em;
  text-align: left;
}

.link-btn-faq p {
  font-size: 1.6em;
  text-align: left;
}


/* Btn（申請書・記入例） */
.common-table.doc tbody th {
  width: 8.0em;
}
.common-table.doc dt {
  float: left;
}
.common-table.doc dd {
  float: right;
  display:flex;
  align-items:center;
}
.common-table.doc .app-btn01,
.common-table.doc .app-btn02,
.common-table.doc .app-btn03 {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 15px;
  width: 5.5em;
  font-weight: bold;
  text-align: center;
  text-decoration: none; 
  transition: all 0.5s 0s ease;
}

.app-btn01{
  border: 1px solid #0058a6;
  background-color: #0058a6;
  color: #fff;
}
.app-btn02{
  border: 1px solid #67b363;
  background-color: #67b363;
  color: #fff;
}
.app-btn03{
  border: 1px solid #2196F3;
  background-color: #2196F3;
  color: #fff;
}

.app-btn01:hover{
  border: 1px solid #0058a6;
  background-color: #fff;
  color: #0058a6;
}
.app-btn02:hover{
  border: 1px solid #67b363;
  background-color: #fff;
  color: #67b363;
}
.app-btn03:hover{
  border: 1px solid #2196F3;
  background-color: #fff;
  color: #2196F3;
}
.common-table.doc .app-btn01 + .app-btn02 {
  margin-left: 10px;
}
.common-table.doc .app-btn01 + .app-btn03 {
  margin-left: 10px;
}
.common-table.doc .app-btn02 + .app-btn02 {
  margin-left: 10px;
}
.common-table.doc .app-btn03 + .app-btn03 {
  margin-left: 10px;
}

/* Btn（解説はこちら） */
.link-btn-up {
  margin-top: 40px;
}

.link-btn-up a {
	max-width: 220px;
	background:#fff!important;
	margin:0;
}
.link-btn-up a:hover {
	background:#0058a6!important;
}


/*その他ボタン*/
.link-btn-other{
  background:#0058a6;
  display:inline-block;
  margin-bottom:10px;
  border-radius:10px;
}
.link-btn-other a{
  background:#0058a6;
  border:1px solid #0058a6;
  display:block;
  font-weight:bold;
  color:#fff!important;
  padding:10px 50px;
  font-size:120%;
  text-decoration:none;
  border-radius:10px;
}
.link-btn-other a:hover{
  background:#fff;
  color:#0058a6!important;
}

/* Learn More（もっと詳しく） */
.content__layout__learn-more {
  position:relative;
  padding:25px 30px 15px 30px;
  margin:0 20px;
  background:url(../images/common/more-bg.png);
}
.content__layout__learn-more h3 {
  margin-bottom: 0px;
  padding:0px 0 10px 0px;
  color:#0058a6;
  font-weight:bold;
  font-size: 2.3em;
  text-align: left;
  border-bottom:1px solid #c0c3c4;
}
.content__layout__learn-more h4 {
  font-size: 1.6em;
  font-weight: bold;

   color: #0058a6!important;


}
.content__layout__learn-more ul + h4,
.content__layout__learn-more p + h4,
.content__layout__learn-more table + h4 {
  margin-top: 25px;
}
.content__layout__learn-more p + p {
  margin-top: 15px;
}
.content__layout__learn-more dl + dl {
  border-top: 1px solid #d3d3d3;
}
.content__layout__learn-more dl:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}

.content__layout__learn-more dt:not(.more_dt) {
  position: relative;
  padding: 15px 110px 15px 5px;
  font-size: 1.8em;
  font-weight: bold; 
  cursor: pointer;
  color:#0058a6;
}

.content__layout__learn-more dt:not(.more_dt) span {
  position:absolute;
  top:17px;
  right:0;
  display: block;
  padding: 5px 12px 6px 12px;
  width: 6.2em;
  border: 1px solid #0058a6;
  background-color: #0058a6;
  border-radius: 20px;
  font-size: 80%;
  font-weight: bold; 
  color: #fff;
  text-align: center;
  line-height: 1;
}
.content__layout__learn-more dt:not(.more_dt) .close span {
  background-color: #0058a6;
  color: #ffffff;
}
.content__layout__learn-more dt:not(.more_dt):hover span,
.content__layout__learn-more dt:not(.more_dt).open span {
  background-color: #ffffff;
  color: #0058a6;
}
.content__layout__learn-more dd:not(.more_dd)  {
  margin: 0 15px 30px 15px;
  padding: 15px 20px;
  border-radius: 4px;
  background:#fff;
}
.content__layout__learn-more dd:not(.more_dd) p{
  font-size: 1.6em;
  text-align: justify;
  text-justify: inter-ideograph;
}
.content__layout__learn-more dd:not(.more_dd) ul:not(.list-disc):not(.list-circle):not(.link-btn-page) {
  margin-top: 0px;
}
.content__layout__learn-more dd img {
  display: block;
  margin: 10px auto 0 auto;
}
.content__layout__learn-more dd:not(.more_dd) a:hover {
  text-decoration: none;
}

/*フォントサイズ 100%*/
table .link-btn-ext,table .link-btn-pdf,table .link-btn-page,table .link-btn-excel,
table .list-disc, table .list-paren, table .list-circle,table .list-decimal,
.list-disc ul:not(.note),.list-paren ul:not(.note),.list-circle ul:not(.note),.note ul:not(.note),.list-decimal ul:not(.note){
	font-size:100%!important;
}

.list-circle ._14,.note ._14,.list-paren ._14,.list-disc ._14,.list-decimal ._14,.desc-list dd ._14{
	font-size:87.5%!important;
}
.list-circle ._15,.note ._15,.list-paren ._15,.list-disc ._15,.list-decimal ._15,.desc-list dd ._15{
	font-size: 93.75%!important;
}
.list-circle ._16,.note ._16,.list-paren ._16,.list-disc ._16,.list-decimal ._16,.desc-list dd ._16{
	font-size: 100%!important;
}

table ._14 {font-size: 93.333%!important;}
table ._15{font-size: 100%!important;}
table ._16{font-size: 106.667%!important;}

/* もっと詳しく内 */
/* List（色丸） */
.content__layout__learn-more dd .list-disc > li {
  position: relative;
  margin-left: 1.5em;
  text-indent: -0.8em;
}
.content__layout__learn-more dd .list-disc > li::before {
  position: relative; top: -0.1em; left: -0.3em;
  content: '●';
  font-size: 70%;
  color: #009ce3;
}
.content__layout__learn-more dd .list-disc + p,

.content__layout__learn-more dd .list-disc + h4 {
  margin-top: 20px;
}
/* List（丸数字） */
.content__layout__learn-more dd .list-circle > li {
  margin-left: 1.1em;
  text-indent: -1.1em;
}
/* List（数字） */
.content__layout__learn-more dd .list-decimal {
  margin-left: 0em;
}
.content__layout__learn-more dd .list-decimal > li {
  margin-left: 2em;
}


/* 注釈 */
.content__layout__learn-more dd .note {
	font-size:87.5%;
}
.content__layout__learn-more dd .note > li {
  margin-left: 1em;
  text-indent: -1em;
}
.content__layout__learn-more table td .note{

	font-size:100%;
}

.content__layout__learn-more .link-btn-ext,
.content__layout__learn-more .link-btn-pdf,
.content__layout__learn-more .link-btn-page,
.content__layout__learn-more .link-btn-excel{
  margin-top: 20px!important;}

/* List（色丸） */
.content__layout__learn-more th .list-disc{
	font-size:1.5em!important;
}
.content__layout__learn-more dd .list-disc > li {

  position: relative;
  margin-left: 1.5em;
  text-indent: -0.8em;
}
.content__layout__learn-more dd .list-disc > li::before {
  position: relative; top: -0.1em; left: -0.3em;
  content: '●';
  font-size: 70%;
  color: #0058a6;
}
.content__layout__learn-more dd .list-disc + p,
.content__layout__learn-more dd .list-disc + h4 {
  margin-top: 20px;
}
/* List（括弧数字） */
.content__layout__learn-more .list-paren {
}
/* List（丸数字） */
.content__layout__learn-more dd .list-circle li {
  margin-left: 1em;
  text-indent: -1em;
}
/* List（数字） */
.content__layout__learn-more dd .list-decimal {
  margin-left: 2.5em;
  list-style-type: decimal;
}
.content__layout__learn-more dd .list-decimal li {
  margin-left: 1em;
}
/* 注釈 */
.content__layout__learn-more dd > .note {
	font-size:1.4em;
}
.content__layout__learn-more dd .note {
  margin-top: 10px;
}
.content__layout__learn-more dd .note li {
  margin-left: 1em;
  text-indent: -1em;
}
/* もっと詳しく内 */
/* Btn（ページリンク） */
.content__layout__learn-more .link-btn-page {
  margin: 20px 0 10px 0;
}

/* Side
------------------------------------------------------------------- */
.content__side {
  order: 1;
	min-width:274px;
}
.content__side__inner {
	width:100%;
    background:url("../images/common/side-bottom.svg") no-repeat center bottom/100%;
	padding-bottom:137px;
}
.content__side nav{
  background:#f1f7fe;}

.content__side h3{
  padding-top:160px;
  background: url("../images/common/side-title.svg") no-repeat center bottom/cover;
  width: 100%;
  position:relative;
}

.content__side h3 span{
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 35px;
  left: 0;
  font-size: 1.8em;
  text-align: center; 
  font-weight: bold;
  color:#0058a6;
}

.content__side h4 {
  font-size: 1.7em;
  text-align: center;
  color:#509b79;
  padding:8px 10px 5px;
}
.content__side h3 + nav > ul {
  padding-top: 30px;
}
.content__side nav > h4 + ul {
  margin-top: 0px;
}
.content__side li {
  position: relative;
}

.content__side nav > h4 + ul li:first-child{
  border-top:none;
}

.content__side ul{
 padding-top:1px
}

.content__side nav + nav {
	padding-top:30px;
}

.content__side nav > h4 + ul {
  margin-top: 5px;
  background:none;
  padding-top:0px
}

.content__side li a{
  position: relative;
  padding:10px 1em 10px 40px;
  border-bottom:1px solid #ffffff;
  color:#363636;
  z-index:1;
}

.content__side li:first-child a{
  border-top:1px solid #ffffff;
}

.content__side li a:before{
  position: absolute;
  margin:auto;
  left: 15px;
  top:12px;
  content: "";
  background: url("../images/common/grass-icon.svg") no-repeat center center/20px 17px;
  width:16px;
  height:16px;
  display: block;
}
.content__side li > a:hover,
.content__side li.active > a {
 color:#0058a6;
 background:#ffffff;
}

.content__side nav > h4 + ul li{
  border-top:none;
}
.content__side li + li {
}
.content__side a {
  display:block;
  font-size: 1.5em;
  color: #363636;
  line-height: 1.4;
  text-decoration: none;
}

.content__side li > ul{
	margin-top:0px;
	border-top:none;
}

.content__side li li{
  border-bottom:none;
}
.content__side li li a{
  font-size: 1.4em;
  padding-left:3.5em!important;
  border-top:none!important;
  }

.content__side li li a::before {
  left: 28px;
}

.content__side li li a:hover{
	color:#185db0;
}

@media screen and (max-width: 767px) {
  /* Content
  ------------------------------------------------------------------- */
  /* indexページ */
  .content__inner-index {
    margin: 30px 0 0 0;
    padding: 0 15px 50px 15px;
    max-width: none;
  }
  /* 下層ページ */
  .content__inner {
    margin: 40px 0 0 0;
    padding: 0 15px;
    max-width: none;
  }
  /* 下層ページ（2カラム） */
  .content__inner-column {
    display: block;
    margin: 40px 0 0 0;
    padding: 0 15px;
    max-width: none;
  }
  /* 下層ページ（2カラム:Left） */
  .content__layout {
    width: auto;
	margin-right:0;
  }

  .content__layout__section + .content__layout__section,
  .content__layout__section + .content__layout__learn-more,
  .content__layout__learn-more + .content__layout__section {
    margin-top: 50px;
  }

  /* Subpage Visual
  ------------------------------------------------------------------- */
 .subpage-visual {
	  height:auto;
  }
  .subpage-visual__inner {
    margin: 0;
    padding: 10px 0px 10px 0px;
    max-width: none;
	min-height:90px;
  }
  .subpage-visual--sub {
    font-size: 1.4em;
  }

  /* Topic Path
  ------------------------------------------------------------------- */
  .topicpath {
  }
	
  .topicpath ol {
    display: flex;
    margin: 0;
    padding: 5px 15px;
    max-width: none;
	overflow-x: scroll;
	white-space: nowrap;
  }
  .topicpath li {
    font-size: 1.1em;
  }

  /* Index
  ------------------------------------------------------------------- */

.content__inner-index ul {
  padding:0px 10px 0;
}
	
  .content__inner-index li {
    width: -webkit-calc(50% - 12px);
    width: calc(50% - 12px);
  }
  .content__inner-index li a {
    padding:5px 50px 5px 10px;
    min-height: 75px;
    font-size: 1.5em;
    background:no-repeat right -5px center/70px;
  }

  .content__inner-index li a br{
	  display:none;
  }
	
  .content__inner-index ul + h2 {
    margin-top: 50px;
  }
	
  .content__inner-index li + li:nth-child(3n) ,
  .content__inner-index li:first-child,
  .content__inner-index li + li {
    margin: 20px 20px 0 0;
  }
  .content__inner-index li + li:nth-child(2n) {
    margin: 20px 0 0 0;
  }
  .content__inner-index li + li:nth-child(5n) {
    margin: 20px 20px 0 0;
  }

  /* Heading
  ------------------------------------------------------------------- */
  .subpage-visual__hd h1 {
    font-size: 2.6em;
  padding:0px;
  }
  .content__inner-index nav > h2 {
    font-size: 2.2em;
  }
  .content__layout__section h2 {
    margin-bottom: 15px;
	margin-left:40px;
    font-size: 2.2em;
  }
	
.content__layout__section h2::before{
	top:0px;
  left:-40px;
  width: 35px;
  height: 35px;
}
  .content__layout__section > h3 {
    margin-bottom: 5px;
    font-size: 2.0em;
	line-height: 1.4;
  }
  .content__layout__section > h4 {
    margin-bottom: 5px;
    font-size: 1.8em;
	line-height: 1.4;
  }
  .content__layout__section .link-btn-page + h3,
  .content__layout__section .link-btn-ext + h3,
  .content__layout__section .link-btn-page + h4,
  .content__layout__section .link-btn-ext + h4 {
    margin-top: 50px;
  }
  .content__layout__section .list-circle + h3,
  .content__layout__section .note + h3,
  .content__layout__section p + h3 {
    margin-top: 20px;
  }
  /* Common
  ------------------------------------------------------------------- */
  /* Break */
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }

  /* Tab */
  /* 手続きと解説がある場合、解説を非表示 */
  .tab-btn {
    margin-bottom: 40px;
  }
  .tab-btn li {
    padding: 12px 0 8px 0;
    font-size: 1.4em;
  }
  .tab-btn li + li {
      margin-left: 8px;
}
  .tab-btn li span {
    padding-bottom: 12px;
  }

  /* Paragraph */
  .content__layout__section > p > img {
    width: 100%;
    height: auto;
  }

  /* 共通List */
  /* List（説明リスト） */
  .content__layout__section > .desc-list dt {
    font-size: 1.8em;
  }

  /* Btn */
  /* Btn（ページリンク） */
.link-btn-page,.link-btn-pdf,.link-btn-excel,.link-btn-word,.link-btn-ext,.link-btn-up{
  margin-top: 30px;
}
  .content__layout__section > .link-btn-page {
    margin-top: 40px;
  }
  .content__layout__section > .link-btn-page li + li {
    margin-top: 25px;
  }
  .content__layout__section > .link-btn-page span::before {
    width: 30px;
  }
  /* Btn（PDFリンク） */
  .content__layout__section > .link-btn-pdf {
    margin-top: 30px;
  }


  .content__layout__section > .link-btn-pdf li + li {
    margin-top: 20px;
  }
  /* Btn（PDFリンク）：Icon */
  .content__layout__section > .link-btn-pdf a span {
    padding-left: 25px;
  }
  /* Btn（外部リンク） */
  .content__layout__section > .link-btn-ext {
    margin-top: 30px;
  }
  .content__layout__section > .link-btn-ext li + li {
    margin-top: 20px;
  }
  /* Btn（外部リンク）：Icon */
  .content__layout__section > .link-btn-ext a span,
  .content__layout__learn-more .link-btn-ext a span {
    padding-left: 25px;
  }

  .content__layout__section > .link-btn-page + .link-btn-ext {
    margin-top: 25px;
  }

  /* Btn（よくある質問） */
  .link-btn-faq {
    display: block;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 40px;
    padding: 10px 20px 15px 20px;
  }
  .link-btn-faq a {
    margin: 10px auto 0 auto;
    width: 60%;
  }
  .link-btn-faq p {
    font-size: 1.3em;
    text-align: left;
  }
  /* Btn（申請書・記入例） */
  .common-table.doc tbody th {
    width: 4.5em;
  }
  .common-table.doc dt {
    float: left;
  }
  .common-table.doc dd {
    float: left;
  }
  .common-table.doc .app-btn,
  .common-table.doc .examp-btn {
    margin: 5px 0;
    padding: 2px 5px;
    width: 5.0em;
  }

  /* Btn（解説はこちら） */
  .content__layout__section > .link-btn-up {
    margin-top: 30px;
  }

  /* Learn More（もっと詳しく） */
.content__layout__learn-more {
  margin:25px 0px 15px 0px!important;
}
  .content__layout__learn-more {
    padding: 15px 15px 15px 15px;
  }
  .content__layout__learn-more h3:before {
    position: absolute; top: -50px; left: -25px;
  }
  .content__layout__learn-more dt {
    position: relative;
    line-height: 1.4;
  }
  .content__layout__learn-more dt span {
    position: absolute; top: 10px; right: -30%;
    padding: 5px 12px 6px 12px;
  }
  .content__layout__learn-more dd {
    margin: 0 0 0 0!important;
    padding:0px 0px;
  }

  /* もっと詳しく内 */
  /* 画像 */
  .content__layout__learn-more dd > p > img {
    width: 100%;
    height: auto;
  }

  /* Side
  ------------------------------------------------------------------- */
  .content__side {
    margin: 40px 0 0 0;
  }
  .content__side__inner {
    width: auto;
	padding-bottom:180px;
  }
.content__side h3{
  background: url("../images/common/side-title.svg") no-repeat center bottom/100%;
  padding-top:235px;
}

.content__side h3 span{
  top: 60px;
}
  .content__side h4 {
    font-size: 1.6em;
  }
  .content__side h3 + nav > h4 + ul {
    margin-top: 10px;
  }
  .content__side li {
  }
  .content__side li + li {
  }
  .content__side a {
    font-size: 1.6em!important;
  }
}