.blk{background:#000; color:#fff;}
.gry{background:#666; color:#fff;}
.blu{background:#000066; color:#fff;}
.lgry{background:#f0f0f0; color:#666;}
.cont gry{background:#f1f1f1; color:#454545;}
.cont wht{background:#fff; color:#454545;}
.cont blu{background:#010066; color:#fff;}

.cont p{font-size:1.4rem; line-height:1.7; letter-spacing:0.1rem; padding:1rem 4rem; text-align:justify;}


/* footer追加 */
.foot-cn{
	display: flex;
	flex-wrap:wrap;
	max-width: 70%;
}
.foot-cn li {
	width: calc(100%/4);/*←画像を横に4つ並べる場合*/
	padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.foot-cn li img {
	max-width:100%; /*画像のはみだしを防ぐ*/
	height: auto; /*画像の縦横比を維持 */
}

/* SP */
.sp{width:100%; height:auto; margin:0; padding:0; font-family:sans-serif; font-size:16px; font-weight:100; line-height:1.5; font-feature-settings:"palt" 1; text-justify:inter-ideograph;}
.sp h1, .sp h2, .sp h3, .sp h4{font-weight:100; line-height:1.8; text-align:center;}
.sp h1{font-size:1.8rem;}
.sp h2, .sp h3, .sp h4{font-size:1.9rem;}
}

/* PC */
.pc{width:100%; height:auto; margin:0; padding:0; font-family:sans-serif; font-size:16px; font-weight:100; line-height:1.5; font-feature-settings:"palt" 1; text-justify:inter-ideograph; margin: 0rem auto;}
.pc p{font-size:3.5rem; letter-spacing:0.1rem; padding:1rem 6rem; text-align:justify; margin: 0rem auto;}
.pc h1, .pc h2, .pc h3, .pc h4{font-weight:bold; line-height:1.8; text-align:center; font-size:4.2rem; margin: 0rem auto;}
}