@charset "UTF-8";

/*
======== context ======================================

Last Updated:20190705
Summary:全ページ共有で利用する各要素デザイン

* contents area内で適用

- hn
- link
- list
- number list
- box
- table
- dl
- text
- form
=======================================================
*/


.mg_0 { margin: 0 !important; }
.mg_t0 { margin-top: 0 !important; }
.mg_r0 { margin-right: 0 !important; }
.mg_b0 { margin-bottom: 0 !important; }
.mg_l0 { margin-left: 0 !important; }
.mg_tS { margin-top: 16px !important; }
.mg_rS { margin-right: 16px !important; }
.mg_bS { margin-bottom: 16px !important; }
.mg_lS { margin-left: 16px !important; }
.mg_tM { margin-top: 32px !important; }
.mg_rM { margin-right: 32px !important; }
.mg_bM { margin-bottom: 32px !important; }
.mg_lM { margin-left: 32px !important; }
.mg_tL { margin-top: 64px !important; }
.mg_rL { margin-right: 64px !important; }
.mg_bL { margin-bottom: 64px !important; }
.mg_lL { margin-left: 64px !important; }

.w_10 { width: 10% !important; }
.w_20 { width: 20% !important; }
.w_30 { width: 30% !important; }
.w_40 { width: 40% !important; }
.w_50 { width: 50% !important; }
.w_60 { width: 60% !important; }
.w_70 { width: 70% !important; }
.w_80 { width: 80% !important; }
.w_90 { width: 90% !important; }
.w_100 { width: 100% !important; }


/*-----------------------------------------------------
common
-------------------------------------------------------*/

#contentsArea ul,
#contentsArea ol,
#contentsArea dl{
  margin:1em 0;
}

#contentsArea ul li ul{
  margin:.5em 0;
}

#contentsArea p{
  margin:1em 0;
  line-height: 1.8888;
}

#mainContents p img {
  /* padding-left: 5px; */
  /* padding-right: 5px; */
  /* _padding-top: 3px; */
  /* _padding-bottom: 3px; */
  /* vertical-align: middle; */
}


/*-----------------------------------------------------
align
-------------------------------------------------------*/

.txtRight{
  text-align:right;
}
.txtLeft{
  text-align:left;
}
.txtCenter{
  text-align:center;
}

.layoutLeft{
  float:left;
  padding: 0 15px 15px 0;
}
.layoutCenter{
  text-align:center;
}
.layoutRight{
  float:right;
  padding: 0 0 15px 15px;
}

.blockCenter {
  margin-left: auto !important;
  margin-right: auto !important;
}
.blockRight {
  margin-left: auto !important;
  margin-right: 0 !important;
}
ul.blockCenter,
ul.blockRight,
dl.blockCenter,
dl.blockRight {
  display: table !important;
}

/*-----------------------------------------------------
float
-------------------------------------------------------*/
.clear {
  clear : both;
  margin : 0;
  padding : 0;
}

.floatL {
  float : left;
  margin: 0 20px 15px 0 !important;
}

.floatR {
  float : right;
  margin: 0 0 15px 20px !important;
}


/*-----------------------------------------------------
hn
-------------------------------------------------------*/

#mainContents h1 {
  /* margin: 0 -15px 20px -15px; */
}
.standard #mainContents h1 {
  /* margin: 0 0 20px -15px; */
}

.h1Block {
  margin: 0 0 56px;
  padding: 20px 56px 18px 24px;
  border: 2px solid #004697;
  border-radius: 8px;
  position: relative;
  background-image: url(/common4/img/h1block.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.h1Block h1 {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  text-shadow: 
  #fff .07em 0,  #fff -.07em 0,
  #fff 0 -.07em, #fff 0 .07em,
  #fff .07em .07em , #fff -.07em .07em,
  #fff .07em -.07em, #fff -.07em -.07em,
  #fff .035em .07em,  #fff -.035em .07em,
  #fff .035em -.07em, #fff -.035em -.07em,
  #fff .07em .035em,  #fff -.07em .035em,
  #fff .07em -.035em, #fff -.07em -.035em;
}

.h1Block h1::before,
.h1Block h1::after {
  content: none;
}

h1 {
  clear: both;
  margin: 0 0 56px !important;
  padding: 0 0 18px !important;
  background: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 4px solid #004697 !important;
  border-image: linear-gradient(90deg, #007a60 0%, #007a60 19%, #004697 19%, #004697 100%);
  border-image-slice: 1;
  font-size: 3.4rem !important;
  line-height: 1.2352;
}

h1::before {
  content: none !important;
}

h1::after {
  content: none !important;
}

h1 span.stxt {
  display:block;
  margin-top: 10px;
  font-size: 2.1rem;
  font-weight: normal;
}

.contents h1.alert {
  padding: 16px 24px !important;
  background: #FBE9E9 !important;
  border-image: none;
  border-bottom: 4px solid #C90000 !important;
  border-radius: 4px;
  color: #C90000;
}
.contents h1.alert::before,
.contents h1.alert::after {
  content: none;
}

#mainContents h2 {
  clear: both;
  background: none;
  border: none;
  border-bottom: 1px solid #bbb;
  padding: 0 0 10px;
  margin: 64px 0 32px;
  font-size: 3.2rem;
  line-height: 1.375;
  position: relative;
}

#mainContents h2::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 40px;
  height: 6px;
  background: #007a60;
}

h2.none {
  margin: 2em 0 1em 0;
  font-size: 1.2em;
}

.standard h2{
  clear:both;
}

#mainContents h2:first-child {
  margin-top: 0;
}

#mainContents .h2Block{
  clear: both;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin: 56px 0 32px;
  border-bottom: 1px solid #bbb;
  position:relative;
}

#mainContents .h2Block h2{
  margin: 0 auto 0 0;
  border: none;
}

#mainContents .h2Block .toList{
  margin: 0 0 16px 16px;
  min-width: 70px;
  text-align: right;
  line-height: 1.4;
}
.en #mainContents .h2Block .toList{
  min-width: 110px;
}

#mainContents .h2Block .toList a{
  padding: 0 0 0 26px;
  color: #333;
  font-size: 1.8rem;
}

#mainContents .h2Block .toList .bulletLink{
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M18%2C9a9%2C9%2C0%2C1%2C0-9%2C9A9%2C9%2C0%2C0%2C0%2C18%2C9ZM7.051%2C13.194a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518l2.7-2.67-2.7-2.67a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518%2C1.094%2C1.094%2C0%2C0%2C1%2C1.534%2C0l3.463%2C3.43a1.072%2C1.072%2C0%2C0%2C1%2C0%2C1.518L8.585%2C13.194A1.092%2C1.092%2C0%2C0%2C1%2C7.051%2C13.194Z%22%20fill%3D%22%23007a60%22%2F%3E%3C%2Fsvg%3E");
}

#mainContents .h2Block .rss {
  margin: 0 0 16px 16px;
  text-align: right;
  line-height: 1.4;
}
#mainContents .h2Block .rss a {
  padding: 0 0 0 26px;
  color: #333;
  font-size: 1.8rem;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20transform%3D%22translate(-3.866%20-29.946)%22%3E%3Cpath%20d%3D%22M7.037%2C23.418a1.338%2C1.338%2C0%2C1%2C0%2C0%2C2.677%2C6.487%2C6.487%2C0%2C0%2C1%2C6.47%2C6.489%2C1.339%2C1.339%2C0%2C1%2C0%2C2.677%2C0A9.167%2C9.167%2C0%2C0%2C0%2C7.037%2C23.418Z%22%20transform%3D%22translate(-1.157%2013.37)%22%20fill%3D%22%23007a60%22%2F%3E%3Cpath%20d%3D%22M7.065%2C4.8a1.339%2C1.339%2C0%2C1%2C0%2C0%2C2.677%2C13.337%2C13.337%2C0%2C0%2C1%2C13.3%2C13.341%2C1.339%2C1.339%2C0%2C0%2C0%2C2.678%2C0A16.018%2C16.018%2C0%2C0%2C0%2C7.065%2C4.8Z%22%20transform%3D%22translate(-1.175%2025.141)%22%20fill%3D%22%23007a60%22%2F%3E%3Cellipse%20cx%3D%222.347%22%20cy%3D%222.347%22%20rx%3D%222.347%22%20ry%3D%222.347%22%20transform%3D%22translate(3.866%2043.252)%22%20fill%3D%22%23007a60%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

#mainContents .h2Block .rss + .toList,
#mainContents .h2Block .toList + .rss {
  margin-left: 24px;
}

#mainContents .h2Block:first-child {
  margin-top: 0;
}

h2.tit_2cols {
  border-left: solid 4px #0B4199;
  padding: 0 0 0 10px;
  margin: 0 10px 15px 5px;
  font-size: 1.2em;
}

#subContentsBlock h2 {
  clear: both;
  background: none;
  border: none !important;
  border-bottom: 1px solid #bbb !important;
  padding: 0 0 16px;
  margin: 0 0 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

#subContentsBlock h2 + h2 {
  margin-top: 48px;
}

#subContentsBlock h2::before {
  display: none;
}

#subContentsBlock h2 span {
  /* display : block; */
}

#subContentsBlock h2.sideTitle {
  background: none;
  padding : 0;
  margin: 0 0 5px 0;
  border-left : 0;
  font-size:1em;
  width:auto;
}

#subContentsBlock h2 a {
  background: none;
  position: relative;
}

#subContentsBlock h2 span a {
  /* display: block;
  margin: -15px -10px;
  padding: 15px 30px 15px 10px;
  width: 175px; */
}

#subContentsBlock h3 {
  margin: .5em 0;
  font-size: 1.4rem;
}

h3 {
  margin: 48px 0 16px;
  padding: 0 0 8px;
  border-bottom: 1px solid #bbb;
  font-size: 2.8rem;
  line-height: 1.4166;
}

h4 {
  padding: 0 0 4px;
  margin: 40px 0 24px;
  font-size: 2.0rem;
  border-bottom: 1px dashed #bbb;
}

h5 {
  margin: 0 0 32px;
  font-size: 1.8rem;
}

/*-----------------------------------------------------
link
-------------------------------------------------------*/

.bulletLink {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E");
  background-position-y: .2em;
  background-repeat: no-repeat;
  padding: 0 0 0 16px;
}

.switchLang .bulletLink {
  /* display: inline-block; */
}

.pageTop a {
  padding: 0 20px 0 0;
  background-repeat : no-repeat;
  background-position: right 1px center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%226%22%20viewBox%3D%220%200%209%206%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-9.2%2019.2)%20rotate(-90)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E");
  font-size: 1.8rem;
}


h2 a,
h3 a,
h4 a {
  background-repeat : no-repeat;
  background-position: right center;
  padding: 3px 25px 3px 0;
  /* font-size: 1em; */
  position: relative;
}


/*-----------------------------------------------------
box
-------------------------------------------------------*/
.sectionBox{
  margin: 1em 0 ;
  clear:both;
}

.graySection{
  background-color : #F8F8F5;
  padding : 10px;
  margin: 0 0 30px 0;
}

.grayBox{
  background-color : #F8F8F5;
  padding: 8px 24px;
  margin: 24px 0;
}

.grayBox2{
  background-color : #F8F8F5;
  padding :24px 16px 16px;
  margin: 0 0 48px 0;
}

.grayLineBox{
  background-color : #ffffff;
  padding : 10px;
  border : 1px solid #D9D9D9;
  margin: 1em 0 2em 0;
}

.pageTop {
  text-align : right;
  padding : 10px 0 0 0;
  margin : 40px 0 40px 0;
  clear:both;
}

#mainContents .pageTop {
  padding-top: 0;
  margin : 15px 0 20px 0 ;
}

p.pageTop{
  padding : 0;
}

div.box_sidetitle{
  margin : 0 0 0 5px;
  padding : 15px 0 15px 5px;
  border-bottom : 1px dotted #cccccc;
}

#mainContentsBlock .section{
  margin: 0 0 30px 0;
  padding:0;
  width:auto;
  clear:both;
  overflow:hidden;
}

#mainContentsBlock .section02{
  margin: 0 0 30px 0;
  padding:0 30px;
  width:auto;
}

#mainContentsBlock .itemBox{
  padding: 0;
  width: auto;
  overflow: hidden;
}

#mainContentsBlock .itemBox .innerBox{
  margin:0;
  padding: 0 0 10px 0;
  float:left;
  width:50%;
}

#mainContentsBlock .itemBox .innerBox.col1{
  width:99% !important;
  padding:0 25px 10px 5px;
  overflow:hidden;
}

#mainContentsBlock .itemBox .innerBoxR{
  margin:0;
  padding: 0 0 10px 15px;
  float:left;
  width:47%;
}

#contentsArea #subContentsBlock .sideSection {
  margin: 16px 0 48px;
  /* padding:0 0 10px 0; */
}

#contentsArea #subContentsBlock .sideSection p {
  font-size: 1.6rem;
  line-height: 1.5;
}

/* h30 add */
#contentsArea #subContentsBlock .sideSection ul{
  /* margin: 0; */
  /* border-top: 1px dotted #D9D9D9; */
}

#contentsArea #subContentsBlock .signatureSection{
  margin: 15px 0 20px 0;
  background: #fff;
  border: 1px solid #D9D9D9;
  padding: 16px;
}

#contentsArea #subContentsBlock .signatureSection p{
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.7142;
}

#contentsArea #subContentsBlock .bannerSection{
  background: #F8F8F5;
}

#contentsArea #subContentsBlock ul.bannerList,
#contentsArea #subContentsBlock ul.bannerList li{
  margin: 0;
  padding: 0;
}

#contentsArea #subContentsBlock ul.bannerList{
  text-align: center;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

#contentsArea #subContentsBlock ul.bannerList li{
  list-style-type: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*-----------------------------------------------------
ul,ol
-------------------------------------------------------*/

#contentsArea ul {
  list-style-type:disc;
}

#contentsArea ul li {
  padding-left: 0;
  margin-left: 24px;
  font-size: 1.8rem;
  line-height: 1.7777;
}

#contentsArea ol {
  list-style-type:decimal;
}

#contentsArea ol li {
  padding-left: 0;
  margin-left: 28px;
  font-size: 1.8rem;
  line-height: 1.7777;
}

#contentsArea li ol,
#contentsArea li ul {
  margin-top: .3em;
}


#contentsArea ul.linkMember,
#contentsArea ul.linkAnchor{
  margin:0;
}

#contentsArea ul.linkMember li,
#contentsArea ul.linkAnchor li {
  display : inline;
  margin:0;
  /* padding:0 5px 3px 5px; */
  font-size: 1.8rem;
}

#contentsArea ul.linkMonthly {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 16px);
  margin: 0;
  list-style: none;
}
#contentsArea ul.linkMonthly li {
  margin: 0 9px 16px 0;
  font-size: 1.8rem;
  line-height: 1;
}
#contentsArea ul.linkMonthly li a {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M18%2C9a9%2C9%2C0%2C1%2C0-9%2C9A9%2C9%2C0%2C0%2C0%2C18%2C9ZM7.051%2C13.194a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518l2.7-2.67-2.7-2.67a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518%2C1.094%2C1.094%2C0%2C0%2C1%2C1.534%2C0l3.463%2C3.43a1.072%2C1.072%2C0%2C0%2C1%2C0%2C1.518L8.585%2C13.194A1.092%2C1.092%2C0%2C0%2C1%2C7.051%2C13.194Z%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E");
  padding-left: 21px;
}

#contentsArea ul.linkMember li a,
#contentsArea ul.linkAnchor li a{
  padding-left:10px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 3px;
}

#contentsArea .bulletListFloat {
  list-style-type:none;
  overflow:hidden;
}

#contentsArea .bulletListFloat li{
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") no-repeat left center ;
  margin-left:0;
  padding:0 13px 5px 13px;
  float:left;
  width:300px;
}

#contentsArea .bulletList {
  list-style :none;
}

#contentsArea .bulletListRow {
  display: flex;
  flex-wrap: wrap;
  list-style :none;
}
#contentsArea .bulletListRow li {
  margin: 0 32px 16px 0;
}

#contentsArea .bulletList li {
  margin-left: 0;
  padding: 0 0 0 24px;
  line-height: 1.7777;
  position: relative;
  background-position: left 7px;
  background-repeat: no-repeat;
  background-size: 1em;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M18%2C9a9%2C9%2C0%2C1%2C0-9%2C9A9%2C9%2C0%2C0%2C0%2C18%2C9ZM7.051%2C13.194a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518l2.7-2.67-2.7-2.67a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518%2C1.094%2C1.094%2C0%2C0%2C1%2C1.534%2C0l3.463%2C3.43a1.072%2C1.072%2C0%2C0%2C1%2C0%2C1.518L8.585%2C13.194A1.092%2C1.092%2C0%2C0%2C1%2C7.051%2C13.194Z%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E");
}

#contentsArea #subContentsBlock .sideSection ul.bulletList li {
  margin-left: 0;
  padding: 0 0 0 15px;
  font-size: 1.6rem;
  position: relative;
  background-size: auto;
  background-position: left 9px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E");
}

#contentsArea #subContentsBlock .sideSection ul.bulletList li::after {
  display: none;
}

#contentsArea ul.bulletList li ul.bulletList li{
  background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") no-repeat left 0.6em;
  margin-left:0;
  padding: 0 0 0 15px !important;
}

#contentsArea ul.bulletList li ul.bulletList li::before {
  content: none;
}

#contentsArea .markNone{
  list-style-type:none;
  margin-left:0;
  padding-left:0;
}

#contentsArea .markNone li{
  margin-left:0;
  padding-left:0;
}

#contentsArea .markNone li li{
  margin-left:15px;
}

#contentsArea .labelList {
  margin: 0;
  overflow: hidden;
  text-align: left;
}
#contentsArea .labelList dt{
  float: left;
  width: 80px;
  padding: 2px 0 0;
}
#contentsArea .labelList dd{
  padding: 0;
  border-bottom: 0;
  margin-left: 80px;
}

div.section ul.infoList {
  margin-bottom:30px;
  list-style-type:none !important;
}

div.section ul.infoList li{
  margin-left:0 !important;
  margin-bottom:0px;
  padding-left:120px !important;
  position: relative;
}

div.section ul.infoList li div.date {
  position: absolute;
  top:0;
  left:0;
  font-size : 1.1em;
  font-weight : bold;
  margin : 0 0 10px 10px !important;
}

div.section ul.infoList li div.topics {
  margin : 0 0 10px 10px !important;
}

div.section ul.infoList li div.topics a{
  background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") no-repeat left center;
  padding-left : 10px;

}

/* h30 add list style */
/* new ol style */
#contentsArea .numList,
#contentsArea .bracketsNumList {
  list-style-type: none;
  padding: 0;
}

#contentsArea .numList li,
#contentsArea .bracketsNumList li {
  margin-left: 0;
}

#contentsArea .numList li::before,
#contentsArea .bracketsNumList li::before {
  margin-right: .4em;
}
#contentsArea .bracketsNumList li::before {
  letter-spacing: -0.15em;
  display: inline-block;
}
.en #contentsArea .bracketsNumList li::before {
  letter-spacing: -0.04em;
}
#contentsArea .bracketsNumList li:nth-of-type(n + 10)::before {
  transform: scaleX(0.8);
  margin: 0 .2em 0 -.15em;
}
#contentsArea .numList li:nth-of-type(1)::before { content: "①"; }
#contentsArea .numList li:nth-of-type(2)::before { content: "②"; }
#contentsArea .numList li:nth-of-type(3)::before { content: "③"; }
#contentsArea .numList li:nth-of-type(4)::before { content: "④"; }
#contentsArea .numList li:nth-of-type(5)::before { content: "⑤"; }
#contentsArea .numList li:nth-of-type(6)::before { content: "⑥"; }
#contentsArea .numList li:nth-of-type(7)::before { content: "⑦"; }
#contentsArea .numList li:nth-of-type(8)::before { content: "⑧"; }
#contentsArea .numList li:nth-of-type(9)::before { content: "⑨"; }
#contentsArea .numList li:nth-of-type(10)::before { content: "⑩"; }
#contentsArea .numList li:nth-of-type(11)::before { content: "⑪"; }
#contentsArea .numList li:nth-of-type(12)::before { content: "⑫"; }
#contentsArea .numList li:nth-of-type(13)::before { content: "⑬"; }
#contentsArea .numList li:nth-of-type(14)::before { content: "⑭"; }
#contentsArea .numList li:nth-of-type(15)::before { content: "⑮"; }
#contentsArea .numList li:nth-of-type(16)::before { content: "⑯"; }
#contentsArea .numList li:nth-of-type(17)::before { content: "⑰"; }
#contentsArea .numList li:nth-of-type(18)::before { content: "⑱"; }
#contentsArea .numList li:nth-of-type(19)::before { content: "⑲"; }
#contentsArea .numList li:nth-of-type(20)::before { content: "⑳"; }

#contentsArea .bracketsNumList li:nth-of-type(1)::before { content: "(1)"; }
#contentsArea .bracketsNumList li:nth-of-type(2)::before { content: "(2)"; }
#contentsArea .bracketsNumList li:nth-of-type(3)::before { content: "(3)"; }
#contentsArea .bracketsNumList li:nth-of-type(4)::before { content: "(4)"; }
#contentsArea .bracketsNumList li:nth-of-type(5)::before { content: "(5)"; }
#contentsArea .bracketsNumList li:nth-of-type(6)::before { content: "(6)"; }
#contentsArea .bracketsNumList li:nth-of-type(7)::before { content: "(7)"; }
#contentsArea .bracketsNumList li:nth-of-type(8)::before { content: "(8)"; }
#contentsArea .bracketsNumList li:nth-of-type(9)::before { content: "(9)"; }
#contentsArea .bracketsNumList li:nth-of-type(10)::before { content: "(10)"; }
#contentsArea .bracketsNumList li:nth-of-type(11)::before { content: "(11)"; }
#contentsArea .bracketsNumList li:nth-of-type(12)::before { content: "(12)"; }
#contentsArea .bracketsNumList li:nth-of-type(13)::before { content: "(13)"; }
#contentsArea .bracketsNumList li:nth-of-type(14)::before { content: "(14)"; }
#contentsArea .bracketsNumList li:nth-of-type(15)::before { content: "(15)"; }
#contentsArea .bracketsNumList li:nth-of-type(16)::before { content: "(16)"; }
#contentsArea .bracketsNumList li:nth-of-type(17)::before { content: "(17)"; }
#contentsArea .bracketsNumList li:nth-of-type(18)::before { content: "(18)"; }
#contentsArea .bracketsNumList li:nth-of-type(19)::before { content: "(19)"; }
#contentsArea .bracketsNumList li:nth-of-type(20)::before { content: "(20)"; }


/* #contentsArea .numList li, */
#contentsArea .romanNumList01 li,
#contentsArea .romanNumList02 li {
  margin-left: 40px;
}

#contentsArea .romanNumList01 {
  list-style-type: upper-roman;
}

#contentsArea .romanNumList02 {
  list-style-type: lower-roman;
}

#contentsArea .alphaNumList {
  list-style: lower-alpha;
}

/* bullet01(bg-white) */
ul.bullet01 li,
p.bullet01 a {
  position: relative;
}

ul.bullet01 li::before,
p.bullet01 a::before {
  content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%229%22%20viewBox%3D%220%200%205%209%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23004697%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ebullet%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22logo%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221%200%200%200%204%204.5%200%209%201%209%205%204.5%201%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  z-index: 1;
}

ul.bullet01 li::after,
p.bullet01 a::after {
  background: #fff;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 15px;
  width: 15px;
}

/* bullet02(bg-blue) */
ul.bullet02 li,
p.bullet02 a {
  position: relative;
}

ul.bullet02 li::before,
p.bullet02 a::before {
  content:'';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  z-index: 1;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2218%22%20viewBox%3D%220%200%2010%2018%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ebullet%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22logo%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221%200%200%200%204%204.5%200%209%201%209%205%204.5%201%200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  height: 10px;
  width: 5px;
}

ul.bullet02 li::after,
p.bullet02 a::after {
  background: #004697;
  border-radius: 50%;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 15px;
  width: 15px;
}

/*-----------------------------------
 英語・日本語切り替え
-----------------------------------*/
#contentsArea .switchLang {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type : none;
  width: fit-content;
  background: #F8F8F5;
  margin: 24px 0 24px auto !important;
  padding: 24px;
  text-align:center;
}

#contentsArea h1 + .switchLang,
#contentsArea .h1Block + .switchLang {
  margin-top: -24px !important;
}
#contentsArea .switchLang li {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1;
}
#contentsArea .switchLang li + li {
  margin: 0 0 0 64px;
  position: relative;
}
#contentsArea .switchLang li + li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -32px;
  transform: translateY(-50%);
  width: 1px;
  height: 180%;
  background: #bbb;
}
#contentsArea .switchLang li a {
  padding: 0;
  background-image: none;
}
#contentsArea #subContentsBlock .switchLang {
  width: 100%;
  margin: 0 0 48px;
  padding: 24px 0;
  background: #fff;
  border: 1px solid #D9D9D9;
}
#contentsArea #subContentsBlock .switchLang li {
  font-size: 1.6rem;
  letter-spacing: 0;
}
#contentsArea #subContentsBlock .switchLang li + li {
  margin: 0 0 0 24px;
}
#contentsArea #subContentsBlock .switchLang li + li::before {
  left: -12px;
}

/*-----------------------------------------------------
dl
-------------------------------------------------------*/

dl dt,
dl dd {
  font-size: 1.8rem;
}
dl dd {
	margin-left: 60px;
}

.dlListRow {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dlListRow dt {
  width: 25%;
}
.dlListRow dd {
  width: calc(75% - 24px);
  margin: 0;
}
.dlListRow dd + dd {
  margin-left: auto;
}


/* topicsList */
#contentsArea .topicsList{
  margin: 1em 0;
}

#contentsArea .topicsList dt,
#contentsArea .topicsList dd {
  font-size: 1.8rem;
  line-height: 1.5;
}

#contentsArea .topicsList dt{
  float:left;
  clear:both;
  width: 190px;
}

#contentsArea .topicsList dd{
  border-bottom: 1px solid #D9D9D9;
  margin: 0 0 20px;
  padding: 0 0 20px 210px;
}


/* topicsList02 */
#contentsArea .topicsList02{
  margin: 1em 0 1em 0;
}

#contentsArea .topicsList02 dt{
  float:left;
  clear:both;
  padding: 0 0 4px 0;
  font-size:1.2em;
  font-weight:bold;
  margin:0;
}

#contentsArea .topicsList02 dd{
  padding: 3px 0 8px 11.5em;
  margin:0;
}

#contentsArea .topicsList02 dd a{
  background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") no-repeat left 12px;
  padding : 0 0 0 10px;
  margin:0;
  display: inline-block;
}

#contentsArea .consumerDl{
  margin: 0 0 0 1em;
}
#contentsArea .consumerDl dt,
#contentsArea .consumerDl dd {
  float: left;
  margin: 0;
}
#contentsArea .consumerDl dt {
  margin-right: 5px;
}

/* iconList */
dl.dotline {
  border-top: 1px dotted #D9D9D9;
}
dl.dotline dt ,
dl.dotline dd {
  padding: 8px 5px;
}
dl.dotline dd{
  border-bottom: 1px dotted #D9D9D9;
  padding-left: 140px;
}


.iconListS dt ,
.iconListS dd {
  min-height: 33px;
  margin-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.iconListS dt {
  width: 130px;
  position: absolute;
}
.iconListS dd {
  padding-left: 140px;
}


.iconListAdobe dt ,
.iconListAdobe dd {
  min-height: 33px;
  margin-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.iconListAdobe dt {
  width: 130px;
  position: absolute;
}
.iconListAdobe dd {
  padding-left: 170px;
}

/*-----------------------------------------------------
table
-------------------------------------------------------*/

.baseTable{
  margin: .5em 0;
  border:1px solid #d5d4d4;
  background-color:#e8edf0;
  border-collapse: collapse;
}

.baseTable th{
  text-align:left;
  background-color:#e8edf0;
  border:1px solid #d5d4d4;
  padding:7px;
  font-size:1.2em;
}

.baseTable.thCenter th{
  text-align:center;
}

.baseTable td{
  padding:7px;
  background-color:#ffffff;
  border:1px solid #d5d4d4;
  border-top:none;
  border-bottom:none;
}

.baseTable td.indent1{
  padding:7px 7px 7px 1.5em;
}
.baseTable td.indent2{
  padding:7px 7px 7px 2.5em;
}
.baseTable td.indent3{
  padding:7px 7px 7px 3.5em;
}
.baseTable td.indent4{
  padding:7px 7px 7px 4.5em;
}
.baseTable td.indent5{
  padding:7px 7px 7px 5.8em;
}

.baseTable .firstChild th,
.baseTable tr:first-child th{
  background:none;
}

.baseTable .lastChild td,
.baseTable tr:last-child td{
  background:none;
  background-color:#ffffff;
}

.tableBase{
  max-width: 100%;
  margin: .5em 0;
  border:1px solid #D9D9D9;
  border-collapse: collapse;
}
.tableBase th,
.tableBase td,
.baseTable th,
.baseTable td {
  padding: 12px 6px;
  border: 1px solid #D9D9D9;
  font-size: 1.4rem !important;
  letter-spacing: 0;
}
.tableBase p,
.baseTable p,
.tableBase li,
.baseTable li,
.tableBase dt,
.baseTable dt,
.tableBase dd,
.baseTable dd {
  font-size: 1.4rem !important;
}
.tableBase th{
  background-color: #F8F8F5;
}

.tableBase td{
  background-color:#ffffff;
}

.tableBase td.indent1{
  padding:7px 7px 7px 1.5em;
}
.tableBase td.indent2{
  padding:7px 7px 7px 2.5em;
}
.tableBase td.indent3{
  padding:7px 7px 7px 3.5em;
}
.tableBase td.indent4{
  padding:7px 7px 7px 4.5em;
}
.tableBase td.indent5{
  padding:7px 7px 7px 5.8em;
}
.baseTable .bg-yellow th {
  background-color: #ffffcc;
  text-align: center;
}

/* tableBase2 */
.tableBase2 th,
.tableBase2 td {
  padding: 2px 8px 2px 0;
}
.tableBase2 th {
  text-align: left;
}
/* table option */
.valignTop th,
.valignTop td {
  vertical-align: top;
}
.tableBase caption,
.tableBase2 caption{
  padding: .5em 0;
  font-weight: bold;
  text-align: left;
}

/*----------------------------
 seisaku
----------------------------*/
.seisakuBox{}

.seisakuBox div{
  border-bottom: solid 1px #cccccc;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.seisakuBox ul li{
  list-style-type: none;
  display: inline-block;
  margin-left: 0!important;
  margin-right: 15px!important;
  padding-top: 5px;
  padding-bottom: 5px;
}

.seisakuBox ul.seisakuList{
  background: #eeeeee;
  margin:0;
  padding:10px;
}

.seisakuBox ul.seisakuList li{
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 17%;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
  list-style-type: none;
  margin-left: 15px!important;
  margin-right:0!important;
}

.seisakuBox ul li a,
.seisakuBox ul.seisakuList li a{
  padding-left: 25px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M18%2C9a9%2C9%2C0%2C1%2C0-9%2C9A9%2C9%2C0%2C0%2C0%2C18%2C9ZM7.051%2C13.194a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518l2.7-2.67-2.7-2.67a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518%2C1.094%2C1.094%2C0%2C0%2C1%2C1.534%2C0l3.463%2C3.43a1.072%2C1.072%2C0%2C0%2C1%2C0%2C1.518L8.585%2C13.194A1.092%2C1.092%2C0%2C0%2C1%2C7.051%2C13.194Z%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") left center no-repeat;
}

table.seisaku{
  width: 100%;
  margin-bottom: 15px;
}

table.seisaku th{
  text-align: left;
}

table.seisaku th a{
  padding-left: 25px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M18%2C9a9%2C9%2C0%2C1%2C0-9%2C9A9%2C9%2C0%2C0%2C0%2C18%2C9ZM7.051%2C13.194a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518l2.7-2.67-2.7-2.67a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518%2C1.094%2C1.094%2C0%2C0%2C1%2C1.534%2C0l3.463%2C3.43a1.072%2C1.072%2C0%2C0%2C1%2C0%2C1.518L8.585%2C13.194A1.092%2C1.092%2C0%2C0%2C1%2C7.051%2C13.194Z%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") left center no-repeat;
}

table.seisaku td{
  padding: 10px 10px 0 10px;
}

table.seisaku td.description {
  background-color: #fcfbea;
  padding: 7px 20px;
}

table.seisaku td p,
table.seisaku td ul{
  margin-top: 0!important;
}

table.seisaku td ul,
table.seisaku td ul li{
  margin: 0;
  padding: 0;
}


table.seisaku td ul li{
  display: inline-block;
  margin-left: 0!important;
  margin-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.seisaku td ul li a{
  padding-left: 10px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") left center no-repeat;
}

.noPad th p,
.noPad th ul,
.noPad th ol,
.noPad th dl,
.noPad td p,
.noPad td ul,
.noPad td ol,
.noPad td dl {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.topicsTable{
  margin:0 0 1.5em 0;
}

.topicsTable th,
.topicsTable td{
  padding:5px;
}

.topicsTable th{
  white-space:nowrap;
  text-align:left;
  font-size:1.2em;
  line-height:1.2em;
  vertical-align:top;
  width:22%;
}

.topicsTable td span.noLink,
.topicsTable td a{
  background:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") no-repeat scroll left 5px transparent;
  display:inline-block;
  margin:0;
  padding:0 0 0 10px;
}

.green{
  background-color:#adff2f !important;
}

.enTopics th{
  font-weight:normal;
  font-size:1em;
  white-space:nowrap;
  width:10%;
}


/*-----------------------------------------------------
icon
-------------------------------------------------------*/
.ico{
  width: 16px;
  height: 16px;
  margin: 0 6px;
  vertical-align: text-bottom;
}

.icoM{
  vertical-align:middle;
  margin: 0 2px;
}
.icoL{
  vertical-align:middle;
  margin: 0 2px 2px;
}


/*-----------------------------------------------------
font
-------------------------------------------------------*/

.textS{
  font-size: 1.4rem;
  line-height:1.2;
}

.textL{
  font-size: 2.4rem;
}
.textNormal,
h2 span.textNormal{
  font-weight: normal;
  font-size:.8em;
}

.caption{
  font-size:.8em;
  padding:0;
  margin:0.5em 0 !important;
}

.textRed{
  color:#c00202;
}

.indent p{
  text-indent:1em;
}

#contentsArea .indentMg0 p {
  margin:0 0 1em 1em;
}

/*-----------------------------------------------------
span
-------------------------------------------------------*/
span.txtNote {
  padding-left : 15px;
}

.photoLine{
  border:1px solid #dad1d2;
}

/*-----------------------------------------------------
alert
-------------------------------------------------------*/

.urgentBlock,
.noticeBlock {
  margin: 0 0 64px;
  padding: 32px;
  background: rgba(255, 255, 255, .9);
  border: 2px solid #004697;
  border-top-width: 8px;
  border-radius: 8px;
  position: relative;
}
.urgentBlock .urgentTitle,
.noticeBlock .noticeTitle {
  color: #004697;
  font-size: 2.4rem !important;
  font-weight: bold;
  line-height: 1.125 !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: none !important;
}
.urgentBlock .urgentTitle::after,
.noticeBlock .noticeTitle::after {
  content: none !important;
}
.urgentBlock .urgentContents,
.noticeBlock .noticeContents {
  padding: 4px 32px;
  background: #fff;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
}
.urgentBlock {
  border-color: #C90000;
}
.urgentBlock .urgentTitle {
  color: #C90000;
}

.alertBox{
  border:2px solid #C90000;
  border-top-width: 8px;
  border-radius: 8px;
  margin: 0 0 64px;
  padding: 32px;
}

.alertBoxblue{
  border:2px solid #004697;
  border-top-width: 8px;
  border-radius: 8px;
  margin: 0 0 64px;
  padding: 32px;
}


#contentsArea .alertBox p,
#contentsArea .alertBoxblue p{
  margin:0 ;
}

.alertBox p.txt,
.alertBoxblue p.txt{
  margin:0  !important;
  padding:0;

}


.encloseBlock {
  margin: 0 0 64px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}
.encloseBlock .encloseTitle {
  margin: 0 !important;
  padding: 16px 32px !important;
  background: #F8F8F5 !important;
  border: none !important;
  border-radius: 8px 8px 0 0;
  font-size: 2.8rem !important;

}
.encloseBlock .encloseTitle::after {
  content: none !important;
}
.encloseBlock .encloseContents {
  padding: 8px 32px;
}


/*-----------------------------------------------------
noguchisho
-------------------------------------------------------*/

#mainContentsBlock .hukusimaContents .itemBox .innerBox {
  width: 400px;
}
#mainContentsBlock .hukusimaContents .itemBox .innerBoxR {
  width: 500px;
}

#contentsArea .hukusimaContents .innerBoxR li {
  list-style: none;
  float: left ;
  width: 193px;
  margin: 0 10px 0 0;
}
#contentsArea .jusyou-videoList {
  clear: both;
  width: 840px;
}
#contentsArea .jusyou-videoList li {
  float: left;
  list-style: none;
  width: 148px;
  margin: 0 20px 0 0;
  padding-bottom: 20px;
}

#contentsArea .topicsList.noguchishoKeii dd {
  padding:3px 0 8px 8em;
}
#contentsArea .topicsList.noguchishoKeii.eng dd {
  padding:3px 0 8px 10em;
}
#contentsArea .topicsList.noguchishoKeii dd a {
  background: none;
  padding: 0;
  display: inline;
}

.celemony-imgList {
  clear: both;
  width: 890px;
}
#contentsArea .celemony-imgList li {
  float: left;
  list-style: none;
  width: 193px;
  margin: 0 20px 0 0;
  padding-bottom: 20px;
}

/* 追加 */
#mainContentsBlock .jushoushaContents .winnerBox .winnerName {
  margin-top: 0;
  font-size: .9em;
  background-color: #e8eeee;
  border: 3px solid #d8dcdf;
  padding: 10px;
}

#mainContentsBlock .jushoushaContents .winnerBox .winnerDesc ul {
	list-style-type:none;
	margin-left: 0;
}

#mainContentsBlock .jushoushaContents .winnerBox .winnerDesc li {
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 .7em ;
	margin-left: 0;
	padding: 2px 13px !important;
}
#mainContentsBlock .jushoushaContents .winnerBox .winnerDesc li::before {
	content: '';
	margin: 0;
}
#mainContentsBlock .jushoushaContents .winnerBox .winnerDesc2 {
  clear: both;
}
#mainContentsBlock .jushoushaContents .eventBox {
  overflow: hidden;
  padding: 15px 0 0;
  border-bottom: 1px dotted #cccccc;
}
#mainContentsBlock .jushoushaContents .eventBox .eventList {
  margin-top: 0;
}
#mainContentsBlock .jushoushaContents .eventBox .eventList dt {
  margin-bottom: 10px;
  font-weight: bold;
}
#mainContentsBlock .jushoushaContents .eventBox .eventList .date {
  display: block;
  font-size: .9em;
  margin-bottom: 5px;
}
#mainContentsBlock .jushoushaContents .eventBox .eventList dd {
  margin-left: 0;
}

/* 2018/09/20 add */
#mainContentsBlock .jushoushaContents .itemBox {
	display: flex;
	justify-content: space-between;
}

#mainContentsBlock .jushoushaContents .itemBox .innerBox,
#mainContentsBlock .jushoushaContents .itemBox .innerBoxR {
	padding: 0 0 10px 0;
	width: calc(50% - 15px);
}

#mainContentsBlock .jushoushaContents .itemBox .bulletLink {
  background-position: left .25em;
}

/* textO */
.textO {
  font-style: oblique !important;
}

/* listBase */
ul.listBase {
  list-style-type:none !important;
}
ul.listBase li {
  margin-left: 0 !important;
}
#contentsArea ul.listBase li.indent1 {margin-left: 1.5em !important;}
#contentsArea ul.listBase li.indent2 {margin-left: 3em !important;}
#contentsArea ul.listBase li.indent3 {margin-left: 4.5em !important;}
#contentsArea ul.listBase li.indent4 {margin-left: 6em !important;}
#contentsArea ul.listBase li.indent5 {margin-left: 7.5em !important;}


/* その他ページ切り替えナビ */
#contentsArea dl.switchPage {
  width: auto;
  text-align: right;
}
#contentsArea dl.switchPage dt,
#contentsArea dl.switchPage dd {
  margin-left: 8px;
  display: inline;
}
#contentsArea dl.switchPage dt {
  font-weight: bold;
}
#contentsArea dl.switchPage ul,
#contentsArea dl.switchPage li{
  list-style-type : none;
  display: inline;
}
#contentsArea dl.switchPage li{
  margin-left: 8px;
}
#contentsArea dl.switchPage li a{
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%229%22%20viewBox%3D%220%200%206%209%22%3E%3Cpath%20d%3D%22M14.2%2C18.2a1%2C1%2C0%2C0%2C1-.659-1.753l3.14-2.747-3.14-2.747a1%2C1%2C0%2C1%2C1%2C1.317-1.505l4%2C3.5a1%2C1%2C0%2C0%2C1%2C0%2C1.505l-4%2C3.5A1%2C1%2C0%2C0%2C1%2C14.2%2C18.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E") no-repeat scroll left center transparent;
  padding: 0 0 0 10px;
}
#contentsArea #mainContents dl.switchPage {
  margin: 0;
}

/*-----------------------------------------------------
20180530 move from search.css
共通検索ヘルプページ用 notice-search.html
-------------------------------------------------------*/
.searchHelpScreenshot,
.searchHelpGuide {
  float: left;
  margin-bottom: 15px;
}
.searchHelpScreenshot {
  margin-right: 20px;
}

/*-----------------------------------------------------
20180921
ページ内リンク用
-------------------------------------------------------*/
#contentsArea .linkBox {
  background: #F8F8F5;
  margin-bottom: 32px;
  padding: 24px 24px 16px;
}

#contentsArea .linkBox ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
#contentsArea .linkBox ul.bulletListCol {
  flex-direction: column;
}

#contentsArea .linkBox li {
  margin: 0 16px 8px 0;
  /* padding-left: 15px; */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20d%3D%22M18%2C9a9%2C9%2C0%2C1%2C0-9%2C9A9%2C9%2C0%2C0%2C0%2C18%2C9ZM7.051%2C13.194a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518l2.7-2.67-2.7-2.67a1.073%2C1.073%2C0%2C0%2C1%2C0-1.518%2C1.094%2C1.094%2C0%2C0%2C1%2C1.534%2C0l3.463%2C3.43a1.072%2C1.072%2C0%2C0%2C1%2C0%2C1.518L8.585%2C13.194A1.092%2C1.092%2C0%2C0%2C1%2C7.051%2C13.194Z%22%20transform%3D%22translate(18)%20rotate(90)%22%20fill%3D%22%23004697%22%2F%3E%3C%2Fsvg%3E");
}


/*-----------------------------------------------------
20180920
サイトリスト用
-------------------------------------------------------*/
.linkListBlock {
	box-sizing: border-box;
	margin: 0;
}
.linkListBlock .siteList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
}
.linkListBlock .siteList::before {
	content: "";
	display: block;
	width: calc(25% - 30px / 4);
	order: 1;
}
.linkListBlock .siteList::after{
	content: "";
	display: block;
	width: calc(25% - 30px / 4);
}
#contentsArea .linkListBlock .siteList li {
	background: #004697;
	border: 1px solid #004697;
	box-sizing: border-box;
	list-style-type: none;
	margin: 0 0 10px 0 !important;
	padding: 0 20px 0 0;
	position: relative;
	width: calc(25% - 30px / 4);
}
#contentsArea .linkListBlock .siteList li:hover {
	border: 1px solid #ffffff;
}
#contentsArea .linkListBlock .siteList li:hover:before {
	border: 4px solid #004697;
	content: "";
	height: calc(100% + 2px);
	left: -5px;
	position: absolute;
	top: -5px;
	width:  calc(100% + 2px);
	z-index: 1;
}
.linkListBlock .siteList li::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#contentsArea .linkListBlock .siteList li a {
	display: block;
	position: relative;
	z-index: 3;
}

#contentsArea .linkListBlock .siteList li a img {
	display: block;
	height: auto;
	width: 100%;
}
.linkListBlock .siteList li::after {
    content: '';
    position: absolute;
    left: auto;
    right: 0px !important;
    width: 20px !important;
    height: 100% !important;
    background-color: #004697;
    z-index: 1;
}
.linkListBlock .siteList li .banner_icon{
    position: absolute;
    top: 0 ;
    bottom: 0;
    left: 104%;
    right: 0px ;
    width: auto !important;
    height: auto !important;
    margin: auto!important;
    z-index: 2;
}

.seisaku-layout .seisakuBox ul.seisakuList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.seisaku-layout .seisakuBox ul.seisakuList::before{
  content:"";
  display: block;
  width: 24%;
  order:1;
}
.seisaku-layout .seisakuBox ul.seisakuList::after{
  content:"";
  display: block;
  width: 24%;
}
.seisaku-layout .seisakuBox ul.seisakuList li {
  margin: 0 !important;
  width: 24%;
}
.seisaku-layout h3 + .tableBase.seisaku {
  margin-top: 0;
}
.seisaku-layout .tableBase {
  display: table;
  border: 1px solid #D9D9D9;
}
.seisaku-layout table.seisaku td {
  border-style: dotted;
}
.seisaku-layout table.seisaku td ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.seisaku-layout table.seisaku td ul li {
  margin: 0;
  flex: 0 0 49%;
}

.seisaku-layout h3 {
  background: #F8F8F5;
  border: 1px solid #D9D9D9;
  margin-bottom: -1px;
  padding: 10px;
}

hr {
  margin: 32px 0;
  border: none;
  border-top: 1px solid #bbb;
}
hr.hrBlue {
  border-color: #004697;
}
hr.hrDot {
  border-top-style: dashed;
}
hr.hrDotblue {
  border-color: #004697;
  border-top-style: dashed;
}


#contentsArea .linkBtn {
  display: block;
	width: fit-content;
	margin: 0 0 32px;
	padding: 16px 40px 16px 20px;
	background: #004697;
	border-radius : 4px;
	font-size: 1.8rem;
	line-height: 1;
	color: #fff !important;
	text-decoration: none;
	position: relative;
}
#contentsArea .linkBtn::before {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: .8em;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%3E%3Cpath%20d%3D%22M14.534%2C23.2a1.257%2C1.257%2C0%2C0%2C1-1-.531%2C1.742%2C1.742%2C0%2C0%2C1%2C.125-2.2L17.842%2C16.2l-4.187-4.274a1.742%2C1.742%2C0%2C0%2C1-.125-2.2%2C1.205%2C1.205%2C0%2C0%2C1%2C1.881-.146l5.333%2C5.444a1.733%2C1.733%2C0%2C0%2C1%2C0%2C2.341l-5.333%2C5.444A1.224%2C1.224%2C0%2C0%2C1%2C14.534%2C23.2Z%22%20transform%3D%22translate(-13.2%20-9.2)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
#contentsArea .linkBtn.noIcon {
  padding-right: 16px;
}
#contentsArea .linkBtn.noIcon::before {
  content: none;
}
#contentsArea .linkBtn:hover {
	background-color: #003470;
}
#contentsArea .linkBtnList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  width: calc(100% + 16px);
}
#contentsArea .linkBtnListRow {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
#contentsArea .linkBtnList li,
#contentsArea .linkBtnListRow li {
  margin: 0 16px 32px 0;
}
#contentsArea .linkBtnList li a,
#contentsArea .linkBtnListRow li a {
  margin: 0;
}
#contentsArea .linkBtnPager {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
#contentsArea .linkBtnPager li {
  margin: 0;
}
#contentsArea .linkBtnPager li:first-of-type .linkBtn {
  padding-left: 40px;
  padding-right: 20px;
}
#contentsArea .linkBtnPager li:first-of-type .linkBtn::before {
	left: 20px;
	right: unset;
	transform: translateY(-50%) rotate(180deg);
}

figure {
  width: fit-content;
  margin: 0 0 32px;
}
figure img:not(.ico) {
  display: block;
  margin: 0 auto;
}
figcaption {
  text-align: center;
  margin: 8px 0 0;
  font-size: 1.4rem;
}
a figcaption {
  text-decoration: underline;
}
a:hover figcaption {
  text-decoration: none;
}

.imgMax {
  width: 100%;
  margin: 0 0 64px;
}
.imgMax img {
  width: 100%;
}
.imgMax figcaption {
  margin-top: 20px;
}
.imgLargeCenter {
  width: 76.19%;
  margin-left: auto;
  margin-right: auto;
}
.imgLargeCenter img {
  width: 100%;
}

.imgFloatLeft::after,
.imgFloatRight::after {
  content: "";
  clear: both;
  display: block;
}
.imgFloatLeft figure {
  float: left;
  margin: 8px 32px 24px 0;
}
.imgFloatRight figure {
  float: right;
  margin: 8px 0 24px 32px;
}
.imgFloatLeft figure figcaption,
.imgFloatRight figure figcaption {
  margin-bottom: -8px;
}

#contentsArea .flexCol2,
#contentsArea .flexCol3,
#contentsArea .flexCol4 {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
#contentsArea .flexCol2 {
  width: calc(100% + 40px);
}
#contentsArea .flexCol3 {
  width: calc(100% + 32px);
}
#contentsArea .flexCol4 {
  width: calc(100% + 24px);
}
#contentsArea .flexCol2 li {
  width: calc(50% - 40px);
  margin: 0 40px 48px 0;
}
#contentsArea .flexCol3 li {
  width: calc(33.3333% - 32px);
  margin: 0 32px 48px 0;
}
#contentsArea .flexCol4 li {
  width: calc(25% - 24px);
  margin: 0 24px 48px 0;
}
#contentsArea .flexCol2 li img:not(.ico),
#contentsArea .flexCol3 li img:not(.ico),
#contentsArea .flexCol4 li img:not(.ico) {
  display: block;
  width: 100%;
}
#contentsArea .flexCol2 li p,
#contentsArea .flexCol3 li p,
#contentsArea .flexCol4 li p {
  margin: 16px 0 0;
}
#contentsArea .flexCol4 li p {
  font-size: 1.6rem;
  letter-spacing: .09em;
}
#contentsArea .flexCol2 li > a,
#contentsArea .flexCol3 li > a,
#contentsArea .flexCol4 li > a {
  display: block;
}

#contentsArea .flexCol2 li figure,
#contentsArea .flexCol3 li figure,
#contentsArea .flexCol4 li figure {
  width: 100%;
  margin-bottom: 0;
}
#contentsArea .flexCol2 li figcaption,
#contentsArea .flexCol3 li figcaption,
#contentsArea .flexCol4 li figcaption {
}


#contentsArea .flexCard {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 32px);
  margin: 0 0 24px;
  list-style: none;
}
#contentsArea .flexCard li {
  width: calc(33.3333% - 32px);
  margin: 0 32px 24px 0;
}
#contentsArea .flexCard li a {
  display: block;
  height: 100%;
  padding: 20px 20px 40px;
  background: #fff;
  border: 1px solid #9D9D9D;
  border-radius: 10px;
  box-shadow: 0 0 6px rgba(0, 0, 0, .06);
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
}
#contentsArea .flexCard li a:hover,
#contentsArea .flexCard li a:focus {
  background: #004697;
  border-color: #004697;
  box-shadow: none;
  color: #fff;
}
#contentsArea .flexCard li a img:not(.ico) {
  display: block;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 24px;
}
#contentsArea .flexCard li a span {
  display: block;
  font-size: 1.4rem;
  line-height: 1;
  margin-bottom: 8px;
}
#contentsArea .flexCard li a p {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4444;
  letter-spacing: .05em;
  margin: 0;
}


#contentsArea .flexBanner {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin: 0;
  list-style: none;
}
#contentsArea .flexBanner li {
  width: calc(33.3333% - 24px);
  margin: 0 24px 24px 0;
}
#contentsArea .flexBanner li a {
  display: flex;
  align-items: center;
  padding-right: 16px;
  background: #fff;
  border: 1px solid #9D9D9D;
  border-radius: 8px;
  box-shadow: 0 0 6px rgba(0, 0, 0, .06);
  color: #333;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2;
}
#contentsArea .flexBanner li a:hover,
#contentsArea .flexBanner li a:focus {
  background: #004697;
  border-color: #004697;
  box-shadow: none;
  color: #fff;
}
#contentsArea .flexBanner li a img:not(.ico) {
  width: 80px;
  margin-right: 16px;
  border-radius: 6.5px 0 0 6.5px;
}


#contentsArea .snsList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 0 40px;
  list-style: none;
}
#contentsArea .snsList li {
  margin: 0 16px 24px;
}
#contentsArea .snsList li a {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 1.5;
  overflow-wrap:  anywhere;
}
#contentsArea .snsList li a img {
  width: 48px;
  height: 48px;
}
#contentsArea .snsList li a span {
  margin: 0 0 0 16px;
}