@charset "UTF-8";

address,

article,

aside,

figure,

figcaption,

footer,

header,

hgroup,

hr,

legend,

menu,

nav,

section,

summary {

  margin: 0;

  padding: 0;

  display: block;

}



body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

textarea,

p,

blockquote,

th,

td {

  padding: 0;

  margin: 0;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



fieldset,

img {

  border: none;

  vertical-align: bottom;

}



@media screen and (max-width: 756px) {

  .articleBody img {

    max-width: 100%;

  }

}

hr {

  display: none;

}



address,

caption,

cite,

code,

dfn,

em,

strong,

th,

var {

  font-style: normal;

  font-weight: normal;

}



ol,

ul {

  list-style: none;

}



caption,

th {

  text-align: left;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal;

}



q:before,

q:after {

  content: "";

}



abbr,

acronym {

  border: 0;

}



*,

*:before,

*:after {

  -o-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



/* body

-------------------------------------------------- */

body {

  width: 100%;

  margin: 0;

  padding: 0;

  color: #000;

  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

  background: #fff;

  text-align: left;

}



@media screen and (min-width: 980px), print {

  body {

    min-width: 980px;

    overflow-x: hidden;

    position: relative;

  }

}

/* link

-------------------------------------------------- */

a {

  word-break: break-all;

}



@media screen and (min-width: 980px) {

  a,

  .rounded-corners .body a ul.listLinkType3 > li {

    -webkit-transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1), opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1), -webkit-text-decoration 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1), opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1), -webkit-text-decoration 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: text-decoration 0.25s cubic-bezier(0.23, 1, 0.58, 1), background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1), opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: text-decoration 0.25s cubic-bezier(0.23, 1, 0.58, 1), background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1), opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1), -webkit-text-decoration 0.25s cubic-bezier(0.23, 1, 0.58, 1);

  }

}

a:link,

a:visited {

  color: #2889d4;

}



a:hover,

a:active {

  color: #169aff;

}



a[target=_blank]:after {

  content: "";

  background-image: url(/shared/svg/icons_window.svg);

  background-repeat: no-repeat;

  display: inline-block;

  vertical-align: top;

}



a.privacymark[target=_blank]:after {

  display: none;

}



a[target=_blank].link__psd:after {

  background-image: url(/shared/svg/icons_pdf.svg);

}



@media screen and (min-width: 757px), print {

  a[target=_blank]:after {

    margin: 0 10px;

    width: 17px;

    height: 21px;

    background-size: 17px 16px;

    background-position: right 5px;

  }

  a[target=_blank].link__psd:after {

    margin: 0 13px;

    width: 19px;

    height: 29px;

    background-size: 19px 29px;

    background-position: right -1px;

  }

  a[target=_blank]:hover:after {

    background-image: url(/shared/svg/icons_window_hover.svg);

  }

  a[target=_blank].link__psd:hover:after {

    background-image: url(/shared/svg/icons_pdf_hover.svg);

  }

}

@media screen and (max-width: 756px) {

  a[target=_blank]:after {

    margin: 0 8px;

    width: 13.5px;

    height: 17px;

    background-size: 13.5px 13px;

    background-position: right 4px;

  }

  a[target=_blank].link__psd:after {

    margin: 0 8px;

    width: 16px;

    height: 23px;

    background-size: 16px 23px;

    background-position: right -1px;

  }

}

/* wrapperArea

-------------------------------------------------- */

#wrapperArea {

  width: 100%;

  height: 100%;

  position: relative;

}



/* headerArea

-------------------------------------------------- */

#headerArea {

  width: 100%;

  position: absolute;

  top: 0;

  z-index: 10;

}



.headerArea-nav__logo a {

  text-decoration: none;

  background: url(/shared/svg/icons_logo.svg) center left no-repeat;

}



.headerArea-nav__logo a:link,

.headerArea-nav__logo a:visited,

.headerArea-nav__logo a:hover,

.headerArea-nav__logo a:active {

  color: #000;

}



.headerArea-nav__cv li:before {

  display: none;

}



.headerArea-nav__cv li a {

  text-decoration: none;

  text-align: center;

}



.headerArea-nav__corp-cv li a {

  text-align: left;

}



.headerArea-nav__inline-gray-list {

  margin: 0;

}



.headerArea-nav__inline-gray-list li:before {

  display: none;

}



.headerArea-nav__inline-gray-list li a {

  text-decoration: none;

}



.headerArea-nav__inline-gray-list li a:link,

.headerArea-nav__inline-gray-list li a:visited {

  color: #000;

}



.headerArea-nav__inline-accordion dd ul {

  margin: 0;

}



.headerArea-nav__inline-accordion dd ul li {

  margin: 0;

}



.headerArea-nav__inline-accordion dd ul li:before {

  display: none;

}



.headerArea-nav__inline-accordion dd ul li a {

  width: 100%;

  display: table;

}



.headerArea-nav__inline-accordion dd ul li a small {

  display: table-cell;

  text-align: right;

  color: #c94969;

}



.headerArea-pc .headerArea-nav {

  width: 100%;

}



.headerArea-pc .drawer-hamburger {

  display: none;

}



.headerArea-pc .headerArea-nav__inline-gray {

  width: 100%;

  background: #f0f0f0;

  text-align: right;

  position: relative;

  z-index: 999;

}



.headerArea-pc .headerArea-nav__inline-gray .headerArea-nav__inline-gray-list {

  padding: 2px 0 3px;

}



.headerArea-pc .headerArea-nav__inline-gray-list li.searchInput__pc {

  margin: -2px 0 -3px;

}



.headerArea-pc .headerArea-nav__inline-gray-list li.searchInput__pc dl {

  position: relative;

}



.headerArea-pc .headerArea-nav__inline {

  width: 100%;

}



.headerArea-pc .searchInput__pc-btn {

  height: 100%;

  padding: 7px 8px 8px;

  min-height: 17px;

  line-height: 17px;

  text-align: center;

  cursor: pointer;

  display: block;

  background: #f0f0f0;

}



.headerArea-pc .searchInput__pc-btn img {

  width: 15px;

  height: 15px;

  margin-right: 4px;

}



.headerArea-pc .searchInput__pc-btn .searchInput__pc-btn_text {

  min-width: 4em;

  display: inline-block;

}



.headerArea-pc .searchInput__pc-btn:hover {

  background: #f8f8f8;

}



.headerArea-pc .searchInput__pc-btn:hover img,

.headerArea-pc .searchInput__pc-btn:hover .searchInput__pc-btn_text {

  opacity: 0.5;

}



.headerArea-pc .searchInput__pc-btn.active {

  background: #333;

  color: #fff;

}



.headerArea-pc .searchInput__pc-toggle {

  width: 454px;

  height: 110px;

  padding: 20px;

  background: #333;

  display: none;

  position: absolute;

  bottom: 0;

  right: 0;

}



.headerArea-pc .pc-searchform {

  width: 100%;

  height: 100%;

  position: relative;

}



.headerArea-pc .pc-searchform-input {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 100%;

  height: 70px;

  padding: 0 35px 0 21px;

  line-height: 55px;

  border-radius: 35px;

  background-color: white;

  position: absolute;

  top: 0;

  left: 0;

  border: none;

}



.headerArea-pc .pc-searchform-submit {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 15px;

  height: 15px;

  margin-top: -7.5px;

  position: absolute;

  top: 50%;

  right: 20px;

  border: none;

  background: url(/shared/svg/icons_search.svg) no-repeat;

  background-size: 15px 15px;

}



.headerArea-pc .headerArea-nav__inline {

  height: 110px;

  background: url(/shared/images/2018/headerArea-nav_bg.gif) top left repeat-x;

}



.headerArea-pc .headerArea-nav__logo {

  margin: 20px 0 0 20px;

  float: left;

}



.headerArea-pc .headerArea-nav__logo a {

  height: 70px;

  padding: 0 0 0 72px;

  color: #000;

  background-size: 47px 70px;

  display: inline-block;

}



.headerArea-pc .headerArea-nav__logo a img {

  width: 131px;

  height: auto;

  padding: 26px 0 0 0;

}



.headerArea-pc .headerArea-nav__cv {

  padding: 0;

  margin: 35px 20px 0 34px;

  float: right;

}



.headerArea-pc .headerArea-nav__cv li {

  margin: 0;

  border-radius: 40px;

}



.headerArea-pc .headerArea-nav__cv li a {

  padding: 8px 28px;

  font-size: 14px;

  font-weight: bold;

  display: block;

  color: #fff;

}



.headerArea-pc .headerArea-nav__cv li a:hover,

.headerArea-pc .headerArea-nav__cv li a:active {

  color: #e37a2c;

}



.headerArea-pc .headerArea-nav__cv li a {

  overflow: hidden;

  display: block;

  position: relative;

  border-radius: 40px;

}



.headerArea-pc .headerArea-nav__cv li a:after {

  content: "";

  display: block;

  position: absolute;

  border-radius: 40px;

  z-index: 1;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  border: 1px solid #e35700;

}



.headerArea-pc .headerArea-nav__cv li a:before {

  content: "";

  display: block;

  position: absolute;

  border-radius: 40px;

  z-index: 1;

  -webkit-transform: translatez(0);

          transform: translatez(0);

  width: 100%;

  height: 100%;

  opacity: 1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  margin: auto;

  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

  transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

  background-color: #e35700;

}



.headerArea-pc .headerArea-nav__cv li a:hover:before,

.headerArea-pc .headerArea-nav__cv li a:active:before {

  width: 70%;

  height: 70%;

  opacity: 0;

}



.headerArea-pc .headerArea-nav__cv li a {

  background-color: #fff;

}



.headerArea-pc .headerArea-nav__cv li a span {

  position: relative;

  z-index: 3;

}



.headerArea-pc .drawer-nav__corp .headerArea-nav__inline-accordionBox {

  padding: 0;

  margin: 0 20px 0 0;

  float: right;

}



.headerArea-pc .headerArea-nav__accordionBox {

  margin: 40px 0 0;

  cursor: pointer;

  float: right;

  border-right: 1px solid #d4d4d4;

  border-left: 1px solid #d4d4d4;

  background: #fff;

  position: relative;

  display: -ms-flexbox;

  /*--- IE10 ---*/

  /*--- safari（PC）用 ---*/

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -ms-flex-flow: wrap;

  /*--- IE10 ---*/

  -webkit-flex-flow: wrap;

  /*--- safari（PC）用 ---*/

  -ms-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

          flex-wrap: wrap;

}



.headerArea-pc .headerArea-nav__accordionBox:before {

  content: "";

  width: 1px;

  height: 100%;

  background: #d4d4d4;

  position: absolute;

  top: 0;

  left: 50%;

}



.headerArea-pc .headerArea-nav__accordionBox.hover:before {

  height: calc(100% - 19px);

  top: 19px;

}



.headerArea-pc .headerArea-nav__accordionBox.hover:after {

  height: 20px;

  top: 19px;

}



.headerArea-pc .headerArea-nav__inline-accordion {

  -ms-flex-wrap: wrap;

  /*--- IE10用 ---*/

  /*--- safari（PC）用 ---*/

  -webkit-flex-wrap: wrap;

          flex-wrap: wrap;

}



.headerArea-pc .headerArea-nav__accordion {

  width: 50%;

  cursor: pointer;

}



.headerArea-pc .headerArea-nav__inline-accordion dt {

  width: 100%;

  font-size: 16px;

  font-weight: bold;

  text-align: center;

  line-height: 1;

}



.headerArea-pc .headerArea-nav__inline-accordion dt a {

  padding-top: 7px;

  padding-bottom: 12px;

  color: #000;

  background: url(/shared/images/2018/headerArea-nav-accordion_dt.png) center bottom no-repeat;

  text-decoration: none;

  display: block;

}



.headerArea-pc .headerArea-nav__inline-accordion dd {

  width: 100%;

}



.headerArea-pc .headerArea-nav__accordion dd {

  padding: 12px 25px 0;

}



.headerArea-pc .headerArea-nav__accordion dd {

  opacity: 0;

  -webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);

  transition: opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);

}



.headerArea-pc .headerArea-nav__inline-accordion dd ul li:last-child {

  border: 0;

}



.headerArea-pc .headerArea-nav__inline-accordion dd ul li a {

  width: 100%;

  padding: 0 20px;

  text-decoration: none;

}



.headerArea-pc .headerArea-nav__inline-accordion dd ul li:first-child a {

  padding: 0 20px 0 0;

}



.headerArea-pc .headerArea-nav__inline-accordion dd ul li:last-child a {

  padding: 0 0 0 20px;

}



.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li {

  border-width: 0 0 1px;

  border-color: #d4d4d4;

  border-style: dotted;

}



.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li:last-child {

  border-width: 0;

}



.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li a,

.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li:last-child a,

.headerArea-pc .headerArea-nav__inline-accordion.headerArea-nav__accordion dd ul li:first-child a {

  padding: 11px 29px 11px 0;

}



.headerArea-pc .headerArea-nav__inline-accordion dd ul li a.now {

  color: #009c96;

}



.headerArea-pc .headerArea-nav__inline-accordion dd ul li a small {

  font-size: 10px;

}



.headerArea-pc .headerArea-nav__inline-accordionBox .headerArea-nav__inline-gray {

  width: 100%;

  margin: -21px 0 0;

  padding: 15px 25px;

  border-radius: 0 0 10px 10px;

  border-top: #fff solid 20px;

  text-align: left;

}



.headerArea-pc .headerArea-nav__inline-gray-list {

  font-size: 12px;

  font-weight: bold;

}



.headerArea-pc .headerArea-nav__inline-gray-list li {

  padding: 0;

  margin: 0 29px 0 0;

  display: inline-block;

}



.headerArea-pc .headerArea-nav__inline-gray-list li a {

  min-height: 17px;

  padding: 0 0 0 25px;

  margin: 0;

  text-decoration: none;

  line-height: 17px;

  display: block;

  position: relative;

}



.headerArea-pc .headerArea-nav__inline-gray-list li a::before,

.headerArea-pc .headerArea-nav__inline-gray-list li a::after {

  content: "";

  width: 17px;

  height: 17px;

  background-size: 17px 17px;

  background-position: center right;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  margin-top: -8.5px;

  left: 0;

}



.headerArea-pc .headerArea-nav__inline-gray-list li a::before {

  background-image: url(/shared/svg/icons_link_000.svg);

  z-index: 8;

}



.headerArea-pc .headerArea-nav__inline-gray-list li a::after {

  background-image: url(/shared/svg/icons_link_hover.svg);

  z-index: 1;

  display: none;

}



.headerArea-pc .headerArea-nav__inline-gray-list li a:hover::before {

  -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

  -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

  animation: crossfadeOff 0.25s linear 0s 1 forwards;

}



.headerArea-pc .headerArea-nav__inline-gray-list li a:hover::after {

  display: block;

}



.headerArea-pc .headerArea-nav__inline-gray-list li a:hover {

  color: #169aff;

}



.headerArea-pc .headerArea-nav__accordion dd,

.headerArea-pc .headerArea-nav__accordionBox .headerArea-nav__inline-gray {

  display: none;

}



.headerArea-pc .headerArea-nav__accordion dd ul li a,

.headerArea-pc .headerArea-nav__accordion dd ul li a small {

  color: #888;

}



.headerArea-pc .headerArea-nav__accordion dd ul li a.now {

  color: #8cd2d0;

}



.headerArea-pc .headerArea-nav__accordionBox.hover dd,

.headerArea-pc .headerArea-nav__accordionBox.hover .headerArea-nav__inline-gray {

  display: block;

  opacity: 1;

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a {

  color: #000;

  position: relative;

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a small {

  color: #c94969;

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a.now {

  color: #009c96;

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a:hover,

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a.now:hover {

  color: #169aff;

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a::before,

.headerArea-pc .headerArea-nav__accordion:hover dd ul li a::after {

  content: "";

  width: 17px;

  height: 17px;

  background-size: 17px 17px;

  background-position: center right;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  margin-top: -10px;

  right: 0;

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a::before {

  background-image: url(/shared/svg/icons_link_f0f0f0.svg);

  z-index: 8;

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a.now::before {

  background-image: url(/shared/svg/icons_link_now.svg);

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a::after {

  background-image: url(/shared/svg/icons_link_hover.svg);

  z-index: 1;

  display: none;

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a:hover::before {

  -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

  -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

  animation: crossfadeOff 0.25s linear 0s 1 forwards;

}



.headerArea-pc .headerArea-nav__accordion:hover dd ul li a:hover::after {

  display: block;

}



.headerArea-pc .headerArea-nav__accordionBox.hover {

  margin: 20px 0 0;

  border-width: 1px;

  border-color: #d4d4d4;

  border-style: solid;

  border-radius: 10px;

  position: relative;

}



.headerArea-pc .headerArea-nav__accordionBox.hover .headerArea-nav__inline-accordion {

  padding-top: 19px;

  padding-bottom: 20px;

}



.headerArea-pc__drawer-nav {

  float: right;

}



.headerArea-pc .drawer-nav__corp {

  width: calc(100% - 223px);

}



.headerArea-pc .drawer-menu {

  width: 100%;

}



@media screen and (min-width: 1090px) {

  .headerArea-pc .headerArea-nav__accordionBox {

    width: 611px;

  }

}

@media screen and (min-width: 979px) and (max-width: 1089px) {

  .headerArea-pc .headerArea-nav__accordionBox {

    width: 480px;

  }

}

@media screen and (min-width: 757px) and (max-width: 978px) {

  .headerArea-pc .headerArea-pc__drawer-nav {

    width: calc(100% - 223px);

  }

  .headerArea-pc .headerArea-nav__accordionBox {

    float: none;

    margin-left: 20px;

  }

}

.corp_link {

  font-weight: bold;

}



.headerArea-pc .corp_link {

  height: 110px;

  margin-bottom: 0;

  float: left;

  font-size: 16px;

  display: inline-block;

  display: -ms-flexbox;

  /*--- IE10 ---*/

  /*--- safari（PC）用 ---*/

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -ms-flex-align: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

          align-items: center;

}



.headerArea-pc .corp_link a {

  margin-left: 20px;

  padding-left: 18px;

  color: #000;

  text-decoration: none;

  border-left: 1px solid #d4d4d4;

}



.headerArea-pc .corp_link a:hover {

  color: #169aff;

}



.headerArea-pc .headerArea-nav__inline-accordion dd ul.headerArea-nav__corp-list {

  padding: 0;

}



.headerArea-pc .headerArea-nav__corp-list {

  height: 110px;

  display: -ms-flexbox;

  /*--- IE10 ---*/

  /*--- safari（PC）用 ---*/

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -ms-flex-wrap: wrap;

  /*--- IE10 ---*/

  /*--- safari（PC）用 ---*/

  -webkit-flex-wrap: wrap;

          flex-wrap: wrap;

  -ms-flex-align: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

          align-items: center;

  float: right;

}



.headerArea-pc .headerArea-nav__corp-list li:before {

  display: none;

}



.headerArea-pc .headerArea-nav__corp-list li {

  margin: 0;

  font-size: 12px;

  line-height: 1.333;

  font-weight: bold;

  display: inline-block;

  border-right: 1px dotted #d4d4d4;

  display: -ms-flexbox;

  /*--- IE10 ---*/

  /*--- safari（PC）用 ---*/

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

  -ms-flex-align: center;

  /*--- IE10用 ---*/

  /*--- safari（PC）用 ---*/

  -webkit-box-align: center;

  -webkit-align-items: center;

          align-items: center;

}



.headerArea-pc .headerArea-nav__corp-list li a:hover,

.headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li a:hover {

  color: #169aff;

}



.headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li {

  border-bottom: 0;

}



.headerArea-pc .headerArea-nav__corp-list li.pc_last {

  border-right: 0;

}



.headerArea-pc .headerArea-nav__corp-list li.display-block__sp {

  display: none;

}



.headerArea-pc .headerArea-nav__corp-list li a,

.headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li a {

  width: 100%;

  display: block;

  text-align: center;

  color: #000;

  text-decoration: none;

}



.headerArea-pc .headerArea-nav__corp-list li a.now {

  color: #009c96;

}



.headerArea-pc .headerArea-nav__corp-list li a:hover,

.headerArea-pc .headerArea-nav__corp-list li a.now:hover {

  color: #169aff;

}



@media screen and (min-width: 1301px) {

  .headerArea-pc .headerArea-nav__corp-list li a,

  .headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li a {

    padding: 0 20px;

  }

  .headerArea-pc .headerArea-nav__corp-list li.pc_first a,

  .headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li:first-child a {

    padding: 0 20px 0 6px;

  }

  .headerArea-pc .headerArea-nav__corp-list li.pc_last a,

  .headerArea-nav__inline-accordion dd .headerArea-pc .headerArea-nav__corp-list li:last-child a {

    padding: 0 6px 0 20px;

  }

}

@media screen and (max-width: 1300px) {

  .headerArea-pc .headerArea-nav__corp-list {

    float: none;

    text-align: center;

    -ms-flex-pack: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;

  }

  .headerArea-pc .headerArea-nav__corp-list li {

    -ms-flex: 1;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

            flex: 1;

  }

  .headerArea-pc .headerArea-nav__inline-accordion dd ul li a,

  .headerArea-pc .headerArea-nav__inline-accordion dd ul li:first-child a,

  .headerArea-pc .headerArea-nav__inline-accordion dd ul li:last-child a {

    padding: 0;

  }

}

.headerArea-sp {

  background: #fff;

  /* Right

  ------------------------------------*/

  /* Hamburger

  ------------------------------------*/

  /* accessibility

  ------------------------------------*/

}



.headerArea-sp ul.headerArea-nav__corp-list {

  padding: 0;

}



.headerArea-sp p.corp_link {

  font-size: 20px;

  line-height: 90px;

  margin-bottom: 0;

}



.headerArea-sp p.corp_link a {

  display: block;

  text-align: center;

  line-height: 90px;

  color: #000;

  text-decoration: none;

  pointer-events: none;

}



.headerArea-sp .headerArea-nav__inline {

  height: 90px;

  padding: 15px 0;

}



.headerArea-sp .headerArea-nav__logo {

  width: 171px;

  margin: 0 0 0 17.5px;

}



.headerArea-sp .headerArea-nav__logo a {

  height: 60px;

  padding: 21px 0 0 60px;

  line-height: 1;

  color: #000;

  background-size: 40px 60px;

  display: block;

}



.headerArea-sp .headerArea-nav__logo a img {

  width: 110.5px;

  height: auto;

}



.drawer--right .headerArea-sp .drawer-nav {

  right: -100%;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  position: fixed;

  z-index: 2;

  top: 0;

  overflow: hidden;

  width: calc(100% - 60px);

  height: 100%;

  color: #222;

  background-color: #fff;

}



.headerArea-sp .drawer-body {

  height: 100vh;

  overflow: auto;

}



.drawer--right.drawer-open .headerArea-sp .drawer-nav {

  right: 0;

}



.drawer--right .headerArea-sp .drawer-hamburger,

.drawer--right.drawer-open .headerArea-sp .drawer-navbar .drawer-hamburger {

  left: calc(100% - 60px);

}



.drawer--right.drawer-open .headerArea-sp .drawer-hamburger {

  left: 5px;

}



.headerArea-sp .drawer-hamburger {

  position: fixed;

  right: 0;

  z-index: 4;

  top: 20px;

  display: block;

  -webkit-box-sizing: content-box;

          box-sizing: content-box;

  padding: 0;

  height: 50px;

  width: 50px;

  margin: 0 5px 0 0;

  background: rgba(255, 255, 255, 0.9);

  border-radius: 50px;

  -moz-border-radius: 50px;

  -webkit-border-radius: 50px;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  border: 0;

  outline: 0;

  cursor: pointer;

}



.headerArea-sp .drawer-hamburger-icon {

  width: 20px;

  height: 2px;

  margin: 2px 15px 0;

  position: relative;

  display: block;

  background-color: #222;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.headerArea-sp .drawer-hamburger-icon:after,

.headerArea-sp .drawer-hamburger-icon:before {

  content: " ";

  width: 20px;

  height: 2px;

  position: absolute;

  left: 0;

  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  background-color: #222;

}



.headerArea-sp .drawer-hamburger-icon:before {

  top: -7px;

}



.headerArea-sp .drawer-hamburger-icon:after {

  top: 7px;

}



.headerArea-sp .drawer-open .drawer-hamburger-icon {

  margin-top: 10px;

  background-color: transparent;

}



.headerArea-sp .drawer-open .drawer-hamburger-icon:after,

.headerArea-sp .drawer-open .drawer-hamburger-icon:before {

  width: 21px;

  left: -15.5px;

  top: 0;

}



.headerArea-sp .drawer-open .drawer-hamburger-icon:before {

  margin: -5px 0 0 15px;

  -webkit-transform: rotate(45deg);

          transform: rotate(45deg);

}



.headerArea-sp .drawer-open .drawer-hamburger-icon:after {

  margin: -5px 0 0 15px;

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);

}



.headerArea-sp .sr-only {

  position: absolute;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  border: 0;

}



.headerArea-sp .sr-only-focusable:active,

.headerArea-sp .sr-only-focusable:focus {

  position: static;

  overflow: visible;

  clip: auto;

  width: auto;

  height: auto;

  margin: 0;

}



/* Sidebar

------------------------------------*/

.drawer--sidebar,

.drawer--sidebar .drawer-contents {

  background-color: #fff;

}



@media (min-width: 64em) {

  .drawer--sidebar .drawer-hamburger {

    display: none;

    visibility: hidden;

  }

  .drawer--sidebar .drawer-nav {

    display: block;

    -webkit-transform: none;

            transform: none;

    position: fixed;

    width: 12.5rem;

    height: 100%;

  }

  /*! Right */

  .drawer--sidebar.drawer--right .drawer-nav {

    right: 0;

    border-left: 1px solid #ddd;

  }

  .drawer--sidebar.drawer--right .drawer-contents {

    margin-right: 12.5rem;

  }

}

@media (min-width: 75em) {

  .drawer--sidebar .drawer-nav {

    width: 16.25rem;

  }

  .drawer--sidebar.drawer--left .drawer-contents {

    margin-left: 16.25rem;

  }

  .drawer--sidebar.drawer--right .drawer-contents {

    margin-right: 16.25rem;

  }

}

/* Navbar

------------------------------------*/

.drawer--navbarTopGutter {

  padding-top: 60px;

  padding-top: 3.75rem;

}



.drawer-navbar .drawer-navbar-header {

  border-bottom: 1px solid #ddd;

  background-color: #fff;

}



.drawer-navbar {

  z-index: 3;

  top: 0;

  width: 100%;

}



/*! .drawer-navbar modifier */

.drawer-navbar--fixed {

  position: fixed;

}



.drawer-navbar-header {

  position: relative;

  z-index: 3;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  width: 100%;

  height: 60px;

  height: 3.75rem;

  padding: 0 9pt;

  padding: 0 0.75rem;

  text-align: center;

}



.drawer-navbar .drawer-brand {

  line-height: 60px;

  line-height: 3.75rem;

  display: inline-block;

  padding-top: 0;

  padding-bottom: 0;

  text-decoration: none;

}



.drawer-navbar .drawer-brand:hover {

  background-color: transparent;

}



.drawer-navbar .drawer-nav {

  padding-top: 60px;

  padding-top: 3.75rem;

}



.drawer-navbar .drawer-menu {

  padding-bottom: 90pt;

  padding-bottom: 7.5rem;

}



@media (min-width: 64em) {

  .drawer-navbar {

    height: 3.75rem;

    border-bottom: 1px solid #ddd;

    background-color: #fff;

  }

  .drawer-navbar .drawer-navbar-header {

    position: relative;

    display: block;

    float: left;

    width: auto;

    padding: 0;

    border: 0;

  }

  .drawer-navbar .drawer-menu--right {

    float: right;

  }

  .drawer-navbar .drawer-menu li {

    float: left;

  }

  .drawer-navbar .drawer-menu-item {

    line-height: 3.75rem;

    padding-top: 0;

    padding-bottom: 0;

  }

  .drawer-navbar .drawer-hamburger {

    display: none;

  }

  .drawer-navbar .drawer-nav {

    position: relative;

    left: 0;

    overflow: visible;

    width: auto;

    height: 3.75rem;

    padding-top: 0;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

  .drawer-navbar .drawer-menu {

    padding: 0;

  }

  /*! dropdown */

  .drawer-navbar .drawer-dropdown-menu {

    position: absolute;

    width: 16.25rem;

    border: 1px solid #ddd;

  }

  .drawer-navbar .drawer-dropdown-menu-item {

    padding-left: 0.75rem;

  }

}

/* Dropdown

------------------------------------*/

.drawer-dropdown-menu {

  display: none;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  width: 100%;

  margin: 0;

  padding: 0;

  background-color: #fff;

}



.drawer-dropdown-menu > li {

  width: 100%;

  list-style: none;

}



.drawer-dropdown-menu-item {

  line-height: 60px;

  line-height: 3.75rem;

  display: block;

  padding: 0;

  padding-right: 9pt;

  padding-right: 0.75rem;

  padding-left: 24px;

  padding-left: 1.5rem;

  text-decoration: none;

  color: #222;

}



.drawer-dropdown-menu-item:hover {

  text-decoration: underline;

  color: #555;

  background-color: transparent;

}



/*! open */

.drawer-dropdown.open > .drawer-dropdown-menu {

  display: block;

}



/*! drawer-caret */

.drawer-dropdown .drawer-caret {

  display: inline-block;

  width: 0;

  height: 0;

  margin-left: 4px;

  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;

  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;

  transition: transform 0.2s ease, opacity 0.2s ease;

  transition: transform 0.2s ease, opacity 0.2s ease, -webkit-transform 0.2s ease;

  -webkit-transform: rotate(0deg);

          transform: rotate(0deg);

  vertical-align: middle;

  border-top: 4px solid;

  border-right: 4px solid transparent;

  border-left: 4px solid transparent;

}



/*! open */

.drawer-dropdown.open .drawer-caret {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

}



/* Container

------------------------------------*/

.drawer-container {

  position: relative;

}



.drawer-container {

  margin-right: auto;

  margin-left: auto;

}



.fi {

  display: inline-block;

  width: 1em;

  height: 1em;

  vertical-align: text-bottom;

}



.fi--2x,

.fi--3x,

.fi--4x,

.fi--full {

  vertical-align: middle;

}



.fi--2x {

  width: 2em;

  height: 2em;

}



.fi--3x {

  width: 3em;

  height: 3em;

}



.fi--4x {

  width: 4em;

  height: 4em;

}



.fi--full {

  width: 100%;

  height: auto;

}



.fi--round {

  border-radius: 4px;

}



.fi--circle {

  border-radius: 50%;

}



.fi--fill {

  background-color: #ccc;

}



.fi--border {

  border: 1px solid #ccc;

}



pre {

  display: block;

  padding: 14px;

  font-family: Consolas, monaco, monospace;

  text-align: left;

  background-color: transparent;

  border: 1px solid #eee;

  word-break: break-all;

  word-wrap: break-word;

  font-size: 14px;

}



pre code[class*=language-] {

  white-space: pre-wrap;

}



.diff .hljs-header,

.hljs-comment {

  color: #998;

  font-style: italic;

}



.css .rule .hljs-keyword,

.hljs-keyword,

.hljs-request,

.hljs-status,

.hljs-subst,

.hljs-winutils,

.nginx .hljs-title {

  color: #333;

  font-weight: 700;

}



.hljs-hexcolor,

.hljs-number,

.ruby .hljs-constant {

  color: teal;

}



.hljs-doctag,

.hljs-string,

.hljs-tag .hljs-value,

.tex .hljs-formula {

  color: #d14;

}



.hljs-id,

.hljs-title,

.scss .hljs-preprocessor {

  color: #900;

  font-weight: 700;

}



.hljs-list .hljs-keyword,

.hljs-subst {

  font-weight: 400;

}



.hljs-class .hljs-title,

.hljs-type,

.tex .hljs-command,

.vhdl .hljs-literal {

  color: #458;

  font-weight: 700;

}



.django .hljs-tag .hljs-keyword,

.hljs-rule .hljs-property,

.hljs-tag,

.hljs-tag .hljs-title {

  color: navy;

  font-weight: 400;

}



.hljs-attribute,

.hljs-name,

.hljs-variable,

.lisp .hljs-body {

  color: teal;

}



.hljs-regexp {

  color: #009926;

}



.clojure .hljs-keyword,

.hljs-prompt,

.hljs-symbol,

.lisp .hljs-keyword,

.ruby .hljs-symbol .hljs-string,

.scheme .hljs-keyword,

.tex .hljs-special {

  color: #990073;

}



.hljs-built_in {

  color: #0086b3;

}



.hljs-cdata,

.hljs-doctype,

.hljs-pi,

.hljs-pragma,

.hljs-preprocessor,

.hljs-shebang {

  color: #999;

  font-weight: 700;

}



.hljs-deletion {

  background: #fdd;

}



.hljs-addition {

  background: #dfd;

}



.diff .hljs-change {

  background: #0086b3;

}



.hljs-chunk {

  color: #aaa;

}



footer a,

main a {

  text-decoration: underline;

  color: #000;

}



footer a:hover,

main a:hover {

  text-decoration: none;

  color: #000;

}



.Button--fill svg {

  fill: #fff;

}



.label {

  display: inline-block;

  font-weight: 700;

  margin-bottom: 2px;

  padding: 9pt 24px;

  padding: 0.75rem 1.5rem;

  background-color: #f5f5f5;

}



.carbon {

  font-size: 80%;

  min-height: 75pt;

  margin-bottom: 20px;

  padding: 9pt;

  padding: 0.75rem;

  background-color: #fafafa;

}



.carbon a {

  text-decoration: none;

  color: #757575;

}



.carbon img {

  float: left;

  margin-right: 9pt;

  margin-right: 0.75rem;

  margin-bottom: 9pt;

  margin-bottom: 0.75rem;

}



.carbon .carbon-poweredby {

  display: block;

  margin-top: 8px;

  margin-top: 0.5rem;

}



.drawer-overlay {

  position: fixed;

  z-index: 9;

  top: 0;

  left: 0;

  display: none;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.5);

}



.drawer-open {

  overflow: hidden !important;

}



.drawer-open #headerArea {

  background: #7f7f7f;

}



.drawer-open .drawer-overlay {

  display: block;

}



.searchInput__sp {

  padding: 15px;

  background: #e0e0e0;

}



.headerArea-sp .sp-searchform {

  position: relative;

}



.headerArea-sp .sp-searchform-input {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 100%;

  height: 50px;

  line-height: 50px;

  padding: 0 35px 0 20px;

  font-size: 14px;

  border-width: 1px;

  border-color: #d4d4d4;

  border-style: solid;

  border-radius: 25px;

  background-color: #fff;

  background-image: url(/shared/svg/icons_search.svg);

  background-position: calc(100% - 15px) center;

  background-repeat: no-repeat;

  background-size: 18px 18px;

  text-align: center;

}



.headerArea-sp .sp-searchform-input:focus {

  outline: 0;

  border-color: orange;

}



.headerArea-sp .sp-searchform-submit {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  width: 18.5px;

  height: 18.5px;

  margin-top: -9.25px;

  position: absolute;

  top: 50%;

  right: 15px;

  border: none;

  background: none;

}



.headerArea-sp .headerArea-nav__cv,

.headerArea-sp .headerArea-nav__cv li {

  width: 100%;

  margin: 0;

  padding: 0;

}



.headerArea-sp .headerArea-nav__cv li a {

  width: 100%;

  padding: 20px 15px 20px;

  display: block;

  font-size: 16px;

  color: #fff;

  background-color: #e35700;

  font-weight: bold;

  background-image: url(/shared/svg/icons_link_cv.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 15px) center;

  background-size: 20px 20px;

  border: 1px solid #e35700;

}



.headerArea-sp .headerArea-nav__inline-accordion {

  border-width: 0 0 1px;

  border-color: #d4d4d4;

  border-style: solid;

}



.headerArea-sp .headerArea-nav__inline-accordion dt {

  padding: 23px 15px 23px;

  font-size: 16px;

  font-weight: bold;

}



.headerArea-sp .headerArea-nav__accordion dt {

  background-image: url(/shared/svg/icons_more_close.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 15px) center;

  background-size: 20px 20px;

  cursor: pointer;

}



.headerArea-sp .headerArea-nav__inline-accordion dt a {

  pointer-events: none;

  text-decoration: none;

  color: #000;

}



.headerArea-sp .headerArea-nav__accordion dt.active {

  background-image: url(/shared/svg/icons_more_opend.svg);

}



.headerArea-sp .headerArea-nav__inline-accordion dd {

  padding: 0 15px 30px;

}



.headerArea-sp .headerArea-nav__accordion dd {

  display: none;

}



.headerArea-sp .headerArea-nav__inline-accordion dd ul li {

  border-width: 0 0 1px;

  border-color: #fff;

  border-style: solid;

}



.headerArea-sp .headerArea-nav__inline-accordion dd ul li a {

  padding: 18px 50px 18px 16px;

  font-size: 14px;

  color: #000;

  background-color: #f0f0f0;

  background-image: url(/shared/svg/icons_link_000.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 15px) center;

  background-size: 20px 20px;

  text-decoration: none;

}



.headerArea-sp .headerArea-nav__inline-accordion dd ul li a.now {

  background-color: #dcf6f4;

}



.headerArea-sp .headerArea-nav__inline-accordion dd ul li a small {

  font-size: 10px;

}



.headerArea-sp .browsingHistory {

  margin: 5px 0 0;

}



.headerArea-sp .headerArea-nav__inline-another {

  margin: 7px 15px 20px;

  padding: 0;

}



.headerArea-sp .headerArea-nav__inline-another li {

  width: calc(50% - 10px);

  font-size: 12px;

  border-bottom: 1px solid #f0f0f0;

  display: inline-block;

}



.headerArea-sp .headerArea-nav__inline-another li:nth-child(even) {

  margin: 0 0 0 10px;

}



.headerArea-sp .headerArea-nav__inline-another li:nth-child(odd) {

  margin: 0 10px 0 0;

}



.headerArea-sp .headerArea-nav__inline-another li:nth-child(odd):nth-last-child(2),

.headerArea-sp .headerArea-nav__inline-another li:nth-last-child(1) {

  border-bottom: 0;

}



.headerArea-sp .headerArea-nav__inline-another li:before {

  display: none;

}



.headerArea-sp .headerArea-nav__inline-another li a {

  padding: 14px 0 15px 30px;

  color: #000;

  background: url(/shared/svg/icons_link_f0f0f0.svg) center left no-repeat;

  background-size: 20px 20px;

  text-decoration: none;

  display: block;

}



/* bodyArea

-------------------------------------------------- */

#bodyArea {

  width: 100%;

  background: #fff;

}



.keyVisual + #bodyArea {

  position: absolute;

}



@media screen and (min-width: 757px), print {

  #bodyArea {

    padding: 174px 0 0;

  }

  .keyVisual + #bodyArea {

    padding: 46px 0 0;

    margin: 0;

    top: 525px;

    z-index: 2;

    overflow: hidden;

    /*Mac Safari対策*/

  }

  .keyVisual__nofixed + #bodyArea {

    padding: 0;

    margin: 75px 0 0;

  }

}

@media screen and (max-width: 756px) {

  #bodyArea {

    padding: 115px 0 0;

  }

  .keyVisual + #bodyArea {

    margin: 0;

    padding: 35px 0 0;

    z-index: 1;

    top: 375px;

  }

  .keyVisual__nofixed + #bodyArea {

    padding: 0;

    margin: 100px 0 0;

  }

}

/* bodyAreaBg

-------------------------------------------------- */

#bodyAreaBg,

.bodyAreaBg {

  background: url(/shared/images/2018/bodyAreaBg.png) repeat-x left bottom;

  background-size: 1px 150px;

}



.bodyAreaBg_f0f0f0 {

  background: #f0f0f0;

}



.bodyAreaBg_e0e0e0 {

  background: #e0e0e0;

}



.bodyAreaBg_edead7 {

  background: #edead7;

}



.bodyAreaBg_e37a2c {

  background: #e37a2c;

}



.bodyAreaBg_d4d4d4 {

  background: #d4d4d4;

}



.bodyAreaBg_none,

.moreContent__contentArea .activitiesArea .bodyAreaBg {

  background: none;

}



/* sectionBody

-------------------------------------------------- */

#mainArea {

  margin: 0 auto;

}



@media screen and (min-width: 980px) {

  .sectionBody__pc-980,

  .sectionBody__pc-780 {

    margin: 0 auto;

  }

  .sectionBody__pc-980 {

    width: 980px;

  }

  #mainArea,

  .sectionBody__pc-780 {

    width: 780px;

  }

  .sectionBody__pc-780 .bodyAreaBg {

    width: calc(100% + 100vw);

    margin: 0 -50vw;

    padding: 0 50vw;

  }

  .sectionBody__pc-980 > ul.btn:last-of-type {

    padding-bottom: 2px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .sectionBody__pc-980,

  .sectionBody__pc-780 {

    margin: 0 auto;

  }

  #mainArea {

    padding: 0 15px;

  }

  .sectionBody__sp {

    width: 100%;

    padding: 0 15px;

  }

  .sectionBody__sp .sectionBody__sp {

    width: calc(100% + 30px);

    margin: 0 -15px;

  }

  .moreContent__contentArea > .bodyAreaBg {

    width: calc(100% + 30px);

    margin: 0 -15px;

    padding: 0 15px;

  }

  #mainArea .sectionBody__sp,

  #mainArea .sectionBody__sp .sectionBody__sp,

  #mainArea .moreContent__contentArea > .bodyAreaBg {

    width: 100%;

    margin: 0;

    padding: 0;

  }

  .sectionBody__pc-980 {

    max-width: 980px;

  }

  #mainArea,

  .sectionBody__pc-780 {

    max-width: 780px;

  }

  .sectionBody__pc-980 > ul.btn:last-of-type {

    padding-bottom: 2px;

  }

}

@media screen and (max-width: 756px) {

  .sectionBody__sp {

    margin: 0 auto;

  }

  #mainArea,

  .sectionBody__sp {

    width: 100%;

    padding: 0 15px;

  }

  .moreContent__contentArea > .bodyAreaBg {

    width: calc(100% + 30px);

    margin: 0 -15px;

    padding: 0 15px;

  }

  .moreContent__contentArea > .bodyAreaBg .sectionBody__sp,

  .moreContent__contentArea > .sectionBody__sp {

    width: 100%;

    margin: 0;

    padding: 0;

  }

  .moreContent__contentArea > .bodyAreaBg ul.tabType.sectionBody__sp {

    margin-top: 72px;

  }

}

/* breadcrumbs

-------------------------------------------------- */

.breadcrumbs {

  padding: 0;

  margin: 0;

}



.breadcrumbs ol {

  padding: 0;

  margin: 0;

}



.breadcrumbs ol li {

  display: inline-block;

  background: url(/shared/images/2018/breadcrumbs.png) no-repeat;

}



.breadcrumbs ol li:before {

  display: none;

}



.breadcrumbs ol li.home {

  background: none;

}



.breadcrumbs ol li.home a {

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

  display: block;

  background: url(/shared/svg/icons_home.svg) center left no-repeat;

}



@media screen and (min-width: 757px), print {

  .breadcrumbs {

    margin: 0 0 14px;

    font-size: 14px;

  }

  .breadcrumbs ol {

    padding: 0 0 0 20px;

    position: relative;

  }

  .breadcrumbs ol li {

    padding: 0 0 0 25px;

    margin: 0 0 0 20px;

    background-size: 6px 10px;

    background-position: 0 8px;

  }

  .breadcrumbs ol li a {

    text-decoration: none;

  }

  .breadcrumbs ol li a:hover {

    text-decoration: underline;

  }

  .breadcrumbs ol li.home {

    width: 20px;

    height: 18px;

    padding: 0;

    margin: 0;

    position: absolute;

    top: 4px;

    left: 0;

  }

  .breadcrumbs ol li.home a {

    width: 20px;

    height: 18px;

    padding: 0;

    margin: 0;

    background-size: 20px 18px;

  }

  .breadcrumbs ol li.home a:hover {

    opacity: 0.5;

  }

}

@media screen and (max-width: 756px) {

  .breadcrumbs {

    margin: 0 0 22px;

    font-size: 12px;

  }

  .breadcrumbs ol {

    padding: 0 0 0 15px;

    position: relative;

  }

  .breadcrumbs ol li {

    padding: 0 0 0 25px;

    margin: 0 0 0 19px;

    background-size: auto 11px;

    background-position: 0 6px;

  }

  .breadcrumbs ol li a {

    text-decoration: none;

  }

  .breadcrumbs ol li.home {

    width: 15px;

    height: 13px;

    padding: 0;

    margin: 0;

    position: absolute;

    top: 4px;

    left: 0;

  }

  .breadcrumbs ol li.home a {

    width: 15px;

    height: 13px;

    padding: 0;

    margin: 0;

    background-size: 15px auto;

  }

}

/* backToTopNavigation

-------------------------------------------------- */

.backToTopNavigation {

  padding: 0;

  margin: 0;

}



.backToTopNavigation a {

  display: block;

  text-align: center;

  text-decoration: none;

  font-weight: bold;

  color: #2889d4;

  background: #fff;

}



.backToTopNavigation span {

  display: inline-block;

}



@media screen and (min-width: 757px), print {

  .backToTopNavigation {

    font-size: 18px;

  }

  .backToTopNavigation a {

    padding: 24px 0 22px;

  }

  .backToTopNavigation a:hover {

    color: #fff;

    background: #000;

  }

  .backToTopNavigation span {

    padding-left: 34px;

    line-height: 20px;

    position: relative;

  }

  .backToTopNavigation span::before,

  .backToTopNavigation span::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: center right;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    left: 0;

  }

  .backToTopNavigation span::before {

    background-image: url(/shared/svg/icons_top.svg);

    z-index: 8;

  }

  .backToTopNavigation span::after {

    background-image: url(/shared/svg/icons_top_hover.svg);

    z-index: 1;

    display: none;

  }

  .backToTopNavigation a:hover span::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  .backToTopNavigation a:hover span::after {

    display: block;

  }

}

@media screen and (max-width: 756px) {

  .backToTopNavigation {

    font-size: 14px;

  }

  .backToTopNavigation a {

    padding: 16.5px 0;

  }

  .backToTopNavigation span {

    padding-left: 25px;

    line-height: 17px;

    background: url(/shared/svg/icons_top.svg) center left no-repeat;

    background-size: 17px 17px;

  }

}

/* footer

-------------------------------------------------- */

footer {

  background: #333333;

}



ul.footerLink {

  margin: 0;

}



ul.footerLink li {

  margin: 0;

}



ul.footerLink li:before {

  display: none;

}



ul.footerLink li a {

  color: #cccccc;

  text-decoration: none;

}



.region-picker {

  background-image: url(/shared/svg/icons_earth.svg);

  background-position: left center;

  background-repeat: no-repeat;

}



.region-picker select {

  width: 100%;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border: 0;

  background-color: #fff;

  background-image: url(/shared/images/2018/region-picker_select.png);

  background-repeat: no-repeat;

  opacity: 1;

}



.copyright {

  color: #fff;

  text-align: center;

}



.copyright a {

  color: #bce2ff;

}



@media screen and (min-width: 980px), print {

  footer {

    padding: 34px 0 16px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  footer {

    padding: 34px 15px 16px;

  }

}

@media screen and (min-width: 757px), print {

  .footerLinkArea {

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-align-items: flex-start;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -ms-flex-align: start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

            align-items: flex-start;

  }

  ul.footerLink:nth-child(1) {

    width: 705px;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

    -ms-align-items: flex-start;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -ms-flex-align: start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

            align-items: flex-start;

  }

  ul.footerLink:nth-child(2) {

    width: 235px;

    padding-left: 40px;

    margin-right: 0;

    border-left: 1px solid #454545;

  }

  ul.footerLink li {

    width: 194px;

  }

  ul.footerLink:nth-child(1) li {

    margin-right: 40px;

  }

  ul.footerLink li a {

    padding: 6px 0 6px 29px;

    display: block;

    line-height: 20px;

    position: relative;

  }

  ul.footerLink li a::before,

  ul.footerLink li a::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: left center;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    left: 0;

  }

  ul.footerLink li a::before {

    background-image: url(/shared/svg/icons_link_424242.svg);

    z-index: 8;

  }

  ul.footerLink li a::after {

    background-image: url(/shared/svg/icons_link_383838.svg);

    z-index: 1;

    display: none;

  }

  ul.footerLink li a:hover::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  ul.footerLink li a:hover::after {

    display: block;

  }

  .region-picker {

    width: 390px;

    padding: 0 0 0 80px;

    margin: 54px auto 52px;

    background-size: 60px 60px;

  }

  .region-picker select {

    width: 310px;

    height: 60px;

    padding: 0 52px 0 20px;

    font-size: 18px;

    line-height: 60px;

    background-size: 12px 21px;

    background-position: 278px center;

    border-radius: 30px;

  }

  .copyright {

    margin: 0;

    font-size: 14px;

    line-height: 2;

  }

  .copyright a:hover {

    text-decoration: none;

  }

}

@media screen and (max-width: 756px) {

  footer {

    padding: 21px 15px 55px;

  }

  ul.footerLink {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  ul.footerLink li {

    width: calc(50% - 10px);

    font-size: 14px;

    line-height: 20px;

    border-top: 1px solid #454545;

  }

  ul.footerLink li:nth-child(1),

  ul.footerLink li:nth-child(2) {

    border-top: 0;

  }

  ul.footerLink:nth-child(2) {

    margin-top: 30px;

    margin-bottom: 43px;

  }

  ul.footerLink:nth-child(2) li {

    font-size: 12px;

  }

  ul.footerLink li:nth-child(odd) {

    margin: 0 10px 0 0;

  }

  ul.footerLink li:nth-child(even) {

    margin: 0 0 0 10px;

  }

  ul.footerLink li a {

    padding: 15px 0 16px 29px;

    display: block;

    line-height: 20px;

    background-image: url(/shared/svg/icons_link_424242.svg);

    background-position: left center;

    background-repeat: no-repeat;

    background-size: 20px 20px;

  }

  .region-picker {

    max-width: 295px;

    margin: 0 auto 57px;

    padding: 0 0 0 70px;

    background-size: 50px 50px;

  }

  .region-picker select {

    width: 100%;

    height: 50px;

    padding: 0 52px 0 20px;

    /*iOS対策

    font-size: 14px;*/

    font-size: 16px;

    /*iOS対策*/

    line-height: 50px;

    background-size: 12px 21px;

    background-position: calc(100% - 24px) center;

    border-radius: 25px;

  }

  .copyright {

    margin: 0 0 15px;

    font-size: 12px;

    line-height: 1.5;

  }

}

/* form

-------------------------------------------------- */

@media screen and (min-width: 980px), print {

  input[type=submit]:hover,

  input[type=radio]:hover,

  input[type=radio] + label:hover,

  select:hover {

    cursor: pointer;

  }

}

select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



select::-ms-expand {

  display: none;

}



@media screen and (max-width: 979px) {

  input[type=text],

  input[type=button],

  input[type=email],

  input[type=submit],

  textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

  }

}

/* clearfix

-------------------------------------------------- */

.clearfix:after {

  content: ".";

  display: block;

  height: 0;

  font-size: 0;

  clear: both;

  visibility: hidden;

}



/* clear

-------------------------------------------------- */

.clear {

  clear: both;

}



/* display-block

-------------------------------------------------- */

@media screen and (min-width: 768px) {

  .headerArea-pc {

    display: block;

  }

  .headerArea-sp {

    display: none;

  }

}

@media screen and (max-width: 769px) {

  .headerArea-pc {

    display: none;

  }

  .headerArea-sp {

    display: block;

  }

}

@media screen and (min-width: 980px), print {

  .display-block__pc {

    display: block;

  }

  .display-block__sp {

    display: none;

  }

  .spInline {

    display: none;

  }

  .pcInline {

    display: inline;

  }

}

@media screen and (max-width: 979px) {

  .display-block__pc {

    display: none;

  }

  .display-block__sp {

    display: block;

  }

  .spInline {

    display: inline;

  }

  .pcInline {

    display: none;

  }

}

.s_drawer-overlay.s_overlay-on,

.s_drawer-open .s_drawer-overlay.s_overlay-on {

  display: none;

}



/* font

-------------------------------------------------- */

@font-face {

  font-family: "WWF";

  src: url("/shared/font/wwf/wwf.eot");

  src: url("/shared/font/wwf/wwf.eot?#iefix") format("embedded-opentype"), url("/shared/font/wwf/wwf.woff") format("woff"), url("/shared/font/wwf/wwf.ttf") format("truetype");

}

/* crossfadeOff

-------------------------------------------------- */

@-webkit-keyframes crossfadeOff {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

@keyframes crossfadeOff {

  0% {

    opacity: 1;

  }

  100% {

    opacity: 0;

  }

}

/* crossfadeOn

-------------------------------------------------- */

@-webkit-keyframes crossfadeOn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes crossfadeOn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

/* img

-------------------------------------------------- */

@media screen {

  .image {

    overflow: hidden;

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;

  }

  .image img {

    -o-object-fit: cover;

    object-fit: cover;

    font-family: "object-fit: cover; object-position: 50% 50%;";

    /*--- object-fit-images ---*/

  }

}

.image img {

  width: 100%;

  height: auto;

}



center .image,

#mainArea .twoColumnsType6 .column .image,

#mainArea .twoColumnsType6 .columnEnd .image,

#mainArea .twoColumnsType7 .column .image,

#mainArea .twoColumnsType7 .columnEnd .image {

  overflow: auto;

  display: block;

}



@media screen and (-ms-high-contrast: none) {

  center .image,

  #mainArea .twoColumnsType6 .column .image,

  #mainArea .twoColumnsType6 .columnEnd .image,

  #mainArea .twoColumnsType7 .column .image,

  #mainArea .twoColumnsType7 .columnEnd .image {

    overflow: hidden;

  }

}

@media screen {

  #mainArea table td .image {

    overflow: auto;

    display: inline-block;

  }

  center .image img,

  #mainArea table td .image img,

  #mainArea .twoColumnsType6 .column .image img,

  #mainArea .twoColumnsType6 .columnEnd .image img,

  #mainArea .twoColumnsType7 .column .image img,

  #mainArea .twoColumnsType7 .columnEnd .image img {

    -o-object-fit: none;

    object-fit: none;

    font-family: none;

  }

}

@media screen and (max-width: 756px) {

  center .image img,

  #mainArea table td .image img,

  #mainArea .twoIntoColumnsType2 .column .image img,

  #mainArea .twoColumnsType6 .column .image img,

  #mainArea .twoColumnsType6 .columnEnd .image img,

  #mainArea .twoColumnsType7 .column .image img,

  #mainArea .twoColumnsType7 .columnEnd .image img {

    max-width: 100%;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;

  }

}

.image a[target=_blank] {

  display: block;

  position: relative;

}



.image a[target=_blank]:after {

  content: "";

  background-image: url(/shared/images/2018/zoom.png);

  background-repeat: no-repeat;

  background-position: center;

  display: block;

  position: absolute;

  top: 5px;

  right: 5px;

}



@media screen and (min-width: 757px), print {

  .image a[target=_blank]:after {

    margin: 0;

    width: 36px;

    height: 36px;

    background-size: 36px 36px;

  }

}

@media screen and (max-width: 756px) {

  .image a[target=_blank]:after {

    width: 26px;

    height: 26px;

    margin: 0;

    background-size: 26px 26px;

  }

}

img.outsideLink {

  display: none;

}



@media screen {

  figure {

    width: auto;

    position: relative;

    display: inline-block;

  }

  figure figcaption {

    max-width: calc(100% - 10px);

    position: absolute;

    color: #fff;

    text-align: right;

    text-shadow: 0 0 9px rgba(0, 0, 0, 0.25);

  }

}

@media screen and (min-width: 757px), print {

  figure figcaption {

    bottom: 5px;

    right: 5px;

    font-size: 10px;

  }

}

@media screen and (max-width: 756px) {

  figure figcaption {

    bottom: 7px;

    right: 5px;

    font-size: 9px;

  }

}

@media screen {

  .images,

  .figureImg {

    width: 100%;

    text-align: center;

  }

  .images img,

  .figureImg img {

    max-width: 100%;

    height: auto;

  }

}

@media screen and (min-width: 757px), print {

  .images,

  .figureImg {

    padding: 11px 0 10px;

    margin: 0 auto 31px;

  }

}

@media screen and (max-width: 756px) {

  .images,

  .figureImg {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

  }

}

/* keyVisual

-------------------------------------------------- */

.keyVisual {

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 1;

  background: #fff;

  -webkit-transform: translate3d(0px, 0px, 0px);

          transform: translate3d(0px, 0px, 0px);

}



.keyVisual__figure {

  width: auto;

  margin: 0 auto;

  background-image: url(/shared/images/bg_keyvisual_1.jpg);

  background-position: bottom center;

  background-repeat: no-repeat;

  background-size: cover;

  display: block;

  position: relative;

}



.keyVisual__figcaption {

  max-width: calc(100% - 10px);

  margin: 0;

  position: absolute;

  color: #fff;

  text-align: right;

  text-shadow: 0 0 9px rgba(0, 0, 0, 0.25);

}



.keyVisual__nofixed {

  width: 100%;

}



.keyVisual__nofixed .keyVisual {

  width: 100%;

  position: static;

  top: auto;

}



.keyVisual__nofixed + .hr01_separate {

  width: 100%;

}



.keyVisual__nothing {

  background: #f0f0f0;

}



@media screen and (min-width: 980px), print {

  .keyVisual__nofixed {

    padding-top: 202px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .keyVisual__nofixed {

    padding-top: 180px;

    padding-left: 15px;

    padding-right: 15px;

  }

}

@media screen and (min-width: 757px), print {

  .keyVisual__figure {

    width: 980px;

    max-width: 100%;

    height: 525px;

  }

  .keyVisual__nofixed {

    z-index: 5;

  }

  .keyVisual__nofixed .keyVisual__figure {

    height: 360px;

  }

  .keyVisual__nofixed + .hr01_separate {

    margin: 70px 0 67px;

    padding: 0;

  }

  .keyVisual__figcaption {

    bottom: 5px;

    right: 5px;

    font-size: 10px;

  }

  .keyVisual__nothing {

    width: 780px;

    max-width: 100%;

    height: 6px;

    border-radius: 3px;

    margin: 0 auto;

  }

}

@media screen and (max-width: 756px) {

  .keyVisual__figure {

    width: 100%;

    height: 375px;

  }

  .keyVisual.over .keyVisual__figure {

    padding-top: 90px;

    background-color: #fff;

  }

  .keyVisual__figcaption {

    bottom: 4px;

    right: 5px;

    font-size: 9px;

  }

  .keyVisual__nofixed {

    margin: 0 0 50px;

    padding: 139.5px 15px 0;

  }

  .keyVisual__nofixed .sectionBody__sp {

    padding: 0;

  }

  .keyVisual__nofixed .keyVisual__figure {

    height: 187.5px;

  }

  .keyVisual__nofixed ul.tablink.tablink__mein {

    margin-top: -21.5px;

  }

  .keyVisual__nofixed ul.tablink.tablink__mein li {

    margin: 0 20px 14px;

  }

  .keyVisual__nofixed p:last-of-type:last-child {

    margin-bottom: 8.5px;

  }

  .keyVisual__nofixed + .hr01_separate {

    margin: 33px 0 93px;

  }

  .keyVisual__nothing {

    width: calc(100% - 30px);

    height: 5px;

    border-radius: 2.5px;

    margin: 0 15px;

  }

}

.keyVisual img {

  width: 100%;

  height: auto;

}



/* heading Element

-------------------------------------------------- */

.pageTitle .read {

  margin-bottom: 5px;

  color: #0097aa;

  font-weight: bold;

}



/* mainTitle

-------------------------------------------------- */

h1,

.mainTitle,

h2,

.titStyle1,

h3,

.titStyle2,

h4,

.titStyle3 {

  width: 100%;

  font-weight: bold;

}



.titStyle2_logo {

  text-align: center;

}



.titStyle2_logo_1 {

  background: url(/shared/svg/icons_series.svg) top center no-repeat;

}



.titStyle2_logo_2 {

  background: url(/shared/svg/icons_pen.svg) top center no-repeat;

}



.titStyle2_logo_3 {

  background: url(/shared/svg/icons_relation.svg) top center no-repeat;

}



.titStyle2_logo_4 {

  background: url(/shared/svg/icons_quote.svg) top center no-repeat;

}



.titStyle2_logo_5 {

  background: url(/shared/svg/icons_relation.svg) top center no-repeat;

}



.titStyle2_logo_6 {

  background: url(/shared/svg/icons_recommend.svg) top center no-repeat;

}



.titStyle2_logo_7 {

  background: url(/shared/svg/icons_new.svg) top center no-repeat;

}



.titStyle2_logo_8 {

  background: url(/shared/svg/icons_popularity.svg) top center no-repeat;

}



.titStyle2_icons_member {

  background: url(/shared/svg/icons_member.svg) top center no-repeat;

}



.titStyle2_icons_donation {

  background: url(/shared/svg/icons_donation.svg) top center no-repeat;

}



.titStyle2_icons_document {

  background: url(/shared/svg/icons_document.svg) top center no-repeat;

}



.titStyle2_icons_zine {

  background: url(/shared/svg/icons_zine.svg) top center no-repeat;

}



.titStyle2_icons_shop {

  background: url(/shared/svg/icons_shop.svg) top center no-repeat;

}



.titStyle2_icons_mail {

  background: url(/shared/svg/icons_mail.svg) top center no-repeat;

}



.titStyle2_icons_calendar {

  background: url(/shared/svg/icons_calendar.svg) top center no-repeat;

}



.titStyle2_icons_facility {

  background: url(/shared/svg/icons_facility.svg) top center no-repeat;

}



.titStyle2_icons_membership {

  background: url(/shared/svg/icons_membership.svg) top center no-repeat;

}



.titStyle2_icons_opened {

  background: url(/shared/svg/icons_opened.svg) top center no-repeat;

}



.titStyle2_icons_report {

  background: url(/shared/svg/icons_report.svg) top center no-repeat;

}



.titStyle2_icons_tax {

  background: url(/shared/svg/icons_tax.svg) top center no-repeat;

}



.titStyle2_logo_tel {

  background: url(/shared/svg/icons_tel.svg) top center no-repeat;

}



.titStyle2_logo .titStyle2_logo__normal {

  font-weight: normal;

}



.mainTitle small {

  display: block;

}



@media screen and (min-width: 757px), print {

  h1,

  .mainTitle {

    font-size: 52px;

    line-height: 1.3076923;

    margin-bottom: 7px;

  }

  .keyVisual__nofixed h1,

  .keyVisual__nofixed .mainTitle {

    margin-bottom: 0;

  }

  .keyVisual__nofixed h1:first-of-type:first-child,

  .keyVisual__nofixed .mainTitle:first-of-type:first-child {

    margin-top: -9px;

  }

  .keyVisual__nofixed h1:last-of-type:last-child,

  .keyVisual__nofixed .mainTitle:last-of-type:last-child {

    margin-bottom: -6px;

  }

  .mainTitle small {

    font-size: 24px;

    margin-bottom: 11px;

  }

  .keyVisual__nofixed .mainTitle small {

    margin-bottom: 0;

  }

  h2,

  .titStyle1 {

    font-size: 42px;

    line-height: 1.4047619;

    margin-top: 67px;

    margin-bottom: 30px;

  }

  .pageTitle .read + h2,

  .pageTitle .read + .titStyle1 {

    margin-top: 0;

  }

  .hr01_separate + h2,

  .hr01_separate + section > h2,

  .hr01_separate + .titStyle1,

  .hr01_separate + section > .titStyle1 {

    margin-top: 0;

  }

  h3,

  .titStyle2 {

    font-size: 32px;

    line-height: 1.4375;

    margin: 72px 0 33px;

  }

  .moreContent + section .bodyAreaBg_none h3,

  .moreContent + section .bodyAreaBg_none .titStyle2,

  .socialBtnArea + section .bodyAreaBg_none h3,

  .socialBtnArea + section .bodyAreaBg_none .titStyle2 {

    margin: 0 0 33px;

  }

  h3 small,

  .titStyle2 small {

    font-size: 24px;

    padding: 35px 0 0;

    display: inline-block;

  }

  .titStyle2_logo {

    margin: 60px 0 41px;

    padding: 54px 0 0;

    font-size: 32px;

    line-height: 1.875;

    background-size: 50px 50px;

  }

  .titStyle2_logo + p {

    margin: -25px 0 44px;

  }

  h4,

  .titStyle3 {

    font-size: 24px;

    line-height: 1.5;

    margin: 65px 0 34px;

  }

  h1 + p,

  .mainTitle + p {

    margin-top: 32px;

    margin-bottom: 24px;

  }

  .keyVisual__nofixed h1 + p:last-of-type:last-child,

  .keyVisual__nofixed .mainTitle + p:last-of-type:last-child {

    margin-bottom: -5px;

  }

}

@media screen and (max-width: 756px) {

  h1,

  .mainTitle {

    font-size: 35px;

    line-height: 1.3571428;

    margin-bottom: 10.5px;

  }

  .mainTitle small {

    font-size: 20px;

    margin-bottom: 6.5px;

    padding-top: 2.5px;

  }

  .keyVisual__nofixed h1:last-of-type:last-child,

  .keyVisual__nofixed .mainTitle:last-of-type:last-child {

    margin-bottom: -8px;

  }

  h2,

  .titStyle1 {

    font-size: 31px;

    line-height: 1.4032258;

    margin-top: 0;

    margin-bottom: 33px;

  }

  .about_support_method h2,

  .about_support_method .titStyle1 {

    margin-top: 74px;

  }

  .hr01_separate + h2,

  .hr01_separate + section > h2,

  .hr01_separate + .titStyle1,

  .hr01_separate + section > .titStyle1 {

    margin-top: 0;

  }

  h3,

  .titStyle2 {

    font-size: 25px;

    line-height: 1.46;

    margin: 74px 0 28px;

  }

  .moreContent + section .bodyAreaBg_none h3,

  .moreContent + section .bodyAreaBg_none .titStyle2,

  .socialBtnArea + section .bodyAreaBg_none h3,

  .socialBtnArea + section .bodyAreaBg_none .titStyle2 {

    margin: 0 0 28px;

  }

  h3 small,

  .titStyle2 small {

    font-size: 20px;

    padding: 30px 0 0;

    margin: 0 0 -4px;

    display: inline-block;

  }

  .titStyle2_logo {

    margin: 60px 0 28px;

    padding: 44px 0 0;

    font-size: 25px;

    line-height: 1.46;

    background-size: 34px 34px;

  }

  .titStyle2_logo + p {

    margin-top: -3px;

  }

  .titStyle2_logo + p + ul.listLinkType4 {

    margin-top: 45.5px;

  }

  h4,

  .titStyle3 {

    font-size: 20px;

    line-height: 1.5;

    margin: 65px 0 27px;

  }

  .keyVisual__nofixed h1 + p:last-of-type:last-child,

  .keyVisual__nofixed .mainTitle + p:last-of-type:last-child {

    margin-bottom: -9px;

  }

}

h1 a,

h2 a {

  text-decoration: underline;

}



/* paragraph Element

-------------------------------------------------- */

p {

  text-align: justify;

  text-justify: inter-character; /*distribute*/

}



@media screen and (min-width: 757px), print {

  p {

    font-size: 18px;

    line-height: 2;

    margin-bottom: 31px;

  }

}

@media screen and (max-width: 756px) {

  p {

    font-size: 16px;

    line-height: 2;

    margin-bottom: 22.5px;

  }

}

p a {

  text-decoration: underline;

}



p a:hover {

  text-decoration: none;

}



.strongType_010,

.strongType_001,

.strongType_020,

.strongType_030 {

  font-weight: bold;

}



.strongType {

  font-weight: bold;

}



.left {

  text-align: left;

}



.center {

  text-align: center;

}



.right {

  text-align: right;

}



.floatLeft {

  float: left;

}



.floatRight {

  float: right;

}



/* image Element

-------------------------------------------------- */

.caption {

  color: #333;

}



@media screen and (min-width: 757px), print {

  .caption {

    padding: 0;

    margin: 10px auto -6px;

    font-size: 14px;

    line-height: 1.7857142;

  }

  #mainArea .twoColumnsType6 .column .caption,

  #mainArea .twoColumnsType6 .columnEnd .caption,

  #mainArea .twoColumnsType7 .column .caption,

  #mainArea .twoColumnsType7 .columnEnd .caption {

    margin-bottom: 0;

  }

}

@media screen and (max-width: 756px) {

  .caption {

    padding: 0 0 5px;

    margin: 8px 0 0;

    font-size: 12px;

    line-height: 1.5;

  }

}

/* table Element

-------------------------------------------------- */

.generalTable .tableCaption,

.generalTable caption {

  font-weight: bold;

}



.generalTable table {

  width: 100%;

  border-color: #d4d4d4;

  border-style: solid;

  border-collapse: collapse;

  border-spacing: 0;

}



.generalTable th,

.generalTable td {

  border-color: #d4d4d4;

  border-style: solid;

}



.generalTable th {

  background: #edead7;

  font-weight: bold;

  vertical-align: middle;

}



.generalTable thead th {

  text-align: center;

}



.generalTable tbody th {

  text-align: left;

}



.generalTable td {

  background: #ffffff;

  vertical-align: top;

  text-align: left;

}



.generalTable tbody th.heading2nd {

  background: #f1f1f1;

}



/* 汎用 */

.generalTable .right {

  text-align: right;

}



.generalTable .left {

  text-align: left;

}



.generalTable .center {

  text-align: center;

}



.generalTable .top {

  vertical-align: top;

}



.generalTable .middle {

  vertical-align: middle;

}



.generalTable .bottom {

  vertical-align: bottom;

}



@media screen and (min-width: 757px), print {

  .generalTable {

    padding: 11px 0 10px;

    margin: 0 0 31px;

    font-size: 16px;

    line-height: 1.75;

  }

  .generalTable table {

    border-width: 1px 0 0 1px;

  }

  .generalTable th,

  .generalTable td {

    border-width: 0 1px 1px 0;

  }

  .generalTable .tableCaption,

  .generalTable caption {

    font-size: 18px;

    line-height: 2;

    margin: -10px 0 11px;

  }

  .generalTable thead th {

    padding: 20px 20px;

  }

  .generalTable tbody th,

  .generalTable td {

    padding: 19px 20px;

  }

}

@media screen and (max-width: 756px) {

  .generalTable {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

    font-size: 16px;

    line-height: 1.75;

  }

  .generalTable table {

    border-width: 0 1px 1px;

    border-collapse: collapse;

  }

  .generalTable td {

    border-width: 1px 0 0;

    border-collapse: collapse;

  }

  .generalTable th {

    border-width: 1px 0 0;

    border-collapse: collapse;

  }

  .generalTable .tableCaption,

  .generalTable caption {

    font-size: 16px;

    line-height: 1.5;

    margin: 0 0 15px;

  }

  .generalTable thead th,

  .generalTable tbody th,

  .generalTable tbody td {

    padding: 15px 15px 14px;

  }

  .generalTable__responsive thead th,

  .generalTable__responsive colgroup {

    display: none;

  }

  .generalTable__responsive tbody th,

  .generalTable__responsive td {

    width: 100%;

    display: block;

  }

  .generalTable__responsive td::before {

    content: attr(data-th);

    font-weight: bold;

    display: block;

    margin: 0 0 3px;

  }

  .generalTable__responsive td[data-th]:first-of-type {

    padding: 25px 15px 9px;

  }

  .generalTable__responsive td[data-th] {

    padding: 9px 15px;

    border-width: 0;

  }

  .generalTable__responsive td[data-th]:last-of-type {

    padding: 9px 15px 22.5px;

  }

  .generalTable__responsive td[data-th]:first-of-type {

    border-width: 1px 0 0;

    border-color: #d4d4d4;

    border-style: solid;

  }

  .generalTable__responsive td.right,

  .generalTable__responsive td.left,

  .generalTable__responsive td.center,

  .generalTable__responsive td.top,

  .generalTable__responsive td.bottom,

  .generalTable__responsive td.middle {

    text-align: left;

    vertical-align: top;

  }

}

/* attention Element

-------------------------------------------------- */

ul.attention {

  list-style: none;

}



ul.attention li {

  padding: 0 0 0 1em;

  text-indent: -1em;

  background: none;

  color: #333;

}



ul.attention li:before {

  display: none;

}



ul.attention li.strong {

  color: #c94969;

}



@media screen and (min-width: 757px), print {

  ul.attention {

    padding: 1px 0 0;

    margin: 0 0 14px;

    font-size: 14px;

    line-height: 1.7857142;

  }

  ul.attention li {

    margin: 0 0 3px;

  }

}

@media screen and (max-width: 756px) {

  ul.attention {

    padding: 0 0 0;

    margin: -15px 0 23px;

    font-size: 12px;

    line-height: 1.5;

  }

  ul.attention li {

    margin: 0 0 7px;

  }

}

/* list Element

-------------------------------------------------- */

ul {

  list-style: none;

}



ul li {

  list-style-type: none;

  position: relative;

}



ul li:before {

  content: "";

  display: inline-block;

  border-radius: 100%;

  background: #16c1b6;

  position: absolute;

  display: inline-block;

}



@media screen and (min-width: 757px), print {

  ul {

    padding: 5px 0 0;

    margin: 0 20px 34px 54px;

    font-size: 16px;

    line-height: 1.75;

  }

  ul li {

    margin: 0 0 17px;

  }

  ul li:before {

    width: 8px;

    height: 8px;

    left: -22px;

    top: 11px;

  }

}

@media screen and (max-width: 756px) {

  ul {

    padding: 5px 0 0;

    margin: 0 15px 25px 38px;

    font-size: 16px;

    line-height: 1.75;

  }

  ul li {

    margin: 0 0 17px;

  }

  ul li:before {

    width: 6px;

    height: 6px;

    left: -19px;

    top: 9px;

  }

}

ol {

  padding: 0;

  list-style: none;

  counter-reset: ol_li;

  position: relative;

}



ol li {

  position: relative;

}



ol li:before {

  counter-increment: ol_li;

  content: counter(ol_li);

  color: #16c1b6;

  display: inline-block;

  position: absolute;

  font-weight: bold;

}



@media screen and (min-width: 757px), print {

  ol {

    padding: 5px 0 0;

    margin: 0 20px 34px 54px;

    font-size: 16px;

    line-height: 1.75;

  }

  ol li {

    margin: 0 0 17px;

  }

  ol li:before {

    left: -24px;

    top: 0;

  }

}

@media screen and (max-width: 756px) {

  ol {

    padding: 5px 0 0;

    margin: 0 15px 25px 38px;

    font-size: 16px;

    line-height: 1.75;

  }

  ol li {

    margin: 0 0 17px;

  }

  ol li:before {

    left: -25px;

    top: 0;

  }

}

/* link Element

-------------------------------------------------- */

ul.link {

  padding: 0;

}



ul.link li {

  margin: 0;

}



ul.link li:before {

  display: none;

}



ul.link a {

  display: inline-block;

  text-decoration: none;

  font-weight: bold;

}



@media screen and (min-width: 757px), print {

  ul.link {

    padding: 5px 0 0;

    margin: 0 0 37px;

    font-size: 18px;

    line-height: 1.75;

  }

  ul.link li {

    margin-bottom: 22px;

    position: relative;

  }

  ul.link a {

    padding-left: 31px;

  }

  ul.link li a::before,

  ul.link li::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-repeat: no-repeat;

    position: absolute;

    top: 4px;

    left: 0;

  }

  ul.link li a::before {

    background-image: url(/shared/svg/icons_link.svg);

    z-index: 8;

  }

  ul.link li::after {

    background-image: url(/shared/svg/icons_link_hover.svg);

    z-index: 1;

  }

  ul.link a:hover::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  .generalTable td ul.link {

    padding: 8px 0 0;

    margin: 0 0 3px;

  }

  .generalTable td ul.link li {

    margin-bottom: 3px;

  }

}

@media screen and (max-width: 756px) {

  ul.link {

    padding: 7px 0 0;

    margin: 0 0 40px;

    font-size: 14px;

    line-height: 1.5;

    font-weight: bold;

  }

  ul.link li {

    margin-bottom: 26px;

  }

  ul.link a {

    padding-left: 25px;

    background-image: url(/shared/svg/icons_link.svg);

    background-repeat: no-repeat;

    background-size: 17px 17px;

    background-position: 0 1.5px;

  }

  .generalTable td ul.link {

    padding: 13px 0 0;

    margin: 0 0 15px;

  }

  .generalTable td ul.link li {

    margin-bottom: 3px;

  }

}

/* tablink Element

-------------------------------------------------- */

ul.tablink {

  padding: 0;

  margin: 0;

  list-style: none;

}



ul.tablink li {

  padding: 0;

  margin: 0;

  background: none;

  display: inline-block;

}



ul.tablink li:before {

  display: none;

}



ul.tablink li a {

  background-color: #edead7;

  display: block;

  text-decoration: none;

}



ul.tablink li a:link,

ul.tablink li a:visited,

ul.tablink li a:hover,

ul.tablink li a:active {

  color: #000;

}



ul.tablink.tablink__mein li a:link,

ul.tablink.tablink__mein li a:visited,

ul.tablink.tablink__mein li a:hover,

ul.tablink.tablink__mein li a:active {

  color: #fff;

}



ul.tablink.tablink__mein {

  text-align: center;

}



ul.tablink.tablink__mein li {

  font-weight: bold;

}



@media screen and (min-width: 757px), print {

  ul.tablink {

    padding: 4px 0 0;

    margin: 0 0 11px;

    font-size: 14px;

  }

  ul.tablink li {

    margin: 0 10px 10px 0;

  }

  ul.tablink li a {

    padding: 5px 16px 4px;

    border-radius: 30px;

  }

  ul.tablink li a:hover {

    background-color: #f1e9bd;

  }

  ul.tablink.tablink__mein {

    padding: 0;

    margin: 0;

    font-size: 20px;

  }

  ul.tablink.tablink__mein li {

    margin: 0 25px 50px;

    line-height: 1;

  }

  ul.tablink.tablink__mein li a {

    padding: 12px 41px;

    border-radius: 22px;

    overflow: hidden;

    display: block;

    position: relative;

    z-index: 1;

    color: #fff;

    background-color: #fff;

  }

  ul.tablink.tablink__mein li a:after {

    content: "";

    display: block;

    position: absolute;

    border-radius: 22px;

    z-index: 1;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border: 1px solid #009c96;

  }

  ul.tablink.tablink__mein li a:before {

    content: "";

    display: block;

    position: absolute;

    border-radius: 22px;

    z-index: -1;

    -webkit-transform: translatez(0);

            transform: translatez(0);

    width: 100%;

    height: 100%;

    opacity: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    background-color: #009c96;

  }

  ul.tablink.tablink__mein li a:hover:before,

  ul.tablink.tablink__mein li a:active:before {

    width: 70%;

    height: 70%;

    opacity: 0;

  }

  ul.tablink.tablink__mein li a:hover {

    color: #009c96;

  }

}

@media screen and (max-width: 756px) {

  ul.tablink {

    padding: 5.5px 0 0;

    margin: 0 0 10px;

    font-size: 13px;

  }

  .titStyle2_logo_3 + ul.tablink {

    padding: 25.5px 0 0;

  }

  ul.tablink li {

    margin: 0 7.5px 7.5px 0;

  }

  ul.tablink li a {

    padding: 5px 12px;

    border-radius: 15px;

    font-weight: bold;

  }

  ul.tablink.tablink__mein {

    padding: 0;

    margin: 0;

  }

  ul.tablink.tablink__mein li {

    margin: 0 20px 40px;

  }

  ul.tablink.tablink__mein li a {

    padding: 5px 30px 3px;

    border-radius: 15px;

    font-weight: bold;

    background-color: #009c96;

  }

}

/* eventTabs

-------------------------------------------------- */

ul.eventTags {

  padding: 0;

  margin: 0;

  list-style: none;

}



ul.eventTags li {

  display: inline-block;

  background: #edead7;

  color: #000;

}



ul.eventTags li.eventTags__recommendation {

  background: #c94969;

  color: #fff;

}



ul.eventTags li:before {

  display: none;

}



@media screen and (min-width: 757px), print {

  ul.eventTags {

    padding: 4px 0 0;

  }

  ul.eventTags li {

    padding: 4px 15px 2px;

    font-size: 14px;

    margin-right: 10px;

    margin-bottom: 10px;

  }

}

@media screen and (max-width: 756px) {

  ul.eventTags {

    padding: 6px 0 7px;

  }

  ul.eventTags li {

    padding: 4px 13px 3px;

    font-size: 13px;

    margin-right: 5px;

    margin-bottom: 5px;

  }

}

@media screen and (min-width: 757px), print {

  .eventTags__Classification {

    font-size: 14px;

  }

}

@media screen and (max-width: 756px) {

  .eventTags__Classification {

    font-size: 13px;

  }

}

/* pointsList

-------------------------------------------------- */

ul.pointsList {

  padding: 0;

  margin: 0;

  list-style: none;

}



ul.pointsList li {

  padding: 0;

  background: none;

  background: url(/shared/svg/icons_check.svg) no-repeat;

}



ul.pointsList li:before {

  display: none;

}



@media screen and (min-width: 757px), print {

  ul.pointsList {

    font-size: 16px;

    line-height: 1.75;

  }

  ul.pointsList li {

    padding: 0 0 0 32px;

    margin: 0 0 10px;

    background-size: 20px 14px;

    background-position: 0 6px;

  }

  p.pointsTxt {

    font-size: 16px;

    line-height: 1.75;

    margin: 0 0 17px;

  }

}

@media screen and (max-width: 756px) {

  ul.pointsList {

    font-size: 16px;

    line-height: 1.75;

  }

  ul.pointsList li {

    padding: 0 0 0 32px;

    margin: 0 0 17px;

    background-size: 19px 14.5px;

    background-position: 0 6px;

  }

  p.pointsTxt {

    font-size: 16px;

    line-height: 1.75;

    margin: 0 0 17px;

  }

}

/* contentsList

-------------------------------------------------- */

ul.contentsList {

  padding: 0;

  margin: 0;

  list-style: none;

}



ul.contentsList li {

  padding: 0;

  background: none;

  font-weight: bold;

}



ul.contentsList li:before {

  display: none;

}



ul.contentsList li a {

  display: inline-block;

  text-decoration: none;

}



@media screen and (min-width: 757px), print {

  ul.contentsList {

    font-size: 16px;

    line-height: 1.75;

  }

  ul.contentsList li {

    margin: 0 0 12px;

  }

  ul.contentsList li a {

    padding: 0 0 0 30px;

    position: relative;

  }

  ul.contentsList li a::before,

  ul.contentsList li a::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: center right;

    background-repeat: no-repeat;

    position: absolute;

    top: 4px;

    left: 0;

  }

  ul.contentsList li a::before {

    background-image: url(/shared/svg/icons_anchor.svg);

    z-index: 8;

  }

  ul.contentsList li a::after {

    background-image: url(/shared/svg/icons_anchor_hover.svg);

    z-index: 1;

    display: none;

  }

  ul.contentsList li a:hover::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  ul.contentsList li a:hover::after {

    display: block;

  }

}

@media screen and (max-width: 756px) {

  ul.contentsList {

    font-size: 16px;

    line-height: 1.75;

  }

  ul.contentsList li {

    margin: 0 0 18px;

  }

  ul.contentsList li a {

    padding: 0 0 0 28px;

    background: url(/shared/svg/icons_anchor.svg) no-repeat;

    background-size: 17px 17px;

    background-position: 0 4px;

  }

}

/* listLink

-------------------------------------------------- */

ul.listLink {

  margin: 0;

}



ul.listLink li {

  width: 100%;

  margin: 0;

}



ul.listLink li:before {

  display: none;

}



ul.listLink li a,

.rounded-corners .body a ul.listLinkType3 > li {

  color: #000;

  text-decoration: none;

  width: 100%;

}



@media screen {

  ul.listLink li a,

  .rounded-corners .body a ul.listLinkType3 > li {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-align: center;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-align: center;

    -webkit-align-items: center;

            align-items: center;

  }

  ul.listLink.listLinkType4_imageBox li a {

    -ms-flex-align: stretch;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-align: stretch;

    -webkit-align-items: stretch;

            align-items: stretch;

  }

}

ul.listLink li .no-image {

  background: url(/shared/svg/icons_logo.svg) center center no-repeat;

  border: 1px solid #d4d4d4;

}



ul.listLink li a p {

  margin: 0;

}



ul.listLink li a p.figcaption {

  color: #666;

}



ul.listLink ul.tablink li {

  width: auto;

  margin: 0;

  color: #000;

  background-color: #edead7;

  display: inline-block;

  font-weight: bold;

}



@media screen and (min-width: 757px), print {

  ul.listLink {

    margin: 0;

  }

  ul.listLink ul.tablink {

    padding: 0;

    margin: 0;

    font-size: 12px;

  }

  ul.listLink ul.tablink li {

    padding: 3px 15px 2px;

    margin: 0 8px 7px 0;

    border-radius: 13px;

  }

  ul.listLink li a:hover,

  .rounded-corners .body a:hover ul.listLinkType3 > li {

    color: #169aff;

  }

  ul.listLink li a p {

    font-size: 16px;

    line-height: 1.5;

  }

  ul.listLink li a time,

  .rounded-corners .body a ul.listLinkType3 > li time {

    font-size: 12px;

  }

  ul.listLink li a p.figcaption {

    font-size: 10px;

  }

  /*画像拡大*/

  a img.imgExpansion {

    backface-visibility: hidden;

    /* 画面のちらつき対策 */

    -webkit-backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.5s ease-out;

    transition: -webkit-transform 0.5s ease-out;

    transition: transform 0.5s ease-out;

    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;

  }

  a:hover img.imgExpansion {

    -webkit-transform: scale(1.075) rotate(0.001deg);

            transform: scale(1.075) rotate(0.001deg);

    /* IEでのアニメーションがカクつくためrotateの指定を入れ描画の処理をGPUで行う */

    -webkit-transition: -webkit-transform 2s ease-out;

    transition: -webkit-transform 2s ease-out;

    transition: transform 2s ease-out;

    transition: transform 2s ease-out, -webkit-transform 2s ease-out;

  }

}

@media screen and (max-width: 756px) {

  ul.listLink {

    margin: 0;

  }

  ul.listLink ul.tablink {

    padding: 0;

    margin: 0 0 6px;

    font-size: 10px;

  }

  ul.listLink ul.tablink li {

    margin: 0 5px 5px 0;

    padding: 1px 11px 2px;

    border-radius: 10px;

    font-weight: bold;

    border-top: 0;

  }

  ul.listLink ul.tablink li a {

    display: block;

  }

  ul.listLink li a p {

    width: 100%;

    font-size: 14px;

    line-height: 1.5;

    display: block;

  }

  ul.listLink li a time,

  .rounded-corners .body a ul.listLinkType3 > li time {

    width: 100%;

    font-size: 12px;

    display: block;

  }

  ul.listLink li a p.figcaption {

    width: 100%;

    font-size: 9px;

    display: block;

  }

}

/* listLinkType1

-------------------------------------------------- */

@media screen and (min-width: 757px), print {

  ul.listLinkType1 {

    margin-bottom: 2px;

  }

  ul.listLinkType1 > li {

    padding-bottom: 21px;

    position: relative;

  }

  ul.listLinkType1 > li:after {

    content: "";

    display: block;

    line-height: 0;

    overflow: hidden;

    position: absolute;

    left: 100px;

    bottom: 21px;

    width: calc(100% - 100px);

    border-bottom: 1px solid #d4d4d4;

  }

  ul.listLinkType1 li a {

    padding-bottom: 21px;

    background: none;

  }

  ul.listLinkType1 li:last-child {

    padding-bottom: 10px;

  }

  ul.listLinkType1 li .image {

    width: 80px;

    height: 80px;

  }

  ul.listLinkType1 li .no-image {

    background-size: 33px 49px;

  }

  ul.listLinkType1 li .text {

    width: calc(100% - 100px);

    padding-right: 40px;

    position: relative;

  }

  ul.listLinkType1 li .text::before,

  ul.listLinkType1 li .text::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: center right;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    right: 0;

  }

  ul.listLinkType1 li .text::before {

    background-image: url(/shared/svg/icons_link_f0f0f0.svg);

    z-index: 8;

  }

  ul.listLinkType1 li .text::after {

    background-image: url(/shared/svg/icons_link_hover.svg);

    z-index: 1;

    display: none;

  }

  ul.listLinkType1 li a:hover .text::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  ul.listLinkType1 li a:hover .text::after {

    display: block;

  }

  ul.listLinkType1 > li:last-child:after {

    display: none;

  }

}

@media screen and (max-width: 756px) {

  ul.listLinkType1 {

    margin-bottom: 12px;

  }

  .activities-image + .sectionBody__sp ul.listLinkType1 {

    margin-bottom: 15.5px;

  }

  ul.listLinkType1 li a {

    background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;

    background-size: 20px 20px;

  }

  ul.listLinkType1 li .image {

    width: 81px;

    height: 81px;

  }

  ul.listLinkType1 li .no-image {

    background-size: 33px 49px;

  }

  ul.listLinkType1 li .text {

    width: calc(100% - 96px);

    padding-right: 40px;

    padding-bottom: 16.5px;

    padding-top: 20px;

    border-bottom: 1px solid #d4d4d4;

  }

  ul.listLinkType1 li:last-child .text {

    border-bottom: 0;

  }

  ul.listLinkType1 li:first-child .text {

    padding-top: 0;

  }

}

/* listLinkType2

-------------------------------------------------- */

ul.listLinkType2 li {

  border-top: 1px solid #d4d4d4;

}



@media screen and (min-width: 980px), print {

  ul.listLinkType2 li {

    width: 470px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  ul.listLinkType2 li {

    width: calc(50% - 7.5px);

  }

}

@media screen and (min-width: 757px), print {

  ul.listLinkType2 {

    margin: -24px 0 37px;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  ul.listLinkType2 li {

    font-size: 16px;

    line-height: 1.5;

  }

  ul.listLinkType2 li:nth-child(1),

  ul.listLinkType2 li:nth-child(2) {

    border-top: 0;

  }

  ul.listLinkType2 li a {

    padding: 21px 50px 21px 0;

  }

  ul.listLinkType2 li a::before,

  ul.listLinkType2 li a::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: center right;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    right: 0;

  }

  ul.listLinkType2 li a::before {

    background-image: url(/shared/svg/icons_link_f0f0f0.svg);

    z-index: 8;

  }

  ul.listLinkType2 li a::after {

    background-image: url(/shared/svg/icons_link_hover.svg);

    z-index: 1;

    display: none;

  }

  ul.listLinkType2 a:hover::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  ul.listLinkType2 a:hover::after {

    display: block;

  }

}

@media screen and (max-width: 756px) {

  ul.listLinkType2 {

    margin: -3px 0 32px;

  }

  ul.listLinkType2 li:nth-child(1) {

    border-top: 0;

  }

  ul.listLinkType2 li a {

    padding: 20px 40px 20px 0;

    background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;

    background-size: 20px 20px;

  }

}

/* listLinkType3

-------------------------------------------------- */

@media screen {

  ul.listLinkType3 li .image figure {

    overflow: hidden;

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;

    width: 100%;

  }

}

@media print {

  ul.listLinkType3:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden;

  }

  ul.listLinkType3 li {

    float: left;

  }

}

@media screen and (min-width: 980px), print {

  ul.listLinkType3 li {

    width: 286px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  ul.listLinkType3 li {

    width: calc(33% - 10px);

  }

}

@media screen and (min-width: 757px), print {

  ul.listLinkType3 {

    margin-bottom: 62px;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  ul.listLinkType3 li {

    position: relative;

  }

  ul.listLinkType3 li a,

  .rounded-corners .body a ul.listLinkType3 > li {

    height: 100%;

    padding-bottom: 1.3rem;

    display: block;

    position: relative;

  }

  ul.listLinkType3 li a::before,

  ul.listLinkType3 li a::after,

  .rounded-corners .body a ul.listLinkType3 > li::before,

  .rounded-corners .body a ul.listLinkType3 > li::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: center right;

    background-repeat: no-repeat;

    position: absolute;

    bottom: 0;

    right: 0;

  }

  .rounded-corners .body a ul.listLinkType3 > li::before,

  .rounded-corners .body a ul.listLinkType3 > li::after {

    display: block;

    top: 50%;

    margin-top: -10px;

    right: 30px;

    left: auto;

  }

  ul.listLinkType3 li a::before,

  .rounded-corners .body a ul.listLinkType3 > li::before {

    background-image: url(/shared/svg/icons_link_f0f0f0.svg);

    z-index: 8;

  }

  ul.listLinkType3 li a::after,

  .rounded-corners .body a ul.listLinkType3 > li::after {

    background-image: url(/shared/svg/icons_link_hover.svg);

    z-index: 1;

    display: none;

  }

  ul.listLinkType3 li a:hover::before,

  .rounded-corners .body a:hover ul.listLinkType3 > li::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  ul.listLinkType3 li a:hover::after,

  .rounded-corners .body a:hover ul.listLinkType3 > li::after {

    display: block;

  }

  ul.listLinkType3 li .image {

    height: 143px;

    margin: 0 0 15px;

  }

  ul.listLinkType3 li .no-image {

    background-size: 58px 89px;

  }

  ul.listLinkType3 ul.tablink {

    margin: 0 0 4px;

  }

  ul.listLinkType3 li a p {

    margin: 0 0 6px;

  }

  ul.listLinkType3 time {

    position: absolute;

    left: 0;

    bottom: 0;

  }

}

@media screen and (max-width: 756px) {

  ul.listLinkType3 {

    padding: 0;

    margin: 34px 0 5px;

    font-size: 16px;

    line-height: 1.5;

  }

  ul.listLinkType3 li {

    border-top: 1px solid #d4d4d4;

  }

  ul.listLinkType3 li:first-child {

    padding: 0;

    border-top: 0;

  }

  ul.listLinkType3 li a {

    padding: 30px 0 25px;

    background: none;

  }

  ul.listLinkType3 li:first-child a {

    padding-top: 0;

  }

  ul.listLinkType3 li .image {

    width: 100%;

    height: 173px;

    margin: 0 0 15px;

  }

  ul.listLinkType3 li .image figure {

    width: 100%;

    height: 173px;

    overflow: hidden;

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;

  }

  ul.listLinkType3 li .image figure img {

    width: 100%;

    height: 173px;

    -o-object-fit: cover;

    object-fit: cover;

    font-family: "object-fit: cover; object-position: 50% 50%;";

    /*--- object-fit-images ---*/

  }

  ul.listLinkType3 li .no-image {

    height: 173px;

    background-size: 70px 106px;

  }

  ul.listLinkType3 li a p {

    font-size: 16px;

    line-height: 1.5;

    margin: 0 0 10px;

  }

  ul.listLinkType3 time {

    min-height: 20px;

    font-size: 12px;

    line-height: 20px;

    background: url(/shared/svg/icons_link_f0f0f0.svg) bottom right no-repeat;

    background-size: 20px 20px;

  }

}

/* listLinkType4

-------------------------------------------------- */

ul.listLinkType4 li .text {

  border-top: 1px solid #d4d4d4;

}



ul.listLinkType4.listLinkType4_imageBox li .text {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

}



ul.listLinkType4.listLinkType4_imageBox li .imageBox {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  padding: 7px 0;

}



@media screen and (min-width: 980px), print {

  ul.listLinkType4 li {

    width: 470px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  ul.listLinkType4 li {

    width: calc(50% - 7.5px);

  }

}

@media screen and (min-width: 757px), print {

  ul.listLinkType4 {

    margin: -23px 0 33px;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  ul.listLinkType4 li a {

    height: 100%;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  ul.listLinkType4 li .image {

    width: 80px;

    height: 80px;

  }

  ul.listLinkType4 li .no-image {

    background-size: 33px 49px;

  }

  ul.listLinkType4 li .text {

    width: calc(100% - 100px);

    height: 100%;

    padding: 25px 40px 3.3rem 0;

    position: relative;

  }

  ul.listLinkType4 li .text::before,

  ul.listLinkType4 li .text::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: center right;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    right: 0;

  }

  ul.listLinkType4 li .text::before {

    background-image: url(/shared/svg/icons_link_f0f0f0.svg);

    z-index: 8;

  }

  ul.listLinkType4 li .text::after {

    background-image: url(/shared/svg/icons_link_hover.svg);

    z-index: 1;

    display: none;

  }

  ul.listLinkType4 li a:hover .text::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  ul.listLinkType4 li a:hover .text::after {

    display: block;

  }

  ul.listLinkType4 li:nth-child(1) .text,

  ul.listLinkType4 li:nth-child(2) .text {

    border-top: 0;

  }

  ul.listLinkType4 ul.tablink {

    margin: 0 0 2px;

  }

  ul.listLinkType4 li a p {

    margin: 0 0 9px;

  }

  ul.listLinkType4 .absolute {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 20px;

  }

  ul.listLinkType4 .absolute p {

    margin: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

  }

}

@media print {

  ul.listLinkType4:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden;

  }

  ul.listLinkType4 li {

    float: left;

  }

  ul.listLinkType4 li:nth-child(4n) {

    float: right;

  }

  ul.listLinkType4 li a:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden;

  }

  ul.listLinkType4 li .image {

    float: left;

  }

  ul.listLinkType4 li .text {

    float: right;

  }

}

@media screen and (max-width: 756px) {

  ul.listLinkType4 {

    margin: 0 0 14.5px;

  }

  .staffblog .bodyAreaBg ul.listLinkType4,

  .staffblog-author + .bodyAreaBg ul.listLinkType4 {

    margin: 0 0 35px;

  }

  .event .bodyAreaBg ul.listLinkType4 {

    margin-bottom: 35px;

  }

  ul.listLinkType4 li:nth-child(1) .text {

    padding-top: 0;

    border-top: 0;

  }

  ul.listLinkType4 li .image {

    width: 97px;

    height: 97px;

  }

  ul.listLinkType4 li .no-image {

    background-size: auto 47.5px;

  }

  ul.listLinkType4 li .text {

    width: calc(100% - 112px);

    padding-right: 35px;

    padding-bottom: 16.5px;

    padding-top: 20px;

  }

  ul.listLinkType4 li a {

    background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;

    background-size: 20px 20px;

  }

  ul.listLinkType4 li a p {

    margin: 0 0 6.5px;

  }

  ul.listLinkType4 li a p.figcaption {

    margin: 2px 0 0;

  }

}

/* listLinkType5

-------------------------------------------------- */

ul.listLinkType5 li {

  width: 100%;

  border-bottom: 1px solid #d4d4d4;

}



ul.listLinkType5 li:last-child {

  border-bottom: 0;

}



ul.listLinkType5 span {

  line-height: 1.5;

}



@media screen and (min-width: 757px), print {

  ul.listLinkType5 {

    margin: -25px 0 30px;

  }

  ul.listLinkType5 li a,

  ul.listLinkType5 li.strongType {

    padding: 19px 40px 19px 0;

  }

  ul.listLinkType5__time li a {

    -ms-flex-align: baseline;

    -webkit-box-align: baseline;

    -webkit-align-items: baseline;

            align-items: baseline;

  }

  ul.listLinkType5__time li a time {

    width: calc(6.7rem + 30px);

    font-size: 16px;

    font-weight: bold;

  }

  ul.listLinkType5__time li time + span {

    width: calc(100% - 6.7rem - 30px);

  }

  ul.listLinkType5 li a {

    position: relative;

  }

  ul.listLinkType5 li a::before,

  ul.listLinkType5 li a::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: center right;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    right: 0;

  }

  ul.listLinkType5 li a::before {

    background-image: url(/shared/svg/icons_link_f0f0f0.svg);

    z-index: 8;

  }

  ul.listLinkType5 li a::after {

    background-image: url(/shared/svg/icons_link_hover.svg);

    background-repeat: no-repeat;

    z-index: 1;

    display: none;

  }

  ul.listLinkType5 li a:hover::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  ul.listLinkType5 li a:hover::after {

    display: block;

  }

}

@media screen and (max-width: 756px) {

  ul.listLinkType5 {

    margin: -25px 0 9px;

  }

  ul.listLinkType5 li:nth-child(1) {

    border-top: 0;

  }

  ul.listLinkType5 li a {

    background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;

    background-size: 20px 20px;

  }

  ul.listLinkType5 li a,

  ul.listLinkType5 li.strongType {

    padding: 20px 40px 20px 0;

  }

  ul.listLinkType5__time li a time {

    width: 100%;

    margin: 0 0 3px;

    font-size: 12px;

    font-weight: bold;

  }

  ul.listLinkType5__time li time + span {

    width: 100%;

  }

}

/* listLinkType6

-------------------------------------------------- */

ul.listLinkType6 > li {

  width: 100%;

  border-bottom: 1px solid #d4d4d4;

}



ul.listLinkType6 > li:last-child {

  border-bottom: 0;

}



ul.listLinkType6 ul.eventTags {

  padding: 0;

}



ul.listLinkType6 ul.eventTags li {

  width: auto;

  display: inline-block;

}



@media screen and (min-width: 757px), print {

  ul.listLinkType6 {

    margin: -26px 0 45px;

  }

  ul.listLinkType6 li a {

    height: 100%;

    padding: 30px 50px 30px 0;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    /*--- safari（PC）用 ---*/

    -ms-flex-align: stretch;

    -webkit-box-align: stretch;

    -webkit-align-items: stretch;

            align-items: stretch;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

    position: relative;

  }

  ul.listLinkType6 li a::before,

  ul.listLinkType6 li a::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: center right;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    right: 0;

  }

  ul.listLinkType6 li a::before {

    background-image: url(/shared/svg/icons_link_f0f0f0.svg);

    z-index: 8;

  }

  ul.listLinkType6 li a::after {

    background-image: url(/shared/svg/icons_link_hover.svg);

    z-index: 1;

    display: none;

  }

  ul.listLinkType6 li a:hover::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  ul.listLinkType6 li a:hover::after {

    display: block;

  }

  ul.listLinkType6 li .image {

    width: 286px;

    height: 143px;

    margin-right: 20px;

  }

  ul.listLinkType6 li figure {

    width: 286px;

    height: 143px;

  }

  ul.listLinkType6 li figure figcaption {

    width: 276px;

  }

  ul.listLinkType6 li .no-image {

    width: 0;

    height: 0;

    background: none;

    border: 0;

  }

  ul.listLinkType6 li .text {

    width: calc(100% - 306px);

  }

  ul.listLinkType6 li .no-image + .text {

    width: 100%;

  }

  ul.listLinkType6 ul.eventTags {

    margin: -2px 0 5px;

  }

  ul.listLinkType6 ul.eventTags li {

    padding: 3px 15px 2px;

    margin: 0 8px 8px 0;

    font-size: 12px;

  }

  ul.listLinkType6 p.listLinkType6__day_area {

    margin: 0 0 7px;

    font-size: 14px;

    line-height: 1.4285714;

    font-weight: bold;

  }

  ul.listLinkType6 p.listLinkType6__title {

    margin: 0 0 8px;

    font-size: 16px;

    line-height: 1.5;

  }

  ul.listLinkType6 .eventTags__Classification {

    margin: 0 0 -3px;

    font-size: 12px;

    color: #333;

  }

}

@media screen and (max-width: 756px) {

  ul.listLinkType6 {

    margin: -27px 0 27px;

  }

  ul.listLinkType6 li a {

    padding: 26px 0 24px;

  }

  ul.listLinkType6 li .image {

    width: 100%;

    height: auto;

    margin: 1px 0 8.5px;

  }

  ul.listLinkType6 li figure {

    width: 100%;

  }

  ul.listLinkType6 li .no-image {

    width: 0;

    height: 0;

    margin: 0;

    background: none;

    border: 0;

  }

  ul.listLinkType6 li .text {

    width: 100%;

  }

  ul.listLinkType6 li .no-image + .text {

    margin-top: -2px;

  }

  ul.listLinkType6 ul.eventTags {

    margin: 0 0 7px;

  }

  ul.listLinkType6 ul.eventTags li {

    padding: 1px 11px;

    margin: 0 5px 5px 0;

    font-size: 10px;

  }

  ul.listLinkType6 p.listLinkType6__day_area {

    margin: 0 0 9px;

    font-size: 12px;

    line-height: 1.4166666;

    font-weight: bold;

  }

  ul.listLinkType6 p.listLinkType6__title {

    margin: 0 0 12px;

    font-size: 16px;

    line-height: 1.5;

  }

  ul.listLinkType6 .eventTags__Classification {

    padding: 0 25px 0 0;

    min-height: 20px;

    line-height: 20px;

    font-size: 12px;

    color: #333;

    background: url(/shared/svg/icons_link_f0f0f0.svg) bottom right no-repeat;

    background-size: 20px 20px;

  }

}

/* errorComment

-------------------------------------------------- */

ul.listLinkType1 > li.errorComment,

ul.listLinkType2 > li.errorComment,

ul.listLinkType3 > li.errorComment,

ul.listLinkType4 > li.errorComment,

ul.listLinkType5 > li.errorComment,

ul.listLinkType6 > li.errorComment {

  width: 100%;

}



/* keywordsArea

-------------------------------------------------- */

@media screen and (min-width: 980px), print {

  .keywordsArea {

    padding: 0 0 39px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .keywordsArea {

    padding: 0 15px 39px;

  }

}

@media screen and (min-width: 757px), print {

  .keywordsArea ul.tablink {

    padding: 3px 0 0;

  }

  .keywordsArea ul.tablink li a {

    padding: 4px 16px 2px;

    border-radius: 30px;

  }

  .keywordsArea ul.btn {

    margin: 45px 0 0;

  }

  .keywordsArea ul.btn li a {

    padding: 14px 0;

    margin-bottom: 13px;

  }

}

@media screen and (max-width: 756px) {

  .keywordsArea {

    padding: 0 15px 43px;

  }

  .keywordsArea > h2:first-of-type:first-child,

  .keywordsArea > .titStyle1:first-of-type:first-child {

    margin-top: 92px;

  }

  .keywordsArea ul.tablink li {

    margin: 0 10px 10px 0;

  }

  .keywordsArea ul.tablink li a {

    padding: 4px 12px 5px;

  }

  .keywordsArea ul.btn {

    margin: 45px 0 0;

  }

  .keywordsArea ul.btn li a {

    margin-bottom: 17px;

  }

}

/* cvArea

-------------------------------------------------- */

.cvArea {

  background: #fff url(/shared/svg/icons_logo.svg) center center no-repeat;

}



@media screen and (min-width: 980px), print {

  .cvArea__bodyAreaBg {

    padding: 59px 0 60px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .cvArea__bodyAreaBg {

    padding: 59px 15px 60px;

  }

}

@media screen and (min-width: 757px), print {

  .cvArea {

    padding: 74px 90px 30px 360px;

    border-radius: 10px;

    background-size: 124px 187px;

    background-position: 135px center;

  }

  .cvArea .titStyle2 {

    font-size: 32px;

    margin: 0 0 19px;

  }

  .cvArea p {

    font-size: 16px;

    line-height: 1.75;

    margin: 0 0 18px;

  }

}

@media screen and (max-width: 756px) {

  .cvArea__bodyAreaBg {

    padding: 40px 15px;

  }

  .cvArea {

    padding: 200px 30px 16px;

    border-radius: 10px;

    background-size: 82.5px 124.5px;

    background-position: center 40px;

  }

  .cvArea .titStyle2 {

    font-size: 25px;

    line-height: 1.36;

    margin: 0 0 18px;

  }

  .cvArea p {

    font-size: 16px;

    line-height: 1.75;

    margin: 0 0 26px;

  }

}

/* btnlink Element

-------------------------------------------------- */

.btn {

  margin: 0;

  font-weight: bold;

  text-align: center;

}



.btn li {

  margin: 0;

  padding: 0;

  background: none;

  display: inline-block;

}



.btn li:before {

  display: none;

}



.btn li a {

  color: #fff;

  text-decoration: none;

  font-weight: bold;

  text-align: center;

  display: block;

}



.btn.btn__historyBack li a {

  color: #000;

}



.btn.btn__historyBack li a span:before {

  content: "";

  display: inline-block;

  background: url(/shared/svg/icons_link.svg) center left no-repeat;

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

}



.btn li a[target=_blank]:after {

  margin: 0;

  background: none;

}



.btn li a[target=_blank] span {

  background-image: url(/shared/svg/icons_window_btn.svg);

  background-repeat: no-repeat;

  background-position: right center;

}



@media screen and (min-width: 757px), print {

  .btn li {

    margin-top: 10px;

  }

  .btn li:first-child {

    margin-top: 0;

  }

  .btn li a {

    width: 264px;

    padding: 13px 0;

    border-radius: 28px;

    font-size: 16px;

    margin-bottom: 50px;

    background: #fff;

    overflow: hidden;

    display: inline-block;

    position: relative;

    z-index: 1;

    overflow: initial;

  }

  .btn li a:after,

  .btn li a[target=_blank]:after {

    content: "";

    display: block;

    position: absolute;

    border-radius: 28px;

    z-index: -1;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border: 1px solid #000;

    margin: 0;

    background: none;

  }

  .btn.cv li a:after,

  .btn.cv li a[target=_blank]:after {

    border: 1px solid #e35700;

  }

  .btn li a:before {

    content: "";

    display: block;

    position: absolute;

    border-radius: 28px;

    z-index: -1;

    -webkit-transform: translatez(0);

            transform: translatez(0);

    width: 100%;

    height: 100%;

    opacity: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    background: #000;

  }

  .btn.cv li a:before {

    background: #e35700;

  }

  .btn li a:hover:before,

  .btn li a:active:before {

    width: 70%;

    height: 70%;

    opacity: 0;

  }

  .btn li a:hover {

    color: #000;

  }

  .btn.cv li a:hover {

    color: #e35700;

  }

  .btn.btn__historyBack {

    padding: 40px 0 32px;

  }

  .btn.btn__historyBack li {

    margin: 0 20px;

  }

  .btn.btn__historyBack li a {

    margin: 0;

    padding: 15px 0 13px;

    background: none;

  }

  .btn.btn__historyBack li a:before {

    background: #e6e6e6;

  }

  .btn.btn__historyBack li a:after {

    opacity: 0;

    border: 0;

    background: #000;

    z-index: -2;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

  }

  .btn.btn__historyBack li a:hover:after,

  .btn.btn__historyBack li a:active:after {

    width: 100%;

    height: 100%;

    opacity: 1;

  }

  .btn.btn__historyBack li a:hover {

    color: #fff;

  }

  .btn.btn__historyBack li a span:before {

    width: 20px;

    height: 20px;

    margin-right: 10px;

    margin-bottom: -3px;

    background-size: 20px 20px;

  }

  .btn.btn__historyBack li a:hover span:before {

    background-image: url(/shared/svg/icons_link_000.svg);

    background-size: 20px 20px;

  }

  .btn li a[target=_blank] span {

    padding: 0 27px 0 0;

    background-size: 17px 16px;

  }

  .btn li a[target=_blank]:hover span {

    background-image: url(/shared/svg/icons_window_btn_hover.svg);

  }

}

@media screen and (max-width: 756px) {

  .bodyAreaBg > .sectionBody__sp > .btn:last-of-type:last-child {

    margin-bottom: 100px;

  }

  .staffblog .bodyAreaBg > .sectionBody__sp > .btn,

  .staffblog .bodyAreaBg > .sectionBody__sp > .btn:last-of-type:last-child,

  .staffblog-author + .bodyAreaBg > .sectionBody__sp > .btn,

  .staffblog-author + .bodyAreaBg > .sectionBody__sp > .btn:last-of-type:last-child,

  .event .bodyAreaBg > .sectionBody__sp > .btn:last-of-type:last-child {

    margin-bottom: 61px;

  }

  .bodyAreaBg > .sectionBody__sp > .btn:last-child a {

    margin-bottom: 0;

  }

  .btn li {

    margin-bottom: 15px;

  }

  .btn li:last-child {

    margin-bottom: 0;

  }

  .btn li a {

    width: 235px;

    max-width: 100%;

    padding: 13px 0;

    border-radius: 25px;

    font-size: 14px;

    margin-bottom: 23px;

    background: #000;

  }

  .btn.cv li a {

    background: #e35700;

    border: 1px solid #e35700;

  }

  .btn.btn__historyBack {

    padding: 40px 0 10px;

  }

  .btn.btn__historyBack li {

    margin: 0 0 30px;

  }

  .btn.btn__historyBack li a {

    margin: 0;

    background: #e6e6e6;

  }

  .btn.btn__historyBack li a span:before {

    width: 17px;

    height: 17px;

    margin-right: 8px;

    margin-bottom: -4px;

    background-size: 17px 17px;

  }

  .btn li a[target=_blank] span {

    padding: 0 21px 0 0;

    background-size: auto 13px;

  }

}

/* personDiv　threeColumns

-------------------------------------------------- */

.threeColumns .column {

  margin-bottom: 72px;

}



.threeColumns .column:last-child {

  margin-bottom: 0;

}



.threeColumns.personDiv {

  margin-top: 83px;

}



@media screen and (min-width: 757px), print {

  .threeColumns.personDiv {

    margin-top: 0;

  }

  .threeColumns {

    display: -ms-flexbox;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  .threeColumns .column {

    width: 275px;

    margin-bottom: 0;

  }

  .threeColumns::after {

    content: "";

    width: 275px;

    display: block;

  }

}

/* personDiv　twoColumns

-------------------------------------------------- */

.twoColumns.personDiv {

  margin-top: 45px;

}



.twoColumns.personDiv .column {

  margin-bottom: 72px;

}



.personDiv .image {

  width: 150px;

  height: 150px;

  margin: 0 auto 15px;

}



.personDiv p {

  font-size: 16px;

  line-height: 1.8;

  margin-bottom: 10px;

}



.twoColumns.personDiv .column p.smallTxt,

.personDiv .smallTxt {

  font-size: 13px;

  text-align: center;

  margin-bottom: 5px;

}



.personDiv .title {

  margin-top: 0 !important;

  margin: 0 0 25px;

  text-align: center;

  font-size: 20px;

}



@media screen and (min-width: 757px), print {

  .twoColumns.personDiv {

    margin-top: 6px;

  }

  .twoColumns.personDiv .column {

    width: 450px;

    margin-bottom: 0;

  }

  .twoColumns.personDiv .column p.smallTxt,

  .personDiv .smallTxt {

    font-size: 14px;

    margin-bottom: 8px;

  }

  .personDiv .title {

    font-size: 24px;

    margin-bottom: 30px;

  }

  .personDiv .image {

    margin-bottom: 25px;

  }

  .personDiv p {

    margin-bottom: 15px;

  }

}

/* overview

-------------------------------------------------- */

.overview .body {

  border-style: solid;

  border-color: #f0f0f0;

  background: #fff;

}



.overview p.boxTitle,

.overview .boxTitle {

  line-height: 1.5;

  text-align: center;

  font-weight: bold;

}



.overview.twoColumnsType .column,

.overview.twoColumnsType .columnEnd,

.overview.threeColumnsType .column,

.overview.threeColumnsType .columnEnd {

  margin: 0;

}



@media screen and (min-width: 757px), print {

  .overview {

    padding: 11px 0 10px;

    margin: 0 0 31px;

  }

  .overview .body {

    border-width: 10px;

    padding: 32px 30px 15px;

  }

  .overview.twoColumnsType .body,

  .overview.threeColumnsType .body {

    padding: 0;

  }

  .overview.twoColumnsType .body {

    background: url(/shared/images/2018/bg_siegetextbox_2.png) center top repeat-y;

  }

  .overview.threeColumnsType .body {

    background: url(/shared/images/2018/bg_siegetextbox_3.png) center top repeat-y;

  }

  .overview.twoColumnsType .column,

  .overview.twoColumnsType .columnEnd,

  .overview.threeColumnsType .column,

  .overview.threeColumnsType .columnEnd {

    padding: 32px 30px 15px;

  }

  .overview p.boxTitle,

  .overview .boxTitle {

    font-size: 24px;

    margin: 0 0 26px;

  }

  .overview.twoColumnsType .column,

  .overview.twoColumnsType .columnEnd {

    width: 50%;

  }

  .overview.twoColumnsType .column {

    float: left;

  }

  .overview.twoColumnsType .columnEnd {

    float: right;

  }

  .overview.threeColumnsType .column,

  .overview.threeColumnsType .columnEnd {

    width: 247px;

  }

  .overview.threeColumnsType .column:first-child {

    margin-right: 10px;

  }

  .overview.threeColumnsType .column:nth-child(2) {

    width: 246px;

  }

  .overview.threeColumnsType .column {

    float: left;

  }

  .overview.threeColumnsType .columnEnd {

    float: right;

  }

}

@media screen and (max-width: 756px) {

  .overview {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

  }

  .overview .body {

    border-width: 10px;

    padding: 26px 17.5px 6px;

  }

  .overview.twoColumnsType .body,

  .overview.threeColumnsType .body {

    border-width: 10px 10px 0;

    padding: 0;

  }

  .overview p.boxTitle,

  .overview .boxTitle {

    font-size: 20px;

    margin: 0 0 19px;

  }

  .overview.twoColumnsType .column,

  .overview.twoColumnsType .columnEnd,

  .overview.threeColumnsType .column,

  .overview.threeColumnsType .columnEnd {

    width: 100%;

    padding: 26px 17.5px 6px;

    border-bottom: 10px solid #f0f0f0;

  }

}

/* siegeTextBox siegeTextType1

-------------------------------------------------- */

.siegeTextBox .body,

.siegeTextBox04 .body {

  background: #f0f0f0;

}



.siegeTextBox .body h2:first-of-type,

.siegeTextBox .body h3:first-of-type,

.siegeTextBox .body h4:first-of-type,

.siegeTextBox .body h5:first-of-type,

.siegeTextBox .body h6:first-of-type,

.siegeTextBox04 .body h2:first-of-type,

.siegeTextBox04 .body h3:first-of-type,

.siegeTextBox04 .body h4:first-of-type,

.siegeTextBox04 .body h5:first-of-type,

.siegeTextBox04 .body h6:first-of-type {

  margin-top: 0;

}



@media screen and (min-width: 757px), print {

  .siegeTextBox,

  .siegeTextBox04,

  .siegeTextType1 {

    padding: 11px 0 10px;

    margin: 0 0 31px;

  }

  .siegeTextBox .body,

  .siegeTextBox04 .body {

    padding: 34px 30px 2px;

    margin: 0 0 40px;

  }

  .siegeTextBox .body:last-child,

  .siegeTextBox04 .body:last-child {

    margin: 0;

  }

  .siegeTextBox .title {

    margin: 0 0 16px;

    font-size: 24px;

    line-height: 1.5;

    font-weight: bold;

  }

  .siegeTextBox .title--type-mini {

    margin: 0 0 20px;

    font-size: 18px;

    line-height: 1.5;

    font-weight: bold;

  }

  .siegeTextBox .title small,

  .siegeTextBox04 .title small {

    font-size: 18px;

    display: inline-block;

    padding: 18px 0 0;

  }

  .siegeTextBox p,

  .siegeTextBox04 p {

    font-size: 16px;

    line-height: 1.75;

  }

  .siegeTextBox .body .column,

  .siegeTextBox04 .body .column {

    float: left;

    padding: 7px 0 8px;

    margin-right: 30px;

  }

}

@media screen and (max-width: 756px) {

  .siegeTextBox,

  .siegeTextBox04,

  .siegeTextType1 {

    margin: 67px 0 37.5px;

    padding: 7px 0 6px;

  }

  .siegeTextBox .body,

  .siegeTextBox04 .body {

    padding: 25px 15px 1px;

    margin: 0 0 30px;

  }

  .siegeTextBox .title,

  .siegeTextBox04 .title {

    margin: 0 0 24px;

    font-size: 20px;

    line-height: 1.5;

    font-weight: bold;

  }

  .siegeTextBox .title small,

  .siegeTextBox04 .title small {

    font-size: 16px;

    display: inline-block;

    padding: 18px 0 0;

    text-align: left;

  }

  .siegeTextBox .title--type-mini {

    margin: 0 0 17px;

    font-size: 16px;

    line-height: 1.5;

    font-weight: bold;

  }

  .siegeTextBox p,

  .siegeTextBox04 p {

    font-size: 16px;

    line-height: 1.75;

  }

  .siegeTextBox .body .column,

  .siegeTextBox04 .body .column {

    width: 100%;

    margin-bottom: 25px;

  }

  .siegeTextBox .body .column figure,

  .siegeTextBox04 .body .column figure {

    width: 100%;

  }

}

/* siegeTextBoxType2 */

.siegeTextBoxType2 .body .image {

  margin-right: 0;

  width: 320px;

  float: right;

  max-height: 200px;

  overflow: hidden;

}



.siegeTextBoxType2 .body .text {

  margin-right: 20px;

  width: 327px;

}



/* siegeTextBox

-------------------------------------------------- */

.siegeTextBox02 p.titStyle2,

.siegeTextBox02 p.boxTitle {

  text-align: center;

  font-weight: bold;

}



@media screen and (min-width: 757px), print {

  .siegeTextBox02.twoColumnsType .body,

  .siegeTextBox02.threeColumnsType .body {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

}

.siegeTextBox02 .body,

.siegeTextBox02.twoColumnsType .body .column,

.siegeTextBox02.threeColumnsType .body .column {

  border-style: solid;

  border-color: #f0f0f0;

}



@media screen and (min-width: 980px), print {

  .siegeTextBox02.threeColumnsType .column {

    width: 370px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .siegeTextBox02.twoColumnsType .column,

  .siegeTextBox02.threeColumnsType .column {

    width: calc(50% - 7.5px);

  }

}

@media screen and (min-width: 757px), print {

  .siegeTextBox02 {

    padding: 11px 0 10px;

    margin: 0 0 31px;

  }

  .siegeTextBox02 .body {

    padding: 34px 29px 0;

    border-width: 11px 10px;

  }

  .siegeTextBox02.twoColumnsType .body,

  .siegeTextBox02.threeColumnsType .body {

    margin: 0;

    padding: 0;

    border: 0;

  }

  .siegeTextBox02.twoColumnsType .body .column,

  .siegeTextBox02.threeColumnsType .body .column {

    padding: 34px 29px 0;

    border-width: 11px 10px;

  }

  .siegeTextBox02.threeColumnsType .column {

    margin-right: 0;

    margin-bottom: 40px;

  }

  .siegeTextBox02 p {

    font-size: 16px;

    line-height: 1.75;

  }

  .siegeTextBox02 .image {

    padding: 11px 0 10px;

    margin: 0 0 31px;

  }

  .siegeTextBox02 p.titStyle2,

  .siegeTextBox02 p.boxTitle {

    margin: 0 0 15px;

    font-size: 24px;

  }

}

@media screen and (max-width: 756px) {

  .siegeTextBox02 {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

  }

  .siegeTextBox02 .body {

    padding: 27px 16px 1px;

    border-width: 10px;

  }

  .siegeTextBox02.twoColumnsType .body,

  .siegeTextBox02.threeColumnsType .body {

    width: 100%;

    margin: 0;

    padding: 0;

    border: 0;

  }

  .siegeTextBox02.twoColumnsType .body .column,

  .siegeTextBox02.threeColumnsType .body .column {

    padding: 27px 16px 1px;

    border-width: 10px;

  }

  .siegeTextBox02.threeColumnsType .body .column {

    width: 100%;

  }

  .siegeTextBox02 p {

    font-size: 16px;

    line-height: 1.75;

  }

  .siegeTextBox02 .image {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

  }

  .siegeTextBox02 p.titStyle2,

  .siegeTextBox02 p.boxTitle {

    margin: 0 0 17px;

    font-size: 20px;

  }

  .siegeTextBox02 p + ul.link {

    margin-top: -17.5px;

  }

  .siegeTextBox02 ul.link {

    margin-bottom: 26.5px;

  }

  .siegeTextBox02 ul.link {

    margin-bottom: 12.5px;

  }

}

/* hr Element

-------------------------------------------------- */

.hr01_separate {

  background: #f0f0f0;

}



@media screen and (min-width: 980px), print {

  .hr01_separate {

    width: calc(100% + 100vw);

    height: 20px;

    margin: 70px -50vw 67px;

    padding: 0 50vw;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .hr01_separate {

    width: calc(100% + 30px);

    height: 20px;

    margin: 73.5px -15px 75px;

  }

}

@media screen and (max-width: 756px) {

  .hr01_separate {

    width: calc(100% + 30px);

    height: 20px;

    margin: 73.5px -15px 75px;

  }

}

.hr01 {

  width: 100%;

  height: 5px;

  margin: 0;

  background: #f0f0f0;

}



@media screen and (min-width: 757px), print {

  .hr01 {

    margin: 72px 0 70px;

  }

  .moreContent__btn + .hr01 {

    margin: -8px 0 75px;

  }

  .staffblog .moreContent__btn + .hr01 {

    margin: 72px 0 75px;

  }

  .moreContent__btn + .hr01 + .btn {

    margin: 0 0 22px;

  }

  .staffblog .moreContent__btn + .hr01 + .btn {

    margin: 0 0 20px;

  }

  .hr01 + section > .titStyle2 {

    margin-top: 0;

  }

}

@media screen and (max-width: 756px) {

  .hr01 {

    margin: 71.5px 0;

    border-radius: 2.5px;

  }

  .hr02 + section > .titStyle2,

  .hr01 + section > .titStyle3 {

    margin-top: 0;

  }

  .staffblog .hr01 {

    margin: 60px 0 55px;

  }

  .event .btn.moreContent__btn + .hr01 {

    margin: -20px 0 56px;

  }

}

.hr02 {

  height: 1px;

  border-bottom: 1px dotted #d4d4d4;

}



.hr02 + section > .titStyle2,

.hr02 + section > .titStyle3 {

  margin-top: 0;

}



@media screen and (min-width: 757px), print {

  .hr02 {

    margin: 70px 0 43px;

  }

}

@media screen and (max-width: 756px) {

  .hr02 {

    margin: 70px 0 34.5px;

  }

}

/* gridColumnType1

-------------------------------------------------- */

.gridColumnType1 {

  width: 657px;

  padding: 3px 0 4px;

  margin: 0 0 4px;

}



.gridColumnType1 .layoutBase {

  width: 657px;

  padding: 0;

  margin: 0;

  background: url(/shared02/images/grid_bg_010.gif) left top repeat-y;

}



.gridColumnType1 .layoutHead {

  width: 657px;

  padding: 0;

  margin: 0;

  background: url(/shared02/images/grid_bg_head_010.gif) left top no-repeat;

}



.gridColumnType1 .layoutBottom {

  width: 635px;

  padding: 8px 11px 7px;

  margin: 0;

  background: url(/shared02/images/grid_bg_bottom_010.gif) left bottom no-repeat;

}



.gridColumnType2 .layoutBase {

  width: 323px;

  padding: 0;

  margin: 0;

  background: url(/shared02/images/grid_bg_020.gif) left top repeat-y;

}



.gridColumnType2 .layoutHead {

  width: 323px;

  padding: 0;

  margin: 0;

  background: url(/shared02/images/grid_bg_head_020.gif) left top no-repeat;

}



.gridColumnType2 .layoutBottom {

  width: 301px;

  padding: 8px 11px 7px;

  margin: 0;

  background: url(/shared02/images/grid_bg_bottom_020.gif) left bottom no-repeat;

}



.gridColumnType1 .leftColumn,

.gridColumnType2 .leftColumn {

  width: 301px;

  padding: 0;

  margin: 0;

  float: left;

}



.gridColumnType1 .rightColumn,

.gridColumnType2 .rightColumn {

  width: 301px;

  padding: 0;

  margin: 0;

  float: right;

}



.gridColumnType1 .columnBody,

.gridColumnType2 .columnBody {

  padding: 0;

  margin: 0;

}



.gridColumnType1 .images,

.gridColumnType2 .images {

  width: 110px;

  padding: 3px 0 4px;

  margin: 0;

  float: left;

}



.gridColumnType1 .textBox,

.gridColumnType2 .textBox {

  width: 177px;

  padding: 8px 0 0;

  margin: 0;

  float: right;

}



.gridColumnType1 .textBox h3,

.gridColumnType2 .textBox h3 {

  padding: 0;

  margin: 0 0 7px;

}



.gridColumnType1 .textBox p,

.gridColumnType2 .textBox p {

  padding: 0;

  margin: 0;

}



/* twoIntoColumnsType

-------------------------------------------------- */

@media screen and (min-width: 757px), print {

  .twoIntoColumnsType1 .column,

  .twoIntoColumnsType2 .column {

    padding: 11px 0 10px;

  }

  .twoIntoColumnsType1 .column {

    margin-left: 40px;

    float: right;

  }

  .twoIntoColumnsType2 .column {

    margin-right: 40px;

    float: left;

    text-align: center;

  }

  .twoIntoColumnsType .column .image {

    margin: 0;

  }

  .twoIntoColumnsType1 .column img,

  .twoIntoColumnsType2 .column img {

    max-width: 370px;

    height: auto;

  }

  .twoIntoColumnsType .column .caption,

  .twoIntoColumnsType2 .column .caption {

    max-width: 370px;

  }

}

@media screen and (max-width: 756px) {

  .twoIntoColumnsType1 .column,

  .twoIntoColumnsType2 .column {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

  }

  .twoIntoColumnsType .column .image figure,

  .twoIntoColumnsType2 .column .image figure {

    width: 100%;

  }

}

/* oneColumnsType1

-------------------------------------------------- */

.oneColumnsType1 {

  width: 100%;

}



.oneColumnsType1 .image {

  width: 100%;

  text-align: center;

}



@media screen {

  .oneColumnsType1 .image {

    -ms-flex-flow: column nowrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-flow: column nowrap;

            flex-flow: column nowrap;

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-align: center;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-align: center;

    -webkit-align-items: center;

            align-items: center;

    overflow: hidden;

  }

}

.oneColumnsType1 figure {

  margin: 0 auto;

  width: 100%;

}



@media screen and (min-width: 757px), print {

  .oneColumnsType1 {

    padding: 11px 0 10px;

    margin: 0 auto 31px;

  }

  .oneColumnsType1__imageLarge {

    width: 780px;

    max-width: 100%;

  }

  .oneColumnsType1__imageMedium {

    width: 560px;

    max-width: 100%;

  }

  .oneColumnsType1__imageSmall {

    width: 370px;

    max-width: 100%;

  }

  .oneColumnsType1__imageLarge image,

  .oneColumnsType1__imageLarge caption,

  .oneColumnsType1__imageMedium image,

  .oneColumnsType1__imageMedium caption,

  .oneColumnsType1__imageSmall image,

  .oneColumnsType1__imageSmall caption {

    width: 100%;

    height: auto;

  }

  .oneColumnsType1 .yoputube {

    max-width: 560px;

    max-height: 314px;

  }

}

@media screen and (max-width: 756px) {

  .oneColumnsType1 {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

  }

}

/* ColumnsType

-------------------------------------------------- */

@media screen and (min-width: 757px), print {

  .columnsType__noLink {

    margin: 0 0 26px;

  }

  .twoColumnsType,

  .threeColumnsType,

  .fourColumnsType,

  .fiveColumnsType {

    padding: 11px 0 10px;

    margin: 0 0 31px;

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

}

@media screen and (max-width: 756px) {

  .columnsType__noLink {

    margin: 0 0 30px;

  }

  .twoColumnsType,

  .threeColumnsType,

  .fourColumnsType,

  .fiveColumnsType {

    padding: 7px 0 6px;

    margin-bottom: 11.5px;

  }

  .columnsType__noLink .twoColumnsType,

  .columnsType__noLink .threeColumnsType,

  .columnsType__noLink .fourColumnsType,

  .columnsType__noLink .fiveColumnsType {

    padding: 0;

    margin-bottom: 0;

  }

  .columnsType__noLink .twoColumnsType:first-child,

  .columnsType__noLink .threeColumnsType:first-child,

  .columnsType__noLink .fourColumnsType:first-child,

  .columnsType__noLink .fiveColumnsType:first-child {

    padding-top: 7px;

  }

  .columnsType__noLink .twoColumnsType:last-child,

  .columnsType__noLink .threeColumnsType:last-child,

  .columnsType__noLink .fourColumnsType:last-child,

  .columnsType__noLink .fiveColumnsType:last-child {

    padding-bottom: 6px;

    margin-bottom: 11.5px;

  }

  .threeColumnsType,

  .fourColumnsType,

  .fiveColumnsType {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  .twoColumnsType .column,

  .twoColumnsType .columnEnd,

  .threeColumnsType .column,

  .threeColumnsType .columnEnd,

  .fourColumnsType .column,

  .fourColumnsType .columnEnd,

  .fiveColumnsType .column,

  .fiveColumnsType .columnEnd {

    margin-bottom: 11px;

  }

  .twoColumnsType .column,

  .twoColumnsType .columnEnd {

    width: 100%;

  }

  .threeColumnsType .column,

  .threeColumnsType .columnEnd,

  .fourColumnsType .column,

  .fourColumnsType .column:nth-child(3),

  .fiveColumnsType .column,

  .fiveColumnsType .column:nth-child(3),

  .fiveColumnsType .columnEnd {

    width: 50%;

    padding: 0 10px 0 0;

  }

  .threeColumnsType .column:nth-child(2),

  .fourColumnsType .column:nth-child(2),

  .fourColumnsType .columnEnd,

  .fiveColumnsType .column:nth-child(2),

  .fiveColumnsType .column:nth-child(4) {

    width: 50%;

    padding: 0 0 0 10px;

  }

  .twoColumnsType .column figure,

  .twoColumnsType .columnEnd figure,

  .threeColumnsType .column figure,

  .threeColumnsType .columnEnd figure,

  .fourColumnsType .column figure,

  .fourColumnsType .columnEnd figure,

  .fiveColumnsType .column figure,

  .fiveColumnsType .columnEnd figure {

    width: 100%;

  }

  .twoColumnsType .caption,

  .threeColumnsType .caption,

  .fourColumnsType .caption,

  .fiveColumnsType .caption {

    margin: 5px 0 0;

  }

  .twoColumnsType .column .youtube {

    margin-bottom: 32px;

  }

}

/* twoColumnsType

-------------------------------------------------- */

@media screen and (min-width: 980px), print {

  .sectionBody__pc-980 .twoColumnsType .column,

  .sectionBody__pc-980 .twoColumnsType .columnEnd {

    width: 470px;

  }

  .sectionBody__pc-780 .twoColumnsType .column,

  .sectionBody__pc-780 .twoColumnsType .columnEnd {

    width: 370px;

  }

  .twoColumnsType .column {

    margin-right: 40px;

  }

  .twoColumnsType .columnEnd {

    margin-right: 0;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .sectionBody__pc-980 .twoColumnsType .column,

  .sectionBody__pc-780 .twoColumnsType .column,

  .sectionBody__pc-980 .twoColumnsType .columnEnd,

  .sectionBody__pc-780 .twoColumnsType .columnEnd {

    width: calc(50% - 7.5px);

  }

  .twoColumnsType .column {

    margin-right: 15px;

  }

  .twoColumnsType .columnEnd {

    margin-right: 0;

  }

}

@media screen and (min-width: 757px), print {

  #mainArea .twoIntoColumnsType2 .column {

    margin: 0 20px 20px 0;

    float: left;

  }

  #mainArea .twoColumnsType6 .column {

    width: 540px;

    margin-right: 0;

  }

  #mainArea .twoColumnsType6 .columnEnd {

    margin-left: 20px;

    width: 220px;

  }

  #mainArea .twoColumnsType7 .column {

    width: 560px;

    margin-right: 0;

  }

  #mainArea .twoColumnsType7 .columnEnd {

    margin-left: 20px;

    width: 200px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  #mainArea .twoColumnsType6 .column {

    width: calc(100% - 240px);

  }

  #mainArea .twoColumnsType6 .columnEnd {

    margin-left: 20px;

    width: 220px;

  }

  #mainArea .twoColumnsType7 .column {

    width: calc(100% - 220px);

  }

  #mainArea .twoColumnsType7 .columnEnd {

    margin-left: 20px;

    width: 200px;

  }

}

/* threeColumnsType

-------------------------------------------------- */

@media screen and (min-width: 980px), print {

  .threeColumnsType .column,

  .threeColumnsType .columnEnd {

    width: 234px;

  }

  .threeColumnsType .column {

    margin-right: 39px;

  }

  .threeColumnsType .columnEnd {

    margin-right: 0;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .threeColumnsType .column,

  .threeColumnsType .columnEnd {

    width: calc(33% - 10px);

  }

  .threeColumnsType .column {

    margin-right: 15px;

  }

  .threeColumnsType .columnEnd {

    margin-right: 0;

  }

}

/* fourColumnsType

-------------------------------------------------- */

@media screen and (min-width: 980px), print {

  .fourColumnsType .column,

  .fourColumnsType .columnEnd {

    width: 165px;

  }

  .fourColumnsType .column {

    margin-right: 40px;

  }

  .fourColumnsType .columnEnd {

    margin-right: 0;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .fourColumnsType .column,

  .fourColumnsType .columnEnd {

    max-width: calc(25% - 11.25px);

  }

  .fourColumnsType .column {

    margin-right: 15px;

  }

  .fourColumnsType .columnEnd {

    margin-right: 0;

  }

}

/* fiveColumnsType

-------------------------------------------------- */

@media screen and (min-width: 757px), print {

  .fiveColumnsType .column {

    width: 124px;

    margin-right: 41px;

  }

  .fiveColumnsType .columnEnd {

    width: 124px;

    margin-right: 0;

  }

}

/* tabType

-------------------------------------------------- */

ul.tabType {

  margin: 0 auto;

  border-bottom: 1px solid #d4d4d4;

}



@media screen {

  ul.tabType {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

  }

}

@media print {

  ul.tabType:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden;

  }

  ul.tabType li {

    float: left;

  }

}

ul.tabType li {

  margin: 0;

  font-weight: bold;

  text-align: center;

  border: 1px solid #d4d4d4;

  border-bottom: 0;

}



ul.tabType li:before {

  display: none;

}



ul.tabType li.current {

  margin-bottom: -1px;

  border-bottom: 1px solid #fff;

}



ul.tabType li {

  border-radius: 10px 10px 0 0;

  color: #2889d4;

  cursor: pointer;

}



ul.tabType li.current {

  color: #000;

}



.tab__contents {

  border-top: 0;

  border-radius: 0 0 10px 10px;

}



@media screen and (min-width: 980px), print {

  ul.tabType li {

    width: 385px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .sectionBody__sp ul.tabType.sectionBody__sp {

    width: 100%;

    margin: 0;

    padding: 0;

  }

  ul.tabType li {

    width: calc(50% - 5px);

  }

}

@media screen and (min-width: 757px), print {

  ul.tabType {

    margin-top: 72px;

  }

  ul.tabType li {

    font-size: 18px;

    padding: 14px 0;

    color: #2889d4;

    background-color: #fff;

    -webkit-transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

  }

  ul.tabType li:hover {

    color: #fff;

    background-color: #000;

  }

  ul.tabType li.current {

    color: #000;

    background-color: #fff;

    cursor: auto;

  }

  .tab__contents {

    padding: 0 0 10px;

    margin: 0 0 31px;

    border: 1px solid #d4d4d4;

  }

  .sectionBody__pc-780 .tab__contents {

    border-top: 0;

  }

  .tabType__siegeText .body {

    padding: 34px 29px 0;

  }

  .tabType__siegeText .titStyle2 {

    margin: 0 0 15px;

    font-size: 24px;

  }

  .tabType__siegeText p {

    font-size: 16px;

    line-height: 1.75;

  }

}

@media screen and (max-width: 756px) {

  ul.tabType {

    margin-top: 71px;

    padding: 0 15px;

  }

  ul.tabType li {

    padding: 11px 0 10px;

    width: calc(50% - 5px);

    font-size: 14px;

    margin: 0 2.5px;

  }

  ul.tabType li:first-child {

    width: calc(50% - 2.5px);

    margin-left: 0;

  }

  ul.tabType li:last-child {

    width: calc(50% - 2.5px);

    margin-right: 0;

  }

  ul.tabType li.current {

    padding-bottom: 11px;

  }

  .tab__contents {

    padding: 0 0 6px;

    margin-bottom: 22.5px;

  }

  .sectionBody__pc-780 .tab__contents {

    border: 1px solid #d4d4d4;

    border-top: 0;

  }

  .tabType__siegeText .body {

    padding: 27px 16px 1px;

  }

  .tabType__siegeText .titStyle2 {

    margin: 0 0 17px;

    font-size: 20px;

  }

  .tabType__siegeText p {

    font-size: 16px;

    line-height: 1.75;

  }

  .tabType__siegeText p + ul.link {

    margin-top: -17.5px;

  }

  .tabType__siegeText ul.link {

    margin-bottom: 26.5px;

  }

  .tabType__siegeText ul.link li:last-child {

    margin-bottom: 12.5px;

  }

}

/* tabType1

-------------------------------------------------- */

@media screen and (min-width: 757px), print {

  .tabType1 {

    padding: 11px 0 0;

  }

}

@media screen and (max-width: 756px) {

  .tabType1 {

    width: 100%;

    margin: 0 0 28.5px;

    padding: 7px 0 0;

  }

}

/* moreContent

-------------------------------------------------- */

.btn.moreContent__btn,

.btn.moreContent__btn-not-disappear {

  text-align: center;

  line-height: 0;

}



.btn.moreContent__btn li,

.btn.moreContent__btn-not-disappear li {

  color: #fff;

  font-weight: bold;

  cursor: pointer;

  line-height: 1.75;

}



@media screen and (min-width: 757px), print {

  .btn.moreContent__btn,

  .btn.moreContent__btn-not-disappear {

    padding: 11px 0 10px;

    margin: 0 0 31px;

  }

  .sectionBody__pc-980 > ul.btn.moreContent__btn:last-of-type,

  .sectionBody__pc-980 > ul.btn.moreContent__btn-not-disappear:last-of-type {

    padding-bottom: 0;

  }

  .sectionBody__pc-780 .btn.moreContent__btn:last-of-type:last-child,

  .sectionBody__pc-780 .btn.moreContent__btn-not-disappear:last-of-type:last-child {

    margin: 0 0 72px;

  }

  .btn.moreContent__btn li,

  .btn.moreContent__btn-not-disappear li {

    padding: 15px 60px 15px 90px;

    font-size: 16px;

    overflow: hidden;

    display: inline-block;

    position: relative;

    border-radius: 56px;

    z-index: 1;

  }

  .btn.moreContent__btn li:before,

  .btn.moreContent__btn-not-disappear li:before {

    content: "";

    display: block;

    position: absolute;

    border-radius: 56px;

    z-index: -1;

    width: 100%;

    height: 100%;

    -webkit-transform: translatez(0);

            transform: translatez(0);

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    background-color: #000;

  }

  .btn.moreContent__btn li:after,

  .btn.moreContent__btn-not-disappear li:after {

    content: "";

    display: block;

    position: absolute;

    border-radius: 56px;

    z-index: 2;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-image: url(/shared/svg/icons_more.svg);

    background-repeat: no-repeat;

    background-position: 64px center;

    background-size: 20px 20px;

    border: 1px solid #000;

  }

  .moreContent__contentArea > .bodyAreaBg:first-child,

  #mainArea {

    padding-bottom: 51px;

  }

  .listLinkType4 + .btn.moreContent__btn,

  .listLinkType4 + .btn.moreContent__btn-not-disappear {

    margin: 53px 0 70px;

  }

}

@media only screen and (min-device-width: 980px) {

  .btn.moreContent__btn li:hover:before,

  .btn.moreContent__btn li:active:before,

  .btn.moreContent__btn-not-disappear li:hover:before,

  .btn.moreContent__btn-not-disappear li:active:before {

    width: 70%;

    height: 70%;

    opacity: 0;

  }

  .btn.moreContent__btn li:hover,

  .btn.moreContent__btn-not-disappear li:hover {

    color: #000;

  }

  .btn.moreContent__btn li:hover:after,

  .btn.moreContent__btn-not-disappear li:hover:after {

    background-image: url(/shared/svg/icons_more_hover.svg);

  }

}

@media screen and (max-width: 756px) {

  .btn.moreContent__btn,

  .btn.moreContent__btn-not-disappear {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

  }

  .btn.moreContent__btn li,

  .btn.moreContent__btn-not-disappear li {

    margin: 0;

    padding: 15px 58px 15px 85px;

    font-size: 14px;

    background: #000 url(/shared/svg/icons_more.svg) no-repeat;

    background-position: 60px center;

    background-size: 17px 17px;

    border-radius: 50px;

  }

  .moreContent__contentArea > .bodyAreaBg:first-child,

  #mainArea {

    padding-bottom: 52px;

  }

}

/* tabReadmore

-------------------------------------------------- */

.tabReadmore {

  margin: 20px 0;

  background: url(/shared/images/bg_dot_1.png) left top repeat-x;

  font-size: 16px;

}



.tabReadmore .text {

  margin: 0 auto;

  padding: 11px 0;

  width: 202px;

  text-align: center;

  background: url(/shared/images/bg_readmore_1.png) left top no-repeat;

  line-height: 1;

}



.tabReadmore .text a {

  display: block;

}



.tabReadmore .text span {

  padding-left: 21px;

  background: url(/shared/images/ico_readmore_1.png) left 8px no-repeat;

}



/* tabSummaryclose

-------------------------------------------------- */

.tabSummaryclose {

  margin: 20px 0;

  background: url(/shared/images/bg_dot_1.png) left bottom repeat-x;

  font-size: 16px;

}



.tabSummaryclose .text {

  margin: 0 auto;

  padding: 11px 0;

  width: 202px;

  text-align: center;

  background: url(/shared/images/bg_close_1.png) left top no-repeat;

  line-height: 1;

}



.tabSummaryclose .text a {

  display: block;

}



.tabSummaryclose .text span {

  padding-left: 21px;

  background: url(/shared/images/ico_close_1.png) left 8px no-repeat;

}



/* relationInfo

-------------------------------------------------- */

.relationInfo .relationDate {

  margin-bottom: 0;

  font-size: 12px;

}



.relationInfo .relationTitle {

  margin-bottom: 0;

}



.relationInfo .relationTitle a {

  text-decoration: none;

}



.relationInfo .relationTitle a:hover {

  text-decoration: underline;

}



/* topicInfo01

-------------------------------------------------- */

.topicInfo01 {

  padding-bottom: 30px;

  border-bottom: 1px solid #ccc;

}



.topicInfo01 a {

  text-decoration: none;

}



.topicInfo01 a:hover {

  text-decoration: underline;

}



.topicInfo01 .image {

  margin-right: 10px;

  padding: 0;

  float: left;

  border: 1px solid #e4e3e3;

  max-height: 118px;

  overflow: hidden;

}



.topicInfo01 .text {

  float: left;

  width: 159px;

}



.topicInfo01 .topicDate {

  margin-bottom: 5px;

  font-size: 12px;

}



.topicInfo01 .topicTitle {

  margin-bottom: 0;

}



/* topicInfo02

-------------------------------------------------- */

.topicInfo02 {

  padding: 0 10px 30px;

  border-bottom: 1px solid #ccc;

}



.topicInfo02 a {

  text-decoration: none;

}



.topicInfo02 a:hover {

  text-decoration: underline;

}



.topicInfo02.first {

  padding-top: 30px;

  border-top: 1px solid #ccc;

}



.topicInfo02 .image {

  margin-right: 10px;

  padding: 0;

  float: left;

  border: 1px solid #e4e3e3;

  max-height: 118px;

  overflow: hidden;

}



@media screen and (min-width: 757px), print {

  .topicInfo02 .text {

    float: left;

    width: 510px;

  }

}

.topicInfo02 .topicDate {

  margin-bottom: 5px;

  font-size: 12px;

}



.topicInfo02 .topicTitle {

  margin-bottom: 5px;

  font-size: 16px;

}



.topicInfo02 .topicDetail {

  margin-bottom: 0;

}



/* topicInfo03

-------------------------------------------------- */

.topicInfo03 {

  margin-bottom: 20px;

  padding: 0 10px 20px;

  border-bottom: 1px solid #ccc;

}



.topicInfo03 a {

  text-decoration: none;

}



.topicInfo03 a:hover {

  text-decoration: underline;

}



.topicInfo03.first {

  padding-top: 20px;

  border-top: 1px solid #ccc;

}



.topicInfo03 .topicDate {

  margin-bottom: 5px;

  font-size: 12px;

}



.topicInfo03 .topicTitle {

  margin-bottom: 5px;

  font-size: 16px;

}



.topicInfo03 .topicDetail {

  margin-bottom: 0;

}



/* pager

-------------------------------------------------- */

.pager {

  margin-bottom: 20px;

}



.pager ul {

  margin: 0;

  padding: 0;

  text-align: center;

}



.pager li {

  margin: 0 2px 7px;

  padding: 0;

  background: none;

  border: 1px solid #ccc;

  display: none;

}



.pager ul li.current,

.pager ul li.prev,

.pager ul li.next {

  display: inline-block;

}



.pager li.current {

  background: #f4f3ec;

}



.pager li a {

  padding: 10px 16px;

  display: block;

}



.pager .prev,

.pager .next {

  padding: 0;

  border: 0;

}



.pager .prev a {

  padding: 0 17px;

  background: url(/shared/images/ico_pagerback_1.png) left 5px no-repeat;

}



.pager .next a {

  padding: 0 17px;

  background: url(/shared/images/ico_pagernext_1.png) right 5px no-repeat;

}



/* articleInfo

-------------------------------------------------- */

@media screen and (min-width: 757px), print {

  .articleInfo {

    margin-bottom: 25px;

  }

  p.articleDate {

    font-size: 14px;

    margin-bottom: 7px;

  }

}

@media screen and (max-width: 756px) {

  .articleInfo {

    margin-bottom: 19px;

  }

  p.articleDate {

    font-size: 13px;

    margin-bottom: 6px;

  }

}

/* keywordBox

-------------------------------------------------- */

.keywordBox {

  margin-bottom: 20px;

  padding: 20px 20px 15px 20px;

  background: #e9e8d8;

  border: 1px solid #d6d6d6;

}



.keywordBox dt {

  margin-right: 10px;

  padding: 0 6px 5px;

  background: #fff url(/shared/images/bg_keyvisual_shadow.png) left bottom repeat-x;

  border: 1px solid #d6d6d6;

  border-bottom: 0;

  display: inline-block;

  float: left;

}



@media screen and (min-width: 757px), print {

  .keywordBox dd {

    float: left;

    width: 557px;

  }

  .mainAreaFullGrid .keywordBox dd {

    width: 800px;

  }

}

.keywordBox dd ul {

  margin-bottom: 0;

}



.keywordBox dd li {

  margin: 0 5px 5px 0;

  padding: 0 6px 5px;

  background: #fff url(/shared/images/bg_keyvisual_shadow.png) left bottom repeat-x;

  border: 1px solid #d6d6d6;

  border-bottom: 0;

  display: inline-block;

  font-size: 12px;

}



/* supportBox

-------------------------------------------------- */

.supportBox {

  margin-bottom: 20px;

}



.supportTxt {

  background: url(/shared/images/bg_support_1.jpg) left top no-repeat;

  position: relative;

}



@media screen and (min-width: 757px), print {

  .supportTxt {

    width: 728px;

    height: 153px;

  }

}

.supportTxt p {

  color: #fff;

  font-size: 22px;

  line-height: 1.2;

}



@media screen and (min-width: 757px), print {

  .supportTxt p {

    padding: 15px 0 0 503px;

  }

}

.supportTxt .supportBtn {

  position: absolute;

  right: 15px;

  bottom: 10px;

}



.supportLink {

  padding: 17px 15px;

  background: #f4f3ec;

}



.supportLink .column {

  margin-right: 20px;

  width: 218px;

  float: left;

}



.supportLink .columnEnd {

  margin-right: 0;

}



.supportLink .image {

  margin-right: 8px;

  float: left;

}



.supportLink .text {

  float: left;

  width: 120px;

}



.supportLink .text .supportTitle {

  margin-bottom: 5px;

  padding-left: 10px;

  background: url(/shared/images/arrow_small_right.png) left 9px no-repeat;

}



.supportLink .text .supportComment {

  margin-bottom: 0;

  font-size: 12px;

  color: #222;

}



.supportStep {

  padding: 0 5px 5px 5px;

  background: #f4f3ec;

}



.supportStep dt,

.supportStep dd {

  float: left;

}



/* mainAreaFullGrid */

.mainAreaFullGrid .supportBox {

  padding: 30px 0;

}



.mainAreaFullGrid .supportTxt {

  margin-bottom: 10px;

  background: url(/shared/images/bg_support_1_2.jpg) left top no-repeat;

  width: 485px;

  height: 210px;

  position: relative;

  float: left;

}



.mainAreaFullGrid .supportTxt p {

  padding: 170px 0 0 10px;

  color: #fff;

  font-size: 19px;

  line-height: 1.2;

}



.mainAreaFullGrid .supportLink {

  margin-bottom: 10px;

  padding: 0;

  background: url(/shared/images/bg_support_2_2.png) left top no-repeat;

  float: right;

}



.mainAreaFullGrid .supportLink .column {

  margin-right: 10px;

  padding: 1px;

  width: 153px;

  float: left;

  background: #ffffff;

}



.mainAreaFullGrid .supportLink .columnEnd {

  margin-right: 0;

}



.mainAreaFullGrid .supportLink .image {

  margin: 0;

  padding: 0;

  float: none;

}



.mainAreaFullGrid .supportLink .text {

  padding: 9px 11px;

  float: none;

  width: auto;

}



.mainAreaFullGrid .supportStep {

  padding: 3px 0 3px 3px;

  background: #ffffff;

  clear: both;

}



/* activitiesArea

-------------------------------------------------- */

.activitiesArea_title {

  text-align: center;

  background-image: url(/shared/svg/icons_logo.svg);

  background-position: top center;

  background-repeat: no-repeat;

}



ul.activitiesArea_link li a {

  position: relative;

  font-weight: bold;

  color: #fff;

  vertical-align: middle;

  background-color: #000;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}



@media screen {

  ul.activitiesArea_link li a {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-align: center;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-align: center;

    -webkit-align-items: center;

            align-items: center;

  }

}

ul.activitiesArea_link li a:after {

  content: "";

  background-image: url(/shared/svg/icons_link_000.svg);

  background-position: center;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

}



ul.activitiesArea_link li a span {

  position: absolute;

  bottom: 5px;

  right: 5px;

  font-weight: normal;

  text-shadow: 0 0 4.75px rgba(0, 0, 0, 0.25);

  opacity: 0.5;

}



@media screen and (min-width: 980px), print {

  ul.activitiesArea_link li {

    width: 480px;

  }

  ul.activitiesArea_link li a {

    width: 480px;

  }

  ul.activitiesArea_link li a:after {

    left: 440px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  ul.activitiesArea_link li {

    width: calc(50% - 7.5px);

  }

  ul.activitiesArea_link li a {

    width: 100%;

  }

  ul.activitiesArea_link li a:after {

    left: calc(100% - 40px);

  }

}

@media screen and (min-width: 757px), print {

  .activitiesArea .bodyAreaBg {

    padding: 80px 0 60px;

  }

  .activitiesArea_title {

    padding: 233px 0 18px;

    margin: 0;

    font-size: 32px;

    line-height: 1.1875;

    background-size: 124px 187px;

  }

  ul.activitiesArea_link {

    padding: 0;

    margin: 41px 0 0;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  ul.activitiesArea_link li {

    margin: 0 0 20px;

  }

  ul.activitiesArea_link li a {

    border-radius: 10px;

    font-size: 24px;

    line-height: 1;

    padding: 44px 60px 43px 25px;

    position: relative;

    overflow: hidden;

    z-index: 2;

  }

  ul.activitiesArea_link li.climate a:before {

    background-image: url(/shared/images/2018/activitiesArea_link_climate.jpg);

  }

  ul.activitiesArea_link li.resource a:before {

    background-image: url(/shared/images/2018/activitiesArea_link_resource.jpg);

  }

  ul.activitiesArea_link li.wildlife a:before {

    background-image: url(/shared/images/2018/activitiesArea_link_wildlife.jpg);

  }

  ul.activitiesArea_link li.nature a:before {

    background-image: url(/shared/images/2018/activitiesArea_link_nature.jpg);

  }

  ul.activitiesArea_link li.activitiesArea_link-1 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-1.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-2 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-2.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-3 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-3.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-4 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-4.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-5 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-5.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-6 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-6.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-7 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-7.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-8 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-8.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-9 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-9.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-10 a:before {

    background-image: url(/shared/images/2020/activitiesArea_link-10.png);

  }

  ul.activitiesArea_link li a:before {

    position: absolute;

    content: "";

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

    background: url(bg.jpg) no-repeat center center;

    -ms-background-size: cover;

    background-size: cover;

    backface-visibility: hidden;

    /* 画面のちらつき対策 */

    -webkit-backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.5s ease-out;

    transition: -webkit-transform 0.5s ease-out;

    transition: transform 0.5s ease-out;

    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;

  }

  ul.activitiesArea_link li a:hover:before {

    -webkit-animation: none 0s ease 0s 1 normal;

    -ms-transition: none 0s ease 0s 1 normal;

    animation: none 0s ease 0s 1 normal;

    -webkit-transform: scale(1.075) rotate(0.001deg);

            transform: scale(1.075) rotate(0.001deg);

    /* IEでのアニメーションがカクつくためrotateの指定を入れ描画の処理をGPUで行う */

    -webkit-transition: -webkit-transform 2s ease-out;

    transition: -webkit-transform 2s ease-out;

    transition: transform 2s ease-out;

    transition: transform 2s ease-out, -webkit-transform 2s ease-out;

    opacity: 1;

  }

  ul.activitiesArea_link li a:after {

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    margin-top: -10px;

  }

  ul.activitiesArea_link li a span {

    font-size: 10px;

    line-height: 1;

  }

}

@media screen and (max-width: 756px) {

  .activitiesArea .bodyAreaBg {

    padding: 60px 0 50px;

  }

  .activitiesArea_title {

    padding: 159px 0 0;

    margin: 0 0 26px;

    font-size: 25px;

    line-height: 1.46;

    background-size: 82.5px 124.5px;

  }

  ul.activitiesArea_link {

    padding: 0;

    margin: 37.5px 0 0;

  }

  ul.activitiesArea_link li {

    width: 100%;

    margin: 0 0 10px;

  }

  ul.activitiesArea_link li a {

    border-radius: 10px;

    width: 100%;

    font-size: 20px;

    line-height: 1;

    padding: 30px 15px;

  }

  ul.activitiesArea_link li.climate a {

    background-image: url(/shared/images/2018/activitiesArea_link_climate_sp.jpg);

  }

  ul.activitiesArea_link li.resource a {

    background-image: url(/shared/images/2018/activitiesArea_link_resource_sp.jpg);

  }

  ul.activitiesArea_link li.wildlife a {

    background-image: url(/shared/images/2018/activitiesArea_link_wildlife_sp.jpg);

  }

  ul.activitiesArea_link li.nature a {

    background-image: url(/shared/images/2018/activitiesArea_link_nature_sp.jpg);

  }

  ul.activitiesArea_link li a:after {

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    right: 15px;

    margin-top: -10px;

  }

  ul.activitiesArea_link li a span {

    font-size: 8px;

  }

}

.articleBody ul.activitiesArea_link li {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.articleBody ul.activitiesArea_link li a {

  line-height: 1.5;

}



@media screen and (min-width: 980px), print {

  .articleBody ul.activitiesArea_link {

    padding: 11px 0 10px;

    margin: 0 0 31px;

  }

  .articleBody ul.activitiesArea_link li {

    width: calc(33% - 10px);

  }

  .articleBody ul.activitiesArea_link li a {

    width: 100%;

    min-height: 157px;

    padding: 26px 60px 23px 22px;

    line-height: 1.5;

  }

  .articleBody ul.activitiesArea_link li a:after {

    left: auto;

    right: 20px;

  }

  .articleBody ul.activitiesArea_link li a span {

    bottom: 8px;

  }

}

@media screen and (max-width: 756px) {

  .articleBody ul.activitiesArea_link {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    -webkit-justify-content: space-around;

        -ms-flex-pack: distribute;

            justify-content: space-around;

  }

  .articleBody ul.activitiesArea_link:after {

    content: "";

    width: calc(50% - 10px);

    height: 0;

    padding-top: 0;

    padding-bottom: 0;

    margin-top: 0;

    margin-bottom: 0;

    display: block;

  }

  .articleBody ul.activitiesArea_link li {

    width: calc(50% - 15px);

    margin: 0 0 15px;

  }

  .articleBody ul.activitiesArea_link li a {

    min-height: 105px;

    padding: 18px 40px 17px 15px;

    font-size: 16px;

  }

  ul.activitiesArea_link li.activitiesArea_link-1 a {

    background-image: url(/shared/images/2020/activitiesArea_link-1.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-2 a {

    background-image: url(/shared/images/2020/activitiesArea_link-2.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-3 a {

    background-image: url(/shared/images/2020/activitiesArea_link-3.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-4 a {

    background-image: url(/shared/images/2020/activitiesArea_link-4.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-5 a {

    background-image: url(/shared/images/2020/activitiesArea_link-5.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-6 a {

    background-image: url(/shared/images/2020/activitiesArea_link-6.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-7 a {

    background-image: url(/shared/images/2020/activitiesArea_link-7.png);

  }

  .articleBody ul.activitiesArea_link li a span {

    font-size: 7px;

  }

  ul.activitiesArea_link li.activitiesArea_link-8 a {

    background-image: url(/shared/images/2020/activitiesArea_link-8.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-9 a {

    background-image: url(/shared/images/2020/activitiesArea_link-9.png);

  }

  ul.activitiesArea_link li.activitiesArea_link-10 a {

    background-image: url(/shared/images/2020/activitiesArea_link-10.png);

  }

  .articleBody ul.activitiesArea_link li a span {

    font-size: 7px;

  }

}

/* socialBtn

-------------------------------------------------- */

.socialBtnArea {

  text-align: center;

}



ul.socialBtn {

  padding: 0;

  margin: 0;

  list-style: none;

  text-align: center;

}



ul.socialBtn li {

  padding: 0;

  margin: 0;

  background: none;

  display: inline-block;

  background: #fff;

}



ul.socialBtn li:before {

  display: none;

}



ul.socialBtn li a {

  background-repeat: no-repeat;

  background-position: center;

  display: block;

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

}



ul.socialBtn li.twitter a {

  background-image: url(/shared/svg/icons_tw.svg);

}



ul.socialBtn li.facebook a {

  background-image: url(/shared/svg/icons_fb_circle.svg);

}



ul.socialBtn li.line a {

  background-image: url(/shared/svg/icons_line.svg);

}



ul.socialBtn li.google a {

  background-image: url(/shared/svg/icons_gp.svg);

}



ul.socialBtn li.youtube a {

  background-image: url(/shared/svg/icons_youtube.svg);

}



ul.socialBtn li.instagram a {

  background-image: url(/shared/svg/icons_insta.svg);

}



@media screen and (min-width: 757px), print {

  .socialBtnArea {

    margin: 0 auto;

  }

  .socialBtnArea .sectionBody__pc-780 {

    padding: 25px 0 20px;

  }

  .socialBtnArea.bodyAreaBg_none .sectionBody__pc-780 {

    padding: 0 0 31px;

  }

  ul.socialBtn li a:hover {

    opacity: 0.5;

  }

  .socialBtnArea .titStyle2 {

    margin: 0 0 10px;

  }

  .socialBtnArea.bodyAreaBg_none ul.socialBtn {

    margin: 0;

  }

  .socialBtnArea ul.socialBtn li {

    width: 68px;

    height: 68px;

    margin: 0 20px;

    border-radius: 40px;

  }

  .socialBtnArea.bodyAreaBg_none ul.socialBtn li {

    background: none;

    border-radius: 0;

  }

  .socialBtnArea ul.socialBtn li a {

    width: 68px;

    height: 68px;

    background-size: 68px auto;

  }

  .socialBtnArea.bodyAreaBg_none ul.socialBtn li a {

    background-size: 100px auto;

    background-position: center;

  }

  .socialBtnArea.bodyAreaBg_none ul.socialBtn li.facebook a {

    background-size: 96px auto;

  }

  .nav__socialBtnArea ul.socialBtn li {

    width: 68px;

    height: 68px;

    margin: 0 12.5px;

    border-radius: 34px;

  }

  .nav__socialBtnArea ul.socialBtn li:first-child {

    margin: 0 12.5px 0 0;

  }

  .nav__socialBtnArea ul.socialBtn li:last-child {

    margin: 0 0 0 12.5px;

  }

  .nav__socialBtnArea ul.socialBtn li a {

    width: 68px;

    height: 68px;

    background-size: 68px auto;

  }

}

@media screen and (max-width: 756px) {

  .moreContent__contentArea > .bodyAreaBg.socialBtnArea .sectionBody__sp,

  .socialBtnArea .sectionBody__sp {

    padding: 0 0 22.5px;

  }

  .socialBtnArea .titStyle2 {

    margin: 0 0 5px;

    font-size: 16px;

  }

  .socialBtnArea.bodyAreaBg_none ul.socialBtn {

    margin: 0;

  }

  .socialBtnArea ul.socialBtn li {

    width: 51px;

    height: 51px;

    margin: 0 20px;

    border-radius: 30px;

  }

  .socialBtnArea.bodyAreaBg_none ul.socialBtn li {

    background: none;

    border-radius: 0;

  }

  .socialBtnArea ul.socialBtn li a {

    width: 51px;

    height: 51px;

    background-size: 51px auto;

  }

  .socialBtnArea.bodyAreaBg_none ul.socialBtn li a {

    background-size: 80px auto;

  }

  .socialBtnArea.bodyAreaBg_none ul.socialBtn li.facebook a {

    background-size: 72px auto;

  }

  .nav__socialBtnArea {

    padding: 55px 0 0;

  }

  .nav__socialBtnArea ul.socialBtn {

    margin: 0 0 36px;

    text-align: center;

  }

  .nav__socialBtnArea ul.socialBtn li {

    width: 51px;

    height: 51px;

    margin: 0 10px 20px;

    border-radius: 25.1px;

  }

  .nav__socialBtnArea ul.socialBtn li a {

    width: 51px;

    height: 51px;

    background-size: 51px auto;

  }

}

/* nav

-------------------------------------------------- */

.nav__socialBtnArea .titStyle2,

.nav__mailArea .titStyle2 {

  text-align: center;

  font-weight: bold;

}



.nav__mailArea-form {

  /*--- Androidブラウザ用 ---*/

  display: -ms-flexbox;

  /*--- IE10 ---*/

  /*--- safari（PC）用 ---*/

  display: -webkit-box;

  display: -webkit-flex;

  display: flex;

}



.nav__mailArea-email,

.nav__mailArea-submit {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.nav__mailArea-email {

  background-color: #fff;

  -webkit-box-shadow: none;

          box-shadow: none;

  vertical-align: middle;

}



.nav__mailArea-submit {

  color: #fff;

  text-align: center;

}



@media screen and (min-width: 980px), print {

  .nav__socialBtnArea,

  .nav__mailArea {

    width: 440px;

  }

  .nav__socialBtnArea {

    float: left;

  }

  .nav__mailArea {

    float: right;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .nav__socialBtnArea,

  .nav__mailArea {

    width: 100%;

  }

  .nav__socialBtnArea {

    padding-top: 54px;

    text-align: center;

  }

  .nav__socialBtnArea .titStyle2 {

    margin: 0 0 26px;

  }

  .nav__mailArea {

    margin: 0 0 51px;

  }

  .nav__mailArea-form {

    width: 440px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 757px), print {

  .nav__socialBtnArea {

    margin: 0 0 51px;

  }

  .nav__socialBtnArea .titStyle2,

  .nav__mailArea .titStyle2 {

    margin: 54px 0 26px;

    font-size: 24px;

    line-height: 1.5;

  }

  .nav__mailArea-form {

    font-size: 18px;

  }

  .nav__mailArea-email {

    width: calc(100% - 100px);

    height: 60px;

    padding: 21px 26px;

    font-size: 18px;

    line-height: 1;

    border-radius: 30px 0 0 30px;

    border: 0;

  }

  .nav__mailArea-submit {

    width: 100px;

    height: 60px;

    line-height: 60px;

    font-size: 18px;

    font-weight: bold;

    border-radius: 0 30px 30px 0;

    background-color: #000;

    border: 0;

    -webkit-transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), background-image 0.5s cubic-bezier(0.23, 1, 0.58, 1);

    transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), background-image 0.5s cubic-bezier(0.23, 1, 0.58, 1);

  }

  .nav__mailArea-submit:hover {

    background-color: #555;

  }

}

@media screen and (max-width: 756px) {

  .nav__socialBtnArea,

  .nav__mailArea {

    width: 100%;

  }

  .nav__mailArea {

    padding: 20px 30px 40px;

    margin-bottom: 56px;

    border-radius: 10px;

    background-color: #fff;

  }

  .nav__socialBtnArea .titStyle2,

  .nav__mailArea .titStyle2 {

    margin: 0 0 24px;

    font-size: 20px;

    line-height: 1.5;

  }

  .nav__mailArea-email {

    width: calc(100% - 70px);

    height: 50px;

    padding: 13px 20px;

    border-width: 1px;

    border-color: #000;

    border-style: solid;

    border-radius: 25px 0 0 25px;

    /*iOS対策

    font-size: 14px;*/

    font-size: 16px;

    /*iOS対策*/

    line-height: 1.5;

  }

  .nav__mailArea-submit {

    width: 70px;

    height: 50px;

    padding: 13px 0;

    font-size: 16px;

    line-height: 1.5;

    border-width: 1px;

    border-color: #000;

    border-style: solid;

    border-radius: 0 25px 25px 0;

    background-color: #000;

    font-weight: bold;

  }

}

/* popup

-------------------------------------------------- */

.popup {

  position: fixed;

  bottom: 0;

  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);

          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);

  visibility: hidden;

}



.popup dt {

  cursor: pointer;

  text-align: center;

  color: #fff;

  font-weight: bold;

}



.popup dt.open,

.popup dd {

  color: #000;

  background-color: #fff;

  position: relative;

}



.popup dt.open:before {

  content: "";

  display: block;

  position: absolute;

  background-image: url(/shared/svg/icons_close_popup.svg);

  background-repeat: no-repeat;

  opacity: 0.245;

}



@media screen and (min-width: 757px), print {

  .popup {

    width: 440px;

    right: 21px;

    z-index: 11;

    border-radius: 10px 10px 0 0;

  }

  .popup dt {

    padding: 17px 0 16px;

    font-size: 24px;

    border-radius: 10px 10px 0 0;

    background-color: #e35700;

    -webkit-transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1);

  }

  .popup dt:hover {

    background-color: #f06610;

  }

  .popup dt.open:before {

    width: 20px;

    height: 20px;

    right: 20px;

    top: 50%;

    margin-top: -10px;

    background-size: 20px 20px;

    -webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);

  }

  .popup dt.open:hover {

    background-color: #fff;

  }

  .popup dt.open:hover:before {

    opacity: 1;

  }

}

@media screen and (max-width: 756px) {

  .popup-overlay {

    position: fixed;

    z-index: 8;

    top: 0;

    left: 0;

    display: none;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    cursor: pointer;

  }

  .popup-open .popup-overlay {

    display: block;

  }

  .popup {

    width: calc(100% - 15px);

    margin: 0 7.5px;

    z-index: 2;

    border-radius: 10px 10px 0 0;

  }

  .popup dt {

    padding: 12px 0 11px;

    font-size: 18px;

    border-radius: 10px 10px 0 0;

    background-color: #e35700;

  }

  .popup dt.open {

    background-size: 13px auto;

    background-position: calc(100% - 15px) center;

  }

  .popup dt.open:before {

    width: 13px;

    height: 13px;

    right: 15px;

    top: 50%;

    margin-top: -6.5px;

    background-size: 13px auto;

  }

  .popup-open .popup {

    z-index: 11;

  }

  body.popup-open {

    overflow: hidden;

    height: 100%;

  }

}

/* supportArea

-------------------------------------------------- */

.supportArea__tab {

  margin: 0;

  background-color: #edead7;

  position: relative;

}



@media screen {

  .supportArea__tab {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

  }

}

.supportArea__tab:before {

  content: "";

  width: 0;

  height: 0;

  position: absolute;

  border-style: solid;

  border-color: #edead7;

}



.supportArea__tab li {

  width: 50%;

  margin: 0;

  text-align: center;

  cursor: pointer;

  color: #000;

  background-color: #edead7;

  display: block;

  font-weight: bold;

}



.supportArea__tab li:before {

  display: none;

}



.supportArea__tab li.current {

  color: #e37a2c;

  background-color: #fff;

}



.supportArea__tab li small {

  display: block;

}



.nav_support_titStyle1,

.nav_support_bodyAreaBg .sectionBody__pc-780 > p,

.nav_support_bodyAreaBg .sectionBody__sp > p {

  color: #fff;

}



.ifsupport {

  display: none;

}



.ifsupport.checked {

  display: block;

}



.author__image,

.supportArea__image {

  border: 1px solid #d4d4d4;

}



@media screen {

  .author__image,

  .supportArea__image {

    overflow: hidden;

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;

  }

  .author__image img,

  .supportArea__image img {

    width: 100%;

    height: auto;

    -o-object-fit: cover;

    object-fit: cover;

    font-family: "object-fit: cover; object-position: 50% 50%;";

    /*--- object-fit-images ---*/

  }

}

.supportArea__image img {

  min-height: 175px;

}



.supportArea__image strong {

  font-weight: bold;

}



.supportArea__content input {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.supportArea__content ul {

  margin: 0;

}



@media screen {

  .supportArea__content ul {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

  }

}

@media print {

  .supportArea__content ul:after {

    content: ".";

    display: block;

    height: 0;

    font-size: 0;

    clear: both;

    visibility: hidden;

  }

  .supportArea__content ul li {

    float: left;

  }

}

.supportArea__content ul li {

  width: 33.3333333333%;

}



.supportArea__content ul li:before {

  display: none;

}



.supportArea__content ul.supportArea__submit li {

  width: 100%;

}



.supportArea__content ul li input[type=radio] {

  display: none;

  margin: 0;

}



.supportArea__content ul li input[type=radio] + label {

  text-align: center;

  display: block;

  font-weight: bold;

  color: #e37a2c;

}



.supportArea__content ul li input[type=radio] + label .num {

  font-family: "WWF";

}



.supportArea__content ul li input[type=radio]:checked + label {

  color: #fff;

  background-color: #e37a2c;

}



.supportArea__content ul li input[type=submit] {

  text-align: center;

  display: block;

  font-weight: bold;

  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

}



.support-once__cv li a {

  color: #fff;

}



.support-once__cv li a[target=_blank] span {

  padding: 0;

  background: none;

}



@media screen and (min-width: 757px), print {

  .supportArea__content ul li input[type=radio] + label {

    position: relative;

    z-index: 3;

  }

  .supportArea__content ul li input[type=radio] + label span.animation {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    z-index: -1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    -webkit-transform: translatez(0);

            transform: translatez(0);

    opacity: 1;

    margin: auto;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    background-color: #f0f0f0;

  }

  .supportArea__content ul li input[type=radio]:checked + label span.animation {

    -webkit-transition: none;

    transition: none;

    background-color: transparent;

  }

  .supportArea__content ul li input[type=radio] + label:hover span.animation {

    width: 70%;

    height: 70%;

    opacity: 0;

  }

  .supportArea__content ul.supportArea__submit {

    padding: 10px 0 0;

  }

  .supportArea__content ul.supportArea__submit li {

    overflow: hidden;

    display: block;

    position: relative;

    border-radius: 40px;

  }

  .supportArea__content ul.supportArea__submit li span {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    border-radius: 40px;

    z-index: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

  }

  .supportArea__content ul.supportArea__submit li span.frame {

    border: 1px solid #e35700;

  }

  .supportArea__content ul.supportArea__submit li span.animation {

    -webkit-transform: translatez(0);

            transform: translatez(0);

    opacity: 1;

    margin: auto;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    background-color: #e35700;

  }

  .supportArea__content ul li input[type=submit] {

    color: #fff;

    background-color: transparent;

    border: 0;

    position: relative;

    z-index: 3;

  }

  .supportArea__content ul li input[type=submit]:hover {

    color: #e35700;

  }

  .supportArea__content ul li input[type=submit]:hover + span.animation {

    width: 70%;

    height: 70%;

    opacity: 0;

  }

  .nav_support_bodyAreaBg {

    padding: 71px 0 40px;

  }

  .nav_support_titStyle1 {

    margin: 0 0 30px;

    font-size: 40px;

    line-height: 1.4;

  }

  .nav_supportArea {

    margin: 41px 0 40px;

    padding: 0;

    background-color: #fff;

    border-radius: 10px;

    font-size: 26px;

    position: relative;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

  }

  .nav_supportArea:before {

    content: "";

    width: 0;

    height: 0;

    position: absolute;

    border-style: solid;

    border-color: #edead7;

    border-width: 8px 10px 8px 10px;

    border-bottom-color: transparent;

    border-top-color: transparent;

    border-left-color: transparent;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -8px;

    margin-left: -16px;

  }

  .nav_supportArea .ifsupport {

    width: 50%;

    padding: 20px;

  }

  .nav_supportArea .supportArea__image,

  .nav_supportArea .supportArea__image figure {

    width: 100%;

    height: 175px;

    margin: 0 0 34px;

  }

  .nav_supportArea .supportArea__title {

    width: 100%;

    margin: 0 0 20px;

    font-size: 30px;

    line-height: 1.26;

    font-weight: bold;

    text-align: center;

  }

  .nav_supportArea p {

    width: 100%;

    margin: 0;

    font-size: 18px;

    line-height: 1.777;

    text-align: center;

  }

  .nav_supportArea .supportArea__choose {

    width: 50%;

    padding: 20px;

    border-radius: 0 10px 10px 0;

    background: #edead7;

  }

  .nav_supportArea .supportArea__tab {

    width: 100%;

    margin: 0;

    padding: 0;

  }

  .nav_supportArea .supportArea__tab li {

    padding: 10px 0 22px;

    font-size: 26px;

    border-radius: 5px 5px 0 0;

    -webkit-transition: color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

  }

  .nav_supportArea .supportArea__tab li small {

    font-size: 18px;

    line-height: 0.8;

  }

  .supportArea__tab li:hover {

    color: #e37a2c;

  }

  .nav_supportArea .supportArea__contents {

    width: 100%;

    margin: 0;

    padding: 0;

    background: #fff;

  }

  .nav_supportArea .supportArea__content {

    padding: 40px 13.5px 13px;

    background: #fff;

  }

  .nav_supportArea .supportArea__content ul {

    padding: 0;

    margin: 0 0 27px;

  }

  .nav_supportArea .supportArea__content ul li {

    padding: 0 6.5px 13px;

    margin: 0;

  }

  .nav_supportArea .supportArea__content ul li input[type=radio] + label {

    padding: 10px 0 18px;

    line-height: 1;

    border-radius: 30px;

  }

  .nav_supportArea .supportArea__content ul li input[type=radio] + label span.animation {

    border-radius: 30px;

  }

  .nav_supportArea .supportArea__content ul li input[type=radio] + label .num {

    font-size: 32px;

    font-weight: normal;

  }

  .nav_supportArea .supportArea__content ul li input[type=radio] + label:hover {

    color: #fff;

    background-color: #e37a2c;

  }

  .nav_supportArea .supportArea__content ul.supportArea__submit li {

    width: 310px;

    margin: 0 auto;

    padding: 0;

    border-radius: 35px;

  }

  .nav_supportArea .supportArea__content ul li input[type=submit] {

    width: 100%;

    padding: 20px 0;

    font-size: 30px;

    line-height: 1;

    border-radius: 35px;

  }

  .popup .supportArea__content ul.support-once__cv {

    padding: 0;

  }

  .popup ul.btn.support-once__cv li {

    width: 250px;

    margin: 0 auto;

  }

  .support-once__cv li a {

    width: 250px;

    padding: 18px 0;

    margin-bottom: 0;

    font-size: 24px;

    line-height: 1;

    font-weight: bold;

    display: block;

    overflow: hidden;

    position: relative;

    border-radius: 40px;

  }

  .support-once__cv li a:hover,

  .support-once__cv li a:active {

    color: #e37a2c;

  }

  .support-once__cv li a:after,

  .support-once__cv li a[target=_blank]:after {

    content: "";

    display: block;

    position: absolute;

    border-radius: 40px;

    z-index: 1;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border: 1px solid #e37a2c;

  }

  .support-once__cv li a[target=_blank]:after {

    margin: 0;

  }

  .support-once__cv li a[target=_blank]:hover span {

    background-image: none;

  }

  .support-once__cv li a:before {

    content: "";

    display: block;

    position: absolute;

    border-radius: 40px;

    z-index: 1;

    -webkit-transform: translatez(0);

            transform: translatez(0);

    width: 100%;

    height: 100%;

    opacity: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    background-color: #e37a2c;

  }

  .support-once__cv li a:hover:before,

  .support-once__cv li a:active:before {

    width: 70%;

    height: 70%;

    opacity: 0;

  }

  .support-once__cv a span {

    position: relative;

    z-index: 3;

  }

  .popup .supportArea__image {

    width: 400px;

    height: 104px;

    margin: 0 auto;

  }

  .popup .ifsupport p {

    margin: 0 20px 24px;

    font-size: 16px;

    line-height: 1.75;

    text-align: center;

  }

  .popup .ifsupport .supportArea__title {

    font-size: 20px;

    margin: 15px auto 5px;

    text-align: center;

  }

  .popup .supportArea__tab {

    padding: 15px 20px 0;

    margin: 0;

  }

  .popup .supportArea__tab:before {

    border-width: 12px 13px;

    border-top-color: transparent;

    border-right-color: transparent;

    border-left-color: transparent;

    position: absolute;

    top: -22px;

    left: 50%;

    margin-left: -13px;

  }

  .popup .supportArea__tab li {

    margin: 0;

    padding: 15px 0 16px;

    font-size: 20px;

    line-height: 1.4;

    border-radius: 5px 5px 0 0;

    -webkit-transition: color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

  }

  .popup .supportArea__tab li:before {

    display: none;

  }

  .popup .supportArea__tab li small {

    font-size: 14px;

  }

  .popup .supportArea__content {

    padding: 29px 20px 24px;

  }

  .popup .supportArea__content ul {

    padding: 0 0 22px;

    margin: 0;

  }

  .popup .supportArea__content ul li {

    border-radius: 30px;

  }

  .popup .supportArea__content ul.supportArea__submit {

    padding: 0;

  }

  .popup ul.btn li {

    padding: 0;

    margin: 0 4px 8px;

  }

  .popup .supportArea__content ul li input[type=radio] + label {

    padding: 8px 0 13px;

    line-height: 1;

    border-radius: 25px;

  }

  .popup .supportArea__content ul li input[type=radio] + label span.animation {

    border-radius: 25px;

  }

  .popup .supportArea__content ul li input[type=radio] + label .num {

    font-size: 28px;

    font-weight: normal;

  }

  .popup .supportArea__content ul li input[type=radio] + label:hover {

    color: #fff;

    background-color: #e37a2c;

  }

  .popup .supportArea__content ul.supportArea__submit li {

    width: 250px;

    margin: 0 auto;

  }

  .popup .supportArea__content ul.supportArea__submit li input[type=submit] {

    width: 100%;

    font-size: 24px;

    padding: 18px 0;

    line-height: 1;

  }

  .nav_supportArea .supportArea__content ul.support-once__cv {

    margin: 0 0 27px;

    padding: 0;

  }

  .nav_supportArea .supportArea__content ul.support-once__cv li {

    width: 310px;

    margin: 0 auto;

    padding: 0;

  }

  .nav_supportArea .supportArea__content ul.support-once__cv li a {

    width: 100%;

    padding: 20px 0;

    font-size: 30px;

    line-height: 1;

    border-radius: 35px;

  }

  .nav_supportArea .supportArea__content ul.support-once__cv li a[target=_blank] span {

    padding: 0;

    background: none;

  }

}

@media screen and (max-width: 756px) {

  .supportArea__content ul li input[type=submit] {

    color: #fff;

    background-color: #e35700;

    border: 1px solid #e35700;

  }

  .nav_support_bodyAreaBg {

    padding: 54px 0 0;

  }

  .nav_support_titStyle1 {

    margin: 0 0 23px;

    font-size: 31px;

    line-height: 1.4032258;

  }

  .nav_supportArea {

    margin: 32px 0 40px;

    background-color: #fff;

    border-radius: 10px;

  }

  .nav_supportArea .ifsupport {

    padding: 7.5px 7.5px 0;

  }

  .nav_supportArea .supportArea__image,

  .nav_supportArea .supportArea__image figure {

    width: 100%;

    height: auto;

    margin-bottom: 13px;

    padding: 0;

    margin: 0 0 15.5px;

    border-radius: 5px 5px 0 0;

  }

  .nav_supportArea .supportArea__title {

    margin: 0 0 5px;

    font-size: 14px;

    line-height: 1.2857142;

    font-weight: bold;

    text-align: center;

  }

  .nav_support_bodyAreaBg .ifsupport > p {

    margin: 0 0 15px;

    font-size: 13px;

    line-height: 1.3846153;

    text-align: center;

  }

  .nav_supportArea .supportArea__tab {

    padding: 10px 7.5px 0;

    margin-bottom: 12px;

  }

  .nav_supportArea .supportArea__tab li {

    padding: 10px 0 11px;

  }

  .nav_supportArea .supportArea__contents {

    padding: 8px 10px 0;

  }

  .nav_supportArea .supportArea__content ul {

    padding: 0;

  }

  .nav_supportArea .supportArea__content ul li {

    padding: 0 5px 20px;

  }

  .nav_supportArea .supportArea__content ul li input[type=radio] + label {

    padding: 5px 0 9px;

    border-radius: 20px;

    line-height: 1;

    background-color: #f0f0f0;

  }

  .nav_supportArea .supportArea__content ul li input[type=radio]:checked + label {

    color: #fff;

    background-color: #e37a2c;

  }

  .nav_supportArea .supportArea__content ul li input[type=radio] + label .num {

    font-size: 23px;

    font-weight: normal;

  }

  .nav_supportArea .supportArea__content ul li input[type=submit] {

    width: 100%;

    font-size: 25px;

    line-height: 70px;

    border-radius: 35px;

  }

  .supportArea__image {

    width: 100%;

    padding: 0 7.5px;

    margin: 0 auto 16px;

  }

  .supportArea__image img {

    width: 100%;

    height: auto;

    max-height: 90px;

  }

  .popup .ifsupport p {

    margin: 0 7.5px 16px;

    font-size: 13px;

    line-height: 1.3846153;

    text-align: center;

  }

  .popup .ifsupport .supportArea__title {

    margin: 0 7.5px 16px;

    font-size: 14px;

    line-height: 1.2857142;

    text-align: center;

  }

  .popup .supportArea__tab {

    padding: 7.5px 7.5px 0;

  }

  .supportArea__tab:before {

    border-width: 6px 6.5px;

    border-top-color: transparent;

    border-right-color: transparent;

    border-left-color: transparent;

    position: absolute;

    top: -12px;

    left: 50%;

    margin-left: -6.5px;

  }

  .supportArea__tab li {

    font-size: 16px;

    line-height: 1.2;

    border-radius: 5px 5px 0 0;

  }

  .popup .supportArea__tab li {

    padding: 8px 0 11px;

  }

  .supportArea__tab li small {

    font-size: 10px;

  }

  .popup .supportArea__content {

    padding: 15px 7.5px 0;

  }

  .popup .supportArea__content ul {

    padding: 0 2.5px 5px;

  }

  .popup .supportArea__content ul li {

    padding: 0 5px 10px;

    margin: 0;

  }

  .popup .supportArea__content ul li input[type=radio] + label {

    padding: 5px 0 9px;

    border-radius: 20px;

    line-height: 1;

    background-color: #f0f0f0;

  }

  .popup .supportArea__content ul li input[type=radio]:checked + label {

    color: #fff;

    background-color: #e37a2c;

  }

  .popup .supportArea__content ul li input[type=radio] + label .num {

    font-size: 23px;

    font-weight: normal;

  }

  .popup .supportArea__content ul li input[type=submit] {

    width: 100%;

    padding: 15px 0;

    font-size: 20px;

    line-height: 1;

    border-radius: 25px;

  }

  .support-once__cv li a[target=_blank]:after {

    display: none;

  }

  .nav_supportArea .supportArea__content ul.support-once__cv li,

  .popup .supportArea__content ul li {

    width: 100%;

    margin: 0;

    padding: 0 5px 10px;

  }

  .support-once__cv li a {

    width: 100%;

    line-height: 1;

    background-color: #e37a2c;

    border: 1px solid #e37a2c;

  }

  .nav_supportArea .supportArea__content ul.support-once__cv li a {

    padding: 0;

    font-size: 25px;

    line-height: 70px;

    margin-bottom: 0;

    border-radius: 35px;

  }

  .popup .support-once__cv li a {

    padding: 15px 0;

    font-size: 20px;

    margin-bottom: 0;

  }

}

/* bannerLink

-------------------------------------------------- */

@media screen and (min-width: 980px), print {

  ul.bannerLink li {

    width: 470px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  ul.bannerLink li {

    width: calc(50% - 7.5px);

  }

}

@media screen and (min-width: 757px), print {

  ul.bannerLink {

    padding: 60px 0 20px;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

    -ms-flex-align: flex-start;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

            align-items: flex-start;

  }

  ul.bannerLink li {

    margin: 0 0 39px;

  }

  ul.bannerLink li .image {

    width: 100%;

    overflow: hidden;

  }

  ul.bannerLink li .caption {

    margin: 15px 0 0;

    font-size: 16px;

    line-height: 1.75;

  }

  ul.bannerLink li a:hover {

    background: none;

  }

  ul.bannerLink li a img {

    opacity: 1;

    -webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: opacity 0.25s cubic-bezier(0.23, 1, 0.58, 1);

  }

  ul.bannerLink li a:hover img {

    opacity: 0.85;

  }

}

@media screen and (max-width: 756px) {

  ul.bannerLink {

    padding: 60px 0 20.5px;

  }

  ul.bannerLink li {

    width: 100%;

    margin: 0 0 27px;

  }

  ul.bannerLink li .image {

    width: 100%;

  }

  ul.bannerLink li .caption {

    margin: 16px 0 0;

    font-size: 16px;

    line-height: 1.75;

  }

}

/* bannerLink__bannerSize690

-------------------------------------------------- */

@media screen and (min-width: 980px), print {

  ul.bannerLink__bannerSize690 li {

    width: 286px;

  }

  ul.bannerLink__bannerSize690 li:nth-child(3n+2):last-child {

    margin-left: 60px;

    margin-right: auto;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  ul.bannerLink__bannerSize690 li {

    width: calc(33% - 10px);

  }

  ul.bannerLink__bannerSize690 li:nth-child(3n+2):last-child {

    margin-left: 15px;

    margin-right: auto;

  }

}

@media screen and (min-width: 757px), print {

  ul.bannerLink__bannerSize690 {

    padding: 20px 0;

  }

  ul.bannerLink__bannerSize690 li {

    margin: 0 0 60px;

  }

}

@media screen and (max-width: 756px) {

  ul.bannerLink__bannerSize690 {

    padding: 20px 0;

  }

  ul.bannerLink__bannerSize690 li {

    width: 100%;

    margin: 0 0 28.5px;

  }

}

/* listLinkBox

-------------------------------------------------- */

ul.listLinkBox {

  padding: 0;

  margin: 0;

}



ul.listLinkBox > li {

  border-radius: 10px;

  background-color: #fff;

}



ul.listLinkBox > li:before {

  display: none;

}



ul.listLinkBox .titStyle2_logo,

ul.listLinkBox .txt {

  display: block;

}



ul.listLinkBox .titStyle2_logo {

  font-weight: bold;

}



ul.listLinkBox .btn li,

ul.listLinkBox .btn li a {

  max-width: 100%;

}



ul.listLinkBox .btn:last-child li a {

  margin: 0;

}



@media screen and (min-width: 980px), print {

  ul.listLinkBox__pc-470 > li {

    width: 470px;

  }

  ul.listLinkBox__pc-286 > li {

    width: 286px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  ul.listLinkBox__pc-470 > li {

    width: calc(50% - 7.5px);

  }

  ul.listLinkBox__pc-286 > li {

    width: calc(33% - 10px);

  }

}

@media screen and (min-width: 757px), print {

  .sectionBody__listLinkBox {

    padding-top: 60px;

  }

  ul.listLinkBox {

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

    -ms-flex-align: flex-start;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

            align-items: flex-start;

  }

  ul.listLinkBox > li {

    padding: 25px;

    margin: 0 0 60px;

  }

  ul.listLinkBox__pc-286 > li {

    position: relative;

    padding: 25px 25px calc(2.45rem + 51px);

  }

  ul.listLinkBox__pc-286 > li:nth-child(3n+2):last-child {

    margin-left: 60px;

    margin-right: auto;

  }

  ul.listLinkBox__pc_p-next {

    padding: 9px 0 0;

  }

  ul.listLinkBox__pc-470 > li:first-child:last-child {

    margin: 0 auto 60px;

  }

  ul.listLinkBox .titStyle2_logo {

    padding: 94px 0 0;

    margin: 0 0 12px;

    font-size: 16px;

    background-size: 74px 74px;

  }

  ul.listLinkBox .txt {

    margin: 0 0 15px;

    font-size: 14px;

    line-height: 1.7857142;

  }

  ul.listLinkBox__pc-286 > li .btn {

    width: calc(100% - 50px);

    position: absolute;

    left: 25px;

    bottom: 25px;

  }

  ul.listLinkBox > li .btn.cv {

    display: -ms-flexbox;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: center;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;

    -ms-flex-align: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

            align-items: center;

    -ms-flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  ul.listLinkBox .btn li a {

    font-size: 14px;

  }

}

@media screen and (max-width: 756px) {

  .sectionBody__listLinkBox {

    padding-top: 40px;

  }

  ul.listLinkBox > li {

    width: 100%;

    padding: 40px 32px;

    margin: 0 0 40px;

  }

  ul.listLinkBox .titStyle2_logo {

    padding: 126px 0 0;

    margin: 0 0 18px;

    font-size: 20px;

    background-size: 90px 90px;

  }

  ul.listLinkBox .titStyle2_logo.titStyle2_icons_member,

  ul.listLinkBox .titStyle2_logo.titStyle2_icons_donation {

    font-size: 25px;

  }

  ul.listLinkBox .txt {

    margin: 0 0 19px;

    font-size: 16px;

    line-height: 1.75;

  }

  ul.listLinkBox .btn li a {

    font-size: 14px;

  }

}

/* recommendation

-------------------------------------------------- */

.recommendation {

  text-align: center;

}



.recommendationList {

  margin: 0;

  padding: 0;

}



.recommendationList li {

  margin: 0;

}



.recommendationList li:before {

  display: none;

}



.recommendationList li a {

  margin: 0;

  background: #fff;

}



@media screen {

  .recommendationList li a {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-align: center;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-align: center;

    -webkit-align-items: center;

            align-items: center;

  }

}

.recommendationList a {

  color: #000;

  text-decoration: none;

}



@media screen {

  .recommendationList .image figure {

    overflow: hidden;

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;

  }

}

.recommendationList .image.no-image {

  background: url(/shared/svg/icons_logo.svg) center center no-repeat;

  border: 1px solid #d4d4d4;

}



.recommendationList .text p {

  margin-bottom: 0;

}



.recommendationList .text p.title {

  font-weight: bold;

}



.recommendationList .link {

  margin-bottom: 0;

  text-align: left;

}



.recommendationList .link li {

  margin-bottom: 0;

}



.recommendationList a:link .link li,

.recommendationList a:visited .link li {

  color: #2889d4;

}



.recommendationList .link li {

  display: inline-block;

  text-decoration: none;

  font-weight: bold;

}



@media screen and (min-width: 980px), print {

  .recommendationList li {

    width: 780px;

    margin: 0 41px;

  }

  .recommendationList li a {

    width: 780px;

  }

  .recommendationList .image,

  .recommendationList .image figure {

    width: 360px;

  }

  .recommendationList .text {

    width: 320px;

  }

  .slick-prev {

    margin-left: -474px;

  }

  .slick-next {

    margin-right: -474px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .recommendationList li {

    width: 680px;

    margin: 0 10px;

  }

  .recommendationList li a {

    width: 680px;

  }

  .recommendationList .image,

  .recommendationList .text {

    width: calc(50% - 7.5px);

  }

  .recommendationList .image figure {

    width: 100%;

  }

  .slick-prev {

    margin-left: -50%;

  }

  .slick-next {

    margin-right: -50%;

  }

}

@media screen and (min-width: 757px), print {

  .recommendation {

    padding: 1px 0 57px;

  }

  .recommendationList {

    margin: 44px 0 0;

  }

  .recommendationList li a {

    padding: 20px 40px 20px 20px;

    border-radius: 10px;

  }

  .recommendationList a .link li {

    background-size: 20px 20px;

    -webkit-transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1), color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    position: relative;

  }

  .recommendationList a .link li::before,

  .recommendationList a .link li::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-position: center right;

    background-repeat: no-repeat;

    position: absolute;

    top: 50%;

    margin-top: -10px;

    left: 0;

  }

  .recommendationList a .link li::before {

    background-image: url(/shared/svg/icons_link.svg);

    z-index: 8;

    display: block;

  }

  .recommendationList a .link li::after {

    background-image: url(/shared/svg/icons_link_hover.svg);

    z-index: 1;

    display: none;

  }

  .recommendationList a:hover .link li::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  .recommendationList a:hover .link li::after {

    display: block;

  }

  .recommendationList .image {

    height: 240px;

    overflow: hidden;

  }

  .recommendationList .image figure {

    height: 240px;

  }

  .recommendationList .text p {

    margin-bottom: 4px;

    font-size: 16px;

    line-height: 1.75;

  }

  .recommendationList .text p.title {

    margin-bottom: 6px;

    font-size: 24px;

  }

  .recommendationList .link {

    font-size: 18px;

  }

  .recommendationList a:hover .link li,

  .recommendationList a:active .link li {

    color: #169aff;

  }

  .recommendationList .link li {

    width: auto;

    padding-left: 32px;

    background-size: 22px 22px;

    background-position: 0 5px;

  }

  .slick-prev,

  .slick-next {

    width: 82px;

    height: 42px;

    position: absolute;

    top: 118px;

    margin-top: 0;

    z-index: 1;

  }

  .slick-prev {

    left: 50%;

  }

  .slick-next {

    right: 50%;

  }

  .slick-prev:before,

  .slick-next:before {

    content: "";

    width: 100%;

    height: 42px;

    font-family: none;

    background-image: url(/shared/svg/icons_arrow.svg);

    background-size: 24px 42px;

    background-repeat: no-repeat;

    opacity: 1;

    display: block;

    background-position: 30px 0;

    -webkit-transition: background-position 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: background-position 0.25s cubic-bezier(0.23, 1, 0.58, 1);

  }

  .slick-prev:before {

    -webkit-transform: rotate(180deg);

            transform: rotate(180deg);

  }

  .slick-prev:hover:before,

  .slick-next:hover:before {

    background-position: 40px 0;

  }

  .slick-dots {

    margin-top: 7px;

    width: 780px;

  }

  .slick-dots li button:before {

    font-size: 14px;

    line-height: 12px;

    width: 12px;

    height: 12px;

  }

}

@media screen and (max-width: 756px) {

  .recommendation {

    padding: 1px 0 48px;

  }

  .recommendationList {

    margin: 53px 0 7px;

    padding: 0;

    overflow: hidden;

  }

  .recommendationList li {

    width: 292px;

    margin: 0 5px;

  }

  .recommendationList li:before {

    display: none;

  }

  .recommendationList li a {

    width: 100%;

    min-height: 397.5px;

    padding: 7px 9px 27.5px;

    border-radius: 10px;

    background-color: #fff;

  }

  .recommendationList li a .image {

    width: 100%;

    height: 182px;

    margin-bottom: 24px;

    overflow: hidden;

  }

  .recommendationList .image figure {

    width: 100%;

    height: 182px;

  }

  .recommendationList .text {

    margin: 0 6px;

  }

  .recommendationList .text p {

    margin-bottom: 6px;

    font-size: 16px;

    line-height: 1.75;

  }

  .recommendationList .text p.title {

    margin-bottom: 3px;

    font-size: 20px;

  }

  .recommendationList .link {

    margin: 0 5px;

    font-size: 14px;

  }

  .recommendationList .link li {

    width: auto;

    padding-left: 25px;

    background-size: 17px 17px;

    background-position: 0 2px;

    background-image: url(/shared/svg/icons_link.svg);

    background-repeat: no-repeat;

  }

  .slick-dots {

    margin-top: 8px;

    width: 78%;

    max-width: 292px;

  }

  .slick-dots li button:before {

    font-size: 14px;

    line-height: 12px;

    width: 12px;

    height: 12px;

  }

}

.recommendationList li.onlyOneColumn {

  margin: 0 auto;

}



.slick-dots {

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 0;

  position: static;

  bottom: auto;

}



.slick-dots li {

  width: 12px;

  height: 12px;

  margin: 0 9px;

}



.slick-dots li button {

  width: 12px;

  height: 12px;

  padding: 0;

  text-align: center;

  vertical-align: middle;

}



.slick-dots li button:before {

  width: 12px;

  height: 12px;

  opacity: 1;

  color: #fff;

  line-height: 12px;

}



@media screen and (min-width: 757px), print {

  .slick-dots li:hover button:before {

    opacity: 0.5;

  }

}

.slick-dots li.slick-active button:before,

.slick-dots li.slick-active:hover button:before {

  opacity: 1;

}



/* pagerBox

-------------------------------------------------- */

ul.pagerBox__pager {

  padding: 0;

  list-style: none;

  background: url(/shared/images/2018/pagerBox__pager_bg.gif) top center repeat-y;

  display: table;

  position: relative;

}



ul.pagerBox__pager li {

  width: 50%;

  padding: 0;

  margin: 0;

}



ul.pagerBox__pager li a {

  width: 100%;

  height: 100%;

  display: block;

  text-decoration: none;

}



ul.pagerBox__pager li.pagerBox__pager_prev {

  display: table-cell;

}



ul.pagerBox__pager li.pagerBox__pager_next {

  display: block;

  float: right;

}



ul.pagerBox__pager li.pagerBox__pager_prev + li.pagerBox__pager_next {

  display: table-cell;

  float: none;

}



ul.pagerBox__pager li.pagerBox__pager_prev a:before,

ul.pagerBox__pager li.pagerBox__pager_next a:before {

  content: "";

  width: 20px;

  height: 20px;

  background: url(/shared/svg/icons_link_f0f0f0.svg) center right no-repeat;

  background-size: 20px 20px;

  position: absolute;

  top: 50%;

  margin-top: -10px;

}



ul.pagerBox__pager li.pagerBox__pager_prev a:before {

  -webkit-transform: rotate(180deg);

          transform: rotate(180deg);

  left: 0;

}



ul.pagerBox__pager li:before {

  display: none;

}



ul.pagerBox__pager li.pagerBox__pager_next a:before {

  right: 0;

}



ul.pagerBox__pager li a:link,

ul.pagerBox__pager li a:visited {

  color: #000;

}



ul.pagerBox__pager li time {

  display: block;

  font-weight: bold;

}



@media screen and (min-width: 757px), print {

  ul.pagerBox__pager {

    width: 880px;

    margin: 60px auto;

  }

  ul.pagerBox__pager li {

    font-size: 16px;

    line-height: 1.5;

  }

  ul.pagerBox__pager li a:hover,

  ul.pagerBox__pager li a:active {

    color: #169aff;

  }

  ul.pagerBox__pager li.pagerBox__pager_prev a {

    padding: 0 40px 0 50px;

  }

  ul.pagerBox__pager li.pagerBox__pager_next a {

    padding: 0 50px 0 40px;

  }

  ul.pagerBox__pager li time {

    margin: 0 0 10px;

  }

  ul.pagerBox__pager li.pagerBox__pager_prev a::after,

  ul.pagerBox__pager li.pagerBox__pager_next a::after {

    content: "";

    width: 20px;

    height: 20px;

    background: url(/shared/svg/icons_link_hover.svg) center right no-repeat;

    background-size: 20px 20px;

    position: absolute;

    top: 50%;

    margin-top: -10px;

  }

  ul.pagerBox__pager li.pagerBox__pager_prev a::after {

    -webkit-transform: rotate(180deg);

            transform: rotate(180deg);

    left: 0;

  }

  ul.pagerBox__pager li.pagerBox__pager_next a::after {

    right: 0;

  }

  ul.pagerBox__pager li.pagerBox__pager_prev a::before,

  ul.pagerBox__pager li.pagerBox__pager_next a::before {

    z-index: 8;

  }

  ul.pagerBox__pager li.pagerBox__pager_prev a::after,

  ul.pagerBox__pager li.pagerBox__pager_next a::after {

    z-index: 1;

    display: none;

  }

  ul.pagerBox__pager li.pagerBox__pager_prev a:hover::before,

  ul.pagerBox__pager li.pagerBox__pager_next a:hover::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  ul.pagerBox__pager li.pagerBox__pager_prev a:hover::after,

  ul.pagerBox__pager li.pagerBox__pager_next a:hover::after {

    display: block;

  }

  ul.pagerBox__pager li:before {

    display: none;

  }

  ul.pagerBox__pager li.pagerBox__pager_next a:before {

    right: 0;

  }

}

@media screen and (max-width: 756px) {

  ul.pagerBox__pager {

    margin: 60px 15px;

  }

  ul.pagerBox__pager li {

    font-size: 16px;

    line-height: 1.5;

  }

  ul.pagerBox__pager li.pagerBox__pager_prev a {

    padding: 0 10.5px 0 35px;

  }

  ul.pagerBox__pager li.pagerBox__pager_next a {

    padding: 0 35px 0 10.5px;

  }

  ul.pagerBox__pager li time {

    margin: 0 0 7px;

    font-size: 12px;

  }

}

.detailsBody:before {

  content: "";

  border-radius: 100%;

  background: #f0f0f0;

  display: block;

}



@media screen and (min-width: 757px), print {

  /*	.detailsBody {

  	padding: 0 0 38px;

  }*/

  .detailsBody:before {

    width: 780px;

    height: 6px;

    margin: 0 auto 73px;

    border-radius: 3px;

  }

  .detailsBody h3,

  .detailsBody .titStyle2 {

    margin: 0 0 31px;

  }

}

@media screen and (max-width: 756px) {

  .detailsBody {

    /*		padding: 0 0 52px;*/

    margin: 0;

  }

  .detailsBody:before {

    width: 100%;

    height: 5px;

    margin: 0 auto 74px;

    border-radius: 2.5px;

  }

  .detailsBody h3,

  .detailsBody .titStyle2 {

    margin: 0 0 27px;

  }

}

.color_16c1b6 {

  color: #16c1b6;

}



.rounded-corners .body {

  border: 1px solid #d4d4d4;

  border-radius: 10px;

}



.rounded-corners .body a {

  color: #000;

  text-decoration: none;

}



.rounded-corners .body a:hover {

  color: #000;

  text-decoration: none;

}



.rounded-corners .bodyAreaBg {

  width: 100%;

  margin: 0;

}



.rounded-corners .twoIntoColumnsType p {

  font-size: 16px;

  line-height: 1.75;

}



.rounded-corners ul.listLinkType3 {

  margin: 0;

  padding: 0;

}



.rounded-corners ul.listLinkType3 li {

  width: 100%;

  border-top: 1px solid #d4d4d4;

}



.rounded-corners ul.listLinkType3 li:first-child {

  border-top: 0;

}



@media screen and (min-width: 757px), print {

  .rounded-corners {

    padding: 11px 0 10px;

    margin: 0 0 31px;

  }

  .rounded-corners .bodyAreaBg {

    padding: 32px 30px 4px;

  }

  .rounded-corners h3,

  .rounded-corners .titStyle2 {

    font-size: 24px;

    line-height: 1.5;

    margin: 0 0 26px;

  }

  .rounded-corners .twoIntoColumnsType2 .column {

    width: 344px;

    padding: 7px 0 6px;

  }

  .rounded-corners ul.listLinkType3 li {

    width: 100%;

    padding: 29px 80px 22px 30px;

  }

  .rounded-corners ul.listLinkType3 li::before,

  .rounded-corners ul.listLinkType3 li::after {

    top: 50%;

    margin-top: -10px;

    right: 30px;

  }

  .rounded-corners ul.listLinkType3 li p {

    margin: 0;

  }

  .rounded-corners ul.listLinkType3 time {

    position: static;

    left: auto;

    bottom: auto;

    font-size: 12px;

  }

}

@media screen and (max-width: 756px) {

  .rounded-corners {

    padding: 7px 0 6px;

    margin-bottom: 22.5px;

  }

  .rounded-corners .bodyAreaBg {

    padding: 35px 15px 10.5px;

  }

  .rounded-corners h3,

  .rounded-corners .titStyle2 {

    font-size: 20px;

    line-height: 1.5;

    margin: 0 0 28px;

  }

  .rounded-corners .twoIntoColumnsType2 .column {

    padding: 7px 0 6px;

    margin-bottom: 18px;

  }

  .rounded-corners ul.listLinkType3 li {

    padding: 19px 15px 20px;

  }

}

/* faq

====================================== */

.faqBlock {

  margin-bottom: 35px;

}



.faq {

  border: 1px solid #d4d4d4;

  text-align: left;

  margin-bottom: 20px;

  border-radius: 8px;

}



.faq p {

  font-size: 16px;

}



.faq .accordion {

  cursor: pointer;

  padding: 15px 45px 15px 15px;

  width: 100%;

  border: 0;

  text-align: left;

  position: relative;

  background: url("/shared/svg/icons_more_close.svg") right 15px center no-repeat;

  background-size: 20px 20px;

  font-size: 16px;

  font-weight: bold;

}



.faq .accordion.on {

  background-image: url("/shared/svg/icons_more_opend.svg");

}



.faq .accordion span {

  display: block;

  position: relative;

  padding-left: 40px;

}



.faq .accordion span:before {

  position: absolute;

  content: "Q";

  width: 30px;

  height: 30px;

  border-radius: 50%;

  margin-top: -15px;

  left: 0px;

  top: 50%;

  background: #000000;

  color: #ffffff;

  font-size: 14px;

  text-align: center;

  line-height: 30px;

}



.faq .accordion:focus {

  outline: 0;

}



.faq .accordion.active,

.faq .accordion:hover {

  /*background-color: #ddd;*/

}



.faq .body {

  padding: 15px 15px 0;

  border-top: 1px dotted #d4d4d4;

}



.faq .body p {

  position: relative;

  line-height: 1.8;

}



@media only screen and (min-width: 980px) {

  .faqBlock {

    margin-bottom: 45px;

  }

  .faqSection {

    margin-bottom: 120px;

  }

  .faq .accordion {

    padding: 15px 60px 15px 20px;

    background: url("/shared/svg/icons_more_close.svg") right 20px center no-repeat;

    background-size: 20px 20px;

  }

  .faq .body {

    padding: 20px 20px 0;

  }

}

/* lineup

-------------------------------------------------- */

ul.lineup li {

  background-color: #f0f0f0;

}



ul.lineup li:before {

  display: none;

}



ul.lineup li dt {

  text-align: center;

}



ul.lineup li dt small {

  display: block;

}



@media screen and (min-width: 757px), print {

  ul.lineup {

    margin: 0 0 34px;

  }

  ul.lineup li dt {

    font-size: 24px;

    line-height: 1.58;

  }

  ul.lineup li dt small {

    font-size: 16px;

  }

}

@media screen and (max-width: 756px) {

  ul.lineup {

    margin: 0 0 25px;

  }

  ul.lineup li dt {

    font-size: 20px;

    line-height: 1.45;

  }

  ul.lineup li dt small {

    font-size: 14px;

  }

}

.lineupType1 li dt {

  color: #fff;

  font-weight: bold;

  background-color: #000;

  position: relative;

}



.lineupType1 li dt:after {

  content: "";

  border-style: solid;

  border-color: #000;

  border-bottom-color: transparent;

  border-right-color: transparent;

  border-left-color: transparent;

  position: absolute;

  left: 50%;

}



.lineupType1 li dt.lineupType1__dt-812a7a {

  background-color: #812a7a;

}



.lineupType1 li dt.lineupType1__dt-812a7a:after {

  border-top-color: #812a7a;

}



.lineupType1 li dt.lineupType1__dt-92642b {

  background-color: #92642b;

}



.lineupType1 li dt.lineupType1__dt-92642b:after {

  border-top-color: #92642b;

}



.lineupType1 li dt.lineupType1__dt-b38314 {

  background-color: #b38314;

}



.lineupType1 li dt.lineupType1__dt-b38314:after {

  border-top-color: #b38314;

}



.lineupType1 li dt.lineupType1__dt-6e9900 {

  background-color: #6e9900;

}



.lineupType1 li dt.lineupType1__dt-6e9900:after {

  border-top-color: #6e9900;

}



.lineupType1 li dt.lineupType1__dt-276f31 {

  background-color: #276f31;

}



.lineupType1 li dt.lineupType1__dt-276f31:after {

  border-top-color: #276f31;

}



.lineupType1 li dt.lineupType1__dt-478ed6 {

  background-color: #478ed6;

}



.lineupType1 li dt.lineupType1__dt-478ed6:after {

  border-top-color: #478ed6;

}



.lineupType1 li dt.lineupType1__dt-0c97c2 {

  background-color: #0c97c2;

}



.lineupType1 li dt.lineupType1__dt-0c97c2:after {

  border-top-color: #0c97c2;

}



.lineupType1 li dt.lineupType1__dt-c94969 {

  background-color: #c94969;

}



.lineupType1 li dt.lineupType1__dt-c94969:after {

  border-top-color: #c94969;

}



.lineupType1 li dt.lineupType1__dt-009c96 {

  background-color: #009c96;

}



.lineupType1 li dt.lineupType1__dt-009c96:after {

  border-top-color: #009c96;

}



.lineupType2 li {

  width: 100%;

  margin: 0;

}



.lineupType2 li .text {

  position: relative;

}



@media screen {

  .lineupType2 li .text {

    display: -ms-flexbox;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    -webkit-justify-content: center;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    /*上下中央*/

  }

}

.lineupType2 li .text:after {

  content: "";

  border-style: solid;

  border-color: #f0f0f0;

  border-top-color: transparent;

  position: absolute;

  top: 50%;

}



.lineupType2 dt {

  font-weight: bold;

}



.lineupType2__dt-812a7a {

  color: #812a7a;

}



.lineupType2__dt-92642b {

  color: #92642b;

}



.lineupType2__dt-b38314 {

  color: #b38314;

}



.lineupType2__dt-6e9900 {

  color: #6e9900;

}



.lineupType2__dt-276f31 {

  color: #276f31;

}



.lineupType2__dt-478ed6 {

  color: #478ed6;

}



.lineupType2__dt-0c97c2 {

  color: #0c97c2;

}



.lineupType2__dt-c94969 {

  color: #c94969;

}



.lineupType2__dt-009c96 {

  color: #009c96;

}



@media screen and (min-width: 757px), print {

  .lineupType1 {

    padding: 5px 0 0px;

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  .lineupType1 li {

    width: calc(50% - 20px);

    margin-bottom: 40px;

  }

  .lineupType1 li:nth-child(2n) {

    margin-left: 20px;

  }

  .lineupType1 li:nth-child(2n+1) {

    margin-right: 20px;

  }

  .lineupType1 li:nth-child(2n):last-of-type,

  .lineupType1 li:nth-child(2n+1):last-of-type {

    margin-bottom: 0;

  }

  .lineupType1 li dt {

    padding: 16px 15px 12px;

  }

  .lineupType1 li dt:after {

    border-width: 15px 15px;

    bottom: -30px;

    margin-left: -15px;

  }

  .lineupType1 li dd {

    padding: 24px 22px;

  }

  .lineupType2 li {

    /*--- Androidブラウザ用 ---*/

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    /*--- Androidブラウザ用 ---*/

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  .lineupType2 li:nth-child(2n) {

    -ms-flex-direction: row-reverse;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: row-reverse;

            flex-direction: row-reverse;

  }

  .lineupType2 li .text:after {

    border-width: 15px 15px;

    margin-top: -15px;

    border-bottom-color: transparent;

  }

  .lineupType2 li:nth-child(2n) .text:after {

    border-right-color: transparent;

    right: -30px;

  }

  .lineupType2 li:nth-child(2n+1) .text:after {

    border-left-color: transparent;

    left: -30px;

  }

  .lineupType2 li .image,

  .lineupType2 li .text {

    width: 50%;

  }

  .lineupType2 li .image img {

    min-height: 100%;

  }

  .lineupType2 li .text {

    padding: 56px 50px 53px;

  }

  .lineupType2 li dt {

    margin-bottom: 13px;

  }

}

@media screen and (max-width: 756px) {

  .lineupType1 li dt {

    padding: 13px 15px 9px;

  }

  .lineupType1 li dt:after {

    border-width: 10px 10px;

    bottom: -20px;

    margin-left: -10px;

  }

  .lineupType1 li dd {

    padding: 24px 22px;

  }

  .lineupType2 li .text {

    padding: 25px 30px 31px;

  }

  .lineupType2 li .text:after {

    border-width: 10px 10px;

    border-right-color: transparent;

    border-left-color: transparent;

    left: 50%;

    margin-left: -10px;

    top: -20px;

  }

  .lineupType2 li .image,

  .lineupType2 li .text {

    width: 100%;

  }

  .lineupType2 li .image figure {

    width: 100%;

    height: auto;

  }

  .lineupType2 figure figcaption {

    max-width: calc(50% - 20px);

  }

  .lineupType2 li dt {

    margin-bottom: 18px;

  }

}

.paymentMethod-threeColumnsType {

  overflow: hidden;

  max-width: 680px;

  margin: 0 auto;

}



.paymentMethod-threeColumnsType .column {

  width: 33.33%;

  float: left;

  text-align: center;

}



.paymentMethod-threeColumnsType .column .image {

  margin-bottom: 17px;

}



.paymentMethod-threeColumnsType .column .image img {

  width: 57px;

}



.paymentMethod-threeColumnsType .column p {

  text-align: center;

  line-height: 1.5;

}



@media screen and (min-width: 980px), print {

  .paymentMethod-threeColumnsType .column .image {

    margin-bottom: 25px;

  }

  .paymentMethod-threeColumnsType .column .image img {

    width: 76px;

  }

}

/* staffArea

-------------------------------------------------- */

@media screen and (min-width: 980px), print {

  .staffArea .twoColumnsType .column {

    width: 349px;

    margin-right: 40px;

  }

  .staffArea .twoColumnsType .columnEnd {

    width: 391px;

    margin-right: 0;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .staffArea .twoColumnsType .column,

  .staffArea .twoColumnsType .columnEnd {

    width: calc(50% - 7.5px);

  }

  .staffArea .twoColumnsType .column {

    margin-right: 15px;

  }

  .staffArea .twoColumnsType .columnEnd {

    margin-right: 0;

  }

}

@media screen and (min-width: 757px), print {

  .staffArea .twoColumnsType .columnEnd .listLink {

    padding: 0 0 0 40px;

    border-left: 1px solid #d4d4d4;

  }

  .staffArea .author {

    font-size: 16px;

    font-weight: normal;

    margin: 0 0 5px;

  }

  .staffArea .author__name {

    font-size: 24px;

    font-weight: bold;

    padding: 10px 0 0;

  }

  .staffArea .author__image {

    width: 200px;

    height: 200px;

    margin: 0 auto 28px;

    overflow: hidden;

    border-radius: 100px;

  }

  .staffArea p {

    font-size: 16px;

    line-height: 1.75;

    margin-bottom: 18px;

  }

  .staffArea .titStyle3 {

    margin: -5px 0 29px;

  }

}

@media screen and (max-width: 756px) {

  .staffArea {

    padding: 0 0 38.5px;

  }

  .staffArea .twoColumnsType .column,

  .staffArea .twoColumnsType .columnEnd {

    width: 100%;

  }

  .staffArea .author__image {

    width: 150px;

    height: 150px;

    margin: 17px auto;

    overflow: hidden;

    border-radius: 75px;

  }

  .staffArea .author__image img {

    width: 150px;

    height: 150px;

    border-radius: 75px;

  }

  .staffArea .author {

    font-size: 13px;

    font-weight: normal;

    margin: 0 0 16px;

  }

  .staffArea .author__name {

    font-size: 20px;

    font-weight: bold;

    padding: 10px 0 0;

  }

  .staffArea p {

    font-size: 16px;

    line-height: 2;

    margin-bottom: 23px;

  }

  .staffArea .twoColumnsType .columnEnd {

    margin-top: 50px;

    padding: 36px 15px 15px;

    border: 1px solid #d4d4d4;

    border-radius: 10px;

  }

  .staffArea .twoColumnsType .columnEnd .titStyle3 {

    margin: 0 0 8px;

  }

}

@media screen and (max-width: 979px) {

  .staffblog .hr01 {

    margin: 33px -15px 60px;

  }

}

.staffblog-author__twoColumnsType {

  padding: 0;

  margin: 0;

  background-color: #fff;

}



.staffblog-author__name {

  text-align: center;

}



.staffblog-author__comment {

  background-color: #f0f0f0;

  border: 1px solid #d4d4d4;

  position: relative;

}



.staffblog-author__comment:before {

  content: "";

  display: block;

  position: absolute;

  border-style: solid;

  border-color: #d4d4d4;

}



.staffblog-author__comment:after {

  content: "";

  display: block;

  position: absolute;

  border-style: solid;

  border-color: #f0f0f0;

}



.staffblog-author__comment p:last-child {

  margin: 0;

}



@media screen and (min-width: 980px), print {

  .staffblog-author {

    margin: -11px 0 73px;

  }

  .staffblog-author__sectionBody {

    padding: 60px 0;

  }

  .staffblog-author__twoColumnsType {

    width: 980px;

    padding: 40px 100px 35px;

    border-radius: 20px;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-align: flex-start;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

            align-items: flex-start;

  }

  .staffblog-author__photo {

    width: 200px;

    margin: 0;

  }

  .staffblog-author__name {

    margin: 1px 0 0;

    font-size: 24px;

    font-size: 16px;

    font-weight: normal;

  }

  .staffblog-author__name .author__name {

    margin: 5px 0 0;

    padding: 0;

    font-size: 24px;

    font-weight: bold;

    display: block;

  }

  .staffblog-author__txt {

    width: 495px;

    padding-top: 3px;

    padding-left: 15px;

  }

  .staffblog-author__comment {

    margin: 0 0 24px 6px;

    padding: 23px 20px 22px;

  }

  .staffblog-author__comment:before {

    border-width: 15px;

    border-bottom-color: transparent;

    border-top-color: transparent;

    border-left-color: transparent;

    top: 50%;

    left: -30px;

    margin-top: -15px;

  }

  .staffblog-author__comment:after {

    border-width: 14px;

    border-bottom-color: transparent;

    border-top-color: transparent;

    border-left-color: transparent;

    top: 50%;

    left: -28px;

    margin-top: -14px;

  }

}

@media screen and (max-width: 979px) {

  .staffblog-author {

    margin: 0 0 56px;

    padding: 0;

  }

  .staffblog-author__sectionBody {

    padding: 20px 15px;

  }

  .staffblog-author__twoColumnsType {

    width: 100%;

    padding: 50px 25px 25px;

    border-radius: 10px;

  }

  .staffArea .staffblog-author__image {

    margin: 0 auto 17px;

  }

  .staffblog-author__name {

    margin: 0 0 18px;

    text-align: center;

    font-size: 13px;

    font-weight: normal;

  }

  .staffblog-author__name .author__name {

    margin-top: 7px;

    font-size: 20px;

    font-weight: bold;

  }

  .staffblog-author__txt p {

    font-size: 16px;

    line-height: 1.75;

  }

  .staffblog-author__comment {

    margin: 0 0 32px;

    padding: 23px 16px 21px;

  }

  .staffblog-author__comment:before {

    border-width: 10px;

    border-top-color: transparent;

    border-left-color: transparent;

    border-right-color: transparent;

    top: -20px;

    left: 50%;

    margin-left: -10px;

  }

  .staffblog-author__comment:after {

    border-width: 9px;

    border-top-color: transparent;

    border-left-color: transparent;

    border-right-color: transparent;

    top: -18px;

    left: 50%;

    margin-left: -9px;

  }

}

.staffblog-author__list > li:before {

  display: none;

}



.staffblog-author__list a {

  color: #000;

  text-decoration: none;

  display: block;

}



.staffblog-author__list ul.link {

  margin: 0;

}



.staffblog-author__list ul.link li {

  font-weight: bold;

  color: #2889d4;

}



@media screen and (min-width: 980px), print {

  .staffblog-author__list {

    width: 100%;

    padding: 13px 0 0;

    margin: 0 0 20px;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-align-items: flex-start;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -ms-flex-align: start;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

            align-items: flex-start;

    -ms-flex-wrap: wrap;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-flex-wrap: wrap;

            flex-wrap: wrap;

  }

  .staffblog-author__list li {

    width: 294px;

    margin: 0 0 34px;

  }

  .staffblog-author__list li:nth-child(3n+2):last-child {

    margin-left: 60px;

    margin-right: auto;

  }

  .staffblog-author__list .staffblog-author__image {

    width: 150px;

    height: 150px;

    margin: 0 auto 23px;

    position: relative;

    overflow: hidden;

    border-radius: 75px;

  }

  .staffblog-author__list .staffblog-author__image img {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

    backface-visibility: hidden;

    /* 画面のちらつき対策 */

    -webkit-backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.5s ease-out;

    transition: -webkit-transform 0.5s ease-out;

    transition: transform 0.5s ease-out;

    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;

  }

  .staffblog-author__list a:hover .staffblog-author__image img {

    -webkit-transform: scale(1.075) rotate(0.001deg);

            transform: scale(1.075) rotate(0.001deg);

    /* IEでのアニメーションがカクつくためrotateの指定を入れ描画の処理をGPUで行う */

    -webkit-transition: -webkit-transform 2s ease-out;

    transition: -webkit-transform 2s ease-out;

    transition: transform 2s ease-out;

    transition: transform 2s ease-out, -webkit-transform 2s ease-out;

  }

  .staffblog-author__list .staffblog-author__name {

    margin: 0 0 5px;

    font-size: 16px;

    font-weight: normal;

    display: block;

    text-align: center;

  }

  .staffblog-author__list .staffblog-author__name .author__name {

    margin: -2px 0 0;

    padding: 0;

    font-size: 24px;

    font-weight: bold;

    display: block;

  }

  .staffblog-author__list ul.link {

    padding: 7px 0 0;

    font-size: 18px;

  }

  .staffblog-author__list ul.link li {

    padding-left: 30px;

    -webkit-transition: color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

    transition: color 0.25s cubic-bezier(0.23, 1, 0.58, 1);

  }

  .staffblog-author__list ul.link li::before,

  .staffblog-author__list ul.link li::after {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-repeat: no-repeat;

    position: absolute;

    top: 4px;

    left: 0;

  }

  .staffblog-author__list ul.link li::before {

    display: block;

    background-image: url(/shared/svg/icons_link.svg);

    z-index: 10;

  }

  .staffblog-author__list ul.link li::after {

    background-image: url(/shared/svg/icons_link_hover.svg);

    z-index: 1;

  }

  .staffblog-author__list a:hover ul.link li::before {

    -webkit-animation: crossfadeOff 0.25s linear 0s 1 forwards;

    -ms-transition: crossfadeOff 0.25s linear 0s 1 forwards;

    animation: crossfadeOff 0.25s linear 0s 1 forwards;

  }

  .staffblog-author__list a:hover ul.link li {

    color: #169aff;

  }

}

@media screen and (max-width: 979px) {

  .staffblog-author__list {

    width: 100%;

    padding: 0;

    margin: -23px 0 -23.5px;

  }

  .staffblog-author__list li {

    padding: 23px 0 0;

    border-bottom: 1px solid #d4d4d4;

  }

  .staffblog-author__list li:last-child {

    border-bottom: 0;

  }

  .staffblog-author__list .staffblog-author__image {

    margin: 0 auto 16px;

  }

  .staffblog-author__list .staffblog-author__name {

    margin-bottom: 15px;

    font-size: 13px;

    font-weight: normal;

    display: block;

    text-align: center;

  }

  .staffblog-author__list .staffblog-author__name .author__name {

    padding: 10px 0 0;

    font-size: 20px;

    font-weight: bold;

  }

  .staffblog-author__list .staffblog-author__txt {

    line-height: 1.5;

  }

  .staffblog-author__list ul.link {

    padding: 10px 0 0;

    margin: 0 0 13px;

  }

}

@media screen and (min-width: 757px) and (max-width: 979px) {

  .staffblog-author__list ul.link li {

    padding-left: 31px;

  }

  .staffblog-author__list ul.link li::before {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-repeat: no-repeat;

    display: block;

    background-image: url(/shared/svg/icons_link.svg);

    position: absolute;

    top: 27px;

    left: 0;

  }

  .staffblog-author__list ul.link li::after {

    display: none;

  }

}

@media screen and (max-width: 756px) {

  .staffblog-author__list ul.link li {

    padding-left: 31px;

  }

  .staffblog-author__list ul.link li::before {

    content: "";

    width: 20px;

    height: 20px;

    background-size: 20px 20px;

    background-repeat: no-repeat;

    display: block;

    position: absolute;

    top: 24px;

    left: 0;

    background-image: url(/shared/svg/icons_link.svg);

  }

  .staffblog-author__list ul.link li::after {

    display: none;

  }

}

.project-author__name small {

  padding: 0;

  font-weight: normal;

}



@media screen and (min-width: 980px), print {

  .project-author__twoColumnsType {

    width: 100%;

    margin: -8px 0 19px;

    padding: 0 0 35px;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -ms-flex-pack: justify;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

            justify-content: space-between;

    -ms-flex-align: flex-start;

    /*--- IE10用 ---*/

    /*--- safari（PC）用 ---*/

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

            align-items: flex-start;

  }

  .project-author__photo {

    width: 200px;

    padding: 11px 0 0;

    margin: 0;

  }

  .project-author__name {

    margin: -10px 0 0;

    font-size: 24px;

  }

  .project-author__name small {

    font-size: 16px;

  }

  .project-author__txt {

    width: 580px;

    padding-top: 3px;

    padding-left: 51px;

  }

  .project-author .staffblog-author__comment::before {

    top: 23px;

    margin-top: 0;

  }

  .project-author .staffblog-author__comment::after {

    top: 24px;

    margin-top: 0;

  }

}

@media screen and (max-width: 979px) {

  .project-author__twoColumnsType {

    margin: 54px 0 22px;

  }

  .project-author__name {

    margin: -6px 0 15px;

    font-size: 20px;

  }

  .project-author__name small {

    margin: 0 0 8px;

    font-size: 13px;

  }

}

@media screen and (min-width: 980px) {

  .activities-keyVisual__mainTitle {

    margin-top: -10px;

    margin-bottom: 31px;

  }

  .activities-keyVisual__txt {

    text-align: center;

  }

}

@media screen and (max-width: 979px) {

  .activities-keyVisual__mainTitle {

    margin-bottom: 25px;

  }

  .activities-keyVisual__txt {

    font-size: 19px;

    line-height: 1.7631578;

    margin-bottom: 31px;

  }

}

.activities__twoColumnsType1 .btn {

  line-height: 0;

}



.activities__twoColumnsType1 .btn li a {

  line-height: 1.75;

  margin: 0;

}



@media screen and (min-width: 980px) {

  .activities__contentsList.contentsList {

    margin: 72px 0 80px;

  }

  .activities__contentsList {

    width: 100%;

    display: -ms-flexbox;

    /*--- IE10 ---*/

    /*--- safari（PC）用 ---*/

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    border-left: 1px solid #d4d4d4;

  }

  .activities__contentsList li {

    -ms-flex-positive: 1;

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

            flex-grow: 1;

    text-align: center;

    border-right: 1px solid #d4d4d4;

  }

  .activities__contentsList.contentsList li {

    margin: 0;

  }

  .activities__twoColumnsType1 {

    margin: 80px 0;

    padding: 0;

    background: url(/shared/images/2018/pagerBox__pager_bg.gif) center repeat-y;

  }

  .sectionBody__pc-980 .twoColumnsType .activities__column {

    width: 450px;

    margin: 0 40px 0 0;

  }

  .sectionBody__pc-980 .twoColumnsType .activities__columnEnd {

    width: 450px;

    margin: 0 0 0 40px;

  }

  .activities__twoColumnsType1 .titStyle3 {

    margin: -8px 0 27px;

    font-size: 32px;

    line-height: 1.4375;

  }

  .activities__youtube {

    margin: 0 0 10px;

    padding: 5px 0 0;

  }

  .activities__youtube:last-child {

    margin: 0;

  }

}

@media screen and (max-width: 979px) {

  .activities__contentsList.contentsList {

    padding: 26px 17.5px 4px;

    margin: 0 0 30.5px;

    border: 10px solid #f0f0f0;

  }

  .activities__contentsList.contentsList li {

    margin: 0 0 19px;

  }

  .activities__twoColumnsType1 {

    margin-bottom: 43.5px;

  }

  .activities__twoColumnsType1 .titStyle3 {

    margin: 0 0 29px;

    font-size: 25px;

    line-height: 1.46;

  }

  .activities__youtube {

    margin: 0 0 15.5px;

    padding: 5px 0 0;

  }

  .activities__youtube:last-child {

    margin: 0 0 53px;

  }

}

.activities-image {

  width: 100%;

  color: #fff;

}



@media screen and (min-width: 980px) {

  .activities-image {

    position: relative;

  }

  .activities-image__01 .sectionBody__pc-980,

  .activities-image__04 .sectionBody__pc-980 {

    padding-right: 490px;

  }

  .activities-image__climate .sectionBody__pc-980,

  .activities-image__wildlife .sectionBody__pc-980 {

    padding-right: 490px;

  }

  .activities-image__resource .sectionBody__pc-980,

  .activities-image__nature .sectionBody__pc-980 {

    padding-left: 490px;

  }

  .activities-image .inner {

    height: 495px;

    display: table-cell;

    vertical-align: middle;

  }

  .activities-image__why .inner {

    width: 980px;

    height: 462px;

  }

  .activities-image__tit {

    margin-top: 0;

    margin-bottom: 19px;

  }

  .activities-image__txt {

    margin-bottom: 26px;

  }

  .activities-image__climate .activities-image__tit {

    text-shadow: 0px 0px 23.76px rgba(60, 91, 122, 0.3);

  }

  .activities-image__climate .activities-image__txt {

    text-shadow: 0px 0px 23.76px rgba(39, 82, 118, 0.4);

  }

  .activities-image__nature .activities-image__tit {

    text-shadow: 0px 0px 23.76px rgba(25, 39, 39, 0.3);

  }

  .activities-image__nature .activities-image__txt {

    text-shadow: 0px 0px 23.76px rgba(37, 51, 55, 0.4);

  }

  .activities-image__why .activities-image__tit,

  .activities-image__why .activities-image__txt {

    text-align: center;

  }

  .activities-image .btn {

    text-align: left;

  }

  .activities-image__why .btn {

    text-align: center;

  }

  .activities-image .btn li {

    position: static;

  }

  .activities-image .btn li a {

    padding: 14px 0;

    margin-bottom: 0;

    color: #fff;

    background: none;

    position: relative;

  }

  .activities-image .btn li a:before {

    width: 70%;

    height: 70%;

    border-radius: 28px;

    background: #fff;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    opacity: 0;

    z-index: -1;

  }

  .activities-image .btn li a:after {

    border-radius: 28px;

    border: 1px solid #fff;

  }

  .activities-image .btn li a:hover {

    color: #000;

  }

  .activities-image .btn li a:hover:before,

  .activities-image .btn li a:active:before {

    width: 100%;

    height: 100%;

    opacity: 1;

  }

  .activities-image__background {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: -1;

  }

  .activities-image__background .image {

    width: 100%;

    height: 100%;

  }

  .activities-image__background figure {

    width: 100%;

  }

  .activities-image__background img.imgExpansion {

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.5s ease-out;

    transition: -webkit-transform 0.5s ease-out;

    transition: transform 0.5s ease-out;

    transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out;

  }

  .btn li a:hover + .activities-image__background img.imgExpansion {

    -webkit-transform: scale(1.075) rotate(0.001deg);

            transform: scale(1.075) rotate(0.001deg);

    -webkit-transition: -webkit-transform 2s ease-out;

    transition: -webkit-transform 2s ease-out;

    transition: transform 2s ease-out;

    transition: transform 2s ease-out, -webkit-transform 2s ease-out;

  }

  .activities-image:after {

    border-width: 20px 20px;

    margin-left: -20px;

  }

}

@media screen and (max-width: 979px) {

  .activities-image {

    margin-bottom: 47.5px;

    background-size: cover;

    background-position: center bottom;

    position: relative;

  }

  .activities-image__lega01 {

    background-image: url(/donate/images/top_legacy01_sp.jpg);

  }

  .activities-image__lega02 {

    background-image: url(/donate/images/top_legacy02_sp.jpg);

  }

  .activities-image__lega03 {

    background-image: url(/donate/images/top_legacy03_sp.jpg);

  }

  .activities-image__lega04 {

    background-image: url(/donate/images/top_legacy04_sp.jpg);

  }

  .activities-image__climate {

    background-image: url(/activities/images/top_climate_sp.jpg);

  }

  .activities-image__resource {

    background-image: url(/activities/images/top_resource_sp.jpg);

  }

  .activities-image__wildlife {

    background-image: url(/activities/images/top_wildlife_sp.jpg);

  }

  .activities-image__nature {

    background-image: url(/activities/images/top_nature_sp.jpg);

  }

  .activities-image__why {

    margin-bottom: 0;

    background-image: url(/activities/images/top_why_sp.jpg);

    background-position: center center;

  }

  .activities-image .sectionBody__sp {

    padding-top: 75px;

    padding-bottom: 240px;

  }

  .activities-image__why .sectionBody__sp {

    padding-bottom: 72px;

  }

  .activities-image__tit {

    margin-bottom: 24px;

    text-align: center;

  }

  .activities-image__txt {

    line-height: 1.75;

    margin-bottom: 28px;

  }

  .activities-image .btn li {

    position: static;

  }

  .activities-image .btn li a {

    padding: 11.5px 0 12.5px;

    margin: 0 auto;

    color: #fff;

    background: none;

    border: 1px solid #fff;

  }

  .activities-image__background .image {

    position: static;

  }

  .activities-image__background figure figcaption {

    width: 100%;

    bottom: 12px;

  }

  .activities-image__why .activities-image__background figure figcaption {

    bottom: 3px;

  }

  .activities-image:after {

    border-width: 10px 10px;

    margin-left: -10px;

  }

}

.activities-image:after {

  content: "";

  border-style: solid;

  border-color: #fff;

  border-top-color: transparent;

  border-right-color: transparent;

  border-left-color: transparent;

  position: absolute;

  left: 50%;

  bottom: 0;

}



.activities-image__why:after {

  display: none;

}



.youtube {

  position: relative;

  width: 100%;

  padding-top: 56.25%;

}



.youtube iframe {

  position: absolute;

  top: 0;

  right: 0;

  width: 100% !important;

  height: 100% !important;

  border: 0;

}



.refine_setting {

  padding: 20px 0;

}



.refine_setting dl {

  border: 1px solid #d4d4d4;

  border-radius: 10px;

}



.refine_setting dt {

  cursor: pointer;

  position: relative;

  font-weight: bold;

  background-color: #fff;

  border-radius: 10px;

}



.refine_setting dt.open {

  border-radius: 10px 10px 0 0;

}



.refine_setting dt:before,

.refine_setting dt:after {

  content: "";

  width: 20px;

  height: 20px;

  display: block;

  position: absolute;

  top: 50%;

  margin-top: -10px;

  background-size: 20px 20px;

  background-repeat: no-repeat;

}



@media screen and (min-width: 980px) {

  .refine_setting dt:before,

  .refine_setting dt:after {

    right: 17px;

  }

}

@media screen and (max-width: 979px) {

  .refine_setting dt:before,

  .refine_setting dt:after {

    right: 15px;

  }

}

.refine_setting dt:before {

  background-image: url(/shared/svg/icons_more_opend.svg);

}



.refine_setting dt:after {

  background-image: url(/shared/svg/icons_more_close.svg);

}



.refine_setting dt.open:after {

  -webkit-animation: crossfadeOff 0.5s linear 0s 1 forwards;

  -ms-transition: crossfadeOff 0.5s linear 0s 1 forwards;

  animation: crossfadeOff 0.5s linear 0s 1 forwards;

}



.refine_setting dt.close:after {

  -webkit-animation: crossfadeOn 0.5s linear 0s 1 forwards;

  -ms-transition: crossfadeOn 0.5s linear 0s 1 forwards;

  animation: crossfadeOn 0.5s linear 0s 1 forwards;

}



@media screen and (min-width: 980px) {

  .refine_setting dt {

    -webkit-transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: background-color 0.4s cubic-bezier(0.23, 1, 0.58, 1);

  }

  .refine_setting dt:hover {

    color: #fff;

    background-color: #000;

  }

}

.refine_setting dd {

  border-top: 1px dotted #d4d4d4;

  display: none;

  background-color: #fff;

  border-radius: 0 0 10px 10px;

}



.refine_setting li:before {

  display: none;

}



@media screen and (min-width: 980px) {

  .refine_setting dt {

    padding: 15px 19px;

  }

  .refine_setting dd {

    padding: 10px 30px 40px;

  }

}

@media screen and (max-width: 979px) {

  .refine_setting dt {

    font-size: 16px;

    padding: 17px 15px;

  }

  .refine_setting dd {

    padding: 5px 15px 30px;

  }

}

.refine_setting input[type=radio] {

  display: inline-block;

}



.refine_setting input[type=radio] + label {

  position: relative;

  display: inline-block;

  cursor: pointer;

  vertical-align: middle;

  font-size: 16px;

  line-height: 1.125;

}



.refine_setting__taglist {

  margin: 0;

  border-top: 1px dotted #d4d4d4;

}



.refine_setting__taglist:first-child {

  border-top: 0;

}



@media screen and (min-width: 980px) {

  .refine_setting__taglist {

    padding: 14px 0;

  }

  .refine_setting__taglist li {

    width: 33.3333333333%;

    margin-bottom: 4px;

    display: inline-block;

  }

}

@media screen and (max-width: 979px) {

  .refine_setting__taglist {

    padding: 19px 0 6px;

  }

}

.refine_setting__hr {

  width: 100%;

  height: 1px;

  padding: 0;

  margin: 30px 0 25px;

  background: #d4d4d4;

}



.refine_setting__yearmonth {

  text-align: center;

}



.refine_setting__yearmonth select {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border: 0;

  background-color: #fff;

  background-image: url(/shared/images/2018/region-picker_select.png);

  background-repeat: no-repeat;

  border: 1px solid #d4d4d4;

}



.refine_setting__yearmonth li {

  margin: 0 7.5px 15px;

  text-align: left;

  display: inline-block;

}



@media screen and (min-width: 980px) {

  .refine_setting__yearmonth {

    margin: 0 0 5px;

  }

  .refine_setting__yearmonth select {

    height: 38px;

    padding: 0 41px 0 18px;

    font-size: 16px;

    line-height: 38px;

    background-size: 12px 21px;

    background-position: calc(100% - 15px) center;

    border-radius: 38px;

    opacity: 1;

  }

}

@media screen and (max-width: 979px) {

  .refine_setting__yearmonth {

    margin: 0 0 10px;

  }

  .refine_setting__yearmonth select {

    height: 50px;

    padding: 0 47px 0 20px;

    font-size: 16px;

    line-height: 50px;

    background-size: 12px 21px;

    background-position: calc(100% - 19px) center;

    border-radius: 25px;

  }

}

@media (min-width: 1px) {

  .refine_setting input[type=radio] {

    display: none;

    margin: 0;

  }

  .refine_setting input[type=radio]:checked + label::after {

    content: "";

    position: absolute;

    top: 50%;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: block;

  }

  .refine_setting input[type=radio] + label::before {

    content: "";

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    display: block;

    background: #ffffff;

  }

  .refine_setting input[type=radio] + label::before {

    width: 20px;

    height: 20px;

    margin-top: -10px;

  }

}

@media screen and (min-width: 1px) and (min-width: 980px) {

  .refine_setting input[type=radio] + label {

    padding: 0 0 0 29px;

    min-height: 20px;

  }

}

@media screen and (min-width: 1px) and (max-width: 979px) {

  .refine_setting input[type=radio] + label {

    padding: 0 0 0 27px;

    line-height: 18px;

  }

}

@media (min-width: 1px) {

  .refine_setting input[type=radio][disabled] {

    cursor: default;

  }

  .refine_setting input[type=radio] + label {

    background: none;

  }

  .refine_setting input[type=radio][disabled] + label {

    color: #999999;

    cursor: default;

  }

  .refine_setting input[type=radio] + label::before {

    border-style: solid;

    border-color: #d4d4d4;

    border-width: 3px;

    border-radius: 20px;

  }

  .refine_setting input[type=radio][disabled] + label::before {

    border-color: #999999;

  }

  .refine_setting input[type=radio][disabled]:checked + label::before {

    border-color: #999999;

    background-color: #ffffff;

  }

  .refine_setting input[type=radio]:checked + label::after {

    background: #16c1b6;

    margin-top: -5px;

    left: 5px;

    width: 10px;

    height: 10px;

    border-radius: 10px;

  }

  .refine_setting input[type=radio][disabled]:checked + label::after {

    background: #999999;

  }

}

.refine_setting__submit li {

  margin: 0 auto;

}



.refine_setting__submit input[type=submit] {

  text-align: center;

  display: block;

  font-weight: bold;

  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;

}



@media screen and (min-width: 980px) {

  .refine_setting__submit {

    padding: 10px 0 0;

  }

  .refine_setting__submit li {

    width: 264px;

    padding: 0;

    overflow: hidden;

    display: block;

    position: relative;

  }

  .refine_setting__submit li span {

    width: 100%;

    height: 100%;

    display: block;

    position: absolute;

    border-radius: 40px;

    z-index: 1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

  }

  .refine_setting__submit li span.frame {

    border: 1px solid #000;

  }

  .refine_setting__submit span.animation {

    -webkit-transform: translatez(0);

            transform: translatez(0);

    opacity: 1;

    margin: auto;

    -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);

    background-color: #000;

  }

  .refine_setting__submit input[type=submit] {

    width: 100%;

    font-size: 16px;

    padding: 20px 0;

    line-height: 1;

    color: #fff;

    background-color: transparent;

    border: 0;

    position: relative;

    z-index: 3;

  }

  .refine_setting__submit input[type=submit]:hover {

    color: #000;

  }

  .refine_setting__submit input[type=submit]:hover + span.animation {

    width: 70%;

    height: 70%;

    opacity: 0;

  }

}

@media screen and (max-width: 979px) {

  .refine_setting__submit input[type=submit] {

    width: 235px;

    max-width: 100%;

    font-size: 14px;

    padding: 19px 0 17px;

    line-height: 1;

    color: #fff;

    background-color: #000;

    border-radius: 50px;

    border: 0;

  }

}

/* 4themaBox

-------------------------------------------------- */

@media screen and (min-width: 756px) {

  .themabnrBox {

    margin-bottom: 10px;

    width: 50%;

    float: left;

    text-align: center;

  }

}

@media screen and (max-width: 755px) {

  .themabnrBox {

    margin-bottom: 10px;

    width: 100%;

    text-align: center;

  }

}

/* display-none

-------------------------------------------------- */

@media screen and (min-width: 980px) {

  .PChidden {

    display: none;

  }

}

@media screen and (max-width: 979px) {

  .SPhidden {

    display: none;

  }

}

/* For hover button look - 2021 */

#headerActivities.active {

  background: #f0f0f0;

  margin: -5px 14px 0;

  padding-top: 12px;

  border-radius: 20px;

  color: #169aff;

  position: relative;

}



#headerActivities.active::after {

  content: "";

  width: 17px;

  height: 17px;

  background-size: 17px 17px;

  background-position: center right;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  margin-top: -8.5px;

  right: 11px;

  background-image: url(/shared/svg/icons_link_hover.svg);

  z-index: 1;

}



#headerAbout.active {

  background: #f0f0f0;

  margin: -5px 14px 0;

  padding-top: 12px;

  border-radius: 20px;

  color: #169aff;

  position: relative;

}



#headerAbout.active::after {

  content: "";

  width: 17px;

  height: 17px;

  background-size: 17px 17px;

  background-position: center right;

  background-repeat: no-repeat;

  position: absolute;

  top: 50%;

  margin-top: -8.5px;

  right: 11px;

  background-image: url(/shared/svg/icons_link_hover.svg);

  z-index: 1;

}



/*20220908追加　上にactivities-image__lega関連

-------------------------------------------------- */

@media screen and (min-width: 980px) {

  .inner_right .sectionBody__pc-980,

  .inner_left .sectionBody__pc-980 {

    display: table;

  }

  .inner_right .sectionBody__pc-980::before,

  .inner_left .sectionBody__pc-980::after {

    content: "";

    display: table-cell;

    vertical-align: middle;

    width: 50%;

  }

}

/* 20230331 CSS Fix */

.keyVisual__nofixed .keyVisual {

  display: block !important;

}



@media screen and (min-width: 757px), print {

  .recommendationList {

    margin: 41px auto 0;

    width: 780px;

  }

  .top-bodyArea .recommendationList {

    width: auto;

  }

  .recommendationList .slick-prev,

  .recommendationList .slick-next {

    top: calc(50% - 38px);

  }

  .recommendationList .slick-prev {

    left: 41%;

  }

  .recommendationList .slick-next {

    right: 41%;

  }

  .recommendationList a .link li {

    margin-bottom: 22px;

  }

  .recommendationList li a {

    height: 400px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    padding: 47px 40px 47px 20px;

  }

}

/* Banner CSS 202305 */

.banner-container {

  max-width: 1090px;

  padding: 80px 0;

  margin: 0 auto;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



.banner-container .banner-lists {

  padding: 0 55px;

  position: relative;

  margin: 0 auto;

}



.banner-item {

  margin: 0 20px;

}



.banner-item .image {

  /* width: 600px;

  max-width: 600px; */

  height: 340px;

  margin: 0 auto;

}



.banner-item img {

  width: 100%;

  height: 100%;

  margin: 0 auto;

}



.banner-lists ul.slick-dots {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  list-style: none;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  gap: 18px;

  margin: 30px auto 0;

}



.banner-lists ul.slick-dots li:before {

  display: none;

}



.banner-lists ul.slick-dots li {

  height: 12px;

  width: 12px;

  background-color: #ffffff;

  border-radius: 50%;

  -webkit-align-self: center;

      -ms-flex-item-align: center;

          align-self: center;

  margin: 0;

}



.banner-lists ul.slick-dots li button {

  display: none;

}



.banner-lists ul.slick-dots li.slick-active {

  background-color: #000000;

}



.banner-lists button.slick-arrow {

  width: 55px;

  height: calc(100% - 42px);

  position: absolute;

  top: 0;

  left: calc(50% - 71px);

  border: none;

  background-color: transparent;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  cursor: pointer;

}



.banner-lists button.slick-next.slick-arrow {

  left: calc(100% - 42px);

}



.banner-lists button.slick-arrow span {

  width: 22px;

  height: 22px;

  margin-top: -3px;

  border: solid #000000;

  padding: 2px;

  display: inline-block;

  border-width: 0px 2px 2px 0px;

  -webkit-transform: rotate(135deg);

          transform: rotate(135deg);

}



.banner-lists .slick-prev:before,

.banner-lists .slick-next:before {

  display: none;

}



.banner-lists button.slick-next.slick-arrow span {

  -webkit-transform: rotate(-45deg);

          transform: rotate(-45deg);

}



@media screen and (max-width: 1080px) {

  .banner-lists button.slick-arrow {

    left: 45%;

  }

  .banner-lists button.slick-next.slick-arrow {

    left: calc(100% - 55px);

  }

}

@media screen and (max-width: 1024px) {

  .banner-lists button.slick-arrow {

    left: 47.6%;

  }

}

@media screen and (min-width: 768px) and (max-width: 999px) {

  .banner-lists button.slick-arrow {

    left: 50%;

  }

}

@media screen and (min-width: 980px), print {

  .banner-lists button.slick-prev {

    margin-left: -487px;

  }

  .banner-lists button.slick-next {

    right: calc(50% - 71px);

  }

}

@media screen and (max-width: 768px) {

  .banner-container .banner-lists {

    padding: 0px;

  }

  .banner-item {

    margin: 0 10px;

  }

  .banner-item .image {

    width: 300px;

    height: 170px;

    max-width: 300px;

  }

  .banner-lists button.slick-arrow {

    display: none !important;

  }

  .banner-lists ul.slick-dots {

    gap: 15px;

    margin: 25px auto 0;

  }

}

/* 04/27/23 CSS Fix */

@media screen and (max-width: 756px) {

  .nav_supportArea .supportArea__image,

  .nav_supportArea .supportArea__image figure {

    width: 100%;

    height: auto;

    padding: 0;

    margin: 0;

    border-radius: 5px 5px 0 0;

  }

  .nav_supportArea .supportArea__image {

    margin-bottom: 15px;

  }

}

/*---------------------------------



  最新活動情報



---------------------------------*/

.lafp-box-900 {

  width: 900px;

  margin: 0 auto;

}



@media (max-width: 991px) {

  .lafp-box-900 {

    width: auto;

  }

}

/*   290px    */

/*     Latest activity information   */

#lafp-view-6th {

  margin-top: 40px;

  padding-top: 40px;

}



.lafp-latest-activity-info {

  /*margin-top: 80px;*/

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}



.lafp-latest-activity-wrap {

  width: 290px;

  background-color: #fff;

  position: relative;

  padding-bottom: 60px;

  margin-bottom: 18px;

}

.lafp-latest-activity-wrap a[target=_blank]:after {

  content: none;

}



.lafp-blog-images img {

  width: 290px;

  height: 152px; /*height: auto;*/ /*    0.48333333333   */

}



.lafp-blog-daytime {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  height: 30px;

  background-color: rgba(0, 0, 0, 0.5);

  padding: 5px 12px 0;

  font-size: 15px;

  color: #fff;

  margin-top: -30px;

  position: relative;

  z-index: 1;

}



.lafp-blog-title h4 {

  font-size: 18px;

  margin: 0;

  padding: 8px 12px 0;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  line-height: 1.22;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";

  font-weight: bold;

}



.lafp-blog-title h4 a {

  color: #000;

}



.lafp-blog-text {

  padding: 8px 12px 0;

  line-height: 1.22;

  font-size: 16px;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";

  color: #222222;

}



.lafp-latest-activity-wrap footer {

  height: 45px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  padding: 0;

}



.lafp-latest-activity-wrap footer a {

  height: 45px;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  display: block;

  background-color: #000;

  text-align: center;

  padding: 15px 0 0;

  font-size: 16px;

  color: #fff;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";

  line-height: 1;

  position: absolute;

  height: 100%;

  top: 0;

  left: 0;

  width: 100%;

}



.lafp-latest-activity-wrap footer a:hover {

  background-color: #333;

  text-decoration: underline;

}



.lafp-6th-ttl-box-wrap .lafp-ttl-line::before,

.lafp-6th-ttl-box-wrap .lafp-ttl-line::after,

.lafp-7th-ttl-box-wrap .lafp-ttl-line::before,

.lafp-7th-ttl-box-wrap .lafp-ttl-line::after {

  box-shadow: 1px 2px 3px 2px rgba(42, 112, 191, 0.35);

  -moz-box-shadow: 1px 2px 3px 2px rgba(42, 112, 191, 0.35);

  -webkit-box-shadow: 1px 2px 3px 2px rgba(42, 112, 191, 0.35);

}



@media (max-width: 991px) {

  .lafp-latest-activity-wrap {

    width: 32.5%;

  }

  .lafp-blog-images img {

    width: 100%;

    height: auto;

  }

}

@media (max-width: 768px) {

  .lafp-latest-activity-wrap {

    width: 97%;

  }

}

/************************************************

 * 20240227 - contents

 ************************************************/

body {

  min-width: auto;

}



#bodyArea {

  padding: 0;

}



img {

  width: 100%;

  height: auto;

  max-width: 100%;

}



.hov-fade:hover, .hov-fade:focus-visible {

  opacity: 0.8;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.yt-video {

  position: relative;

}

.yt-video::before {

  content: "";

  display: block;

  padding-top: 56.25%;

}

.yt-video iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.pc {

  display: none;

}

@media screen and (min-width: 768px) {

  .pc {

    display: block;

  }

}



.sp {

  display: block;

}

@media screen and (min-width: 768px) {

  .sp {

    display: none;

  }

}



br.bsp {

  display: inline-block;

}

@media screen and (min-width: 768px) {

  br.bsp {

    display: none;

  }

}

br.nbsp {

  display: none;

}

@media screen and (min-width: 768px) {

  br.nbsp {

    display: inline-block;

  }

}



.captions {

  margin: 20px auto 0;

  padding: 0;

  max-width: 1008px;

}

@media screen and (min-width: 768px) {

  .captions {

    margin-top: 60px;

  }

}

.captions li {

  margin: 0;

  padding: 0;

  font-size: 15px;

  font-size: 0.9375rem;

  line-height: 1.7;

  position: relative;

  padding-left: 1.5em;

}

@media screen and (min-width: 768px) {

  .captions li {

    font-size: 18px;

    font-size: 1.125rem;

  }

}

.captions li::before {

  content: "※";

  position: absolute;

  left: 0;

  background: none;

  top: 0;

}



.da2024ws {

  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;

  font-weight: 700;

}



.mv {

  position: relative;

  background: #ffea00;

}

.mv-logo {

  position: absolute;

  width: 60px;

  top: 15px;

  left: 15px;

}

@media screen and (min-width: 768px) {

  .mv-logo {

    width: 80px;

    top: 20px;

    left: 20px;

  }

}

.mv-main {

  padding: 20px 40px 10px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

}

@media screen and (min-width: 768px) {

  .mv-main {

    padding: 0 80px 30px;

    max-width: 980px;

    margin: 0 auto;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

        -ms-flex-direction: row;

            flex-direction: row;

  }

}

.mv-main-img {

  padding: 0 40px;

}

@media screen and (min-width: 768px) {

  .mv-main-img {

    padding: 0;

    width: 45.7142857143%;

    max-width: 448px;

  }

}

.mv-main-txtbox {

  margin-top: 10px;

}

@media screen and (min-width: 768px) {

  .mv-main-txtbox {

    margin-top: 0;

    width: 44.4897959184%;

    margin-left: 9.7959183673%;

  }

}

.mv-main-read {

  font-size: 12px;

  font-size: 0.75rem;

  margin-top: 15px;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .mv-main-read {

    font-size: 15px;

    font-size: 0.9375rem;

    margin-top: 48px;

  }

}

.mv-main-read span {

  display: inline-block;

  padding: 2px 6px;

  line-height: 1.2;

  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));

  background: -webkit-linear-gradient(#fff 0%, #fff 100%);

  background: linear-gradient(#fff 0%, #fff 100%);

}

.mv-video {

  position: relative;

}

.mv-video-wrapper {

  margin: 0 auto;

  max-width: 640px;

}

@media screen and (min-width: 768px) {

  .mv-video-wrapper {

    padding-bottom: 60px;

  }

}

.mv-video-caption {

  position: absolute;

  top: 0;

  right: 0;

  font-weight: 700;

  font-size: 10px;

  font-size: 0.625rem;

  letter-spacing: 0.25em;

  background: rgba(0, 0, 0, 0.5);

  color: #fff;

  padding: 0.5em 1em 0.5em 2em;

}

@media screen and (min-width: 768px) {

  .mv-video-caption {

    font-size: 12px;

    font-size: 0.75rem;

  }

}

.mv-donate {

  background: #ed6c00;

  position: relative;

  text-align: center;

  color: #fff !important;

  padding: 20px 0 0;

  display: block;

  text-decoration: none;

}

@media screen and (min-width: 768px) {

  .mv-donate {

    padding-bottom: 20px;

  }

}

.mv-donate-icon {

  width: 45px;

  margin: 0 auto;

  margin-top: 15px;

}

@media screen and (min-width: 768px) {

  .mv-donate-icon {

    position: absolute;

    bottom: 0;

    left: 50px;

    width: 70px;

  }

}

@media screen and (min-width: 1025px) {

  .mv-donate-icon {

    left: 80px;

    width: 90px;

  }

}

@media screen and (min-width: 1367px) {

  .mv-donate-icon {

    left: 200px;

    width: 100px;

  }

}

.mv-donate-txt {

  margin: 0;

  text-align: center;

  font-size: 16px;

  font-size: 1rem;

}

@media screen and (min-width: 768px) {

  .mv-donate-txt {

    font-size: 24px;

    font-size: 1.5rem;

  }

}

@media screen and (min-width: 1025px) {

  .mv-donate-txt {

    font-size: 30px;

    font-size: 1.875rem;

  }

}

@media screen and (min-width: 1367px) {

  .mv-donate-txt {

    font-size: 36px;

    font-size: 2.25rem;

  }

}

.mv-donate-txt .large {

  font-size: 24px;

  font-size: 1.5rem;

}

@media screen and (min-width: 768px) {

  .mv-donate-txt .large {

    font-size: 24px;

    font-size: 1.5rem;

  }

}

@media screen and (min-width: 1025px) {

  .mv-donate-txt .large {

    font-size: 30px;

    font-size: 1.875rem;

  }

}

@media screen and (min-width: 1367px) {

  .mv-donate-txt .large {

    font-size: 36px;

    font-size: 2.25rem;

  }

}

.mv-event {

  background: #007932;

  position: relative;

  text-align: center;

  color: #fff !important;

  padding: 20px 0 0;

  display: block;

  text-decoration: none;

}



.mv-event-text {

  font-size: 16px;

  font-weight: bold;

  margin: 20px 0 0;

  padding: 0 0 20px;

  text-align: center;

}



.sec-in {

  padding: 0 20px;

}

@media screen and (min-width: 768px) {

  .sec-in {

    padding: 0 32px;

    max-width: 1370px;

    margin: 0 auto;

    -webkit-box-sizing: content-box;

            box-sizing: content-box;

  }



  .mv-event-text {

    font-size: 24px;

  }

}



.sec-01 {

  padding: 40px 0;

}

@media screen and (min-width: 768px) {

  .sec-01 {

    padding: 60px 0;

  }

}

.sec-01-ttl {

  text-align: center;

  font-size: 20px;

  font-size: 1.25rem;

  margin: 0;

}

@media screen and (min-width: 768px) {

  .sec-01-ttl {

    font-size: 28px;

    font-size: 1.75rem;

  }

}

.sec-01-txt {

  text-align: center;

  font-size: 16px;

  font-size: 1rem;

  margin: 0;

}

@media screen and (min-width: 768px) {

  .sec-01-txt {

    font-size: 28px;

    font-size: 1.75rem;

  }

}

.sec-01-box {

  margin-top: 20px;

  border: 3px solid #000;

  border-radius: 30px;

  padding: 20px;

}

@media screen and (min-width: 768px) {

  .sec-01-box {

    border-width: 5px;

    margin-top: 32px;

    padding: 32px;

  }

}

@media screen and (min-width: 1025px) {

  .sec-01-box {

    margin-top: 56px;

    padding: 56px;

  }

}

.sec-01-list {

  margin: 0;

  padding: 0;

}

.sec-01-list li {

  margin: 0;

}

.sec-01-list li::before {

  content: none;

}

.sec-01-item + .sec-01-item {

  margin-top: 40px;

}

@media screen and (min-width: 768px) {

  .sec-01-item + .sec-01-item {

    margin-top: 60px;

  }

}

.sec-01-item-ttl {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  margin: 0;

}

.sec-01-item-num {

  width: 72px;

}

@media screen and (min-width: 768px) {

  .sec-01-item-num {

    width: 102px;

  }

}

.sec-01-item-txt {

  margin-left: 1em;

  font-size: 20px;

  font-size: 1.25rem;

  -webkit-transform: translateY(0.4em);

          transform: translateY(0.4em);

}

@media screen and (min-width: 768px) {

  .sec-01-item-txt {

    font-size: 28px;

    font-size: 1.75rem;

    margin-left: 72px;

  }

}

.sec-01-item-imgbox {

  margin-left: auto;

  margin-right: auto;

  max-width: 800px;

}

.sec-01-item-imgbox.img-01 {

  margin-top: 20px;

}

.sec-01-item-imgbox.img-02 {

  margin-top: 30px;

}

@media screen and (min-width: 768px) {

  .sec-01-item-imgbox.img-02 {

    margin-top: 52px;

  }

}

.sec-01-item-imgbox.img-03 {

  margin-top: 40px;

}

@media screen and (min-width: 768px) {

  .sec-01-item-imgbox.img-03 {

    margin-top: 0;

  }

}

.sec-01-item-caption {

  margin: 40px 0 0;

  font-size: 14px;

  font-size: 0.875rem;

  line-height: 1.7;

}

@media screen and (min-width: 768px) {

  .sec-01-item-caption {

    font-size: 16px;

    font-size: 1rem;

    max-width: 1008px;

    margin: 60px auto 0;

  }

}

.sec-01-last {

  margin-top: 60px;

}

@media screen and (min-width: 768px) {

  .sec-01-last {

    margin-top: 100px;

  }

}

.sec-01-last-images {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

}

@media screen and (min-width: 768px) {

  .sec-01-last-images {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

}

@media screen and (min-width: 768px) {

  .sec-01-last-donate {

    width: 56.1403508772%;

  }

}

.sec-01-last-image {

  margin: 30px auto 0;

  width: 70%;

}

@media screen and (min-width: 768px) {

  .sec-01-last-image {

    margin-top: 0;

    width: 36.8421052632%;

  }

}



.sticky-item {

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  -webkit-transform: translateY(100%);

          transform: translateY(100%);

  -webkit-transition: 0.3s;

  transition: 0.3s;

  z-index: 99;

}

.sticky-item.is-show {

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

.sticky-link {

  background: #ed6c00;

  color: #fff !important;

  text-decoration: none !important;

  margin: 0;

  padding: 0;

  height: 60px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 100%;

  border-radius: 30px 30px 0 0;

  border: 3px solid #ed6c00;

  border-bottom-width: 0;

  font-size: 24px;

  font-size: 1.5rem;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

@media screen and (min-width: 768px) {

  .sticky-link {

    height: 80px;

    font-size: 36px;

    font-size: 2.25rem;

  }

}

.sticky-link:hover, .sticky-link:focus-visible {

  background: #fff;

  color: #ed6c00 !important;

}



.sec-02-bg {

  background-image: url("../images/s2-bg.webp");

  background-size: cover;

  background-position: center center;

  padding: 60px 20px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

}

@media screen and (min-width: 768px) {

  .sec-02-bg {

    padding: 100px 0 100px 40px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

        -ms-flex-direction: row;

            flex-direction: row;

  }

}

@media screen and (min-width: 1025px) {

  .sec-02-bg {

    padding-left: 64px;

  }

}

@media screen and (min-width: 768px) {

  .sec-02-txtbox {

    max-width: 532px;

    margin-left: auto;

  }

}

.sec-02-txt {

  color: #fff;

  font-size: 16px;

  font-size: 1rem;

  margin: 0;

}

@media screen and (min-width: 768px) {

  .sec-02-txt {

    font-size: 18px;

    font-size: 1.125rem;

  }

}

.sec-02-txt:nth-of-type(n + 2) {

  margin-top: 1.5em;

}

.sec-02-pip {

  -webkit-box-ordinal-group: 2;

  -webkit-order: 1;

      -ms-flex-order: 1;

          order: 1;

  margin-top: 20px;

}

@media screen and (min-width: 768px) {

  .sec-02-pip {

    margin-top: 0;

    margin-left: 45px;

    width: 46%;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

  }

}

@media screen and (min-width: 1025px) {

  .sec-02-pip {

    width: 58.1395348837%;

  }

}

@media screen and (min-width: 768px) {

  .sec-02-pip-img {

    position: relative;

  }

}

.sec-02-pip-txtbox {

  background: #fff;

  padding: 20px;

}

@media screen and (min-width: 768px) {

  .sec-02-pip-txtbox {

    position: absolute;

    top: calc(100% - 80px);

    right: 0;

  }

}

@media screen and (min-width: 1025px) {

  .sec-02-pip-txtbox {

    top: calc(100% - 150px);

  }

}

.sec-02-pip-ttl {

  font-size: 22px;

  font-size: 1.375rem;

  margin: 0;

}

@media screen and (min-width: 768px) {

  .sec-02-pip-ttl {

    font-size: 28px;

    font-size: 1.75rem;

  }

}

.sec-02-pip-txt {

  font-size: 18px;

  font-size: 1.125rem;

  line-height: 1.7;

  margin: 1em 0 0;

}

@media screen and (min-width: 768px) {

  .sec-02-pip-txt {

    font-size: 20px;

    font-size: 1.25rem;

  }

}



.sec-03-heading {

  background: #ffea00;

  padding: 20px 0;

}

@media screen and (min-width: 768px) {

  .sec-03-heading {

    padding: 36px 0;

  }

}

.sec-03-heading-in {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

}

@media screen and (min-width: 768px) {

  .sec-03-heading-in {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

        -ms-flex-direction: row;

            flex-direction: row;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;

  }

}

.sec-03-bg {

  width: 90%;

  margin: 20px auto 0;

}

@media screen and (min-width: 768px) {

  .sec-03-bg {

    margin: 0;

    width: 400px;

  }

}

@media screen and (min-width: 1025px) {

  .sec-03-bg {

    width: 529px;

  }

}

.sec-03-ttl {

  margin: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

      -ms-flex-direction: column;

          flex-direction: column;

}

.sec-03-ttl-icon {

  width: 32px;

}

@media screen and (min-width: 768px) {

  .sec-03-ttl-icon {

    width: 42px;

  }

}

.sec-03-ttl span {

  font-size: 16px;

  font-size: 1rem;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 768px) {

  .sec-03-ttl span {

    font-size: 24px;

    font-size: 1.5rem;

  }

}

@media screen and (min-width: 1025px) {

  .sec-03-ttl span {

    font-size: 28px;

    font-size: 1.75rem;

  }

}

.sec-03-ttl-bottom {

  margin-top: 10px;

}

@media screen and (min-width: 1025px) {

  .sec-03-ttl-bottom {

    margin-top: 16px;

  }

}

.sec-03-in {

  padding-top: 40px;

  padding-bottom: 40px;

}

@media screen and (min-width: 768px) {

  .sec-03-in {

    padding-top: 60px;

    padding-bottom: 60px;

  }

}

.sec-03-read {

  margin: 0;

  font-size: 16px;

  font-size: 1rem;

  line-height: 1.7;

}

@media screen and (min-width: 768px) {

  .sec-03-read {

    font-size: 18px;

    font-size: 1.125rem;

  }

}

.sec-03-read:nth-of-type(n + 2) {

  margin-top: 1.5em;

}

.sec-03 .ol-box {

  margin-top: 1.5em;

  border: 2px solid #000;

  padding: 20px;

}

.sec-03 .ba {

  margin-top: 32px;

}

@media screen and (min-width: 768px) {

  .sec-03 .ba {

    margin-top: 48px;

  }

}

.sec-03 .ba.first {

  margin-top: 60px;

}

@media screen and (min-width: 768px) {

  .sec-03 .ba.first {

    margin-top: 100px;

  }

}

.sec-03 .ba-ttl {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  margin: 0;

  font-size: 20px;

  font-size: 1.25rem;

}

@media screen and (min-width: 768px) {

  .sec-03 .ba-ttl {

    font-size: 28px;

    font-size: 1.75rem;

  }

}

.sec-03 .ba-ttl-icon {

  width: 117px;

  margin-right: 14px;

}

@media screen and (min-width: 768px) {

  .sec-03 .ba-ttl-icon {

    margin-right: 32px;

  }

}

.sec-03 .ba-body {

  margin-top: 20px;

}

@media screen and (min-width: 768px) {

  .sec-03 .ba-body {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

  }

}

@media screen and (min-width: 768px) {

  .sec-03 .ba-cont {

    width: calc((100% - 14px) / 2);

  }

}

.sec-03 .ba-cont.ba-before .ba-cont-ttl {

  color: #e94709;

}

.sec-03 .ba-cont.ba-after {

  margin-top: 30px;

}

@media screen and (min-width: 768px) {

  .sec-03 .ba-cont.ba-after {

    margin-top: 0;

    margin-left: 14px;

  }

}

.sec-03 .ba-cont.ba-after .ba-cont-ttl {

  color: #22ac38;

}

.sec-03 .ba-cont-ttl {

  margin: 0 0 15px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 768px) {

  .sec-03 .ba-cont-ttl {

    margin-bottom: 20px;

  }

}

.sec-03 .ba-cont-ttl img {

  width: 42px;

  display: inline-block;

  margin-right: 10px;

}

.sec-03 .ba-cont-img {

  overflow: hidden;

  border-radius: 30px;

  position: relative;

}

.sec-03 .ba-cont-img .credit {

  margin: 0;

  position: absolute;

  bottom: 6px;

  right: 20px;

  font-size: 13px;

  font-size: 0.8125rem;

  color: #fff;

  text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;

}

@media screen and (min-width: 768px) {

  .sec-03 .ba-cont-img .credit {

    font-size: 14px;

    font-size: 0.875rem;

    bottom: 12px;

    right: 20px;

  }

}

.sec-03 .ba-cont-txt {

  margin: 15px 0 0;

}

@media screen and (min-width: 768px) {

  .sec-03 .ba-cont-txt {

    margin-top: 20px;

    padding: 0 1.5em 0 0;

  }

}



.sec-04 {

  background: #ffea00;

  padding-bottom: 60px;

}

@media screen and (min-width: 768px) {

  .sec-04 {

    padding-bottom: 80px;

  }

}

@media screen and (min-width: 768px) {

  .sec-04-illust {

    position: absolute;

    right: 32px;

    top: 10px;

    width: 240px;

  }

}

@media screen and (min-width: 1025px) {

  .sec-04-illust {

    width: 340px;

  }

}

.sec-04-heading-in {

  position: relative;

  padding-top: 40px;

  padding-bottom: 20px;

}

@media screen and (min-width: 768px) {

  .sec-04-heading-in {

    padding-top: 60px;

    padding-bottom: 60px;

  }

}

.sec-04-heading-ttl {

  margin: 0;

  font-size: 20px;

  font-size: 1.25rem;

  line-height: 1.7;

}

@media screen and (min-width: 768px) {

  .sec-04-heading-ttl {

    font-size: 24px;

    font-size: 1.5rem;

  }

}

@media screen and (min-width: 1025px) {

  .sec-04-heading-ttl {

    font-size: 28px;

    font-size: 1.75rem;

  }

}

.sec-04 .box {

  border: 3px solid #000;

  padding: 40px 20px;

  background: #fff;

  border-radius: 30px;

}

@media screen and (min-width: 768px) {

  .sec-04 .box {

    padding: 42px 32px;

    border-width: 5px;

  }

}

@media screen and (min-width: 1025px) {

  .sec-04 .box {

    padding: 56px;

  }

}

.sec-04 .box + .box {

  margin-top: 24px;

}

@media screen and (min-width: 768px) {

  .sec-04 .box + .box {

    margin-top: 48px;

  }

}

.sec-04 .box-ttl {

  margin: 0 0 1em;

  font-size: 20px;

  font-size: 1.25rem;

}

@media screen and (min-width: 768px) {

  .sec-04 .box-ttl {

    font-size: 28px;

    font-size: 1.75rem;

  }

}

.sec-04 .box-ttl:not(:first-of-type) {

  margin-top: 2em;

}

.sec-04 .box-subttl {

  font-size: 18px;

  font-size: 1.125rem;

  margin: 1.5em 0 1em;

}

@media screen and (min-width: 768px) {

  .sec-04 .box-subttl {

    font-size: 24px;

    font-size: 1.5rem;

  }

}

.sec-04 .box-txt, .sec-04 .box-captions {

  margin: 0;

  line-height: 1.7;

  font-size: 16px;

  font-size: 1rem;

}

@media screen and (min-width: 768px) {

  .sec-04 .box-txt, .sec-04 .box-captions {

    font-size: 18px;

    font-size: 1.125rem;

  }

}

.sec-04 .box-txt + .box-txt, .sec-04 .box-captions + .box-txt {

  margin-top: 1.5em;

}

@media screen and (min-width: 768px) {

  .sec-04 .box-txt + .box-txt, .sec-04 .box-captions + .box-txt {

    margin-top: 2em;

  }

}

.sec-04 .box-captions {

  padding: 0;

  margin: 0;

}

.sec-04 .box-captions li {

  position: relative;

  padding-left: 1.5em;

}

.sec-04 .box-captions li::before {

  content: "※";

  background: none;

  position: absolute;

  top: 0;

  left: 0;

}

.sec-04 .box-link {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  margin-top: 20px;

  margin-bottom: 30px;

}

@media screen and (min-width: 768px) {

  .sec-04 .box-link {

    margin-top: 32px;

    margin-bottom: 48px;

  }

}

.sec-04 .box-link a {

  background: #ffea00;

  border: 3px solid #ffea00;

  color: #000;

  width: 100%;

  height: 64px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  font-size: 30px;

  font-size: 1.875rem;

  text-decoration: none !important;

  border-radius: 200px;

}

@media screen and (min-width: 768px) {

  .sec-04 .box-link a {

    height: 92px;

    width: 685px;

    font-size: 40px;

    font-size: 2.5rem;

  }

}

.sec-04 .box-link a:hover, .sec-04 .box-link a:focus-visible {

  background: #fff;

}



.js-anim-1st, .js-anim-2nd, .js-anim-3rd {

  opacity: 0;

}

.js-anim-2nd, .js-anim-3rd {

  -webkit-transform: translateY(20px);

          transform: translateY(20px);

}



.js-fadein-up, .js-fadein-ups-item {

  opacity: 0;

  -webkit-transform: translateY(20px);

          transform: translateY(20px);

}

.js-sec2-anim-1, .js-sec2-anim-2, .js-sec2-anim-3, .js-sec2-anim-4 {

  opacity: 0;

  -webkit-transform: translateY(20px);

          transform: translateY(20px);

	

}

/************************************************

 * 202409 - new contents

 ************************************************/

/*----------*/



.mv{

	background-color: #ffffff;

	overflow: hidden;

}

.mv a{

	z-index: 2;

}

.mv-main.module202409{

	display: block;

  animation: floating-y 8s ease-in-out infinite alternate-reverse;

}

.module202409 .mv-main-img{

	width: 100%;

	max-width: 626px;

	margin: 0 auto;

	position: relative;

	animation: floating-x 7.2s ease-in-out infinite alternate-reverse;

	padding: 0;

}

.module202409 .mv-main-img img:nth-child(2){

	position: absolute;

    top: 24.5%;

    left: 20.5%;

    width: 34%;

	animation: opacity 2.2s ease-in-out infinite alternate-reverse;

}

.mv-video-wrapper.module202409{

	padding: 60px 0;

	background-color: #2A439A;

	max-width: 100%;

}

@media screen and (max-width: 767px){

	.mv-video-wrapper.module202409{

		padding: 0;

	}

}

.mv-video-wrapper.module202409 .mv-video{

    margin: 0 auto;

    max-width: 640px;

}



.mv-donate-txt strong{

	font-weight: bold;

}



@media screen and (max-width: 767px){

	.mv-donate{

		padding: 20px 0;

	}

	.mv-donate-txt{

		font-size: 0.8rem;

	}

	.mv-donate-txt strong{

		font-size: 1.25rem;

	}

}



/*----------*/

.module202409 .sec-01-ttl,.module202409 .sec-01-txt{

	color: #2A439A;

}

.module202409 .sec-01-txt span{

	color: #ED6C00;

}

.module202409 .sec-01-box{

	border: 3px solid #2A439A;

}

.module202409 .sec-01-item-imgbox.img-01{

	width: 50%;

}

.module202409 .sec-01-last-donate{

	width: 50%;

}

.module202409 .sec-01-last-image{

	width: 47%;

}

@media screen and (max-width: 767px){

	.module202409 .sec-01-last-donate,.module202409 .sec-01-last-image{

		width: 100%;

	}

}

.module202409 .sec-01-item-txt{

	color: #2A439A;

}

.module202409 .sec-01-item-caption{

	text-align: center;

}

@media screen and (max-width: 767px){

	.module202409 .sec-01-item-caption{

		text-align: left;

	}

}

/*----------*/

.sec-02.module202409,.sec-02.module202409 p{

	text-align: center;

}

.sec-02.module202409 h2{

	font-size: 2rem;

	margin: 80px 0;

}

@media screen and (max-width: 767px){

	.sec-02.module202409 h2{

		font-size: 1.5rem;

		margin: 50px 0;

	}

}

.sec-02.module202409 .point_box{

	max-width: 1000px;

	margin: 100px auto;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 0 32px;

}

.sec-02.module202409 .point_box figure{

	width: 34%;

}

.sec-02.module202409 .point_box figure.ex01{

	width: 28%;

}

.sec-02.module202409 .point_box > div{

	width: 60%;

	text-align: left;

}

.sec-02.module202409 .point_box > div h2,.sec-02.module202409 .point_box > div p{

	text-align: left;

}

.sec-02.module202409 .point_box > div h2{

	margin: 20px 0;

}

@media screen and (max-width: 767px){

	.sec-02.module202409 .point_box{

		display: block;

		margin: 20px 20px;

	}

	.sec-02.module202409 .point_box > div{

		width: 100%;

	}

}

.sec-02.module202409 .ba-ttl{

	display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 20px;

    font-size: 1.25rem;

	max-width: 1370px;

	margin: 0 auto;

}

.wrapper_box{

	padding: 0 32px;

}

.sec-02.module202409 .ba-ttl span{

	margin-right: 20px;

	font-size: 2rem;

}

@media screen and (max-width: 767px){

	.wrapper_box{

		padding: 0 20px;

	}

	.sec-02.module202409 .ba-ttl span{

		text-align: left;

		font-size: 1.75rem;

	}

}

.sec-02.module202409 .sec02_factor_box{

    max-width: 100%;

    margin: 20px auto 50px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.sec-02.module202409 .sec02_factor_box figure{

	width: 40%;

}

.sec-02.module202409 .sec02_factor_box > div{

	width: 55%;

	margin-left: 5%;

	padding-right: 32px;

}

.sec-02.module202409 .sec02_factor_box > div p{

	text-align: left;

}

.sec-02.module202409 .sec02_factor_box > div ul{

	margin: 0 20px 34px 34px;

}

.sec-02.module202409 .sec02_factor_box > div ul li{

	text-align: left;

	font-size: 1.125rem;

}

.sec-02.module202409 .sec02_factor_box > div ul li:before{

	background: #000000;

}

@media screen and (max-width: 767px){

	.sec-02.module202409 .sec02_factor_box{

		display: block;

	}

	.sec-02.module202409 .sec02_factor_box figure{

		width: 100%;	

	}

	.sec-02.module202409 .sec02_factor_box > div{

		width: auto;

		margin: 30px 20px;

	}

	.sec-02.module202409 .sec02_factor_box > div ul li{

		font-size: 1rem;

	}

	.sec-02.module202409 .sec02_factor_box > div ul {

		margin: 0 0 34px 24px;

	}

	.sec-02.module202409 p.ba-cont-txt{

		text-align: left;

	}

}

@media screen and (min-width: 768px) {

	.sec-02 .ba-body {

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		max-width: 1370px;

		margin: 50px auto;

	}

}

@media screen and (min-width: 768px) {

	.sec-02 .ba-cont {

		width: calc((100% - 14px) / 2);

	}

}

.sec-02 .ba-cont-img {

    overflow: hidden;

    border-radius: 30px;

    position: relative;

}

.sec-02 .ba-cont-img .credit {

	margin: 0;

	position: absolute;

	bottom: 6px;

	right: 20px;

	font-size: 13px;

	font-size: 0.8125rem;

	color: #fff;

	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, -1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;

}

@media screen and (min-width: 768px) {

  .sec-02 .ba-cont-img .credit {

    font-size: 14px;

    font-size: 0.875rem;

    bottom: 12px;

    right: 20px;

  }

}

.sec-02 .ba-cont-txt {

  margin: 15px 0 0;

}

@media screen and (min-width: 768px) {

  .sec-02.module202409 p.ba-cont-txt {

    margin-top: 20px;

    padding: 0 1.5em 0 0;

	text-align: left;

  }

}

.sec-02 .ba-cont.ba-after {

  margin-top: 30px;

}

@media screen and (min-width: 768px) {

  .sec-02 .ba-cont.ba-after {

    margin-top: 0;

    margin-left: 14px;

  }

}

.sec-02.module202409 .ba-cont-ttl{

    text-align: left;

    margin: 10px 0;

}

.sec-02.module202409 .ba-cont-ttl span{

	font-size: 0.8em;

}

.comp01{

	display: flex;

	justify-content: space-around;

	align-items: center;

	border: 3px solid;

	border-radius: 30px;

	max-width: 1370px;

	margin: 50px auto;

	padding: 30px;

}

.comp01 > div{

	width: 20%;

	font-size: 1.5rem;

}

.sec-02.module202409 .comp01 > p{

	width: 45%;

	font-size: 1.25rem;

	margin: 0;

	text-align: left;

}

.comp01 img.border{

	height: 100px;

	width: auto;

}

.comp01 img.right_icon{

	width: 8%;

}

@media screen and (max-width: 767px){

	.comp01{

		display: block;

	}

	.comp01 > div{

		width: 100%;

	}

	.sec-02.module202409 .comp01 > p{

		width: 100%;

	}

	.comp01 img.right_icon{

		width: 50%;

		margin-top: 20px;

	}

	.comp01 picture{

		font-size: 0;

	}

	.comp01 img.border{

		width: 35%;

		height: auto;

		margin: 20px 0;

	}

}

.title_icon{

	width: 100px;

	height: auto;

}

.bg_set01{

	background: url("../images/202409/bg.webp") no-repeat;

	background-position: bottom center;

	background-size: 100% auto;

	padding: 50px 32px 100px;

}

@media screen and (max-width: 767px){

	.bg_set01{

		background-size: auto 100%;

	}

	.bg_set01.sp_prl{

		padding: 50px 20px;

	}

	.sec-02.module202409 .bg_set01 p{

		text-align: left;

	}

	.sec-02.module202409 .bg_set01 h2{

		text-align: left;

		font-size: 1.5rem;

	}

}

.bg_set02{

	background: url("../images/202409/bg.webp") no-repeat;

	background-position: top center;

	background-size: 100% 100%;

	padding: 100px 0;

}

@media screen and (max-width: 767px){

	.bg_set02{

		background-size: auto 100%;

		padding: 50px 0;

	}

}

/*----------*/

.sec-03-txt{

	font-size: 2.5rem;

	text-align: center;

	margin: 40px 0;

}

.sec-03 .module202409 .ba-cont-img .credit{

	text-align: right;

}

.sec-03 .module202409 .ba-cont-img .credit span{

    background: rgba(0, 0, 0, 0.7);

    display: inline-block;

    padding: 5px;

}

.sec-03 .module202409 .ba-cont-ttl img{

	height: 135px;

	width: auto;

	margin-right: 20px;

}

@media screen and (max-width: 767px){

	.sec-03 .module202409 .ba-cont-ttl img{

		height: 120px;

	}

	.sec-03-txt{

		font-size: 1.75rem;

	}

}

.sec-03 .module202409 .ba-cont.ba-before .ba-cont-ttl{

	color: #0E6EB8;

}

.sec-03 .module202409 .ba-cont.ba-after .ba-cont-ttl{

	color: #0BA29A;

}



.sec-03 .module202409 .ba-cont.ba-before .ba-cont-ttl.text_orange{

	color: #EA5414;

}

.sec-03 .module202409 .ba-cont.ba-after .ba-cont-ttl.text_blue{

	color: #036EB8;

}

.sec-03 .ba-cont-ttl{

	line-height: 2;

}

/*----------*/

.sec-04.bg_blue{

	background-color: #2A439A;

}

.sec-04.bg_blue .sec-04-heading-ttl{

	color: #ffffff;

}

/*----------*/

@keyframes floating-y {

  0% {

    transform: translateY(-2%) rotate(0);

  }

  50% {

    transform: translateY(0%) rotate(5deg);

  }

  100% {

    transform: translateY(2%) rotate(0);

  }

}

@keyframes floating-x {

  0% {

    transform: translateX(-2%);

  }

  100% {

    transform: translateX(2%);

  }

}

@keyframes opacity {

  0% {

    opacity: 0.5;

  }

  100% {

    opacity: 1;

  }

}



.fadeUp{

animation-name:fadeUpAnime;

animation-duration:0.5s;

animation-fill-mode:forwards;

opacity:0;

}

 

@keyframes fadeUpAnime{

  from {

    opacity: 0;

                   transform: translateY(100px);

  }

 

  to {

    opacity: 1;

                   transform: translateY(0);

  }

}