* {
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: keep-all; 
}

span {height: 100%;}

@media (min-width: 800.1px)
{
#pc {display: inline-block;}
.content-main {max-width: 98%; margin-left: 1%; margin-right: 1%; margin-top: 80px;}
.tabs-icon {display: inline-block; width: calc((100% - 60px) /3); padding-left: 10px; padding-right: 10px; vertical-align: top; margin-bottom: 30px; border-radius: 10px; }
	body {width: 90% !important; margin-left: 5%;}
	
}


@media (min-width: 600.1px) and (max-width: 800px) 
{
body {width: 100% !important;}
#pc {display: inline-block;}
.content-main {max-width: 100%; margin-top: 40px;}
.tabs-icon {display: inline-block; width: calc((100% - 30px) /3); padding-left: 5px; padding-right: 5px; vertical-align: top; margin-bottom: 30px; border-radius: 10px; }	
	
	
}

@media (min-width: 300.1px) and (max-width: 600px) 
{
#pc {display: none;}
.content-main {max-width: 100%; margin-top: 40px;}
.tabs-icon {display: inline-block; width: calc((100% - 20px) /2); padding-left: 5px; padding-right: 5px; vertical-align: top; margin-bottom: 30px; border-radius: 10px; }
}

	@media (max-width: 300px) 
{
#pc {display: none;}
.content-main {max-width: 100%; margin-top: 40px;}
.tabs-icon {display: inline-block; width: calc((100% - 20px) /1); padding-left: 5px; padding-right: 5px; vertical-align: top; margin-bottom: 30px; border-radius: 10px; }
	
}