@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&display=swap');

@font-face {
  font-family: 'Kiwi Maru Local';
  src: local('Kiwi Maru'), local('KiwiMaru-Medium');
}

:root {
  --font-family: "Kiwi Maru Local", "Kiwi Maru", sans-serif;

  --main-color-1: #fbfbc9;
  --main-color-2: #f5ecc9;
  --main-color-3: #fedad6;
  --main-color-4: #f7f1e3;
  --main-color-5: #daeffe;
  --main-color-6: #f2ebe2;
  --main-color-7: #f39800;

  --category-mokuteki-color: #fedad6;
  --category-lifestage-color: #cdeafe;
  --category-map-color: #e9f5c0;
  --category-mokuteki-hover-color: #fc83a1;
  --category-lifestage-hover-color: #8db2f0;

  --area-east-color: #fdf1cd;
  --area-west-color: #d9f3f8;
  --area-south-color: #e3f2dc;
  --area-north-color: #fcecf7;

  --mono-color-1: #44311a;
  --mono-color-2: #b3a08a;
  --mono-color-3: #c9ad92;
  --mono-color-4: #666;
  --mono-color-5: #e3dcd4;
  --mono-color-6: #bfac95;
  --mono-color-7: #f2f2f2;
  --mono-color-8: #ccc;
  --mono-color-9: #fff;

  --ac-color-red-1: #d50000;

  --a-color: #44311a;
  --a-hover-color: #44311a;
  --a-visited-color: #44311a;

  --site-width: 1200px;
  --col1-content-width: 1000px;
  --col2-content-width: 700px;
  --col2-side-width: 260px;
}

/* =========================================================
   kosodate portal
========================================================= */
/* elements
----------------------------------------------- */
body {
  width: 100%;
  height: 100%;
  line-height: 1.6;
  margin: 0;
  color: var(--mono-color-1);
  font-size: 1.125rem;
  font-weight: 500;
  font-family: var(--font-family);
  word-break: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

a img,
p img,
th img {
  vertical-align: middle;
}

img.external {
  margin: 0 0.25em;
}

.maps img,
#map_canvas img,
#canvas img {
  max-width: none;
}

#map_canvas {
  width: 100% !important;
}

input,
textarea {
  max-width: 100%;
}

input[type="text"],
textarea {
  padding: 8px 5px;
  border: 1px solid var(--mono-color-2);
}

input[type="text"] {
  width: 100%;
  height: 2.5em;
}

textarea {
  width: 100%;
}

p {
  margin: 0;
}

em {
  font-style: oblique;
}

pre {
  font-family: var(--font-family);
  word-wrap: break-word;
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

rp,
rt {
  font-size: 80%;
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style-position: outside;
  list-style-type: none;
}

ol {
  margin: 0;
  padding: 0;
  list-style-position: outside;
}

li {
  margin: 0;
  padding: 0;
  list-style-position: outside;
}

a[href] {
  color: var(--a-color);
  word-break: break-word;
  overflow-wrap: break-word;
  text-decoration: none;
}

a[href]:visited {
  color: var(--a-color);
}

a[href]:hover,
a[href]:focus {
  text-decoration: underline;
}

.body a:empty {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-size: 125%;
  font-weight: 500;
}

address {
  font-style: normal;
}

iframe {
  width: 100%;
  border: 0;
}

@media screen and (min-width: 960px),
print {

  a[href]:hover,
  a[href]:focus {
    text-decoration: underline;
  }

  a[href] img:hover {
    opacity: 0.9;
  }

  .pieceHeader a {
    pointer-events: none;
  }
}

@media screen and (max-width: 960px) {
  img {
    width: auto;
    height: auto;
  }

  input[type="text"],
  textarea {
    width: 100%;
  }
}

/* =========================================================
   Common Classes.
========================================================= */
/* Icons.
----------------------------------------------- */
.iconFile,
.iconDefault {
  min-height: 16px;
  padding-left: 22px;
  background: url("/_common/images/icons/default.png") no-repeat left center;
}

.iconBmp {
  background-image: url("/_common/images/icons/bmp.png");
}

.iconCsv,
.iconTxt {
  background-image: url("/_common/images/icons/default.png");
}

.iconDoc,
.iconDocx,
.iconRtf {
  background-image: url("/_common/images/icons/doc.png");
}

.iconGif {
  background-image: url("/_common/images/icons/gif.png");
}

.iconJpg,
.iconJpe,
.iconJpeg {
  background-image: url("/_common/images/icons/jpg.png");
}

.iconJtd {
  background-image: url("/_common/images/icons/jtd.png");
}

.iconLzh {
  background-image: url("/_common/images/icons/lzh.png");
}

.iconPdf {
  background-image: url("/_common/images/icons/pdf.png");
}

.iconPng {
  background-image: url("/_common/images/icons/png.png");
}

.iconPpt,
.iconPptx {
  background-image: url("/_common/images/icons/ppt.png");
}

.iconXls,
.iconXlsx {
  background-image: url("/_common/images/icons/xls.png");
}

.iconZip {
  background-image: url("/_common/images/icons/zip.png");
}

.iconOdt {
  background-image: url("/_common/images/icons/odt.png");
}

.iconOds {
  background-image: url("/_common/images/icons/ods.png");
}

.iconOdp {
  background-image: url("/_common/images/icons/odp.png");
}

/* =========================================================
   Layout
========================================================= */
#container {
  width: 100%;
}

#pageHeader>div,
#pageNav>div:not(#kosodateSlider),
.top #content,
.col1 #content,
.col2 #wrapper,
#pageFooter .piece,
#breadCrumbs {
  flex-basis: 100%;
  margin-left: auto;
  margin-right: auto;
}

#pageHeader>div,
#pageNav>div:not(#kosodateSlider),
.top #content,
#pageFooter .piece {
  max-width: var(--site-width);
}

.col1 #content,
.col2 #wrapper,
#breadCrumbs {
  max-width: var(--col1-content-width);
}

.col2 #wrapper {
  display: flex;
  justify-content: space-between;
}

.col2 #content {
  flex-basis: var(--col2-content-width);
}

.col2 #links {
  flex-basis: var(--col2-side-width);
}

@media screen and (max-width: 960px) {

  #pageHeader>div,
  #pageNav>div:not(#kosodateSlider),
  .top #content,
  #pageFooter .piece,
  .col1 #content,
  .col2 #wrapper,
  #breadCrumbs {
    max-width: 100%;
  }

  .top #content {
    padding-top: 30px;
  }

  .col1 #content,
  .col2 #wrapper {
    padding: 20px 25px;
  }

  .col2 #wrapper {
    flex-wrap: wrap;
  }

  .col2 #content,
  .col2 #links {
    flex-basis: 100%;
  }

}

/* headerNaviGroup
----------------------------------------------- */
#headerNaviGroup {
  background-image: url("./images/decorativeborders-re.png"), url("./images/background.webp");
  background-position: left bottom, left top;
  background-repeat: repeat-x, repeat;
}

.top #headerNaviGroup {
  margin-bottom: 72px;
}

@media screen and (max-width: 960px) {

  .col1 #headerNaviGroup,
  .col2 #headerNaviGroup {
    background: url("./images/background.webp");
  }
}

/* headerGroup
----------------------------------------------- */
#search-container .close a,
#headerGroup #lifescene,
#headerGroup #keyword-list {
  display: none;
}

#search-container .close a {
  width: 130px;
  height: 35px;
  line-height: 35px;
  margin: 20px auto 0;
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

/* =========================================================
   Piece
========================================================= */
/* accessibility-tool
----------------------------------------------- */
#pageHeader {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 16px 0 40px;
  font-size: 0.875rem;

}

#accessibilityTool .pieceHeader {
  display: none;
}

#globalNavi .accessibility,
#accessibilityTool .pieceBody>ul {
  justify-content: flex-end;
  gap: 8px;
}

#globalNavi .accessibility ul,
#globalNavi .accessibility li,
#accessibilityTool ul,
#accessibilityTool li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#globalNavi .accessibility ul,
#accessibilityTool ul ul {
  gap: 4px;
}

#globalNavi .accessibility .fontSize,
#globalNavi .accessibility .themeColor,
#accessibilityTool .fontSize,
#accessibilityTool .themeColor {
  padding: 5px 8px;
  border-radius: 4px;
  background-color: var(--main-color-2);
}

#globalNavi .accessibility a,
#globalNavi .accessibility .fontSize span,
#globalNavi .accessibility .themeColor span,
#accessibilityTool a,
#accessibilityTool .fontSize span,
#accessibilityTool .themeColor span {
  display: inline-block;
  line-height: 1;
  padding: 4px 3px;
  border: 1px solid transparent;
}

#globalNavi .accessibility .fontSize span,
#globalNavi .accessibility .themeColor span,
#accessibilityTool .fontSize span,
#accessibilityTool .themeColor span {
  margin-right: 4px;
}

#accessibilityTool .nocssread a {
  padding-left: 12px;
  background: url("./images/arrow_anchor.svg") no-repeat left center;
}

#globalNavi .accessibility .fontSize a,
#globalNavi .accessibility #themeWhite,
#accessibilityTool .fontSize a,
#accessibilityTool #themeWhite {
  border-color: var(--mono-color-2);
  background-color: var(--mono-color-9);
}

#accessibilityTool li.nocssread {
  margin-right: 1em;
}

#globalNavi .accessibility #themeYellow,
#accessibilityTool #themeYellow {
  background-color: #ff0;
}

#globalNavi .accessibility #themeBlack,
#globalNavi .accessibility #themeBlue,
#accessibilityTool #themeBlack,
#accessibilityTool #themeBlue {
  color: #fff;
}

#globalNavi .accessibility #themeBlack,
#accessibilityTool #themeBlack {
  background-color: #000;
}

#globalNavi .accessibility #themeBlue,
#accessibilityTool #themeBlue {
  background-color: #00f;
}

#globalNavi .accessibility #navigationRuby,
#globalNavi .accessibility #navigationTalk,
#accessibilityTool #navigationRuby,
#accessibilityTool #navigationTalk {
  padding: 9px 8px 9px 24px;
  border: 1px solid var(--mono-color-2);
  border-radius: 4px;
}

#globalNavi .accessibility #navigationRuby,
#accessibilityTool #navigationRuby {
  background: var(--mono-color-9) url("./images/ic-navigationruby.svg") no-repeat 8px center;
}

#globalNavi .accessibility #navigationTalk,
#accessibilityTool #navigationTalk {
  background: var(--mono-color-9) url("./images/ic-navigationtalk.svg") no-repeat 8px center;
}

#navigationNotice,
#navigationTalkCreatingFileNotice {
  padding: 0 10px;
}

#navigationTalkCreatingFileNotice {
  line-height: normal;
}

#accessibilityTool .close {
  display: none;
}

@media screen and (max-width: 960px) {
  #globalNavi .accessibility {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
  }

  #globalNavi .accessibility li {
    justify-content: center;
  }

  #globalNavi .accessibility .fontSize,
  #globalNavi .accessibility .themeColor {
    display: flex;
    flex-wrap: wrap;
    margin: 0 10px 15px;
  }

  #globalNavi .accessibility .fontSize span,
  #globalNavi .accessibility .themeColor span {
    width: 7em;
    margin-right: 0;
  }

  #globalNavi .accessibility .ruby,
  #globalNavi .accessibility .talk {
    display: inline-block;
    margin-bottom: 15px;
  }

  #globalNavi .accessibility {
    border-bottom: 1px dotted var(--mono-color-3);
  }
}

/* smartMenu
----------------------------------------------- */
#container {
  overflow-x: hidden;
}

#smartMenu {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10000;
}

#smartMenu ul {
  display: flex;
  gap: 5px;
}

#smartMenu li button,
#smartMenu li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  color: var(--mono-color-1);
  font-size: 0.875rem;
  text-align: center;
}

#smartMenu li button.globalNavi {
  padding-top: 15px;
  background: url("./images/ic-menu.svg") no-repeat center top;
  white-space: nowrap;
}

#smartMenu li button.search {
  background: url("./images/ic-search.svg") no-repeat center top / auto 60%;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

#smartMenu li button.active {
  background: url("./images/ic-close.svg") no-repeat center top;
}

@media screen and (max-width: 960px) {
  #container {
    overflow-y: hidden;
  }

  #smartMenu {
    display: block;
  }

  #accessibilityTool h2,
  #globalNavi h2 {
    display: none;
  }
}

/* common-header
----------------------------------------------- */
#headerGroup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -16px;
}

#commonHeader h1 a {
  display: block;
}

#search-container {
  display: flex;
  align-items: center;
}

#search-container .menu {
  display: flex;
  gap: 20px;
}

#globalNavi .sitemap a,
#search-container .sitemap a {
  display: inline-block;
  margin-left: 8px;
  padding-left: 52px;
  background: url("./images/ic-sitemap.svg") no-repeat right 6.5em center;
  text-align: right;
}

#globalNavi .city a,
#search-container .city a {
  display: inline-block;
  padding-left: 25px;
  background: url("./images/ic-city.png") no-repeat left center;
}

#globalNavi .accessibility,
#globalNavi .menu,
#globalNavi .close {
  display: none;
}

@media screen and (max-width: 960px) {

  #headerGroup,
  .top #headerNaviGroup {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }

  #pageHeader {
    padding: 0;
  }

  #commonHeader {
    padding: 5px 110px 0 5px;
  }

  #accessibilityTool,
  #search-container,
  #search-container .sitemap,
  #search-container .city {
    display: none;
  }

  #globalNavi .menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px 0 50px;
    text-align: center;
  }

  #globalNavi .sitemap a,
  #globalNavi .city a {
    margin: 0;
    padding-left: 25px;
    background-position: left center;
  }
}

/* joruri-search-box
---------------------- */
.criteriaBox .criteriaBasic {
  width: 265px;
}

.criteriaBox .criteriaBasic,
.criteriaBox .criteriaKeyword {
  background: none;
}

.criteriaBox .criteriaKeyword {
  display: flex;
  position: relative;
  justify-content: flex-end;
  font-weight: 500;
}

.criteriaBox .criteriaKeyword::after {
  content: "検索";
  display: flex;
  align-items: center;
  position: absolute;
  right: 1em;
  top: 0;
  height: 100%;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.criteriaBox .criteriaKeyword>*+* {
  margin-left: 12px;
}

.criteriaBox .criteriaKeyword .keyword {
  width: 100%;
  height: auto;
  border: 0;
}

.criteriaBox .criteriaKeyword .keyword:focus {
  outline: none;
}

.criteriaBox .criteriaKeyword input[type="submit"][name="commit"] {
  flex-basis: 90px;
  margin: 0;
  padding: 0;
  background: var(--mono-color-2) url("./images/ic-search.svg") no-repeat 15px center;
  border: 0;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}

/* Firefox */
@supports (-moz-appearance: none) {
  .criteriaBox .criteriaKeyword input[type="submit"][name="commit"] {
    flex-basis: 140px;
  }
}

.criteriaBox .criteriaKeyword input[name="clear"] {
  flex-basis: 32px;
  background-color: var(--mono-color-9);
  border-style: none;
  color: #90caf9;
  outline: none;
  position: absolute;
  right: 90px;
  top: calc(50% - 12px);
  width: 32px;
}

.criteriaBox .criteriaKeyword input[name="clear"]:hover {
  color: #0172C0;
}

.criteriaBox .criteriaKeyword .keywordDescription {
  display: none;
}

.criteriaBox .criteriaKeyword .keywordField {
  display: inherit;
  border: 1px solid var(--mono-color-2);
  border-radius: 4px 0 0 4px;
  background-color: var(--mono-color-9);
  overflow: hidden;
}

.criteriaBox #criteria_keyword {
  border-style: none;
  border-radius: 0;
}

.criteriaBox #criteria_keyword:focus {
  outline: none;
}

@media screen and (max-width: 959px) {
  .headerMenu {
    width: 100%;
  }

  #search-container {
    padding: 40px 20px 50px;
    background: url("./images/decorativeborders-re.png") repeat-x left bottom;
  }

  .criteriaBox .criteriaBasic {
    width: 100%;
  }

  .criteriaBox .criteriaKeyword {
    justify-content: flex-start;
  }

  .criteriaBox .criteriaKeyword .keywordField {
    flex-basis: 100%;
  }

  .criteriaBox .criteriaKeyword input[type="submit"][name="commit"] {
    flex-basis: 110px;
  }
}

/* global-navi
----------------------------------------------- */
#globalNavi .navi {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 0 60px;
  padding-bottom: 50px;
  font-weight: bold;
}

.top #globalNavi .navi {
  padding-bottom: 20px;
}

#globalNavi .navi li {
  margin: 0 -1em;
}

#globalNavi .navi li a {
  display: block;
  padding: 45px 0 0;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
}

#globalNavi .navi li.news a {
  background-image: url("./images/navi_oshirase.png");
  background-position: center 10px;
}

#globalNavi .navi li.mokuteki a {
  background-image: url("./images/navi_mokuteki.png");
  background-position: center 10px;
}

#globalNavi .navi li.lifestage a {
  background-image: url("./images/navi_life.png");
}

#globalNavi .navi li.map a {
  background-image: url("./images/navi_map.png");
}

#globalNavi .navi li.faq a {
  background-image: url("./images/navi_faq.png");
  background-position: center 5px;
}

#globalNavi .navi li a span {
  display: inline-block;
  padding: 6px 1em;
}

#globalNavi .navi li a.cur span,
#globalNavi .navi li a:hover span,
#globalNavi .navi li a:focus span {
  background: url("./images/navi-hover.png") no-repeat left top;
  text-decoration: none;
}

@media screen and (max-width: 960px) {
  #globalNavi {
    padding: 0 25px;
    background: url("./images/decorativeborders-re.png") repeat-x left bottom;
  }

  #globalNavi .pieceBody {
    display: none;
  }

  #globalNavi .navi,
  .top #globalNavi .navi {
    flex-wrap: wrap;
    padding-bottom: 0;
  }

  #globalNavi .navi li {
    flex-basis: 100%;
    margin: 0;
  }

  #globalNavi .navi li a {
    padding: 20px 0 20px 80px;
    border-bottom: 1px dotted var(--mono-color-3);
    background-size: 30px auto;
    font-size: 1.25rem;
    text-align: left;
  }

  #globalNavi .navi li a,
  #globalNavi .navi li.faq a {
    background-position: left center;
  }

  #globalNavi .navi li.news a,
  #globalNavi .navi li.mokuteki a,
  #globalNavi .navi li.map a {
    background-position: 15px center;
  }

  #globalNavi .navi li.lifestage a,
  #globalNavi .navi li.faq a {
    background-size: 50px auto;
  }

  #globalNavi .navi li a:hover,
  #globalNavi .navi li a:focus {
    text-decoration: none;
  }

  #globalNavi .navi li a span {
    display: block;
    padding: 0;
  }

  #globalNavi .navi li a.cur span,
  #globalNavi .navi li a:hover span,
  #globalNavi .navi li a:focus span {
    background-size: contain;
  }

  #globalNavi .accessibility {
    display: block;
  }
}

/* menu-trigger
----------------------------------------------- */
#container {
  position: relative;
}

.menu-trigger {
  display: none;
  position: absolute;
  cursor: pointer;
}

.menu-trigger {
  top: 20px;
  right: 25px;
}

@media screen and (max-width: 960px) {

  .menu-trigger,
  .menu-trigger span:not(:last-child) {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }

  .menu-trigger {
    width: 42px;
    height: 40px;
  }

  .menu-trigger span:not(:last-child) {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    border-radius: 6px;
    background-color: #0172c0;
  }

  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }

  .menu-trigger span:nth-of-type(2) {
    top: 16px;
  }

  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }

  .menu-trigger.active span:nth-of-type(1) {
    transform: translateY(16px) rotate(-45deg);
  }

  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }

  .menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-16px) rotate(45deg);
  }

  .menu-trigger span:last-child {
    position: absolute;
    left: calc(50% - 2em);
    bottom: -1.5em;
    font-size: 60%;

    white-space: nowrap;
  }
}

/* slick
----------------------------------------------- */
#kosodateSlider .pieceBody {
  padding-bottom: 98px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 -8px;
  padding: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track::after {
  content: "";
  clear: both;
  display: block;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  margin: 0 8px;
  text-align: center;
}

.slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.slick-slide.slick-loading img {
  display: none;
  width: auto;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url('../images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 100%;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 66px;
  height: 66px;
  margin-top: -33px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.slick-prev {
  background-image: url('./images/ic-slider_prev.svg');
}

.slick-next {
  background-image: url('./images/ic-slider_next.svg');
}

.slick-prev {
  left: calc(50% - 680px);
}

.slick-next {
  right: calc(50% - 680px);
}

/* Control */
.slick-control {
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  gap: 24px;
  margin-top: 17px;
}

.slick-control.is-visible {
  display: flex;
}

#slick-stop {
  display: block;
  width: 12px;
  height: 16px;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: 0;
  background: url("./images/ic-slider_start.svg") no-repeat center center;
  text-indent: 12px;
  white-space: nowrap;
  overflow: hidden;
  outline: none;
}

#slick-stop.active {
  background-image: url("./images/ic-slider_stop.svg");
}

/* Dots */
/*
.slick-dotted.slick-slider {}
*/
.slick-dots {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  list-style: none;
  line-height: 1;
  margin: -2px 0 0;
  padding: 0;
}

.slick-dots li {
  position: relative;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url("./images/slick-dots01.svg") no-repeat left top;
  text-indent: 12px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  background-image: url("./images/slick-dots02.svg");
}

/* container */
ul.slick {
  visibility: hidden;
}

@media screen and (max-width: 960px) {
  #kosodateSlider .pieceBody {
    padding: 15px 20px 60px;
  }

  .slick-slide img {
    height: auto;
  }

  .slick-prev,
  .slick-next {
    width: 33px;
    height: 33px;
    margin-top: -16.5px;
    background-size: contain;
  }

  .slick-prev {
    left: -16.5px;
  }

  .slick-next {
    right: -16.5px;
  }

  .slick-control {
    gap: 20px;
    margin-top: 10px;
  }

  .slick-dots {
    gap: 20px;
  }
}

/* categoryTab
----------------------------------------------- */
#categoryTab {
  margin-bottom: 110px;
}

/* ラジオボタンを非表示に */
#categoryTab input[type="radio"] {
  display: none;
}

/* タブのエリア */
.tab-labels {
  display: flex;
  gap: 10px;
  margin: 0 50px;
}

.tab-label {
  flex-grow: 1;
  padding: 18px 0;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.tab-label:first-child {
  background-color: var(--category-mokuteki-color);
}

.tab-label:nth-child(2) {
  background-color: var(--category-lifestage-color);
}

.tab-label:last-child {
  background-color: var(--category-map-color);
}

/* コンテンツのエリア */
.tab-content {
  display: none;
  padding: 50px;
  border-radius: 10px;
}

#tab1:checked~.tab-contents #content1,
#tab2:checked~.tab-contents #content2,
#tab3:checked~.tab-contents #content3 {
  display: block;
}

#content1 {
  background-color: var(--category-mokuteki-color);
}

#content2 {
  background-color: var(--category-lifestage-color);
}

#content3 {
  background-color: var(--category-map-color);
}

.tab-content .level1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}

.tab-content .level1>* {
  flex-basis: 263px;
}

.tab-content .level1 h3 {
  height: 100%;
}

.tab-content:not(#content3) a {
  display: block;
  height: 100%;
  min-height: 240px;
  padding: 190px 0 6px;
  border: 4px solid transparent;
  border-radius: 10px;
  background-color: var(--mono-color-9);
  background-repeat: no-repeat;
  background-position: center 30%;
  background-size: auto 160px;
  text-align: center;
}

.tab-content a:hover,
.tab-content a:focus {
  text-decoration: none;
}

#content1 a:hover,
#content1 a:focus {
  border-color: var(--category-mokuteki-hover-color);
}

#content2 a:hover,
#content2 a:focus {
  border-color: var(--category-lifestage-hover-color);
}

/* category
----------------------------------------------- */
.tab-content .teate_josei a {
  background-image: url("./images/teate_josei.webp");
}

.tab-content .ninshin_shussan a {
  background-image: url("./images/ninshin_shussan.webp");
}

.tab-content:not(#content3) .kenshin_yobosesshu a {
  background-image: url("./images/kenshin_yobosesshu.webp");
  background-position: center 40%;
  background-size: auto 124px;
}

.tab-content .hoiku_gakudo_other a {
  background-image: url("./images/hoiku_gakudo_other.webp");
}

.tab-content .asobiba a {
  background-image: url("./images/asobiba.webp");
}

.tab-content .kosodate_sodan a {
  background-image: url("./images/kosodate_sodan.webp");
}

.tab-content .hitorioya_shien a {
  background-image: url("./images/hitorioya_shien.webp");
}

.tab-content .hattatsu_sodan a {
  background-image: url("./images/hattatsu_sodan.webp");
}

.tab-content .age0 a {
  background-image: url("./images/age0.webp");
}

.tab-content .age1-2 a {
  background-image: url("./images/age1-2.webp");
}

.tab-content .age3-5 a {
  background-image: url("./images/age3-5.webp");
}

.tab-content .elementary-school a {
  background-image: url("./images/elementary-school.webp");
}

.tab-content:not(#content3) .junior-high-school a {
  background-image:
    url("./images/junior-high-school_boy.webp"),
    url("./images/junior-high-school_girl.webp");
  background-position: 10px 30%, right 10px top 30%;
}

.tab-content:not(#content3) .high-school a {
  background-image:
    url("./images/high-school_boy.webp"),
    url("./images/high-school_girl.webp");
  background-position: 5px 30%, right 5px top 30%;
}

@media screen and (max-width: 960px) {
  #categoryTab {
    margin-bottom: 45px;
  }

  .tab-labels {
    gap: 5px;
    margin: 0 20px;
  }

  .tab-label {
    padding: 13px 0;
    border-radius: 4px 4px 0 0;
    font-size: 1rem;
  }

  .tab-content {
    padding: 25px;
    border-radius: 0;
  }

  .tab-content .level1 {
    align-items: stretch;
    gap: 10px;
  }

  .tab-content .level1>* {
    flex-basis: calc(50% - 5px);
  }

  .tab-content:not(#content3) a {
    min-height: 140px;
    padding-top: 115px;
    background-size: auto 100px;
    font-size: 1rem;
  }

  .tab-content:not(#content3) .kenshin_yobosesshu a {
    background-size: auto 70px;
  }

  .tab-content:not(#content3) .hoiku_gakudo_other a {
    font-size: 0.9rem;
  }
}

/* areaMap
----------------------------------------------- */
#areaMap {
  padding: 50px 0;
  background-color: var(--mono-color-9);
  text-align: center;
}

#areaMap .pieceBody {
  display: inline-block;
  position: relative;
}

#areaMap .label li a {
  display: inline-block;
  position: absolute;
  padding: 6px 20px 6px 30px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: 0.75em center;
}

#areaMap .label li.east a {
  top: 50%;
  right: -6%;
  background-color: var(--area-east-color);
  background-image: url("./images/arrow_east.svg");
}

#areaMap .label li.west a {
  top: 55%;
  left: 21%;
  background-color: var(--area-west-color);
  background-image: url("./images/arrow_west.svg");
}

#areaMap .label li.south a {
  bottom: 11%;
  left: 35%;
  background-color: var(--area-south-color);
  background-image: url("./images/arrow_south.svg");
}

#areaMap .label li.north a {
  top: 25%;
  left: 25%;
  background-color: var(--area-north-color);
  background-image: url("./images/arrow_north.svg");
}

#areaMap a:hover,
#areaMap a:focus {
  text-decoration: none;
}

@media screen and (max-width: 960px) {
  #areaMap {
    padding: 25px;
  }

  #areaMap .label li a {
    padding: 3px 10px 3px 20px;
    background-position: 0.5em center;
    font-size: 0.9rem;
  }

  #areaMap .label li.north a {
    top: 20%;
  }

  #areaMap .label li.west a {
    left: 5%;
  }
}

/* recent-docs
----------------------------------------------- */
#recentDocsTab {
  margin-bottom: 82px;
}

#recentDocsTab .pieceContainer {
  display: flex;
  gap: 30px;
}

#recentDocsTab .pieceHeader {
  position: relative;
  flex-basis: 300px;
  padding: 20px;
  border-radius: 10px;
  background: url("./images/background.webp");
}

#recentDocsTab .pieceHeader::after {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 100%;
  height: 116px;
  background: url("./images/ic-news.webp") no-repeat right bottom / auto 116px;
}

#recentDocsTab .pieceBody {
  flex-basis: calc(100% - 330px);
}

#recentDocsTab .tabs {
  display: none;
}

.docs ul {
  margin-bottom: 1.5rem;
}

.content li,
.docs li {
  padding: 17px 0;
  border-bottom: 1px dotted var(--mono-color-3);
}

.content li .title_link,
.docs li .title_link {
  margin-right: 1em;
}

.content li span[class$="date"],
.docs li span[class$="date"] {
  color: var(--mono-color-4);
}

.links>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 0;
}

.contentGpCategory .feed,
.contentGpArticleDocs .feed,
.links .feed {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-left: 35px;
  background: url("./images/ic-rss.png") no-repeat left center;
}

.contentGpCategory,
.contentGpArticleDocs {
  position: relative;
}

.contentGpCategory .feed,
.contentGpArticleDocs .feed {
  position: absolute;
  right: 0;
  top: -3.5em;
}

.contentGpCategoryCategoryType .more a,
.contentGpCategory .docs .more,
.links .more a {
  display: inline-block;
  padding: 6px 28px 6px 38px;
  border-radius: 4px;
  background: var(--mono-color-5) url("./images/arrow_more.svg") no-repeat 21px center;
}

.contentGpCategoryCategoryType .more,
.contentGpCategory .docs div:has(.more) {
  margin-bottom: 1.5rem;
  text-align: right;
}

.contentGpCategoryCategoryType .more a:hover,
.contentGpCategoryCategoryType .more a:focus,
.contentGpCategory .docs .more:hover,
.contentGpCategory .docs .more:focus,
.links .more a:hover,
.links .more a:focus {
  text-decoration: none;
  opacity: 0.75;
}

@media screen and (max-width: 960px) {
  #recentDocsTab {
    margin: 0 25px 50px;
  }

  #recentDocsTab .pieceContainer {
    gap: 0;
    flex-wrap: wrap;
  }

  #recentDocsTab .pieceHeader,
  #recentDocsTab .pieceBody {
    flex-basis: 100%;
  }

  #recentDocsTab .pieceHeader {
    padding: 15px;
    border-radius: 10px;
  }

  #recentDocsTab .pieceHeader::after {
    background-size: auto 70px;
  }

  .content li span[class$="date"],
  .docs li span[class$="date"] {
    display: inline-block;
  }
}

/* topicsBanner
----------------------------------------------- */
#topicsBanner {
  padding-bottom: 148px;
}

#topicsBanner h2 {
  margin-bottom: 7px;
  padding: 16px 70px;
  background: url("./images/ic-topics.webp") no-repeat left center / auto 64px;
}

#topicsBanner ul {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

#topicsBanner li img {
  object-fit: contain;
}

@media screen and (max-width: 960px) {
  #topicsBanner {
    padding: 0 25px 75px;
  }

  #topicsBanner ul {
    flex-wrap: wrap;
  }

  #topicsBanner li {
    flex-basis: calc(50% - 9px);
  }
}

@media screen and (max-width: 480px) {
  #topicsBanner li {
    flex-basis: 100%;
  }

  #topicsBanner li img {
    width: 100%;
  }
}

/* commonFooter
----------------------------------------------- */
#pageFooter {
  position: relative;
  background-image:
    url("./images/footer-decorative_borders01.svg"),
    url("./images/decorativeborders-re.png"),
    url("./images/background.webp");
  background-position: center top, left bottom, left top;
  background-repeat: repeat-x, repeat-x, repeat;
  font-size: 1rem;
  text-align: center;
}

#pageFooter::after {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: calc(50% - 44.5px);
  width: 89px;
  height: 63px;
  background: url("./images/footer-ribbon.png") no-repeat left top;
}

#commonFooter {
  padding: 60px 0 30px;
}

#commonFooter h2 {
  margin-bottom: 15px;
}

#commonFooter .tel {
  display: flex;
  justify-content: center;
  text-align: left;
}

#commonFooter .address span:first-child {
  margin-right: 1em;
}

@media screen and (max-width: 960px) {
  #commonFooter {
    padding: 60px 20px 40px;
    font-size: 0.875rem;
  }

  #commonFooter .address span {
    display: inline-block;
  }
}

@media screen and (max-width: 480px) {
  #commonFooter .tel {
    display: block;
    white-space: nowrap;
  }
}

/* footerNavi
----------------------------------------------- */
#footerNavi {
  margin-bottom: 30px;
}

#footerNavi ul {
  display: flex;
  justify-content: center;
}

#footerNavi li {
  line-height: 1;
  padding: 0 1em;
}

#footerNavi li:not(:last-child) {
  border-right: 1px solid var(--mono-color-1);
}

@media screen and (max-width: 960px) {
  #footerNavi ul {
    gap: 1em;
    flex-wrap: wrap;
  }

  #footerNavi li {
    flex-basis: 100%;
  }

  #footerNavi li,
  #footerNavi li:not(:last-child) {
    line-height: normal;
    padding: 0;
    border: 0;
  }
}

/* copyright
----------------------------------------------- */
#copyright {
  padding: 50px 0 60px;
  background: url("./images/footer.png") no-repeat 50% top;
}

/* sideMenu
----------------------------------------------- */
#sideMenu {
  margin-top: 28px;
}

#sideMenu h2 {
  padding: 16px 14px;
  border-radius: 10px;
  background: url("./images/background.webp");
  font-size: 1.25rem;
}

#sideMenu li a {
  display: block;
  padding: 17px 0 17px 17px;
  border-bottom: 1px dotted var(--mono-color-3);
  background: url("./images/sidemenu-icon.png") no-repeat left 1.5em;
}

@media screen and (max-width: 960px) {
  #sideMenu {
    margin: 0 0 70px;
  }
}

/* =========================================================
   doc
========================================================= */
/* CKEditor templates
----------------------------------------------- */
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

.temp1,
.temp2,
.temp3,
.temp4 {
  margin-bottom: 1rem;
}

.body table p {
  text-indent: 0;
  word-break: break-all;
}

.temp1 .thumb {
  float: left;
  position: relative;
  margin: 0 1.25rem 1.25rem 0;
  z-index: 1;
}

.temp1 ul,
.temp1 ol {
  display: inline-block;
  vertical-align: top;
}

.temp2 .thumb {
  float: right;
  position: relative;
  margin: 0 0 1.25rem 1.25rem;
  z-index: 1;
}

.temp3,
.temp4 {
  display: flex;
  align-items: flex-end;
  margin: 0 0 2em;
  text-align: center;
}

.temp3 dl,
.temp4 dl {
  margin: 0 1em 0 0;
  padding: 0;
}

.temp3 dl {
  flex-basis: calc(50% - 0.5em);
}

.temp4 dl {
  flex-basis: calc((100% - 2em) / 3);
}

.temp3 dl:nth-child(even),
.temp4 dl:nth-child(3n) {
  margin-right: 0;
}

.temp3 dl dt,
.temp4 dl dt {
  margin-bottom: 1rem;
}

.temp3 dl dd,
.temp4 dl dd {
  margin: 0;
}

.temp5 th,
.temp6 th,
.temp5 td,
.temp6 td {
  text-align: center;
}

.adobeReader,
.temp7 {
  padding: 10px 20px 10px 196px;
  border: 1px solid #faa;
  background: #fff3f3 url("../images/adobe_bn.png") no-repeat 20px center;
}

.temp7 {
  margin: 0 0 1rem;
}

.adobeReader p,
.temp7 p {
  margin: 0;
  padding: 0;
}

.adobeReader a,
.temp7 a {
  text-decoration: underline;
}

.adobeReader a:hover,
.temp7 a:hover,
.adobeReader a:focus,
.temp7 a:focus {
  text-decoration: none;
}

@media screen and (max-width: 960px) {

  .body img,
  .cke_editable img {
    width: auto !important;
    height: auto !important;
  }

  .temp1 .thumb,
  .temp2 .thumb {
    float: none;
    margin: 0 0 1rem;
    text-align: center;
  }

  .temp3,
  .temp4 {
    flex-wrap: wrap;
  }

  .temp3 dl,
  .temp4 dl {
    flex-basis: 100%;
    margin: 0 0 1em;
  }

  .adobeReader,
  .temp7 {
    padding: 55px 20px 10px;
    background-position: center 10px;
  }
}

/* .body
----------------------------------------------- */
#pageTitle h1,
.body h1,
.cke_editable h1 {
  padding-bottom: 20px;
  background: url("./images/h1_1.svg") no-repeat left bottom;
  font-size: 2.25rem;
}

.col2 #pageTitle h1 {
  background-image: url("./images/h1_2.svg");
}

.contentGpArticleDoc .docNo,
.contentGpArticleDoc .date {
  font-size: 1rem;
  text-align: right;
}

body[class^="dir-kosodate-faq"] .contentGpArticleDoc .date {
  display: none;
}

.contentGpArticleDoc>div:not(.docNo):not(:last-child),
.contentPage>div:not(.adobeReader),
.col2 #pageTitle h1 {
  margin-bottom: 3rem;
}

.contentGpCategoryCategoryTypes h2,
.contentGpCategoryCategoryType h2,
.contentGpCategoryCategory h2,
.body h2,
.body h3,
.body h4,
.body h5,
.body h6,
.maps h2,
.maps h3,
.rels h2,
.tags h2,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_editable h5,
.cke_editable h6 {
  margin-bottom: 1rem;
}

.body p+h2,
.body p+h3,
.body p+h4,
.body p+h5,
.body p+h6,
.body ul+h2,
.body ol+h2,
.body ul+h3,
.body ol+h3,
.body ul+h4,
.body ol+h4,
.body ul+h5,
.body ol+h5,
.body ul+h6,
.body ol+h6,
.body p+ul,
.body .scroll+h2,
.body .scroll+h3,
.body .scroll+h4,
.body .scroll+h5,
.body .scroll+h6,
.cke_editable p+h2,
.cke_editable p+h3,
.cke_editable p+h4,
.cke_editable p+h5,
.cke_editable p+h6,
.cke_editable ul+h2,
.cke_editable ol+h2,
.cke_editable ul+h3,
.cke_editable ol+h3,
.cke_editable ul+h4,
.cke_editable ol+h4,
.cke_editable ul+h5,
.cke_editable ol+h5,
.cke_editable ul+h6,
.cke_editable ol+h6,
.cke_editable p+ul,
.cke_editable .scroll+h2,
.cke_editable .scroll+h3,
.cke_editable .scroll+h4,
.cke_editable .scroll+h5,
.cke_editable .scroll+h6,
.body .scroll:not(:first-child) table,
.cke_editable table:not(:first-child) {
  margin-top: 1.5rem;
}

.sitemap a.level1,
.contentGpCategoryCategoryTypes h2,
.contentGpCategoryCategoryType h2,
.contentGpCategoryCategory h2,
.body h2,
.maps h2,
.rels h2,
.tags h2,
.cke_editable h2 {
  padding: 14px;
  border-radius: 10px;
  background: url("./images/background.webp");
  font-size: 1.75rem;
}

/* アコーディオンメニュー */
.contentGpCategoryCategory .docs section h2 {
  position: relative;
  cursor: pointer;
}

.contentGpCategoryCategory .docs section h2::after {
  content: "";
  position: absolute;
  right: 14px;
  top: calc(50% - 12px);
  width: 40px;
  height: 24px;
  background: url("./images/arrow_more.svg") no-repeat center center / contain;
  transform: rotate(90deg);
}

.contentGpCategoryCategory .docs section h2.active::after {
  transform: rotate(270deg);
}

.contentGpCategoryCategory .docs section h2+ul {
  display: none;
}

.sitemap a.level1,
.sitemap a.level2,
.sitemap a.level3,
.sitemap a.level4 {
  margin-bottom: 1rem;
}

.contentGpCategoryCategoryType .categoryType .children,
.contentGpCategory .categories {
  margin-bottom: 2rem;
}

.sitemap a.level2,
.contentGpCategoryCategoryType .categoryType .children li,
.contentGpCategory .categories li,
.body h3,
.maps h3,
.cke_editable h3 {
  position: relative;
  padding: 7px 0 7px 42px;
  border-bottom: 4px solid var(--main-color-4);
  background: url("./images/h3-icon.png") no-repeat left center;
  font-size: 1.625rem;
}

.sitemap a.level2::after,
.contentGpCategoryCategoryType .categoryType .children li::after,
.contentGpCategory .categories li::after,
.body h3::after,
.maps h3::after,
.cke_editable h3::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 260px;
  height: 4px;
  background-color: var(--main-color-3);
}

.sitemap a,
.contentGpCategoryCategoryTypes h2 a,
.contentGpCategoryCategoryType h2 a,
.contentGpCategoryCategoryType .categoryType .children a,
.contentGpCategory .categories a {
  display: block;
}

.sitemap a.level3,
.body h4,
.cke_editable h4 {
  padding: 7px 0;
  border-bottom: 2px solid var(--mono-color-5);
  font-size: 1.5rem;
}

.sitemap a.level4,
.body h5,
.cke_editable h5 {
  line-height: 1;
  padding: 1px 0 1px 7px;
  border-left: 4px solid var(--main-color-7);
  font-size: 1.375rem;
}

.sitemap a.level5,
.body h6,
.cke_editable h6 {
  display: inline-block;
  position: relative;
  line-height: 1;
  font-size: 1.125rem;
}

.inquiry {
  border: 1px solid var(--mono-color-8);
}

.inquiry h2 {
  padding: 7px 20px;
  background-color: var(--mono-color-7);
  font-size: 1.625rem;
}

.inquiry address {
  padding: 10px 20px;
}

.inquiry a {
  text-decoration: underline;
}

.inquiry a:hover,
.inquiry a:focus {
  text-decoration: none;
}

.body p,
.cke_editable p {
  line-height: 2;
  margin-bottom: 1rem;
}

.body p+p,
.cke_editable p+p {
  margin-top: 1rem;
}

.body ul,
.cke_editable ul,
.body ol,
.cke_editable ol {
  margin-bottom: 1rem;
}

.body ol,
.cke_editable ol {
  list-style-type: decimal;
  margin-left: 1.5rem;
}

.body li,
.cke_editable li {
  line-height: 2;
}

.body ul:not(.anchor).asterisk,
.body ul:not(.anchor).diamond,
.body ul:not(.anchor).square,
.cke_editable ul:not(.anchor).asterisk,
.cke_editable ul:not(.anchor).diamond,
.cke_editable ul:not(.anchor).square {
  list-style: none;
  margin-left: 0;
}

.body p.asterisk::before,
.body ul.asterisk li::before,
.cke_editable p.asterisk::before,
.cke_editable ul.asterisk li::before {
  content: "※";
}

.body p.diamond::before,
.body ul.diamond li::before,
.cke_editable p.diamond::before,
.cke_editable ul.diamond li::before {
  content: "◆";
}

.body p.square::before,
.body ul.square li::before,
.cke_editable p.square::before,
.cke_editable ul.square li::before {
  content: "■";
}

.body p.asterisk,
.body ul.asterisk li,
.body p.diamond,
.body ul.diamond li,
.body p.square,
.body ul.square li,
.cke_editable p.asterisk,
.cke_editable ul.asterisk li,
.cke_editable p.diamond,
.cke_editable ul.diamond li,
.cke_editable p.square,
.cke_editable ul.square li {
  padding-left: 1em;
  text-indent: -1em;
}

.body ul:not([type]):not(.asterisk):not(.diamond):not(.square) li::before,
.cke_editable ul:not([type]):not(.asterisk):not(.diamond):not(.square) li::before {
  content: "・";
}

.body ul:not([type]):not(.asterisk):not(.diamond):not(.square) ol li::before,
.cke_editable ul:not([type]):not(.asterisk):not(.diamond):not(.square) ol li::before {
  content: "";
}

.body ul>li,
.cke_editable ul>li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
}

.body ul>li>p,
.cke_editable ul>li>p {
  text-indent: 0;
}

.body ul>li>div,
.cke_editable ul>li>div {
  display: inline;
}

.body ol>li,
.cke_editable ol>li {
  padding: 0;
  background: none;
  text-indent: 0;
}

.body a,
.cke_editable a {
  text-decoration: underline;
}

.body a:hover,
.cke_editable a:hover,
.body a:focus,
.cke_editable a:focus {
  text-decoration: none;
}

.body a.iconFile,
.cke_editable a.iconFile {
  text-decoration: none;
}

.body a.iconFile:hover,
.cke_editable a.iconFile:hover,
.body a.iconFile:focus,
.cke_editable a.iconFile:focus {
  text-decoration: underline;
}

.body table,
.cke_editable table,
.body th,
.cke_editable th,
.body td,
.cke_editable td {
  border: 1px solid var(--mono-color-6);
}

.body table,
.cke_editable table {
  margin-bottom: 2rem;
}

.body th,
.cke_editable th,
.body td,
.cke_editable td {
  line-height: 2;
  padding: 8px 15px;
  vertical-align: middle;
}

.body th,
.cke_editable th {
  background-color: var(--main-color-6);
  font-weight: 500;
}

.body thead th,
.cke_editable thead th {
  text-align: center;
}

@media screen and (max-width: 960px) {

  .contentGpArticleDoc>div:not(.docNo):not(:last-child),
  .contentPage>div:not(.adobeReader),
  .col2 #pageTitle h1 {
    margin-bottom: 1.5rem;
  }

  .body p+*:not(p):not(div),
  .cke_editable p+*:not(p):not(div),
  .body .scroll:not(:first-child) table,
  .cke_editable table:not(:first-child) {
    margin-top: 1.5rem;
  }
}

/* breadCrumbs
----------------------------------------------- */
#breadCrumbs {
  margin: 7px auto 20px;
  font-size: 1rem;
}

#breadCrumbs ol,
#breadCrumbs li {
  list-style: none;
}

#breadCrumbs li {
  display: inline-block;
}

#breadCrumbs li:not(:first-child)::before {
  content: ">";
  margin: 0 5px;
}

@media screen and (max-width: 960px) {
  #breadCrumbs {
    display: none;
  }
}

/* back
----------------------------------------------- */
.back {
  margin: 90px 0 135px;
  text-align: center;
}

.back a {
  display: inline-block;
  padding: 6px 23px 6px 33px;
  border-radius: 4px;
  background: var(--mono-color-5) url("./images/arrow_back.svg") no-repeat 15px center;
}

.back a:hover,
.back a:focus {
  text-decoration: none;
  opacity: 0.75;
}

@media screen and (max-width: 960px) {
  .back {
    margin: 50px 0 70px;
  }
}

/* pagination
----------------------------------------------- */
.pagination {
  display: flex;
  justify-content: center;
  margin: 2rem 0 0;
  text-align: center;
}

.upperPagination {
  margin: 0 0 1rem;
}

.lowerPagination {
  margin: 1rem 0 0;
}

.pagination a,
.pagination em,
.pagination span {
  display: inline-block;
  padding: 0 6px;
  font-style: normal;
  vertical-align: middle;
}

.pagination .current {
  font-weight: bold;
}

/* responsive table
----------------------------------------------- */
@media screen and (max-width: 960px) {
  .scroll {
    width: calc(100vw - 67px);
    margin-bottom: 1rem;
    overflow: auto;
  }

  .scroll::-webkit-scrollbar {
    height: 15px;
  }

  .scroll::-webkit-scrollbar-track {
    background: var(--main-color-6);
  }

  .scroll::-webkit-scrollbar-thumb {
    background: var(--mono-color-6);
  }

  .scroll table {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 1em !important;
  }

  .scroll th,
  .scroll td {
    white-space: nowrap;
  }

  .video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }

  .video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

@media only screen and (max-width: 480px) {
  .body img:not(.external) {
    float: none !important;
    width: auto !important;
    height: auto !important;
  }
}