@charset "UTF-8";
/*
 * project name
*/
@import url("https://use.fontawesome.com/releases/v5.10.2/css/all.css");
/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
@import url("https://fonts.googleapis.com/css?family=Archivo");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Raleway:400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Oswald:400,700");
/*==　ページスクロール　==*/
#pageScroll {
  position: fixed;
  bottom: -60px;
  right: 30px;
  width: 40px;
  height: 40px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#pageScroll a {
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
  background: #000;
  padding: 10px 0 0;
  border-radius: 2px 2px 0 0;
  color: #FFF;
}
#pageScroll a i {
  font-size: 116%;
  color: #FFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#pageScroll a:hover i {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.fixed#pageScroll {
  bottom: 40px;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  /*==　ハンバーガーメニュー　==*/
  .menuBtn {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    cursor: pointer;
    z-index: 9999;
  }
  .menuBtn span {
    width: 26px;
    height: 1px;
    display: block;
    left: 50%;
    top: 50%;
    margin-left: -13px;
    margin-top: -1px;
    position: relative;
    background: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .menuBtn span:before, .menuBtn span:after {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    content: "";
    width: 13px;
    height: 1px;
    display: block;
    background: #222;
    position: absolute;
  }
  .menuBtn span:before {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  .menuBtn span:after {
    -webkit-transform: translateX(13px);
            transform: translateX(13px);
    opacity: 1;
  }
  .menuBtn span.top {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  .menuBtn span.middle {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .menuBtn span.bottom {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  .is-open.menuBtn span:before, .is-open.menuBtn span:after {
    background: #FFF;
  }
  .is-open.menuBtn span.middle:before {
    -webkit-transform: translateX(-13px);
            transform: translateX(-13px);
    opacity: 0;
  }
  .is-open.menuBtn span.middle:after {
    -webkit-transform: translateX(39px);
            transform: translateX(39px);
    opacity: 0;
  }
  .is-open.menuBtn span.top {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  .is-open.menuBtn span.top:before {
    -webkit-transform: translateX(2px) rotate(45deg);
            transform: translateX(2px) rotate(45deg);
  }
  .is-open.menuBtn span.top:after {
    -webkit-transform: translateX(11px) rotate(-45deg);
            transform: translateX(11px) rotate(-45deg);
  }
  .is-open.menuBtn span.bottom {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  .is-open.menuBtn span.bottom:before {
    -webkit-transform: translateX(2px) rotate(-45deg);
            transform: translateX(2px) rotate(-45deg);
  }
  .is-open.menuBtn span.bottom:after {
    -webkit-transform: translateX(11px) rotate(45deg);
            transform: translateX(11px) rotate(45deg);
  }
  /*==　ページスクロール　==*/
  #pageScroll {
    right: 15px;
    -webkit-transition: none;
    transition: none;
    z-index: 1;
  }
  #pageScroll a:hover svg {
    -webkit-transform: none;
            transform: none;
  }
  .fixed#pageScroll {
    bottom: 20px;
  }
}
.boxBtnA {
  display: block;
  background: #466c90;
  text-align: center;
  color: #FFF;
  padding: 18px 0;
  font-size: 108%;
  position: relative;
  border-radius: 0;
}
.boxBtnA::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 20px;
  margin: -11px 0 0;
}
.boxBtnA:hover {
  color: #FFF;
  background: #587ea2;
}

.boxBtnB {
  display: block;
  background: #466c90;
  text-align: center;
  color: #FFF;
  padding: 18px 0;
  font-size: 108%;
  position: relative;
  border-radius: 0;
}
.boxBtnB::before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  left: 20px;
  margin: -11px 0 0;
}
.boxBtnB:hover {
  color: #FFF;
  background: #587ea2;
}

.arrowBtn a {
  position: relative;
  padding: 0 24px 10px 0;
}
.arrowBtn a span.arrow {
  text-align: center;
  width: 15px;
  height: 15px;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 0;
  margin: -14px 0 0;
}
.arrowBtn a span.arrow::before, .arrowBtn a span.arrow::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  font-size: 70%;
  content: "\f061";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
}
.arrowBtn a span.arrow::after {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.arrowBtn a:hover span.arrow::before {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.5, 0.1, 0.1, 1);
          transition-timing-function: cubic-bezier(0.5, 0.1, 0.1, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.arrowBtn a:hover span.arrow::after {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: cubic-bezier(0.5, 0.1, 0.1, 1);
          transition-timing-function: cubic-bezier(0.5, 0.1, 0.1, 1);
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (max-width: 896px) {
  .boxBtnA {
    padding: 14px 0;
    font-size: 100%;
  }
  .boxBtnA::before {
    right: 14px;
  }
}
a.post-edit-link {
  display: block;
  padding: 15px 0;
  text-align: center;
  background: #222;
  color: #FFF;
}
a.post-edit-link:hover {
  background: #333;
  color: #FFF;
}

.wp-pagenavi {
  text-align: center;
  font-size: 100%;
  margin: 80px auto 0;
}
.wp-pagenavi span.current {
  background: #466c90;
  color: #FFF;
  padding: 10px 14px;
  border-radius: 20px;
  margin: 0 3px;
}
.wp-pagenavi a.page {
  font-size: 100%;
  background: #F0F0F0;
  color: #000;
  padding: 10px 14px;
  border-radius: 20px;
  margin: 0 3px;
}
.wp-pagenavi a.page:hover {
  background: #587ea2;
  color: #FFF;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
  font-size: 85%;
  color: #466c90;
  margin: 0 5px;
  padding: 8px;
  position: relative;
  border: none;
}
.wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover {
  color: #587ea2;
}

.entryBtnWrap {
  position: relative;
  height: 60px;
  width: 100%;
  margin: 60px auto 0;
  padding: 0;
}
.entryBtnWrap p {
  position: absolute;
  top: 0;
}
.entryBtnWrap p a {
  color: #466c90;
  font-size: 100%;
  background: none;
  display: block;
  text-align: center;
  padding: 16px 0;
  position: relative;
}
.entryBtnWrap p a:after {
  position: absolute;
}
.entryBtnWrap p.prevBtn, .entryBtnWrap p.nextBtn {
  width: 25%;
}
.entryBtnWrap p.prevBtn a:hover, .entryBtnWrap p.nextBtn a:hover {
  color: #8ea7bd;
}
.entryBtnWrap p.prevBtn a::after, .entryBtnWrap p.nextBtn a::after {
  top: 50%;
  margin: -12px 0 0;
}
.entryBtnWrap p.prevBtn {
  left: 0;
}
.entryBtnWrap p.prevBtn a {
  padding: 16px 0 16px 12px;
}
.entryBtnWrap p.prevBtn a::after {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 12px;
}
.entryBtnWrap p.nextBtn {
  right: 0;
}
.entryBtnWrap p.nextBtn a {
  padding: 16px 12px 16px 0;
}
.entryBtnWrap p.nextBtn a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 12px;
}
.entryBtnWrap p.backIndexBtn {
  left: 50%;
  width: 30%;
  margin: 0 0 0 -15%;
}
.entryBtnWrap p.backIndexBtn a {
  text-align: center;
  color: #466c90;
  background: #f0f3f6;
  border-radius: 2px;
}
.entryBtnWrap p.backIndexBtn a:hover {
  background: #466c90;
  color: #FFF;
}

.editer .alignleft {
  float: left;
  margin: 0 30px 30px 0;
}
.editer .alignright {
  float: right;
  margin: 0 0 30px 30px;
}
.editer .aligncenter {
  width: auto;
  max-width: 100%;
  text-align: center;
  margin: 20px auto;
  display: block;
}
.editer p {
  padding: 0 0 15px;
  font-size: 108%;
}
.editer p a {
  text-decoration: underline;
}
.editer p a:hover {
  text-decoration: none;
}
.editer h4, .editer h5, .editer h6 {
  margin: 0 0 15px 0;
  padding: 0;
  font-weight: bold;
}
.editer h4 {
  font-size: 200%;
}
.editer h5 {
  font-size: 177%;
}
.editer h6 {
  font-size: 154%;
}
.editer ul, .editer ol {
  padding: 0 0 0 1.8em;
  margin: 0 0 25px 0;
}
.editer ul li, .editer ol li {
  font-size: 108%;
  margin: 0 0 5px 0;
}
.editer ul li {
  list-style: disc;
}
.editer ol li {
  list-style: decimal;
}
.editer hr {
  display: block;
  width: 100%;
  height: 1px;
  background: #DDD;
  border: none;
  margin: 30px 0;
}
.editer .youtube {
  position: relative;
  max-width: 100%;
  padding-top: 56.25%;
  margin: 0 0 30px;
}
.editer .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.editer img {
  width: auto;
  height: auto;
  max-width: 100%;
  text-align: left;
  margin: 20px 0;
  display: block;
}
.editer table {
  width: 100%;
}
.editer table tr {
  border-bottom: 1px solid #DDD;
}
.editer table tr:first-of-type {
  border-top: 1px solid #DDD;
}
.editer table tr:nth-child(odd) {
  background: #F9F9F9;
}
.editer table tr th, .editer table tr td {
  padding: 10px;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin: 0px;
  display: block;
}
.mw_wp_form input[type=text],
.mw_wp_form input[type=tel],
.mw_wp_form input[type=email] {
  padding: 8px;
  font-size: 116%;
  color: #333;
  border: 1px solid #CCC;
}
.mw_wp_form input[type=text]:-moz-placeholder-shown, .mw_wp_form input[type=tel]:-moz-placeholder-shown, .mw_wp_form input[type=email]:-moz-placeholder-shown {
  color: #CCC;
}
.mw_wp_form input[type=text]:-ms-input-placeholder, .mw_wp_form input[type=tel]:-ms-input-placeholder, .mw_wp_form input[type=email]:-ms-input-placeholder {
  color: #CCC;
}
.mw_wp_form input[type=text]:placeholder-shown,
.mw_wp_form input[type=tel]:placeholder-shown,
.mw_wp_form input[type=email]:placeholder-shown {
  color: #CCC;
}
.mw_wp_form input[type=text]::-webkit-input-placeholder,
.mw_wp_form input[type=tel]::-webkit-input-placeholder,
.mw_wp_form input[type=email]::-webkit-input-placeholder {
  color: #CCC;
}
.mw_wp_form input[type=text]:-moz-placeholder,
.mw_wp_form input[type=tel]:-moz-placeholder,
.mw_wp_form input[type=email]:-moz-placeholder {
  color: #CCC;
  opacity: 1;
}
.mw_wp_form input[type=text]::-moz-placeholder,
.mw_wp_form input[type=tel]::-moz-placeholder,
.mw_wp_form input[type=email]::-moz-placeholder {
  color: #CCC;
  opacity: 1;
}
.mw_wp_form input[type=text]:-ms-input-placeholder,
.mw_wp_form input[type=tel]:-ms-input-placeholder,
.mw_wp_form input[type=email]:-ms-input-placeholder {
  color: #CCC;
}
.mw_wp_form input.sizeXxs {
  width: 15%;
}
.mw_wp_form input.sizeXs {
  width: 25%;
}
.mw_wp_form input.sizeS {
  width: 50%;
}
.mw_wp_form input.sizeM {
  width: 65%;
}
.mw_wp_form input.sizeL {
  width: 80%;
}
.mw_wp_form input.sizeXl {
  width: 100%;
}
.mw_wp_form textarea {
  width: 100%;
  height: 200px;
  padding: 8px;
  font-size: 116%;
  border: 1px solid #CCC;
  color: #333;
}
.mw_wp_form input::-moz-selection, .mw_wp_form textarea::-moz-selection {
  background: #666;
  color: #FFF;
}
.mw_wp_form input::selection,
.mw_wp_form textarea::selection {
  background: #666;
  color: #FFF;
}
.mw_wp_form input:focus,
.mw_wp_form textarea:focus {
  outline: 0;
  border: 1px solid #000;
}
.mw_wp_form input:focus::-webkit-input-placeholder, .mw_wp_form textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.mw_wp_form input:focus::-moz-placeholder, .mw_wp_form textarea:focus::-moz-placeholder {
  color: transparent;
}
.mw_wp_form input:focus:-ms-input-placeholder, .mw_wp_form textarea:focus:-ms-input-placeholder {
  color: transparent;
}
.mw_wp_form input:focus::-ms-input-placeholder, .mw_wp_form textarea:focus::-ms-input-placeholder {
  color: transparent;
}
.mw_wp_form input:focus::placeholder,
.mw_wp_form textarea:focus::placeholder {
  color: transparent;
}
.mw_wp_form span.mwform-checkbox-field {
  display: block;
}
.mw_wp_form label {
  display: block;
  margin: 0;
}
.mw_wp_form label input[type=checkbox],
.mw_wp_form label input[type=radio] {
  margin: 0 8px 0 0;
  outline: none;
}
.mw_wp_form .select-wrap {
  width: auto;
  position: relative;
  border: 1px solid #CCC;
}
.mw_wp_form .select-wrap::before {
  content: "\f0dc";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 10px;
  right: 10px;
  color: #999;
  z-index: 1;
}
.mw_wp_form select {
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  text-overflow: "";
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  height: 40px;
  padding: 8px 12px;
  width: 100%;
  border-radius: 3px;
  font-size: 116%;
  position: relative;
}
.mw_wp_form select option {
  background-color: #fff;
}
.mw_wp_form select::-ms-expand {
  display: none;
}
.mw_wp_form select:-moz-focusring {
  text-shadow: 0 0 0 #828c9a;
}
.mw_wp_form span.error {
  color: #e60012;
  font-weight: bold;
  font-size: 77%;
  display: block;
  padding: 5px 0 0;
}

.mw_wp_form table {
  width: 100%;
}
.mw_wp_form table tbody tr {
  border-top: 1px solid #DDD;
}
.mw_wp_form table tbody tr th, .mw_wp_form table tbody tr td {
  padding: 14px 1em;
}
.mw_wp_form table tbody tr th {
  width: 30%;
  font-size: 100%;
  text-align: left;
}
.mw_wp_form table tbody tr td {
  width: 70%;
}

.mw_wp_form_input table tbody tr th span.hissu {
  display: inline-block;
  color: #FFF;
  font-size: 10px;
  padding: 1px 6px;
  margin-left: 10px;
  background: #f0f3f6;
  border-radius: 5px;
}
.mw_wp_form_input table tbody tr th span.cap {
  display: block;
  font-size: 12px;
}
.mw_wp_form_input table tbody tr td span.age {
  margin: 0 8px;
}
.mw_wp_form_input table tbody tr td span.captionTxt {
  display: block;
  font-size: 85%;
  color: #c40e0e;
  margin: 5px 0 0;
}
.mw_wp_form_input p.underTxt {
  text-align: center;
  font-size: 85%;
  color: #666;
}

.mw_wp_form_confirm table tbody tr th span.hissu {
  display: none;
}
.mw_wp_form_confirm table tbody tr th span.cap {
  display: none;
}
.mw_wp_form_confirm table tbody tr td span.age {
  margin: 0 8px;
}
.mw_wp_form_confirm table tbody tr td span.captionTxt {
  display: none;
}
.mw_wp_form_confirm table tbody tr td .select-wrap {
  border: none;
}
.mw_wp_form_confirm table tbody tr td .select-wrap::before {
  display: none;
}
.mw_wp_form_confirm p.underTxt {
  display: none;
}

.inputBtnArea {
  text-align: center;
  margin: 30px 0 0;
}
.inputBtnArea input[type=button],
.inputBtnArea input[type=submit] {
  padding: 18px 0;
  text-align: center;
  font-size: 116%;
  cursor: pointer;
  width: 33%;
  font-weight: normal;
  border: none;
  border-radius: 10px;
}
.inputBtnArea input[type=submit] {
  background: #e60012;
  color: #FFF;
  margin: 0 0 0 10px;
}
.inputBtnArea input[type=submit]:hover {
  background: #ad000e;
}
.inputBtnArea input.back {
  background: #999;
  color: #FFF;
  margin: 0 10px 0 0;
}
.inputBtnArea input.back:hover {
  background: #CCC;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  .wp-pagenavi {
    margin: 40px auto 0;
  }
  .entryBtnWrap {
    height: 50px;
    margin: 40px 0 0;
  }
  .entryBtnWrap p a {
    font-size: 85%;
    background: none;
    padding: 12px 0;
  }
  .entryBtnWrap p.prevBtn, .entryBtnWrap p.nextBtn {
    width: 33.3333%;
  }
  .entryBtnWrap p.prevBtn a, .entryBtnWrap p.nextBtn a {
    background: none;
  }
  .entryBtnWrap p.prevBtn a:hover, .entryBtnWrap p.nextBtn a:hover {
    background: none;
  }
  .entryBtnWrap p.backIndexBtn {
    width: 33.3333%;
    margin: 0 0 0 -16.6666%;
  }
  .editer {
    padding: 0 5%;
  }
  .editer p {
    font-size: 100%;
    line-height: 1.6;
  }
  .editer h4 {
    font-size: 154%;
  }
  .editer h5 {
    font-size: 131%;
  }
  .editer h6 {
    font-size: 116%;
  }
  .editer ul li, .editer ol li {
    font-size: 100%;
  }
  .editer img {
    margin: 10px 0;
  }
  .mw_wp_form input[type=text],
  .mw_wp_form input[type=tel],
  .mw_wp_form input[type=email] {
    padding: 5px;
  }
  .mw_wp_form input.sizeXs {
    width: 50%;
  }
  .mw_wp_form input.sizeS {
    width: 100%;
  }
  .mw_wp_form input.sizeM {
    width: 100%;
  }
  .mw_wp_form input.sizeL {
    width: 100%;
  }
  .mw_wp_form input.sizeXl {
    width: 100%;
  }
  .mw_wp_form textarea {
    height: 160px;
    padding: 5px;
  }
  .mw_wp_form input::-moz-selection, .mw_wp_form textarea::-moz-selection {
    background: #666;
    color: #FFF;
  }
  .mw_wp_form input::selection,
  .mw_wp_form textarea::selection {
    background: #666;
    color: #FFF;
  }
  .mw_wp_form input:focus,
  .mw_wp_form textarea:focus {
    outline: 0;
    border: 1px solid #333;
  }
  .mw_wp_form input:focus::-webkit-input-placeholder, .mw_wp_form textarea:focus::-webkit-input-placeholder {
    color: transparent;
  }
  .mw_wp_form input:focus::-moz-placeholder, .mw_wp_form textarea:focus::-moz-placeholder {
    color: transparent;
  }
  .mw_wp_form input:focus:-ms-input-placeholder, .mw_wp_form textarea:focus:-ms-input-placeholder {
    color: transparent;
  }
  .mw_wp_form input:focus::-ms-input-placeholder, .mw_wp_form textarea:focus::-ms-input-placeholder {
    color: transparent;
  }
  .mw_wp_form input:focus::placeholder,
  .mw_wp_form textarea:focus::placeholder {
    color: transparent;
  }
  .mw_wp_form select {
    width: 100%;
  }
  .mw_wp_form select {
    border: none;
  }
  .mw_wp_form table {
    width: 100%;
  }
  .mw_wp_form table tbody tr {
    border-top: 1px solid #DDD;
  }
  .mw_wp_form table tbody tr th, .mw_wp_form table tbody tr td {
    display: block;
    padding: 12px 3%;
  }
  .mw_wp_form table tbody tr th {
    background: #f5f5ef;
    width: 100%;
    font-size: 100%;
  }
  .mw_wp_form table tbody tr td {
    width: 100%;
  }
  .mw_wp_form_input table tbody tr th span.hissu {
    padding: 1px 5px;
    border-radius: 3px;
  }
  .mw_wp_form_input table tbody tr td span.age {
    margin: 0 6px;
  }
  .mw_wp_form_input table tbody tr td span.captionTxt {
    font-size: 77%;
  }
  .mw_wp_form_input p.underTxt {
    padding: 0 4%;
    text-align: left;
    font-size: 77%;
  }
  .mw_wp_form_confirm table tbody tr th span.hissu {
    display: none;
  }
  .mw_wp_form_confirm table tbody tr th span.cap {
    display: none;
  }
  .mw_wp_form_confirm table tbody tr td span.age {
    margin: 0 6px;
  }
  .mw_wp_form_confirm table tbody tr td span.captionTxt {
    display: none;
  }
  .mw_wp_form_confirm p.underTxt {
    display: none;
  }
  .inputBtnArea {
    padding: 0 4%;
    margin: 10px 0 0;
  }
  .inputBtnArea input[type=button],
  .inputBtnArea input[type=submit] {
    padding: 14px 0;
    font-size: 108%;
    width: 100%;
    border-radius: 5px;
  }
  .inputBtnArea input[type=submit] {
    margin: 10px 0 0;
  }
}
/*! normalize.css 2012-01-31T16:06 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */
audio:not([controls]) {
  display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}

/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
 * Fix IE6/7 heading font-size not being relative to the root font-size
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none;
}

/* 2 */
q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
  margin-left: 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer; /* 1 */
  -webkit-appearance: button; /* 2 */
  *overflow: visible; /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*====================================================================
  html, body
====================================================================*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  padding: 0;
  color: #222;
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", "Meiryo", Sans-Serif;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  *font-size: 108%;
  line-height: 1.8;
  word-spacing: 0;
  letter-spacing: 0em;
  background: #FFF;
}

::-moz-selection {
  background: #ebf1f2;
  color: #222;
}

::selection {
  background: #ebf1f2;
  color: #222;
}

img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

img.ofi {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}

/* ======================================= */
/* common
/* ======================================= */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

ul, ol, dl, dt, dd, p {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

/*==  アンカー　==*/
a {
  color: #466c90;
  text-decoration: none;
}
a:hover {
  color: #587ea2;
  text-decoration: none;
}
.clearfix::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
}

.flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
/*
フォントサイズ表 (base: 14px)
62% =  9px
70% =  10px
77% = 11px
85% = 12px   154% = 21px  231% = 31px
93% = 13px   162% = 22px  239% = 32px
100% = 14px  170% = 23px  247% = 33px
108% = 15px  177% = 24px  254% = 34px
116% = 16px  185% = 25px  262% = 35px
124% = 17px  193% = 26px  270% = 36px
131% = 18px  200% = 27px  277% = 37px
139% = 19px  208% = 28px  285% = 38px
147% = 20px  216% = 29px  293% = 39px
231% = 31px  224% = 30px  300% = 40px

メディアクエリ・基本設定項目
@media screen and (max-width: 1024px) {  1024pxまでの幅の場合に適応される　例）タブレット横まで　iPadPro縦  }
@media screen and (max-width: 768px) {  768pxまでの幅の場合に適応される　例）タブレット縦〜スマホ横  }
@media screen and (max-width: 480px) {  480pxまでの幅の場合に適応される　例）iPhone縦  }
@media screen and (max-width: 320px) {  320pxまでの幅の場合に適応される　例）iPhone5以下  }

メディアクエリ・内訳
Nexus10横 = max-width: 1280px
iPad、iPad mini、Nexus9横 = max-width: 1024px
Nexus7横 = max-width: 960px
Nexus10縦 = max-width: 800px
iPad、iPad mini、Nexus9縦 = max-width: 768px
Nexus7縦 = max-width: 600px
iPhone6 Plus縦 = max-width: 414px
Nexus6縦 = max-width: 412px
iPhone6縦 = max-width: 375px
Nexus5横 = max-width: 360px
iPhone5以下横 = max-width: 320px
*/
.siteHeadSticky {
  width: 300px;
  height: 650px;
  background: #FFF;
}

header#siteHead {
  width: 300px;
  height: 650px;
  background: #FFF;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 20px 0;
  z-index: 9989;
  position: sticky;
  top: 0;
  left: 0;
  margin: 0;
}
header#siteHead .inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 60px 0 0;
}
header#siteHead .inner::after {
  content: "";
  display: block;
  background: #466c90;
  width: 100%;
  height: 225px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 20px 0;
}
header#siteHead .inner h1#siteId {
  position: absolute;
  top: 35px;
  left: 30px;
  width: 230px;
  margin: 0;
}
header#siteHead .inner h1#siteId a {
  display: block;
}
header#siteHead .inner h1#siteId a:hover {
  opacity: 0.75;
}
header#siteHead .inner nav#gNav {
  position: absolute;
  top: 90px;
  left: 30px;
  padding: 0;
  margin: 0;
}
header#siteHead .inner nav#gNav ul li {
  margin: 6px 0 0;
}
header#siteHead .inner nav#gNav ul li:first-child {
  margin: 0;
}
header#siteHead .inner nav#gNav ul li:nth-of-type(4) span, header#siteHead .inner nav#gNav ul li:nth-of-type(5) span {
  display: block;
  font-size: 70%;
  color: #666;
  line-height: 1.1;
}
header#siteHead .inner nav#gNav ul li:last-child {
  display: none;
}
header#siteHead .inner nav#gNav ul li a {
  font-weight: bold;
  display: inline-block;
  font-size: 108%;
  color: #222;
  position: relative;
}
header#siteHead .inner nav#gNav ul li a::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #222;
  position: absolute;
  left: 0;
  bottom: 5px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header#siteHead .inner nav#gNav ul li a:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
header#siteHead .inner nav#eventNav {
  position: absolute;
  bottom: 40px;
  left: 30px;
  padding: 0;
}
header#siteHead .inner nav#eventNav ul li {
  margin: 8px 0 0;
}
header#siteHead .inner nav#eventNav ul li:first-child {
  margin: 0;
}
header#siteHead .inner nav#eventNav ul li:last-child {
  font-size: 93%;
  color: #FFF;
  position: relative;
  z-index: 1;
}
header#siteHead .inner nav#eventNav ul li a {
  font-weight: bold;
  display: inline-block;
  font-size: 100%;
  color: #FFF;
  position: relative;
  z-index: 1;
}
header#siteHead .inner nav#eventNav ul li a::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #FFF;
  position: absolute;
  left: 0;
  bottom: 3px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header#siteHead .inner nav#eventNav ul li a:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.menuBtn {
  display: none;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  header#siteHead {
    width: 100vw;
    height: 70px;
    background: #FFF;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    z-index: 9989;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  }
  header#siteHead.headroom {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  header#siteHead.headroom--unpinned {
    top: -70px;
  }
  header#siteHead.headroom--pinned {
    top: 0;
  }
  header#siteHead .inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  header#siteHead .inner::after {
    display: none;
  }
  header#siteHead .inner h1#siteId {
    position: absolute;
    top: 21px;
    left: 2%;
    width: 230px;
    margin: 0;
  }
  header#siteHead .inner h1#siteId a {
    display: block;
  }
  header#siteHead .inner h1#siteId a:hover {
    opacity: 0.75;
  }
  header#siteHead .inner nav#gNav {
    position: fixed;
    top: 0;
    left: 100%;
    right: 100%;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: #466c90;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  header#siteHead .inner nav#gNav.active {
    left: 0;
  }
  header#siteHead .inner nav#gNav ul {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-40%, -55%);
            transform: translate(-40%, -55%);
  }
  header#siteHead .inner nav#gNav ul li {
    opacity: 0;
    -webkit-transform: translateX(15px);
            transform: translateX(15px);
    margin: 13px 0 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  header#siteHead .inner nav#gNav ul li.inview {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  header#siteHead .inner nav#gNav ul li:first-child {
    margin: 0;
  }
  header#siteHead .inner nav#gNav ul li:nth-of-type(4) span, header#siteHead .inner nav#gNav ul li:nth-of-type(5) span {
    color: #FFF;
  }
  header#siteHead .inner nav#gNav ul li:last-child {
    display: block;
    color: #FFF;
  }
  header#siteHead .inner nav#gNav ul li:last-child a {
    font-size: 93%;
  }
  header#siteHead .inner nav#gNav ul li a {
    font-size: 124%;
    color: #FFF;
  }
  header#siteHead .inner nav#gNav ul li a::before {
    display: none;
  }
  header#siteHead .inner nav#eventNav {
    display: none;
  }
  .menuBtn {
    position: fixed;
    top: 10px;
    right: 3%;
    display: block;
  }
}
/*
フォントサイズ表 (base: 15px)
62% = 10px
70% = 11px
77% = 12px
85% = 13px   162% = 23px  239% = 33px
93% = 14px   170% = 24px  247% = 34px
100% = 15px  177% = 25px  254% = 35px
108% = 16px  185% = 26px  262% = 36px
116% = 17px  193% = 27px  270% = 37px
124% = 18px  200% = 28px  277% = 38px
131% = 19px  208% = 29px  285% = 39px
139% = 20px  216% = 30px  293% = 40px
147% = 21px  224% = 31px  300% = 41px
154% = 22px  231% = 32px  308% = 42px


メディアクエリ・基本設定項目
@media screen and (max-width: 1024px) {  1024pxまでの幅の場合に適応される　例）タブレット横まで　iPadPro縦  }
@media screen and (max-width: 768px) {  768pxまでの幅の場合に適応される　例）タブレット縦〜スマホ横  }
@media screen and (max-width: 480px) {  480pxまでの幅の場合に適応される　例）iPhone縦  }
@media screen and (max-width: 320px) {  320pxまでの幅の場合に適応される　例）iPhone5以下  }

メディアクエリ・内訳
Nexus10横 = max-width: 1280px
iPad、iPad mini、Nexus9横 = max-width: 1024px
Nexus7横 = max-width: 960px
Nexus10縦 = max-width: 800px
iPad、iPad mini、Nexus9縦 = max-width: 768px
Nexus7縦 = max-width: 600px
iPhone6 Plus縦 = max-width: 414px
Nexus6縦 = max-width: 412px
iPhone6縦 = max-width: 375px
Nexus5横 = max-width: 360px
iPhone5以下横 = max-width: 320px
*/
footer {
  padding: 100px 0 0;
  background: #FFF;
}
footer #footFirstCont {
  padding: 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 0 0 20px;
}
footer #footFirstCont p#footId {
  width: 290px;
}
footer #footFirstCont p#footId a {
  display: block;
}
footer #footFirstCont p#footId a:hover {
  opacity: 0.85;
}
footer #footFirstCont p#addTxt {
  text-align: right;
  margin: 0;
  color: #222;
  font-size: 93%;
}
footer #footFirstCont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer #footFirstCont ul li {
  margin: 0 0 0 20px;
}
footer #footFirstCont ul li:first-child {
  margin: 0;
}
footer #footFirstCont ul li a {
  font-size: 154%;
  color: #88a0b6;
}
footer #footFirstCont ul li a:hover {
  opacity: 0.85;
}
footer #footSecondCont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
footer #footSecondCont ul li {
  width: 33.3333%;
  border-left: 2px solid #FFF;
}
footer #footSecondCont ul li:first-child {
  border-left: none;
}
footer #footSecondCont ul li a {
  background: #d4dee7;
  display: block;
  padding: 22px 0;
  text-align: center;
  font-size: 116%;
  font-weight: bold;
  position: relative;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
footer #footSecondCont ul li a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 10px;
  top: 50%;
  right: 1em;
  margin: -9px 0 0;
}
footer #footSecondCont ul li a:hover {
  background: #466c90;
  color: #FFF;
}
footer #footSiteMap {
  padding: 40px 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer #footSiteMap ul {
  width: 20%;
}
footer #footSiteMap ul li {
  margin: 5px 0 0;
}
footer #footSiteMap ul li:first-child {
  margin: 0;
}
footer #footSiteMap ul li a {
  font-weight: bold;
}
footer #footSiteMap ul li a:hover {
  text-decoration: underline;
}
footer #footSiteMap ul li span {
  color: #466c90;
  font-size: 70%;
  margin: 0 0 0 5px;
}
footer #footSiteMap ul li ul {
  width: 100%;
}
footer #footSiteMap ul li ul li {
  margin: 0;
}
footer #footSiteMap ul li ul li a {
  font-weight: normal;
  font-size: 85%;
}
footer #footSiteMap ul li ul li a span {
  font-size: 85%;
  margin: 0 0 0 5px;
}
footer #footSiteMapSp {
  display: none;
}
footer #underCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #222;
  padding: 30px 4%;
}
footer #underCont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer #underCont ul li {
  margin: 0 0 0 30px;
}
footer #underCont ul li:first-child {
  margin: 0;
}
footer #underCont ul li a {
  font-size: 108%;
  color: #FFF;
}
footer #underCont ul li a:hover {
  text-decoration: underline;
}
footer #underCont address {
  color: #FFF;
  font-size: 63%;
  font-style: normal;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  footer {
    padding: 20px 0 0;
  }
  footer #footFirstCont {
    padding: 0 4%;
    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;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 0 10px;
  }
  footer #footFirstCont p#footId {
    width: 185px;
    margin: 0 auto 10px;
  }
  footer #footFirstCont p#addTxt {
    width: 100%;
    text-align: center;
    font-size: 85%;
  }
  footer #footFirstCont ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  footer #footFirstCont ul li {
    margin: 0 0 0 20px;
  }
  footer #footFirstCont ul li:first-child {
    margin: 0;
  }
  footer #footFirstCont ul li a {
    font-size: 154%;
    color: #88a0b6;
  }
  footer #footFirstCont ul li a:hover {
    opacity: 0.85;
  }
  footer #footSecondCont {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9989;
  }
  footer #footSecondCont ul {
    border-top: 1px solid #FFF;
  }
  footer #footSecondCont ul li {
    border-left: 1px solid #FFF;
  }
  footer #footSecondCont ul li a {
    background: #466c90;
    color: #FFF;
    padding: 16px 0;
    font-size: 77%;
    font-weight: bold;
    position: static;
    -webkit-transition: none;
    transition: none;
  }
  footer #footSecondCont ul li a::before {
    display: none;
  }
  footer #footSiteMap {
    display: none;
  }
  footer #footSiteMapSp {
    display: block;
  }
  footer #footSiteMapSp ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #f0f3f6;
  }
  footer #footSiteMapSp ul li {
    width: 50%;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
  }
  footer #footSiteMapSp ul li:nth-of-type(even) {
    border-left: none;
  }
  footer #footSiteMapSp ul li:first-child {
    display: none;
  }
  footer #footSiteMapSp ul li a {
    background: #f0f3f6;
    display: block;
    font-weight: normal;
    padding: 10px 0;
    text-align: center;
    font-size: 85%;
  }
  footer #underCont {
    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: start;
    padding: 15px 4% 75px;
  }
  footer #underCont ul {
    width: 100%;
    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;
    margin: 0 0 10px;
  }
  footer #underCont ul li {
    margin: 0 1em;
  }
  footer #underCont ul li:first-child {
    margin: 0 1em;
  }
  footer #underCont ul li a {
    font-size: 85%;
    color: #FFF;
  }
  footer #underCont ul li a:hover {
    text-decoration: underline;
  }
  footer #underCont address {
    width: 100%;
    text-align: center;
    font-size: 63%;
  }
}
/*
フォントサイズ表 (base: 14px)
62% = 9px
70% = 10px
77% = 11px   154% = 21px
85% = 12px   162% = 22px  239% = 32px
93% = 13px   170% = 23px  247% = 33px
100% = 14px  177% = 24px  254% = 34px
108% = 15px  185% = 25px  262% = 35px
116% = 16px  193% = 26px  270% = 36px
124% = 17px  200% = 27px  277% = 37px
131% = 18px  208% = 28px  285% = 38px
139% = 19px  216% = 29px  293% = 39px
147% = 20px  224% = 30px  300% = 40px
154% = 21px  231% = 31px  308% = 41px

メディアクエリ・基本設定項目
@media screen and (max-width: 1024px) {  1024pxまでの幅の場合に適応される　例）タブレット横まで　iPadPro縦  }
@media screen and (max-width: 768px) {  768pxまでの幅の場合に適応される　例）タブレット縦〜スマホ横  }
@media screen and (max-width: 480px) {  480pxまでの幅の場合に適応される　例）iPhone縦  }
@media screen and (max-width: 320px) {  320pxまでの幅の場合に適応される　例）iPhone5以下  }

メディアクエリ・内訳
Nexus10横 = max-width: 1280px
iPad、iPad mini、Nexus9横 = max-width: 1024px
Nexus7横 = max-width: 960px
Nexus10縦 = max-width: 800px
iPad、iPad mini、Nexus9縦 = max-width: 768px
Nexus7縦 = max-width: 600px
iPhone6 Plus縦 = max-width: 414px
Nexus6縦 = max-width: 412px
iPhone6縦 = max-width: 375px
Nexus5横 = max-width: 360px
iPhone5以下横 = max-width: 320px
*/
div#homeWrap {
  width: 100%;
  margin: -650px 0 0;
}
div#homeWrap h2 {
  color: #466c90;
  font-size: 300%;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  margin: 0 0 10px;
  position: relative;
  z-index: 1;
}
div#homeWrap #mvWrap {
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: -9999;
  left: 0;
  top: 0;
}
div#homeWrap #mvWrap .maskWrap {
  height: 100vh;
}
div#homeWrap #mvWrap .maskWrap .mask div {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}
div#homeWrap #mvWrap .maskWrap .mask div::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100vh;
  background: url("/assets/img/home/video_bg.png");
  background-position: 50% 50%;
  position: absolute;
  z-index: 1;
}
div#homeWrap #mvWrap .maskWrap .mask div video {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: auto;
  height: auto;
  min-width: 100vw;
  min-height: 101vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  vertical-align: bottom;
}
div#homeWrap #mvWrap p#enCopy {
  position: absolute;
  bottom: 90px;
  right: 4%;
  width: 300px;
  z-index: 2;
}
div#homeWrap #mvWrap p#jpCopy {
  position: absolute;
  bottom: 60px;
  right: 4%;
  width: 300px;
  z-index: 2;
}
div#homeWrap #special {
  background: #FFF;
  margin: 100vh 0 0;
  padding: 60px 4% 80px 360px;
  position: relative;
}
div#homeWrap #special::before {
  content: "";
  display: block;
  background: #f0f3f6;
  width: 100%;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
div#homeWrap #special::after {
  content: "SANGI";
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  position: absolute;
  top: 530px;
  left: -23%;
  font-size: 2000%;
  letter-spacing: -0.04em;
  color: #d6e1eb;
  line-height: 1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 1;
}
div#homeWrap #special #scSlider {
  z-index: 1;
  margin: 0;
}
div#homeWrap #special #scSlider .slick-track {
  margin-left: 0;
  margin-right: 0;
}
div#homeWrap #special #scSlider a {
  display: block;
}
div#homeWrap #special #scSlider a:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
div#homeWrap #special #scSlider a figure {
  width: 100%;
  overflow: hidden;
  margin: 0 0 5px;
  background: #466c90;
}
div#homeWrap #special #scSlider a figure img {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
div#homeWrap #special #scSlider a p {
  font-size: 116%;
  font-weight: bold;
}
div#homeWrap #special #scSlider .slick-list {
  margin: 0 0 0 -4px;
}
div#homeWrap #special #scSlider .slick-list .slick-slide {
  margin: 0 0 0 4px;
}
div#homeWrap #special #scSlider .slick-arrow {
  width: 30px;
  height: 30px;
  z-index: 1;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
div#homeWrap #special #scSlider .slick-arrow::before {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 0;
  opacity: 1;
  color: #466c90;
}
div#homeWrap #special #scSlider .slick-arrow:hover {
  opacity: 0.75;
}
div#homeWrap #special #scSlider .slick-prev {
  left: unset;
  right: 30px;
  top: -40px;
}
div#homeWrap #special #scSlider .slick-prev::before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
}
div#homeWrap #special #scSlider .slick-next {
  right: 0;
  top: -40px;
}
div#homeWrap #special #scSlider .slick-next::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
}
div#homeWrap #special #scSlider .slick-prev.slick-disabled:before,
div#homeWrap #special #scSlider .slick-next.slick-disabled:before {
  opacity: 0.25;
}
div#homeWrap #dep {
  padding: 0;
  position: relative;
  margin: 0 0 100vh;
}
div#homeWrap #dep #depCont {
  background: #f0f3f6;
  padding: 60px 0 0 360px;
}
div#homeWrap #dep #depCont ul {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -0.6%;
}
div#homeWrap #dep #depCont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 32%;
  margin: 0 0 0 0.6%;
  border-top: 5px solid #f0f3f6;
}
div#homeWrap #dep #depCont ul li:nth-of-type(1) a {
  background: #edfffe;
  color: #36b1a7;
  border-left: 6px solid #36b1a7;
}
div#homeWrap #dep #depCont ul li:nth-of-type(2) a {
  background: #ecf7fb;
  color: #059dd4;
  border-left: 6px solid #059dd4;
}
div#homeWrap #dep #depCont ul li:nth-of-type(3) a {
  background: #ebf1ff;
  color: #5976ba;
  border-left: 6px solid #5976ba;
}
div#homeWrap #dep #depCont ul li:nth-of-type(4) a {
  background: #fbf1f4;
  color: #dd7694;
  border-left: 6px solid #dd7694;
}
div#homeWrap #dep #depCont ul li:nth-of-type(5) a {
  background: #f4f2e8;
  color: #d5b200;
  border-left: 6px solid #d5b200;
}
div#homeWrap #dep #depCont ul li:nth-of-type(6) a {
  background: #fceceb;
  color: #db534a;
  border-left: 6px solid #db534a;
}
div#homeWrap #dep #depCont ul li:nth-of-type(7) a {
  background: #fff9f1;
  color: #bd771a;
  border-left: 6px solid #bd771a;
}
div#homeWrap #dep #depCont ul li:nth-of-type(8) a {
  background: #f4ffee;
  color: #61ab3b;
  border-left: 6px solid #61ab3b;
}
div#homeWrap #dep #depCont ul li:nth-child(3n) {
  border-right: none;
}
div#homeWrap #dep #depCont ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: #FFF;
  font-size: 131%;
  position: relative;
  z-index: 1;
}
div#homeWrap #dep #depCont ul li a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 10px;
  top: 50%;
  right: 1em;
  margin: -11px 0 0;
  color: #466c90;
  z-index: 1;
}
div#homeWrap #dep #depCont ul li a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  opacity: 0.25;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div#homeWrap #dep #depCont ul li a:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
div#homeWrap #dep #depCont ul li a figure {
  width: 40%;
  position: relative;
}
div#homeWrap #dep #depCont ul li a figure span.new {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -10px;
  left: 5px;
  margin: 0;
  background-color: red;
  padding: 12px 0 0;
  text-align: center;
  border-radius: 100%;
  font-size: 15px;
  font-weight: bold;
  color: #FFF;
  display: inline-block;
}
div#homeWrap #dep #depCont ul li a div {
  width: 60%;
  padding: 0 4%;
  line-height: 1.6;
}
div#homeWrap #dep #depCont ul li a div span {
  font-size: 11px;
  display: block;
  width: 100%;
}
div#homeWrap #dep #depCont ul li a div span.course {
  margin: 0;
}
div#homeWrap #dep #depCont ul li a div span.new {
  margin: 0;
  background-color: red;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 11px;
  color: #FFF;
  display: inline;
  width: auto;
}
div#homeWrap #dep #depCont ul li a div .teishi {
  margin: 10px 0 0;
  display: block;
  font-size: 11px;
}
div#homeWrap #dep #depCont ul.noneRec {
  margin: 30px 0 0 -0.6%;
}
div#homeWrap #dep #depCont ul.noneRec li:nth-of-type(1) a {
  background: #fff6f0;
  color: #f0832c;
  border-left: 6px solid #f0832c;
}
div#homeWrap #dep #depCont ul.noneRec li:nth-of-type(2) a {
  background: #fff6f0;
  color: #f0832c;
  border-left: 6px solid #f0832c;
}
div#homeWrap #news {
  background: #FFF;
  padding: 60px 4% 100px 360px;
  margin: 0;
  position: relative;
}
div#homeWrap #news::before {
  content: "";
  display: block;
  width: 75%;
  height: 380px;
  background: #f0f3f6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
div#homeWrap #news #newsList a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 0;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
div#homeWrap #news #newsList a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 2em;
  margin: -11px 0 0;
}
div#homeWrap #news #newsList a:hover {
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
div#homeWrap #news #newsList a:first-of-type {
  margin: 0;
}
div#homeWrap #news #newsList a img {
  width: 15%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
div#homeWrap #news #newsList a div {
  width: 85%;
  padding: 0 5% 0 3%;
}
div#homeWrap #news #newsList a div ul {
  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;
  margin: 0 0 10px;
}
div#homeWrap #news #newsList a div ul li {
  margin: 0;
  padding: 0 0 0 2.2em;
  color: #666;
  font-size: 70%;
  font-weight: bold;
  position: relative;
}
div#homeWrap #news #newsList a div ul li::before {
  content: "｜";
  display: block;
  position: absolute;
  top: 0;
  left: 0.6em;
}
div#homeWrap #news #newsList a div ul li:first-child {
  margin: 0;
  padding: 0;
}
div#homeWrap #news #newsList a div ul li:first-child::before {
  display: none;
}
div#homeWrap #news #newsList a div p.newsData {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.04em;
  margin: 3px 0 0;
  font-size: 85%;
  color: #868686;
}
div#homeWrap #news p.txtLink {
  position: absolute;
  top: 100px;
  right: 4%;
  z-index: 1;
}
div#homeWrap #event {
  background: #FFF;
  padding: 0 4% 140px 360px;
  margin: 0;
  position: relative;
}
div#homeWrap #event #eventList {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0;
}
div#homeWrap #event #eventList a {
  display: block;
  width: 32%;
  margin: 0 0 0 2.3333%;
}
div#homeWrap #event #eventList a:first-of-type {
  margin: 0;
}
div#homeWrap #event #eventList a:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
div#homeWrap #event #eventList a figure {
  width: 100%;
  overflow: hidden;
}
div#homeWrap #event #eventList a figure img {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
div#homeWrap #event #eventList a div {
  border-radius: 0 0 10px 0;
  padding: 25px 10% 25px 6%;
  position: relative;
}
div#homeWrap #event #eventList a div.opencampus {
  background: #f0832c;
}
div#homeWrap #event #eventList a div.orientation {
  background: #059dd4;
}
div#homeWrap #event #eventList a div.other {
  background: #45358e;
}
div#homeWrap #event #eventList a div::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 1em;
  margin: -11px 0 0;
  color: #FFF;
}
div#homeWrap #event #eventList a div p {
  color: #FFF;
}
div#homeWrap #event #eventList a div p.eventData {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.01em;
  font-size: 154%;
  line-height: 1.4;
}
div#homeWrap #event #eventList a div p.eventData span {
  font-size: 63%;
}
div#homeWrap #event #eventList a div p.eventTitle {
  font-size: 116%;
}
div#homeWrap #event p.txtLink {
  position: absolute;
  top: 40px;
  right: 4%;
  z-index: 1;
}
div#homeWrap #graduate {
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  margin: 0;
  padding: 0 0 120px;
}
div#homeWrap #graduate::before {
  content: "";
  display: block;
  background: #f0f3f6;
  width: 100%;
  height: 500px;
  position: absolute;
  top: -300px;
  left: 0;
  z-index: 1;
}
div#homeWrap #graduate::after {
  content: "";
  display: block;
  background: url("/assets/img/home/interview.svg") no-repeat;
  background-size: contain;
  width: 500px;
  height: 300px;
  position: absolute;
  top: -40px;
  right: 8%;
  z-index: 2;
}
div#homeWrap #graduate #graduateMv {
  z-index: 1;
  width: 65%;
}
div#homeWrap #graduate #graduateMv .maskWrap {
  border-radius: 0 0 20px 0;
}
div#homeWrap #graduate #graduateMv .maskWrap video {
  border-radius: 0 0 20px 0;
  width: 100%;
  vertical-align: bottom;
}
div#homeWrap #graduate #graduateCont {
  width: 35%;
  padding: 0 4% 60px;
}
div#homeWrap #graduate #graduateCont h2 {
  font-size: 216%;
  letter-spacing: 0.06em;
}
div#homeWrap #graduate #graduateCont p#graduateTxt {
  font-size: 108%;
  margin: 0 0 30px;
}
div#homeWrap #homeSangirl {
  background: #FFF;
  padding: 0 4% 140px 360px;
}
div#homeWrap #homeSangirl h2 {
  margin: 0 0 20px;
}
div#homeWrap #homeSangirl p {
  margin: 0 0 30px;
}
div#homeWrap #homeSangirl #iframeWrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
div#homeWrap #homeSangirl #iframeWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
div#homeWrap #obogInv {
  background: #FFF;
  padding: 0 4% 140px 360px;
}
div#homeWrap #obogInv h2 {
  margin: 0 0 20px;
}
div#homeWrap #obogInv p {
  margin: 0 0 30px;
}
div#homeWrap #obogInv a {
  display: block;
}
div#homeWrap #obogInv a:hover {
  opacity: 0.75;
}
div#homeWrap #homeItWoman {
  background: #FFF;
  padding: 0 4% 140px 360px;
}
div#homeWrap #homeItWoman a {
  width: 75%;
  margin: 0 auto;
  display: block;
}
div#homeWrap #homeItWoman a:hover {
  opacity: 0.75;
}
div#homeWrap #bnrCont {
  background: #FFF;
  padding: 0 4% 0 360px;
  margin: 0 0 0 -2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div#homeWrap #bnrCont div {
  width: 48%;
  margin: 0 0 0 2%;
}
div#homeWrap #bnrCont div a {
  display: block;
  position: relative;
}
div#homeWrap #bnrCont div a:hover {
  opacity: 0.85;
}
div#homeWrap #bnrCont div a p {
  display: inline-block;
  padding: 2px 15px;
  background: #FFF;
  z-index: 1;
  font-size: 177%;
  font-weight: bold;
  position: absolute;
  right: 2%;
  bottom: -22px;
  color: #222;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  div#homeWrap {
    width: 100%;
    margin: 0;
  }
  div#homeWrap h2 {
    font-size: 177%;
    margin: 0 0 10px;
    text-align: center;
  }
  div#homeWrap #mvWrap {
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: -9999;
    left: 0;
    top: 70px;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: -9999;
    left: 0;
    top: 0;
  }
  div#homeWrap #mvWrap .maskWrap {
    height: 100vh;
  }
  div#homeWrap #mvWrap .maskWrap .mask div video {
    min-height: 100vh;
  }
  div#homeWrap #mvWrap .maskWrap p#enCopy {
    bottom: 53.5%;
    right: unset;
    left: 50%;
    width: 65%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  div#homeWrap #mvWrap .maskWrap p#jpCopy {
    bottom: 48%;
    right: unset;
    left: 50%;
    width: 65%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  div#homeWrap #special {
    margin: 0;
    padding: 30px 0;
    position: static;
  }
  div#homeWrap #special h2 {
    padding: 0 4%;
  }
  div#homeWrap #special::before {
    display: none;
  }
  div#homeWrap #special::after {
    display: none;
  }
  div#homeWrap #special #scSlider {
    z-index: 1;
  }
  div#homeWrap #special #scSlider a {
    display: block;
  }
  div#homeWrap #special #scSlider a:hover figure img {
    -webkit-transform: none;
            transform: none;
  }
  div#homeWrap #special #scSlider a figure {
    overflow: visible;
    background: none;
  }
  div#homeWrap #special #scSlider a p {
    font-size: 93%;
    text-align: center;
  }
  div#homeWrap #special #scSlider .slick-list {
    margin: 0;
  }
  div#homeWrap #special #scSlider .slick-list .slick-slide {
    margin: 0;
    padding: 0 5px;
  }
  div#homeWrap #special #scSlider .slick-slide {
    -webkit-transform: scale(0.85);
            transform: scale(0.85);
    -webkit-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
  }
  div#homeWrap #special #scSlider .slick-slide.is-active {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  div#homeWrap #special #scSlider .slick-arrow {
    border-radius: 15px;
    background: #466c90;
  }
  div#homeWrap #special #scSlider .slick-arrow::before {
    color: #FFF;
  }
  div#homeWrap #special #scSlider .slick-prev {
    left: 8%;
    right: unset;
    top: 50%;
  }
  div#homeWrap #special #scSlider .slick-next {
    right: 8%;
    top: 50%;
  }
  div#homeWrap #dep {
    padding: 0;
    position: relative;
    margin: 0;
  }
  div#homeWrap #dep::after {
    width: 90px;
    height: 90px;
    bottom: -35vh;
    left: 6%;
    margin: 0;
    z-index: 2;
  }
  div#homeWrap #dep #depCont {
    background: #f0f3f6;
    padding: 20px 0 0;
    display: block;
  }
  div#homeWrap #dep #depCont h2 {
    position: relative;
  }
  div#homeWrap #dep #depCont h2::before {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background: #466c90;
    position: absolute;
    top: -30px;
    left: 50%;
  }
  div#homeWrap #dep #depCont ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  div#homeWrap #dep #depCont ul li {
    display: block;
    width: 100%;
    margin: 0;
    border-top: 2px solid #f0f3f6;
    border-right: none;
  }
  div#homeWrap #dep #depCont ul li:nth-child(3n) {
    border-right: none;
  }
  div#homeWrap #dep #depCont ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #FFF;
    padding: 0;
    font-size: 108%;
    position: relative;
    z-index: 1;
  }
  div#homeWrap #dep #depCont ul li a::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    position: absolute;
    font-size: 10px;
    top: 50%;
    right: 1em;
    margin: -11px 0 0;
    color: #466c90;
    z-index: 1;
  }
  div#homeWrap #dep #depCont ul li a::after {
    display: none;
  }
  div#homeWrap #dep #depCont ul li a figure {
    width: 35%;
  }
  div#homeWrap #dep #depCont ul li a div {
    width: 65%;
    font-size: 93%;
  }
  div#homeWrap #dep #depCont ul li a div span {
    font-size: 11px;
    display: inline-block;
  }
  div#homeWrap #dep #depCont ul li a div span.course {
    width: auto;
    margin: 0 0 0 6px;
  }
  div#homeWrap #dep #depCont ul.noneRec {
    margin: 0;
  }
  div#homeWrap #news {
    background: #FFF;
    padding: 30px 4%;
  }
  div#homeWrap #news::before {
    width: 75%;
    height: 45vh;
  }
  div#homeWrap #news #newsList {
    margin: 0 0 20px;
  }
  div#homeWrap #news #newsList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 20px 0 0;
    padding: 20px 0 0;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    transition: none;
    border-top: 1px solid #DDD;
  }
  div#homeWrap #news #newsList a::before {
    font-size: 70%;
    top: 50%;
    right: 0;
    margin: -11px 0 0;
  }
  div#homeWrap #news #newsList a:hover {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  div#homeWrap #news #newsList a:first-of-type {
    margin: 0;
    padding: 0;
    border-top: none;
  }
  div#homeWrap #news #newsList a img {
    width: 25%;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  div#homeWrap #news #newsList a div {
    width: 75%;
    padding: 0 5% 0 4%;
  }
  div#homeWrap #news #newsList a div ul {
    margin: 0 0 5px;
  }
  div#homeWrap #news #newsList a div p.newsData {
    margin: 1px 0 0;
    font-size: 85%;
  }
  div#homeWrap #news #newsList a div p.newsTitle {
    font-size: 93%;
  }
  div#homeWrap #news p.txtLink {
    position: static;
    text-align: right;
  }
  div#homeWrap #event {
    background: #FFF;
    padding: 0 4%;
    margin: 0;
    position: static;
  }
  div#homeWrap #event #eventList {
    position: relative;
    z-index: 5;
    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;
    margin: 0 0 20px;
  }
  div#homeWrap #event #eventList a {
    width: 100%;
    margin: 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  div#homeWrap #event #eventList a:first-of-type {
    margin: 0;
  }
  div#homeWrap #event #eventList a:hover figure img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  div#homeWrap #event #eventList a figure {
    width: 40%;
    height: 120px;
  }
  div#homeWrap #event #eventList a figure img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 120px;
    -webkit-transition: none;
    transition: none;
  }
  div#homeWrap #event #eventList a div {
    width: 60%;
    padding: 15px 5% 0;
  }
  div#homeWrap #event #eventList a div p.eventData {
    font-size: 108%;
    margin: 0 0 3px;
  }
  div#homeWrap #event #eventList a div p.eventData span {
    font-size: 63%;
  }
  div#homeWrap #event #eventList a div p.eventTitle {
    font-size: 77%;
  }
  div#homeWrap #event p.txtLink {
    position: static;
    text-align: right;
  }
  div#homeWrap #graduate {
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    position: relative;
    margin: 0;
    padding: 40px 0;
  }
  div#homeWrap #graduate::before {
    display: none;
  }
  div#homeWrap #graduate::after {
    width: 45%;
    height: 200px;
    top: 70px;
    right: unset;
    left: 4%;
  }
  div#homeWrap #graduate #graduateMv {
    z-index: 1;
    width: 100%;
    margin: 0 0 20px;
  }
  div#homeWrap #graduate #graduateMv .maskWrap {
    border-radius: 0;
  }
  div#homeWrap #graduate #graduateMv .maskWrap video {
    border-radius: 0;
  }
  div#homeWrap #graduate #graduateCont {
    width: 100%;
    padding: 0 4%;
    z-index: 1;
  }
  div#homeWrap #graduate #graduateCont h2 {
    letter-spacing: 0.06em;
  }
  div#homeWrap #graduate #graduateCont p#graduateTxt {
    font-size: 100%;
    margin: 0 0 20px;
  }
  div#homeWrap #graduate #graduateCont p.txtLink {
    text-align: right;
  }
  div#homeWrap #homeSangirl {
    background: #FFF;
    padding: 0 2% 40px;
  }
  div#homeWrap #homeSangirl h2 {
    margin: 0 0 15px;
  }
  div#homeWrap #homeSangirl p {
    margin: 0 0 20px;
  }
  div#homeWrap #obogInv {
    background: #FFF;
    padding: 0 2% 40px;
  }
  div#homeWrap #obogInv h2 {
    margin: 0 0 15px;
  }
  div#homeWrap #obogInv p {
    margin: 0 0 20px;
  }
  div#homeWrap #homeItWoman {
    background: #FFF;
    padding: 0 2% 40px;
  }
  div#homeWrap #homeItWoman a {
    width: 100%;
    margin: 0;
  }
  div#homeWrap #bnrCont {
    padding: 0 2%;
    margin: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  div#homeWrap #bnrCont div {
    width: 49%;
    margin: 0;
  }
  div#homeWrap #bnrCont div a {
    position: static;
  }
  div#homeWrap #bnrCont div a p {
    text-align: center;
    display: block;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    position: static;
    right: 0%;
    bottom: -35px;
  }
}
/*
フォントサイズ表 (base: 14px)
62% = 9px
70% = 10px
77% = 11px   154% = 21px
85% = 12px   162% = 22px  239% = 32px
93% = 13px   170% = 23px  247% = 33px
100% = 14px  177% = 24px  254% = 34px
108% = 15px  185% = 25px  262% = 35px
116% = 16px  193% = 26px  270% = 36px
124% = 17px  200% = 27px  277% = 37px
131% = 18px  208% = 28px  285% = 38px
139% = 19px  216% = 29px  293% = 39px
147% = 20px  224% = 30px  300% = 40px
154% = 21px  231% = 31px  308% = 41px


メディアクエリ・基本設定項目
@media screen and (max-width: 1024px) {  1024pxまでの幅の場合に適応される　例）タブレット横まで　iPadPro縦  }
@media screen and (max-width: 768px) {  768pxまでの幅の場合に適応される　例）タブレット縦〜スマホ横  }
@media screen and (max-width: 480px) {  480pxまでの幅の場合に適応される　例）iPhone縦  }
@media screen and (max-width: 320px) {  320pxまでの幅の場合に適応される　例）iPhone5以下  }

メディアクエリ・内訳
Nexus10横 = max-width: 1280px
iPad、iPad mini、Nexus9横 = max-width: 1024px
Nexus7横 = max-width: 960px
Nexus10縦 = max-width: 800px
iPad、iPad mini、Nexus9縦 = max-width: 768px
Nexus7縦 = max-width: 600px
iPhone6 Plus縦 = max-width: 414px
Nexus6縦 = max-width: 412px
iPhone6縦 = max-width: 375px
Nexus5横 = max-width: 360px
iPhone5以下横 = max-width: 320px
*/
#activityIndex article {
  margin: 80px 0 0;
}
#activityIndex article:first-of-type {
  margin: 0;
}
#activityIndex article h3 {
  color: #FFF;
  padding: 14px 1em;
  font-size: 131%;
}
#activityIndex article h3.course01 {
  background: #059dd4;
}
#activityIndex article h3.course02 {
  background: #45358e;
}
#activityIndex article h3.course03 {
  background: #5976ba;
}
#activityIndex article h3.course04 {
  background: #dd7694;
}
#activityIndex article h3.course05 {
  background: #d5b200;
}
#activityIndex article h3.course06 {
  background: #f0832c;
}
#activityIndex article h3.course07 {
  background: #db534a;
}
#activityIndex article h3.course08 {
  background: #bd771a;
}
#activityIndex article h3.course09 {
  background: #61ab3b;
}
#activityIndex article ul.flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -3.3333%;
}
#activityIndex article ul.flexBox li {
  width: 30%;
  margin: 40px 0 0 3.3333%;
  text-decoration: none;
}
#activityIndex article ul.flexBox li a {
  display: block;
}
#activityIndex article ul.flexBox li a:hover .thumImg img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#activityIndex article ul.flexBox li a .thumImg {
  width: 100%;
  height: 230px;
  overflow: hidden;
  margin: 0 0 15px;
  border-radius: 0 0 10px 0;
}
#activityIndex article ul.flexBox li a .thumImg img {
  border-radius: 0 0 10px 0;
  width: 100%;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#activityIndex article ul.flexBox li a .txtWrap {
  position: relative;
}
#activityIndex article ul.flexBox li a .txtWrap::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 10px;
  top: 50%;
  right: 1em;
  margin: -11px 0 0;
  color: #466c90;
  z-index: 1;
}
#activityIndex article ul.flexBox li a .txtWrap p.name {
  font-size: 131%;
  font-weight: bold;
  margin: 0 0 5px;
}
#activityIndex article ul.flexBox li a .txtWrap p.com {
  font-size: 85%;
  color: #666;
}
#activityIndex article ul.flexBox li a .txtWrap p.year {
  font-size: 85%;
  color: #666;
}
#activityIndex article p.more_btn,
#activityIndex article p.close_btn {
  width: 30%;
  margin: 40px auto 0;
  padding: 14px 0;
  text-align: center;
  border: 1px solid #466c90;
  color: #466c90;
  border-radius: 5px;
  cursor: pointer;
}
#activityIndex article p.more_btn i,
#activityIndex article p.close_btn i {
  margin: 0 0 0 1em;
}

#activityDetail #entryHead {
  padding: 0;
  margin: 0 0 60px;
  position: relative;
}
#activityDetail #entryHead::before {
  content: "";
  display: block;
  width: 40%;
  height: 450px;
  background: #F0F0F0;
  position: absolute;
  left: 150px;
  top: 50%;
  z-index: -1;
  margin: -225px 0 0;
}
#activityDetail #entryHead img {
  display: block;
  max-width: 75%;
  margin: 0 0 40px auto;
  border-radius: 0 0 10px 0;
}
#activityDetail #entryHead .courseClr {
  width: 45%;
  position: absolute;
  left: 0;
  bottom: 70px;
  z-index: 1;
  padding: 40px;
  border-radius: 0 0 10px 0;
}
#activityDetail #entryHead .courseClr.course01 {
  background: #059dd4;
}
#activityDetail #entryHead .courseClr.course02 {
  background: #45358e;
}
#activityDetail #entryHead .courseClr.course03 {
  background: #5976ba;
}
#activityDetail #entryHead .courseClr.course04 {
  background: #dd7694;
}
#activityDetail #entryHead .courseClr.course05 {
  background: #d5b200;
}
#activityDetail #entryHead .courseClr.course06 {
  background: #f0832c;
}
#activityDetail #entryHead .courseClr.course07 {
  background: #db534a;
}
#activityDetail #entryHead .courseClr.course08 {
  background: #bd771a;
}
#activityDetail #entryHead .courseClr.course09 {
  background: #61ab3b;
}
#activityDetail #entryHead .courseClr p {
  color: #FFF;
  padding: 0;
}
#activityDetail #entryHead .courseClr p#mainCopy {
  font-size: 154%;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 15px;
}
#activityDetail #entryHead .courseClr p.name {
  font-size: 154%;
  margin: 0 0 10px;
}
#activityDetail #entryHead .courseClr p.name span {
  font-size: 14px;
  margin: 0 0 0 10px;
}
#activityDetail #entryHead .courseClr p.com {
  font-size: 100%;
}
#activityDetail #entryHead .courseClr p.year {
  font-size: 100%;
}
#activityDetail .editer {
  width: 75%;
  margin: 0 auto;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  #activityIndex article {
    margin: 40px 0 0;
  }
  #activityIndex article h3 {
    padding: 10px 0.6em;
    font-size: 116%;
  }
  #activityIndex article ul.flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  #activityIndex article ul.flexBox li {
    width: 100%;
    margin: 12px 0 0;
    padding: 12px 5% 0;
    border-top: 1px solid #DDD;
  }
  #activityIndex article ul.flexBox li:first-child {
    border-top: none;
  }
  #activityIndex article ul.flexBox li a {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #activityIndex article ul.flexBox li a .thumImg {
    width: 40%;
    height: auto;
    overflow: visible;
    margin: 0;
  }
  #activityIndex article ul.flexBox li a .thumImg img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transition: none;
    transition: none;
  }
  #activityIndex article ul.flexBox li a .txtWrap {
    width: 60%;
    padding: 0 4%;
  }
  #activityIndex article ul.flexBox li a .txtWrap::before {
    right: 0;
    margin: -12px 0 0;
  }
  #activityIndex article ul.flexBox li a .txtWrap p.name {
    font-size: 108%;
    margin: 0;
  }
  #activityIndex article ul.flexBox li a .txtWrap p.com {
    font-size: 77%;
  }
  #activityIndex article ul.flexBox li a .txtWrap p.year {
    font-size: 77%;
  }
  #activityIndex article p.more_btn,
  #activityIndex article p.close_btn {
    font-size: 93%;
    width: 90%;
    margin: 20px auto 0;
    padding: 10px 0;
  }
  #activityIndex article p.more_btn i,
  #activityIndex article p.close_btn i {
    margin: 0 0 0 0.6em;
  }
  #activityDetail {
    padding: 1px 0 20px;
  }
  #activityDetail #entryHead {
    padding: 0;
    margin: 0 0 20px;
    position: static;
  }
  #activityDetail #entryHead::before {
    display: none;
  }
  #activityDetail #entryHead img {
    max-width: 100%;
    margin: 0;
    border-radius: 0;
  }
  #activityDetail #entryHead .courseClr {
    width: 100%;
    height: auto;
    position: static;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 25px 5%;
  }
  #activityDetail #entryHead .courseClr p#mainCopy {
    font-size: 124%;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #activityDetail #entryHead .courseClr p.name {
    padding: 0;
    font-size: 139%;
    margin: 0 0 5px;
  }
  #activityDetail #entryHead .courseClr p.name span {
    font-size: 10px;
  }
  #activityDetail #entryHead .courseClr p.com {
    padding: 0;
    font-size: 93%;
  }
  #activityDetail #entryHead .courseClr p.year {
    padding: 0;
    font-size: 93%;
  }
  #activityDetail .editer {
    width: 100%;
    margin: 0;
  }
}
#courseIndex #courseList {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 0 -3.3333%;
}
#courseIndex #courseList a {
  width: 30%;
  margin: 40px 0 0 3.3333%;
  text-decoration: none;
}
#courseIndex #courseList a:nth-of-type(1), #courseIndex #courseList a:nth-of-type(2), #courseIndex #courseList a:nth-of-type(3) {
  margin: 0 0 0 3.3333%;
}
#courseIndex #courseList a:nth-of-type(1) {
  background: #edfffe;
  border-left: 8px solid #36b1a7;
}
#courseIndex #courseList a:nth-of-type(1) p, #courseIndex #courseList a:nth-of-type(1) span.caption {
  color: #36b1a7;
}
#courseIndex #courseList a:nth-of-type(2) {
  background: #ecf7fb;
  border-left: 8px solid #059dd4;
}
#courseIndex #courseList a:nth-of-type(2) p, #courseIndex #courseList a:nth-of-type(2) span.caption {
  color: #059dd4;
}
#courseIndex #courseList a:nth-of-type(3) {
  background: #ebf1ff;
  border-left: 8px solid #5976ba;
}
#courseIndex #courseList a:nth-of-type(3) p, #courseIndex #courseList a:nth-of-type(3) span.caption {
  color: #5976ba;
}
#courseIndex #courseList a:nth-of-type(4) {
  background: #fbf1f4;
  border-left: 8px solid #dd7694;
}
#courseIndex #courseList a:nth-of-type(4) p, #courseIndex #courseList a:nth-of-type(4) span.caption {
  color: #dd7694;
}
#courseIndex #courseList a:nth-of-type(5) {
  background: #f4f2e8;
  border-left: 8px solid #d5b200;
}
#courseIndex #courseList a:nth-of-type(5) p, #courseIndex #courseList a:nth-of-type(5) span.caption {
  color: #d5b200;
}
#courseIndex #courseList a:nth-of-type(6) {
  background: #fceceb;
  border-left: 8px solid #db534a;
}
#courseIndex #courseList a:nth-of-type(6) p, #courseIndex #courseList a:nth-of-type(6) span.caption {
  color: #db534a;
}
#courseIndex #courseList a:nth-of-type(7) {
  background: #fff9f1;
  border-left: 8px solid #bd771a;
}
#courseIndex #courseList a:nth-of-type(7) p, #courseIndex #courseList a:nth-of-type(7) span.caption {
  color: #bd771a;
}
#courseIndex #courseList a:nth-of-type(8) {
  background: #f4ffee;
  border-left: 8px solid #61ab3b;
}
#courseIndex #courseList a:nth-of-type(8) p, #courseIndex #courseList a:nth-of-type(8) span.caption {
  color: #61ab3b;
}
#courseIndex #courseList a:nth-of-type(9) {
  background: #edebf5;
  border-left: 8px solid #45358e;
}
#courseIndex #courseList a:nth-of-type(9) p, #courseIndex #courseList a:nth-of-type(9) span.caption {
  color: #45358e;
}
#courseIndex #courseList a:nth-of-type(10) {
  background: #fff6f0;
  border-left: 8px solid #f0832c;
}
#courseIndex #courseList a:nth-of-type(10) p, #courseIndex #courseList a:nth-of-type(10) span.caption {
  color: #f0832c;
}
#courseIndex #courseList a:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#courseIndex #courseList a figure {
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin: 0;
  background: #466c90;
  position: relative;
}
#courseIndex #courseList a figure img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#courseIndex #courseList a figure span.new {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 12px;
  left: 10px;
  margin: 0;
  background-color: red;
  padding: 18px 0 0;
  text-align: center;
  border-radius: 100%;
  font-size: 20px;
  font-weight: bold;
  color: #FFF;
  display: inline-block;
}
#courseIndex #courseList a div {
  padding: 26px 1em;
  position: relative;
}
#courseIndex #courseList a div::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 10px;
  top: 50%;
  right: 1em;
  margin: -11px 0 0;
  color: #466c90;
  z-index: 1;
}
#courseIndex #courseList a div p {
  line-height: 1.4;
  font-size: 116%;
  font-weight: bold;
  position: relative;
}
#courseIndex #courseList a div p span {
  font-size: 77%;
  margin: 0 0 0 10px;
}
#courseIndex #courseList a div p span.new {
  margin: 0 6px 0 0;
  background-color: red;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 12px;
  color: #FFF;
  display: inline-block;
}
#courseIndex #courseList a div span.caption {
  display: block;
}
#courseIndex #noneRec {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 60px 0 0 -3.3333%;
}
#courseIndex #noneRec a {
  width: 30%;
  margin: 40px 0 0 3.3333%;
  text-decoration: none;
}
#courseIndex #noneRec a:nth-of-type(1), #courseIndex #noneRec a:nth-of-type(2), #courseIndex #noneRec a:nth-of-type(3) {
  margin: 0 0 0 3.3333%;
}
#courseIndex #noneRec a:nth-of-type(1) {
  background: #fff6f0;
  border-left: 8px solid #f0832c;
}
#courseIndex #noneRec a:nth-of-type(1) p, #courseIndex #noneRec a:nth-of-type(1) span.caption {
  color: #f0832c;
}
#courseIndex #noneRec a:nth-of-type(2) {
  background: #fff6f0;
  border-left: 8px solid #f0832c;
}
#courseIndex #noneRec a:nth-of-type(2) p, #courseIndex #noneRec a:nth-of-type(2) span.caption {
  color: #f0832c;
}
#courseIndex #noneRec a:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#courseIndex #noneRec a figure {
  width: 100%;
  height: 200px;
  overflow: hidden;
  margin: 0;
  background: #466c90;
}
#courseIndex #noneRec a figure img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#courseIndex #noneRec a div {
  padding: 26px 1em;
  position: relative;
}
#courseIndex #noneRec a div::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 10px;
  top: 50%;
  right: 1em;
  margin: -11px 0 0;
  color: #466c90;
  z-index: 1;
}
#courseIndex #noneRec a div p {
  line-height: 1.4;
  font-size: 116%;
  font-weight: bold;
  position: relative;
}
#courseIndex #noneRec a div p span {
  font-size: 77%;
  margin: 0 0 0 10px;
}
#courseIndex #noneRec a div p span.noneRecTxt {
  margin: 0 6px 5px 0;
  background-color: rgb(126, 126, 126);
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 12px;
  color: #FFF;
  display: inline-block;
}
#courseIndex #noneRec a div p.teishi {
  margin: 10px 0 0;
  display: block;
  font-size: 12px;
  font-weight: normal;
}
#courseIndex #noneRec a div span.caption {
  display: block;
}

.coursePt {
  margin: -650px 0 40px;
  width: 100%;
  height: 85vh;
  position: relative;
}
.coursePt img {
  width: 100%;
  height: 85vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.coursePt p#courseName {
  height: 78px;
  position: absolute;
  top: 100%;
  right: 300px;
  display: inline-block;
  padding: 7px 1.3em 0;
  font-size: 254%;
  color: #FFF;
  background: #000;
  font-weight: bold;
  -webkit-transform: translate(0, -60%);
          transform: translate(0, -60%);
}
.coursePt p#courseName span {
  background-color: red;
  padding: 2px 8px;
  border-radius: 3px;
  margin: 0 10px 0 0;
  font-size: 24px;
}
.coursePt p#courseYear {
  width: 300px;
  text-align: center;
  height: 78px;
  position: absolute;
  top: 100%;
  right: 0;
  display: inline-block;
  padding: 20px 0 0;
  font-size: 139%;
  background: #222;
  color: #FFF;
  font-weight: bold;
  -webkit-transform: translate(0, -60%);
          transform: translate(0, -60%);
}
.coursePt#futurePt p#courseName {
  background: #059dd4;
}
.coursePt#cpPt p#courseName {
  background: #45358e;
}
.coursePt#cbPt p#courseName {
  background: #5976ba;
}
.coursePt#medicalPt p#courseName {
  background: #dd7694;
}
.coursePt#childcarePt p#courseName {
  background: #d5b200;
}
.coursePt#cgPt p#courseName {
  background: #f0832c;
}
.coursePt#gamePt p#courseName {
  background: #db534a;
}
.coursePt#cadPt p#courseName {
  background: #bd771a;
}
.coursePt#archiPt p#courseName {
  background: #61ab3b;
}
.coursePt#digitalPt p#courseName {
  background: #36b1a7;
}

.pageCont.coursePage {
  color: #222;
}
.pageCont.coursePage .contSec h3 {
  color: #FFF;
  margin: 0 0 20px;
  font-size: 154%;
  padding: 6px 0.6em;
}
.pageCont.coursePage .contSec h3::before {
  display: none;
}
.pageCont.coursePage .contSec h4 span {
  font-size: 77%;
  margin: 0 0 0 1em;
}

.coursePage #intro p#teishi {
  font-size: 131%;
  color: #b61919;
  font-weight: bold;
  margin: 0 0 30px;
}
.coursePage #intro p#mainCopy {
  font-size: 177%;
  margin: 0 0 10px;
  color: #222;
}
.coursePage #intro p#bodyCopy {
  font-size: 108%;
  color: #222;
  margin: 0 0 30px;
}
.coursePage #aim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.coursePage #aim article {
  width: 49%;
}
.coursePage #aim article ul {
  padding: 0 0 0 1.8em;
}
.coursePage #aim article ul li {
  list-style: disc;
  font-size: 108%;
}
.coursePage #aim article ul#cgJobList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.coursePage #aim article ul#cgJobList li {
  width: 50%;
}
.coursePage #strongPoint {
  color: #FFF;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  padding: 80px 0 120px;
  z-index: -1;
  position: relative;
}
.coursePage #strongPoint::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.coursePage #strongPoint p#strongTitle {
  position: relative;
  text-align: center;
  font-size: 177%;
  font-weight: bold;
  margin: 0 0 60px;
}
.coursePage #strongPoint #pointWrap {
  position: relative;
  padding: 0 6%;
}
.coursePage #strongPoint #pointWrap article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px 0 0;
  padding: 30px 0 0;
  border-top: 1px solid #5e5e5e;
}
.coursePage #strongPoint #pointWrap article:first-of-type {
  margin: 0;
  padding: 0;
  border-top: none;
}
.coursePage #strongPoint #pointWrap article p.point {
  width: 100px;
  height: 100px;
  color: #FFF;
  border-radius: 100%;
  text-align: center;
  padding: 25px 0 0;
  font-size: 277%;
  line-height: 1;
  font-style: italic;
}
.coursePage #strongPoint #pointWrap article p.point span {
  display: block;
  font-size: 12px;
}
.coursePage #strongPoint #pointWrap article div {
  width: calc(100% - 140px);
}
.coursePage #strongPoint #pointWrap article div p {
  width: 100%;
}
.coursePage #strongPoint #pointWrap article div p.pointTitle {
  font-size: 154%;
}
.coursePage #feature article {
  margin: 60px 0 0;
}
.coursePage #feature article:first-of-type {
  margin: 0;
}
.coursePage #feature article .flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.coursePage #feature article .flexBox .imgWrap {
  width: 35%;
}
.coursePage #feature article .flexBox .txtWrap {
  width: 65%;
  padding: 0 0 0 4%;
}
.coursePage #curriculum article {
  margin: 60px 0 0;
}
.coursePage #curriculum article:first-of-type {
  margin: 0;
}
.coursePage #curriculum article h4 span {
  margin: 0 1em 0 0;
  color: #222;
}
.coursePage #curriculum article .curriDetail {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 0 30px;
}
.coursePage #curriculum article .curriDetail div {
  width: 30%;
}
.coursePage #curriculum article .curriDetail div img {
  width: 100%;
  height: auto;
  margin: 0 0 10px;
}
.coursePage #curriculum article .curriDetail div p.curriName {
  font-size: 131%;
  font-weight: bold;
}
.coursePage #curriculum article .curriList div {
  width: 100%;
  padding: 40px;
  background: #F0F0F0;
  border-radius: 10px;
}
.coursePage #curriculum article .curriList div p {
  font-size: 100%;
  font-weight: bold;
  margin: 10px 0 5px;
}
.coursePage #curriculum article .curriList div p:first-of-type {
  margin: 0 0 5px;
}
.coursePage #curriculum article .curriList div ul {
  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: start;
  padding: 0 0 0 1.6em;
}
.coursePage #curriculum article .curriList div ul li {
  font-size: 85%;
  width: 25%;
  list-style: disc;
}
.coursePage #curriculum article ul#pdfList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.coursePage #curriculum article ul#pdfList li {
  margin: 0 0 0 3em;
}
.coursePage #curriculum article ul#pdfList li:first-child {
  margin: 0;
}
.coursePage #curriculum article ul#pdfList li a {
  color: #981b1b;
}
.coursePage #curriculum article ul#pdfList li a:hover {
  text-decoration: underline;
}
.coursePage #curriculum article ul#pdfList li a i {
  margin: 0 10px 0 0;
}
.coursePage #newsFeedWrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 0;
  text-decoration: none;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.coursePage #newsFeedWrap a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 2em;
  margin: -11px 0 0;
}
.coursePage #newsFeedWrap a:hover {
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.coursePage #newsFeedWrap a:first-of-type {
  margin: 0;
}
.coursePage #newsFeedWrap a img {
  width: 15%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
.coursePage #newsFeedWrap a div {
  width: 85%;
  padding: 0 5% 0 3%;
}
.coursePage #newsFeedWrap a div span {
  margin: 0 0 0 20px;
  color: #222;
  font-size: 85%;
}
.coursePage #newsFeedWrap a div span:first-of-type {
  margin: 0;
}
.coursePage #newsFeedWrap a div p.newsData {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.04em;
  margin: 3px 0 0;
  font-size: 85%;
  color: #868686;
}
.coursePage #rate article {
  margin: 60px 0 0;
}
.coursePage #rate article:first-of-type {
  margin: 0;
}
.coursePage #rate article.flexBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.coursePage #rate article.flexBox #rateBox {
  width: 50%;
}
.coursePage #rate article.flexBox #rateBox p#rateTxt {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Roboto Slab", Garamond, "Times New Roman", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  font-size: 231%;
  width: 360px;
  height: 360px;
  margin: 0 auto 15px;
  padding: 80px 0 0;
  border-radius: 100%;
}
.coursePage #rate article.flexBox #rateBox p#rateTxt span {
  line-height: 1;
  font-size: 316%;
}
.coursePage #rate article.flexBox #rateBox p.caption {
  text-align: center;
  border: none;
}
.coursePage #rate article.flexBox #txtBox {
  width: 50%;
}
.coursePage #rate article.flexBox #txtBox p {
  text-align: center;
}
.coursePage #rate article.flexBox #obBox {
  width: 50%;
}
.coursePage #rate article.flexBox #obBox p#obTitle {
  font-size: 139%;
  font-weight: bold;
  margin: 0 0 10px;
}
.coursePage #rate article.flexBox #obBox #obIvSlider a {
  position: relative;
  color: #222;
}
.coursePage #rate article.flexBox #obBox #obIvSlider a:hover {
  opacity: 0.9;
}
.coursePage #rate article.flexBox #obBox #obIvSlider a .txtWrap {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px 30px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.coursePage #rate article.flexBox #obBox #obIvSlider a .txtWrap p.obName {
  font-size: 131%;
}
.coursePage #rate article.flexBox #obBox #obIvSlider a .txtWrap p.obYear {
  font-size: 85%;
}
.coursePage #rate article.flexBox #obBox #obIvSlider a .txtWrap p.comName {
  font-size: 85%;
}
.coursePage #rate article.flexBox #obBox #obIvSlider .slick-arrow {
  width: 30px;
  height: 45px;
  z-index: 1;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  background: #FFF;
}
.coursePage #rate article.flexBox #obBox #obIvSlider .slick-arrow::before {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 0;
  opacity: 1;
  color: #466c90;
}
.coursePage #rate article.flexBox #obBox #obIvSlider .slick-arrow:hover {
  opacity: 0.75;
}
.coursePage #rate article.flexBox #obBox #obIvSlider .slick-prev {
  left: 0;
  top: 50%;
}
.coursePage #rate article.flexBox #obBox #obIvSlider .slick-prev::before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
}
.coursePage #rate article.flexBox #obBox #obIvSlider .slick-next {
  right: 0;
  top: 50%;
}
.coursePage #rate article.flexBox #obBox #obIvSlider .slick-next::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
}
.coursePage #rate article.flexBox #obBox #obIvSlider .slick-prev.slick-disabled:before,
.coursePage #rate article.flexBox #obBox #obIvSlider .slick-next.slick-disabled:before {
  opacity: 0.25;
}
.coursePage #rate article ul {
  padding: 0 0 0 1.6em;
  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: start;
}
.coursePage #rate article ul li {
  margin: 0 0 5px;
  width: 33.3333%;
  list-style: disc;
  font-size: 93%;
}
.coursePage #rate article p.caption {
  text-align: right;
}
.coursePage #worksBnr a {
  display: block;
  width: 70%;
  margin: 0 auto;
}
.coursePage #worksBnr a:hover {
  opacity: 0.8;
}
.coursePage #movie #iframeWrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.coursePage #movie #iframeWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.coursePage #movieList .flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -2%;
}
.coursePage #movieList .flexBox .movieBox {
  margin: 30px 0 0 2%;
  width: 48%;
}
.coursePage #movieList .flexBox .movieBox:nth-of-type(1), .coursePage #movieList .flexBox .movieBox:nth-of-type(2) {
  margin: 0 0 0 2%;
}
.coursePage #movieList .flexBox .movieBox div {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.coursePage #movieList .flexBox .movieBox div iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.coursePage #btnWrap p {
  width: 50%;
  margin: 0 auto;
}

#courseFuture h3 {
  border-left: 6px solid #059dd4;
  background: #059dd4;
}
#courseFuture h4 {
  border-bottom: 1px solid #059dd4;
  color: #059dd4;
}
#courseFuture #strongPoint {
  background: url("/assets/img/course/future/mv.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseFuture #strongPoint #pointWrap article p.point {
  background: #059dd4;
}
#courseFuture #feature article .flexBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#courseFuture #feature article .flexBox .imgWrap {
  width: 65%;
}
#courseFuture #feature article .flexBox .txtWrap {
  width: 35%;
  padding: 0 0 0 4%;
}
#courseFuture #curriculum article .curriList p {
  color: #059dd4;
}
#courseFuture #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #059dd4;
}
#courseFuture #rate article.flexBox #rateBox p#rateTxt span {
  color: #059dd4;
}

#courseCp h3 {
  border-left: 6px solid #45358e;
  background: #45358e;
}
#courseCp h4 {
  border-bottom: 1px solid #45358e;
  color: #45358e;
}
#courseCp #strongPoint {
  background: url("/assets/img/course/cp/mv.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseCp #strongPoint #pointWrap article p.point {
  background: #45358e;
}
#courseCp #feature article ul#vendorList {
  margin: 30px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#courseCp #feature article ul#vendorList li {
  width: 20%;
  padding: 0 1%;
}
#courseCp #feature article ul#vendorList li p {
  text-align: center;
  font-size: 70%;
  color: #999;
  margin: 0 0 8px;
}
#courseCp #feature article ul#vendorList li img {
  height: auto;
}
#courseCp #curriculum article .curriList p {
  color: #45358e;
}
#courseCp #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #45358e;
}
#courseCp #rate article.flexBox #rateBox p#rateTxt span {
  color: #45358e;
}

#courseCb h3 {
  border-left: 6px solid #5976ba;
  background: #5976ba;
}
#courseCb h4 {
  border-bottom: 1px solid #5976ba;
  color: #5976ba;
}
#courseCb #strongPoint {
  background: url("/assets/img/course/cb/mv.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseCb #strongPoint #pointWrap article p.point {
  background: #5976ba;
}
#courseCb #feature article .flexBox .txtWrap p.collaboTxt {
  margin: 0 0 20px;
  color: #5976ba;
  font-size: 108%;
}
#courseCb #feature article .flexBox .txtWrap p.collaboTxt span.sangi {
  margin: 0 0.6em 0 0;
  background: #5976ba;
  color: #FFF;
  padding: 10px 1em;
  border-radius: 5px;
}
#courseCb #feature article .flexBox .txtWrap p.collaboTxt span.sangi span {
  margin: 0 0 0 0.6em;
  font-size: 77%;
}
#courseCb #feature article .flexBox .txtWrap p.collaboTxt span.com {
  font-weight: bold;
  margin: 0 0 0 0.6em;
  border-radius: 5px;
  padding: 8px 1em;
  border: 2px solid #5976ba;
}
#courseCb #curriculum article .curriList p {
  color: #5976ba;
}
#courseCb #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #5976ba;
}
#courseCb #rate article.flexBox #rateBox p#rateTxt span {
  color: #5976ba;
}

#courseMedical h3 {
  border-left: 6px solid #dd7694;
  background: #dd7694;
}
#courseMedical h4 {
  border-bottom: 1px solid #dd7694;
  color: #dd7694;
}
#courseMedical #strongPoint {
  background: url("/assets/img/course/medical/mv.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseMedical #strongPoint #pointWrap article p.point {
  background: #dd7694;
}
#courseMedical #feature article #follow {
  margin: 0 0 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#courseMedical #feature article #follow .imgWrap {
  width: 65%;
}
#courseMedical #feature article #follow .txtWrap {
  width: 35%;
  padding: 0 0 0 4%;
}
#courseMedical #feature article #follow .txtWrap img {
  height: auto;
}
#courseMedical #feature article #oscar .imgWrap {
  width: 35%;
}
#courseMedical #feature article #oscar .txtWrap {
  width: 65%;
  padding: 0 0 0 4%;
}
#courseMedical #feature article #oscar .txtWrap p#oscarLogo {
  width: 125px;
  margin: 0 0 15px;
}
#courseMedical #curriculum article .curriList p {
  color: #dd7694;
}
#courseMedical #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #dd7694;
}
#courseMedical #rate article.flexBox #rateBox p#rateTxt span {
  color: #dd7694;
}

#courseChildcare h3 {
  border-left: 6px solid #d5b200;
  background: #d5b200;
}
#courseChildcare h4 {
  border-bottom: 1px solid #d5b200;
  color: #d5b200;
}
#courseChildcare #strongPoint {
  background: url("/assets/img/course/childcare/mv3.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseChildcare #strongPoint #pointWrap article p.point {
  background: #d5b200;
}
#courseChildcare #feature article #shikaku {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#courseChildcare #feature article #shikaku .imgWrap {
  width: 65%;
}
#courseChildcare #feature article #shikaku .txtWrap {
  width: 35%;
  padding: 0 0 0 4%;
}
#courseChildcare #curriculum article .curriList p {
  color: #d5b200;
}
#courseChildcare #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #d5b200;
}
#courseChildcare #rate article.flexBox #rateBox p#rateTxt span {
  color: #d5b200;
}

#courseCg h3 {
  border-left: 6px solid #f0832c;
  background: #f0832c;
}
#courseCg h4 {
  border-bottom: 1px solid #f0832c;
  color: #f0832c;
}
#courseCg #strongPoint {
  background: url("/assets/img/course/cg/mv.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseCg #strongPoint #pointWrap article p.point {
  background: #f0832c;
}
#courseCg #aim article .jobCatList {
  margin: 10px 0 0;
}
#courseCg #aim article .jobCatList:first-of-type {
  margin: 0;
}
#courseCg #aim article .jobCatList p {
  color: #f0832c;
  font-size: 108%;
  font-weight: bold;
}
#courseCg #aim article .jobCatList ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#courseCg #aim article .jobCatList ul li {
  width: 50%;
}
#courseCg #feature article .flexBox {
  margin: 30px 0 0;
}
#courseCg #feature article .flexBox:first-of-type {
  margin: 0;
}
#courseCg #feature article .flexBox .txtWrap p.txtWrapTitle {
  font-size: 116%;
  font-weight: bold;
  margin: 0 0 5px;
  color: #f0832c;
}
#courseCg #feature article .flexBox .txtWrap p.shopName {
  font-size: 108%;
  font-weight: bold;
  margin: 0 0 5px;
}
#courseCg #feature article #koza {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#courseCg #feature article #koza .kozaBox {
  width: 30%;
}
#courseCg #feature article #koza .kozaBox figure.kozaLogo img {
  width: auto;
  max-height: 70px;
  margin: 0 auto 10px;
  display: block;
}
#courseCg #feature article #koza .kozaBox p.kozaComName {
  font-size: 85%;
  text-align: center;
  color: #666;
  margin: 0 0 15px;
}
#courseCg #feature article #koza .kozaBox figure.kozaImg {
  margin: 0 0 10px;
}
#courseCg #feature article #koza .kozaBox p.kozaTitle {
  text-align: center;
}
#courseCg #feature article #cgCreater {
  padding: 40px;
  background: #F0F0F0;
  border-radius: 10px;
}
#courseCg #feature article #cgCreater .imgWrap {
  width: 20%;
}
#courseCg #feature article #cgCreater .txtWrap {
  width: 80%;
}
#courseCg #curriculum article .curriList p {
  color: #f0832c;
}
#courseCg #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #f0832c;
}
#courseCg #rate article.flexBox #rateBox p#rateTxt span {
  color: #f0832c;
}

#courseGame h3 {
  border-left: 6px solid #db534a;
  background: #db534a;
}
#courseGame h4 {
  border-bottom: 1px solid #db534a;
  color: #db534a;
}
#courseGame #strongPoint {
  background: url("/assets/img/course/game/mv.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseGame #strongPoint #pointWrap article p.point {
  background: #db534a;
}
#courseGame #feature article .flexBox {
  margin: 30px 0 0;
}
#courseGame #feature article .flexBox:first-of-type {
  margin: 0;
}
#courseGame #feature article .flexBox .txtWrap p.collaboTxt {
  margin: 0 0 20px;
  color: #db534a;
  font-size: 108%;
}
#courseGame #feature article .flexBox .txtWrap p.collaboTxt span.sangi {
  margin: 0 0.6em 0 0;
  background: #db534a;
  color: #FFF;
  padding: 10px 1em;
  border-radius: 5px;
}
#courseGame #feature article .flexBox .txtWrap p.collaboTxt span.sangi span {
  margin: 0 0 0 0.6em;
  font-size: 77%;
}
#courseGame #feature article .flexBox .txtWrap p.collaboTxt span.com {
  font-weight: bold;
  margin: 0 0 0 0.6em;
  border-radius: 5px;
  padding: 8px 1em;
  border: 2px solid #db534a;
}
#courseGame #feature article .flexBox .txtWrap p.txtWrapTitle {
  font-size: 116%;
  font-weight: bold;
  margin: 0 0 5px;
}
#courseGame #curriculum article .curriList p {
  color: #db534a;
}
#courseGame #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #db534a;
}
#courseGame #rate article.flexBox #rateBox p#rateTxt span {
  color: #db534a;
}

#courseCad h3 {
  border-left: 6px solid #bd771a;
  background: #bd771a;
}
#courseCad h4 {
  border-bottom: 1px solid #bd771a;
  color: #bd771a;
}
#courseCad #strongPoint {
  background: url("/assets/img/course/cad/mv.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseCad #strongPoint #pointWrap article p.point {
  background: #bd771a;
}
#courseCad #feature article .flexBox {
  margin: 30px 0 0;
}
#courseCad #feature article .flexBox:first-of-type {
  margin: 0;
}
#courseCad #feature article .flexBox .txtWrap p.collaboTxt {
  margin: 0 0 20px;
  color: #bd771a;
  font-size: 108%;
}
#courseCad #feature article .flexBox .txtWrap p.collaboTxt span.sangi {
  margin: 0 0.6em 0 0;
  background: #bd771a;
  color: #FFF;
  padding: 10px 1em;
  border-radius: 5px;
}
#courseCad #feature article .flexBox .txtWrap p.collaboTxt span.sangi span {
  margin: 0 0 0 0.6em;
  font-size: 77%;
}
#courseCad #feature article .flexBox .txtWrap p.collaboTxt span.com {
  font-weight: bold;
  margin: 0 0 0 0.6em;
  border-radius: 5px;
  padding: 8px 1em;
  border: 2px solid #bd771a;
}
#courseCad #feature article .flexBox .txtWrap p.txtWrapTitle {
  font-size: 116%;
  font-weight: bold;
  margin: 0 0 5px;
}
#courseCad #feature article .flexBox .txtWrap p.txtWrapTitle span {
  font-size: 85%;
  margin: 0 0.6em 0 0;
}
#courseCad #feature article .lab {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#courseCad #feature article #data {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#courseCad #feature article #data div {
  width: 48%;
  text-align: center;
}
#courseCad #feature article #data div p.dataTitle {
  background: #222;
  padding: 10px 14px;
  font-size: 116%;
  color: #FFF;
  margin: 0 0 10px;
}
#courseCad #feature article #data div p.dataTxt {
  font-size: 177%;
}
#courseCad #feature article #data div p.dataTxt span.number {
  font-size: 200%;
  margin: 0 0 0 5px;
  line-height: 1.2;
  color: #bd771a;
}
#courseCad #feature article #data div p.dataTxt span.cap {
  font-size: 12px;
  color: #666;
}
#courseCad #curriculum article .curriList p {
  color: #bd771a;
}
#courseCad #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #bd771a;
}
#courseCad #rate article.flexBox #rateBox p#rateTxt span {
  color: #bd771a;
}

#courseArchi h3 {
  border-left: 6px solid #61ab3b;
  background: #61ab3b;
}
#courseArchi h4 {
  border-bottom: 1px solid #61ab3b;
  color: #61ab3b;
}
#courseArchi #courseGuide p#courseTitle {
  font-size: 139%;
  font-weight: bold;
  margin: 0 0 20px;
}
#courseArchi #courseGuide .flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#courseArchi #courseGuide .flexBox .box {
  width: 31%;
}
#courseArchi #courseGuide .flexBox .box p.courseName {
  width: 100%;
  text-align: center;
  background: #61ab3b;
  color: #FFF;
  padding: 8px 0;
  font-size: 108%;
}
#courseArchi #courseGuide .flexBox .box p.courseTxt {
  padding: 15px 20px;
  background: #eaf5e5;
}
#courseArchi #strongPoint {
  background: url("/assets/img/course/architecture/mv.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseArchi #strongPoint #pointWrap article p.point {
  background: #61ab3b;
}
#courseArchi #feature article .flexBox p.txtWrapTitle {
  margin: 0 0 10px;
  font-size: 124%;
  color: #61ab3b;
}
#courseArchi #feature article #flow {
  margin: 0 0 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#courseArchi #feature article #flow img {
  display: block;
  width: 90%;
  margin: 0 auto 15px;
  text-align: center;
}
#courseArchi #feature article #flow p {
  width: 90%;
  margin: 0 auto;
}
#courseArchi #curriculum article .curriList p {
  color: #61ab3b;
}
#courseArchi #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #61ab3b;
}
#courseArchi #rate article.flexBox #rateBox p#rateTxt span {
  color: #61ab3b;
}

#courseDigital h3 {
  border-left: 6px solid #36b1a7;
  background: #36b1a7;
}
#courseDigital h4 {
  border-bottom: 1px solid #36b1a7;
  color: #36b1a7;
}
#courseDigital #strongPoint {
  background: url("/assets/img/course/digital/mv.jpg") no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
#courseDigital #strongPoint #pointWrap article p.point {
  background: #36b1a7;
}
#courseDigital #feature article .flexBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#courseDigital #feature article .flexBox .imgWrap {
  width: 65%;
}
#courseDigital #feature article .flexBox .txtWrap {
  width: 35%;
  padding: 0 0 0 4%;
}
#courseDigital #curriculum article .curriList p {
  color: #36b1a7;
}
#courseDigital #rate article.flexBox #rateBox p#rateTxt {
  border: 1px solid #36b1a7;
}
#courseDigital #rate article.flexBox #rateBox p#rateTxt span {
  color: #36b1a7;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  #courseIndex {
    padding: 0 0 20px;
  }
  #courseIndex #courseList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
    padding: 0;
  }
  #courseIndex #courseList a {
    border-bottom: 2px solid #f0f3f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin: 0;
    text-decoration: none;
  }
  #courseIndex #courseList a:nth-of-type(1), #courseIndex #courseList a:nth-of-type(2), #courseIndex #courseList a:nth-of-type(3) {
    margin: 0;
  }
  #courseIndex #courseList a:nth-of-type(2), #courseIndex #courseList a:nth-of-type(3) {
    margin: 0;
  }
  #courseIndex #courseList a:hover figure img {
    -webkit-transform: none;
            transform: none;
  }
  #courseIndex #courseList a figure {
    width: 35%;
    height: auto;
    overflow: visible;
    margin: 0;
    background: none;
  }
  #courseIndex #courseList a figure img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: none;
    transition: none;
  }
  #courseIndex #courseList a div {
    width: 65%;
    padding: 0 0 0 4%;
  }
  #courseIndex #courseList a div::before {
    top: 50%;
    right: 1em;
    margin: -10px 0 0;
  }
  #courseIndex #courseList a div p {
    line-height: 1.6;
    font-size: 100%;
  }
  #courseIndex #courseList a div p span {
    display: block;
    font-size: 85%;
    margin: 0;
  }
  #courseIndex #courseList a div span.caption {
    font-size: 77%;
  }
  #courseIndex #noneRec {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
    padding: 0;
  }
  #courseIndex #noneRec p.noneRecTitle {
    width: 100%;
    padding: 0;
  }
  #courseIndex #noneRec p.noneRecTitle span {
    display: block;
    background-color: rgb(150, 150, 150);
    color: #FFF;
    padding: 12px 1em;
    border-radius: 0px;
  }
  #courseIndex #noneRec a {
    border-bottom: 2px solid #f0f3f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin: 0;
    text-decoration: none;
  }
  #courseIndex #noneRec a:nth-of-type(1), #courseIndex #noneRec a:nth-of-type(2), #courseIndex #noneRec a:nth-of-type(3) {
    margin: 0;
  }
  #courseIndex #noneRec a:nth-of-type(2), #courseIndex #noneRec a:nth-of-type(3) {
    margin: 0;
  }
  #courseIndex #noneRec a:hover figure img {
    -webkit-transform: none;
            transform: none;
  }
  #courseIndex #noneRec a figure {
    width: 35%;
    height: auto;
    overflow: visible;
    margin: 0;
    background: none;
  }
  #courseIndex #noneRec a figure img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: none;
    transition: none;
  }
  #courseIndex #noneRec a div {
    width: 65%;
    padding: 0 0 0 4%;
  }
  #courseIndex #noneRec a div::before {
    top: 50%;
    right: 1em;
    margin: -10px 0 0;
  }
  #courseIndex #noneRec a div p {
    line-height: 1.6;
    font-size: 100%;
  }
  #courseIndex #noneRec a div p span {
    display: block;
    font-size: 85%;
    margin: 0;
  }
  #courseIndex #noneRec a div p span.noneRecTxt {
    display: inline-block;
    background-color: rgb(150, 150, 150);
    color: #FFF;
    padding: 2px 1em;
    border-radius: 3px;
  }
  #courseIndex #noneRec a div span.caption {
    font-size: 77%;
  }
  .coursePt {
    margin: 70px 0 0;
    height: 40vh;
  }
  .coursePt img {
    height: 40vh;
  }
  .coursePt p#courseName {
    height: auto;
    padding: 5px 1em;
    font-size: 139%;
    right: unset;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .coursePt p#courseYear {
    width: auto;
    height: auto;
    font-size: 116%;
    padding: 6px 1em;
  }
  .pageCont.coursePage .contSec {
    padding: 0 5%;
  }
  .pageCont.coursePage .contSec h3 {
    margin: 0 0 15px;
    font-size: 116%;
    padding: 7px 0.3em;
  }
  .pageCont.coursePage .contSec h4 {
    line-height: 1.6;
  }
  .pageCont.coursePage .contSec h4 span {
    display: block;
    margin: 0;
  }
  .coursePage #intro p#mainCopy {
    font-size: 139%;
    margin: 0 0 10px;
  }
  .coursePage #intro p#bodyCopy {
    font-size: 100%;
    margin: 0;
  }
  .coursePage #aim {
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .coursePage #aim article {
    width: 100%;
    margin: 20px 0 0;
  }
  .coursePage #aim article:first-of-type {
    margin: 0;
  }
  .coursePage #aim article ul {
    padding: 0 0 0 2em;
  }
  .coursePage #aim article ul li {
    font-size: 85%;
  }
  .coursePage #strongPoint {
    padding: 30px 0 40px;
  }
  .coursePage #strongPoint::before {
    background: rgba(0, 0, 0, 0.8);
  }
  .coursePage #strongPoint p#strongTitle {
    font-size: 131%;
    margin: 0 0 20px;
  }
  .coursePage #strongPoint #pointWrap {
    padding: 0 5%;
  }
  .coursePage #strongPoint #pointWrap article {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 12px 0 0;
    padding: 12px 0 0;
    border-top: 1px solid #797979;
  }
  .coursePage #strongPoint #pointWrap article:first-of-type {
    margin: 0;
    padding: 0;
    border-top: none;
  }
  .coursePage #strongPoint #pointWrap article p.point {
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    width: 70px;
    height: 70px;
    padding: 20px 0 0;
    font-size: 177%;
    line-height: 1;
    font-style: italic;
  }
  .coursePage #strongPoint #pointWrap article p.point span {
    display: block;
    font-size: 10px;
  }
  .coursePage #strongPoint #pointWrap article div {
    width: 100%;
  }
  .coursePage #strongPoint #pointWrap article div p {
    width: 100%;
  }
  .coursePage #strongPoint #pointWrap article div p.pointTitle {
    font-size: 116%;
    text-align: center;
    font-weight: bold;
  }
  .coursePage #strongPoint #pointWrap article div p.pointTxt {
    font-size: 93%;
  }
  .coursePage #feature article {
    margin: 30px 0 0;
  }
  .coursePage #feature article:first-of-type {
    margin: 0;
  }
  .coursePage #feature article .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .coursePage #feature article .flexBox .imgWrap {
    width: 100%;
    margin: 0 0 15px;
  }
  .coursePage #feature article .flexBox .txtWrap {
    width: 100%;
    padding: 0;
  }
  .coursePage #curriculum article {
    margin: 30px 0 0;
  }
  .coursePage #curriculum article h4 span {
    margin: 0 0.8em 0 0;
  }
  .coursePage #curriculum article .curriDetail {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 0 20px;
  }
  .coursePage #curriculum article .curriDetail div {
    width: 100%;
    margin: 20px 0 0;
  }
  .coursePage #curriculum article .curriDetail div:first-of-type {
    margin: 0;
  }
  .coursePage #curriculum article .curriDetail div img {
    width: 100%;
    height: auto;
    margin: 0 0 5px;
  }
  .coursePage #curriculum article .curriDetail div p.curriName {
    font-size: 108%;
  }
  .coursePage #curriculum article .curriList div {
    padding: 20px 1.3em;
  }
  .coursePage #curriculum article .curriList div p {
    font-size: 100%;
    margin: 10px 0 5px;
  }
  .coursePage #curriculum article .curriList div p:first-of-type {
    margin: 0 0 5px;
  }
  .coursePage #curriculum article .curriList div ul {
    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;
    padding: 0 0 0 1.6em;
  }
  .coursePage #curriculum article .curriList div ul li {
    font-size: 85%;
    width: 100%;
    list-style: disc;
  }
  .coursePage #curriculum article ul#pdfList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .coursePage #curriculum article ul#pdfList li {
    width: 100%;
    margin: 3px 0 0;
  }
  .coursePage #curriculum article ul#pdfList li:first-child {
    margin: 0;
  }
  .coursePage #newsFeedWrap a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 20px 0 0;
    text-decoration: none;
    position: relative;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .coursePage #newsFeedWrap a::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    position: absolute;
    font-size: 70%;
    top: 50%;
    right: 2em;
    margin: -11px 0 0;
  }
  .coursePage #newsFeedWrap a:hover {
    background: #FFF;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  }
  .coursePage #newsFeedWrap a:first-of-type {
    margin: 0;
  }
  .coursePage #newsFeedWrap a img {
    width: 15%;
    height: 140px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .coursePage #newsFeedWrap a div {
    width: 85%;
    padding: 0 5% 0 3%;
  }
  .coursePage #newsFeedWrap a div span {
    margin: 0 0 0 20px;
    color: #222;
    font-size: 85%;
  }
  .coursePage #newsFeedWrap a div span:first-of-type {
    margin: 0;
  }
  .coursePage #newsFeedWrap a div p.newsData {
    font-family: "Roboto Condensed", Arial, Sans-Serif;
    letter-spacing: 0.04em;
    margin: 3px 0 0;
    font-size: 85%;
    color: #868686;
  }
  .coursePage #rate article {
    margin: 20px 0 0;
  }
  .coursePage #rate article.flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .coursePage #rate article.flexBox #rateBox {
    width: 100%;
  }
  .coursePage #rate article.flexBox #rateBox p#rateTxt {
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Roboto Slab", Garamond, "Times New Roman", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    text-align: center;
    font-size: 139%;
    width: 180px;
    height: 180px;
    margin: 0 auto 10px;
    padding: 40px 0 0;
    border-radius: 100%;
  }
  .coursePage #rate article.flexBox #rateBox p#rateTxt span {
    line-height: 1;
    font-size: 254%;
  }
  .coursePage #rate article.flexBox #txtBox {
    width: 100%;
  }
  .coursePage #rate article.flexBox #txtBox p {
    font-size: 85%;
    text-align: left;
  }
  .coursePage #rate article.flexBox #obBox {
    width: 100%;
  }
  .coursePage #rate article.flexBox #obBox p#obTitle {
    font-size: 131%;
    margin: 0 0 10px;
  }
  .coursePage #rate article.flexBox #obBox #obIvSlider {
    margin: 0 0 20px;
  }
  .coursePage #rate article.flexBox #obBox #obIvSlider a .txtWrap {
    background: rgba(0, 0, 0, 0.6);
    padding: 14px 20px;
    color: #FFF;
  }
  .coursePage #rate article.flexBox #obBox #obIvSlider a .txtWrap p.obName {
    font-size: 116%;
  }
  .coursePage #rate article.flexBox #obBox #obIvSlider a .txtWrap p.obYear {
    font-size: 77%;
  }
  .coursePage #rate article.flexBox #obBox #obIvSlider a .txtWrap p.comName {
    font-size: 77%;
  }
  .coursePage #rate article.flexBox #obBox #obIvSlider .slick-arrow {
    width: 30px;
    height: 40px;
    background: #222;
  }
  .coursePage #rate article.flexBox #obBox #obIvSlider .slick-arrow::before {
    color: #FFF;
  }
  .coursePage #rate article.flexBox #obBox #obIvSlider .slick-prev {
    left: -5%;
  }
  .coursePage #rate article.flexBox #obBox #obIvSlider .slick-next {
    right: -5%;
  }
  .coursePage #rate article h4 span {
    display: inline-block;
    margin: 0 0 0 10px;
  }
  .coursePage #rate article ul {
    padding: 0 0 0 1.6em;
    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: start;
  }
  .coursePage #rate article ul li {
    margin: 0;
    width: 100%;
    list-style: disc;
    font-size: 85%;
  }
  .coursePage #movieList .flexBox {
    margin: 0;
  }
  .coursePage #movieList .flexBox .movieBox {
    margin: 20px 0 0;
    width: 100%;
  }
  .coursePage #movieList .flexBox .movieBox:nth-of-type(1), .coursePage #movieList .flexBox .movieBox:nth-of-type(2) {
    margin: 0;
  }
  .coursePage #movieList .flexBox .movieBox:nth-of-type(2) {
    margin: 20px 0 0;
  }
  .coursePage #worksBnr a {
    width: 100%;
    margin: 0;
  }
  .coursePage #btnWrap p {
    width: 100%;
    margin: 0;
  }
  #courseFuture #feature article .flexBox {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #courseFuture #feature article .flexBox .imgWrap {
    width: 100%;
    margin: 0 0 15px;
  }
  #courseFuture #feature article .flexBox .txtWrap {
    width: 100%;
    padding: 0;
  }
  #courseCp #feature article ul#vendorList {
    margin: 25px 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #courseCp #feature article ul#vendorList li {
    width: 50%;
    padding: 0 1%;
    margin: 15px 0 0;
  }
  #courseCp #feature article ul#vendorList li:nth-of-type(1), #courseCp #feature article ul#vendorList li:nth-of-type(2) {
    margin: 0;
  }
  #courseCp #feature article ul#vendorList li p {
    margin: 0;
  }
  #courseCb #feature article .flexBox .txtWrap p.collaboTxt {
    margin: 0 0 15px;
    color: #5976ba;
    font-size: 116%;
    text-align: center;
  }
  #courseCb #feature article .flexBox .txtWrap p.collaboTxt span.sangi {
    display: block;
    margin: 0px;
    color: #FFF;
    padding: 8px 0;
    border-radius: 5px;
  }
  #courseCb #feature article .flexBox .txtWrap p.collaboTxt span.sangi span {
    display: block;
    margin: 0;
    font-size: 70%;
  }
  #courseCb #feature article .flexBox .txtWrap p.collaboTxt span.com {
    display: block;
    margin: 0;
    padding: 6px 0;
  }
  #courseMedical #feature article #follow {
    margin: 0 0 15px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #courseMedical #feature article #follow .imgWrap {
    width: 100%;
  }
  #courseMedical #feature article #follow .txtWrap {
    width: 100%;
    padding: 0;
  }
  #courseMedical #feature article #follow .txtWrap img {
    height: auto;
  }
  #courseMedical #feature article #oscar .imgWrap {
    width: 100%;
  }
  #courseMedical #feature article #oscar .txtWrap {
    width: 100%;
    padding: 0;
  }
  #courseMedical #feature article #oscar .txtWrap p#oscarLogo {
    width: 100px;
    margin: 0 auto 15px;
  }
  #courseChildcare #feature article #shikaku {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #courseChildcare #feature article #shikaku .imgWrap {
    width: 100%;
    margin: 0 0 15px;
  }
  #courseChildcare #feature article #shikaku .txtWrap {
    width: 100%;
    padding: 0;
  }
  #courseCg #aim article .jobCatList {
    margin: 8px 0 0;
    padding: 0 5%;
  }
  #courseCg #aim article .jobCatList:first-of-type {
    margin: 0;
  }
  #courseCg #aim article .jobCatList p {
    font-size: 100%;
  }
  #courseCg #aim article .jobCatList ul li {
    font-size: 77%;
  }
  #courseCg #feature article .flexBox {
    margin: 20px 0 0;
  }
  #courseCg #feature article .flexBox:first-of-type {
    margin: 0;
  }
  #courseCg #feature article .flexBox .txtWrap p.txtWrapTitle {
    font-size: 108%;
    margin: 0 0 5px;
  }
  #courseCg #feature article .flexBox .txtWrap p.shopName {
    font-size: 100%;
    margin: 0;
  }
  #courseCg #feature article #koza {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #courseCg #feature article #koza .kozaBox {
    width: 100%;
    margin: 30px 0 0;
  }
  #courseCg #feature article #koza .kozaBox p.kozaComName {
    font-size: 85%;
    margin: 0 0 5px;
  }
  #courseCg #feature article #koza .kozaBox figure.kozaImg {
    width: 70%;
    margin: 0 auto 10px;
  }
  #courseCg #feature article #koza .kozaBox p.kozaTitle {
    font-size: 85%;
  }
  #courseCg #feature article #cgCreater {
    padding: 20px 1.3em;
  }
  #courseCg #feature article #cgCreater .imgWrap {
    width: 100%;
  }
  #courseCg #feature article #cgCreater .imgWrap img {
    height: auto;
  }
  #courseCg #feature article #cgCreater .txtWrap {
    width: 100%;
  }
  #courseGame #feature article .flexBox {
    margin: 20px 0 0;
  }
  #courseGame #feature article .flexBox:first-of-type {
    margin: 0;
  }
  #courseGame #feature article .flexBox .txtWrap p.collaboTxt {
    margin: 0 0 15px;
    font-size: 100%;
    text-align: center;
  }
  #courseGame #feature article .flexBox .txtWrap p.collaboTxt span.sangi {
    display: block;
    margin: 0px;
    color: #FFF;
    padding: 8px 0;
    border-radius: 5px;
  }
  #courseGame #feature article .flexBox .txtWrap p.collaboTxt span.sangi span {
    display: block;
    margin: 0;
    font-size: 70%;
  }
  #courseGame #feature article .flexBox .txtWrap p.collaboTxt span.com {
    display: block;
    margin: 0;
    padding: 6px 0;
  }
  #courseGame #feature article .flexBox .txtWrap p.txtWrapTitle {
    font-size: 108%;
    margin: 0;
  }
  #courseCad #feature article .flexBox {
    margin: 20px 0 0;
  }
  #courseCad #feature article .flexBox:first-of-type {
    margin: 0;
  }
  #courseCad #feature article .flexBox .txtWrap p.collaboTxt {
    margin: 0 0 15px;
    font-size: 100%;
    text-align: center;
  }
  #courseCad #feature article .flexBox .txtWrap p.collaboTxt span.sangi {
    display: block;
    margin: 0px;
    color: #FFF;
    padding: 8px 0;
    border-radius: 5px;
  }
  #courseCad #feature article .flexBox .txtWrap p.collaboTxt span.sangi span {
    display: block;
    margin: 0;
    font-size: 70%;
  }
  #courseCad #feature article .flexBox .txtWrap p.collaboTxt span.com {
    display: block;
    margin: 0;
    padding: 6px 1em;
  }
  #courseCad #feature article .flexBox .txtWrap p.txtWrapTitle {
    font-size: 108%;
    margin: 0;
  }
  #courseCad #feature article .flexBox .txtWrap p.txtWrapTitle span {
    font-size: 85%;
    margin: 0 0.6em 0 0;
  }
  #courseCad #feature article .lab {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #courseCad #feature article #data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #courseCad #feature article #data div {
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
  }
  #courseCad #feature article #data div:first-of-type {
    margin: 0;
  }
  #courseCad #feature article #data div p.dataTitle {
    padding: 6px 0;
    font-size: 100%;
    margin: 0 0 5px;
  }
  #courseCad #feature article #data div p.dataTxt {
    font-size: 131%;
  }
  #courseCad #feature article #data div p.dataTxt span.number {
    font-size: 177%;
    font-weight: bold;
    margin: 0 0 0 5px;
  }
  #courseCad #feature article #data div p.dataTxt span.cap {
    font-size: 11px;
  }
  #courseArchi #courseGuide p#courseTitle {
    font-size: 108%;
    margin: 0 0 10px;
  }
  #courseArchi #courseGuide .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #courseArchi #courseGuide .flexBox .box {
    width: 100%;
    margin: 15px 0 0;
  }
  #courseArchi #courseGuide .flexBox .box:first-of-type {
    margin: 0;
  }
  #courseArchi #courseGuide .flexBox .box p.courseName {
    padding: 6px 0;
    font-size: 100%;
  }
  #courseArchi #courseGuide .flexBox .box p.courseTxt {
    font-size: 93%;
    padding: 12px 4%;
  }
  #courseArchi #feature article .flexBox p.txtWrapTitle {
    margin: 0;
    font-size: 108%;
  }
  #courseArchi #feature article #flow {
    margin: 0 0 20px;
  }
  #courseArchi #feature article #flow img {
    display: block;
    width: 100%;
    margin: 0 auto 15px;
    text-align: center;
  }
  #courseArchi #feature article #flow p {
    width: 100%;
    margin: 0;
  }
  #courseDigital #feature article .flexBox {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #courseDigital #feature article .flexBox .imgWrap {
    width: 100%;
    margin: 0 0 15px;
  }
  #courseDigital #feature article .flexBox .txtWrap {
    width: 100%;
    padding: 0;
  }
}
#examineeIndex .flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 0 -3.3333%;
}
#examineeIndex .flexBox .boxItem {
  display: block;
  width: 30%;
  margin: 40px 0 0 3.3333%;
}
#examineeIndex .flexBox .boxItem:nth-of-type(1), #examineeIndex .flexBox .boxItem:nth-of-type(2), #examineeIndex .flexBox .boxItem:nth-of-type(3) {
  margin: 0 0 0 3.3333%;
}
#examineeIndex .flexBox .boxItem a {
  display: block;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#examineeIndex .flexBox .boxItem a:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#examineeIndex .flexBox .boxItem a img {
  height: auto;
}
#examineeIndex .flexBox .boxItem a p {
  background: #466c90;
  width: 100%;
  color: #FFF;
  font-weight: bold;
  font-size: 116%;
  padding: 14px 1em 0;
  max-height: 58px;
  min-height: 58px;
}
#examineeIndex .flexBox .boxItem ul {
  margin: 20px 0 0;
  padding: 0 3em 30px 0.6em;
  width: 100%;
  background: #FFF;
}
#examineeIndex .flexBox .boxItem ul li {
  font-size: 100%;
}
#examineeIndex .flexBox .boxItem ul li a {
  padding: 0 0 0 1em;
  position: relative;
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#examineeIndex .flexBox .boxItem ul li a:hover {
  text-decoration: underline;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#examineeIndex .flexBox .boxItem ul li a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  left: 0;
  margin: -9px 0 0;
}

#examineeExam .contSec p.infoTxt {
  background: #db534a;
  color: #FFF;
  text-align: center;
  padding: 10px 0;
  margin: 0 0 15px;
  font-size: 108%;
  font-weight: bold;
}
#examineeExam .contSec ul {
  margin: 15px 0 0;
  padding: 0 0 0 1.6em;
}
#examineeExam .contSec ul li {
  list-style: disc;
  margin: 5px 0 0;
}
#examineeExam .contSec ul li:first-child {
  margin: 0;
}
#examineeExam #capacity table {
  width: 100%;
  margin: 0 0 20px;
}
#examineeExam #capacity table tbody tr {
  border-bottom: 1px solid #DDD;
}
#examineeExam #capacity table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#examineeExam #capacity table tbody tr:nth-of-type(odd) {
  background: #f5f5f5;
}
#examineeExam #capacity table tbody tr th, #examineeExam #capacity table tbody tr td {
  padding: 12px;
}
#examineeExam #capacity table tbody tr th {
  background: #f0f3f6;
}
#examineeExam #capacity table tbody tr td:first-of-type {
  width: 70%;
}
#examineeExam #capacity table tbody tr td:nth-of-type(2) {
  width: 15%;
  text-align: center;
}
#examineeExam #capacity table tbody tr td:nth-of-type(3) {
  width: 15%;
  text-align: center;
}
#examineeExam #capacity p.caption {
  margin: 5px 0 0;
  padding: 0 0 0 1.2em;
  position: relative;
}
#examineeExam #capacity p.caption::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
#examineeExam #selectionDate table {
  width: 100%;
  margin: 20px 0 0;
}
#examineeExam #selectionDate table tbody tr {
  border-bottom: 1px solid #DDD;
}
#examineeExam #selectionDate table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#examineeExam #selectionDate table tbody tr th, #examineeExam #selectionDate table tbody tr td {
  text-align: center;
  padding: 12px;
}
#examineeExam #selectionDate table tbody tr th {
  background: #f0f3f6;
}
#examineeExam #selectionDate table tbody tr th:nth-of-type(2) {
  border-left: 1px solid #DDD;
}
#examineeExam #selectionDate table tbody tr th:nth-of-type(3) {
  border-left: 1px solid #DDD;
}
#examineeExam #selectionDate table tbody tr td:first-of-type {
  width: 15%;
  background: #f5f5f5;
}
#examineeExam #selectionDate table tbody tr td:nth-of-type(2) {
  width: 35%;
  border-left: 1px solid #DDD;
}
#examineeExam #selectionDate table tbody tr td:nth-of-type(3) {
  width: 50%;
  border-left: 1px solid #DDD;
}
#examineeExam #selectionDate table tbody tr td span {
  text-decoration: line-through;
}

#examineeSm span.clrTxt {
  color: #059dd4;
  font-weight: bold;
}
#examineeSm p.btn {
  width: 50%;
  margin: 0 auto;
}
#examineeSm #first ul {
  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;
  margin: 0 0 0 -3%;
}
#examineeSm #first ul li {
  width: 22%;
  margin: 0 0 20px 3%;
}
#examineeSm #first ul li a {
  display: block;
  background: #f0f3f6;
  text-align: center;
  padding: 14px 0;
  text-decoration: none;
  position: relative;
}
#examineeSm #first ul li a::before {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 20px;
  margin: -11px 0 0;
}
#examineeSm #first ul li a:hover {
  color: #FFF;
  background: #466c90;
}
#examineeSm #one {
  padding: 0 0 80px;
  border-bottom: 5px solid #DDD;
}
#examineeSm article {
  margin: 40px 0 0;
}
#examineeSm article:first-of-type {
  margin: 0;
}
#examineeSm table {
  width: 100%;
}
#examineeSm table tbody tr {
  border-bottom: 1px solid #DDD;
}
#examineeSm table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#examineeSm table tbody tr th, #examineeSm table tbody tr td {
  padding: 12px;
}
#examineeSm table tbody tr th {
  width: 25%;
  background: #f0f3f6;
}
#examineeSm table tbody tr td {
  width: 75%;
}
#examineeSm table tbody tr td ul li, #examineeSm table tbody tr td ol li {
  margin: 2px 0 0;
}
#examineeSm table tbody tr td ul li:first-child, #examineeSm table tbody tr td ol li:first-child {
  margin: 0;
}
#examineeSm table tbody tr td ul {
  padding: 0 0 0 1.8em;
}
#examineeSm table tbody tr td ul li {
  list-style: disc;
}
#examineeSm table tbody tr td ul li ol li {
  list-style: decimal;
}
#examineeSm table tbody tr td ol {
  padding: 0 0 0 1.8em;
}
#examineeSm table tbody tr td ol li {
  list-style: decimal;
}
#examineeSm table tbody tr td ol li ul li {
  list-style: disc;
}
#examineeSm .contSec:last-of-type {
  border-top: 5px solid #DDD;
  padding: 80px 0 0;
}

#examineeAo p.readTxt {
  font-size: 116%;
}
#examineeAo span.clrTxt {
  color: #059dd4;
  font-weight: bold;
}
#examineeAo #ao01 p.readTxt {
  margin: 0 0 20px;
}
#examineeAo #ao01 div {
  background: #f0f3f6;
  padding: 40px;
}
#examineeAo #ao01 div p {
  font-size: 116%;
  font-weight: bold;
  margin: 0 0 5px;
  color: #059dd4;
}
#examineeAo #ao01 div ul {
  padding: 0 0 0 1.6em;
}
#examineeAo #ao01 div ul li {
  list-style: disc;
}
#examineeAo #ao02 ol {
  margin: 20px 0 0;
  padding: 0 0 0 1.6em;
}
#examineeAo #ao02 ol li {
  list-style: decimal;
}
#examineeAo #ao03 p {
  color: #059dd4;
  font-size: 154%;
  font-weight: bold;
}
#examineeAo #ao04 article {
  margin: 15px 0 0;
}
#examineeAo #ao04 article:first-of-type div {
  margin: 10px 0 0;
}
#examineeAo #ao04 article:first-of-type div:first-of-type {
  margin: 0;
}
#examineeAo #ao04 article:first-of-type div p:first-of-type {
  font-size: 116%;
  font-weight: bold;
}
#examineeAo #ao04 article:first-of-type div p:first-of-type span {
  margin: 0 10px 0 0;
  font-size: 85%;
  background: #059dd4;
  color: #FFF;
  padding: 3px 10px;
  border-radius: 5px;
}
#examineeAo #ao04 article dl::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
}
#examineeAo #ao04 article dl dt, #examineeAo #ao04 article dl dd {
  float: left;
  margin: 0 0 5px;
}
#examineeAo #ao04 article dl dt {
  clear: both;
  font-weight: bold;
  margin: 0 2em 0 0;
}
#examineeAo #ao05 article {
  margin: 15px 0 0;
}
#examineeAo #ao05 article ol {
  padding: 0 0 0 1.4em;
  margin: 0 0 15px;
}
#examineeAo #ao05 article ol li {
  list-style: decimal;
}
#examineeAo #ao05 article ol li span {
  color: #059dd4;
  font-weight: bold;
}
#examineeAo #ao05 article table {
  width: 100%;
  margin: 0 0 20px;
}
#examineeAo #ao05 article table tbody tr th, #examineeAo #ao05 article table tbody tr td {
  padding: 12px;
}
#examineeAo #ao05 article table tbody tr th {
  background: #466c90;
  color: #FFF;
  border-left: 1px solid #DDD;
}
#examineeAo #ao05 article table tbody tr th span {
  font-size: 77%;
  background: #FFF;
  color: #466c90;
  border-radius: 3px;
  padding: 2px 6px;
  margin: 0 10px 0 0;
}
#examineeAo #ao05 article table tbody tr td {
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #DDD;
  text-align: center;
}
#examineeAo #ao05 article table tbody tr td:nth-of-type(1) {
  border-left: none;
  background: #d6e1eb;
}
#examineeAo #ao05 article:first-of-type div {
  margin: 10px 0 0;
}
#examineeAo #ao05 article:first-of-type div:first-of-type {
  margin: 0;
}
#examineeAo #ao05 article:first-of-type div p:first-of-type {
  font-size: 116%;
  font-weight: bold;
}
#examineeAo #ao05 article:first-of-type div p:first-of-type span {
  margin: 0 10px 0 0;
  font-size: 85%;
  background: #059dd4;
  color: #FFF;
  padding: 3px 10px;
  border-radius: 5px;
}
#examineeAo #ao05 article:first-of-type div p.dataTitle {
  background: #F0F0F0;
  padding: 6px 12px;
  margin: 5px 0;
}
#examineeAo #ao05 article:first-of-type div p.data {
  font-size: 116%;
}
#examineeAo #ao05 article.bg {
  background: #f0f3f6;
  padding: 40px;
}
#examineeAo #ao05 article.bg p.title {
  font-size: 116%;
  font-weight: bold;
  margin: 0 0 5px;
  color: #059dd4;
}
#examineeAo #ao05 article.bg dl {
  margin: 15px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#examineeAo #ao05 article.bg dl dt {
  padding: 25px 0 0;
  text-align: center;
  width: 20%;
  background: #059dd4;
  color: #FFF;
}
#examineeAo #ao05 article.bg dl dd {
  width: 80%;
}
#examineeAo #ao05 article.bg dl dd table {
  width: 100%;
}
#examineeAo #ao05 article.bg dl dd table tbody tr {
  border-bottom: 1px solid #CCC;
}
#examineeAo #ao05 article.bg dl dd table tbody tr:first-of-type {
  border-top: 1px solid #CCC;
}
#examineeAo #ao05 article.bg dl dd table tbody tr th, #examineeAo #ao05 article.bg dl dd table tbody tr td {
  padding: 10px;
}
#examineeAo #ao05 article.bg dl dd table tbody tr th {
  background: #d6e1eb;
  width: 20%;
}
#examineeAo #ao05 article.bg dl dd table tbody tr td {
  background: #FFF;
  width: 80%;
}
#examineeAo #ao08 table {
  width: 100%;
}
#examineeAo #ao08 table tbody tr {
  border-bottom: 1px solid #DDD;
}
#examineeAo #ao08 table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#examineeAo #ao08 table tbody tr th, #examineeAo #ao08 table tbody tr td {
  padding: 10px;
}
#examineeAo #ao08 table tbody tr th {
  background: #f0f3f6;
  width: 20%;
}
#examineeAo #ao08 table tbody tr td {
  background: #FFF;
  width: 80%;
}

#examineeTuition .contSec p.btn {
  width: 50%;
  margin: 25px auto 0;
}
#examineeTuition .contSec article {
  margin: 60px 0 0;
}
#examineeTuition .contSec article img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
#examineeTuition #fee table {
  width: 100%;
  margin: 0 0 20px;
}
#examineeTuition #fee table tbody tr th, #examineeTuition #fee table tbody tr td {
  padding: 12px;
}
#examineeTuition #fee table tbody tr th {
  background: #f0f3f6;
  border-left: 1px solid #DDD;
}
#examineeTuition #fee table tbody tr th:nth-of-type(1) {
  width: 32%;
  border-left: none;
}
#examineeTuition #fee table tbody tr th:nth-of-type(2) {
  width: 8%;
}
#examineeTuition #fee table tbody tr th:nth-of-type(3) {
  width: 15%;
}
#examineeTuition #fee table tbody tr th:nth-of-type(4) {
  width: 15%;
}
#examineeTuition #fee table tbody tr th:nth-of-type(5) {
  width: 15%;
}
#examineeTuition #fee table tbody tr th:nth-of-type(6) {
  width: 15%;
}
#examineeTuition #fee table tbody tr td {
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #DDD;
  text-align: right;
}
#examineeTuition #fee table tbody tr td:nth-of-type(1) {
  border-left: none;
  text-align: left;
}
#examineeTuition #fee table tbody tr td.year {
  text-align: center;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
#examineeTuition #fee p.caption {
  margin: 5px 0 0;
  padding: 0 0 0 1.2em;
  position: relative;
}
#examineeTuition #fee p.caption::before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
#examineeTuition #fee p.caption.redTxt {
  color: #db534a;
}
#examineeTuition #scholarship table {
  width: 100%;
  margin: 20px 0 0;
}
#examineeTuition #scholarship table tbody tr {
  border-bottom: 1px solid #DDD;
}
#examineeTuition #scholarship table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#examineeTuition #scholarship table tbody tr th, #examineeTuition #scholarship table tbody tr td {
  padding: 12px;
}
#examineeTuition #scholarship table tbody tr th {
  width: 25%;
  background: #f0f3f6;
}
#examineeTuition #scholarship table tbody tr td {
  width: 75%;
}
#examineeTuition #scholarship .flexBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#examineeTuition #scholarship .flexBox img {
  width: 40%;
}
#examineeTuition #scholarship .flexBox p {
  width: 60%;
  padding: 0 0 0 4%;
}
#examineeTuition #support table {
  width: 100%;
  margin: 20px 0;
}
#examineeTuition #support table tbody tr {
  border-bottom: 1px solid #DDD;
}
#examineeTuition #support table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#examineeTuition #support table tbody tr th, #examineeTuition #support table tbody tr td {
  padding: 12px;
}
#examineeTuition #support table tbody tr th {
  width: 25%;
  background: #f0f3f6;
}
#examineeTuition #support table tbody tr td {
  width: 75%;
}

#examineeQa .contSec {
  margin: 60px 0 0;
}
#examineeQa .contSec:first-of-type {
  margin: 0;
}
#examineeQa .contSec dl {
  margin: 30px 0 0;
}
#examineeQa .contSec dl:first-of-type {
  margin: 0;
}
#examineeQa .contSec dl dt {
  padding: 16px 8% 16px 6%;
  font-size: 124%;
  font-weight: bold;
  background: #466c90;
  color: #FFF;
  cursor: pointer;
  position: relative;
}
#examineeQa .contSec dl dt:hover {
  background: #587ea2;
}
#examineeQa .contSec dl dt::before {
  content: "Q";
  font-size: 200%;
  color: #fad900;
  position: absolute;
  top: 50%;
  left: 1.9%;
  margin: -35px 0 0;
}
#examineeQa .contSec dl dt::after {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 20px;
  margin: -11px 0 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#examineeQa .contSec dl dt.active {
  background: #8ea7bd;
}
#examineeQa .contSec dl dt.active::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}
#examineeQa .contSec dl dd {
  display: none;
  font-size: 108%;
  background: #f0f3f6;
  color: #222;
  padding: 24px 2% 24px 6%;
  position: relative;
}
#examineeQa .contSec dl dd::before {
  font-weight: bold;
  content: "A";
  font-size: 231%;
  color: #bf4135;
  position: absolute;
  top: 5px;
  left: 2%;
  margin: 0;
}
#examineeQa .contSec dl dd a {
  text-decoration: underline;
}

#examineeParents .contSec .flexBox {
  margin: 50px 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#examineeParents .contSec .flexBox:first-of-type {
  margin: 0;
}
#examineeParents .contSec .flexBox:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#examineeParents .contSec .flexBox:nth-of-type(odd) .txtWrap {
  padding: 0 0 0 4%;
}
#examineeParents .contSec .flexBox .imgWrap {
  width: 30%;
}
#examineeParents .contSec .flexBox .txtWrap {
  width: 70%;
  padding: 0 4% 0 0;
}
#examineeParents .contSec .flexBox .txtWrap span {
  background: #466c90;
  color: #FFF;
  padding: 6px 20px;
  border-radius: 15px;
  font-size: 85%;
}
#examineeParents .contSec .flexBox .txtWrap p.riyuTitle {
  margin: 8px 0 5px;
  font-size: 139%;
  font-weight: bold;
}
#examineeParents .contSec .flexBox#rhythm .imgWrap {
  width: 50%;
}
#examineeParents .contSec .flexBox#rhythm .txtWrap {
  width: 50%;
}
#examineeParents .contSec p.btn {
  width: 50%;
  margin: 0 auto;
}
#examineeParents #contact p#readTxt {
  text-align: center;
  font-size: 131%;
  font-weight: bold;
  margin: 0 0 30px;
}
#examineeParents #contact .flexBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#examineeParents #contact .flexBox div {
  width: 50%;
  padding: 20px 0;
}
#examineeParents #contact .flexBox div:first-of-type {
  border-right: 1px solid #DDD;
}
#examineeParents #contact .flexBox div span {
  font-size: 116%;
  display: block;
  text-align: center;
  margin: 0 0 10px;
}
#examineeParents #contact .flexBox div p.btn {
  width: 90%;
}
#examineeParents #contact .flexBox div p.btn a {
  background: #db534a;
}
#examineeParents #contact .flexBox div p.btn a:hover {
  background: #aa271f;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  #examineeIndex .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
    padding: 0 5%;
  }
  #examineeIndex .flexBox .boxItem {
    width: 100%;
    margin: 30px 0 0;
  }
  #examineeIndex .flexBox .boxItem:nth-of-type(1), #examineeIndex .flexBox .boxItem:nth-of-type(2), #examineeIndex .flexBox .boxItem:nth-of-type(3) {
    margin: 0;
  }
  #examineeIndex .flexBox .boxItem:nth-of-type(2), #examineeIndex .flexBox .boxItem:nth-of-type(3) {
    margin: 30px 0 0;
  }
  #examineeIndex .flexBox .boxItem a {
    display: block;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    transition: none;
  }
  #examineeIndex .flexBox .boxItem a:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #examineeIndex .flexBox .boxItem a img {
    height: auto;
  }
  #examineeIndex .flexBox .boxItem a p {
    font-size: 100%;
    padding: 10px 0.6em;
    max-height: auto;
    min-height: auto;
    position: relative;
  }
  #examineeIndex .flexBox .boxItem a p::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    position: absolute;
    font-size: 70%;
    top: 50%;
    right: 1em;
    margin: -11px 0 0;
  }
  #examineeIndex .flexBox .boxItem ul {
    margin: 15px 0 0;
    padding: 0 1em 0 0.6em;
    width: 100%;
    background: #FFF;
  }
  #examineeIndex .flexBox .boxItem ul li {
    font-size: 100%;
  }
  #examineeIndex .flexBox .boxItem ul li a {
    padding: 0 0 0 1em;
    position: relative;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #examineeIndex .flexBox .boxItem ul li a:hover {
    text-decoration: underline;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #examineeIndex .flexBox .boxItem ul li a::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    position: absolute;
    font-size: 70%;
    top: 50%;
    left: 0;
    margin: -9px 0 0;
  }
  #examineeExam .scrollTable {
    padding: 0;
    margin: 0;
    width: 100%;
  }
  #examineeExam .contSec {
    padding: 0 5%;
  }
  #examineeExam .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #examineeExam .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #examineeExam .contSec ul {
    margin: 12px 0 0;
  }
  #examineeExam .contSec ul li {
    list-style: disc;
    margin: 5px 0 0;
  }
  #examineeExam .contSec ul li:first-child {
    margin: 0;
  }
  #examineeExam #capacity table {
    width: 100%;
    margin: 0;
    font-size: 93%;
  }
  #examineeExam #capacity table tbody tr th, #examineeExam #capacity table tbody tr td {
    padding: 10px;
  }
  #examineeExam #capacity p.caption {
    margin: 15px 0 0;
  }
  #examineeExam #selectionDate table {
    margin: 15px 0 0;
    font-size: 93%;
  }
  #examineeExam #selectionDate table tbody tr th, #examineeExam #selectionDate table tbody tr td {
    padding: 10px;
  }
  #examineeSm p.btn {
    width: 100%;
    margin: 0;
  }
  #examineeSm .contSec {
    padding: 0 5%;
  }
  #examineeSm .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #examineeSm .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #examineeSm #first {
    padding: 0;
  }
  #examineeSm #first ul {
    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;
    margin: 0;
    background: #f0f3f6;
  }
  #examineeSm #first ul li {
    width: 50%;
    margin: 0;
    border-bottom: 1px solid #FFF;
  }
  #examineeSm #first ul li:nth-of-type(odd) {
    border-right: 1px solid #FFF;
  }
  #examineeSm #first ul li a {
    padding: 11px 0;
    font-size: 93%;
  }
  #examineeSm #first ul li a::before {
    font-size: 10px;
    right: 15px;
  }
  #examineeSm #one {
    padding: 0 5% 40px;
    border-bottom: 3px solid #F0F0F0;
  }
  #examineeSm article {
    margin: 20px 0 0;
  }
  #examineeSm article:first-of-type {
    margin: 0;
  }
  #examineeSm table {
    width: 100%;
    font-size: 93%;
  }
  #examineeSm table tbody tr {
    border-bottom: none;
  }
  #examineeSm table tbody tr:first-of-type {
    border-top: none;
  }
  #examineeSm table tbody tr th, #examineeSm table tbody tr td {
    display: block;
    padding: 10px;
  }
  #examineeSm table tbody tr th {
    text-align: left;
    width: 100%;
  }
  #examineeSm table tbody tr td {
    border-top: 1px solid #DDD;
    width: 100%;
  }
  #examineeSm table tbody tr td ul {
    padding: 0 0 0 1.6em;
  }
  #examineeSm table tbody tr td ol {
    padding: 0 0 0 1.6em;
  }
  #examineeSm .contSec:last-of-type {
    border-top: 3px solid #F0F0F0;
    padding: 40px 5% 0;
  }
  #examineeAo .contSec {
    padding: 0 5%;
  }
  #examineeAo .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #examineeAo .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #examineeAo p.readTxt {
    font-size: 100%;
  }
  #examineeAo #ao01 p.readTxt {
    margin: 0 0 15px;
  }
  #examineeAo #ao01 div {
    padding: 24px 1.6em;
  }
  #examineeAo #ao01 div p {
    font-size: 108%;
  }
  #examineeAo #ao02 ol {
    margin: 15px 0 0;
  }
  #examineeAo #ao03 p {
    font-size: 131%;
  }
  #examineeAo #ao04 article {
    margin: 15px 0 0;
  }
  #examineeAo #ao04 article:first-of-type div {
    margin: 10px 0 0;
  }
  #examineeAo #ao04 article:first-of-type div:first-of-type {
    margin: 0;
  }
  #examineeAo #ao04 article:first-of-type div p:first-of-type {
    font-size: 108%;
  }
  #examineeAo #ao04 article:first-of-type div p:first-of-type span {
    margin: 0 10px 0 0;
    font-size: 77%;
  }
  #examineeAo #ao04 article dl dt, #examineeAo #ao04 article dl dd {
    float: none;
    margin: 0 0 5px;
  }
  #examineeAo #ao04 article dl dt {
    clear: both;
    font-weight: bold;
    margin: 0 2em 0 0;
  }
  #examineeAo #ao05 article {
    margin: 15px 0 0;
  }
  #examineeAo #ao05 article .scrollTable {
    width: 100%;
  }
  #examineeAo #ao05 article:first-of-type div {
    margin: 10px 0 0;
  }
  #examineeAo #ao05 article:first-of-type div:first-of-type {
    margin: 0;
  }
  #examineeAo #ao05 article:first-of-type div p:first-of-type {
    font-size: 108%;
  }
  #examineeAo #ao05 article:first-of-type div p:first-of-type span {
    margin: 0 10px 0 0;
    font-size: 77%;
  }
  #examineeAo #ao05 article:first-of-type div p.dataTitle {
    font-weight: bold;
  }
  #examineeAo #ao05 article:first-of-type div p.data {
    font-size: 100%;
  }
  #examineeAo #ao05 article.bg {
    padding: 24px 1.6em;
  }
  #examineeAo #ao05 article.bg p.title {
    font-size: 108%;
  }
  #examineeAo #ao05 article.bg dl {
    margin: 15px 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #examineeAo #ao05 article.bg dl dt {
    padding: 12px 0;
    text-align: center;
    width: 100%;
  }
  #examineeAo #ao05 article.bg dl dd {
    width: 100%;
  }
  #examineeAo #ao05 article.bg dl dd table {
    width: 100%;
    font-size: 93%;
  }
  #examineeAo #ao05 article.bg dl dd table tbody tr th, #examineeAo #ao05 article.bg dl dd table tbody tr td {
    padding: 10px;
  }
  #examineeAo #ao05 article.bg dl dd table tbody tr th {
    width: 30%;
  }
  #examineeAo #ao05 article.bg dl dd table tbody tr td {
    width: 70%;
  }
  #examineeAo #ao08 table {
    width: 100%;
    font-size: 93%;
  }
  #examineeAo #ao08 table tbody tr {
    border-bottom: none;
  }
  #examineeAo #ao08 table tbody tr:first-of-type {
    border-top: none;
  }
  #examineeAo #ao08 table tbody tr th, #examineeAo #ao08 table tbody tr td {
    display: block;
    padding: 10px;
  }
  #examineeAo #ao08 table tbody tr th {
    text-align: left;
    width: 100%;
  }
  #examineeAo #ao08 table tbody tr td {
    border-top: 1px solid #DDD;
    width: 100%;
  }
  #examineeTuition .contSec {
    padding: 0 5%;
  }
  #examineeTuition .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #examineeTuition .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #examineeTuition .contSec p.btn {
    width: 100%;
    margin: 15px auto 0;
  }
  #examineeTuition .contSec article {
    margin: 30px 0 0;
  }
  #examineeTuition #fee .scrollTable {
    width: 100%;
    margin: 0 0 20px;
  }
  #examineeTuition #fee table {
    font-size: 93%;
    width: 100%;
    margin: 0;
  }
  #examineeTuition #fee table tbody tr th, #examineeTuition #fee table tbody tr td {
    padding: 10px;
  }
  #examineeTuition #fee .scroll-hint-icon {
    top: 3%;
  }
  #examineeTuition #scholarship table {
    width: 100%;
    font-size: 93%;
    margin: 20px 0 0;
  }
  #examineeTuition #scholarship table tbody tr {
    border-bottom: none;
  }
  #examineeTuition #scholarship table tbody tr:first-of-type {
    border-top: none;
  }
  #examineeTuition #scholarship table tbody tr th, #examineeTuition #scholarship table tbody tr td {
    display: block;
    padding: 10px;
  }
  #examineeTuition #scholarship table tbody tr th {
    width: 100%;
    text-align: left;
  }
  #examineeTuition #scholarship table tbody tr td {
    border-top: 1px solid #DDD;
    width: 100%;
  }
  #examineeTuition #scholarship .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #examineeTuition #scholarship .flexBox img {
    width: 100%;
    margin: 0 0 15px;
  }
  #examineeTuition #scholarship .flexBox p {
    width: 100%;
    padding: 0;
  }
  #examineeTuition #support table {
    width: 100%;
    font-size: 93%;
    margin: 20px 0;
  }
  #examineeTuition #support table tbody tr {
    border-bottom: none;
  }
  #examineeTuition #support table tbody tr:first-of-type {
    border-top: none;
  }
  #examineeTuition #support table tbody tr th, #examineeTuition #support table tbody tr td {
    display: block;
    padding: 10px;
  }
  #examineeTuition #support table tbody tr th {
    width: 100%;
    text-align: left;
  }
  #examineeTuition #support table tbody tr td {
    border-top: 1px solid #DDD;
    width: 100%;
  }
  #examineeQa .contSec {
    padding: 0 5%;
    margin: 30px 0 0;
  }
  #examineeQa .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #examineeQa .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #examineeQa .contSec:first-of-type {
    margin: 0;
  }
  #examineeQa .contSec dl {
    margin: 10px 0 0;
  }
  #examineeQa .contSec dl dt {
    line-height: 1.5;
    padding: 12px 10% 12px 10%;
    font-size: 100%;
  }
  #examineeQa .contSec dl dt::before {
    font-size: 139%;
    top: 7px;
    left: 3%;
    margin: 0;
  }
  #examineeQa .contSec dl dt::after {
    opacity: 0.5;
    right: 10px;
    margin: -9px 0 0;
  }
  #examineeQa .contSec dl dd {
    font-size: 93%;
    padding: 20px 5% 20px 10%;
    position: relative;
  }
  #examineeQa .contSec dl dd::before {
    font-size: 177%;
    top: 8px;
    left: 3%;
  }
  #examineeParents .contSec {
    padding: 0 5%;
  }
  #examineeParents .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #examineeParents .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #examineeParents .contSec .flexBox {
    margin: 25px 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #examineeParents .contSec .flexBox:first-of-type {
    margin: 0;
  }
  #examineeParents .contSec .flexBox:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #examineeParents .contSec .flexBox:nth-of-type(odd) .txtWrap {
    padding: 0;
  }
  #examineeParents .contSec .flexBox .imgWrap {
    width: 100%;
    margin: 0 0 15px;
  }
  #examineeParents .contSec .flexBox .txtWrap {
    width: 100%;
    padding: 0;
  }
  #examineeParents .contSec .flexBox .txtWrap span {
    padding: 6px 15px;
    font-size: 77%;
  }
  #examineeParents .contSec .flexBox .txtWrap p.riyuTitle {
    margin: 3px 0;
    font-size: 116%;
  }
  #examineeParents .contSec .flexBox#rhythm .imgWrap {
    width: 100%;
  }
  #examineeParents .contSec .flexBox#rhythm .txtWrap {
    width: 100%;
  }
  #examineeParents .contSec p.btn {
    width: 100%;
    margin: 0 auto;
  }
  #examineeParents #contact p#readTxt {
    font-size: 116%;
    margin: 0 0 5px;
  }
  #examineeParents #contact .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #examineeParents #contact .flexBox div {
    width: 100%;
    padding: 0;
  }
  #examineeParents #contact .flexBox div:first-of-type {
    margin: 0 0 15px;
    border-right: none;
  }
  #examineeParents #contact .flexBox div span {
    font-size: 100%;
    margin: 0 0 5px;
  }
  #examineeParents #contact .flexBox div p.btn {
    width: 100%;
  }
}
#newsIndex #newsList a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 0;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#newsIndex #newsList a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 2em;
  margin: -11px 0 0;
}
#newsIndex #newsList a:hover {
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#newsIndex #newsList a:first-of-type {
  margin: 0;
}
#newsIndex #newsList a img {
  width: 15%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
#newsIndex #newsList a div {
  width: 85%;
  padding: 0 5% 0 3%;
}
#newsIndex #newsList a div ul {
  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;
  margin: 0 0 10px;
}
#newsIndex #newsList a div ul li {
  margin: 0;
  padding: 0 0 0 2.2em;
  color: #666;
  font-size: 70%;
  font-weight: bold;
  position: relative;
}
#newsIndex #newsList a div ul li::before {
  content: "｜";
  display: block;
  position: absolute;
  top: 0;
  left: 0.6em;
}
#newsIndex #newsList a div ul li:first-child {
  margin: 0;
  padding: 0;
}
#newsIndex #newsList a div ul li:first-child::before {
  display: none;
}
#newsIndex #newsList a div p.newsData {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.04em;
  margin: 3px 0 0;
  font-size: 85%;
  color: #868686;
}

#newsDetail #entryTitle {
  border-bottom: 1px solid #DDD;
  padding: 0 0 15px;
  margin: 0 0 30px;
}
#newsDetail #entryTitle ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 20px;
}
#newsDetail #entryTitle ul li {
  font-size: 85%;
  margin: 0 1.6em 0 0;
}
#newsDetail #entryTitle ul li a {
  color: #222;
}
#newsDetail #entryTitle ul li a:hover {
  text-decoration: underline;
}
#newsDetail #entryTitle em {
  font-style: normal;
}
#newsDetail #entryTitle p#newsTitle {
  font-size: 200%;
}

#newsArchive #intro {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#newsArchive #intro p#termName {
  font-size: 100%;
}
#newsArchive #intro p#termName span {
  margin: 0 5px 0 0;
  font-size: 154%;
  font-weight: bold;
}
#newsArchive #newsList a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 0;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#newsArchive #newsList a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 2em;
  margin: -11px 0 0;
}
#newsArchive #newsList a:hover {
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#newsArchive #newsList a:first-of-type {
  margin: 0;
}
#newsArchive #newsList a img {
  width: 15%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
#newsArchive #newsList a div {
  width: 85%;
  padding: 0 5% 0 3%;
}
#newsArchive #newsList a div ul {
  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;
  margin: 0 0 10px;
}
#newsArchive #newsList a div ul li {
  margin: 0;
  padding: 0 0 0 2.2em;
  color: #666;
  font-size: 70%;
  font-weight: bold;
  position: relative;
}
#newsArchive #newsList a div ul li::before {
  content: "｜";
  display: block;
  position: absolute;
  top: 0;
  left: 0.6em;
}
#newsArchive #newsList a div ul li:first-child {
  margin: 0;
  padding: 0;
}
#newsArchive #newsList a div ul li:first-child::before {
  display: none;
}
#newsArchive #newsList a div p.newsData {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.04em;
  margin: 3px 0 0;
  font-size: 85%;
  color: #868686;
}

#eventIndex #eventList {
  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;
  margin: 0 0 0 -2.3333%;
}
#eventIndex #eventList a {
  display: block;
  width: 31%;
  margin: 30px 0 0 2.3333%;
}
#eventIndex #eventList a:nth-of-type(1), #eventIndex #eventList a:nth-of-type(2), #eventIndex #eventList a:nth-of-type(3) {
  margin: 0 0 0 2.3333%;
}
#eventIndex #eventList a:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#eventIndex #eventList a figure {
  width: 100%;
  overflow: hidden;
}
#eventIndex #eventList a figure img {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#eventIndex #eventList a div {
  border-radius: 0 0 10px 0;
  padding: 25px 10% 25px 6%;
  position: relative;
}
#eventIndex #eventList a div.opencampus {
  background: #f0832c;
}
#eventIndex #eventList a div.orientation {
  background: #059dd4;
}
#eventIndex #eventList a div.other {
  background: #45358e;
}
#eventIndex #eventList a div::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 1em;
  margin: -11px 0 0;
  color: #FFF;
}
#eventIndex #eventList a div p {
  color: #FFF;
}
#eventIndex #eventList a div p.eventData {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.01em;
  font-size: 154%;
  line-height: 1.4;
}
#eventIndex #eventList a div p.eventData span {
  font-size: 63%;
}
#eventIndex #eventList a div p.eventTitle {
  font-size: 116%;
}

#eventDetail #entryTitle {
  padding: 0 0 15px;
  margin: 0 0 30px;
}
#eventDetail #entryTitle em {
  font-style: normal;
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.01em;
  font-size: 216%;
  line-height: 1.4;
  padding: 0 0 0 1.2em;
  position: relative;
}
#eventDetail #entryTitle em::before {
  content: "";
  display: block;
  width: 100%;
  height: 15px;
  background: #fff9a6;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: -1;
}
#eventDetail #entryTitle em::after {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 85%;
  top: 50%;
  left: 0;
  margin: -19px 0 0;
}
#eventDetail #entryTitle em span {
  font-size: 77%;
}
#eventDetail #entryTitle span {
  font-size: 131%;
}
#eventDetail #entryTitle p#newsTitle {
  font-size: 200%;
}
#eventDetail #entryTitle.opencampus {
  border-bottom: 5px solid #f0832c;
}
#eventDetail #entryTitle.opencampus em, #eventDetail #entryTitle.opencampus p, #eventDetail #entryTitle.opencampus span {
  color: #f0832c;
}
#eventDetail #entryTitle.orientation {
  border-bottom: 5px solid #059dd4;
}
#eventDetail #entryTitle.orientation em, #eventDetail #entryTitle.orientation p, #eventDetail #entryTitle.orientation span {
  color: #059dd4;
}
#eventDetail #entryTitle.other {
  border-bottom: 5px solid #45358e;
}
#eventDetail #entryTitle.other em, #eventDetail #entryTitle.other p, #eventDetail #entryTitle.other span {
  color: #45358e;
}
#eventDetail .editer p.entryBtn {
  width: 50%;
  margin: 0 auto;
}
#eventDetail .editer p.entryBtn a {
  text-align: center;
  border: 3px solid #db534a;
  background: #FFF;
  font-size: 108%;
  padding: 14px 0;
  color: #db534a;
  font-weight: bold;
  text-decoration: none;
}
#eventDetail .editer p.entryBtn a:hover {
  background: #fff1ee;
}

#eventArchive #intro {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#eventArchive #intro p#termName {
  font-size: 100%;
}
#eventArchive #intro p#termName span {
  margin: 0 5px 0 0;
  font-size: 154%;
  font-weight: bold;
}
#eventArchive #intro p#termName.opencampus span {
  color: #f0832c;
}
#eventArchive #intro p#termName.orientation span {
  color: #059dd4;
}
#eventArchive #intro p#termName.other span {
  color: #45358e;
}
#eventArchive #eventList {
  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;
  margin: 0 0 0 -2.3333%;
}
#eventArchive #eventList a {
  display: block;
  width: 31%;
  margin: 30px 0 0 2.3333%;
}
#eventArchive #eventList a:nth-of-type(1), #eventArchive #eventList a:nth-of-type(2), #eventArchive #eventList a:nth-of-type(3) {
  margin: 0 0 0 2.3333%;
}
#eventArchive #eventList a:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#eventArchive #eventList a figure {
  width: 100%;
  overflow: hidden;
}
#eventArchive #eventList a figure img {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#eventArchive #eventList a div {
  border-radius: 0 0 10px 0;
  padding: 25px 10% 25px 6%;
  position: relative;
}
#eventArchive #eventList a div.opencampus {
  background: #f0832c;
}
#eventArchive #eventList a div.orientation {
  background: #059dd4;
}
#eventArchive #eventList a div.other {
  background: #45358e;
}
#eventArchive #eventList a div::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 1em;
  margin: -11px 0 0;
  color: #FFF;
}
#eventArchive #eventList a div p {
  color: #FFF;
}
#eventArchive #eventList a div p.eventData {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.01em;
  font-size: 154%;
  line-height: 1.4;
}
#eventArchive #eventList a div p.eventData span {
  font-size: 63%;
}
#eventArchive #eventList a div p.eventTitle {
  font-size: 116%;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  #newsIndex #searchWrap {
    width: 100%;
    margin: 0 0 20px;
  }
  #newsIndex #searchWrap form,
  #newsIndex #searchWrap label,
  #newsIndex #searchWrap select {
    width: 100%;
    font-size: 100%;
  }
  #newsIndex #newsList {
    padding: 0 5%;
  }
  #newsIndex #newsList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 20px 0 0;
    padding: 20px 0 0;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    transition: none;
    border-top: 1px solid #DDD;
  }
  #newsIndex #newsList a::before {
    font-size: 70%;
    top: 50%;
    right: 0;
    margin: -11px 0 0;
  }
  #newsIndex #newsList a:hover {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #newsIndex #newsList a:first-of-type {
    margin: 0;
    padding: 0;
    border-top: none;
  }
  #newsIndex #newsList a img {
    width: 25%;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #newsIndex #newsList a div {
    width: 75%;
    padding: 0 5% 0 4%;
  }
  #newsIndex #newsList a div p.newsData {
    margin: 1px 0 0;
    font-size: 85%;
  }
  #newsIndex #newsList a div p.newsTitle {
    font-size: 93%;
  }
  #newsDetail #entryTitle {
    padding: 0 5% 10px;
    margin: 0 0 20px;
  }
  #newsDetail #entryTitle ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 10px;
  }
  #newsDetail #entryTitle ul li {
    font-size: 85%;
    margin: 0 1.2em 0 0;
  }
  #newsDetail #entryTitle em {
    font-style: normal;
    font-size: 93%;
    color: #999;
  }
  #newsDetail #entryTitle p#newsTitle {
    font-size: 131%;
  }
  #newsArchive #intro {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #newsArchive #intro #searchWrap {
    width: 100%;
    margin: 0 0 10px;
  }
  #newsArchive #intro #searchWrap form,
  #newsArchive #intro #searchWrap label,
  #newsArchive #intro #searchWrap select {
    width: 100%;
    font-size: 100%;
  }
  #newsArchive #intro p#termName {
    padding: 0 5%;
    margin: 0 0 10px;
    width: 100%;
    font-size: 85%;
  }
  #newsArchive #intro p#termName span {
    font-size: 124%;
  }
  #newsArchive #newsList {
    padding: 0 5%;
  }
  #newsArchive #newsList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 20px 0 0;
    padding: 20px 0 0;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    transition: none;
    border-top: 1px solid #DDD;
  }
  #newsArchive #newsList a::before {
    font-size: 70%;
    top: 50%;
    right: 0;
    margin: -11px 0 0;
  }
  #newsArchive #newsList a:hover {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #newsArchive #newsList a:first-of-type {
    margin: 0;
    padding: 0;
    border-top: none;
  }
  #newsArchive #newsList a img {
    width: 25%;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #newsArchive #newsList a div {
    width: 75%;
    padding: 0 5% 0 4%;
  }
  #newsArchive #newsList a div p.newsData {
    margin: 1px 0 0;
    font-size: 85%;
  }
  #newsArchive #newsList a div p.newsTitle {
    font-size: 93%;
  }
  #eventIndex #searchWrap {
    width: 100%;
    margin: 0 0 20px;
  }
  #eventIndex #searchWrap form,
  #eventIndex #searchWrap label,
  #eventIndex #searchWrap select {
    width: 100%;
    font-size: 100%;
  }
  #eventIndex #eventList {
    padding: 0 5%;
    margin: 0;
  }
  #eventIndex #eventList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 10px 0 0 0;
  }
  #eventIndex #eventList a:nth-of-type(1), #eventIndex #eventList a:nth-of-type(2), #eventIndex #eventList a:nth-of-type(3) {
    margin: 10px 0 0 0;
  }
  #eventIndex #eventList a:nth-of-type(1) {
    margin: 0;
  }
  #eventIndex #eventList a:hover figure img {
    -webkit-transform: none;
            transform: none;
  }
  #eventIndex #eventList a figure {
    width: 40%;
    height: 120px;
  }
  #eventIndex #eventList a figure img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 120px;
    -webkit-transition: none;
    transition: none;
  }
  #eventIndex #eventList a div {
    width: 60%;
    padding: 15px 5% 0;
  }
  #eventIndex #eventList a div p.eventData {
    font-size: 108%;
    margin: 0 0 3px;
  }
  #eventIndex #eventList a div p.eventData span {
    font-size: 63%;
  }
  #eventIndex #eventList a div p.eventTitle {
    font-size: 77%;
  }
  #eventDetail #entryTitle {
    padding: 0 5% 10px;
    margin: 0 0 20px;
  }
  #eventDetail #entryTitle em {
    font-size: 154%;
  }
  #eventDetail #entryTitle em::before {
    height: 12px;
  }
  #eventDetail #entryTitle em::after {
    margin: -16px 0 0;
  }
  #eventDetail #entryTitle span {
    font-size: 100%;
  }
  #eventDetail #entryTitle p#newsTitle {
    font-size: 131%;
  }
  #eventDetail #entryTitle.opencampus {
    border-bottom: 2px solid #f0832c;
  }
  #eventDetail #entryTitle.orientation {
    border-bottom: 2px solid #059dd4;
  }
  #eventDetail #entryTitle.other {
    border-bottom: 2px solid #45358e;
  }
  #eventDetail .editer p.entryBtn {
    width: 100%;
    margin: 0;
  }
  #eventDetail .editer p.entryBtn a {
    border: 2px solid #db534a;
    font-size: 100%;
    padding: 14px 0;
  }
  #eventArchive #intro {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #eventArchive #intro #searchWrap {
    width: 100%;
    margin: 0 0 10px;
  }
  #eventArchive #intro #searchWrap form,
  #eventArchive #intro #searchWrap label,
  #eventArchive #intro #searchWrap select {
    width: 100%;
    font-size: 100%;
  }
  #eventArchive #intro p#termName {
    padding: 0 5%;
    margin: 0 0 10px;
    width: 100%;
    font-size: 85%;
  }
  #eventArchive #intro p#termName span {
    font-size: 124%;
  }
  #eventArchive #eventList {
    padding: 0 5%;
    margin: 0;
  }
  #eventArchive #eventList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 10px 0 0 0;
  }
  #eventArchive #eventList a:nth-of-type(1), #eventArchive #eventList a:nth-of-type(2), #eventArchive #eventList a:nth-of-type(3) {
    margin: 10px 0 0 0;
  }
  #eventArchive #eventList a:nth-of-type(1) {
    margin: 0;
  }
  #eventArchive #eventList a:hover figure img {
    -webkit-transform: none;
            transform: none;
  }
  #eventArchive #eventList a figure {
    width: 40%;
    height: 120px;
  }
  #eventArchive #eventList a figure img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 120px;
    -webkit-transition: none;
    transition: none;
  }
  #eventArchive #eventList a div {
    width: 60%;
    padding: 15px 5% 0;
  }
  #eventArchive #eventList a div p.eventData {
    font-size: 108%;
    margin: 0 0 3px;
  }
  #eventArchive #eventList a div p.eventData span {
    font-size: 63%;
  }
  #eventArchive #eventList a div p.eventTitle {
    font-size: 77%;
  }
}
.obogPt {
  margin: -650px 0 40px;
  width: 100%;
  height: 85vh;
  position: relative;
}
.obogPt img {
  width: 100%;
  height: 85vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.obogPt h2 {
  height: 78px;
  position: absolute;
  top: 100%;
  right: 0;
  display: inline-block;
  padding: 7px 1.3em 0;
  font-size: 254%;
  color: #FFF;
  background: #466c90;
  font-weight: bold;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

#obogNewsIndex p.backBtn,
#obogCertificates p.backBtn,
#obogOfficerList p.backBtn,
#obogRules p.backBtn,
#obogContact p.backBtn {
  width: 50%;
  margin: 0 auto;
}
#obogNewsIndex p.backBtn a,
#obogCertificates p.backBtn a,
#obogOfficerList p.backBtn a,
#obogRules p.backBtn a,
#obogContact p.backBtn a {
  text-decoration: none;
  color: #466c90;
  background: #f0f3f6;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#obogNewsIndex p.backBtn a:hover,
#obogCertificates p.backBtn a:hover,
#obogOfficerList p.backBtn a:hover,
#obogRules p.backBtn a:hover,
#obogContact p.backBtn a:hover {
  background: #466c90;
  color: #FFF;
}

#obogIndex #newsList {
  position: relative;
}
#obogIndex #newsList .flexBox {
  display: block;
}
#obogIndex #newsList .flexBox a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 0;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#obogIndex #newsList .flexBox a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 2em;
  margin: -11px 0 0;
}
#obogIndex #newsList .flexBox a:hover {
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#obogIndex #newsList .flexBox a:first-of-type {
  margin: 0;
}
#obogIndex #newsList .flexBox a img {
  width: 15%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
#obogIndex #newsList .flexBox a div {
  width: 85%;
  padding: 0 5% 0 3%;
}
#obogIndex #newsList .flexBox a div span {
  margin: 0 0 0 20px;
  color: #222;
  font-size: 85%;
}
#obogIndex #newsList .flexBox a div span:first-of-type {
  margin: 0;
}
#obogIndex #newsList .flexBox a div p.newsData {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.04em;
  margin: 3px 0 0;
  font-size: 85%;
  color: #868686;
}
#obogIndex #newsList p.txtLink {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 1;
}
#obogIndex #newsList p.txtLink a {
  text-decoration: none;
}
#obogIndex #btnList {
  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: 60px 0 0 -2%;
}
#obogIndex #btnList a {
  font-size: 116%;
  background: #f0f3f6;
  color: #466c90;
  width: 48%;
  padding: 40px 0;
  margin: 20px 0 0 2%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#obogIndex #btnList a:nth-of-type(1), #obogIndex #btnList a:nth-of-type(2) {
  margin: 0 0 0 2%;
}
#obogIndex #btnList a:hover {
  background: #466c90;
  color: #FFF;
}
#obogIndex #btnList a i {
  font-size: 116%;
  margin: 0 10px 0 0;
}

#obogNewsIndex #newsList a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 0 0;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#obogNewsIndex #newsList a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 2em;
  margin: -11px 0 0;
}
#obogNewsIndex #newsList a:hover {
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#obogNewsIndex #newsList a:first-of-type {
  margin: 0;
}
#obogNewsIndex #newsList a img {
  width: 15%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
#obogNewsIndex #newsList a div {
  width: 85%;
  padding: 0 5% 0 3%;
}
#obogNewsIndex #newsList a div span {
  margin: 0 0 0 20px;
  color: #222;
  font-size: 85%;
}
#obogNewsIndex #newsList a div span:first-of-type {
  margin: 0;
}
#obogNewsIndex #newsList a div p.newsData {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.04em;
  margin: 3px 0 0;
  font-size: 85%;
  color: #868686;
}

#obogNewsDetail #entryTitle {
  border-bottom: 1px solid #DDD;
  padding: 0 0 15px;
  margin: 0 0 30px;
}
#obogNewsDetail #entryTitle em {
  font-style: normal;
}
#obogNewsDetail #entryTitle p#newsTitle {
  font-size: 200%;
}

#obogCertificates .contSec ul#fee {
  padding: 0 0 0 1.6em;
}
#obogCertificates .contSec ul#fee li {
  list-style: disc;
}
#obogCertificates .contSec table {
  width: 100%;
}
#obogCertificates .contSec table tbody tr {
  border-bottom: 1px solid #DDD;
}
#obogCertificates .contSec table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#obogCertificates .contSec table tbody tr th, #obogCertificates .contSec table tbody tr td {
  padding: 12px;
}
#obogCertificates .contSec table tbody tr th {
  width: 15%;
  background: #f0f3f6;
}
#obogCertificates .contSec table tbody tr td {
  width: 85%;
}
#obogCertificates .contSec table tbody tr td ul li, #obogCertificates .contSec table tbody tr td ol li {
  margin: 2px 0 0;
}
#obogCertificates .contSec table tbody tr td ul li:first-child, #obogCertificates .contSec table tbody tr td ol li:first-child {
  margin: 0;
}
#obogCertificates .contSec table tbody tr td ul {
  padding: 0 0 0 1.8em;
}
#obogCertificates .contSec table tbody tr td ul li {
  list-style: disc;
}
#obogCertificates .contSec table tbody tr td ol {
  padding: 0 0 0 1.8em;
}
#obogCertificates .contSec table tbody tr td ol li {
  list-style: decimal;
}
#obogCertificates .contSec p.btn a {
  color: #db534a;
}
#obogCertificates .contSec p.btn a:hover {
  text-decoration: none;
}
#obogCertificates .contSec p.btn a i {
  margin: 0 10px 0 0;
}

#obogOfficerList p.readTxt {
  font-size: 108%;
  margin: 0 0 30px;
}
#obogOfficerList ul li {
  border-top: 1px solid #DDD;
  padding: 10px 1em;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#obogOfficerList ul li:nth-of-type(even) {
  background: #f0f3f6;
}
#obogOfficerList ul li span.position {
  width: 10%;
  font-weight: bold;
}
#obogOfficerList ul li span.name {
  width: 30%;
}
#obogOfficerList ul li span.bikou {
  width: 60%;
}

#obogRules .contSec article {
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px dotted #DDD;
}
#obogRules .contSec article p {
  font-weight: bold;
}
#obogRules .contSec article dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#obogRules .contSec article dl dt {
  width: 12%;
  padding: 0 0 0 1em;
}
#obogRules .contSec article dl dd {
  width: 88%;
}
#obogRules .contSec article dl dd ol {
  padding: 0 0 0 1.6em;
}
#obogRules .contSec article dl dd ol li {
  list-style: decimal;
}

#obogContact .contSec ul.flexBox {
  margin: 15px 0 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#obogContact .contSec ul.flexBox li {
  width: 48%;
}
#obogContact .contSec ul.flexBox li a {
  font-size: 116%;
  border-radius: 5px;
  display: block;
  padding: 18px 0;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}
#obogContact .contSec ul.flexBox li a:hover {
  opacity: 0.85;
}
#obogContact .contSec ul.flexBox li a.pdf {
  background: #db534a;
}
#obogContact .contSec ul.flexBox li a.exl {
  background: #61ab3b;
}
#obogContact .contSec ul.flexBox li a i {
  margin: 0 8px 0 0;
}
#obogContact .contSec p.btn {
  width: 33.3333%;
  margin: 0 auto;
}
#obogContact .contSec p.btn:last-of-type {
  margin: 20px auto 0;
}
#obogContact .contSec p.btn a {
  color: #f0f3f6;
  background: #466c90;
}
#obogContact .contSec p.btn a:hover {
  background: #587ea2;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  .obogPt {
    margin: 70px 0 0;
    height: 40vh;
  }
  .obogPt img {
    height: 40vh;
  }
  .obogPt h2 {
    padding: 5px 1em;
    font-size: 139%;
    height: auto;
    -webkit-transform: translate(0, -65%);
            transform: translate(0, -65%);
  }
  #obogNewsIndex p.backBtn,
  #obogCertificates p.backBtn,
  #obogOfficerList p.backBtn,
  #obogRules p.backBtn,
  #obogContact p.backBtn {
    width: 100%;
    margin: 0;
  }
  #obogNewsIndex p.backBtn {
    width: 92%;
    margin: 0 auto;
  }
  #obogIndex #newsList {
    margin: 0 0 40px;
    padding: 0 5%;
    position: static;
  }
  #obogIndex #newsList h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #obogIndex #newsList h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #obogIndex #newsList .flexBox {
    margin: 0 0 20px;
    display: block;
  }
  #obogIndex #newsList .flexBox a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 20px 0 0;
    padding: 20px 0 0;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    transition: none;
    border-top: 1px solid #DDD;
  }
  #obogIndex #newsList .flexBox a::before {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    position: absolute;
    font-size: 70%;
    top: 50%;
    right: 0;
    margin: -11px 0 0;
  }
  #obogIndex #newsList .flexBox a:hover {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #obogIndex #newsList .flexBox a:first-of-type {
    margin: 0;
    padding: 0;
    border-top: none;
  }
  #obogIndex #newsList .flexBox a img {
    width: 25%;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #obogIndex #newsList .flexBox a div {
    width: 75%;
    padding: 0 5% 0 4%;
  }
  #obogIndex #newsList .flexBox a div span {
    margin: 0 0 0 1.6em;
    font-size: 70%;
  }
  #obogIndex #newsList .flexBox a div span:first-of-type {
    margin: 0;
  }
  #obogIndex #newsList .flexBox a div p.newsData {
    margin: 1px 0 0;
    font-size: 85%;
  }
  #obogIndex #newsList .flexBox a div p.newsTitle {
    font-size: 93%;
  }
  #obogIndex #newsList p.txtLink {
    text-align: right;
    position: static;
  }
  #obogIndex #btnList {
    padding: 0 5%;
    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;
    margin: 0;
  }
  #obogIndex #btnList a {
    font-size: 100%;
    width: 100%;
    padding: 16px 0;
    margin: 5px 0 0 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  #obogIndex #btnList a:nth-of-type(1), #obogIndex #btnList a:nth-of-type(2) {
    margin: 0;
  }
  #obogIndex #btnList a:nth-of-type(2) {
    margin: 5px 0 0 0;
  }
  #obogIndex #btnList a i {
    font-size: 116%;
    margin: 0 10px 0 0;
  }
  #obogNewsIndex #newsList {
    padding: 0 4%;
  }
  #obogNewsIndex #newsList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 20px 0 0;
    padding: 20px 0 0;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    transition: none;
    border-top: 1px solid #DDD;
  }
  #obogNewsIndex #newsList a::before {
    font-size: 70%;
    top: 50%;
    right: 0;
    margin: -11px 0 0;
  }
  #obogNewsIndex #newsList a:hover {
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #obogNewsIndex #newsList a:first-of-type {
    margin: 0;
    padding: 0;
    border-top: none;
  }
  #obogNewsIndex #newsList a img {
    width: 25%;
    height: 80px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #obogNewsIndex #newsList a div {
    width: 75%;
    padding: 0 5% 0 4%;
  }
  #obogNewsIndex #newsList a div span {
    margin: 0 0 0 1.6em;
    font-size: 70%;
  }
  #obogNewsIndex #newsList a div span:first-of-type {
    margin: 0;
  }
  #obogNewsIndex #newsList a div p.newsData {
    margin: 1px 0 0;
    font-size: 85%;
  }
  #obogNewsIndex #newsList a div p.newsTitle {
    font-size: 93%;
  }
  #obogNewsDetail #entryTitle {
    padding: 0 5% 10px;
    margin: 0 0 20px;
  }
  #obogNewsDetail #entryTitle em {
    font-style: normal;
    font-size: 93%;
    color: #999;
  }
  #obogNewsDetail #entryTitle p#newsTitle {
    font-size: 131%;
  }
  #obogCertificates .contSec {
    padding: 0 5%;
  }
  #obogCertificates .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #obogCertificates .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #obogCertificates .contSec table {
    width: 100%;
    font-size: 93%;
  }
  #obogCertificates .contSec table tbody tr {
    border-bottom: none;
  }
  #obogCertificates .contSec table tbody tr:first-of-type {
    border-top: none;
  }
  #obogCertificates .contSec table tbody tr th, #obogCertificates .contSec table tbody tr td {
    display: block;
    padding: 10px;
  }
  #obogCertificates .contSec table tbody tr th {
    text-align: left;
    width: 100%;
  }
  #obogCertificates .contSec table tbody tr td {
    border-top: 1px solid #DDD;
    width: 100%;
  }
  #obogCertificates .contSec table tbody tr td ul {
    padding: 0 0 0 1.6em;
  }
  #obogCertificates .contSec table tbody tr td ol {
    padding: 0 0 0 1.6em;
  }
  #obogOfficerList .contSec {
    padding: 0 5%;
  }
  #obogOfficerList p.readTxt {
    font-size: 100%;
    margin: 0 0 20px;
  }
  #obogOfficerList ul li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #obogOfficerList ul li span.position {
    width: 25%;
  }
  #obogOfficerList ul li span.name {
    width: 75%;
  }
  #obogOfficerList ul li span.bikou {
    font-size: 85%;
    width: 100%;
  }
  #obogRules .contSec {
    padding: 0 5%;
  }
  #obogRules .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #obogRules .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #obogRules .contSec p {
    font-size: 93%;
  }
  #obogRules .contSec article {
    margin: 10px 0 0;
    padding: 10px 0 0;
  }
  #obogRules .contSec article p {
    font-size: 100%;
  }
  #obogRules .contSec article dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #obogRules .contSec article dl dt, #obogRules .contSec article dl dd {
    font-size: 93%;
  }
  #obogRules .contSec article dl dt {
    width: 100%;
    padding: 0 0 0 0.6em;
  }
  #obogRules .contSec article dl dd {
    width: 100%;
    padding: 0 0 0 0.6em;
  }
  #obogRules .contSec article dl dd ol li {
    font-size: 93%;
  }
  #obogContact .contSec {
    padding: 0 5%;
  }
  #obogContact .contSec ul.flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #obogContact .contSec ul.flexBox li {
    width: 100%;
    margin: 10px 0 0;
  }
  #obogContact .contSec ul.flexBox li:first-child {
    margin: 0;
  }
  #obogContact .contSec ul.flexBox li a {
    font-size: 100%;
    border-radius: 2px;
    padding: 12px 0;
  }
  #obogContact .contSec p.btn {
    width: 100%;
    margin: 0 auto;
  }
  #obogContact .contSec p.btn:last-of-type {
    margin: 20px auto 0;
  }
}
#obogInterviewIndex p#introTxt {
  font-size: 116%;
  margin: 0 0 30px;
}
#obogInterviewIndex article {
  margin: 80px 0 0;
}
#obogInterviewIndex article:first-of-type {
  margin: 0;
}
#obogInterviewIndex article h3 {
  color: #FFF;
  padding: 14px 1em;
  font-size: 131%;
  background: #466c90;
}
#obogInterviewIndex article ul.flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -3.3333%;
}
#obogInterviewIndex article ul.flexBox li {
  width: 30%;
  margin: 40px 0 0 3.3333%;
  text-decoration: none;
}
#obogInterviewIndex article ul.flexBox li a {
  display: block;
}
#obogInterviewIndex article ul.flexBox li a:hover .thumImg img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#obogInterviewIndex article ul.flexBox li a .thumImg {
  width: 100%;
  height: 230px;
  overflow: hidden;
  margin: 0 0 15px;
  position: relative;
  border-radius: 0 0 10px 0;
}
#obogInterviewIndex article ul.flexBox li a .thumImg img {
  border-radius: 0 0 10px 0;
  width: 100%;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#obogInterviewIndex article ul.flexBox li a .thumImg i {
  color: #FFF;
  opacity: 0.75;
  font-size: 377%;
  position: absolute;
  bottom: 25px;
  right: 25px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
#obogInterviewIndex article ul.flexBox li a .txtWrap {
  position: relative;
}
#obogInterviewIndex article ul.flexBox li a .txtWrap::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 10px;
  top: 50%;
  right: 1em;
  margin: -11px 0 0;
  color: #466c90;
  z-index: 1;
}
#obogInterviewIndex article ul.flexBox li a .txtWrap p.name {
  font-size: 131%;
  font-weight: bold;
  margin: 0 0 5px;
}
#obogInterviewIndex article ul.flexBox li a .txtWrap p.name span {
  font-size: 12px;
  margin: 0 0 0 5px;
}
#obogInterviewIndex article ul.flexBox li a .txtWrap p.com {
  font-size: 85%;
  color: #666;
}
#obogInterviewIndex article ul.flexBox li a .txtWrap p.position {
  font-size: 85%;
  color: #666;
}

#obogInterviewDetail #entryCont {
  padding: 0;
  margin: 0 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f7f7f1;
  border-left: 5px solid #DDD;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
#obogInterviewDetail #entryCont::before {
  content: "";
  display: block;
  background: url(/assets/img/common/square.svg) no-repeat;
  background-size: contain;
  width: 70px;
  height: 102px;
  position: absolute;
  bottom: -40px;
  left: 7%;
  margin: 0;
  z-index: 2;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#obogInterviewDetail #entryCont .left {
  width: 35%;
  padding: 0 2%;
}
#obogInterviewDetail #entryCont .left p.name {
  font-size: 239%;
  margin: 0 0 8px;
  font-weight: bold;
  color: #466c90;
}
#obogInterviewDetail #entryCont .left p.name span {
  font-size: 14px;
  margin: 0 0 0 10px;
}
#obogInterviewDetail #entryCont .left p.com,
#obogInterviewDetail #entryCont .left p.position,
#obogInterviewDetail #entryCont .left p.s_gakka,
#obogInterviewDetail #entryCont .left p.s_high {
  font-size: 108%;
}
#obogInterviewDetail #entryCont .left p.position {
  margin: 0 0 10px;
}
#obogInterviewDetail #entryCont .right {
  width: 65%;
}
#obogInterviewDetail #entryCont .right #iframeWrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#obogInterviewDetail #entryCont .right #iframeWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
#obogInterviewDetail .editer {
  width: 75%;
  margin: 0 auto;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  #obogInterviewIndex p#introTxt {
    font-size: 100%;
    padding: 0 4%;
    margin: 0 0 15px;
  }
  #obogInterviewIndex article {
    margin: 40px 0 0;
  }
  #obogInterviewIndex article h3 {
    padding: 10px 0.6em;
    font-size: 116%;
  }
  #obogInterviewIndex article ul.flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  #obogInterviewIndex article ul.flexBox li {
    width: 100%;
    margin: 12px 0 0;
    padding: 12px 5% 0;
    border-top: 1px solid #DDD;
  }
  #obogInterviewIndex article ul.flexBox li:first-child {
    border-top: none;
  }
  #obogInterviewIndex article ul.flexBox li a {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #obogInterviewIndex article ul.flexBox li a .thumImg {
    width: 40%;
    height: auto;
    overflow: visible;
    margin: 0;
  }
  #obogInterviewIndex article ul.flexBox li a .thumImg img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transition: none;
    transition: none;
  }
  #obogInterviewIndex article ul.flexBox li a .thumImg {
    width: 40%;
    height: auto;
    overflow: visible;
    margin: 0;
  }
  #obogInterviewIndex article ul.flexBox li a .thumImg img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transition: none;
    transition: none;
  }
  #obogInterviewIndex article ul.flexBox li a .thumImg i {
    font-size: 154%;
    bottom: unset;
    right: unset;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #obogInterviewIndex article ul.flexBox li a .txtWrap {
    width: 60%;
    padding: 0 4%;
  }
  #obogInterviewIndex article ul.flexBox li a .txtWrap::before {
    right: 0;
    margin: -12px 0 0;
  }
  #obogInterviewIndex article ul.flexBox li a .txtWrap p.name {
    font-size: 108%;
    margin: 0;
  }
  #obogInterviewIndex article ul.flexBox li a .txtWrap p.com {
    font-size: 77%;
  }
  #obogInterviewIndex article ul.flexBox li a .txtWrap p.position {
    font-size: 77%;
  }
  #obogInterviewDetail #entryCont {
    width: 92%;
    padding: 0;
    margin: 0 auto 60px;
    border-left: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #obogInterviewDetail #entryCont::before {
    display: none;
  }
  #obogInterviewDetail #entryCont .left {
    width: 100%;
    padding: 15px 4%;
    margin: 0;
    border-radius: 0;
    position: static;
  }
  #obogInterviewDetail #entryCont .left p.name {
    font-size: 139%;
    margin: 0 0 5px;
  }
  #obogInterviewDetail #entryCont .left p.name span {
    font-size: 13px;
    margin: 0 0 0 8px;
  }
  #obogInterviewDetail #entryCont .left p.com,
  #obogInterviewDetail #entryCont .left p.position,
  #obogInterviewDetail #entryCont .left p.s_gakka,
  #obogInterviewDetail #entryCont .left p.s_high {
    font-size: 77%;
  }
  #obogInterviewDetail #entryCont .right {
    width: 100%;
  }
  #obogInterviewDetail .editer {
    width: 100%;
    margin: 0;
  }
}
#outline #greeting .flexBox #gtgImg {
  width: 30%;
}
#outline #greeting .flexBox #gtgImg img {
  height: auto;
}
#outline #greeting .flexBox #gtgTxtWrap {
  padding: 0 0 0 4%;
  width: 70%;
}
#outline #greeting .flexBox #gtgTxtWrap p#greetingTxt {
  margin: 0 0 10px;
}
#outline #greeting .flexBox #gtgTxtWrap p#headTeacher {
  text-align: right;
}
#outline #base article {
  margin: 40px 0 0;
}
#outline #base article:first-of-type {
  margin: 0;
}
#outline #base table {
  margin: 40px 0 0;
  width: 100%;
}
#outline #base table tbody tr {
  border-bottom: 1px solid #DDD;
}
#outline #base table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#outline #base table tbody tr th, #outline #base table tbody tr td {
  padding: 14px 1.2em;
}
#outline #base table tbody tr th {
  width: 20%;
  text-align: left;
  background: #f0f3f6;
}
#outline #base table tbody tr td {
  width: 80%;
}
#outline #base table.gakka tbody tr:first-of-type {
  background: #f0f3f6;
  font-weight: bold;
}
#outline #base table.gakka tbody tr th {
  width: 33%;
  text-align: center;
}
#outline #base table.gakka tbody tr td {
  text-align: center;
  width: 33%;
}
#outline #base table.gakka tbody tr td:first-of-type {
  width: 33%;
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
#outline #history dl::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
}
#outline #history dl dt, #outline #history dl dd {
  float: left;
  font-size: 93%;
  margin: 10px 0 0;
  padding: 10px 1em 0;
  border-top: 1px solid #DDD;
}
#outline #history dl dt:first-of-type, #outline #history dl dd:first-of-type {
  border-top: none;
  padding: 0 1em;
  margin: 0;
}
#outline #history dl dt {
  width: 10%;
  clear: both;
}
#outline #history dl dd {
  width: 90%;
}
#outline #group table {
  margin: 40px 0 0;
  width: 100%;
}
#outline #group table tbody tr {
  border-bottom: 1px solid #DDD;
}
#outline #group table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#outline #group table tbody tr th, #outline #group table tbody tr td {
  font-size: 93%;
  padding: 14px 1.2em;
}
#outline #group table tbody tr th {
  width: 35%;
  text-align: left;
  background: #f0f3f6;
}
#outline #group table tbody tr td {
  text-align: right;
  width: 20%;
}
#outline #group table tbody tr td:first-of-type {
  width: 45%;
  text-align: left;
}

#privacy .contSec ul {
  margin: 20px 0;
  padding: 0 0 0 1.6em;
}
#privacy .contSec ul li {
  list-style: disc;
  margin: 5px 0 0;
}

#disclosure .contSec ul {
  margin: 0 0 20px;
  padding: 0;
}
#disclosure .contSec ul li {
  margin: 5px 0 0;
}
#disclosure .contSec ul li a {
  position: relative;
  padding: 0 0 0 1.6em;
  text-decoration: underline;
}
#disclosure .contSec ul li a::before {
  content: "\f1c1";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 100%;
  color: #db534a;
  top: 50%;
  left: 0;
  margin: -13px 0 0;
}

#recruit .contSec table {
  width: 100%;
}
#recruit .contSec table tbody tr {
  border-bottom: 1px solid #DDD;
}
#recruit .contSec table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#recruit .contSec table tbody tr th, #recruit .contSec table tbody tr td {
  padding: 14px 1.2em;
}
#recruit .contSec table tbody tr th {
  width: 25%;
  background: #f0f3f6;
}
#recruit .contSec table tbody tr td {
  width: 75%;
}
#recruit .contSec table tbody tr td ol {
  padding: 0 0 0 1.6em;
}
#recruit .contSec table tbody tr td ol li {
  list-style: decimal;
}
#recruit .contSec table tbody tr td ol li ul li {
  list-style: disc;
}
#recruit .contSec table tbody tr td ul {
  padding: 0 0 0 1.6em;
}
#recruit .contSec table tbody tr td ul li {
  list-style: disc;
}
#recruit .contSec table tbody tr td span {
  display: block;
}

#access .contSec.flexBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#access .contSec.flexBox img {
  width: 70%;
  vertical-align: bottom;
}
#access .contSec.flexBox p {
  background: #f0f3f6;
  width: 30%;
  font-size: 108%;
  padding: 30px 3%;
}
#access .contSec article {
  margin: 40px 0 0;
}
#access .contSec article h4 {
  margin: 0 0 15px;
}
#access .contSec article h5 {
  margin: 0 0 10px;
}
#access .contSec article p {
  margin: 0 0 20px;
}
#access .contSec article p:last-of-type {
  margin: 0;
}
#access .contSec article:first-of-type {
  margin: 0;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  #outline #greeting .flexBox {
    padding: 0 5%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #outline #greeting .flexBox #gtgImg {
    width: 75%;
    margin: 0 auto 15px;
  }
  #outline #greeting .flexBox #gtgTxtWrap {
    padding: 0;
    width: 100%;
  }
  #outline #greeting .flexBox #gtgTxtWrap p#headTeacher {
    font-size: 93%;
  }
  #outline #base article {
    margin: 40px 0 0;
  }
  #outline #base article:first-of-type {
    margin: 0;
  }
  #outline #base h4 {
    width: 90%;
    margin: 0 auto;
  }
  #outline #base table {
    margin: 15px auto 0;
    width: 90%;
    font-size: 93%;
  }
  #outline #base table tbody tr {
    border-bottom: 1px solid #DDD;
  }
  #outline #base table tbody tr:first-of-type {
    border-top: 1px solid #DDD;
  }
  #outline #base table tbody tr th, #outline #base table tbody tr td {
    padding: 14px 1.2em;
  }
  #outline #base table tbody tr th {
    width: 20%;
    text-align: left;
    background: #f0f3f6;
  }
  #outline #base table tbody tr td {
    width: 80%;
  }
  #outline #base table.ol tr {
    border-bottom: none;
  }
  #outline #base table.ol tr:first-of-type {
    border-top: none;
  }
  #outline #base table.ol tr th, #outline #base table.ol tr td {
    display: block;
    padding: 10px 0.8em;
  }
  #outline #base table.ol tr th {
    width: 100%;
    text-align: left;
  }
  #outline #base table.ol tr td {
    width: 100%;
  }
  #outline #base table.si tr {
    border-bottom: none;
  }
  #outline #base table.si tr:first-of-type {
    border-top: none;
  }
  #outline #base table.si tr th, #outline #base table.si tr td {
    display: block;
    padding: 10px 0.8em;
  }
  #outline #base table.si tr th {
    width: 100%;
    text-align: left;
  }
  #outline #base table.si tr td {
    width: 100%;
  }
  #outline #base table.gakka {
    width: 100%;
    font-size: 93%;
  }
  #outline #base table.gakka tbody tr th, #outline #base table.gakka tbody tr td {
    padding: 10px 0.8em;
  }
  #outline #base table.gakka tbody tr th {
    width: 45%;
    text-align: center;
  }
  #outline #base table.gakka tbody tr td {
    text-align: center;
    width: 20%;
  }
  #outline #base table.gakka tbody tr td:first-of-type {
    width: 35%;
  }
  #outline #history dl {
    padding: 0 5%;
  }
  #outline #history dl dt, #outline #history dl dd {
    float: none;
    font-size: 93%;
    margin: 0;
    padding: 0;
    border-top: none;
  }
  #outline #history dl dt:first-of-type, #outline #history dl dd:first-of-type {
    border-top: none;
    padding: 0;
    margin: 0;
  }
  #outline #history dl dt {
    width: 100%;
    clear: both;
    font-weight: bold;
    border-top: 1px solid #DDD;
    padding: 10px 0 0;
    margin: 10px 0 0;
  }
  #outline #history dl dd {
    width: 100%;
  }
  #outline #group p {
    padding: 0 5%;
  }
  #outline #group table {
    margin: 20px auto 0;
    width: 90%;
  }
  #outline #group table tbody tr {
    border-bottom: none;
  }
  #outline #group table tbody tr:first-of-type {
    border-top: none;
  }
  #outline #group table tbody tr th, #outline #group table tbody tr td {
    display: block;
    font-size: 93%;
    padding: 10px 0.8em;
  }
  #outline #group table tbody tr th {
    width: 100%;
    text-align: left;
    background: #f0f3f6;
  }
  #outline #group table tbody tr td {
    text-align: left;
    width: 100%;
    padding: 0 0.8em 10px 0.8em;
  }
  #outline #group table tbody tr td:first-of-type {
    width: 100%;
    padding: 10px 0.8em 0 0.8em;
    text-align: left;
  }
  #privacy .contSec p {
    padding: 0 5%;
  }
  #privacy .contSec ul {
    margin: 15px 0;
    padding: 0 5% 0 3em;
  }
  #privacy .contSec ul li {
    margin: 3px 0 0;
  }
  #disclosure .contSec ul {
    margin: 0 0 20px;
    padding: 0 5%;
  }
  #disclosure .contSec ul li {
    margin: 8px 0 0;
  }
  #disclosure .contSec ul li a {
    display: block;
    position: relative;
    padding: 0 0 0 1.6em;
    text-decoration: underline;
  }
  #disclosure .contSec ul li a::before {
    font-size: 116%;
    top: -2px;
    left: 0;
    margin: 0;
  }
  #disclosure .contSec p {
    padding: 0 5%;
  }
  #recruit .contSec p {
    padding: 0 5%;
  }
  #recruit .contSec table {
    font-size: 93%;
    width: 90%;
    margin: 0 auto;
  }
  #recruit .contSec table tbody tr {
    border-bottom: none;
  }
  #recruit .contSec table tbody tr:first-of-type {
    border-top: none;
  }
  #recruit .contSec table tbody tr th, #recruit .contSec table tbody tr td {
    display: block;
    padding: 10px 0.8em;
  }
  #recruit .contSec table tbody tr th {
    text-align: left;
    width: 100%;
  }
  #recruit .contSec table tbody tr td {
    width: 100%;
  }
  #recruit .contSec table tbody tr td ol {
    padding: 0 0 0 1.3em;
  }
  #recruit .contSec table tbody tr td ul {
    padding: 0 0 0 1.3em;
  }
  #access .contSec.flexBox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 5%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #access .contSec.flexBox img {
    width: 100%;
    margin: 0 0 15px;
  }
  #access .contSec.flexBox p {
    background: none;
    width: 100%;
    font-size: 100%;
    padding: 0;
  }
  #access .contSec article {
    margin: 20px 0 0;
    padding: 0 5%;
  }
  #access .contSec article h4 {
    margin: 0 0 15px;
  }
  #access .contSec article h5 {
    margin: 0 0 5px;
  }
  #access .contSec article p {
    margin: 0 0 20px;
  }
  #access .contSec article p:last-of-type {
    margin: 0;
  }
  #access .contSec article:first-of-type {
    margin: 0;
  }
}
main#siteWrap {
  min-height: 650px;
}

.pageTitle {
  background: url("/assets/img/common/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 150px 0 140px;
  margin: -650px 0 40px;
  position: relative;
  z-index: 9988;
}
.pageTitle::before {
  content: "";
  display: block;
  background: url("/assets/img/home/copy.svg") no-repeat;
  background-size: contain;
  width: 200px;
  height: 100px;
  position: absolute;
  top: 50%;
  right: 2%;
  margin: -10px 0 0;
  z-index: 2;
}
.pageTitle::after {
  content: "";
  display: block;
  background: url("/assets/img/common/square.svg") no-repeat;
  background-size: contain;
  width: 110px;
  height: 102px;
  position: absolute;
  bottom: -25px;
  right: 2.5%;
  margin: 0 0 0;
  z-index: 2;
}
.pageTitle h2 {
  padding: 0 0 0 360px;
  color: #466c90;
  font-size: 200%;
  position: relative;
}
.pageTitle h2::before {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  background: #466c90;
  position: absolute;
  top: -15px;
  left: 360px;
}
.pageTitle#gameWorks {
  background: url("/assets/img/course/game/mv.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle#gameWorks h2 {
  color: #FFF;
}
.pageTitle#gameWorks h2::before {
  background: #FFF;
}
.pageTitle#cgWorks {
  background: url("/assets/img/course/cg/mv.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle#cgWorks h2 {
  color: #FFF;
}
.pageTitle#cgWorks h2::before {
  background: #FFF;
}
.pageTitle.newsIndexPt {
  background: url("/assets/img/news/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.courseIndexPt {
  background: url("/assets/img/course/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.courseIndexPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.courseIndexPt h2::before {
  background: #FFF;
}
.pageTitle.outlineIndexPt {
  background: url("/assets/img/outline/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.outlineIndexPt h2 {
  color: #FFF;
}
.pageTitle.outlineIndexPt h2::before {
  background: #FFF;
}
.pageTitle.sscIndexPt {
  background: url("/assets/img/ssc/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.sscIndexPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.sscIndexPt h2::before {
  background: #FFF;
}
.pageTitle.eventIndexPt {
  background: url("/assets/img/event/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.eventIndexPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.eventIndexPt h2::before {
  background: #FFF;
}
.pageTitle.examineePt {
  background: url("/assets/img/examinee/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.examineePt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.examineePt h2::before {
  background: #FFF;
}
.pageTitle.companyPt {
  background: url("/assets/img/company/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.companyPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.companyPt h2::before {
  background: #FFF;
}
.pageTitle.activityPt {
  background: url("/assets/img/activity/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.activityPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.activityPt h2::before {
  background: #FFF;
}
.pageTitle.obogContPt {
  background: url("/assets/img/obog/mv.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.obogContPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.obogContPt h2::before {
  background: #FFF;
}
.pageTitle.privacyPt {
  background: url("/assets/img/privacy/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.privacyPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.privacyPt h2::before {
  background: #FFF;
}
.pageTitle.recruitPt {
  background: url("/assets/img/recruit/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.recruitPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.recruitPt h2::before {
  background: #FFF;
}
.pageTitle.accessPt {
  background: url("/assets/img/access/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.accessPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.accessPt h2::before {
  background: #FFF;
}
.pageTitle.enrolledPt {
  background: url("/assets/img/enrolled/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.enrolledPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.enrolledPt h2::before {
  background: #FFF;
}
.pageTitle.disclosurePt {
  background: url("/assets/img/disclosure/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.disclosurePt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.disclosurePt h2::before {
  background: #FFF;
}
.pageTitle.obogIvPt {
  background: url("/assets/img/oboginterview/mv.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.obogIvPt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.obogIvPt h2::before {
  background: #FFF;
}
.pageTitle.cMoviePt {
  background: url("/assets/img/c-movie/pt_bg.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.pageTitle.cMoviePt h2 {
  color: #FFF;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
}
.pageTitle.cMoviePt h2::before {
  background: #FFF;
}

.pageCont {
  padding: 40px 4% 0 360px;
  margin: 0;
}
.pageCont .caption {
  color: #666;
  font-size: 85%;
}
.pageCont .contSec {
  margin: 80px 0 0;
}
.pageCont .contSec:first-of-type {
  margin: 0;
}
.pageCont .contSec h3, .pageCont .contSec h4, .pageCont .contSec h5 {
  margin: 0 0 20px;
  font-weight: bold;
  color: #466c90;
}
.pageCont .contSec h3 {
  color: #222;
  font-size: 200%;
  padding: 0 0 0 0em;
  margin: 0 0 15px;
  position: relative;
}
.pageCont .contSec h3::before {
  content: "";
  display: block;
  background: url("/assets/img/common/triangle.svg") no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -3px;
  left: -12px;
  margin: 0;
  z-index: -1;
}
.pageCont .contSec h4 {
  font-size: 139%;
  border-bottom: 1px solid #466c90;
  padding: 0 0 3px;
}
.pageCont .contSec h5 {
  font-size: 124%;
  color: #222;
  padding: 0 0 0 1.6em;
  position: relative;
}
.pageCont .contSec h5::before {
  content: "";
  width: 20px;
  height: 1px;
  background: #222;
  position: absolute;
  top: 15px;
  left: 0;
}
.pageCont .contSec a {
  text-decoration: underline;
}
.pageCont .contSec a.boxBtnA {
  text-decoration: none;
}

#searchWrap {
  margin: 0 0 40px;
  text-align: right;
}
#searchWrap p {
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0;
  letter-spacing: 0.02em;
}
#searchWrap form {
  display: inline-block;
}
#searchWrap form input#s {
  display: none;
}
#searchWrap form .select-group {
  position: relative;
}
#searchWrap form .select-group select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  background: none transparent;
  vertical-align: middle;
  color: inherit;
  background: rgba(255, 255, 255, 0.15);
  font-size: 108%;
  padding: 6px 40px 6px 10px;
  border-radius: 5px;
  border: 1px solid #DDD;
  outline: none;
}
#searchWrap form .select-group:after {
  content: "\f0dc";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  font-size: 85%;
  position: absolute;
  top: 2px;
  right: 10px;
}
#searchWrap form input {
  padding: 6px 20px;
  margin: 0 0 0 5px;
  text-align: center;
  font-size: 100%;
  color: #FFF;
  outline: none;
  cursor: pointer;
  font-weight: normal;
  border: none;
  border-radius: 3px;
}
#searchWrap form input:hover {
  background: #26989c;
}

#loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f0f3f6;
  z-index: 99999;
}
#loading img {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.maskWrap {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
.maskWrap .mask {
  width: inherit;
  height: inherit;
  background-color: #fff;
  opacity: 0;
}
.maskWrap .mask.isPlay {
  -webkit-animation: play 0.4s cubic-bezier(0.8, 0, 0.5, 1) forwards;
          animation: play 0.4s cubic-bezier(0.8, 0, 0.5, 1) forwards;
  position: relative;
  opacity: 1 !important;
}
.maskWrap .mask.isPlay::before {
  -webkit-animation: maskOut 0.4s cubic-bezier(0.8, 0, 0.5, 1) 0.4s forwards;
          animation: maskOut 0.4s cubic-bezier(0.8, 0, 0.5, 1) 0.4s forwards;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #466c90;
}
@-webkit-keyframes play {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes play {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes maskOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  99% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes maskOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  99% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.selectBox {
  position: relative;
  border: 1px solid #DDD;
  border-radius: 2px;
  background: #ffffff;
}
.selectBox::before {
  content: "\f0dc";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 10px;
  right: 10px;
  color: #999;
  z-index: 1;
}
.selectBox select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 8px;
  color: #333;
}
.selectBox select::-ms-expand {
  display: none;
}

#pageScroll {
  z-index: 99;
}
#pageScroll a {
  background: #f2f1eb;
  color: #333;
}
#pageScroll a i {
  color: #333;
}
#pageScroll.fixed {
  bottom: 87px;
}

#errorPage {
  background: #466c90;
  width: 100%;
  height: 100%;
  position: fixed;
}
#errorPage div {
  background: #FFF;
  border-radius: 40px;
  padding: 40px;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
#errorPage div figure {
  width: 30%;
  margin: 0 auto 15px;
}
#errorPage div p#errorTitle {
  text-align: center;
  font-size: 139%;
  margin: 0 0 10px;
}
#errorPage div p#errorTxt {
  text-align: center;
  font-size: 108%;
  margin: 0 0 20px;
}
#errorPage div p#btn {
  width: 50%;
  margin: 0 auto;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  main#siteWrap {
    min-height: auto;
  }
  .pageTitle {
    padding: 25px 0;
    margin: 70px 0 0;
  }
  .pageTitle::before {
    display: none;
  }
  .pageTitle::after {
    width: 60px;
    height: 56px;
    bottom: -15px;
    right: 3%;
    margin: 0;
  }
  .pageTitle h2 {
    padding: 0 4%;
    text-align: center;
    font-size: 131%;
  }
  .pageTitle h2::before {
    display: none;
  }
  .pageCont {
    padding: 30px 0 20px;
    margin: 0;
  }
  .pageCont .contSec {
    margin: 30px 0 0;
  }
  .pageCont .contSec h3, .pageCont .contSec h4, .pageCont .contSec h5 {
    margin: 0 0 20px;
  }
  .pageCont .contSec h3 {
    margin: 0 0 10px;
    font-size: 177%;
    padding: 0 1em 0 0.9em;
  }
  .pageCont .contSec h3::before {
    width: 25px;
    height: 25px;
    top: 0px;
    left: 4%;
  }
  .pageCont .contSec h4 {
    font-size: 116%;
    padding: 0 0 3px;
  }
  .pageCont .contSec h5 {
    font-size: 108%;
    padding: 0 0 0 1.6em;
  }
  #searchWrap {
    margin: 0 0 20px;
    padding: 0 5%;
    text-align: left;
  }
  #searchWrap p {
    margin: 0 15px 0 0;
    font-size: 85%;
  }
  #searchWrap form .select-group select {
    font-size: 85%;
    padding: 4px 40px 4px 10px;
    border-radius: 3px;
  }
  #searchWrap form .select-group:after {
    font-size: 70%;
    top: 3px;
    right: 6px;
  }
  .scrollTable {
    width: 90%;
    overflow: auto;
    white-space: nowrap;
    margin: 0 auto;
  }
  .scrollTable::-webkit-scrollbar {
    height: 5px;
  }
  .scrollTable::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scrollTable::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  #pageScroll.fixed {
    right: 2.5%;
    bottom: 65px;
  }
  #errorPage {
    width: 100%;
    height: 100%;
    position: fixed;
    padding: 0;
  }
  #errorPage div {
    margin: 0;
    border-radius: 10px;
    padding: 30px;
    width: 90%;
  }
  #errorPage div figure {
    width: 75%;
    margin: 0 auto 25px;
  }
  #errorPage div p#errorTitle {
    font-size: 116%;
    margin: 0 0 20px;
  }
  #errorPage div p#errorTxt {
    font-size: 93%;
    margin: 0 0 15px;
  }
  #errorPage div p#errorTxt br {
    display: none;
  }
  #errorPage div p#btn {
    width: 100%;
    margin: 0;
  }
  #errorPage div p#btn a {
    font-size: 85%;
  }
}
#specialIndex #sccList {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 0 0 -2%;
}
#specialIndex #sccList a {
  display: block;
  width: 23%;
  margin: 40px 0 0 2%;
  text-decoration: none;
}
#specialIndex #sccList a:nth-of-type(1), #specialIndex #sccList a:nth-of-type(2), #specialIndex #sccList a:nth-of-type(3), #specialIndex #sccList a:nth-of-type(4) {
  margin: 0 0 0 2%;
}
#specialIndex #sccList a:hover figure img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#specialIndex #sccList a figure {
  width: 100%;
  overflow: hidden;
  margin: 0 0 5px;
  background: #466c90;
}
#specialIndex #sccList a figure img {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#specialIndex #sccList a p {
  font-size: 116%;
  font-weight: bold;
}

.sscPt {
  margin: -650px 0 40px;
  width: 100%;
  height: 85vh;
  position: relative;
}
.sscPt img {
  width: 100%;
  height: 85vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.sscContent .entryBtnWrap p a {
  text-decoration: none;
}

#sscOc p.entryBtn {
  width: 50%;
  margin: 0 auto;
}
#sscOc p.entryBtn a {
  text-align: center;
  border: 3px solid #db534a;
  background: #FFF;
  font-size: 108%;
  padding: 14px 0;
  color: #db534a;
  font-weight: bold;
  text-decoration: none;
}
#sscOc p.entryBtn a:hover {
  background: #fff1ee;
}
#sscOc p.qrGuideBtn a {
  display: block;
  padding: 40px 0;
  background: #f7efef;
  color: #db534a;
  font-size: 139%;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #db534a;
}
#sscOc p.qrGuideBtn a i {
  margin: 0 20px 0 0;
}
#sscOc p.qrGuideBtn a:hover {
  background: #db534a;
  color: #FFF;
}
#sscOc #intro p.readTxt {
  font-size: 116%;
  margin: 15px 0 0;
}
#sscOc #intro p.readTxt:first-of-type {
  margin: 0;
}
#sscOc #intro article {
  margin: 20px 0 0;
}
#sscOc #intro article h4 {
  margin: 0 0 10px;
}
#sscOc #intro article ul.dayList {
  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;
  margin: 0 0 0 -3.3333%;
}
#sscOc #intro article ul.dayList li {
  width: 30%;
  text-align: center;
  margin: 20px 0 0 3.3333%;
  font-size: 200%;
  font-weight: bold;
  border: 1px solid #DDD;
  border-radius: 5px;
  padding: 10px 0 25px;
}
#sscOc #intro article ul.dayList li:nth-child(1), #sscOc #intro article ul.dayList li:nth-child(2), #sscOc #intro article ul.dayList li:nth-child(3) {
  margin: 10px 0 0 3.3333%;
}
#sscOc #intro article ul.dayList li span.youbi {
  font-size: 77%;
  margin: 0 0 0 10px;
}
#sscOc #intro article ul.dayList li span.youbi.sun {
  color: #db534a;
}
#sscOc #intro article ul.dayList li span.youbi.sat {
  color: #059dd4;
}
#sscOc #intro article ul.dayList li span.time {
  display: block;
  text-align: center;
  font-size: 70%;
  line-height: 0.6;
  color: #999;
}
#sscOc #qrCode h3::before {
  background: url("/assets/img/common/triangle2.svg") no-repeat;
}
#sscOc #qrCode .qrWrap article {
  margin: 40px 0 0;
  position: relative;
  border: 3px solid #F0F0F0;
}
#sscOc #qrCode .qrWrap article:first-of-type {
  margin: 0;
}
#sscOc #qrCode .qrWrap article:first-of-type::before {
  display: none;
}
#sscOc #qrCode .qrWrap article::before {
  content: "\f0ab";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 139%;
  top: -40px;
  left: 2.4em;
  margin: 0;
  color: #f1880c;
}
#sscOc #qrCode .qrWrap article .midashiTitle {
  background: #F0F0F0;
  padding: 15px 1.6em;
}
#sscOc #qrCode .qrWrap article .midashiTitle p, #sscOc #qrCode .qrWrap article .midashiTitle h4 {
  display: inline-block;
}
#sscOc #qrCode .qrWrap article .midashiTitle p {
  background: #f1880c;
  color: #FFF;
  border-radius: 3px;
  padding: 3px 10px;
  font-size: 108%;
  font-weight: bold;
}
#sscOc #qrCode .qrWrap article .midashiTitle p span {
  font-size: 85%;
}
#sscOc #qrCode .qrWrap article .midashiTitle h4 {
  border: none;
  margin: 0 0 0 10px;
}
#sscOc #qrCode .qrWrap article .flowWrap {
  padding: 15px 1.6em;
}
#sscOc #qrCode .qrWrap article .flowWrap p {
  font-size: 108%;
}
#sscOc #qrCode .qrWrap article .flowWrap p span {
  position: relative;
}
#sscOc #qrCode .qrWrap article .flowWrap p span::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 7px;
  background: #fff9a6;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: -1;
}
#sscOc #qrCode .qrChui {
  margin: 20px 0 0;
}
#sscOc #qrCode .qrChui h5 {
  margin: 0 0 10px;
}
#sscOc #qrCode .qrChui ul {
  padding: 0 0 0 1.6em;
}
#sscOc #qrCode .qrChui ul li {
  font-size: 85%;
  list-style: disc;
}
#sscOc #qrCode .todokanai {
  margin: 20px 0 0;
  padding: 20px;
  background: #feefef;
}
#sscOc #qrCode .todokanai h5 {
  padding: 0;
  margin: 0 0 5px;
  color: #db534a;
}
#sscOc #qrCode .todokanai h5::before {
  display: none;
}
#sscOc #qrCode .todokanai ol {
  padding: 0 0 0 1.6em;
}
#sscOc #qrCode .todokanai ol li {
  font-size: 85%;
  list-style: decimal;
  color: #db534a;
}
#sscOc #detail table {
  width: 100%;
  margin: 0 0 30px;
}
#sscOc #detail table tbody tr {
  border-bottom: 1px solid #DDD;
}
#sscOc #detail table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#sscOc #detail table tbody tr th, #sscOc #detail table tbody tr td {
  padding: 12px;
}
#sscOc #detail table tbody tr th {
  width: 20%;
  background: #f0f3f6;
}
#sscOc #detail table tbody tr td {
  width: 80%;
}
#sscOc #COVID19, #sscOc #access {
  background: #F0F0F0;
  padding: 30px 4%;
  border-radius: 10px;
}
#sscOc #COVID19 ul, #sscOc #access ul {
  margin: 0 0 15px;
  padding: 0 0 0 1.6em;
}
#sscOc #COVID19 ul li, #sscOc #access ul li {
  list-style: disc;
}
#sscOc #COVID19 p.chuiTxt, #sscOc #access p.chuiTxt {
  color: #db534a;
}
#sscOc #movieWrap {
  width: 66%;
  margin: 60px auto 0;
}
#sscOc #movieWrap #movieFrame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#sscOc #movieWrap #movieFrame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

#sangiAward #intro p.readTxt {
  font-size: 116%;
  margin: 0 0 30px;
}
#sangiAward #intro ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#sangiAward #intro ul li {
  width: 48%;
}
#sangiAward #intro ul li a {
  font-weight: bold;
  font-size: 100%;
  display: block;
  padding: 18px 0;
  text-align: center;
  border-radius: 3px;
  background: #466c90;
  color: #FFF;
  text-decoration: none;
  position: relative;
}
#sangiAward #intro ul li a::before {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 20px;
  margin: -11px 0 0;
}
#sangiAward #intro ul li a:hover {
  background: #587ea2;
  color: #FFF;
}
#sangiAward #graphic article,
#sangiAward #it article {
  margin: 40px 0 0;
}
#sangiAward #graphic article:first-of-type,
#sangiAward #it article:first-of-type {
  margin: 0;
}
#sangiAward #graphic .about .flexBox,
#sangiAward #it .about .flexBox {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#sangiAward #graphic .about .flexBox img,
#sangiAward #it .about .flexBox img {
  width: 25%;
}
#sangiAward #graphic .about .flexBox div,
#sangiAward #it .about .flexBox div {
  width: 75%;
  padding: 0 4% 0 0;
}
#sangiAward #graphic .about .flexBox div .btn,
#sangiAward #it .about .flexBox div .btn {
  margin: 30px 0 0;
}
#sangiAward #graphic .about .flexBox div .btn a,
#sangiAward #it .about .flexBox div .btn a {
  display: block;
  padding: 14px 0;
  text-align: center;
  background: #db534a;
  color: #FFF;
  text-decoration: none;
}
#sangiAward #graphic .about .flexBox div .btn a i,
#sangiAward #it .about .flexBox div .btn a i {
  margin: 0 10px 0 0;
}
#sangiAward #graphic .about .flexBox div .btn a:hover,
#sangiAward #it .about .flexBox div .btn a:hover {
  background: #b82323;
}
#sangiAward #graphic .oubo table,
#sangiAward #it .oubo table {
  width: 100%;
}
#sangiAward #graphic .oubo table tbody tr,
#sangiAward #it .oubo table tbody tr {
  border-bottom: 1px solid #DDD;
}
#sangiAward #graphic .oubo table tbody tr:first-of-type,
#sangiAward #it .oubo table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#sangiAward #graphic .oubo table tbody tr th, #sangiAward #graphic .oubo table tbody tr td,
#sangiAward #it .oubo table tbody tr th,
#sangiAward #it .oubo table tbody tr td {
  padding: 12px 1em;
}
#sangiAward #graphic .oubo table tbody tr th,
#sangiAward #it .oubo table tbody tr th {
  width: 25%;
  background: #f0f3f6;
}
#sangiAward #graphic .oubo table tbody tr td,
#sangiAward #it .oubo table tbody tr td {
  width: 75%;
}
#sangiAward #graphic .oubo table tbody tr td p.redTxt,
#sangiAward #it .oubo table tbody tr td p.redTxt {
  color: #db534a;
  font-size: 154%;
  font-weight: bold;
}
#sangiAward #graphic .oubo table tbody tr td p.mTitle,
#sangiAward #it .oubo table tbody tr td p.mTitle {
  background: #F0F0F0;
  padding: 5px 10px;
  font-size: 93%;
  font-weight: bold;
  margin: 0 0 5px;
}
#sangiAward #graphic .oubo table tbody tr td .bumon,
#sangiAward #it .oubo table tbody tr td .bumon {
  margin: 0 0 40px;
}
#sangiAward #graphic .oubo table tbody tr td .bumon p.bumonTitle,
#sangiAward #it .oubo table tbody tr td .bumon p.bumonTitle {
  color: #db534a;
  font-size: 116%;
  font-weight: bold;
  border-bottom: 1px solid #db534a;
  margin: 0 0 10px;
}
#sangiAward #graphic .oubo table tbody tr td .bumon .theme,
#sangiAward #it .oubo table tbody tr td .bumon .theme {
  margin: 10px 0 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#sangiAward #graphic .oubo table tbody tr td .bumon .theme div,
#sangiAward #it .oubo table tbody tr td .bumon .theme div {
  width: 47%;
}
#sangiAward #graphic .oubo table tbody tr td .bumon .theme div p.themeTitle,
#sangiAward #it .oubo table tbody tr td .bumon .theme div p.themeTitle {
  background: #db534a;
  padding: 7px 10px;
  text-align: center;
  color: #FFF;
  margin: 0 0 5px;
}
#sangiAward #graphic .oubo table tbody tr td .bumon .theme div p.themeTitle span,
#sangiAward #it .oubo table tbody tr td .bumon .theme div p.themeTitle span {
  font-size: 124%;
  font-weight: bold;
  margin: 0 0 0 10px;
}
#sangiAward #graphic .oubo table tbody tr td .bumon .theme div p.themeTxt,
#sangiAward #it .oubo table tbody tr td .bumon .theme div p.themeTxt {
  font-size: 93%;
}
#sangiAward #graphic .oubo table tbody tr td .bumon .kitei ul,
#sangiAward #it .oubo table tbody tr td .bumon .kitei ul {
  padding: 0 0 0 1.6em;
}
#sangiAward #graphic .oubo table tbody tr td .bumon .kitei ul li,
#sangiAward #it .oubo table tbody tr td .bumon .kitei ul li {
  list-style: disc;
  font-size: 77%;
}
#sangiAward #graphic .oubo table tbody tr td .method,
#sangiAward #it .oubo table tbody tr td .method {
  margin: 15px 0 0;
}
#sangiAward #graphic .oubo table tbody tr td .method:first-of-type,
#sangiAward #it .oubo table tbody tr td .method:first-of-type {
  margin: 0;
}
#sangiAward #graphic .oubo table tbody tr td .btn ul,
#sangiAward #it .oubo table tbody tr td .btn ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#sangiAward #graphic .oubo table tbody tr td .btn ul li,
#sangiAward #it .oubo table tbody tr td .btn ul li {
  width: 24%;
}
#sangiAward #graphic .oubo table tbody tr td .btn ul li a,
#sangiAward #it .oubo table tbody tr td .btn ul li a {
  border-radius: 5px;
  display: block;
  padding: 15px 0;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}
#sangiAward #graphic .oubo table tbody tr td .btn ul li a:hover,
#sangiAward #it .oubo table tbody tr td .btn ul li a:hover {
  opacity: 0.85;
}
#sangiAward #graphic .oubo table tbody tr td .btn ul li a.pdf,
#sangiAward #it .oubo table tbody tr td .btn ul li a.pdf {
  background: #db534a;
}
#sangiAward #graphic .oubo table tbody tr td .btn ul li a.exl,
#sangiAward #it .oubo table tbody tr td .btn ul li a.exl {
  background: #61ab3b;
}
#sangiAward #graphic .oubo table tbody tr td .btn ul li a i,
#sangiAward #it .oubo table tbody tr td .btn ul li a i {
  margin: 0 8px 0 0;
}
#sangiAward #graphic p.btn,
#sangiAward #it p.btn {
  width: 50%;
  margin: 0 auto;
}
#sangiAward #graphic p.btn a,
#sangiAward #it p.btn a {
  font-weight: bold;
  font-size: 108%;
  display: block;
  padding: 20px 0;
  text-align: center;
  background: #db534a;
  color: #FFF;
  text-decoration: none;
  position: relative;
}
#sangiAward #graphic p.btn a::before,
#sangiAward #it p.btn a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 20px;
  margin: -11px 0 0;
}
#sangiAward #graphic p.btn a:hover,
#sangiAward #it p.btn a:hover {
  background: #b82323;
  color: #FFF;
}
#sangiAward #it .oubo table tbody tr td p.redTxt {
  color: #059dd4;
}
#sangiAward #it .oubo table tbody tr td .bumon {
  margin: 0 0 40px;
}
#sangiAward #it .oubo table tbody tr td .bumon p.bumonTitle {
  color: #059dd4;
  border-bottom: 1px solid #059dd4;
}
#sangiAward #it .oubo table tbody tr td .bumon .theme div p.themeTitle {
  background: #059dd4;
}
#sangiAward #it p.btn a {
  background: #059dd4;
}
#sangiAward #it p.btn a:hover {
  background: #00749e;
}
#sangiAward #privacy {
  padding: 30px;
  background: #f0f3f6;
  border-radius: 5px;
}
#sangiAward #privacy p.readTxt {
  font-size: 116%;
  color: #db534a;
  font-weight: bold;
  margin: 0 0 10px;
}
#sangiAward #privacy dl {
  border-radius: 5px;
  padding: 30px;
  background: #FFF;
}
#sangiAward #privacy dl dt {
  font-size: 108%;
  font-weight: bold;
  color: #059dd4;
  border-top: 1px solid #DDD;
  padding: 10px 0 0;
  margin: 10px 0 0;
}
#sangiAward #privacy dl dt:first-of-type {
  border-top: none;
  padding: 0;
  margin: 0;
}
#sangiAwardAirchive #graphic p.readTxt {
  font-size: 154%;
  font-weight: bold;
  color: #059dd4;
  margin: 0 0 20px;
}
#sangiAwardAirchive #graphic div.bumon {
  margin: 80px 0 0;
}
#sangiAwardAirchive #graphic div.bumon:first-of-type {
  margin: 0;
}
#sangiAwardAirchive #graphic div.bumon article {
  margin: 40px 0 0;
}
#sangiAwardAirchive #graphic div.bumon article:first-of-type {
  margin: 0;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix.flexBox {
  margin: 0 0 40px;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix a {
  width: 33%;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix a:hover {
  opacity: 0.9;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix div {
  width: 67%;
  padding: 0 0 0 4%;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix div p.awardTitle {
  font-size: 177%;
  color: #059dd4;
  font-weight: bold;
  padding: 8px 0 8px 2.4em;
  text-align: left;
  position: relative;
  margin: 0 0 15px;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix div p.awardTitle::before {
  content: "\f521";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 154%;
  top: 50%;
  left: 0;
  margin: -40px 0 0;
  color: #f7a607;
  z-index: 1;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix div dl {
  background: #f0f3f6;
  border-bottom: 1px solid #DDD;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix div dl::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix div dl dt, #sangiAwardAirchive #graphic div.bumon article .grandprix div dl dd {
  float: left;
  padding: 10px;
  border-top: 1px solid #DDD;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix div dl dt {
  width: 25%;
  clear: both;
}
#sangiAwardAirchive #graphic div.bumon article .grandprix div dl dd {
  background: #FFF;
  width: 75%;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -3%;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box {
  width: 22%;
  margin: 0 0 0 3%;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box p.awardTitle {
  background: #059dd4;
  color: #FFF;
  font-weight: bold;
  padding: 8px 0;
  text-align: center;
  position: relative;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box p.awardTitle::before {
  content: "\f559";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 154%;
  top: 50%;
  right: 8%;
  margin: -18px 0 0;
  color: #f7a607;
  z-index: 1;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box a {
  display: block;
  width: 100%;
  height: 190px;
  overflow: hidden;
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box a:hover img {
  opacity: 0.9;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box a img {
  width: 100%;
  height: 190px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box dl {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box dl::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dt, #sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dd {
  text-align: center;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dt {
  font-size: 85%;
  background: #666;
  color: #FFF;
  padding: 3px 0;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dt:first-of-type {
  margin: 0;
}
#sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dd {
  padding: 5px 1em 8px;
  font-size: 93%;
}
#sangiAwardAirchive #graphic div.bumon article table {
  width: 100%;
}
#sangiAwardAirchive #graphic div.bumon article table tbody tr {
  border-bottom: 1px solid #DDD;
}
#sangiAwardAirchive #graphic div.bumon article table tbody tr th, #sangiAwardAirchive #graphic div.bumon article table tbody tr td {
  padding: 10px;
}
#sangiAwardAirchive #graphic div.bumon article table tbody tr th {
  background: #059dd4;
  color: #fff;
  text-align: center;
}
#sangiAwardAirchive #graphic div.bumon article table tbody tr th:nth-of-type(1) {
  width: 9%;
}
#sangiAwardAirchive #graphic div.bumon article table tbody tr th:nth-of-type(2) {
  width: 47%;
  border-left: 1px solid #FFF;
}
#sangiAwardAirchive #graphic div.bumon article table tbody tr th:nth-of-type(3) {
  width: 17%;
  border-left: 1px solid #FFF;
}
#sangiAwardAirchive #graphic div.bumon article table tbody tr th:nth-of-type(4) {
  width: 27%;
  border-left: 1px solid #FFF;
}
#sangiAwardAirchive #graphic div.bumon article table tbody tr td {
  border-left: 1px solid #DDD;
}
#sangiAwardAirchive #graphic div.bumon article table tbody tr td.rowspan {
  text-align: center;
  border-left: none;
}
#sangiAwardAirchive #graphic div.bumon#award01 article .grandprix div p.awardTitle {
  color: #059dd4;
}
#sangiAwardAirchive #graphic div.bumon#award01 article .grandprix div dl {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon#award01 article .flexBox .box p.awardTitle {
  background: #059dd4;
  color: #FFF;
}
#sangiAwardAirchive #graphic div.bumon#award01 article .flexBox .box a {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon#award01 article .flexBox .box dl {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon#award01 article table tbody tr th {
  background: #059dd4;
}
#sangiAwardAirchive #graphic div.bumon#award02 article .grandprix div p.awardTitle {
  color: #dd7694;
}
#sangiAwardAirchive #graphic div.bumon#award02 article .grandprix div dl {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon#award02 article .flexBox .box p.awardTitle {
  background: #dd7694;
}
#sangiAwardAirchive #graphic div.bumon#award02 article .flexBox .box a {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon#award02 article .flexBox .box dl {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon#award02 article table tbody tr th {
  background: #dd7694;
}
#sangiAwardAirchive #graphic div.bumon#award03 article .grandprix div p.awardTitle {
  color: #61ab3b;
}
#sangiAwardAirchive #graphic div.bumon#award03 article .grandprix div dl {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon#award03 article .flexBox .box p.awardTitle {
  background: #61ab3b;
}
#sangiAwardAirchive #graphic div.bumon#award03 article .flexBox .box a {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon#award03 article .flexBox .box dl {
  background: #f0f3f6;
}
#sangiAwardAirchive #graphic div.bumon#award03 article table tbody tr th {
  background: #61ab3b;
}
#sangiAwardAirchive #it .itBumon {
  margin: 80px 0 0;
}
#sangiAwardAirchive #it .itBumon:first-of-type {
  margin: 0;
}
#sangiAwardAirchive #it .itBumon p.readTxt {
  font-size: 124%;
  margin: 0 0 15px;
}
#sangiAwardAirchive #it .itBumon .flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#sangiAwardAirchive #it .itBumon .flexBox div {
  width: 48%;
}
#sangiAwardAirchive #it .itBumon .flexBox div p.title {
  font-size: 116%;
  padding: 7px 15px;
  background: #F0F0F0;
  margin: 0;
}
#sangiAwardAirchive #it .itBumon .flexBox div p.title span {
  color: #db534a;
}
#sangiAwardAirchive #it .itBumon .flexBox div table {
  width: 100%;
}
#sangiAwardAirchive #it .itBumon .flexBox div table tbody tr {
  border-bottom: 1px solid #DDD;
}
#sangiAwardAirchive #it .itBumon .flexBox div table tbody tr:first-of-type {
  border-top: 1px solid #DDD;
}
#sangiAwardAirchive #it .itBumon .flexBox div table tbody tr th, #sangiAwardAirchive #it .itBumon .flexBox div table tbody tr td {
  padding: 8px 10px;
}
#sangiAwardAirchive #it .itBumon .flexBox div table tbody tr th {
  background: #059dd4;
  color: #FFF;
}
#sangiAwardAirchive #btnList ul {
  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;
  margin: 0 0 0 -2%;
}
#sangiAwardAirchive #btnList ul li {
  width: 18%;
  margin: 0 0 15px 2%;
}
#sangiAwardAirchive #btnList ul li a {
  text-decoration: none;
  color: #FFF;
  background: #466c90;
  text-align: center;
  display: block;
  padding: 10px 0;
  font-size: 85%;
  position: relative;
}
#sangiAwardAirchive #btnList ul li a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 4%;
  margin: -11px 0 0;
}
#sangiAwardAirchive #btnList ul li a:hover {
  background: #587ea2;
}

#sangirl {
  color: #222;
}
#sangirl p.sangirlTitle {
  font-size: 154%;
  color: #FFF;
  padding: 10px 0.8em;
  background: #e56994;
  font-weight: bold;
  margin: 0 0 30px;
}
#sangirl #listen .flexBox {
  padding: 20px 0 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#sangirl #listen .flexBox figure {
  width: 50%;
  margin: 0;
}
#sangirl #listen .flexBox p {
  width: 50%;
  padding: 0 10% 0 0;
  font-size: 216%;
}
#sangirl #listen .flexBox p span {
  color: #e56994;
}
#sangirl #interview .girlCont {
  margin: 60px 0 0;
  padding: 60px 0 0;
  border-top: 1px solid #DDD;
}
#sangirl #interview .girlCont:first-of-type {
  margin: 0;
  padding: 0;
  border-top: none;
}
#sangirl #interview .girlCont .intro {
  margin: 0 0 60px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#sangirl #interview .girlCont .intro .girlMv {
  width: 35%;
  position: relative;
}
#sangirl #interview .girlCont .intro .girlMv::before {
  content: "";
  display: block;
  width: 260px;
  height: 260px;
  border-radius: 100%;
  background: url("/assets/img/ssc/sangirl/img_bg.jpg");
  position: absolute;
  top: 140px;
  left: 50%;
  margin: 0 0 0 -60px;
  z-index: -1;
}
#sangirl #interview .girlCont .intro .girlMv p.girlNumber {
  text-align: center;
  font-size: 177%;
  margin: 0 0 15px;
}
#sangirl #interview .girlCont .intro .girlMv p.girlNumber span {
  color: #e56994;
}
#sangirl #interview .girlCont .intro .girlMv img {
  display: block;
  margin: 0 auto 20px;
  border-radius: 100%;
  width: 300px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
#sangirl #interview .girlCont .intro .girlMv div {
  text-align: center;
  margin: 0;
}
#sangirl #interview .girlCont .intro .girlMv div p.series {
  display: inline-block;
  color: #FFF;
  padding: 3px 0.6em;
  margin: 0 0 10px;
}
#sangirl #interview .girlCont .intro .girlMv div p.series.active {
  background: #f0832c;
}
#sangirl #interview .girlCont .intro .girlMv div p.series.fashionable {
  background: #61ab3b;
}
#sangirl #interview .girlCont .intro .girlMv div p.series.girlpower {
  background: #dd7694;
}
#sangirl #interview .girlCont .intro .girlMv div p.course {
  font-size: 85%;
}
#sangirl #interview .girlCont .intro .girlMv div p.from {
  font-size: 85%;
  margin: 0 0 5px;
}
#sangirl #interview .girlCont .intro .girlMv div p.sangirlName {
  font-size: 177%;
  font-weight: bold;
}
#sangirl #interview .girlCont .intro .fukidashi {
  border-radius: 10px;
  padding: 40px;
  width: 60%;
  position: relative;
  z-index: 0;
  background: #fbeff5;
}
#sangirl #interview .girlCont .intro .fukidashi::after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 120px;
  left: -25px;
  width: 0;
  height: 0;
  border: none;
  border-top: 25px solid #fbeff5;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#sangirl #interview .girlCont .intro .fukidashi p.qTxt {
  margin: 15px 0 0;
}
#sangirl #interview .girlCont .intro .fukidashi p.qTxt:first-of-type {
  margin: 0;
}
#sangirl #interview .girlCont .qaWrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 40px 0 0;
}
#sangirl #interview .girlCont .qaWrap:first-of-type {
  margin: 0;
}
#sangirl #interview .girlCont .qaWrap img {
  width: 25%;
}
#sangirl #interview .girlCont .qaWrap div {
  width: 75%;
  padding: 0 4% 0 0;
}
#sangirl #interview .girlCont p.qTxt {
  font-size: 116%;
  display: inline-block;
  margin: 0 0 5px;
  position: relative;
}
#sangirl #interview .girlCont p.qTxt::before {
  content: "";
  display: block;
  width: 100%;
  height: 15px;
  background: #fff5b3;
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: -1;
}
#sangirl #interview .girlCont p.aTxt {
  font-size: 100%;
}
#sangirl #interview #homeSangirl {
  margin: 100px 0 0;
  padding: 0;
}
#sangirl #interview #homeSangirl h2 {
  margin: 0 0 20px;
}
#sangirl #interview #homeSangirl p {
  margin: 0 0 30px;
}
#sangirl #interview #homeSangirl #iframeWrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#sangirl #interview #homeSangirl #iframeWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}

#facility #intro p.readTxt {
  font-size: 200%;
  font-weight: bold;
  margin: 0 0 10px;
}
#facility #intro p.txt {
  font-size: 108%;
}
#facility #cont .flexBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 -3.3333%;
}
#facility #cont .flexBox a {
  width: 30%;
  margin: 40px 0 0 3.3333%;
  text-decoration: none;
}
#facility #cont .flexBox a:nth-of-type(1), #facility #cont .flexBox a:nth-of-type(2), #facility #cont .flexBox a:nth-of-type(3) {
  margin: 0 0 0 3.3333%;
}
#facility #cont .flexBox a:hover img {
  opacity: 0.85;
}
#facility #cont .flexBox a img {
  height: auto;
  border-radius: 0 0 10px 0;
  margin: 0 0 5px;
}
#facility #cont .flexBox a p {
  font-size: 116%;
}

#itWoman section {
  margin-top: 10%;
}
#itWoman section:first-child {
  margin: 0;
}
#itWoman section img {
  width: 100%;
  height: auto;
}
#itWoman h2 {
  margin: 0.83em 0;
  font-size: 30px;
  color: #ba79b1;
}
#itWoman p {
  color: #4c4948;
}
#itWoman .itInner {
  padding: 0 5%;
}
#itWoman .gold {
  color: #caa95c;
  font-weight: bold;
}
#itWoman .bdrTtl p {
  color: #ba79b1;
  font-size: 22px;
}
#itWoman .bdrTtl span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(0%, #f8f4f9));
  background: linear-gradient(transparent 50%, #f8f4f9 0%);
  display: inline;
  padding-bottom: 5px;
}
#itWoman .brOn, #itWoman .smaon {
  display: none;
}
#itWoman .itFuture .ifInner .itTitle {
  position: relative;
}
#itWoman .itFuture .ifInner .itTitle h2 {
  padding-left: 5%;
}
#itWoman .itFuture .ifInner .itTitle figure {
  position: absolute;
  top: -25px;
  right: 0;
  width: 35%;
}
#itWoman .itFuture .ifInner .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #f3ebf4;
  border-radius: 40px;
  padding: 5%;
}
#itWoman .itFuture .ifInner .txt .txtBox {
  width: 48%;
}
#itWoman .itFuture .ifInner .txt .txtBox h3 {
  padding: 3% 8% 3% 8%;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#itWoman .itFuture .ifInner .txt .txtBox h3.txtTitle {
  background: no-repeat url("/assets/img/ssc/it_woman/sec1_ttlB01.png");
  background-size: contain;
}
#itWoman .itFuture .ifInner .txt .txtBox h3.txtTitle2 {
  background: no-repeat url("/assets/img/ssc/it_woman/sec1_ttlB02.png");
  background-size: contain;
}
#itWoman .itFuture .ifInner .txt .txtBox p {
  display: inline-block;
}
#itWoman .itLife .itInner .itCenter {
  background-color: #ba79b1;
  border-radius: 50px;
  color: #fff;
  padding: 2% 5%;
  text-align: center;
  width: 70%;
  margin: 0 auto 4%;
}
#itWoman .itLife .itInner .columnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto 5%;
}
#itWoman .itLife .itInner .columnBox .column {
  width: 32%;
  margin: 3% 2% 0 0;
  border-radius: 20px;
  overflow: hidden;
  background-color: #f3ebf4;
}
#itWoman .itLife .itInner .columnBox .column:nth-child(3n) {
  margin-right: 0;
}
#itWoman .itLife .itInner .columnBox .column .clmtitle {
  background-color: #ba79b1;
  padding: 5% 10%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
#itWoman .itLife .itInner .columnBox .column .clmtitle span {
  width: 10%;
  display: inline-block;
  color: #ba79b1;
  font-weight: bold;
  text-align: center;
  margin: auto 0;
  position: relative;
  z-index: 20;
  padding-top: 2px;
}
#itWoman .itLife .itInner .columnBox .column .clmtitle span::after {
  content: "";
  background: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
#itWoman .itLife .itInner .columnBox .column .clmtitle h3 {
  width: 90%;
  color: #fff;
  margin: auto 0;
  padding-left: 15px;
  line-height: 120%;
  font-size: 16px;
}
#itWoman .itLife .itInner .columnBox .column ul {
  width: 85%;
  margin: 5% 15% 5% 10%;
}
#itWoman .itLife .itInner .columnBox .column ul li {
  list-style: disc;
}
#itWoman .itcharm .charmInner {
  background: no-repeat center url("/assets/img/ssc/it_woman/sec3_bg.png");
  background-size: contain;
  margin: 5% 0 0;
  padding: 5% 0;
}
#itWoman .itcharm .charmInner .titleFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 5%;
}
#itWoman .itcharm .charmInner .titleFlex .titleWrap {
  width: 50%;
  position: relative;
}
#itWoman .itcharm .charmInner .titleFlex .titleWrap h2 span {
  display: block;
  padding: 0 0 0 4%;
}
#itWoman .itcharm .charmInner .titleFlex .titleWrap h2 span::before {
  content: "";
  display: block;
  background: no-repeat url("/assets/img/ssc/it_woman/sec3_title2.png");
  background-size: contain;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#itWoman .itcharm .charmInner .titleFlex .titleWrap figure {
  position: absolute;
  bottom: 50%;
  right: 0;
  width: 40%;
  padding: 0;
}
#itWoman .itcharm .charmInner .titleFlex figure {
  width: 35%;
  margin: 0 auto;
}
#itWoman .itcharm .charmInner .charmCont h3 {
  padding: 1%;
  background: #fffaf5;
  border: 2px solid #ba79b1;
  border-radius: 50px;
  text-align: center;
  color: #ba79b1;
  font-size: 20px;
  margin-bottom: 5%;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt {
  margin: 2% 0 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 5%;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt .cTxt {
  width: 48%;
  height: auto;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt .cTxt figure {
  height: 40%;
  margin: 5% 0;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt .cTxt figure span {
  font-size: 12px;
  margin: 2% 0 5%;
  display: inline-block;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt .cTxt p {
  padding: 10% 0 0;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt .cImgTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt .cImgTxt figure {
  width: 30%;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt .cImgTxt p {
  width: 70%;
  display: inline-block;
  padding: 0 0 0 5%;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt .cImgTxt.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#itWoman .itcharm .charmInner .charmCont .cFlexTxt .cImgTxt.reverse p {
  padding: 0 5% 0 0;
}
#itWoman #itbLinkList ul {
  padding: 0 5%;
  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;
}
#itWoman #itbLinkList ul li {
  width: 49%;
  margin: 25px 0 0;
}
#itWoman #itbLinkList ul li a:hover {
  opacity: 0.75;
}
#itWoman .itInterview {
  margin: 7% 0;
}
#itWoman .itInterview .ivInner h2 {
  text-align: center;
}
#itWoman .itInterview .ivInner .interviewBox {
  margin: 5% auto 0;
  padding: 5%;
}
#itWoman .itInterview .ivInner .interviewBox:first-of-type {
  margin: 0 auto;
  padding: 0 5% 5%;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap {
  position: relative;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTtl {
  position: absolute;
  top: 30px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 3%;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTtl figure {
  width: 100px;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTtl h3 {
  font-size: 22px;
  padding-left: 3%;
  color: #caa95c;
  display: inline-block;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13% 0 0;
  margin: 0 0 30px;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop figure {
  width: 60%;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile {
  width: 40%;
  padding-left: 5%;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .pName {
  font-size: 28px;
  font-weight: bold;
  margin: 0 auto;
  padding: 0;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .pName span {
  font-size: 18px;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile p, #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .cpName {
  line-height: 120%;
  border-bottom: 1px solid #d7d7d7;
  padding: 5% 0;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile p.company, #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .cpName.company {
  font-size: 18px;
  font-weight: bold;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile p.companyStxt, #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .cpName.companyStxt {
  border: none;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile p:last-child, #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .cpName:last-child {
  border: none;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .companyStxt, #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .school, #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .pflStxt {
  font-size: 14px;
  line-height: 1.6;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTxt h3 {
  font-size: 116%;
  color: #caa95c;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTxt span {
  display: block;
  font-size: 12px;
  text-align: right;
  margin: 5% 0;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp {
  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;
  margin: 5% auto 0;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp figure {
  width: 45%;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp .cpTxt {
  width: 45%;
  padding: 2% 5%;
  background: #f6f1ec;
  border-radius: 20px;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp .cpTxt figure {
  margin: 0 auto;
  width: 70%;
}
#itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp .cpTxt p {
  margin: 20px 0;
}
#itWoman .itInterview .ivInner .interviewBox.reverse {
  background-color: #f8f4f9;
  border-radius: 20px;
}
#itWoman .itInterview .ivInner .interviewBox.reverse .ivbWrap .ivTtl {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  top: 30px;
  right: 0;
  padding: 0 3% 0 0;
}
#itWoman .itInterview .ivInner .interviewBox.reverse .ivbWrap .ivTtl h3 {
  padding: 0 3% 0 0;
}
#itWoman .itInterview .ivInner .interviewBox.reverse .ivbWrap .ivTop {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#itWoman .itInterview .ivInner .interviewBox.reverse .ivbWrap .ivTop .profile {
  padding: 0 5% 0 0;
}
#itWoman .itInterview .ivInner .interviewBox.reverse .ivbWrap .ivCp {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#itWoman .itInterview .ivInner .interviewBox.reverse .ivbWrap .ivCp .cpTxt {
  background: #fff;
}

#sscDigitalMng img {
  width: 100%;
  height: auto;
}
#sscDigitalMng img.spNone {
  display: block;
}
#sscDigitalMng img.dtNone {
  display: none;
}
#sscDigitalMng .dmSec p.secCopy {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Roboto Slab", Garamond, "Times New Roman", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #1F2A66;
  font-size: 354%;
  margin: 0 0 20px;
}
#sscDigitalMng .dmSec p.secSubCopy {
  color: #36b1a7;
  font-size: 216%;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 20px;
}
#sscDigitalMng .dmSec p.secAcCopy {
  width: 100%;
  background-color: #FEDD78;
  color: #36b1a7;
  padding: 8px 0.8em;
  font-size: 131%;
  font-weight: bold;
  margin: 0 0 20px;
}
#sscDigitalMng #secA {
  margin: 0 0 100px;
}
#sscDigitalMng #secA #intro {
  margin: 0 0 20px;
}
#sscDigitalMng #secA #intro p.txt {
  font-size: 100%;
}
#sscDigitalMng #secA article#secA_A {
  margin: 0 0 60px;
}
#sscDigitalMng #secA article#secA_A .box {
  margin: 20px 0 0;
  padding: 40px;
  background-color: #36b1a7;
  border-radius: 30px;
}
#sscDigitalMng #secA article#secA_A .box:first-of-type {
  margin: 0;
}
#sscDigitalMng #secA article#secA_A .box p.boxTitle {
  color: #FFF;
  font-size: 131%;
  font-weight: bold;
  line-height: 1.4;
  padding: 2px 0 2px 0.6em;
  border-left: 4px solid #FFF;
  margin: 0 0 10px;
}
#sscDigitalMng #secA article#secA_A .box p.boxTitle span {
  color: #FFF;
  display: block;
  font-size: 12px;
}
#sscDigitalMng #secA article#secA_A .box p.txt {
  color: #FFF;
  font-size: 100%;
  margin: 0 0 30px;
}
#sscDigitalMng #secA article#secA_B .flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 45px 0 0;
}
#sscDigitalMng #secA article#secA_B .flexBox .box {
  width: 24%;
  border: 3px solid #36b1a7;
  padding: 25px;
  border-radius: 20px;
  position: relative;
}
#sscDigitalMng #secA article#secA_B .flexBox .box p.boxTitle {
  color: #36b1a7;
  font-size: 116%;
  font-weight: bold;
  text-align: center;
  margin: 0 0 25px;
}
#sscDigitalMng #secA article#secA_B .flexBox .box figure {
  margin: 0 0 25px;
}
#sscDigitalMng #secA article#secA_B .flexBox .box p.txt {
  font-size: 93%;
  line-height: 1.5;
}
#sscDigitalMng #secA article#secA_B .flexBox .box span {
  display: block;
  width: 60px;
  position: absolute;
  top: -50px;
  right: 15px;
}
#sscDigitalMng #secB {
  margin: 0 0 100px;
}
#sscDigitalMng #secB article#secB_A {
  margin: 0 0 80px;
}
#sscDigitalMng #secB article#secB_A .flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 30px 0 0;
}
#sscDigitalMng #secB article#secB_A .flexBox:first-of-type {
  margin: 0;
}
#sscDigitalMng #secB article#secB_A .flexBox p.boxTitle {
  width: 100%;
  background-color: #36b1a7;
  color: #FEDD78;
  padding: 8px 0.8em;
  font-size: 131%;
  font-weight: bold;
  margin: 0 0 20px;
}
#sscDigitalMng #secB article#secB_A .flexBox figure {
  width: 30%;
}
#sscDigitalMng #secB article#secB_A .flexBox div {
  width: 70%;
  padding: 0 0 0 3%;
}
#sscDigitalMng #secB article#secB_A .flexBox div p {
  font-size: 100%;
}
#sscDigitalMng #secB article#secB_A .flexBox div p span {
  font-size: 116%;
  font-weight: bold;
  color: red;
}
#sscDigitalMng #secB article#secB_B {
  background-color: #36b1a7;
  padding: 60px 40px;
  border-radius: 30px;
  color: #FFF;
}
#sscDigitalMng #secB article#secB_B p.secSubCopy {
  text-align: center;
  color: #FEDD78;
}
#sscDigitalMng #secB article#secB_B figure {
  width: 100%;
  margin: 0 0 20px;
}
#sscDigitalMng #secB article#secB_B .flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#sscDigitalMng #secB article#secB_B .flexBox .box {
  width: 48%;
  margin: 0 0 30px 4%;
}
#sscDigitalMng #secB article#secB_B .flexBox .box:nth-of-type(1), #sscDigitalMng #secB article#secB_B .flexBox .box:nth-of-type(3) {
  margin: 0 0 30px;
}
#sscDigitalMng #secB article#secB_B .flexBox .box p.boxTitle {
  font-size: 139%;
  font-weight: bold;
  padding: 0 0 3px;
  margin: 0 0 10px;
  border-bottom: 2px solid #FFF;
}
#sscDigitalMng #secB article#secB_B .flexBox .box p.boxTitle span {
  font-size: 12px;
  margin: 0 1.6em 0 0;
}
#sscDigitalMng #secB article#secB_B .flexBox .box p.txt {
  font-size: 100%;
}
#sscDigitalMng #secC {
  margin: 0 0 100px;
}
#sscDigitalMng #secC figure {
  width: 70%;
  margin: 0 auto 20px;
}
#sscDigitalMng #secC p.txt {
  text-align: center;
  font-size: 116%;
  font-weight: bold;
  color: #e48e1c;
  margin: 0 0 20px;
}
#sscDigitalMng #secC p.btn {
  width: 70%;
  margin: 0 auto;
}
#sscDigitalMng #secC p.btn a {
  display: block;
  text-align: center;
  font-size: 131%;
  font-weight: bold;
  padding: 30px 0;
  color: #FFF;
  background-color: #36b1a7;
  position: relative;
}
#sscDigitalMng #secC p.btn a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 20px;
  margin: -11px 0 0;
}
#sscDigitalMng #secC p.btn a:hover {
  opacity: 0.75;
}
#sscDigitalMng #secE {
  margin: 0 0 100px;
}
#sscDigitalMng #secE figure {
  margin: 0 0 40px;
}
#sscDigitalMng #secE .cTitle {
  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;
  margin: 0 0 40px;
}
#sscDigitalMng #secE .cTitle p.cTitleA {
  background: #36b1a7;
  padding: 5px 1em;
  font-size: 177%;
  font-weight: bold;
  color: #FFF;
  height: 55px;
}
#sscDigitalMng #secE .cTitle p.cTitleA span {
  font-weight: normal;
  background-color: red;
  padding: 2px 8px;
  border-radius: 3px;
  margin: 0 10px 0 0;
  font-size: 16px;
}
#sscDigitalMng #secE .cTitle p.cTitleB {
  height: 55px;
  background: #222;
  color: #FFF;
  padding: 5px 1em;
  font-size: 177%;
  font-weight: bold;
}
#sscDigitalMng #secE .txtWrap {
  margin: 0 0 40px;
}
#sscDigitalMng #secE .txtWrap p.txtWrapTitle {
  font-size: 139%;
  margin: 0 0 10px;
}
#sscDigitalMng #secE .txtWrap p.txtWrapTxt {
  font-size: 100%;
  margin: 0;
}
#sscDigitalMng #secE .txtWrap p.txtWrapTxt span {
  font-size: 116%;
  font-weight: bold;
  color: red;
}
#sscDigitalMng #secE #aim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#sscDigitalMng #secE #aim article {
  width: 48%;
}
#sscDigitalMng #secE #aim article h3 {
  background: #36b1a7;
  color: #FFF;
  margin: 0 0 15px;
  font-size: 116%;
  padding: 7px 0.8em;
}
#sscDigitalMng #secE #aim article ul {
  padding: 0 0 0 1.6em;
}
#sscDigitalMng #secE #aim article ul li {
  list-style: disc;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 1280px) {
  #itWoman .brOn {
    display: block;
  }
  #itWoman .itFuture .ifInner .txt {
    display: block;
    padding-top: 1%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 10%;
  }
  #itWoman .itFuture .ifInner .txt .txtBox {
    width: 100%;
  }
  #itWoman .itFuture .ifInner .txt .txtBox h3 {
    padding: 2% 5%;
  }
  #itWoman .itLife .itInner .itCenter {
    width: 100%;
  }
  #itWoman .itLife .itInner .columnBox .column {
    width: 49%;
  }
  #itWoman .itLife .itInner .columnBox .column:nth-child(3n) {
    margin-right: 2%;
  }
  #itWoman .itLife .itInner .columnBox .column:nth-child(2n) {
    margin-right: 0;
  }
  #itWoman .itcharm .charmInner .titleFlex .titleWrap h2 {
    padding-top: 10%;
  }
  #itWoman .itcharm .charmInner .titleFlex .titleWrap h2 span::before {
    margin-top: 10%;
  }
  #itWoman .itcharm .charmInner .titleFlex .titleWrap figure {
    top: 0;
    bottom: 0;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTtl h3 {
    font-size: 20px;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop {
    display: block;
    padding: 15% 0 0;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop figure {
    width: 100%;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile {
    width: 100%;
    padding-left: 0;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile p, #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .cpName {
    padding: 2% 0;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile p.company, #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .cpName.company {
    padding-top: 5%;
  }
}
@media screen and (max-width: 896px) {
  #specialIndex #sccList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 0 0 -5%;
    padding: 0 5%;
  }
  #specialIndex #sccList a {
    display: block;
    width: 45%;
    margin: 15px 0 0 5%;
    text-decoration: none;
  }
  #specialIndex #sccList a:nth-of-type(1), #specialIndex #sccList a:nth-of-type(2), #specialIndex #sccList a:nth-of-type(3), #specialIndex #sccList a:nth-of-type(4) {
    margin: 0 0 0 5%;
  }
  #specialIndex #sccList a:nth-of-type(3), #specialIndex #sccList a:nth-of-type(4) {
    margin: 15px 0 0 5%;
  }
  #specialIndex #sccList a:hover figure img {
    -webkit-transform: none;
            transform: none;
  }
  #specialIndex #sccList a figure {
    margin: 0 0 2px;
  }
  #specialIndex #sccList a figure img {
    -webkit-transition: none;
    transition: none;
  }
  #specialIndex #sccList a p {
    font-size: 100%;
    text-align: center;
  }
  .sscPt {
    margin: 70px 0 0;
    height: 40vh;
  }
  .sscPt img {
    height: 40vh;
  }
  #sscOc p.qrGuideBtn a {
    padding: 14px 0;
    font-size: 108%;
  }
  #sscOc p.qrGuideBtn a i {
    margin: 0 10px 0 0;
  }
  #sscOc p.entryBtn {
    width: 100%;
    margin: 0 auto;
  }
  #sscOc p.entryBtn a {
    font-size: 100%;
    padding: 12px 0;
  }
  #sscOc .contSec {
    padding: 0 5%;
  }
  #sscOc .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #sscOc .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #sscOc #intro p.readTxt {
    font-size: 100%;
    margin: 10px 0 0;
  }
  #sscOc #intro article {
    margin: 15px 0 0;
  }
  #sscOc #intro article h4 {
    margin: 0 0 10px;
  }
  #sscOc #intro article ul.dayList {
    margin: 0;
  }
  #sscOc #intro article ul.dayList li {
    width: 100%;
    margin: 10px 0 0;
    font-size: 131%;
    padding: 5px 0 10px;
    border: none;
    background: #F0F0F0;
  }
  #sscOc #intro article ul.dayList li:nth-child(1), #sscOc #intro article ul.dayList li:nth-child(2), #sscOc #intro article ul.dayList li:nth-child(3) {
    margin: 10px 0 0;
  }
  #sscOc #intro article ul.dayList li span.time {
    font-size: 70%;
    display: inline-block;
    line-height: 1.6;
    margin: 0 0 0 10px;
  }
  #sscOc #qrCode .qrWrap article {
    margin: 40px 0 0;
  }
  #sscOc #qrCode .qrWrap article:first-of-type {
    margin: 0;
  }
  #sscOc #qrCode .qrWrap article:first-of-type::before {
    display: none;
  }
  #sscOc #qrCode .qrWrap article::before {
    font-size: 139%;
    top: -40px;
    left: 50%;
    margin: 0 0 0 -16px;
  }
  #sscOc #qrCode .qrWrap article .midashiTitle {
    padding: 10px 1em;
  }
  #sscOc #qrCode .qrWrap article .midashiTitle p {
    padding: 2px 8px;
    font-size: 100%;
  }
  #sscOc #qrCode .qrWrap article .midashiTitle p span {
    font-size: 77%;
  }
  #sscOc #qrCode .qrWrap article .midashiTitle h4 {
    font-size: 108%;
  }
  #sscOc #qrCode .qrWrap article .flowWrap {
    padding: 10px 1em;
  }
  #sscOc #qrCode .qrWrap article .flowWrap p {
    font-size: 100%;
  }
  #sscOc #detail table {
    width: 100%;
    margin: 0 0 20px;
  }
  #sscOc #detail table tbody tr th, #sscOc #detail table tbody tr td {
    display: block;
    padding: 10px;
  }
  #sscOc #detail table tbody tr th {
    text-align: left;
    width: 100%;
  }
  #sscOc #detail table tbody tr td {
    width: 100%;
  }
  #sscOc #COVID19, #sscOc #access {
    padding: 30px 4%;
    border-radius: 0px;
  }
  #sscOc #COVID19 ul, #sscOc #access ul {
    margin: 0 0 10px;
  }
  #sscOc #COVID19 ul li, #sscOc #access ul li {
    font-size: 93%;
    list-style: disc;
  }
  #sscOc #COVID19 p.chuiTxt, #sscOc #access p.chuiTxt {
    font-size: 93%;
  }
  #sscOc #movieWrap {
    width: 100%;
    margin: 30px auto 0;
  }
  #sangiAward .contSec {
    padding: 0 5%;
  }
  #sangiAward .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #sangiAward .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #sangiAward #intro p.readTxt {
    font-size: 100%;
    margin: 0 0 15px;
  }
  #sangiAward #intro ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #sangiAward #intro ul li {
    width: 100%;
    margin: 5px 0 0;
  }
  #sangiAward #intro ul li:first-child {
    margin: 0;
  }
  #sangiAward #intro ul li a {
    font-weight: normal;
    padding: 14px 0;
    border-radius: 2px;
  }
  #sangiAward #intro ul li a::before {
    right: 1em;
  }
  #sangiAward #graphic article,
  #sangiAward #it article {
    margin: 20px 0 0;
  }
  #sangiAward #graphic .about .flexBox,
  #sangiAward #it .about .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #sangiAward #graphic .about .flexBox img,
  #sangiAward #it .about .flexBox img {
    width: 50%;
    margin: 0 auto 15px;
  }
  #sangiAward #graphic .about .flexBox div,
  #sangiAward #it .about .flexBox div {
    width: 100%;
    padding: 0;
  }
  #sangiAward #graphic .about .flexBox div .btn,
  #sangiAward #it .about .flexBox div .btn {
    width: 100%;
    margin: 15px 0 0;
  }
  #sangiAward #graphic .about .flexBox div .btn a,
  #sangiAward #it .about .flexBox div .btn a {
    font-weight: normal;
    font-size: 85%;
    padding: 12px 0;
  }
  #sangiAward #graphic .oubo table,
  #sangiAward #it .oubo table {
    font-size: 93%;
  }
  #sangiAward #graphic .oubo table tbody tr,
  #sangiAward #it .oubo table tbody tr {
    border-bottom: none;
  }
  #sangiAward #graphic .oubo table tbody tr:first-of-type,
  #sangiAward #it .oubo table tbody tr:first-of-type {
    border-top: none;
  }
  #sangiAward #graphic .oubo table tbody tr th, #sangiAward #graphic .oubo table tbody tr td,
  #sangiAward #it .oubo table tbody tr th,
  #sangiAward #it .oubo table tbody tr td {
    display: block;
    padding: 10px;
  }
  #sangiAward #graphic .oubo table tbody tr th,
  #sangiAward #it .oubo table tbody tr th {
    width: 100%;
    text-align: left;
  }
  #sangiAward #graphic .oubo table tbody tr td,
  #sangiAward #it .oubo table tbody tr td {
    border-top: 1px solid #DDD;
    width: 100%;
  }
  #sangiAward #graphic .oubo table tbody tr td p.redTxt,
  #sangiAward #it .oubo table tbody tr td p.redTxt {
    font-size: 116%;
    font-weight: bold;
  }
  #sangiAward #graphic .oubo table tbody tr td p.mTitle,
  #sangiAward #it .oubo table tbody tr td p.mTitle {
    font-size: 93%;
  }
  #sangiAward #graphic .oubo table tbody tr td .bumon,
  #sangiAward #it .oubo table tbody tr td .bumon {
    margin: 0 0 15px;
  }
  #sangiAward #graphic .oubo table tbody tr td .bumon p.bumonTitle,
  #sangiAward #it .oubo table tbody tr td .bumon p.bumonTitle {
    font-size: 108%;
    margin: 0 0 10px;
  }
  #sangiAward #graphic .oubo table tbody tr td .bumon .theme,
  #sangiAward #it .oubo table tbody tr td .bumon .theme {
    margin: 5px 0 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #sangiAward #graphic .oubo table tbody tr td .bumon .theme div,
  #sangiAward #it .oubo table tbody tr td .bumon .theme div {
    width: 100%;
    margin: 10px 0 0;
  }
  #sangiAward #graphic .oubo table tbody tr td .bumon .theme div:first-of-type,
  #sangiAward #it .oubo table tbody tr td .bumon .theme div:first-of-type {
    margin: 0;
  }
  #sangiAward #graphic .oubo table tbody tr td .bumon .theme div p.themeTitle,
  #sangiAward #it .oubo table tbody tr td .bumon .theme div p.themeTitle {
    padding: 5px 10px;
  }
  #sangiAward #graphic .oubo table tbody tr td .bumon .theme div p.themeTitle span,
  #sangiAward #it .oubo table tbody tr td .bumon .theme div p.themeTitle span {
    font-size: 116%;
    margin: 0 0 0 10px;
  }
  #sangiAward #graphic .oubo table tbody tr td .bumon .theme div p.themeTxt,
  #sangiAward #it .oubo table tbody tr td .bumon .theme div p.themeTxt {
    font-size: 93%;
  }
  #sangiAward #graphic .oubo table tbody tr td .bumon .kitei ul li,
  #sangiAward #it .oubo table tbody tr td .bumon .kitei ul li {
    font-size: 93%;
  }
  #sangiAward #graphic .oubo table tbody tr td .method,
  #sangiAward #it .oubo table tbody tr td .method {
    margin: 10px 0 0;
  }
  #sangiAward #graphic .oubo table tbody tr td .method:first-of-type,
  #sangiAward #it .oubo table tbody tr td .method:first-of-type {
    margin: 0;
  }
  #sangiAward #graphic .oubo table tbody tr td .btn ul,
  #sangiAward #it .oubo table tbody tr td .btn ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #sangiAward #graphic .oubo table tbody tr td .btn ul li,
  #sangiAward #it .oubo table tbody tr td .btn ul li {
    width: 100%;
    margin: 5px 0 0;
  }
  #sangiAward #graphic .oubo table tbody tr td .btn ul li:first-of-type,
  #sangiAward #it .oubo table tbody tr td .btn ul li:first-of-type {
    margin: 0;
  }
  #sangiAward #graphic .oubo table tbody tr td .btn ul li a,
  #sangiAward #it .oubo table tbody tr td .btn ul li a {
    border-radius: 2px;
    padding: 12px 0;
  }
  #sangiAward #graphic p.btn,
  #sangiAward #it p.btn {
    width: 100%;
    margin: 0;
  }
  #sangiAward #graphic p.btn a,
  #sangiAward #it p.btn a {
    font-weight: normal;
    font-size: 100%;
    padding: 14px 0;
  }
  #sangiAward #graphic p.btn a::before,
  #sangiAward #it p.btn a::before {
    right: 1em;
  }
  #sangiAward #it .oubo table tbody tr td .bumon {
    margin: 0 0 15px;
  }
  #sangiAward #privacy {
    padding: 20px 1.6em 30px;
    border-radius: 0;
  }
  #sangiAward #privacy p.readTxt {
    font-size: 100%;
    margin: 0 0 10px;
  }
  #sangiAward #privacy dl {
    border-radius: 5px;
    padding: 15px 1.2em;
  }
  #sangiAward #privacy dl dt {
    font-size: 93%;
    padding: 8px 0 0;
    margin: 8px 0 0;
  }
  #sangiAward #privacy dl dd {
    font-size: 85%;
  }
  #sangiAwardAirchive .contSec {
    padding: 0 5%;
  }
  #sangiAwardAirchive .contSec h3 {
    font-size: 139%;
    padding: 0;
    line-height: 1.6;
    margin: 0 0 10px;
  }
  #sangiAwardAirchive .contSec h3::before {
    width: 25px;
    height: 25px;
    top: -3px;
    left: -10px;
  }
  #sangiAwardAirchive #graphic p.readTxt {
    font-size: 131%;
    margin: 0 0 10px;
  }
  #sangiAwardAirchive #graphic div.bumon {
    margin: 30px 0 0;
  }
  #sangiAwardAirchive #graphic div.bumon article {
    margin: 20px 0 0;
  }
  #sangiAwardAirchive #graphic div.bumon article:first-of-type {
    margin: 0;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix.flexBox {
    margin: 0 0 20px;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix a {
    width: 100%;
    margin: 0 0 10px;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix a:hover {
    opacity: 0.9;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix div {
    width: 100%;
    padding: 0;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix div p.awardTitle {
    font-size: 131%;
    padding: 0 0 0 2.1em;
    margin: 0 0 5px;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix div p.awardTitle::before {
    font-size: 124%;
    top: 50%;
    left: 0;
    margin: -24px 0 0;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix div dl {
    font-size: 93%;
    border-bottom: none;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix div dl::after {
    display: none;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix div dl dt, #sangiAwardAirchive #graphic div.bumon article .grandprix div dl dd {
    float: none;
    padding: 10px;
    border-top: none;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix div dl dt {
    width: 100%;
    clear: none;
  }
  #sangiAwardAirchive #graphic div.bumon article .grandprix div dl dd {
    border-top: 1px solid #DDD;
    width: 100%;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box {
    width: 100%;
    margin: 15px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #f0f3f6;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box:first-of-type {
    margin: 0;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box p.awardTitle {
    width: 100%;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box p.awardTitle::before {
    right: 4%;
    margin: -20px 0 0;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box a {
    width: 35%;
    height: auto;
    margin: 12px 0 0 4%;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box a:hover img {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box a img {
    height: auto;
    -webkit-transition: none;
    transition: none;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box dl {
    background: none;
    width: 60%;
    padding: 12px 4%;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box dl::after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    font-size: 0;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dt, #sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dd {
    text-align: left;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dt {
    width: 100%;
    font-size: 85%;
    background: none;
    color: #333;
    font-weight: bold;
    padding: 0;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dt:first-of-type {
    margin: 0;
  }
  #sangiAwardAirchive #graphic div.bumon article .flexBox .box dl dd {
    width: 100%;
    padding: 0;
    font-size: 93%;
  }
  #sangiAwardAirchive #graphic div.bumon article .scrollTable {
    padding: 0;
    width: 100%;
    margin: 0;
  }
  #sangiAwardAirchive #graphic div.bumon article table {
    font-size: 93%;
  }
  #sangiAwardAirchive #it .itBumon {
    margin: 30px 0 0;
  }
  #sangiAwardAirchive #it .itBumon p.readTxt {
    font-size: 108%;
    margin: 0 0 10px;
  }
  #sangiAwardAirchive #it .itBumon .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #sangiAwardAirchive #it .itBumon .flexBox div {
    width: 100%;
    margin: 20px 0 0;
  }
  #sangiAwardAirchive #it .itBumon .flexBox div:first-of-type {
    margin: 0;
  }
  #sangiAwardAirchive #it .itBumon .flexBox div p.title {
    font-size: 100%;
    font-weight: bold;
    padding: 5px 1em;
    margin: 0;
  }
  #sangiAwardAirchive #it .itBumon .flexBox div table {
    font-size: 93%;
    width: 100%;
  }
  #sangiAwardAirchive #it .itBumon .flexBox div table tbody tr th, #sangiAwardAirchive #it .itBumon .flexBox div table tbody tr td {
    padding: 10px;
  }
  #sangiAwardAirchive #btnList ul {
    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;
    margin: 0;
  }
  #sangiAwardAirchive #btnList ul li {
    width: 100%;
    margin: 1px 0 0;
  }
  #sangiAwardAirchive #btnList ul li:first-child {
    margin: 0;
  }
  #sangirl {
    padding: 0 0 20px;
  }
  #sangirl p.sangirlTitle {
    font-size: 124%;
    padding: 10px 0.8em;
    margin: 0 0 15px;
  }
  #sangirl #listen .flexBox {
    padding: 20px 5% 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #sangirl #listen .flexBox figure {
    width: 100%;
    margin: 0 0 20px;
  }
  #sangirl #listen .flexBox p {
    width: 100%;
    padding: 0;
    font-size: 131%;
    text-align: center;
  }
  #sangirl #interview .girlCont {
    margin: 30px 0 0;
    padding: 30px 5% 0;
  }
  #sangirl #interview .girlCont:first-of-type {
    margin: 0;
    padding: 0 5%;
    border-top: none;
  }
  #sangirl #interview .girlCont .intro {
    margin: 0 0 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #sangirl #interview .girlCont .intro .girlMv {
    width: 100%;
    position: relative;
  }
  #sangirl #interview .girlCont .intro .girlMv::before {
    width: 200px;
    height: 200px;
    top: 80px;
    left: 50%;
    margin: 0 0 0 -50px;
    z-index: -1;
  }
  #sangirl #interview .girlCont .intro .girlMv p.girlNumber {
    font-size: 131%;
    margin: 0 0 10px;
  }
  #sangirl #interview .girlCont .intro .girlMv img {
    margin: 0 auto 15px;
    width: 230px;
    height: 230px;
  }
  #sangirl #interview .girlCont .intro .girlMv div {
    margin: 0 0 25px;
  }
  #sangirl #interview .girlCont .intro .girlMv div p.series {
    padding: 3px 1em;
  }
  #sangirl #interview .girlCont .intro .girlMv div p.course {
    font-size: 85%;
  }
  #sangirl #interview .girlCont .intro .girlMv div p.from {
    font-size: 85%;
    margin: 0 0 5px;
  }
  #sangirl #interview .girlCont .intro .girlMv div p.sangirlName {
    font-size: 154%;
  }
  #sangirl #interview .girlCont .intro .fukidashi {
    border-radius: 5px;
    padding: 24px 1.2em;
    width: 100%;
  }
  #sangirl #interview .girlCont .intro .fukidashi::after {
    top: -24px;
    left: 50%;
    margin: 0 0 0 -15px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  #sangirl #interview .girlCont .intro .fukidashi p.qTxt {
    margin: 10px 0 0;
  }
  #sangirl #interview .girlCont .qaWrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 20px 0 0;
  }
  #sangirl #interview .girlCont .qaWrap:first-of-type {
    margin: 0;
  }
  #sangirl #interview .girlCont .qaWrap img {
    width: 100%;
    margin: 0 0 15px;
  }
  #sangirl #interview .girlCont .qaWrap div {
    width: 100%;
    padding: 0;
  }
  #sangirl #interview .girlCont p.qTxt {
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 10px;
  }
  #sangirl #interview .girlCont p.qTxt::before {
    height: 10px;
    bottom: 5px;
  }
  #sangirl #interview .girlCont p.aTxt {
    font-size: 93%;
  }
  #sangirl #interview #homeSangirl {
    margin: 40px 0 0;
    padding: 0 2%;
  }
  #sangirl #interview #homeSangirl h2 {
    margin: 0 0 15px;
  }
  #sangirl #interview #homeSangirl p {
    margin: 0 0 20px;
  }
  #facility .contSec {
    padding: 0 5%;
  }
  #facility #intro p.readTxt {
    font-size: 154%;
    line-height: 1.4;
    margin: 0 0 10px;
  }
  #facility #intro p.txt {
    font-size: 100%;
  }
  #facility #cont .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  #facility #cont .flexBox a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    border-top: 1px solid #DDD;
    text-decoration: none;
    position: relative;
  }
  #facility #cont .flexBox a::before {
    content: "\f00e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    position: absolute;
    color: #CCC;
    font-size: 70%;
    top: 50%;
    right: 0;
    margin: -11px 0 0;
  }
  #facility #cont .flexBox a:nth-of-type(1), #facility #cont .flexBox a:nth-of-type(2), #facility #cont .flexBox a:nth-of-type(3) {
    margin: 0;
  }
  #facility #cont .flexBox a:nth-of-type(1) {
    padding: 0 0 10px;
    border-top: none;
  }
  #facility #cont .flexBox a img {
    width: 30%;
    height: auto;
    border-radius: 0;
    margin: 0;
  }
  #facility #cont .flexBox a p {
    width: 70%;
    padding: 0 0 0 4%;
    font-size: 100%;
  }
  #itWoman {
    padding: 0 5%;
  }
  #sscDigitalMng img {
    width: 100%;
    height: auto;
  }
  #sscDigitalMng img.spNone {
    display: none;
  }
  #sscDigitalMng img.dtNone {
    display: block;
  }
  #sscDigitalMng .dmSec p.secCopy {
    font-size: 200%;
    line-height: 1.5;
    margin: 0 0 20px;
  }
  #sscDigitalMng .dmSec p.secSubCopy {
    font-size: 139%;
    line-height: 1.4;
    margin: 0 0 20px;
  }
  #sscDigitalMng .dmSec p.secAcCopy {
    font-size: 116%;
    line-height: 1.5;
  }
  #sscDigitalMng #secA {
    margin: 0 0 50px;
    padding: 0 5%;
  }
  #sscDigitalMng #secA #intro {
    margin: 0 0 20px;
  }
  #sscDigitalMng #secA #intro p.txt {
    font-size: 93%;
    line-height: 1.6;
  }
  #sscDigitalMng #secA article#secA_A {
    margin: 0 0 30px;
  }
  #sscDigitalMng #secA article#secA_A .box {
    margin: 20px 0 0;
    padding: 30px 20px;
    border-radius: 15px;
  }
  #sscDigitalMng #secA article#secA_A .box:first-of-type {
    margin: 0;
  }
  #sscDigitalMng #secA article#secA_A .box p.boxTitle {
    font-size: 124%;
    padding: 2px 0 2px 0.6em;
    border-left: 4px solid #FFF;
    margin: 0 0 10px;
  }
  #sscDigitalMng #secA article#secA_A .box p.boxTitle span {
    font-size: 11px;
  }
  #sscDigitalMng #secA article#secA_A .box p.txt {
    font-size: 93%;
    line-height: 1.6;
    margin: 0 0 20px;
  }
  #sscDigitalMng #secA article#secA_B .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    padding: 45px 0 0;
  }
  #sscDigitalMng #secA article#secA_B .flexBox .box {
    width: 100%;
    border: 3px solid #36b1a7;
    padding: 20px;
    border-radius: 15px;
    margin: 60px 0 0;
    position: relative;
  }
  #sscDigitalMng #secA article#secA_B .flexBox .box p.boxTitle {
    font-size: 124%;
    margin: 0 0 20px;
  }
  #sscDigitalMng #secA article#secA_B .flexBox .box figure {
    width: 60%;
    margin: 0 auto 20px;
  }
  #sscDigitalMng #secA article#secA_B .flexBox .box p.txt {
    font-size: 93%;
    padding: 0 6.5%;
    line-height: 1.5;
  }
  #sscDigitalMng #secA article#secA_B .flexBox .box span {
    top: -50px;
    right: 10px;
  }
  #sscDigitalMng #secB {
    margin: 0 0 40px;
    padding: 0 5%;
  }
  #sscDigitalMng #secB article#secB_A {
    margin: 0 0 40px;
  }
  #sscDigitalMng #secB article#secB_A .flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 30px 0 0;
  }
  #sscDigitalMng #secB article#secB_A .flexBox:first-of-type {
    margin: 0;
  }
  #sscDigitalMng #secB article#secB_A .flexBox p.boxTitle {
    padding: 10px 0.8em;
    font-size: 116%;
    line-height: 1.5;
    margin: 0 0 20px;
  }
  #sscDigitalMng #secB article#secB_A .flexBox figure {
    width: 100%;
    margin: 0 0 15px;
  }
  #sscDigitalMng #secB article#secB_A .flexBox div {
    width: 100%;
    padding: 0;
  }
  #sscDigitalMng #secB article#secB_A .flexBox div p {
    font-size: 93%;
    line-height: 1.6;
  }
  #sscDigitalMng #secB article#secB_B {
    padding: 30px 20px;
    border-radius: 15px;
  }
  #sscDigitalMng #secB article#secB_B p.secSubCopy {
    font-size: 139%;
  }
  #sscDigitalMng #secB article#secB_B figure {
    width: 100%;
    margin: 0 0 20px;
  }
  #sscDigitalMng #secB article#secB_B .flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #sscDigitalMng #secB article#secB_B .flexBox .box {
    width: 100%;
    margin: 0 0 25px;
  }
  #sscDigitalMng #secB article#secB_B .flexBox .box:nth-of-type(1), #sscDigitalMng #secB article#secB_B .flexBox .box:nth-of-type(3) {
    margin: 0 0 25px;
  }
  #sscDigitalMng #secB article#secB_B .flexBox .box p.boxTitle {
    font-size: 124%;
  }
  #sscDigitalMng #secB article#secB_B .flexBox .box p.boxTitle span {
    font-size: 11px;
    margin: 0 1.6em 0 0;
  }
  #sscDigitalMng #secB article#secB_B .flexBox .box p.txt {
    font-size: 93%;
    line-height: 1.6;
  }
  #sscDigitalMng #secC {
    margin: 0 0 40px;
  }
  #sscDigitalMng #secC figure {
    width: 90%;
    margin: 0 auto 15px;
  }
  #sscDigitalMng #secC p.txt {
    padding: 0 5%;
    font-size: 100%;
    margin: 0 0 15px;
  }
  #sscDigitalMng #secC p.btn {
    width: 90%;
    margin: 0 auto;
  }
  #sscDigitalMng #secC p.btn a {
    font-size: 108%;
    padding: 14px 0;
  }
  #sscDigitalMng #secE {
    margin: 0 0 40px;
  }
  #sscDigitalMng #secE figure {
    margin: 0;
  }
  #sscDigitalMng #secE .cTitle {
    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;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 0 0 20px;
  }
  #sscDigitalMng #secE .cTitle p.cTitleA {
    width: 100%;
    padding: 5px 0;
    text-align: center;
    font-size: 124%;
    height: unset;
  }
  #sscDigitalMng #secE .cTitle p.cTitleA span {
    font-weight: normal;
    background-color: red;
    padding: 2px 8px;
    border-radius: 3px;
    margin: 0 10px 0 0;
    font-size: 16px;
  }
  #sscDigitalMng #secE .cTitle p.cTitleB {
    width: 100%;
    text-align: center;
    padding: 5px 0;
    font-size: 124%;
    height: unset;
  }
  #sscDigitalMng #secE .txtWrap {
    margin: 0 0 40px;
    padding: 0 5%;
  }
  #sscDigitalMng #secE .txtWrap p.txtWrapTitle {
    font-size: 124%;
    margin: 0 0 10px;
  }
  #sscDigitalMng #secE .txtWrap p.txtWrapTxt {
    font-size: 93%;
    margin: 0;
  }
  #sscDigitalMng #secE #aim {
    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;
  }
  #sscDigitalMng #secE #aim article {
    width: 100%;
    margin: 30px 0 0;
  }
  #sscDigitalMng #secE #aim article:first-of-type {
    margin: 0;
  }
  #sscDigitalMng #secE #aim article h3 {
    background: #36b1a7;
    color: #FFF;
    margin: 0 0 15px;
    font-size: 116%;
    padding: 7px 1em;
  }
  #sscDigitalMng #secE #aim article ul {
    padding: 0 0 0 2.2em;
  }
  #sscDigitalMng #secE #aim article ul li {
    font-size: 93%;
  }
}
@media screen and (max-width: 480px) {
  #itWoman .entryBtnWrap p.backIndexBtn {
    width: 70%;
    margin: 0 0 0 -35%;
  }
  #itWoman h2 {
    font-size: 21px;
  }
  #itWoman .smaon {
    display: block;
  }
  #itWoman .smaoff {
    display: none;
  }
  #itWoman .cImg {
    display: none;
  }
  #itWoman .itFuture .ifInner .txt .txtBox h3 {
    padding: 3% 5% 3% 3%;
    font-size: 15px;
    margin: 1em 0;
  }
  #itWoman .itLife .itInner .columnBox {
    display: block;
  }
  #itWoman .itLife .itInner .columnBox .column {
    width: 100%;
  }
  #itWoman .itcharm .charmInner .titleFlex {
    display: block;
  }
  #itWoman .itcharm .charmInner .titleFlex .titleWrap {
    width: 100%;
  }
  #itWoman .itcharm .charmInner .titleFlex .titleWrap .cImg {
    display: none;
  }
  #itWoman .itcharm .charmInner .titleFlex .titleWrap h2 span {
    padding-left: 4%;
  }
  #itWoman .itcharm .charmInner .titleFlex .titleWrap h2 span::before {
    width: 70px;
    height: 70px;
    margin-top: 0;
    top: 8%;
  }
  #itWoman .itcharm .charmInner .charmCont h3 {
    font-size: 17px;
    padding: 10px 1em;
  }
  #itWoman .itcharm .charmInner .charmCont .cFlexTxt {
    display: block;
  }
  #itWoman .itcharm .charmInner .charmCont .cFlexTxt .cTxt {
    width: 100%;
    margin-top: 5%;
  }
  #itWoman .itcharm .charmInner .charmCont .cFlexTxt .cTxt figure {
    margin-bottom: 0;
  }
  #itWoman .itcharm .charmInner .charmCont .cFlexTxt .cTxt figure span {
    margin-bottom: 0;
  }
  #itWoman .itcharm .charmInner .charmCont .cFlexTxt .cTxt p {
    padding-top: 5%;
  }
  #itWoman .itcharm .charmInner .charmCont .cFlexTxt .cImgTxt {
    display: block;
  }
  #itWoman .itcharm .charmInner .charmCont .cFlexTxt .cImgTxt figure {
    width: 50%;
    margin: 5% auto;
  }
  #itWoman .itcharm .charmInner .charmCont .cFlexTxt .cImgTxt p {
    width: 100%;
    padding: 0;
  }
  #itWoman .itcharm .charmInner .charmCont .cFlexTxt .cImgTxt.reverse p {
    padding: 0;
  }
  #itWoman #itbLinkList ul {
    padding: 0;
    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;
  }
  #itWoman #itbLinkList ul li {
    width: 100%;
    margin: 15px 0 0;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTtl {
    position: static;
    display: block;
    padding: 0;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTtl figure {
    width: 80px;
    margin: 0 auto 10px;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTtl h3 {
    font-size: 17px;
    padding-left: 0;
    margin-bottom: 15px;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTtl h3 br {
    display: none;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop {
    display: block;
    padding: 0;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop figure {
    width: 100%;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile {
    width: 100%;
    padding-left: 0;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .pName {
    font-size: 20px;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTop .profile .pName span {
    font-size: 15px;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTxt h3 {
    font-size: 16px;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTxt span {
    text-align: left;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTxt span br {
    display: none;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivTxt p {
    font-size: 14px;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp {
    display: block;
    margin: 5% auto 0;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp figure {
    width: 100%;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp .cpTxt {
    width: 100%;
    margin-top: 5%;
    padding: 5%;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp .cpTxt figure {
    margin: 0 auto;
    width: 70%;
  }
  #itWoman .itInterview .ivInner .interviewBox .ivbWrap .ivCp .cpTxt p {
    margin: 20px 0;
    font-size: 14px;
  }
  #itWoman .itInterview .ivInner .interviewBox.reverse .ivbWrap .ivTtl {
    padding: 0;
  }
  #itWoman .itInterview .ivInner .interviewBox.reverse .ivbWrap .ivTtl h3 {
    padding: 0;
  }
  #itWoman .itInterview .ivInner .interviewBox.reverse .ivbWrap .ivTop .profile {
    padding: 0;
  }
}
.strongPt {
  margin: -650px 0 0;
  width: 100%;
  height: 85vh;
  position: relative;
}
.strongPt img {
  width: 100%;
  height: 85vh;
  -o-object-fit: cover;
     object-fit: cover;
}

#strong {
  padding: 0 4% 0 360px;
}
#strong .contSec p.readTxt {
  font-size: 108%;
  margin: 20px 0 0;
}
#strong .contSec h3 {
  line-height: 1;
  border-left: none;
  background: none;
  padding: 0;
  font-size: 277%;
  font-weight: bold;
  padding: 0 0 0 50px;
  margin: 0;
  color: #222;
  position: relative;
}
#strong .contSec h3::before {
  content: "";
  display: block;
  width: 30px;
  height: 1px;
  background: #222;
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0;
}
#strong .contSec h3 span {
  font-weight: normal;
  font-size: 200%;
  font-style: italic;
  color: #059dd4;
  margin: 0 10px 0 0;
}
#strong .contSec h4 {
  font-size: 131%;
  display: inline-block;
  background: #059dd4;
  border-bottom: none;
  color: #FFF;
  padding: 6px 1.6em;
  border-radius: 30px;
  margin: 0 0 15px;
}
#strong .contSec article {
  margin: 40px 0 0;
}
#strong #btnList ul {
  padding: 0 0 0 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#strong #btnList ul li {
  width: 33.3333%;
  border-left: 1px solid #DDD;
}
#strong #btnList ul li:first-of-type {
  border-left: none;
}
#strong #btnList ul li a {
  font-size: 139%;
  display: block;
  padding: 20px 0;
  text-align: center;
  color: #222;
  text-decoration: none;
  position: relative;
}
#strong #btnList ul li a::before {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  color: #222;
  bottom: 0;
  left: 50%;
  margin: 0;
}
#strong #btnList ul li a::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #f0f3f6;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  z-index: -1;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
          transform-origin: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#strong #btnList ul li a span {
  font-size: 177%;
  font-style: italic;
  color: #059dd4;
  margin: 0 10px 0 0;
}
#strong #btnList ul li a:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
#strong #education {
  margin: 40px 0 0;
  position: relative;
}
#strong #education::before {
  content: "";
  display: block;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  background: #f0f3f6;
  position: absolute;
  top: -110px;
  left: -100px;
  z-index: -1;
}
#strong #education #edu01,
#strong #education #edu02,
#strong #education #edu03 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#strong #education #edu01 .imgWrap,
#strong #education #edu02 .imgWrap,
#strong #education #edu03 .imgWrap {
  width: 35%;
}
#strong #education #edu01 .txtWrap,
#strong #education #edu02 .txtWrap,
#strong #education #edu03 .txtWrap {
  width: 65%;
  padding: 0 4% 0 0;
}
#strong #education #edu04 ul#listWrap {
  margin: 20px 0 0;
  border-radius: 10px;
  background: #f0f3f6;
  padding: 30px 5%;
  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;
}
#strong #education #edu04 ul#listWrap li {
  margin: 0 0 3px;
  width: 50%;
  list-style: disc;
  font-size: 77%;
  letter-spacing: -0.03em;
}
#strong #education #edu05 {
  background: url("/assets/img/strong/kankyo.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 80px 0;
  text-align: center;
  position: relative;
}
#strong #education #edu05::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
#strong #education #edu05 h4, #strong #education #edu05 p {
  position: relative;
  z-index: 1;
}
#strong #education #edu05 h4 {
  padding: 0;
  margin: 0 0 10px;
  background: none;
  font-size: 200%;
  border-radius: 0;
  border-bottom: none;
}
#strong #education #edu05 p.txt {
  font-size: 108%;
  font-weight: bold;
  margin: 0 0 30px;
  color: #FFF;
}
#strong #education #edu05 p.btn {
  width: 33.3333%;
  margin: 0 auto;
}
#strong #education #edu05 p.btn a {
  font-weight: bold;
  font-size: 108%;
  display: block;
  padding: 20px 0;
  text-align: center;
  background: #059dd4;
  color: #FFF;
  text-decoration: none;
  position: relative;
}
#strong #education #edu05 p.btn a::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 70%;
  top: 50%;
  right: 20px;
  margin: -11px 0 0;
}
#strong #education #edu05 p.btn a:hover {
  background: #007daa;
  color: #FFF;
}
#strong #license {
  margin: 150px 0 0;
  position: relative;
}
#strong #license::before {
  content: "";
  display: block;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  background: #f0f3f6;
  position: absolute;
  top: -110px;
  left: -100px;
  z-index: -1;
}
#strong #license #ics01 h4 {
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0 0 10px;
  background: none;
  font-size: 254%;
  border-radius: 0;
  border-bottom: none;
  color: #222;
}
#strong #license #ics01 h4 span {
  line-height: 1;
  font-size: 50%;
  display: block;
}
#strong #license #ics01 h4 span.bdr {
  font-size: 177%;
  display: inline-block;
  position: relative;
  color: #45358e;
}
#strong #license #ics01 h4 span.bdr::before {
  content: "";
  display: block;
  width: 100%;
  height: 24px;
  background: #fff5b3;
  position: absolute;
  bottom: 3px;
  left: 0;
  z-index: -1;
}
#strong #license #ics02 h4 span {
  font-size: 70%;
  margin: 0 0 0 15px;
}
#strong #license #ics02 .flexBox {
  margin: 40px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#strong #license #ics02 .flexBox div.shikakuBox {
  width: 48%;
  margin: 40px 0 0;
  padding: 30px;
  border-radius: 10px;
  background: #f0f3f6;
}
#strong #license #ics02 .flexBox div.shikakuBox:nth-of-type(1), #strong #license #ics02 .flexBox div.shikakuBox:nth-of-type(2) {
  margin: 0;
}
#strong #license #ics02 .flexBox div.shikakuBox p.lcsName {
  font-size: 154%;
  font-weight: bold;
  margin: 0;
  color: #059dd4;
}
#strong #license #ics02 .flexBox div.shikakuBox dl {
  margin: 10px 0 0;
}
#strong #license #ics02 .flexBox div.shikakuBox dl::after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
}
#strong #license #ics02 .flexBox div.shikakuBox dl dt, #strong #license #ics02 .flexBox div.shikakuBox dl dd {
  float: left;
}
#strong #license #ics02 .flexBox div.shikakuBox dl dt {
  font-size: 93%;
  font-weight: bold;
  width: 65%;
  padding: 8px 0 0;
  clear: both;
  margin: 10px 0 0 0;
}
#strong #license #ics02 .flexBox div.shikakuBox dl dd {
  width: 35%;
  text-align: right;
  margin: 0;
}
#strong #license #ics02 .flexBox div.shikakuBox dl dd span.odometer {
  display: inline-block;
  margin: 0 8px 0 0;
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  font-weight: bold;
  color: #f0832c;
  font-size: 400%;
  line-height: 1;
  margin: 0 0.1em;
}
#strong #license #ics03 {
  background: url("/assets/img/strong/strong.jpg") no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 80px 10%;
  text-align: center;
  position: relative;
}
#strong #license #ics03::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
#strong #license #ics03 p, #strong #license #ics03 div, #strong #license #ics03 h4 {
  position: relative;
  z-index: 1;
}
#strong #license #ics03 p#strongTitle {
  color: #FFF;
  font-weight: bold;
  font-size: 277%;
  position: relative;
}
#strong #license #ics03 p#strongTitle::before {
  content: "\f0a4";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  position: absolute;
  font-size: 85%;
  color: #fbd300;
  top: 50%;
  left: 50%;
  margin: -34px 0 0 -320px;
}
#strong #license #ics03 div.cont {
  margin: 40px 0 0;
}
#strong #license #ics03 div.cont p {
  color: #FFF;
}
#strong #license #ics03 div.flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#strong #license #ics03 div.flexBox .imgWrap {
  width: 30%;
}
#strong #license #ics03 div.flexBox .txtWrap {
  width: 70%;
  text-align: left;
  padding: 0 0 0 4%;
}
#strong #employment {
  margin: 150px 0 0;
  position: relative;
}
#strong #employment::before {
  content: "";
  display: block;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  background: #f0f3f6;
  position: absolute;
  top: -110px;
  left: -100px;
  z-index: -1;
}
#strong #employment .odometer {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  font-size: 500%;
  font-weight: bold;
  color: #f0832c;
}
#strong #employment #emp01 p#highTitle {
  background: #059dd4;
  color: #FFF;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  font-size: 177%;
  margin: 0 0 15px;
}
#strong #employment #emp01 p#offer {
  text-align: center;
  font-size: 177%;
  font-weight: bold;
  line-height: 3.2;
  margin: 0 0 15px;
}
#strong #employment #emp01 p#offer span.odometer00 {
  line-height: 1;
  vertical-align: bottom;
  margin: 0 0.1em;
}
#strong #employment #emp01 .flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#strong #employment #emp01 .flexBox div.emp01Box {
  width: 48%;
  text-align: center;
}
#strong #employment #emp01 .flexBox div.emp01Box p.boxTitle {
  font-size: 177%;
  font-weight: bold;
  background: #f0f3f6;
  padding: 6px 0;
  margin: 0 0 5px;
}
#strong #employment #emp01 .flexBox div.emp01Box div {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#strong #employment #emp01 .flexBox div.emp01Box div p.odo {
  text-align: center;
  width: 60%;
  line-height: 3.2;
  font-size: 154%;
  font-weight: bold;
}
#strong #employment #emp01 .flexBox div.emp01Box div p.odo span.odometer01,
#strong #employment #emp01 .flexBox div.emp01Box div p.odo span.odometer02 {
  line-height: 1;
  vertical-align: bottom;
  margin: 0 0.1em;
}
#strong #employment #emp01 .flexBox div.emp01Box div figure {
  width: 40%;
}
#strong #employment #emp02 {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
#strong #employment #emp02 .imgWrap {
  width: 100%;
}
#strong #employment #emp02 .txtWrap {
  width: 100%;
  margin: 0;
}
#strong #employment #emp03 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#strong #employment #emp03 div {
  width: 48%;
}
#strong #employment #emp03 div div.flexBox {
  width: 100%;
}
#strong #employment #emp03 div div.flexBox img {
  width: 40%;
  height: 100%;
  margin: 0;
}
#strong #employment #emp03 div div.flexBox p {
  width: 60%;
  padding: 0 0 0 4%;
}
#strong .advice {
  width: 100%;
  height: 700px;
  position: relative;
}
#strong .advice#ics04 {
  background: url("/assets/img/strong/advice01.jpg") no-repeat;
  background-position: 50% 80%;
  background-size: cover;
}
#strong .advice#emp04 {
  background: url("/assets/img/strong/advice02.jpg") no-repeat;
  background-position: 50% 80%;
  background-size: cover;
}
#strong .advice p.adviceTitle {
  text-align: center;
  width: 100%;
  padding: 45px 0 0;
  font-size: 277%;
  font-weight: bold;
}
#strong .advice .box {
  width: 25%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
}
#strong .advice .box#box01 {
  bottom: 40px;
  left: 4%;
}
#strong .advice .box#box02 {
  bottom: 40px;
  right: 4%;
}
#strong .advice .box#box03 {
  bottom: 40px;
  left: 4%;
}
#strong .advice .box#box04 {
  bottom: 40px;
  right: 4%;
}
#strong .advice .box figure {
  display: none;
}
#strong .advice .box div {
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  padding: 15px 8%;
}
#strong .advice .box div p.aBoxTitle {
  font-weight: bold;
  font-size: 108%;
  margin: 0 0 3px;
}
#strong .advice .box div span {
  display: block;
  text-align: right;
  font-size: 93%;
}
#strong .advice .box p.aBoxTxt {
  padding: 15px 8%;
  font-size: 93%;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  .strongPt {
    margin: 70px 0 0;
    height: 25vh;
  }
  .strongPt img {
    height: 25vh;
  }
  #strong {
    padding: 0;
  }
  #strong .contSec p.readTxt {
    font-size: 100%;
    padding: 0 5%;
    margin: 15px 0 0;
  }
  #strong .contSec h3 {
    font-size: 177%;
    padding: 0 5% 0 12%;
  }
  #strong .contSec h3::before {
    width: 15px;
    top: 50%;
    left: 5%;
  }
  #strong .contSec h3 span {
    font-size: 154%;
    margin: 0 8px 0 0;
  }
  #strong .contSec h4 {
    font-size: 100%;
    padding: 4px 1.2em;
    border-radius: 30px;
    margin: 0 0 10px;
  }
  #strong .contSec article {
    margin: 30px 0 0;
  }
  #strong #btnList {
    padding: 0;
  }
  #strong #btnList ul {
    padding: 0;
  }
  #strong #btnList ul li {
    width: 33.3333%;
  }
  #strong #btnList ul li a {
    font-size: 116%;
    padding: 14px 0;
  }
  #strong #btnList ul li a::after {
    display: none;
  }
  #strong #btnList ul li a span {
    font-size: 131%;
    margin: 0 5px 0 0;
  }
  #strong #education {
    margin: 20px 0 0;
  }
  #strong #education::before {
    width: 150px;
    height: 150px;
    top: -55px;
    left: -10px;
  }
  #strong #education #edu01,
  #strong #education #edu02,
  #strong #education #edu03 {
    padding: 0 5%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #strong #education #edu01 .imgWrap,
  #strong #education #edu02 .imgWrap,
  #strong #education #edu03 .imgWrap {
    width: 100%;
    margin: 0 0 15px;
  }
  #strong #education #edu01 .txtWrap,
  #strong #education #edu02 .txtWrap,
  #strong #education #edu03 .txtWrap {
    width: 100%;
    padding: 0;
    font-size: 93%;
  }
  #strong #education #edu04 {
    padding: 0 5%;
  }
  #strong #education #edu04 p {
    font-size: 93%;
  }
  #strong #education #edu04 ul#listWrap {
    margin: 15px 0 0;
    padding: 20px 5% 20px 2em;
    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;
  }
  #strong #education #edu04 ul#listWrap li {
    margin: 0 0 3px;
    width: 100%;
    list-style: disc;
    font-size: 77%;
    letter-spacing: -0.03em;
  }
  #strong #education #edu05 {
    padding: 40px 0;
  }
  #strong #education #edu05::before {
    background: rgba(0, 0, 0, 0.7);
  }
  #strong #education #edu05 h4, #strong #education #edu05 p {
    padding: 0 5%;
  }
  #strong #education #edu05 h4 {
    padding: 0 5%;
    margin: 0 0 10px;
    font-size: 139%;
  }
  #strong #education #edu05 p.txt {
    font-size: 93%;
    margin: 0 0 20px;
  }
  #strong #education #edu05 p.btn {
    width: 100%;
    margin: 0;
  }
  #strong #education #edu05 p.btn a {
    font-size: 100%;
    padding: 14px 0;
  }
  #strong #education #edu05 p.btn a::before {
    right: 1em;
    margin: -10px 0 0;
  }
  #strong #license {
    margin: 50px 0 0;
  }
  #strong #license::before {
    width: 150px;
    height: 150px;
    top: -55px;
    left: -10px;
  }
  #strong #license #ics01 {
    padding: 0 5%;
  }
  #strong #license #ics01 h4 {
    margin: 0 0 10px;
    font-size: 139%;
  }
  #strong #license #ics01 h4 span {
    font-size: 70%;
  }
  #strong #license #ics01 h4 span.bdr {
    font-size: 154%;
  }
  #strong #license #ics01 h4 span.bdr::before {
    height: 12px;
  }
  #strong #license #ics02 {
    padding: 0 5%;
    margin: 0;
  }
  #strong #license #ics02 h4 span {
    font-size: 70%;
    margin: 0 0 0 15px;
  }
  #strong #license #ics02 .flexBox {
    margin: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #strong #license #ics02 .flexBox div.shikakuBox {
    width: 100%;
    margin: 10px 0 0;
    padding: 20px 1.6em;
    border-radius: 5px;
  }
  #strong #license #ics02 .flexBox div.shikakuBox:nth-of-type(1), #strong #license #ics02 .flexBox div.shikakuBox:nth-of-type(2) {
    margin: 10px 0 0;
  }
  #strong #license #ics02 .flexBox div.shikakuBox p.lcsName {
    font-size: 116%;
  }
  #strong #license #ics02 .flexBox div.shikakuBox dl {
    margin: 10px 0 0;
  }
  #strong #license #ics02 .flexBox div.shikakuBox dl dt {
    width: 65%;
    padding: 0;
    margin: 5px 0 0 0;
    font-size: 85%;
  }
  #strong #license #ics02 .flexBox div.shikakuBox dl dd {
    width: 35%;
  }
  #strong #license #ics02 .flexBox div.shikakuBox dl dd span.odometer {
    margin: 0 5px 0 0;
    font-size: 200%;
  }
  #strong #license #ics03 {
    padding: 40px 0;
  }
  #strong #license #ics03::before {
    background: rgba(0, 0, 0, 0.7);
  }
  #strong #license #ics03 p, #strong #license #ics03 div, #strong #license #ics03 h4 {
    padding: 0 5%;
  }
  #strong #license #ics03 h4 {
    font-size: 93%;
    padding: 4px 1.2em;
  }
  #strong #license #ics03 p#strongTitle {
    margin: 0 0 10px;
    font-size: 139%;
  }
  #strong #license #ics03 p#strongTitle::before {
    font-size: 100%;
    top: 50%;
    left: 5%;
    margin: -19px 0 0;
  }
  #strong #license #ics03 div.cont {
    margin: 0;
  }
  #strong #license #ics03 div.cont p {
    padding: 0;
    text-align: left;
  }
  #strong #license #ics03 div.flexBox {
    margin: 15px 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #strong #license #ics03 div.flexBox .imgWrap {
    padding: 0;
    margin: 0 0 15px;
    width: 100%;
  }
  #strong #license #ics03 div.flexBox .txtWrap {
    width: 100%;
    padding: 0;
  }
  #strong #employment {
    margin: 50px 0 0;
  }
  #strong #employment::before {
    width: 150px;
    height: 150px;
    top: -55px;
    left: -10px;
  }
  #strong #employment .odometer {
    font-size: 254%;
  }
  #strong #employment #emp01 p#highTitle {
    padding: 8px 0;
    text-align: center;
    font-size: 116%;
    margin: 0 0 10px;
  }
  #strong #employment #emp01 p#offer {
    font-size: 139%;
    line-height: 1.8;
    margin: 0 0 15px;
  }
  #strong #employment #emp01 p#offer span.odometer00 {
    line-height: 1;
    margin: 0 0.1em;
  }
  #strong #employment #emp01 .flexBox {
    padding: 0 5%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #strong #employment #emp01 .flexBox div.emp01Box {
    width: 100%;
    margin: 20px 0 0;
  }
  #strong #employment #emp01 .flexBox div.emp01Box:first-of-type {
    margin: 0;
  }
  #strong #employment #emp01 .flexBox div.emp01Box p.boxTitle {
    font-size: 116%;
    padding: 5px 0;
    margin: 0 0 15px;
  }
  #strong #employment #emp01 .flexBox div.emp01Box div {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #strong #employment #emp01 .flexBox div.emp01Box div p.odo {
    width: 100%;
    line-height: 1.8;
    font-size: 139%;
  }
  #strong #employment #emp01 .flexBox div.emp01Box div p.odo span.odometer01,
  #strong #employment #emp01 .flexBox div.emp01Box div p.odo span.odometer02 {
    line-height: 1;
    vertical-align: bottom;
    margin: 0 0.1em;
  }
  #strong #employment #emp01 .flexBox div.emp01Box div figure {
    width: 60%;
    margin: 10px auto 0;
  }
  #strong #employment #emp02 {
    padding: 0 5%;
  }
  #strong #employment #emp02 .imgWrap {
    width: 100%;
  }
  #strong #employment #emp02 .txtWrap {
    width: 100%;
    margin: 0;
    font-size: 93%;
  }
  #strong #employment #emp03 {
    padding: 0 5%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #strong #employment #emp03 div {
    width: 100%;
    margin: 20px 0 0;
  }
  #strong #employment #emp03 div:first-of-type {
    margin: 0;
  }
  #strong #employment #emp03 div div.flexBox {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #strong #employment #emp03 div div.flexBox img {
    width: 100%;
    height: 100%;
    margin: 0 0 15px;
  }
  #strong #employment #emp03 div div.flexBox p {
    width: 100%;
    padding: 0;
    font-size: 93%;
  }
  #strong .advice {
    width: 100%;
    height: auto;
  }
  #strong .advice#ics04 {
    background: none;
  }
  #strong .advice#emp04 {
    background: none;
  }
  #strong .advice p.adviceTitle {
    padding: 0 5%;
    font-size: 154%;
    margin: 0 0 10px;
  }
  #strong .advice .box {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 1px 0 0;
  }
  #strong .advice .box#box01 {
    bottom: 40px;
    left: 4%;
  }
  #strong .advice .box#box02 {
    bottom: 40px;
    right: 4%;
  }
  #strong .advice .box#box03 {
    bottom: 40px;
    left: 4%;
  }
  #strong .advice .box#box04 {
    bottom: 40px;
    right: 4%;
  }
  #strong .advice .box figure {
    width: 40%;
    display: block;
  }
  #strong .advice .box figure img {
    height: auto;
  }
  #strong .advice .box div {
    width: 60%;
    background: none;
    color: #FFF;
    padding: 20px 4%;
  }
  #strong .advice .box div p.aBoxTitle {
    font-size: 100%;
    margin: 0 0 10px;
  }
  #strong .advice .box div span {
    font-size: 85%;
  }
  #strong .advice .box p.aBoxTxt {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 15px 5%;
    font-size: 93%;
  }
}
#company #greeting .flexBox #gtgImg {
  width: 30%;
}
#company #greeting .flexBox #gtgImg img {
  height: auto;
}
#company #greeting .flexBox #gtgTxtWrap {
  padding: 0 0 0 4%;
  width: 70%;
}
#company #greeting .flexBox #gtgTxtWrap p#greetingCopy {
  font-size: 139%;
  font-weight: bold;
  margin: 0 0 10px;
}
#company #greeting .flexBox #gtgTxtWrap p#greetingTxt {
  margin: 0 0 10px;
}
#company #greeting .flexBox #gtgTxtWrap p#headTeacher {
  text-align: right;
}
#company #taisei article {
  margin: 40px 0 0;
}
#company #taisei article h4 {
  margin: 0 0 15px;
}
#company #taisei article h5 {
  margin: 0 0 10px;
}
#company #taisei article p {
  margin: 0 0 20px;
}
#company #taisei article p:last-of-type {
  margin: 0;
}
#company #taisei article:first-of-type {
  margin: 0;
}
#company #taisei p.kisoku {
  border: 1px solid #d6e1eb;
  padding: 20px;
  border-radius: 10px;
}
#company #taisei .flexBox.rr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
#company #taisei .flexBox.rr p {
  padding: 0 4% 0 0;
}
#company #taisei .flexBox img {
  width: 30%;
}
#company #taisei .flexBox p {
  width: 70%;
  padding: 0 0 0 4%;
}
#company #taisei #guidance {
  margin: 20px 0 0;
  background: #f0f3f6;
  padding: 20px 2em;
  border-radius: 10px;
}
#company #taisei #guidance p:first-of-type {
  margin: 0;
  font-size: 116%;
  font-weight: bold;
}
#company #jobVacancies article {
  margin: 40px 0 0;
}
#company #jobVacancies article ul.flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#company #jobVacancies article ul.flexBox li {
  width: 48%;
}
#company #jobVacancies article ul.flexBox li a {
  font-size: 116%;
  border-radius: 5px;
  display: block;
  padding: 18px 0;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}
#company #jobVacancies article ul.flexBox li a:hover {
  opacity: 0.85;
}
#company #jobVacancies article ul.flexBox li a.pdf {
  background: #db534a;
}
#company #jobVacancies article ul.flexBox li a.exl {
  background: #61ab3b;
}
#company #jobVacancies article ul.flexBox li a i {
  margin: 0 8px 0 0;
}
#company #jobVacancies article p.sendTxt {
  font-size: 124%;
  font-weight: bold;
}
#company #jobVacancies article p.sendTxt span {
  font-size: 77%;
  margin: 0 0 0 15px;
}
#company #jobVacancies article.flexBox {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#company #jobVacancies article.flexBox div {
  width: 48%;
}
#company #jobVacancies article.flexBox div p.btn,
#company #jobVacancies article.flexBox div p.bnrBtn {
  margin: 20px 0 0;
}
#company #jobVacancies article.flexBox div p.bnrBtn {
  max-width: 600px;
  margin: 20px auto 0;
}
#company #jobVacancies article.flexBox div p.bnrBtn a {
  display: block;
}
#company #jobVacancies article.flexBox div p.bnrBtn a:hover {
  opacity: 0.85;
}

#enrolledIndex p#btn {
  width: 50%;
  margin: 0 auto;
}

/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  #company #greeting .flexBox {
    padding: 0 5%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #company #greeting .flexBox #gtgImg {
    width: 75%;
    margin: 0 auto 15px;
  }
  #company #greeting .flexBox #gtgTxtWrap {
    padding: 0;
    width: 100%;
  }
  #company #greeting .flexBox #gtgTxtWrap p#greetingCopy {
    font-size: 131%;
    margin: 0 0 10px;
  }
  #company #greeting .flexBox #gtgTxtWrap p#greetingTxt {
    margin: 0 0 10px;
  }
  #company #taisei article {
    padding: 0 5%;
    margin: 20px 0 0;
  }
  #company #taisei article h4 {
    margin: 0 0 15px;
  }
  #company #taisei article h5 {
    margin: 0 0 10px;
  }
  #company #taisei article p {
    margin: 0 0 15px;
  }
  #company #taisei article p:last-of-type {
    margin: 0;
  }
  #company #taisei article:first-of-type {
    margin: 0;
  }
  #company #taisei p.kisoku {
    background: #f0f3f6;
    border: 1px solid #d6e1eb;
    padding: 15px 1.6em;
    border-radius: 5px;
    font-size: 93%;
  }
  #company #taisei .flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #company #taisei .flexBox.rr {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #company #taisei .flexBox.rr p {
    padding: 0;
  }
  #company #taisei .flexBox img {
    width: 100%;
    margin: 0 auto 10px;
  }
  #company #taisei .flexBox p {
    width: 100%;
    padding: 0;
  }
  #company #taisei #guidance {
    margin: 15px 0 0;
    padding: 15px 1.6em;
    border-radius: 5px;
    font-size: 93%;
  }
  #company #taisei #guidance p:first-of-type {
    margin: 0;
    font-size: 108%;
  }
  #company #jobVacancies p.readTxt {
    padding: 0 5%;
  }
  #company #jobVacancies article {
    padding: 0 5%;
    margin: 20px 0 0;
  }
  #company #jobVacancies article ul.flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #company #jobVacancies article ul.flexBox li {
    width: 100%;
    margin: 10px 0 0;
  }
  #company #jobVacancies article ul.flexBox li:first-child {
    margin: 0;
  }
  #company #jobVacancies article ul.flexBox li a {
    font-size: 100%;
    border-radius: 2px;
    padding: 12px 0;
  }
  #company #jobVacancies article p.sendTxt {
    font-size: 100%;
    font-weight: normal;
  }
  #company #jobVacancies article p.sendTxt span {
    font-size: 77%;
    margin: 0 0 0 15px;
  }
  #company #jobVacancies article.flexBox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #company #jobVacancies article.flexBox div {
    width: 100%;
    margin: 20px 0 0;
  }
  #company #jobVacancies article.flexBox div:first-of-type {
    margin: 0;
  }
  #company #jobVacancies article.flexBox div p.btn,
  #company #jobVacancies article.flexBox div p.bnrBtn {
    margin: 5px 0 0;
  }
  #company #jobVacancies article.flexBox div p.bnrBtn {
    max-width: auto;
    margin: 5px auto 0;
  }
  #enrolledIndex .contSec {
    padding: 0 5%;
  }
  #enrolledIndex .contSec p#btn {
    width: 100%;
    margin: 0;
  }
}
#worksIndex h3,
#worksDetail h3 {
  font-size: 154%;
  padding: 5px 0.8em;
  color: #FFF;
}
#worksIndex h3.course01,
#worksDetail h3.course01 {
  background: #059dd4;
}
#worksIndex h3.course02,
#worksDetail h3.course02 {
  background: #45358e;
}
#worksIndex h3.course03,
#worksDetail h3.course03 {
  background: #5976ba;
}
#worksIndex h3.course04,
#worksDetail h3.course04 {
  background: #dd7694;
}
#worksIndex h3.course05,
#worksDetail h3.course05 {
  background: #d5b200;
}
#worksIndex h3.course06,
#worksDetail h3.course06 {
  background: #f0832c;
}
#worksIndex h3.course07,
#worksDetail h3.course07 {
  background: #db534a;
}
#worksIndex h3.course08,
#worksDetail h3.course08 {
  background: #bd771a;
}
#worksIndex h3.course09,
#worksDetail h3.course09 {
  background: #61ab3b;
}
#worksIndex p.worksCat,
#worksDetail p.worksCat {
  margin: 0 0 3px;
}
#worksIndex p.worksCat span,
#worksDetail p.worksCat span {
  background: #DDD;
  color: #FFF;
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 77%;
}
#worksIndex p.worksCat span.course01,
#worksDetail p.worksCat span.course01 {
  background: #059dd4;
}
#worksIndex p.worksCat span.course02,
#worksDetail p.worksCat span.course02 {
  background: #45358e;
}
#worksIndex p.worksCat span.course03,
#worksDetail p.worksCat span.course03 {
  background: #5976ba;
}
#worksIndex p.worksCat span.course04,
#worksDetail p.worksCat span.course04 {
  background: #dd7694;
}
#worksIndex p.worksCat span.course05,
#worksDetail p.worksCat span.course05 {
  background: #d5b200;
}
#worksIndex p.worksCat span.course06,
#worksDetail p.worksCat span.course06 {
  background: #f0832c;
}
#worksIndex p.worksCat span.course07,
#worksDetail p.worksCat span.course07 {
  background: #db534a;
}
#worksIndex p.worksCat span.course08,
#worksDetail p.worksCat span.course08 {
  background: #bd771a;
}
#worksIndex p.worksCat span.course09,
#worksDetail p.worksCat span.course09 {
  background: #61ab3b;
}

#worksIndex #worksList article {
  margin: 60px 0 0;
}
#worksIndex #worksList article:first-of-type {
  margin: 0;
}
#worksIndex #worksList article .worksListWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#worksIndex #worksList article .worksListWrap a {
  width: 30%;
  margin: 40px 0 0 5%;
  display: block;
  position: relative;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#worksIndex #worksList article .worksListWrap a:nth-of-type(3n+1) {
  margin: 40px 0 0;
}
#worksIndex #worksList article .worksListWrap a:hover img {
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#worksIndex #worksList article .worksListWrap a img {
  width: 100%;
  height: 220px;
  margin: 0 0 15px;
  -o-object-fit: cover;
     object-fit: cover;
}
#worksIndex #worksList article .worksListWrap a div {
  width: 100%;
  padding: 0;
}
#worksIndex #worksList article .worksListWrap a div p.worksTitle {
  font-family: "Roboto Condensed", Arial, Sans-Serif;
  letter-spacing: 0.04em;
  margin: 0;
  font-size: 100%;
  color: #466c90;
}

#worksDetail #entryTitle {
  border-bottom: 1px solid #DDD;
  padding: 0 0 15px;
  margin: 0 0 30px;
}
#worksDetail #entryTitle em {
  font-style: normal;
}
#worksDetail #entryTitle p#worksTitle {
  font-size: 200%;
}
#worksDetail .editer #movieWrap {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0 0 20px;
}
#worksDetail .editer #movieWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ======================================= */
/* メディアクエリ
/* ======================================= */
@media screen and (max-width: 896px) {
  #worksIndex h3,
  #worksDetail h3 {
    padding: 10px 0.6em;
    font-size: 116%;
  }
  #worksIndex p.worksCat,
  #worksDetail p.worksCat {
    margin: 0 0 3px;
  }
  #worksIndex p.worksCat span,
  #worksDetail p.worksCat span {
    padding: 4px 1em;
    font-size: 77%;
  }
  #worksIndex #worksList article {
    margin: 40px 0 0;
  }
  #worksIndex #worksList article .worksListWrap {
    display: block;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
  }
  #worksIndex #worksList article .worksListWrap a {
    width: 100%;
    margin: 0;
    padding: 15px 5%;
    border-top: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transition: none;
    transition: none;
  }
  #worksIndex #worksList article .worksListWrap a:nth-of-type(3n+1) {
    margin: 0;
  }
  #worksIndex #worksList article .worksListWrap a:first-of-type {
    border-top: none;
  }
  #worksIndex #worksList article .worksListWrap a:hover img {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  #worksIndex #worksList article .worksListWrap a img {
    width: 40%;
    height: auto;
    margin: 0;
  }
  #worksIndex #worksList article .worksListWrap a div {
    width: 60%;
    padding: 0 0 0 5%;
  }
  #worksIndex #worksList article .worksListWrap a div p.worksTitle {
    font-size: 85%;
  }
  #worksDetail #entryTitle {
    padding: 0 5% 15px;
    margin: 0 0 30px;
  }
  #worksDetail #entryTitle p#worksTitle {
    font-size: 116%;
    font-weight: bold;
  }
  #worksDetail .editer #movieWrap {
    margin: 0 0 20px;
  }
}