@charset "UTF-8";
body {
  font-family: Arial,
  'ＭＳ Ｐゴシック',
  sans-serif;
  background: #dfff95;
  color: #333;
  margin: 0 8px;
}
.fontsize_change {
  display: none;
}
.page {
  max-width: 900px;
}

/* ==================
リセット
================== */
figure,
ul {
  margin: 0;
  padding: 0;
}
.cms-public .block,
.cms-public .parts {
  float: none;
  display: flow-root;
}
.cms-public .layout[data-type="4"] .area[data-type="3"],
.cms-public .layout[data-type="5"] .area[data-type="3"],
.cms-public .layout[data-type="6"] .area[data-type="3"] {
  float: none;
}
body:not(.dev-mb) .cms-public .sentence {
  margin: 0;
}

/* ==================
ヘッダー
================== */
a:hover,
a:focus,
a:active {
  background: #3e7e1f;
  color: #fff;
}

/* ==================
ヘッダー
================== */
body:not(.dev-mb) .cms-public .header .div_tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body:not(.dev-mb) .cms-public .header-left,
body:not(.dev-mb) .cms-public .header-right {
  width: fit-content;
}
body:not(.dev-mb) .cms-public .header-information ul {
  font-weight: bold;
  font-size: 0.9em;
  display: flex;
  list-style: none;
}
body:not(.dev-mb) .cms-public .header-information li {
  margin: 5px;
}
body:not(.dev-mb) .cms-public .font-size-box ul {
  font-weight: bold;
  display: flex;
  list-style: none;
}
body:not(.dev-mb) .cms-public .font-size-box button {
  display: block;
  width: 3em;
  text-align: center;
  background-color: #7e7e7e;
  color: #fff;
  text-decoration: none;
  padding: 3px 7px;
  margin: 0 1px;
  border-radius: 5px;
  font-size: 1.2em;
  border: none;
}
body:not(.dev-mb) .cms-public .font-size-box button:hover,
body:not(.dev-mb) .cms-public .font-size-box button:focus,
body:not(.dev-mb) .cms-public .font-size-box button:active {
  color: #7e7e7e;
  background: #fff;
}

/* ==================
グローバルナビ
================== */
body:not(.dev-mb) .cms-public .global-nav ul {
  margin: 10px 0 5px 0;
  list-style: none;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 145px);
  gap: 5px;
}
body:not(.dev-mb) .cms-public .global-nav li {
  display: flex;
  background: #fff;
}
body:not(.dev-mb) .cms-public .global-nav a {
  display: flex;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  color: #676767;
  font-family: "GenShinGothic";
  font-weight: bold;
  font-size: 0.95em;
  padding: 10px 0;
  width: 100%;
  box-sizing: border-box;
}
body:not(.dev-mb) .cms-public .global-nav a.new-label {
  background: url(/man/file/img/983452.png) no-repeat top left;
}
body:not(.dev-mb) .cms-public .global-nav a.up-label {
  background: url(/man/file/img/983453.png) no-repeat top left;
}
body:not(.dev-mb) .cms-public .global-nav a:hover,
body:not(.dev-mb) .cms-public .global-nav a:focus,
body:not(.dev-mb) .cms-public .global-nav a:active {
  background: linear-gradient(to bottom, transparent 92%, #538300 92%, #538300 100%);
}
body:not(.dev-mb) .cms-public .global-nav a.new-label:hover,
body:not(.dev-mb) .cms-public .global-nav a.new-label:focus,
body:not(.dev-mb) .cms-public .global-nav a.new-label:active {
  background: url(/man/file/img/983452.png) no-repeat top left , linear-gradient(to bottom, transparent 92%, #538300 92%, #538300 100%);
}
body:not(.dev-mb) .cms-public .global-nav a.up-label:hover,
body:not(.dev-mb) .cms-public .global-nav a.up-label:focus,
body:not(.dev-mb) .cms-public .global-nav a.up-label:active {
  background: url(/man/file/img/983453.png) no-repeat top left , linear-gradient(to bottom, transparent 92%, #538300 92%, #538300 100%);
}

/* ==================
フッター
================== */
body:not(.dev-mb) .cms-public .area5 {
  background-color: #fff;
  padding: 5px 0;
  margin-top: 10px;
  border-radius: 5px;
}
body:not(.dev-mb) .cms-public .footer-nav {
  width: 85%;
  margin: 0 auto;
  font-size: 0.75em;
}
body:not(.dev-mb) .cms-public .footer-nav ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
body:not(.dev-mb) .cms-public .footer-nav li {
  margin: 4px 7px;
}
body:not(.dev-mb) .cms-public .copyright {
  font-size: 0.9em;
  text-align: center;
  margin: 0 auto;
}

/* ==================
トップページ
================== */
body:not(.dev-mb) .cms-public .area-group-2-3-4 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
body:not(.dev-mb) .cms-public .toppage-left-col .heading h2,
body:not(.dev-mb) .cms-public .toppage-right-col .heading h2 {
  background-color: #dfff95;
  color: #fff;
  font-size: 1.7em;
  border: none;
  line-height: 1.5;
  padding: 0 50px 0 5px;
  margin: 0;
  text-shadow:
    2px 2px 2px #95693F,
    -2px 2px 2px #95693F,
    2px -2px 2px #95693F,
    -2px -2px 2px #95693F;
  border-radius: 0 0 50px 0;
  display: inline-block;
  border-right: 5px solid #BBE854;
  border-bottom: 5px solid #BBE854;
}
@media screen and (min-width: 768px) {
  body:not(.dev-mb) .cms-public .toppage-left-col .heading h2,
  body:not(.dev-mb) .cms-public .toppage-right-col .heading h2 {
    padding: 0 100px 0 5px;
  }
}

/* 左カラム */
body:not(.dev-mb) .cms-public .toppage-left-col {
  flex: 1 1 calc( 75% - 10px );
}
body:not(.dev-mb) .cms-public .toppage-left-col .parts {
  background: #fff url(/man/file/img/981525.jpg) no-repeat right 30px center;
  border-radius: 7px;
  display: flow-root;
}
body:not(.dev-mb) .cms-public .toppage-left-col .parts:nth-child(1) {
  margin-bottom: 10px;
}
body:not(.dev-mb) .cms-public .toppage-left-col .parts:nth-child(1) .block:nth-child(2) {
  height: 22em;
  overflow-y: scroll;
}
body:not(.dev-mb) .cms-public .toppage-left-col .sentence p {
  margin: 10px 15px 10px 15px;
  line-height: 1.5;
}
body:not(.dev-mb) .cms-public .toppage-left-col .sentence > ul {
  list-style: none;
  margin: 10px 0 20px 10px;
  font-weight: bold;
}
body:not(.dev-mb) .cms-public .toppage-left-col .sentence > ul > li {
  display: grid;
  grid-template-columns: minmax(5em, 20%) 1fr;
  margin-bottom: 10px;
}
body:not(.dev-mb) .cms-public .toppage-left-col .sentence > ul ul {
  list-style: none;
  font-weight: normal;
}

/* 右カラム */
body:not(.dev-mb) .cms-public .toppage-right-col {
  flex: 1 1 25%;
  min-width: 165px;
}
body:not(.dev-mb) .cms-public .toppage-right-col .parts {
  background-color: #fff;
  border-radius: 7px;
  display: flow-root;
}
body:not(.dev-mb) .cms-public .area-group-2-3-4 .toppage-right-col .heading h2 {
  display: block;
  padding-right: 0;
  max-width: 8em;
}
body:not(.dev-mb) .cms-public .toppage-right-col .parts .sentence {
  background: url(/man/file/img/981526.jpg) no-repeat right bottom;
}
body:not(.dev-mb) .cms-public .toppage-right-col ul {
  list-style: none;
  margin: 0 10px;
  font-size: 0.95em;
}
body:not(.dev-mb) .cms-public .toppage-right-col li {
  margin: 10px 0;
}
body:not(.dev-mb) .cms-public .toppage-right-col strong {
  display: inline-block;
  background: #e35f24;
  margin: 2px 5px;
  color: #fff;
  padding: 2px;
  font-size: 0.9em;
  line-height: 1.2;
  border-radius: 5px;
  font-family: 'GenShinGothic';
}

/* ==================
トップページ配下のページ
================== */
body:not(.dev-mb) .cms-public .default_breadcrumb {
  background-color: #fff;
  margin-bottom: 5px;
  padding: 5px 10px;
  height: auto;
  border-radius: 5px;
}
body:not(.dev-mb) .cms-public .layout-1col {
  width: 100%;
  background: #fff url(/man/file/img/981893.jpg) repeat-y right;
  background-size: 10%;
  border-radius: 5px;
  padding: 0 15px 0 0;
}
@media screen and (min-width: 768px) {
  body:not(.dev-mb) .cms-public .layout-1col {
    padding: 0 15% 0 0;
    background-size: auto;
  }
}

/* 見出し */
body:not(.dev-mb) .cms-public .layout-1col .heading h1 {
  background-color: #dfff95;
  background-image: none;
  color: #fff;
  font-size: 1.7em;
  border: none;
  line-height: 1.5;
  padding: 0 50px 0 5px;
  margin: 0 0 10px 0;
  text-shadow:
    2px 2px 2px #95693F,
    -2px 2px 2px #95693F,
    2px -2px 2px #95693F,
    -2px -2px 2px #95693F;
  border-radius: 0 0 50px 0;
  display: inline-block;
  border-right: 5px solid #BBE854;
  border-bottom: 5px solid #BBE854;
}
@media screen and (min-width: 768px) {
  body:not(.dev-mb) .cms-public .layout-1col .heading h1 {
    padding: 0 100px 0 5px;
  }
}
body:not(.dev-mb) .cms-public .layout-1col .heading h2 {
  background-color: #538300;
  color: #fff;
  font-size: 1.4em;
  border: none;
  border-radius: 10px;
  line-height: 1.45;
  padding: 10px 3px 10px 10px;
  margin: 5px 30px 5px 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .heading h3 {
  background: #fff url(/man/file/img/981897.png) no-repeat left bottom;
  color: #000;
  font-size: 1em;
  border: none;
  line-height: 1.5;
  padding: 5px 3px 27px 0;
  margin: 10px 0 10px 20px;
}
body:not(.dev-mb) .cms-public .layout-1col .heading h4 {
  background-color: #fff;
  color: #000;
  font-size: 1.2em;
  line-height: 1.4;
  padding: 5px 3px 5px 20px;
  margin: 0 0 0 20px;
}
body:not(.dev-mb) .cms-public .layout-1col .heading h4:after {
  content: none;
}
body:not(.dev-mb) .cms-public .layout-1col .heading h5 {
  border: none;
  color: #000;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1;
  padding: 0;
  margin: 10px 30px 10px 15px;
}

/* 丸数字付きの見出し */
body:not(.dev-mb) .cms-public .layout-1col .circle-number .heading h3::first-letter {
  font-size: 1em;
  border-radius: 50%;
  background: #53D753;
  color: white;
  padding: 0.1em 0.37em;
}

/* 段落 */
body:not(.dev-mb) .cms-public .layout-1col .sentence p {
  margin: 10px 15px 10px 15px;
  line-height: 1.5;
}

/* リスト */
body:not(.dev-mb) .cms-public .layout-1col .sentence ul,
body:not(.dev-mb) .cms-public .layout-1col .list ul {
  padding-left: 45px;
  margin: 10px 15px 10px 0;
}
body:not(.dev-mb) .cms-public .layout-1col .sentence ul li,
body:not(.dev-mb) .cms-public .layout-1col .list ul li {
  margin: 10px 0;
}

/* 丸の中に三角のアイコンが付いたリスト */
body:not(.dev-mb) .cms-public .layout-1col .circle-arrow-right ul {
  list-style: none;
  padding-left: 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .circle-arrow-right ul li {
  padding: 2px 0 2px 30px;
  background: url(/man/file/img/981896.png) no-repeat top left;
}

/* 2列レイアウトのリスト */
body:not(.dev-mb) .cms-public .layout-1col .list-2col ul {
  display: flex;
  flex-wrap: wrap;
}
body:not(.dev-mb) .cms-public .layout-1col .list-2col ul li {
  flex: 1 1 calc( 50% - 20px);
  margin-left: 20px;
  min-width: 150px;
}

/* 添付ファイルリスト（縦並び） */
body:not(.dev-mb) .cms-public .layout-1col .attach ul {
  margin: 10px 15px 10px 0;
}

/* pdf,adobe readerダウンロードエリア */
body:not(.dev-mb) .cms-public .layout-1col .pdf-download-area {
  background-color: #eee;
  margin: 15px 30px 15px 15px;
  padding: 5px 15px;
  width: auto;
}
body:not(.dev-mb) .cms-public .layout-1col .pdf-download-area p {
  margin: 5px;
  font-size: 0.95em;
  line-height: 1.3;
}
body:not(.dev-mb) .cms-public .layout-1col .adobe-reader-banner {
  margin-top: 10px;
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  body:not(.dev-mb) .cms-public .layout-1col .adobe-reader-banner .note {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  body:not(.dev-mb) .cms-public .layout-1col .adobe-reader-banner .block:nth-child(1) {
    width: 158px;
    margin-right: 10px;
  }
  body:not(.dev-mb) .cms-public .layout-1col .adobe-reader-banner .block:nth-child(2) {
    flex: 1;
    min-width: 300px;
    margin-left: 0;
  }
}

/* ページの先頭に戻る */
body:not(.dev-mb) .cms-public .layout-1col .go-front .sentence p {
  text-align: right;
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .go-front .sentence p a {
  display: inline-block;
  padding: 2px 20px;
  background-color: #dfff95;
  color: #000;
  text-decoration: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
body:not(.dev-mb) .cms-public .layout-1col .go-front .sentence p a:hover,
body:not(.dev-mb) .cms-public .layout-1col .go-front .sentence p a:focus,
body:not(.dev-mb) .cms-public .layout-1col .go-front .sentence p a:active {
  background: #538300;
  color: #fff;
}

/* 目次に戻る、国の選択に戻る */
body:not(.dev-mb) .cms-public .layout-1col .go-page-index .sentence p,
body:not(.dev-mb) .cms-public .layout-1col .go-countries .sentence p {
  text-align: right;
  margin: 15px 0 20px;
}
body:not(.dev-mb) .cms-public .layout-1col .go-page-index .sentence p a,
body:not(.dev-mb) .cms-public .layout-1col .go-countries .sentence p a {
  display: inline-block;
  padding: 2px 20px;
  background-color: #dfff95;
  color: #000;
  text-decoration: none;
  border-radius: 8px;
}
body:not(.dev-mb) .cms-public .layout-1col .go-page-index .sentence p a:hover,
body:not(.dev-mb) .cms-public .layout-1col .go-page-index .sentence p a:focus,
body:not(.dev-mb) .cms-public .layout-1col .go-page-index .sentence p a:active,
body:not(.dev-mb) .cms-public .layout-1col .go-countries .sentence p a:hover,
body:not(.dev-mb) .cms-public .layout-1col .go-countries .sentence p a:focus,
body:not(.dev-mb) .cms-public .layout-1col .go-countries .sentence p a:active {
  background: #538300;
  color: #fff;
}

/* 画像付き文章は768pxより狭い場合は横並び解除 */
body:not(.dev-mb) .cms-public .layout-1col .sentence_with_image .block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  body:not(.dev-mb) .cms-public .layout-1col .sentence_with_image .block {
    display: flow-root;
  }
}

/* New!, UP!ラベル */
body:not(.dev-mb) .cms-public .layout-1col .new-label strong,
body:not(.dev-mb) .cms-public .layout-1col .up-label strong {
  display: inline-block;
  background: #e35f24;
  margin-left: 5px;
  color: #fff;
  padding: 2px;
  font-size: 0.9em;
  line-height: 1.2;
  border-radius: 5px;
  font-family: 'GenShinGothic';
}
body:not(.dev-mb) .cms-public .layout-1col .new-label h2 strong,
body:not(.dev-mb) .cms-public .layout-1col .up-label h2 strong {
  font-size: 0.7em;
}

/* 強制改行 */
body:not(.dev-mb) .cms-public .break-word-text {
  overflow-wrap: break-word;
}

/* ==================
日本語指導担当者の役割
================== */
body:not(.dev-mb) .cms-public .layout-1col .border-gray {
  width: auto;
  border: 1px solid #ccc;
  margin: 0 30px 10px 15px;
  padding: 10px;
}

/* ==================
子どもたちの国を知ろう
================== */
body:not(.dev-mb) .cms-public .layout-1col .countries-list ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, 136px);
  justify-content: center;
  list-style: none;
  text-align: center;
  gap: 10px;
  padding: 0;
  margin: 0 20px 30px 20px;
  font-size: 0.8em;
}
body:not(.dev-mb) .cms-public .layout-1col .countries-list ul li {
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .countries-list ul li a {
  display: block;
  padding-top: 75px;
}
body:not(.dev-mb) .cms-public .layout-1col .countries-list ul li:nth-child(1) a {
  background: url(/man/file/img/982599.png) no-repeat top center;
}
body:not(.dev-mb) .cms-public .layout-1col .countries-list ul li:nth-child(2) a {
  background: url(/man/file/img/982603.png) no-repeat top center;
}
body:not(.dev-mb) .cms-public .layout-1col .countries-list ul li:nth-child(3) a {
  background: url(/man/file/img/982600.png) no-repeat top center;
}
body:not(.dev-mb) .cms-public .layout-1col .countries-list ul li:nth-child(4) a {
  background: url(/man/file/img/982602.png) no-repeat top center;
}
body:not(.dev-mb) .cms-public .layout-1col .countries-list ul li:nth-child(5) a {
  background: url(/man/file/img/982604.png) no-repeat top center;
}
body:not(.dev-mb) .cms-public .layout-1col .countries-list ul li:nth-child(6) a {
  background: url(/man/file/img/982601.png) no-repeat top center;
}

/* 配下ページトップセクション */
body:not(.dev-mb) .cms-public .layout-1col .country-top-section .block,
body:not(.dev-mb) .cms-public .layout-1col .country-top-section .image_listitem,
body:not(.dev-mb) .cms-public .layout-1col .country-top-section figure {
  display: block;
}
body:not(.dev-mb) .cms-public .layout-1col .country-top-section figure img {
  width: auto;
}
body:not(.dev-mb) .cms-public .layout-1col .country-flag {
  text-align: center;
}
body:not(.dev-mb) .cms-public .layout-1col .country-flag img {
  border: 1px solid #ccc;
}
body:not(.dev-mb) .cms-public .layout-1col .country-top-section h2 {
  color: #000;
  background: transparent;
  font-size: 1.5em;
  padding: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .country-illust {
  text-align: center;
}
@media screen and (min-width: 768px) {
  body:not(.dev-mb) .cms-public .layout-1col .country-flag img {
    float: left;
    margin: 0 15px 15px 15px;
  }
  body:not(.dev-mb) .cms-public .layout-1col .country-illust img {
    float: right;
    margin-left: 15px;
  }
}

/* 配下ページ入れ子のリスト*/
body:not(.dev-mb) .cms-public .layout-1col.country ul ul {
  margin-bottom: 0;
}
body:not(.dev-mb) .cms-public .layout-1col.country ul ul li {
  background: none;
  padding-left: 0;
}
body:not(.dev-mb) .cms-public .layout-1col.country ul ul li:last-child {
  margin-bottom: 0;
}

/* ==================
帰国・外国人児童生徒支援のための研修会
================== */
body:not(.dev-mb) .cms-public .layout-1col .seminar-chirashi img {
  display: block;
  width: 90%;
  margin: 0 auto;
}
body:not(.dev-mb) .cms-public .layout-1col .seminar-info ul {
  list-style: none;
  font-weight: bold;
}
body:not(.dev-mb) .cms-public .layout-1col .seminar-info ul ul {
  font-weight: normal;
  margin: 0;
  padding-left: 30px;
}
body:not(.dev-mb) .cms-public .layout-1col .seminar-info ul li {
  margin: 0;
}

/* ==================
関連サイト
================== */

/* アイコンの位置 */
body:not(.dev-mb) .cms-public .layout-1col.link-page .image {
  margin-left: 30px;
  margin-bottom: -15px;
}

/* アイコンの説明エリア */
body:not(.dev-mb) .cms-public .layout-1col.link-page .icon-description {
  width: auto;
  border: 3px solid #DFFF95;
  margin: 0 30px 10px 15px;
  padding: 10px;
}
body:not(.dev-mb) .cms-public .layout-1col.link-page .icon-description .image {
  padding: 0 20px;
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col.link-page .icon-description .image .image_listitem {
  display: block;
  margin: 10px 0;
}
body:not(.dev-mb) .cms-public .layout-1col.link-page .icon-description .image figure {
  display: block;
}
body:not(.dev-mb) .cms-public .layout-1col.link-page .icon-description .image img {
  width: auto;
}
body:not(.dev-mb) .cms-public .layout-1col.link-page .icon-description .image figcaption {
  display: block;
}
@media screen and (min-width: 768px) {
  body:not(.dev-mb) .cms-public .layout-1col.link-page .icon-description .image figure {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 30px;
  }
}

/* ==================
徳島の学校を知ろう
================== */
/* 言語 */
body:not(.dev-mb) .cms-public .layout-1col .school-information-language .html {
  display: flex;
  justify-content: end;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-language ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-language ul li {
  padding: 0;
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-language > div > ul {
  margin-left: 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-language > div > ul > li > span {
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 3px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-language > div > ul >li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-language ul ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-language ul ul li::after {
  content: "|";
  display: inline-block;
  margin-left: 10px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-language ul ul li:last-child::after {
  content: none;
}

/* 目次 */
body:not(.dev-mb) .cms-public .layout-1col .school-information-index ul {
  list-style: none;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-index .sentence > ul {
  font-size: 1.2em;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-index .sentence > ul > li> ul {
  padding-left: 0;
  font-size: calc( 1em / 1.2 );
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-index .sentence > ul > li> ul > li {
  padding: 2px 0 2px 30px;
  background: url(/man/file/img/981896.png) no-repeat top left;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-index .sentence > ul > li> ul > li > ul {
  padding-left: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-index .sentence > ul > li> ul > li > ul > li:first-letter {
  border-radius: 50%;
  background: #53D753;
  color: white;
  padding: 0.1em 0.37em;
}

/* 配下ページ目次（入れ子） */
body:not(.dev-mb) .cms-public .layout-1col .school-information-main1-index .sentence > ul {
  list-style: none;
  padding-left: 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-main1-index .sentence > ul > li {
  padding: 2px 0 2px 30px;
  background: url(/man/file/img/981896.png) no-repeat top left;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-main1-index .sentence > ul > li > ul {
  list-style: none;
  padding-left: 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-information-main1-index .sentence > ul > li > ul > li::first-letter {
  font-size: 1em;
  border-radius: 50%;
  background: #53D753;
  color: white;
  padding: 0.1em 0.37em;
}

/* 小中学校（義務教育）で学ぶ教科等 */
body:not(.dev-mb) .cms-public .layout-1col .school-subjects .image > .block {
  display: block;
  margin: 0 30px 15px 15px;
  width: auto;
}
body:not(.dev-mb) .cms-public .layout-1col .school-subjects .image_listitem {
  display: block;
  border-top: 3px solid #eee;
  border-left: 3px solid #eee;
  border-right: 3px solid #eee;
}
body:not(.dev-mb) .cms-public .layout-1col .school-subjects .image_listitem:last-child {
  border-bottom: 3px solid #eee;
}
body:not(.dev-mb) .cms-public .layout-1col .school-subjects .image_listitem figure {
  display: block;
}
body:not(.dev-mb) .cms-public .layout-1col .school-subjects img {
  width: auto;
  max-width: 80%;
  height: auto;
}
body:not(.dev-mb) .cms-public .layout-1col .school-subjects .image_listitem figure {
  display: grid;
  grid-template-columns: 1fr 2fr;
  height: 100%;
}
body:not(.dev-mb) .cms-public .layout-1col .school-subjects .image_listitem figure div {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 3px solid #eee;
  padding: 5px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-subjects figcaption {
  display: block;
  padding: 5px;
}
@media screen and (min-width: 768px) {
  body:not(.dev-mb) .cms-public .layout-1col .school-subjects .image > .block {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(7, auto);
    gap: 0 15px;
  }
  body:not(.dev-mb) .cms-public .layout-1col .school-subjects .image_listitem:nth-child(7) {
    border-bottom: 3px solid #eee;
  }
}

/* ウ 徳島県の高等学校の種類 */
/* 1. */
body:not(.dev-mb) .cms-public .layout-1col .school-type1 {
  margin: 10px 30px 10px 15px;
  width: auto;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type1 .sentence > ul {
  list-style: none;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type1 .sentence > ul > li {
  display: grid;
  grid-template-columns: 1fr 3fr;
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type1 .sentence > ul > li > span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #DFFF95;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  word-break: break-all;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type1 .sentence > ul > li:last-child > span {
  border-bottom: none;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type1 .sentence > ul ul {
  list-style: disc;
  margin: 0;
  padding-left: 20px;
  border-bottom: 1px solid #ccc;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type1 .sentence > ul >li:last-child ul {
  border-bottom: none;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type1 .sentence > ul ul li {
  margin: 0;
  padding: 2px 0;
}
/* 2. */
body:not(.dev-mb) .cms-public .layout-1col .school-type2 {
  margin: 10px 30px 10px 15px;
  width: auto;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type2 .sentence > ul {
  list-style: none;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type2 .sentence > ul > li {
  display: grid;
  grid-template-columns: 1fr 3fr;
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type2 .sentence > ul > li > span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #DFFF95;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: center;
  word-break: break-all;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type2 .sentence > ul > li:last-child > span {
  border-bottom: none;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type2 .sentence > ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type2 .sentence > ul >li:last-child ul {
  border-bottom: none;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type2 .sentence > ul ul li {
  padding: 5px;
  margin: 0;
  border-bottom: 1px solid #ccc;
}
body:not(.dev-mb) .cms-public .layout-1col .school-type2 .sentence > ul ul li:last-child {
  border-bottom: none;
}

/* 一日のスケジュール */
body:not(.dev-mb) .cms-public .layout-1col .daily-schedule .image_listitem {
  vertical-align: top;
}

/* 学校と保護者の連絡 */
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication-heading h5 {
  background: #EBC388;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  margin-bottom: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication {
  margin: 0 30px 10px 15px;
  width: auto;
}
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication .sentence > ul {
  list-style: none;
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication .sentence > ul > li {
  display: grid;
  grid-template-columns: 1fr 2fr;
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication .sentence > ul > li > span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F5E1C1;
  border-right: 1px solid #E2AE67;
  border-bottom: 1px solid #E2AE67;
  padding: 5px;
  font-weight: bold;
  word-break: break-all;
}
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication .sentence > ul > li:last-child > span {
  border-bottom: none;
}
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication .sentence > ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #E2AE67;
}
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication .sentence > ul >li:last-child ul {
  border-bottom: none;
}
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication .sentence > ul ul li {
  padding: 5px;
  margin: 0;
  border-bottom: 1px solid #E2AE67;
}
body:not(.dev-mb) .cms-public .layout-1col .school-parent-communication .sentence > ul ul li:last-child {
  border-bottom: none;
}

/* PTA活動 */
body:not(.dev-mb) .cms-public .layout-1col .pta-activities-heading h5 {
  background: #FAF55C;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  margin-bottom: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .pta-activities .sentence p {
  background: #FEFAB5;
  padding: 5px;
  margin: 0 30px 10px 15px;
}

/* 服装 */
body:not(.dev-mb) .cms-public .layout-1col .clothing-heading h5 {
  background: #85BD66;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  margin-bottom: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .clothing .table {
  margin: 0 30px 0 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .clothing table {
  table-layout: fixed;
}
body:not(.dev-mb) .cms-public .layout-1col .clothing table caption {
  display: none;
}
body:not(.dev-mb) .cms-public .layout-1col .clothing table th:nth-child(1) {
  width: 20% !important;
}
body:not(.dev-mb) .cms-public .layout-1col .clothing table th:nth-child(2) {
  width: 80% !important;
}
body:not(.dev-mb) .cms-public .layout-1col .clothing table th {
  background: #D5E5C5;
  font-weight: normal;
  border: 1px solid #fff;
  padding: 5px;
}
body:not(.dev-mb) .cms-public .layout-1col .clothing table td {
  background: #F1F6EA;
  border: 1px solid #fff;
  padding: 5px;
}
body:not(.dev-mb) .cms-public .layout-1col .clothing-img {
  background: #F1F6EA;
  width: auto;
  margin: 0 30px 0 15px;
}

/* 学用品 */
body:not(.dev-mb) .cms-public .layout-1col .supplies-heading h5 {
  background: #685599;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  margin-bottom: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .supplies .table {
  margin: 0 30px 0 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .supplies table {
  table-layout: fixed;
}
body:not(.dev-mb) .cms-public .layout-1col .supplies table caption {
  display: none;
}
body:not(.dev-mb) .cms-public .layout-1col .supplies table th:nth-child(1) {
  width: 20% !important;
}
body:not(.dev-mb) .cms-public .layout-1col .supplies table th:nth-child(2) {
  width: 80% !important;
}
body:not(.dev-mb) .cms-public .layout-1col .supplies table th {
  background: #C4BCD8;
  font-weight: normal;
  border: 1px solid #fff;
  padding: 5px;
}
body:not(.dev-mb) .cms-public .layout-1col .supplies table td {
  background: #E7E3EE;
  border: 1px solid #fff;
  padding: 5px;
}
body:not(.dev-mb) .cms-public .layout-1col .supplies-img {
  background: #E7E3EE;
  width: auto;
  margin: 0 30px 0 15px;
}

/* 学校での経費 */
body:not(.dev-mb) .cms-public .layout-1col .expenses-heading h5 {
  background: #78BCED;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  margin-bottom: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .expenses ul {
  list-style: none;
  margin: 0 30px 0 15px;
  padding: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .expenses ul li {
  border: 1px solid #fff;
  margin: 0;
  padding: 5px;
}
body:not(.dev-mb) .cms-public .layout-1col .expenses ul li:nth-child(2n) {
  background: #DAEBFA;
}
body:not(.dev-mb) .cms-public .layout-1col .expenses ul li:nth-child(2n+1) {
  background: #EDF5FC;
}
body:not(.dev-mb) .cms-public .layout-1col .expenses-img {
  width: auto;
  margin: 0 30px 0 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .expenses-img .image > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, 25%);
}
body:not(.dev-mb) .cms-public .layout-1col .expenses-img .image_listitem:nth-child(2n) {
  background: #DAEBFA;
}
body:not(.dev-mb) .cms-public .layout-1col .expenses-img .image_listitem:nth-child(2n+1) {
  background: #EDF5FC;
}
body:not(.dev-mb) .cms-public .layout-1col .expenses-img .image_listitem {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 就学のついてお困りのとき */
/* 表 */
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table {
  margin: 0 30px 0 15px;
  width: auto;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table table {
  table-layout: fixed;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table .table {
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table caption {
  margin: 10px 30px 10px 20px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table table th:nth-child(1) {
  width: 30% !important;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table table th:nth-child(2) {
  width: 60% !important;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table table th:nth-child(3) {
  width: 20% !important;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table th,
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table td {
  padding: 3px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table tr:nth-child(1) th {
  color: #fff;
  background: #5E89C5;
  text-align: center;
  border: none;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table tr:nth-child(n+2) th,
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table tr:nth-child(n+2) td {
  font-weight: normal;
  border: none;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table tr:nth-child(2n) * {
  background: #fff;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-table tr:nth-child(2n+1) * {
  background: #EBEEF6;
}

/* リスト */
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-list ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 15px 30px 0 15px;
  gap: 20px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-list ul li {
  min-height: 134px;
  min-width: 130px;
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-list ul li:nth-child(1) {
  background: url(/man/file/img/982839.png) no-repeat left top;
  padding-left: 120px;
  flex: 1 1 calc( 50% - 130px );
}
body:not(.dev-mb) .cms-public .layout-1col .school-enrollment-list ul li:nth-child(2) {
  background: url(/man/file/img/982840.png) no-repeat left top;
  padding-left: 115px;
  flex: 1 1 calc( 50% - 125px );
}

/* 主な生涯学習施設 */
body:not(.dev-mb) .cms-public .layout-1col .lifelong-learning-facilities ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, 203px);
  justify-content: space-evenly;
  gap: 0 30px;
  padding: 0;
  margin: 10px 30px 10px 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .lifelong-learning-facilities ul li {
  padding-top: 135px;
}
body:not(.dev-mb) .cms-public .layout-1col .lifelong-learning-facilities ul li:nth-child(1) {
  background: url(/man/file/img/982841.png) no-repeat top center;
}
body:not(.dev-mb) .cms-public .layout-1col .lifelong-learning-facilities ul li:nth-child(2) {
  background: url(/man/file/img/982842.png) no-repeat top center;
}
body:not(.dev-mb) .cms-public .layout-1col .lifelong-learning-facilities ul li:nth-child(3) {
  background: url(/man/file/img/982843.png) no-repeat top center;
}

/* ==================
徳島の学校を知ろう
================== */
/* 友好協定 */
body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul {
  margin: 15px 30px 15px 15px;
  padding: 0;
  list-style: none;
  border: 1px solid #7DA4D1;
}
body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li {
  margin: 0;
}
body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li > span {
  display: block;
  background: #EBEEF6;
  border-bottom: 1px solid #7DA4D1;
  padding: 2px 5px;
}
body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #7DA4D1;
  text-indent: 1em;
}
body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li > ul > li {
  padding: 5px 5px;
  margin: 0;
  border-bottom: 1px solid #7DA4D1;
}
body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li:last-child > ul {
  border-bottom: none;
}
body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li > ul > li:last-child {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li {
    display: flex;
  }
  body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li > span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex: 1 1 30%;
    border-right: 1px solid #7DA4D1;
  }
  body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li:last-child > span {
    border-bottom: none;
  }
  body:not(.dev-mb) .cms-public .layout-1col .friendship .sentence > ul > li > ul {
    flex: 1 1 60%;
    text-indent: 0;
  }
}

/* ==================
日本語支援員登録について
================== */
body:not(.dev-mb) .cms-public .layout-1col .jpn-lecturer-h3 h3 {
  background: none;
  padding-bottom: 0;
}

/* ==================
サイトマップ
================== */
body:not(.dev-mb) .cms-public .layout-1col .menu-sitemap > ul {
  margin: 5px 30px 15px 15px;
}
body:not(.dev-mb) .cms-public .layout-1col .menu-sitemap > ul > li > a {
  border-bottom: none;
  background: #DFFF94;
  padding: 8px 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 7px 7px 0 #BCE856;
  color: #606060;
  font-size: 1.3em;
}
body:not(.dev-mb) .cms-public .layout-1col .menu-sitemap > ul > li > ul {
  list-style: none;
  margin-left: 30px;
}
body:not(.dev-mb) .cms-public .layout-1col .menu-sitemap ul li a:hover,
body:not(.dev-mb) .cms-public .layout-1col .menu-sitemap ul li a:focus,
body:not(.dev-mb) .cms-public .layout-1col .menu-sitemap ul li a:active {
  background: #538300;
  color: #fff;
}

/* ==================
お問い合わせ
================== */
body:not(.dev-mb) .cms-public .layout-1col .contact-heading h2 {
  padding: 8px 20px;
  margin-bottom: 15px;
  background: #DFFF94;
  color: #333;
  box-shadow: 7px 7px 0 #BCE856;
}