@charset "UTF-8";
/* Reset
------------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
figure,
figcaption,
button,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

address,
em {
  font-style: normal;
}

th {
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

th {
  text-align: left;
}

main,
aside {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

img,
fieldset {
  border: 0;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: top;
}

li {
  list-style-type: none;
}

select,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="submit"],
button,
label,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

br {
  line-height: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* link
------------------------------------------------------------*/
a {
  color: #1e1e1e;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a, button {
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

a:hover, button:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 992px) {
  a:hover, button:hover {
    opacity: 1;
  }
}

a.-imageZoom, button.-imageZoom {
  -webkit-transition: none;
  transition: none;
}

a.-imageZoom [data-image-zoom], button.-imageZoom [data-image-zoom] {
  overflow: hidden;
}

a.-imageZoom [data-image-zoom] > *, button.-imageZoom [data-image-zoom] > * {
  -webkit-transition: .2s;
  transition: .2s;
}

a.-imageZoom:hover, button.-imageZoom:hover {
  opacity: 1;
}

@media only screen and (min-width: 993px) {
  a.-imageZoom:hover [data-image-zoom] > *, button.-imageZoom:hover [data-image-zoom] > * {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/* Fonts
------------------------------------------------------------*/
body {
  color: #1e1e1e;
  font-size: 1rem;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.75;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  word-wrap: break-word;
}

input, button, textarea, select {
  color: #1e1e1e;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.75;
  font-size: 100%;
}

/*
#styleguide
container

```
<div class="container">
左右にpaddingつきます
</div>
```
*/
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 870px;
  padding-left: 15px;
  padding-right: 15px;
}

.container.-alter {
  max-width: 880px;
}

.container.-large {
  max-width: 1030px;
}

.container.-wide {
  max-width: 1430px;
}

.container.-max {
  max-width: none;
}

@media only screen and (max-width: 768px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .modPcOnly {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .modSpOnly {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  .modInlineBlock.-pcOnly {
    display: inline-block;
  }
}

@media only screen and (max-width: 768px) {
  .modInlineBlock.-spOnly {
    display: inline-block;
  }
}

.modInlineBlock:not([class*="Only"]) {
  display: inline-block;
}

@media only screen and (min-width: 769px) {
  .modTabExcept {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .modTabExcept {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .modTabExcept {
    display: block;
  }
}

/* 2020-10-05 slickと干渉するのでコメ消し
[role="tabpanel"] {
	&[aria-hidden="true"] {
		display: none;
	}
	&[aria-hidden="false"] {
		display: block;
	}
}
*/
/*
#overview
base
*/
@media only screen and (max-width: 992px) {
  body.-scrollNone {
    overflow: hidden;
    height: 100vh;
    left: 0;
    position: fixed;
    width: 100%;
  }
}

.gHeader {
  background-color: white;
  position: fixed;
  width: 100%;
  -webkit-transition: background-color .15s;
  transition: background-color .15s;
  z-index: 3;
}

#page_top:not([data-over-logo]) .gHeader {
  background-color: rgba(255, 255, 255, 0);
}

.gHeader__inner {
  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;
  width: calc(100% - 37px);
  margin-left: auto;
  padding-left: 20px;
}

@media only screen and (max-width: 1400px) {
  .gHeader__inner {
    width: 1363px;
  }
}

@media only screen and (max-width: 1363px) {
  .gHeader__inner {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .gHeader__inner {
    padding-left: 12px;
  }
}

#page_top:not([data-over-logo]) .gHeader__logo {
  display: none;
}

@media only screen and (max-width: 992px) {
  .gHeader__logo img {
    width: 43px;
  }
}

.gNav {
  margin-left: auto;
}

@media only screen and (min-width: 993px) {
  .gNav {
    display: block !important;
  }
}

@media only screen and (max-width: 992px) {
  .gNav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
}

.gNav__outer {
  background-color: #fff;
  min-height: 100px;
  padding: 0 28px 0 20px;
}

#page_top .gNav__outer {
  min-height: 90px;
}

@media only screen and (max-width: 992px) {
  .gNav__outer {
    width: 300px;
    min-height: 60px;
    margin-left: auto;
    padding: 60px 0 0;
  }
}

@media only screen and (min-width: 993px) {
  .gNav__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 992px) {
  .gNav__inner {
    position: relative;
    max-height: calc(100vh - 60px);
    padding: 18px 26px 96px;
    overflow: auto;
  }
}

.gNav__list {
  margin-right: 10px;
}

@media only screen and (min-width: 993px) {
  .gNav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 992px) {
  .gNav__list {
    margin-right: 0;
  }
}

.gNav__item {
  position: relative;
}

@media only screen and (min-width: 993px) {
  .gNav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 992px) {
  .gNav__item {
    border-color: #c8c8c8;
    border-style: solid;
    border-width: 0 0 1px;
  }
}

@media only screen and (max-width: 992px) {
  .gNav__item:first-child {
    border-top-width: 1px;
  }
}

.gNav__item:not(:last-child) {
  margin-right: 7px;
}

@media only screen and (max-width: 992px) {
  .gNav__item:not(:last-child) {
    margin-right: 0;
  }
}

@media only screen and (min-width: 993px) {
  .gNav__item.-top {
    display: none;
  }
}

.gNav__link {
  position: relative;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.69231;
  text-align: center;
  text-decoration: none;
  min-width: 7em;
  padding: 0 0 21px;
}

@media only screen and (max-width: 992px) {
  .gNav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #646464;
    font-size: 0.9375rem;
    padding: 8px 18px 12px 0;
  }
}

@media only screen and (min-width: 993px) {
  #page_top .gNav__link {
    padding-bottom: 20px;
  }
}

.gNav__link::before {
  content: "";
  background-size: cover;
  display: block;
  width: 36px;
  height: 36px;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .gNav__link::before {
    margin-left: 0;
    margin-right: 20px;
  }
}

.gNav__item.-top .gNav__link::before {
  background-image: url(../img/common/icon_nav_top.svg);
}

.gNav__item.-about .gNav__link::before {
  background-image: url(../img/common/icon_nav_flag.svg);
}

.gNav__item.-feature .gNav__link::before {
  background-image: url(../img/common/icon_nav_feature.svg);
}

.gNav__item.-course .gNav__link::before {
  background-image: url(../img/common/icon_nav_course.svg);
}

.gNav__item.-event .gNav__link::before {
  background-image: url(../img/common/icon_nav_event.svg);
}

.gNav__item.-kankospot .gNav__link::before {
  background-image: url(../img/common/icon_nav_kankospot.svg);
}

.gNav__item.-news .gNav__link::before {
  background-image: url(../img/common/icon_nav_info.svg);
}

.gNav__item.-area_access .gNav__link::before {
  background-image: url(../img/common/icon_nav_access.svg);
}

.gNav__item.-pamphlet .gNav__link::before {
  background-image: url(../img/common/icon_nav_pamphlet.svg);
}

.gNav__link::after {
  content: "";
  background-color: #28acaa;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 39px;
  height: 5px;
  margin: auto;
}

@media only screen and (min-width: 993px) {
  #page_top .gNav__item.-top .gNav__link::after {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  #page_about .gNav__item.-about .gNav__link::after {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  #page_feature .gNav__item.-feature .gNav__link::after {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  #page_course .gNav__item.-course .gNav__link::after {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  #page_event .gNav__item.-event .gNav__link::after {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  #page_kankospot .gNav__item.-kankospot .gNav__link::after {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  #page_info .gNav__item.-news .gNav__link::after {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  #page_area_access .gNav__item.-area_access .gNav__link::after {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  #page_pamphlet .gNav__item.-pamphlet .gNav__link::after {
    display: block;
  }
}

@media only screen and (min-width: 993px) {
  .gNav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 100px;
  }
  #page_top .gNav__link {
    min-height: 90px;
  }
}

.gNav-search {
  position: relative;
  width: 166px;
  height: 25px;
  margin-right: 25px;
}

@media only screen and (max-width: 992px) {
  .gNav-search {
    width: 100%;
    height: 31px;
    margin-bottom: 19px;
    margin-right: 0;
  }
}

.gNav-search__input[type="text"] {
  background-color: #fff;
  border: 1px solid #1e1e1e;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.75rem;
  letter-spacing: 0;
  width: 100%;
  height: 100%;
  padding: 0 23px 0 10px;
}

@media only screen and (max-width: 992px) {
  .gNav-search__input[type="text"] {
    font-size: 0.9rem;
  }
}

.gNav-search__btn {
  background: none;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 0;
  width: 23px;
  height: 100%;
  margin: auto;
}

@media only screen and (max-width: 992px) {
  .gNav-search__btn {
    right: 5px;
  }
}

@media only screen and (max-width: 992px) {
  .gNav-search__btn img {
    width: 20px;
  }
}

.gsc-control-cse {
  position: relative !important;
  max-width: 166px !important;
  margin-right: 25px !important;
  padding: 0 !important;
}

@media only screen and (max-width: 992px) {
  .gsc-control-cse {
    margin-right: 0 !important;
    margin-bottom: 19px !important;
    max-width: initial !important;
    max-width: auto !important;
  }
}

.gsc-search-box {
  margin-bottom: 0 !important;
}

.gsc-search-box {
  margin-bottom: 0 !important;
}

.gsc-input {
  padding-right: 0 !important;
}

.gsc-input-box {
  border: 1px solid #1e1e1e !important;
  border-radius: 3px !important;
  padding: 0 !important;
}

.gsib_a {
  padding: 0 10px 0 10px !important;
}

.gsst_b {
  padding: 0 28px 0 0 !important;
}

.gscb_a {
  vertical-align: middle !important;
}

.gsib_a input {
  vertical-align: middle !important;
  margin-top: -0.2em !important;
  background: none !important;
}

.gsc-search-button {
  position: absolute !important;
  top: 50% !important;
  right: 5px !important;
  -webkit-transform: translateY(-50%) !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
  outline: none !important;
  margin-left: 0 !important;
}

.gsc-search-button-v2 {
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  border-color: #fff !important;
  background-color: #fff !important;
}

.gsc-search-button svg {
  fill: #1e1e1e !important;
}

.gNav-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 992px) {
  .gNav-sns {
    display: none;
  }
}

.gNav__arrow, .gNav__btn {
  border: none;
  background: none;
  outline: none;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 26px;
  height: 26px;
  margin: auto;
  z-index: 2;
}

@media only screen and (max-width: 992px) {
  .gNav__arrow, .gNav__btn {
    display: block;
  }
}

.gNav__arrow::before, .gNav__arrow::after, .gNav__btn::before, .gNav__btn::after {
  content: "";
  background-color: #646464;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 6px;
  width: 10px;
  height: 1px;
  margin: auto;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.gNav__arrow::before, .gNav__btn::before {
  -webkit-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  transform: rotate(52deg);
}

.gNav__arrow::after, .gNav__btn::after {
  -webkit-transform: rotate(-52deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-52deg);
}

.gNav__arrow {
  pointer-events: none;
}

.gNav__btn {
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.gNav__btn[aria-expanded="true"] {
  -webkit-transform: rotate(90deg) rotateY(180deg);
  transform: rotate(90deg) rotateY(180deg);
}

.gNav-menu {
  position: relative;
}

.gNav-menu:hover .gNav-menu__arrow {
  -webkit-transform: rotate(180deg) translateX(50%);
  transform: rotate(180deg) translateX(50%);
}

.gNav-menu:hover .gNav-menu__line {
  opacity: 1;
}

.gNav-menu:hover ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.gNav-menu__arrow {
  position: absolute;
  top: 86px;
  left: 50%;
  transform: translateX(-50%);
  transition: ease all .3s;
}

#page_top .gNav-menu__arrow {
  top: 76px;
}

@media only screen and (max-width: 992px) {
  .gNav-menu__arrow {
    display: none;
    transition: unset;
  }
}

.gNav-menu__line {
  position: absolute;
  bottom: 0;
  width: 90px;
  height: 4px;
  background-color: #28b1af;
  border: 1px solid #fff;
  transition: ease all .5s;
  opacity: 0;
}

@media only screen and (max-width: 992px) {
  .gNav-menu__line {
    display: none;
    transition: unset;
  }
}

.gNav-link {
  display: none;
  padding: 24px 0;
}

@media only screen and (max-width: 992px) {
  .gNav-link {
    display: block;
  }
}

.gNav-link__hover {
  display: block;
  position: absolute;
  top: 100px;
  left: 0;
  -webkit-transform: translateY(-10%);
  transform: translateY(-10%);
  opacity: 0;
  visibility: hidden;
  padding: 0;
  transition: ease all .3s;
}

#page_top .gNav-link__hover {
  top: 90px;
}

@media only screen and (max-width: 992px) {
  .gNav-link__hover {
    position: static;
    transition: unset;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

@media only screen and (max-width: 992px) {
  .gNav__item + .gNav-link {
    border-bottom: 1px solid #c8c8c8;
    display: none;
    padding: 19px 0 25px 46px;
  }
}

.gNav-link__item {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  background-color: #f0f0f0;
  border-bottom: 1px solid #646464;
  white-space: nowrap;
  width: 156px;
  padding: 13px 22px;
  -webkit-transition: ease all .3s;
  transition: ease all .3s;
}

@media only screen and (max-width: 992px) {
  .gNav-link__item {
    font-size: 0.9375rem;
    line-height: 1.36;
    background-color: inherit;
    border-bottom: none;
    padding: 0;
    transition: unset;
  }
}

.gNav-link__item:hover {
  background-color: #28b1af;
}

@media only screen and (max-width: 992px) {
  .gNav-link__item:hover {
    background-color: inherit;
  }
}

@media only screen and (max-width: 992px) {
  .gNav-link__item:not(:last-child) {
    margin-bottom: 17px;
  }
}

.gNav-link__item::before {
  content: "\3009";
  color: #28b1af;
  margin-right: 2px;
}

.gNav-link__link {
  text-decoration: none;
}

@media only screen and (max-width: 992px) {
  .gNav-link__link {
    text-decoration: underline;
  }
}

.gNav-banner {
  display: none;
}

@media only screen and (max-width: 992px) {
  .gNav-banner {
    display: block;
  }
}

.gNav-banner__item:not(:last-child) {
  margin-bottom: 19px;
}

.gNavToggle {
  background-color: #fff;
  border: none;
  outline: none;
  display: none;
  position: relative;
  width: 60px;
  height: 60px;
  margin-left: auto;
  z-index: 3;
}

@media only screen and (max-width: 992px) {
  .gNavToggle {
    display: block;
  }
}

.gNavToggle__bar {
  background-color: #000;
  display: block;
  position: absolute;
  top: calc(50% - 1.5px);
  left: 0;
  right: 0;
  width: 24px;
  height: 2px;
  margin: auto;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: .5s;
  transition: .5s;
}

.gNavToggle[aria-expanded="true"] .gNavToggle__bar {
  width: 28px;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.gNavToggle__bar:nth-child(1) {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}

.gNavToggle[aria-expanded="true"] .gNavToggle__bar:nth-child(1) {
  -webkit-transform: rotate(-45deg) translateY(0);
  -ms-transform: rotate(-45deg) translateY(0);
  transform: rotate(-45deg) translateY(0);
}

.gNavToggle__bar:nth-child(2) {
  -webkit-transform: scaleX(0.6);
  -ms-transform: scaleX(0.6);
  transform: scaleX(0.6);
}

.gNavToggle[aria-expanded="true"] .gNavToggle__bar:nth-child(2) {
  opacity: 0;
  width: 24px;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.gNavToggle__bar:nth-child(3) {
  -webkit-transform: translateY(8px) scaleX(0.8);
  -ms-transform: translateY(8px) scaleX(0.8);
  transform: translateY(8px) scaleX(0.8);
}

.gNavToggle[aria-expanded="true"] .gNavToggle__bar:nth-child(3) {
  -webkit-transform: rotate(45deg) translateY(0);
  -ms-transform: rotate(45deg) translateY(0);
  transform: rotate(45deg) translateY(0);
}

.gNavOverlay {
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  cursor: pointer;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

.gNavOverlay[aria-hidden="false"] {
  opacity: 1;
  height: 100%;
}

@media only screen and (min-width: 993px) {
  .gNavOverlay {
    display: none !important;
  }
}

.gContents {
  position: relative;
  padding: 100px 0 104px;
}

@media only screen and (max-width: 992px) {
  .gContents {
    padding: 60px 0 60px;
  }
}

.gContents::before, .gContents::after {
  content: "";
  background-position: 0 0;
  background-repeat: repeat-y;
  background-size: 99.9999%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 304px;
  pointer-events: none;
  z-index: 2;
}

#page_top .gContents::before,
#page_top .gContents::after {
  display: none;
}

@media only screen and (max-width: 1140px) {
  .gContents::before,
  .gContents::after {
    display: none;
  }
}

.gContents::before {
  background-image: url(../img/common/img_side01.png);
  left: 0;
  width: 113px;
}

.gContents::after {
  background-image: url(../img/common/img_side02.png);
  right: 0;
  width: 162px;
}

.gContents.-privacy::before {
  content: none;
}

.gContents.-privacy::after {
  content: none;
}

@media only screen and (max-width: 1299px) {
  .gContents::before {
    width: 57px;
  }

  .gContents::after {
    width: 81px;
  }
}

#page_top .gContents {
  padding: 0;
}

.gFooter {
  background-color: #f8f3f3;
  position: relative;
  padding: 102px 0 43px;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .gFooter {
    padding: 53px 0 17px;
  }
}

.gFooter::before, .gFooter::after {
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  pointer-events: none;
}

.gFooter::before {
  background-image: url(../img/common/img_footer_side01.png);
  bottom: 0;
  left: 0;
  width: 113px;
  height: 128px;
}

@media only screen and (max-width: 768px) {
  .gFooter::before {
    background-image: url(../img/common/img_footer_side01_sp.png);
    bottom: 96px;
    width: 55px;
    height: 95px;
  }
}

.gFooter::after {
  background-image: url(../img/common/img_footer_side02.png);
  top: -116px;
  right: 0;
  width: 150px;
  height: 290px;
}

@media only screen and (max-width: 768px) {
  .gFooter::after {
    background-image: url(../img/common/img_footer_side02_sp.png);
    top: -58px;
    width: 73px;
    height: 141px;
  }
}

.gFooter-banner {
  max-width: 652px;
  margin: 0 auto 81px;
}

@media only screen and (min-width: 769px) {
  .gFooter-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  .gFooter-banner {
    margin-bottom: 19px;
  }
}

.gFooter-banner__group {
  width: 320px;
}

@media only screen and (min-width: 769px) {
  .gFooter-banner__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  .gFooter-banner__group {
    width: 240px;
    margin: 0 auto;
  }
}

@media only screen and (min-width: 769px) {
  .gFooter-banner__group.-group01 {
    width: 300px;
  }
}

@media only screen and (min-width: 769px) {
  .gFooter-banner__group.-group01 .gFooter-banner__item:not(:last-child) {
    margin-bottom: 21px;
  }
}

.gFooter-banner__item {
  width: inherit;
}

@media only screen and (max-width: 768px) {
  .gFooter-banner__item {
    margin-bottom: 16px;
  }
}

.gFooter-banner__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  position: relative;
  text-decoration: none;
  width: inherit;
}

.gFooter-banner__txt {
  background: #28b3b1 url(../img/common/icon_arrow.svg) no-repeat right 20px center;
  background-size: 14px 15px;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.075em;
  line-height: 1.38889;
  text-align: center;
  width: inherit;
  padding: 10px 38px;
}

@media only screen and (max-width: 768px) {
  .gFooter-banner__txt {
    background-position: right 17px center;
    background-size: 10px 11px;
    font-size: 0.875rem;
  }
}

.gFooter-banner__txt.-large {
  min-height: 70px;
}

@media only screen and (max-width: 768px) {
  .gFooter-banner__txt.-large {
    min-height: 56px;
  }
}

.gFooter-banner__txt::before {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.gFooter-banner__item.-area_access .gFooter-banner__txt::before {
  content: "";
  background-image: url(../img/common/icon_access02.svg);
  width: 31px;
  height: 25px;
  margin: 0 10px 0 -24px;
}

@media only screen and (max-width: 768px) {
  .gFooter-banner__item.-area_access .gFooter-banner__txt::before {
    width: 24px;
    height: 20px;
    margin: 0 10px 0 -24px;
  }
}

.gFooter-banner__item.-panf .gFooter-banner__txt::before {
  content: "";
  background-image: url(../img/common/icon_panf02.svg);
  width: 26px;
  height: 26px;
  margin: 0 14px 0 -14px;
}

@media only screen and (max-width: 768px) {
  .gFooter-banner__item.-panf .gFooter-banner__txt::before {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 -24px;
  }
}

.gFooter__foot {
  margin-bottom: 37px;
}

@media only screen and (min-width: 769px) {
  .gFooter__foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .gFooter__foot {
    margin-bottom: 20px;
  }
}

.gFooter-sns {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 35px;
}

@media only screen and (max-width: 768px) {
  .gFooter-sns:first-child {
    padding-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .gFooter-sns {
    margin-bottom: 32px;
  }
}

.gFooter__logo {
  text-align: center;
  margin-right: 28px;
}

@media only screen and (max-width: 768px) {
  .gFooter__logo {
    margin-bottom: 30px;
    margin-right: 0;
  }
}

.gFooter-address {
  margin-right: 46px;
}

@media only screen and (max-width: 768px) {
  .gFooter-address {
    text-align: center;
    margin-right: 0;
  }
}

.gFooter-address__title {
  font-weight: 500;
  letter-spacing: 0.075em;
  margin: 3px 0 6px;
}

@media only screen and (max-width: 768px) {
  .gFooter-address__title {
    margin: 1.5px 0 3px;
  }
}

.gFooter-address__txt {
  font-size: 0.8125rem;
  letter-spacing: 0.075em;
}

@media only screen and (max-width: 768px) {
  .gFooter-address__txt {
    font-size: 0.75rem;
    line-height: 1.58333;
  }
}

.gFooter-address__link {
  font-size: 0.8125rem;
  letter-spacing: 0.075em;
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  .gFooter-address__link {
    font-size: 0.75rem;
    line-height: 1.58333;
    margin-top: 10px;
  }
}

.gFooter__copyright {
  font-size: 0.75rem;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .gFooter__copyright {
    font-size: 0.625rem;
  }
}

.gPageTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  right: 45px;
  width: 45px;
  height: 45px;
}

.gPageTop::before {
  content: "";
  border-color: #000;
  border-style: solid;
  border-width: 3px 3px 0 0;
  display: block;
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.goTop {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .goTop {
    right: 10px;
  }
}

.goTop img {
  width: 40px;
}

/*
slick
*/
.slick-arrow {
  border: none;
  border-radius: 50%;
  outline: none;
  color: transparent;
  display: block;
  position: absolute;
  top: 90px;
  width: 38px;
  height: 38px;
  overflow: hidden;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  .slick-arrow {
    /*
        top: 90px;
        width: 38px;
        height: 38px;
*/
  }
}

.slick-arrow:hover {
  opacity: 1;
}

.slick-arrow:hover::before {
  background-color: rgba(250, 78, 91, 0.8);
}

.slick-arrow::before {
  content: "";
  background: #fa4e5b url(../img/common/icon_arrow.svg) no-repeat center;
  display: block;
  position: relative;
  height: 100%;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

.slick-prev {
  left: -22px;
}

.slick-prev::before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slick-next {
  right: 0;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slick-dots li.slick-active button {
  background-color: #fff;
}

.slick-dots li button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  outline: none;
  display: block;
  color: transparent;
  width: 11px;
  height: 11px;
  margin: 0 8.5px;
  overflow: hidden;
}

/*
#overview
modBlock
*/
/*
#styleguide


```
```
*/
.modBlockInner {
  background-color: #fff;
  max-width: 1000px;
  margin: 0 auto;
}

.modBlockRound {
  background: url(../img/common/bg_blockRound.png);
  background-size: cover;
  position: relative;
  width: 336px;
  height: 336px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .modBlockRound {
    width: 267px;
    height: 267px;
  }
}

.modBlockRound.-top {
  width: 382px;
  height: 382px;
}

@media only screen and (max-width: 768px) {
  .modBlockRound.-top {
    width: 325px;
    height: 325px;
  }
}

@media only screen and (max-width: 364px) {
  .modBlockRound.-top {
    width: 320px;
    height: 320px;
  }
}

.modBlockSearch__inner {
  padding: 30px 0 50px;
}

@media only screen and (max-width: 768px) {
  .modBlockSearch__inner {
    padding: 37px 0 47px;
  }
}

.modBlockSearch__title {
  margin-bottom: 56px;
}

@media only screen and (max-width: 768px) {
  .modBlockSearch__title {
    margin-bottom: 24px;
  }
}

.modBlockSearch__detail {
  margin-bottom: 44px;
}

@media only screen and (max-width: 768px) {
  .modBlockSearch__detail {
    margin-bottom: 31px;
  }
}

@media only screen and (min-width: 769px) {
  .modBlockSearch__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.modBlockSearch__search {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 304px;
  margin-right: 15px;
}

@media only screen and (max-width: 768px) {
  .modBlockSearch__search {
    max-width: 275px;
    width: 100%;
    margin: 0 auto 25px;
  }
}

.modBlockSearch__item:not(:last-child) {
  margin-bottom: 19px;
}

@media only screen and (max-width: 768px) {
  .modBlockSearch__item:not(:last-child) {
    margin-bottom: 14px;
  }
}

.modBlockSearch__item > * {
  font-weight: 500;
  width: 100%;
}

.modBlockSearch__image {
  text-align: center;
}

.modBlockSearch__btn {
  padding: 0 12px;
}

.modBlockMap {
  position: relative;
  margin: -72px 0 82px;
  z-index: 3;
}

@media only screen and (max-width: 768px) {
  .modBlockMap {
    margin: -66px 0 40px;
  }
}

.modBlockMap.-mtNone {
  margin-top: 0;
}

.modBlockMap__title {
  font-size: 1.5625rem;
  letter-spacing: 0.075em;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 42px;
}

@media only screen and (max-width: 768px) {
  .modBlockMap__title {
    font-size: 1.25rem;
    margin-bottom: 16px;
  }
}

.modBlockRecommend__title {
  font-size: 1.5625rem;
  letter-spacing: 0.075em;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 42px;
}

@media only screen and (max-width: 768px) {
  .modBlockRecommend__title {
    font-size: 1.25rem;
    margin: 50px 16px;
  }
}

.modBlockMap__map {
  position: relative;
  max-height: 602px;
  height: 43vw;
}

@media only screen and (max-width: 768px) {
  .modBlockMap__map {
    height: 400px;
  }
}

.modBlockMap__map > * {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.modBlockList__title {
  font-size: 1.5625rem;
  letter-spacing: 0.075em;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 32px;
}

@media only screen and (max-width: 768px) {
  .modBlockList__title {
    font-size: 1.25rem;
    margin-bottom: 16px;
  }
}

.modBlockList__detail {
  margin: 0 auto;
}

.modBlockBack {
  margin-top: 98px;
}

@media only screen and (max-width: 768px) {
  .modBlockBack {
    margin-top: 58px;
  }
}

.modBlockBack.-privacy {
  margin-top: 175px;
}

@media only screen and (max-width: 768px) {
  .modBlockBack.-privacy {
    margin-top: 95px;
  }
}

/*
#overview
modBtn
*/
/*
#styleguide
xxx

```
```
*/
.modBtn01 {
  background-color: #fa4e5b;
  border: 1px solid #fa4e5b;
  border-radius: 25px / 50%;
  display: block;
  position: relative;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  max-width: 310px;
  width: 100%;
  margin: 0 auto;
  padding: 13px 33px 17px;
}

.modBtn01::before, .modBtn01::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.modBtn01::after {
  background: url(../img/common/icon_arrow.svg) no-repeat right 21px center;
}

@media only screen and (max-width: 768px) {
  .modBtn01 {
    background-position: right 17px center;
    background-size: 12px;
    border-radius: 21.82px / 50%;
    font-size: 0.98188rem;
    padding-top: 12px;
    padding-bottom: 15px;
  }
}

.modBtn01.-type02 {
  background-color: inherit;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1rem;
  font-feature-settings: "palt";
  max-width: 300px;
  margin: 0 0 0 auto;
  padding: 15.3px 40px;
}

@media only screen and (max-width: 768px) {
  .modBtn01.-type02 {
    font-size: 0.8125rem;
    padding: 8.1px 0;
    margin: auto;
  }
}

.modBtn01.-type03 {
  border: 1px solid #000003;
  color: #000003;
  margin: 0 auto 0 0;
}

@media only screen and (max-width: 768px) {
  .modBtn01.-type03 {
    margin: auto;
  }
}

.modBtn01.-type03::after {
  background: url(../img/common/icon_arrow_bk.svg) no-repeat right 21px center;
}

.modBtn01.-history02 {
  letter-spacing: 0;
  padding-left: 10px;
}

.modBtn01.-shima small {
  font-size: 90%;
}

.modBtn01.-shima.-access {
  margin-top: 44px;
  max-width: none;
}
@media only screen and (max-width: 768px) {
  .modBtn01.-shima.-access {
    margin-top: 29px;
  }
}

.modBtn01.-type04 {
  line-height: 1.3;
  padding-top: 5.7px;
  padding-bottom: 5.7px;
}

.modBtn01.-type04 span {
  letter-spacing: 0;
}

.modBtn01.-back::after {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.modBtn01.-search::before {
  background: url(../img/common/icon_search03.svg) no-repeat left 53px center;
}

@media only screen and (max-width: 768px) {
  .modBtn01.-spSmall {
    border-radius: 17.5px / 50%;
    font-size: 0.75rem;
    max-width: 155px;
    padding-top: 7px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .modBtn01.-spSmall::after {
    background-position: right 8px center;
    background-size: 6px;
  }
}

.modBtn01.-main {
  margin: 15px 0 0;
}

@media only screen and (max-width: 768px) {
  .modBtn01.-main {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -50px;
    margin: 0;
  }
}

.modBtn01.-shima {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  padding: 0;
  border-radius: 35px / 50%;
  margin: 80px auto 0;
  height: 70px;
  transform: unset;
}

@media only screen and (max-width: 768px) {
  .modBtn01.-shima {
    margin-top: 30px;
    max-width: 278px;
    height: 63px;
  }
}

.modBtn01.-color01 {
  color: #1e1e1e;
  background-color: #ffb300;
  border-color: #ffb300;
}

.modBtn01.-color01::after {
  background-image: url(../img/common/icon_arrow03.svg);
}

.modBtn01.-color02 {
  background-color: #fa4e5b;
  border-color: #fa4e5b;
}

.modBtn01.-color03 {
  background-color: #28b3b1;
  border-color: #28b3b1;
}

.modBtn01.-color04 {
  background-color: #323264;
  border-color: #323264;
}

.modBtn01.-color05 {
  background-color: #ff8200;
  border-color: #ff8200;
}

.modBtn01.-color06 {
  background-color: #ac7d00;
  border-color: #ac7d00;
  white-space: nowrap;
}

.modBtn01.-color07 {
  background-color: #28b0ae;
  border-color:  #28b0ae;
  border-radius: 0;
}

.modBtn01.-mw {
  max-width: 272.8px;
}

.modBtn02 {
  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;
  font-size: 1.125rem;
  max-width: 300px;
  height: 70px;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .modBtn02 {
    font-size: 1rem;
    max-width: 267px;
    height: 62.3px;
  }
}

.modBtn02::after {
  background-image: url(../img/common/icon_link.svg);
}

@media only screen and (max-width: 768px) {
  .modBtn02::after {
    background-position: right 18px center;
    background-size: 14px;
  }
}

.modBtn02.-pr15 {
  padding-right: 15px;
}

/*
#overview
modForm
*/
/*
#styleguide
***

```
```
*/
/* form
------------------------------------------------------------*/
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select {
  border: 1px solid #969696;
  font-size: 1.125rem;
  letter-spacing: 0.075em;
  padding: 9px 26px;
}

@media only screen and (max-width: 768px) {
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  select {
    border-width: 2px;
    font-size: 1.0175rem;
    padding: 8px 22px;
  }
}

textarea.error,
input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="tel"].error,
select.error {
  background-color: #fff2f2;
  border-color: #E33E41;
}

textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #949494;
}

textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
select::-moz-placeholder {
  color: #949494;
}

textarea::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
select::-ms-input-placeholder {
  color: #949494;
}

/* select
-------------*/
.modFormSelect {
  display: block;
  position: relative;
}

.modFormSelect::before {
  content: "";
  border: 0 solid transparent;
  border-bottom: 2px solid #1e1e1e;
  border-right: 2px solid #1e1e1e;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 21px;
  width: 7px;
  height: 7px;
  margin: auto;
  pointer-events: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media only screen and (max-width: 768px) {
  .modFormSelect::before {
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(39deg) skewX(-11deg);
    -ms-transform: rotate(39deg) skewX(-11deg);
    transform: rotate(39deg) skewX(-11deg);
  }
}

.modFormSelect select {
  width: 100%;
}

/* radio
-------------*/
input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

input[type="radio"] + .label {
  cursor: pointer;
  display: inline-block;
  padding: 3px 10px 3px 24px;
  position: relative;
  width: 100%;
}

input[type="radio"] + .label::before, input[type="radio"] + .label::after {
  border-radius: 100%;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transition: all .2s;
  transition: all .2s;
}

input[type="radio"] + .label::before {
  background: #EEE;
  border: 1px solid #ccc;
  height: 16px;
  left: 0;
  margin-top: -9px;
  width: 16px;
}

input[type="radio"] + .label::after {
  background: #3498DB;
  height: 10px;
  left: 3px;
  margin-top: -6px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  width: 10px;
}

input[type="radio"] + .label:hover::before {
  background: #FEFEFE;
}

input[type="radio"].error + .label::before {
  background-color: #fff2f2;
  border: 1px solid #E33E41;
}

input[type="radio"]:checked + .label::before {
  background: #fff;
  border: 1px solid #3498DB;
}

input[type="radio"]:checked + .label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

/* checkbox
-------------*/
input[type="checkbox"] {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

input[type="checkbox"] + .label {
  cursor: pointer;
  display: inline-block;
  padding: 3px 10px 3px 22px;
  position: relative;
  -webkit-transition: all .2s;
  transition: all .2s;
}

input[type="checkbox"] + .label::before, input[type="checkbox"] + .label::after {
  content: '';
  position: absolute;
}

input[type="checkbox"] + .label::before {
  background: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 14px;
  left: 0;
  margin-top: -8px;
  top: 50%;
  width: 14px;
}

input[type="checkbox"] + .label::after {
  border-bottom: 2px solid #3498DB;
  border-left: 2px solid #3498DB;
  height: 4px;
  left: 3px;
  margin-top: -4px;
  opacity: 0;
  top: 50%;
  -webkit-transform: rotate(-45deg) scale(0.5);
  -ms-transform: rotate(-45deg) scale(0.5);
  transform: rotate(-45deg) scale(0.5);
  width: 8px;
}

input[type="checkbox"] + .label:hover::before {
  background: #fff;
}

input[type="checkbox"]:checked + .label::before {
  background: #fff;
  border: 1px solid #3498DB;
}

input[type="checkbox"]:checked + .label::after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  -ms-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}

/*
#overview
modList
*/
/*
#styleguide
modList　modIndent

```
<ul class="modListNormal">
    <li>リスト</li>
    <li>リスト</li>
</ul>
<ol class="modListNormal">
    <li>リスト</li>
    <li>リスト</li>
</ol>
<ul class="modIndent01">
    <li>※テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</li>
    <li>※リスト</li>
</ul>
<ul class="modIndent02">
    <li>１.　テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</li>
    <li>２.　リスト</li>
</ul>
<ul class="modList01">
    <li>Illustrator に原寸で配置したサイズでの解像度が350dpiになるようにしてください。</li>
    <li> 拡大縮小率70%〜141％を超えると画質が劣化するのでご注意ください。</li>
</ul>
```
*/
.modListNormal {
  margin: 0 0 0 2em;
}

ul.modListNormal li:before {
  content: "\0030fb";
  display: inline-block;
  margin-left: -2em;
  text-align: center;
  width: 2em;
}

ol.modListNormal li {
  list-style: decimal;
}

/* indent */
.modIndent01 li {
  margin: 0 0 0 1em;
  text-indent: -1em;
}

.modIndent02 li {
  margin: 0 0 0 2.5em;
  text-indent: -2.5em;
}

.modDlForm {
  margin: 0 0 20px;
}

.modDlForm dt {
  clear: both;
  float: left;
  padding: 33px 0 20px 63px;
  position: relative;
  width: 16em;
}

@media only screen and (max-width: 768px) {
  .modDlForm dt {
    float: none;
    padding: 33px 0 0 63px;
    width: auto;
  }
}

.modDlForm dt.required:before, .modDlForm dt.any:before {
  color: #FFF;
  font-size: 0.6875rem;
  left: 0;
  padding: 2px 10px;
  position: absolute;
  top: 33px;
}

.modDlForm dt.required:before {
  background: #E33E41;
  content: "必須";
}

.modDlForm dt.any:before {
  background: #999999;
  content: "任意";
}

.modDlForm dd {
  border-bottom: solid 1px #ccc;
  padding: 10px 0;
  padding-left: 17em;
}

@media only screen and (max-width: 768px) {
  .modDlForm dd {
    padding: 10px 0;
  }
}

.modDlForm dd .parts {
  padding: 10px 0;
}

.modDlForm dd .parts textarea,
.modDlForm dd .parts input[type="text"],
.modDlForm dd .parts input[type="email"] {
  width: 100%;
}

.modDlForm dd .parts.radio_inline > div, .modDlForm dd .parts.check_inline > div {
  display: inline-block;
}

.modDlForm dd .parts.name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modDlForm dd .parts.name > div {
  width: 48.5%;
}

.modDlForm dd .parts.post, .modDlForm dd .parts.tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modDlForm dd .parts.post .hyphen, .modDlForm dd .parts.tel .hyphen {
  padding: 10px 10px 0 10px;
}

@media only screen and (max-width: 600px) {
  .modDlForm dd .parts.post .hyphen, .modDlForm dd .parts.tel .hyphen {
    padding: 10px 5px 0 5px;
  }
}

.modDlForm dd .parts.password input {
  max-width: 300px;
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .modDlForm dd .parts.password input {
    max-width: none;
  }
}

.modDlForm dd .parts.password .text {
  padding: 10px 0;
}

.modDlForm .validationError {
  color: #E33E41;
}

.modListBreadcrumb {
  max-width: 1030px;
  margin: 16px auto 0;
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  .modListBreadcrumb {
    display: none;
    padding: 0 20px;
  }
}

.modListBreadcrumb__item {
  display: inline;
  font-size: 0.75rem;
}

.modListBreadcrumb__item:not(:last-child):after {
  content: '\FF1E';
  font-size: 0.83333em;
  margin: 0 2px 0 4px;
}

.modListBreadcrumb__item.-home:before {
  display: none;
}

.modListNews__item {
  border-bottom: 1px solid #dbd5c5;
}

.modListNews__link {
  background: url(../img/common/icon_arrow02.svg) no-repeat right 6px center;
  display: block;
  text-decoration: none;
  padding: 20px 80px 20px 0;
}

@media only screen and (min-width: 769px) {
  .modListNews__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  .modListNews__link {
    background-position: right 0 bottom calc(50% - 18px);
    padding: 14px 20px 14px 0;
  }
}

.modListNews__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  .modListNews__head {
    margin-bottom: 8px;
  }
}

.modListNews__date {
  font-size: 0.9375rem;
  line-height: 1;
  margin-right: 9px;
}

@media only screen and (max-width: 768px) {
  .modListNews__date {
    margin-bottom: 2px;
  }
}

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

@media only screen and (max-width: 768px) {
  .modListNews-tag {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.modListNews-tag__item {
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1;
  text-align: center;
  min-width: 61px;
  padding: 6px 10px;
}

@media only screen and (max-width: 768px) {
  .modListNews-tag__item {
    font-size: 0.75rem;
    min-width: 49px;
    margin-bottom: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.modListNews-tag__item:not(:last-child) {
  margin-right: 8px;
}

.modListNews-tag__item.-tag01 {
  background-color: #fa4e5b;
}

.modListNews-tag__item.-tag02 {
  background-color: #28b3b1;
}

@media only screen and (min-width: 769px) {
  .modListNews__txt {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

@media only screen and (max-width: 768px) {
  .modListNews__txt {
    font-size: 0.875rem;
    line-height: 1.60714;
  }
}

@media only screen and (min-width: 1024px) {
  .modListFeature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 1023px) {
  .modListFeature {
    margin: 0 -20px;
  }
}

@media only screen and (min-width: 1024px) {
  .modListFeature.-type02 {
    /*
			transform-origin: center 0;
			transform: scale(.601);
			margin-bottom: -186px;
*/
  }
}

@media only screen and (max-width: 1023px) {
  .modListFeature.-type02 {
    padding: 0 39px;
    margin: 0;
  }
}

.modListFeature__item {
  position: relative;
  width: 25%;
  height: 467px;
  overflow: hidden;
}

@media only screen and (min-width: 1024px) {
  .modListFeature__item {
    max-width: 350px;
  }
  .modListFeature.-type02 .modListFeature__item {
    max-width: 210px;
    height: 280px;
  }
  .modListFeature.-top .modListFeature__item {
    width: 20%;
  }
}

@media only screen and (max-width: 1023px) {
  .modListFeature__item {
    width: auto;
    height: auto;
  }
}

@media only screen and (min-width: 1024px) {
  .modListFeature.-type02 .modListFeature__item:not(:last-child), .modListFeature.-top .modListFeature__item:not(:last-child) {
    margin-right: 2px;
  }
}

@media only screen and (max-width: 1023px) {
  .modListFeature__item:not(:last-child) {
    margin-bottom: 3px;
  }
}

.modListFeature__link {
  display: block;
  text-decoration: none;
}

@media only screen and (max-width: 1023px) {
  .modListFeature__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.modListFeature__image {
  text-align: center;
  margin: 0 -50%;
}

@media only screen and (max-width: 1023px) {
  .modListFeature__image {
    width: 50%;
    margin: 0;
  }
}

.modListFeature:not(.-type02) .modListFeature__item:nth-child(even) .modListFeature__image {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.modListFeature__image picture {
  display: block;
}

@media all and (-ms-high-contrast: none) {
  .modListFeature__image picture {
    /* for IE11 */
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
  }
}

@supports (-ms-ime-align: auto) {
  .modListFeature__image picture {
    /* for Edge */
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
  }
}

@media all and (-ms-high-contrast: none) {
  .modListFeature.-type02 .modListFeature__image picture {
    /* for IE11 */
    -webkit-transform: scale(1.01) rotate(0.01deg);
    -ms-transform: scale(1.01) rotate(0.01deg);
    transform: scale(1.01) rotate(0.01deg);
  }
}

@supports (-ms-ime-align: auto) {
  .modListFeature.-type02 .modListFeature__image picture {
    /* for Edge */
    -webkit-transform: scale(1.01) rotate(0.01deg);
    -ms-transform: scale(1.01) rotate(0.01deg);
    transform: scale(1.01) rotate(0.01deg);
  }
}

@media only screen and (max-width: 1023px) {
  .modListFeature__image img {
    width: 100%;
  }
}

.modListFeature__title {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .modListFeature__title {
    position: static;
    width: 50%;
  }
}

@media only screen and (min-width: 1024px) {
  .modListFeature.-type02 .modListFeature__title img {
    width: 39px;
  }
}

@media only screen and (max-width: 1023px) {
  .modListFeature__title img {
    width: 100%;
  }
}

.modListFeature-btn {
  position: absolute;
  bottom: 82px;
  width: 100%;
  padding: 0 15px;
}

@media only screen and (min-width: 1024px) {
  .modListFeature.-type02 .modListFeature-btn {
    bottom: 49px;
  }
}

@media only screen and (max-width: 1023px) {
  .modListFeature-btn {
    bottom: 0;
    height: 100%;
    padding: 0;
  }
}

.modListFeature-btn__item {
  background: url(../img/common/icon_arrow.svg) no-repeat right 21px center;
  display: block;
  /*
			&::before {
				@include max($_breakpoint) {
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
			}
*/
}

@media only screen and (min-width: 1024px) {
  .modListFeature-btn__item {
    border: 1px solid #fff;
    border-radius: 25px / 50%;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.075em;
    line-height: 1.4;
    text-align: center;
    max-width: 225px;
    margin: 0 auto;
    padding: 13px 33px 17px;
  }
  .modListFeature.-type02 .modListFeature-btn__item {
    background-position: right 8px center;
    background-size: 8px;
    border-radius: 18px / 50%;
    font-size: 0.675rem;
    max-width: 135px;
    padding: 7px 13px 12px;
  }
}

@media only screen and (max-width: 1023px) {
  .modListFeature-btn__item {
    background-position: center bottom 27%;
    background-size: 3.2vw;
    width: 50%;
    height: 0;
    padding-top: 45.33333%;
  }
}

.modListFeature__item:nth-child(odd) .modListFeature-btn__item {
  margin-left: auto;
}

.modListFeature.-type02 .modListFeature__item:nth-child(even) .modListFeature-btn__item {
  margin-left: auto;
}

.modListTag {
  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;
}

.modListTag__item {
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1;
  text-align: center;
  min-width: 61px;
  margin-bottom: 5px;
  padding: 6px 12.5px;
  white-space: nowrap;
}

@media only screen and (max-width: 768px) {
  .modListTag:not(.-spLarge) .modListTag__item {
    font-size: 0.625rem;
    min-width: 49px;
    margin-bottom: 2px;
    padding: 5px 10px;
  }
}

.modListTag__item:not(:last-child) {
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  .modListTag:not(.-spLarge) .modListTag__item:not(:last-child) {
    margin-right: 4px;
  }
}

.modListTag__item--date {
  color: #1e1e1e;
  font-weight: 400;
  text-align: left;
  padding: 6px 17px 0 0;
}

@media only screen and (max-width: 768px) {
  .modListTag__item--date {
    padding: 5px 4px 0 0;
  }
}

.modListTag__item.-tag01 {
  background-color: #28b3b1;
}

.modListTag__item.-tag02 {
  background-color: #fa4e5b;
}

.modListTag__item.-tag03 {
  background-color: #ff8200;
}

.modListPaging {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin: 0 0 -15px;
  padding: 0 37px;
}

.modListPaging__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  margin: 0 7.5px 15px;
}

.modListPaging__item.-prev, .modListPaging__item.-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.modListPaging__item.-prev {
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.modListPaging__item.-next {
  right: 0;
}

.modListPaging__link {
  background-color: #c8c8c8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.8125rem;
  text-decoration: none;
  width: 100%;
  height: 40px;
}

.modListPaging__link.-active {
  background-color: #28b3b1;
  color: #fff;
}

.modListPaging__item.-prev .modListPaging__link,
.modListPaging__item.-next .modListPaging__link {
  background-color: transparent;
}

@media only screen and (min-width: 769px) {
  .modListCourse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  .modListCourse {
    padding: 0 20px;
  }
}

.modListCourse__item {
  text-align: center;
  width: 30%;
}

@media only screen and (max-width: 768px) {
  .modListCourse__item {
    width: auto;
    margin-bottom: 3px;
  }
}

.modListCourse__item.-color01 {
  background-color: #ffb300;
}

.modListCourse__item.-color02 {
  background-color: #fa4e5b;
}

.modListCourse__item.-color03 {
  background-color: #28b3b1;
}

.modListCourse__item.-color04 {
  background-color: #323264;
}

.modListCourse__item.-color05 {
  background-color: #ff8200;
}

.modListCourse__item.-color06 {
  background-color: #ac7d00;
}

.modListCourse__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-decoration: none;
}

@media only screen and (min-width: 769px) {
  .modListCourse__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.modListCourse__link.-colorBK {
  color: #1e1e1e;
}

.modListCourse__detail {
  position: relative;
  padding: 19px 30px;
}

@media only screen and (max-width: 768px) {
  .modListCourse__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    padding: 14px 10px;
  }
}

.modListCourse__detail::after {
  content: "";
  background: url(../img/common/icon_arrow.svg) no-repeat right 21px center;
  background-size: 20px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media only screen and (max-width: 768px) {
  .modListCourse__detail::after {
    background-position: right 8px center;
    background-size: 9px;
  }
}

.modListCourse__imagebox {
  position: relative;
  height: 162px;
}

@media only screen and (max-width: 768px) {
  .modListCourse__imagebox {
    width: 50%;
    height: auto;
  }
}

.modListCourse__image {
  background-position: center 0;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modListCourse__icon {
  margin-bottom: 3px;
}

@media only screen and (max-width: 768px) {
  .modListCourse__icon {
    margin-bottom: -3px;
  }
}

@media only screen and (max-width: 768px) {
  .modListCourse__icon img {
    width: 20px;
  }
}

.modListCourse__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  .modListCourse__name {
    font-size: 0.9375rem;
  }
}

.modListCourse-taglist {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.8125rem;
  line-height: 1.5;
  margin-right: -1em;
}

@media only screen and (max-width: 768px) {
  .modListCourse-taglist {
    font-size: 0.6875rem;
    max-width: 11em;
  }
}

@media only screen and (min-width: 769px) {
  .modListCourse-taglist {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .modListCourse-taglist {
    text-align: left;
  }
}

.modListCourse-taglist__item {
  display: inline-block;
  margin-right: 1em;
}

/*
#overview
other
*/
/*
#styleguide
xxxxx

```
コード
```
*/
@-webkit-keyframes rotateLoading {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}
@keyframes rotateLoading {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    transform: rotate(180deg) scale(0.6);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
  }
}

/*↓消さないこと*/
.modLoading {
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.modLoading__inner {
  bottom: 0;
  height: 42px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
}

.modLoading__inner::after {
  -webkit-animation: rotateLoading;
  animation: rotateLoading;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background: transparent !important;
  background-color: #666;
  border: 2px solid #666;
  border-bottom-color: transparent;
  border-radius: 100%;
  content: '';
  display: inline-block;
  height: 40px;
  margin: 2px;
  width: 40px;
}

/*↑消さないこと*/
.modAnchor {
  position: absolute;
  margin-top: -100px;
}

@media only screen and (max-width: 992px) {
  .modAnchor {
    margin-top: -60px;
  }
}

/* wysiwyg
------------------------------------------------------------*/
.modParts {
  margin-bottom: 20px;
}

.modPartsImage {
  color: #959595;
  text-align: center;
  font-size: 0.6875rem;
}

.modPartsImage .caption {
  margin: 5px 0 0;
}

.modPartsImage a:hover {
  opacity: 0.8;
}

.modPartsYoutube {
  margin-left: auto;
  margin-right: auto;
  max-width: 560px;
}

@media only screen and (max-width: 768px) {
  .modPartsYoutube {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
  }
  .modPartsYoutube iframe {
    height: 100% !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 100% !important;
  }
}

.modPartsTxt iframe {
  height: 400px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .modPartsTxt iframe {
    height: 250px;
  }
}

.modPartsTxt ul {
  margin-left: 2em;
}

.modPartsTxt ul li {
  list-style: disc;
}

.modPartsTxt ol {
  margin-left: 2.2em;
}

.modPartsTxt ol li {
  list-style: decimal;
}

.modPartsTxt strong,
.modPartsTxt th {
  font-weight: bold;
}

.modPartsTxt .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.modPartsTxt img.alignright {
  display: inline;
  margin: 0 0 2px 7px;
  padding: 4px;
}

.modPartsTxt img.alignleft {
  display: inline;
  margin: 0 7px 2px 0;
  padding: 4px;
}

.modPartsTxt .alignright {
  float: right;
}

.modPartsTxt .alignleft {
  float: left;
}

.modPartsTxt strong {
  font-weight: bold;
}

/*
#overview
modTable
*/
/*
#styleguide
xxx

```
```
*/
/*
#overview
modTitle
*/
/*
#styleguide
xxx

```
```
*/
.modTitlePage {
  position: relative;
  padding: 112px 0 117px;
}

@media only screen and (max-width: 768px) {
  .modTitlePage {
    padding: 11px 0 9px;
  }
}

@media only screen and (max-width: 768px) {
  .modTitlePage::after {
    content: "";
    background:
      url(../img/common/img_mv_side01_sp.svg?210303) no-repeat left bottom,
      url(../img/common/img_mv_side02_sp.svg?210303) no-repeat right top 2px;
    background-size: 41px 71px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 332px;
    z-index: 2;
    pointer-events: none;
  }
}

.modTitlePage__bg {
  background-position: center top;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modTitlePage__item {
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__item img {
    max-width: 267px;
  }
}

.modTitlePage__txt {
  width: 335px;
  height: 335px;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__txt {
    width: 267px;
    height: 267px;
  }
}

.modTitlePage__txt span {
  letter-spacing: -0.5em;
}

.modTitlePage__txt.-about {
  background: url(../img/about/img_title.png);
  background-size: cover;
  padding-top: 115px;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__txt.-about {
    padding-top: 90px;
  }
}

.modTitlePage__txt.-feature {
  padding-top: 167px;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__txt.-feature {
    padding-top: 132px;
  }
}

.modTitlePage__txt.-feature01 {
  background: url(../img/feature/img_title01.png);
  background-size: cover;
}

.modTitlePage__txt.-feature02 {
  background: url(../img/feature/img_title02.png);
  background-size: cover;
}

.modTitlePage__txt.-feature03 {
  background: url(../img/feature/img_title03.png);
  background-size: cover;
}

.modTitlePage__txt.-feature04 {
  background: url(../img/feature/img_title04.png);
  background-size: cover;
}

.modTitlePage__txt.-feature05 {
  background: url(../img/feature/img_title05.png);
  background-size: cover;
}

.modTitlePage__txt.-course {
  padding-top: 160px;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__txt.-course {
    padding-top: 130px;
  }
}

.modTitlePage__txt.-course01 {
  background: url(../img/course/img01_title.png);
  background-size: cover;
}

.modTitlePage__txt.-course02 {
  background: url(../img/course/img02_title.png);
  background-size: cover;
}

.modTitlePage__txt.-course03 {
  background: url(../img/course/img03_title.png);
  background-size: cover;
}

.modTitlePage__txt.-course04 {
  background: url(../img/course/img04_title.png);
  background-size: cover;
}

.modTitlePage__txt p {
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__txt p {
    font-size: 1.75rem;
  }
}

.modTitlePage__txt.-about p {
  font-size: 2.1875rem;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__txt.-about p {
    font-size: 1.75rem;
  }
}

.modTitlePage__txt.-feature p {
  font-size: 1.875rem;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__txt.-feature p {
    font-size: 1.5rem;
  }
}

.modTitlePage__txt.-course p {
  font-size: 2.1875rem;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__txt.-course p {
    font-size: 1.75rem;
  }
}

.modTitlePage__sub-txt {
  font-size: 0.9375rem !important;
  letter-spacing: 0 !important;
  line-height: 2.13 !important;
  margin-top: 8px !important;
}

@media only screen and (max-width: 768px) {
  .modTitlePage__sub-txt {
    font-size: 0.75rem !important;
  }
}

.modTitle01 {
  text-align: center;
}

.modTitle01__logo {
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  .modTitle01__logo {
    margin-bottom: 1px;
  }
}

@media only screen and (max-width: 768px) {
  .modTitle01__logo img {
    height: 45px;
  }
}

.modTitle01__title {
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
}

@media only screen and (max-width: 768px) {
  .modTitle01__title {
    font-size: 1.25rem;
  }
}

.modTitle01__title.-large {
  font-size: 1.875rem;
}

@media only screen and (max-width: 768px) {
  .modTitle01__title.-large {
    font-size: 1.59375rem;
  }
}

/*
#overview
modTxt
*/
/*
#styleguide
xx

```
```
*/
/*
kankospot
*/
body#page_kankospot .myMv__inner {
  padding-top: 58px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myMv__inner {
    padding-top: 55px;
  }
}

body#page_kankospot .myMv__title {
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myMv__title {
    margin-bottom: 10px;
  }
}

body#page_kankospot .myMv__txt {
  line-height: 2;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myMv__txt {
    font-size: 0.8rem;
  }
}

body#page_kankospot .myTitlePage {
  background: url(../img/kankospot/bg_title.png) center top;
  background-size: cover;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myTitlePage {
    background-image: url(../img/kankospot/bg_title_sp.png);
    margin-bottom: 16px;
  }
}

body#page_kankospot .myTitlePage__outer {
  margin: -60px 0 -60px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myTitlePage__outer {
    margin: -46px 0 -48px;
  }
}

body#page_kankospot .myTitlePage__inner {
  padding-top: 98px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myTitlePage__inner {
    padding-top: 82px;
  }
}

body#page_kankospot .myTitlePage__title {
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myTitlePage__title {
    margin-bottom: 10px;
  }
}

body#page_kankospot .mySearch {
  background: url(../img/kankospot/bg_search.png) center top;
  background-size: cover;
  padding: 0 0 83px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .mySearch {
    background-image: url(../img/kankospot/bg_search_sp.png);
    padding: 36px 0 53px;
  }
}

body#page_kankospot .mySearch__detail {
  margin-top: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .mySearch__detail {
    margin-top: 17px;
  }
}

body#page_kankospot .myResult {
  padding: 91px 0 97px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult {
    padding: 37px 0 60px;
  }
}

body#page_kankospot .myResult__num {
  letter-spacing: 0.075em;
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult__num {
    font-size: 0.875rem;
    margin-bottom: 8px;
  }
}

body#page_kankospot .myResult__list {
  margin-bottom: 72px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult__list {
    margin-bottom: 38px;
  }
}

body#page_kankospot .myResult__item {
  border-color: #c8c8c8;
  border-style: solid;
  border-width: 0 0 1px;
}

body#page_kankospot .myResult__item:first-child {
  border-top-width: 1px;
}

body#page_kankospot .myResult__item:not(:last-child) {
  margin-bottom: 1px;
}

body#page_kankospot .myResult__link,body#page_event .myResult__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 32px 0;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult__link {
    padding: 19px 0;
  }
}

@media only screen and (min-width: 993px) {
  body#page_kankospot .myResult__link:hover .myResult__detail {
    opacity: .8;
  }
}

body#page_kankospot .myResult__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult__image {
    width: 27.76119%;
    margin-right: 3.58209%;
  }
}

@media only screen and (min-width: 993px) {
  body#page_kankospot .myResult__detail {
    -webkit-transition: .2s;
    transition: .2s;
  }
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult__detail {
    margin-top: -4px;
  }
}

body#page_kankospot .myResult__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult__name {
    font-size: 1.125rem;
    margin-bottom: 3px;
  }
}

body#page_kankospot .myResult__tag {
  margin-bottom: 6px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult__tag {
    margin-bottom: 4px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_kankospot .myResult__paging {
  text-align: center;
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myResult__paging {
    margin-bottom: 60px;
  }
}

body#page_kankospot .myResult__btn {
  padding: 0 32px;
}

body#page_kankospot .myDetail {
  margin: 62px 0 94px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail {
    margin: 27px 0 33px;
  }
}

body#page_kankospot .myDetail__title {
  border-bottom: 1px solid #c8c8c8;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 23px;
  padding-bottom: 16px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail__title {
    font-size: 1.25rem;
    margin-bottom: 19px;
    padding-bottom: 14px;
  }
}

body#page_kankospot .myDetail__tag {
  margin-bottom: 38px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail__tag {
    margin-bottom: 24px;
  }
}

body#page_kankospot .myDetail-image {
  line-height: 0;
  margin-bottom: 42px;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail-image {
    margin-bottom: 25px;
  }
}

body#page_kankospot .myDetail-image__item img {
  margin: 0 auto;
}

body#page_kankospot .myDetail-nav {
  line-height: 0;
  margin-bottom: 66px;
  padding: 0 60px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail-nav {
    margin-bottom: 37px;
    padding: 0 26px;
  }
}

body#page_kankospot .myDetail-nav__item {
  cursor: pointer;
  padding: 0 8.5px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail-nav__item {
    padding: 0 3.5px;
  }
}

/* body#page_kankospot .myDetail-nav .slick-track {
  margin-left: -25%;
} */

body#page_kankospot .myDetail-nav .slick-arrow {
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail-nav .slick-arrow {
    background-size: 8px;
    width: 23px;
    height: 23px;
  }
}

body#page_kankospot .myDetail-nav .slick-prev {
  left: 0;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail-nav .slick-prev {
    left: -4px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail-nav .slick-next {
    right: -4px;
  }
}

body#page_kankospot .myDetail__txtwrap p,
body#page_kankospot .myDetail__txt {
  letter-spacing: -0.005em;
  margin-bottom: 27px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail__txtwrap p,
  body#page_kankospot .myDetail__txt {
    font-size: 0.9375rem;
    line-height: 1.53333;
    margin-bottom: 25px;
  }
}

body#page_kankospot .myDetail-link__item {
  letter-spacing: -0.005em;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail-link__item {
    font-size: 0.9375rem;
    line-height: 1.53333;
  }
}

body#page_kankospot .myDetail-link__item::before {
  content: "\3009\3009";
  color: #28b3b1;
  letter-spacing: -.5em;
  margin-right: 2px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myDetail-link__item::before {
    margin-right: 2px;
  }
}

body#page_kankospot .myData {
  margin-bottom: 70px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myData {
    margin-bottom: 54px;
  }
}

body#page_kankospot .myData__title {
  border-bottom: 1px solid #c8c8c8;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 21px;
  padding-bottom: 18px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myData__title {
    font-size: 1rem;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

body#page_kankospot .myData__table {
  width: 100%;
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myData__table {
    margin-bottom: 23px;
  }
}

body#page_kankospot .myData__table tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myData__table tr {
    display: block;
  }
}

body#page_kankospot .myData__table th, body#page_kankospot .myData__table td {
  letter-spacing: 0.075em;
  line-height: 1.5;
  vertical-align: top;
  padding: 13px 20px 10px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myData__table th, body#page_kankospot .myData__table td {
    display: block;
    font-size: 0.9375rem;
  }
}

body#page_kankospot .myData__table th a, body#page_kankospot .myData__table td a {
  word-break: break-word;
}

body#page_kankospot .myData__table th {
  background-color: #28b3b1;
  color: #fff;
  font-weight: 500;
  width: 146px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myData__table th {
    text-align: center;
    width: auto;
    padding: 10px 20px 13px;
  }
}

body#page_kankospot .myData__table td {
  border-bottom: 1px solid transparent;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myData__table td {
    padding: 8px 0 12px;
  }
}

body#page_kankospot .myData__map {
  position: relative;
  height: 400px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myData__map {
    height: 47.73333vw;
    margin: 0 -20px;
  }
}

body#page_kankospot .myData__map > * {
  position: absolute;
  width: 100%;
  height: 100%;
}

body#page_kankospot .myRecommend {
  margin-bottom: 102px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend {
    margin-bottom: 60px;
  }
}

body#page_kankospot .myRecommend__lead {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-align: center;
  margin-bottom: 42px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend__lead {
    font-size: 1.125rem;
    margin-bottom: 19px;
  }
}

body#page_kankospot .myRecommend__list {
  margin-bottom: 80px;
}

@media only screen and (min-width: 769px) {
  body#page_kankospot .myRecommend__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend__list {
    margin-bottom: 62px;
  }
}

body#page_kankospot .myRecommend__item {
  width: 31.54762%;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend__item {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend__item:not(:last-child) {
    margin-bottom: 10px;
  }
}

body#page_kankospot .myRecommend__link {
  display: block;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 993px) {
  body#page_kankospot .myRecommend__link:hover .myRecommend__detail {
    opacity: .8;
  }
}

body#page_kankospot .myRecommend__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend__image {
    width: 27.76119%;
    margin-right: 3.58209%;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 993px) {
  body#page_kankospot .myRecommend__detail {
    -webkit-transition: .2s;
    transition: .2s;
  }
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend__detail {
    margin-top: -4px;
  }
}

body#page_kankospot .myRecommend__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 4px;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend__name {
    font-size: 1.125rem;
    margin-bottom: 3px;
  }
}

body#page_kankospot .myRecommend__txt {
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  body#page_kankospot .myRecommend__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_kankospot .myRecommend__btn {
  padding: 0 32px;
}

/*
event
*/
body#page_event .myMv__inner {
  padding-top: 58px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myMv__inner {
    padding-top: 55px;
  }
}

body#page_event .myMv__title {
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myMv__title {
    margin-bottom: 10px;
  }
}

body#page_event .myMv__txt {
  line-height: 2;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  body#page_event .myMv__txt {
    font-size: 0.8rem;
  }
}

body#page_event .myTitlePage {
  background: url(../img/event/bg_title.png) center top;
  background-size: cover;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_event .myTitlePage {
    background-image: url(../img/event/bg_title_sp.png);
    margin-bottom: 16px;
  }
}

body#page_event .myTitlePage__outer {
  margin: -60px 0 -60px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myTitlePage__outer {
    margin: -46px 0 -48px;
  }
}

body#page_event .myTitlePage__inner {
  padding-top: 98px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myTitlePage__inner {
    padding-top: 82px;
  }
}

body#page_event .myTitlePage__title {
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myTitlePage__title {
    margin-bottom: 10px;
  }
}

body#page_event .mySearch {
  background: url(../img/event/bg_search.png) center top;
  background-size: cover;
  padding: 0 0 83px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_event .mySearch {
    background-image: url(../img/event/bg_search_sp.png);
    padding: 15px 0 53px;
  }
}

body#page_event .mySearch__detail {
  margin-top: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_event .mySearch__detail {
    margin-top: 17px;
  }
}

body#page_event .myResult {
  padding: 91px 0 97px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult {
    padding: 37px 0 60px;
  }
}

body#page_event .myResult__num {
  letter-spacing: 0.075em;
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult__num {
    font-size: 0.875rem;
    margin-bottom: 8px;
  }
}

body#page_event .myResult__list {
  margin-bottom: 72px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult__list {
    margin-bottom: 38px;
  }
}

body#page_event .myResult__item {
  border-color: #c8c8c8;
  border-style: solid;
  border-width: 0 0 1px;
}

body#page_event .myResult__item:first-child {
  border-top-width: 1px;
}

body#page_event .myResult__item:not(:last-child) {
  margin-bottom: 1px;
}

body#page_event .myResult__link,body#page_event .myResult__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  padding: 32px 0;
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult__link {
    padding: 19px 0;
  }
}

@media only screen and (min-width: 993px) {
  body#page_event .myResult__link:hover .myResult__detail {
    opacity: .8;
  }
}

body#page_event .myResult__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult__image {
    width: 27.76119%;
    margin-right: 3.58209%;
  }
}

@media only screen and (min-width: 993px) {
  body#page_event .myResult__detail {
    -webkit-transition: .2s;
    transition: .2s;
  }
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult__detail {
    margin-top: -4px;
  }
}

body#page_event .myResult__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult__name {
    font-size: 1.125rem;
    margin-bottom: 3px;
  }
}

body#page_event .myResult__tag {
  margin-bottom: 6px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult__tag {
    margin-bottom: 4px;
  }
}

body#page_event .myResult__txt {
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_event .myResult__paging {
  text-align: center;
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myResult__paging {
    margin-bottom: 60px;
  }
}

body#page_event .myResult__btn {
  padding: 0 32px;
}

body#page_event .myDetail {
  margin: 62px 0 94px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail {
    margin: 27px 0 33px;
  }
}

body#page_event .myDetail__title {
  border-bottom: 1px solid #c8c8c8;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 23px;
  padding-bottom: 16px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail__title {
    font-size: 1.25rem;
    margin-bottom: 19px;
    padding-bottom: 14px;
  }
}

body#page_event .myDetail__tag {
  margin-bottom: 38px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail__tag {
    margin-bottom: 24px;
  }
}

body#page_event .myDetail-image {
  line-height: 0;
  margin-bottom: 42px;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail-image {
    margin-bottom: 25px;
  }
}

body#page_event .myDetail-nav {
  line-height: 0;
  margin-bottom: 66px;
  padding: 0 60px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail-nav {
    margin-bottom: 37px;
    padding: 0 26px;
  }
}

body#page_event .myDetail-nav__item {
  cursor: pointer;
  padding: 0 8.5px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail-nav__item {
    padding: 0 3.5px;
  }
}

/* body#page_event .myDetail-nav .slick-track {
  margin-left: -25%;
} */

body#page_event .myDetail-nav .slick-arrow {
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail-nav .slick-arrow {
    background-size: 8px;
    width: 23px;
    height: 23px;
  }
}

body#page_event .myDetail-nav .slick-prev {
  left: 0;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail-nav .slick-prev {
    left: -4px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail-nav .slick-next {
    right: -4px;
  }
}

body#page_event .myDetail__txtwrap p,
body#page_event .myDetail__txt {
  letter-spacing: -0.005em;
  margin-bottom: 27px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail__txtwrap p,
  body#page_event .myDetail__txt {
    font-size: 0.9375rem;
    line-height: 1.53333;
    margin-bottom: 25px;
  }
}

body#page_event .myDetail-link__item {
  letter-spacing: -0.005em;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail-link__item {
    font-size: 0.9375rem;
    line-height: 1.53333;
  }
}

body#page_event .myDetail-link__item::before {
  content: "\3009\3009";
  color: #28b3b1;
  letter-spacing: -.5em;
  margin-right: 2px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myDetail-link__item::before {
    margin-right: 2px;
  }
}

body#page_event .myData {
  margin-bottom: 70px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myData {
    margin-bottom: 54px;
  }
}

body#page_event .myData__title {
  border-bottom: 1px solid #c8c8c8;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 21px;
  padding-bottom: 18px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myData__title {
    font-size: 1rem;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

body#page_event .myData__table {
  width: 100%;
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myData__table {
    margin-bottom: 23px;
  }
}

body#page_event .myData__table tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 768px) {
  body#page_event .myData__table tr {
    display: block;
  }
}

body#page_event .myData__table th, body#page_event .myData__table td {
  letter-spacing: 0.075em;
  line-height: 1.5;
  vertical-align: top;
  padding: 13px 20px 10px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myData__table th, body#page_event .myData__table td {
    display: block;
    font-size: 0.9375rem;
  }
}

body#page_event .myData__table th a, body#page_event .myData__table td a {
  word-break: break-word;
}

body#page_event .myData__table th {
  background-color: #28b3b1;
  color: #fff;
  font-weight: 500;
  width: 146px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myData__table th {
    text-align: center;
    width: auto;
    padding: 10px 20px 13px;
  }
}

body#page_event .myData__table td {
  border-bottom: 1px solid transparent;
}

@media only screen and (max-width: 768px) {
  body#page_event .myData__table td {
    padding: 8px 0 12px;
  }
}

body#page_event .myData__map {
  position: relative;
  height: 400px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myData__map {
    height: 47.73333vw;
    margin: 0 -20px;
  }
}

body#page_event .myData__map > * {
  position: absolute;
  width: 100%;
  height: 100%;
}

body#page_event .myRecommend {
  margin-bottom: 102px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend {
    margin-bottom: 60px;
  }
}

body#page_event .myRecommend__lead {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-align: center;
  margin-bottom: 42px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend__lead {
    font-size: 1.125rem;
    margin-bottom: 19px;
  }
}

body#page_event .myRecommend__list {
  margin-bottom: 80px;
}

@media only screen and (min-width: 769px) {
  body#page_event .myRecommend__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend__list {
    margin-bottom: 62px;
  }
}

body#page_event .myRecommend__item {
  width: 31.54762%;
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend__item {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend__item:not(:last-child) {
    margin-bottom: 10px;
  }
}

body#page_event .myRecommend__link {
  display: block;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 993px) {
  body#page_event .myRecommend__link:hover .myRecommend__detail {
    opacity: .8;
  }
}

body#page_event .myRecommend__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend__image {
    width: 27.76119%;
    margin-right: 3.58209%;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 993px) {
  body#page_event .myRecommend__detail {
    -webkit-transition: .2s;
    transition: .2s;
  }
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend__detail {
    margin-top: -4px;
  }
}

body#page_event .myRecommend__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 4px;
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend__name {
    font-size: 1.125rem;
    margin-bottom: 3px;
  }
}

body#page_event .myRecommend__txt {
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  body#page_event .myRecommend__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_event .myRecommend__btn {
  padding: 0 32px;
}

/*
news
*/
body#page_info .myMv__inner {
  padding-top: 58px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myMv__inner {
    padding-top: 55px;
  }
}

body#page_info .myMv__title {
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myMv__title {
    margin-bottom: 10px;
  }
}

body#page_info .myMv__txt {
  line-height: 2;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  body#page_info .myMv__txt {
    font-size: 0.8rem;
  }
}

body#page_info .myTitlePage {
  background: url(../img/news/bg_title.png) center top;
  background-size: cover;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_info .myTitlePage {
    background-image: url(../img/news/bg_title_sp.png);
    margin-bottom: 16px;
  }
}

body#page_info .myTitlePage__outer {
  margin: -60px 0 -60px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myTitlePage__outer {
    margin: -46px 0 -48px;
  }
}

body#page_info .myTitlePage__inner {
  padding-top: 98px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myTitlePage__inner {
    padding-top: 82px;
  }
}

body#page_info .myTitlePage__title {
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myTitlePage__title {
    margin-bottom: 10px;
  }
}

body#page_info .mySearch {
  background: url(../img/news/bg_search.png) center top;
  background-size: cover;
  padding: 0 0 83px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_info .mySearch {
    background-image: url(../img/news/bg_search_sp.png);
    padding: 15px 0 53px;
  }
}

body#page_info .mySearch__detail {
  margin-top: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_info .mySearch__detail {
    margin-top: 17px;
  }
}

body#page_info .myResult {
  padding: 66px 0 97px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myResult {
    padding: 15px 0 60px;
  }
}

body#page_info .myResult__num {
  letter-spacing: 0.075em;
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myResult__num {
    font-size: 0.875rem;
    margin-bottom: 8px;
  }
}

body#page_info .myResult__list {
  margin-bottom: 72px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myResult__list {
    margin-bottom: 38px;
  }
}

body#page_info .myResult__item {
  border-color: #c8c8c8;
  border-style: solid;
  border-width: 0 0 1px;
}

body#page_info .myResult__item:not(:last-child) {
  margin-bottom: 1px;
}

body#page_info .myResult__link {
  position: relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  text-decoration: none;
  padding: 25px 0;
}

@media only screen and (max-width: 768px) {
  body#page_info .myResult__link {
    padding: 22px 0 17px;
  }
}

body#page_info .myResult__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
  width: 786px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myResult__detail {
    display: block;
    width: 90%;
  }
}

@media only screen and (min-width: 993px) {
  body#page_info .myResult__link:hover .myResult__detail {
    opacity: .8;
  }
}

@media only screen and (min-width: 993px) {
  body#page_info .myResult__detail {
    -webkit-transition: .2s;
    transition: .2s;
  }
}

body#page_info .myResult__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  body#page_info .myResult__date {
    margin-bottom: 10px;
  }
}

body#page_info .myResult__tag {
  margin: 0 10px;
}

body#page_info .myResult__txt {
  font-size: 0.9375rem;
}

@media only screen and (max-width: 768px) {
  body#page_info .myResult__txt {
    line-height: 1.5;
  }
}

body#page_info .myResult__txtcontaienr {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  body#page_info .myResult__txtcontaienr {
    overflow: auto;
  }
}
@media only screen and (min-width: 769px) {
  body#page_info .myResult__txtcontaienr {
    max-width: 558px;
  }
}

body#page_info .myResult__txt--detail {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  body#page_info .myResult__txt--detail {
    overflow: visible;
    text-overflow: ellipsis;
    white-space: normal;
  }
}

body#page_info .myResult__icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  body#page_info .myResult__icon {
    top: 70%;
    transform: translateY(-70%);
  }
}

body#page_info .myResult__paging {
  text-align: center;
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myResult__paging {
    margin-bottom: 60px;
  }
}

body#page_info .myResult__btn {
  padding: 0 32px;
}

body#page_info .myDetail {
  margin: 62px 0 94px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail {
    margin: 27px 0 33px;
  }
}

body#page_info .myDetail__title {
  border-bottom: 1px solid #c8c8c8;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 23px;
  padding-bottom: 16px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail__title {
    font-size: 1.25rem;
    margin-bottom: 19px;
    padding-bottom: 14px;
  }
}

body#page_info .myDetail__tag {
  margin-bottom: 38px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail__tag {
    margin-bottom: 24px;
  }
}

body#page_info .myDetail-image {
  line-height: 0;
  margin-bottom: 42px;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail-image {
    margin-bottom: 25px;
  }
}

body#page_info .myDetail-nav {
  line-height: 0;
  margin-bottom: 66px;
  padding: 0 60px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail-nav {
    margin-bottom: 37px;
    padding: 0 26px;
  }
}

body#page_info .myDetail-nav__item {
  cursor: pointer;
  padding: 0 8.5px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail-nav__item {
    padding: 0 3.5px;
  }
}

/* body#page_info .myDetail-nav .slick-track {
  margin-left: -25%;
} */

body#page_info .myDetail-nav .slick-arrow {
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail-nav .slick-arrow {
    background-size: 8px;
    width: 23px;
    height: 23px;
  }
}

body#page_info .myDetail-nav .slick-prev {
  left: 0;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail-nav .slick-prev {
    left: -4px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail-nav .slick-next {
    right: -4px;
  }
}

body#page_info .myDetail__txtwrap p,
body#page_info .myDetail__txt {
  letter-spacing: -0.005em;
  margin-bottom: 27px;
}

body#page_info .myDetail__txtwrap p a,
body#page_info .myDetail__txt a {
  text-decoration: none;
  word-break: break-all;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail__txtwrap p,
  body#page_info .myDetail__txt {
    font-size: 0.9375rem;
    line-height: 1.53333;
    margin-bottom: 25px;
  }
}

body#page_info .myDetail__list {
  letter-spacing: -0.005em;
  margin-bottom: 27px;
  padding-left: 0.5em;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail__list {
    font-size: 0.9375rem;
    line-height: 1.53333;
    margin-bottom: 25px;
  }
}

body#page_info .myDetail-list__txt {
  text-indent: -1em;
}

body#page_info .myDetail-link__item {
  letter-spacing: -0.005em;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail-link__item {
    font-size: 0.9375rem;
    line-height: 1.53333;
  }
}

body#page_info .myDetail-link {
  padding-bottom: 64px;
  border-bottom: 1px solid #c8c8c8;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail-link {
    padding-bottom: 40px;
  }
}

body#page_info .myDetail-link__item::before {
  content: "\3009\3009";
  color: #28b3b1;
  letter-spacing: -.5em;
  margin-right: 2px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myDetail-link__item::before {
    margin-right: 2px;
  }
}

body#page_info .myData {
  margin-bottom: 70px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myData {
    margin-bottom: 54px;
  }
}

body#page_info .myData__title {
  border-bottom: 1px solid #c8c8c8;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 21px;
  padding-bottom: 18px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myData__title {
    font-size: 1rem;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

body#page_info .myData__table {
  width: 100%;
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myData__table {
    margin-bottom: 23px;
  }
}

body#page_info .myData__table tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 768px) {
  body#page_info .myData__table tr {
    display: block;
  }
}

body#page_info .myData__table th, body#page_info .myData__table td {
  letter-spacing: 0.075em;
  line-height: 1.5;
  vertical-align: top;
  padding: 13px 20px 10px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myData__table th, body#page_info .myData__table td {
    display: block;
    font-size: 0.9375rem;
  }
}

body#page_info .myData__table th a, body#page_info .myData__table td a {
  word-break: break-word;
}

body#page_info .myData__table th {
  background-color: #28b3b1;
  color: #fff;
  font-weight: 500;
  width: 146px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myData__table th {
    text-align: center;
    width: auto;
    padding: 10px 20px 13px;
  }
}

body#page_info .myData__table td {
  border-bottom: 1px solid transparent;
}

@media only screen and (max-width: 768px) {
  body#page_info .myData__table td {
    padding: 8px 0 12px;
  }
}

body#page_info .myData__map {
  position: relative;
  height: 400px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myData__map {
    height: 47.73333vw;
    margin: 0 -20px;
  }
}

body#page_info .myData__map > * {
  position: absolute;
  width: 100%;
  height: 100%;
}

body#page_info .myRecommend {
  margin-bottom: 102px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend {
    margin-bottom: 60px;
  }
}

body#page_info .myRecommend__lead {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-align: center;
  margin-bottom: 42px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend__lead {
    font-size: 1.125rem;
    margin-bottom: 19px;
  }
}

body#page_info .myRecommend__list {
  margin-bottom: 80px;
}

@media only screen and (min-width: 769px) {
  body#page_info .myRecommend__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend__list {
    margin-bottom: 62px;
  }
}

body#page_info .myRecommend__item {
  width: 31.54762%;
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend__item {
    width: auto;
  }
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend__item:not(:last-child) {
    margin-bottom: 10px;
  }
}

body#page_info .myRecommend__link {
  display: block;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 993px) {
  body#page_info .myRecommend__link:hover .myRecommend__detail {
    opacity: .8;
  }
}

body#page_info .myRecommend__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend__image {
    width: 27.76119%;
    margin-right: 3.58209%;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 993px) {
  body#page_info .myRecommend__detail {
    -webkit-transition: .2s;
    transition: .2s;
  }
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend__detail {
    margin-top: -4px;
  }
}

body#page_info .myRecommend__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 4px;
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend__name {
    font-size: 1.125rem;
    margin-bottom: 3px;
  }
}

body#page_info .myRecommend__txt {
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  body#page_info .myRecommend__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_info .myRecommend__btn {
  padding: 0 32px;
}

/*
links
*/
body#page_links .myTitlePage {
  background: url(../img/news/bg_title.png) center top;
  background-size: cover;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_links .myTitlePage {
    background-image: url(../img/news/bg_title_sp.png);
    margin-bottom: 16px;
  }
}

body#page_links .myTitlePage__outer {
  margin: -60px 0 -60px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myTitlePage__outer {
    margin: -46px 0 -48px;
  }
}

body#page_links .myTitlePage__inner {
  padding-top: 98px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myTitlePage__inner {
    padding-top: 82px;
  }
}

body#page_links .myTitlePage__title {
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myTitlePage__title {
    margin-bottom: 10px;
  }
}

body#page_links .myResult {
  padding: 66px 0 97px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult {
    padding: 15px 0 60px;
  }
}

body#page_links .myResult__title {
  font-size: 1.25rem;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.4375;
  color: #fff;
  background-color: #28b3b1;
  padding: 10px 0 10px 1em;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__title {
    font-size: 1rem;
    font-weight: normal;
    padding-left: 1em;
  }
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__title span {
    font-size: 0.8125rem;
  }
}

body#page_links .myResult__pamphlets {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 40px 0 35px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__pamphlets {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0 5px;
  }
}

body#page_links .myResult__pamphlets--item {
  text-align: center;
  width: 25%;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__pamphlets--item {
    width: 43%;
  }
}

body#page_links .myResult__pamphlets--item:not(:last-child) {
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__pamphlets--item:not(:last-child) {
    margin-right: 0;
  }
}

body#page_links .myResult__pamphlets--txt {
  margin: 15px 0 25px;
  font-feature-settings: "palt";
}

@media only screen and (min-width: 1030px) {
  body#page_links .myResult__pamphlets--txt {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__pamphlets--txt {
    font-size: 0.875em;
  }
}

@media only screen and (min-width: 1030px) {
  body#page_links .myResult__pamphlets--txt.-last {
    text-indent: -1em;
  }
}

body#page_links .myResult__banner {
  display: block;
  width: 460px;
  margin: 40px 0 60px 40px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__banner {
    width: 88.66%;
    margin: 25px auto 30px;
  }
}

body#page_links .myResult__list {
  margin-bottom: 55px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__list {
    margin-bottom: 38px;
  }
}

body#page_links .myResult__item {
  border-color: #c8c8c8;
  border-style: solid;
  border-width: 0 0 1px;
}

body#page_links .myResult__item:not(:last-child) {
  margin-bottom: 1px;
}

body#page_links .myResult__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
  padding: 25px 0;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__detail {
    display: block;
    padding: 22px 0 30px;
  }
}

@media only screen and (min-width: 993px) {
  body#page_links .myResult__link:hover .myResult__detail {
    opacity: .8;
  }
}

@media only screen and (min-width: 993px) {
  body#page_links .myResult__detail {
    -webkit-transition: .2s;
    transition: .2s;
  }
}

body#page_links .myResult__txt {
  font-weight: 500;
  line-height: 2.3;
  margin-right: 45px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__txt {
    margin-right: 0;
  }
}

body#page_links .myResult__txt::before,body#page_links .myResult__city p::before {
  content: "●";
  font-size: 0.5em;
  vertical-align: 10%;
  color: #e93d3a;
  margin-right: 10px;
}

body#page_links .myResult__links {
  font-size: 0.9375rem;
  line-height: 2.3;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__links {
    line-height: 1.5;
    text-indent: 0.7em;
    padding-left: 8px;
  }
}

body#page_links .myResult__links.-ml110 {
  margin-left: 110px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__links.-ml110 {
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__links li:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__city-wrapper {
    width: 100%;
    overflow: hidden;
  }
}

body#page_links .myResult__city {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 30px 0 70px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myResult__city {
    margin: 25px -60px 30px 0;
  }
}

@media only screen and (max-width: 735px) {
  body#page_links .myResult__city {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

body#page_links .myResult__city p {
  font-weight: 500;
  margin: 0 60px 30px 0;
}

body#page_links .myResult__btn {
  padding: 0 32px;
}

body#page_links .myDetail {
  margin: 62px 0 94px;
}

@media only screen and (max-width: 768px) {
  body#page_links .myDetail {
    margin: 27px 0 33px;
  }
}

/*
area_access
*/
body#page_area_access .myTitlePage {
  background: url(../img/news/bg_title.png) center top;
  background-size: cover;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myTitlePage {
    background-image: url(../img/news/bg_title_sp.png);
    margin-bottom: 16px;
  }
}

body#page_area_access .myTitlePage__outer {
  margin: -60px 0 -60px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myTitlePage__outer {
    margin: -46px 0 -48px;
  }
}

body#page_area_access .myTitlePage__inner {
  padding-top: 98px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myTitlePage__inner {
    padding-top: 82px;
  }
}

body#page_area_access .myTitlePage__title {
  margin-bottom: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myTitlePage__title {
    margin-bottom: 10px;
  }
}

body#page_area_access .myResult {
  padding: 66px 0 97px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult {
    padding: 15px 0 60px;
  }
}

body#page_area_access .myResult__title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4375;
  font-feature-settings: "palt";
  color: #fff;
  background-color: #28b3b1;
  padding: 10px 0 10px 1em;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__title {
    font-size: 1rem;
    font-weight: normal;
    padding-left: 1em;
  }
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__title span {
    font-size: 0.8125rem;
  }
}

body#page_area_access .myResult__air {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 20px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__air {
    display: block;
    margin: 25px 0 40px;
  }
}

body#page_area_access .myResult__air-duration.-mr35 {
  margin-right: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__air-duration {
    margin-bottom: 20px;
  }
}

body#page_area_access .myResult__caption {
  font-size: 1.125rem;
  font-weight: bold;
  color: #e93d3a;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__caption {
    font-size: 1rem;
  }
}

body#page_area_access .myResult__duration-wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__duration-wrapper {
    display: block;
  }
}

body#page_area_access .myResult__duration-wrapper ul:not(:last-child) {
  margin-right: 25px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__duration-wrapper ul:not(:last-child) {
    margin-right: 0;
  }
}

body#page_area_access .myResult__duration p {
  font-size: 1rem;
  font-feature-settings: "palt";
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__duration p {
    font-size: 0.9375rem;
  }
}

@media only screen and (max-width: 379px) {
  body#page_area_access .myResult__duration p {
    font-size: 0.875rem;
  }
}

body#page_area_access .myResult__dotted {
  margin: 0 15px 0 13px;
  letter-spacing: -0.5em;
  font-feature-settings: normal;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__dotted {
    margin: 0 8px;
  }
}

body#page_area_access .myResult__dotted.-pl1em {
  padding-left: 1em;
}

body#page_area_access .myResult__dotted.-pl2em {
  padding-left: 2em;
}

body#page_area_access .myResult__dotted.-pl3em {
  padding-left: 3em;
}

body#page_area_access .myResult__train {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin: 20px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__train {
    display: block;
    margin: 25px 0 40px;
  }
}

body#page_area_access .myResult__train-duration.-mr35,body#page_area_access .myResult__car-duration.-mr35 {
  margin-right: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__train-duration.-mr35,body#page_area_access .myResult__car-duration.-mr35 {
    margin: 0 0 20px;
  }
}

body#page_area_access .myResult__train-duration div:not(:last-child) {
  margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__train-duration div:not(:last-child) {
    margin-bottom: 20px;
  }
}

body#page_area_access .myResult__car {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin: 20px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__car {
    display: block;
    margin: 25px 0 40px;
  }
}

body#page_area_access .myResult__car-duration.-txt {
  width: 23.3em;
  margin-left: auto;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__car-duration.-txt {
    width: auto;
    margin-left: 0;
  }
}

body#page_area_access .myResult__list {
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__list {
    margin-bottom: 58px;
  }
}

body#page_area_access .myResult__item {
  border-color: #c8c8c8;
  border-style: solid;
  border-width: 0 0 1px;
}

body#page_area_access .myResult__item:not(:last-child) {
  margin-bottom: 1px;
}

body#page_area_access .myResult__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
  padding: 20px 0;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__detail {
    display: block;
    padding: 20px 0 25px;
  }
}

@media only screen and (min-width: 993px) {
  body#page_area_access .myResult__link:hover .myResult__detail {
    opacity: .8;
  }
}

@media only screen and (min-width: 993px) {
  body#page_area_access .myResult__detail {
    -webkit-transition: .2s;
    transition: .2s;
  }
}

body#page_area_access .myResult__txt {
  font-weight: 500;
  line-height: 2.3;
  font-feature-settings: "palt";
  width: 19em;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__txt {
    width: auto;
  }
}

body#page_area_access .myResult__txt::before,body#page_area_access .myResult__start::before {
  content: "●";
  font-size: 0.5em;
  vertical-align: 10%;
  color: #e93d3a;
  margin-right: 10px;
}

body#page_area_access .myResult__txt-detail {
  font-size: 0.9375rem;
  line-height: 2.3;
  font-feature-settings: "palt";
  margin-left: 55px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__txt-detail {
    line-height: 1.53;
    margin-left: 19px;
  }
}

body#page_area_access .myResult__txt-detail.-address {
  width: 24em;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myResult__txt-detail.-address {
    width: auto;
  }
}

body#page_area_access .myResult__btn {
  padding: 0 32px;
}

body#page_area_access .myDetail {
  margin: 62px 0 94px;
}

@media only screen and (max-width: 768px) {
  body#page_area_access .myDetail {
    margin: 27px 0 33px;
  }
}

/*
about
*/
body#page_about .myMap {
  background: url(../img/about/bg_map.png) center;
  background-size: cover;
  padding: 96px 0 112px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap {
    background-image: url(../img/about/bg_map_sp.png);
    padding: 60px 0 40px;
  }
}

body#page_about .myMap__inner {
  position: relative;
  padding: 80px 0 50px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap__inner {
    padding: 20px 0 35px;
  }
}

body#page_about .myMap__txtbox {
  position: absolute;
  top: 50px;
  right: 0;
  z-index: 2;
  width: 53.33496%;
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap__txtbox {
    position: static;
    width: auto;
    margin-bottom: 26px;
  }
}

body#page_about .myMap__catch {
  font-size: 1.5625rem;
  font-weight: 500;
  color: #b17d00;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1030px) {
  body#page_about .myMap__catch {
    font-size: 2.42718vw;
    text-align: center;
    margin-bottom: 1.94175vw;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap__catch {
    font-size: 1.125rem;
    margin-bottom: 14px;
  }
}

body#page_about .myMap__txt {
  line-height: 1.625;
}

@media only screen and (max-width: 870px) {
  body#page_about .myMap__txt {
    font-size: 1.83908vw;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap__txt {
    font-size: 0.9375rem;
    line-height: 1.66667;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap__picture {
    display: none;
  }
}

body#page_about .myMap-map {
  position: relative;
  max-width: 813px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap-map__image {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap-map__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -15px;
  }
}

body#page_about .myMap-map__item {
  width: 47.28814%;
  margin-bottom: 15px;
}

body#page_about .myMap-map__link {
  background-color: #fff;
  border: 2px solid #b37b00;
  border-radius: 14px / 50%;
  display: block;
  position: absolute;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  width: 80px;
  padding: 4px 0;
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap-map__link {
    border-radius: 0;
    position: relative;
    border-width: 1px;
    font-weight: normal;
    width: auto;
    padding: 16px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myMap-map__link::after {
    content: "";
    border-color: inherit;
    border-style: solid;
    border-width: 1px 1px 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    width: 7px;
    height: 7px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media only screen and (min-width: 769px) {
  body#page_about .myMap-map__link.-link01 {
    top: 71.79878%;
    left: 33.08733%;
  }
  body#page_about .myMap-map__link.-link02 {
    top: 75.30488%;
    left: 8.36408%;
  }
  body#page_about .myMap-map__link.-link03 {
    top: 60.51829%;
    left: 7.99508%;
  }
  body#page_about .myMap-map__link.-link04 {
    top: 53.20122%;
    left: 28.29028%;
  }
  body#page_about .myMap-map__link.-link05 {
    top: 42.68293%;
    left: 13.16113%;
  }
  body#page_about .myMap-map__link.-link06 {
    top: 20.42683%;
    left: 9.22509%;
  }
  body#page_about .myMap-map__link.-link07 {
    top: 70.12195%;
    left: 21.64822%;
  }
  body#page_about .myMap-map__link.-link08 {
    top: 57.16463%;
    left: 40.2214%;
  }
  body#page_about .myMap-map__link.-link09 {
    top: 82.46951%;
    left: 22.26322%;
  }
  body#page_about .myMap-map__link.-link10 {
    top: 62.5%;
    left: 19.31119%;
  }
}

body#page_about .myMap__movie {
  position: relative;
  padding-top: 60%;
}

body#page_about .myMap__movie > * {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

body#page_about .myIntro {
  background: url(../img/about/img_illust.png) no-repeat center bottom;
  background-size: 1100px;
  text-align: center;
  padding: 60px 0 52px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myIntro {
    background-image: url(../img/about/img_illust_sp.png);
    background-size: 375px;
    padding: 36px 0 120px;
  }
}

body#page_about .myIntro__head {
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myIntro__head {
    margin-bottom: 19px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myIntro__head img {
    width: 136px;
  }
}

body#page_about .myIntro__title {
  font-size: 2.1875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myIntro__title {
    font-size: 1.25rem;
    letter-spacing: 0;
    margin-bottom: 26px;
  }
}

body#page_about .myIntro__title span {
  color: #b07d00;
}

body#page_about .txt-large {
  font-size: 3.4375rem;
}

@media only screen and (max-width: 768px) {
  body#page_about .txt-large {
    font-size: 1.875rem;
  }
}

body#page_about .myIntro__txt {
  display: inline-block;
  line-height: 1.875;
  text-align: center;
  max-width: 30em;
}

@media only screen and (max-width: 768px) {
  body#page_about .myIntro__txt {
    font-size: 0.9375rem;
    text-align: justify;
    line-height: 1.5;
  }
}

body#page_about .myBlock {
  background-color: #fff;
  position: relative;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock::after,
  body#page_feature01 .myBlock::after,
  body#page_feature02 .myBlock::after,
  body#page_feature03 .myBlock::after,
  body#page_feature04 .myBlock::after,
  body#page_feature05 .myBlock::after {
    content: "";
    background:
      url(../img/common/img_side01_sp.svg?210303) no-repeat left center/41px 71px,
      url(../img/common/img_side02_sp.svg?210303) no-repeat right center/54px 104px;
    display: block;
    position: absolute;
    top: -52px;
    left: 0;
    width: 100%;
    height: 104px;
    z-index: 2;
    pointer-events: none;
  }
}

body#page_about .myBlock.-color01 {
  background-color: #28bebe;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock.-color01::after {
    content: none;
  }
}

body#page_about .myBlock.-color02 {
  background-color: #ffbf30;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock.-color02::after {
    content: none;
  }
}

body#page_about .myBlock.-color03 {
  background-color: #f7606c;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock.-color03::after {
    content: none;
  }
}

body#page_about .myBlock__outer {
  position: relative;
  padding-top: 100px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock__outer {
    padding-top: 38px;
  }
}

body#page_about .myBlock__inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}

body#page_about .myBlock__title {
  position: absolute;
  top: -51px;
  left: -35px;
  width: 17.7%;
  z-index: 1;
}

@media only screen and (min-width: 769px) {
  body#page_about .myBlock__title.-type02 {
    left: auto;
    right: -35px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock__title {
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    width: 124px;
    margin: 0 auto -50px;
  }
}

body#page_about .myBlock-main {
  position: relative;
  margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-main {
    margin-bottom: 30px;
  }
}

body#page_about .myBlock-main.-gourmet {
  margin-bottom: 65px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-main.-gourmet {
    margin-bottom: 40px;
  }
}

body#page_about .myBlock-main__detail {
  position: absolute;
  left: 0;
  bottom: 30px;
  background-color: #fff;
  width: 466px;
  padding: 45px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-main__detail {
    position: static;
    width: 100%;
    padding: 60px 20px 20px;
  }
}

body#page_about .myBlock-main__detail.-type02 {
  left: auto;
  right: 0;
}

body#page_about .myBlock-main__detail.-gourmet {
  bottom: 0;
}

body#page_about .myBlock-main__title {
  color: #b17d00;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 2.2;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-main__title {
    font-size: 1.125rem;
    margin-bottom: 15px;
  }
}

body#page_about .myBlock-main__txt {
  font-size: 0.9375rem;
  text-align: justify;
  line-height: 2.13;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-main__txt {
    line-height: 1.5;
  }
}

body#page_about .myBlock-main__image {
  text-align: center;
  max-width: 920px;
  margin: 0 0 0 auto;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-main__image {
    margin: 0 auto 10px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_about .myBlock-main__image.-type02 {
    margin: 0 auto 0 0;
  }
}

body#page_about .myBlock-main__image img {
  width: 100%;
}

body#page_about .myBlock-recommend {
  margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend {
    margin-bottom: 11.5px;
  }
}

body#page_about .myBlock-recommend.-type02 {
  margin-bottom: 26px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend.-type02 {
    margin-bottom: 10px;
  }
}

body#page_about .myBlock-recommend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -15px 0;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend__list {
    margin: 0 -9px 0;
  }
}

body#page_about .myBlock-recommend__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 31.3%;
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend__item {
    width: 50%;
    margin-bottom: 23.5px;
    padding: 0 9px;
  }
}

body#page_about .myBlock-recommend__item.-type02 {
  margin-bottom: 66.5px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend__item.-type02 {
    margin-bottom: 30px;
  }
}

body#page_about .myBlock-recommend__image {
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (min-width: 769px) {
  body#page_about .myBlock-recommend__image {
    max-height: 22.35714vw;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend__image {
    margin-bottom: 15px;
    min-height: 0%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend-name {
    font-size: 0.875rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    font-feature-settings: "palt";
    margin: auto;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend-name.-color02 {
    color: #000003;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend-name.-gourmet08 {
    letter-spacing: -0.02em;
  }
}

body#page_about .myBlock-recommend__btn {
  margin-top: auto;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend__btn {
    margin-top: 10px;
  }
}

body#page_about .myBlock-recommend__btn.-mt30 {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_about .myBlock-recommend__btn.-mt30 {
    margin-top: 10px;
  }
}

body#page_about .mySection-check {
  max-width: 750px;
  margin: 0 auto 150px;
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check {
    margin: 0 auto 40px;
  }
}

body#page_about .mySection-check.-astronomy, body#page_about .mySection-check.-history {
  margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check.-astronomy, body#page_about .mySection-check.-history {
    margin-bottom: 30px;
  }
}

body#page_about .mySection-check__title {
  text-align: center;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check__title {
    margin-bottom: 7px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check__title img {
    width: 112px;
  }
}

body#page_about .mySection-check__box {
  background: url(../img/course/bg03_check.png) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative;
}

body#page_about .mySection-check__box.-history {
  background: url(../img/course/bg02_check.png) no-repeat center center;
}

body#page_about .mySection-check__box.-heritage {
  background: url(../img/course/bg_check.png) no-repeat center center;
}

body#page_about .mySection-check__box.-sake {
  background: url(../img/course/bg04_check.png) no-repeat center center;
}

body#page_about .mySection-check__box.-islands {
  background: url(../img/course/bg05_check.png) no-repeat center center;
}

body#page_about .mySection-check__box::after {
  content: "";
  background: url(../img/common/icon_arrow.svg) no-repeat right 25px center;
  background-size: 19px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-position: right 12px center;
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check__box::after {
    background-size: 13px;
  }
}

body#page_about .mySection-check__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 38.66667%;
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check__image {
    width: 32.26667%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check__image img {
    max-width: 450px;
    width: 100%;
  }
}

body#page_about .mySection-check__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  padding: 10px 45px;
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check__detail {
    padding: 10px;
  }
}

body#page_about .mySection-check__name {
  font-size: 1.375rem;
  line-height: 1.4;
  font-feature-settings: "palt";
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check__name {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 768px) {
  body#page_about .mySection-check__txt {
    font-size: 0.625rem;
  }
}

/*
course01
*/
body#page_course01 .myIntro {
  text-align: center;
  padding: 0 0 59px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myIntro {
    padding: 42px 0 27px;
  }
}

body#page_course01 .myIntro__icon {
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myIntro__icon {
    margin-bottom: 28px;
  }
}

body#page_course01 .myIntro__title {
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 0.075;
  margin-bottom: 52px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myIntro__title {
    font-size: 1.25rem;
    margin-bottom: 40px;
  }
}

body#page_course01 .myIntro__txt {
  font-size: 0.9375rem;
  line-height: 2.13333;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myIntro__txt {
    line-height: 1.5;
  }
}

body#page_course01 .myBlock {
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myBlock {
    margin-bottom: 50px;
  }
}

body#page_course01 .myBlock__detail[aria-hidden="true"] {
  display: none;
}

body#page_course01 .myHead {
  border-top: 10px solid #FFB900;
  background-color: rgba(255, 185, 0, 0.15);
  position: relative;
  text-align: center;
  margin-bottom: 72px;
  padding: 0 62px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead {
    border-top-width: 8px;
    margin: 0 -20px 32px;
    padding: 0px 28px;
  }
}

body#page_course01 .myHead__title {
  text-align: center;
  margin: -10px 0 13px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead__title {
    margin: -8px 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead__title img {
    width: 83px;
  }
}

body#page_course01 .myHead__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 700px;
  margin: 0 auto;
  padding-left: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead__list {
    padding: 0 10px 8px 17px;
  }
}

body#page_course01 .myHead__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead__item {
    font-size: 0.72rem;
    margin-bottom: 10px;
  }
}

body#page_course01 .myHead__item:not(:last-child)::after {
  content: "";
  background: url(../img/course/icon_arrow.svg) no-repeat center center;
  background-size: cover;
  display: inline-block;
  width: 46px;
  height: 15px;
  margin-right: 18px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead__item:not(:last-child)::after {
    background-size: 100%;
    width: 16px;
    margin-right: 4px;
  }
}

body#page_course01 .myHead__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

body#page_course01 .myHead__icon {
  margin-right: 7px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead__icon {
    width: 16px;
  }
}

body#page_course01 .myHead__name {
  margin-top: -6px;
  margin-right: 17px;
  white-space: nowrap;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead__name {
    margin-right: 2px;
  }
}

body#page_course01 .myHead__arrow {
  border: none;
  background: none;
  outline: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 37px;
  width: 26px;
  height: 26px;
  margin: auto;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead__arrow {
    top: auto;
    bottom: 24%;
    right: 8px;
  }
}

body#page_course01 .myHead__arrow::before, body#page_course01 .myHead__arrow::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 6px;
  width: 13px;
  height: 1px;
  margin: auto;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .myHead__arrow::before, body#page_course01 .myHead__arrow::after {
    width: 7px;
  }
}

body#page_course01 .myHead__arrow::before {
  -webkit-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  transform: rotate(52deg);
}

body#page_course01 .myHead__arrow::after {
  -webkit-transform: rotate(-52deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-52deg);
}

body#page_course01 .myHead__arrow[aria-expanded="true"] {
  -webkit-transform: rotate(90deg) rotateY(180deg);
  transform: rotate(90deg) rotateY(180deg);
}

body#page_course01 .mySection {
  position: relative;
}

body#page_course01 .mySection__time {
  text-align: center;
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__time {
    margin-bottom: 36px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection__time.-type02 {
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__time.-type02 {
    margin-top: 19px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__time.-mb0 {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection__time.-type03 {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__time img {
    max-width: 450px;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection__box.-type02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

body#page_course01 .mySection__detail {
  width: 42%;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__detail {
    width: auto;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection__detail.-type02 {
    margin-top: 22px;
  }
}

body#page_course01 .mySection__balloon {
  position: absolute;
  right: -59px;
  top: -109px;
}

@media only screen and (max-width: 1140px) {
  body#page_course01 .mySection__balloon {
    right: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__balloon {
    right: -20px;
  }
}

body#page_course01 .mySection-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 17px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-tag {
    margin-bottom: 13px;
  }
}

body#page_course01 .mySection-tag__item {
  background-color: #28a9a7;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  line-height: 1;
  padding: 3px 12px 6px;
}

body#page_course01 .mySection__title {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #ac7d00;
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin: -7px 0 14px;
  padding-left: 1.5em;
  text-indent: -1.25em;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__title {
    font-size: 1.25rem;
    margin-bottom: 14px;
  }
}

body#page_course01 .mySection__title.-no05 {
  line-height: 1.73;
  letter-spacing: 0.04em;
}

body#page_course01 .mySection__title img {
  vertical-align: top;
  margin: 7px 8px 0 0;
  max-width: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__title img {
    width: 22px;
    margin-top: 4px;
  }
}

body#page_course01 .mySection__txt {
  line-height: 1.875;
  text-align: justify;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

body#page_course01 .mySection__image {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__image {
    display: none;
  }
}

body#page_course01 .mySection__image.-mt40 {
  margin-top: 40px;
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection__image:first-child {
    margin-top: 0;
    margin-bottom: 10px;
  }
}

body#page_course01 .mySection__image img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__image img {
    max-width: 450px;
  }
}

body#page_course01 .mySection__photo {
  position: relative;
  text-align: center;
  width: 54%;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__photo {
    width: auto;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__photo.-type02 img {
    margin-right: -15px;
  }
}

body#page_course01 .mySection__photo img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__photo img {
    max-width: 450px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__btn {
    padding: 0 32px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection__btn > * {
    margin-left: 0;
  }
}

body#page_course01 .mySection__btn.-zi1 {
  position: relative;
  z-index: 1;
}

body#page_course01 .mySection-memo {
  position: relative;
  margin: 60px 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo {
    margin: 40px 0 19px;
  }
}

body#page_course01 .mySection-memo.-mt0 {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo.-mt0 {
    margin-top: 40px;
  }
}

body#page_course01 .mySection-memo__inner {
  background: url(../img/course/bg_memo.png) no-repeat center 0;
  background-size: 1000px;
  border-radius: 0 0 10px 10px;
  padding: 42px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__inner {
    background-image: url(../img/course/bg_memo_sp.png);
    background-size: 100%;
    border-radius: 0;
    padding: 30px 0 30px;
  }
}

body#page_course01 .mySection-memo-title {
  position: relative;
  text-align: center;
}

body#page_course01 .mySection-memo-title > * {
  display: block;
}

body#page_course01 .mySection-memo-title__en {
  margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-title__en {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-title__en img {
    width: 116px;
  }
}

body#page_course01 .mySection-memo-title__jp {
  font-size: 1.18188rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.81667;
  padding: 0 .5em;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-title__jp {
    font-size: 0.9375rem;
  }
}

body#page_course01 .mySection-memo-title__jp {
  letter-spacing: 0.05em;
}

body#page_course01 .mySection-memo__box {
  margin: 30px auto 0;
  padding: 0 15px;
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection-memo__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 930px;
  }
}

body#page_course01 .mySection-memo__photo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 59.22222%;
  margin-right: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__photo {
    width: auto;
    margin: 0 0 14px;
  }
}

body#page_course01 .mySection-memo__photo img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__photo img {
    max-width: 450px;
  }
}

body#page_course01 .mySection-memo__list {
  position: relative;
  margin-top: 40px;
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection-memo__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__list {
    margin-top: 20px;
    padding: 0 20px;
  }
}

body#page_course01 .mySection-memo__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 40.5%;
  padding: 0 15px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__item {
    width: auto;
    padding: 0;
  }
}

body#page_course01 .mySection-memo__item:not(:last-child)::after {
  content: "";
  background: url(../img/course/img_dotline.png) 0 0;
  background-size: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 2px;
  height: 100%;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__item:not(:last-child)::after {
    background-image: url(../img/course/img_dotline_sp.png);
    background-size: auto 100%;
    position: static;
    width: 100%;
    height: 2px;
    margin: 32px 0;
  }
}

body#page_course01 .mySection-memo__image {
  text-align: center;
  margin-bottom: 12px;
  min-height: 0%;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__image {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__image {
    width: 100%;
  }
}

body#page_course01 .mySection-memo__image.-type02 img {
  margin-right: -30px;
  margin-bottom: -50px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__image.-type02 img {
    margin-right: -20px;
    margin-bottom: -25px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__image img {
    max-width: 450px;
    width: 100%;
  }
}

body#page_course01 .mySection-memo__title {
  color: #ac7d00;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin-bottom: 7px;
  padding-left: 1.5em;
  text-indent: -1.25em;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__title {
    font-size: 1.25rem;
    margin-bottom: 12px;
  }
}

body#page_course01 .mySection-memo__title img {
  margin-right: 8px;
  max-width: auto;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__title img {
    width: 21px;
  }
}

body#page_course01 .mySection-memo__txt {
  font-size: 0.875rem;
  line-height: 1.85714;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__txt {
    font-size: 0.9375rem;
    letter-spacing: -0.025em;
    line-height: 1.5;
    margin-bottom: 14px;
    margin-right: -.5em;
  }
}

body#page_course01 .mySection-memo__btn {
  margin-top: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__btn {
    padding: 0 12px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course01 .mySection-memo__btn > * {
    margin-left: 16px;
  }
}

body#page_course01 .mySection-memo-gift {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 870px;
  margin: 10px auto 0;
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift {
    margin-top: 10px;
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift.-eat {
    flex-wrap: wrap;
    max-width: 450px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift.-type02 {
    padding: 20px 15px 0;
  }
}

@media only screen and (max-width: 767px) {
  body#page_course01 .mySection-memo-gift.-type02 {
    padding: 0 15px;
  }
}

body#page_course01 .mySection-memo__balloon {
  position: absolute;
  top: -38%;
  left: -2%;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo__balloon {
    top: -1%;
    left: auto;
    right: -4%;
    width: 35%;
  }
}

body#page_course01 .mySection-memo-gift__item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift__item.-sp {
    display: inline-block;
    flex-grow: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift__item-top {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift__item.-bottom {
    width: 50%;
  }
}

body#page_course01 .mySection-memo-gift__image {
  text-align: center;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift__image img {
    max-width: 450px;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift__image.-1st {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift__image.-1st img {
    max-width: auto;
  }
}

body#page_course01 .mySection-memo-gift__name {
  font-size: 0.875rem;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift__name {
    font-size: 0.8125rem;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-memo-gift__name.-the1st {
    text-align: left;
    text-indent: 21.5%;
  }
}

body#page_course01 .mySection-check {
  max-width: 750px;
  margin: 70px auto 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-check {
    margin: 30px auto 20px;
  }
}

body#page_course01 .mySection-check__title {
  text-align: center;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-check__title {
    margin-bottom: 7px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-check__title img {
    width: 112px;
  }
}

body#page_course01 .mySection-check__box {
  background: url(../img/course/bg_check.png) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative;
}

body#page_course01 .mySection-check__box::after {
  content: "";
  background: url(../img/common/icon_arrow.svg) no-repeat right 25px center;
  background-size: 19px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-position: right 12px center;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-check__box::after {
    background-size: 13px;
  }
}

body#page_course01 .mySection-check__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 38.66667%;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-check__image {
    width: 32.26667%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-check__image img {
    max-width: 450px;
    width: 100%;
  }
}

body#page_course01 .mySection-check__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  padding: 10px 45px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-check__detail {
    padding: 10px;
  }
}

body#page_course01 .mySection-check__name {
  font-size: 1.375rem;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-check__name {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection-check__txt {
    font-size: 0.625rem;
  }
}

body#page_course01 .mySection__other {
  position: relative;
  width: 100%;
}

body#page_course01 .mySection__other.-type01 {
  position: absolute;
  bottom: -27.5px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__other.-type01 {
    display: none;
  }
}

body#page_course01 .mySection__other.-type02 {
  display: none;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__other.-type02 {
    position: absolute;
    top: -2.5%;
    display: block;
    z-index: 1;
  }
}

body#page_course01 .mySection__other.-type03 {
  display: none;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__other.-type03 {
    position: absolute;
    top: -1.5%;
    left: 0%;
    display: block;
    z-index: 1;
  }
}

@media only screen and (max-width: 767px) {
  body#page_course01 .mySection__other.-type03 {
    position: absolute;
    top: -1.5%;
    left: -4%;
    display: block;
    z-index: 1;
  }
}

body#page_course01 .mySection__other.-type04 {
  display: none;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__other.-type04 {
    position: absolute;
    top: 2%;
    display: block;
    z-index: 1;
  }
}

body#page_course01 .mySection__other.-type05 {
  margin: 26px 0 -40px;
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__other.-type05 {
    margin: 20px 0 -4px;
  }
}

body#page_course01 .mySection__other.-type06 {
  margin: -83px 0 -95px;
}

@media only screen and (max-width: 1000px) {
  body#page_course01 .mySection__other.-type06 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course01 .mySection__other.-type06 {
    display: none;
  }
}

body#page_course01 .mySection__other img {
  width: 100%;
}

/*
course02
*/
body#page_course02 .myIntro {
  text-align: center;
  padding: 0 0 59px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myIntro {
    padding: 42px 0 27px;
  }
}

body#page_course02 .myIntro__icon {
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myIntro__icon {
    margin-bottom: 28px;
  }
}

body#page_course02 .myIntro__title {
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 0.075;
  margin-bottom: 52px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myIntro__title {
    font-size: 1.25rem;
    margin-bottom: 40px;
  }
}

body#page_course02 .myIntro__txt {
  font-size: 0.9375rem;
  line-height: 2.13333;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myIntro__txt {
    line-height: 1.5;
  }
}

body#page_course02 .myBlock {
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myBlock {
    margin-bottom: 50px;
  }
}

body#page_course02 .myBlock__detail[aria-hidden="true"] {
  display: none;
}

body#page_course02 .myHead {
  border-top: 10px solid #e23d3a;
  background-color: rgba(226, 61, 58, 0.15);
  position: relative;
  text-align: center;
  margin-bottom: 72px;
  padding: 0 62px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead {
    border-top-width: 8px;
    margin: 0 -20px 32px;
    padding: 0px 28px;
  }
}

body#page_course02 .myHead__title {
  text-align: center;
  margin: -10px 0 13px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__title {
    margin: -8px 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__title img {
    width: 83px;
  }
}

body#page_course02 .myHead__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 840px;
  margin: 0 auto;
  padding-left: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__list {
    padding-bottom: 8px;
  }
}

body#page_course02 .myHead__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__item {
    font-size: 0.72rem;
    margin-bottom: 10px;
  }
}

body#page_course02 .myHead__item:not(:last-child)::after {
  content: "";
  background: url(../img/course/icon02_arrow.svg) no-repeat center center;
  background-size: cover;
  display: inline-block;
  width: 46px;
  height: 15px;
  margin-right: 8px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__item:not(:last-child)::after {
    background-size: 100%;
    width: 16px;
    margin-right: 4px;
  }
}

body#page_course02 .myHead__item.-type02:not(:last-child)::after {
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__item.-type02:not(:last-child)::after {
    margin-right: 8px;
  }
}

body#page_course02 .myHead__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

body#page_course02 .myHead__icon {
  margin-right: 7px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__icon {
    width: 16px;
  }
}

body#page_course02 .myHead__name {
  margin-top: -6px;
  margin-right: 8px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__name {
    margin-right: 2px;
  }
}

body#page_course02 .myHead__name.-type02 {
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__name.-type02 {
    margin-right: 8px;
  }
}

body#page_course02 .myHead__arrow {
  border: none;
  background: none;
  outline: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 37px;
  width: 26px;
  height: 26px;
  margin: auto;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__arrow {
    top: auto;
    bottom: 24%;
    right: 8px;
  }
}

body#page_course02 .myHead__arrow::before, body#page_course02 .myHead__arrow::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 6px;
  width: 13px;
  height: 1px;
  margin: auto;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .myHead__arrow::before, body#page_course02 .myHead__arrow::after {
    width: 7px;
  }
}

body#page_course02 .myHead__arrow::before {
  -webkit-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  transform: rotate(52deg);
}

body#page_course02 .myHead__arrow::after {
  -webkit-transform: rotate(-52deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-52deg);
}

body#page_course02 .myHead__arrow[aria-expanded="true"] {
  -webkit-transform: rotate(90deg) rotateY(180deg);
  transform: rotate(90deg) rotateY(180deg);
}

body#page_course02 .mySection {
  position: relative;
}

body#page_course02 .mySection__time {
  text-align: center;
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__time {
    margin-bottom: 36px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__time.-type02 {
    margin: -14% 0 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__time.-type02 {
    margin: 15px 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__time.-mb0 {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__time.-type03 {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__time.-type03 {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__time.-type04 {
    margin-top: -140px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__time.-type04 {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__time.-mb60 {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__time.-mb60 {
    margin-bottom: -50px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__time.-mt36 {
    margin-top: 36px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__time.-mt36 {
    margin: 20px 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__time img {
    max-width: 450px;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__box.-type02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

body#page_course02 .mySection__detail {
  width: 42%;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__detail {
    width: auto;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__detail.-type02 {
    margin-top: 22px;
  }
}

body#page_course02 .mySection-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 17px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-tag {
    margin-bottom: 13px;
  }
}

body#page_course02 .mySection-tag__item {
  background-color: #28a9a7;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  line-height: 1;
  padding: 3px 12px 6px;
}

body#page_course02 .mySection__title {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #ac7d00;
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin: -7px 0 14px;
  padding-left: 1.5em;
  text-indent: -1.25em;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__title {
    font-size: 1.25rem;
    margin-bottom: 14px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__title.-gourmet {
    font-size: 1.375rem;
  }
}

body#page_course02 .mySection__title.-ti0 {
  padding-left: 0;
  text-indent: 0;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__title.-ls0 {
    letter-spacing: 0;
  }
}

body#page_course02 .mySection__title img {
  vertical-align: top;
  margin: 7px 8px 0 0;
  max-width: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__title img {
    width: 22px;
    margin-top: 4px;
  }
}

body#page_course02 .mySection__txt {
  line-height: 1.875;
  text-align: justify;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__txt.-gourmet {
    font-size: 0.875rem;
    padding-right: 90px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__txt.-lh {
    line-height: 1.7;
  }
}

body#page_course02 .mySection__image {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

body#page_course02 .mySection__image.-mt60 {
  margin-top: 60px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__image {
    display: none;
  }
}

body#page_course02 .mySection__image.-type02 {
  margin-top: 50px;
}

body#page_course02 .mySection__image.-type03 {
  margin-top: 90px;
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__image:first-child {
    margin-top: 0;
    margin-bottom: 10px;
  }
}

body#page_course02 .mySection__image img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__image img {
    max-width: 450px;
  }
}

body#page_course02 .mySection__photo {
  position: relative;
  text-align: center;
  width: 54%;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__photo {
    width: auto;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__photo.-type02 img {
    margin-right: -15px;
  }
}

body#page_course02 .mySection__photo img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__photo img {
    max-width: 450px;
  }
}

body#page_course02 .mySection__balloon.-type01 {
  position: absolute;
  right: -23%;
  bottom: 5%;
  width: 34%;
  z-index: 1;
}

@media only screen and (max-width: 830px) {
  body#page_course02 .mySection__balloon.-type01 {
    right: -7%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__balloon.-type01 {
    display: none;
  }
}

body#page_course02 .mySection__balloon.-type02 {
  position: absolute;
  left: -25%;
  bottom: 9%;
  width: 32%;
  z-index: 1;
}

@media only screen and (max-width: 955px) {
  body#page_course02 .mySection__balloon.-type02 {
    left: -10%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__balloon.-type02 {
    display: none;
  }
}

body#page_course02 .mySection__balloon.-type03 {
  position: absolute;
  left: -25%;
  bottom: 2%;
  width: 36%;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__balloon.-type03 {
    display: none;
  }
}

body#page_course02 .mySection__balloon.-type04 {
  position: absolute;
  top: -20%;
  left: -10%;
  width: 41.7%;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__balloon.-type04 {
    top: -8%;
    left: -3%;
    width: 39%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__btn {
    padding: 0 32px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection__btn > * {
    margin-left: 0;
  }
}

body#page_course02 .mySection__btn.-zi1 {
  position: relative;
  z-index: 1;
}

body#page_course02 .mySection-memo {
  position: relative;
  margin: 60px 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo {
    margin: 40px 0 19px;
  }
}

body#page_course02 .mySection-memo.-mb60 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo.-mb60 {
    margin-bottom: 30px;
  }
}

body#page_course02 .mySection-memo.-mb30 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo.-mb30 {
    margin-bottom: 40px;
  }
}

body#page_course02 .mySection-memo.-mt0 {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo.-mt0 {
    margin-top: 40px;
  }
}

body#page_course02 .mySection-memo__inner {
  background: url(../img/course/bg_memo.png) no-repeat center 0;
  background-size: 1000px;
  border-radius: 0 0 10px 10px;
  padding: 42px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__inner {
    background-image: url(../img/course/bg_memo_sp.png);
    background-size: 100%;
    border-radius: 0;
    padding: 30px 0 30px;
  }
}

body#page_course02 .mySection-memo-title {
  position: relative;
  text-align: center;
}

body#page_course02 .mySection-memo-title > * {
  display: block;
}

body#page_course02 .mySection-memo-title__en {
  margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-title__en {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-title__en img {
    width: 116px;
  }
}

body#page_course02 .mySection-memo-title__jp {
  font-size: 1.18188rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.81667;
  padding: 0 .5em;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-title__jp {
    font-size: 0.9375rem;
  }
}

body#page_course02 .mySection-memo-title__jp {
  letter-spacing: 0.05em;
}

body#page_course02 .mySection-memo__box {
  margin: 30px auto 0;
  padding: 0 15px;
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection-memo__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 930px;
  }
}

body#page_course02 .mySection-memo__photo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 59.22222%;
  margin-right: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__photo {
    width: auto;
    margin: 0 0 14px;
  }
}

body#page_course02 .mySection-memo__photo.-type02 {
  width: 41.777778%;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__photo.-type02 {
    width: auto;
  }
}

body#page_course02 .mySection-memo__photo img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__photo img {
    max-width: 450px;
  }
}

body#page_course02 .mySection-memo__photo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 59.22222%;
  margin-right: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__photo-list {
    -webkit-box-justify: center;
    -ms-flex-justify: center;
    justify-content: center;
    width: auto;
    max-width: 450px;
    margin: 0 auto 20px;
  }
}

body#page_course02 .mySection-memo__photo-list li {
  width: 50%;
}

body#page_course02 .mySection-memo__photo-list li:not(:last-child) {
  margin-right: 10px;
}

body#page_course02 .mySection-memo__photo-list li img {
  width: 100%;
}

body#page_course02 .mySection-memo__photo-list--txt {
  font-size: 0.875rem;
  margin-top: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__photo-list--txt {
    font-size: 0.8125rem;
    margin-top: 7px;
  }
}

body#page_course02 .mySection-memo__list {
  position: relative;
  margin-top: 40px;
  padding: 0 40px;
}

@media only screen and (min-width: 769px) {
  body#page_course02 .mySection-memo__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__list {
    max-width: 450px;
    margin: 20px auto 0;
    padding: 0 20px;
  }
}

body#page_course02 .mySection-memo__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 40.5%;
  padding: 0 20px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__item {
    width: auto;
    padding: 0;
  }
}

body#page_course02 .mySection-memo__item.-type02 {
  position: relative;
}

body#page_course02 .mySection-memo__item:not(:last-child)::after {
  content: "";
  background: url(../img/course/img_dotline.png) 0 0;
  background-size: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 2px;
  height: 100%;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__item:not(:last-child)::after {
    background-image: url(../img/course/img_dotline_sp.png);
    background-size: auto 100%;
    position: static;
    width: 100%;
    height: 2px;
    margin: 32px 0;
  }
}

body#page_course02 .mySection-memo__item.-type02:not(:last-child)::after {
  left: auto;
  right: 0;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__item.-gift:not(:last-child)::after {
    display: none;
  }
}

body#page_course02 .mySection-memo__item.-gift01 {
  width: 66%;
}

body#page_course02 .mySection-memo__item.-gift02 {
  width: 34%;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__item.-gift01,body#page_course02 .mySection-memo__item.-gift02 {
    width: auto;
  }
}

body#page_course02 .mySection-memo__image {
  position: relative;
  text-align: center;
  margin-bottom: 12px;
  min-height: 0%;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__image {
    width: 100%;
  }
}

body#page_course02 .mySection-memo__image.-mb25 {
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__image.-mb25 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__image img {
    max-width: 450px;
    width: 100%;
  }
}

body#page_course02 .mySection-memo__image.-type02 img {
  margin-right: -30px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__image.-type02 img {
    margin-right: -20px;
  }
}

body#page_course02 .mySection-memo__title {
  color: #ac7d00;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin-bottom: 7px;
  padding-left: 1.5em;
  text-indent: -1.25em;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__title {
    font-size: 1.25rem;
    margin-bottom: 12px;
  }
}

body#page_course02 .mySection-memo__title.-ti0 {
  padding-left: 0;
  text-indent: 0;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__title.-ls {
    letter-spacing: 0.025em;
  }
}

body#page_course02 .mySection-memo__title img {
  margin-right: 8px;
  max-width: auto;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__title img {
    width: 21px;
  }
}

body#page_course02 .mySection-memo__txt {
  font-size: 0.875rem;
  line-height: 1.85714;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__txt {
    font-size: 0.9375rem;
    letter-spacing: -0.025em;
    line-height: 1.5;
    margin-bottom: 14px;
    margin-right: -.5em;
  }
}

body#page_course02 .mySection-memo__btn {
  margin-top: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__btn {
    padding: 0 12px;
  }
}

body#page_course02 .mySection-memo-gift {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift.-art {
    flex-wrap: wrap;
  }
}

body#page_course02 .mySection-memo-gift__item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__item.-sp {
    display: inline-block;
    flex-grow: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__item.-top {
    width: 50%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__item.-bottom {
    width: 100%;
  }
}

body#page_course02 .mySection-memo-gift__item.-fb01 {
  -ms-flex-preferred-size: 140px;
	flex-basis: 140px;
}

body#page_course02 .mySection-memo-gift__item.-fb02 {
  -ms-flex-preferred-size: 215px;
	flex-basis: 215px;
}

body#page_course02 .mySection-memo-gift__item.-fb03 {
  -ms-flex-preferred-size: 212px;
	flex-basis: 212px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__item.-fb01,body#page_course02 .mySection-memo-gift__item.-fb02,body#page_course02 .mySection-memo-gift__item.-fb03 {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

body#page_course02 .mySection-memo-gift__image {
  text-align: center;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__image img {
    max-width: 450px;
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__image.-the3rd {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__image.-the3rd img {
    max-width: auto;
  }
}

body#page_course02 .mySection-memo-gift__image.-the4th {
  margin-top: -13px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__image.-the4th {
    margin-top: 30px;
  }
}

body#page_course02 .mySection-memo-gift__name {
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__name {
    font-size: 0.8125rem;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo-gift__name-1st {
    text-align: left;
    text-indent: 21.5%;
  }
}

body#page_course02 .mySection-memo__gallery {
  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: 30px auto 0;
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__gallery  {
    max-width: 450px;
  }
}

body#page_course02 .mySection-memo__gallery--photo  {
  margin: 0 5px 10px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-memo__gallery--photo  {
    width: 29%;
  }
}

body#page_course02 .mySection-check {
  max-width: 750px;
  margin: 70px auto 85px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-check {
    margin: 30px auto 50px;
  }
}

body#page_course02 .mySection-check__title {
  text-align: center;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-check__title {
    margin-bottom: 7px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-check__title img {
    width: 112px;
  }
}

body#page_course02 .mySection-check__box {
  background: url(../img/course/bg02_check.png) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative;
}

body#page_course02 .mySection-check__box::after {
  content: "";
  background: url(../img/common/icon_arrow.svg) no-repeat right 25px center;
  background-size: 19px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-position: right 12px center;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-check__box::after {
    background-size: 13px;
  }
}

body#page_course02 .mySection-check__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 38.66667%;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-check__image {
    width: 32.26667%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-check__image img {
    max-width: 450px;
    width: 100%;
  }
}

body#page_course02 .mySection-check__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  padding: 10px 45px;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-check__detail {
    padding: 10px;
  }
}

body#page_course02 .mySection-check__name {
  font-size: 1.375rem;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-check__name {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection-check__txt {
    font-size: 0.625rem;
  }
}

body#page_course02 .mySection__other {
  position: relative;
  width: 100%;
}

body#page_course02 .mySection__other.-type01 {
  margin: -146px 0 -95px;
}

@media only screen and (max-width: 1030px) {
  body#page_course02 .mySection__other.-type01 {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__other.-type01 {
    display: none;
  }
}

body#page_course02 .mySection__other.-type02 {
  display: none;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__other.-type02 {
    position: absolute;
    top: 0;
    display: block;
    z-index: 1;
  }
}

body#page_course02 .mySection__other.-type03 {
  margin: -191px 0 -35px;
}

@media only screen and (max-width: 1030px) {
  body#page_course02 .mySection__other.-type03 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__other.-type03 {
    display: none;
  }
}

body#page_course02 .mySection__other.-type04 {
  display: none;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__other.-type04 {
    position: absolute;
    top: -6.5%;
    display: block;
    z-index: 1;
  }
}

body#page_course02 .mySection__other.-type05 {
  display: none;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__other.-type05 {
    position: absolute;
    top: -1.5%;
    right: -4%;
    display: block;
    z-index: 1;
  }
}

body#page_course02 .mySection__other.-type06 {
  position: relative;
  margin: 26px 0 -40px;
  z-index: -1;
}

@media only screen and (max-width: 768px) {
  body#page_course02 .mySection__other.-type06 {
    margin: 20px 0 -4px;
  }
}

body#page_course02 .mySection__other img {
  width: 100%;
}

/*
course03
*/
body#page_course03 .myIntro {
  text-align: center;
  padding: 0 0 59px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myIntro {
    padding: 42px 0 27px;
  }
}

body#page_course03 .myIntro__icon {
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myIntro__icon {
    margin-bottom: 28px;
  }
}

body#page_course03 .myIntro__title {
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 0.075;
  margin-bottom: 52px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myIntro__title {
    font-size: 1.25rem;
    margin-bottom: 40px;
  }
}

body#page_course03 .myIntro__txt {
  font-size: 0.9375rem;
  line-height: 2.13333;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myIntro__txt {
    line-height: 1.5;
  }
}

body#page_course03 .myBlock {
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myBlock {
    margin-bottom: 50px;
  }
}

body#page_course03 .myBlock__detail[aria-hidden="true"] {
  display: none;
}

body#page_course03 .myHead {
  border-top: 10px solid #28aaa8;
  background-color: rgba(40, 170, 168, 0.15);
  position: relative;
  text-align: center;
  margin-bottom: 72px;
  padding: 0 62px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead {
    border-top-width: 8px;
    margin: 0 -20px 32px;
    padding: 0px 28px;
  }
}

body#page_course03 .myHead__title {
  text-align: center;
  margin: -10px 0 13px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__title {
    margin: -8px 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__title img {
    width: 83px;
  }
}

body#page_course03 .myHead__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 840px;
  margin: 0 auto;
  padding-left: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__list {
    padding-bottom: 8px;
  }
}

body#page_course03 .myHead__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__item {
    font-size: 0.72rem;
    margin-bottom: 10px;
  }
}

body#page_course03 .myHead__item:not(:last-child)::after {
  content: "";
  background: url(../img/course/icon03_arrow.svg) no-repeat center center;
  background-size: cover;
  display: inline-block;
  width: 46px;
  height: 15px;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__item:not(:last-child)::after {
    background-size: 100%;
    width: 16px;
    margin-right: 10px;
  }
}

body#page_course03 .myHead__item.-type02:not(:last-child)::after {
  margin-right: 25px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__item.-type02:not(:last-child)::after {
    margin-right: 8px;
  }
}

body#page_course03 .myHead__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

body#page_course03 .myHead__icon {
  margin-right: 7px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__icon {
    width: 16px;
  }
}

body#page_course03 .myHead__name {
  margin-top: -6px;
  margin-right: 8px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__name {
    margin-right: 2px;
  }
}

body#page_course03 .myHead__name.-type02 {
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__name.-type02 {
    margin-right: 8px;
  }
}

body#page_course03 .myHead__arrow {
  border: none;
  background: none;
  outline: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 37px;
  width: 26px;
  height: 26px;
  margin: auto;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__arrow {
    top: auto;
    bottom: 24%;
    right: 8px;
  }
}

body#page_course03 .myHead__arrow::before, body#page_course03 .myHead__arrow::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 6px;
  width: 13px;
  height: 1px;
  margin: auto;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .myHead__arrow::before, body#page_course03 .myHead__arrow::after {
    width: 7px;
  }
}

body#page_course03 .myHead__arrow::before {
  -webkit-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  transform: rotate(52deg);
}

body#page_course03 .myHead__arrow::after {
  -webkit-transform: rotate(-52deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-52deg);
}

body#page_course03 .myHead__arrow[aria-expanded="true"] {
  -webkit-transform: rotate(90deg) rotateY(180deg);
  transform: rotate(90deg) rotateY(180deg);
}

body#page_course03 .mySection {
  position: relative;
}

body#page_course03 .mySection__time {
  text-align: center;
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__time {
    margin-bottom: 36px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__time.-type02 {
    margin-top: -60px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__time.-type02 {
    margin: 20px 0 -35px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__time.-type03 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__time.-type03 {
    margin: 15px 0;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__time.-type04 {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__time.-type04 {
    margin: 25px 0;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__time.-type05 {
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__time.-type05 {
    margin: 10px 0 20px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__time.-type06 {
    margin: 30px 0 50px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__time.-type06 {
    margin: 15px 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__time img {
    max-width: 450px;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__box.-type02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

body#page_course03 .mySection__detail {
  width: 42%;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__detail {
    width: auto;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__detail.-type02 {
    margin-top: 22px;
  }
}

body#page_course03 .mySection-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 17px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-tag {
    margin-bottom: 13px;
  }
}

body#page_course03 .mySection-tag__item {
  background-color: #28a9a7;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  line-height: 1;
  padding: 3px 12px 6px;
}

body#page_course03 .mySection__title {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #ac7d00;
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin: -7px 0 14px;
  padding-left: 1.5em;
  text-indent: -1.25em;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__title {
    font-size: 1.25rem;
    margin-bottom: 14px;
  }
}

body#page_course03 .mySection__title img {
  vertical-align: top;
  margin: 7px 8px 0 0;
  max-width: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__title img {
    width: 22px;
    margin-top: 4px;
  }
}

body#page_course03 .mySection__txt {
  line-height: 1.875;
  text-align: justify;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

body#page_course03 .mySection__image {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__image {
    display: none;
  }
}

body#page_course03 .mySection__image.-type02 {
  margin-top: 60px;
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__image:first-child {
    margin-top: 0;
    margin-bottom: 10px;
  }
}

body#page_course03 .mySection__image img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__image img {
    max-width: 450px;
  }
}

body#page_course03 .mySection__photo {
  position: relative;
  text-align: center;
  width: 54%;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__photo {
    width: auto;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__photo.-type02 img {
    margin-right: -15px;
  }
}

body#page_course03 .mySection__photo img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__photo img {
    max-width: 450px;
  }
}

body#page_course03 .mySection__balloon.-type01 {
  position: absolute;
  top: -60%;
  left: -1%;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__balloon.-type01 {
    position: static;
    display: block;
    max-width: 450px;
    margin: 0 auto 5px;
  }
}

body#page_course03 .mySection__balloon.-type02 {
  position: absolute;
  right: -19%;
  bottom: 12%;
  width: 25%;
  z-index: 1;
}

@media only screen and (max-width: 983px) {
  body#page_course03 .mySection__balloon.-type02 {
    right: -5%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__balloon.-type02 {
    display: none;
  }
}

body#page_course03 .mySection__balloon.-type03 {
  position: absolute;
  right: -3%;
  bottom: 70%;
  width: 25%;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__balloon.-type03 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__btn {
    padding: 0 32px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__btn > * {
    margin-left: 0;
  }
}

body#page_course03 .mySection__btn.-zi1 {
  position: relative;
  z-index: 1;
}

body#page_course03 .mySection-memo {
  position: relative;
  margin: 60px 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo {
    margin: 50px 0 19px;
  }
}

body#page_course03 .mySection-memo.-mb30 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo.-mb30 {
    margin-bottom: 0;
  }
}

body#page_course03 .mySection-memo__inner {
  background: url(../img/course/bg_memo.png) no-repeat center 0;
  background-size: 1000px;
  border-radius: 0 0 10px 10px;
  padding: 42px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__inner {
    background-image: url(../img/course/bg_memo_sp.png);
    background-size: 100%;
    border-radius: 0;
    padding: 30px 0 30px;
  }
}

body#page_course03 .mySection-memo-title {
  position: relative;
  text-align: center;
}

body#page_course03 .mySection-memo-title > * {
  display: block;
}

body#page_course03 .mySection-memo-title__en {
  margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo-title__en {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo-title__en img {
    width: 116px;
  }
}

body#page_course03 .mySection-memo-title__jp {
  font-size: 1.18188rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.81667;
  padding: 0 .5em;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo-title__jp {
    font-size: 0.9375rem;
  }
}

body#page_course03 .mySection-memo-title__jp {
  letter-spacing: 0.05em;
}

body#page_course03 .mySection-memo__box {
  position: relative;
  margin: 30px auto 0;
  padding: 0 15px;
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection-memo__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 930px;
  }
}

body#page_course03 .mySection-memo__box.-type02 {
  display: block;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__box.-mt0 {
    margin-top: 0;
  }
}

body#page_course03 .mySection-memo__photo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 59.22222%;
  margin-right: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo {
    width: auto;
    margin: 0 0 14px;
  }
}

body#page_course03 .mySection-memo__photo img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo img {
    max-width: 450px;
  }
}

body#page_course03 .mySection-memo__photo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-justify: center;
  -ms-flex-justify: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    max-width: 450px;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list.-type02,body#page_course03 .mySection-memo__photo-list.-type03 {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: auto;
  }
}

body#page_course03 .mySection-memo__photo-list li {
  width: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list li {
    width: 47%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list.-type02 li {
    width: 30%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list.-type03 li {
    width: 37%;
  }
}

body#page_course03 .mySection-memo__photo-list li:not(:last-child) {
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list li:not(:last-child) {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list li:nth-child(odd) {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list.-type02 li:nth-child(odd) {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list.-type02 li:not(:last-child) {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list.-type03 li:nth-child(odd) {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list.-type03 li:not(:last-child) {
    margin-right: 0px;
  }
}

body#page_course03 .mySection-memo__photo-list li img {
  width: 100%;
}

body#page_course03 .mySection-memo__photo-list--txt {
  font-size: 0.875rem;
  margin-top: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list--txt {
    font-size: 0.8125rem;
    margin-top: 7px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__photo-list--txt.-mb14 {
    margin-bottom: 14px;
  }
}

body#page_course03 .mySection-memo__list {
  position: relative;
  margin-top: 40px;
  padding: 0 40px;
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection-memo__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__list {
    max-width: 450px;
    margin: 20px auto 0;
    padding: 0 20px;
  }
}

body#page_course03 .mySection-memo__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 40.5%;
  padding: 0 20px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__item {
    width: auto;
    padding: 0;
  }
}

body#page_course03 .mySection-memo__item.-type02 {
  position: relative;
}

body#page_course03 .mySection-memo__item:not(:last-child)::after {
  content: "";
  background: url(../img/course/img_dotline.png) 0 0;
  background-size: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 2px;
  height: 100%;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__item:not(:last-child)::after {
    background-image: url(../img/course/img_dotline_sp.png);
    background-size: auto 100%;
    position: static;
    width: 100%;
    height: 2px;
    margin: 32px 0;
  }
}

body#page_course03 .mySection-memo__item.-type02:not(:last-child)::after {
  left: auto;
  right: 0;
}

body#page_course03 .mySection-memo__image {
  position: relative;
  text-align: center;
  margin-bottom: 12px;
  min-height: 0%;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__image {
    width: 100%;
  }
}

body#page_course03 .mySection-memo__image.-mb25 {
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__image.-mb25 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__image img {
    max-width: 450px;
    width: 100%;
  }
}

body#page_course03 .mySection-memo__title {
  color: #ac7d00;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin-bottom: 7px;
  padding-left: 1.5em;
  text-indent: -1.25em;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__title {
    font-size: 1.25rem;
    margin-bottom: 12px;
  }
}

body#page_course03 .mySection-memo__title img {
  margin-right: 8px;
  max-width: auto;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__title img {
    width: 21px;
  }
}

body#page_course03 .mySection-memo__txt {
  font-size: 0.875rem;
  line-height: 1.85714;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__txt {
    font-size: 0.9375rem;
    letter-spacing: -0.025em;
    line-height: 1.5;
    margin-bottom: 14px;
    margin-right: -.5em;
  }
}

body#page_course03 .mySection-memo__btn {
  margin-top: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-memo__btn {
    padding: 0 12px;
  }
}

body#page_course03 .mySection-check {
  max-width: 750px;
  margin: 70px auto 30px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-check {
    margin: 30px auto 25px;
  }
}

body#page_course03 .mySection-check__title {
  text-align: center;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-check__title {
    margin-bottom: 7px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-check__title img {
    width: 112px;
  }
}

body#page_course03 .mySection-check__box {
  background: url(../img/course/bg03_check.png) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative;
}

body#page_course03 .mySection-check__box::after {
  content: "";
  background: url(../img/common/icon_arrow.svg) no-repeat right 25px center;
  background-size: 19px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-position: right 12px center;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-check__box::after {
    background-size: 13px;
  }
}

body#page_course03 .mySection-check__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 38.66667%;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-check__image {
    width: 32.26667%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-check__image img {
    max-width: 450px;
    width: 100%;
  }
}

body#page_course03 .mySection-check__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  padding: 10px 45px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-check__detail {
    padding: 10px;
  }
}

body#page_course03 .mySection-check__name {
  font-size: 1.375rem;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-check__name {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection-check__txt {
    font-size: 0.625rem;
  }
}

body#page_course03 .mySection__other {
  position: relative;
  width: 100%;
}

body#page_course03 .mySection__other.-type01 {
  margin: -61px 0 30px;
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__other.-type01 {
    display: none;
  }
}

body#page_course03 .mySection__other.-type02 {
  margin: -176px 0 -95px;
}

@media only screen and (max-width: 1030px) {
  body#page_course03 .mySection__other.-type02 {
    margin-top: -43px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__other.-type02 {
    display: none;
  }
}

body#page_course03 .mySection__other.-type03 {
  margin: -221px 0 -95px;
}

@media only screen and (max-width: 1030px) {
  body#page_course03 .mySection__other.-type03 {
    margin-top: -39px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__other.-type03 {
    display: none;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course03 .mySection__other.-type04 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course03 .mySection__other.-type04 {
    position: absolute;
    top: -8.5%;
    z-index: 1;
  }
}

body#page_course03 .mySection__other img {
  width: 100%;
}

/*
course04
*/
body#page_course04 .myIntro {
  text-align: center;
  padding: 0 0 59px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myIntro {
    padding: 42px 0 27px;
  }
}

body#page_course04 .myIntro__icon {
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myIntro__icon {
    margin-bottom: 28px;
  }
}

body#page_course04 .myIntro__title {
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 0.075;
  margin-bottom: 52px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myIntro__title {
    font-size: 1.25rem;
    margin-bottom: 40px;
  }
}

body#page_course04 .myIntro__txt {
  font-size: 0.9375rem;
  line-height: 2.13333;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myIntro__txt {
    line-height: 1.5;
  }
}

body#page_course04 .myBlock {
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myBlock {
    margin-bottom: 50px;
  }
}

body#page_course04 .myBlock__detail[aria-hidden="true"] {
  display: none;
}

body#page_course04 .myHead {
  border-top: 10px solid #323264;
  background-color: rgba(50, 50, 100, 0.15);
  position: relative;
  text-align: center;
  margin-bottom: 72px;
  padding: 0 62px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead {
    border-top-width: 8px;
    margin: 0 -20px 32px;
    padding: 0px 28px;
  }
}

body#page_course04 .myHead__title {
  text-align: center;
  margin: -10px 0 13px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__title {
    margin: -8px 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__title img {
    width: 83px;
  }
}

body#page_course04 .myHead__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 840px;
  margin: 0 auto;
  padding-left: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__list {
    padding-bottom: 8px;
  }
}

body#page_course04 .myHead__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__item {
    font-size: 0.72rem;
    margin-bottom: 10px;
  }
}

body#page_course04 .myHead__item:not(:last-child)::after {
  content: "";
  background: url(../img/course/icon04_arrow.svg) no-repeat center center;
  background-size: cover;
  display: inline-block;
  width: 46px;
  height: 15px;
  margin-right: 15px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__item:not(:last-child)::after {
    background-size: 100%;
    width: 16px;
    margin-right: 8px;
  }
}

body#page_course04 .myHead__item.-type02:not(:last-child)::after {
  margin-right: 25px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__item.-type02:not(:last-child)::after {
    margin-right: 8px;
  }
}

body#page_course04 .myHead__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

body#page_course04 .myHead__icon {
  margin-right: 7px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__icon {
    width: 16px;
  }
}

body#page_course04 .myHead__name {
  margin-top: -6px;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__name {
    margin-right: 8px;
  }
}

body#page_course04 .myHead__name.-type02 {
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__name.-type02 {
    margin-right: 8px;
  }
}

body#page_course04 .myHead__arrow {
  border: none;
  background: none;
  outline: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 37px;
  width: 26px;
  height: 26px;
  margin: auto;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__arrow {
    top: auto;
    bottom: 24%;
    right: 8px;
  }
}

body#page_course04 .myHead__arrow::before, body#page_course04 .myHead__arrow::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 6px;
  width: 13px;
  height: 1px;
  margin: auto;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .myHead__arrow::before, body#page_course04 .myHead__arrow::after {
    width: 7px;
  }
}

body#page_course04 .myHead__arrow::before {
  -webkit-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  transform: rotate(52deg);
}

body#page_course04 .myHead__arrow::after {
  -webkit-transform: rotate(-52deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-52deg);
}

body#page_course04 .myHead__arrow[aria-expanded="true"] {
  -webkit-transform: rotate(90deg) rotateY(180deg);
  transform: rotate(90deg) rotateY(180deg);
}

body#page_course04 .mySection {
  position: relative;
}

body#page_course04 .mySection__time {
  position: relative;
  text-align: center;
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__time {
    margin-bottom: 36px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__time.-type01 {
    margin: 15px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__time.-type01 {
    margin: 10px 0 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__time.-type02 {
    margin: 35px 0 80px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__time.-type02 {
    margin: 15px 0 25px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__time.-type03 {
    margin: 120px 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__time.-type03 {
    margin-top: 70px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__time.-type04 {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__time.-type05 {
    margin: 20px 0 -20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__time.-type05 {
    margin: 10px 0 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__time.-type06 {
    margin: 60px 0 25px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__time.-type06 {
    margin: 45px 0 20px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__time.-type07 {
    margin: 55px 0 50px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__time.-type07 {
    margin: 30px 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__time img {
    max-width: 450px;
    width: 100%;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__box.-type02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

body#page_course04 .mySection__detail {
  width: 42%;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__detail {
    width: auto;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__detail.-type02 {
    margin-top: 22px;
  }
}

body#page_course04 .mySection-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 17px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-tag {
    margin-bottom: 13px;
  }
}

body#page_course04 .mySection-tag__item {
  background-color: #28a9a7;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.075em;
  line-height: 1;
  padding: 3px 12px 6px;
}

body#page_course04 .mySection__title {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #ac7d00;
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin: -7px 0 14px;
  padding-left: 1.5em;
  text-indent: -1.25em;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__title {
    font-size: 1.25rem;
    margin-bottom: 14px;
  }
}

body#page_course04 .mySection__title img {
  vertical-align: top;
  margin: 7px 8px 0 0;
  max-width: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__title img {
    width: 22px;
    margin-top: 4px;
  }
}

body#page_course04 .mySection__txt {
  line-height: 1.875;
  text-align: justify;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

body#page_course04 .mySection__image {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__image {
    display: none;
  }
}

body#page_course04 .mySection__image.-type02 {
  margin-top: 60px;
}

body#page_course04 .mySection__image.-type03 {
  margin-top: 110px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__image.-tag {
    display: block;
    margin-bottom: 10px;
    text-align: left;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__image:first-child {
    margin-top: 0;
    margin-bottom: 10px;
  }
}

body#page_course04 .mySection__image img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__image img {
    max-width: 450px;
  }
}

body#page_course04 .mySection__photo {
  position: relative;
  text-align: center;
  width: 54%;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__photo {
    width: auto;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__photo.-type02 img {
    margin-right: -15px;
  }
}

body#page_course04 .mySection__photo img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__photo img {
    max-width: 450px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__btn {
    padding: 0 32px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__btn > * {
    margin-left: 0;
  }
}

body#page_course04 .mySection__btn.-zi1 {
  position: relative;
  z-index: 1;
}

body#page_course04 .mySection-memo {
  position: relative;
  margin: 60px 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo {
    margin: 40px 0 19px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo.-type02 {
    margin-top: 60px;
  }
}

body#page_course04 .mySection-memo.-type03 {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo.-type03 {
    margin-top: 40px;
  }
}

body#page_course04 .mySection-memo__inner {
  background: url(../img/course/bg_memo.png) no-repeat center 0;
  background-size: 1000px;
  border-radius: 0 0 10px 10px;
  padding: 42px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__inner {
    background-image: url(../img/course/bg_memo_sp.png);
    background-size: 100%;
    border-radius: 0;
    padding: 30px 0 30px;
  }
}

body#page_course04 .mySection-memo-title {
  position: relative;
  text-align: center;
}

body#page_course04 .mySection-memo-title > * {
  display: block;
}

body#page_course04 .mySection-memo-title__en {
  margin-bottom: 8px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo-title__en {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo-title__en img {
    width: 116px;
  }
}

body#page_course04 .mySection-memo-title__jp {
  font-size: 1.18188rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1.81667;
  padding: 0 .5em;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo-title__jp {
    font-size: 0.9375rem;
  }
}

body#page_course04 .mySection-memo-title__jp {
  letter-spacing: 0.05em;
}

body#page_course04 .mySection-memo__box {
  position: relative;
  margin: 30px auto 0;
  padding: 0 15px;
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection-memo__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 930px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection-memo__box.-type02 {
    display: block;
  }
}

body#page_course04 .mySection-memo__photo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 59.22222%;
  margin-right: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__photo {
    width: auto;
    margin: 0 0 14px;
  }
}

body#page_course04 .mySection-memo__photo img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__photo img {
    max-width: 450px;
  }
}

body#page_course04 .mySection-memo__photo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-justify: center;
  -ms-flex-justify: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__photo-list {
    max-width: 450px;
    margin: 0 auto;
  }
}

body#page_course04 .mySection-memo__photo-list li {
  width: 28%;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__photo-list li {
    width: 38%;
  }
}

body#page_course04 .mySection-memo__photo-list li:not(:last-child) {
  margin-right: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__photo-list li:not(:last-child) {
    margin-right: 0px;
  }
}

body#page_course04 .mySection-memo__photo-list li img {
  width: 100%;
}

body#page_course04 .mySection-memo__photo-list--txt {
  font-size: 0.875rem;
  margin-top: 14px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__photo-list--txt {
    font-size: 0.8125rem;
    margin-top: 7px;
  }
}

body#page_course04 .mySection-memo__list {
  position: relative;
  margin-top: 40px;
  padding: 0 40px;
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection-memo__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__list {
    max-width: 450px;
    margin: 20px auto 0;
    padding: 0 20px;
  }
}

body#page_course04 .mySection-memo__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 40.5%;
  padding: 0 20px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__item {
    width: auto;
    padding: 0;
  }
}

body#page_course04 .mySection-memo__item.-type02 {
  position: relative;
}

body#page_course04 .mySection-memo__item:not(:last-child)::after {
  content: "";
  background: url(../img/course/img_dotline.png) 0 0;
  background-size: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 2px;
  height: 100%;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__item:not(:last-child)::after {
    background-image: url(../img/course/img_dotline_sp.png);
    background-size: auto 100%;
    position: static;
    width: 100%;
    height: 2px;
    margin: 32px 0;
  }
}

body#page_course04 .mySection-memo__item.-type02:not(:last-child)::after {
  left: auto;
  right: 0;
}

body#page_course04 .mySection-memo__image {
  position: relative;
  text-align: center;
  margin-bottom: 12px;
  min-height: 0%;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__image {
    width: 100%;
  }
}

body#page_course04 .mySection-memo__image.-mb25 {
  margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__image.-mb25 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__image img {
    max-width: 450px;
    width: 100%;
  }
}

body#page_course04 .mySection-memo__title {
  color: #ac7d00;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin-bottom: 7px;
  padding-left: 1.5em;
  text-indent: -1.25em;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__title {
    font-size: 1.25rem;
    margin-bottom: 12px;
  }
}

body#page_course04 .mySection-memo__title.-ls0 {
  letter-spacing: 0;
}

body#page_course04 .mySection-memo__title img {
  margin-right: 8px;
  max-width: auto;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__title img {
    width: 21px;
  }
}

body#page_course04 .mySection-memo__txt {
  font-size: 0.875rem;
  line-height: 1.85714;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__txt {
    font-size: 0.9375rem;
    letter-spacing: -0.025em;
    line-height: 1.5;
    margin-bottom: 14px;
    margin-right: -.5em;
  }
}

body#page_course04 .mySection-memo__btn {
  margin-top: auto;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-memo__btn {
    padding: 0 12px;
  }
}

body#page_course04 .mySection-check {
  max-width: 750px;
  margin: 70px auto 85px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-check {
    margin: 30px auto 25px;
  }
}

body#page_course04 .mySection-check__title {
  text-align: center;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-check__title {
    margin-bottom: 7px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-check__title img {
    width: 112px;
  }
}

body#page_course04 .mySection-check__box {
  background: url(../img/course/bg04_check.png) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  position: relative;
}

body#page_course04 .mySection-check__box::after {
  content: "";
  background: url(../img/common/icon_arrow.svg) no-repeat right 25px center;
  background-size: 19px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-position: right 12px center;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-check__box::after {
    background-size: 13px;
  }
}

body#page_course04 .mySection-check__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: center;
  width: 38.66667%;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-check__image {
    width: 32.26667%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-check__image img {
    max-width: 450px;
    width: 100%;
  }
}

body#page_course04 .mySection-check__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin: 0 auto;
  padding: 10px 45px;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-check__detail {
    padding: 10px;
  }
}

body#page_course04 .mySection-check__name {
  font-size: 1.375rem;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-check__name {
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection-check__txt {
    font-size: 0.625rem;
  }
}

body#page_course04 .mySection__other {
  position: relative;
  width: 100%;
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__other.-type01 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__other.-type01 {
    position: absolute;
    right: -5%;
    bottom: -30%;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__other.-type02 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__other.-type02 {
    margin: 20px auto;
    max-width: 450px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__other.-type03 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__other.-type03 {
    position: absolute;
    left: -4%;
    bottom: -5%;
  }
}

@media only screen and (min-width: 769px) {
  body#page_course04 .mySection__other.-type04 {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__other.-type04 {
    position: absolute;
    right: -5%;
    bottom: -16%;
  }
}

body#page_course04 .mySection__other.-type05 {
  margin: -249px 0 -95px;
}

@media only screen and (max-width: 1030px) {
  body#page_course04 .mySection__other.-type05 {
    margin-top: -59px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_course04 .mySection__other.-type05 {
    display: none;
  }
}

body#page_course04 .mySection__other img {
  width: 100%;
}

/*
under
*/
/*
feature01
*/
body#page_feature01 .myIntro {
  background: url(../img/feature/img_illust01.png) no-repeat center bottom;
  background-size: 1100px;
  text-align: center;
  padding: 18px 0 52px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myIntro {
    background-image: url(../img/feature/img_illust01_sp.png);
    background-size: 375px;
    padding: 36px 0 120px;
  }
}

body#page_feature01 .myIntro__head {
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myIntro__head {
    margin-bottom: 19px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myIntro__head img {
    width: 136px;
  }
}

body#page_feature01 .myIntro__title {
  font-size: 2.1875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myIntro__title {
    font-size: 1.25rem;
    margin-bottom: 26px;
  }
}

body#page_feature01 .myIntro__title span {
  color: #b07d00;
}

body#page_feature01 .txt-large {
  font-size: 3.4375rem;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .txt-large {
    font-size: 1.875rem;
  }
}

body#page_feature01 .myIntro__txt {
  display: inline-block;
  line-height: 1.875;
  text-align: left;
  max-width: 30em;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myIntro__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_feature01 .myBlock {
  background-color: #fff;
  position: relative;
}

body#page_feature01 .myBlock.-type02 {
  background-color: #f5f0f0;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock.-type03 {
    background-color: #fff;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock.-type04::after {
    content: none;
  }
}

body#page_feature01 .myBlock__bg {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body#page_feature01 .myBlock__outer {
  position: relative;
  padding: 185px 0 179px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__outer {
    padding: 71px 0 60px;
  }
}

body#page_feature01 .myBlock__outer.-type02 {
  padding: 55px 0 84px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__outer.-type02 {
    padding: 40px 0 55px;
  }
}

body#page_feature01 .myBlock__outer.-type03 {
  padding: 84px 0 125px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__outer.-type03 {
    padding: 60px 0 55px;
  }
}

body#page_feature01 .myBlock__outer.-type04 {
  padding: 87px 0 29.5px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__outer.-type04 {
    padding: 0 0 50px;
  }
}

body#page_feature01 .myBlock__outer.-type05 {
  padding: 29.5px 0 80px;
  margin-bottom: 152px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__outer.-type05 {
    padding: 50px 0 60px;
    margin-bottom: 126px;
  }
}

body#page_feature01 .myBlock__inner {
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 97px 0;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__inner {
    background: #fff;
    padding: 0;
  }
}

body#page_feature01 .myBlock__title-bg {
  background: url(../img/feature/img_illust01_02.png) no-repeat center center;
  background-size: 100%;
  background-size: 1000px;
  text-align: center;
  padding-top: 45px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__title-bg {
    background: none;
    padding-top: 0;
  }
}

body#page_feature01 .myBlock__title-illust {
  display: none;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__title-illust {
    display: block;
    width: 100%;
    max-width: 450px;
    margin: auto;
  }
}

body#page_feature01 .myBlock__title {
  position: absolute;
  top: -84px;
  left: 0;
}

@media only screen and (min-width: 769px) {
  body#page_feature01 .myBlock__title.-type02 {
    top: -86px;
    left: auto;
    right: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__title {
    position: relative;
    top: -54px;
    left: auto;
    right: auto;
    width: 124px;
    margin: 0 auto -35px;
  }
}

body#page_feature01 .myBlock__title.-txt {
  position: static;
  font-size: 1.875rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.075em;
  line-height: 1.5;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__title.-txt {
    font-size: 1.4375rem;
    width: auto;
  }
}

body#page_feature01 .myBlock__title.-txt span {
  font-size: 1.4375rem;
  color: #b07d00;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__title.-txt span {
    font-size: 1.0625rem;
  }
}

body#page_feature01 .myBlock__title.-type02 {
  text-align: left;
}

body#page_feature01 .myBlock__title.-type03 {
  font-size: 1.5625rem;
  font-weight: 500;
  margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock__title.-type03 {
    font-size: 1.25rem;
    line-height: 1.75;
    margin-bottom: 35px;
  }
}

body#page_feature01 .myBlock__title.-bb {
  display: inline-block;
}

body#page_feature01 .myBlock__title.-bb::after {
  content: "";
  display: block;
  background-image: url(../img/feature/img_dashed.png);
  background-size: auto 100%;
  width: 100%;
  height: 3.2px;
  margin-top: 10px;
}

body#page_feature01 .myBlock-main {
  position: relative;
  max-width: 870px;
  margin: 0 auto;
  padding: 0 15px;
}

body#page_feature01 .myBlock-main.-type02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (min-width: 769px) {
  body#page_feature01 .myBlock-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-main {
    padding: 0 20px 30px;
  }
}

body#page_feature01 .myBlock-main__detail {
  padding-top: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-main__detail {
    padding-top: 0;
  }
}

body#page_feature01 .myBlock-main__title {
  color: #b07d00;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-main__title {
    font-size: 1.125rem;
    margin-bottom: 14px;
  }
}

body#page_feature01 .myBlock-main__txt {
  font-size: 1rem;
  line-height: 1.875;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-main__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 14px;
  }
}

body#page_feature01 .myBlock-main__image {
  text-align: center;
  width: 51.78571%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 6%;
}

@media only screen and (min-width: 769px) {
  body#page_feature01 .myBlock-main.-type02 .myBlock-main__image {
    margin-left: 0;
    margin-right: 6%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-main__image {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

body#page_feature01 .myBlock-amusement {
  max-width: 1000px;
  margin: 0 auto;
}

body#page_feature01 .myBlock-amusement__detail {
  margin: 30px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__detail {
    margin: 20px 0 25px;
  }
}

body#page_feature01 .myBlock-amusement__title {
  font-size: 1.5625rem;
  color: #fff;
  line-height: 1;
  background-color: #b07d00;
  margin-bottom: 20px;
  padding: 15.5px 0 15.5px 22px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__title {
    font-size: 1.25rem;
    text-align: center;
    padding: 18px 0;
  }
}

body#page_feature01 .myBlock-amusement__txt {
  font-size: 1rem;
  text-align: justify;
  line-height: 1.5;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__txt {
    font-size: 0.9375rem;
    margin-bottom: 15px;
  }
}

body#page_feature01 .myBlock-amusement__category {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__category {
    display:block
  }
}

body#page_feature01 .myBlock-amusement__specific {
  width: 57.2%;
  margin-right: auto;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__specific {
    width: auto;
    margin: 0 0 40px;
  }
}

@media only screen and (min-width: 768px) {
  body#page_feature01 .myBlock-amusement__specific img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  body#page_feature01 .myBlock-amusement__specific img {
    max-width: inherit;
  }
}

body#page_feature01 .myBlock-amusement__normal {
  width: 36.8%;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__normal {
    width: auto;
  }
}

body#page_feature01 .myBlock-amusement__name {
  font-size: 1.5625rem;
  color: #b07d00;
  letter-spacing: 0.075em;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__name {
    font-size: 1.4375rem;
  }
}

body#page_feature01 .myBlock-amusement__txt.-type02 {
  line-height: 1.875;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__txt.-type02 {
    line-height: 1.5;
  }
}

body#page_feature01 .myBlock-amusement__txt.-type03 {
  font-size: 0.8125rem;
  margin-bottom: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__txt.-type03 {
    margin-bottom: 20px;
  }
}

body#page_feature01 .myBlock-amusement__txt.-type04 {
  font-size: 0.75rem;
  font-feature-settings: "palt";
  margin: 15px 0 0;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__txt.-type04 {
    font-size: 0.6875rem;
  }
}

@media only screen and (max-width: 364px) {
  body#page_feature01 .myBlock-amusement__txt.-type04 {
    letter-spacing: -0.015em;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__image {
    max-width: 450px;
     margin: auto;
  }
}

body#page_feature01 .myBlock-amusement__image.-type02 {
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__image.-type02 {
    margin-top: 30px;
  }
}

body#page_feature01 .myBlock-amusement__image.-type03 {
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement__image.-type03 {
    margin-top: 10px;
  }
}

body#page_feature01 .myBlock-recommend-title__en {
  margin-bottom: 6px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-recommend-title__en {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-recommend-title__en img {
    width: 116px;
  }
}

body#page_feature01 .myBlock-recommend-title__jp {
  color: #ab363f;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-recommend-title__jp {
    font-size: 0.875rem;
  }
}

body#page_feature01 .myBlock-memo {
  background: url(../img/feature/bg_memo.png) no-repeat center 0;
  position: relative;
  background-size: 1000px;
  max-width: 1000px;
  border-radius: 0 0 10px 10px;
  margin: auto;
  padding: 45px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-memo {
    background: url(../img/feature/bg_memo_sp.png) no-repeat center 0;
    background-size: 100%;
    border-radius: 0;
    padding-top: 30px;
  }
}

body#page_feature01 .myBlock-memo-title {
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-memo-title {
    top: 30px;
    margin-bottom: 20px;
  }
}

body#page_feature01 .myBlock-memo-title > * {
  display: block;
}

body#page_feature01 .myBlock-memo-title__jp {
  color: #1e1e1e;
}

body#page_feature01 .myBlock-memo__detail {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 870px;
  margin: auto;
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-memo__detail {
    display: block;
  }
}

body#page_feature01 .myBlock-memo__detail:not(:last-child) {
  padding-bottom: 35px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-memo__detail:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 35px;
  }
}

body#page_feature01 .myBlock-memo__detail:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #ab7d00;
  width: 95.4%;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  body#page_feature01 .myBlock-memo__detail:not(:last-child)::after {
    width: 87.5%;
  }
}

body#page_feature01 .myBlock-memo__detail.-type02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

body#page_feature01 .myBlock-memo__image {
  text-align: center;
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 3.5%;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-memo__image {
    width: auto;
    margin: 0 0 15px;
  }
}

body#page_feature01 .myBlock-memo__image.-type02 {
  width: 26%;
  margin: 0 0 0 3.5%;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-memo__image.-type02 {
    width: auto;
    margin: 0 0 15px;
  }
}

.myBlock-memo__name {
  position: relative;
}

body#page_feature01 .myBlock-memo__lead {
  color: #ac7d00;
  font-size: 1.375rem;
  letter-spacing: 0.075em;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-memo__lead {
    font-size: 1.125rem;
    line-height: 1.56;
    margin-bottom: 5px;
  }
}

body#page_feature01 .myBlock-memo__txt {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.875;
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-memo__txt {
    font-size: 0.9375rem;
    line-height: 1.73;
  }
}

body#page_feature01 .myBlock-title__wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-title__wrapper {
    display: block;
  }
}

body#page_feature01 .myBlock-title__wrapper div {
  width: 46.3%;
  margin-right: auto;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-title__wrapper div {
    width: auto;
    margin: 0 0 25px;
  }
}

body#page_feature01 .myBlock-title__wrapper p {
  line-height: 1.875;
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-title__wrapper p {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 20px;
  }
}

body#page_feature01 .myBlock-title__image {
  width: 46.3%;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-title__image {
    width: auto;
    text-align: center;
  }
}

body#page_feature01 .myBlock-manners {
  position: relative;
  background-color: #fff;
  border: 1px solid #b07d00;
  border-radius: 10px;
  max-width: 900px;
  margin: 45px auto 0;
  padding: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-manners {
    max-width: 450px;
    margin-top: 50px;
    padding: 25px 17px;
  }
}

body#page_feature01 .myBlock-manners__title {
  position: relative;
  font-size: 1.5625rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.075em;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-manners__title {
    font-size: 1.25rem;
    margin-bottom: 35px;
  }
}

body#page_feature01 .myBlock-manners__title::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -25%;
  border-bottom: 1px dashed #ab7d00;
  width: 80%;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-manners__title::after {
    width: 100%;
  }
}

body#page_feature01 .myBlock-manners__title span {
  font-size: 0.875rem;
  color: #b07d00;
  vertical-align: 15%;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-manners__title span {
    font-size: 0.75rem;
    vertical-align: middle;
    margin-right: 0;
  }
}

body#page_feature01 .myBlock-manners__wrapper {
  max-width: 600px;
  margin: auto;
}

body#page_feature01 .myBlock-manners__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-manners__list {
    display: block;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .mb15 {
    margin-bottom: 15px;
  }
}

body#page_feature01 .myBlock-manners__detail {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

body#page_feature01 .myBlock-manners__detail p {
  font-size: 0.9625rem;
  letter-spacing: 0.075em;
  margin-left: 10px;
}

body#page_feature01 .myBlock-manners__detail:not(:last-child) {
  margin-bottom: 15px;
}

body#page_feature01 .myBlock-manners__attention {
  max-width: 589px;
  background-color: #f24e5b;
  padding: 9px 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-manners__attention {
    padding: 20px;
  }
}

body#page_feature01 .myBlock-manners__attention p {
  font-size: 1.0625rem;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.075em;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-manners__attention p {
    font-size: 1rem;
    line-height: 1.625;
  }
}

body#page_feature01 .myBlock-manners__image {
  position: absolute;
  top: -25px;
  right: -20px;
  width: 21%;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-manners__image {
    position: absolute;
    top: -9.5%;
    right: -5%;
    width: 47%;
    max-width: 150px;
  }
}

body#page_feature01 .myBlock-manners__image.-type02 {
  position: absolute;
  top: auto;
  right: 5.5%;
  bottom: 4%;
  width: 14%;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-manners__image.-type02 {
    position: absolute;
    top: auto;
    right: -3%;
    bottom: 19.5%;
    width: 26.7%;
    max-width: 85px;
  }
}

body#page_feature01 .accordion {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}

body#page_feature01 .myBlock-amusement-city {
  font-size: 1.5625rem;
  line-height: 1;
  letter-spacing: 0.075em;
  border: 1px solid #b07d00;
  padding: 21.5px 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement-city {
    font-size: 1.25rem;
    padding: 25px 20px;
  }
}

body#page_feature01 .myHead__arrow {
  border: none;
  background: none;
  outline: none;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 60px;
  width: 26px;
  height: 26px;
  margin: auto;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myHead__arrow {
    top: auto;
    bottom: 30%;
    right: 22px;
  }
}

body#page_feature01 .myHead__arrow::before, body#page_feature01 .myHead__arrow::after {
  content: "";
  background-color: #b07d00;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 6px;
  width: 13px;
  height: 1px;
  margin: auto;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

body#page_feature01 .myHead__arrow::before {
  -webkit-transform: rotate(52deg);
  -ms-transform: rotate(52deg);
  transform: rotate(52deg);
}

body#page_feature01 .myHead__arrow::after {
  -webkit-transform: rotate(-52deg);
  -ms-transform: rotate(-52deg);
  transform: rotate(-52deg);
}

body#page_feature01 .myHead__arrow[aria-expanded="true"] {
  -webkit-transform: rotate(90deg) rotateY(180deg);
  transform: rotate(90deg) rotateY(180deg);
}

body#page_feature01 .myHead__arrow[aria-expanded="true"]::before {
  background-color: #fff;
}

body#page_feature01 .myHead__arrow[aria-expanded="true"]::after {
  background-color: #fff;
}

body#page_feature01 .myHead__arrow[aria-expanded="true"] + .myBlock-amusement-city {
  color: #fff;
  background-color: #b07d00;
}

body#page_feature01 .myBlock-amusement-cellar__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement-cellar__wrapper {
    display: block;
    padding-top: 5px;
  }
}

body#page_feature01 .myBlock-amusement-cellar__detail[aria-hidden="true"] {
  display: none;
}

body#page_feature01 .myBlock-amusement-cellar {
  width: 47%;
  margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement-cellar {
    width: auto;
    margin-bottom: 25px;
  }
}

body#page_feature01 .myBlock-amusement-cellar:nth-child(odd) {
  margin-right: auto;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement-cellar:nth-child(odd) {
    margin-right: 0;
  }
}

body#page_feature01 .myBlock-amusement-cellar__image--wrapper {
  position: relative;
  text-align: center;
}

body#page_feature01 .myBlock-amusement-cellar__image {
  margin-bottom: 10px;
}

body#page_feature01 .myBlock-amusement-cellar__icon {
  position: absolute;
  right: 4px;
  bottom: -60px;
  width: 27%;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .myBlock-amusement-cellar__icon {
    right: -3%;
    bottom: -6%;
    width: 40%;
  }
}

body#page_feature01 .myBlock-amusement-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

body#page_feature01 .myBlock-amusement-company__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

body#page_feature01 .myBlock-amusement-company__name {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.75;
}

body#page_feature01 .myBlock-amusement-cellar__table--wrapper {
  border-bottom: 1px solid #c9c9c9;
  margin-bottom: 5px;
  padding-bottom: 15px;
}

body#page_feature01 .myBlock-amusement-cellar__table {
  width: 100%;
}

body#page_feature01 .myBlock-amusement-cellar__table tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}

body#page_feature01 .myBlock-amusement-cellar__table th,.myBlock-amusement-cellar__table td {
  font-size: 0.9375rem;
  line-height: 1.5;
  font-feature-settings: "palt";
  padding: 3.25px 0;
}

body#page_feature01 .myBlock-amusement-cellar__table th {
  background-color: #28b3b1;
  color: #fff;
  vertical-align: top;
  width: 80px;
  padding-left: 5px;
}

body#page_feature01 .myBlock-amusement-cellar__table td {
  padding-left: 25px;
}

body#page_feature01 .myBlock-amusement-cellar__table.-type02 th:not(:last-child) {
  border-bottom: none;
}

body#page_feature01 .myBlock-amusement-cellar__table.-type02 th {
  background-color: inherit;
  color: #28b3b1;
}

body#page_feature01 .myBlock-amusement-cellar__table.-type02 td a {
  text-decoration: none;
}

body#page_feature01 .break td span {
  display: inline-block;
  margin-bottom: 8.5px;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .break-sp td span {
    display: inline-block;
    margin-bottom: 8.5px;
  }
}

body#page_feature01 .tr-hp th {
  font-size: 0.875rem;
  letter-spacing: -0.11em;
}

@media only screen and (max-width: 768px) {
  body#page_feature01 .tr-hp td {
    letter-spacing: -0.03em;
  }
}

/*
feature02
*/

body#page_feature02 .myIntro {
  background: url(../img/feature/img_illust.png) no-repeat center bottom;
  background-size: 1100px;
  text-align: center;
  padding: 18px 0 52px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myIntro {
    background-image: url(../img/feature/img_illust_sp.png);
    background-size: 375px;
    padding: 36px 0 120px;
  }
}

body#page_feature02 .myIntro__head {
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myIntro__head {
    margin-bottom: 19px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myIntro__head img {
    width: 136px;
  }
}

body#page_feature02 .myIntro__title {
  font-size: 2.1875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myIntro__title {
    font-size: 1.25rem;
    margin-bottom: 26px;
  }
}

body#page_feature02 .myIntro__txt {
  display: inline-block;
  line-height: 1.875;
  text-align: justify;
  max-width: 30em;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myIntro__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_feature02 .myBlock {
  background-color: #fff;
  position: relative;
  padding-bottom: 51px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock {
    padding-bottom: 72px;
  }
}

body#page_feature02 .myBlock__bg {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body#page_feature02 .myBlock__outer {
  position: relative;
  padding-top: 183px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock__outer {
    padding-top: 71px;
  }
}

body#page_feature02 .myBlock__inner {
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 99px 0 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock__inner {
    background: #fff;
    padding: 0;
  }
}

body#page_feature02 .myBlock__title {
  position: absolute;
  top: -84px;
  left: 46px;
}

@media only screen and (min-width: 769px) {
  body#page_feature02 .myBlock__title.-type02 {
    top: -86px;
    left: auto;
    right: 54px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock__title {
    position: relative;
    top: -54px;
    left: auto;
    right: auto;
    width: 124px;
    margin: 0 auto -35px;
  }
}

body#page_feature02 .myBlock-main {
  max-width: 870px;
  margin: 0 auto 62px;
  padding: 0 15px;
}

body#page_feature02 .myBlock-main.-type02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (min-width: 769px) {
  body#page_feature02 .myBlock-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-main {
    margin-bottom: 30px;
    padding: 0 20px;
  }
}

body#page_feature02 .myBlock-main__detail {
  padding-top: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-main__detail {
    padding-top: 0;
  }
}

body#page_feature02 .myBlock-main__title {
  color: #176665;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-main__title {
    font-size: 1.125rem;
    margin-bottom: 14px;
  }
}

body#page_feature02 .myBlock-main__title-know {
  letter-spacing: 0;
}

body#page_feature02 .myBlock-main__txt {
  font-size: 1rem;
  line-height: 1.875;
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-main__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 14px;
  }
}

body#page_feature02 .myBlock-main__image {
  text-align: center;
  width: 51.78571%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 6%;
}

@media only screen and (min-width: 769px) {
  body#page_feature02 .myBlock-main.-type02 .myBlock-main__image {
    margin-left: 0;
    margin-right: 6%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-main__image {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

body#page_feature02 .myBlock-recommend {
  margin-bottom: 78px;
  padding: 0 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend {
    margin-bottom: 45px;
    padding: 0;
  }
}

body#page_feature02 .myBlock-recommend-title {
  position: relative;
  text-align: center;
  margin-bottom: 46px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend-title {
    margin-bottom: 20px;
  }
}

body#page_feature02 .myBlock-recommend-title > * {
  display: block;
}

body#page_feature02 .myBlock-recommend-title::before, body#page_feature02 .myBlock-recommend-title::after {
  content: "";
  background-color: #176665;
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc((100% - 206px) / 2);
  height: 1px;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend-title::before, body#page_feature02 .myBlock-recommend-title::after {
    width: calc((100% - 144px) / 2);
  }
}

body#page_feature02 .myBlock-recommend-title::before {
  left: 0;
}

body#page_feature02 .myBlock-recommend-title::after {
  right: 0;
}

body#page_feature02 .myBlock-recommend-title__en {
  margin-bottom: 6px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend-title__en {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend-title__en img {
    width: 116px;
  }
}

body#page_feature02 .myBlock-recommend-title__jp {
  color: #176665;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend-title__jp {
    font-size: 0.875rem;
  }
}

body#page_feature02 .myBlock-recommend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -15px -79px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend__list {
    margin: 0 -9px -28px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature02 .myBlock-recommend__list.-pcColumn2::after {
    content: "";
    display: block;
    width: 31.18182%;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature02 .myBlock-recommend__list.-pcColumn2 > *:nth-child(odd) {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature02 .myBlock-recommend__list.-pcColumn2 > *:nth-child(even) {
    margin-right: 30px;
  }
}

body#page_feature02 .myBlock-recommend__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 31.18182%;
  margin-bottom: 79px;
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend__item {
    width: 50%;
    margin-bottom: 28px;
    padding: 0 9px;
  }
}

body#page_feature02 .myBlock-recommend__image {
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (min-width: 769px) {
  body#page_feature02 .myBlock-recommend__image {
    max-height: 22.35714vw;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend__image {
    margin-bottom: 14px;
    min-height: 0%;
  }
}

body#page_feature02 .myBlock-recommend-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend-name {
    margin-bottom: 10px;
  }
}

body#page_feature02 .myBlock-recommend-name__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend-name__icon img {
    width: 21px;
  }
}

body#page_feature02 .myBlock-recommend-name__txt {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 1.03125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-recommend-name__txt {
    font-size: 0.8125rem;
  }
}

body#page_feature02 .myBlock-recommend__btn {
  margin-top: auto;
}

body#page_feature02 .myBlock-column {
  background: url(../img/feature/bg_column_green.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  width: 712px;
  margin: 0 auto;
  padding: 0 242px 77px 32px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-column {
    max-width: 450px;
    width: auto;
    padding: 0 20px 21px;
  }
}

body#page_feature02 .myBlock-column__head {
  border-bottom: 1px solid #fff;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

@media only screen and (min-width: 993px) {
  body#page_feature02 .myBlock-column__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-column__head {
    position: relative;
    margin-bottom: 11px;
  }
}

body#page_feature02 .myBlock-column__title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  top: -3px;
  margin-right: 23px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-column__title {
    margin: 0 0 9px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-column__title img {
    width: 53px;
  }
}

body#page_feature02 .myBlock-column__lead {
  color: #fff;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
  padding-top: 29px;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-column__lead {
    font-size: 1.125rem;
    line-height: 1.56389;
    padding-top: 0;
    padding-right: 39%;
  }
}

body#page_feature02 .myBlock-column__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 480px;
  margin: auto;
}

@media only screen and (min-width: 769px) {
  body#page_feature02 .myBlock-column__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-column__image {
    top: auto;
    bottom: -10%;
    left: auto;
    right: 0;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

body#page_feature02 .myBlock-column__image img {
  max-width: none;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-column__image img {
    position: relative;
    left: 25%;
  }
}

body#page_feature02 .myBlock-column__txt {
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.875;
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  body#page_feature02 .myBlock-column__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

/*
feature03
*/
body#page_feature03 .myIntro {
  background: url(../img/feature/img_illust03.png) no-repeat center bottom;
  background-size: 1100px;
  text-align: center;
  padding: 18px 0 52px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myIntro {
    background-image: url(../img/feature/img_illust03_sp.png);
    background-size: 375px;
    padding: 36px 0 120px;
  }
}

body#page_feature03 .myIntro__head {
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myIntro__head {
    margin-bottom: 19px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myIntro__head img {
    width: 136px;
  }
}

body#page_feature03 .myIntro__title {
  font-size: 2.1875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myIntro__title {
    font-size: 1.25rem;
    margin-bottom: 26px;
  }
}

body#page_feature03 .myIntro__txt {
  display: inline-block;
  line-height: 1.875;
  text-align: left;
  max-width: 35em;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myIntro__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_feature03 .anchor__container {
  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;
  max-width: 1040px;
  margin: auto;
  padding: 0 20px 87px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .anchor__container {
    max-width: 375px;
    padding-bottom: 30px;
  }
}

body#page_feature03 .anchor__btn {
  background-color: #ab363f;
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.875;
  text-align: center;
  text-decoration: none;
  max-width: 184px;
  width: 100%;
  margin: 0 20px 13px 0;
  padding: 15px 0;
  background-image: url(../img/feature/icon_anchor_arrow.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: 92.5% 50%;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .anchor__btn {
    font-size: 0.875rem;
    max-width: none;
    width: 48%;
    margin-right: auto;
    padding: 13.125px 0;
    background-size: 11px;
  }
}

body#page_feature03 .anchor__btn:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .anchor__btn:last-child {
    margin-bottom: 0;
  }
}

body#page_feature03 .anchor__btn--2nd {
  padding-right: 15px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .anchor__btn:nth-child(even) {
    margin-right: 0;
  }
}

body#page_feature03 .myBlock {
  background-color: #fff;
  position: relative;
  padding-bottom: 51px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock {
    padding-bottom: 72px;
  }
}

body#page_feature03 .myBlock__mb168 {
  margin-bottom: 168px;
  padding-bottom: 0;
  background: url(../img/feature/bg_recommend.png) no-repeat top center;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock__mb168 {
    margin-bottom: 120px;
  }
}

body#page_feature03 .myBlock__bg {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body#page_feature03 .myBlock__outer {
  position: relative;
  padding-top: 183px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock__outer {
    padding-top: 71px;
  }
}

body#page_feature03 .myBlock__outer--pt0 {
  padding-top: 0;
}

body#page_feature03 .myBlock__inner {
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 99px 0 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock__inner {
    background: #fff;
    padding: 0;
  }
}

body#page_feature03 .myBlock__inner--inherit {
  background-color: inherit;
  padding-bottom: 20px;
}

body#page_feature03 .myBlock__title {
  position: absolute;
  top: -84px;
  left: 46px;
}

@media only screen and (min-width: 769px) {
  body#page_feature03 .myBlock__title.-type02 {
    top: -86px;
    left: auto;
    right: 54px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock__title {
    position: relative;
    top: -54px;
    left: auto;
    right: auto;
    width: 124px;
    margin: 0 auto -35px;
  }
}

body#page_feature03 .myBlock-main {
  position: relative;
  max-width: 870px;
  margin: 0 auto 93px;
  padding: 0 15px;
}

body#page_feature03 .myBlock-main.-type02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (min-width: 769px) {
  body#page_feature03 .myBlock-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-main {
    margin-bottom: 80px;
    padding: 0 20px;
  }
}

body#page_feature03 .myBlock-main__detail {
  padding-top: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-main__detail {
    padding-top: 0;
  }
}

body#page_feature03 .myBlock-main__title {
  color: #ab363f;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-main__title {
    font-size: 1.125rem;
    margin-bottom: 14px;
  }
}

body#page_feature03 .myBlock-main__txt {
  font-size: 1rem;
  line-height: 1.875;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-main__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 14px;
  }
}

body#page_feature03 .myBlock-main__image {
  text-align: center;
  width: 51.78571%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 6%;
}

@media only screen and (min-width: 769px) {
  body#page_feature03 .myBlock-main.-type02 .myBlock-main__image {
    margin-left: 0;
    margin-right: 6%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-main__image {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

body#page_feature03 .myBlock-recommend {
  margin-bottom: 78px;
  padding: 0 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend {
    margin-bottom: 45px;
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend--mb70 {
    margin-bottom: 70px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend--mb10 {
    margin-bottom: 10px;
  }
}

body#page_feature03 .myBlock-recommend-title {
  position: relative;
  text-align: center;
  margin-bottom: 46px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend-title {
    margin-bottom: 20px;
  }
}

body#page_feature03 .myBlock-recommend-title > * {
  display: block;
}

body#page_feature03 .myBlock-recommend-title::before, body#page_feature03 .myBlock-recommend-title::after {
  content: "";
  background-color: #ab363f;
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc((100% - 206px) / 2);
  height: 1px;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend-title::before, body#page_feature03 .myBlock-recommend-title::after {
    width: calc((100% - 144px) / 2);
  }
}

body#page_feature03 .myBlock-recommend-title::before {
  left: 0;
}

body#page_feature03 .myBlock-recommend-title::after {
  right: 0;
}

body#page_feature03 .myBlock-recommend-title__en {
  margin-bottom: 6px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend-title__en {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend-title__en img {
    width: 116px;
  }
}

body#page_feature03 .myBlock-recommend-title__jp {
  color: #ab363f;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend-title__jp {
    font-size: 0.875rem;
  }
}

body#page_feature03 .myBlock-recommend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -15px -79px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend__list {
    margin: 0 -9px -28px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature03 .myBlock-recommend__list.-pcColumn2::after {
    content: "";
    display: block;
    width: 31.18182%;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature03 .myBlock-recommend__list.-pcColumn2 > *:nth-child(odd) {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature03 .myBlock-recommend__list.-pcColumn2 > *:nth-child(even) {
    margin-right: 30px;
  }
}

body#page_feature03 .myBlock-recommend__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 31.18182%;
  margin-bottom: 79px;
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend__item {
    width: 50%;
    margin-bottom: 28px;
    padding: 0 9px;
  }
}

body#page_feature03 .myBlock-recommend__image {
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (min-width: 769px) {
  body#page_feature03 .myBlock-recommend__image {
    max-height: 22.35714vw;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend__image {
    margin-bottom: 8px;
    min-height: 0%;
  }
}

body#page_feature03 .myBlock-recommend-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend-name {
    margin-bottom: 10px;
  }
}

body#page_feature03 .myBlock-recommend-name__icon,body#page_feature03 .myBlock-main__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend-name__icon img,body#page_feature03 .myBlock-main__icon img {
    width: 21px;
  }
}

body#page_feature03 .myBlock-recommend-name__txt {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 1.03125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-recommend-name__txt {
    font-size: 0.8125rem;
    letter-spacing: 0;
  }
}

body#page_feature03 .myBlock-recommend__btn {
  margin-top: auto;
}

body#page_feature03 .myBlock-column {
  background: url(../img/feature/bg_column_red.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  width: 712px;
  margin: 0 auto;
  padding: 0 242px 77px 32px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column {
    max-width: 450px;
    width: auto;
    padding: 0 20px 21px;
  }
}

body#page_feature03 .myBlock-column__head {
  border-bottom: 1px solid #fff;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

@media only screen and (min-width: 993px) {
  body#page_feature03 .myBlock-column__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__head {
    position: relative;
    margin-bottom: 11px;
  }
}

body#page_feature03 .myBlock-column__title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  top: -3px;
  margin-right: 23px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__title {
    margin: 0 0 9px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__title img {
    width: 53px;
  }
}

body#page_feature03 .myBlock-column__lead {
  color: #fff;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
  padding-top: 29px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__lead {
    font-size: 1.125rem;
    line-height: 1.56389;
    padding-top: 0;
    padding-right: 0;
  }
}

body#page_feature03 .myBlock-column__lead--01 {
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__lead {
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 360px) {
  body#page_feature03 .myBlock-column__lead {
    letter-spacing: -0.03em;
  }
}

body#page_feature03 .myBlock-column__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 480px;
  margin: auto;
}

@media only screen and (min-width: 769px) {
  body#page_feature03 .myBlock-column__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__image {
    top: auto;
    bottom: 25%;
    left: auto;
    right: 5%;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__image--01 {
    bottom: 57%;
  }
}

body#page_feature03 .myBlock-column__image img {
  max-width: none;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__image img {
    position: relative;
    left: 25%;
  }
}

body#page_feature03 .myBlock-column__txt {
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.875;
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-column__txt--ls {
    line-height: 1.73;
  }
}

body#page_feature03 .myBlock-memo {
  background: url(../img/feature/bg_memo.png) no-repeat center 0;
  position: relative;
  background-size: 1000px;
  max-width: 1000px;
  border-radius: 0 0 10px 10px;
  margin: auto;
  padding: 45px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-memo {
    background: url(../img/feature/bg_memo_sp.png);
    background-size: 100%;
    border-radius: 0;
    padding-top: 30px;
  }
}

body#page_feature03 .myBlock-memo-title {
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-memo-title {
    top: 30px;
    margin-bottom: 20px;
  }
}

body#page_feature03 .myBlock-memo-title > * {
  display: block;
}

body#page_feature03 .myBlock-memo-title__jp {
  color: #1e1e1e;
}

body#page_feature03 .myBlock-memo__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 870px;
  margin: auto;
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-memo__detail {
    display: block;
  }
}

body#page_feature03 .myBlock-memo__image {
  text-align: center;
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 3.5%;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-memo__image {
    width: auto;
    margin: 0 0 15px;
  }
}

.myBlock-memo__name {
  position: relative;
}

body#page_feature03 .myBlock-memo__lead {
  color: #ac7d00;
  font-size: 1.375rem;
  letter-spacing: 0.075em;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-memo__lead {
    font-size: 1.125rem;
    line-height: 1.56;
    margin-bottom: 5px;
  }
}

body#page_feature03 .myBlock-memo__txt {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.875;
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  body#page_feature03 .myBlock-memo__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 50px;
  }
}

/*
feature04
*/
body#page_feature04 .myIntro {
  background: url(../img/feature/img_illust04.png) no-repeat center top;
  background-size: 1100px;
  text-align: center;
  padding: 18px 0 52px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro {
    background-image: url(../img/feature/img_illust04_sp.png);
    background-size: 375px;
    padding: 36px 0 85px;
  }
}

body#page_feature04 .myIntro__head {
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro__head {
    margin-bottom: 19px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro__head img {
    width: 136px;
  }
}

body#page_feature04 .myIntro__title {
  font-size: 2.1875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro__title {
    font-size: 1.25rem;
    margin-bottom: 26px;
  }
}

body#page_feature04 .myIntro__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
	-ms-flex-align: start;
  align-items: flex-start;
}

body#page_feature04 .myIntro-map {
  position: relative;
  margin-right: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro-map {
    display: none;
  }
}

body#page_feature04 .map-btn {
  position: absolute;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .map-btn {
    display: none;
  }
}

body#page_feature04 .map-btn.-s1 {
  left: 45%;
  bottom: 20.9%;
}

body#page_feature04 .map-btn.-s2 {
  left: 43.8%;
  bottom: 9.4%;
}

body#page_feature04 .map-btn.-s3 {
  left: 40%;
  bottom: 36.4%;
}

body#page_feature04 .map-btn.-s4 {
  left: 23.3%;
  bottom: 0.6%;
}

body#page_feature04 .map-btn.-s5 {
  left: 18.6%;
  bottom: 41.5%;
}

body#page_feature04 .map-btn img {
  width: 35px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro-map-sp {
    position: relative;
    margin: 10px 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .map-btn-sp {
    position: absolute;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .map-btn-sp.-s1 {
    left: 45%;
    bottom: 20.9%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .map-btn-sp.-s2 {
    left: 43.8%;
    bottom: 9.4%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .map-btn-sp.-s3 {
    left: 40%;
    bottom: 36.4%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .map-btn-sp.-s4 {
    left: 23.3%;
    bottom: 0.6%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .map-btn-sp.-s5 {
    left: 18.6%;
    bottom: 41.5%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .map-btn-sp img {
    width: 35px;
  }
}

body#page_feature04 .myIntro__txt-wrapper {
  text-align: left;
  max-width: 24em;
}

body#page_feature04 .myIntro__txt {
  display: inline-block;
  line-height: 1.875;
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_feature04 .myIntro__txt--jh {
  font-size: 0.875rem;
  line-height: 1.5;
  max-width: 20em;
  margin-right: 22px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro__txt--jh {
    font-size: 0.8125rem;
    margin-right: 7%;
  }
}

body#page_feature04 .myIntro__bb {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro__bb {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
}

body#page_feature04 .myIntro__bb--jh{
  
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myIntro__logo img {
    max-width: 56px;
  }
}

body#page_feature04 .myBlock {
  background-color: #fff;
  position: relative;
  padding-bottom: 51px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock {
    padding-bottom: 72px;
  }
}

body#page_feature04 .myBlock__bg {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body#page_feature04 .myBlock__outer {
  position: relative;
  padding-top: 183px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock__outer {
    padding-top: 71px;
  }
}

body#page_feature04 .myBlock__inner {
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 99px 0 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock__inner {
    background: #fff;
    padding: 0;
  }
}

body#page_feature04 .myBlock__title {
  position: absolute;
  top: -84px;
  left: 46px;
}

@media only screen and (min-width: 769px) {
  body#page_feature04 .myBlock__title.-type02 {
    top: -86px;
    left: auto;
    right: 54px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock__title {
    position: relative;
    top: -54px;
    left: auto;
    right: auto;
    width: 124px;
    margin: 0 auto -35px;
  }
}

body#page_feature04 .myBlock-main {
  max-width: 870px;
  margin: 0 auto 62px;
  padding: 0 15px;
}

body#page_feature04 .myBlock-main.-type02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (min-width: 769px) {
  body#page_feature04 .myBlock-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-main {
    margin-bottom: 30px;
    padding: 0 20px;
  }
}

body#page_feature04 .myBlock-main__detail {
  padding-top: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-main__detail {
    padding-top: 0;
  }
}

body#page_feature04 .myBlock-main__title {
  color: #1e3250;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-main__title {
    font-size: 1.125rem;
    margin-bottom: 14px;
  }
}

body#page_feature04 .myBlock-main__title.-kitamae {
  letter-spacing: -0.02em;
}

body#page_feature04 .myBlock-main__title {
  line-height: 1.73;
}

body#page_feature04 .kerning {
  letter-spacing: -0.4em;
}

body#page_feature04 .myBlock-main__txt {
  font-size: 1rem;
  line-height: 1.875;
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-main__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 14px;
  }
}

body#page_feature04 .myBlock-main__image {
  text-align: center;
  width: 41.13%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 5%;
}

@media only screen and (min-width: 769px) {
  body#page_feature04 .myBlock-main.-type02 .myBlock-main__image {
    margin-left: 0;
    margin-right: 6%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-main__image {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

body#page_feature04 .myBlock-recommend {
  margin-bottom: 78px;
  padding: 0 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend {
    margin-bottom: 45px;
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend--mb60 {
    margin-bottom: 60px;
  }
}

body#page_feature04 .myBlock-recommend-title {
  position: relative;
  text-align: center;
  margin-bottom: 46px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend-title {
    margin-bottom: 20px;
  }
}

body#page_feature04 .myBlock-recommend-title > * {
  display: block;
}

body#page_feature04 .myBlock-recommend-title::before, body#page_feature04 .myBlock-recommend-title::after {
  content: "";
  background-color: #1e3250;
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc((100% - 206px) / 2);
  height: 1px;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend-title::before, body#page_feature04 .myBlock-recommend-title::after {
    width: calc((100% - 144px) / 2);
  }
}

body#page_feature04 .myBlock-recommend-title::before {
  left: 0;
}

body#page_feature04 .myBlock-recommend-title::after {
  right: 0;
}

body#page_feature04 .myBlock-recommend-title__en {
  margin-bottom: 6px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend-title__en {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend-title__en img {
    width: 116px;
  }
}

body#page_feature04 .myBlock-recommend-title__jp {
  color: #1e3250;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend-title__jp {
    font-size: 0.875rem;
  }
}

body#page_feature04 .myBlock-recommend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -15px -79px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend__list {
    margin: 0 -9px -28px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature04 .myBlock-recommend__list.-pcColumn2::after {
    content: "";
    display: block;
    width: 31.18182%;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature04 .myBlock-recommend__list.-pcColumn2 > *:nth-child(odd) {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature04 .myBlock-recommend__list.-pcColumn2 > *:nth-child(even) {
    margin-right: 30px;
  }
}

body#page_feature04 .myBlock-recommend__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 31.18182%;
  margin-bottom: 79px;
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend__item {
    width: 50%;
    margin-bottom: 28px;
    padding: 0 9px;
  }
}

body#page_feature04 .myBlock-recommend__image {
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (min-width: 769px) {
  body#page_feature04 .myBlock-recommend__image {
    max-height: 22.35714vw;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend__image {
    margin-bottom: 8px;
    min-height: 0%;
  }
}

body#page_feature04 .myBlock-recommend-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend-name {
    margin-bottom: 10px;
  }
}

body#page_feature04 .myBlock-recommend-name__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend-name__icon img {
    width: 21px;
  }
}

body#page_feature04 .myBlock-recommend-name__txt {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 1.03125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-recommend-name__txt {
    font-size: 0.8125rem;
    letter-spacing: 0;
  }
}

body#page_feature04 .myBlock-recommend__btn {
  margin-top: auto;
}

body#page_feature04 .myBlock-link_btn {
  margin-top: auto;
}

body#page_feature04 .myBlock-column {
  background: url(../img/feature/bg_column_blue.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  width: 712px;
  margin: 0 auto 80px;
  padding: 0 242px 77px 32px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-column {
    max-width: 450px;
    width: auto;
    margin-bottom: 30px;
    padding: 0 20px 21px;
  }
}

body#page_feature04 .myBlock-column__head {
  border-bottom: 1px solid #fff;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

@media only screen and (min-width: 993px) {
  body#page_feature04 .myBlock-column__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-column__head {
    position: relative;
    margin-bottom: 11px;
  }
}

body#page_feature04 .myBlock-column__title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  top: -3px;
  margin-right: 23px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-column__title {
    margin: 0 0 9px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-column__title img {
    width: 53px;
  }
}

body#page_feature04 .myBlock-column__lead {
  color: #fff;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
  padding-top: 29px;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-column__lead {
    font-size: 1.125rem;
    line-height: 1.56389;
    padding-top: 0;
    padding-right: 0;
  }
}

body#page_feature04 .myBlock-column__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 480px;
  margin: auto;
}

@media only screen and (min-width: 769px) {
  body#page_feature04 .myBlock-column__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-column__image {
    top: auto;
    bottom: 0;
    left: auto;
    right: 7%;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-column__image--b25 {
    bottom: 25%;
  }
}

body#page_feature04 .myBlock-column__image img {
  max-width: none;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-column__image img {
    position: relative;
    left: 25%;
  }
}

body#page_feature04 .myBlock-column__txt {
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.875;
}

@media only screen and (max-width: 768px) {
  body#page_feature04 .myBlock-column__txt {
    font-size: 0.9375rem;
    line-height: 1.73;
  }
}

/*
feature05
*/
body#page_feature05 .myIntro {
  background: url(../img/feature/img_illust05.png) no-repeat center bottom;
  background-size: 1100px;
  text-align: center;
  padding: 18px 0 52px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myIntro {
    background-image: url(../img/feature/img_illust05_sp.png);
    background-size: 375px;
    padding: 36px 0 120px;
  }
}

body#page_feature05 .myIntro__head {
  margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myIntro__head {
    margin-bottom: 19px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myIntro__head img {
    width: 187px;
  }
}

body#page_feature05 .myIntro__title {
  font-size: 2.1875rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
  margin-bottom: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myIntro__title {
    font-size: 1.25rem;
    margin-bottom: 26px;
  }
}

body#page_feature05 .myIntro__txt {
  display: inline-block;
  line-height: 1.875;
  text-align: left;
  max-width: 33em;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myIntro__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

body#page_feature05 .anchor__container {
  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;
  max-width: 1040px;
  margin: auto;
  padding: 0 20px 87px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .anchor__container {
    max-width: 375px;
    padding-bottom: 30px;
  }
}

body#page_feature05 .anchor__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #11a7d6;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.875;
  text-align: center;
  text-decoration: none;
  max-width: 144px;
  width: 100%;
  height: 60px;
  margin: 0 27px 13px 0;
  background-image: url(../img/feature/icon_anchor_arrow.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: 92.5% 50%;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .anchor__btn {
    font-size: 0.875rem;
    max-width: none;
    width: 48%;
    height: 52px;
    margin-right: auto;
    padding: 13.125px 0;
    background-size: 11px;
  }
}

body#page_feature05 .anchor__btn:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .anchor__btn:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .anchor__btn:nth-child(even) {
    margin-right: 0;
  }
}

body#page_feature05 .anchor__btn--lines {
  padding-right: 5px;
  line-height: 1.5;
}

body#page_feature05 .anchor__btn small {
  font-size: 0.8125rem;
}

body#page_feature05 .first-view {
  padding: 0 20px;
  margin: 0 auto 98px;
  max-width: 1040px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .first-view {
    margin-bottom: 68px;
  }
}

body#page_feature05 .shimatabi {
  padding: 70px 0 50px;
  background: url(../img/feature/bg_shimatabi.jpg) no-repeat center;
  background-size: cover;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .shimatabi {
    padding: 40px 0 10px;
    background-image: url(../img/feature/bg_shimatabi_sp.jpg);
  }
}

body#page_feature05 .shimatabi.-nobg {
  background: none;
}

body#page_feature05 .shimatabi__title {
  margin-bottom: 65px;
  font-size: 1.5625rem;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .shimatabi__title {
    margin-bottom: 40px;
    font-size: 1.25rem;
  }
}

body#page_feature05 .charm__item {
  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-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .charm__item {
    display: block;
    margin-bottom: 40px;
  }
}

body#page_feature05 .charm__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

body#page_feature05 .charm__image {
  width: 317px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .charm__image {
    width: auto;
  }
}

body#page_feature05 .charm__text {
  width: calc(100% - 357px);
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .charm__text {
    width: 100%;
  }
}

body#page_feature05 .charm__strong {
  margin-bottom: 10px;
  color: #11a7d6;
  font-size: 1.25rem;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .charm__strong {
    margin: 15px 0;
    font-size: 1.125rem;
  }
}

body#page_feature05 .imp-point__list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .imp-point__list {
    margin-bottom: 20px;
  }
}

body#page_feature05 .imp-point__item {
  width: 20%;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .imp-point__item {
    margin-bottom: 20px;
    width: calc(100% / 3);
  }

  body#page_feature05 .imp-point__item:nth-child(n+4) {
    width: 50%;
  }
}

body#page_feature05 .imp-point__image {
  margin: 0 auto 35px;
  max-width: 156px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .imp-point__image {
    margin-bottom: 10px;
    max-width: 85px;
  }
}

body#page_feature05 .imp-point__text {
  padding: 0 5px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .imp-point__text {
    padding: 0;
    font-size: 0.75rem;
  }
}

body#page_feature05 .access {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-bottom: 130px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .access {
    display: block;
    padding: 0 20px;
    margin-bottom: 85px;
  }
}

body#page_feature05 .access__image {
  width: calc(50% - 10px);
  text-align: right;
  transform: translateY(-65px);
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .access__image {
    width: 100%;
    text-align: center;
    transform: unset;
  }
}

body#page_feature05 .access__image img {
  width: calc(100% - 44px);
  max-width: 368px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .access__image img {
    width: 100%;
    max-width: 278px;
  }
}

body#page_feature05 .access__text {
  padding-left: 44px;
  width: calc(50% + 10px);
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .access__text {
    padding-left: 0;
    width: 100%;
  }
}

body#page_feature05 .access__title {
  margin-bottom: 30px;
  color: #ef554a;
  font-size: 1.125rem;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .access__title {
    margin-bottom: 20px;
    font-size: 1rem;
  }
}

body#page_feature05 .access__attention {
  padding: 5px 0;
  margin-bottom: 25px;
  background-color: #fcecec;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .access__attention {
    margin-bottom: 20px;
    font-size: 0.75rem;
  }
}

body#page_feature05 .access__attention span {
  margin-right: 2em;
}

body#page_feature05 .access__item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding-bottom: 15px;
  border-bottom: 1px solid #a6a6a6;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .access__item {
   font-size: 0.75rem;
  }
}

body#page_feature05 .access__destination {
  min-width: 75px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .access__destination {
    min-width: 55px;
  }
}

body#page_feature05 .access__destination::before {
  content: "●";
  margin-right: 5px;
  color: #ef554a;
  font-size: 60%;
}

body#page_feature05 .access__between {
  min-width: 80px;
  letter-spacing: -0.4em;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .access__between {
    min-width: 55px;
  }
}

body#page_feature05 .myBlock {
  background-color: #fff;
  position: relative;
  padding-bottom: 51px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock {
    padding-bottom: 72px;
  }
}

body#page_feature05 .myBlock__bg {
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

body#page_feature05 .myBlock__outer {
  position: relative;
  padding-top: 140px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock__outer {
    padding-top: 71px;
  }
}

body#page_feature05 .myBlock__inner {
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 99px 0 50px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock__inner {
    background: #fff;
    padding: 0;
  }
}

body#page_feature05 .myBlock__title {
  position: absolute;
  top: -84px;
  left: 46px;
}

@media only screen and (min-width: 769px) {
  body#page_feature05 .myBlock__title.-type02 {
    top: -86px;
    left: auto;
    right: 54px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock__title {
    position: relative;
    top: -54px;
    left: auto;
    right: auto;
    width: 124px;
    margin: 0 auto -35px;
  }
}

body#page_feature05 .myBlock-main {
  position: relative;
  max-width: 870px;
  margin: 0 auto 93px;
  padding: 0 15px;
}

body#page_feature05 .myBlock-main.-type02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (min-width: 769px) {
  body#page_feature05 .myBlock-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-main {
    margin-bottom: 30px;
    padding: 0 20px;
  }
}

body#page_feature05 .myBlock-main__detail {
  padding-top: 34px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-main__detail {
    padding-top: 0;
  }
}

body#page_feature05 .myBlock-main__title {
  color: #11a7d6;
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-main__title {
    font-size: 1.125rem;
    margin-bottom: 14px;
  }
}

body#page_feature05 .myBlock-main__title.-sub {
  margin-bottom: 10px;
  color: #282828;
}
@media only screen and (min-width: 768px) {
  body#page_feature05 .myBlock-main__title.-sub {
    font-size: 1.25rem;
  }
}

body#page_feature05 .myBlock-main__txt {
  font-size: 1rem;
  line-height: 1.875;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-main__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 14px;
  }
}

body#page_feature05 .myBlock-main__image {
  position: relative;
  text-align: center;
  width: 51.78571%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 6%;
}

@media only screen and (min-width: 769px) {
  body#page_feature05 .myBlock-main.-type02 .myBlock-main__image {
    margin-left: 0;
    margin-right: 6%;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-main__image {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}

body#page_feature05 .myBlock-main__sub-image {
  position: absolute;
  top: -48px;
  right: -27px;
  max-width: 32%;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-main__sub-image {
    position: absolute;
    top: -23px;
    right: -8px;
  }
}

body#page_feature05 .myBlock-recommend {
  margin-bottom: 78px;
  padding: 0 130px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend {
    margin-bottom: 70px;
    padding: 0;
  }
}

body#page_feature05 .myBlock-recommend-title {
  position: relative;
  text-align: center;
  margin-bottom: 46px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend-title {
    margin-bottom: 20px;
  }
}

body#page_feature05 .myBlock-recommend-title > * {
  display: block;
}

body#page_feature05 .myBlock-recommend-title::before, body#page_feature05 .myBlock-recommend-title::after {
  content: "";
  background-color: #11a7d6;
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc((100% - 206px) / 2);
  height: 1px;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend-title::before, body#page_feature05 .myBlock-recommend-title::after {
    width: calc((100% - 144px) / 2);
  }
}

body#page_feature05 .myBlock-recommend-title::before {
  left: 0;
}

body#page_feature05 .myBlock-recommend-title::after {
  right: 0;
}

body#page_feature05 .myBlock-recommend-title__en {
  margin-bottom: 6px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend-title__en {
    margin-bottom: -2px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend-title__en img {
    width: 116px;
  }
}

body#page_feature05 .myBlock-recommend-title__jp {
  color: #11a7d6;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.075em;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend-title__jp {
    font-size: 0.875rem;
  }
}

body#page_feature05 .myBlock-recommend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -15px -79px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend__list {
    margin: 0 -9px -28px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature05 .myBlock-recommend__list.-pcColumn2::after {
    content: "";
    display: block;
    width: 31.18182%;
    margin-right: 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature05 .myBlock-recommend__list.-pcColumn2 > *:nth-child(odd) {
    margin-left: 30px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_feature05 .myBlock-recommend__list.-pcColumn2 > *:nth-child(even) {
    margin-right: 30px;
  }
}

body#page_feature05 .myBlock-recommend__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  margin-bottom: 79px;
  padding: 0 15px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend__item {
    margin-bottom: 28px;
    padding: 0 9px;
  }
}

body#page_feature05 .myBlock-recommend__image {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend__image {
    margin-bottom: 8px;
    min-height: 0%;
  }
}

body#page_feature05 .myBlock-recommend__sub-image {
  position: absolute;
  right: 20px;
  bottom: -10px;
  max-width: 46%;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend__sub-image {
    right: -12px;
    bottom: -6px;
  }
}

body#page_feature05 .myBlock-recommend-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend-name {
    margin-bottom: 10px;
  }
}

body#page_feature05 .myBlock-recommend-name__icon, body#page_feature05 .myBlock-main__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend-name__icon img, body#page_feature05 .myBlock-main__icon img {
    width: 21px;
  }
}

body#page_feature05 .myBlock-recommend-name__txt {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 1.03125rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend-name__txt {
    font-size: 0.8125rem;
    letter-spacing: 0;
  }
}

body#page_feature05 .myBlock-recommend-description {
  margin: 0 auto;
  max-width: 262px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-recommend-description {
    font-size: .75rem;
  }
}

body#page_feature05 .myBlock-column {
  background: url(../img/feature/bg_column_skyblue.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  width: 742px;
  margin: 0 auto;
  padding: 0 337px 50px 32px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-column {
    max-width: 450px;
    width: auto;
    padding: 0 20px 21px;
  }
}

body#page_feature05 .myBlock-column__head {
  border-bottom: 1px solid #282828;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-column__head {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

body#page_feature05 .myBlock-column__title {
  position: absolute;
  top: 23px;
  left: 0;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-column__title {
    top: 13px;
  }
}

body#page_feature05 .myBlock-column__title img {
  width: 238px;
}
@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-column__title img {
    width: 149px;
  }
}

body#page_feature05 .myBlock-column__lead {
  color: #282828;
  font-size: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  line-height: 1.5;
  padding-top: 80px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-column__lead {
    font-size: 1rem;
    line-height: 1.56389;
    padding-top: 55px;
    padding-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-column__lead {
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 360px) {
  body#page_feature05 .myBlock-column__lead {
    letter-spacing: -0.03em;
  }
}

body#page_feature05 .myBlock-column__image {
  position: absolute;
  top: -30px;
  bottom: auto;
  left: auto;
  right: -4%;
  margin: auto;
}

@media only screen and (min-width: 769px) {
  body#page_feature05 .myBlock-column__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-column__image {
    top: auto;
    bottom:  calc(50% + 1.25rem);
    left: auto;
    right: -2%;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
  }

  body#page_feature05 .myBlock-column__image.-low {
    bottom: calc(50% - 0.625rem);
  }
}

body#page_feature05 .myBlock-column__txt {
  color: #282828;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.875;
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-column__txt {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-column__txt--ls {
    line-height: 1.73;
  }
}

body#page_feature05 .myBlock-memo {
  background: url(../img/feature/bg_memo.png) no-repeat center 0;
  position: relative;
  background-size: 1000px;
  max-width: 1000px;
  border-radius: 0 0 10px 10px;
  margin: auto;
  padding: 45px 0 40px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-memo {
    background: url(../img/feature/bg_memo_sp.png);
    background-size: 100%;
    border-radius: 0;
    padding-top: 30px;
  }
}

body#page_feature05 .myBlock-memo-title {
  text-align: center;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-memo-title {
    top: 30px;
    margin-bottom: 20px;
  }
}

body#page_feature05 .myBlock-memo-title > * {
  display: block;
}

body#page_feature05 .myBlock-memo-title__jp {
  color: #1e1e1e;
}

body#page_feature05 .myBlock-memo__detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 870px;
  margin: auto;
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-memo__detail {
    display: block;
  }
}

body#page_feature05 .myBlock-memo__image {
  text-align: center;
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 3.5%;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-memo__image {
    width: auto;
    margin: 0 0 15px;
  }
}

.myBlock-memo__name {
  position: relative;
}

body#page_feature05 .myBlock-memo__lead {
  color: #ac7d00;
  font-size: 1.375rem;
  letter-spacing: 0.075em;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-memo__lead {
    font-size: 1.125rem;
    line-height: 1.56;
    margin-bottom: 5px;
  }
}

body#page_feature05 .myBlock-memo__txt {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.875;
  text-align: justify;
}

@media only screen and (max-width: 768px) {
  body#page_feature05 .myBlock-memo__txt {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-bottom: 50px;
  }
}

/*
top
*/
body#page_top .myMv {
  position: relative;
  height: 100vh;
}

body#page_top .myMv::before,
body#page_top .myMv::after {
  content: "";
  background-size: cover;
  display: block;
  position: absolute;
  pointer-events: none;
}

body#page_top .myMv::before {
  background-image: url(../img/top/img_mv_side01.svg?210303);
  top: 0;
  left: 0;
  width: 270px;
  height: 250px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myMv::before {
    width: 131px;
    height: 121px;
  }
}

body#page_top .myMv::after {
  background-image: url(../img/top/img_mv_side02.svg?210303);
  bottom: -174px;
  right: 0;
  width: 150px;
  height: 289px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myMv::after {
    bottom: -42px;
    width: 73px;
    height: 141px;
  }
}

body#page_top .myMv__imagelist {
  position: absolute;
  line-height: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: -1;
}

body#page_top .myMv__imagebox {
  position: relative;
  width: 100%;
  height: 100vh;
}

body#page_top .myMv__image {
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body#page_top .myMv-logo {
  position: absolute;
  top: 29.875%;
  left: 0;
  right: 0;
  max-width: 1154px;
  width: 100%;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  body#page_top .myMv-logo {
    top: 23.72372%;
    width: 246px;
  }
}

body#page_top .myMv__dots {
  position: absolute;
  bottom: 5.125%;
  left: 0;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  body#page_top .myMv__dots {
    display: none;
  }
}

.myBanner {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .myBanner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.myBanner-img {
  display: block;
  width: 100%;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

body#page_top .myMap {
  background: url(../img/top/bg_01.jpg) center;
  background-size: cover;
  padding: 117px 0;
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap {
    background-image: url(../img/top/bg_01_sp.jpg);
    padding: 60px 0;
  }
}

body#page_top .myMap__inner {
  position: relative;
  padding: 80px 0 55px 19px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap__inner {
    padding: 37px 0 61px 0;
  }
}

body#page_top .myMap__txtbox {
  position: absolute;
  top: 105px;
  right: 0;
  z-index: 2;
  width: 53.33496%;
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap__txtbox {
    position: static;
    width: auto;
    margin-bottom: 26px;
  }
}

body#page_top .myMap__catch {
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1030px) {
  body#page_top .myMap__catch {
    font-size: 2.42718vw;
    margin-bottom: 1.94175vw;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap__catch {
    font-size: 1.125rem;
    margin-bottom: 14px;
  }
}

body#page_top .myMap__txt {
  line-height: 1.625;
}

@media only screen and (max-width: 870px) {
  body#page_top .myMap__txt {
    font-size: 1.83908vw;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap__txt {
    font-size: 0.9375rem;
    line-height: 1.66667;
  }
}

body#page_top .myMap-map {
  position: relative;
  max-width: 813px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap-map {
    margin-bottom: 61px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap-map__image {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap-map__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -15px;
  }
}

body#page_top .myMap-map__item {
  width: 47.28814%;
  margin-bottom: 15px;
}

body#page_top .myMap-map__link {
  background-color: #fff;
  border: 2px solid #b37b00;
  border-radius: 14px / 50%;
  display: block;
  position: absolute;
  font-size: 0.9375rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  width: 80px;
  padding: 4px 0;
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap-map__link {
    border-radius: 0;
    position: relative;
    border-width: 1px;
    font-weight: normal;
    width: auto;
    padding: 16px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myMap-map__link::after {
    content: "";
    border-color: inherit;
    border-style: solid;
    border-width: 1px 1px 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    width: 7px;
    height: 7px;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media only screen and (min-width: 769px) {
  body#page_top .myMap-map__link.-link01 {
    top: 71.79878%;
    left: 33.08733%;
  }
  body#page_top .myMap-map__link.-link02 {
    top: 75.30488%;
    left: 8.36408%;
  }
  body#page_top .myMap-map__link.-link03 {
    top: 60.51829%;
    left: 7.99508%;
  }
  body#page_top .myMap-map__link.-link04 {
    top: 53.20122%;
    left: 28.29028%;
  }
  body#page_top .myMap-map__link.-link05 {
    top: 42.68293%;
    left: 13.16113%;
  }
  body#page_top .myMap-map__link.-link06 {
    top: 20.42683%;
    left: 9.22509%;
  }
  body#page_top .myMap-map__link.-link07 {
    top: 70.12195%;
    left: 21.64822%;
  }
  body#page_top .myMap-map__link.-link08 {
    top: 57.16463%;
    left: 40.2214%;
  }
  body#page_top .myMap-map__link.-link09 {
    top: 82.46951%;
    left: 22.26322%;
  }
  body#page_top .myMap-map__link.-link10 {
    top: 62.5%;
    left: 19.31119%;
  }
}

body#page_top .myMap__movie {
  position: relative;
  padding-top: 60%;
}

body#page_top .myMap__movie > * {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

body#page_top .myEvent {
  position: relative;
  background: url(../img/top/bg_02.jpg) center;
  background-size: cover;
  padding: 145px 0 100px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myEvent {
    background-image: url(../img/top/bg_02_sp.jpg);
    padding: 71px 0 50px;
  }
}

body#page_top .myEvent::before,
body#page_top .myEvent::after {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

body#page_top .myEvent::before {
  top: -97px;
  left: 0;
  width: 113px;
  height: 196px;
  background-image: url(../img/top/img_top_side01.svg);
  background-position-x: left;
}

@media only screen and (max-width: 768px) {
  body#page_top .myEvent::before {
    top: -48px;
    width: 55px;
    height: 95px;
  }
}

body#page_top .myEvent::after {
  bottom: -219px;
  right: 0;
  width: 162px;
  height: 374px;
  background-image: url(../img/top/img_top_side02.svg);
  background-position-x: right;
}

@media only screen and (max-width: 768px) {
  body#page_top .myEvent::after {
    bottom: -80px;
    width: 71px;
    height: 164px;
  }
}

body#page_top .myEvent__inner {
  padding: 40px 0 75px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myEvent__inner {
    padding: 42px 0 50px;
  }
}

body#page_top .myEvent__title {
  margin-bottom: 18px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myEvent__title {
    margin-bottom: 12px;
  }
}

body#page_top .myEvent__lead {
  line-height: 2;
  text-align: center;
  margin-bottom: 44px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myEvent__lead {
    margin-bottom: 35px;
  }
}

body#page_top .myEvent__list {
  margin: 0 -20px 10px 0;
}

@media only screen and (max-width: 768px) {
  body#page_top .myEvent__list {
    margin: 0 -5px 35px 15px;
  }
}

body#page_top .myEvent__item {
  display: block !important;
  position: relative;
  max-width: 450px;
  margin: 0 auto;
  padding-right: 20px;
}

body#page_top .myEvent__link {
  display: block;
  text-decoration: none;
}

body#page_top .myEvent__image {
  position: relative;
  text-align: center;
  margin-bottom: 15px;
  overflow: hidden;
}

body#page_top .myEvent__image img {
  width: 100%;
}

body#page_top .myEvent__tag {
  background-color: #28b3b1;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.075em;
  padding: 1px 17px;
}

body#page_top .myEvent__txt {
  font-weight: 500;
  line-height: 1.6875;
}

body#page_top .myEvent__btn {
  text-align: center;
  padding: 0 13px;
}

body#page_top .myRank {
  background-color: #fff;
  padding: 58px 0 97px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank {
    padding: 43px 0 45px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank__title {
    margin-bottom: 14px;
  }
}

body#page_top .myRank__lead {
  line-height: 2;
  text-align: center;
  margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank__lead {
    font-size: 0.9375rem;
    line-height: 1.66667;
    margin-bottom: 29px;
  }
}

body#page_top .myRank-nav {
  margin-bottom: 19px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank-nav {
    margin-bottom: 17px;
  }
}

body#page_top .myRank-nav__item {
  background-color: #dbd5c5;
  border-radius: 50%;
  color: #1e1e1e;
  font-size: 1.5625rem;
  font-weight: 500;
  line-height: 49px;
  text-align: center;
  width: 50px;
  height: 50px;
  margin: 0 13px;
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
}

body#page_top .myRank-nav__item:hover {
  background-color: #28b3b1;
  color: #fff;
}

body#page_top .slick-active .myRank-nav__item {
  background-color: #28b3b1;
  color: #fff;
}

body#page_top .myRank-list {
  margin: 0 -20px 51px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank-list {
    margin: 0 -20px 30px;
  }
}

body#page_top .myRank-list__inner {
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank-list__inner {
    margin-bottom: -30px;
  }
}

body#page_top .myRank__group {
  padding: 30px 20px 0;
}

@media only screen and (min-width: 769px) {
  body#page_top .myRank__group {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

body#page_top .myRank__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 49%;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank__box {
    width: auto;
  }
}

body#page_top .myRank__item {
  display: block !important;
  position: relative;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank__item {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank__item.-first {
    width: 100%;
  }
}

body#page_top .myRank__item:not(.-first) {
  width: 47.95918%;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank__item:not(.-first) {
    width: 49.55224%;
  }
}

body#page_top .myRank__item:nth-child(n+3) {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

body#page_top .myRank__link {
  display: block;
  text-decoration: none;
}

body#page_top .myRank__image {
  position: relative;
  text-align: center;
  overflow: hidden;
}

body#page_top .myRank__image img {
  width: 100%;
}

body#page_top .myRank__rank {
  display: inline-block;
  position: absolute;
  top: -30px;
  left: -13px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank__rank {
    top: -14px;
    left: -7px;
    width: 51px;
  }
}

body#page_top .myRank__rank.-first {
  left: -20px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank__rank.-first {
    top: -18px;
    left: -4px;
    width: 64px;
  }
}

body#page_top .myRank__name {
  background: rgba(0, 0, 0, 0.7) center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.11111;
  text-align: center;
  width: 100%;
  height: 50px;
  padding: 0 .5em;
}

@media only screen and (max-width: 768px) {
  body#page_top .myRank__name {
    font-size: 1rem;
  }
}

body#page_top .myRank__btn {
  text-align: center;
  padding: 0 32px;
}

body#page_top .myRank .slick-list {
  overflow: visible;
}

body#page_top .myNews {
  position: relative;
  background: url(../img/top/bg_03.jpg) center;
  background-size: cover;
  padding: 145px 0 166px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myNews {
    background-image: url(../img/top/bg_03_sp.jpg);
    padding: 96px 0 50px;
  }
}

body#page_top .myNews::before,
body#page_top .myNews::after {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

body#page_top .myNews::before {
  top: -144px;
  left: 0;
  width: 150px;
  height: 289px;
  background-image: url(../img/top/img_top_side03.svg);
  background-position-x: left;
}

@media only screen and (max-width: 768px) {
  body#page_top .myNews::before {
    top: -56px;
    width: 73px;
    height: 141px;
  }
}

body#page_top .myNews::after {
  bottom: -130px;
  right: 0;
  width: 113px;
  height: 196px;
  background-image: url(../img/top/img_top_side04.svg);
  background-position-x: right;
}

@media only screen and (max-width: 768px) {
  body#page_top .myNews::after {
    bottom: -63px;
    width: 55px;
    height: 95px;
  }
}

body#page_top .myNews__inner {
  padding: 53px 0 60px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myNews__inner {
    padding: 40px 0 58px;
  }
}

body#page_top .myNews__title {
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myNews__title {
    margin-bottom: 21px;
  }
}

body#page_top .myNews__detail {
  margin-bottom: 59px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myNews__detail {
    margin-bottom: 35px;
  }
}

body#page_top .myNews__btn {
  padding: 0 12px;
}

body#page_top .myGuide {
  background: url(../img/top/bg_04.jpg) center top;
  background-size: cover;
  padding: 89px 0 95px;
  margin-top: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myGuide {
    padding: 120px 0 161px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 600px) {
  body#page_top .myGuide {
    background-image: url(../img/top/bg_04_sp.jpg);
  }
}

body#page_top .myGuide__inner {
  padding-top: 43px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myGuide__inner {
    padding-top: 47px;
  }
}

body#page_top .myGuide__title {
  margin-bottom: 2px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myGuide__title {
    margin-bottom: 4px;
  }
}

body#page_top .myGuide__txt {
  text-align: center;
  line-height: 2;
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myGuide__txt {
    font-size: 0.79688rem;
    margin-bottom: 20px;
  }
}

body#page_top .myGuide__btn {
  padding: 0 78px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myGuide__btn {
    padding: 0 64px;
  }
}

body#page_top .myFeature {
  position: relative;
  background-color: #fff;
  padding-top: 57px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myFeature {
    padding-top: 33px;
  }
}

body#page_top .myFeature::before {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 150px;
  height: 289px;
  background-image: url(../img/top/img_top_side05.svg);
  background-position-x: left;
}

@media only screen and (max-width: 900px) {
  body#page_top .myFeature::before {
    width: 120px;
    height: 232px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myFeature::before {
    top: -56px;
    width: 73px;
    height: 141px;
  }
}

body#page_top .myFeature__title {
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myFeature__title {
    margin-bottom: 14px;
  }
}

body#page_top .myFeature__lead {
  line-height: 2;
  text-align: center;
  margin-bottom: 33px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myFeature__lead {
    font-size: 0.9375rem;
    line-height: 1.66667;
    margin-bottom: 28px;
  }
}

body#page_top .myCourse {
  position: relative;
  background-color: #fff;
  padding: 74px 0 119px;
}

body#page_top .myCourse::before,
body#page_top .myCourse::after {
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

body#page_top .myCourse::before {
  top: 216px;
  right: 0;
  width: 113px;
  height: 196px;
  background-image: url(../img/top/img_top_side06.svg);
  background-position-x: right;
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse::before {
    top: 0;
    width: 55px;
    height: 95px;
  }
}

body#page_top .myCourse::after {
  bottom: -238px;
  left: 0;
  width: 162px;
  height: 374px;
  background-image: url(../img/top/img_top_side07.svg);
  background-position-x: left;
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse::after {
    bottom: -112px;
    width: 71px;
    height: 164px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse {
    padding: 42px 0 69px;
  }
}

body#page_top .myCourse__title {
  margin-bottom: 15px;
}

body#page_top .myCourse__lead {
  line-height: 2;
  text-align: center;
  margin-bottom: 93px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse__lead {
    font-size: 0.9375rem;
    line-height: 1.66667;
    margin-bottom: 28px;
  }
}

body#page_top .myCourse__list {
  max-width: 1400px;
  margin: 0 -15px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse__list {
    margin: 0 -20px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_top .myCourse__item {
    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;
  }
}

body#page_top .myCourse__item:not(:last-child) {
  margin-bottom: 28px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse__item:not(:last-child) {
    margin-bottom: 37px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse__image {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 769px) {
  body#page_top .myCourse__item:nth-child(odd) .myCourse__image {
    width: 60.35714%;
    margin-right: -15.5%;
  }
}

@media only screen and (min-width: 769px) {
  body#page_top .myCourse__item:nth-child(even) .myCourse__image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 54.57143%;
    margin-left: -15.5%;
  }
}

body#page_top .myCourse__image img {
  width: 100%;
}

body#page_top .myCourse__detail {
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding: 0 15px;
  z-index: 2;
}

body#page_top .myCourse__icon {
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse__icon {
    margin-bottom: -3px;
  }
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse__icon img {
    height: 45px;
  }
}

body#page_top .myCourse__name {
  font-size: 1.5625rem;
  font-weight: 500;
  letter-spacing: 0.075em;
  margin-bottom: 7px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse__name {
    font-size: 1.32813rem;
    margin-bottom: 7px;
  }
}

body#page_top .myCourse__taglist {
  font-size: 0.9375rem;
  white-space: nowrap;
  margin-bottom: 19px;
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse__taglist {
    font-size: 0.75rem;
    white-space: normal;
    margin-bottom: 15px;
  }
}

body#page_top .myCourse__btn {
  width: 310px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  body#page_top .myCourse__btn {
    width: 267px;
  }
}

body#page_top .mySearch {
  background: url(../img/top/bg_05.jpg) center top;
  background-size: cover;
  padding: 100px 0;
}

@media only screen and (max-width: 768px) {
  body#page_top .mySearch {
    background-image: url(../img/top/bg_05_sp.jpg);
    padding: 48px 0 51px;
  }
}

/* 404 */
body#page_404 .txt {
  text-align: center;
  font-feature-settings: "palt";
  margin: 240px auto 40px;
}

@media only screen and (max-width: 768px) {
  body#page_404 .txt {
    margin-top: 100px;
  }
}

/* pamphlet */
body#page_pamphlet .txt {
  text-align: center;
  font-feature-settings: "palt";
  margin: 240px auto 40px;
}

@media only screen and (max-width: 768px) {
  body#page_pamphlet .txt {
    margin-top: 100px;
  }
}

/* privacy */
body#page_privacy .txt-block {
  font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1.5;
}

body#page_privacy .txt-block:first-child {
  margin-top: 100px;
}

@media only screen and (max-width: 768px) {
  body#page_privacy .txt-block:first-child {
    margin-top: 60px;
  }
}

body#page_privacy .txt-block:not(:last-child) {
  margin-bottom: 75px;
}

body#page_privacy .caption {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 25px;
}

body#page_privacy .caption::before {
  content: "○";
}

body#page_privacy .txt {
  text-align: justify;
  word-break: break-all !important;
}

body#page_privacy .txt:not(:last-child) {
  margin-bottom: 25px;
}

body#page_privacy .txt.-ti {
  padding-left: 1em;
  text-indent: -1em;
}

body#page_privacy .list {
  margin-top: -25px;
}

body#page_privacy .d-list.-type02 dd {
  padding-left: 1em;
}

body#page_privacy .d-list.-type02 dd:not(:last-child) {
  margin-bottom: 25px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* ruby */
[data-ruby] {
  position: relative;
}

[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  top: -1em;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.5em;
  text-align: center;
  white-space: nowrap;
}

body#page_feature05 .myBlock-main__title [data-ruby]::before {
  color: #000001;
  font-size: 0.4em;
}

.ruby {
  text-indent: -0.5em;
}

.ruby.-ti {
  text-indent: -0.3em;
}

.ruby.-ti0 {
  text-indent: 0em;
}

/* scroll-hint */
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(30% + 35px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

.js-scrollable {
  -ms-overflow-style: none;
}

/* Add MovieMenu to Header
   2022.03.08 by S.Nonaka
-------------------------------------------------- */
.gNav__item.-movie .gNav__link::before {
        background-image: url(../img/common/icon_nav_movie.svg);
        background-repeat: no-repeat;
        background-size: 36px auto;
        background-position: center;
}
#link_movie .gNav-link__item {
        width: auto;
}
/* -------------------------------------------------- */