@charset "utf-8";
/* CSS Document */

html{
	overflow: auto;
	height: 100%;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 62.5%;
	font-weight: 400;
	letter-spacing:normal;
	line-height: normal;
	margin: 0 auto;
	color: #3f2f1e;
	background-color: #FFF;
	overflow-x:hidden;
}

.fontWeight100 {font-weight: 100;}
.fontWeight300 {font-weight: 300;}
.fontWeight400 {font-weight: 400;}
.fontWeight500 {font-weight: 500;}
.fontWeight700 {font-weight: 700;}
.fontWeight900 {font-weight: 900;}
.fontSize8 {font-size:0.8rem;}
.fontSize13 {font-size:1.0rem;}
.fontSize16 {font-size:1.6rem;}
.fontSize21 {font-size:2.1rem;}
.fontSize34 {font-size:3.4rem;}
.fontSize55 {font-size:5.5rem;}

h1{font-size:3.4rem; font-weight:700;}
h2{font-size:1.6rem; font-weight:700; padding-bottom: 20px;}
h3{font-size:1.6rem; font-weight:400; padding-bottom: 5px;}
h4{font-size:1.3rem; font-weight:400; padding-bottom: 20px;}
h5{font-size:1.3rem; font-weight:400; padding-bottom: 20px;}
br {display: block; content: ""; margin:0;}
p{font-size:1.2rem;}
a  {text-decoration: underline;}
a:hover {text-decoration: none;}
a img {transition: 0.5s;}
a img:hover {opacity: 0.5;}
.pink {color: #fa7482;}
.bold {font-weight: bold;}
.center {text-align: center; margin: 0 auto;}
.material-icons{display: inline-flex; vertical-align: middle;}

footer {padding: 100px 0;}
#footerWrapp {max-width: 500px; margin: 0 auto; text-align: center;}
#footerWrapp img {width: 100px;}
#footerCompany {padding: 50px 0;}
.borderBottom {border-bottom: 2px dotted #3f2f1e; padding-bottom: 20px; margin-bottom: 20px;}
 
.sp {display: none;}
@media screen and (max-width : 959px) {
.pc {display: none;}
.sp {display: block;}
}

@media screen and (max-width : 519px) {
h2{font-size:1.3rem;}
.fontSize21 {font-size:1.5rem;}
footer {padding: 50px 0;}
#footerWrapp {max-width: 80%; }
#footerWrapp img {width: 70px;}
}

@media screen and (max-width : 320px) {

}