@charset "utf-8";

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


トップページ


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



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

mainV

---------------------------------------------- */
.mainV,
.mainV_image {
 height: calc(100vh - 200px);
}

.mainV {
 position: relative;
 overflow: hidden;
}

.mainV_image {}

.mainV_image img {
 object-fit: cover;
 object-position: top;
 height: 100%;
}

.mainV_text {
 position: absolute;
 bottom: 5%;
 left: 5%;
 font-size: 2.6rem;
 line-height: 1.4;
 font-weight: 700;
 color: #fff;
 z-index: 1;
}

.mainV_text span.ff-en {
 display: inline-block;
 margin: 0 0 24px -12px;
 font-size: 19rem;
 line-height: 0.8;
 letter-spacing: -0.015em;
 font-weight: 600;
}

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

 .mainV,
 .mainV_image {
  height: 135vw;
 }

 .mainV_image img {}

 .mainV_text {
  bottom: 5%;
  font-size: 2.0rem;
 }

 .mainV_text span.ff-en {
  font-size: 10rem;
 }
}




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

mainV

---------------------------------------------- */
.pickupWrap {
 padding: 24px 4% 48px;
}

.pickupWrap figure {
 margin: auto;
}

.pickupWrap figure:nth-of-type(1) {
 max-width: 1100px;
}

.pickupWrap p {
 margin: 0px 0 0px;
 text-align: center;
 font-size: 2.8rem;
 font-weight: 800;
 color: #7e7e7e;
}

.pickupWrap figure:nth-of-type(2) {
 max-width: 1180px;
}


@media only screen and (max-width:640px) {
 .pickupWrap {
  padding: 48px 5% 32px;
 }

 .pickupWrap figure {}

 .pickupWrap figure:nth-of-type(1) {}

 .pickupWrap p {
  margin: 12px 0 0px;
  font-size: 2.4rem;
 }

 .pickupWrap figure:nth-of-type(2) {
  max-width: 540px;
 }

 .pickupWrap a span {
  margin: 24px auto;
 }
}




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

mainV

---------------------------------------------- */
.abuotWrap {
 position: relative;
 padding: 110px 4% 96px;
}

.abuotWrap::before {
 content: "";
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 width: 56%;
 height: 100%;
 background-image: url(../_image/common/bg.svg);
 background-repeat: no-repeat;
 background-size: 118% auto;
 filter: grayscale();
 opacity: 0.15;
}

.abuotWrap .ff-en {
 margin: 0 0 0 32px;
 font-size: 20.5rem;
 font-weight: 600;
 line-height: 0.75;
 color: #fafafa;
 -webkit-text-stroke: 1px #000;
}

.abuotWrap h1 {
 max-width: 1000px;
 margin: 64px auto 0 10%;
}

.abuotWrap h1 strong {
 font-size: 6rem;
 font-weight: 700;
}

.abuotWrap h1 p {
 margin: 24px 0 0 0;
}

@media only screen and (max-width:640px) {
 .abuotWrap {
  padding: 96px 4% 96px;
 }

 .abuotWrap::before {
  top: 18%;
  right: -12%;
  width: 90%;
 }

 .abuotWrap .ff-en {
  margin: 0 0 0px 0px;
  font-size: 12rem;
 }

 .abuotWrap h1 {
  max-width: 1000px;
  margin: 48px auto 0;
 }

 .abuotWrap h1 strong {
  font-size: 3.8rem;
 }

 .abuotWrap h1 p {
  margin: 32px 0 0 0;
 }
}




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

mainV

---------------------------------------------- */
.indexPhotos,
.indexPhotos .slick-slide {
 height: 32vw;
}

.indexPhotos {
 width: 100%;
}

.indexPhotos .slick-slide {
 width: 600px;
 position: relative;
 overflow: hidden;
}

.indexPhotos .slick-slide img {
 margin: 0 2px;
}

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

 .indexPhotos,
 .indexPhotos .slick-slide {
  height: 66vw;
 }
}







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

mainV

---------------------------------------------- */
.infoWrap {
 padding: 48px 0 0;
}

.info_title {
 width: 90%;
 max-width: 1080px;
 margin: 0 0 0 2%;
}

.info_inner {
 position: relative;
 margin: 86px auto 0px;
}

.info_inst .flex {
 width: 90%;
 justify-content: center;
 margin: 0px auto 48px;
 padding: 0 0 0;
}

.info_inst_item {
 position: relative;
 width: calc(100% / 3 - 50px);
 max-width: 340px;
 min-width: 220px;
 height: calc(100vw / 3 - 80px);
 max-height: 340px;
 min-height: 220px;
 margin: 0 25px 24px;
 overflow: hidden;
}

.info_inst_item:nth-of-type(n+4) {
 display: none;
}

.info_inst_item a {
 display: block;
 height: 100%;
}

.info_inst_item a div {
 height: 100%;
 background-size: cover;
 background-position: center;
}

.info_inst_item a::after {
 content: "athliss_sports_gym";
 position: absolute;
 top: 0%;
 left: 0;
 width: 100%;
 height: 100%;
 padding: calc(50% + 32px) 0 0;
 text-align: center;
 font-weight: 600;
 color: #fff;
 background-image: url(../_image/common/icon-insta.svg);
 background-size: 48px auto;
 background-repeat: no-repeat;
 background-position: top calc(50% - 16px) center;
 background-color: rgba(0, 0, 0, 0.4);
 box-sizing: border-box;
}

.info_inner > a div {
 height: 100%;
 background-size: cover;
}

/*.info_inst_item figure {
 height: 100%;
}

.info_inst_item figure img {
 object-fit: cover;
 object-position: center;
 height: 100%;
 opacity: 0.8;
}*/

.info_inner > a {
 display: block;
 padding: 32px 0;
 text-align: center;
 font-size: 1.5rem;
 color: #fff;
 border-top: 1px solid #fff;
}

.info_inner > a::after {
 content: "";
 display: inline-block;
 width: 3rem;
 height: 3rem;
 margin: 0 0 0 1.7em;
 vertical-align: middle;
 background-image: url(../_image/common/icon-insta.svg);
 pointer-events: none;
}


@media only screen and (max-width:640px) {
 .infoWrap {
  padding: 96px 0 0;
 }

 .info_title {}

 .info_inner {
  position: relative;
  margin: 86px auto 0px;
 }

 .info_inst.flex {
  justify-content: space-between;
  padding-left: 64px;
 }

 .info_inst_item {
  min-width: 220px;
  min-height: 220px;
  margin: 0 12px 24px;
 }

 .info_inst_item:nth-of-type(n+4) {
  display: block;
 }

 .info_inst_item:nth-of-type(n+5) {
  display: none;
 }

 .info_inst_item a {}

 .info_inst_item a::after {
  padding: calc(50% + 20px) 0 0;
  font-size: 1.4rem;
  background-size: 48px auto;
  background-position: top calc(50% - 12px) center;
 }

 .info_inst_item figure {}

 .info_inner > a {
  padding: 24px 0;
  font-size: 1.4rem;
 }

 .info_inner > a::after {
  width: 2.2rem;
  height: 2.2rem;
 }
}




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

mainV

---------------------------------------------- */
.meritWrap {
 position: relative;
}

.meritWrap .sectionTtl {
 top: 140px;
}

.meritWrap h2 {
 width: 84%;
 padding: 128px 0 64px;
 margin: auto;
 font-size: 6.2rem;
 font-weight: 600;
}

.merit_inner {
 padding: 96px 0 96px;
}

.merit_item {
 align-content: flex-start;
}

.merit_item_text {
 margin: auto;
}

.merit_item_text h3 {
 font-size: 3.6rem;
 font-weight: 600;
}

.merit_item_text h3 span {
 vertical-align: middle;
 font-size: 5rem;
 font-weight: 600;
 color: #AC7300;
}

.merit_item_text h3 span small {
 display: inline-block;
 margin: 0 0.5em 0.8em 0;
 vertical-align: middle;
 font-size: 1.4rem;
 line-height: 2;
 border-bottom: 2px solid #AC7300;
}

.merit_item_text p {
 margin: 32px 0;
}

.merit_item_image {
 width: 68%;
 /*max-width: 1000px;*/
 height: 31.5vw;
 min-height: 500px;
}

.merit_item_image img {
 height: 100%;
 object-fit: cover;
 object-position: center;
}

.merit_item-1 {
 width: 82%;
 max-width: 1180px;
 margin: 0px auto 96px;
}

.merit_item-1 figure {
 margin: 24px 0 0;
}

.merit_item-1 .merit_item_text h3 {}

.merit_item-2 {
 margin: 96px auto 96px;
}

.merit_item-2 .merit_item_text {
 order: 2
}

.merit_item-3 {}

.merit_item-3 .merit_item_text {}



@media only screen and (max-width:640px) {
 .meritWrap {}

 .meritWrap .sectionTtl {}

 .meritWrap h2 {
  padding: 128px 0 64px 24px;
  font-size: 4.2rem;
 }

 .merit_inner {}

 .merit_item {}

 .merit_item_text {
  width: 82%;
 }

 .merit_item_text h3 {
  font-size: 2.8rem;
 }

 .merit_item_text h3 span {}

 .merit_item_text h3 span small {}

 .merit_item_text p {
  margin: 16px 0 24px;
 }

 .merit_item_image {
  width: 100%;
  /*max-width: 1000px;*/
  height: 68vw;
  min-height: inherit;
 }

 .merit_item_image img {}

 .merit_item-1 {
  width: 100%;
  margin: 0px auto 64px;
 }

 .merit_item-1 figure {
  margin: 24px 10% 0 10%;
 }

 .merit_item-1 .merit_item_text h3 {}

 .merit_item-2 {
  margin: 64px auto;
 }

 .merit_item-2 .merit_item_text {}

 .merit_item-2 .merit_item_image {
  order: 2
 }

 .merit_item-3 {}

 .merit_item-3 .merit_item_text {}

 .merit_item-3 .merit_item_image {
  order: 2
 }
}




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

mainV

---------------------------------------------- */
.pageLink {}

.pageLink_item {
 position: relative;
 border: 1px solid #1e1e1e;
 border-width: 1px 0;
}

.pageLink_item:nth-of-type(2) {
 margin: 12px 0;
}

.pageLink_item a {
 padding: 96px 9%;
 justify-content: flex-start;
 align-items: center;
}

.pageLink_item h2 {
 min-width: 9.5em;
 margin-top: -36px;
 font-size: 4.4rem;
 font-weight: 600;
}

.pageLink_item h2 span {
 font-size: 1.8rem;
 font-weight: 600;
 color: #AC7300;
}

.pageLink_item h2 span::before {
 content: "";
 display: inline-block;
 width: 0.5em;
 margin: 0 0.8em 0.2em 0;
 vertical-align: middle;
 border-bottom: 2px solid #AC7300;
}

.pageLink_item p {
 font-size: 1.6rem;
}

.pageLink_item .linkBtn-more {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 120px;
 padding-left: 12px;
 font-size: 1.4rem;
 font-weight: 600;
 line-height: 32px;
 color: #fff;
 background-color: #000;
 background-image: url(../_image/common/icon-more.svg);
 background-repeat: no-repeat;
 background-size: auto 66%;
 background-position: right 8px top 6px;
 border-radius: 8px 0 0 0;
}

@media only screen and (max-width:640px) {
 .pageLink {}

 .pageLink_item {}

 .pageLink_item:nth-of-type(2) {}

 .pageLink_item a {
  padding: 64px 6%;
 }

 .pageLink_item h2 {
  margin-bottom: 24px;
  font-size: 3.4rem;
 }

 .pageLink_item h2 span {
  font-size: 1.8rem;
 }

 .pageLink_item h2 span::before {}

 .pageLink_item p {}

 .pageLink_item .linkBtn-more {}
}




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

mainV

---------------------------------------------- */
.concept {
 position: relative;
 padding: 128px 4%;
}

.concept .sectionTtl {
 top: 140px;
}

.concept_inner {
 width: 88%;
 max-width: 1300px;
 margin: auto;
}

.concept_inner h2 {
 font-size: 6.2rem;
 font-weight: 600;
}

.concept_inner p {
 margin: 32px 0;
 font-size: 2.6rem;
 font-weight: 600;
}

.concept_inner figure {}

@media only screen and (max-width:640px) {
 .concept {
  padding: 128px 0%;
 }

 .concept .sectionTtl {}

 .concept_inner {
  width: 84%;
 }

 .concept_inner h2 {
  padding: 0 0 32px 24px;
  font-size: 4.6rem;
  font-size: 4.2rem;
 }

 .concept_inner p {
  margin: 0px 0 48px 24px;
  font-size: 1.8rem;
 }

 .concept_inner figure {}
}




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

mainV

---------------------------------------------- */
.gMap {
 height: 520px;
 border: 1px solid #1e1e1e;
 border-width: 1px 0;
 overflow: hidden;
}

.gMap iframe {
 width: 100%;
 height: 100%;
 filter: grayscale();
}

@media only screen and (max-width:640px) {
 .gMap {
  height: 460px;
 }

 .gMap iframe {
  width: 70%;
  height: 70%;
  transform: scale(1.42);
  transform-origin: left top;
 }
}




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

mainV

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

@media only screen and (max-width:640px) {}




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

mainV

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

@media only screen and (max-width:640px) {}




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

mainV

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

@media only screen and (max-width:640px) {}




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

mainV

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

@media only screen and (max-width:640px) {}