@charset "UTF-8";
/*============================
reset
============================*/
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@700;800&family=Open+Sans&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

sup,
sub {
  line-height: 100%;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?6oalwf");
  src: url("fonts/icomoon.eot?6oalwf#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?6oalwf") format("truetype"), url("fonts/icomoon.woff?6oalwf") format("woff"), url("fonts/icomoon.svg?6oalwf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:after, [class*=" icon-"]:after, a[href^="http"]:not([href*="tcvb.or.jp"]):after, a[href^="https"]:not([href*="tcvb.or.jp"]):after, .labelImg:before, .searchform__form__btn:after, .sachMember__btn:after, .card[href^="http"]:not([href*="tcvb.or.jp"]) .card__text:after, .card[href^="https"]:not([href*="tcvb.or.jp"]) .card__text:after, .newsFilter__heading:before, .emergencyInfo:before, .emergencyInfo__item:before, .pinnedNews__title:before, .sustAnchor__link:before, .memberOnly__login__btn:before, .memberOnly__links__link:before, .memberContent__head__eng:after, .memberContent__foot__btn:before, .memberOnly__inquiry__btn:before, .memberContentCard__item__title:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.clear:after {
  content: " ";
  display: block;
  clear: both;
}

.hide,
.pageReader {
  position: absolute;
  width: 0;
  height: 0;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  outline: none;
  overflow: hidden;
}

/* ***************************
html, body
*************************** */
html {
  height: 100%;
}

body {
  position: relative;
  background: #fff;
  vertical-align: baseline;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
  font-size: 87.5%;
  line-height: 172%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #5e5e5e;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body.bgSelect-blue {
  color: #ff0;
  background: #00008B;
}

body.bgSelect-yellow {
  color: #000;
  background: #ff0;
}

body.bgSelect-black {
  color: #ff0;
  background: #000;
}

html[lang="en"] body {
  font-family: Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
}

.hide,
.pageReader {
  margin: 0;
  padding: 0;
}

.pageReader a:after {
  content: none;
}

input,
textarea,
select,
button {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
  font-size: inherit;
  line-height: inherit;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
}

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

a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 2px solid #77a5ef !important;
  outline-offset: -1px;
}

i {
  font-style: italic;
}

/* ***************************
pc
*************************** */
.pc-none {
  display: none;
}

@media screen and (max-width: 980px) {
  .pc-none {
    display: block;
  }
}

.pcOnly {
  display: block;
}

@media screen and (max-width: 750px) {
  .pcOnly {
    display: none;
  }
}

/* ***************************
sp
*************************** */
@media screen and (max-width: 980px) {
  .sp-none {
    display: none;
  }
}

.spOnly {
  display: none;
}

@media screen and (max-width: 750px) {
  .spOnly {
    display: block;
  }
}

/* ***************************
a
*************************** */
a {
  text-decoration: underline;
  color: #4c3e27;
}

a.hover, a:hover {
  opacity: .85;
}

a.hover:before, a:hover:before {
  text-decoration: none;
}

a.hover {
  color: #4c3e27;
}

.bgSelect-blue a {
  color: #fff;
}

.bgSelect-yellow a {
  color: #00008B;
}

.bgSelect-black a {
  color: #fff;
}

li > a:after {
  content: none;
}

a.disable {
  pointer-events: none;
}

/* 
linkicon
---------------------------*/
/* styles */
a[href*=".pdf"]:after,
a[href*=".PDF"]:after,
a[href*=".xls"]:after,
a[href*=".xlsx"]:after,
a[href*=".xlsm"]:after,
a[href*=".zip"]:after,
a[href*=".doc"]:after,
a[href*=".docx"]:after,
a[href*=".ppt"]:after,
a[href*=".pptx"]:after {
  display: inline-block;
  letter-spacing: normal;
  margin-left: 4px !important;
  margin-right: 5px !important;
  vertical-align: middle !important;
  line-height: 100% !important;
  border: none;
  -webkit-transform: none;
          transform: none;
}

a[href*=".pdf"].noicon:after,
a[href*=".PDF"].noicon:after,
a[href*=".xls"].noicon:after,
a[href*=".xlsx"].noicon:after,
a[href*=".xlsm"].noicon:after,
a[href*=".zip"].noicon:after,
a[href*=".doc"].noicon:after,
a[href*=".docx"].noicon:after,
a[href*=".ppt"].noicon:after,
a[href*=".pptx"].noicon:after {
  display: none;
}

/* outside */
a[href^="http"]:not([href*="tcvb.or.jp"]):after,
.card[href^="http"]:not([href*="tcvb.or.jp"]) .card__text:after,
a[href^="https"]:not([href*="tcvb.or.jp"]):after,
.card[href^="https"]:not([href*="tcvb.or.jp"]) .card__text:after {
  content: "\e901" !important;
  display: inline-block;
  letter-spacing: normal;
  margin-right: 5px;
  margin-left: 8px;
  width: 13px;
  height: 16px;
  background: none !important;
  text-decoration: underline;
}

a[href^="http"]:not([href*="tcvb.or.jp"]):after, a[href^="http"]:not([href*="tcvb.or.jp"]):hover:after,
.card[href^="http"]:not([href*="tcvb.or.jp"]) .card__text:after,
.card[href^="http"]:not([href*="tcvb.or.jp"]) .card__text:hover:after,
a[href^="https"]:not([href*="tcvb.or.jp"]):after,
a[href^="https"]:not([href*="tcvb.or.jp"]):hover:after,
.card[href^="https"]:not([href*="tcvb.or.jp"]) .card__text:after,
.card[href^="https"]:not([href*="tcvb.or.jp"]) .card__text:hover:after {
  text-decoration: none;
}

a.noicon[href^="http"]:not([href*="tcvb.or.jp"]):after {
  display: none;
}

/* pdf */
a[href*=".pdf"]:after,
a[href*=".pdf"][href^="http"]:not([href*="tcvb.or.jp"]):after,
a[href*=".PDF"]:after,
a[href*=".PDF"][href^="http"]:not([href*="tcvb.or.jp"]):after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 0 0 5px;
  letter-spacing: normal;
  background: url(/styles/images/icon_file.svg) 0 0 no-repeat;
  background-position: 0 0;
}

/* excel */
a[href*=".xls"]:after,
a[href*=".xls"][href^="http"]:not([href*="tcvb.or.jp"]):after,
a[href*=".xlsx"]:after,
a[href*=".xlsx"][href^="http"]:not([href*="tcvb.or.jp"]):after,
a[href*=".xlsm"]:after,
a[href*=".xlsm"][href^="http"]:not([href*="tcvb.or.jp"]):after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 0 0 5px;
  letter-spacing: normal;
  background: url(/styles/images/icon_file.svg) 0 0 no-repeat;
  background-position: -24px 0;
}

/* word */
a[href*=".doc"]:after,
a[href*=".doc"][href^="http"]:not([href*="tcvb.or.jp"]):after,
a[href*=".docx"]:after,
a[href*=".docx"][href^="http"]:not([href*="tcvb.or.jp"]):after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 0 0 5px;
  letter-spacing: normal;
  background: url(/styles/images/icon_file.svg) 0 0 no-repeat;
  background-position: -12px 0;
}

/* ppt */
a[href*=".ppt"]:after,
a[href*=".ppt"][href^="http"]:not([href*="tcvb.or.jp"]):after,
a[href*=".pptx"]:after,
a[href*=".pptx"][href^="http"]:not([href*="tcvb.or.jp"]):after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 0 0 5px;
  letter-spacing: normal;
  background: url(/styles/images/icon_file.svg) 0 0 no-repeat;
  background-position: -36px 0;
}

/* zip */
a[href*=".zip"]:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 16px;
  vertical-align: middle;
  margin: -2px 0 0 5px;
  letter-spacing: normal;
  background: url(/styles/images/icon_file.svg) 0 0 no-repeat;
  background-position: -48px 0;
}

/*
hr
---------------------------*/
hr {
  height: 0;
  margin-top: 20px;
  margin-bottom: 15px;
  border: 0 none;
  border-top: 1px solid #cfdde6;
  background: none;
}

/* ***************************
img
*************************** */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* ***************************
headding
*************************** */
/* h1 */
h1 {
  font-size: 242.85714%;
  line-height: 124%;
  font-weight: bold;
  color: #cf1225;
  margin-top: 30px;
  margin-bottom: 30px;
}

.bgSelect-blue h1 {
  color: #ff0;
}

.bgSelect-yellow h1 {
  color: #000;
}

.bgSelect-black h1 {
  color: #ff0;
}

@media screen and (max-width: 750px) {
  h1 {
    font-size: 185.71429%;
    line-height: 143%;
    margin: -3px 0 17px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 21px;
  }
}

.topPageHeading {
  display: none;
}

/* h2 */
h2 {
  font-size: 157.14286%;
  line-height: 146%;
  font-weight: bold;
  border-bottom: 1px solid #4c3f28;
  color: #4c3e27;
  margin-top: 72px;
  margin-bottom: 23px;
  padding-bottom: 10px;
  position: relative;
}

h2 a {
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  h2 {
    margin-top: 50px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
  }
}

h2:before {
  content: '';
  width: 20px;
  height: 3px;
  background-color: #4c3e27;
  position: absolute;
  bottom: 0;
  left: 0;
}

.bgSelect-blue h2 {
  color: #ff0;
  border-color: #ff0;
}

.bgSelect-blue h2:before {
  background-color: #ff0;
}

.bgSelect-yellow h2 {
  color: #000;
  border-color: #000;
}

.bgSelect-yellow h2:before {
  background-color: #000;
}

.bgSelect-black h2 {
  color: #ff0;
  border-color: #ff0;
}

.bgSelect-black h2:before {
  background-color: #ff0;
}

/* h3 */
h3 {
  font-size: 142.85714%;
  line-height: 140%;
  color: #4c3e27;
  margin-top: 26px;
  margin-bottom: 14px;
  padding-left: 23px;
  position: relative;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  h3 {
    font-size: 128.57143%;
    line-height: 173%;
    margin-top: 8px;
  }
}

h3:before, h3:after {
  content: '';
  width: 5px;
  height: 16px;
  top: 6px;
  background-color: #efeeec;
  position: absolute;
}

h3:before {
  left: 0;
}

h3:after {
  left: 8px;
}

.bgSelect-blue h3 {
  color: #ff0;
}

.bgSelect-blue h3:before, .bgSelect-blue h3:after {
  background-color: #ff0;
}

.bgSelect-yellow h3:before, .bgSelect-yellow h3:after {
  background-color: #4c3e27;
}

.bgSelect-black h3 {
  color: #ff0;
}

.bgSelect-black h3:before, .bgSelect-black h3:after {
  background-color: #ff0;
}

/* h4 */
h4 {
  position: relative;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-left: 23px;
  font-size: 128.57143%;
  line-height: 134%;
  font-weight: bold;
  color: #4c3e27;
}

h4:before {
  content: '';
  width: 5px;
  height: 16px;
  top: 4px;
  left: 4px;
  background-color: #efeeec;
  position: absolute;
}

.bgSelect-blue h4 {
  color: #ff0;
}

.bgSelect-blue h4:before, .bgSelect-blue h4:after {
  background-color: #ff0;
}

.bgSelect-yellow h4:before, .bgSelect-yellow h4:after {
  background-color: #4c3e27;
}

.bgSelect-black h4 {
  color: #ff0;
}

.bgSelect-black h4:before, .bgSelect-black h4:after {
  background-color: #ff0;
}

/* h5 */
h5 {
  position: relative;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-left: 18px;
  font-size: 114.28571%;
  line-height: 138%;
  font-weight: bold;
  color: #4c3e27;
}

h5:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 7px;
  left: 0;
  background-color: #efeeec;
}

.bgSelect-blue h5 {
  color: #ff0;
}

.bgSelect-blue h5:before, .bgSelect-blue h5:after {
  background-color: #ff0;
}

.bgSelect-yellow h5:before, .bgSelect-yellow h5:after {
  background-color: #4c3e27;
}

.bgSelect-black h5 {
  color: #ff0;
}

.bgSelect-black h5:before, .bgSelect-black h5:after {
  background-color: #ff0;
}

/* h6 */
h6 {
  font-size: 114.28571%;
  line-height: 138%;
  margin-top: 14px;
  margin-bottom: 14px;
  font-weight: bold;
  color: #4c3e27;
}

.bgSelect-blue h6 {
  color: #ff0;
}

.bgSelect-yellow h6 {
  color: #000;
}

.bgSelect-black h6 {
  color: #ff0;
}

/* ***************************
text
*************************** */
* + p {
  margin-top: 8px;
}

p + p {
  margin-top: 5px;
}

strong {
  font-weight: bold;
}

em {
  font-weight: bold;
  color: #cf1225;
}

.bgSelect-blue em {
  color: #ff0;
}

.bgSelect-yellow em {
  color: #000;
}

.bgSelect-black em {
  color: #ff0;
}

.caution {
  font-weight: bold;
  color: #cf1225;
}

/* ***************************
list
*************************** */
/*
ul, ol
--------------------------- */
ul > li {
  position: relative;
  padding-left: 0.78571em;
  background: none;
}

ul > li:before {
  content: "";
  position: absolute;
  top: 0.64286em;
  left: 1px;
  display: block;
  width: 0;
  height: 0;
  border: 2px solid #5f5f5f;
  border-radius: 50%;
}

.bgSelect-blue ul > li:before {
  border-color: #ff0;
}

.bgSelect-yellow ul > li:before {
  border-color: #000;
}

.bgSelect-black ul > li:before {
  border-color: #ff0;
}

ol {
  margin-left: 15px;
  list-style: decimal;
}

ol li {
  background: none;
}

li + li {
  margin-top: 1px;
}

li ol {
  counter-reset: ol;
  margin: 1px 0 0 2px;
}

li ol > li {
  counter-increment: ol;
  position: relative;
  padding-left: 2em;
  list-style-type: none;
}

li ol > li:before {
  content: "(" counter(ol) ")";
  position: absolute;
  left: 0;
}

li ul {
  margin: 1px 0 0;
}

li ul > li {
  padding-left: 1em;
}

li ul > li:before {
  left: 3px;
}

* + ul,
* + ol {
  margin-top: 15px;
}

@media screen and (max-width: 980px) {
  ul > li {
    padding-left: 10px;
  }
  ul > li:before {
    margin-top: 2px;
    left: 0;
    font-size: 85.71429%;
    line-height: 100%;
  }
}

/*
dl
--------------------------- */
.inlineList__item {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 12px 10px;
  border-top: 1px solid #4c3f28;
}

.bgSelect-blue .inlineList__item {
  border-color: #ff0;
}

.bgSelect-yellow .inlineList__item {
  border-color: #000;
}

.bgSelect-black .inlineList__item {
  border-color: #ff0;
}

.inlineList__item:last-child {
  border-bottom: 1px solid #4c3f28;
}

.bgSelect-blue .inlineList__item:last-child {
  border-color: #ff0;
}

.bgSelect-yellow .inlineList__item:last-child {
  border-color: #000;
}

.bgSelect-black .inlineList__item:last-child {
  border-color: #ff0;
}

.inlineList__item__left {
  width: 200px;
  font-size: 114.28571%;
  line-height: 138%;
  font-weight: bold;
  box-sizing: border-box;
  color: #4c3e27;
}

.bgSelect-blue .inlineList__item__left {
  color: #ff0;
}

.bgSelect-yellow .inlineList__item__left {
  color: #000;
}

.bgSelect-black .inlineList__item__left {
  color: #ff0;
}

@media screen and (max-width: 750px) {
  .inlineList__item__left {
    width: 100%;
  }
}

.inlineList__item__right {
  width: calc(100% - 200px);
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .inlineList__item__right {
    width: 100%;
    padding-top: 8px;
  }
}

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

table a {
  color: #5e5e5e;
  text-decoration: underline;
}

table a:after {
  content: none;
}

* + table {
  margin-top: 25px;
}

table + table {
  margin-top: 15px;
}

th,
td {
  padding: 9px 12px;
  border: 1px solid #4c3f28;
}

.bgSelect-blue th, .bgSelect-blue
td {
  border-color: #ff0;
  background: #00008B;
}

.bgSelect-yellow th, .bgSelect-yellow
td {
  border-color: #000;
  background: #ff0;
}

.bgSelect-black th, .bgSelect-black
td {
  border-color: #ff0;
  background: #000;
}

th {
  color: #4c3e27;
  background: #efeeec;
  font-weight: bold;
  text-align: center;
  font-size: 114.28571%;
  line-height: 138%;
}

.bgSelect-blue th {
  color: #ff0;
}

.bgSelect-yellow th {
  color: #000;
}

.bgSelect-black th {
  color: #ff0;
}

@media screen and (max-width: 750px) {
  th {
    font-size: 114.28571%;
    line-height: 125%;
  }
}

td {
  font-size: 100%;
  line-height: 143%;
}

@media screen and (max-width: 750px) {
  .sp-scrollTable {
    width: 100%;
    overflow: auto;
    display: block;
    white-space: nowrap;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
}

@media screen and (max-width: 750px) {
  .sp-stackTable {
    display: none;
  }
}

@media screen and (min-width: 751px) {
  .js-sptable {
    display: none;
  }
}

.js-sptable th {
  width: 33.3333%;
}

.js-sptable + .js-sptable {
  margin-top: 15px;
}

@media screen and (min-width: 751px) {
  .cookieTable {
    word-break: break-all;
  }
}

/* ***************************
box parts
*************************** */
/* ***************************
h* + margin
*************************** */
h2 + div,
h2 + table,
h2 + h3,
h2 + h4,
h2 + h5,
h2 + h6 {
  margin-top: 29px;
}

@media screen and (max-width: 750px) {
  h2 + div,
  h2 + table,
  h2 + h3,
  h2 + h4,
  h2 + h5,
  h2 + h6 {
    margin-top: 22px;
  }
}

h3 + div,
h4 + div,
h4 + table,
h5 + div,
h5 + table,
h6 + div,
h6 + table {
  margin-top: 20px;
}

table + h2,
table + h3,
table + h4,
table + h5,
table + h6 {
  margin-top: 28px;
}

@media screen and (max-width: 750px) {
  table + h2,
  table + h3,
  table + h4,
  table + h5,
  table + h6 {
    margin-top: 71px;
  }
}

h3 + table {
  margin-top: -10px;
}

h3 + p {
  margin-top: -12px;
}

.grid + h2,
.grid + h3,
.grid + h4,
.grid + h5,
.grid + h6 {
  margin-top: 107px;
}

/* ***************************
base
*************************** */
.base {
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
}

/* ***************************
header
*************************** */
.header {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}

.header__top {
  position: relative;
  padding: 0 20px;
  background-color: #4c3f28;
}

@media screen and (max-width: 980px) {
  .header__top {
    padding: 0;
    z-index: 7;
  }
}

.bgSelect-blue .header__top {
  background: #00008B;
  box-shadow: 0 0 0 1px #ff0;
}

.bgSelect-yellow .header__top {
  background: #ff0;
  box-shadow: 0 0 0 1px #000;
}

.bgSelect-black .header__top {
  background: #000;
  box-shadow: 0 0 0 1px #ff0;
}

.header__top__body {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1100px;
}

@media screen and (max-width: 980px) {
  .header__top__body {
    justify-content: flex-end;
  }
}

.header__top__body a {
  color: #fff;
  text-decoration: none;
}

.bgSelect-blue .header__top__body a {
  color: #fff;
}

.bgSelect-yellow .header__top__body a {
  color: #000;
}

.bgSelect-black .header__top__body a {
  color: #ff0;
}

.header__top__body a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 980px) {
  .header__top__body__left {
    display: none;
  }
}

.header__top__body__right {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  border-right: 1px solid #6f6351;
}

.bgSelect-blue .header__top__body__right {
  border-color: #ff0;
}

.bgSelect-yellow .header__top__body__right {
  border-color: #000;
}

.bgSelect-black .header__top__body__right {
  border-color: #ff0;
}

@media screen and (max-width: 980px) {
  .header__top__body__right {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    border-left: 1px solid #6f6351;
    border-right: none;
  }
}

@media screen and (max-width: 375px) {
  .header__top__body__right {
    border-left: none;
  }
}

.headerLink {
  display: table;
}

.headerLink__item {
  display: table-cell;
  padding: 0;
  text-align: center;
  border-left: 1px solid #6f6351;
}

.bgSelect-blue .headerLink__item {
  border-color: #ff0;
}

.bgSelect-yellow .headerLink__item {
  border-color: #000;
}

.bgSelect-black .headerLink__item {
  border-color: #ff0;
}

.headerLink__item:first-child {
  width: 130px;
}

.headerLink__item:nth-child(2) {
  width: 130px;
}

.headerLink__item:nth-child(3) {
  width: 132px;
}

.headerLink__item:nth-child(4) {
  width: 148px;
}

.headerLink__item:last-child {
  width: 128px;
  border-right: 1px solid #6f6351;
}

.headerLink__item:before {
  content: none;
}

.headerLink__item a {
  display: block;
  padding: 8px 0 7px;
}

.headerLink__item a:after {
  display: none !important;
}

.headerLink__item a:hover {
  opacity: .6;
  text-decoration: none;
}

.bgSelect-yellow .headerLink__item a {
  color: #000;
}

.bgSelect-black .headerLink__item a {
  color: #ff0;
}

.headerLink__item a:after {
  content: none;
}

.bgSelect-blue .headerLink__item:last-child {
  border-color: #ff0;
}

.bgSelect-yellow .headerLink__item:last-child {
  border-color: #000;
}

.bgSelect-black .headerLink__item:last-child {
  border-color: #ff0;
}

.header__bottom {
  margin: 0 auto;
  max-width: 1100px;
  height: 60px;
  padding: 8px 20px;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 980px) {
  .header__bottom {
    height: 59px;
    padding: 6px 20px 0;
  }
}

@media screen and (max-width: 980px) {
  .header__bottom__left {
    margin: 0 auto;
  }
}

.header__bottom__right {
  padding-left: 15px;
}

@media screen and (max-width: 980px) {
  .header__bottom__right {
    display: none;
  }
}

/*
header ver.Eng
--------------------------- */
html[lang="en"] .header__top {
  background: inherit;
  box-shadow: none;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .header__top {
    background-color: #4c3f28;
  }
}

@media screen and (max-width: 980px) {
  html[lang="en"] .bgSelect-blue .header__top {
    background-color: #00008B;
  }
}

@media screen and (max-width: 980px) {
  html[lang="en"] .bgSelect-yellow .header__top {
    background-color: #ff0;
  }
}

@media screen and (max-width: 980px) {
  html[lang="en"] .bgSelect-black .header__top {
    background-color: #000;
  }
}

html[lang="en"] .header__top__body {
  position: relative;
  max-width: 1000px;
}

html[lang="en"] .header__top__body__right {
  position: absolute;
  top: 0;
  right: 3px;
  border-color: #efeeec;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .header__top__body__right {
    position: static;
  }
}

html[lang="en"] .bgSelect-blue .header__top__body__right {
  background: #00008B;
  border-color: #ff0;
}

html[lang="en"] .bgSelect-yellow .header__top__body__right {
  background: #ff0;
  border-color: #000;
}

html[lang="en"] .bgSelect-black .header__top__body__right {
  background: #000;
  border-color: #ff0;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .header__top__body__left {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  html[lang="en"] .header__top__body__left {
    display: none;
  }
}

html[lang="en"] .header__bottom {
  height: auto;
  max-width: 1000px;
  padding: 0;
}

@media screen and (min-width: 981px) {
  html[lang="en"] .header__bottom {
    display: block;
  }
}

@media screen and (max-width: 980px) {
  html[lang="en"] .header__bottom {
    padding: 10px 20px;
  }
}

html[lang="en"] .header__bottom .logo {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  html[lang="en"] .header__bottom .logo {
    text-align: center;
  }
}

html[lang="en"] .header__bottom__left {
  padding: 17px 0 4px;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .header__bottom__left {
    padding: 10px 0;
  }
}

html[lang="en"] .header__bottom__right {
  padding-left: 0;
}

/*
headerOptionPanel
--------------------------- */
.headerOptionPanel {
  position: relative;
  border-left: 1px solid #6f6351;
  color: #fff;
}

@media screen and (max-width: 980px) {
  .headerOptionPanel {
    border-left: none;
    border-right: 1px solid #6f6351;
  }
}

.bgSelect-blue .headerOptionPanel {
  border-color: #ff0;
}

.bgSelect-yellow .headerOptionPanel {
  border-color: #000;
}

.bgSelect-black .headerOptionPanel {
  border-color: #ff0;
}

.headerOptionPanel label {
  position: relative;
  display: inline-block;
  margin: 0;
  cursor: pointer;
}

.headerOptionPanel .labelImg {
  position: relative;
  display: inline-block;
  height: 40px;
  padding: 10px 22px 10px 15px;
  background: #4c3f28;
  z-index: 2;
  font-size: 0%;
  box-sizing: border-box;
}

@media screen and (max-width: 375px) {
  .headerOptionPanel .labelImg {
    min-width: 60px;
    padding: 10px 14px;
  }
}

.bgSelect-blue .headerOptionPanel .labelImg {
  background: #00008B;
}

.bgSelect-yellow .headerOptionPanel .labelImg {
  background: #ff0;
}

.bgSelect-black .headerOptionPanel .labelImg {
  background: #000;
}

.headerOptionPanel .checkBox {
  position: absolute;
  width: 100%;
  height: 40px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.labelImg:before {
  color: #fff;
}

.bgSelect-yellow .labelImg:before {
  color: #000;
}

.bgSelect-black .labelImg:before {
  color: #ff0;
}

.langSelectPanel .labelImg {
  padding: 10px 22px 9px 15px;
}

.langSelectPanel .labelImg:before {
  content: "\e903";
  display: inline-block;
  padding-right: 17px;
  font-size: 18px;
  line-height: 18px;
}

.fsSelectPanel .labelImg {
  padding: 12px 21px 8px 11px;
}

.fsSelectPanel .labelImg:before {
  content: "\e904";
  display: inline-block;
  padding-right: 12px;
  font-size: 15px;
  line-height: 15px;
}

.bgSelectPanel .labelImg:before {
  content: url(/styles/images/icon_bgselect.svg);
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-right: 15px;
  font-size: 20px;
  line-height: 20px;
}

.headerSerachBoxPanel .labelImg:before {
  content: "\e905";
  display: inline-block;
  padding-right: 10px;
  font-size: 20px;
  line-height: 20px;
}

.labelImg:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 4px;
  margin: auto;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  bottom: 0;
}

.bgSelect-yellow .labelImg:after {
  border-color: #000;
}

.bgSelect-black .labelImg:after {
  border-color: #ff0;
}

/*
headerOptionPanel ver.Eng
--------------------------- */
html[lang="en"] .headerOptionPanel {
  border-color: #efeeec;
}

html[lang="en"] .bgSelect-blue .headerOptionPanel {
  border-color: #ff0;
}

html[lang="en"] .bgSelect-yellow .headerOptionPanel {
  border-color: #000;
}

html[lang="en"] .bgSelect-black .headerOptionPanel {
  border-color: #ff0;
}

@media only screen and (min-width: 981px) {
  html[lang="en"] .headerOptionPanel .labelImg {
    background: #fff;
    color: #000;
  }
}

html[lang="en"] .langSelectPanel .labelImg {
  color: #000;
  padding: 11px 20px 9px 15px;
}

html[lang="en"] .fsSelectPanel .labelImg {
  padding: 12px 19px 8px 12px;
}

html[lang="en"] .langSelectPanel .labelImg:before {
  padding-right: 19px;
}

html[lang="en"] .bgSelect-blue .headerOptionPanel .labelImg {
  background: #00008B;
}

html[lang="en"] .bgSelect-yellow .headerOptionPanel .labelImg {
  background: #ff0;
}

html[lang="en"] .bgSelect-black .headerOptionPanel .labelImg {
  background: #000;
}

html[lang="en"] .labelImg:before, html[lang="en"] .labelImg:after {
  color: #4c3f28;
  border-color: #4c3f28;
}

@media only screen and (max-width: 980px) {
  html[lang="en"] .labelImg:before, html[lang="en"] .labelImg:after {
    color: #fff;
    border-color: #fff;
  }
}

html[lang="en"] .bgSelect-blue .labelImg:before,
html[lang="en"] .bgSelect-blue .labelImg:after {
  color: #fff;
  border-color: #fff;
}

html[lang="en"] .bgSelect-yellow .labelImg:before,
html[lang="en"] .bgSelect-yellow .labelImg:after {
  color: #000;
  border-color: #000;
}

html[lang="en"] .bgSelect-black .labelImg:before,
html[lang="en"] .bgSelect-black .labelImg:after {
  color: #ff0;
  border-color: #ff0;
}

html[lang="en"] .bgSelectPanel .labelImg:before {
  content: url(/styles/images/icon_bgselect_en.svg);
}

@media only screen and (max-width: 980px) {
  html[lang="en"] .bgSelectPanel .labelImg:before {
    content: url(/styles/images/icon_bgselect.svg);
  }
}

/*
balloon
--------------------------- */
.headerOptionPanel .balloon {
  position: absolute;
  display: none;
  width: 290px;
  padding-top: 9px;
  top: 100%;
  z-index: 2;
  box-sizing: border-box;
  cursor: auto;
}

.headerOptionPanel .balloon:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  border-style: solid;
  border-width: 0 8px 9px 8px;
  border-color: transparent transparent #cf1225 transparent;
}

.bgSelect-blue .headerOptionPanel .balloon:before {
  border-color: transparent transparent #ff0 transparent;
}

.bgSelect-yellow .headerOptionPanel .balloon:before {
  border-color: transparent transparent #000 transparent;
}

.bgSelect-black .headerOptionPanel .balloon:before {
  border-color: transparent transparent #ff0 transparent;
}

.headerOptionPanel .balloon.is-active {
  display: block;
}

.headerOptionPanel .balloon__inner {
  padding: 15px 20px 18px;
  background: #cf1225;
}

.bgSelect-blue .headerOptionPanel .balloon__inner {
  border: 1px solid #ff0;
  background: #00008B;
}

.bgSelect-yellow .headerOptionPanel .balloon__inner {
  border: 1px solid #000;
  background: #ff0;
}

.bgSelect-black .headerOptionPanel .balloon__inner {
  border: 1px solid #ff0;
  background: #000;
}

.headerOptionPanel .balloon__item dd a {
  opacity: 1;
}

.headerOptionPanel .balloon__item__title {
  width: 100%;
  font-weight: bold;
  color: #fff;
  padding-bottom: 6px;
}

.bgSelect-blue .headerOptionPanel .balloon__item__title {
  color: #fff;
}

.bgSelect-yellow .headerOptionPanel .balloon__item__title {
  color: #000;
}

.bgSelect-black .headerOptionPanel .balloon__item__title {
  color: #ff0;
}

.headerOptionPanel a:after {
  content: none;
}

@media screen and (max-width: 750px) {
  .langSelectPanel .balloon {
    left: 10px;
  }
}

.langSelectPanel .balloon:before {
  left: 27px;
}

@media screen and (max-width: 750px) {
  .langSelectPanel .balloon:before {
    left: 10px;
  }
}

.fsSelectPanel .balloon {
  left: -73px;
}

@media screen and (max-width: 750px) {
  .fsSelectPanel .balloon {
    left: -56px;
  }
}

.fsSelectPanel .balloon:before {
  left: 102px;
}

@media screen and (max-width: 750px) {
  .fsSelectPanel .balloon:before {
    left: 85px;
  }
}

.bgSelectPanel .balloon {
  left: -146px;
}

@media screen and (max-width: 750px) {
  .bgSelectPanel .balloon {
    left: -122px;
  }
}

.bgSelectPanel .balloon:before {
  left: 176px;
}

@media screen and (max-width: 750px) {
  .bgSelectPanel .balloon:before {
    left: 145px;
  }
}

.headerSerachBoxPanel .balloon {
  left: -219px;
}

@media screen and (max-width: 750px) {
  .headerSerachBoxPanel .balloon {
    left: -188px;
  }
}

.headerSerachBoxPanel .balloon:before {
  left: 247px;
}

@media screen and (max-width: 750px) {
  .headerSerachBoxPanel .balloon:before {
    left: 212px;
  }
}

.langList, .fsList {
  display: flex;
  -webkit-box-lines: multiple;
  flex-wrap: wrap;
  margin: 0px -6px;
  box-sizing: border-box;
}

.langList dd, .fsList dd {
  width: 50%;
  padding: 0 6px;
  box-sizing: border-box;
}

.langList dd a, .fsList dd a {
  display: block;
  padding: 1px 8px;
  border: 2px solid #fff;
  background: #cf1225;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.bgSelect-blue .langList dd a, .bgSelect-blue .fsList dd a {
  background: #00008B;
  color: #fff;
}

.bgSelect-yellow .langList dd a, .bgSelect-yellow .fsList dd a {
  background: #ff0;
  color: #000;
  border-color: #000;
}

.bgSelect-black .langList dd a, .bgSelect-black .fsList dd a {
  background: #000;
  color: #ff0;
  border-color: #ff0;
}

.langList dd a:hover, .langList dd.is-active a, .fsList dd a:hover, .fsList dd.is-active a {
  background: #fff;
  color: #cf1225;
  text-decoration: none;
}

.bgSelect-blue .langList dd a:hover, .bgSelect-blue .langList dd.is-active a, .bgSelect-blue .fsList dd a:hover, .bgSelect-blue .fsList dd.is-active a {
  background: #fff;
  color: #00008B;
}

.bgSelect-yellow .langList dd a:hover, .bgSelect-yellow .langList dd.is-active a, .bgSelect-yellow .fsList dd a:hover, .bgSelect-yellow .fsList dd.is-active a {
  background: #000;
  color: #ff0;
}

.bgSelect-black .langList dd a:hover, .bgSelect-black .langList dd.is-active a, .bgSelect-black .fsList dd a:hover, .bgSelect-black .fsList dd.is-active a {
  background: #ff0;
  color: #000;
}

.bgList {
  letter-spacing: -.4em;
}

.bgList__item {
  display: inline-block;
  font-size: 0%;
}

.bgList__item + .bgList__item {
  margin-left: 17px;
}

.bgList__item a {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 2px solid #fff;
  box-sizing: border-box;
  vertical-align: middle;
}

.bgList__item a:hover {
  text-decoration: none;
}

.bgSelect-yellow .bgList__item a {
  border-color: #000;
}

.bgList__item.is-active a {
  width: 30px;
  height: 30px;
}

.bgList .balloon__item__title {
  letter-spacing: normal;
  padding-bottom: 4px;
}

.bgList .bgSelect-normal {
  width: 26px;
  height: 26px;
  background: #efeeec;
}

.bgList .bgSelect-normal a {
  color: #000;
}

.bgList .bgSelect-normal.is-active {
  width: 28px;
  height: 28px;
}

.bgList .bgSelect-blue {
  width: 26px;
  height: 26px;
  background: #6e75f8;
}

.bgList .bgSelect-blue a {
  color: #000;
}

.bgList .bgSelect-blue.is-active {
  width: 28px;
  height: 28px;
}

.bgList .bgSelect-yellow {
  width: 26px;
  height: 26px;
  background: #fbf776;
}

.bgList .bgSelect-yellow a {
  color: #000;
}

.bgList .bgSelect-yellow.is-active {
  width: 28px;
  height: 28px;
}

.bgList .bgSelect-black {
  width: 26px;
  height: 26px;
  background: #444;
}

.bgList .bgSelect-black.is-active {
  width: 28px;
  height: 28px;
}

.siteSearch input {
  width: 100%;
  padding: 3px 0 3px 5px;
  border: none;
  box-sizing: border-box;
}

.bgSelect-blue .siteSearch input {
  background: #00008B;
  border: 1px solid #ff0;
  color: #fff;
}

.bgSelect-yellow .siteSearch input {
  background: #ff0;
  border: 1px solid #000;
  color: #ff0;
}

.bgSelect-black .siteSearch input {
  background: #000;
  border: 1px solid #ff0;
  color: #ff0;
}

.bgSelect-blue .siteSearch input:-moz-placeholder-shown {
  color: #fff;
}

.bgSelect-blue .siteSearch input:placeholder-shown {
  color: #fff;
}

.bgSelect-blue .siteSearch input::-webkit-input-placeholder {
  color: #fff;
}

.bgSelect-blue .siteSearch input:-moz-placeholder {
  color: #fff;
}

.bgSelect-blue .siteSearch input::-moz-placeholder {
  color: #fff;
}

.bgSelect-yellow .siteSearch input:-moz-placeholder-shown {
  color: #000;
}

.bgSelect-yellow .siteSearch input:placeholder-shown {
  color: #000;
}

.bgSelect-yellow .siteSearch input::-webkit-input-placeholder {
  color: #000;
}

.bgSelect-yellow .siteSearch input:-moz-placeholder {
  color: #000;
}

.bgSelect-yellow .siteSearch input::-moz-placeholder {
  color: #000;
}

.bgSelect-black .siteSearch input:-moz-placeholder-shown {
  color: #ff0;
}

.bgSelect-black .siteSearch input:placeholder-shown {
  color: #ff0;
}

.bgSelect-black .siteSearch input::-webkit-input-placeholder {
  color: #ff0;
}

.bgSelect-black .siteSearch input:-moz-placeholder {
  color: #ff0;
}

.bgSelect-black .siteSearch input::-moz-placeholder {
  color: #ff0;
}

.bgSelect-black .siteSearch input:-ms-input-placeholder {
  color: #ff0;
}

/*
logo
--------------------------- */
.logo {
  background: #fff;
}

.bgSelect-blue .logo {
  background: #00008B;
}

.bgSelect-yellow .logo {
  background: #ff0;
}

.bgSelect-black .logo {
  background: #000;
}

.logo a {
  display: inline-block;
  text-decoration: none;
}

.bgSelect-blue .logo a {
  background: #00008B;
}

.bgSelect-yellow .logo a {
  background: #ff0;
}

.bgSelect-black .logo a {
  background: #000;
}

.logo a:after {
  content: none;
}

/*
logo ver.Eng
--------------------------- */
html[lang="en"] .logo img + img {
  padding-left: 18px;
  padding-top: 10px;
}

@media screen and (max-width: 750px) {
  html[lang="en"] .logo img + img {
    padding-left: 0;
  }
}

/* ***************************
global navi
*************************** */
/*
navGlobal ver.Eng
--------------------------- */
html[lang="en"] .navGlobal {
  font-family: Roboto, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}

@media screen and (max-width: 750px) {
  html[lang="en"] .navGlobal {
    display: none;
  }
}

/*
listGnav
--------------------------- */
.listGnav {
  display: table;
}

.listGnav__item {
  padding-left: 0;
  position: static;
  display: table-cell;
  overflow: hidden;
}

.listGnav__item:before {
  content: none;
}

.listGnav__item:nth-child(1) .listGnav__item__link__body {
  width: 205px;
}

.listGnav__item:nth-child(2) .listGnav__item__link__body,
.listGnav__item:nth-child(3) .listGnav__item__link__body,
.listGnav__item:nth-child(5) .listGnav__item__link__body {
  width: 109px;
}

.listGnav__item:nth-child(4) .listGnav__item__link__body {
  width: 142px;
}

.listGnav__item:last-child .listGnav__item__link__body {
  border-right: 1px solid #4c3f28;
}

.bgSelect-blue .listGnav__item:last-child .listGnav__item__link__body {
  border-color: #fff;
}

.bgSelect-yellow .listGnav__item:last-child .listGnav__item__link__body {
  border-color: #000;
}

.bgSelect-black .listGnav__item:last-child .listGnav__item__link__body {
  border-color: #ff0;
}

.bgSelect-blue .listGnav__item:hover, .bgSelect-blue .listGnav__item.hover {
  background: #fff;
}

.bgSelect-yellow .listGnav__item:hover, .bgSelect-yellow .listGnav__item.hover {
  background: #000;
}

.bgSelect-black .listGnav__item:hover, .bgSelect-black .listGnav__item.hover {
  background: #ff0;
}

.listGnav__item + .listGnav__item {
  margin-top: 0;
}

.listGnav__item:nth-child(2) .subMenu__body__left,
.listGnav__item:nth-child(4) .subMenu__body__left {
  max-width: 100%;
}

.listGnav__item:nth-child(2) .subMenu__body__left .subMenu__heading,
.listGnav__item:nth-child(4) .subMenu__body__left .subMenu__heading {
  padding-left: 14.4%;
}

.listGnav__item:nth-child(2) .subMenu__body__right,
.listGnav__item:nth-child(4) .subMenu__body__right {
  display: none;
}

.listGnav__item.is-active .listGnav__item__link:after {
  content: '';
  display: block;
  position: absolute;
  height: 3px;
  margin: auto;
  background: #cf1225;
  right: 0;
  bottom: 0;
  left: 0;
}

.bgSelect-blue .listGnav__item.is-active .listGnav__item__link:after {
  background: #fff;
}

.bgSelect-yellow .listGnav__item.is-active .listGnav__item__link:after {
  background: #000;
}

.bgSelect-black .listGnav__item.is-active .listGnav__item__link:after {
  background: #fff;
}

.listGnav__item:nth-child(1).is-active .listGnav__item__link:after {
  width: 172px;
}

.listGnav__item:nth-child(2).is-active .listGnav__item__link:after,
.listGnav__item:nth-child(3).is-active .listGnav__item__link:after,
.listGnav__item:nth-child(5).is-active .listGnav__item__link:after {
  width: 76px;
}

.listGnav__item:nth-child(4).is-active .listGnav__item__link:after {
  width: 145px;
}

.listGnav__item.is-hover .listGnav__item__link:after {
  content: none;
}

.listGnav__item__link {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 27px 0;
}

.listGnav__item__link[href="javascript: void(0);"] {
  cursor: default;
}

.listGnav__item__link:hover, .listGnav__item__link.hover {
  text-decoration: none;
  color: #cf1225;
  opacity: 1;
}

.listGnav__item__link[href^="http"]:not([href*="www.tcvb.or.jp"]):after {
  display: none !important;
}

.listGnav__item__link__body {
  display: inline-block;
  font-size: 114.28571%;
  line-height: 125%;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  border-left: 1px solid #4c3f28;
}

.listGnav__item__link__body a {
  text-decoration: none;
}

.bgSelect-blue .listGnav__item__link__body {
  color: #fff;
  border-color: #fff;
}

.bgSelect-yellow .listGnav__item__link__body {
  color: #000;
  border-color: #000;
}

.bgSelect-black .listGnav__item__link__body {
  color: #ff0;
  border-color: #ff0;
}

.bgSelect-blue .listGnav__item:hover .listGnav__item__link__body, .bgSelect-blue
.listGnav__item.hover .listGnav__item__link__body {
  color: #00008B;
}

.bgSelect-yellow .listGnav__item:hover .listGnav__item__link__body, .bgSelect-yellow
.listGnav__item.hover .listGnav__item__link__body {
  color: #ff0;
}

.bgSelect-black .listGnav__item:hover .listGnav__item__link__body, .bgSelect-black
.listGnav__item.hover .listGnav__item__link__body {
  color: #000;
}

/*
listGnav ver.Eng
--------------------------- */
html[lang="en"] .listGnav {
  width: 100%;
  box-sizing: border-box;
}

html[lang="en"] .listGnav__item {
  vertical-align: middle;
  box-sizing: border-box;
}

html[lang="en"] .listGnav__item:nth-child(1) {
  width: 21.7653%;
}

html[lang="en"] .listGnav__item:nth-child(2) {
  width: 24.67402%;
}

html[lang="en"] .listGnav__item:nth-child(3) {
  width: 33.1996%;
}

html[lang="en"] .listGnav__item:nth-child(4) {
  width: 20.06018%;
}

html[lang="en"] .listGnav__item__link {
  display: table;
  width: 100%;
  height: 100%;
  padding: 12px 0 16px;
  font-family: "Nunito Sans", Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 0%;
  line-height: 0;
  box-sizing: border-box;
}

html[lang="en"] .listGnav__item__link:before {
  display: none;
  content: none;
}

html[lang="en"] .listGnav__item__link:after {
  content: none !important;
}

html[lang="en"] .listGnav__item .listGnav__item__link__body {
  display: table-cell;
  width: 100%;
  padding: 6px 10px 5px;
  font-size: 157.14286%;
  line-height: 119%;
  vertical-align: middle;
  box-sizing: border-box;
}

html[lang="en"] .listGnav__item .listGnav__item__link__body img {
  vertical-align: middle;
}

/*
subMenu
--------------------------- */
.subMenu {
  display: none;
  position: absolute;
  width: 100%;
  min-height: 200px;
  top: 100%;
  left: 0;
  background-color: #cf1225;
  z-index: 10;
  letter-spacing: normal;
  cursor: auto;
  box-sizing: border-box;
}

.bgSelect-blue .subMenu {
  background: #00008B;
  border-top: 1px solid #ff0;
  border-bottom: 1px solid #ff0;
}

.bgSelect-yellow .subMenu {
  background: #ff0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.bgSelect-black .subMenu {
  background: #000;
  border-top: 1px solid #ff0;
  border-bottom: 1px solid #ff0;
}

.subMenu__body {
  max-width: 1280px;
  min-height: 200px;
  margin: 0 auto;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}

.subMenu__body__left {
  position: relative;
  max-width: 522px;
  width: 100%;
  min-height: 200px;
  background-color: #4c3e27;
  background-size: cover;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 41px 20px 51px;
}

.bgSelect-blue .subMenu__body__left {
  background: #00008B;
}

.bgSelect-yellow .subMenu__body__left {
  background: #ff0;
}

.bgSelect-black .subMenu__body__left {
  background: #000;
}

.subMenu__body__left:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 133px;
  margin: auto;
  background-color: #fff;
  left: 139px;
  top: 0;
  bottom: 0;
}

.bgSelect-blue .subMenu__body__left:after {
  background: #ff0;
}

.bgSelect-yellow .subMenu__body__left:after {
  background: #000;
}

.bgSelect-black .subMenu__body__left:after {
  background: #ff0;
}

.subMenu__body__right {
  position: relative;
  width: calc(100% - 522px);
  padding: 47px 20px 47px 5.4688%;
  display: flex;
  box-sizing: border-box;
}

.subMenu__heading {
  position: relative;
  width: 100%;
  color: #fff;
  padding-right: 9.1954%;
  padding-left: 35.249%;
}

.bgSelect-blue .subMenu__heading {
  color: #ff0;
}

.bgSelect-yellow .subMenu__heading {
  color: #000;
}

.bgSelect-black .subMenu__heading {
  color: #ff0;
}

.subMenu__heading__title {
  font-size: 171.42857%;
  line-height: 175%;
  font-weight: bold;
  margin-bottom: 10px;
}

.subMenu__heading__text {
  font-size: 100%;
  line-height: 172%;
}

.listGnav__item:hover .subMenu, .listGnav__item.hover .subMenu {
  display: block;
}

.listGnav__item:hover .listGnav__item__link:before,
.listGnav__item.hover .listGnav__item__link:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-style: solid;
  border-width: 0 14px 14px 14px;
  border-color: transparent transparent #cf1225 transparent;
}

.bgSelect-blue .listGnav__item:hover .listGnav__item__link:before, .bgSelect-blue
.listGnav__item.hover .listGnav__item__link:before {
  border-color: transparent transparent #00008B transparent;
}

.bgSelect-yellow .listGnav__item:hover .listGnav__item__link:before, .bgSelect-yellow
.listGnav__item.hover .listGnav__item__link:before {
  border-color: transparent transparent #ff0 transparent;
}

.bgSelect-black .listGnav__item:hover .listGnav__item__link:before, .bgSelect-black
.listGnav__item.hover .listGnav__item__link:before {
  border-color: transparent transparent #000 transparent;
}

.listGnav__item:nth-child(2):hover .listGnav__item__link:before,
.listGnav__item:nth-child(2).hover .listGnav__item__link:before,
.listGnav__item:nth-child(4):hover .listGnav__item__link:before,
.listGnav__item:nth-child(4).hover .listGnav__item__link:before,
.listGnav__item:nth-child(5):hover .listGnav__item__link:before,
.listGnav__item:nth-child(5).hover .listGnav__item__link:before {
  border-color: transparent transparent #4c3e27 transparent;
}

.bgSelect-blue .listGnav__item:nth-child(2):hover .listGnav__item__link:before, .bgSelect-blue
.listGnav__item:nth-child(2).hover .listGnav__item__link:before, .bgSelect-blue
.listGnav__item:nth-child(4):hover .listGnav__item__link:before, .bgSelect-blue
.listGnav__item:nth-child(4).hover .listGnav__item__link:before, .bgSelect-blue
.listGnav__item:nth-child(5):hover .listGnav__item__link:before, .bgSelect-blue
.listGnav__item:nth-child(5).hover .listGnav__item__link:before {
  border-color: transparent transparent #00008B transparent;
}

.bgSelect-yellow .listGnav__item:nth-child(2):hover .listGnav__item__link:before, .bgSelect-yellow
.listGnav__item:nth-child(2).hover .listGnav__item__link:before, .bgSelect-yellow
.listGnav__item:nth-child(4):hover .listGnav__item__link:before, .bgSelect-yellow
.listGnav__item:nth-child(4).hover .listGnav__item__link:before, .bgSelect-yellow
.listGnav__item:nth-child(5):hover .listGnav__item__link:before, .bgSelect-yellow
.listGnav__item:nth-child(5).hover .listGnav__item__link:before {
  border-color: transparent transparent #ff0 transparent;
}

.bgSelect-black .listGnav__item:nth-child(2):hover .listGnav__item__link:before, .bgSelect-black
.listGnav__item:nth-child(2).hover .listGnav__item__link:before, .bgSelect-black
.listGnav__item:nth-child(4):hover .listGnav__item__link:before, .bgSelect-black
.listGnav__item:nth-child(4).hover .listGnav__item__link:before, .bgSelect-black
.listGnav__item:nth-child(5):hover .listGnav__item__link:before, .bgSelect-black
.listGnav__item:nth-child(5).hover .listGnav__item__link:before {
  border-color: transparent transparent #000 transparent;
}

.listGnav__item:nth-child(5) .listGnav__item__link:before {
  content: none !important;
}

.listGnav__item:nth-child(2) .subMenu,
.listGnav__item:nth-child(4) .subMenu,
.listGnav__item:nth-child(5) .subMenu {
  background-color: #4c3e27;
}

.bgSelect-blue .listGnav__item:nth-child(2) .subMenu, .bgSelect-blue
.listGnav__item:nth-child(4) .subMenu, .bgSelect-blue
.listGnav__item:nth-child(5) .subMenu {
  background-color: #00008B;
}

.bgSelect-yellow .listGnav__item:nth-child(2) .subMenu, .bgSelect-yellow
.listGnav__item:nth-child(4) .subMenu, .bgSelect-yellow
.listGnav__item:nth-child(5) .subMenu {
  background-color: #ff0;
}

.bgSelect-black .listGnav__item:nth-child(2) .subMenu, .bgSelect-black
.listGnav__item:nth-child(4) .subMenu, .bgSelect-black
.listGnav__item:nth-child(5) .subMenu {
  background-color: #000;
}

/*
subMenu ver.Eng
--------------------------- */
html[lang="en"] .subMenu {
  width: auto;
  background: none;
  left: auto;
}

html[lang="en"] .subMenu__heading__title {
  font-size: 171.42857%;
  line-height: 142%;
}

html[lang="en"] .subMenu__body {
  margin: 0;
}

html[lang="en"] .subMenu__body__right {
  width: 100%;
  display: block;
  padding: 0;
}

html[lang="en"] .listGnav__item svg {
  fill: #4c3e27;
}

html[lang="en"] .listGnav__item:hover svg {
  fill: #cf1225;
}

html[lang="en"] .bgSelect-blue .listGnav__item svg {
  fill: #fff;
}

html[lang="en"] .bgSelect-yellow .listGnav__item svg {
  fill: #000;
}

html[lang="en"] .bgSelect-black .listGnav__item svg {
  fill: #ff0;
}

html[lang="en"] .bgSelect-blue .listGnav__item:hover svg {
  fill: #00008B;
}

html[lang="en"] .bgSelect-yellow .listGnav__item:hover svg {
  fill: #ff0;
}

html[lang="en"] .bgSelect-black .listGnav__item:hover svg {
  fill: #000;
}

/*
subNavi
--------------------------- */
.subNavi {
  width: 100%;
  margin-top: -17px;
  letter-spacing: -.4em;
}

.subNavi + .subNavi {
  margin-left: 23.4773%;
}

.subNavi__item {
  display: inline-block;
  width: 50%;
  padding: 2px 20px 2px 38px;
  margin-top: 17px;
  box-sizing: border-box;
  letter-spacing: normal;
  vertical-align: top;
  overflow: hidden;
}

.subNavi__item a {
  color: #fff;
  text-decoration: none;
  font-size: 114.28571%;
  line-height: 150%;
  font-weight: bold;
}

.bgSelect-blue .subNavi__item a {
  color: #fff;
}

.bgSelect-yellow .subNavi__item a {
  color: #00008B;
}

.bgSelect-black .subNavi__item a {
  color: #fff;
}

.subNavi__item:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 1px;
  margin-top: 3px;
  background-color: #fff;
  border: none;
  left: 0;
  border-radius: 0;
}

.bgSelect-blue .subNavi__item:before {
  background: #fff;
}

.bgSelect-yellow .subNavi__item:before {
  background: #00008B;
}

.bgSelect-black .subNavi__item:before {
  background: #fff;
}

.subNavi__item:after {
  content: none;
}

.subNavi__item__link:after {
  content: none;
}

/*
subNavi ver.Eng
--------------------------- */
html[lang="en"] .subNavi {
  margin-top: 0;
}

html[lang="en"] .subNavi__item {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 0;
}

html[lang="en"] .subNavi__item:before {
  content: none;
}

html[lang="en"] .subNavi__item a {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 23px 9px;
  box-sizing: border-box;
  background: #cf1225;
}

html[lang="en"] .subNavi__item a:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #292929;
  border-right: 1px solid #292929;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  right: 17px;
  bottom: 0;
  margin: auto;
}

html[lang="en"] .subNavi__item a:hover {
  background: #4c3e27;
  opacity: 1;
}

html[lang="en"] .subNavi__item + .subNavi__item {
  border-top: 1px solid #4c3e27;
}

html[lang="en"] .subNavi__item__link__body {
  font-size: 87.5%;
  line-height: 158%;
  font-weight: normal;
}

html[lang="en"] .bgSelect-blue .subNavi__item + .subNavi__item {
  border-color: #fff;
}

html[lang="en"] .bgSelect-blue .subNavi__item a {
  background: #00008B;
}

html[lang="en"] .bgSelect-blue .subNavi__item a:after {
  border-color: #fff;
}

html[lang="en"] .bgSelect-blue .subNavi__item a:hover {
  background: #fff;
  color: #00008B;
}

html[lang="en"] .bgSelect-blue .subNavi__item a:hover:after {
  border-color: #00008B;
}

html[lang="en"] .bgSelect-yellow .subNavi__item + .subNavi__item {
  border-color: #000;
}

html[lang="en"] .bgSelect-yellow .subNavi__item a {
  background: #ff0;
}

html[lang="en"] .bgSelect-yellow .subNavi__item a:after {
  border-color: #000;
}

html[lang="en"] .bgSelect-yellow .subNavi__item a:hover {
  background: #000;
  color: #ff0;
}

html[lang="en"] .bgSelect-yellow .subNavi__item a:hover:after {
  border-color: #ff0;
}

html[lang="en"] .bgSelect-black .subNavi__item + .subNavi__item {
  border-color: #ff0;
}

html[lang="en"] .bgSelect-black .subNavi__item a {
  background: #000;
}

html[lang="en"] .bgSelect-black .subNavi__item a:after {
  border-color: #ff0;
}

html[lang="en"] .bgSelect-black .subNavi__item a:hover {
  background: #ff0;
  color: #000;
}

html[lang="en"] .bgSelect-black .subNavi__item a:hover:after {
  border-color: #000;
}

/* ***************************
spMenu
*************************** */
.spMenu {
  display: none;
}

@media screen and (max-width: 980px) {
  .spMenu {
    display: block;
    letter-spacing: normal;
  }
}

.spMenu__body {
  position: absolute;
  width: 100%;
  padding-bottom: 31px;
  top: 0;
  left: 0;
  background: #292929;
  z-index: 2;
}

.bgSelect-blue .spMenu__body {
  background: #00008B;
}

.bgSelect-yellow .spMenu__body {
  background: #ff0;
}

.bgSelect-black .spMenu__body {
  background: #000;
}

@media screen and (max-width: 980px) {
  .spMenu__body {
    display: none;
  }
}

.spMenu__body .btnWrap {
  display: block;
  margin-top: 20px;
  padding: 0 20px;
  text-align: center;
}

.spMenu__body .btn__body {
  width: 275px;
  padding: 5px 10px;
}

.spMenu__body__link {
  margin-top: 14px;
}

.spMenu__body__link__item {
  text-align: center;
}

.spMenu__body__link__item a {
  display: block;
  text-align: center;
  padding: 9px 0;
}

.spMenu__body__link__item a:after {
  display: none !important;
}

.spMenu__body__link__item a:hover {
  text-decoration: none;
}

.spMenu__body__link__item a:after {
  content: none;
}

.spNavi__item {
  padding-left: 0;
  border-bottom: 1px solid #4c3f28;
}

.bgSelect-blue .spNavi__item {
  border-color: #ff0;
}

.bgSelect-yellow .spNavi__item {
  border-color: #000;
}

.bgSelect-black .spNavi__item {
  border-color: #ff0;
}

.spNavi__item:first-child {
  padding-top: 40px;
}

.spNavi__item:first-child a {
  border-top: 1px solid #4c3f28;
}

.bgSelect-blue .spNavi__item:first-child a {
  border-color: #ff0;
}

.bgSelect-yellow .spNavi__item:first-child a {
  border-color: #000;
}

.bgSelect-black .spNavi__item:first-child a {
  border-color: #ff0;
}

.spNavi__item a {
  display: block;
  padding: 12px 15px 11px;
  font-weight: bold;
  text-align: center;
}

.spNavi__item a:hover {
  opacity: .7;
  text-decoration: none;
}

.spNavi__item a:after {
  content: none;
}

.spNavi__item:before {
  content: none;
}

.spNavi__item + .spNavi__item {
  margin-top: 0;
}

.spNaviSub {
  display: none;
  margin-top: 0;
}

.spNaviSub__item {
  margin-top: 0;
  padding: 0;
  border-top: 1px solid #292929;
}

.bgSelect-blue .spNaviSub__item {
  border-color: #ff0;
}

.bgSelect-yellow .spNaviSub__item {
  border-color: #000;
}

.bgSelect-black .spNaviSub__item {
  border-color: #ff0;
}

.spNaviSub__item:before {
  content: none;
}

.spNaviSub__item a {
  padding: 12px 15px;
  text-decoration: none;
  background: #4c3f28;
}

.bgSelect-blue .spNaviSub__item a {
  background: #00008B;
}

.bgSelect-yellow .spNaviSub__item a {
  background: #ff0;
}

.bgSelect-black .spNaviSub__item a {
  background: #000;
}

.accordionMenu {
  position: relative;
  display: inline-block;
}

.accordionMenu:hover {
  opacity: 1;
}

.accordionMenu:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  margin: auto;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  right: 25px;
  bottom: 0;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.bgSelect-blue .accordionMenu:before {
  border-color: #fff;
}

.bgSelect-yellow .accordionMenu:before {
  border-color: #000;
}

.bgSelect-black .accordionMenu:before {
  border-color: #ff0;
}

.accordionMenu.is-open {
  background: #cf1225;
}

.bgSelect-blue .accordionMenu.is-open {
  background: #00008B;
}

.bgSelect-yellow .accordionMenu.is-open {
  background: #ff0;
}

.bgSelect-black .accordionMenu.is-open {
  background: #000;
}

.accordionMenu.is-open:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*
navToggle
--------------------------- */
@media screen and (max-width: 980px) {
  .navToggle {
    display: block;
    padding: 0 10px;
  }
}

@media screen and (max-width: 980px) {
  .navToggle {
    padding: 0 8px;
  }
}

.navToggle button {
  position: relative;
  display: block;
  width: 40px;
  height: 30px;
  z-index: 3;
}

.navToggle button span {
  height: 100%;
  display: block;
  font-size: 0%;
  line-height: 0;
  color: #fff;
}

.navToggle button span:before, .navToggle button span:after {
  content: "";
  position: absolute;
  display: block;
  width: 31px;
  height: 4px;
  background: #fff;
  transition: all .3s;
}

.bgSelect-blue .navToggle button span:before, .bgSelect-blue .navToggle button span:after {
  background: #fff;
}

.bgSelect-yellow .navToggle button span:before, .bgSelect-yellow .navToggle button span:after {
  background: #000;
}

.bgSelect-black .navToggle button span:before, .bgSelect-black .navToggle button span:after {
  background: #ff0;
}

.navToggle button span:before {
  top: 3px;
  right: 0;
  left: 0;
  margin: auto;
}

.navToggle button span:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.navToggle button:after {
  content: "";
  position: absolute;
  display: block;
  width: 31px;
  height: 4px;
  background: #fff;
  right: 0;
  bottom: 3px;
  left: 0;
  margin: auto;
  transition: all .3s;
}

.bgSelect-blue .navToggle button:after {
  background: #fff;
}

.bgSelect-yellow .navToggle button:after {
  background: #000;
}

.bgSelect-black .navToggle button:after {
  background: #ff0;
}

.is-open .navToggle button span:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 15px;
}

.is-open .navToggle button span:after {
  opacity: 0;
}

.is-open .navToggle button:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  bottom: 11px;
}

/*
navToggle ver.Eng
--------------------------- */
html[lang="en"] .navToggle button span {
  background: #000;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .navToggle button span {
    background: #4c3f28;
  }
}

html[lang="en"] .bgSelect-blue .navToggle button span {
  background: #00008B;
}

html[lang="en"] .bgSelect-yellow .navToggle button span {
  background: #ff0;
}

html[lang="en"] .bgSelect-black .navToggle button span {
  background: #000;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .is-open .navToggle button span {
    background: #292929;
  }
}

html[lang="en"] .bgSelect-blue .is-open .navToggle button span {
  background: #00008B;
}

html[lang="en"] .bgSelect-yellow .is-open .navToggle button span {
  background: #ff0;
}

html[lang="en"] .bgSelect-black .is-open .navToggle button span {
  background: #000;
}

/* ***************************
bread crumb
*************************** */
.breadCrumb {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpi9LFTl7J18mJIy6tmwAeYQAoO79vGMGtSK16FLCDTQACmEJfJLCCCGMUsMAYhxSzIHHyKWdCtwKWYBZvDsSlmwRUc6IpZ8IUdsmKAAAMAuv4j6GxiF2IAAAAASUVORK5CYII=);
}

.bgSelect-blue .breadCrumb {
  background: #00008B;
}

.bgSelect-yellow .breadCrumb {
  background: #ff0;
}

.bgSelect-black .breadCrumb {
  background: #000;
}

.breadCrumb__body {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 15px;
}

/*
listBreadCrumb
--------------------------- */
.listBreadCrumb {
  margin-left: 0;
  padding: 5px 0;
  box-sizing: border-box;
}

.listBreadCrumb__item {
  display: inline;
  margin: 0;
  font-size: 78.57143%;
  line-height: 137%;
}

@media screen and (max-width: 750px) {
  .listBreadCrumb__item {
    max-width: 100%;
  }
}

.listBreadCrumb__item + .listBreadCrumb__item {
  margin-top: 0;
}

.listBreadCrumb__item + .listBreadCrumb__item:before {
  content: '';
  position: relative;
  display: inline-block;
  min-width: 4px;
  min-height: 4px;
  margin: 0 7px;
  top: -2px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bgSelect-blue .listBreadCrumb__item {
  color: #ff0;
}

.bgSelect-black .listBreadCrumb__item {
  color: #ff0;
}

.bgSelect-blue .listBreadCrumb__item + .listBreadCrumb__item:before {
  border-color: #ff0;
}

.bgSelect-black .listBreadCrumb__item + .listBreadCrumb__item:before {
  border-color: #ff0;
}

.listBreadCrumb__item__link {
  padding: 4px 0;
}

.listBreadCrumb__item__link:after {
  content: none;
}

.bgSelect-blue .listBreadCrumb__item__link {
  padding: 3px 0;
  color: #fff;
}

.bgSelect-yellow .listBreadCrumb__item__link {
  padding: 3px 0;
  color: #00008B;
}

.bgSelect-black .listBreadCrumb__item__link {
  padding: 3px 0;
  color: #fff;
}

/* ***************************
main
*************************** */
.main {
  position: relative;
}

/*
main__middle
--------------------------- */
.main__middle {
  max-width: 1000px;
  margin: 43px auto 0;
  padding: 0 15px 15px;
}

@media screen and (max-width: 750px) {
  .main__middle {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    margin: -6px auto 0;
    padding: 0 20px;
  }
}

@media screen and (max-width: 750px) {
  .main__middle--contact {
    padding: 0;
  }
}

.main__middle:after {
  content: "";
  display: block;
  clear: both;
}

.main__middle__body {
  box-sizing: border-box;
  float: right;
  padding-left: 20px;
  position: relative;
  width: 72%;
}

@media screen and (max-width: 750px) {
  .main__middle__body {
    width: 100%;
    padding: 0;
    order: 2;
  }
}

.main__middle__body--col1 {
  width: 100%;
  padding: 0;
  float: none;
}

.main__middle__side {
  float: left;
  width: 28%;
}

@media screen and (max-width: 750px) {
  .main__middle__side {
    float: none;
    width: 100%;
    order: 1;
  }
}

/*
main__middle ver.Eng
--------------------------- */
html[lang="en"] .main__middle {
  margin-bottom: 80px;
}

/* ***************************
side
*************************** */
.navLocal {
  max-width: 220px;
  margin-top: 26px;
}

@media screen and (max-width: 750px) {
  .navLocal {
    margin-top: 24px;
  }
}

.navLocal a {
  color: #4c3f28;
}

.navLocal a:visited {
  color: #4c3f28;
}

.navLocal a:hover {
  opacity: 1;
  color: #cf1225;
}

.bgSelect-blue .navLocal a, .bgSelect-blue .navLocal a:hover {
  color: #fff;
}

.bgSelect-yellow .navLocal a, .bgSelect-yellow .navLocal a:hover {
  color: #00008B;
}

.bgSelect-black .navLocal a, .bgSelect-black .navLocal a:hover {
  color: #fff;
}

.navLocal__head {
  border-bottom: 5px solid #4c3f28;
  margin: 0 0 6px;
  font-size: 142.85714%;
  line-height: 140%;
  padding: 0 0 6px 3px;
}

@media screen and (max-width: 750px) {
  .navLocal__head {
    margin-bottom: 8px;
    border: none;
    font-size: 114.28571%;
    line-height: 138%;
  }
}

.navLocal__head a:hover {
  color: #4c3f28;
  opacity: .85;
}

.bgSelect-blue .navLocal__head a:hover {
  color: #fff;
}

.bgSelect-yellow .navLocal__head a:hover {
  color: #00008B;
}

.bgSelect-black .navLocal__head a:hover {
  color: #fff;
}

.navLocal__head:before {
  content: none;
}

.bgSelect-blue .navLocal__head {
  color: #ff0;
  border-color: #ff0;
}

.bgSelect-black .navLocal__head {
  color: #ff0;
  border-color: #ff0;
}

.navLocal__body {
  margin-top: 5px;
}

@media screen and (max-width: 750px) {
  .navLocal__body {
    display: none;
  }
}

/* listLnav */
.listLnav {
  box-sizing: border-box;
}

.listLnav__item {
  position: relative;
  padding-left: 0;
  overflow: hidden;
}

.listLnav__item:before {
  content: none;
}

.listLnav__item + .listLnav__item {
  margin-top: 0;
}

.listLnav__item__link {
  display: block;
  padding: 18px 0 19px 30px;
  text-decoration: none;
  font-size: 114.28571%;
  line-height: 157%;
  border-bottom: 2px solid #f3f2f0;
}

.listLnav__item__link:after {
  content: none;
}

.listLnav__item.is-active .listLnav__item__link {
  color: #cf1225;
}

.bgSelect-blue .listLnav__item.is-active .listLnav__item__link {
  color: #fff;
}

.bgSelect-yellow .listLnav__item.is-active .listLnav__item__link {
  color: #00008B;
}

.bgSelect-black .listLnav__item.is-active .listLnav__item__link {
  color: #fff;
}

.is-active .listLnav__item__link:before, .listLnav__item__link:hover:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 3px;
  background: #cf1225;
  vertical-align: middle;
  border: none;
  border-radius: 0;
  position: absolute;
  top: 29px;
  left: 0;
}

.bgSelect-blue .is-active .listLnav__item__link:before, .bgSelect-blue .listLnav__item__link:hover:before {
  background: #fff;
}

.bgSelect-yellow .is-active .listLnav__item__link:before, .bgSelect-yellow .listLnav__item__link:hover:before {
  background: #00008B;
}

.bgSelect-black .is-active .listLnav__item__link:before, .bgSelect-black .listLnav__item__link:hover:before {
  background: #fff;
}

.bgSelect-blue .listLnav__item__link {
  border-color: #ff0;
}

.bgSelect-yellow .listLnav__item__link {
  border-color: #4c3e27;
}

.bgSelect-black .listLnav__item__link {
  border-color: #ff0;
}

.listLnavSub {
  margin-top: 0;
}

.listLnavSub__item {
  position: relative;
  padding-left: 0;
}

.listLnavSub__item:before {
  content: none;
}

.listLnavSub__item + .listLnavSub__item {
  margin-top: 0;
}

.listLnavSub__item__link {
  display: block;
  padding: 11px 0 11px 45px;
  text-decoration: none;
  font-size: 100%;
  line-height: 158%;
  border-bottom: 2px solid #f3f2f0;
}

.listLnavSub__item.is-active .listLnavSub__item__link {
  color: #cf1225;
}

.bgSelect-blue .listLnavSub__item.is-active .listLnavSub__item__link {
  color: #fff;
}

.bgSelect-yellow .listLnavSub__item.is-active .listLnavSub__item__link {
  color: #00008B;
}

.bgSelect-black .listLnavSub__item.is-active .listLnavSub__item__link {
  color: #fff;
}

.listLnavSub__item__link:hover {
  color: #cf1225;
}

.bgSelect-blue .listLnavSub__item__link:hover {
  color: #fff;
}

.bgSelect-yellow .listLnavSub__item__link:hover {
  color: #00008B;
}

.bgSelect-black .listLnavSub__item__link:hover {
  color: #fff;
}

.listLnavSub__item__link:after {
  content: none;
}

.bgSelect-blue .listLnavSub__item__link {
  border-color: #ff0;
}

.bgSelect-yellow .listLnavSub__item__link {
  border-color: #4c3e27;
}

.bgSelect-black .listLnavSub__item__link {
  border-color: #ff0;
}

.listLnavSub__item.is-active .listLnavSub__item__link:before,
.listLnavSub__item__link:hover:before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 3px;
  background: #cf1225;
  vertical-align: middle;
  border: none;
  border-radius: 0;
  position: absolute;
  top: 21px;
  left: 15px;
}

.bgSelect-blue .listLnavSub__item.is-active .listLnavSub__item__link:before, .bgSelect-blue
.listLnavSub__item__link:hover:before {
  background: #fff;
}

.bgSelect-yellow .listLnavSub__item.is-active .listLnavSub__item__link:before, .bgSelect-yellow
.listLnavSub__item__link:hover:before {
  background: #00008B;
}

.bgSelect-black .listLnavSub__item.is-active .listLnavSub__item__link:before, .bgSelect-black
.listLnavSub__item__link:hover:before {
  background: #fff;
}

/* ***************************
pageBottom
*************************** */
.pageBottom {
  position: relative;
  margin-top: 61px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpi9LFTl7J18mJIy6tmwAeYQAoO79vGMGtSK16FLCDTQACmEJfJLCCCGMUsMAYhxSzIHHyKWdCtwKWYBZvDsSlmwRUc6IpZ8IUdsmKAAAMAuv4j6GxiF2IAAAAASUVORK5CYII=);
  background-color: #fff;
}

@media screen and (max-width: 750px) {
  .pageBottom {
    margin-top: 47px;
  }
}

.bgSelect-blue .pageBottom {
  border-top: 1px solid #ff0;
  background: #00008B;
}

.bgSelect-yellow .pageBottom {
  border-top: 1px solid #000;
  background: #ff0;
}

.bgSelect-black .pageBottom {
  border-top: 1px solid #ff0;
  background: #000;
}

.base--brand .pageBottom {
  margin-top: 0 !important;
}

/*
pageBottom ver.Eng
--------------------------- */
html[lang="en"] .pageBottom {
  margin-top: 0;
}

/* ***************************
topSection
*************************** */
.topSection {
  position: relative;
}

.topSection__body {
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}

.topSection__title {
  font-size: 242.85714%;
  line-height: 130%;
  font-weight: normal;
  color: #4c3f28;
  padding-bottom: 11px;
  margin: 0;
  border-bottom: 2px solid #4c3f28;
}

@media screen and (max-width: 750px) {
  .topSection__title {
    padding-bottom: 21px;
    padding-left: 0;
    font-size: 214.28571%;
    line-height: 120%;
    text-align: center;
  }
}

.bgSelect-blue .topSection__title {
  color: #ff0;
  border-color: #ff0;
}

.bgSelect-black .topSection__title {
  color: #ff0;
  border-color: #ff0;
}

.topSection__title:before {
  content: none;
}

.topSection__title--sub {
  font-size: 52.94118%;
  line-height: 156%;
  padding-left: 23px;
}

@media screen and (max-width: 750px) {
  .topSection__title--sub {
    display: block;
    padding-left: 0;
    font-size: 60%;
    line-height: 156%;
  }
}

.column2-section {
  display: flex;
  box-sizing: border-box;
}

@media screen and (max-width: 980px) {
  .column2-section {
    display: block;
  }
}

.bgSelect-blue .column2-section {
  border-top: 1px solid #ff0;
  border-bottom: 1px solid #ff0;
}

.bgSelect-yellow .column2-section {
  border-top: 1px solid #292929;
  border-bottom: 1px solid #292929;
}

.bgSelect-black .column2-section {
  border-top: 1px solid #ff0;
  border-bottom: 1px solid #ff0;
}

/*
topSection ver.Eng
--------------------------- */
html[lang="en"] .topSection__title {
  font-family: "Nunito Sans", Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 242.85714%;
  line-height: 118%;
  letter-spacing: 3px;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .topSection__title {
    font-size: 185.71429%;
    line-height: 116%;
    letter-spacing: normal;
  }
}

.newsBox {
  padding: 52px 20px 48px;
}

@media screen and (max-width: 750px) {
  .newsBox {
    padding: 49px 20px 52px;
  }
}

.newsBox .topSection__body {
  max-width: 1040px;
}

.topNews--news, .topNews--press, .topNews--meeting {
  display: none;
}

.philosophyBox {
  position: relative;
  width: 38.9844%;
  padding: 55px 20px 50px 7.1023%;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (max-width: 980px) {
  .philosophyBox {
    width: 100%;
    padding: 67px 20px 74px;
  }
}

.bgSelect-blue .philosophyBox {
  border-right: 1px solid #ff0;
}

@media screen and (max-width: 980px) {
  .bgSelect-blue .philosophyBox {
    border-right: none;
    border-bottom: 1px solid #ff0;
  }
}

.bgSelect-yellow .philosophyBox {
  border-right: 1px solid #000;
}

@media screen and (max-width: 980px) {
  .bgSelect-yellow .philosophyBox {
    border-right: none;
    border-bottom: 1px solid #000;
  }
}

.bgSelect-black .philosophyBox {
  border-right: 1px solid #ff0;
}

@media screen and (max-width: 980px) {
  .bgSelect-black .philosophyBox {
    border-right: none;
    border-bottom: 1px solid #ff0;
  }
}

.philosophyBox:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-image: url(/styles/images/bg_top_philosophy.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  z-index: -1;
  transition: -webkit-transform .3s ease-in;
  transition: transform .3s ease-in;
  transition: transform .3s ease-in, -webkit-transform .3s ease-in;
}

@media screen and (max-width: 450px) {
  .philosophyBox:after {
    background-position-x: -65px;
  }
}

.philosophyBox:hover:after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.bgSelect-blue .philosophyBox:after {
  background-color: #00008B;
  background-image: none;
}

.bgSelect-yellow .philosophyBox:after {
  background-color: #ff0;
  background-image: none;
}

.bgSelect-black .philosophyBox:after {
  background-color: #000;
  background-image: none;
}

.philosophyBox__body {
  display: flex;
  max-width: 400px;
  height: 100%;
  align-items: flex-start;
  flex-direction: column;
}

@media screen and (min-width: 1281px) {
  .philosophyBox__body {
    margin-left: auto;
  }
}

@media screen and (max-width: 980px) {
  .philosophyBox__body {
    display: block;
    max-width: 100%;
    height: auto;
  }
}

.philosophyBox__title {
  margin: 0;
  padding: 0;
  color: #292929;
  font-size: 242.85714%;
  line-height: 130%;
  border: none;
}

@media screen and (max-width: 980px) {
  .philosophyBox__title {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .philosophyBox__title {
    font-size: 214.28571%;
    line-height: 120%;
  }
}

.philosophyBox__title:before {
  content: none;
}

.philosophyBox__title__sub {
  display: block;
  font-size: 52.94118%;
  line-height: 156%;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .philosophyBox__title__sub {
    margin-top: 7px;
    font-size: 53.33333%;
    line-height: 175%;
  }
}

.philosophyBox__lead {
  color: #292929;
}

@media screen and (max-width: 980px) {
  .philosophyBox__lead {
    text-align: center;
  }
}

.bgSelect-blue .philosophyBox__lead,
.bgSelect-yellow .philosophyBox__lead,
.bgSelect-black .philosophyBox__lead {
  background-color: #fff;
}

* + .philosophyBox__lead {
  margin-top: 55px;
}

@media screen and (max-width: 980px) {
  .philosophyBox__btn {
    text-align: center;
  }
}

* + .philosophyBox__btn {
  margin-top: auto;
}

@media screen and (max-width: 980px) {
  * + .philosophyBox__btn {
    margin-top: 58px;
  }
}

.philosophyBox__btn .moreLink a.btn {
  text-decoration: none;
}

.bgSelect-blue .philosophyBox__btn .moreLink a.btn {
  background: #fff;
}

.bgSelect-black .philosophyBox__btn .moreLink a.btn {
  background: #ff0;
}

.philosophyBox__btn .moreLink a.btn .btn__body {
  padding: 7px 28px 6px;
}

.businessBox {
  position: relative;
  width: 61.0156%;
  padding: 55px 20px 50px 6.2514%;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (min-width: 1281px) {
  .businessBox {
    padding-right: 80px;
    padding-left: 80px;
  }
}

@media screen and (max-width: 980px) {
  .businessBox {
    width: 100%;
    padding: 59px 20px 74px;
  }
}

.businessBox:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-image: url(/styles/images/bg_top_outline.jpg);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  z-index: -1;
  transition: -webkit-transform .3s ease-in;
  transition: transform .3s ease-in;
  transition: transform .3s ease-in, -webkit-transform .3s ease-in;
}

@media screen and (max-width: 750px) {
  .businessBox:after {
    background-position: center bottom;
  }
}

.bgSelect-blue .businessBox:after {
  background-color: #00008B;
  background-image: none;
}

.bgSelect-yellow .businessBox:after {
  background-color: #ff0;
  background-image: none;
}

.bgSelect-black .businessBox:after {
  background-color: #000;
  background-image: none;
}

.businessBox:hover:after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.businessBox__title {
  margin: 0;
  padding: 0;
  color: #292929;
  font-size: 242.85714%;
  line-height: 130%;
  border: none;
}

@media screen and (max-width: 980px) {
  .businessBox__title {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .businessBox__title {
    font-size: 214.28571%;
    line-height: 120%;
  }
}

.businessBox__title:before {
  content: none;
}

.businessBox__title__sub {
  display: block;
  font-size: 52.94118%;
  line-height: 156%;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .businessBox__title__sub {
    margin-top: 7px;
    font-size: 53.33333%;
    line-height: 175%;
  }
}

.businessBox__link {
  display: flex;
  max-width: 500px;
  margin: 0 auto;
  flex-wrap: wrap;
}

* + .businessBox__link {
  margin-top: 30px;
}

@media screen and (max-width: 750px) {
  * + .businessBox__link {
    margin-top: 40px;
  }
}

.businessBox__link__item {
  width: 25%;
  min-width: 125px;
  margin-top: 0;
  padding: 3px 3px 2px 2px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .businessBox__link__item {
    width: 50%;
  }
}

.businessBox__link__item:before {
  content: none;
}

.businessBox__btn {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

@media screen and (max-width: 980px) {
  .businessBox__btn {
    max-width: 100%;
  }
}

* + .businessBox__btn {
  margin-top: 58px;
}

.businessBox__btn .moreLink a.btn {
  text-decoration: none;
}

.bgSelect-blue .businessBox__btn .moreLink a.btn {
  background: #fff;
}

.bgSelect-black .businessBox__btn .moreLink a.btn {
  background: #ff0;
}

.businessBox__btn .moreLink a.btn .btn__body {
  padding: 7px 28px 6px;
}

.forumBox {
  padding: 98px 0 96px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpi9LFTl7J18mJIy6tmwAeYQAoO79vGMGtSK16FLCDTQACmEJfJLCCCGMUsMAYhxSzIHHyKWdCtwKWYBZvDsSlmwRUc6IpZ8IUdsmKAAAMAuv4j6GxiF2IAAAAASUVORK5CYII=);
}

.bgSelect-blue .forumBox {
  background: #00008B;
}

.bgSelect-yellow .forumBox {
  background: #ff0;
}

.bgSelect-black .forumBox {
  background: #000;
}

@media screen and (max-width: 750px) {
  .forumBox {
    padding: 61px 20px 59px;
  }
}

.forumBox .topSection__body {
  position: relative;
  padding: 30px 31px 36px 36px;
  background: #fff;
}

.bgSelect-blue .forumBox .topSection__body {
  background: #00008B;
  box-shadow: 0 0 0 1px #ff0;
}

.bgSelect-yellow .forumBox .topSection__body {
  background: #ff0;
  box-shadow: 0 0 0 1px #000;
}

.bgSelect-black .forumBox .topSection__body {
  background: #000;
  box-shadow: 0 0 0 1px #ff0;
}

@media screen and (max-width: 750px) {
  .forumBox .topSection__body {
    padding: 36px 22px 47px;
  }
}

.forumBox .topSection__title {
  font-size: 171.42857%;
  line-height: 150%;
  font-weight: bold;
  padding-bottom: 6px;
}

@media screen and (max-width: 750px) {
  .forumBox .topSection__title {
    padding: 0 18px 17px;
    font-size: 185.71429%;
    line-height: 139%;
    font-weight: normal;
  }
}

.forumBox .moreLink {
  position: absolute;
  margin-top: 0;
  top: 33px;
  right: 43px;
}

@media screen and (max-width: 750px) {
  .forumBox .moreLink {
    position: relative;
    margin: 13px 0 0;
    top: auto;
    right: auto;
  }
}

@media screen and (max-width: 750px) {
  .forumBox .moreLink + .btnWrap {
    margin-top: 22px;
  }
}

.forumBox .topNewsList {
  margin-top: 25px;
}

@media screen and (max-width: 750px) {
  .forumBox .topNewsList {
    margin-top: 16px;
  }
}

@media screen and (max-width: 750px) {
  .forumBox * + .newsItem {
    margin-top: 10px;
  }
}

.forumBox .newsItem__data {
  position: relative;
  display: block;
  width: auto;
}

.forumBox .newsItem__data .newIcon {
  display: inline-block;
  padding: 0 3px;
  position: absolute;
  top: 4px;
  right: 1em;
  font-size: 71.42857%;
  line-height: 140%;
  background: #cf1225;
  color: #fff;
  border: 1px solid #cf1225;
  box-sizing: border-box;
  vertical-align: middle;
}

@media all and (-ms-high-contrast: none) {
  .forumBox .newsItem__data .newIcon {
    padding-top: 1px;
  }
}

@media screen and (max-width: 750px) {
  .forumBox .newsItem__data .newIcon {
    position: relative;
    top: -1px;
    right: auto;
    letter-spacing: normal;
  }
}

.bgSelect-blue .forumBox .newsItem__data .newIcon {
  color: #ff0;
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .forumBox .newsItem__data .newIcon {
  color: #000;
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .forumBox .newsItem__data .newIcon {
  color: #ff0;
  background: #000;
  border-color: #ff0;
}

.forumBox .newsItem__data__date {
  padding: 0 3.8em 0 0;
}

@media screen and (max-width: 750px) {
  .forumBox .newsItem__data__date {
    padding-right: 15px;
    white-space: nowrap;
  }
}

.forumBox .newsItem__title {
  display: block;
  width: auto;
}

.closeupBox {
  padding: 113px 20px 125px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF5JREFUeNp8zwEKgDAIBVD9W3aYTtEJuv9NyjZsEURspiAqPER5W5dJhLwwMz121FpOVVcws8iMtiBCAFLKMULLGOEpAcLb/SF8Bxeh2zkijKd1KLsfNkRCt1C6BBgA851Au3sw1IAAAAAASUVORK5CYII=);
  background-color: #4c3f28;
}

.bgSelect-blue .closeupBox {
  padding-top: 112px;
  background: #00008B;
  border-top: 1px solid #ff0;
}

.bgSelect-yellow .closeupBox {
  padding-top: 112px;
  background: #ff0;
}

.bgSelect-black .closeupBox {
  padding-top: 112px;
  background: #000;
}

@media screen and (max-width: 750px) {
  .closeupBox {
    padding: 72px 20px 65px;
  }
}

.closeupBox .topSection__title {
  padding-bottom: 13px;
  color: #fff;
  border-color: #fff;
}

@media screen and (max-width: 750px) {
  .closeupBox .topSection__title {
    padding: 0 18px 27px;
  }
}

.bgSelect-blue .closeupBox .topSection__title {
  color: #ff0;
  border-color: #ff0;
}

.bgSelect-yellow .closeupBox .topSection__title {
  color: #000;
  border-color: #000;
}

.bgSelect-black .closeupBox .topSection__title {
  color: #ff0;
  border-color: #ff0;
}

@media screen and (max-width: 750px) {
  .closeupBox .topSection__title--sub {
    margin-top: 9px;
  }
}

.closeupBox .grid {
  overflow: visible;
  margin-top: 41px;
}

@media screen and (max-width: 750px) {
  .closeupBox .grid {
    margin-top: 38px;
  }
}

.closeupBox .grid + .btnWrap {
  margin-top: 105px;
}

@media screen and (max-width: 750px) {
  .closeupBox .grid + .btnWrap {
    margin-top: 60px;
  }
}

.closeupBox .grid__body {
  margin: -40px -10px 0;
}

@media screen and (max-width: 750px) {
  .closeupBox .grid__body {
    margin-top: -38px;
  }
}

.closeupBox .grid__item {
  margin-top: 40px;
}

@media screen and (max-width: 750px) {
  .closeupBox .grid__item {
    text-align: center;
    margin-top: 38px;
  }
}

@media screen and (max-width: 750px) {
  .closeupBox .btn.is-bgRed {
    background: #292929;
  }
}

.closeupBox.topSection {
  margin-bottom: -61px;
}

@media screen and (max-width: 750px) {
  .closeupBox.topSection {
    margin-bottom: -47px;
  }
}

/*
closeupBox ver.Eng
--------------------------- */
html[lang="en"] .closeupBox .topSection__title {
  font-weight: bold;
}

html[lang="en"] .closeupBox .grid + .btnWrap {
  margin-top: 111px;
}

.membersearchBox {
  padding: 87px 20px 85px;
}

.bgSelect-blue .membersearchBox {
  padding-top: 86px;
  background: #00008B;
  border-top: 1px solid;
}

@media screen and (max-width: 750px) {
  .bgSelect-blue .membersearchBox {
    padding: 46px 20px;
  }
}

.bgSelect-yellow .membersearchBox {
  padding-top: 86px;
  background: #ff0;
  border-top: 1px solid;
}

@media screen and (max-width: 750px) {
  .bgSelect-yellow .membersearchBox {
    padding: 46px 20px;
  }
}

.bgSelect-black .membersearchBox {
  padding-top: 86px;
  background: #000;
  border-top: 1px solid;
}

@media screen and (max-width: 750px) {
  .bgSelect-black .membersearchBox {
    padding: 46px 20px;
  }
}

@media screen and (max-width: 750px) {
  .membersearchBox {
    padding: 46px 20px;
  }
}

.membersearchBox .topSection__title {
  padding-bottom: 13px;
}

@media screen and (max-width: 750px) {
  .membersearchBox .topSection__title {
    padding-bottom: 10px;
    text-align: left;
  }
}

.membersearchBox .btn-round .btn__body {
  font-size: 114.28571%;
  line-height: 175%;
}

@media screen and (max-width: 750px) {
  .membersearchBox .btn-round .btn__body {
    font-size: 100%;
    line-height: 172%;
  }
}

/*
membersearchBox ver.Eng
--------------------------- */
html[lang="en"] .membersearchBox {
  padding-top: 91px;
}

@media screen and (max-width: 750px) {
  html[lang="en"] .membersearchBox {
    padding-top: 46px;
  }
}

html[lang="en"] .membersearchBox .topSection__title {
  font-weight: 800;
}

html[lang="en"] .searchform {
  box-sizing: border-box;
  margin-left: 0;
  padding-right: 44px;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .searchform {
    padding-right: 0;
  }
}

html[lang="en"] .searchform__title {
  width: 50%;
  box-sizing: border-box;
  font-family: 'Open Sans', Verdana, 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-weight: normal;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .searchform__title {
    width: 100%;
  }
}

html[lang="en"] .membersearchBox .btn-round .btn__body {
  min-width: 228px;
}

.topInfo {
  margin: -108px auto 0;
  padding: 0 20px 82px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpi9LFTl7J18mJIy6tmwAeYQAoO79vGMGtSK16FLCDTQACmEJfJLCCCGMUsMAYhxSzIHHyKWdCtwKWYBZvDsSlmwRUc6IpZ8IUdsmKAAAMAuv4j6GxiF2IAAAAASUVORK5CYII=);
}

.bgSelect-blue .topInfo {
  background: #00008B;
}

.bgSelect-yellow .topInfo {
  background: #ff0;
}

.bgSelect-black .topInfo {
  background: #000;
}

@media screen and (max-width: 750px) {
  .topInfo {
    margin-top: 0;
    padding: 20px;
  }
}

.topInfo__content {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 29px 52px 37px;
  border-top: 6px solid #cf1225;
  background: #fff;
  box-sizing: border-box;
  z-index: 1;
}

.bgSelect-blue .topInfo__content {
  background: #00008B;
  border-color: #00008B;
}

.bgSelect-yellow .topInfo__content {
  background: #ff0;
  border-color: #ff0;
}

.bgSelect-black .topInfo__content {
  background: #000;
  border-color: #000;
}

@media screen and (max-width: 750px) {
  .topInfo__content {
    padding: 20px;
  }
}

.topInfo__title {
  margin: 5px 0 11px;
  padding: 0;
  font-weight: bold;
  font-size: 150%;
  line-height: 148%;
  border: none;
  color: #cf1225;
  letter-spacing: calc(1.5em / 21);
}

.topInfo__title:before {
  content: none;
}

.topInfo__body {
  margin-top: 0;
  font-size: 100%;
  line-height: 172%;
  color: #4c3e27;
}

.topInfo__body a:after {
  content: none;
}

.topInfo__body .newsItem + .newsItem {
  margin-top: 18px;
}

.topInfo + .topSection {
  padding-top: 97px;
}

@media screen and (max-width: 750px) {
  .topInfo + .topSection {
    padding-top: 25px;
  }
}

/*
topInfo ver.Eng
--------------------------- */
html[lang="en"] .topInfo__title {
  font-size: 164.28571%;
  line-height: 135%;
  font-weight: normal;
}

/* ***************************
emergencySection
*************************** */
.emergencySection {
  margin-top: 0;
  padding: 14px 20px;
  background-color: #f0d967;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .emergencySection {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.bgSelect-blue .emergencySection {
  background-color: #00008B;
  border-top: 1px solid #ff0;
  border-bottom: 1px solid #ff0;
}

.bgSelect-yellow .emergencySection {
  background-color: #ff0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.bgSelect-black .emergencySection {
  background-color: #000;
  border-top: 1px solid #ff0;
  border-bottom: 1px solid #ff0;
}

.emergencySection__body {
  position: relative;
  max-width: 1000px;
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
}

/* ***************************
missionSection
*************************** */
.missionSection {
  padding: 100px 20px 120px;
  background-color: #fff;
}

@media screen and (max-width: 750px) {
  .missionSection {
    padding-top: 50px;
    padding-bottom: 60px;
  }
}

.missionSection__body {
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}

.missionSection__message {
  text-align: center;
}

@media screen and (max-width: 750px) {
  .missionSection__message {
    max-width: 70%;
    min-width: 280px;
    margin: auto;
  }
}

/* ***************************
aboutSection
*************************** */
.aboutSection {
  padding: 95px 20px;
  color: #4d3d27;
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpi9LFTl7J18mJIy6tmwAeYQAoO79vGMGtSK16FLCDTQACmEJfJLCCCGMUsMAYhxSzIHHyKWdCtwKWYBZvDsSlmwRUc6IpZ8IUdsmKAAAMAuv4j6GxiF2IAAAAASUVORK5CYII=);
  font-family: 'Open Sans', Verdana, 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size: 128.57143%;
  line-height: 167%;
}

@media screen and (max-width: 750px) {
  .aboutSection {
    padding-top: 45px;
    padding-bottom: 45px;
    font-size: 114.28571%;
    line-height: 188%;
  }
}

.bgSelect-blue .aboutSection {
  color: #ff0;
  background-color: #00008B;
  background-image: none;
  border-top: 1px solid #ff0;
}

.bgSelect-yellow .aboutSection {
  color: #000;
  background-color: #ff0;
  background-image: none;
  border-top: 1px solid #000;
}

.bgSelect-black .aboutSection {
  color: #ff0;
  background-color: #000;
  border-top: 1px solid #ff0;
  background-image: none;
}

.aboutSection h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  color: #4d3d27;
  font-family: "Nunito Sans", Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 133.33333%;
  line-height: 134%;
  font-weight: 800;
}

@media screen and (max-width: 750px) {
  .aboutSection h3 {
    font-size: 137.5%;
    line-height: 137%;
  }
}

.bgSelect-blue .aboutSection h3 {
  color: #ff0;
}

.bgSelect-yellow .aboutSection h3 {
  color: #000;
}

.bgSelect-black .aboutSection h3 {
  color: #ff0;
}

.aboutSection h3:before,
.aboutSection h3:after {
  content: none;
}

.aboutSection * + h3 {
  margin-top: 50px;
}

.aboutSection h3 + * {
  margin-top: 24px;
}

.aboutSection__body {
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}

.aboutSection__title {
  margin: 0;
  padding: 0;
  color: #cf1225;
  font-family: "Nunito Sans", Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 200%;
  line-height: 112%;
  font-weight: 800;
  border: none;
}

@media screen and (max-width: 750px) {
  .aboutSection__title {
    font-size: 187.5%;
    line-height: 134%;
  }
}

.aboutSection__title:before {
  content: none;
}

.aboutSection__title + * {
  margin-top: 30px;
}

/* ***************************
mapSection
*************************** */
.mapSection {
  padding: 55px 20px 80px;
  background-color: #efeeea;
}

.bgSelect-blue .mapSection {
  background-color: #00008B;
  border-top: 1px solid #ff0;
}

.bgSelect-yellow .mapSection {
  background-color: #ff0;
  border-top: 1px solid #000;
}

.bgSelect-black .mapSection {
  background-color: #000;
  border-top: 1px solid #ff0;
}

* + .mapSection {
  margin-top: 60px;
}

.mapSection__body {
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}

.mapSection__title {
  margin: 0;
  padding-bottom: 10px;
  font-family: "Nunito Sans", Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 242.85714%;
  line-height: 118%;
  font-weight: 800;
  color: #4c3f28;
  border-bottom: 2px solid #4c3f28;
}

@media screen and (max-width: 980px) {
  .mapSection__title {
    padding-left: 0;
    font-size: 185.71429%;
    line-height: 116%;
    letter-spacing: normal;
  }
}

.bgSelect-blue .mapSection__title {
  color: #ff0;
  border-color: #ff0;
}

.bgSelect-yellow .mapSection__title {
  color: #000;
  border-color: #000;
}

.bgSelect-black .mapSection__title {
  color: #ff0;
  border-color: #ff0;
}

.mapSection__title:before {
  content: none;
}

.mapSection__title + * {
  margin-top: 34px;
}

.mapSection__text {
  font-size: 114.28571%;
  line-height: 163%;
}

.mapSection__map {
  position: relative;
  padding-top: 60%;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .mapSection__map {
    padding-top: 100%;
  }
}

.mapSection__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

* + .mapSection__map {
  margin-top: 35px;
}

/* ***************************
topBanner
*************************** */
.topBanner {
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
}

* + .topBanner {
  margin-top: 60px;
}

.topBanner__body {
  display: block;
  text-align: center;
}

.topBanner__body:hover {
  opacity: .85;
}

.topBanner__body img {
  width: 100%;
  height: auto;
}

/* ***************************
returnTop
*************************** */
.returnTop {
  position: fixed;
  right: 43px;
  bottom: 21px;
  z-index: 5;
}

@media screen and (max-width: 750px) {
  .returnTop {
    right: 10px;
  }
}

.returnTop__body__link {
  display: block;
}

.returnTop__body__link:before {
  content: '';
  display: block;
  width: 46px;
  height: 46px;
  background: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}

.bgSelect-blue .returnTop__body__link:before {
  background: #00008B;
  border: 1px solid #ff0;
}

.bgSelect-yellow .returnTop__body__link:before {
  background: #ff0;
  border: 1px solid #000;
}

.bgSelect-black .returnTop__body__link:before {
  background: #000;
  border: 1px solid #ff0;
}

.returnTop__body__link:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  bottom: 13px;
  right: 17px;
}

.bgSelect-blue .returnTop__body__link:after {
  border-color: #ff0;
}

.bgSelect-yellow .returnTop__body__link:after {
  border-color: #000;
}

.bgSelect-black .returnTop__body__link:after {
  border-color: #ff0;
}

/* ***************************
footer
*************************** */
.footer {
  position: relative;
  background-color: #4c3f28;
  color: #fff;
}

.bgSelect-blue .footer {
  background: #00008B;
}

@media screen and (max-width: 980px) {
  .bgSelect-blue .footer {
    border-top: 1px solid #ff0;
  }
}

.bgSelect-yellow .footer {
  background: #ff0;
}

@media screen and (max-width: 980px) {
  .bgSelect-yellow .footer {
    border-top: 1px solid #000;
  }
}

.bgSelect-black .footer {
  background: #000;
}

@media screen and (max-width: 980px) {
  .bgSelect-black .footer {
    border-top: 1px solid #ff0;
  }
}

@media screen and (max-width: 980px) {
  .footer {
    border-top: 1px solid #fff;
  }
}

.footer__body {
  max-width: 1000px;
  margin: 0 auto;
  padding: 47px 20px 20px;
}

@media screen and (max-width: 980px) {
  .footer__body {
    padding: 0 20px 27px;
  }
}

@media screen and (max-width: 980px) {
  .footer__body__top {
    margin: 0 -20px;
  }
}

.fSiteMap {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

@media screen and (max-width: 980px) {
  .fSiteMap {
    display: block;
    text-align: center;
  }
}

.fSiteMap__list {
  display: block;
  margin-top: 0;
  padding: 0 37px;
  box-sizing: border-box;
}

@media screen and (max-width: 980px) {
  .fSiteMap__list {
    padding: 0;
  }
}

.fSiteMap__list__item {
  font-weight: bold;
}

@media screen and (max-width: 980px) {
  .fSiteMap__list__item {
    padding-left: 0;
  }
}

.fSiteMap__list__item:before {
  content: none;
}

.fSiteMap__list__item + .fSiteMap__list__item {
  margin-top: 10px;
}

@media screen and (max-width: 980px) {
  .fSiteMap__list__item + .fSiteMap__list__item {
    margin-top: 0;
  }
}

.bgSelect-blue .fSiteMap__list__item > a {
  color: #ff0;
}

.bgSelect-yellow .fSiteMap__list__item > a {
  color: #000;
}

.bgSelect-black .fSiteMap__list__item > a {
  color: #ff0;
}

.bgSelect-blue .fSiteMap__list__item > a:hover {
  color: #ff0;
  opacity: .85;
}

.bgSelect-yellow .fSiteMap__list__item > a:hover {
  color: #000;
  opacity: .85;
}

.bgSelect-black .fSiteMap__list__item > a:hover {
  color: #ff0;
  opacity: .85;
}

.fSiteMap__list__item a {
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 980px) {
  .fSiteMap__list__item a {
    display: block;
    padding: 12px 0 11px;
    border-bottom: 1px solid #6f6351;
  }
}

@media screen and (max-width: 980px) {
  .bgSelect-blue .fSiteMap__list__item a {
    border-bottom: 1px solid #ff0;
    color: #ff0;
  }
}

@media screen and (max-width: 980px) {
  .bgSelect-yellow .fSiteMap__list__item a {
    border-bottom: 1px solid #000;
    color: #000;
  }
}

@media screen and (max-width: 980px) {
  .bgSelect-black .fSiteMap__list__item a {
    border-bottom: 1px solid #ff0;
    color: #ff0;
  }
}

.fSiteMap__list__item a:after {
  content: none;
}

.fSiteMap__list__item a:hover {
  color: #fff;
}

.bgSelect-blue .fSiteMap__head {
  color: #ff0;
}

@media screen and (max-width: 980px) {
  .bgSelect-blue .fSiteMap__head {
    border-bottom: 1px solid #ff0;
  }
}

.bgSelect-yellow .fSiteMap__head {
  color: #000;
}

@media screen and (max-width: 980px) {
  .bgSelect-yellow .fSiteMap__head {
    border-bottom: 1px solid #000;
  }
}

.bgSelect-black .fSiteMap__head {
  color: #ff0;
}

@media screen and (max-width: 980px) {
  .bgSelect-black .fSiteMap__head {
    border-bottom: 1px solid #ff0;
  }
}

@media screen and (max-width: 980px) {
  .fSiteMap__head {
    position: relative;
    display: block;
    padding: 12px 0 11px;
    border-bottom: 1px solid #6f6351;
  }
}

@media screen and (max-width: 980px) {
  .fSiteMap__head.is-open {
    background: #cf1225;
    border-color: #cf1225;
  }
}

@media screen and (max-width: 980px) {
  .fSiteMap__head:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    margin: auto;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    right: 25px;
    bottom: 0;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .bgSelect-yellow .fSiteMap__head:before {
    border-color: #000;
  }
  .bgSelect-black .fSiteMap__head:before {
    border-color: #ff0;
  }
}

.fSiteMap__head.is-open:before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.bgSelect-blue .fSiteMap__head.is-open {
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .fSiteMap__head.is-open {
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .fSiteMap__head.is-open {
  background: #000;
  border-color: #ff0;
}

.fSiteMapSub {
  margin-top: 10px;
}

@media screen and (max-width: 980px) {
  .fSiteMapSub {
    display: none;
    margin-top: 0;
  }
}

@media screen and (max-width: 980px) {
  .fSiteMapSub.is-open .fSiteMapSub__item a {
    background: #292929;
  }
}

@media screen and (max-width: 980px) {
  .bgSelect-blue .fSiteMapSub.is-open .fSiteMapSub__item a {
    background: #00008B;
  }
}

@media screen and (max-width: 980px) {
  .bgSelect-yellow .fSiteMapSub.is-open .fSiteMapSub__item a {
    background: #ff0;
  }
}

@media screen and (max-width: 980px) {
  .bgSelect-black .fSiteMapSub.is-open .fSiteMapSub__item a {
    background: #000;
  }
}

.fSiteMapSub__item {
  position: relative;
  padding-left: 0;
  overflow: hidden;
}

.fSiteMapSub__item:before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 1px;
  background: #6e6250;
  vertical-align: middle;
  border: none;
  border-radius: 0;
  position: absolute;
  top: 11px;
  left: 0;
}

.bgSelect-blue .fSiteMapSub__item:before {
  background-color: #fff;
}

.bgSelect-yellow .fSiteMapSub__item:before {
  background-color: #00008B;
}

.bgSelect-black .fSiteMapSub__item:before {
  background-color: #fff;
}

@media screen and (max-width: 980px) {
  .fSiteMapSub__item:before {
    content: none;
  }
}

.fSiteMapSub__item + .fSiteMapSub__item {
  margin-top: 3px;
}

@media screen and (max-width: 980px) {
  .fSiteMapSub__item + .fSiteMapSub__item {
    margin-top: 0;
  }
}

.fSiteMapSub__item a {
  padding-left: 16px;
  font-weight: normal;
  display: inline-block;
  font-size: 85.71429%;
  line-height: 167%;
}

.bgSelect-blue .fSiteMapSub__item a {
  color: #fff;
}

.bgSelect-yellow .fSiteMapSub__item a {
  color: #00008B;
}

.bgSelect-black .fSiteMapSub__item a {
  color: #fff;
}

@media screen and (max-width: 980px) {
  .fSiteMapSub__item a {
    display: block;
    padding-left: 0;
  }
}

.fSiteMapSub__item a:hover {
  text-decoration: none;
}

.spSiteMap {
  display: none;
}

@media screen and (max-width: 980px) {
  .spSiteMap {
    display: block;
    margin-bottom: 0;
  }
}

.spSiteMap + .fSiteMap__list__item {
  margin-top: 0;
}

.fNavi {
  margin-top: 45px;
}

@media screen and (max-width: 980px) {
  .fNavi {
    margin-top: 36px;
    text-align: center;
  }
}

.fNavi:before {
  content: none;
}

.fNavi__list {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 980px) {
  .fNavi__list {
    display: inline-block;
    text-align: left;
  }
}

@media screen and (max-width: 980px) {
  .fNavi__list__item {
    padding-left: 10px;
  }
}

@media screen and (max-width: 750px) {
  .fNavi__list__item {
    padding-left: 4px;
  }
}

.fNavi__list__item + .fNavi__list__item {
  margin-top: 0;
  margin-left: 30px;
}

@media screen and (max-width: 980px) {
  .fNavi__list__item + .fNavi__list__item {
    margin-top: 2px;
    margin-left: 0;
  }
}

.fNavi__list__item:before {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #fff;
  border-radius: 0;
}

.bgSelect-blue .fNavi__list__item:before {
  border-color: transparent transparent transparent #fff;
}

.bgSelect-yellow .fNavi__list__item:before {
  border-color: transparent transparent transparent #00008B;
}

.bgSelect-black .fNavi__list__item:before {
  border-color: transparent transparent transparent #ff0;
}

@media screen and (max-width: 750px) {
  .fNavi__list__item:before {
    left: -4px;
    border-width: 3px 0 3px 4px;
  }
}

.fNavi__list__item a {
  color: #fff;
  text-decoration: none;
  font-size: 85.71429%;
  line-height: 167%;
}

.bgSelect-blue .fNavi__list__item a {
  color: #fff;
}

.bgSelect-yellow .fNavi__list__item a {
  color: #00008B;
}

.bgSelect-black .fNavi__list__item a {
  color: #ff0;
}

.fNavi__list__item a:after {
  content: none;
}

.footer__body__bottom {
  margin-top: 40px;
}

@media screen and (max-width: 750px) {
  .footer__body__bottom {
    margin-top: 45px;
  }
}

.flogo {
  text-align: center;
}

.flogo a {
  display: inline-block;
}

@media screen and (max-width: 980px) {
  .flogo a {
    background: url(/styles/images/footer_logo__sp.svg) no-repeat;
    width: 231px;
    height: 75px;
    margin: 0 auto;
  }
}

.flogo a:after {
  content: none;
}

.flogo img + img {
  padding-left: 18px;
}

@media screen and (max-width: 980px) {
  .flogo img {
    display: none;
  }
}

/* copyright */
.copyright {
  margin-top: 42px;
  text-align: center;
  font-size: 85.71429%;
  line-height: 175%;
}

.bgSelect-blue .copyright {
  color: #fff;
}

.bgSelect-yellow .copyright {
  color: #000;
}

.bgSelect-black .copyright {
  color: #ff0;
}

@media screen and (max-width: 980px) {
  .copyright {
    margin-top: 30px;
    font-size: 85.71429%;
    line-height: 125%;
  }
}

/*
footer ver.Eng
--------------------------- */
html[lang="en"] .flogo a {
  display: inline-block;
  text-decoration: none;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .flogo a {
    width: auto;
    height: auto;
    background-image: none;
    text-align: center;
  }
}

@media screen and (max-width: 980px) {
  html[lang="en"] .flogo img {
    display: inline-block;
  }
}

@media screen and (max-width: 980px) {
  html[lang="en"] .flogo img + img {
    padding-left: 0;
  }
}

html[lang="en"] .flogo svg {
  max-width: 100%;
  color: #fff;
  fill: #fff;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .flogo svg {
    display: block;
    margin: 0 auto;
  }
}

html[lang="en"] .flogo svg + svg {
  margin-bottom: -5px;
  margin-left: -2px;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .flogo svg + svg {
    margin: 9px auto 0;
  }
}

html[lang="en"] .bgSelect-blue .flogo svg {
  fill: #fff;
}

html[lang="en"] .bgSelect-yellow .flogo svg {
  fill: #000;
  color: #000;
}

html[lang="en"] .bgSelect-black .flogo svg {
  fill: #fff;
}

html[lang="en"] .fSiteMap__list {
  display: flex;
  width: 100%;
  padding: 0 48px;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .fSiteMap__list {
    display: block;
    padding: 0;
  }
}

html[lang="en"] .fSiteMap__list__item {
  margin-top: 0;
  padding-left: 0;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .fSiteMap__list__item {
    width: 100%;
  }
}

html[lang="en"] .fSiteMap__list__item:nth-child(2),
html[lang="en"] .fSiteMap__list__item:nth-child(3),
html[lang="en"] .fSiteMap__list__item:nth-child(4) {
  width: 27.5%;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .fSiteMap__list__item:nth-child(2),
  html[lang="en"] .fSiteMap__list__item:nth-child(3),
  html[lang="en"] .fSiteMap__list__item:nth-child(4) {
    width: 100%;
  }
}

@media screen and (min-width: 981px) {
  html[lang="en"] .fNavi {
    margin-top: 55px;
  }
}

/* ***************************
position
*************************** */
.relative {
  position: relative;
}

/* ***************************
sp
*************************** */
.sp-inline {
  display: none;
}

.tab-inline {
  display: none;
}

@media screen and (max-width: 900px) {
  .tab-inline {
    display: inline;
  }
}

@media screen and (max-width: 980px) {
  .sp-inline {
    display: inline;
  }
}

/* ***************************
grid
*************************** */
.grid {
  margin-top: 35px;
  overflow: hidden;
}

@media only screen and (max-width: 750px) {
  .grid {
    overflow: visible;
  }
}

.grid__body {
  display: flex;
  flex-wrap: wrap;
  margin: -28px -15px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .grid__body {
    margin: -15px 0 0;
  }
}

.grid__item {
  margin-top: 28px;
  padding: 0 15px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .grid__item {
    margin-top: 15px;
    padding: 0;
  }
}

.grid__item h1, .grid__item h2, .grid__item h3, .grid__item h4, .grid__item h5, .grid__item h6 {
  margin-top: 0;
}

.grid__item img {
  max-width: 100%;
  height: auto;
}

.width1 {
  width: 8.33333333333%;
}

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

.width2 {
  width: 16.6666666667%;
}

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

.width3 {
  width: 25.0%;
}

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

.width4 {
  width: 33.3333333333%;
}

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

.width5 {
  width: 41.6666666667%;
}

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

.width6 {
  width: 50.0%;
}

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

.width7 {
  width: 58.3333333333%;
}

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

.width8 {
  width: 66.6666666667%;
}

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

.width9 {
  width: 75.0%;
}

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

.width10 {
  width: 83.3333333333%;
}

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

.width11 {
  width: 91.6666666667%;
}

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

.width12 {
  width: 100%;
}

@media only screen and (max-width: 750px) {
  table .width1 {
    width: 8.33333333333%;
  }
  table .width2 {
    width: 16.6666666667%;
  }
  table .width3 {
    width: 25.0%;
  }
  table .width4 {
    width: 33.3333333333%;
  }
  table .width5 {
    width: 41.6666666667%;
  }
  table .width6 {
    width: 50.0%;
  }
  table .width7 {
    width: 58.3333333333%;
  }
  table .width8 {
    width: 66.6666666667%;
  }
  table .width9 {
    width: 75.0%;
  }
  table .width10 {
    width: 83.3333333333%;
  }
  table .width11 {
    width: 91.6666666667%;
  }
  table .width12 {
    width: 100%;
  }
}

/*
row
----------------------------- */
/* ***************************
pageLead
*************************** */
.pageLead {
  position: relative;
}

.pageLead + * {
  margin-top: 97px;
}

@media screen and (max-width: 750px) {
  .pageLead + * {
    margin-top: 50px;
  }
}

.pageLead--president {
  position: relative;
  margin: 46px 0 60px;
}

@media screen and (max-width: 980px) {
  .pageLead--president {
    margin: 20px 0 30px;
  }
}

.pageLead--identity {
  margin-top: 54px;
}

@media screen and (max-width: 750px) {
  .pageLead--identity {
    margin: 21px -20px 0;
  }
}

.pageLead--identity .pageLead__image {
  position: relative;
  min-height: 175px;
  padding-top: 20.8333%;
  box-sizing: border-box;
  overflow: hidden;
}

.pageLead--identity .pageLead__image img {
  position: absolute;
  height: 175px;
  min-height: 175px;
  box-sizing: border-box;
  top: 0;
}

.identityImg {
  margin-top: 88px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .identityImg {
    margin-top: 56px;
  }
}

.pageLead__image {
  position: relative;
}

.pageLead__copy {
  position: absolute;
  margin-top: 0;
  top: 15.238%;
  left: -13px;
}

.pageLead__copy__text {
  display: inline-block;
  padding: 7px 22px 6px 40px;
  font-size: 200%;
  line-height: 129%;
  font-weight: bold;
  color: #fff;
  background: #4c3e27;
  letter-spacing: 3.7px;
}

.bgSelect-blue .pageLead__copy__text {
  background: #00008B;
  color: #ff0;
}

.bgSelect-yellow .pageLead__copy__text {
  background: #ff0;
  color: #000;
}

.bgSelect-black .pageLead__copy__text {
  background: #000;
  color: #ff0;
}

@media screen and (max-width: 980px) {
  .pageLead__copy__text {
    padding: 10px 20px 10px 30px;
    font-size: 128.57143%;
    line-height: 134%;
  }
}

@media screen and (max-width: 450px) {
  .pageLead__copy__text {
    padding: 5px 15px 5px 15px;
    letter-spacing: normal;
    font-size: 100%;
    line-height: 158%;
  }
}

* + .pageLead__copy__text {
  padding-right: 36px;
  margin-top: 10px;
}

@media screen and (max-width: 980px) {
  * + .pageLead__copy__text {
    padding-right: 10px;
    padding-left: 0;
    margin-top: 0;
  }
}

/* ***************************
btn
*************************** */
.btnWrap + .btnWrap {
  margin-top: 10px;
}

.btn {
  display: inline-block;
  background-color: #292929;
  color: #fff;
  text-decoration: none;
  vertical-align: top;
  border-radius: 3px;
}

.btn.is-bgRed {
  background-color: #cf1225;
}

.bgSelect-blue .btn.is-bgRed {
  background: #fff;
}

.bgSelect-yellow .btn.is-bgRed {
  background: #000;
}

.bgSelect-black .btn.is-bgRed {
  background: #ff0;
}

.btn.is-bgRed:hover {
  background: #cf1225;
  opacity: 1;
}

.btn.is-bgRed:hover {
  opacity: .85;
}

.btn.is-bgBrown {
  background-color: #4c3e27;
}

.bgSelect-blue .btn.is-bgBrown {
  background: #fff;
}

.bgSelect-yellow .btn.is-bgBrown {
  background: #000;
}

.bgSelect-black .btn.is-bgBrown {
  background: #ff0;
}

.btn.is-bgBrown:hover {
  background: #cf1225;
  opacity: 1;
}

.btn:hover, .btn:visited {
  color: #fff;
}

.btn:hover {
  color: #fff;
  text-decoration: none;
}

.btn:after {
  content: none;
}

.bgSelect-blue .btn.is-bgBrown:hover, .bgSelect-blue .btn.is-bgRed:hover {
  background: #fff;
  opacity: .85;
}

.bgSelect-yellow .btn.is-bgBrown:hover, .bgSelect-yellow .btn.is-bgRed:hover {
  background: #000;
  opacity: .85;
}

.bgSelect-black .btn.is-bgBrown:hover, .bgSelect-black .btn.is-bgRed:hover {
  background: #ff0;
  opacity: .85;
}

.btn.is-loading {
  visibility: hidden;
}

.btn__body {
  display: table-cell;
  min-width: 168px;
  text-align: center;
  vertical-align: middle;
}

.bgSelect-blue .btn__body {
  color: #00008B;
}

.bgSelect-yellow .btn__body {
  color: #ff0;
}

.bgSelect-black .btn__body {
  color: #000;
}

.btn.btn-round {
  border-radius: 35px;
}

.btn-round .btn__body {
  padding: 7px 61px 6px;
  position: relative;
  font-weight: bold;
  font-size: 114.28571%;
  line-height: 175%;
}

.btn-round .btn__body:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
}

.bgSelect-blue .btn-round .btn__body:after {
  border-color: #00008B;
}

.bgSelect-yellow .btn-round .btn__body:after {
  border-color: #ff0;
}

.bgSelect-black .btn-round .btn__body:after {
  border-color: #000;
}

@media screen and (max-width: 750px) {
  .btn-round .btn__body {
    padding: 8px 30px 9px;
    font-size: 100%;
    line-height: 172%;
  }
}

.btn-small {
  background: #ececec;
  color: #5e5e5e;
  border: 1px solid #4c3f28;
  border-radius: 30px;
}

.btn-small .btn__body {
  min-width: auto;
  padding: 3px 15px;
  font-weight: bold;
  font-size: 100%;
  line-height: 172%;
}

.btn-small .btn__body:after {
  content: none;
}

.bgSelect-blue .btn-small .btn__body {
  color: #fff;
}

.bgSelect-yellow .btn-small .btn__body {
  color: #000;
}

.bgSelect-black .btn-small .btn__body {
  color: #ff0;
}

.btn-small:hover {
  background: #eee;
  color: #5e5e5e;
}

.bgSelect-blue .btn-small {
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .btn-small {
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .btn-small {
  background: #000;
  border-color: #ff0;
}

.btn-more {
  background-color: #4c3f28;
  border-radius: 50px;
}

.bgSelect-blue .btn-more {
  background-color: #fff;
}

.bgSelect-yellow .btn-more {
  background-color: #000;
}

.bgSelect-black .btn-more {
  background-color: #ff0;
}

.btn-more .btn__body {
  position: relative;
  min-width: 138px;
  padding: 13px 45px;
  font-weight: bold;
  font-size: 100%;
  line-height: 138%;
}

.btn-more .btn__body:before {
  right: 30px;
  width: 14px;
  height: 2px;
}

.btn-more .btn__body:after {
  right: 36px;
  width: 2px;
  height: 14px;
}

.btn-more .btn__body:before, .btn-more .btn__body:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #fff;
  content: '';
}

.bgSelect-blue .btn-more .btn__body:before, .bgSelect-blue .btn-more .btn__body:after {
  background-color: #00008B;
}

.bgSelect-yellow .btn-more .btn__body:before, .bgSelect-yellow .btn-more .btn__body:after {
  background-color: #ff0;
}

.bgSelect-black .btn-more .btn__body:before, .bgSelect-black .btn-more .btn__body:after {
  background-color: #000;
}

.btnLink {
  width: 100%;
}

.btnLink a {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 14px 50px 13px 24px;
  color: #4c3e27;
  text-decoration: underline;
  box-sizing: border-box;
  text-align: left;
  background: #efeeec;
  font-size: 114.28571%;
  line-height: 157%;
}

.btnLink a:hover {
  opacity: .85;
}

.btnLink a:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 2px solid #4c3f28;
  border-right: 2px solid #4c3f28;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
}

.btnLink a[href^="http"]:not([href*="www.tcvb.or.jp"]):after {
  border: none;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.bgSelect-blue .btnLink a, .bgSelect-blue .btnLink.bg-yellow a {
  color: #fff;
  border: 1px solid #ff0;
  background: #00008B;
}

.bgSelect-blue .btnLink a:after, .bgSelect-blue .btnLink.bg-yellow a:after {
  border-color: #fff;
}

.bgSelect-yellow .btnLink a, .bgSelect-yellow .btnLink.bg-yellow a {
  color: #00008B;
  background: #ff0;
  border: 1px solid #000;
}

.bgSelect-yellow .btnLink a:after, .bgSelect-yellow .btnLink.bg-yellow a:after {
  border-color: #000;
}

.bgSelect-black .btnLink a, .bgSelect-black .btnLink.bg-yellow a {
  color: #fff;
  background: #000;
  border: 1px solid #ff0;
}

.bgSelect-black .btnLink a:after, .bgSelect-black .btnLink.bg-yellow a:after {
  border-color: #fff;
}

.btnLink.bg-yellow a {
  color: #4c3e27;
  background: #fff2cc;
}

.btnLink.bg-yellow a:hover {
  opacity: .85;
}

.btnLink.bg-yellow:after {
  border-color: #4c3e27;
}

.btnLink + .btnLink {
  margin-top: 10px;
}

/* ***************************
icon
*************************** */
.icon-arrow {
  position: relative;
}

.icon-arrow:after {
  content: "\e900";
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  margin-left: 5px;
  text-decoration: underline;
}

.icon-arrow:after, .icon-arrow:hover:after {
  text-decoration: none;
}

/* ***************************
text
*************************** */
/* headdings */
/* font weight */
.fw-normal {
  font-weight: normal;
}

.fw-bold {
  font-weight: bold;
}

/* align */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* text size */
.text-small {
  font-size: 100%;
  line-height: 186%;
}

.text-xsmall {
  font-size: 72%;
  line-height: 200%;
}

.text-large {
  font-size: 142.85714%;
  line-height: 150%;
}

.text-xlarge {
  font-size: 200%;
  line-height: 143%;
}

/* caption */
.caption {
  font-size: 92.85714%;
  line-height: 139%;
  color: #626262;
}

@media screen and (max-width: 980px) {
  .caption {
    font-size: 71.42857%;
    line-height: 120%;
  }
}

/* caution */
/* color */
.color-green {
  color: #0a822b;
}

.color-red {
  color: #d22171;
}

.color-blue {
  color: #0a60a9;
}

/* indent */
.left-indent {
  padding-left: 1.64285em;
}

/* ***************************
iframe
*************************** */
.iframeWrap {
  position: relative;
  padding-top: 62.5%;
  height: 0;
  margin-top: 18px;
}

@media screen and (max-width: 750px) {
  .iframeWrap {
    margin-bottom: 30px;
  }
}

.iframeWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.mapWrap {
  position: relative;
  padding-top: 62.5%;
  height: 0;
  margin-top: 18px;
  box-sizing: border-box;
  min-width: 280px;
  min-height: 200px;
}

.mapWrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* ***************************
video
*************************** */
.videoWrap {
  margin-top: 28px;
}

.videoWrap video {
  max-width: 100%;
  height: auto;
}

/* ***************************
rt-table
*************************** */
/* ***************************
form
*************************** */
#contactform {
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid #4c3f28;
}

.bgSelect-blue #contactform {
  border-color: #ff0;
}

.bgSelect-yellow #contactform {
  border-color: #000;
}

.bgSelect-black #contactform {
  border-color: #ff0;
}

@media screen and (max-width: 750px) {
  #contactform {
    margin-top: 20px;
  }
}

#contactform.contactform-confirm {
  border: none;
}

h1 + #contactform, h2 + #contactform, h3 + #contactform, h4 + #contactform, h5 + #contactform, h6 + #contactform {
  margin-top: 0;
  padding-top: 0;
  border: none;
}

.contact-form-field + .contact-form-field {
  margin-top: 20px;
}

@media screen and (max-width: 750px) {
  .contact-form-field + .contact-form-field {
    margin-top: 12px;
  }
}

.contactform-confirm .contact-form-field {
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 10px;
  border-bottom: 1px solid #4c3f28;
}

.bgSelect-blue .contactform-confirm .contact-form-field {
  border-color: #ff0;
}

.bgSelect-yellow .contactform-confirm .contact-form-field {
  border-color: #000;
}

.bgSelect-black .contactform-confirm .contact-form-field {
  border-color: #ff0;
}

@media screen and (max-width: 750px) {
  .contactform-confirm .contact-form-field {
    padding: 10px;
  }
}

.contactform-confirm .contact-form-field:first-child {
  border-top: 1px solid #4c3f28;
}

.bgSelect-blue .contactform-confirm .contact-form-field:first-child {
  border-color: #ff0;
}

.bgSelect-yellow .contactform-confirm .contact-form-field:first-child {
  border-color: #000;
}

.bgSelect-black .contactform-confirm .contact-form-field:first-child {
  border-color: #ff0;
}

.contactform-confirm .form-label {
  width: 35%;
  padding-right: 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .contactform-confirm .form-label {
    width: 100%;
    padding-right: 0;
  }
}

.contactform-confirm .form-element {
  width: 65%;
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .contactform-confirm .form-element {
    width: 100%;
    margin-top: 12px;
  }
}

.contactform-confirm .contact-form-field + .contact-form-field {
  margin-top: 0;
}

.form-element {
  letter-spacing: -.4em;
}

.form-element:before {
  content: none;
}

.form-element input[type="text"],
.form-element textarea,
.form-element input[type="email"],
.form-element input[type="password"] {
  width: 100%;
}

.contact-form-text-full,
.contact-form-text-date,
.contact-form-text-time,
.contact-form-textarea,
.contact-form-select select {
  padding: 4px 5px;
  border: 1px solid #4c3f28;
  box-sizing: border-box;
}

.bgSelect-blue .contact-form-text-full, .bgSelect-blue
.contact-form-text-date, .bgSelect-blue
.contact-form-text-time, .bgSelect-blue
.contact-form-textarea, .bgSelect-blue
.contact-form-select select {
  background: #00008B;
  border-color: #ff0;
  color: #ff0;
}

.bgSelect-yellow .contact-form-text-full, .bgSelect-yellow
.contact-form-text-date, .bgSelect-yellow
.contact-form-text-time, .bgSelect-yellow
.contact-form-textarea, .bgSelect-yellow
.contact-form-select select {
  background: #ff0;
  border-color: #000;
  color: #000;
}

.bgSelect-black .contact-form-text-full, .bgSelect-black
.contact-form-text-date, .bgSelect-black
.contact-form-text-time, .bgSelect-black
.contact-form-textarea, .bgSelect-black
.contact-form-select select {
  background: #000;
  border-color: #ff0;
  color: #ff0;
}

ul.form-element-check {
  padding-left: 0;
  letter-spacing: -.4em;
}

ul.form-element-check li + li {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  ul.form-element-check li + li {
    margin-top: 8px;
  }
}

ul.form-element-radio {
  padding-left: 0;
  letter-spacing: -.4em;
}

ul.form-element-radio li + li {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  ul.form-element-radio li + li {
    margin-top: 8px;
  }
}

.form-element ul {
  margin: 0 -5px;
}

.form-element li {
  display: inline-block;
  width: 33.333%;
  padding: 0 5px;
  vertical-align: top;
  box-sizing: border-box;
  letter-spacing: normal;
}

@media screen and (max-width: 750px) {
  .form-element li {
    display: block;
    width: 100%;
  }
}

.form-element li + li {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .form-element li + li {
    margin-top: 10px;
  }
}

.form-element li:before {
  content: none;
}

.form-label {
  font-weight: bold;
  color: #4c3f28;
}

.bgSelect-blue .form-label {
  color: #ff0;
}

.bgSelect-yellow .form-label {
  color: #000;
}

.bgSelect-black .form-label {
  color: #ff0;
}

.form-label label {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

.form-label .description {
  display: block;
  width: 100%;
  margin: 8px 0;
  font-weight: normal;
  order: 2;
}

* + .form-element {
  margin-top: 4px;
}

.contact-form-text-date, .contact-form-text-time {
  max-width: 350px;
}

.contact-form-submit {
  margin-top: 45px;
  text-align: center;
}

.contact-form-submit input {
  display: inline-block;
  min-width: 150px;
  padding: 8px 15px;
  margin: 0 15px;
  background: #4c3e27;
  border: none;
  color: #fff;
  cursor: pointer;
  border-radius: 20px;
  font-weight: bold;
}

@media screen and (max-width: 450px) {
  .contact-form-submit input {
    display: block;
    margin: 18px auto 0;
  }
}

.bgSelect-blue .contact-form-submit input {
  color: #00008B;
  background: #fff;
}

.bgSelect-blue .contact-form-submit input:hover {
  background: #fff;
  opacity: .85;
}

.bgSelect-yellow .contact-form-submit input {
  color: #ff0;
  background: #000;
}

.bgSelect-yellow .contact-form-submit input:hover {
  background: #000;
  opacity: .85;
}

.bgSelect-black .contact-form-submit input {
  color: #000;
  background: #ff0;
}

.bgSelect-black .contact-form-submit input:hover {
  background: #ff0;
  opacity: .85;
}

.contact-form-submit input:hover {
  background: #cf1225;
}

.contact-form-textarea {
  width: 100%;
  max-width: 100%;
  min-height: 100px;
}

.contact-form-check {
  position: relative;
  display: block;
  padding-left: 25px;
  letter-spacing: normal;
  cursor: pointer;
}

.contact-form-check input {
  position: absolute;
  width: 17px;
  height: 17px;
  cursor: pointer;
  margin: 0;
  top: 3px;
  left: 0;
}

.contact-form-check:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #292929;
  background: #fff;
  z-index: 1;
}

.bgSelect-blue .contact-form-check:before {
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .contact-form-check:before {
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .contact-form-check:before {
  background: #000;
  border-color: #ff0;
}

.contact-form-check:after {
  content: "";
  display: none;
  position: absolute;
  top: 7px;
  left: 2px;
  width: 11px;
  height: 4px;
  border-left: 2px solid #cf1225;
  border-bottom: 2px solid #cf1225;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1;
}

.bgSelect-blue .contact-form-check:after {
  border-color: #ff0;
}

.bgSelect-yellow .contact-form-check:after {
  border-color: #000;
}

.bgSelect-black .contact-form-check:after {
  border-color: #ff0;
}

.contact-form-check.is-checked:after {
  display: block;
}

.contact-form-select {
  position: relative;
}

.contact-form-select:before {
  content: "";
  position: absolute;
  top: 6px;
  right: 10px;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border: 5px solid transparent;
  border-top: 6px solid #4c3f28;
}

.contact-form-select select {
  position: relative;
  width: 100%;
  padding: 4px 25px 4px 5px;
  letter-spacing: normal;
  cursor: pointer;
}

.contact-form-select select option {
  color: #5e5e5e;
  background: #fff;
}

.bgSelect-blue .contact-form-select select option {
  background: #00008B;
  color: #ff0;
}

.bgSelect-yellow .contact-form-select select option {
  background: #ff0;
  color: #000;
}

.bgSelect-black .contact-form-select select option {
  background: #000;
  color: #ff0;
}

.contact-form-select select[multiple] {
  padding: 4px 0 4px 5px;
}

.contact-form-multiple {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.contact-form-multiple:before {
  content: none;
}

.contact-form-radio {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  cursor: pointer;
}

.contact-form-radio:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #292929;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
}

.bgSelect-blue .contact-form-radio:before {
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .contact-form-radio:before {
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .contact-form-radio:before {
  background: #000;
  border-color: #ff0;
}

.contact-form-radio:after {
  content: "";
  position: absolute;
  display: none;
  top: 7px;
  left: 3px;
  width: 9px;
  height: 9px;
  background: #cf1225;
  border-radius: 50%;
  z-index: 1;
}

.bgSelect-blue .contact-form-radio:after {
  background: #ff0;
}

.bgSelect-yellow .contact-form-radio:after {
  background: #000;
}

.bgSelect-black .contact-form-radio:after {
  background: #ff0;
}

.contact-form-radio input {
  position: absolute;
  width: 15px;
  height: 15px;
  margin: 0;
  top: 4px;
  left: 0;
  cursor: pointer;
  background: none;
  border: none;
}

.contact-form-radio.is-checked:after {
  display: block;
}

.field_error {
  font-weight: bold;
  color: #cf1225;
  letter-spacing: normal;
}

.field_value {
  letter-spacing: normal;
}

.must {
  padding-left: 1em;
  color: #cf1225;
  order: 1;
}

.formBody {
  display: table;
  width: 100%;
}

.formItem {
  display: table-row;
}

@media screen and (max-width: 750px) {
  .formItem {
    display: block;
  }
  .formItem + .formItem {
    margin-top: 15px;
  }
}

.formItem dt {
  display: table-cell;
  width: 25%;
  padding: 10px;
  vertical-align: top;
}

@media screen and (max-width: 750px) {
  .formItem dt {
    display: block;
    width: 100%;
    padding: 0;
  }
}

@media screen and (max-width: 980px) {
  .formItem dt span.pc-none {
    display: inline-block;
  }
}

.formItem dd {
  display: table-cell;
  padding: 10px;
}

@media screen and (max-width: 750px) {
  .formItem dd {
    display: block;
    padding: 0;
  }
}

.formItem__input {
  display: inline-block;
  width: 320px;
}

@media screen and (max-width: 750px) {
  .formItem__input {
    width: 100%;
  }
}

.formRadio li {
  display: inline-block;
  padding-left: 0;
}

@media screen and (max-width: 520px) {
  .formRadio li {
    display: block;
  }
}

.formRadio li + li {
  padding-left: 10px;
}

@media screen and (max-width: 520px) {
  .formRadio li + li {
    padding-top: 10px;
    padding-left: 0;
  }
}

.formRadio li:before {
  content: none;
}

.input_radio {
  cursor: pointer;
}

.input_radio .formRadio__btn {
  position: relative;
  width: 17px;
  height: 17px;
  margin: 0;
  top: 3px;
}

.input_radio .formRadio__btn + span {
  position: relative;
}

.input_radio .formRadio__btn + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -22px;
  width: 15px;
  height: 15px;
  border: 1px solid #292929;
  background: #fff;
}

.input_radio .formRadio__btn:checked + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: -19px;
  width: 11px;
  height: 11px;
  background: #cf1225;
  border-radius: 50%;
}

.formItem textarea {
  width: 80%;
  min-height: 120px;
}

@media screen and (max-width: 750px) {
  .formItem textarea {
    width: 100%;
  }
}

.formBtnBox {
  margin: 30px 0 0;
  text-align: center;
}

.formBtnBox button {
  display: inline-block;
  min-width: 150px;
  padding: 15px;
  margin: 0;
  background: #4c3e27;
  border: none;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
}

@media screen and (max-width: 520px) {
  .formBtnBox button {
    display: block;
    width: 75%;
    margin: 0 auto;
  }
}

.formBtnBox button:hover {
  background: #cf1225;
}

.formBtnBox button span {
  font-size: 114.28571%;
  line-height: 125%;
  font-weight: bold;
}

.formBtnBox button + button {
  margin-left: 20px;
}

@media screen and (max-width: 520px) {
  .formBtnBox button + button {
    margin: 20px auto 0;
  }
}

/*
searchform
--------------------------- */
.searchformBox .searchform {
  margin: 0;
}

.searchformBox .searchform__title {
  width: 230px;
  font-size: 114.28571%;
  line-height: 138%;
}

@media screen and (max-width: 980px) {
  .searchformBox .searchform__title {
    width: 100%;
  }
}

.searchformBox .searchform__item {
  width: calc(100% - 230px);
}

@media screen and (max-width: 980px) {
  .searchformBox .searchform__item {
    width: 100%;
  }
}

.searchformBox .searchform__item form {
  letter-spacing: -.4em;
}

.searchformBox .searchform__form__searchBox, .searchformBox .searchform__form__select {
  display: inline-block;
  width: calc(100% - 38px);
  height: 40px;
  padding-left: 10px;
  padding-right: 30px;
  border: 1px solid #4c3f28;
  font-size: 114.28571%;
  line-height: 138%;
  box-sizing: border-box;
}

.searchformBox .searchform__form__btn {
  display: inline-block;
  width: 38px;
  height: 40px;
  right: 1px;
}

@media screen and (max-width: 980px) {
  .searchformBox .searchform__form__btn {
    width: 38px;
    height: 40px;
  }
}

.searchformBox .searchform__form__btn:after {
  content: "\e902";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  letter-spacing: normal;
}

.searchformBox .selectBox:before {
  right: 50px;
}

* + .searchformBox {
  margin-top: 28px;
}

.searchform {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin-top: 64px;
  margin-left: -9px;
}

@media screen and (max-width: 980px) {
  .searchform {
    display: block;
    margin-left: 0;
  }
}

@media screen and (max-width: 750px) {
  .searchform {
    margin: 20px 0 0;
  }
}

.searchform + .searchform {
  margin-top: 21px;
}

.searchform + .btnWrap {
  margin-top: 43px;
}

@media screen and (max-width: 750px) {
  .searchform + .btnWrap {
    margin-top: 60px;
  }
}

.searchform + .btnWrap .btn {
  margin: 15px 20px 0;
}

.searchform__title {
  width: 320px;
  padding-right: 26px;
  font-size: 142.85714%;
  line-height: 180%;
  font-weight: bold;
  color: #4c3f28;
  text-align: right;
  letter-spacing: 2px;
}

.bgSelect-blue .searchform__title {
  color: #ff0;
}

.bgSelect-black .searchform__title {
  color: #ff0;
}

@media screen and (max-width: 980px) {
  .searchform__title {
    padding: 0;
    text-align: left;
  }
}

@media screen and (max-width: 750px) {
  .searchform__item {
    margin-top: 8px;
  }
}

.searchform__form {
  position: relative;
}

.searchform__form__searchBox, .searchform__form__select {
  width: 444px;
  height: 53px;
  padding-left: 20px;
  border: 1px solid #4c3f28;
  font-size: 157.14286%;
  line-height: 173%;
  box-sizing: border-box;
  letter-spacing: normal;
}

.bgSelect-blue .searchform__form__searchBox, .bgSelect-blue .searchform__form__select {
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .searchform__form__searchBox, .bgSelect-yellow .searchform__form__select {
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .searchform__form__searchBox, .bgSelect-black .searchform__form__select {
  background: #000;
  border-color: #ff0;
}

@media screen and (max-width: 980px) {
  .searchform__form__searchBox, .searchform__form__select {
    width: calc(100% - 42px);
    height: 42px;
    padding: 0 25px 0 5px;
  }
}

@media screen and (max-width: 750px) {
  .searchform__form__searchBox, .searchform__form__select {
    font-size: 128.57143%;
    line-height: 156%;
  }
}

.searchform__form__searchBox {
  color: #292929;
}

.searchform__form__searchBox:-moz-placeholder-shown {
  color: #efeeec;
}

.searchform__form__searchBox:placeholder-shown {
  color: #efeeec;
}

.searchform__form__searchBox::-webkit-input-placeholder {
  color: #efeeec;
}

.searchform__form__searchBox:-moz-placeholder {
  color: #efeeec;
}

.searchform__form__searchBox::-moz-placeholder {
  color: #efeeec;
}

.searchform__form__searchBox:-ms-input-placeholder {
  color: #efeeec;
}

.searchform__form__searchBox:focus {
  color: #292929;
}

.bgSelect-blue .searchform__form__searchBox {
  color: #ff0;
}

.bgSelect-blue .searchform__form__searchBox:-moz-placeholder-shown {
  color: #efeeec;
}

.bgSelect-blue .searchform__form__searchBox:placeholder-shown {
  color: #efeeec;
}

.bgSelect-blue .searchform__form__searchBox::-webkit-input-placeholder {
  color: #efeeec;
}

.bgSelect-blue .searchform__form__searchBox:-moz-placeholder {
  color: #efeeec;
}

.bgSelect-blue .searchform__form__searchBox::-moz-placeholder {
  color: #efeeec;
}

.bgSelect-blue .searchform__form__searchBox:-ms-input-placeholder {
  color: #efeeec;
}

.bgSelect-yellow .searchform__form__searchBox {
  color: #000;
}

.bgSelect-yellow .searchform__form__searchBox:-moz-placeholder-shown {
  color: #a9a9a9;
}

.bgSelect-yellow .searchform__form__searchBox:placeholder-shown {
  color: #a9a9a9;
}

.bgSelect-yellow .searchform__form__searchBox::-webkit-input-placeholder {
  color: #a9a9a9;
}

.bgSelect-yellow .searchform__form__searchBox:-moz-placeholder {
  color: #a9a9a9;
}

.bgSelect-yellow .searchform__form__searchBox::-moz-placeholder {
  color: #a9a9a9;
}

.bgSelect-yellow .searchform__form__searchBox:-ms-input-placeholder {
  color: #a9a9a9;
}

.bgSelect-black .searchform__form__searchBox {
  color: #ff0;
}

.bgSelect-black .searchform__form__searchBox:-moz-placeholder-shown {
  color: #efeeec;
}

.bgSelect-black .searchform__form__searchBox:placeholder-shown {
  color: #efeeec;
}

.bgSelect-black .searchform__form__searchBox::-webkit-input-placeholder {
  color: #efeeec;
}

.bgSelect-black .searchform__form__searchBox:-moz-placeholder {
  color: #efeeec;
}

.bgSelect-black .searchform__form__searchBox::-moz-placeholder {
  color: #efeeec;
}

.bgSelect-black .searchform__form__searchBox:-ms-input-placeholder {
  color: #efeeec;
}

.selectBox {
  position: relative;
}

.selectBox:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 7px solid #4c3f28;
}

.bgSelect-blue .selectBox:before {
  border-top: 7px solid #ff0;
  z-index: 1;
}

.bgSelect-yellow .selectBox:before {
  border-top: 7px solid #000;
  z-index: 1;
}

.bgSelect-black .selectBox:before {
  border-top: 7px solid #ff0;
  z-index: 1;
}

@media screen and (max-width: 980px) {
  .selectBox:before {
    right: 52px;
  }
}

.searchform__form__select {
  position: relative;
  padding-right: 25px;
  color: #efeeec;
  cursor: pointer;
}

.bgSelect-yellow .searchform__form__select {
  color: #a9a9a9;
}

.searchform__form__select option {
  background: #fff;
  color: #292929;
}

.bgSelect-blue .searchform__form__select option {
  background: #00008B;
  color: #ff0;
}

.bgSelect-yellow .searchform__form__select option {
  background: #ff0;
  color: #000;
}

.bgSelect-black .searchform__form__select option {
  background: #000;
  color: #ff0;
}

.searchform__form__btn {
  position: absolute;
  width: 56px;
  height: 53px;
  top: 0;
  bottom: 0;
  right: -56px;
  margin: auto;
  padding: 0;
  background-color: #4c3f28;
  border: 1px solid #4c3f28;
  box-sizing: border-box;
  font-size: 0%;
  color: #fff;
}

.bgSelect-blue .searchform__form__btn {
  background: #00008B;
  border: 1px solid #ff0;
}

.bgSelect-yellow .searchform__form__btn {
  background: #ff0;
  border: 1px solid #000;
}

.bgSelect-black .searchform__form__btn {
  background: #000;
  border: 1px solid #ff0;
}

@media screen and (max-width: 980px) {
  .searchform__form__btn {
    right: 0;
    width: 42px;
    height: 42px;
  }
}

.searchform__form__btn:after {
  content: "\e902";
  display: inline-block;
  position: absolute;
  width: 29px;
  height: 29px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 29px;
  line-height: 29px;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .searchform__form__btn:after {
    font-size: 22px;
  }
}

.bgSelect-yellow .searchform__form__btn:after {
  color: #000;
}

.bgSelect-black .searchform__form__btn:after {
  color: #ff0;
}

/* ***************************
keyVisual
*************************** */
.keyVisual {
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.keyVisual__copy {
  position: absolute;
  margin: 0 auto;
  top: 45%;
  left: 0;
  right: 0;
  padding: 0 15px;
  text-align: center;
  pointer-events: none;
  z-index: 2;
}

.keyVisual__copy__text {
  color: #fff;
  font-size: 342.85714%;
  line-height: 100%;
  letter-spacing: 0.2em;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

@media screen and (max-width: 1280px) {
  .keyVisual__copy__text {
    font-size: 3.75vw;
    line-height: 1;
  }
}

@media screen and (max-width: 750px) {
  .keyVisual__copy__text {
    font-size: 4.8vw;
    line-height: 1.33;
  }
}

@media screen and (min-width: 751px) {
  .keyVisual__copy__text br {
    display: none;
  }
}

.keyVisual__body {
  max-height: 775px;
  overflow: hidden;
}

.keyVisual__video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 101.5% !important;
  height: 165.16% !important;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (min-width: 1281px) {
  .keyVisual__video {
    top: calc(50% + (100vw - 1280px)*775/1280*1/2);
    -webkit-transform: translate(-50%, calc(-50% - (100vw - 1280px)*775/1280*1/2));
            transform: translate(-50%, calc(-50% - (100vw - 1280px)*775/1280*1/2));
  }
}

@media screen and (max-width: 450px) {
  .keyVisual__video {
    width: 102% !important;
    height: 140% !important;
  }
}

.keyVisual__image {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}

@media screen and (max-width: 450px) {
  .keyVisual__image {
    width: auto;
    max-width: none;
    height: 100%;
  }
}

.keyVisual__control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0%;
}

.keyVisual__body__inner {
  position: relative;
  margin: 0;
  padding-top: 56.25%;
  box-sizing: border-box;
}

@media screen and (min-width: 1281px) {
  .keyVisual__body__inner {
    height: 775px;
  }
}

@media screen and (max-width: 450px) {
  .keyVisual__body__inner {
    padding-top: 91.11111%;
  }
}

.keyVisual__bnr {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
}

@media screen and (min-width: 451px) and (max-width: 980px) {
  .keyVisual__bnr {
    max-width: 45%;
  }
}

@media screen and (max-width: 450px) {
  .keyVisual__bnr {
    top: auto;
    bottom: 40px;
    left: 0;
    max-width: 80%;
    margin: auto;
  }
}

@media print, screen and (max-width: 450px) {
  _:-ms-lang(x)::-ms-backdrop, .keyVisual__bnr {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

.keyVisual__bnr__link {
  display: inline-block;
  max-width: 100%;
}

.keyVisual__bnr__link:after {
  content: none !important;
}

@media screen and (max-width: 450px) {
  .keyVisual.is-shownBnr .keyVisual__item__text {
    bottom: 30vw;
  }
}

/* ***************************
newsHeader
*************************** */
.newsHeader {
  margin: 0 0 21px;
}

.newsHeader:after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (max-width: 450px) {
  .newsHeader:after {
    display: none;
  }
}

.newsHeader__category {
  float: left;
}

@media screen and (max-width: 450px) {
  .newsHeader__category {
    float: none;
  }
}

.newsHeader__category p {
  display: inline-block;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 100%;
  line-height: 158%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid;
  background: #fff;
  box-sizing: border-box;
}

.bgSelect-blue .newsHeader__category p {
  background: #00008B;
}

.bgSelect-yellow .newsHeader__category p {
  background: #ff0;
}

.bgSelect-black .newsHeader__category p {
  background: #000;
}

.newsHeader time {
  font-size: 100%;
  line-height: 158%;
  float: right;
}

@media screen and (max-width: 450px) {
  .newsHeader time {
    display: block;
    margin-top: 8px;
    text-align: right;
    float: none;
  }
}

@media screen and (max-width: 750px) {
  .newsHeader + * {
    margin-top: 12px;
  }
}

/* ***************************
paint
*************************** */
.bgSelect-blue .paint {
  box-shadow: 0 0 0 1px #ff0;
}

.bgSelect-yellow .paint {
  box-shadow: 0 0 0 1px #000;
}

.bgSelect-black .paint {
  box-shadow: 0 0 0 1px #ff0;
}

* + .paint {
  margin-top: 20px;
}

.paint__body {
  position: relative;
  padding: 40px 30px 41px;
  background-color: #efeeec;
  text-align: center;
  font-size: 142.85714%;
  line-height: 175%;
  font-weight: bold;
}

.bgSelect-blue .paint__body {
  background: #00008B;
}

.bgSelect-yellow .paint__body {
  background: #ff0;
}

.bgSelect-black .paint__body {
  background: #000;
}

.paint__head {
  background: #4c3f28;
}

.bgSelect-blue .paint__head {
  background: #00008B;
}

.bgSelect-yellow .paint__head {
  background: #ff0;
}

.bgSelect-black .paint__head {
  background: #000;
}

.paint__title {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 14px 20px 11px;
  font-size: 157.14286%;
  line-height: 137%;
}

.bgSelect-blue .paint__title {
  color: #fff;
}

.bgSelect-yellow .paint__title {
  color: #000;
}

.bgSelect-black .paint__title {
  color: #ff0;
}

.paint__title a {
  color: #fff;
}

.bgSelect-yellow .paint__title a {
  color: #00008B;
}

.paint__title--sub {
  display: block;
  font-size: 63.63636%;
  line-height: 172%;
}

.paint__body__item {
  text-align: left;
}

.paint__body__item__ttl {
  display: inline-block;
  color: #4c3e27;
  font-size: 100%;
  line-height: 140%;
}

.bgSelect-blue .paint__body__item__ttl {
  color: #ff0;
}

.bgSelect-yellow .paint__body__item__ttl {
  color: #000;
}

.bgSelect-black .paint__body__item__ttl {
  color: #ff0;
}

.paint__body__item__txt {
  font-size: 70%;
  line-height: 172%;
}

.paint__body__item__txt a:after {
  content: '\e900';
}

.paint__body__item + .paint__body__item {
  margin-top: 20px;
}

.paint--quotation .paint__body {
  padding: 29px 44px 27px;
  font-weight: bold;
  color: #4c3f28;
  text-align: left;
  font-size: 157.14286%;
  line-height: 146%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpi9LFTl7J18mJIy6tmwAeYQAoO79vGMGtSK16FLCDTQACmEJfJLCCCGMUsMAYhxSzIHHyKWdCtwKWYBZvDsSlmwRUc6IpZ8IUdsmKAAAMAuv4j6GxiF2IAAAAASUVORK5CYII=);
}

.bgSelect-blue .paint--quotation .paint__body {
  background: #00008B;
}

.bgSelect-yellow .paint--quotation .paint__body {
  background: #ff0;
}

.bgSelect-black .paint--quotation .paint__body {
  background: #000;
}

@media screen and (max-width: 750px) {
  .paint--quotation .paint__body {
    padding: 16px 30px;
    font-size: 128.57143%;
    line-height: 156%;
    margin: 0 -20px;
  }
}

.paint--quotation .paint__body:before, .paint--quotation .paint__body:after {
  content: '\201d';
  position: absolute;
  display: block;
  background-size: cover;
  font-size: 357.14286%;
  line-height: 100%;
}

.paint--quotation .paint__body:before {
  top: -18px;
  right: -15px;
}

@media screen and (max-width: 750px) {
  .paint--quotation .paint__body:before {
    top: -12px;
    right: 3px;
  }
}

.paint--quotation .paint__body:after {
  bottom: -15px;
  left: -12px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 750px) {
  .paint--quotation .paint__body:after {
    bottom: -22px;
    left: 3px;
  }
}

.bgSelect-blue .paint--quotation .paint__body {
  color: #ff0;
}

.bgSelect-black .paint--quotation .paint__body {
  color: #ff0;
}

/*
linkList
---------------------------*/
.linkList li {
  position: relative;
  padding-left: 18px;
}

.linkList li:before {
  position: absolute;
  left: -2px;
  width: 6px;
  height: 6px;
  border: none;
  border-top: 2px solid #4d3d27;
  border-right: 2px solid #4d3d27;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: '';
}

/*
borderLinkList
---------------------------*/
.borderLinkList li {
  border-top: 1px solid #292929;
  padding-left: 0;
}

.borderLinkList li:last-child {
  border-bottom: 1px solid #292929;
}

.borderLinkList li:before {
  content: none;
}

.borderLinkList li + li {
  margin-top: 0;
}

.borderLinkList li a {
  display: block;
  padding: 17px 30px 15px 20px;
  text-decoration: none;
  color: #292929;
  font-size: 114.28571%;
  line-height: 175%;
  font-weight: bold;
  transition: padding .2s;
}

@media screen and (max-width: 750px) {
  .borderLinkList li a {
    padding: 13px 30px 13px 20px;
    font-size: 92.85714%;
    line-height: 162%;
  }
}

.borderLinkList li a:hover {
  padding: 18px 50px 14px 0;
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .borderLinkList li a:hover {
    padding: 13px 50px 13px 0;
  }
}

.borderLinkList li a:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-top: 2px solid #292929;
  border-right: 2px solid #292929;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  right: 7px;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 750px) {
  .borderLinkList li a:after {
    width: 8px;
    height: 8px;
  }
}

.bgSelect-blue .borderLinkList li {
  border-top: 1px solid #ff0;
}

.bgSelect-black .borderLinkList li {
  border-top: 1px solid #ff0;
}

.bgSelect-blue .borderLinkList li:last-child {
  border-bottom: 1px solid #ff0;
}

.bgSelect-black .borderLinkList li:last-child {
  border-bottom: 1px solid #ff0;
}

.bgSelect-blue .borderLinkList li a {
  color: #ff0;
}

.bgSelect-black .borderLinkList li a {
  color: #ff0;
}

.bgSelect-blue .borderLinkList li a:after {
  border-color: #ff0;
}

.bgSelect-black .borderLinkList li a:after {
  border-color: #ff0;
}

/*
borderLinkList ver.Eng
--------------------------- */
html[lang="en"] .borderLinkList li a {
  padding: 16px 30px 21px 33px;
  font-size: 142.85714%;
  line-height: 130%;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  html[lang="en"] .borderLinkList li a {
    font-size: 128.57143%;
    line-height: 145%;
    padding: 16px 30px 21px 20px;
  }
}

html[lang="en"] .borderLinkList li a:after {
  right: 9px;
}

html[lang="en"] .borderLinkList li a:hover {
  padding: 16px 50px 21px 13px;
}

@media screen and (max-width: 750px) {
  html[lang="en"] .borderLinkList li a:hover {
    padding: 16px 50px 21px 0;
  }
}

@media screen and (max-width: 750px) {
  html[lang="en"] .borderLinkList li a br {
    display: none;
  }
}

/*
anchorLink
----------------------------- */
.anchorLink {
  background: #efeeec;
}

.pageLead + .anchorLink {
  margin-top: 84px;
}

.anchorLink + .anchorLink {
  margin-top: 10px;
}

.anchorLink + h1,
.anchorLink + h2,
.anchorLink + h3 {
  margin-top: 72px;
}

.anchorLink:hover {
  opacity: .85;
}

.anchorLink a {
  position: relative;
  padding: 14px 45px 13px 24px;
  width: 100%;
  color: #4c3e27;
  display: inline-block;
  box-sizing: border-box;
  font-size: 114.28571%;
  line-height: 157%;
}

.anchorLink a:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 7px;
  border-right: 2px solid #4c3e27;
  border-bottom: 2px solid #4c3e27;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -5px;
  right: 24px;
  bottom: 0;
  margin: auto;
}

.bgSelect-blue .anchorLink a {
  background: #00008B;
  color: #fff;
  border: 1px solid #ff0;
}

.bgSelect-blue .anchorLink a:after {
  border-color: #fff;
}

.bgSelect-yellow .anchorLink a {
  background: #ff0;
  color: #00008B;
  border: 1px solid #000;
}

.bgSelect-yellow .anchorLink a:after {
  border-color: #000;
}

.bgSelect-black .anchorLink a {
  background: #000;
  color: #fff;
  border: 1px solid #ff0;
}

.bgSelect-black .anchorLink a:after {
  border-color: #fff;
}

/*
moreLink
---------------------------*/
.moreLink a {
  text-decoration: underline;
}

.moreLink a:after {
  content: none;
}

/* ***************************
topNewsList
*************************** */
* + .topNewsListWrap {
  margin-top: 20px;
}

@media screen and (max-width: 750px) {
  * + .topNewsListWrap {
    margin-top: 25px;
  }
}

.topNewsList {
  position: relative;
}

* + .topNewsList {
  margin-top: 30px;
}

.topNewsList + .btnWrap {
  margin-top: 35px;
}

.topNewsList .newsItem__data {
  flex-shrink: 0;
}

.topNewsList .newsItem__data,
.topNewsList .newsItem__title {
  width: auto;
}

.topNewsList.is-loading:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  font-size: 5px;
  border-top: 4px solid rgba(76, 63, 40, 0.2);
  border-right: 4px solid rgba(76, 63, 40, 0.2);
  border-bottom: 4px solid rgba(76, 63, 40, 0.2);
  border-left: 4px solid #4c3f28;
  border-radius: 50%;
  content: '';
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: loading .8s infinite linear;
          animation: loading .8s infinite linear;
}

.bgSelect-blue .topNewsList.is-loading:after {
  border-top: 4px solid rgba(255, 255, 255, 0.2);
  border-right: 4px solid rgba(255, 255, 255, 0.2);
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  border-left: 4px solid #fff;
}

.bgSelect-yellow .topNewsList.is-loading:after {
  border-top: 4px solid rgba(0, 0, 0, 0.2);
  border-right: 4px solid rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  border-left: 4px solid #000;
}

.bgSelect-black .topNewsList.is-loading:after {
  border-top: 4px solid rgba(255, 255, 0, 0.2);
  border-right: 4px solid rgba(255, 255, 0, 0.2);
  border-bottom: 4px solid rgba(255, 255, 0, 0.2);
  border-left: 4px solid #ff0;
}

.newsContent .newsCategory {
  position: relative;
  margin-top: 24px;
}

@media screen and (max-width: 860px) {
  .newsContent .newsCategory {
    margin-top: 20px;
  }
}

.newsContent .labelList {
  margin-top: 22px;
}

@media screen and (max-width: 860px) {
  .newsContent .labelList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item {
    width: 50%;
    padding: 0 5px;
    margin-top: 6px;
    box-sizing: border-box;
  }
}

.newsContent .labelList__item:before {
  content: none;
}

.newsContent .labelList__item:first-child:before {
  padding-left: 0;
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item:first-child:before, .newsContent .labelList__item:after {
    content: none;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item + .labelList__item {
    margin-top: 6px;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item__btn {
    display: flex;
    height: 100%;
    padding: 3px 5px;
    color: #fff;
    border: none;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    font-size: 85.71429%;
    line-height: 134%;
    background: #4c3e27;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid;
  }
  .bgSelect-blue .newsContent .labelList__item__btn {
    background-color: #00008B;
  }
  .bgSelect-yellow .newsContent .labelList__item__btn {
    background-color: #ff0;
  }
  .bgSelect-black .newsContent .labelList__item__btn {
    background-color: #000;
  }
}

.bgSelect-blue .newsContent .labelList__item__btn, .bgSelect-blue .newsContent .labelList__item__btn:hover {
  border-color: #ff0;
  color: #ff0;
}

.bgSelect-yellow .newsContent .labelList__item__btn, .bgSelect-yellow .newsContent .labelList__item__btn:hover {
  border-color: #000;
  color: #000;
}

.bgSelect-black .newsContent .labelList__item__btn, .bgSelect-black .newsContent .labelList__item__btn:hover {
  border-color: #ff0;
  color: #ff0;
}

.newsContent .labelList__item__btn:after {
  content: none;
}

.bgSelect-blue .newsContent .labelList__item__btn.is-active:hover {
  color: #00008B;
}

.bgSelect-yellow .newsContent .labelList__item__btn.is-active:hover {
  color: #ff0;
}

.bgSelect-black .newsContent .labelList__item__btn.is-active:hover {
  color: #000;
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item__btn.is-active {
    background-color: inherit;
    color: #4c3e27;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item__btn[data-main='news'],
  .newsContent .labelList__item__btn[data-main='news']:hover {
    background-color: #be6385;
    color: #fff;
  }
  .bgSelect-blue .newsContent .labelList__item__btn[data-main='news'], .bgSelect-blue
  .newsContent .labelList__item__btn[data-main='news']:hover {
    background-color: #00008B;
    color: #ff0;
  }
  .bgSelect-yellow .newsContent .labelList__item__btn[data-main='news'], .bgSelect-yellow
  .newsContent .labelList__item__btn[data-main='news']:hover {
    background-color: #ff0;
    color: #000;
  }
  .bgSelect-black .newsContent .labelList__item__btn[data-main='news'], .bgSelect-black
  .newsContent .labelList__item__btn[data-main='news']:hover {
    background-color: #000;
    color: #ff0;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item__btn[data-main='news'].is-active {
    background-color: inherit;
    color: #be6385;
  }
  .bgSelect-blue .newsContent .labelList__item__btn[data-main='news'].is-active {
    background-color: #fff;
    color: #00008B;
  }
  .bgSelect-yellow .newsContent .labelList__item__btn[data-main='news'].is-active {
    background-color: #000;
    color: #ff0;
  }
  .bgSelect-black .newsContent .labelList__item__btn[data-main='news'].is-active {
    background-color: #ff0;
    color: #000;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item__btn[data-main='press'],
  .newsContent .labelList__item__btn[data-main='press']:hover {
    background-color: #398b9d;
    color: #fff;
  }
  .bgSelect-blue .newsContent .labelList__item__btn[data-main='press'], .bgSelect-blue
  .newsContent .labelList__item__btn[data-main='press']:hover {
    background-color: #00008B;
    color: #ff0;
  }
  .bgSelect-yellow .newsContent .labelList__item__btn[data-main='press'], .bgSelect-yellow
  .newsContent .labelList__item__btn[data-main='press']:hover {
    background-color: #ff0;
    color: #000;
  }
  .bgSelect-black .newsContent .labelList__item__btn[data-main='press'], .bgSelect-black
  .newsContent .labelList__item__btn[data-main='press']:hover {
    background-color: #000;
    color: #ff0;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item__btn[data-main='press'].is-active {
    background-color: inherit;
    color: #398b9d;
  }
  .bgSelect-blue .newsContent .labelList__item__btn[data-main='press'].is-active {
    background-color: #fff;
    color: #00008B;
    box-shadow: none;
  }
  .bgSelect-yellow .newsContent .labelList__item__btn[data-main='press'].is-active {
    background-color: #000;
    color: #ff0;
  }
  .bgSelect-black .newsContent .labelList__item__btn[data-main='press'].is-active {
    background-color: #ff0;
    color: #000;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item__btn[data-main='member'],
  .newsContent .labelList__item__btn[data-main='member']:hover {
    background-color: #349745;
    color: #fff;
  }
  .bgSelect-blue .newsContent .labelList__item__btn[data-main='member'], .bgSelect-blue
  .newsContent .labelList__item__btn[data-main='member']:hover {
    background-color: #00008B;
    color: #ff0;
  }
  .bgSelect-yellow .newsContent .labelList__item__btn[data-main='member'], .bgSelect-yellow
  .newsContent .labelList__item__btn[data-main='member']:hover {
    background-color: #ff0;
    color: #000;
  }
  .bgSelect-black .newsContent .labelList__item__btn[data-main='member'], .bgSelect-black
  .newsContent .labelList__item__btn[data-main='member']:hover {
    background-color: #000;
    color: #ff0;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .labelList__item__btn[data-main='member'].is-active {
    background-color: inherit;
    color: #349745;
  }
  .bgSelect-blue .newsContent .labelList__item__btn[data-main='member'].is-active {
    background-color: #fff;
    color: #00008B;
  }
  .bgSelect-yellow .newsContent .labelList__item__btn[data-main='member'].is-active {
    background-color: #000;
    color: #ff0;
  }
  .bgSelect-black .newsContent .labelList__item__btn[data-main='member'].is-active {
    background-color: #ff0;
    color: #000;
  }
}

.newsContent .newsItem {
  display: block;
}

.newsContent .newsItem + .newsItem {
  margin-top: 25px;
}

.newsContent .newsItem__data {
  width: 100%;
}

.newsContent .newsItem__title {
  width: 100%;
  margin-top: 5px;
}

.newsContent + .btnWrap {
  margin-top: 40px;
}

@media screen and (max-width: 750px) {
  .newsContent + .btnWrap {
    margin-top: 25px;
  }
}

.newsItemWrap {
  position: relative;
  margin-top: 30px;
}

.newsItemWrap.no-label .newsItem {
  display: flex;
}

@media screen and (max-width: 750px) {
  .newsItemWrap.no-label .newsItem {
    display: block;
  }
}

.newsItemWrap.no-label .newsItem__data {
  display: block;
  width: auto;
}

.newsItemWrap.no-label .newsItem__data__date {
  padding: 0 3.8em 0 0;
}

@media screen and (max-width: 750px) {
  .newsItemWrap.no-label .newsItem__data__date {
    padding-right: 15px;
    white-space: nowrap;
  }
}

.newsItemWrap.no-label .newsItem__title {
  display: block;
  width: auto;
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .newsItemWrap.no-label .newsItem__title {
    margin-top: 5px;
  }
}

.newsItemWrap.is-loading:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  margin: 0 auto;
  width: 24px;
  height: 24px;
  font-size: 5px;
  border-top: 4px solid rgba(76, 63, 40, 0.2);
  border-right: 4px solid rgba(76, 63, 40, 0.2);
  border-bottom: 4px solid rgba(76, 63, 40, 0.2);
  border-left: 4px solid #4c3f28;
  border-radius: 50%;
  content: '';
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: loading .8s infinite linear;
          animation: loading .8s infinite linear;
}

.bgSelect-blue .newsItemWrap.is-loading:after {
  border-top: 4px solid rgba(255, 255, 255, 0.2);
  border-right: 4px solid rgba(255, 255, 255, 0.2);
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  border-left: 4px solid #fff;
}

.bgSelect-yellow .newsItemWrap.is-loading:after {
  border-top: 4px solid rgba(0, 0, 0, 0.2);
  border-right: 4px solid rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  border-left: 4px solid #000;
}

.bgSelect-black .newsItemWrap.is-loading:after {
  border-top: 4px solid rgba(255, 255, 0, 0.2);
  border-right: 4px solid rgba(255, 255, 0, 0.2);
  border-bottom: 4px solid rgba(255, 255, 0, 0.2);
  border-left: 4px solid #ff0;
}

.newsItem {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 750px) {
  .newsItem {
    display: block;
  }
}

* + .newsItem {
  margin-top: 9px;
}

@media screen and (max-width: 750px) {
  * + .newsItem {
    margin-top: 29px;
  }
}

.is-loading > .newsItem {
  visibility: hidden;
}

.newsItem__data {
  position: relative;
  display: table;
  width: 28.8%;
}

@media screen and (max-width: 750px) {
  .newsItem__data {
    display: block;
    width: 100%;
    letter-spacing: -.4em;
  }
}

.newsItem__data .newIcon {
  display: inline-block;
  padding: 0 3px;
  position: absolute;
  top: 3px;
  right: 1em;
  font-size: 71.42857%;
  line-height: 140%;
  background: #cf1225;
  color: #fff;
  border: 1px solid #cf1225;
  box-sizing: border-box;
  vertical-align: middle;
}

@media all and (-ms-high-contrast: none) {
  .newsItem__data .newIcon {
    padding-top: 3px;
  }
}

@media screen and (max-width: 750px) {
  .newsItem__data .newIcon {
    position: relative;
    top: -1px;
    right: auto;
    letter-spacing: normal;
  }
}

.bgSelect-blue .newsItem__data .newIcon {
  color: #ff0;
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .newsItem__data .newIcon {
  color: #000;
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .newsItem__data .newIcon {
  color: #ff0;
  background: #000;
  border-color: #ff0;
}

.newsItem__data__label {
  display: table-cell;
  width: 175px;
  padding: 0 5px;
  border-radius: 4px;
  font-size: 100%;
  line-height: 158%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid;
  background: #fff;
  box-sizing: border-box;
}

.bgSelect-blue .newsItem__data__label {
  border-color: #ff0;
  background: #00008B;
}

.bgSelect-yellow .newsItem__data__label {
  border-color: #000;
  background: #ff0;
}

.bgSelect-black .newsItem__data__label {
  border-color: #ff0;
  background: #000;
}

@media screen and (max-width: 750px) {
  .newsItem__data__label {
    width: 173px;
    display: inline-block;
    margin-right: 14px;
    letter-spacing: normal;
  }
}

.newsItem__data__date {
  font-family: helvetica, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif;
  padding: 0 21px;
}

.bgSelect-blue .newsItem__data__date {
  color: #ff0;
}

.bgSelect-black .newsItem__data__date {
  color: #ff0;
}

@media screen and (max-width: 750px) {
  .newsItem__data__date {
    display: inline-block;
    padding: 0;
    letter-spacing: normal;
  }
}

.newsItem__title {
  width: 71.2%;
  margin: 0;
  font-size: 100%;
  line-height: 190%;
  font-weight: normal;
  border: none;
  padding-bottom: 0;
  display: block;
}

@media screen and (max-width: 750px) {
  .newsItem__title {
    width: 100%;
    margin-top: 8px;
    padding-left: 0;
  }
}

.newsItem__title:before {
  content: none;
}

.newsItem__title a {
  display: block;
  overflow: hidden;
}

.newsItem__category {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  padding: 6px 4px;
  font-size: 85.71429%;
  line-height: 100%;
  background-color: #999999;
  color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: top;
}

.newsItem__category[data-category="イベント"] {
  background-color: #dcab42;
}

.newsItem__category[data-category="TCVBミーティング"] {
  background-color: #d96960;
}

.newsItem__category[data-category="TCVBレポート"] {
  background-color: #47419c;
}

.newsItem__category[data-category="補助金情報"] {
  background-color: #db6491;
}

.newsItem__category[data-category="海外プロモーション"] {
  background-color: #5888d0;
}

.newsItem__category[data-category="国内プロモーション"] {
  background-color: #3ba79e;
}

.newsItem__category[data-category="ビジネスイベンツ"] {
  background-color: #93a613;
}

.newsItem__category[data-category="地域振興"] {
  background-color: #af73da;
}

.newsItem__category[data-category="観光産業振興"] {
  background-color: #50a8c9;
}

.newsItem__category[data-category="受入整備"] {
  background-color: #489e57;
}

.bgSelect-blue .newsItem__category {
  border-color: #ff0;
  background-color: #00008B;
  color: #ff0;
}

.bgSelect-yellow .newsItem__category {
  border-color: #000;
  background-color: #ff0;
  color: #000;
}

.bgSelect-black .newsItem__category {
  border-color: #ff0;
  background-color: #000;
  color: #ff0;
}

.bgSelect-blue .newsItem__category,
.bgSelect-yellow .newsItem__category,
.bgSelect-black .newsItem__category {
  padding: 5px 3px;
  border: 1px solid;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*
newsItem ver.Eng
--------------------------- */
html[lang="en"] .newsItem__data__date {
  font-family: Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
}

.topInfo .newsItem__data {
  width: auto;
}

.topInfo .newsItem__data__date {
  padding-left: 0;
}

.topInfo .newsItem__title {
  width: auto;
}

* + .pinnedNews {
  margin-top: 30px;
}

.pinnedNews__title {
  margin: 0;
  padding: 3px 20px 3px 42px;
  color: #fff;
  font-size: 100%;
  line-height: 186%;
  border: 1px solid #4c3e27;
  background-color: #4c3e27;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .pinnedNews__title {
    padding: 3px 10px 3px 34px;
    font-size: 107.14286%;
    line-height: 174%;
  }
}

.bgSelect-blue .pinnedNews__title {
  border-color: #ff0;
  background-color: #00008B;
  color: #ff0;
}

.bgSelect-yellow .pinnedNews__title {
  border-color: #000;
  background-color: #ff0;
  color: #000;
}

.bgSelect-black .pinnedNews__title {
  border-color: #ff0;
  background-color: #000;
  color: #ff0;
}

.pinnedNews__title:before {
  top: 7px;
  left: 20px;
  content: '\e908';
  display: inline-block;
  width: auto !important;
  height: auto !important;
  color: #fff;
  font-size: 128.57143%;
  line-height: 100%;
  background-color: transparent;
}

@media screen and (max-width: 750px) {
  .pinnedNews__title:before {
    top: 7px;
    left: 12px;
  }
}

.bgSelect-blue .pinnedNews__title:before {
  border-color: #ff0;
  background-color: #00008B;
  color: #ff0;
}

.bgSelect-yellow .pinnedNews__title:before {
  border-color: #000;
  background-color: #ff0;
  color: #000;
}

.bgSelect-black .pinnedNews__title:before {
  border-color: #ff0;
  background-color: #000;
  color: #ff0;
}

.pinnedNews__title:after {
  content: none !important;
}

.pinnedNews__body {
  margin-top: 0;
  padding: 20px;
  background-color: #f4efe7;
  border: 1px solid #f4efe7;
  border-top: none;
}

@media screen and (max-width: 750px) {
  .pinnedNews__body {
    padding: 24px 16px;
  }
}

.bgSelect-blue .pinnedNews__body {
  border-color: #ff0;
  background-color: #00008B;
  color: #ff0;
}

.bgSelect-yellow .pinnedNews__body {
  border-color: #000;
  background-color: #ff0;
  color: #000;
}

.bgSelect-black .pinnedNews__body {
  border-color: #ff0;
  background-color: #000;
  color: #ff0;
}

@media screen and (max-width: 750px) {
  .pinnedNews__body * + .newsItem {
    margin-top: 20px;
  }
}

.newsFilter {
  display: inline-block;
  max-width: 100%;
}

@media screen and (max-width: 750px) {
  .newsFilter {
    width: 100%;
  }
}

* + .newsFilter {
  margin-top: 15px;
}

.newsFilter__inner {
  display: flex;
  padding: 4px 10px;
  align-items: center;
  background-color: #efeeec;
}

@media screen and (max-width: 750px) {
  .newsFilter__inner {
    display: block;
    padding: 10px 15px;
    text-align: center;
  }
}

.bgSelect-blue .newsFilter__inner {
  background-color: #00008B;
}

.bgSelect-yellow .newsFilter__inner {
  background-color: #ff0;
}

.bgSelect-black .newsFilter__inner {
  background-color: #000;
}

.newsFilter__head {
  position: relative;
  margin-right: 8px;
}

@media screen and (max-width: 750px) {
  .newsFilter__head {
    margin-right: 0;
  }
}

.newsFilter__heading {
  position: relative;
  display: inline-block;
  padding-left: 16px;
  color: #4c3f28;
  font-size: 85.71429%;
  line-height: 117%;
  white-space: nowrap;
}

.bgSelect-blue .newsFilter__heading {
  color: #ff0;
}

.bgSelect-yellow .newsFilter__heading {
  color: #000;
}

.bgSelect-black .newsFilter__heading {
  color: #ff0;
}

.newsFilter__heading:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #706c57;
  font-size: 12px;
  line-height: 12px;
  content: '\e906';
}

.bgSelect-blue .newsFilter__heading:before {
  color: #ff0;
}

.bgSelect-yellow .newsFilter__heading:before {
  color: #000;
}

.bgSelect-black .newsFilter__heading:before {
  color: #ff0;
}

.newsFilter__head__btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  margin: auto;
}

@media screen and (max-width: 750px) {
  .newsFilter__head__btn {
    display: inline-block;
  }
}

.newsFilter__head__btnBody {
  position: relative;
  display: inline-block;
  min-width: 72px;
  padding: 4px 20px 3px 8px;
  font-size: 85.71429%;
  line-height: 117%;
  border: 1px solid #4c3f28;
  border-radius: 4px;
  color: #706c57;
  box-sizing: border-box;
  text-align: left;
}

.bgSelect-blue .newsFilter__head__btnBody {
  border-color: #fff;
  background-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .newsFilter__head__btnBody {
  border-color: #000;
  background-color: #000;
  color: #ff0;
}

.bgSelect-black .newsFilter__head__btnBody {
  border-color: #ff0;
  background-color: #ff0;
  color: #000;
}

.newsFilter__head__btnBody:after {
  position: absolute;
  top: 2px;
  right: 6px;
  bottom: 0;
  display: block;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 1px solid #4c3f28;
  border-right: 1px solid #4c3f28;
  content: '';
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.bgSelect-blue .newsFilter__head__btnBody:after {
  border-color: #00008B;
}

.bgSelect-yellow .newsFilter__head__btnBody:after {
  border-color: #ff0;
}

.bgSelect-black .newsFilter__head__btnBody:after {
  border-color: #000;
}

.newsFilter__head__btn.is-close .newsFilter__head__btnBody:after {
  top: -3px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.newsFilter__body {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .newsFilter__body {
    display: block;
    margin-top: 15px;
  }
}

@media screen and (min-width: 751px) {
  .newsFilter__body.is-close {
    display: flex !important;
  }
}

.newsFilter__list {
  display: flex;
  margin-top: 0;
  flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
  .newsFilter__list {
    margin: 0 -5px;
  }
}

.newsFilter__item {
  margin-top: 0;
  padding: 2px 5px;
}

@media screen and (max-width: 750px) {
  .newsFilter__item {
    padding: 5px;
  }
}

.newsFilter__item:before {
  content: none;
}

.newsFilter__label {
  position: relative;
  display: inline-block;
  font-size: 85.71429%;
  line-height: 117%;
  cursor: pointer;
}

.newsFilter__label__check {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1;
}

_:-ms-lang(x)::-ms-backdrop, .newsFilter__label__check {
  height: calc(100% - 2px);
}

.newsFilter__label__text {
  position: relative;
  display: inline-block;
  padding: 4px 6px;
  background-color: #fff;
  border-radius: 4px;
  color: #aaa;
  box-sizing: border-box;
  z-index: 2;
}

@media screen and (max-width: 750px) {
  .newsFilter__label__text {
    padding: 8px 10px !important;
  }
}

.bgSelect-blue .newsFilter__label__text {
  border-color: #ff0;
  background-color: #00008B;
  color: #ff0;
}

.bgSelect-yellow .newsFilter__label__text {
  border-color: #000;
  background-color: #ff0;
  color: #000;
}

.bgSelect-black .newsFilter__label__text {
  border-color: #ff0;
  background-color: #000;
  color: #ff0;
}

.bgSelect-blue .newsFilter__label__text,
.bgSelect-yellow .newsFilter__label__text,
.bgSelect-black .newsFilter__label__text {
  padding: 3px 5px;
  border-style: solid;
  border-width: 1px;
}

.newsFilter__label__check:checked + .newsFilter__label__text {
  color: #fff;
}

.newsFilter__label__check:checked + .newsFilter__label__text--event {
  background-color: #dcab42;
}

.newsFilter__label__check:checked + .newsFilter__label__text--meeting {
  background-color: #d96960;
}

.newsFilter__label__check:checked + .newsFilter__label__text--report {
  background-color: #47419c;
}

.newsFilter__label__check:checked + .newsFilter__label__text--subsidy {
  background-color: #db6491;
}

.newsFilter__label__check:checked + .newsFilter__label__text--abroad {
  background-color: #5888d0;
}

.newsFilter__label__check:checked + .newsFilter__label__text--domestic {
  background-color: #3ba79e;
}

.newsFilter__label__check:checked + .newsFilter__label__text--business {
  background-color: #93a613;
}

.newsFilter__label__check:checked + .newsFilter__label__text--shinko {
  background-color: #af73da;
}

.newsFilter__label__check:checked + .newsFilter__label__text--tourism {
  background-color: #50a8c9;
}

.newsFilter__label__check:checked + .newsFilter__label__text--ukeire {
  background-color: #489e57;
}

.newsFilter__label__check:checked + .newsFilter__label__text--other {
  background-color: #999999;
}

.bgSelect-blue .newsFilter__label__check:checked + .newsFilter__label__text {
  border-color: #fff;
  background-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .newsFilter__label__check:checked + .newsFilter__label__text {
  border-color: #000;
  background-color: #000;
  color: #ff0;
}

.bgSelect-black .newsFilter__label__check:checked + .newsFilter__label__text {
  border-color: #ff0;
  background-color: #ff0;
  color: #000;
}

.newsFilter__btns {
  position: relative;
  display: flex;
  min-width: 110px;
  margin-top: 0;
  margin-left: 15px;
}

@media screen and (max-width: 750px) {
  .newsFilter__btns {
    margin-top: 20px;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    justify-content: center;
    border-top: 1px solid #aaa;
  }
  .bgSelect-blue .newsFilter__btns {
    border-color: #ff0;
  }
  .bgSelect-yellow .newsFilter__btns {
    border-color: #000;
  }
  .bgSelect-black .newsFilter__btns {
    border-color: #ff0;
  }
}

.newsFilter__btns:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  display: block;
  width: 1px;
  height: 14px;
  margin: auto;
  background-color: #aaa;
  content: '';
}

@media screen and (max-width: 750px) {
  .newsFilter__btns:before {
    content: none;
  }
}

.bgSelect-blue .newsFilter__btns:before {
  background-color: #ff0;
}

.bgSelect-yellow .newsFilter__btns:before {
  background-color: #000;
}

.bgSelect-black .newsFilter__btns:before {
  background-color: #ff0;
}

.newsFilter__btn {
  margin-top: 0;
  padding-left: 0;
}

.newsFilter__btn:before {
  content: none;
}

.newsFilter__btn + .newsFilter__btn {
  padding-left: 10px;
}

.newsFilter__btn__reset {
  position: relative;
  display: inline-block;
  padding: 4px 6px 4px 18px;
  font-size: 85.71429%;
  line-height: 117%;
  border: 1px solid #4c3f28;
  border-radius: 4px;
  color: #706c57;
  box-sizing: border-box;
  text-decoration: none;
  white-space: nowrap;
}

@media screen and (max-width: 750px) {
  .newsFilter__btn__reset {
    padding: 7px 20px 7px 32px;
  }
}

.newsFilter__btn__reset:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.newsFilter__btn__reset:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.newsFilter__btn__reset:before, .newsFilter__btn__reset:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  display: block;
  width: 11px;
  height: 1px;
  margin: auto;
  background-color: #706c57;
  content: '';
}

@media screen and (max-width: 750px) {
  .newsFilter__btn__reset:before, .newsFilter__btn__reset:after {
    left: 12px;
  }
}

.bgSelect-blue .newsFilter__btn__reset {
  border-color: #fff;
  background-color: #fff;
  color: #00008B;
}

.bgSelect-blue .newsFilter__btn__reset:before,
.bgSelect-blue .newsFilter__btn__reset:after {
  background-color: #00008B;
}

.bgSelect-yellow .newsFilter__btn__reset {
  border-color: #000;
  background-color: #000;
  color: #ff0;
}

.bgSelect-yellow .newsFilter__btn__reset:before,
.bgSelect-yellow .newsFilter__btn__reset:after {
  background-color: #ff0;
}

.bgSelect-black .newsFilter__btn__reset {
  border-color: #ff0;
  background-color: #ff0;
  color: #000;
}

.bgSelect-black .newsFilter__btn__reset:before,
.bgSelect-black .newsFilter__btn__reset:after {
  background-color: #000;
}

/*
一覧ページ用
--------------------------- */
@media screen and (max-width: 860px) {
  .newsContent .newsFilter__inner {
    display: block;
    padding: 10px 15px;
    text-align: center;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .newsFilter__heading {
    margin-right: 0;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .newsFilter__body {
    display: block;
    margin-top: 15px;
  }
}

@media screen and (min-width: 751px) and (max-width: 860px) {
  .newsContent .newsFilter__body.is-close {
    display: block !important;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .newsFilter__list {
    margin: 0 -5px;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .newsFilter__item {
    padding: 5px;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .newsFilter__label__text {
    padding: 8px 10px !important;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .newsFilter__btns {
    margin-top: 20px;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    justify-content: center;
    border-top: 1px solid #aaa;
  }
  .bgSelect-blue .newsContent .newsFilter__btns {
    border-color: #ff0;
  }
  .bgSelect-yellow .newsContent .newsFilter__btns {
    border-color: #000;
  }
  .bgSelect-black .newsContent .newsFilter__btns {
    border-color: #ff0;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .newsFilter__btns:before {
    content: none;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .newsFilter__btn__reset {
    padding: 7px 20px 7px 32px;
  }
}

@media screen and (max-width: 860px) {
  .newsContent .newsFilter__btn__reset:before, .newsContent .newsFilter__btn__reset:after {
    left: 12px;
  }
}

/*
topInfo  ver.Eng
--------------------------- */
html[lang="en"] .topInfo__body {
  margin-top: 20px;
}

html[lang="en"] .topInfo__body .newsItem + .newsItem {
  margin-top: 6px;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .topInfo__body .newsItem + .newsItem {
    margin-top: 16px;
  }
}

.newsItem__data__label[data-maincategory="TCVBからのお知らせ"],
.label--news {
  color: #be6385;
}

.bgSelect-blue .newsItem__data__label[data-maincategory="TCVBからのお知らせ"], .bgSelect-blue
.label--news {
  color: #ff0;
}

.bgSelect-yellow .newsItem__data__label[data-maincategory="TCVBからのお知らせ"], .bgSelect-yellow
.label--news {
  color: #000;
}

.bgSelect-black .newsItem__data__label[data-maincategory="TCVBからのお知らせ"], .bgSelect-black
.label--news {
  color: #ff0;
}

.newsItem__data__label[data-maincategory="プレスリリース"],
.label--press {
  color: #398b9d;
}

.bgSelect-blue .newsItem__data__label[data-maincategory="プレスリリース"], .bgSelect-blue
.label--press {
  color: #ff0;
}

.bgSelect-yellow .newsItem__data__label[data-maincategory="プレスリリース"], .bgSelect-yellow
.label--press {
  color: #000;
}

.bgSelect-black .newsItem__data__label[data-maincategory="プレスリリース"], .bgSelect-black
.label--press {
  color: #ff0;
}

.newsItem__data__label[data-maincategory="賛助会員限定"],
.label--member {
  color: #349745;
}

.bgSelect-blue .newsItem__data__label[data-maincategory="賛助会員限定"], .bgSelect-blue
.label--member {
  color: #ff0;
}

.bgSelect-yellow .newsItem__data__label[data-maincategory="賛助会員限定"], .bgSelect-yellow
.label--member {
  color: #000;
}

.bgSelect-black .newsItem__data__label[data-maincategory="賛助会員限定"], .bgSelect-black
.label--member {
  color: #ff0;
}

/*
labelList
---------------------------*/
.newsCategory {
  position: relative;
  margin-top: 24px;
}

@media screen and (max-width: 750px) {
  .newsCategory {
    margin-top: 20px;
  }
}

.labelList {
  display: flex;
  margin-top: 22px;
}

@media screen and (max-width: 750px) {
  .labelList {
    flex-wrap: wrap;
    margin: 0 -5px;
    box-sizing: border-box;
  }
}

.labelList__item {
  display: block;
  padding-left: 0;
}

@media screen and (max-width: 750px) {
  .labelList__item {
    width: 50%;
    padding: 0 5px;
    margin-top: 6px;
    box-sizing: border-box;
  }
}

.labelList__item:before {
  content: none;
}

.labelList__item:first-child:before {
  padding-left: 0;
  left: 0;
  right: auto;
}

.labelList__item:after {
  right: 2px;
  left: auto;
}

.labelList__item:first-child:before, .labelList__item:after {
  content: '|';
  display: block;
  border: none;
  position: absolute;
  background: none;
  top: 0;
  width: 1px;
  color: #4c3f28;
  border-radius: 0;
  z-index: -1;
}

.bgSelect-blue .labelList__item:first-child:before, .bgSelect-blue .labelList__item:after {
  content: none;
}

.bgSelect-yellow .labelList__item:first-child:before, .bgSelect-yellow .labelList__item:after {
  content: none;
}

.bgSelect-black .labelList__item:first-child:before, .bgSelect-black .labelList__item:after {
  content: none;
}

@media screen and (max-width: 980px) {
  .labelList__item:first-child:before, .labelList__item:after {
    margin-top: 0;
    font-size: inherit;
    line-height: inherit;
  }
}

@media screen and (max-width: 750px) {
  .labelList__item:first-child:before, .labelList__item:after {
    content: none;
  }
}

.labelList__item + .labelList__item {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .labelList__item + .labelList__item {
    margin-top: 6px;
  }
}

.labelList__item__btn {
  position: relative;
  display: block;
  padding: 6px 23px 6px 22px;
  font-size: 100%;
  line-height: 100%;
  text-decoration: none;
  z-index: 2;
}

@media screen and (max-width: 750px) {
  .labelList__item__btn {
    display: flex;
    height: 100%;
    padding: 3px 5px;
    color: #fff;
    border: none;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    font-size: 85.71429%;
    line-height: 134%;
    background-color: #4c3e27;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid;
  }
  .bgSelect-blue .labelList__item__btn {
    background-color: #00008B;
  }
  .bgSelect-yellow .labelList__item__btn {
    background-color: #ff0;
  }
  .bgSelect-black .labelList__item__btn {
    background-color: #000;
  }
}

.bgSelect-blue .labelList__item__btn, .bgSelect-blue .labelList__item__btn:hover {
  background-color: #00008B;
  color: #ff0;
}

.bgSelect-yellow .labelList__item__btn, .bgSelect-yellow .labelList__item__btn:hover {
  background-color: #ff0;
  color: #000;
}

.bgSelect-black .labelList__item__btn, .bgSelect-black .labelList__item__btn:hover {
  background-color: #000;
  color: #ff0;
}

.labelList__item__btn.is-active {
  background-color: #4c3e27;
  color: #fff;
  margin: 0 -2px;
}

.labelList__item__btn.is-active:hover {
  opacity: .85;
}

.bgSelect-blue .labelList__item__btn.is-active {
  background-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .labelList__item__btn.is-active {
  background-color: #000;
  color: #ff0;
}

.bgSelect-black .labelList__item__btn.is-active {
  background-color: #ff0;
  color: #000;
}

@media screen and (max-width: 750px) {
  .labelList__item__btn.is-active {
    background: inherit;
    color: #4c3e27;
    margin: 0;
  }
}

@media screen and (max-width: 750px) {
  .labelList__item:last-child .labelList__item__btn {
    border: 1px solid;
  }
}

.bgSelect-blue .labelList__item:last-child .labelList__item__btn {
  border-color: #ff0;
}

.bgSelect-yellow .labelList__item:last-child .labelList__item__btn {
  border-color: #000;
}

.bgSelect-black .labelList__item:last-child .labelList__item__btn {
  border-color: #ff0;
}

.labelList__item__btn[data-main='news'],
.labelList__item__btn[data-main='news']:hover {
  color: #be6385;
}

@media screen and (max-width: 750px) {
  .labelList__item__btn[data-main='news'],
  .labelList__item__btn[data-main='news']:hover {
    background-color: #be6385;
    color: #fff;
  }
}

.labelList__item__btn[data-main='news'].is-active {
  background-color: #be6385;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .labelList__item__btn[data-main='news'].is-active {
    background-color: inherit;
    color: #be6385;
  }
}

.labelList__item__btn[data-main='press'],
.labelList__item__btn[data-main='press']:hover {
  color: #398b9d;
}

@media screen and (max-width: 750px) {
  .labelList__item__btn[data-main='press'],
  .labelList__item__btn[data-main='press']:hover {
    background-color: #398b9d;
    color: #fff;
  }
}

.labelList__item__btn[data-main='press'].is-active {
  background-color: #398b9d;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .labelList__item__btn[data-main='press'].is-active {
    background-color: inherit;
    color: #398b9d;
  }
}

.labelList__item__btn[data-main='member'],
.labelList__item__btn[data-main='member']:hover {
  color: #349745;
}

@media screen and (max-width: 750px) {
  .labelList__item__btn[data-main='member'],
  .labelList__item__btn[data-main='member']:hover {
    background-color: #349745;
    color: #fff;
  }
}

.labelList__item__btn[data-main='member'].is-active {
  background-color: #349745;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .labelList__item__btn[data-main='member'].is-active {
    background-color: inherit;
    color: #349745;
  }
}

.bgSelect-blue .labelList__item__btn[data-main='news'], .bgSelect-blue
.labelList__item__btn[data-main='press'], .bgSelect-blue
.labelList__item__btn[data-main='member'] {
  background-color: #00008B;
  color: #ff0;
}

.bgSelect-yellow .labelList__item__btn[data-main='news'], .bgSelect-yellow
.labelList__item__btn[data-main='press'], .bgSelect-yellow
.labelList__item__btn[data-main='member'] {
  background-color: #ff0;
  color: #000;
}

.bgSelect-black .labelList__item__btn[data-main='news'], .bgSelect-black
.labelList__item__btn[data-main='press'], .bgSelect-black
.labelList__item__btn[data-main='member'] {
  background-color: #000;
  color: #ff0;
}

.bgSelect-blue .labelList__item__btn[data-main='news'].is-active, .bgSelect-blue
.labelList__item__btn[data-main='press'].is-active, .bgSelect-blue
.labelList__item__btn[data-main='member'].is-active {
  background-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .labelList__item__btn[data-main='news'].is-active, .bgSelect-yellow
.labelList__item__btn[data-main='press'].is-active, .bgSelect-yellow
.labelList__item__btn[data-main='member'].is-active {
  background-color: #000;
  color: #ff0;
}

.bgSelect-black .labelList__item__btn[data-main='news'].is-active, .bgSelect-black
.labelList__item__btn[data-main='press'].is-active, .bgSelect-black
.labelList__item__btn[data-main='member'].is-active {
  background-color: #ff0;
  color: #000;
}

/* ***************************
card
*************************** */
.cardBox {
  position: relative;
  overflow: visible;
  padding: 0 10px 0;
}

.card {
  display: block;
  color: #fff;
  position: relative;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .card {
    display: inline-block;
  }
}

.card:hover, .card:visited {
  color: #fff;
  opacity: 1;
}

.card:after {
  display: none !important;
}

.card .card__image img {
  display: block;
  max-height: 150px;
  width: auto;
}

@media all and (-ms-high-contrast: none) {
  .card .card__image img {
    display: block;
    margin: 0 auto;
    width: calc(100% - 40px);
    max-height: 150px;
  }
}

.card:hover .card__image span {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  transition-duration: 0.3s;
}

.card[href^="http"]:not([href*="www.tcvb.or.jp"]) .card__text {
  position: relative;
}

.card[href^="http"]:not([href*="www.tcvb.or.jp"]) .card__text:after {
  position: absolute;
  margin: auto;
  top: 0;
  right: 5px;
  bottom: 0;
  left: auto;
}

.card__image {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin: 0;
  padding: 45px 20px;
  height: 200px;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #4c3f28;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #fff;
}

.bgSelect-blue .card__image {
  background: #00008B;
  border-color: #ff0;
  color: #fff;
}

.bgSelect-yellow .card__image {
  background: #ff0;
  border-color: #000;
  color: #00008B;
}

.bgSelect-black .card__image {
  background: #000;
  border-color: #ff0;
  color: #fff;
}

.card__image span {
  font-size: 114.28571%;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
  transition-duration: 0.3s;
}

@media screen and (max-width: 750px) {
  .card__image span {
    font-size: 100%;
    line-height: 150%;
  }
}

@media screen and (max-width: 750px) {
  .card__image {
    width: 280px;
  }
}

.card__text {
  margin-top: 10px;
  text-align: center;
  padding: 0 25px;
  font-size: 114.28571%;
  line-height: 150%;
  font-weight: bold;
  text-decoration: underline;
}

.bgSelect-blue .card__text {
  color: #fff;
}

.bgSelect-yellow .card__text {
  color: #00008B;
}

.bgSelect-black .card__text {
  color: #fff;
}

@media screen and (max-width: 750px) {
  .card__text {
    width: 280px;
    box-sizing: border-box;
    font-size: 100%;
    line-height: 150%;
  }
}

.card:hover .card__text {
  opacity: .85;
}

.card .newMark {
  position: absolute;
  top: -10px;
  left: -9px;
  z-index: 1;
}

.memberCard {
  position: relative;
  display: flex;
  height: 100%;
  color: #fff;
  flex-direction: column;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .memberCard {
    display: inline-block;
  }
}

.memberCard:hover, .memberCard:visited {
  color: #fff;
  opacity: 1;
}

.memberCard:after {
  display: none !important;
}

.memberCard__image {
  display: flex;
  margin: 0;
  padding: 45px 20px;
  height: 200px;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #4c3f28;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid #fff;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .memberCard__image {
    width: 280px;
  }
}

.bgSelect-blue .memberCard__image {
  background: #00008B;
  border-color: #ff0;
  color: #fff;
}

.bgSelect-yellow .memberCard__image {
  background: #ff0;
  border-color: #000;
  color: #00008B;
}

.bgSelect-black .memberCard__image {
  background: #000;
  border-color: #ff0;
  color: #fff;
}

.memberCard__image img {
  display: block;
  max-height: 150px;
  width: auto;
}

@media all and (-ms-high-contrast: none) {
  .memberCard__image img {
    display: block;
    margin: 0 auto;
    width: calc(100% - 40px);
    max-height: 150px;
  }
}

.memberCard__image__inner {
  font-size: 114.28571%;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
  transition-duration: 0.3s;
}

@media screen and (max-width: 750px) {
  .memberCard__image__inner {
    font-size: 100%;
    line-height: 150%;
  }
}

.memberCard:hover .memberCard__image__inner {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  transition-duration: 0.3s;
}

.memberCard__text {
  display: flex;
  min-height: 32px;
  margin-top: 0;
  padding: 6px 8px 5px;
  color: #4c3f28;
  font-size: 92.85714%;
  line-height: 124%;
  font-weight: bold;
  background-color: #e9d9ba;
  border: 1px solid #e9d9ba;
  border-top-width: 0;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
}

.bgSelect-blue .memberCard__text {
  background-color: #00008B;
  border-color: #ff0;
  color: #fff;
}

.bgSelect-yellow .memberCard__text {
  background-color: #ff0;
  border-color: #000;
  color: #00008B;
}

.bgSelect-black .memberCard__text {
  background-color: #000;
  border-color: #ff0;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .memberCard__text {
    width: 280px;
    font-size: 100%;
    line-height: 150%;
  }
}

.memberCard:hover .memberCard__text {
  text-decoration: underline;
}

.memberCard .newMark {
  position: absolute;
  top: -10px;
  left: -9px;
  z-index: 1;
}

.nameCard {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-top: 50px;
}

@media screen and (max-width: 750px) {
  .nameCard {
    margin-top: 20px;
    align-items: center;
    justify-content: center;
  }
}

.nameCard__text {
  padding: 20px 0 0 25px;
}

@media screen and (max-width: 750px) {
  .nameCard__text {
    width: 100%;
    padding: 20px 0 0 10px;
    text-align: center;
    box-sizing: border-box;
  }
}

.nameCard__text__body span {
  display: block;
  color: #4c3e27;
  font-weight: bold;
}

.bgSelect-blue .nameCard__text__body span {
  color: #ff0;
}

.bgSelect-yellow .nameCard__text__body span {
  color: #000;
}

.bgSelect-black .nameCard__text__body span {
  color: #ff0;
}

.nameCard__text__body .postName {
  font-size: 114.28571%;
  line-height: 175%;
}

.nameCard__text__body .presidentName {
  margin-top: 12px;
  font-size: 157.14286%;
  line-height: 137%;
}

/*
newMark
---------------------------*/
.newMark {
  width: 68px;
  height: 36px;
  display: table;
  background-color: #cf1225;
  border: 1px solid #cf1225;
  box-sizing: border-box;
}

.bgSelect-blue .newMark {
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .newMark {
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .newMark {
  background: #000;
  border-color: #ff0;
}

.newMark span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 114.28571%;
  line-height: 150%;
}

.bgSelect-blue .newMark span {
  color: #ff0;
}

.bgSelect-yellow .newMark span {
  color: #000;
}

.bgSelect-black .newMark span {
  color: #ff0;
}

/* ***************************
memberDetail
*************************** */
.memberDetail__body {
  padding: 30px 20px 40px;
}

.bgSelect-blue .memberDetail__body {
  color: #ff0;
  background: #00008B;
}

.bgSelect-yellow .memberDetail__body {
  color: #000;
  background: #ff0;
}

.bgSelect-black .memberDetail__body {
  color: #ff0;
  background: #000;
}

.memberDetail__body_old {
  padding: 30px 20px 40px;
  background: #4c3f28;
  display: flex;
  box-sizing: border-box;
  color: #fff;
}

.memberDetail__body__left {
  width: 42%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .memberDetail__body__left {
    width: 100%;
  }
}

.memberDetail__body__right {
  width: 58%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .memberDetail__body__right {
    width: 100%;
    margin-top: 20px;
  }
}

.memberDetail__bottom {
  position: fixed;
  width: 100%;
  padding: 10px 20px;
  bottom: 0;
  background: #4c3f28;
  box-sizing: border-box;
}

.memberDetail__bottom .btnWrap {
  text-align: right;
}

@media screen and (max-width: 750px) {
  .memberDetail__bottom .btnWrap {
    text-align: center;
  }
}

.memPR {
  padding: 10px;
  background: #efeeec;
  color: #5e5e5e;
}

.memInfo {
  margin-top: 18px;
}

.memName {
  margin: 0;
  padding: 0;
  border: none;
  color: #fff;
}

.memName:before {
  content: none;
}

.memInfo__detail {
  margin-top: 14px;
}

.memInfo__detail__url a {
  color: #fff;
}

.memData__item {
  margin-top: 28px;
}

.memData__item + .memData__item {
  margin-top: 16px;
}

.memDate__name {
  margin: 0 0 30px;
  padding: 0;
}

@media screen and (max-width: 750px) {
  .memDate__name {
    margin-bottom: 18px;
  }
}

.memData__logo {
  text-align: center;
}

.memData__pr {
  margin-top: 18px;
}

.memData__item__list {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 10px;
  border-top: 1px solid #4c3f28;
}

.bgSelect-blue .memData__item__list {
  border-color: #ff0;
}

.bgSelect-yellow .memData__item__list {
  border-color: #000;
}

.bgSelect-black .memData__item__list {
  border-color: #ff0;
}

.memData__item__list:last-child {
  border-bottom: 1px solid #4c3f28;
}

.bgSelect-blue .memData__item__list:last-child {
  border-color: #ff0;
}

.bgSelect-yellow .memData__item__list:last-child {
  border-color: #000;
}

.bgSelect-black .memData__item__list:last-child {
  border-color: #ff0;
}

.memData__item__list__ttl {
  width: 240px;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .memData__item__list__ttl {
    width: 100%;
  }
}

.memData__item__list__text {
  width: calc(100% - 240px);
}

@media screen and (max-width: 750px) {
  .memData__item__list__text {
    width: 100%;
    margin-top: 8px;
  }
}

.memData__sticker {
  text-align: right;
}

.memData__sticker + * {
  margin-top: 15px;
}

.memData__sticker + *:not(.memDate__name) {
  margin-top: 25px;
}

.memData__sticker img {
  max-width: 30%;
}

/* ***************************
pageBottomBox
*************************** */
.pageBottomBox {
  margin: 118px 0 84px;
}

/* ***************************
slick
*************************** */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  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);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: table;
}

.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;
  box-sizing: border-box;
}

[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;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots {
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 94px;
  height: 14px;
  margin: 0 auto;
  padding: 0;
}

.slick-dots li {
  width: 21px;
  margin: 0;
  padding: 0;
  font-size: 0%;
  line-height: 100%;
  text-align: center;
}

.slick-dots li:before {
  display: none;
}

.slick-dots li + li {
  margin: 0;
}

.slick-dots button {
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  font-size: 0%;
  line-height: 0;
  background: #ccc;
  border: none;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  color: #000;
}

.slick-dots .slick-active button {
  width: 10px;
  height: 10px;
  background: #666;
}

.bgSelect-blue .slick-dots .slick-active button {
  background: #ff0;
}

.bgSelect-yellow .slick-dots .slick-active button {
  background: #000;
}

.bgSelect-black .slick-dots .slick-active button {
  background: #ff0;
}

.stopBtn {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 26px;
  z-index: 5;
}

.stopBtn a {
  display: block;
  width: 40px;
  height: 0;
  padding-top: 26px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.stopBtn a:hover {
  background: rgba(0, 0, 0, 0.7);
}

.stopBtn a:before, .stopBtn a:after {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  height: 12px;
  background: #fff;
}

.stopBtn a:before {
  top: 7px;
  left: 14px;
}

.stopBtn a:after {
  top: 7px;
  left: 23px;
}

.stopBtn a.is-active:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 12px;
  border-color: transparent transparent transparent #7f7f7f;
  background: none;
}

.stopBtn a.is-active:after {
  display: none;
}

/*
fSlider
--------------------------- */
.fSlider {
  position: relative;
  max-width: 1135px;
  margin: 0 auto;
  padding: 27px 48px 37px;
}

@media screen and (max-width: 750px) {
  .fSlider {
    padding: 54px 0;
  }
}

.fSlider .slick-list {
  padding: 20px 0 10px;
}

@media screen and (max-width: 750px) {
  .fSlider .slick-list {
    max-width: 250px;
    margin: 0 auto;
    padding: 0;
  }
}

.base--brand .fSlider {
  display: none;
}

.fSlider .stopBtn {
  position: relative;
  top: 0;
  right: 0;
  width: 30px;
  height: 18px;
  margin: 0 0 0 5px;
  z-index: 5;
}

.fSlider .stopBtn a {
  width: 30px;
  padding-top: 18px;
}

.fSlider .stopBtn a:before, .fSlider .stopBtn a:after {
  content: '';
  position: absolute;
  display: block;
  width: 3px;
  height: 8px;
  background: #fff;
}

.fSlider .stopBtn a:before {
  top: 5px;
  left: 11px;
}

.fSlider .stopBtn a:after {
  top: 5px;
  left: 16px;
  margin-left: 0;
}

.fSlider .stopBtn a.is-active:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 8px;
  border-color: transparent transparent transparent #fff;
  background: none;
}

.fSlider .stopBtn a.is-active:after {
  display: none;
}

.fSlider__body {
  display: none;
}

.fSlider__body.slick-initialized {
  display: block;
}

.fSlider .slick-track {
  margin: 0 auto;
}

.fSlider .slick-slide {
  text-align: center;
  padding: 0 3px;
}

.fSlider .slick-slide:hover .slideCard {
  top: -17px;
}

@media screen and (max-width: 750px) {
  .fSlider .slick-slide:hover .slideCard {
    top: 0;
  }
}

.fSlider__body .slick-dots {
  position: absolute;
  bottom: -22px;
  width: auto;
  height: 18px;
  padding: 0;
}

@media screen and (max-width: 750px) {
  .fSlider__body .slick-dots {
    bottom: -30px;
  }
}

.fSlider__body .slick-dots button {
  margin-top: 2px;
}

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

.slideCard {
  position: relative;
  float: none;
  vertical-align: middle;
  max-width: 222px;
  margin: 0;
  top: 0;
  transition: top .2s;
  box-shadow: 3px 3px 6px rgba(200, 200, 200, 0.8);
}

.bgSelect-blue .slideCard {
  box-shadow: none;
}

.bgSelect-yellow .slideCard {
  box-shadow: none;
}

.bgSelect-black .slideCard {
  box-shadow: none;
}

@media screen and (max-width: 750px) {
  .slideCard {
    margin: 10px 0;
    padding: 0;
  }
}

.slideCard img {
  width: 100%;
  height: auto;
}

.slideCard__item {
  display: block;
  text-decoration: none;
  position: relative;
}

.slideCard__item:after {
  display: none !important;
}

.slideCard__item:hover {
  opacity: 1;
}

.cardContents {
  background-color: #fff;
  padding: 12px 30px 12px 18px;
  display: flex;
  align-items: center;
}

.bgSelect-blue .cardContents {
  background: #00008B;
}

.bgSelect-yellow .cardContents {
  background: #00008B;
}

.bgSelect-black .cardContents {
  background: #000;
}

.cardText {
  font-size: 100%;
  line-height: 129%;
  font-weight: bold;
  color: #4c3e27;
  text-align: left;
}

.bgSelect-blue .cardText {
  color: #ff0;
}

.bgSelect-yellow .cardText {
  color: #000;
}

.bgSelect-black .cardText {
  color: #ff0;
}

.slick-prev, .slick-next {
  font-size: 0%;
  line-height: 0;
  position: absolute;
  top: 35px;
  bottom: 0;
  margin: auto;
  display: block;
  width: 24px;
  height: 28px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

@media screen and (max-width: 750px) {
  .slick-prev, .slick-next {
    top: 33px;
  }
}

.slick-prev:before, .slick-next:before {
  content: '';
  top: 6px;
  width: 16px;
  height: 16px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 750px) {
  .slick-prev:before, .slick-next:before {
    top: 4px;
    width: 18px;
    height: 18px;
  }
}

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

@media screen and (max-width: 750px) {
  .slick-prev {
    left: calc(50% - 151px);
  }
}

.slick-prev:before {
  border-bottom: 2px solid #4c3f28;
  border-left: 2px solid #4c3f28;
  left: 5px;
}

@media screen and (max-width: 750px) {
  .slick-prev:before {
    left: 7px;
  }
}

.slick-next {
  right: -50px;
}

@media screen and (max-width: 750px) {
  .slick-next {
    right: calc(50% - 149px);
  }
}

.slick-next:before {
  right: 8px;
  border-top: 2px solid #4c3f28;
  border-right: 2px solid #4c3f28;
}

@media screen and (max-width: 750px) {
  .slick-next:before {
    right: 6px;
  }
}

.bgSelect-blue .slick-prev:before, .bgSelect-blue .slick-next:before {
  border-color: #ff0;
}

.bgSelect-black .slick-prev:before, .bgSelect-black .slick-next:before {
  border-color: #ff0;
}

.overlay {
  width: 0;
  height: 0;
  display: none;
}

@media screen and (max-width: 980px) {
  .overlay {
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 6;
  }
}

.scrollLeft, .scrollRight {
  position: absolute;
  display: none;
  font-size: 0%;
  top: -15px;
  bottom: 0;
  margin: auto;
}

.scrollLeft:before, .scrollRight:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #292929;
  border-radius: 0;
}

.bgSelect-blue .scrollLeft:before, .bgSelect-blue .scrollRight:before {
  border-color: transparent transparent transparent #ff0;
}

.bgSelect-yellow .scrollLeft:before, .bgSelect-yellow .scrollRight:before {
  border-color: transparent transparent transparent #000;
}

.bgSelect-black .scrollLeft:before, .bgSelect-black .scrollRight:before {
  border-color: transparent transparent transparent #ff0;
}

.scrollLeft:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  left: -12px;
}

.scrollRight {
  right: 0;
}

.scrollRight:before {
  right: -14px;
}

/* ***************************
inforArea
*************************** */
.inforArea {
  position: relative;
}

@media screen and (min-width: 751px) {
  .inforArea h2 {
    padding-right: 90px;
  }
}

.inforArea__item {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.inforArea__item + .inforArea__item {
  margin-top: 8px;
}

.inforArea__item dt {
  max-width: 150px;
  padding-top: 1px;
  padding-right: 30px;
  box-sizing: border-box;
}

.inforArea__item dd {
  box-sizing: border-box;
}

.inforArea__more {
  margin-top: 0;
}

@media screen and (min-width: 751px) {
  .inforArea__more {
    position: absolute;
    top: 5px;
    right: 0;
  }
}

@media screen and (max-width: 750px) {
  .inforArea__more {
    display: table;
    margin: 25px auto 10px;
  }
}

@media screen and (max-width: 750px) {
  .inforArea a.inforArea__more__link {
    display: table-cell;
    min-width: 70px;
    padding: 7px 40px 6px;
    position: relative;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: #4c3e27;
    border-radius: 20px;
    text-decoration: none;
  }
}

.inforArea .viewMore {
  display: table;
  margin: 20px auto 10px;
}

.inforArea .viewMore a {
  display: table-cell;
  min-width: 70px;
  padding: 7px 40px 6px;
  position: relative;
  font-weight: bold;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background: #4c3e27;
  border-radius: 20px;
  text-decoration: none;
}

.inforArea .viewMore a:hover {
  background: #cf1225;
  opacity: 1;
}

.inforArea .viewMore a:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.is-open + .viewMore a {
  background: #cf1225;
}

.is-open + .viewMore a:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.is-open + .viewMore a:hover {
  background: #4c3e27;
}

.acHide {
  display: none;
  margin-top: 8px;
}

.memDetail {
  border: 1px solid #4c3f28;
}

.bgSelect-blue .memDetail {
  border-color: #ff0;
}

.bgSelect-yellow .memDetail {
  border-color: #000;
}

.bgSelect-black .memDetail {
  border-color: #ff0;
}

.sachMember {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 18px;
  align-items: center;
  border-bottom: 1px solid #4c3f28;
}

.bgSelect-blue .sachMember {
  border-color: #ff0;
}

.bgSelect-yellow .sachMember {
  border-color: #000;
}

.bgSelect-black .sachMember {
  border-color: #ff0;
}

.sachMember dt {
  width: 270px;
  padding: 0 10px 0 25px;
  font-size: 142.85714%;
  line-height: 180%;
  font-weight: bold;
  color: #4c3f28;
  box-sizing: border-box;
}

.bgSelect-blue .sachMember dt {
  color: #ff0;
}

.bgSelect-yellow .sachMember dt {
  color: #000;
}

.bgSelect-black .sachMember dt {
  color: #ff0;
}

@media screen and (max-width: 750px) {
  .sachMember dt {
    width: 100%;
    padding-left: 0;
    font-size: 128.57143%;
    line-height: 134%;
  }
}

.sachMember dd {
  position: relative;
  width: calc(100% - 270px);
}

@media screen and (max-width: 750px) {
  .sachMember dd {
    width: 100%;
    margin-top: 8px;
  }
}

.sachMember dd input {
  width: calc(100% - 40px);
  height: 42px;
  padding-left: 10px;
  border: 1px solid #4c3f28;
  font-size: 157.14286%;
  line-height: 173%;
  color: #292929;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .sachMember dd input {
    height: 32px;
    padding: 5px 0 5px 10px;
    box-sizing: border-box;
    font-size: 114.28571%;
    line-height: 125%;
  }
}

.bgSelect-blue .sachMember dd input {
  background: #00008B;
  border-color: #ff0;
  color: #ff0;
}

.bgSelect-yellow .sachMember dd input {
  background: #ff0;
  border-color: #000;
  color: #000;
}

.bgSelect-yellow .sachMember dd input:-moz-placeholder-shown {
  color: #a9a9a9;
}

.bgSelect-yellow .sachMember dd input:placeholder-shown {
  color: #a9a9a9;
}

.bgSelect-yellow .sachMember dd input::-webkit-input-placeholder {
  color: #a9a9a9;
}

.bgSelect-yellow .sachMember dd input:-moz-placeholder {
  color: #a9a9a9;
}

.bgSelect-yellow .sachMember dd input::-moz-placeholder {
  color: #a9a9a9;
}

.bgSelect-yellow .sachMember dd input:-ms-input-placeholder {
  color: #a9a9a9;
}

.bgSelect-black .sachMember dd input {
  background: #000;
  border-color: #ff0;
  color: #ff0;
}

.sachMember dd input:-moz-placeholder-shown {
  color: #efeeec;
}

.sachMember dd input:placeholder-shown {
  color: #efeeec;
}

.sachMember dd input::-webkit-input-placeholder {
  color: #efeeec;
}

.sachMember dd input:-moz-placeholder {
  color: #efeeec;
}

.sachMember dd input::-moz-placeholder {
  color: #efeeec;
}

.sachMember dd input:-ms-input-placeholder {
  color: #efeeec;
}

.sachMember dd input:focus {
  color: #292929;
}

.sachMember__btn {
  position: absolute;
  width: 40px;
  height: 42px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  padding: 0;
  background-color: #4c3f28;
  box-sizing: border-box;
  font-size: 0%;
  color: #fff;
}

.bgSelect-blue .sachMember__btn {
  background: #00008B;
  border: 1px solid #ff0;
}

.bgSelect-yellow .sachMember__btn {
  background: #ff0;
  border: 1px solid #000;
}

.bgSelect-black .sachMember__btn {
  background: #000;
  border: 1px solid #ff0;
}

@media screen and (max-width: 750px) {
  .sachMember__btn {
    height: 32px;
  }
}

.sachMember__btn:after {
  content: "\e902";
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: auto;
  font-size: 20px;
  line-height: 20px;
  color: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.bgSelect-blue .sachMember__btn:after {
  color: #fff;
}

.bgSelect-yellow .sachMember__btn:after {
  color: #000;
}

.bgSelect-black .sachMember__btn:after {
  color: #ff0;
}

.sachMember__bottomBtn {
  display: table;
  margin: 30px auto 0;
  background-color: #4c3f28;
  color: #fff;
  vertical-align: top;
  border-radius: 20px;
  box-sizing: border-box;
}

.bgSelect-blue .sachMember__bottomBtn {
  background-color: #00008B;
  border: 1px solid #ff0;
  color: #fff;
}

.bgSelect-yellow .sachMember__bottomBtn {
  background-color: #ff0;
  border: 1px solid #000;
  color: #000;
}

.bgSelect-black .sachMember__bottomBtn {
  background-color: #000;
  border: 1px solid #ff0;
  color: #ff0;
}

.sachMember__bottomBtn span {
  display: table-cell;
  min-width: 200px;
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 114.28571%;
  line-height: 175%;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .sachMember__bottomBtn span {
    font-size: 100%;
    line-height: 172%;
  }
}

.memDetail__body .closeBtn {
  display: none;
  width: 100%;
  padding: 10px;
  background: #efeeec;
  margin: 20px -10px 0;
  font-size: 128.57143%;
  line-height: 123%;
  box-sizing: content-box;
}

.bgSelect-blue .memDetail__body .closeBtn {
  background: #00008B;
  border-top: 1px solid #ff0;
  border-bottom: 1px solid #ff0;
}

.bgSelect-yellow .memDetail__body .closeBtn {
  background: #ff0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.bgSelect-black .memDetail__body .closeBtn {
  background: #000;
  border-top: 1px solid #ff0;
  border-bottom: 1px solid #ff0;
}

.memDetail__body .closeBtn span {
  position: relative;
  display: inline-block;
}

.bgSelect-blue .memDetail__body .closeBtn span {
  color: #fff;
}

.bgSelect-yellow .memDetail__body .closeBtn span {
  color: #000;
}

.bgSelect-black .memDetail__body .closeBtn span {
  color: #ff0;
}

.memDetail__body .closeBtn span:before, .memDetail__body .closeBtn span:after {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 4px;
  top: 0;
  bottom: 0;
  left: -30px;
  margin: auto;
  background: #5e5e5e;
}

.bgSelect-blue .memDetail__body .closeBtn span:before, .bgSelect-blue .memDetail__body .closeBtn span:after {
  background: #fff;
}

.bgSelect-yellow .memDetail__body .closeBtn span:before, .bgSelect-yellow .memDetail__body .closeBtn span:after {
  background: #000;
}

.bgSelect-black .memDetail__body .closeBtn span:before, .bgSelect-black .memDetail__body .closeBtn span:after {
  background: #ff0;
}

.memDetail__body .closeBtn span:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.memDetail__body .closeBtn span:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.memDetail__body__content {
  padding: 20px 10px;
  box-sizing: border-box;
}

.acBox legend {
  display: none;
}

.acBox.is-open .acBox__head__btn span:before {
  content: none;
}

.acBox.is-open .acBox__body {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}

.acBox.is-open .closeBtn {
  display: block;
}

.acBox__head {
  position: relative;
  border-bottom: 1px solid #4c3f28;
}

.bgSelect-blue .acBox__head {
  border-color: #ff0;
}

.bgSelect-yellow .acBox__head {
  border-color: #000;
}

.bgSelect-black .acBox__head {
  border-color: #ff0;
}

.acBox__head__ttl {
  padding: 18px 60px 18px 25px;
  font-size: 142.85714%;
  line-height: 180%;
  font-weight: bold;
  color: #4c3f28;
  box-sizing: border-box;
}

.bgSelect-blue .acBox__head__ttl {
  color: #ff0;
}

.bgSelect-yellow .acBox__head__ttl {
  color: #000;
}

.bgSelect-black .acBox__head__ttl {
  color: #ff0;
}

@media screen and (max-width: 750px) {
  .acBox__head__ttl {
    width: 100%;
    padding-left: 0;
    font-size: 128.57143%;
    line-height: 134%;
  }
}

.acBox__head__btn {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.acBox__head__btn span {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  background: #efeeec;
  margin-left: auto;
  z-index: -1;
  font-size: 0%;
}

.bgSelect-blue .acBox__head__btn span {
  background: #00008B;
  box-shadow: 0 0 0 1px #ff0;
}

.bgSelect-yellow .acBox__head__btn span {
  background: #ff0;
  box-shadow: 0 0 0 1px #000;
}

.bgSelect-black .acBox__head__btn span {
  background: #000;
  box-shadow: 0 0 0 1px #ff0;
}

.acBox__head__btn span:before, .acBox__head__btn span:after {
  content: '';
  display: block;
  position: absolute;
  width: 18px;
  height: 2px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #5e5e5e;
}

.bgSelect-blue .acBox__head__btn span:before, .bgSelect-blue .acBox__head__btn span:after {
  background: #ff0;
}

.bgSelect-yellow .acBox__head__btn span:before, .bgSelect-yellow .acBox__head__btn span:after {
  background: #000;
}

.bgSelect-black .acBox__head__btn span:before, .bgSelect-black .acBox__head__btn span:after {
  background: #ff0;
}

.acBox__head__btn span:before {
  width: 2px;
  height: 18px;
}

.acBox__body {
  display: none;
  flex-wrap: wrap;
}

.acBox__body__left, .acBox__body__right {
  width: 50%;
}

@media screen and (max-width: 750px) {
  .acBox__body__left, .acBox__body__right {
    width: 100%;
  }
}

.memCategory {
  width: 100%;
  margin-top: 18px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .memCategory {
    margin-top: 8px;
    float: none;
  }
}

* + .memCategory__list {
  margin-top: 0;
}

.memCategory__list__item {
  padding-left: 0;
}

.memCategory__list__item > label span {
  padding-left: 25px;
  font-weight: bold;
}

.memCategory__list li + li {
  margin-top: 5px;
}

.memCategory__list li:before {
  content: none;
}

.memCategory__list__sub {
  padding-left: 25px;
}

.memCategory__list__sub__item {
  padding-left: 0;
}

.memCategory__list__sub__item span {
  display: inline-block;
  padding-left: 25px;
}

.memCategory__list label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.memCategory__list label:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #292929;
  background: #fff;
  z-index: 1;
}

.bgSelect-blue .memCategory__list label:before {
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .memCategory__list label:before {
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .memCategory__list label:before {
  background: #000;
  border-color: #ff0;
}

.memCategory__list input {
  position: absolute;
  width: 17px;
  height: 17px;
  margin: 0;
  cursor: pointer;
  top: 2px;
}

.memCategory__list input + span:after {
  content: "";
  position: absolute;
  display: none;
  top: 6px;
  left: 2px;
  width: 11px;
  height: 4px;
  border-left: 2px solid #cf1225;
  border-bottom: 2px solid #cf1225;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1;
}

.bgSelect-blue .memCategory__list input + span:after {
  border-color: #ff0;
}

.bgSelect-yellow .memCategory__list input + span:after {
  border-color: #000;
}

.bgSelect-black .memCategory__list input + span:after {
  border-color: #ff0;
}

.memCategory__list input:checked + span:after {
  display: block;
}

.memResult {
  margin-top: 20px;
}

.memResult__link__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
  .memResult__link__list {
    box-sizing: border-box;
    margin: 0 -6px;
  }
}

.memResult__link__list__item {
  position: relative;
  padding-left: 0;
}

@media screen and (max-width: 750px) {
  .memResult__link__list__item {
    width: 25%;
    margin-top: 12px;
    padding: 0 6px;
    box-sizing: border-box;
  }
}

.memResult__link__list__item:before {
  content: none;
}

.memResult__link__list__item:after {
  content: '|';
  display: inline-block;
  top: -1px;
  right: 10px;
  margin: 0 10px;
}

@media screen and (max-width: 750px) {
  .memResult__link__list__item:after {
    content: none;
  }
}

.memResult__link__list__item a {
  position: relative;
  text-decoration: none;
  letter-spacing: normal;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .memResult__link__list__item a {
    display: block;
    border: 1px solid #4c3f28;
    font-weight: bold;
    padding: 6px 30px 6px 10px;
    background: #efeeec;
    text-decoration: underline;
  }
}

@media screen and (max-width: 750px) {
  .memResult__link__list__item a:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 7px;
    border-right: 2px solid #4c3e27;
    border-bottom: 2px solid #4c3e27;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: -5px;
    right: 8px;
    bottom: 0;
    margin: auto;
  }
}

.memResult__link__list__item + li {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .memResult__link__list__item + li {
    margin-top: 10px;
  }
}

.memResult__link__list__item:last-child:after {
  content: none;
}

.memResult__list__item {
  padding-left: 0;
}

.memResult__list__item:before {
  content: none;
}

.results__list {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

.results__list__item {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  width: 33.3333%;
  padding: 6px 10px;
  box-sizing: border-box;
  border-right: 1px solid #4c3f28;
  border-bottom: 1px solid #4c3f28;
  justify-content: center;
  align-items: center;
  background: #fff;
}

.bgSelect-blue .results__list__item {
  border-color: #ff0;
  background: #00008B;
}

.bgSelect-yellow .results__list__item {
  border-color: #000;
  background: #ff0;
}

.bgSelect-black .results__list__item {
  border-color: #ff0;
  background: #000;
}

.results__list__item:first-child, .results__list__item:nth-child(2), .results__list__item:nth-child(3) {
  border-top: 1px solid #4c3f28;
}

.bgSelect-blue .results__list__item:first-child, .bgSelect-blue .results__list__item:nth-child(2), .bgSelect-blue .results__list__item:nth-child(3) {
  border-color: #ff0;
}

.bgSelect-yellow .results__list__item:first-child, .bgSelect-yellow .results__list__item:nth-child(2), .bgSelect-yellow .results__list__item:nth-child(3) {
  border-color: #000;
}

.bgSelect-black .results__list__item:first-child, .bgSelect-black .results__list__item:nth-child(2), .bgSelect-black .results__list__item:nth-child(3) {
  border-color: #ff0;
}

.results__list__item:first-child, .results__list__item:nth-child(3n+1) {
  border-left: 1px solid #4c3f28;
}

.bgSelect-blue .results__list__item:first-child, .bgSelect-blue .results__list__item:nth-child(3n+1) {
  border-color: #ff0;
}

.bgSelect-yellow .results__list__item:first-child, .bgSelect-yellow .results__list__item:nth-child(3n+1) {
  border-color: #000;
}

.bgSelect-black .results__list__item:first-child, .bgSelect-black .results__list__item:nth-child(3n+1) {
  border-color: #ff0;
}

.results__list__item:nth-child(6n+1), .results__list__item:nth-child(6n+2), .results__list__item:nth-child(6n+3) {
  background: #efeeec;
}

.bgSelect-blue .results__list__item:nth-child(6n+1), .bgSelect-blue .results__list__item:nth-child(6n+2), .bgSelect-blue .results__list__item:nth-child(6n+3) {
  border-color: #ff0;
  background: #00008B;
}

.bgSelect-yellow .results__list__item:nth-child(6n+1), .bgSelect-yellow .results__list__item:nth-child(6n+2), .bgSelect-yellow .results__list__item:nth-child(6n+3) {
  border-color: #000;
  background: #ff0;
}

.bgSelect-black .results__list__item:nth-child(6n+1), .bgSelect-black .results__list__item:nth-child(6n+2), .bgSelect-black .results__list__item:nth-child(6n+3) {
  border-color: #ff0;
  background: #000;
}

@media screen and (max-width: 750px) {
  .results__list__item {
    width: 50%;
  }
  .results__list__item:nth-child(6n+1), .results__list__item:nth-child(6n+2), .results__list__item:nth-child(6n+3) {
    background: #fff;
  }
  .results__list__item:nth-child(4n+1), .results__list__item:nth-child(4n+2) {
    background: #efeeec;
  }
  .bgSelect-blue .results__list__item:nth-child(4n+1), .bgSelect-blue .results__list__item:nth-child(4n+2) {
    background: #00008B;
  }
  .bgSelect-yellow .results__list__item:nth-child(4n+1), .bgSelect-yellow .results__list__item:nth-child(4n+2) {
    background: #ff0;
  }
  .bgSelect-black .results__list__item:nth-child(4n+1), .bgSelect-black .results__list__item:nth-child(4n+2) {
    background: #000;
  }
  .results__list__item:nth-child(3) {
    border-top: none;
  }
  .results__list__item:nth-child(3n+1) {
    border-left: none;
  }
  .results__list__item:first-child, .results__list__item:nth-child(2n+1) {
    border-left: 1px solid #4c3f28;
  }
  .bgSelect-blue .results__list__item:first-child, .bgSelect-blue .results__list__item:nth-child(2n+1) {
    border-color: #ff0;
  }
  .bgSelect-yellow .results__list__item:first-child, .bgSelect-yellow .results__list__item:nth-child(2n+1) {
    border-color: #000;
  }
  .bgSelect-black .results__list__item:first-child, .bgSelect-black .results__list__item:nth-child(2n+1) {
    border-color: #ff0;
  }
}

@media screen and (max-width: 540px) {
  .results__list__item {
    width: 100%;
    border-left: 1px solid #4c3f28;
  }
  .results__list__item:nth-child(2) {
    border-top: none;
  }
  .results__list__item:nth-child(3n+1) {
    border-left: 1px solid #4c3f28;
  }
  .results__list__item:nth-child(even) {
    background: #fff;
  }
  .bgSelect-blue .results__list__item:nth-child(even) {
    border-color: #ff0;
    background: #00008B;
  }
  .bgSelect-yellow .results__list__item:nth-child(even) {
    border-color: #000;
    background: #ff0;
  }
  .bgSelect-black .results__list__item:nth-child(even) {
    border-color: #ff0;
    background: #000;
  }
  .results__list__item:nth-child(odd) {
    background: #efeeec;
  }
  .bgSelect-blue .results__list__item:nth-child(odd) {
    border-color: #ff0;
    background: #00008B;
  }
  .bgSelect-yellow .results__list__item:nth-child(odd) {
    border-color: #000;
    background: #ff0;
  }
  .bgSelect-black .results__list__item:nth-child(odd) {
    border-color: #ff0;
    background: #000;
  }
}

.results__list__item:before {
  content: none;
}

.results__list__item + .results__list__item {
  margin-top: 0;
}

.results__list__item a {
  text-align: left;
}

.results__list__item a span {
  display: table;
}

/* ***************************
serachResult
*************************** */
.search-input-area {
  position: relative;
  display: flex;
  align-items: center;
}

.search-input-area input[type="text"] {
  width: 444px;
  height: 32px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #4c3f28;
  font-size: 114.28571%;
  line-height: 138%;
  box-sizing: border-box;
  letter-spacing: normal;
  vertical-align: middle;
}

@media screen and (max-width: 750px) {
  .search-input-area input[type="text"] {
    width: calc(100% - 45px);
  }
}

.bgSelect-blue .search-input-area input[type="text"] {
  color: #fff;
  background: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .search-input-area input[type="text"] {
  color: #ff0;
  background: #ff0;
  border-color: #000;
}

.bgSelect-black .search-input-area input[type="text"] {
  color: #ff0;
  background: #000;
  border-color: #ff0;
}

.search-input-area input[type="submit"] {
  width: 45px;
  height: 32px;
  padding: 0;
  box-sizing: border-box;
  font-size: 0%;
  background-color: #4c3f28;
  background-image: url(/styles/images/search_icon.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center center;
  border: none;
  cursor: pointer;
  letter-spacing: normal;
  vertical-align: middle;
}

.bgSelect-blue .search-input-area input[type="submit"] {
  background-color: #00008B;
  border: 1px solid #ff0;
}

.bgSelect-yellow .search-input-area input[type="submit"] {
  background-color: #ff0;
  background-image: url(/styles/images/search_icon--black.svg);
  border: 1px solid #000;
}

.bgSelect-black .search-input-area input[type="submit"] {
  background-color: #000;
  border: 1px solid #ff0;
}

.docs {
  margin-top: 14px;
}

.doc {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}

* + .doc {
  margin-top: 20px;
}

.doc-link-title {
  width: 100%;
  order: 1;
  margin-bottom: 8px;
}

.doc-link-title a {
  font-size: 114.28571%;
  line-height: 125%;
}

.doc-description {
  width: 100%;
  order: 3;
}

.doc-url-label {
  width: 100%;
  margin-bottom: 12px;
  order: 2;
  color: #4c3f28;
}

.bgSelect-blue .doc-url-label {
  color: #ff0;
}

.bgSelect-yellow .doc-url-label {
  color: #000;
}

.bgSelect-black .doc-url-label {
  color: #ff0;
}

.pager {
  margin-top: 30px;
  font-size: 114.28571%;
  line-height: 125%;
  text-align: center;
}

.pager .pnow {
  font-weight: bold;
  padding: 0 4px;
}

.pager .pnum {
  padding: 0 4px;
}

/* ***************************
pdfBanner
*************************** */
.pdfBanner {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  padding: 15px 10px;
  border: 1px solid #efeeec;
  box-sizing: border-box;
  align-items: center;
}

.bgSelect-blue .pdfBanner {
  border-color: #ff0;
}

.bgSelect-yellow .pdfBanner {
  border-color: #000;
}

.bgSelect-black .pdfBanner {
  border-color: #ff0;
}

.pdfBanner__logo {
  width: 112px;
  padding-right: 20px;
}

@media screen and (max-width: 750px) {
  .pdfBanner__logo {
    width: 100%;
  }
}

.pdfBanner .pdfBanner__logo .pdfBanner__logo__link {
  display: inline-block;
}

.pdfBanner .pdfBanner__logo .pdfBanner__logo__link:after {
  display: none;
}

.pdfBanner__caution {
  width: calc(100% - 132px);
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .pdfBanner__caution {
    width: 100%;
    margin-top: 15px;
  }
}

/* ***************************
linkCard
*************************** */
.linkCardWrap {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  margin: -10px -5px 0;
  box-sizing: border-box;
}

.linkCard {
  width: 50%;
  padding: 0 5px;
  margin-top: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .linkCard {
    width: 100%;
  }
}

.linkCard__item {
  display: block;
  box-sizing: border-box;
  border: 1px solid #4c3f28;
  text-decoration: none;
}

.bgSelect-blue .linkCard__item {
  border-color: #ff0;
}

.bgSelect-yellow .linkCard__item {
  border-color: #000;
}

.bgSelect-black .linkCard__item {
  border-color: #ff0;
}

.linkCard__item:after {
  display: none !important;
}

.linkCard__item__head {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #efeeec;
}

.bgSelect-blue .linkCard__item__head {
  border-color: #ff0;
}

.bgSelect-yellow .linkCard__item__head {
  border-color: #000;
}

.bgSelect-black .linkCard__item__head {
  border-color: #ff0;
}

.linkCard__item__head__ttl {
  padding: 10px;
  font-weight: bold;
  font-size: 114.28571%;
  line-height: 125%;
  color: #4c3f28;
}

.bgSelect-blue .linkCard__item__head__ttl {
  color: #ff0;
}

.bgSelect-yellow .linkCard__item__head__ttl {
  color: #000;
}

.bgSelect-black .linkCard__item__head__ttl {
  color: #ff0;
}

.linkCard__item__body {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  box-sizing: border-box;
}

.linkCard__item__body__txt {
  width: calc(100% - 120px);
}

.linkCard__item__body__img {
  width: 110px;
  padding-left: 10px;
}

/* ***************************
Magnific Popup
*************************** */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 1px 0 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-iframe-holder .mfp-close {
  background: #fff;
  color: #4c3f28;
  text-align: center;
  border-radius: 50%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-iframe-holder {
  padding-top: 55px;
  padding-bottom: 55px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -50px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

@media screen and (max-width: 540px) {
  .mfp-iframe-scaler {
    padding-top: 133.33%;
  }
}

.mfp-iframe-scaler iframe {
  width: 100%;
  height: 98%;
}

.mfp-iframe-scaler .mfp-iframe-wrap {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media all and (max-width: 980px) {
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* ***************************
optIn
*************************** */
.optIn {
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  bottom: 0;
  padding: 30px 20px 20px;
  box-sizing: border-box;
  z-index: 999;
}

.optIn__body {
  display: -ms-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
}

.optIn__body__txt {
  width: calc(100% - 150px);
  box-sizing: border-box;
}

@media all and (max-width: 980px) {
  .optIn__body__txt {
    width: 100%;
  }
}

.optIn__body__txt a {
  color: #fff;
}

.optIn__close {
  position: absolute;
  top: 0;
  right: 7px;
}

.optIn__close__btn {
  position: relative;
  width: 28px;
  height: 28px;
  font-size: 0%;
}

.optIn__close__btn:before, .optIn__close__btn:after {
  content: "";
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}

.optIn__close__btn:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.optIn__close__btn:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.optIn__link {
  width: 150px;
  margin-top: 0;
  padding: 0 10px 0 20px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) {
  .optIn__link {
    width: 100%;
    margin-top: 18px;
    padding: 0;
  }
}

.optIn__link a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

.optIn__link * + a {
  margin-top: 10px;
}

/* ***************************
iconLinkPanel
*************************** */
.iconLinkPanel {
  height: 100%;
}

.bgSelect-blue .iconLinkPanel {
  border: 1px solid #ff0;
  border-radius: 6px;
}

.bgSelect-yellow .iconLinkPanel {
  border: 1px solid #000;
  border-radius: 6px;
}

.bgSelect-black .iconLinkPanel {
  border: 1px solid #ff0;
  border-radius: 6px;
}

.iconLinkPanel__link {
  display: block;
  height: 100%;
  text-decoration: none;
}

.iconLinkPanel__link:hover {
  text-decoration: none;
}

.iconLinkPanel__body {
  display: flex;
  height: 100%;
  padding: 5px;
  align-items: center;
  flex-direction: column;
  border-radius: 6px;
  background-color: #cf1225;
  box-sizing: border-box;
  text-align: center;
}

.bgSelect-blue .iconLinkPanel__body {
  background-color: #00008B;
}

.bgSelect-yellow .iconLinkPanel__body {
  background-color: #ff0;
}

.bgSelect-black .iconLinkPanel__body {
  background-color: #000;
}

.iconLinkPanel__icon {
  display: block;
}

.iconLinkPanel__text {
  display: block;
  margin: auto;
  color: #fff;
  font-size: 100%;
  line-height: 143%;
}

.bgSelect-yellow .iconLinkPanel__text {
  color: #000;
}

/* ***************************
emergency
*************************** */
.emergencyInfo__item {
  position: relative;
  padding-left: 30px;
  color: #4c3f28;
  font-size: 128.57143%;
  line-height: 156%;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .emergencyInfo__item {
    font-size: 100%;
    line-height: 158%;
  }
}

.emergencyInfo__item:before {
  position: absolute;
  top: .16em;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #cf1225;
  font-size: 20px;
  line-height: 20px;
  content: '\e907';
}

@media screen and (max-width: 750px) {
  .emergencyInfo__item:before {
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
  }
}

.bgSelect-blue .emergencyInfo__item:before {
  color: #fff;
}

.bgSelect-yellow .emergencyInfo__item:before {
  color: #000;
}

.bgSelect-black .emergencyInfo__item:before {
  color: #ff0;
}

.emergencyInfo__link {
  color: inherit;
  text-decoration: none;
}

.emergencyInfo__link:hover {
  text-decoration: underline;
}

.emergencyInfo__link:after {
  display: none !important;
}

/* ***************************
brand
*************************** */
.brandPage {
  color: #292929;
  font-size: 114.28571%;
  line-height: 175%;
}

.bgSelect-blue .brandPage {
  color: #ff0;
}

.bgSelect-yellow .brandPage {
  color: #000;
}

.bgSelect-black .brandPage {
  color: #ff0;
}

.brandPage__visual {
  position: relative;
  max-height: 640px;
  overflow: hidden;
}

.brandPage__visual__copy {
  position: absolute;
  top: 80px;
  left: 70px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  z-index: 1;
}

@media screen and (min-width: 1281px) {
  .brandPage__visual__copy {
    left: calc((100vw - 1280px) / 2 + 70px);
  }
}

@media screen and (max-width: 980px) {
  .brandPage__visual__copy {
    right: 0;
    left: 0;
    text-align: center;
  }
}

.brandPage__visual__image {
  position: relative;
  margin-top: 0;
  padding-top: 50%;
  box-sizing: border-box;
}

@media screen and (max-width: 450px) {
  .brandPage__visual__image {
    min-height: 410px;
    padding-top: 0;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 1281px) {
  .brandPage__visual__image {
    max-height: 775px;
  }
}

.brandPage__visual__image img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

@media screen and (max-width: 450px) {
  .brandPage__visual__image img {
    width: auto;
    max-width: none;
    height: 100%;
  }
}

.brandPage__item {
  margin-top: 30px;
}

@media screen and (max-width: 750px) {
  .brandPage__item {
    margin-top: 45px;
  }
}

.brandPage__item + .brandPage__item {
  margin-top: 160px;
}

@media screen and (max-width: 750px) {
  .brandPage__item + .brandPage__item {
    margin-top: 90px;
  }
}

.brandPage__intro {
  max-width: 1000px;
  margin: 0 auto;
  padding: 110px 20px;
}

@media screen and (max-width: 750px) {
  .brandPage__intro {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.brandPage__intro__title {
  margin: 0 auto;
  padding-left: 0;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .brandPage__intro__title {
    max-width: 82%;
  }
}

.brandPage__intro__title svg {
  width: 100%;
  max-width: 480px;
}

.bgSelect-blue .brandPage__intro__title svg {
  fill: #ff0;
}

.bgSelect-yellow .brandPage__intro__title svg {
  fill: #000;
}

.bgSelect-black .brandPage__intro__title svg {
  fill: #ff0;
}

.brandPage__intro__text {
  margin-top: 36px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝", "Yu Mincho", "メイリオ", "Meiryo", sans-serif;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  font-weight: bold;
  font-size: 150%;
  line-height: 186%;
  letter-spacing: 0.1em;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .brandPage__intro__text {
    margin-top: 30px;
    font-size: 137.5%;
    line-height: 210%;
    letter-spacing: normal;
  }
}

.bgSelect-blue .brandPage__intro__text {
  color: #ff0;
}

.bgSelect-yellow .brandPage__intro__text {
  color: #000;
}

.bgSelect-black .brandPage__intro__text {
  color: #ff0;
}

.brandPage__intro__anchor {
  display: flex;
  margin: 55px -5px 0;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .brandPage__intro__anchor {
    display: block;
    margin: 35px 0 0;
  }
}

.brandPage__intro__anchorItem {
  min-width: 210px;
  padding: 5px;
}

.brandPage__intro__anchorItem:before {
  content: none;
}

.brandAnchor__link {
  position: relative;
  display: block;
  padding: 30px 10px 48px;
  color: #fff;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  border-radius: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAgMAAACd/+6DAAAACVBMVEXQEibVL0DWNEWrefAXAAAAIElEQVQI12Ngc2BgkGRgYEgB4gkMDgwOjA0MyIKMExgAPpQDqSIr2Y0AAAAASUVORK5CYII=);
  background-color: #cf1225;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .brandAnchor__link {
    padding: 24px 10px 36px;
  }
}

.bgSelect-blue .brandAnchor__link {
  color: #fff;
  background-color: #00008B;
  background-image: none;
  border: 1px solid #ff0;
}

.bgSelect-yellow .brandAnchor__link {
  color: #000;
  background-color: #ff0;
  background-image: none;
  border: 1px solid #000;
}

.bgSelect-black .brandAnchor__link {
  color: #ff0;
  background-color: #000;
  background-image: none;
  border: 1px solid #ff0;
}

.brandAnchor__link:before {
  position: absolute;
  right: 0;
  bottom: 14px;
  left: 0;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: auto;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bgSelect-yellow .brandAnchor__link:before {
  border-color: #000;
}

.bgSelect-black .brandAnchor__link:before {
  border-color: #ff0;
}

.brandAnchor__link__title {
  font-size: 125%;
  line-height: 111%;
  font-weight: bold;
}

.brandContent {
  position: relative;
}

.brandContent__image {
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  background-color: #edebe9;
  text-align: right;
}

@media screen and (max-width: 750px) {
  .brandContent__image {
    top: 30px;
    height: 100%;
  }
}

.bgSelect-blue .brandContent__image,
.bgSelect-yellow .brandContent__image,
.bgSelect-black .brandContent__image {
  display: none;
}

@media screen and (max-width: 750px) {
  .brandContent__image img {
    width: auto;
    max-width: none;
    height: 100%;
  }
}

.brandContent__top {
  position: relative;
  max-width: 1000px;
  margin: auto;
  padding: 0 10px 0 20px;
}

@media screen and (max-width: 750px) {
  .brandContent__top {
    padding-right: 20px;
  }
}

.brandContent__bottom {
  position: relative;
  padding-left: calc((100vw - 1000px) / 2);
}

@media screen and (max-width: 1040px) {
  .brandContent__bottom {
    padding-left: 20px;
  }
}

@media screen and (max-width: 750px) {
  .brandContent__bottom {
    padding-right: 20px;
  }
}

* + .brandContent__bottom {
  margin-top: 44px;
}

@media screen and (max-width: 750px) {
  * + .brandContent__bottom {
    margin-top: 35px;
  }
}

.brandContent__title {
  margin: 0;
  padding: 0;
  color: #cf1225;
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "游明朝", "Yu Mincho", "メイリオ", "Meiryo", sans-serif;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  font-size: 325%;
  line-height: 100%;
  font-weight: normal;
  letter-spacing: 0.075em;
  border: none;
}

@media screen and (max-width: 750px) {
  .brandContent__title {
    font-size: 300%;
    line-height: 125%;
    letter-spacing: normal;
  }
}

.brandContent__title:before {
  content: none;
}

.brandContent__title + * {
  margin-top: 24px;
}

.brandSlider {
  display: flex;
}

@media screen and (max-width: 980px) {
  .brandSlider {
    display: block;
  }
}

.brandSlider__control {
  display: flex;
  min-width: 270px;
  align-items: flex-start;
}

.brandSlider__btns {
  display: flex;
  margin-top: 0;
  align-items: center;
}

.brandSlider__btns__item {
  margin-top: 0;
  padding-left: 0;
}

.brandSlider__btns__item:before {
  content: none;
}

.brandSlider__btns__item.itemOrder--1 {
  order: 1;
}

.brandSlider__btns__item.itemOrder--2 {
  padding-left: 20px;
  order: 2;
}

.brandSlider__btns__item.itemOrder--3 {
  padding-left: 20px;
  order: 3;
}

.brandSlider__btns__btn {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  font-size: 0%;
  border: 1px solid #4c3e27;
  border-radius: 50%;
}

@media screen and (max-width: 980px) {
  .brandSlider__btns__btn {
    width: 36px;
    height: 36px;
  }
}

.bgSelect-blue .brandSlider__btns__btn {
  border-color: #ff0;
}

.bgSelect-yellow .brandSlider__btns__btn {
  border-color: #000;
}

.bgSelect-black .brandSlider__btns__btn {
  border-color: #ff0;
}

.brandSlider__btns__btn--next:before {
  right: 5px;
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.brandSlider__btns__btn--prev:before {
  right: 0;
  left: 5px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.brandSlider__btns__btn--next:before,
.brandSlider__btns__btn--prev:before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: auto;
  border-top: 1px solid #4c3e27;
  border-right: 1px solid #4c3e27;
  box-sizing: border-box;
  content: '';
}

@media screen and (max-width: 980px) {
  .brandSlider__btns__btn--next:before,
  .brandSlider__btns__btn--prev:before {
    width: 10px;
    height: 10px;
  }
}

.bgSelect-blue .brandSlider__btns__btn--next:before, .bgSelect-blue
.brandSlider__btns__btn--prev:before {
  border-color: #ff0;
}

.bgSelect-yellow .brandSlider__btns__btn--next:before, .bgSelect-yellow
.brandSlider__btns__btn--prev:before {
  border-color: #000;
}

.bgSelect-black .brandSlider__btns__btn--next:before, .bgSelect-black
.brandSlider__btns__btn--prev:before {
  border-color: #ff0;
}

.brandSlider__btns__state {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  font-size: 0%;
  line-height: 0;
  border: 1px solid #4c3e27;
  border-radius: 50%;
  text-decoration: none;
}

@media screen and (max-width: 980px) {
  .brandSlider__btns__state {
    width: 36px;
    height: 36px;
  }
}

.bgSelect-blue .brandSlider__btns__state {
  border-color: #ff0;
}

.bgSelect-yellow .brandSlider__btns__state {
  border-color: #000;
}

.bgSelect-black .brandSlider__btns__state {
  border-color: #ff0;
}

.brandSlider__btns__state:before {
  right: 0;
  left: 8px;
}

@media screen and (max-width: 980px) {
  .brandSlider__btns__state:before {
    left: 6px;
  }
}

.brandSlider__btns__state:after {
  right: 8px;
  left: 0;
}

@media screen and (max-width: 980px) {
  .brandSlider__btns__state:after {
    right: 6px;
  }
}

.brandSlider__btns__state:before,
.brandSlider__btns__state:after {
  position: absolute;
  top: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 4px;
  height: 16px;
  margin: auto;
  background-color: #4c3e27;
}

@media screen and (max-width: 980px) {
  .brandSlider__btns__state:before,
  .brandSlider__btns__state:after {
    width: 2px;
    height: 12px;
  }
}

.bgSelect-blue .brandSlider__btns__state:before, .bgSelect-blue
.brandSlider__btns__state:after {
  background-color: #ff0;
}

.bgSelect-yellow .brandSlider__btns__state:before, .bgSelect-yellow
.brandSlider__btns__state:after {
  background-color: #000;
}

.bgSelect-black .brandSlider__btns__state:before, .bgSelect-black
.brandSlider__btns__state:after {
  background-color: #ff0;
}

.brandSlider__btns__state.is-active:before {
  left: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 14px;
  border-color: transparent transparent transparent #4c3e27;
  background: none;
}

@media screen and (max-width: 980px) {
  .brandSlider__btns__state.is-active:before {
    left: 2px;
    border-width: 6px 0 6px 8px;
  }
}

.bgSelect-blue .brandSlider__btns__state.is-active:before {
  border-left-color: #ff0;
}

.bgSelect-yellow .brandSlider__btns__state.is-active:before {
  border-left-color: #000;
}

.bgSelect-black .brandSlider__btns__state.is-active:before {
  border-left-color: #ff0;
}

.brandSlider__btns__state.is-active:after {
  content: none;
}

.brandSlider__body {
  width: calc(100% - 270px);
  max-width: 1040px;
  min-width: 1040px;
}

@media screen and (max-width: 980px) {
  .brandSlider__body {
    width: 100%;
    margin-top: 20px;
  }
}

@media screen and (max-width: 750px) {
  .brandSlider__body {
    max-width: none;
    min-width: auto;
  }
}

@media screen and (max-width: 980px) {
  .brandSlider__slides .slick-list {
    overflow: visible;
  }
}

.brandSlider__slides__item {
  margin-top: 0;
  max-width: 520px;
  padding-left: 0;
}

@media screen and (max-width: 980px) {
  .brandSlider__slides__item {
    max-width: none;
  }
}

.brandSlider__slides__item:before {
  content: none;
}

.brandSlide {
  max-width: 480px;
  margin-right: 40px;
}

@media screen and (max-width: 980px) {
  .brandSlide {
    max-width: none;
    margin-right: 20px;
  }
}

.brandSlide__link {
  display: flex;
  flex-direction: column;
  text-decoration: none;
}

.brandSlide__text {
  display: flex;
  flex-direction: column;
  order: 2;
}

.brandSlide__title {
  display: flex;
  min-height: 100px;
  padding: 12px 20px;
  align-items: center;
  color: #cf1225;
  font-size: 150%;
  line-height: 136%;
  font-weight: bold;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpi9LFTl7J18mJIy6tmwAeYQAoO79vGMGtSK16FLCDTQACmEJfJLCCCGMUsMAYhxSzIHHyKWdCtwKWYBZvDsSlmwRUc6IpZ8IUdsmKAAAMAuv4j6GxiF2IAAAAASUVORK5CYII=);
  background-color: #fff;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .brandSlide__title {
    min-height: 80px;
    padding: 10px;
    font-size: 137.5%;
    line-height: 137%;
  }
}

.bgSelect-blue .brandSlide__title {
  color: #fff;
  background-color: #00008B;
  background-image: none;
}

.bgSelect-yellow .brandSlide__title {
  color: #00008B;
  background-color: #ff0;
  background-image: none;
}

.bgSelect-black .brandSlide__title {
  color: #fff;
  background-color: #000;
  background-image: none;
}

.brandSlide__desc {
  color: #292929;
}

.bgSelect-blue .brandSlide__desc {
  color: #fff;
}

.bgSelect-yellow .brandSlide__desc {
  color: #00008B;
}

.bgSelect-black .brandSlide__desc {
  color: #fff;
}

* + .brandSlide__desc {
  margin-top: 18px;
}

@media screen and (max-width: 750px) {
  * + .brandSlide__desc {
    margin-top: 10px;
  }
}

.brandSlide__more {
  margin-top: 10px;
  color: #4c3f28;
  font-size: 112.5%;
  line-height: 156%;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
  text-align: right;
}

@media screen and (max-width: 750px) {
  .brandSlide__more {
    font-size: 87.5%;
    line-height: 100%;
  }
}

.bgSelect-blue .brandSlide__more {
  color: #fff;
}

.bgSelect-yellow .brandSlide__more {
  color: #00008B;
}

.bgSelect-black .brandSlide__more {
  color: #fff;
}

.brandSlide__more:before {
  display: inline-block;
  width: 1.3em;
  height: 1px;
  margin-top: -1px;
  margin-right: 6px;
  background-color: #4c3f28;
  content: '';
  vertical-align: middle;
}

.bgSelect-blue .brandSlide__more:before {
  background-color: #fff;
}

.bgSelect-yellow .brandSlide__more:before {
  background-color: #00008B;
}

.bgSelect-black .brandSlide__more:before {
  background-color: #fff;
}

.brandSlide__image {
  min-height: 0%;
  margin-top: 0;
}

.brandSlide__image img {
  width: 100%;
}

.brandPage__banner {
  margin-top: 120px;
  padding: 100px 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFVJREFUeNpi9LFTl7J18mJIy6tmwAeYQAoO79vGMGtSK16FLCDTQACmEJfJLCCCGMUsMAYhxSzIHHyKWdCtwKWYBZvDsSlmwRUc6IpZ8IUdsmKAAAMAuv4j6GxiF2IAAAAASUVORK5CYII=);
}

@media screen and (max-width: 750px) {
  .brandPage__banner {
    margin-top: 85px;
    padding: 60px 20px;
  }
}

.bgSelect-blue .brandPage__banner {
  background: #00008B;
}

.bgSelect-yellow .brandPage__banner {
  background: #ff0;
}

.bgSelect-black .brandPage__banner {
  background: #000;
}

.brandPage__banner__body {
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}

.brandPage__banner__item {
  text-align: center;
}

.brandPage__banner__link {
  display: inline-block;
  text-decoration: none;
}

.brandPage__banner__link:after {
  display: none !important;
}

@media screen and (max-width: 750px) {
  .brandPage__banner__link img {
    width: 100%;
    max-width: 450px;
  }
}

.sustTourism {
  margin-bottom: -61px;
}

@media screen and (max-width: 750px) {
  .sustTourism {
    margin-bottom: -47px;
  }
}

html[lang="en"] .sustTourism {
  margin-bottom: 0;
  font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', Verdana, 'メイリオ', 'Meiryo', sans-serif;
}

.sustTourism__visual {
  position: relative;
  width: 100%;
  height: 640px;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .sustTourism__visual {
    height: 386px;
  }
}

.sustTourism__visual picture {
  display: block;
}

.sustTourism__visual__text {
  position: absolute;
  top: 58px;
  left: 50%;
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .sustTourism__visual__text {
    top: 56px;
    min-width: 109.48718vw;
  }
}

.sustTourism__visual__title {
  margin: 0 auto;
  padding: 0;
  line-height: 1;
}

@media screen and (max-width: 900px) {
  .sustTourism__visual__title {
    width: 92.22222vw;
  }
}

@media screen and (max-width: 750px) {
  .sustTourism__visual__title {
    width: auto;
    margin-left: -15px;
  }
}

@media screen and (max-width: 750px) {
  .sustTourism__visual__title img {
    max-width: 427px;
  }
}

.sustTourism__visual__copy {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 900px) {
  .sustTourism__visual__copy {
    width: 79.66666vw;
  }
}

@media screen and (max-width: 750px) {
  .sustTourism__visual__copy {
    width: auto;
  }
}

* + .sustTourism__visual__copy {
  margin-top: -18px;
}

@media screen and (max-width: 750px) {
  * + .sustTourism__visual__copy {
    margin-top: -8px;
  }
}

@media screen and (max-width: 750px) {
  .sustTourism__visual__copy img {
    max-width: 381px;
  }
}

.sustTourism__visual__image {
  margin-top: 0;
}

.sustTourism__visual__image img {
  width: 100%;
  height: 640px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media screen and (max-width: 750px) {
  .sustTourism__visual__image img {
    height: 386px;
  }
}

html[lang="en"] .sustTourism__visual + * {
  margin-top: 0;
}

html[lang="en"] .sustTourism__visual__text {
  top: 223px;
  max-width: 975px;
}

@media screen and (max-width: 750px) {
  html[lang="en"] .sustTourism__visual__text {
    top: 133px;
  }
}

html[lang="en"] .sustTourism__visual__title {
  translate: 0 -65px;
}

@media screen and (max-width: 750px) {
  html[lang="en"] .sustTourism__visual__title {
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 750px) {
  html[lang="en"] .sustTourism__visual__title img {
    max-width: 361px;
  }
}

.sustTourism__intro {
  position: relative;
  margin-top: 0;
  padding: 0 20px;
  z-index: 1;
}

.sustTourism__intro__body {
  position: relative;
  max-width: 960px;
  margin: -293px auto 0;
  padding: 55px 20px 0;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 40px #0000001a;
}

@media screen and (max-width: 750px) {
  .sustTourism__intro__body {
    margin-top: -175px;
    padding: 22px 15px 0;
    background-color: rgba(255, 255, 255, 0.94);
  }
}

.sustTourism__intro__body * + p {
  margin-top: 20px;
}

@media screen and (max-width: 750px) {
  .sustTourism__intro__body * + p {
    margin-top: 8px;
  }
}

.bgSelect-blue .sustTourism__intro__body {
  color: #ff0;
  background-color: #00008B;
  border: 1px solid #ff0;
}

.bgSelect-yellow .sustTourism__intro__body {
  color: #000;
  background-color: #ff0;
  border: 1px solid #000;
}

.bgSelect-black .sustTourism__intro__body {
  color: #ff0;
  background-color: #000;
  border: 1px solid #ff0;
}

.sustTourism__anchor {
  padding: 0 20px;
  font-size: 114.28571%;
  line-height: 188%;
}

* + .sustTourism__anchor {
  margin-top: 98px;
}

@media screen and (max-width: 750px) {
  * + .sustTourism__anchor {
    margin-top: 80px;
  }
}

.sustTourism__intro:has(:checked) + .sustTourism__anchor {
  margin-top: 98px;
}

@media screen and (max-width: 750px) {
  .sustTourism__intro:has(:checked) + .sustTourism__anchor {
    margin-top: 80px;
  }
}

.sustTourism__section {
  padding: 0 20px;
}

* + .sustTourism__section {
  margin-top: 90px;
}

@media screen and (max-width: 750px) {
  * + .sustTourism__section {
    margin-top: 73px;
  }
}

* + .sustTourism__section--partners {
  margin-top: 70px;
}

@media screen and (max-width: 750px) {
  * + .sustTourism__section--partners {
    margin-top: 73px;
  }
}

* + .sustTourism__section--reports {
  margin-top: 99px;
}

@media screen and (max-width: 750px) {
  * + .sustTourism__section--reports {
    margin-top: 73px;
  }
}

* + .sustTourism__section--program {
  margin-top: 98px;
}

@media screen and (max-width: 750px) {
  * + .sustTourism__section--program {
    margin-top: 73px;
  }
}

.sustTourism__section--bg {
  padding-top: 90px;
  padding-bottom: 84px;
  background-color: #f4f2e9;
}

@media screen and (max-width: 980px) {
  .sustTourism__section--bg {
    padding-bottom: 72px;
  }
}

@media screen and (max-width: 750px) {
  * + .sustTourism__section--bg {
    margin-top: 80px;
  }
}

.bgSelect-blue .sustTourism__section--bg {
  background-color: #00008B;
}

.bgSelect-yellow .sustTourism__section--bg {
  background-color: #ff0;
}

.bgSelect-black .sustTourism__section--bg {
  background-color: #000;
}

@media screen and (max-width: 980px) {
  .sustTourism__section--partners {
    padding-top: 72px;
  }
}

.sustTourism__section--reports {
  padding-top: 72px;
  padding-bottom: 100px;
}

@media screen and (max-width: 980px) {
  .sustTourism__section--reports {
    padding-bottom: 80px;
  }
}

.sustTourism__section--program {
  padding-top: 72px;
  padding-bottom: 100px;
}

@media screen and (max-width: 980px) {
  .sustTourism__section--program {
    padding-bottom: 72px;
  }
}

.sustTourism__section:last-child {
  padding-bottom: 84px;
}

@media screen and (max-width: 980px) {
  .sustTourism__section:last-child {
    padding-bottom: 72px;
  }
}

.sustTourism__section__body {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 114.28571%;
  line-height: 188%;
}

@media screen and (max-width: 750px) {
  .sustTourism__section__body {
    font-size: 114.28571%;
    line-height: 200%;
  }
}

.sustTourism__section__body h2 {
  margin: 0;
  padding: 0;
  border: none;
  color: #cf1225;
  font-size: 212.5%;
  line-height: 148%;
  font-weight: 600;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .sustTourism__section__body h2 {
    font-size: 187.5%;
    line-height: 140%;
  }
}

.sustTourism__section__body h2:before, .sustTourism__section__body h2:after {
  content: none;
}

.bgSelect-blue .sustTourism__section__body h2 {
  color: #ff0;
}

.bgSelect-yellow .sustTourism__section__body h2 {
  color: #000;
}

.bgSelect-black .sustTourism__section__body h2 {
  color: #ff0;
}

.sustTourism__section__body h2 + * {
  margin-top: 54px;
}

@media screen and (max-width: 980px) {
  .sustTourism__section__body h2 + * {
    margin-top: 45px;
  }
}

.sustTourism__section__body h2 + p {
  margin-top: 34px;
}

@media screen and (max-width: 980px) {
  .sustTourism__section__body h2 + p {
    margin-top: 38px;
  }
}

.sustTourism__section__body .subTitle {
  display: block;
  font-size: 88.23529%;
  line-height: 167%;
}

@media screen and (max-width: 750px) {
  .sustTourism__section__body .subTitle {
    margin-top: 10px;
    font-size: 73.33333%;
    line-height: 146%;
  }
}

.sustTourism__section__body * + .btnWrap {
  margin-top: 52px;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .sustTourism__section:last-child {
    padding-bottom: 110px;
  }
}

html[lang="en"] .sustTourism__section--bg {
  padding-top: 93px;
  padding-bottom: 95px;
}

@media screen and (max-width: 750px) {
  html[lang="en"] .sustTourism__section--bg {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

.sustAnchor {
  display: flex;
  max-width: 660px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 980px) {
  .sustAnchor {
    justify-content: flex-start;
  }
}

* + .sustAnchor {
  margin-top: 42px;
}

.sustAnchor__item {
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 980px) {
  .sustAnchor__item {
    width: 50%;
  }
}

@media screen and (max-width: 750px) {
  .sustAnchor__item {
    width: 100%;
    padding: 0;
  }
}

.sustAnchor__item:before {
  content: none;
}

.sustAnchor__item + .sustAnchor__item {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .sustAnchor__item + .sustAnchor__item {
    margin-top: 20px;
  }
}

.sustAnchor--col2 .sustAnchor__item {
  width: 50%;
  max-width: 255px;
}

@media screen and (max-width: 980px) {
  .sustAnchor--col2 .sustAnchor__item {
    max-width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .sustAnchor--col2 .sustAnchor__item {
    width: 100%;
  }
}

.sustAnchor--col3 .sustAnchor__item {
  width: 33.333333%;
}

@media screen and (max-width: 980px) {
  .sustAnchor--col3 .sustAnchor__item {
    width: 50%;
  }
}

@media screen and (max-width: 750px) {
  .sustAnchor--col3 .sustAnchor__item {
    width: 100%;
  }
}

.sustAnchor__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 100px;
  padding: 18px 10px 27px;
  color: #fff;
  font-size: 112.5%;
  line-height: 123%;
  font-weight: 600;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAgMAAACd/+6DAAAACVBMVEXQEibVL0DWNEWrefAXAAAAIElEQVQI12Ngc2BgkGRgYEgB4gkMDgwOjA0MyIKMExgAPpQDqSIr2Y0AAAAASUVORK5CYII=);
  background-color: #cf1225;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

@media screen and (max-width: 980px) {
  .sustAnchor__link {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 750px) {
  .sustAnchor__link {
    height: auto;
    min-height: 80px;
    padding: 12px 10px 26px;
    font-size: 125%;
    line-height: 120%;
  }
}

.bgSelect-blue .sustAnchor__link {
  color: #00008B;
  background-color: #fff;
  background-image: none;
}

.bgSelect-yellow .sustAnchor__link {
  color: #ff0;
  background-color: #000;
  background-image: none;
}

.bgSelect-black .sustAnchor__link {
  color: #000;
  background-color: #ff0;
  background-image: none;
}

.sustAnchor__link:before {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: auto;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bgSelect-blue .sustAnchor__link:before {
  border-color: #00008B;
}

.bgSelect-yellow .sustAnchor__link:before {
  border-color: #ff0;
}

.bgSelect-black .sustAnchor__link:before {
  border-color: #000;
}

@media screen and (max-width: 750px) {
  .sustAnchor__link[target="_blank"] {
    min-height: 90px;
    padding-top: 7px;
    padding-bottom: 32px;
  }
}

.sustAnchor__link[target="_blank"]:before {
  bottom: 14px;
  content: '\e909';
  display: inline-block;
  color: #fff;
  font-size: 100%;
  line-height: 100%;
  font-weight: 400;
  border: none;
  -webkit-transform: none;
          transform: none;
}

@media screen and (max-width: 750px) {
  .sustAnchor__link[target="_blank"]:before {
    font-size: 85.71429%;
    line-height: 100%;
  }
}

.bgSelect-blue .sustAnchor__link[target="_blank"]:before {
  color: #00008B;
}

.bgSelect-yellow .sustAnchor__link[target="_blank"]:before {
  color: #ff0;
}

.bgSelect-black .sustAnchor__link[target="_blank"]:before {
  color: #000;
}

.sustAnchor__link:after {
  display: none !important;
  content: none !important;
}

* + .focusList {
  margin-top: 32px;
}

.focusList + * {
  margin-top: 20px;
}

@media screen and (max-width: 980px) {
  .focusList + * {
    margin-top: 32px;
  }
}

.focusList__body {
  display: flex;
  margin: -10px -10px 0;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 980px) {
  .focusList__body {
    display: block;
    margin: 0;
  }
}

.focusList__item {
  width: 33.333333%;
  padding: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 980px) {
  .focusList__item {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    padding: 0;
  }
}

@media screen and (max-width: 750px) {
  .focusList__item {
    max-width: 320px;
  }
}

.focusList__item:before {
  content: none;
}

.focusList__item + .focusList__item {
  margin-top: 0;
}

@media screen and (max-width: 980px) {
  .focusList__item + .focusList__item {
    margin-top: 10px;
  }
}

.focusList__item--wide {
  width: 100%;
  max-width: 370px;
}

@media screen and (max-width: 750px) {
  .focusList__item--wide {
    max-width: 320px;
  }
}

.focusList__box {
  display: flex;
  height: 100%;
  padding: 15px 10px 15px 40px;
  background-color: #fff;
  border: 1px solid #dbcebc;
  align-items: center;
  box-sizing: border-box;
}

@media screen and (max-width: 980px) {
  .focusList__box {
    padding: 14px 10px 14px 24px;
  }
}

.bgSelect-blue .focusList__box {
  background-color: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .focusList__box {
  background-color: #ff0;
  border-color: #000;
}

.bgSelect-black .focusList__box {
  background-color: #000;
  border-color: #ff0;
}

.focusList__icon {
  display: flex;
  width: 100%;
  max-width: 70px;
  margin-right: 20px;
  background-color: #cf1225;
  border: 1px solid #cf1225;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
}

.bgSelect-blue .focusList__icon {
  background-color: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .focusList__icon {
  background-color: #ff0;
  border-color: #000;
}

.bgSelect-black .focusList__icon {
  background-color: #000;
  border-color: #ff0;
}

.focusList__text {
  margin-top: 0;
  color: #4c3e27;
  font-size: 112.5%;
  line-height: 156%;
  font-weight: 600;
}

.bgSelect-blue .focusList__text {
  color: #ff0;
}

.bgSelect-yellow .focusList__text {
  color: #000;
}

.bgSelect-black .focusList__text {
  color: #ff0;
}

html[lang="en"] .focusList__box {
  padding: 15px 5px 15px 12px;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .focusList__box {
    padding: 14px 10px 14px 24px;
  }
}

html[lang="en"] .focusList__icon {
  margin-right: 10px;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .focusList__icon {
    margin-right: 15px;
  }
}

html[lang="en"] .focusList__text {
  font-size: 93.75%;
  line-height: 167%;
}

@media screen and (max-width: 980px) {
  html[lang="en"] .focusList__text {
    font-size: 100%;
    line-height: 163%;
  }
}

.partnersList__body {
  display: flex;
  margin: -35px -10px 0;
  flex-wrap: wrap;
}

body.wysiwyg .partnersList__body {
  display: block;
}

.partnerCard {
  width: 33.3333333%;
  padding: 35px 10px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 980px) {
  .partnerCard {
    width: 50%;
  }
}

.partnerCard:before {
  content: none;
}

.partnerCard + .partnerCard {
  margin-top: 0;
}

@media screen and (max-width: 980px) {
  .partnersList__body:not(.is-open) .partnerCard:nth-child(n+9) {
    display: none;
  }
}

body.wysiwyg .partnerCard {
  display: block !important;
}

.partnerCard__link {
  text-decoration: none;
}

.partnerCard__link:after {
  content: none !important;
  display: none !important;
}

.partnerCard__name {
  color: #4c3f28;
  font-size: 100%;
  line-height: 138%;
  font-weight: 600;
}

@media screen and (max-width: 750px) {
  .partnerCard__name {
    font-size: 87.5%;
    line-height: 158%;
  }
}

* + .partnerCard__name {
  margin-top: 16px;
}

.bgSelect-blue .partnerCard__name {
  color: #ff0;
}

.bgSelect-yellow .partnerCard__name {
  color: #000;
}

.bgSelect-black .partnerCard__name {
  color: #ff0;
}

.partnerCard__category {
  color: #4c3f28;
  font-size: 87.5%;
  line-height: 172%;
}

* + .partnerCard__category {
  margin-top: 10px;
}

@media screen and (max-width: 750px) {
  * + .partnerCard__category {
    margin-top: 5px;
  }
}

.bgSelect-blue .partnerCard__category {
  color: #ff0;
}

.bgSelect-yellow .partnerCard__category {
  color: #000;
}

.bgSelect-black .partnerCard__category {
  color: #ff0;
}

.partnerCard__img {
  display: flex;
  padding: 10px;
  border: 1px solid #c6c6c6;
  align-items: center;
  justify-content: center;
  aspect-ratio: 320 / 200;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (max-width: 980px) {
  .partnerCard__img {
    aspect-ratio: 164 / 100;
  }
}

.bgSelect-blue .partnerCard__img {
  border-color: #ff0;
}

.bgSelect-yellow .partnerCard__img {
  border-color: #000;
}

.bgSelect-black .partnerCard__img {
  border-color: #ff0;
}

.partnerCard__img img {
  display: block;
  max-height: 150px;
  width: auto;
  transition-duration: .3s;
}

@media screen and (max-width: 550px) {
  .partnerCard__img img {
    max-height: 70px;
  }
}

.partnerCard__link:hover .partnerCard__img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.sustProgram {
  padding: 37px 34px 56px;
  background-color: #fff;
  border: 1px solid #dbcebc;
}

@media screen and (max-width: 750px) {
  .sustProgram {
    padding: 40px 23px 30px;
  }
}

.bgSelect-blue .sustProgram {
  background-color: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .sustProgram {
  background-color: #ff0;
  border-color: #000;
}

.bgSelect-black .sustProgram {
  background-color: #000;
  border-color: #ff0;
}

* + .sustProgram {
  margin-top: 70px;
}

@media screen and (max-width: 750px) {
  * + .sustProgram {
    margin-top: 50px;
  }
}

.sustProgram + .sustProgram {
  margin-top: 45px;
}

@media screen and (max-width: 750px) {
  .sustProgram + .sustProgram {
    margin-top: 60px;
  }
}

.sustProgram__head {
  display: flex;
  justify-content: center;
}

* + .sustProgram__body {
  margin-top: 40px;
}

@media screen and (max-width: 750px) {
  * + .sustProgram__body {
    margin-top: 30px;
  }
}

.sustProgram__title {
  display: flex;
  margin: 0;
  padding: 0 0 20px;
  color: #cf1225;
  font-size: 150%;
  line-height: 109%;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .sustProgram__title {
    padding: 0 0 15px;
    font-size: 112.5%;
    line-height: 145%;
  }
}

.bgSelect-blue .sustProgram__title {
  color: #ff0;
}

.bgSelect-yellow .sustProgram__title {
  color: #000;
}

.bgSelect-black .sustProgram__title {
  color: #ff0;
}

.sustProgram__title:before {
  content: none;
}

.sustProgram__title:after {
  top: auto;
  bottom: 0;
  left: -12px;
  width: calc(100% + 24px);
  height: 6px;
  background-size: auto auto;
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAGCAYAAAAPDoR2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAfUlEQVQImWNkgAIHBwcWvp8v+v8wcszdevT8BQYGBgYmmCT3/xeZf1n/izEzfvkNE2NiYGBg8LbTCGJgYLBkYGCcuPnonatwST9bdWuG//9CmP79X7n10I1jDEiA6R8Tcxjjf4ajmw/f3MiABlgUua7VvuBh+IouwcDAwAAAUTgl52BCLBkAAAAASUVORK5CYII=);
  background-repeat: repeat-x;
}

@media screen and (max-width: 750px) {
  .sustProgram__title:after {
    left: -10px;
    width: calc(100% + 20px);
  }
}

.bgSelect-blue .sustProgram__title:after,
.bgSelect-yellow .sustProgram__title:after,
.bgSelect-black .sustProgram__title:after {
  content: none;
}

.sustProgram__title__icon {
  margin-top: 3px;
  margin-right: 11px;
}

@media screen and (max-width: 750px) {
  .sustProgram__title__icon {
    width: 33px;
    margin-top: 0;
    margin-right: 5px;
  }
}

.sustProgram__list + .sustProgram__list {
  margin-top: 30px;
  padding-top: 33px;
  border-top: 2px solid #dedcd6;
}

@media screen and (max-width: 750px) {
  .sustProgram__list + .sustProgram__list {
    margin-top: 25px;
  }
}

.bgSelect-blue .sustProgram__list + .sustProgram__list {
  border-color: #ff0;
}

.bgSelect-yellow .sustProgram__list + .sustProgram__list {
  border-color: #000;
}

.bgSelect-black .sustProgram__list + .sustProgram__list {
  border-color: #ff0;
}

.sustProgram__detail {
  display: flex;
  padding-left: 0;
}

@media screen and (max-width: 750px) {
  .sustProgram__detail {
    display: block;
  }
}

.sustProgram__detail:before {
  content: none;
}

.sustProgram__detail + .sustProgram__detail {
  margin-top: 30px;
  padding-top: 33px;
  border-top: 2px solid #dedcd6;
}

@media screen and (max-width: 750px) {
  .sustProgram__detail + .sustProgram__detail {
    margin-top: 25px;
  }
}

.bgSelect-blue .sustProgram__detail + .sustProgram__detail {
  border-color: #ff0;
}

.bgSelect-yellow .sustProgram__detail + .sustProgram__detail {
  border-color: #000;
}

.bgSelect-black .sustProgram__detail + .sustProgram__detail {
  border-color: #ff0;
}

.sustProgram__detail__img {
  width: 100%;
  max-width: 300px;
  aspect-ratio: 300 / 186;
  margin-right: 20px;
  flex-shrink: 0;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .sustProgram__detail__img {
    max-width: 100%;
    aspect-ratio: auto;
    margin-right: 0;
  }
}

.sustProgram__detail__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}

@media screen and (max-width: 750px) {
  .sustProgram__detail__img img {
    height: auto;
    -o-object-fit: fill;
       object-fit: fill;
  }
}

.sustProgram__detail__text {
  margin-top: 2px;
}

@media screen and (max-width: 750px) {
  .sustProgram__detail__text {
    margin-top: 14px;
  }
}

.sustProgram__detail__name {
  color: #4c3e27;
  font-size: 125%;
  line-height: 160%;
  font-weight: 600;
}

.bgSelect-blue .sustProgram__detail__name {
  color: #ff0;
}

.bgSelect-yellow .sustProgram__detail__name {
  color: #000;
}

.bgSelect-black .sustProgram__detail__name {
  color: #ff0;
}

.sustProgram__detail__desc {
  color: #4c3e27;
  font-size: 100%;
  line-height: 175%;
}

.bgSelect-blue .sustProgram__detail__desc {
  color: #ff0;
}

.bgSelect-yellow .sustProgram__detail__desc {
  color: #000;
}

.bgSelect-black .sustProgram__detail__desc {
  color: #ff0;
}

* + .sustProgram__detail__desc {
  margin-top: 8px;
}

.sustProgram__detail__inquiry {
  position: relative;
  display: inline-block;
  padding-left: 23px;
  color: #4c3e27;
  font-size: 100%;
  line-height: 175%;
  font-weight: 600;
}

.bgSelect-blue .sustProgram__detail__inquiry {
  color: #ff0;
}

.bgSelect-yellow .sustProgram__detail__inquiry {
  color: #000;
}

.bgSelect-black .sustProgram__detail__inquiry {
  color: #ff0;
}

.sustProgram__detail__inquiry:before {
  position: absolute;
  top: 8px;
  left: 2px;
  display: inline-block;
  width: 10px;
  height: 11px;
  background-color: #cf1225;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  content: '';
}

.bgSelect-blue .sustProgram__detail__inquiry:before {
  background-color: #ff0;
}

.bgSelect-yellow .sustProgram__detail__inquiry:before {
  background-color: #000;
}

.bgSelect-black .sustProgram__detail__inquiry:before {
  background-color: #ff0;
}

* + .sustProgram__detail__inquiry {
  margin-top: 10px;
}

* + .sustProgram__detail__links {
  margin-top: 0;
}

.sustProgram__detail__links li {
  font-size: 100%;
  line-height: 138%;
  padding-left: 0;
}

.sustProgram__detail__links li:before {
  content: none;
}

.sustProgram__detail__links li > a {
  color: #4c3e27;
  text-decoration: none;
  word-break: break-all;
}

.bgSelect-blue .sustProgram__detail__links li > a {
  color: #fff;
}

.bgSelect-yellow .sustProgram__detail__links li > a {
  color: #00008B;
}

.bgSelect-black .sustProgram__detail__links li > a {
  color: #fff;
}

.sustProgram__detail__links li > a:hover {
  color: #cf1225;
  text-decoration: underline;
  opacity: 1;
}

.bgSelect-blue .sustProgram__detail__links li > a:hover {
  color: #fff;
  text-decoration: underline;
}

.bgSelect-yellow .sustProgram__detail__links li > a:hover {
  color: #00008B;
  text-decoration: underline;
}

.bgSelect-black .sustProgram__detail__links li > a:hover {
  color: #fff;
  text-decoration: underline;
}

.partnerTabs {
  margin: 40px 0 0;
}

@media screen and (max-width: 750px) {
  .partnerTabs {
    margin: 31px 0 0;
  }
}

.partnerTabs__head {
  translate: -2px 0;
}

* + .partnerTabs__body {
  margin-top: 50px;
}

@media screen and (max-width: 750px) {
  * + .partnerTabs__body {
    margin-top: 41px;
  }
}

.partnerTabs__foot {
  text-align: center;
}

* + .partnerTabs__foot {
  margin-top: 40px;
}

@media screen and (max-width: 750px) {
  * + .partnerTabs__foot {
    margin-top: 23px;
  }
}

.partnerTabs__foot a {
  display: inline-block;
  min-width: 230px;
  padding: 10px 30px 10px 10px;
  position: relative;
  background-color: #cf1225;
  border-radius: 6px;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .partnerTabs__foot a {
    padding: 8px 34px 8px 10px;
  }
}

.bgSelect-blue .partnerTabs__foot a {
  background-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .partnerTabs__foot a {
  background-color: #000;
  color: #ff0;
}

.bgSelect-black .partnerTabs__foot a {
  background-color: #ff0;
  color: #000;
}

.partnerTabs__foot a:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 3px;
  right: 20px;
  bottom: 0;
  margin: auto;
}

.bgSelect-blue .partnerTabs__foot a:after {
  border-color: #00008B;
}

.bgSelect-yellow .partnerTabs__foot a:after {
  border-color: #ff0;
}

.bgSelect-black .partnerTabs__foot a:after {
  border-color: #000;
}

* + .partnerTabs__note {
  margin-top: 30px;
}

@media screen and (max-width: 750px) {
  * + .partnerTabs__note {
    margin-top: 13px;
  }
}

.partnerTabs__tabList {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 17px;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .partnerTabs__tabList {
    gap: 12px 14px;
    justify-content: flex-start;
  }
}

.partnerTabs__tabList__item {
  margin: 0;
  padding: 0;
}

.partnerTabs__tabList__item:before {
  content: none;
}

@media screen and (max-width: 750px) {
  .partnerTabs__tabList__item {
    line-height: 100%;
  }
}

.partnerTabs__tabList__btn {
  position: relative;
  min-width: 110px;
  padding: 4px 30px 4px 29px;
  color: #4b3f27;
  background-color: #fff;
  border: 1px solid #4b3f27;
  border-radius: 4px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .partnerTabs__tabList__btn {
    min-width: 80px;
    padding: 10px 22px 10px 22px;
    font-size: 75%;
    line-height: 100%;
  }
}

.bgSelect-blue .partnerTabs__tabList__btn {
  background-color: #00008B;
  border-color: #ff0;
  color: #ff0;
}

.bgSelect-yellow .partnerTabs__tabList__btn {
  background-color: #ff0;
  border-color: #000;
  color: #000;
}

.bgSelect-black .partnerTabs__tabList__btn {
  background-color: #000;
  border-color: #ff0;
  color: #ff0;
}

.partnerTabs__tabList__btn.is-active {
  background-color: #cf1225;
  border-color: #cf1225;
  color: #fff;
}

.bgSelect-blue .partnerTabs__tabList__btn.is-active {
  background-color: #fff;
  border-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .partnerTabs__tabList__btn.is-active {
  background-color: #000;
  border-color: #000;
  color: #ff0;
}

.bgSelect-black .partnerTabs__tabList__btn.is-active {
  background-color: #ff0;
  border-color: #ff0;
  color: #000;
}

.partnerTabs__tabList__num {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  background-color: #716c58;
  border: 1px solid #716c58;
  border-radius: 50%;
  box-sizing: border-box;
  color: #fff;
  justify-content: center;
  font-size: 85.71429%;
  line-height: 100%;
}

@media screen and (max-width: 750px) {
  .partnerTabs__tabList__num {
    width: 24px;
    height: 24px;
    font-size: 85.71429%;
    line-height: 100%;
  }
}

.bgSelect-blue .partnerTabs__tabList__num {
  background-color: #00008B;
  border-color: #ff0;
  color: #ff0;
}

.bgSelect-yellow .partnerTabs__tabList__num {
  background-color: #ff0;
  border-color: #000;
  color: #000;
}

.bgSelect-black .partnerTabs__tabList__num {
  background-color: #000;
  border-color: #ff0;
  color: #ff0;
}

.partnerTabs__tabList__btn.is-active .partnerTabs__tabList__num {
  background-color: #cf1225;
  border-color: #cf1225;
}

.bgSelect-blue .partnerTabs__tabList__btn.is-active .partnerTabs__tabList__num {
  background-color: #fff;
  border-color: #00008B;
  color: #00008B;
}

.bgSelect-yellow .partnerTabs__tabList__btn.is-active .partnerTabs__tabList__num {
  background-color: #000;
  border-color: #ff0;
  color: #ff0;
}

.bgSelect-black .partnerTabs__tabList__btn.is-active .partnerTabs__tabList__num {
  background-color: #ff0;
  border-color: #000;
  color: #000;
}

.partnerTabs__page:not(:first-of-type) {
  display: none;
}

.partnerCardList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  gap: 33px 20px;
}

@media screen and (max-width: 750px) {
  .partnerCardList {
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 20px;
  }
}

.partnerCardList__item {
  display: grid;
  margin: 0;
  padding: 0;
  grid-template-rows: subgrid;
  gap: 0;
  grid-row: span 2;
}

.partnerCardList__item:before {
  content: none;
}

.partnerCardList__card {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}

.partnerCardList__card__link {
  display: grid;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  grid-row: span 2;
  border: 1px solid #ccc;
  text-decoration: none;
}

.partnerCardList__card__link:hover {
  opacity: 1;
}

.partnerCardList__card__link:after {
  display: none !important;
}

.bgSelect-blue .partnerCardList__card__link {
  border-color: #ff0;
}

.bgSelect-yellow .partnerCardList__card__link {
  border-color: #000;
}

.bgSelect-black .partnerCardList__card__link {
  border-color: #ff0;
}

.partnerCardList__card__img {
  display: flex;
  height: 200px;
  margin: 0;
  padding: 25px 28px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #4c3f28;
  flex-shrink: 0;
  box-sizing: border-box;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .partnerCardList__card__img {
    height: 100px;
    padding: 20px 10px;
  }
}

.partnerCardList__card__img img {
  display: block;
  height: auto;
  max-height: 150px;
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.partnerCardList__card__link:hover .partnerCardList__card__img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.partnerCardList__card__name {
  display: flex;
  margin-top: 0;
  padding: 5px 8px 4px;
  color: #4c3f28;
  font-size: 92.85714%;
  line-height: 124%;
  font-weight: bold;
  background-color: #fbf8ef;
  border-top-width: 0;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .partnerCardList__card__name {
    padding: 2px 8px 1px;
    font-size: 75%;
    line-height: 150%;
  }
}

.bgSelect-blue .partnerCardList__card__name {
  background-color: #00008B;
  color: #fff;
}

.bgSelect-yellow .partnerCardList__card__name {
  background-color: #ff0;
  color: #00008B;
}

.bgSelect-black .partnerCardList__card__name {
  background-color: #000;
  color: #fff;
}

.partnerCardList__card__link:hover .partnerCardList__card__name {
  text-decoration: underline;
}

* + .partnershipReports {
  margin-top: 33px;
}

.partnershipReports__inner {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .5s;
  padding: 26px 41px 26px 35px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.partnershipReports:has(:checked) .partnershipReports__inner {
  grid-template-rows: 1fr;
}

@media screen and (max-width: 750px) {
  .partnershipReports__inner {
    padding: 19px 22px 20px 23px;
  }
}

.bgSelect-blue .partnershipReports__inner {
  background-color: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .partnershipReports__inner {
  background-color: #ff0;
  border-color: #000;
}

.bgSelect-black .partnershipReports__inner {
  background-color: #000;
  border-color: #ff0;
}

.partnershipReports__body {
  overflow: hidden;
  min-height: 115px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .partnershipReports__body {
    min-height: 150px;
  }
}

.partnershipReports__list {
  box-sizing: border-box;
}

.bgSelect-blue .partnershipReports__list {
  background-color: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .partnershipReports__list {
  background-color: #ff0;
  border-color: #000;
}

.bgSelect-black .partnershipReports__list {
  background-color: #000;
  border-color: #ff0;
}

.partnershipReports__list__item {
  display: flex;
  padding-left: 0;
  gap: 15px 20px;
}

@media screen and (max-width: 750px) {
  .partnershipReports__list__item {
    display: block;
  }
}

.partnershipReports__list__item:before {
  content: none;
}

.partnershipReports__list__item + .partnershipReports__list__item {
  margin-top: 14px;
}

.partnershipReports__list__date {
  flex-shrink: 0;
  font-size: 87.5%;
  line-height: 215%;
}

@media screen and (max-width: 750px) {
  .partnershipReports__list__date {
    font-size: 75%;
    line-height: 167%;
  }
}

.partnershipReports__list__title {
  margin-top: 0;
}

.partnershipReports__list__text {
  text-decoration: none;
  font-size: 87.5%;
  line-height: 215%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

@media screen and (max-width: 750px) {
  .partnershipReports__list__text {
    font-size: 75%;
    line-height: 167%;
  }
}

.partnershipReports__list__text::after {
  display: none !important;
}

.partnershipReports__list__text:hover {
  text-decoration: underline;
}

.partnershipReports__more {
  display: flex;
  justify-content: center;
}

* + .partnershipReports__more {
  margin-top: 40px;
}

@media screen and (max-width: 750px) {
  * + .partnershipReports__more {
    margin-top: 30px;
  }
}

.moreBtn {
  position: relative;
  display: flex;
  min-width: 230px;
  height: 48px;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  justify-content: center;
  cursor: pointer;
}

.bgSelect-blue .moreBtn {
  background-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .moreBtn {
  background-color: #000;
  color: #ff0;
}

.bgSelect-black .moreBtn {
  background-color: #ff0;
  color: #000;
}

.moreBtn:hover {
  opacity: .85;
}

.bgSelect-blue .partnershipReports__more .moreBtn {
  background-color: transparent;
}

.bgSelect-yellow .partnershipReports__more .moreBtn {
  background-color: transparent;
}

.bgSelect-black .partnershipReports__more .moreBtn {
  background-color: transparent;
}

.moreBtn__btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: flex;
  width: 230px;
  height: 48px;
  margin-inline: auto;
  background-color: #4c3e27;
  border-radius: calc(infinity*1px);
  padding: 0;
  margin: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

.bgSelect-blue .moreBtn__btn {
  background-color: #fff;
}

.bgSelect-yellow .moreBtn__btn {
  background-color: #000;
}

.bgSelect-black .moreBtn__btn {
  background-color: #ff0;
}

.moreBtn__txt {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  color: #fff;
  translate: 0 -50%;
  text-align: center;
  padding-right: 8px;
  box-sizing: border-box;
}

.bgSelect-blue .moreBtn__txt {
  color: #00008B;
}

.bgSelect-yellow .moreBtn__txt {
  color: #ffff00;
}

.bgSelect-black .moreBtn__txt {
  color: #000;
}

.moreBtn__icon {
  position: absolute;
  top: 50%;
  right: 21px;
  z-index: 1;
  display: block;
  width: 14px;
  height: 14px;
  translate: 0 -50%;
}

.bgSelect-blue .moreBtn__icon {
  background-color: white;
}

.bgSelect-yellow .moreBtn__icon {
  background-color: black;
}

.bgSelect-black .moreBtn__icon {
  background-color: yellow;
}

.moreBtn__icon::before, .moreBtn__icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 2px;
  content: '';
  background-color: #fff;
  translate: -50% -50%;
}

.bgSelect-blue .moreBtn__icon::before, .bgSelect-blue .moreBtn__icon::after {
  background-color: #00008B;
}

.bgSelect-yellow .moreBtn__icon::before, .bgSelect-yellow .moreBtn__icon::after {
  background-color: #ffff00;
}

.bgSelect-black .moreBtn__icon::before, .bgSelect-black .moreBtn__icon::after {
  background-color: #000;
}

.moreBtn__icon::after {
  rotate: 90deg;
  transition: rotate .5s;
}

.moreBtn:has(:checked) .moreBtn__icon::after {
  rotate: 0deg;
}

.movieIntro {
  padding: 35px 35px;
  background-color: #f4f2e9;
  border: 1px solid #f4f2e9;
}

@media screen and (max-width: 750px) {
  .movieIntro {
    padding: 32px 24px;
  }
}

.bgSelect-blue .movieIntro {
  background-color: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .movieIntro {
  background-color: #ff0;
  border-color: #000;
}

.bgSelect-black .movieIntro {
  background-color: #000;
  border-color: #ff0;
}

* + .movieIntro {
  margin-top: 30px;
}

.movieIntro__body {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: auto;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}

@media screen and (max-width: 750px) {
  .movieIntro__body {
    display: block;
  }
}

.movieIntro__title {
  display: flex;
  align-items: center;
  max-width: 180px;
  margin: 0;
  padding: 0;
}

.movieIntro__title::before, .movieIntro__title::after {
  display: none;
}

@media screen and (max-width: 750px) {
  .movieIntro__title {
    max-width: none;
    justify-content: center;
  }
}

.movieIntro__item {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 0;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 750px) {
  .movieIntro__item {
    display: block;
    margin-top: 20px;
  }
}

.bgSelect-blue .movieIntro__item {
  background-color: transparent;
}

.bgSelect-yellow .movieIntro__item {
  background-color: transparent;
}

.bgSelect-black .movieIntro__item {
  background-color: transparent;
}

.movieText {
  grid-area: 1 / 1 / 2 / 3;
  margin: 0;
  padding: 0 0 5px 0;
  text-align: center;
  border-bottom: 1px solid #c2bcaf;
}

@media screen and (max-width: 750px) {
  .movieText {
    display: block;
    font-size: 112.5%;
    line-height: 123%;
  }
}

.movieText::before {
  display: none;
}

.bgSelect-blue .movieText {
  border-color: #ff0;
}

.bgSelect-yellow .movieText {
  border-color: #000;
}

.bgSelect-black .movieText {
  border-color: #ff0;
}

.movieContents {
  grid-area: 2 / 1 / 3 / 2;
  margin: 0;
}

@media screen and (max-width: 750px) {
  .movieContents {
    margin-top: 15px;
  }
}

.movieContents iframe {
  width: 100%;
  max-width: 300px;
  height: 100%;
  aspect-ratio: 16 / 9;
}

.movieDetail {
  grid-area: 2 / 2 / 3 / 3;
  color: #4c3e27;
}

@media screen and (max-width: 750px) {
  .movieDetail {
    margin-top: 5px;
    font-size: 87.5%;
    line-height: 158%;
  }
}

.bgSelect-blue .movieDetail {
  color: #ff0;
}

.bgSelect-yellow .movieDetail {
  color: #000;
}

.bgSelect-black .movieDetail {
  color: #ff0;
}

.movieDetail__text {
  font-size: 87.5%;
  line-height: 158%;
}

.movieDetail__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.movieDetail__link a {
  font-size: 87.5%;
  line-height: 158%;
}

.movieDetail__link a::after {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 1px solid #cf1225;
  border-right: 1px solid #cf1225;
  box-sizing: border-box;
  content: '';
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.bgSelect-blue .movieDetail__link a:after {
  border-color: #ff0;
}

.bgSelect-yellow .movieDetail__link a:after {
  border-color: #000;
}

.bgSelect-black .movieDetail__link a:after {
  border-color: #ff0;
}

.relLinks {
  display: grid;
  padding: 35px;
  background-color: #f4f2e9;
  border: 1px solid #f4f2e9;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  grid-template-columns: 180px 1fr;
  grid-template-rows: 1fr;
}

@media screen and (max-width: 750px) {
  .relLinks {
    display: block;
    padding: 32px 24px 25px;
  }
}

.bgSelect-blue .relLinks {
  background-color: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .relLinks {
  background-color: #ff0;
  border-color: #000;
}

.bgSelect-black .relLinks {
  background-color: #000;
  border-color: #ff0;
}

* + .relLinks {
  margin-top: 40px;
}

@media screen and (max-width: 750px) {
  * + .relLinks {
    margin-top: 30px;
  }
}

.relLinks__title {
  margin: 0;
  padding: 0;
  align-self: center;
  font-weight: bold;
  text-align: center;
}

.bgSelect-blue .relLinks__title {
  color: #ff0;
}

.bgSelect-yellow .relLinks__title {
  color: #000;
}

.bgSelect-black .relLinks__title {
  color: #ff0;
}

.relLinks__title:before, .relLinks__title:after {
  content: none;
}

.relLinks__list {
  display: grid;
  margin: 0;
  padding: 12px 20px 20px 23px;
  background-color: rgba(255, 255, 255, 0.6);
}

@media screen and (max-width: 750px) {
  .relLinks__list {
    margin-top: 15px;
    padding: 22px 20px 23px 21px;
  }
}

.bgSelect-blue .relLinks__list {
  background-color: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .relLinks__list {
  background-color: #ff0;
  border-color: #000;
}

.bgSelect-black .relLinks__list {
  background-color: #000;
  border-color: #ff0;
}

.relLinks__list li {
  margin: 0;
  line-height: 100%;
}

.relLinks__list li:before {
  top: calc(.5em + -1px);
  left: 0;
  border: 3px solid #cf1225;
}

.relLinks__list li a {
  text-decoration: underline;
  font-size: 87.5%;
  line-height: 158%;
}

.relLinks__list li a:hover {
  text-decoration: none;
}

.relLinks__list li + li {
  margin-top: 8px;
}

.note {
  font-size: 87.5%;
  line-height: 200%;
  text-align: right;
}

* + .note {
  margin-top: 38px;
}

@media screen and (max-width: 750px) {
  * + .note {
    margin-top: 20px;
  }
}

.memberOnly {
  padding-top: 26px;
}

@media only screen and (max-width: 750px) {
  .memberOnly {
    padding-top: 40px;
  }
}

.memberOnly__title h1 {
  margin-top: 0;
}

.memberOnly__login {
  display: flex;
  align-items: center;
  background-color: #EFEEEC;
  border: 1px solid #EFEEEC;
  box-sizing: border-box;
  -webkit-column-gap: clamp(20px, 4.1667vw, 60px);
     -moz-column-gap: clamp(20px, 4.1667vw, 60px);
          column-gap: clamp(20px, 4.1667vw, 60px);
  padding: 25px 40px;
}

@media only screen and (max-width: 750px) {
  .memberOnly__login {
    margin: 0 -20px;
    padding: 40px 20px 34px;
    flex-direction: column;
    row-gap: 32px;
  }
}

* + .memberOnly__login {
  margin-top: 56px;
}

@media only screen and (max-width: 750px) {
  * + .memberOnly__login {
    margin-top: 34px;
  }
}

.bgSelect-blue .memberOnly__login {
  background-color: #00008B;
  border-color: #ff0;
}

.bgSelect-yellow .memberOnly__login {
  background-color: #ff0;
  border-color: #000;
}

.bgSelect-black .memberOnly__login {
  background-color: #000;
  border-color: #ff0;
}

.memberOnly__login__link {
  display: flex;
  max-width: 420px;
  min-width: 390px;
  width: 100%;
  align-items: center;
  flex-direction: column;
  row-gap: 12px;
}

@media only screen and (max-width: 750px) {
  .memberOnly__login__link {
    min-width: 0;
    text-align: center;
    row-gap: 15px;
  }
}

.memberOnly__login__btn {
  display: flex;
  max-width: 420px;
  width: 100%;
  padding: 12px 4px 11px;
  align-items: center;
  background-color: #4c3e27;
  border-radius: 110px;
  box-sizing: border-box;
  color: #fff;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: 142.85714%;
  line-height: 145%;
  font-weight: 600;
  justify-content: center;
  text-decoration: none;
}

@media only screen and (max-width: 750px) {
  .memberOnly__login__btn {
    max-width: 335px;
    padding: 16px 10px 14px;
    font-size: 114.28571%;
    line-height: 150%;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}

.memberOnly__login__btn:hover {
  background-color: #cf1225;
  text-decoration: none;
}

.bgSelect-blue .memberOnly__login__btn {
  background-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .memberOnly__login__btn {
  background-color: #000;
  color: #ff0;
}

.bgSelect-black .memberOnly__login__btn {
  background-color: #ff0;
  color: #000;
}

.memberOnly__login__btn::before {
  display: flex;
  color: #D3C6B1;
  font-size: 157.14286%;
  line-height: 100%;
  align-items: center;
  content: '\e910';
}

.memberOnly__login__btn:hover::before {
  color: #fff;
}

.bgSelect-blue .memberOnly__login__btn::before {
  color: #00008B;
}

.bgSelect-yellow .memberOnly__login__btn::before {
  color: #ff0;
}

.bgSelect-black .memberOnly__login__btn::before {
  color: #000;
}

.memberOnly__login__pdf {
  display: inline-block;
}

.memberOnly__login__aboutTitle {
  color: #4C3E27;
  font-size: 128.57143%;
  line-height: 150%;
  font-weight: 600;
}

@media only screen and (max-width: 750px) {
  .memberOnly__login__aboutTitle {
    font-size: 114.28571%;
    line-height: 150%;
  }
}

.bgSelect-blue .memberOnly__login__aboutTitle {
  color: #ff0;
}

.bgSelect-yellow .memberOnly__login__aboutTitle {
  color: #000;
}

.bgSelect-black .memberOnly__login__aboutTitle {
  color: #ff0;
}

.memberOnly__login__aboutText {
  color: #5E5E5E;
  font-size: 100%;
  line-height: 150%;
}

.bgSelect-blue .memberOnly__login__aboutText {
  color: #ff0;
}

.bgSelect-yellow .memberOnly__login__aboutText {
  color: #000;
}

.bgSelect-black .memberOnly__login__aboutText {
  color: #ff0;
}

* + .memberOnly__login__aboutText {
  margin-top: 12px;
}

.memberOnly__login__aboutText * + ul {
  margin-top: 3px;
}

.memberOnly__login__aboutText ul > li {
  padding-left: 14px;
  font-weight: 600;
}

.memberOnly__login__aboutText ul > li:before {
  top: 9px;
  left: 5px;
  width: 3px;
  height: 3px;
  background-color: #5E5E5E;
  border: none;
}

@media only screen and (max-width: 750px) {
  .memberOnly__login__aboutText ul > li:before {
    top: 7px;
  }
}

.memberOnly__login__aboutText ul li + li {
  margin-top: 3px;
}

.bgSelect-blue .memberOnly__login__aboutText ul > li:before {
  background-color: #ff0;
}

.bgSelect-yellow .memberOnly__login__aboutText ul > li:before {
  background-color: #000;
}

.bgSelect-black .memberOnly__login__aboutText ul > li:before {
  background-color: #ff0;
}

* + .memberOnly__login__aboutLink {
  margin-top: 12px;
}

.memberOnly__links {
  padding: 27px 11px 24px;
  border: 1px solid #4C3E27;
  border-width: 1px 0 1px 0;
  box-sizing: border-box;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links {
    padding: 10px 0;
    border-width: 2px 0 2px 0;
  }
}

.bgSelect-blue .memberOnly__links {
  border-color: #ff0;
}

.bgSelect-yellow .memberOnly__links {
  border-color: #000;
}

.bgSelect-black .memberOnly__links {
  border-color: #ff0;
}

* + .memberOnly__links {
  margin-top: 60px;
}

@media only screen and (max-width: 750px) {
  * + .memberOnly__links {
    margin-top: 40px;
  }
}

.memberOnly__links__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 25px;
  max-width: 865px;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__list {
    max-width: 100%;
    row-gap: 0;
  }
}

.memberOnly__links__item {
  display: flex;
  margin-right: 16px;
  padding-left: 0;
  align-items: center;
  -webkit-column-gap: 13px;
     -moz-column-gap: 13px;
          column-gap: 13px;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__item {
    width: 100%;
    margin-right: 0;
  }
}

.memberOnly__links__item::before {
  content: none;
}

.memberOnly__links__item:not(:last-child):after {
  display: block;
  content: '';
  width: 1px;
  height: 34px;
  background-color: #707070;
  rotate: 30deg;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__item:not(:last-child):after {
    content: none;
  }
}

.bgSelect-blue .memberOnly__links__item:not(:last-child):after {
  background-color: #ff0;
}

.bgSelect-yellow .memberOnly__links__item:not(:last-child):after {
  background-color: #000;
}

.bgSelect-black .memberOnly__links__item:not(:last-child):after {
  background-color: #ff0;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__item + .memberOnly__links__item {
    border-top: 2px solid #F3F2F0;
  }
}

.bgSelect-blue .memberOnly__links__item {
  border-color: #ff0;
}

.bgSelect-yellow .memberOnly__links__item {
  border-color: #000;
}

.bgSelect-black .memberOnly__links__item {
  border-color: #ff0;
}

.memberOnly__links__link {
  position: relative;
  display: flex;
  box-sizing: border-box;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  text-decoration: none;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__link {
    width: 100%;
    min-height: 50px;
    padding: 5px 35px 5px 3px;
    align-items: center;
  }
}

.memberOnly__links__link::before {
  content: '\e913';
  color: #D3C6B1;
  font-size: 200%;
  line-height: 100%;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__link::before {
    width: 32px;
    box-sizing: border-box;
    text-align: center;
  }
}

.bgSelect-blue .memberOnly__links__link::before {
  color: #fff;
}

.bgSelect-yellow .memberOnly__links__link::before {
  color: #00008B;
}

.bgSelect-black .memberOnly__links__link::before {
  color: #fff;
}

.memberOnly__links__link--monitoring::before {
  content: '\e917';
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__link--monitoring::before {
    padding-top: 7px;
  }
}

.memberOnly__links__link--report::before {
  content: '\e914';
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__link--report::before {
    padding-top: 2px;
    padding-left: 2px;
    font-size: 228.57143%;
    line-height: 100%;
  }
}

.memberOnly__links__link--record::before {
  content: '\e912';
  padding-left: 9px;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__link--record::before {
    padding-left: 0;
  }
}

.memberOnly__links__link--mail::before {
  content: '\e911';
  padding-left: 7px;
  font-size: 157.14286%;
  line-height: 100%;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__link--mail::before {
    padding-left: 0;
  }
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__link::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: -3px;
    right: 16px;
    bottom: 0;
    width: 6px;
    height: 6px;
    margin: auto;
    border-right: 2px solid #4C3E27;
    border-bottom: 2px solid #4C3E27;
    rotate: 45deg;
  }
}

.bgSelect-blue .memberOnly__links__link::after {
  border-color: #fff;
}

.bgSelect-yellow .memberOnly__links__link::after {
  border-color: #00008B;
}

.bgSelect-black .memberOnly__links__link::after {
  border-color: #fff;
}

.memberOnly__links__body {
  color: #4C3E27;
  font-size: 128.57143%;
  line-height: 134%;
  font-weight: 600;
  text-decoration: none;
}

@media only screen and (max-width: 750px) {
  .memberOnly__links__body {
    font-size: 114.28571%;
    line-height: 150%;
  }
}

.bgSelect-blue .memberOnly__links__body {
  color: #fff;
}

.bgSelect-yellow .memberOnly__links__body {
  color: #00008B;
}

.bgSelect-black .memberOnly__links__body {
  color: #fff;
}

.memberOnly__pickup {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}

@media only screen and (max-width: 750px) {
  .memberOnly__pickup {
    gap: 47px 15px;
  }
}

* + .memberOnly__pickup {
  margin-top: 40px;
}

.memberOnly__pickup:has(.pickupSlider) {
  grid-template-columns: 65.8% 31.4%;
  grid-template-rows: -webkit-max-content 1fr;
  grid-template-rows: max-content 1fr;
  gap: 17px 28px;
}

@media only screen and (max-width: 750px) {
  .memberOnly__pickup:has(.pickupSlider) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 47px 15px;
  }
}

.memberOnly__pickup__large {
  grid-area: 1 / 1 / 3 / 2;
}

@media only screen and (max-width: 750px) {
  .memberOnly__pickup__large {
    grid-area: 1 / 1 / 2 / 3;
  }
}

.memberOnly__pickup__small--green {
  grid-area: 1 / 2 / 2 / 3;
}

@media only screen and (max-width: 750px) {
  .memberOnly__pickup__small--green {
    grid-area: 2 / 1 / 3 / 2;
  }
}

.memberOnly__pickup__small--blue {
  grid-area: 2 / 2 / 3 / 3;
}

@media only screen and (max-width: 750px) {
  .memberOnly__pickup__small--blue {
    grid-area: 2 / 2 / 3 / 3;
  }
}

.memberOnly__pickup__smallLink {
  display: block;
  border-radius: 5px;
  overflow: hidden;
}

.memberOnly__pickup__smallLink:hover {
  opacity: .85;
}

.memberOnly__pickup__smallLink::before, .memberOnly__pickup__smallLink::after {
  display: none !important;
  content: none !important;
}

.memberOnly__pickup__small--first .memberOnly__pickup__smallLink {
  -webkit-filter: drop-shadow(0px 7px 0px #BEDE50);
          filter: drop-shadow(0px 7px 0px #BEDE50);
}

.bgSelect-blue .memberOnly__pickup__small--first .memberOnly__pickup__smallLink {
  -webkit-filter: drop-shadow(0px 7px 0px #ff0);
          filter: drop-shadow(0px 7px 0px #ff0);
}

.bgSelect-yellow .memberOnly__pickup__small--first .memberOnly__pickup__smallLink {
  -webkit-filter: drop-shadow(0px 7px 0px #000);
          filter: drop-shadow(0px 7px 0px #000);
}

.bgSelect-black .memberOnly__pickup__small--first .memberOnly__pickup__smallLink {
  -webkit-filter: drop-shadow(0px 7px 0px #ff0);
          filter: drop-shadow(0px 7px 0px #ff0);
}

.memberOnly__pickup__small--second .memberOnly__pickup__smallLink {
  -webkit-filter: drop-shadow(0px 7px 0px #3C99DE);
          filter: drop-shadow(0px 7px 0px #3C99DE);
}

.bgSelect-blue .memberOnly__pickup__small--second .memberOnly__pickup__smallLink {
  -webkit-filter: drop-shadow(0px 7px 0px #ff0);
          filter: drop-shadow(0px 7px 0px #ff0);
}

.bgSelect-yellow .memberOnly__pickup__small--second .memberOnly__pickup__smallLink {
  -webkit-filter: drop-shadow(0px 7px 0px #000);
          filter: drop-shadow(0px 7px 0px #000);
}

.bgSelect-black .memberOnly__pickup__small--second .memberOnly__pickup__smallLink {
  -webkit-filter: drop-shadow(0px 7px 0px #ff0);
          filter: drop-shadow(0px 7px 0px #ff0);
}

.memberOnly__pickup__smallLink img {
  aspect-ratio: 314 / 214;
  width: 100%;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.memberOnly__col {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 40px;
}

* + .memberOnly__col {
  margin-top: 50px;
}

@media only screen and (max-width: 750px) {
  * + .memberOnly__col {
    margin-top: 75px;
  }
}

.memberOnly__col__item {
  width: calc(50% - 20px);
}

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

* + .memberOnly__content {
  margin-top: 60px;
}

@media only screen and (max-width: 750px) {
  * + .memberOnly__content {
    margin-top: 45px;
  }
}

* + .memberOnly__inquiry {
  margin-top: 72px;
  padding-top: 22px;
  border-top: 1px solid #D5D5D5;
}

@media only screen and (max-width: 750px) {
  * + .memberOnly__inquiry {
    margin-top: 80px;
    padding-top: 45px;
  }
}

.bgSelect-blue .memberOnly__inquiry {
  border-color: #ff0;
}

.bgSelect-yellow .memberOnly__inquiry {
  border-color: #000;
}

.bgSelect-black .memberOnly__inquiry {
  border-color: #ff0;
}

* + .memberOnly__inquiry__body {
  margin-top: 60px;
}

@media only screen and (max-width: 750px) {
  * + .memberOnly__inquiry__body {
    margin-top: 30px;
  }
}

.memberOnly__inquiry__btn {
  display: flex;
  max-width: 420px;
  width: 100%;
  margin: auto;
  padding: 14px 10px 11px 8px;
  align-items: center;
  background-color: #4c3e27;
  border-radius: 120px;
  box-sizing: border-box;
  color: #fff;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: 142.85714%;
  line-height: 145%;
  font-weight: 600;
  justify-content: center;
  text-decoration: none;
}

@media only screen and (max-width: 750px) {
  .memberOnly__inquiry__btn {
    padding: 15px 10px 16px 8px;
    font-size: 114.28571%;
    line-height: 150%;
  }
}

.memberOnly__inquiry__btn:hover {
  background-color: #cf1225;
  text-decoration: none;
}

.bgSelect-blue .memberOnly__inquiry__btn {
  background-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .memberOnly__inquiry__btn {
  background-color: #000;
  color: #ff0;
}

.bgSelect-black .memberOnly__inquiry__btn {
  background-color: #ff0;
  color: #000;
}

.memberOnly__inquiry__btn::before {
  content: '\e916';
  color: #D3C6B1;
  font-size: 150%;
  line-height: 100%;
  flex-shrink: 0;
}

.memberOnly__inquiry__btn:hover::before {
  color: #fff;
}

.bgSelect-blue .memberOnly__inquiry__btn::before {
  color: #00008B;
}

.bgSelect-yellow .memberOnly__inquiry__btn::before {
  color: #ff0;
}

.bgSelect-black .memberOnly__inquiry__btn::before {
  color: #000;
}

.pickupSlider__body {
  display: none;
}

.pickupSlider__body.slick-initialized {
  display: block;
}

.pickupSlider__item__link {
  position: relative;
  display: block;
  border-radius: 5px;
  -webkit-filter: drop-shadow(0px 7px 0px #F55E1A);
          filter: drop-shadow(0px 7px 0px #F55E1A);
  overflow: hidden;
}

.pickupSlider__item__link:hover {
  opacity: .85;
}

.pickupSlider__item__link::before, .pickupSlider__item__link::after {
  display: none !important;
  content: none !important;
}

.bgSelect-blue .pickupSlider__item__link {
  -webkit-filter: drop-shadow(0px 7px 0px #ff0);
          filter: drop-shadow(0px 7px 0px #ff0);
}

.bgSelect-yellow .pickupSlider__item__link {
  -webkit-filter: drop-shadow(0px 7px 0px #000);
          filter: drop-shadow(0px 7px 0px #000);
}

.bgSelect-black .pickupSlider__item__link {
  -webkit-filter: drop-shadow(0px 7px 0px #ff0);
          filter: drop-shadow(0px 7px 0px #ff0);
}

.pickupSlider__item__link img {
  aspect-ratio: 658 / 445;
  width: 100%;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.pickupSlider__controls {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  justify-content: center;
}

* + .pickupSlider__controls {
  margin-top: 13px;
}

.pickupSlider__controls .slick-arrow {
  display: flex;
  width: 24px;
  height: 24px;
  margin: 0;
  align-items: center;
  background-color: #4C3E28;
  border-radius: 50%;
  justify-content: center;
  -webkit-transform: none;
          transform: none;
}

.pickupSlider__controls .slick-arrow::before {
  position: static;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-width: 2px 2px 0 0;
  box-sizing: border-box;
}

.pickupSlider__controls .slick-arrow:hover {
  opacity: .85;
}

.pickupSlider__controls .slick-prev {
  order: 1;
}

.pickupSlider__controls .slick-prev::before {
  margin-left: 5px;
  rotate: 180deg;
}

.pickupSlider__controls .slick-next {
  order: 3;
}

.pickupSlider__controls .slick-next::before {
  margin-right: 5px;
}

.pickupSlider__controls .slick-dots {
  width: auto;
  margin: 0;
  order: 2;
}

.pickupSlider__controls .slick-dots li {
  width: 18px;
}

.pickupSlider__controls .slick-dots li button {
  background-color: #D3C6B1;
}

.pickupSlider__controls .slick-dots .slick-active button {
  background-color: #F55E1A;
}

.pickupSlider__controls .slick-arrow,
.pickupSlider__controls .slick-dots {
  position: static;
}

.bgSelect-blue .pickupSlider__controls .slick-arrow {
  background-color: #fff;
}

.bgSelect-blue .pickupSlider__controls .slick-arrow::before {
  border-color: #00008B;
}

.bgSelect-blue .pickupSlider__controls .slick-dots .slick-active button {
  background-color: #ff0;
}

.bgSelect-yellow .pickupSlider__controls .slick-arrow {
  background-color: #000;
}

.bgSelect-yellow .pickupSlider__controls .slick-arrow::before {
  border-color: #ff0;
}

.bgSelect-yellow .pickupSlider__controls .slick-dots .slick-active button {
  background-color: #000;
}

.bgSelect-black .pickupSlider__controls .slick-arrow {
  background-color: #ff0;
}

.bgSelect-black .pickupSlider__controls .slick-arrow::before {
  border-color: #000;
}

.bgSelect-black .pickupSlider__controls .slick-dots .slick-active button {
  background-color: #ff0;
}

.pickupSlider__controls__state {
  position: absolute;
  top: 2px;
  right: 0;
  width: 32px;
  height: 20px;
  background-color: #EFEEEC;
  border: 1px solid #EFEEEC;
  box-sizing: border-box;
  font-size: 0%;
}

.pickupSlider__controls__state:hover {
  opacity: .85;
}

.pickupSlider__controls__state::before {
  top: 4px;
  left: 12px;
  content: '';
  width: 2px;
  height: 10px;
}

.pickupSlider__controls__state::after {
  top: 4px;
  right: 12px;
  content: '';
  width: 2px;
  height: 10px;
}

.pickupSlider__controls__state::before, .pickupSlider__controls__state::after {
  position: absolute;
  background-color: #4C3E27;
}

.pickupSlider__controls__state.is-active::before {
  width: 8px;
  height: 8px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.pickupSlider__controls__state.is-active::after {
  content: none;
}

.bgSelect-blue .pickupSlider__controls__state {
  background-color: #00008B;
  border: 1px solid #ff0;
}

.bgSelect-blue .pickupSlider__controls__state::before, .bgSelect-blue .pickupSlider__controls__state::after {
  background-color: #ff0;
}

.bgSelect-yellow .pickupSlider__controls__state {
  background-color: #ff0;
  border: 1px solid #000;
}

.bgSelect-yellow .pickupSlider__controls__state::before, .bgSelect-yellow .pickupSlider__controls__state::after {
  background-color: #000;
}

.bgSelect-black .pickupSlider__controls__state {
  background-color: #000;
  border: 1px solid #ff0;
}

.bgSelect-black .pickupSlider__controls__state::before, .bgSelect-black .pickupSlider__controls__state::after {
  background-color: #ff0;
}

.memberContent__head {
  display: flex;
  padding: 7px 0;
  align-items: end;
  border-bottom: 2px solid #4C3E27;
}

@media only screen and (max-width: 750px) {
  .memberContent__head {
    margin: 0 -20px;
    padding-bottom: 9px;
  }
}

.bgSelect-blue .memberContent__head {
  border-color: #ff0;
}

.bgSelect-yellow .memberContent__head {
  border-color: #000;
}

.bgSelect-black .memberContent__head {
  border-color: #ff0;
}

.memberContent__head__eng {
  display: flex;
  padding-left: 7px;
  margin-right: 17px;
  align-items: center;
  align-self: center;
  justify-content: center;
  flex-direction: column;
  flex-shrink: 0;
  color: #CA000F;
  font-size: 85.71429%;
  line-height: 150%;
  font-weight: 600;
  row-gap: 7px;
}

@media only screen and (max-width: 750px) {
  .memberContent__head__eng {
    margin-right: 8px;
    font-size: 57.14286%;
    line-height: 138%;
  }
}

.bgSelect-blue .memberContent__head__eng {
  color: #ff0;
}

.bgSelect-yellow .memberContent__head__eng {
  color: #000;
}

.bgSelect-black .memberContent__head__eng {
  color: #ff0;
}

.memberContent__head__eng::after {
  content: '\e913';
  color: #D3C6B1;
  font-size: 316.66667%;
  line-height: 100%;
}

.bgSelect-blue .memberContent__head__eng::after {
  color: #ff0;
}

.bgSelect-yellow .memberContent__head__eng::after {
  color: #000;
}

.bgSelect-black .memberContent__head__eng::after {
  color: #ff0;
}

.memberContent__head__eng--monitoring {
  margin-right: 5px;
  padding-left: 0;
}

@media only screen and (max-width: 750px) {
  .memberContent__head__eng--monitoring {
    margin-right: 0;
    letter-spacing: -.03em;
  }
}

.memberContent__head__eng--monitoring::after {
  content: '\e917';
}

.memberContent__head__eng--report {
  margin-right: 9px;
  padding-left: 5px;
}

@media only screen and (max-width: 750px) {
  .memberContent__head__eng--report {
    margin-right: 0;
    letter-spacing: -.03em;
  }
}

.memberContent__head__eng--report::after {
  content: '\e914';
  font-size: 375%;
  line-height: 100%;
}

.memberContent__head__eng--record {
  margin-right: 10px;
  padding-left: 3px;
}

@media only screen and (max-width: 750px) {
  .memberContent__head__eng--record {
    margin-right: 0;
    letter-spacing: -.03em;
  }
}

.memberContent__head__eng--record::after {
  content: '\e912';
  font-size: 366.66667%;
  line-height: 100%;
}

.memberContent__head__eng--mail {
  margin-right: 18px;
  margin-bottom: 7px;
  padding-left: 11px;
}

@media only screen and (max-width: 750px) {
  .memberContent__head__eng--mail {
    margin-right: 10px;
    letter-spacing: -.03em;
  }
}

.memberContent__head__eng--mail::after {
  content: '\e911';
  font-size: 266.66667%;
  line-height: 100%;
}

.memberContent__head__title {
  margin: 0;
  padding: 0;
  border: none;
  color: #4C3E27;
  font-size: 228.57143%;
  line-height: 150%;
  font-weight: 300;
}

@media only screen and (max-width: 750px) {
  .memberContent__head__title {
    margin-bottom: -4px;
    font-size: 171.42857%;
    line-height: 150%;
  }
}

.memberContent__head__title::before, .memberContent__head__title::after {
  content: none;
}

@media only screen and (max-width: 750px) {
  .memberContent__head__eng--mail + .memberContent__head__title {
    margin-bottom: 0;
  }
}

* + .memberContent__body {
  margin-top: 26px;
}

.memberContent__body * + .newsItem {
  margin-top: 5px;
}

@media only screen and (max-width: 750px) {
  .memberContent__body * + .newsItem {
    margin-top: 18px;
  }
}

@media only screen and (max-width: 750px) {
  .memberContent__body .newsItem__title {
    margin-top: 5px;
    font-size: 100%;
    line-height: 150%;
  }
}

.newsItemWrap--noLabel .newsItem__data {
  min-width: 103px;
  width: auto;
}

.newsItemWrap--noLabel .newsItem__data__date {
  padding: 0;
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}

.newsItemWrap--noLabel .newsItem__title {
  width: auto;
}

.memberContent__foot {
  display: flex;
  justify-content: center;
}

* + .memberContent__foot {
  margin-top: 18px;
}

@media only screen and (max-width: 750px) {
  * + .memberContent__foot {
    margin-top: 30px;
  }
}

.memberContent__foot__btn {
  display: flex;
  width: 150px;
  padding: 9px 5px 8px 8px;
  align-items: center;
  background-color: #4c3e27;
  border-radius: 80px;
  box-sizing: border-box;
  color: #fff;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: 100%;
  line-height: 150%;
  font-weight: 600;
  justify-content: center;
  text-decoration: none;
}

.memberContent__foot__btn:hover {
  background-color: #cf1225;
  text-decoration: none;
}

.bgSelect-blue .memberContent__foot__btn {
  background-color: #fff;
  color: #00008B;
}

.bgSelect-yellow .memberContent__foot__btn {
  background-color: #000;
  color: #ff0;
}

.bgSelect-black .memberContent__foot__btn {
  background-color: #ff0;
  color: #000;
}

.memberContent__foot__btn::before {
  content: '\e915';
  color: #D3C6B1;
  font-size: 114.28571%;
  line-height: 100%;
  flex-shrink: 0;
}

.memberContent__foot__btn:hover::before {
  color: #fff;
}

.bgSelect-blue .memberContent__foot__btn::before {
  color: #00008B;
}

.bgSelect-yellow .memberContent__foot__btn::before {
  color: #ff0;
}

.bgSelect-black .memberContent__foot__btn::before {
  color: #000;
}

.memberContentCard {
  display: grid;
  padding: 0 30px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  gap: 28px 20px;
}

@media only screen and (max-width: 750px) {
  .memberContentCard {
    padding: 0;
    grid-template-columns: repeat(1, 1fr);
  }
}

.memberContentCard--list {
  padding: 0;
  grid-template-columns: repeat(2, 1fr);
}

@media only screen and (max-width: 750px) {
  .memberContentCard--list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.memberContentCard__item {
  padding-left: 0;
}

.memberContentCard__item::before {
  content: none;
}

.memberContentCard__item__link {
  text-decoration: none;
}

.memberContentCard__item__link::before, .memberContentCard__item__link::after {
  display: none !important;
  content: none !important;
}

.memberContentCard__item__img {
  display: block;
  aspect-ratio: 320 / 180;
  border-radius: 5px;
  overflow: hidden;
}

.memberContentCard__item__img img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.memberContentCard__item__data {
  color: #5E5E5E;
  font-size: 100%;
  line-height: 150%;
}

.bgSelect-blue .memberContentCard__item__data {
  color: #fff;
}

.bgSelect-yellow .memberContentCard__item__data {
  color: #00008B;
}

.bgSelect-black .memberContentCard__item__data {
  color: #fff;
}

.memberContentCard__item__title {
  color: #5E5E5E;
  font-size: 114.28571%;
  line-height: 150%;
}

.bgSelect-blue .memberContentCard__item__title {
  color: #fff;
}

.bgSelect-yellow .memberContentCard__item__title {
  color: #00008B;
}

.bgSelect-black .memberContentCard__item__title {
  color: #fff;
}

.memberContentCard__item__link[href^="http"]:not([href*="tcvb.or.jp"]) .memberContentCard__item__title::after {
  content: '\e901' !important;
  display: inline-block;
  letter-spacing: normal;
  margin-right: 5px;
  margin-left: 8px;
  width: 13px;
  height: 16px;
  background: none !important;
  text-decoration: none;
}

.memberContentCard--movie .memberContentCard__item__img {
  position: relative;
}

.memberContentCard--movie .memberContentCard__item__img::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 49px;
  margin: auto;
  background-image: url(/styles/images/icon_youtube.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 750px) {
  .main__middle--contact .memberOnly__title {
    padding: 0 20px;
  }
}

#ot-sdk-btn {
  display: inline-block;
  padding: 3px 15px !important;
  background: #ececec !important;
  color: #5e5e5e !important;
  font-size: 100% !important;
  line-height: 172% !important;
  font-weight: bold;
  border: 1px solid #4c3f28 !important;
  border-radius: 30px;
  text-align: center;
  vertical-align: middle;
}

#ot-sdk-btn:hover {
  opacity: .85 !important;
}

#ot-pc-title:before {
  content: none;
}

.ot-cat-header:before,
#cookie-policy-title:before,
#cookie-policy-title:after,
.ot-sdk-cookie-policy-group:before,
.ot-pc-footer-logo a:after,
#ot-category-title:before,
#ot-category-title:after {
  display: none !important;
  content: none !important;
}

#accept-recommended-btn-handler,
.ot-pc-footer .ot-pc-refuse-all-handler,
.save-preference-btn-handler {
  border-radius: 50px !important;
}

#ot-sdk-cookie-policy .ot-sdk-container {
  padding: 0 !important;
}

@media screen and (min-width: 400px) {
  #ot-sdk-cookie-policy .ot-sdk-container {
    width: 100% !important;
  }
}

.ot-subgrp h5:before,
li.ot-subgrp:before {
  content: none !important;
}

.sustTourism__intro__contents {
  position: relative;
  max-height: 100px;
  padding: 0 0 110px;
  overflow: hidden;
  font-size: 142.85714%;
  line-height: 170%;
  text-align: center;
  transition: max-height 1s;
}

@media screen and (max-width: 750px) {
  .sustTourism__intro__contents {
    font-size: 100%;
    line-height: 172%;
    max-height: 132px;
    padding: 0 0 64px;
    box-sizing: border-box;
  }
}

.sustTourism__intro__body:has(:checked) .sustTourism__intro__contents {
  max-height: 100vh;
}

.sustTourism__intro__btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 960px;
  height: 156px;
  margin: 0 auto;
  padding: 38px 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 0, #fff);
  translate: -50% 0;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .sustTourism__intro__btn {
    align-items: flex-start;
    height: 50px;
    margin: 0 auto;
    padding: 0 0 0;
  }
}

.sustTourism__intro__body:has(:checked) .sustTourism__intro__btn {
  bottom: 41px;
  height: auto;
  padding: 0;
  background: none;
}

@media screen and (max-width: 750px) {
  .sustTourism__intro__body:has(:checked) .sustTourism__intro__btn {
    bottom: 0;
    height: 50px;
  }
}

.bgSelect-blue .sustTourism__intro__btn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 139, 0.9) 50%, rgba(0, 0, 139, 0.9) 0, #00008B);
}

.bgSelect-yellow .sustTourism__intro__btn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 0, 0.9) 50%, rgba(255, 255, 0, 0.9) 0, #ffff00);
}

.bgSelect-black .sustTourism__intro__btn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0.9) 0, #000);
}

.viewBtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 36px;
  margin-inline: auto;
  padding-right: 10px;
  background-color: #cf1226;
  border-radius: 18px;
  cursor: pointer;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .viewBtn {
    width: 125px;
    height: 30px;
  }
}

.bgSelect-blue .viewBtn {
  background-color: white;
}

.bgSelect-yellow .viewBtn {
  background-color: black;
}

.bgSelect-black .viewBtn {
  background-color: yellow;
}

.viewBtn:hover {
  opacity: .85;
}

.viewBtn__btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 150px;
  height: 36px;
  margin-inline: auto;
  background-color: #cf1226;
  border-radius: 18px;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .viewBtn__btn {
    width: 125px;
    height: 30px;
  }
}

.bgSelect-blue .viewBtn__btn {
  background-color: white;
}

.bgSelect-yellow .viewBtn__btn {
  background-color: black;
}

.bgSelect-black .viewBtn__btn {
  background-color: yellow;
}

.viewBtn__txt {
  position: absolute;
  top: 50%;
  left: calc(50% - 5px);
  z-index: 1;
  font-size: 100%;
  line-height: 243%;
  color: #fff;
  opacity: 1;
  transition: opacity .5s;
  translate: -50% -50%;
}

@media screen and (max-width: 750px) {
  .viewBtn__txt {
    font-size: 78.57143%;
    line-height: 273%;
  }
}

.bgSelect-blue .viewBtn__txt {
  color: #00008B;
}

.bgSelect-yellow .viewBtn__txt {
  color: #ffff00;
}

.bgSelect-black .viewBtn__txt {
  color: #000;
}

.viewBtn__txt.is-close {
  opacity: 0;
}

.viewBtn:has(:checked) .viewBtn__txt {
  opacity: 0;
}

.viewBtn:has(:checked) .viewBtn__txt.is-close {
  opacity: 1;
}

.viewBtn__icon {
  position: absolute;
  top: 50%;
  right: 7px;
  z-index: 1;
  display: block;
  width: 23px;
  height: 23px;
  background-color: white;
  border-radius: 50%;
  translate: 0 -50%;
}

@media screen and (max-width: 750px) {
  .viewBtn__icon {
    right: 5px;
    width: 20px;
    height: 20px;
  }
}

.bgSelect-blue .viewBtn__icon {
  background-color: white;
}

.bgSelect-yellow .viewBtn__icon {
  background-color: black;
}

.bgSelect-black .viewBtn__icon {
  background-color: yellow;
}

.viewBtn__icon::before, .viewBtn__icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: 2px;
  content: '';
  background-color: #cf1226;
  translate: -50% -50%;
}

.bgSelect-blue .viewBtn__icon::before, .bgSelect-blue .viewBtn__icon::after {
  background-color: #00008B;
}

.bgSelect-yellow .viewBtn__icon::before, .bgSelect-yellow .viewBtn__icon::after {
  background-color: #ffff00;
}

.bgSelect-black .viewBtn__icon::before, .bgSelect-black .viewBtn__icon::after {
  background-color: #000;
}

.viewBtn__icon::after {
  rotate: 90deg;
  transition: rotate .5s;
}

.viewBtn:has(:checked) .viewBtn__icon::after {
  rotate: 0deg;
}

.partnerLeadtext {
  text-align: center;
}

/* *****************************************************
box
***************************************************** */
@media screen and (max-width: 980px) {
  .sp-img-auto {
    text-align: center;
  }
  .sp-img-auto img {
    width: auto !important;
  }
  .sp-img-auto .caption {
    text-align: center;
  }
}

.float-none {
  float: none;
}

/* float
----------------------------------------------------- */
.left {
  float: left;
}

.right {
  float: right;
}

/* text-align
----------------------------------------------------- */
.set-center {
  text-align: center;
}

.set-left {
  text-align: left;
}

.set-right {
  text-align: right;
}

/* vertical-align
----------------------------------------------------- */
.v-top {
  vertical-align: top;
}

.v-bottom {
  vertical-align: bottom;
}

.v-middle {
  vertical-align: middle;
}

/* font-size
----------------------------------------------------- */
/* margin
----------------------------------------------------- */
.m-auto {
  margin-left: auto;
  margin-right: auto;
}

/* top */
.m-t0 {
  margin-top: 0;
}

.m-t5 {
  margin-top: 5px;
}

.m-t10 {
  margin-top: 10px;
}

.m-t15 {
  margin-top: 15px;
}

.m-t20 {
  margin-top: 20px;
}

.m-t25 {
  margin-top: 25px;
}

.m-t30 {
  margin-top: 30px;
}

.m-t35 {
  margin-top: 35px;
}

.m-t40 {
  margin-top: 40px;
}

.m-t45 {
  margin-top: 45px;
}

.m-t50 {
  margin-top: 50px;
}

.m-t55 {
  margin-top: 55px;
}

.m-t60 {
  margin-top: 60px;
}

.m-t65 {
  margin-top: 65px;
}

.m-t70 {
  margin-top: 70px;
}

.m-t75 {
  margin-top: 75px;
}

.m-t80 {
  margin-top: 80px;
}

.m-t85 {
  margin-top: 85px;
}

.m-t90 {
  margin-top: 90px;
}

.m-t95 {
  margin-top: 95px;
}

.m-t100 {
  margin-top: 100px;
}

/* right */
.m-r0 {
  margin-right: 0;
}

.m-r5 {
  margin-right: 5px;
}

.m-r10 {
  margin-right: 10px;
}

.m-r15 {
  margin-right: 15px;
}

.m-r20 {
  margin-right: 20px;
}

.m-r25 {
  margin-right: 25px;
}

.m-r30 {
  margin-right: 30px;
}

.m-r35 {
  margin-right: 35px;
}

.m-r40 {
  margin-right: 40px;
}

.m-r45 {
  margin-right: 45px;
}

.m-r50 {
  margin-right: 50px;
}

.m-r55 {
  margin-right: 55px;
}

.m-r60 {
  margin-right: 60px;
}

.m-r65 {
  margin-right: 65px;
}

.m-r70 {
  margin-right: 70px;
}

.m-r75 {
  margin-right: 75px;
}

.m-r80 {
  margin-right: 80px;
}

.m-r85 {
  margin-right: 85px;
}

.m-r90 {
  margin-right: 90px;
}

.m-r95 {
  margin-right: 95px;
}

.m-r100 {
  margin-right: 100px;
}

/* bottom */
.m-b0 {
  margin-bottom: 0;
}

.m-b5 {
  margin-bottom: 5px;
}

.m-b10 {
  margin-bottom: 10px;
}

.m-b15 {
  margin-bottom: 15px;
}

.m-b20 {
  margin-bottom: 20px;
}

.m-b25 {
  margin-bottom: 25px;
}

.m-b30 {
  margin-bottom: 30px;
}

.m-b35 {
  margin-bottom: 35px;
}

.m-b40 {
  margin-bottom: 40px;
}

.m-b45 {
  margin-bottom: 45px;
}

.m-b50 {
  margin-bottom: 50px;
}

.m-b55 {
  margin-bottom: 55px;
}

.m-b60 {
  margin-bottom: 60px;
}

.m-b65 {
  margin-bottom: 65px;
}

.m-b70 {
  margin-bottom: 70px;
}

.m-b75 {
  margin-bottom: 75px;
}

.m-b80 {
  margin-bottom: 80px;
}

.m-b85 {
  margin-bottom: 85px;
}

.m-b90 {
  margin-bottom: 90px;
}

.m-b95 {
  margin-bottom: 95px;
}

.m-b100 {
  margin-bottom: 100px;
}

/* left */
.m-l0 {
  margin-left: 0;
}

.m-l5 {
  margin-left: 5px;
}

.m-l10 {
  margin-left: 10px;
}

.m-l15 {
  margin-left: 15px;
}

.m-l20 {
  margin-left: 20px;
}

.m-l25 {
  margin-left: 25px;
}

.m-l30 {
  margin-left: 30px;
}

.m-l35 {
  margin-left: 35px;
}

.m-l40 {
  margin-left: 40px;
}

.m-l45 {
  margin-left: 45px;
}

.m-l50 {
  margin-left: 50px;
}

.m-l55 {
  margin-left: 55px;
}

.m-l60 {
  margin-left: 60px;
}

.m-l65 {
  margin-left: 65px;
}

.m-l70 {
  margin-left: 70px;
}

.m-l75 {
  margin-left: 75px;
}

.m-l80 {
  margin-left: 80px;
}

.m-l85 {
  margin-left: 85px;
}

.m-l90 {
  margin-left: 90px;
}

.m-l95 {
  margin-left: 95px;
}

.m-l100 {
  margin-left: 100px;
}

/* padding
----------------------------------------------------- */
/* top */
.p-t0 {
  padding-top: 0;
}

.p-t5 {
  padding-top: 5px;
}

.p-t10 {
  padding-top: 10px;
}

.p-t15 {
  padding-top: 15px;
}

.p-t20 {
  padding-top: 20px;
}

.p-t25 {
  padding-top: 25px;
}

.p-t30 {
  padding-top: 30px;
}

.p-t35 {
  padding-top: 35px;
}

.p-t40 {
  padding-top: 40px;
}

.p-t45 {
  padding-top: 45px;
}

.p-t50 {
  padding-top: 50px;
}

.p-t55 {
  padding-top: 55px;
}

.p-t60 {
  padding-top: 60px;
}

.p-t65 {
  padding-top: 65px;
}

.p-t70 {
  padding-top: 70px;
}

.p-t75 {
  padding-top: 75px;
}

.p-t80 {
  padding-top: 80px;
}

.p-t85 {
  padding-top: 85px;
}

.p-t90 {
  padding-top: 90px;
}

.p-t95 {
  padding-top: 95px;
}

.p-t100 {
  padding-top: 100px;
}

/* right */
.p-r0 {
  padding-right: 0;
}

.p-r5 {
  padding-right: 5px;
}

.p-r10 {
  padding-right: 10px;
}

.p-r15 {
  padding-right: 15px;
}

.p-r20 {
  padding-right: 20px;
}

.p-r25 {
  padding-right: 25px;
}

.p-r30 {
  padding-right: 30px;
}

.p-r35 {
  padding-right: 35px;
}

.p-r40 {
  padding-right: 40px;
}

.p-r45 {
  padding-right: 45px;
}

.p-r50 {
  padding-right: 50px;
}

.p-r55 {
  padding-right: 55px;
}

.p-r60 {
  padding-right: 60px;
}

.p-r65 {
  padding-right: 65px;
}

.p-r70 {
  padding-right: 70px;
}

.p-r75 {
  padding-right: 75px;
}

.p-r80 {
  padding-right: 80px;
}

.p-r85 {
  padding-right: 85px;
}

.p-r90 {
  padding-right: 90px;
}

.p-r95 {
  padding-right: 95px;
}

.p-r100 {
  padding-right: 100px;
}

/* bottom */
.p-b0 {
  padding-bottom: 0;
}

.p-b5 {
  padding-bottom: 5px;
}

.p-b10 {
  padding-bottom: 10px;
}

.p-b15 {
  padding-bottom: 15px;
}

.p-b20 {
  padding-bottom: 20px;
}

.p-b25 {
  padding-bottom: 25px;
}

.p-b30 {
  padding-bottom: 30px;
}

.p-b35 {
  padding-bottom: 35px;
}

.p-b40 {
  padding-bottom: 40px;
}

.p-b45 {
  padding-bottom: 45px;
}

.p-b50 {
  padding-bottom: 50px;
}

.p-b55 {
  padding-bottom: 55px;
}

.p-b60 {
  padding-bottom: 60px;
}

.p-b65 {
  padding-bottom: 65px;
}

.p-b70 {
  padding-bottom: 70px;
}

.p-b75 {
  padding-bottom: 75px;
}

.p-b80 {
  padding-bottom: 80px;
}

.p-b85 {
  padding-bottom: 85px;
}

.p-b90 {
  padding-bottom: 90px;
}

.p-b95 {
  padding-bottom: 95px;
}

.p-b100 {
  padding-bottom: 100px;
}

/* left */
.p-l0 {
  padding-left: 0;
}

.p-l5 {
  padding-left: 5px;
}

.p-l10 {
  padding-left: 10px;
}

.p-l15 {
  padding-left: 15px;
}

.p-l20 {
  padding-left: 20px;
}

.p-l25 {
  padding-left: 25px;
}

.p-l30 {
  padding-left: 30px;
}

.p-l35 {
  padding-left: 35px;
}

.p-l40 {
  padding-left: 40px;
}

.p-l45 {
  padding-left: 45px;
}

.p-l50 {
  padding-left: 50px;
}

.p-l55 {
  padding-left: 55px;
}

.p-l60 {
  padding-left: 60px;
}

.p-l65 {
  padding-left: 65px;
}

.p-l70 {
  padding-left: 70px;
}

.p-l75 {
  padding-left: 75px;
}

.p-l80 {
  padding-left: 80px;
}

.p-l85 {
  padding-left: 85px;
}

.p-l90 {
  padding-left: 90px;
}

.p-l95 {
  padding-left: 95px;
}

.p-l100 {
  padding-left: 100px;
}

/* width
----------------------------------------------------- */
.w0 {
  width: 0;
}

.w5 {
  width: 5px;
}

.w10 {
  width: 10px;
}

.w15 {
  width: 15px;
}

.w20 {
  width: 20px;
}

.w25 {
  width: 25px;
}

.w30 {
  width: 30px;
}

.w35 {
  width: 35px;
}

.w40 {
  width: 40px;
}

.w45 {
  width: 45px;
}

.w50 {
  width: 50px;
}

.w55 {
  width: 55px;
}

.w60 {
  width: 60px;
}

.w65 {
  width: 65px;
}

.w70 {
  width: 70px;
}

.w75 {
  width: 75px;
}

.w80 {
  width: 80px;
}

.w85 {
  width: 85px;
}

.w90 {
  width: 90px;
}

.w95 {
  width: 95px;
}

.w100 {
  width: 100px;
}

.w105 {
  width: 105px;
}

.w110 {
  width: 110px;
}

.w115 {
  width: 115px;
}

.w120 {
  width: 120px;
}

.w125 {
  width: 125px;
}

.w130 {
  width: 130px;
}

.w135 {
  width: 135px;
}

.w140 {
  width: 140px;
}

.w145 {
  width: 145px;
}

.w150 {
  width: 150px;
}

.w155 {
  width: 155px;
}

.w160 {
  width: 160px;
}

.w165 {
  width: 165px;
}

.w170 {
  width: 170px;
}

.w175 {
  width: 175px;
}

.w180 {
  width: 180px;
}

.w185 {
  width: 185px;
}

.w190 {
  width: 190px;
}

.w195 {
  width: 195px;
}

.w200 {
  width: 200px;
}

.w205 {
  width: 205px;
}

.w210 {
  width: 210px;
}

.w215 {
  width: 215px;
}

.w220 {
  width: 220px;
}

.w225 {
  width: 225px;
}

.w230 {
  width: 230px;
}

.w235 {
  width: 235px;
}

.w240 {
  width: 240px;
}

.w245 {
  width: 245px;
}

.w250 {
  width: 250px;
}

.w255 {
  width: 255px;
}

.w260 {
  width: 260px;
}

.w265 {
  width: 265px;
}

.w270 {
  width: 270px;
}

.w275 {
  width: 275px;
}

.w280 {
  width: 280px;
}

.w285 {
  width: 285px;
}

.w290 {
  width: 290px;
}

.w295 {
  width: 295px;
}

.w300 {
  width: 300px;
}

.w305 {
  width: 305px;
}

.w310 {
  width: 310px;
}

.w315 {
  width: 315px;
}

.w320 {
  width: 320px;
}

.w325 {
  width: 325px;
}

.w330 {
  width: 330px;
}

.w335 {
  width: 335px;
}

.w340 {
  width: 340px;
}

.w345 {
  width: 345px;
}

.w350 {
  width: 350px;
}

.w355 {
  width: 355px;
}

.w360 {
  width: 360px;
}

.w365 {
  width: 365px;
}

.w370 {
  width: 370px;
}

.w375 {
  width: 375px;
}

.w380 {
  width: 380px;
}

.w385 {
  width: 385px;
}

.w390 {
  width: 390px;
}

.w395 {
  width: 395px;
}

.w400 {
  width: 400px;
}

.w405 {
  width: 405px;
}

.w410 {
  width: 410px;
}

.w415 {
  width: 415px;
}

.w420 {
  width: 420px;
}

.w425 {
  width: 425px;
}

.w430 {
  width: 430px;
}

.w435 {
  width: 435px;
}

.w440 {
  width: 440px;
}

.w445 {
  width: 445px;
}

.w450 {
  width: 450px;
}

.w455 {
  width: 455px;
}

.w460 {
  width: 460px;
}

.w465 {
  width: 465px;
}

.w470 {
  width: 470px;
}

.w475 {
  width: 475px;
}

.w480 {
  width: 480px;
}

.w485 {
  width: 485px;
}

.w490 {
  width: 490px;
}

.w495 {
  width: 495px;
}

.w500 {
  width: 500px;
}

.w505 {
  width: 505px;
}

.w510 {
  width: 510px;
}

.w515 {
  width: 515px;
}

.w520 {
  width: 520px;
}

.w525 {
  width: 525px;
}

.w530 {
  width: 530px;
}

.w535 {
  width: 535px;
}

.w540 {
  width: 540px;
}

.w545 {
  width: 545px;
}

.w550 {
  width: 550px;
}

.w555 {
  width: 555px;
}

.w560 {
  width: 560px;
}

.w565 {
  width: 565px;
}

.w570 {
  width: 570px;
}

.w575 {
  width: 575px;
}

.w580 {
  width: 580px;
}

.w585 {
  width: 585px;
}

.w590 {
  width: 590px;
}

.w595 {
  width: 595px;
}

.w600 {
  width: 600px;
}

.w605 {
  width: 605px;
}

.w610 {
  width: 610px;
}

.w615 {
  width: 615px;
}

.w620 {
  width: 620px;
}

.w625 {
  width: 625px;
}

.w630 {
  width: 630px;
}

.w635 {
  width: 635px;
}

.w640 {
  width: 640px;
}

.w645 {
  width: 645px;
}

.w650 {
  width: 650px;
}

.w655 {
  width: 655px;
}

.w660 {
  width: 660px;
}

.w665 {
  width: 665px;
}

.w670 {
  width: 670px;
}

.w675 {
  width: 675px;
}

.w680 {
  width: 680px;
}

.w685 {
  width: 685px;
}

.w690 {
  width: 690px;
}

.w695 {
  width: 695px;
}

.w700 {
  width: 700px;
}

.w705 {
  width: 705px;
}

.w710 {
  width: 710px;
}

.w715 {
  width: 715px;
}

.w720 {
  width: 720px;
}

.w725 {
  width: 725px;
}

.w730 {
  width: 730px;
}

.w735 {
  width: 735px;
}

.w740 {
  width: 740px;
}

.w745 {
  width: 745px;
}

.w750 {
  width: 750px;
}

.w755 {
  width: 755px;
}

.w760 {
  width: 760px;
}

.w765 {
  width: 765px;
}

.w770 {
  width: 770px;
}

.w775 {
  width: 775px;
}

.w780 {
  width: 780px;
}

.w785 {
  width: 785px;
}

.w790 {
  width: 790px;
}

.w795 {
  width: 795px;
}

.w800 {
  width: 800px;
}

.w805 {
  width: 805px;
}

.w810 {
  width: 810px;
}

.w815 {
  width: 815px;
}

.w820 {
  width: 820px;
}

.w825 {
  width: 825px;
}

.w830 {
  width: 830px;
}

.w835 {
  width: 835px;
}

.w840 {
  width: 840px;
}

.w845 {
  width: 845px;
}

.w850 {
  width: 850px;
}

.w855 {
  width: 855px;
}

.w860 {
  width: 860px;
}

.w865 {
  width: 865px;
}

.w870 {
  width: 870px;
}

.w875 {
  width: 875px;
}

.w880 {
  width: 880px;
}

.w885 {
  width: 885px;
}

.w890 {
  width: 890px;
}

.w895 {
  width: 895px;
}

.w900 {
  width: 900px;
}

/* width(%)
----------------------------------------------------- */
.w-0p {
  width: 0%;
}

.w-5p {
  width: 5%;
}

.w-10p {
  width: 10%;
}

.w-15p {
  width: 15%;
}

.w-20p {
  width: 20%;
}

.w-25p {
  width: 25%;
}

.w-30p {
  width: 30%;
}

.w-35p {
  width: 35%;
}

.w-40p {
  width: 40%;
}

.w-45p {
  width: 45%;
}

.w-50p {
  width: 50%;
}

.w-55p {
  width: 55%;
}

.w-60p {
  width: 60%;
}

.w-65p {
  width: 65%;
}

.w-70p {
  width: 70%;
}

.w-75p {
  width: 75%;
}

.w-80p {
  width: 80%;
}

.w-85p {
  width: 85%;
}

.w-90p {
  width: 90%;
}

.w-95p {
  width: 95%;
}

.w-100p {
  width: 100%;
}

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

/* height
----------------------------------------------------- */
.h0 {
  height: 0 !important;
}

.h5 {
  height: 5px !important;
}

.h10 {
  height: 10px !important;
}

.h15 {
  height: 15px !important;
}

.h20 {
  height: 20px !important;
}

.h25 {
  height: 25px !important;
}

.h30 {
  height: 30px !important;
}

.h35 {
  height: 35px !important;
}

.h40 {
  height: 40px !important;
}

.h45 {
  height: 45px !important;
}

.h50 {
  height: 50px !important;
}

.h55 {
  height: 55px !important;
}

.h60 {
  height: 60px !important;
}

.h65 {
  height: 65px !important;
}

.h70 {
  height: 70px !important;
}

.h75 {
  height: 75px !important;
}

.h80 {
  height: 80px !important;
}

.h85 {
  height: 85px !important;
}

.h90 {
  height: 90px !important;
}

.h95 {
  height: 95px !important;
}

.h100 {
  height: 100px !important;
}

.h105 {
  height: 105px !important;
}

.h110 {
  height: 110px !important;
}

.h115 {
  height: 115px !important;
}

.h120 {
  height: 120px !important;
}

.h125 {
  height: 125px !important;
}

.h130 {
  height: 130px !important;
}

.h135 {
  height: 135px !important;
}

.h140 {
  height: 140px !important;
}

.h145 {
  height: 145px !important;
}

.h150 {
  height: 150px !important;
}

.h155 {
  height: 155px !important;
}

.h160 {
  height: 160px !important;
}

.h165 {
  height: 165px !important;
}

.h170 {
  height: 170px !important;
}

.h175 {
  height: 175px !important;
}

.h180 {
  height: 180px !important;
}

.h185 {
  height: 185px !important;
}

.h190 {
  height: 190px !important;
}

.h195 {
  height: 195px !important;
}

.h200 {
  height: 200px !important;
}

.h205 {
  height: 205px !important;
}

.h210 {
  height: 210px !important;
}

.h215 {
  height: 215px !important;
}

.h220 {
  height: 220px !important;
}

.h225 {
  height: 225px !important;
}

.h230 {
  height: 230px !important;
}

.h235 {
  height: 235px !important;
}

.h240 {
  height: 240px !important;
}

.h245 {
  height: 245px !important;
}

.h250 {
  height: 250px !important;
}

.h255 {
  height: 255px !important;
}

.h260 {
  height: 260px !important;
}

.h265 {
  height: 265px !important;
}

.h270 {
  height: 270px !important;
}

.h275 {
  height: 275px !important;
}

.h280 {
  height: 280px !important;
}

.h285 {
  height: 285px !important;
}

.h290 {
  height: 290px !important;
}

.h295 {
  height: 295px !important;
}

.h300 {
  height: 300px !important;
}

.h305 {
  height: 305px !important;
}

.h310 {
  height: 310px !important;
}

.h315 {
  height: 315px !important;
}

.h320 {
  height: 320px !important;
}

.h325 {
  height: 325px !important;
}

.h330 {
  height: 330px !important;
}

.h335 {
  height: 335px !important;
}

.h340 {
  height: 340px !important;
}

.h345 {
  height: 345px !important;
}

.h350 {
  height: 350px !important;
}

.h355 {
  height: 355px !important;
}

.h360 {
  height: 360px !important;
}

.h365 {
  height: 365px !important;
}

.h370 {
  height: 370px !important;
}

.h375 {
  height: 375px !important;
}

.h380 {
  height: 380px !important;
}

.h385 {
  height: 385px !important;
}

.h390 {
  height: 390px !important;
}

.h395 {
  height: 395px !important;
}

.h400 {
  height: 400px !important;
}

.h405 {
  height: 405px !important;
}

.h410 {
  height: 410px !important;
}

.h415 {
  height: 415px !important;
}

.h420 {
  height: 420px !important;
}

.h425 {
  height: 425px !important;
}

.h430 {
  height: 430px !important;
}

.h435 {
  height: 435px !important;
}

.h440 {
  height: 440px !important;
}

.h445 {
  height: 445px !important;
}

.h450 {
  height: 450px !important;
}

.h455 {
  height: 455px !important;
}

.h460 {
  height: 460px !important;
}

.h465 {
  height: 465px !important;
}

.h470 {
  height: 470px !important;
}

.h475 {
  height: 475px !important;
}

.h480 {
  height: 480px !important;
}

.h485 {
  height: 485px !important;
}

.h490 {
  height: 490px !important;
}

.h495 {
  height: 495px !important;
}

.h500 {
  height: 500px !important;
}

.h-auto {
  height: auto !important;
}