/*About専用 SP*/

#about{
position: relative;
width:86%;
margin: 0 auto;
padding: 30px 0 70px 0;
}

/*2列*/
#about .niretu{
width: 100%;
margin: 0 0 0 0;
}

#about .niretu .japanese_area{
width: 100%;
margin: 0 0 0 0;
}

#about .niretu .english_area{
width: 100%;
margin: 0 0 0 0;

/*Neue Haas Grotesk Display　55 Roman*/
font-family: neue-haas-grotesk-display, sans-serif;
font-weight: 500;
font-style: normal;
}




#about h1{
width: 100%;
margin: 0 0 10px 0;
padding: 0;

/*Neue Haas Grotesk Display Pro 65 Medium*/
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 600;
font-style: normal;

/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size: clamp(12px, 3.4666666vw, 14.0px);

font-feature-settings: "kern";
letter-spacing: 0.01em;
line-height: 1.3;
}


#about h2{
width: 100%;
margin: 0 0 10px 0;
padding: 0;

/*Neue Haas Grotesk Display Pro 65 Medium*/
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 600;
font-style: normal;

/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size: clamp(12px, 3.4666666vw, 14.0px);

font-feature-settings: "kern";
letter-spacing: 0.01em;
line-height: 1.3;
}



#about p{
width: 100%;
margin: 0 0 50px 0;
padding: 0;

/*FONT 375px計算*/
font-size: 12px;
font-size: 3.1999999vw;
font-size: clamp(11px, 3.1999999vw, 13.0px);

line-height: 1.8;
}


#about img{
width: 100%;
height: auto;
}





.my-map-frame {
position: relative;
width: 100%;
height: 65vh;
border: none;

filter: grayscale(100%); /* 100%で完全に無彩色 */
-webkit-filter: grayscale(100%); /* Webkit系ブラウザ用 */
}





/*スマホ終了
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {


/*About専用　PC*/
#about{
position: relative;
width: 65%;
margin: 50px 0 0 35%;
max-width: 900px;
padding: 0 0 0 0;
}

#about h1{
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;

/*Neue Haas Grotesk Display Pro 65 Medium*/
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 600;
font-style: normal;

font-size: 14px;
line-height: 1.5;
}




#about h2{
width: 100%;
margin: 0 0 0 0;

/*Neue Haas Grotesk Display Pro 65 Medium*/
font-family: "neue-haas-grotesk-display", sans-serif;
font-weight: 600;
font-style: normal;

font-size: 14px;
line-height: 1.5;
}


#about p{
display: inline-block;
margin: 0;
padding: 0;

font-size: 14px;
line-height: 1.8;
}


#about img{
width: 100%;
height: auto;
}


/*2列*/
#about .niretu{
width: 100%;
margin: 0 0 40px 0;

/*全体 子要素を折り返しせず、1行で配置*/
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
}

#about .niretu .japanese_area{
flex-basis: 44%;
margin: 0 6% 0 0;
}

#about .niretu .english_area{
flex-basis: 44%;
margin: 0 6% 0 0;

/*Neue Haas Grotesk Display　55 Roman*/
font-family: neue-haas-grotesk-display, sans-serif;
font-weight: 500;
font-style: normal;
}






.my-map-frame {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 300px;
border: none;

filter: grayscale(100%); /* 100%で完全に無彩色 */
-webkit-filter: grayscale(100%); /* Webkit系ブラウザ用 */
}







}/*PC 終了括弧*/