html {
  font-size: 62.5%; /* -> 10px; */
}

body{
  box-sizing: border-box;
}
body *{
  box-sizing: inherit; /* box-sizingの値は継承されないので明示的に設定 */
}
*{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ";
	width: 100%;
}

h2, h3, h4, p, li{text-align: left;}
h1{font-size: 4.0rem; line-height: 1.0em; color: #CE000D;}
h2{font-size: 2.4rem; line-height: 1.7em;}
h3{font-size: 2.0rem; line-height: 1.6em;}
h4{font-size: 1.8rem; line-height: 1.6em;}
p{font-size: 1.8rem; line-height: 1.8em}
a{font-size: 1.6rem; line-height: 1.5em; text-decoration: none; color: #000000;}
ul{}
li{list-style: none; font-size: 1.4rem; line-height: 1.5em}
small{font-size: 1.0rem; padding: 8px 0}
td{font-size: 1.6rem; line-height: 1.8em}

#hamburger{
	display: none;
}

header{
	border-top: #434343 20px solid;
	padding: 26px 0;
}

#trans{
	width: 20%;
	text-align: right;
	margin: 0 3% -24px 77%;
}

#sns{
	width: 10%;
	text-align: right;
	margin: 0 3% 0 87%;
	display: flex;
	flex-wrap: nowrap;
	justify-content:space-around;
}

#sns a img{
	width: 50%;
}

#pcNavi{
	display: flex;
	align-items: center;
	width: 94%;
	text-align: center;
	margin: 0 auto;
}

#pcNavi a{
	width: 24%;
}

#pcNavi ul{
	width: 76%;
	display: flex;
	padding: 0 0 0 32%;
}

#pcNavi ul li{
	font-size: 1.6rem;
	font-weight: bold;
}

.border{
	border: #000000 solid 1px;
	width: 200px;
	text-align: center;
	margin: 30px auto 40px auto;
}



#topContainer2{
	width: 100%;
	text-align: center;
	background-color: #F9F9F9;
	padding: 100px 0;
}

#topContainer2 h1{	text-align: center;}


.topContainer2Box{
	width: 80%;
	text-align: center;
	margin: 20px auto;	
}

.topContainer2Box .large{ 
	font-size: 2.6rem;
	font-weight: bold;
}

.flex{
	display: flex;
	flex-wrap: wrap;
}

.flexBox{
	width: 29%;
	margin: 0 2%;
}

.topContainer2Box .flex .flexBox img{
	width: 30%;
	text-align: center;
	margin: 20px auto 10px auto;
}

#topContainer3{
	width: 80%;
	text-align: center;
	margin: 0 auto;
	padding: 100px 0;
}

#topContainer3 h1{
	text-align: center;
}

#topContainer3 .flex img{
	width: 15%;
	margin: 5%;
	padding: 0%;
}


#topContainer4{
	background-color: #F9F9F9;
	padding: 100px 0;
	text-align: center;
	margin: auto;
}

#topContainer4 h1{
	text-align: center;
}

#topContainer4 .flex{
	width: 80%;
	text-align: center;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

#topContainer4 .flex a{
	width: 20%;
	margin: 2.5%;
}

#topContainer5{
	margin: 100px auto;
}

#topContainer5 h1{
	text-align: center;
}

#topContainer5 .youtube{
	width: 90%;
	text-align: center;
	margin: 40px auto;
}

#topContainer5 .flex{
	width: 70%;
	margin: 20px auto;
}

#topContainer5 .flex a{
	width: 40%;
	margin: 60px auto;
}

#topContainer6{
	background-color: #434343;
	margin: 100px auto;
	padding: 20px 0 80px 0;
}

#topContainer6 h1, #topContainer6 h2{
	color: #FFFFFF;
	text-align: center;
	margin: 80px 0 60px 0;
}

#topContainer6 h2{
	margin: 40px auto 20px auto;
}

.storyBox {
	width: 80%;
	margin: auto;
}

.storyBox p{
	color: #FFFFFF;
}

.whiteBox{
	width: 80%;
	text-align: center;
	margin: 30px auto 40px auto;
	padding: 40px;
	border: #FFFFFF 1px solid;
}

.whiteBox p, .whiteBox h2{
	color: #FFFFFF;
}

.whiteBox h2{
	margin: 40px 0 0 0;
}


#topContainer7{
	width: 100%;
	text-align: center;
	margin: auto;
}

#topContainer7 h1, #topContainer7 h3{
	text-align: center;	
	margin: 0 auto;
}

#topContainer7 img{
	width: 10%;
	text-align: center;
	margin: 100px auto;
}

footer{
	background-color: #434343;
	color: #FFFFFF;
	text-align: center;
	padding: 10px 0;
}


#bodyServices h1{
	margin: 0 0 40px 0;
}

.servicesTextBox{
	width: 80%;
	height: auto;
	margin: auto;
}

.leftLine{
	display: block;
	width: 50%;
	height: auto;
	text-align: left;
	margin: 100px 0;
	border: solid 7px #707070;
}

.rightLine{
	display: block;
	width: 50%;
	height: auto;
	text-align: left;
	margin: 100px 0 100px 50%;
	padding: 0;
	border: solid 7px #707070;
}

#serviceContainer2, #serviceContainer4{
	width: 80%;
	height: auto;
	text-align: center;
	margin: auto;
} 

#serviceContainer2, #serviceContainer4{
	width: 80%;
	height: auto;
	text-align: center;
	margin: auto;
} 

#serviceContainer3, #serviceContainer5{
	background-color: #F9F9F9;
	padding: 100px 0;
}

 #galleryContainer2{
	width: 80%;
	margin: 100px auto;
}

 #galleryContainer2 .youtube,  #galleryContainer2 img{
	margin:  0 0 100px 0;
}