@charset "utf-8";

ib {display: inline-block;}

.row-ar {display: flex; flex-wrap: wrap;}
.column-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.column-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.column-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.column-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}

@media (max-width: 769px) {
	.column-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.column-3 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}


.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}

.tcenter {text-align: center;}
.left {text-align: left;}
.tright {text-align: right;}


/* ------------------------------------------------------------------------------------
 contents body
------------------------------------------------------------------------------------ */

#earth .cont {width: 100%; max-width: 1030px; padding: 0 15px;}

@media (max-width: 480px) {
	#earth .cont {width: 90%; padding: 0;}
}

/* ヘッダー画像とメインカラー
============================================== */
#earth .nana_head ul li:nth-child(1) {background-image: url("../img/earth_header_bg.webp");}
#earth .nana_head ul li:nth-child(2) {background-color: #6352e4;}



/* ザ・ガーデン七辻「ジ・アース」とは
============================================== */
#earth .garden .maincopy p:nth-child(1) {color: #6352e4; font-size: 3.0em; font-weight: 700; margin: 50px 0 0;}
#earth .garden .maincopy p {font-size: 1.8em; font-weight: 500; margin: 20px 0 0;}
h4.nanatsuji-towa {position: relative; text-align: center; background-color: #fff; margin: 5rem 0 5.5rem; font-size: 2.5rem; font-weight: 500;}
h4.nanatsuji-towa::before {content: ''; width: 150px; height: 80px; border: solid 2px #6352e4; border-radius: 4px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index: -1;}
p.nanatsuji-kaisetsu span {background-color: #ffa100; padding: 5px;}
#earth .sticky {z-index: 999;}


@media (max-width: 769px) {
	p.nanatsuji-kaisetsu {background-color: #ffa100; padding: 5px;}
}

@media (max-width: 448px) {
	h4.nanatsuji-towa::before {height: 120px;}
}


/* ジ・アース区画タイプ
============================================== */
#earth .type .maincopy p:nth-child(1) {color: #6352e4;}
#earth .type .grave {margin: 0 0 20px;}
#earth .type .price ul:nth-child(1) li:nth-child(1) h2 {color: #6352e4;}
#earth .type .price ul:nth-child(1) li:nth-child(1) p:nth-child(2) {color: #6352e4;}
#earth .type .price ul:nth-child(2) li:nth-child(1) h2 {color: #6352e4;}
#earth .type .price ul:nth-child(2) li:nth-child(1) p:nth-child(2) {color: #6352e4;}
#earth .type .price ul:nth-child(3) li:nth-child(1) h2 {color: #6352e4;}
#earth .type .price ul:nth-child(3) li:nth-child(1) p:nth-child(2) {color: #6352e4;}

#earth .type .price ul li {width: 100%; padding: 15px 20px 20px; max-width: 500px;}

#earth .type .price ul li.sinouryou {padding: 0;}
#earth .type .price li.sinouryou .row-ar {width: 100%;}
#earth .type .price li.sinouryou .row-ar .column-6, #earth .type .price li.sinouryou .row-ar .column-3 {margin: auto;}
#earth .type .price li.sinouryou .row-ar .column-6 p, #earth .type .price li.sinouryou .row-ar .column-3 p {margin: 0;}
#earth .type .price li.sinouryou .row-ar .column-6 p span {font-size: 1.6rem;}
#earth .type .price li.sinouryou .row-ar .column-3 p.money {font-size: 8rem; text-align: right;}
#earth .type .price li.sinouryou .row-ar .column-3 p.monetary {font-size: 4rem; padding-top: 20px;}
.sinouryou-p {padding-left: 20px;}

@media (max-width: 480px) {
	#earth .type .price ul li h2 {text-align: center;}
	.sinouryou-p {padding: 10px; text-align: center;}
	#earth .type .price li.sinouryou .row-ar .column-3 p.money {font-size: 6rem;}
	#earth .type .price li.sinouryou .row-ar .column-3 p.monetary {font-size: 3rem;}
}


/* ジ・アース動画見学
============================================== */
#earth .movie .maincopy p:nth-child(1) {color: #6352e4;}
#earth .movie .movie p {color: #6352e4;}
#earth .movie .movie {width: 100%; max-width: 700px;}

/* ジ・アースの特長・選ばれる理由
============================================== */
#earth .feature .maincopy p:nth-child(1) {color: #6352e4;}
#earth .feature .icon div:nth-child(1) h1 {color: #6352e4;}
#earth .feature .choice div:nth-child(1) h1 {color: #6352e4;}
#earth .feature .column-6 {border-left: solid 1px #000; padding: 20px;}
#earth .feature .earth-table-shell table {width: 100%;}
#earth .feature .earth-table-shell table tr td {height: 120px;}
#earth .feature .earth-table-shell .number {font-size: 5.0em; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; margin: 0 10px;}
#earth .feature .earth-table-shell img.svg01 {width: 100px; height: auto;}
#earth .feature .earth-table-shell img.svg02 {width: 80px; height: auto;}
#earth .feature .earth-table-shell img.svg03 {width: 90px; height: auto;}
#earth .feature .earth-table-shell img.svg04 {width: 90px; height: auto;}
#earth .feature .earth-table-shell img.svg05 {width: 80px; height: auto;}
#earth .feature .earth-table-shell img.svg06 {width: 120px; height: auto;}
#earth .feature .earth-table-shell img.svg07 {width: 90px; height: auto;}
#earth .feature .earth-table-shell p {font-size: 1.8em; line-height: 1.25em; font-weight: 700; margin: 0 20px;}


@media (max-width: 769px) {
	#earth .feature .column-6 {padding: 0 20px;}
}

@media (max-width: 480px) {
	#earth .feature .column-6 {padding: 0 5px;}
	#earth .feature .earth-table-shell .number {font-size: 4em;}
	#earth .feature .earth-table-shell p {font-size: 1.6em; margin: 0 5px;}
	#earth .feature .earth-table-shell table tr td {height: 80px;}
	#earth .feature .earth-table-shell img.svg01 {width: 60px;}
	#earth .feature .earth-table-shell img.svg02 {width: 54px;}
	#earth .feature .earth-table-shell img.svg03 {width: 54px;}
	#earth .feature .earth-table-shell img.svg04 {width: 54px;}
	#earth .feature .earth-table-shell img.svg05 {width: 54px;}
	#earth .feature .earth-table-shell img.svg06 {width: 80px;}
	#earth .feature .earth-table-shell img.svg07 {width: 54px;}
}