@charset "UTF-8";
/* ---------------------------------------------------------
 * body
** --------------------------------------------------------- */

body {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.sp {
  display: none;
}

/** /index */

/* ---------------------------------------------------------
 * contents 180718 writtenByIkeda update 0724
** --------------------------------------------------------- */
#contents.p_index {
  padding: 0;
  font-size: 18px;
  line-height: 36px;
}

#contents.p_index .intro {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* .intro_scrollBtn */
#contents.p_index .intro_scroll {
  display: block;
  width: 100%;
  position: fixed;
  bottom: 20px;
  margin: 0;
  padding: 0;
  z-index: 10;
}

#contents.p_index .intro_scrollBtn {
  display: block;
  width: 42px;
  margin: 0 auto;
}

#contents.p_index .intro_scroll img {
  height: auto;
  width: 100%;
}

/* .intro_skipBtn */
#contents.p_index .intro_skip {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
}

#contents.p_index .intro_skip button {
  background: #E5E8DF;
  border: none;
  color: #FF3B00;
  padding: 4px 12px;
  font-weight: bold;
}

/* .intro_block */
#contents.p_index .intro_blockContainer {
  width: 100%;
  height: 100vh;
  /*!!*/
}

#contents.p_index .intro_block {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

#contents.p_index .intro_block-01 {
  z-index: 4;
}

#contents.p_index .intro_block-02 {
  z-index: 3;
}

#contents.p_index .intro_block-03 {
  z-index: 2;
}

#contents.p_index .intro_block-04 {
  z-index: 1;
  background: url("../../rinri-jpn/img/intro/04.png") no-repeat center center /cover;
}

#contents.p_index .intro_block img {
  width: 100%;
  height: auto;
}

#contents.p_index .intro_bg-left,
#contents.p_index .intro_bg-right {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

#contents.p_index .intro_bg-left {
  right: 50%;
}

#contents.p_index .intro_bg-right {
  right: 0;
}

#contents.p_index .intro_content-01,
#contents.p_index .intro_content-02 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
}

#contents.p_index .intro_text {
  color: #fff;
  font-size: calc(16 / 1300 * 100vw);
  line-height: 2.22;
  margin: 10px 0;
}

#contents.p_index .intro_text-l {
  font-size: calc(24.5 / 1300 * 100vw);
  line-height: 1.8;
}

#contents.p_index .intro_text-black {
  color: #000;
}

/* for animation */
#contents.p_index .intro_bg-right,
#contents.p_index .intro_bg-left {
  opacity: 0;
  transition: 0;
  transition: opacity 2000ms linear;
}

#contents.p_index .active .intro_bg-right,
#contents.p_index .active .intro_bg-left {
  opacity: 1;
}

#contents.p_index .intro_text {
  opacity: 0;
  transform: translateY(0);
  transition: all 2000ms ease-out;
}

#contents.p_index .intro_content-01 .intro_text {
  transition-delay: 600ms;
}

#contents.p_index .intro_content-02 .intro_text {
  transition-delay: 200ms;
}

#contents.p_index .intro_text.active {
  opacity: 1;
  transform: translateY(0);
}

/* for animation -.intro_block-01 */
#contents.p_index .intro_block-01 .intro_bg_inner-left {
  width: 100%;
  height: 120%;
  background: url("../img/intro/bg01_left.jpg") no-repeat center right / cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}

#contents.p_index .intro_block-01 .intro_bg_inner-left.active {
  animation: introBg01Left 20000ms linear 1200ms both;
}

@keyframes introBg01Left {
  from {
    top: -20%;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

@media screen and (max-width:770) {

  @keyframes introBg01Left {
    from {
      top: -10%;
      opacity: 0;
    }

    to {
      top: 0;
      opacity: 1;
    }
  }
}

#contents.p_index .intro_block-01 .intro_bg_inner-right {
  width: 120%;
  height: 100%;
  background: url("../img/intro/bg01_right.jpg") no-repeat center left / cover;
  position: absolute;
  top: 0;
  left: 0;
  animation: introBg01Right 20000ms linear 1200ms both;
}

@keyframes introBg01Right {
  from {
    left: -20%;
  }

  to {
    left: 0;
  }
}

#contents.p_index .intro_block-01.active .intro_bg_inner-left {
  animation: introBg01Left 20000ms linear 1200ms both;
}

@media screen and (max-width:770) {
  #contents.p_index .intro_block-01.active .intro_bg_inner-left {
    animation: introBg01Left 2000ms linear 200ms both;
  }

  @keyframes introBg01Right {
    from {
      left: -10%;
    }

    to {
      left: 0;
    }
  }
}

/* for animation -.intro_block-02 */
#contents.p_index .intro_block-02 .intro_bg_inner-left {
  width: 120%;
  height: 100%;
  background: url("../img/intro/bg02_left.jpg") no-repeat bottom center / cover;
  position: absolute;
  bottom: 0;
  right: -10%;
  transform: scale(1);
  transform-origin: center right;
  animation: introBg02Left 15000ms linear 200ms both;
}

@keyframes introBg02Left {
  from {
    right: 0;
    transform: scale(1);
  }

  to {
    right: -20%;
    transform: scale(1.05);
  }
}

@media screen and (max-width:770) {
  #contents.p_index .intro_block-02 .intro_bg_inner-left {
    animation: introBg02Left 2000ms linear 200ms both;
  }
}

#contents.p_index .intro_block-02 .intro_bg_inner-right {
  width: 100%;
  height: 100%;
  background: url("../img/intro/bg02_right.jpg") no-repeat bottom right / cover;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: scale(1.1);
}

#contents.p_index .intro_block-02 .intro_bg_inner-right.active {
  animation: introBg02Right 15000ms linear 200ms both;
}

@keyframes introBg02Right {
  from {
    transform: scale(1.1);
  }

  to {
    transform: scale(1);
  }
}

@media screen and (max-width:770) {
  #contents.p_index .intro_block-02 .intro_bg_inner-right.active {
    animation: introBg02Right 2000ms linear 200ms both;
  }
}

/* for animation -.intro_block-03 */
#contents.p_index .intro_block-03 .intro_bg_inner-left {
  width: 110%;
  height: 100%;
  background: url("../img/intro/bg03_left.jpg") no-repeat bottom left / cover;
  position: absolute;
  bottom: 0;
  left: 0;
}

#contents.p_index .intro_block-03 .intro_bg_inner-left.active {
  animation: introBg03Left 12000ms linear 200ms both;
}

@keyframes introBg03Left {
  from {
    left: 0;
  }

  to {
    left: -10%;
  }
}

@media screen and (max-width:770) {
  #contents.p_index .intro_block-03 .intro_bg_inner-left.active {
    animation: introBg03Left 1000ms linear 200ms both;
  }
}

#contents.p_index .intro_block-03 .intro_bg_inner-right {
  width: 110%;
  height: 100%;
  background: url("../img/intro/bg03_right.jpg") no-repeat bottom right / cover;
  position: absolute;
  bottom: 0;
  right: 0;
  animation: introBg03Right 12000ms linear 200ms both;
}

@keyframes introBg03Right {
  from {
    right: 0;
  }

  to {
    right: -10%;
  }
}

@media screen and (max-width:770) {
  #contents.p_index .intro_block-03 .intro_bg_inner-right {
    animation: introBg03Right 3000ms linear 200ms both;
  }
}



@media screen and (max-width:770px) {
  #contents.p_index .intro_text {
    font-size: 3vw;
    z-index: 11;
  }

  #contents.p_index .intro_bg-right,
  #contents.p_index .intro_bg-left {
    width: 100%;
    height: 60%;
    left: 0;
    right: auto;
    transform: skewY(-10deg);
  }

  #contents.p_index .intro_bg-right {
    height: calc(60% + 40.5px)
  }

  #contents.p_index .intro_bg-left {
    top: calc(-10% - 40px);
    z-index: 9;
  }

  #contents.p_index .intro_block .intro_bg_inner-left {
    height: 120% !important;
    top: auto !important;
    bottom: calc(-18% + 40px);
    transform: skewY(10deg);
  }

  #contents.p_index .intro_block-03 .intro_bg_inner-left {
    bottom: calc(-20% + 40px) !important;
  }

  #contents.p_index .intro_bg-right {
    bottom: calc(-10%);
    top: auto;
    z-index: 10;
    transform: skewY(-10deg);
  }

  #contents.p_index .intro_block-01 .intro_bg_inner-left {
    top: calc(10% + 40px);
  }

  #contents.p_index .intro_block-01.active .intro_bg_inner-left {
    animation: introBg01LeftSp 14000ms linear 200ms both;
  }

  #contents.p_index .intro_bg_inner-right {
    height: 130% !important;
    top: auto !important;
    bottom: -18% !important;
    transform: skewY(10deg);
  }

  #contents.p_index .intro_content-01,
  #contents.p_index .intro_content-02 {
    margin-top: -40px;
  }

  #contents .intro_block-02 .intro_content-02 .intro_text {
    line-height: 1.7;
  }

  #contents.p_index .intro_scroll {
    display: none;
  }

  /*#contents.p_index .intro_block-01 .intro_bg_inner-left {
    background: url("../img/intro/bg01_left-sp.jpg") no-repeat center right / cover;
  }
  #contents.p_index .intro_block-01 .intro_bg_inner-right {
    background: url("../img/intro/bg01_right-sp.jpg") no-repeat center left / cover;
  }
  #contents.p_index .intro_block-02 .intro_bg_inner-left {
    background: url("../img/intro/bg02_left-sp.jpg") no-repeat center right / cover;
  }
  #contents.p_index .intro_block-02 .intro_bg_inner-right {
    background: url("../img/intro/bg02_right-sp.jpg") no-repeat center left / cover;
  }
  #contents.p_index .intro_block-03 .intro_bg_inner-left {
    background: url("../img/intro/bg03_left-sp.jpg") no-repeat bottom left / cover;
  }
  #contents.p_index .intro_block-03 .intro_bg_inner-right {
    background: url("../img/intro/bg03_right-sp.jpg") no-repeat bottom right / cover;
  }*/
}

@media screen and (max-width: 420px) {
  #contents.p_index .intro_text {
    font-size: 4vw;
  }
}

@keyframes introBg01LeftSp {
  from {
    top: 10%;
  }

  to {
    top: calc(10% + 40px);
  }
}

/* ---------------------------------------------------------
 * contents
** --------------------------------------------------------- */
/*
#contents.p_index {
  padding: 0;
  font-size: 18px;
  line-height: 36px;
}

#contents.p_index>section {
  display: table;
  width: 100%;
}

#contents.p_index>section>div {
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  display: table-cell;
  height: 800px;
}

#contents.p_index>section:last-child>div {
  height: 1200px;
}

#contents.p_index>section>div>div {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
}

#contents.p_index>section>div p {
  margin-bottom: 36px;
}

.p_index #bg1,
.p_index #bg2,
.p_index #bg3,
.p_index #bg4,
.p_index #bg_white {
  display: none;
  z-index: -4;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/intro/01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.p_index #bg1 {
  background-image: url(../img/intro/01.png);
  display: block;
  z-index: -4;
}

.p_index #bg2 {
  background-image: url(../img/intro/02.png);
  z-index: -3;
}

.p_index #bg3 {
  background-image: url(../img/intro/03.png);
  z-index: -2;
}

.p_index #bg4 {
  background-image: url(../img/intro/04.png);
  z-index: -1;
}

.p_index #bg_white {
  background: #fff;
  z-index: 999;
}

.p_index .large {
  font-size: 24px;
  letter-spacing: 4px;
  line-height: 48px;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

#skip {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
}

#skip button {
  background: #E5E8DF;
  border: none;
  color: #FF3B00;
  padding: 4px 12px;
  font-weight: bold;
}

.p_index #scroll_btn {
  position: fixed;
  bottom: 20px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .p_index #bg1 {
    background-image: url(../img/intro/01_sp.png);
  }
  .p_index #bg2 {
    background-image: url(../img/intro/02_sp.png);
  }
  .p_index #bg3 {
    background-image: url(../img/intro/03_sp.png);
  }
  .p_index #bg4 {
    background-image: url(../img/intro/04_sp.png);
  }
  #contents.p_index {
    font-size: 16px;
    line-height: 30px;
  }
  .p_index .large {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 24px;
  }
}
*/

/** /p_index_test
#contents.p_index_test {
  height: 13000px;
}
.p_index_test > section {
  position: fixed;
  width: 100%;
  height: 100vh;
}
.p_index_test > section > * {
  position: absolute;
}
.p_index_test > section > img {
  height: 100%;
  opacity: 0;
}
.p_index_test .bg_left {
  right: 60%;
}
.p_index_test .bg_right {
  left: 60%;
}
.p_index_test .bg_left.active,
.p_index_test .bg_right.active {
  opacity: 1;
}
#bg1 .bg_left {
  transition: opacity 1s 0.75s ease, right 1s 0.75s ease, top 2s 1.75s ease;
  height: calc(100% + 20px);
  top: 0;
}
#bg1 .bg_right { transition: all 1s 0s ease; }
#bg1 .bg_left.active  { right: 50%; top: -20px; }
#bg1 .bg_right.active { left: 40%; }
#bg2 .bg_left  { transition: all 1s 0s ease; }
#bg2 .bg_right {
  transition: opacity 1s 0.75s ease, left 1s 0.75s ease, top 2s 1.75s ease;
  height: calc(100% + 20px);
  top: 0;
}
#bg2 .bg_left.active  { right: 40%; }
#bg2 .bg_right.active { left: 50%; top: -20px; }
#bg3 .bg_left {
  transition: opacity 1s 0.75s ease, right 1s 0.75s ease, top 2s 1.75s ease;
  height: calc(100% + 20px);
  top: 0;
}
#bg3 .bg_right { transition: all 1s 0s ease; }
#bg3 .bg_left.active  { right: 50%; top: -20px; }
#bg3 .bg_right.active { left: 40%; }

.p_index_test > section > h2 {
  top: 50%;
  left: 50%;
  margin: auto;
  transform: translate(-50%,-50%);

  font-size: 24px;
  letter-spacing: 4px;
  line-height: 48px;
}
.p_index_test > section > div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  transform: translate(-50%,-50%);

  margin-bottom: 36px;
}
.p_index_test > section > div .mb1em {
  margin-bottom: 1em;
}
.p_index_test > section > h2 p,
.p_index_test > section > div p {
  position: relative;
  top: 10px;
  opacity: 0;
  z-index: 10;
  transition: all 1s 0s ease;
  cursor: default;
}
.p_index_test > section > h2 p.active,
.p_index_test > section > div p.active {
  top: 0px;
  opacity: 1;
}
.p_index_test #bg1 {
}
.p_index_test #bg2 {
}
.p_index_test #bg3 {
}
.p_index_test #bg_last {
  display: none;
}
.p_index_test #bg_last > div {
  width: 100%;
  height: 100%;
  background-image: url(../img/intro/04.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  font-size: 28px;
  letter-spacing: 4px;
  line-height: 52px;
}
.p_index_test #bg_last > div p {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: calc(50% + 10px);
  margin: auto;
  transform: translate(-50%,-50%);
  transition: all 1s 0s ease;
}
.p_index_test #bg_last > div p.active {
  opacity: 1;
  top: 50%;
}

.p_index_test #scroll_btn {
  position: fixed;
  bottom: 20px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  display: block;
  width: 100%;
  z-index: 100;
}
*/
/** /top */

/* ---------------------------------------------------------
 * header
** --------------------------------------------------------- */
/*.p_top {
  font-family: "roboto", "こぶりなゴシック W1 JIS2004","Koburina Gothic W1 JIS2004",sans-serif;
}*/

.p_top header {
  display: none;
}

/* ---------------------------------------------------------
   * fv_nav
  ** --------------------------------------------------------- */
#fv_nav {
  height: 100px;
  position: relative;
}

#fv_nav>* {
  position: absolute;
  /* top: 50%;
    transform: translateY(-50%); */
}

#fv_nav .logo {
  padding: 15px 16.5px 15px 16.5px;
  background: rgba(255, 255, 255, 0.8);
}

#fv_nav .left {
  left: 0;
}

#fv_nav .right {
  width: calc(100% - 160px);
  right: 0;
  height: 100px;
  background: rgba(255, 255, 255, 0.8);
}

#fv_nav .right ul li a {
  display: block;
}

#fv_nav a {
  text-decoration: none;
}

#fv_nav .upper_nav {
  background: #00284C;
  white-space: nowrap;
}

#fv_nav .upper_nav>ul {
  text-align: right;
  vertical-align: middle;
  height: 36px;
}

#fv_nav .upper_nav>ul>li {
  margin-top: 8px;
  border-left: solid 1px #fff;
  line-height: 20px;
  display: inline-block;
}

#fv_nav .upper_nav>ul li a {
  color: #fff;
  padding: 0 20px 0 20px;
  font-size: 16px;
}

#fv_nav .upper_nav>ul ul {
  margin-left: 20px;
  margin-right: 30px;
}

#fv_nav .upper_nav>ul ul li {
  border-left: none;
  display: inline-block;
}

#fv_nav .upper_nav>ul ul li a {
  color: #325470;
  border-left: none;
  width: 24px;
  padding: 0 10px 0 10px;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

#fv_nav .upper_nav>ul ul li a.active {
  color: #fff;
}

#fv_nav .upper_nav>ul ul li a:hover {
  color: #fff;
}

#fv_nav .lower_nav {
  text-align: center;
  line-height: 36px;
  white-space: nowrap;
}

#fv_nav .lower_nav>ul {
  width: calc(100% - 160px);
  vertical-align: middle;
  font-size: 0;
}

#fv_nav .lower_nav>ul li {
  display: inline-block;
  /* position: relative; */
  font-size: 16px;
  vertical-align: top;
  padding: 16px 10px 16px 10px;
}

#fv_nav .lower_nav>ul li a {
  display: inline-block;
  height: 32px;
  color: #00284C;
  font-weight: bold;
}

#fv_nav .lower_nav>ul li a:hover {
  opacity: 1;
  color: #0079CB;
}

#fv_nav .lower_nav>ul>li>a {
  font-family: "ヒラギノUD角ゴ StdN", sans-serif;
}

#fv_nav .lower_nav>ul li ul {
  background: #D1E2E9;
  position: absolute;
  top: 100px;
  left: -160px;
  display: none;
  width: 100vw;
  z-index: 101;
  padding: 20px 0 20px 0;
}

#fv_nav .lower_nav>ul li ul li {
  margin: 20px 5px 20px 5px;
}

#fv_nav .lower_nav>ul li ul li a {
  width: 156px;
  height: 100%;
  white-space: normal;
}

#fv_nav .lower_nav>ul li ul.submenu_img_text li a {
  width: 284px;
  height: 100%;
  white-space: normal;
  vertical-align: top;
}

#fv_nav .lower_nav>ul li ul li .img {
  width: 156px;
  height: 132px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  padding-left: 20px;
  background-size: cover;
}

#fv_nav .lower_nav>ul li ul li .img.gn_about {
  background-image: url(../img/common/gn_about.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_junsui {
  background-image: url(../img/common/gn_junsui.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_jigyou {
  background-image: url(../img/common/gn_jigyou.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_enkaku {
  background-image: url(../img/common/gn_enkaku.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_shisetsu {
  background-image: url(../img/common/gn_shisetsu.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_kenkyu {
  background-image: url(../img/common/gn_kenkyu.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_chousa {
  background-image: url(../img/common/gn_chousa.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_forum {
  background-image: url(../img/common/gn_forum.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_katei {
  background-image: url(../img/common/gn_katei.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_ohayou_ichiran {
  background-image: url(../img/common/gn_ohayou_ichiran.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_culture {
  background-image: url(../img/common/gn_culture.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_houjin {
  background-image: url(../img/common/gn_houjin.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_houjinkai_ichiran {
  background-image: url(../img/common/gn_houjinkai_ichiran.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_suisin {
  background-image: url(../img/common/gn_suisin.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_mori {
  background-image: url(../img/common/gn_mori.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_award {
  background-image: url(../img/common/gn_award.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_shougakukin {
  background-image: url(../img/common/gn_shougakukin.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_taiwan {
  background-image: url(../img/common/gn_taiwan.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_usa {
  background-image: url(../img/common/gn_usa.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_brazil {
  background-image: url(../img/common/gn_brazil.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_china {
  background-image: url(../img/common/gn_china.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_kyouiku {
  background-image: url(../img/common/gn_kyouiku.png);
}

#fv_nav .lower_nav>ul li ul li .img.gn_seminar {
  background-image: url(../img/common/gn_seminar.png);
}

#fv_nav .lower_nav>ul li ul.submenu_img_text li .img {
  width: 270px;
  height: 132px;
  margin-bottom: 4px;
}

#fv_nav .lower_nav>ul li ul li div {
  line-height: 22px;
  font-size: 16px;
  text-align: left;
}

#fv_nav .lower_nav>ul li:hover ul {
  display: block;
}

#fv_nav .lower_nav>ul>li .submenu {
  display: block;
  margin-left: calc(50% - 10px);
}

#fv_nav .lower_nav>ul>li:hover .submenu:before {
  content: "";
  position: absolute;
  display: block;
  border-width: 10px 10px 10px 10px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent;
  z-index: 102;
}

#scroll_btn {
  position: absolute;
  bottom: 60px;
  margin: 0 auto;
  padding: 0;
  left: 0;
  right: 0;
  border: none;
  background: transparent;
  width: 40px;
}

@media screen and (max-width: 767px) {
  #contents .pc {
    display: none;
  }

  #contents .sp {
    display: inline;
  }

  #fv_nav .pc {
    display: none;
  }

  #fv_nav .sp {
    display: block;
  }

  #fv_nav .left {
    width: 27vw;
    background-color: transparent;
    padding: 0;
  }

  #fv_nav .right {
    background: transparent;
  }

  #scroll_btn {
    margin: 20px auto;
  }
}

/* ---------------------------------------------------------
   * fv_top
  ** --------------------------------------------------------- */
#fv_top {
  width: 100%;
  height: 100vh;
  position: relative;
}

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

#fv_top .fv {
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: none !important;
}

#fv_top .fv:before {
  content: '';
  display: block;
  width: 120%;
  height: 120%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  z-index: -1;
}

#fv_top .fv_1:before {
  background-image: url(../img/top/fv_earth@2x.jpg);
  top: 0;
  left: 0;
  bottom: auto;
  right: auto;
  transform: scale(1);
}

#fv_top .fv_2:before {
  background-image: url(../img/top/fv_social@2x.jpg);
  bottom: 0;
  right: 0;
  top: auto;
  left: auto;
}

#fv_top .fv_3:before {
  background-image: url(../img/top/fv_business@2x.jpg);
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}

#fv_top .fv_4:before {
  background-image: url(../img/top/fv_family@2x.jpg);
  bottom: 0;
  left: 0;
  top: auto;
  right: auto;
}

#fv_top .fv_1.slick-current:before {
  animation: fvbg1 3.8s ease-out both;
}

#fv_top .fv_2.slick-current:before {
  animation: fvbg2 20s ease-out both;
}

#fv_top .fv_3.slick-current:before {
  animation: fvbg3 20s ease-out both;
}

#fv_top .fv_4.slick-current:before {
  animation: fvbg4 20s ease-out both;
}

#fv_top .fv_1:not(.slick-current)~.fv_2:before {
  animation: fvbg2 20s ease-out both;
}

#fv_top .fv_2:not(.slick-current)~.fv_3:before {
  animation: fvbg3 20s ease-out both;
}

/*#fv_top .fv_3:not(.slick-current) ~ .fv_3:before {
  animation: fvbg3 20s ease-out both;
}*/
#fv_top .fv_1.slick-current~.fv_4:before {
  animation: fvbg4 20s ease-out both;
}

/** slick **/
#fv_top .fv_container .slick-dots {
  left: 20px;
  width: 120px;
  height: 180px;
  top: calc(50% - 90px);
}

#fv_top .slick-dots li {
  width: 120px;
  margin-bottom: 22px;
}

#fv_top .slick-dots li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 11px;
  width: 11px;
  height: 12px;
  padding: 3px 0;
  background: url(../img/top/yajirushi.svg) no-repeat left center / cover;
}
_:-ms-lang(x),
#fv_top .slick-dots li::after{
  left: 5.5px;
}

#fv_top .slick-dots li:last-child::after {
  display: none;
}

#fv_top .slick-dots li button[aria-label="1 of 4"] {
  width: 100%;
  height: 22px;
  background: url(../img/top/dots_ear.svg) no-repeat 6px center / contain;
}

_:-ms-lang(x),
#fv_top .slick-dots li button[aria-label="1 of 4"] {
  /*background-position: -15px center;*/
  background-position: 0px center;
}

#fv_top .slick-dots li button[aria-label="2 of 4"] {
  width: 100%;
  height: 20px;
  background: url(../img/top/dots_soc.svg) no-repeat 0 center / contain;
}

_:-ms-lang(x),
#fv_top .slick-dots li button[aria-label="2 of 4"] {
  /*background-position: -7px center;*/
  background-position: 0px center;
}

#fv_top .slick-dots li button[aria-label="3 of 4"] {
  width: 100%;
  height: 21px;
  background: url(../img/top/dots_bus.svg) no-repeat 9px center / contain;
}

_:-ms-lang(x),
#fv_top .slick-dots li button[aria-label="3 of 4"] {
  /*background-position: 2px center;*/
  background-position: 3px center;
}

#fv_top .slick-dots li button[aria-label="4 of 4"] {
  width: 100%;
  height: 17px;
  background: url(../img/top/dots_fam.svg) no-repeat 8px center / contain;
}

_:-ms-lang(x),
#fv_top .slick-dots li button[aria-label="4 of 4"] {
  /*background-position: -8px center;*/
  background-position: 0px center;
}

#fv_top .slick-dots li.slick-active button[aria-label="1 of 4"] {
  background-image: url(../img/top/dots_ear-c.svg);
}

#fv_top .slick-dots li.slick-active button[aria-label="2 of 4"] {
  background-image: url(../img/top/dots_soc-c.svg);
}

#fv_top .slick-dots li.slick-active button[aria-label="3 of 4"] {
  background-image: url(../img/top/dots_bus-c.svg);
}

#fv_top .slick-dots li.slick-active button[aria-label="4 of 4"] {
  background-image: url(../img/top/dots_fam-c.svg);
}

#fv_top .slick-dots li button::before {
  display: none;
}

@keyframes fvbg1 {
  from {
    transform: scale(1.08);
  }

  to {
    transform: scale(1.0);
  }
}

@keyframes fvbg2 {
  from {
    bottom: -18%;
    right: -18%;
    top: auto;
    left: auto;
  }

  to {
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
  }
}

@keyframes fvbg3 {
  from {
    top: -18%;
    right: -18%;
    bottom: auto;
    left: auto;
  }

  to {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
  }
}

@keyframes fvbg4 {
  from {
    bottom: -18%;
    left: -18%;
    top: auto;
    right: auto;
  }

  to {
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
  }
}

#fv_top .sp {
  display: none;
}

#fv_top .fv_list {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  width: 112px;
  height: 166px;
}

#fv_top .main_logo {
  color: #fff;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
}

#fv_top .main_logo .message {
  height: calc(47 / 1300 * 100vw);
  min-height: 47px;
  width: auto;
  margin: 0 auto calc(30 / 1300 * 100vw) auto;
  font-size: 22px;
  /*font-family: 'Roboto', "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
  text-shadow: 0px 0px 20px #6e6e6e;
}

#fv_top .main_logo .message img {
  height: 100%;
  width: auto;
}

#fv_top .fv_logo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#fv_top .fv_logo img {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #fv_top .fv_logo {
    padding-bottom: 20vw;
  }

  #fv_top .fv_container .slick-dots {
    top: calc(50% + 10vw);
  }

  #fv_top #scroll_btn {
    bottom: 30vw;
  }
}

#fv_top .fv_logo_left {
  width: calc(137 / 1300 * 100vw);
  min-width: 137px;
  background: #fff;
  border: 1px solid #ff3b00;
}

#fv_top .fv_logo_cross {
  width: calc(52 / 1300 * 100vw);
  min-width: 52px;
  margin: 0 25px;
}

#fv_top .fv_logo_right {
  width: calc(85 / 1300 * 100vw);
  margin-right: calc(55 / 1300 * 100vw);
  min-width: 88px;
}

@media screen and (max-width:767px) {
  #fv_top .fv_container .slick-dots {
    left: 2%;
    width: 98%;
    height: auto;
    /*top: 100vw;*/
    bottom: 180px;
    bottom: auto;
    text-align: left;
  }

  #fv_top .slick-dots li {
    display: inline-block;
    width: 21%;
    height: 16px;
    margin: 0 3% 0 0;
  }

  #fv_top .slick-dots li:last-child {
    width: 23%;
    margin: 0;
  }

  #fv_top .slick-dots li button {
    margin: 0;
    padding: 0;
  }

  #fv_top .slick-dots li button[aria-label="1 of 4"] {
    background-position: left center;
  }

  #fv_top .slick-dots li button[aria-label="2 of 4"] {
    background-position: left center;
  }

  #fv_top .slick-dots li button[aria-label="3 of 4"] {
    background-position: left center;
  }

  #fv_top .slick-dots li button[aria-label="4 of 4"] {
    padding-top: 7%;
    background-position: left center;
  }

  #fv_top .slick-dots li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 15%;
    left: auto;
    right: -10%;
    width: 5px;
    height: 5px;
    padding: 0;
    background: url(../img/top/yajirushi.svg) no-repeat center / cover;
    transform: rotate(-90deg);
  }
}

@media screen and (max-width: 767px) {
  #fv_top {
    height: calc(100vh - 44px);
  }

  #fv_top .fv_list {
    position: absolute;
    top: auto;
    bottom: 110px;
    left: 5%;
    width: 90%;
    max-width: 641px;
    max-height: 31px;
  }

  #fv_top .fv_list .pc {
    display: none;
  }

  #fv_top .fv_list .sp {
    display: block;
  }

  #fv_top .main_logo {}

  #fv_top .main_logo .message {
    margin-top: -10vw;
    margin-bottom: 24px;
    font-size: 19px;
  }

  #fv_top .fv_1:before {
    background-image: url(../img/top/fv_earth_sp.png);
  }

  #fv_top .fv_2:before {
    background-image: url(../img/top/fv_social_sp.png);
  }

  #fv_top .fv_3:before {
    background-image: url(../img/top/fv_business_sp.png);
    background-size: contain;
  }

  #fv_top .fv_4:before {
    background-image: url(../img/top/fv_family_sp.png);
  }

  #fv_top .fv_logo {
    padding-bottom: 20vw;
  }
}

@media screen and (max-width: 321px) {
  #fv_top .main_logo .message {
    font-size: 17px;
  }
}

/* ---------------------------------------------------------
   * .p_top
  ** --------------------------------------------------------- */
.p_top #katei {
  /* height: 406px; */
  background-image: url(../img/top/katei_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top 20% center;
}

.p_top #houjin {
  /* height: 406px; */
  background-image: url(../img/top/houjin_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}

@media screen and (max-width: 910px) and (min-width: 767px) {
  .p_top #houjin {
    /* height: 406px; */
    background-image: url(../img/top/houjin_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 32% top;
  }
}

.p_top #young {
  /* height: 406px; */
  background-image: url(../img/top/young_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_top #earth {
  /* height: 346px; */
  background-image: url(../img/top/earth_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_top #global {
  /* height: 346px; */
  background-image: url(../img/top/global_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_top #facility {
  /* height: 346px; */
  background-image: url(../img/top/facility_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_top .right_content {
  margin: 0;
  padding: 30px 0 30px 0;
  position: relative;
}

.p_top .right_content>div {
  width: 50%;
  height: 352px;
  background: rgba(255, 255, 255, 0.9);
  padding: 48px 1.0em 0 64px;
}

.p_top .right_content>div:nth-child(even) {
  margin-left: auto;
}

.p_top .right_content h2 {
  text-align: left;
}

.p_top .right_content .link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.p_top .left_content {
  margin: 0;
  padding: 30px 0 30px 1.0rem;
  position: relative;
}

.p_top .left_content h2 {
  text-align: right;
}

.p_top .left_content>div {
  width: 50%;
  height: 352px;
  margin-right: auto;
  background: rgba(255, 255, 255, 0.9);
  padding: 48px 64px 0 1.0em;
}

.right_content>div {
  margin-left: auto;
  margin-right: 0;
}

@media screen and (max-width:980px) and (min-width:768px) {
  .p_top .right_content>div {
    padding: 48px 1.0em 0 30px;
  }

  .p_top .left_content>div {
    padding: 48px 30px 0 1.0em;
  }

}

.p_top .left_content .link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.p_top .center_content {
  margin: 0;
  padding: 30px 0 0 0;
}

.p_top .center_content>div {
  padding: 64px 0 64px 0;
}

.p_top .center_content .link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.link.link-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p_top h2 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}

.p_top p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 18px;
}

@media screen and (max-width:980px) and (min-width:768px) {
  .p_top p {
    font-size: 14px;
  }
}

.white h2,
.white p {
  color: #fff;
}

.black h2,
.black p {
  color: #000;
}

/*.p_top #cat {
  text-align: center;
}

.p_top #cat>div {
  margin: 0 auto;
  padding: 70px 0;
  width: 840px;
  text-align: left;
  font-size: 0;
}

.p_top #cat .box {
  background: rgba(255, 255, 255, 0.9);
  color: #01499D;
  display: inline-block;
  width: 262px;
  height: 262px;
  padding: 40px 10px;
  position: relative;
  margin: 5px;
  cursor: pointer;
  text-align: center;
}

.p_top #cat .box .icon {
  width: 101px;
  height: 101px;
}

.p_top #cat .box .text {
  font-size: 18px;
  font-weight: bold;
  font-family: "A-OTF 見出ゴMB1 Std DeBold","Midashi Go MB1 Std DeBold",sans-serif;
  transform: rotate(.1deg);
}

.p_top #cat .box:after {
  content: url(../img/houjin/cat_arrow.png);
  position: absolute;
  left: 113px;
  bottom: 30px;
}*/

.p_top #cat_dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  width: 100vw;
  height: 100vh;
}

.p_top #cat_dialog .dialog {
  width: 660px;
  position: absolute;
  top: calc(50% - 300px);
  left: calc(50% - 298px);
  margin: 0 auto;
  font-size: 0;
}

.dialog_wrap {
  position: relative;
}

.p_top #cat_dialog .dialog .header {
  position: relative;
  height: 60px;
}

.p_top .dialog_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border: none;
  background: transparent;
}

.p_top .dialog_close::before,
.p_top .dialog_close::after {
  position: absolute;
  top: 50%;
  left: 10px;
  content: "";
  display: block;
  width: 40px;
  border-top: 2px solid #fff;
}

.p_top .dialog_close::before {
  transform: skewY(-45deg);
}

.p_top .dialog_close::after {
  transform: skewY(45deg);
}

.p_top #cat_dialog .dialog>div {
  display: inline-block;
  vertical-align: top;
}

.p_top #cat_dialog .dialog .left button,
.p_top #cat_dialog .dialog .right button {
  position: absolute;
  width: 50px;
  height: 92px;
  border: none;
  background: #01499D;
  top: calc(50% - 16px);
}

.p_top #cat_dialog .dialog .left button.hide,
.p_top #cat_dialog .dialog .right button.hide {
  opacity: 0 !important;
  cursor: default;
}

.p_top #cat_dialog .dialog .left button {
  left: -50px;
}

.p_top #cat_dialog .dialog .right button {
  right: -50px;
}

.p_top #cat_dialog .dialog .body {
  padding: 0;
  background: transparent;
  text-align: center;
  max-height: calc(100vh - 80px);
  overflow: auto;
}

.p_top #cat_dialog .photo {
  width: 697px;
  height: 455px;
  /* background: #ccc; */
  margin-bottom: 20px;
}

.p_top #cat_dialog .icon {
  width: auto;
  height: auto;
}

.p_top #cat_dialog h2 {
  color: #01499D;
  font-size: 20px;
  margin-top: 8px;
}

.p_top #cat_dialog h3 {
  margin-top: 20px;
  font-weight: bold;
  font-size: 16px;
}

.p_top #cat_dialog .text {
  width: 580px;
  display: inline-block;
  text-align: left;
}

.p_top #cat_dialog .img {
  margin-bottom: 30px;
}

.cats {
  padding: 38px;
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .p_top #katei {
    height: 500px;
    background-image: url(../img/top/katei_bg_sp.jpg);
  }

  .p_top #houjin {
    height: 470px;
    background-image: url(../img/top/houjin_bg_sp.jpg);
  }

  .p_top #young {
    height: 470px;
    background-image: url(../img/top/young_bg_sp.jpg);
  }

  .p_top #earth {
    background-image: url(../img/top/earth_bg_sp.jpg);
    position: relative;
  }

  .p_top #global {
    background-image: url(../img/top/global_bg_sp.png);
    position: relative;
  }

  .p_top #facility {
    background-image: url(../img/top/facility_bg_sp.png);
    position: relative;
  }

  .p_top .left_content,
  .p_top .right_content {
    padding: 10px;
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .p_top .left_content h2,
  .p_top .right_content h2 {
    text-align: center;
  }

  .p_top .left_content>div,
  .p_top .right_content>div {
    position: static;
    width: 100%;
    height: auto;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    text-align: center;
  }

  .p_top .left_content p,
  .p_top .right_content p {
    text-align: left;
    margin-bottom: 0;
  }

  .p_top .left_content br,
  .p_top .right_content br {
    display: none;
  }

  .p_top .center_content p {
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }

  .p_top .left_content .link,
  .p_top .right_content .link {
    width: 58vw;
    position: relative;
    padding: 10px 0;
    margin: 0 auto;
  }

  .p_top .center_content .link {
    width: 75vw;
    position: relative;
    padding: 10px 0;
    margin: 0 auto;
  }
}

/* ---------------------------------------------------------
   * faq
  ** --------------------------------------------------------- */
.p_top #faq {
  padding-top: 100px;
}

.p_top #faq .container {
  margin-top: 30px;
  margin-bottom: 30px;
}

.p_top #faq .faqItem {
  display: inline-block;
  border-left: 1px solid #CCCCCC;
  padding: 10px 80px 10px 80px;
}

.p_top #faq .faqItem:last-child {
  border-right: 1px solid #CCCCCC;
}

.p_top #faq .faqItem_inner>div {
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  transform: rotate(.1deg);
}

.p_top #faq .link {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 980px) and (min-width: 768px) {
  .p_top #faq .faqItem {
    padding: 10px 40px;
  }
}

@media screen and (max-width: 767px) {
  .p_top #faq {
    padding-top: 40px;
  }

  .p_top #faq .faqItem {
    text-align: left;
    display: block;
    border-left: none;
    border-top: 1px solid #CCCCCC;
    padding: 10px 0 10px 0;
    margin: 0 20px 0 20px;
  }

  .p_top #faq .faqItem:last-child {
    border-right: none;
    border-bottom: 1px solid #CCCCCC;
  }

  .p_top #faq .faqItem_inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .p_top #faq .faqItem_inner>img {
    width: 30px;
    height: auto;
  }

  .p_top #faq .faqItem_inner>img.wide {
    width: 40px;
    height: auto;
    margin: 0 -5px;
  }

  .p_top #faq .faqItem_inner>div {
    font-weight: bold;
    padding-left: 20px;
  }

  .p_top #faq .link {
    width: 75vw;
    margin: 0 auto;
  }
}

/* ---------------------------------------------------------
   * junsui_rinri
  ** --------------------------------------------------------- */
/*.p_top #junsui_rinri {
  padding-top: 100px;
}

.p_top #junsui_rinri .text_center h2 {
  margin-bottom: 20px;
}

.p_top #junsui_rinri .container {
  margin: 0;
  padding: 0;
  height: 730px;
  font-size: 0;
}

.p_top #junsui_rinri .container > div {
  text-align: center;
  padding: 0;
  margin: 0;
  color: white;
}*/

/*#junsui_rinri .container > div > div {
  display: inline-block;
  vertical-align: top;
  padding-top: 90px;
  width: 50%;
  height: 320px;
  position: relative;
  background: none;
  overflow: hidden;
}*/

/*.p_top #junsui_rinri .container > div > div:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}*/
.inc .container>div>div {
  position: relative;
}

.inc .container>div>div:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

#jr_maruyama:before {
  background-position: left top;
  background-image: url(../img/top/maruyama_bg.jpg);
}

#jr_book:before {
  background-image: url(../img/top/book_bg.jpg);
}

#jr_junsui_rinri:before {
  background-image: url(../img/top/junsui_rinri_bg.jpg);
}

#jr_study:before {
  background-image: url(../img/top/study_bg.jpg);
}


#jr_chousa:before {
  background-image: url(../img/research/bg_01.jpg);
}

#jr_foram:before {
  background-image: url(../img/research/bg_02.jpg);
}

#jr_ayumi:before {
  background-image: url(../img/research/bg_03.jpg);
}

#jr_gekkan:before {
  background-image: url(../img/research/bg_04.jpg);
}

/*.p_top #junsui_rinri .container > div > div div {
  margin-top: 20px;
}

.p_top #junsui_rinri .container > div > div .link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}*/

@media screen and (max-width: 880px) {
  #jr_maruyama:before {
    background-position: -60px top;
    background-image: url(../img/top/maruyama_bg.jpg);
  }
}

@media screen and (max-width: 767px) {
  /*.p_top #junsui_rinri {
    padding-top: 40px;
  }

  .p_top #junsui_rinri .container {
    height: 100%;
  }

  .p_top #junsui_rinri .container > div > div {
    display: inline-block;
    vertical-align: top;
    padding-top: 30px;
    padding-bottom: 40px;
    width: 100%;
    height: 218px;
  }

  .p_top #junsui_rinri .container > div > div div {
    margin-top: 20px;
  }

  .p_top #junsui_rinri .link {
    width: 75vw;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0 auto;
  }

  .p_top #jr_maruyama,
  .p_top #jr_book,
  .p_top #jr_junsui_rinri,
  .p_top #jr_study {
    position: relative;
    margin-bottom: 0;
  }*/

  #jr_maruyama:before {
    background-position: 10% top;
    background-image: url(../img/top/maruyama_bg.jpg);
  }

  .p_top #jr_maruyama:before {
    background-image: url(../img/top/maruyama_bg.jpg);
  }

  .p_top #jr_book:before {
    background-image: url(../img/top/book_bg.jpg);
  }

  .p_top #jr_junsui_rinri:before {
    background-image: url(../img/top/junsui_rinri_bg.jpg);
  }

  .p_top #jr_study:before {
    background-image: url(../img/top/study_bg.jpg);
  }
}

@media screen and (max-width:370px) {
  #jr_maruyama:before {
    background-position: 20% top;
    background-image: url(../img/top/maruyama_bg.jpg);
  }
}

/** /about */
.p_about .link {
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */
.p_about #cover {
  text-align: center;
  height: 390px;
  background-image: url(../img/about/cover.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about #cover>div {
  padding-top: 220px;
}

.p_about #cover h2 {
  color: #fff;
}

/* ---------------------------------------------------------
 * leadtext
** --------------------------------------------------------- */
.p_about_business #leadtext p {
  width: 95%;
  margin: 0 auto 30px;
  padding: 40px 0;
  text-align: center;
  color: #00284C;
  line-height: 30px;
  font-size: 17px;
}

.table_ttl {
  font-size: 23px;
  font-weight: bold;
  margin: 0 auto;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  text-align: center;
  transform: rotate(.1deg);
  color: #00284c;
}

/* ---------------------------------------------------------
 * jr_article
** --------------------------------------------------------- */
.p_about #jr_article {
  background-image: url(../img/about/jr_bg.png);
  background-position: center;
  background-size: cover;
  padding-bottom: 40px;
  color: #00284C;
}

.p_about #junsui_rinri {
  width: 95%;
  margin: 0 auto;
  padding: 40px;
  text-align: center;
}

#junsui_rinri.junsui_rinriA h2,
#junsui_rinri.junsui_rinriA a div h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px !important;
}

.p_about #junsui_rinri h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}

.p_about #junsui_rinri p {
  font-size: 16px;
  margin: 5px 0 20px;
}

.p_about #article {
  background-image: url(../img/about/article_bg.png);
  width: 507px;
  height: 232px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding-top: 50px;
}

.p_about #article h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}

.p_about #article p {
  font-size: 16px;
  margin: 5px 0 20px;
}

/* ---------------------------------------------------------
 * business
** --------------------------------------------------------- */
.p_about #business {
  background-image: url(../img/about/business_bg.png);
  background-position: right bottom;
  background-size: cover;
  color: #00284C;
  text-align: center;
  padding: 40px 0 120px;
}

.p_about #business h3 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}

.p_about #business .link {
  margin: 10px auto;
}

.p_about #business .business_list {
  margin-top: 30px;
}

.p_about #business .business_list>div {
  width: 852px;
  height: 247px;
  background-position: center;
  background-size: cover;
  margin: 15px auto;
  padding-top: 80px;
}

.p_about #history {
  background-image: url(../img/about/bg_01.png);
  color: #fff;
}

.p_about #report {
  background-image: url(../img/about/bg_02.png);
}

.p_about #access {
  background-image: url(../img/about/bg_03.png);
}

.p_about #shogakusei {
  background-image: url(../img/about/bg_04.png);
}

.p_about #business .business_list p {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

/* ---------------------------------------------------------
 * other
** --------------------------------------------------------- */
.p_about #other>div {
  padding: 60px 0;
  margin: 0 auto;
  width: 660px;
  display: flex;
}

.p_about #other [class^="link"] {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 314px;
  height: 314px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.p_about #other .link1 {
  background-image: url(../img/about/business/rokuon_bg.png);
}

.p_about #other .link2 {
  background-image: url(../img/about/business/rinrin_bg.png);
}

.p_about #other h4 {
  color: #fff;
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: bold;
  padding-top: 100px;
  padding-bottom: 24px;
}

.p_about #other .bottom_fix {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .p_about .link {
    width: 70vw !important;
    margin: 0 auto;
  }

  /* ---------------------------------------------------------
   * cover
  ** --------------------------------------------------------- */
  .p_about #cover {
    height: 70vw;
    background-image: url(../img/about/cover_sp.png);
  }

  .p_about #cover>div {
    padding-top: 30vw;
  }

  .p_about #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  /* ---------------------------------------------------------
   * jr_article
  ** --------------------------------------------------------- */
  .p_about #article {
    background-image: url(../img/about/article_bg_sp.png);
    background-size: cover;
    width: 95%;
    height: auto;
    padding: 50px 0;
  }

  /* ---------------------------------------------------------
   * business
  ** --------------------------------------------------------- */
  .p_about #business {
    /*padding: 40px 0 120px;*/
  }

  .p_about #business .link {
    /*margin: 10px auto;*/
  }

  .p_about #business .business_list {
    /*margin-top: 30px;*/
  }

  .p_about #business .business_list>div {
    width: 95%;
    height: auto;
    /*margin: 15px auto;*/
    padding: 60px 0;
  }

  .p_about #history {
    background-image: url(../img/about/bg_01_sp.png);
  }

  .p_about #report {
    background-image: url(../img/about/bg_02_sp.png);
  }

  .p_about #access {
    background-image: url(../img/about/bg_03_sp.png);
  }

  .p_about #shogakusei {
    background-image: url(../img/about/bg_04_sp.png);
  }

  /* ---------------------------------------------------------
   * other
  ** --------------------------------------------------------- */
  .p_about #other>div {
    width: 100%;
    display: block;
  }

  .p_about #other [class^="link"] {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    /*height: 314px;*/
    margin: 0 auto;
    text-align: center;
    position: relative;
  }

  .p_about #other .link1 {
    background-image: url(../img/about/business/rokuon_bg_sp.png);
  }

  .p_about #other .link2 {
    background-image: url(../img/about/business/rinrin_bg_sp.png);
  }

  .p_about #other .bottom_fix {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70vw;
  }
}




/** /about/history */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */
.p_about_history #cover {
  background: url(../img/about/history/cover.png) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 392px;
}

.p_about_history #cover h2 {
  padding-top: 210px;
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 4px;
}

.p_about_history #junsui_rinri.junsui_rinriA {
  padding-top: 30px;
}

/* ---------------------------------------------------------
 * history
** --------------------------------------------------------- */
.p_about_history #history {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 300px), linear-gradient(to top, rgba(255, 255, 255, 1) 0px, rgba(255, 255, 255, 0) 300px), url(../img/about/history/history_bg.png);
  background-position: center top, center bottom, center top;
  background-repeat: no-repeat, no-repeat, repeat-y;
  /*background-attachment: fixed, scroll;*/
  margin: 120px 20px 0;
  padding-bottom: 100px;
}

.p_about_history #history>div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}

.p_about_history #history .wa {
  width: 80px;
  order: 2;
  flex-grow: 1;
  background-image: url(../img/about/history/circle.png);
  background-repeat: no-repeat;
  background-position: top center;
  font-weight: bold;
  color: #00284C;
  text-align: center;
  padding-top: 50px;
  position: relative;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  transform: rotate(.1deg);
  /*top: 20px;*/
  /*opacity: 0;*/
}

.p_about_history #history .viewed .wa {
  /*animation: his_content_center 1s ease-out 1 normal both;*/
}

@keyframes his_content_center {
  0% {
    top: 20px;
    opacity: 0;
  }

  100% {
    top: 0px;
    opacity: 1;
  }
}

.p_about_history #history .sei {
  font-size: 82px;
  font-weight: bold;
  color: #00284C;
  margin-top: -40px;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  transform: rotate(.1deg);
}

.p_about_history #history.robotoTest .sei {
  font-family: 'Roboto', "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
}

.p_about_history #history .his_content {
  line-height: 1.5;
}

.p_about_history #history .left,
.p_about_history #history .right {
  position: relative;
  width: 50%;
}

.p_about_history #history .upper {
  width: 50%;
}

.p_about_history #history .left {
  order: 1;
  text-align: right;
  padding-right: 10px;
  right: 0;
}

.p_about_history #history .right {
  order: 3;
  text-align: left;
  padding-left: 20px;
  left: 0;
}

/*.p_about_history #history .viewed .left {
  position: relative;
  animation: his_content_l 1s ease-out 1 normal both;
}*/
@media screen and (min-width:768px) {

  .p_about_history #history .pcUpper .sei,
  .p_about_history #history .pcUpper .his_content {
    opacity: 0;
    transition: 1.1s;
    bottom: -20px;
  }

  .p_about_history #history .viewed.pcUpper .sei,
  .p_about_history #history .viewed.pcUpper .his_content {
    position: relative;
    opacity: 1;
    bottom: 0;
  }
}

@keyframes his_content_upper {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/*.p_about_history #history .viewed .right {
  position: relative;
  animation: his_content_r 1s ease-out 1 normal both;
}*/
.p_about_history #history .his_content img {
  margin: 7px 0 5px;
}

.p_about_history #history .flexbox {
  display: flex;
}

.p_about_history #history .flexbox.left {
  justify-content: flex-end;
}

.p_about_history #history .flexbox.left img {
  margin-right: 10px;
}

.p_about_history #history .flexbox.right {
  justify-content: flex-start;
}

.p_about_history #history .flexbox.right img {
  margin-left: 10px;
}

/* 個別 */
.p_about_history #y1948 .his_content,
.p_about_history #y2012 .his_content,
.p_about_history #y2013 .his_content {
  margin-top: 10px;
}

.p_about_history #y1996 .his_content>img {
  margin-top: -50px;
}


/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */
#contents.p_about_history .visible_sp {
  display: none;
}

@media screen and (max-width: 767px) {
  #contents.p_about_history .hidden_sp {
    display: none;
  }

  #contents.p_about_history .visible_sp {
    display: block;
  }

  .p_about_history #cover {
    height: 70vw;
    background-image: url(../img/about/history/cover_sp.png);
  }

  .p_about_history #cover h2 {
    padding-top: 30vw;
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_about_history #history {
    background-position: center top -300px, center bottom, left 15% top;
    /* jsで変更している */
  }

  .p_about_history #history>div {
    display: block;
    position: relative;
    top: -5px;
    margin-bottom: 40px;
  }

  .p_about_history #history .wa {
    margin-left: 5.5%;
    background-image: url(../img/about/history/circle_sp.png);
    background-size: contain;
    padding-top: 20%;
    width: 20%;
  }

  .p_about_history #history {
    font-size: 12px;
  }

  .p_about_history #history .sei {
    margin-top: -100px;
    font-size: 54px;
  }

  .p_about_history #history .his_content {}

  .p_about_history #history .left,
  .p_about_history #history .right {
    width: 65%;
    position: relative;
    text-align: left;
    margin-left: 30%;
    top: 0;
    left: auto;
    right: auto;
  }

  .p_about_history #history .left {
    padding-right: 0;
  }

  .p_about_history #history .right {
    padding-left: 0;
  }

  /*.p_about_history #history .viewed .left,
  .p_about_history #history .viewed .right {
    animation: his_content_sp 1s ease-out 1 normal both;
  }
  @keyframes his_content_sp {
    0% {
      top: 20px;
      opacity: 0;
    }
    100% {
      top: 0px;
      opacity: 1;
    }
  }*/
  .p_about_history #history a img {
    width: 50vw;
  }

  .p_about_history #history .flexbox {
    display: block;
  }

  .p_about_history #history .flexbox.left img {
    margin-right: 0;
  }

  /* 個別 */
  .p_about_history #y1996 .his_content>img {
    margin-top: 0;
  }

  .p_about_history #history .flexbox.right img {
    margin-left: 0;
    margin-top: 5px;
  }

  /*.p_about_history #history .his_content p{
    text-align: justify;
  }*/
  .p_about_history #history .his_content p .pcbr {
    display: none;
  }

  .p_about_history #history .upper {
    opacity: 0;
  }

  .p_about_history #history .upper.viewed {
    position: relative;
    animation: his_content_upper 1.2s ease-out 1 normal both;
  }
}


/** /about/access/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_about_access #cover {
  text-align: center;
  height: 390px;
  background: url(../img/about/access/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_access #cover>div {
  padding-top: 220px;
}

/* ---------------------------------------------------------
 * map
** --------------------------------------------------------- */

.p_about_access #map {
  text-align: center;
}

.p_about_access #map>div {
  max-width: 900px;
  margin: 0 auto;
  position: relative;
}

.p_about_access #map .img {
  margin-left: 100px;
  margin-top: 30px;
  position: relative;
  z-index: 0;
}

.p_about_access .list1,
.p_about_access .list2 {
  position: absolute;
  z-index: 2;
  top: 150px;
}

.p_about_access .list1 {
  right: 0;
}

.p_about_access .list2 {
  left: 0;
}

.p_about_access ol {
  text-align: left;
  list-style: none;
  margin-left: 1.25em;
  /*counter-reset: my-counter;*/
  list-style-type: none;
}

.p_about_access ol li span img {
  vertical-align: middle;
  margin: 0 6px 0 6px;
}

.p_about_access .list1 li:first-child>span:before {
  background-image: url(../img/about/access/pin_01.svg);
}

.p_about_access .list1 li:nth-child(2)>span:before {
  background-image: url(../img/about/access/pin_02.svg);
}

.p_about_access .list1 li:nth-child(3)>span:before {
  background-image: url(../img/about/access/pin_03.svg);
}

.p_about_access .list1 li:nth-child(4)>span:before {
  background-image: url(../img/about/access/pin_04.svg);
}

.p_about_access .list1 li:nth-child(5)>span:before {
  background-image: url(../img/about/access/pin_05.svg);
}

.p_about_access .list2 li:first-child>span:before {
  background-image: url(../img/about/access/pin_06.svg);
}

.p_about_access .list2 li:nth-child(2)>span:before {
  background-image: url(../img/about/access/pin_07.svg);
}

.p_about_access .list2 li:nth-child(3)>span:before {
  background-image: url(../img/about/access/pin_08.svg);
}

.p_about_access .list2 li:nth-child(4)>span:before {
  background-image: url(../img/about/access/pin_09.svg);
}

.p_about_access li {
  margin-top: 20px;
  width: 164px;
  color: #fff;
}

.p_about_access li>span {
  background: #B4C1CA;
  border-radius: 3px;
  display: block;
  position: relative;
  line-height: 28px;
  padding-left: 30px;
}

.p_about_access li>span:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  height: 18px;
  width: 18px;
  background: url() no-repeat center / 18px 18px;
}

.p_about_access li a {
  text-decoration: none;
  display: block;
  padding: 4px 0;
  position: relative;
}

.p_about_access li a:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
  width: 22px;
  height: 22px;
  background: url(../img/common/arrow_org_dwn.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_access ul li {
  margin-top: 0;
  color: #646464;
  background: #fff;
  border-radius: 0;
  border-bottom: 1px dotted #646464;
  line-height: 26px;
}

.p_about_access ul li>span:before {
  content: none;
}

/* ---------------------------------------------------------
 * head
** --------------------------------------------------------- */

.p_about_access .panel {
  width: 50%;
  background: rgba(255, 255, 255, 0.9);
  display: block;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  z-index: 5;
}

.p_about_access .bgEffect:nth-child(odd) .panel {
  margin-left: auto;
}

.p_about_access h3 {
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  transform: rotate(.1deg);
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}

.p_about_access .panel>p {
  max-width: 500px;
}

#ankHonbu {
  padding-top: 100px;
  margin-top: -100px;
}

.p_about_access .panel a {
  text-decoration: none;
}

.p_about_access #head {
  /*background: url(../img/about/access/bg_01.png) no-repeat;
  background-size: cover;
  background-position: center center;*/
  text-align: right;
  padding: 20px 0;
}

.p_about_access #head::before {
  background-size: cover;
  background-image: url(../img/about/access/bg_01.jpg);
  background-position: left top;
}

.p_about_access #head a:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 11px;
  background: url(../img/common/icon_outside.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.p_about_access #head .tel_linker>a:after {
  display: none;
}

.p_about_access #head .panel {
  position: relative;
  padding: 30px 0 30px 60px;
  text-align: left;
}


/* ---------------------------------------------------------
 * museum
** --------------------------------------------------------- */

.p_about_access #museum {
  /*background: url(../img/about/access/bg_02.png) no-repeat;
  background-size: cover;
  background-position: center center;*/
  padding: 20px 0;
}

.p_about_access #museum::before {
  background-size: 82%;
  background-image: url(../img/about/access/bg_02.jpg);
  background-position: center top;
}

@media screen and (max-width: 1842px) {
  .p_about_access #museum::before {
    background-size: cover;
    background-position: 70%;
  }
}

.p_about_access #museum .panel {
  padding: 40px 60px 40px 0;
  text-align: right;
}

/* ---------------------------------------------------------
 * fuji
** --------------------------------------------------------- */

.p_about_access #fuji {
  /*background: url(../img/about/access/bg_03.png) no-repeat;
  background-size: cover;
  background-position: center center;*/
  text-align: right;
  padding: 20px 0;
}

.p_about_access #fuji::before {
  background-size: cover;
  background-image: url(../img/about/access/bg_03.jpg);
  background-position: bottom;
}

.p_about_access #fuji .panel {
  padding: 30px 0 30px 60px;
  text-align: left;
}

/* ---------------------------------------------------------
 * tenwa
** --------------------------------------------------------- */

.p_about_access #tenwa {
  /*background: url(../img/about/access/bg_04.png) no-repeat;
  background-size: cover;
  background-position: center center;*/
  padding: 20px 0;
  text-align: right;
}

.p_about_access #tenwa::before {
  background-size: cover;
  background-image: url(../img/about/access/bg_04.jpg);
  background-position: left top;
}

.p_about_access #tenwa .panel {
  padding: 30px 0 30px 60px;
  text-align: left;
}

/* ---------------------------------------------------------
 * maruyama
** --------------------------------------------------------- */

.p_about_access #maruyama {
  /*background: url(../img/about/access/bg_05.png) no-repeat;
  background-size: cover;
  background-position: center center;*/
  padding: 20px 0;
}

@media screen and (max-width: 767px) {
  .p_about_access #museum {
    padding: 0;
  }

  .p_about_access #head {
    padding: 0;
  }
}

.p_about_access #maruyama::before {
  background-size: 70%;
  background-image: url(../img/about/access/bg_05.jpg);
  background-position: right top;
}

@media screen and (max-width: 1600px) {
  .p_about_access #maruyama::before {
    background-position: 70% top;
  }
}

.p_about_access #maruyama .panel {
  padding: 40px 60px 40px 0;
  text-align: right;
}

/* ---------------------------------------------------------
 * list
** --------------------------------------------------------- */

.p_about_access #list {
  background: #E7E9E8;
  text-align: center;
}

.p_about_access #list>div {
  padding: 50px 0;
  font-size: 16px;
  margin-bottom: 80px;
  line-height: 1.8;
}

.kaikan_lead {
  margin-bottom: 20px;
}

.p_about_access #list h4 {
  font-weight: bold;
  margin-bottom: 6px;
}

.p_about_access #list .container {
  width: 850px;
  margin: 0 auto;
  font-size: 0;
  /* padding-top: 40px; */
}

.p_about_access #list .hall {
  display: inline-block;
  text-align: left;
  font-size: 16px;
  padding-left: 8px;
  border-left: 2px solid #757575;
  margin-top: 30px;
  vertical-align: top;
  max-width: 390px;
  width: 100%;
}

.p_about_access #list .hall:nth-child(even) {
  margin-left: 40px;
}

.p_about_access #list .table {
  display: table;
}

.p_about_access #list .tr {
  display: table-row;
}

.p_about_access #list .td,
.p_about_access #list .th {
  display: table-cell;
}

.p_about_access #list .th {
  font-weight: bold;
  padding-right: 15px;
}

@media screen and (max-width: 860px) and (min-width: 767px) {
  .p_about_access #list .container {
    width: 760px;
  }

  .p_about_access #list .hall {
    font-size: 14px;
    width: 360px;
  }

  .p_about_access #list .hall:nth-child(even) {
    margin-left: 38px;
  }

  .p_about_access #fuji::before {
    background-size: cover;
    background-image: url(../img/about/access/bg_03.jpg);
    background-position: left 25% top;
  }

  .p_about_access #maruyama::before {
    background-size: cover;
    background-image: url(../img/about/access/bg_05.jpg);
    background-position: right top;
  }

  .p_about_access #head::before {
    background-size: 250%;
    background-image: url(../img/about/access/bg_01.jpg);
    background-position: -360px top;
  }
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_about_access {
    font-size: 4vw;
  }

  .p_about_access #cover {
    height: 70vw;
    background-image: url(../img/about/access/cover_sp.png);
  }

  .p_about_access #cover div {
    padding-top: 30vw;
  }

  .p_about_access #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_about_access #map>div {
    width: 100%;
    padding: 20px 0 40px 0;
  }

  .p_about_access .list1,
  .p_about_access .list2 {
    display: inline-block;
    position: static;
    vertical-align: top;
  }

  /*.p_about_access .list1 {
    margin-left: -1.25em;
  }*/
  .p_about_access .list2 {
    margin-left: -1em;
  }

  .p_about_access .list1 ol>li:first-child {
    margin-bottom: 54px;
  }

  .p_about_access .list1 ol>li:nth-child(3) {
    margin-bottom: 45px;
  }

  .p_about_access li {
    width: 45vw;
  }

  .p_about_access li>span:before {
    display: none;
  }

  .p_about_access li>span {
    padding-left: 8px;
  }

  .p_about_access .panel {
    width: 90%;
  }

  .p_about_access #head::before {
    background-image: url(../img/about/access/bg_01_sp.jpg);
    background-size: 100%;
    background-position: top 0px right;
  }

  .p_about_access #museum::before {
    background-image: url(../img/about/access/bg_02_sp.jpg);
    background-position: right -50px top -10px;
  }

  .p_about_access #fuji::before {
    background-image: url(../img/about/access/bg_03_sp.jpg);
    background-size: 310%;
    background-position: right 57% top 25%;
  }

  .p_about_access #tenwa::before {
    background-image: url(../img/about/access/bg_04_sp.jpg);
    background-size: 100%;
    background-position: top 0px right;
  }

  .p_about_access #maruyama::before {
    background-image: url(../img/about/access/bg_05_sp.jpg);
    background-position: left 0px top;
    background-size: 130%;
  }

  .p_about_access #head::before,
  .p_about_access #museum::before,
  .p_about_access #fuji::before,
  .p_about_access #tenwa::before,
  .p_about_access #maruyama::before {
    text-align: center;
    position: relative;
    height: 800px;
  }

  .p_about_access #head .panel,
  .p_about_access #museum .panel,
  .p_about_access #fuji .panel,
  .p_about_access #tenwa .panel,
  .p_about_access #maruyama .panel {
    font-size: 4vw;
    padding: 15px;
    text-align: left;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .p_about_access #list {
    text-align: left;
  }

  .p_about_access #list>div {
    width: 90%;
    margin: 0 auto;
  }

  .p_about_access #list .container {
    width: 100%;
  }

  .p_about_access #list .hall:nth-child(even) {
    margin-left: 0;
  }

  .p_about_access #list .hall {
    margin-top: 14px;
  }

  .p_about_access #list .hall h4,
  .p_about_access #list .hall div {
    font-size: calc(3vw + 1px);
  }

  .p_about_access .map {
    position: relative;
    padding-bottom: 83%;
    height: 0;
    overflow: hidden;
  }

  .p_about_access .map>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }

  .p_about_access .bgEffect::before {
    width: calc(100%);
  }

  /*.p_about_access #head::before {
      background: 0;
  }
  .p_about_access #museum::before {
      background: 0;
  }
  .p_about_access #fuji::before {
      background: 0;
  }
  .p_about_access #maruyama::before {
      background: 0;
  }
  .p_about_access #tenwa::before {
      background: 0;
  }*/
}

/** /about/business/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_about_business #cover {
  text-align: center;
  height: 390px;
  background: url(../img/about/business/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_business #cover>div {
  padding-top: 220px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_about_business #intro>div {
  margin: 0 auto;
  margin-top: 40px;
}

.p_about_business #intro>div {
  text-align: center;
  color: #002B4C;
}

/* ---------------------------------------------------------
 * table
** --------------------------------------------------------- */
.p_about_business #page_subtitle {
  text-align: center;
  color: #002B4C;
  font-size: 20px;
  font-weight: bold;
  margin-top: 50px;
}

.p_about_business #table .container {
  width: 688px;
  margin: 10px auto 40px;
}

.p_about_business .container>table {
  table-layout: fixed;
  /* min-width: 100%;
  margin: 0 -16px; */
  border-collapse: separate;
  border-spacing: 16px 0;
  border-top: 1px solid #3F5D79;
  border-bottom: 1px solid #3F5D79;
}

.p_about_business tr td,
.p_about_business tr th {
  padding: 20px 0;
  border-top: 1px solid #BFC9D2;
  vertical-align: middle;
  color: #333333;
  line-height: 1.7;
}

.p_about_business tr:first-child td,
.p_about_business tr:first-child th {
  border: none;
}

.p_about_business th {
  font-weight: bold;
  font-family: "roboto", "こぶりなゴシック W6 JIS2004", "Koburina Gothic W6 JIS2004", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  width: 164px;
}

.p_about_business th>span {
  font-weight: bold;
}

.p_about_business .space1 {
  letter-spacing: 0.5em;
  margin-right: -0.5em;
}

.p_about_business .space2 {
  letter-spacing: 2em;
  margin-right: -2em;
}

.p_about_business .accessmap>img {
  width: 154px;
  height: 27px;
  margin-top: 10px;
}

.p_about_business ol {
  margin-left: 1.25em;
  line-height: 1.7;
}

.p_about_business .inner .date {
  width: 140px;
}

.p_about_business .inner tr td {
  padding: 2px 0;
  border: none;
  vertical-align: middle;
}

@media screen and (max-width:767px) {
  .p_about_business table.inner td {
    display: block;
    width: 15em;
    ;
  }

  .p_about_business table.inner tr:not(:last-child) td:nth-child(even) {
    margin-bottom: 8px;
  }
}

/* ---------------------------------------------------------
 * chart
** --------------------------------------------------------- */

.p_about_business #chart {
  background: #EAEBED;
}

.p_about_business #chart>div {
  text-align: center;
  padding: 40px 0;
}

@media screen and (max-width: 880px) and (min-width:768px) {
  .p_about_business #chart>div {
    width: 688px;
    margin: 0 auto;
  }

  .p_about_jr #about3 .inner:before {
    background-size: cover;
    background-position: center left 23%;
  }

  .p_about_jr #about4 .inner {
    margin-top: -130px;
  }
}

.p_about_business #chart h3 {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #002B4C;
}

/* ---------------------------------------------------------
 * junsui_rinri
** --------------------------------------------------------- */

#junsui_rinri.junsui_rinriA {
  padding-top: 84px;
}

#junsui_rinri.junsui_rinriA a div h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px !important;
}

#junsui_rinri.junsui_rinriA p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px !important;
}

#junsui_rinri.junsui_rinriA .container {
  margin: 0 0 84px;
  padding: 0;
  /* height: 500px; */
  font-size: 0;
}

@media screen and (max-width: 767px) {
  #junsui_rinri.junsui_rinriA p.sp {
    display: block;
  }

  #junsui_rinri.junsui_rinriA .container {
    margin: 0 0 20px;
  }
}

#junsui_rinri.junsui_rinriA .container>div,
.p_katei #junsui_rinri .container,
.p_houjin #junsui_rinri .container,
.p_facility #junsui_rinri .container,
#junsui_rinri.junsui_rinriA a div h2,
#junsui_rinri.junsui_rinriA .container a p,
.p_about_jr #junsui_rinri h2,
.p_about_jr #junsui_rinri p,
.container.container-u a>div {
  text-align: center;
  padding: 0;
  margin: 0 auto;
  max-width: 980px;
  color: white;
  /* white-space: nowrap; */
}

#junsui_rinri.junsui_rinriA .container>div>a>div,
.p_katei #junsui_rinri .container>div>div,
.p_houjin #junsui_rinri .container>div>div,
.p_facility #junsui_rinri .container>div>div,
.container.container-u a>div,
#junsui_rinri .container>div>div {
  display: inline-block;
  vertical-align: top;
  padding-top: 50px;
  width: 50%;
  height: 250px;
  /*background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;*/
}

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

  #junsui_rinri.junsui_rinriA .container>div>a>div,
  .p_katei #junsui_rinri .container>div>div,
  .p_houjin #junsui_rinri .container>div>div,
  .p_facility #junsui_rinri .container>div>div,
  .container.container-u a>div {
    display: block;
    margin: 10px auto;
    padding-top: 25px;
    width: 90%;
    height: 200px;
  }
}

.container.container-u>div>div,
.container.container-u a>div {
  overflow: hidden;
}

.container.container-u .slideUpBtn {
  margin-top: 20px;
}

.container.container-u .slideUpBtn {
  position: relative;
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  padding: 0 10px 3px 0;
}

.container.container-u .slideUpBtn a:link {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .container.container-u .slideUpBtn {
    margin-top: 0px;
  }

  .slideUpBtn a:link {
    color: #fff !important;
  }
}

.slideUpBtn-nomal {
  position: relative;
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  padding: 0 10px 3px 0;
  border-bottom: 1px solid #FFF;
  width: 45%;
  margin: 11px auto;
  font-size: 16px;
  text-align: center;
}

.slideUpBtn-nomal::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  right: 2.5px;
  width: 1px;
  height: 10px;
  background: #FFF;
  transform: rotate(-45deg);
}

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

  #junsui_rinri.junsui_rinriA .container>div>div div,
  .p_about_jr #junsui_rinri .container>div>div div {
    margin-top: 60px;
    transform: translateY(0);
  }

  .jb .slideUpBtn,
  .jb .hoverSlideUp,
  .hoverSlideUp {
    transform: none !important;
  }
}

#jr_history:before {
  background-image: url(../img/about/business/bg_01.png);
}

#jr_report:before {
  background-image: url(../img/about/business/bg_02.png);
}

#jr_access:before {
  background-image: url(../img/about/business/bg_03.png);
}

#jr_shogakusei:before {
  background-image: url(../img/about/business/bg_04.png);
}

/* ---------------------------------------------------------
 * other
** --------------------------------------------------------- */

.otherA>div {
  padding-top: 0;
  margin: 0 auto 84px;
  width: 660px;
  display: flex;
}

.otherA [class^="link"] {
  overflow: hidden;
  width: 314px;
  height: 314px;
  margin: 0px 8px !important;
  text-align: center;
  position: relative;
}

.otherA [class^="link"]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: url() no-repeat center / cover;
  z-index: -1;
}

.otherA .link1::before {
  background-image: url(../img/about/business/rokuon_bg.png);
}

.otherA .link2::before {
  background-image: url(../img/about/business/rinrin_bg.png);
}

.otherA h4 {
  color: #fff;
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: bold;
  padding-top: 100px;
  padding-bottom: 24px;
}

.p_about_business .slideUpBtn a:link,
.p_about_business .slideUpBtn a {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .otherA h4 {
    padding-top: 30px;
  }
}

.otherA .bottom_fix {
  position: absolute;
  width: 40%;
  bottom: 110px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

a:link {
  text-decoration: none !important;
  border: 0;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_about_business #cover {
    height: 70vw;
    background-image: url(../img/about/business/cover_sp.png);
  }

  .p_about_business #cover>div {
    padding-top: 30vw;
  }

  .p_about_business #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  /* ---------------------------------------------------------
  * table SP
  ** --------------------------------------------------------- */
  .p_about_business #table .container {
    width: 100%;
    margin: 20px auto;
  }

  .p_about_business .container>table {
    border-spacing: 14px 0;
  }

  .p_about_business th {
    width: 70px;
  }

  .p_about_business td .space2 {
    letter-spacing: 0;
    margin-right: 0;
  }

  /* ---------------------------------------------------------
  * table SP
  ** --------------------------------------------------------- */
  .p_about_business #chart>div {
    padding: 40px 20px;
  }

  /* ---------------------------------------------------------
 * junsui_rinri
** --------------------------------------------------------- */
  #junsui_rinri.junsui_rinriA {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #junsui_rinri.junsui_rinriA .container {
    height: 100%;
  }

  #junsui_rinri.junsui_rinriA .container>div {
    width: 100%;
  }

  #junsui_rinri.junsui_rinriA .container>div>div {
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 90%;
    height: 100%;
  }

  #junsui_rinri.junsui_rinriA .link {
    width: 80%;
    margin: 0 auto;
  }

  #jr_history {
    background-image: url(../img/about/business/bg_01_sp.png);
  }

  #jr_report {
    background-image: url(../img/about/business/bg_02_sp.png);
  }

  #jr_access {
    background-image: url(../img/about/business/bg_03_sp.png);
  }

  #jr_shogakusei {
    background-image: url(../img/about/business/bg_04_sp.png);
  }

  .p_about_business #other>div {
    width: 100%;
    display: block;
  }

  .p_about_business #other [class^="link"] {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    /*height: 314px;*/
    margin: 0 auto;
    text-align: center;
    position: relative;
  }

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

    .p_about_business #other [class^="link"],
    .otherA [class^="link"] {
      width: 90%;
      height: 140px;
      margin: 10px auto !important;
      text-align: center;
      position: relative;
    }

    .p_about_business #other .bottom_fix,
    .p_about_history #other .bottom_fix,
    .p_about_access #other .bottom_fix {
      position: absolute;
      bottom: 20px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 40%;
    }

    .p_about_business #other>div,
    .p_about_history #other>div,
    .p_about_access #other>div {
      width: 100%;
      display: block;
    }
  }

  .p_about_business #other .link1 {
    background-image: url(../img/about/business/rokuon_bg_sp.png);
  }

  .p_about_business #other .link2 {
    background-image: url(../img/about/business/rinrin_bg_sp.png);
  }

  .p_about_business #other .bottom_fix {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
  }
}

/** /about/business/report */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_about_business_report #cover {
  text-align: center;
  height: 390px;
  background: url(../img/about/business/report/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_business_report #cover>div {
  padding-top: 220px;
}

.p_about_business_report #cover h2 {
  color: #fff;
}

/* ---------------------------------------------------------
 * report
** --------------------------------------------------------- */

.p_about_business_report #report>div,
.p_about_business_report #settle>div {
  width: 690px;
  margin: 0 auto;
  margin-top: 60px;
}

.p_about_business_report h3 {
  color: #002B4C;
  font-size: 24px;
  font-weight: bold;
}

.p_about_business_report ul {
  border-top: 1px solid #3F5D79;
  border-bottom: 1px solid #3F5D79;
}

.p_about_business_report li {
  border-top: 1px solid #CBD4DB;
}

.p_about_business_report li:first-child {
  border: none;
}

.p_about_business_report li>a {
  display: block;
  padding: 16px 0;
  text-decoration: none;
}

.p_about_business_report li>a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 31px;
  height: 40px;
  background: url(../img/about/business/report/icon_pdf.png) no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0 20px;
}

.p_about_business_report li>a:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 14px;
  background: url(../img/about/business/report/icon_link_ex.png) no-repeat;
  background-size: cover;
  background-position: center center;
  margin-left: 10px;
}

/* ---------------------------------------------------------
 * settle
** --------------------------------------------------------- */

.p_about_business_report #settle>div {
  margin-bottom: 100px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_about_business_report #cover {
    height: 70vw;
    background-image: url(../img/about/business/report/cover_sp.png);
  }

  .p_about_business_report #cover div {
    padding-top: 30vw;
  }

  .p_about_business_report #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_about_business_report #report>div,
  .p_about_business_report #settle>div {
    width: 90%;
  }

  .p_about_business_report li>a {
    font-size: 16px;
    position: relative;
    padding-left: 30px;
  }

  .p_about_business_report li>a:before {
    margin: 0 5px 0 0;
    position: absolute;
    left: 5px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 20px;
    background: url(../img/about/business/report/icon_pdf.png) no-repeat;
    background-size: cover;
    background-position: center center;
  }
}

/** /about/business/rinrin_kikin/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_about_business_rin #cover {
  text-align: center;
  height: 390px;
  background: url(../img/about/business/rinrin_kikin/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_business_rin #cover>div {
  padding-top: 200px;
}

.p_about_business_rin #cover h2 {
  color: #fff;
  letter-spacing: 3px;
  line-height: 52px;
}

.p_about_business_rin #cover h2>span {
  color: #fff;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: 9px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_about_business_rin #intro>div {
  max-width: 900px;
  width: 95%;
  line-height: 1.8;
  margin: 0 auto;
  margin-top: 40px;
  text-align: justify;
  text-justify: distribute;
}

@media screen and (max-width:1050px) and (min-width:767px) {
  .p_about_business_rin #intro>div {
    width: 90%;
  }
}

.p_about_business_rin #intro nav {
  margin-top: 40px;
  margin-bottom: 40px;
}

.p_about_business_rin #intro ul {
  font-size: 0;
  text-align: center;
}

.p_about_business_rin #intro li {
  display: inline-block;
  border-right: 1px solid #BBC5CF;
}

.p_about_business_rin #intro li:first-child {
  border-left: 1px solid #BBC5CF;
}

.p_about_business_rin #intro li>a {
  color: #00284C;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 8px 12px;
  text-decoration: none;
}

.p_about_business_rin #intro li>.anchor:after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 4px;
  background: url(../img/common/arrow_org_dwn.png) no-repeat;
  background-size: cover;
  background-position: center center;
  vertical-align: middle;
}

.p_about_business_rin #intro li>:not(.anchor):after {
  content: '';
  display: inline-block;
  width: 26px;
  height: 33px;
  margin-left: 6px;
  background: url(../img/about/business/rinrin_kikin/icon_pdf.png) no-repeat;
  background-size: cover;
  background-position: center center;
  vertical-align: middle;
}

/* ---------------------------------------------------------
 * use
** --------------------------------------------------------- */
.p_about_business_rin h3,
.p_about_business_rin h4 {
  color: #00284C;
  font-weight: bold;
  text-align: center;
}

.p_about_business_rin h3 {
  font-size: 24px;
  margin-bottom: 14px;
}

.p_about_business_rin h4 {
  font-size: 20px;
}

.p_about_business_rin #use {
  background: #EAEEED;
}

.p_about_business_rin #use>div {
  max-width: 900px;
  width: 90%;
  margin: 0 auto;
  padding: 50px 0;
  line-height: 1.8;
}

.p_about_business_rin #use .table {
  border-top: 1px solid #3F5D79;
  border-bottom: 1px solid #3F5D79;
  margin: 14px 0;
}

.p_about_business_rin #use .tr {
  font-size: 0;
  position: relative;
}

.p_about_business_rin #use .td,
.p_about_business_rin #use .th {
  font-size: 16px;
  border-top: 1px solid #CBD4DB;
  display: inline-block;
}

.p_about_business_rin #use .tr:first-child .td,
.p_about_business_rin #use .tr:first-child .th {
  border-top: none;
}

.p_about_business_rin #use .th {
  width: 15%;
  min-width: 138px;
  text-align: center;
}

.p_about_business_rin #use .th>span {
  font-weight: bold;
  /*font-family: 'Roboto', "こぶりなゴシック W4 JIS2004", "Koburina Gothic W4 JIS2004", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W4", "メイリオ", sans-serif;*/
}

.p_about_business_rin #use .td {
  width: 75%;
  min-width: 472px;
  margin-left: 5%;
  vertical-align: top;
  padding: 14px 0;
}

.p_about_business_rin #use .name .th {
  line-height: 54px;
}

.p_about_business_rin #use .total .th {
  line-height: 81px;
}

.p_about_business_rin #use .use .th {
  line-height: 263px;
}

.p_about_business_rin #use .note {
  font-size: 16px;
}

.p_about_business_rin #use .space1 {
  letter-spacing: .5em;
  margin-right: -0.5em;
}

.p_about_business_rin #use .space2 {
  letter-spacing: 1em;
  margin-right: -1em;
}

.p_about_business_rin #use ol {
  /* margin-left: 1.25em; */
  list-style: none;
}

.p_about_business_rin #use ol li {
  margin-top: 20px;
}

.p_about_business_rin #use ol li:first-child {
  margin-top: 0;
}

/* ---------------------------------------------------------
 * shogaku
** --------------------------------------------------------- */
.p_about_business_rin #shogaku {
  background: url(../img/about/business/rinrin_kikin/shogaku_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_business_rin #shogaku>div {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 50px;
  line-height: 1.8;
  text-align: justify;
  text-justify: distribute;
}

.p_about_business_rin #shogaku .panel {
  max-width: 890px;
  width: 80%;
  margin: 0 auto;
  margin-top: 40px;
  padding: 30px 50px;
  background: rgba(255, 255, 255, .9);
}

.p_about_business_rin #shogaku .panel>h5 {
  color: #fff;
  background: #00284C;
  border-radius: 4px;
  margin: 14px 0;
  padding: 2px 0;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.p_about_business_rin #shogaku .panel>div {
  padding-bottom: 14px;
  font-size: 16px;
  line-height: 1.8;
}

/* ---------------------------------------------------------
 * tugboat
** --------------------------------------------------------- */
.p_about_business_rin #tugboat>div {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 90px;
  line-height: 1.8;
}

.p_about_business_rin #tugboat h4 {
  margin-top: 50px;
}

.p_about_business_rin #tugboat .table {
  border-top: 1px solid #3F5D79;
  max-width: 900px;
  width: 100%;
  /*min-width: 780px;*/
  margin: 10px auto;
  font-size: 16px;
}

.p_about_business_rin #tugboat .header {
  background: #EDEEF0;
}

/*.p_about_business_rin #tugboat .header .tr {
  line-height: 56px;
  background: url(../img/about/business/rinrin_kikin/ttl_bg_01.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.p_about_business_rin #tugboat .body .tr {
  height: 83px;
}

.p_about_business_rin #tugboat .td,
.p_about_business_rin #tugboat .th {
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px solid #3F5D79;
  font-size: 16px;
}
.p_about_business_rin #tugboat .th {
  font-weight: bold;
  text-align: center;
}
.p_about_business_rin #tugboat .td {
  position: relative;
  height: 100%;
  font-size: 16px;
  line-height: 20px;
  padding-left: 8px;
  box-sizing: border-box;
}
.p_about_business_rin #tugboat .td>div,
.p_about_business_rin #tugboat .td>a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.p_about_business_rin #tugboat .name {
  width: 26%;
}
.p_about_business_rin #tugboat .period {
  width: calc(12% - 8px);
  margin-left: 8px;
}
.p_about_business_rin #tugboat .area {
  width: calc(19% - 8px);
  margin-left: 8px;
}
.p_about_business_rin #tugboat .desc {
  width: calc(41.3% - 5px);
  margin-left: 8px;
}
@media screen and (max-width:956px) {
	.p_about_business_rin #tugboat .desc {
	width: calc(40.8% - 5px);
	}
}

@media screen and (max-width:767px) {
  .p_about_business_rin #tugboat .table {
    min-width: 0;
  }
  .p_about_business_rin #tugboat .name {
    min-width: 0;
  }
  .p_about_business_rin #tugboat .period {
    min-width: 0;
  }
  .p_about_business_rin #tugboat .area {
    min-width: 0;
  }
  .p_about_business_rin #tugboat .desc {
    min-width: 0;
  }
}
.p_about_business_rin #tugboat .td>div,
.p_about_business_rin #tugboat .td>a {
  position: absolute;
  transform: translateY(-50%);
}
.p_about_business_rin #tugboat .td>a {
  position: relative;
  display: block;
  text-decoration: none;
}
.p_about_business_rin #tugboat .td>a:after {
  content: '';
  position: absolute;
  display: block;
  top: calc(50% - 8px);
  right: 4px;
  width: 16px;
  height: 16px;
  background: url(../img/common/external.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.p_about_business_rin #tugboat .note {
  width: 686px;
  margin: 0 auto;
  font-size: 16px;
  padding-top: 10px;
}
.p_about_business_rin #tugboat .note>img {
  vertical-align: text-top;
}*/
.p_about_business_rin #tugboat>div {
  width: 100%;
  padding-bottom: 84px;
}

.p_about_business_rin #tugboat>div>div {
  width: 90%;
  margin: 0 auto;
}

.p_about_business_rin #tugboat h4 {
  /* background: #EDEEF0; */
  background: url(../img/about/business/rinrin_kikin/ttl_bg_01.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  margin-top: 20px;
  padding: 10px 0;
}

.p_about_business_rin #tugboat .table {
  max-width: 960px;
  width: 90%;
  border: none;
}

.p_about_business_rin #tugboat .body .tr {
  height: 100%;
}

.p_about_business_rin #tugboat .th {
  display: block;
}

.p_about_business_rin #tugboat .name {
  display: block;
}

.p_about_business_rin #tugboat .name,
.p_about_business_rin #tugboat .period,
.p_about_business_rin #tugboat .area,
.p_about_business_rin #tugboat .desc {
  width: 100%;
  margin-left: 0;
}

.p_about_business_rin #tugboat .name {
  margin-top: 20px;
}

.p_about_business_rin #tugboat .name>a,
.p_about_business_rin #tugboat .name>div {
  font-weight: bold;
}

.p_about_business_rin #tugboat .td {
  border-bottom: none;
  padding-left: 0;
  display: flex;
}

.p_about_business_rin #tugboat .td>div,
.p_about_business_rin #tugboat .td>a {
  position: static;
  transform: none;
}

.p_about_business_rin #tugboat .td:not(.name):before {
  background: url(../img/about/business/rinrin_kikin/th_bg_01.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  border-bottom: 1px solid #3F5D79;
  padding: 8px 0;
  margin-right: 8px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p_about_business_rin #tugboat .period:before {
  content: '支援期間';
}

.p_about_business_rin #tugboat .period {
  border-top: 1px solid #3F5D79;
}

.p_about_business_rin #tugboat .period>div {
  display: inline-block;
  border-bottom: 1px solid #3F5D79;
  padding: 8px 0;
  width: calc(100% - 94px);
}

.p_about_business_rin #tugboat .area:before {
  content: '支援地域';
}

.p_about_business_rin #tugboat .area>div {
  display: inline-block;
  border-bottom: 1px solid #3F5D79;
  padding: 8px 0;
  width: calc(100% - 94px);
}

.p_about_business_rin #tugboat .desc:before {
  content: '内　容';
  border-bottom: none !important;
}

.p_about_business_rin #tugboat .desc>div {
  display: inline-block;
  padding: 8px 0;
  width: calc(100% - 94px);
  vertical-align: middle;
}

.p_about_business_rin #tugboat .desc {
  border-bottom: 1px solid #3F5D79;
  vertical-align: middle;
}

.p_about_business_rin #tugboat .note {
  width: 90%;
}

.p_about_business_rin #tugboat .td>a:after {
  display: inline-block;
  margin-left: 4px;
  position: static;
  vertical-align: text-top;
}

.p_about_business .cmnBtn-min {
  padding-top: 8.5px;
  margin: 15px 0 0;
}


@media screen and (max-width: 767px) {
  .p_about_business_rin {
    font-size: 4vw;
  }

  .p_about_business_rin #cover {
    height: 70vw;
    background-image: url(../img/about/business/rinrin_kikin/cover_sp.jpg);
  }

  .p_about_business_rin #cover div {
    padding-top: 23vw;
  }

  .p_about_business_rin #cover h2 {
    font-size: 8vw;
    letter-spacing: 0;
    line-height: 48px;
  }

  .p_about_business_rin #cover h2>span {
    font-size: 6vw;
    letter-spacing: 0;
  }

  .p_about_business_rin #intro>div {
    width: 90%;
    margin: 20px auto 0;
  }

  .p_about_business_rin #intro nav {
    margin-top: 40px;
  }

  .p_about_business_rin #intro li {
    display: block;
    border-right: none;
    border-bottom: 1px solid #BBC5CF;
  }

  .p_about_business_rin #intro li:first-child {
    border-left: none;
    border-top: 1px solid #BBC5CF;
  }

  .p_about_business_rin #intro li>a {
    display: block;
    position: relative;
  }

  .p_about_business_rin #intro li>.anchor:after {
    position: absolute;
    top: 12px;
    right: 0;
  }

  .p_about_business_rin h3 {
    font-size: 6vw;
  }

  .p_about_business_rin #use>div {
    max-width: 900px;
    width: 90%;
  }

  .p_about_business_rin #use .td,
  .p_about_business_rin #use .th {
    display: block;
    font-size: 4vw;
  }

  .p_about_business_rin #use .th {
    text-align: left;
    padding-top: 20px;
    min-width: 0;
  }

  .p_about_business_rin #use .td {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    padding: 0;
    padding-bottom: 20px;
  }

  .p_about_business_rin #use .name .th,
  .p_about_business_rin #use .total .th,
  .p_about_business_rin #use .use .th {
    line-height: initial;
    width: 100%;
  }

  .p_about_business_rin #use .td {
    border-top: none;
  }

  .p_about_business_rin #use .space1,
  .p_about_business_rin #use .space2 {
    letter-spacing: 0;
  }

  .p_about_business_rin #use .note {
    font-size: 4vw;
  }

  .p_about_business_rin #shogaku {
    background-image: url(../img/about/business/rinrin_kikin/shogaku_bg_sp.jpg);
  }

  .p_about_business_rin #shogaku>div {
    width: 90%;
  }

  .p_about_business_rin #shogaku .panel {
    width: 100%;
    padding: 30px 20px;
  }

  .p_about_business_rin #shogaku .panel>h5 {
    font-size: 4vw;
    padding: 2vw 0;
  }

  .p_about_business_rin #tugboat>div {
    width: 100%;
    padding-bottom: 30px;
  }

  .p_about_business_rin #tugboat>div>div {
    width: 90%;
    margin: 0 auto;
  }

  .p_about_business_rin #tugboat h4 {
    /* background: #EDEEF0; */
    background: url(../img/about/business/rinrin_kikin/ttl_bg_01.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 20px;
    padding: 10px 0;
  }

  .p_about_business_rin #tugboat .table {
    max-width: 960px;
    width: 90%;
    border: none;
  }

  .p_about_business_rin #tugboat .body .tr {
    height: 100%;
  }

  .p_about_business_rin #tugboat .th {
    display: block;
  }

  .p_about_business_rin #tugboat .name {
    display: block;
  }

  .p_about_business_rin #tugboat .name,
  .p_about_business_rin #tugboat .period,
  .p_about_business_rin #tugboat .area,
  .p_about_business_rin #tugboat .desc {
    width: 100%;
    margin-left: 0;
  }

  .p_about_business_rin #tugboat .name {
    margin-top: 20px;
  }

  .p_about_business_rin #tugboat .name>a,
  .p_about_business_rin #tugboat .name>div {
    font-weight: bold;
  }

  .p_about_business_rin #tugboat .td {
    border-bottom: none;
    padding-left: 0;
    display: flex;
  }

  .p_about_business_rin #tugboat .td>div,
  .p_about_business_rin #tugboat .td>a {
    position: static;
    transform: none;
  }

  .p_about_business_rin #tugboat .td:not(.name):before {
    background: url(../img/about/business/rinrin_kikin/th_bg_01.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    border-bottom: 1px solid #3F5D79;
    padding: 8px 0;
    margin-right: 8px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .p_about_business_rin #tugboat .period:before {
    content: '支援期間';
  }

  .p_about_business_rin #tugboat .period {
    border-top: 1px solid #3F5D79;
  }

  .p_about_business_rin #tugboat .period>div {
    display: inline-block;
    border-bottom: 1px solid #3F5D79;
    padding: 8px 0;
    width: calc(100% - 94px);
  }

  .p_about_business_rin #tugboat .area:before {
    content: '支援地域';
  }

  .p_about_business_rin #tugboat .area>div {
    display: inline-block;
    border-bottom: 1px solid #3F5D79;
    padding: 8px 0;
    width: calc(100% - 94px);
  }

  .p_about_business_rin #tugboat .desc:before {
    content: '内　容';
    border-bottom: none !important;
  }

  .p_about_business_rin #tugboat .desc>div {
    display: inline-block;
    padding: 8px 0;
    width: calc(100% - 94px);
    vertical-align: middle;
  }

  .p_about_business_rin #tugboat .desc {
    border-bottom: 1px solid #3F5D79;
    vertical-align: middle;
  }

  .p_about_business_rin #tugboat .note {
    width: 90%;
  }

  .p_about_business_rin #tugboat .td>a:after {
    display: inline-block;
    margin-left: 4px;
    position: static;
    vertical-align: text-top;
  }

  .p_about_business .cmnBtn-min {
    padding: 12px 0 12px;
    margin: 15px 0 0;
  }
}

/** /about/business/shogakusei */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_about_business_shogakusei #cover {
  text-align: center;
  height: 390px;
  background: url(../img/about/business/shogakusei/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_business_shogakusei #cover>div {
  padding-top: 220px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_about_business_shogakusei #intro>div,
.p_about_business_shogakusei #require>div {
  max-width: 980px;
  margin: 0 auto;
  margin-top: 40px;
  line-height: 1.8;
  width: 90%;
}

_:-ms-lang(x),
.p_about_business_shogakusei #intro>div {
  transition: rotate(.1deg);
}

.p_about_business_shogakusei #intro>div {
  text-align: center;
  color: #002B4C;
  line-height: 1.8;
}

_:-ms-lang(x),
.p_about_business_shogakusei #intro>div {
  transition: rotate(.1deg);
}

/* ---------------------------------------------------------
 * require
** --------------------------------------------------------- */

.p_about_business_shogakusei #require {
  margin-bottom: 84px;
}

.p_about_business_shogakusei h3 {
  color: #002B4C;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
}

.p_about_business_shogakusei h3 small {
  font-size: 16px;
  font-weight: bold;
  color: #002B4C;
}

/*.p_about_business_shogakusei h3 small:before,
.p_about_business_shogakusei h3 small:after {
  content: 'ー';
}*/

.p_about_business_shogakusei .table {
  margin: 20px 0;
  display: table;
  border-top: 1px solid #3F5D79;
  border-bottom: 1px solid #3F5D79;
  border-collapse: separate;
  border-spacing: 16px 0;
}

.p_about_business_shogakusei .tr {
  display: table-row;
}

.p_about_business_shogakusei .td,
.p_about_business_shogakusei .th {
  display: table-cell;
  border-top: 1px solid #CBD4DB;
  padding: 20px 0;
  font-size: 16px;
  line-height: 1.8;
}

_:-ms-lang(x),
.p_about_business_shogakusei .td {
  transition: rotate(.1deg);
}

.p_about_business_shogakusei .tr:first-child .td,
.p_about_business_shogakusei .tr:first-child .th {
  border: none;
}

/*.p_about_business_shogakusei .tr:nth-child(odd) {
  font-family: "roboto", "こぶりなゴシック W1 JIS2004","Koburina Gothic W1 JIS2004",sans-serif;
}
.p_about_business_shogakusei .tr:nth-child(even) {
  font-family: "roboto", "こぶりなゴシック W3 JIS2004","Koburina Gothic W3 JIS2004",sans-serif;
}*/

.p_about_business_shogakusei .th,
.p_about_business_shogakusei .th span {
  font-weight: bold;
}

.p_about_business_shogakusei .th {
  width: 180px;
  text-align: center;
  vertical-align: middle;
}

.p_about_business_shogakusei #require ol {
  counter-reset: my-counter;
  list-style: none;
}

.p_about_business_shogakusei #require ol li {
  position: relative;
}

.p_about_business_shogakusei #require ol li:before {
  content: '('counter(my-counter) ')';
  counter-increment: my-counter;
  display: inline-block;
}

.p_about_business_shogakusei #require ol li ol {
  margin-left: 1.25em;
}

.p_about_business_shogakusei #require ol li ol li:before {
  content: '';
}

.p_about_business_shogakusei #require ol.pc_indent1 {
  padding-left: 1em;
}

.p_about_business_shogakusei #require ol.pc_indent1 li,
.p_about_business_shogakusei #require ol.pc_indent2 li {
  padding-left: 1em;
  text-indent: -1em;
}

.p_about_business_shogakusei #require .td p {
  margin-bottom: 1.25em;
}

.p_about_business_shogakusei #require .space1 {
  letter-spacing: 1em;
  margin-right: -1em;
}

.p_about_business_shogakusei #require .space2 {
  letter-spacing: 0.5em;
  margin-right: -0.5em;
}

.p_about_business_shogakusei .list_table {
  display: table;
  counter-reset: my-counter;
}

.p_about_business_shogakusei .list_table .td,
.p_about_business_shogakusei .list_table .th {
  border: none;
  margin: 0;
  padding: 0;
}

.p_about_business_shogakusei .list_table .th {
  font-weight: normal;
  text-align: left;
  width: 120px;
  vertical-align: top;
}

.p_about_business_shogakusei .list_table .th:before {
  content: '('counter(my-counter) ')';
  counter-increment: my-counter;
}

.p_about_business_shogakusei #require ol.no_style>li:before {
  display: none;
}

.p_about_business_shogakusei .dest {
  font-size: 0;
}

.p_about_business_shogakusei .dest:before {
  font-size: 16px;
}

.p_about_business_shogakusei .dest table {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}

.footer-information {
  background: #F8F8F8;
  border-radius: 10px;
  width: 70%;
  margin: 84px auto;
  padding: 40px 20px;
  text-align: center;
}

.footer-information h4 {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .footer-information {
    width: 90%;
    margin: 60px auto;
    padding: 20px 20px;
  }

}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_about_business_shogakusei #cover {
    height: 70vw;
    background-image: url(../img/about/business/shogakusei/cover_sp.png);
  }

  .p_about_business_shogakusei #cover div {
    padding-top: 30vw;
  }

  .p_about_business_shogakusei #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_about_business_shogakusei #intro>div,
  .p_about_business_shogakusei #require>div {
    width: 90%;
  }

  .p_about_business_shogakusei .table {
    margin: 20px 0;
    display: block;
  }

  .p_about_business_shogakusei .tr {
    display: block;
    border-top: 1px solid #CBD4DB;
    padding: 20px 0;
  }

  .p_about_business_shogakusei .tr:first-child {
    border: none;
  }

  .p_about_business_shogakusei .td,
  .p_about_business_shogakusei .th {
    display: block;
    border-top: none;
    padding: 0;
    font-size: 16px;
  }

  .p_about_business_shogakusei .th {
    width: initial;
    text-align: left;
    margin-bottom: 10px;
    font-family: 'Roboto', "こぶりなゴシック W4 JIS2004", "Koburina Gothic W4 JIS2004", sans-serif;
  }

  .p_about_business_shogakusei #require .space1 {
    letter-spacing: 0;
    margin-right: 0;
  }

  .p_about_business_shogakusei #require .space2 {
    letter-spacing: 0;
    margin-right: 0;
  }

  .p_about_business_shogakusei .list_table {
    display: block;
  }

  .p_about_business_shogakusei .list_table .tr {
    border: none;
    padding: 0;
  }

  .p_about_business_shogakusei .list_table .td {
    margin-left: 1.25em;
  }

  .p_about_business_shogakusei #require .footer {
    font-size: 16px;
  }

  .p_about_business_shogakusei #require ol.pc_indent1 {
    padding-left: 0;
  }

  .p_about_business_shogakusei #require ol.pc_indent1 li,
  .p_about_business_shogakusei #require ol.pc_indent2 li {
    padding-left: 0;
    text-indent: 0;
  }
}

/** /about/business/program */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_about_business_program #cover {
  text-align: center;
  height: 390px;
  background: url(../img/about/business/program/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_business_program #cover>div {
  padding-top: 220px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_about_business_program #intro>div,
.p_about_business_program #list>div {
  width: 690px;
  margin: 0 auto;
  margin-top: 40px;
}

.p_about_business_program #intro>div {
  text-align: center;
}

.p_about_business_program #intro>div p {
  color: #002B4C;
  font-size: 16px;
}

.p_about_business_program #intro .link {
  margin-top: 40px;
}

/* ---------------------------------------------------------
 * list
** --------------------------------------------------------- */

.p_about_business_program #list>div {
  margin-bottom: 100px;
}

.p_about_business_program #list h3 {
  font-weight: bold;
  margin-bottom: 20px;
}

.p_about_business_program .list_container {
  border-top: 1px solid #3F5D79;
  border-bottom: 1px solid #3F5D79;
}

.p_about_business_program .row {
  border-top: 1px solid #CBD4DB;
}

.p_about_business_program .left .row:first-child,
.p_about_business_program .right .row:first-child {
  border: none;
}

.p_about_business_program .left,
.p_about_business_program .right {
  display: inline-block;
  vertical-align: top;
}

.p_about_business_program .right {
  margin-left: 30px;
}

.p_about_business_program .row {
  vertical-align: middle;
}

.p_about_business_program .row>div {
  display: inline-block;
  vertical-align: middle;
  width: 186px;
  font-size: 16px;
  padding-left: 1em;
}

.p_about_business_program .row>div:first-child {
  width: 134px;
  padding: 18px 0;
  border-right: 1px dotted #CBD4DB;
  text-align: center;
}

.p_about_business_program .row>div:first-child>span {
  font-weight: bold;
}

.p_about_business_program .space1 {
  letter-spacing: 0.5em;
  margin-right: -0.5em;
}

.p_about_business_program .space2 {
  letter-spacing: 1em;
  margin-right: -1em;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_about_business_program #cover {
    height: 70vw;
    background-image: url(../img/about/business/program/cover_sp.png);
  }

  .p_about_business_program #cover div {
    padding-top: 30vw;
  }

  .p_about_business_program #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_about_business_program #intro>div {
    width: 100%;
  }

  .p_about_business_program #list>div {
    width: 90%;
  }

  .p_about_business_program .right {
    margin: 0;
  }

  .p_about_business_program .right .row:first-child {
    border-top: 1px solid #CBD4DB;
  }

  .p_about_business_program .row>div {
    display: inline-block;
    vertical-align: middle;
    /* width: 180px; */
    width: calc(90vw - 130px);
    font-size: 16px;
    padding-left: 1em;
  }

  .p_about_business_program .row>div:first-child {
    width: 124px;
    padding: 18px 0;
  }

  .p_about_business_program #intro .link {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}

/** /about/junsui_rinri/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_about_jr #cover {
  text-align: center;
  height: 390px;
  background: url(../img/about/junsui_rinri/cover.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_jr #cover>div {
  padding-top: 200px;
}

#cover h2,
#cover p {
  color: #00284C;
}

#cover h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

#cover p {
  font-size: 16px;
}

/* ---------------------------------------------------------
 * about
** --------------------------------------------------------- */

.p_about_jr #about {
  color: #00284C;
  text-align: center;
  /* font-weight: bold; */
  position: relative;
  z-index: -1;
}


.p_about_jr #about1,
.p_about_jr #about2,
.p_about_jr #about3,
.p_about_jr #about4 {
  overflow: hidden;
  position: relative;
  background: #FFF;
}

.p_about_jr .inner::before {
  position: absolute;
  z-index: 0;
  content: "";
  top: 0;
  display: block;
  width: calc(100% + 200px);
  height: 100%;
  background: url('') no-repeat center / cover;
  transition: 3s;
  opacity: .1;
}

.p_about_jr .inner.appeared::before {
  opacity: 1;
}

.p_about_jr #about1 .inner,
.p_about_jr #about2 .inner,
.p_about_jr #about3 .inner,
.p_about_jr #about4 .inner {
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position: center center;*/
}

.p_about_jr #about1 .inner {
  padding: 150px 0 200px;
}

.p_about_jr #about1 .inner::before {
  background-image: url(../img/about/junsui_rinri/bg_01.jpg);
  right: -100px;
}

.p_about_jr #about1 .inner.appeared:before {
  right: 0;
}

.p_about_jr #about2 {
  margin-top: -100px;
  transform: skewY(5deg);
}

.p_about_jr #about2 .inner {
  /*background-image: url(../img/about/junsui_rinri/bg_02.png);*/
  margin-top: -100px;
  padding: 200px 0 300px;
  transform: skewY(-5deg);
}

.p_about_jr #about2 .inner:before {
  background-image: url(../img/about/junsui_rinri/bg_02.jpg);
  left: -100px;
}

.p_about_jr #about2 .inner.appeared:before {
  left: 0;
}

.p_about_jr #about3 {
  margin-top: -200px;
  transform: skewY(-5deg);
}

.p_about_jr #about3 .inner {
  /*background-image: url(../img/about/junsui_rinri/bg_03.png);*/
  margin-top: -100px;
  padding: 200px 0 300px;
  transform: skewY(5deg);
}

.p_about_jr #about3 .inner:before {
  background-image: url(../img/about/junsui_rinri/bg_03.jpg);
  right: -100px;
}

.p_about_jr #about3 .inner.appeared:before {
  right: 0;
}

.p_about_jr #about4 {
  transform: skewY(5deg);
  margin-top: -200px;
}

.p_about_jr #about4 .inner {
  /*background-image: url(../img/about/junsui_rinri/bg_04.png);*/
  margin-top: -100px;
  margin-bottom: 100px;
  padding: 200px 0 80px;
  transform: skewY(-5deg);
}

.p_about_jr #about4 .inner:before {
  background-image: url(../img/about/junsui_rinri/bg_04.jpg);
  left: -100px;
}

.p_about_jr #about4 .inner.appeared:before {
  left: 0;
}

.p_about_jr #about p {
  position: relative;
  line-height: 32px;
  z-index: 2;
}

.p_about_jr #about h3 {
  position: relative;
  font-size: 24px;
  font-family: 'リュウミン M-KL', 'Ryumin Medium KL', "Yu Mincho Medium", "游明朝 Medium", "Yu Mincho", serif;
  letter-spacing: 3px;
  z-index: 2;
}



/* ---------------------------------------------------------
 * founder
** --------------------------------------------------------- */

.p_about_jr #founder {
  margin-top: -50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right top;
  background-image: url(../img/about/junsui_rinri/founder_bg.png);
  /* height: 565px; */
}

.p_about_jr #founder h3 {
  color: #00284C;
  font-size: 24px;
  font-weight: bold;
}

.p_about_jr #founder>div {
  text-align: right;
  max-width: 1500px;
  margin: 0 auto;
  padding-top: 100px;
}


.p_about_jr #founder>div>div {
  display: inline-block;
  text-align: left;
  width: 650px;
  margin-right: 600px;
}

@media screen and (max-width:1260px) and (min-width:767px) {
  .p_about_jr #founder>div>div {
    padding-left: 10px;
  }
}

@media screen and (max-width:1050px) and (min-width:767px) {
  .p_about_jr #founder>div>div {
    color: #00284c;
  }
}

.p_about_jr #founder>div>div>h3 {
  margin-bottom: 15px;
}

.p_about_jr #founder>div>div>p {
  line-height: 26px;
  font-size: 16px;
}

@media screen and (max-width:1100px) and (min-width:768px) {
  .p_about_jr #founder {
    background-position: 65% top;
  }

  .p_about_jr #founder>div {
    text-align: left;
    margin: 0 auto;
  }

  .p_about_jr #founder>div>div {
    padding-left: 30px;
  }

  .p_about_jr #founder>div>div>p {
    width: 80%;
    line-height: 26px;
    font-size: 14px;
    text-align: justify;
    text-justify: distribute;
  }

  .p_about_jr #founder .link {
    padding-top: 20px !important;
    padding-right: 140px;
  }
}

.p_about_jr #founder .link {
  padding-top: 40px;
  padding-bottom: 46px;
}

.p_about_jr #founder .link>a {
  position: relative;
}

.p_about_jr #founder .link>a>.text {
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  margin: auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

_:-ms-lang(x),
.p_about_jr #founder .link>a>.text {
  margin-top: 5px;
}

.p_about_jr #founder .note {
  margin-top: 8px;
  font-size: 16px;
}

.p_about_jr #founder .note>img {
  vertical-align: text-top;
}

/* ---------------------------------------------------------
 * article
** --------------------------------------------------------- */

.p_about_jr #article>div {
  text-align: center;
}

.p_about_jr #article .bg {
  max-width: 980px;
  height: 345px;
  margin: 70px auto;
  padding: 90px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url(../img/about/junsui_rinri/article_bg.png);
}

.p_about_jr #article h3,
.p_about_jr #article p {
  color: #fff;
}

.p_about_jr #article h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.p_about_jr #article .link {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .p_about_jr #article .bg {
    background-position: center right;
  }
}

/* ---------------------------------------------------------
 * book
** --------------------------------------------------------- */

.p_global #book {
  background: linear-gradient(rgba(170, 174, 170, 1) -60%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(170, 174, 170, 1) 160%);
}


#book {
  text-align: center;
  background: #EAEDEC;
  text-align: center;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(170, 174, 170, 1) 190%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 70%, rgba(170, 174, 170, 1) 190%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgba(170, 174, 170, 1) 190%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#a0aeaa', GradientType=0);
  /* IE6-9 */
}

#book>div {
  padding: 60px 40px;
}


#book>div>div {
  max-width: 868px;
  margin: 0 auto;
}

#book h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 50px;
}

.book_box {
  display: inline-block;
  width: 172px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: left;
}

.book_box .title {
  border-bottom: 1px solid #01499D;
  padding: 8px 0 8px 0;
  font-size: 16px;
}

.book_box .author {
  margin-top: 8px;
  font-size: 16px;
}

.book_box .author+div {
  margin-top: 8px;
  font-size: 13px;
}

.book_box .title,
.book_box .author {
  font-weight: bold;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  transform: rotate(.1deg);
}

/* ---------------------------------------------------------
 * junsui_rinri
** --------------------------------------------------------- */

.p_about_jr #junsui_rinri h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}

.p_about_jr #junsui_rinri p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
}

.p_about_jr #junsui_rinri .container {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.p_about_jr #junsui_rinri .container>div {
  text-align: center;
  padding: 0;
  margin: 50px auto 84px;
  max-width: 980px;
  color: white;
  /* white-space: nowrap; */
}

.p_about_jr #junsui_rinri .container>div>div {
  display: inline-block;
  vertical-align: top;
  padding-top: 50px;
  width: 50%;
  height: 260px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_jr #junsui_rinri .container>div>div div {
  margin-top: 20px;
}

#jr_maruyama {
  background-image: url(../img/top/maruyama_bg.jpg);
}

#jr_happy::before {
  background-image: url(../img/about/junsui_rinri/option_bg_02.jpg);
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

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

  /*@media screen and (max-width: 480px) {*/
  #contents.p_about_jr .pc {
    display: none;
  }

  #contents.p_about_jr .sp {
    display: inline;
  }

  .p_about_jr {
    font-size: 4vw;
  }

  .p_about_jr #cover {
    height: 70vw;
    background-image: url(../img/about/junsui_rinri/cover_sp.png);
  }

  .p_about_jr #cover div {
    padding-top: 22vw;
  }

  .p_about_jr #cover h2 {
    font-size: 8vw;
  }

  .p_about_jr #cover p {
    font-size: 4vw;
  }

  .p_about_jr #about h3 {
    font-size: 6vw;
    letter-spacing: 0.1em;
  }

  .p_about_jr #about p {
    line-height: 8vw;
  }

  /* ---------------------------------------------------------
  * founder SP
  ** --------------------------------------------------------- */
  .p_about_jr #founder {
    height: 100%;
    background-image: url(../img/about/junsui_rinri/founder_bg_sp.png);
    background-position: center;
  }

  .p_about_jr #founder>div {
    padding-top: 40px;
  }

  .p_about_jr #founder>div>div {
    width: 100%;
  }

  .p_about_jr #founder>div>div>h3,
  .p_about_jr #founder>div>div>p {
    width: 90%;
    margin-left: 5%;
  }

  .p_about_jr #founder>div>div>h3 {
    font-size: 6vw;
  }

  .p_about_jr #founder>div>div>p {
    font-size: 4vw;
  }

  .p_about_jr #founder .link {
    text-align: center;
    height: 380px;
    padding-top: 20px;
  }

  .p_about_jr #founder .link>a {
    font-size: 4vw;
    position: absolute;
    top: 575px;
  }

  .p_about_jr #founder .link>a>img {
    width: 90vw;
  }

  .p_about_jr #founder .note {
    margin-left: 5%;
    text-align: left;
  }

  /* ---------------------------------------------------------
  * article SP
  ** --------------------------------------------------------- */
  .p_about_jr #article .bg {
    width: 90%;
  }

  /* ---------------------------------------------------------
  * book SP
  ** --------------------------------------------------------- */
  #book>div>div {
    width: calc(100vw - 80px);
    margin: 0 auto;
  }

  .book_box {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }

  .book_box .title {
    text-align: left;
    border: none;
    font-size: 4vw;
  }

  .book_box .pc {
    display: none;
  }

  /* ---------------------------------------------------------
  * junsui_rinri SP
  ** --------------------------------------------------------- */
  .p_about_jr #junsui_rinri {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .p_about_jr #junsui_rinri .container {
    /* height: 1852px; */
    height: 100%;
  }

  .p_about_jr #junsui_rinri .note.w980 {
    width: 90% !important;
  }

  .p_about_jr #junsui_rinri .container>div>div {
    display: inline-block;
    vertical-align: top;
    padding-top: 60px;
    padding-bottom: 40px;
    width: 100%;
    height: 100%;
  }

  .p_about_jr #junsui_rinri .container>div>div div {
    margin-top: 20px;
  }

  .p_about_jr #article .bg {
    height: auto;
    padding: 50px 0;
  }

  #jr_maruyama {
    margin-bottom: 10px;
  }

  #jr_maruyama .link,
  #jr_book .link,
  #jr_junsui_rinri .link,
  #jr_study .link,
  #jr_happy .link,
  #junsui_rinri.junsui_rinriA .link {
    width: 58%;
    margin: 0 auto;
  }

  #article .link {
    width: 80%;
  }

  .p_about_jr #article .link {
    width: 100%;
  }

  .p_about_jr #founder>div>div {
    margin-right: 0;
  }

  .p_about_jr #about3 .inner:before {
    background-size: cover;
    background-position: center left 23%;
  }
}

/** /about/junsui_rinri/article/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_about_jr_article #cover {
  text-align: center;
  height: 390px;
  background: url(../img/about/junsui_rinri/article/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_jr_article #cover>div {
  padding-top: 200px;
}

.p_about_jr_article #cover h2,
.p_about_jr_article #cover p {
  color: #fff;
}

.p_about_jr_article #cover h2 {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

.p_about_jr_article #cover p {
  font-size: 16px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_about_jr_article #intro {
  color: #00284C;
  text-align: center;
  /* font-weight: bold; */
}

.p_about_jr_article #intro>div {
  padding-top: 40px;
}

.p_about_jr_article #intro p {
  margin-bottom: 20px;
  font-size: 16px;
}

/* ---------------------------------------------------------
 * article
** --------------------------------------------------------- */

.p_about_jr_article #article {
  margin-top: 40px;
  margin-bottom: 64px;
}

.p_about_jr_article #article>div>ul {
  max-width: 978px;
  margin: 0 auto;
  text-align: left;
  font-size: 0;
}

.p_about_jr_article #article .article {
  position: relative;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  min-height: 500px;
  border-left: 1px solid #00284C;
  margin-bottom: 40px;
  padding: 20px 40px;
}

.p_about_jr_article #article .article:after {
  content: " ";
  border-top: 1px dotted #00284C;
  padding: 0px 140px;
  position: absolute;
  left: 20px;
  bottom: -20px;
}

.p_about_jr_article #article div ul li:nth-child(3) {
  border-right: 1px solid #00284C;
}

.p_about_jr_article #article div ul li:nth-child(6) {
  border-right: 1px solid #00284C;
}

.p_about_jr_article #article div ul li:nth-child(9) {
  border-right: 1px solid #00284C;
}

.p_about_jr_article #article div ul li:nth-child(12) {
  border-right: 1px solid #00284C;
}

.p_about_jr_article #article div ul li:nth-child(15) {
  border-right: 1px solid #00284C;
}

.p_about_jr_article #article input[type="checkbox"] {
  display: none;
}

.p_about_jr_article #article .article:last-child {
  border-right: 1px solid #00284C;
}

.p_about_jr_article #article .article h3 {
  color: #00284C;
  font-size: 24px;
  font-weight: bold;
  margin-top: 12px;
}

.p_about_jr_article #article .article h3:before {
  content: '[ ';
  font-weight: normal;
}

.p_about_jr_article #article .article h3:after {
  content: ' ]';
  font-weight: normal;
}

.p_about_jr_article #article .article h4 {
  color: #00284C;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
}

.p_about_jr_article #article .article p {
  font-size: 16px;
  text-align: left;
  line-height: 24px;
}

/*.p_about_jr_article #article .delim hr {
  display: inline-block;
  width: 30.6%;
  border-top: 1px dotted #00284C;
  margin: 20px 13px;
}

.p_about_jr_article #article .article_acc {
  display: none;
}*/

/* ---------------------------------------------------------
 * junsui_rinri
** --------------------------------------------------------- */

.p_about_jr_article #junsui_rinri h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}

.p_about_jr_article #junsui_rinri p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
}

.p_about_jr_article #junsui_rinri .container {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.p_about_jr_article #junsui_rinri .container>div {
  text-align: center;
  padding: 0;
  margin: 84px auto;
  max-width: 980px;
  color: white;
  /* white-space: nowrap; */
}

.p_about_jr_article #junsui_rinri .container>div>div {
  display: inline-block;
  vertical-align: top;
  padding-top: 50px;
  width: 50%;
  height: 260px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_about_jr_article #junsui_rinri .container>div>div div {
  margin-top: 20px;
}

.p_about_jr_article #junsui_rinri .container>.note {
  color: #646464;
  font-size: 16px;
  text-align: left;
  margin-top: 10px;
}

.p_about_jr_article #junsui_rinri .container>.note>img {
  vertical-align: text-top;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */
@media screen and (max-width: 1045px) {
  #contents .tablet {
    display: none;
  }
}

.tb {
  display: none;
}

@media screen and (max-width: 800px) and (min-width: 767px) {
  .tb {
    display: block;
  }
}

@media screen and (max-width: 900px) and (min-width: 767px) {
  .p_about_jr_article #article>div>ul {
    width: 90%;
  }

  .p_about_jr_article #article .article {
    width: 50%;
  }

  .p_about_jr_article #article div ul li:nth-child(3),
  .p_about_jr_article #article div ul li:nth-child(6),
  .p_about_jr_article #article div ul li:nth-child(9),
  .p_about_jr_article #article div ul li:nth-child(12),
  .p_about_jr_article #article div ul li:nth-child(15) {
    border-right: none;
  }

  .p_about_jr_article #article div ul li:nth-child(even) {
    border-right: 1px solid #00284C;
  }

  .p_about_jr_article #article .article:after {
    padding: 0 44%;
  }
}

@media screen and (max-width: 768px) {
  .p_about_jr_article #article>div>div {
    width: initial;
    padding: 0 10px;
  }

  .p_about_jr_article #article .delim hr {
    width: 29.8%;
  }

  .p_about_access ol {
    margin: 0;
  }

  .p_about_access .list1 ol {
    margin-right: 10px;
  }

  .p_about_access .list2 ol {
    margin-left: 10px;
  }

  .p_about_access #head .panel,
  .p_about_access #museum .panel,
  .p_about_access #fuji .panel,
  .p_about_access #maruyama .panel,
  .p_about_access #tenwa .panel {
    padding: 30px;
  }

  .p_research_list #list>div {
    padding: 0 10px 100px;
  }
}

@media screen and (max-width: 767px) {
  #contents .pc {
    display: none;
  }

  #contents .sp {
    display: inline;
  }

  /* ---------------------------------------------------------
  * cover SP
  ** --------------------------------------------------------- */
  .p_about_jr_article #cover {
    height: 70vw;
    background-image: url(../img/about/junsui_rinri/article/cover_sp.png);
  }

  .p_about_jr_article #cover>div {
    padding-top: 20vw;
  }

  .p_about_jr_article #cover h2 {
    font-size: 8vw;
    margin-bottom: 2vw;
  }

  .p_about_jr_article #cover p {
    font-size: 4vw;
  }

  /* ---------------------------------------------------------
  * article SP
  ** --------------------------------------------------------- */
  .p_about_jr_article #article>div>div {
    width: initial;
  }

  .p_about_jr_article #article .article {
    display: block;
    margin: 0 auto;
    width: 90%;
    height: initial;
    padding: 20px 0;
  }

  .p_about_jr_article #article .article,
  .p_about_jr_article #article .article:last-child {
    border: none;
    border-top: 1px dotted #00284C;
  }

  .p_about_jr_article #article>div>div:first-child>.article:first-child {
    border-top: 1px solid #00284C;
  }

  .p_about_jr_article #article .delim {
    display: none;
  }

  /* #article .article_acc {
    display: block;
  } */
  .p_about_jr_article #article .article h4 {
    height: initial;
    margin-bottom: 10px;
  }

  .p_about_jr_article #article .article p {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -webkit-transition: 0.8s;
    transition: 0.8s;
  }

  .p_about_jr_article #article .article_acc:checked+p {
    height: auto;
    opacity: 1;
  }

  .p_about_jr_article #article .article label {
    display: block;
  }

  .p_about_jr_article #article .article label:after {
    content: '';
    width: 50px;
    height: 42px;
    background: url(../img/about/junsui_rinri/article/arrow_open.png) no-repeat;
    background-size: cover;
    display: block;
    margin: 0 auto;
  }

  .p_about_jr_article #article .article_acc:checked+p {
    margin-bottom: 10px;
  }

  .p_about_jr_article #article .article_acc:checked+p+label:after {
    content: '';
    background-image: url(../img/about/junsui_rinri/article/arrow_close.png);
  }

  .p_about_jr_article #article div ul li:nth-child(3),
  .p_about_jr_article #article div ul li:nth-child(6),
  .p_about_jr_article #article div ul li:nth-child(9),
  .p_about_jr_article #article div ul li:nth-child(12),
  .p_about_jr_article #article div ul li:nth-child(15) {
    border-right: none;
  }

  .p_about_jr_article #article .article {
    min-height: auto;
  }

  .p_about_jr_article #article .article:after {
    border: none;
  }


  /* ---------------------------------------------------------
  * junsui_rinri SP
  ** --------------------------------------------------------- */
  .p_about_jr_article #junsui_rinri {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .p_about_jr_article #junsui_rinri .container {
    /* height: 1852px; */
    height: 100%;
  }

  .p_about_jr_article #junsui_rinri .container>div {
    width: 90%;
  }

  .p_about_jr_article #junsui_rinri .container>div>div {
    display: inline-block;
    vertical-align: top;
    padding-top: 60px;
    padding-bottom: 40px;
    width: 100%;
    height: 100%;
  }

  .p_about_jr_article #junsui_rinri .container>div>div div {
    margin-top: 20px;
  }

  .p_about_jr_article #junsui_rinri .link {
    width: 80%;
    margin: 0 auto;
  }
}

/** /contact/index */

/* ---------------------------------------------------------
 * contents
** --------------------------------------------------------- */

#contents.p_contact.wrapper {
  width: 668px;
  margin: 0 auto;
  line-height: 1.8;
}

.p_contact #cover {
  width: 100vw;
  height: 100px;
  background-image: url(../img/common/cover.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* ---------------------------------------------------------
 * contact
** --------------------------------------------------------- */

.p_contact #contact>div {
  padding-top: 200px;
  padding-bottom: 40px;
}

.p_contact #contact .em {
  color: #FE3C00;
}

.p_contact #contact h2 {
  color: #002B4C;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
  letter-spacing: 3px;
}

.p_contact #contact ol {
  list-style: none;
  padding-left: 15px;
  margin-left: 0;
  margin-bottom: 30px;
  font-size: 16px;
}

.p_contact #contact ol li {
  counter-increment: custom;
  margin-left: 10px;
  text-indent: -20px;
}

.p_contact #contact ol li:before {
  content: counter(custom) " ";
  margin-right: 10px;
}

.p_contact #contact ol li:first-child {
  counter-reset: custom;
}

.p_contact #contact ul {
  /* list-style-type: disc;
  margin-left: 10px; */
}

.p_contact #contact ul li {
  margin-left: 0;
  text-indent: -20px;
}

.p_contact #contact ul li:before {
  /* content: ''; */
  content: '・';
  margin-right: 10px;
  margin-left: 20px;
}

/* ---------------------------------------------------------
 * form
** --------------------------------------------------------- */
#form {
  margin-top: 50px;
}

#form>div {
  padding-bottom: 40px;
}

#form .err_mes {
  color: #FE3C00;
  background: #F3F3F5;
  padding: 20px;
}

#form .err_mes:empty {
  display: none;
}

#form form {
  display: table;
  margin: 0 auto;
  border-collapse: separate;
  border-spacing: 8px;
}

#form form>div {
  display: table-row;
}

#form h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: bold;
}

#form p {
  color: #002B4C;
}

#form .td p {
  color: #646464;
  font-size: 16px;
}

#form .td,
#form .th {
  display: table-cell;
}

#form .td {
  vertical-align: middle;
  padding-bottom: 7px;
}

#form .th {
  width: 160px;
  vertical-align: top;
  padding-top: 8px;
  font-weight: bold;
  color: #002B4C;
}

#form .td label {
  color: #002B4C;
  margin-right: 1em;
}

#form .th label {
  font-weight: bold;
  color: #002B4C;
}

#form form .required:after {
  content: '*';
  color: #FE3C00;
}

#form input,
#form select {
  font-size: 16px;
  padding: 6px 12px;
  ;
}

#form input[type=radio] {
  vertical-align: middle;
}

#form input[type=text],
#form input[type=mail],
#form textarea {
  width: 100%;
  background: #F3F3F5;
  border: none;
  border-radius: 6px;
}

#form select {
  width: 130px;
  border: none;
  background: #F3F3F5;
  border-radius: 6px;
}

#form input[type=text].err,
#form input[type=mail].err,
#form textarea.err,
#form select.err {
  background: #FFE3DD;
}

#form textarea {
  height: 180px;
  resize: none;
}

#form .confirm_send {
  border: none;
  border-radius: 50px;
  background-color: #ff3b00;
  color: #fff;
  width: 100%;
  margin-top: 20px;
}

#form .back {
  width: 100%;
  border-radius: 50px;
  background-color: #999;
  padding: 6px;
  color: #fff;
  font-size: 16px;
}

#form .send {
  background-color: #ffffff;
  background-image: url('../img/contact/btn_submit.png');
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 100%;
  width: 484px;
  text-indent: -9999px;
  border: none;
  margin-top: 30px;
}

.mw_wp_form .error {
  color: #FE3C00 !important;
}

#form button {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  border: none;
  background: transparent;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

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

  /*@media screen and (max-width: 480px) {*/
  .p_contact #cover {
    display: none;
  }

  #contents.p_contact .pc {
    display: none;
  }

  #contents.p_contact .sp {
    display: block;
  }

  #contents.p_contact.wrapper {
    width: 90%;
    font-size: 4vw;
  }

  .p_contact #contact>div {
    padding-top: 140px;
    padding-bottom: 20px;
  }

  .p_contact #contact h3 {
    text-align: left;
  }

  .p_contact #form input,
  .p_contact #form select,
  .p_contact #contact ol {
    font-size: 4vw;
  }

  #form>div {
    padding-top: 10px;
  }

  #form form {
    display: block;
  }

  #form form>div,
  #form .td,
  #form .th {
    display: block;
  }

  #form h3,
  #form .td p {
    font-size: 4vw;
  }

  #form .horizontal-item:nth-of-type(3) {
    display: block;
    margin-left: 0;
  }
}

/** /faq/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */
.p_faq {
  margin-bottom: 100px;
}

.p_faq #cover {
  background: url(../img/faq/cover.png) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 392px;
}

.p_faq #cover h2 {
  padding-top: 210px;
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 4px;
}

.p_faq #cover h2>img {
  height: 34px;
}

/* ---------------------------------------------------------
 * faq
** --------------------------------------------------------- */

.p_faq #faq>div {
  padding-top: 80px;
  text-align: center;
}

.p_faq #faq>div>div {
  white-space: nowrap;
  font-size: 0;
}

.p_faq #faq .block {
  display: inline-block;
  width: 300px;
  vertical-align: top;
  border-top: 2px solid #ccc;
  margin: 20px;
  padding-top: 40px;
  font-size: 16px;
  white-space: normal;
  line-height: 1.8;
}

@media screen and (max-width:1000px) and (min-width:768px) {
  .p_faq #faq .block {
    display: inline-block;
    width: 230px;
    vertical-align: top;
    border-top: 2px solid #ccc;
    margin: 20px 10px;
    padding-top: 40px;
    font-size: 14px;
    white-space: normal;
    line-height: 1.8;
  }
}

.p_faq #faq .firstRow .block {
  padding-top: 20px;
}

.p_faq #faq label {
  position: relative;
  display: block;
  cursor: default;
}

.p_faq #faq label p {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
  width: 105%;
  margin: 10px 0 30px -2.5%;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
}

.p_faq #faq .block .text {
  text-align: justify;
  text-justify: distribute;
}

.p_faq #faq .block .link {
  margin-top: 40px;
  text-align: center;
}

.p_faq #faq .acc {
  display: none;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

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

  /*@media screen and (max-width: 480px) {*/
  #contents.p_faq .pc {
    display: none;
  }

  .p_faq #cover {
    height: 70vw;
    background-image: url(../img/faq/cover_sp.png);
  }

  .p_faq #cover h2 {
    padding-top: 25vw;
    font-size: 8vw;
  }

  .p_faq #faq .block {
    display: block;
    width: 90%;
    margin: 20px auto;
    padding-top: 20px;
    text-align: left;
    font-size: 4.3vw;
  }

  .p_faq #faq .block .text {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    /* font-size: 32px; */
  }

  .p_faq #faq>div>div:last-child>.block {
    display: none;
  }

  .p_faq #faq>div>div:last-child>.block:first-child {
    display: block;
  }

  .p_faq #faq .acc:checked+label+.text {
    height: auto;
    opacity: 1;
    margin-top: 10px;
  }

  .p_faq .ttl:after {
    content: '';
    width: 31px;
    height: 31px;
    background: url(../img/common/btn_open.png);
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }

  .p_faq #faq label img {
    width: 20%;
  }

  .p_faq #faq label p {
    display: inline-block;
    width: 70%;
    margin: 0 0 0 2%;
    vertical-align: middle;
    font-size: 5vw;
  }

  .p_faq #faq .acc:checked+label .ttl:after {
    background: url(../img/common/btn_close.png);
  }

  .p_link #main h2,
  .p_link #main h3 {
    text-align: center;
  }

  .p_about_business_program #intro .link a {
    font-size: 15px;
    width: 340px;
    padding: 15px 17px;
  }

  .p_about_business_program #intro .cmnBtn:before {
    width: 25px;
    right: -15px;
  }

  .p_about_business_program #intro .cmnBtn[target="_blank"]:after {
    width: 20px;
  }
}

/** /link/index */

/* ---------------------------------------------------------
 * contents
** --------------------------------------------------------- */

.p_link #cover {
  width: 100vw;
  height: 100px;
  background-image: url(../img/common/cover.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* ---------------------------------------------------------
 * main
** --------------------------------------------------------- */

.p_link #main>div {
  padding-top: 100px;
  padding-bottom: 100px;
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  line-height: 1.8;
}

.p_link #main p a {
  color: #002B4C;
}

.p_link #main h2,
.p_link #main h3 {
  color: #002B4C;
  font-weight: bold;
  text-align: center;
}

.p_link #main h2 {
  font-size: 24px;
  margin-bottom: 15px;
}

.p_link #main h3 {
  font-size: 20px;
  margin-top: 50px;
  margin-bottom: 13px;
}

.p_link #main p {
  color: #002B4C;
  text-align: justify;
  text-justify: distribute;
  line-height: 1.8;
}

.p_link #main .tel {
  text-decoration: underline;
}

/* ---------------------------------------------------------
 * disclaimer
** --------------------------------------------------------- */

.p_link #disclaimer p {
  color: #646464;
}

/* ---------------------------------------------------------
 * copyright
** --------------------------------------------------------- */

.p_link #copyright p,
.p_link #copyright p a {
  color: #646464;
}

/* ---------------------------------------------------------
 * privacy
** --------------------------------------------------------- */

.p_link #privacy {
  text-align: center;
  margin-top: 60px;
}

/* ---------------------------------------------------------
 * contact
** --------------------------------------------------------- */

.p_link #contact p {
  color: #646464;
}

/* ---------------------------------------------------------
 * link
** --------------------------------------------------------- */

.p_link #link p,
.p_link #link p a {
  color: #646464;
}

.p_link #link ol {
  margin: 24px 0;
}

.p_link #link ol {
  list-style: none;
}

.p_link #link ol li {
  counter-increment: custom;
  margin-left: 12px;
  text-indent: -12px;
}

.p_link #link ol li:before {
  content: "("counter(custom) ")";
}

.p_link #link ol li:first-child {
  counter-reset: custom;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

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

  /*@media screen and (max-width: 480px) {*/
  .p_link #cover {
    display: none;
  }

  #contents.p_link .pc {
    display: none;
  }

  #contents.p_link .sp {
    display: block;
  }

  .p_link #main>div {
    padding-top: 140px;
    padding-bottom: 40px;
    width: 90%;
    font-size: 4vw;
  }

  .p_link #main h2,
  .p_link #main h3 {
    text-align: left;
    font-size: 6vw;
  }

  .p_link #privacy {
    margin-top: 40px;
  }

  .p_link #link ol li {
    font-size: 4vw;
    color: #646464;
  }
}

/** /membership/index */

/* ---------------------------------------------------------
 * contents
** --------------------------------------------------------- */

#contents.p_membership .container {
  max-width: 860px;
  width: 90%;
  margin: 0 auto;
  line-height: 1.8;
}

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_membership #cover {
  background: url(../img/common/guide_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
  height: 392px;
}

.p_membership #cover>div {
  padding-top: 210px;
}

.p_membership #cover h2 {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 4px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_membership #intro>div {
  padding: 40px 0;
}

.p_membership #intro h3 {
  color: #FF3B00;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

/* ---------------------------------------------------------
 * flow
** --------------------------------------------------------- */

.p_membership h3 {
  font-size: 18px;
  font-weight: bold;
}

.p_membership #flow {
  border-top: 1px solid #ccc;
}

.p_membership #flow>div {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p_membership .flow_container {
  display: table;
  margin-bottom: 40px;
}

.p_membership .flow_container .img {
  padding-top: 20px;
  font-size: 0;
}

@media screen and (min-width: 768px) and (max-width: 954px) {
  .p_membership .flow_container .img {
    width: 34%;
  }

  img.flow02_line {
    height: 112%;
  }
}

.p_membership .flow_container>div {
  display: table-cell;
  vertical-align: top;
}

.p_membership .flow_container .sp {
  display: none;
}

.p_membership .flow_container .right {
  display: table;
  width: 100%;
  max-width: 630px;
}

.p_membership .flow_container .right>div {
  display: table-row;
}

.p_membership .flow_container .right>div:first-child {
  height: 210px;
}

.p_membership .flow_container .icon {
  display: table-cell;
  width: 41px;
  height: 41px;
}

.p_membership .flow_container .text {
  display: table-cell;
  font-size: 16px;
  padding-left: 20px;
}

.p_membership .flow_container h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
}

.p_membership .flow_container address,
.p_membership .flow_container address span,
.p_membership .flow_container address span a {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
}

.p_membership .flow_container.katei h4,
.p_membership .flow_container.katei address,
.p_membership .flow_container.katei address a {
  color: #1CA927;
}

.p_membership .flow_container.houjin h4,
.p_membership .flow_container.houjin a {
  color: #002B4C;
}

.p_membership .flow_container a {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

.p_membership .flow_container.houjin .right>div:first-child {
  height: 240px;
}

.p_membership .flow_container2 {
  display: table;
  margin-bottom: 40px;
}

.p_membership .flow_container2>div {
  display: table-cell;
}

.p_membership .flow_container2 .img {
  width: 276px;
}

.p_membership .flow_container2 .right {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.p_membership .flow_container2 .right .text {
  padding-left: 10px;
}

.p_membership #flow .faq {
  margin-top: 80px;
  text-align: center;
}

.p_membership b {
  /*font-family: "roboto", "こぶりなゴシック W6 JIS2004", "Koburina Gothic W6 JIS2004", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
}

.p_membership .en {
  font-family: "roboto", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: bold;
}

/* ---------------------------------------------------------
 * data
** --------------------------------------------------------- */

.p_membership #data {
  border-top: 1px solid #ccc;
}

.p_membership #data>div {
  padding-top: 20px;
  padding-bottom: 110px;
}

.p_membership #data h3 {
  margin-top: 30px;
}

.p_membership #data table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 4px 0;
  margin: 10px 0;
}

.p_membership #data table td,
.p_membership #data table th {
  color: #002B4C;
  background: #F8F8F8;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  padding: 20px 0;
}

.p_membership #data table tr:nth-child(n+2)>td {
  border-top: 1px dotted #002B4C;
}

.p_membership #data table th {
  width: 128px;
  border-right: 1px solid #002B4C;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

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

  /*@media screen and (max-width: 480px) {*/
  #contents.p_membership .pc {
    display: none;
  }

  #contents.p_membership .sp {
    display: block;
  }

  #contents.p_membership,
  .p_membership .flow_container .text,
  .p_membership .flow_container a {
    font-size: 4vw;
  }

  .p_membership #cover {
    height: 70vw;
    background-image: url(../img/common/guide_bg_sp.png);
  }

  .p_membership #cover>div {
    padding-top: 30vw;
  }

  .p_membership #cover h2 {
    font-size: 8vw;
  }

  #contents.p_membership .container {
    width: 90%;
  }

  .p_membership #intro>div {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .p_membership #intro h3 {
    text-align: left;
    font-size: 6vw;
  }

  .p_membership .flow_container .right {
    width: initial;
  }

  .p_membership .flow_container .right>div:first-child {
    height: initial;
  }

  .p_membership .flow_container .text {
    padding-left: 3vw;
  }

  .p_membership .flow_container2 .right .text {
    padding: 0;
  }

  .p_membership #flow .faq {
    margin: 0;
  }

  .p_membership #flow .katei .sp h4 {
    border: 1px solid #1CA927;
    padding-left: 10px;
    margin: 10px 0;
  }

  .p_membership #flow .houjin .sp h4 {
    border: 1px solid #002B4C;
    padding-left: 10px;
    margin: 10px 0;
  }

  .p_membership .flow_container2 .sp h4 {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 10px 0;
  }

  .p_membership #data>div {
    padding-bottom: 40px;
  }

  .p_membership #data table {
    width: 100%;
    border-spacing: 0 4px;
    margin: 10px 0;
  }

  .p_membership #data table tr:nth-child(n+2)>td {
    border-top: none;
  }

  .p_membership #data table tr>td:nth-child(n+2) {
    border-left: 1px dotted #002B4C;
  }

  .p_membership #data table th {
    border-right: none;
    border-bottom: 1px solid #002B4C;
  }

  .p_membership #data table td {
    width: 50vw;
  }

  .p_membership #data table.wide td,
  .p_membership #data table.wide th {
    width: 100vw;
  }
}

/** /privacy/index */

/* ---------------------------------------------------------
 * contents
** --------------------------------------------------------- */

#contents.p_privacy #privacy {
  width: 668px;
  margin: 0 auto;
}

.p_privacy #cover {
  width: 100vw;
  height: 100px;
  background-image: url(../img/common/cover.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* ---------------------------------------------------------
 * privacy
** --------------------------------------------------------- */

.p_privacy #privacy>div {
  padding-top: 100px;
  padding-bottom: 40px;
}

.p_privacy #privacy h2,
.p_privacy #privacy h3 {
  color: #002B4C;
  font-weight: bold;
  text-align: center;
}

.p_privacy #privacy h2 {
  font-size: 24px;
  margin-bottom: 10px;
}

.p_privacy #privacy h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.p_privacy #privacy p {
  color: #002B4C;
}

/* ---------------------------------------------------------
 * provision
** --------------------------------------------------------- */

.p_privacy #provision>div {
  padding-top: 50px;
  padding-bottom: 40px;
}

.p_privacy #provision p {
  color: #646464;
}

.p_privacy #provision ol {
  list-style: none;
  margin-left: 0;
  margin-top: 40px;
}

.p_privacy #provision ol li {
  margin-top: 20px;
  font-weight: bold;
  counter-increment: custom;
}

.p_privacy #provision ol li:before {
  content: counter(custom) " ";
  margin-right: 10px;
}

.p_privacy #provision ol li:first-child {
  counter-reset: custom;
}

.p_privacy #provision ol li p {
  margin-left: 20px;
}

/* ---------------------------------------------------------
 * ssl
** --------------------------------------------------------- */

.p_privacy #ssl p {
  color: #646464;
  margin-bottom: 20px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

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

  /*@media screen and (max-width: 480px) {*/
  .p_privacy #cover {
    display: none;
  }

  #contents.p_privacy .pc {
    display: none;
  }

  #contents.p_privacy .sp {
    display: block;
  }

  #contents.p_privacy #privacy {
    width: 90%;
  }

  .p_privacy #privacy>div {
    padding-top: 140px;
    padding-bottom: 40px;
  }

  .p_privacy #privacy h2,
  .p_privacy #privacy h3 {
    text-align: left;
  }

  .p_privacy #provision>div {
    padding-top: 10px;
  }
}

/** .katei/index */

/* ---------------------------------------------------------
 * fv
** --------------------------------------------------------- */

#fv_houjin {
  width: 100%;
  height: 600px;
  position: relative;
}

#fv_houjin .fv_container {
  position: absolute;
  width: 100%;
  /* height: 600px; */
}

#fv_houjin .fv_container .slick-dots {
  position: absolute;
  top: 560px;
}

#fv_houjin .fv_container .slick-dots li button:before {
  color: #fff;
  opacity: 1;
  font-size: 10px;
}

#fv_houjin .fv_container .slick-dots li.slick-active button:before {
  color: #FF3B01;
}

#fv_houjin .fv_1,
#fv_houjin .fv_2,
#fv_houjin .fv_3,
#fv_houjin .fv_4 {
  position: absolute;
  width: 100%;
  height: 600px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#fv_houjin .fv_1 {
  background-image: url(../img/houjin/fv_01.png);
}

#fv_houjin .fv_2 {
  background-image: url(../img/houjin/fv_02.png);
  z-index: -2;
}

#fv_houjin .fv_3 {
  background-image: url(../img/houjin/fv_03.png);
  z-index: -3;
}

#fv_houjin .fv_4 {
  background-image: url(../img/houjin/fv_04.png);
  z-index: -4;
}

.p_houjin #scroll_btn {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  margin-top: 140px;
}

.p_houjin h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}

.p_houjin p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_houjin #intro {
  text-align: center;
  /* height: 298px; */
}

.p_houjin #intro>div {
  padding-top: 40px;
}

.p_houjin #intro p {
  font-size: 16px;
  color: #00499c;
}

/* ---------------------------------------------------------
 * list
** --------------------------------------------------------- */

.p_houjin #list {
  text-align: center;
  color: #fff;
}

.p_houjin #list>div {
  padding: 40px 60px;
}

.p_houjin #list .bg {
  max-width: 899px;
  margin: 0 auto;
  height: 245px;
  padding-top: 40px;
  background: url(../img/houjin/list_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_houjin #list .bg_2 {
  max-width: 899px;
  width: 100%;
  margin: 0 auto;
  height: 245px;
  padding-top: 40px;
  background: url(../img/common/guide_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width:767px) {
  .p_houjin #list .bg {
    width: 100%;
  }

}

/* ---------------------------------------------------------
 * cat
** --------------------------------------------------------- */

.p_houjin #cat {
  text-align: center;
  /* height: 986px; */
  background: url(../img/houjin/cat_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_houjin #cat>div {
  margin: 0 auto;
  padding: 70px 0;
  max-width: 840px;
  text-align: left;
  font-size: 0;
}

.p_houjin #cat .box {
  background: rgba(255, 255, 255, 0.9);
  color: #01499D;
  display: inline-block;
  width: 262px;
  height: 262px;
  padding: 40px 10px;
  position: relative;
  margin: 5px;
  cursor: pointer;
  text-align: center;
}

.p_houjin #cat .box .icon {
  width: 101px;
  height: 101px;
}

.p_houjin #cat .box .text {
  font-size: 18px;
  font-weight: bold;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  transform: rotate(.1deg);
}

.p_houjin #cat .box:after {
  content: url(../img/houjin/cat_arrow.png);
  position: absolute;
  left: 113px;
  bottom: 30px;
}

.p_houjin #cat_dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  width: 100vw;
  height: 100vh;
}

.p_houjin #cat_dialog .dialog {
  width: 880px;
  position: absolute;
  top: 20px;
  left: calc(50% - 390px);
  margin: 0 auto;
  font-size: 0;
}

.p_houjin #cat_dialog .dialog .header {
  position: relative;
  height: 60px;
}

.p_houjin .dialog_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border: none;
  background: transparent;
}

.p_houjin .dialog_close::before,
.p_houjin .dialog_close::after {
  position: absolute;
  top: 50%;
  left: 10px;
  content: "";
  display: block;
  width: 40px;
  border-top: 2px solid #fff;
}

.p_houjin .dialog_close::before {
  transform: skewY(-45deg);
}

.p_houjin .dialog_close::after {
  transform: skewY(45deg);
}

.p_houjin #cat_dialog .dialog>div {
  display: inline-block;
  vertical-align: top;
}

.p_houjin #cat_dialog .dialog .left button,
.p_houjin #cat_dialog .dialog .right button {
  position: absolute;
  width: 50px;
  height: 92px;
  border: none;
  background: #01499D;
  top: 400px;
}

.p_houjin #cat_dialog .dialog .left button.hide,
.p_houjin #cat_dialog .dialog .right button.hide {
  opacity: 0 !important;
  cursor: default;
}

.p_houjin #cat_dialog .dialog .left button {
  left: -50px;
}

.p_houjin #cat_dialog .dialog .right button {
  right: -50px;
}

.p_houjin #cat_dialog .dialog .body {
  background: transparent;
  text-align: center;
  max-height: calc(100vh - 80px);
  overflow: auto;
}

.p_houjin #cat_dialog .photo {
  width: 697px;
  height: 455px;
  /* background: #ccc; */
  margin-bottom: 20px;
}

.p_houjin #cat_dialog .icon {
  width: 50px;
  height: 50px;
}

.p_houjin #cat_dialog h2 {
  color: #01499D;
  font-size: 20px;
  margin-top: 4px;
}

_:-ms-lang(x),
.p_houjin #cat_dialog h2 {
  transform: rotate(.1deg);
}

.p_houjin #cat_dialog h3 {
  margin: 20px 0;
  font-weight: bold;
  font-size: 16px;
}

_:-ms-lang(x),
.p_houjin #cat_dialog h3 {
  transform: rotate(.1deg);
}

.p_houjin #cat_dialog .text {
  width: 580px;
  display: inline-block;
  text-align: left;
}

_:-ms-lang(x),
.p_houjin #cat_dialog .text {
  transform: rotate(.1deg);
}

@media screen and (max-width:1050px)and (min-width:767px) {
  .p_houjin #cat>div {

    max-width: 750px;
  }

  .p_houjin #cat .box {
    width: 240px;
    height: 240px;
  }

  .p_houjin #cat .box::after {
    left: 101px;
  }
}

/* ---------------------------------------------------------
 * guide
** --------------------------------------------------------- */

.p_houjin #guide {
  text-align: center;
  height: 532px;
}

.p_houjin #guide>div {
  padding-top: 50px;
}

.p_houjin #guide_bg>div {
  display: inline-block;
  width: 100%;
  max-width: 899px;
  height: 241px;
  line-height: 241px;
  vertical-align: middle;
  background: url(../img/common/guide_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

/* ---------------------------------------------------------
 * seminar
** --------------------------------------------------------- */

.p_houjin #seminar {
  text-align: center;
  height: 430px;
  background: url(../img/houjin/seminar_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_houjin #seminar>div {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .p_houjin #seminar {
    height: 350px;
  }

  .p_houjin #seminar>div {
    padding-top: 10px;
  }
}

.p_houjin #seminar h2 .location {
  color: #01499D;
  font-size: 16px;
  font-weight: bold;
}

.p_houjin #seminar h2 .location:before {
  content: '[';
  font-size: 18px;
  margin-right: 10px;
}

.p_houjin #seminar h2 .location:after {
  content: ']';
  font-size: 18px;
  margin-left: 10px;
}

.p_houjin #seminar .bg {
  max-width: 899px;
  width: 84%;
  padding: 50px 0;
  margin: 40px auto;
  background: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------------------------
 * junsui_rinri
** --------------------------------------------------------- */

.p_houjin #junsui_rinri {
  padding-top: 100px;
}

.p_houjin #junsui_rinri .container {
  /*height: 730px;*/
  font-size: 0;
  margin-bottom: 84px;
}

.p_houjin #junsui_rinri .container>div {
  text-align: center;
  padding: 0;
  margin: 0;
  color: white;
  /* white-space: nowrap; */
}

/*.p_houjin #junsui_rinri .container>div>div {
  display: inline-block;
  vertical-align: top;
  padding-top: 90px;
  width: 50%;
  height: 320px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}*/

.p_houjin #junsui_rinri .container>div>div div {
  margin-top: 20px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

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

  /*@media screen and (max-width: 480px) {*/
  #contents.p_houjin .pc {
    display: none;
  }

  #contents.p_houjin .sp {
    display: inline;
  }

  .p_houjin #intro>div {
    width: 90%;
    margin: 0 auto;
  }

  .p_houjin #list>div {
    width: 90%;
    margin: 0 auto;
    padding: 24px 0 40px 0;
  }

  .p_houjin #list>div .list {
    width: 80%;
    margin: 0 auto;
  }

  /* ---------------------------------------------------------
  * cat SP
  ** --------------------------------------------------------- */
  .p_houjin #cat,
  .p_top #cat {
    height: 100%;
  }

  .p_houjin #cat>div,
  .p_top #cat>div {
    padding: 20px 10px;
    width: 100%;
  }

  .p_houjin #cat .box,
  .p_top #cat {
    width: 100%;
    height: initial;
    position: relative;
    margin: 5px 0;
    text-align: left;
    padding: 20px;
  }

  .p_houjin #cat .box .icon,
  .p_top #cat .box .icon {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
  }

  .p_houjin #cat .box .text,
  .p_top #cat .box .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
  }

  .p_houjin #cat .box:after,
  .p_top #cat .box:after {
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 28px;
  }

  .p_houjin #cat_dialog .dialog,
  .p_top #cat_dialog .dialog {
    width: 95%;
    left: 2.5%;
  }

  .p_houjin #cat_dialog .dialog .header,
  .p_top #cat_dialog .dialog .header {
    position: relative;
    height: 60px;
  }

  .p_houjin #cat_dialog .dialog>div,
  .p_top #cat_dialog .dialog>div {
    display: inline-block;
    vertical-align: top;
  }

  .p_houjin #cat_dialog .dialog .left button,
  .p_houjin #cat_dialog .dialog .right button,
  .p_top #cat_dialog .dialog .left button,
  .p_top #cat_dialog .dialog .right button {
    position: absolute;
    width: 4vw;
    height: 12vw;
    border: none;
    background: #01499D;
    margin-top: 90vw;
  }

  .p_houjin #cat_dialog .dialog .left button .arrow_left,
  .p_top #cat_dialog .dialog .left button .arrow_left {
    margin-left: 0;
    width: 3vw;
    height: 3vw;
  }

  .p_houjin #cat_dialog .dialog .right button .arrow_right,
  .p_top #cat_dialog .dialog .right button .arrow_right {
    margin-left: -2vw;
    width: 3vw;
    height: 3vw;
  }

  .p_houjin #cat_dialog .dialog .left button,
  .p_top #cat_dialog .dialog .left button {
    left: 0;
  }

  .p_houjin #cat_dialog .dialog .right button,
  .p_top #cat_dialog .dialog .right button {
    right: 0;
  }

  .p_houjin #cat_dialog .dialog .body,
  .p_top #cat_dialog .dialog .body {
    width: 100%;
    text-align: center;
    max-height: calc(100vh - 80px);
    overflow: auto;
  }

  .p_houjin #cat_dialog .photo,
  .p_top #cat_dialog .photo {
    width: initial;
    height: initial;
  }

  .p_houjin #cat_dialog .icon,
  .p_top #cat_dialog .icon {
    width: 50px;
    height: 50px;
  }

  .p_houjin #cat_dialog h2,
  .p_top #cat_dialog h2 {
    color: #01499D;
    font-size: 20px;
  }

  .p_houjin #cat_dialog h3,
  .p_top #cat_dialog h3 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
  }

  .p_houjin #cat_dialog .text,
  .p_top #cat_dialog .text {
    width: initial;
    display: inline-block;
    text-align: left;
  }

  /* ---------------------------------------------------------
  * guide SP
  ** --------------------------------------------------------- */
  .p_houjin #guide_bg>div {
    width: 100%;
    /* height: 430px; */
  }

  .p_houjin #guide_bg .link img {
    width: 80%;
  }

  /* ---------------------------------------------------------
  * seminar SP
  ** --------------------------------------------------------- */
  .p_houjin #seminar .sp {
    display: inline;
  }

  .p_houjin #seminar .bg {
    padding: 10px 0;
    margin: 50px auto 0;
    background: rgba(255, 255, 255, 0.9);
  }

  .p_houjin #seminar .bg .link {
    width: 80%;
    margin: 0 auto;
  }

  /* ---------------------------------------------------------
  * junsui_rinri SP
  ** --------------------------------------------------------- */
  .p_houjin #junsui_rinri {
    padding-top: 40px;
  }

  .p_houjin #junsui_rinri .container {
    /* height: 1852px; */
    height: 100%;
  }

  .p_houjin #junsui_rinri .container>div>div {
    display: inline-block;
    vertical-align: top;
    padding-top: 60px;
    padding-bottom: 40px;
    width: 100%;
    height: 100%;
  }

  .p_houjin #junsui_rinri .container>div>div div {
    margin-top: 20px;
  }

  .p_houjin #junsui_rinri #jr_maruyama {
    margin-bottom: 0;
  }
}

/** /houjin/list */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */
.p_houjin_list #cover {
  background: url(../img/houjin/list/cover.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  height: 392px;
}

.p_houjin_list #cover>div {
  padding-top: 210px;
}

.p_houjin_list #cover h2 {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 4px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */
.p_houjin_list #intro>div {
  padding-top: 40px;
  text-align: center;
}

.p_houjin_list #intro h2 {
  color: #00284C;
  font-size: 24px;
  font-weight: bold;
}

.p_houjin_list #intro p {
  color: #00284C;
  font-size: 16px;
  line-height: 1.8;
}

.p_houjin_list #intro .link {
  padding-top: 40px;
  margin: 0 auto;
}

.p_houjin_list #intro .link li {
  display: inline-block;
  text-align: center;
  border-right: solid 1px #BBC5CF;
}

.p_houjin_list #intro .link li:first-child {
  border-left: solid 1px #BBC5CF;
}

.p_houjin_list #intro .link li>a {
  display: block;
  color: #00284C;
  font-weight: bold;
  padding: 8px 6px 8px 12px;
  text-decoration: none;
}

.p_houjin_list #intro .link li>a:after {
  content: '';
  display: inline-block;
  background: url(../img/common/arrow_org_dwn.png);
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-left: 4px;
}

/* ---------------------------------------------------------
 * list
** --------------------------------------------------------- */
.p_houjin_list #list>div {
  min-width: 660px;
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 84px;
}

@media screen and (max-width:767px) {
  .p_houjin_list #list>div {
    min-width: 0;
  }
}

.p_houjin_list #list .container {
  font-size: 0;
}

.p_houjin_list #list h3 {
  margin-top: 40px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #B4C1CA;
  border-radius: 2px;
}

_:-ms-lang(x),
.p_houjin_list #list h3 {
  padding-bottom: 5px;
}

.p_houjin_list #list .houjin {
  font-size: 16px;
  border-left: solid 2px #989898;
  padding-left: 8px;
  display: inline-block;
  margin-bottom: 16px;
  vertical-align: top;
  width: 48%;
  height: 130px;
}

.p_houjin_list #list .houjin>div {
  line-height: 1.8;
}

.p_houjin_list #list h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 6px;
}

.p_houjin_list #list h4>a {
  text-decoration: none;
}

.p_houjin_list #list h4>a:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/common/external.png);
  background-size: cover;
  background-position: center;
  margin-left: 10px;
}

.p_houjin_list .note {
  text-align: left !important;
  font-size: 12px;
  color: rgb(100, 100, 100) !important;
  margin-left: 10px !important;
  margin-top: 5px !important;
}

.p_houjin_list .note img {
  margin-top: -4px;
  width: 14px;
}

@media screen and (max-width: 767px) {
  .p_houjin_list #cover {
    height: 70vw;
  }

  .p_houjin_list #cover>div {
    padding-top: 30vw;
  }

  .p_houjin_list #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_houjin_list #intro h2 {
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }

  .p_houjin_list #intro p {
    text-align: left;
    width: 90%;
    margin: 0 auto;
    font-size: 4vw;
  }

  .p_houjin_list #intro .link {
    padding-top: 20px;
    margin: 0 auto;
    width: 90vw;
  }

  .p_houjin_list #intro .link>ul {
    text-align: left;
  }

  .p_houjin_list #intro .link li {
    width: 44vw;
    position: relative;
    border-right: none;
    border-bottom: solid 1px #BBC5CF;
  }

  .p_houjin_list #intro .link li:first-child {
    border-left: none;
    border-top: solid 1px #BBC5CF;
  }

  .p_houjin_list #intro .link li:nth-child(2) {
    border-top: solid 1px #BBC5CF;
  }

  .p_houjin_list #intro .link li>a:after {
    position: absolute;
    right: 8px;
  }

  .p_houjin_list #intro .link li>a {
    padding-right: 30px;
  }

  .p_houjin_list #list>div {
    width: 90%;
    padding-bottom: 40px;
  }

  .p_houjin_list #list .houjin {
    width: 100%;
    height: 33vw;
  }

  .p_houjin_list #list h4 {
    font-size: 6vw;
  }

  .p_houjin_list #list .houjin>div {
    font-size: 4vw;
    line-height: 6vw;
  }
}

/** /houjin/lecture/index */
/* #cover */
.p_houjin_lecture #cover {
  background: url(../img/houjin/lecture/cover.png) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 392px;
}

.p_houjin_lecture #cover h2 {
  padding-top: 160px;
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 50px;
}

.p_houjin_lecture #cover h2>small {
  font-size: 30px;
  font-weight: bold;
}

.p_houjin_lecture #cover h2 .theme {
  font-size: 16px;
  font-weight: bold;
}

/* #lead_text */
.p_houjin_lecture #lead_text {
  max-width: 900px;
  margin: 50px auto;
  color: #00284C;
  font-size: 16px;
  line-height: 30px;
}

/* #area */
.p_houjin_lecture #area {
  background: #EBECEE;
  position: relative;
  margin-top: 70px;
}

.p_houjin_lecture #area>div {
  padding-top: 90px;
  padding-bottom: 60px;
  overflow: hidden;
}

.p_houjin_lecture #select_city {
  display: none;
}

.p_houjin_lecture #area .name {
  position: absolute;
  top: -20px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.p_houjin_lecture #area .name h3 {
  background-image: url(../img/houjin/lecture/ttl_icon.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-color: #00284C;
  border-radius: 10px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding: 20px 80px;
  position: relative;
}

.p_houjin_lecture #area .name h3:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 10px 5px 0;
  border-color: #00284C transparent transparent;
}

.p_houjin_lecture #area .container {
  width: 900px;
  margin: 0 auto;
}

.p_houjin_lecture #area .chihou {
  border-bottom: 1px solid #C3CCD1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #00284C;
  font-size: 18px;
}

.p_houjin_lecture #area .chihou_title {
  font-weight: bold;
  padding-left: 10px;
}

.p_houjin_lecture #area ul {
  display: flex;
  flex-wrap: wrap;
  width: 600px;
  position: relative;
}

.p_houjin_lecture #area li {
  width: 20%;
  margin: 8px 0;
  border-right: solid 1px #C3CCD1;
  text-align: right;
  position: relative;
}

.p_houjin_lecture #area li:nth-child(5n+1) {
  border-left: solid 1px #C3CCD1;
}

.p_houjin_lecture #area li:nth-child(5n+1):after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  left: 598px;
  bottom: 0;
  border-left: solid 1px #C3CCD1;
}

.p_houjin_lecture #area li:nth-child(5n+6):before {
  content: '';
  width: 600px;
  height: 1px;
  position: absolute;
  top: -8px;
  left: 0;
  border-top: solid 1px #C3CCD1;
}

.p_houjin_lecture #area li>a {
  text-decoration: none;
  display: block;
  padding: 5px 25px 5px 0;
  color: #00284C;
  font-weight: bold;
  background-image: url(../img/katei/lecture/arrow_down.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
}

/* #list */
.p_houjin_lecture #list {
  width: 980px;
  margin: 0 auto;
  padding: 90px 0;
}

.p_houjin_lecture #list table {
  width: 100%;
}

.p_houjin_lecture #list thead {
  color: #fff;
}

.p_houjin_lecture #list thead th {
  background: #00284C;
  padding: 8px 0;
  position: relative;
}

.p_houjin_lecture #list thead th:after {
  content: '';
  border-right: solid 1px #fff;
  position: absolute;
  top: 8px;
  right: 0;
  width: 1px;
  height: 26px;
}

.p_houjin_lecture #list thead th:last-child:after {
  display: none;
}

.p_houjin_lecture #list thead th:first-child {
  border-radius: 8px 0 0 8px;
}

.p_houjin_lecture #list thead th:last-child {
  border-radius: 0 8px 8px 0;
}

.p_houjin_lecture #list tbody td {
  color: #00284C;
  text-align: center;
  padding: 15px 0;
  border-bottom: solid 1px #3E5E77;
}

.p_houjin_lecture #list tbody td.area_main {
  vertical-align: middle;
}

.p_houjin_lecture #list tbody td.address {
  text-align: left;
  padding-left: 2em;
}

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

  /* #cover */
  .p_houjin_lecture #cover {
    height: 70vw;
  }

  .p_houjin_lecture #cover>div {
    padding-top: 16vw;
  }

  .p_houjin_lecture #cover h2 {
    padding-top: 0;
    font-size: 8vw;
    letter-spacing: 4px;
    line-height: initial;
  }

  .p_houjin_lecture #cover h2>small {
    font-size: 6vw;
    letter-spacing: 0;
  }

  .p_houjin_lecture #cover h2 .theme {
    font-size: 4vw;
    letter-spacing: 0;
  }

  /* #lead_text */
  .p_houjin_lecture #lead_text {
    width: 90%;
  }

  /* #area */
  .p_houjin_lecture #area {
    background-color: #fff;
  }

  .p_houjin_lecture #area>div {
    padding-top: 0;
  }

  .p_houjin_lecture #area .name {
    position: relative;
    top: 0px;
  }

  .p_houjin_lecture #area .name h3 {
    border-radius: 0;
    padding: 20px 40px 20px 100px;
    width: 100%;
    background-position: left 30px center;
  }

  .p_houjin_lecture #area .acc {
    background-color: #6E96B0;
    display: block;
    width: 90%;
    margin: 20px auto 0;
    border-radius: 20px;
  }

  .p_houjin_lecture #area .acc label {
    display: block;
    text-align: center;
    color: #fff;
    padding: 20px;
    font-size: 28px;
    font-weight: bold;
  }

  .p_houjin_lecture #area .acc label:after {
    content: "";
    display: inline-block;
    margin-left: 10px;
    width: 22px;
    height: 12px;
    vertical-align: middle;
    background-image: url(../img/common/arrow_choice_main_down.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }

  .p_houjin_lecture #select_city:checked+.head label:after {
    background-image: url(../img/common/arrow_choice_main_up.png);
  }

  .p_houjin_lecture #area .container {
    width: 90%;
    display: none;
  }

  .p_houjin_lecture #select_city:checked~.container {
    display: block;
  }

  .p_houjin_lecture #area .chihou {
    display: block;
    padding-top: 30px;
  }

  .p_houjin_lecture #area ul {
    width: 100%;
  }

  .p_houjin_lecture #area li {
    width: 33%;
  }

  .p_houjin_lecture #area li:nth-child(5n+1) {
    border-left: none;
  }

  .p_houjin_lecture #area li:nth-child(3n+1) {
    border-left: solid 1px #C3CCD1;
  }

  .p_houjin_lecture #area li:nth-child(5n+1):after {
    display: none;
  }

  .p_houjin_lecture #area li:nth-child(5n+6):before {
    display: none;
  }

  .p_houjin_lecture #area li:nth-child(3n+4):before {
    content: '';
    width: 300%;
    height: 1px;
    position: absolute;
    top: -8px;
    left: 0;
    border-top: solid 1px #C3CCD1;
  }

  .p_houjin_lecture #area .close {
    margin-top: 20px;
    display: block;
  }

  /* #list */
  .p_houjin_lecture #list {
    width: 100%;
    background-color: #EBECEE;
    padding: 30px 0;
  }

  .p_houjin_lecture #list>div {
    width: 90%;
    margin: 0 auto;
  }

  .p_houjin_lecture #list tbody tr {
    display: block;
    margin-bottom: 10px;
  }

  .p_houjin_lecture #list tbody td {
    display: block;
    text-align: left;
    padding: 0;
    border-bottom: none;
  }

  .p_houjin_lecture #list tbody td.area_main {
    vertical-align: middle;
    font-weight: bold;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 5px;
    text-align: center;
  }

  .p_houjin_lecture #list tbody td.area_sub {
    background-color: #00284C;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
  }

  .p_houjin_lecture #list tbody td.area_sub:after {
    content: "倫理法人会";
  }

  .p_houjin_lecture #list tbody td.tel {
    padding: 20px 20px 10px;
    background-color: #fff;
  }

  .p_houjin_lecture #list tbody td.tel span {
    display: block;
    font-size: 18px;
    background-image: url(../img/houjin/lecture/phone.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto 50%;
    border: 1px solid #00284C;
    border-radius: 10px;
    padding: 15px 5px;
    text-align: center;
  }

  .p_houjin_lecture #list tbody td.day {
    padding: 0 20px;
    background-color: #fff;
  }

  .p_houjin_lecture #list tbody td.time {
    display: none;
  }

  .p_houjin_lecture #list tbody td.address {
    padding: 0 20px 20px;
    background-color: #fff;
  }

  .p_houjin_lecture #list tbody td.address:before {
    content: "会場：";
  }

}

/** /katei/index */

/* ---------------------------------------------------------
 * fv
** --------------------------------------------------------- */

#fv_katei {
  width: 100%;
  height: 600px;
  position: relative;
}

#fv_katei .fv_container {
  position: absolute;
  width: 100%;
  /* height: 600px; */
}

#fv_katei .fv_container .slick-dots {
  position: absolute;
  top: 560px;
}

#fv_katei .fv_container .slick-dots li button:before {
  color: #fff;
  opacity: 1;
  font-size: 10px;
}

#fv_katei .fv_container .slick-dots li.slick-active button:before {
  color: #FF3B01;
}

#fv_katei .fv_1,
#fv_katei .fv_2,
#fv_katei .fv_3,
#fv_katei .fv_4 {
  position: absolute;
  width: 100%;
  height: 600px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#fv_katei .fv_1 {
  background-image: url(../img/katei/fv_01.png);
}

#fv_katei .fv_2 {
  background-image: url(../img/katei/fv_02.png);
}

#fv_katei .fv_3 {
  background-image: url(../img/katei/fv_03.png);
}

#fv_katei .fv_4 {
  background-image: url(../img/katei/fv_04.png);
}

.p_katei #scroll_btn {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  margin-top: 140px;
}

.p_katei h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}

.p_katei p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_katei #intro {
  text-align: center;
}

.p_katei #intro>div {
  padding: 40px 0;
}

.p_katei #intro p {
  font-size: 16px;
  color: #1AAA27;
}

/* ---------------------------------------------------------
 * cat
** --------------------------------------------------------- */

.p_katei #cat {
  text-align: center;
  /* height: 986px; */
  background: url(../img/katei/cat_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_katei #cat>div {
  margin: 0 auto;
  padding: 70px 0;
  max-width: 840px;
  text-align: left;
  font-size: 0;
}

.p_katei #cat .box {
  background: rgba(255, 255, 255, 0.9);
  color: #1CA927;
  display: inline-block;
  width: 262px;
  height: 262px;
  padding: 40px 10px;
  position: relative;
  margin: 5px;
  cursor: pointer;
  text-align: center;
}

.p_katei #cat .box .icon {
  width: 101px;
  height: 101px;
  transition: .5s;
}

.p_katei #cat .box .text {
  font-size: 18px;
  font-weight: bold;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  transition: .5s;
  transform: rotate(.1deg);
}

.p_katei #cat .box:after {
  content: url(../img/katei/cat_arrow.png);
  position: absolute;
  left: 113px;
  bottom: 30px;
  transition: .5s;
}

@media screen and (max-width:1050px)and (min-width:767px) {
  .p_katei #cat>div {
    max-width: 750px;
  }

  .p_katei #cat .box {
    width: 240px;
    height: 240px;
  }

  .p_katei #cat .box::after {
    left: 101px;
  }

  .p_houjin_lecture #lead_text {
    padding: 0 2em;
  }

  .p_houjin_lecture #area {
    margin: 70px 2em 0;
  }

  .p_houjin_lecture #area li>a {
    padding: 5px 10px 5px 15px;
    text-align: left;
  }

  .p_houjin_lecture #area .chihou {
    max-width: 726px;
  }

  .p_houjin_lecture #area>div {
    padding-bottom: 0;
  }

  .p_houjin_lecture #list table {
    padding: 0 1em;
  }


  .p_houjin_lecture #area li {
    width: 19.3%;
  }

  .p_houjin_lecture #list {
    max-width: 100%;
    margin: 0 auto;
    padding: 90px 10px;
    font-size: 15px;
  }

  .p_houjin_lecture #list .area_sub {
    width: 18%;
  }

  .p_houjin_lecture #list .tel {
    width: 16%;
  }

  .p_houjin_lecture #list .day {
    width: 17%;
  }

  .p_houjin_lecture #list .time {
    width: 13%;
  }

  .p_houjin_lecture #list .address {
    width: 32%;
    padding-left: 1em !important;
  }

  .p_houjin_lecture #list tbody td.area_main {
    width: 6%;
  }
}

.p_katei #cat .box:hover .icon,
.p_katei #cat .box:hover .text,
.p_katei #cat .box:hover::after {
  opacity: .5;
}

.p_katei #cat_dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  width: 100vw;
  height: 100vh;
}

.p_katei #cat_dialog .dialog {
  width: 880px;
  position: absolute;
  top: 20px;
  left: calc(50% - 390px);
  margin: 0 auto;
  font-size: 0;
}

.p_katei #cat_dialog .dialog .header {
  position: relative;
  height: 60px;
}

.p_katei .dialog_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border: none;
  background: transparent;
}

.p_katei .dialog_close::before,
.p_katei .dialog_close::after {
  position: absolute;
  top: 50%;
  left: 10px;
  content: "";
  display: block;
  width: 40px;
  border-top: 2px solid #fff;
}

.p_katei .dialog_close::before {
  transform: skewY(-45deg);
}

.p_katei .dialog_close::after {
  transform: skewY(45deg);
}

.p_katei #cat_dialog .dialog>div {
  display: inline-block;
  vertical-align: top;
}

.p_katei #cat_dialog .dialog .left button,
.p_katei #cat_dialog .dialog .right button {
  position: absolute;
  width: 50px;
  height: 92px;
  border: none;
  background: #1CA927;
  top: 400px;
}

.p_katei #cat_dialog .dialog .left button.hide,
.p_katei #cat_dialog .dialog .right button.hide {
  opacity: 0 !important;
  cursor: default;
}

.p_katei #cat_dialog .dialog .left button {
  left: -50px;
}

.p_katei #cat_dialog .dialog .right button {
  right: -50px;
}

.p_katei #cat_dialog .dialog .body {
  background: transparent;
  text-align: center;
  max-height: calc(100vh - 80px);
  overflow: auto;
}

.p_katei #cat_dialog .photo {
  width: 697px;
  height: 455px;
  /*background: #ccc;*/
  margin-bottom: 20px;
}

.p_katei #cat_dialog .icon {
  width: 50px;
  height: 50px;
}

.p_katei #cat_dialog h2 {
  color: #1CA927;
  font-size: 20px;
  margin-top: 4px;
}

_:-ms-lang(x),
.p_katei #cat_dialog h2 {
  transform: rotate(.1deg);
}

.p_katei #cat_dialog h3 {
  margin: 20px 0;
  font-weight: bold;
  font-size: 16px;
}

_:-ms-lang(x),
.p_katei #cat_dialog h3 {
  transform: rotate(.1deg);
}

.p_katei #cat_dialog .text {
  width: 580px;
  display: inline-block;
  text-align: left;
}

_:-ms-lang(x),
.p_katei #cat_dialog .text {
  transform: rotate(.1deg);
}

.p_katei #cat_dialog .img {
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}

/* ---------------------------------------------------------
 * guide
** --------------------------------------------------------- */

.p_katei #guide {
  text-align: center;
}

.p_katei #guide>div {
  padding-top: 50px;
}

.p_katei #list .bg {
  max-width: 899px;
  width: 90%;
  margin: 50px auto 0;
  height: 245px;
  padding-top: 40px;
  background: url(../img/common/guide_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
  color: #fff;
}

.p_katei #list .bg .link {
  height: 100%;
  line-height: 30px;
}

/* ---------------------------------------------------------
 * seminar
** --------------------------------------------------------- */

.p_katei #seminar {
  text-align: center;
  height: 430px;
  margin: 0 auto;
  background: url(../img/katei/seminar_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_katei #seminar>div {
  padding-top: 40px;
}

.p_katei #seminar h2 .location {
  color: #1AAA27;
  font-size: 16px;
  font-weight: bold;
}

.p_katei #seminar h2 .location:before {
  content: '[';
  font-size: 18px;
  margin-right: 10px;
}

.p_katei #seminar h2 .location:after {
  content: ']';
  font-size: 18px;
  margin-left: 10px;
}

.p_katei #seminar .bg {
  max-width: 900px;
  width: 84%;
  margin: 40px auto 0;
  padding: 50px 0;
  background: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 767px) {
  .p_katei #seminar {
    height: 350px;
  }

  .p_katei #seminar>div {
    padding-top: 10px;
  }

  .p_katei #seminar .bg {
    padding: 10px 0;
  }
}


/* ---------------------------------------------------------
 * spread
** --------------------------------------------------------- */

.p_katei #spread {
  text-align: center;
}

.p_katei #spread>div {
  padding-top: 60px;
  padding-bottom: 60px;
}

.p_katei .culture_list>div {
  display: inline-block;
  color: #fff;
  padding: 70px 40px;
  width: 317px;
  height: 313px;
  vertical-align: top;
  position: relative;
  margin: 0 10px;
}

@media screen and (max-width: 767px) {
  .p_katei .culture_list>div {
    margin: 10px;
  }
}

.p_katei .culture_list .bottom_fix {
  position: absolute;
  bottom: 40px;
  width: 80%;
}

.p_katei .culture_list p {
  text-align: left;
}

.p_katei .culture_list>div {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.p_katei .culture1 {
  background-image: url(../img/katei/spread_img01.png);
}

.p_katei .culture2 {
  background-image: url(../img/katei/spread_img02.png);
}

/* ---------------------------------------------------------
 * junsui_rinri
** --------------------------------------------------------- */
#junsui_rinri .text_center h2 {
  margin-bottom: 20px;
}

#junsui_rinri .note {
  text-align: left !important;
  font-size: 12px;
  color: rgb(100, 100, 100) !important;
  /*margin-left: 10px !important;*/
  margin-top: 5px !important;
}

#junsui_rinri .note.w980 {
  width: 980px !important;
  margin: 5px auto !important;
}

#junsui_rinri .note img {
  margin-top: -4px;
  width: 14px;
}

.p_katei #junsui_rinri {
  padding-top: 100px;
}

.p_katei #junsui_rinri .container {
  /*margin: 0;
  padding: 0;*/
  /*height: 730px;*/
  font-size: 0;
  margin-bottom: 84px;
}

.p_katei #junsui_rinri .container>div {
  text-align: center;
  padding: 0;
  margin: 0;
  color: white;
  /* white-space: nowrap; */
}

/* .p_katei #junsui_rinri .container>div>div {
  display: inline-block;
  vertical-align: top;
  padding-top: 90px;
  width: 50%;
  height: 320px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}*/

.p_katei #junsui_rinri .container>div>div div {
  margin-top: 20px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

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

  /*@media screen and (max-width: 480px) {*/
  #contents.p_katei .pc {
    display: none;
  }

  #contents.p_katei .sp {
    display: inline;
  }

  #fv_katei .fv_1 {
    background-image: url(../img/katei/fv_01_sp.png);
  }

  #fv_katei .fv_2 {
    background-image: url(../img/katei/fv_02_sp.png);
  }

  #fv_katei .fv_3 {
    background-image: url(../img/katei/fv_03_sp.png);
  }

  #fv_katei .fv_4 {
    background-image: url(../img/katei/fv_04_sp.png);
  }

  .p_katei #intro>div {
    width: 90%;
    margin: 0 auto;
  }


  /* ---------------------------------------------------------
  * cat SP
  ** --------------------------------------------------------- */
  .p_katei #cat {
    height: 100%;
  }

  .p_katei #cat>div {
    padding: 20px 5%;
    width: 100%;
  }

  .p_katei #cat .box {
    width: 100%;
    height: initial;
    position: relative;
    margin: 5px 0;
    text-align: left;
    padding: 20px;
  }

  .p_katei #cat .box .icon {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
  }

  .p_katei #cat .box .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
  }

  .p_katei #cat .box:after {
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 28px;
  }

  .p_katei #cat_dialog .dialog {
    width: 95%;
    left: 2.5%;
  }

  .p_katei #cat_dialog .dialog .header {
    position: relative;
    height: 60px;
  }

  .p_katei #cat_dialog .dialog>div {
    display: inline-block;
    vertical-align: top;
  }

  .p_katei #cat_dialog .dialog .left button,
  .p_katei #cat_dialog .dialog .right button {
    position: absolute;
    width: 4vw;
    height: 12vw;
    border: none;
    background: #1CA927;
    margin-top: 90vw;
  }

  .p_katei #cat_dialog .dialog .left button .arrow_left {
    margin-left: 0;
    width: 3vw;
    height: 3vw;
  }

  .p_katei #cat_dialog .dialog .right button .arrow_right {
    margin-left: -2vw;
    width: 3vw;
    height: 3vw;
  }

  .p_katei #cat_dialog .dialog .left button {
    left: 0;
  }

  .p_katei #cat_dialog .dialog .right button {
    right: 0;
  }

  .p_katei #cat_dialog .dialog .body {
    width: 100%;
    text-align: center;
    max-height: calc(100vh - 80px);
    overflow: auto;
  }

  .p_katei #cat_dialog .photo {
    width: initial;
    height: initial;
  }

  .p_katei #cat_dialog .icon {
    width: 50px;
    height: 50px;
  }

  .p_katei #cat_dialog h2 {
    color: #1CA927;
    font-size: 20px;
  }

  .p_katei #cat_dialog h3 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
  }

  .p_katei #cat_dialog .text {
    width: initial;
    display: inline-block;
    text-align: left;
  }

  /* ---------------------------------------------------------
  * guide SP
  ** --------------------------------------------------------- */
  .p_katei #guide_bg>div {
    width: 100%;
    /* height: 430px; */
  }

  .p_katei #guide_bg .link>a>img {
    width: 80%;
  }

  /* ---------------------------------------------------------
  * seminar SP
  ** --------------------------------------------------------- */
  .p_katei #seminar .sp {
    display: inline;
  }

  .p_katei #seminar .bg .link {
    width: 80%;
    margin: 0 auto;
  }

  /* ---------------------------------------------------------
  * book SP
  ** --------------------------------------------------------- */
  .p_katei #book>div>div {
    width: 100%;
    margin: 0 auto;
  }

  .p_katei .book_box .title {
    text-align: left;
    border: none;
    font-size: 4vw;
  }

  .p_katei .book_box .pc {
    display: none;
  }

  /* ---------------------------------------------------------
  * junsui_rinri SP
  ** --------------------------------------------------------- */
  .p_katei #junsui_rinri {
    padding-top: 40px;
  }

  .p_katei #junsui_rinri .container {
    height: 100%;
  }

  .p_katei #junsui_rinri .container>div>div {
    display: inline-block;
    vertical-align: top;
    padding-top: 60px;
    padding-bottom: 40px;
    width: 100%;
    height: 100%;
  }

  .p_katei #junsui_rinri .container>div>div div {
    margin-top: 20px;
  }

  .p_katei #junsui_rinri #jr_maruyama {
    margin-bottom: 0;
  }

  .p_katei .culture_list>div {
    padding: 60px 30px;
    width: 90%;
  }
}


/** /katei/culture/index */

/* ---------------------------------------------------------
 * fv
** --------------------------------------------------------- */

#fv_katei_culture {
  width: 100%;
  height: 600px;
  position: relative;
}

#fv_katei_culture .fv_container {
  position: absolute;
  width: 100%;
  /* height: 600px; */
}

#fv_katei_culture .fv_container .slick-dots {
  position: absolute;
  top: 560px;
}

#fv_katei_culture .fv_container .slick-dots li button:before {
  color: #fff;
  opacity: 1;
  font-size: 10px;
}

#fv_katei_culture .fv_container .slick-dots li.slick-active button:before {
  color: #FF3B01;
}

#fv_katei_culture .fv_1,
#fv_katei_culture .fv_2,
#fv_katei_culture .fv_3,
#fv_katei_culture .fv_4 {
  position: absolute;
  width: 100%;
  height: 600px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#fv_katei_culture .fv_1 {
  background-image: url(../img/katei/culture/fv_01.jpg);
}

#fv_katei_culture .fv_2 {
  background-image: url(../img/katei/culture/fv_02.jpg);
}

#fv_katei_culture .fv_3 {
  background-image: url(../img/katei/culture/fv_03.jpg);
}

#fv_katei_culture .fv_4 {
  background-image: url(../img/katei/culture/fv_04.jpg);
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */
.p_katei_culture {
  margin-bottom: 84px;
}

.p_katei_culture #intro {
  text-align: center;
}

.p_katei_culture #intro>div {
  padding-top: 40px;
}

.p_katei_culture #intro h2 {
  padding-bottom: 18px;
}

.p_katei_culture #intro p {
  width: 400px;
  margin: 0 auto;
  color: #A02456;
}

.p_katei_culture #intro nav {
  padding-top: 40px;
  padding-bottom: 20px;
}

.p_katei_culture #intro ul {
  font-size: 0;
}

.p_katei_culture #intro li {
  display: inline-block;
  width: 300px;
}

.p_katei_culture #intro li>a {
  color: #00284C;
  display: block;
  text-decoration: none;
  border-right: solid 1px #BBC5CF;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 0;
}

.p_katei_culture #intro li:first-child>a {
  border-left: solid 1px #BBC5CF;
}

.p_katei_culture #intro li>a:after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 4px;
  background: url(../img/common/arrow_org_dwn.png) no-repeat;
  background-size: cover;
  background-position: center center;
  vertical-align: middle;
}

/* ---------------------------------------------------------
 * shodo
** --------------------------------------------------------- */
.p_katei_culture #shodo {
  background: url(../img/katei/culture/shodo_bg.jpg) no-repeat left center / cover;
  height: auto;
  padding-top: 0;
  text-align: right;
}

@media screen and (max-width: 1270px) and (min-width: 767px) {
  .p_katei_culture #shodo {
    background: url(../img/katei/culture/shodo_bg.jpg) no-repeat left 60% center / cover;
    height: auto;
    padding-top: 0;
    text-align: right;
  }
}

.p_katei_culture #shodo>div {
  display: inline-block;
  margin: 30px 0;
  padding: 80px 50px 60px;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: left;
  width: 50%;
}

.p_katei_culture #shodo>div>div {
  width: 422px;
}

.p_katei_culture div>div p {
  line-height: 1.7;
}

.p_katei_culture #shodo h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.p_katei_culture .container {
  padding: 40px 0;
  font-size: 0;
}

.p_katei_culture .container>div {
  display: inline-block;
  vertical-align: top;
  background: #EBEEED;
  border-radius: 12px;
  height: 165px;
}

.p_katei_culture .container .text {
  display: inline-block;
  color: #00284C;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}

.p_katei_culture .container>.map {
  width: 170px;
  position: relative;
  padding-top: 36px;
  padding-left: 12px;
}

.p_katei_culture .container>.map>.image {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 150px;
  height: 145px;
  display: inline-block;
  background: url(../img/katei/culture/contents_map.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.p_katei_culture .container>.book {
  width: 240px;
  margin-left: 10px;
  padding-top: 20px;
}

.p_katei_culture .container>.book>.image {
  width: 88px;
  height: 120px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  vertical-align: middle;
}

.p_katei_culture #shodo .container>.book>.image {
  background-image: url(../img/katei/culture/contents_book_01.png);
}

.p_katei_culture #tanka .container>.book>.image {
  background-image: url(../img/katei/culture/contents_book_02.png);
}

@media screen and (max-width:1050px)and (min-width:767px) {
  .p_katei_culture #shodo>div {
    width: 65%;
  }
}

/* ---------------------------------------------------------
 * tanka
** --------------------------------------------------------- */
.p_katei_culture #tanka {
  background: url(../img/katei/culture/tanka_bg.jpg) no-repeat left -4% center/cover;
  height: auto;
}

.p_katei_culture #tanka>div {
  display: inline-block;
  margin: 30px 0;
  padding: 80px 50px 60px;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: right;
  width: 50%;
}

.p_katei_culture #tanka>div>div {
  text-align: left;
  width: 422px;
  margin: 0 0 0 auto;
}

.p_katei_culture #tanka h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.p_katei_culture #tanka .img {
  padding: 40px 0 30px 0;
}

.p_katei_culture #tanka .concours {
  padding-bottom: 10px;
}

.concours a img:hover {
  opacity: 0.8;
}

@media screen and (max-width:1050px)and (min-width:767px) {
  .p_katei_culture #tanka>div {
    width: 65%;
  }

  .p_houjin_lecture #list tbody td.area_main {
    width: 2%;
    padding: 0 1em;
  }

}

@media screen and (max-width: 767px) {
  #fv_katei_culture .fv_1 {
    background-image: url(../img/katei/culture/fv_01_sp.jpg);
  }

  #fv_katei_culture .fv_2 {
    background-image: url(../img/katei/culture/fv_02_sp.jpg);
  }

  #fv_katei_culture .fv_3 {
    background-image: url(../img/katei/culture/fv_03_sp.jpg);
  }

  #fv_katei_culture .fv_4 {
    background-image: url(../img/katei/culture/fv_04_sp.jpg);
  }

  .p_katei_culture #intro h2 {
    max-width: 90%;
    margin: 0 auto;
  }

  .p_katei_culture #intro p {
    width: 90%;
  }

  .p_katei_culture #intro li {
    width: 90%;
  }

  .p_katei_culture #intro li>a {
    border-right: none;
    border-bottom: solid 1px #BBC5CF;
    position: relative;
  }

  .p_katei_culture #intro li:first-child>a {
    border-left: none;
    border-top: solid 1px #BBC5CF;
  }

  .p_katei_culture #intro li>a:after {
    position: absolute;
    right: 0;
  }

  .p_katei_culture #shodo {
    text-align: center;
    background: url(../img/katei/culture/shodo_bg_sp.png) top 25% center;
    position: relative;
    height: 1274px;
  }

  .p_katei_culture #shodo>div {
    width: 95%;
    padding-left: 0;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 600px;
    padding: 20px 20px 60px;
  }

  .p_katei_culture #shodo h3 {
    padding-top: 20px;
    font-size: 16px;
  }

  .p_katei_culture #shodo>div>div {
    width: 100%;
    font-size: 16px;
  }

  .p_katei_culture #tanka {
    text-align: center;
    background: url(../img/katei/culture/tanka_bg_sp.png) top -370px left -20px no-repeat;
    position: relative;
    height: 1220px;
    margin: 60px 0 120px;
  }

  .p_katei_culture #tanka>div {
    text-align: left;
    padding-right: 0;
    width: 95%;
    background: rgba(255, 255, 255, .9);
    position: absolute;
    top: 500px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 20px;
    padding: 20px;
  }

  .p_katei_culture #tanka h3 {
    padding-top: 20px;
    font-size: 16px;
  }

  .p_katei_culture #tanka>div>div {
    width: 100%;
    font-size: 16px;
  }

  .p_katei_culture .container {
    padding: 20px 0;
  }

  .p_katei_culture .container>div {
    display: block;
    height: initial;
    border-radius: 4px;
  }

  .p_katei_culture .container .text {
    font-size: 16px;
    width: 68%;
  }

  @media screen and (max-width: 321px) {
    .p_katei_culture .container .text {
      width: 64%;
    }
  }

  .p_katei_culture .container>.map {
    width: 100%;
    padding: 10px 8px;
  }

  .p_katei_culture .container>.map>.image {
    position: static;
    width: 88px;
    height: 87px;
    vertical-align: middle;
  }

  .p_katei_culture .container>.book {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    padding: 10px 12px;
  }

  .p_katei_culture .container>.book>.image {
    width: 56px;
    height: 78px;
  }

  .p_katei_culture .container>.book>.text {
    padding-left: 8px;
  }
}

/** /katei/culture/shikinami_concours */
.p_katei_culture_shikinami_concours #cover {
  text-align: center;
  height: 400px;
  background-image: url(../img/katei/culture/shikinami_concours/cover.png);
  background-size: cover;
  background-position: center;
}

.p_katei_culture_shikinami_concours #cover h3 {
  padding-top: 210px;
  font-size: 42px;
  color: #fff;
  font-weight: bold;
}

.p_katei_culture_shikinami_concours .lead {
  padding: 40px 0;
  text-align: center;
  font-size: 16px;
  color: #00284C;
}

.p_katei_culture_shikinami_concours .detail {
  background-image: url(../img/katei/culture/shikinami_concours/bg_gray.png);
  background-size: cover;
  background-position: center center;
  padding: 60px 0;
}

.p_katei_culture_shikinami_concours .detail p {
  width: 700px;
  margin: 0 auto;
  color: #757575;
  font-size: 16px;
  text-align: justify;
  text-justify: distribute;
}

.p_katei_culture_shikinami_concours .tanka_list {
  max-width: 994px;
  margin: 0 auto;
  padding: 60px 0;
  text-align: center;
}

.p_katei_culture_shikinami_concours .tanka_list li {
  padding: 60px;
  position: relative;
}

.p_katei_culture_shikinami_concours .tanka_list li:not(:last-child):after {
  content: "";
  width: 46px;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: #00284C;
}

.p_katei_culture_shikinami_concours .tanka_list .name {
  font-size: 17px;
}

.p_katei_culture_shikinami_concours .tanka_list .school {
  line-height: 13px;
  font-size: 13px;
}

.p_katei_culture_shikinami_concours .tanka_list .tanka {
  font-family: 'リュウミン M-KL', 'Ryumin Medium KL', serif;
  font-size: 23px;
  margin-top: 20px;
  color: #00284C;
}

_:-ms-lang(x),
.p_katei_culture_shikinami_concours .tanka_list .tanka {
  transform: rotate(.1deg);
}

.p_katei_culture_shikinami_concours .shikishidai {
  padding: 100px 0;
  background-image: url(../img/katei/culture/shikinami_concours/bg.png);
}

.p_katei_culture_shikinami_concours .shikishidai>div {
  width: 700px;
  margin: 0 auto;
}

.p_katei_culture_shikinami_concours .shikishidai h3 {
  text-align: center;
  color: #fff;
  font-size: 18px;
  background-color: #00284C;
  border-radius: 5px;
  padding: 3px;
  letter-spacing: 0.5em;
}

.p_katei_culture_shikinami_concours .shikishidai dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
}

.p_katei_culture_shikinami_concours .shikishidai dl>* {
  height: 70px;
  border-bottom: 1px dotted #00284C;
}

.p_katei_culture_shikinami_concours .shikishidai dt {
  width: 25%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.p_katei_culture_shikinami_concours .shikishidai dt span {
  font-weight: bold;
}

.p_katei_culture_shikinami_concours .shikishidai dt:not(:first-child) {
  padding: 0 15px;
}

.p_katei_culture_shikinami_concours .shikishidai dd {
  width: 70%;
  display: flex;
  align-items: center;
  align-content: center;
}

@media screen and (max-width: 767px) {
  .p_katei_culture_shikinami_concours #cover {
    height: 70vw;
    background-image: url(../img/katei/culture/shikinami_concours/cover_sp.png);
  }

  .p_katei_culture_shikinami_concours #cover h3 {
    padding-top: 30vw;
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_katei_culture_shikinami_concours .lead {
    font-size: 20px;
  }

  .p_katei_culture_shikinami_concours .detail {
    padding: 40px 20px;
  }

  .p_katei_culture_shikinami_concours .detail p {
    width: auto;
    font-size: 16px;
  }

  .p_katei_culture_shikinami_concours .tanka_list {
    width: auto;
    padding: 0 0 60px;
  }

  .p_katei_culture_shikinami_concours .tanka_list li {
    padding: 60px 20px;
  }

  .p_katei_culture_shikinami_concours .tanka_list .name {
    font-size: 20px;
  }

  .p_katei_culture_shikinami_concours .tanka_list .school {
    line-height: 18px;
    font-size: 18px;
  }

  .p_katei_culture_shikinami_concours .shikishidai {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .p_katei_culture_shikinami_concours .shikishidai>div {
    width: auto;
  }

  .p_katei_culture_shikinami_concours .shikishidai h3 {
    font-size: 22px;
    font-weight: bold;
    border-radius: 0;
    padding: 8px;
  }

  .p_katei_culture_shikinami_concours .shikishidai dl {
    display: block;
    padding: 30px 20px;
  }

  .p_katei_culture_shikinami_concours .shikishidai dl>* {
    width: 100%;
    height: auto;
  }

  .p_katei_culture_shikinami_concours .shikishidai dt {
    display: block;
    border-bottom: none;
    font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
    font-size: 16px;
  }

  .p_katei_culture_shikinami_concours .shikishidai dt:not(:first-child) {
    padding: 0;
  }

  .p_katei_culture_shikinami_concours .shikishidai dd {
    font-size: 18px;
  }

  .p_katei_culture_shikinami_concours .shikishidai dd {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

/** /katei/culture/lecture/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */
.p_katei_lecture #cover {
  background: url(../img/katei/lecture/cover.png) no-repeat;
  background-position: center center;
  background-size: cover;
  height: 392px;
}

.p_katei_lecture #cover h2 {
  padding-top: 204px;
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 4px;
  line-height: 50px;
}

.p_katei_lecture #cover h2>small {
  font-size: 30px;
}

.p_katei_lecture .effectFadeUp_child {
  transition-duration: 0.6s;
}

/* ---------------------------------------------------------
 * map
** --------------------------------------------------------- */
.p_katei_lecture #map {
  background: #fff;
}

.p_katei_lecture #map>div {
  width: 801px;
  height: 690px;
  margin: 0 auto;
  background: url(../img/katei/lecture/map.png) no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.p_katei_lecture #map .area_select>a {
  display: inline-block;
  position: absolute;
  width: 91px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: none;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.p_katei_lecture #map .area1 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_hokkaido_off.png);
  top: 96px;
  left: 500px;
}

.p_katei_lecture #map .area1.active {
  background-image: url(../img/katei/lecture/map_btn_hokkaido_on.png);
}

.p_katei_lecture #map .area2 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_tohoku_off.png);
  top: 278px;
  left: 510px;
}

.p_katei_lecture #map .area2.active {
  background-image: url(../img/katei/lecture/map_btn_tohoku_on.png);
}

.p_katei_lecture #map .area3 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_kanto_off.png);
  top: 414px;
  left: 430px;
}

.p_katei_lecture #map .area3.active {
  background-image: url(../img/katei/lecture/map_btn_kanto_on.png);
}

.p_katei_lecture #map .area4 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_tokyo_off.png);
  top: 462px;
  left: 448px;
}

.p_katei_lecture #map .area4.active {
  background-image: url(../img/katei/lecture/map_btn_tokyo_on.png);
}

.p_katei_lecture #map .area5 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_chubu_off.png);
  top: 454px;
  left: 346px;
}

.p_katei_lecture #map .area5.active {
  background-image: url(../img/katei/lecture/map_btn_chubu_on.png);
}

.p_katei_lecture #map .area6 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_kinki_off.png);
  top: 524px;
  left: 320px;
}

.p_katei_lecture #map .area6.active {
  background-image: url(../img/katei/lecture/map_btn_kinki_on.png);
}

.p_katei_lecture #map .area7 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_chugoku_off.png);
  top: 470px;
  left: 200px;
}

.p_katei_lecture #map .area7.active {
  background-image: url(../img/katei/lecture/map_btn_chugoku_on.png);
}

.p_katei_lecture #map .area8 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_shikoku_off.png);
  top: 554px;
  left: 200px;
}

.p_katei_lecture #map .area8.active {
  background-image: url(../img/katei/lecture/map_btn_shikoku_on.png);
}

.p_katei_lecture #map .area9 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_kyushu_off.png);
  top: 614px;
  left: 74px;
}

.p_katei_lecture #map .area9.active {
  background-image: url(../img/katei/lecture/map_btn_kyushu_on.png);
}

.p_katei_lecture #map .area10 {
  background: transparent;
  background-image: url(../img/katei/lecture/map_btn_okinawa_off.png);
  top: 584px;
  left: 558px;
}

.p_katei_lecture #map .area10.active {
  background-image: url(../img/katei/lecture/map_btn_okinawa_on.png);
}

/* ---------------------------------------------------------
 * area
** --------------------------------------------------------- */

.p_katei_lecture .area {
  background: #EBECEE;
  position: relative;
}

.p_katei_lecture #area_hokkaido,
.p_katei_lecture #area_tohoku,
.p_katei_lecture #area_kanto,
.p_katei_lecture #area_chubu,
.p_katei_lecture #area_kinki,
.p_katei_lecture #area_chugoku,
.p_katei_lecture #area_shikoku,
.p_katei_lecture #area_kyushu,
.p_katei_lecture #area_okinawa {
  display: none;
}

.p_katei_lecture .area>div {
  padding-top: 90px;
  padding-bottom: 60px;
}

.p_katei_lecture #select_city {
  display: none;
}

.p_katei_lecture .area .name {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-image: url(../img/katei/lecture/ttl_place.png);
  width: 290px;
  height: 88px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
  letter-spacing: 8px;
}

.p_katei_lecture .area .container {
  width: 915px;
  margin: 0 auto;
}

.p_katei_lecture .area li {
  display: inline-block;
  width: 126px;
  text-align: center;
  border-right: solid 1px #C3CCD1;
  margin: 8px 0;
  position: relative;
}

.p_katei_lecture .area li:nth-child(7n+1) {
  border-left: solid 1px #C3CCD1;
}

.p_katei_lecture #area li:nth-child(7n+8):before {
  content: '';
  width: 908px;
  height: 1px;
  position: absolute;
  top: -8px;
  left: 0;
  border-top: solid 1px #C3CCD1;
}

.p_katei_lecture .area li>a {
  text-decoration: none;
  display: block;
  padding: 8px 0;
  color: #00284C;
  font-weight: bold;
}

.p_katei_lecture .area li>a:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 8px;
  background: url(../img/katei/lecture/arrow_down.png);
  margin-left: 4px;
}

/* ---------------------------------------------------------
 * list
** --------------------------------------------------------- */
.p_katei_lecture #list_hokkaido,
.p_katei_lecture #list_tohoku,
.p_katei_lecture #list_kanto,
.p_katei_lecture #list_chubu,
.p_katei_lecture #list_kinki,
.p_katei_lecture #list_chugoku,
.p_katei_lecture #list_shikoku,
.p_katei_lecture #list_kyushu,
.p_katei_lecture #list_okinawa {
  display: none;
}

.p_katei_lecture .list table {
  width: 984px;
  margin: 0 auto;
  padding: 90px 0 84px;
}

.p_katei_lecture .list thead {
  color: #fff;
}

.p_katei_lecture .list thead th {
  background: #00284C;
  padding: 8px 0;
  position: relative;
}

.p_katei_lecture .list thead th:after {
  content: '';
  border-right: solid 1px #fff;
  position: absolute;
  top: 8px;
  right: 0;
  width: 1px;
  height: 26px;
}

.p_katei_lecture .list thead th:last-child:after {
  display: none;
}

.p_katei_lecture .list thead th:first-child {
  border-radius: 8px 0 0 8px;
}

.p_katei_lecture .list thead th:last-child {
  border-radius: 0 8px 8px 0;
}

.p_katei_lecture .list .areaname {
  width: 102px;
}

.p_katei_lecture .list .venue {
  width: 116px;
}

.p_katei_lecture .list .address {
  width: 620px;
}

.p_katei_lecture .list .map {
  width: 136px;
}

.p_katei_lecture .list tbody tr {
  height: 64px;
}

.p_katei_lecture .list tbody td {
  color: #00284C;
  text-align: center;
  padding-top: 20px;
  position: relative;
  /* border-bottom: solid 1px #3E5E77; */
}

.p_katei_lecture .list tbody td.areaname:after,
.p_katei_lecture .list tbody td.venue:after,
.p_katei_lecture .list tbody td.address:after,
.p_katei_lecture .list tbody td.map:after {
  content: '';
  border-bottom: solid 1px #3E5E77;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.p_katei_lecture .list tbody td.areaname:after {
  width: 95px;
  right: initial;
}

.p_katei_lecture .list tbody td.venue:after {
  width: 101px;
}

.p_katei_lecture .list tbody td.address:after {
  width: 618px;
  left: initial;
}

.p_katei_lecture .list tbody td.map:after {
  width: 100%;
}

.p_katei_lecture .list tbody td.address {
  text-align: left;
  padding-left: 2em;
}

.p_katei_lecture .list tbody td.map {
  padding-top: 0;
  vertical-align: middle;
}

@media screen and (max-width:1050px)and (min-width:767px) {
  .p_katei_lecture .list table {
    width: 98%;
  }

  .p_katei_lecture .list .areaname {
    width: 15%;
  }

  .p_katei_lecture .list .venue {
    width: 15%;
  }

  .p_katei_lecture .list .address {
    width: 50%;
  }

  .p_katei_lecture .list .map {
    width: 20%;
  }

  .p_katei_lecture .list tbody td.areaname:after,
  .p_katei_lecture .list tbody td.venue:after,
  .p_katei_lecture .list tbody td.address:after,
  .p_katei_lecture .list tbody td.map:after {
    border-bottom: none;
  }

  .p_katei_lecture .list tbody td.areaname,
  .p_katei_lecture .list tbody td.venue,
  .p_katei_lecture .list tbody td.address,
  .p_katei_lecture .list tbody td.map {
    border-bottom: solid 1px #3E5E77;
  }
}


@media screen and (max-width: 767px) {
  .p_katei_lecture {
    font-size: 4vw;
  }

  .p_katei_lecture #cover {
    height: 70vw;
    background-image: url(../img/katei/lecture/cover_sp.png);
  }

  .p_katei_lecture #cover h2 {
    padding-top: 30vw;
    font-size: 8vw;
    letter-spacing: 4px;
    line-height: initial;
  }

  .p_katei_lecture #cover h2>small {
    font-size: 6vw;
    letter-spacing: 0;
  }

  .p_katei_lecture #map>div {
    width: 100%;
    height: initial;
    background-image: url(../img/katei/lecture/map_sp.png);
    background-size: 61px 80px;
    background-position: top left;
  }

  .p_katei_lecture #map p {
    color: #00284C;
    display: block;
    text-align: center;
    padding: 20px 0;
  }

  .p_katei_lecture #map .area_select {
    font-size: 0;
    width: 274px;
    padding-top: 0;
    padding-bottom: 20px;
    margin: 0 auto;
  }

  .p_katei_lecture .area {
    background: #fff;
  }

  .p_katei_lecture .area>div {
    padding-top: 0;
    padding-bottom: 0;
  }

  .p_katei_lecture #map .area_select {
    width: 96vw;
    margin: 0 auto;
  }

  .p_katei_lecture #map .area_select>a {
    position: static;
    color: #FF3B01;
    font-size: 16px;
    text-decoration: none;
    background: #fff;
    border-bottom: solid 1px #FF3B01;
    border-right: solid 1px #FF3B01;
    width: 32vw;
    height: initial;
  }

  .p_katei_lecture #map .area_select>a:nth-child(3n + 1) {
    border-left: solid 1px #FF3B01;
  }

  .p_katei_lecture #map .area_select>a:nth-child(-n + 3) {
    border-top: solid 1px #FF3B01;
  }

  .p_katei_lecture #map .area_select>a.active {
    background: #FF3B01;
    color: #fff;
  }

  .p_katei_lecture #map .area_select>a>span {
    display: block;
    position: relative;
    font-weight: bold;
    padding: 4px 8px;
  }

  .p_katei_lecture #map .area_select>a>span:after {
    content: '';
    display: inline-block;
    background: url(../img/common/arrow_off.png) no-repeat;
    background-size: cover;
    width: 14px;
    height: 9px;
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .p_katei_lecture #map .area_select>a.active>span:after {
    background-image: url(../img/common/arrow_on.png);
  }

  .p_katei_lecture .area .name {
    position: static;
    background-image: url(../img/katei/lecture/ttl_place_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 100%;
    height: initial;
    padding-top: 28px;
    padding-bottom: 40px;
  }

  .p_katei_lecture .area .head {
    background: #6E96B0;
  }

  .p_katei_lecture .area .acc {
    text-align: center;
  }

  .p_katei_lecture .area .acc>label {
    display: block;
    color: #fff;
    padding: 12px 0;
  }

  .p_katei_lecture .area .acc>label:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 17px;
    height: 12px;
    background: url(../img/common/arrow_choice_main_down.png) no-repeat;
    background-size: cover;
    background-position: center;
  }

  .p_katei_lecture .area .container {
    width: 90%;
    display: none;
  }

  .p_katei_lecture .area .close {
    display: block;
    padding: 20px 0;
  }

  .p_katei_lecture .area .acc>label.selected:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 17px;
    height: 12px;
    background: url(../img/common/arrow_choice_main_up.png) no-repeat;
    background-size: cover;
    background-position: center;
  }

  .p_katei_lecture .area li {
    width: 32%;
  }

  .p_katei_lecture .area li:nth-child(7n+1) {
    border-left: none;
  }

  .p_katei_lecture .area li:nth-child(3n+1) {
    border-left: solid 1px #C3CCD1;
  }

  .p_katei_lecture .area li:nth-child(7n+8):before {
    display: none;
  }

  .p_katei_lecture .area li:nth-child(3n+4):before {
    content: '';
    width: 88vw;
    height: 1px;
    position: absolute;
    top: -8px;
    left: 0;
    border-top: solid 1px #C3CCD1;
  }

  .p_katei_lecture .list {
    background: #EBECEE;
  }

  .p_katei_lecture .list table {
    width: 90%;
    display: block;
    padding: 0;
    padding-bottom: 20px;
  }

  .p_katei_lecture .list tr,
  .p_katei_lecture .list td,
  .p_katei_lecture .list tbody {
    display: block;
    width: 100%;
  }

  .p_katei_lecture .list tbody tr {
    height: initial;
  }

  .p_katei_lecture .list tbody td {
    border: none;
    padding-top: 0;
  }

  .p_katei_lecture .list tbody td.areaname:after,
  .p_katei_lecture .list tbody td.venue:after,
  .p_katei_lecture .list tbody td.address:after,
  .p_katei_lecture .list tbody td.map:after {
    display: none;
  }

  .p_katei_lecture .list .areaname {
    color: #00284C;
    text-align: center;
    font-weight: bold;
    width: 100%;
    padding-top: 20px;
  }

  .p_katei_lecture .list .venue {
    width: 100%;
    color: #fff;
    background: #00284C;
    margin-top: 10px;
    text-align: left;
    padding: 8px 16px;
  }

  .p_katei_lecture .list .venue:before {
    content: '会場名：';
  }

  .p_katei_lecture .list .address {
    width: 100%;
    background: #fff;
  }

  .p_katei_lecture .list tbody td.address {
    padding: 4px 24px;
  }

  .p_katei_lecture .list .map {
    width: 100%;
    background: #fff;
  }

  .p_katei_lecture .list tbody td.map {
    padding: 10px 0;
  }

  .p_katei_lecture .list tbody .map img {
    width: 223px;
    height: 41px;
  }
}

/** /news/index */

/* ---------------------------------------------------------
 * p_news_list
** --------------------------------------------------------- */

.p_news_list #cover {
  text-align: center;
  height: 300px;
}

.p_news_list #cover>div {
  padding-top: 200px;
}

.p_news_list #cover>div h2 {
  font-size: 24px;
}

.p_news_list .link_list {
  display: flex;
  justify-content: center;
}

.p_news_list .link_list>li {
  border-right: 1px solid rgba(0, 40, 76, 0.27);
  text-align: center;
}

.p_news_list .link_list>li:first-child {
  border-left: 1px solid rgba(0, 40, 76, 0.27);
}

.p_news_list #pick_up {
  margin-top: 40px;
  padding-top: 80px;
  padding-bottom: 50px;
  background-image: linear-gradient(to bottom, rgba(160, 174, 170, 0.2) 0px, rgba(221, 227, 229, 0) 130px);
  background-position: top center;
}

.p_news_list #pick_up .container {
  width: 90%;
  max-width: 930px;
  min-width: 679px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.p_news_list #pick_up h3 {
  margin-bottom: 40px;
  width: 100%;
}

.p_news_list #pick_up .event_box {
  vertical-align: top;
  margin-bottom: 30px;
  height: auto;
}

.p_news_list .news_press {
  background-color: #E2E8E7;
  padding: 20px 0;
}

.p_news_list .news_press>section {
  background-color: #fff;
  border-radius: 20px;
  width: 90%;
  max-width: 980px;
  min-width: 679px;
  margin: 50px auto;
  padding: 70px 10% 100px;
}

.p_news_list .news_press h3 {
  text-align: center;
}

.p_news_list .seireki_list {
  padding: 80px 0 100px;
  text-align: center;
}

.p_news_list .seireki_list ul {
  display: flex;
  justify-content: center;
}

.p_news_list .seireki_list li {
  border: 1px solid #FF3B00;
  border-radius: 20px;
  margin: 0 10px;
  background-image: url(../img/common/arrow_orange_r.png);
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.p_news_list .seireki_list a {
  display: block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-decoration: none;
  color: #FF3B00;
}

.p_news_list .seireki_list li:hover,
.p_news_list .seireki_list li.selected {
  background-color: #FF3B00;
  background-image: url(../img/common/arrow_white_r.png);
}

.p_news_list .seireki_list li:hover a,
.p_news_list .seireki_list li.selected a {
  color: #fff;
}

/* ---------------------------------------------------------
 * p_news_list SP
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_news_list #cover {
    text-align: left;
    height: 200px;
    padding-left: 50px;
  }

  .p_news_list #cover>div {
    padding-top: 150px;
  }

  .p_news_list .link_list {
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  .p_news_list .link_list>li {
    border-right: none;
    border-bottom: 1px solid rgba(0, 40, 76, 0.27);
  }

  .p_news_list .link_list>li:first-child {
    border-left: none;
    border-top: 1px solid rgba(0, 40, 76, 0.27);
  }

  .p_news_list #pick_up {
    padding-top: 40px;
  }

  .p_news_list #pick_up .container {
    min-width: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .p_news_list #pick_up h3 {
    width: 70%;
    margin: 0 auto 30px;
  }

  .p_news_list #pick_up .event_box {
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;
  }

  .p_news_list .news_press>section {
    min-width: 0;
    width: 90%;
    padding: 30px 20px 60px;
  }

  .p_news_list .news_press h3 {
    width: 70%;
    margin: 0 auto;
  }

  .p_news_list .seireki_list {
    padding: 60px 0;
  }

  .p_news_list .seireki_list ul {
    display: block;
  }

  .p_news_list .seireki_list li {
    width: 60%;
    border-radius: 30px;
    margin: 0 auto 20px;
    background-image: url(../img/common/arrow_orange_r_sp.png);
    background-size: 7px 13px;
    text-align: center;
  }

  .p_news_list .seireki_list a {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
  }

  .p_news_list .seireki_list li:hover,
  .p_news_list .seireki_list li.selected {
    background-image: url(../img/common/arrow_white_r_sp.png);
  }
}

/** /news/detail */
.p_news_detail {
  padding: 150px 0 100px;
  margin-bottom: 50px;
  background-color: #E2E8E7;
}

.p_news_detail #main_contents {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding: 50px 150px;
  border-radius: 35px;
}

.p_news_detail .detail_title {
  color: #00284C;
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0 10px;
  margin-bottom: 50px;
  border-bottom: 1px solid #CBCBCB;
}

.p_news_detail .news_release {
  margin-top: 0;
}

.p_news_detail .user_input_content {
  font-size: 16px;
  line-height: 1.6em;
}

.p_news_detail .user_input_content h1 {
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 10px;
}

.p_news_detail .user_input_content h2 {
  font-size: 22px;
  line-height: 27px;
  font-weight: bold;
  margin-bottom: 10px;
}

.p_news_detail .user_input_content h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.p_news_detail .user_input_content table {
  border-collapse: collapse;
  width: 100%;
}

.p_news_detail .user_input_content th,
.p_news_detail .user_input_content td {
  border: 1px solid #666;
  padding: 7px 10px;
}

.p_news_detail .user_input_content ol,
.p_news_detail .user_input_content ul {
  padding-left: 2em;
}

.p_news_detail .user_input_content br.sp {
  display: none;
}

.p_news_detail .user_input_content .blue {
  color: #036;
}

.p_news_detail .user_input_content .black {
  color: #000;
}

.p_news_detail .user_input_content .bold {
  /*font-family: 'Roboto', "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
}

.p_news_detail .user_input_content .alignleft {
  float: left;
  margin-right: 20px;
}

.p_news_detail .user_input_content .alignright {
  float: right;
  margin-left: 20px;
}

.p_news_detail .user_input_content .aligncenter {
  display: block;
  margin: 0 auto;
}

.p_news_detail .user_input_content .wp-caption-text {
  font-size: 14px;
  line-height: 22px;
  margin-top: 15px;
}

.p_news_detail .user_input_content .flex {
  display: flex;
  justify-content: space-between;
}

.p_news_detail .user_input_content .flex>* {
  width: 100%;
}

.p_news_detail .user_input_content .flex>*:not(:last-child) {
  margin-right: 15px;
}

.p_news_detail .user_input_content .flex.border>* {
  margin-right: 0;
  padding: 5px 10px;
  border: 1px solid #666;
  border-right: none;
}

.p_news_detail .user_input_content .flex.border>*:last-child {
  border-right: 1px solid #666;
}

.p_news_detail .user_input_content .shadow {
  box-shadow: 3px 3px 15px #999;
}

.p_news_detail .list_link {
  display: block;
}

.p_news_detail .list_link a {
  display: block;
  width: 33%;
  margin: 50px auto 0;
  padding: 5px 20px;
  border-left: 1px solid rgba(0, 40, 76, 0.27);
  border-right: 1px solid rgba(0, 40, 76, 0.27);
  text-align: center;
  text-decoration: none;
  color: #00284C;
}

.p_news_detail .list_link a:hover {
  text-decoration: underline;
}

.p_news_detail .list_link a img {
  margin-right: 5px;
  vertical-align: middle;
}

.p_news_detail #link_pdf {
  width: 980px;
  margin: 30px auto 0;
}

.p_news_detail #link_pdf h2 {
  margin-bottom: 20px;
}

.p_news_detail #link_pdf>div {
  background-color: #fff;
  padding: 20px 30px;
  margin-bottom: 10px;
  border-radius: 35px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p_news_detail .item_title {
  width: 60%;
}

.p_news_detail .link .item_title {
  color: #00284C;
}

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

  .p_news_detail #main_contents {
    padding: 50px;
  }

  .p_news_detail #link_pdf {
    max-width: 980px;
    width: 100%;
  }

  .p_news_detail .item_title {
    margin-left: 2%;
  }

}

@media screen and (max-width: 767px) {
  .p_news_detail #main_contents {
    width: 94%;
    padding: 50px 20px;
  }

  .p_news_detail .detail_title {
    font-size: 26px;
  }

  .p_news_detail .user_input_content {
    font-size: 18px;
  }

  .p_news_detail .user_input_content h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
  }

  .p_news_detail .user_input_content h2 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
  }

  .p_news_detail .user_input_content h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
  }

  .p_news_detail .user_input_content br.sp {
    display: block;
  }

  .p_news_detail .user_input_content br.pc {
    display: none;
  }

  .p_news_detail .user_input_content .aligncenter,
  .p_news_detail .user_input_content .alignright,
  .p_news_detail .user_input_content .alignleft {
    max-width: 100%;
  }

  .p_news_detail .user_input_content .alignleft {
    float: none;
    margin-right: 0;
    display: block;
  }

  .p_news_detail .user_input_content .alignright {
    float: none;
    margin-left: 0;
    display: block;
  }

  .p_news_detail .user_input_content .flex {
    display: block;
  }

  .p_news_detail .user_input_content .flex>*:not(:last-child) {
    margin-right: 0;
    border-bottom: none !important;
  }

  .p_news_detail .user_input_content .flex.border>* {
    border-right: 1px solid #666;
  }

  .p_news_detail .list_link a {
    width: 200px;
  }

  .p_news_detail #link_pdf {
    width: 94%;
    margin-top: 50px;
  }

  .p_news_detail #link_pdf h2 img {
    width: 50%;
  }

  .p_news_detail #link_pdf>div {
    margin-bottom: 20px;
    display: block;
    text-align: center;
  }

  .p_news_detail #link_pdf>div>img.sp {
    width: 20%;
  }

  .p_news_detail .item_title {
    width: 100%;
    margin: 10px 0;
    font-size: 18px;
  }

  .p_news_detail .item_title+a img {
    width: 80%;
  }
}

/** /earth/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */
.p_earth {
  margin-bottom: 84px;
}

.p_earth #cover {
  text-align: center;
  height: 390px;
  background: url(../img/earth/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth #cover>div {
  padding-top: 220px;
}

.p_earth #cover h2 {
  color: #fff;
}

.p_earth h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}

.p_earth p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
  margin-top: 8px;
}

.p_earth #book,
.p_about_jr #book,
.p_about_jr_article #book {
  background: -moz-linear-gradient(top, rgba(170, 174, 170, 1) 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(170, 174, 170, 1) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(170, 174, 170, 1) -60%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(170, 174, 170, 1) 160%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(170, 174, 170, 1) -60%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, rgba(170, 174, 170, 1) 160%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0aeaa', endColorstr='#a0aeaa', GradientType=0);
  /* IE6-9 */
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_earth #intro>div {
  padding-top: 40px;
  padding-bottom: 24px;
}

.p_earth #intro p {
  color: #00284C;
  font-size: 16px;
  text-align: center;
}

/* ---------------------------------------------------------
 * practice
** --------------------------------------------------------- */

.p_earth #practice {
  background: #E7E9E8;
}

.p_earth #practice>div {
  padding-top: 40px;
  text-align: center;
}

.p_earth #practice>div h3 {
  width: 95%;
  max-width: 400px;
  margin: 0 auto;
}

.p_earth #practice .box_container {
  max-width: 1000px;
  font-size: 0;
  margin: 30px auto 20px;
}

.p_earth #practice .img_box {
  display: inline-block;
  width: 190px;
  height: 190px;
  text-align: center;
  background: #fff;
  padding-top: 30px;
  border-radius: 8px;
  margin: 5px;
}

.p_earth #practice .img_box .text {
  color: #00284C;
  font-size: 16px;
  font-weight: bold;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  margin-top: 20px;
  transform: rotate(.1deg);
}

.p_earth #practice .img_box .text:before {
  content: '[';
  font-weight: normal;
}

.p_earth #practice .img_box .text:after {
  content: ']';
  font-weight: normal;
}

.p_earth #practice p {
  width: 694px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 60px;
}

@media screen and (max-width: 799px) and (min-width: 768px) {
  .p_earth #practice>div .img_box:nth-child(10) {
    margin-right: 405px;
  }
}

/* ---------------------------------------------------------
 * earth-forest-cont
** --------------------------------------------------------- */

.p_earth #earth-forest-cont>div {
  text-align: center;
  margin: 0 0;
  background: url(../img/earth/mori_bg.jpg) no-repeat center bottom / cover;
  padding: 30px 0;
}

.p_earth #earth-forest-cont h3 {
  font-size: 24px;
  font-weight: bold;
}

.p_earth #earth-forest-cont .report_list {
  font-size: 0;
}

.p_earth #earth-forest-cont .panel {
  background: rgba(255, 255, 255, .75);
  max-width: 984px;
  margin: 0 auto;
  padding: 80px 0 60px;
}


.p_earth #earth-forest-cont .report_list h4 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-top: 100px;
}

.p_earth #earth-forest-cont .report_list h4>span {
  font-weight: bold;
}

.p_earth #earth-forest-cont .report_list h4>span:before {
  content: '[';
  font-weight: normal;
  margin-right: 10px;
}

.p_earth #earth-forest-cont .report_list h4>span:after {
  content: ']';
  font-weight: normal;
  margin-left: 10px;
}

.p_earth #earth-forest-cont .report_list>div {
  display: inline-block;
  width: 270px;
  height: 270px;
  position: relative;
  margin: 0 5px 40px;
}

.p_earth #earth-forest-cont .report_list .bottom_fix {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}

.p_earth #earth-forest-cont .report1 {
  background-image: url(../img/earth/activity_bg_01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth #earth-forest-cont .report2 {
  background-image: url(../img/earth/activity_bg_02.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* ---------------------------------------------------------
 * prize
** --------------------------------------------------------- */

.p_earth #prize>div {
  margin: 0 0 60px;
  padding: 90px 0;
  text-align: center;
  background: url(../img/earth/award_bg.jpg) top center;
  background-size: cover;
}

.p_earth #prize .panel {
  background: rgba(255, 255, 255, .9);
  max-width: 984px;
  width: 100%;
  margin: 0 auto;
  padding: 80px 0 100px;
}

.p_earth #prize h3 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

.p_earth #prize .prize_list {
  max-width: 984px;
  width: 100%;
  font-size: 0;
}

.p_earth #prize .prize_list>div {
  display: inline-block;
  vertical-align: top;
  width: 270px;
  height: 270px;
  position: relative;
  margin: 0 10px;
}

@media screen and (max-width:1050px) and (min-width:768px) {
  .p_earth #prize .prize_list>div:last-child {
    margin-top: 20px;

  }
}

.p_earth #prize .prize1 {
  background-image: url(../img/earth/award_content_bg_01.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth #prize .prize2 {
  background-image: url(../img/earth/award_content_bg_02.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth #prize .prize3 {
  background-image: url(../img/earth/award_content_bg_03.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth #prize h4 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-top: 110px;
  letter-spacing: 0.1em;
}

.p_earth #prize .prize3 h4 {
  margin-top: 100px;
}

.p_earth #prize .prize_list .bottom_fix {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}

/* ---------------------------------------------------------
 * scholarship
** --------------------------------------------------------- */

.p_earth #scholarship>div {
  margin: 60px 0;
  text-align: center;
}

.p_earth #scholarship h3 {
  font-size: 24px;
  font-weight: bold;
}

.p_earth #scholarship .bg {
  background-image: url(../img/earth/scholarship_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  max-width: 896px;
  height: 238px;
  margin: 0 auto;
}

.p_earth #scholarship .bg>div {
  padding-top: 100px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_earth #cover {
    height: 70vw;
  }

  .p_earth #cover>div {
    padding-top: 30vw;
  }

  .p_earth #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  /* ---------------------------------------------------------
  * practice SP
  ** --------------------------------------------------------- */
  .p_earth #practice .box_container {
    width: 100%;
  }

  .p_earth #practice .img_box {
    width: 45vw;
    height: 45vw;
  }

  .p_earth #practice .img_box .text {
    margin-top: 1vw;
    font-size: 4vw;
  }

  .p_earth #practice p {
    width: 90%;
  }

  /* ---------------------------------------------------------
  * practice SP
  ** --------------------------------------------------------- */
  .p_earth #prize .panel {
    width: 90%;
    height: initial;
    padding-bottom: 20px;
  }

  .p_earth #prize .prize_list {
    width: initial;
  }

  .p_earth #prize .prize_list>div {
    margin-bottom: 10px;
  }

  /* ---------------------------------------------------------
  * scholarship SP
  ** --------------------------------------------------------- */
  .p_earth #scholarship .bg {
    width: 100%;
  }

  .p_earth #scholarship .bg .link {
    width: 80%;
    margin: 0 auto;
  }

  .p_earth #earth-forest-cont .report_list .bottom_fix {
    width: 80%;
    margin: 0 auto;
  }

  .p_earth #prize .prize_list .bottom_fix {
    width: 80%;
    margin: 0 auto;
  }
}

/** /earth/report/report01 */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_earth_report01 #cover {
  text-align: center;
  height: 390px;
  background: url(../img/earth/report/cover01.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_report01 #cover>div {
  padding-top: 200px;
}

.p_earth_report01 #cover h2,
.p_earth_report01 #cover h2 span {
  color: #fff;
}

.p_earth_report01 #cover h2 span:before {
  content: '[';
  margin-right: 10px;
}

.p_earth_report01 #cover h2 span:after {
  content: ']';
  margin-left: 10px;
}

/* ---------------------------------------------------------
 * map
** --------------------------------------------------------- */

.p_earth_report01 #map>div {
  padding: 20px 0;
}

.p_earth_report01 #map .container {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.p_earth_report01 #map .container p {
  margin: 20px 0;
  text-align: justify;
  text-justify: distribute;
  line-height: 1.8;
}

/* ---------------------------------------------------------
 * history
** --------------------------------------------------------- */

.p_earth_report01 #history {
  background: #E7E9E8;
}

.p_earth_report01 #history>div {
  margin: 0;
  padding: 0;
  padding-bottom: 80px;
  text-align: center;
}

.p_earth_report01 #history .arrow {
  height: 38px;
  background: url(../img/earth/report/section_arrow.png) no-repeat;
  background-size: unset;
  background-position: center bottom;
}

.p_earth_report01 #history h3 {
  color: #00284C;
  font-size: 24px;
  font-weight: bold;
  margin: 30px 0 20px;
  letter-spacing: 0.1em;
}

.p_earth_report01 #history .table {
  display: table;
  margin: 0 auto;
  border-top: 1px solid #3C5A76;
  border-bottom: 1px solid #3C5A76;
  border-collapse: separate;
  border-spacing: 24px 0;
  line-height: 1.8;
}

.p_earth_report01 #history .tr {
  display: table-row;
}

.p_earth_report01 #history .td,
.p_earth_report01 #history .th {
  display: table-cell;
  vertical-align: middle;
  border-top: 1px solid #96A6B5;
}

.p_earth_report01 #history .tr:first-child .td,
.p_earth_report01 #history .tr:first-child .th {
  border: none;
}

.p_earth_report01 #history .td {
  text-align: left;
}

.p_earth_report01 #history .th {
  width: 160px;
  padding: 20px 0;
  font-weight: bold;
}

/* ---------------------------------------------------------
 * photo
** --------------------------------------------------------- */

.p_earth_report01 #photo {
  height: 540px;
  background: url(../img/earth/report/image_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
  text-align: center;
  position: relative;
}

@media screen and (min-width:1200px) {
  .p_earth_report01 #photo {
    background-position: left bottom;
  }
}

.p_earth_report01 #photo .title {
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
  color: #fff;
  background: #00284C;
  font-size: 16px;
  font-weight: bold;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  width: 400px;
  margin: 0 auto;
  padding: 12px 0;
  border-radius: 24px;
  transform: rotate(.1deg);
}

.p_earth_report01 #photo .title:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0;
  border-color: #00284C transparent transparent;
}

/* ---------------------------------------------------------
 * prize
** --------------------------------------------------------- */

.p_earth_report01 #prize>div {
  padding: 80px 0;
}

.p_earth_report01 #prize .container {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
}

.p_earth_report01 #prize .photo {
  font-size: 13px;
  width: 687px;
  margin: 0 auto 10px;
}

.p_earth_report01 #prize .figcaption {
  margin-top: 10px;
}

.p_earth_report01 #prize p {
  margin-top: 30px;
  line-height: 1.8;
}

/* ---------------------------------------------------------
 * report
** --------------------------------------------------------- */

.p_earth_report01 #report {
  background: #E7E9E8;
}

.p_earth_report01 #report>div {
  padding: 60px 0;
  text-align: center;
}

.p_earth_report01 #report h3 {
  font-size: 24px;
  font-weight: bold;
}

.p_earth_report01 #report .report_list {
  margin-top: 10px;
  font-size: 0;
}

.p_earth_report01 #report .report_list>a {
  display: inline-block;
  width: 327px;
  height: 191px;
  position: relative;
  margin: 10px 15px;
  text-decoration: none;
}

.p_earth_report01 #report .report1:before {
  background: url(../img/earth/report/mori01_bg_01.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_report01 #report .report1:hover:before {
  background: url(../img/earth/report/mori02_bg_01.png) no-repeat;
  background-size: cover;
  background-position: center center;
  transform: scale(1.15);
}

.p_earth_report01 #report .report2:before {
  background: url(../img/earth/report/mori01_bg_02_h.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_report01 #report .report2:hover:before {
  background: url(../img/earth/report/mori01_bg_02.png) no-repeat;
  background-size: cover;
  background-position: center center;
  transform: scale(1.15);
}


.p_earth_report01 #report .report_list h4 {
  font-size: 20px;
  color: #fff;
  margin-top: 50px;
  font-weight: bold;
  letter-spacing: 3px;
}

.p_earth_report01 #report .bottom_fix {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  body {
    /*font-family: 'Roboto', "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", sans-serif;*/
  }

  .p_earth_report01 #cover {
    height: 70vw;
  }

  .p_earth_report01 #cover>div {
    padding-top: 30vw;
  }

  .p_earth_report01 #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_earth_report01 #cover h2>span {
    font-size: 6vw;
    letter-spacing: 0;
  }

  /* ---------------------------------------------------------
 * map SP
** --------------------------------------------------------- */
  .p_earth_report01 #map .container {
    width: 90%;
  }

  /* ---------------------------------------------------------
 * history SP
** --------------------------------------------------------- */
  .p_earth_report01 #history {
    background: #E7E9E8;
  }

  .p_earth_report01 #history .table {
    display: block;
    width: 90%;
  }

  .p_earth_report01 #history .tr {
    display: block;
    border-top: 1px solid #96A6B5;
    padding: 20px 0;
  }

  .p_earth_report01 #history .tr:first-child {
    border: none;
  }

  .p_earth_report01 #history .th {
    width: initial;
    text-align: left;
    display: block;
    padding: 0;
    border: none;
  }

  .p_earth_report01 #history .td {
    display: block;
    border: none;
  }

  /* ---------------------------------------------------------
  * history SP
  ** --------------------------------------------------------- */
  .p_earth_report01 #photo {
    height: 357px;
  }

  .p_earth_report01 #photo .title {
    width: 90%;
  }

  /* ---------------------------------------------------------
  * prize SP
  ** --------------------------------------------------------- */
  .p_earth_report01 #prize .photo {
    font-size: 13px;
    width: 100%;
  }

  .p_earth_report01 #prize>div {
    padding: 40px 0;
  }

  .p_earth_report01 #prize .container {
    width: 90%;
  }
}

/** /earth/report/report02 */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_earth_report02 #cover {
  text-align: center;
  height: 390px;
  background: url(../img/earth/report/cover02.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_report02 #cover>div {
  padding-top: 200px;
}

.p_earth_report02 #cover h2,
.p_earth_report02 #cover h2 span {
  color: #fff;
}

.p_earth_report02 #cover h2 span:before {
  content: '[';
  margin-right: 10px;
}

.p_earth_report02 #cover h2 span:after {
  content: ']';
  margin-left: 10px;
}

/* ---------------------------------------------------------
 * map
** --------------------------------------------------------- */

.p_earth_report02 #map>div {
  padding: 20px 0;
}

.p_earth_report02 #map .container {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 30px;
}

.p_earth_report02 #map .container p {
  margin: 20px 0;
  text-align: justify;
  text-justify: distribute;
  line-height: 1.8;
}

/* ---------------------------------------------------------
 * photo
** --------------------------------------------------------- */

.p_earth_report02 #photo {
  height: 540px;
  background: url(../img/earth/report/ulaanbuh_pic.png) no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
  position: relative;
}

.p_earth_report02 #photo .title {
  position: absolute;
  top: -24px;
  left: 0;
  right: 0;
  color: #fff;
  background: #00284C;
  font-size: 16px;
  font-weight: bold;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  width: 400px;
  margin: 0 auto;
  padding: 12px 0;
  border-radius: 24px;
  transform: rotate(.1deg);
}

.p_earth_report02 #photo .title:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0;
  border-color: #00284C transparent transparent;
}

/* ---------------------------------------------------------
 * photos
** --------------------------------------------------------- */
/*
.p_earth_report02 #photos>div {
  padding: 60px 0;
}

.p_earth_report02 #photos .container {
  width: 720px;
  margin: 0 auto;
  font-size: 0;
}

.p_earth_report02 #photos .container>div {
  display: inline-block;
  vertical-align: top;
  margin: 10px 5px;
}

.p_earth_report02 #photos .text {
  margin-top: 5px;
  font-size: 12px;
}
*/
/* ---------------------------------------------------------
 * cat
** --------------------------------------------------------- */

.p_earth_report02 #cat {
  text-align: center;
}

.p_earth_report02 #cat>div {
  margin: 0 auto;
  padding: 70px 0;
  width: 710px;
  text-align: left;
  font-size: 0;
}

.p_earth_report02 #cat .box {
  color: #fff;
  display: inline-block;
  width: 224px;
  height: 169px;
  position: relative;
  margin: 10px 5px;
  cursor: pointer;
  text-align: center;
}

.p_earth_report02 #cat .box.box1,
.p_earth_report02 #cat .box.box2,
.p_earth_report02 #cat .box.box3,
.p_earth_report02 #cat .box.box4,
.p_earth_report02 #cat .box.box5,
.p_earth_report02 #cat .box.box6,
.p_earth_report02 #cat .box.box7,
.p_earth_report02 #cat .box.box8,
.p_earth_report02 #cat .box.box9 {
  overflow: hidden;
  border-radius: 10px;
}

.p_earth_report02 #cat .box.box1:before,
.p_earth_report02 #cat .box.box2:before,
.p_earth_report02 #cat .box.box3:before,
.p_earth_report02 #cat .box.box4:before,
.p_earth_report02 #cat .box.box5:before,
.p_earth_report02 #cat .box.box6:before,
.p_earth_report02 #cat .box.box7:before,
.p_earth_report02 #cat .box.box8:before,
.p_earth_report02 #cat .box.box9:before {
  content: " ";
  background-size: cover;
  background-position: center center;
}

.p_earth_report02 #cat .box.box1:hover:before,
.p_earth_report02 #cat .box.box2:hover:before,
.p_earth_report02 #cat .box.box3:hover:before,
.p_earth_report02 #cat .box.box4:hover:before,
.p_earth_report02 #cat .box.box5:hover:before,
.p_earth_report02 #cat .box.box6:hover:before,
.p_earth_report02 #cat .box.box7:hover:before,
.p_earth_report02 #cat .box.box8:hover:before,
.p_earth_report02 #cat .box.box9:hover:before {
  background-size: cover;
  background-position: center center;
  transform: scale(1.15);
}

.p_earth_report02 #cat .box.box1:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_01.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box1:hover:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_01_h.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box2:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_02.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box2:hover:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_02_h.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box3:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_03.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box3:hover:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_03_h.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box4:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_04.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box4:hover:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_04_h.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box5:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_05.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box5:hover:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_05_h.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box6:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_06.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box6:hover:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_06_h.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box7:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_07.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box7:hover:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_07_h.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box8:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_08.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box8:hover:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_08_h.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box9:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_09.jpg) no-repeat;
}

.p_earth_report02 #cat .box.box9:hover:before {
  background: url(../img/earth/report/ulaanbuh_pic_mini_09_h.jpg) no-repeat;
}



.p_earth_report02 #cat .box::after {
  content: url(../img/common/arrow_white_r.png);
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.p_earth_report02 #cat .box .text {
  font-size: 18px;
  font-weight: bold;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  transform: rotate(.1deg);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.p_earth_report02 #cat_dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  width: 100vw;
  height: 100vh;
}

.p_earth_report02 #cat_dialog .dialog {
  width: 880px;
  position: absolute;
  top: 20px;
  left: calc(50% - 390px);
  margin: 0 auto;
  font-size: 0;
}

.p_earth_report02 #cat_dialog .dialog .header {
  position: relative;
  height: 60px;
}

.p_earth_report02 .dialog_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border: none;
  background: transparent;
}

.p_earth_report02 .dialog_close::before,
.p_earth_report02 .dialog_close::after {
  position: absolute;
  top: 50%;
  left: 10px;
  content: "";
  display: block;
  width: 40px;
  border-top: 2px solid #fff;
}

.p_earth_report02 .dialog_close::before {
  transform: skewY(-45deg);
}

.p_earth_report02 .dialog_close::after {
  transform: skewY(45deg);
}

.p_earth_report02 #cat_dialog .dialog>div {
  display: inline-block;
  vertical-align: top;
}

.p_earth_report02 #cat_dialog .dialog .left button,
.p_earth_report02 #cat_dialog .dialog .right button {
  position: absolute;
  width: 50px;
  height: 92px;
  border: none;
  background: #00284C;
  margin-top: 300px;
}

.p_earth_report02 #cat_dialog .dialog .left button.hide,
.p_earth_report02 #cat_dialog .dialog .right button.hide {
  opacity: 0 !important;
  cursor: default;
}

.p_earth_report02 #cat_dialog .dialog .left button {
  left: -50px;
}

.p_earth_report02 #cat_dialog .dialog .body {
  text-align: center;
  max-height: calc(100vh - 80px);
  overflow: auto;
}

.p_earth_report02 #cat_dialog .photo {
  width: 697px;
  height: 455px;
  /* background: #ccc; */
  margin-bottom: 20px;
}

.p_earth_report02 #cat_dialog h2 {
  color: #00284C;
  font-size: 20px;
}

/* ---------------------------------------------------------
 * report
** --------------------------------------------------------- */

.p_earth_report02 #report {
  background: #E7E9E8;
}

.p_earth_report02 #report>div {
  padding: 60px 0 100px;
  text-align: center;
}

.p_earth_report02 #report h3 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 3px;
}

.p_earth_report02 #report .report_list {
  margin-top: 10px;
  font-size: 0;
}

.p_earth_report02 #report .report_list>a {
  display: inline-block;
  width: 327px;
  height: 191px;
  position: relative;
  margin: 10px 15px;
  text-decoration: none;
}

.p_earth_report02 #report .report1:before {
  background: url(../img/earth/report/mori02_bg_01_h.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_report02 #report .report1:hover:before {
  background: url(../img/earth/report/mori02_bg_01.png) no-repeat;
  background-size: cover;
  background-position: center center;
  transform: scale(1.15);
}

.p_earth_report02 #report .report2:before {
  background: url(../img/earth/report/mori02_bg_02.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_report02 #report .report2:hover:before {
  background: url(../img/earth/report/mori01_bg_02.png) no-repeat;
  background-size: cover;
  background-position: center center;
  transform: scale(1.15);
}

.p_earth_report02 #report .report_list h4 {
  font-size: 20px;
  color: #fff;
  margin-top: 50px;
  font-weight: bold;
  letter-spacing: 3px;
}

.p_earth_report02 #report .bottom_fix {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}


/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_earth_report02 #cover {
    height: 70vw;
  }

  .p_earth_report02 #cover>div {
    padding-top: 30vw;
  }

  .p_earth_report02 #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_earth_report02 #cover h2>span {
    font-size: 6vw;
    letter-spacing: 0;
  }

  /* ---------------------------------------------------------
 * map SP
** --------------------------------------------------------- */
  .p_earth_report02 #map .container {
    width: 90%;
  }

  /* ---------------------------------------------------------
  * photo SP
  ** --------------------------------------------------------- */
  .p_earth_report02 #photo {
    height: 357px;
  }

  .p_earth_report02 #photo .title {
    width: 90%;
  }

  /* ---------------------------------------------------------
  * cat SP
  ** --------------------------------------------------------- */
  .p_earth_report02 #cat>div {
    width: 85%;
  }

  .p_earth_report02 #cat .box {
    width: auto;
    height: auto;
  }

  .p_earth_report02 #cat .box::after {
    content: url(../img/common/arrow_white_r_sp.png);
    right: 20px;
  }

  .p_earth_report02 #cat .box .text {
    text-align: left;
    left: 0;
    transform: translateY(-50%);
    padding: 0 40px;
  }

  .p_earth_report02 #cat_dialog .dialog {
    width: 95%;
    left: 2.5%;
  }

  .p_earth_report02 #cat_dialog .dialog .header {
    position: relative;
    height: 60px;
  }

  .p_earth_report02 #cat_dialog .dialog>div {
    display: inline-block;
    vertical-align: top;
  }

  .p_earth_report02 #cat_dialog .dialog .left button,
  .p_earth_report02 #cat_dialog .dialog .right button {
    position: absolute;
    bottom: 0;
    width: 8%;
    height: 11.2%;
    border: none;
    background: #00284C;
    margin-top: 290px;
  }

  .p_earth_report02 #cat_dialog .dialog .left button {
    left: 0;
  }

  .p_earth_report02 #cat_dialog .dialog .right button {
    right: 0;
  }

  .p_earth_report02 #cat_dialog .dialog .left button div,
  .p_earth_report02 #cat_dialog .dialog .right button div {
    width: 15px;
    height: 15px;
  }

  .p_earth_report02 #cat_dialog .dialog .left button div {
    margin-left: 25%;
  }

  .p_earth_report02 #cat_dialog .dialog .right button div {
    margin: 0 auto;
    transform: translateX(-50%) rotate(-45deg);
  }

  .p_earth_report02 #cat_dialog .dialog .body {
    width: 100%;
    text-align: center;
    max-height: calc(100vh - 80px);
    overflow: auto;
  }

  .p_earth_report02 #cat_dialog .photo {
    width: initial;
    height: initial;
  }

  .p_earth_report02 #cat_dialog .icon {
    width: 50px;
    height: 50px;
  }

  .p_earth_report02 #cat_dialog h2 {
    color: #00284C;
    font-size: 20px;
  }

  .p_earth_report02 #cat_dialog h3 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
  }

  .p_earth_report02 #cat_dialog .text {
    width: initial;
    display: inline-block;
    text-align: left;
  }

  .p_earth_report02 #report .report_list>a {
    width: 90%;
  }
}

/** /earth/prize/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_earth_prize #cover {
  text-align: center;
  height: 390px;
  background: url(../img/earth/prize/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_prize #cover>div {
  padding-top: 200px;
}

.p_earth_prize #cover h2,
.p_earth_prize #cover h2 span {
  color: #fff;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_earth_prize #intro>div {
  padding: 40px 0;
}

.p_earth_prize #intro p {
  color: #00284C;
  font-size: 16px;
  text-align: center;
  line-height: 1.8;
}

/* ---------------------------------------------------------
 * table
** --------------------------------------------------------- */

.p_earth_prize #table>div {
  margin-bottom: 100px;
}

.p_earth_prize #table .table {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  display: table;
  border-top: 1px solid #3C5A76;
  border-bottom: 1px solid #3C5A76;
  border-collapse: separate;
  border-spacing: 24px 0;
}

.p_earth_prize #table .tr {
  display: table-row;
}

.p_earth_prize #table .td,
.p_earth_prize #table .th {
  display: table-cell;
  vertical-align: middle;
  border-top: 1px solid #96A6B5;
  padding: 20px 0;
  text-align: justify;
  text-justify: distribute;
  line-height: 1.8;
}

.p_earth_prize #table .tr:first-child .td,
.p_earth_prize #table .tr:first-child .th {
  border: none;
}

.p_earth_prize #table .tr .th {
  /*font-family: 'Roboto', "こぶりなゴシック W4 JIS2004", "Koburina Gothic W4 JIS2004", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W4", "メイリオ", sans-serif;*/
}

.p_earth_prize #table .th {
  text-align: center;
  width: 164px;
}

.p_earth_prize #table .th,
.p_earth_prize #table .th span {
  font-weight: bold;
}

.p_earth_prize #table .space1 {
  letter-spacing: 0.5em;
  margin-right: -0.5em;
}

.p_earth_prize #table .space2 {
  letter-spacing: 2em;
  margin-right: -2em;
}

.p_earth_prize #table em {
  color: #FF3B01;
  font-style: normal;
}

.p_earth_prize #table .depart {
  margin-left: 0;
}

.p_earth_prize #table .depart li {
  display: inline-block;
  margin-left: 40px;
}

.p_earth_prize #table .depart li:first-child {
  margin-left: 0;
}

.p_earth_prize #table ol {
  counter-reset: my-counter;
  list-style: none;
}

.p_earth_prize #table ol li {
  position: relative;
}

.p_earth_prize #table ol ol li:before {
  content: counter(my-counter) '.';
  counter-increment: my-counter;
  margin-right: 4px;
  border: none;
  font-size: 16px;
}

.p_earth_prize #table .method>li {
  margin: 20px 0;
}

.p_earth_prize #table .method>li:first-child {
  margin: 0;
}

.p_earth_prize #table .method ol {
  padding-left: 20px;
}

.p_earth_prize #table ul {
  list-style-type: disc;
  margin-left: 1.25em;
}

.p_earth_prize #table .method_container {
  margin-top: 40px;
}

.p_earth_prize #table .method_container>div {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 16px;
}

.p_earth_prize #table .method_container .num {
  margin-top: -20px;
  margin-bottom: 20px;
}

.p_earth_prize #table .img {
  margin-bottom: 16px;
}

.p_earth_prize #table .method1,
.p_earth_prize #table .method2 {
  width: 41%;
  height: 430px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 0 14px;
}

.p_earth_prize #table .method1 p {
  text-align: left;
  letter-spacing: -0.03em;
}

.p_earth_prize #table .method a {
  color: #FF3B01;
  text-decoration: none;
}

.p_earth_prize #table .link {
  margin-top: 30px;
}

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

  .p_earth_prize #table .method1,
  .p_earth_prize #table .method2 {
    width: 41%;
    height: 500px;
    border: 1px solid #ccc;
    text-align: center;
    padding: 0 14px;
  }
}

/* ---------------------------------------------------------
 * earth_prize
** --------------------------------------------------------- */

#earth_prize {
  background: #E7E9E8;
}

#earth_prize>div {
  padding: 60px 0;
  text-align: center;
}

#earth_prize h3 {
  font-size: 24px;
  font-weight: bold;
}

#earth_prize .earth_prize_list {
  margin-top: 10px;
  font-size: 0;
}

#earth_prize .earth_prize_list>a,
#report .report_list a {
  overflow: hidden;
}

#earth_prize .earth_prize_list>a {
  display: inline-block;
  width: 327px;
  height: 191px;
  position: relative;
  margin: 10px 15px;
  text-decoration: none;
}

#earth_prize .earth_prize1:before {
  background: url(../img/earth/prize/btn_archive_h.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

#earth_prize .earth_prize1:hover:before {
  background: url(../img/earth/prize/btn_archive.png) no-repeat;
  transform: scale(1.15);
}

#earth_prize .earth_prize2:before {
  background: url(../img/earth/prize/btn_koubo_h.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

#earth_prize .earth_prize2:hover:before {
  background: url(../img/earth/prize/btn_koubo.png) no-repeat;
  transform: scale(1.15);
}

#earth_prize .earth_prize3:before {
  background: url(../img/earth/prize/btn_award_h.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

#earth_prize .earth_prize3:hover:before {
  background: url(../img/earth/prize/btn_award.png) no-repeat;
  transform: scale(1.15);
}

#earth_prize .earth_prize1.on:before {
  background: url(../img/earth/prize/btn_archive_on.png) no-repeat;
}

#earth_prize .earth_prize1.on:hover:before {
  background: url(../img/earth/prize/btn_archive.png) no-repeat;
  transform: scale(1.15);
}

#earth_prize .earth_prize2.on:before {
  background: url(../img/earth/prize/btn_koubo_on.png) no-repeat;
}

#earth_prize .earth_prize2.on:hover:before {
  background: url(../img/earth/prize/btn_koubo.png) no-repeat;
  transform: scale(1.15);
}

#earth_prize .earth_prize3.on:before {
  background: url(../img/earth/prize/btn_award_on.png) no-repeat;
}

#earth_prize .earth_prize3.on:hover:before {
  background: url(../img/earth/prize/btn_award.png) no-repeat;
  transform: scale(1.15);
}

#earth_prize .earth_prize_list h4 {
  font-size: 20px;
  color: #fff;
  margin-top: 60px;
  font-weight: bold;
  letter-spacing: 3px;
}

#report .bottom_fix {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_earth_prize #cover {
    height: 70vw;
  }

  .p_earth_prize #cover>div {
    padding-top: 30vw;
  }

  .p_earth_prize #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_earth_prize #cover h2>span {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_earth_prize #table .table {
    width: 90%;
    display: block;
  }

  .p_earth_prize #table .tr {
    display: block;
    border-top: 1px solid #96A6B5;
    padding: 20px 0;
  }

  .p_earth_prize #table .tr:first-child {
    border: none;
  }

  .p_earth_prize #table .th,
  .p_earth_prize #table .td {
    display: block;
    text-align: left;
    border: none;
    padding: 0;
  }

  .p_earth_prize #table .space1,
  .p_earth_prize #table .space2 {
    letter-spacing: 0;
    margin-right: 0;
  }

  .p_earth_prize #table .method1,
  .p_earth_prize #table .method2 {
    width: 100%;
    height: 100%;
  }

  .p_earth_prize #table .method_container {
    text-align: center;
  }

  .p_earth_prize #table .method_plus {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .p_earth_prize #table .link {
    margin-bottom: 20px;
  }
}

/* ---------------------------------------------------------
 * #earth_prize
** --------------------------------------------------------- */

#earth_prize .earth_prize1:before,
#earth_prize .earth_prize2:before,
#earth_prize .earth_prize3:before,
#earth_prize .earth_prize1.on:before,
#earth_prize .earth_prize2.on:before,
#earth_prize .earth_prize3.on:before {
  background-size: cover;
  background-position: center center;
}

#earth_prize1.effectFadeUp_child.jb,
#earth_prize2.effectFadeUp_child.jb,
#earth_prize3.effectFadeUp_child.jb {
  transform: none;
}

/** /earth/prize/archive/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_earth_prize_archive #cover {
  text-align: center;
  height: 390px;
  background: url(../img/earth/prize/archive/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_prize_archive #cover>div {
  padding-top: 200px;
}

.p_earth_prize_archive #cover h2,
.p_earth_prize_archive #cover h2 span {
  color: #fff;
}

.p_earth_prize_archive #cover h2 span {
  font-size: 28px;
}

/* ---------------------------------------------------------
 * table
** --------------------------------------------------------- */

.p_earth_prize_archive #table>div {
  padding-top: 60px;
  padding-bottom: 60px;
  width: 680px;
  margin: 0 auto;
}

.p_earth_prize_archive #table h3 {
  text-align: center;
  color: #00284C;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

.p_earth_prize_archive #table .table {
  width: 100%;
  margin: 0 auto;
  display: table;
  border-top: 1px solid #3C5A76;
  border-bottom: 1px solid #3C5A76;
  border-collapse: separate;
  border-spacing: 24px 0;
  margin-bottom: 20px;
}

.p_earth_prize_archive #table .tr {
  display: table-row;
}

.p_earth_prize_archive #table .td,
.p_earth_prize_archive #table .th {
  display: table-cell;
  vertical-align: middle;
  border-top: 1px solid #96A6B5;
  padding: 20px 0;
}

.p_earth_prize_archive #table .tr:first-child .td,
.p_earth_prize_archive #table .tr:first-child .th {
  border: none;
}

.p_earth_prize_archive #table .th {
  text-align: center;
  width: 164px;
  font-weight: bold;
}

/*.p_earth_prize_archive #table .th:before {
  content: '第';
  margin-right: 10px;
}

.p_earth_prize_archive #table .th:after {
  content: '回';
  margin-left: 10px;
}*/

.p_earth_prize_archive #table a {
  text-decoration: none;
}

.p_earth_prize_archive #table a:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: url(../img/common/external.png);
  margin-left: 8px;
  margin-bottom: 4px;
}

.p_earth_prize_archive #table .note {
  text-align: left !important;
  font-size: 12px;
  color: rgb(100, 100, 100) !important;
  margin-left: 10px !important;
  margin-top: 5px !important;
}

.p_earth_prize_archive #table .note img {
  margin-top: -4px;
  width: 14px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_earth_prize_archive #cover {
    height: 70vw;
  }

  .p_earth_prize_archive #cover>div {
    padding-top: 30vw;
  }

  .p_earth_prize_archive #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_earth_prize_archive #cover h2>span {
    font-size: 6vw;
    letter-spacing: 0;
  }

  .p_earth_prize_archive #table>div {
    width: 90%;
  }

  .p_earth_prize_archive #table .table {
    width: 100%;
    display: block;
  }

  .p_earth_prize_archive #table .tr {
    display: block;
    border-top: 1px solid #96A6B5;
    padding: 20px 0;
  }

  .p_earth_prize_archive #table .td,
  .p_earth_prize_archive #table .th {
    display: block;
    border: none;
    padding: 0;
  }

  .p_earth_prize_archive #table .tr:first-child .td,
  .p_earth_prize_archive #table .tr:first-child .th {
    border: none;
  }

  .p_earth_prize_archive #table .th {
    text-align: left;
  }

  .p_earth_prize_archive #table .th:before,
  .p_earth_prize_archive #table .th:after {
    margin: 0;
  }
}

/** /earth/prize/award/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_earth_prize_award #cover {
  text-align: center;
  height: 390px;
  background: url(../img/earth/prize/award/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_prize_award #cover>div {
  padding-top: 200px;
}

.p_earth_prize_award #cover h2,
.p_earth_prize_award #cover h2 span {
  color: #fff;
}

.p_earth_prize_award #cover h2 span {
  font-size: 28px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_earth_prize_award #intro>div {
  padding: 40px 0 16px 0;
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  line-height: 1.8;
}

.p_earth_prize_award #intro h3 {
  color: #00284C;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  margin-bottom: 24px;
}

.p_earth_prize_award #intro p {
  text-align: left;
  margin-bottom: 24px;
  text-align: justify;
  text-justify: distribute;
}

.p_earth_prize_award #intro p.em {
  text-align: center;
  color: #00284C;
  font-size: 16px;
}

/* ---------------------------------------------------------
 * award
** --------------------------------------------------------- */

.p_earth_prize_award #award {
  background: #E7EBEA;
  margin-bottom: 80px;
}

.p_earth_prize_award #award>div {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  padding: 80px 0 40px 0;
}

.p_earth_prize_award #award>div>div {
  max-width: 880px;
  margin: 0 auto;
  padding: 0 10px;
}

.p_earth_prize_award #award .img_container {
  text-align: center;
  margin-bottom: 40px;
  font-size: 0;
}

.p_earth_prize_award #award .img_box {
  margin-left: 0;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #646464;
  text-align: left;
}

.p_earth_prize_award #award .img_box:last-child {
  margin-left: 20px;
  margin-right: 0;
}

.p_earth_prize_award #award .img_box .em {
  color: #00284C;
  padding-top: 8px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.p_earth_prize_award #award p {
  margin-bottom: 24px;
  text-align: justify;
  text-justify: distribute;
  line-height: 1.8;
}

.p_earth_prize_award #award .white.img_container {
  width: 100%;
  margin-top: 40px;
  padding: 40px 0;
  background: #fff;
  border-radius: 24px;
}

.p_earth_prize_award #award .note {
  text-align: left !important;
  font-size: 12px;
  color: rgb(100, 100, 100) !important;
  margin-left: 10px !important;
  margin-top: 10px !important;
}

.p_earth_prize_award #award .note img {
  margin-top: -4px;
  width: 14px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_earth_prize_award #cover {
    height: 70vw;
  }

  .p_earth_prize_award #cover>div {
    padding-top: 30vw;
  }

  .p_earth_prize_award #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_earth_prize_award #cover h2>span {
    font-size: 6vw;
    letter-spacing: 0;
  }

  .p_earth_prize_award #intro>div {
    padding: 30px 0;
    width: 90%;
  }

  .p_earth_prize_award #award {
    margin-bottom: 40px;
  }

  .p_earth_prize_award #award>div {
    width: 90%;
    padding: 40px 0 10px 0;
  }

  .p_earth_prize_award #award>div>div {
    width: 100%;
  }

  .p_earth_prize_award #award .img_box,
  .p_earth_prize_award #award .img_box:last-child {
    margin: 0 0 20px 0;
  }

  .p_earth_prize_award #award .img_container {
    margin-bottom: 20px;
  }

  .p_earth_prize_award #award .white.img_container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/** /earth/scholarship/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_earth_scholarship #cover {
  text-align: center;
  height: 390px;
  background: url(../img/earth/scholarship/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_earth_scholarship #cover>div {
  padding-top: 200px;
}

.p_earth_scholarship #cover h2,
.p_earth_scholarship #cover h2 span {
  color: #fff;
}

.p_earth_scholarship #cover h2 span {
  font-size: 28px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_earth_scholarship #intro>div {
  padding: 45px 0;
  width: 700px;
  margin: 0 auto;
}

.p_earth_scholarship #intro p {
  color: #00284C;
  font-size: 16px;
  text-align: center;
  line-height: 1.8;
}

/* ---------------------------------------------------------
 * table
** --------------------------------------------------------- */
.p_earth_scholarship #table {
  line-height: 1.8;
}

.p_earth_scholarship #table>div {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
}

.p_earth_scholarship #table h3 {
  text-align: center;
  color: #00284C;
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}

.p_earth_scholarship #table h3>small {
  font-weight: bold;
  font-size: 14px;
}

.p_earth_scholarship #table .table {
  width: 100%;
  margin: 0 auto;
  display: table;
  border-top: 1px solid #3C5A76;
  border-bottom: 1px solid #3C5A76;
  border-collapse: separate;
  border-spacing: 24px 0;
  margin-bottom: 20px;
  font-size: 16px;
}

.p_earth_scholarship #table .tr {
  display: table-row;
}

.p_earth_scholarship #table .td,
.p_earth_scholarship #table .th {
  display: table-cell;
  vertical-align: middle;
  border-top: 1px solid #96A6B5;
  padding: 20px 0;
}

.p_earth_scholarship #table .tr:first-child .td,
.p_earth_scholarship #table .tr:first-child .th {
  border: none;
}

.p_earth_scholarship #table .th,
.p_earth_scholarship #table .th>span {
  text-align: center;
  width: 164px;
  font-weight: bold;
}

.p_earth_scholarship #table .th>.space1 {
  letter-spacing: .18em;
  /* margin-right: -.5em; */
}

.p_earth_scholarship #table .th>.space2 {
  letter-spacing: 1em;
  /* margin-right: -1em; */
}

.p_earth_scholarship #table .th>.space3 {
  letter-spacing: 5em;
  /* margin-right: -5em; */
}

.p_earth_scholarship #table a {
  text-decoration: none;
}

.p_earth_scholarship #table p {
  margin-bottom: 16px;
}

.p_earth_scholarship #table ol {
  list-style: none;
}

.p_earth_scholarship #table ol li {
  position: relative;
}

.p_earth_scholarship #table ol.inline>li {
  display: inline;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_earth_scholarship #cover {
    height: 70vw;
    background-image: url(../img/earth/scholarship/cover_sp.png);
  }

  .p_earth_scholarship #cover>div {
    padding-top: 30vw;
  }

  .p_earth_scholarship #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_earth_scholarship #intro>div {
    width: 90%;
  }

  .p_earth_scholarship #table>div {
    width: 100%;
  }

  .p_earth_scholarship #table>div>div {
    width: 90%;
    margin: 0 auto;
  }

  .p_earth_scholarship #table .table {
    width: 90%;
    display: block;
  }

  .p_earth_scholarship #table .tr {
    display: block;
    border-top: 1px solid #96A6B5;
    padding: 20px 0;
  }

  .p_earth_scholarship #table .tr:first-child {
    border: none;
  }

  .p_earth_scholarship #table .th,
  .p_earth_scholarship #table .td {
    display: block;
    border: none;
    padding: 0;
  }

  .p_earth_scholarship #table .th {
    text-align: left;
    font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  }

  .p_earth_scholarship #table .th>.space1,
  .p_earth_scholarship #table .th>.space2,
  .p_earth_scholarship #table .th>.space3 {
    letter-spacing: 0;
    margin-right: 0;
  }
}

/** /facility/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_facility #cover {
  text-align: center;
  height: 390px;
  background: url(../img/facility/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_facility #cover>div {
  padding-top: 220px;
}

.p_facility #cover h2 {
  color: #fff;
}


/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_facility #intro>div {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p_facility #intro p {
  color: #00284C;
  font-size: 16px;
  text-align: center;
}

/* ---------------------------------------------------------
 * seminar
** --------------------------------------------------------- */

.p_facility #seminar {
  background: #E5E9E8;
}

.p_facility #seminar>div {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}

.p_facility #seminar h3 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: 3px;
}

.p_facility #seminar p {
  font-size: 16px;
}

@media screen and (max-width:850px) {
  .p_facility #seminar p {
    font-size: 15px;
  }
}

.p_facility #seminar .box_container {
  margin-top: 20px;
  font-size: 0;
  white-space: nowrap;
}

.p_facility #seminar .box_container>div {
  display: inline-block;
  max-width: 468px;
  width: 45%;
  height: 258px;
  position: relative;
  margin: 20px;
}

.p_facility #seminar .box1 {
  background: url(../img/facility/pic_01.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_facility #seminar .box2 {
  background: url(../img/facility/pic_02.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_facility #seminar h4 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-top: 80px;
}

.p_facility #seminar .link {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 70px;
}

/* ---------------------------------------------------------
 * access
** --------------------------------------------------------- */

.p_facility #access {
  background: url(../img/facility/access_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center 68%;
  height: 955px;
  text-align: center;
  position: relative;
}

#access .access__wrap {
  height: 100%;
}

.p_facility #access h3 {
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 3px;
  padding-top: 50px;
  padding-bottom: 10px;
}

.p_facility #access .panel {
  width: 566px;
  height: 290px;
  background: url(../img/facility/access_baloon.png) no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 10px auto;
}

*::-ms-backdrop,
.p_facility #access .panel {
  width: 480px;
  height: 250px;
  background: url(../img/facility/access_baloon.png) no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 10px auto;
}

.p_facility #access .icon {
  margin-top: 20px;
  width: initial;
  height: initial;
}

.p_facility #access .address {
  color: #00284C;
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0;
}

.p_facility #access .contact {
  color: #00284C;
  font-size: 16px;
  line-height: 1.7;
}

.p_facility #access .bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 175px;
  background: rgba(0, 0, 0, .7);
  font-size: 0;
  white-space: nowrap;
}

.p_facility #access .box {
  display: inline-block;
  margin: 22px 10px;
  position: relative;
}

.p_facility #access .box>.label {
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  /* background: rgba(0, 0, 0, .7); */
  background: #000;
  padding: 2px 20px;
  font-size: 16px;
}

.p_facility #facility_dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  width: 100vw;
  height: 100vh;
}

.p_facility #facility_dialog .dialog {
  width: 880px;
  position: absolute;
  top: 20px;
  left: calc(50% - 390px);
  margin: 0 auto;
  font-size: 0;
}

.p_facility #facility_dialog .dialog .header {
  position: relative;
  height: 60px;
}

.p_facility .dialog_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border: none;
  background: transparent;
}

.p_facility .dialog_close::before,
.p_facility .dialog_close::after {
  position: absolute;
  top: 50%;
  left: 10px;
  content: "";
  display: block;
  width: 40px;
  border-top: 2px solid #fff;
}

.p_facility .dialog_close::before {
  transform: skewY(-45deg);
}

.p_facility .dialog_close::after {
  transform: skewY(45deg);
}

.p_facility #facility_dialog .dialog>div {
  display: inline-block;
  vertical-align: top;
}

.p_facility #facility_dialog .dialog .left button,
.p_facility #facility_dialog .dialog .right button {
  position: absolute;
  width: 50px;
  height: 92px;
  border: none;
  background: #01499D;
  margin-top: 400px;
}

.p_facility #facility_dialog .dialog .left button.hide,
.p_facility #facility_dialog .dialog .right button.hide {
  opacity: 0 !important;
  cursor: default;
}

.p_facility #facility_dialog .dialog .left button {
  left: -50px;
}

.p_facility #facility_dialog .dialog .body {
  text-align: center;
  max-height: calc(100vh - 80px);
  overflow: auto;
}

.p_facility #facility_dialog .photo {
  width: 697px;
  height: 455px;
  background: #ccc;
  margin-bottom: 20px;
}

.p_facility #facility_dialog .icon {
  width: 50px;
  height: 50px;
}

.p_facility #facility_dialog h3 {
  color: #01499D;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.p_facility #facility_dialog .text {
  width: 520px;
  display: inline-block;
  text-align: left;
}

.p_facility #facility_dialog p {
  font-size: 16px;
}

.p_facility #facility_dialog .link {
  margin-top: 20px;
  text-align: center;
  font-size: 16px;
}

.p_facility #facility_dialog .body .dialog_close {
  position: static;
  margin: 20px 0;
  width: 100%;
  height: 40px;
  color: #00284C;
  border: 1px solid #00284C;
  font-weight: bold;
  border-radius: 24px;
}

.p_facility #facility_dialog .body .dialog_close:before,
.p_facility #facility_dialog .body .dialog_close:after {
  display: none;
}

/* ---------------------------------------------------------
 * map
** --------------------------------------------------------- */

/* .p_facility #map {
  height: 524px;
  background: url(../img/facility/map.png) no-repeat;
  background-size: cover;
  background-position: center center;
} */
.p_facility #map>div {
  position: relative;
  padding-bottom: 38%;
  height: 0;
  overflow: hidden;
}

.p_facility #map>div>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ---------------------------------------------------------
 * route
** --------------------------------------------------------- */

.p_facility #route {
  background: #E8EAE9;
}

.p_facility #route>div {
  padding: 40px 0;
  text-align: center;
}

.p_facility #route h3 {
  font-size: 30px;
}

.p_facility #route h3>img {
  height: 24px;
}

.p_facility #route .container {
  margin: 0 auto;
  width: 760px;
}

.p_facility #route table {
  border-top: 1px solid #00284C;
  border-bottom: 1px solid #00284C;
  width: 100%;
  height: 100%;
  margin: 20px 0;
}

@media screen and (max-width: 1000px) and (min-width:768px) {
  .p_facility #route table {
    width: 96%;
    margin: 20px auto;
  }
}

.p_facility #route table table {
  border: none;
  width: 100%;
  margin: 0;
}

.p_facility #route tr {
  height: 100%;
  line-height: 1.7;
}

.p_facility #route td,
.p_facility #route th {
  vertical-align: middle;
  height: 100%;
}

.p_facility #route th {
  font-weight: bold;
  padding: 2px 4px;
}

.p_facility #route .trans {
  background: #00284C;
  width: 95px;
  height: 100%;
  border-radius: 6px;
  position: relative;
}

.p_facility #route .trans .img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.p_facility #route .trans .label {
  color: #fff;
  font-size: 16px;
  font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
  transform: rotate(.1deg);
}

.p_facility #route .trans .label:before {
  content: '[';
  font-weight: normal;
}

.p_facility #route .trans .label:after {
  content: ']';
  font-weight: normal;
}

.p_facility #route table table td {
  font-size: 16px;
  padding: 20px;
}

.p_facility #route table table th {
  border-right: 1px solid #00284C;
  font-size: 16px;
  padding-left: 20px;
  width: 146px;
}

.p_facility #route table table td,
.p_facility #route table table th {
  border-top: 1px dotted #00284C;
  text-align: left;
}

.p_facility #route table table tr:first-child td,
.p_facility #route table table tr:first-child th {
  border-top: 1px solid #00284C;
}

.p_facility #route table tr:first-child table tr:first-child td,
.p_facility #route table tr:first-child table tr:first-child th {
  border-top: none;
}

.p_facility #route .note {
  text-align: left;
  font-size: 16px;
  line-height: 1.7;
}

@media screen and (max-width: 1000px) and (min-width:768px) {
  .p_facility #route .note {
    margin-left: 20px;
  }
}

.p_facility #route .contact {
  color: #00284C;
  margin: 40px auto;
  background: #fff;
  border-radius: 16px;
  padding: 40px 0;
  width: 566px;
  line-height: 1.7;
}

.p_facility #route .contact>h3,
.p_facility_seminar .contact>h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: 36px;
  margin-bottom: 20px;
}

.p_facility #route .contact>h3>small {
  font-size: 20px;
  font-weight: bold;
}

.p_facility #route .contact>h3>small:before,
.p_facility_seminar .contact>h3>small:before {
  content: '[';
  margin-right: 4px;
  font-weight: normal;
}

.p_facility #route .contact>h3>small:after,
.p_facility_seminar .contact>h3>small:after {
  content: ']';
  margin-left: 4px;
  font-weight: normal;
}

/* ---------------------------------------------------------
 * junsui_rinri
** --------------------------------------------------------- */

.p_facility #junsui_rinri {
  padding-top: 100px;
}

.p_facility #junsui_rinri h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 8px;
}

.p_facility #junsui_rinri .text_center h2 {
  margin-bottom: 20px;
}

.p_facility #junsui_rinri p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
}

.p_facility #junsui_rinri .container {
  font-size: 0;
  margin-bottom: 84px;
}

.p_facility #junsui_rinri .container>div {
  text-align: center;
  padding: 0;
  margin: 0;
  color: white;
  /* white-space: nowrap; */
}

/*.p_facility #junsui_rinri .container>div>div {
  display: inline-block;
  vertical-align: top;
  padding-top: 90px;
  width: 50%;
  height: 320px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}*/

.p_facility #junsui_rinri .container>div>div div {
  margin-top: 20px;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_facility #cover {
    height: 70vw;
    background-image: url(../img/facility/cover.png);
  }

  .p_facility #cover>div {
    padding-top: 30vw;
  }

  .p_facility #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_facility #access .box>.label {
    position: relative;
    text-align: left;
  }

  .p_facility #access .box>.label:after {
    content: '';
    width: 8px;
    height: 13px;
    background: url(../img/common/arrow_white_r_sp.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 8px;
    right: 10px;
  }

  .p_facility #facility_dialog .dialog {
    width: 95%;
    left: 2.5%;
  }

  .p_facility #facility_dialog .dialog .header {
    position: relative;
    height: 60px;
  }

  .p_facility #facility_dialog .dialog>div {
    display: inline-block;
    vertical-align: top;
  }

  .p_facility #facility_dialog .dialog .left button,
  .p_facility #facility_dialog .dialog .right button {
    position: absolute;
    width: 50px;
    height: 50px;
    border: none;
    background: #01499D;
    margin-top: 288px;
  }

  .p_facility #facility_dialog .dialog .left button {
    left: 0;
  }

  .p_facility #facility_dialog .dialog .right button {
    right: 0;
  }

  .p_facility #facility_dialog .dialog .body {
    width: 100%;
    text-align: center;
    max-height: calc(100vh - 80px);
    overflow: auto;
  }

  .p_facility #facility_dialog .photo {
    width: initial;
    height: initial;
  }

  .p_facility #facility_dialog .icon {
    width: 50px;
    height: 50px;
  }

  .p_facility #facility_dialog h3 {
    margin-top: 20px;
    font-weight: bold;
    font-size: 16px;
    color: #01499D;
  }

  .p_facility #facility_dialog .text {
    width: initial;
    display: inline-block;
    text-align: left;
  }

  /* ---------------------------------------------------------
  * seminar SP
  ** --------------------------------------------------------- */
  .p_facility #access {
    background-size: 205%;
    height: initial;
    background: url(../img/facility/access_bg_sp.jpg) no-repeat top -620px left -429px;
  }

  .p_facility #seminar .box_container {
    white-space: normal;
  }

  .p_facility #seminar .box_container>div {
    max-width: none;
    width: 90%;
    margin: 10px 0;
  }

  .p_facility #access h3 {
    font-size: 24px;
    padding-top: 40px;
  }

  .p_facility #access .panel {
    width: 90%;
    height: 260px;
    background-size: 100% 100%;
    background-position: center top;
    padding-bottom: 20px;
    margin-bottom: 130px;
  }

  .p_facility #access .address {
    font-size: 20px;
  }

  .p_facility #access .contact {
    font-size: 16px;
    font-weight: normal;
  }

  .p_facility #access .bar {
    height: initial;
    position: static;
    white-space: normal;
  }

  /* .p_facility #map {
    height: 272px;
  } */
  .p_facility #map>div {
    padding-bottom: 50%;
  }

  /* ---------------------------------------------------------
  * route SP
  ** --------------------------------------------------------- */
  .p_facility #route .container {
    width: 90%;
  }

  .p_facility #route th,
  .p_facility #route td {
    display: block;
  }

  .p_facility #route table {
    border-top: none;
  }

  .p_facility #route .trans {
    width: 100%;
    text-align: left;
  }

  .p_facility #route .trans .img {
    position: static;
    transform: initial;
  }

  .p_facility #route .trans .label {
    display: inline-block;
  }

  .p_facility #route table table th {
    border-right: none;
    border-top: 1px solid #00284C;
    padding: 0;
    padding-top: 10px;
    width: 100%;
  }

  .p_facility #route table table td {
    border-top: none;
    padding: 0;
    padding-bottom: 10px;
  }

  .p_facility #route table table tr:first-child td,
  .p_facility #route table table tr:first-child th {
    border-top: none;
  }

  .p_facility #route .note {
    font-size: 16px;
  }

  .p_facility #route .contact {
    width: 100%;
  }

  /* ---------------------------------------------------------
  * junsui_rinri SP
  ** --------------------------------------------------------- */
  .p_facility #junsui_rinri .container {
    /* height: 1852px; */
    height: 100%;
  }

  .p_facility #junsui_rinri .container>div>div {
    display: inline-block;
    vertical-align: top;
    padding-top: 60px;
    padding-bottom: 40px;
    width: 100%;
    height: 100%;
  }

  .p_facility #junsui_rinri .container>div>div div {
    margin-top: 20px;
  }

  .p_facility #junsui_rinri #jr_maruyama {
    margin-bottom: 0;
  }
}

/** /facility/seminar/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_facility_seminar #cover {
  text-align: center;
  height: 390px;
  background: url(../img/facility/seminar/cover.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_facility_seminar #cover>div {
  padding-top: 220px;
}

.p_facility_seminar #cover h1 {
  color: #fff;
  font-size: 32px;
}

.p_facility_seminar #intro div {
  color: #00284C;
  text-align: center;
  font-size: 16px;
  margin: 40px 0;
}

/* ---------------------------------------------------------
 * index
** --------------------------------------------------------- */

.p_facility_seminar #index>div {
  padding: 40px 0;
}

.p_facility_seminar #index ul {
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}

.p_facility_seminar #index li {
  display: inline-block;
  width: 33%;
  padding: 0 35px;
  border-left: 1px solid #B9C6CF;
}

@media screen and (max-width:890px) and (min-width:768px) {
  .p_facility_seminar #index li {
    padding: 0;
    width: 30%;
  }
}

_:-ms-lang(x),
.p_facility_seminar #index li {
  transition: rotate(.1deg)
}

.p_facility_seminar #index li:last-child {
  border-right: 1px solid #B9C6CF;
}

.p_facility_seminar #index li a {
  color: #00284C;
  display: block;
  font-weight: bold;
  padding: 4px 0;
  text-decoration: none;
}

.p_facility_seminar #index li a:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  width: 22px;
  height: 22px;
  background: url(../img/common/arrow_org_dwn.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

/* ---------------------------------------------------------
 * seikatsu
** --------------------------------------------------------- */

.p_facility_seminar #intro div {
  color: #00284C;
  text-align: center;
  font-size: 16px;
  margin: 40px 0;
  line-height: 1.8;
}

.gwrap {
  padding-top: 50px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f5f5+0,ffffff+88 */
  background: rgb(244, 245, 245);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(244, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 88%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(244, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 88%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(244, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 88%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5f5', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

.gwrap .gwrap_ttl {
  font-size: 28px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: "A-OTF  見出ゴMB1 Std DeBold"‚"MB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
}

.p_facility_seminar #seikatsu>div {
  padding-bottom: 20px;
}

.p_facility_seminar h2 {
  min-width: 684px;
  max-width: 980px;
  width: 90%;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  background: #00284C;
  border-radius: 8px;
  margin: 0 auto;
  text-align: center;
  padding: 7px 0;
  letter-spacing: 2px;
}

@media screen and (max-width:767px) {
  .p_facility_seminar h2 {
    min-width: 0;
  }
}

.p_facility_seminar .table {
  display: table;
  min-width: 684px;
  max-width: 980px;
  width: 90%;
  border-collapse: separate;
  /*border-spacing: 20px 0;*/
  margin: 0 auto;
  margin-bottom: 20px;
}

.p_facility_seminar .tr {
  display: table-row;
}

.p_facility_seminar .td {
  display: block;
  width: 23.5%;
  min-height: 203px;
  float: left;
  font-size: 16px;
  vertical-align: top;
  padding: 20px 5px;
  border-bottom: 1px dotted #00284C;
  line-height: 1.8;
  text-align: justify;
  text-justify: distribute;
}

.p_facility_seminar .td.td-2 {
  width: 74.5%;
  margin-left: 2%;
  min-height: 203px;
}

.p_facility_seminar .td .img {
  max-width: 228px;
  max-height: 162px;
}

.p_facility_seminar .td h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
  letter-spacing: 1px;
}

/* ---------------------------------------------------------
 * contact
** --------------------------------------------------------- */

.p_facility_seminar #contact>div {
  padding-top: 20px;
  padding-bottom: 80px;
}

.p_facility_seminar .contact {
  background: #E6EAE9;
  width: 90%;
  max-width: 566px;
  height: 250px;
  margin: 0 auto;
  text-align: center;
  border-radius: 16px;
  padding-top: 40px;
  line-height: 1.7;
}

@media screen and (max-width:767px) {
  .p_facility_seminar .contact {
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto;
  }
}


.p_facility_seminar .contact {
  color: #00284C;
  font-size: 18px;
  font-weight: bold;
}

.p_facility_seminar .contact {
  font-size: 16px;
  font-weight: normal;
  margin: 50px auto;
}

/* ---------------------------------------------------------
 * reservation
** --------------------------------------------------------- */

.p_facility_seminar #reservation>div {
  text-align: center;
  padding: 20px 10px 60px 10px;
}

.p_facility_seminar #reservation>div>div {
  margin-bottom: 15px;
}

/* ---------------------------------------------------------
 * facility
** --------------------------------------------------------- */

.p_facility_seminar #facility {
  text-align: center;
  height: 412px;
  background: #E8ECEB;
}

.p_facility_seminar #facility>div {
  padding-top: 86px;
}

.p_facility_seminar #facility h3 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  padding-top: 72px;
  margin-bottom: 24px;
}

.p_facility_seminar #facility .bg {
  max-width: 896px;
  width: 100%;
  height: 240px;
  margin: 0 auto;
  background: url(../img/facility/seminar/bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_facility_seminar #facility .bg {
    min-width: 0;
  }

  .p_facility_seminar {
    font-size: 4vw;
  }

  .p_facility_seminar #cover {
    height: auto;
  }

  .p_facility_seminar #cover>div {
    padding: 120px 0 100px;
  }

  .p_facility_seminar #index ul {
    width: 90%;
  }

  .p_facility_seminar #index li {
    display: block;
    width: 100%;
    border-top: 1px solid #B9C6CF;
    border-left: none;
  }

  .p_facility_seminar #index li a {
    font-size: 5vw;
  }

  .p_facility_seminar #index li:last-child {
    border-bottom: 1px solid #B9C6CF;
    border-right: none;
  }

  .p_facility_seminar h2 {
    width: 100%;
    border-radius: 0;
    font-size: 5vw;
    clear: both;
  }

  .p_facility_seminar .table {
    display: block;
    width: 90%;
    min-width: 0;
  }

  .p_facility_seminar .tr {
    display: block;
  }

  .p_facility_seminar .td {
    display: block;
    font-size: 4vw;
  }

  .p_facility_seminar .td h3 {
    font-size: 5vw;
  }

  .p_facility_seminar .td:first-child {
    border-bottom: none;
  }

  .p_facility_seminar .tr:last-child .td {
    border-bottom: none;
  }

  .p_facility_seminar .td .img {
    text-align: center;
    width: 100%;
  }

  .p_facility_seminar #contact .panel {
    width: 90%;
    border-radius: 10px;
    clear: both;
  }

  .p_facility_seminar #contact .panel>div {
    font-size: 4vw;
  }

  .p_facility_seminar #contact .panel .contact {
    font-size: 4vw;
  }

  .p_facility_seminar #facility .bg {
    padding: 0 20px;
    width: 100%;
  }

  .p_facility_seminar .contact {
    width: 90%;
  }
}

/** /global/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */
.p_global {
  font-size: 16px;
  padding-bottom: 84px;
}

.p_global #cover {
  text-align: center;
  height: 390px;
  background: url(../img/global/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .p_global #cover {
    background: url(../img/global/cover_sp.png) no-repeat;
  }
}

.p_global #cover>div {
  padding-top: 220px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_global #intro>div {
  padding: 40px 0;
}

.p_global #intro p {
  text-align: center;
  color: #00284C;
  font-size: 16px;
}

/* ---------------------------------------------------------
 * taiwan
** --------------------------------------------------------- */

.p_global .bg {
  background: #E8EAE5;
}

.p_global #taiwan {
  height: 730px;
  background: url(../img/global/bg_01.png) no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.p_global #taiwan .panel {
  right: 0;
  text-align: left;
}

.p_global .panel {
  background: rgba(255, 255, 255, .9);
  width: 50%;
  text-align: left;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width:800px) {
  .p_global .panel {
    width: 65%;
  }
}

.p_global .panel .container {
  width: 540px;
  padding: 80px 60px;
  text-align: left;
  display: inline-block;
}

.p_global #taiwan .panel .container {
  text-align: left;
}

.p_global .panel h3 {
  width: 425px;
  height: 55px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 0 32px 12px;
  background: url(../img/global/country_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}

.p_global .panel h3>small img {
  height: 26px;
  vertical-align: middle;
  margin: 8px 0px 8px -10px;
}

_:-ms-fullscreen,
:root .p_global .panel h3>small img {
  property: value;
  width: 170px;
  height: 64px;
  padding: 15px 0 12px;
}

.p_global .panel h4 {
  font-size: 16px;
  color: #00284C;
  font-weight: bold;
  margin: 20px 0 5px;
}

.p_global .panel .link {
  margin-top: 20px;
  justify-content: left;
}

.p_global .link_bg_01 {
  width: 364px;
  height: 78px;
  background: url(../img/global/link_bg_01.png) no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}

.p_global .link a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

.p_global .link_bg_01 a {
  padding: 0 28px;
}

.p_global .note {
  margin-top: 4px;
  font-size: 12px;
}

.p_global .note>img {
  vertical-align: text-top;
}

/* ---------------------------------------------------------
 * america
** --------------------------------------------------------- */

.p_global #america {
  height: 1100px;
  background: url(../img/global/bg_02.png) no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.p_global #america .panel {
  left: 0;
  text-align: right;
}

.p_global #america .panel .container {
  padding: 60px;
}

.p_global #america .indent {
  margin-top: 16px;
  margin-left: 2em;
}

.p_global #america h5 {
  font-weight: bold;
  margin-bottom: 5px;
}

.p_global #brazil h5 {
  margin-bottom: 5px;
}

.p_global #america h5:before {
  content: '●';
}

/* ---------------------------------------------------------
 * brazil
** --------------------------------------------------------- */

.p_global #brazil {
  height: 730px;
  background: url(../img/global/bg_03.jpg) no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
}

@media screen and (max-width: 1050px) and (min-width: 768px) {
  .p_global #brazil {
    background-position: -500px top;
  }

}

.p_global #brazil .panel {
  right: 0;
  text-align: left;
}

.p_global #brazil .panel .container {
  padding: 60px;
}

.p_global #brazil .indent {
  margin-top: 16px;
  margin-left: 2em;
}

.p_global #brazil h5 {
  font-weight: bold;
}

.p_global #brazil h5:before {
  content: '●';
}

/* ---------------------------------------------------------
 * china
** --------------------------------------------------------- */

.p_global #china {
  height: 812px;
  background: url(../img/global/bg_04.png) no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.p_global #china .panel {
  left: 0;
  text-align: right;
}

.p_global #china .panel .container {
  padding: 40px 60px;
}

.p_global .link_bg_usa {
  width: 364px;
  height: 78px;
  background: url(../img/global/link_bg_usa.png) no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}

.p_global .link_bg_usa a {
  padding: 0 28px;
}

.p_global .link_bg_ny {
  width: 364px;
  height: 78px;
  background: url(../img/global/link_bg_ny.png) no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}

.p_global .link_bg_ny a {
  padding: 0 28px;
}

.p_global .link_bg_brazil {
  width: 364px;
  height: 78px;
  background: url(../img/global/link_bg_brazil.png) no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}

.p_global .link_bg_brazil a {
  padding: 0 28px;
}

.p_global .link_bg_china {
  width: 364px;
  height: 78px;
  background: url(../img/global/link_bg_china.png) no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}

.p_global .link_bg_china a {
  padding: 0 28px;
}

.p_global .link_bg_02 {
  width: 87%;
  height: 58px;
  background: url(../img/global/link_bg_02.png) no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
  border-radius: 30px;
}

.p_global .link_bg_02 a {
  width: 100%;
  padding: 18px 28px 16px;
}

.p_global .link_bg_03 {
  width: 235px;
  height: 58px;
  background: url(../img/global/link_bg_03.png) no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  align-items: center;
}

.p_global .link_bg_03 a {
  padding: 18px 28px;
}

@media screen and (max-width: 767px) {
  .p_global .link_bg_02 {
    width: 100%;
  }

  .p_global .panel h3>small img {
    height: 22px;
    vertical-align: middle;
    margin: 5px 0px 7px 5px;
  }
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

@media screen and (max-width: 767px) {
  .p_global #cover {
    height: 70vw;
    background-image: url(../img/global/cover_sp.png);
  }

  .p_global #cover>div {
    padding-top: 30vw;
  }

  .p_global #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_global #intro p {
    font-size: 4vw;
  }

  .p_global #taiwan {
    background-image: url(../img/global/bg_01_sp.png);
    height: 700px;
  }

  .p_global #america {
    background-image: url(../img/global/bg_02_sp.png);
    height: 1340px;
  }

  .p_global #brazil {
    background-image: url(../img/global/bg_03_sp.jpg);
    background-position: center top:
  }

  .p_global #china {
    background-image: url(../img/global/bg_04_sp.png);
  }

  .p_global .panel {
    width: 90%;
    top: auto;
    transform: none;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .p_global .panel .container {
    width: 100%;
    padding: 20px 5%;
  }

  .p_global .panel h3 {
    width: initial;
    text-align: center;
    background-size: contain;
    /* background-position: center center; */
    padding: 0px 10px 6px;
    height: 12vw;
  }

  .p_global .panel h4,
  .p_global .panel h5 {
    font-size: 4vw;
  }

  .p_global .link_bg_01,
  .p_global .link_bg_usa,
  .p_global .link_bg_china,
  .p_global .link_bg_ny,
  .p_global .link_bg_brazil {
    width: initial;
    background-position: right center;
  }

  .p_global #america .panel .container,
  .p_global #brazil .panel .container,
  .p_global #china .panel .container {
    padding: 20px 5%;
  }

  .p_global .link_bg_01 a,
  .p_global .link_bg_ny a {
    width: 290px;
    padding: 5vw 5vw;
  }

  .p_global .link_bg_usa a,
  .p_global .link_bg_brazil a,
  .p_global .link_bg_china a {
    padding: 8vw 5vw;
    width: 290px;
  }

  a.rollover.cmnBtn.cmnBtn-lon.cmnBtn-sp-lon2 {
    width: 305px;
    font-size: 14px;
    padding: 15px 10px;
  }
}

@media screen and (max-width: 320px) {
  a.rollover.cmnBtn.cmnBtn-lon.cmnBtn-sp-lon2 {
    width: 265px;
  }

  .p_global .link_bg_usa a,
  .p_global .link_bg_brazil a,
  .p_global .link_bg_china a {
    padding: 8vw 5vw;
    width: 260px;
    font-size: 14px;
  }

  .p_global .link_bg_01 a,
  .p_global .link_bg_ny a {
    width: 260px;
    font-size: 14px;
  }
}

/** /global/japan-china_debate/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_global_debate #cover {
  text-align: center;
  height: 390px;
  background: url(../img/global/japan-china_debate/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_global_debate #cover>div {
  padding-top: 220px;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */

.p_global_debate #intro>div {
  padding: 30px 0;
}

.p_global_debate #intro p {
  text-align: center;
  color: #00284C;
  font-weight: bold;
}

.p_global_debate #intro .img {
  text-align: center;
  margin-top: 40px;
}

/* ---------------------------------------------------------
 * table
** --------------------------------------------------------- */

.p_global_debate #table>div {
  width: 896px;
  margin: 0 auto;
  padding-bottom: 80px;
}

.p_global_debate #table .table {
  display: table;
  border-top: 1px solid #3F5D79;
  border-bottom: 1px solid #3F5D79;
  border-collapse: separate;
  border-spacing: 32px 0;
}

.p_global_debate #table .tr {
  display: table-row;
}

.p_global_debate #table .td,
.p_global_debate #table .th {
  display: table-cell;
  vertical-align: middle;
  border-top: 1px dotted #3F5D79;
}

.p_global_debate #table .tr:first-child .td,
.p_global_debate #table .tr:first-child .th {
  border: none;
}

.p_global_debate #table .td {
  padding: 20px 10px;
  font-size: 16px;
}

.p_global_debate #table .th {
  font-weight: bold;
  text-align: center;
  width: 202px;
}

.p_global_debate #table .td>div {
  margin-top: 20px;
}

.p_global_debate #table h4 {
  font-size: 16px;
  margin-bottom: 8px;
}

.p_global_debate #table b {
  color: #FF3C02;
  font-weight: bold;
}

/* ---------------------------------------------------------
 * Under Smart Phone Size
** --------------------------------------------------------- */

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

  /*@media screen and (max-width: 480px) {*/
  .p_global_debate #cover {
    background-position: left center;
    height: 70vw;
  }

  .p_global_debate #cover>div {
    padding-top: 30vw;
  }

  .p_global_debate #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_global_debate #table>div {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 40px;
  }

  .p_global_debate #table .table,
  .p_global_debate #table .tr {
    display: block;
  }

  .p_global_debate #table .td {
    display: block;
    border: none;
    padding: 0;
    padding-bottom: 20px;
    font-size: 16px;
  }

  .p_global_debate #table .th {
    display: block;
    font-weight: bold;
    text-align: left;
    padding: 20px 0 10px 0;
    width: 100%;
  }

  .cmnBtn.cmnBtn-sp-lon2:before {
    width: 20px;
    right: -15px;
  }
}

@media screen and (max-width: 320px) {
  a.rollover.cmnBtn.cmnBtn-lon.cmnBtn-sp-lon2 {
    width: 265px;
  }
}

/** /research/ */

/* ---------------------------------------------------------
 * p_research
** --------------------------------------------------------- */
.p_research {
  line-height: 1.7;
}

.p_research #cover {
  text-align: center;
  height: 392px;
  background-image: url(../img/research/cover.png);
  background-position: center;
  background-size: cover;
}

.p_research #cover h2 {
  padding-top: 210px;
  font-size: 40px;
  color: #00284C;
  line-height: 50px;
}

.p_research #cover h2>small {
  font-size: 28px;
  font-weight: bold;
}

.p_research #cover h2>small:before {
  content: '[';
  font-weight: normal;
  margin-right: 14px;
}

.p_research #cover h2>small:after {
  content: ']';
  font-weight: normal;
  margin-left: 14px;
}

.p_research .lead {
  color: #00284C;
  text-align: center;
  font-size: 16px;
  margin: 40px 0;
}

.p_research .shokai h3 {
  max-width: 975px;
  height: 289px;
  margin: 0 auto 30px;
  padding-top: 135px;
  background-image: url(../img/research/subtitle.png);
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}

.p_research .shokai>div {
  width: 700px;
  margin: 0 auto;
  font-size: 16px;
}

.p_research .shokai>div .detail_btn {
  margin: 50px auto;
}

.p_research .fukidashi {
  height: 40px;
  background-color: #8090BD;
  margin: 60px 0 20px;
  font-size: 17px;
  color: #fff;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  border-radius: 20px;
  position: relative;
}

.p_research .fukidashi:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 4px 0;
  border-color: #8090BD transparent transparent;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
}

.p_research .kenkyu.pc {
  display: block;
  margin: 0 auto 60px;
}

.p_research #junsui_rinri.junsui_rinriA h2 {
  margin: 30px 0;
}

/* ---------------------------------------------------------
 * links
** --------------------------------------------------------- */

.p_research #links {
  padding-top: 70px;
}

.p_research #links h2 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 8px;
}

.p_research #links p {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 16px;
}

.p_research #links .container {
  margin: 0;
  padding: 0 0 100px;
  font-size: 0;
}

.p_research #links .container>div {
  text-align: center;
  padding: 0;
  margin: 0 auto;
  width: 980px;
  color: white;
  /* white-space: nowrap; */
}

.p_research #links .container>div>div {
  display: inline-block;
  vertical-align: top;
  padding-top: 100px;
  width: 50%;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_research #links .container>div>div div {
  margin-top: 25px;
}

#link_daikibo {
  background-image: url(../img/research/bg_01.png);
}

#link_forum {
  background-image: url(../img/research/bg_02.png);
}

#link_kiyou {
  background-image: url(../img/research/bg_03.png);
}

#link_gekkanshi {
  background-image: url(../img/research/bg_04.png);
}

/* ---------------------------------------------------------
 * researcher
** --------------------------------------------------------- */

.p_research #researcher {
  background-image: url(../img/research/bg.png);
  background-size: cover;
  background-position: center center;
  padding: 40px 0;
  margin-bottom: 140px;
}

.p_research #researcher>div {
  max-width: 975px;
  padding: 50px 130px 60px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.95);
}

@media screen and (max-width: 1050px) and (min-width: 768px) {
  .p_research #researcher>div {
    width: 94%;
  }

}

.p_research #researcher h3 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #00284C;
  margin-bottom: 40px;
}

.p_research #researcher dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.p_research dt {
  width: 265px;
  margin-top: 7px;
}

.p_research dt:first-of-type {
  margin-top: 0;
}

.p_research dt div {
  background-color: rgba(163, 177, 173, 0.27);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: bold;
}

.p_research dd {
  width: 440px;
  border-top: 1px solid rgba(0, 40, 76, 0.27);
  padding-top: 3px;
  margin-top: 3px;
}

.p_research dd:first-of-type {
  margin-top: 0;
}

.p_research dd:last-of-type {
  border-bottom: 1px solid rgba(0, 40, 76, 0.27);
  padding-bottom: 3px;
}

@media screen and (max-width:1050px)and (min-width:767px) {
  .p_research dt {
    width: 40%;
  }

  .p_research dd {
    width: 58%;
  }
}

.p_research #researcher ul {
  padding: 10px 0 10px 40px
}

.p_research #researcher li {
  font-size: 17px;
  margin: 3px 0;
}

_:-ms-lang(x),
.p_research #researcher li {
  transition: rotate(.1deg)
}

.p_research #researcher li img {
  margin-right: 3px;
}

.p_research #researcher li a {
  text-decoration: none;
}

.p_research #researcher li .shimei {
  display: inline-block;
  width: 130px
}

.p_research #researcher li .furigana {
  display: none;
}

.p_research #researcher .others {
  margin-top: 10px;
}

/* sp */
@media screen and (max-width: 767px) {
  .p_research #cover {
    height: 70vw;
    background-image: url(../img/research/cover_sp.png);
  }

  .p_research #cover h2 {
    padding-top: 25vw;
    font-size: 8vw;
  }

  .p_research #cover h2>small {
    font-size: 6vw;
  }

  .p_research .lead {
    width: 90%;
    margin: 40px auto 60px;
  }

  .p_research .shokai h3 {
    width: 90%;
    background-image: url(../img/research/subtitle_sp.png);
    background-size: cover;
    background-position: center;
  }

  .p_research .shokai>div {
    width: 90%;
    margin-bottom: 20px;
  }

  .p_research .kenkyu.sp {
    display: block;
    margin: 0 auto 20px;
  }

  /* ---------------------------------------------------------
 * links
** --------------------------------------------------------- */
  .p_research #links {
    padding-top: 0;
    padding-bottom: 0px;
  }

  .p_research #links .container {
    height: 100%;
    padding-bottom: 50px;
  }

  .p_research #links .container>div {
    width: 100%;
  }

  .p_research #links .container>div>div {
    margin-top: 10px;
    padding-top: 70px;
    padding-bottom: 50px;
    width: 90%;
    height: 100%;
  }

  .p_research #links .link {
    width: 80%;
    margin: 0 auto;
  }

  #link_daikibo {
    background-image: url(../img/research/bg_01_sp.png);
  }

  #link_forum {
    background-image: url(../img/research/bg_02_sp.png);
  }

  #link_kiyou {
    background-image: url(../img/research/bg_03_sp.png);
  }

  #link_gekkanshi {
    background-image: url(../img/research/bg_04_sp.png);
  }

  /* ---------------------------------------------------------
 * researcher
** --------------------------------------------------------- */
  .p_research #researcher {
    background-image: url(../img/research/bg_sp.png);
    background-color: #ddd;
    margin-bottom: 40px;
  }

  .p_research #researcher>div {
    width: 90%;
    padding: 30px;
  }

  .p_research #researcher h3 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .p_research #researcher dl {
    display: block;
  }

  .p_research dt {
    width: 100%;
  }

  .p_research dt div {
    padding: 10px 0;
  }

  .p_research dd {
    width: 100%;
    border-top: none;
  }

  .p_research dd:last-of-type {
    border-bottom: none;
  }

  .p_research #researcher ul {
    padding: 10px 0;
  }

  .p_research #researcher li .shimei {
    display: inline;
  }
}


/* ---------------------------------------------------------
 * p_research_investigation
** --------------------------------------------------------- */

.p_research_investigation>section>section {
  font-size: 16px;
  line-height: 1.8;
}

.p_research_investigation #cover {
  text-align: center;
  height: 392px;
  background-image: url(../img/research/investigation/cover.png);
  background-position: center;
  background-size: cover;
}

.p_research_investigation #cover h2 {
  padding-top: 210px;
  font-size: 40px;
}

_:-ms-lang(x),
.p_research_investigation #cover h2 {
  transform: rotate(.1deg);
}

.p_research_investigation .link_list {
  display: flex;
  justify-content: center;
  padding: 30px 0;
}

_:-ms-lang(x),
.p_research_investigation {
  transform: rotate(.1deg);
}

.p_research_investigation .link_list li {
  border-right: 1px solid rgba(0, 40, 76, 0.27);
}

.p_research_investigation .link_list li:first-child {
  border-left: 1px solid rgba(0, 40, 76, 0.27);
}

.p_research_investigation .link_list li:hover {
  opacity: 0.7;
}

.p_research_investigation .link_list a {
  display: block;
  padding: 10px 40px;
  text-decoration: none;
  letter-spacing: 2px;
  font-weight: bold;
  color: #00284C;
}

@media screen and (max-width:1050px)and (min-width:767px) {
  .p_research_investigation .link_list a {
    padding: 10px 30px;
  }
}

.p_research_investigation .link_list img {
  margin-left: 10px;
  margin-top: -5px;
}

.p_research_investigation h3 {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  color: #00284C;
  margin-bottom: 30px;
}

_:-ms-lang(x),
.p_research_investigation h3 {
  transform: rotate(.1deg);
}

.p_research_investigation #intro {
  background-image: radial-gradient(ellipse at center, rgba(245, 247, 249, 1) 0%, rgba(226, 231, 230, 1) 100%);
  padding: 40px 0 20px;
}

.p_research_investigation #intro>div {
  min-width: 768px;
  max-width: 980px;
  width: 90%;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between;
  text-align: justify;
  text-justify: distribute;
}

_:-ms-lang(x),
.p_research_investigation #intro>div {
  transform: rotate(.1deg);
}

@media screen and (max-width:767px) {
  .p_research_investigation #intro>div {
    min-width: 0;
  }
}

@media screen and (max-width:1050px)and (min-width:767px) {
  .p_research_investigation #intro>div {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.p_research_investigation #intro .pdf_list {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 60px 40px;
}

.p_research_investigation .what>* {
  width: 48%;
}

.p_research_investigation .what>* p {
  padding: 0 10px;
}

.p_research_investigation .what h4 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background-color: #00284C;
  border-radius: 15px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  margin-bottom: 25px;
}

_:-ms-lang(x),
.p_research_investigation .what h4 {
  transform: rotate(.1deg);
}

.p_research_investigation .what h4:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #00294c transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.p_research_investigation #intro>div.pdf_list {
  background-color: #fff;
  margin-top: 40px;
  padding: 30px 60px;
  display: block;
}

.p_research_investigation .pdf_list>.container {
  display: flex;
  justify-content: space-between;
}

.p_research_investigation .pdf_list>.container>section {
  width: 50%;
  text-align: justify;
  text-justify: distribute;
  line-height: 1.8;
  padding: 0 5px;
}

@media screen and (max-width:768px) {
  .p_research_investigation #intro .pdf_list {
    padding: 60px 10px;
  }
}

.p_research_investigation .pdf_list a {
  text-decoration: none;
  font-size: 15px;
}

.p_research_investigation .pdf_list a:after {
  content: '';
  background: url(../img/common/icon_outside.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 15px;
  height: 11px;
  display: inline-block;
  /*margin-left: 4px;*/
}

.p_research_investigation .pdf_list h4 {
  background-image: radial-gradient(ellipse at center, rgba(245, 247, 249, 1) 0%, rgba(225, 230, 229, 1) 100%);
  background-size: 100% 100px;
  background-position: center;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #00294c;
  padding: 5px;
}

.p_research_investigation .pdf_list ul {
  padding-left: 20px;
  margin-top: 10px;
}

.p_research_investigation .pdf_list li {
  list-style-type: disc;
}

.p_research_investigation #taisei {
  min-width: 625px;
  max-width: 900px;
  width: 80%;
  margin: 0 auto;
  padding: 60px 0;
  text-align: justify;
  text-justify: distribute;
}

.p_research_investigation .fukidashi {
  min-width: 625px;
  max-width: 900px;
  width: 100%;
  padding: 7px;
  margin-bottom: 30px;
  background-image: linear-gradient(to right, rgb(230, 233, 232) 0%, rgb(241, 243, 243) 50%, rgb(230, 233, 232) 100%);
  position: relative;
  text-align: justify;
  text-justify: distribute;
}

@media screen and (max-width:767px) {
  .p_research_investigation #taisei {
    min-width: 0;
  }

  .p_research_investigation .fukidashi {
    min-width: 0;
  }
}

.p_research_investigation .fukidashi:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px 0 10px;
  border-color: rgb(241, 243, 243) transparent transparent transparent;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.p_research_investigation .fukidashi div {
  background-color: #fff;
  color: #00284C;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  padding: 35px 20px 35px;
  display: block;
}

.p_research_investigation .fukidashi dt {
  font-weight: bold;
}

.p_research_investigation .fukidashi dt:after {
  content: "：";
}

.p_research_investigation #rinri25_epm {
  background-image: url(../img/research/investigation/sky_bg.png);
  background-position: center;
  background-size: cover;
  padding: 60px 0;
}

.p_research_investigation .bg_white {
  background-color: #fff;
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  padding: 70px 150px;
  text-align: justify;
  text-justify: distribute;
}



.p_research_investigation #rinri25_epm h4 {
  width: 395px;
  height: 85px;
  margin: 0 auto 30px;
  padding: 7px;
  font-size: 20px;
  text-align: center;
  background-image: url(../img/research/investigation/subtitle_bg.png);
  background-position: bottom left;
}

.p_research_investigation #rinri25_epm h4 div {
  background-color: #fff;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00284C;
  font-weight: bold;
}

.p_research_investigation .rinri25_list {
  list-style-type: none;
  font-size: 20px;
  color: #00284C;
  margin-top: 20px;
}

@media screen and (max-width:1050px) and (min-width:768px) {
  .p_research_investigation .bg_white {
    padding: 70px 40px;
  }

  .p_research_investigation .rinri25_list {
    margin-top: 40px;
    margin-left: 120px;
  }
}

.p_research_investigation .rinri25_list li {
  font-family: 'リュウミン M-KL', 'Ryumin Medium KL', "Yu Mincho Medium", "游明朝 Medium", "Yu Mincho", serif;
  font-weight: bold;
  margin-bottom: 13px;
}

.p_research_investigation .rinri25_list li {
  transform: rotate(.1deg);
}

.p_research_investigation .rinri25_list li img {
  height: 18px;
}

/**/
.p_research_investigation .rinri25_list li>ul>li {
  float: left;
  width: 80%;
}

.p_research_investigation .rinri25_list li ul li:first-child {
  width: 4%;
  margin-right: 60px;
}

.p_research_investigation .rinri25_list li ul li:first-child:before {
  content: "";
  border-bottom: 1px dashed #00284C;
  opacity: 0.4;
  width: 40px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 3px;
  position: absolute;
  top: 55%;
  left: 100%;
}

@media screen and (max-width: 767px) {
  .p_research_investigation .rinri25_list li>ul>li {
    float: left;
    width: 71%;
  }

  .p_research_investigation .rinri25_list li ul li:first-child {
    width: 12%;
    margin-right: 40px;
  }

  .p_research_investigation .rinri25_list li ul li:first-child:before {
    content: "";
    border-bottom: 1px dashed #00284C;
    opacity: 0.4;
    width: 20px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 3px;
    position: absolute;
    top: 55%;
    left: 100%;
  }
}

/**/

.p_research_investigation .rinri25_list span {
  /*font-family: "Yu Mincho Medium", "游明朝 Medium", "Yu Mincho", YuMincho, "游明朝体", serif;
  font-weight: bold;*/
}

.p_research_investigation .rinri25_list span:before {
  content: "";
  border-bottom: 1px dashed #00284C;
  opacity: 0.4;
  width: 40px;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 3px;
}

.p_research_investigation #epm {
  margin-top: 100px;
}

@media screen and (max-width:1050px) and (min-width:768px) {
  .p_research_investigation #epm {
    margin-top: 80px;
  }
}

.p_research_investigation #epm img {
  display: block;
  margin: 20px auto 40px;
}

.p_research_investigation #epm ol {
  padding-left: 30px;
  /*list-style-type: decimal-leading-zero;*/
  list-style-type: none;
  margin-bottom: 20px;
  text-indent: -30px;
}

.p_research_investigation #books {
  padding: 60px 0 84px;
  max-width: 980px;
  width: 90%;
  margin: 0 auto;
  text-align: justify;
  text-justify: distribute;
}

@media screen and (max-width:1050px)and (min-width:767px) {
  .p_research_investigation #books {
    padding: 60px 10px 100px;
  }

  .p_research_forum .info .th {
    width: 10%;
  }
}

.p_research_investigation #books>p {
  max-width: 700px;
  width: 65%;
  margin: 0 auto;
}

.p_research_investigation .book_list {
  margin-top: 30px;
}

.p_research_investigation .book_list section {
  border-bottom: 1px dotted #00284C;
  padding: 25px 0;
  display: flex;
}

.p_research_investigation .book_list section:first-child {
  border-top: 1px dotted #00284C;
}

.p_research_investigation .book_list section>img {
  width: 180px;
  height: 200px;
}

.p_research_investigation .book_list section>div {
  max-width: 790px;
  width: 80%;
  padding-left: 35px;
}

.p_research_investigation .book_list h4 {
  font-size: 16px;
  color: #00284C;
  margin-bottom: 10px;
}

.p_research_investigation .book_list p {
  margin-bottom: 30px;
}

/* sp */

@media screen and (max-width: 767px) {
  .p_research_investigation>section>section {
    font-size: 18px;
  }

  .p_research_investigation .link_list {
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 60px 30px;
  }

  .p_research_investigation .link_list li {
    position: relative;
    border-right: none;
    border-bottom: 1px solid rgba(0, 40, 76, 0.27);
  }

  .p_research_investigation .link_list li:first-child {
    border-left: none;
    border-top: 1px solid rgba(0, 40, 76, 0.27);
  }

  .p_research_investigation .link_list img {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
  }

  .p_research_investigation #cover {
    height: 70vw;
  }

  .p_research_investigation #cover h2 {
    padding-top: 30vw;
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_research_investigation #intro {
    padding-left: 20px;
    padding-right: 20px;
  }

  .p_research_investigation #intro>div {
    width: 100%;
    display: block;
  }

  .p_research_investigation .what>* {
    width: 100%;
  }

  .p_research_investigation .what h4 {
    font-size: 18px;
    height: 90px;
  }

  .p_research_investigation .what h4:after {
    border-width: 16px 8px 0 8px;
    border-color: #00294c transparent transparent transparent;
    bottom: -16px;
  }

  .p_research_investigation .what section {
    margin-bottom: 20px;
    color: #00294c;
  }

  .p_research_investigation #intro>div.pdf_list {
    padding: 20px;
  }

  .p_research_investigation .pdf_list>.container>section {
    width: 100%;
    margin-bottom: 20px;
  }

  .p_research_investigation .pdf_list h4 {
    font-size: 18px;
  }

  .p_research_investigation .pdf_list>.container {
    display: block;
  }

  .p_research_investigation #taisei {
    width: 100%;
    padding: 60px 20px;
  }

  .p_research_investigation .fukidashi {
    width: 100%;
  }

  .p_research_investigation .fukidashi dl {
    font-size: 18px;
    padding-bottom: 10px;
  }

  .p_research_investigation .fukidashi p {
    margin-bottom: 20px;
  }

  .p_research_investigation #rinri25_epm {
    padding: 60px 20px;
  }

  .p_research_investigation .bg_white {
    width: 100%;
    padding: 40px 20px;
  }

  .p_research_investigation #rinri25_epm h4 {
    width: 100%;
  }

  .p_research_investigation .rinri25_list span:before {
    width: 20px;
  }

  .p_research_investigation #books {
    width: 100%;
    padding: 60px 20px 100px;
  }

  .p_research_investigation #books>p {
    width: 100%;
  }

  .p_research_investigation .book_list section {
    display: block;
  }

  .p_research_investigation .book_list section>img {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto 20px;
  }

  .p_research_investigation .book_list section>div {
    width: 100%;
    padding-left: 0;
  }

  .p_research_investigation .book_list h4 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
  }

  .p_research_investigation .book_list .wl {
    text-align: center;
  }

}

/** /research/list/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_research_list #cover {
  text-align: center;
  height: 390px;
  background: url(../img/research/list/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_research_list #cover>div {
  padding-top: 220px;
}

.p_research_list #cover h2 {
  color: #fff;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */
.p_research_list #intro>div {
  padding-top: 40px;
}

.p_research_list #intro p {
  color: #00284C;
  font-size: 16px;
  text-align: center;
}

/* ---------------------------------------------------------
 * list
** --------------------------------------------------------- */
.p_research_list #list>div {
  max-width: 840px;
  margin: 0 auto;
  padding-bottom: 100px;
  overflow: hidden;
}

.p_research_list #list h3 {
  margin-top: 40px;
  line-height: 1.8;
}

.p_research_list #list h3>label {
  color: #00284C;
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #00284C;
}

_:-ms-lang(x),
.p_research_list #list h3>label {
  margin-right: -1px;
}

.p_research_list #list label {
  display: block;
  position: relative;
}

.p_research_list #list label:after {
  content: '';
  background: url(../img/common/btn_open.png) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 31px;
  height: 31px;
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 0;
}

.p_research_list #list .tr {
  font-size: 0;
  display: flex;
  align-content: center;
}

.p_research_list #list .th,
.p_research_list #list .td {
  display: inline-block;
  vertical-align: middle;
  border-bottom: 1px dotted #00284C;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.p_research_list #list .th {
  font-weight: bold;
  width: 365px;
  padding: 8px 0;
}

.p_research_list #list .td {
  margin-left: 24px;
}

.p_research_list #list .td a,
.p_research_list #list .td span {
  display: block;
  position: relative;
  text-decoration: none;
  padding: 20px 0;
  width: 450px;
}

.p_research_list #list .td a {
  padding: 20px 0 20px 51px;
}

.p_research_list #list .td a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 31px;
  height: 100%;
  background: url(../img/about/business/report/icon_pdf.png) no-repeat;
  background-size: 31px 40px;
  background-position: center center;
}

.p_research_list #list .td a:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 14px;
  background: url(../img/about/business/report/icon_link_ex.png) no-repeat;
  background-size: cover;
  background-position: center center;
  margin-left: 10px;
}

.p_research_list #list .acc {
  display: none;
}

.p_research_list #list .acc_content {
  display: none;
  width: 100%;
}

/*.p_research_list #list .acc:checked + h3 + .acc_content {
  display: block;
}*/
.p_research_list #list .acc:checked+h3>label:after {
  background: url(../img/common/btn_close.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 767px) {
  .p_research_list #cover {
    height: 70vw;
    background-image: url(../img/research/list/cover_sp.png);
  }

  .p_research_list #cover div {
    padding-top: 25vw;
  }

  .p_research_list #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_research_list #list>div {
    width: 90%;
  }

  .p_research_list #list div:not(div:first-child) h3 {
    margin-top: 0;
  }

  .p_research_list #intro p {
    margin-bottom: 40px;
  }

  .p_research_list #list h3 {
    margin-top: 0;
  }

  .p_research_list #list h3>label {
    margin-top: 0;
    font-size: 17px;
    padding: 14px 0;
    border-top: 1px solid #00284C;
    border-bottom: none;
  }

  .p_research_list #list .acc:checked+h3+.acc_content {
    display: block;
  }

  .p_research_list #list .acc_content {
    margin-bottom: 40px;
    overflow: hidden;
  }

  .p_research_list #list .tr {
    display: block;
  }

  .p_research_list #list .th,
  .p_research_list #list .td {
    display: block;
    font-size: 16px;
    border-bottom: none;
    overflow: hidden;
  }

  .p_research_list #list .td {
    padding: 0;
    padding: 0 0 10px 20px;
    margin-left: 0;
    height: initial;
  }

  .p_research_list #list .td a,
  .p_research_list #list .td span {
    width: 100%;
    padding: 0;
  }

  .p_research_list #list .th {
    border-top: 1px dotted #00284C;
    padding-top: 10px;
    width: 100%;
    height: initial;
  }

  .p_research_list #list .tr:first-child .th {
    border-top: 1px dotted #00284C;
  }

  .p_research_list #list label:after {
    top: 17px;
    width: 24px;
    height: 24px;
  }

  .p_research_list #list .td a:before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 100%;
    background: url(../img/about/business/report/icon_pdf.png) no-repeat;
    background-size: 15px 20px;
    background-position: center center;
  }
}

/** /research/researcher_list.html */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_research_researcher #cover {
  text-align: center;
  height: 100px;
  background: url(../img/common/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

/* ---------------------------------------------------------
 * researcher
** --------------------------------------------------------- */



.p_research_researcher #researcher>div>section {
  min-width: 664px;
  width: 70%;
  max-width: 960px;
  margin: 0 auto;
}

_:-ms-lang(x),
.p_research_researcher #researcher>div {
  transform: rotate(.1deg);
}

.p_research_researcher .person_wrap {
  padding-bottom: 30px;
  /*word-break: break-all;
  word-wrap: break-word;*/
}

/*.person_wrap section{
  padding-right: 20px;
  padding-left: 10px;
}*/

.p_research_researcher h2 {
  color: #00284C;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  margin: 50px 0 40px;
}

.p_research_researcher h3 {
  color: #fff;
  background: #00284C;
  font-weight: bold;
  font-size: 24px;
  border-radius: 8px;
  padding: 10px;
}

.p_research_researcher h3 small {
  font-size: 12px;
  margin-left: 1em;
  vertical-align: middle;
}

.p_research_researcher h3:before {
  content: '';
  background: url(../img/research/researcher_list/name_bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
  width: 40px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}

/****/

.br-no {
  border-bottom: none !important;
}

.p_research_researcher .person_wrap ul li>ul li {
  width: 100%;
}

.list-style-type-disc {
  list-style-type: disc;
  padding-left: 20px;
}

.p_research_researcher .space2 {
  letter-spacing: 1em;
}

.flexiblebox {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

/****/


.p_research_researcher h4 {
  margin-top: 1.5em;
  font-weight: bold;
  margin-bottom: .5em;
}


.p_research_researcher .person_wrap>ul {
  display: flex;
  /*margin: 0 1.25em;*/
  line-height: 1.7;
  word-wrap: break-word;
  clear: both;
}

.p_research_researcher .person_wrap>ul>li:first-child {
  width: 15%;
  margin: 0;
  text-align: center;
}

.p_research_researcher .person_wrap>ul>li {
  width: 100%;
  margin-left: 1.25em;
  border-bottom: 1px solid #96A6B5;
  padding: 20px 0;
}

/*_:-ms-lang(x),.p_research_researcher ul li{
  min-width: 660px;
  width: 100%;
  max-width: 900px;
}*/

@media screen and (max-width:767px) {
  .p_research_researcher .person_wrap>ul>li {
    min-width: 0;
    margin: 0;
    width: 100%;
    float: none;
  }
}

_:-ms-lang(x),
.p_research_researcher section div {
  transform: rotate(.1deg);
}

.p_research_researcher ol {
  margin-left: 1.25em;
}

.p_research_researcher h5 {
  margin-bottom: .5em;
}

.p_research_researcher .table {
  display: table;
  line-height: 1.8;
}

.p_research_researcher .td {
  display: table-cell;
  padding-left: 1em;
}

.p_research_researcher .td:first-child {
  padding-left: 0;
}

.p_research_researcher .link {
  margin: 50px 0px 40px;
  text-align: center;
}

.p_research_researcher hr {
  border: none;
  border-top: dashed 1px #ccc;
  height: 1px;
  margin: 1.8em 0;
}

@media screen and (max-width: 767px) {
  .p_research_researcher #cover {
    background: none;
  }

  .p_research_researcher #researcher>div {
    min-width: 0;
    width: 90%;
    padding: 30px 0;
    margin: auto;
  }

  .p_research_researcher #researcher>div>section {
    width: 100%;
    min-width: 0;
  }

  .p_research_researcher h2 {
    margin-left: 0;
    text-align: center;
  }

  .p_research_researcher h3 {
    position: relative;
    padding: 18px 0;
    padding-left: 70px;
    line-height: 20px;
    font-size: 20px;
  }

  .p_research_researcher h3:before {
    margin: 0;
    position: absolute;
    left: 15px;
    top: 12px;
  }

  .p_research_researcher h3 small {
    margin-left: 0;
  }

  .p_research_researcher .person_wrap>ul {
    display: block;
  }

  .p_research_researcher .person_wrap>ul>li:first-child {
    text-align: left;
    font-family: "A-OTF 見出ゴMB1 Std DeBold", "Midashi Go MB1 Std DeBold", sans-serif;
    border: none;
    width: 100%;
  }

  .p_research_researcher .table,
  .p_research_researcher .tr,
  .p_research_researcher .td {
    display: block;
  }

  .p_research_researcher .td {
    padding-left: 0;
  }

  .p_research_researcher .cmnBtn {
    width: 80%;
  }

  .p_research_forum .info .th {
    width: 20%;
  }
}

/** /research/forum/index */

/* ---------------------------------------------------------
 * cover
** --------------------------------------------------------- */

.p_research_forum #cover {
  text-align: center;
  height: 390px;
  background: url(../img/research/forum/cover.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.p_research_forum #cover>div {
  padding-top: 220px;
}

.p_research_forum #cover h2 {
  color: #fff;
}

/* ---------------------------------------------------------
 * intro
** --------------------------------------------------------- */
.p_research_forum #intro p {
  padding: 40px 0;
  text-align: center;
  font-size: 16px;
  color: #00284C;
  line-height: 1.8;
}

.p_research_forum #intro nav {
  text-align: center;
  padding-bottom: 36px;
}

.p_research_forum #intro li {
  display: inline-block;
  border-right: 1px solid #BBC5CF;
}

.p_research_forum #intro li>a {
  color: #00284C;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  padding: 8px 12px;
  display: block;
  width: 304px;
}

.p_research_forum #intro li:first-child {
  border-left: 1px solid #BBC5CF;
}

.p_research_forum #intro li>a:after {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 4px;
  background: url(../img/common/arrow_org_dwn.png) no-repeat;
  background-size: cover;
  background-position: center center;
  vertical-align: middle;
}

/* ---------------------------------------------------------
 * info
** --------------------------------------------------------- */
.p_research_forum #info {
  background: #E7EBEA;
  line-height: 1.8;
}

.p_research_forum #info>div {
  margin: 0 auto;
  padding: 36px 0;
  /* width: 700px; */
  font-size: 16px;
}

.p_research_forum h3 {
  text-align: center;
  margin-bottom: 20px;
}

.p_research_forum .bal {
  background: #002B4C;
  border-radius: 16px;
  width: 456px;
  min-height: 60px;
  padding: 10px;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
}

.p_research_forum .bal>div {
  color: #fff;
  font-weight: bold;
  position: absolute;
  left: 60px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.5;
}

.p_research_forum .bal:before {
  content: '';
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.p_research_forum .bal:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 11px 0 11px;
  border-color: #00294c transparent transparent transparent;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: 0 auto;
  z-index: -1;
}

.p_research_forum #info .bal:before {
  background-image: url(../img/research/forum/ttl_icon_01.jpg);
}

.p_research_forum #report .bal:before {
  background-image: url(../img/research/forum/ttl_icon_02.jpg);
}

.p_research_forum h4 {
  color: #00284C;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}

.p_research_forum #info .wrapper {
  max-width: 700px;
  margin: 0 auto;
}

.p_research_forum #info h5 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: #002B4C;
  text-align: center;
  border-radius: 4px;
  width: 700px;
  padding: 4px 0;
  margin: 0 auto;
  margin-top: 40px;
}

.p_research_forum #info h5 .space {
  letter-spacing: 1em;
  margin-right: -1em;
}

.p_research_forum #info table {
  display: table;
  border-spacing: 20px 0;
  border-collapse: separate;
  max-width: 730px;
  margin-left: -15px;
  border-bottom: dotted 1px #999;
}

.p_research_forum #info tr {
  display: table-row;
}

.p_research_forum #info th,
.p_research_forum #info td {
  display: table-cell;
  border-bottom: dotted 1px #999;
}

.p_research_forum #info tr:last-child th,
.p_research_forum #info tr:last-child td {
  border-bottom: none;
}

.p_research_forum #info th span {
  font-weight: bold;
}

.p_research_forum #info th {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.p_research_forum #info .space0 {
  letter-spacing: 0;
  margin-right: 0;
}

.p_research_forum #info .space1 {
  letter-spacing: 2em;
  /* margin-right: -2em; */
}

.p_research_forum #info .space2 {
  letter-spacing: 1em;
  margin-right: -1em;
}

.p_research_forum #info td {
  padding: 14px 0;
}

.p_research_forum #info .note {
  font-size: 16px;
  margin-top: 1em;
}

.p_research_forum #info .profile {
  background: #fff;
  border-radius: 16px;
  margin: 20px auto;
  padding: 40px 0;
  max-width: 976px;
}

.p_research_forum #info .map {
  position: relative;
  padding-bottom: 83%;
  height: 0;
  overflow: hidden;
}

.p_research_forum #info .map>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.p_research_forum #info .profile table {
  border-top: dotted 1px #999;
}

.p_research_forum #info .profile th {
  width: 170px;
}

.p_research_forum #info .profile h5 {
  background: none;
  margin: 20px 0;
  text-align: center;
  width: 100%;
}

/* ---------------------------------------------------------
 * report
** --------------------------------------------------------- */
.p_research_forum #report>div {
  padding: 36px 0 0;
  font-size: 16px;
}

.p_research_forum #report>div>section {
  padding: 40px 0 0;
  line-height: 1.8;
  margin-bottom: 84px
}

.p_research_forum .info {
  color: #00284C;
  padding: 16px 0;
  display: table;
}

.p_research_forum .info .tr {
  display: table-row;
}

.p_research_forum .info .th {
  font-weight: bold;
  display: table-cell;
}

.p_research_forum .info .td {
  display: table-cell;
}

.p_research_forum #report .summary {
  margin: 0 auto;
  max-width: 890px;
  width: 70%;
}

.p_research_forum #report p {
  padding-bottom: 20px;
}

.p_research_forum #report .report {
  background: #E7EBEA;
  border-radius: 16px;
  margin: 20px auto 0;
  max-width: 1050px;
}

.p_research_forum #report .report>div {
  margin: 0 auto;
  padding: 40px 0;
  max-width: 980px;
  width: 80%;
  text-align: justify;
  text-justify: distribute;
}

.p_research_forum #report .photo {
  text-align: center;
  margin: 20px auto 40px;
  padding: 0 20px;
}

.p_research_forum #report .pagination {
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
}

.p_research_forum #report .pagination>span {
  padding: 4px;
  margin: 0 3px;
  width: 30px;
  height: 30px;
  background-color: #44627c;
  border-radius: 50%;
  color: #fff;
  font-weight: font-weight: bold;
  line-height: 22px;
}

.p_research_forum #report .pagination>a {
  display: block;
  padding: 5px 13px;
  color: #00284c;
  text-decoration: none;
  cursor: pointer;
}

.p_research_forum #report .pagination>a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .p_research_forum #cover {
    height: 70vw;
    background-position: 68%;
  }

  .p_research_forum #cover>div {
    padding-top: 30vw;
  }

  .p_research_forum #cover h2 {
    font-size: 8vw;
    letter-spacing: 4px;
  }

  .p_research_forum #intro li {
    border-right: none;
    width: 90%;
    position: relative;
    border-bottom: 1px solid #BBC5CF;
  }

  .p_research_forum #intro li:first-child {
    border-left: none;
    border-top: 1px solid #BBC5CF;
  }

  .p_research_forum #intro li>a:after {
    position: absolute;
    right: 0;
    top: 12px;
  }

  .p_research_forum #info .wrapper {
    width: 90%;
  }

  .p_research_forum .bal {
    width: 90%;
  }

  .p_research_forum #info h5 {
    border-radius: 0;
    width: 100%;
  }

  .p_research_forum #info .profile {
    width: 90%;
  }

  .p_research_forum #info table {
    display: block;
    /* margin-left: 0; */
    width: 100%;
    border-spacing: 0;
    margin: 0 auto;
  }

  .p_research_forum #info tr,
  .p_research_forum #info th,
  .p_research_forum #info td {
    display: block;
  }

  .p_research_forum #info th {
    border-bottom: none;
    text-align: left;
    padding-top: 14px;
  }

  .p_research_forum #info .profile th {
    width: 100%;
  }

  .p_research_forum #info td {
    padding-top: 0;
  }

  .p_research_forum #info .space0,
  .p_research_forum #info .space1,
  .p_research_forum #info .space2 {
    letter-spacing: 0;
    margin-right: 0;
  }

  .p_research_forum #report .summary {
    width: 90%;
  }

  .p_research_forum #report .report {
    width: 90%;
  }

  .p_research_forum #report .report>div {
    width: 100%;
  }

  .p_research_forum #report .report p {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* ---------------------------------------------------------
 * forEffect Module
** --------------------------------------------------------- */
/* --------------------
 * cmnBtn
 * -------------------- */
.cmnBtn {
  text-decoration: none !important;
  color: #ff3b00 !important;
  font-size: 16px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 215px;
  padding: 6px 0;
  background: #fff;
  border: 1px solid #ff3b00;
  position: relative;
  transition: all .5s;
}

_:-ms-lang(x),
.cmnBtn {
  padding: 8.5px 0 3.5px;
}

.cmnBtn-lon {
  width: 355px;
}

.cmnBtn-lon660 {
  width: 660px;
}

.cmnBtn-sht {
  width: 160px;
  font-size: 14px;
  padding: 2px 0 0;
}

.cmnBtn:before {
  content: "";
  display: block;
  width: 39px;
  height: 1px;
  border-bottom: 1px solid #ff3b00;
  position: absolute;
  top: 50%;
  right: -12px;
  transition: all .5s;
}

.cmnBtn:before {
  width: 20px;
}

.cmnBtn[target="_blank"]:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
  background: url("../img/common/cmnBtn_icon-blank.svg") no-repeat center center / 100%;
}

_:-ms-lang(x),
.cmnBtn[target="_blank"]:after {
  margin-top: -4px;
}


.cmnBtn:hover {
  color: #fff !important;
  background: #ff3b00;
}

.cmnBtn:link {
  border: 1px solid #ff3b00;
}

.cmnBtn:hover:before {
  right: -20px;
}

.cmnBtn-color-B,
.cmnBtn-color-B:before {
  color: #00284c !important;
  border-color: #00284c;
}

.cmnBtn-color-B:hover {
  color: #fff !important;
  background: #00284c;
}

.cmnBtn-cs,
.cmnBtn-cs:before {
  color: #FFF !important;
  border-color: #FFF;
  background: #808080;
}

.cmnBtn-cs:hover,
.cmnBtn-cs:hover:before {
  color: #808080 !important;
  background: #FFF;
}

#young .cmnBtn-cs {
  display: block;
  float: right;
  justify-content: center;
}

.cmnBtn-min {
  display: inline-flex;
  width: 130px;
  height: 22px;
  font-size: 11px;
  margin: 5px 0;
}

.cmnBtn-min:link {
  border: 1px solid #00284c;
}

_:-ms-lang(x),
.cmnBtn-min {
  padding: 7px 0 5px;
}

.cmnBtn-min-shikinami {
  width: 205px;
}

.cmnBtn-min::before {
  width: 5px;
  height: 5px;
  border: 1px solid #00284c;
  border-bottom: 0;
  border-left: 0;
  background: 0;
  transform: rotate(45deg);
  top: calc(50% - 2.5px);
  right: 10px;
}

.cmnBtn-min:hover::before {
  border-color: #FFF;
  right: 5px;
}

.cmnBtn-min[target="_blank"]::after {
  display: none;
}

.cmnBtn-min,
.cmnBtn-min::before {
  color: #00284c !important;
  border-color: #00284c;
}

.cmnBtn-min:hover {
  background-color: #00284c;
}


@media screen and (max-width: 767px) {
  .cmnBtn {
    font-size: 17px;
    width: 80%;
    padding: 15px 0;
  }

  .cmnBtn-sp-lon {
    width: 280px;
  }

  .cmnBtn:before {
    width: 30px;
    right: -15px;
  }

  .cmnBtn:link {
    border: 1px solid #ff3b00;
  }

  .cmnBtn-min:link {
    border: 1px solid #00284c;
  }

  .cmnBtn-min {
    width: 100%;
    height: 22px;
    font-size: 16px;
  }

  .cmnBtn-min::before {
    width: 5px;
    height: 5px;
    border: 1px solid #00284c;
    border-bottom: 0;
    border-left: 0;
    background: 0;
    transform: rotate(45deg);
    top: calc(50% - 2.5px);
    right: 10px;
  }

  .cmnBtn-min-shikinami {
    width: 100%;
    font-size: 3.5vw;
  }
}

/** fancybox **/

.fancybox-button {
  padding: 0;
}

.fancybox-button svg {
  display: none;
}

.fancybox-button.disabled {
  display: none !important;
}

.fancybox-navigation .fancybox-button {
  display: flex;
  width: 50px;
  height: 92px;
  border: none;
  top: calc(50% - 46px);
  justify-content: center;
  align-items: center;
  background: #01499D;
}

.p_houjin~.fancybox-container .fancybox-button {
  background: #01499D;
}

.p_top~.fancybox-container .fancybox-button {
  background: #01499D;
}

.p_katei~.fancybox-container .fancybox-button {
  background: #1CA927;
}


/*.fancybox-button--arrow_left button.hide,
.fancybox-button--arrow_right button.hide {
  opacity: 0 !important;
  cursor: default;
}*/


.fancybox-button--arrow_left {
  left: 0;
}

.fancybox-button--arrow_right {
  right: 0;
}

.fancybox-navigation .fancybox-button--arrow_left::after {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  padding: 0;
  margin-left: 14px;
  margin-top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-color: #fff transparent transparent #fff;
  transform: rotate(-45deg);
}

.fancybox-navigation .fancybox-button--arrow_right::after {
  display: block;
  padding: 0;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin-left: -4px;
  margin-top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-color: transparent #fff #fff transparent;
  transform: rotate(-45deg);
}

.arrow_wrap {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cats {
  /*font-family: 'Roboto', "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
  width: 873px;
  padding: 55px 50px 50px;
  background: transparent;
}

.cats_wrap {
  padding: 38px;
  background: #FFF;
}

.cats_wrap .cmnBtn {
  border-radius: 16.5px !important;
}

.fancybox-close-small {
  right: 50px;
  font-size: 0;
  height: 55px;
  width: 55px;
}

.fancybox-close-small svg {
  display: none;
}

.fancybox-close-small::after {
  transform: skewY(45deg);
}

.fancybox-close-small::before,
.fancybox-close-small::after {
  position: absolute;
  top: 50%;
  left: 10px;
  content: "";
  display: block;
  width: 40px;
  border-top: 2px solid #fff;
}

.fancybox-close-small::before {
  transform: skewY(-45deg);
}

.cats .icon {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  text-align: center;
}

.cats .photo {
  margin-bottom: 40px;
}

.cats .img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  text-align: center;
}

.cats_ttl {
  color: #01499D;
}

.cats .cats_ttl {
  font-size: 20px;
  margin-bottom: 40px;
  text-align: center;
}

.cats_ttl-h {
  color: #01499D;
}

.cats_ttl-k {
  color: #1CA927;
}

.cats h3 {
  /*font-family: "roboto", "こぶりなゴシック W6 JIS2004", "Koburina Gothic W6 JIS2004", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.cats .text {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
  text-align: justify;
  text-justify: distribute;
}

.cats .link {
  margin: 20px 0;
}

.fancybox-button--inner {
  display: none;
}

@media screen and (max-width: 767px) {
  .cats {
    position: relative;
    width: 100%;
    padding: 55px 5% 50px;
    background: #FFF;
    text-align: center;
    overflow: scroll;
  }

  .cats_wrap {
    padding: 0;
  }

  .cats_wrap .cmnBtn {
    border-radius: 26.25px !important;
  }

  .cats .text {
    width: 100%;
    display: inline-block;
    text-align: justify;
    text-justify: distribute;
  }

  .cats .img {
    margin-bottom: 20px;
  }

  .fancybox-close-small {
    background: #ddd;
    right: 0;
  }

  .fancybox-button--arrow_left,
  .fancybox-button--arrow_right {
    top: 269px;
    width: 30px;
    height: 60px;
  }

  .arrow_right {
    width: 10px;
    height: 10px;
  }

  .arrow_left {
    width: 10px;
    height: 10px;
  }

  .fancybox-slide .inner_btn {
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
  }

  .fancybox-navigation .fancybox-button {
    display: none;
  }

  .fancybox-navigation .fancybox-button::after {
    content: "";
    display: block;
  }

  .inner_btn.fancybox-button--arrow_right {
    bottom: 0;
    right: calc(50% - 40px);
  }

  .inner_btn.fancybox-button--arrow_left {
    bottom: 0;
    left: calc(50% - 40px);
  }

  .arrow_left {
    margin-left: 4px;
  }

  .arrow_right {
    margin-left: -4px;
  }

  .fancybox-button--inner {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #01499D;
  }

  .fancybox-button--arrow_left::after {
    content: "";
    display: block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 0;
    margin-left: 4px;
    margin-top: 0;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: #fff transparent transparent #fff;
    transform: rotate(-45deg);
  }

  .fancybox-button--arrow_right::after {
    content: "";
    display: block;
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-left: -4px;
    margin-top: 0;
    width: 10px;
    height: 10px;
    border: 2px solid;
    border-color: transparent #fff #fff transparent;
    transform: rotate(-45deg);
  }

  .p_top~.fancybox-container .fancybox-button {
    top: 25vw;
  }

  .fancybox-is-open .fancybox-bg {
    pointer-events: none;
  }
}

@media screen and (max-width: 420px) {
  .p_research_investigation .pdf_list li a {
    font-size: 14.5px;
  }
}