@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;600&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap');
@import url('icon/style.css');
/*
font-family: 'Be Vietnam Pro', sans-serif;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', sans-serif;
*/

/*//// default ////*/
html{
	/* font-size:62.5%; 10px */
	/* font-size:87.5%;  14px */
	/* font-size:93.75%; 15px */
	font-size:100%;
	line-height: 1.7;
	color:#323232;
  font-family: 'Be Vietnam Pro','Noto Sans JP','メイリオ','Hiragino Kaku Gothic ProN','Hiragino Sans', Meiryo ,sans-serif;
	font-weight: 400;
	}

*{box-sizing:border-box;}
body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dd,dt,figure{margin:0;padding:0px;}


img {border:0;vertical-align: middle;max-width: 100%;height: auto;}
p {text-align: left; margin:0;font-size:1rem;}
a {text-decoration: none; color: #0084ff;transition:.3s all ease;}
a:hover {color: #4eaaff;}

h2,h3,h4,h5,h6{line-height: 1.5;}

ul,li{
	list-style: none;
	}
a img {
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
a:hover img {
  -webkit-filter: brightness(130%);
  filter: brightness(130%);
}
html,body{
	width:100%;
	height: 100%;
	}

.en {font-family: 'Be Vietnam Pro', sans-serif; }

/* clearfix */
.clear:after{
	content:" ";
	display: block;
	clear: both;
	}

/*  global layout */
.phl{float: left;}
.phr{float: right;}
.txc{text-align: center;}
.txr{text-align: right;}
.txl{text-align: left;}


/*/ flex /*/


	.youtube{
		position: relative;
		width: 100%;
		padding-top: 56.25% ;
		}
	.youtube iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.googlemap{
		position: relative;
		width: 100%;
		padding-top: 40% ;
		box-sizing:border-box;
		}
	.googlemap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		}