@charset "utf-8";



/*　-----------------------　eqContainer　-----------------------　*/


.eqContainer.eq_1 {
    grid-template-rows: 370px 370px;
}

.eqContainer.eq_1 > div:nth-of-type(10) {
}

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

.eqContainer.eq_2 {
    grid-template-rows: 370px;
}


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

.eqContainer.eq_3 {
    grid-template-rows: 160px  160px 370px auto;
}

.eqContainer.eq_3 > div:nth-of-type(2) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

.eqContainer.eq_3 > div:nth-of-type(8) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 4;
    grid-row-end: 5;
}





@media screen and (max-width: 1400px) {

.eqContainer.eq_1 {
    grid-template-rows: 28vw 28vw;
}
/*----------*/
.eqContainer.eq_2 {
    grid-template-rows: 28vw;
}
/*----------*/
.eqContainer.eq_3 {
    grid-template-rows: 12.3vw 12.3vw 28vw auto;
}
}

@media screen and (max-width: 1100px) {

.eqContainer.eq_1 {
    grid-template-rows: auto auto auto auto auto auto;
}
/*----------*/
.eqContainer.eq_2 {
    grid-template-rows: auto;
}
/*----------*/
.eqContainer.eq_3 {
    grid-template-rows: auto auto auto auto;
}
}

@media screen and (max-width: 900px) {

.eqContainer.eq_1 > div:nth-of-type(10) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
}
/*----------*/

.eqContainer.eq_2 > div:nth-of-type(1) {
/*
	grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 4;
*/
}


/*----------*/
.eqContainer.eq_3 {
    grid-template-rows: auto auto auto auto auto;
}
.eqContainer.eq_3 > div:nth-of-type(1) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}
.eqContainer.eq_3 > div:nth-of-type(2) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
.eqContainer.eq_3 > div:nth-of-type(3) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}
.eqContainer.eq_3 > div:nth-of-type(4) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
.eqContainer.eq_3 > div:nth-of-type(5) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
.eqContainer.eq_3 > div:nth-of-type(6) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
}
.eqContainer.eq_3 > div:nth-of-type(7) {
    grid-column-start:2;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
}

.eqContainer.eq_3 > div:nth-of-type(8) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
}



}



@media screen and (max-width: 639px) {
.eqContainer .ttl.ZEH-M {line-height: 1.0em;margin-top: 0.3em;}
.eqContainer .ttl.ZEH-M small{font-size: 60%;}
}


/*　-----------------------　Misty　-----------------------　*/



#Misty {
	width: 92%;
	margin: auto;
	background-color: #fff;
	padding: 20px 0;
}
.Misty_wrap {
	margin:0 20px;
}

.misty_ttl {
	display: flex;
	align-items: center;
	gap: 3.5%;
	margin-bottom: 20px;
  
}
.misty_ttl img {
	width: 23.8%;
}
.misty_ttl p {
	font-family: 'Noto Sans JP', sans-serif;
	color: #00adba;
	font-size: clamp(20px, 2.4vw, 34px);
	letter-spacing: 0.36em;
}

.misty_content {
	display: flex;
	justify-content: space-between;
}
.misty_L {
	width: 40%;
}
.misty_L > img:nth-of-type(1),
.misty_L > img:nth-of-type(2){
	margin-bottom: 35px;
}

.misty_R {
	width: 58%;
}
.misty_4scene {
	border: 2px solid #00adba;
	padding: 1.5em;
}
.misty_4scene_ttl {
	border-bottom: 1px solid #00adba;
	text-align: center;
}
.misty_4scene_ttl img {
	width: 90%;
}
.misty_mist_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.misty_mist_wrap > div {
	width: 48%;
	margin-top: 1.5em;
}
.misty_mist_ttl {
	display: flex;
	align-items: center;
	margin-bottom: 0.5em;
}
.misty_mist_ttl img {
	height: 34px;
	margin-right: 0.3em;
}
.misty_mist_ttl p {
	font-family: 'Noto Sans JP', sans-serif;
	color: #00adba;
	font-size: clamp(16px, 1.9vw, 28px);
}
.misty_mist_cth {
	color: #717171;
	font-size: clamp(14px, 1.6vw, 23px);
}
.misty_mist_txt {
	color: #000;
	font-size: 14px;
}
.misty_mist_cap {
	color: #000;
	font-size: 80%;
}

.kajiraku_ttl {
	font-family: 'Noto Sans JP', sans-serif;
	color: #b28146;
	font-size: clamp(16px, 2.1vw, 28px);
	margin-top: 1.2em;
}
.kajiraku_ttl > span {
	font-size: 180%;
	font-weight: bold;
	margin-right: 0.1em;
}
.kajiraku_cth {
	font-family: 'Noto Sans JP', sans-serif;
	color: #0068b6;
	font-size: clamp(16px, 2.1vw, 28px);
	line-height: 1em;
	margin-top: 1.3em;
	margin-bottom: 0.5em;
}
.kajiraku_cth > span {
	font-size: 60%;
	height: 1.7em;
	line-height: 1.7em;
	display: inline-block;
	border-radius: 0.9em;
	text-align: center;
	background-color: #eaf5fc;
	transform: translateY(-10%);
	margin-right: 0.3em;
	width: 13em;
	letter-spacing: 0.2em;
}
.kajiraku_txt {
	color: #000;
	margin-bottom: 0.8em;
	font-size: 14px;
}
.kajiraku_img {
	display: flex;
	align-items: flex-start;
	color: #000;
	gap: clamp(10px, 1.15vw, 15px);
}
.kajiraku_img img {
	width:360px;
	max-width: 100%;
}
.kajiraku_note {
	border: 1px solid #000;
	padding: 0.3em;
}
.txt_part2 {
	font-size: 80%;
	margin-top: 0.5em;
}


@media screen and (max-width: 1300px) {
.kajiraku_img img {width: 27vw;}
}
@media screen and (max-width: 1100px) {
.kajiraku_img {
	flex-direction: column;
}
.kajiraku_img img {
	width: 80%;
}
.kajiraku_note {
	width: 100%;
}
.misty_4scene {
	padding: 1em 0.5em;
	margin-top: 2.5em;
}
}


@media screen and (max-width: 639px) {
.Misty_wrap {
	margin: 0 2%;
}
.misty_content {
	flex-direction: column;
}
.misty_L,

.misty_R {
	width: 100%;
}

.misty_ttl {
	flex-direction: column;
	gap: 0;
	text-align: center;
}
.misty_ttl img {
	width: 100%;
	margin-bottom: 0.5em;
}
.misty_4scene_ttl img {
	width: 100%;
}
.misty_mist_wrap {
	flex-direction: column;
}
.misty_mist_wrap > div {
	width: 100%;
}
.misty_mist_ttl p {
	font-size: 22px;
}
.misty_mist_ttl img {
	height: 24px;
}
.kajiraku_ttl {
	font-size: 20px;
}
.misty_mist_cth {
	font-size: 16px;
	font-weight: bold;
}
.kajiraku_cth > span {
	width: 11.5em;
}
}




.w1300 {display: none;}

@media screen and (max-width: 1299px) {
	.w1300 {display: block;}
}
@media screen and (max-width: 639px) {
	.w1300 {display: none;}
}