@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('icon/style.css');
/*
  font-family: "Jost", sans-serif;
  font-family: "Noto Serif JP", serif;

*/

/*//// default ////*/
html{
	font-size:clamp(13px, calc(15 / 1200 * 100vw) , 15px);
	line-height: 1.73;
	color:#333;
  font-family: "Noto Serif JP", serif;
	font-weight: 500;
  font-style: normal;
  font-optical-sizing: auto;
	}

*{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;
}

html,body{
	width:100%;
	height: 100%;
	}

/* 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 iframe{
      width:100%;
      aspect-ratio: 16/9;
      border-radius:10px;
    }

	/*
  	.googlemap{
		position: relative;
		width: 100%;
		padding-top:480px ;
		box-sizing:border-box;
		}

  .googlemap iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		} */