@charset "UTF-8";
/* foundation */
.cl-edl-oc {
  color: #d9534f;
}

.cl-edl-ev {
  color: #E59A3D;
}

.cl-edl-kb {
  color: #304ea6;
}

.cl-edl-hk {
  color: #2a9dc3;
}

.cl-edl-dk {
  color: #6738ca;
}

.cl-edl-sk {
  color: #2a6fc3;
}

.cl-main {
  color: #008039 !important;
}

.bg-sub {
  background: #ccf2de !important;
}

.bg-sub-light {
  background: #e3f8ed !important;
}

.cl-tri {
  color: #ee86a7 !important;
}
.cl-tri--dk {
  color: #EA6188 !important;
}

.bg-tri {
  background: #ee86a7 !important;
}

.bdcl-tri {
  border-color: #ee86a7 !important;
}

.bg-tri-sub3 {
  background: #fdf0f3 !important;
}

.cl-cat {
  color: #ba79a5 !important;
}
.cl-cat--dk {
  color: #92539D !important;
}

.bg-cat {
  background: #ba79a5 !important;
}

.bdcl-cat {
  border-color: #ba79a5 !important;
}

.cl-cre {
  color: #26ABE3 !important;
}
.cl-cre--dk {
  color: #238ACC !important;
}

.bg-cre {
  background: #26ABE3 !important;
}

.bdcl-cre {
  border-color: #26ABE3 !important;
}

.bdcl-cre-sub3 {
  border-color: #e9f6fc !important;
}

.cl-dog {
  color: #86992A !important;
}
.cl-dog--dk {
  color: #85852C !important;
}

.bg-dog {
  background: #86992A !important;
}

.bdcl-dog {
  border-color: #86992A !important;
}

.bdcl-dog-sub3 {
  border-color: #f3f5e9 !important;
}

.cl-pdg {
  color: #5085c5 !important;
}
.cl-pdg--pdg {
  color: #EA6188 !important;
}

.bg-pdg {
  background: #5085c5 !important;
}

.bdcl-pdg {
  border-color: #5085c5 !important;
}

.cl-brd {
  color: #E76003 !important;
}
.cl-brd--dk {
  color: #B7530F !important;
}

.bg-brd {
  background: #E76003 !important;
}

.bdcl-brd {
  border-color: #E76003 !important;
}

.cl-brb {
  color: #f29839 !important;
}
.cl-brb--dk {
  color: #ED6C00 !important;
}

.bg-brb {
  background: #f29839 !important;
}

.bg-brb-sub3 {
  background: #fdefe5 !important;
}

.bdcl-brb {
  border-color: #f29839 !important;
}

.bdcl-brb-sub3 {
  border-color: #fdefe5 !important;
}

.cl-bra {
  color: #5F67AE !important;
}
.cl-bra--dk {
  color: #2C4198 !important;
}

.bg-bra {
  background: #5F67AE !important;
}

.bdcl-bra {
  border-color: #5F67AE !important;
}

.bdcl-bra-sub3 {
  border-color: #eff0f7 !important;
}

/* mixin */
/* layout */
/* section */
article.common-page section {
  max-width: 1080px;
  width: 100%;
  margin: 30px auto;
}
@media screen and (max-width: 1095px) {
  article.common-page section {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
article.common-page .l-section {
  max-width: 1080px;
  width: 100%;
  margin: 60px auto 0;
}
@media screen and (max-width: 1095px) {
  article.common-page .l-section {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
@media screen and (max-width: 639px) {
  article.common-page .l-section {
    margin-top: 30px;
  }
}
article.common-page .l-section__full {
  max-width: 100% !important;
  width: 100% !important;
}
article.common-page .l-section__full__inner {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
article.common-page .l-section--sidebar {
  margin-top: 0;
}
article.common-page .l-section--sidebar:nth-last-of-type(n+2) {
  margin-top: 30px;
}

/* component */
.after-arrow {
  position: relative;
  padding-right: 1.5em;
}
.after-arrow:after {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 20px;
  color: #ccc;
  font-weight: bold;
  margin-top: -17px;
}
.after-arrow--arrow-white:after {
  color: #fff;
}

.before-arrow {
  position: relative;
  padding-left: 1.5em;
}
.before-arrow:before {
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 1.25rem;
  color: #ccc;
  font-weight: bold;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.before-arrow--arrow-white:before {
  color: #fff;
}

.c-data {
  border-collapse: collapse;
  width: 100%;
}
.c-data th, .c-data td {
  padding: 10px 15px;
  border: 1px solid #ccc;
}
@media screen and (max-width: 639px) {
  .c-data th, .c-data td {
    padding: 5px 7.5px;
  }
}
.c-data th {
  background: rgb(255, 252, 246);
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 639px) {
  .c-data th {
    white-space: normal;
  }
}
.c-data--wbd {
  margin-bottom: 1px;
}
.c-data--wbd th, .c-data--wbd td {
  border-right: none;
  border-left: none;
}
.c-data--wbd th {
  border-right: none;
  border-left: none;
}
.c-data--td-tac td {
  text-align: center;
}
@media screen and (max-width: 639px) {
  .c-data--rsv tr > th, .c-data--rsv tr > td {
    display: block;
    border-top: none;
  }
  .c-data--rsv tr:first-of-type > th {
    border-top: 1px solid #ccc;
  }
  .c-data--rsv td th, .c-data--rsv td td {
    display: table-cell;
    border-top: 1px solid #ccc;
  }
}

.c-list-circle li {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list-circle li:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #289f5d;
  border-radius: 50%;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.c-list-circle li + * {
  margin-top: 5px;
}
@media screen and (max-width: 639px) {
  .c-list-circle li + * {
    margin-top: 5px;
  }
}

.c-list-sq__item {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list-sq__item:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #666;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.c-list-sq__item + .c-list-sq__item {
  margin-top: 5px;
}
@media screen and (max-width: 639px) {
  .c-list-sq__item + .c-list-sq__item {
    margin-top: 5px;
  }
}

.c-list-dia li {
  padding-left: 1.4em;
  text-indent: -1.4em;
}
.c-list-dia li:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #666;
  position: relative;
  top: -1px;
  margin-right: 7px;
  margin-left: 4px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-list-dia li + li {
  margin-top: 5px;
}
@media screen and (max-width: 639px) {
  .c-list-dia li + li {
    margin-top: 5px;
  }
}

/* column */
.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.column__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/* column2 */
.column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.column2--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.column2__item {
  width: calc(50% - 20px);
}
.column2__item:nth-child(2n) {
  margin-left: 40px;
}
@media screen and (max-width: 639px) {
  .column2__item:nth-child(2n) {
    margin-left: 0;
  }
}
.column2__item:nth-of-type(n+3) {
  margin-top: 40px;
}
@media screen and (max-width: 639px) {
  .column2__item {
    width: 100%;
  }
  .column2__item:nth-of-type(n+2) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 639px) {
  .column2__item--rsv--column1 {
    width: 100%;
  }
  .column2__item--rsv--column1:not(first-child) {
    margin-top: 20px;
  }
  .column2__item--rsv--column2 {
    width: 48%;
  }
  .column2__item--rsv--column2:nth-of-type(n+2) {
    margin-top: 0;
  }
  .column2__item--rsv--column2:nth-of-type(n+3) {
    margin-top: 20px;
  }
  .column2__item--rsv--column3 {
    width: 32%;
  }
  .column2__item--rsv--column3:nth-of-type(n+4) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 639px) {
  .column2--rsv--column1 .column2__item {
    width: 100%;
  }
  .column2--rsv--column1 .column2__item:not(first-child) {
    margin-top: 20px;
  }
  .column2--rsv--column2 .column2__item {
    width: calc(50% - 20px) !important;
  }
  .column2--rsv--column2 .column2__item:nth-of-type(n+2) {
    margin-top: 0;
  }
  .column2--rsv--column2 .column2__item:nth-of-type(n+3) {
    margin-top: 20px;
  }
  .column2--rsv--column3 .column2__item {
    width: 32%;
  }
  .column2--rsv--column3 .column2__item:nth-of-type(n+4) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .column2--spmt0 .column2__item:nth-of-type(n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .column2--spmt0 .column2__item:nth-of-type(n+2) {
    margin-top: 0;
  }
}
.column2--onlyrsv-2 .column2__item {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .column2--onlyrsv-2 .column2__item {
    width: calc(50% - 15px);
  }
}

/* column3 */
.column3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.column3__item {
  width: calc(33.33% - 20px);
  margin-right: 30px;
}
.column3__item:nth-child(3n) {
  margin-right: 0;
}
.column3__item:nth-child(n+4) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .column3__item {
    width: 100%;
    margin-right: 0;
  }
  .column3__item:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 639px) {
  .column3__item--rsv--column1 {
    width: 100%;
  }
  .column3__item--rsv--column1:not(first-child) {
    margin-top: 10px;
  }
  .column3__item--rsv--column3 {
    width: calc(33.33% - 6.66px);
  }
  .column3__item--rsv--column3:nth-of-type(n+4) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 639px) {
  .column3--rsv--column2 .column3__item {
    width: calc(50% - 5px);
  }
  .column3--rsv--column2 .column3__item:nth-of-type(n+2) {
    margin-top: 0;
  }
  .column3--rsv--column2 .column3__item:nth-of-type(n+3) {
    margin-top: 10px;
  }
}
.column3--nogap .column3__item {
  width: 33.33%;
  margin-right: 0;
}
.column3--nogap .column3__item:nth-child(n+4) {
  margin-top: 0;
}
@media screen and (max-width: 639px) {
  .column3--nogap .column3__item:nth-of-type(n+2) {
    margin-top: 0;
  }
}
.column3--rsv--column3 .column3__item {
  width: calc(33.33% - 10px);
  margin-right: 10px;
}
.column3--rsv--column3 .column3__item:nth-child(3n) {
  margin-right: 0;
}
.column3--rsv--column3 .column3__item:nth-of-type(n+2) {
  margin-top: 0;
}
.column3--rsv--column3 .column3__item:nth-child(n+4) {
  margin-top: 15px;
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .column3--spmt0 .column3__item:nth-of-type(n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .column3--spmt0 .column3__item:nth-of-type(n+2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 639px) {
  .column3--spnogap .column3__item:nth-of-type(n+2) {
    margin-top: 0;
  }
  .column3--spnogap .column3__item:not(first-child) {
    margin-top: 10px;
  }
}

/* column4 */
.column4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}
.column4__item {
  width: calc(25% - 22.5px);
}
.column4__item:nth-child(4n) {
  margin-right: 0;
}
.column4__item:nth-of-type(n+5) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .column4--rsv--column1 .column4__item {
    margin-right: 0;
    width: 100%;
  }
  .column4--rsv--column1 .column4__item:not(:first-child) {
    margin-top: 15px;
  }
  .column4--rsv--column2 .column4__item {
    width: 48%;
  }
  .column4--rsv--column2 .column4__item:nth-of-type(n+3) {
    margin-top: 15px;
  }
  .column4--rsv--column3 .column4__item {
    width: 32%;
  }
  .column4--rsv--column3 .column4__item:nth-of-type(n+4) {
    margin-top: 15px;
  }
}

.p-svtlc-area {
  padding: 10px !important;
  color: #333 !important;
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
}
@media screen and (max-width: 639px) {
  .p-svtlc-area {
    padding: 10px 2rem 10px 10px !important;
  }
}

/* column5 */
.column5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.column5__item {
  width: calc(20% - 8px);
}
.column5__item:nth-of-type(n+6) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .column5__item {
    width: calc(50% - 10px);
  }
  .column5__item:nth-of-type(n+3) {
    margin-top: 10px;
  }
}

.c-de-list {
  list-style-type: decimal;
  padding-left: 1.5em;
}
.c-de-list li + li {
  margin-top: 5px;
}

.c-disc-list {
  list-style-type: disc;
  padding-left: 1.5em;
}
.c-disc-list li + li {
  margin-top: 5px;
}

/* hidden */
.c-hidden--pc {
  display: none !important;
}
@media screen and (max-width: 639px) {
  .c-hidden--pc {
    display: inline !important;
  }
}
@media screen and (max-width: 639px) {
  .c-hidden--sp {
    display: none;
  }
}

.img-circle {
  display: inline-block;
  border-radius: 50%;
}

/* list-indent */
.c-list-indent li {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list-indent li:nth-child(n+2) {
  margin-top: 5px;
}

.c-rsvimg {
  max-width: 100%;
  height: auto;
}

/* c-scroll-table */
.c-scroll-table {
  overflow-x: auto;
}
@media screen and (max-width: 639px) {
  .c-scroll-table {
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #eee;
  }
  .c-scroll-table table {
    min-width: 800px;
  }
}

/* pl-num-list */
.c-pl-num-list {
  margin-left: 2em;
}
.c-pl-num-list > li {
  list-style-type: none;
  counter-increment: cnt;
}
.c-pl-num-list > li::before {
  content: "(" counter(cnt) ")";
  display: inline-block;
  margin-left: -2em; /* サイトに合せて調整 */
  width: 2em; /* サイトに合せて調整 */
}

/* pg-indent */
.c-pg-indent {
  padding-left: 1em;
  text-indent: -1em;
}

/* c-content-center*/
.c-content-center {
  text-align: center;
  display: block;
}
.c-content-center__text {
  text-align: left;
  display: inline-block;
}
.c-content-center__list {
  display: inline-block;
}
.c-content-center__list li {
  text-align: left;
}

.fit-center {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}

/* common-project */
/* alert */
.p-alert {
  border-radius: 5px;
  padding: 30px;
  width: 60%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-alert {
    width: 100%;
    padding: 15px;
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.p-alert--infor {
  background: #FFFEC1;
}
.p-alert__title {
  text-align: center;
  color: #ea7e00;
  background: none;
  font-weight: bold;
  font-size: 20px;
}
.p-alert__title::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7) * 0.5em);
  content: "";
}
.p-alert__title::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7) * 0.5em);
  content: "";
}
.p-alert__title + * {
  margin-top: 20px;
}
@media screen and (max-width: 639px) {
  .p-alert__title {
    font-size: 18px;
  }
}
.p-alert__title span {
  border-bottom: 3px solid #ea7e00;
  display: inline-block;
}
.p-alert__title--title-only {
  padding-bottom: 0;
  margin-bottom: 5px;
}
.p-alert__list {
  list-style-type: none;
}
.p-alert__list--border {
  border-top: 2px dotted #ea7e00;
  padding-top: 15px;
  margin-top: 15px;
}
.p-alert__list__item {
  padding-left: 1em;
  text-indent: -1em;
}
.p-alert__list__item:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #ea7e00;
  border-radius: 50%;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.p-alert__list__item + li {
  margin-top: 5px;
}
@media screen and (max-width: 639px) {
  .p-alert__list__item + li {
    margin-top: 5px;
  }
}
.p-alert__list__item:nth-child(n+2) {
  margin-top: 5px;
}
.p-alert__line {
  background-color: #FFFEC1;
  border-top: 2px dotted #ea7e00;
}

/* p-article-list */
.p-article-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1080px;
  margin: 0 auto;
}
#blogdata .p-article-list {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .p-article-list {
    width: 90%;
  }
}
@media screen and (max-width: 639px) {
  .p-article-list__item:nth-child(n+2) {
    margin-top: 20px;
  }
}
.p-article-list__item--img {
  margin-bottom: 10px;
}
.p-article-list__item--img img {
  max-width: 100%;
  height: auto;
}
.p-article-list__item--title {
  color: #333;
  font-size: 1.1rem;
  margin-bottom: 10px;
}
.p-article-list__item--excerpt {
  color: #666;
  font-size: 0.9rem;
}
.p-article-list__item--footer {
  margin-top: 10px;
}
.p-article-list__item--data {
  color: #666;
  font-size: 0.8rem;
  margin-bottom: 5px;
}
.p-article-list--blog__item {
  width: calc(50% - 10px);
  margin-right: 20px;
}
.p-article-list--blog__item:nth-child(2n) {
  margin-right: 0;
}
.p-article-list--blog__item:nth-child(n+3) {
  margin-top: 20px;
}
@media screen and (max-width: 639px) {
  .p-article-list--blog__item {
    width: 100%;
    margin-right: 0;
  }
  .p-article-list--blog__item:nth-child(n+2) {
    margin-top: 15px;
  }
}
.p-article-list--blog__item a {
  display: block;
}
@media screen and (max-width: 639px) {
  .p-article-list--blog__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-article-list--blog__item a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 639px) {
  .p-article-list--blog__item .p-article-list__item--img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    margin-right: 10px;
  }
}
@media screen and (max-width: 639px) {
  .p-article-list--blog__item .p-article-list__item--title {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-article-list--blog__item .p-article-list__item--excerpt {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .p-article-list--blog__item .p-article-list__item--footer {
    margin-top: 5px;
  }
}
@media screen and (max-width: 639px) {
  .p-article-list--blog__item .p-article-list__item--data {
    margin-bottom: 0;
  }
}
.p-article-list--error404__item {
  width: calc(33.33% - 13.33px);
  margin-right: 20px;
}
.p-article-list--error404__item:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 639px) {
  .p-article-list--error404__item {
    margin-right: 0;
    width: 100%;
  }
}
.p-article-list--subject .p-article-list__item {
  width: calc(33.33% - 13.33px);
  margin-right: 20px;
}
.p-article-list--subject .p-article-list__item:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 639px) {
  .p-article-list--subject .p-article-list__item {
    margin-right: 0;
    width: 100%;
  }
}
.p-article-list--subject a {
  display: block;
}
@media screen and (max-width: 639px) {
  .p-article-list--subject a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.p-article-list--subject a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 639px) {
  .p-article-list--subject .p-article-list__item--img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    margin-right: 10px;
  }
}
@media screen and (max-width: 639px) {
  .p-article-list--subject .p-article-list__item--title {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-article-list--subject .p-article-list__item--excerpt {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .p-article-list--subject .p-article-list__item--footer {
    margin-top: 5px;
  }
}
@media screen and (max-width: 639px) {
  .p-article-list--subject .p-article-list__item--data {
    margin-bottom: 0;
  }
}

#blogdata .p-article-list {
  margin-top: 30px;
}

/* breadcrumbs*/
.p-breadcrumbs {
  margin: 50px auto 15px;
  font-size: 14px;
  color: #999;
  max-width: 1080px;
  width: 100%;
}
@media screen and (max-width: 1095px) {
  .p-breadcrumbs {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
    margin: 30px 0 10px;
  }
}
.p-breadcrumbs span {
  font-family: "ElegantIcons";
}
.p-breadcrumbs span a {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #666;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.p-breadcrumbs span a:hover {
  opacity: 0.5;
}
.p-breadcrumbs span.breadcrumb_last {
  color: #666;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/* btn */
.p-btn {
  display: inline-block;
  padding: 15px 20px;
  max-width: 100%;
  text-align: center;
  color: #666;
  font-size: 1.1rem;
  line-height: 1.5;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
}
.p-btn:link {
  color: #666;
}
.p-btn:hover, .p-btn:focus {
  background: #f5fff2;
}
.p-btn:visited {
  color: #666;
}
.p-btn--border {
  border: 1px solid #ccc;
}
.p-btn--bg-ml {
  background: #289f5d;
}
.p-btn--bg-ml:link {
  color: #fff;
}
.p-btn--bg-ml:visited {
  color: #fff;
}
.p-btn--bg-ml:hover, .p-btn--bg-ml:focus {
  color: #666;
  background: #f5fff2;
}
.p-btn--bg-dk {
  background: #436c40;
}
.p-btn--bg-dk:link {
  color: #fff;
}
.p-btn--bg-dk:hover, .p-btn--bg-dk:focus {
  background: #289f5d;
}
.p-btn--weekday a {
  color: #E59A3D;
  background: #fff2e1;
}
.p-btn--holiday a {
  color: #419C48;
  background: #e8f7e9;
}
.p-btn--bti a {
  color: #2a94c3;
  background: #e7f8fd;
}
.p-btn--ocentry {
  background: #d9534f;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  width: 60%;
  position: relative;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .p-btn--ocentry {
    width: 100%;
    font-size: 1.1rem;
    text-align: left;
  }
}
.p-btn--ocentry:link, .p-btn--ocentry:visited {
  color: #fff;
}
.p-btn--ocentry:after {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "=";
  font-size: 25px;
  color: #fff;
  margin-left: 1em;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .p-btn--ocentry:after {
    font-size: 20px;
  }
}
.p-btn--ocentry:hover {
  background: #f48683;
}
.p-btn--arrow--left {
  position: relative;
  padding-left: 2em;
}
.p-btn--arrow--left::before {
  position: absolute;
  left: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 26px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-btn--arrow--left--rev::before {
  position: absolute;
  left: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "4";
  font-size: 26px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-btn--arrow--right {
  position: relative;
  padding-right: 2em;
}
.p-btn--arrow--right::after {
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 1.5rem;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-btn--arrow--right--white::after {
  color: #fff;
}
.p-btn--plus--right {
  position: relative;
}
.p-btn--plus--right::after {
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "P";
  font-size: 26px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-btn--plus--right.active::after {
  content: "O";
}
.p-btn--movie--left {
  position: relative;
  padding-left: 2.5em;
}
.p-btn--movie--left::before {
  position: absolute;
  left: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "\e04e";
  font-size: 26px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-btn--dl--left {
  position: relative;
  padding-left: 2em;
}
.p-btn--dl--left::before {
  position: absolute;
  left: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "\e092";
  font-size: 26px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-btn--dl--right {
  position: relative;
  padding-right: 2em;
}
.p-btn--dl--right::after {
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "\e092";
  font-size: 1.5rem;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-btn--dl--right--white::after {
  color: #fff;
}
.p-btn--weekday {
  color: #E59A3D;
  background: #fff2e1;
  font-weight: bold;
}
.p-btn--weekday:link, .p-btn--weekday:visited {
  color: #E59A3D;
}
.p-btn--weekday:hover, .p-btn--weekday:focus {
  background: #fff2e1;
  opacity: 0.8;
}
.p-btn--holiday {
  color: #419C48;
  background: #e8f7e9;
  font-weight: bold;
}
.p-btn--holiday:link, .p-btn--holiday:visited {
  color: #419C48;
}
.p-btn--holiday:hover, .p-btn--holiday:focus {
  background: #e8f7e9;
  opacity: 0.8;
}
.p-btn--oc {
  color: #d9534f;
  background: #fff2f2;
  font-weight: bold;
}
.p-btn--oc:link, .p-btn--oc:visited {
  color: #d9534f;
}
.p-btn--oc:hover, .p-btn--oc:focus {
  background: #fff2f2;
  opacity: 0.8;
}
.p-btn--osl {
  color: #d83f5c;
  background: #ffebef;
  font-weight: bold;
}
.p-btn--osl:link, .p-btn--osl:visited {
  color: #d83f5c;
}
.p-btn--osl:hover, .p-btn--osl:focus {
  background: #fff2f2;
  opacity: 0.8;
}
.p-btn--bti {
  color: #2a94c3;
  background: #e7f8fd;
  font-weight: bold;
}
.p-btn--bti:link, .p-btn--bti:visited {
  color: #2a94c3;
}
.p-btn--bti:hover, .p-btn--bti:focus {
  background: #e7f8fd;
  opacity: 0.8;
}
.p-btn--cao {
  color: #a18e1e;
  background: #fffade;
  font-weight: bold;
}
.p-btn--cao:link, .p-btn--cao:visited {
  color: #a18e1e;
}
.p-btn--cao:hover, .p-btn--cao:focus {
  background: #fffade;
  opacity: 0.8;
}

/* media-sp */
@media screen and (max-width: 639px) {
  .p-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-card > *:first-child {
    margin-right: 10px;
  }
}
.p-card--rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.p-card__img {
  max-width: 100%;
  height: auto;
}
.p-card__img--wrap:first-of-type {
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-card__img--wrap:first-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-card__img--wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%;
  }
}
.p-card__body:first-of-type {
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-card__body:first-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-card__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.p-card__body > *:last-child {
  margin-bottom: 0 !important;
}
.p-card__title--lg {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-card__title--lg {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-card__title--lg {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 639px) {
  .p-card__title--lg {
    margin-bottom: 10px;
    font-size: 1rem;
  }
}
.p-card__title--md {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-card__title--md {
    line-height: 1.3;
  }
}
.p-card__title--md::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .p-card__title--md {
    font-size: 1em;
  }
}
@media screen and (max-width: 639px) {
  .p-card__title--md {
    margin-bottom: 10px;
    font-size: 1rem;
  }
}
.p-card__title--sm {
  font-size: 1rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  padding: 5px 15px;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-card__title--sm {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-card__title--sm {
    font-size: 1em;
  }
}
@media screen and (max-width: 639px) {
  .p-card__title--sm {
    margin-bottom: 10px;
  }
}
.p-card__title--cl-bg--tri {
  color: #EA6188;
  background: #fdf0f3;
}
.p-card__title--cl-bg--cat {
  color: #92539D;
  background: #f8f1f7;
}
.p-card__title--cl-bg--cre {
  color: #238ACC;
  background: #e9f6fc;
}
.p-card__title--cl-bg--dog {
  color: #85852C;
  background: #f3f5e9;
}
.p-card__title--cl-bg--brd {
  color: #B7530F;
  background: #fdefe5;
}
.p-card__title--cl-bg--brb {
  color: #ED6C00;
  background: #fdefe5;
}
.p-card__title--cl-bg--bra {
  color: #2C4198;
  background: #eff0f7;
}
.p-card--cl-bg--main {
  color: #008039;
  background: #ccf2de;
}
.p-card--cl-bg--tri {
  color: #EA6188;
  background: #fdf0f3;
}
.p-card--cl-bg--cat {
  color: #92539D;
  background: #f8f1f7;
}
.p-card--cl-bg--cre {
  color: #238ACC;
  background: #e9f6fc;
}
.p-card--cl-bg--dog {
  color: #85852C;
  background: #f3f5e9;
}
.p-card--cl-bg--brd {
  color: #B7530F;
  background: #fdefe5;
}
.p-card--cl-bg--brb {
  color: #ED6C00;
  background: #fdefe5;
}
.p-card--cl-bg--bra {
  color: #2C4198;
  background: #eff0f7;
}
.p-card--cl--tri {
  color: #EA6188;
}
.p-card--cl--cat {
  color: #92539D;
}
.p-card--cl--cre {
  color: #238ACC;
}
.p-card--cl--dog {
  color: #85852C;
}
.p-card--cl--brd {
  color: #B7530F;
}
.p-card--cl--brb {
  color: #ED6C00;
}
.p-card--cl--bra {
  color: #2C4198;
}

/* linkcard
------------------------------------------------*/
.linkcard > div {
  max-width: 100%;
  background-color: #f8f8f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #d6d6d6;
  border-radius: 0;
}

.linkcard > div a {
  display: block;
}

.linkcard > div a:hover {
  text-decoration: none;
  background: #f5f5f5;
}

.lkc-card {
  margin: 15px;
}

.lkc-thumbnail {
  padding: 0;
  margin: 0 10px 0 0;
}

.linkcard img {
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.lkc-title {
  margin-bottom: 10px;
  line-height: 1.7;
  font-size: 18px;
}

.lkc-title:hover {
  text-decoration: none;
}

.lkc-url {
  margin-bottom: 5px;
}

.lkc-excerpt {
  font-size: 12px;
  line-height: 1.7;
}

@media screen and (max-width: 639px) {
  .lkc-title {
    font-size: 15px;
  }
  .lkc-content {
    height: auto;
  }
}
/* local-index */
.p-local-index {
  max-width: 1080px;
  width: 100%;
  margin: 50px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 1095px) {
  .p-local-index {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (max-width: 639px) {
  .p-local-index {
    margin: 30px auto;
  }
}
.p-local-index__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(50% - 5px);
}
.p-local-index__item:nth-child(2n) {
  margin-left: 10px;
}
@media screen and (max-width: 639px) {
  .p-local-index__item:nth-child(2n) {
    margin-left: 0;
  }
}
.p-local-index__item:nth-child(n+3) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-local-index__item {
    width: 100%;
  }
  .p-local-index__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.p-local-index__item a {
  color: #333;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: 100%;
}
@media screen and (max-width: 639px) {
  .p-local-index__item a {
    padding: 15px;
  }
}
.p-local-index__item a:hover {
  background: #f5fff2;
}
.p-local-index__item a:last-of-type {
  margin-bottom: 0;
}
.p-local-index__title {
  border-bottom: 2px solid #008039;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 0 30px 10px 0;
  position: relative;
}
@media screen and (max-width: 639px) {
  .p-local-index__title {
    font-size: 1rem;
  }
}
.p-local-index__title::after {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 20px;
  color: #ccc;
  position: absolute;
  top: 40%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-local-index--inner {
  margin: 30px auto 0;
}
@media screen and (max-width: 1095px) {
  .p-local-index--inner {
    padding: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-local-index--inner {
    margin: 20px auto 0;
  }
}

/* media */
.p-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-media {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .p-media__nowrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .p-media__nowrap .p-media__img--wrap {
    margin-top: 0;
    margin-right: 1em;
  }
}
.p-media--bg .p-media__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 2em;
}
@media screen and (max-width: 639px) {
  .p-media--bg .p-media__body {
    padding: 0 15px 15px;
  }
}
.p-media--border {
  border: 3px solid #ccf2de;
  border-radius: 5px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-media__img {
  max-width: 100%;
  height: auto;
}
.p-media__img--wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 27.58333%;
          flex: 0 1 27.58333%;
  margin-right: 3.33333%;
}
.p-media__img--wrap--40p {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 37.58333%;
          flex: 0 1 37.58333%;
  margin-right: 3.33333%;
}
.p-media__img--wrap--50p {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 47.58333%;
          flex: 0 1 47.58333%;
  margin-right: 3.33333%;
}
@media screen and (max-width: 639px) {
  .p-media__img--wrap {
    margin-right: 0;
    margin-top: 20px;
  }
}
.p-media__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-media__body:last-of-type {
  margin-bottom: 0 !important;
}
.p-media__body > *:last-child {
  margin-bottom: 0 !important;
}
.p-media__body p + p {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-media__body--sp-odr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-media__title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
}
.p-media--rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 639px) {
  .p-media--rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-media--rev .p-media__img--wrap {
  margin-right: 0;
  margin-left: 3.33333%;
}
@media screen and (max-width: 639px) {
  .p-media--rev .p-media__img--wrap {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0;
  }
}
.p-media--sp-rev {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .p-media--sp-rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-media--sp-rev > .p-media__img--wrap {
    margin-top: 0;
    margin-bottom: 15px;
    margin-right: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-media__sp1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 639px) {
  .p-media__sp2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

/* media-btn */
.p-media-btn {
  max-width: 864px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 639px) {
  .p-media-btn {
    width: auto;
  }
}
.p-media-btn__title {
  font-size: 1.3rem;
  color: #008039;
  margin-top: 0;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-media-btn__title {
    line-height: 1.3;
  }
}
.p-media-btn__item:nth-child(n+2) {
  margin-top: 10px;
}

/* media-sp */
@media screen and (max-width: 639px) {
  .p-media-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.p-media-sp--rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.p-media-sp__img {
  max-width: 100%;
  height: auto;
}
.p-media-sp__img--wrap:first-of-type {
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-media-sp__img--wrap {
    -ms-flex-item-align: baseline;
        align-self: baseline;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%;
    margin-right: 10px;
  }
}
.p-media-sp__body:first-of-type {
  margin-bottom: 10px;
}
.p-media-sp__body:last-of-type {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 639px) {
  .p-media-sp__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.p-media-sp__body > *:last-child {
  margin-bottom: 0 !important;
}
.p-media-sp__title--md {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--md {
    line-height: 1.3;
  }
}
.p-media-sp__title--md::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--md {
    font-size: 1em;
  }
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--md {
    margin-bottom: 10px;
  }
}
.p-media-sp__title--sm {
  font-size: 1rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  padding: 5px 15px;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--sm {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--sm {
    font-size: 1em;
  }
}
@media screen and (max-width: 639px) {
  .p-media-sp__title--sm {
    margin-bottom: 10px;
  }
}

.scroll-table {
  overflow-x: auto;
}
@media screen and (max-width: 639px) {
  .scroll-table {
    white-space: nowrap;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #eee;
  }
  .scroll-table:before {
    content: "スクロールできます→";
    font-size: 12px;
    display: block;
  }
  .scroll-table table {
    width: 900px;
  }
}

@media screen and (max-width: 639px) {
  #contents .scroll {
    overflow: auto;
    white-space: nowrap;
  }
  #contents .scroll::-webkit-scrollbar {
    height: 5px;
  }
  #contents .scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  #contents .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}
/* search_inlinebox
------------------------------------------------*/
#search_inlinebox .s {
  width: 85%;
  padding: 5px;
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  #search_inlinebox .s {
    width: 75%;
  }
}
#search_inlinebox .searchbtn {
  background: #eee;
  border: 1px solid #ccc;
  padding: 3px 5px;
  font-size: 18px;
}

/* section-title
------------------------------------------------*/
.section-title--lv1 {
  font-size: 1.8rem;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
  background: url(img/bg-dot.png);
  border-radius: 10px 10px 0 0;
  text-align: center;
  padding: 6px 0;
  width: 80%;
  font-weight: bold;
  color: #fff;
  position: relative;
  background-color: #289f5d;
}
@media screen and (max-width: 639px) {
  .section-title--lv1 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .section-title--lv1 {
    font-size: 22px;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0;
  }
}
.section-title--lv1::before, .section-title--lv1::after {
  content: "";
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}
.section-title--lv1::before {
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #008039;
}
.section-title--lv1::after {
  right: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-top-color: #008039;
}
.section-title--lv2 {
  font-size: 1.3rem;
  background: #ccf2de;
  padding: 7px 0 7px 10px;
  border-radius: 0 20px 20px 0;
  font-weight: bold;
  color: #008039;
}
@media screen and (max-width: 639px) {
  .section-title--lv2 {
    line-height: 1.3;
  }
}
/* wsp-pages-list */
.wsp-pages-list .page_item a {
  position: relative;
  color: #333;
  display: block;
  padding-left: 1.25em;
  line-height: 1.5;
  padding: 5px 1em 5px 1.25em;
}
@media screen and (max-width: 639px) {
  .wsp-pages-list .page_item a {
    padding-top: 3px;
    padding-bottom: 3px;
  }
}
.wsp-pages-list .page_item a:hover {
  color: #666;
}
.wsp-pages-list .page_item a:before {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 22px;
  color: #999;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .wsp-pages-list .page_item a:before {
    font-size: 18px;
  }
}
.wsp-pages-list > .page_item {
  border-bottom: 1px solid #ccc;
  padding: 20px 10px;
  font-size: 20px;
  position: relative;
}
@media screen and (max-width: 639px) {
  .wsp-pages-list > .page_item {
    padding: 10px 5px;
    font-size: 18px;
  }
}
.wsp-pages-list > .page_item > .children {
  margin-top: 5px;
  font-size: 16px;
  padding-left: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.wsp-pages-list > .page_item > .children > .page_item {
  width: 32%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 2%;
}
@media screen and (max-width: 639px) {
  .wsp-pages-list > .page_item > .children > .page_item {
    width: 100%;
  }
  .wsp-pages-list > .page_item > .children > .page_item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.wsp-pages-list > .page_item > .children > .page_item:nth-child(3n) {
  margin-right: 0;
}
.wsp-pages-list > .page_item > .children > .page_item:nth-child(n+4) {
  margin-top: 10px;
}
.wsp-pages-list > .page_item > .children > .page_item a:before {
  font-size: 16px;
}
.wsp-pages-list > .page_item > .children > .page_item > .children {
  padding-left: 1em;
  margin-top: 5px;
}
.wsp-pages-list > .page_item > .children > .page_item > .children > .page_item:nth-child(n+2) {
  margin-top: 5px;
}
.wsp-pages-list > .page_item > .children > .page_item > .children > .page_item > .children {
  padding-left: 1em;
  margin-top: 5px;
}
.wsp-pages-list > .page_item > .children > .page_item > .children > .page_item > .children > .page_item:nth-child(n+2) {
  margin-top: 5px;
}

div.wsp-container {
  max-width: 1080px;
  width: 100%;
  margin: 60px auto 0;
}
@media screen and (max-width: 1095px) {
  div.wsp-container div.wsp-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 20px;
  }
}
@media screen and (max-width: 639px) {
  div.wsp-container div.wsp-container {
    margin-top: 60px;
  }
}
div.wsp-container .wsp-pages-title {
  display: none;
}

/* toc */
.p-toc {
  max-width: 1080px;
  width: 100%;
  margin: 50px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1095px) {
  .p-toc {
    padding: 0 20px;
  }
}
@media screen and (max-width: 639px) {
  .p-toc {
    margin: 30px auto;
  }
}
.p-toc__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-toc__unit--col2 .p-toc__item {
  width: calc(50% - 5px);
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .p-toc__unit--col2 .p-toc__item {
    width: 100%;
    margin-right: 0;
  }
  .p-toc__unit--col2 .p-toc__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.p-toc__unit--col2 .p-toc__item:nth-child(n+3) {
  margin-top: 10px;
}
.p-toc__unit--col2 .p-toc__item:nth-child(2n) {
  margin-right: 0;
}
.p-toc__unit--col3 .p-toc__item {
  width: calc(33.3% - 6.666px);
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .p-toc__unit--col3 .p-toc__item {
    width: 100%;
    margin-right: 0;
  }
  .p-toc__unit--col3 .p-toc__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.p-toc__unit--col3 .p-toc__item:nth-child(n+4) {
  margin-top: 10px;
}
.p-toc__unit--col3 .p-toc__item:nth-child(3n) {
  margin-right: 0;
}
.p-toc__unit--col4 .p-toc__item {
  width: calc(25% - 7.5px);
  margin-right: 10px;
}
.p-toc__unit--col4 .p-toc__item:nth-child(4n) {
  margin-right: 0;
}
.p-toc__unit--col4 .p-toc__item:nth-child(n+5) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-toc__unit--col4 .p-toc__item {
    width: 100%;
    margin-right: 0;
  }
  .p-toc__unit--col4 .p-toc__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.p-toc__item a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px #ccc;
          box-shadow: 0 0 0 1px #ccc;
  background: #fff;
  padding: 15px;
  text-align: center;
  color: #666;
  height: 100%;
  line-height: 1.2;
  font-size: 1.125rem;
}
@media only screen and (max-width: 639px) {
  .p-toc__item a {
    padding: 7px 20px;
    font-weight: normal;
    position: relative;
  }
}
.p-toc__item a:hover {
  background: #f5fff2;
}
.p-toc__item a:after {
  display: block;
  font-family: "ElegantIcons";
  content: "7";
  color: #b1eacc;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .p-toc__item a:after {
    display: inline-block;
    font-size: 15px;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.p-toc__item--line a {
  background: #00B800;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0 #ccc;
          box-shadow: 0 0 0 0 #ccc;
}
.p-toc__item--line a:hover {
  background: #00B800;
  opacity: 0.8;
}
.p-toc__item--line a:after {
  color: #fff;
}
.p-toc__item--zoom a {
  background: #448aca;
  color: #fff;
  -webkit-box-shadow: 0 0 0 0 #ccc;
          box-shadow: 0 0 0 0 #ccc;
}
.p-toc__item--zoom a:hover {
  background: #448aca;
  opacity: 0.8;
}
.p-toc__item--zoom a:after {
  color: #fff;
}
@media screen and (max-width: 639px) {
  .p-toc__unit--sp-col2 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-toc__unit--sp-col2 .p-toc__item {
    width: calc(50% - 5px);
  }
  .p-toc__unit--sp-col2 .p-toc__item:nth-child(2) {
    margin-top: 0;
  }
  .p-toc__unit--sp-col2 .p-toc__item:nth-child(n+3) {
    margin-top: 10px;
  }
}

/* check-mark */
.p-check-mark li {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .p-check-mark li {
    font-size: 15px;
    text-indent: -1.2em;
    margin-left: 2em;
  }
}
.p-check-mark li:before {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "N";
  font-size: 26px;
  color: #008039;
  vertical-align: middle;
  margin-right: 10px;
}
.p-check-mark li + li {
  margin-top: 15px;
}
@media screen and (max-width: 639px) {
  .p-check-mark li + li {
    margin-top: 10px;
  }
}
.p-check-mark--inbox li:before {
  content: "Z";
}

/* list-mark */
.p-list-mark__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-list-mark__border .p-list-mark__item {
  padding: 10px;
  border: 2px solid #ccf2de;
  border-radius: 3px;
}
.p-list-mark__mark .p-list-mark__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-list-mark__mark .p-list-mark__item::before {
  margin-right: 0.5em;
  display: inline-block;
  color: #008039;
  font-family: "ElegantIcons";
  line-height: 1;
  font-size: 26px;
}
@media screen and (max-width: 639px) {
  .p-list-mark__mark .p-list-mark__item::before {
    font-size: 22px;
  }
}
.p-list-mark__mark--check .p-list-mark__item::before {
  content: "Z";
}
.p-list-mark__mark--balloon .p-list-mark__item::before {
  content: "\e066";
}
.p-list-mark__mark--sq .p-list-mark__item::before {
  content: "^";
}

/* bti-schedule  */
.p-bti-schedule {
  border-bottom: 1px solid #ccc;
}
.p-bti-schedule__item {
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 639px) {
  .p-bti-schedule__item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-bti-schedule__date {
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  padding: 20px 15px;
  background: rgb(255, 252, 246);
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-bti-schedule__date {
    width: 100%;
    padding: 10px 10px;
    font-size: 18px;
  }
}
.p-bti-schedule__content {
  width: 80%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 15px;
}
@media screen and (max-width: 639px) {
  .p-bti-schedule__content {
    width: 100%;
    border-top: none;
    padding: 10px 10px;
  }
}
.p-bti-schedule__title {
  font-size: 1.3rem;
  margin-bottom: 5px;
  font-weight: bold;
  color: #436c40;
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .p-bti-schedule__title {
    line-height: 1.3;
  }
}
.p-bti-schedule__title--tday:before {
  content: "";
  display: inline-block;
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin: 0 10px 0 0;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url(img/icn-tday.svg);
}
* + .p-bti-schedule__title {
  margin-top: 15px;
}
.p-bti-schedule__alert {
  padding: 15px;
  background: #FFFEC1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-bti-schedule__msg {
  position: absolute;
  padding: 10px;
  width: 80%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 639px) {
  .p-bti-schedule__msg {
    padding: 7px;
    width: 90%;
    font-size: 15px;
    height: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.5;
  }
}
.p-bti-schedule__msg--monday {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-bti-schedule__msg--end {
  background: rgba(100, 100, 100, 0.75);
}
.p-bti-schedule__msg--close {
  background: rgba(18, 68, 111, 0.75);
}
.p-bti-schedule__msg a[href^="tel:"] {
  color: #fff;
}
.p-bti-schedule__tel {
  display: inline-block;
  font-size: 1.2em;
  border: 1px solid #fff;
  border-radius: 3px;
  margin-top: 5px;
  padding: 5px 7px;
}
.p-bti-schedule__tel:before {
  content: "フリーダイヤル";
  font-size: 0.8em;
  margin-right: 0.5em;
  display: inline-block;
}
@media screen and (max-width: 639px) {
  .p-bti-schedule__tel:before {
    display: block;
    margin-right: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-bti-schedule__tel {
    padding: 5px;
    display: block;
    position: relative;
    padding-right: 2em;
  }
  .p-bti-schedule__tel::after {
    position: absolute;
    right: 5px;
    top: 50%;
    display: inline-block;
    font-family: "ElegantIcons";
    content: "5";
    font-size: 1.5rem;
    color: #fff;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

/* modaal */
.modaal-video-wrap {
  margin: auto 0;
}

.modaal-inner-wrapper {
  padding: 0;
}

/* nss */
.p-nss {
  margin: 0 auto;
}
@media screen and (max-width: 639px) {
  .p-nss {
    width: 100%;
  }
}
.p-nss__title {
  margin: 0 0 1rem 0;
  background: #43693e;
  color: #fff;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 1.2rem;
}
@media screen and (max-width: 639px) {
  .p-nss__title {
    font-size: 1.1rem;
  }
}
.p-nss__date {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
  border-bottom: 3px solid #d7e5de;
}
.p-nss__date + .p-nss__title {
  margin-top: 1.5em;
}
@media screen and (max-width: 639px) {
  .p-nss__date {
    margin-bottom: 1.2rem;
  }
}
.p-nss__date--cap {
  background: #d7e5de;
  color: #43693e;
  font-weight: bold;
  text-align: center;
  padding: 7px;
  margin: 0 0 0.7rem 0;
}
.p-nss__date--head {
  background: #d7e5de;
  font-weight: bold;
  padding: 7px 10px;
}
@media screen and (max-width: 639px) {
  .p-nss__date--head {
    padding: 5px 7px;
  }
}
.p-nss__date--item {
  padding: 7px 10px;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .p-nss__date--item {
    padding: 5px 7px;
  }
}
.p-nss__date--arrow:after {
  margin: 0 0 0 1rem;
  font-family: "ElegantIcons";
  content: "$";
  display: inline-block;
}
.p-nss__head {
  border-top: 3px solid #d7e5de;
}
.p-nss__head .p-nss__date--head {
  background: #fff;
}
.p-nss__foot {
  border-top: 5px double #9fb3a9;
}
.p-nss__line {
  border-top: 1px solid #9fb3a9;
}
.p-nss__line .p-nss__date--head {
  width: 5rem;
}
@media screen and (max-width: 639px) {
  .p-nss__line .p-nss__date--head {
    width: auto;
  }
}

/* gd-table */
@media screen and (max-width: 639px) {
  .p-gd-table--certificate-type {
    width: 500px !important;
  }
}
.p-gd-table--certificate-type__type {
  width: 25%;
  width: auto;
}
@media screen and (max-width: 639px) {
  .p-gd-table--certificate-type__type {
    white-space: nowrap !important;
  }
}
.p-gd-table--certificate-type__price {
  width: 25%;
}
@media screen and (max-width: 639px) {
  .p-gd-table--certificate-type__price {
    width: auto;
    white-space: nowrap !important;
  }
}
.p-gd-table--certificate-type__counter {
  width: 25%;
}
@media screen and (max-width: 639px) {
  .p-gd-table--certificate-type__counter {
    width: auto;
    white-space: nowrap !important;
  }
}
.p-gd-table--certificate-type__post {
  width: 25%;
}
@media screen and (max-width: 639px) {
  .p-gd-table--certificate-type__post {
    width: 7em;
    white-space: nowrap !important;
  }
}
@media screen and (max-width: 639px) {
  .p-gd-table--matters {
    width: 800px !important;
  }
}
.p-gd-table--matters__title {
  white-space: nowrap !important;
}
.p-gd-table--matters__num {
  white-space: nowrap !important;
}
@media screen and (max-width: 639px) {
  .p-gd-table--matters__text {
    white-space: normal;
  }
}

/* subject-list */
.subject-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.subject-list a,
.subject-list a:link,
.subject-list a:visited {
  color: #333;
}
.subject-list__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30%;
  padding: 0 0 100px 0;
  margin: 0 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 9999px;
}
@media screen and (max-width: 639px) {
  .subject-list__item {
    margin: 0;
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .subject-list__item:nth-child(n+2) {
    margin-top: 20px;
  }
}
.subject-list__item:nth-child(n+4) {
  margin: 20px 20px 0 0;
}
@media screen and (max-width: 639px) {
  .subject-list__item:nth-child(n+4) {
    margin-right: 0;
  }
}
.subject-list__item:nth-child(n+4) .subject-list__jobbox {
  min-height: 256px;
}
@media screen and (max-width: 639px) {
  .subject-list__item:nth-child(n+4) .subject-list__jobbox {
    min-height: auto;
  }
}
.subject-list__item:nth-child(3n) {
  margin-left: 0;
}
@media screen and (max-width: 639px) {
  .subject-list__item:nth-child(3n) {
    margin-top: 20px;
  }
}
.subject-list__img {
  width: 100%;
  height: auto;
  border-radius: 9999px 9999px 0 0;
}
.subject-list__img__wrap {
  width: 100%;
  margin-bottom: 20px;
}
.subject-list__title {
  position: relative;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin: 0 auto 10px;
  color: #fff;
  letter-spacing: 0.1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1em 15px;
  width: 100%;
  border-bottom: 5px double #fff;
  width: 80%;
  /*
  		&::after {
  			display: inline-block;
  			font-family: 'ElegantIcons';
  			content: "\35";
  			font-size: 25px;
  			color: #fff;
  			margin-left: 0.5em;
  			position: absolute;
  			top: 50%;
  			right: 30px;
  			transform: translateY(-50%);
  		}
  */
}
@media screen and (max-width: 639px) {
  .subject-list__title {
    font-size: 20px;
  }
}
.subject-list__title--course {
  display: block;
  font-size: 20px;
  margin-top: 10px;
  font-size: 18px;
}
.subject-list__katei {
  text-align: center;
  font-size: 16px;
}
.subject-list__jobbox {
  width: 80%;
  margin: 20px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  min-height: 201px;
}
@media screen and (max-width: 639px) {
  .subject-list__jobbox {
    min-height: auto;
    width: 90%;
  }
}
.subject-list__jobtit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  background: #fff;
  width: 10em;
  padding: 10px;
  border-radius: 10px 10px 0 0;
  margin: 0 auto -15px;
  letter-spacing: 0.11em;
}
.subject-list__gettitle {
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 15px 7px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 20px;
  border-bottom: 3px dotted #fff;
}
@media screen and (max-width: 639px) {
  .subject-list__gettitle {
    font-size: 14px;
  }
}
.subject-list__getbox {
  width: 80%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .subject-list__getbox {
    width: 90%;
  }
}
.subject-list__joblist {
  background: #fff;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  border-radius: 10px;
  min-height: 165px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.subject-list__joblist li {
  text-align: center;
}
.subject-list__joblist li + li {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .subject-list__joblist {
    min-height: auto;
  }
}
.subject-list__getlist {
  color: #fff;
}
@media screen and (max-width: 639px) {
  .subject-list__joblist, .subject-list__getlist {
    font-size: 12px;
  }
}
.subject-list--trimming {
  background: url(img/trimming-subject-bg.jpg) no-repeat right center;
  background-size: cover;
}
.subject-list--cat {
  background: url(img/cat-subject-bg.jpg) no-repeat right center;
  background-size: cover;
}
.subject-list--care {
  background: url(img/care-subject-bg.jpg) no-repeat right center;
  background-size: cover;
}
.subject-list--trainer {
  background: url(img/trainer-subject-bg.jpg) no-repeat right center;
  background-size: cover;
}
.subject-list--prodogtrainer {
  background: url(img/prodogtrainer-subject-bg.jpg) no-repeat right center;
  background-size: cover;
}
.subject-list--breeding {
  background: url(img/breeding-subject-bg.jpg) no-repeat right center;
  background-size: cover;
}
.subject-list--breed {
  background: url(img/breed-subject-bg.jpg) no-repeat right center;
  background-size: cover;
}
.subject-list--aqua {
  background: url(img/aqua-subject-bg.jpg) no-repeat right center;
  background-size: cover;
}
.subject-list--trimming .subject-list__joblist li span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #ffdde8));
  background: linear-gradient(transparent 70%, #ffdde8 30%);
}
.subject-list--cat .subject-list__joblist li span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #f0dcea));
  background: linear-gradient(transparent 70%, #f0dcea 30%);
}
.subject-list--care .subject-list__joblist li span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #e1f6fc));
  background: linear-gradient(transparent 70%, #e1f6fc 30%);
}
.subject-list--trainer .subject-list__joblist li span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #F8F7E1));
  background: linear-gradient(transparent 70%, #F8F7E1 30%);
}
.subject-list--prodogtrainer .subject-list__joblist li span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #e5eef8));
  background: linear-gradient(transparent 70%, #e5eef8 30%);
}
.subject-list--breeding .subject-list__joblist li span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(30%, #f7e2cd));
  background: linear-gradient(transparent 70%, #f7e2cd 30%);
}
.subject-list--trimming .subject-list__jobtit {
  color: #ee86a7;
}
.subject-list--cat .subject-list__jobtit {
  color: #ba79a5;
}
.subject-list--care .subject-list__jobtit {
  color: #26ABE3;
}
.subject-list--trainer .subject-list__jobtit {
  color: #86992A;
}
.subject-list--prodogtrainer .subject-list__jobtit {
  color: #5085c5;
}
.subject-list--breeding .subject-list__jobtit {
  color: #E76003;
}
.subject-list--breed .subject-list__jobtit {
  color: #f29839;
}
.subject-list--aqua .subject-list__jobtit {
  color: #5F67AE;
}

/*demand-list*/
.demand-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 639px) {
  .demand-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.demand-list__item {
  width: 40%;
  position: relative;
}
@media screen and (max-width: 639px) {
  .demand-list__item {
    width: 100%;
    margin: 0 auto;
  }
}
.demand-list__item + .demand-list__item {
  margin-left: 20px;
}
@media screen and (max-width: 639px) {
  .demand-list__item + .demand-list__item {
    margin-left: 0;
    margin-top: 20px;
  }
}
.demand-list__item--dp .demand-list__link::before {
  font-family: "ElegantIcons";
  content: "U";
  display: block;
  font-size: 50px;
  color: #008039;
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .demand-list__item--dp .demand-list__link::before {
    font-size: 40px;
  }
}
.demand-list__item--iq .demand-list__link::before {
  font-family: "ElegantIcons";
  content: "i";
  display: block;
  font-size: 50px;
  color: #008039;
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .demand-list__item--iq .demand-list__link::before {
    font-size: 40px;
  }
}
.demand-list__link {
  display: block;
  background: #ffffff;
  border: 1px solid #ccc;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  font-size: 20px;
  padding: 30px 20px 30px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.4;
}
@media screen and (max-width: 639px) {
  .demand-list__link {
    font-size: 18px;
    padding: 15px 20px 15px 20px;
  }
}
.demand-list__link:link, .demand-list__link:visited {
  color: #333;
}
.demand-list__link:hover {
  opacity: 0.7;
}
.demand-list__link::after {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 50px;
  color: #ccc;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .demand-list__link::after {
    font-size: 35px;
    right: 10px;
  }
}

/* about-tday */
.p-about-tday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-about-tday__item {
  width: 23%;
  background: #F9F9F9;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
}
@media screen and (max-width: 639px) {
  .p-about-tday__item {
    width: 100%;
    margin-bottom: 10px;
  }
}
.p-about-tday__title {
  font-size: 1.3rem;
  text-align: center;
  color: #008039;
  margin-bottom: 10px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-about-tday__title {
    line-height: 1.3;
  }
}
.p-about-tday__title::before {
  display: inline-block;
  font-family: "ElegantIcons";
  font-size: 20px;
  color: #008039;
  content: "E";
  vertical-align: text-bottom;
}
.p-about-tday p span {
  display: block;
  font-size: 0.75em;
  line-height: 1.5;
}
.p-about-tday__border {
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7px;
  border: 2px dotted #008039;
}

/* deadline */
.p-deadline {
  margin-bottom: 20px;
  text-align: center;
}
.p-deadline p:before,
.p-deadline p:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
.p-deadline__title {
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-bottom: solid 2px #525252;
  padding: 16px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  width: 60%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-deadline__title {
    width: 100%;
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .p-deadline__title span {
    text-align: center;
  }
}
.p-deadline__title span span {
  display: inline-block;
  background: #525252;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  margin-right: 5px;
  border-radius: 3px;
}
.p-deadline__title span span::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.7) * 0.5em);
  content: "";
}
.p-deadline__title span span::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.7) * 0.5em);
  content: "";
}
@media screen and (max-width: 639px) {
  .p-deadline__title span span {
    display: block;
    margin: 0 auto 5px;
  }
}
.p-deadline__title:before {
  border: solid 12px transparent;
  border-top: solid 12px #525252;
}
.p-deadline__title:after {
  border: solid 14px transparent;
  border-top: solid 14px #fff;
  margin-top: -5px;
}

/* p-legend */
.p-legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .p-legend {
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-legend__title {
  width: 13em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
}
.p-legend__title:nth-of-type(1) {
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-legend__title:nth-of-type(1) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-legend__title {
    width: 100%;
  }
}
.p-legend__title:before {
  content: "";
  display: inline-block;
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin: 0 10px 0 0;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.p-legend__title--tday::before {
  background-image: url(img/icn-tday.svg);
}
.p-legend__title--bus::before {
  background-image: url(img/icn-bus.svg);
}
.p-legend__content {
  width: calc(100% - 13em);
}
.p-legend__content:nth-of-type(1) {
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-legend__content {
    width: 100%;
  }
}

/* oc-end */
.p-oc-end {
  background: #F9F9F9;
  width: 80%;
  margin: 40px auto 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px;
  border-radius: 5px;
}
@media screen and (max-width: 639px) {
  .p-oc-end {
    width: 100%;
    padding: 20px;
  }
}
.p-oc-end__title {
  font-size: 1.3rem;
  color: #008039;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-oc-end__title {
    line-height: 1.3;
  }
}
.p-oc-end__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}
@media screen and (max-width: 639px) {
  .p-oc-end__list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.p-oc-end__item {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
}
.p-oc-end__item .p-oc-end__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  color: #008039;
  font-weight: bold;
}
.p-oc-end__item .p-oc-end__title::after {
  display: block;
  font-family: "ElegantIcons";
  font-size: 60px;
  color: #ccf2de;
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-oc-end__item .p-oc-end__title::after {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .p-oc-end__item .p-oc-end__title::before {
    display: inline-block;
    font-family: "ElegantIcons";
    content: "5";
    font-size: 20px;
    color: #ccf2de;
    margin-right: 0.2em;
    line-height: 1;
  }
}
.p-oc-end__item .p-oc-end__title--tel::after {
  content: "\e090";
}
@media screen and (max-width: 639px) {
  .p-oc-end__item .p-oc-end__title--tel::before {
    content: "\e090";
  }
}
.p-oc-end__item .p-oc-end__title--mail::after {
  content: "\e076";
}
@media screen and (max-width: 639px) {
  .p-oc-end__item .p-oc-end__title--mail::before {
    content: "\e076";
  }
}
.p-oc-end__item .p-oc-end__title--go::after {
  content: "\e08a";
}
@media screen and (max-width: 639px) {
  .p-oc-end__item .p-oc-end__title--go::before {
    content: "\e08a";
  }
}

/* oc-month-list */
.p-oc-month-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-oc-month-list__item {
  background: #F9F9F9;
  width: calc(33.33% - 10px);
  margin-right: 10px;
  padding: 15px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-oc-month-list__item {
    width: 100%;
  }
  .p-oc-month-list__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.p-oc-month-list__item:nth-child(3n) {
  margin-right: 0;
}
.p-oc-month-list__item:nth-child(n+4) {
  margin-top: 10px;
}
.p-oc-month-list__item--nobg {
  background: none;
  padding: 0;
}
.p-oc-month-list__item--66 {
  width: calc(66.66% - 10px);
  margin-left: 0;
}
@media screen and (max-width: 639px) {
  .p-oc-month-list__item--66 {
    width: 100%;
  }
}
.p-oc-month-list__item--mt10 {
  margin-top: 10px;
}
.p-oc-month-list__item--ml10 {
  margin-left: 10px;
}
@media screen and (max-width: 639px) {
  .p-oc-month-list__item--ml10 {
    margin-left: 0;
  }
}
.p-oc-month-list__title {
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1;
  color: #333;
}
.p-oc-month-list__title span {
  font-size: 1.5em;
}
.p-oc-month-list__event {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  background: repeating-linear-gradient(-45deg, #f7e2cd 0 5px, #fff 5px 10px);
  -webkit-box-shadow: 5px 5px 0 #E76003;
          box-shadow: 5px 5px 0 #E76003;
  border: 2px solid #E76003;
  border-radius: 10px;
}
.p-oc-month-list__event-title {
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  position: relative;
  padding: 7px 10px 10px 10px;
  border-radius: 10px;
  background-color: #E76003;
  margin-bottom: 25px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-oc-month-list__event-title {
    font-size: 16px;
  }
}
.p-oc-month-list__event-title::after {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: traslateX(-50%) rotate(-20deg);
      -ms-transform: traslateX(-50%) rotate(-20deg);
          transform: traslateX(-50%) rotate(-20deg);
  border-left: 5px dotted #E76003;
  height: 20px;
  content: "";
}

.p-oc-month-list__event--blue {
  background: repeating-linear-gradient(-45deg, #cdeff7 0 5px, #fff 5px 10px);
  -webkit-box-shadow: 5px 5px 0 #39a8f2;
          box-shadow: 5px 5px 0 #39a8f2;
  border: 2px solid #39a8f2;
}

.p-oc-month-list__event--blue .p-oc-month-list__event-title {
  background-color: #39a8f2;
}

.p-oc-month-list__event--blue .p-oc-month-list__event-title::after {
  border-left: 5px dotted #39a8f2;
}

/* oc-date-list */
.p-oc-date-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-oc-date-list + * {
  margin-top: 20px;
}
.p-oc-date-list li {
  width: calc(50% - 5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-oc-date-list li:nth-child(2n) {
  margin-left: 10px;
}
.p-oc-date-list li:nth-child(n+3) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-oc-date-list--sp1clm li {
    width: 100%;
  }
  .p-oc-date-list--sp1clm li:nth-child(2n) {
    margin-left: 0;
  }
  .p-oc-date-list--sp1clm li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.p-oc-date-list__link {
  position: relative;
  display: block;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 3px 1rem 5px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.2rem;
  text-align: center;
}
.p-oc-date-list__link:link, .p-oc-date-list__link:visited {
  color: #666;
}
.p-oc-date-list__link::after {
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 1.4rem;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-oc-date-list__link:hover {
  background: #f5fff2;
}
.p-oc-date-list__link--spc {
  border-radius: 5px;
  border: 1px solid #ccc;
  background: rgb(255, 221, 0);
}
.p-oc-date-list__link--spc::after {
  color: #666 !important;
}
.p-oc-date-list__link--bus {
  padding: 5px 1em 5px 2em;
}
.p-oc-date-list__link--bus::before {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: inline-block;
  background-size: contain;
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  background-image: url(img/icn-bus.svg);
  background-repeat: no-repeat;
}
.p-oc-date-list__link--tday {
  padding: 5px 1em 5px 2em;
}
.p-oc-date-list__link--tday::before {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: inline-block;
  background-size: contain;
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  background-image: url(img/icn-tday.svg);
  background-repeat: no-repeat;
}
.p-oc-date-list__link--sc {
  position: relative;
}
.p-oc-date-list__link--sc::before {
  position: absolute;
  display: block;
  content: "ショート個別";
  top: -8px;
  left: 50%;
  font-size: 12px;
  text-align: center;
  background: #df921b;
  padding: 2px 3px 3px 3px;
  border-radius: 999px;
  line-height: 1;
  color: #fff;
  width: 10em;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.p-oc-date-list__link--so {
  position: relative;
}
.p-oc-date-list__link--so::before {
  position: absolute;
  display: block;
  content: "ショートイベント";
  top: -8px;
  left: 50%;
  font-size: 12px;
  text-align: center;
  background: #df921b;
  padding: 2px 3px 3px 3px;
  border-radius: 999px;
  line-height: 1;
  color: #fff;
  width: 10em;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.p-oc-date-list__link--bc {
  position: relative;
}
.p-oc-date-list__link--bc::before {
  position: absolute;
  display: block;
  content: "出張個別";
  top: -8px;
  left: 50%;
  font-size: 12px;
  text-align: center;
  background: #2a94c3;
  padding: 2px 3px 3px 3px;
  border-radius: 999px;
  line-height: 1;
  color: #fff;
  width: 10em;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 639px) {
  .p-oc-date-list__link--bc {
    margin-top: 8px;
  }
}
.p-oc-date-list__day {
  display: inline-block;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  margin-left: 0.2rem;
  margin-bottom: 3px;
  font-size: 0.6rem;
  text-align: center;
  line-height: 16px;
  vertical-align: text-bottom;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-oc-date-list__day {
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 14px;
  }
}
.p-oc-date-list__day--weekday {
  color: #fff;
  background: #8baa5c;
}
.p-oc-date-list__day--sat {
  color: #fff;
  background: #488bc3;
}
.p-oc-date-list__day--sun {
  color: #fff;
  background: #c3485b;
}
.p-oc-date-list__year {
  font-size: 0.85rem;
  margin-right: 0.5rem;
}
.p-oc-date-list__icn {
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: baseline;
  margin-right: 0.3rem;
}
.p-oc-date-list__woc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
.p-oc-date-list__woc--tit {
  font-weight: bold;
  font-size: 17px;
  color: red;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-oc-date-list__woc--tit {
    font-size: 20px;
    width: 50%;
  }
}
@media screen and (max-width: 639px) {
  .p-oc-date-list__woc--date {
    width: 50%;
  }
}
@media screen and (max-width: 639px) {
  .p-oc-date-list__woc {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    width: 100% !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* event-date-list */
.p-event-date-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .p-event-date-list + p.p-btn {
    margin-top: 15px;
  }
}
.p-event-date-list__section {
  margin-bottom: 0 !important;
  padding: 80px 0;
  padding-inline: calc((100vw - 1080px) / 2);
}
.p-event-date-list__section + .p-event-date-list__section {
  margin-top: 0;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__section {
    padding: 50px 20px !important;
  }
}
.p-event-date-list__section--day {
  background: #effbf4;
}
.p-event-date-list__section--ev {
  background: #fdf8f1;
}
.p-event-date-list__section--ot {
  background: #fdf7fd;
}
.p-event-date-list__sectit {
  border-radius: 999px;
  background: #fff !important;
  border: 3px solid #289f5d;
  padding: 7px 10px;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__sectit {
    padding: 5px 7px !important;
    font-size: 22px !important;
  }
}
.p-event-date-list__sectit::before {
  font-family: "ElegantIcons";
  display: inline-block;
  font-size: 35px;
  line-height: 1;
  margin-right: 15px;
  vertical-align: sub;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__sectit::before {
    margin-right: 10px;
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .p-event-date-list__sectit::before {
    font-size: 30px;
  }
}
.p-event-date-list__sectit--day::before {
  content: "\e023";
  color: #289f5d;
}
.p-event-date-list__sectit--oc {
  border-color: #d9534f;
}
.p-event-date-list__sectit--oc::before {
  content: "\e0ef";
  color: #d9534f;
}
.p-event-date-list__sectit--event {
  border-color: #E59A3D;
}
.p-event-date-list__sectit--event::before {
  content: "\e033";
  color: #E59A3D;
}
.p-event-date-list__sectit--kobetsu {
  border-color: #304ea6;
}
.p-event-date-list__sectit--kobetsu::before {
  content: "\e08a";
  color: #304ea6;
}
.p-event-date-list__sectit--other {
  border-color: #b83bba;
}
.p-event-date-list__sectit--other::before {
  content: "w";
  color: #b83bba;
}
.p-event-date-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(25% - 7.5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 10px;
  opacity: 1;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  overflow: hidden;
}
.p-event-date-list__item:nth-child(4n) {
  margin-right: 0;
}
.p-event-date-list__item:nth-child(n+5) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__item {
    width: calc(50% - 5px);
    margin-right: 0;
  }
  .p-event-date-list__item:nth-child(2n) {
    margin-left: 10px;
  }
  .p-event-date-list__item:nth-child(4n) {
    margin-right: 0;
  }
  .p-event-date-list__item:nth-child(n+3) {
    margin-top: 10px;
  }
}
.p-event-date-list__item--oc .p-event-date-list__title {
  background: #f9e2e2;
}
.p-event-date-list__item--ev .p-event-date-list__title {
  background: #faecda;
}
.p-event-date-list__item--kb .p-event-date-list__title {
  background: #d3dbf2;
}
.p-event-date-list__item--kb-h .p-event-date-list__title {
  background: #e4f4f9;
}
.p-event-date-list__item--kb-d .p-event-date-list__title {
  background: #f1edfa;
}
.p-event-date-list__item--kb-s .p-event-date-list__title {
  background: #dbe8f7;
}
.p-event-date-list__item--ot .p-event-date-list__title {
  background: #d3dbf2;
}
.p-event-date-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__link {
    /*&::after {
    	position: absolute;
    	right: 5px;
    	top: 50%;
    	display: inline-block;
    	font-family: 'ElegantIcons';
    	content: "\35";
    	font-size: 1.4rem;
    	color: #666;
    	transform: translateY(-50%);
    }*/
  }
}
.p-event-date-list__link:link, .p-event-date-list__link:visited {
  color: #666;
}
.p-event-date-list__link:hover {
  opacity: 0.7;
}
.p-event-date-list__box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.p-event-date-list__days {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  text-align: center;
  padding: 10px 0;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__days {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
.p-event-date-list__days::after {
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 1.4rem;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-event-date-list__year {
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 1px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__year {
    font-size: 15px;
    margin: 0 0.5em 0 0;
  }
}
.p-event-date-list__date {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__date {
    font-size: 20px;
  }
}
.p-event-date-list__day {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-item-align: self-end;
      -ms-grid-row-align: self-end;
      align-self: self-end;
  display: inline-block;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-left: 0.2rem;
  margin-bottom: 3px;
  text-align: center;
  line-height: 23px;
  vertical-align: text-bottom;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__day {
    margin-top: 4px;
    width: 17px;
    height: 17px;
    font-size: 10px;
    line-height: 17px;
  }
}
.p-event-date-list__day--weekday {
  color: #fff;
  background: #8baa5c;
}
.p-event-date-list__day--sat {
  color: #fff;
  background: #488bc3;
}
.p-event-date-list__day--sun {
  color: #fff;
  background: #c3485b;
}
.p-event-date-list__title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 639px) {
  .p-event-date-list__title {
    border-top: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 7px;
    width: 100%;
    font-size: 12px;
    line-height: 1.2;
  }
}

.list-more {
  text-align: center;
  margin-top: 20px;
}

.list-more button {
  background-color: #008039;
  border: none;
  cursor: pointer;
  outline: none;
  color: #fff;
  padding: 0;
  line-height: 40px;
  width: 180px;
  border-radius: 20px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.list-more button:hover {
  opacity: 0.7;
}

.p-event-all-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .p-event-all-list + p.p-btn {
    margin-top: 15px;
  }
}
.p-event-all-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(16.66% - 8.33px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 10px;
  opacity: 1;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  overflow: hidden;
}
.p-event-all-list__item:nth-child(6n) {
  margin-right: 0;
}
.p-event-all-list__item:nth-child(n+7) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-event-all-list__item {
    width: calc(50% - 5px);
    margin-right: 0;
  }
  .p-event-all-list__item:nth-child(2n) {
    margin-left: 10px;
  }
  .p-event-all-list__item:nth-child(n+3) {
    margin-top: 10px;
  }
}
.p-event-all-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 10px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 639px) {
  .p-event-all-list__link {
    /*&::after {
    	position: absolute;
    	right: 5px;
    	top: 50%;
    	display: inline-block;
    	font-family: 'ElegantIcons';
    	content: "\35";
    	font-size: 1.4rem;
    	color: #666;
    	transform: translateY(-50%);
    }*/
  }
}
.p-event-all-list__link:link, .p-event-all-list__link:visited {
  color: #666;
}
.p-event-all-list__link:hover {
  opacity: 0.7;
}
.p-event-all-list__link--oc .p-event-all-list__days::before {
  position: absolute;
  left: 10px;
  top: 50%;
  display: inline-block;
  content: "●";
  font-size: 18px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #d9534f;
}
.p-event-all-list__link--ev .p-event-all-list__days::before {
  position: absolute;
  left: 10px;
  top: 50%;
  display: inline-block;
  content: "★";
  font-size: 18px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #E59A3D;
}
.p-event-all-list__link--hk .p-event-all-list__days::before {
  position: absolute;
  left: 10px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "N";
  font-size: 1.4rem;
  color: #ccc;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #2a9dc3;
}
.p-event-all-list__link--dk .p-event-all-list__days::before {
  position: absolute;
  left: 10px;
  top: 50%;
  display: inline-block;
  content: "＊";
  font-size: 18px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #6738ca;
}
.p-event-all-list__link--sk .p-event-all-list__days::before {
  position: absolute;
  left: 10px;
  top: 50%;
  display: inline-block;
  content: "◆";
  font-size: 18px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #2a6fc3;
}
@media screen and (max-width: 639px) {
  .p-event-all-list__link--sk .p-event-all-list__days::before {
    font-size: 14px;
    left: 10px;
  }
}
.p-event-all-list__box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 639px) {
  .p-event-all-list__box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.p-event-all-list__days {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  text-align: center;
  padding: 10px 0;
}
@media screen and (max-width: 639px) {
  .p-event-all-list__days {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
.p-event-all-list__days::after {
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 1.4rem;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-event-all-list__year {
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 1px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-event-all-list__year {
    font-size: 15px;
    margin: 0 0.5em 0 0;
  }
}
.p-event-all-list__date {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .p-event-all-list__date {
    font-size: 20px;
  }
}
.p-event-all-list__day {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-item-align: self-end;
      -ms-grid-row-align: self-end;
      align-self: self-end;
  display: inline-block;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  margin-left: 0.2rem;
  margin-bottom: 3px;
  text-align: center;
  line-height: 23px;
  vertical-align: text-bottom;
  font-weight: bold;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .p-event-all-list__day {
    margin-top: 4px;
    width: 17px;
    height: 17px;
    font-size: 10px;
    line-height: 17px;
  }
}
.p-event-all-list__day--weekday {
  color: #fff;
  background: #8baa5c;
}
.p-event-all-list__day--sat {
  color: #fff;
  background: #488bc3;
}
.p-event-all-list__day--sun {
  color: #fff;
  background: #c3485b;
}

/* other-soudan */
.other-soudan {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto auto;
}
@media screen and (max-width: 639px) {
  .other-soudan {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
  }
}
.other-soudan__title {
  font-size: 1.3rem;
  color: #b83bba;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .other-soudan__title {
    line-height: 1.3;
  }
}
.other-soudan__item {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 4px #e3aae4;
          box-shadow: 0 4px #e3aae4;
}
@media screen and (max-width: 639px) {
  .other-soudan__item {
    padding: 20px;
  }
}
.other-soudan__item + .other-soudan__item {
  margin-left: 15px;
}
@media screen and (max-width: 639px) {
  .other-soudan__item + .other-soudan__item {
    margin-left: 0;
    margin-top: 20px;
  }
}
.other-soudan__item .other-soudan__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  color: #b83bba;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .other-soudan__item .other-soudan__title {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 639px) {
  .other-soudan__item .other-soudan__title::before {
    display: inline-block;
    font-family: "ElegantIcons";
    content: "5";
    font-size: 20px;
    color: #d683d8;
    margin-right: 0.2em;
    line-height: 1;
  }
}
@media screen and (max-width: 639px) {
  .other-soudan__item .other-soudan__title--tel::before {
    content: "\e090";
  }
}
@media screen and (max-width: 639px) {
  .other-soudan__item .other-soudan__title--mail::before {
    content: "\e076";
  }
}
.other-soudan__icn {
  text-align: center;
  font-family: "ElegantIcons";
  font-size: 60px;
  color: #d683d8;
  margin-right: 0.2em;
  line-height: 1;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .other-soudan__icn {
    display: none;
  }
}
.other-soudan--all .other-soudan__item {
  background: #fdf7fd;
}

/* tday-area */
.p-tday-area__btn {
  width: 100%;
  cursor: pointer;
}
.p-tday-area__btn.active::after {
  content: "O";
}
.p-tday-area__list {
  display: none;
}
.p-tday-area__list h4 {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-tday-area__list h4 {
    line-height: 1.3;
  }
}
.p-tday-area__list h4::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .p-tday-area__list h4 {
    font-size: 1em;
  }
}
.p-tday-area__table {
  margin-top: 10px;
  border-collapse: collapse;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.p-tday-area__table:nth-of-type(n+2) {
  margin-top: 20px;
}
.p-tday-area__table caption {
  text-align: center;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  width: 100%;
  letter-spacing: 0.2em;
  border-radius: 5px 5px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-tday-area__table caption {
    font-size: 18px;
  }
}
.p-tday-area__table--aomori caption {
  color: #4cace2;
  background: #d0e9f7;
}
.p-tday-area__table--aomori th {
  background: #eef7fc;
}
.p-tday-area__table--iwate caption {
  color: #f3994f;
  background: #fbdec6;
}
.p-tday-area__table--iwate th {
  background: #fef4ed;
}
.p-tday-area__table--miyagi caption {
  color: #8ec54a;
  background: #dbedc6;
}
.p-tday-area__table--miyagi th {
  background: #eef7e4;
}
.p-tday-area__table--akita caption {
  color: #ed7a94;
  background: #fadde4;
}
.p-tday-area__table--akita th {
  background: #fef8f9;
}
.p-tday-area__table--yamagata caption {
  color: #a688bd;
  background: #d7cae1;
}
.p-tday-area__table--yamagata th {
  background: #f0eaf4;
}
.p-tday-area__table--fukushima caption {
  color: #3fb266;
  background: #bce7cb;
}
.p-tday-area__table--fukushima th {
  background: #e2f5e8;
}
.p-tday-area__table--other caption {
  color: #333;
  background: #bfbfbf;
}
.p-tday-area__table--other th {
  background: #e0e0e0;
}
.p-tday-area__table tr {
  border-top: 1px solid #ccc;
}
.p-tday-area__table th,
.p-tday-area__table td {
  padding: 10px 15px;
}
.p-tday-area__table th {
  width: 5em;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-tday-area__table th {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .p-tday-area__table td {
    font-size: 14px;
    line-height: 1.3;
  }
}

/* p-oc-type */
.p-oc-type__text {
  font-size: 1.5em;
  font-weight: bold;
}
.p-oc-type__text:before {
  content: "";
  display: inline-block;
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin: 0 10px 0 0;
  vertical-align: middle;
  background-repeat: no-repeat;
}
.p-oc-type__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.75rem;
}
.p-oc-type__item--tday {
  border: 2px solid #ff0000;
}
.p-oc-type__item--tday .p-oc-type__text::before {
  background-image: url(img/icn-tday.svg);
}
.p-oc-type__item--bus {
  border: 2px solid #ff8900;
}
.p-oc-type__item--bus .p-oc-type__text::before {
  background-image: url(img/icn-bus.svg);
}
.p-oc-type__item--only {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 639px) {
  .p-oc-type__item--only {
    width: 100%;
  }
}

/* selectsv */
.p-selectsv {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width: 639px) {
  .p-selectsv {
    width: 100%;
  }
}
.p-selectsv__sbj {
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  font-weight: bold;
  border-radius: 5px;
}
.p-selectsv__sbj:not(:last-of-type) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-selectsv__sbj {
    font-size: 16px;
  }
}
.p-selectsv__wrap {
  display: none;
}
.p-selectsv__body {
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  border: 5px #ccc solid;
}
.p-selectsv__title {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-selectsv__title {
    font-size: 18px;
  }
}
.p-selectsv__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-selectsv__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.p-selectsv__content--title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
  margin-bottom: 5px;
  width: 20%;
  background: #ccc;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-selectsv__content--title {
    width: 100%;
  }
}
.p-selectsv__content--txt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px;
  margin-bottom: 5px;
  width: 80%;
}
@media screen and (max-width: 639px) {
  .p-selectsv__content--txt {
    width: 100%;
  }
}
.p-selectsv__btn {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  padding: 15px 20px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  font-size: 22px;
  background: #d9534f;
  width: 70%;
}
@media screen and (max-width: 639px) {
  .p-selectsv__btn {
    width: 100%;
    font-size: 18px;
  }
}
.p-selectsv__btn:after {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "=";
  font-size: 25px;
  color: #fff;
  margin-left: 1em;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .p-selectsv__btn:after {
    font-size: 20px;
  }
}
.p-selectsv__btn:link {
  color: #fff;
}
.p-selectsv__btn:visited {
  color: #fff;
}
.p-selectsv__btn:hover {
  opacity: 0.8;
}
.p-selectsv__body--tri .p-selectsv__title {
  color: #ee86a7;
}
.p-selectsv__body--cat .p-selectsv__title {
  color: #ba79a5;
}
.p-selectsv__body--cre .p-selectsv__title {
  color: #26ABE3;
}
.p-selectsv__body--dog .p-selectsv__title {
  color: #86992A;
}
.p-selectsv__body--pdg .p-selectsv__title {
  color: #5085c5;
}
.p-selectsv__body--brd .p-selectsv__title {
  color: #E76003;
}
.p-selectsv__body--brb .p-selectsv__title {
  color: #f29839;
}
.p-selectsv__body--bra .p-selectsv__title {
  color: #5F67AE;
}
.p-selectsv__body--all .p-selectsv__title {
  color: #008039;
}
.p-selectsv__sbj--tri {
  background: #ee86a7;
}
.p-selectsv__sbj--cat {
  background: #ba79a5;
}
.p-selectsv__sbj--cre {
  background: #26ABE3;
}
.p-selectsv__sbj--dog {
  background: #86992A;
}
.p-selectsv__sbj--pdg {
  background: #5085c5;
}
.p-selectsv__sbj--brd {
  background: #E76003;
}
.p-selectsv__sbj--brb {
  background: #f29839;
}
.p-selectsv__sbj--bra {
  background: #5F67AE;
}
.p-selectsv__sbj--all {
  background: #008039;
}
.p-selectsv__body--tri {
  border-color: #fdf0f3;
}
.p-selectsv__body--tri .p-selectsv__content--title {
  background: #fdf0f3;
}
.p-selectsv__body--cat {
  border-color: #f8f1f7;
}
.p-selectsv__body--cat .p-selectsv__content--title {
  background: #f8f1f7;
}
.p-selectsv__body--cre {
  border-color: #e9f6fc;
}
.p-selectsv__body--cre .p-selectsv__content--title {
  background: #e9f6fc;
}
.p-selectsv__body--dog {
  border-color: #f3f5e9;
}
.p-selectsv__body--dog .p-selectsv__content--title {
  background: #f3f5e9;
}
.p-selectsv__body--pdg {
  border-color: #d9eaff;
}
.p-selectsv__body--pdg .p-selectsv__content--title {
  background: #d9eaff;
}
.p-selectsv__body--brd {
  border-color: #fdefe5;
}
.p-selectsv__body--brd .p-selectsv__content--title {
  background: #fdefe5;
}
.p-selectsv__body--brb {
  border-color: #fdefe5;
}
.p-selectsv__body--brb .p-selectsv__content--title {
  background: #fdefe5;
}
.p-selectsv__body--bra {
  border-color: #eff0f7;
}
.p-selectsv__body--bra .p-selectsv__content--title {
  background: #eff0f7;
}

/* p-oc-exmenu */
.p-oc-exmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .p-oc-exmenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.p-oc-exmenu__sbj {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 35%;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-oc-exmenu__sbj {
    width: 100%;
  }
}
.p-oc-exmenu__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 65%;
}
@media screen and (max-width: 639px) {
  .p-oc-exmenu__body {
    width: 100%;
  }
  .p-oc-exmenu__body:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
.p-oc-exmenu__sbj--tri {
  color: #ee86a7;
}
.p-oc-exmenu__sbj--cat {
  color: #ba79a5;
}
.p-oc-exmenu__sbj--cre {
  color: #26ABE3;
}
.p-oc-exmenu__sbj--dog {
  color: #86992A;
}
.p-oc-exmenu__sbj--pdg {
  color: #5085c5;
}
.p-oc-exmenu__sbj--brd {
  color: #E76003;
}
.p-oc-exmenu__sbj--brb {
  color: #f29839;
}
.p-oc-exmenu__sbj--bra {
  color: #5F67AE;
}
.p-oc-exmenu__sbj--all {
  color: #008039;
}

/* tag */
.p-tag {
  font-size: 0.87rem;
  display: inline-block;
  text-align: center;
  padding: 3px 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-tag:nth-of-type(n+2) {
  margin-left: 5px;
}
@media screen and (max-width: 639px) {
  .p-tag {
    padding: 0px 3px;
    font-size: 0.7rem;
  }
}

.tag-movie {
  color: #fff;
  background: #ed5f5f;
}

.tag-trimmer {
  color: #fff;
  background: #ee86a7;
}

.tag-t_and_c {
  color: #fff;
  background: #ee86a7;
}

.tag-cat {
  color: #fff;
  background: #ba79a5;
}

.tag-care {
  color: #fff;
  background: #26ABE3;
}

.tag-dog {
  color: #fff;
  background: #86992A;
}

.tag-pro {
  color: #fff;
  background: #5085c5;
}

.tag-model {
  color: #fff;
  background: #5ec1a0;
}

.tag-breeding {
  color: #fff;
  background: #E76003;
}

.tag-school {
  color: #fff;
  background: #009942;
}

.tag-event {
  color: #fff;
  background: #27A787;
}

.tag-oc {
  color: #fff;
  background: #d9534f;
}

.notice-news {
  background: #fff9e1;
  width: 11em;
}

.notice-oc {
  background: #fde7df;
  width: 11em;
}

.notice-event {
  background: #e7f4da;
  width: 11em;
}

.notice-current-students {
  background: #dff1fd;
  width: 11em;
}

.notice-performance {
  background: #e6e3f7;
  width: 11em;
}

/* tag-list */
.p-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-tag-list__item:nth-child(n+2) {
  margin-left: 5px;
}

/* ao-date */
.p-ao-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  list-style-type: none;
  padding-left: 0;
}
.p-ao-date__item {
  padding: 10px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-ao-date__item {
    width: calc(50% - 5px);
    margin-right: 0;
  }
  .p-ao-date__item:nth-child(2n) {
    margin-left: 10px;
  }
  .p-ao-date__item:nth-of-type(2) {
    margin-top: 0;
  }
  .p-ao-date__item:nth-of-type(n+5), .p-ao-date__item:nth-of-type(n+3) {
    margin-top: 10px;
  }
}
.p-ao-date__title {
  font-size: 1.1rem;
  text-align: center;
  background: #ccf2de;
  padding: 3px 0;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-ao-date__title {
    line-height: 1.3;
  }
}
.p-ao-date__day {
  text-align: center;
}

/* installments-sample */
.p-installments-sample {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .p-installments-sample {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-installments-sample__unit--payment {
  width: 30%;
  position: relative;
}
@media screen and (max-width: 639px) {
  .p-installments-sample__unit--payment {
    width: 100%;
  }
}
.p-installments-sample__unit--payment::after {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 3.5rem;
  color: #ccc;
  position: absolute;
  right: -3.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .p-installments-sample__unit--payment::after {
    position: relative;
    text-align: center;
    display: block;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    right: auto;
    top: auto;
    content: "3";
  }
}
.p-installments-sample__unit--split {
  width: 65%;
}
@media screen and (max-width: 639px) {
  .p-installments-sample__unit--split {
    width: 100%;
  }
}
.p-installments-sample__cost {
  border: 1px solid #ccc;
}
.p-installments-sample__cost .p-installments-sample__title {
  padding: 10px 10px 5px 10px;
  font-size: 1.1rem;
}
.p-installments-sample__cost .p-installments-sample__title:not(:first-of-type) {
  border-top: 1px solid #ccc;
}
@media screen and (max-width: 639px) {
  .p-installments-sample__cost .p-installments-sample__title {
    text-align: center;
  }
}
.p-installments-sample__cost .p-installments-sample__content {
  padding: 5px 10px 10px 10px;
}
@media screen and (max-width: 639px) {
  .p-installments-sample__cost .p-installments-sample__content {
    text-align: center;
  }
}

/* support-lead  */
.p-support-lead {
  width: 70%;
  margin: 0 auto;
  padding: 25px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #F9F9F9;
  font-size: 1.1rem;
  text-align: center;
}
.p-support-lead *:nth-of-type(n+2) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-support-lead {
    text-align: left;
    width: 100%;
    padding: 20px;
    font-size: 1rem;
  }
}
.p-support-lead__cost .p-support-lead__title {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 3px 5px;
  background: #008039;
  font-size: 0.85rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

/* tuition-list */
.p-tuition-list__title {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-tuition-list__title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-tuition-list__title {
    margin-bottom: 5px;
  }
}
.p-tuition-list__data th {
  background: #fff;
  width: 30%;
}
.p-tuition-list__data th span {
  font-size: 0.8em;
}
.p-tuition-list__data tbody td {
  text-align: center;
}
.p-tuition-list__all th {
  background: #008039;
  color: #fff;
}
.p-tuition-list__all td {
  background: #a7d6bd;
  color: #fff;
}
.p-tuition-list__year th {
  background: #e3f8ed;
}
.p-tuition-list__year td {
  background: #e3f8ed;
}
.p-tuition-list__annual-expense {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 7px;
  border: 1px solid #ccc;
}

/* visual-btn */
.p-visual-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid #707070 1px;
}
@media screen and (max-width: 639px) {
  .p-visual-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-visual-btn__img {
  max-width: 100%;
  height: auto;
}
.p-visual-btn__img--wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 33%;
          flex: 0 1 33%;
}
@media screen and (max-width: 639px) {
  .p-visual-btn__img--wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}
.p-visual-btn__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 0 35px;
}
@media screen and (max-width: 639px) {
  .p-visual-btn__body {
    padding: 15px;
  }
}
.p-visual-btn__text {
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .p-visual-btn__text {
    font-size: 15px;
  }
}
.p-visual-btn__title {
  font-size: 29px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-visual-btn__title {
    margin-top: 10px;
    font-size: 1.5rem;
  }
}
.p-visual-btn__btn {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
}
.p-visual-btn__btn:link, .p-visual-btn__btn:visited {
  color: #666;
}
.p-visual-btn__btn:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 26px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-visual-btn__btn:hover {
  background: #f5fff2;
}
.p-visual-btn__btn--oc {
  background: #d9534f;
  border: none;
  color: #fff;
}
.p-visual-btn__btn--oc:link {
  color: #fff;
}
.p-visual-btn__btn--oc:after {
  color: #fff;
}
.p-visual-btn__btn--oc:hover {
  background: #f48683;
}
@media screen and (max-width: 639px) {
  .p-visual-btn__btn {
    font-size: 15px;
  }
}

/* about-newsupport */
.p-about-newsupport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-about-newsupport__item {
  width: 32%;
}
.p-about-newsupport__item:first-child {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .p-about-newsupport__item {
    width: 100%;
    margin-bottom: 1%;
  }
}
.p-about-newsupport__title {
  color: #ad1f1f;
  background: #fce8e8;
  margin: 15px 0 10px;
  padding: 7px 0 7px 10px;
  font-size: 19px;
  font-weight: bold;
  border-bottom: 0;
}
.p-about-newsupport__title:before {
  content: none;
}

/* p-simulation */
.p-simulation dt {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 5px;
  text-align: center;
  color: #666;
  font-size: 1.1rem;
  cursor: pointer;
  margin-bottom: 10px;
}
@media only screen and (max-width: 639px) {
  .p-simulation dt {
    height: 100%;
    font-size: 1rem;
  }
}
.p-simulation dt:hover {
  background: #f5fff2;
}
.p-simulation dt:before {
  position: absolute;
  right: 5px;
  top: 50%;
  font-family: "ElegantIcons";
  content: "P";
  font-size: 1.6rem;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-simulation dt.active::before {
  content: "O";
}
@media screen and (max-width: 639px) {
  .p-simulation dt span.br {
    display: block;
  }
}

.p-simulation dd {
  display: none;
}
.p-simulation dd h4 {
  background: #43693e;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  padding: 10px;
  font-size: 18px;
}
.p-simulation dd h4:before, .p-simulation dd h4:after {
  content: none;
}
@media screen and (max-width: 639px) {
  .p-simulation dd h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    padding: 5px;
    line-height: 1.2;
  }
}
@media screen and (max-width: 639px) {
  .p-simulation dd > h4 {
    display: none;
  }
}
.p-simulation dd > .point {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .p-simulation dd > .point {
    display: none;
  }
}

.p-simulation dd div.list {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .p-simulation dd div.list:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .p-simulation dd div.list + h4 {
    margin-top: 20px;
  }
}
.p-simulation dd div.list > div {
  width: 32%;
}
@media screen and (max-width: 639px) {
  .p-simulation dd div.list > div {
    width: 100%;
    border: 2px solid #43693e;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .p-simulation dd div.list > div + div {
    margin-top: 15px;
  }
}
.p-simulation dd div.list > div h5 {
  text-align: center;
  margin-top: 0;
  font-weight: bold;
  color: #43693e;
  background: #d7e5de;
  border-radius: 0;
}
@media screen and (max-width: 639px) {
  .p-simulation dd div.list > div h5 {
    margin: 0 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 0 5px 0;
    font-size: 15px;
  }
}
@media screen and (max-width: 639px) {
  .p-simulation dd div.list > div h5 span {
    display: block;
    background: #43693e;
    color: #fff;
    margin-bottom: 5px;
  }
}
.p-simulation dd div.list > div table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 3px solid #d7e5de;
}
@media screen and (max-width: 639px) {
  .p-simulation dd div.list > div table + h4 {
    margin-top: 15px;
  }
}
.p-simulation dd div.list > div table caption {
  text-align: center;
  padding: 5px;
  border-top: 3px solid #d7e5de;
  font-weight: bold;
  background: #fff;
  color: #43693e;
}
.p-simulation dd div.list > div table th,
.p-simulation dd div.list > div table td {
  border-top: 1px solid #d7e5de;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-simulation dd div.list > div table th {
  background: #edfaeb;
}
.p-simulation dd div.list > div table td {
  width: 50%;
}
.p-simulation dd div.list > div table td.price {
  text-align: right;
}
@media screen and (max-width: 639px) {
  .p-simulation dd div.list > div table + p {
    margin-bottom: 5px;
  }
}
.p-simulation dd div.list > div > .point {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .p-simulation dd div.list > div > .point {
    padding: 0;
    margin: 5px 0 0 0;
  }
}
.p-simulation dd div.list > div .arrow_down:before {
  margin-top: 10px;
  font-family: "ElegantIcons";
  content: "3";
  display: block;
  text-align: center;
  font-size: 26px;
}

/* check-list */
.check-list__item {
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #ccf2de;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.check-list__item::before {
  margin-right: 0.5em;
  display: inline-block;
  color: #008039;
  font-family: "ElegantIcons";
  line-height: 1;
  font-size: 26px;
  content: "Z";
}
@media screen and (max-width: 639px) {
  .check-list__item::before {
    font-size: 22px;
  }
}

/* lineflow-list */
.p-lineflow-list__title {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-lineflow-list__title {
    line-height: 1.3;
  }
}
.p-lineflow-list__title::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .p-lineflow-list__title {
    font-size: 1em;
  }
}
.p-lineflow-list__content__title {
  margin-top: 20px;
}
.p-lineflow-list__content:not(:last-of-type) {
  margin-bottom: 15px;
}
.p-lineflow-list__box {
  margin-top: 10px;
  padding: 10px;
  border: 2px solid #ddd;
}

/* recommended-event */
.p-recommended-event__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-recommended-event__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 131px;
}
.p-recommended-event__list--business {
  min-height: 161px;
}
.p-recommended-event__list--welfare {
  min-height: 100px;
}
@media screen and (max-width: 639px) {
  .p-recommended-event__list {
    min-height: inherit;
  }
}
.p-recommended-event__list--oc {
  background: #fff2f2;
}
.p-recommended-event__list--oc li:before {
  background-color: #d9534f;
}
.p-recommended-event__list--cao {
  background: #fffade;
}
.p-recommended-event__list--cao li:before {
  background-color: #a18e1e;
}
.p-recommended-event__list--hc {
  background: #e8f7e9;
}
.p-recommended-event__list--hc li:before {
  background-color: #419C48;
}
.p-recommended-event__list--wd {
  background: #fff2e1;
}
.p-recommended-event__list--wd li:before {
  background-color: #E59A3D;
}
.p-recommended-event__list--osl {
  background: #ffebef;
}
.p-recommended-event__list--osl li:before {
  background-color: #d83f5c;
}
.p-recommended-event__list--bti {
  background: #e7f8fd;
}
.p-recommended-event__list--bti li:before {
  background-color: #2a94c3;
}
.p-recommended-event__title {
  font-size: 1.3rem;
  margin: -20px -20px 15px -20px;
  padding: 15px;
  color: #008039;
  background: #e3f8ed;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-recommended-event__title {
    line-height: 1.3;
  }
}
.p-recommended-event__arrow {
  margin: 10px auto 0;
  width: 100%;
}
.p-recommended-event__arrow::after {
  display: block;
  font-family: "ElegantIcons";
  content: "C";
  font-size: 26px;
  color: #ccc;
  text-align: center;
}
.p-recommended-event__arrow--bti-pet {
  margin: 1.5em 0;
}
@media screen and (max-width: 639px) {
  .p-recommended-event__arrow--bti-pet {
    margin: 10px auto 0;
  }
}
.p-recommended-event__arrow--osl {
  line-height: 1;
  margin: 40px 0;
}
@media screen and (max-width: 639px) {
  .p-recommended-event__arrow--osl {
    margin: 0 auto 10px;
  }
}
.p-recommended-event__arrow--cao-business {
  line-height: 1;
  margin: 1.8em 0;
}
@media screen and (max-width: 639px) {
  .p-recommended-event__arrow--cao-business {
    margin: 0 auto 10px;
  }
}
.p-recommended-event__btn {
  padding: 0 15px 15px 15px;
  width: 100%;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-recommended-event__btn a {
  width: 100%;
}
.p-recommended-event__txt {
  width: 100%;
  margin: 0 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
}
@media screen and (max-width: 639px) {
  .p-recommended-event__txt {
    line-height: 1.3;
  }
}

.c-maker--yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255, 255, 255, 0)), color-stop(70%, #ffff8e));
  background: linear-gradient(rgba(255, 255, 255, 0) 60%, #ffff8e 70%);
}

/* event-list */
.p-event-list {
  background: #eff7ee;
  margin: 50px auto 0;
}
@media screen and (max-width: 639px) {
  .p-event-list {
    margin: 30px auto;
  }
}
.p-event-list__headline {
  font-size: 1.8rem;
  font-size: 30px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-event-list__headline {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-event-list__headline span {
    display: block;
  }
}
.p-event-list__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-event-list__item {
  width: calc(50% - 5px);
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1095px) {
  .p-event-list__item {
    width: 100%;
  }
  .p-event-list__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.p-event-list__item:nth-child(2n) {
  margin-left: 10px;
}
@media screen and (max-width: 1095px) {
  .p-event-list__item:nth-child(2n) {
    margin-left: 0;
  }
}
.p-event-list__item:nth-child(n+3) {
  margin-top: 10px;
}
.p-event-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.p-event-list__link::after {
  position: absolute;
  right: 5px;
  top: 50%;
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 1.5rem;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-event-list__img {
  max-width: 100%;
  height: auto;
}
.p-event-list__img--wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;
}
@media screen and (max-width: 639px) {
  .p-event-list__img--wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
            flex: 0 0 120px;
  }
}
.p-event-list__body {
  padding: 10px 2em 10px 10px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-event-list__title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #666;
  line-height: 1.2;
}
@media screen and (max-width: 639px) {
  .p-event-list__title {
    margin-bottom: 7px;
    font-size: 14px;
  }
}
.p-event-list__catch {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #436c40;
}
@media screen and (max-width: 639px) {
  .p-event-list__catch {
    margin-bottom: 7px;
    font-size: 11px;
  }
}
.p-event-list__txt {
  color: #666;
}
@media screen and (max-width: 639px) {
  .p-event-list__txt {
    font-size: 12px;
    line-height: 1.3;
  }
}

/* project */
/* box */
.p-box {
  padding: 40px;
  margin-top: -10px;
  border-radius: 10px;
  background: #F9F9F9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-box {
    padding: 20px;
  }
}
.p-box--center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.p-box__item:last-of-type {
  margin-bottom: 0;
}

.text-box {
  background: #F9F9F9;
  border-radius: 10px;
  margin: -10px 0 0;
  padding: 40px;
}
@media screen and (max-width: 639px) {
  .text-box {
    padding: 20px;
  }
}

/*contact-form*/
.p-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.p-form__title {
  padding: 10px 15px;
  width: 30%;
  font-size: 1.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.p-form__title:first-of-type {
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 639px) {
  .p-form__title {
    padding: 10px 0 0 0;
    width: 100%;
    border-bottom: none;
  }
}
.p-form__required {
  display: inline-block;
  color: #fff;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3px 5px;
  margin-left: 0.5em;
  background: red;
}
.p-form__item {
  width: 70%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
}
.p-form__item:first-of-type {
  border-top: 1px solid #ddd;
}
@media screen and (max-width: 639px) {
  .p-form__item {
    padding: 5px 0 10px 0;
    width: 100%;
  }
  .p-form__item:first-of-type {
    border-top: none;
  }
}
.p-form__infor {
  display: block;
  background: #FDF6E3;
  border: solid 1px #ccc;
  margin: 0 0 20px;
  padding: 15px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-form input[type=text], .p-form input[type=email], .p-form input[type=tel], .p-form input[type=number], .p-form textarea {
  padding: 5px 7px;
  font-size: 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.p-form__vertical .wpcf7-list-item {
  display: block;
}

input[type=submit] {
  background: #f7f7f7;
  border: 1px solid #ccc;
  padding: 10px 40px;
  font-size: 20px;
  cursor: pointer;
  border-radius: 5px;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
}
input[type=submit]:hover {
  opacity: 0.8;
}

input#s {
  padding: 5px 7px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ccc;
  border-radius: 3px;
}

input#searchsubmit {
  padding: 5px 7px;
  font-size: 16px;
}

/*
.contact-form p {
    text-align: center;
}

form {
    max-width: 650px;
    width: 100%;
    margin: 0 auto 30px;
}

form #company,
.contact-form #post,
.contact-form #busyo,
.contact-form #name,
.contact-form #kana,
.contact-form #mail,
.contact-form #highschool_name,
.contact-form #comment,
.contact-form #other {
    width: 630px;
}

.contact-form label span {
    color: #333;
    margin-left: 0;
    font-weight: normal;
}

.contact-form dl {
    margin: 30px 0 40px;
}

.contact-form dt {
    font-weight: bold;
    font-size: 18px;
    span {
    margin: 0 0 0 5px;
    font-size: 12px;
    color: red;
}
}


.contact-form dd {
    margin: 5px 0 30px;
}

.contact-form dd input,
.contact-form dd textarea {
    padding: 5px 7px;
    font-size: 16px;
}

.contact-form dd input.wpcf7c-conf,
.contact-form dd textarea.wpcf7c-conf,
.contact-form dd input.wpcf7c-conf:-webkit-autofill,
.contact-form dd textarea.wpcf7c-conf:-webkit-autofill,
.contact-form dd select.wpcf7c-conf:-webkit-autofill {
    background: none;
    border: none;
}

.contact-form #pref {
    font-size: 16px;
}

.contact-form #gakunen {
    font-size: 16px;
}

.contact-form #allready_grad {
    width: 100px;
}

.contact-form #zip1 {
    margin: 0 0 3px;
}

.contact-form .submit {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 10px 40px;
    font-size: 20px;

    &:hover {
        opacity: 0.4;
    }
}
 */
/* faq */
.p-faq {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .p-faq {
    width: 100%;
  }
}
.p-faq__question {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px 2.5rem;
  font-size: 1.125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.p-faq__question:nth-of-type(n+2) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-faq__question {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.p-faq__question:before, .p-faq__question::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-faq__question::before {
  content: "Q";
  color: #008039;
  left: 10px;
  font-size: 1.3rem;
  font-weight: bold;
}
.p-faq__question::after {
  font-family: "ElegantIcons";
  content: "P";
  font-size: 1.5rem;
  color: #ccc;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-faq__question.active::after {
  content: "O";
}
.p-faq__answer {
  display: none;
  padding: 10px 10px 10px 2.5rem;
  position: relative;
}
.p-faq__answer::before {
  display: inline-block;
  content: "A";
  color: #008039;
  font-weight: bold;
  font-size: 1.3rem;
  position: absolute;
  left: 10px;
  top: 0.5rem;
}
@media screen and (max-width: 639px) {
  .p-faq__answer::before {
    width: 10%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.p-faq__answer-list {
  margin-left: 2em;
}
.p-faq__answer-list__title {
  font-weight: bold;
}
.p-faq__answer-list__title:nth-of-type(n+2) {
  margin-top: 10px;
}
.p-faq__answer-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 2em;
}
@media screen and (max-width: 639px) {
  .p-faq__answer-media {
    display: block;
  }
}
.p-faq__answer-media__img {
  max-width: 100%;
  height: auto;
}
.p-faq__answer-media__img--wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  margin-left: 3.33333%;
}
@media screen and (max-width: 639px) {
  .p-faq__answer-media__img--wrap {
    margin-left: 0;
    margin-top: 15px;
  }
}
.p-faq__answer-media__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-faq__answer-media__body:last-of-type {
  margin-bottom: 0 !important;
}
.p-faq__answer-media__body > *:last-child {
  margin-bottom: 0 !important;
}
.p-faq__answer-media__body.p-faq__answer-list {
  margin-left: 0;
}

/* stepflow */
.stepflow--border {
  border: 2px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.stepflow__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 0 0 1.5em 1.8em;
}
.stepflow__item:last-child {
  padding-bottom: 0;
}
.stepflow__item::before {
  background-color: #ccc !important;
  content: "";
  width: 3px;
  background: #ccc;
  display: block;
  position: absolute;
  top: 28px;
  bottom: 0;
  left: 8px;
}
.stepflow--on {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 3px #008039;
  background-color: #008039;
}
.stepflow--white {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 3px #232F3E;
}
.stepflow--black {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: solid 3px #232F3E;
  background-color: #232F3E;
}
.stepflow__label {
  padding: 3px 0px 8px 0px;
  color: #666;
  font-weight: bold;
  display: block;
}
.stepflow__title {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 15px;
}
.stepflow__content {
  margin-top: 0.5rem;
}
.stepflow__content p + p {
  margin-top: 10px;
}
.stepflow__content:not(:last-of-type) {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: dashed 1px #ccc;
}
.stepflow__content--media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .stepflow__content--media {
    display: block;
  }
}
.stepflow__content--media__img {
  max-width: 100%;
  height: auto;
}
.stepflow__content--media__img--wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  margin-left: 3.33333%;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media screen and (max-width: 639px) {
  .stepflow__content--media__img--wrap {
    margin-left: 0;
    margin-top: 15px;
  }
}
.stepflow__content--media__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.stepflow__content--media__body:last-of-type {
  margin-bottom: 0 !important;
}
.stepflow__content--media__body > *:last-child {
  margin-bottom: 0 !important;
}
.stepflow__content--media__title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}

/* p-page-title*/
.p-page-title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0 35px;
  text-align: center;
  background: url(img/common-tit-bg.png) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 639px) {
  .p-page-title {
    padding: 10px 10px 10px;
    margin-top: 60px;
  }
}
.p-page-title--trimming {
  background: url(img/tri-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--trimmer {
  background: url(img/tri-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--cat {
  background: url(img/cat-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--care {
  background: url(img/care-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--dog {
  background: url(img/trainer-bg-tit.png) top;
  background-size: cover;
}
.p-page-title--trainer {
  background: url(img/trainer-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--breeding {
  background: url(img/brb-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--breed {
  background: url(img/brb-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--aqua {
  background: url(img/bra-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--sp {
  background-size: cover;
}
.p-page-title__title {
  font-weight: bold;
  color: #fff;
  font-size: 35px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-page-title__title {
    font-size: 27px;
    margin-bottom: 5px;
  }
}
.p-page-title__katei {
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-page-title__katei {
    font-size: 16px;
  }
}
.p-page-title__infor {
  background: #fff;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 20px;
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .p-page-title__infor {
    font-size: 12px;
    margin: 5px auto 0;
    padding: 10px 15px;
  }
}
.p-page-title__visual {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 61.3%;
}
@media screen and (max-width: 639px) {
  .p-page-title__visual {
    padding-top: 0;
    height: 100vw;
  }
}
.p-page-title__visual--trimming {
  background: url(img/trimming-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--cat {
  background: url(img/cat-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--care {
  background: url(img/care-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--trainer {
  background: url(img/trainer-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--prodogtrainer {
  background: url(img/prodogtrainer-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--breeding {
  background: url(img/breeding-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--breed {
  background: url(img/breed-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--aqua {
  background: url(img/aqua-main.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 639px) {
  .p-page-title--blog {
    margin-top: 60px;
  }
}
.p-page-title__breeding-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.p-page-title__breeding-item {
  width: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 15px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 999px;
  font-weight: bold;
}
.p-page-title__breeding-item--brb {
  background: #f29839;
}
.p-page-title__breeding-item--bra {
  margin-left: 10px;
  background: #5F67AE;
}

/* p-page-title*/
.p-page-title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0 35px;
  text-align: center;
  background: url(img/common-tit-bg.png) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 639px) {
  .p-page-title {
    padding: 10px 10px 10px;
    margin-top: 60px;
  }
}
.p-page-title--trimming {
  background: url(img/tri-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--trimmer {
  background: url(img/tri-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--cat {
  background: url(img/cat-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--care {
  background: url(img/care-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--dog {
  background: url(img/trainer-bg-tit.png) top;
  background-size: cover;
}
.p-page-title--trainer {
  background: url(img/trainer-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--breeding {
  background: url(img/brb-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--breed {
  background: url(img/brb-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--aqua {
  background: url(img/bra-tit-bg.png) top;
  background-size: cover;
}
.p-page-title--sp {
  background-size: cover;
}
.p-page-title__title {
  font-weight: bold;
  color: #fff;
  font-size: 35px;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-page-title__title {
    font-size: 27px;
    margin-bottom: 5px;
  }
}
.p-page-title__katei {
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-page-title__katei {
    font-size: 16px;
  }
}
.p-page-title__infor {
  background: #fff;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 20px;
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .p-page-title__infor {
    font-size: 12px;
    margin: 5px auto 0;
    padding: 10px 15px;
  }
}
.p-page-title__visual {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 61.3%;
}
@media screen and (max-width: 639px) {
  .p-page-title__visual {
    padding-top: 0;
    height: 100vw;
  }
}
.p-page-title__visual--trimming {
  background: url(img/trimming-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--cat {
  background: url(img/cat-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--care {
  background: url(img/care-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--trainer {
  background: url(img/trainer-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--prodogtrainer {
  background: url(img/prodogtrainer-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--breeding {
  background: url(img/breeding-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--breed {
  background: url(img/breed-main.jpg) no-repeat top center;
  background-size: cover;
}
.p-page-title__visual--aqua {
  background: url(img/aqua-main.jpg) no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 639px) {
  .p-page-title--blog {
    margin-top: 60px;
  }
}
.p-page-title__breeding-course {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.p-page-title__breeding-item {
  width: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 15px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 999px;
  font-weight: bold;
}
.p-page-title__breeding-item--brb {
  background: #f29839;
}
.p-page-title__breeding-item--bra {
  margin-left: 10px;
  background: #5F67AE;
}

/* headline
------------------------------------------------*/
article.common-page > section > h2,
article.common-page .l-section > h2,
article.common-page .l-content-box > h2,
article.common-page .column-content > h2 {
  font-size: 1.8rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgb(232, 241, 200)), to(rgb(176, 228, 194)));
  background: linear-gradient(90deg, rgb(232, 241, 200) 0%, rgb(176, 228, 194) 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px 15px;
  text-align: center;
  width: 100%;
  color: #333;
}
@media screen and (max-width: 639px) {
  article.common-page > section > h2,
  article.common-page .l-section > h2,
  article.common-page .l-content-box > h2,
  article.common-page .column-content > h2 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
article.common-page > section > h3,
article.common-page .l-section > h3,
article.common-page .l-content-box > h3,
article.common-page .column-content > h3 {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
}
@media screen and (max-width: 639px) {
  article.common-page > section > h3,
  article.common-page .l-section > h3,
  article.common-page .l-content-box > h3,
  article.common-page .column-content > h3 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  article.common-page > section > h3,
  article.common-page .l-section > h3,
  article.common-page .l-content-box > h3,
  article.common-page .column-content > h3 {
    font-size: 1.1rem;
  }
}
article.common-page > section > h4,
article.common-page .l-section > h4,
article.common-page .l-content-box > h4,
article.common-page .column-content > h4 {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
}
@media screen and (max-width: 639px) {
  article.common-page > section > h4,
  article.common-page .l-section > h4,
  article.common-page .l-content-box > h4,
  article.common-page .column-content > h4 {
    line-height: 1.3;
  }
}
article.common-page > section > h4::after,
article.common-page .l-section > h4::after,
article.common-page .l-content-box > h4::after,
article.common-page .column-content > h4::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  article.common-page > section > h4,
  article.common-page .l-section > h4,
  article.common-page .l-content-box > h4,
  article.common-page .column-content > h4 {
    font-size: 1em;
  }
}
article.common-page > section > h5,
article.common-page .l-section > h5,
article.common-page .l-content-box > h5,
article.common-page .column-content > h5 {
  font-size: 1rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  padding: 5px 15px;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 639px) {
  article.common-page > section > h5,
  article.common-page .l-section > h5,
  article.common-page .l-content-box > h5,
  article.common-page .column-content > h5 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  article.common-page > section > h5,
  article.common-page .l-section > h5,
  article.common-page .l-content-box > h5,
  article.common-page .column-content > h5 {
    font-size: 1em;
  }
}
article.common-page > section > h6,
article.common-page .l-section > h6,
article.common-page .l-content-box > h6,
article.common-page .column-content > h6 {
  font-size: 1rem;
  padding-left: 10px;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  article.common-page > section > h6,
  article.common-page .l-section > h6,
  article.common-page .l-content-box > h6,
  article.common-page .column-content > h6 {
    line-height: 1.3;
  }
}
article.common-page > section > h6::before,
article.common-page .l-section > h6::before,
article.common-page .l-content-box > h6::before,
article.common-page .column-content > h6::before {
  content: " ";
  display: inline-block;
  background: #ccc;
  border-radius: 5px;
  margin-right: 8px;
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
}

.c-title__h2 {
  font-size: 1.8rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgb(232, 241, 200)), to(rgb(176, 228, 194)));
  background: linear-gradient(90deg, rgb(232, 241, 200) 0%, rgb(176, 228, 194) 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px 15px;
  text-align: center;
  width: 100%;
  color: #333;
}
@media screen and (max-width: 639px) {
  .c-title__h2 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
.c-title__h2--tri {
  background: -webkit-gradient(linear, left top, right top, from(rgba(246, 188, 203, 0.5)), to(rgba(241, 157, 177, 0.5))) !important;
  background: linear-gradient(90deg, rgba(246, 188, 203, 0.5) 0%, rgba(241, 157, 177, 0.5) 100%) !important;
}
.c-title__h2--cat {
  background: -webkit-gradient(linear, left top, right top, from(rgba(190, 178, 215, 0.5)), to(rgba(161, 149, 199, 0.5))) !important;
  background: linear-gradient(90deg, rgba(190, 178, 215, 0.5) 0%, rgba(161, 149, 199, 0.5) 100%) !important;
}
.c-title__h2--cre {
  background: -webkit-gradient(linear, left top, right top, from(rgba(143, 211, 245, 0.5)), to(rgba(135, 188, 230, 0.5))) !important;
  background: linear-gradient(90deg, rgba(143, 211, 245, 0.5) 0%, rgba(135, 188, 230, 0.5) 100%) !important;
}
.c-title__h2--dog {
  background: -webkit-gradient(linear, left top, right top, from(rgba(217, 228, 128, 0.5)), to(rgba(186, 217, 136, 0.5))) !important;
  background: linear-gradient(90deg, rgba(217, 228, 128, 0.5) 0%, rgba(186, 217, 136, 0.5) 100%) !important;
}
.c-title__h2--brd {
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 214, 147, 0.5)), to(rgba(249, 191, 80, 0.5))) !important;
  background: linear-gradient(90deg, rgba(252, 214, 147, 0.5) 0%, rgba(249, 191, 80, 0.5) 100%) !important;
}
.c-title__h2--brb {
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 214, 147, 0.5)), to(rgba(249, 191, 80, 0.5))) !important;
  background: linear-gradient(90deg, rgba(252, 214, 147, 0.5) 0%, rgba(249, 191, 80, 0.5) 100%) !important;
}
.c-title__h2--bra {
  background: -webkit-gradient(linear, left top, right top, from(rgba(183, 191, 225, 0.5)), to(rgba(141, 161, 210, 0.5))) !important;
  background: linear-gradient(90deg, rgba(183, 191, 225, 0.5) 0%, rgba(141, 161, 210, 0.5) 100%) !important;
}

.c-title__h3 {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
}
@media screen and (max-width: 639px) {
  .c-title__h3 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .c-title__h3 {
    font-size: 1.1rem;
  }
}
.c-title__h3--tri {
  background: -webkit-gradient(linear, left top, right top, from(rgba(246, 188, 203, 0.5)), to(rgba(241, 157, 177, 0.5))) !important;
  background: linear-gradient(90deg, rgba(246, 188, 203, 0.5) 0%, rgba(241, 157, 177, 0.5) 100%) !important;
}
.c-title__h3--cat {
  background: -webkit-gradient(linear, left top, right top, from(rgba(190, 178, 215, 0.5)), to(rgba(161, 149, 199, 0.5))) !important;
  background: linear-gradient(90deg, rgba(190, 178, 215, 0.5) 0%, rgba(161, 149, 199, 0.5) 100%) !important;
}
.c-title__h3--cre {
  background: -webkit-gradient(linear, left top, right top, from(rgba(143, 211, 245, 0.5)), to(rgba(135, 188, 230, 0.5))) !important;
  background: linear-gradient(90deg, rgba(143, 211, 245, 0.5) 0%, rgba(135, 188, 230, 0.5) 100%) !important;
}
.c-title__h3--dog {
  background: -webkit-gradient(linear, left top, right top, from(rgba(217, 228, 128, 0.5)), to(rgba(186, 217, 136, 0.5))) !important;
  background: linear-gradient(90deg, rgba(217, 228, 128, 0.5) 0%, rgba(186, 217, 136, 0.5) 100%) !important;
}
.c-title__h3--brd {
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 214, 147, 0.5)), to(rgba(249, 191, 80, 0.5))) !important;
  background: linear-gradient(90deg, rgba(252, 214, 147, 0.5) 0%, rgba(249, 191, 80, 0.5) 100%) !important;
}
.c-title__h3--brb {
  background: -webkit-gradient(linear, left top, right top, from(rgba(252, 214, 147, 0.5)), to(rgba(249, 191, 80, 0.5))) !important;
  background: linear-gradient(90deg, rgba(252, 214, 147, 0.5) 0%, rgba(249, 191, 80, 0.5) 100%) !important;
}
.c-title__h3--bra {
  background: -webkit-gradient(linear, left top, right top, from(rgba(183, 191, 225, 0.5)), to(rgba(141, 161, 210, 0.5))) !important;
  background: linear-gradient(90deg, rgba(183, 191, 225, 0.5) 0%, rgba(141, 161, 210, 0.5) 100%) !important;
}
.c-title__h3--tri li:before {
  background-color: #ee86a7;
}
.c-title__h3--cat li:before {
  background-color: #ba79a5;
}
.c-title__h3--cre li:before {
  background-color: #26ABE3;
}
.c-title__h3--dog li:before {
  background-color: #86992A;
}
.c-title__h3--pdg li:before {
  background-color: #5085c5;
}
.c-title__h3--brd li:before {
  background-color: #E76003;
}
.c-title__h3--brb li:before {
  background-color: #f29839;
}
.c-title__h3--bra li:before {
  background-color: #5F67AE;
}
.c-title__h3--all li:before {
  background-color: #008039;
}

.c-title__h4 {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .c-title__h4 {
    line-height: 1.3;
  }
}
.c-title__h4::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .c-title__h4 {
    font-size: 1em;
  }
}
.c-title__h4--tri {
  color: #EA6188;
}
.c-title__h4--cat {
  color: #92539D;
}
.c-title__h4--cre {
  color: #238ACC;
}
.c-title__h4--dog {
  color: #85852C;
}
.c-title__h4--brd {
  color: #B7530F;
}
.c-title__h4--brb {
  color: #ED6C00;
}
.c-title__h4--bra {
  color: #2C4198;
}

.c-title__h5 {
  font-size: 1rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  padding: 5px 15px;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 639px) {
  .c-title__h5 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .c-title__h5 {
    font-size: 1em;
  }
}
.c-title__h5--tri {
  color: #EA6188;
}
.c-title__h5--cat {
  color: #92539D;
}
.c-title__h5--cre {
  color: #238ACC;
}
.c-title__h5--dog {
  color: #85852C;
}
.c-title__h5--brd {
  color: #B7530F;
}
.c-title__h5--brb {
  color: #ED6C00;
}
.c-title__h5--bra {
  color: #2C4198;
}

.c-title__h6 {
  font-size: 1rem;
  padding-left: 10px;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .c-title__h6 {
    line-height: 1.3;
  }
}
.c-title__h6::before {
  content: " ";
  display: inline-block;
  background: #ccc;
  border-radius: 5px;
  margin-right: 8px;
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
}

.headline--lv2 {
  font-size: 1.8rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgb(232, 241, 200)), to(rgb(176, 228, 194)));
  background: linear-gradient(90deg, rgb(232, 241, 200) 0%, rgb(176, 228, 194) 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px 15px;
  text-align: center;
  width: 100%;
  color: #333;
}
@media screen and (max-width: 639px) {
  .headline--lv2 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
.headline--lv3 {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
}
@media screen and (max-width: 639px) {
  .headline--lv3 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .headline--lv3 {
    font-size: 1.1rem;
  }
}
.headline--lv4 {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .headline--lv4 {
    line-height: 1.3;
  }
}
.headline--lv4::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .headline--lv4 {
    font-size: 1em;
  }
}
.headline--lv5 {
  font-size: 1rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  padding: 5px 15px;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 639px) {
  .headline--lv5 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .headline--lv5 {
    font-size: 1em;
  }
}
.headline--lv6 {
  font-size: 1rem;
  padding-left: 10px;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .headline--lv6 {
    line-height: 1.3;
  }
}
.headline--lv6::before {
  content: " ";
  display: inline-block;
  background: #ccc;
  border-radius: 5px;
  margin-right: 8px;
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
}

/* p-blogcard */
.p-blogcard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ddd;
  background: #F5F5F5;
}
@media screen and (max-width: 639px) {
  .p-blogcard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-blogcard--rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.p-blogcard__img {
  max-width: 100%;
  height: auto;
}
.p-blogcard__img--wrap:first-of-type {
  padding: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
}
@media screen and (max-width: 639px) {
  .p-blogcard__img--wrap:first-of-type {
    margin-bottom: 0;
    text-align: center;
  }
}
@media screen and (max-width: 639px) {
  .p-blogcard__img--wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
            flex: 0 1 40%;
  }
}
.p-blogcard__body:first-of-type {
  padding: 15px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media screen and (max-width: 639px) {
  .p-blogcard__body:first-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 639px) {
  .p-blogcard__body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.p-blogcard__body > *:last-child {
  margin-bottom: 0 !important;
}
.p-blogcard__title--lg {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-blogcard__title--lg {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-blogcard__title--lg {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 639px) {
  .p-blogcard__title--lg {
    margin-bottom: 10px;
    font-size: 1rem;
  }
}
.p-blogcard__title--md {
  font-size: 1rem;
  font-weight: bold;
  color: #008039;
  margin-bottom: 10px;
}
.p-blogcard__title--sm {
  font-size: 1rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  padding: 5px 15px;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-blogcard__title--sm {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-blogcard__title--sm {
    font-size: 1em;
  }
}
@media screen and (max-width: 639px) {
  .p-blogcard__title--sm {
    margin-bottom: 10px;
  }
}
.p-blogcard__txt {
  color: #333;
}
/* subject-bloglist */
.p-subject-bloglist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-subject-bloglist__item {
  width: calc(33.33% - 15px);
  margin-right: 15px;
}
.p-subject-bloglist__item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 639px) {
  .p-subject-bloglist__item {
    margin-right: 0;
    width: 100%;
  }
  .p-subject-bloglist__item:nth-child(n+2) {
    margin-top: 15px;
  }
}
.p-subject-bloglist__item a {
  display: block;
  color: #333;
}
.p-subject-bloglist__item a:hover {
  background: #f5fff2;
}
.p-subject-bloglist__img img {
  max-width: 100%;
  height: auto;
}
.p-subject-bloglist__data {
  color: #888;
}
.p-subject-bloglist__title {
  font-size: 1.1rem;
}
@media screen and (max-width: 639px) {
  .p-subject-bloglist__title {
    line-height: 1.3;
  }
}

/* access-flow */
@media screen and (max-width: 639px) {
  .access-flow--wrap {
    width: calc(100vw - 20px);
    margin-right: calc(50% - 50vw);
    overflow-x: scroll;
  }
}
@media screen and (max-width: 639px) {
  .access-flow--wrap::before {
    display: block;
    content: "横にスクロールできます→";
    margin-bottom: 20px;
  }
}
.access-flow__img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 639px) {
  .access-flow__img {
    max-width: 700px;
  }
}

/* subject-lead */
@media screen and (max-width: 639px) {
  .p-subject-lead > *:first-of-type {
    margin-bottom: 15px;
  }
}
.p-subject-lead__img {
  max-width: 100%;
  height: auto;
}
.p-subject-lead__img--wrap {
  text-align: center;
}
.p-subject-lead__body {
  margin-top: 15px;
}

/* subject-result */
.p-subject-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-subject-result__item {
  width: calc(33.33% - 20px);
}
.p-subject-result__item:not(:first-child) {
  margin-left: 30px;
}
@media screen and (max-width: 639px) {
  .p-subject-result__item:not(:first-child) {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-result__item {
    width: 100%;
  }
}
.p-subject-result__title {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-subject-result__title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-result__title {
    font-size: 1.1rem;
  }
}
.p-subject-result__percentage {
  line-height: 1;
  font-weight: bold;
  text-align: center;
  font-size: 2.5rem;
}
.p-subject-result__percentage--main {
  font-size: 6rem;
}
@media screen and (max-width: 639px) {
  .p-subject-result__percentage--main {
    font-size: 3rem;
  }
}
.p-subject-result__graduate {
  text-align: center;
}

.article--trimming .p-subject-result__percentage {
  color: #EA6188;
}
.article--trimming .p-subject-result__graduate {
  color: #EA6188;
}

.article--cat .p-subject-result__percentage {
  color: #92539D;
}
.article--cat .p-subject-result__graduate {
  color: #92539D;
}

.article--care .p-subject-result__percentage {
  color: #238ACC;
}
.article--care .p-subject-result__graduate {
  color: #238ACC;
}

.article--trainer .p-subject-result__percentage {
  color: #85852C;
}
.article--trainer .p-subject-result__graduate {
  color: #85852C;
}

.article--prodogtrainer .p-subject-result__percentage {
  color: #2f4e73;
}
.article--prodogtrainer .p-subject-result__graduate {
  color: #2f4e73;
}

.article--breeding .p-subject-result__percentage {
  color: #B7530F;
}
.article--breeding .p-subject-result__graduate {
  color: #B7530F;
}

.article--breed .p-subject-result__percentage {
  color: #ED6C00;
}
.article--breed .p-subject-result__graduate {
  color: #ED6C00;
}

.article--aqua .p-subject-result__percentage {
  color: #2C4198;
}
.article--aqua .p-subject-result__graduate {
  color: #2C4198;
}

.article--trimming .p-subject-result__title {
  color: #EA6188;
}

.article--cat .p-subject-result__title {
  color: #92539D;
}

.article--care .p-subject-result__title {
  color: #238ACC;
}

.article--trainer .p-subject-result__title {
  color: #85852C;
}

.article--prodogtrainer .p-subject-result__title {
  color: #2f4e73;
}

.article--breeding .p-subject-result__title {
  color: #B7530F;
}

.article--breed .p-subject-result__title {
  color: #ED6C00;
}

.article--aqua .p-subject-result__title {
  color: #2C4198;
}

.article--trimming .p-subject-result__title {
  background: #fdf0f3;
}

.article--cat .p-subject-result__title {
  background: #f8f1f7;
}

.article--care .p-subject-result__title {
  background: #e9f6fc;
}

.article--trainer .p-subject-result__title {
  background: #f3f5e9;
}

.article--prodogtrainer .p-subject-result__title {
  background: #d9eaff;
}

.article--breeding .p-subject-result__title {
  background: #fdefe5;
}

.article--breed .p-subject-result__title {
  background: #fdefe5;
}

.article--aqua .p-subject-result__title {
  background: #eff0f7;
}

/* subject-license */
.p-subject-license {
  background-position: right bottom;
  background-repeat: no-repeat;
  border-radius: 10px;
  margin-top: -40px;
  padding: 40px;
  min-height: 215px;
}
@media screen and (max-width: 639px) {
  .p-subject-license {
    padding: 20px;
    background-image: none !important;
    min-height: auto;
    margin: -30px 0 20px;
  }
}
.p-subject-license__text {
  margin-top: 40px;
  font-size: 0.8rem;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-subject-license__text {
    margin-bottom: 20px;
  }
}
.p-subject-license__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 55%;
}
@media screen and (max-width: 639px) {
  .p-subject-license__list {
    width: 100%;
  }
}
.p-subject-license__list--name {
  width: 60%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 0.4em 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-subject-license__list--name {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .p-subject-license__list--name:nth-of-type(n+2) {
    margin-top: 15px;
  }
}
.p-subject-license__list--percentage {
  width: 40%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.4em 0;
}
@media screen and (max-width: 639px) {
  .p-subject-license__list--percentage {
    width: 100%;
    text-align: center;
    line-height: 1;
  }
}
.p-subject-license__list--percentage strong {
  font-weight: bold;
  font-size: 1.5em;
}

.article--trimming .p-subject-license {
  background-color: #fdf0f3;
  background-image: url(img/t-license.png);
}
.article--cat .p-subject-license {
  background-color: #f8f1f7;
  background-image: url(img/c-license.png);
  background-size: 40%;
}
.article--care .p-subject-license {
  background-color: #e9f6fc;
  background-image: url(img/care-license.png);
}
.article--trainer .p-subject-license {
  background-color: #f3f5e9;
  background-image: url(img/tra-license.png);
}
.article--breeding .p-subject-license, .article--breed .p-subject-license, .article--aqua .p-subject-license {
  background-color: #fdefe5;
  background-image: url(img/b-license.png);
}

/* subject-flowchart */
.p-subject-flowchart__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-subject-flowchart__item:nth-child(n+2) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__item:nth-child(n+2) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-subject-flowchart__img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}
.p-subject-flowchart__img--wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
          flex: 0 0 35%;
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__img--wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.p-subject-flowchart__body {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__body {
    margin-bottom: 15px;
  }
}
.p-subject-flowchart__title {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
  margin: 15px 0;
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__title {
    font-size: 1.1rem;
  }
}
.p-subject-flowchart__part {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 1.5em;
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__part {
    line-height: 1.3;
  }
}
.p-subject-flowchart__part::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__part {
    font-size: 1em;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__part {
    padding-left: 0;
  }
}
.p-subject-flowchart__text {
  padding-left: 1.5em;
  margin-bottom: 15px;
}
.p-subject-flowchart__text:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 639px) {
  .p-subject-flowchart__text {
    padding-left: 0;
  }
}

.article--trimming .p-subject-flowchart__title {
  color: #EA6188;
}
.article--trimming .p-subject-flowchart__part {
  color: #EA6188;
}

.article--cat .p-subject-flowchart__title {
  color: #92539D;
}
.article--cat .p-subject-flowchart__part {
  color: #92539D;
}

.article--care .p-subject-flowchart__title {
  color: #238ACC;
}
.article--care .p-subject-flowchart__part {
  color: #238ACC;
}

.article--trainer .p-subject-flowchart__title {
  color: #85852C;
}
.article--trainer .p-subject-flowchart__part {
  color: #85852C;
}

.article--prodogtrainer .p-subject-flowchart__title {
  color: #2f4e73;
}
.article--prodogtrainer .p-subject-flowchart__part {
  color: #2f4e73;
}

.article--breeding .p-subject-flowchart__title {
  color: #B7530F;
}
.article--breeding .p-subject-flowchart__part {
  color: #B7530F;
}

.article--breed .p-subject-flowchart__title {
  color: #ED6C00;
}
.article--breed .p-subject-flowchart__part {
  color: #ED6C00;
}

.article--aqua .p-subject-flowchart__title {
  color: #2C4198;
}
.article--aqua .p-subject-flowchart__part {
  color: #2C4198;
}

.article--trimming .p-subject-flowchart__title {
  background: #fdf0f3;
}

.article--cat .p-subject-flowchart__title {
  background: #f8f1f7;
}

.article--care .p-subject-flowchart__title {
  background: #e9f6fc;
}

.article--trainer .p-subject-flowchart__title {
  background: #f3f5e9;
}

.article--prodogtrainer .p-subject-flowchart__title {
  background: #d9eaff;
}

.article--breeding .p-subject-flowchart__title {
  background: #fdefe5;
}

.article--breed .p-subject-flowchart__title {
  background: #fdefe5;
}

.article--aqua .p-subject-flowchart__title {
  background: #eff0f7;
}

/* subject-movie */
.p-subject-movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 639px) {
  .p-subject-movie {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-subject-movie__title {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
  -ms-flex-item-align: baseline;
      align-self: baseline;
  position: relative;
  box-sizing: border-box;
  width: 40%;
  box-sizing: border-box;
  padding: 50px 30px;
  border-radius: 100px;
  text-align: center;
  font-size: 20px;
  margin-left: 30px;
}
@media screen and (max-width: 639px) {
  .p-subject-movie__title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-movie__title {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-movie__title {
    font-size: 1.3rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 15px;
    border-radius: 5px;
    text-align: center;
    color: #333;
    font-weight: bolder;
    background: rgb(232, 241, 200);
    background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
    background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
    /*  text-align: center;
      padding: 10px 0;
      width: 100%;
      font-weight: bolder;
      color: #333;
    span {background:linear-gradient(transparent 70%, #fff379 60%);}
    */
    box-sizing: border-box;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
    text-align: left;
    border-radius: 0 20px 20px 0;
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .p-subject-movie__title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) and (max-width: 639px) {
  .p-subject-movie__title {
    font-size: 1.1rem;
  }
}
.p-subject-movie__title::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 40px;
  margin-left: 0;
  display: block;
  width: 45px;
  height: 30px;
  background: #ccc;
  border-radius: 30px 0 30px 0;
  z-index: -1;
}
@media screen and (max-width: 639px) {
  .p-subject-movie__title::before {
    content: none;
  }
}
.p-subject-movie__title::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 30px;
  margin-left: 0;
  display: block;
  width: 35px;
  height: 30px;
  background: #FFF;
  border-radius: 30px 0 30px 0;
  z-index: -1;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
@media screen and (max-width: 639px) {
  .p-subject-movie__title::after {
    content: none;
  }
}
.p-subject-movie__movie {
  width: 60%;
}
@media screen and (max-width: 639px) {
  .p-subject-movie__movie {
    width: 100%;
  }
}
.p-subject-movie__movie iframe {
  height: 420px;
}
@media screen and (max-width: 639px) {
  .p-subject-movie__movie iframe {
    height: 254px;
  }
}

.article--trimming .p-subject-movie__title {
  color: #EA6188;
}

.article--cat .p-subject-movie__title {
  color: #92539D;
}

.article--care .p-subject-movie__title {
  color: #238ACC;
}

.article--trainer .p-subject-movie__title {
  color: #85852C;
}

.article--prodogtrainer .p-subject-movie__title {
  color: #2f4e73;
}

.article--breeding .p-subject-movie__title {
  color: #B7530F;
}

.article--breed .p-subject-movie__title {
  color: #ED6C00;
}

.article--aqua .p-subject-movie__title {
  color: #2C4198;
}

.article--trimming .p-subject-movie__title {
  background: #fdf0f3;
}

.article--cat .p-subject-movie__title {
  background: #f8f1f7;
}

.article--care .p-subject-movie__title {
  background: #e9f6fc;
}

.article--trainer .p-subject-movie__title {
  background: #f3f5e9;
}

.article--prodogtrainer .p-subject-movie__title {
  background: #d9eaff;
}

.article--breeding .p-subject-movie__title {
  background: #fdefe5;
}

.article--breed .p-subject-movie__title {
  background: #fdefe5;
}

.article--aqua .p-subject-movie__title {
  background: #eff0f7;
}

.article--trimming .p-subject-movie__title::before {
  background: #fdf0f3;
}
.article--cat .p-subject-movie__title::before {
  background: #f8f1f7;
}
.article--care .p-subject-movie__title::before {
  background: #e9f6fc;
}
.article--trainer .p-subject-movie__title::before {
  background: #f3f5e9;
}
.article--breeding .p-subject-movie__title::before {
  background: #fdefe5;
}
.article--breed .p-subject-movie__title::before {
  background: #fdefe5;
}
.article--aqua .p-subject-movie__title::before {
  background: #eff0f7;
}

/* subject-timeschedule */
.p-subject-timeschedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 639px) {
  .p-subject-timeschedule {
    display: block;
  }
}
.p-subject-timeschedule__schedule {
  border-collapse: collapse;
  font-size: 0.8em;
  width: 100%;
}
@media screen and (max-width: 639px) {
  .p-subject-timeschedule__schedule {
    width: 100%;
    margin: 0 0 15px;
  }
}
.p-subject-timeschedule__schedule caption {
  margin: 0 0 5px;
  font-weight: bold;
  text-align: center;
}
.p-subject-timeschedule__schedule th,
.p-subject-timeschedule__schedule td {
  padding: 5px;
  text-align: center;
  border: solid 1px #ccc;
}
.p-subject-timeschedule__schedule th {
  font-weight: bold;
}
.p-subject-timeschedule__schedule thead th {
  background: #eee;
}
.p-subject-timeschedule__schedule tbody td {
  width: 17%;
}

@media screen and (max-width: 639px) {
  .subject-timeschedule {
    display: block;
  }
}
/* subject-voice
------------------------------------------------*/
.p-subject-voice__unit {
  max-width: 1080px;
  margin: 0 auto;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__unit {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 90%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px 0;
    margin: 0 auto;
  }
}
.p-subject-voice__unit:nth-child(n+2) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__unit:nth-child(n+2) {
    margin-top: 15px;
  }
}
.p-subject-voice__unit--btcut {
  padding: 40px 40px 0 40px;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__unit--btcut {
    padding: 20px 20px 0 20px;
  }
}
.p-subject-voice__unit--btcut-nosp {
  padding: 40px 40px 0 40px;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__unit--btcut-nosp {
    padding: 20px;
  }
}
.p-subject-voice__img {
  width: 40%;
}
.p-subject-voice__img img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__img {
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }
}
.p-subject-voice__unit--rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__unit--rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-subject-voice__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 20px;
  width: 60%;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__body {
    width: 80%;
    padding-right: 0;
    margin: 20px auto 0;
  }
}
.p-subject-voice__title {
  font-size: 20px;
  padding-left: 0;
  padding-top: 0;
  font-weight: bold;
}
.p-subject-voice__title + * {
  margin-top: 15px;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__title {
    font-size: 18px;
  }
}
.p-subject-voice__name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__name {
    font-size: 16px;
  }
}
.p-subject-voice__spec {
  font-size: 14px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__spec {
    font-size: 12px;
  }
}
.p-subject-voice__comment {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .p-subject-voice__comment {
    font-size: 12px;
  }
}

.article--trimming .p-subject-voice__title {
  color: #ee86a7;
}

.article--cat .p-subject-voice__title {
  color: #ba79a5;
}

.article--care .p-subject-voice__title {
  color: #238ACC;
}

.article--trainer .p-subject-voice__title {
  color: #86992A;
}

.article--prodogtrainer .p-subject-voice__title {
  color: #5085c5;
}

.article--breeding .p-subject-voice__title {
  color: #E76003;
}

.article--breed .p-subject-voice__title {
  color: #f29839;
}

.article--aqua .p-subject-voice__title {
  color: #5F67AE;
}

.p-subject-voice--tri .p-subject-voice__title {
  color: #EA6188;
  background: none;
}

.p-subject-voice--cat .p-subject-voice__title {
  color: #92539D;
  background: none;
}

.p-subject-voice--cre .p-subject-voice__title {
  color: #238ACC;
  background: none;
}

.p-subject-voice--dog .p-subject-voice__title {
  color: #85852C;
  background: none;
}

.p-subject-voice--pdg .p-subject-voice__title {
  color: #2f4e73;
  background: none;
}

.p-subject-voice--brd .p-subject-voice__title {
  color: #B7530F;
  background: none;
}

.p-subject-voice--brb .p-subject-voice__title {
  color: #ED6C00;
  background: none;
}

.p-subject-voice--bra .p-subject-voice__title {
  color: #2C4198;
  background: none;
}

.p-subject-voice--tri .p-subject-voice__unit {
  background: #fdf0f3;
}

.p-subject-voice--cat .p-subject-voice__unit {
  background: #f8f1f7;
}

.p-subject-voice--cre .p-subject-voice__unit {
  background: #e9f6fc;
}

.p-subject-voice--dog .p-subject-voice__unit {
  background: #f3f5e9;
}

.p-subject-voice--pdg .p-subject-voice__unit {
  background: #d9eaff;
}

.p-subject-voice--brd .p-subject-voice__unit {
  background: #fdefe5;
}

.p-subject-voice--brb .p-subject-voice__unit {
  background: #fdefe5;
}

.p-subject-voice--bra .p-subject-voice__unit {
  background: #eff0f7;
}

/* subject-opencampus */
.p-subject-opencampus {
  border-radius: 10px;
  margin-top: -40px;
  padding: 40px;
  overflow: hidden;
}
@media screen and (max-width: 639px) {
  .p-subject-opencampus {
    padding: 20px;
    margin-top: -30px;
  }
}
.p-subject-opencampus__title {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .p-subject-opencampus__title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-opencampus__title {
    text-align: left;
  }
}
.p-subject-opencampus__title--sub {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-subject-opencampus__title--sub {
    text-align: left;
  }
}
.p-subject-opencampus__content {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .p-subject-opencampus__content {
    text-align: left;
  }
}
.p-subject-opencampus__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-subject-opencampus__img__item {
  width: calc(33.33% - 20px);
  margin-right: 30px;
}
.p-subject-opencampus__img__item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 639px) {
  .p-subject-opencampus__img__item {
    width: 100%;
    margin-right: 0;
  }
  .p-subject-opencampus__img__item:nth-child(n+2) {
    margin-top: 15px;
  }
}
.p-subject-opencampus__img__item img {
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 3px #fff;
  border-radius: 10px;
}

.article--trimming .p-subject-opencampus {
  background: #fdf0f3;
}

.article--cat .p-subject-opencampus {
  background: #f8f1f7;
}

.article--care .p-subject-opencampus {
  background: #e9f6fc;
}

.article--trainer .p-subject-opencampus {
  background: #f3f5e9;
}

.article--prodogtrainer .p-subject-opencampus {
  background: #d9eaff;
}

.article--breeding .p-subject-opencampus {
  background: #fdefe5;
}

.article--breed .p-subject-opencampus {
  background: #fdefe5;
}

.article--aqua .p-subject-opencampus {
  background: #eff0f7;
}

.article--trimming .p-subject-opencampus__title {
  color: #EA6188;
}

.article--cat .p-subject-opencampus__title {
  color: #92539D;
}

.article--care .p-subject-opencampus__title {
  color: #238ACC;
}

.article--trainer .p-subject-opencampus__title {
  color: #85852C;
}

.article--prodogtrainer .p-subject-opencampus__title {
  color: #2f4e73;
}

.article--breeding .p-subject-opencampus__title {
  color: #B7530F;
}

.article--breed .p-subject-opencampus__title {
  color: #ED6C00;
}

.article--aqua .p-subject-opencampus__title {
  color: #2C4198;
}

/* subject-subject-certification */
.p-subject-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px 0 0;
}
@media screen and (max-width: 639px) {
  .p-subject-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-subject-btn__item {
  width: 40%;
}
.p-subject-btn__item:first-child {
  margin-right: 15px;
}
@media screen and (max-width: 639px) {
  .p-subject-btn__item:first-child {
    margin-right: 0;
  }
}
.p-subject-btn__item:nth-child(n+3) {
  margin-top: 15px;
}
@media screen and (max-width: 639px) {
  .p-subject-btn__item {
    width: 100%;
  }
  .p-subject-btn__item:nth-child(n+2) {
    margin-top: 15px;
  }
}
.p-subject-btn__btn {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
}
.p-subject-btn__btn:link {
  color: #666;
}
.p-subject-btn__btn:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 26px;
  color: #ccc;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.p-subject-btn__btn:hover {
  background: #f5fff2;
}
.p-subject-btn__btn--oc {
  background: #d9534f;
  border: none;
  color: #fff;
}
.p-subject-btn__btn--oc:link {
  color: #fff;
}
.p-subject-btn__btn--oc:after {
  color: #fff;
}
.p-subject-btn__btn--oc:hover {
  background: #f48683;
}
@media screen and (max-width: 639px) {
  .p-subject-btn__btn {
    font-size: 15px;
  }
}

/* reception-practice-list */
.p-reception-practice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-reception-practice__item {
  width: 24%;
}
@media screen and (max-width: 639px) {
  .p-reception-practice__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-reception-practice__item:nth-child(n+2) {
    margin-top: 15px;
  }
}
.p-reception-practice__item--passage {
  width: 15%;
  text-align: center;
  color: #EA6188;
  font-weight: bold;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  position: relative;
}
@media screen and (max-width: 639px) {
  .p-reception-practice__item--passage {
    width: 100%;
    margin-top: 15px;
  }
}
.p-reception-practice__item--passage:after {
  font-family: "ElegantIcons";
  content: "9";
  font-size: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .p-reception-practice__item--passage:after {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: relative;
    display: block;
    content: "7";
    line-height: 1;
  }
}

/* subject-lifestyle */
.p-subject-lifestyle__title {
  background: none;
  text-align: center;
  font-weight: bold;
  color: #008039;
}
.p-subject-lifestyle__question {
  border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  counter-reset: ol_li;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
}
@media screen and (max-width: 1095px) {
  .p-subject-lifestyle__question {
    width: 25rem;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-lifestyle__question {
    width: 100%;
  }
}
.p-subject-lifestyle__question__item {
  width: 20%;
}
@media screen and (max-width: 1095px) {
  .p-subject-lifestyle__question__item {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  .p-subject-lifestyle__question__item:nth-child(2n) {
    margin-right: 0;
  }
  .p-subject-lifestyle__question__item:nth-child(n+3) {
    margin-top: 10px;
  }
}
.p-subject-lifestyle__question__item:before {
  margin-right: 0.25em;
  counter-increment: ol_li;
  content: counter(ol_li) ". ";
  color: #008039;
  font-weight: bold;
}
.p-subject-lifestyle__unit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .p-subject-lifestyle__unit {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-subject-lifestyle__unit:nth-of-type(n+2) {
  margin-top: 40px;
}
.p-subject-lifestyle__img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 500px;
          flex: 0 0 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  margin: 0 40px 0 0;
}
@media screen and (max-width: 1095px) {
  .p-subject-lifestyle__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
}
@media screen and (max-width: 639px) {
  .p-subject-lifestyle__img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
.p-subject-lifestyle__img img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 639px) {
  .p-subject-lifestyle__img img {
    max-width: 200px;
    height: auto;
  }
}
.p-subject-lifestyle__student {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .p-subject-lifestyle__student {
    width: 100%;
    padding-left: 0;
  }
}
.p-subject-lifestyle__student--name {
  font-weight: bold;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .p-subject-lifestyle__student--name {
    text-align: center;
  }
}
.p-subject-lifestyle__student--name span {
  display: block;
}
.p-subject-lifestyle__student--answer {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  counter-reset: ol_li;
  padding-left: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.p-subject-lifestyle__student--answer__item {
  padding-left: 1.25em;
  text-indent: -1.5em;
  width: 48%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.p-subject-lifestyle__student--answer__item:nth-child(n+3) {
  margin-top: 7px;
}
@media screen and (max-width: 639px) {
  .p-subject-lifestyle__student--answer__item:nth-child(n+3) {
    margin-top: 5px;
  }
}
.p-subject-lifestyle__student--answer__item:before {
  margin-right: 0.25em;
  counter-increment: ol_li;
  content: counter(ol_li) ". ";
  color: #008039;
  font-weight: bold;
  vertical-align: top;
}
.p-subject-lifestyle__student--answer__item--graph {
  width: 100%;
}
.p-subject-lifestyle__student--answer__item--graph img {
  height: 250px;
  width: auto;
  margin-top: 5px;
}

.article--trimming .p-subject-lifestyle__title {
  color: #EA6188;
}
.article--trimming .p-subject-lifestyle__question__item:before {
  color: #EA6188;
}
.article--trimming .p-subject-lifestyle__student--answer li:before {
  color: #EA6188;
}

.article--cat .p-subject-lifestyle__title {
  color: #92539D;
}
.article--cat .p-subject-lifestyle__question__item:before {
  color: #92539D;
}
.article--cat .p-subject-lifestyle__student--answer li:before {
  color: #92539D;
}

.article--care .p-subject-lifestyle__title {
  color: #238ACC;
}
.article--care .p-subject-lifestyle__question__item:before {
  color: #238ACC;
}
.article--care .p-subject-lifestyle__student--answer li:before {
  color: #238ACC;
}

.article--trainer .p-subject-lifestyle__title {
  color: #85852C;
}
.article--trainer .p-subject-lifestyle__question__item:before {
  color: #85852C;
}
.article--trainer .p-subject-lifestyle__student--answer li:before {
  color: #85852C;
}

.article--prodogtrainer .p-subject-lifestyle__title {
  color: #2f4e73;
}
.article--prodogtrainer .p-subject-lifestyle__question__item:before {
  color: #2f4e73;
}
.article--prodogtrainer .p-subject-lifestyle__student--answer li:before {
  color: #2f4e73;
}

.article--breeding .p-subject-lifestyle__title {
  color: #B7530F;
}
.article--breeding .p-subject-lifestyle__question__item:before {
  color: #B7530F;
}
.article--breeding .p-subject-lifestyle__student--answer li:before {
  color: #B7530F;
}

.article--breed .p-subject-lifestyle__title {
  color: #ED6C00;
}
.article--breed .p-subject-lifestyle__question__item:before {
  color: #ED6C00;
}
.article--breed .p-subject-lifestyle__student--answer li:before {
  color: #ED6C00;
}

.article--aqua .p-subject-lifestyle__title {
  color: #2C4198;
}
.article--aqua .p-subject-lifestyle__question__item:before {
  color: #2C4198;
}
.article--aqua .p-subject-lifestyle__student--answer li:before {
  color: #2C4198;
}

/* subject-certification */
.p-subject-certification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .p-subject-certification {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.p-subject-certification__per {
  width: 45%;
}
@media screen and (max-width: 639px) {
  .p-subject-certification__per {
    width: 100%;
  }
}
.p-subject-certification__per--num {
  font-size: 80px;
  line-height: 1;
}
.p-subject-certification__per--p {
  font-size: 60px;
  line-height: 1;
}
.p-subject-certification__title {
  font-size: 20px;
}
.p-subject-certification__list .column2__item {
  margin-top: 0;
}
.p-subject-certification__list .column2__item:nth-of-type(n+3) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-subject-certification__list .column2__item:nth-of-type(n+2) {
    margin-top: 10px;
  }
}

/* breeding-pagenav */
.article--breeding .breeding-pagenav,
.article--breed .breeding-pagenav,
.article--aqua .breeding-pagenav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.article--breeding .breeding-pagenav li,
.article--breed .breeding-pagenav li,
.article--aqua .breeding-pagenav li {
  width: 49%;
}
.article--breeding .breeding-pagenav li a,
.article--breed .breeding-pagenav li a,
.article--aqua .breeding-pagenav li a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #bf792e;
  border-radius: 10px 10px 0 0;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  line-height: 1;
}
.article--breeding .breeding-pagenav li a::after,
.article--breed .breeding-pagenav li a::after,
.article--aqua .breeding-pagenav li a::after {
  font-family: "ElegantIcons";
  content: "5";
  margin-left: 1em;
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .article--breeding .breeding-pagenav li a::after,
  .article--breed .breeding-pagenav li a::after,
  .article--aqua .breeding-pagenav li a::after {
    right: 5px;
  }
}
.article--breeding .breeding-pagenav li a:hover,
.article--breed .breeding-pagenav li a:hover,
.article--aqua .breeding-pagenav li a:hover {
  margin-top: -5px;
  padding-bottom: 15px;
  text-decoration: none;
}
@media screen and (max-width: 639px) {
  .article--breeding .breeding-pagenav li a,
  .article--breed .breeding-pagenav li a,
  .article--aqua .breeding-pagenav li a {
    font-size: 16px;
  }
}
.article--breeding .breeding-pagenav li.breed a,
.article--breed .breeding-pagenav li.breed a,
.article--aqua .breeding-pagenav li.breed a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: solid 1px #f29839;
  color: #f29839;
}
.article--breeding .breeding-pagenav li.breed.active a,
.article--breed .breeding-pagenav li.breed.active a,
.article--aqua .breeding-pagenav li.breed.active a {
  color: #fff;
  background: #f29839;
}
.article--breeding .breeding-pagenav li.aqua a,
.article--breed .breeding-pagenav li.aqua a,
.article--aqua .breeding-pagenav li.aqua a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: solid 1px #5F67AE;
  color: #5F67AE;
}
.article--breeding .breeding-pagenav li.aqua.active a,
.article--breed .breeding-pagenav li.aqua.active a,
.article--aqua .breeding-pagenav li.aqua.active a {
  color: #fff;
  background: #5F67AE;
}

/* trimmer-pagenav */
.trimmer-pagenav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.trimmer-pagenav li {
  width: 49%;
}
.trimmer-pagenav li a {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #bf792e;
  border-radius: 10px 10px 0 0;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  color: #fff;
  line-height: 1;
}
.trimmer-pagenav li a::after {
  font-family: "ElegantIcons";
  content: "5";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 639px) {
  .trimmer-pagenav li a::after {
    right: 5px;
  }
}
.trimmer-pagenav li a:hover {
  margin-top: -5px;
  padding-bottom: 15px;
  text-decoration: none;
}
@media screen and (max-width: 639px) {
  .trimmer-pagenav li a {
    font-size: 16px;
  }
}
.trimmer-pagenav li.tri a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: solid 1px #ee86a7;
  color: #ee86a7;
}
.trimmer-pagenav li.tri.active a {
  background: #ee86a7;
  color: #fff;
}
.trimmer-pagenav li.cat a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: solid 1px #ba79a5;
  color: #ba79a5;
}
.trimmer-pagenav li.cat.active a {
  background: #ba79a5;
  color: #fff;
}

/* resultlist */
.p-resultlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-resultlist__item {
  width: 48%;
  margin-right: 3%;
  text-align: center;
}
.p-resultlist__item:nth-child(n+3) {
  margin-top: 30px;
}
.p-resultlist__item:nth-child(2n), .p-resultlist__item:last-child {
  margin-right: 0;
}
.p-resultlist__item h4 {
  margin-bottom: 1em;
}
.p-resultlist__item h4 a {
  display: block;
  color: #fff;
  padding: 5px;
}
.p-resultlist__item h4 a::before {
  content: "▶";
  margin: 0 5px 0 0;
  vertical-align: middle;
  font-size: 14px;
}
.p-resultlist__item h5 {
  font-weight: bold;
  font-size: 1rem;
}
@media screen and (max-width: 639px) {
  .p-resultlist__item h5 {
    line-height: 1.3;
  }
}
.p-resultlist__item--num {
  padding: 20px 0 0;
  line-height: 1;
  font-weight: bold;
  font-size: 70px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .p-resultlist__item--num {
    text-align: left;
  }
}
.p-resultlist__item--num strong {
  font-size: 140px;
}
@media screen and (max-width: 639px) {
  .p-resultlist__item--num strong {
    font-size: 90px;
  }
}
.p-resultlist__item--graph img {
  max-width: 100%;
  height: auto;
}

.p-subjectlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-subjectlist__item {
  width: 22%;
  margin-right: 3%;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-subjectlist__item {
    width: 100%;
    margin-right: 0%;
  }
  .p-subjectlist__item:not(first-child) {
    margin-top: 15px;
  }
}
.p-subjectlist__item h4 {
  margin-top: -35px;
}
.p-subjectlist__item h4 a {
  display: block;
  color: #fff;
  padding: 5px;
}
.p-subjectlist__item h4 a::before {
  content: "▶";
  margin: 0 5px 0 0;
  vertical-align: middle;
  font-size: 14px;
}
.p-subjectlist__item--img img {
  display: inline-block;
  border-width: 5px;
  border-style: solid;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 639px) {
  .p-subjectlist__item--img img {
    max-width: 200px;
    width: 100%;
  }
}

.p-ribbontit {
  position: relative;
  border-radius: 10px 10px 0 0;
  margin: 0 10px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.p-ribbontit::before, .p-ribbontit::after {
  content: "";
  position: absolute;
  top: 100%;
  border-style: solid;
  border-color: transparent;
}
.p-ribbontit::before {
  left: 0;
  border-width: 0 15px 15px 0;
  border-right-color: #008039;
}
.p-ribbontit::after {
  right: 0;
  border-style: solid;
  border-width: 15px 15px 0 0;
  border-top-color: #008039;
}

.p-ribbontit--tri {
  background: #ee86a7;
}

.p-ribbontit--cat {
  background: #ba79a5;
}

.p-ribbontit--cre {
  background: #26ABE3;
}

.p-ribbontit--dog {
  background: #86992A;
}

.p-ribbontit--pdg {
  background: #5085c5;
}

.p-ribbontit--brd {
  background: #E76003;
}

.p-ribbontit--brb {
  background: #f29839;
}

.p-ribbontit--bra {
  background: #5F67AE;
}

.p-ribbontit--all {
  background: #008039;
}

.p-ribbontit--tri::before {
  border-right-color: #EA6188;
}
.p-ribbontit--tri::after {
  border-top-color: #EA6188;
}

.p-ribbontit--cat::before {
  border-right-color: #92539D;
}
.p-ribbontit--cat::after {
  border-top-color: #92539D;
}

.p-ribbontit--cre::before {
  border-right-color: #238ACC;
}
.p-ribbontit--cre::after {
  border-top-color: #238ACC;
}

.p-ribbontit--dog::before {
  border-right-color: #85852C;
}
.p-ribbontit--dog::after {
  border-top-color: #85852C;
}

.p-ribbontit--pdg::before {
  border-right-color: #2f4e73;
}
.p-ribbontit--pdg::after {
  border-top-color: #2f4e73;
}

.p-ribbontit--brd::before {
  border-right-color: #B7530F;
}
.p-ribbontit--brd::after {
  border-top-color: #B7530F;
}

.p-ribbontit--brb::before {
  border-right-color: #ED6C00;
}
.p-ribbontit--brb::after {
  border-top-color: #ED6C00;
}

.p-ribbontit--bra::before {
  border-right-color: #2C4198;
}
.p-ribbontit--bra::after {
  border-top-color: #2C4198;
}

.p-list--footprints li {
  background: url(img/pagetop.png) no-repeat 0 0.2em;
  background-size: 20px;
  margin-bottom: 5px;
  padding-left: 28px;
}

/* movie-icn */
.p-movie-icn {
  font-family: "ElegantIcons";
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  display: block;
  color: #008039;
  font-style: normal;
  font-size: 80px;
  opacity: 0.9;
}
.p-movie-icn__wrap {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
@media screen and (max-width: 639px) {
  .p-movie-icn {
    font-size: 60px;
  }
}
.p-movie-icn--brd {
  color: #E76003;
}

/* color-btn */
.p-btn--online {
  color: #fff;
  background: #00B800;
  font-weight: bold;
}
.p-btn--online:link, .p-btn--online:visited {
  color: #fff;
}
.p-btn--online:hover, .p-btn--online:focus {
  background: #00B800;
  opacity: 0.8;
}
.p-btn--trm {
  color: #fff;
  background: #ee86a7;
  font-weight: bold;
}
.p-btn--trm:link, .p-btn--trm:visited {
  color: #fff;
}
.p-btn--trm:hover, .p-btn--trm:focus {
  background: #ee86a7;
  opacity: 0.8;
}
.p-btn--trm-sub {
  color: #EA6188;
  background: #ffdde8;
  font-weight: bold;
}
.p-btn--trm-sub:link, .p-btn--trm-sub:visited {
  color: #EA6188;
}
.p-btn--trm-sub:hover, .p-btn--trm-sub:focus {
  background: #ffdde8;
  opacity: 0.8;
}
.p-btn--cat {
  color: #fff;
  background: #ba79a5;
  font-weight: bold;
}
.p-btn--cat:link, .p-btn--cat:visited {
  color: #fff;
}
.p-btn--cat:hover, .p-btn--cat:focus {
  background: #ba79a5;
  opacity: 0.8;
}
.p-btn--care {
  color: #fff;
  background: #26ABE3;
  font-weight: bold;
}
.p-btn--care:link, .p-btn--care:visited {
  color: #fff;
}
.p-btn--care:hover, .p-btn--care:focus {
  background: #26ABE3;
  opacity: 0.8;
}
.p-btn--dog {
  color: #fff;
  background: #86992A;
  font-weight: bold;
}
.p-btn--dog:link, .p-btn--dog:visited {
  color: #fff;
}
.p-btn--dog:hover, .p-btn--dog:focus {
  background: #86992A;
  opacity: 0.8;
}
.p-btn--brd {
  color: #fff;
  background: #E76003;
  font-weight: bold;
}
.p-btn--brd:link, .p-btn--brd:visited {
  color: #fff;
}
.p-btn--brd:hover, .p-btn--brd:focus {
  background: #E76003;
  opacity: 0.8;
}
.p-btn--school {
  color: #fff;
  background: #008039;
  font-weight: bold;
}
.p-btn--school:link, .p-btn--school:visited {
  color: #fff;
}
.p-btn--school:hover, .p-btn--school:focus {
  background: #008039;
  opacity: 0.8;
}

.p-trimmer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-trimmer-nav__title {
  font-size: 30px;
  font-weight: bold;
}
.p-trimmer-nav__title a {
  display: block;
  border-radius: 10px 10px 0 0;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  position: relative;
}
.p-trimmer-nav__title a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "ElegantIcons";
  content: "5";
  font-size: 2rem;
}
.p-trimmer-nav__title a:hover {
  opacity: 0.8;
}
.p-trimmer-nav__catch {
  font-size: 1rem;
  margin: 10px 0;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-trimmer-nav__catch {
    line-height: 1.3;
  }
}
.p-trimmer-nav__item--tri .p-trimmer-nav__title a {
  background: #ee86a7;
}
.p-trimmer-nav__item--tri .p-trimmer-nav__catch {
  color: #ee86a7;
}
.p-trimmer-nav__item--cat .p-trimmer-nav__title a {
  background: #ba79a5;
}
.p-trimmer-nav__item--cat .p-trimmer-nav__catch {
  color: #ba79a5;
}

/* cclm-data */
.p-cclm-data {
  border-collapse: collapse;
  border-top: 1px solid #231815;
}
.p-cclm-data caption {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  padding: 10px;
  margin: 0;
  text-align: center;
  border-radius: 10px 10px 0 0;
  letter-spacing: 0.11em;
}
.p-cclm-data tr {
  border-bottom: 1px solid #231815;
}
.p-cclm-data th,
.p-cclm-data td {
  padding: 7px 10px;
}
.p-cclm-data th {
  font-weight: bold;
  white-space: nowrap;
}
.p-cclm-data tr:nth-child(odd) td,
.p-cclm-data tr:nth-child(odd) th {
  background: #d7e5de;
}
@media screen and (max-width: 639px) {
  .p-cclm-data {
    border-top: none;
  }
  .p-cclm-data tr > th,
  .p-cclm-data tr > td {
    display: block;
    border-top: none;
  }
  .p-cclm-data tr:first-of-type > th {
    border-top: 1px solid #231815;
  }
}
.p-cclm-data--cre.p-cclm-data--y1 caption {
  background: #BBDCF4;
}
.p-cclm-data--cre.p-cclm-data--y1 tr:nth-child(odd) td,
.p-cclm-data--cre.p-cclm-data--y1 tr:nth-child(odd) th {
  background: #EAF5FD;
}
.p-cclm-data--cre.p-cclm-data--y2 caption {
  background: #A6C2E6;
}
.p-cclm-data--cre.p-cclm-data--y2 tr:nth-child(odd) td,
.p-cclm-data--cre.p-cclm-data--y2 tr:nth-child(odd) th {
  background: #EAF1FA;
}
.p-cclm-data--cre.p-cclm-data--y3 caption {
  background: #B0AFD7;
}
.p-cclm-data--cre.p-cclm-data--y3 tr:nth-child(odd) td,
.p-cclm-data--cre.p-cclm-data--y3 tr:nth-child(odd) th {
  background: #E9ECF6;
}
.p-cclm-data--tri.p-cclm-data--y1 caption {
  background: #F6C0D8;
}
.p-cclm-data--tri.p-cclm-data--y1 tr:nth-child(odd) td,
.p-cclm-data--tri.p-cclm-data--y1 tr:nth-child(odd) th {
  background: #FDF2F6;
}
.p-cclm-data--tri.p-cclm-data--y2 caption {
  background: #EAAAC0;
}
.p-cclm-data--tri.p-cclm-data--y2 tr:nth-child(odd) td,
.p-cclm-data--tri.p-cclm-data--y2 tr:nth-child(odd) th {
  background: #FDF2F6;
}
.p-cclm-data--cat.p-cclm-data--y1 caption {
  background: #C6B7D9;
}
.p-cclm-data--cat.p-cclm-data--y1 tr:nth-child(odd) td,
.p-cclm-data--cat.p-cclm-data--y1 tr:nth-child(odd) th {
  background: #F5ECF4;
}
.p-cclm-data--cat.p-cclm-data--y2 caption {
  background: #B7A3CD;
}
.p-cclm-data--cat.p-cclm-data--y2 tr:nth-child(odd) td,
.p-cclm-data--cat.p-cclm-data--y2 tr:nth-child(odd) th {
  background: #F5ECF4;
}
.p-cclm-data--dog.p-cclm-data--y1 caption {
  background: #E4E5B0;
}
.p-cclm-data--dog.p-cclm-data--y1 tr:nth-child(odd) td,
.p-cclm-data--dog.p-cclm-data--y1 tr:nth-child(odd) th {
  background: #F8F7E1;
}
.p-cclm-data--dog.p-cclm-data--y2 caption {
  background: #CED79C;
}
.p-cclm-data--dog.p-cclm-data--y2 tr:nth-child(odd) td,
.p-cclm-data--dog.p-cclm-data--y2 tr:nth-child(odd) th {
  background: #F8F7E1;
}
.p-cclm-data--brb.p-cclm-data--y1 caption {
  background: #F29A76;
}
.p-cclm-data--brb.p-cclm-data--y1 tr:nth-child(odd) td,
.p-cclm-data--brb.p-cclm-data--y1 tr:nth-child(odd) th {
  background: #FDEDE4;
}
.p-cclm-data--brb.p-cclm-data--y2 caption {
  background: #ED6D46;
}
.p-cclm-data--brb.p-cclm-data--y2 tr:nth-child(odd) td,
.p-cclm-data--brb.p-cclm-data--y2 tr:nth-child(odd) th {
  background: #FDEDE4;
}
.p-cclm-data--bra.p-cclm-data--y1 caption {
  background: #F29A76;
}
.p-cclm-data--bra.p-cclm-data--y1 tr:nth-child(odd) td,
.p-cclm-data--bra.p-cclm-data--y1 tr:nth-child(odd) th {
  background: #FDEDE4;
}
.p-cclm-data--bra.p-cclm-data--y2 caption {
  background: #ED6D46;
}
.p-cclm-data--bra.p-cclm-data--y2 tr:nth-child(odd) td,
.p-cclm-data--bra.p-cclm-data--y2 tr:nth-child(odd) th {
  background: #FDEDE4;
}
.p-cclm-data__lead {
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.11em;
  font-size: 25px;
}
@media screen and (max-width: 639px) {
  .p-cclm-data__lead {
    font-size: 18px;
  }
}
.p-cclm-data__lead span {
  position: relative;
  padding: 0.7rem 0;
  margin-bottom: 0.2rem;
}
.p-cclm-data__lead span::before {
  position: absolute;
  left: -5px;
  bottom: 5px;
  width: 100%;
  height: 15px;
  -webkit-transform: skew(-45deg);
      -ms-transform: skew(-45deg);
          transform: skew(-45deg);
  background-image: repeating-linear-gradient(90deg, transparent 0 5px, #FFF67F 5px 10px);
  content: "";
  z-index: -1;
}
.p-cclm-data__lead--cre {
  color: #238ACC;
}
.p-cclm-data__lead--tri {
  color: #EE86A8;
}
.p-cclm-data__lead--cat {
  color: #BA79B1;
}
.p-cclm-data__lead--dog {
  color: #B1B231;
}
.p-cclm-data__lead--brb {
  color: #E60012;
}
.p-cclm-data__lead--bra {
  color: #E60012;
}

/* hr */
.p-hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.p-hr__dot {
  border-top: 3px dotted #008039;
}
.p-hr__dot--tri {
  border-color: #ee86a7;
}

.c-list-circle li {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 639px) {
  .c-list-circle li {
    font-size: 14px;
  }
}
.c-list-circle li::before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #289f5d;
  border-radius: 50%;
  position: relative;
  top: -2px;
  margin-right: 0.4em;
}
@media screen and (max-width: 639px) {
  .c-list-circle li::before {
    top: -1px;
    width: 6px;
    height: 6px;
  }
}
.c-list-circle li + li {
  margin-top: 5px;
}
@media screen and (max-width: 639px) {
  .c-list-circle li + li {
    margin-top: 5px;
  }
}
.c-list-circle--tri li::before {
  background-color: #ee86a7;
}
.c-list-circle--cat li::before {
  background-color: #ba79a5;
}
.c-list-circle--cre li::before {
  background-color: #26ABE3;
}
.c-list-circle--dog li::before {
  background-color: #86992A;
}
.c-list-circle--pdg li::before {
  background-color: #5085c5;
}
.c-list-circle--brd li::before {
  background-color: #E76003;
}
.c-list-circle--brb li::before {
  background-color: #f29839;
}
.c-list-circle--bra li::before {
  background-color: #5F67AE;
}
.c-list-circle--all li::before {
  background-color: #008039;
}

/* oc-event-table */
.oc-event-title {
  font-size: 25px;
  text-align: center;
  position: relative;
  font-weight: bold;
  color: #353535;
}
.oc-event-title span {
  position: relative;
  display: inline-block;
  padding: 0 45px;
}
.oc-event-title span:before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 3px;
  background-color: #22ac38;
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
      transform: rotate(60deg);
}
.oc-event-title span::after {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 3px;
  background-color: #22ac38;
  -webkit-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
      transform: rotate(-60deg);
}
.oc-event-title span:before {
  left: 0;
}
.oc-event-title span:after {
  right: 0;
}
@media screen and (max-width: 639px) {
  .oc-event-title {
    font-size: 20px;
  }
}

.oc-event-table {
  border-collapse: collapse;
}
.oc-event-table th,
.oc-event-table td {
  border: 2px solid #fff;
  padding: 10px 15px;
}
.oc-event-table th {
  background: rgb(232, 241, 200);
}
.oc-event-table td {
  background: rgba(176, 228, 194, 0.4);
}
.oc-event-table__colortd tr:nth-child(odd) td {
  background-color: rgba(232, 241, 200, 0.4);
}
.oc-event-table--wcontent {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 639px) {
  .oc-event-table--wcontent {
    width: 100%;
  }
}
.oc-event-table__content {
  width: 14em;
}
@media screen and (max-width: 639px) {
  .oc-event-table__content {
    width: auto;
  }
}

.oc-event-content__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  font-size: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .oc-event-content__title {
    font-size: 22px;
  }
}
.oc-event-content__subtit {
  position: relative;
  padding: 7px 10px;
  color: #fff;
  background: #22ac38;
  font-size: 18px;
  font-weight: bold;
  margin-right: 15px;
  border-radius: 5px;
}
@media screen and (max-width: 639px) {
  .oc-event-content__subtit {
    font-size: 16px;
  }
}
.oc-event-content__subtit::after {
  position: absolute;
  top: calc(50% - 7px);
  right: -12px;
  width: 0;
  height: 0;
  content: "";
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #22ac38;
}
.oc-event-content__maintit {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
  background: linear-gradient(transparent 60%, #ff6 60%);
}

/* ocevent */
.ocevent-table th {
  background: #fade58;
  width: 15%;
  font-size: 14px !important;
  padding: 5px !important;
}
@media screen and (max-width: 639px) {
  .ocevent-table th {
    font-size: 12px !important;
  }
}
.ocevent-table td {
  text-align: center;
  font-size: 14px !important;
  padding: 5px !important;
}
@media screen and (max-width: 639px) {
  .ocevent-table td {
    font-size: 12px !important;
  }
}
.ocevent-table__head {
  color: #fff;
}
.ocevent-table__head--time {
  width: 10% !important;
}
.ocevent-table__head--tri {
  background: #ee86a7 !important;
}
.ocevent-table__head--cat {
  background: #ba79a5 !important;
}
.ocevent-table__head--cre {
  background: #26ABE3 !important;
}
.ocevent-table__head--dog {
  background: #86992A !important;
}
.ocevent-table__head--pdg {
  background: #5085c5 !important;
}
.ocevent-table__head--brd {
  background: #E76003 !important;
}
.ocevent-table__head--brb {
  background: #f29839 !important;
}
.ocevent-table__head--bra {
  background: #5F67AE !important;
}
.ocevent-table__head--all {
  background: #008039 !important;
}
.ocevent-table__line {
  background: #fff9e1;
}
.ocevent-table__line--cre {
  background: #e6f0fa;
  color: #26ABE3;
}
.ocevent-table__line--tri {
  background: #feeae7;
  color: #ee86a7;
}
.ocevent-table__line--cat {
  background: #f2e4ed;
  color: #ba79a5;
}
.ocevent-table__line--dog {
  background: #e9f1e0;
  color: #86992A;
}
.ocevent-table__line--brd {
  background: #fdecd4;
  color: #E76003;
}
.ocevent-table__pickbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ocevent-table__pick {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  line-height: 0.9;
  text-align: center;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  background: #ff8e9d;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ocevent-table__pick::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #ff8e9d;
  z-index: 0;
}
.ocevent-table__picktit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0 0 15px;
}
.ocevent-table__line--tri .ocevent-table__pick {
  background: #ee86a7;
}
.ocevent-table__line--tri .ocevent-table__pick::before {
  border-left-color: #ee86a7;
}
.ocevent-table__line--cat .ocevent-table__pick {
  background: #ba79a5;
}
.ocevent-table__line--cat .ocevent-table__pick::before {
  border-left-color: #ba79a5;
}
.ocevent-table__line--cre .ocevent-table__pick {
  background: #26ABE3;
}
.ocevent-table__line--cre .ocevent-table__pick::before {
  border-left-color: #26ABE3;
}
.ocevent-table__line--dog .ocevent-table__pick {
  background: #86992A;
}
.ocevent-table__line--dog .ocevent-table__pick::before {
  border-left-color: #86992A;
}
.ocevent-table__line--pdg .ocevent-table__pick {
  background: #5085c5;
}
.ocevent-table__line--pdg .ocevent-table__pick::before {
  border-left-color: #5085c5;
}
.ocevent-table__line--brd .ocevent-table__pick {
  background: #E76003;
}
.ocevent-table__line--brd .ocevent-table__pick::before {
  border-left-color: #E76003;
}
.ocevent-table__line--brb .ocevent-table__pick {
  background: #f29839;
}
.ocevent-table__line--brb .ocevent-table__pick::before {
  border-left-color: #f29839;
}
.ocevent-table__line--bra .ocevent-table__pick {
  background: #5F67AE;
}
.ocevent-table__line--bra .ocevent-table__pick::before {
  border-left-color: #5F67AE;
}
.ocevent-table__line--all .ocevent-table__pick {
  background: #008039;
}
.ocevent-table__line--all .ocevent-table__pick::before {
  border-left-color: #008039;
}
.ocevent-table__subtit {
  position: relative;
  display: block;
  max-width: 100%;
  color: #fff;
  font-size: 10px;
  background: #e0edff;
  border-radius: 15px;
  margin-bottom: 5px;
}
.ocevent-table__subtit::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-top: 5px solid #e0edff;
}
.ocevent-table__subtit--tri {
  background: #ee86a7;
}
.ocevent-table__subtit--tri::before {
  border-top-color: #ee86a7;
}
.ocevent-table__subtit--cat {
  background: #ba79a5;
}
.ocevent-table__subtit--cat::before {
  border-top-color: #ba79a5;
}
.ocevent-table__subtit--cre {
  background: #26ABE3;
}
.ocevent-table__subtit--cre::before {
  border-top-color: #26ABE3;
}
.ocevent-table__subtit--dog {
  background: #86992A;
}
.ocevent-table__subtit--dog::before {
  border-top-color: #86992A;
}
.ocevent-table__subtit--pdg {
  background: #5085c5;
}
.ocevent-table__subtit--pdg::before {
  border-top-color: #5085c5;
}
.ocevent-table__subtit--brd {
  background: #E76003;
}
.ocevent-table__subtit--brd::before {
  border-top-color: #E76003;
}
.ocevent-table__subtit--brb {
  background: #f29839;
}
.ocevent-table__subtit--brb::before {
  border-top-color: #f29839;
}
.ocevent-table__subtit--bra {
  background: #5F67AE;
}
.ocevent-table__subtit--bra::before {
  border-top-color: #5F67AE;
}
.ocevent-table__subtit--all {
  background: #008039;
}
.ocevent-table__subtit--all::before {
  border-top-color: #008039;
}

.ocevent-sjt-pick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .ocevent-sjt-pick {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.ocevent-sjt-pick__item {
  width: calc(20% - 6px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #008039;
  padding: 15px;
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px #3da5f1;
          box-shadow: 3px 3px #3da5f1;
}
@media screen and (max-width: 639px) {
  .ocevent-sjt-pick__item {
    width: 100%;
  }
  .ocevent-sjt-pick__item:not(:last-child) {
    margin-bottom: 10px;
  }
}
.ocevent-sjt-pick__item--tri {
  border-color: #ee86a7;
  -webkit-box-shadow: 3px 3px #ee86a7;
          box-shadow: 3px 3px #ee86a7;
}
.ocevent-sjt-pick__item--cat {
  border-color: #ba79a5;
  -webkit-box-shadow: 3px 3px #ba79a5;
          box-shadow: 3px 3px #ba79a5;
}
.ocevent-sjt-pick__item--cre {
  border-color: #26ABE3;
  -webkit-box-shadow: 3px 3px #26ABE3;
          box-shadow: 3px 3px #26ABE3;
}
.ocevent-sjt-pick__item--dog {
  border-color: #86992A;
  -webkit-box-shadow: 3px 3px #86992A;
          box-shadow: 3px 3px #86992A;
}
.ocevent-sjt-pick__item--pdg {
  border-color: #5085c5;
  -webkit-box-shadow: 3px 3px #5085c5;
          box-shadow: 3px 3px #5085c5;
}
.ocevent-sjt-pick__item--brd {
  border-color: #E76003;
  -webkit-box-shadow: 3px 3px #E76003;
          box-shadow: 3px 3px #E76003;
}
.ocevent-sjt-pick__item--brb {
  border-color: #f29839;
  -webkit-box-shadow: 3px 3px #f29839;
          box-shadow: 3px 3px #f29839;
}
.ocevent-sjt-pick__item--bra {
  border-color: #5F67AE;
  -webkit-box-shadow: 3px 3px #5F67AE;
          box-shadow: 3px 3px #5F67AE;
}
.ocevent-sjt-pick__item--all {
  border-color: #008039;
  -webkit-box-shadow: 3px 3px #008039;
          box-shadow: 3px 3px #008039;
}
.ocevent-sjt-pick__tit {
  margin-bottom: 7px;
}
.ocevent-sjt-pick__tit span {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(60%, #e2eef9));
  background: linear-gradient(transparent 40%, #e2eef9 60%);
}
.ocevent-sjt-pick__tit--tri span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(60%, #fde9e9));
  background: linear-gradient(transparent 40%, #fde9e9 60%);
}
.ocevent-sjt-pick__tit--cat span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(60%, #efe0e9));
  background: linear-gradient(transparent 40%, #efe0e9 60%);
}
.ocevent-sjt-pick__tit--dog span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(60%, #e7f2e5));
  background: linear-gradient(transparent 40%, #e7f2e5 60%);
}
.ocevent-sjt-pick__tit--brd span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(60%, #fdecd4));
  background: linear-gradient(transparent 40%, #fdecd4 60%);
}
.ocevent-sjt-pick p {
  font-size: 14px;
}

.ocevent-box01 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-top: 36px;
  position: relative;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #e3f2ff;
  background-color: #e3f2ff;
  color: #333;
}
.ocevent-box01::before {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 2px solid #333;
  content: "";
}
.ocevent-box01::after {
  position: absolute;
  top: -33px;
  left: 50px;
  -webkit-transform: skew(-25deg);
      -ms-transform: skew(-25deg);
          transform: skew(-25deg);
  height: 25px;
  width: 15px;
  border-right: 2px solid #333;
  background-color: #fff;
  content: "";
}
.ocevent-box01__txt {
  margin-top: -10px;
}

/* p-oc-event */
.p-oc-event__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 639px) {
  .p-oc-event__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-oc-event__wrap .p-oc-event__box {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .p-oc-event__wrap .p-oc-event__box {
    width: 100%;
  }
}
.p-oc-event__box {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  background: repeating-linear-gradient(-45deg, #f7e2cd 0 5px, #fff 5px 10px);
  -webkit-box-shadow: 5px 5px 0 #E76003;
          box-shadow: 5px 5px 0 #E76003;
  border: 2px solid #E76003;
  border-radius: 10px;
}
.p-oc-event__box + .p-oc-event__box {
  margin-top: 15px;
}
.p-oc-event__box .p-oc-date-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-oc-event__box .p-oc-date-list li {
  width: 40%;
  /*&:nth-child(3) {
  	margin-right: 0;
  }*/
}
@media screen and (max-width: 639px) {
  .p-oc-event__box .p-oc-date-list li {
    width: 100%;
    margin-right: 0;
  }
  .p-oc-event__box .p-oc-date-list li:nth-child(n+2) {
    margin-top: 10px;
  }
  .p-oc-event__box .p-oc-date-list li:nth-child(2n) {
    margin-left: 0;
  }
}
.p-oc-event__box .p-oc-date-list__link {
  border: 1px solid #ccc;
}
@media screen and (max-width: 639px) {
  .p-oc-event__box {
    width: 100%;
  }
}
.p-oc-event__title {
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  position: relative;
  padding: 7px 5px 10px 5px;
  border-radius: 10px;
  background-color: #E76003;
  margin-bottom: 25px;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-oc-event__title {
    font-size: 15px;
  }
}
.p-oc-event__title::after {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: traslateX(-50%) rotate(-20deg);
      -ms-transform: traslateX(-50%) rotate(-20deg);
          transform: traslateX(-50%) rotate(-20deg);
  border-left: 5px dotted #E76003;
  height: 20px;
  content: "";
}
.p-oc-event--blue.p-oc-event__box {
  background: repeating-linear-gradient(-45deg, #cdeff7 0 5px, #fff 5px 10px);
  -webkit-box-shadow: 5px 5px 0 #39a8f2;
          box-shadow: 5px 5px 0 #39a8f2;
  border: 2px solid #39a8f2;
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .p-oc-event--blue.p-oc-event__box {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.p-oc-event--blue .p-oc-event__title {
  background-color: #39a8f2;
}
.p-oc-event--blue .p-oc-event__title::after {
  border-left: 5px dotted #39a8f2;
}
.p-oc-event--blue .p-oc-date-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-oc-event--blue .p-oc-date-list li {
  width: 40%;
}
@media screen and (max-width: 639px) {
  .p-oc-event--blue .p-oc-date-list li {
    width: 100%;
  }
}
.p-oc-event--green.p-oc-event__box {
  background: repeating-linear-gradient(-45deg, #eafee8 0 5px, #fff 5px 10px);
  -webkit-box-shadow: 5px 5px 0 #258b3d;
          box-shadow: 5px 5px 0 #258b3d;
  border: 2px solid #258b3d;
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .p-oc-event--green.p-oc-event__box {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.p-oc-event--green .p-oc-event__title {
  background-color: #258b3d;
}
.p-oc-event--green .p-oc-event__title::after {
  border-left: 5px dotted #258b3d;
}
.p-oc-event--green .p-oc-date-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-oc-event--green .p-oc-date-list li {
  width: 40%;
}
@media screen and (max-width: 639px) {
  .p-oc-event--green .p-oc-date-list li {
    width: 100%;
  }
}
.p-oc-event--pink.p-oc-event__box {
  background: repeating-linear-gradient(-45deg, #ffe1f0 0 5px, #fff 5px 10px);
  -webkit-box-shadow: 5px 5px 0 #f2397a;
          box-shadow: 5px 5px 0 #f2397a;
  border: 2px solid #f2397a;
  margin-right: 10px;
}
@media screen and (max-width: 639px) {
  .p-oc-event--pink.p-oc-event__box {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.p-oc-event--pink .p-oc-event__title {
  background-color: #f2397a;
}
.p-oc-event--pink .p-oc-event__title::after {
  border-left: 5px dotted #f2397a;
}
.p-oc-event--pink .p-oc-date-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.p-oc-event--pink .p-oc-date-list li {
  width: 40%;
}
@media screen and (max-width: 639px) {
  .p-oc-event--pink .p-oc-date-list li {
    width: 100%;
  }
}

.oc-event-subtitle {
  position: relative;
  font-size: 30px;
  padding: 0.25em 1em;
  display: inline-block;
  top: 0;
  color: #22ac38;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 639px) {
  .oc-event-subtitle {
    font-size: 25px;
    letter-spacing: 0.02em;
    text-align: center;
  }
}
.oc-event-subtitle--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.oc-event-subtitle::before, .oc-event-subtitle::after {
  position: absolute;
  top: 0;
  content: "";
  width: 8px;
  height: 100%;
  display: inline-block;
}
.oc-event-subtitle::before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
.oc-event-subtitle::after {
  content: "";
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}

/* page */
/* subject-txt
------------------------------------------------------*/
.subject-txt--md {
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .subject-txt--md {
    font-size: 14px;
  }
}
.subject-txt--sm {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-txt--sm {
    font-size: 12px;
  }
}
.subject-txt--xs {
  font-size: 12px;
}
@media screen and (max-width: 639px) {
  .subject-txt--xs {
    font-size: 10px;
  }
}

/* subject-cltype
------------------------------------------------------*/
.subject-cltype01--txt {
  color: #E95377;
}
.subject-cltype01--bg {
  background: rgba(233, 83, 119, 0.2);
}

.subject-cltype02--txt {
  color: rgb(128, 110, 176);
}
.subject-cltype02--bg {
  background: rgba(128, 110, 176, 0.2);
}

.subject-cltype03--txt {
  color: rgb(38, 171, 227);
}
.subject-cltype03--bg {
  background: rgba(38, 171, 227, 0.2);
}

/* subject-mt
------------------------------------------------------*/
.subject-mt--md {
  margin-top: 80px !important;
}
@media screen and (max-width: 639px) {
  .subject-mt--md {
    margin-top: 60px !important;
  }
}
.subject-mt--sm {
  margin-top: 60px !important;
}
@media screen and (max-width: 639px) {
  .subject-mt--sm {
    margin-top: 40px !important;
  }
}
.subject-mt--xs {
  margin-top: 30px !important;
}
@media screen and (max-width: 639px) {
  .subject-mt--xs {
    margin-top: 20px !important;
  }
}

/* subject-txt
------------------------------------------------------*/
.subject-content--sp80 {
  max-width: 600px;
}
@media screen and (max-width: 639px) {
  .subject-content--sp80 {
    width: 80%;
  }
}

.subject-lead,
.subject-timetable,
.subject--student {
  padding: 60px 0;
}
@media screen and (max-width: 639px) {
  .subject-lead,
  .subject-timetable,
  .subject--student {
    padding: 40px 0;
  }
}

.subject--point,
.subject-curriculum,
.subject-teacher {
  padding: 0 0 80px;
}
@media screen and (max-width: 639px) {
  .subject--point,
  .subject-curriculum,
  .subject-teacher {
    padding: 0 0 60px;
  }
}

.subject-result {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (max-width: 639px) {
  .subject-result {
    margin: 0 auto;
  }
}
.article--trimming .subject-result {
  background: url(img/trimming-result-bg.png);
}
.article--cat .subject-result {
  background: url(img/cat-result-bg.png);
}
.article--care .subject-result {
  background: url(img/care-result-bg.png);
}
.article--trainer .subject-result {
  background: url(img/trainer-result-bg.png);
}
.article--prodogtrainer .subject-result {
  background: url(img/prodogtrainer-result-bg.png);
}
.article--breeding .subject-result {
  background: url(img/breeding-result-bg.png);
}
.article--breed .subject-result {
  background: url(img/breed-result-bg.png);
}
.article--aqua .subject-result {
  background: url(img/aqua-result-bg.png);
}

.subject-mezasu,
.subject-offer,
.subject-blog {
  padding: 60px 0 80px;
}
@media screen and (max-width: 639px) {
  .subject-mezasu,
  .subject-offer,
  .subject-blog {
    padding: 40px 0 60px;
  }
}
.subject-mezasu--bra,
.subject-offer--bra,
.subject-blog--bra {
  background: #eff0f7;
  margin-bottom: 60px;
}

.subject-graduate {
  padding: 40px 0 60px;
  margin: 0 auto 80px;
}
@media screen and (max-width: 639px) {
  .subject-graduate {
    padding: 20px 0 40px;
    margin: 0 auto 60px;
  }
}

.subject-opencampus,
.subject-movie {
  padding: 0 0 60px;
}
@media screen and (max-width: 639px) {
  .subject-opencampus,
  .subject-movie {
    padding: 0 0 40px;
  }
}

/* subject-box
----------------------------------------------- */
/* subject-bgtit
----------------------------------------------- */
.subject-bgtit1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 40px 0;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .subject-bgtit1 {
    padding: 20px 0;
  }
}
.article--trimming .subject-bgtit1 {
  background: url(img/trimming-tit-bg.png) top center;
}
.article--cat .subject-bgtit1 {
  background: url(img/cat-tit-bg.png) top center;
}
.article--care .subject-bgtit1 {
  background: url(img/care-tit-bg.png) top center;
}
.article--trainer .subject-bgtit1 {
  background: url(img/trainer-tit-bg.png) top center;
}
.article--prodogtrainer .subject-bgtit1 {
  background: url(img/prodogtrainer-tit-bg.png) top center;
}
.article--breeding .subject-bgtit1 {
  background: url(img/breeding-tit-bg.png) top center;
}
.article--breed .subject-bgtit1 {
  background: url(img/breed-tit-bg.png) top center;
}
.article--aqua .subject-bgtit1 {
  background: url(img/aqua-tit-bg.png) top center;
}

.subject-bgtit2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 40px 0;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .subject-bgtit2 {
    padding: 20px 0;
  }
}
.article--trimming .subject-bgtit2 {
  background: url(img/trimming-bg-tit.png) top center;
}
.article--cat .subject-bgtit2 {
  background: url(img/cat-bg-tit.png) top center;
}
.article--care .subject-bgtit2 {
  background: url(img/care-bg-tit.png) top center;
}
.article--trainer .subject-bgtit2 {
  background: url(img/trainer-bg-tit.png) top center;
}
.article--prodogtrainer .subject-bgtit2 {
  background: url(img/prodogtrainer-bg-tit.png) top center;
}
.article--breeding .subject-bgtit2 {
  background: url(img/breeding-bg-tit.png) top center;
}
.article--breed .subject-bgtit2 {
  background: url(img/breed-bg-tit.png) top center;
}
.article--aqua .subject-bgtit2 {
  background: url(img/aqua-bg-tit.png) top center;
}

/* subject-lead
----------------------------------------------- */
.subject-lead {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.subject-lead__tit {
  font-weight: bold;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .subject-lead__tit {
    font-size: 18px;
  }
}
.article--trimming .subject-lead__tit {
  color: #ee86a7;
}
.article--cat .subject-lead__tit {
  color: #ba79a5;
}
.article--care .subject-lead__tit {
  color: #238ACC;
}
.article--trainer .subject-lead__tit {
  color: #86992A;
}
.article--prodogtrainer .subject-lead__tit {
  color: #5085c5;
}
.article--breeding .subject-lead__tit {
  color: #E76003;
}
.article--breed .subject-lead__tit {
  color: #f29839;
}
.article--aqua .subject-lead__tit {
  color: #5F67AE;
}
.subject-lead__txt {
  margin-right: auto;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/* subject-point
----------------------------------------------- */
.subject-point .subject-bgtit1 {
  margin-bottom: 20px;
}
.subject-point__tit {
  text-align: center;
  margin: 0 auto 20px;
  font-weight: bold;
  font-size: 22px;
  max-width: 540px;
}
@media screen and (max-width: 639px) {
  .subject-point__tit {
    width: 90%;
    margin: auto auto 15px auto;
    font-size: 18px;
  }
}
.subject-point__tit--bt {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 3px dotted #008039;
}
@media screen and (max-width: 639px) {
  .subject-point__tit--bt {
    margin-top: 25px;
    padding-top: 25px;
  }
}
.subject-point__tit span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 80px);
  font-weight: bold;
  padding-bottom: 0.15em;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .subject-point__tit span {
    font-size: 18px;
  }
}
@media screen and (max-width: 639px) {
  .subject-point__tit span {
    width: calc(100% - 65px);
  }
}
.subject-point__titimg {
  width: 80px;
}
@media screen and (max-width: 639px) {
  .subject-point__titimg {
    width: 65px;
  }
}
.article--trimming .subject-point__tit {
  color: #ee86a7;
}
.article--trimming .subject-point__tit--bt {
  border-top-color: #ee86a7;
}
.article--cat .subject-point__tit {
  color: #ba79a5;
}
.article--cat .subject-point__tit--bt {
  border-top-color: #ba79a5;
}
.article--care .subject-point__tit {
  color: #238ACC;
}
.article--care .subject-point__tit--bt {
  border-top-color: #238ACC;
}
.article--trainer .subject-point__tit {
  color: #86992A;
}
.article--trainer .subject-point__tit--bt {
  border-top-color: #86992A;
}
.article--prodogtrainer .subject-point__tit {
  color: #5085c5;
}
.article--prodogtrainer .subject-point__tit--bt {
  border-top-color: #5085c5;
}
.article--breeding .subject-point__tit {
  color: #E76003;
}
.article--breeding .subject-point__tit--bt {
  border-top-color: #E76003;
}
.article--breed .subject-point__tit {
  color: #f29839;
}
.article--breed .subject-point__tit--bt {
  border-top-color: #f29839;
}
.article--aqua .subject-point__tit {
  color: #5F67AE;
}
.article--aqua .subject-point__tit--bt {
  border-top-color: #5F67AE;
}

/* subject-box01
----------------------------------------------- */
.subject-box01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 639px) {
  .subject-box01 {
    width: 90%;
  }
}
.subject-box01__img--wrap {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .subject-box01__img--wrap {
    width: 100%;
  }
}
.subject-box01__body {
  width: 50%;
  margin-top: 20px;
}
@media screen and (max-width: 639px) {
  .subject-box01__body {
    width: 100%;
  }
}

/* subject-box02
----------------------------------------------- */
.subject-box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 639px) {
  .subject-box02 {
    width: 90%;
  }
}
.subject-box02__item {
  width: 100%;
}
@media screen and (max-width: 639px) {
  .subject-box02__item {
    width: 100%;
  }
}
.subject-box02__item--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 20px;
}
@media screen and (max-width: 639px) {
  .subject-box02__item--flex {
    padding-left: 0;
  }
}
.subject-box02__body {
  width: 50%;
}
.subject-box02__img {
  width: 100%;
  height: auto;
}
.subject-box02__img--wrap {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .subject-box02__img--wrap {
    width: 100%;
  }
}
.subject-box02__body {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .subject-box02__body {
    margin-top: 20px;
    width: 100%;
  }
}
.subject-box02__spec {
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .subject-box02__spec {
    margin-top: 10px;
  }
}
.subject-box02__name {
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .subject-box02__name {
    margin-top: 10px;
  }
}

/* subject-box03
----------------------------------------------- */
.subject-box03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 639px) {
  .subject-box03 {
    width: 100%;
  }
}
.subject-box03__pop {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 15px;
  min-width: 120px;
  max-width: 50%;
  color: #555;
  font-size: 16px;
  background: #F9F9F9;
  border-radius: 15px;
}
@media screen and (max-width: 639px) {
  .subject-box03__pop {
    font-size: 12px;
    width: 90%;
    max-width: 80%;
  }
}
.subject-box03__pop::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #F9F9F9;
}
.subject-box03__item {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .subject-box03__item {
    width: 100%;
  }
}
.subject-box03__item--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 20px;
}
@media screen and (max-width: 639px) {
  .subject-box03__item--flex {
    padding-left: 0;
  }
}
.subject-box03__body {
  width: 50%;
}
.subject-box03__img {
  width: 100%;
  height: auto;
}
.subject-box03__img--wrap {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .subject-box03__img--wrap {
    width: 100%;
  }
}
.subject-box03__body {
  width: 50%;
}
@media screen and (max-width: 639px) {
  .subject-box03__body {
    margin-top: 20px;
    width: 100%;
  }
}
.subject-box03__spec {
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .subject-box03__spec {
    margin-top: 10px;
  }
}
.subject-box03__name {
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .subject-box03__name {
    margin-top: 10px;
  }
}
@media screen and (max-width: 639px) {
  .subject-box03__list li {
    font-size: 10px !important;
  }
}
.subject-box03__topics {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 540px;
  margin: 10px auto 60px;
}
@media screen and (max-width: 639px) {
  .subject-box03__topics {
    font-size: 10px;
    max-width: 100%;
    padding: 0 8vw;
  }
}

.article--trimming .subject-box03__pop {
  background: #ffdde8;
}
.article--trimming .subject-box03__pop::before {
  border-top: 15px solid #ffdde8;
}

.article--cat .subject-box03__pop {
  background: #f0dcea;
}
.article--cat .subject-box03__pop::before {
  border-top: 15px solid #f0dcea;
}

.article--care .subject-box03__pop {
  background: #e1f6fc;
}
.article--care .subject-box03__pop::before {
  border-top: 15px solid #e1f6fc;
}

.article--trainer .subject-box03__pop {
  background: #F8F7E1;
}
.article--trainer .subject-box03__pop::before {
  border-top: 15px solid #F8F7E1;
}

.article--prodogtrainer .subject-box03__pop {
  background: #e5eef8;
}
.article--prodogtrainer .subject-box03__pop::before {
  border-top: 15px solid #e5eef8;
}

.article--breeding .subject-box03__pop {
  background: #f7e2cd;
}
.article--breeding .subject-box03__pop::before {
  border-top: 15px solid #f7e2cd;
}

/* subject-btn
----------------------------------------------- */
.subject-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 639px) {
  .subject-btn {
    widows: 70%;
  }
}
.subject-btn__link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  text-align: center;
  border: 1px solid #888;
  background: #fff;
  border-radius: 9999px;
  padding: 15px calc(35px + 1em) 15px 35px;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .subject-btn__link {
    font-size: 14px;
  }
}
.subject-btn__link:link, .subject-btn__link:visited {
  color: #333;
}
@media screen and (max-width: 639px) {
  .subject-btn__link {
    padding: 15px 35px;
  }
}
.subject-btn__link::after {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 22px;
  color: #888;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.subject-btn__link--oc {
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(233, 83, 119)), to(rgb(255, 141, 70)));
  background-image: linear-gradient(90deg, rgb(233, 83, 119), rgb(255, 141, 70));
  border: none;
}
.subject-btn__link--oc:link, .subject-btn__link--oc:visited {
  color: #fff;
}
.subject-btn__link--oc::after {
  color: #fff;
}

/* subject-full
----------------------------------------------- */
.subject-full {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.article--trimming .subject-full__bg1 {
  background: #fdf0f3;
}
.article--cat .subject-full__bg1 {
  background: #f8f1f7;
}
.article--care .subject-full__bg1 {
  background: #e9f6fc;
}
.article--trainer .subject-full__bg1 {
  background: #f3f5e9;
}
.article--prodogtrainer .subject-full__bg1 {
  background: #d9eaff;
}
.article--breeding .subject-full__bg1 {
  background: #fdefe5;
}
.article--breed .subject-full__bg1 {
  background: #fdefe5;
}
.article--aqua .subject-full__bg1 {
  background: #eff0f7;
}
.article--trimming .subject-full__bg2 {
  background: url(img/trimming-bg-tit.png);
}
.article--cat .subject-full__bg2 {
  background: url(img/cat-bg-tit.png);
}
.article--care .subject-full__bg2 {
  background: url(img/care-bg-tit.png);
}
.article--trainer .subject-full__bg2 {
  background: url(img/trainer-bg-tit.png);
}
.article--prodogtrainer .subject-full__bg2 {
  background: url(img/prodogtrainer-bg-tit.png);
}
.article--breeding .subject-full__bg2 {
  background: url(img/breeding-bg-tit.png);
}
.article--breed .subject-full__bg2 {
  background: url(img/breed-bg-tit.png);
}
.article--aqua .subject-full__bg2 {
  background: url(img/aqua-bg-tit.png);
}
.article--trimming .subject-full__bg3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#ee86a7), color-stop(20%, #fdf0f3), to(#fdf0f3));
  background: linear-gradient(#ee86a7 0%, #fdf0f3 20%, #fdf0f3 100%);
}
.article--cat .subject-full__bg3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#ba79a5), color-stop(20%, #f8f1f7), to(#f8f1f7));
  background: linear-gradient(#ba79a5 0%, #f8f1f7 20%, #f8f1f7 100%);
}
.article--care .subject-full__bg3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#26ABE3), color-stop(20%, #e9f6fc), to(#e9f6fc));
  background: linear-gradient(#26ABE3 0%, #e9f6fc 20%, #e9f6fc 100%);
}
.article--trainer .subject-full__bg3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#86992A), color-stop(20%, #f3f5e9), to(#f3f5e9));
  background: linear-gradient(#86992A 0%, #f3f5e9 20%, #f3f5e9 100%);
}
.article--breeding .subject-full__bg3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#E76003), color-stop(20%, #fdefe5), to(#fdefe5));
  background: linear-gradient(#E76003 0%, #fdefe5 20%, #fdefe5 100%);
}
.article--breed .subject-full__bg3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#26ABE3), color-stop(20%, #D1EAFF), to(#D1EAFF));
  background: linear-gradient(#26ABE3 0%, #D1EAFF 20%, #D1EAFF 100%);
}
.article--aqua .subject-full__bg3 {
  background: -webkit-gradient(linear, left top, left bottom, from(#26ABE3), color-stop(20%, #D1EAFF), to(#D1EAFF));
  background: linear-gradient(#26ABE3 0%, #D1EAFF 20%, #D1EAFF 100%);
}

/* subject-result
----------------------------------------------- */
.subject-result__content {
  margin-right: auto;
  margin-left: auto;
  width: 600px;
}
@media screen and (max-width: 639px) {
  .subject-result__content {
    width: 90%;
  }
}
.subject-result__body {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 40px;
}
@media screen and (max-width: 639px) {
  .subject-result__body {
    width: 80%;
  }
}
.subject-result__number {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (max-width: 639px) {
  .subject-result__number {
    margin-top: 0;
  }
}
.subject-result__numberitem {
  text-align: center;
}
.subject-result__numberitem img {
  width: 100%;
  height: auto;
}
.subject-result__morebtn {
  width: 100%;
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  text-align: center;
  border: 1px solid #888;
  background: #fff;
  border-radius: 9999px;
  padding: 10px calc(10px + 1em) 10px 10px;
  margin-top: 15px;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .subject-result__morebtn {
    font-size: 14px;
  }
}
.subject-result__morebtn:link, .subject-result__morebtn:visited {
  color: #333;
}
@media screen and (max-width: 639px) {
  .subject-result__morebtn {
    padding: 10px 35px;
  }
}
.subject-result__morebtn::after {
  display: inline-block;
  font-family: "ElegantIcons";
  content: "L";
  font-size: 22px;
  color: #888;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.article--care .subject-result .subject-result__numberitem:nth-child(1) {
  width: 45%;
}
.article--care .subject-result .subject-result__numberitem:nth-child(2) {
  width: 50%;
}
.article--care .subject-result .subject-result__subtit {
  width: 500px;
  height: auto;
  margin: 40px auto 20px;
}
.article--care .subject-result .subject-result__subtit img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 639px) {
  .article--care .subject-result .subject-result__subtit {
    width: 90%;
    margin: 20px auto;
  }
}
.article--trimming .subject-result .subject-result__numberitem:nth-child(1) {
  width: 45%;
}
.article--trimming .subject-result .subject-result__numberitem:nth-child(2) {
  width: 50%;
}
.article--cat .subject-result .subject-result__numberitem:nth-child(1) {
  width: 45%;
}
.article--cat .subject-result .subject-result__numberitem:nth-child(2) {
  width: 50%;
}
.article--trainer .subject-result .subject-result__numberitem:nth-child(1) {
  width: 48%;
}
.article--trainer .subject-result .subject-result__numberitem:nth-child(2) {
  width: 48%;
}
.article--breeding .subject-result .subject-result__numberitem:nth-child(1) {
  width: 45%;
}
.article--breeding .subject-result .subject-result__numberitem:nth-child(2) {
  width: 50%;
}
.article--aqua .subject-result .subject-result__numberitem:nth-child(1) {
  width: 48%;
}
.article--aqua .subject-result .subject-result__numberitem:nth-child(2) {
  width: 48%;
}
.subject-result__tit {
  font-weight: bold;
  margin: 25px 0 15px;
}
@media screen and (max-width: 639px) {
  .subject-result__tit {
    font-size: 14px;
    margin: 0 0 10px;
  }
}
.article--trimming .subject-result__tit {
  color: #ee86a7;
}
.article--cat .subject-result__tit {
  color: #ba79a5;
}
.article--care .subject-result__tit {
  color: #26ABE3;
}
.article--trainer .subject-result__tit {
  color: #86992A;
}
.article--prodogtrainer .subject-result__tit {
  color: #5085c5;
}
.article--breeding .subject-result__tit {
  color: #E76003;
}
.article--breed .subject-result__tit {
  color: #f29839;
}
.article--aqua .subject-result__tit {
  color: #5F67AE;
}
.subject-result__infobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .subject-result__infobox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.subject-result__item {
  width: 48%;
}
@media screen and (max-width: 639px) {
  .subject-result__item {
    width: 100%;
  }
  .subject-result__item + .subject-result__item {
    margin-top: 20px;
  }
}
.subject-result__list {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-result__list {
    font-size: 12px;
  }
}
.subject-result__subtit {
  text-align: center;
  font-weight: bold;
  margin: 20px 0;
}
@media screen and (max-width: 639px) {
  .subject-result__subtit {
    font-size: 18px;
  }
}

/* subject-curriculum
----------------------------------------------- */
.subject-curriculum__hr {
  width: 90%;
  margin: 0 auto;
  border: 0;
  border-top: 1px solid #ccc;
}
.subject-curriculum__checktit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px auto 20px;
  width: 600px;
  font-weight: bold;
  padding: 7px 0;
  border-radius: 9999px;
  color: #fff;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__checktit {
    width: 90%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 40px auto 20px;
    padding: 5px;
  }
}
.subject-curriculum__checktit--01 {
  background: -webkit-gradient(linear, left top, right top, from(#ED9D7B), to(#E46A82));
  background: linear-gradient(to right, #ED9D7B, #E46A82);
}
.subject-curriculum__checktit--02 {
  background: -webkit-gradient(linear, left top, right top, from(#C56D9F), to(#635BA2));
  background: linear-gradient(to right, #C56D9F, #635BA2);
}
.subject-curriculum__checktit--03 {
  background: -webkit-gradient(linear, left top, right top, from(#58AFD6), to(#3282B8));
  background: linear-gradient(to right, #58AFD6, #3282B8);
}
.subject-curriculum__checktit--special {
  text-align: center;
  border-top: 1px solid #ccc;
  padding-top: 40px;
}
.subject-curriculum__checktit div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 60px);
  margin-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__checktit div {
    width: calc(100% - 33px);
  }
}
.subject-curriculum__checktit div span {
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__checktit div span {
    font-size: 18px;
  }
}
.subject-curriculum__checktitimg {
  width: 60px;
  height: auto;
  margin: -22px 0 0 15px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__checktitimg {
    width: 33px;
    margin: -18px 0 0 15px;
  }
}
@media screen and (max-width: 639px) {
  .subject-curriculum__checktit--line2 .subject-curriculum__checktitimg {
    margin-top: -45px;
  }
}
.subject-curriculum__checktitimg--special {
  height: 110px;
  width: auto;
  margin: 0 auto;
}
.subject-curriculum__box {
  width: 600px;
  margin: 20px auto 0;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__box {
    width: 90%;
    margin: 20px auto 0;
  }
}
.subject-curriculum__box--ch01 {
  padding-bottom: 40px;
}
.subject-curriculum__box--ch01 .subject-curriculum__classname {
  color: #E95377;
  border-bottom: 3px dotted #E95377;
}
.subject-curriculum__box--ch02 {
  padding-bottom: 40px;
}
.subject-curriculum__box--ch02 .subject-curriculum__classname {
  color: #806EB0;
  border-bottom: 3px dotted #806EB0;
}
.subject-curriculum__box--ch03 .subject-curriculum__classname {
  color: #26ABE3;
  border-bottom: 3px dotted #26ABE3;
}
.subject-curriculum__box--special .subject-curriculum__catch {
  color: #6CBB5A;
}
.subject-curriculum__box--special .subject-curriculum__voicetit {
  background: #82CDDB;
  color: #fff;
  font-weight: bold;
  border-radius: 999px;
  padding: 5px 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 30px auto 0;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.subject-curriculum__box--special .subject-curriculum__voicetit::after {
  position: absolute;
  bottom: -12px;
  left: 50%;
  content: "";
  border-width: 15px 15px 2px 15px;
  border-style: solid;
  border-color: #82CDDB transparent transparent transparent;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 639px) {
  .subject-curriculum__box + .subject-curriculum__checktit {
    margin-top: 40px;
  }
}
.subject-curriculum__item + .subject-curriculum__item {
  margin-top: 40px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__item + .subject-curriculum__item {
    margin-top: 40px;
  }
}
@media screen and (max-width: 639px) {
  .subject-curriculum__item {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
.subject-curriculum__visual {
  position: relative;
}
.subject-curriculum__class {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0 0;
  font-weight: bold;
  text-align: center;
}
.subject-curriculum__class + .subject-curriculum__txt {
  margin-top: 25px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__class + .subject-curriculum__txt {
    margin-top: 10px;
  }
}
.subject-curriculum__classname {
  padding-bottom: 10px;
  font-size: 18px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__classname {
    font-size: 16px;
  }
}
.subject-curriculum__img {
  max-width: 100%;
  height: auto;
}
.subject-curriculum__badge {
  position: absolute;
  right: 0;
  top: -20px;
}
.subject-curriculum__catch {
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
  display: block;
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__catch {
    font-size: 14px;
  }
}
.subject-curriculum__txt {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__txt {
    font-size: 12px;
  }
}
.subject-curriculum__txt--voice {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px 15px 15px 15px;
  border-radius: 10px;
  margin-top: -10px;
  background: #FFF8EC;
}
.subject-curriculum__classbox {
  width: 600px;
  margin: 50px auto 0;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__classbox {
    width: 90%;
    margin: 20px auto 0;
  }
}
.subject-curriculum__classitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.subject-curriculum__classitem + .subject-curriculum__classitem {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__classitem + .subject-curriculum__classitem {
    margin-top: 20px;
  }
}
.subject-curriculum__classimg {
  width: 100%;
  height: auto;
}
.subject-curriculum__classimg--wrap {
  width: 48%;
}
.subject-curriculum__classbody {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 48%;
}
.subject-curriculum__classtit {
  font-weight: bold;
  font-size: 16px;
  color: #26ABE3;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__classtit {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.subject-curriculum__classtxt {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-curriculum__classtxt {
    font-size: 12px;
  }
}
.article--trimming .subject-curriculum {
  margin-top: 60px;
}
.article--trimming .subject-curriculum .subject-curriculum__box--ch01 .subject-curriculum__txt {
  margin-top: 25px;
}
.article--trimming .subject-curriculum .subject-curriculum__box--ch03 .subject-curriculum__txt {
  margin-top: 25px;
}
.article--cat .subject-curriculum {
  margin-top: 60px;
}
.article--cat .subject-curriculum .subject-curriculum__box--ch03 .subject-curriculum__txt {
  margin-top: 25px;
}
.article--trainer .subject-curriculum {
  margin-top: 60px;
}
.article--trainer .subject-curriculum .subject-curriculum__box--ch03 .subject-curriculum__txt {
  margin-top: 25px;
}
.article--breeding .subject-curriculum {
  margin-top: 60px;
}
.article--breeding .subject-curriculum .subject-curriculum__box--ch03 .subject-curriculum__txt {
  margin-top: 25px;
}

.subject-kougai__tit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 40px 0;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .subject-kougai__tit {
    padding: 20px 0;
  }
}
.subject-kougai--tri .subject-kougai__tit {
  background: url(img/tri-bg-tit.png) top center;
}
.subject-kougai--cat .subject-kougai__tit {
  background: url(img/cat-bg-tit.png) top center;
}
.subject-kougai--cre .subject-kougai__tit {
  background: url(img/cre-bg-tit.png) top center;
}
.subject-kougai--dog .subject-kougai__tit {
  background: url(img/dog-bg-tit.png) top center;
}
.subject-kougai--pdg .subject-kougai__tit {
  background: url(img/pdg-bg-tit.png) top center;
}
.subject-kougai--brd .subject-kougai__tit {
  background: url(img/brd-bg-tit.png) top center;
}
.subject-kougai--brb .subject-kougai__tit {
  background: url(img/brb-bg-tit.png) top center;
}
.subject-kougai--bra .subject-kougai__tit {
  background: url(img/bra-bg-tit.png) top center;
}
.subject-kougai--all .subject-kougai__tit {
  background: url(img/all-bg-tit.png) top center;
}

/* subject-timetable
----------------------------------------------- */
.subject-timetable__title {
  font-weight: bold;
  text-align: center;
  font-size: 25px;
}
@media screen and (max-width: 639px) {
  .subject-timetable__title {
    font-size: 20px;
  }
}
.article--trimming .subject-timetable__title {
  color: #ee86a7;
}
.article--cat .subject-timetable__title {
  color: #ba79a5;
}
.article--care .subject-timetable__title {
  color: #26ABE3;
}
.article--trainer .subject-timetable__title {
  color: #86992A;
}
.article--prodogtrainer .subject-timetable__title {
  color: #5085c5;
}
.article--breeding .subject-timetable__title {
  color: #E76003;
}
.article--breed .subject-timetable__title {
  color: #f29839;
}
.article--aqua .subject-timetable__title {
  color: #5F67AE;
}
.subject-timetable__table {
  max-width: 1080px;
  margin: 20px auto;
  border-collapse: collapse;
}
@media screen and (max-width: 639px) {
  .subject-timetable__table {
    width: 90%;
  }
}
.subject-timetable__table th,
.subject-timetable__table td {
  padding: 5px;
  border: 1px solid #888;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .subject-timetable__table th,
  .subject-timetable__table td {
    padding: 3px;
    font-size: 10px;
    line-height: 1.3;
  }
}
.subject-timetable__table th {
  background: #f7f7f7;
}
.subject-timetable__table td {
  background: #fff;
}
.subject-timetable__time {
  width: 7%;
}
.subject-timetable__day {
  width: 17%;
}

/* subject-mezasu
----------------------------------------------- */
.subject-mezasu__tit {
  color: #238ACC;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .subject-mezasu__tit {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.subject-mezasu__box {
  max-width: 1080px;
  margin: 30px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .subject-mezasu__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
    margin: 20px auto 0;
  }
}
.subject-mezasu__img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.subject-mezasu__img--wrap {
  width: 40%;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .subject-mezasu__img--wrap {
    margin-bottom: 20px;
    width: 100%;
  }
}
.subject-mezasu__body {
  width: 60%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
@media screen and (max-width: 639px) {
  .subject-mezasu__body {
    width: 100%;
    font-size: 12px;
    padding-left: 0;
  }
}

/* subject-chart
----------------------------- */
.subject-chart__lead {
  margin: 20px auto;
  max-width: 1080px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 639px) {
  .subject-chart__lead {
    width: 80%;
  }
}
.subject-chart__checktit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 40px auto 20px;
  width: 500px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .subject-chart__checktit {
    width: 90%;
    margin: 40px auto 30px;
  }
}
.subject-chart__checktit--01 {
  color: #E95377;
}
.subject-chart__checktit--02 {
  color: #806EB0;
}
.subject-chart__checktit--03 {
  color: #26ABE3;
}
.subject-chart__checktit div {
  width: calc(100% - 85px);
  margin-left: 20px;
}
.subject-chart__checktit div span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFF33F));
  background: linear-gradient(transparent 60%, #FFF33F 60%);
  padding-bottom: 0.15em;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .subject-chart__checktit div span {
    font-size: 18px;
  }
}
.subject-chart__checktitimg {
  width: 65px;
  height: auto;
}
.subject-chart__box {
  width: 500px;
  margin: 20px auto 0;
}
@media screen and (max-width: 639px) {
  .subject-chart__box {
    width: 90%;
    margin: 20px auto 0;
  }
}
.subject-chart__box--ch01 {
  padding-bottom: 40px;
}
.subject-chart__box--ch01 .subject-chart__class {
  background: rgba(233, 83, 119, 0.2);
}
.subject-chart__box--ch01 .subject-chart__catch {
  color: #E95377;
}
.subject-chart__box--ch02 {
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
.subject-chart__box--ch02 .subject-chart__class {
  background: rgba(128, 110, 176, 0.2);
}
.subject-chart__box--ch02 .subject-chart__catch {
  color: #806EB0;
}
.subject-chart__box--ch03 .subject-chart__class {
  background: rgba(38, 171, 227, 0.2);
}
.subject-chart__box--ch03 .subject-chart__catch {
  color: #26ABE3;
}
@media screen and (max-width: 639px) {
  .subject-chart__box + .subject-chart__checktit {
    margin-top: 40px;
  }
}
.subject-chart__item {
  margin-top: 30px;
}
.subject-chart__item + .subject-chart__item::before {
  content: "▼";
  color: #E95377;
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .subject-chart__item + .subject-chart__item {
    margin-top: 30px;
  }
}
@media screen and (max-width: 639px) {
  .subject-chart__item {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
.subject-chart__visual {
  position: relative;
}
.subject-chart__class {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 0;
  background: rgba(233, 83, 119, 0.2);
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 639px) {
  .subject-chart__class {
    font-size: 16px;
  }
}
.subject-chart__img {
  max-width: 100%;
  height: auto;
  border-radius: 0 0 10px 10px;
}
.subject-chart__badge {
  position: absolute;
  right: 0;
  top: -20px;
}
.subject-chart__catch {
  text-align: center;
  font-weight: bold;
  margin: 15px 0 15px;
}
.subject-chart__txt {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-chart__txt {
    font-size: 12px;
  }
}
.subject-chart__classbox {
  width: 600px;
  margin: 50px auto 0;
}
@media screen and (max-width: 639px) {
  .subject-chart__classbox {
    width: 90%;
    margin: 20px auto 0;
  }
}
.subject-chart__classitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.subject-chart__classitem + .subject-chart__classitem {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .subject-chart__classitem + .subject-chart__classitem {
    margin-top: 20px;
  }
}
.subject-chart__classimg {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.subject-chart__classimg--wrap {
  width: 48%;
}
.subject-chart__classbody {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 48%;
}
.subject-chart__classtit {
  font-weight: bold;
  font-size: 16px;
  color: #26ABE3;
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .subject-chart__classtit {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.subject-chart__classtxt {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-chart__classtxt {
    font-size: 12px;
  }
}

.article--trimming .subject-chart,
.article--cat .subject-chart,
.article--breeding .subject-chart,
.article--aqua .subject-chart {
  margin-top: 60px;
}
@media screen and (max-width: 639px) {
  .article--trimming .subject-chart,
  .article--cat .subject-chart,
  .article--breeding .subject-chart,
  .article--aqua .subject-chart {
    margin-top: 60px;
  }
}

/* subject-student
----------------------------------------------- */
.subject-student {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0;
}
.subject-student__titimg--wrap {
  position: relative;
  z-index: 1;
  margin: 0 auto -50px;
  padding-left: 30px;
  max-width: 1080px;
}

/* subject-graduate
----------------------------------------------- */
.subject-graduate__titimg--wrap {
  text-align: center;
  margin-bottom: 20px;
}

/* subject-teacher
----------------------------------------------- */
.subject-teacher {
  margin-top: 60px;
}
.subject-teacher__titimg--wrap {
  text-align: center;
  margin-bottom: 20px;
}
.subject-teacher__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1080px;
  margin: 20px auto 0;
}
@media screen and (max-width: 639px) {
  .subject-teacher__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.subject-teacher__item {
  width: 25%;
}
@media screen and (max-width: 639px) {
  .subject-teacher__item {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.subject-teacher__item + .subject-teacher__item {
  margin-left: 30px;
}
@media screen and (max-width: 639px) {
  .subject-teacher__item + .subject-teacher__item {
    margin-left: auto;
    margin-top: 40px;
  }
}
.subject-teacher__img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
}
.subject-teacher__img--wrap {
  margin: 0 auto 10px;
  width: 200px;
}
@media screen and (max-width: 639px) {
  .subject-teacher__img--wrap {
    text-align: center;
    margin: 0 auto 10px;
    width: 160px;
  }
}
.subject-teacher__name {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .subject-teacher__name {
    font-size: 16px;
  }
}
.subject-teacher__spec {
  text-align: center;
  margin-bottom: 10px;
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-teacher__spec {
    font-size: 12px;
  }
}
.subject-teacher__tit {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 16px;
}
@media screen and (max-width: 639px) {
  .subject-teacher__tit {
    font-size: 14px;
  }
}
.subject-teacher__txt {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-teacher__txt {
    font-size: 12px;
  }
}
.article--trimming .subject-teacher__tit {
  color: #ee86a7;
}
.article--cat .subject-teacher__tit {
  color: #ba79a5;
}
.article--care .subject-teacher__tit {
  color: #26ABE3;
}
.article--trainer .subject-teacher__tit {
  color: #86992A;
}
.article--prodogtrainer .subject-teacher__tit {
  color: #5085c5;
}
.article--breeding .subject-teacher__tit {
  color: #E76003;
}
.article--breed .subject-teacher__tit {
  color: #f29839;
}
.article--aqua .subject-teacher__tit {
  color: #5F67AE;
}

/* subject-opencampus
----------------------------------------------- */
.subject-opencampus {
  background: #FFF8FA;
}
.subject-opencampus__maintitimg--wrap {
  padding: 20px 0;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(233, 83, 119)), to(rgb(255, 141, 70)));
  background-image: linear-gradient(90deg, rgb(233, 83, 119), rgb(255, 141, 70));
}
.subject-opencampus__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1080px;
  margin: 20px auto 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .subject-opencampus__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 639px) {
  .subject-opencampus__item + .subject-opencampus__item {
    margin-top: 20px;
  }
}
.subject-opencampus__item--tit {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.subject-opencampus__item--tit img {
  border-radius: 10px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 639px) {
  .subject-opencampus__item--tit {
    margin-top: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
}
.subject-opencampus__item--main {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 33%;
  text-align: center;
}
.subject-opencampus__item--main img {
  border-radius: 10px;
}
@media screen and (max-width: 639px) {
  .subject-opencampus__item--main {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 80%;
    margin: 0 auto;
  }
}
.subject-opencampus__item--infor {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
  width: 60%;
  margin: 20px auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 639px) {
  .subject-opencampus__item--infor {
    width: 80%;
    margin: 20px auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.subject-opencampus__item--sub1 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  width: 33%;
  text-align: center;
}
.subject-opencampus__item--sub1 img {
  border-radius: 10px;
}
@media screen and (max-width: 639px) {
  .subject-opencampus__item--sub1 {
    width: 80%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.subject-opencampus__item--sub2 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  width: 33%;
  text-align: center;
}
.subject-opencampus__item--sub2 img {
  border-radius: 10px;
}
@media screen and (max-width: 639px) {
  .subject-opencampus__item--sub2 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
.subject-opencampus__title--sub {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .subject-opencampus__title--sub {
    font-size: 16px;
  }
}
.subject-opencampus__content {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-opencampus__content {
    font-size: 12px;
  }
}

/* subject-movie
----------------------------------------------- */
.subject-movie .subject-bgtit1 {
  margin-bottom: 20px;
}

/* subject-msgbox
----------------------------------------------- */
.subject-msgbox {
  max-width: 1080px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .subject-msgbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
    margin: 20px auto;
  }
}
.subject-msgbox__img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.subject-msgbox__img--wrap {
  width: 40%;
}
@media screen and (max-width: 639px) {
  .subject-msgbox__img--wrap {
    width: 100%;
  }
}
.subject-msgbox__body {
  width: 60%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
}
@media screen and (max-width: 639px) {
  .subject-msgbox__body {
    width: 80%;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
  }
}
.subject-msgbox__tit {
  line-height: 1.5;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .subject-msgbox__tit {
    font-size: 18px;
  }
}
.subject-msgbox__name {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}
@media screen and (max-width: 639px) {
  .subject-msgbox__name {
    font-size: 16px;
  }
}
@media screen and (max-width: 639px) {
  .subject-msgbox__name {
    margin-bottom: 5px;
  }
}
.subject-msgbox__spec {
  margin-bottom: 30px;
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-msgbox__spec {
    font-size: 12px;
  }
}
@media screen and (max-width: 639px) {
  .subject-msgbox__spec {
    margin-bottom: 20px;
  }
}
.subject-msgbox__subtit {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-msgbox__subtit {
    font-size: 12px;
  }
}
@media screen and (max-width: 639px) {
  .subject-msgbox__subtit {
    margin-bottom: 10px;
  }
}
.subject-msgbox__txt {
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .subject-msgbox__txt {
    font-size: 12px;
  }
}
.article--trimming .subject-msgbox__tit {
  color: #ee86a7;
}
.article--trimming .subject-msgbox--bra .subject-msgbox__tit {
  color: #5F67AE;
}
.article--cat .subject-msgbox__tit {
  color: #ba79a5;
}
.article--cat .subject-msgbox--bra .subject-msgbox__tit {
  color: #5F67AE;
}
.article--care .subject-msgbox__tit {
  color: #238ACC;
}
.article--care .subject-msgbox--bra .subject-msgbox__tit {
  color: #5F67AE;
}
.article--trainer .subject-msgbox__tit {
  color: #86992A;
}
.article--trainer .subject-msgbox--bra .subject-msgbox__tit {
  color: #5F67AE;
}
.article--prodogtrainer .subject-msgbox__tit {
  color: #5085c5;
}
.article--prodogtrainer .subject-msgbox--bra .subject-msgbox__tit {
  color: #5F67AE;
}
.article--breeding .subject-msgbox__tit {
  color: #E76003;
}
.article--breeding .subject-msgbox--bra .subject-msgbox__tit {
  color: #5F67AE;
}
.article--breed .subject-msgbox__tit {
  color: #f29839;
}
.article--breed .subject-msgbox--bra .subject-msgbox__tit {
  color: #5F67AE;
}
.article--aqua .subject-msgbox__tit {
  color: #5F67AE;
}
.article--aqua .subject-msgbox--bra .subject-msgbox__tit {
  color: #5F67AE;
}

/* breed,aqua */
.p-breeding-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.p-breeding-nav__title {
  font-size: 30px;
  font-weight: bold;
}
.p-breeding-nav__title a {
  display: block;
  border-radius: 10px 10px 0 0;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  position: relative;
}
.p-breeding-nav__title a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "ElegantIcons";
  content: "5";
  font-size: 2rem;
}
.p-breeding-nav__title a:hover {
  opacity: 0.8;
}
.p-breeding-nav__catch {
  font-size: 1rem;
  margin: 10px 0;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .p-breeding-nav__catch {
    line-height: 1.3;
  }
}
.p-breeding-nav__item--breed .p-breeding-nav__title a {
  background: #f29839;
}
.p-breeding-nav__item--breed .p-breeding-nav__catch {
  color: #f29839;
}
.p-breeding-nav__item--aqua .p-breeding-nav__title a {
  background: #5F67AE;
}
.p-breeding-nav__item--aqua .p-breeding-nav__catch {
  color: #5F67AE;
}

/* school-animal */
.school-animal-toc {
  max-width: 1080px;
  width: 100%;
  margin: 50px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1095px) {
  .school-animal-toc {
    padding: 0 20px;
  }
}
@media screen and (max-width: 639px) {
  .school-animal-toc {
    margin: 30px auto;
  }
}
.school-animal-toc__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.school-animal-toc__item {
  width: calc(16% - 2px);
}
@media screen and (max-width: 639px) {
  .school-animal-toc__item {
    width: calc(32% - 5px);
  }
}
.school-animal-toc__item + .school-animal-toc__item {
  margin-left: 10px;
}
@media screen and (max-width: 639px) {
  .school-animal-toc__item:nth-child(4) {
    margin-left: 0;
  }
  .school-animal-toc__item:nth-child(n+4) {
    margin-top: 10px;
  }
}
.school-animal-toc__item a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  padding: 15px;
  text-align: center;
  color: #666;
  height: 100%;
  line-height: 1.2;
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 639px) {
  .school-animal-toc__item a {
    padding: 5px 5px 1.5em 5px;
    font-weight: normal;
    position: relative;
    font-size: 12px;
  }
}
.school-animal-toc__item a:hover {
  background: #f5fff2;
}
.school-animal-toc__item a:after {
  display: block;
  font-family: "ElegantIcons";
  content: "7";
  color: #b1eacc;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .school-animal-toc__item a:after {
    display: inline-block;
    font-size: 15px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.school-animal-toc__img {
  width: 100%;
  height: auto;
  border-radius: 999px;
}
.school-animal-toc__img--wrap {
  width: 100%;
  margin-bottom: 10px;
}

.school-animal-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.school-animal-list__item {
  width: calc(50% - 5px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 639px) {
  .school-animal-list__item {
    width: 100%;
  }
  .school-animal-list__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.school-animal-list__item:nth-child(n+3) {
  margin-top: 10px;
}
.school-animal-list__name {
  font-weight: bold;
  position: absolute;
  bottom: 10px;
  right: 10px;
  -webkit-text-stroke: 3px #fff;
  text-stroke: 3px #fff;
  paint-order: stroke;
  font-size: 14px;
  text-align: right;
}
.school-animal-list__name--white {
  color: #fff;
  -webkit-text-stroke: 5px #000;
  text-stroke: 5px rgba(0, 0, 0, 0);
  paint-order: stroke;
  font-weight: normal;
}
@media screen and (max-width: 639px) {
  .school-animal-list__name {
    font-size: 12px;
    bottom: 5px;
    right: 5px;
  }
}

/* guideline-tabletxt */
td.guideline-tabletxt {
  text-align: left;
  padding-left: 15.5em;
}

@media screen and (max-width: 639px) {
  td.guideline-tabletxt {
    padding-left: 0;
    text-align: center;
  }
}
/* reason */
.article--reason section > h2 .p-reason-title--num {
  background: #e9f7ef;
  border-radius: 30px;
  margin: 0 0.3em 0 0;
  width: 1.5em;
  line-height: 1.5em;
  display: inline-block;
  font-weight: bold;
  font-size: 28px;
  color: #008039;
}
.article--reason section > h2 .p-reason-title--main {
  margin: 0 0.5em 0 0;
  font-size: 35px;
}
@media screen and (max-width: 639px) {
  .article--reason section > h2 .p-reason-title--main {
    font-size: 22px;
    display: block;
  }
}
.article--reason section > h2 .p-reason-title--sub {
  font-weight: normal;
  display: block;
  font-size: 0.75em;
}

.article--reason section > div > h3 {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
}
@media screen and (max-width: 639px) {
  .article--reason section > div > h3 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .article--reason section > div > h3 {
    font-size: 1.1rem;
  }
}

.article--reason section > div > h4 {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
}
@media screen and (max-width: 639px) {
  .article--reason section > div > h4 {
    line-height: 1.3;
  }
}
.article--reason section > div > h4::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .article--reason section > div > h4 {
    font-size: 1em;
  }
}

.article--reason .p-cooperation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.article--reason .p-cooperation-list__item {
  width: calc(33.33% - 20px);
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list__item {
    width: 100%;
  }
  .article--reason .p-cooperation-list__item:nth-child(n+2) {
    margin-top: 20px;
  }
}
.article--reason .p-cooperation-list__item:not(:first-child) {
  margin-left: 30px;
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list__item:not(:first-child) {
    margin-left: 0;
  }
}
.article--reason .p-cooperation-list__img {
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list__img {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
.article--reason .p-cooperation-list__title {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
  margin-bottom: 15px;
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list__title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list__title {
    font-size: 1.1rem;
  }
}
.article--reason .p-cooperation-list__title--sub {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list__title--sub {
    line-height: 1.3;
  }
}
.article--reason .p-cooperation-list__title--sub::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list__title--sub {
    font-size: 1em;
  }
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list__title--sub {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(60% - 10px);
            flex: 0 0 calc(60% - 10px);
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 639px) {
  .article--reason .p-cooperation-list__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.article--reason .p-reason-lisence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .article--reason .p-reason-lisence {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.article--reason .p-reason-lisence__item {
  width: calc(33.33% - 10px);
  text-align: center;
}
.article--reason .p-reason-lisence__item:not(:first-child) {
  margin-left: 15px;
}
@media screen and (max-width: 639px) {
  .article--reason .p-reason-lisence__item:not(:first-child) {
    margin-left: 0;
  }
}
@media screen and (max-width: 639px) {
  .article--reason .p-reason-lisence__item {
    width: 100%;
    text-align: right;
  }
  .article--reason .p-reason-lisence__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.article--reason .p-reason-lisence__item strong {
  display: block;
  font-size: 65px;
  line-height: 60px;
  color: #008039;
}
@media screen and (max-width: 639px) {
  .article--reason .p-reason-lisence__item strong {
    display: inline-block;
    font-size: 40px;
    vertical-align: middle;
    line-height: 45px;
    margin-left: 10px;
  }
}

.article--reason .p-reason-network {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.article--reason .p-reason-network__item {
  width: calc(33.33% - 20px);
  margin-right: 30px;
}
.article--reason .p-reason-network__item:nth-child(3n) {
  margin-right: 0;
}
.article--reason .p-reason-network__item:nth-child(n+4) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .article--reason .p-reason-network__item {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  .article--reason .p-reason-network__item:nth-child(2n) {
    margin-right: 0;
  }
  .article--reason .p-reason-network__item:nth-child(n+3) {
    margin-top: 10px;
  }
}
.article--reason .p-reason-network__title {
  text-align: center;
  font-size: 1.2em;
}
@media screen and (max-width: 639px) {
  .article--reason .p-reason-network__title {
    font-size: 11px;
  }
}

.article--reason .p-reason-facility {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
}
.article--reason .p-reason-facility__item {
  width: calc(33.33% - 20px);
  margin-right: 30px;
}
.article--reason .p-reason-facility__item:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 639px) {
  .article--reason .p-reason-facility__item {
    width: 100%;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .article--reason .p-reason-facility__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.article--reason .p-reason-facility__title {
  text-align: center;
  font-size: 1.2em;
}
@media screen and (max-width: 639px) {
  .article--reason .p-reason-facility__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13em;
            flex: 0 0 13em;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    font-size: 1em;
    text-align: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 1em;
  }
}

.reason-title__h2 {
  padding-left: 100px !important;
  position: relative;
}
@media screen and (max-width: 639px) {
  .reason-title__h2 {
    padding-right: 10px !important;
  }
}

.reason-title__h2 figure {
  position: absolute;
  top: -20px;
  left: -30px;
}

.partnerships-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.partnerships-list li {
  background: #FFF393;
  border-radius: 2em;
  margin: 0 0.5em 0.5em 0;
  padding: 0.2em 1em;
  color: #084193;
}

@media screen and (max-width: 639px) {
  .reason-title__h2 figure {
    width: 80px;
    top: 5px;
    left: 5px;
  }
}
.p-work-results-list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.p-work-results {
  background: #FFFAEA;
  height: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.p-work-results::before,
.p-work-results::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
}

.p-work-results::before {
  border-top: solid 1px #AB9446;
  border-left: solid 1px #AB9446;
  top: 0;
  left: 0;
}

.p-work-results::after {
  border-bottom: solid 1px #AB9446;
  border-right: solid 1px #AB9446;
  bottom: 0;
  right: 0;
}

.p-work-results__title {
  background: url(/wp-content/uploads/content-pet/p-work-results-bg1.png) no-repeat top center;
  margin: 0;
  padding: 40px 0 0;
  line-height: 1;
  text-align: center;
  font-size: 19px;
  font-weight: normal;
  color: #333;
}

.p-work-results__content {
  background: url(/wp-content/uploads/content-pet/p-work-results-bg2.png) no-repeat center/contain;
  margin: 0;
  padding: 15px 0 5px;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  font-size: 55px;
  color: #008039;
  position: relative;
}

.p-work-results__data {
  display: block;
  margin: 15px 0;
  font-weight: normal;
  font-size: 15px;
  color: #888;
}

.p-work-results__subtit {
  position: absolute;
  padding: 5px 15px;
  top: 0;
  right: 0;
  border: 2px solid #008039;
  background-color: #008039;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  border-radius: 999px;
}

.p-work-results__subtit::before {
  position: absolute;
  top: 100%;
  left: 40%;
  -webkit-transform: translateX(-50%) skew(-41deg);
  -ms-transform: translateX(-50%) skew(-41deg);
  transform: translateX(-50%) skew(-41deg);
  height: 15px;
  width: 15px;
  border-right: 3px solid #008039;
  content: "";
}

/* toc-oc */
.toc-oc {
  max-width: 1080px;
  width: 100%;
  margin: 50px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .toc-oc {
    padding: 0 20px;
  }
}
.toc-oc__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.toc-oc__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(20% - 8px);
  /*
  		&--day {
  			width: calc(20% - 8px);
  			margin-right: 10px;
  		}

  		&--oc {
  			width: calc(20% - 8px);
  			margin-right: 10px;
  		}

  		&--ev {
  			width: calc(20% - 8px);
  			margin-right: 10px;
  		}

  		&--kb {
  			width: calc(20% - 8px);
  			margin-right: 10px;
  		}

  		&--ot {
  			width: calc(20% - 8px);


  		}
  */
}
.toc-oc__item:not(:first-of-type) {
  margin-left: 10px;
}
@media screen and (max-width: 639px) {
  .toc-oc__item {
    width: calc(50% - 5px);
  }
  .toc-oc__item:not(:first-of-type) {
    margin-left: 0;
  }
  .toc-oc__item:nth-child(2n) {
    margin-left: 10px;
  }
  .toc-oc__item:nth-child(n+3) {
    margin-top: 35px;
  }
}
.toc-oc__item--day {
  /*
  @media screen and (max-width: $bp1) {
  	.toc-oc__tit::before {
  		content: "\e023";
  	}
  }*/
}
.toc-oc__item--day .toc-oc__tit::after {
  content: "\e023";
}
.toc-oc__item--oc {
  /*
  @media screen and (max-width: $bp1) {
  	.toc-oc__tit::before {
  		content: "\e0ef";
  		color: $edl-oc;
  	}
  }
  	*/
}
.toc-oc__item--oc .toc-oc__link {
  background: #f9e2e2;
}
.toc-oc__item--oc .toc-oc__link::after {
  color: #d9534f;
}
.toc-oc__item--oc .toc-oc__link:hover {
  background: #fdf7f7;
}
.toc-oc__item--oc .toc-oc__tit::after {
  color: #d9534f;
  content: "\e0ef";
}
.toc-oc__item--oc .toc-oc__subtit {
  border-color: #d9534f;
}
.toc-oc__item--oc .toc-oc__subtit::before {
  border-color: #d9534f transparent transparent;
}
.toc-oc__item--ev {
  /*

  @media screen and (max-width: $bp1) {
  	.toc-oc__tit::before {
  		color: $edl-ev;
  		content: "\e033";
  	}
  }*/
}
.toc-oc__item--ev .toc-oc__link {
  background: #faecda;
}
.toc-oc__item--ev .toc-oc__link::after {
  color: #E59A3D;
}
.toc-oc__item--ev .toc-oc__link:hover {
  background: #fdf8f1;
}
.toc-oc__item--ev .toc-oc__tit::after {
  color: #E59A3D;
  content: "\e033";
}
.toc-oc__item--ev .toc-oc__subtit {
  border-color: #E59A3D;
}
.toc-oc__item--ev .toc-oc__subtit::before {
  border-color: #E59A3D transparent transparent;
}
.toc-oc__item--kb {
  /*

  @media screen and (max-width: $bp1) {
  	.toc-oc__tit::before {
  		color: $edl-kb;
  		content: "\e08a";
  	}
  }*/
}
.toc-oc__item--kb .toc-oc__link {
  background: #d3dbf2;
}
.toc-oc__item--kb .toc-oc__link::after {
  color: #304ea6;
}
.toc-oc__item--kb .toc-oc__link:hover {
  background: #e7ebf8;
}
.toc-oc__item--kb .toc-oc__tit::after {
  color: #304ea6;
  content: "\e08a";
}
.toc-oc__item--kb .toc-oc__subtit {
  border-color: #304ea6;
}
.toc-oc__item--kb .toc-oc__subtit::before {
  border-color: #304ea6 transparent transparent;
}
.toc-oc__item--ot {
  /*
  @media screen and (max-width: $bp1) {
  	.toc-oc__tit::before {
  		color: $edl-ot;
  		content: "\77";
  	}
  }*/
}
.toc-oc__item--ot .toc-oc__link {
  background: #f6e4f6;
}
.toc-oc__item--ot .toc-oc__link::after {
  color: #b83bba;
}
.toc-oc__item--ot .toc-oc__link:hover {
  background: #fdf7fd;
}
.toc-oc__item--ot .toc-oc__tit::after {
  color: #b83bba;
  content: "w";
}
.toc-oc__item--ot .toc-oc__subtit {
  border-color: #b83bba;
}
.toc-oc__item--ot .toc-oc__subtit::before {
  border-color: #b83bba transparent transparent;
}
.toc-oc__unit2 .toc-oc__item {
  width: calc(50% - 5px);
}
.toc-oc__link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  background: #d2f4e1;
  padding: 0 0 10px 0;
  text-align: center;
  color: #333;
  height: 100%;
  line-height: 1.2;
  font-size: 1.125rem;
}
@media only screen and (max-width: 639px) {
  .toc-oc__link {
    padding: 1px 0px;
    font-weight: normal;
    font-size: 14px;
  }
}
.toc-oc__link:link, .toc-oc__link:visited {
  color: #333;
}
.toc-oc__link:hover {
  color: #333;
  background: #f5fff2;
}
.toc-oc__link:after {
  display: block;
  font-family: "ElegantIcons";
  content: "3";
  font-size: 26px;
  color: #289f5d;
  line-height: 1;
  /*
  @media screen and (max-width: $bp1) {
  	display: inline-block;
  	font-size: 25px;
  	position: absolute;
  	right: 15px;
  	top: 50%;
  	transform: translateY(-50%);
  }*/
}
.toc-oc__subtit {
  position: relative;
  display: inline-block;
  margin: -15px 0 15px 0;
  padding: 10px 1em 13px;
  border-radius: 9999px;
  background-color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 1.2;
  border: 2px solid #289f5d;
}
@media screen and (max-width: 639px) {
  .toc-oc__subtit {
    position: absolute;
    width: 93%;
    top: -10px;
    left: 50%;
    translate: -50% 0;
    font-size: 12px;
    padding: 5px;
  }
}
.toc-oc__subtit::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 12px 9.5px 0 9.5px;
  border-color: #289f5d transparent transparent;
  translate: -50% 100%;
}
.toc-oc__subtit::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 8.8px 6.9px 0 6.9px;
  border-color: #fff transparent transparent;
  translate: -50% 100%;
}
.toc-oc__tit {
  display: block;
}
@media screen and (max-width: 639px) {
  .toc-oc__tit {
    position: relative;
    margin-top: 15px;
  }
}
.toc-oc__tit::after {
  display: block;
  font-family: "ElegantIcons";
  font-size: 35px;
  margin-top: 7px;
  color: #289f5d;
}
@media screen and (max-width: 639px) {
  .toc-oc__tit::before {
    display: inline-block;
    font-family: "ElegantIcons";
    font-size: 35px;
    margin-right: 7px;
    color: #289f5d;
    vertical-align: sub;
  }
}

/* go_consult
------------------------------------------------*/
.article--go-consult table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 1095px) {
  .article--go-consult table {
    width: 100%;
  }
}

@media screen and (max-width: 639px) {
  .article--go-consult th,
  .article--go-consult td {
    padding: 3px;
    font-size: 14px;
  }
}

.article--go-consult th {
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .article--go-consult th {
    padding: 7px;
    font-size: 13px;
  }
}
.article--go-consult th.spot {
  width: 12%;
}
.article--go-consult th.day {
  width: 12%;
}
.article--go-consult th.time {
  width: 12%;
}
.article--go-consult th.place {
  width: 34%;
}
.article--go-consult th.sponsor {
  width: 30%;
}

.article--go-consult td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
  white-space: normal;
}
@media screen and (max-width: 639px) {
  .article--go-consult td {
    padding: 7px;
    font-size: 13px;
  }
}
/* consultation */
.article--consultation h2 {
  margin-top: 30px;
}

.article--consultation h4::after {
  background-color: #67AC81;
}

.article--consultation .vis {
  margin: -20px 0 0;
  padding: 30px 20px 0;
}
.article--consultation .vis h2 {
  position: relative;
  background: none;
  border: none;
  margin: 0 auto 20px;
  padding: 0 0 0 140px;
  width: 70%;
  text-align: left;
  font-size: 40px;
  color: #008039;
}
.article--consultation .vis h2 strong {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: #f29718;
  border-radius: 100px;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
  padding: 43px 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 120px;
  height: 120px;
  line-height: 1;
  vertical-align: middle;
  font-size: 33px;
  color: #fff;
}
.article--consultation .vis p {
  text-align: center;
}

.article--consultation .vis h2::before,
.article--consultation .vis h2::after {
  content: none;
}

.article--consultation .for ul {
  overflow: hidden;
  margin: 10px 0 0;
  background: url(img/img-consultation01.png) no-repeat left bottom;
  background-size: 190px;
  min-height: 160px;
  padding: 0px 0 30px 220px;
}
.article--consultation .for ul li {
  float: left;
  background: url(img/icon-check.png) no-repeat 0 0;
  width: 48%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 20px 2% 0 0;
  padding: 2px 0 10px 40px;
  font-weight: bold;
  font-size: 18px;
}

.article--consultation .melit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.article--consultation .melit .image {
  width: 35%;
}
@media screen and (max-width: 639px) {
  .article--consultation .melit .image {
    width: 100%;
    text-align: center;
  }
}
.article--consultation .melit .image img {
  max-width: 100%;
  height: auto;
}
.article--consultation .melit__item {
  width: 65%;
}
@media screen and (max-width: 639px) {
  .article--consultation .melit__item {
    width: 100%;
    margin-top: 20px;
  }
}
.article--consultation .melit ol {
  counter-reset: melitnum;
  list-style-type: none;
  list-style-position: outside;
  margin-bottom: 15px;
}
.article--consultation .melit ol strong {
  font-weight: bold;
  font-size: 20px;
  color: #008039;
}
@media screen and (max-width: 639px) {
  .article--consultation .melit ol strong {
    font-size: 16px;
    line-height: 1.5;
  }
}
.article--consultation .melit ol li {
  padding-left: 2em;
  text-indent: -2.2em;
}
@media screen and (max-width: 639px) {
  .article--consultation .melit ol li {
    padding-left: 2.2em;
    text-indent: -2.5em;
  }
}
.article--consultation .melit ol li::before {
  counter-increment: melitnum;
  content: counter(melitnum);
  width: 2rem;
  height: 2rem;
  line-height: 1.8;
  text-indent: 0;
  text-align: center;
  display: inline-block;
  margin-right: 0.2em;
  background: #67AC81;
  color: #fff;
  border-radius: 50%;
  content: counter(melitnum);
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .article--consultation .melit ol li::before {
    font-size: 18px;
  }
}
.article--consultation .melit ol li + li {
  margin-top: 15px;
}

.article--consultation .faq dt {
  position: relative;
  border: solid 2px #67AC81;
  margin: 0 0 15px;
  padding: 15px 20px;
  font-size: 17px;
}
.article--consultation .faq dt::before {
  content: "Q";
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #67AC81;
  border-radius: 50px;
  width: 2em;
  height: 2em;
  margin: 0 15px 0 0;
  padding: 0.45em 0.6em;
  vertical-align: middle;
  line-height: 1;
  font-size: 15px;
  color: #fff;
}
.article--consultation .faq dt::after {
  position: absolute;
  top: 15px;
  right: 15px;
  content: "+";
  line-height: 1;
  font-weight: bold;
  font-size: 24px;
  color: #888;
}
.article--consultation .faq dt .open::after {
  content: "―";
  font-weight: normal;
}

.article--consultation .faq dd {
  display: none;
  margin: 0 0 25px 20px;
}
.article--consultation .faq dd::before {
  content: "A";
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: solid 1px #67AC81;
  border-radius: 50px;
  width: 2em;
  height: 2em;
  margin: 0 15px 0 0;
  padding: 0.45em 0.6em;
  vertical-align: middle;
  line-height: 1;
  font-size: 15px;
  color: #67AC81;
}

.article--consultation .btn {
  text-align: center;
}

.article--consultation .contact-form .date {
  margin-left: 1em;
}

.article--consultation .contact-form span.wpcf7-list-item {
  margin: 0 1em 0 0;
}

.article--consultation .contact-form .your-message textarea {
  width: 100%;
  display: block;
}

@media only screen and (max-width: 1095px) {
  .article--consultation .vis h2 {
    width: 100%;
  }
  .article--consultation .for ul {
    margin: 20px 0;
    width: 100%;
  }
  .article--consultation .for ul li {
    float: none;
    width: 100%;
    background-size: 20px;
    background-position: left center;
    margin: 0 0 10px;
    padding: 5px 0 3px 25px;
    font-size: 16px;
  }
  .article--consultation .contact-form .date {
    margin: 0;
  }
}
@media screen and (max-width: 639px) {
  .article--consultation img {
    max-width: 100%;
    height: auto;
  }
  .article--consultation .vis {
    padding: 10px 10px 0;
  }
  .article--consultation .vis h2 {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
    font-size: 18px;
  }
  .article--consultation .vis h2 strong {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 20px;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 5px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    font-size: 23px;
  }
  .article--consultation .vis p img {
    max-width: 90%;
  }
  .article--consultation .for ul {
    background: none;
    min-height: auto;
    padding: 0;
  }
  .article--consultation .for ul li {
    margin: 0;
  }
  .article--consultation .melit .image {
    float: none;
    width: 100%;
    text-align: center;
  }
  .article--consultation .melit .image img {
    margin: 0;
  }
  .article--consultation .faq dt {
    padding: 10px 35px 10px 10px;
    font-size: 15px;
  }
  #contents.consultation #main .post-body .faq dd {
    padding: 0;
    font-size: 14px;
  }
  .article--consultation .faq dt::before,
  .article--consultation .faq dd::before {
    margin-right: 5px;
    font-size: 14px;
  }
  .article--consultation .faq dt::after {
    top: 9px;
    right: 10px;
  }
  article .contact-form input,
  article .contact-form textarea {
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.article--consultation .p-hc-about__item {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 5px;
}
.article--consultation .p-hc-about__title {
  font-size: 1.3rem;
  margin: -20px -20px 15px -20px;
  padding: 15px;
  color: #008039;
  background: #e3f8ed;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .article--consultation .p-hc-about__title {
    line-height: 1.3;
  }
}
.article--consultation .p-hc-about__text {
  font-size: 1.2rem;
}
.article--consultation .p-hc-about__text + * {
  margin-top: 10px;
}
.article--consultation .p-hc-about__list {
  margin-top: 10px;
  font-size: 1.2rem;
}
.article--consultation .p-hc-about__list li:nth-child(n+2) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .article--consultation .p-hc-about__list li:nth-child(n+2) {
    margin-top: 5px;
  }
}

/* pets
------------------------------------------------*/
.article--pets .red + p {
  text-align: center;
}

.article--pets ul.lesson {
  overflow: hidden;
}
.article--pets ul.lesson li {
  float: left;
  margin: 0 60px 0 0;
  width: 320px;
}
.article--pets ul.lesson li:nth-child(3n) {
  margin-right: 0;
}
.article--pets ul.lesson li p:last-child {
  text-align: center;
}

.article--pets ul.attention li:before {
  content: "※";
  margin: 0 3px 0 0;
}

.article--pets .btn {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 32.5%;
  margin-right: 1.25%;
}
.article--pets .btn a {
  display: block;
  border: 1px solid #f25c49;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  margin: 0 0 30px;
  padding: 53px 10px;
  font-weight: bold;
  font-size: 22px;
  color: #f25c49;
}
.article--pets .btn a:hover {
  background: #f25c49;
  color: #fff;
}

.article--pets .btn span.pagelink a {
  border-color: #888;
  padding: 5px;
  font-size: 16px;
  color: #888;
}
.article--pets .btn span.pagelink a:before {
  content: "▼";
  margin: 0 5px 0 0;
  font-size: 15px;
}
.article--pets .btn span.pagelink a:hover {
  background: #888;
  color: #fff;
}

.article--pets .no-bus {
  float: right;
  width: 32.5%;
}
.article--pets .no-bus a {
  display: block;
  border: 1px solid #ff9933;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  margin: 0 0 30px;
  padding: 15px 9px;
  font-weight: bold;
  font-size: 22px;
  color: #ff9933;
  line-height: 1.2;
}
.article--pets .no-bus a:hover {
  background: #ff9933;
  color: #fff;
}

.article--pets .no-bus span.small {
  font-size: 14px;
  font-weight: normal;
}

.article--pets div.end {
  border: solid 4px crimson;
  padding: 15px 0;
  margin-bottom: 20px;
  line-height: 1.25;
  font-weight: bold;
  font-size: 21px;
  text-align: center;
}

.article--pets .end span {
  display: inline-block;
  margin-top: 5px;
  line-height: 1.5;
  font-weight: normal;
}

.article--pets .end li {
  margin-bottom: 15px;
}
.article--pets .end li:before {
  content: "★";
  color: crimson;
}

.article--pets .end span.contact {
  width: 4em;
  padding: 2px;
  margin-right: 5px;
  display: inline-block;
  color: #fff;
  text-align: center;
  background-color: crimson;
}

.article--pets .timeschedule {
  overflow: hidden;
  margin: 0 0 20px;
}
.article--pets .timeschedule li {
  float: left;
  position: relative;
  padding: 0 3% 0 0;
  width: 16.5%;
  margin: 0 1% 0 0;
}
.article--pets .timeschedule li::after {
  content: "▶";
  position: absolute;
  top: 25px;
  right: 0;
  font-size: 15px;
  color: #ccc;
}
.article--pets .timeschedule li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.article--pets .timeschedule li:last-child::after {
  content: none;
}
.article--pets .timeschedule h3 {
  background: none;
  margin: 0 0 10px;
  padding: 0;
  font-size: 18px;
}
.article--pets .timeschedule h3 .time {
  display: block;
  margin: 0 3px 0 0;
  font-size: 14px;
}
.article--pets .timeschedule li p {
  font-size: 14px;
}

.article--pets .attention {
  margin: 0 0 20px;
}

@media only screen and (max-width: 1095px) {
  .article--pets img {
    max-width: 100%;
    height: auto;
  }
  .article--pets ul.lesson li,
  .article--pets ul.lesson li:nth-child(3n) {
    float: left;
    margin: 0 2% 0 0;
    width: 48%;
  }
  .article--pets ul.lesson li:nth-child(2n) {
    margin-left: 0;
  }
  .article--pets .btn a {
    padding: 37px 0;
  }
  .article--pets .btn span,
  .article--pets .no-bus span {
    display: block;
  }
  .article--pets .no-bus span.small {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .article--pets ul.lesson li,
  .article--pets ul.lesson li:nth-child(3n) {
    width: 100%;
  }
  .article--pets .btn,
  .article--pets .no-bus {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
  .article--pets .btn a {
    margin: 0;
    padding: 10px;
  }
  .article--pets .btn span.pagelink a {
    margin: 10px 0 0;
  }
  .article--pets .end span.contact {
    display: none;
  }
  .article--pets .end span.contact + a {
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 10px;
    padding: 5px 0 5px 5px;
    font-size: 28px;
  }
  .article--pets .end span.contact + a:after {
    font-family: "ElegantIcons";
    content: "5";
    font-size: 30px;
  }
  .article--pets .timeschedule li {
    float: left;
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0 0 5px;
    text-align: center;
  }
  .article--pets .timeschedule li::after {
    content: "▼";
    display: block;
    position: relative;
    top: 0;
    text-align: center;
  }
  .article--pets .timeschedule h3 {
    margin: 0 0 5px;
    font-size: 16px;
  }
  .article--pets .timeschedule p {
    margin: 0;
  }
}
/* class-visits
------------------------------------------------*/
.article--class-visits #trimmer, .article--class-visits #cat, .article--class-visits #care, .article--class-visits #prodogtrainer, .article--class-visits #trainer, .article--class-visits #breed {
  clear: both;
  margin: 0 0 10px 0;
}
.article--class-visits #trimmer:after, .article--class-visits #cat:after, .article--class-visits #care:after, .article--class-visits #prodogtrainer:after, .article--class-visits #trainer:after, .article--class-visits #breed:after {
  content: "";
  display: block;
  clear: both;
}
.article--class-visits #trimmer p, .article--class-visits #cat p, .article--class-visits #care p, .article--class-visits #prodogtrainer p, .article--class-visits #trainer p, .article--class-visits #breed p {
  float: left;
  width: 34%;
}
.article--class-visits #trimmer p img, .article--class-visits #cat p img, .article--class-visits #care p img, .article--class-visits #prodogtrainer p img, .article--class-visits #trainer p img, .article--class-visits #breed p img {
  float: left;
  margin: 0 20px 0 0;
  max-width: 100%;
  height: auto;
}

.article--class-visits table {
  float: right;
  width: 66%;
  margin: 0 0 10px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.article--class-visits table thead th {
  background: #f2f4ee;
  width: 30%;
  text-align: center;
}
.article--class-visits table thead th span {
  font-size: 13px;
}
.article--class-visits table th {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 10px;
  width: 30%;
}
.article--class-visits table td {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}
.article--class-visits table tr th:first-child {
  width: 15%;
}

.article--class-visits p.btn a {
  clear: both;
  display: block;
  width: 340px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
}
.article--class-visits p.btn a:after {
  display: block;
  float: right;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 26px;
  color: #999;
}
.article--class-visits p.btn a:hover {
  background: #f7f7f7;
  text-decoration: none;
  color: #333;
}

.article--class-visits .point {
  overflow: hidden;
}
.article--class-visits .point > div {
  float: left;
  border: solid 2px #4CAF7C;
  width: 49%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}
.article--class-visits .point > div + div {
  margin-left: 2%;
}
.article--class-visits .point > div h3 {
  background: none;
  margin: 0 0 15px;
  padding: 0;
}
.article--class-visits .point > div h3 span {
  background: #008039;
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 3px 5px;
  font-size: 16px;
  color: #fff;
}

.article--class-visits .bus {
  text-align: center;
}

.article--class-visits div.end {
  border: solid 4px crimson;
  padding: 15px 0;
  margin-bottom: 20px;
  line-height: 1.25;
  font-weight: bold;
  font-size: 21px;
  text-align: center;
}
.article--class-visits div.end:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1095px) {
  .article--class-visits img {
    max-width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 639px) {
  .article--class-visits img {
    max-width: 100%;
    height: auto;
  }
  .article--class-visits #trimmer p, .article--class-visits #cat p, .article--class-visits #care p, .article--class-visits #prodogtrainer p, .article--class-visits #trainer p, .article--class-visits #breed p {
    width: 100%;
    text-align: center;
  }
  .article--class-visits table {
    width: 100%;
    font-size: 13px;
  }
  .article--class-visits table th, .article--class-visits table td {
    padding: 5px;
  }
  .article--class-visits table th span {
    font-size: 10px;
  }
  .article--class-visits .point > div {
    float: none;
    border: none;
    border-bottom: solid 2px #4CAF7C;
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
  }
  .article--class-visits .point > div + div {
    margin-left: 0;
  }
  .article--class-visits p.btn a {
    width: 90%;
  }
}
/* pet-festival */
.article--pet-festival img {
  max-width: 100%;
}

.article--pet-festival .circus {
  background: #e4f5ec;
  background-position: right bottom;
  background-repeat: no-repeat;
  border-radius: 10px;
  margin: -40px 0 40px;
  padding: 40px 40px 20px;
  min-height: 215px;
  overflow: hidden;
  text-align: center;
}
.article--pet-festival .circus dl {
  float: left;
  width: 30%;
  margin: 0 0 20px 15%;
}
.article--pet-festival .circus dl dt {
  float: left;
  font-weight: bold;
}
.article--pet-festival .circus dl dt::before {
  content: "・";
  margin: 0 3px 0 0;
}
.article--pet-festival .circus dl dd {
  margin-left: 6em;
  margin-bottom: 5px;
}
.article--pet-festival .circus .photo {
  clear: both;
}
.article--pet-festival .circus .photo li {
  float: left;
  width: 49%;
  margin: 0 2% 15px 0;
}
.article--pet-festival .circus .photo li:nth-child(2n) {
  margin-right: 0;
}
.article--pet-festival .circus img {
  border-radius: 15px;
}
.article--pet-festival .circus p {
  margin: 0 0 5px;
}
.article--pet-festival .circus h3 {
  background: none;
  margin: 10px 0 0;
  padding: 0;
  font-size: 16px;
}

.article--pet-festival .subject > div {
  border-radius: 15px;
  padding-bottom: 20px;
}
@media screen and (max-width: 639px) {
  .article--pet-festival .subject > div {
    padding-bottom: 15px;
  }
}
.article--pet-festival .subject h2 {
  font-size: 1.8rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgb(232, 241, 200)), to(rgb(176, 228, 194)));
  background: linear-gradient(90deg, rgb(232, 241, 200) 0%, rgb(176, 228, 194) 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 20px 15px;
  text-align: center;
  width: 100%;
  color: #333;
  width: 100%;
  margin: 0;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .article--pet-festival .subject h2 {
    font-size: 1.5rem;
    line-height: 1.3;
  }
}
.article--pet-festival .subject h2::before, .article--pet-festival .subject h2::after {
  content: none;
}
@media screen and (max-width: 639px) {
  .article--pet-festival .subject h2 {
    width: 100%;
  }
}
.article--pet-festival .subject .trimming {
  background: #fff2f6;
}
.article--pet-festival .subject .trimming h2 {
  background: url(img/bg-dot-trimming.png);
}
.article--pet-festival .subject .pro {
  background: #ebf4ff;
}
.article--pet-festival .subject .pro h2 {
  background: url(img/bg-dot-pro.png);
}
.article--pet-festival .subject .cat {
  background: #fff2fb;
}
.article--pet-festival .subject .cat h2 {
  background: url(img/bg-dot-cat.png);
}
.article--pet-festival .subject .care {
  background: #ecfbff;
}
.article--pet-festival .subject .care h2 {
  background: url(img/bg-dot-care.png);
}
.article--pet-festival .subject .trainer {
  background: #e3f2c2;
}
.article--pet-festival .subject .trainer h2 {
  background: url(img/bg-dot-dog.png);
}
.article--pet-festival .subject .breed {
  background: #fff4e8;
}
.article--pet-festival .subject .breed h2 {
  background: url(img/bg-dot-breeding.png);
}
.article--pet-festival .subject > div h2 + p {
  text-align: center;
  background: #fff;
  padding: 10px 0;
}
.article--pet-festival .subject ul {
  padding-left: 1.5em;
  margin-left: 20px;
  margin-right: 20px;
  list-style: disc;
  font-weight: bold;
}
.article--pet-festival .subject ul li {
  margin: 0 0 5px;
}

.article--pet-festival .btn {
  clear: both;
  text-align: center;
}
.article--pet-festival .btn a {
  display: block;
  position: relative;
  background: #fff58b;
  border: 1px solid #ccc;
  width: 60%;
  border-radius: 5px;
  margin: 0 auto 20px;
  padding: 20px 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  color: #715510;
}
.article--pet-festival .btn a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -0.5em 0 0;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 32px;
  color: #715510;
}
.article--pet-festival .btn a:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media screen and (max-width: 1095px) {
  .article--pet-festival img {
    max-width: 100%;
    height: auto;
  }
  .article--pet-festival .circus dl {
    float: none;
    width: 100%;
    margin: 0 0 15px;
  }
  .article--pet-festival .subject > div,
  .article--pet-festival .subject > div:nth-child(3n) {
    margin: 0 2% 20px 0;
    width: 48%;
  }
  .article--pet-festival .subject > div:nth-child(2n) {
    margin-right: 0;
  }
  .article--pet-festival .subject > div:nth-child(3),
  .article--pet-festival .subject > div:nth-child(5) {
    clear: both;
  }
}
@media screen and (max-width: 639px) {
  .article--pet-festival .circus {
    margin-bottom: 20px;
    padding: 40px 15px 10px;
  }
  .article--pet-festival .circus dl dt {
    float: none;
    margin: 5px 0 0;
  }
  .article--pet-festival .circus dl dd {
    margin-left: 0;
  }
  .article--pet-festival .circus .photo li {
    float: none;
    width: 100%;
    margin: 0 0 5px;
  }
  .article--pet-festival .circus .photo li:nth-child(n+3) {
    display: none;
  }
  .article--pet-festival .subject {
    padding: 0;
    display: block;
  }
  .article--pet-festival .subject .comment img {
    max-width: 100%;
    height: auto;
  }
  .article--pet-festival .subject > div, .article--pet-festival .subject > div:nth-child(2n), .article--pet-festival .subject > div:nth-child(3n) {
    width: 100%;
    margin: 0 0 20px;
  }
  .article--pet-festival .btn a {
    width: 100%;
  }
}
/* short-consultant */
.sc-pr {
  position: relative;
  padding: 0.5em 2.5em 1.2em 2.5em;
  border-radius: 7px;
  border: 3px solid #4caed0;
  background-color: #4caed0;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 639px) {
  .sc-pr {
    padding: 0.5em 1em 1em 1em;
  }
}
.sc-pr::before {
  position: absolute;
  top: -8px;
  left: -8px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 3px solid #333;
  content: "";
}
.sc-pr p {
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .sc-pr p {
    font-size: 18px;
  }
}

/* work */
.article--work p a.btn {
  display: block;
  width: 340px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
}
.article--work p a.btn:after {
  display: block;
  float: right;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 26px;
  color: #999;
}
.article--work p a.btn:hover {
  background: #f7f7f7;
  text-decoration: none;
  color: #333;
}

@media screen and (max-width: 639px) {
  .article--work p a.btn {
    max-width: 100%;
  }
}
.bg-care-sub3 {
  background: #C6E6F9;
}

.bg-cat-sub3 {
  background: #F0E5F1;
}

.bg-dog-sub3 {
  background: #EFEED8;
}

.bg-bra-sub3 {
  background: #DFDFF0;
}

.offer-list .column3__item {
  border-radius: 20px;
  margin-top: 60px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.offer-list .column3__item ::before,
.offer-list .column3__item ::after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 50px;
  height: 30px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.offer-list .column3__item ::before {
  top: -15px;
  right: -25px;
  border-bottom: solid 1px #ccc;
}

.offer-list .column3__item ::after {
  bottom: -15px;
  left: -25px;
  border-top: solid 1px #ccc;
}

.offer-list .column3__item figure {
  margin-top: -60px;
}

.offer-list .column3__item .bg-wh {
  background: #fff;
  border-radius: 20px;
  padding: 15px;
}

.offer-list .column3__item .badge {
  border-radius: 10px;
  margin: 0 1em 0 0;
  padding: 0.2em 0.5em;
  vertical-align: middle;
  color: #fff;
}

/* results */
.p-work-results {
  background: #FFFAEA;
  height: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.p-work-results::before, .p-work-results::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
}
.p-work-results::before {
  border-top: solid 1px #AB9446;
  border-left: solid 1px #AB9446;
  top: 0;
  left: 0;
}
.p-work-results::after {
  border-bottom: solid 1px #AB9446;
  border-right: solid 1px #AB9446;
  bottom: 0;
  right: 0;
}
.p-work-results__title {
  background: url(/wp-content/uploads/content-pet/p-work-results-bg1.png) no-repeat top center;
  margin: 0;
  padding: 40px 0 0;
  line-height: 1;
  text-align: center;
  font-size: 19px;
  font-weight: normal;
  color: #333;
}
.p-work-results__content {
  background: url(/wp-content/uploads/content-pet/p-work-results-bg2.png) no-repeat center/contain;
  margin: 0;
  padding: 15px 0 5px;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  font-size: 55px;
  color: #008039;
  position: relative;
}
.p-work-results__content strong {
  font-size: 90px;
}
.p-work-results__data {
  display: block;
  margin: 15px 0;
  font-weight: normal;
  font-size: 15px;
  color: #888;
}
.p-work-results__subtit {
  position: absolute;
  padding: 5px 15px;
  top: 0;
  right: 0;
  border: 2px solid #008039;
  background-color: #008039;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  border-radius: 999px;
}
@media screen and (max-width: 639px) {
  .p-work-results__subtit {
    right: 20px;
  }
}
.p-work-results__subtit::before {
  position: absolute;
  top: 100%;
  left: 40%;
  -webkit-transform: translateX(-50%) skew(-41deg);
  -ms-transform: translateX(-50%) skew(-41deg);
  transform: translateX(-50%) skew(-41deg);
  height: 15px;
  width: 15px;
  border-right: 3px solid #008039;
  content: "";
}

.p-work-results-list {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.article--results table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px auto 5px;
}
.article--results table th {
  background: #f2f4ee;
  border: 1px solid #999;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.article--results table td {
  background: #fff;
  border: 1px solid #999;
  padding: 5px;
  vertical-align: top;
}
.article--results table th,
.article--results table td {
  text-align: center;
  vertical-align: middle;
}
.article--results table tr:first-child th {
  color: #fff;
}

@media only screen and (max-width: 1095px) {
  .article--results table {
    margin: 0 0 20px;
  }
  .article--results div.table {
    overflow-x: auto;
    font-size: 14px;
  }
}
@media screen and (max-width: 639px) {
  .article--results .results dl dt + dd strong {
    font-size: 80px;
  }
}
/* employment
------------------------------------------------*/
.p-employment-data__content img {
  margin-top: 10px;
  max-width: 100%;
  height: auto;
}
.p-employment-data__title {
  font-size: 1rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  padding: 5px 15px;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 639px) {
  .p-employment-data__title {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .p-employment-data__title {
    font-size: 1em;
  }
}
.p-employment-data__num {
  padding: 10px 0 0;
  line-height: 1;
  font-weight: bold;
  font-size: 4rem;
}
.p-employment-data__num strong {
  font-size: 8rem;
}
.article--employment .lists dl dt {
  font-size: 1rem;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  padding: 5px 15px;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 639px) {
  .article--employment .lists dl dt {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .article--employment .lists dl dt {
    font-size: 1em;
  }
}
.article--employment .lists dl dd {
  margin-top: 15px;
}
.article--employment .lists dl dd + dt {
  margin-top: 25px;
}
.article--employment .lists dl dd ul {
  margin: 0 0 0 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.article--employment .lists dl dd ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: disc;
  width: calc(33.33% - 13.33px);
  margin-right: 20px;
  padding: 0 2rem 0 0;
}
.article--employment .lists dl dd ul li:nth-child(3n) {
  margin-right: 0;
}
.article--employment .lists dl dd ul li:nth-child(n+4) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .article--employment .lists dl dd ul li {
    width: 100%;
    margin-right: 0;
  }
  .article--employment .lists dl dd ul li:nth-of-type(n+2) {
    margin-top: 10px;
  }
}

.employment-num__num {
  font-size: 60px;
}
.employment-num__num2 {
  font-size: 40px;
}
@media screen and (max-width: 639px) {
  .employment-num__num2 {
    font-size: 60px;
  }
}
.employment-num__per {
  font-size: 30px;
}
.employment-num__per2 {
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .employment-num__per2 {
    font-size: 30px;
  }
}

/* job-flow
------------------------------------------------*/
.article--job-flow .block {
  display: block;
}

.article--job-flow h2 {
  clear: both;
  margin-top: 40px;
  color: #fff;
}
.article--job-flow h2 + p {
  text-align: center;
}

.article--job-flow .img {
  margin: 0 0 20px;
  text-align: center;
}
.article--job-flow .img img {
  max-width: 100%;
  height: auto;
  margin-top: 10px;
}

.article--job-flow .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.article--job-flow .point > div {
  width: 19%;
}
.article--job-flow .point h3 {
  background: none;
  margin-bottom: 5px;
  padding: 0;
  text-align: center;
}
.article--job-flow .point h4 {
  border: solid 5px #ccf2de;
  border-radius: 60px;
  text-align: center;
  margin: 0 auto 10px;
  padding: 20px 0;
  font-size: 20px;
}
.article--job-flow .point .comment {
  padding: 0 20px;
  position: relative;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
}
.article--job-flow .point .comment::before, .article--job-flow .point .comment::after {
  position: absolute;
  top: 0.5em;
  content: "";
  background: #008039;
  display: inline-block;
  width: 3px;
  height: 2.5em;
}
.article--job-flow .point .comment::before {
  left: 10px;
  -webkit-transform: rotate(-15deg);
      -ms-transform: rotate(-15deg);
          transform: rotate(-15deg);
}
.article--job-flow .point .comment::after {
  right: 10px;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
}
.article--job-flow .point .comment + p {
  margin-top: 10px;
  font-size: 14px;
  margin-bottom: 0;
}

.article--job-flow .trimming h2 {
  background-image: url(img/bg-dot-trimming.png);
  color: #fff;
}
.article--job-flow .trimming h2::before {
  border-right-color: #ba6882;
}
.article--job-flow .trimming h2::after {
  border-top-color: #ba6882;
}
.article--job-flow .trimming h3 {
  color: #bf5879;
}
.article--job-flow .trimming h4 {
  border-color: #ffd9e5;
  color: #bf5879;
}
.article--job-flow .trimming .comment::before,
.article--job-flow .trimming .comment::after {
  background: #bf5879;
}

.article--job-flow .cat h2 {
  background-image: url(img/bg-dot-cat.png);
  color: #fff;
}
.article--job-flow .cat h2::before {
  border-right-color: #805371;
}
.article--job-flow .cat h2::after {
  border-top-color: #805371;
}
.article--job-flow .cat h3 {
  color: #805371;
}
.article--job-flow .cat h4 {
  border-color: #ffe0f6;
  color: #805371;
}
.article--job-flow .cat .comment::before,
.article--job-flow .cat .comment::after {
  background: #805371;
}

.article--job-flow .care h2 {
  background-image: url(img/bg-dot-care.png);
  color: #fff;
}
.article--job-flow .care h2::before {
  border-right-color: #007fa6;
}
.article--job-flow .care h2::after {
  border-top-color: #007fa6;
}
.article--job-flow .care h3 {
  color: #007fa6;
}
.article--job-flow .care h4 {
  border-color: #d9f6ff;
  color: #007fa6;
}
.article--job-flow .care .comment::before,
.article--job-flow .care .comment::after {
  background: #007fa6;
}

.article--job-flow .dog h2 {
  background-image: url(img/bg-dot-dog.png);
  color: #fff;
}
.article--job-flow .dog h2::before {
  border-right-color: #688f15;
}
.article--job-flow .dog h2::after {
  border-top-color: #688f15;
}
.article--job-flow .dog h3 {
  color: #688f15;
}
.article--job-flow .dog h4 {
  border-color: #e3f2c2;
  color: #688f15;
}
.article--job-flow .dog .comment::before,
.article--job-flow .dog .comment::after {
  background: #688f15;
}

.article--job-flow .breeding h2 {
  background-image: url(img/bg-dot-breeding.png);
  color: #fff;
}
.article--job-flow .breeding h2::before {
  border-right-color: #bf792e;
}
.article--job-flow .breeding h2::after {
  border-top-color: #bf792e;
}
.article--job-flow .breeding h3 {
  color: #bf792e;
}
.article--job-flow .breeding h4 {
  border-color: #ffedd9;
  color: #bf792e;
}
.article--job-flow .breeding .comment::before,
.article--job-flow .breeding .comment::after {
  background: #bf792e;
}

.article--job-flow .sbj-btn {
  margin-bottom: 60px;
  text-align: center;
}
.article--job-flow .sbj-btn a {
  display: block;
  width: 23em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
  color: #333;
}
.article--job-flow .sbj-btn a::after {
  display: block;
  float: right;
  font-family: "ElegantIcons";
  content: "5";
  font-size: 26px;
  color: #999;
  line-height: 1;
  top: 4px;
  position: relative;
}
.article--job-flow .sbj-btn a:hover {
  background: #f7f7f7;
  text-decoration: none;
  color: #333;
}
.article--job-flow .sbj-btn a:link {
  color: #333;
}

@media only screen and (max-width: 1095px) {
  .article--job-flow .point {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .article--job-flow .point > div {
    width: 30%;
  }
}
@media screen and (max-width: 639px) {
  .article--job-flow .img img {
    max-width: 100%;
    margin: 0;
  }
  .article--job-flow .point {
    display: block;
  }
  .article--job-flow .point > div {
    width: 100%;
  }
  .article--job-flow .point > div .block {
    display: inline;
  }
  .article--job-flow .sbj-btn a {
    width: auto;
    font-size: 15px;
  }
  .article--job-flow .sbj-btn a::after {
    top: auto;
  }
}
/* professional-practice-course
------------------------------------------------*/
.article--professional-practice-course .box {
  background: #eee;
  border-radius: 10px;
  margin: -40px 0 30px;
  padding: 40px 40px 20px;
  overflow: hidden;
}

.article--professional-practice-course ul {
  list-style: disc;
  padding-left: 1.5em;
}

.article--professional-practice-course li {
  margin: 5px 0;
}

.article--professional-practice-course ul.pdf {
  list-style: none;
  padding: 0;
}
.article--professional-practice-course ul.pdf li a {
  background: url(img/icon-pdf.png) no-repeat left center;
  padding: 0 0 0 1.5em;
}

/* study-support */
.article--study-support ul {
  list-style: disc;
  padding-left: 1.5em;
}
.article--study-support ul li {
  margin: 5px 0;
}
.article--study-support ul li a.pdf {
  background: url(img/icon-pdf.png) no-repeat left center;
  padding: 0 0 0 1.5em;
}

/* new-study-support
------------------------------------------------*/
.nss-content__box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  background: #fff;
}
.nss-content__box--genmen {
  background: #fff2fc;
}
.nss-content__box--kyuhu {
  background: #edfdfd;
}
.nss-content__box table {
  width: calc(100% - 40px);
  margin-bottom: 15px;
}
.nss-content__box table th {
  background: #1166c3 !important;
  color: #fff !important;
}
.nss-content__box table td {
  background: #fff;
}
.nss-content__tit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #1166c3;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px 10px 0 0;
}
.nss-content p {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px;
}
.nss-content p + p {
  margin-top: 15px;
  margin-bottom: 10px;
}

.nss-kingaku__table th {
  background: #1166c3;
  color: #fff;
}
.nss-kingaku__subth1 {
  background: #5b92db !important;
}
.nss-kingaku__subth2 {
  background: #d1e3f9 !important;
  color: #333 !important;
}
.nss-kingaku__clgenmen {
  color: #f9428c;
  font-weight: bold;
}
.nss-kingaku__clkyuhu {
  color: #20a5c9;
  font-weight: bold;
}

.new-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .new-check {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.new-check__tit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 8em;
  padding: 20px;
  background: #1166c3;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
@media screen and (max-width: 639px) {
  .new-check__tit {
    width: 100%;
    font-size: 18px;
    padding: 10px;
  }
}
.new-check__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 8em);
  padding-left: 20px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media screen and (max-width: 639px) {
  .new-check__body {
    width: 100%;
    padding-left: 0;
    padding-top: 15px;
  }
}

.nss-link__box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 20px;
}
.nss-link__tit {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}
.nss-link__txt {
  margin-bottom: 10px;
}

/* campus */
.article--campus .calendar {
  overflow: hidden;
}

.article--campus .calendar dl {
  float: left;
  width: 520px;
  margin: 0 30px 15px 0;
  overflow: hidden;
}
.article--campus .calendar dl:nth-child(2n) {
  margin-right: 0;
}
.article--campus .calendar dl:nth-child(1) {
  background: url(img/cm-trimming.jpg) no-repeat right 0;
  background-size: 170px;
}
.article--campus .calendar dl:nth-child(2) {
  background: url(img/cm-sports.jpg) no-repeat right 0;
  background-size: 170px;
}
.article--campus .calendar dl:nth-child(5) {
  background: url(img/cm-festival.jpg) no-repeat 350px 0;
  background-size: 170px;
}
.article--campus .calendar dl:nth-child(6) {
  background: url(img/cm-trip.jpg) no-repeat right 0;
  background-size: 170px;
}
.article--campus .calendar dl:last-child {
  background: url(img/cm-graduate.jpg) no-repeat right 0;
  background-size: 170px;
}
.article--campus .calendar dl dt {
  float: left;
  clear: both;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ddd;
  border-radius: 100px;
  margin: 0 20px 0 0;
  padding: 20px;
  width: 120px;
  text-align: center;
  font-weight: bold;
  font-size: 35px;
  color: #fff;
}
.article--campus .calendar dl:nth-child(1) dt {
  background: #00B8EE;
}
.article--campus .calendar dl:nth-child(2) dt {
  background: #5085C5;
}
.article--campus .calendar dl:nth-child(3) dt {
  background: #8EC31E;
}
.article--campus .calendar dl:nth-child(4) dt {
  background: #009942;
}
.article--campus .calendar dl:nth-child(5) dt {
  background: #dac217;
}
.article--campus .calendar dl:nth-child(6) dt {
  background: #F29839;
}
.article--campus .calendar dl:nth-child(7) dt {
  background: #BA79A5;
}
.article--campus .calendar dl:nth-child(8) dt {
  background: #ED5F5F;
}
.article--campus .calendar dl:nth-child(9) dt {
  background: #EE86A7;
}
.article--campus .calendar dl dd {
  display: list-item;
  list-style: disc;
  margin-left: 150px;
  font-size: 18px;
}
.article--campus .calendar dl dd a {
  color: #4b86d2;
}
.article--campus .calendar dl dd a:hover {
  text-decoration: none;
  color: #999;
}
.article--campus .calendar dl dd a:after {
  content: "▶";
  margin: 0 0 0 5px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 12px;
}

.article--campus .photo {
  overflow: hidden;
}
.article--campus .photo li {
  float: left;
  width: 520px;
  margin: 0 30px 30px 0;
  text-align: center;
  font-size: 18px;
}
.article--campus .photo li:nth-child(2n) {
  margin-right: 0;
}
.article--campus .photo li img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 5px #fff;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.18);
          box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.18);
  border: solid 5px #fff;
  max-width: 100%;
  height: auto;
  margin: 0 0 10px;
}

@media only screen and (max-width: 1095px) {
  .article--campus .calendar dl,
  .article--campus .photo li {
    float: left;
    background: none !important;
    width: 48%;
    margin: 0 4% 30px 0;
  }
  .article--campus .post-body .calendar dl dd {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 639px) {
  .article--campus .calendar dl,
  .article--campus .photo li {
    float: none;
    width: 100%;
    margin: 0 0 10px;
  }
  .article--campus .calendar dl dt {
    margin: 0 20px 0 0;
    padding: 15px;
    width: 30%;
    font-size: 20px;
  }
  .article--campus .calendar dl dd {
    display: list-item;
    list-style: disc;
    margin-left: 40%;
    font-size: 16px;
  }
}
/* model-dog */
.article--model-dog section ol.list-de, .article--model-dog section ul.list-d {
  padding-left: 1.5em;
}
.article--model-dog section ol.list-de li:not(first-child), .article--model-dog section ul.list-d li:not(first-child) {
  margin-top: 5px;
}
.article--model-dog section .p-list--footprints li:not(first-child) {
  margin-top: 5px;
}
.article--model-dog section .column2 .column2__item h3,
.article--model-dog section .flowlist--modeldog h3,
.article--model-dog section div.contact-form h3 {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
}
@media screen and (max-width: 639px) {
  .article--model-dog section .column2 .column2__item h3,
  .article--model-dog section .flowlist--modeldog h3,
  .article--model-dog section div.contact-form h3 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .article--model-dog section .column2 .column2__item h3,
  .article--model-dog section .flowlist--modeldog h3,
  .article--model-dog section div.contact-form h3 {
    font-size: 1.1rem;
  }
}
.article--model-dog section .p-subject-movie__title::before {
  background: #ccf2de;
}

.article--model-dog .p-box {
  background: #e1f5ea;
}
.article--model-dog .p-box h3 {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
  background: none;
  margin: 0 0 15px;
  padding: 0;
  font-size: 22px;
}
@media screen and (max-width: 639px) {
  .article--model-dog .p-box h3 {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .article--model-dog .p-box h3 {
    font-size: 1.1rem;
  }
}
.article--model-dog .p-box h4 {
  font-size: 1.1rem;
  border-bottom: solid 3px rgba(203, 223, 237, 0.2);
  color: #333;
  position: relative;
  font-weight: bold;
  font-size: 1.1rem;
  padding-bottom: 10px;
  margin: 0 0 10px;
  padding: 0;
  font-size: 18px;
  color: #333;
}
@media screen and (max-width: 639px) {
  .article--model-dog .p-box h4 {
    line-height: 1.3;
  }
}
.article--model-dog .p-box h4::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: solid 3px rgb(176, 228, 194);
  bottom: -3px;
  width: 5em;
}
@media screen and (max-width: 639px) {
  .article--model-dog .p-box h4 {
    font-size: 1em;
  }
}

.article--model-dog .model-dog__visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 639px) {
  .article--model-dog .model-dog__visual {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.article--model-dog .model-dog__visual__item--fixed {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 310px;
          flex: 0 0 310px;
}
@media screen and (max-width: 639px) {
  .article--model-dog .model-dog__visual__item--fixed {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media screen and (max-width: 639px) {
  .article--model-dog .model-dog__visual {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.article--model-dog .model-dog__visual__item--fixed {
  margin-left: 30px;
}
@media screen and (max-width: 639px) {
  .article--model-dog .model-dog__visual__item--fixed {
    margin-left: 0;
  }
}

.article--model-dog .flowlist--modeldog {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.article--model-dog .flowlist--modeldog li img {
  margin-bottom: 10px;
  max-width: 100%;
  height: auto;
}
.article--model-dog .flowlist--modeldog li:nth-child(3n) {
  margin-right: 0;
}

.article--model-dog .subject-movie h3:before {
  background: #ccf2de;
}

/* model-dog 




.article--model-dog h2#form + p {
    text-align: center;
}

.article--model-dog form {
    width: 80%;
}

.article--model-dog .contact-form {

    dt,
    dd {
        box-sizing: border-box;
    }

    dt {
        float: left;
        clear: both;
        width: 25%;
        padding: 15px 0;
    }

    dd {
        border-bottom: solid 1px #ccc;
        margin: 0;
        padding: 15px 0 15px 28%;
    }

    ul {
        list-style: disc;
        padding: 0 0 0 20px;

        li {
            margin: 0 0 10px;
        }
    }

    textarea {
        max-width: 100%;
        box-sizing: border-box;
        border: 1px solid #ddd;
    }input {
        border: 1px solid #ddd;
    }

    .check {
        display: block;
        background: #FDF6E3;
        border: solid 1px #ccc;
        margin: 0 0 20px;
        padding: 15px;
        font-weight: bold;
    }

    input[type="submit"],
    input[type="button"] {
        background: #f7f7f7;
        border: 1px solid #ccc;
        padding: 10px 80px;
        margin: 0 auto;
        font-weight: bold;
        font-size: 20px;
        cursor: pointer;
    }

    input[type="button"].wpcf7-back {
        background: none;
        margin-top: 30px;
        padding: 5px 10px;
        font-weight: normal;
        font-size: 15px;
    }
}


@media only screen and (max-width: 1095px) {
    .article--model-dog img {
        max-width: 100%;
        height: auto;
    }




    .article--model-dog form {
        width: 100%;
    }

    .article--model-dog .contact-form {

        dt,
        dd {
            float: none;
            padding: 0;
            border: none;
            width: 100%;
        }

        dd {
            margin-bottom: 20px;
        }
    }

}
*/
/* facilities */
.article--facilities .p-facilities-list__subjecttit {
  color: #fff !important;
  background: #008039;
}
.article--facilities .p-facilities-list__subjecttit--tri {
  background: #ee86a7 !important;
}
.article--facilities .p-facilities-list__subjecttit--cat {
  background: #ba79a5 !important;
}
.article--facilities .p-facilities-list__subjecttit--cre {
  background: #26ABE3 !important;
}
.article--facilities .p-facilities-list__subjecttit--dog {
  background: #86992A !important;
}
.article--facilities .p-facilities-list__subjecttit--pdg {
  background: #5085c5 !important;
}
.article--facilities .p-facilities-list__subjecttit--brd {
  background: #E76003 !important;
}
.article--facilities .p-facilities-list__subjecttit--brb {
  background: #f29839 !important;
}
.article--facilities .p-facilities-list__subjecttit--bra {
  background: #5F67AE !important;
}
.article--facilities .p-facilities-list__subjecttit--all {
  background: #008039 !important;
}
.article--facilities .p-facilities-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.article--facilities .p-facilities-list__item:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.article--facilities .p-facilities-list__item--mainimg {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 550px;
          flex: 0 0 550px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 0;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item--mainimg {
    margin-top: 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.article--facilities .p-facilities-list__item--mainimg img {
  border-radius: 10px;
}
.article--facilities .p-facilities-list__item__caption {
  padding-top: 20px;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item__caption {
    padding: 0;
  }
}
.article--facilities .p-facilities-list__item__caption > dt {
  font-size: 1.3rem;
  margin-bottom: 15px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  color: #008039;
  padding-left: 40px;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item__caption > dt {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item__caption > dt {
    padding-left: 0;
  }
}
.article--facilities .p-facilities-list__item__caption > dd {
  margin-left: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item__caption > dd {
    margin-left: 0;
  }
}
.article--facilities .p-facilities-list__item__caption > dd + dd {
  margin-top: 15px;
}
.article--facilities .p-facilities-list__item__caption--subject dt {
  font-weight: bold;
}
.article--facilities .p-facilities-list__item__caption--subject dd span.sjt {
  background: #008039;
  display: inline-block;
  border-radius: 3px;
  padding: 0 8px 9px;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item__caption--subject dd span.sjt {
    padding: 0 2px 3px;
  }
}
.article--facilities .p-facilities-list__item__caption--subject dd span.sjt:not(:first-child) {
  margin-left: 3px;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item__caption--subject dd span.sjt:not(:first-child) {
    margin-left: 2px;
  }
}
.article--facilities .p-facilities-list__item__caption--subject dd span.sjt:before {
  line-height: 1;
  display: inline-block;
  vertical-align: text-bottom;
  color: #fff;
  font-weight: bold;
  font-size: 0.7em;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item__caption--subject dd span.sjt:before {
    padding: 5px;
  }
}
.article--facilities .p-facilities-list__item__caption__photo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.article--facilities .p-facilities-list__item__caption__photo-list img {
  border-radius: 10px;
}
.article--facilities .p-facilities-list__item__caption__photo-list--sub-1of3 {
  width: calc(33.33% - 3.33px);
  margin-right: 5px;
}
.article--facilities .p-facilities-list__item__caption__photo-list--sub-1of3:nth-child(3n) {
  margin-right: 0;
}
.article--facilities .p-facilities-list__item__caption__photo-list--sub-1of3:nth-child(n+4) {
  margin-top: 5px;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item__caption__photo-list--sub-1of3 {
    width: calc(50% - 3.33px);
    margin-right: 5px;
  }
  .article--facilities .p-facilities-list__item__caption__photo-list--sub-1of3:nth-child(2n) {
    margin-right: 0;
  }
  .article--facilities .p-facilities-list__item__caption__photo-list--sub-1of3:nth-child(n+3) {
    margin-top: 5px;
  }
}
.article--facilities .p-facilities-list__item__caption__photo-list--sub-1of2 {
  width: calc(33.33% - 3.33px);
  margin-right: 5px;
}
.article--facilities .p-facilities-list__item__caption__photo-list--sub-1of1 {
  width: calc(33.33% - 3.33px);
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__item__caption__photo-list--sub-1of1 {
    width: 100%;
  }
}
.article--facilities .p-facilities-list__fukidashi {
  position: absolute;
  padding: 5px 15px;
  top: -20px;
  left: 100px;
  border: 2px solid #008039;
  background-color: #008039;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  border-radius: 999px;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list__fukidashi {
    left: 5px;
  }
}
.article--facilities .p-facilities-list__fukidashi::before {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) skew(45deg);
      -ms-transform: translateX(-50%) skew(45deg);
          transform: translateX(-50%) skew(45deg);
  height: 15px;
  width: 15px;
  border-right: 3px solid #008039;
  content: "";
}
.article--facilities .p-facilities-list--tri .p-facilities-list__item__caption > dt {
  color: #ee86a7;
}
.article--facilities .p-facilities-list--cat .p-facilities-list__item__caption > dt {
  color: #ba79a5;
}
.article--facilities .p-facilities-list--cre .p-facilities-list__item__caption > dt {
  color: #26ABE3;
}
.article--facilities .p-facilities-list--dog .p-facilities-list__item__caption > dt {
  color: #86992A;
}
.article--facilities .p-facilities-list--pdg .p-facilities-list__item__caption > dt {
  color: #5085c5;
}
.article--facilities .p-facilities-list--brd .p-facilities-list__item__caption > dt {
  color: #E76003;
}
.article--facilities .p-facilities-list--brb .p-facilities-list__item__caption > dt {
  color: #f29839;
}
.article--facilities .p-facilities-list--bra .p-facilities-list__item__caption > dt {
  color: #5F67AE;
}
.article--facilities .p-facilities-list--all .p-facilities-list__item__caption > dt {
  color: #008039;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-tri {
  background: #ee86a7;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-cat {
  background: #ba79a5;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-cre {
  background: #26ABE3;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-dog {
  background: #86992A;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-pdg {
  background: #5085c5;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-brd {
  background: #E76003;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-brb {
  background: #f29839;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-bra {
  background: #5F67AE;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-all {
  background: #008039;
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-trs::before {
  content: "トリマー科";
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-tri::before {
  content: "トリマーコース";
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-cat::before {
  content: "キャットコース";
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-cre::before {
  content: "愛玩動物看護科";
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-dog::before {
  content: "ドッグトレーナー科";
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-pdg::before {
  content: "PRO DOG TRAINER科";
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-brd::before {
  content: "飼育管理科";
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-brb::before {
  content: "飼育コース";
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-bra::before {
  content: "アクアコース";
}

.article--facilities .p-facilities-list .p-facilities-list__item__caption--subject span.sjt-all::before {
  content: "全科";
}

.article--facilities .p-facilities-list-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.article--facilities .p-facilities-list-all__item {
  width: calc(33.33% - 13.33px);
  margin-right: 20px;
}
.article--facilities .p-facilities-list-all__item:nth-child(3n) {
  margin-right: 0;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list-all__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .article--facilities .p-facilities-list-all__item:not(:first-child) {
    margin-top: 15px;
  }
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list-all__item--mainimg {
    margin-top: 15px;
  }
}
.article--facilities .p-facilities-list-all__item--mainimg img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.article--facilities .p-facilities-list-all__item__caption {
  padding-top: 20px;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list-all__item__caption {
    padding: 0;
  }
}
.article--facilities .p-facilities-list-all__item__caption > dt {
  font-size: 1.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 5px;
  text-align: center;
  color: #333;
  font-weight: bolder;
  background: rgb(232, 241, 200);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 241, 200, 0.5)), to(rgba(176, 228, 194, 0.5)));
  background: linear-gradient(90deg, rgba(232, 241, 200, 0.5) 0%, rgba(176, 228, 194, 0.5) 100%);
  /*  text-align: center;
    padding: 10px 0;
    width: 100%;
    font-weight: bolder;
    color: #333;
  span {background:linear-gradient(transparent 70%, #fff379 60%);}
  */
  margin-bottom: 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list-all__item__caption > dt {
    line-height: 1.3;
  }
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list-all__item__caption > dt {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list-all__item__caption > dt {
    padding-left: 15px;
  }
}
.article--facilities .p-facilities-list-all__item__caption > dd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list-all__item__caption > dd {
    margin-left: 0;
  }
}
.article--facilities .p-facilities-list-all__item__caption > dd + dd {
  margin-top: 15px;
}
.article--facilities .p-facilities-list-all__item__caption--subject dt {
  font-weight: bold;
}
.article--facilities .p-facilities-list-all__item__caption--subject dd span.sjt {
  background: #008039;
  display: inline;
  border-radius: 3px;
  padding: 0 5px 5px;
}
@media screen and (max-width: 639px) {
  .article--facilities .p-facilities-list-all__item__caption--subject dd span.sjt {
    padding: 0 2px 3px;
  }
}
.article--facilities .p-facilities-list-all__item__caption--subject dd span.sjt:before {
  line-height: 1;
  display: inline;
  vertical-align: text-bottom;
  color: #fff;
  font-weight: bold;
  font-size: 0.7em;
  content: "全科";
}
/* facilities-list */
.facilities-maintit {
  color: #3151A2 !important;
  background: none !important;
  padding: 0 !important;
}
.facilities-maintit span {
  position: relative;
  background-image: repeating-linear-gradient(45deg, transparent 0 3px, #CDDF74 3px 6px);
  background-repeat: no-repeat;
  background-size: 100% 10px;
  background-position: left 0 bottom 0;
}

.facilities-carecenter {
  background: #e9f6fc;
  border-color: #e9f6fc;
}

.p-fc-nav {
  max-width: 1080px;
  margin: 50px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1095px) {
  .p-fc-nav {
    padding: 0 20px;
  }
}
@media screen and (max-width: 639px) {
  .p-fc-nav {
    margin: 30px auto;
  }
}
.p-fc-nav__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.p-fc-nav__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(20% - 10px);
  margin-right: 10px;
}
.p-fc-nav__item:nth-child(5n) {
  margin-right: 0;
}
.p-fc-nav__item:nth-child(n+6) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .p-fc-nav__item {
    width: 100%;
    margin-right: 0;
  }
  .p-fc-nav__item:nth-child(n+2) {
    margin-top: 10px;
  }
}
.p-fc-nav__item--spc {
  margin-right: 0;
  width: 59%;
}
@media screen and (max-width: 639px) {
  .p-fc-nav__item--spc {
    width: 100%;
  }
}
.p-fc-nav__item--spc img {
  width: 11%;
  height: auto;
}
@media screen and (max-width: 639px) {
  .p-fc-nav__item--spc img {
    width: 30%;
  }
}
.p-fc-nav__link {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px #ccc;
          box-shadow: 0 0 0 1px #ccc;
  background: #fff;
  padding: 15px;
  text-align: center;
  color: #666;
  height: 100%;
  line-height: 1.2;
  font-size: 1.125rem;
}
.p-fc-nav__link:link {
  color: #666;
}
@media only screen and (max-width: 639px) {
  .p-fc-nav__link {
    padding: 7px 20px;
    font-weight: normal;
    position: relative;
  }
}
.p-fc-nav__link:hover {
  background: #f5fff2;
}
.p-fc-nav__link:after {
  display: block;
  font-family: "ElegantIcons";
  content: "7";
  color: #b1eacc;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .p-fc-nav__link:after {
    display: inline-block;
    font-size: 15px;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.p-fc-nav__link--spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .p-fc-nav__link--spec {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.p-fc-nav__link--spec:after {
  content: "5";
}
.p-fc-nav__tit {
  font-size: 25px;
  margin-left: 10px;
}
@media screen and (max-width: 639px) {
  .p-fc-nav__tit {
    font-size: 16px;
  }
}

/* holiday-consultation */
.article--holiday-consultation .p-reserve {
  display: inline-block;
  margin-right: 0.2em;
  padding: 0.3em 0.5em;
  font-size: 0.9em;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #ff713d;
  border-radius: 10rem;
  line-height: 1;
  vertical-align: middle;
}

.p-hc-timelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #ddd;
}
.p-hc-timelist__item {
  width: 9em;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-hc-timelist__item {
    width: 100%;
  }
}

.p-hc-daylist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding-bottom: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #ddd;
}
.p-hc-daylist__item {
  width: 30%;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .p-hc-daylist__item {
    width: 100%;
  }
}

.article--holiday-consultation .p-hc-about__item {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 5px;
}
.article--holiday-consultation .p-hc-about__title {
  font-size: 1.3rem;
  margin: -20px -20px 15px -20px;
  padding: 15px;
  color: #008039;
  background: #e3f8ed;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .article--holiday-consultation .p-hc-about__title {
    line-height: 1.3;
  }
}
.article--holiday-consultation .p-hc-about__text {
  font-size: 1.2rem;
}
.article--holiday-consultation .p-hc-about__text + * {
  margin-top: 10px;
}
.article--holiday-consultation .p-hc-about__list {
  margin-top: 10px;
  font-size: 1.2rem;
}
.article--holiday-consultation .p-hc-about__list li:nth-child(n+2) {
  margin-top: 10px;
}
@media screen and (max-width: 639px) {
  .article--holiday-consultation .p-hc-about__list li:nth-child(n+2) {
    margin-top: 5px;
  }
}

.article--holiday-consultation .p-entry-list__item {
  padding: 20px;
  background: #eff4ee;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.article--holiday-consultation .p-entry-list__title {
  font-size: 1.3rem;
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 639px) {
  .article--holiday-consultation .p-entry-list__title {
    line-height: 1.3;
  }
}
.article--holiday-consultation .p-entry-list__txt {
  margin-bottom: 10px;
}
.article--holiday-consultation .p-entry-list__tel {
  font-size: 50px;
  color: #333;
}
@media screen and (max-width: 639px) {
  .article--holiday-consultation .p-entry-list__tel {
    font-size: 30px;
  }
}
.article--holiday-consultation .p-entry-list__tel::before {
  content: url(img/freedial.svg);
  display: inline-block;
}
@media screen and (max-width: 639px) {
  .article--holiday-consultation .p-entry-list__tel::before {
    content: "";
    display: inline-block;
    background: url(img/freedial.svg) no-repeat;
    height: 30px;
    width: 41px;
    background-size: contain;
    vertical-align: middle;
  }
}

/*sugawara*/
.sugawara-history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 639px) {
  .sugawara-history {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sugawara-history dt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 11em;
  padding: 5px 0;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .sugawara-history dt {
    width: 100%;
    padding: 0;
  }
}
.sugawara-history dd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 11em);
  padding: 5px 0;
}
@media screen and (max-width: 639px) {
  .sugawara-history dd {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 639px) {
  .sugawara-history dd + dt {
    margin-top: 15px;
  }
}

/* student-voice */
.student-voice__imgtit {
  height: 200px;
  width: auto;
}
@media screen and (max-width: 639px) {
  .student-voice__imgtit {
    width: 90%;
    height: auto;
  }
}
.student-voice__imgtit--wrap {
  text-align: center;
  background: none !important;
}
.student-voice__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.student-voice__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 20px;
  border: 3px solid #008039;
  background: #fff;
  -webkit-box-shadow: 0 10px #008039;
          box-shadow: 0 10px #008039;
  width: calc(25% - 15px);
}
@media screen and (max-width: 639px) {
  .student-voice__item {
    width: 100%;
  }
}
@media screen and (max-width: 639px) {
  .student-voice__item:nth-child(n+2) {
    margin-top: 20px;
  }
}
.student-voice__item:nth-child(n+5) {
  margin-top: 20px;
}
.student-voice__img {
  max-width: 100%;
  height: auto;
  border-radius: 16px 16px 0 0;
}
@media screen and (max-width: 639px) {
  .student-voice__img {
    border-radius: 16px 16px 0 0;
  }
}
.student-voice__spec {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  font-size: 14px;
  text-align: center;
  border-radius: 999px;
}
.student-voice__subject {
  background: #008039;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 999px;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
  display: block;
  margin-bottom: 10px;
}
.student-voice__name {
  display: block;
  font-size: 16px;
}
.student-voice__item--tri {
  border-color: #ee86a7;
  -webkit-box-shadow: 7px 7px #ee86a7;
          box-shadow: 7px 7px #ee86a7;
}
.student-voice__item--tri .student-voice__subject {
  background: #ee86a7;
}
.student-voice__item--cat {
  border-color: #ba79a5;
  -webkit-box-shadow: 7px 7px #ba79a5;
          box-shadow: 7px 7px #ba79a5;
}
.student-voice__item--cat .student-voice__subject {
  background: #ba79a5;
}
.student-voice__item--cre {
  border-color: #26ABE3;
  -webkit-box-shadow: 7px 7px #26ABE3;
          box-shadow: 7px 7px #26ABE3;
}
.student-voice__item--cre .student-voice__subject {
  background: #26ABE3;
}
.student-voice__item--dog {
  border-color: #86992A;
  -webkit-box-shadow: 7px 7px #86992A;
          box-shadow: 7px 7px #86992A;
}
.student-voice__item--dog .student-voice__subject {
  background: #86992A;
}
.student-voice__item--pdg {
  border-color: #5085c5;
  -webkit-box-shadow: 7px 7px #5085c5;
          box-shadow: 7px 7px #5085c5;
}
.student-voice__item--pdg .student-voice__subject {
  background: #5085c5;
}
.student-voice__item--brd {
  border-color: #E76003;
  -webkit-box-shadow: 7px 7px #E76003;
          box-shadow: 7px 7px #E76003;
}
.student-voice__item--brd .student-voice__subject {
  background: #E76003;
}
.student-voice__item--brb {
  border-color: #f29839;
  -webkit-box-shadow: 7px 7px #f29839;
          box-shadow: 7px 7px #f29839;
}
.student-voice__item--brb .student-voice__subject {
  background: #f29839;
}
.student-voice__item--bra {
  border-color: #5F67AE;
  -webkit-box-shadow: 7px 7px #5F67AE;
          box-shadow: 7px 7px #5F67AE;
}
.student-voice__item--bra .student-voice__subject {
  background: #5F67AE;
}
.student-voice__item--all {
  border-color: #008039;
  -webkit-box-shadow: 7px 7px #008039;
          box-shadow: 7px 7px #008039;
}
.student-voice__item--all .student-voice__subject {
  background: #008039;
}

/* job-zukan */
.job-zukan {
  /*


  	&::before {
  		content: "●";
  		color: white;
  		margin-right: 8px;
  		display: inline-block;
  		position: absolute;
  		top: 50%;
  		left: 0.5em;
  		transform: translateY(-50%);
  	}

  &__jobtit {
  	position: relative;
  	//display: inline-block;
  	height: 50px;
  	margin-left: 30px;
  	margin-bottom: 20px;
  	padding: 0.4em 1em 0.2em 20px;
  	letter-spacing: 0.1em;
  	font-size: 21px;
  	color: #fff;
  	background: #a88061;
  	box-sizing: border-box;
  	display: inline-block;
  	transform: rotate(-4deg);

  	@media screen and (max-width: $bp1) {
  		font-size: 16px;
  		padding: 0.1em 0.5em 0.2em 15px;
  	}

  	&--line1 {
  		@media screen and (max-width: $bp1) {
  			padding: 0.7em 1em 0.2em 20px;
  		}

  	}

  	&::before {
  		position: absolute;
  		top: 0;
  		left: -25px;
  		content: '';
  		border-width: 25px 25px 25px 0;
  		border-style: solid;
  		border-color: transparent #a88061 transparent transparent;
  	}

  	&::after {
  		position: absolute;
  		top: calc(50% - 7px);
  		left: -10px;
  		width: 14px;
  		height: 14px;
  		content: '';
  		border-radius: 50%;
  		background: #fff;
  	}
  }*/
}
.job-zukan__item {
  background: #FFFCF6;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
}
@media screen and (max-width: 639px) {
  .job-zukan__item {
    padding: 0 20px 20px 20px;
  }
}
.job-zukan__jobtit {
  color: #3151A2;
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 639px) {
  .job-zukan__jobtit {
    font-size: 16px;
  }
}
.job-zukan__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
  .job-zukan__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.job-zukan__img {
  max-width: 100%;
  height: auto;
}
.job-zukan__img--wrap {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 639px) {
  .job-zukan__img--wrap {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.job-zukan__photo {
  max-width: 100%;
  height: auto;
  border-radius: 15px;
}
.job-zukan__photo--wrap {
  width: 40%;
  text-align: center;
  margin: 20px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .job-zukan__photo--wrap {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.job-zukan__subtit {
  font-weight: bold;
  margin-bottom: 5px;
  color: #3151A2;
}
.job-zukan__body {
  width: 60%;
  margin: 20px 0 0 0;
  padding: 0 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .job-zukan__body {
    width: 100%;
    padding-left: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.job-zukan__txt {
  color: #3151A2;
}
.job-zukan__txt + .job-zukan__subtit {
  margin-top: 15px;
}
.job-zukan__subject {
  margin-top: 10px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.job-zukan__subjecttit {
  color: #3151A2;
  width: 5em;
  font-weight: bold;
}
.job-zukan__subjecttxt {
  width: calc(100% - 5em);
}
.job-zukan__subjecttxt span.sjt {
  background: #008039;
  display: inline-block;
  border-radius: 999px;
  padding: 0 8px 7px;
  line-height: 1;
}
@media screen and (max-width: 639px) {
  .job-zukan__subjecttxt span.sjt {
    padding: 0 2px 3px;
  }
}
.job-zukan__subjecttxt span.sjt:not(:first-child) {
  margin-left: 3px;
}
@media screen and (max-width: 639px) {
  .job-zukan__subjecttxt span.sjt:not(:first-child) {
    margin-left: 2px;
  }
}
.job-zukan__subjecttxt span.sjt:before {
  line-height: 1;
  display: inline-block;
  vertical-align: text-bottom;
  color: #fff;
  font-weight: bold;
  font-size: 0.7em;
}
@media screen and (max-width: 639px) {
  .job-zukan__subjecttxt span.sjt:before {
    padding: 5px;
  }
}
.job-zukan__subjecttxt span.sjt-tri {
  background: #ee86a7;
}
.job-zukan__subjecttxt span.sjt-cat {
  background: #ba79a5;
}
.job-zukan__subjecttxt span.sjt-cre {
  background: #26ABE3;
}
.job-zukan__subjecttxt span.sjt-dog {
  background: #86992A;
}
.job-zukan__subjecttxt span.sjt-pdg {
  background: #5085c5;
}
.job-zukan__subjecttxt span.sjt-brd {
  background: #E76003;
}
.job-zukan__subjecttxt span.sjt-brb {
  background: #f29839;
}
.job-zukan__subjecttxt span.sjt-bra {
  background: #5F67AE;
}
.job-zukan__subjecttxt span.sjt-all {
  background: #008039;
}
.job-zukan__subjecttxt span.sjt-tri::before {
  content: "トリマー科";
}
.job-zukan__subjecttxt span.sjt-cat::before {
  content: "キャットコース";
}
.job-zukan__subjecttxt span.sjt-cre::before {
  content: "愛玩動物看護科";
}
.job-zukan__subjecttxt span.sjt-dog::before {
  content: "ドッグトレーナー科";
}
.job-zukan__subjecttxt span.sjt-pdg::before {
  content: "PRO DOG TRAINER科";
}
.job-zukan__subjecttxt span.sjt-brd::before {
  content: "飼育管理科";
}
.job-zukan__subjecttxt span.sjt-brb::before {
  content: "飼育コース";
}
.job-zukan__subjecttxt span.sjt-bra::before {
  content: "アクアコース";
}
.job-zukan__subjecttxt span.sjt-all::before {
  content: "全科";
}
.job-zukan__toc {
  margin: 20px 0 40px;
}
.job-zukan__toc-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.job-zukan__toc-item {
  width: calc(14% - 10px);
  margin-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 639px) {
  .job-zukan__toc-item {
    width: calc(50% - 5px);
  }
  .job-zukan__toc-item:nth-child(n+3) {
    margin-top: 10px;
  }
  .job-zukan__toc-item:nth-child(2n) {
    margin-right: 0;
  }
}
.job-zukan__toc-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 5px;
  background-color: #FFFCF6;
  padding: 14px;
  text-align: center;
  height: 100%;
  line-height: 1.2;
  font-size: 14px;
}
@media screen and (max-width: 639px) {
  .job-zukan__toc-link {
    position: relative;
    font-size: 13px;
    padding: 5px;
  }
}
.job-zukan__toc-link:link, .job-zukan__toc-link:visited {
  color: #666;
}
.job-zukan__toc-link:after {
  display: block;
  font-family: "ElegantIcons";
  content: "7";
  color: #3151A2;
  line-height: 1;
  margin-top: 3px;
}
.job-zukan__toc-img {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 15px;
}
.job-zukan__toc-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 639px) {
  .job-zukan__toc-img {
    width: 60%;
    margin: 0 auto 10px;
  }
}
.job-zukan__toc-txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}