.attipas_2209
	{
	font-size: .78vw;
	line-height: 2.5;
	color: #533322;
	letter-spacing: 2px;
	}

.attipas_2209 .info
	{
	width: 1120px;
	margin: 16vh auto;
	}

.attipas_2209 .info h2
	{
	font-size: 2em;
	}

.attipas_2209 .info ul
	{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	}

.attipas_2209 .info ul li
	{
	width: 49%;
	}

.attipas_2209 .info ul li:first-child
	{
	text-align: right;
	}

.attipas_2209 .info ul li img
	{
	width: 100%;
	}

.attipas_2209 .info ul li a img
	{
	width: auto;
	margin-top: 3.5vh;
	}

.attipas_2209 .info ul li p
	{
	font-size: 1.3em;
	}

.attipas_2209 .pickup
	{
	width: 1120px;
	margin: 0 auto;
	}

.attipas_2209 .pickup h3
	{
	font-size: 3em;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	}

.attipas_2209 .pickup ul
	{
	margin-top: 10vh;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	}

.attipas_2209 .pickup ul:nth-child(even)
	{
	flex-direction: row-reverse;
	}

.attipas_2209 .pickup ul li
	{
	width: 48%;
	text-align: center;
	}

.attipas_2209 .pickup ul li img
	{
	width: 100%;
	}

.attipas_2209 .pickup ul li:last-child img
	{
	width: 70%;
	}

.attipas_2209 .pickup ul li p
	{
	line-height: 1.5;
	}

.attipas_2209 .pickup ul li a em
	{
	width: 70%;
	margin: 0 auto;
	display: block;
	border: 1px solid #533322;
	border-radius: 10px;
	position: relative;
	font-style: normal;
	font-size: 1em;
	}

.attipas_2209 .pickup ul li a em:hover
	{
	color: #fff;
	background-color: #533322;
	}

.attipas_2209 .pickup ul li a em:before
	{
	content: '';
	width: 18px;
	height: 18px;
	background: #533322;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 20%;
	margin-top: -9px;
	}

.attipas_2209 .pickup ul li a em:after
	{
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	position: absolute;
	top: 52%;
	right: 21.7%;
	margin-top: -4px;
	transform: rotate(45deg);
	}


.attipas_2209 .reason
	{
	margin: 15vh 0;
	padding: 5vh 0;
	background-color: #fffaf0;
	}

.attipas_2209 .reason h4
	{
	font-size: 2em;
	text-align: center;
	}

.attipas_2209 .reason h4 strong
	{
	font-size: 2.2em;
	}

.attipas_2209 .reason div
	{
	width: 1120px;
	margin: 0 auto;
	}

.attipas_2209 .reason div ul
	{
	margin-bottom: 6vh;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	background-color: #fff;
	}

.attipas_2209 .reason ul:nth-child(odd)
	{
	flex-direction: row-reverse;
	}

.attipas_2209 .reason div ul li
	{
	width: 50%;
	}

.attipas_2209 .reason div ul li img
	{
	width: 100%;
	}

.attipas_2209 .reason div ul li:last-child
	{
	padding: 3vh;
	}

.attipas_2209 .reason div ul li:last-child span
	{
	display: block;
	font-size: 3em;
	letter-spacing: 0;
	font-style: italic;
	color: #999999;
	font-family: 'Oswald', sans-serif;
	}

.attipas_2209 .reason div ul li:last-child strong
	{
	line-height: 1.2;
	font-size: 2.2em;
	}

.attipas_2209 .reason div ul li:last-child  p
	{
	font-size: 1.3em;
	}

.attipas_2209 .rank
	{
	width: 1120px;
	margin: 0 auto;
	text-align: center;
	}

.attipas_2209 .rank h4
	{
	font-size: 3em;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	}

.attipas_2209 .rank ul
	{
	margin-bottom: 8vh;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	}

.attipas_2209 .rank ul li
	{
	width: 24%;
	text-align: center;
	}

.attipas_2209 .rank ul li a
	{
	display: block;
	text-align: center;
	}

.attipas_2209 .rank ul li a em
	{
	padding: 0.2em 0.5em;
	font-style: normal;
	border-radius: 5px;
	border: 1px solid #9f6650;
	}

.attipas_2209 .rank ul li:first-child a em
	{
	color: #fff;
	border: 1px solid #ccb11e;
	background-color: #ccb11e;
	}

.attipas_2209 .rank ul li:nth-child(2) a em
	{
	color: #fff;
	border: 1px solid #7a7a7a;
	background-color: #7a7a7a;
	}

.attipas_2209 .rank ul li:nth-child(3) a em
	{
	color: #fff;
	border: 1px solid #9f6650;
	background-color: #9f6650;
	}

.attipas_2209 .rank ul li
	{
	margin-top: 5vh;
	}

.attipas_2209 .rank ul li a p
	{
	line-height: 1.4;
	}

.attipas_2209 .rank ul+img
	{
	margin: 0 auto;
	}

.info_sp
	{
	display: none !important;
	}
.info_pc
	{
	display: block;
	}


@media screen and (max-width:769px) {
	.info_pc
		{

		display: none !important;
		}

	.info_sp
		{
		display: block !important;
		}

	.attipas_2209 .info
		{
		width: 90%;
		margin: 5vh auto;
		}

	.attipas_2209 .info h2
		{
		font-size: 5em;
		}

	.attipas_2209 .info ul
		{
		display: block;
		}

	.attipas_2209 .info ul li
		{
		width: 100%;
		}


	.attipas_2209 .info ul li a img
		{
		width: 90%;
		margin: 2vh 0 2vh 5%;
		}

	.attipas_2209 .info ul li p
		{
		font-size: 4em;
		}

	.attipas_2209 .pickup
		{
		width: 90%;
		}

	.attipas_2209 .pickup h3
		{
		font-size: 8em;
		text-align: center;
		font-family: 'Oswald', sans-serif;
		}

	.attipas_2209 .pickup ul
		{
		margin-top: 5vh;
		}

	.attipas_2209 .pickup ul li:first-child
		{
		width: 50%;
		}

	.attipas_2209 .pickup ul li:last-child
		{
		width: 49%;
		}

	.attipas_2209 .pickup ul li:last-child img
		{
		width: 50%;
		}

	.attipas_2209 .pickup ul li p
		{
		font-size: 3em;
		}


	.attipas_2209 .pickup ul li a em
		{
		width: 90%;
		margin: 0 auto;
		display: block;
		border: 1px solid #533322;
		border-radius: 10px;
		position: relative;
		font-style: normal;
		font-size: 3em;
		}



	.attipas_2209 .pickup ul li a em:before
		{
		content: '';
		width: 12px;
		height: 12px;
		background: #533322;
		border-radius: 50%;
		position: absolute;
		top: 70%;
		right: 10%;
		margin-top: -9px;
		}

	.attipas_2209 .pickup ul li a em:after
		{
		content: '';
		width: 4px;
		height: 4px;
		border: 0;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		position: absolute;
		top: 62%;
		right: 13%;
		margin-top: -4px;
		transform: rotate(45deg);
		}


	.attipas_2209 .reason
		{
		margin: 10vh 0;
		padding: 1vh 2vw;
		background-color: #fffaf0;
		}

	.attipas_2209 .reason div ul li
		{
		width: 100%;
		}

	.attipas_2209 .reason div ul li:last-child
		{
		padding: 1.5vh;
		}

	.attipas_2209 .reason h4
		{
		font-size: 4em;
		text-align: center;
		}

	.attipas_2209 .reason h4 strong
		{
		font-size: 2.2em;
		}

	.attipas_2209 .reason div
		{
		width: 98%;
		margin: 0 auto;
		}

	.attipas_2209 .reason div ul
		{
		margin-bottom: 3vh;
		}


	.attipas_2209 .reason div ul li:last-child span
		{
		font-size: 5em;
		}

	.attipas_2209 .reason div ul li:last-child strong
		{
		line-height: 1.2;
		font-size: 5.2em;
		}

	.attipas_2209 .reason div ul li:last-child strong br
		{
		display: none;
		}

	.attipas_2209 .reason div ul li:last-child  p
		{
		font-size: 3.8em;
		line-height: 1.4;
		}

	.attipas_2209 .rank
		{
		width: 98%;
		margin: 0 auto;
		text-align: center;
		}

	.attipas_2209 .rank h4
		{
		font-size: 8em;
		text-align: center;
		font-family: 'Oswald', sans-serif;
		}

	.attipas_2209 .rank ul
		{
		margin-bottom: 4vh;

		}

	.attipas_2209 .rank ul li
		{
		width: 48%;
		text-align: center;
		}

	.attipas_2209 .rank ul li a
		{
		display: block;
		text-align: center;
		}

	.attipas_2209 .rank ul li a em
		{
		font-size: 4em;
		padding: 0.2em 0.5em;
		}



	.attipas_2209 .rank ul li
		{
		margin-top: 3vh;
		}

	.attipas_2209 .rank ul li a p
		{
		line-height: 1.4;
		font-size: 3em;
		}

	.attipas_2209 .rank img:last-child
		{
		width: 80% !important;
		margin: 0 auto;
		}


}