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



/*-
	PC版（769px以上）ここから
------------------------------------------------- */
@media screen and (min-width:769px), print{
	
	h2 p{
		font-size: 20px;
	}
	
	#title ul#shortcut{
		display: block;
		width: 600px;
		margin: 70px auto 0;
	}
	#title ul#shortcut li{
		display: block;
		width: 100%;
		margin: 18px 0;
	}
	#title ul#shortcut li a{
		display: block;
		width: 100%;
		text-align: center;
		padding: 7px;
		color: #000000;
		border: 1.5px solid #707070;
		border-radius: 7px;
	}
	
	#title #catv {
		width: 850px;
		margin: 40px auto;
	}
	#title #catv a {
		border: solid 2px #999;
	}
	#title #catv a img {
		width: 100%;
	}
	
	
	section .wrapper > dl > dt{
		display: block;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		padding: 7px 25px;
		margin: 15px auto 0;
		background-color: #EA9A00;
	}
	section .wrapper > dl > dd{
		background-color: #F9F9F9;
		padding: 25px;
	}
	
	section .wrapper > dl > dd > ul{
	}
	section .wrapper > dl > dd > ul li{
		display: inline-block;
		vertical-align: top;
		width: 25%;
		margin: 0 0 50px 6%;
	}

	section .wrapper > dl > dd > ul li > img{
		display: block;
		position: relative;
		left: -15px;
		width: 40px;
		height: auto;
		margin-bottom: 10px;
	}
	
	section .wrapper > dl > dd > ul li > dl{}
	section .wrapper > dl > dd > ul li > dl dt{
		margin-bottom: 10px;
	}
	section .wrapper > dl > dd > ul li > dl dt img{
		display: block;
		width: 100%;
		height: auto;
	}
	section .wrapper > dl > dd > ul li > dl dd{
		padding: 0 7px;
	}
	section .wrapper > dl > dd > ul li > dl dd p{
		display: block;
		font-size: 14px;
		margin-bottom: 7px;
	}
	section .wrapper > dl > dd > ul li > dl dd p:first-of-type{
		margin-top: 10px;
	}
	section .wrapper > dl > dd > ul li > dl dd p.indent{
		text-indent: -0.7em;
		padding-left: 0.7em;
	}
	
	#register .guide{
		display: block;
		background-color: #FFF9EA;
		padding: 20px 25px;
	}
	#register .guide ul{
		list-style-type: disc;
		padding-left: 1.5em;
		margin-top: 7px;
	}
	#register .guide ul li{
		margin-bottom: 3px;
	}
	#register .guide ul li span{
		font-size: 14px;
	}
	#register .guide ul li span a{
		color: #DD4400;
	}
	
	.band{
		font-weight: bold;
		color: #fff;
		background-color: #036EB7;
		padding: 4px 5px;
		margin-bottom: 5px;
	}
	
	.dl_btn a{
		width: 262px;
		padding: 8px 0px;
		margin: 10px 0 0;
		text-align: center;
		background-color: #131313;
		border-radius: 8px;
		color: #fff;
	}
	
	.text_i {
		text-indent: -1em;
		padding: 1em;
	}
	
	#mention {
		display: block;
		width: 750px;
		margin-bottom: 70px;
		margin-top: -20px;
	}
	#mention a {
		display: block;
		width: 100%;
		text-align: center;
		padding: 20px 100px;
		color: #fff;
		font-weight: bold;
		/*border-radius: 0px;*/
		border: #D43424;
		background-image: url("../../images/link_arrow-w.png");
		background-repeat: no-repeat;
		background-position: right 30px center;
		background-size: auto 12px;
		background-color: #D43424;
	}
	
	
}
/*-
	SP版（768px以下）ここから
------------------------------------------------- */
@media screen and (max-width: 768px) {
	
	h2 p{
		font-size: 16px;
	}
	
	#title ul#shortcut{
		display: block;
		width: 85%;
		margin: 70px auto 0;
	}
	#title ul#shortcut li{
		display: block;
		width: 100%;
		margin: 18px 0;
	}
	#title ul#shortcut li a{
		display: block;
		width: 100%;
		text-align: center;
		padding: 7px;
		color: #000000;
		border: 1.5px solid #707070;
		border-radius: 7px;
	}
	
	#title #catv {
		width: calc(100% - 40px);
		margin: 10px auto 0;
	}
	#title #catv a {
		border: solid 2px #999;
	}
	#title #catv a img {
		width: 100%;
	}
	
	
	section .wrapper > dl > dt{
		display: block;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		padding: 6px 20px;
		margin: 15px auto 0;
		background-color: #EA9A00;
	}
	section .wrapper > dl > dd{
		background-color: #F9F9F9;
		padding: 20px;
	}
	
	section .wrapper > dl > dd > ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	section .wrapper > dl > dd > ul li{
		width: 45%;
		margin-bottom: 30px;
	}

	section .wrapper > dl > dd > ul li > img{
		display: block;
		width: 32px;
		height: auto;
		margin-bottom: 10px;
	}
	
	section .wrapper > dl > dd > ul li > dl{}
	section .wrapper > dl > dd > ul li > dl dt{
		margin-bottom: 10px;
	}
	section .wrapper > dl > dd > ul li > dl dt img{
		display: block;
		width: 100%;
		height: auto;
	}
	section .wrapper > dl > dd > ul li > dl dd{
		padding: 0 3px;
	}
	section .wrapper > dl > dd > ul li > dl dd p{
		display: block;
		font-size: 14px;
		margin-bottom: 5px;
	}
	section .wrapper > dl > dd > ul li > dl dd p:first-of-type{
		margin-top: 10px;
	}
	section .wrapper > dl > dd > ul li > dl dd p.indent{
		text-indent: -0.7em;
		padding-left: 0.7em;
	}
	
	#register .guide{
		display: block;
		background-color: #FFF9EA;
		padding: 20px 25px;
	}
	#register .guide ul{
		list-style-type: disc;
		padding-left: 1.5em;
		margin-top: 7px;
	}
	#register .guide ul li{
		margin-bottom: 3px;
	}
	#register .guide ul li span{
		display: inline-block;
		font-size: 14px;
	}
	#register .guide ul li span a{
		color: #DD4400;
	}

	.band{
		font-weight: bold;
		color: #fff;
		background-color: #036EB7;
		padding: 4px 5px;
		margin-bottom: 5px;
	}
	
	.dl_btn a{
		width: 100%;
		padding: 8px 0px;
		margin: 10px 0 0;
		text-align: center;
		background-color: #131313;
		border-radius: 8px;
		color: #fff;
		line-height: 1.2;
	}
	
	
	.text_i {
		text-indent: -1em;
		padding: 1em;
	}
	
	#mention {
		display: block;
		width: 85%;
		margin-bottom: 70px;
		margin-top: -20px;
	}
	#mention a {
		display: block;
		width: 100%;
		text-align: center;
		padding: 15px;
		color: #fff;
		font-weight: bold;
		/*border-radius: 0px;*/
		border: #D43424;
		background-image: url("../../images/link_arrow-w.png");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: auto 12px;
		background-color: #D43424;
	}
	
	
}