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


* {
margin: 0;
padding: 0;
}

/* レスポンシブ【PC表示】
****************************************/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; width:1000px; }
.sp { display: none !important; }


.main-text {
	text-align: center;
	margin-bottom: 20px;
}

.main-text-left {
width: 800px;
	text-align: left ;
	margin-bottom: 20px;
}

h1 {
margin: 50px 0;
text-align: center;
word-break: keep-all;
}

.mainbox {
width: 1000px;
text-align: center;
}

.container {
margin: 0 auto 10px;
width :96%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: #FFFFFF;
}

.box {
width: calc(100% / 6 - 2px);
border: solid 1px #FFFFFF;
}

.box h2 {
padding: 2vh 0;
color: #fff;
text-align: center;
}



/* レスポンシブ【スマホ表示】
****************************************/
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
    .pc { display: none !important; }
    .sp { display: block !important; width:100%; }


.main-text {
	text-align: center
}

.main-text-left {
	width: 90%;
	text-align: left ;
}

.mainbox {
width: 100%;
text-align: center;
}

.container {
width :90%;
margin: 0 auto 10px;
}

.box {
width: calc(100% / 2 - 2px);
}

.box h2 {
padding: 2vh 0;
color: #fff;
text-align: center;
}

}

/* レスポンシブ【改行位置】
****************************************/
.phone{display: none;}

@media screen and (max-width: 767px) {
.phone{display: block;}
}