@charset "UTF-8";
body {
  text-align: left;
}
.World {
  background: #f5f5f5;
  color: #222;
}
.ContentsDivision {
  background: none;
  padding-bottom: 30px;
}
body header.HeaderDivision::before {
  display: none;
}
.World .CommonBg {
  background: #fff;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .World {
    padding-top: 64px;
  }
}
.FlexItem {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.FlexListItem {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.FlexLeftItem {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.FlexItem .SknTplTextButton {
  margin: 0;
}
/*共通部分*/
/*#-44c644*/
/*#009e00*/
.large {
  font-size: 110%;
}
.small {
  font-size: 83%;
}
/*パンくず*/
.CrumbsItem {
  margin: 0 auto 20px auto;
  display: block;
  width: 100%;
  max-width: 1400px;
  text-align: right;
}
.CrumbsItem .inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #555;
  font-size: 80%;
  padding: 1px 10px;
}
.CrumbsItem .inner .Icon {
  color: #ccc;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .CrumbsItem {
    display: none;
  }
}
/*メニュー*/
.MainMenuBlock .BlockHeader .SiteLogo {
  padding-top: 0;
  width: 80%;
  max-width: 500px;
  display: inline-block;
  border: none;
  border-radius: 0 0 20px 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
}
.MainMenuBlock .BlockHeader .SiteLogo .LogoImage.Main {
  margin-top: 10px;
  display: block;
}
.MainMenuBlock .BlockHeader .SiteLogo .LogoImage.Sub {
  margin: 5px 0 0 0;
  display: block;
}
.MainMenuBlock .BlockHeader .SiteLogo .Sub img {
  width: 100%;
  max-width: 267px;
  vertical-align: top;
}
.MainMenuBlock .BlockHeader .CatchCopy {
  display: block;
}
@media screen and (min-width: 768px), print {
  .MainMenuBlock .BlockHeader .SiteLogo span.LogoImage {
    width: 80%;
    max-width: 400px;
    display: inline-block;
    margin: 10px auto 0 auto;
  }
}
@media screen and (max-width: 767px), print {
  .MainMenuBlock .BlockHeader .SiteLogo .LogoImage.Sub {
    margin: 0;
    display: block;
  }
  .MainMenuBlock .BlockHeader .SiteLogo span.LogoImage {
    width: 240px;
    margin-top: 8px;
    padding-top: 5px;
  }
}
.PageWidthSetterN {
  max-width: 100%;
}
.BgBlock {
  width: 100%;
  margin: 0;
  padding: 40px 0;
}
.BgBlock.HeightBg {
  padding: 60px 0;
}
.BgBlock.HeightBg .CommonBg>.inner {
  padding: 20px 0;
}
.BgBlock.MiddleBg .innerwidth {
  padding: 20px 40px;
  padding: 20px 20px;
}
@media screen and (max-width: 767px) {
  .BgBlock{
    width: 100%;
    padding: 20px 0px;
  }
  .BgBlock.HeightBg .CommonBg>.inner {
    padding: 20px 0px;
  }
  .BgBlock.MiddleBg .innerwidth {
    padding: 20px 10px;
  }
}
.BgBlock.BgC1 {
  background: #fff;
}
.BgBlock.BgC2 {
  background: #ddf7dd;
  /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #d1edd3 calc(100% - 1px)),
    linear-gradient(90deg, transparent calc(100% - 1px), #d1edd3 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
}
.BgBlock .innerwidth {
  max-width: 1400px;
  min-width: 1000px;
  margin: 0 auto;
  display: block;
  padding: 0 10px;
}
@media screen and (max-width: 767px), print {
  .BgBlock .innerwidth {
    min-width: 0;
  }
}
/*見出し*/
.Heading.Type1 {
  position: relative;
  line-height: 1.4;
  padding: 0.25em 1em;
  display: inline-block;
  color: #555;
  font-size: 3rem;
  font-weight: 500;
}
.BasicBlock .Heading.Type1 .Main {}
.Heading.Type1::before {
  border-left: solid 3px #07c607;
  border-top: solid 3px #07c607;
  top: 0;
  left: 0;
}
.Heading.Type1::after {
  border-right: solid 3px #07c607;
  border-bottom: solid 3px #07c607;
  bottom: 0;
  right: 0;
}
.MyPage.InfoPage.IndexPage .CommonBg .BlockHeader .Heading.Type1 {
  margin: 10px auto;
  padding-top: 20px;
}
.MyPage.InfoPage.IndexPage .CommonBg .BlockHeader .Heading.Type1 .Main {
  position: absolute;
  top: 5px;
  font-size: 50%;
}
.InfoPage.IndexPage .CommonBg .BlockHeader .Heading.Type1 {
  margin: 10px auto;
  padding-top: 20px;
}
.InfoPage.IndexPage .CommonBg .BlockHeader .Heading.Type1 .Main {
  position: absolute;
  top: 5px;
  font-size: 50%;
} 
.KiwiFont {
  margin: 0.5em 0;
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}
.Heading Type2,
.Heading.Type3 {
  font-weight: 600;
}
.Heading.Type5 {
  padding: 0;
}
.Heading.Type5::after {
  display: none;
}
.Heading.Type12 {
  width: 100%;
  margin: 30px auto;
  border: 2px solid #008800;
  color: #008800;
  padding: 10px;
  font-size: 180%;
  text-align: center;
  background: #fff;
  width: calc(100% - 30px);
  letter-spacing: 0.1em;
  border-radius: 2px;
}
/*学校・教委用*/
.SchoolPage .Heading.Type1::before {
  border-left: solid 3px #4cb5e8;
  border-top: solid 3px #4cb5e8;
  top: 0;
  left: 0;
}
.SchoolPage .Heading.Type1::after {
  border-right: solid 3px #4cb5e8;
  border-bottom: solid 3px #4cb5e8;
  bottom: 0;
  right: 0;
}
/*管理者用*/
.AdminPage .Heading.Type1::before {
  border-left: solid 3px #b72bfc;
  border-top: solid 3px #b72bfc;
  top: 0;
  left: 0;
}
.AdminPage .Heading.Type1::after {
  border-right: solid 3px #b72bfc;
  border-bottom: solid 3px #b72bfc;
  bottom: 0;
  right: 0;
}
.Heading.Type2::after,
.Heading.Type3::after {
  background: #07c607;
}
/*管理者用見出し*/
.AdminPage .Heading.Type3 {
  color: #b72bfc;
}
.AdminLogin .Heading.Type3 {
  color: #b72bfc;
}
.AdminPage .Heading.Type2::after,
.AdminPage .Heading.Type3::after {
  background: #b72bfc;
}
.AdminLogin .Heading.Type2::after,
.AdminLogin .Heading.Type3::after {
  background: #b72bfc;
}
.Heading.Type4 {
  color: #fff;
  background: #929292;
  border-radius: 10px;
  margin: 10px 0 10px 0;
}
.Heading.Type4 a,
.Heading.Type4 a:hover {
  color: #fff !important;
}
/*学校・教委用見出し*/
.SchoolPage .Heading.Type3 {
  color: #0f87c1;
}
.SchoolPage .Heading.Type2::after,
.SchoolPage .Heading.Type3::after {
  background: #4cb5e8;
}
.FontSansSerif {
  font-weight: 600;
  font-family: 'Noto Sans JP', "Meiryo", "Arial", "Century Gothic", sans-serif;
}
.FontZenMaru {
  font-family: 'Zen Maru Gothic';
  font-weight: 600;
}
.FontZenMaruBold {
  font-family: 'Zen Maru Gothic';
  font-weight: 900;
  font-size: 160%
}
.SknTplDecoratedBox.Type1>.DecoratedBox>.inner {
  padding: 30px;
  background: rgba(255, 255, 255, 0.2);
  position: relati, ve;
  border-radius: 5p, x;
}
.SknTplDecoratedTable tbody th {}
.FormTable th {
  background: none !important;
}
.FormTable td {
  background: none !important;
}
/*リンクファイル*/
.TextList a {}
.SknTplTextList ul.TextList>li>a {
  color: #555;
}
.SknTplTextList ul.TextList>li>a:not(.Invalid):hover {
  background: #f9f9f9;
}
.SknTplTextList ul.TextList>li a .Icon.icon-angle-right::before {
  content: "\e80e";
  background: none;
  color: #555;
  border: 1px solid #555;
}
.SknTplTextList ul.TextList>li a[href*=".pdf"] .Icon.icon-angle-right::before {
  content: "\f1c1";
  color: #ff0000;
  border-color: #ff0000;
}
.SknTplTextList ul.TextList>li a[href*=".doc"] .Icon.icon-angle-right::before,
.SknTplTextList ul.TextList>li a[href*=".docx"] .Icon.icon-angle-right::before {
  content: "\f1c2";
  color: #0080ff;
  border-color: #0080ff;
}
.SknTplTextList ul.TextList>li a[href*=".xls"] .Icon.icon-angle-right::before,
.SknTplTextList ul.TextList>li a[href*=".xlsx"] .Icon.icon-angle-right::before {
  content: "\f1c3";
  color: #2e8b57;
  border-color: #2e8b57;
}
/*メニューオープン*/
.MenuOpened #GlobalMenuGroupF,
.MenuOpened #GlobalMenuGroup {
  display: block;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .MenuOpened #GlobalMenuGroupF,
  .MenuOpened #GlobalMenuGroup {
    display: block;
    background: #07c607;
    height: calc(100% - 64px) !important;
  }
  /*学校用メニュー背景*/
  .SchoolPage.MenuOpened #GlobalMenuGroupF,
  .SchoolPage.MenuOpened #GlobalMenuGroup {
    background: #4cb5e8;
  }
  /*管理者用メニュー背景*/
  .AdminPage.MenuOpened #GlobalMenuGroupF,
  .AdminPage.MenuOpened #GlobalMenuGroup {
    background: #b72bfc;
  }
}
/*swiper設定*/
/* フェードモード時 共通調整 */
.swiper-fade {
  .swiper-slide {
    transition-property: opacity !important;
  }
}
.swiper-wrapper {
  /* サイズ調整 */
  width: 100%;
  height: 300px;
}
.swiper-slide {
  /* 文字配置調整、背景色設定 */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  /*background-color: #dfe7fd;*/
}
.swiper-pagination-bullet {}
.swiper-pagination-bullet-active {
  background: #008800 !important;
}
.swiper-button-next,
.swiper-button-prev {
  color: #008800 !important;
}
/*メインイメージ*/
.MainImageArea {}
.MainImageArea .MainImageBlock {}
@media screen and (min-width: 768px), print {
  .MainImageArea .MainImageBlock .swiper-slide {
    aspect-ratio: 16/ 6;
    height: 100%;
  }
  .MainImageArea .MainImageBlock .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
/* スライドの動き等速 */
.SwiperSlider .swiper-wrapper {
  transition-timing-function: linear;
}
.SwiperSlider .swiper-wrapper .swiper-slide {
  border-radius: 25px;
  overflow: hidden;
  margin: 2px;
}
/* 画像のサイズ調整 */
.SwiperSlider .swiper-slide {
  position: relative;
}
.SwiperSlider .swiper-slide img {
  height: auto;
  width: 100%;
}
.SwiperSlider .swiper-slide .PerData {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  color: #333;
  width: 100%;
  font-size: 70%;
  line-height: 1.3;
  text-align: center;
  z-index: 2;
  padding: 1px 20px 5px 20px;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .SwiperSlider .swiper-slide .PerData {
    padding: 1px 10px 5px 10px;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 500px) {
  .SwiperSlider .swiper-slide .PerData {
    font-size: 60%;
    padding: 1px 10px 5px 10px;
  }
}
/*FAQ*/
.QuestionList .TitleHeading span.DefaultMainTitle {
  background: none;
}
.QuestionList .TitleHeading.open span.DefaultMainTitle,
.QuestionList .TitleHeading span.DefaultMainTitle:hover {
  color: #008800;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.QuestionList .InfoSide .Inner .ContentsText .MsoNormal {
  font-size: 1.2em;
}
.QuestionList .TitleHeading span.QuestionIcon {
  background: #fff;
  border: 1px solid #32a600;
  color: #32a600;
  font-weight: 600;
  box-shadow: 0 1px 0.2em rgba(0, 0, 0, 0.15);
  top: 10px;
}
.QuestionList .InfoSide .Inner .AnswerIconBlock {
  background: #fff;
  /*border: 1px solid #4cb4e7;
  color:#4cb4e7;*/
  border: 1px solid #0f87c1;
  color: #0f87c1;
  font-weight: 600;
  box-shadow: 0 1px 0.2em rgba(0, 0, 0, 0.15);
  top: 15px;
}
.QuestionList .TitleHeading::before {
  content: '＋';
  /*font-family: "preset-icon";*/
  font-family: 'Noto Sans JP', "Meiryo", "Arial", "Century Gothic", sans-serif;
  position: absolute;
  right: 5px;
  font-weight: 100;
  font-size: 200%;
  bottom: 17px;
  cursor: pointer;
  display: block;
  width: 40px;
  text-align: center;
  border: 0px solid red;
  line-height: 1;
  text-align: center;
}
.QuestionList .TitleHeading::after {
  content: "開く";
  font-family: 'Noto Sans JP', "Meiryo", "Arial", "Century Gothic", sans-serif;
  position: absolute;
  right: 5px;
  font-weight: 300;
  font-size: 80%;
  bottom: 5px;
  margin-right: 0;
  cursor: pointer;
  display: block;
  width: 40px;
  line-height: 1;
  text-align: center;
}
.QuestionList .TitleHeading.open::before {
  content: '－';
}
.QuestionList .TitleHeading.open::after {
  content: "閉じる";
}
/*ログイン*/
.ButtonBlock,
.LoginInputItem {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
input[type="text"].ImputShort,
input[type="password"].ImputShort,
.ImputShort {
  max-width: 300px;
  width: 100%;
}
.ButtonBlock .BtnLineUp {}
/*ログインボタン*/
.LoginBox {}
.LoginBox .OthersTaiou {
  text-align: center;
  display: block;
  height: 50px;
}
.LoginBox .OthersTaiou a {
  margin: 2px auto;
  width: 80%;
  max-width: 300px;
  padding: 5px 20px;
  display: block;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.05) inset;
  border-radius: 3px;
}
.SousaComment a {
  margin: 2px auto;
  width: 80%;
  max-width: 300px;
  padding: 5px 20px;
  display: block;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.05) inset;
  border-radius: 30px;
  max-width: 160px;
}
/*管理者用*/
.AdminLogin .SknTplDecoratedBox .DecoratedBox .inner a,
.AdminPage .SknTplDecoratedBox .DecoratedBox .inner a {
  color: #b72bfc;
}
/*学校用*/
.SchoolPage .SknTplDecoratedBox .DecoratedBox .inner a,
.SchoolPage .SknTplDecoratedBox .DecoratedBox .inner a {
  color: #0f87c1
}
/*一般用*/
/*ss_format*/
.SknTplDecoratedBox .DecoratedBox .inner a {
  font-weight: bold;
}
.MyPage .SknTplDecoratedBox.Type2>.DecoratedBox>.inner,
.MyPage.LoginPage .SknTplDecoratedBox.Type2>.DecoratedBox>.inner {
  padding: 25px 50px;
  border: 1px solid #008800;
  background: #f7fff2;
  position: relative;
  border-radius: 5px;
}
/*管理者ログイン*/
.Admin.MyPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner ,
.Admin.MyPage.LoginPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner {
  padding: 25px 50px;
  border: 1px solid #680099;
  background: #fcf2ff;
  position: relative;
  border-radius: 5px;
}
/*学校ログイン*/
.SchoolPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner ,
.SchoolPage.LoginPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner {
  padding: 25px 50px;
  border: 1px solid #0f87c1;
  background: #f2f3ff;
  position: relative;
  border-radius: 5px;
} 
@media screen and (max-width: 767px) {
　.Admin.MyPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner,
　.Admin.MyPage.LoginPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner {
    padding: 25px 15px;
  }
}
@media screen and (min-width: 768px), print {
  .MainMenuBlock .LogoHeader {
    position: relative;
  }
  .MainMenuBlock .LogoHeader .LogButtonItem {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 70px;
    background: #008800;
    box-shadow: 0 0 1.0em rgba(126, 242, 76, 0.55) inset;
    box-shadow: 0 0 1.0em rgba(50, 166, 0, 0.75) inset;
    text-align: center;
    display: flex;
    align-items: center;
  }
  .MainMenuBlock .LogoHeader .GoMenberLink .LogButton {
    display: block;
    color: #fff;
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-weight: 700;
    font-size: 120%;
    text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.55);
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  .MainMenuBlock .LogoHeader .GoMenberLink .LogButton:hover{
    background:#222;
    -webkit-transition: all .4s;
    transition: all .4s;
  }
  /*学校用ログアウト*/
  .SchoolPage .MainMenuBlock .LogoHeader .LogButtonItem {
    background: #0f87c1;
    box-shadow: 0 0 1.0em rgba(255, 255, 255, 0.1) inset;
  }
  /*管理者用ログアウト*/
  .AdminPage .MainMenuBlock .LogoHeader .LogButtonItem {
    background: #b72bfc;
    box-shadow: 0 0 1.0em rgba(255, 255, 255, 0.1) inset;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .LoginPage .SknTplDecoratedBox .DecoratedBox .inner {
    background: none;
    padding: 30px 0px;
    margin: 10px auto;
  }
  .MyPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner ,
  .MyPage.LoginPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner {
    padding: 25px 15px;
  }
  .Admin.MyPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner ,
  .Admin.MyPage.LoginPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner {
    padding: 25px 15px;
  }
  .SchoolPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner ,
  .SchoolPage.LoginPage .SknTplDecoratedBox.Type2 > .DecoratedBox > .inner {
    padding: 25px 15px;
  } 
  .MainMenuBlock .LogoHeader .LogButtonItem {
    position: fixed;
    z-index: 10000;
    width: 55px;
    height: 40px;
    top: 10px;
    right: 50px;
    background: none;
    margin: 0;
    z-index: 21000;
    cursor: pointer;
  }
  .LogButtonItem .LogButton {
    display: block;
    margin: 0 auto;
    padding: 5px 0;
    height: 32px;
  }
  .LogButtonItem .LogButton .Icon {
    font-size: 150%;
    display: block;
    margin: 0 auto;
    line-height: 1.0;
    text-align: center;
  }
  .LogButtonItem .LogButton .IconText {
    font-size: 62.5%;
    font-weight: normal;
    display: block;
    line-height: 1.1;
    text-align: center;
  }
  .LoginBox .OthersTaiou a {
    margin: 20px auto;
    width: 90%;
    max-width: 300px;
    padding: 5px 15px;
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.05) inset;
    border-radius: 3px;
  }
  /*ユーザー用ログアウト*/
  .MyPage .MainMenuBlock .LogoHeader .LogButtonItem {
    color: #008800;
  }
  /*学校用ログアウト*/
  .SchoolPage .MainMenuBlock .LogoHeader .LogButtonItem {
    color: #4cb5e8;
  }
  /*管理者用ログアウト*/
  .AdminPage .MainMenuBlock .LogoHeader .LogButtonItem {
    color: #b72bfc;
  }
}
@media screen and (min-width: 768px), print {
  .MainMenuBlock .BlockContents {
    background: #fff;
  }
}
.MainMenuBlock .MainMenuList {
  margin: 1px auto;
}
.MainMenuBlock .MainMenuList>li>a {
  justify-content: center;
}
.CartNum {
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  padding: 3px 5px;
  background: Green;
  color: #fff;
  margin-left: 2px;
  font-size: 0.7em;
  line-height: 1;
}
/*学校*/
.SchoolDivision .MainMenuBlock .MainMenuList>li>a::before,
.SchoolDivision .MainMenuBlock .MainMenuList>li>a::after {
  background-color: #4cb5e8;
}
/*管理者*/
.AdminDivision .MainMenuBlock .MainMenuList>li>a::before,
.AdminDivision .MainMenuBlock .MainMenuList>li>a::after {
  background-color: #b72bfc;
}
@media screen and (min-width: 768px), print {
  header.HeaderDivision {
    height: 125px;
  }
  .MainMenuBlock .BlockHeader {
    height: 70px;
    border-bottom: 1px solid #222;
  }
  header.HeaderDivision.FixMenu.FixMenu2 .HeaderGroup {
    position: fixed;
    top: -94px;
    padding-top: 24px;
    height: 147px;
  }
  .MainMenuBlock .MainMenuList>li.DropDownParent .Label,
  .MainMenuBlock .MainMenuList>li .Label {
    position: static;
    z-index: 10;
    font-weight: 600;
    color: #222;
    line-height: 54px;
    font-family: 'Zen Maru Gothic';
  }
  .MainMenuBlock .MainMenuList>li.DropDownParent:hover>a .Label,
  .MainMenuBlock .MainMenuList>li a:hover .Label {
    color: #fff;
  }
  .MainMenuBlock .MainMenuList>li.DropDownParent:hover>a::after,
  .MainMenuBlock .MainMenuList>li>a::after {
    top: 54px;
    top: 4px;
    height: 55px;
    z-index: 1;
  }
  /*選択
.MainMenuBlock .MainMenuList > li.Active > a::after {
  width:100%;
  opacity: 1;
}
.MainMenuBlock .MainMenuList > li.Active > a .Label{
  color:#fff;
}
*/
  /*個別設定
.TopPage .MainMenuBlock .MainMenuList > li.Home > a::after {
  width:100%;
  opacity: 1;
}
.TopPage .MainMenuBlock .MainMenuList > li.Home > a .Label{
  color:#fff;
}
*/
  header.HeaderDivision.FixMenu.FixMenu2 .MainMenuBlock .MainMenuList>li>a::after {
    top: 54px;
    top: 4px;
    height: 55px;
    z-index: 1;
  }
  .Heading.Type2 {
    margin-top: 0;
  }
  .BlockContents {
    /*  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;*/
  }
  .MainMenuBlock .BlockContents {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.05) inset;
  }
}
@media screen and (max-width: 767px) {
  .MainMenuBlock .MainMenuList>li.DropDownParent>a {
    display: none;
  }
  .MainMenuBlock .DropDownChild>.inner .Heading {
    display: block;
    border-radius: 10px;
    padding: 0.5em 0;
    text-align: center;
    background: #fff;
    border: 1px solid #aaa;
    color: #222;
    width: 100%;
    font-size: 100%;
    line-height: 1.3;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
  }
  .MainMenuBlock .DropDownChild>.inner .Heading:after {
    content: "＋";
    position: absolute;
    right: 10px;
    font-size: 30px;
    top: -3px;
  }
  .MainMenuBlock .DropDownChild>.inner .Heading.open {
    border-radius: 10px 10px 0 0;
  }
  .MainMenuBlock .DropDownChild>.inner .Heading.open:after {
    content: "－";
  }
  .MainMenuBlock .DropDownChild>.inner .Heading span {
    font-size: 0.85em;
  }
  .MainMenuBlock .MainMenuList>li.DropDownParent .sub-nav-group {
    display: none;
  }
}
/*ボタン*/
.FormButton.CheckButton input, .FormButton.SendButton input {
  background: #fff;
  color: #222;
}
.FormButton.CheckButton input, .FormButton.SendButton input::hover {
  background: #008800;
}
.FormButton input:hover {
  text-decoration: none;
  background: #008800;
  color: #fff;
}
.FormButton input {
  background: #fff;
  color: #222;
}
.FormButton input::hover {
  background: #333;
  color: #222;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}
.SknTplTextButton .Button:hover {
  color: #fff !important;
  background: #333 !important;
  border-color: #333 !important;
  opacity: 1;
}
.AlignCenter {
  text-align: center;
}
.AlignLeft {
  text-align: left;
}
.AlignRight {
  text-align: right;
}
.DefaultSection {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.DefaultSection ul,
.DefaultSection ol {
  font-weight: normal;
  line-height: 1.6;
  font-size: 1em;
  border-bottom: 0px solid #cdcdcd;
  display: block;
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 5px;
  padding-left: 0em;
  margin-left: 2em;
  position: relative;
}
.DefaultSection ul li ul {
  padding-top: 0;
}
.DefaultSection ul span,
.DefaultSection ol span {}
.DefaultSection .ListCate {
  color: #896235;
  color: #008800;
  font-weight: 500;
  display: inline-block;
  width: 60px;
  vertical-align: top;
}
.DefaultSection .UserCate {
  color: #00a0dd;
  color: #25c3ff;
}
.DefaultSection .ListTitle {
  padding: 2px;
  display: inline-block;
  width: calc(100% - 65px);
  vertical-align: top;
}
.UserProcessList {}
ol.ProcessList li {
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
}
.SknTplTextButton .Button {
  margin: 10px 5px;
  border-color: #777;
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.05) inset;
}
.SknTplTextButton .Button .Icon {
  color: #222;
  width: auto;
  border: none;
  font-size: 100%;
}
.SknTplTextButton .Button .Label {
  padding: 0 1.0em 0 0.5em;
  font-size: 100%;
  min-width: 250px;
}
.SearchBlock .SknTplTextButton .Button .Label {
  min-width: 0;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .SknTplTextButton .Button {
    min-width: 200px;
  }
  .SknTplTextButton .Button .Label {
    padding: 0 1.0em 0 0.5em;
    font-size: 100%;
    min-width: 140px;
  }
}
.RegistButtonItem {
  margin: 20px auto;
  width: 100%;
  max-width: 600px;
}
.RegistButtonItem .ButtonInner {
  background: #8e8;
  box-shadow: 0 0 1.0em rgba(0, 193, 0, 0.20) inset;
  border-radius: 20px;
  padding: 20px;
  text-align: center;
}
.RegistButtonItem .ButtonInner .FlexItem {
  margin: 20px 0;
}
.ButtonIllustItem {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 20px;
}
.RegistButton,
.SknTplTextButton .RegistButton {
  border: 1px solid #ccc;
  box-shadow: 0 0 1.0em rgba(0, 193, 0, 0.10) inset;
  width: 90%;
  max-width: 600px;
  min-width: 400px;
  color: #009e00;
  color: #fff;
  background: #fff;
  background: #32a600;
  box-shadow: 0 0 1.5em rgba(255, 255, 255, 0.55) inset;
  white-space: nowrap;
}
.RegistButton .Icon,
.SknTplTextButton .RegistButton .Icon {
  color: #00c100;
  color: #fff;
}
.RegistButton .Label,
.SknTplTextButton .RegistButton .Label {
  font-weight: 700;
  font-size: 110%;
  text-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.25);
}
.Fukidashi {
  /*background: #fff;*/
  border-radius: 80px;
  padding: 18px 10px;
  position: relative;
  display: inline-block;
}
.ButtonPhoto {
  border-radius: 30px;
  overflow: hidden;
}
.ButtonIllust {
  border-radius: 10px;
  overflow: hidden;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .RegistButton,
  .SknTplTextButton .RegistButton {
    border: 1px solid #008800;
    /* box-shadow: 0 0 1.5em rgba(0, 193, 0, 0.10) inset; */
    width: 90%;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .RegistButton:hover,
  .SknTplTextButton .RegistButton:hover {
    padding-left: 10px;
    padding-right: 10px;
  }
  .ButtonIllustItem {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 5px 0 0;
  }
}
.Heading.Type11 {
  display: inline-block;
  font-size: 140%;
  margin: 1.5em 0;
  border-radius: 50px;
  border: 1px solid #ccc;
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.05) inset;
  padding: 0.5em 1em;
  background: #fff;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .Heading.Type11 {
    font-size: 100%;
  }
}
.PageTitle {
  text-align: center;
  padding: 20px 0;
  background: rgba(255, 255, 255, .2);
  background: #e2ffe2;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.PageTitle .Heading {
  margin: 0 auto;
}
.PageTitle .Heading .Main {
  font-size: 4rem;
  display: block;
  color: #008800;
  font-weight: 500;
}
.PageTitle .Heading .Sub {
  font-size: 1.5rem;
  display: block;
  color: #555;
  /* font-size:8.5rem;
  position: absolute;
  bottom: -20px;
  left: 20%;
  color: rgba(255,255,255,0.2);*/
}
/*学校用タイトル*/
.SchoolPage .PageTitle {
  background: #4cb5e8;
}
.SchoolPage .PageTitle .Heading .Main {
  color: #fff;
  /*text-shadow: 0 0 15px rgba(0,0,0,0.5), 0 0 2px  rgba(0,0,0,0.5) ,0 0 3px  rgba(0,0,0,0.5);*/
}
/*管理者用タイトル*/
.AdminPage .PageTitle {
  background: #de9bff;
}
.AdminPage .PageTitle .Heading .Main {
  color: #fff;
  /*text-shadow: 0 0 15px rgba(0,0,0,0.5), 0 0 2px  rgba(0,0,0,0.5) ,0 0 3px  rgba(0,0,0,0.5);*/
}
.AdminPage .PageTitle .Heading .Sub {
  color: #fff;
  /*text-shadow: 0 0 15px rgba(0,0,0,0.5), 0 0 2px  rgba(0,0,0,0.5) ,0 0 3px  rgba(0,0,0,0.5);*/
}
.AdminPage .MainMenuBlock .BlockContents {
  border-top: 1px solid #de9bff;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .PageTitle {
    padding-top: 80px;
    padding-top: 30px;
  }
  .PageTitle .Heading .Main {
    font-size: 2.4rem;
  }
  .PageTitle .Heading .Sub {
    font-size: 1.2rem;
  }
}
.BasicBlock {
  border: 1px solid #ccc;
  box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.05);
  min-height: 300px;
  border-radius: 10px;
}
.BasicBlock .inner {
  padding: 20px 40px;
}
.BasicBlock .inner .inner {
  padding-bottom: 0;
}
.BasicBlock .inner .CancelConfirm {
  width: 60%;
  margin: 0 20%;
}
.BasicBlock .inner .PageWidthSetter {
  padding: 0;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .BasicBlock .inner {
    padding: 20px;
  }
  .BasicBlock .inner .CancelConfirm {
    width: 90%;
  margin: 0 5%;
  }
}
.BasicBlock .inner .BlockHeader {
  text-align: center;
}
/*疑似要素　1行目だけをスタイル*/
.BasicBlock .inner .BlockContents .DefaultText::first-line {
  font-size: 160%;
  position: relative;
  padding: 0.375em 0px;
  margin: 1.0em 0 0.4em;
  color: #008800;
  font-weight: 600;
}
.BasicBlock .inner .BlockContents .DefaultText::first-line::before {}
/*学校・教委用　疑似要素　1行目だけをスタイル*/
.SchoolPage .BasicBlock .inner .BlockContents .DefaultText::first-line {
  font-size: 160%;
  position: relative;
  padding: 0.375em 0px;
  margin: 1.0em 0 0.4em;
  color: #0f87c1;
  font-weight: 600;
}
.SchoolPage .BasicBlock .inner .BlockContents .DefaultText::first-line::before {}
.SchoolPage .NewsList li .TextItem .Title :hover {
  color: #0f87c1;
}
/*画像一覧*/
.CatalogImageList .ColumnGroup {
  justify-content: flex-start;
}
.CatalogImageList .ColumnGroup>.Column {
  border: 1px solid #f5f5f5;
  border: 1px dotted #d2d2d2;
  padding: 5px;
  margin: 0;
}
.CatalogImageList .ColumnGroup>.Column .Image {
  aspect-ratio: 4/3;
  height: 100%;
  /*background: #fff;*/
  margin-bottom: 5px;
}
.CatalogImageList .ColumnGroup>.Column .Image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.CatalogImageList .ColumnGroup>.Column .Caption {}
.CatalogImageList .ColumnGroup>.Column .ImageItem .Caption .PX {
  display: inline-block;
}
/*詳細ページ*/
.CatalogDetailImage .ImageItem .Image {
  aspect-ratio: 4/3;
  height: 100%;
  background: none;
  margin-bottom: 5px;
}
.CatalogDetailImage .ImageItem .Image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.CatalogDetailImage .TextItem {
  text-align: left;
}
.FileInfo {}
.SozaiTitle {
  width: calc(100% - 60px);
  padding: 0;
  margin-top: 0;
}
.Heading.Type2.SozaiTitle .Main {
  font-size: 100%;
  padding: 0 0 0 5px;
  color: #fff;
}
.Heading.Type2.SozaiTitle .Sub {
  font-size: 70%;
  color: #fff;
}
/*戻る*/
.HeaderItem {
  position: relative;
  width: 100%;
}
.ReturnButton {
  position: absolute;
  right: 5px;
  top: 40px;
  width: 60px;
  z-index: 10;
}
/*申請一覧*/
/*表*/
.SknTplDecoratedTable table {
  margin-bottom: 0;
}
.FormTable th .Required .Label {
  font-size: 75%;
  line-height: 1.5;
  margin: 0;
  padding: 0 0.5em;
  border-radius: .2em;
  color: #fff;
  background: #f00;
  display: inline-block;
}
.SknTplDecoratedTable table tbody th {
  width: 30%;
  background: #e8f2ff;
}
.InputText {
  width: 95%;
  margin: 0 0.15em 0 0;
}
input[type="text"], input[type="date"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="file"], select, textarea {
  /*add 2021-10-06*/
  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px #eee inset;
  border-radius: 4px;
  margin: 5px;
  line-height: 1;
  padding: 10px 5px;
  vertical-align: middle;
}
textarea {
  line-height: 1.2;
}
select {
  padding: 2px 5px;
}
input[type="checkbox"],
input[type="radio"],
progress,
input[type="range"] {
  accent-color: #008800;
  transform: scale(1.3);
}
/*学校用*/
.SchoolPage input[type="checkbox"],
.SchoolPage input[type="radio"],
.SchoolPage progress,
.SchoolPage input[type="range"] {
  accent-color: #0e8bc8;
  transform: scale(1.3);
}
/*管理者用*/
.AdminPage input[type="checkbox"],
.AdminPage input[type="radio"],
.AdminPage progress,
.AdminPage input[type="range"] {
  accent-color: #b72bfc;
  transform: scale(1.3);
}
.AuthCaptchaTable {
  margin: 30px auto 15px;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 4px solid #ebf5da;
  background: #fff;
}
.RequestImageList {}
.RequestImageList .RequestImage {}
.RequestImageList .SknTplImageParagraph .ImageItem {
  width: 100%;
  float: none;
}
.RequestImageList .SknTplImageParagraph .TextItem {
  width: 100%;
  float: none;
  padding: 0;
}
.RequestImageList .ColumnGroup {
  text-align: left;
}
.PageBlock p .required {
  color: #fff !important;
  background-color: #ff0000;
  display: inline-block;
  font-size: 75%;
  line-height: 1.125;
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
  margin-right: 2px;
}
.MiddleTextArea {
  width: 100%;
  max-width: 700px;
}
/*フォーム*/
.SknTplDecoratedTable .CheckboxItem {
  margin: 0;
  list-style: none;
}
.SknTplDecoratedTable .Postal1 {
  width: 40px;
}
.SknTplDecoratedTable .Postal2 {
  width: 60px;
}
.ButtonBox.Request {
  text-align: center;
}
.ImputVVShort {
  max-width: 80px;
  width: 100%;
}
.ImputVShort {
  max-width: 200px;
  width: 100%;
}
.ImputShort {
  max-width: 300px;
  width: 100%;
}
.ImputMiddle {
  width: 100%;
  max-width: 400px;
}
.ImputLong {
  width: 100%;
  max-width: 500px;
}
.ImputVLong {
  width: 100%;
  max-width: 700px;
}
.Type300 {
  width: 300px;
}
.Type400 {
  width: 400px;
}
.Type500 {
  width: 500px;
}
.Type600 {
  width: 600px;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .Type300 {
    width: 100%;
    max-width: 300px;
  }
  .Type400 {
    width: 100%;
    max-width: 400px;
  }
  .Type500 {
    width: 100%;
    max-width: 500px;
  }
  .Type600 {
    width: 100%;
    max-width: 600px;
  }
  .ImputLong {
    width: 100%;
    max-width: 100%;
  }
}
.MessageBox {
  max-width: 800px;
  margin: 1em auto;
  width: 95%;
  border: 2px solid #eee;
  padding: 25px 25px 25px 35px;
}
.MessageBox.Error {
  border: 2px solid #ff0000;
}
.MessageBox.Error .Icon {
  color: #ff0000;
}
.MessageBox.Complete {
  border: 2px solid #92c000;
}
.MessageBox.Complete .Icon {
  color: #92c000;
}
.MessageBox ul {
  text-align: left;
  max-width: 800px;
  margin: 0 auto;
}
.MessageBox ul li {
  padding: 5px;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .MessageBox .Heading .Icon {
    padding-top: 10px;
  }
  .MessageBox .Heading .Icon::before {
    font-size: 300%;
  }
  .MessageBox .Heading .Label {
    margin-top: 10px;
    display: block;
  }
}
/* FooterDivision
--------------------------------------------------- */
#FooterDivision {
  width: 100%;
  background: #fff;
  margin-top: 0;
  padding-top: 0px;
  text-align: center;
  border-top: 1px solid #ccc;
}
#FooterDivision>.inner {
  position: relative;
  padding: 0 0 20px;
}
#FooterDivision a {}
/* - - PageTopの表示位置（装飾はcommon_element） - - */
#FooterDivision .GoPageTop {
  /*position: absolute;
          top:  1em;
          left: 50%;*/
  z-index: 100;
}
/*Copyright*/
#FooterDivision .CopyrightText {
  bottom: 0;
  width: 100%;
  color: #222;
  text-align: center;
  font-size: 75%;
  padding: 1.5em 0.25em;
}
#FooterDivision .CopyrightBox {
  border-top: 0px solid #bdbdbd;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  #FooterDivision {
    min-width: 0;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 600px), print {
  #FooterDivision .CopyrightText {
    padding: 35px 90px 35px 10px;
    padding: 35px 90px 35px 90px;
    text-align: left;
  }
}
.FooterMenuArea {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  padding: 0;
  color: #222;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 600px), print {
  .FooterMenuArea {
    padding: 10px 10px 0 10px;
  }
}
/* - - FooterMenuBlock - - */
.FooterMenuBlock {
  margin-top: 20px;
}
.FooterMenuBlock .BlockHeader {
  text-align: center;
  margin: 10px auto;
  float: none;
  width: 100%;
  max-width: 600px;
}
.FooterMenuBlock .BlockHeader .Heading {
  display: block;
  margin: 0 auto;
  font-size: 1.5em;
}
.FooterMenuBlock .BlockHeader .Heading img {
  width: 316px;
  height: auto;
}
.FooterMenuBlock .BlockHeader .SubHeading {
  line-height: 1.6;
  max-width: 900px;
  margin: 10px auto;
}
.FootManageSectionName {
  font-size: 120%;
}
.AddressItem {
  vertical-align: middle;
  line-height: 1.8;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1.0em;
}
.AddressItem.AddressItemBlock {
  display: block;
}
.AddressItem .AddTitle {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 5px;
}
.AddressItem .AddTitle span {}
.AddressItem .AddContent {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 2px;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (min-width: 768px), print {
  .AddressItem .AddContent br {
    display: none;
  }
  .FooterMenuBlock .BlockContents {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .SubHeading .AddressItem {
    display: block;
  }
  .SubHeading .AddressItem .AddContent {
    display: block;
  }
}
.FooterMenuBlock .BlockHeader .Heading img {
  max-width: 316px;
  width: 90%;
  height: auto;
}
.AddressItem .AddTitle {
  display: inline-block;
  min-width: 60px;
  position: relative;
  vertical-align: top;
  white-space: nowrap;
}
@media screen and (max-width: 600px), print {
  .FooterMenuBlock .BlockContents {
    width: -webkit-calc(100% - 370px);
    width: calc(100% - 370px);
    margin-left: 20px;
  }
  .FooterMenuBlock .BlockHeader {
    width: 100%;
    float: none;
  }
  .FooterMenuBlock .BlockContents {
    width: auto;
    margin: 30px 1em 0;
    float: none;
  }
  .AddressItem .AddTitle {
    display: inline-block;
    min-width: 60px;
    position: relative;
    vertical-align: top;
    white-space: nowrap;
  }
  .AddressItem .AddContent {
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
  }
  #FooterDivision .AddressItem .AddContent {
    width: 100%;
  }
}
#FooterDivision .CopyrightText {
  bottom: 0;
  width: 100%;
  color: #222;
  text-align: center;
  font-size: 75%;
  padding: 0 0.25em 1.5em 0.25em;
}
.FooterMenuBlock .BlockContents ul.FootLink {}
.FooterMenuBlock .BlockContents ul.FootLink li {
  display: inline-block;
  margin: 7px 5px;
}
.FooterMenuBlock .BlockContents ul.FootLink li a {
  color: #fff;
}
.FooterMenuBlock .BlockContents ul.FootLink li a:hover,
.FooterMenuBlock .BlockContents ul.FootLink li a:hover::before {
  color: #857561;
}
.FooterMenuBlock .BlockContents ul li a::before {
  content: '\e807';
  font-family: "picticon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  margin-right: 0.1em;
  padding-right: 0.3em;
  color: #fff;
  position: static;
}
.FooterMenuBlock .BlockContents .SNSBlock {
  width: 550px;
  margin: 10px auto;
  text-align;
  center;
}
/*SNS*/
#hatena, #evernote, #mixi_check, #gree, #twitter, #facebook {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
}
#evernote img {
  vertical-align: top;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .FooterMenuBlock .BlockContents ul.FootLink {
    width: 100%;
  }
  .FooterMenuBlock .BlockContents ul.FootLink li {}
  .FooterMenuBlock .BlockContents .SNSBlock {
    width: 100%;
  }
  .FooterMenuBlock .BlockContents .SNSBlock>div {}
  .FooterMenuBlock .BlockContents ul.FootLink li {
    display: inline-block;
    margin: 5px 5px;
    min-width: 45%;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 600px), print {
  .FooterMenuBlock .BlockContents .SNSBlock {
    margin: 10px auto 0;
  }
}
/* - -.AuthorItem - - */
.AuthorItem {
  margin: 5px 0 5px 10px;
  text-align: left;
}
.AuthorItem img {
  width: 280px;
}
.AuthorItem .ParagraphHeader {}
.AuthorItem .ParagraphHeader .Heading {
  font-size: 112.5%;
  text-align: left;
  margin: 0 0 0.75rem;
}
.AuthorItem .ParagraphContents {}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .FooterMenuBlock .BlockContents .ColumnGroup2elements .Column.FootMenuColumn .ColumnGroup .Column {
    width: 90%;
    margin-left: 10%;
  }
  .ButtonSchoolLink {
    display: none;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (min-width: 600px), print {
  .FooterMenuColumnGroup {
    max-width: 400px;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 600px), print {
  .AuthorItem {
    margin: 20px 0 40px 0;
    text-align: center;
  }
  .AuthorItem .ParagraphContents .DefaultText {
    text-align: center;
  }
  .AuthorItem .ParagraphFooter {
    margin-top: 20px;
  }
  .AuthorItem .ParagraphHeader .Heading {
    text-align: center;
  }
  .AuthorItem img {}
  .AuthorItem .ParagraphContents .DefaultText>p {
    display: block;
  }
  .AuthorItem .ParagraphContents .DefaultText .Tel {
    line-height: 2;
  }
  .AuthorItem .ParagraphContents .DefaultText .Sub {
    margin-right: -3em;
    vertical-align: middle;
  }
  .AuthorItem .ParagraphContents .DefaultText .Tel.icon-fax {
    display: block;
    margin-right: 0em;
  }
  .AuthorItem .ParagraphFooter .ButtonItem {
    display: block;
    width: 200px;
    margin: 20px auto;
  }
  .FooterMenuBlock .BlockContents .ColumnGroup2elements .Column.FootMenuColumn {
    display: none;
  }
  /* + + + + + レスポンシブ + + + + +  */
  .AuthorItem .ParagraphFooter {
    background: none;
  }
  /* + + + + + レスポンシブ + + + + +  */
}
.PageTopButton {
  position: fixed;
  z-index: 15000;
  right: 5px;
  bottom: 10px;
  display: block;
}
.PageTopButton .GoPageTopSide .ArrowPageTop {
  text-decoration: none;
}
.PageTopButton a.ArrowPageTop:hover {
  text-decoration: none;
}
#PageTopButton .Icon {
  font-size: 6rem;
  padding: 0;
  line-height: 1;
  margin-bottom: -2rem;
  display: block;
}
#PageTopButton .ArrowPageTop:hover .Icon {
  margin-bottom: -1rem;
  -webkit-transition: all .4s;
  transition: all .4s;
}
#PageTopButton .Label {
  font-size: 0.8rem;
  display: block;
  text-align: center;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 600px), print {}
/*お知らせ*/
.InformationDetailBlock {}
.InformationDetailBlock .BlockContents {}
.InformationDetailBlock .BlockContents .TextItem {
  line-height: 2;
}
.InformationDetailBlock .BlockContents .ColumnGroup>.Column .inner {
  padding: 10px;
}
.InformationDetailBlock .BlockContents.ImageGroup1elements,
.InformationDetailBlock .BlockContents.ImageGroup2elements {
  display: flex;
  flex-wrap: wrap;
  /*align-items:center;
  flex-direction:row-reverse;*/
}
.InformationDetailBlock .BlockContents.ImageGroup1elements .SknTplThumbnailList {
  width: 50%;
}
.InformationDetailBlock .BlockContents.ImageGroup2elements .SknTplThumbnailList {
  width: 50%;
}
.InformationDetailBlock .BlockContents.ImageGroup1elements .TextItem {
  width: 50%;
}
.InformationDetailBlock .BlockContents.ImageGroup2elements .TextItem {
  width: 50%;
}
.InformationDetailBlock .BlockContents.ImageGroup1elements .SknTplThumbnailList .li {
  width: 100%;
}
.InformationDetailBlock .BlockContents.ImageGroup2elements .SknTplThumbnailList .li {
  width: 100%;
}
.InformationDetailBlock .BlockContents.ImageGroup1elements .ColumnGroup {
  width: 100%;
  display: block;
}
.InformationDetailBlock .BlockContents.ImageGroup2elements .ColumnGroup {
  width: 100%;
  display: block;
}
.InformationDetailBlock .BlockContents.ImageGroup2elements .ColumnGroup2elements>.Column {
  width: 100%;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .InformationDetailBlock .BlockContents .ColumnGroup {
    display: flex;
    flex-wrap: wrap;
  }
  .InformationDetailBlock .BlockContents .ColumnGroup>.Column {
    width: 50%;
  }
  .InformationDetailBlock .BlockContents.ImageGroup1elements,
  .InformationDetailBlock .BlockContents.ImageGroup2elements {
    display: block;
    flex-wrap: wrap;
    /*align-items:center;*/
    flex-direction: row-reverse;
  }
  .InformationDetailBlock .BlockContents.ImageGroup1elements .SknTplThumbnailList,
  .InformationDetailBlock .BlockContents.ImageGroup2elements .SknTplThumbnailList {
    width: 100%;
  }
  .InformationDetailBlock .BlockContents.ImageGroup1elements .TextItem,
  .InformationDetailBlock .BlockContents.ImageGroup2elements .TextItem {
    width: 100%;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 600px), print {
  .InformationDetailBlock .BlockContents .ColumnGroup {
    display: block;
  }
  .InformationDetailBlock .BlockContents .ColumnGroup>.Column {
    width: 100%;
  }
}
/*マイページのお知らせ*/
/*AllCategoryList*/
/* + + + + + レスポンシブ + + + + +  */
@media screen and (min-width: 768px), print {
  .NewsList.AllCategoryList li .TextItem .Meta {
    min-width: 17em;
    padding: 0.8em 0;
  }
  .NewsList.AllCategoryList li .TextItem .Title {
    display: inline-block;
    width: calc(100% - 19em);
    vertical-align: middle;
  }
  .NewsList.AllCategoryList li .TextItem .Meta .Date {
    min-width: 4.5em;
  }
  .NewsList.AllCategoryList li .TextItem .Meta .InfoCate {
    min-width: 9em;
  }
}
/*MyPage*/
.TopArea {
  margin: 40px auto;
}
.StatusIm {
  text-align: center;
}
.SknTplDecoratedTable table tbody .Active .StatusIm {
  background: #ffeb00;
  text-align: center;
}
.SknTplDecoratedTable table tbody .Ended .th,
.SknTplDecoratedTable table tbody .Ended .td {
  background: #f5f5f5;
  color: #aaa;
  text-align: center;
}
.SknTplDecoratedTable table:not(.RecruitManageRegistListTable) tbody .Ended th,
.SknTplDecoratedTable table:not(.RecruitManageRegistListTable) tbody .Ended td {
  background: #fefefe;
  color: #aaa;
}
.TopAreaItem .DecoratedBox .inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.TopAreaItem .DecoratedBox .inner .Comment {
  width: 80%;
  font-size: 120%;
  line-height: 1.8;
}
.TopAreaItem .DecoratedBox .inner .StatusItem {
  width: 20%;
}
.OpenCloseButton {
  padding: 20px;
  border-radius: 20px;
  background: #008800;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 160%;
  cursor: pointer;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .OpenCloseButton {
    padding: 15px;
    border-radius: 20px;
    background: #008800;
    color: #fff;
    width: 110%;
    text-align: center;
    font-size: 100%;
    cursor: pointer;
  }
}
.OpenCloseButton .Icon {
  margin-right: 2px;
}
.Comment {
  text-align: left;
}
.Comment span.Main {
  display: block;
  font-size: 180%;
}
.Comment span.Sub {
  display: block;
  font-size: 140%;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .TopAreaItem.SknTplDecoratedBox.Type1 > .DecoratedBox{
    margin: 0;
    padding: 0;
  }
  .TopAreaItem.SknTplDecoratedBox.Type1 > .DecoratedBox > .inner{
    padding: 0;
  }
  .TopAreaItem.SknTplDecoratedBox.Type1 > .DecoratedBox > .inner{
    flex-flow: column;
  }
  .TopAreaItem.SknTplDecoratedBox.Type1 > .DecoratedBox > .inner .Comment{
    width: 100%;
  }
  .TopAreaItem.SknTplDecoratedBox.Type1 > .DecoratedBox > .inner .StatusItem{
    width: 50%;
  }
  .TopAreaItem.SknTplDecoratedBox.Type1 > .DecoratedBox > .inner .OpenCloseButton{
    font-size: 120%;
    padding: 10px 15px;
  }
  .TopAreaItem .DecoratedBox .inner .Comment {
    width: calc(100% - 165px);
    font-size: 120%;
    line-height: 1.8;
    padding: 5px;
  }
  .TopAreaItem .DecoratedBox .inner .StatusItem {
    width: 160px;
  }
}
/*一覧*/
.TextList li .TextItem::before,
.TextList li .TextItem:after {
  display: none;
}
.TextList li a:hover {
  text-decoration: none;
}
.TextList li .TextItem .Title {
  width: calc(100% - 220px);
  position: relative;
  text-decoration: none;
}
.TextList li .TextItem .Title .Icon.AutoIcon {
  position: absolute;
  top: 50%;
  left: -3em;
  margin-top: -0.75em;
  margin-top: -1em;
  padding: 0;
}
.SknTplTextList ul.TextList>li .Icon.AutoIcon::before {
  color: #fff;
  background: none;
  line-height: 2;
  width: 2em;
  border: 1px solid #555;
  border-radius: 100%;
  text-decoration: none !important;
  font-family: "preset-icon";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  opacity: .8;
  font-variant: normal;
  text-transform: none;
}
/*お知らせ用*/
.SknTplTextList ul.TextList>li a .Icon.AutoIcon::before {
  content: "\e80e";
  /*content: "\e8dc";*/
  color: #555;
}
.SknTplTextList ul.TextList>li a[href*=".pdf"] .Icon.AutoIcon::before {
  content: "\f1c1";
  color: #ff0000;
  border-color: #ff0000;
}
.SknTplTextList ul.TextList>li a[href*=".doc"] .Icon.AutoIcon::before,
.SknTplTextList ul.TextList>li a[href*=".docx"] .Icon.AutoIcon::before {
  content: "\f1c2";
  color: #0080ff;
  border-color: #0080ff;
}
.SknTplTextList ul.TextList>li a[href*=".xls"] .Icon.AutoIcon::before,
.SknTplTextList ul.TextList>li a[href*=".xlsx"] .Icon.AutoIcon::before {
  content: "\f1c3";
  color: #2e8b57;
  border-color: #2e8b57;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .TextList li .TextItem .Title {
    width: 100%;
    padding-left: 3em
  }
  .TextList li .TextItem .Meta {
    margin-bottom: 0.5em;
    display: block;
    padding-left: 3em;
  }
  .TextList li .TextItem .Title .Icon.AutoIcon {
    position: absolute;
    top: 50%;
    left: 0em;
    margin-top: -2em;
    padding: 0;
  }
}
/*タブ*/
.TabContentsItem {}
.TabContentsItem .BlockHeader {
  position: relative;
}
.TabContentsItem .TabTitle {
  text-align: left;
}
.TabContentsItem .TabSelectblock {
  position: absolute;
  bottom: 2px;
  left: 200px;
  width: calc(100% - 200px);
  max-width: 600px;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .TabContentsItem .TabSelectblock {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.TabMenu {
  display: flex;
  list-style: none;
  align-items: stretch;
  justify-content: center;
}
.TabMenu:nth-of-type(2) {}
.TabMenu li {
  background: #eee;
  color: #222;
  flex-grow: 1;
  padding: 10px;
  border-left: #fff 2px solid;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.TabMenu li:hover {
  background: #008800;
  color: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.TabMenu li:first-child {
  border-left: none;
}
.TabMenu li.Active {
  background: #008800;
  color: #fff;
}
.TabMenu:nth-of-type(2) li.Active {
  background: #81c7d4;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .TabMenu li {
    background: #eee;
    color: #aaa;
    flex-grow: 1;
    padding: 10px 5px;
    min-width: 60px;
  }
}
/*学校・教委用タブ*/
.SchoolPage .TabMenu li:hover {
  background: #4cb5e8;
  color: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.SchoolPage .TabMenu li.Active {
  background: #0f87c1;
  color: #fff;
}
/*管理者用タブ*/
.AdminPage .TabMenu li:hover {
  background: #b72bfc;
  color: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.AdminPage .TabMenu li.Active {
  background: #b72bfc;
  color: #fff;
}
/*新着アップデートあり*/
.UpdateInfo {
  position: relative;
}
.UpdateInfo.New::before {
  content: "NEW";
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 70%;
  background: #ff0000;
  color: #fff;
  padding: 2px;
  line-height: 26px;
  height: 26px;
  width: 26px;
  text-align: center;
}
.TabMenu .UpdateInfo.New::before {
  content: "NEW";
  position: absolute;
  top: 0;
  right: 0;
}
.UpdateInfo.New a {
  width: calc(100% - 35px);
  display: inline-block;
}
.TabContent {
  display: none;
  padding: 0;
  border: none;
}
.TabContents:nth-of-type(2) .TabContent {
  border-color: #81c7d4;
}
.TabContent.Active {
  display: block;
}
/*TopKanri*/
.TopKanriArea {
  margin-top: 100px;
}
.TopKanriArea .TopKanriBlock.BasicBlock {
  position: relative;
  border-radius: 0 10px 10px 10px;
}
.TopKanriArea .TopKanriBlock.BasicBlock .inner {
  padding: 10px 20px 20px 20px;
}
.TopKanriArea .BlockHeader {
  border: 1px solid red;
  position: absolute;
  top: -65px;
  left: -1px;
  width: 100%;
  width: calc(100% + 2px);
  max-width: 600px;
  padding: 20px 20px 2px 20px;
}
.TopKanriArea .TabContentsItem .TabSelectblock {
  position: static;
  width: 100%;
  max-width: 600px;
}
.TopKanriArea .TabContentsItem .BlockHeader {
  border: 1px solid #ccc;
  border-bottom: none;
  /*box-shadow: 0 0 0.8em rgba(0,0,0,0.05);*/
  border-radius: 10px 10px 0 0;
  background: #fff;
  margin-top: 0;
}
.TopKanriArea table {
  padding-top: 5px;
}
.TopKanriArea .TopStatusEditItem {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: space-between;
}
.SelectStatusItem {
  width: calc(100% - 410px);
  display: block;
  justify-content: flex-start;
  align-items: center;
}
.SelectStatusItem .SelectStatusCheck {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.StatusTitle {
  min-width: 120px;
}
.EditStatusButtonItem {
  width: 360px;
  display: flex;
  justify-content: flex-end;
}
.EditStatusButtonItem.AutoWidth {
  width: auto;
  display: flex;
  justify-content: flex-end;
}
.SelectStatusItem .CheckboxItem {
  max-width: 800px;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .TopKanriArea .TopKanriBlock.BasicBlock {
    position: relative;
    border-radius: 0 0 10px 10px;
  }
  .TopKanriArea .TopStatusEditItem {
    display: block;
    list-style: none;
    padding: 5px;
    border: 1px solid #ccc;
  }
  .SelectStatusItem {
    width: 100%;
    display: block;
  }
  .EditStatusButtonItem {
    width: 100%;
    display: block;
  }
}
/*表*/
.SknTplDecoratedTable .UserKanriTable tbody>tr>th,
.SknTplDecoratedTable .RecruitKanriTable tbody>tr>th {
  width: auto;
  padding: 10px;
}
/*マイページ*/
.FavoriteInfoArea .ResultBlock .SknTplDecoratedTable thead th {
  background: #008800;
}
/*ユーザー表*/
.UserKanriTable {}
.UserKanriTable {}
.UserKanriTable .EditSt {
  width: 200px;
}
.UserKanriTable .AccountSt {
  width: 120px;
}
.UserKanriTable .NameSt {
  width: 400px;
}
.UserKanriTable .DisplaySt {
  width: 120px;
}
.UserKanriTable .StatusSt {
  width: auto;
}
.UserKanriTable .OtherSt {
  width: auto;
}
.UserKanriTable .DetailSt {
  width: 90px;
}
.UserKanriTable .TelSt {
  width: 140px;
}
.UserKanriTable .ReachSt {
  width: 120px;
}
.UserKanriTable .AbleSt {
  width: auto;
}
.UserKanriTable td {
  width: auto;
}
.UserKanriTable td .CateKoTitle {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 350px;
}
.UserKanriTable td .CateKoTitle .Sub {
  font-size: 70%;
}
/*求人表*/
.RecruitKanriTable {}
.RecruitKanriTable .EditSt {
  width: 200px;
}
.RecruitKanriTable .RicruitSt {
  width: 120px;
}
.RecruitKanriTable .TitleSt {
  width: auto;
}
.RecruitKanriTable .SchoolSt {
  width: 200px;
}
.RecruitKanriTable .KubunSt {
  width: 180px;
}
.RecruitKanriTable .SchoolNameSt {
  width: 350px;
}
.RecruitKanriTable .KikanSt {
  width: 350px;
}
.RecruitKanriTable .DetailSt {
  width: 90px;
}
.StatusButtonItem {
  width: 100%;
  flex-wrap: wrap;
  list-style: none;
  align-items: stretch;
  justify-content: center;
  text-align: right;
}
.StatusButtonItem .EditStatusButton {
  /*width:50%;
  max-width:160px;
  margin:5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;*/
}
/*緑ボタン*/
.EditStatusButton {
  padding: 10px 15px;
  border-radius: 20px;
  background: #008800;
  color: #fff;
  min-width: 160px;
  display: inline-block;
  text-align: center;
  font-size: 110%;
  cursor: pointer;
}
/*学校・教委用緑ボタン（青色）*/
.SchoolPage .EditStatusButton {
  background: #4cb5e8;
}
/*管理者用緑ボタン（紫色）*/
.AdminPage .EditStatusButton {
  background: #b72bfc;
}
.EditStatusButton .Icon {
  margin-right: 2px;
}
.EditStatusButton .Icon::before {}
/*エクセルダウンロード*/
.EditStatusButton.ExcxelFileButton {}
.EditStatusButton .icon-file-excel::before {
  color: #fff !important;
}
/*新規登録ボタン*/
.TopNewButton {
  background: #c5004c;
}
.TopKanriArea .BlockContents {}
/*ファイルを追加*/
.FileAddButtonItem {
  display: block;
  width: 100%;
  position: relative;
}
.FileAddButton {
  padding: 2px 8px;
  border-radius: 10px;
  background: #555;
  color: #fff;
  min-width: 80px;
  display: inline-block;
  text-align: center;
  font-size: 100%;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 10px;
}
.FileAddButton .Icon {
  margin-right: 2px;
}
/*幅リセット*/
.RegistListTable tbody>tr>th:not([width]) {
  width: auto;
  padding: 10px;
}
/*管理者*/
/*新着管理*/
.RegistListTable .OpenSt {
  width: 100px;
}
.RegistListTable .OpenDateSt {
  width: 150px;
}
.RegistListTable .PageEditSt {
  width: 200px;
}
.RegistListTable .DateSt {
  width: 200px;
}
.RegistListTable .CategorySt {
  width: 200px;
}
.RegistListTable .TitleSt {
  width: auto;
}
/*学校一覧 .SchoolManageRegistListTable*/
.SchoolManageRegistListTable .SchoolTitleSt {
  width: 350px;
}
.SchoolManageRegistListTable .AccountKubunSt {
  width: 130px;
}
.SchoolManageRegistListTable .KoshuSt {
  width: 130px;
}
.SchoolManageRegistListTable .SchoolAddressSt {
  width: auto;
}
.SchoolManageRegistListTable .TelePhoneSt {
  width: 130px;
}
/*管理者の人材検索*/
.RegistListTable .AccountSt {
  width: 115px;
}
.RegistListTable .NameSt {
  width: 400px;
}
.RegistListTable .DisplaySt {
  width: 85px;
}
.RegistListTable .AbleSt {
  width: auto;
}
.RegistListTable .MailadSt {
  width: 200px;
}
/*管理者の求人検索*/
.RecruitManageRegistListTable .RicruitSt {
  width: 110px;
}
.RecruitManageRegistListTable .TitleSt {
  width: auto;
}
.RecruitManageRegistListTable .SchoolTitleSt {
  width: 250px;
}
.RecruitManageRegistListTable .KubunSt {
  width: 180px;
}
.RecruitManageRegistListTable .KikanSt {
  width: 240px;
}
/*アクティブ表示*/
.SknTplDecoratedTable table.RegistListTable tbody .Active th.StatusIm,
.SknTplDecoratedTable table.RegistListTable tbody .Active td.StatusIm {
  background: #ffeb00;
  color: #222;
}
/*マッチング履歴*/
.MarchingHistoryTable {}
.MarchingHistoryTable .SchoolTitleSt {
  width: 350px;
  width: calc((100% - 320px)/2);
}
.MarchingHistoryTable .NameSt {
  width: auto;
  width: calc((100% - 320px)/2);
}
.MarchingHistoryTable .ReachStatus {
  width: 140px;
}
.MarchingHistoryTable .RecruitStartDate {
  width: 180px;
}
.MarchingHistoryTable tbody td:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
/*Excel出力履歴*/
.ExcelOutputTable .ExcelOutputTitleSt {
  width: auto;
}
.ExcelOutputTable .ExcelOutputSt {
  width: 140px;
}
.ExcelOutputTable .ExcelOutputRequestDateSt {
  width: 200px;
}
.ExcelOutputTable .ExcelOutputDateSt {
  width: 200px;
}
.ExcelOutputTable tbody td:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.ExcelOutputTable tbody td a,
.ExcelOutputTable tbody .StatusIm a,
.ExcelOutputTable tbody .StatusIm a.ExcelOutPut {
  color: #b72bfc;
  font-weight: 600;
}
/*ログイン管理*/
.AccountManageListTable {}
.AccountManageListTable .ManagerNameSt {
  width: auto;
}
.AccountManageListTable .MailAddressSt {
  width: 450px;
}
.AccountManageListTable .DeleteAccountSt {
  width: 100px;
}
.AccountManageListTable tbody td:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.AccountManageListTable tbody button,
.AccountManageListTable tbody input[type="button"] {
  color: #ff0000;
  font-weight: 600;
  margin: 0 auto;
  display: block;
}
/*検索*/
.MyPage .SearchTable .Paragraph .ParagraphHeader {
  color: #359e35;
  color: green;
}
/*学校用人材検索*/
.SchoolPage .SearchListTable .Paragraph .ParagraphHeader {
  color: #0f87c1;
  color: #006b9b;
}
/*管理者用検索*/
.AdminPage .SearchListTable .Paragraph .ParagraphHeader {
  color: #b72bfc;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (min-width: 768px), print {
  .SearchListTable {}
  /*人材の検索*/
  .SearchTable:not(.SearchListTable) {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .SearchTable:not(.SearchListTable) tbody {
    width: 50%;
  }
  .SearchTable:not(.SearchListTable) tbody tr:nth-of-type(1) {
    border-top: 1px solid #ccc;
  }
  .SearchListTable tbody {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .SearchListTable .Paragraph {
    width: 50%;
    display: flex;
    align-items: stretch;
  }
  .SearchListTable tbody tr:nth-of-type(1),
  .SearchListTable tbody tr:nth-of-type(2) {
    border-top: 1px solid #ccc;
  }
  .SearchListTable .Paragraph .ParagraphHeader {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .SearchListTable .Paragraph .ParagraphContents {
    width: 80%;
    display: flex;
    align-items: center;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .SpNon {
    display: none;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (min-width:768px) and (max-width:1300px) {
  /*開始日*/
  .SearchBlock em {
    font-size: 70%;
  }
}
.UserStatusList {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.UserStatusList .UserStatusItem.PersonalStatus {
  width: 300px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.UserStatusList .UserStatusItem.UserHope {
  width: calc(100% - 305px);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.UserStatusList .UserStatusItem span.Main {
  width: 120px;
  text-align: center;
}
.UserStatusList .UserStatusItem span.Sub {
  width: calc(100% - 125px);
  margin-top: 5px;
  margin-bottom: 10px;
  border: none !important;
}
/*人材詳細*/
.UserDetailBlock .ReResultParagraph .ParagraphContents .StatusList {
  display: block;
}
.UserDetailBlock .ReResultParagraph .ParagraphContents .StatusList .Sub {}
.UserDetailBlock .UserStatusList .UserStatusItem.PersonalStatus {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.UserDetailBlock .UserStatusList .UserStatusItem.UserHope {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.UserDetailBlock .ReResultParagraph .ParagraphHeader .Heading {
  width: calc(100% - 501px);
}
.UserDetailBlock .TypeDetail.JobHead .ReResultParagraph .StatusItem {
  position: absolute;
  top: 0px;
  right: 0;
  max-width: 475px;
}
.UserDetailBlock .ReResultParagraph .ParagraphContents {
  padding-top: 0;
  width: -webkit-calc(100% - 501px);
  width: calc(100% - 501px);
}
.UserDetailBlock .ReResultParagraph .UserStatusContents {
  min-height: 300px;
}
.UserDetailBlock .ReResultParagraph .UserCommentStatusListContents {
  width: 100% !important;
}
.UserDetailBlock .ReResultParagraph .UserCommentStatusListContents .UserCommentStatusList {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 2%;
}
.UserDetailBlock .UserCommentStatusList .CommentStatusList {
  width: 49%;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 8px;
}
.UserDetailBlock .UserCommentStatusList .CommentStatusList .Main {
  width: 100px;
  text-align: center;
  margin-bottom: 0 !important;
}
.UserDetailBlock .UserCommentStatusList .CommentStatusList .Comeent {
  display: block;
  margin: 0;
  padding: 10px;
  border: 1px solid #222;
  line-height: 1.8;
  flex-grow: 1;
}
.UserDetailBlock .UserEvaluationText {
  width: 100%;
  display: flex;
}
.UserDetailBlock .UserEvaluationText .StatusButtonItem {
  width: 180px;
  margin: 5px;
}
.UserDetailBlock .UserEvaluationText .StatuFormItem {
  width: calc(100% - 180px);
}
.UserDetailBlock .UserEvaluationText .StatuFormItem textarea {
  width: 100%;
  max-width: 100%;
}
/*縦画像*/
.StatusItem .StatusImage {
  overflow: hidden;
  /*-webkit-box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.25);*/
  border: 1px solid #ccc;
}
.StatusItem .StatusImage .Imageinner {
  aspect-ratio: 3/2;
  background: #fff;
  display: block;
}
.StatusItem .StatusImage .Imageinner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.StatusItem .StatusImage .Imageinner:hover {}
.StatusItem .StatusImage .Imageinner:hover img {
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  -webkit-transition: all .4s;
  transition: all .4s;
}
/*学校-人材管理*/
.UserManagePage.DetailPage .SknTplDecoratedTable .UserKanriTable {
  padding-top: 0;
  padding-bottom: 20px;
}
.UserManagePage.DetailPage .SknTplDecoratedTable .UserKanriTable thead th {
  background: #555;
  padding: 2px;
}
.UserManagePage.DetailPage .SknTplDecoratedTable .UserKanriTable thead th:first-child {
  border-radius: 5px 0 0 0;
  overflow: hidden;
}
.UserManagePage.DetailPage .SknTplDecoratedTable .UserKanriTable thead th:last-child {
  border-radius: 0 5px 0 0;
  overflow: hidden;
}
@media screen and (max-width: 767px), print {
  .UserManagePage .SknTplDecoratedTable .UserKanriTable th,
  .UserManagePage .SknTplDecoratedTable .UserKanriTable td {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.SelectListTD {
  padding: 0 !important;
}
.SelectListTD .wrap_select {
  margin: 0;
  padding: 0;
}
.SelectListTD .select {
  position: relative;
  display: block;
  width: 100%;
}
.SelectListTD .select select {
  display: block;
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  margin: 0;
  padding: 1.1em 25px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #fefefe;
  background: none;
  color: #fff;
  color: #333;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  font-weight: 600;
}
.SelectListTD .select select optoion {
  color: #222;
}
.SelectListTD .select select::-ms-expand {
  display: none;
}
.SelectListTD .select select:hover,
.SelectListTD .select select:focus {
  background: none;
  color: #000;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.SelectListTD .select select:hover {
  /*color:#fff;
  background: #222;*/
}
.SelectListTD .select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.SelectListTD .select__arrow {
  position: absolute;
  top: 26px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.SelectListTD .select select:hover~.select__arrow,
.SelectListTD .select select:focus~.select__arrow {
  border-top-color: #000;
}
.SelectListTD .select select:disabled~.select__arrow {
  border-top-color: #ccc;
}
/*操作 着色*/
.SelectListItem.Active3 {
  background: #a8c6f7;
}

.SelectListItem.Active1 {
  background: #4cb5e8;
}

.SelectListItem.Active2 {
  background: #cce875;
}
.SelectListItem.Active4 {
  background: #9bf7ce;
}
/*学校-求人管理*/
.RecruitManagePage.DetailPage .SknTplDecoratedTable .RecruitKanriTable {
  /*padding-top:0;*/
  padding-bottom: 20px;
}
.RecruitManagePage.DetailPage .SknTplDecoratedTable .RecruitKanriTable thead th {
  background: #555;
  padding: 2px;
}
.RecruitManagePage.DetailPage .SknTplDecoratedTable .RecruitKanriTable thead th:first-child {
  border-radius: 5px 0 0 0;
  overflow: hidden;
}
.RecruitManagePage.DetailPage .SknTplDecoratedTable .RecruitKanriTable thead th:last-child {
  border-radius: 0 5px 0 0;
  overflow: hidden;
}
@media screen and (max-width: 767px), print {
  .RecruitManagePage .SknTplDecoratedTable .RecruitKanriTable th,
  .RecruitManagePage .SknTplDecoratedTable .RecruitKanriTable td {
    padding-top: 0;
    padding-bottom: 0;
  }
}
/*管理者*/
.DetailArea .SknTplDecoratedTable .RegistListTable thead th {
  background: #555;
  padding: 2px;
}
.DetailArea .SknTplDecoratedTable .RegistListTable thead th {
  background: #555;
  padding: 2px;
}
/*プロセス*/
.TopConceptArea .DecoratedBox.Type1 {
  background: #008800;
  color: #fff;
}
/*プロセス*/
.TopConceptArea .DecoratedBox.Type3 {
  background: #fff;
  color: #222;
}
.SknTplDecoratedBox.Type3 .DecoratedBox .inner {
  background: none;
  padding: 10px;
  margin: 10px auto;
}
.SwiperProcess .swiper-button-prev {
  left: 0;
}
.ProcessItem .swiper-wrapper {
  padding: 0 30px;
}
.ProcessItem .ProcessList {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: stretch;
}
.ProcessItem .ProcessSlide {
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
  width: calc((100% / 2) - 10px);
  padding: 15px;
  position: relative;
  height: auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+44,f7fcff+100 */
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 44%, rgba(247, 252, 255, 1) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*方向*/
.ProcessItem .ProcessSlide::before {
  content: "\e8dc";
  font-family: "preset-icon";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  opacity: .8;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: absolute;
  z-index: 1;
  right: 2px;
  top: 50%;
  color: #008800;
  font-size: 2em;
  margin-top: -10px;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .ProcessItem .ProcessSlide::before {
    content: "\e8da";
    bottom: -20px;
    top: auto;
    left: 50%;
    margin-left: -20px;
    background: #1bc61b;
    border-radius: 50px;
    color: #fff;
    padding: 5px;
    font-size: 1.5em;
  }
}
.ProcessItem .ProcessSlide.LastSlide::before {
  display: none;
}
.ProcessItem .ProcessSlide {
  padding: 15px 25px 25px 25px;
}
.ProcessItem .ProcessSlide.FirstSlide {
  padding: 0;
}
.ProcessItem .ProcessSlide.FirstSlide a {
  padding: 15px 25px 25px 25px;
  display: block;
  position: relative;
  z-index: 2;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px), print {
  .ProcessItem .ProcessSlide.FirstSlide a {
    padding: 15px;
  }
}
.ProcessItem .ProcessSlide .StepNum {
  font-weight: 500;
  font-size: 160%;
  color: #008800;
  margin-bottom: 10px;
}
.ProcessItem .ProcessSlide .StepNum .StepStep {
  font-weight: 400;
  color: #333;
  font-size: 75%;
}
.ProcessItem .ProcessSlide .StepNum .SStepNum {
  font-weight: 400;
  font-size: 170%;
  margin-right: 10px;
  line-height: 1;
  margin-top: -10px;
  font-family: "Train One", system-ui;
  font-style: normal;
}
.ProcessItem .ProcessSlide .StepTitle {
  color: #222;
  font-weight: 500;
  font-size: 110%;
}
.ProcessItem .ProcessSlide .StepComment {
  color: #222;
  font-weight: 500;
}
@media screen and (max-width: 767px), print {
  .ProcessItem .ProcessList {
    display: block;
  }
  .ProcessItem .ProcessSlide {
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    width: 100%;
    padding: 15px;
    margin-bottom: 10px;
  }
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    pagination                                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/* pagination
--------------------------------------------------- */
.pagination {
  text-align: right;
  margin: 0.5em 0;
  letter-spacing: -0.5em;
}
.pagination p {
  display: inline-block;
  padding: 0.25em 0.25em;
}
.pagination a {
  background-image: none;
  text-decoration: none !important;
}
.pagination a,
.pagination a:hover,
.pagination .disabled,
.pagination .current {
  font-family: 'Arial';
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  line-height: 2.25em;
  width: 2.25em;
  padding: 0;
  background: #fff;
  border: 1px solid #ccc;
  color: #555;
  margin: 5px;
  border-radius: 1.25em;
  letter-spacing: normal;
}
.pagination a:before {
  line-height: inherit;
}
.pagination a:hover,
.pagination a:focus {
  color: #fff;
  background-color: #555;
  text-decoration: none;
}
.pagination .current {
  color: #fff;
  background: #555;
}
.pagination .prev a,
.pagination .prev.disabled,
.pagination .next a,
.pagination .next.disabled {
  width: 4em;
}
.pagination .disabled {
  opacity: 0.25;
}
/*検索結果件数表示*/
.PageResultItem.TypeFX {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.PageResultItem .ResultNumItem {
  width: 200px;
  display: block;
}
.PageResultItem .ResultNumItem .ResultNum {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  padding: 15px;
  color: #222;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.PageResultItem .ResultNumItem span.Title {
  font-weight: 400;
  margin-right: 10px;
}
.PageResultItem .ResultNumItem span.KenNum {
  font-weight: 500;
  font-size: 160%;
}
.PageResultItem .ResultNumItem span.KenSu {
  font-weight: 400;
  margin-left: 3px;
}
.PageResultItem .pagination {
  width: calc(100% - 210px);
}

.pagination .number.dots {
  margin: 5px;
}

@media screen and (max-width: 767px) {
  .PageResultItem.TypeFX {
    display: block;
    margin-top: 30px;
  }
  .PageResultItem .ResultNumItem {
    width: 100%;
    display: flex;
  }
  .PageResultItem .pagination {
    width: 100%;
  }
}
/*コンセプトページ*/
.World .CommonBg.Grade1 {
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 44%, rgba(247, 252, 255, 1) 100%);
  border-radius: 20px;
  margin: 40px 0;
}
.ColorGreen {
  color: green;
}
.ColorBgGreen {
  color: #fff;
  background: #008800;
  padding: 10px 30px;
  background: linear-gradient(to right, #008800 0%, #32a600 24%);
}
.ColorMeshBgGreen {
  background: #ddf7dd;
  background: #ebfdeb;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-image: none;
  background-size: auto;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #d1edd3 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #d1edd3 calc(100% - 1px));
  background-size: 16px 16px;
  background-repeat: repeat;
  background-position: center center;
}
@media screen and (min-width: 768px), print {
  br.sp {
    display: none;
  }
  br.pc {
    display: block;
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  br.sp {
    display: block;
    display: inline;
  }
  br.pc {
    display: none;
  }
}
.SknTplDecoratedBox.Type10 {}
.SknTplDecoratedBox.Type10 .inner {
  background: none;
  padding: 20px 40px;
}
.SknTplDecoratedBox.Type10 .inner .Heading.Type4 {
  background: #008800;
  background: linear-gradient(to right, #008800 0%, #32a600 24%);
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .SknTplDecoratedBox.Type10 .inner {
    background: none;
    padding: 20px 20px;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 500px) {
  .SknTplDecoratedBox.Type10 .inner {
    background: none;
    padding: 20px 10px;
  }
}
.SknTplDecoratedBox.Type10 .TypeBTitleCenter {
  text-align: center;
  margin: 0.5em auto;
  display: block;
  font-size: 200%;
  font-weight: 400;
}
.SknTplDecoratedBox.Type10 .SubTitle {
  margin-bottom: 20px;
}
.SknTplDecoratedBox.Type10 .SubTitle.NoMargin {
  margin-bottom: 0;
}
#PositiveConcept.SknTplDecoratedBox.Type10 .InnerFlex {
  gap:0;
}
.SknTplDecoratedBox.Type10 .InnerFlex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
.InnerFlex .InnerImageItem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  width: 60%;
  align-items: flex-start;
  /*border-radius: 10px;
  overflow: hidden;*/
}
.InnerFlex .InnerImageItem.PhotoWideItem {
  width: 90%;
}
.InnerFlex .ProcessList {
  width: 60%;
}
.SknTplTextList ul.TextList.NoMargin {
  margin: 0;
}
.NoTopMargin.WidthMid {
  margin-top: 0;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .SknTplDecoratedBox.Type10 .TypeBTitleCenter{
    text-align: center;
    margin: 0.5em auto;
    display: block;
    font-size: 160%;
    font-weight: 400;
  }
  .InnerFlex .InnerImageItem {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .InnerFlex .InnerImageItem.PhotoWideItem {
    width: 100%;
  }
  .InnerFlex .ProcessList {
    width: 100%;
  }
  .DecoratedBox ol.ProcessList li {
    color: #008800;
    font-weight: 600;
    font-size: 110%;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 500px) {
  .SknTplDecoratedBox.Type10 .TypeBTitleCenter{
    text-align: center;
    margin: 0.4em auto;
    display: block;
    font-size: 140%;
    font-weight: 600;
  }
}
/*写真リスト用*/
.InnerFlex.PhotoAlbumFlex {
  margin: 40px auto;
}
.CaseBox .InnerFlex.PhotoAlbumFlex {
  margin: 30px auto 40px auto;
}
.InnerFlex.PhotoAlbumFlex .InnerImageItem {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
}
.SknTplDecoratedBox.Type10 .InnerFlex.PhotoAlbumFlex .InnerImageItem .InnerImage {
  width: calc(100% / 4.5);
}
.flex-item {
  min-width: 0;
  /* この設定が重要 */
  border-radius: 10px;
  overflow: hidden;
  margin: 5px;
  display: block;
}
.flex-item img {
  width: 100%;
  height: auto;
  /* 縦横比を維持 */
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (min-width: 768px) {
  .InnerFlex .InnerTextItem {
    width: 80%;
  }
  .TextItem .Chatch {
    font-size: 300%;
  }
  .InnerFlex .InnerTextItem .Chatch {
    font-size: 300%;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .SknTplDecoratedBox.Type10 .InnerFlex.PhotoAlbumFlex .InnerImageItem {
    gap: 20px 0px;
  }
  .SknTplDecoratedBox.Type10 .InnerFlex.PhotoAlbumFlex .InnerImageItem .InnerImage {
    width: calc(100% / 2);
  }
  .TextItem .Chatch {
    font-size: 160%;
  }
  .InnerFlex .InnerTextItem .Chatch {
    font-size: 160%;
  }
  /*事例*/
  .SknTplDecoratedBox.Type10.CaseBox .InnerFlex.PhotoAlbumFlex .InnerImageItem {
    display: block;
  }
  .SknTplDecoratedBox.Type10.CaseBox .InnerFlex.PhotoAlbumFlex .InnerImageItem .InnerImage {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
  }
  .SknTplDecoratedBox.Type10.CaseBox .InnerFlex.PhotoAlbumFlex .InnerImageItem .InnerImage .flex-item {
    width: 30%;
  }
  .InnerImage .InnerTextItem {
    display: block;
    width: 60%;
  }
  .InnerImage .InnerTextItem .ProTitleCaption {}
  .InnerImage .InnerTextItem .ProCaption {}
}

/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 500px) {
  .SknTplDecoratedBox.Type10 .InnerFlex {
    gap: 0px;
  }
  .InnerFlex .PhotoWideItem.Type2 {
    flex-direction: column;
    border: 0px solid red;
    gap: 0px;
  }
  .InnerFlex .InnerImageItem.PhotoWideItem.Type2 .InnerImage {
    display: flex;
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
  }
  .InnerFlex .InnerImageItem.PhotoWideItem.Type2 .InnerImage .flex-item {
    width: 30%;
  }
  .InnerFlex .InnerImageItem.PhotoWideItem.Type2 .ProCaption {
    text-align: left;
    width: 65%;
    font-size: 85%;
  }
}

/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 500px) {
  .SknTplDecoratedBox.Type10 .InnerFlex.PhotoAlbumFlex .InnerImageItem {
    display: block;
  }
  .SknTplDecoratedBox.Type10 .InnerFlex.PhotoAlbumFlex .InnerImageItem .InnerImage {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
  }
}
.InnerTextItem {}
.InnerTextItem .ProTitleCaption {
  width: calc(100% - 10px);
  font-size: 100%;
  margin: 0 5px 5px 5px;
  padding: 5px;
  display: block;
}
.InnerTextItem .ProCaption {
  width: calc(100% - 10px);
  font-size: 80%;
  margin: 0 5px 5px 5px;
  padding: 5px;
  display: inline-block;
}
.InnerImage .ProCaption {
  width: calc(100% - 10px);
  font-size: 80%;
  margin: 0 5px 5px 5px;
  padding: 5px;
  display: inline-block;
}
.DecoratedBox ol.ProcessList li{
  color: #008800;
  font-weight: 600;
  font-size: 120%;
}
.NoBottomMargin {
  margin: 1.0em 0 0;
}
.Heading.MainTitle {
  line-height: 1.40;
  margin: 1.0em 0;
}
.Heading.MainTitle .Main {
  font-size: 220%;
  display: block;
  margin-bottom: 10px;
}
.Heading.MainTitle .SubTitle {
  font-size: 140%;
  display: inline-block;
}
.DiTitle .Heading,
.DiFooter .Heading {
  display: inline-block;
  font-size: 140%;
  margin: 1.5em 0;
  border-radius: 50px;
  border: 1px solid #ccc;
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.05) inset;
  padding: 0.5em 1em;
}
.DiTitle .Heading {}
.DiFooter dt {
  display: inline-block;
  margin: 0.5em 0;
}
.NoBottomMargin {
  margin-bottom: 0!important;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .Heading.MainTitle .Main {
    font-size: 120%;
    display: block;
  }
  .Heading.MainTitle .SubTitle {
    font-size: 100%;
    display: inline-block;
  }
  .DiTitle .Heading,
  .DiFooter .Heading {
    display: inline-block;
    font-size: 120%;
    margin: 1em 0;
    line-height: 1.3;
    padding: 15px 20px;
  }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width:500px) {
  .DiTitle .Heading,
  .DiFooter .Heading{
    display: inline-block;
    font-size: 110%;
    margin: 1em 0;
    line-height: 1.3;
    padding: 15px 20px;
  }
  .DecoratedBox ol.ProcessList li{
    color: #008800;
    font-weight: 600;
    font-size: 100%;
  }
}
.DdBody {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px 20px;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 500px) {
  .DdBody{
    gap: 5px;
    align-items: stretch;
  }
  .DdBody dd{
    display: flex;
    align-items: center;
  }
}
.DdBody dt {
  background: #008800;
  border-radius: 20px;
  text-align: center;
  padding: 10px;
  color: #fff;
  display: inline-block;
}
.DdBody dd {
  background: #e2ffe2;
  border-radius: 20px;
  text-align: center;
  padding: 15px;
  box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.05) inset;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 500px) {
  .DdBody dd {
    width: 100%;
  }
}
/*動画*/
.MovieItem {
  width: 100%;
  max-width: 700px;
  min-width: 500px;
  aspect-ratio: 16/ 9;
}
.MovieItem iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .MovieInnerImage {
    width: 100%;
  }
  .MovieItem {
    min-width: 0;
  }
  .MovieInnerImage .MovieItem {
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .MovieInnerImage .MovieItem iframe {
    min-width: 0;
  }
}
/*フロートメニュー*/
.FroatMenuItem {
  margin: 0 auto;
  max-width: 600px;
  color: #fff;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 5px;
}
/*トグル*/
.FroatMenuItem .PageSubMenu {
  padding: 10px 15px;
  text-align: center;
}
.FroatMenuItem .PageSubMenu.toggle {
  cursor: pointer;
}
.FroatMenuItem .PageSubMenu.toggle:after {
  cursor: pointer;
  content: "（開く）";
}
.FroatMenuItem .PageSubMenu.open {
  text-align: left;
}
.FroatMenuItem .PageSubMenu.open:after {
  content: "（閉じる）";
}
.FroatMenuItem .FroatMenuFlex {
  /*display: flex;*/
}
.FroatMenuItem .FroatMenuFlex li {
  /*white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;*/
}
.FroatMenuItem .FroatMenuFlex.Flex3 li {
  /*width:calc(100% / 3.5);*/
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .FroatMenuItem {
    /* position:sticky;
      top:64px;*/
  }
  .FroatMenuItem .FroatMenuFlex {
    /*list-style:none;
      width:100%;
      display:flex;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      gap:0;
      margin:0;*/
  }
  .FroatMenuItem .FroatMenuFlex li {
    /*white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;*/
  }
  .FroatMenuItem .FroatMenuFlex.Flex3 li {
    /*width:calc(100% / 3);*/
  }
}

/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 500px), print {}

/*サイトマップ*/
.SitemapList {
  list-style: none;
  width: 60%;
}
.SitemapList li {
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
  width: 100%;
}
.SitemapList li:first-child {
  border-top: 1px dotted #ccc;
}
/*マイページ*/
.SitemapList li a {
  color: #008800;
  font-weight: 600;
  font-size: 120%;
}
/*学校用*/
.SchoolPage .SitemapList li a {
  color: #0f87c1;
  font-weight: 600;
  font-size: 120%;
}
/*管理者用*/
.AdminPage .SitemapList li a {
  color: #b72bfc;
  font-weight: 600;
  font-size: 120%;
}
.SitemapList li .Label {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 30px);
  font-weight: 400;
}
.SitemapList li::before {
  content: '\e807';
  font-family: "preset-icon";
  margin-left: 5px;
  margin-right: 5px;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .SitemapList {
    list-style: none;
    width: 100%;
  }
}
/*TopMenuBlock*/
.TopMenuBlock {
  margin-bottom: 40px;
}
.TopMenuBlock .inner {}
.TopMenuBlock .BlockHeader {
  padding: 15px 0;
}
.TopMenuBlock ul {
  /*display: flex;
  list-style: none;
  align-items: stretch;
  justify-content: center;*/
  flex-wrap: wrap;
  gap: 0px;
  margin: 30px 0;
}
.TopMenuBlock ul li {
  width: 50%;
  padding: 15px 30px;
}
.TopMenuBlock ul li a {
  display: block;
  padding: 15px 30px;
  display: block;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 160%;
  background: #fff;
  color: #b72bfc;
  border-radius: 5px;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.15);
  text-shadow: 0 0.2em 0.5em rgba(255, 255, 255, 0.5);
  -webkit-transition: all .4s;
  transition: all .4s;
  background: linear-gradient(to right, rgba(255, 255, 255, 1) 44%, rgba(247, 252, 255, 1) 100%);
}
.TopMenuBlock ul li a:hover {
  background: #b72bfc;
  color: #fff;
  text-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.35);
  text-shadow: 0 0.2em 0.5em rgba(255, 255, 255, 0.5);
  -webkit-transition: all .4s;
  transition: all .4s;
}
/*表スクロール表示*/
/* + + + + + レスポンシブ + + + + +  */
@media screen and (min-width: 768px), print {
    .SknTplDecoratedTable {
        overflow-x: auto;
    }
    .SknTplDecoratedTable .Scrollable>table {
        min-width: 1000px;
        width: 100%;
        margin-bottom: 0 !important;
    }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
  .Scrollable>table {
    width: 1000px;
    margin-bottom: 0 !important;
  }
  .SknTplDecoratedTable table:not(.LargeTable) tbody td {
    float: none;
    width: 100%;
    display: block;
  }
  /* .SknTplDecoratedTable .LargeTable thead > tr > th:not([width]) {
      width: auto;
    }
    .SknTplDecoratedTable .LargeTable tbody > tr > th:not([width]) {
      width: auto;
    }
    .SknTplDecoratedTable .LargeTable thead > tr > td:not([width]) {
      width: auto;
    }
    .SknTplDecoratedTable .LargeTable tbody > tr > td:not([width]) {
      width: auto;
    }*/
}
.SknTplDecoratedTable tbody td {
  /*float: none;
    width: 100%;
    display: block;*/
}

/*スマホのスクロール表示*/
.SknTplDecoratedTable .Scrollable {
    position: relative;
}
.SknTplDecoratedTable .Scrollable .LargeTable::before {
    content: "";
    position: absolute;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5) url(../images/iconscrollsp.png) no-repeat 50% 50%;
    background-size: 70px auto;
    width: 100px;
    height: 80px;
    z-index: 2;
    left: calc(50% - 50px);
    top: calc(50% - 40px);
    border-radius: 10px;
    box-shadow: 0 0.1em 0.5em rgba(0, 0, 0, 0.05);
}
.SknTplDecoratedTable .Scrollable .LargeTable.hide::before {
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (min-width: 768px), print {
    .SknTplDecoratedTable .Scrollable .LargeTable::before {
        display: none;
    }
}
/* + + + + + レスポンシブ + + + + +  */
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {}

/*ProcessRootItem*/
.ProcessRootItem{
  padding:15px;
  background:#fff;
  margin:10px auto;
  width:100%;
  max-width:600px;
  border-radius:5px;
  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.15);
}
.BasicBlock .ProcessRootItem{
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.15);
}
.MyPageProcessArea {
  width: 80%;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (min-width: 768px), print {
    .ConceptPage .SpItem {
        display: none;
    }
    .ConceptPage .PcItem {
        display: inline-block;
    }
}
/* + + + + + レスポンシブ + + + + +  */
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
    .MyPageProcessArea {
      width: 100%;
    }
    .ConceptPage .SpItem {
        display: inline-block;
    }
    .ConceptPage .PcItem {
        display: none;
    }
}
/* + + + + + レスポンシブ + + + + +  */
/*福井県の教育現場の今*/
.Concept2Page {}
.Concept2Page .SubTitle {
    width: 100%;
    max-width: 800px;
    display: block;
    margin: 0 auto 30px;
}
#PositiveConcept .ImageItem {
    text-align: center;
}
.Krejit {
    max-width: 980px;
    font-size: 80%;
    text-align: left;
    margin: 0 auto 30px;
    width: 100%;
}
.CaseItem {
    margin: 30px auto 30px;
}
.CaseItem .Heading {}
.CaseItem .Heading span {
    display: block;
}
.CaseItem .Heading .Main {}
.CaseItem .Heading .Main em {
    font-size: 70%;
}
.CaseItem .Heading .Sub {
    font-size: 70%;
}
.CaseItem ul.CaseUl {
    list-style: none;
    margin: 10px auto;
    padding: 0;
    width: 90%;
    max-width: 800px;
}
.CaseItem ul.CaseUl li {
    background: #f5f5f5;
    padding: 15px;
    border-radius: 30px;
}
.ParaCase {
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
    display: block;
}
.ParaCase .FloatLeft {
    float: left;
    margin: 10px 30px 10px 10px;
    width: 100%;
    max-width: 300px;
}
.ParaCase .FloatRight {
    float: right;
    margin: 10px 10px 10px 30px;
    width: 100%;
    max-width: 300px;
}
.ParaCase .Caption {
    font-size: 80%;
}
.SknTplDecoratedBox.Type10 .TypeBTitleCenter.SubMaintitle {
    font-weight: 700;
    font-size: 160%;
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
    .SknTplDecoratedBox.Type10 .TypeBTitleCenter.SubMaintitle {
        font-size: 120%;
        font-weight: 700;
    }
    #PositiveConcept .InnerImageItem {
        display: block;
    }
    .CaseItem ul {
        margin: 15px 0;
        width: 100%;
    }
    .SknTplDecoratedBox.Type10 .CaseItem .TypeBTitleCenter {
        font-size: 160%;
    }
    .ParaCase .FloatLeft {
        margin: 10px;
    }
    .ParaCase .FloatRight {
        margin: 10px;
    }
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 600px) {
    .ParaCase:not(.NoSpFloat) .FloatLeft {
        float: none;
        display: block;
        margin: 10px auto;
        width: 100%;
        max-width: 300px;
    }
    .ParaCase:not(.NoSpFloat) .FloatRight {
        float: none;
        display: block;
        margin: 10px auto;
        width: 100%;
        max-width: 300px;
    }
}
/*Zadankai*/
#Zadankai {}
#Zadankai .ImageItem {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}
#Zadankai ul.PanelerList {
    display: none;
}
#Zadankai .CaseItem ul.CaseUl {
    max-width: 600px;
}
#Zadankai .CaseItem ul.CaseUl li {
    background: none;
    padding: 0;
    margin: 20px 0;
}
#Zadankai .ParaCase {
    max-width: 800px;
}
#Zadankai .ParaCase .FloatLign,
#Zadankai .ParaCase .FloatRight {
    width: 100px;
    margin-top: 0;
}
#Zadankai .ParaCase p.TextPerson {
    margin-left: 3em;
    margin: 20px 0;
}
#Zadankai .ParaCase p span.Person {
    font-weight: 700;
    display: inline-block;
    text-indent: -3em;
    font-size: 120%;
}
.WeightB {
    font-weight: 700;
}
.Under {
    text-decoration: underline
}
/* + + + + + レスポンシブ + + + + +  */
@media screen and (max-width: 767px) {
    #Zadankai ul.PanelerList {
        max-width: 800px;
        width: 100%;
        display: block;
    }
    #Zadankai ul.PanelerList li .Person {
        font-weight: 700;
    }
    #Zadankai .ParaCase p.TextPerson {
        margin: 0;
        margin: 20px 0;
    }
    #Zadankai .ParaCase p span.Person {
        font-weight: 700;
        display: block;
        text-indent: 0;
        font-weight: 120%;
    }
    .CaseItem ul.CaseUl {
        width: 100%;
    }
}
/*増山*/
.Person1 {
    color: #fccb6f;
    color: #f9af1e;
}
/*小林*/
.Person2 {
    color: #e95377;
}
/*竹川*/
.Person3 {
    color: #68b82e;
}
/*木下*/
.Person4 {
    color: #618cc8;
}
/*島田*/
.Person5 {
    color: #ba8cd6;
}
/*竹永*/
.Person6 {
    color: #00ab84;
}
#Award {}
#Award .ImageItem {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.SearchPage .ResultBlock .BlockHeader .Heading.Type1 {
  margin: 10px auto;
  padding-top: 20px;
}