@charset "utf-8";


#gnav01link .img_on,
#gnav02link .img_on,
#gnav03link .img_on,
#gnav04link .img_on,
#gnav05link .img_on
{
    display: none;
}


/*===============================================
●画面の横幅が640px以上
===============================================*/
@media screen and (min-width : 640px ){
#pc------------------------------------------- {
}
main {
    padding-top: 89px;
}
#catch h2 {
	font-size: 50px;
	margin-top: 70px;
	margin-bottom: 80px;
	font-weight: bold;
}
#catch h2+ul {
	display: flex;
	justify-content: center;
	gap: 20px;
}
#catch h2+ul li a:hover {
	opacity: 0.8;
}
#catch dt {
	font-size: 25px;
	font-weight: bold;
	margin-top: 20px;
}
#catch dd {
	font-size: 20px;
	margin-bottom: 45px;
}
}






/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
/*===============================================
●sp
===============================================*/
#sp640------------------------------------------- {
}
main {
    padding-top: 21vw;
}
#catch h2 {
	font-size: 6vw;
	margin-top: 8vw;
	margin-bottom: 5vw;
	font-weight: bold;
}
#catch h2+ul {
	display: flex;
	justify-content: center;
	gap: 3vw;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
#catch h2+ul li a:hover {
	opacity: 0.8;
}
#catch dt {
	font-size: 5vw;
	font-weight: bold;
	margin-top: 5vw;
}
#catch dd {
	font-size: 3.5vw;
	margin-bottom: 10vw;
}
}






/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
/*===============================================
●sp
===============================================*/
#sp320------------------------------------------- {
}
}