@charset "UTF-8";
/* 文字コードの指定 */
/* CSS Document */
html {
font-size: 62.5%; }

body {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Helvetica", Helvetica, "Helvetica Neue", HelveticaNeue, "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  color: #222222;
}


h1 {
  margin: 0;
  padding: 0; }

h2 {
  margin: 0;
  padding: 0; }

h3 {
  margin: 40;
  padding: 0; }

p {
  margin: 0;
  padding: 0; }

a {
  color: #E85298;
  text-decoration: none; }

img {
  width: 100%;
  vertical-align: bottom; }

small {
  font-size: 66%; }

section {
  margin: 200px 0;
  padding: 0; }
  @media screen and (max-width: 520px) {
    section {
      margin: 168px 0; } }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

#cont {
  width: 100%;
  height: 100%;
  position: relative;
  transition: opacity 0.5s; }

  /* 動画 */ 




.video-wrap {
  position: fixed;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
}

.video-wrap video {
  position: fixed;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}



.cont__main {
  position: relative;
  z-index: 3; }
  .cont__main .cont__main-wrap {
    width: calc(100% - 30%);
    margin-left: auto; }
    @media screen and (max-width: 1024px) {
      .cont__main .cont__main-wrap {
        width: 100%;
        margin: auto; } }

.Sec-wrap {
  margin: 0 auto;
  width: calc(100% - 100px);
  max-width: 900px; }
  @media screen and (max-width: 520px) {
    .Sec-wrap {
      width: calc(100% - 40px); } }

.Sec-title {
  margin-left: 50px;
  font-size: 8rem;
  font-weight: 600;
  font-family: "Helvetica", Helvetica, "Helvetica Neue", HelveticaNeue;
	margin-bottom: 60px;
	color: #FFFFFF;
	-webkit-text-stroke: 2px #E85298;
	text-shadow: 6px 6px 0px #EFCEDF;
  line-height: 1; }
  @media screen and (max-width: 520px) {
    .Sec-title {
	  width: 100%;
	  margin-left: 0;
      /*font-size: 8rem;*/
	  font-size: 6rem;
      text-align: center; } }

.Sec-title-2 {
  margin-left: 50px;
  font-size: 6rem;
  font-weight: 600;
  font-family: "Helvetica", Helvetica, "Helvetica Neue", HelveticaNeue;
	margin-bottom: 60px;
	color: #FFFFFF;
	-webkit-text-stroke: 2px #E85298;
	text-shadow: 6px 6px 0px #EFCEDF;
  line-height: 1; }
  @media screen and (max-width: 520px) {
    .Sec-title-2 {
	  width: 100%;
	  margin-left: 0;
      /*font-size: 8rem;*/
	  font-size: 4rem;
      text-align: center; } }

.Sec__container .Sec__box {
  padding: 30px 0;
  background-image: url("../img/line-01.png");
  background-size: 100%;
  background-position: left bottom;
  background-repeat: repeat-x; }
  .Sec__container .Sec__box:first-child {
    background-image: url("../img/line-01.png"), url("../img/line-01.png");
    background-position: left top, left bottom; }
  .Sec__container .Sec__box .Sec__box-heading {
    font-size: 1.6rem;
    font-weight: 600; }
  .Sec__container .Sec__box .Sec__item {
    padding-top: 20px;
    font-weight: 600; }
    @media screen and (max-width: 520px) {
      .Sec__container .Sec__box .Sec__item {
        padding-top: 10px; } }
    .Sec__container .Sec__box .Sec__item .Sec__item-L {
      font-size: 2.4rem; }

.Sec-bg {
	position: relative;
      /*Section余白サイズ＝padding*/
  padding: 5px 0; }
  .Sec-bg::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewY(-10deg);
    z-index: -1; }

.bg-red::before {
  background-color: #EBCCDDA6; }

.bg-black::before {
  background-color: #EBCCDDA6; }

.txt-bold {
  font-weight: 700; }

.txt-align-right {
  text-align: right; }

@media only screen and (min-width: 1025px) {
  a[href^="tel:"] {
    pointer-events: none; } }
/* ----------------------------------------------------------------
    display: none
  ----------------------------------------------------------------- */
@media only screen and (max-width: 520px) {
  .hidden-sp {
    display: none !important; } }

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

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

@media only screen and (max-width: 1024px) {
  .hidden-tb {
    display: none !important; } }

/* CSS Document */
.header {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%; }
  .header .header__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-end; }
    @media only screen and (max-width: 1024px) {
      .header .header__container {
        align-items: flex-start;
        justify-content: flex-start; } }
    .header .header__container .menuBtn {
      width: 50px;
      height: 50px;
      padding: 3% 3% 0 0;
      cursor: pointer; }
      @media only screen and (max-width: 1024px) {
        .header .header__container .menuBtn {
          padding: 2% 0 0 2%; } }

.nav {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 30%);
  margin-left: auto;
  height: 100vh;
  transform: translateY(-100%);
  opacity: 0;
  overflow: hidden;
  background-color: #EBCCDDdb;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out; }
  @media only screen and (max-width: 1024px) {
    .nav {
      width: 100%; } }
  .nav.nav-open {
    opacity: 1;
    transform: none; }
  .nav .nav__container {
    width: 100%;
    height: 100%;
    pointer-events: all; }
    .nav .nav__container .menuBtn-close {
      width: 50px;
      height: 50px;
      margin-left: auto;
      padding-top: 5%;
      padding-right: 4%;
      cursor: pointer; }
      @media only screen and (max-width: 1024px) {
        .nav .nav__container .menuBtn-close {
          margin-left: 0;
          padding-top: 3%;
          padding-left: 2%; } }
    .nav .nav__container .nav__inner {
      display: flex;
      justify-content: center;
      font-size: 3.2rem;
      font-weight: 600; }
      @media only screen and (max-width: 1024px) {
        .nav .nav__container .nav__inner {
          padding-top: 10vh; } }
      @media screen and (max-width: 520px) {
        .nav .nav__container .nav__inner {
          padding-top: 0; } }
      .nav .nav__container .nav__inner .nav__list {
        margin: auto; }
        .nav .nav__container .nav__inner .nav__list li {
          margin-top: 10%; }
          @media screen and (max-width: 520px) {
            .nav .nav__container .nav__inner .nav__list li {
              margin-top: 3%; } }

.bnrarea {
  width: 114px;
  z-index: 200;
  position: fixed;
  bottom: 4%;
  right: 2%;
  margin: 0; }
  .bnrarea:hover {
    opacity: .8; }
  @media only screen and (max-width: 1024px) {
    .bnrarea {
      top: 1%;
      bottom: auto; } }

/* CSS Document */

.cont__bg {
  position: fixed;
  top: 0;
  right: 0;
  width: calc(100% - 30%);
  margin-left: auto;
  height: 100vh;
  z-index: -10;
 /* background-image: url("../img/ym_bg_dot01.png");  */
  background-size: cover;
  background-position: left bottom; }
  @media only screen and (max-width: 1024px) {
    .cont__bg {
      width: 100%; } }

.kv-pc {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 70%);
  height: 100vh;
  z-index: 1;
	background-image: url("../img/ym_bg_dot01.png");
  background-size: cover;
  background-position: right bottom; }
  @media only screen and (max-width: 1024px) {
    .kv-pc {
	  display: none; } }



.logo-area {
  position: absolute;
  bottom: 1%; }

.logo {
  position: relative;
  text-align: center; }
  .logo .logo-bg::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewY(-10deg);
    z-index: -1;
}
  .logo .logo-bg img {
    width: 100%; }

#kv {
  display: none;
  margin: 0; }
  @media screen and (max-width: 1024px) {
    #kv {
      display: block; } }



 /* タイトルロゴの高さ位置 #lead :top */

#lead {
  margin-top: -00px; }
  @media screen and (max-width: 1024px) {
    #lead {
      margin: 0;
      top: -0px; } }
  @media screen and (max-width: 520px) {
    #lead {
      top: 60px; } }
  #lead .Sec-wrap {
    width: calc(100% - 80px); }
    @media screen and (max-width: 1024px) {
      #lead .Sec-wrap {
        width: calc(100% - 100px); } }
    @media screen and (max-width: 520px) {
      #lead .Sec-wrap {
        width: calc(100% - 20px); } }

.lead-head {
  text-align: center;
  font-weight: 700;
  font-size: 2.7rem; }
  @media screen and (max-width: 520px) {
    .lead-head {
      font-size: 2.2rem; } }

.lead-txt {
  text-align: center;
  font-size: 1.6rem; }
  .lead-txt p {
    margin: 20px auto; }

@media screen and (max-width: 1024px) {
  #comment {
    margin: 0;
    top: -46px; } }
@media screen and (max-width: 520px) {
  #comment {
    top: -46px; } }
#comment .Sec-wrap {
  width: calc(100% - 80px); }
  @media screen and (max-width: 1024px) {
    #comment .Sec-wrap {
      width: calc(100% - 100px); } }
  @media screen and (max-width: 520px) {
    #comment .Sec-wrap {
      width: calc(100% - 20px); } }

.comment-head {
  text-align: center;
  font-weight: 700;
  font-size: 2rem; }
  @media screen and (max-width: 520px) {
    .comment-head {
      font-size: 1.6rem; } }

.comment-txt {
  padding-top: 10px;
  font-size: 1.4rem; }
  @media screen and (max-width: 520px) {
    .comment-txt {
      font-size: 1.2rem; } }
  .comment-txt p {
    margin: 10px auto; }

/* CSS Document */
@media screen and (max-width: 1024px) {
  #news {
    margin-top: calc(168px - 46px); } }

.news__date {
  font-size: 1.8rem;
  font-weight: 600; }

.news__txt {
  font-size: 2rem;
  font-weight: 600;
  padding-top: 20px; }
  @media screen and (max-width: 520px) {
    .news__txt {
      font-size: 1.8rem; } }

/* キャスト */

@media screen and (max-width: 520px) {
  #cast .Sec-wrap {
    width: 100%; } }

.cast__container {
  max-width: 462px; }
  @media screen and (max-width: 520px) {
    .cast__container {
      max-width: none; } }
  .cast__container .cast__img {
    position: relative;
    aspect-ratio: 1 / 1.35;
    width: 100%; }
    .cast__container .cast__img img {
      object-fit: cover;
      height: 100%; }
    .cast__container .cast__img .profileBtn-open {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 4px 12px;
      background: #000000;
      color: #D8508F;
      font-family: "Helvetica", Helvetica, "Helvetica Neue", HelveticaNeue;
      font-size: 2rem;
      cursor: pointer; }
  @media screen and (max-width: 1024px) {
	.cast__container .cast__img .profileBtn-open {
      padding: 4px 4px;
      font-size: 1.4rem; } }

      .cast__container .cast__img .profileBtn-open span {
        font-size: 2.4rem; }
    .cast__container .cast__img .commentBtn-open {
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 4px 12px;
      background: #000000;
      color: #D8508F;
      font-family: "Helvetica", Helvetica, "Helvetica Neue", HelveticaNeue;
      font-size: 2rem;
      cursor: pointer; }
  @media screen and (max-width: 1024px) {
	.cast__container .cast__img .commentBtn-open {
      padding: 4px 4px;
      font-size: 1.4rem; } }

      .cast__container .cast__img .commentBtn-open span {
		font-size: 2.4rem; }




		
.cast__name {
  font-size: 2.4rem;
  font-weight: 600;
  background: #D8508F66;
  text-align: center;
padding: 48px; }


.cast__name-2 {
  font-size: 1.8rem;
  font-weight: 600;
  background: #FFFFFF66;
  text-align: center;
  padding: 0px; }
	@media screen and (max-width: 520px) {
	.cast__name-2 {
      font-size: 1.4rem; } }

      .cast__name-2 span {
        font-size: 1.2rem; }




.cast__andmore {
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
padding: 48px; }

@media screen and (max-width: 520px) {
	.cast__container.cast06{
		margin: auto; }}


/* ゲスト */

.guest__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .guest__list .guest__container {
	width: 45%;
	padding-bottom: 30px;
    pointer-events: none; }
    @media screen and (max-width: 520px) {
      .guest__list .guest__container {
		pointer-events: auto;
		cursor: pointer; } }

@media screen and (max-width: 520px) {
  #guest .Sec-wrap {
    width: 100%; } }
#guest .Sec-title-area {
  display: flex;
  align-items: flex-end;
  flex-direction: row; }

  @media screen and (max-width: 520px) {
	#guest .Sec-title-area {
	  flex-direction: column;
      align-items: center; } }
  #guest .Sec-title-area .comingsoon {
    font-size: 2.4rem;
    font-weight: 600;
    font-family: "Helvetica", Helvetica, "Helvetica Neue", HelveticaNeue;
	margin-left: 60px;
	margin-bottom: 60px; }
    @media screen and (max-width: 520px) {
      #guest .Sec-title-area .comingsoon {
        margin-left: 0; } }
#guest .cast__container {
	    width: 48.5%;
  margin-bottom: 80px; }
#guest .music {
  margin-top: 80px;
  width: 100%;
  max-width: 422px; }
  #guest .music .cast__name {
    padding: 20px 48px; }


.guest__name {
  font-size: 2.4rem;
  font-weight: 600;
  background: #D8508F66;
  text-align: center;
  padding: 38px; }
  @media screen and (max-width: 1024px) {
	.guest__name {
	padding: 18px;
	font-size: 1.8rem; } }



.modal-area {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1200;
  width: calc(100% - 30%);
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFFA6; }
  @media screen and (max-width: 1024px) {
    .modal-area {
      width: 100%; } }
  .modal-area.is-active {
    display: flex; }

.mfp-bg {
  opacity: 0; }

.modal-block {
  background: #EBCCDDA6;
  border-radius: 16px;
  width: calc(100% - 0px); }
  .modal-block.commentmodal {
    background: #EBCCDDA6; }
  .modal-block .modal-closeBtn {
    width: 30px;
    cursor: pointer;
    position: fixed;
    top: auto;
    right: 30px;
    margin: 30px 16px 0 0; }
  .modal-block .modal-inner {
    margin: 100px auto;
    padding: 0 10px;
    width: fit-content;
    max-width: 620px; }
    @media screen and (max-width: 520px) {
      .modal-block .modal-inner {
        padding: 0 20px; } }
    .modal-block .modal-inner .modal__title {
      font-size: 1.6rem;
      font-weight: 600;
      margin-bottom: 10px; }
    .modal-block .modal-inner .modal__txt {
      font-size: 1.4rem;
      display: block;
      margin: auto;
      line-height: 2.0; }

/* CSS Document */
#ticket {
  margin-bottom: 0; }
  #ticket .ticket__detail {
    padding-top: 0;
    display: flex;
    font-size: 2.7rem;
    align-items: center; }
    @media screen and (max-width: 520px) {
      #ticket .ticket__detail {
        font-size: 2.0rem;
        justify-content: center; } }
    #ticket .ticket__detail .ticket__detail-inner {
      margin-right: 40px; }
      @media screen and (max-width: 520px) {
        #ticket .ticket__detail .ticket__detail-inner {
          margin-right: 20px; } }
      #ticket .ticket__detail .ticket__detail-inner:last-child {
        margin-right: 0; }
      #ticket .ticket__detail .ticket__detail-inner span {
        font-size: 1.2rem;
        font-weight: 400; }
      #ticket .ticket__detail .ticket__detail-inner  .ticketcom__txt {
        font-size: 2rem;
        font-weight: 600; }


.ticket__detail-wrap {
  display: flex;
  flex-direction: row;
  align-items: center; }
  @media screen and (max-width: 520px) {
    .ticket__detail-wrap {
      flex-direction: column; } }

.more-Btn {
  border: 1px solid #E85298;
  padding: 4px 2px;
  margin-left: 30px;
  box-sizing: border-box;
  border-radius: 27.75px;
  text-align: center;
  width: 158px;
  font-size: 1.6rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  @media screen and (max-width: 520px) {
	.more-Btn#u25-Btn {
      margin: 20px 0 0 0; } }
  .more-Btn#wowow-Btn {
    margin: 20px 0 0 0;
	width: 276px; }
	.more-Btn#chusyaku-Btn {
    margin: 20px 0 0 0;
    width: 276px; }
    @media screen and (max-width: 520px) {
      .more-Btn#wowow-Btn {
	margin: 0 auto; } }
	.more-Btn#chusyaku-Btn {
        margin: 0 auto; }
  .more-Btn .Btn-cross {
    width: 30px; }
    .more-Btn .Btn-cross span {
      position: absolute;
      background-color: #E85298;
      box-sizing: border-box;
      display: inline-block;
      width: 15px;
      height: 2px;
      margin: 0 auto;
      transition: all .5s; }
      .more-Btn .Btn-cross span:nth-of-type(2) {
        transform: rotate(90deg); }

.more-txt {
  font-size: 1.2rem;
  padding-top: 20px;
  display: none;
  line-height: 2;
  font-weight: 400;
  text-align: left; }
  .more-txt .more-txt-heading {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 20px; }
  .more-txt a {
    font-weight: 600;
    text-decoration: underline; }

.more-open .more-Btn .Btn-cross span:nth-of-type(2) {
  transform: rotate(0deg); }
.more-open .more-txt {
  display: block; }

.ticket__txt {
  font-size: 1.2rem;
  padding-top: 20px;
  line-height: 2; }
  .ticket__txt p {
    margin-bottom: 10px; }

#ticket2 {
  margin-top: 0;
  padding: calc(80px + 0px) 0; }
  @media screen and (max-width: 520px) {
    #ticket2 .Sec__box {
      text-align: center; } }
  #ticket2 .Sec__box .ticket__box-heading {
    font-size: 2.4rem; }
  #ticket2 .Sec__box .ticket__item-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 840px; }
    @media screen and (max-width: 520px) {
      #ticket2 .Sec__box .ticket__item-inner {
        flex-direction: column; } }
    @media screen and (max-width: 520px) {
      #ticket2 .Sec__box .ticket__item-inner .ticket__datawrap {
        margin: 0 auto; } }
    #ticket2 .Sec__box .ticket__item-inner .period {
      line-height: 2.4;
      font-size: 1.6rem;
      font-weight: 400; }
      @media screen and (max-width: 520px) {
        #ticket2 .Sec__box .ticket__item-inner .period {
		  width: fit-content;
    	  text-align: start;} }
    #ticket2 .Sec__box .ticket__item-inner .pg-logo {
      max-width: 147px; }
      @media screen and (max-width: 520px) {
        #ticket2 .Sec__box .ticket__item-inner .pg-logo {
          margin: auto;
          margin-top: 20px; } }
    @media screen and (max-width: 520px) {
      .ticket__Btn {
        margin: auto;
        padding-top: 20px; } }
.ticket__Btn a {
      border: 1px solid #E85298;
      font-size: 2.6rem;
      font-weight: 600;
      padding: 4px 2px;
      box-sizing: border-box;
      border-radius: 27.75px;
      text-align: center;
      width: 210px;
      display: block; }
.ticket__Btn.Btn-non-active a {
      opacity: 40%;
      pointer-events: none; }


/* ストリーミング */
#ticket3 {
  margin-top: 0;
  padding: calc(0px + 0px) 0; }
  @media screen and (max-width: 520px) {
    #ticket3 .Sec__box {
      text-align: center; } }
  #ticket3 .Sec__box .ticket__box-heading {
    font-size: 2.4rem; }
  #ticket3 .Sec__box .ticket__item-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 840px; }
    @media screen and (max-width: 520px) {
      #ticket3 .Sec__box .ticket__item-inner {
        flex-direction: column; } }
    @media screen and (max-width: 520px) {
      #ticket3 .Sec__box .ticket__item-inner .ticket__datawrap {
        margin: 0 auto; } }
    #ticket3 .Sec__box .ticket__item-inner .period {
      line-height: 2.4;
      font-size: 1.6rem;
      font-weight: 400; }
      @media screen and (max-width: 520px) {
        #ticket3 .Sec__box .ticket__item-inner .period {
		  width: fit-content;
    	  text-align: start;} }
    #ticket3 .Sec__box .ticket__item-inner .pg-logo {
      max-width: 147px; }
      @media screen and (max-width: 520px) {
        #ticket3 .Sec__box .ticket__item-inner .pg-logo {
          margin: auto;
          margin-top: 20px; } }
    @media screen and (max-width: 520px) {
      .ticket__Btn {
        margin: auto;
        padding-top: 20px; }}


/* グッズ */
#goods .Sec__box-heading {
  font-size: 2.4rem; }
#goods .Sec__item {
  font-weight: 400; }
  #goods .Sec__item .Sec__item-S {
    font-size: 1.2rem;
    padding-top: 10px; }

.goods-img {
  margin-bottom: 40px; }

#goods-Btn {
  margin: 20px 0 0 0;
  width: 290px; }

.Sec__box.Sec__box-no-line {
  background: none; }



/* CSS Document */
#info {
  margin-bottom: 100px; }
  #info .Sec-title {
    margin-bottom: 30px; }

.contact {
  font-size: 1.4rem; }
  @media screen and (max-width: 520px) {
    .contact {
      width: calc(100% - 40px);
      margin: auto; } }
  .contact .tel {
    font-size: 1.8rem;
    font-weight: 700; }

.info__Btn-area {
  margin: 60px 0; }
  .info__Btn-area .info__Btn-list .info__Btn {
    max-width: 384px;
    margin-bottom: 20px; }
    .info__Btn-area .info__Btn-list .info__Btn:hover {
      opacity: .8; }

.info__list {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.25; }
  .info__list li {
    margin-bottom: 10px;
    line-height: 2; }
    .info__list li:last-child {
      margin-bottom: 0; }
  .info__list span {
    font-size: 1.8rem; }
  @media screen and (max-width: 520px) {
    .info__list {
      margin: 0 auto;
      width: fit-content; } }

/* CSS Document */
#access .Sec-title {
  margin-bottom: 30px; }
#access .Sec__box .Sec__item {
  font-size: 2rem;
  font-weight: 400; }
  @media screen and (max-width: 520px) {
    #access .Sec__box .Sec__item {
      font-size: 1.6rem; } }
#access .Sec__box :first-child {
  background-position: left bottom !important; }

.access__place {
  font-size: 2.4rem;
  font-weight: 600; }
  @media screen and (max-width: 520px) {
    .access__place {
      font-size: 2.4rem; } }

.access__box {
  margin-bottom: 40px; }
  .access__box .access__box-item {
    padding-top: 40px; }
    .access__box .access__box-item .access__box-heading {
      font-size: 2.4rem;
      font-weight: 600;
      margin-bottom: 10px; }
      @media screen and (max-width: 520px) {
        .access__box .access__box-item .access__box-heading {
          font-size: 1.8rem; } }
    .access__box .access__box-item .access__txt {
      font-size: 1.8rem; }
      @media screen and (max-width: 520px) {
        .access__box .access__box-item .access__txt {
          font-size: 1.6rem; } }

.accsess__map-wrap {
  width: calc(100% - 20px);
  margin: 0 auto; }
  @media screen and (max-width: 520px) {
    .accsess__map-wrap {
      width: 100%; } }

.accsess__map {
  position: relative;
  padding-top: 75%;
  /* = height ÷ width × 100 */ }
  .accsess__map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
height: 100%; }