@charset "UTF-8";

#possible-time h2{
	font-size: 118.71%;
	background-color: #efefef;
	padding: 20px 10px;
	margin-bottom: 10px;
	text-align: center;
}
#possible-time .ul-ctr {
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-direction: column;
}
#possible-time li {
	text-align: left;
}

.content_wrap {
	margin: 0 auto 50px;
}
#flow-area ul#list > li {
	margin-bottom: 40px;
}
#flow-area h3 {
	font-size: 168.71%;
	background-color: #0f489c;
	color: #fff;
	text-align: center;
	padding: 20px;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
	margin-bottom: 10px;
}
img.capture {
	width: 300px;
	border:1px solid #ccc;
	margin-top: 20px;
}
.detail-point {
	text-align: center;
}
#detail-list {
	background-color: #d9f1ff;
	padding: 10px 20px;
	line-height: 1.5;
	margin-top: 10px;
}
#mobile-view {
	border: 3px solid #0f489c;
	padding: 20px;
	margin-top: 20px;
}
#mobile-view li {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
}
#mobile-view p {
	font-size: 108.71%;
	line-height: 1.5;
	margin-top: 10px;
}
#mobile-view h4,
#cancel {
	font-size: 118.71%;
	color: #0f489c;
	background-color: #e3f3fc;
	text-align: center;
	padding: 10px 0;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
}
#cancel {
	margin-top: 20px;
}
#zoom-dl-area {
	border: 6px solid #0f489c;
	background-color: #efefef;
	padding: 20px;
	margin-top: 20px;
}
.zoom-link a {
	display: block;
	font-size: 128.71%;
	background-color: #0f489c;
	color: #fff;
	text-align: center;
	padding: 15px;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
	margin-bottom: 10px;
}
.zoom-mobile dl {
	align-items: center;
	justify-content: space-between;
	display: flex;
}
.zoom-mobile h4 {
	font-size: 118.71%;
	color: #0f489c;
	text-align: center;
	font-family: "FP-ヒラギノ角ゴ ProN W6", "FP-HiraKakuProN-W6";
}

.zoom-mobile .btn-icon {
	height: 59px;
}
.zoom-mobile .img-qrcode {
	width: 200px;
}
.zoom-mobile img {
	margin-top: 10px;
}
.zoom-mobile dt,
.zoom-mobile dd {
	display: inline-block;
	margin-left: 16px;
}
.zoom-mobile dt:first-child {
	margin-left: 0px;
}

/* PC SIZE */
@media screen and (min-width: 980px){
	#flow-area ul#list > li {
		width: 49%;
		margin-bottom: 40px;
		float: left;
	}
	#flow-area ul#list > li:nth-child(even) {
		margin-left: 2%;
	}
}
@media screen and (min-width: 480px){
	.zoom-mobile img.ip {
		margin-left: 15px;
	}
}
/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){

}
@media screen and (max-width: 480px){

}