@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/

/* PC */

@media screen and (min-width: 751px) {
	#container {
		min-width: 950px;
		margin: 0 auto;
	}
	header {
		margin: 0 auto 80px;
		width: 100%;
		max-width: 950px;
	}
	header img {
		width: 100%;
	}

	.sub-content-container li,
	.prize-are li {
		margin-left: 18px;
	}

	.prize-icon {
		z-index: 99;
		position: absolute;
		top: -70px;
		left: -50px;
	}

	.pirze-area-container {
		position: relative;
		color: #fff;
		width: 960px;
		height: 360px;
		background-image: url(../img/prize-area-back.png);
		background-position: center top;
		background-size: auto;
		background-repeat: no-repeat;
		margin: 0 auto 70px;
	}


	.first-count-area {
		position: absolute;
		top: 125px;
		left: 380px;
	}

	.second-count-area {
		position: absolute;
		top: 83px;
		right: 42px;
	}

	.third-count-area {
		position: absolute;
		top: 173px;
		right: 42px;
	}

	.fourth-count-area {
		position: absolute;
		top: 248px;
		right: 42px;
	}

	.first-count {
		font-size: 58px;
		font-family: "arial", sans-serif;
		display: inline-block;
		margin-right: 2px;
		font-weight: bold;
	}
	.anct-1st-area .first-count {
		line-height: 100%;
		font-size: 61px;
		font-family: "arial", sans-serif;
		display: inline-block;
		margin-right: 2px;
		font-weight: bold;
		margin-left: 20px
	}

	.anct-other-area .first-count {
		line-height: 100%;
		font-size: 48px;
		font-family: "arial", sans-serif;
		display: inline-block;
		margin-right: 2px;
		font-weight: bold;
		margin-left: 20px
	}

	.other-count {
		font-size: 36px;
		font-family: "arial", sans-serif;
		display: inline-block;
		margin-right: 2px;
		font-weight: bold;
	}

	.unit {
		font-size: 15px;
		display: inline-block;
		font-weight: bold;
	}

	.anct-1st-area .unit {
		font-size: 36px;
		display: inline-block;
		font-weight: bold;
	}

	.anct-other-area .unit {
		font-size: 32px;
		display: inline-block;
		font-weight: bold;
	}

	.sub-content-container,
	.prize-are {
		position: relative;
		width: 900px;
		margin: 0 auto 75px;
	}

	.prize-are-title {
		margin-bottom: 76px;
	}

	.prize-are-content h3 {
		text-align: center;
		margin: 0 auto 44px;
	}

	.sub-content-container .sub-title {
		margin: 0 auto 30px;
		text-align: center;
	}

	.sub-content-container p {
		line-height: 150%;
	}

	.subconent02 strong.cation {
		color: #a7161d;
		font-size: 22px;
	}

	.contact-box {
		text-align: center;
		border: solid 3px #000;
		/*width: calc(960px - 70px);*/
		padding: 35px;
		margin-bottom: 100px;
	}
	.contact-box p {
		margin-bottom: 25px;
	}

	.lead {
		margin-bottom: 50px;
	}

	.contact-nav {
		display: none;
		position: fixed;
		right: 10px;
		bottom: 10px;
	}

	.list-no {
		list-style-position: outside;
		list-style-type: decimal;
		line-height: 200%;
		margin-left: 5px;
	}

	.list-no-custom {
		list-style-position: outside;
		line-height: 200%;
		margin-left: 5px;
	}

	.list-no-custom > li:before {

		display: inline-block;
		position: absolute;
		top: 0px;
		left: -20px;
	}

	.list-no-custom > li:first-child:before {
		content: "①";
	}

	.list-no-custom > li:nth-child(2):before {
		content: "②";
	}

	.list-no li,
	.list-no-custom li {
		position: relative;
		margin-bottom: 10px;
		line-height: 150%;
	}

	.prize-are .list-no-custom {
		margin-bottom: 50px;
	}

	.list-blcircle li,
	.list-cation li {
		position: relative;
		margin-bottom: 10px;
		line-height: 150%;
	}

	.list-blcircle li .list-left {
		float: left;
		margin-right: 10px;
	}

	.list-blcircle li:before {
		content: "●";
		display: inline-block;
		position: absolute;
		top: 0px;
		left: -20px;
	}

	.list-blcircle li .list-right {
		float: left;
	}

	.list-cation {
		list-style-position: inherit;
		margin-left: 25px;
	}

	.prize-are .list-cation {
		margin-top: 10px;
		margin-left: 0px;
	}

	.list-cation li::before {
		content: "※";
		display: inline-block;
		position: absolute;
		top: 0px;
		left: -20px;
	}


	.list-dot {
		list-style-position: outside;
		list-style-type: disc;
		line-height: 200%;
		margin-left: 5px;
	}

	.page-top-area {
		width: 100%;
		text-align: center;
	}

	footer {
		background-image: url(../img/footer_bar.jpg);
		background-position: center top;
		background-repeat: no-repeat;
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	footer small {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.content-anct {
		width: 900px;
		display: block;
		margin: 60px auto;
	}

	.content-anct-text {
		margin: 0 auto 76px;
		width: 910px;
		padding-left: 50px;
		font-size: 20px;
	}

	.anct-other-area,
	.anct-1st-area {
		margin: 0 auto 40px;
		width: 844px;
		padding: 46px 20px 80px;
		background-color: #fff;
	}
	.anct-last-dom{
		margin-bottom: 90px;
	}

	.first-icon {
		float: left;
		margin-left: 82px;
		margin-right: 30px;
	}

	.first-anct-right {
		float: left;
	}

	.first-lead {
		font-size: 18px;
		margin-top: 3px;
		margin-bottom: 10px;
		display: block;
	}
	.anct-other-area .left-parts,
	.first-anct-word .left-parts {
		display: block;
		float: left;
	}

	.anct-other-area .left-parts img {
		width: 375px;
	}

	.other-anct-word {
		width: 600px;
		margin: 0 auto;
	}
	.first-anct-word .left-parts img {
		width: 350px;
	}

	.first-anct-word .right-parts {
		display: block;
		float: left;
	}

	.anct-other-area .top-area,
	.anct-1st-area .top-area {
		padding-bottom: 10px;
		border-bottom: solid 2px #000;
		margin-bottom: 35px;
	}

	.bottom-area ul {
		width: 630px;
		margin: 0 auto;
	}

	.bottom-area ul li {
		float: left;
		font-size: 20px;
		font-weight: bold;
		margin-right: 25px;
	}

	.bottom-area ul li:nth-child(5n) {
		margin-right: 0px;
	}

	.anct-other-area .other-lead {
		width: 450px;
		display: block;
		margin: 0 auto;
		font-size: 13px;
		padding-left: 20px;
	}
}

/* スマホ */

@media all and (min-width: 0) and (max-width: 750px) {}