@charset "utf-8";
a {
	cursor: pointer;
}
a:hover {
 text-decoration: line-through;
 text-decoration-color: rgba(0,0,0,0.6);
}
.index-wrap a:hover {
 text-decoration-color: #F4F3EF;
}
html {
 font-size: 62.5%;
}
.font-bl-col{
	color: #31302e;
}
.st-ft {
	font-size: 1.2rem;
	letter-spacing: .2rem;
	line-height: 2.5;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
	font-weight: 600;
	color:  rgba(0,0,0,0.6);
}
.font{
	font-size: 1.2rem;
  letter-spacing: 0.1rem;
  line-height: 2;
	color: rgba(0,0,0,0.9);
	font-weight: 400;
}
.header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	z-index: 100;
	padding: 0 8%;
	background: #fff;
}
.index-wrap .header {
	background: transparent;
}
.contents-wrap {
	margin: 64px 8% 0;
}
.page-title {
	padding: 120px 0 112px;
	font-family: 'Cormorant Garamond',serif;
  font-size: 1.8rem;
  font-weight: 600;
	letter-spacing: 0.2rem;
	text-align: center;
	color:  rgba(0,0,0,0.7);
}
.collection-inner-wrap .inner-pagenation {
	padding-top: 16%;
}
.pagenation {
	padding: 30px 0 90px;
}
.pagenation,
.inner-pagenation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  margin: 2rem 0;
}

.inner-pagenation a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  text-decoration: none;
}
/*-pc-*/
#stalker_wh,
#stalker_bl {
  position: fixed;
	border: solid 1px #6e6d6b;
  border-color: #6e6d6b;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -25px;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: transform 0.5s;
}
#stalker_bl {
	border: solid 1px #020201;
  border-color: #020201;
}
#stalker_wh.active,
#stalker_bl.active  {
  transform: scale(1.3);
}

/*---------------------
 ヘッダー
---------------------*/
.title-logo {
	width: 100px;
	height: 31px;
}
.tou-icon {
	max-width: 1104px;
  width: 90%;
}
.nav-wrap {
	width: 31px;
  display: inline-block;
  position: absolute;
  right: 8%;
  top: 39px;
  align-items: center;
  justify-content: flex-end;
}
.nav-toggle {
  display: block;
  position: relative;
	cursor: pointer;
  width: 100%;
  height: 17px;
	z-index: 99;
}
.nav-toggle span {
  width: 100%;
  height: 1px;
  background-color: rgba(0,0,0,.6);
  position: absolute;
  transition: transform .5s, opacity .5s;
}
.nav-toggle span:nth-child(1) {
  top: 0;
	right: 0;
	width: 100%;
}
.nav-toggle span:nth-child(2) {
  top: 0;
  bottom: 0;
	right: 0;
  margin: auto;
	width:  75%;
}
.nav-toggle span:nth-child(3) {
  bottom: 0;
	right: 0;
	width: 50%;
}
.nav-toggle.active span:nth-child(1) {
  transform: translateY(11px) rotate(-45deg);
	width: 90%;
}
.nav-toggle.active span:nth-child(2) {
  opacity: 0;
}
.nav-toggle.active span:nth-child(3) {
  transform: translateY(-5px) rotate(45deg);
	width: 90%;
}
.navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
	-ms-overflow-style: none;
  scrollbar-width: none;
  padding: 14vh 8% 0;
  opacity: 0;
	background-color: #f4f1ed;
  visibility: hidden;
  transition: opacity .5s, visibility .5s;
}
.navigation::-webkit-scrollbar {
  display:none;
}
.navigation.active {
  opacity: 1;
  visibility: visible;
}
.nav-inner {
	font-family: 'Cormorant Garamond',serif;
  font-size: 2rem;
	color: rgba(0,0,0,0.8);
  font-weight: 600;
	margin: 0 24% 40px;
  letter-spacing: .2rem;
	line-height: 2.2;
}

/*-- アコーディオン --*/
.ac {
  width: 100%;
  margin: 0 auto;
}
.ac-label {
	position: relative;
	cursor: pointer;
}
.ac-label::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	left: 130px;
	width: 10px;
	height: 10px;
	border-right: 1.5px solid rgba(0,0,0,0.7);
	border-bottom: 1.5px solid rgba(0,0,0,0.7);
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}
.ac-label.open::after {
	transform: rotate(225deg);
}
.ac-item {
  padding: 0 0 3% 1%;
}
.ac-item p {
	padding: .5% 0 .2% 4%;
  font-size: 1.3rem;
  color: rgba(0,0,0,0.7);
  font-weight: 600;
  letter-spacing: .11rem;
}
/*-- SNSアイコン --*/
.sns-icon {
	display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fc,.inst {
	display: inline-block;
	transition: .3s cubic-bezier(.25,.1,.25,1);
	fill:  rgba(0,0,0,0.6);
}
.fc {
	padding-right: 8px;
}
/*---------------------
ボディ
---------------------*/
body {
	position: relative;
	min-height: 100vh;
	line-height: 2.5;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
  letter-spacing: .1em;
}
h1,h2,h3,h4,.title {
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/*---------------------
thanks .html
---------------------*/
.thnks p {
	text-align: center;
}
/*---------------------
news 1.html
---------------------*/
.contents-wrap .side-margin,
.thnks div {
	width: 72%;
	margin: 0 auto;
}
.news li {
	display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
	padding-bottom: 32px;
}
.news .pdbttm {
  padding: 8% 0 14%;
}
.news .sub-title{
	font-size: 1.1rem;
	color: color: rgba(0,0,0,0.6);
  font-weight: 400;
  letter-spacing: .11rem;
}
.news .news-title {
	font-size: 1.35rem;
	line-height: 2;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
	letter-spacing: .1rem;
	font-weight: 600;
	color: rgba(0,0,0,0.7);
	padding-left: 56px;
}
/*---------------------
フッター
---------------------*/
footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align: center;
	font-size: .8rem;
	color: rgba(0,0,0,0.7);
	line-height: 2.5;
  font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: .15rem;
}

.bttm {
	position: absolute;
  bottom: 0;
}
/*---------------------
news_inner .html
---------------------*/
.news-wrap {
	margin: 8% 24% 0;
	padding-bottom: 16%;
}
.news-img {
	position: relative;
}
.news-img::before {
	display: block;
	content: '';
	padding-top: 100%;
}
.news-img img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.news-inner-text {
	font-size: 1.35rem;
	line-height: 2.5;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
	letter-spacing: .1rem;
	font-weight: 600;
	color: rgba(0,0,0,0.65);
	padding: 80px 0 80px;
}
.news-inner-title h2 {
	font-size: 2rem;
}
.news-inner-wrap .news-inner-title time {
	font-weight: 400;
	font-size: 1.1rem;
	color: rgba(0,0,0,.5);
	letter-spacing: .1rem;
	line-height: 1.5rem;
}

/*---------------------
contact .html
---------------------*/
/*--pc--*/
.pc-columns {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.inquiry-type {
	width: 160px;
	margin-right: 4%;
}
.contact .contact-textarea {
	width: 48%;
}
.contact .inquiry-type .check-dtn {
	display: block;
}
/*--以下共通--*/
.inquiry-type,
.contact-textarea div{
	margin-bottom: 16px;
}
.contact-textarea label {
	display: block;
}
.contact-textarea label{
	cursor: default;
}
.entry-columns input,
.entry-columns textarea {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  outline: 0;
  padding: 0 8px 0;
  box-sizing: border-box;
  border-radius: 2.5px;
  border-width: 0;
  border-style: solid;
  border-color: rgba(0,0,0,0.7);
  background-color: #f4f1ed;
  font-size: 1.3rem;
  caret-color: rgba(0,0,0,0.7);
  resize: vertical;
}
.entry-columns input {
	height: 32px;
	width: 48%;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
	font-weight: 400;
}
.entry-columns textarea {
	height: 160px;
	width: 88%;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
	font-weight: 400;
}
.entry-columns label {
	display: block;
  letter-spacing: .2rem;
}
.submit {
	text-align: center;
	font-size: 1.4rem;
  font-weight: 400;
  padding: 64px 0 16%;
	display: block;
	vertical-align: middle;
}
.submit-btn {
	height: 40px;
	width: 144px;
	background-color: rgba(0,0,0,0.8);
	border-radius: 4px;
	color: #f7f4ed;
	 letter-spacing: 1.2rem;
}
.must {
	color: red;
}

/*---------------------
about .html
---------------------*/
/*--共通--*/
.about-me {
	margin-right: 6%;
}
.about-perform {
	margin-left: 6%;
	padding-bottom: 40px;
}
.vertical-text {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	text-orientation: upright;
  -webkit-text-orientation: upright;
  font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
  font-size: 1.3rem;
  letter-spacing: 0.6rem;
  font-weight: 600;
  color: rgba(0,0,0,0.7);
}

.sml-title, .sml {
	display: block;
	font-size: 10px;
  letter-spacing: .2rem;
	color: rgba(0,0,0,0.7);
	font-weight: 400;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
	transform:scale(0.9);
}
.sml-title span {
	text-orientation: sideways;
	-webkit-text-orientation: sideways;
	margin-bottom: 3px;
}
.sml {
	letter-spacing: .1rem;
	margin: 0 0 -2px -1.5rem;
}

.container_02 {
	display: grid;
	margin-bottom: 32px;
	grid-template-rows: 20px 1fr 1fr 1fr 30px;
	grid-template-columns: 25px  25px 1fr;
	grid-template-areas:
			"left ...... right"
			"left ...... right"
			"left center right"
			"left center right"
			"left ...... right";
}
.container_03 {
	display: grid;
	margin-bottom: 32px;
	grid-template-rows: 20px 1fr 1fr 1fr 30px;
	grid-template-columns: 25px  25px 1fr;
	grid-template-areas:
			"left ...... right"
			"left ...... right"
			"left center right"
			"left center right"
			"left ...... right";
}
.container_04 {
	display: grid;
	margin-bottom: 32px;
	grid-template-rows: 20px 1fr 1fr 1fr 30px;
	grid-template-columns: 25px  25px 1fr;
	grid-template-areas:
			"left ...... right"
			"left ...... right"
			"left center right"
			"left center right"
			"left ...... right";
}

.container_05 {
	display: grid;
	margin-bottom: 32px;
	grid-template-rows: 20px 1fr 1fr 1fr 30px;
	grid-template-columns: 25px  25px 1fr;
	grid-template-areas:
			"left ...... right"
			"left ...... right"
			"left center right"
			"left center right"
			"left ...... right";
}
.container_06 {
display: grid;
	margin-bottom: 32px;
	grid-template-rows: 30px
30px 30px 30px 30px 30px;
	grid-template-columns: 25px 25px 1fr;
	grid-template-areas:
			"left ...... right"
			"left center right"
			"left center right"
			"left center right"
			"left center right"
			"left ...... right";
}
.Left{
	grid-area: left;
	padding-top: 7px;
}
.Center {
	grid-area: center;
	padding-top: 8px;
}
.Right {
	grid-area: right;
}
.pdtp {
	padding-top: 12px;
}
.about-me  p{
	margin-bottom: 24px;
}
.pd-left {
	padding-left: 8%;
}
/*---------------------
concept .html
---------------------*/
/*--共通--*/
/*以下フェードイン表示の指定*/
.fade-in {
	opacity: 0;
	animation: fadein 2s ease forwards;
}
@keyframes fadein {
	100% {
		opacity: 1;
	}
}
/*--pc--*/
.brand-image-inner {
	padding: 120px 0 80px;
}
.brand-image-inner .st-ft {
	font-size: 1rem;
}
.brand-image,
.brand-concept {
	display: block;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.brand-image-inner .flex {
	display: flex;
	justify-content: space-evenly;
  margin: 0 auto;
	font-size: 1.1rem;
}
.brand-image-inner .flex p:nth-child(1) {
	animation-delay: 0.5s;
}
.brand-image-inner .flex p:nth-child(2) {
	animation-delay: 1.7s;
}
.brand-image-inner .flex p:nth-child(3) {
	animation-delay: 2.9s;
}
.brand-image-inner > p {
	animation-delay: 4.5s;
	margin: 80px 0 0px;
}
.brand-concept-inner p:nth-child(1) {
	animation-delay: 6s;
	margin: 0 0 48px 0;
	font-family: 'Cormorant Garamond',serif;
  font-size: 1.8rem;
  font-weight: 600;
	letter-spacing: 0.2rem;
	text-align: center;
	color:  rgba(0,0,0,0.7);
}
.brand-concept-inner p:nth-child(2) {
	animation-delay: 6s;
	padding-bottom: 16%;
}
.mg {
	margin-left: 3rem;
}


/*---------------------
collection .html
---------------------*/
/*---共通---*/

.hover::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.hover-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: 0.3s;
	cursor: pointer;
}
/*---pc----*/
/*--title--*/
.collection-main-title {
	padding: 120px 0 0 0;
	font-family: 'Cormorant Garamond',serif;
  font-size: 1.8rem;
  font-weight: 600;
	letter-spacing: 0.2rem;
	line-height: 1.4;
	text-align: center;
	color:  rgba(0,0,0,0.7);
}
.sub-title {
	font-size: 1.3rem;
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
	color: rgba(0,0,0,0.6);
	letter-spacing: .1rem;
	text-align: center;
}
.index-wrap .collection-item-wrap {
	padding-bottom: 0;
}
.collection-item-wrap {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 56px auto 0;
	padding-bottom: 16%;
}
/*---menu---*/
.nav-wrap .collection-item-category {
	width: 30px;
	height: 30px;
	display: flex;
	position:  relative;
	right: 0;
	top: 0;
	align-items: center;
	justify-content: flex-end;
}
.sp-collection-nav {
	display: none;
}
.collection-nav {
	width: 70%;
	margin: 0 auto;
}
.collection-nav ul{
	display: flex;
	justify-content: space-around;
	font-size: 1.1rem;
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
	color: rgba(0,0,0,0.8);
	letter-spacing: .1rem;
}
/*--main-contents-*/
.hover {
	position: relative;
	width: calc(97%/3);
	height: 100%;
	margin: 1% 1% 0 0;
}
.hover::before {
	content: "";
	display: block;
	padding-top: 100%;
}
.hover-img img {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: 0.3s;
	cursor: pointer;
}
 .hover-text {
	display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
	font-weight: 600;
  width: 100%;
  height: 100%;
	top:0;
  left:0;
  color: rgba(0,0,0,0.8);
  background-color: rgba(255,255,255,0.85);
  opacity: 0;
	text-align: center;
  transition: .3s ease-in-out;
}
.hover-text .acc-title {
  font-size: 1.1rem;
	letter-spacing: .13rem;
	height: 22px;
}
.hover-text .material {
  font-size: 1rem;
	letter-spacing: .1rem;
	font-weight: 400;
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.hover:hover .hover-text {
  opacity: 1;
}
/*---------------------
collection_inner .html
---------------------*/
.collection-inner-wrap {
	margin: 8% 32% 0;
	padding-bottom: 16%;
}
.collection-inner-title,
.news-inner-title {
	padding: 120px 0 32px;
  color: rgba(0,0,0,0.7);
  line-height: 1.8;
}
.collection-inner-title h2 {
	font-weight: 800;
  font-size: 1.35rem;
  letter-spacing: .2rem;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", serif;
}
.collection-inner-title h3 {
	font-weight: 400;
  font-size: 1.1rem;
  color: rgba(0,0,0,.6);
  letter-spacing: .23rem;
  margin-left: .5rem;
}
.collction-inner-text {
	display: flex;
	margin: 40px 0 120px;
	justify-content: space-between;
}
.material-comment {
	width: 70%;
	font-size: 1.2rem;
	padding-right: 5%;
	font-weight: 600;
	line-height: 2.4;
  letter-spacing: .15rem;
	color: rgba(0,0,0,0.7);
}
.material-details {
	width: 25%;
	font-weight: 600;
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", 'FoundersGrotTextTest-Light', serif;
	color: rgba(0,0,0,0.5);
	font-size: 1.1rem;
	line-height: 2;
  letter-spacing: .12rem;
}
.material-details span {
	position: relative;
}
.material-details span::after {
	position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 1px rgba(0,0,0,0.4);
  bottom: -5px;
  width: 12%;
}
.material-details > li {
	margin-bottom: 10px;
}
.collction-inner-image {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.collction-inner-image img {
	width: 100%;
	margin-bottom: 8%;
}
.back {
	background: -moz-linear-gradient(top, rgba(2, 2, 1, 0.99), rgba(110, 109, 107, 0.75)b);
  background: -webkit-linear-gradient(top, rgba(2, 2, 1, 0.99), rgba(110, 109, 107, 0.75));
  background: linear-gradient(to bottom, rgba(2, 2, 1, 0.99), rgba(110, 109, 107, 0.75));
	background: linear-gradient(180deg, rgba(2, 2, 1, 0.99), rgba(110, 109, 107, 0.75));

	background: linear-gradient(180deg, rgba(2, 2, 1, 0.99), rgba(110, 109, 107, 0.75)) ,url(../img/back_img.png);
  background-repeat: repeat;
}
.index-wrap .nav-toggle span {
  background-color: #F4F3EF;
}
.index-wrap .nav-toggle.active span:nth-child(1) {
  background-color: rgba(0,0,0,0.8);
}
.index-wrap .nav-toggle.active span:nth-child(3) {
  background-color: rgba(0,0,0,0.8);
}

.scroll-bar {
	width: 100%;
	text-align: center;
  display: inline-block;
  position: relative;
  bottom: 100px;
  z-index: 2;
  padding: 10px 10px 95px;
  overflow: hidden;
  color: #F4F3EF;
  font-size: 1.4rem;
  font-family: 'Cormorant Garamond',serif;
  letter-spacing: .2rem;
}
.scroll-bar::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
	height: 5px;
  background: #F4F3EF;
  animation: sdl 2s ease infinite;
}

.scroll-bar::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 90px;
  background: rgba(255, 255, 255, .4);
}

@keyframes sdl {
  0% {
    transform: translateY(-80px);
  }
  50%, 100% {
    transform: translateY(30px);
  }
}
/*-- humei
.top-img-wrap{
	padding: 0;
	height: 100vh;
  overflow: hidden;
}
--*/
.slide {
	background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.one {
	background-image: url(../img/pc01.jpg);
}
.two {
	background-image: url(../img/pc02.jpg);
}
.three {
	background-image: url(../img/pc03.jpg);
}
.center {
	text-align: center;
}

.more-btn {
	display: inline-block;
	width: 24px;
  height: 6px;
  border-bottom: 1px solid #F4F3EF;
  border-right: 1px solid #F4F3EF;
  transform: skew(45deg);
	margin-left: 8px;
}
.index-wrap .title {
	font-family: 'Cormorant Garamond',serif;
  font-size: 3.2rem;
  font-weight: 400;
  display: block;
  letter-spacing: 0.3rem;
  color: #F4F3EF;
  margin: 0 0 64px;
}
.index-short-concept {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 3;
	margin-top: 28px;
  letter-spacing: .3rem;
}
.view-more {
	margin-top: 64px;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  font-weight: 400;
  line-height: 80px;
  transition: .4s ease;
	font-size: 1.4rem;
	color:  #F4F3EF;
}
.index-contents-wrap a:hover {
 text-decoration: line-through;
 text-decoration-color: #F4F3EF;
}

.index-wrap .news {
	width: 55%;
	margin: 0 auto 160px;
}
.index-wrap section,
.index-wrap article {
	margin: 0 8% 160px;
}
.index-wrap form {
	margin: 0 8% 0;
}
.index-wrap .sub-text {
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #c7c6c5;
	letter-spacing: .14rem;
}
.index-wrap .news-title {
	font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.71429;
  letter-spacing: .05rem;
  color:  #e2e2e2;
	padding-left: 56px;
}
.index-wrap .inquiry-type {
  width: 80%;
  margin: 0 auto 4px;
	font-size: 1.4rem;
  font-weight: 400;
	letter-spacing: .15rem;
  padding: 8px 0;
}
.index-wrap .inquiry-type label {
	font-size: 1.4rem;
  font-weight: 400;
	vertical-align: middle;
  margin-bottom: 0;
}
.index-wrap .inquiry-type .inquiry-type-title {
	font-size: 1.4rem;
}
.index-wrap .check-btn {
	width: 150px;
	display: inline-block;
}
.index-wrap .entry-columns {
	display: table;
	width: 64%;
	margin: 0 auto;
	padding: 8px 0;
	font-size: 1.4rem;
  font-weight: 400;
}
.index-wrap .entry-columns p {
	font-size: 1.4rem;
  font-weight: 400;
}
.index-wrap .entry-columns input,
.index-wrap .entry-columns textarea {
	background-color: #fafafa;
}
/*--fade--*/
.fadein {
	opacity : 0;
	transform : translate(0, 45px);
	transition : all 2s;
}
.fadein.scrollin {
	opacity : 1;
  margin-top: 0;
}

.fade-in-only{
  opacity:0;
  animation-name: fade-in-only;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}
@keyframes fade-in-only {
0% {
  opacity: 0;
}
90% {
 opacity: 1;
}
 100% {
  opacity: 1;
}
}

.fade-in-bottom {
   opacity: 0;
   animation-name: fade-in-bottom;
   animation-duration: 1.5s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
}
@keyframes fade-in-bottom {
   0% {
      opacity: 0;
      transform: translateY(10px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

.start {
	background: #F4F3EF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
}
.hidden {
    display: none;
}