@charset "utf-8";


/**************************************************************
* 見出し
**************************************************************/

/* lineup
**************************************************************/

/* c-head-container
********************************/
@media all and (max-width: 767px) {
  .c-head-container.--lineup {
    padding: 2rem 0;
    background-color: var(--base-bg-color-01);
  }
}

/* c-head-vl-2__en
********************************/
@media all and (min-width: 768px) {
  .c-head-container.--lineup .c-head-vl-2__en {
    color: var(--base-font-color-01);
  }
}

/* c-head-vl-2__jp
********************************/
@media all and (min-width: 768px) {
  .c-head-container.--lineup .c-head-vl-2__jp {
    color: var(--base-font-color-01);
  }
}


/* about
**************************************************************/

/* c-head-vl-2__en
********************************/
.c-head-container.--about .c-head-vl-2__en {
  color: var(--base-font-color-01);
}

/* c-head-vl-2__jp
********************************/
.c-head-container.--about .c-head-vl-2__jp {
  color: var(--base-font-color-01);
}


/* access
**************************************************************/

/* c-head-vl-2__en
********************************/
@media all and (min-width: 768px) {
  .access .c-head-vl-2__en {
    color: var(--base-font-color-01);
  }
}

/* c-head-vl-2__jp
********************************/
@media all and (min-width: 768px) {
  .access .c-head-vl-2__jp {
    color: var(--base-font-color-01);
  }
}


/* g-contact
**************************************************************/

/* c-head-container
********************************/
@media all and (min-width: 1367px) {
  .c-head-container.--g-contact {}
}

@media all and (min-width: 768px) and (max-width: 1366px) {
  .c-head-container.--g-contact {
    position: relative;
    width: auto;
    padding-top: 7rem;
  }
}

/* c-head-vl-2__inner
********************************/
@media all and (min-width: 768px) and (max-width: 1366px) {
  .g-contact .c-head-vl-2__inner {
    writing-mode: initial;
    height: auto;
    padding: 0;
    text-align: center;
  }
}


/* c-head-vl-2__en
********************************/


/* c-head-vl-2__jp
********************************/
@media all and (min-width: 768px) and (max-width: 1366px) {
  .c-head-container.--g-contact .c-head-vl-2__jp {
    display: block;
    margin-top: 2rem;
  }
}


/**************************************************************
* mv
**************************************************************/

/* mv
**************************************************************/
.mv {
  position: relative;
	width: 100%;
}


/* c-outer
**************************************************************/
@media all and (max-width: 767px) {
  .mv .c-outer {
    padding: 0;
  }
}

/* mv-list item__contents
**************************************************************/
.mv-list .item__contents {

}

/* mv-list item__photo
**************************************************************/
.mv-list .item__photo {
  position: relative;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media all and (min-width: 768px) {
  .mv-list .item__photo {
    height: 832px;
  }
}
@media all and (max-width: 767px) {
  .mv-list .item__photo {
    height: 512px;
  }
}

/* item__photo-bg
********************************/
.mv-list .item__photo-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.mv-list .--01 .item__photo-bg {
	background-image: url(../img/top/mv/main_01.jpg);
}
.mv-list .--02 .item__photo-bg {
	background-image: url(../img/top/mv/main_02.jpg);
}
.mv-list .--03 .item__photo-bg {
  background-image: url(../img/top/mv/main_03.jpg);
}

/* mv-list item__inner
**************************************************************/
.mv-list .item__inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
  z-index: 1;
	width: 100%;
	height: 100%;
	margin: auto;
}
@media all and (min-width: 768px) {
	.item__inner {
		max-width: 128rem;
	}
}


/* mv-cp-container
**************************************************************/
.mv-cp-container {
  overflow: hidden;
  position: absolute;
	left: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
}
.mv-cp {
  animation: loop-slide 14s infinite linear 1s both;
}
@media all and (min-width: 768px) {
  .mv-cp {
  }
}
@media all and (min-width: 768px) and (max-width: 1366px) {
	.mv-cp {
	}
}
@media all and (max-width: 767px) {
	.mv-cp {
	}
}

@keyframes loop-slide {
  0% { transform: translateX(0)}
  50% { transform: translateX(-100%)}
  100% { transform: translateX(0)}
}


/* mv-cp__inner
********************************/
.mv-cp__inner {
	display: block;
	color: var(--base-font-color-01);
  font-family: var(--title-font-family);
	font-weight: bold;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
@media all and (min-width: 768px) {
  .mv-cp__inner {
    font-size: 22rem;
  }
}
@media all and (max-width: 767px) {
	.mv-cp__inner {
		font-size: 11rem;
	}
}


/**************************************************************
* news
**************************************************************/
.news {
}


/* c-outer
**************************************************************/
.news .c-outer {
  position: relative;
  background-color: var(--base-bg-color-01);
}
@media all and (max-width: 767px) {
  .news .c-outer {
    padding-bottom: 0;
  }
}

/* news-contents
**************************************************************/
@media all and (min-width: 768px) {
	.news-contents {
    position: relative;
		padding: 10rem 0;
	}
}
@media all and (max-width: 767px) {
	.news-contents {
    padding-bottom: 3rem;
	}
}

/* c-head-container --news
**************************************************************/
.c-head-container.--news {
}
@media all and (min-width: 768px) {
	.c-head-container.--news {
		
	}
}
@media all and (max-width: 767px) {
	.c-head-container.--news {
		
	}
}

/* c-head-vl-2
********************************/
.c-head-container.--news .c-head-vl-2 {
}


/* news-list-container
**************************************************************/
@media all and (min-width: 768px) {
  .news-list-container {
    width: calc(100% - 140px - 230px);
    margin-left: 140px;
  }
}

@media all and (min-width: 768px) {
	.news-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
    width: 100%;
		margin-top: 8rem;
	}
}
@media all and (max-width: 767px) {
	.news-list {
		margin-top: 4rem;
	}
}

/* list__item
********************************/
@media all and (min-width: 768px) {
	.news-list .list__item {
		width: 28.801%;
    margin-bottom: 6.761%;
	}
	.news-list .list__item:not(:nth-child(3n + 1)) {
    margin-left: 6.761%;
	}
}
@media all and (min-width: 768px) and (max-width: 1366px) {
  .news-list .list__item {
		width: 46%;
	}
  .news-list .list__item:not(:nth-child(3n + 1)) {
    margin-left: 0;
	}
  .news-list .list__item:nth-child(2n) {
    margin-left: 4%;
	}
}
@media all and (max-width: 767px) {
	.news-list .list__item:nth-child(n + 2) {
		margin-top: 6rem;
	}
}

/* item__header
********************************/
.news-list .item__header {
	position: relative;
}

/* item__date
********************************/
.news-list .item__date {
}
@media all and (min-width: 768px) {
  .news-list .item__date {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
	.news-list .item__date {
    font-size: 1.4rem;
  }
}

/* item__photo
********************************/
.news-list .item__photo {
	position: relative;
	margin: 0 auto;
}
.news-list .item__photo img {
	width: 100%;
  height: auto;
  border-top: .2rem solid var(--base-bg-color-02);
}


/* item__body
********************************/
@media all and (min-width: 768px) {
	.news-list .item__body {
	}
}

/* item__info
********************************/
.news-list .item__info {
  display: flex;
  margin-top: 1rem;
}
@media all and (min-width: 768px) {
  .news-list .item__info {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .news-list .item__info {
    font-size: 1.4rem;
  }
}


/* item__cate-list
********************************/
.news-list .item__cate-list {
  display: flex;
  margin-left: 1rem;
}
.news-list .item__cate-list .cate-list__item {
  color: #959595;
}
.news-list .item__cate-list .cate-list__item:nth-child(n + 2) {
  margin-left: 1rem;
}
@media all and (min-width: 768px) {
}

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

/* item__ttl
********************************/
.news-list .item__ttl {
	margin: 2rem 0;
	color: var(--main-ttl-color);
	font-size: 1.6rem;
	line-height: 1.5;
}
@media all and (max-width: 767px) {
	.news-list .item__ttl {
		font-size: 1.4rem;
	}
}

/* item__des
********************************/
.news-list .item__des {
	color: var(--main-ttl-color);
	font-size: 1.4rem;
	line-height: 2;
}
@media all and (max-width: 767px) {
	.news-list .item__des {
		font-size: 1.3rem;
	}
}


/* c-btn-container
**************************************************************/
@media all and (min-width: 768px) {
  .news .c-btn-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}


/**************************************************************
* concept
**************************************************************/

/* concept
**************************************************************/
.concept {
}
@media all and (min-width: 768px) {
	.concept {
    
	}
}
@media all and (max-width: 767px) {
	.concept {
    margin-top: 14rem;
	}
}


/* c-outer
**************************************************************/
.front_page .concept .c-outer:nth-child(n + 2) {
  background-color: transparent;
}

/* c-inner
**************************************************************/
.concept .c-inner {
  width: 100%;
}
@media all and (min-width: 768px) {
  .concept .c-inner {
    max-width: none;
  }
}

/* c-contents
**************************************************************/
@media all and (min-width: 768px) {
  .front_page .concept .c-outer:nth-child(n + 2) .c-contents {
    position: relative;
    width: 100%;
    margin-left: 3rem;
  }
}

/* c-contents
**************************************************************/
.c-contents.--concept {
  margin-bottom: 6rem;
}
@media all and (max-width: 767px) {
	.c-contents.--concept {
    padding-top: 3rem;
	}
  .front_page .c-contents.--concept {
    background-color: var(--base-bg-color-01);
  }
  .front_page .concept .c-outer:nth-child(2) .c-contents.--concept {
    background-color: transparent;
  }
}


/* c-head-container --concept
**************************************************************/
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {
	.c-head-container.--concept {
    padding-top: 4rem;
		background-color: var(--base-bg-color-01);
	}
}


/* c-main-img
**************************************************************/
.concept .c-main-img {
  position: relative;
	background-image: url(../img/top/concept/bg_main.jpg);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {}



/* c-lead-container
**************************************************************/
@media all and (min-width: 768px) {
  .concept .c-lead-container {
    width: 67.857%;
  }
}


/* c-btn-container
**************************************************************/
@media all and (min-width: 768px) {
  .concept .c-btn-container {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
  }
}

/* c-btn
********************************/
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {
  .concept .c-btn {
    margin: 3rem auto;
  }
}


/**************************************************************
* products
**************************************************************/
@media all and (min-width: 768px) {
  .products {
    margin-top: 13.3rem;
  }
}

@media all and (max-width: 767px) {
  .products {
    margin-top: 9.6rem;
  }
}

/* c-outer
**************************************************************/
@media all and (max-width: 767px) {
  .products .c-outer {
    padding-top: 0;
  }
}


/* c-inner
**************************************************************/
.products .c-inner {
  width: 100%;
  max-width: none;
}

/* c-head-container 
**************************************************************/
@media all and (max-width: 767px) {
  .c-head-container.--products {
    padding-top: 4rem;
    background-color: var(--base-font-color-01);
  }
}

/* products-list-container
**************************************************************/


/* products-list
**************************************************************/
@media all and (min-width: 768px) {
  .products-list {
    position: relative;
  }
}


/* list__item
********************************/
.products-list .list__item {
  background-color: var(--base-font-color-01);
}
@media all and (min-width: 768px) {
  .products-list .list__item {
    padding-left: 12.4rem;
    padding-right: 7rem;
    transition: opacity var(--transition-speed);
  }
  .products-list .list__item:nth-child(n + 2) {
    margin-top: 33.1rem;
  }
}
@media all and (min-width: 768px) and (max-width: 1366px) {
  .products-list .list__item:nth-child(n + 2) {
    margin-top: 14rem;
  }
}
@media all and (max-width: 767px) {
  .products-list .list__item:nth-child(n + 2) {
    margin-top: 7rem;
  }
}

/* item__contents
********************************/
.products-list .item__contents {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media all and (min-width: 768px) {
  .products-list .item__contents {
    justify-content: space-between;
    padding: 7rem 0;
  }
  .products-list .list__item:nth-child(2n) .item__contents {
    flex-direction: row-reverse;
  }
}
@media all and (max-width: 767px) {
  .products-list .item__contents {
    width: 92%;
    margin: 0 auto;
    padding: 4rem 0;
  }
}

/* item__info
********************************/
@media all and (min-width: 768px) {
  .products-list .item__info {
    width: 44.212%;
  }
}
@media all and (min-width: 1367px) {
  .products-list .item__info {
    position: relative;
  }
}
@media all and (min-width: 768px) and (max-width: 1366px) {}
@media all and (max-width: 767px) {}

/* item__tag
********************************/
.products-list .item__tag {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 2.6rem;
}
.products-list .item__tag::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin: auto 0;
  border: .2rem solid var(--base-bg-color-02);
  border-radius: 100%;
}

.products-list .item__tag-num,
.products-list .item__tag-name
{
  color: #959595;
  font-family: var(--title-font-family);
}
.products-list .item__tag-name {
  margin-left: 1rem;
}
@media all and (min-width: 768px) {
  .products-list .item__tag-num,
  .products-list .item__tag-name
  {
    font-size: 1.4rem;
  }
}
@media all and (max-width: 767px) {
  .products-list .item__tag-num,
  .products-list .item__tag-name
  {
    font-size: 1.4rem;
  }
}


/* item__ttl
********************************/
.products-list .item__ttl-txt {
  color: #545454;
  font-weight: bold;
  line-height: 1.7142;
}
@media all and (min-width: 768px) {
  .products-list .item__ttl {
    margin-top: 3rem;
  }
  .products-list .item__ttl-txt {
    font-size: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .products-list .item__ttl {
    position: relative;
    margin-top: 3rem;
  }
  .products-list .item__ttl::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    margin: 0 auto 15.752%;
    padding-top: 126.654%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .products-list .--01 .item__ttl::before {
    background-image: url(../img/top/products/img_01.jpg);
  }
  .products-list .--02 .item__ttl::before {
    background-image: url(../img/top/products/img_02.jpg);
  }
  .products-list .--03 .item__ttl::before {
    background-image: url(../img/top/products/img_03.jpg);
  }
  .products-list .item__ttl-txt {
    font-size: 2rem;
  }
}


/* item__des
********************************/
.products-list .item__des-txt {
  color: var(--base-font-color-02);
  line-height: 2;
}
.products-list .item__des-txt + .item__des-txt {
  margin-top: 2.4rem;
}
@media all and (min-width: 768px) {
  .products-list .item__des {
    margin-top: 4rem;
  }
  .products-list .item__des-txt {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .products-list .item__des {
    margin-top: 4rem;
  }
  .products-list .item__des-txt {
    font-size: 1.4rem;
  }
}


/* item__infoImg
********************************/
.products-list .item__infoImg {
  position: relative;
}

.products-list .item__infoImg-photo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
}
.products-list .item__infoImg-photo {
  width: 100%;
  height: 0;
}
.products-list .--01 .item__infoImg-photo {
  background-image: url(../img/top/products/img_sub_01.jpg);
}

.products-list .--02 .item__infoImg-photo {
  background-image: url(../img/top/products/img_sub_02.jpg);
}

.products-list .--03 .item__infoImg-photo {
  background-image: url(../img/top/products/img_sub_03.jpg);
}

@media all and (min-width: 768px) {
  .products-list .item__infoImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 63.926%;
    margin: 54rem auto 0;
  }
  .products-list .item__infoImg-photo {
    padding-top: 136.904%;
  }
}
@media all and (min-width: 768px) and (max-width: 1366px) {
  .products-list .item__infoImg {
    position: relative;
    width: 65%;
    margin-top: 7rem;
  }
  .products-list .item__infoImg-photo {
    padding-top: 136.967%;
  }
}
@media all and (max-width: 767px) {
  .products-list .item__infoImg {
    width: 64%;
    margin: 18.903% auto 0;
  }
  .products-list .item__infoImg-photo {
    padding-top: 136.858%;
  }
}

/* item__img
********************************/
.products-list .item__img {
  position: relative;
}
.products-list .item__img-photo {
  width: 100%;
  height: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
}
.products-list .--01 .item__img-photo {
  background-image: url(../img/top/products/img_01.jpg);
}
.products-list .--02 .item__img-photo {
  background-image: url(../img/top/products/img_02.jpg);
}
.products-list .--03 .item__img-photo {
  background-image: url(../img/top/products/img_03.jpg);
}
@media all and (min-width: 768px) {
  .products-list .item__img {
    width: 45.222%;
  }
  .products-list .item__img-photo {
    padding-top: 127.083%;
  }
}

@media all and (max-width: 767px) {
  .products-list .item__img {
    display: none;
    width: 100%;
  }
  .products-list .item__img-photo {
    padding-top: 127.083%;
  }
}


/* c-utility-btn
**************************************************************/
@media all and (min-width: 1367px) {
  .front_page .products .c-utility-btn {
    margin-top: 32rem;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .front_page .products .c-utility-btn {
    margin-top: 6rem;
  }
}
@media all and (max-width: 767px) {
  .products .c-utility-btn {
    margin-top: 4rem;
  }
}


/**************************************************************
* lineup
**************************************************************/
@media all and (min-width: 768px) {
  .lineup {
    overflow: hidden;
    margin-top: 33rem;
  }
}
@media all and (max-width: 767px) {
  .lineup {
    margin-top: 6rem;
  }
}


/* c-outer
**************************************************************/
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {}


/* lineup-list-container
**************************************************************/
@media all and (min-width: 768px) {
  .lineup-list-container {
    width: 504rem;
  }
}
@media all and (max-width: 767px) {
  .lineup-list-container {
    
  }
}


/* lineup-list
********************************/
@media all and (min-width: 768px) {
  .lineup-list {
    display: flex;
    flex-wrap: wrap;
  }
}

/* list__item
********************************/
@media all and (min-width: 768px) {
  .lineup-list .list__item {
    width: 87.5%;
    max-width: 168rem;
  }
}
@media all and (max-width: 767px) {
  .lineup-list .list__item:nth-child(n + 2) {
    margin-top: 7rem;
  }
}


/* item__contents
********************************/
.lineup-list .item__contents {
  position: relative;
  width: 100%;
}
@media all and (min-width: 768px) {
  .lineup-list .item__contents {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
  }
}
@media all and (max-width: 767px) {
  .lineup-list .item__contents {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

/* item__info
********************************/
.lineup-list .item__info {
  position: relative;
}

@media all and (min-width: 768px) {
  .lineup-list .item__info {
    z-index: 1;
    width: 40%;
  }
  .lineup-list .item__info__inner {
    position: absolute;
    width: 67.261%;
    min-width: 45rem;
    height: 100%;
    margin: 0 11.904% 0 18.833%;
  }
  .lineup-list .item__info__contents {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
  }
  .item__info-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background-color: rgba(0, 0, 0, .78);
  }
}
@media all and (max-width: 767px) {
  .lineup-list .item__info {
    width: 100%;
    padding-bottom: 6rem;
    background-color: var(--base-bg-color-01);
  }
  .lineup-list .item__info__contents {
    position: relative;
    width: 92%;
    margin: -8rem auto 0;
    padding: 0rem 0;
  }
}

/* item__subImg
********************************/
.lineup-list .item__subImg {
  width: 100%;
}
.lineup-list .item__subImg-img {
  position: relative;
  width: 100%;
  height: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.lineup-list .item__subImg-img::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .78);
}
.lineup-list .--01 .item__subImg-img.--top {
  background-image: url(../img/top/lineup/01/img_01.jpg);
}
.lineup-list .--01 .item__subImg-img.--bottom {
  background-image: url(../img/top/lineup/01/img_02.jpg);
}
.lineup-list .--02 .item__subImg-img.--top {
  background-image: url(../img/top/lineup/02/img_01.jpg);
}
.lineup-list .--02 .item__subImg-img.--bottom {
  background-image: url(../img/top/lineup/02/img_02.jpg);
}
.lineup-list .--03 .item__subImg-img.--top {
  background-image: url(../img/top/lineup/03/img_01.jpg);
}
.lineup-list .--03 .item__subImg-img.--bottom {
  background-image: url(../img/top/lineup/03/img_02.jpg);
}
@media all and (min-width: 768px) {
  .lineup-list .item__subImg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    height: 100%;
  }
  .lineup-list .item__subImg-img {
    height: 50%;
  }
}
@media all and (max-width: 767px) {
  .lineup-list .item__subImg {
    display: flex;
  }
  .lineup-list .item__subImg-img {
    padding-top: 140px;
  }
}

/* item__ttl
********************************/
.lineup-list .item__ttl {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
}
.lineup-list .item__ttl-txt {
  text-align: center;
  text-shadow: 1px 1px 2px #000;
}
.lineup-list .item__ttl-num,
.lineup-list .item__ttl-txt-jp,
.lineup-list .item__ttl-txt-en
{
  text-shadow: 1px 1px 2px #000;
}
@media all and (min-width: 768px) {
  .lineup-list .item__ttl {
    color: var(--base-font-color-01);
  }
  .lineup-list .item__ttl-txt {
    margin-left: 2rem;
  }
  .lineup-list .item__ttl-num {
    font-size: 2.8rem;
  }
  .lineup-list .item__ttl-txt-jp {
    font-size: 2.8rem;
  }
  .lineup-list .item__ttl-txt-en {
    display: block;
    margin-top: 2rem;
    font-size: 1.8rem;
  }
}
@media all and (max-width: 767px) {
  .lineup-list .item__ttl {
    justify-content: center;
    color: var(--base-font-color-01);
  }
  .lineup-list .item__ttl-txt {
    margin-left: 2rem;
  }
  .lineup-list .item__ttl-num {
    font-size: 2rem;
  }
  .lineup-list .item__ttl-txt-jp {
    font-size: 2rem;
  }
  .lineup-list .item__ttl-txt-en {
    display: block;
    margin-top: 2rem;
    font-size: 1.6rem;
  }
}
@media all and (max-width: 320px) {
  .lineup-list .item__ttl-num {
    font-size: 1.6rem;
  }
  .lineup-list .item__ttl-txt-jp {
    font-size: 1.6rem;
  }
}

/* item__des
********************************/
.lineup-list .item__des-txt {
  line-height: 2;
}
.lineup-list .item__des-txt + .item__des-txt {
  margin-top: 2.4rem;
}
@media all and (min-width: 768px) {
  .lineup-list .item__des {
    margin-top: 3.3rem;
  }
  .lineup-list .item__des-txt {
    color: var(--base-font-color-01);
    font-size: 1.6rem;
    text-shadow: 1px 1px 2px #000;
  }
}
@media all and (max-width: 767px) {
  .lineup-list .item__des {
    margin-top: 3.3rem;
  }
  .lineup-list .item__des-txt {
    color: var(--base-font-color-02);
    font-size: 1.4rem;
  }
}
@media all and (max-width: 320px) {
  .lineup-list .item__des-txt {
    font-size: 1.3rem;
  }
}


/* item__photo
********************************/
.lineup-list .item__photo {
}
.lineup-list .item__photo img {
  width: 100%;
}
@media all and (min-width: 768px) {
  .lineup-list .item__photo {
    width: 60%;
    padding-top: min(100%, 100rem);
  }
  .lineup-list .item__photo img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
}
@media all and (max-width: 767px) {
  .lineup-list .item__photo {
    width: 100%;
  }
}

/* c-btn-container
**************************************************************/
@media all and (min-width: 768px) {
  .lineup .c-btn-container {
    margin: 6rem auto 0;
  }
}
@media all and (max-width: 767px) {
  .lineup .c-btn-container {
    margin: 3rem auto 0;
  }
}

/* c-btn-link
********************************/
@media all and (max-width: 767px) {
  .lineup .c-btn-link::before {
    border-color: var(--c-btn-01-color);
  }
}

/* c-btn-link-arrow
********************************/
@media all and (max-width: 767px) {
  .lineup .c-btn-link-arrow::before,
  .lineup .c-btn-link-arrow::after {
    background-color: var(--c-btn-01-color);
  }
}

/* c-btn-lbl
********************************/
@media all and (max-width: 767px) {
  .lineup .c-btn-lbl {
    color: var(--c-btn-01-color);
  }
}

/**************************************************************
* gallery
**************************************************************/

/* gallery
**************************************************************/
.gallery {
  position: relative;
  width: 100%;
}
@media all and (min-width: 768px) {
  .gallery {
    margin-top: 20rem;
  }
}
@media all and (max-width: 767px) {
  .gallery {
    margin-top: 10rem;
  }
}

/* gallery-list-container
**************************************************************/
.gallery-list-container .swiper-wrapper {
  transition-timing-function: linear;
}
.gallery-list {
  display: flex;
}

/* list__item
********************************/
.gallery-list img {
  width: 100%;
}
@media all and (min-width: 768px) {
  .gallery-list .list__item {
    width: 19.01%;
    margin: 0 .3906%;
  }
  .gallery-list .list__item:nth-child(even) {
    margin-top: 5.208%;
  }
}
@media all and (max-width: 767px) {
  .gallery-list .list__item {
    width: 29.601%;
    margin: 0 1.866%;
  }
  .gallery-list .list__item:nth-child(even) {
    margin-top: 5.208%;
  }
}


/**************************************************************
* about
**************************************************************/

/* about
**************************************************************/
.about {
  position: relative;
}
@media all and (min-width: 768px) {
  .about {
    margin-top: 20rem;
  }
}
@media all and (max-width: 767px) {
  .about {
    margin-top: 14rem;
  }
}

/* about-bg
**************************************************************/
.about-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../img/top/about/bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: rgba(0, 0, 0, .66);
}


/* about-intro
**************************************************************/
.about-intro {
  position: relative;
  margin: 0 auto;
}
@media all and (min-width: 768px) {
  .about-intro {
    width: 73.116%;
    padding: 15.454% 0 20.389%;
  }
}
@media all and (max-width: 767px) {
  .about-intro {
    padding: 4rem 0;
  }
}

/* about-intro-ttl
********************************/
.about-intro-ttl {
  position: relative;
  color: var(--base-font-color-01);
  font-family: var(--title-font-family);
  text-align: center;
}
.about-intro-ttl::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: .4rem dotted var(--base-bg-color-01);
}
@media all and (min-width: 768px) {
  .about-intro-ttl {
    padding-bottom: 5.2rem;
    font-size: 12.4rem;
  }
}
@media all and (max-width: 767px) {
  .about-intro-ttl {
    padding-bottom: 2.6rem;
    font-size: 6.2rem;
  }
}


/* about-intro-des
********************************/
.about-intro-des {
  line-height: 2;
}
.about-intro-des-txt {
  color: var(--base-font-color-01);
}
@media all and (min-width: 768px) {
  .about-intro-des {
    margin-top: 6.2rem;
  }
  .about-intro-des-txt {
    font-size: 1.6rem;
  }
  .about-intro-des-txt + .about-intro-des-txt {
    margin-top: 2.4rem;
  }
}
@media all and (max-width: 767px) {
  .about-intro-des {
    margin-top: 3.1rem;
  }
  .about-intro-des-txt {
    font-size: 1.4rem;
  }
  .about-intro-des-txt+.about-intro-des-txt {
    margin-top: 2rem;
  }
}


/**************************************************************
* access
**************************************************************/
.access {
	position: relative;
  margin-top: 14rem;
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}

/* c-outer
**************************************************************/
.access .c-outer {
  background-color: var(--base-bg-color-01);
}
@media all and (max-width: 767px) {
}

/* access-main
**************************************************************/
.access-main {
  position: relative;
}
@media all and (min-width: 768px) {
  .access-main {
    width: 40%;
  }
}
@media all and (max-width: 767px) {
  .access-main {
    width: 100%;
  }
}

/* access-main-img
********************************/
.access-main-img {
  width: 100%;
  height: 0;
  background-image: url(../img/access/main.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (min-width: 768px) {
  .access-main-img {
    padding-top: 106rem;
  }
}
@media all and (max-width: 767px) {
  .access-main-img {
    padding-top: 50rem;
  }
}


/* access-sub
**************************************************************/
.access-sub {
  position: absolute;
  height: 0;
}
@media all and (min-width: 768px) {
  .access-sub {
    top: 0;
    right: 0;
    bottom: 0;
    width: 65.178%;
    margin: auto -32.589% auto 0;
    padding-top: 92.537%;
  }
}
@media all and (max-width: 767px) {
  .access-sub {
    position: relative;
    width: 64%;
    margin: 8.1159% auto 0;
    padding-top: 90.434%;
  }
}

/* access-sub-img
********************************/
.access-sub-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-image: url(../img/access/sub.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (max-width: 767px) {
  .access-sub-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background-image: url(../img/access/sub.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

/* access-ttl
**************************************************************/
.access-ttl {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  border-radius: 100%;
  background-color: var(--main-bg-color);
}
@media all and (min-width: 768px) {
  .access-ttl {
    width: 60.502%;
    margin: -29.68% -29.68% 0 0;
    padding: 14.611% 0;
  }
}
@media all and (max-width: 767px) {
  .access-ttl {
    width: 65.502%;
    margin: -29.68% -29.68% 0 0;
    padding: 14.945% 0;
  }
}

/* access-ttl-txt
********************************/
.access-ttl-txt {
  color: var(--base-font-color-01);
  text-align: center;
  line-height: 1.642;
}
@media all and (min-width: 768px) {
  .access-ttl-txt {
    font-size: 1.458vw;
  }
}
@media all and (min-width: 1920px) {
  .access-ttl-txt {
    /* font-size: 2.8rem; */
  }
}
@media all and (max-width: 767px) {
  .access-ttl-txt {
    font-size: 4.266vw;
  }
}

/* c-inner
**************************************************************/
.access .c-inner {
	position: relative;
}
@media all and (min-width: 768px) {
  .access .c-inner {
    width: 92.018%;
    min-width: initial;
    max-width: none;
    margin: 0;
  }
}

/* access-contents
**************************************************************/
@media all and (min-width: 768px) {
	.access-contents {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	}
}
@media all and (max-width: 767px) {
	.access-contents {
		margin-top: 4rem;
	}
}


/* c-btn-container
**************************************************************/
@media all and (max-width: 767px) {
	.access .c-btn-container {
		margin-top: 3rem;
	}
}

/* access-info
**************************************************************/
@media all and (min-width: 768px) {
  .access-info {
    width: calc(100% - 40% - 21.964%);
    margin-left: 21.964%;
  }
}

/* access-header
**************************************************************/
.access-header {
  position: relative;
}

/* access-header-ttl
********************************/
.access-header-ttl {
  position: relative;
  color: #545454;
  font-weight: bold;
  line-height: 1.65;
}
.access-header-ttl::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .2rem;
  background-color: var(--base-bg-color-02);
}
@media all and (min-width: 768px) {
  .access-header-ttl {
    padding-top: 10.544%;
    font-size: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .access-header-ttl {
    margin-top: 4rem;
    padding-top: 3.1rem;
    font-size: 1.8rem;
  }
}


/* c-btn-container
**************************************************************/
.access .c-btn-container {

}
@media all and (min-width: 768px) {
  .access .c-btn-container {
    margin: 4rem 0 0 0;
  }
}
@media all and (min-width: 1501px) {
  .access .c-btn-container {
    position: absolute;
    top: 0;
    right: 0;
    margin: 4rem 0 0 0;
  }
}
@media all and (min-width: 768px) and (max-width: 1500px) {
  .access .c-btn-container {
    position: relative;
    margin: 4rem 0 0 auto;
  }
}
  

/* c-btn-link
********************************/
.access .c-btn-link::before {
  border-color: var(--base-bg-color-02);
}

/* c-btn-link-arrow
********************************/
.access .c-btn-link-arrow::before,
.access .c-btn-link-arrow::after
{
  background-color: var(--base-bg-color-02);
}

/* c-btn-lbl
********************************/
.access .c-btn-lbl {
  color: var(--base-bg-color-02);
}


/* access-body
**************************************************************/
@media all and (min-width: 1501px) {
  .access-body {
    margin-top: 11.6rem;
  }
}
@media all and (min-width: 768px) and (max-width: 1500px) {
  .access-body {
    margin-top: 5.6rem;
  }
}
@media all and (max-width: 767px) {
  .access-body {
    margin-top: 5.3rem;
  }
}


/* access-list
**************************************************************/
.access-list {

}

/* list__item
********************************/
.access-list .list__item {

}
@media all and (min-width: 768px) {
  .access-list .list__item:nth-child(n + 2) {
    margin-top: 4.2rem;
  }
}
@media all and (max-width: 767px) {
  .access-list .list__item:nth-child(n + 2) {
    margin-top: 2rem;
  }
}

/* item__des
********************************/
.access-list .item__des {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.access-list .item__des-txt {
  width: calc(100% - 2rem);
  padding-left: 1rem;
  color: var(--base-font-color-02);
  line-height: 1.75;
}
@media all and (min-width: 768px) {
  .access-list .item__des-txt {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .access-list .item__des-txt {
    font-size: 1.4rem;
  }
}

/* item__mark
********************************/
.access-list .item__mark {
  position: relative;
  width: 2rem;
  height: 2rem;
  margin-top: .4rem;
}
.access-list .item__mark::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.access-list .item__mark.--pin::before {
  background-image: url(../img/common/pin.svg);
}
.access-list .item__mark.--time::before {
  background-image: url(../img/common/time.svg);
}
.access-list .item__mark.--tel::before {
  background-image: url(../img/common/tel.svg);
}
.access-list .item__mark.--other::before {
  border: .2rem solid var(--base-font-color-02);
  border-radius: 100%;
}


/* access-map-container
**************************************************************/
.access-map-container .access-map {
  position: relative;
  width: 100%;
  height: 0;
}
.access-map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 768px) {
  .access-map-container {
    width: 100%;
  }
  .access-map-container .access-map {
    padding-top: 36.603%;
  }
}
@media all and (max-width: 767px) {
  .access-map-container {
    width: 92%;
    margin: 4rem auto 0;
  }
  .access-map-container .access-map {
    padding-top: 63.492%;
  }
}


/************************************************************************************************
* 下層ページ共通
************************************************************************************************/


/**************************************************************
* c-outer
**************************************************************/


/* second_page c-outer
**************************************************************/
.second_page .mv .c-outer {
  width: 100%;
}

/* second_page c-outer
**************************************************************/
.second_page .news .c-outer,
.second_page .blogs .c-outer {
  background-color: var(--base-bg-color-01);
}
@media all and (min-width: 768px) {
  .second_page .news .c-outer,
  .second_page .blogs .c-outer
  {
    padding: 10rem 0;
  }
}
@media all and (max-width: 767px) {
  .second_page .news .c-outer,
  .second_page .blogs .c-outer
  {
    padding: 5rem 0;
  }
}



/**************************************************************
* c-utility-btn-outer
**************************************************************/
.second_page .c-utility-btn-outer {
  margin-top: 6rem;
}



/************************************************************************************************
* NEWSページ / BLOGSページ
************************************************************************************************/


/**************************************************************
* c-btn-erea
**************************************************************/
@media all and (max-width: 767px) {
  .second_page .news .c-btn-erea,
  .second_page .blogs .c-btn-erea
  {
    display: none;
  }
}


/**************************************************************
* news-contents
**************************************************************/
.second_page .news-contents {
  padding: 0;
}


/* news-list
**************************************************************/
@media all and (min-width: 768px) {
  .second_page .news-list {
    margin-top: 0;
  }
}


/************************************************************************************************
* NEWSページ
************************************************************************************************/


/**************************************************************
* mv
**************************************************************/


/* c-main-img
**************************************************************/
.news_page.second_page .c-main-img {
  background-image: url(../img/second_page/news/mv/bg_main.jpg);
}


/************************************************************************************************
* BLOGSページ
************************************************************************************************/


/**************************************************************
* mv
**************************************************************/


/* c-main-img
**************************************************************/
.blogs_page.second_page .c-main-img {
  background-image: url(../img/second_page/blogs/mv/bg_main.jpg);
}


/************************************************************************************************
* CONCEPTページ
************************************************************************************************/


/**************************************************************
* mv
**************************************************************/


/* c-main-img
**************************************************************/
.concept_page.second_page .c-main-img {
  background-image: url(../img/second_page/concept/mv/bg_main.jpg);
}


/**************************************************************
* c-section
**************************************************************/
.concept_page .concept.c-section {
  background-color: var(--base-bg-color-01);
}
.concept_page .access.c-section {
  margin-bottom: 6rem;
}
@media all and (min-width: 768px) {
  .concept_page .concept.c-section {
    padding: 10rem 0;
  }
}
@media all and (max-width: 767px) {
  .concept_page .concept.c-section {
    margin-top: 0;
  }
}


/**************************************************************
* c-lead
**************************************************************/

/* c-lead-ttl / c-lead-des-txt
**************************************************************/
.concept_page .c-lead-ttl,
.concept_page .c-lead-des-txt
{
  color: var(--main-ttl-color);
}
.concept_page .c-lead-container {
  width: 100%;
  margin-top: 0;
}
.concept_page .c-lead-ttl,
.concept_page .c-lead-des-txt
{
  text-align: center;
}



/**************************************************************
* concept-list-container
**************************************************************/
@media all and (min-width: 768px) {
  .concept-list-container {
    padding: 25.52% 0 13.02%;
  }
}
@media all and (min-width: 1921px) {
  .concept-list-container {
    padding: 49rem 0 25rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list-container {
    padding: 25rem 0 12rem;
  }
}


/* list__item
**************************************************************/
@media all and (min-width: 768px) {
  .concept-list .list__item:nth-child(n + 2) {
    margin-top: 31.25%;
  }
}
@media all and (min-width: 1921px) {
  .concept-list .list__item:nth-child(n + 2) {
    margin-top: 60rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list .list__item:nth-child(n + 2) {
    margin-top: 20rem;
  }
}


/* item__photo
**************************************************************/
.concept-list .item__photo {
  position: relative;
  background-color: var(--base-bg-color-02);
}
.concept-list .item__photo-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background-color: #6a6a6a;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.concept-list .--01 .item__photo-bg {
  background-image: url(../img/second_page/concept/concept-list/01/main.jpg);
}
.concept-list .--02 .item__photo-bg {
  background-image: url(../img/second_page/concept/concept-list/02/main.jpg);
}
@media all and (min-width: 768px) {
  .concept-list .item__photo {
    padding-top: 32.291%;
  }
  .concept-list .item__photo-bg {
    width: 87.5%;
    margin: -15.572% auto 0;
    padding-top: 43.75%;
  }
}
@media all and (min-width: 1921px) {
  .concept-list .item__photo {
      padding-top: 62rem;
    }
  .concept-list .item__photo-bg {
    margin: -29.9rem auto 0;
    padding-top: 84rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__photo {
    padding-top: 82.666%;
  }
  .concept-list .item__photo-bg {
    width: 92%;
    margin: -40% auto 0;
    padding-top: 112%;
  }
}


/* item__info
**************************************************************/
@media all and (min-width: 768px) {
  .concept-list .item__info {
    padding: 10rem 0;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__info {
    padding: 5rem 0;
  }
}


/* item__ttl-container
**************************************************************/
.concept-list .item__ttl {
  line-height: 2;
}
@media all and (min-width: 768px) {
  .concept-list .item__ttl {
    font-size: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__ttl {
    font-size: 2rem;
  }
}


/* item__des-container
**************************************************************/
.concept-list .item__des-container {
  margin-top: 2.4rem;
}
.concept-list .item__des {
  line-height: 2;
}
.concept-list .item__des + .item__des {
  margin-top: 2.4rem;
}
@media all and (min-width: 768px) {
  .concept-list .item__des {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__des {
    font-size: 1.4rem;
  }
}


/* item__feature-list-container
**************************************************************/
@media all and (min-width: 768px) {
  .concept-list .item__feature-list-container {
    margin-top: 5.208%;
  }
  .concept-list .item__list:nth-child(n + 2) {
    margin-top: 9.375%;
  }
}
@media all and (min-width: 1921px) {
  .concept-list .item__feature-list-container {
    margin-top: 10rem;
  }
  .concept-list .item__list:nth-child(n + 2) {
    margin-top: 18rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__feature-list-container {
  }
}


/* item__list-contents
**************************************************************/
.concept-list .item__list-contents {
  position: relative;
  background-color: var(--main-bg-color);
}
@media all and (min-width: 768px) {
  .concept-list .item__list-contents {
    display: flex;
    flex-wrap: wrap;
    padding: 5.952% 2.976%;
  }
  .concept-list .item__list:nth-child(2n) .item__list-contents {
    flex-direction: row-reverse;
  }
}
@media all and (min-width: 1921px) {
  .concept-list .item__list-contents {
    padding: 10rem 5rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__list-contents {
    padding: 5rem 2.5rem;
  }
}


/* item__list-photo
**************************************************************/
.concept-list .item__list-photo {
  position: relative;
  width: 46%;
}
.concept-list .item__list-photo-bg {
  background-color: #000;
}
.concept-list .item__list-photo-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: auto;
}
.concept-list .item__list-photo-bg img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 768px) {
  .concept-list .item__list-photo {
    position: absolute;
    top: 50%;
    padding-top: 36.369%;
    transform: translate(0, -50%);
  }
  .concept-list .item__list:nth-child(odd) .item__list-photo {
    left: 0;
  }
  .concept-list .item__list:nth-child(even) .item__list-photo {
    right: 0;
  }
}
@media all and (min-width: 1921px) {
  .concept-list .item__list-photo {
    padding-top: 61.1rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__list-photo {
    width: 100%;
    margin: 0 auto;
    padding-top: 30.5rem;
  }
}


/* item__list-info
**************************************************************/
@media all and (min-width: 768px) {
  .concept-list .item__list-info {
    width: 46%;
  }
  .concept-list .item__list:nth-child(odd) .item__list-info {
    margin-left: auto;
  }
  .concept-list .item__list:nth-child(even) .item__list-info {
    margin-right: auto;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__list-info {
    width: 100%;
    margin: 2rem auto 0;
  }
}


/* item__list-ttl-container
**************************************************************/
.concept-list .item__list-ttl {
  color: var(--base-font-color-01);
  line-height: 2;
}
@media all and (min-width: 768px) {
  .concept-list .item__list-ttl {
    font-size: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__list-ttl {
    font-size: 2rem;
  }
}


/* item__list-des-container
**************************************************************/
.concept-list .item__list-des {
  margin-top: 2.4rem;
  color: var(--base-font-color-01);
  line-height: 2;
}
.concept-list .item__list-des + .item__list-des {
  margin-top: 2.4rem;
}
@media all and (min-width: 768px) {
  .concept-list .item__list-des {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .concept-list .item__list-des {
    font-size: 1.4rem;
  }
}


/************************************************************************************************
* WORKSTページ
************************************************************************************************/


/**************************************************************
* mv
**************************************************************/


/* c-main-img
**************************************************************/
.work_page.second_page .c-main-img {
  background-image: url(../img/second_page/work/mv/bg_main.jpg);
}


/**************************************************************
* c-section
**************************************************************/
.work_page .c-section {
  background-color: var(--base-bg-color-01);
}
@media all and (min-width: 768px) {
  .work_page .work.c-section {
    padding: 30.4687% 0 12.5%;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .second_page .products.c-section {
    margin-bottom: 6rem;
  }
}
@media all and (min-width: 1367px) {
  .second_page .products.c-section {
    margin-bottom: 32rem;
  }
}
@media all and (min-width: 1921px) {
  .work_page .work.c-section {
    padding: 58.5rem 0 24rem;
  }
}
@media all and (max-width: 767px) {
  .work_page .work.c-section {
    padding: 72% 0 16%;
  }
}


/**************************************************************
* workItem-list-container
**************************************************************/


/* list__item
**************************************************************/
@media all and (min-width: 768px) {
  .workItem-list > .list__item:nth-child(n + 2) {
    margin-top: 22.864%;
  }
}
@media all and (max-width: 767px) {
  .workItem-list > .list__item:nth-child(n + 2) {
    margin-top: 66.4%;
  }
}


/* item__contents
**************************************************************/


/* item__photo
**************************************************************/
.workItem-list .item__photo {
  position: relative;
  background-color: var(--base-bg-color-02);
}
.workItem-list .item__photo-bg {
  position: absolute;
  top: 0;
  z-index: 0;
  background-color: #6a6a6a;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.workItem-list .list__item:nth-child(odd) .item__photo-bg {
  left: 0;
}
.workItem-list .list__item:nth-child(even) .item__photo-bg {
  right: 0;
}
.workItem-list .--01 .item__photo-bg {
  background-image: url(../img/second_page/work/workItem/01/main.jpg);
}
.workItem-list .--02 .item__photo-bg {
  background-image: url(../img/second_page/work/workItem/02/main.jpg);
}
@media all and (min-width: 768px) {
  .workItem-list .item__photo {
    padding-top: 32.291%;
  }
  .workItem-list .item__photo-bg {
    width: 87.5%;
    margin: -15.572% auto 0;
    padding-top: 43.75%;
  }
}
@media all and (min-width: 1921px) {
  .workItem-list .item__photo {
    padding-top: 62rem;
  }
  .workItem-list .item__photo-bg {
    margin: -29.9rem 0 0;
    padding-top: 84rem;
  }
}
@media all and (max-width: 767px) {
  .workItem-list .item__photo {
    padding-top: 82.666%;
  }
  .workItem-list .item__photo-bg {
    width: 92%;
    margin: -40% auto 0;
    padding-top: 112%;
  }
}


/* item__info
**************************************************************/
@media all and (min-width: 768px) {
  .workItem-list .item__info {
    padding: 10rem 0;
  }
}
@media all and (max-width: 767px) {
  .workItem-list .item__info {
    padding: 5rem 0;
  }
}


/* item__ttl-container
**************************************************************/
.workItem-list .item__ttl {
  line-height: 2;
}
@media all and (min-width: 768px) {
  .workItem-list .item__ttl {
    font-size: 2.8rem;
  }
}
@media all and (max-width: 767px) {
  .workItem-list .item__ttl {
    font-size: 2rem;
  }
}


/* item__des-container
**************************************************************/
.workItem-list .item__des-container {
  margin-top: 2.4rem;
}
.workItem-list .item__des {
  line-height: 2;
}
.workItem-list .item__des + .item__des {
  margin-top: 2.4rem;
}
@media all and (min-width: 768px) {
  .workItem-list .item__des {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .workItem-list .item__des {
    font-size: 1.4rem;
  }
}



/************************************************************************************************
* 404ページ
************************************************************************************************/


/**************************************************************
* mv
**************************************************************/


/* c-main-img
**************************************************************/
.notFound_page.second_page .c-main-img {
  background-image: url(../img/second_page/404/mv/bg_main.jpg);
}


/**************************************************************
* c-lead
**************************************************************/
#section-404 article .c-lead-ttl,
#section-404 article p
{
  color: var(--main-ttl-color);
  text-align: center;
}
#section-404 article p {
  line-height: 1.5;
}
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {}



/************************************************************************************************
* WP記事内
************************************************************************************************/


/**************************************************************
* c-article
**************************************************************/
.second_page .c-article {
  width: 100%;
  margin-bottom: 6rem;
}


/* article-header
**************************************************************/
.second_page .article-header {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
@media all and (min-width: 768px) {}
@media all and (max-width: 767px) {}


/* article-date
**************************************************************/
.second_page .c-article .article-date {
  margin-top: 0;
}
@media all and (min-width: 768px) {
  .second_page .c-article .article-date {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .second_page .c-article .article-date {
    font-size: 1.4rem;
  }
}


/* article-cate-list
**************************************************************/
.article-cate-list {
  display: flex;
  margin-left: 1rem;
}
.second_page .c-article .article-cate {
  margin-left: 1rem;
  color: #959595;
}
@media all and (min-width: 768px) {
  .second_page .c-article .article-cate {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .second_page .c-article .article-cate {
    font-size: 1.4rem;
  }
}


/* article-main-ttl
**************************************************************/
.second_page .c-article .article-main-ttl {
  color: var(--main-ttl-color);
  line-height: 1.8;
  border-bottom: .4rem dotted var(--main-ttl-color);
}
@media all and (min-width: 768px) {
  .second_page .c-article .article-main-ttl {
    font-size: 4rem;
  }
}
@media all and (max-width: 767px) {
  .second_page .c-article .article-main-ttl {
    font-size: 2.6rem;
  }
}

/* article-main-ttl *
**************************************************************/
.second_page .c-article .article-main-ttl+* {
  margin-top: 4rem;
}


/* p
**************************************************************/
.second_page .c-article p {
  margin-top: 2rem;
  color: var(--main-ttl-color);
  line-height: 2;
}
@media all and (min-width: 768px) {
  .second_page .c-article p {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 767px) {
  .second_page .c-article p {
    font-size: 1.4rem;
  }
}


/* figure
**************************************************************/
.second_page .c-article figure {
  margin: 2rem 0 0;
  text-align: center
}
body.second_page .c-article figure img {
  width: 100%;
  max-width: 100rem !important;
  margin: 0 auto;
}