/*
Theme Name: 2025Ver.中学校専用ポータル
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
*/

/****メモメモ****/
/****本番サイト公開時は、"公開用"で検索しスタイルシートを変更しよう****/
/****本番サイト閉鎖時は、"閉鎖用"で検索しスタイルシートを変更しよう****/

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  position: relative;
  /* padding-bottom: 120px; */
}

a:hover {
  text-decoration: none;
}

/*==============
    ヘッダー
==============*/

#page {
  display: flex;
  flex-direction: column;

  min-height: calc(100vh - 4px);

  border-top: solid 4px #00479d;
}

.site-header {
  display: block;
  border-top: solid 3px #28a7e1;
}

.site-header img {
  width: 130px!important;
  margin-top: 20px!important;
  margin-left: 100px!important;
}

.header-button {
  display: flex;
  justify-content: flex-end;
  margin-right: 100px;
}

.header-button button {
  background-color: #2390c3;
  border: none;
  margin-left: 10px;
}



.header-button button a {
  color: #ffffff;
  text-decoration: unset;
  padding: 2px 5px;
  display: block;
  font-size: 1.1rem;
  letter-spacing: 2px;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*==============
    パンくず
==============*/
.breadcrumbs {
  font-size: 0.9em;
  color: #666;
  margin-bottom: 10px;
}

.breadcrumbs a {
  text-decoration: none;
  color: #666;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

/*==============
    メイン
==============*/

.site-content-contain {
  margin-left: 10%;
  margin-right: 10%;
  flex-grow: 1;
}

body:not(.home) .note {
  margin-bottom: 50px;
}

h1 {
  text-align: center;
  font-family: "BIZ UDMincho", serif;
  font-weight: 400;
  font-style: normal;
  position: relative;
  margin-bottom: 1em;
  letter-spacing: 3px;
}
h1:before {
  content: "";
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 265px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #28a7e1;
  border-radius: 2px;
}
.note {
  text-align: center;
  font-size: 0.9rem;
}

h2 {
  font-family: "BIZ UDMincho", serif;
  font-weight: 400;
  font-style: normal;
  width: fit-content;
  padding-bottom: 15px;
  padding-bottom: 10px;
}

.page-header h2,
.entry-header h2 {
  margin-bottom: 10px;
}

.page .entry-content {
  margin-top: 40px;
}

.entry-content h2, .entry-content h3 {
  width: initial;
  margin-top: 50px;
  margin-bottom: 30px;
}

.entry-content h3 {
  /* width: fit-content; */
  background-color: #165e80;
  color: #ffffff;
  padding: 8px 75px;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 1.3em;
}

.page .entry-content h3 {
  color: initial;
  background-color: #e9f1f5;
  border-left: 8px solid #165e80;
  padding: 15px 10px;
  font-weight: bold;
}

/*==============
    お知らせ
==============*/

section.news {
  width: 85%;
  margin: 50px auto 20px;
  position: relative;
}
section.news h2 {
  background-color: #00479d;
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: -30px;
  left: 10px;
  padding: 8px 75px;
  font-size: 0.95rem;
  font-weight: normal;
  letter-spacing: 1px;
}
section.news .news-wrap {
  border: solid 1px#999999;
  padding: 15px 20px 10px;
  margin-bottom: 10px;
}
.home section.news .news-wrap {
  max-height: 130px;
  overflow: auto;
}
section.news ul {
  padding: 0px;
  margin-left: 15px;
}
section.news li {
  list-style: none;
  letter-spacing: 1px;
  font-size: 1.05rem;
}
section.news .date {
  margin-right: 30px;
}

.news-article a {
  color: #000;
  text-decoration: none;
}

.news-article a:hover {
  text-decoration: underline;
}

section.news .news-wrap > ul > .news-article {
  display: flex;
  list-style: none;
  letter-spacing: 1px;
  font-size: 1.05rem;
  gap: 10px;
  align-items: baseline;
  margin-bottom: 25px;
}

section.news .news-wrap > ul > .news-article .news-title {
  flex-grow: 1;
  padding-top: 2px;
}

section.news .news-wrap > ul > .news-article:last-of-type {
  margin-bottom: 0;
}

section.news > div:last-of-type {
  text-align: right;
}

section.news .news-article > ul {
  width: 85px;
  margin-left: 0;
}

.cat-wrap {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

section.news .cat-tag {
  display: block;
  background-color: #fff;
  color: #2390c3;
  border-radius: 5px;
  padding: 0;
  text-align: center;
  min-width: 85px;
  box-sizing: border-box;
}
.home section.news .cat-tag {
  border: 2px solid #2390c3;
}
body:not(.home) section.news .cat-tag {
  padding: 2px 0;
}

section.news .important-news a {
  color: #c32323;
  font-weight: bold;
  text-decoration: underline;
}

section.news .important-news a:hover {
  text-decoration: none;
}

section.news .cat-tag.important {
  background-color: #c32323;
  border-color: #c32323;
  font-weight: bold;
  color: #fff;
}

section.news .cat-tag.tag-guide {
  background-color: #eb9406;
  border-color: #eb9406;
  color: #fff;
}

section.news .cat-tag.tag-netapp {
  background-color: #079abf;
  border-color: #079abf;
  color: #fff;
}

section.news .cat-tag.tag-rec {
  background-color: #095db1;
  border-color: #095db1;
  color: #fff;
}

/*==============
    お知らせアーカイブ
==============*/
.archive section.news {
  width: auto;
}

.archive section.news .news-wrap {
  border: none;
  padding: 0 50px;
}

.archive section.news .news-wrap > ul {
  margin: 0;
  margin-bottom: 20px;
}

.archive section.news ul .news-article {
  margin: 0;
  gap: 10px 15px;
  padding: 15px 0 0;
}

.archive .news .news-wrap > ul > .news-article .news-title {
  padding: 2px 0 15px;

  border-bottom: solid 1px #999;
}

.archive .news .news-wrap > ul > .news-article:last-of-type .news-title {
  border: none;
}

.archive section.news > div:last-of-type {
  text-align: left;
}

/*==============
    出願・調査書エリア
==============*/

section.system{
  width:85%;
  border: solid 10px #ebf6f7;
  border-radius: 10px;
  padding: 25px;
  margin: 0 auto;
  max-width: 1000px;
}
section.system article{
  width: 50%;
  background: #ebf6f7;
  padding-top: 45px;
}
section.system article.acount{
  width: 100%;
  padding-top: 0px;
  background: #ffffff;
  border-bottom: solid 5px #ebf6f7;
  display: flex;
  margin-bottom: 16px;
  justify-content: space-around;
  padding-bottom: 20px;
}
.acount-btn{
  background-color: #afafaf;
  /*background-color: #229DD6;公開用*/
  color: #fff;
  background-image: url(images/account-icon.png);
  text-align: center;
  border-radius: 50px;
  background-size: 26px;
  background-repeat: no-repeat;
  /*background-position-x: 52px;公開用*/
  background-position-x: 30px;
  background-position-y: center;
  display: table;
  /*width: 280px;公開用*/
  width: 320px;
  font-size: 1.1rem;
  letter-spacing: 2px;
  transition: all 0.3s;
  position: relative;
  top: 0;
}
.acount-btn:hover {
  /*top: -3px;公開用*/
  /*display: block;公開用*/
  /*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);公開用*/
}
.acount-btn a{
  cursor:default;
  /*cursor: pointer;（公開用）*/
  color: #ffffff;
  display: block;
  padding: 17px 15px 13px 35px;
  text-decoration: none;
}

section.system article.acount .acount-right{
  align-items: center;
  display: flex;
  flex-direction: column;
}
section.system article.acount .acount-right .memo{
  color: #095DB1;
  width: 300px;
  text-align: left;
}
section.system article.acount h3{
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-size: 1.3rem;
  margin: 0 auto 10px;
  line-height: 26px;
}
section.system article.acount .acount-left .memo{
  text-align: left;
  line-height: 25px;
}

section.system div.nav2{
  display: flex;
  gap: 20px;
}

/*==============
    各種リンク
==============*/

section.nav {
  width: 100%;
  border: solid 10px #ebf6f7;
  display: flex;
  justify-content: center;
  margin: 10px 0px;
  flex-wrap: wrap;
  gap: 30px 14px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
section.nav article {
  background: #f0f5d8;
  /* margin: 7px; */
  width: 312px;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  flex-grow: 1;
}
article.rec {
  width: 100%;
  position: relative;
}
article.rec button:hover {
  /*top: -3px;(公開用)*/
  /*display: block;(公開用)*/
  /*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);(公開用)*/
}
article.rec button a{
  cursor: default;
    /*cursor: pointer;（公開用）*/
}

article h2 {
  font-family: "BIZ UDMincho", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.2rem;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
article h2 .font {
  font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}

article .navtitle {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  justify-content: center;
}
article .navtitle h2 {
  margin: 0;
}

article.rec .recmanbtnwrap {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
article.rec .recmanbtnwrap button {
  padding: 0;
  background-color: #fff;
  border: solid 1px #2390c3;
}
article.rec .recmanbtnwrap button a {
  color: #2390c3;
  font-size: 14px;
  letter-spacing: 0;
  padding: 5px;
  cursor: pointer
}

article button {
  color: #ffffff;
  border: 0px;
  width: 80%;
  margin: 0 auto;
  transition: all 0.3s;
  position: relative;
  top: 0;
  text-decoration: unset;
  padding: 7px 0px;
  display: block;
  font-size: 1.1rem;
  letter-spacing: 2px;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}


article.guide{
background-color:#f0f5d8;
max-width: 1000px;
margin: 20px auto 0px;
padding: 30px;
width: 85%;
}

article.guide button {
  background-color:#ffae00;
  width: 400px;
}
article.guide button:hover{
  top: -3px;
  display: block;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

article.netapp button {
  /*background-color: #2557A6;（公開用）*/
  background-color: #afafaf;
}
article.netapp button:hover {
  /*top: -3px;(公開用)*/
  /*display: block;(公開用)*/
  /*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);(公開用)*/
}
article.netapp button a{
  cursor: default;
    /*cursor: pointer;（公開用）*/
}

article.rec .recbtnwrap {
  display: flex;
  width: 80%;
  gap: 20px;
  flex-direction: column-reverse;
  margin: 0 auto;
}
article.rec .recbtnwrap > div {
  width: 100%;
}
article.rec button {
   /*background-color: #1B2853;（公開用）*/
   background-color: #afafaf;
  width: 100%;
}
article button a {
  color: #ffffff;
  text-decoration: unset;
  padding: 7px 0px;
  display: block;
  font-size: 1.1rem;
  letter-spacing: 2px;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

article.rec button.demo {
  background-color: #ffffff;
 /* background-color: #afafaf;（閉鎖用）*/
 border: solid 1px #1B2853;
 /* border: solid 1px #999999;（閉鎖用）*/
  border-radius: 10px;
  padding: 0px 10px 0px;
  width: auto;
}
article.rec button.demo:hover,
article.rec .recmanbtnwrap button:hover {
  top: -3px;
  display: block;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

article.rec button.demo a {
 color: #1B2853;
  /* color: #ffffff;(閉鎖用)*/
  display: flex;
  justify-content: center;
  font-size: 1rem;
  letter-spacing: 1px;
  cursor: pointer;
  /*cursor: default;（閉鎖用）*/
}
article.rec button.demo a img{
  width: 17px;
  margin-right: 6px;
}

article .icon {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

article.guide .icon {
  background-color: #fff;
  border: solid 4px #ffae00;
  border-radius: 50%;
}
article.guide .icon img {
  width: 30px;
}
article.netapp .icon {
  background-color: #fff;
  border: solid 4px #0066cc;
  border-radius: 50%;
}
article.netapp .icon img {
  width: 43px;
}
article.rec .icon {
  background-color: #fff;
  border: solid 4px #1B2853;
  border-radius: 50%;
  position: relative;
}
article.rec .icon img {
    width: 40px;
    position: absolute;
    left: 21px;
    top: 11px;
}
article ul {
  display: flex;
  flex-direction: column;
  padding: 0px;
}
article ul li {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 0px 5px 10px;
  white-space: nowrap;
}
article.guide ul li{
  align-items: center;
  margin-bottom: 0px;
}
article ul li img {
  margin-right: 7px;
}
article.guide ul li img{
  width: 30px;
}
.memo {
  font-size: 0.93rem;
  margin-top: 10px;
  line-height: 19px;
  text-align: center;
}

.navlogo {
  width: 124px;
  height: 32px;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #004898;
  box-sizing: border-box;
  align-self: flex-start;
  margin-left: 20px;
  margin-bottom: 15px;
  text-align: center;
}
.navlogo img {
  height: 100%;
}

section.third {
  margin-top: 50px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
section.third h2 .font{
      font-family: "BIZ UDPGothic", sans-serif;
}
section.third ul {
  list-style: none;
  padding: 0;
  margin-top: 30px;
  margin-left: 1em;
  margin-right: 1em;
  display: flex;
  gap: 30px 20px;
  flex-wrap: wrap;
}
section.third ul li a {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}
section.third ul li a .navlogo {
  margin: 0;
}

/*==============
    準備中ボタン
==============*/

article button.jyunbi {
  color: #ffffff;
  border: 0px;
  width: 80%;
  margin: 0 auto;
  transition: all 0.3s;
  position: relative;
  top: 0;
  color: #ffffff;
  text-decoration: unset;
  padding: 7px 0px;
  display: block;
  font-size: 1.1rem;
  letter-spacing: 2px;
  font-family: "Sawarabi Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}
article button.jyunbi:hover {
  top: 0px;
  box-shadow: none;
}
/*
section.nav article.rec .recbtnwrap > div:nth-of-type(2) button,
section.nav article.netapp button {
  background-color: #afafaf;
  border: none;
  pointer-events: none;
}*/
article.rec .recbtnwrap > div:nth-of-type(2) button a,
article.netapp button a {
  color: #fff;
}

/*==============
    フッター
==============*/
.site-footer {
  text-align: center;
  padding: 30px 0 10px;
  font-size: 0.95rem;
  /* position: absolute; */
  /* bottom: 0; */
  width: 100%;
}

.site-footer .footer-button {
  background: #2390c3;
  border: none;
  margin-bottom: 30px;
  min-width: 25%;
}

.site-footer .footer-button a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 20px;
}

/*==============
    よくある質問
==============*/
.archive ul {
  list-style: none;
  padding: 0;
}

/*==============
    調査書Web登録システムとは？
==============*/
.page-id-95 img{
  display: flex;
  margin: 0px auto;
}



/*検索*/
.search-form {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  margin-bottom: 30px;
}

.search-form input,
.search-form button {
  border-radius: 0;
  border-style: solid;
}

.search-form input {
  border-width: 1px;
  border-color: #555;
  font-size: 1rem;
  max-width: calc(100% - 67px);
}

.search-form input:focus {
  outline: none;
}

.search-form button {
  border-style: none;
  background-color: #2390c3;
  color: #fff;
  padding: 3px 15px;
  font-size: 1rem;
  flex-shrink: 0;
}

/*==============
    カテゴリタブ
==============*/
.archive .faq-tabs {
  display: flex;
  justify-content: center;
  gap: 10px 0;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.archive .faq-tabs .faq-tab:hover {
  text-decoration: underline;
  cursor: pointer;
}

.archive .faq-tabs li {
  padding: 0 20px;
  border-right: 1px solid;
}

.archive .faq-tabs li:last-of-type {
  border: none;
}

.archive .faq-tabs .faq-tab.active {
  color: #2390c3;
  font-weight: bold;
  text-decoration: underline 2px;
}

/*カテゴリ表示*/
.archive .tab_content {
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 50px;
}

.archive .tab_content .faq-content {
  display: none;
}

.archive .tab_content .faq-content.active {
  display: block;
}

.archive a {
  text-decoration: none;
  color: #000;
}

.archive .tab_content a:hover,
.archive .taxonomy-arc a:hover {
  text-decoration: underline;
}

.archive .faq-all ul {
  display: flex;
  flex-direction: column;
}

.archive .faq-all ul li {
  display: flex;
  align-items: baseline;
  gap: 15px;
  padding: 15px 0 0;
}

.archive .faq-all ul li .faq-art-title {
  flex-grow: 1;

  padding: 2px 0 15px;

  border-bottom: solid 1px #999;
}

.archive .faq-all ul li:last-of-type .faq-art-title {
  border: none;
}

.archive .pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.archive .pagination span,
.archive .pagination a {
  flex-basis: 25px;
  text-align: center;
  padding: 2px 0;
}

.archive .pagination a:hover {
  text-decoration: underline;
}

.archive .pagination .current {
  background-color: #2390c3;
  color: #fff;
}

.archive .cat-tag {
  width: 85px;
  min-width: 85px;
  padding: 2px 0;

  text-align: center;

  border-radius: 5px;
  background-color: #d5ebed;
}

.archive .cat-tag.faq-cat-guide {
  background-color: #eb9406;
  color: #fff;
}

.archive .cat-tag.faq-cat-netapp {
  background-color: #079abf;
  color: #fff;
}

.archive .cat-tag.faq-cat-rec {
  background-color: #095db1;
  color: #fff;
}

/*タクソノミーごとのよくある質問*/

.archive .faq-flex-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 50px 0;
}

.archive .faq-flex-wrap .faqbox {
  flex-basis: 43%;
}

.archive .faq-flex-wrap .faqbox h3 {
  font-weight: normal;
  padding: 8px 5px;

  text-align: center;
  letter-spacing: 1px;

  color: #fff;
  background-color: #165e80;
}

.archive .faq-flex-wrap .faqbox ul {
  padding: 0 20px;
}

.archive .faq-flex-wrap .faqbox ul li {
  padding: 15px 0;
  border-bottom: solid 1px #999;
  display: flex;
  gap: 10px;
}

.archive .faq-flex-wrap .faqbox ul li:last-of-type {
  border: none;
}

.new_label {
  color: #d2731e;
}

.archive .faq-flex-wrap .faqbox button {
  background: #2390c3;
  border: none;
  margin-left: auto;
  margin-right: auto;
  min-width: 40%;
  display: block;
  padding: 0;
}

.archive .faq-flex-wrap .faqbox button a {
  display: block;
  color: #fff;
  padding: 10px 0;
}

.archive .faq-flex-wrap .faqbox button a:hover {
  text-decoration: none;
}

/*各カテゴリーのアーカイブ*/

.archive .taxonomy-arc .content-area {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 50px;
}

.taxonomy-arc .term-name {
  font-weight: normal;
  padding: 8px 5px;
  text-align: center;
  letter-spacing: 1px;
  color: #fff;
  background-color: #165e80;
  display: inline-block;
  min-width: 40%;
}

.archive .taxonomy-arc .content-area .post-list {
  padding: 0 50px;
}

.archive .taxonomy-arc .content-area .post-list li {
  padding: 15px 0;

  border-bottom: solid 1px #999;
}

.archive .taxonomy-arc .content-area .post-list li:last-of-type {
  border: none;
}

/*faqのシングルページ*/
.post-modified-info {
  font-size: 13px;

  text-align: right;

  color: #888;
}

ul.prqr_btn {
  display: flex;
  justify-content: flex-end;

  margin: 10px 0 10px;
  padding-left: 0;
}

ul.prqr_btn li {
  line-height: 15px;

  display: block;

  list-style: none;

  border: solid 1px #000;
  border-radius: 5px;
}

ul.prqr_btn li.pr {
  line-height: 40px;

  display: flex;
  float: left;
  align-items: center;
  flex-shrink: 0;

  width: 100px;
  /* height: 40px; */
  margin-right: 5px;
  padding: 0;

  background-image: url(images/icon_pr.png);
  background-repeat: no-repeat;
  background-position-x: 10px;
  background-position-y: center;
  background-size: 26px;
}

ul.prqr_btn li.qr {
  font-size: 0.9em;
  line-height: 17px;

  display: flex;
  float: right;
  align-items: center;
  align-items: center;
  /* height: 40px; */

  background-image: url(images/icon_qr.png);
  background-repeat: no-repeat;
  background-position-x: 12px;
  background-position-y: center;
  background-size: 23px;
}

ul.prqr_btn li.pr a {
  display: block;

  padding-right: 15px;
  padding-left: 45px;

  text-decoration: none;

  color: #000;
}

ul.prqr_btn li.qr a {
  display: block;

  padding: 3px 22px 0 45px;

  text-decoration: none;

  color: #000;
}

/*==============
    投稿記事
==============*/

.entry-content {
  line-height: 1.8em;
  margin-left: 20px;
  margin-right: 20px;
}

/*==============
    固定ページ（調査書Webの使い方）
==============*/

h4{
  background: #FDF5D3;
  display: table;
  padding: 10px 25px 10px 20px;
  border-radius: 10px;
  font-size: 1.1rem;
}
h5{
  border-bottom: solid 1px #999999;
  font-weight: normal;
  font-size: 1.15rem;
}

/*==============
    レスポンシブ
==============*/

/* 画面サイズ 768px 未満 */
@media (max-width: 990px) {
  article.rec .recmanbtnwrap {
    position: static;
    margin-bottom: 20px;
  }
}

/* 画面サイズ 768px 未満 */
@media (max-width: 767px) {
  h1 {
    padding: 0 10px;
  }
  h1:before {
    width: 35%;
  }

  .note {
    padding: 0 20px;
  }
  body:not(.home) .note {
    margin-bottom: 30px;
  }

  .site-header img {
    margin-left: 20px;
  }
  .header-button {
    margin-right: 20px;
  }

  .site-content-contain {
    margin-left: 20px;
    margin-right: 20px;
  }

  section.news {
    width: auto;
  }

  /*トップのお知らせ*/
  .home section.news .news-wrap > ul {
    margin-left: 0;
  }
  section.news h2 {
    padding-left: 12%;
    padding-right: 12%;
  }
  .home section.news .news-wrap > ul > .news-article .news-title {
    width: 100%;
  }

  /*トップ-各システムセクション*/
  section.nav {
    flex-flow: column;
    gap: 14px;
  }
  article {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  article.rec {
    width: auto;
    margin-bottom: 16px;
  }
  article button {
    width: 85%;
  }
  article.rec .recbtnwrap {
    width: 85%;
    flex-wrap: wrap;
  }
  article .navtitle {
    flex-direction: column;
  }
  #main {
    /* padding: 0 20px; */
  }
  section.intro ol {
    padding-left: 20px;
  }
  section.intro ol li:nth-of-type(n + 2) {
    /* text-indent: -2em; */
    /* padding-left: 2em; */
  }
  section.intro li {
    display: block;
  }
  section.intro li .no {
    display: inline-flex;
    text-indent: 0;
  }

  section.news .news-wrap > ul > .news-article {
    flex-wrap: wrap;
  }
  body:not(.home) section.news .news-wrap > ul > .news-article {
    border-bottom: solid 1px #999;
  }
  body:not(.home) section.news .news-wrap > ul > .news-article:last-of-type {
    border: none;
  }

  section.news .news-article > span:first-of-type {
    /* flex-basis: 100%;
    flex-shrink: 0; */
  }
  /*2025年改修　追加*/
section.system article.acount{
  flex-direction: column;
  padding: 0px;
}
section.system article.acount .acount-right{
  margin-top: 25px;
  margin-bottom: 20px;
}
section.system div.nav2{
  flex-direction: column;
}
section.system article{
  width: auto;
  padding-bottom: 30px;
}
  /*お知らせアーカイブ*/
  body:not(.home) section.news {
    margin-top: 30px;
  }
  .archive section.news .news-wrap {
    padding: 0 20px;
  }
  .archive .news .news-wrap > ul > .news-article .news-title {
    border: none;
  }
  .archive .pagination {
    flex-wrap: wrap;
  }

  /*よくある質問ページ*/
  .archive .tab_content {
    padding-left: 20px;
    padding-right: 20px;
  }
  .archive .faq-all ul li {
    gap: 10px 15px;
    flex-wrap: wrap;
    border-bottom: solid 1px #999;
  }
  .archive .faq-all ul li .faq-art-title {
    border: none;
  }
  .archive .faq-flex-wrap {
    gap: 30px 0;
  }
  .archive .faq-flex-wrap .faqbox {
    flex-basis: 100%;
  }
  .archive .faq-flex-wrap .faqbox ul li {
    display: block;
  }
  .new_label {
    display: inline-block;
    margin-right: 10px;
  }
}

@media print {
  .page-header,
  .school-select,
  .header-button,
  ul.prqr_btn,
  .page-header .note,
  .site-footer .footer-button,
  .faq-backbtn,
  .post-edit-link,
  .breadcrumbs,
  .post-modified-info,
  .site-footer,
  h1,
  #page > .note {
    display: none;
  }

  #masthead {
    margin-top: 20px;
    display: flex;
    align-items: center;
  }
  #masthead:after {
    content: "\4e2d\5b66\6821\5c02\7528\30dd\30fc\30bf\30eb\30b5\30a4\30c8"; /*content:"中学校専用ポータルサイト";*/
    margin-left: 10px;
    font-weight: bold;
  }

  .site-header img {
    margin-top: 0;
    width: 110px;
  }

  /* .atsystem-test-margin {
      margin-top: 20px !important;
  } */

  #page,
  .site-header {
    border-top: none;
  }

  .testhyouji /*test環境のみ*/ {
    display: none;
  }

  .single .site-content-contain {
    margin-left: 2%;
    margin-right: 2%;
  }

  /* .flexbox.atsystem-test-margin {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
  } */

  .flexbox.atsystem-test-margin:after {
    content: "\30AB\30B9\30BF\30DE\30FC\30DD\30FC\30BF\30EB\30B5\30A4\30C8"; /*content:"カスタマーポータルサイト";*/
    margin-left: 10px;
    font-weight: bold;
  }
}