@charset "utf-8";

/* ======================================================
 * layout.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Top
 * - am2525
====================================================== */
  /* ------------------------------------------------------
   * ec-layout
  ------------------------------------------------------ */
  /* ----- table-ec ----- */
  .table-ec {
    display: flex;
    align-items: center;
  }
  .table-ec-button {
    margin-left: 10px;
    max-width: 250px;
    min-width: 88px;
    vertical-align: top;
  }
  .table-ec-button_link {
    display: inline-block;
    padding: 5px 25px 7px;
    border: 2px solid #418fde;
    border-radius: 6px;
    background-color: #fff;
    color: #418fde;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1;
    font-family: "Noto Sans CJK JP", "Noto Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    transition: all .2s ease-out 0s;
  }
  .table-ec-button_link:hover {
    opacity: 1;
    background-color: #daebfc;
  }
  .table-ec[date-flex-pc="column"] {
    flex-flow: column wrap;
    align-items: flex-start;
  }
  .table-ec[date-flex-pc="column"] .table-ec-button {
    margin: 5px 0 0;
  }
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
main{
  color: #262626;
}
* {
  outline: none!important;
}
/* ----- header ----- */
.header{
  background: #73BE1E;
  height: 96px;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
}
.header .logo{
  height: 96px;
  position: relative;
  margin:0 25px;
  line-height: 1;
}
.king-jim-logo {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
}
.arema-logo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
}
.header-ec-button {
  position: absolute;
  display: flex;
  right: 217px;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: top;
}
.header-ec-button_link {
  display: inline-block;
  padding: 9px 26px 9px;
  background-color: #fff;
  color: #73be1e;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  font-family: "Noto Sans CJK JP", "Noto Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  transition: opacity 0.3s ease;
}
.header-ec-button_link:hover {
  opacity: .7;
}

/* ----- Layout ----- */
.contents-item{
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
/* ----- Title ----- */
.ttl-border{
  color: #838383;
  position: relative;
  font-size: 3.6rem;
  text-align: center;
  margin-bottom: calc(100% * 65 / 1000);
}
.ttl-border span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
}
.ttl-border::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background-color: #D3D3D3;
}
.ttl-border-double{
  padding:6.5px 0;
  text-align: center;
  max-width: 721px;
  margin:calc(100% * 75 / 1000) auto auto;
  font-size: 3rem;
  font-weight: 600;
  color: #66A71D;
  border-top: 2px solid #73BE1E;
  border-bottom: 2px solid #73BE1E;
}
.ttl-border-double span{
  font-size: 3.6rem;
}
.ttl-border-double-l {
  padding-top: 9px;
  padding-bottom: 9px;
  text-align: center;
  max-width: 1000px;
  margin: auto;
  font-size: 3rem;
  font-weight: 600;
  color: #66A71D;
  border-top: 2px solid #73BE1E;
  border-bottom: 2px solid #73BE1E;
  line-height: 1.5;
}
#top #sec2.contents .ttl-border span {
  background-color: #efefef;
}
/* ----- Table ----- */
.s-default-table{
  color: #3B3B3B;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.6;
  border: solid 1px #B5B5B5;
  border-collapse:collapse;
}
.s-default-table caption{
  text-align: left;
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: calc(100% * 20 / 1000);
}
.s-default-table caption:before{
  content: "●";
  color: #73BE1E;
}
.s-default-table th{
  background: #E6E6E6;
}
.s-default-table th,.s-default-table td{
  text-align: left;
  border-bottom: solid 1px #B5B5B5;
  padding: 18px calc(100% * 14 / 1000);
}
/* ----- list ----- */
.s-list-style-circle li{
  padding-left: 1.3em;
}
.s-list-style-circle li:before{
  content: "●";
  position: absolute;
  left: 0;
}
.attention{
  color: #E80707;
  border-bottom: solid 1px #E80707;
  font-weight: 600;
}
.attention-noborder{
  color: #E80707;
  font-weight: 600;
}
.list-attention{
  color: #E80707;
}
.under-line{
  border-bottom: solid 1px #73BE1E;
}
.pc-none{
  display: none;
}
.sp-none{
  display: block;
}
.s-text-small{
  font-size: 1.2rem;
}
.s-right{
  text-align: right;
}



.tyusi{
  color: #ff0000;
}


.flex-box{
  display: flex;
  flex-wrap: wrap;
}
.mb-30 {
  margin-bottom: 30px;
}
.main-visual-desc {
  width: 73%;
  margin: auto;
  text-align: right;
  color: #666666;
}
/* ----- btn ----- */
.btn-dl {
  position: relative;
  color: #676767;
  border: solid 1px #73BE1E;
  background: #FFFFFF;
  border-radius: 2em;
  padding: 2%;
  line-height: 1;
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-dl:after {
  content: "";
  display: inline-block;
  background: url(/arema/img/common/ico-arrow.svg) no-repeat center center / contain;
  position: absolute;
  top: 50%;
  right: 5%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  margin-left: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-dl:hover{
  background: #73BE1E;
  color: #ffffff;
}
.btn-dl:hover:after {
  content: "";
  display: inline-block;
  background: url(/arema/img/common/ico-arrow-w.svg)no-repeat center center / contain;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 7%;
  margin-left: 10px;
}
.ico-pdf {
  display: block;
  position: relative;
  padding-right: 13%;
}
.ico-pdf:after {
  position: absolute;
  content: "";
  display: inline-block;
  background: url(/arema/img/common/ico-pdf.png)no-repeat center center / contain;
  width: 25px;
  height: 25px;
  top: 50%;
  right: 11%;
  transform: translateY(-50%);
}
/* ----- Uni ----- */
.mt-80 {
  margin-top: 80px;
}
/* ----- Line Up ----- */
#lineUp{
  background: #ffffff;
}
#lineUp.contents {
  padding-bottom: 96px;
}
#lineUp .contents-item .linUp-Item[data-row-pc] {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
#lineUp .contents-item .linUp-Item[data-row-pc]:not([data-row-pc="1"]) {
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
#lineUp .contents-item .linUp-Item li{
  text-align: center;
}
#lineUp .contents-item .linUp-Item[data-row-pc]:not([data-row-pc="1"]) > li {
  margin-left: 16px;
}
#lineUp .contents-item .linUp-Item[data-row-pc="2"] > li {width: calc(((100% - (16px * 1)) / 2) - 0.1px);}
#lineUp .contents-item .linUp-Item[data-row-pc="3"] > li {width: calc(((100% - (16px * 2)) / 3) - 0.1px);}
#lineUp .contents-item .linUp-Item[data-row-pc="4"] > li {width: calc(((100% - (16px * 3)) / 4) - 0.1px);}
#lineUp .contents-item .linUp-Item[data-row-pc="5"] > li {width: calc(((100% - (16px * 4)) / 5) - 0.1px);}
#lineUp .contents-item .linUp-Item[data-row-pc="6"] > li {width: calc(((100% - (16px * 5)) / 6) - 0.1px);}
#lineUp .contents-item .linUp-Item[data-row-pc="2"] > li:nth-child(2n+1),
#lineUp .contents-item .linUp-Item[data-row-pc="3"] > li:nth-child(3n+1),
#lineUp .contents-item .linUp-Item[data-row-pc="4"] > li:nth-child(4n+1),
#lineUp .contents-item .linUp-Item[data-row-pc="5"] > li:nth-child(5n+1),
#lineUp .contents-item .linUp-Item[data-row-pc="6"] > li:nth-child(6n+1) {
  margin-left: 0;
}
#lineUp .contents-item .linUp-Item[data-row-pc="1"] > li + li,
#lineUp .contents-item .linUp-Item[data-row-pc="2"] > li:nth-child(n+3),
#lineUp .contents-item .linUp-Item[data-row-pc="3"] > li:nth-child(n+4),
#lineUp .contents-item .linUp-Item[data-row-pc="4"] > li:nth-child(n+5),
#lineUp .contents-item .linUp-Item[data-row-pc="5"] > li:nth-child(n+6),
#lineUp .contents-item .linUp-Item[data-row-pc="6"] > li:nth-child(n+7) {
  margin-top: 20px;
}
#lineUp .contents-item .linUp-Item a{
  display: block;
  color: #676767;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#lineUp .contents-item .linUp-Item a:hover{
  color: #73BE1E;
}
#lineUp .contents-item .linUp-Item a img{
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: scale(1, 1);
}
#lineUp .contents-item .linUp-Item a figure{
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 20px;
}
#lineUp .contents-item .linUp-Item a:hover img{
  cursor: pointer;
  transform: scale(1.1, 1.1);
}
#lineUp .contents-item .linUp-Item li h2 {
  height: 45px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.25;
}
#lineUp .contents-item .linUp-Item > li h2 > span {
  position: relative;
  display: inline-block;
  padding-right: 42px;
}
#lineUp .contents-item .linUp-Item li a h2 > span:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 25px;
  height: 25px;
  background: url(/arema/img/common/ico-arrow.svg) no-repeat center center / contain;
  transform: translateY(-50%);
  -webkit-transition: margin-right 0.3s ease;
  transition: margin-right 0.3s ease;
  content: "";
}
#lineUp .contents-item .linUp-Item li a:hover h2 > span:after{
  display: inline-block;
  background: url(/arema/img/common/ico-arrow-ov.svg) no-repeat center center / contain;
  margin-right: 10px;
  content: "";
}

/* ----- Line Up-v2 ----- */
#lineUp .contents-item .linUp-Item-v2 {
  position: relative;
  padding: 0 36px;
}
#lineUp .contents-item .linUp-Item-v2 .slick-arrow {
  position: absolute;
  top: 50%;
  display: block;
  line-height: 0;
  width: 18px;
  height: 18px;
  margin-top: -30px;
  border: none;
  font-size: 0;
  padding: 0;
  border-top: 4px solid  #c3c3c3;
  border-right: 4px solid  #c3c3c3;
  text-indent: -9999px;
  cursor: pointer;
  background: transparent;
}
#lineUp .contents-item .linUp-Item-v2 .slick-arrow:hover {
  border-color: #73be1e;
}
#lineUp .contents-item .linUp-Item-v2 .slick-arrow:focus {
  outline: none;
}
#lineUp .contents-item .linUp-Item-v2 .slick-prev {
  left: 5px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#lineUp .contents-item .linUp-Item-v2 .slick-next {
  right: 5px;
    -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#lineUp .contents-item .linUp-Item-v2 li{
  text-align: center;
  width: calc(100% * 138 / 1000);
}
#lineUp .contents-item .linUp-Item-v2 a{
  display: block;
  margin: 0 7.2%;
  color: #676767;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#lineUp .contents-item .linUp-Item-v2 a:hover{
  color: #73BE1E;
}
#lineUp .contents-item .linUp-Item-v2 a img{
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: scale(1, 1);
}
#lineUp .contents-item .linUp-Item-v2 a figure{
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 20px;
}
#lineUp .contents-item .linUp-Item-v2 a:hover img{
  cursor: pointer;
  transform: scale(1.1, 1.1);
}
#lineUp .contents-item .linUp-Item-v2 li h2 {
  height: 4em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.25;
}
#lineUp .contents-item .linUp-Item-v2  li h2 > span {
  position: relative;
  display: inline-block;
  padding-right: 42px;
}
#lineUp .contents-item .linUp-Item-v2 li a h2 > span:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 25px;
  height: 25px;
  background: url(/arema/img/common/ico-arrow.svg) no-repeat center center / contain;
  transform: translateY(-50%);
  -webkit-transition: margin-right 0.3s ease;
  transition: margin-right 0.3s ease;
  content: "";
}
#lineUp .contents-item .linUp-Item-v2 li a:hover h2 > span:after{
  display: inline-block;
  background: url(/arema/img/common/ico-arrow-ov.svg) no-repeat center center / contain;
  margin-right: 10px;
  content: "";
}

/* ----- footer ----- */
.footer{
  border: solid 1px transparent;
  background: #73BE1E;
  color: #ffffff;
}
.footer-Box{
  display: flex;
  align-items: center;
  border: solid 1px transparent;
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 50px auto 32px;
}
.footer-box-Left{
  float: left;
  width: 50%;
}
.footer-box-Left .logo{
  margin: 20px auto 5px;
}
.footer-box-Right{
  float: right;
  width: 50%;
}
.footer-box-Right .inquiry {
  border:solid 1px #ffffff;
  border-radius: 10px;
  max-width: calc(100% * 267 / 500);
  background: url(/arema/img/common/ico-mail.svg) no-repeat left 10% center;
  margin-right: 0;
  margin-left: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footer-box-Right .inquiry a{
  border-radius: 8px;
  text-align: right;
  display: block;
  padding: 30px 20px 30px 70px;
  line-height: 2;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
}
.footer-box-Right .inquiry:hover {
  background: #ffffff url(/arema/img/common/ico-mail-ov.svg) no-repeat left 10% center;
}
.footer-box-Right .inquiry:hover a{
  color: #73BE1E;
}
.go-top {
  right: 20%;
  z-index: 999;
  position: fixed;
  display: block;
}
.go-top a{
  display: inline-block;
}
.go-top a img{
  width: 100%;
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.go-top:hover a img{
  transform: translateY(-10%);
}
  /* ------------------------------------------------------
   * Top
  ------------------------------------------------------ */
#top{
  color: #676767;
}
#top .header {
  height: 80px;
}
#top .header .logo {
  height: 80px;
}
/* ----- main-visual ----- */
#top .main-visual {
  margin-top: 0px;
  position: relative;
  top: 46px;
  height: 405px;
  background-color: #73BE1E;
  z-index: -2;
}
#top .main-visual-innner span{
  background-color: #73BE1E;
  position: fixed;
  width: 100%;
  z-index: -1;
}
#top .main-visual-innner span:before{
  height: 360px;
  content:"";
  display:block;
  width:100%;
  background: url(/arema/img/top/mv1.png) no-repeat bottom / 1366px 396px;
}
/* ----- sec1 ----- */
#top #sec1.contents{
  background: #fff url(/arema/img/top/sec1-bg.jpg) no-repeat center;
  padding-bottom: calc(100% * 90 / 1000);
}
#top #sec1 .contents-item{
  text-align: center;
}
#top #sec1 .contents-item h2{
  margin-top: calc(100% * 81.2 / 1000);
}
#top #sec1 .contents-item h2::after {
  content: "";
  width: 40px;
  border-bottom: 4px solid #73BE1E;
  display: block;
  margin: calc(100% *46.6 / 1000) auto calc(100% * 53.7 / 1000);
}
#top #sec1 .contents-item h3{
  margin: calc(100% * 54 / 1000) auto;
}
#top #sec1 .contents-item-text {
  line-height: 2.1;
  font-weight: 600;
}
#top #sec1 .contents-item-text p:first-child{
  margin-bottom: calc(100% * 30 / 1000);
}
#top #sec1 .contents-item-text .contents-item-msg{
  color: #73BE1E;
  font-size: 2.2rem;
  margin-top: calc(100% * 42 / 1000);
}
/* ----- sec2 ----- */
#top #sec2.contents{
  padding: calc(100% * 81 / 1920) 0 calc(100% * 82 / 1920);
  background: #fff url(/arema/img/top/sec2-bg.jpg) no-repeat;
  background-position: top center;
  background-size: 100% 64.5%;
  overflow: hidden;
}
#top #sec2 .contents-item {
  overflow: visible;
}
/* arema-index-layout */
#top #sec2 .arema-index-layout[data-row-pc]:not([data-row-pc="1"]) {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
#top #sec2 .arema-index-layout[data-row-pc]:not([data-row-pc="1"]) > li {
  margin-left: 14px;
}
#top #sec2 .arema-index-layout[data-row-pc="2"] > li {width: calc(((100% - (14px * 1)) / 2) - 0.1px);}
#top #sec2 .arema-index-layout[data-row-pc="3"] > li {width: calc(((100% - (14px * 2)) / 3) - 0.1px);}
#top #sec2 .arema-index-layout[data-row-pc="4"] > li {width: calc(((100% - (14px * 3)) / 4) - 0.1px);}
#top #sec2 .arema-index-layout[data-row-pc="5"] > li {width: calc(((100% - (14px * 4)) / 5) - 0.1px);}
#top #sec2 .arema-index-layout[data-row-pc="2"] > li:nth-child(2n+1),
#top #sec2 .arema-index-layout[data-row-pc="3"] > li:nth-child(3n+1),
#top #sec2 .arema-index-layout[data-row-pc="4"] > li:nth-child(4n+1),
#top #sec2 .arema-index-layout[data-row-pc="5"] > li:nth-child(5n+1) {
  margin-left: 0;
}
#top #sec2 .arema-index-layout[data-row-pc="1"] > li + li,
#top #sec2 .arema-index-layout[data-row-pc="2"] > li:nth-child(n+3),
#top #sec2 .arema-index-layout[data-row-pc="3"] > li:nth-child(n+4),
#top #sec2 .arema-index-layout[data-row-pc="4"] > li:nth-child(n+5),
#top #sec2 .arema-index-layout[data-row-pc="5"] > li:nth-child(n+6) {
  margin-top: calc(100% * 40 / 1000);
}
#top #sec2 .arema-index-layout > li > .block {
  display: block;
  background-color: #fff;
  box-shadow: 1px 2px 3px 3px rgba(0,0,0,.09);
  border-radius: 20px;
  overflow: hidden;
}
#top #sec2 .arema-index-layout[data-row-pc]:not([data-row-pc="1"]) > li > .block {
  height: 100%;
}
#top #sec2 .arema-index-layout > li > a {
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
#top #sec2 .arema-index-layout > li > a:hover {
  box-shadow: 1px 3px 4px 4px rgba(0,0,0,.09);
}
#top #sec2 .arema-index-layout .index_image > img {
  vertical-align: top;
}
#top #sec2 .arema-index-layout .index_detail {
  padding: 16px 10px 28px;
}
#top #sec2 .arema-index-layout .index_lead {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  color: #666;
}
#top #sec2 .arema-index-layout .index_lead + .index_heading {
  margin-top: 12px;
}
#top #sec2 .arema-index-layout .index_heading > .heading_title {
  font-size: 2.7rem;
  font-weight: bold;
  text-align: center;
  color: #73BE1E;
}

  /* ------------------------------------------------------
   * am2525
  ------------------------------------------------------ */
#am2525 .main-visual {
  margin-top: 96px;
  height: 36.3vw;
  background: url(/arema/img/am2525/mv.jpg);
  background-repeat: no-repeat;
  background-position:top center;
  background-size: cover;
}

#am2525 #sec1.contents{
    margin-top: calc(100% * 35 / 1366);
}
#am2525 #sec1 h2{
  font-size: 4.2rem;
  line-height: 1.4;
  margin-bottom: calc(100% * 25 / 1000);
}
#am2525 #sec1 .flex-box:first-child{
  margin-bottom: calc(100% * 60 /1000 );
  align-items: center;
}
#am2525 #sec1 .flex-box .flex-left{
  width: 55%;
}
#am2525 #sec1 .flex-box .flex-right{
  width: 45%;
  text-align: right;
}
#am2525 #sec1 ul.flex-box{
  justify-content: space-between;
}
#am2525 #sec1 ul.flex-box li{
  font-size: 1.6rem;
  line-height: 1.2;
  color: #4A4A4A;
  padding: calc(100% * 15 / 1000);
  font-weight: 600;
  width: calc(100% * 320 / 1000);
  background: #DCF7BE;
  text-align: center;
  border-radius: 10px;
}
#am2525 #sec1 ul.flex-box li b{
  font-size: 2.6rem;
}
#am2525 #sec2{
  margin-top: calc(100% * 54 / 1000);
}
#am2525 #sec2 h2{
  color: #ffffff;
  font-size: 4.7rem;
  font-weight: 600;
  text-align: center;
  background: #73BE1E;
}
#am2525 #sec2 h2 span{
  position: relative;
}
#am2525 #sec2 h2 span:before{
  content: "";
  width: 175px;
  height: 130px;
  background: url(/arema/img/am2525/sec2-ttl-bg.png) no-repeat center center / contain ;
  position: absolute;
  bottom: -20px;
  left: -190px;
}
#am2525 #sec2 .desc{
  text-align: center;
  margin-bottom: calc(100% * 30 / 1000);
}
#am2525 #sec2 .desc h4{
  font-size: 2.2rem;
  margin-bottom:calc(100% * 10 / 1000);
}
#am2525 #sec2 .desc h4:before{
  content: "";
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  background: url(/arema/img/am2525/mark.svg) no-repeat center top / contain;
  width: 35px;
  height: 41px;
}
#am2525 #sec2 .desc h4 span{
  font-size: 2.8rem;
}
#am2525 .sec-contents-img img{
  display: block;
  margin: auto;
}
#am2525 .sec-contents-img{
  text-align: center;
  margin-top: calc(100% * 29 / 1000);
  margin-bottom: calc(100% * 69 / 1000);
}
#am2525 #sec2 .desc + figure,#am2525 #sec3 .desc + figure{
  text-align: center;
}
#am2525 #sec2 .desc figure{
  margin-top: calc(100% * 25 / 1000);
}
#am2525 #sec3{
  padding-top: calc(100% * 54 / 1000);
}
#am2525 #sec3 h2{
  color: #ffffff;
  font-size: 4.7rem;
  font-weight: 600;
  text-align: center;
  background: #73BE1E;
}
#am2525 #sec3 h2 span{
  position: relative;
}
#am2525 #sec3 h2 span:before{
  content: "";
  width: 175px;
  height: 130px;
  background: url(/arema/img/am2525/sec3-ttl-bg.png) no-repeat center center / contain ;
  position: absolute;
  bottom: -20px;
  left: -190px;
}
#am2525 #sec3 .desc {
  text-align: center;
  border-bottom: solid 1px #73BE1E;
  padding-bottom: calc(100% * 65 / 1000);
}
#am2525 #sec3 .desc h4{
  font-size: 2.2rem;
  margin-bottom:calc(100% * 10 / 1000);
}
#am2525 #sec3 .desc h4:before{
  content: "";
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  background: url(/arema/img/am2525/mark.svg) no-repeat center top / contain;
  width: 35px;
  height: 41px;
}
#am2525 #sec3 .desc h4 span{
  font-size: 2.8rem;
}
#am2525 #sec3 .desc figure{
  margin-top: calc(100% * 25 / 1000);
}
#am2525 #sec3 .desc .s-right{
  font-size: 1.2rem;
  margin-top: calc(100% * 20 /1000);
}
#am2525 #sec4{
  margin-top: calc(100% * 55 / 1000);
}
#am2525 #sec4 .point1,
#am2525 #sec4 .point2{
  overflow: visible;
  margin: calc(100% * 45 / 1000) auto;
}
#am2525 #sec4 .point1 h2{
  position: relative;
  padding-left: calc(100% * 90 /1000);
  margin-top: calc(100% * 20 / 1000);
  margin-bottom: calc(100% * 20 / 1000);
}
#am2525 #sec4 .point1 h2:before{
  content: "";
  background: url(/arema/img/am2525/point1.png) no-repeat center center / contain;
  height: 74px;
  width: 74px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#am2525 #sec4 .point2 h2{
  position: relative;
  padding-left: calc(100% * 90 /1000);
  margin-top: calc(100% * 20 / 1000);
  margin-bottom: calc(100% * 20 / 1000);
}
#am2525 #sec4 .point2 h2:before{
  content: "";
  background: url(/arema/img/am2525/point2.png) no-repeat center center / contain;
  height: 74px;
  width: 74px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#am2525 #sec4 .flex-box .flex-right,
#am2525 #sec4 .flex-box .flex-left{
  width: 50%;
}
#am2525 #sec4 .point1 p,
#am2525 #sec4 .point2 p{
  font-size: 1.6rem;
  line-height: 2;
}
#am2525 #sec4 .point2 ul li:nth-child(2) p{
  padding: 0 1.3em;
}
#am2525 #sec4 .point1 .flex-box{
  margin-top: calc(100% * 60 / 1000);
}
#am2525 #sec4 h3{
  font-size: 2.4rem;
  line-height: 1.6;
  margin-bottom: calc(100% * 15 / 1000);
}
#am2525 #sec4 h3 span{
  font-size: 1.4rem;
}
#am2525 #sec4 .point2 > .flex-box {
    margin-top: calc(100% * 60 / 1000);
}
#am2525 #sec4 .point2 .flex-box .flex-right{
  width: calc(100% * 615 / 1000);
  margin: 0 auto;
}
#am2525 #sec4 .point2 .flex-box .flex-left{
  width: calc(100% * 343 / 1000);
  margin: 0 auto;
  padding-right: calc(100% * 10 / 1000);
  border-right: solid 1px #DBDBDB;
}
#am2525 #sec4 .point2 .flex-box .flex-right .flex-box{
  justify-content: space-between;
}
#am2525 #sec4 .point2 .flex-box .flex-right .flex-box li:first-child{
  width: calc(100% * 154 / 615);
}
#am2525 #sec4 .point2 .flex-box .flex-right .flex-box li:nth-child(2){
  width: calc(100% * 180 / 615);
}
#am2525 #sec4 .point2 .flex-box .flex-right .flex-box li:nth-child(3){
  width: calc(100% * 242 / 615);
}
#am2525 #sec5 h3 + ul{
  margin-bottom: calc(100% * 100 / 1000);
}
#am2525 #sec5 .flex-box{
  align-items: center;
  margin-bottom: calc(100% * 55 / 1000);
}
#am2525 #sec5 .s-default-table{
  max-width: calc(100% * 660 / 1000);
  margin-right: calc(100% * 100 / 1000);
}
#am2525 #sec5 .s-default-table th{
  font-weight: normal;
  width: calc(100% * 170 / 1000);
}
#am2525 #sec5 .s-default-table td{
  width: calc(100% * 490 / 1000);
}
#am2525 #sec5 .flex-box figure{
  max-width: calc(100% * 212 / 1000);
}
  /* ------------------------------------------------------
   * am10
  ------------------------------------------------------ */
#am10 .main-visual {
  margin-top: 96px;
  height: 36.3vw;
  background: url(/arema/img/am10/mv.jpg);
  background-repeat: no-repeat;
  background-position:top center;
  background-size: 100%;
}
#am10 #sec1.contents{
    margin-top: calc(100% * 35 / 1366);
}
#am10 #sec1 h2 {
  font-size: 4.2rem;
  line-height: 1.4;
  margin: calc(100% * 40 / 1000) auto calc(100% * 25 / 1000);
}
#am10 #sec1 .flex-box:first-child{
  margin-bottom: calc(100% * 60 /1000 );
  align-items: start;
}
#am10 #sec1 .flex-box .flex-left{
  width: 60%;
}
#am10 #sec1 .flex-box .flex-right{
  width: 40%;
  text-align: right;
}
#am10 #sec2 .contents-item .flex-box {
  margin-top: 100px;
}
#am10 #sec2 .contents-item .flex-box figure {
  width: 50%;
  max-width: calc(100% * 460 / 1000);
  text-align: center;
  margin: auto;
}
#am10 #sec2 .contents-item .flex-box figure:before{
  content: "";
  display: block;
  width: 100%;
  border-bottom: solid 1px #D0D0D0;
  margin-bottom: 50px;
}
#am10 #sec2 .contents-item .flex-box figure:first-child:before,
#am10 #sec2 .contents-item .flex-box figure:nth-child(2):before{
  display: none;
}
#am10 #sec2 figure figcaption:first-of-type {
  font-size: 2.4rem;
  line-height: 1.4;
  color: #262626;
  padding: calc(100% * 22 / 460);
  margin-bottom: calc(100% * 40 / 460);
  font-weight: 600;
  background: #DCF7BE;
  text-align: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#am10 #sec2 .contents-item:nth-of-type(2) figure:before{
  content: "";
  display: block;
  width: 100%;
  border-bottom: solid 1px #D0D0D0;
  margin: calc(100% * 40 / 1000) auto calc(100% * 45 / 1000);
}
#am10 #sec2 .contents-item:nth-of-type(2) figure img{
  max-width: 682px;
  display: block;
  margin:auto;
}
#am10 #sec2 .contents-item:nth-of-type(2) figure figcaption {
  max-width: 682px;
  margin: auto;
  margin-bottom: calc(100% * 30 / 1000);
  padding: calc(100% * 30 / 1000);
}
#am10 #sec2 .contents-item:nth-of-type(2) figure figcaption:nth-of-type(2){
  margin-top: calc(100% * 40 / 1000);
  text-align: center;
}
#am10 #sec2 .contents-item .s-right{
  margin: calc(100% * 60 / 1000) auto calc(100% * 70 / 1000);
}
#am10 #sec3.contents {
  background: #F5F5F5;
  text-align: center;
  padding: 75px 0 90px;
  margin-bottom: 80px;
}
#am10 #sec3.contents h2{
  font-size: 3.4rem;
}
#am10 #sec3.contents .btn-dl{
  max-width: calc(100% * 480 / 1000) ;
  margin: calc(100% * 50 / 1000) auto auto;
}
#am10 #sec4.contents{
  margin-bottom: 60px;
}
#am10 #sec4 .contents-item .flex-box{
  align-items: baseline;
}
/* IE用 */
@media screen\0 {
  #am10 #sec4 .contents-item .flex-box {
    align-items: flex-start;
  }
  #am10 #sec4 .contents-item .flex-box .s-default-table:nth-child(2){
    margin-top: 45px;
  }
}

#am10 #sec4 .contents-item figure{
  text-align: center;
  margin-bottom: calc(100% * 15 / 1000);
}
#am10 #sec4 .s-default-table{
  width: calc(100% * 480 / 1000);
  margin: 0 auto;
}
#am10 #sec4 .s-default-table th {
    font-weight: normal;
    width: calc(100% * 170 / 480);
}
#am10 #sec4 .s-default-table .table-attention{
  overflow: hidden;
}
#am10 #sec4 .s-default-table .table-attention span{
  float: left;
}
#am10 #sec4 .s-default-table .table-attention span:nth-child(2){
  margin-left: 1em;
}
#am10 #sec4 .s-default-table .table-attention span:nth-child(2){
  position: relative;
  padding-left: 1em;
}
#am10 #sec4 .s-default-table .table-attention span:nth-child(2):before{
  content: "※";
  position: absolute;
  left: 0;
}
#am10 #sec5.contents{
  margin-bottom: 90px;
}
#am10 #sec5.contents h3{
  margin-top: calc(100% * 35 / 1000);
}
  /* ------------------------------------------------------
   * am20
  ------------------------------------------------------ */
/* メインビジュアル */
#am20 .main-visual {
  margin-top: 96px;
  height: 36.3vw;
  background: url(/arema/img/am20/mv.jpg);
  background-repeat: no-repeat;
  background-position:top center;
  background-size: 100%;
}
/* 離れたテレビも聞き逃さない。 */
#am20 #sec1{
  margin-bottom: 100px;
}
#am20 #sec1 h2{
  font-size: 4.2rem;
  line-height: 1.4;
  margin-bottom: 0.4em;
}
#am20 #sec1 .contents-item-top{
  padding: 0 4.13vw;
}
#am20 #sec1 .contents-item .sec1-top{
  justify-content: space-between;
}
#am20 #sec1 .contents-item .flex-right{
  width: calc( 100% * 500 / 936);
}
/* こんなときリスト */
#am20 #sec1 .contents-item ol.sec1-btm {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0;
  justify-content: space-between;
}
#am20 #sec1 .contents-item ol.sec1-btm li {
  position: relative;
  padding-left: 110px;
  width: 47%;
  margin-top: 100px;
}
#am20 #sec1 .contents-item ol.sec1-btm li:before{
  /* 以下数字をつける */
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #73BE1E;
  color: white;
  font-weight:bold;
  font-size: 3.4rem;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
/*  padding-top: 5px; */
  box-sizing: border-box;
  /*以下 上下中央寄せのため*/
  position: absolute;
  left: 0;
  top: 0;
}

#am20 #sec1 .contents-item ol.sec1-btm li dt{
  display: flex;
  align-items: center;
  height: 90px;
  font-size: 3.2rem;
  line-height: 1.4;
  margin-bottom: 40px;
}

#am20 #sec1 .movie-wrap {
   position: relative;
   padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
   height: 0;
   overflow: hidden;
  margin-top: 50px;
}
 
#am20 #sec1 .movie-wrap iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

@media screen and (max-width:1024px) {
  #am20 #sec1{
    margin-bottom: 4.9vw;
  }
  #am20 #sec1 h2{
    font-size: 4.2vw;
  }
  #am20 #sec1 .contents-item ol.sec1-btm li {
    margin-top: 9.8vw;
    padding-left: 10.74vw;
  }
  #am20 #sec1 .contents-item ol.sec1-btm li:before {
    width: 8.79vw;
    height: 8.79vw;
  line-height: 7.79vw;
    font-size: 3.4vw;
  }
  #am20 #sec1 .contents-item ol.sec1-btm li dt {
    font-size: 3vw;
    height: 8.79vw;
    margin-bottom: 4vw;
  }
}
/* 製品特長 */
#am20 #sec2 h2.ttl-border-double-l{
  margin-bottom: 90px;
}
#am20 #sec2 .flex-box{
  justify-content: space-between;
}
#am20 #sec2 .flex-box > dl {
  margin-bottom: 6.83vw;
}
#am20 #sec2 .flex-box > dl > dt{
  background: #E0F8C4;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 45px;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: bold;
}
#am20 #sec2 .flex-box > dl > dd{
  text-align: center;
}
#am20 #sec2 .box1{
  width: 46%;
}
#am20 #sec2 .box2{
  width: 48%;
}
#am20 #sec2 .box3{
  width: 100%;
}
#am20 #sec2 .box4{
  width: 46%;
}
#am20 #sec2 .box5{
  width: 46%;
}
#am20 #sec2 .flex-box > dl.box3 > dd{
  width: 80%;
  margin: 0 auto;
  padding: 50px 0 40px;
  font-size: 1.6rem;
  text-align: left;
}
#am20 #sec2 .flex-box > dl.box3 > dd + dd{
  border-top: solid 1px #D0D0D0;
}
#am20 #sec2 .flex-box > dl.box3 > dd .txt{
  width: calc( 100% * 400 / 800 );
}
#am20 #sec2 .flex-box > dl.box3 > dd .txt p + p{
  margin-top: 1em;
}
#am20 #sec2 .flex-box > dl.box3 > dd figure{
  width: calc( 100% * 365 / 800 );
}
#am20 #sec2 .flex-box > dl.box3 > dd p.note{
  font-size: 1.2rem;
}
@media screen and (max-width:1024px) {
  #am20 #sec2 h2.ttl-border-double-l{
    margin-bottom: 8.78vw;
  }
  #am20 #sec2 .flex-box > dl {
    margin-bottom: 70px;
  }
  #am20 #sec2 .flex-box > dl > dt{
    height: 10.74vw;
    margin-bottom: 45px;
    font-size: 1.85vw;
  }
  #am20 #sec2 .flex-box > dl.box3 > dd{
    padding: 4.88vw 0 3.9vw;
  }
  #am20 #sec2 .flex-box > dl.box3 > dd p.note{
    font-size: 1.17vw;
  }
}

#am20 #sec3.contents {
  background: #F5F5F5;
  text-align: center;
  padding: 75px 0 90px;
  margin-bottom: 80px;
}
#am20 #sec3.contents h2{
  font-size: 3.4rem;
}
#am20 #sec3.contents .btn-dl{
  max-width: calc(100% * 480 / 1000) ;
  margin: calc(100% * 50 / 1000) auto auto;
  font-size: 1.8rem;
}
#am20 #sec3.contents .btn-dl .small{
  font-size: 1.6rem;
}
@media screen and (max-width:1024px) {
  #am20 #sec3.contents .btn-dl{
    font-size: 1.8vw;
  }
  #am20 #sec3.contents .btn-dl .small{
    font-size: 1.6vw;
  }
}

#am20 #sec4{
  margin-bottom: 10%;
}
#am20 #sec4 .btn-dl{
  max-width: calc(100% * 480 / 1000) ;
  margin: calc(100% * 50 / 1000) auto auto;
  font-size: 1.8rem;
  text-align: center;
}
#am20 #sec4 figure{
  margin: 7% 0 9%;
}
@media screen and (max-width:1024px) {
  #am20 #sec4 .btn-dl{
    font-size: 1.8vw;
  }
}

/* 仕様一覧 */
#am20 #sec5 {
  margin-bottom: 8%;
}
#am20 #sec5 img{
  vertical-align: bottom;
}
#am20 #sec5 .item.flex-box {
  align-items: flex-end;
  margin-bottom: 12%;
}
#am20 #sec5 .item.flex-box .item1{
  width: 49%;
  text-align: center;
}
#am20 #sec5 .item.flex-box .item2,
#am20 #sec5 .item.flex-box .item3{
  width: 24.8%;
  padding-bottom: 1%;
}
#am20 #sec5 .item.flex-box .item3{
  margin-left: auto;
}
#am20 #sec5 .tableFlex.flex-box{
  justify-content: space-between;
}
#am20 #sec5 p.cap-1{
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 2%;
}
#am20 #sec5 p.cap-1:before {
  content: "●";
  color: #73BE1E;
}
#am20 #sec5 p.cap-2,
#am20 #sec5 p.cap-3{
  font-size: 1.6rem;
  margin: 1.5% 0;
}
#am20 #sec5 p.cap-3{
  margin: 3.5% 0 1.5%;
}
#am20 #sec5 .s-default-table {
  width: 48%;
}
#am20 #sec5 .s-default-table th{
  width: calc( 100% * 166 / 480 );
  font-weight: normal;
}
@media screen and (max-width:1024px) {
  #am20 #sec5 p.cap-1{
    font-size: 2.2vw;
  }
  #am20 #sec5 p.cap-2,
  #am20 #sec5 p.cap-3{
    font-size: 1.6vw;
  }
}

/* 安全に関するご注意 */
#am20 #sec6.contents h3 {
  margin-top: calc(100% * 35 / 1000);
}
#am20 #sec6 .s-list-style-circle{
  font-size: 1.6rem;
  margin-bottom: 10%;
}
@media screen and (max-width:1024px) {
  #am20 #sec6 .s-list-style-circle{
    font-size: 1.6vw;
  }
}

/* ------------------------------------------------------
   * am40
  ------------------------------------------------------ */
#am40 .main-visual {
  margin-top: 96px;
  height: 36.3vw;
  background: url(/arema/img/am40/mv.jpg);
  background-repeat: no-repeat;
  background-position:top center;
  background-size: 100%;
}
#am40 .contents + .contents {
  margin-top: 72px;
}
#am40 #sec1.contents{
    margin-top: calc(100% * 35 / 1366);
}
#am40 #sec1 h2 {
  font-size: 4.2rem;
  line-height: 1.4;
  margin: calc(100% * 40 / 1000) auto calc(100% * 25 / 1000);
}
#am40 #sec1 .flex-box:first-child{
  margin-bottom: calc(100% * 68 / 1000);
  align-items: center;
}
#am40 #sec1 .flex-box .flex-left{
  width: calc(((100% - 22px) / 3 * 1) - 0.1px);
  margin-right: 22px;
}
#am40 #sec1 .flex-box .flex-right{
  width: calc(((100% - 22px) / 3 * 2) - 0.1px);
}
#am40 #sec2 .am40-heading-v3 + .am40-lead + .am40-image-set {
  margin-top: 18px;
}
#am40 #sec3.contents {
  margin-top: 83px;
}
#am40 #sec3 .flex-box{
  align-items: flex-start;
  margin-bottom: calc(100% * 47 / 1000);
}
#am40 #sec3 .s-default-table{
  max-width: calc((100% * 660 / 1000) - 0.1px);
}
#am40 #sec3 .s-default-table caption{
  margin-bottom: calc(100% * 12 / 1000);
}
#am40 #sec3 .s-default-table th{
  font-weight: normal;
  width: calc(100% * 170 / 1000);
}
#am40 #sec3 .s-default-table td{
  width: calc(100% * 490 / 1000);
}
#am40 #sec3 .flex-box figure{
  flex: 1;
  margin-top: calc(100% * 42 / 1000);
  text-align: center;
}
#am40 #sec3 .flex-box figure > img {
  vertical-align: top;
}
#am40 #sec4.contents{
  margin-top: 13px;
}
#am40 #sec4.contents h3{
  margin-top: calc(100% * 35 / 1000);
}
#am40 #lineUp.contents {
  margin-top: 94px;
}

/* ----- am40-contents ----- */
.am40-contents {
  margin: calc(100% * 100 / 1000) 20px 0;
  padding-bottom: calc(100% * 49 / 1000);
  border-bottom: 1px solid #d0d0d0;
}
.am40-contents[data-type="middle"] {
  width: 682px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(100% * 50 / 1000);
}
.am40-contents[data-type="middle"] .am40-heading-v2 {
  margin-bottom: calc(100% * 72 / 1000);
}
.am40-contents + .am40-contents {
  margin-top: calc(100% * 51 / 1000);
}
.am40-contents > *:first-child {
  margin-top: 0;
}

/* ----- am40-heading ----- */
.am40-heading {
  margin-bottom: 31px;
}
.am40-heading > .block {
  position: relative;
  display: block;
}
.am40-heading > .block::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  background-color: #dcf7be;
  content: "";
}
.am40-heading .heading_title {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  z-index: 1;
}
/* v2 */
.am40-heading-v2 {
  margin-bottom: calc(100% * 52 / 1000);
  padding: 25px 15px 19px;
  background-color: #dcf7be;
  border-radius: 10px;
}
.am40-heading-v2 > .block {
  display: block;
}
.am40-heading-v2 .heading_title {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
}
/* v3 */
.am40-heading-v3 {
  margin-bottom: calc(100% * 50 / 1000);
  padding: 15px 15px 12px;
  background-color: #73be1e;
}
.am40-heading-v3 > .block {
  display: block;
}
.am40-heading-v3 .heading_title {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  color: #fff;
}

/* ----- am40-text ----- */
.am40-text {
  line-height: 1.45;
}
.am40-text.gp-al-center {
  text-align: center;
}

/* ----- am40-lead ----- */
.am40-lead {
  font-size: 2.4rem;
  font-weight: bold;
}
.am40-lead.gp-al-center {
  text-align: center;
}

/* ----- am40-highlight ----- */
.am40-highlight {
  font-size: 2.4rem;
  font-weight: bold;
  color: #ea5514;
}

/* ----- am40-note ----- */
.am40-note {
  position: relative;
  margin-top: 30px;
  padding-left: 1.0em;
}
.am40-note > .note_mark {
  position: absolute;
  top: 0;
  left: 0;
}

/* ----- am40-image-set ----- */
.am40-image-set {
  margin-top: 32px;
}
.am40-image-set > .image_inner {
  text-align: center;
}
.am40-image-set > .image_inner > img {
  vertical-align: top;
}

/* ----- am40-column ----- */
.am40-column[data-row-pc]:not([data-row-pc="1"]) {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.am40-column[data-row-pc]:not([data-row-pc="1"]) > .column_item {
  margin-left: 40px;
}
.am40-column[data-row-pc="2"] > .column_item {width: calc(((100% - (40px * 1)) / 2) - 0.1px);}
.am40-column[data-row-pc="3"] > .column_item {width: calc(((100% - (40px * 2)) / 3) - 0.1px);}
.am40-column[data-row-pc="4"] > .column_item {width: calc(((100% - (40px * 3)) / 4) - 0.1px);}
.am40-column[data-row-pc="2"] > .column_item:nth-child(2n+1),
.am40-column[data-row-pc="3"] > .column_item:nth-child(3n+1),
.am40-column[data-row-pc="4"] > .column_item:nth-child(4n+1) {
  margin-left: 0;
}
.am40-column[data-row-pc="1"] > .column_item + .column_item,
.am40-column[data-row-pc="2"] > .column_item:nth-child(n+3),
.am40-column[data-row-pc="3"] > .column_item:nth-child(n+4),
.am40-column[data-row-pc="4"] > .column_item:nth-child(n+5) {
  margin-top: 20px;
}
/* ----- am40-column type02 ----- */
.am40-column.type02 {
margin-left: calc(100% * 20 / 1000);
margin-right: calc(100% * 20 / 1000);
margin-top: 38px;
}
.am40-column.type02[data-row-pc]:not([data-row-pc="1"]) > .column_item {
  margin-left: 20px;
}
.am40-column.type02[data-row-pc="2"] > .column_item {width: calc(((100% - (20px * 1)) / 2) - 0.1px);}
.am40-column.type02[data-row-pc="3"] > .column_item {width: calc(((100% - (20px * 2)) / 3) - 0.1px);}
.am40-column.type02[data-row-pc="4"] > .column_item {width: calc(((100% - (20px * 3)) / 4) - 0.1px);}
.am40-column.type02[data-row-pc="2"] > .column_item:nth-child(2n+1),
.am40-column.type02[data-row-pc="3"] > .column_item:nth-child(3n+1),
.am40-column.type02[data-row-pc="4"] > .column_item:nth-child(4n+1) {
  margin-left: 0;
}
.am40-column.type02[data-row-pc="1"] > .column_item + .column_item,
.am40-column.type02[data-row-pc="2"] > .column_item:nth-child(n+3),
.am40-column.type02[data-row-pc="3"] > .column_item:nth-child(n+4),
.am40-column.type02[data-row-pc="4"] > .column_item:nth-child(n+5) {
  margin-top: 20px;
}
/* ----- am40-media ----- */
.am40-media {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.am40-media > .media_image {
  width: 240px;
  margin-right: 40px;
}
.am40-media > .media_image > figure > img {
  vertical-align: top;
}
.am40-media > .media_detail {
  flex: 1;
}

/* ----- am40-box ----- */
.am40-box {
  background-color: #73be1e;
  border-radius: 10px;
  overflow: hidden;
}
.am40-box > .box_detail {
  padding: 32px 24px 32px 32px;
}
.am40-box > .box_detail > .box_media {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.am40-box > .box_detail > .box_media > .media_image {
  width: 60.5%;
  margin-right: calc(100% * 34 / 1000);
}
.am40-box > .box_detail > .box_media > .media_image > img {
  vertical-align: top;
}
.am40-box > .box_detail > .box_media > .media_detail {
  flex: 1;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  color: #fff;
}
.am40-box > .box_detail > .box_media > .media_detail .box_lead {
  margin: 18px 0 8px;
  font-size: 3.6rem;
  line-height: 1.1;
}
.am40-box > .box_detail > .box_media > .media_detail .box_lead > .lead_label > span {
  font-size: 6.4rem;
}
/* v2 */
.am40-box-v2 {
  margin-left: calc(100% * 20 / 1000);
  margin-right: calc(100% * 20 / 1000);
  background-color: #dcf7be;
  border-radius: 10px;
}
.am40-box-v2 + .am40-box-v2 {
  margin-top: calc(100% * 50 / 1000);
}
.am40-box-v2 > .box_title {
  padding: 24px 31px 18px;
}
.am40-box-v2 > .box_title > .title_label {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}
.am40-box-v2 > .box_detail {
  padding: 38px 31px 33px;
}
.am40-box-v2 > .box_title + .box_detail {
  padding-top: 0;
}
.am40-box-v2 > .box_detail > .box_media {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.am40-box-v2 > .box_detail > .box_media > .media_detail {
  width: calc((100% - 45px) / 2);
  margin-right: 45px;
}
.am40-box-v2 > .box_detail > .box_media > .media_image {
  width: calc((100% - 45px) / 2);
}
.am40-box-v2 > .box_detail > .box_media > .media_image > img {
  vertical-align: top;
}
.am40-box-v2 .box_lead {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
}
/* v3 */
.am40-box-v3 {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.am40-box-v3 > .box_detail {
  padding: 38px 40px 42px;
}
.am40-box-v3 > .box_detail > .am40-column[data-row-pc="2"] > .column_item:nth-child(2) .am40-image-set {
  margin-top: 40px;
}

/* ------------------------------------------------------
   * am50
  ------------------------------------------------------ */
#am50 .main-visual {
  margin-top: 96px;
  height: 36.3vw;
  background: url(/arema/img/am50/mv.jpg);
  background-repeat: no-repeat;
  background-position:top center;
  background-size: 100%;
}
#am50 .contents + .contents {
  margin-top: 62px;
}
#am50 #sec1.contents{
    margin-top: calc(100% * 35 / 1366);
}
#am50 #sec1 h2 {
  font-size: 4.2rem;
  line-height: 1.4;
  margin: calc(100% * 40 / 1000) auto calc(100% * 25 / 1000);
}
#am50 #sec1 .flex-box:first-child{
  align-items: center;
}
#am50 #sec1 .flex-box .flex-left{
  width: calc(((100% - 22px) / 3 * 1) - 0.1px);
  margin-right: 22px;
}
#am50 #sec1 .flex-box .flex-right{
  width: calc(((100% - 22px) / 3 * 2) - 0.1px);
}
#am50 #sec3.contents {
  margin-top: 83px;
}
#am50 #sec3 .flex-box{
  align-items: flex-start;
  margin-bottom: calc(100% * 47 / 1000);
}
#am50 #sec3 .s-default-table{
  max-width: calc((100% * 575 / 1000) - 0.1px);
}
#am50 #sec3 .s-default-table caption{
  margin-bottom: calc(100% * 12 / 1000);
}
#am50 #sec3 .s-default-table th{
  font-weight: normal;
  width: calc(100% * 170 / 1000);
}
#am50 #sec3 .s-default-table td{
  width: calc(100% * 405 / 1000);
}
#am50 #sec3 .flex-box {
  margin-left: 10px;
}
#am50 #sec3 .flex-box figure{
  flex: 1;
  margin-top: calc(100% * 42 / 1000);
  text-align: center;
}
#am50 #sec3 .flex-box figure > img {
  vertical-align: top;
}
#am50 #sec4.contents{
  margin-top: 13px;
}
#am50 #sec4.contents h3{
  margin-top: calc(100% * 35 / 1000);
}
#am50 #lineUp.contents {
  margin-top: 74px;
}

/* ----- am50-contents ----- */
.am50-contents {
  margin: calc(100% * 100 / 1000) 20px 0;
  padding-bottom: calc(100% * 49 / 1000);
  border-bottom: 1px solid #d0d0d0;
}
.am50-contents[data-type="middle"] {
  width: 682px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(100% * 50 / 1000);
}
.am50-contents[data-type="middle"] .am50-heading-v2 {
  margin-bottom: calc(100% * 72 / 1000);
}
.am50-contents + .am50-contents {
  margin-top: calc(100% * 51 / 1000);
}
.am50-contents > *:first-child {
  margin-top: 0;
}

/* ----- am50-heading ----- */
.am50-heading {
  margin-bottom: 31px;
}
.am50-heading > .block {
  position: relative;
  display: block;
}
.am50-heading > .block::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  background-color: #dcf7be;
  content: "";
}
.am50-heading .heading_title {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  z-index: 1;
}
/* v2 */
.am50-heading-v2 {
  margin-bottom: calc(100% * 52 / 1000);
  padding: 25px 15px 19px;
  background-color: #dcf7be;
  border-radius: 10px;
}
.am50-heading-v2 > .block {
  display: block;
}
.am50-heading-v2 .heading_title {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
}

/* ----- am50-note ----- */
.am50-note {
  margin-top: 14px;
  text-align: right;
}
.am50-note > .note_label {
  position: relative;
  display: inline-block;
  padding-left: 1.0em;
}
.am50-note > .note_label > .note_mark {
  position: absolute;
  top: 0;
  left: 0;
}

/* ----- am50-media ----- */
.am50-media {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.am50-media > .media_image {
  width: 240px;
  margin-right: 40px;
}
.am50-media > .media_image > figure > img {
  vertical-align: top;
}
.am50-media > .media_detail {
  flex: 1;
}

/* ----- am50-box ----- */
.am50-box {
  background-color: #73be1e;
  border-radius: 10px;
  overflow: hidden;
}
.am50-box > .box_detail {
  padding: 32px 24px 32px 32px;
}
.am50-box > .box_detail > .box_media {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.am50-box > .box_detail > .box_media > .media_image {
  width: 67.2%;
  margin-right: calc(100% * 34 / 1000);
}
.am50-box > .box_detail > .box_media > .media_image > img {
  vertical-align: top;
}
.am50-box > .box_detail > .box_media > .media_detail {
  padding-top: 19px;
  flex: 1;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  color: #fff;
}
.am50-box > .box_detail > .box_media > .media_detail .box_lead {
  margin: 17px 0 8px;
  font-size: 3.6rem;
  line-height: 1.1;
}
.am50-box > .box_detail > .box_media > .media_detail .box_lead > .lead_label > span {
  font-size: 6.4rem;
}
/* ----- am50-image-set ----- */
.am50-image-set {
  margin-top: 32px;
}
.am50-image-set > .image_inner {
  text-align: center;
}
.am50-image-set > .image_inner > img {
  vertical-align: top;
}

/* ----- am50-column ----- */
.am50-column {
margin-top: 38px;
}
.am50-column[data-row-pc]:not([data-row-pc="1"]) {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.am50-column[data-row-pc]:not([data-row-pc="1"]) > .column_item {
  margin-left: 20px;
}
.am50-column[data-row-pc="2"] > .column_item {width: calc(((100% - (20px * 1)) / 2) - 0.1px);}
.am50-column[data-row-pc="3"] > .column_item {width: calc(((100% - (20px * 2)) / 3) - 0.1px);}
.am50-column[data-row-pc="4"] > .column_item {width: calc(((100% - (20px * 3)) / 4) - 0.1px);}
.am50-column[data-row-pc="2"] > .column_item:nth-child(2n+1),
.am50-column[data-row-pc="3"] > .column_item:nth-child(3n+1),
.am50-column[data-row-pc="4"] > .column_item:nth-child(4n+1) {
  margin-left: 0;
}
.am50-column[data-row-pc="1"] > .column_item + .column_item,
.am50-column[data-row-pc="2"] > .column_item:nth-child(n+3),
.am50-column[data-row-pc="3"] > .column_item:nth-child(n+4),
.am50-column[data-row-pc="4"] > .column_item:nth-child(n+5) {
  margin-top: 20px;
}

  /* ------------------------------------------------------
   * am60
  ------------------------------------------------------ */
/* メインビジュアル */
#am60 .main-visual {
  margin-top: 96px;
  height: 36.3vw;
  background: url(/arema/img/am60/mv.jpg);
  background-repeat: no-repeat;
  background-position:top center;
  background-size: 100%;
}
#am60 #sec1 .btn-dl{
  max-width: calc(100% * 480 / 1000) ;
  margin: calc(100% * 50 / 1000) auto auto;
  font-size: 1.8rem;
  text-align: center;
}
#am60 #sec1 figure{
  margin: 7% 0 9%;
}
@media screen and (max-width:1024px) {
  #am60 #sec1 .btn-dl{
    font-size: 1.8vw;
  }
}
#am60 #sec2 .contents-item .flex-box {
  margin-top: 100px;
}
#am60 #sec2 .contents-item .flex-box figure {
  width: 50%;
  max-width: calc(100% * 460 / 1000);
  text-align: center;
  margin: auto;
  margin-bottom: 40px;
}
#am60 #sec2 .contents-item .flex-box figure:before{
  content: "";
  display: block;
  width: 100%;
  border-bottom: solid 1px #D0D0D0;
  margin-bottom: 50px;
}
#am60 #sec2 .contents-item .flex-box figure:first-child:before,
#am60 #sec2 .contents-item .flex-box figure:nth-child(2):before{
  display: none;
}
#am60 #sec2 figure .figcaption:first-of-type {
  font-size: 2.4rem;
  line-height: 1.4;
  color: #262626;
  padding: calc(100% * 12 / 460);
  margin-bottom: calc(100% * 40 / 460);
  font-weight: 600;
  background: #DCF7BE;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  
}
#am60 #sec2 figure .figcaption span {
  font-size: 3.2rem;
  line-height: 1.4;
  font-weight: 800;
}
#am60 #sec3.contents {
  background: #F5F5F5;
  text-align: center;
  padding: 75px 0 90px;
  margin-bottom: 80px;
}
#am60 #sec3.contents h2{
  font-size: 3.4rem;
}
#am60 #sec3.contents .btn-dl{
  max-width: calc(100% * 480 / 1000) ;
  margin: calc(100% * 50 / 1000) auto auto;
}
#am60 #sec4.contents{
  margin-bottom: 60px;
}
#am60 #sec4 .contents-item .flex-box{
  align-items: baseline;
}
/* IE用 */
@media screen\0 {
  #am60 #sec4 .contents-item .flex-box {
    align-items: flex-start;
  }
  #am60 #sec4 .contents-item .flex-box .s-default-table:nth-child(2){
    margin-top: 45px;
  }
}

#am60 #sec4 .contents-item figure{
  text-align: center;
  margin-bottom: calc(100% * 15 / 1000);
}
#am60 #sec4 .s-default-table caption {
  margin-top: 100px;
}
#am60 #sec4 .s-default-table{
  margin: 0 auto;
}
#am60 #sec4 .s-default-table th {
    font-weight: normal;
    width: calc(100% * 170 / 1000);
}
#am60 #sec4 .s-default-table .table-attention{
  overflow: hidden;
}
#am60 #sec4 .s-default-table .table-attention span{
  float: left;
}
#am60 #sec4 .s-default-table .table-attention span:nth-child(2){
  margin-left: 1em;
}
#am60 #sec4 .s-default-table .table-attention span:nth-child(2){
  position: relative;
  padding-left: 1em;
}
#am60 #sec4 .s-default-table .table-attention span:nth-child(2):before{
  content: "※";
  position: absolute;
  left: 0;
}
#am60 #sec5.contents{
  margin-bottom: 90px;
}
#am60 #sec5.contents h3{
  margin-top: calc(100% * 35 / 1000);
}
/* v1 */
.am60-box-v1 {
  margin-left: calc(100% * 250 / 1000);
  margin-right: calc(100% * 250 / 1000);
  margin-top: calc(100% * 30 / 1000);
}
.am60-box-v1 + .am60-box-v1 {
  margin-top: calc(100% * 50 / 1000);
}
.am60-box-v1 > .captitle {
  text-align: left;
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: calc(100% * 10 / 1000);
}
.am60-box-v1 > .captitle::before {
    content: "●";
    color: #73BE1E;
}
.am60-box-v1 > .box_detail {
  border: solid 1px #cccccc;
  border-radius: 10px;
  padding: 30px;
}
.am60-box-v1 > .box_title + .box_detail {
  padding-top: 0;
}
.am60-box-v1 > .box_detail > .box_media {
  display: -webkit-flex;
  display: flex;
/*  -webkit-align-items: center;*/
/*  align-items: center;*/
}
.am60-box-v1 > .box_detail > .box_media > .media_detail {
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
}
.am60-box-v1 > .box_detail > .box_media > .media_image {
  width: calc((100% - 20px) / 2);
}
.am60-box-v1 > .box_detail > .box_media > .media_image > img {
  vertical-align: top;
}
.am60-box-v1 .box_lead {
  font-size: 1.6rem;
  line-height: 1.8;
}
.am60-box-v1 .box_lead_h {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.8;
}
#am60 #sec2 .col1-img{
  margin: 40px 0 9%;
  text-align: center;
}


/* ------------------------------------------------------
   * am30
  ------------------------------------------------------ */
#am30 .main-visual {
  margin-top: 96px;
  height: 36.3vw;
  background: url(/arema/img/am30/mv.jpg);
  background-repeat: no-repeat;
  background-position:top center;
  background-size: 100%;
}
#am30 .contents + .contents {
  margin-top: 72px;
}
#am30 #sec1.contents{
    margin-top: calc(100% * 35 / 1366);
}
#am30 #sec1 h2 {
  font-size: 4.2rem;
  line-height: 1.4;
  margin: calc(100% * 40 / 1000) auto calc(100% * 25 / 1000);
}
#am30 #sec1 .flex-box{
  align-items: center;
}
#am30 #sec1 .flex-box .flex-left{
  width: calc(((100% - 20px) / 2 * 1) - 0.1px);
  margin-right: 20px;
}
#am30 #sec1 .flex-box .flex-right{
  width: calc(((100% - 20px) / 2 * 1) - 0.1px);
}
#am30 #sec2 {
  margin-top: 50px;
}
#am30 #sec3.contents {
  margin-top: 83px;
}
#am30 #sec3 .flex-box{
  align-items: flex-start;
  margin-bottom: calc(100% * 47 / 1000);
}
#am30 #sec3 .s-default-table caption{
  margin-bottom: calc(100% * 12 / 1000);
}
#am30 #sec3 .flex-box figure{
  flex: 1;
  margin-top: calc(100% * 42 / 1000);
  text-align: center;
}
#am30 #sec3 .flex-box figure > img {
  vertical-align: top;
}
#am30 #sec4.contents{
  margin-top: 60px;
}
#am30 #sec4.contents h3{
  margin-top: calc(100% * 35 / 1000);
}
#am30 #lineUp.contents {
  margin-top: 94px;
}
#am30 img {
  -webkit-backface-visibility: hidden;
}
/* ----- am30-contents ----- */
.am30-contents {
  margin: 7% 20px 0;
  padding-bottom: calc(100% * 49 / 1000);
  border-bottom: 1px solid #d0d0d0;
}
.am30-contents[data-type="middle"] {
  width: 682px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(100% * 50 / 1000);
}
.am30-contents[data-type="middle"] .am30-heading-v2 {
  margin-bottom: calc(100% * 72 / 1000);
}
.am30-contents + .am30-contents {
  margin-top: calc(100% * 51 / 1000);
}
.am30-contents > *:first-child {
  margin-top: 0;
}

/* ----- am30-heading ----- */
/* v2 */
.am30-heading-v2 {
  margin-bottom: calc(100% * 52 / 1000);
  padding: 25px 15px 19px;
  background-color: #dcf7be;
  border-radius: 10px;
}
.am30-heading-v2 > .block {
  display: block;
}
.am30-heading-v2 .heading_title {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
}
/* v3 */
.am30-heading-v3 {
  margin-bottom: calc(100% * 50 / 1000);
  padding: 15px 15px 12px;
  background-color: #73be1e;
}
.am30-heading-v3 > .block {
  display: block;
}
.am30-heading-v3 .heading_title {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.25;
  color: #fff;
}

/* ----- am-30-highlight ----- */
.am-30-highlight {
  color: #7fbe25;
  font-size: 2.2rem;
  font-weight: bold;
}

/* ----- am-30-note01 ----- */
.am-30-note01 {
  margin-top: 10px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.6rem;
}
.am-30-note01 + .am-30-note01 {
  margin-top: 5px;
}



/* ----- am30-image-set ----- */
.am30-image-set {
  margin-top: 32px;
}
.am30-image-set > .image_inner {
  text-align: center;
}
.am30-image-set > .image_inner > img {
  vertical-align: top;
}

/* ----- am30-column ----- */
.am30-column[data-row-pc]:not([data-row-pc="1"]) {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.am30-column[data-row-pc]:not([data-row-pc="1"]) > .column_item {
  margin-left: 40px;
}
.am30-column[data-row-pc="2"] > .column_item {width: calc(((100% - (40px * 1)) / 2) - 0.1px);}
.am30-column[data-row-pc="3"] > .column_item {width: calc(((100% - (40px * 2)) / 3) - 0.1px);}
.am30-column[data-row-pc="4"] > .column_item {width: calc(((100% - (40px * 3)) / 4) - 0.1px);}
.am30-column[data-row-pc="2"] > .column_item:nth-child(2n+1),
.am30-column[data-row-pc="3"] > .column_item:nth-child(3n+1),
.am30-column[data-row-pc="4"] > .column_item:nth-child(4n+1) {
  margin-left: 0;
}
.am30-column[data-row-pc="1"] > .column_item + .column_item,
.am30-column[data-row-pc="2"] > .column_item:nth-child(n+3),
.am30-column[data-row-pc="3"] > .column_item:nth-child(n+4),
.am30-column[data-row-pc="4"] > .column_item:nth-child(n+5) {
  margin-top: 20px;
}
/* ----- am30-column type02 ----- */
.am30-column.type02 {
margin-left: calc(100% * 20 / 1000);
margin-right: calc(100% * 20 / 1000);
margin-top: 38px;
}
.am30-column.type02[data-row-pc]:not([data-row-pc="1"]) > .column_item {
  margin-left: 20px;
}
.am30-column.type02[data-row-pc="2"] > .column_item {width: calc(((100% - (20px * 1)) / 2) - 0.1px);}
.am30-column.type02[data-row-pc="3"] > .column_item {width: calc(((100% - (20px * 2)) / 3) - 0.1px);}
.am30-column.type02[data-row-pc="4"] > .column_item {width: calc(((100% - (20px * 3)) / 4) - 0.1px);}
.am30-column.type02[data-row-pc="2"] > .column_item:nth-child(2n+1),
.am30-column.type02[data-row-pc="3"] > .column_item:nth-child(3n+1),
.am30-column.type02[data-row-pc="4"] > .column_item:nth-child(4n+1) {
  margin-left: 0;
}
.am30-column.type02[data-row-pc="1"] > .column_item + .column_item,
.am30-column.type02[data-row-pc="2"] > .column_item:nth-child(n+3),
.am30-column.type02[data-row-pc="3"] > .column_item:nth-child(n+4),
.am30-column.type02[data-row-pc="4"] > .column_item:nth-child(n+5) {
  margin-top: 20px;
}

/* ----- am-30-secInner ----- */
.am-30-secInner01 {
  padding: 0 5%;
}

/* ----- am-30-mode-layout ----- */
.am-30-mode-layout {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.am-30-mode-layout__left {
  width: 70%;
}
.am-30-mode-layout__right {
  width: 28%;
}
.am-30-mode-layout__inner {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.am-30-mode-layout__item {
  width: 48%;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
}
.am-30-mode-layout__item .itemLabel {
  width: 36px;
  flex-basis: 36px;
  flex-shrink: 0;
  line-height: 36px;
  background: #e60012;
  color: #fff;
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
.am-30-mode-layout__item.type02 .itemLabel {
  background: #0059a5;
}
.am-30-mode-layout__item .itemDetail {
  margin-left: 10px;
  font-size: 1.8rem;
}
.am-30-mode-layout__item .itemDetail .itemTitle {
  color: #e60012;
  font-weight: bold;
}
.am-30-mode-layout__item.type02 .itemDetail .itemTitle {
  color: #0059a5;
}
.am-30-mode-layout__item .itemDetail .itemTxt {
  font-weight: bold;
}
.am-30-noteWrap {
  margin-top: -70px;
  width: 70%;
}

.am-30-mode-title {
  margin-top: 5%;
  font-size: 1.6rem;
  font-weight: bold;
}
.am-30-mode-layout-v2 {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding-left: 15px;
}
.am-30-mode-layout-v2 .am-30-mode-layout__left {
  width: 170px;
  flex-basis: 170px;
  flex-shrink: 0;
}
.am-30-mode-layout-v2 .am-30-mode-layout__right {
  width: calc(100% - 170px - 25px);
}
.am-30-mode-layout__txt {
  font-size: 1.6rem;
  font-weight: bold;
}

/* ----- am-30-instLayout  ----- */
.am-30-instLayout {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  margin: -20px 0 5%;
  justify-content: center;
}
.am-30-instLayout__item {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 190px;
  height: 190px;
  margin-right: 4%;
  border: 4px solid  #73be1e;
  border-radius: 100%;
}
.am-30-instLayout__item:last-child{
  margin-right: 0;
}
.am-30-instLayout__item > span {
  line-height: 1.1;
  display: block;
  color: #73be1e;
  font-size: 3.0rem;
  font-weight: bold;
  text-align: center;
}

/* ----- am30-table  ----- */
.am30-table {
  margin-top: 10%;
}
.am30-table .s-default-table th {
  width: 170px;
  font-weight: normal;
}
.am30-table .s-default-table .modeIcon {
  display: inline-block;
  padding: 4px 4px;
  line-height: 1;
  margin-right: 5px;
  vertical-align: middle;
  background: #e60012;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
}
.am30-table .s-default-table .modeIcon.type02 {
  background: #0059a5;
}

@media screen and (max-width:1140px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
/* ----- Layout ----- */
  .go-top {
    right: 0;
  }
  /* ------------------------------------------------------
   * Top
  ------------------------------------------------------ */
  #top .main-visual-innner {
    background-size: contain;
    background-position: center top 5%;
    height: 22vw;
  }
}
@media screen and (max-width:1024px) {
  /* ------------------------------------------------------
   * Common
  ------------------------------------------------------ */
  p,
  .s-default-table{
    font-size:1.6vw;
  }
  .s-list-style-circle{
    font-size:1.75vw;
  }
/* ----- Layout ----- */
  .contents-item,.footer-Box{
    width: 98%;
  }
  .footer-box-Right .inquiry{
      background: url(/arema/img/common/ico-mail.svg) no-repeat left 1.2vw center / 4.2vw;
  }
  .footer-box-Right .inquiry a{
    font-size: 1.6vw;
    padding: calc(100% * 30 / 500) calc(100% * 20 / 500) calc(100% * 30 / 500) calc(100% * 70 / 500);
  }
  /* ------------------------------------------------------
   * Top
  ------------------------------------------------------ */
  #top .main-visual-innner span:before {
    background: url(/arema/img/top/mv1.png) no-repeat bottom / contain;
  }
  /* ------------------------------------------------------
   * am2525
  ------------------------------------------------------ */
  #am2525 #sec4 .point1 p,
  #am2525 #sec4 .point2 p{
    font-size:1.56vw;
  }
  #am2525 #sec1 h2 {
      font-size: 4.1vw;
  }
  #am2525 #sec1 ul.flex-box li {
      font-size: 1.6vw;
  }
  #am2525 #sec1 ul.flex-box li b {
      font-size: 2.54vw;
  }
  #am2525 #sec2 .desc h4 {
      font-size: 2.15vw;
  }
  #am2525 #sec2 .desc h4 span {
    font-size: 2.75vw;
  }
  #am2525 #sec3 .desc h4 {
      font-size: 2.15vw;
  }
  #am2525 #sec3 .desc h4 span {
    font-size: 2.75vw;
  }
  #am2525 #sec4 .point1 h2{
    font-size: 2.65vw;
  }
  #am2525 #sec4 .point2 h2{
    font-size: 2.65vw;
  }
  #am2525 #sec4 .point1 h2:before{
    height: 7.65vw;
    width: 7.65vw;
  }
  #am2525 #sec4 .point2 h2:before{
    height: 7.65vw;
    width: 7.65vw;
  }
  #am2525 #sec4 h3{
    font-size: 2.35vw;
  }
}
@media screen and (max-width:980px) {
  /* ------------------------------------------------------
   * Top
  ------------------------------------------------------ */
  #top #sec2 .arema-index-layout .index_lead {
    font-size: calc((17/1000)*100vw);
  }
  #top #sec2 .arema-index-layout .index_heading > .heading_title {
    font-size: calc((27/1000)*100vw);
  }
  
  /* ------------------------------------------------------
   * Lineup
  ------------------------------------------------------ */
  #lineUp .contents-item .linUp-Item-v2 li h2 {
    font-size: calc((16/1000)*100vw);
  }
  #lineUp .contents-item .linUp-Item-v2  li h2 > span {
    padding-right: calc((42/1000)*100vw);
  }
  #lineUp .contents-item .linUp-Item-v2 li a h2 > span:after {
    width: calc((25/1000)*100vw);
    height: calc((25/1000)*100vw);
  }

  /* ------------------------------------------------------
   * am40
  ------------------------------------------------------ */
  #am40 #sec1 h2 {
    font-size: calc((42/1000)*100vw);
  }
  .am40-box > .box_detail > .box_media > .media_detail .box_lead > .lead_label > span {
    font-size: calc((64/1000)*100vw);
  }
  .am40-box-v2 .box_lead {
    font-size: calc((23/1000)*100vw);
  }
  
  /* ------------------------------------------------------
   * am50
  ------------------------------------------------------ */
  #am50 #sec1 h2 {
    font-size: calc((42/1000)*100vw);
  }
  .am50-box > .box_detail > .box_media > .media_detail .box_lead {
    font-size: calc((36/1000)*100vw);
  }
  .am50-box > .box_detail > .box_media > .media_detail .box_lead > .lead_label > span {
    font-size: calc((64/1000)*100vw);
  }
  
  
  /* ------------------------------------------------------
   * am30
  ------------------------------------------------------ */
  #am30 #sec1 h2 {
    font-size: calc((42/1000)*100vw);
  }
  .am-30-highlight {
    font-size: calc((22/1000)*100vw);
  }
  .am-30-note01 {
    font-size: 1.6vw;
  }
  
}