@charset "UTF-8";


/*========================================

  point

========================================*/
#sec001 {
	background:url(../img/bg_pc.png) repeat-y center top;
	padding-top:1px;
	margin-top:1px;
	position:relative;
}
@media screen and (max-width: 767px) {
	#sec001 {
		background:url(../img/bg_sp.png) repeat-y center -15vw;
		background-size:100% auto;
	}
}
#sec001 .box {
	border-bottom:1px solid #c7c7c7;
	padding-top:50px;
	padding-bottom:50px;
}
#sec001 .re_box {
	flex-direction:row-reverse;
}
#sec001 .box .photo {
	width:40%;
}
#sec001 .box .photo img {
	width:100%;
}
#sec001 .box .photo.bdr img {
	border:1px solid #ddd;
}
#sec001 .box .txt {
	width:56%;
	text-align:left;
}
#sec001 .box .txt .point {
	display:block;
	width:70px;
	margin-bottom:10px;
}
#sec001 .box .txt h2 {
	display:inline;
	font-size:28px;
	background:linear-gradient(transparent 70%, #ffed00 70%);
}
#sec001 .box .txt h2 small {
	font-size:29px;
}
#sec001 .box .txt h2 a {
	text-decoration:underline;
	color:#333;
}
#sec001 .box .txt h2 a:hover {
	color:#009e40;
}
#sec001 .box .txt p {
	font-size:16px;
	line-height:1.7em;
	text-align:justify;
	text-justify:inter-ideograph;
	margin-top:10px;
}
#sec001 .box .txt p a {
	color:#0061b2;
}
#sec001 .box .txt p strong {
	color:#f66280;
	font-weight:bold;
}
#sec001 .box .txt p span {
	display:block;
	color:#000;
	font-size:20px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:5px;
}
@media screen and (max-width: 767px) {
	.flex_1000 {
		width:90%;
		display:block;
	}
	#sec001 .box {
		align-items:stretch;
		padding-top:5vw;
		padding-bottom:10vw;
	}
	#sec001 .re_box {
		flex-direction:column;
	}
	#sec001 .box .photo {
		width:100%;
	}
	#sec001 .box .txt {
		position:relative;
		width:100%;
		margin-top:-12vw;
		z-index:5;
	}
	#sec001 .box .txt .point {
		width:12vw;
		margin-top:5vw;
		margin-left:-2vw;
	}
	#sec001 .box .txt h2 {
		font-size:6vw;
		background:linear-gradient(transparent 70%, #ffed00 70%);
	}
	#sec001 .box .txt h2 small {
		font-size:6vw;
	}
	#sec001 .box .txt p {
		font-size:4vw;
	}
	#sec001 .box .txt p span {
		font-size:4.5vw;
	}
}


#viewer {
	margin:0 auto;
	width:100%;
	height:260px;
	text-align:left;
	overflow:hidden;
	position:relative;
}

#viewer img {
	top:0;
	left:0;
	position:absolute;
	opacity:0;
}

@media screen and (max-width: 767px) {
	#viewer {
		width:100%;
		height:55vw;
	}
}