@charset "UTF-8";

/* --------------------------------------------------------------------------
support
---------------------------------------------------------------------------- */
div.sp_box { width:100%; margin:20px 0 0 0; padding:80px 0 0 0; overflow: hidden; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
div.sp_in { margin:20px; padding:20px; background: #DEDEDE; border-radius: 8px; }
p.sp_title { width:90%; margin:10px auto 0 auto; padding:0 0 10px 0; border-style: solid; border-color: #000; border-width:0 0 2px 0; color:#000; font-size: 130%; text-align: center; }
p.sp_str { width:90%; margin:15px auto 0 auto; padding:0; color:#000; font-size: 110%; text-align: left; }
div.sp_img { width:90%; margin:10% auto 0 auto; padding:0; }
div.sp_img img { width:100%; margin:0; padding:0; }

p.support_mail { width:100%; margin:0; padding:80px 0 0 0; font-size:200%; color:#fff; text-align: center; }




/* ------------------------------------------------------
mobile
-------------------------------------------------------- */
@media screen and (min-width: 290px ) and (max-width:400px) {
	div.sp_box { grid-template-columns: repeat(1, 1fr); gap: 5px; }
	p.support_mail { font-size:120%; }
}

@media screen and (min-width: 401px ) and (max-width:550px) {
	div.sp_box { grid-template-columns: repeat(1, 1fr); gap: 5px; }
	p.support_mail { font-size:150%; }
}

@media screen and (min-width: 551px ) and (max-width:600px) {
	div.sp_box { grid-template-columns: repeat(1, 1fr); gap: 5px; }
	p.support_mail { font-size:150%; }
}

@media screen and (min-width: 601px ) and (max-width:750px) {
	div.sp_box { grid-template-columns: repeat(1, 1fr); gap: 5px; }
}

@media screen and (min-width: 751px ) and (max-width:1050px) {
	div.sp_box { grid-template-columns: repeat(2, 1fr); gap: 5px; }
}


@media screen and (min-width: 1051px ) and (max-width:1250px) {
	div.sp_box { grid-template-columns: repeat(3, 1fr); gap: 5px; }
}


@media screen and (min-width: 1251px ) and (max-width:1500px) {
	div.sp_box { grid-template-columns: repeat(3, 1fr); gap: 5px; }
}