@charset "utf-8";
/*-----------------------------------------------
 * Loading
 * Firstview
 * Story
 * Gallery
 * About us
 * Recruit
 * Contact
-------------------------------------------------*/
@keyframes zoomUp {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.15);
	}
}
@keyframes scroll{
	0% { 
		transform: translateX(0)
	}
	100% {
		transform: translateX(-100%)
	}
}

/**
 * header
 */
.headerNav__logo {
	transition: transform 1.3s cubic-bezier(var(--cubic-bezier-easeOutQuart));
}


/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
#loadingWrap {
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
}

/**
 * logo
 */
#loadingLogo {
	background-color: #fff;
    width: 100px;
    height: 100px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: opacity 2s ease,
    			transform 2s cubic-bezier(var(--cubic-bezier-easeOutQuart));
}
#loadingWrap.is-active #loadingLogo {
	opacity: 0;
	transform: translateY(-300%);
}
@media screen and (max-width:1024px){
	#loadingLogo {
	    width: 21.33333vw;
    	height: 21.33333vw;
	}
}

/**
 * canvas
 */
#waveCanvasWrap {
	width: 100%;
	height: calc(100% + 200px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: transform 2s cubic-bezier(var(--cubic-bezier-easeOutQuart));
}
#loadingWrap.is-active #waveCanvasWrap {
	transition-delay: .3s;
	transform: translateY(-100%);
}

/* bg */
#waveCanvasWrap:before {
	content: "";
	background-color: rgb(var(--main-color));
	width: 100%;
	height: calc(100% - 200px);
	position: absolute;
	top: 0;
	left: 0;
}

/* canvas */
#waveCanvas {
	width: 100%;
	position: absolute;
	bottom: 1px;
	left: 0;
	transform: rotate(180deg);
}


/*-----------------------------------------------
 * Firstview
-------------------------------------------------*/
.firstview {
	width: 100%;
	height: 100vh;
	min-height: 630px;
	position: relative;
}
@media screen and (max-width:1024px){
	.firstview {
		height: auto;
		min-height: auto;
	}
}

/**
 * visualLists
 */
.visualListsWrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}
.visualLists {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:1024px){
	.visualListsWrap {
		height: auto;
		padding-top: 92%;
		position: relative;
		top: auto;
	}
}

/* item */
.visualLists__item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

/* img */
.visualLists__img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/* active */
.swiper-slide-active .visualLists__img,
.swiper-slide-duplicate-active .visualLists__img,
.swiper-slide-prev .visualLists__img {
    animation: zoomUp 16s linear 0s 1 normal both;
}


/**
 * firstviewLoopWrap
 */
.firstviewLoopWrap {
	display: flex;
	align-items: center;
	width: calc(100% + 20.83333vw);
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: -20.83333vw;
	z-index: 2;
}
.firstviewLoop {
	color: rgba(var(--main-color),1);
	display: inline-block;
	font-size: 122px;
	font-weight: 500;
    letter-spacing: 0.5em;
	line-height: 1;
	white-space: nowrap;
	animation : scroll 16s linear infinite;
}
@media screen and (max-width:1024px){
	.firstviewLoopWrap {
		width: 100%;
		height: 92vw;
		top: auto;
		bottom: 0;
		left: 0;
	}
	.firstviewLoop {
		font-size: 14.8vw;
	}
}

/**
 * logo title
 */
@media screen and (max-width:1024px){
	.firstview__title {
		width: 100%;
		padding-top: 48%;
		position: relative;
		z-index: 2;
	}
	.firstview__title img {
		width: 21.33333%;
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

/**
 * photoBy
 */
.firstview__photoBy {
	color: rgb(var(--main-color));
	font-size: min(1vw, 12px);
	font-weight: 700;
	position: absolute;
	right: 1.66vw;
	bottom: 1.1vw;
	z-index: 2;
}


/*-----------------------------------------------
 * Story
-------------------------------------------------*/
.story {
	padding: 7.5vw 0;
}
@media screen and (max-width:1024px){
	.story {
		padding: 12vw 0;
	}
}

/* inner */
.story__inner {
	width: var(--cont-width);
	max-width: var(--cont-maxwidth);
	margin: 0 auto;
}

/* flex */
.story__flex {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
}
@media screen and (max-width:1024px){
	.story__flex {
		flex-direction: column;
	}
}

/**
 * title
 */
.story__title {
	margin-left: 10%;
}
.story__title--en,
.story__title--ja {
	display: block;
}
@media screen and (max-width:1024px){
	.story__title {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-left: 0;
		margin-bottom: 9.33333vw;
	}
	.story__title__inner {
		display: block;
	}
}

/* en */
.story__title--en {
	color: rgba(var(--main-color),1);
	font-size: var(--title-en-size);
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1;
}

/* ja */
.story__title--ja {
	color: rgba(var(--main-color),1);
	font-size: var(--title-ja-size);
	font-weight: 700;
    letter-spacing: 0.18em;
	line-height: 1;
	margin-top: 10px;
}
@media screen and (max-width:1024px){
	.story__title--ja {
		margin-top: 4px;
	}
}

/**
 * story__textWrap
 */
.story__textWrap {
	font-size: var(--main-font-size);
	letter-spacing: 0.16em;
	line-height: 2;
	height: 50vh;
	min-height: 315px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
@media screen and (max-width:1024px){
	.story__textWrap {
		height: 56vw;
		min-height: auto;
		margin: 0 auto;
	}
}

.story__textWrap p {
	margin-left: 10%;
}
.story__textWrap p:last-of-type {
	margin-left: 0;
}

/**
 * story__imgLists
 */
/* fullWrap */
.story__imgListsFullWrap {
	width: 50%;
	margin: 7.5vw auto 0;
}
@media screen and (max-width:1024px){
	.story__imgListsFullWrap {
		width: 54%;
	}
}

/* lists */
.story__imgListsWrap {
	width: 100%;
	overflow: inherit;
	padding-top: 100%;
	position: relative;
}
.story__imgLists {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

/* item */
.story__imgLists__item {
	width: 100%;
	height: 100%;
	position: relative;
}
.story__imgLists__img {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 100%;
}

/**
 * storyImgSwiper__pager
 */
.swiper-container-horizontal > .swiper-pagination-bullets.storyImgSwiper__pager,
.swiper-pagination-custom, .swiper-pagination-fraction.storyImgSwiper__pager {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 100%;
	position: absolute;
	bottom: 0;
	right: -50px;
	left: auto;
	z-index: 2;
}
.storyImgSwiper__pager .swiper-pagination-bullet {
	background: #fff;
	border: 1px solid rgba(var(--main-color),1);
	width: 12px;
	height: 12px;
    opacity: 1;
}
.swiper-container-horizontal>.swiper-pagination-bullets.storyImgSwiper__pager .swiper-pagination-bullet {
    margin: 4px 0;
}
.storyImgSwiper__pager .swiper-pagination-bullet-active {
    opacity: 1;
    background: rgba(var(--main-color),1);
}
@media screen and (max-width:1024px){
	.swiper-container-horizontal > .swiper-pagination-bullets.storyImgSwiper__pager,
	.swiper-pagination-custom, .swiper-pagination-fraction.storyImgSwiper__pager {
		width: 10px;
		right: -30px;
	}
	.storyImgSwiper__pager .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
}


/*-----------------------------------------------
 * Gallery
-------------------------------------------------*/
.gallery {
	padding: 7.5vw 0;
}

/* inner */
.gallery__inner {
	width: var(--cont-width);
	max-width: var(--cont-maxwidth);
	margin: 0 auto;
}
@media screen and (max-width:1024px){
	.gallery__inner {
		padding: 0 12.5vw;
	}
}

/**
 * title
 */
.gallery__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.3vw;
}
@media screen and (max-width:1024px){
	.gallery__title {
		margin-bottom: 9.3vw;
	}
}

/* inner */
.gallery__title__inner {
	display: block;
}
.gallery__title--en,
.gallery__title--ja {
	display: block;
}

/* en */
.gallery__title--en {
	color: rgba(var(--main-color),1);
	font-size: var(--title-en-size);
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1;
}

/* ja */
.gallery__title--ja {
	color: rgba(var(--main-color),1);
	font-size: var(--title-ja-size);
	font-weight: 700;
    letter-spacing: 0.18em;
	line-height: 1;
	margin-top: 10px;
}
@media screen and (max-width:1024px){
	.gallery__title--ja {
		margin-top: 4px;
	}
}

/**
 * galleryImgLists
 */
.galleryImgLists {
	display: flex;
	flex-wrap: wrap;
}

/* item */
.galleryImgLists__item {
	width: calc((100% - 12%) / 3);
	margin-bottom: 60px;
}
.galleryImgLists__item:not(:nth-child(3n + 1)) {
	margin-left: 6%;
}
.galleryImgLists__item:nth-child(3n + 2) {
	padding-top: 10%;
}
.galleryImgLists__item:nth-child(3n + 3) {
	padding-top: 20%;
}
@media screen and (max-width:1024px){
	.galleryImgLists__item {
		width: calc((100% - 10%) / 2);
		margin-bottom: 40px;
	}
	.galleryImgLists__item:not(:nth-child(3n + 1)) {
		margin-left: 0;
	}
	.galleryImgLists__item:nth-child(3n + 2) {
		padding-top: 0;
	}
	.galleryImgLists__item:nth-child(3n + 3) {
		padding-top: 0;
	}
	.galleryImgLists__item:not(:nth-child(2n + 1)) {
		margin-left: 10%;
	}
	.galleryImgLists__item:nth-child(even) {
		padding-top: 12vw;
	}

}

/* a */
.galleryImgLists__item > a {
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
}

/* img */
.galleryImgLists__imgWrap {
	display: block;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.galleryImgLists__img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	transition: transform .8s cubic-bezier(var(--cubic-bezier-easeOutQuart)); 
}
.galleryImgLists__item > a:hover .galleryImgLists__img {
	transform: scale(1.3);
}
@media screen and (max-width:1024px){
	.galleryImgLists__item > a:hover .galleryImgLists__img {
		transform: inherit;
	}
}

/**
 * bottom
 */
.galleryImgLists__bottom {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	margin-top: 2.5vw;
}
@media screen and (max-width:1024px){
	.galleryImgLists__bottom {
		margin-top: 5vw;
	}
}

/* name */
.galleryImgLists__name {
	font-size: var(--main-font-size);
	font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.6;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

/* num */
.galleryImgLists__num {
	color: rgba(var(--main-color),1);
	font-size: var(--min-font-size);
	font-weight: 500;
    letter-spacing: 0.15em;
    margin-left: 8px;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}


/*-----------------------------------------------
 * About us
-------------------------------------------------*/
.aboutus {
	background-color: rgba(var(--main-color),1);
	padding: 7.5vw 0 0;
}
@media screen and (max-width:1024px){
	.aboutus {
		padding: 9vw 0 0;
	}
}

/**
 * title
 */
.aboutus__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vw;
}
@media screen and (max-width:1024px){
	.aboutus__title {
		margin-bottom: 8vw;
	}
}

/* inner */
.aboutus__title__inner {
	display: block;
}
.aboutus__title--en,
.aboutus__title--ja {
	display: block;
}

/* en */
.aboutus__title--en {
	color: #fff;
	font-size: var(--title-en-size);
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1;
}

/* ja */
.aboutus__title--ja {
	color: #fff;
	font-size: var(--title-ja-size);
	font-weight: 700;
    letter-spacing: 0.18em;
	line-height: 1;
	margin-top: 10px;
}
@media screen and (max-width:1024px){
	.aboutus__title--ja {
		margin-top: 4px;
	}
}

/**
 * aboutus__topTextWrap
 */
.aboutus__topTextWrap {
	color: #fff;
	font-size: var(--main-font-size);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.2;
	width: var(--cont-width);
    max-width: var(--cont-maxwidth);
    margin: 0 auto 100px;
}
@media screen and (max-width:1024px){
	.aboutus__topTextWrap {
		padding: 0 8vw;
		margin: 0 auto 8vw;
	}
}

/* p */
.aboutus__topTextWrap p {
	margin-bottom: 40px;
}
.aboutus__topTextWrap p:last-of-type {
	margin-bottom: 0;
}
@media screen and (max-width:1024px){
	.aboutus__topTextWrap p {
		margin-bottom: 3.33333vw;
	}
}

/**
 * bgWrap
 */
.aboutus__bgWrap {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
    background-size: cover;
	width: 100%;
	padding-top: 31.57%;
	position: relative;
}
@media screen and (max-width:1024px){
	.aboutus__bgWrap {
	    background-attachment: inherit;
		padding-top: 50.66666%;
	}
}

/* bg */
.aboutus__bg {
	background-color: #fff;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	-webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 42%;
    mask-size: 42%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media screen and (max-width:1024px){
	.aboutus__bg {
		max-width: 100%;
		-webkit-mask-size: 56%;
    	mask-size: 56%;
	}
}

/**
 * companylists
 */
.companylistsWrap {
	width: var(--cont-width);
    max-width: var(--cont-maxwidth);
    margin: 5vw auto 0;
    padding-bottom: 2vw;
}
.companylists {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}
@media screen and (max-width:1024px){
	.companylistsWrap {
		margin: 9vw auto 0;
		padding: 0 14vw 2vw;
	}
}

/* item */
.companylists__item {
	color: #fff;
	font-size: var(--main-font-size);
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 4vw;
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.companylists__item:not(:nth-child(6n + 1)){
	margin-right: 4vw;
}
@media screen and (max-width:1024px){
	.companylists__item {
		margin-bottom: 6vw;
	}
	.companylists__item:not(:nth-child(6n + 1)){
		margin-right: 0;
	}
	.companylists__item:not(:nth-child(4n + 1)){
		margin-right: 6.66666vw;
	}
}

/* dt */
.companylists__dt span {
	background-color: #fff;
	color: rgba(var(--main-color),1);
	padding: 4px 0;
}


/*-----------------------------------------------
 * Recruit
-------------------------------------------------*/
.recruit {
	padding: 7.5vw 0;
}
@media screen and (max-width:1024px){
	.recruit {
		padding: 9vw 0;
	}
}

/* inner */
.recruit__inner {
	width: var(--cont-width);
	max-width: var(--cont-maxwidth);
	margin: 0 auto;
}
@media screen and (max-width:1024px){
	.recruit__inner {
	    padding: 0 8vw;
	}
}

/**
 * title
 */
.recruit__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.33333vw;
}
@media screen and (max-width:1024px){
	.recruit__title {
		margin-bottom: 4.2vw;
	}
}

/* inner */
.recruit__title__inner {
	display: block;
}
.recruit__title--en,
.recruit__title--ja {
	display: block;
}

/* en */
.recruit__title--en {
	color: rgba(var(--main-color),1);
	font-size: var(--title-en-size);
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1;
}

/* ja */
.recruit__title--ja {
	color: rgba(var(--main-color),1);
	font-size: var(--title-ja-size);
	font-weight: 700;
    letter-spacing: 0.18em;
	line-height: 1;
	margin-top: 10px;
}
@media screen and (max-width:1024px){
	.recruit__title--ja {
		margin-top: 4px;
	}
}

/**
 * recruitLists
 */
.recruitLists__item {
	display: flex;
	align-items: center;
}

/* dt */
.recruitLists__dt {
	border-bottom: 1px solid #d5d5d5;
	color: rgba(var(--main-color),1);
	display: flex;
	align-items: center;
	font-size: var(--main-font-size);
	letter-spacing: 0.1em;
	width: 25%;
	padding: 24px 0;
}
.recruitLists__dt:before {
	content: "・";
}
@media screen and (max-width:1024px){
	.recruitLists__dt {
		padding: 3.8vw 0;
	}
}

/* dd */
.recruitLists__dd {
	border-bottom: 1px solid rgba(var(--main-color),1);
	color: rgba(var(--main-color),1);
	font-size: var(--main-font-size);
	letter-spacing: 0.1em;
	width: 75%;
	padding: 24px 0;
}
@media screen and (max-width:1024px){
	.recruitLists__dd {
		padding: 3.8vw 0;
	}
}


/**
 * addText
 */
.recruit__addText {
	color: rgba(var(--main-color),1);
	font-size: var(--min-font-size);
	margin-top: 2vw;
}
@media screen and (max-width:1024px){
	.recruit__addText {
		margin-top: 6vw;
	}
}


/*-----------------------------------------------
 * Contact
-------------------------------------------------*/
.contact {
	padding: 7.5vw 0;
}
@media screen and (max-width:1024px){
	.contact {
		padding: 9vw 0;
	}
}

/* inner */
.contact__inner {
	width: var(--cont-width);
	max-width: var(--cont-maxwidth);
	margin: 0 auto;
}

/**
 * title
 */
.contact__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.33333vw;
}
@media screen and (max-width:1024px){
	.contact__title {
		margin-bottom: 8vw;
	}
}

/* inner */
.contact__title__inner {
	display: block;
}
.contact__title--en,
.contact__title--ja {
	display: block;
}

/* en */
.contact__title--en {
	color: rgba(var(--main-color),1);
	font-size: var(--title-en-size);
	font-weight: 500;
	letter-spacing: 0.18em;
	line-height: 1;
}

/* ja */
.contact__title--ja {
	color: rgba(var(--main-color),1);
	font-size: var(--title-ja-size);
	font-weight: 700;
    letter-spacing: 0.18em;
	line-height: 1;
	margin-top: 10px;
}
@media screen and (max-width:1024px){
	.contact__title--ja {
		margin-top: 4px;
	}
}

/**
 * contact__inner
 */
.contact__inner {
    width: var(--cont-width);
    max-width: var(--cont-maxwidth);
    margin: 0 auto;
}
@media screen and (max-width:1024px){
	.contact__inner {
		padding: 0 8vw;
	}
}

/**
 * form
 */

/* form reset */
input[type="text"],
input[type="email"],
input[type="tel"] {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
input[type="radio"] {
    display: none;
    border: 0;
    margin: 0;
}
input[type="checkbox"] {
    display: none;
    border: 0;
    margin: 0;
}
input[type="submit"],
button[type="submit"],
input[type="reset"] {
    background-color: transparent;
}
textarea {
    border: 0;
    outline: 0;
}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
/*PLACEHOLDER-COLOR*/
input::placeholder { color: rgba(var(--main-color),.4); }
textarea::placeholder { color: rgba(var(--main-color),.4); }

/**
 * form-dl
 */
/* item */
.form-dl__item{
	display: flex;
}
.form-dl__item.is-textWrap {
	display: block;
}
@media screen and (max-width:1024px){
	.form-dl__item{
		display: block;
	}
}

/* dt */
.form-dl__item > dt {
	border-bottom: 1px solid #d5d5d5;
	color: rgba(var(--main-color),1);
	display: flex;
	align-items: center;
	font-size: var(--main-font-size);
	letter-spacing: 0.1em;
	width: 25%;
	padding: 24px 0;
}
.form-dl__item.is-textWrap > dt {
	border-bottom: none;
	width: 100%;
}
.form-dl__item > dt:before {
	content: "・";
}
.form-dl__item > dt.is-required:after {
	content: "※";
	font-size: 50%;
}
@media screen and (max-width:1024px){
	.form-dl__item > dt {
		border-bottom: none;
		width: 100%;
		padding: 3.8vw 0 1.4vw;
	}
	.form-dl__item.is-textWrap > dt {
		margin-bottom: 3.8vw;
	}
}

/* dd */
.form-dl__item > dd {
	border-bottom: 1px solid rgba(var(--main-color),1);
	color: rgba(var(--main-color),1);
	font-size: var(--main-font-size);
	letter-spacing: 0.1em;
	width: 75%;
}
.form-dl__item.is-textWrap > dd {
	border-bottom: none;
	width: 100%;
	padding: 0;
}
@media screen and (max-width:1024px){
	.form-dl__item > dd {
		width: 100%;
	}
}

/* input parts */
.form-dl__item > dd .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.form-dl__item > dd .wpcf7-form-control-wrap input {
	width: 100%;
	padding: 26px 0;
}
.form-dl__item > dd .wpcf7-form-control-wrap textarea {
    background-color: #fff;
    border: 1px solid #d5d5d5;
    width: 100%;
    padding: 24px;
}
@media screen and (max-width:1024px){
	.form-dl__item > dd .wpcf7-form-control-wrap input {
		padding: 1vw 0 3.8vw;
		font-size:3.2vw;
	}
    .form-dl__item > dd .wpcf7-form-control-wrap textarea {
        padding: 3.8vw;
        font-size:3.2vw;
    }
}

/* wpcf7 */
.form-dl__item > dd .wpcf7-not-valid-tip {
	display: none;
}

.contact__inner .screen-reader-response {
	color: rgb(var(--main-color));
	font-size: var(--min-font-size);
	text-align: center;
}

.contact__inner .wpcf7-response-output {
	color: rgb(var(--main-color));
	font-size: var(--min-font-size);
	text-align: center;
	margin-top: 2vw;
}

.contact__inner #wpcf7-f6-o1-ve-your-name:before {
	content: "「お名前」";
}
.contact__inner #wpcf7-f6-o1-ve-your-email:before {
	content: "「メールアドレス」";
}
.contact__inner #wpcf7-f6-o1-ve-your-tel:before {
	content: "「電話番号」";
}
.contact__inner #wpcf7-f6-o1-ve-your-message:before {
	content: "「お問い合わせ内容」";
}


/**
 * submit
 */
/* reset */
.form-submit input {
	background-color: rgb(var(--main-color));
	border-color: transparent;
	border-radius: 5vw;
    cursor: pointer;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: var(--main-font-size);
    letter-spacing: 0.1em;
    position: relative;
    z-index: 1;
    transition: opacity .4s ease;
}
.form-submit input:hover {
	opacity: .7;
}

/* wrap */
.form-submitWrap {
    display: flex;
    justify-content: space-between;
    width: 60%;
    margin: 3.5vw auto 0;
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width:768px){
    .form-submitWrap {
        width: 80%;
    }
}

/* div */
.form-submitWrap > div {
	width: 100%;
	height: 5vw;
}
@media screen and (max-width:1024px){
	.form-submitWrap > div {
		height: 10vw;
	}
}
.cf-turnstile {
	height:auto !important;
	margin:0 auto;
	display: flex;
	justify-content: center;
}
.form-submit,.form-submit input {
		height:5vw !important;
	}
@media screen and (max-width:1024px){
	.cf-turnstile {
		margin-bottom: 4vw
	}
	.form-submit,.form-submit input {
		height:10vw !important;
	}
}