body{
	font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	letter-spacing: 0.08em;
	color: #222;
}
section{
	padding-top: 20px;
}
a{
	color: #222;
}
a:hover{
	color: #bbb;
}

.fs06{
	font-size: 0.6rem;
}

.w-45{
	width: 45%!important;
}
.bg-black{
	background: #222;
}
.btn-sharp{
	border-radius: 0px;
	box-shadow: 2px 2px 4px gray;
}
.btn-radius{
	border-radius: 50px;
	box-shadow: 2px 2px 4px gray;
}
.pad15{
	padding: 15px;
}

/*Extra small devices (portrait phones, less than 576px)*/
/*No media query for `xs` since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/

@media (max-width: 575px) { 
	h1{ font-size:1.6rem; font-weight: bold;}
	h2{ font-size:1.4rem; font-weight: bold;}
	h3{ font-size:1.2rem; font-weight: bold; display:inline-block;}
	h4{ font-size:1.0rem; font-weight: bold;}
	h5{ font-size:0.8rem; font-weight: bold;}
	h6{ font-size:0.8rem; }
	p{ font-size:0.8rem; margin-bottom: 1.0rem; }
	ul{ font-size:0.8rem; padding-inline-start: 20px; }
	ol{ font-size:0.8rem; padding-inline-start: 25px; }
	li{ font-size:0.8rem; }
}

@media (min-width: 576px) { 
	h1{ font-size:1.6rem; font-weight: bold;}
	h2{ font-size:1.4rem; font-weight: bold;}
	h3{ font-size:1.2rem; font-weight: bold; display:inline-block;}
	h4{ font-size:1.0rem; font-weight: bold;}
	h5{ font-size:0.8rem; font-weight: bold;}
	h6{ font-size:0.8rem; }
	p{ font-size:0.8rem; margin-bottom: 1.0rem; }
	ul{ font-size:0.8rem; padding-inline-start: 25px; }
	ol{ font-size:0.8rem; padding-inline-start: 30px; }
	li{ font-size:0.8rem; }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	h1{ font-size:2.0rem; font-weight: bold;}
	h2{ font-size:1.4rem; font-weight: bold;}
	h3{ font-size:1.4rem; font-weight: bold; display:inline-block;}
	h4{ font-size:1.2rem; font-weight: bold;}
	h5{ font-size:1.0rem; font-weight: bold;}
	h6{ font-size:1.0rem; }
	p{ font-size:0.8rem; margin-bottom: 1.0rem; }
	ul{ font-size:1.0rem; padding-inline-start: 25px; }
	ol{ font-size:1.0rem; padding-inline-start: 30px; }
	li{ font-size:1.0rem; }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	h1{ font-size:2.0rem; font-weight: bold;}
	h2{ font-size:1.4rem; font-weight: bold;}
	h3{ font-size:1.4rem; font-weight: bold; display:inline-block;}
	h4{ font-size:1.2rem; font-weight: bold;}
	h5{ font-size:1.0rem; font-weight: bold;}
	h6{ font-size:1.0rem; }
	p{ font-size:0.8rem; margin-bottom: 1.0rem; }
	ul{ font-size:1.0rem; padding-inline-start: 25px; }
	ol{ font-size:1.0rem; padding-inline-start: 30px; }
	li{ font-size:1.0rem; }
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	h1{ font-size:2.0rem; font-weight: bold;}
	h2{ font-size:1.4rem; font-weight: bold;}
	h3{ font-size:1.4rem; font-weight: bold; display:inline-block;}
	h4{ font-size:1.2rem; font-weight: bold;}
	h5{ font-size:1.0rem; font-weight: bold;}
	h6{ font-size:1.0rem; }
	p{ font-size:0.8rem; margin-bottom: 1.0rem; }
	ul{ font-size:1.0rem; padding-inline-start: 25px; }
	ol{ font-size:1.0rem; padding-inline-start: 30px; }
	li{ font-size:1.0rem; }
}