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

@media(max-width: 780px){
		/*-----------------------------応募規約-----------------------------*/
	.rule {
		line-height: 1em;
		padding-top: 30px;
	}
	.rule p{
		font-family: "Noto Sans JP", sans-serif;
		font-size: 12px;
		font-weight: 400;
	}
	.rule ol{
		font-family: "Noto Sans JP", sans-serif;
		font-size: 12px;
		font-weight: 400;
		color: #525252;
	}
	.rule .rule_subtitle{
		font-size: 1.5em;
		margin: 0em auto 2em;
	}
	.rule_inner {
		width: 80%;
		height: 500px;
		overflow-y: scroll;
		margin: auto;
		border: solid 2px #682009;
		padding: 2em;
		text-align: left;
		border-radius: 20px;
	}
	.rule .rule_inner h1 {
		font-family: "Noto Sans JP", sans-serif;
		font-size: 14px;
		line-height: 1.2em;
		color: #525252;
	}
	/*スクロール*/
	.rule_inner::-webkit-scrollbar {
		width: 45px;
		height: 100%;
		padding: 0px;
		margin: 0px;
	}
	.rule_inner::-webkit-scrollbar-thumb {
		background-size: 25px;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("../img/scroll.png");
		height: 2px;
	}
	.rule_inner::-webkit-scrollbar-track {
		background-color: #EACAA8;
		background-image: linear-gradient(90deg, #fff 38%, #f2a3ad 0, #f2a3ad 62%, #fff 0);
		border-radius: 48%;
		margin: 10px 0px;
	}
	.rule{
		display: block;
		position: relative;
		background-color: #FFF;
		text-align: center;
		padding-bottom: 10%;
		z-index: 5;
	}
	.rule .title{
		display: inline-block;
		width: 71.2%;
		max-width: 535px;
		margin: 8% auto 4%;
	}
	.rule_text{
		display: block;
		width: 48.5%;
		max-width: 363px;
		margin: auto;
	}
	.rule a{
		display: block;
		width: 60.4%;
		margin: auto;
	}
	.rule a img{
		width: 100%;
	}
	.rule_inner{
		width: 83%;
		height: 510px;
		border: solid 3px #682009;
		border-radius: 6px;
		margin: 5% auto;
		overflow-y: scroll;
		font-size: 12px;
		line-height: 1.5rem;
		text-align: left;
		padding: 0.5em 0.5em 0.5em 1em;
		color: #303030;
	}
	.rule_inner p{
		font-size: 12px;
		line-height: 1.3rem
	}
	.rule_inner h1{
		font-family: "Noto Sans JP", sans-serif;
		text-align: center;
		font-size: 18px;
	}
	.rule_list_frame{
		margin-left: -2em;
	}
	.rule_list_frame ul{
		/*list-style: none;*/
	}
	.list01{
		line-height: 1em;
		margin-bottom: 1em;
	}
	.list01 > p{
		line-height: 1.5em;
	}
	.list_in01{
		display: block;
		line-height: 1.5em;
		padding-top: 0.3em;
		padding-left: 1.3em;
		text-indent: -0.5em;
	}
	.li_in_in01 > p{
		margin-top: 0px;
	}
	.li_in_in01{
		line-height: 1.5em;
		margin-bottom: 0.3em;
		list-style: disc;
	}
	.li_in_in02{
		list-style: none;
		line-height: 1.5em;
		margin-left: -0.5em;
		text-indent: -1em;
		margin-bottom: 0.3em;
	}
	.list_in01 p{
		line-height: 1.5em;
	}
	.list01 > p{
		line-height: 1.5em;
		margin-top: 0.5em;
	}
	.list01 > p > a{
		text-align: left;
		text-decoration: none;
		color: #303030;
		margin-left: 0px;
	}
	.list_in03{
		margin-left: -3.5em;
		padding-top: 0.5em;
		margin-bottom: 0.5em;
	}
	.list_in04{
		margin-left: -2.5em;
		margin-top: 0.5em;
	}
	.list_in_in05{
		list-style: disc;
		line-height: 1.5em;
		margin-left: 1.5em;
	}
	.footer_chara{
		display: block;
		width: 53%;
		max-width: 400px;
		margin: 3% auto -11.5%;
		
	}
}
@media(min-width: 781px){
		.rule {
		line-height: 1em;
		padding-top: 30px;
		font-family: "Noto Sans JP", sans-serif;
	}
	.rule p{
		font-family: "Noto Sans JP", sans-serif;
		font-size: 16px;
		font-weight: 400;
	}
	.rule ol{
		font-family: "Noto Sans JP", sans-serif;
		font-size: 16px;
		font-weight: 400;
		color: #525252;
	}
	.rule .rule_subtitle {
		font-size: 1.5em;
		margin-bottom: 2em;
	}
	.rule_inner {
		width: 750px;
		height: 600px;
		overflow-y: scroll;
		margin: auto;
		border: solid 2px #682009;
		padding: 2em;
		text-align: left;
		border-radius: 20px;
	}
	.rule_inner h1 {
		font-family: "Noto Sans JP", sans-serif;
		font-size: 18px;
		line-height: 1.2em;
		color: #525252;
	}
	/*スクロール*/
	.rule_inner::-webkit-scrollbar {
		width: 45px;
		height: 100%;
		padding: 0px;
		margin: 0px;
	}
	.rule_inner::-webkit-scrollbar-thumb {
		background-size: 25px;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url("../img/scroll.png");
		height: 2px;
	}
	.rule_inner::-webkit-scrollbar-track {
		background-color: #EACAA8;
		background-image: linear-gradient(90deg, #fff 38%, #f2a3ad 0, #f2a3ad 62%, #fff 0);
		border-radius: 48%;
		margin: 10px 0px;
	}
	.rule_inner h1{
		font-family: "Noto Sans JP", sans-serif;
		text-align: center;
		font-size: 20px;
	}
	.rule_list_frame ul{
		/*list-style: none;*/
	}
	.list01{
		line-height: 1em;
		margin-bottom: 1em;
	}
	.list01 > p{
		line-height: 1.5em;
	}
	.list_in01{
		display: block;
		line-height: 1.5em;
		padding-top: 0.3em;
	}
	.li_in_in01 > p{
		margin-top: 0px;
	}
	.li_in_in01{
		line-height: 1.5em;
		margin-bottom: 0.3em;
		list-style: disc;
	}
	.li_in_in02{
		list-style: none;
		line-height: 1.5em;
		margin-left: -0.5em;
		text-indent: -1em;
		margin-bottom: 0.3em;
	}
	.list_in01 p{
		line-height: 1.5em;
	}
	.list01 > p{
		line-height: 1.5em;
		margin-top: 0.5em;
	}
	.list01 > p > a{
		text-align: left;
		text-decoration: none;
		color: #303030;
		margin-left: 0px;
	}
	.list_in03{
		margin-left: -1.5em;
		padding-top: 0.5em;
		margin-bottom: 0.5em;
	}
	.list_in04{
		margin-left: -1.5em;
		margin-top: 0.5em;
	}
	.list_in_in05{
		list-style: disc;
		line-height: 1.5em;
		margin-left: 1.5em;
	}
}