div#sysWrap{
  max-width: none;
  padding: 3rem 0 0 0;
  margin: 0 auto 8rem;
}

#sysItemCategory #sysMain,
#sysItemSearch #sysMain{
  width: auto;
  padding: 0 1.5rem;
}


#sysItemSearch div#sysMain {
  width: auto!important;
  padding: 0 1.5rem !important;
}


/* ----------------------------------------
パンくず
---------------------------------------- */
.sysItemCategoryPankuzu{
  font-size: 1.2rem;
  margin: 0 0 1.5rem 0;
}


/* ----------------------------------------
title
---------------------------------------- */
.title,
#sysItemSearch #sysMain h2{
  max-width: none;
  height: 12rem;
  background-color: #fdfbf7;
  font-size: 2.4rem;
  padding: 0 1.5rem;
  margin: 0 auto 3rem;
}
.title,
#sysItemSearch #sysMain h2{
  height: 10rem;
  padding: 0 1.5rem;
}
.title h1,
#sysItemSearch h2{
  font-size: 2.4rem;
}

.title h1 span{
  font-size: 1.4rem;
}

/* ----------------------------------------
#詳細検索
---------------------------------------- */
#sysItemSearch #sysMain .sysItemSearchForm {
  padding: 4rem 1.5rem;
  margin: 0 0 3rem 0;
}

#sysItemSearch #sysMain .sysItemSearchForm .sysItemSearchFormCategory{
  width: 100%;
}

#sysItemSearch #sysMain .sysItemSearchForm select{
  min-width: auto;
  width: 100%;
}

#sysItemSearch #sysMain .sysItemSearchForm .sysMonthSelect {
  left: 43%;
  width: auto;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#sysItemSearch #sysMain .sysItemSearchForm .sysItemSearchFormItemCategoryGroups ul {
  width: auto;
}


#sysItemSearch #sysMain .sysItemSearchForm .sysSearchButton{
  width: 16rem;
  min-height: 4.6rem;
}


/* ----------------------------------------
.sysItemCategoryCtl
---------------------------------------- */
.sysItemCategoryCtl{
  margin: 0 0 3rem 0;
}

.sysItemCategoryCtl a{
  margin: 0.3rem 0.15rem;
}


/* ----------------------------------------
#displayCount
---------------------------------------- */
#sysItemCategory #displayCount,
#sysItemSearch #displayCount{
  margin: 0 0 3rem 0;
}


/* ----------------------------------------
.sysItemList
---------------------------------------- */
.sysItemList ul.sysThumbnail {
  display: flex;
  gap:4rem 1.3rem;
  flex-wrap:wrap;
}
.sysItemList ul.sysThumbnail li{
  width: calc((100% - 1.3rem)/2) !important;
}

.sysThumbnailImage{
  margin: 0 0 1.5rem 0;
}

#sysDescriptionMobile {
  display: block;
  font-size: 1.2rem;
  margin: 0 0 1rem 0;
}

/* ----------------------------------------
c-teacher
---------------------------------------- */
.c-teacher-main{
  margin: 0 0 4rem 0;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  aspect-ratio: 750 / 860;
}

.c-teacher .explain{
  margin: 0 0 4rem 0;
}

.c-teacher .explain .explain__txt{
  font-size: 1.4rem;
  margin: 0 0 2rem 0;
}

.c-teacher .explain .explain__txt__em{
}

.c-teacher .explain .explain__txt__em span{
  display: block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 0.5rem 1.5rem;
  background-color: #f1aeab;
  margin: 0 0 2rem 0;
}

.c-teacher .teacher-link{
  border: 1px solid #e8e5e2;
  padding: 3rem;
  margin: 0 0 4rem 0;
}

.c-teacher .teacher-link__inner{
  gap: 3rem;
  max-width: none;
  margin: 0;
}

.c-teacher .teacher-link-item{
  width: 100%;
}

.c-teacher .teacher-link-item p{
  font-size: 1.2rem;
}

.c-teacher .attention{
  margin: 0 0 4rem 0;
}

.c-teacher .bnr-notice{
  margin: 0 0 2rem 0;
}


/* ----------------------------------------
c-ll
---------------------------------------- */
.c-ll-info__list{
  flex-wrap:wrap;
  gap:1rem;
}

.c-ll-main{
  margin: 0 0 4rem 0;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  aspect-ratio: 750 / 860;
}

.c-ll .explain{
  margin: 0 0 4rem 0;
}

.c-ll .explain .explain__txt{
  font-size: 1.4rem;
  margin: 0 0 2rem 0;
  text-align: left;
}

.c-ll .explain .explain__txt__em{
  text-align: left;
}

.c-ll .explain .explain__txt__em span{
  display: block;
  font-weight: bold;
  color: #fff;
  line-height: 1.75;
  text-align: center;
  padding: 0.5rem 1.5rem;
  background-color: #f1aeab;
  margin: 0 0 2rem 0;
}

.c-ll .attention{
  margin: 0 0 4rem 0;
}

.c-ll .bnr-notice{
  margin: 0 0 2rem 0;
}

.c-ll .pocchari{
  border: 1px solid #e8e5e2;
  padding: 3rem;
  margin: 0 auto 4rem;
}


/* ----------------------------------------
c-tall
---------------------------------------- */
.c-tall-info__list{
  flex-wrap:wrap;
  gap:1rem;
}

.c-tall-main{
  margin: 0 0 4rem 0;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  aspect-ratio: 750 / 860;
}

.c-tall .explain{
  margin: 0 0 4rem 0;
}

.c-tall .explain .explain__txt{
  font-size: 1.4rem;
  margin: 0 0 2rem 0;
  text-align: left;
}

.c-tall .explain .explain__txt__em{
  text-align: left;
}

.c-tall .explain .explain__txt__em span{
  display: block;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 0.5rem 1.5rem;
  background-color: #f1aeab;
  margin: 0 0 2rem 0;
}

.c-tall .attention{
  margin: 0 0 4rem 0;
}

.c-tall .bnr-notice{
  margin: 0 0 2rem 0;
}

/* ----------------------------------------
c-mens
---------------------------------------- */
.c-mens-main{
  margin: 0 0 4rem 0;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  aspect-ratio: 750 / 860;
}

.c-mens .explain{
  margin: 0 0 4rem 0;
}

.c-mens .explain .explain__txt{
  font-size: 1.4rem;
  margin: 0 0 2rem 0;
  text-align: left;
}

.c-mens .explain .explain__txt__em{
  text-align: left;
}

.c-mens .explain .explain__txt__em span{
  display: block;
  font-weight: bold;
  color: #fff;
  line-height: 1.75;
  text-align: center;
  padding: 0.5rem 1.5rem;
  background-color: #f1aeab;
  margin: 0 0 2rem 0;
}

.c-mens .attention{
  margin: 0 0 4rem 0;
}

.c-mens .bnr-notice{
  margin: 0 0 2rem 0;
}

.c-mens .men{
  border: 1px solid #e8e5e2;
  padding: 3rem;
  margin: 0 auto 4rem;
}




/* ----------------------------------------
c-ic-search
---------------------------------------- */
.c-ic-search .sysHeadline{

}

/*詳細検索*/
.c-ic-search .sysItemSearchForm {
  display: block;
  max-width: none;
  padding: 2rem 1.5rem;
  font-size: 1.4rem;
  color: #333;
}

.c-ic-search .sysItemSearchFormWord{
  width:100%;
  margin: 0 0 1.5rem 0;
}

.c-ic-search .sysItemSearchFormItemCategoryGroups{
  position: static;
}
.c-ic-search .sysItemSearchFormItemCategoryGroups .itemCategoryGroup0{
  display: block;
}
.c-ic-search .sysItemSearchFormItemCategoryGroups .itemCategoryGroupTitle0{
  font-weight: bold;
}

.c-ic-search .sysItemSearchFormItemCategoryGroupsTitle{
  display: block !important;
}

.c-ic-search input::placeholder {
  color: #ccc;
}

.c-ic-search input {
  font-size: 1.6rem;
}

.c-ic-search label{
  font-size: 1.4rem;
}

.c-ic-search input[type="checkbox"]{
  margin: 0 0.5rem 0 0;
}

#sysItemCategory .c-ic-search select{
  position: relative;
  height: 5rem;
  
  width: 100%;
  min-width: auto;
}

.c-ic-search input[type="search"],
.c-ic-search input[type="text"],
.c-ic-search textarea {
  border: 1px solid #ccc;
}

.c-ic-search input[type="search"]{
  height: 5rem;
}

.c-ic-search input[type="checkbox"]{
  margin: 0 1rem 0 0;
}

.c-ic-search .sysItemSearchFormCategory select{
  display: block;
  margin: 1rem 0 1.5rem 0;
}

.c-ic-search .sysItemSearchFormItemCategoryGroups div span{
  display: inline-block;
  font-weight: bold;
  margin: 1rem 0 1rem 0;
}

.c-ic-search .sysItemSearchFormItemCategoryGroups ul{
  width: 100%;
  display: flex;
  flex-wrap:wrap;
  gap: 1rem 1rem;
  margin: 0 0 3rem 0;
}

.c-ic-search .sysItemSearchFormItemCategoryGroups ul li{
  width: calc((100% - 1rem)/2);
}

.c-ic-search .sysSearchButton{
  font-size: 1.8rem;
  padding: 1rem 4rem 1rem 4rem !important;
  margin: 0 auto;
}
