@charset "utf-8";

.page-top {
	height: 200px;
	padding: 80px 0px 60px 0px;
	background-image: url(top_visual.jpg);
	margin: 0 0 40px 0;
	line-height: 1.6;
	text-shadow: 3px 3px 3px #4d4d4d;
}


ol.ol-box {
	width: 100%;
	margin: 0 0 40px 0;
}

ol.ol-box li {
	border-bottom: none;
	margin: 0 0 20px 0;
}


ol.ol-box li div.pht {
	display: block;
	width: 100%;
	padding: 20px 0 10px 0;
	text-align: left;
}

ol.ol-box li div.pht img {
	width: 100%;
}

ol.ol-box li div.txt {
	padding: 0px 0 20px 0;
	display: block;
	width: 100%;
	text-align: left;
}


ol.ol-box li div.txt p {
	padding: 0px 35px 5px 35px;
	font-size: 1.0rem;
}



@media screen and (min-width: 780px) {
/* pc */


.page-top {
	padding: 120px 0px 60px 0px;
	background-image: url(top_visual-pc.jpg);
}


ol.ol-box li div.pht,
ol.ol-box li div.txt {
	display: table-cell;
}

ol.ol-box li div.pht {
	width: 50%;
	padding: 20px 0 20px 0;
	text-align: left;
}

ol.ol-box li div.txt {
	padding: 20px 0 20px 20px;
	width: 50%;
	vertical-align:top;
}

ol.ol-box li div.txt h1,
ol.ol-box li div.txt h2,
ol.ol-box li div.txt h3 {
	text-align: left;
}

ol.ol-box li div.txt p {
	padding: 0px 35px 5px 0px;
	font-size: 1.0rem;
}

ol.ol-box li.odd {
  display: flex;
}

ol.ol-box li.odd div.pht  {
	order: 1;
}



/* /pc */
}