@charset "UTF-8";

html{
	font-size: 62.5%;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-style: normal;
	scroll-behavior: smooth;
	background-color: #fff;
	
}
body {	font-size: 1.5rem;
		box-sizing : border-box;
		overflow-x: hidden;
		text-align: justify;
		line-height: 200%;
		letter-spacing: 0rem;
} 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font-weight: normal;
	font-style:normal;
	outline: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

.contactbtn{
	display: block;
	width: 70%;
	margin: 0 auto 30px;
}

/* --------------------------------------------------------------------------------------------------------色指定 */

.red{color: red;}
.yel{color: #FDF40F;}
.blue{color: #1D74EB;}
.ore{color: #FF7600;}
.gree{color: #28C60B;}
.blue2{color: #3D79EA;}
.pink{color: #EA3D4A;}

/* --------------------------------------------------------------------------------------------------------太さ指定 */
.bold{font-weight: bold;}


/*========= レイアウトのためのCSS ===============*/

#container{
    width:100%;
	clear: both;
}

/*========= ビデオ再生用 ===============*/
#video {
	top:0;
	width: 100%;
	height: 100%;
	background: #000;/*背景を黒で表示*/
	border: 1px solid #E0E0E0;
	border-radius: 10px;
 }

/* --------------------------------------------------------------------------------------------------------リンクホバー */
a:hover{
	opacity: 40%;
	transition: 0.5s;
}


/* --------------------------------------------------------------------------------------------------------アンカーリンクちょっと上 */
html{
scroll-padding-top: 50px;
}

/* --------------------------------------------------------------------------------------------------------googlemap */
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}