@charset "utf-8";

html {
	overflow-x: hidden;
}

#root {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background: #ffffff00;
}

:root{
	--fontA: "Roboto", sans-serif;
}

body {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto !important;
    width: 100%;
    -webkit-text-size-adjust: ('none' '100%' 'auto');
  	overflow-x: hidden;
    position: relative;
    background: url(../img/common/body_bg.jpg) repeat center;
    background-size: auto;
    color: #fff;
    letter-spacing: 0.05em;
  	opacity: 0;
  	transition: .3s;
    pointer-events: none;
}

body.active {
   opacity: 1;
   pointer-events: unset;
}

.telWrap {
    color: inherit;
}

.telWrap:hover {
    color: inherit;
    text-decoration: underline;
}

.hidden {
    overflow: hidden;
}

.opacity_hvr:hover {
    opacity: .7;
}

.cursol-pointer {
    cursor: pointer;
}

.fontA {
    font-family: var(--fontA);
    font-style: normal;
}

.fontB {
    font-family: var(--fontB);
    font-style: normal;
}

.inLink>a:hover {
    text-decoration: underline;
    color: #7B4039;
}

.paddingWr01 {
	padding: 0 15px;
}

.iconImg {
	display: block;
}

.iconImgHvr {
	display: none;
}

.inLink:hover .iconImg {
	display: none;
}

.inLink:hover .iconImgHvr {
	display: block;
}

.controlArea .carousel-item {
    display: block;
    opacity: 1;
}

.is-hidden {
    opacity: 0;
    visibility: hidden;
    transition: 0.5s !important;
}

.cmnIndicators01 {
    position: static;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    margin: 6px auto 0;
    transition: .3s all;
}

.hidden {
    overflow: hidden;
}

.navLink {
	text-decoration: none;
}

.navLink:hover {
	text-decoration: underline;
}

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

/*-- 共通パーツ --------------------------------------------------------------*/

/*-- タイトル・テキスト --*/

.coverEnTxt {
    font-family: var(--fontB);
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0.1em;
	line-height: 0.95em;
}

.coverJpTxt {
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1.45em;
}

.enTit01, .enTit02, .enTit03 {
    font-family: var(--fontA);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.25em;
}

.jpTit01 {
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.1em;
    line-height: 1.42em;
}

.jpTit02 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.42em;
}

.jpTit03 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.42em;
}


.msg01 {
    font-size: 20px;
    font-weight: 700;
  	letter-spacing: 0.05em;
    line-height: 1.45em;
}

.telNum {
  	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.15em;
}

.txt01 {
    font-size: 14px;
    font-weight: 600;
	line-height: 1.9em;
}

.txt02 {
    font-size: 14px;
    line-height: 1.6em;
}

.inTxt01 {
    font-size: 14px;
    font-weight: 500;
    line-height: 2em;
}

.introTxtBox > .txt01 br {
	display: none;
}

.titDeco {
	position: relative;
}

.titDeco:before {
    content: "";
    position: absolute;
    top: auto;
    right: 0;
    bottom: -90px;
  	left: 0;
    margin: auto;
    width: 1px;
    height: 70px;
  	z-index: 1;
}

.titDeco01:before {
  	background: url(../img/common/line_deco_brown.svg) no-repeat center;
    background-size: contain;
}

.titDeco02:before {
  	background: url(../img/common/line_deco_white.svg) no-repeat center;
    background-size: contain;
}

.txtDecoBox {
	position: relative;
	padding: 0 0 0 20px;
}

.txtDecoBox:before {
    content: "";
    position: absolute;
    top: auto;
  	left: 0;
    margin: auto;
    width: 1px;
    height: 70px;
  	z-index: 10;
  	background: url(../img/common/line_deco_white.svg) no-repeat center;
    background-size: contain;
}

/*-- ボタン --*/

.comBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.btn01 {
  	max-width: 286px;
  	width: 100%;
  	display: block;
  	padding: 0 5px 5px 0;
  	font-weight: 500;
  	font-size: 14px;
  	transition: all .3s;
  	position: relative;
}

.btn01:before {
  	content: "";
  	display: block;
  	width: calc(100% - 5px);
  	height: calc(100% - 5px);
  	position: absolute;
  	bottom: 0;
  	right: 0;
}

.btn01-inner {
  	width: 100%;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	padding: 11px 15px 11px;
  	box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
  	transition: all .3s;
  	position: relative;
}

.btn01-arrow .btn01-inner {
    padding: 11px 45px 11px;
}

.btn01-arrow .btn01-inner:before {
    content: "";
    display: block;
    max-width: 24px;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.btn01:hover .btn01-inner {
  	transform: translate(5px, 5px);
}

.btnYellow:before {
    background: #987D37;
}

.btnYellow .btn01-inner {
    color: #fff;
    background: #CCAA52;
}

.btnYellow.btn01-arrow .btn01-inner:before {
    background: url(../img/common/right_arrow01_white.svg) no-repeat center / contain;
}

.btnYellow:hover .btn01-inner {
	background: #987D37;
}

.btnBrown {
    color: #fff;
  	background: #513C30;
  	border: 1px solid #513C30;
}

.btnBrown:hover {
    color: #fff;
  	background: #7A0606;
  	border: 1px solid #7A0606;
    transition: all .3s;
}

.btnRed:before {
    background: #513C30;
}

.btnRed .btn01-inner {
    color: #fff;
    background: #980000;
}

.btnRed.btn01-arrow .btn01-inner:before {
    background: url(../img/common/right_arrow01_white.svg) no-repeat center / contain;
}

.btnRed:hover .btn01-inner {
    color: #fff;
	background: #7A0606;
}

.tel-btn:hover > .btn01-inner {
    transform: translate(0);
    background-color: #980000;
}

.btn02 {
  	max-width: 321px;
  	width: 100%;
    padding: 16px 15px;
    font-weight: 500;
    font-size: 14px;
  	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    transition: all .3s;
}

.menuBtnWr a {
	margin: 0 auto;
}

.linkMaskBox {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    transition: all 0.3s;
}

.btn03 {
    display: block;
    max-width: 320px;
    width: 100%;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.45em;
    padding: 4px;
    box-shadow: 0 3px 5px rgb(0 0 0 / 25%);
    transition: .3s;
}

.btn03-inner {
    display: flex;
    align-items: center;
    border: solid 1px;
    padding: 18px 14px 19px;
}

.btn03-arrow > .btn03-inner {
    padding: 18px 45px 19px 14px;
    position: relative;
}

.btn03-arrow > .btn03-inner:before {
    content: "";
    display: block;
    max-width: 22px;
    width: 100%;
    height: 7px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
}

.btn03-white {
    background: #fff;
    color: #513C30;
}

.btn03-white.btn03-arrow > .btn03-inner:before {
    background: url(../img/common/right_arrow01_brown.svg) no-repeat center / contain;
}

.btn03-white:hover {
    background: #776459;
    color: #fff;
}

.btn03-white.btn03-arrow:hover > .btn03-inner:before {
    background: url(../img/common/right_arrow01_white.svg) no-repeat center / contain;
}

/*-- 共通カラー --------------------------------------------------------------*/

.colorWhite {
    color: #fff;
}

.colorLight01 {
	color: #BEA154;
}

.colorLight02 {
	color: #D9C59C;
}

.colorDark01 {
	color: #202020;
}

.colorDark02 {
	color: #2F4B45;
}

.colorDark03 {
	color: #7A0606;
}

.colorGray01 {
    color: #B5B5B5;
}

.bgWhite {
	background-color: #fff;
}

.bgLight01 {
	background-color: #D9C59C;
}

.bgDark01 {
	background-color: #4E2C1C;
}

.bgDark02 {
	background-color: #980000;
}

.bgDark03 {
	background-color: rgba(91,4,4,.8);
}

.bgDark04{
	background-color: rgba(85,62,50,0.72);
}

.bgDark05 {
	background-color: #4E2C1C;
}

.bgGradationDark {
    background: linear-gradient(250deg,rgba(64, 49, 42, 1) 0%, rgba(67, 41, 28, 1) 7%, rgba(36, 25, 20, 1) 20%, rgba(94, 55, 34, 1) 42%, rgba(54, 36, 27, 1) 55%, rgba(17, 12, 10, 1) 70%, rgba(31, 22, 18, 1) 80%, rgba(36, 22, 18, 1) 94%, rgba(17, 12, 10, 1) 100%);
}

.mask {
	position: relative;
}

.mask:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
  	top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  	margin: auto;
  	z-index: 1;
}

.maskBrown01:after {
	background: rgba(81,60,48,0.64);
  	background-size: cover;
}

.maskBrown02:after {
	background: rgba(85,62,50,0.72);
  	background-size: cover;
}

.maskGradation:after {
  	background: #0E0A09;
	background: linear-gradient(180deg,rgba(14, 10, 9, 0) 0%, rgba(14, 10, 9, 0) 50%, rgba(14, 10, 9, 0.5) 75%, rgba(14, 10, 9, 1) 100%);
}


/*-- inCover -----------------------------------------------------------------*/

.incover {
    max-width: 1920px;
    width: 100%;
    margin: 50px auto 0 auto;
    padding: 0 15px 0 15px;
}

.incoverIn {
    max-width: 1700px;
    width: 100%;
    margin: 0 auto 0 auto;
  	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.incoverIn:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: #513C30;
    background: linear-gradient(275deg,rgba(81, 60, 48, 0) 0%, rgba(14, 10, 9, 0.5) 75%, rgba(14, 10, 9, 0.5) 100%);
}

.incoverBox {
	width: 100%;
    max-width: 1500px;
	height: 250px;
	position: relative;
    padding: 0 15px;
    display: flex;
  	flex-direction: column;
    align-items:  flex-start;
    justify-content: center;
    z-index: 1;
}

.incoverTit {
    font-size: 26px;
	font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.45em;
}

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

/*-- パンくずリスト ----------------------------------------------------------*/

.pankuzuWr {
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
    padding: 0 15px;
}

.pankuzuAr {
    margin: 0 auto;
    padding: 15px 0;
    max-width: 1220px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 500;
}

.pankuzuLink {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #fff;
}

.pankuzuLink:hover {
    color: #fff;
}

.pankuzuTxt {
    padding: 0 0 2px;
    font-size: 14px;
    color: #fff;
}

.pankuzuLink > p {
    padding: 0 0 3px;
    text-decoration: none;
}

.pankuzuLink:hover > p {
    text-decoration: underline;
}

/*-- ブロック ----------------------------------------------------------*/

.pankuzuWr + .inWrap {
    padding: 40px 0 70px;
}

.inWrap {
    padding: 70px 0;
}

.inner {
    max-width: 1250px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
    min-height: 20px;
}

/*----kasou------------------------------------------------*/

/*---banner---*/

.inEcBannerBox {
    max-width: 771px;
    width: 100%;
  	margin: 50px auto 0;
}

.inEcLink {
    display: block;
    position: relative;
    color: #fff;
	height: 220px;
  	background: url(../img/common/ec_banner.jpg) no-repeat center;
  	background-size: cover;
  	transition: all .3s;
}

.inEcLink:hover {
    color: #fff;
  	transition: all .3s;
}

.inEcLink:after {
  	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
	background: rgba(81, 60, 48, 0.75);
    z-index: 1;
    transition: all 0.3s;
}

.inEcLink:hover::after {
    color: #fff;
	background: rgba(81, 60, 48, 0.3);
  	transition: all .3s;
}

.inEcTitBox {
    width: 100%;
  	height: 220px;
    position: relative;
    z-index: 10;
}

.inEcTitBox:before {
  	content: "";
    display: block;
    position: absolute;
    width: 25.08%;
    height: 32%;
    bottom: 0px;
    left: 22px;
    margin: auto;
  	background: url(../img/common/ec_banner_deco_left.svg) no-repeat center;
  	background-size: contain;
    z-index: 11;
    transition: all 0.3s;
}

.inEcTitBox:after {
  	content: "";
    display: block;
    position: absolute;
    width: 38.08%;
    height: 52%;
    top: 23px;
    right: 22px;
    margin: auto;
  	background: url(../img/common/ec_banner_deco_right.svg) no-repeat center;
  	background-size: contain;
    z-index: 11;
    transition: all 0.3s;
}

.inEcEnTit {
    font-family: var(--fontA);
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.03em;
  	padding: 33px 0 0 10px;
}

.inEcJpTit {
  	position: absolute;
  	bottom: 15px;
  	right: 15px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.05em;
  	text-align: right;
  	text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.35);
  	z-index: 12;
}

/*---anchor---*/

.anchorWrap {
    margin: -70px 0 0 0;
    padding: 120px 0 0 0;
}

/*---grid---*/

.grid4Wr {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.grid3Wr {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}

.menuGrid2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 4.93%;
}

/*---画像制御---*/

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

.imgControl img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
  	transition: all .3s;
}

.imgBx img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*---gallery　lightbox--*/

a[data-lightbox] {
    position: relative;
    display: block;
}

a[data-lightbox]:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.3);
    opacity: 0;
    transition: .5s;
}

a[data-lightbox]:hover:before {
    opacity: 1;
    transition: .5s;
}

.galleryImg01>a[data-lightbox] {
    padding-top: 100%;
}

.galleryImg01>a[data-lightbox] img {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*---form--*/

.formTable {
  	border: 1px solid #fff;
}

.formTh {
    padding: 15px 15px 0 15px;
    color: #fff;
    display: flex;
	justify-content: flex-start;
    align-items: center;
  	/*border-bottom: 1px solid #fff;*/
}

.formRow:last-child .formTh {
  	border-bottom: none;
}

.formTd {
    padding: 15px 15px 15px 15px;
    color: #fff;
  	border-bottom: 1px solid #fff;
}

.formRow:last-child .formTd {
  	border-bottom: none;
}

.formTable {
    font-size: 14px;
}

.requiredText {
    color: #fff;
    font-size: 15px;
    padding: 0 0 6px 2px;
}

.privacyBox {
    border: 1px solid #ccc;
    padding: 15px 2% 15px 2%;
    width: 100%;
    overflow-y: scroll;
    background: #fff;
    height: 250px;
}

.formBtn {
	background: unset;
	border: 0;
    cursor: pointer;
}

.privacyDt {
    border-left: 5px solid #987D37 !important;
    border-bottom: 1px solid #987D37 !important;
    padding: 0 0 3px 10px;
    font-weight: 700;
    margin: 31px 0 0 0;
    letter-spacing: 0.15em;
    color: #987D37;
}

.privacyDd {
    padding: 0 0 0 16px;
    margin: 23px 0 0 0;
    letter-spacing: 0.05em;
}

.privacyLink a {
	text-decoration: underline;
}

.privacyLink a:hover {
	text-decoration: none;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.enTit01, .enTit02 {
    font-size: 25px;
}

.titSetDecoFlex {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.enTit01, .enTit02 {
    font-size: 32px;
}

.inEcTitBox:before {
    width: 36.08%;
    height: 20%;
    bottom: 22px;
}

.inEcEnTit {
    font-size: 38px;
    padding: 19px 0 0 22px;
}

.inEcJpTit {
    font-size: 18px;
}

.incoverTit {
    font-size: 30px;
	font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.45em;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.coverEnTxt {
    font-size: 60px;
}

.coverJpTxt {
    font-size: 16px;
}

.enTit01, .enTit02 {
    font-size: 40px;
}

.jpTit01,.jpTit02 {
    font-size: 20px;
}

.introTxtBox > .txt01 br {
	display: block;
}

.inTxt01 {
    font-size: 14px;
}

/*-- ボタン --*/

.btn01 {
	font-size: 16px;
}

.linkArrow:after {
    content: "";
}

/*-- inCover --*/

.incoverBox {
    padding: 30px 15px 0;
    height: 320px;
}

.incoverTit {
    font-size: 30px;
}


/*-- ブロック ----------------------------------------------------------*/

.pankuzuWr + .inWrap {
    padding: 80px 0 100px;
}

.inWrap {
    padding: 100px 0;
}

/*--- ecBanner ---*/

.inEcTitBox:before {
    width: 47.08%;
    height: 32%;
    bottom: 22px;
    left: 22px;
}

.inEcTitBox:after {
    width: 38.08%;
    height: 52%;
    top: 23px;
    right: 22px;
}

.inEcEnTit {
    font-size: 60px;
    padding: 3px 0 0 22px;
}

.inEcJpTit {
    font-size: 22px;
    bottom: 15px;
    right: 15px;
}


/*---grid---*/

/*.grid4Wr {
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}*/

.grid3Wr {
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}


/*---form---*/

.formTable {
    font-size: 16px;
}

.formTh {
    text-align: center;
}

.formWrap .formTh {
    text-align: left;
}

.formTh,
.formTd{
    padding: 15px;
}

.formTh {
    text-align: center;
    padding: 15px 15px 15px 15px;
    border-bottom: 1px solid #fff;
}

.privacyLabel {
    font-size: 16px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:800px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-- タイトル・テキスト --*/

.coverEnTxt {
    font-size: 80px;
}

.coverJpTxt {
    font-size: 16px;
}

.jpTit02 {
	font-size: 25px;
}

.jpTit03 {
	font-size: 23px;
}

.enTit01, .enTit02 {
	font-size: 50px;
}

.txt01 {
	font-size: 16px;
}

.txt02 {
	font-size: 16px;
}

.inTxt01 {
	font-size: 16px;
}

.msg01 {
    font-size: 30px;
}


/*-- ボタン --*/

.btn01, .btn02 {
	font-size: 15px;
}

.linkArrow:after {
    right: 21%;
}

.linkArrow:hover::after {
    right: 20%;
}

/*-- incover ----------------------------------------------------------*/


/*-- ブロック ----------------------------------------------------------*/

.pankuzuWr + .inWrap {
    padding: 80px 0 120px;
}

.inWrap {
    padding: 120px 0 120px 0;
}

/*---grid---*/

.grid4Wr {
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1250px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-- タイトル・テキスト --*/

.enTit01, .enTit02 {
	font-size: 60px;
}

.enTit03 {
	font-size: 40px;
}

.txt01 {
	font-size: 18px;
}


/*-- ボタン --*/

.btn01 {
	font-size: 21px;
}

.btn02 {
	font-size: 18px;
}

/*-- inCover --*/

.incoverBox {
    padding: 0 15px;
}

.incoverTit {
    font-size: 35px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1250px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1440px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/*-- タイトル・テキスト --*/

.enTit01 {
	font-size: 75px;
}

/*-- ボタン --*/



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1440px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */