@charset "utf-8";
/* CSS Document */
/*
===== Content =====
1. Common Setting
  Reset
  Basic Setting

2. General Classes
  Display PC SP Toggle
  Float Classes

3. Outline Setting
  Common
  Header
  Menu Btn
  Global Nav
  Main Visual
  Footer

4. Module Block Setting
  News List
  Link List
  BTN

5. Top Page
  Top Page Common
  Disaster
  News
  BTN
  Pick Up
  Menu

6. Module setting
  Common Setting
  lang
  Page Link
  Tab Link
  P
  List
  Link
  Table
  Icon
  HR
  Index Link List

7. Style
  h Titles
  Width
  Text-Decoration
  Img
	list photo
	caption photo
  Float
	float photo
	float text
	float caption
  layout
	hr
	border
	padding
	margin
	text-indent
	initial
  Link
  	page-link
    page-index
    Link List
  List
	asterisk
	kome
  	number
	kana
	comments list
	list-notes
	roman-number
	info-item
	list01,02
  Definition List
	info-item01
	info-item02
	info-item37
	info-item55
	info-item64
	info03
	info04
	info05
	info5em
	list-info
  Table 
  	duotone
	tbl-box
	js-tbl
	table_like
	table layout
	kawase
  Paging
  Special parts
	history
	backnumber
	Question&Answer
	arekore
  	ksoshiki
	enforce
	policyboard
	officer
	list-release
	box-2col

8.Search Page

9.Unavailable Page

10.News List Page

11.Education Page

12.Print Style

*/


/********************************
1. Common Setting
********************************/
/***** Reset ****/
/* #region */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  background-color: #fff;
  border-left: 5px solid #0f4c81;
  box-sizing: border-box;
  color: #231815;
  font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 100%;
  line-height: 1.5em;
  position: relative;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;  
}
@media (min-width:768px) {
  body {
    font-size: 120%;
  }
}
@media (max-width:1500px){
  body {
    font-size: 110%;
  }
}
@media (max-width:1200px){
  body {
    font-size: 100%;
  }
}
/* #endregion */

/***** Basic Setting ****/
/* Tag Setting */
/* #region */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  border: none;
  vertical-align: middle;
  max-width: 100%;
}
img:not(.thumb img.filter) {
  height: auto;
}
ul,ol {
  list-style: none;
}
input,
select {
  color: #231815;
  vertical-align: middle;
}
input,
button,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
}
button:hover {
  cursor: pointer;
}
a {
  color: #0f4c81;
}
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 2px 
  #6fa6d5 solid;
}
a[href^="http"]::before {
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 29px;
  margin: 0 .5em 0 0;
  vertical-align: middle;
  width: 27px;
}
a[href^="http"]::before {
  background-image: url("/common2/img/common/icon_external.png");
}
a.img[href^="http"]::before,
a[href^="http://www.boj.or.jp/"]::before,
a[href^="http://www.imes.boj.or.jp/"]::before,
a[href^="http://www2.boj.or.jp/"]::before,
a[href^="http://www3.boj.or.jp/"]::before,
a[href^="http://www4.boj.or.jp/"]::before,
a[href^="http://www5.boj.or.jp/"]::before,
a[href^="http://www.stat-search.boj.or.jp/"]::before,
a[href^="https://www.boj.or.jp/"]::before,
a[href^="https://www.imes.boj.or.jp/"]::before,
a[href^="https://www2.boj.or.jp/"]::before,
a[href^="https://www3.boj.or.jp/"]::before,
a[href^="https://www4.boj.or.jp/"]::before,
a[href^="https://www5.boj.or.jp/"]::before,
a[href^="https://www.stat-search.boj.or.jp/"]::before {
  content: none;
}

a[href$=".pdf"]::before,
a[href$=".xls"]::before,
a[href$=".xlsx"]::before,
a[href$=".doc"]::before,
a[href$=".docx"]::before,
a[href$=".ppt"]::before,
a[href$=".pptx"]::before,
a[href$=".csv"]::before,
a[href$=".txt"]::before,
a[href$=".zip"]::before,
a[href$=".lzh"]::before,
a[href$=".mpeg"]::before,
a[href$=".mpg"]::before,
a[href$=".avi"]::before,
a[href$=".mp4"]::before {
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  display: inline-block;
  height: 29px;
  margin: 0 .5em 0 0;
  vertical-align: middle;
  width: 27px;
}
a[href$=".pdf"]::before {
  background-image: url("/common2/img/common/icon_pdf.png");
}
a[href$=".xls"]::before,
a[href$=".xlsx"]::before {
  background-image: url("/common2/img/common/icon_xls.png");
}
a[href$=".doc"]::before,
a[href$=".docx"]::before {
  background-image: url("/common2/img/common/icon_doc.png");
}
a[href$=".ppt"]::before,
a[href$=".pptx"]::before {
  background-image: url("/common2/img/common/icon_ppt.png");
}
a[href$=".csv"]::before {
  background-image: url("/common2/img/common/icon_csv.png");
}
a[href$=".txt"]::before {
  background-image: url("/common2/img/common/icon_txt.png");
}
a[href$=".zip"]::before,
a[href$=".lzh"]::before {
  background-image: url("/common2/img/common/icon_zip.png");
}
a[href$=".mpeg"]::before,
a[href$=".mpg"]::before,
a[href$=".mp4"]::before,
a[href$=".avi"]::before {
  background-image: url("/common2/img/common/icon_mov.png");
}
a.img[href$=".pdf"]::before,
a.img[href$=".zip"]::before,
a.img[href$=".lzh"]::before,
a.img[href$=".csv"]::before,
a.img[href$=".txt"]::before,
a.img[href$=".xls"]::before,
a.img[href$=".xlsx"]::before,
a.img[href$=".doc"]::before,
a.img[href$=".docx"]::before,
a.img[href$=".ppt"]::before,
a.img[href$=".pptx"]::before,
a.img[href$=".mpeg"]::before,
a.img[href$=".mpg"]::before,
a.img[href$=".mp4"]::before,
a.img[href$=".avi"]::before {
  content: none;
}

.no_icon::before {
  content: none !important;
}
/* #endregion */

/* Keyframes Setting */
/* #region */
@keyframes fadeIn {
  0%   { display: none; opacity: 0; }
  1%   { display: block; opacity: 0; }
  100% { display: block; opacity: 1; }
}
@-webkit-keyframes fadeIn {
  0%   { display: none; opacity: 0; }
  1%   { display: block; opacity: 0; }
  100% { display: block; opacity: 1; }
}

@keyframes fadeInFx {
  0%   { display: none; opacity: 0; }
  1%   { display: flex; opacity: 0; }
  100% { display: flex; opacity: 1; }
}
@-webkit-keyframes fadeInFx {
  0%   { display: none; opacity: 0; }
  1%   { display: flex; opacity: 0; }
  100% { display: flex; opacity: 1; }
}

@keyframes fadeOut {
  0%   { display: block; opacity: 1; }
  99%  { display: block; opacity: 0; }
  100% { display: none; opacity: 0; }
}
@-webkit-keyframes fadeOut {
  0%   { display: block; opacity: 1; }
  99%  { display: block; opacity: 0; }
  100% { display: none; opacity: 0; }
}

@keyframes fadeOutFx {
  0%   { display: flex; opacity: 1; }
  99%  { display: flex; opacity: 0; }
  100% { display: none; opacity: 0; }
}
@-webkit-keyframes fadeOutFx {
  0%   { display: flex; opacity: 1; }
  99%  { display: flex; opacity: 0; }
  100% { display: none; opacity: 0; }
}
/* #endregion */

/********************************
2. General Classes
********************************/
/***** Display PC SP Toggle *****/
/* #region */
.gen-disp_non {
  display: none !important;
}
.gen-disp_sp {
  display: block;
}
.gen-disp_sp_inline {
  display: inline;
}
@media (min-width:768px) {
  .gen-disp_sp,
  .gen-disp_sp_inline {
    display: none;
  }
}
.gen-disp_pc,
.gen-disp_pc_inline {
  display: none;
}
@media (min-width:768px) {
  .gen-disp_pc {
    display: block;
  }
  .gen-disp_pc_inline {
    display: inline;
  }
}
.gen-disp_inline-block {
  display: inline-block;
}
/* #endregion */

/***** Float Classes *****/
/* #region */
.clear {clear: both;}
/*.left {float: left;}
.right {float: right;}*/
.align_r {text-align: right;}
.align_l {text-align: left;}
.center {text-align: center;}
*+html .clear_fix {display: inline-block;}
* html .clear_fix {display: inline-block;}
.clear_fix:after,
.outline:after,
.WebEditor:after {
  content: "";
  clear: both;
  display: table;
}
/* #endregion */

/********************************
3. Outline Setting
********************************/
/***** Common *****/
/* #region */
#contents {
  padding-bottom: 30px;
}
.top_page #contents {
  padding-bottom: 0;
}
@media (min-width:768px) {
  #contents {
    padding-bottom: 0;
    min-height: 426px;
  }
}
@media (min-width:961px) {
  #contents {
    min-height: 562px;
  }
}
@media (min-width:1201px) {
  #contents {
    min-height: 663px;
  }
}
@media (min-width:1501px) {
  #contents {
    min-height: 729px;
  }
}

#left_col {
  background: #fff;
  border-right: 5px solid #0f4c81;
  left: calc(-85% - 5px);
  position: absolute;
  min-height: 100%;
  transition: left .3s ease 0s;
  width: calc(85% + 5px);
  z-index: 5;
}
#left_col[aria-hidden="false"] {
  left: -5px;
}
@media (min-width:768px) {
  #left_col,
  #left_col[aria-hidden="false"] {
    border-right: 1px solid #d6cbb9;
    float: left;
    left: 0;
    position: absolute;
    transition: none;
    width: 20%;
  }
}
@media (min-width:768px) and (max-width:960px) {
  #left_col {
    font-size: 90%;
  }
}

#right_col {
  width:  100%;
}
@media (min-width:768px) {
  #right_col {
    float:  right;
    width:  80%;
  }
}

#contents .outline,
.WebEditor {
  margin: 0 auto;
  padding: 0 2% 20px;
  max-width: calc(53em + 6%);
  width: 100%;
}
.top_page #contents .outline {
  padding: 0 2% 20px;
  max-width: none;
}
@media (min-width:768px) {
  #contents .outline,
  .WebEditor  {
    padding: 1em 3%;
  }
  .top_page #contents .outline {
    padding: 0 3%;
  }
}

/*---- block_skip setting ----*/
.block_skip a {
  display:block;
  height: 0;
  overflow: hidden;
  padding-left: 20px;
  color: #fff;
  background: #4c4c4c;
  font-size: 100%;
}
.block_skip a:focus {
  height: auto;
  line-height: 3em;
}
/* #endregion */

/***** Header *****/
/* #region */
#header {
  padding: 10px;
  text-align: center;
}
#header .logo {
  padding: 0;
}
#header .logo::after {
  content: none;
}
@media (min-width:768px) {
  #header {
    padding: 30px 10px 20px;
  }
  #header .logo {
    margin: 10px 20px 20px;
  }
}
@media (min-width:768px) and (max-width:960px) {
  #header {
    padding: 30px 5px 20px;
  }
  #header .logo {
    margin: 10px;
  }
}

#header .lang {
  margin: 10px auto;
}
#header .lang li {
  display: inline;
}
#header .lang li a,
#header .lang li em {
  color: #231815;
  display: inline-block;
  margin: 0 10%;
  padding: 5px 5px 10px;
  text-decoration: none;
}
#header .lang li em,
#header .lang li a:hover {
  border-bottom: 3px solid #e6b422;
  font-style: normal;
}
@media (min-width:768px) {
  #header .lang {
    margin: 20px auto;
  }
  #header .lang li a,
  #header .lang li em {
    margin: 0 0.8em;
  }
}
@media (min-width:768px) and (max-width:1200px){
  #header .lang li a,
  #header .lang li em {
    margin: 0 10px;
    padding: 5px 5px 10px;
  }
}
@media (min-width:768px) and (max-width:960px){
  #header .lang {
    margin: 20px auto 10px;
  }
  #header .lang li a,
  #header .lang li em {
    margin: 0 8px;
    padding: 5px 3px 10px;
  }
}
/* #endregion */

/***** Menu Btn *****/
/* #region */
#menuBtn {
  background: #0f4c81;
  border-radius: 0 2px 2px 0;
  display: block;
  height: 40px;
  position: absolute;
  right: -50px;
  top: 20px;
  width: 50px;
  z-index: 1;
}
@media (min-width:768px) {
  #menuBtn {
    left: 0;
    position: absolute;
    top: 0;
  }
  #menuBtn[aria-expanded="true"] {
    left: 100%;
    margin-left: 2px;
    z-index: 4;
  }
  #menuBtn .open,
  #menuBtn .close {
    max-width: 50px;
  }  
  .top_page #menuBtn,
  .no-cate #menuBtn {
    display: none;
  }
}
@media (min-width:1201px) {
  #menuBtn {
    height: 50px;
    width: 60px;
  }
  #menuBtn .open,
  #menuBtn .close {
    max-width: 60px;
  }  
}
#menuBtn[aria-expanded="false"] .open,
#menuBtn[aria-expanded="true"] .close {
  display: block;
}
#menuBtn[aria-expanded="true"] .open,
#menuBtn[aria-expanded="false"] .close {
  display: none;
}
/* #endregion */ 

/***** Global Nav *****/
/* Common Setting */
/* #region */
@media (min-width:768px) {
  [id^="glnav"][aria-hidden="false"] {
    animation: fadeIn .3s ease-out 0s forwards;
  }
  [id^="glnav"][aria-hidden="true"] {
    animation: fadeOut .3s ease-out 0s forwards;
  }
  .glnav-disp_non {
    display: none;
  }
}

.glnav_ul {
  background: #0f4c81;
}

.glnav-link,
.glnav-btn {
  background-size: 8px;
  color: #fff;
  display: block;
  font-size: 110%;
  line-height: 1.5;
  overflow-wrap: break-word;
  padding: .9em .8em;
  position: relative;
  text-align: left;
  transition: background-color .5s ease 0s, color .5s ease 0s;
  width: 100%;
}
.glnav-btn.glnav1st,
.glnav-link.glnav1st {
  color: #231815;
}
@media (min-width:768px) {
  .glnav-link,
  .glnav-btn {
    padding: 1.4em 1.8em;
  }
}

.glnav-link {
  background: url("/common2/img/common/arrow01.png") no-repeat left 1.15em/7px;
}

.glnav_ul .glnav-nolink {
  background: url("/common2/img/common/arrow_w.png") no-repeat 3.472em 1.25em/11px;
  color: #fff;
  font-size: 90%;
  overflow-wrap: break-word;
  padding: .9em .8em .9em 4.722em;
  position: relative;
}
.glnav_ul .glnav-nolink::after {
  background: #6D869C;
  bottom: 0;
  content: "";
  height: 1px;
  left: 3.472em;
  position: absolute;
  width: calc(100% - 3.472em);
}
@media (min-width:768px) {
  .glnav_ul .glnav-nolink {
    background: url("/common2/img/common/arrow_w.png") no-repeat 1.1em 1em/11px;
    padding: .6em 2.1em .6em 2.373em;
  }
  .glnav_ul .glnav-nolink::after {
    left: 1.1em;
    width: calc(100% - 2.1em);
  }
}

.glnav-btn_close {
  display: none;
}
@media (min-width:768px) {
  .glnav-btn_close {
    border-radius: 0 2px 2px 0;
    background: #0f4c81;
    background-color: rgb(15, 76, 129);
    display: block;
    left: 100%;
    height: 50px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 60px;
  }
}

.slide_box {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease 0s;
}
.slide_box[aria-hidden="true"] .glnav1st_ul,
.slide_box[aria-hidden="true"] .glnav2nd_ul,
.slide_box[aria-hidden="true"] .glnav3rd_ul {
  display: none;
}
@media (min-width:768px) {
  .slide_box {
    height: auto;
    transition: none;
  }
}
/* #endregion */

/* LV 1st */
/* #region */
.glnav_home {
  background-image: none !important;
  border-top: 1px solid #d6cbb9;
}
.glnav1st {
  background-color: #fff;
  border-bottom: 1px solid #d6cbb9;
}
@media (min-width:768px) {
  .lonav.on .glnav_ul > li {
    display: none;
  }
  .lonav.on .glnav_ul > .current {
    display: block;
  }
  .lonav.on .current .glnav1st {
    display: none;
  }
}
.glnav-btn.glnav1st {
  background: #fff url("/common2/img/common/plus_blue.png") no-repeat right 11px top 1.15em/16px;
  padding-right: 43px;
}
.glnav-btn.glnav1st:hover,
.glnav-btn.glnav1st:focus {
  background: #0f4c81 url("/common2/img/common/plus_white.png") no-repeat right 11px top 1.15em/16px;
}
.glnav-btn.glnav1st[aria-expanded="true"],
.nav_on2nd .glnav-btn.glnav1st[aria-expanded="true"],
.nohover.nav_on2nd .glnav-btn.glnav1st[aria-expanded="true"] {
  background: #0f4c81 url("/common2/img/common/minus_white.png") no-repeat right 11px top 1.15em/16px;
  color: #fff;
}
.glnav-btn.glnav1st[aria-expanded="true"]:hover,
.glnav-btn.glnav1st[aria-expanded="true"]:focus,
.nav_on2nd .current > .glnav1st[aria-expanded="true"]:hover,
.nav_on2nd .current > .glnav1st[aria-expanded="true"]:focus  {
    background: #336793 url("/common2/img/common/minus_white.png") no-repeat right 11px top 1.15em/16px;
}
.glnav1st:hover,
.glnav1st:focus,
.current > .glnav1st,
.nohover .current > .glnav-btn.glnav1st,
.nav_on2nd .current > .glnav1st:hover,
.nav_on2nd .current > .glnav1st:focus {
  background-color: #0f4c81;
  background-image: url("/common2/img/common/plus_white.png");
  color: #fff;
  outline: none;
}
.nohover .glnav-btn.glnav1st {
  background-color: #fff;
  background-image: url("/common2/img/common/plus_blue.png");
  color: #231815;
}
.nav_on2nd .current > .glnav1st,
.nohover.nav_on2nd .current > .glnav1st {
  background-color: #fff;
  background-image: url("/common2/img/common/plus_blue.png");
  color: #231815;
}
@media (min-width:768px) {
  .glnav-btn.glnav1st,
  .nohover .glnav-btn.glnav1st,
  .nohover .glnav-btn.glnav1st:focus {
    background: #fff url("/common2/img/common/arrow_glnav_open.png") no-repeat right 1.1em center/7px;
    transition: background-color .5s ease 0s, background-position .5s ease 0s, color .5s ease 0s;
  }
  .glnav-btn.glnav1st:hover,
  .glnav-btn.glnav1st:focus {
    background: #0f4c81 url("/common2/img/common/arrow_glnav_open.png") no-repeat right 1.1em center/7px;
  }
  .nohover .glnav-btn.glnav1st:hover,
  .nohover .glnav-btn.glnav1st:focus {
    background: #fff url("/common2/img/common/arrow_glnav_open.png") no-repeat right 1.1em center/7px;
  }

  .glnav-btn.glnav1st[aria-expanded="true"],
  .nav_on2nd .glnav-btn.glnav1st[aria-expanded="true"],
  .nohover.nav_on2nd .glnav-btn.glnav1st[aria-expanded="true"] {
    background: #0f4c81 url("/common2/img/common/arrow_glnav_close.png") no-repeat right .5em center/7px;
    color: #fff;
  }
  .glnav-btn.glnav1st[aria-expanded="true"]:hover,
  .glnav-btn.glnav1st[aria-expanded="true"]:focus,
  .nav_on2nd .glnav-btn.glnav1st[aria-expanded="true"]:hover,
  .nav_on2nd .glnav-btn.glnav1st[aria-expanded="true"]:focus {
    background: #336793 url("/common2/img/common/arrow_glnav_close.png") no-repeat right .5em center/7px;
  }
  .glnav1st:hover,
  .glnav1st:focus,
  .current > .glnav1st,
  .nohover .current > .glnav-btn.glnav1st,
  .nav_on2nd .current > .glnav1st:hover,
  .nav_on2nd .current > .glnav1st:focus {
    background-color: #0f4c81;
    background-image: url("/common2/img/common/arrow_glnav_open.png");

    color: #fff;
  }
  .nav_on2nd .current > .glnav1st,
  .nohover.nav_on2nd .current > .glnav1st {
    background-color: #fff;
    background-image: url("/common2/img/common/arrow_glnav_open.png");
    color: #231815;
  }
}

.glnav1st_ul {
  background: #0f4c81;
  box-sizing: border-box;
  padding: 0 0 0 5px;
  width: 100%;
}
@media (min-width:768px) {
  .glnav1st_ul {
    height: 100%;
    left: 100%;
    padding: 50px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
  }
  .lonav.on .current .glnav1st_ul {
    background-color: #fff;
    padding: 0;
    position: inherit;
  }
  .lonav.on .current .glnav1st_close {
    display: none;
  }
}
/* #endregion */

/* LV 2nd */
/* #region */
.glnav2nd {
  background-position: 2.25em 1.25em;
  background-size: 6px;
  font-size: 100%;
  padding: .9em 2.1em .9em 3.125em;
  position: relative;
  width: 100%;
}
.glnav2nd::after {
  background: #336793;
  bottom: 0;
  content: "";
  height: 1px;
  left: 2.25em;
  position: absolute;
  width: calc(100% - 2.25em);
}
.glnav1st_ul > li:first-child > .glnav2nd {
  background: url("/common2/img/common/arrow_w.png") no-repeat .9375em 1.25em/14px;
  padding: .9em .8em .9em 2.25em;
  width: 100%;
}
.glnav1st_ul > li:first-child > .glnav2nd::after {
  background: #336793;
  left: .9375em;
  width: calc(100% - .9375em);
}
.glnav-btn.glnav2nd {
  background: url("/common2/img/common/arrow01.png") no-repeat 2.25em 1.25em/6px, url("/common2/img/common/plus_white.png") no-repeat right 11px top 1.25em/14px;
}
.glnav-btn.glnav2nd:hover,
.glnav-btn.glnav2nd:focus,
.glnav1st_ul > li:first-child > .glnav2nd:hover,
.glnav1st_ul > li:first-child > .glnav2nd:focus {
  background-color: #336793;
}
.glnav-btn.glnav2nd[aria-expanded="true"] {
  background: url("/common2/img/common/arrow01.png") no-repeat 2.25em 1.25em/6px, url("/common2/img/common/minus_white.png") no-repeat right 11px top 1.25em/14px;
  background-color: #336793;
  color: #fff;
}
.glnav-btn.glnav2nd[aria-expanded="true"]:hover,
.glnav-btn.glnav2nd[aria-expanded="true"]:focus,
.lonav.on .current .glnav1st_ul .glnav-btn.glnav2nd[aria-expanded="true"]:hover,
.lonav.on .current .glnav1st_ul .glnav-btn.glnav2nd[aria-expanded="true"]:focus {
  background-color: #4779a6;
}
.glnav2nd:hover,
.glnav2nd:focus,
.current > .glnav2nd {
  background-color: #336793;
  color: #fff;
  outline: none;
}
.nohover .glnav-btn.glnav2nd {
  background-color: transparent;
}
@media (min-width:768px) {
  .glnav2nd {
    background-position: 2.083em 1.35em;
    background-size: 8px;
    padding: 1.05em 2.448em 1.05em 2.969em;
  }
  .glnav2nd::after {
    left: 2.083em;
    position: absolute;
    width: calc(100% - 3.083em);
  }
  .glnav1st_ul > li:first-child > .glnav2nd {
    background: url("/common2/img/common/arrow_w.png") no-repeat .9375em 1.4em/14px;
    padding: 1.05em 2.448em 1.05em 2.083em;
  }
  .glnav1st_ul > li:first-child > .glnav2nd::after {
    width: calc(100% - 1.9375em);
  }
  .glnav-btn.glnav2nd {
    background: url("/common2/img/common/arrow01.png") no-repeat 2.083em 1.35em/8px, url("/common2/img/common/arrow_glnav_open.png") no-repeat right 1.666em center/7px;
    transition: background-color .5s ease 0s, background-position .5s ease 0s, color .5s ease 0s;
  }
  .glnav-btn.glnav2nd[aria-expanded="true"] {
    background: url("/common2/img/common/arrow01.png") no-repeat 2.083em 1.35em/8px, url("/common2/img/common/arrow_glnav_close.png") no-repeat right .833em center/7px;
    background-color: #336793;
    color: #fff;
  }

  .lonav.on .current .glnav1st_ul .glnav2nd {
    background: url("/common2/img/common/arrow01.png") no-repeat 1.927em 1.35em/8px;
    color: #231815;
    padding: 1.05em 2.448em 1.05em 2.8125em;
  }
  .lonav.on .current .glnav1st_ul .glnav-btn.glnav2nd {
    background: url("/common2/img/common/arrow01.png") no-repeat 1.927em 1.35em/8px, url("/common2/img/common/arrow_glnav_open.png") no-repeat right 1.666em center/7px;
    transition: background-color .5s ease 0s, background-position .5s ease 0s, color .5s ease 0s;
  }
  .lonav.on .current .glnav1st_ul .glnav-btn.glnav2nd[aria-expanded="true"],
  .lonav.on.nohover .current .glnav1st_ul .glnav-btn.glnav2nd[aria-expanded="true"],
  .lonav.on .current .glnav1st_ul .glnav-btn.glnav2nd[aria-expanded="true"]:hover,
  .lonav.on.nohover .current .glnav1st_ul .glnav-btn.glnav2nd[aria-expanded="true"]:hover {
    background: url("/common2/img/common/arrow01.png") no-repeat 1.927em 1.35em/8px, url("/common2/img/common/arrow_glnav_close.png") no-repeat right .833em center/7px;
    color: #fff;
    background-color: #336793;
  }
  .lonav.on.nohover .current .glnav1st_ul .glnav-btn.glnav2nd[aria-expanded="true"]:hover,
  .lonav.on.nohover .current .glnav1st_ul .glnav-btn.glnav2nd[aria-expanded="true"]:focus {
    background-color: #4779a6;
  }
  

  .lonav.on .current .glnav1st_ul li:not(:first-child) .glnav2nd::after {
    background: #dbe2e8;
    left: 1.927em;
    width: calc(100% - 2.927em);
  }
  .lonav.on .current .glnav1st_ul li:first-child .glnav2nd {
    background: #0f4c81 url("/common2/img/common/arrow_w.png") no-repeat .71em 1.8em/14px;
    border-top: 1px solid #d6cbb9;
    color: #fff;
    font-size: 110%;
    padding: 1.4em 1.8em 1.4em 1.752em;
    transition: background-color .5s ease 0s, color .5s ease 0s;
  }
  .lonav.on .current .glnav1st_ul li:first-child .glnav2nd::after {
    display: none;
  }
  .lonav.on .current .glnav1st_ul .glnav2nd:hover,
  .lonav.on .current .glnav1st_ul .glnav2nd[aria-expanded="true"],
  .lonav.on .current .glnav1st_ul li:first-child .glnav2nd:hover,
  .lonav.on .current .glnav1st_ul .glnav2nd:focus,
  .lonav.on .current .glnav1st_ul li:first-child .glnav2nd:focus {
    background-color: #336793;
    color: #fff;
    transition: background-color .5s ease 0s, background-position .5s ease 0s, color .5s ease 0s;
  }
  .lonav.on.nohover .current .glnav1st_ul .glnav-btn.glnav2nd:hover {
    background: url(/common2/img/common/arrow01.png) no-repeat 1.927em 1.35em/8px, url(/common2/img/common/arrow_glnav_open.png) no-repeat right 1.666em center/7px;
    color: #231815;
    transition: background-color .5s ease 0s, background-position .5s ease 0s, color .5s ease 0s;
  }
}

.glnav2nd_ul {
  background: #336793;
}
@media (min-width:768px) {
  .glnav2nd_ul {
    height: 100%;
    left: 100%;
    margin: 0;
    padding: 50px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .glnav2nd_ul .glnav-btn_close {
    background: #336793;
  }
}
/* #endregion */

/* LV 3rd */
/* #region */
.glnav3rd {
  background-position: 4.722em 1.4em;
  background-size: 5px;
  font-size: 90%;
  padding: .9em .8em .9em 5.625em;
  position: relative;
}
.glnav3rd::after {
  background: #6D869C;
  bottom: 0;
  content: "";
  height: 1px;
  left: 4.722em;
  position: absolute;
  width: calc(100% - 4.722em);
}
.glnav2nd_ul > li:first-child > .glnav3rd {
  background: url("/common2/img/common/arrow_w.png") no-repeat 3.472em 1.25em/11px;
  padding: .9em .8em .9em 4.722em;
}
.glnav2nd_ul > li:first-child > .glnav3rd::after {
  left: 3.472em;
  width: calc(100% - 3.472em);
}
.glnav3rd:hover,
.glnav3rd:focus,
.glnav2nd_ul > li:first-child > .glnav3rd:hover,
.current > .glnav3rd {
  background-color: #4779a6;
  color: #fff;
  outline: none;
}
@media (min-width:768px) {
  .glnav3rd {
    background-position: 2.373em 1em;
    background-size: 7px;
    padding: .6em 2.1em .6em 3.356em;
  }
  .glnav3rd::after {
    left: 2.373em;
    width: calc(100% - 3.373em);
  }
  .glnav2nd_ul > li:first-child > .glnav3rd {
    background: url("/common2/img/common/arrow_w.png") no-repeat 1.1em 1em/11px;
    padding: .6em 2.1em .6em 2.373em;
  }
  .glnav2nd_ul > li:first-child > .glnav3rd::after {
    left: 1.1em;
    width: calc(100% - 2.1em);
  }
  .glnav3rd:hover,
  .glnav3rd:focus,
  .glnav2nd_ul > li:first-child > .glnav3rd:hover,
  .glnav2nd_ul > li:first-child > .glnav3rd:focus,
  .current > .glnav3rd {
    background-color: #4779a6;
  }
}
/* #endregion */

/* Overlay */
/* #region */
#overlay.glnav-disp_non {
  display: none;
}
#overlay {
  background-color: rgba(34,24,21,0.8);
  cursor: pointer;
  position: fixed;
  height: 120%;
  width: 100%;
  z-index: 1;
}
#overlay.on {
  animation: fadeIn .3s ease-out 0s forwards;
}
#overlay.off {
  animation: fadeOut .3s ease-out 0s forwards;
}
/* #endregion */ 

/* sns */
/* #region */
#sns {
  padding: 10px;
}
#sns ul {
  display: flex;
  justify-content: space-between;
  margin: 20px auto;
  text-align: center;
}
#left_col #sns li {
  margin-top: 10px;
  padding: 5px;
  width: 31.33%;
}
#left_col .lnk1 {
  background-position: 0 .3em;
  margin: 10px 10px 30px;
}
/* #endregion */

/***** Main Visual *****/
/* Main Visual Image */
/* #region */
#main_v {
  background: none;
  font-weight: bold;
  position: relative;
  padding-top: 80.6px;
}
.top_page #main_v {
  background: url("/common2/img/index/main_v.jpg") no-repeat 0 80.6px #fff;
  background-size: contain;
  padding-top: calc(33.957% + 80.6px);
}
@media (min-width:768px) {
  #main_v {
    background: no-repeat right bottom/contain;
    padding: 0;
  }
  .top_page #main_v {
    background-position: 0 0;
    background-size: cover;
    padding-top: 33.957%;
  }
  /*
  .cate-about #main_v {
    background-image: url("/common2/img/about/main_v.jpg");
  }
  .cate-mopo #main_v {
    background-image: url("/common2/img/mopo/main_v.jpg");
  }
  .cate-finsys #main_v {
    background-image: url("/common2/img/finsys/main_v.jpg");
  }
  .cate-paym #main_v {
    background-image: url("/common2/img/paym/main_v.jpg");
  }
  .cate-note_tfjgs #main_v {
    background-image: url("/common2/img/note_tfjgs/main_v.jpg");
  }
  .cate-intl_finance #main_v {
    background-image: url("/common2/img/intl_finance/main_v.jpg");
  }
  .cate-research #main_v {
    background-image: url("/common2/img/research/main_v.jpg");
  }
  .cate-statistics #main_v {
    background-image: url("/common2/img/statistics/main_v.jpg");
  } */
}

.main_v-title {
  align-items: center;
  background:  no-repeat right bottom/auto 100%;
  display: inline-flex;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-family: 'Noto Serif JP', serif;
  font-size: 135%;
  font-weight: 600;
  min-height: 84px;
  line-height: 1.5em;
  padding: .5em 40% .5em .5em;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF;
  width: 100%;
}
.cate-about .main_v-title {
  background-image: url("/common2/img/about/main_v.jpg");
}
.cate-mopo .main_v-title {
  background-image: url("/common2/img/mopo/main_v.jpg");
}
.cate-finsys .main_v-title {
  background-image: url("/common2/img/finsys/main_v.jpg");
}
.cate-paym .main_v-title {
  background-image: url("/common2/img/paym/main_v.jpg");
}
.cate-note_tfjgs .main_v-title {
  background-image: url("/common2/img/note_tfjgs/main_v.jpg");
}
.cate-intl_finance .main_v-title {
  background-image: url("/common2/img/intl_finance/main_v.jpg");
}
.cate-research .main_v-title {
  background-image: url("/common2/img/research/main_v.jpg");
}
.cate-statistics .main_v-title {
  background-image: url("/common2/img/statistics/main_v.jpg");
}
@media (min-width:768px) {
  .main_v-title {
    font-size: 216%;
    padding: .5em 500px .5em 1em;
    min-height: 212px;
    width: 100%;
  }
}
@media (min-width:768px) and (max-width:1200px){
  .main_v-title {
    font-size: 180%;
    padding: .5em 350px .5em 1em;
  }
}
.top_page #main_v .main_v-text {
  font-size: 100%;
}
@media (min-width:768px) {
  .top_page #main_v .main_v-text {
    font-size: 110%;
  }
}
@media (min-width:768px) and (max-width:960px) {
  .top_page #main_v .main_v-text {
    font-size: 100%;
  }
}
/* #endregion */

/* Main Visual Logo */
/* #region */
#main_v .logo {
  border-bottom: 1px solid #EFEDE8;
  height: 81.6px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
#main_v .logo::after {
  content: none;
}
#main_v .logo a {
  display: inline-block;
  height: 80.6px;
}
#main_v .logo img {
  height: 80.6px;
  padding: 20px 20px 0;
}
/* #endregion */

/* Main Visual Text Area */
/* #region */
.main_v-text_area {
  align-items: center;
  background-color: rgba(34,24,21,0.9);
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding:  15px 20px;
  position: relative;
  min-height: 65px;
  width: 100%;
}
@media (max-width:960px) {
  .main_v-text_area {
    min-height: auto;
    padding: 10px 12px;
  }
}
@media (min-width:768px) {
  .main_v-text_area {
    flex-direction: row;
    min-height: 65px;
  }
  .top_page .main_v-text_area {
    position: absolute;
  }
}
/* #endregion */

/* Main Visual Search */
/* #region */
@media (min-width:768px) {
  .search_form {
    width: 318px;
  }
}
@media (min-width:768px) and (max-width:960px) {
  .search_form {
    width: 256px;
  }
}
#main_v .searchbox {
  display: flex;
  text-align: left;
  position: relative;
}
.searchbox input[type="text"],
.searchbox2 input[type="text"] {
  background: #fff;
  border: 1px solid #8f8f8f;
  min-height: 38px;
  width: calc(19em - 38px);
}
.searchbox input[type="image"],
.searchbox2 input[type="submit"] {
  height:  38px;
  width: 38px;
  vertical-align: top;
}
@media (min-width:961px) {
  .searchbox input[type="text"] {
    min-height: 43px;
    width: 267px;
  }
  .searchbox input[type="image"] {
    height:  43px;
    width: 43px;
  }
}
@media (min-width:768px) and (max-width:960px) {
  .searchbox input[type="text"] {
    width: 210px;
  }
}

.searchbox2 {
  margin: 0 auto 10px 0;
  width: 304px;
}
@media (min-width:768px) {
  .searchbox2 {
    margin: 0 auto 30px 1em;
    width: 50%;
  }
}
.searchbox .autocomplete {
  display: block;
}
.searchbox2 input[type="submit"] {
  background: url("/common2/img/common/search.gif") no-repeat;
  background-size: 100%;
  cursor: pointer;
  font-size: 0;
}
@media (min-width:961px) {
  .searchbox2 input[type="text"] {
    min-height: 43px;
    width: calc(100% - 43px);
  }
  .searchbox2 input[type="submit"] {
    height:  43px;
    width: 43px;
  }
}
@media (min-width:768px) and (max-width:960px) {
  .searchbox2 input[type="text"] {
    width: calc(100% - 38px);
  }
}

.autocomplete ul[id^="suggest"] {
  margin: 0;
  max-height: 12em;
  overflow-y: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
  font-size: 100%;
  padding: 0;
  position: absolute;
  top: 2.3em;
  width: 100%;
  background-color: #fff;
  border-radius: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 2;
  border: 2px solid #222;
  text-align: left;
  font-weight: normal;
}
.autocomplete ul[id^="suggest"] li {
  margin-left: 0;
  padding: .25em;
}
.autocomplete ul[id^="suggest"] li:hover,
.autocomplete ul[id^="suggest"] li[aria-selected="true"] {
  background: #0f4c81;
  color: #FFF;
  cursor: pointer;
}
.search-input-ul li ul[id^="suggest"] li:not(:last-child) {
  margin-bottom: 0;
}
#main_v .main_v-text {
  color: #fff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  line-height: 1.6em;
  margin-top: 5px;
  text-align: center;
}
@media (min-width:768px) {
  #main_v .main_v-text {
    font-size: 110%;
    margin: 0 0 0 auto;
    text-align: right;
    width: calc(100% - 326px);
  }
}
@media (max-width:1200px) {
  #main_v .main_v-text {
    font-size: 100%;
  }
}
@media (min-width:768px) and (max-width:960px) {
  #main_v .main_v-text {
    font-size: 90%;
    width: calc(100% - 256px);
  }
}
@media (max-width:1500px) {
  #main_v .main_v-text .main_v-block {
    display: inline-block;
  }
}
/* #endregion */

/* Topic Path */
/* #region */
#topic_path {
  color: #fff;
  font-size: 81%;
  line-height: 1.6em;
  margin: 2px 0 0;
  text-align: left;
}
@media (min-width:768px) {
  #topic_path {
    font-size: 90%;
    margin-left: auto;
  }
}

#topic_path ul {
  letter-spacing: -0.3em;
}
#topic_path li {
  display: inline-block;
  letter-spacing: normal;
  margin-left: 1em;
}
#topic_path li a,
#topic_path li em {
  color: #fff;
  font-style: normal;
  font-weight: bold;
  margin-right: 1em;
}
/* #endregion */

/***** Footer *****/
/* #region */
/* Outline */
  /* #region */
#footer .outline {
  background: #4c4c4c url("/common2/img/common/footer_bg.jpg") no-repeat bottom center;
  background-size: contain;
  color: #fff;
  border-top: 3px solid #af9b6b;
  padding: 0px 3% 20px;
}
@media (max-width:960px) {
  #footer .outline {
    padding: 0px 2% 20px;
    position: relative;
  }
}
#footer a {
  display: inline-block;
  text-decoration: underline;
  color: #fff;
}
#footer a:hover {
  text-decoration: none;
}
  /* #endregion */

/* Logo Area */
  /* #region */
#footer .logo_area {
  display: flex;
}
#footer .logo_area-toggle_left {
  display: block;
}
#footer .logo_area-toggle_bottom {
  display: none;
}
@media (max-width:960px) {
  #footer .logo_area {
    flex-direction: column;
  }
  #footer .logo_area-toggle_left {
    display: none;
  }
  #footer .logo_area-toggle_bottom {
    display: block;
  }
}

#footer .logo_area-toggle_left,
#footer .logo_area-toggle_bottom {
  width: 35%;
  padding: 50px 5px 0 0;
  box-sizing: border-box;
}

#footer .logo_area-toggle_left img,
#footer .logo_area-toggle_bottom img {
  max-width: 100%;
}
#footer .logo_area-toggle_bottom img {
  width: 160px;
}
@media (min-width:768px) {
  #footer .logo img {
  width: auto;
  }
}

#footer .logo_area-toggle_left address,
#footer .logo_area-toggle_bottom address {
  font-size: 90%;
  font-style: normal;
  margin: 30px 0;
}
@media (max-width:960px) {
  #footer .logo_area-toggle_bottom {
    width: 100%;
    padding-top: 10px;
    text-align: center;
  }
}

#footer .logo_area_right-top {
  width: 65%;
  margin-bottom: 50px;
}
@media (max-width:960px) {
  #footer .logo_area_right-top {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}

#footer .logo_area_right-top ul  ul {
  font-size: 90%;
  margin: 30px 0px 20px 20px;
}

#footer .logo_area_right-top > ul:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#footer .logo_area_right-top > ul > li {
  position: relative;
  padding: 1.8em 0px 20px 20px;
  display: block;
  float: left;
  margin-left: 3%;
  width: 31.33%;
}
.en #footer .logo_area_right-top > ul > li {
  margin-left: 4%;
  width: 48%;
}

#footer .logo_area_right-top li:first-child,
.en #footer .logo_area_right-top li:first-child {
  margin-left: 0; 
}

#footer .logo_area_right-top > ul > li:before {
  content: "";
  display: block;
  background: #af9b6b;
  width: 1px;
  height: 4em;
  position: absolute;
  top: 0;
  left: 0;
}

#footer .logo_area_right-top > ul ul li {
  margin-bottom: 10px;
}

@media (max-width:960px) {
  #footer .logo_area_right-top > ul > li {
    position: relative;
    padding: 1.8em 0px 20px 20px;
  }

  #footer .logo_area_right-top > ul > li:before {
    content: "";
    display: block;
    background: #af9b6b;
    width: 1px;
    height: 4em;
    position: absolute;
    top: 0;
    left: 0;
  }

  #footer .logo_area_right-top > ul ul {
    font-size: 90%;
    margin: 30px 0px 20px 5px;
  }
  #footer .logo_area_right-top > ul ul li {
    margin-bottom: 10px;
  }
}


#footer .nav {
  align-items: start;
  border-top: 1px dotted #af9b6b;
  display: flex;
  flex-wrap: wrap;
  font-size: 80%;
  padding: 1em;
}

#footer .nav dt,
#footer .nav dd,
#footer .nav li {
  display: inline;
  margin: 0 1em;  
}
#footer .nav dt {
  font-size: 100%;
  font-weight: bold;
}
  /* #endregion */

/* copy */
  /* #region */
#footer #copy {
  background: #3A3A3A;
  text-align: center;
  color: #fff;
  font-size: 85%;
  overflow: hidden;
  min-height: 72px;
  padding: 0 75px 0 0;
  box-sizing: border-box;
  position: relative;
}

#footer #copy:after {
  content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#footer #copy #page_top {
  bottom: 0;
  height: 72px;
  opacity: 0;
  position: fixed;
  right: 0;
  text-align: center;
  transition: opacity 0.3s ease;
  visibility: hidden;
  width: 72px;
  z-index: 9999;
}
#footer #copy #page_top.fixed {
  opacity: 1;
  visibility: visible;
}
#footer #copy #page_top img {
  width: 72px;
}

#footer #copy small {
  display: inline-block;
  font-size: 83.333%;
  letter-spacing: 0.2em;
  padding-top: 20px;
}

@media (max-width:1200px){
  #footer #copy {
    min-height: 60px;
    padding: 0 62px 0 0;
  }
  #footer #copy #page_top {
    height: 60px;
    width: 60px;
  }
  #footer #copy #page_top img {
    max-width: 60px;
  }
}
@media (max-width:767px) {
  #footer .logo_area_right-top > ul > li {
    padding: 1.5em 0px 15px 15px;
  }
  
  #footer .logo_area_right-top > ul > li:before {
    height: 3.5em;
  }
  
  /*-- copy --*/
  
  #footer #copy {
  font-size: 80%;
  min-height: 50px;
  padding: 0 52px 0 0;
  }
  
  #footer #copy #page_top {
  width: 50px;
  height: 50px;
  }
  
  #footer #copy #page_top img {
    max-width: 50px;
  }

  #footer #copy small {
    letter-spacing: 0;
    padding-top: 13px;
  }
}
/* #endregion */ 
/* #endregion */

/********************************
4. Module Block Setting
********************************/
/***** News List *****/
/* Tab Menu */
  /* #region */
.tabs-list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5em;
  width: 100%;
}
@media (min-width:768px) {
  .tabs-list {
    margin-bottom: 0;
  }
}

.tabs-list .tab_btn {
  border-left: 1px solid #af9b6b;
  box-sizing: border-box;
  color: #231815;
  cursor: pointer;
  font-size: 105%;
  padding: 3px;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
  width: 33.3333%;
}
.top_page .tabs-list .tab_btn:nth-child(1),
.top_page .tabs-list .tab_btn:nth-child(4) {
  width: 25%;
}
.top_page .tabs-list .tab_btn:nth-child(2),
.top_page .tabs-list .tab_btn:nth-child(6) {
  width: 35%;
}
.top_page .tabs-list .tab_btn:nth-child(3),
.top_page .tabs-list .tab_btn:nth-child(5) {
  width: 40%;
}
.en.top_page .tabs-list .tab_btn:nth-child(1),
.en.top_page .tabs-list .tab_btn:nth-child(4) {
  width: 25%;
}
.en.top_page .tabs-list .tab_btn:nth-child(3),
.en.top_page .tabs-list .tab_btn:nth-child(6) {
  width: 30%;
}
.en.top_page .tabs-list .tab_btn:nth-child(2),
.en.top_page .tabs-list .tab_btn:nth-child(5) {
  width: 45%;
}

.tabs-list .tab_btn:nth-child(3),
.tabs-list .tab_btn:last-child {
  border-right: 1px solid #af9b6b;
}
.tabs-list .tab_btn.on:after,
.tabs-list .tab_btn:hover:after,
.tabs-list .tab_btn:focus:after {
  background-color: #0f4c81;
  bottom: -10px;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  width: 94%;
}
.tabs-list .tab_btn:focus-visible,
#news .panel:focus-visible {
  outline: 2px #6fa6d5 solid;
}

@media (min-width:768px) {
  .tabs-list .tab_btn {
    font-size: 110%;
    margin-bottom: 0;
    padding: 5px;
    width: 16.66666%;
  }
  .top_page .tabs-list .tab_btn:nth-child(1n),
  .en.top_page .tabs-list .tab_btn:nth-child(1n) {
    width: 16.66666%;
  }
  .tabs-list .tab_btn:nth-child(3) {
    border-right: none;
  }

  .tabs-list .tab_btn.on:after,
  .tabs-list .tab_btn:hover:after,
  .tabs-list .tab_btn:focus:after {
    bottom: -15px;
  }
  .tabs-list .tab_btn .news-tab-br {
    display: none;
  }
}
@media (min-width:768px) and (max-width:1200px) {
  .tabs-list .tab_btn {
    font-size: 105%;
  }
}
.tabs-list .tab_btn .news-inlineBlock {
  display: inline-block;
}
  /* #endregion */

/* News List */
  /* #region */
.top_page #contents .news_list_outer {
  padding: 0 2% 20px;
}
.top_page #contents .news_list_outer.bg {
  background: url("/common2/img/index/news_bg.jpg") no-repeat right 30px;
  background-size: 160px;
}
@media (min-width:768px) {
  .top_page #contents .news_list_outer {
    padding: 2.2em 3% 3em;
  }
  .top_page #contents .news_list_outer.bg {
    background-size: auto;
  }
}

.news_list-ul.txt .news_list-li {
  align-items: start;
  background: url("/common2/img/common/arrow01.png") no-repeat 0 .75em;
  background-size: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  padding: 0.5em 10px 0.5em 18px;
  width: 100%;
}

.news_list-ul.txt .news_list-li .time {
  display: inline-block;
  flex: 0 0 6em;
  text-indent: 0;
}
.en .news_list-ul.txt .news_list-li .time {
  flex: 0 0 7em;
}
.news_list-ul.txt .news_list-li .cate {
  border-radius: 1px;
  color: #fff;
  display: inline-block;
  flex: 0 0 10em;
  font-size: 90%;
  margin: 0 1em 0 0.5em;
  padding: 2px 0;
  position: relative;
  text-align: center;
  text-indent: 0;
  width: 10em;
}

.news_list-ul.txt .news_list-li .cate1 {background: #710075;}/*金融政策*/
.news_list-ul.txt .news_list-li .cate2 {background: #006990;}/*公表資料・広報活動*/
.news_list-ul.txt .news_list-li .cate3 {background: #006965;}/*統計*/
.news_list-ul.txt .news_list-li .cate4 {background: #098200;}/*調査・研究*/
.news_list-ul.txt .news_list-li .cate5 {background: #23007F;}/*日本銀行について*/
.news_list-ul.txt .news_list-li .cate6 {background: #A1003B;}/*金融システム*/
.news_list-ul.txt .news_list-li .cate7 {background: #AA4400;}/*決済・市場*/
.news_list-ul.txt .news_list-li .cate8 {background: #484500;}/*銀行券/国庫・国債*/
.news_list-ul.txt .news_list-li .cate9 {background: #607500;}/*国際金融*/

.news_list-ul.txt .news_list-li .news_list-link {
  display: block;
  margin: 5px 0;
  flex: 0 0 100%;
}
.news_list-ul.txt .news_list-li .news_list-link:hover {
  text-decoration: none;
}
@media (min-width:768px) {
  .news_list-ul.txt .news_list-li {
    background: url("/common2/img/common/arrow01.png") no-repeat 0 1.2em;
    background-size: 10px;
    padding: 1em 10px 1em 1.5em;
  }

  .news_list-ul.txt .news_list-li .news_list-link {
    display: inline;
    margin: 0;
  }
}
@media (min-width:961px) {
  .news_list-ul.txt .news_list-li {
    flex-wrap: nowrap;
  }
  .news_list-ul.txt .news_list-li .news_list-link {
    flex: 0 0 calc(100% - 6em - 11.5em * 0.9);
  }
  .en .news_list-ul.txt .news_list-li .news_list-link {
    flex: 0 0 calc(100% - 7em - 11.5em * 0.9);
  }
}
@media (min-width:768px) and (max-width:960px) {
  .news_list-ul.txt .news_list-li  {
    background: url("/common2/img/common/arrow01.png") no-repeat 0 .8em;
    background-size: 8px;
    padding: 0.5em 10px 0.5em 1.2em;
    text-indent: 0em;
  }
  .news_list-ul.txt .news_list-li .news_list-link {
    display: block;
    margin: 10px 0;
  }
}

  /* #endregion */

/***** Link List *****/
  /* #region */
.link_list {
  margin: 20px 2%;
}
.link_list .link_list-li {
  background: url("/common2/img/common/arrow01.png") no-repeat 0 5px;
  background-size: 8px;
  padding: 0 10px 1em 22px;
}
@media (min-width:961px) {
  .link_list {
    margin: 30px 4%;
  }
  .link_list .link_list-li {

    background-size: 10px;
    padding: 0 10px 1em 28px;
  }
}
  /* #endregion */

/***** BTN *****/
  /* #region */
.btn1 {
  text-align: center;
}
.btn1 a {
  background: #0f4c81 url("/common2/img/common/arrow01.png") no-repeat 15px 50%/8px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  padding: 1em;
  margin: 40px auto 10px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
  width: 100%;
  min-width:10em;
}
.btn1 a:hover {
  background-color: #336793;
}
@media (min-width:768px) {
  .btn1 a {
    margin: 50px auto 10px;
    padding: 0.8em 0.8em 0.8em 1em;
    width: auto;
  }
}
@media (min-width:768px) and (max-width:960px) {
  .btn1 a {
    margin: 30px auto 10px;
  }
}
  /* #endregion */

/********************************
5. Top Page
********************************/
/***** Top Page Common *****/
/* #region */
#pick_up,#financial {
  background-color: #0f4c81;
}
#pick_up .top_page-title,
#financial .top_page-title {
  color: #fff;
}
#pick_up .top_page-title::after,
#financial .top_page-title::after {
  background-color: #e6b422;
}

.top_page-title {
  font-size: 130%;
  position: relative;
  text-align: center;
}
.top_page-title::after {
  background-color: #0f4c81;
  content: "";
  display: block;
  height: 3px;
  margin: 15px auto;
  position: relative;
  width: 2em;
}
@media (min-width:768px) {
  .top_page-title {
    font-size: 140%;
  }
  .top_page-title:after {
    margin: 20px auto;
  }
}
/* #endregion */

/***** Disaster *****/
/* #region */
.top_page #disaster.outline {
  padding: 0 2% 10px;
}
.disaster-section {
  border: 2px solid #C93C3C;
  color: #C93C3C;
  font-size: 110%;
  margin: 1em 0 0;
  padding: 1.2em 0.5em 0.5em;
}
.disaster-title:after {
  background-color: #C93C3C;
}
.disaster-ul {
  margin: 2em 0 0;
}
.disaster-li {
  display: inline-block;
  margin-left: 1em;
}
.disaster-link {
  color: #C93C3C;
  text-decoration: underline;
}
.disaster-link:hover {
  text-decoration :none;
}

@media (min-width:768px) {
  .top_page #disaster.outline {
    padding: 0 3%;
  }
  .disaster-section {
    margin: 1.8em 0 0.5em;
    padding: 1.5em 1em 0.5em;
  }
}
/* #endregion */

/***** News *****/
/* #region */
.top_page #news {
  padding: 25px 0;
}
@media (min-width:768px) {
  .top_page #news {
    padding: 2.2em 0 0;
  }
}
@media (min-width:767px) and (max-width:960px){
  .top_page #news {
    padding: 1.5em 0 0;
  }  
}
/* RSS */
  /* #region */
  .top_page #news .rss {
    margin: 0 0px 20px;
    text-align: right;
  }
  .top_page #news .rss .rss-link {
    background: #e6b422 url("/common2/img/index/rss.gif") no-repeat 10px 50%;
    background-size: 18px;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 10px 5px 35px;
    text-decoration: none;
  }
  @media (min-width:768px) {
    .top_page #news .rss .rss-link {
      background-size: 22px;
      padding: 8px 20px 8px 50px;
    }
  }
  @media (min-width:961px){
    .top_page #news .rss {
      margin: 10px 0px 30px;
    }
  }
  /* #endregion */
  
/* #endregion */

/* BTN */
  /* #region */

.btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 30px auto;
}
@media (min-width:768px) {
  .btns {
    margin: 2.2em auto 0;
  }
}

.btns-li {
  margin-bottom: 3%;
  width: 48%;
}
.btns-link {
  align-items: center;
  background: #fff no-repeat 10px 50%/34px;
  border-radius: 3px;
  display: flex;
  font-size: 95%;
  height: 100%;
  padding: 15px 20px 15px 50px;
  position: relative;
  text-decoration: none;
  transition: background-color .5s ease 0s;
}
.btns-link:after {
  background: no-repeat center/9px;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
  right: 3px;
  top: calc(50% - 10px);
  width: 9px;
}
.btns-li.w100all {
  width: 100%;
}
.btns-li.caution_btn .btns-link {
  background-image: url("/common2/img/index/icon_caution.gif");
  border: 1px solid #C93C3C;
  color: #C93C3C;
}
.btns-li.caution_btn .btns-link:hover {
  background-color: #F9F2F2;
}
.btns-li.caution_btn .btns-link:after {
  background-image: url("/common2/img/index/arrow03.png");
}

.btns-li.release .btns-link {
  background-image: url("/common2/img/index/icon_release.gif");
  border: 1px solid #0f4c81;
}
.btns-li.release .btns-link:hover {
  background-color: #edf5fc;
}
.btns-li.release .btns-link:after {
  background-image: url("/common2/img/index/arrow01.png");
}

.btns-li.cont .btns-link {
  background-image: url("/common2/img/index/icon_continuity.gif");
  border: 1px solid #800f42;
  color: #800f42;
}
.btns-li.cont .btns-link:hover {
  background-color: #fef3f8;
}
.btns-li.cont .btns-link:after {
  background-image: url("/common2/img/index/arrow02.png");
}
@media (min-width:768px) {
  .btns-li.w31 {
    width: 31%;
  }
  .btns-link {
    background: #fff no-repeat 10px 50%/43px;
    font-size: 100%;
    padding: 20px 20px 20px 60px;
  }
  .btns-link:after {
    right: 8px;
  }
}
  /* #endregion */

/***** Pick Up ******/
/* #region */
#pick_up {
  padding: 25px 0 10px;
}
#pick_up .top_page-title {
  padding: 0 3%;
}
@media (min-width:768px) {
  #pick_up {
    padding: 2.2em 0 0.5em;
  }
}

.slider {
  overflow: hidden;
  width: 100%;
}
.swiper-container {
  height: 100%;
  position: relative;
  padding: 0;
  margin: 15px auto 30px;
  width: 100%;
  z-index: 1;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  margin: 0;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}
.swiper-slide {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
  margin: 0;
  padding: 0 4%;
  text-align: center;
  width: 100%;
}
@media (min-width:768px) {
  .swiper-container {
    margin: 10px auto 30px;
    max-width: 700px;
  }
}

.swiper-slide-link {
  position: relative;
}
.slider_text {
  background-color: rgba(34,24,21,0.9);
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 85%;
  left: 0;
  line-height: 1.3em;
  padding: 5px 15px;
  position: absolute;
  min-height: 4em;
  text-align: left;
  width: 100%;
}
.slider_text time {
  display: block;
  font-weight: bold;
}
@media (min-width:768px) {
  .slider_text {
    font-size: 90%;
    padding: 10px 20px;
    line-height: 1.5em;
  }
}

.slider-control-inner {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 0 0 20px 35px;
}
.swiper-button,
#slider-pbtn {
  display: block;
  height: 29px;
  line-height: 1em;
  margin: 0 5px;
  width: 29px;
}
.swiper-pagination {
  display: flex;
  text-align: center;
}
.swiper-pagination-bullet {
  background: #fff;
  border-radius: 8px;
  display: block;
  height: 8px;
  margin: 0 4px;
  width: 8px;
}
.swiper-pagination-bullet-active {
  background: #e6b422;
}
.slider-control-pbtn.stop .slider-control-pbtn-stop,
.slider-control-pbtn.play .slider-control-pbtn-play {
  display: block;
}
.slider-control-pbtn.stop .slider-control-pbtn-play,
.slider-control-pbtn.play .slider-control-pbtn-stop {
  display: none;
}
/* #endregion */

/***** Menu *****/
/* #region */
.top_page #menu .outline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px 3%;
}
.top_page #menu .menu_section  {
  width: 100%;
}

.top_page #menu .top_page-title {
  background: no-repeat top center;
  background-size: 42px;
  border-bottom: 2px solid #0f4c81;
  font-size: 110%;
  padding: 50px 5px 10px;
}
.top_page #menu .top_page-title:after {
  display: none;
}
.top_page #menu .top_page-title#topics {background-image: url("/common2/img/index/icon_topics.gif");}
.top_page #menu .top_page-title#pv {background-image: url("/common2/img/index/icon_pv.gif");}
.top_page #menu .top_page-title#study {background-image: url("/common2/img/index/icon_study.gif");}
.top_page #menu .top_page-title#recruit {background-image: url("/common2/img/index/icon_recruit.gif");}

#menu .lnk a {text-decoration: underline;}
#menu .lnk a:hover {text-decoration: none;}

@media (min-width:768px) {
  .top_page #menu .outline {
    padding: 2.2em 3%;
  }
  .top_page #menu .menu_section { 
    width: 22.75%;
  }

  .top_page #menu .top_page-title {
    background-size: 52px;
    font-size: 120%;
    padding: 63px 10px 18px;
  }

  .top_page.en #menu .menu_section { 
    width: 31.333%;
  }
}
@media (min-width:768px) and (max-width:1200px) {
  .top_page #menu .menu_section {
    width: 48.5%;
  }  
}
@media (min-width:768px) and (max-width:960px){
  .top_page #menu .outline {
    padding: 2em 2% 1em;
  }
  .top_page.en #menu .menu_section {
    width: 48.5%;
  }  
}
  /* #endregion */

/* Financial */
/* #region */
.top_page #financial .outline {
  padding: 25px 3% 10px;
}
@media (min-width:768px) {
  .top_page #financial .outline {
    padding: 2.2em 3% 1.2em;
  }
}
@media (min-width:768px) and (max-width:960px){
  .top_page #financial .outline {
    padding: 2em 2% 1em;
  }
}

#financial,
#financial a {
  color: #fff;
  font-size: 90%;
}
/* #endregion */ 

/* Contents */
  /* #region */
#financial .info {
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0 10px;
  width: 100%;
}
#financial .info li {
  border-left: 1px solid #e6b422;
  margin-bottom: 1em;
  width: 50%;
}
#financial .info li:last-child {
  border-right: 1px solid #e6b422;
}
#financial .info li:nth-child(2n) {
  border-right: 1px solid #e6b422;
}
@media (min-width:768px) {
  #financial .info li {
    width: 16.66666%;
  }
  #financial .info li:nth-child(2n),
  #financial .info li:nth-child(3) {
    border-right: none;
  }
  #financial .info li:last-child,
  #financial .info li:last-child {
    border-right: 1px solid #e6b422;
  }
}
@media (min-width:768px) and (max-width:1200px){
  #financial .info li {
    width: 33.3333%;
    margin-bottom: 1em;
  }

  #financial .info li:last-child,
  #financial .info li:nth-child(3) {
    border-right: 1px solid #e6b422;
  }
}


#financial .info a {
  box-sizing: border-box;
  display: block;
  flex-direction: column;
  height: 100%;
  padding: 10px;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
}
#financial .info a:hover {
  background-color: #336793;
}

#financial .info a .number {
  font-size: 180%;
  line-height: 1.2em;
  word-break: break-all;
}
#financial .info b {
  display: block;
  font-size: 120%;
  font-weight: normal;
}
  /* #endregion */ 

/* Policy */
  /* #region */
#financial .policy {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}
#financial .policy a {
  font-size: 100%;
}
@media (min-width:768px) {
  #financial .policy {
    float: left;
  }
}

#financial .policy h3 {
  background: #e6b422;
  border-radius: 2px;
  color: #231815;
  display: inline-block;
  font-size: 95%;
  margin-right: 20px;
  padding:  5px 15px;
}
#financial .policy p {
  display: inline;
}

#financial .btn1 a {
  border: 1px solid #fff;
  margin: 0 0 30px;
  min-width:10em;
  padding: 0.8em 0.8em 0.8em 40px;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
}

@media (min-width:768px) {
  #financial .btn1 {
    float: right;
  }
  #financial .btn1 a {
    margin: 0 0 10px;
  }
}
  /* #endregion */

/* ----------------------------------------------------
6. Module setting
------------------------------------------------------- */
/***** Common Setting *****/
/* #region */


.mod_outer p{
  margin: 1em 0;
  padding: 0 1em;
}
.mod_outer ul,
.mod_outer ol{
  margin: 1em 1em 1em 2em;
}

/* #endregion */

/***** lang *****/
/* #region */
#contents .lang {
  text-align: right;
  margin: 5px 2% 10px;
}
#contents .lang .lang-link {
  background: #e6b422;
  background-size: 22px;
  border-radius: 2px;
  display: inline-block;
  font-size: 90%;
  padding: 5px 15px;
  text-decoration: none;
}

/*---- lang PC ----*/
@media (min-width:768px) {
  #contents .lang {
    margin: 5px 3% 30px;
  }
  #contents .lang .lang-link {
    padding: 8px 20px;
  }
}
/* #endregion */

/***** Page Link *****/
/* #region */
.page_link {
  background: #EFEDE8;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
.page_link li {
  border-left: 1px solid #CFC4AA;
  border-right: 1px solid #CFC4AA;
  padding: 0 1.5em;
  margin: 5px 0 5px -1px;
}
.en .page_link li {
  padding: 0 .5em;
}
.page_link a {
  background: url("/common2/img/common/page_link.png") no-repeat bottom center;
  background-size: 15px;
  color: #231815;
  display: block;
  padding: 5px 0 12px;
  text-align: center;
  text-decoration: none;
}
.en .page_link a {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (min-width:768px) {
  .page_link {
    padding: 10px 3%;
  }
  .page_link li {
    padding: 0;
  }
  .page_link.cont5 li {
    width: 20%;
  }
  .page_link.cont4 li {
    width: 25%;
  }
  .page_link.cont3 li {
    width: 33.333%;
  }
  .page_link.cont2 li {
    width: 50%;
  }
  .page_link a {
    background-size: 18px;
    padding: 5px 5px 16px;
  }
}
@media (min-width:768px) and (max-width:960px) {
  .page_link {
    padding: 10px 2%;
  }
  .page_link li {
    padding: 0 1.5em;
  }

  .page_link a {
    background-size: 15px;
    padding: 5px 0 12px;
  }
}
/* #endregion */

/***** Tab Link *****/
/* #region */
.mod_outer .tab_lnk,
.mod_outer .list-history,
.WebEditor .tab_lnk,
.WebEditor .list-history {
  border-bottom: 3px solid #0f4c81;
  margin: 2em 0 !important;
}

.mod_outer .tab_lnk li,
.mod_outer .list-history li,
.WebEditor .tab_lnk li,
.WebEditor .list-history li {
  display: inline;
  padding: 0;
  margin-right: 5px;
  margin-left: 0;
}
.mod_outer .tab_lnk li:last-child,
.mod_outer .list-history li:last-child,
.WebEditor .tab_lnk li:last-child,
.WebEditor .list-history li:last-child {
  margin-right: 0;
}
.mod_outer .tab_lnk li::after,
.mod_outer .list-history li::after,
.WebEditor .tab_lnk li::after,
.WebEditor .list-history li::after {
  display: none;
}

.mod_outer .tab_lnk li a,
.mod_outer .tab_lnk li em,
.mod_outer .list-history li a,
.mod_outer .list-history li em,
.mod_outer .list-history .live,
.WebEditor .tab_lnk li a,
.WebEditor .tab_lnk li em,
.WebEditor .list-history li a,
.WebEditor .list-history li em,
.WebEditor .list-history .live{
  display: inline-block;
  padding: 0.8em 3em;
  text-align: center;
  margin-top: 5px;
  border-radius: 2px 2px 0 0;
}

.mod_outer .tab_lnk li a,
.mod_outer .list-history li a ,
.WebEditor .tab_lnk li a,
.WebEditor .list-history li a {
  border: 1px solid #d6cbb9;
  text-decoration: none;
  background: url("/common2/img/common/arrow01.png") no-repeat;
  background-position: 10px center;
  background-size: 8px;
  transition: background-color 0.5s ease 0s;
}

.mod_outer .tab_lnk li a:hover,
.mod_outer .tab_lnk li a:focus,
.mod_outer .tab_lnk li em,
.mod_outer .list-history li a:hover,
.mod_outer .list-history li a:focus,
.mod_outer .list-history li em,
.mod_outer .list-history .live,
.WebEditor .tab_lnk li a:hover,
.WebEditor .tab_lnk li a:focus,
.WebEditor .tab_lnk li em,
.WebEditor .list-history li a:hover,
.WebEditor .list-history li a:focus,
.WebEditor .list-history li em,
.WebEditor .list-history .live {
  background-color: #0f4c81;
  border: 1px solid #0f4c81;
  font-style: normal;
  color: #fff;
}

.edu_pagenation a:hover,
.edu_pagenation a:focus,
.p-navi a:hover,
.p-navi a:focus {
  background-color: #0f4c81;
  color: #FFFFFF;
}


.mod_outer .tab_lnk li em,
.mod_outer .list-history li em,
.WebEditor .tab_lnk li em,
.WebEditor .list-history li em {
  font-weight: bold;
  font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mod_outer .list-history .live,
.WebEditor .list-history .live{
  font-weight: bold;
}

@media (max-width:960px) {
  .mod_outer .tab_lnk li a,
  .mod_outer .tab_lnk li em,
  .mod_outer .list-history li a,
  .mod_outer .list-history li em,
  .mod_outer .list-history .live,
  .WebEditor .tab_lnk li a,
  .WebEditor .tab_lnk li em,
  .WebEditor .list-history li a,
  .WebEditor .list-history li em,
  .WebEditor .list-history .live {
    padding: 0.8em 2em;
  }
}
/* #endregion */

/***** P *****/
/* #region */
.mod_outer p,
.WebEditor p {
  line-height: 1.7em;
}
/* #endregion */

/***** List *****/
/* #region */
.mod_outer ul li,
.WebEditor ul li {
  position: relative;
  padding: 0 0 0.5em 0;
}

.mod_outer ul > li::after,
.WebEditor ul > li::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #0f4c81;
  position: absolute;
  left: -18px;
  top: 0.7em;
}

.mod_outer ol,
.WebEditor ol {
  list-style: decimal;
  margin-left: 2.5em;
}

.mod_outer ol li,
.WebEditor ol li {
  padding: 0 0 0.5em 2px;
  position: relative;
}
.mod_outer ol ol,
.WebEditor ol ol{
	text-indent: 0;
}

.list1 {
  margin: 20px 2%;
}
.list1 li {
  background: url("/common2/img/common/arrow01.png") no-repeat 0 5px;
  padding: 0 8px 1em 20px;
}
/* #endregion */

/***** Link *****/
/* #region */
.mod_outer .lnk li,
.WebEditor .lnk li {
  position: relative;
  padding: 0 5px 1em 18px;
}
.mod_outer .lnk li::after,
.WebEditor .lnk li::after {
  display: none;
}

.lnk1 {
  background: url("/common2/img/common/arrow01.png") no-repeat 0 .45em;
  background-size: 8px;
  padding-left: 20px;
}
/* #endregion */

/***** Table *****/
/* #region */

table { border-spacing: 0; }
.mod_outer table,
.WebEditor table {
  margin: 1.5em;
}

.mod_outer table th,
.WebEditor table th {
  background: #EFEDE8;
}
.mod_outer table th,
.mod_outer table td,
.WebEditor table th,
.WebEditor table td {
/*  border: 1px solid #d6cbb9;
*/  padding: 1em;
 /* vertical-align: middle;*/
  vertical-align: top;
}
.mod_outer table tbody th,
.WebEditor table tbody th {
  text-align: left;
}

caption {
  text-align: right;
  padding: 0.5em 0;
}
.nowrap {
  white-space: nowrap;
}
@media (min-width:768px) {
  .mod_outer table,
  .WebEditor table {
    margin: 1.5em;
  }
  .mod_outer table th,
  .mod_outer table td,
  .WebEditor table th,
  .WebEditor table td {
    padding: 1em;
  }
}
/* #endregion */

/***** Icon *****/
/* #region */
.icon {
  margin-left: 0.5em;
  vertical-align: middle;
  width: 27px;
}
/* #endregion */

/***** HR *****/
/* #region */
.mod_outer hr ,
.WebEditor hr {
  width: 90%;
  margin: 1em auto;
  background-color: #d6cbb9;
  border: none;
  height: 1px;
}

/* #endregion */

/***** Index Link List *****/
/* #region */
.mod_outer .index_links {
  margin: 1em;
  width: calc(100% - 2em);
}
.mod_outer .index_links-list {
  background: url("/common2/img/common/arrow01.png") no-repeat 0 .75em/8px;
  padding: 0.5em 10px 0.5em 22px;
}
.mod_outer .index_links-list::after {
  content: none;
}
@media (min-width:768px) {
  .mod_outer .index_links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 2em);
  }
  .mod_outer .index_links::after{
    content: "";
    display: block;
    width: calc((100% - 1em * 2) / 3);
  }
  .mod_outer .index_links-list {
    padding: 0.5em 10px 0.5em 18px;
    width: calc((100% - 1em * 2) / 3);
  }
}
/* #endregion */


/********************************
7. Style
********************************/

/***** h Titles *****/
/* #region */

/*---- h1 ----*/
h1,
.mod_outer h1,
.WebEditor h1,
.look.h1 {
  font-size: 140%;
  margin: 1em auto 0;
  padding: 0 2%;
  position: relative;
  text-align: center;
  line-height: 1.3;
}
h1::after,
.mod_outer h1::after,
.WebEditor h1::after,
.look.h1::after {
  background-color: #0f4c81;
  content: "";
  display: block;
  height: 3px;
  margin: 20px auto 0;
  position: relative;
  width: 2em;
}
@media (min-width: 768px) {
  h1,
  .mod_outer h1,
  .WebEditor h1,
  .look.h1 {
    font-size: 160%;
    margin: 2em auto 0;
    padding: 0 3%;
  }
  h1::after,
  .mod_outer h1::after,
  .WebEditor h1::after,
  .WebEditor h1::after,
  .look.h1::after {
    margin: 30px auto 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px){
  h1,
  .mod_outer h1,
  .WebEditor h1,
  .look.h1 {
    margin: 1.5em auto 0;
    padding: 0 3%;
  }
}
h1 span,
.mod_outer h1 span,
.WebEditor h1 span,
.look.h1 span {
  display: block;
  font-size: 70%;
  margin: 0.8em 0;
  line-height: 1.3;
}

h1 span span,
.mod_outer h1 span span,
.WebEditor h1 span span,
.look.h1 span span{
  display: inline;
  font-size: 100%;
}


h1 span.indent-line,
.mod_outer h1 span.indent-line,
.WebEditor h1 span.indent-line,
.look.h1 span.indent-line{
	display: flex;
	position: relative;
	justify-content: center;
	padding-left: 0 !important;
} 

h1 span.indent-line::before,
.mod_outer h1 span.indent-line::before,
.WebEditor h1 span.indent-line::before,
.look.h1 span.indent-line::before{
	width: 30px !important;
	position: relative;
	right: 0.5em;
	top: 0.6em;
} 


h1 .f24,
.WebEditor h1 .f24,
.mod_outer h1 .f24,
.look.h1 .f24 {
  display: inline !important;
  font-size: 1em !important;
}

/*---- h2 ----*/
.h2,
.mod_outer h2,
.look.h2,
.WebEditor h2{
  clear: both;
  border-left: 6px solid #0f4c81;
  font-size: 130%;
  margin: 1.5em 0;
  padding: 0.4em 10px 0.4em 13px;
  position: relative;
/*  line-height: 1.2;*/
}
.h2::after,
.mod_outer h2::after,
.look.h2::after,
.WebEditor h2::after {
  background-color: #d6cbb9;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin-top: 15px;
  position: absolute;
  width: 100%;
}
@media (min-width: 768px) {
  .h2,
  .mod_outer h2,
  .WebEditor h2,
  .look.h2 {
    font-size: 150%;
    margin: 2em 0;
  }
  .h2::after,
  .mod_outer h2::after,
  .WebEditor h2::after,
  .look.h2::after {
    margin-top: 26px;
  }
}
@media (min-width: 768px) and (max-width: 1200px){
  .h2,
  .mod_outer h2,
  .WebEditor h2,
  .look.h2 {
    padding: 0.2em 10px 0.2em 18px;
  }
  .h2::after,
  .mod_outer h2::after,
  .WebEditor h2::after,
  .look.h2::after {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px){
  .h2,
  .mod_outer h2,
  .WebEditor h2,
  .look.h2 {
    padding: 0.2em 10px 0.2em 10px;
  }
}

/*---- h3 ----*/
.h3,
.mod_outer h3,
.result-box .mod_outer h3,
.WebEditor h3,
.look.h3 {
  border-left: 4px solid #0f4c81;
  font-size: 120%;
  margin: 1em 0 1.5em;
  padding: 0.3em 10px 0.3em 15px;
  position: relative;
}

.h3::after,
.mod_outer h3::after,
.result-box .mod_outer h3::after,
.WebEditor h3::after,
.look.h3::after {
  background-color: #d6cbb9;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin-top: 16px;
  position: absolute;
  width: 100%;
}

@media (min-width: 768px) {
  .h3,
  .mod_outer h3,
  .result-box .mod_outer h3,
  .WebEditor h3,
  .look.h3 {
    font-size: 130%;
  }
  .h3::after,
  .mod_outer h3::after,
  .result-box .mod_outer h3::after,
  .WebEditor h3::after,
  .look.h3::after {
    margin-top: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1200px){
  .h3,
  .mod_outer h3,
  .result-box .mod_outer h3,
  .WebEditor h3,
  .look.h3 {
    font-size: 125%;
    margin-bottom: 1.9em;
    padding: 0.1em 10px 0.1em 20px;
  }
  .h3::after,
  .mod_outer h3::after,
  .result-box .mod_outer h3::after,
  .WebEditor h3::after,
  .look.h3::after {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .mod_outer h3,
  .result-box .mod_outer h3,
  .WebEditor h3,
  .look.h3 {
    padding: 0.2em 10px 0.2em 12px;
  }
}

/*---- h4 ----*/
.h4,
.mod_outer h4,
.WebEditor h4,
.look.h4 {
  border-left: 2px solid #0f4c81;
  font-size: 110%;
  margin: 1em 0 1.8em;
  padding: 0.2em 10px 0.2em 17px;
  position: relative;
}
.h4::after,
.mod_outer h4::after,
.WebEditor h4::after,
.look.h4::after {
  background-color: #d6cbb9;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin-top: 12px;
  position: absolute;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 1200px){
  .h4,
  .mod_outer h4,
  .WebEditor h4,
  .look.h4 {
    margin-bottom: 1.8em;
    padding-left: 22px;
  }
  .h4::after,
  .mod_outer h4::after,
  .WebEditor h4::after,
  .look.h4::after {
    margin-top: 11px ;
  }
}

@media only screen and (max-width: 767px) {
  .mod_outer h4,
  .WebEditor h4,
  .look.h4 {
    margin-bottom: 1.3em;
    padding-left: 14px;
  }
  .h4::after,
  .mod_outer h4::after,
  .WebEditor h4::after,
  .look.h4::after {
    margin-top: 10px ;
  }
}

/*---- h5 ----*/
.h5,
.mod_outer h5,
.WebEditor h5,
.look.h5 {
  font-size: 100%;
  padding: 0em 10px 0em 19px;
  margin: 1em 0 1.9em;
  position: relative;
}

.h5::after,
.mod_outer h5::after,
.WebEditor h5::after,
.look.h5::after {
  background-color: #d6cbb9;
  content: "";
  display: block;
  height: 1px;
  right: 0;
  margin-top: 8px;
  position: absolute;
  width: 100%;
}

.h5::before,
.mod_outer h5::before,
.WebEditor h5::before,
.look.h5::before {
  background-color: #0f4c81;
  content: "";
  display: block;
  height: calc(100% - 0.5em + 2px);
  left: 0;
  position: absolute;
  top: .22em;
  width: 2px;
}

@media (min-width: 768px) and (max-width: 1200px){
  .h5,
  .mod_outer h5,
  .WebEditor h5,
  .look.h5 {
    padding-left: 24px;
    margin-bottom: 2em;
  }
  .h5::after,
  .mod_outer h5::after,
  .WebEditor h5::after,
  .look.h5::after {
    margin-top: 8px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .h5,
  .mod_outer h5,
  .WebEditor h5,
  .look.h5 {
    padding: 0.1em 10px 0.1em 16px;
    margin-bottom: 1.5em;
  }
  .h5::after,
  .mod_outer h5::after,
  .WebEditor h5::after,
  .look.h5::after {
    margin-top: 8px;
  }
}

/*---- h6 ----*/
.h6,
.mod_outer h6,
.WebEditor h6,
.look.h6 {
  font-size: 100%;
  padding: 0 10px 0 19px;
  margin: 1em 0 1.9em;
  position: relative;
}

.h6::after,
.mod_outer h6::after,
.WebEditor h6::after,
.look.h6::after {
  background-color: #d6cbb9;
  content: "";
  display: block;
  height: 1px;
  right: 0;
  margin-top: 8px;
  position: absolute;
  width: calc(100% - 19px);
}

@media (min-width: 768px) and (max-width: 1200px) {
  .h6,
  .mod_outer h6,
  .WebEditor h6,
  .look.h6 {
    padding-left: 24px;
    margin-bottom: 2em;
    width: calc(100% - 24px);
  }
}
@media only screen and (max-width: 767px) {
  .h6,
  .mod_outer h6,
  .WebEditor h6,
  .look.h6 {
    padding: 0 10px 0 16px;
    margin-bottom: 1.5em;
  }
  .h6::after,
  .mod_outer h6::after,
  .WebEditor h6::after,
  .look.h6::after {
    margin-top: 8px;
    width: calc(100% - 16px)  
  }
}
/* #endregion */

/***** Width *****/
/* #region */
.w1em { width: 1em; }
.w2em { width: 2em; }
.w3em { width: 3em; }
.w4em { width: 4em; }
.w5em { width: 5em; }
.w6em { width: 6em; }
.w7em { width: 7em; }
.w8em { width: 8em; }
.w9em { width: 9em; }
.w10em { width: 10em; }
/*.w1em { width: calc(1em + 23px); }
.w2em { width: calc(2em + 23px); }
.w3em { width: calc(3em + 23px); }
.w4em { width: calc(4em + 23px); }
.w5em { width: calc(5em + 23px); }
.w6em { width: calc(6em + 23px); }
.w7em { width: calc(7em + 23px); }
.w8em { width: calc(8em + 23px); }
.w9em { width: calc(9em + 23px); }
.w10em { width: calc(10em + 23px); }*/
.w5 { width: 5%; }
.w10 { width: 10%; }
.w12 { width: 12%; }
.w13 { width: 13%; }
.w14 { width: 14%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }
.ws5 { width: 5%; }
.ws10 { width: 10%; }
.ws15 { width: 15%; }
.ws20 { width: 20%; }
.ws25 { width: 25%; }
.ws30 { width: 30%; }
.ws33 { width: 33%; }
.ws35 { width: 35%; }
.ws40 { width: 40%; }
.ws45 { width: 45%; }
.ws50 { width: 50%; }
.ws55 { width: 55%; }
.ws60 { width: 60%; }
.ws65 { width: 65%; }
.ws70 { width: 70%; }
.ws75 { width: 75%; }
.ws80 { width: 80%; }
.ws85 { width: 85%; }
.ws90 { width: 90%; }
.ws95 { width: 95%; }
/* #endregion */


/***** Text-Decoration *****/
/* #region */
.red {
  color: #C93C3C;
}
p.red {
  color: #C93C3C;
}
.red-b {
	color: #C93C3C;
	font-weight: bold;
}
em.red {
    display: inline !important;
}

sup {
  vertical-align: super;
  font-size: smaller;
  color: #C93C3C;
}
sup.sup-black {
  color: #231815;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}

.mod_outer .txt-underline,
.WebEditor .txt-underline{
  text-decoration: underline;
}
.txt-center { text-align: center!important; }
.txt-left { text-align: left!important; }
.txt-right { text-align: right!important; }
.valign-m { vertical-align: middle !important; }
.valign-t { vertical-align: top !important; }
.valign-b { vertical-align: bottom !important; }
.justify { text-align-last: justify;-moz-text-align-last:justify;}

.mod_outer em,
.WebEditor em {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-family: 'Noto Serif JP', serif;
}

ins {
  text-decoration: underline;
}

mark {
  color: #231815;
  font-style: italic;
  font-weight: bold;
  background-color: #ff9;
}
del {
  text-decoration: line-through;
}
.nowrap {
  white-space: nowrap;
}

.thinline {
  font-weight: normal;
}


/*---- font-setting ----*/
.f18rem {
  font-size: 1.8rem;
}
.f16rem {
  font-size: 1.6rem;
}
.f14rem {
  font-size: 1.4rem;
}
.f12rem {
  font-size: 1.2rem;
}
.f08rem {
  font-size: 0.8rem;
}
.f05rem {
  font-size: 0.5rem;
}




.txt-hide {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}
/* #endregion */


/***** Img *****/
/* #region */

img.border {
  border: 1px solid #747474 !important;
}

/*---- list photo ----*/
.outline .pic1,
.WebEditor .pic1,
.mod_outer .pic1 {
  text-align: center;
  margin: 1.5em 0;
}
.outline .pic1 li,
.mod_outer .pic1 li,
.WebEditor .pic1 li {
  list-style: none;
  width: 100%;
  margin: 0 0 1em;
  padding: 0 !important;
}
.outline .pic1 li::before,
.outline .pic2 li::before,
.outline .pic3 li::before,
.outline .pic4 li::before,
.mod_outer .pic1 li::before,
.mod_outer .pic2 li::before,
.mod_outer .pic3 li::before,
.mod_outer .pic4 li::before,
.WebEditor .pic1 li::before,
.WebEditor .pic2 li::before,
.WebEditor .pic3 li::before,
.WebEditor .pic4 li::before {
  content: none !important;
  display: none !important;
}
.outline .pic1 li::after,
.outline .pic2 li::after,
.outline .pic3 li::after,
.outline .pic4 li::after,
.mod_outer .pic1 li::after,
.mod_outer .pic2 li::after,
.mod_outer .pic3 li::after,
.mod_outer .pic4 li::after,
.WebEditor .pic1 li::after,
.WebEditor .pic2 li::after,
.WebEditor .pic3 li::after,
.WebEditor .pic4 li::after {
  content: none !important;
  display: none !important;
}

.outline .pic2,
.mod_outer .pic2,
.WebEditor .pic2,
.outline .pic3,
.mod_outer .pic3,
.WebEditor .pic3,
.outline .pic4,
.mod_outer .pic4,
.WebEditor .pic4 {
  margin: 1.5em  0;
}
.outline ul.pic2,
.mod_outer ul.pic2,
.WebEditor ul.pic2,
.outline ul.pic3,
.mod_outer ul.pic3,
.WebEditor ul.pic3,
.outline ul.pic4,
.mod_outer ul.pic4,
.WebEditor ul.pic4 {
  margin-top: 1.5em ;
  margin-bottom: 1.5em !important;
}

.outline .pic2 li,
.mod_outer .pic2 li,
.WebEditor .pic2 li,
.outline .pic3 li,
.mod_outer .pic3 li,
.WebEditor .pic3 li,
.outline .pic4 li,
.mod_outer .pic4 li,
.WebEditor .pic4 li {
  margin: 0em 1em 2em !important;
}

.outline .pic2,
.mod_outer .pic2 ,
.WebEditor .pic2 {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
}
.outline .pic2 li,
.mod_outer .pic2 li,
.WebEditor .pic2 li {
  list-style: none;
  width: calc(50% - 2em);
  padding: 0 !important;
}

.outline .pic3,
.mod_outer .pic3,
.WebEditor .pic3 {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.outline .pic3 li,
.mod_outer .pic3 li,
.WebEditor .pic3 li {
  list-style: none;
  width: calc(33.33% - 2em);
  padding: 0 !important;
}


.outline .pic4,
.mod_outer .pic4,
.WebEditor .pic4 {
  display: flex;
  text-align: center;
  flex-wrap: wrap;
  justify-content:center;
}
.outline .pic4 li,
.mod_outer .pic4 li,
.WebEditor .pic4 li {
  list-style: none;
  width: calc(25% - 2em);
  padding: 0 !important;
}


@media only screen and (max-width: 767px) {
  .outline .pic1 li::after,
  .mod_outer .pic1 li::after,
  .WebEditor .pic1 li::after,
  .outline .pic2 li::after,
  .mod_outer .pic2 li::after,
  .WebEditor .pic2 li::after,
  .outline .pic3 li::after,
  .mod_outer .pic3 li::after,
  .WebEditor .pic3 li::after,
  .outline .pic4 li::after,
  .mod_outer .pic4 li::after,
  .WebEditor .pic4 li::after {
    content: none !important;
    display: none !important;
  }
  .outline .pic2,
  .mod_outer .pic2,
  .WebEditor .pic2,
  .outline .pic3,
  .mod_outer .pic3,
  .WebEditor .pic3,
  .outline .pic4,
  .mod_outer .pic4,
  .WebEditor .pic4 {
    margin: 0px !important;
  }
	
	
  .outline .pic2 li,
  .mod_outer .pic2 li,
  .WebEditor .pic2 li,
  .outline .pic3 li,
  .mod_outer .pic3 li,
  .WebEditor .pic3 li,
  .outline .pic4 li,
  .mod_outer .pic4 li,
  .WebEditor .pic4 li {
    margin: 0em 0.5em 1em !important;
  }
  .outline .pic2 li,
  .mod_outer .pic2 li,
  .WebEditor .pic2 li,
  .outline .pic3 li,
  .mod_outer .pic3 li,
  .WebEditor .pic3 li,
  .outline .pic4 li,
  .mod_outer .pic4 li,
  .WebEditor .pic4 li {
    list-style: none;
    width: 100%;
    padding: 0 !important;
  }
}

.pic1 img,
.pic2 img,
.pic3 img,
.pic4 img,
.mod_outer .pic1 img,
.mod_outer .pic2 img,
.mod_outer .pic3 img,
.mod_outer .pic4 img,
.WebEditor .pic1 img,
.WebEditor .pic2 img,
.WebEditor .pic3 img,
.WebEditor .pic4 img { 
	margin: 0 0 .5em;
}
.pic1 li p,
.pic2 li p,
.pic3 li p,
.pic4 li p {
  margin-top: 0;
}

/*---- caption photo ----*/
figure{
  display: table;
  margin: 0 0 40px !important;
}
figure img {
  display: block;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
figcaption {
  display: table-caption;
  caption-side: bottom;
  text-align: center;
  color: #231815;
  font-size: 0.9em;
  margin: 12px 0 0 0;
}
ul li figure{
  margin-left: auto !important;
  margin-right: auto !important; 
}

.pic1 figure img,
.pic2 figure img,
.pic3 figure img,
.pic4 figure img,
.mod_outer .pic1 figure img,
.mod_outer .pic2 figure img,
.mod_outer .pic3 figure img,
.mod_outer .pic4 figure img,
.WebEditor .pic1 figure img,
.WebEditor .pic2 figure img,
.WebEditor .pic3 figure img,
.WebEditor .pic4 figure img { 
	margin-left: auto;
	margin-right: auto;
}
.photo,
.mod_outer .photo,
.WebEditor .photo {
	list-style: none;
	font-size: 0;
}
.photo li,
.mod_outer .photo li,
.WebEditor .photo li {
	display: inline-block;
	margin: 0 5px 5px 0;
}


/* #endregion */

/***** Float *****/
/* #region */

.fl {
    float: left;
}
.fr {
    float: right;
}

/*---- float photo ----*/
.fl-img,
.fl-img_b {
  float: left;
  margin-bottom: 0;
}
.clfix .fl-img,
.clfix .fl-img_b {
  float: left;
  padding: 0.4em 40px 40px 1.5em ;
  margin: 0 !important;
}

.fr-img,
.fr-img_b {
  float: right;
  margin: 0;
}

.clfix .fr-img,
.clfix .fr-img_b {
  float: right;
  padding: 0.4em 1.5em 40px 40px !important ;
  margin: 0 !important;
}

/*---- float text ----*/
.clfix .fl-txt,
.fl-txt {
  float: left;
  margin: 0 !important;
}
.clfix .fr-txt,
.fr-txt {
  float: right;
  margin: 0 !important;
}
.clfix .fr-txt h2 {
  margin-top: 0.4em !important;
}
.clfix .fl-txt h2 {
  margin-top: 0.4em !important;
}
.fl-img_b img,
.fr-img_b img { 
  border: 1px solid #c0c0c0;
}
.col50 {
  float: left;
  width: calc(50% - 20px);
}
.col50:last-child {
  float: right;
  width: calc(50% - 20px);
}

.clfix::after {
    content: "";
    display: block;
    clear: both;
}

@media only screen and (max-width: 767px) {
  .fl,
  .fr,
  .fl-img,
  .fl-img_b,
  .clfix .fl-img,
  .clfix .fl-img_b,
  .fr-img,
  .fr-img_b,
  .fl-txt,
  .fr-txt,
  .clfix .fr-img,
  .clfix .fr-img_b,
  .clfix .fl-txt,
  .clfix .fr-txt {
    float: none;
    margin: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 1em !important;
  }
  .clfix .fl-txt,
  .clfix .fr-txt {
    margin: auto !important;
  }
	
  .fl-img,.fr-img {
	text-align: center;	
  }

  .fl-txt li,
  .fr-txt li { margin-left: 1em; }
  .ws5 { width: auto; }
  .ws10 { width: auto; }
  .ws15 { width: auto; }
  .ws20 { width: auto; }
  .ws25 { width: auto; }
  .ws30 { width: auto; }
  .ws33 { width: auto; }
  .ws35 { width: auto; }
  .ws40 { width: auto; }
  .ws45 { width: auto; }
  .ws50 { width: auto; }
  .ws55 { width: auto; }
  .ws60 { width: auto; }
  .ws65 { width: auto; }
  .ws70 { width: auto; }
  .ws75 { width: auto; }
  .ws80 { width: auto; }
  .ws85 { width: auto; }
  .ws90 { width: auto; }
  .ws95 { width: auto; }
  .col50 {
  float: none;
  width: 100%;
}
.col50:last-child {
  float: none;
  width: 100%;
}
.undefined {
	padding: 0 0 0 .61em !important;
	margin: 0 0 .61em !important;
	border-left: 5px solid #ccc;
}
}

/*---- float caption ----*/
.clfix .fl-caption{
  float: left;
  margin: 0.4em 40px 40px 1.5em !important;
}

.clfix .fr-caption{
  float: right;
  margin: 0.4em 1.5em 40px 40px !important;
}
.clfix figure.txt-center{
  margin: 0 auto 40px !important;
}

.clfix .txt-cption {
  padding: 0 !important;
  margin: 0 !important;
}

.clfix .fl-caption.txt-cption img {
  padding: 0 40px 0 1.5em !important;
}

.clfix .fl-caption.txt-cption figcaption {
  padding: 0 40px 0 1.5em !important;
}
.clfix .fr-caption.txt-cption img{
  padding: 0 1.5em 0 40px !important;
}

.clfix .fr-caption.txt-cption figcaption {
  padding: 0 1.5em 0 40px !important;
}
@media only screen and (max-width: 767px) {
  .clfix .fl-caption,
  .clfix .fr-caption,
  .clfix figure.img-caption,
  .clfix .fl-caption.txt-cption img,
  .clfix .fr-caption.txt-cption img {
    float: none;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 1em !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
  /* #endregion */



/***** layout *****/
/* #region */
/*---- hr ----*/
.mod_outer hr.double,
.WebEditor hr.double {
  background-color: transparent !important;
  border-top: 4px double #d6cbb9 !important;
  height: 4px;
}


/*---- border ----*/
.border1 {
  display: inline-block;
  margin: 1em;
  border: 1px solid #707070;
  border-radius: 4px;
}

.border1 h2,
.border1 h3,
.border1 h4,
.border1 h5,
.border1 h6{
  margin: 1.5em;
}

.border1 ul {
  margin: 1em;
}

.border100 {
  border: 1px solid #707070;
  margin: 1em 0;
  padding: 0 1em;
}

.border100 p {
  padding: 0 !important;
}

.border100 .border1 {
  margin: 1em 0;
}

.border100 .border1 p {
  padding: 0 1em !important;
}

/*---- padding ----*/
/*left*/
.pl1em { padding-left: 1em !important; }
.pl2em { padding-left: 2em !important; }
.pl3em { padding-left: 3em !important; }
.pl4em { padding-left: 4em !important;}
.pl5em { padding-left: 5em !important;}
.pl6em { padding-left: 6em !important;}
.pl7em { padding-left: 7em !important;}
.pl8em { padding-left: 8em !important;}
.pl9em { padding-left: 9em !important;}

.p-left1 {
  display: block!important;
  padding-left: 1em!important;
}
.p-left2 {
  display: block!important;
  padding-left: 2em!important;
}
.p-left3 {
  display: block!important;
  padding-left: 3em!important;
}

/*---- margin ----*/
/*top*/
.mt0 { margin-top: 0!important; }
.mt1em { margin-top: 1em!important; }
.mt15em { margin-top: 1.5em!important; }
.mt2em { margin-top: 2em!important; }
.mt3em { margin-top: 3em!important; }
/*bottom*/
.mb0 { margin-bottom: 0!important; }
/*left*/
.ml1em { margin-left: 1em!important; }
.ml2em { margin-left: 2em!important; }
.ml25em { margin-left: 2.5em!important; }
.ml3em { margin-left: 3em!important; }

/*---- text-indent ----*/
.indent-line,
p.indent-line {
  padding-left: 60px !important;
  margin-left: 1em;
  display: block;
}
.indent-line::before {
  border-top: 1px solid #231815;
  content: "";
  display: block;
  position: relative;
  right: 60px;
  top: 1em;
  width: 50px;
}


li > .indent-line{
  margin-left: 0;
}

.indent0 {
  margin-left: 0 !important;
  text-indent: 0 !important;
}
.indent1 {
  margin-left: 1em !important;
  text-indent: -1em !important;
}
.indent15 {
  margin-left: 1.5em !important;
  text-indent: -1.5em !important;
}
.indent2 {
  margin-left: 2em !important;
  text-indent: -2em !important;
}
.indent25 {
  margin-left: 2.5em !important;
  text-indent: -2.5em !important;
}
.indent3 {
  margin-left: 3em !important;
  text-indent: -3em !important;
}
.indent35 {
  margin-left: 3.5em !important;
  text-indent: -3.5em !important;
}
.indent4 {
  margin-left: 4em !important;
  text-indent: -4em !important;
}
.indent45 {
  margin-left: 4.5em !important;
  text-indent: -4.5em !important;
}
.indent5 {
  margin-left: 5em !important;
  text-indent: -5em !important;
}
.indent55 {
  margin-left: 5.5em !important;
  text-indent: -5.5em !important;
}
.indent6 {
  margin-left: 6em !important;
  text-indent: -6em !important;
}
.indent65 {
  margin-left: 6.5em !important;
  text-indent: -6.5em !important;
}
.indent7 {
  margin-left: 7em !important;
  text-indent: -7em !important;
}
.indent75 {
  margin-left: 7.5em !important;
  text-indent: -7.5em !important;
}
.indent8 {
  margin-left: 8em !important;
  text-indent: -8em !important;
}
.indent85 {
  padding-left: 8.5em !important;
  text-indent: -8.5em !important;
}
.indent9 {
  margin-left: 9em !important;
  text-indent: -9em !important;
}
.indent95 {
  margin-left: 9.5em !important;
  text-indent: -9.5em !important;
}
.indent10 {
  margin-left: 10em !important;
  text-indent: -10em !important;
}
.indent10-5 {
  margin-left: 10.5em !important;
  text-indent: -10.5em !important;
}
.indent11 {
  margin-left: 11em !important;
  text-indent: -11em !important;
}
.indent11-5 {
  margin-left: 11.5em !important;
  text-indent: -11.5em !important;
}
.indent12 {
  margin-left: 12em !important;
  text-indent: -12em !important;
}
.indent12-5 {
  margin-left: 12.5em !important;
  text-indent: -12.5em !important;
}
.indent13 {
  margin-left: 13em !important;
  text-indent: -13em !important;
}
.indent13-5 {
  margin-left: 13.5em !important;
  text-indent: -13.5em !important;
}
.indent14 {
  margin-left: 14em !important;
  text-indent: -14em !important;
}
.indent14-5 {
  margin-left: 14.5em !important;
  text-indent: -14.5em !important;
}
.indent15-0 {
  margin-left: 15em !important;
  text-indent: -15em !important;
}
.indent15-5 {
  margin-left: 15.5em !important;
  text-indent: -15.5em !important;
}

/*initial*/
.initial {
  margin:0 !important;
  padding:0 !important;
  text-indent: initial;
}

/*column*/
.column {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.column-box {
  width: calc(33.3% - 1em);
  margin-right: 1.5em;
}
.column-box:nth-child(3n) {
  margin-right: 0
}
.column-inner {
  padding: 0;
}

.column h2, 
.WebEditor .column h2 {
  margin-top: 1em;
}

.column .photo,
.WebEditor .column .photo {
  padding: 1px;
  background: #c0c0c0;
}
.column ul,
.WebEditor .column ul {
  list-style: none;
  margin-left: 1em;
}
.column li,
.WebEditor .column li {
  background: url(/common2/img/common/arrow01.png) no-repeat 0 0.35em;
  background-size: 8px;
  padding: 0 0 0 18px !important;
  margin-bottom: 1em;	
  text-indent: 0em;
  list-style: none;
  margin-left: 0 !important;
}
.column li::after{
  content: none !important;
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .column {
    display: block;
}
  .column-box {
    width: 100%;
    margin-right: 1.5em;
	}
  .column h2, 
  .WebEditor .column h2 {
    margin-top: 1.5em;
	}
  .column .photo,
  .WebEditor .column .photo {
    margin: auto;
    text-align: center;
	width: auto;
	background: none;
	}
}

/* #endregion */


/***** Link *****/
/* #region */

/*---- page-link ----*/
.outline .page-link > li,
.mod_outer .page-link > li,
.WebEditor .page-link > li,
.page-link.link-list03 > li {
  background: url("/common2/img/common/page-index.png") no-repeat 0 0.15em !important ;
  background-size: 22px !important;
  padding: 0 0 0 1.95em !important;
  margin-left: 0;
  margin-bottom: 1em;
  margin-right: 1.5em;
  text-indent: 0em;
  list-style: none; 
}

.outline .page-link,
.mod_outer .page-link,
.WebEditor .page-link {
  display: flex;
  flex-wrap: wrap;
  margin-left: 1em;
}
.outline .page-link a,
.mod_outer .page-link a,
.WebEditor .page-link a {
  display: inline-block;
}

.page-link.link-list03 li a {
  padding: 0 !important;
}

@media only screen and (max-width: 767px) {
  .outline .page-link > li,
  .mod_outer .page-link > li,
  .WebEditor .page-link > li,
  .page-link.link-list03 > li {
		background-position: 0em 0.2em !important;
		background-size: 20px !important;
	}
  .outline .page-link a,
  .mod_outer .page-link a,
  .WebEditor .page-link a,
  .mod_outer .page-link.link-list03 a ,
  .WebEditor .page-link.link-list03 a {
		padding-left: 0px;
	}
	
	.outline .page-link li,
  .mod_outer .page-link li,
  .WebEditor .page-link li {
		margin-right: 1.3em;
	}
	.page-link.link-list03 {
		display: block;
	}
	.page-link.link-list03 li {
		margin-right: 0;
	}
}
@media (min-width:768px) and (max-width:960px) {
	.outline .page-link li,
  .mod_outer .page-link li,
  .WebEditor .page-link li {
		margin-right: 1em;
	}
	.page-link.link-list03 li {
    margin-right: 1em;
    width: calc(25% - 0.75em);
	}
}

/*---- page_link ----*/
.outline .page_link,
.mod_outer .page_link,
.WebEditor .page_link{
  background: #EFEDE8;
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  margin: 1em 0;
}
.outline .page_link li,
.mod_outer .page_link li,
.WebEditor .page_link li{
  border-left: 1px solid #CFC4AA;
  border-right: 1px solid #CFC4AA;
  padding: 0 1.5em;
  margin: 5px 0 5px -1px;
}
.outline .page_link a,
.mod_outer .page_link a,
.WebEditor .page_link a{
  background: url("/common2/img/common/page_link.png") no-repeat bottom center;
  background-size: 15px;
  color: #231815;
  display: block;
  padding: 5px 0 12px;
  text-align: center;
  text-decoration: none;
}

@media (min-width:768px) {
  .outline .page_link,
  .mod_outer .page_link,
  .WebEditor .page_link{
    padding: 10px 3%;
  }
  .outline .page_link li,
  .mod_outer .page_link li,
  .WebEditor .page_link li{
    padding: 0;

  }
  .outline .page_link a,
  .mod_outer .page_link a,
  .WebEditor .page_link a {
    background-size: 18px;
    padding: 5px 5px 16px;
  }
}
@media (min-width:768px) and (max-width:960px) {
  .outline .page_link,
  .mod_outer .page_link,
  .WebEditor .page_link {
    padding: 10px 2%;
  }
  .outline .page_link li,
  .mod_outer .page_link li,
  .WebEditor .page_link li{
    padding: 0 1.5em;
  }

  .outline .page_link a,
  .mod_outer .page_link a,
  .WebEditor .page_link a{
    background-size: 15px;
    padding: 5px 0 12px;
  }
}


/*---- page-index ----*/


ul.page-index,
ol.page-index{
  margin-left: 1em;
}

.page-index > li {
  background: url("/common2/img/common/page-index.png") no-repeat 0 0.15em;
  background-size: 22px;
  padding: 0 0 0 34px !important;
  margin-bottom: 1em;
  text-indent: 0em;
  list-style: none; 
  margin-left: 0 !important;
}

.outline .page-index li ul,
.mod_outer .page-index li ul,
.WebEditor .page-index li ul {
  margin-bottom: 0em !important;
  margin-left: 0;
  margin-top: 1em;
}
.outline .page-index ul li ul li,
.mod_outer .page-index ul li ul li,
.WebEditor .page-index ul li ul li {
  position: relative;
  padding: 0.5em 5px 0.5em 18px;
}
.outline .page-index a,
.mod_outer .page-index a ,
.WebEditor .page-index a {
  padding-left: 0 !important;
}
.outline .page-index .page-link,
.mod_outer .page-index .page-link a,
.WebEditor .page-index .page-link a {
  margin-left: 0 !important;
}

.outline .page-index li li::after,
.mod_outer .page-index li li::after,
.WebEditor .page-index li li::after {
  content: none !important;
  display: none !important;
}


@media only screen and (max-width: 767px) {
  .outline .page-index > li,
  .mod_outer .page-index > li,
  .WebEditor .page-index > li {
		background-position: 0em 0.2em !important;
		background-size: 20px !important;
		padding-left: 28px !important;
	}
  .outline .page-index .page-link a,
  .mod_outer .page-index .page-link a,
  .WebEditor .page-index .page-link a {
		padding-left: 0px !important;
	}
		
  .outline .page-index .page-link > li > ul > li,
  .mod_outer .page-index .page-link > li > ul > li,
  .WebEditor .page-index .page-link > li > ul > li{
		padding-left: 0 !important;
	}
}


/*---- Link List  ----*/


/*ulタグのクラス使用時、マーカ表示なし*/
.outline .link-list01 li::after,
.mod_outer .link-list01 li::after,
.WebEditor .link-list01 li::after,
.outline .link-list02 li::after,
.mod_outer .link-list02 li::after,
.WebEditor .link-list02 li::after,
.outline .link-list03 li::after,
.mod_outer .link-list03 li::after,
.WebEditor .link-list03 li::after,
.page_link li::after,
.page-link li::after,
.page-index li::after,
.asterisk li::after,
.asterisk-red li::after,
.asterisk-number li::after,
.asterisk-number-red li::after,
.asterisk-red-number li::after,
.kome li::after,
.kome-note li::after,
.comments-bk li::after,
.comments-red li::after,
.caution li::after,
.list-notes li::after,
.no-list li::after,
.list-info li::after,
.number li::after,
.number2 li::after,
.number-en li::after,
.number-alphabet li::after,
.number-alphabet-en li::after,
.red-number2 li::after,
.red-number li::after,
.kana li::after,
.list01 li::after,
.list02 li::after{
  content: none !important;
  display: none !important;
}


ul.asterisk li::after,
ul.asterisk-red li::after,
ul.asterisk-number li::after,
ul.asterisk-number-red li::after,
ul.asterisk-red-number li::after,
ul.kome li::after,
ul.kome-note li::after,
ul.comments-bk li::after,
ul.comments-red li::after,
ul.caution li::after,
ul.list-notes li::after,
ul.no-list li::after,
ul.list-info li::after,
ul.number li::after,
ul.number2 li::after,
ul.number-en li::after,
ul.number-alphabet li::after,
ul.number-alphabet-en li::after,
ul.red-number2 li::after,
ul.red-number li::after,
ul.kana li::after,
ul.list01 li::after,
ul.list02 li::after{
  content: none !important;
  display: none !important;
}



/*入れ子箇条書きリスト、クラス無し時のマーカ表示*/
.outline .link-list01 ul > li,
.mod_outer .link-list01 ul > li,
.WebEditor .link-list01 ul > li,
.outline .link-list02 ul > li,
.mod_outer .link-list02 ul > li,
.WebEditor .link-list02 ul > li,
.outline .link-list03 ul > li,
.mod_outer .link-list03 ul > li,
.WebEditor .link-list03 ul > li,
.page_link ul > li,
.page-link ul > li,
.page-index ul > li,
.asterisk ul > li,
.asterisk-red ul > li,
.asterisk-number ul > li,
.asterisk-number-red ul > li,
.asterisk-red-number ul > li,
.kome ul > li,
.kome-note ul > li,
.comments-bk ul > li,
.comments-red ul > li,
.caution ul > li,
.list-notes ul > li,
.no-list ul > li,
.list-info ul > li,
.number ul > li,
.number2 ul > li,
.number-en ul > li,
.number-alphabet ul > li,
.number-alphabet-en ul > li,
.red-number2 ul > li,
.red-number ul > li,
.kana ul > li,
.list01 ul > li,
.list02 ul > li{
  margin-left: 0 ;
}

.outline .link-list01 ul,
.mod_outer .link-list01 ul,
.WebEditor .link-list01 ul,
.outline .link-list02 ul,
.mod_outer .link-list02 ul,
.WebEditor .link-list02 ul,
.outline .link-list03 ul,
.mod_outer .link-list03 ul,
.WebEditor .link-list03 ul,
.page_link ul,
.page-link ul,
.page-index ul,
.asterisk ul,
.asterisk-red ul,
.asterisk-number ul,
.asterisk-number-red ul,
.asterisk-red-number ul,
.kome ul,
.kome-note ul,
.comments-bk ul,
.comments-red ul,
.caution ul,
.list-notes ul,
.no-list ul,
.list-info ul,
.number ul,
.number2 ul,
.number-en ul,
.number-alphabet ul,
.number-alphabet-en ul,
.red-number2 ul,
.red-number ul,
.kana ul,
.list01 ul,
.list02 ul,
.outline .link-list01 ol,
.mod_outer .link-list01 ol,
.WebEditor .link-list01 ol,
.outline .link-list02 ol,
.mod_outer .link-list02 ol,
.WebEditor .link-list02 ol,
.outline .link-list03 ol,
.mod_outer .link-list03 ol,
.WebEditor .link-list03 ol,
.page_link ol,
.page-link ol,
.page-index ol,
.asterisk ol,
.asterisk-red ol,
.asterisk-number ol,
.asterisk-number-red ol,
.asterisk-red-number ol,
.kome ol,
.kome-note ol,
.comments-bk ol,
.comments-red ol,
.caution ol,
.list-notes ol,
.no-list ol,
.list-info ol,
.number ol,
.number2 ol,
.number-en ol,
.number-alphabet ol,
.number-alphabet-en ol,
.red-number2 ol,
.red-number ol,
.kana ol,
.list01 ol,
.list02 ol{
  margin-left: 0.5em;
  position: relative;
}

.asterisk ul > li::before,
.asterisk-red ul > li::before,
.asterisk-number ul > li::before,
.asterisk-number-red ul > li::before,
.asterisk-red-number ul > li::before,
.kome ul > li::before,
.kome-note ul > li::before,
.comments-bk ul > li::before,
.comments-red ul > li::before,
.caution ul > li::before,
.list-notes ul > li::before,
.no-list ul > li::before,
.list-info ul > li::before,
.number ul > li::before,
.number2 ul > li::before,
.number-en ul > li::before,
.number-alphabet ul > li::before,
.number-alphabet-en ul > li::before,
.red-number2 ul > li::before,
.red-number ul > li::before,
.kana ul > li::before,
.list01 ul > li::before,
.list02 ul > li::before{
  content: " " !important;
  display: block !important;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #0f4c81;
  position: absolute;
  left: -18px;
  top: 0.7em;
}
ul.number > li::before,
ul.number-alphabet > li::before,
ul.number-en > li::before,
ul.number-alphabet-en > li::before,
ul.kana > li::before,
ul.roman-number > li::before,
ul.asterisk-number > li::before,
ul.asterisk-number-red > li::before,
ul.number2 > li::before,
ul.red-number2 > li::before,
ul.comments-bk > li::before,
ul.comments-red > li::before,
ul.list-notes > li::before,
ul.comments-number > li::before,
ol.number > li::before,
ol.number-alphabet > li::before,
ol.number-en > li::before,
ol.number-alphabet-en > li::before,
ol.kana > li::before,
ol.roman-number > li::before,
ol.asterisk-number > li::before,
ol.asterisk-number-red > li::before,
ol.number2 > li::before,
ol.red-number2 > li::before,
ol.comments-bk > li::before,
ol.comments-red > li::before,
ol.list-notes > li::before,
ol.comments-number > li::before{
	content: none !important;
	display: none !important;
}
ol > li > ol.asterisk,
ol > li > ol.asterisk-red,
ol > li > ol.asterisk-number,
ol > li > ol.asterisk-number-red,
ol > li > ol.kome,
ol > li > ol.kome-note,
ol > li > ol.number2,
ol > li > ol.red-number,
ol > li > ol.red-number2,
ol > li > ol.comments-bk,
ol > li > ol.comments-red,
ol > li > ol.list-notes,
ul > li > ol.asterisk,
ul > li > ol.asterisk-red,
ul > li > ol.asterisk-number,
ul > li > ol.asterisk-number-red,
ul > li > ol.kome,
ul > li > ol.kome-note,
ul > li > ol.number2,
ul > li > ol.red-number,
ul > li > ol.red-number2,
ul > li > ol.comments-bk,
ul > li > ol.comments-red,
ul > li > ol.list-notes{
	list-style-type: none !important;
}

.outline .link-list01 li,
.mod_outer .link-list01 li,
.WebEditor .link-list01 li,
.outline .link-list02 li,
.mod_outer .link-list02 li,
.WebEditor .link-list02 li,
.outline .link-list03 li,
.mod_outer .link-list03 li,
.WebEditor .link-list03 li {
  background: url("/common2/img/common/arrow01.png") no-repeat 0 0.35em;
  background-size: 8px;
  padding: 0 0 0 18px;
  margin-bottom: 1em;	
  text-indent: 0em;
  /*list-style: none;*/
  margin-left: 0 !important;
}

/*link-list01*/
ul.link-list01,
ol.link-list01{
  margin-left: 1em;
  list-style: none;
}

.link-list01 ul {
  margin-left: 1.3em;
}

.outline .link-list01 ol,
.mod_outer .link-list01 ol,
.WebEditor .link-list01 ol{
  list-style-type: decimal;
  margin-left: 1.5em;
}

.outline .link-list01 ol li,
.mod_outer .link-list01 ol li,
.WebEditor .link-list01 ol li {
  padding-left: 0;
}
.link-list01 ol::before {
  content: none !important;
  display: none !important;
}

.link-list01 ul li,
.link-list01 ol li {
  background: none !important;
}
.link-list01 ul li::before {
  content: " " ;
  display: block ;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #0f4c81;
  position: absolute;
  left: 0;
  top: 0.7em;
}
.link-list01 li .link-list01 li::before{
  content: none !important;
  display: none !important;
}


.mod_outer .link-list01 li ul.link-list01 li,
.WebEditor .link-list01 li ul.link-list01 li{
  background: url("/common2/img/common/arrow01.png") no-repeat 0 0.35em !important;
  background-size: 8px !important;
  padding: 0 0 0 18px;
  margin-bottom: 1em;	
  text-indent: 0em;
  list-style: none;
  margin-left: 0 !important;
}

.mod_outer ul > li > ul.link-list01,
.mod_outer ol > li > ul.link-list01,
.mod_outer ul > li > ol.link-list01,
.mod_outer ol > li > ol.link-list01,
.WebEditor ul > li > ul.link-list01,
.WebEditor ol > li > ul.link-list01,
.WebEditor ul > li > ol.link-list01,
.WebEditor ol > li > ol.link-list01{
  margin-left: 0;
}

/*link-list02,03*/
.link-list02,
.link-list03 {
  display: flex;
  flex-wrap: wrap;
}
ul.link-list02,
ol.link-list02,
ul.link-list03,
ol.link-list03 {
  margin-left: 1em;
  list-style: none;
}

.link-list02 li {
  margin-right: 1.5em;
}
.link-list03 li {
  margin-right: 1.5em;
  width: calc(25% - 1.13em);
}
.link-list03 li:nth-child(4n) {
  margin-right: 0;
}

.mod_outer ul ul.link-list02,
.WebEditor ul ul.link-list02,
.mod_outer ol ul.link-list02,
.WebEditor ol ul.link-list02,
.mod_outer ul ol.link-list02,
.WebEditor ul ol.link-list02,
.mod_outer ol ol.link-list02,
.WebEditor ol ol.link-list02,
.mod_outer ul ul.link-list03,
.WebEditor ul ul.link-list03,
.mod_outer ol ul.link-list03,
.WebEditor ol ul.link-list03,
.mod_outer ul ol.link-list03,
.WebEditor ul ol.link-list03,
.mod_outer ol ol.link-list03,
.WebEditor ol ol.link-list03{
	margin-left: 0;
}


@media only screen and (max-width: 767px) {
  .link-list02,
  .link-list03 {
    display: block;
  }
  .link-list03 li {
    width: 100%;
  }
}

@media (min-width:768px) and (max-width:960px) {
	.link-list03 li {
    margin-right: 1em;
    width: calc(25% - 0.75em);
	}
}
/* #endregion */


/***** List *****/
/* #region */

/* base */

.mod_outer ol li p,
.WebEditor ol li p {
	padding: 0;
}

.outline ul li ul,
.mod_outer ul li ul,
.WebEditor ul li ul,
.outline ul li ol,
.mod_outer ul li ol,
.WebEditor ul li ol,
.outline ol li ol,
.mod_outer ol li ol,
.WebEditor ol li ol,
.outline ol li ul,
.mod_outer ol li ul,
.WebEditor ol li ul,
.outline ul li dl,
.mod_outer ul li dl,
.WebEditor ul li dl,
.outline ol li dl,
.mod_outer ol li dl,
.WebEditor ol li dl {
	margin-top: 0.5em;
	margin-bottom: 0;
	margin-right: 0;
	padding-bottom: 0em;
	margin-left: 1.5em;
}

.outline ul li dl,
.mod_outer ul li dl,
.WebEditor ul li dl,
.outline ol li dl,
.mod_outer ol li dl,
.WebEditor ol li dl {
	margin-bottom: 1em;
	margin-top: 0;
	margin-left: 0em;
	/*margin-left: 1em;*/
}

.mod_outer ul li ul li:last-child,
.WebEditor ul li ul li:last-child,
.outline ul li ul li:last-child,
.mod_outer ol li ol li:last-child,
.WebEditor ol li ol li:last-child,
.outline ol li ol li:last-child {
  padding-bottom: 0em;
}
ol .disc {
  list-style: none;
}
ol .disc::after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #0f4c81;
  position: absolute;
  left: -18px;
  top: 0.7em;
}

/*---- asterisk ----*/
.outline .asterisk,
.outline .asterisk-red,
.mod_outer .asterisk,
.mod_outer .asterisk-red,
.WebEditor .asterisk,
.WebEditor .asterisk-red {
  list-style: none;
  padding-left: 0.55em ;
  margin-left: 1.5em;
}
.outline .asterisk > li,
.outline .asterisk-red > li,
.mod_outer .asterisk > li,
.mod_outer .asterisk-red > li,
.WebEditor .asterisk > li,
.WebEditor .asterisk-red > li {
  padding-left: 0em ;
}
.outline .asterisk > li::before,
.outline .asterisk-red > li::before,
.mod_outer .asterisk > li::before,
.mod_outer .asterisk-red > li::before,
.WebEditor .asterisk > li::before,
.WebEditor .asterisk-red > li::before {
  content: "*" !important;
  left: -1em;
  position: absolute;
  top: 0px;
  background: none;
}
.outline .asterisk-red > li::before,
.mod_outer .asterisk-red > li::before,
.WebEditor .asterisk-red > li::before {
  color: #C93C3C;
}

.outline .asterisk-number,
.outline .asterisk-number-red,
.outline .asterisk-red-number,
.mod_outer .asterisk-number,
.mod_outer .asterisk-number-red,
.mod_outer .asterisk-red-number,
.WebEditor .asterisk-number,
.WebEditor .asterisk-number-red,
.WebEditor .asterisk-red-number {
  list-style: none;
  margin-left: 1em;
}
.outline .asterisk-number > li,
.outline .asterisk-number-red > li,
.outline .asterisk-red-number > li,
.mod_outer .asterisk-number > li,
.mod_outer .asterisk-number-red > li,
.mod_outer .asterisk-red-number > li,
.WebEditor .asterisk-number > li,
.WebEditor .asterisk-number-red > li,
.WebEditor .asterisk-red-number > li {
  padding-left: 2.3em;
}

.outline .asterisk-number > li > span:nth-child(1),
.outline .asterisk-number-red > li > span:nth-child(1),
.outline .asterisk-red-number > li > span:nth-child(1),
.mod_outer .asterisk-number > li > span:nth-child(1),
.mod_outer .asterisk-number-red > li > span:nth-child(1),
.mod_outer .asterisk-red-number > li > span:nth-child(1),
.WebEditor .asterisk-number > li > span:nth-child(1),
.WebEditor .asterisk-number-red > li > span:nth-child(1),
.WebEditor .asterisk-red-number > li > span:nth-child(1) {
  left: 0em;
  padding-right: 8px !important;
  display: inline-block;
  position: relative;
  text-align: right;
  width: 2.3em;
  margin-left: -2.3em;
}
.outline .asterisk-number-red > li > span:nth-child(1),
.outline .asterisk-red-number > li > span:nth-child(1),
.mod_outer .asterisk-number-red > li > span:nth-child(1),
.mod_outer .asterisk-red-number > li > span:nth-child(1),
.WebEditor .asterisk-number-red > li > span:nth-child(1),
.WebEditor .asterisk-red-number > li > span:nth-child(1) {
  color: #C93C3C;
}

ul.asterisk-number > li::before {
  content: none !important;
  display: none !important;
}



/*---- kome ----*/
ul.kome,
ul.kome-note {
  list-style: none !important;
  margin-left: 0;
}
ol.kome,
ol.kome-note {
  list-style: none !important;
  margin-left: 0;
}
ul.kome > li,
ul.kome-note > li,
ol.kome > li,
ol.kome-note > li {
  padding-left: 2.5em ;
  text-indent: 0 ;
}
.mod_outer .kome > li::before,
.WebEditor .kome > li::before {
  content: "※" !important;
  color: #231815;
  left: 1em;
  position: absolute;
  top: 0px;
  background: none !important;
  width: auto;
  height: auto;
}
.mod_outer .kome-note > li::before,
.WebEditor .kome-note > li::before {
  content: "※" !important;
  color: #C93C3C;
  left: 1em;
  position: absolute;
  top: 0px;
  background: none !important;
}
li > ol.kome > li,
li > ul.kome > li,
li > ol.kome-note > li,
li > ul.kome-note > li{
	margin-left: 0em ;
	text-indent: 0 ;
}
 li > ol.kome,
 li > ul.kome,
 li > ol.kome-note,
 li > ul.kome-note{
	margin-left: 0 ;
	padding-left: 0;
	text-indent: 0 ;
}

/*---- number ----*/

ol.number2,ul.number2,
.mod_outer ol.number2,
.mod_outer ul.number2,
.WebEditor ol.number2,
.WebEditor ul.number2 {
  list-style: none !important;
  margin-left: 1em;
}

ol.number2 > li,
ul.number2 > li,
.mod_outer ol.number2 > li,
.mod_outer ul.number2 > li,
.WebEditor ol.number2 > li,
.WebEditor ul.number2 > li {
  margin-left: 2.5em;
}

.number2 > li > span:nth-child(1),
.mod_outer .number2 > li > span:nth-child(1),
.WebEditor .number2 > li > span:nth-child(1) {
  display: inline-block;
  width: 2.5em;
  margin-left: -2.5em;
}


ol.number,
ul.number,
ol.number-alphabet,
ul.number-alphabet{
  list-style: none !important;
  padding-left: 0 ;
  margin-left: 1em;
}

ol.number-en,
ul.number-en,
.WebEditor ol.number-en,
.WebEditor ul.number-en,
ol.number-alphabet-en,
ul.number-alphabet-en,
.WebEditor ol.number-alphabet-en,
.WebEditor ul.number-alphabet-en {
  list-style: none !important;
  padding-left: 0;
  margin: 0 0 1em 1em;
}
.number > li,
.number-en > li,
.WebEditor .number-en > li,
.number-alphabet > li,
.number-alphabet-en > li,
.WebEditor .number-alphabet-en > li{
  list-style: none !important;
  padding-left: 0 ;
}


.number-en > li > ol , 
.number-alphabet >li >ol,
.number-alphabet-en > li > ol, 
.mod_outer .number-en > li > ol , 
.mod_outer .number-alphabet >li >ol,
.mod_outer .number-alphabet-en > li > ol, 
.WebEditor .number-en > li > ol , 
.WebEditor .number-alphabet-en > ol {
	text-indent: 0em ;
	margin-left: 0em ;
	list-style: decimal;
}


.number > li,
.number-alphabet > li{
  margin-left: 2em ;
  text-indent: -2.55em ;
}
.number-en > li,
.number-alphabet-en > li,
.WebEditor .number-en > li,
.WebEditor .number-alphabet-en > li{
  margin-left: 2em ;
  text-indent: -1.45em !important;
  list-style: none !important;
  padding-left: 0 ;
}

li > .number-en > li,
li > .number-alphabet-en > li,
.WebEditor li .number-en > li,
.WebEditor li .number-alphabet-en > li{
  margin-left: 2em ;
  text-indent: -1.45em ; 
}
ul li > .number-en > li,
ul li > .number-alphabet-en > li,
.WebEditor ul li .number-en > li,
.WebEditor ul li .number-alphabet-en > li,
ol li > .number-en > li,
ol li > .number-alphabet-en > li,
.WebEditor ol li .number-en > li,
.WebEditor ol li .number-alphabet-en > li{
  margin-left: 0em ;
  text-indent: -1.45em ; 
}

ol li > ol.number,
ul li > ol.number,
ol li > ol.number-alphabet,
ul li > ol.number-alphabet{
  margin-left: 0em;
}

li > .number > li,
li > .number-alphabet > li {
    margin-left: 0.5em;
    text-indent: -2.5em;
}
li > ol.number > li,
li > ol.number-alphabet > li {
    margin-left: 2em;
}

ol li > ol.number-en,
ul li > ol.number-en{
  margin-left: 1.5em;
}

.number-en > li > ul{
  text-indent: 0;
}
.number-alphabet ul,
.number-alphabet-en ul {
  margin-left: 1.5em;
  text-indent: 0;
}
.number-alphabet ol.list-notes,
.number-alphabet ul.list-notes,
.number-alphabet-en ol.list-notes,
.number-alphabet-en ul.list-notes {
  margin-left: 1.5em ;
}
.number-alphabet ul li,
.number-alphabet-en ul li {
/*  text-indent: 0;*/
  margin-left: 0;
}

.number-alphabet .list-notes li {
  text-indent: 0; 
}

ul.number li::after,
ul.number-en li::after,
ul.number-alphabet li::after,
ul.number-alphabet-en li::after,
ul .number li::after,
ul .number-en li::after,
ul .number-alphabet li::after,
ul .number-alphabet-en li::after,
.number li::after,
.number2 li::after,
.number-en li::after,
.number-alphabet li::after,
.number-alphabet-en li::after,
.red-number2 li::after,
.red-number li::after{
  content: none !important;
  display: none !important;
}

ol.number > li > ol,
ul.number > li > ol {
	list-style: none;
	margin: .5em 0 1em;
	padding-left: 0 ;
}
.number li ol li,
.number li ul li {
	margin: 0;
	text-indent: 0 ;
}

.number li ul {
	margin-left: 1em ;
	text-indent: 0;
}
.number .indent-line {
	display: block !important;
	text-indent: 0 !important;
}

/*ul .number li {
	margin-left: 2.5em !important;
}
*/
/*===================*/


/*Red number*/
.red-number {
  counter-reset: number !important;
  list-style: none !important;
  margin-left: 2.5em ;
}
.red-number > li::before,
.mod_outer .red-number > li::before,
.WebEditor .red-number > li::before {
  color: #C93C3C;
  content: counter(number);
  counter-increment: number;
  padding-right: 0.6em !important;
  display: inline-block;
  text-align: right;
  width: 2em;
  margin-left: -2.56em;
}
li > .red-number > li::before,
.mod_outer li > .red-number > li::before,
.WebEditor li > .red-number > li::before {
  color: #C93C3C;
  content: counter(number) !important;
  counter-increment: number;
  padding-right: 0.6em !important;
  display: inline-block !important;
  text-align: right;
  width: 2em;
  margin-left: -2.56em;
  background: none;
  height: auto;
  left: 0;
  top: 0;
}


ol.red-number > li ul,
ol.red-number > li ol,
ol.red-number > li p,
ol.red-number > li dl,
ol.red-number > li div,
ul.red-number > li ul,
ul.red-number > li ol,
ul.red-number > li p,
ul.red-number > li dl,
ul.red-number > li div{
  margin-left: 2.5em;
  text-indent: 0;
}


.red-number2,
.mod_outer .red-number2,
.WebEditor .red-number2 {
  margin-left: 2.5em ;
  list-style: none;
}
/*.red-number2 li,
.mod_outer .red-number2 li,
.WebEditor .red-number2 li{
  list-style: none;
}*/
.red-number2 > li > span:nth-child(1),
.mod_outer .red-number2 > li > span:nth-child(1),
.WebEditor .red-number2 > li > span:nth-child(1){
  color: #C93C3C;
  padding-right: 0.6em !important;
  text-align: right;
  width: 2em;
  display: inline-block;
  margin-left: -2em;
}


ul.red-number2,
ul.red-number,
ul.asterisk-number,
ul.asterisk-number-red,
ul.asterisk-red-number{
  padding-left: 0.6em !important;
}

li ul.red-number2,
li ul.red-number,
li ul.asterisk-number,
li ul.asterisk-number-red {
	margin-left: 0!important;
}


li ul.red-number2 li,
li ul.red-number li,
li ul.asterisk-number li,
li ul.asterisk-number-red li,
li ol.red-number2 li,
li ol.red-number li,
li ol.asterisk-number li,
li ol.asterisk-number-red li{
	text-indent: 0 !important;
}

.red-number2 li .red-number2 li::before{
  content: none !important;
  display: none !important;
}




/*---- kana ----*/
.kana,
ol.kana,
ul.kana {
  list-style: none !important;
  padding-left: 0 ;
	margin-left: 1em;
}
ol.kana > li,
ul.kana > li {
  margin-left: 2em ;
  text-indent: -2em ;
}

ol.kana > li > ul >li,
ul.kana > li > ul >li{
  margin-left: 0em ;
  text-indent: 0em ;
}

.kana ol,
.kana ul {
  margin: .5em 0;
}

.kana .kana li {
  text-indent: -2em;
  margin-left: 2em;
} 

ul.kana ol li,
ol.kana ul li {
  text-indent: 0;
  margin-left: 0;
}

ol li ol.kana,
ul li ol.kana,
ol li ol.kana,
ul li ul.kana{
  margin-left: 0;
}

.number .kana > li{
  margin: 0 0 .5em 2em;
  text-indent: -2em ;
}


/*---- comments list ----*/
ul.comments-bk,
ol.comments-bk,
ul.comments-red,
ol.comments-red {
  list-style: none !important;
  margin-left: 1em ;
}
.comments-bk > li,
.comments-red > li {
  margin-left: 3em;
  text-indent: -3em ;
}

.comments-red > li > span:nth-child(1){
  color: #C93C3C;
}

ul .comments-bk {
	margin: 0.5em 0;
}
ul.comments-bk > li::before,
ul.comments-red > li::before{
  content: none !important;
  display: none !important;
}
.comments-bk .link-list01,
.comments-red .link-list01 {
  margin: .5em 0;
}
.comments-bk .link-list01 > li::before,
.comments-red .link-list01 > li::before{
  content: none !important;
  display: none !important;
}
ul li ol.comments-bk,
ol li ol.comments-bk,
ul li ul.comments-bk,
ol li ul.comments-bk,
ul li ol.comments-red,
ol li ol.comments-red,
ul li ul.comments-red,
ol li ul.comments-red{
  margin-left: 0;
}
ul li ol.comments-bk li,
ol li ol.comments-bk li,
ul li ul.comments-bk li,
ol li ul.comments-bk li,
ul li ol.comments-red li,
ol li ol.comments-red li,
ul li ul.comments-red li,
ol li ul.comments-red li{
  margin-left: 3em;
  text-indent: -3em;
}

ol.comments-number,
ul.comments-number  {
  padding-left: 4.6em ;
  margin-left: 1em ;
}
.comments-number li {
  position: relative;
  padding-left: 0.5em ;
  text-indent: 0em ;
}
.comments-number > li:first-child > span:nth-child(1) {
  color: #C93C3C;
  display: block;
  left: -4.5em;
  position: absolute;
  top: 0;
}
.comments-bk ul,
.comments-bk ol,
.comments-red ul,
.comments-red ol{
	text-indent: 0;
}



/*---- list-notes ----*/

ol.list-notes,
ul.list-notes {
  list-style: none !important;
  padding-left: 0 ;
  margin-left: 4.5em;
  text-indent: -4.5em;
}
/*ol.list-notes > li,
ul.list-notes > li{
	margin-left: 4em;
	text-indent:-4.5em;
}
*/
ol.list-notes > li::before,
ul.list-notes > li::before {
  content: none !important;
  display: none !important;
}

.list-notes > li > span:nth-child(1),.list-notes > ul > li > span:nth-child(1)  {
  display: inline-block;
  width: 4.5em !important;
  text-align: right;	
}

li > ul.list-notes  > li > span:nth-child(1),
li > ol.list-notes  > li > span:nth-child(1) {
  display: inline;
}


ol > li > ol.list-notes,
ol > li > ul.list-notes,
ul > li > ol.list-notes,
ul > li > ul.list-notes {
  margin-left: 0 ;
	
}
ol > li > ol.list-notes > li,
ol > li > ul.list-notes > li,
ul > li > ol.list-notes > li,
ul > li > ul.list-notes > li {
  margin-left: 3em ;
  text-indent: -3em;
}

.list-notes > li > ul,
.list-notes > li > ol{
	text-indent: 0;
}



.indent1 ul {
  text-indent: 0;
}

.indent15 ul {
  text-indent: 0;
}

/*---- roman-number ----*/
ol.roman-number,
ul.roman-number{
  list-style: upper-roman !important;
  padding-left: 0;
  margin-left: 1em;
}
ol.roman-number li,
ul.roman-number li{
  margin-left: 1.5em;
}
ul.roman-number >  li::after {
    content: none;
    display: none;
}

/*---- no-list ----*/


ol.no-list{
  list-style: none;
  margin-left: 1em;
}

ul.no-list{
  margin-left: 1em;	
}


ul .no-list { 
  margin: .5em 0 .5em 1em; 
}

ol .no-list {
  margin-left: 1.5em;
  padding-left: 0;
  list-style: none;
}

.mod_outer ul > li > ul.no-list,
.mod_outer ul > li > ol.no-list,
.mod_outer ol > li > ul.no-list,
.mod_outer ol > li > ol.no-list{
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}

ul.no-list > li,
ul.no-list > li{
	margin-left: 0;
}

.no-list > li > ul.no-list > li::before,
ul.no-list > li::before,
ol.no-list > li::before{
  content: none !important;
  display: none !important;
}


@media only screen and (max-width: 767px) {
  ol.no-list{
    padding-left: 0em;
  }
  ul.no-list{
    padding-left: 0em;
  }
  ul.no-list li{
    margin-left: 0em;
  }
}


ul.link-list01 > li::before,
ul.link-list02 > li::before,
ul.link-list03 > li::before,
ul.page_link > li::before,
ul.page-link > li::before,
ul.page-index > li::before{
  content: none !important;
  display: none !important;
}
.link-list01 ol.link-list01{
	list-style: none;
}



/*---- info-item ----*/
.info-item { margin: 1em 0 1em 1em; }
.info-item::after {
	content: "";
	clear: both;
	display: block;
}

.info-item ol { margin: 0 0 .5em 1.5em; }
.info-item .number-en { margin: .5em 0; }
.info-item ul { margin:.5em 0; }

.info-item dt,
.info-item dd {
	float: left;
	margin: 0 ;
	padding-bottom: 0.5em !important;
}
.info-item dt { clear: both; }

.info-item .indent1 {
	padding-left: 1em !important;
	margin: 0 !important;
}
ol .info-item {
	padding-left: 2.5em;
	margin: .5em 0;
}
@media only screen and (max-width: 767px) {

.info-item dt,
.info-item dd {
	float: none;
	width: 100%;
}
.info-item dd .mt15em { margin-top: 0; }
.info-item .txt-right { text-align: left; }
}

/*---- list01,02 ----*/
.list01,
.WebEditor .list01 {
  list-style: none;
  padding: 0;
  line-height: 1.6;
  display: flex;
  flex-wrap: wrap;
}

.list01 li,
.WebEditor .list01 li {
	margin-left: 0 !important;
	margin-right: 1em;
    width: calc(25% - 0.75em);
}
.list01 li:nth-child(4n),
.WebEditor .list01 li:nth-child(4n){
	margin-right: 0;
}

.list02,
.WebEditor .list02 {
  list-style: none;
  padding: 0;
  line-height: 1.6;
  display: flex;
  flex-wrap: wrap;
}

.list02 li,
.WebEditor .list02 li {
	margin-left: 0 !important;
	margin-right: 1em;
	width: calc(50% - 0.5em);
}
.list02 li:nth-child(2n),
.WebEditor .list02 li:nth-child(2n){
	margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .list01 li, .WebEditor .list01 li {
    width: calc(50% - 0.5em);
  }
  .list01 li:nth-child(2n), .WebEditor .list01 li:nth-child(2n) {
    margin-right: 0;
  }

  .list02 li, .WebEditor .list02 li {
    width:100%;
	margin-right: 0;
  }
}

/* #endregion */


/***** Definition List *****/
/* #region */

.mod_outer dt p,
.mod_outer dd p,
.mod_outer dt ul,
.mod_outer dd ul,
.mod_outer dt ol,
.mod_outer dd ol,
.WebEditor dt p,
.WebEditor dd p,
.WebEditor dt ul,
.WebEditor dd ul,
.WebEditor dt ol,
.WebEditor dd ol {
	margin: 0;
}

.mod_outer dl,
.WebEditor dl {
	display: block;
}

.mod_outer dd,
.WebEditor dd {
  padding-bottom: 0em;
}
.mod_outer dd .no-list,
.WebEditor dd .no-list {
	margin: 0;
}

/*.mod_outer dl dl,
.WebEditor dl dl{
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}*/

dl.info-item01,
dl.info-item02,
dl.info-item37,
dl.info-item55,
dl.info-item64{
  padding: 0 1em 0 1em;
  margin: 0 0 1em 1em;
}

dl.info-item01 dt,
dl.info-item02 dt,
dl.info-item37 dt,
dl.info-item55 dt,
dl.info-item64 dt,
.info-item01 dt,
.info-item02 dt,
.info-item37 dt,
.info-item55 dt,
.info-item64 dt{
  float: left;
  clear: both;	
}

.info-item01 dd,
.info-item02 dd,
.info-item37 dd,
.info-item55 dd,
.info-item64 dd{
  float: left;
}

dl.info-item01::after,
dl.info-item02::after,
dl.info-item37::after,
dl.info-item55::after,
dl.info-item64::after,
.info-item01::after,
.info-item02::after,
.info-item37::after,
.info-item55::after,
.info-item64::after{
  content: "";	
  display: block;
  clear: both;	
}


/*---- info-item01 ----*/

.info-item01 dt{
  width: 20%;
  padding-right: 30px;
  margin-bottom: 1em;
}
.info-item01 dd{
  width: 80%;
  padding-left: 30px;
  margin-bottom: 1em;
}

/*---- info-item02 ----*/
.info-item02 dt{
  width: 40%;
  padding-right: 30px;
  margin-bottom: 1em;
}
.info-item02 dd{
  width: 60%;
  padding-left: 30px;
  margin-bottom: 1em;
}

/*---- info-item37 ----*/
.info-item37 dt{
  width: 30%;
  padding-right: 30px;
  margin-bottom: 1em;
}
.info-item37 dd{
  width: 70%;
  padding-left: 30px;
  margin-bottom: 1em;
}

/*---- info-item55 ----*/
.info-item55 dt{
  width: 50%;
  padding-right: 30px;
  margin-bottom: 1em;
}
.info-item55 dd{
  float: left;
  width: 50%;
  padding-left: 30px;
  margin-bottom: 1em;
}

/*---- info-item64 ----*/
.info-item64 dt{
  width: 60%;
  padding-right: 30px;
  margin-bottom: 1em;
}
.info-item64 dd{
  float: left;
  width: 40%;
  padding-left: 30px;
  margin-bottom: 1em;
}

/*---- info03 ----*/

dl.info03,
dl.info04,
dl.info05,
dl.info5em,
.WebEditor dl.info03,
.WebEditor dl.info04,
.WebEditor dl.info05,
.WebEditor dl.info5em {
  margin-left: 1em;
  padding-left: 1em;
}

.info03 dt,
.info04 dt,
.info05 dt,
.info5em dt,
.WebEditor .info03 dt,
.WebEditor .info04 dt,
.WebEditor .info05 dt,
.WebEditor .info5em dt{
  float: left;
  clear: both;	
}

.info03 dd,
.info04 dd,
.info05 dd,
.info5em dd,
.WebEditor .info03 dd,
.WebEditor .info04 dd,
.WebEditor .info05 dd,
.WebEditor .info5em dd{
  float: right;
}
.info03::after,
.info04::after,
.info05::after,
.info5em::after,
.WebEditor .info03::after,
.WebEditor .info04::after,
.WebEditor .info05::after,
.WebEditor .info5em::after{
  content: "";
  display: block;
  clear: both;	
}

.info03 dt,
.WebEditor .info03 dt{
  position: relative;
  width: 30%;
  padding: 0em 30px 0em 1em;
  margin-bottom: 1em;
}
.info03 dt::before,
.WebEditor .info03 dt::before{
  content: "・";
  position: absolute;
  left: 0;
}
.info03 dd,
.WebEditor .info03 dd{
  position: relative;
  width: 70%;
  padding-left: 3em;
  padding-top: 0em;
  margin-bottom: 1em;
}
.info03 dd::before,
.WebEditor .info03 dd::before{
  content: "：";
  position: absolute;
  left: 1.5em;
}

/*---- info04 ----*/
dl.info04,
.WebEditor dl.info04{
  display: block !important;
  margin-left: 1em;
}
.info04 dt,
.WebEditor .info04 dt{
  width: 30%;
  padding: 0em 30px 0em 0em;
  margin-bottom: 1em;
  white-space: nowrap;
}
.info04 dd,
.WebEditor .info04 dd{
  position: relative;
  width: 70%;
  padding-left: 3em;
  padding-top: 0em;
  margin-bottom: 1em;
}
.info04 dd::before,
.WebEditor .info04 dd::before{
  content: "：";
  position: absolute;
  left: 1.5em;
}

.info04 ul ,
.WebEditor .info04 ul {
  padding: 0;
  margin: 0;
}
.info04 li,
.WebEditor .info04 li {
  margin: 0 0 0 1em;
  text-indent: 0;
}

ul li dl.info04,
ol li dl.info04{
	margin-left: 1em;
}


/*---- info05 ----*/
.info05 dt,
.WebEditor .info05 dt{
  width: 30%;
  padding: 0em 30px 0em 0em;
  margin-bottom: 1em;
}
.info05 dd,
.WebEditor .info05 dd{
  position: relative;
  width: 70%;
  padding-left: 3em;
  padding-top: 0em;
  margin-bottom: 1em;
}
.info05 dd::before,
.WebEditor .info05 dd::before{
  content: "：";
  position: absolute;
  left: 1.5em;
}
.info05 li,
.WebEditor .info05 li{
  margin: 0;
  text-indent: 0;
}
.info05 li span, 
.WebEditor .info05 li span { 
  display: inline-block;
}
.info05 li span:first-child,
.WebEditor .info05 li span:first-child{
  margin-left: 1em;
}
.info05 .mt1em ,
.WebEditor .info05 .mt1em {
  margin-top: 1em;
}


/*---- info5em ----*/
dl.info5em{
	margin-left: 1em;
}

.info5em dt,
.WebEditor .info5em dt{
  width: 15%;
  padding: 0em 30px 0em 0em;
  margin-bottom: 1em;
  white-space: nowrap;
  position: relative;
}

.info5em dd,
.WebEditor .info5em dd{
  position: relative;
  width: 85%;
  padding-left: 3em;
  padding-top: 0em;
  margin-bottom: 1em;
}
.info5em dd::before,
.WebEditor .info5em dd::before{
  content: "：";
  position: absolute;
  left: 1.5em;
}

.info5em ul li::after,
.WebEditor .info5em ul li::after{
  content: none !important;
  display: none !important;
}
.info5em ul li,
.WebEditor .info5em ul li{
  margin-left: 0;
}

.info5em p ,
.WebEditor .info5em p {
  padding: 0;
  margin: 13px 0 13px -1em;
  text-indent: 0;
}

@media only screen and (max-width: 767px) {  
  dl,
  .info-item01,
  .info-item02,
  .info03,
  .info04,
  .info05,
  .info-item37,
  .info-item55,
  .info-item64,
  .info5em,
  .WebEditor dl,
  .WebEditor .info-item01,
  .WebEditor .info-item02,
  .WebEditor .info03,
  .WebEditor .info04,
  .WebEditor .info05,
  .WebEditor .info-item37,
  .WebEditor .info-item55,
  .WebEditor .info-item64,
  .WebEditor .info5em {
    display: block !important;
    margin: 1em ;
  }

  .info-item01 dt,
  .info-item02 dt,
  .info-item37 dt,
  .info-item55 dt,
  .info-item64 dt,
  .WebEditor .info-item01 dt,
  .WebEditor .info-item02 dt,
  .WebEditor .info-item37 dt,
  .WebEditor .info-item55 dt,
  .WebEditor .info-item64 dt {
    width: 100%;
    padding-top: 0;
    padding-right: 0;
    margin-bottom: 0.5em;
  }

  .info-item01 dd,
  .info-item02 dd,
  .info-item37 dd,
  .info-item55 dd,
  .info-item64 dd,
  .WebEditor .info-item01 dd,
  .WebEditor .info-item02 dd,
  .WebEditor .info-item37 dd,
  .WebEditor .info-item55 dd,
  .WebEditor .info-item64 dd {
    width: 100%;
    padding-left: 0px;
    margin-bottom: 1em;
  }

  .info03 dt ,
  .WebEditor .info03 dt {
    position: relative;
    width: 100%;
    padding: 0em 0px 0em 1em;
	margin-bottom: 0.5em;
  }
  .info03 dt::before,
  .WebEditor .info03 dt::before {
    content: "・";
    position: absolute;
    left: 0;
  }
  .info03 dd ,
  .WebEditor .info03 dd {
    position: relative;
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
  }
  .info03 dd::before ,
  .WebEditor .info03 dd::before {
    content: "：";
    position: absolute;
    left: 0em;
  }

  .info04 dt ,
  .WebEditor .info04 dt {
    width: 100%;
    padding: 0em ;
	margin-bottom: 0.5em;
  }

  .info04 dd ,
  .WebEditor .info04 dd {
    position: relative;
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
  }
  .info04 dd::before ,
  .WebEditor .info04 dd::before {
    content: "：";
    position: absolute;
    left: 0;
  }

  .info05 dt,
  .WebEditor .info05 dt {
    width: 100%;
    padding: 0;
	margin-bottom: 0.5em;
  }
  .info05 dd,
  .WebEditor .info05 dd{
    position: relative;
    width: 100%;
    padding-left: 1em;
	margin-bottom: 1em;
  }
  .info05 dd::before,
  .info5em dd::before,
  .WebEditor .info05 dd::before,
  .WebEditor .info5em dd::before {
    content: "：";
    position: absolute;
    left: 0;
  }
  .info5em dt ,
  .WebEditor .info5em dd {
	width: 25%;
    padding-right: 1em;
  }
  .info5em dd ,
  .WebEditor .info5em dd {
	width: 75%;
	padding-left: 1em;
  }
}

.info5em .note2em,
.WebEditor .info5em .note2em {
	padding-left: 1em;
	margin: 13px 0 13px 1em;
	text-indent: -2em;
}


/*---- list-info ----*/
.list-info li,
.mod_outer .list-info li,
.WebEditor .list-info li{
	display: table;
	width: 100%;
	margin-left: 0 !important;
}

.mod_outer .list-info li span,
.WebEditor .list-info li span{
	display: table-cell;
}

.mod_outer .list-info span:first-child,
.WebEditor .list-info span:first-child {
	padding: 0 1em 0 0; 
}

.mod_outer .list-info li span:last-child,
.WebEditor .list-info li span:last-child{
	text-indent: -1em;
}
.mod_outer .list-info li span:last-child::before,
.WebEditor  .list-info li span:last-child::before{
	content: "：";
}

.mod_outer .list-info p,
.WebEditor  .list-info p{
	padding: 0;
	text-indent: 0;
}

.mod_outer .list-info li ul,
.WebEditor .list-info li ul {
	padding: 0;
	margin: -1.6em 0 0;
}
.mod_outer .list-info li li,
.WebEditor .list-info li li {
	display: block;
	padding: 0;
	text-indent: 0;
}
.mod_outer .list-info .note2em,
.WebEditor .list-info .note2em {
	margin-left: 2em;
	text-indent: -2em;
}
.mod_outer .list-info .note2em::before,
.WebEditor .list-info .note2em::before {
	content: "※";
	padding: 0 1em 0 0;
	color: #cc0000;
}

/* #endregion */


/***** Table *****/
.outline table,
.mod_outer table,
.WebEditor table{
  width:  calc(100% - 2em) !important;
  margin: 1em !important;
  border-bottom: 1px solid #d6cbb9;
  border-right: 1px solid #d6cbb9;
}

@media only screen and (max-width: 767px) {  
  .outline table,
  .mod_outer table,
  .WebEditor table {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
}

.outline table caption,
.mod_outer table caption,
.WebEditor table caption {
  border-left: 2px solid #DAD1C2;
  margin: 0.5em 0;
  padding: 0em 10px 0em 9px;
  text-align: left !important;
}

.outline table .non-caption,
.mod_outer table .non-caption,
.WebEditor table .non-caption,
.non-caption{
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  border: none;
  height: 0;
}
.outline table .non-caption,
.mod_outer table .non-caption,
.WebEditor table .non-caption,
.non-caption{
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  border: none;
}

.outline table caption.unit2,
.mod_outer table caption.unit2,
.WebEditor table caption.unit2,
.unit2{
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: none;
}

.outline table caption.unit2 span,
.mod_outer table caption.unit2 span,
.WebEditor table caption.unit2 span,
.unit2 span{
  display: block;
  text-align: right;
}

.outline table caption.unit2 span:first-child,
.mod_outer table caption.unit2 span:first-child,
.WebEditor table caption.unit2 span:first-child {
  padding: 0 0 0 .61em;
  border-left: 2px solid #DAD1C2;
  text-align: left;
}

.outline table caption.unit,
.mod_outer table caption.unit,
.WebEditor table caption.unit,
.unit{
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: none;
}

.outline table caption.unit span,
.mod_outer table caption.unit span,
.WebEditor table caption.unit span,
.unit span{
  display: block;
  text-align: right;
}

.outline table caption.unit span:first-child,
.mod_outer table caption.unit span:first-child,
.WebEditor table caption.unit span:first-child,
.unit span:first-child {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 0 !important;
  border: none;
  height: 0;
}

.mod_outer table th,
.WebEditor table th,
.outline table th {
  border-top: 1px solid #d6cbb9 ;
  border-left: 1px solid #d6cbb9 ;
  text-align: center;
}
tbody th {
  text-align: left;
}
.tbl01 th {
  background: none;
}
.mod_outer table td,
.WebEditor table td,
.outline table td {
  border-top: 1px solid #d6cbb9 ;
  border-left: 1px solid #d6cbb9 ;
}

.outline table td p,
.mod_outer table th p,
.WebEditor table th p {
	margin: 0;
}


.outline table dl,
.mod_outer table dl,
.WebEditor table dl,
.outline table ul,
.mod_outer table ul,
.WebEditor table ul,
.outline table ol,
.mod_outer table ol,
.WebEditor table ol{
	margin: 0 0 0 1em;
}



.outline table .shadow,
.mod_outer table .shadow,
.WebEditor table .shadow {
  background-color: #D0D0D0;
}

td.shadow h5 {
  margin-bottom: 1.5em;
}

td.shadow h5::after {
  content: none;
}

.bst {
  border-top: none !important;
}
.bsb {
  border-bottom: none !important;
}
.bsl {
  border-left: none !important;
}
.bsr {
  border-right: none !important;
}
.bt2 {
  border-top: 2px solid #231815 !important;
}
.br2 {
  border-right: 2px solid #231815 !important;
}
.bb2{
  border-bottom: 2px solid #231815 !important;
}
.bl2 {
  border-left: 2px solid #231815 !important;
}


/*---- duotone 2色のテーブル ----*/
.duotone {
  border: 1px solid #c0c0c0 !important;
}
.duotone caption {
  border-left: 2px solid #4988d0 !important;
}
.duotone thead tr th,
.duotone thead tr td {
  background-color: #8DB4E2 !important;
}
.duotone tr th,
.duotone tr td {
  border-left: none ;
  border-top: none ;
}
.duotone tbody tr:nth-child(odd) th {
  background-color: #DCE6F1 !important;
}
.duotone tbody tr:nth-child(odd) td {
  background-color: #edf2f8 !important;
}
.duotone tbody tr:nth-child(even) th {
  background-color: #f5f5f5 !important;
}
.duotone tbody tr td {
  vertical-align: bottom;
  border-left: 1px dashed #c0c0c0 !important;
}
.duotone tbody tr td:nth-of-type(1) {
  border-left: none !important;
}


/*上破線罫線*/
.bt-dashed { border-top: 1px dashed #2c4b6d !important;}
/*下破線罫線*/
.bb-dashed { border-bottom: 1px dashed #2c4b6d !important;}
/*上実線罫線*/
.bt-1px { border-top: 1px solid #2c4b6d!important;}
/*下実線罫線*/
.bb-1px { border-bottom: 1px solid #2c4b6d!important;}
/*上太罫線*/
.bt-bold { border-top: 2px solid #2c4b6d!important;}
/*下太罫線*/
.bb-bold { border-bottom: 2px solid #2c4b6d!important;}
/*上二重罫線*/
.bt-double { border-top: 4px double #2c4b6d!important;}
/*下二重罫線*/
.bb-double { border-bottom: 4px double #2c4b6d!important;}
/*左破線罫線*/
.bl-dashed { border-left: 1px dashed #2c4b6d !important;}
/*右破線罫線*/
.br-dashed { border-right: 1px dashed #2c4b6d !important;}



/*----tbl-box----*/
.tbl-box {
  overflow: auto;
}

.tbl-box table {
  width: 100%;
  margin-bottom: 0.5em !important;
}
.tbl-box::-webkit-scrollbar {
  height: 12px;
}
.tbl-box::-webkit-scrollbar-track {
  background-color: #E6E6E6;
  border-radius: 6px;
}
.tbl-box::-webkit-scrollbar-thumb {
  background: #989898;
  box-shadow: none;
  border-radius: 6px;
}

@media only screen and (max-width: 767px) {
  .tbl-box {
    overflow-x: auto;
    /*white-space: nowrap;*/
    margin-bottom: 1.5em;
  }
  .tbl-box table {
    width: 731px !important;
    margin-bottom: 0.5em !important;
  }
  .tbl-box::-webkit-scrollbar {
    height: 6px;
  }
  .tbl-box::-webkit-scrollbar-track {
    background-color: #E6E6E6;
    border-radius: 5px;
  }
  .tbl-box::-webkit-scrollbar-thumb {
    background: #989898;
    box-shadow: none;
    border-radius: 5px;
  }
}

/*----js-tbl----*/
.js-tbl {
  display: none;
}
.res_tbl th,
.res_tbl td {
  text-align: left !important;
}
.res_tbl td {
  width: 70%;
}
.res_tbl th,
.res_tbl td:nth-child(1) {
  width: 30%;
}
@media only screen and (min-width:768px) {
  .res_tbl {
    display: none;
  }
  .js-tbl {
    display: table;
  }
}

@media only print and (max-width:767px) {
  .res_tbl {
    display: none;
  }
  .js-tbl {
    display: table;
  }
}


.mod_outer .no-bg,
.WebEditor .no-bg {
  background: none;
}
.mod_outer .gray-bg,
.WebEditor .gray-bg {
  background-color: #EFEDE8;
}

/*----table_like----*/
ul.table_like {
  width: calc(100% - 3em) !important;
  margin: 1.5em !important;
}
ul.table_like li {
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.table_like li::after {
  content: none !important;
  display: none !important;
}
ul.table_like li:first-child {
  border: 1px solid #d6cbb9;
 /* border-right: none;*/
}
ul.table_like li:not(:first-child) {
  border-bottom: 1px solid #d6cbb9;
  border-left: 1px solid #d6cbb9;
  border-right: 1px solid #d6cbb9;
}
ul.table_like li span {
  display: table-cell;
  vertical-align: top;
  padding: 1em;
}

ul.table_like li span:first-child {
  border-right: none;
}

ul.table_like li span:not(:first-child) {
border-left: 1px solid #d6cbb9 ;
padding: 1em;
margin-top: 0;
}


ul.table_like li span:last-child {
  display: table-cell;
  vertical-align: top;
  padding: 1em;
}

p.caption {
  border-left: 2px solid #DAD1C2;
  text-indent: 0.6em;
  margin: 0.5em 0 0.5em 1em;
  padding: 0em 10px 0em 9px;
}

@media only screen and (max-width: 767px){
  ul.table_like{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
}
.tbl-box>ul.table_like{
	width: 100%;
}

/*---- table layout ----*/
span.ditto {
font-size: 0;
}
span.ditto::after {
position:relative;
content: "\3003";
font-size: 1rem;
}

table .no-list,
table .link-list01 {
	margin: 0;
}
table ol.number,
table ul.number,
table ol.number-en,
table ul.number-en{
	margin-left: 0;
}

table ol.number-en li,
table ul.number-en li { 
	margin-left: 2em ;
}
table .pl1em { padding-left: 1.92em !important; }
table .pl2em { padding-left: 2.92em !important; }
table .pl3em { padding-left: 3.92em !important; }
table .pl4em { padding-left: 4.92em !important;}
table .pl5em { padding-left: 5.92em !important;}
table .pl6em { padding-left: 6.92em !important;}
table .pl7em { padding-left: 7.92em !important;}
table .pl8em { padding-left: 8.92em !important;}
table .pl9em { padding-left: 9.92em !important;}


table .p1-indent15 {
	padding-left: 3em !important;
	margin-left: 1.5em !important;
	text-indent: -1.5em !important;
}
table .indent1 { display: block; }
table .indent15 { display: block; }
table .indent2 { display: block; }
table .indent25 { display: block; }
table .indent3 { display: block; }
table .indent35 { display: block; }
table td.indent1 {
	display: table-cell;
	padding-left: 2em !important;
	margin-left: 1em !important;
	text-indent: -1em !important;
}
table td.indent15 {
	display: table-cell;
	padding-left: 2.5em !important;
	margin-left: 1.5em !important;
	text-indent: -1.5em !important;
}
table td.indent2 {
	display: table-cell;
	padding-left: 3em !important;
	margin-left: 2em !important;
	text-indent: -2em !important;
}
table td.indent25 {
	display: table-cell;
	padding-left: 3em !important;
	margin-left: 2.5em !important;
	text-indent: -2.5em !important;
}

/*---- kawase ----*/
ul.kawase.table_like li span:not(:last-child) {
  border: none;
}
ul.kawase.table_like li span:first-child {
  width: 11%;
}
ul.kawase.table_like li span:nth-child(2) {
  width: 35%;
}
ul.kawase.table_like li span:nth-child(3) {
  width: 16%;
}
ul.kawase.table_like li span:nth-child(4) {
  width: 22%;
  padding-left: 1.5em;
}
ul.kawase.table_like li span:last-child {
  width: 16%;
}
ul.kawase.table_like li span:first-child {
  text-align: right;
  padding-right: 1em;
}
ul.kawase.table_like li span:nth-child(3),
ul.kawase.table_like li span:last-child {
  text-align: center;
}
ul.kawase.table_like li span:not(:first-child) {
border-left: none;
}

@media only screen and (max-width: 767px) {
  ul.kawase.table_like {
    width: 730px !important;
  }
  ul.kawase.table_like li span:first-child {
    width: 13%;
  }
  ul.kawase.table_like li span:nth-child(2) {
    width: 42%;
    word-wrap: normal;
  }
  ul.kawase.table_like li span:nth-child(3) {
    width: 13%;
  }
  ul.kawase.table_like li span:nth-child(4) {
    width: 20%;
    padding-left: 1.5em;
  }
  ul.kawase.table_like li span:last-child {
    width: 12%;
  }
}

/* #endregion */  

/***** Paging *****/
/* #region */
.edu_pagenation,
.p-navi,
.mod_outer .edu_pagenation,
.mod_outer .p-navi,
.WebEditor .edu_pagenation,
.WebEditor .p-navi {
  list-style: none;
  padding: 0;
  margin: 5rem auto 0 auto;
  text-align: center;
  /*    width: 100%;*/
  display: flex;
  justify-content: center;
  align-items: center;
}
.edu_pagenation li,
.p-navi li,
.mod_outer .edu_pagenation li,
.mod_outer .p-navi li,
.WebEditor .edu_pagenation li,
.WebEditor .p-navi li {
  padding: 0 !important;
  margin-left: 0 !important;
}
.edu_pagenation li::after,
.p-navi li::after,
.pagination li::after,
.mod_outer .edu_pagenation li::after,
.mod_outer .p-navi li::after,
.mod_outer .pagination li::after,
.WebEditor .edu_pagenation li::after,
.WebEditor .p-navi li::after,
.WebEditor .pagination li::after {
  content: none !important;
  display: none !important;
}
.edu_pagenation .prev,
.p-navi .back,
.mod_outer .edu_pagenation .prev,
.mod_outer .p-navi .back,
.WebEditor .edu_pagenation .prev,
.WebEditor .p-navi .back {
  padding: 0;
}
.edu_pagenation .prev a,
.edu_pagenation .next a,
.p-navi li a,
.mod_outer .edu_pagenation .prev a,
.mod_outer .edu_pagenation .next a,
.mod_outer .p-navi li a,
.WebEditor .edu_pagenation .prev a,
.WebEditor .edu_pagenation .next a,
.WebEditor .p-navi li a {
  background: #fff;
  border-radius: 2px;
  border: 1px solid #0f4c81;
  color: #0f4c81;
  display: inline-block;
  padding: 1em;
  margin: 2em auto 2em;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
  width: 100%;
  min-width: 11em;
}

.edu_pagenation .next a ,
.mod_outer .edu_pagenation .next a ,
.WebEditor .edu_pagenation .next a {
  text-align: left !important;
}
.edu_pagenation .prev a,
.mod_outer .edu_pagenation .prev a,
.WebEditor .edu_pagenation .prev a {
  text-align: right;
}

.edu_pagenation .prev a::before,
.p-navi .back a::before,
.mod_outer .edu_pagenation .prev a::before,
.mod_outer .p-navi .back a::before,
.WebEditor .edu_pagenation .prev a::before,
.WebEditor .p-navi .back a::before {
  content: '';
  display: inline-block;
  background: url(/common2/img/common/arrow01.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 8.5px;
  height: 22.23px;
  transform: scale(-1, 1);
  position: absolute;
  left: 15px;
  top: calc(50% - 0.5em);
}
.edu_pagenation .next a::after,
.p-navi .next a::before,
.mod_outer .edu_pagenation .next a::after,
.mod_outer .p-navi .next a::before,
.WebEditor .edu_pagenation .next a::after,
.WebEditor .p-navi .next a::before {
  content: '';
  display: inline-block;
  background: url(/common2/img/common/arrow01.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  width: 8.5px;
  height: 22.23px;
  position: absolute;
  right: 15px;
  top: calc(50% - 0.5em);
}
.edu_pagenation li ul.edu_pager,
.mod_outer .edu_pagenation li ul.edu_pager,
.WebEditor .edu_pagenation li ul.edu_pager{
  margin-left: 40px !important;
  margin-right: 40px !important;
  margin-top: 0 !important;
}

.edu_pagenation .blank,
.mod_outer .edu_pagenation .blank,
.WebEditor .edu_pagenation .blank{
  min-width: 11em;
}

.edu_pager,
.mod_outer .edu_pager,
.WebEditor .edu_pager {
  display: flex;
}
.edu_pager li a,
.edu_pager li.live,
.mod_outer .edu_pager li a,
.mod_outer .edu_pager li.live,
.WebEditor .edu_pager li a,
.WebEditor .edu_pager li.live {
  background: #fff;
  border-radius: 2px;
  border: 1px solid #0f4c81;
  color: #0f4c81;
  display: inline-block;
  padding: 6px;
  margin: 2em 10px 2em;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
  width: 42px;
  min-width: 2.2em;
  height: 42px;
  min-height: 2.2em;
}
.edu_pager li.live,
.mod_outer .edu_pager li.live,
.WebEditor .edu_pager li.live {
  background-color: #0f4c81;
  color: #FFFFFF;
  line-height: 2em;
  margin-left: 10px !important;
}
.edu_pagenation a:hover,
.edu_pagenation a:focus,
.p-navi a:hover,
.p-navi a:focus,
.mod_outer .edu_pagenation a:hover,
.mod_outer .edu_pagenation a:focus,
.mod_outer .p-navi a:hover,
.mod_outer .p-navi a:focus,
.WebEditor .edu_pagenation a:hover,
.WebEditor .edu_pagenation a:focus,
.WebEditor .p-navi a:hover,
.WebEditor .p-navi a:focus {
  background-color: #0f4c81;
  color: #FFFFFF;
}
.p-navi li,
.mod_outer .p-navi li,
.WebEditor .p-navi li {
  margin-left: 30px;
  margin-right: 30px;
  width: 100%;
}

.p-navi li:last-child,
.mod_outer .p-navi li:last-child,
.WebEditor .p-navi li:last-child {
  margin-right: 0em;
}


.mobile-visible,
.mod_outer .mobile-visible,
.WebEditor .mobile-visible {
    display: none;
}

@media (min-width:768px) and (max-width:960px) {
  .edu_pagenation,
  .mod_outer .edu_pagenation {
    width: auto;
    display: flex;
    justify-content: center;
  }
  .edu_pagenation li span,
  .mod_outer .edu_pagenation li span {
    display: none;
  }
  .edu_pagenation .blank,
  .mod_outer .edu_pagenation .blank{
  min-width: 8em;
  }

  .edu_pagenation .prev a,
  .edu_pagenation .next a,
  .p-navi li a,
  .mod_outer .edu_pagenation .prev a,
  .mod_outer .edu_pagenation .next a,
  .mod_outer .p-navi li a {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #0f4c81;
    color: #0f4c81;
    padding: 1em;
    margin: 2em auto 2em;
    transition: background-color 0.5s ease 0s;
    min-width: 8em;
  }
  
  .edu_pagenation .prev a,
  .edu_pagenation .next a,
  .p-navi li a,
  .mod_outer .edu_pagenation .prev a,
  .mod_outer .edu_pagenation .next a,
  .mod_outer .p-navi li a{
    text-align: center !important;
  }
  
  .edu_pagenation li ul.edu_pager,
  .mod_outer .edu_pagenation li ul.edu_pager {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .edu_pager li a,
  .edu_pager li.live,
  .mod_outer .edu_pager li a,
  .mod_outer .edu_pager li.live {
    margin: 1em 10px 1em !important;
    line-height: 1.7em;
  }
  .edu_pager li.live,
  .mod_outer .edu_pager li.live {
    line-height: 2.4em;
  }
}

@media only screen and (max-width: 767px){
  .mobile-visible,
  .mod_outer .mobile-visible {
    display: block!important;
  }
  .pc-visible,
  .mod_outer .pc-visible {
    display: none;
  }
  .edu_pagenation ,
  .mod_outer .edu_pagenation {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    justify-content: center;
  }

  .edu_pagenation li ul.edu_pager,
  .mod_outer .edu_pagenation li ul.edu_pager {
    margin-left: 6px !important;
    margin-right: 6px !important;
    margin-top: 0 !important;
  }

  .edu_pagenation .prev a,
  .edu_pagenation .next a,
  .p-navi li a,
  .mod_outer .edu_pagenation .prev a,
  .mod_outer .edu_pagenation .next a,
  .mod_outer .p-navi li a {
    background: #fff;
    border-radius: 2px;
    border: 1px solid #0f4c81;
    color: #0f4c81;
    padding: 0.3em;
    margin: 2em auto 2em;
    transition: background-color 0.5s ease 0s;
    min-width: 4em;
    min-height: 2.5em;
    line-height: 1.8em;
  }
  .edu_pagenation .prev a,
  .edu_pagenation .next a,
  .edu_pagenation .blank,
  .mod_outer .edu_pagenation .prev a,
  .mod_outer .edu_pagenation .next a,
  .mod_outer .edu_pagenation .blank {
    position: relative;
    padding: 19.2px 40px;
    font-size: 0;
    width: 42px;
  }

  .edu_pagenation .prev a span,
  .edu_pagenation .next a span,
  .mod_outer .edu_pagenation .prev a span,
  .mod_outer .edu_pagenation .next a span {
    font-size: 0;
  }

  .edu_pagenation .prev a,
  .p-navi .back a,
  .mod_outer .edu_pagenation .prev a,
  .mod_outer .p-navi .back a {
    padding-left: 1.5em;
  }
  .edu_pagenation .next a,
  .p-navi .next a,
  .mod_outer .edu_pagenation .next a,
  .mod_outer .p-navi .next a {
    padding-right: 1.5em;
  }
  .edu_pagenation .prev a::before,
  .mod_outer .edu_pagenation .prev a::before {
    content: '';
    display: inline-block;
    background: url("/common2/img/common/arrow01.png") repeat-x;
    background-size: contain;
    vertical-align: middle;
    width: 20px;
    height: 22.23px;    
    transform: scale(-1, 1);
    position: absolute;
    left: 8px;
    top: 9px;
  }
  .edu_pagenation .next a::after,
  .mod_outer .edu_pagenation .next a::after {
    content: '';
    display: inline-block;
    background: url(/common2/img/common/arrow01.png) repeat-x;
    background-size: contain;
    vertical-align: middle;
    width: 20px;
    height: 22.23px;    
    position: absolute;
    left: 11px;
    top: 9px;
  }

  .p-navi .back a::before,
  .mod_outer .p-navi .back a::before {
    content: '';
    display: inline-block;
    background: url(/common2/img/common/arrow01.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 20px;
    height: 22.23px;
    transform: scale(-1, 1);
    position: absolute;
    left: 8px;
    top: calc(50% - 0.6em);
  }
  .p-navi .next a::before,
  .mod_outer .p-navi .next a::before {
    content: '';
    display: inline-block;
    background: url(/common2/img/common/arrow01.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    width: 8.5px;
    height: 22.23px;
    position: absolute;
    right: 8px;
    top: calc(50% - 0.6em);
  }

  .edu_pager,
  .mod_outer .edu_pager {
    display: flex;
    justify-content: space-between;
  }
  .edu_pager li a,
  .edu_pager li.live,
  .mod_outer .edu_pager li a,
  .mod_outer .edu_pager li.live {
    background: #fff;
    border: 1px solid #0f4c81;
    border-radius: 2px;
    color: #0f4c81;
    display: inline-block;
    padding: 6px;
    margin: 1em 4px 1em !important;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.5s ease 0s;
    width: 2.2em;
    min-width: 2.4em;
    height: 2.2em;
    min-height: 2.5em;
  }
  .edu_pager li.live,
  .mod_outer .edu_pager li.live {
    background-color: #0f4c81;
    color: #FFFFFF;
    line-height: 2.3em;
  }
  .p-navi,
  .mod_outer .p-navi {
    margin: 0 !important;
  }
  .p-navi .back,
  .p-navi .next,
  .mod_outer .p-navi .back,
  .mod_outer .p-navi .next {
    margin-left: 0.5em !important;
    margin-right: 0.5 !important;
  }
  .p-navi li,
  .mod_outer .p-navi li {
    margin-right: 0.5em;
    margin-left: 0.5em !important;
    width: 33%;
  }
  .p-navi li a,
  .mod_outer .p-navi li a {
    min-width: 6.5em;
    min-height: 58px;
    line-height: 2.9;
  }
}
.pagination {
  margin: 2em 0;
  text-align: center;
}
.pagination ul {
  display: flex;
  justify-content:center;
  align-items: center;
  margin-bottom: 1em;
}
.mod_outer .pagination ul  {
  display: flex;
  justify-content:center;
  align-items: center;  
  margin-left: 1em;
}

.pagination ul li:first-child a {
  background: #fff;
  border-radius: 2px;
  border: 1px solid #0f4c81;
  color: #0f4c81;
  padding: 1em;
  margin: 0em 1em 0em;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
  width: auto;
  height: auto;
}

.pagination ul li:last-child a {
  background: #fff;
  border-radius: 2px;
  border: 1px solid #0f4c81;
  color: #0f4c81;
  padding: 1em;
  margin: 0em 1em 0em;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
  width: auto;
  height: auto;
}
.pagination ul li {
  font-weight: bold;
  padding: 0;
}
.pagination ul li span {
  margin-left: 0.4em;
  margin-right: 0.4em;
}
.pagination li a {
  background: #fff;
  border-radius: 2px;
  border: 1px solid #0f4c81;
  color: #0f4c81;
  display: inline-block;
  padding: 6px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
  width: 42px;
  min-width: 2.2em;
  height: 42px;
  min-height: 2.2em;
  font-weight: normal;
}
.pagination a:hover,
.pagination a:focus {
  background-color: #0f4c81 !important;
  color: #FFFFFF !important;
}

@media only screen and (max-width: 767px) {
  .pagination li,
  .mod_outer .pagination li{
  	display :none;
  }
  .pagination ul li:first-child{
    padding: 0;
    margin-right: 0;
    margin-left: 0;
    display: inline-block;
  }
  .pagination ul li:last-child{
    padding: 0;
    margin-left: 0;
	margin-right: 0;
    display: inline-block;
  }	
  .pagination li a{
    min-width: 8em !important;
  }
  .pagination ul li:first-child a{
    margin-left: 0.5em;
	margin-right: 0.5em;
  }
  .pagination ul li:last-child a{
    margin-left: 0.5em;
	margin-right: 0.5em;
  } 
}
@media (min-width:768px) and (max-width:960px) {
  .pagination ul,
  .mod_outer .pagination ul{
    display: flex;
    position: relative;
    justify-content: center;
    height: auto;
	font-size: 80%;
	margin: 1em 0;
  }
  .pagination ul li:first-child{
    margin-top: 0;
    
  }
  .pagination ul li:last-child{
    margin-top: 0;    
  }
  .pagination ul li{
    position: relative;
    text-align: center;
  }
  .pagination li a {
	min-width: 2em;
	min-height: 2em;
	margin: 0em 0em;
	}
  .pagination ul li:first-child a{
	margin: 0em 0.5em;
  }
  .pagination ul li:last-child a{
    margin: 0em 0.5em;
  } 
}
/* #endregion */



/***** Special parts *****/
/* #region */

/*----  history ----*/
.history th{
  text-align: right !important;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .history th{
    text-align: left !important;
    white-space:normal;
  }	
}


/*----  backnumber ----*/
ul.backnumber > li > span:first-child{
background: url(/common2/img/common/arrow01.png) no-repeat 0 .4em;
  background-size: 8px;
  padding-left: 1em;
  list-style: none;
}
ul.backnumber li a{
  padding: 0.5em 10px 0.5em 0;
}

ul.backnumber li {
  width: 100%;
  display: flex;
  padding: 1em 0;
  margin-top:1em;
  margin-bottom: 1em;
  margin-left: 0;
  border-bottom: 1px solid #d6cbb9;
}
ul.backnumber > li::after {
  content: none !important;
  display: none !important;
}

ul.backnumber > li:first-child{
  border-top: 1px solid #d6cbb9;
}

ul.backnumber li span{
  width:47%;
  padding-right: 2em;
}

ul.backnumber li span:lang(en){
  padding-right: 0;  
}

ul.backnumber > li > span:nth-child(2) li::after{
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #0f4c81;
  position: absolute;
  left: -18px;
  top: 0.7em;
}


ul.backnumber > li > span:last-child{
  width:6% !important;
  padding-right: 0;
  text-align: right;
}

ul.backnumber li li{
	border-bottom: none;
	padding-top: 0;
}

ul.backnumber ul{
	margin-left: 1em !important;
}


@media (min-width:768px) and (max-width:960px) {
  ul.backnumber li span {
    width: 45%;
  }
  ul.backnumber > li > span:last-child {
    width: 10% !important;
  }
}
@media only screen and (max-width: 767px) {
  ul.backnumber li span {
    width: 45%;
  }
  ul.backnumber > li > span:last-child {
    width: 10% !important;
  }
}

/*----  Question&Answer ----*/
h1.question {
    position: relative;
    padding-left: 3.5em;
    text-indent: -2.2em;
}

.question::before,
.WebEditor .question::before {
    height: 45px;
    content: "Q";
    position: relative;
    color: #fff;
    background: #0F4C81;
    border-radius: 3px;
    text-align: center;
    padding-left: .46em;
    padding-right: .46em;
    padding-bottom: .23em;
    margin-right: 20px;
    font-size: 0.87em;
}
.txt-hide {
    position: absolute!important;
    clip: rect(1px, 1px, 1px, 1px)!important;
}
h2.oshiete,
.WebEditor h2.oshiete {
  display: block;
  overflow: hidden;
  padding: 0;
  height: 70px;
  max-width: 341px;
  margin: 1em auto;
  background: url("/common2/img/common/tit_oshiete.png") no-repeat;
  background-size: 100%;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
}
h2.oshiete::after,
.WebEditor h2.oshiete::after {
  content: none;
}
.answer,
.WebEditor .answer {
  position: relative;
  margin-left: 4.5em;
}

.answer::before,
.WebEditor .answer::before {
  content: "A";
  position: absolute;
  color: #0F4C81;
  background: #fff;
  border: 1px solid #0F4C81;
  border-radius: 3px;
  text-align: center;
  height: 1.5em;
  width: 1.5em;
  font-size: 1.5em;
  font-weight: bold;
  left: -2em;
  line-height: normal;
}
.answer p,
.WebEditor .answer p,
.answer ul,
.WebEditor .answer ul{
  margin-left: 0em;
}

@media only screen and (max-width: 767px) {
  h1.question {
    padding-left: 2.5em;
}

  .question::before,
  .WebEditor .question::before {
    padding-left: .59em;
    padding-right: 0.59em;
    padding-bottom: .361em;
    padding-top: .1em;
  }
  .answer p,
  .WebEditor .answer p,
  .answer ul,
  .WebEditor .answer ul{
    margin-left: 0;
  }
}
@media (max-width: 340px) {
  h2.oshiete,
  .WebEditor h2.oshiete{
    background-size: 90%;
  }
}


/*----  arekore ----*/
/* table */
table.gizo{
	border-color: #9A9A9A !important;
}

.gizo th{
  background-color: #ffeee9 !important;
  width: 30%;
  vertical-align: middle;
  padding-left: 2.4rem !important;
  text-indent: -1.2rem !important;
  font-weight: normal;
}
.gizo tr{
    border: 1px solid #9A9A9A !important;
}

.gizo td p{
  margin: 0 0 1em 0 !important;
}

.gizo td .pic1 ,.gizo td .fr-img{
  margin: 0!important;
}

.gizo td img {
    max-width: 180px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.gizo .pic2 li,
.gizo .pic3 li,
.gizo .pic4 li {
    margin-bottom: 0px !important;
}

.gizo td img:hover,
.gizo td img:focus {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    cursor: pointer;
}

@media (min-width:768px) and (max-width:960px) {
  .gizo td img {
    max-width: 100%;
  }
}

.arekore1 ul.pic2 li {
  padding: 5px;
}

img.box_shadow {
  -webkit-box-shadow: 10px 10px 15px -10px #231815;
  box-shadow: 10px 10px 15px -10px #231815;
}

img.drop_shadow {
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.4));
}


/* column */
.column_edu {
  border: 1px solid ;
  margin: 1.5em;
  border-radius: 10px;
}

.column_edu h1 {
  width: auto;
  text-align: left;
  line-height: 1.3em;
  margin: 1.5em 1.5em 1em;
  display: flex;
  align-items: center;
  padding: 0;
}

.column_edu h1::after{
  content: none;
}

img.columnheader_edu {
    margin-right: 1.5em;
}
.column_edu h1 span {
	font-size: 100%;
}

.column_edu hr{
  clear: both;
  border-bottom: 4px dashed;
  background-color: transparent !important;  
}

.column_edu p{
  margin: 1.5em 1em;
}

.column_edu table {
  margin: 1.5em 2em !important;
  width: calc(100% - 4em) !important;
}

/* column_red */
.arekore1 .column_edu.column_red,
.column_edu.column_red {
  border-color: #E57A6B;
  background-color: #FFF0EB;
}
.arekore1 .column_edu h1,
.column_edu.column_red h1 {
    color: #A63038 !important;
}

.arekore1 .column_edu.column_red  hr,
.column_edu.column_red  hr{
  border-bottom-color: #ECA290;
}

.arekore1 .column_edu.column_red table,
.column_edu.column_red table {
  border-color: #231815;
}

.arekore1 .column_edu.column_red table tr,
.column_edu.column_red table tr{
    border: 1px solid #231815 !important;
}
.arekore1 .column_edu.column_red table th,
.column_edu.column_red table th{
    background-color:#A63038;
    color:#fff;
    border-color: #231815 !important;
}
.arekore1 .column_edu.column_red table td,
.column_edu.column_red table td{
    background-color:#fff;
    border-color: #231815 !important;
}

/* arekore2 */
.arekore2 .column_edu {
  background-color: #FFF6EB;
  border-color: #F4BA7B;
}
.arekore2  .column_edu h1 {
    color: #A85800 !important;
}
.arekore2 .column_edu hr{
  border-bottom-color: #F4BA7B;
}
.arekore2 .column_edu table tr{
    border: 1px solid #231815 !important;
}
.arekore2 .column_edu table th{
    background-color:#A85800;
    color:#fff;
    border-color: #231815 !important;
}
.arekore2 .column_edu table td{
    background-color:#fff;
    border-color: #231815 !important;
}

/* arekore3 */
.arekore3 .column_edu {
  background-color: #E1FAED;
  border-color: #85C8AB;
}
.arekore3 .column_edu h1 {
    color: #007855 !important;
}

.arekore3 .column_edu hr{
  border-bottom-color: #85C8AB;
}

.arekore3 .column_edu table tr{
    border: 1px solid #231815 !important;
}

.arekore3 .column_edu table th{
    background-color:#007855 !important;
    color:#fff !important;
    border-color: #231815 !important;
  font-weight: bold;
}
.arekore3 .column_edu table td{
    background-color:#fff;
    border-color: #231815 !important;
}

.arekore3 table,
.arekore4 table {
  border-color: #9A9A9A;
  border-collapse: collapse;
}

.gizo tbody th,
.gizo tbody td,
.arekore3 table th,
.arekore3 table td,
.arekore4 table th,
.arekore4 table td {
  border-color: #9A9A9A !important;
  z-index: 999;
}
.arekore3 th {
  background-color: #ddede4 !important;
  color: #000 !important;
  padding: 1em !important;
  font-weight: bold;
}
.arekore3 td {
  background-color: #fff;
}

/* arekore4 */
.arekore4 .column_edu {
  background-color: #faeae2;
}
.arekore4 .column_edu h1 {
}
.arekore4 .column_edu hr {
  border-bottom: 5px dotted #eca290;
}
/*.arekore4 th,
.arekore4 td {
  border: 1px solid #000;
}*/
.arekore4 th {
  background-color: #E3EAF6 !important;
  padding: 1em;
  font-weight: normal;
}
.arekore4 td {
  background-color: #bfd1ec;
  font-weight: normal;
}



@media only screen and (max-width: 767px) {
  .column_edu {
    margin: 1.5em 0;
  }
  .column_edu h1{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 1em;
	}
  img.columnheader_edu {
    position: static !important;
    margin: 0em auto 1em;
  }
	
  .column_edu hr {
    border-bottom: 4px dashed;
    background-color: transparent !important;
  }
  .column_edu p {
    margin: 1.5em 2em;
  }
  .column_edu table {
    width: calc(100% - 3em) !important;
    margin: 1.5em auto !important;
  }
}


/*----  ksoshiki ----*/
ul.ksoshiki,
ol.ksoshiki {
    padding: 0 1em 0 3em;
    margin: 0 0 2em;
    line-height: 1.6;
}

.ksoshiki li {
    display: table;
    width: 100%;
    margin: 0 0 .8em !important;
}

.ksoshiki li span {
    display: table-cell;
    padding: 0 0 0 1.5em;
    vertical-align: top;
}

.ksoshiki li span:first-child {
    width: 7em;
    padding: 0;
    text-align: right;
    white-space: nowrap;
}

.ksoshiki .indent15 {
    display: block;
    padding: 0;
}

.ksoshiki .indent2 {
    display: block;
    padding: .5em 0 0 1em;
}

.ksoshiki .indent25 {
    display: block;
    padding: .5em 0 0 1em;
}

ul.ksoshiki02,
ol.ksoshiki02 {
    padding: 0 1em 0 12em ;
    margin: -1em 0 1em;
    line-height: 1.6;
}

.ksoshiki02 li {
    display: table;
    width: 100%;
    margin: 0 0 .5em;
}

.ksoshiki02 li span {
    display: table-cell;
    padding: 0 0 0 1em;
    vertical-align: top;
}

.ksoshiki02 li span:first-child {
    width: 2em;
    padding: 0;
    text-align: right;
    white-space: nowrap;
}

.ksoshiki02 .indent2 {
    display: block;
    padding: .5em 0 0 1em;
}

ul.ksoshiki03 ,
ol.ksoshiki03 {
    padding: 0 1em 0 3em;
    margin: 0 0 2em;
    line-height: 1.6;
}

ul.ksoshiki03 li ,
ol.ksoshiki03 li {
    display: table;
    width: 100%;
    margin: 0 0 .8em;
}

.ksoshiki03 li span {
    display: table-cell;
    padding: 0 0 0 1.5em;
    vertical-align: top;
}

.ksoshiki03 li span:first-child {
    width: 3em;
    padding: 0;
    text-align: right;
    white-space: nowrap;
}

ul.ksoshiki04,
ol.ksoshiki04 {
    padding: 0 1em 0 2em;
    margin: 0 0 2em;
    line-height: 1.8;
}

ul.ksoshiki04 li ,
ol.ksoshiki04 li {
    display: table;
    width: 100%;
    margin: 0 ;
}

.ksoshiki04 li span {
    display: table-cell;
    padding: 0 0 0 1.5em;
    vertical-align: top;
}

.ksoshiki04 li span:first-child {
    width: 3em;
    padding: 0;
    text-align: right;
    white-space: nowrap;
}

.ksoshiki04 .border1 {
    display: block;
    padding: .5em;
    margin: .5em 0 .5em 1em;
}

ul.ksoshiki05,
ol.ksoshiki05 {
    width: 100%;
    padding: 0 1em 0 2em;
    margin: 0 0 2em;
    line-height: 1.8;
}

.ksoshiki05 li {
    display: table;
    width: auto;
    margin: 0;
}

.ksoshiki05 li span {
    display: table-cell;
    padding: 0 0 0 1.5em;
    vertical-align: top;
}

.ksoshiki05 li span:first-child {
    width: 5em;
    padding: 0;
    text-align: left;
    white-space: nowrap;
}
.ksoshiki li::after,.ksoshiki02 li::after,
.ksoshiki03 li::after,.ksoshiki04 li::after,.ksoshiki05 li::after {
  content: none !important;
  display: none !important;
}
@media only screen and (max-width: 767px){
  .ksoshiki {
    padding: 0 ;
  }
  .ksoshiki li span {
    display: block;
  }
  .ksoshiki li span:first-child {
    width: 100%;
    text-align: left;
  }
  .ksoshiki .indent2, .ksoshiki .indent25 {
    padding: .5em 0 0;
  }
  .ksoshiki .pl3em {
    padding-left: 2em !important;
  }
  ul.ksoshiki02, ol.ksoshiki02 {
    padding: 0 0 0 2.5em ;
  }
  .ksoshiki02 .indent2 {
    padding: .5em 0 0;
  }
  .ksoshiki04 {
    padding: 0 1em 0 0 !important;
  }
	.ksoshiki05 li {
	margin-left: 0 !important;
  }
}


.clear_text {
    visibility: hidden;
}

/*----  enforce ----*/
.enforce {
    float: right;
    width: 15em;
    padding-right: 1em;
    margin-bottom: 1em;
    line-height: 1.6;
}

.enforce dt {
    float: left;
    clear: both;
    width: 4em;
    text-align: right;
}

.enforce dd {
    float: right;
    width: 10em;
    text-align: right;
	padding-bottom: 0.5em;
}

.enforce dd ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.enforce dd li {
    margin: 0;
}
.enforce dd li::after {
  content: none !important;
  display: none !important;
}

.enforce+p,
.enforce+ul,
.enforce+ol {
  clear: both;
  display: block;
}


/*---- enforce2 ----*/
.enforce2 {
    display: table !important;
    table-layout: fixed;
    width: 100%;
    margin: 0 0 .5em;
    line-height: 1.6;
}

.enforce2 dt {
    display: table-cell;
    width: 3em;
    vertical-align: top;
    white-space: nowrap;
}

.enforce2 dd {
    display: table-cell;
    vertical-align: top;
}

.enforce2 dd ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.enforce2 dd li {
    display: inline-block;
    width: 9em;
    margin: 0;
}

.enforce2 dd li::after {
  content: none !important;
  display: none !important;
}

/*---- policyboard ----*/
.policyboard {
    list-style: none;
    margin: 0;
    text-align: center;
}

.policyboard li {
  display: inline-block;
  width: 30%;
  margin: 0 0 1em;
  vertical-align: top;
}

.policyboard li span {
    display: block;
}

.policyboard li span:last-child {
    font-size: 1.4rem;
    font-weight: bold;
}

/*---- officer ----*/
.officer {
  margin-top: 1.5em;
  padding: 0 1em;
  line-height: 1.6;
}

.officer:after {
  content: "";
  clear: both;
  display: block;
}

.officer .pho {
  float: left;
  width: calc(28% - 3.5em);
  padding: 0;
  margin: 0 2em 1.5em 1.5em;
}

.gv-right,
.gv-right2 {
  float: right;
  width: 72%;
  padding: 0 ;
}


.gv-right dl {
	display: flex;
	flex-wrap: wrap;
    margin: 0 0 1em;
	position: relative;
}

.gv-right dt {
    width: 30%;
    padding: 9px 6px 7px 1.5em;
    font-weight: bold;
    background: url("/common2/img/common/governor.png") no-repeat 5px 20px;
	border-bottom: 1px dotted #0f4c81;
}

.gv-right dd {
	width: 70%;
    padding: 9px 6px 7px;
    border-bottom: 1px dotted #0f4c81;
}
.gv-right dd::after {
  content: "";
  clear: both;
  display: block;
}

.gv-right p,
.gv-right p {
    padding: 0;
}
.gv-right p.caption,
.gv-right p.caption {
    margin-left: 0 !important;
}

.gv-right table {
    width: 100%;
}

.gv-right .table_like{
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
}


.gv-right2 dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 1.4rem;
    border-bottom: 1px dotted #177faa;
}

.gv-right2 dt {
    display: table-cell;
    width: 40%;
    padding: 9px 6px 7px 18px;
    font-weight: bold;
    background: url("/common2/img/common/governor.png") no-repeat 5px 16px;
    vertical-align: top;
}

.gv-right2 dd {
    display: table-cell;
    padding: 9px 6px 7px;
    vertical-align: top;
}

.gv-right2 dd ul {
    list-style: none;
    margin: 0;
}

.gv-right2 dd li {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.gv-right2 dd li span {
    display: table-cell;
    vertical-align: top;
}

.gv-right2 dd li span:first-child {
    width: 3em;
    padding-right: 1em;
    text-align: right;
}

.thumb {
  position: relative;
  top: 0;
  left: 0;
}

.filter {
  position: absolute;
  top: 0;
  left: 0;
}


@media only screen and (max-width: 767px){
.officer {
        padding: 0;
    }
    .officer .pho {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0 0 1em;
        text-align: center;
    }
    .gv-right,
    .gv-right2 {
        float: none;
        width: 100%;
        padding: 0;
    }
	.gv-right dl {
	display: block;
	}
	.gv-right dt {
		width: 100%;
	border-bottom: none;
}

.gv-right dd {
	width: 100%;
	padding: 0 6px 7px 1.5em;
    border-bottom: 1px dotted #0f4c81;
}
}

/*----list-release----*/

.list-release,
ul.list-release{
  list-style: none;
  margin: 0;
  display:flex;
  flex-wrap:wrap;
}

.list-release li {
  display: inline-block;
  width: calc(33% - 1em);
  margin: 0 0.5em 1em;
  vertical-align: top;
}
.list-release li p{
  padding:0;
  display: flex;
  height: 100%;
}
.list-release li br{
  display: none;

}


.list-release li::after,
.list-release li::before{
  content: none !important;
  display: none !important;
}


.list-release li p a {
  background: #0f4c81 url(/common2/img/common/arrow01.png) no-repeat 15px 50%/8px;
  border-radius: 2px;
  color: #fff;
  display: flex;
  padding: 1em 1em 1em 2em;
  margin: 0 auto;
  text-decoration: none;
  transition: background-color 0.5s ease 0s;
  width: 100%;
  min-width: 10em;
  align-items: center;
}
.list-release li p a:hover, .list-release li p a:focus {
  background-color: #336793;
}
.list-release span {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.list-release li p a[href$=".pdf"]::before {
  content: none;
}
@media only screen and (max-width: 767px){
	.list-release li{
		width: 100%;
	}
}

/*---- box-2col ----*/

.caption_header2 h3, .caption_header h3 {
  font-size: 1em;
  padding: 0 0 0 .61em;
  margin: 1.5em 0 0 1em; 
  border-left: 2px solid #DAD1C2;
  text-align: left;
}

.caption_header2 h3::after,.caption_header h3::after{
	content: none;
}

.caption_header2 table {
  margin-top: 0 !important;
}
.box-container2 {
  display: flex;
  flex-direction: row;
}
.box-2col2 {
  width: 50%;
  padding: 0 1rem;
}
.box-2col2 table th, .box-2col2 table td {
  padding: 1rem .5rem;
}
@media screen and (max-width:767px) {
  .box-container2 {
    flex-direction: column;
  }
  .box-2col2 {
    width: 100%;
    padding: 0;
  }
}
/* #endregion */


/********************************
8.Search Page
********************************/
/* #region */
.autocomplete {
  position: relative;
}
.search-col {
  display: flex;
  justify-content: space-between;
  margin: 1.5em 0 0 1.5em;
}
@media (max-width:960px) {
  .search-col {
    flex-direction: column;
    margin-right: 1.5em;
  }
}
.search-left,
.search-right {
  width: 48%;
}
@media (max-width:960px) {
  .search-left,
  .search-right {
    width: 100%;
  }
  .search-right {
    margin-top: 1.5em;
  }
}
.search-input-ul {
  margin: 0;
}
.search-input-ul li {
  position: relative;
}
.search-input-ul li:not(:last-child) {
  margin-bottom: 10px;
}
.search-input-ul li.select {
  margin-bottom: 20px;
}

.search-input-ul input[type="text"] {
  border: 1px solid #8f8f8f;
  display: block;
  margin-bottom: 8px;
  padding: .37em .5em;
  width: 100%;
}

.search-input-ul input[type="checkbox"],
.search-date input[type="checkbox"] {
  height: 1.1em;
  left: .1em;
  position: relative;
  width: 1.1em;
  top: -.1em;
}
.search-input-ul label,
.search-date label {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 1.5em;
  position: relative;
  margin-left: -1em;
}
.search-input-ul label::before,
.search-input-ul label::after,
.search-date label::before,
.search-date label::after {
  position: absolute;
  content: '';
  transition: transform .3s, opacity .3s;
}
.search-input-ul label::before,
.search-date label::before {
  top: 50%;
  left: 0;
  width: 1em;
  height: 1em;
  margin-top: -.5em;
  background: #fff;
  border: 1px solid #8f8f8f;
  border-radius: 3px;
}
.search-input-ul label::after,
.search-date label::after {
  opacity: 0;
  border-bottom: 2px solid #0f4c81;
  border-left: 2px solid #0f4c81;
  height: .3em;
  left: .15em;
  margin-top: -.25em;
  top: 50%;
  transform: rotate(-45deg) scale(.5);
  width: .7em;
}
.search-input-ul label:hover::before,
.search-date label:hover::before {
  background: #fff;
}
.search-input-ul input[type="checkbox"]:checked + label::after,
.search-date input[type="checkbox"]:checked + label::after {
  opacity: 1;
  transform: rotate(-45deg) scale(1);
}

.search-col select {
  background: #fff url("/common2/img/common/arrow_down_select.png") no-repeat right 5px top 50%;
  border: 1px solid #8f8f8f;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  padding: 0 33px 0 9px;
  position: relative;
}
.search-right select {
  font-size: 90%;
  margin: 5px 0 26px 0;
  width: 100%;
}

.search-link_list li {
  background: url("/common2/img/common/arrow01.png") no-repeat 0 .9em;
  background-size: auto;
  background-size: 8px;
  padding: 0.5em 10px 0.5em 18px;
  text-indent: 0em;
  list-style: none;
}

.search-date {
  margin: 1.5em;
}
@media (max-width:960px) {
  .search-date {
    margin-top: 0;
    padding-left: 1.5em;
  }
}
.search-date-text {
  margin: 1.5em 1.5em 3em;
}
.search-date select {
  background: #fff url("/common2/img/common/arrow_down_select.png") no-repeat right 5px top 50%;
  border: 1px solid #8f8f8f;
  cursor: pointer;
  font-size: 90%;
  margin: 0 auto;
  padding: 0 33px 0 9px;
  position: relative;
}
.search-date-br-tb,
.search-date-br-sp {
  display: none;
}
@media (max-width:960px) {
  .search-date-br-tb {
    display: inline;
  }
}
@media (max-width:768px) {
  .search-date-br-sp {
    display: inline;
  }
}

.search-btn {
  margin-top: 2.5em;
}
.search-btn li {
  text-align: center;
}
.search-btn .search {
  background: #0f4c81 url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2234px%22%20height%3D%2234px%22%20viewBox%3D%220%200%2034%2034%22%20style%3D%22enable-background%3Anew%200%200%2034%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M33.7%2C32.4L22.2%2C20.9c1.9-2.2%2C3.1-5.1%2C3.1-8.2c0-6.9-5.6-12.5-12.5-12.5S0.3%2C5.8%2C0.3%2C12.7s5.6%2C12.5%2C12.5%2C12.5%20c3%2C0%2C5.8-1.1%2C8-2.9l11.5%2C11.5L33.7%2C32.4z%20M2.3%2C12.7C2.3%2C6.9%2C7%2C2.2%2C12.8%2C2.2c5.8%2C0%2C10.5%2C4.7%2C10.5%2C10.5c0%2C5.8-4.7%2C10.5-10.5%2C10.5%20C7%2C23.2%2C2.3%2C18.5%2C2.3%2C12.7z%22%2F%3E%3C%2Fsvg%3E') no-repeat 37px 50%;
  color: #fff;
  cursor: pointer;
  font-size: 126%;
  font-weight: bold;
  letter-spacing: .3em;
  margin-bottom: 4px;
  padding: .5em 2.1em .5em 3.35em;
  transition: background-color 0.5s ease 0s;
}
@media (max-width:1500px) {
  .search-btn .search {
    background-size: 15%;
  }
}
.search-btn .search:hover,
.search-btn .search:focus {
  background-color: #336793;
}

.result-box .result {
  border-bottom: 1px solid #d6cbb9;
  margin: 1.5em 0;
  padding: 0 1.5em 0.5em;
}
.result-box h3 {
  font-size: 110%;
  margin: 2em 1.5em 0 1.5em;
}
.result-box p {
  font-size: 90%;
  margin: .5em 1.5em .5em 1.5em;
}
.result-box .mod_outer p {
  font-size: 100%;
  margin: 1.5em;
}
.result-box .result-url {
  color: #00872D;
  word-break : break-all;
}
.result-box select {
  background: #fff url("/common2/img/common/arrow_down_select.png") no-repeat right 5px top 50%;
  border: 1px solid #8f8f8f;
  cursor: pointer;
  font-size: 90%;
  margin: 0 auto;
  padding: 0 33px 0 9px;
  position: relative;
}
.visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
/* #endregion */

/********************************
9.Unavailable Page
********************************/
/* #region */
.unavailable {
  border-left: none;
}
.unavailable #contents {
  min-height: calc(100vh - 133px);
}

.unavailable h1 {
  margin-bottom: 60px;
}

.unavailable #footer {
  padding: 30px 0 30px;
  background: #2b2b2b;
  color: #fff;
  font-size: 80%;
  text-align: center;
  line-height: 1.5;
}
.unavailable #footer address {
  font-style: normal;
}
.unavailable #footer address span {
  display: block;
}
@media (min-width:768px) {
  .unavailable #contents {
    min-height: calc(100vh - 106px);
  }
  .unavailable #footer address span {
    display: inline;
  }
  .unavailable #footer address span:first-child {
    margin-right: 2em;
  }
}
/* #endregion */

/********************************
10. News List Page
********************************/
/* #region */
.mod_outer .rss {
  margin: 0 0px 20px;
  padding: 0;
  text-align: right;
}
.mod_outer .rss .rss-link {
  background: #e6b422 url("/common2/img/index/rss.gif") no-repeat 10px 50%;
  background-size: 18px;
  border-radius: 2px;
  display: inline-block;
  padding: 5px 10px 5px 35px;
  text-decoration: none;
}
@media (min-width:768px) {
  .mod_outer .rss .rss-link {
    background-size: 22px;
    padding: 8px 20px 8px 50px;
  }
}
@media (min-width:961px){
  .mod_outer .rss {
    margin: 10px 0px 30px;
  }
}


.news_list_outer {
  padding: 0 0 20px;
}
@media (min-width:768px) {
  .news_list_outer {
    padding: 2.2em 0 3em;
  }
}

.nostyle .news_list-ul {
  margin: 0;
}
.nostyle .news_list-ul li::after {
  content: none;
}

/* #endregion */

/********************************
10-2.hover transform
********************************/

.vip img {
    object-fit: contain;
    width: 70%;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.vip img:hover,
.vip img:focus {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    cursor: pointer;
}

/********************************
11. Education Page
********************************/
/* #region */

/*----education----*/

.education-col {
  display: flex;
  flex-wrap: wrap;
}
.education-col::after {
  content: "";
  clear: both;
  display: block;
}
.education-box {
  position: relative;
  width: calc(50% - 0.75em);
  margin: 0 1.5em 1.5em 0;
}
.education-box:nth-child(even) {
  margin-right: 0;
}
.education-box1 {
  position: relative;
  width: 100%;
  margin: 2em 0;
}
.education-box1 a{
  display: block;
  height: 100%;
  text-decoration: none;
  transition: 0.3s;
  border: 4px solid #0F4C81
}
.education-box a {
  display: block;
  height: 100%;
  text-decoration: none;
  transition: 0.3s;
  border: 2px solid #0F4C81;
}

.mod_outer .education a:hover,
.mod_outer .education a:focus,
.WebEditor .education a:hover,
.WebEditor .education a:focus {
  text-decoration: underline;
  box-shadow: 0 3px 15px rgb(30 72 109 / 50%);
  transition: 0.3s;
}

.education-inner {
  display: flex;
  flex-direction: row-reverse;
}
.education-box1 a p,
.education-box a p {
  color: #231815;
}
.education-title {
  width: 57.2%;
}
.mod_outer .education h2,
.WebEditor .education h2 {
  border: none;
}
.education-title h2 {
  display: flex;
  align-items: center;
  padding: 1em;
  margin: 0;
  position: relative;
  min-height: auto;
}
.education-title h2::before {
  content: '';
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
}
.education-title h2.faq::before {
  background: url("/common2/img/about/education/faq.png") no-repeat 0px center/60px;
}
.education-title h2.ouchi::before, .education-title h2.history_arch::before {
  background: url("/common2/img/about/education/book.png") no-repeat 0px center/60px;
}
.education-title h2.family-tour::before {
  background: url("/common2/img/about/education/search.png") no-repeat 0px center/60px;
}
.mod_outer .education h2::after,
.WebEditor .education h2::after {
  content: none;
}
.education-title p {
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0;
}
.mod_outer .education span,
.WebEditor .education span {
  padding-left: calc(1em + 60px);
  padding-right: 1em;
  position: absolute;
}
.education-inner .education-img {
  display: flex;
  align-items: center;
  width: 42.8%;
  height: auto;
  background-color: #e9e9e9;
}
.education-inner img {
  height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.mod_outer .education .workplace span,
.WebEditor .education .workplace span {
  padding-left: 114px;
  background: url(/common/images/bg_workplace.png) no-repeat 5px center;
}
.education-box .education-title {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 1em;
}
.mod_outer .education-col h2,
.WebEditor .education-col h2 {
  display: block;
  padding: 1em 1em 0em calc(2em + 2.1em);
  margin: 0;
  font-size: 1em;
  border: none;
  width: 57.5%;
  text-decoration: underline;
}
.mod_outer .education-col h2::before,
.WebEditor .education-col h2::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 2.1em;
  height: 2.1em;
  left: 1em;
}
.mod_outer .education-col h2.thisisboj::before,
.WebEditor .education-col h2.thisisboj::before,
.mod_outer .education-col h2.tanken::before,
.WebEditor .education-col h2.tanken::before {
  background: url("/common2/img/about/education/movie.png") no-repeat 0px center/2.1em;
}
.mod_outer .education-col h2.boj-pamphlet::before,
.WebEditor .education-col h2.boj-pamphlet::before,
.mod_outer .education-col h2.arekore::before,
.WebEditor .education-col h2.arekore::before,
.mod_outer .education-col h2.kyoiku::before,
.WebEditor .education-col h2.kyoiku::before,
.mod_outer .education-col h2.koho-nichigin::before,
.WebEditor .education-col h2.koho-nichigin::before,
.mod_outer .education-col h2.workplace::before,
.WebEditor .education-col h2.workplace::before,
.mod_outer .education-col h2.kids::before,
.WebEditor .education-col h2.kids::before {
  background: url("/common2/img/about/education/book.png") no-repeat 0px center/2.1em;
}
.mod_outer .education-col h2.tour::before,
.WebEditor .education-col h2.tour::before {
  background: url("/common2/img/about/education/search.png") no-repeat 0px center/2.1em;
}
.education-box .photo {
  width: 42.5%;
}
.education-box .photo img {
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
.mod_outer .tooltip p,
.WebEditor .tooltip p {
  padding: 0;
  margin: 0;
  color: #fff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 1200px) {
  .mod_outer .education span,
  .WebEditor .education span {
    padding-left: calc(1em + 50px);
    padding-right: 1em;
    position: absolute;
  }
  .education-inner .education-img {
    max-width: 40%;
    height: auto;
  }

  .education-title {
    min-width: 60%;
  }
  .education-title h2::before {
    content: '';
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
  }
  .education-title h2.faq::before {
    background: url("/common2/img/about/education/faq.png") no-repeat 0px center/50px;
  }
  .education-title h2.ouchi::before,
  .education-title h2.history_arch::before {
    background: url("/common2/img/about/education/book.png") no-repeat 0px center/50px;
  }
  .education-title h2.family-tour::before {
    background: url("/common2/img/about/education/search.png") no-repeat 0px center/50px;
  }
  .mod_outer .education-col h2,
  .WebEditor .education-col h2 {
    width: 62%;
  }
  .education-box .photo {
    width: 38%;
  }
}
@media only screen and (max-width: 767px) {
  .education-inner {
    flex-direction: column-reverse;
  }
  .education-title {
    width: 100%;
  }
  .education-title h2 {
    padding: 0.8em;
  }
  .education-title h2::before {
    width: 40px;
    height: 40px;
    background-size: 40px;
  }
  .education-title h2.faq::before {
    background: url("/common2/img/about/education/faq.png") no-repeat 0px center/40px;
  }
  .education-title h2.ouchi::before, .education-title h2.history_arch::before {
    background: url("/common2/img/about/education/book.png") no-repeat 0px center/40px;
  }
  .education-title h2.family-tour::before {
    background: url("/common2/img/about/education/search.png") no-repeat 0px center/40px;
  }
  .education-title p {
    padding: 0 1em 1em 1em;
  }
  .mod_outer .education span,
  .WebEditor .education span {
    padding-left: calc(1em + 40px);
    padding-right: 1em;
    position: absolute;
  }
  .education-inner .education-img {
    min-width: 100%;
  }
  .education-inner img {
    width: 100%;
  }
  .education-col {
    display: block;
  }
  .education-box {
    position: relative;
    width: 100%;
    margin: 0 0 1.5em 0;
  }
  .mod_outer .education-col h2, 
  .WebEditor .education-col h2 {
    min-height: 47px;
    padding: 1em 1em 0em calc(2em + 2.1em);
    margin: 0;
    font-size: 1em;
    border: none;
    width: 68.5%;
    text-decoration: underline;
  }
  .education-box .photo {
    padding: 1em 0 0 1em;
    font-size: 1em;
    width: 31.5%;
  }
  .education-box .photo img {
    border: 1px solid #707070;
  }
  .education-box1 a, .education-box a {
    height: 100%;
  }
  .education-box p {
    margin-bottom: 0;
    padding-bottom: 1em;
  }
}

/* #endregion */


/********************************
12.Print Style
********************************/
@media print {
  body {
    border: none;
  }

  #left_col,
  #main_v,
  aside,
  #footer {
    display: none;
  }

  #right_col {
    float:  none;
    width:  100%;
    border: none;
  }


  a[href^="http"]::before {
    background: none;
    content: url("/common2/img/common/icon_external.png");
    transform: scale(0.5);
    transform-origin: 0 0;
  }
  a.img[href^="http"]::before,
  a[href^="http://www.boj.or.jp/"]::before,
  a[href^="http://www.imes.boj.or.jp/"]::before,
  a[href^="http://www2.boj.or.jp/"]::before,
  a[href^="http://www3.boj.or.jp/"]::before,
  a[href^="http://www4.boj.or.jp/"]::before,
  a[href^="http://www5.boj.or.jp/"]::before,
  a[href^="http://www.stat-search.boj.or.jp/"]::before,
  a[href^="https://www.boj.or.jp/"]::before,
  a[href^="https://www.imes.boj.or.jp/"]::before,
  a[href^="https://www2.boj.or.jp/"]::before,
  a[href^="https://www3.boj.or.jp/"]::before,
  a[href^="https://www4.boj.or.jp/"]::before,
  a[href^="https://www5.boj.or.jp/"]::before,
  a[href^="https://www.stat-search.boj.or.jp/"]::before {
    content: none;
  }
  
  a[href$=".pdf"]::before,
  a[href$=".xls"]::before,
  a[href$=".xlsx"]::before,
  a[href$=".doc"]::before,
  a[href$=".docx"]::before,
  a[href$=".ppt"]::before,
  a[href$=".pptx"]::before,
  a[href$=".csv"]::before,
  a[href$=".txt"]::before,
  a[href$=".zip"]::before,
  a[href$=".lzh"]::before,
  a[href$=".mpeg"]::before,
  a[href$=".mpg"]::before,
  a[href$=".avi"]::before,
  a[href$=".mp4"]::before {
    background: none;
    transform: scale(0.5);
    transform-origin: 0 0;
  }
  a[href$=".pdf"]::before {
    content: url("/common2/img/common/icon_pdf.png");
  }
  a[href$=".xls"]::before,
  a[href$=".xlsx"]::before {
    content: url("/common2/img/common/icon_xls.png");
  }
  a[href$=".doc"]::before,
  a[href$=".docx"]::before {
    content: url("/common2/img/common/icon_doc.png");
  }
  a[href$=".ppt"]::before,
  a[href$=".pptx"]::before {
    content: url("/common2/img/common/icon_ppt.png");
  }
  a[href$=".csv"]::before {
    content: url("/common2/img/common/icon_csv.png");
  }
  a[href$=".txt"]::before {
    content: url("/common2/img/common/icon_txt.png");
  }
  a[href$=".zip"]::before,
  a[href$=".lzh"]::before {
    content: url("/common2/img/common/icon_zip.png");
  }
  a[href$=".mpeg"]::before,
  a[href$=".mpg"]::before,
  a[href$=".mp4"]::before,
  a[href$=".avi"]::before {
    content: url("/common2/img/common/icon_mov.png");
  }
  a.img[href$=".pdf"]::before,
  a.img[href$=".zip"]::before,
  a.img[href$=".lzh"]::before,
  a.img[href$=".csv"]::before,
  a.img[href$=".txt"]::before,
  a.img[href$=".xls"]::before,
  a.img[href$=".xlsx"]::before,
  a.img[href$=".doc"]::before,
  a.img[href$=".docx"]::before,
  a.img[href$=".ppt"]::before,
  a.img[href$=".pptx"]::before,
  a.img[href$=".mpeg"]::before,
  a.img[href$=".mpg"]::before,
  a.img[href$=".mp4"]::before,
  a.img[href$=".avi"]::before {
    content: none;
  }
  
  .no_icon::before {
    content: none !important;
  }
}