@charset "UTF-8";

/*Copyright 2018 Hyuga Kouzai.*/
/* CSS Document */
/* ------------------------------------------------ */
/* ▼お取引用(partner.html)
/* ------------------------------------------------ */
/* download*/
.partner {
	width:80%;
	margin:1rem auto;
}
.partner p{
	margin:1rem;
	padding:0px;
	line-height:1rem;
	font-size:1.6vw;
}
.partner h4{
	border-radius: 5px;
	background-color:#666666;
	color:#ffffff;
	padding:0.2rem;
	margin-bottom:0.5rem;
	font-size:1.6vw;
	& span{
	font-size:1.8vw;
	padding-left:0.5rem;
	margin-right:0.5%;
	}
}
.partner .describe{
	width: 90%;
	margin:1rem auto;
	text-align: left;
}
.partner ol{
	background-color:#cccccc;
	border-radius: 0.5rem;
	margin:1rem;
	padding:1rem 0.5rem 1rem 2rem;
	& li{
		list-style-type: decimal;
		margin:5px;
		font-size:1.5vw;
		& > span{
			display: block;
			margin: 0 auto;
			text-align: center;
			& > img{
				width:60%;
				margin:1rem 0 1rem;
			}
		}
	}
}
.partner .dl{
	display:block;
	width:100%;
	margin:1.5rem auto 3rem;
	text-align: center;
	& a{
		background-color:#BDF5FE;
		border:3px solid #2AA8E5;
		border-radius: 5px;
		margin:1rem auto;
		padding:0.5rem;
		font-size: 1.6vw;
		opacity: 0.8;
		&:hover{
			opacity: 1;
		}
	}
}

/* ------------------------------------------------ */
/* レスポンシブ（780px以下）
/* ------------------------------------------------ */
@media screen and (orientation: portrait) and (max-width:780px) {
    /* ▼お取引書式ダウンロード */
	.partner {
		width:85%;
		margin:1rem auto;
	}
	.partner p{
		margin:1rem;
		padding:0px;
		line-height:1rem;
		font-size:0.8rem;
	}
	.partner h4{
		font-size:1rem;
		& span{
		font-size:1rem;
		}
	}
	.partner .describe{
		width: 90%;
	}
	.partner ol{
		width: 100%;
		margin:1rem auto;
		padding:1rem 0.5rem 1rem 2rem;
		& li{
			list-style-type: decimal;
			margin:0.5rem;
			line-height: 1rem;
			font-size:0.8rem;
			& > span img{
				width:90%;
			}
		}
	}
	.partner .dl{
		display:block;
		width:100%;
		margin:1.5rem auto 3rem;
		text-align: center;
		& a{
			background-color:#BDF5FE;
			border:3px solid #2AA8E5;
			border-radius: 5px;
			margin:1rem auto;
			padding:0.5rem;
			padding:0.5rem;
			font-size: 0.8rem;
			opacity: 1;
		}
	}
}

/* ------------------------------------------------ */
/* 380px以下に対応
/* ------------------------------------------------ */
@media screen and (orientation: portrait) and (max-width:380px)  and (max-height: 890px){
	.partner .describe{
		width: 90%;
	}
	.partner ol{
		width: 100%;
		margin:1rem auto;
		padding:1rem 0.5rem 1rem 2rem;
		& li{
			list-style-type: decimal;
			margin:0.5rem;
			line-height: 1rem;
			font-size:0.8rem;
			& > span img{
					width:90%;
			}
		}
	}
	.partner .dl{
		display:block;
		width:100%;
		margin:1.5rem auto 3rem;
		text-align: center;
		& a{
			background-color:#BDF5FE;
			border:3px solid #2AA8E5;
			border-radius: 5px;
			margin:1rem auto;
			padding:0.5rem;
			padding:0.5rem;
			font-size: 0.8rem;
			opacity: 1;
		}
	}
}