@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/*----------------------------------------------------------------------------
	common
----------------------------------------------------------------------------*/
.header_box {
	position: fixed;
	z-index: 9;
	top: 0;
	right: 0;
	background-color: #d8caba;
	width: 90px;
	height: 100%;
}
@media screen and (max-width: 750px) {
	.header_box {
		width: auto;
		height: 60px;
		background-color: transparent;
	}
}
@media screen and (max-width: 750px) {
	#header .title {
		top: 10px;
		left: 16px;
	}
	#header .title img {
		width: 76px;
	}
}
#headerMenu {
	position: static;
	flex-direction: column-reverse;
}
@media screen and (max-width: 750px) {
	#headerMenu {
		height: 60px;
	}
}
#headerMenu .bar {
	width: 37px;
	height: 4px;
}
#headerMenu .bar:nth-child(2) {
	display: none;
}
#header.-menuOpen .bar:nth-child(1) {
	margin-bottom: -4px;
}
#header.-menuOpen .bar:nth-child(3) {
	margin-top: -4px;
}
#headerMenu .item {
	width: 90px;
	background-color: #272421;
}
@media screen and (max-width: 750px) {
	#headerMenu .item {
		width: 60px;
	}
}
#headerMenu .item.contact {
	height: 185px;
	border-right: none;
	border-bottom: 1px solid rgba(39, 36, 33, 0.2);
	background-color: transparent;
}
@media screen and (max-width: 750px) {
	#headerMenu .item.contact {
		position: absolute;
		top: 0;
		right: 60px;
		width: 130px;
		height: 100%;
		background-color: #d8caba;
		border-bottom: none;
	}
}
#headerMenu .item.mrp780 {
	display: none;
}
#headerMenu .item a {
	width: 90px;
	height: 90px;
}
@media screen and (max-width: 750px) {
	#headerMenu .item a {
		width: 60px;
		height: 60px;
	}
}
#headerMenu .item.contact a {
	display: grid;
	place-content: center;
	place-items: center;
	width: 90px;
	height: 185px;
	color: #272421;
}
@media screen and (max-width: 750px) {
	#headerMenu .item.contact a {
		width: 100%;
		height: 100%;
	}
}
#headerMenu .item .linkInner {
	flex-direction: column;
}
#headerMenu .item .linkInner .img {
	margin-right: 0;
	margin-bottom: 8px;
}
#headerMenu .item .linkInner .img img {
	width: 20px;
}
#headerMenu .item .linkInner .text {
	font-size: 1.4rem;
	font-weight: 500;
	writing-mode: vertical-lr;
	letter-spacing: 0;
}
@media screen and (max-width: 750px) {
	#headerMenu .item .linkInner .text2 {
		font-size: 13px;
	}
    #headerMenu .item .linkInner .text2 br {
        display: none;
    }
}
#headerSns {
	position: static;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #fff;
	transform: translate(0, 0);
}
@media screen and (max-width: 750px) {
	#headerSns {
		display: none;
	}
}
#headerSns li {
	margin-bottom: 0;
}
#headerSns li:not(:last-child) {
	margin-right: 17px;
}
#headerSns li img {
	width: 19px;
}
#banner {
	position: static;
	min-width: auto;
}
@media screen and (max-width: 750px) {
	#banner {
		position: fixed;
		left: 0;
		bottom: 0;
		background-color: #d8caba;
	}
}
#banner ul {
	display: block;
}
@media screen and (max-width: 750px) {
	#banner ul {
		display: flex;
	}
}
#banner ul li {
	width: 100%;
	background-color: transparent;
}
@media screen and (max-width: 750px) {
	#banner ul li {
		width: 50%;
	}
}
#banner ul li.webopen,
#banner ul li.events {
	height: 185px;
	border-bottom: 1px solid rgba(39, 36, 33, 0.2);
}
@media screen and (max-width: 750px) {
	#banner ul li.webopen,
	#banner ul li.events {
		height: 60px;
		border-bottom: none;
		border-right: 1px solid rgba(39, 36, 33, 0.2);
	}
}
#banner .webopen a,
#banner .events a {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #272421;
	background-image: none;
	background-color: transparent;
}
@media screen and (max-width: 750px) {
	#banner .webopen a,
	#banner .events a {
		flex-direction: row;
		padding: 0;
		line-height: 1;
	}
}
#banner .webopen a img {
	width: 22px;
	margin-bottom: 8px;
}
@media screen and (max-width: 750px) {
	#banner .webopen a img {
		margin: 0 5px 0 0;
	}
}
@media screen and (min-width: 751px) {
	.freedial-btn {
		display: none;
	}
}
#banner .webopen a .text2,
#banner .events a .text2 {
	font-size: 1.4rem;
	font-weight: 500;
	writing-mode: vertical-lr;
	letter-spacing: 0;
	border-bottom: none;
}
@media screen and (max-width: 750px) {
	#banner .webopen a .text2,
	#banner .events a .text2 {
		font-size: 1.2rem;
		writing-mode: horizontal-tb;
	}
}
#banner .events a img {
	width: 19px;
	margin-bottom: 8px;
}
@media screen and (max-width: 750px) {
	#banner .events a img {
		margin: 0 5px 0 0;
	}
}
#banner a {
	max-width: 100%;
	height: auto;
	padding-top: 0;
	padding-left: 0;
}
nav.pagenav {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}
@media screen and (max-width: 750px) {
	nav.pagenav {
		display: none;
	}
}
nav.pagenav .pagenav_list {
	display: flex;
	justify-content: center;
	padding-top: 40px;
}
nav.pagenav .pagenav_list-item:not(:last-child) {
	margin-right: 50px;
}
nav.pagenav .pagenav_list-item a {
	display: block;
}
nav.pagenav .pagenav_list-item a span {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
}
#headerNav {
	background: rgba(39,36,33,0.9);
}
@media screen and (max-width: 750px) {
	#headerNav {
		padding-bottom: 80px;
	}
}
#headerNavOuter {
	padding-top: 150px;
}
@media screen and (max-width: 750px) {
	#headerNavOuter {
		padding-top: 100px;
	}
}
@media screen and (max-width: 750px) {
	.headerMenuList.-menu1, .headerMenuList.-menu2, .headerMenuList.-menu3 {
		width: 67vw;
	}
}
.headerMenuList > li > a {
	font-size: 2.2rem;
	letter-spacing: normal;
}
@media screen and (max-width: 750px) {
	.headerMenuList > li > a {
		font-size: 2rem;
	}
}
.headerMenuList > li > a .anton {
	font-size: 1.4rem;
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 750px) {
	.headerMenuList > li > a .anton {
		font-size: 1.2rem;
	}
}
.headerMenuList > li > a .anton::before {
	content: attr(data-en)"";
	display: inline-block;
	margin-right: 1rem;
	font-size: 2.8rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	letter-spacing: 0.1em;
	vertical-align: baseline;
}
.headerMenuList > li > a .anton.d-block::before {
	display: block;
}
@media screen and (max-width: 750px) {
	.headerMenuList > li > a .anton::before {
		font-size: 2.4rem;
	}
}
.headerMenuList.-menu1 > li {
	margin-top: 45px;
}
@media screen and (max-width: 750px) {
	.headerMenuList.-menu1 > li {
		margin-top: 35px;
	}
}
.headerMenuInnerList {
	margin-left: 2rem;
	border-left: 1px solid #d8caba;
}
.headerMenuInnerList > li {
	margin-top: 20px;
}
.headerMenuInnerList a {
	padding-left: 15px;
	color: #d8caba;
	font-size: 1.8rem;
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	letter-spacing: normal;
}
@media screen and (max-width: 750px) {
	.headerMenuInnerList a {
		font-size: 1.6rem;
	}
}
.headerMenuInnerList a::before {
	display: none;
}
.headerMenuList.-menu2 > li:nth-child(2) {
	margin-top: 85px;
}
@media screen and (max-width: 750px) {
	.headerMenuList.-menu2 > li:nth-child(2) {
		margin-top: 85px;
	}
}
.headerMenuList.-menu3 > ul li {
	margin-top: 10px;
}
.headerMenuList.-menu3 > ul li a {
	font-size: 2rem;
}
.headerTel {
	margin-top: 70px;
}
.headerTel a {
	font-size: 2.8rem;
	letter-spacing: normal;
}
.headerMenuInfo {
	width: 250px;
}
@media screen and (max-width: 750px) {
	.headerMenuInfo {
		width: 100%;
		margin: 0;
	}
}
.headerContact {
	margin-top: 40px;
}
.headerContact > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 68px;
	color: #272421;
	text-align: center;
	font-size: 1.6rem;
	background: url(../images/common/icon_arr-right.png) no-repeat right 2rem center/1.6rem auto  #d8caba;
}
.headerCopyright {
	margin-top: 50px;
	text-align: right;
}
@media screen and (max-width: 750px) {
	.headerCopyright {
		text-align: center;
	}
}
.headerCopyright small {
	font-size: 1.2rem;
}
.paging3 .prev span, .paging3 .next span, .paging3 .list span,
.slider3 .swiper-button-prev .anton, .slider3 .swiper-button-next .anton {
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
}
/* pageVisual  */
.pageVisual {
	height: 540px;
}
@media screen and (max-width: 750px) {
	.pageVisual {
		height: 66.66vw;
	}
}
.pageVisual .inner {
	display: flex;
	align-items: flex-end;
	height: 100%;
	padding-bottom: 40px;
}
@media screen and (max-width: 750px) {
	.pageVisual .inner {		        
        padding: 5.333vw;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
	}
}
.pageVisualTitle {
	position: static;
	display: flex;
	flex-direction: column;
	width: auto;
	transform: translate(0, 0);
}
.pageVisualTitle.heading2 {
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	padding-right: 108px;
}
@media screen and (max-width: 750px) {
	.pageVisualTitle.heading2 {
		padding-right: 12vw;
		margin-bottom: 1.333vw;
	}
}
.pageVisualTitle.heading2::after {
	content: '';
	position: absolute;
	right: 20px;
	bottom: 27px;
	width: 70px;
	height: 2px;
	background-color: #fff;
}
@media screen and (max-width: 750px) {
	.pageVisualTitle.heading2::after {
		right: 0;
		bottom: 4.533vw;
		width: 10.666vw;
	}
}
.pageVisualTitle.heading2 span {
	font-size: 1.4rem;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0.12em;
}
@media screen and (max-width: 750px) {
	.pageVisualTitle.heading2 span {
		font-size: 2.666vw;
	}
}
.pageVisualTitle.heading2 em {
	font-size: 3.6rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: italic;
	color: #fff;
}
@media screen and (max-width: 750px) {
	.pageVisualTitle.heading2 em {
		font-size: 6.133vw;
	}
}
.pageDescText {
	font-size: 3.5rem;
	font-weight: 500;
	line-height: 1.6;
	color: #fff;
	text-align: left;
	padding-bottom: 4px;
}
@media screen and (max-width: 750px) {
	.pageDescText {
		font-size: 4.666vw;
	}
}
.pageDescText.-bk {
	color: #000;
}
/* breadcrumb  */
.breadcrumb {
	display: none;
}
/* title  */
.titleBox:not(.formTitleBox) {
	height: auto;
	margin: 0 0 50px 0;
}
@media screen and (max-width: 750px) {
	.titleBox:not(.formTitleBox) {
		margin-bottom: 25px;
	}
}
.heading4 {
	display: block;
	width: auto;	
}
.titleBox:not(.formTitleBox) .titleBoxText {
	position: static;
	padding: 0;
	text-align: center;
	transform: translate(0);
	background: #fff;
}
.titleBox:not(.formTitleBox) .titleBoxText .anton {
	color: #cebaa4;
	font-size: 4.8rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 700 !important;
	font-style: italic;
}
@media screen and (max-width: 750px) {
	.titleBox:not(.formTitleBox) .titleBoxText .anton {
		font-size: 2.5rem;
	}
}
.titleBox:not(.formTitleBox) .titleBoxText .sub {
	font-size: 1.8rem;
	font-weight: 400;
}
@media screen and (max-width: 750px) {
	.titleBox:not(.formTitleBox) .titleBoxText .sub {
		font-size: 1.2rem;
	}
}
.formTitleBoxWrap::before, .formTitleBoxWrap::after {
	background: #fff;
}
/* pageInner  */
.pageInner {
	padding-bottom: 100px;
}
@media screen and (max-width: 750px) {
	.pageInner {
		padding-bottom: 70px;
	}
}
/* bg */
.pageInner.bg1,
.pageInner.bg2,
#content .bg2 {
	background: #fff;
}
/* wpcf7 */
.wpcf7-form p {
	position: relative;
	margin: 0;
}
@media screen and (min-width: 751px) {
	.wpcf7-form p:has(.formTitle):first-of-type::before,
	.wpcf7-form p:has(.formTitle)::after {
		position: absolute;
		left: 0;
		display: block;
		width: 100%;
		height: 1px;
		background-image: linear-gradient(to right, #fff 0% 272px, #e9e9e8 272px 100%);
		content: '';
	}
	.wpcf7-form p:first-of-type::before {
		top: 0;
	}
	.wpcf7-form p::after {
		bottom: 0;
	}
}
.wpcf7-form .formTitle {
	padding-left: 25px;
	color: #272421;
	font-size: 1.6rem;
	font-weight: 500;
	background-color: #f1ede7;
}
.wpcf7-form .formTitle.required {
	padding-right: 25px;
}
.wpcf7-form .formTitle.required::before {
	display: none;
}
.wpcf7-form .formTitle.required::after {
	position: static;
	width: auto;
	margin-left: 10px;
	padding: 2px 5px;
	color: #fff;
	font-size: 1.4rem;
	border-radius: 4px;
	background-color: #272421;
	content: '必須';
	white-space: nowrap;
}
.wpcf7-form .wpcf7-form-control-wrap {
	padding: 15px 30px;
}
@media screen and (max-width: 750px) {
	.wpcf7-form .radioBox + .wpcf7-form-control-wrap,
	.wpcf7-form .wpcf7-form-control-wrap {
		padding: 5px 0 30px 0;
		border: none;
	}
}
.wpcf7-form [type="text"], .wpcf7-form [type="email"], .wpcf7-form [type="password"], .wpcf7-form select, .wpcf7-form textarea {
	border-radius: 6px;
}
.wpcf7-form [type="submit"] {
	color: #272421;
}
.wpcf7-form .submit {
	height: 60px;
	color: #272421;
	border: 1px solid #000;
	background: #fff;
}
@media screen and (min-width: 751px) {
	.wpcf7-form .submit {
		transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.wpcf7-form .submit [type="submit"] { 
		transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.wpcf7-form .submit:hover [type="submit"] {
		color: #fff;
		background-color: transparent;
	}
	.wpcf7-form .submit:hover {
		background-color: #272421;
	}
}
.wpcf7-form .submit::after {
	display: none;
}
.wpcf7-form .submit::before {
	content: '';
    width: 16px;
    height: 11px;
    background-image: url(../images/common/icon_arr-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    border: none;
}
@media screen and (min-width: 751px) {
	.wpcf7-form .submit:hover::before {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%);
	}
}
.wpcf7-form .submit::after {
	background: #272421;
}
.wpcf7-form .formAcceptance {
	margin-top: 40px;
}
.hr2 {
	margin: 100px 0 0 0;
	border: none;
}
@media screen and (max-width: 750px) {
	.hr2 {
		margin-top: 70px;
	}
}
/* btn */
.btn1.-bk::after,
.btn1.-bgBK::after {
	display: none;
}
.btn1.-bgBK::before {
	content: '';
	width: 16px;
	height: 11px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%);
}
@media screen and (min-width: 751px) {
	.btn1.-bk:hover {
		color: #fff;
		background: #272421;
	}
	.btn1.-bk:hover::before,
	.btn1.-bgBK:hover::before {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%);
	}
	.btn1.-bgBK:hover {
		color: #272421;
		background: #fff;
	}
	.btn1.-bgBK:hover::before {
		filter: none;
	}
}	
.btn1.-bgBK,
.btn2 {
	border: 1px solid #000;
}
.btn2 .anton {
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
}
.btn2::after {
	display: none;
}
@media screen and (min-width: 751px) {
	.btn2 {
		transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.btn2:hover {
		color: #272421;
		background: #fff;;
	}
}
.tabList li a::before {display: none}
@media screen and (min-width: 751px) {
	.tabList li a {		
	    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.tabList li a:hover {
		color: #fff!important;
		background: #272421!important;
	}
}
/* paging */
.paging {
	margin-top: 90px;
}
@media screen and (max-width: 750px) {
	.paging {
		margin-top: 45px;
		padding-bottom: 0;
	}
}
.paging .num {
	color: #272421;
	border-color: #e9e9e8;
	transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
@media screen and (min-width: 751px) {
	.paging .num:hover {
		color: #fff;
		background-color: #272421;
	}
}
@media screen and (max-width: 750px) {
	.paging .num {
		font-size: 1.2rem;
        width: 32px;
        height: 32px;
        line-height: 30px;
		margin-left: 7px;
	}
}
.paging .num::after {
	background-color: #272421;
}
.paging .num.active {
	color: #fff;
	background-color: #272421;
}
.paging .dot {
	color: #272421;
}
.paging .prev {
	padding-left: 26px;
}
@media screen and (max-width: 750px) {
	.paging .prev {
		padding-left: 15px;
	}
}
.paging .next {
	padding-right: 26px;
}
@media screen and (max-width: 750px) {
	.paging .next {
		padding-right: 15px;
	}
}
.paging .prev::before {
	content: '';
	width: 16px;
	height: 11px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
	transform: scale(-1, 1);
}
.paging .next::before {
	content: '';
	width: 16px;
	height: 11px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
}
@media screen and (max-width: 750px) {
	.paging .prev::before,
	.paging .next::before {
		position: absolute;
		top: calc(50% - 3px);
		width: 11px;
		height: 8px;
	}
	.paging .prev::before {left: 0;}
	.paging .next::before {right: 0;}
}
.paging .prev span.anton,
.paging .next span.anton {
	font-size: 1.6rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 600!important;
	font-style: italic;
	color: #272421;
	letter-spacing: 0;
}
@media screen and (max-width: 750px) {
	.paging .prev span.anton,
	.paging .next span.anton {
		font-size: 1.4rem;
	}
}
.paging .num::after {
	display: none;
}
.sideTitle .anton,
.paging2 .anton {
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
}
.paging2 .prev .anton::before, .paging2 .next .anton::before {
	content: '';
	width: 16px;
	height: 11px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
}
.paging2 .prev .anton::before {
	transform: scale(-1, 1);
}
.paging3 {
	justify-content: center;
	column-gap: 70px;
}
.paging3 .anton {
	font-style: italic;
	font-weight: 600!important;
}
.paging3 .prev, .paging3 .next {
	width: auto;
	color: #282828;
	border: none;
}
.paging3 .prev::before, .paging3 .next::before {
	content: '';
	width: 16px;
	height: 11px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
}
.paging3 .prev::before {
	transform: scale(-1, 1);
}
.paging3 .prev::before {left: 0;}
.paging3 .next::before {right: 0;}
.paging3 .prev::after, .paging3 .next::after {
	display: none;
}
@media screen and (min-width: 751px) {
	.paging3 .prev, .paging3 .next {
		transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.paging3 .prev:hover, .paging3 .next:hover {
		opacity: .6;
	}
	.paging3 .prev:hover span, .paging3 .next:hover span {
		color: #282828;
	}
}
.paging3 .prev {
	padding: 0 0 0 26px;
}
.paging3 .next {
	padding: 0 26px 0 0;
}
.paging3 .list {
	color: #282828;
	border: 1px solid #e9e9e8;
	background-color: #fff;	
}
@media screen and (min-width: 751px) {
	.paging3 .list {
		transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.paging3 .list:hover {
		color: #fff;
		background-color: #282828;
		border-color: #282828;
	}
}
.paging3 .list::after {
	display: none;
}
/* recaptcha */
.grecaptcha-badge {
	display: none;
	visibility: hidden;
	z-index: 999;
}
@media screen and (max-width: 750px) {
	.grecaptcha-badge {
		bottom: 70px!important;
	}
}
body:has(.wpcf7) .grecaptcha-badge {
	display: block;
	visibility: visible;
}
/* swiper-scrollbar  */
.swiper-scrollbar {
	bottom: 0 !important;
	left: 50% !important;
	height: 4px;
	border-radius: 0;
	transform: translate(-50%, 0);
}
@media screen and (max-width: 750px) {
	.swiper-scrollbar {
		transform: translate(0, 0);
	}
}
.swiper-scrollbar .swiper-scrollbar-drag {
	height: 4px;
}
@media screen and (min-width: 751px) {
	.more .swiper-scrollbar {
		width: 74% !important;
	}
}

/*----------------------------------------------------------------------------
	toppage
----------------------------------------------------------------------------*/
#top .inner {
	max-width: 1190px;
}
#top #topMvInner {
	width: 100%;
	height: 100vh;
	/*height: 700px*/
	overflow: hidden;
	padding-right: 90px;
}
@media screen and (max-width: 750px) {
	#top #topMvInner {
		padding-right: 0;
		height: 40vh;
	}
}
#top .topMvPhoto {
	width: 100%;
	height: 100vh;
	/*height: 700px*/
	background-image: url('../images/top/mv_dev.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
	#top .topMvPhoto {
		height: 40vh;
		background-image: url('../images/top/mv_dev_sp.jpg');
	}
}
#top #topMvNews,
#top .movingText,
#top .heading1 .sub {
	display: none;
}
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 25%;
	height: auto;
}
@media screen and (max-width: 750px) {
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 80%;
	height: auto;
}
}
#top .topRoomtour {
	background-color: #fff;
}
#top .topRoomtour .inner {
	padding-top: 100px;
	padding-bottom: 125px;
}
@media screen and (max-width: 750px) {
	#top .topRoomtour .inner {
		padding-top: 40px;
		padding-bottom: 30px;
	}
}
#top .topRoomtour_box {
	display: flex;
	justify-content: flex-start;
	width: 90%;
}
@media screen and (max-width: 750px) {
	#top .topRoomtour_box {
		display: block;
	}
}
#top .topRoomtour_item {
	padding-top: 40px;
	padding-left: 200px;
}
@media screen and (max-width: 750px) {
	#top .topRoomtour_item {
		padding: 30px 20px;
	}
}
#top .topRoomtour_heading {
	margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
	#top .topRoomtour_heading {
		margin-bottom: 1rem;
	}
}
#top .topRoomtour_heading span {
	font-size: 3.8rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: italic;
	color: #cebaa4;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
	#top .topRoomtour_heading span {
		font-size: 3rem;
	}
}
.topRoomtour_heading {
  margin: 0 0 20px 0;
  text-align: left;  /* 左寄せ */
  padding-top: 20px;
}


.topRoomtour_item {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  width: 90%;          /* スライダー全体を縮める（例：画面幅の90%） */
  margin: 0 auto;      /* 中央寄せ */
  padding-bottom: 10px;
}


.topRoomtour_item iframe {
  width: 560px;           /* 固定幅 */
  height: 315px;
  flex: 0 0 auto;         /* 縮まないように固定 */
  scroll-snap-align: start;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .topRoomtour_item iframe {
    width: 280px;   /* 幅を小さく */
    height: 158px;  /* 高さも16:9で調整 */
  }
}
.topRoomtour_heading span{
	margin-left: 5%;
}




#top .topBrand {
	background-color: #fff;
}
#top .topBrand .inner {
	padding-top: 100px;
	padding-bottom: 125px;
}
@media screen and (max-width: 750px) {
	#top .topBrand .inner {
		padding-top: 40px;
		padding-bottom: 30px;
	}
}
#top .topBrand_photo {
	position: relative;
	left: -90px;
	margin-right: -90px;
}
@media screen and (max-width: 750px) {
	#top .topBrand_photo {
		left: -90px;
		margin-right: -90px;
	}
}
#top .topBrand_box {
	display: flex;
	justify-content: flex-start;
}
@media screen and (max-width: 750px) {
	#top .topBrand_box {
		display: block;
	}
}
#top .topBrand_item {
	padding-top: 40px;
	padding-left: 130px;
}
@media screen and (max-width: 750px) {
	#top .topBrand_item {
		padding: 30px 20px;
	}
}
#top .topBrand_heading {
	margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
	#top .topBrand_heading {
		margin-bottom: 1rem;
	}
}
#top .topBrand_heading span {
	font-size: 3.8rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: italic;
	color: #cebaa4;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
	#top .topBrand_heading span {
		font-size: 3rem;
	}
}
#top .topBrand_list {
	margin-bottom: 25px;
}
@media screen and (max-width: 750px) {
	#top .topBrand_list {
		margin-bottom: 1.5rem;
	}
}
@media screen and (max-width: 750px) {
	#top .topBrand_list {
		display: flex;
		flex-wrap: wrap;
	}
}
#top .topBrand_list-item:not(:last-child) {
	margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
	#top .topBrand_list-item:first-child {
		margin-right: 1rem;
	}
	#top .topBrand_list-item:not(:last-child) {
		margin-bottom: .5rem;
	}
}
#top .topBrand_list-item span {
	font-size: 2.5rem;
	font-weight: 700;
	color: #272421;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
	#top .topBrand_list-item span {
		font-size: 1.7rem;
	}
}
#top .topBrand_text {
	margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
	#top .topBrand_text {
		margin-bottom: 20px;
	}
}
#top .topBrand_text p {
	font-size: 2.0rem;
	font-weight: 500;
	color: #272421;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
	#top .topBrand_text p {
		font-size: 1.4rem;
	}
}
#top .topBrand_item .btn1 {
	font-size: 1.5rem;
	width: 220px;
	height: 52px;
	color: #272421;
	letter-spacing: 0;
}
#top .topBrand_item .btn1.-bk {
	border-color: #272421;
}
@media screen and (min-width: 751px) {
	#top .topBrand_item .btn1.-bk:hover {
		color: #fff;
	}
}
#top .topBrand_item .btn1::before {
	top: 50%;
	right: 20px;
	width: 16px;
	height: 11px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
}
@media screen and (min-width: 751px) {
	#top .topBrand_item .btn1.-bk:hover::before {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%);
	}
}
#top .topBrand_item .btn1.-bk::after {
	background-color: #272421;
}
#top .topBrand_item .btn1 span {
	font-family: 'Noto Sans JP', sans-serif;
}
#top #sec4 {
	background-color: #fff;
	background-image: none;
	padding-top: 0;
	padding-bottom: 100px;
}
#top #sec4 .works_wrapper {
	padding-bottom: 150px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .works_wrapper {
		padding-bottom: 70px;
	}
}
#top #sec4 .works_wrapper .works_wrapper_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 145px;
	padding-bottom: 25px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .works_wrapper .works_wrapper_box {
		padding-right: 90px;
	}
}
#top #sec4 .works_wrapper .heading1 {
	align-items: flex-start;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
#top #sec4 .works_wrapper .heading1 span.anton {
	font-size: 3.8rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 600!important;
	font-style: italic;
	color: #cebaa4;
	padding-bottom: 0;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
	#top #sec4 .works_wrapper .heading1 span.anton {
		font-size: 3rem;
	}
}
#top #sec4 .works_wrapper .works_wrapper_text {
	position: absolute;
	z-index: 2;
	top: -135px;
	right: 0;
}
@media screen and (max-width: 750px) {
	#top #sec4 .works_wrapper .works_wrapper_text {
		top: -70px;
		right: 20px;
	}
}
#top #sec4 .works_wrapper .works_wrapper_text span {
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.6;
	color: #272421;
	letter-spacing: 0.1em;
	writing-mode: vertical-rl;
}
@media screen and (max-width: 750px) {
	#top #sec4 .works_wrapper .works_wrapper_text span {
		font-size: 1.7rem;
	}
}
.worksList {
	padding-bottom: 45px;
}
@media screen and (max-width: 750px) {
	.worksList {
		padding-bottom: 0;
	}	
}
.more .worksList .worksItem,
.worksList .worksItem {
	width: 450px;
	height: auto;
	margin-right: 50px !important;
}
@media screen and (max-width: 750px) {
	.more .worksList .worksItem,
	.worksList .worksItem {
		width: 225px;
		margin-right: 25px !important;
	}
}
.more .worksList .worksItem .thumb,
.worksList .worksItem .thumb {
	width: 450px;
	height: 305px;
	margin-bottom: 24px;
}
@media screen and (max-width: 750px) {
	.more .worksList .worksItem .thumb,
	.worksList .worksItem .thumb {
		width: 225px;
		height: 150px;
		margin-bottom: 15px;
	}
}
.worksList .worksItem .title,
.worksList .worksItem .cat {
	position: static;
}
.worksList .worksItem .title {
	font-size: 1.6rem;
	font-weight: 500;
	color: #272421;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: transparent;
}
@media screen and (max-width: 750px) {
	.worksList .worksItem .title {
		font-size: 1.4rem;
	}
}
.worksList .worksItem .cat {
	margin-top: 12px;
}
@media screen and (max-width: 750px) {
	.worksList .worksItem .cat {
		margin-top: 6px;
	}
}
.worksList .worksItem .cat a {
	font-size: 1.4rem;
	font-weight: 500;
	color: rgba(39, 36, 33, 0.8);
	min-width: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: transparent;
}
@media screen and (max-width: 750px) {
	.worksList .worksItem .cat a {
		font-size: 1rem;
	}
}
.worksList .worksItem .cat a span {
	font-family: 'Noto Sans JP', sans-serif;
}
.worksList .worksItem .cat a span::before {
	content: '＃';
}
#top #sec4 .event_bg {
	width: 100%;
	height: 320px;
	margin-bottom: 120px;
	background-color: transparent;
	background-image: url('../images/top/event_bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_bg {
		height: 150px;
		margin-bottom: 70px;
		background-image: url('../images/top/event_bg_sp.jpg');
	}
}
#top #sec4 .event_wrapper {
	padding-bottom: 135px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper {
		padding-bottom: 70px;
	}
}
#top #sec4 .event_wrapper .event_wrapper_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 25px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper .event_wrapper_box {
		padding-bottom: 15px;
	}
}
#top #sec4 .event_wrapper .heading1 {
	align-items: flex-start;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
#top #sec4 .event_wrapper .heading1 span.anton {
	font-size: 3.8rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 600!important;
	font-style: italic;
	color: #cebaa4;
	padding-bottom: 0;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper .heading1 span.anton {
		font-size: 3rem;
	}
}
#top #sec4 .event_wrapper .eventList {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 30px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper .eventList {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 15px;
	}	
}
#top #sec4 .event_wrapper .eventList > li {
	border-top: none;
}
#top #sec4 .event_wrapper .eventList > li:last-child {
	border-bottom: none;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper .eventList > li:last-child {
		display: none;
	}	
}
#top #sec4 .event_wrapper .eventList a {
	position: relative;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}
#top #sec4 .event_wrapper .eventList .thumb {
	width: 100%;
	height: 248px;
	margin-right: 0;
	margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper .eventList .thumb {
		height: 105px;
		margin-bottom: 10px;
	}
}
#top #sec4 .event_wrapper .eventList .infoWrap {
	width: 100%;
}
#top #sec4 .event_wrapper .eventList .infoWrap .info {
	display: block;
}
#top #sec4 .event_wrapper .eventList .open {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#top #sec4 .event_wrapper .eventList .date {
	font-size: 1.4rem;
	background-color: rgba(39, 36, 33, 0.7);
	padding-top: 9px;
	padding-bottom: 9px;
	margin-right: 0;
	text-align: center;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper .eventList .date {
		font-size: 1rem;
	}
}
#top #sec4 .event_wrapper .eventList .date.-red {
	background-color: rgba(39, 36, 33, 0.7);
}
#top #sec4 .event_wrapper .eventList .cat {
	font-size: 1.4rem;
	color: rgba(39, 36, 33, 0.8);
	margin-right: 0;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper .eventList .cat {
		font-size: 1rem;
	}
}
#top #sec4 .event_wrapper .eventList .cat.iconCat::before {
	content: '＃';
	font-size: 1.4rem;
	color: rgba(39, 36, 33, 0.8);
	width: auto;
	height: auto;
	margin-right: 3px;
	vertical-align: baseline;
	background-image: none;
}
#top #sec4 .event_wrapper .eventList .address {
	display: flex;
	align-items: flex-end;
	font-size: 1.4rem;
	font-weight: 500;
	color: rgba(39, 36, 33, 0.85);
	margin-top: 10px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper .eventList .address {
		align-items: center;
		margin-top: 5px;
		font-size: 1rem;
	}
}
#top #sec4 .event_wrapper .eventList .iconAddress::before {
	width: 12px;
	height: 18px;
	filter: brightness(0) saturate(100%) invert(52%) sepia(7%) saturate(94%) hue-rotate(2deg) brightness(92%) contrast(95%);
}
#top #sec4 .event_wrapper .eventList .title {
	font-size: 1.6rem;
}
@media screen and (max-width: 750px) {
	#top #sec4 .event_wrapper .eventList .title {
		margin-top: 5px;
		font-size: 1.4rem;
	}
}
 #top #sec4 .event_wrapper .slider2Line {
	display: none;
}
#top #sec4 .blog_wrapper {
	padding-bottom: 132px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .blog_wrapper {
		padding-bottom: 70px;
	}
}
#top #sec4 .blog_wrapper .inner,
#top #sec4 .news_wrapper .inner {
	display: grid;
	grid-template-columns: 340px 1fr;
}
@media screen and (max-width: 750px) {
	#top #sec4 .blog_wrapper .inner,
	#top #sec4 .news_wrapper .inner {
		display: block;
	}
}
#top #sec4 .blog_wrapper_box .heading1,
#top #sec4 .news_wrapper_box .heading1 {
	display: block;
	text-align: left;
	margin-top: 0;
	margin-bottom: 42px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .blog_wrapper_box .heading1,
	#top #sec4 .news_wrapper_box .heading1 {
		margin-bottom: 0;
	}
	#top #sec4 .blog_wrapper_box,
	#top #sec4 .news_wrapper_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 15px;
	}
}

#top #sec4 .blog_wrapper_box .heading1 span.anton,
#top #sec4 .news_wrapper_box .heading1 span.anton {
	font-size: 3.8rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 600!important;
	font-style: italic;
	color: #cebaa4;
	padding-bottom: 0;
	letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
	#top #sec4 .blog_wrapper_box .heading1 span.anton,
	#top #sec4 .news_wrapper_box .heading1 span.anton {
		font-size: 3rem;
	}
}
#top #sec4 .heading1.-bk span:first-child::before {
	content: none;
}
#top #sec4 .swiper-container {
	cursor: auto;
}
#top #sec4 .blog_wrapper .blogList > li {
	border-top-color: rgba(39, 36, 33, 0.1);
}
#top #sec4 .blog_wrapper .blogList > li:last-child {
	border-bottom-color: rgba(39, 36, 33, 0.1);
}
#top #sec4 .blog_wrapper .blogList a {
	min-height: 115px;
	padding-top: 30px;
	padding-bottom: 30px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .blog_wrapper .blogList a {
		min-height: 60px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
#top #sec4 .blog_wrapper .blogList a .thumb {
	display: none;
}
#top #sec4 .blog_wrapper .blogList a .infoWrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#top #sec4 .blog_wrapper .blogList a .cat {
	font-size: 1.4rem;
	letter-spacing: 0;
	min-width: 123px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 8px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .blog_wrapper .blogList a .cat {
		font-size: 1rem;
	}
}
#top #sec4 .blog_wrapper .blogList a .title {
	font-size: 1.6rem;
	margin-top: 0;
}
@media screen and (max-width: 750px) {
	#top #sec4 .blog_wrapper .blogList a .title {
		font-size: 1.4rem;
	}
}
#top #sec4 .blog_wrapper .blogList a .date {
	font-size: 1.4rem;
	font-weight: 400;
	color: rgba(39, 36, 33, 0.6);
	padding-right: 0;
	padding-left: 10px;
	margin-bottom: 0;
}
@media screen and (max-width: 750px) {
	#top #sec4 .blog_wrapper .blogList a .date {
		font-size: 1rem;
	}
}
#top #sec4 .blog_wrapper .slider2Line,
#top #sec4 .news_wrapper .slider2Line {
	display: none;
}
#top #sec4 .sliderBtn,
#top #sec4 .slider2Btn {
	margin-top: 0;
	text-align: left;
}
#top #sec4 .sliderBtn .btn1.-bk,
#top #sec4 .slider2Btn .btn1.-bk {
	width: auto;
	height: auto;
	color: #272421;
	padding-top: 0;
	padding-right: 44px;
	padding-bottom: 0;
	padding-left: 0;
	border: none;
}
@media screen and (max-width: 750px) {
	#top #sec4 .sliderBtn .btn1.-bk,
	#top #sec4 .slider2Btn .btn1.-bk {
		padding-right: 25px;
	}
}
#top #sec4 .sliderBtn .btn1.-bk::before,
#top #sec4 .slider2Btn .btn1.-bk::before {
	content: '';
	right: 0;
	width: 16px;
	height: 11px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
}
#top #sec4 .sliderBtn .btn1.-bk::after,
#top #sec4 .slider2Btn .btn1.-bk::after {
	content: none;
}
@media screen and (min-width: 751px) {
	#top #sec4 .sliderBtn .btn1.-bk:hover,
	#top #sec4 .slider2Btn .btn1.-bk:hover {
		color: #272421;
		opacity: 0.65;
		background: none;
	}
	#top #sec4 .sliderBtn .btn1.-bk:before,
	#top #sec4 .slider2Btn .btn1.-bk:before {
		filter: none;
	}
}
#top #sec4 .sliderBtn .btn1 span.anton,
#top #sec4 .slider2Btn .btn1 span.anton {
	font-size: 1.5rem;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0;
}
@media screen and (max-width: 750px) {
	#top #sec4 .sliderBtn .btn1 span.anton,
	#top #sec4 .slider2Btn .btn1 span.anton {
		font-size: 1.2rem;
	}
}
#top #sec4 .news_wrapper .slider-2 {
	padding-top: 10px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .news_wrapper .slider-2 {
		padding: 0;
	}
}
#top #sec4 .news_wrapper .slider-2 .blogList {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 12px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .news_wrapper .slider-2 .blogList {
		grid-template-columns: repeat(3, 1fr);
	}
}
#top #sec4 .news_wrapper .slider-2 .blogList > li {
	border-top: none;
}
#top #sec4 .news_wrapper .slider-2 .blogList > li:last-child {
	border-bottom: none;
}
@media screen and (max-width: 750px) {
	#top #sec4 .news_wrapper .slider-2 .blogList > li:last-child {
		display: none;
	}
}
#top #sec4 .news_wrapper .slider-2 .blogList a {
	position: relative;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}
#top #sec4 .news_wrapper .slider-2 .blogList a .thumb {
	width: 100%;
	height: 100%;
	border: 1px solid #e9e9e8;
	margin-right: 0;
	margin-bottom: 13px;
	aspect-ratio: 1 / 1;
}
@media screen and (max-width: 750px) {
	#top #sec4 .news_wrapper .slider-2 .blogList a .thumb {
		margin-bottom: 7px;
	}
}
#top #sec4 .news_wrapper .slider-2 .blogList a .infoWrap {
	width: 100%;
}
#top #sec4 .news_wrapper .slider-2 .blogList a .cat {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.4rem;
	min-width: 123px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0;
	letter-spacing: 0;
}
@media screen and (max-width: 750px) {
	#top #sec4 .news_wrapper .slider-2 .blogList a .cat {
		min-width: 70px;
		font-size: 1rem;
	}
}
#top #sec4 .news_wrapper .slider-2 .blogList a .date {
	font-size: 1.4rem;
	color: rgba(39, 36, 33, 0.6);
	padding-right: 0;
	margin-bottom: 0;
	letter-spacing: 0;
}
@media screen and (max-width: 750px) {
	#top #sec4 .news_wrapper .slider-2 .blogList a .date {
		font-size: 1rem;
	}
}
#top #sec4 .news_wrapper .slider-2 .blogList a .title {
	font-size: 1.6rem;
	margin-top: 3px;
}
@media screen and (max-width: 750px) {
	#top #sec4 .news_wrapper .slider-2 .blogList a .title {
		font-size: 1.4rem;
	}
}
#top #sec5 {
	background-color: #fff;
	background-image: none;
	padding-top: 30px;
	padding-bottom: 145px;
	margin-top: 0;
}
@media screen and (max-width: 750px) {
	#top #sec5 {
		padding-top: 0;
		padding-bottom: 70px;
	}
}
#top #sec5 .inner {
	position: relative;
}
#top #sec5 .heading1 {
	position: absolute;
	top: -26px;
	left: -42px;
	margin-bottom: 0;
	text-align: left;
}
@media screen and (max-width: 750px) {
	#top #sec5 .heading1 {
		top: -20px;
		left: 10px;
	}	
}
#top #sec5 .heading1 span.anton {
	font-size: 2.0rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: italic;
	color: #cebaa4;
	writing-mode: vertical-rl;
}
@media screen and (max-width: 750px) {
	#top #sec5 .heading1 span.anton {
		font-size: 1.4rem;
	}
}
#top #sec5 .heading1.-bk span:first-child::before {
	top: 100%;
	bottom: initial;
	left: 50%;
	width: 2px;
	height: 67px;
	margin-left: -1px;
	background-color: #cebaa4;
}
@media screen and (max-width: 750px) {
	#top #sec5 .heading1.-bk span:first-child::before {
		height: 35px;		
	}
}
@media screen and (max-width: 750px) {
	#top #sec5 .slider {
		padding-left: 20px;
	}
}
.instaView {
	padding-bottom: 0;
}
.instaView .instaLine {
	display: none;
}


/*----------------------------------------------------------------------------
	works
----------------------------------------------------------------------------*/
@media screen and (min-width: 751px) {
	#works {
		padding-right: 90px;
	}
}
#works .inner {
	max-width: 1120px;
	padding-right: 10px;
	padding-left: 10px;
}
@media screen and (max-width: 750px) {
	#works .inner {
		padding-right: 20px;
		padding-left: 20px;
	}
}
#works .pageVisual {
	height: 540px;
	background-image: url(../images/works/mv_dev.jpg);
}
@media screen and (max-width: 750px) {
	#works .pageVisual {
		height: 66.66vw;
		background-image: url(../images/works/mv_dev_sp.jpg);
	}
}
#works .pageDesc {
	display: none;
}
#works .tabWrap {
	padding-top: 80px;
}
@media screen and (max-width: 750px) {
	#works .tabWrap {
		padding-top: 20px;
	}
}
#works .tabWrap .tabList {
	padding-bottom: 31px;
}
@media screen and (min-width: 751px) {
	#works .tabWrap .tabList li {
		width: 300px;
		margin-right: 11px;
	}
}
@media screen and (max-width: 750px) {
	#works .tabWrap .tabList {
		justify-content: space-between;
	}
	#works .tabWrap .tabList li {
		width: 49%;
	}
}
#works .tabWrap .tabList li a {
	border-color: #272421;
	background-color: #fff;
	background-image: none;
}
#works .tabWrap .tabList li a.-active {
	background-color: #272421;
}
#works .tabWrap .tabList li a::before {
	background-color: #272421;
}
#works .tabWrap .tabList a.-active::after {
	top: 100%;
	bottom: initial;
	width: 14px;
	height: 7px;
	border: none;
	background-color: #272421;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}
#works .tabWrap .tabList li a span.anton {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500 !important;
	letter-spacing: 0;
}
#works .tabLinklist {
	display: block;
	max-width: 1120px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
}
#works .tabLinklist > li:first-child {
	display: none;
}
#works .tabLinklist > li {
	display: grid;
	grid-template-columns: 233px 1fr;
	padding-top: 22px;
	padding-bottom: 30px;
	border-top: 1px solid rgba(39, 36, 33, 0.1);
	border-right: none;
}
@media screen and (max-width: 750px) {
	#works .tabLinklist > li {
		display: block;
		padding-top: 0;
		padding-bottom: 15px;
	}
}
#works .tabLinklist > li:last-child {
	border-bottom: 1px solid rgba(39, 36, 33, 0.1);
}
#works .tabLinklist > li > a {
	font-size: 1.6rem;
	font-weight: 500;
	color: #272421;
	text-align: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: transparent;
}
@media screen and (max-width: 750px) {
	#works .tabLinklist > li > a {
		font-size: 1.2rem;
	}
}
#works .tabLinklist .tabLinkAccordionMenu {
	padding-top: 12px;
	pointer-events: none;
}
@media screen and (max-width: 750px) {
	#works .tabLinklist .tabLinkAccordionMenu {
		padding: 15px 0;
	}
}
#works .tabLinklist .tabLinkAccordionMenu::before,
#works .tabLinklist .tabLinkAccordionMenu::after {
	content: none;
}
#works .tabLinklist .tabLinkAccordionBody {
	position: static;
	display: block;
	background-color: transparent;
}
#works .tabLinklist .tabLinkAccordionBodyOuter {
	height: auto;
}
@media screen and (max-width: 750px) {
	#works .tabLinklist .tabLinkAccordionBodyOuter {
		border: none;
	}
}
.tabLinkAccordion.-open {
	margin-bottom: 0;
}
@media screen and (max-width: 750px) {
	#works .tabLinkAccordionList {
		border: none;
		gap: 5px;
	}
}
@media screen and (min-width: 751px) {
	#works .tabLinkAccordionList > li {
		margin-top: 8px;
		margin-right: 8px;
	}
}
@media screen and (max-width: 750px) {
	#works .tabLinkAccordionList > li {
		width: auto;
		border: none;
	}
}
#works .tabLinkAccordionList > li > a {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	color: #272421;
	padding-top: 5px;
	padding-right: 16px;
	padding-bottom: 5px;
	padding-left: 16px;
	background-color: #e9e9e8;
}
#works .tabLinkAccordionList > li > a.-active {
	background-color: #888;
    color: #fff;
}
@media screen and (min-width: 751px) {
	#works .tabLinkAccordionList > li > a:hover {
		opacity: 0.65;
	}
}
@media screen and (max-width: 750px) {
	#works .tabLinkAccordionList > li > a {
		font-size: 1.2rem;
		padding-top: 8px;
		padding-right: 16px;
		padding-bottom: 8px;
		padding-left: 16px;
		letter-spacing: normal;
	}
}
#works .tabLinkAccordionList > li > a span.anton {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500 !important;
}
@media screen and (max-width: 750px) {
	#works .contentInner {
		padding-top: 40px;
	}
}
#works .pageInner.bg2 {
	background-color: #fff;
	background-image: none;
}
#works .worksList2 > li {
	width: 46.3%;
}
@media screen and (max-width: 750px) {
	#works .worksList2 > li {
		width: 100%;
	}
}
@media screen and (min-width: 751px) {
	#works .worksList2 > li:nth-child(odd) {
			margin-right: 7.4%;
	}
}
@media screen and (min-width: 751px) {
	#works .worksList2 .img {
		max-width: 510px;
		max-height: 335px;
		height: 33.5vw;
	}
}
#works .worksList2 .title {
	position: static;
	font-size: 1.7rem;
	font-weight: 500;
	color: #272421;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 0;
	background-color: transparent;
}
@media screen and (max-width: 750px) {
	#works .worksList2 .title {
		padding: 9px 0 0 0;
		font-size: 1.4rem;
	}
}
#works .worksList2 .cat {
	position: static;
}
#works .worksList2 .cat a {
	font-size: 1.4rem;
	font-weight: 500;
	color: rgba(39, 36, 33, 0.8);
	min-width: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: transparent;
}
@media screen and (max-width: 750px) {
	#works .worksList2 .cat a {
		font-size: 1rem;
	}
}
#works .worksList2 .cat a span {
	font-family: 'Noto Sans JP', sans-serif;
}
#works .worksList2 .cat a span::before {
	content: '＃';
}
#works .worksArticleCat a .anton {
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
#works .moreTitle .anton,
#works .btn1 .anton,
#works .btn2 .anton {
	font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
}
#works .btn2 {
	border: 1px solid #000;
}
#works .moreTitle {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	text-align: left;
    color: #cebaa4;
    margin-bottom: 35px;
    padding-bottom: 0;
    font-size: 3.8rem;
    line-height: 1;
}
@media screen and (max-width: 750px) {
	#works .moreTitle {
		font-size: 2.8rem;
	}
}
#works .moreTitle .anton {
	font-weight: 600 !important;
    font-style: italic;
}
#works .moreTitle a {
	position: relative;
	color: #272421;	
	padding-right: 44px;
    font-size: 1.5rem;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0;
}
@media screen and (min-width: 751px) {
	#works .moreTitle a {
		transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	#works .moreTitle a:hover {
		opacity: .6;
	}
}
@media screen and (max-width: 750px) {
	#works .moreTitle a {
		font-size: 1.3rem;
		padding-right: 20px;
	}
}
#works .moreTitle a::before {
	position: absolute;
	content: '';
	top: 50%;
    right: 0;
    display: block;
    width: 16px;
    height: 11px;
    z-index: 2;
    margin-top: -5px;
    background-image: url(../images/common/icon_arr-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    border: none;
}
@media screen and (max-width: 750px) {
	#works .moreTitle a::before {
		width: 13px;
	    height: 9px;
	    margin-top: -4px;
	}
}
#works .more {
	margin: 100px 0 0 0;
}
/*----------------------------------------------------------------------------
	work-voice
----------------------------------------------------------------------------*/
@media screen and (min-width: 751px) {
	.worksVoiceList .titleOuter {
		justify-content: flex-start;
	}
}
@media screen and (max-width: 750px) {
	.worksVoiceList {
		margin-bottom: 0;
	}
	.worksVoiceList .title {
		font-size: 1.4rem;
	}
	.worksVoiceList .cat .num, .worksVoiceList .cat .text {
		font-size: 1rem;
	}
}
.slider3 .swiper-button-prev .border, .slider3 .swiper-button-next .border {
	display: none;
}
.slider3 .slider3PaginationWrap {
	text-align: center;
}
.slider3 .swiper-pagination-bullets .swiper-pagination-bullet {
	border-radius: 50%;
}
.slider3 .swiper-button-prev .anton, .slider3 .swiper-button-next .anton {
	font-style: italic;
	font-weight: 600!important;
}
.slider3 .swiper-button-prev, .slider3 .swiper-button-next {
	width: auto;
	color: #282828;
	border: none;
}
.slider3 .swiper-button-prev { left: 0 }
.slider3 .swiper-button-next { right: 0 }
.slider3 .swiper-button-prev::before, .slider3 .swiper-button-next::before {
	position: absolute;
	top: 50%;
	content: '';
	width: 16px;
	height: 11px;
	margin-top: -5px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
}
.slider3 .swiper-button-prev::before {
	transform: scale(-1, 1);
}
.slider3 .swiper-button-prev::before {left: 0;}
.slider3 .swiper-button-next::before {right: 0;}
.slider3 .swiper-button-prev::after, .slider3 .swiper-button-next::after {
	display: none;
}
@media screen and (min-width: 751px) {
	.slider3 .swiper-button-prev, .slider3 .swiper-button-next {
		transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.slider3 .swiper-button-prev:hover, .slider3 .swiper-button-next:hover {
		opacity: .6;
	}
	.slider3 .swiper-button-prev:hover span, .slider3 .swiper-button-next:hover span {
		color: #282828;
	}
}
.slider3 .swiper-button-prev {
	padding: 0 0 0 26px;
}
.slider3 .swiper-button-next {
	padding: 0 26px 0 0;
}
.slider3 .slider3ButtonWrap {
	max-width: initial;
}
.worksVoiceArticleBottom,
.worksVoiceArticleBottom2 {
	position: relative;
	padding: 0;
	display: flex;
    align-items: flex-start;
    height: auto;
	background: none;
}
@media screen and (max-width: 1000px) {
	.worksVoiceArticleBottom,
	.worksVoiceArticleBottom2 {
		flex-direction: column-reverse;
	}
}
.worksVoiceArticleBottom::before,
.worksVoiceArticleBottom2::before {
    position: absolute;
    top: 55px;
    right: 0;
    display: block;
    width: calc(100% - 125px);
    height: 100%;
    background-color: #f1ede7;
    content: '';
}
@media screen and (max-width: 1000px) {
	.worksVoiceArticleBottom::before,
	.worksVoiceArticleBottom2::before {
		width: 95%;
	}
}
@media screen and (max-width: 750px) {
	.worksVoiceArticleBottom::before,
	.worksVoiceArticleBottom2::before {
		top: 30px;
	}
}
.worksVoiceArticleBottom .img,
.worksVoiceArticleBottom2 .img {
	z-index: 2;
}
@media screen and (max-width: 1000px) {
	.worksVoiceArticleBottom .img,
	.worksVoiceArticleBottom2 .img {
		max-width: initial;
		width: 100%;
        margin-top: 40px;
	}
}        
@media screen and (max-width: 750px) {
	.worksVoiceArticleBottom .img,
	.worksVoiceArticleBottom2 .img {
		margin-top: 0;
	}
}
.worksVoiceArticleBottomBody .body {
	width: 560px;
	padding-top: 120px;
	z-index: 2;
}
@media screen and (max-width: 750px) {
	.worksVoiceArticleBottomBody .body {
		width: auto;
		padding-left: 40px;
	}
}
.worksVoiceArticleBottomBody .title {
	padding: 0;
	color: #c1ab92;
	font-size: 3.8rem;
	font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: italic;
    text-align: left;
    background: none;
}
@media screen and (max-width: 750px) {
	.worksVoiceArticleBottomBody .title {
		font-size: 3rem;
	}
}
.worksVoiceArticleBottomBody .text1 {
	color: #282828;
	font-size: 2.4rem;
}
@media screen and (max-width: 750px) {
	.worksVoiceArticleBottomBody .text1 {
		font-size: 2rem;
	}
}
.worksVoiceArticleBottomBody .text2 {
	color: #282828;
}
.worksVoiceArticleBottomBody .btn1 {
	color: #282828;
	border: 1px solid #282828;
}
.worksVoiceArticleBottomBody .btn1::after {
	display: none;
}
.worksVoiceArticleBottomBody .btn1::before {
	content: '';
	width: 16px;
	height: 11px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
}
@media screen and (min-width: 751px) {
	.worksVoiceArticleBottomBody .btn1 {
		transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.worksVoiceArticleBottomBody .btn1:hover {
		background-color: #282828;
		color: #fff;
	}
	.worksVoiceArticleBottomBody .btn1:hover::before {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%);
	}
}


/*----------------------------------------------------------------------------
	news/blog
----------------------------------------------------------------------------*/
.newsListBody .border.l2r, .blogList2Body .border.l2r {
	display: none;
}
/*----------------------------------------------------------------------------
	event
----------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
	#event .eventList2 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#event .eventList2 li {
		width: 47%;
		margin-bottom: 30px;
	}
}
#event .eventList2 a {
	position: relative;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}
#event .eventList2 .thumb {
	width: 100%;
	height: 248px;
	margin-right: 0;
	margin-bottom: 20px;
	position: relative;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
	#event .eventList2 .thumb {
		height: 105px;
		margin-bottom: 10px;
	}
}
#event .eventList2 .infoWrap {
	width: 100%;
}
#event .eventList2 .infoWrap .info {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	background: none;
}
#event .eventList2 .open {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	letter-spacing: normal;
}
#event .eventList2 .open.-end,
#event .eventList2 .open.-accepting {
	display: flex;
}
#event .eventList2 .open.-end::before,
#event .eventList2 .open.-accepting::before {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
}
@media screen and (max-width: 750px) {
	#event .eventList2 .open.-end::before,
	#event .eventList2 .open.-accepting::before {
		width: 40px;
		font-size: 1rem;
	}
}
#event .eventList2 .open.-end::before {
	content: '終了';
	background-color: #000;
}
#event .eventList2 .open.-accepting::before {
	white-space: pre;
	color: #000;
	content: '予約\A受付中';
	background-color: #D8CABC;
}
#event .eventList2 .date {
	flex: 1;
	font-size: 1.4rem;
	background-color: rgba(39, 36, 33, 0.7);
	padding-top: 9px;
	padding-bottom: 9px;
	margin-right: 0;
	text-align: center;
}
@media screen and (max-width: 750px) {
	#event .eventList2 .date {
		font-size: 1rem;
	}
}
#event .eventList2 .date.-red {
	background-color: rgba(39, 36, 33, 0.7);
}
#event .eventList2 .cat,
#event .eventList2 .reserve {
	font-size: 1.4rem;
	color: rgba(39, 36, 33, 0.8);
	margin-right: 0;
}
@media screen and (max-width: 750px) {
	#event .eventList2 .cat,
	#event .eventList2 .reserve {
		font-size: 1rem;
	}
}
#event .eventList2 .cat.iconCat::before,
#event .eventList2 .reserve::before {
	content: '＃';
	font-size: 1.4rem;
	color: rgba(39, 36, 33, 0.8);
	width: auto;
	height: auto;
	margin-right: 3px;
	vertical-align: baseline;
	background-image: none;
}
#event .eventList2 .address {
	display: flex;
	align-items: flex-end;
	font-size: 1.4rem;
	font-weight: 500;
	color: rgba(39, 36, 33, 0.85);
	margin-top: 10px;
}
@media screen and (max-width: 750px) {
	#event .eventList2 .address {
		align-items: center;
		margin-top: 5px;
		font-size: 1rem;
	}
}
#event .eventList2 .iconAddress::before {
	width: 12px;
	height: 18px;
	filter: brightness(0) saturate(100%) invert(52%) sepia(7%) saturate(94%) hue-rotate(2deg) brightness(92%) contrast(95%);
}
#event .eventList2 .title {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1.6rem;
	border: none;
}
@media screen and (max-width: 750px) {
	#event .eventList2 .title {
		margin-top: 5px;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 750px) {
	.eventArticleInfo {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.eventArticleInfo .infoWrap {
		display: inline-block;
		margin: 0;
	}
	.eventArticleInfo .info {
		width: auto;
	}
}
.eventArticleInfo .date.-red, .eventArticleInfo .info.-red {
	color: #000;
	background-color: #d8cabc;
}
@media screen and (max-width: 750px) {
	.eventArticleInfo .date.-red {
		margin-right: calc(100% - 90px);
	}
}
.eventArticleInfo .cat,
.eventArticleInfo .info {
	margin: 0 10px 0 0;
	color: rgba(39, 36, 33, 0.8);
	background: none;
	padding: 0;
	font-weight: 500;
	font-size: 1.4rem;
	white-space: nowrap;
}
@media screen and (max-width: 750px) {
	.eventArticleInfo .cat {
		margin: 0;
	}
}
.eventArticleInfo .cat::before,
.eventArticleInfo .info::before {
	content: '＃';
    font-size: 1.4rem;
    color: rgba(39, 36, 33, 0.8);
    width: auto;
    height: auto;
    margin-right: 3px;
    vertical-align: baseline;
    background-image: none;
}
.eventArticleInfo .address {
	margin-left: 30px;
	font-size: 1.4rem;
	font-weight: 500;
	color: rgba(39, 36, 33, 0.8);
}
@media screen and (max-width: 750px) {
	.eventArticleInfo .address {
		margin-left: 0;
		padding-left: 0;
	}
}
.eventArticleInfo .address::before {
	width: 12px;
    height: 18px;
    margin-right: 5px;
	filter: brightness(0) saturate(100%) invert(52%) sepia(7%) saturate(94%) hue-rotate(2deg) brightness(92%) contrast(95%);
}
.eventArticleBtn > .btn1 {
	color: #000;
	background-color: #D8CABC;
}
.eventArticleBtn > .btn1::before {
    content: '';
    width: 16px;
    height: 11px;
    background-image: url(../images/common/icon_arr-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    border: none;
}
@media screen and (min-width: 751px) {
	.eventArticleBtn > .btn1 {
		border-left: 1px solid #D8CABC;
		border-right: 1px solid #D8CABC;
	}
	.eventArticleBtn > .btn1::after {
		display: none;
	}
	.eventArticleBtn > .btn1:hover {
		background-color: #fff;
	}
}
@media screen and (max-width: 750px) {
	.eventArticleBtn {
		position: static;
	}
}
@media screen and (min-width: 751px) {
	.eventArticleTitle {
		border-color: #ccc;
	}
}
@media screen and (max-width: 750px) {
	.eventArticleTitle .title {
		border-color: #ccc;
	}
}
.eventArticle .pageInfo p .title {
    color: #272421;
    background-color: #d8cabc;
}
.eventArticle .pageInfo p .body {
	background-color: #f1ede9;
}
.titleBox .border {
	display: none;
}
#event .pageInner {
	background: #f4f1ec;
}
/*----------------------------------------------------------------------------
	company
----------------------------------------------------------------------------*/
#company .inner {
	max-width: 1120px;
	padding-right: 10px;
	padding-left: 10px;
}
@media screen and (max-width: 750px) {
	#company .inner {
		padding-right: 20px;
		padding-left: 20px;
	}
}
#company .pageVisual {
	height: 540px;
	background-image: url(../images/company/mv_dev.jpg);
}
@media screen and (max-width: 750px) {
	#company .pageVisual {
		height: 66.66vw;
	}
}
#company .pageInfo {
	max-width: 1000px;
	margin: 0 auto;
}
#company #about + .pageInfo {
	margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
	#company #about + .pageInfo {
		margin-bottom: 70px;
	}
}
#company #about + .pageInfo p {
	display: flex;
	padding: 10px 0;
	margin: 0;
	border-top: 1px solid #e9e9e8;
}
@media screen and (max-width: 750px) {
	#company #about + .pageInfo p {
		padding: 15px 0;
	}
}
#company #about + .pageInfo p:last-child {
	border-bottom: 1px solid #e9e9e8;
}
#company #about + .pageInfo p.long {
	display: flex;
}
@media screen and (max-width: 750px) {
	#company #about + .pageInfo p.long {
		flex-direction: column;
	}
}
#company #about + .pageInfo p.long .title {	
	width: 250px;
	color: #272421;
	font-size: 1.6rem;
	font-weight: 500;
	background: #fff;
}
@media screen and (max-width: 750px) {
	#company #about + .pageInfo p.long .title {	
		width: 100%;
		padding: 0 0 10px 0;
		font-size: 1.4rem;
	}
}
#company #about + .pageInfo p.long .body {
	width: calc(100% - 250px);
	font-size: 1.6rem;
	background: #fff;
}
@media screen and (max-width: 750px) {
	#company #about + .pageInfo p.long .body {
		width: 100%;
		padding: 0;
		font-size: 1.4rem;
	}
}
#company .map {
	margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
	#company .map {
		margin-bottom: 70px;
	}
}
#company .map iframe {
	height: 550px;
}
@media screen and (max-width: 750px) {
	#company .map iframe {
		height: 350px;
	}
}
#company #history + .pageInfo {	
	margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
	#company #history + .pageInfo {	
		margin-bottom: 70px;
	}
}
#company #history + .pageInfo p {
	position: relative;
	display: flex;
	padding: 0;
	margin: 0;
}
#company #history + .pageInfo p:not(:last-child) {
	padding: 0 0 50px 0;
}
#company #history + .pageInfo p:not(:last-child)::before {
	position: absolute;
	top: 0;
	left: 99px;
	width: 2px;
	height: 100%;
	background: #cebaa4;
	z-index: -1;
	content: '';
}
@media screen and (max-width: 750px) {
	#company #history + .pageInfo p:not(:last-child)::before {
		left: 20px;
	}
}
#company #history + .pageInfo p.long {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	z-index: 2;
}
@media screen and (max-width: 750px) {
	#company #history + .pageInfo p.long {
		flex-direction: column;
	}
}
#company #history + .pageInfo p.long .title {
	position: relative;
	width: 200px;
	padding: 0;
	color: #cebaa4;
	font-size: 2rem;
	font-weight: 400;
	text-align: center;
	background: #fff;
	line-height: 4.6rem;
	border-radius: 5rem;
	border: 1px solid #cebaa4;
}
@media screen and (max-width: 750px) {
	#company #history + .pageInfo p.long .title {
		width: 120px;
		font-size: 1.4rem;
		line-height: 3rem;
	}
}
#company #history + .pageInfo p.long .body {
	width: calc(100% - 250px);
	padding: 15px 0 0 0;
	font-size: 1.6rem;
	background: #fff;
}
@media screen and (max-width: 750px) {
	#company #history + .pageInfo p.long .body {
		width: auto;
		margin-left: 40px;
		font-size: 1.4rem;
	}
}

/*----------------------------------------------------------------------------
	staff
----------------------------------------------------------------------------*/
#staff .pageVisual {
	height: 540px;
	background-image: url(../images/company/mv_dev.jpg);
}
@media screen and (max-width: 750px) {
	#staff .pageVisual {
		height: 66.66vw;
	}
}
#staff .pageDesc {
	padding: 35px 0 100px 0;
}
#staff .pageDesc:before {
	content: none;
}
#staff .pageDesc .pageDescText {
	color: #000;
	text-align: center;
}
#staff .modalInner {
	max-width: 100%;
	padding: 0;
	top: 0;
	left: 0;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
#staff .modalStaffList .pageInfo {
	border-bottom: 1px solid #e9e9e8;
}
#staff .modalStaffList .pageInfo p {
	display: flex;
	padding: 10px 0;
	margin: 0;
	border-top: 1px solid #e9e9e8;
}
@media screen and (max-width: 750px) {
	#staff .modalStaffList .pageInfo p {
		padding: 15px 0;
	}
}
#staff .modalStaffList .pageInfo p .title {
	width: 250px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	background:transparent;
}
@media screen and (max-width: 750px) {
	#staff .modalStaffList .pageInfo p .title {
		width: 100%;
		padding: 0 0 10px 0;
		font-size: 1.4rem;
	}
}
#staff .modalStaffList .pageInfo p .body {
	width: calc(100% - 250px);
	color: #FFF;
	font-size: 1.6rem;
	background: transparent;
}
@media screen and (max-width: 750px) {
	#staff .modalStaffList .pageInfo p .body {
		width: 100%;
		padding: 0;
		font-size: 1.4rem;
	}
}

/*----------------------------------------------------------------------------
	spec
----------------------------------------------------------------------------*/
#spec .pageVisual {
	background-image: url(../images/spec/mv_dev.jpg);
}
#spec .specTabList {
	top: 0;
}
@media screen and (max-width: 750px) {
	#spec .specTabList {
		padding-top: 0;
		border-top: none;
	}
}
#spec .tabList li a {
	background: #fff;
	border-color: #282828;
}
#spec .tabList li a.-active {
	background: #282828;
}
#spec .titleBox {
	margin: 0 0 50px 0;
}
@media screen and (max-width: 750px) {
	#spec .titleBox {
		height: auto;
		margin: 0 0 25px 0;
	}
}
#spec .titleBox .titleBoxText .anton {
	font-style: italic;
	font-weight: 700!important;
}
#spec .titleBox .titleBoxText .sub {
	font-weight: 500;
}
#spec .specText {
	font-size: 1.6rem;
}
@media screen and (max-width: 750px) {
	#spec .specText {
		font-size: 1.4rem;
	}
}
#spec .specContents1:not(#sec1) {
	margin-top: 120px;
	padding-top: 100px;
	border-top: 1px solid #e9e9e8;
}
@media screen and (max-width: 750px) {
	#spec .specContents1:not(#sec1) {
		margin-top: 70px;
		padding-top: 50px;
	}
}
#spec .specList li figcaption {
	font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
	#spec .specList li figcaption {
		font-size: 1.2rem;
	}
}
#spec .specList {
	margin-bottom: 0;
}

/*----------------------------------------------------------------------------
	forOwners
----------------------------------------------------------------------------*/
#forOwners .pageDesc {
	display: block;
	background: none;
}
#forOwners .pageDesc::before {
	display: none;
}
#forOwners .anton {
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
}
#forOwners .pageDescText {
	color: #d8caba;
	text-align: center;
}
#forOwners .pageDescText .anton {
	font-style: italic;
	font-weight: 700!important;
}
@media screen and (max-width: 750px) {
	#forOwners .pageDescText .anton {
		font-size: 2.5rem;
	}
}
#forOwners .ownersPageDesc2 .pageDescText {
	margin-bottom: 25px;
}
#forOwners .ownersList{
	display: block;
}
#forOwners .ownersList > li {
	width: 100%;
}
#forOwners .ownersList .icon {
	display: none;
}
#forOwners .ownersList .title {
	margin-bottom: 20px;
	line-height: 1.2;
}
#forOwners .ownersList .title .en {
	font-size: 3.8rem;
	font-style: italic;
	font-weight: 700!important;
}
@media screen and (max-width: 750px) {
	#forOwners .ownersList .title .en {
		font-size: 2.8rem;
	}
}
#forOwners .ownersList .title .sub {
	display: block;
	padding: 0;
	font-weight: 700;
}
@media screen and (max-width: 750px) {
	#forOwners .ownersList .title .sub {
		font-size: 1.3rem;
	}
}
#forOwners .ownersList .title .sub::before {
	display: none;
}
#forOwners .ownersList .bodyInner {
	max-width: 1000px;
	text-align: center;
}
@media screen and (max-width: 750px) {
	#forOwners .ownersList .bodyInner {
		padding: 20px;
	}
}
#forOwners .ownersList .desc {
	min-height: initial;
}
@media screen and (max-width: 750px) {
	#forOwners .ownersList .desc {
		font-size: 1.3rem;
	}
}
#forOwners .ownersList a {
	display: inline-block;
}
#forOwners .ownersList a:hover {
	opacity: 1;
}
#forOwners .ownersList a:after {
	display: none;
}
#forOwners .ownersList a::before {
	content: '';
    width: 16px;
    height: 11px;
    background-image: url(../images/common/icon_arr-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    border: none;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%);
}
@media screen and (min-width: 751px) {	
	#forOwners .ownersList a {
		transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);	
	}
	#forOwners .ownersList a:hover {
		background: #fff;
	}
	#forOwners .ownersList a:hover::before {
		filter: none;
	}
}
@media screen and (max-width: 750px) {
	#forOwners .ownersList a {
		width: 53.33vw;
        height: 12vw;
        padding: 4vw;
        font-size: 3.2vw;
	}
	#forOwners .ownersList a::before {
		width: 2.933vw;
		height: 2vw;
	}
}
@media screen and (max-width: 750px) {
	#forOwners .ownersList .img {
		height: 250px;
	}
	#forOwners .ownersList .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}
}

/*----------------------------------------------------------------------------
	contact
----------------------------------------------------------------------------*/
#contact .bg1 {
	background: none;
}
#contact .contactBox {
	border: none;
	background-color: #f4f1ec;
}
@media screen and (min-width: 751px) {
	#contact .contactBox {
		margin: 80px 0;
	}
	#contact .contactBox .img img {
		max-width: 460px;
	}
	#contact .contactBox .imgWrap {
		padding: 0;
		margin: -50px 0 -50px 30px;
	}
	#contact .contactBox .infoInner {
		max-width: 400px;
	}
	#contact .contactBox .heading3 {
		font-size: 2.4rem;
	}
	#contact .contactBox .infoInner .notes {
		font-size: 1.6rem;
	}
}
#contact .contactPhoneBox {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 880px;
	margin: 0 auto 50px auto;
	padding: 15px;
	border: 1px solid #52504d;
}
@media screen and (max-width: 750px) {
	#contact .contactPhoneBox {
		display: block;
		text-align: center;
	}
}
#contact .contactPhoneBox .heading3 {
	margin: 0 15px 0 0;
	font-size: 2.4rem;
}
@media screen and (max-width: 750px) {
	#contact .contactPhoneBox .heading3 {
		margin: 0;
		font-size: 1.7rem;
	}
}
#contact .contactPhoneBox .tel {
	font-size: 4.6rem;
}
@media screen and (max-width: 750px) {
	#contact .contactPhoneBox .tel {
		font-size: 3.8rem;
	}
}
#contact .contactPhoneBox .date {
	font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
	#contact .contactPhoneBox .date {
		margin-top: 10px;
	}
}
#banner_event span {
	font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
}


/*----------------------------------------------------------------------------
	showroom
----------------------------------------------------------------------------*/
@media screen and (min-width: 751px) {
	#modelShowroom {
		padding-right: 90px;
	}
}
#modelShowroom .pageDesc {
	display: none;
}
#modelShowroom .modelList .title .main {
	font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
}
.single #modelShowroom .pageDesc {
	display: block;
}
.single #modelShowroom .pageDesc::before {
	display: none;
}
.single #modelShowroom .pageInner > .pageDesc .pageDescText {
	color: #272421;
	text-align: center;
}
#modelShowroom .pageInfo {
	max-width: 1000px;
	margin: 0 auto;
}
#modelShowroom .pageInfo p {
	display: flex;
	padding: 10px 0;
	margin: 0;
	border-top: 1px solid #e9e9e8;
}
@media screen and (max-width: 750px) {
	#modelShowroom .pageInfo p {
		padding: 15px 0;
	}
}
#modelShowroom .pageInfo p:last-child {
	border-bottom: 1px solid #e9e9e8;
}
#modelShowroom .pageInfo p {
	display: flex;
}
@media screen and (max-width: 750px) {
	#modelShowroom .pageInfo p {
		flex-direction: column;
	}
}
#modelShowroom .pageInfo p .title {	
	width: 250px;
	color: #272421;
	font-size: 1.6rem;
	font-weight: 500;
	background: #fff;
}
@media screen and (max-width: 750px) {
	#modelShowroom .pageInfo p .title {	
		width: 100%;
		padding: 0 0 10px 0;
		font-size: 1.4rem;
	}
}
#modelShowroom .pageInfo p .body {
	width: calc(100% - 250px);
	font-size: 1.6rem;
	background: #fff;
}
@media screen and (max-width: 750px) {
	#modelShowroom .pageInfo p .body {
		width: 100%;
		padding: 0;
		font-size: 1.4rem;
	}
}

/*----------------------------------------------------------------------------
	support
----------------------------------------------------------------------------*/
#support .pageVisual {
	background: url(../images/support/mv_top.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

#support .pageDesc::before {
	display: none;
}
#support .brandlistDesc {
	padding-top: 0;
	padding-bottom: 100px;
}
@media screen and (max-width: 750px) {
	
	#support .brandlistDesc {
		padding-bottom: 50px;
	}
	
	#support .pageText1 {
		margin-top: 0;		
	}
}
/*----------------------------------------------------------------------------
	brand
----------------------------------------------------------------------------*/
@media screen and (min-width: 751px) {
	#brand,
	#brandlist {
		padding-right: 90px;
	}
}
#brand .pageVisual,
#brandlist .pageVisual {
	background: url(../images/brandlist/mv_top.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
#brand .pageDesc::before,
#brandlist .pageDesc::before {
	display: none;
}
#brand .brandlistDesc,
#brandlist .brandlistDesc {
	padding-top: 0;
	padding-bottom: 100px;
}
@media screen and (max-width: 750px) {
	#brand .brandlistDesc,
	#brandlist .brandlistDesc {
		padding-bottom: 50px;
	}
	#brand .pageText1,
	#brandlist .pageText1 {
		margin-top: 0;		
	}
}
#brand .brandItems {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
	#brand .brandItems {
		justify-content: flex-start;
		flex-direction: column-reverse!important;
	}
}
#brand .brandItems .inner {
	z-index: 2;	
}
@media screen and (max-width: 750px) {
	#brand .brandItems .inner {
		width: 100%;
	}
}
#brand .brandItems {
	margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
	#brand .brandItems {
		margin-bottom: 70px;
	}
}
#brand .brandItems::before {
	position: absolute;
	top: 55px;
	left: 0;
    display: block;
	width: calc(100% - 125px);
	height: 100%;
	background-color: #f1ede7;
	content: '';
}
@media screen and (max-width: 1000px) {
	#brand .brandItems::before {
		width: 95%;
	}
}
@media screen and (max-width: 750px) {
	#brand .brandItems::before {
		top: 30px;
	}
}
#brand .brandItemsLink {
	position: relative;
	display: block;
	z-index: 2;
}
@media screen and (max-width: 1000px) {
	#brand .brandItemsLink {
		width: 100%;
		margin-top: 40px;
	}
}
@media screen and (max-width: 750px) {
	#brand .brandItemsLink {
		margin-top: 20px;
	}
}
#brand .brandItemsLink::after {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: url(../images/common/icon_arr-right.png) no-repeat center center/16px auto #fff;
	content: '';
}
@media screen and (max-width: 750px) {
	#brand .brandItemsLink::after {
		right: 10px;
		bottom: 10px;
		width: 40px;
		height: 40px;
	}
}
#brand .brandItemsContent {
	padding-top: 150px;
	width: 390px;
}
@media screen and (min-width: 1500px) {
	#brand .brandItemsContent {
		margin-left: -30px;
	}
}
@media screen and (max-width: 750px) {
	#brand .brandItemsContent {
		padding-top: 75px;
		width: 100%;
	}	
}
#brand .brandItemsTitle {
	margin-bottom: 40px;
	color: #c1ab92;
	font-size: 2.8rem;
	font-weight: 700;
}
@media screen and (max-width: 750px) {
	#brand .brandItemsTitle {
		margin-bottom: 20px;
		font-size: 2rem;
	}
}
#brand .brandItemsDescText {
	font-size: 3.6rem;
	font-weight: 500;
	line-height: 1.55;
}
@media screen and (max-width: 750px) {
	#brand .brandItemsDescText {
		font-size: 3rem;
	}
}
#brand .brandItemsTag {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 40px;
}
@media screen and (max-width: 750px) {
	#brand .brandItemsTag {
		gap: 5px;
		margin-top: 20px;
	}
}
#brand .brandItemsTag li {
	padding: 5px;
	color: rbga(39,36,33,.8);
	font-size: 1.6rem;
	background-color: #fff;
}
@media screen and (max-width: 750px) {
	#brand .brandItemsTag li {
		font-size: 1.3rem;
	}
}
#brand .brandItemsTag li::before {
	content: "＃ ";
}
#brand .brandItems.-reverse {
	flex-direction: row;
}
#brand .brandItems.-reverse::before {
	left: auto;
	right: 0;
}
@media screen and (min-width: 1500px) {
	#brand .brandItems.-reverse .brandItemsContent {
		margin: 0 -30px 0 0;		
	}
}
@media screen and (max-width: 750px) {
	#brand .brandItems.-reverse .brandItemsContent {
		padding-left: 20px;
	}	
}
#brand .brandlistSec1 {
	margin-top: 200px;
}
@media screen and (max-width: 750px) {
	#brand .brandlistSec1 {
		margin-top: 100px;
	}
}
/*#brandlist .movie {
	padding: 80px 0;
	background-color: #f1ede7;
}
@media screen and (max-width: 750px) {
	#brandlist .movie {
		padding: 40px 0;
	}
}
#brandlist .movie .brandlistTitle2 {
	margin-top: -110px;
    margin-bottom: 60px;
	font-size: 4.8rem;
}
@media screen and (max-width: 750px) {
	#brandlist .movie .brandlistTitle2 {
		margin-top: -55px;
	    margin-bottom: 30px;
		font-size: 3.2rem;
	}
}
#brandlist .movie .brandlistTitle2 .anton {
	font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-weight: 600 !important;
}*/
@media screen and (max-width: 750px) {
	#brandlist .pageVisual {
		height: 370px;
	}
}
#brandlist .pageVisual .pageVisualCopy {
	position: absolute;
    top: 150px;
    left: 80px;
    color: #fff;
    font-size: 4rem;
    font-weight: 500;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
@media screen and (max-width: 750px) {
	#brandlist .pageVisual .pageVisualCopy {
		top: 70px;
	    left: 20px;
	    font-size: 2.4rem;
	}
}
.page-id-50846 #brandlist .pageVisual .pageVisualCopy {
	font-size: 3.8rem;
}
@media screen and (max-width: 750px) {
	.page-id-50846 #brandlist .pageVisual .pageVisualCopy {
		font-size: 2rem;
	}
	#brandlist .page-brand-history .brandlistList {
		padding-bottom: 0;
	}
}
#brandlist .tabList.brandlistTabList {
	top: 0;
	margin-top: 50px;
}
@media screen and (max-width: 750px) {
	#brandlist .tabList.brandlistTabList {
		margin-top: 25px;
		padding-top: 0;
	}
	#brandlist .tabList.brandlistTabList::before {
		display: none;
	}
}
#brandlist .tabList li a {
	border-color: #272421;
	background-color: #fff;
	background-image: none;
}
#brandlist .tabList li a .anton {
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
#brandlist .tabList li a.-active {
	background-color: #272421;
}
#brandlist .tabList li a::before {
	background-color: #272421;
}
@media screen and (min-width: 751px) {
	#brandlist .tabList a.-active::after {
		content: "";
	    display: block;
	    position: absolute;
	    z-index: 0;
	    left: 50%;    
		top: 100%;
		width: 14px;
		height: 7px;
		margin-left: -5px;
		border: none;
		background-color: #272421;
		clip-path: polygon(0 0, 50% 100%, 100% 0);
		content: '';
	}
}
.brandlistTitle {
	padding-top: 0;
	padding-bottom: 10px;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.5;
}
@media screen and (max-width: 750px) {
	.brandlistTitle {
		padding-bottom: 5px;
		font-size: 1.4rem;
	}
}
.brandlistTitle .en {
	display: block;
	font-size: 3.6rem;
}
@media screen and (max-width: 750px) {
	.brandlistTitle .en {
		font-size: 3rem;
	}
}
.brandlistTitle .en.anton {
	font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: 700!important;
}
.page-id-50818 .brandlistSpace1 { display: none; }
#brandlist .brandlistSpace1 {
	padding-top: 65px;
}
#brandlist .brandHistoryTitle {
	display: block;
	width: 100%;
	margin-top: -.5em;
	color: #000;
	font-size: 15.5rem;
	line-height: 1;
	text-align: center;
}
@media screen and (max-width: 750px) {
	#brandlist .brandHistoryTitle {
		font-size: 9rem;
	}
}
#brandlist .page-brand-history .brandlistText1 {
	padding-top: 60px;
}
@media screen and (max-width: 750px) {
	#brandlist .brandlistSpace1 {
		padding-top: 30px;
	}
}
@media screen and (min-width: 751px) {
	.brandlistText1 {
		text-align: center;
	}
}
.brandlistText2 {
	padding-bottom: 80px;
	font-size: 1.6rem;
	text-align: center;
}
@media screen and (max-width: 750px) {
	.brandlistText2 {
		padding-bottom: 60px;
		font-size: 1.4rem;
		text-align: left;
	}
}
.brandlistItem {
	align-items: center;
}
@media screen and (max-width: 750px) {
	.brandlistItem {
		margin-bottom: 40px;
	}
}
.brandlistItem .box .title {
	font-size: 3.8rem;
    color: #cebaa4;
}
@media screen and (max-width: 750px) {
	.brandlistItem .box .title {
		font-size: 3rem;
	}
}
.brandlistItem .box .title .anton {
	font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    font-style: italic;    
}
.brandlistItem .brandlistText1 {
	font-size: 2.4rem;
	text-align: left;
}
@media screen and (max-width: 750px) {
	.brandlistItem .brandlistText1 {
		font-size: 1.7rem;
	}
}
.brandlistItem .brandlistText2 {
	text-align: left;
	padding-bottom: 0;
}
@media screen and (min-width: 751px) {
	.brandlistItem .boxInner {
		max-width: 500px;
	}	
}
.brandlistItem .btn1 span.anton {
	font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
}
.brandlistItem .btn1::before {
	content: '';
    width: 16px;
    height: 11px;
    background-image: url(../images/common/icon_arr-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    border: none;
}
@media screen and (min-width: 751px) {
	.brandlistItem .btn1:hover::before {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%);
	}
}
@media screen and (max-width: 750px) {
	.brandlistItem .btn1::before {
		width: 2.933vw;
		height: 2vw;
	}
}
.brandlistSec1 {
	margin-top: 150px;
	margin-bottom: 0;
	padding-bottom: 0;
}
@media screen and (max-width: 750px) {
	.brandlistSec1 {
		margin-top: 70px;
	}
}
.brandlistTitleWrap {
	margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
	.brandlistTitleWrap {
		margin-bottom: 20px;
	}
}
.brandlistTitleWrap:not(:first-of-type) {
	margin-top: 200px;
}
@media screen and (max-width: 750px) {
	.brandlistTitleWrap:not(:first-of-type) {
		margin-top: 100px;
	}
}
.brandlistTitleWrap .inner {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.brandlistTitle2 {
	margin: 0;
	top: 0;
	font-size: 3.8rem;
    font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-weight: 600 !important;
    font-style: italic;
    color: #cebaa4;
    padding-bottom: 0;
    letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
	.brandlistTitle2 {
		font-size: 3rem;
	}
}
.brandlistSec1 .btn1.-bk {
	width: auto;
    height: auto;
    color: #272421;
    padding-top: 0;
    padding-right: 44px;
    padding-bottom: 0;
    padding-left: 0;
    border: none;
}
@media screen and (max-width: 750px) {
	.brandlistSec1 .btn1.-bk {
		padding-right: 25px;
	}
}
@media screen and (min-width: 751px) {
	.brandlistSec1 .btn1.-bk:hover {
		color: #272421;
		background: none;
		opacity: 0.65;
	}
	.brandlistSec1 .btn1.-bk:hover::before {
		filter: none;
	}
}
.brandlistSec1 .btn1.-bk::before {
	content: '';
    right: 0;
    width: 16px;
    height: 11px;
    background-image: url(../images/common/icon_arr-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    border: none;
}
.brandlistSec1 .btn1.-bk::after {
	display: none;
}
.brandlistSec1 .swiper-scrollbar {
	bottom: 0 !important;
	left: 50% !important;
	height: 4px;
	border-radius: 0;
	transform: translate(-50%, 0);
}
@media screen and (max-width: 750px) {
	.brandlistSec1 .swiper-scrollbar {
		transform: translate(0, 0);
	}
}
.brandlistSec1 .swiper-scrollbar .swiper-scrollbar-drag {
	height: 4px;
}
.brandlistTitleBox {
	margin-top: 140px!important;	
    font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-style: italic;
    color: #cebaa4;
    padding-bottom: 0;
    letter-spacing: 0.08em;
    background: none;
}
@media screen and (max-width: 750px) {
	.brandlistTitleBox {
		margin-top: 70px!important;
	}
}
.brandlistTitleBox .heading4 {
  font-size: 4.8rem;
  font-weight: 600 !important;
}
@media screen and (max-width: 750px) {
	.brandlistTitleBox .heading4 {
	  font-size: 3.2rem;
	}
}
.brandlistList3 {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.brandlistList3 a {
	position: relative;
	aspect-ratio: 450/400;
}
.brandlistList3 .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.brandlistList3 .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.brandlistList3 .img::before {
	display: none;
}
.brandlistList3 .text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.brandlistList3 .text p {
	font-size: 2.5rem;
}
@media screen and (max-width: 800px) {
	.brandlistList3 .text p {
		font-size: 1.5rem;
	}
}
.brandlistList2 li {
	position: relative;
	width: 50%;
	aspect-ratio: 675/280;
}
@media screen and (max-width: 750px) {
	.brandlistList2 li {
		width: 100%;
	}
}
.brandlistList2 li a {
	display: block;
}
.brandlistList2 li .main {
	font-size: 2.5rem;
}
@media screen and (max-width: 750px) {
	.brandlistList2 li .main {
		font-size: 2rem;
	}
}
.brandlistList2 li .sub {
	margin-top: 20px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.75;
}
@media screen and (max-width: 750px) {
	.brandlistList2 li .sub {
		margin-top: 10px;
		font-size: 1.4rem;
	}
}
.brandlistList2 .brandlistListTitlePanel .main {
	font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
    font-style: italic;
	font-size: 4.8rem;
  	font-weight: 600 !important;
  	line-height: 1;
}
@media screen and (max-width: 750px) {
	.brandlistList2 .brandlistListTitlePanel .main {
		font-size: 3.2rem;
	}
}
.brandlistList2 picture {
	display: block;
	width: 100%;
	height: 100%;
}
.brandlistList2 picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.brandlistList2 .brandlistListTitlePanel picture img {
	object-position: right bottom;
}

/*----------------------------------------------------------------------------
	estate
----------------------------------------------------------------------------*/
.estateArticle .pageInfo p .title {
    color: #272421;
    background-color: #d8cabc;
}
.estateArticle .pageInfo p .body {
	background-color: #f1ede9;
}
#content .tabList li a:not(.-active) {
	background: none;
}
#content .moreTitle {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	text-align: left;
    color: #cebaa4;
    margin-bottom: 35px;
    padding-bottom: 0;
    font-size: 3.8rem;
    line-height: 1;
}
@media screen and (max-width: 750px) {
	#content .moreTitle {
		font-size: 2.8rem;
	}
}
#content .moreTitle .anton {
	font-family: 'Raleway', sans-serif;
    font-optical-sizing: auto;
	font-weight: 600 !important;
    font-style: italic;
}


/*----------------------------------------------------------------------------
	first
----------------------------------------------------------------------------*/
#message .example_box:before,
#message .example_box:after {
	pointer-events: none;
}

/*----------------------------------------------------------------------------
	concept
----------------------------------------------------------------------------*/
#concept .pageVisual {
	height: 540px;
	background-image: url(../images/concept/mv_dev.jpg);
}
#concept .pageDesc {
	padding-top: 70px;
	padding-bottom: 80px;
	background: none;
	background-color: #fff;
}
#concept .pageDesc::before {
	content: none;
}
#concept .pageDescText {
	display: none;
}
#concept .pageText1 {
	margin-top: 0;
}
/*#concept .conceptTitle {
	display: none;
}*/

/*----------------------------------------------------------------------------
	flow
----------------------------------------------------------------------------*/
#flow .flowPageInner {
	padding-bottom: 120px;
}
#flow .inner {
	max-width: 1120px;
	padding-right: 10px;
	padding-left: 10px;
}
@media screen and (max-width: 750px) {
	#flow .inner {
		padding-right: 20px;
		padding-left: 20px;
	}
}
#flow .pageVisual {
	height: 540px;
	background-image: url(../images/flow/mv_dev.jpg);
}
#flow .pageDesc::before {
	content: none;
}
#flow .pageText1 {
	margin-top: 0;
}
#flow #secFlow {
	background: none;
}
#flow .flowItemImage {
	display: none;
}
#flow .flowinner {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	max-width: 1020px;
	padding-right: 10px;
	padding-left: 10px;
}
@media screen and (max-width: 750px) {
	#flow .flowinner {
		grid-template-columns: 1fr;
		padding-right: 20px;
		padding-left: 20px;
	}
}
@media screen and (max-width: 750px) {
	#flow .flowphoto {
		display: none;
	}
}
#flow .flowphoto-01 {
	position: relative;
	left: -175px;
	margin-bottom: 135px;
}
#flow .flowphoto-02 {
	position: relative;
	left: -90px;
	margin-bottom: 125px;
}
#flow .flowphoto-03 {
	position: relative;
	left: -175px;
	margin-bottom: 135px;
}
#flow .flowphoto-04 {
	padding-left: 30px;
	margin-bottom: 135px;
}
#flow .flowphoto-05 {
	position: relative;
	left: -175px;
}
#flow .flowItemLine {
	display: none;
}
@media screen and (min-width: 751px) {
	.flowItem:nth-child(even) .flowItemInner {
		padding-left: 0;
		top: 0;
	}
}
#flow .flowItem {
	min-height: 330px;
}
@media screen and (max-width: 750px) {
	#flow .flowItem {
		min-height: 240px;
	}
}
#flow .flowItem:last-child {
	min-height: auto;
}
@media screen and (min-width: 751px) {
	.flowItem:first-child .flowItemInner {
		padding-top: 0;
	}
}
@media screen and (min-width: 751px) {
	.flowItemInner {
		padding-bottom: 0;
	}
}
#flow .flowItemLabel {
	position: relative;
}
#flow .flowItemLabel::after {
	content: '';
	position: absolute;
	top: 70px;
	left: 22px;
	width: 2px;
	height: 240px;
	background-color: #cebaa4;
}
@media screen and (max-width: 750px) {
	#flow .flowItemLabel::after {
		top: 60px;
		left: 20px;
		height: 160px;
	}
}
#flow .flowItem:last-child .flowItemLabel::after {
	content: none;
}
@media screen and (min-width: 751px) {
	#flow .flowItemLabel {
		width: 75px;
		margin-right: 0;
		flex-basis: 75px;
	}
}
@media screen and (max-width: 750px) {
	#flow .flowItemLabel {
		width: 55px;
		margin-right: 0;
		flex-basis: 55px;
	}
}
#flow .flowItemLabelNumber {
	justify-content: flex-start;
	width: auto;
	height: auto;
	border: none;
	background: none;
}
#flow .flowItemLabelNumber span {
	font-size: 1.8rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 700 !important;
	font-style: italic;
	letter-spacing: 0;
	color: #cebaa4;
}
@media screen and (max-width: 750px) {
	#flow .flowItemLabelNumber span {
		font-size: 1.4rem;
	}
}
#flow .flowItemLabelNumber span.num {
	position: relative;
	top: -0.5rem;
	font-size: 4.4rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 700 !important;
	font-style: italic;
	letter-spacing: 0;
	color: #cebaa4;
}
@media screen and (max-width: 750px) {
	#flow .flowItemLabelNumber span.num {
		font-size: 3.8rem;
	}
}

@media screen and (min-width: 751px) {
	#flow .flowItemMain {
		width: auto;
		flex: 1;
	}
}
@media screen and (max-width: 750px) {
	.flowItemMain {
		width: auto;
		flex: 1;
		padding-bottom: 0;
	}
}
@media screen and (min-width: 751px) {
	#flow .flowItemMainHead {
		font-size: 2.4rem;
		font-weight: 600;
		margin-top: 20px;
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 751px) {
	#flow .flowItemMainText {
		font-size: 1.6rem;
		line-height: 1.75;
	}
}
@media screen and (max-width: 750px) {
	#flow .flowStudy {
		margin-right: 0;
		margin-left: 0;
	}
}
#flow .flowStudy_dev {
	background: url(../images/flow/sec_bg2_dev.jpg) center center no-repeat;
	background-size: cover;
}
#flow .flowStudy_dev .inner {
	padding-top: 120px;
	padding-bottom: 115px;
}
@media screen and (max-width: 750px) {
	#flow .flowStudy_dev .inner {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
#flow .flowStudyHead {
	height: auto;
	background: none;
	margin-top: 0;
	margin-bottom: 55px;
}
@media screen and (max-width: 750px) {
	#flow .flowStudyHead {
		margin-bottom: 40px;
	}
}
#flow .flowStudyHeadInner .title {
	font-size: 3.5rem;
	font-weight: 600;
	color: #272421;
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 15px;
	text-align: center;
}
@media screen and (max-width: 750px) {
	#flow .flowStudyHeadInner .title {
		font-size: 2.4rem;
	}
}
#flow .flowStudyHeadInner .title::before,
#flow .flowStudyHeadInner .title::after {
	content: none;
}
#flow .flowStudyHead .notes {
	font-size: 1.8rem;
	font-weight: 500;
	color: #272421;
	text-align: center;
}
@media screen and (min-width: 751px) {
	#flow .flowStudyHead .notes {
		margin-top: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 750px) {
	#flow .flowStudyHead .notes {
		position: static;
		margin-top: 0;
	}
}
#flow .flowStudyBody .text {
	font-size: 2.4rem;
	font-weight: 500;
	color: #272421;
	line-height: 1.583;
	text-align: center;
	margin-bottom: 15px;
}
@media screen and (max-width: 750px) {
	#flow .flowStudyBody .text {
		font-size: 2.2rem;
	}
}
#flow .flowStudyBody .pageText1 {
	font-size: 1.6rem;
	font-weight: 400;
	color: #272421;
	margin-right: 0;
	margin-left: 0;
	text-align: center;
}
@media screen and (max-width: 750px) {
	#flow .flowStudyBody .pageText1 {
		font-size: 1.4rem;
		text-align: left;
	}
}
#formBg {
	display: none;
}
#flow .titleBoxWrap {
	padding-top: 140px;
}
@media screen and (max-width: 750px) {
	#flow .titleBoxWrap {
		padding-top: 60px;
	}
}
#flow .titleBoxWrap .titleBox {
	background: transparent;
}
#flow .flowContentInner {
	padding-top: 60px;
}
@media screen and (max-width: 750px) {
	#flow .flowContentInner {
		padding-top: 40px;
	}
}
#flow .wpcf7-form [type="text"],
#flow .wpcf7-form [type="email"],
#flow .wpcf7-form [type="password"],
#flow .wpcf7-form select,
#flow .wpcf7-form textarea {
	background: #e9e9e8;
}


/*----------------------------------------------------------------------------
	CHALLENGES
----------------------------------------------------------------------------*/
#challenges .brandlistDesc {
	padding: 100px 0;
}
@media screen and (max-width: 750px) {
	#challenges .brandlistDesc {
		padding: 16vw 0;
	}
}
#challenges .pageDesc:before {
	content: none;
}
#challenges .pageDescText {
	color: #000;
	text-align: center;
}
#challenges .pageText1 {
	color: #000;
}
#challenges .-pageList {
	padding-top: 0;
}


/*----------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------*/
#footer {
	padding-bottom: 0;
}
@media screen and (max-width: 750px) {
	#footer {
		margin-bottom: 60px;
	}
}
#footerLogo {
	display: none;
}
@media screen and (min-width: 751px) {
	#footerInner {
		flex-direction: column-reverse;
	}
}
#footerContact {
	width: 100%;
	height: 410px;
	background-color: transparent;
	background-image: url('../images/common/footer_bg_add.jpg');
}
@media screen and (min-width: 751px) {
	#footerContact .infoWrap {
		margin-right: 0;
	}
}
@media screen and (max-width: 750px) {
	#footerContact {
		height: auto;
		padding-bottom: 8vw;
		background: url('../images/common/sp_footer_bg_add.jpg') no-repeat center center/cover;
	}
	#footerContact .contact,
	#footerContact .contact > div { 
		width: 100%;
	}
}
#footerContact .title {
	font-size: 3.8rem;
	font-family: 'Raleway', sans-serif;
	font-optical-sizing: auto;
	font-weight: 600!important;
	font-style: italic;
	color: #272421;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width: 750px) {
	#footerContact .title {
		font-size: 7.466vw;
	}
}
#footerContact .text {
	font-size: 1.6rem;
	color: #272421;
	text-align: center;
	margin-bottom: 25px;
}
@media screen and (max-width: 750px) {
	#footerContact .text {
		font-size: 3.2vw;
	}
}
#footerContact .btnWrap {
	text-align: center;
}
#footerContact .btn1 {
	font-size: 1.5rem;
	width: 220px;
	height: 52px;
	color: #272421;
	letter-spacing: 0;
}
@media screen and (max-width: 750px) {
	#footerContact .btn1 {
		width: 53.33vw;
		height: 12vw;
		padding: 4vw;
		font-size: 3.2vw;
	}
}
#footerContact .btn1.-bk {
	border-color: #272421;
}
@media screen and (min-width: 751px) {
	#footerContact .btn1.-bk:hover {
		color: #fff;
	}
}
#footerContact .btn1::before {
	top: 50%;
	right: 20px;
	width: 16px;
	height: 11px;
	background-image: url(../images/common/icon_arr-right.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	border: none;
}
@media screen and (min-width: 751px) {
	#footerContact .btn1.-bk:hover::before {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(306deg) brightness(103%) contrast(101%);
	}
}
@media screen and (max-width: 750px) {
	#footerContact .btn1::before {
		width: 2.933vw;
		height: 2vw;
	}
}
#footerContact .btn1.-bk::after {
	background-color: #272421;
}
#footerContact .btn1 span {
	font-family: 'Noto Sans JP', sans-serif;
}
#footerContact .contact .img {
	display: none;
}
#footerContact .logo {
	padding-top: 0;
	border-top: none;
	margin-top: 60px;
}
@media screen and (max-width: 750px) {
	#footerContact .logo {
		margin-top: 8vw;
	}
	#footerContact .logo {
		flex-direction: row;
		justify-content: space-between;
	}
	#footerContact .logo .parts:first-child {
		margin: 0;
	}
	#footerContact .logo .parts:first-child img {
        width: calc(109 / 750* 100vw);
        margin-right: 0;
	}
	#footerContact .logo .parts:last-child img {
        width: calc(148 / 750* 100vw);
        margin-right: 0;
	}
	#footerContact .logo .parts p {
		font-size: calc(17 / 750* 100vw);
		scale: .8;
		white-space: nowrap;
	}
}
#footerBox {
	width: 100%;
	height: 276px;
	background-color: #272421;
}
@media screen and (max-width: 750px) {
	#footerBox {
		padding: 7vw;
		height: 40vw;
	}
	#footerBox .text img {
		width: 38.13333333333333vw;
	}
	#footerBox .img {
		padding-right: 0;
	}
	#footerBox .img img {
		width: 19.733333333333334vw;
	}
	#footerBox .infoOuter {
		display: flex;
		justify-content: center;
		align-items: center;
		height: auto;
	}
	#footerBox .infoInner {
		padding-bottom: 0;
	}
}
#copyright {
	background-color: #272421;
	background-image: none;
}
@media screen and (max-width: 750px) {
	#copyright {
		padding-top: 0;
	}
}
#copyright small {
	font-size: 1.2rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 750px) {
	#copyright small {
		font-size: 1rem;
	}
}




#recruit .recruitTab p {
	display: flex;
}
#recruit .recruitTab p .main {
	width: auto;
	padding-right: 1.5em;
}
@media screen and (max-width: 750px) {
	#recruit .recruitTab p {
		flex-direction: column;
		align-items: center;
	}
	#recruit .recruitTab p .main {
		padding-right: 0;
		padding-bottom: 1.5em;
	}
	#recruit .recruitTab .main::before {
		top: initial;
		bottom: 0.5em;
		width: 1.5em;
		height: 1px;
		right: 50%;
		transform: translate(50%, 0);
	}
	#recruit .recruitTab .sub {
		padding-left: 0;
	}
}

/*----------------------------------------------------------------------------
	faq
----------------------------------------------------------------------------*/
@media screen and (min-width: 751px) {
	#faq {
		padding-right: 90px;
	}
}
#faq .inner {
	max-width: 1120px;
	padding-right: 10px;
	padding-left: 10px;
}
@media screen and (max-width: 750px) {
	#faq .inner {
		padding-right: 20px;
		padding-left: 20px;
	}
}
#faq .pageVisual {
	height: 540px;
	background-image: url(../images/works/mv_dev.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

}
@media screen and (max-width: 750px) {
	#faq .pageVisual {
		height: 66.66vw;
		background-image: url(../images/works/mv_dev_sp.jpg);
	}
}
/* FAQ 全体 */
.faq-wrap {
  max-width: 900px;
  margin: 60px auto;
  padding: 0 20px;
}

/* 質問部分 */
.faq-question {
  width: 100%;
  text-align: left;
  background: #fff;
  border: none;
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  color: #333;
  transition: color .3s;
}

/* 開閉アイコン */
.faq-icon {
  position: absolute;
  right: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: translateY(-50%) rotate(45deg);
  transition: transform .3s;
}

/* 開いたときのアイコン */
.faq-question.active .faq-icon {
  transform: translateY(-50%) rotate(-135deg);
}

/* 回答部分 */
.faq-answer {
  display: none;
  padding: 20px 0 30px;
  font-size: 16px;
  line-height: 1.8;
  color: #555;
  border-bottom: 1px solid #eee;
}