@charset "UTF-8";
#container {
	width: 100%;
	max-width: 750px;
	text-align: center;
	margin: 0 auto;
	margin: 20px auto 0;
}

#container .button {
	padding: 43px 0 50px;
	background: #fff;
}
#container .button a {
	color: #fff;
	width: 230px;
	height: 41px;
	display: block;
	font-size: 108%;
	line-height: 41px;
	background: #333;
	text-align: center;
	margin: 0 auto;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* #container img {
	width: 100%;
	height: auto;
}
 */
.item-cont {
	position: relative;
}
.item-cont a:hover {
	opacity: .4;
}

#container > p:nth-child(2) {
	padding-top: 40px;
}
@media (max-width:768px) {
	#container > p:nth-child(2) {
		padding-top: 0;
	}
}
#container > img{
	width: 100%;
	margin: -7px;
}
#container > p img {
	margin: 0 45px 80px 44px;
	display: block;
	max-width: 91%;
}
@media (max-width:768px) {
	#container > p img {
		margin: 20px auto;
	}
}
p.item-cont a {
	position: absolute;
	max-width: 440px;
	width: 44%;
	font-size: 0;
}
.item-cont .tab-btn {
	position: absolute;
	max-width: 250px;
	right: 2%;
	top: 15%;
	width: 25%;
}
p.item-cont a:after {
	content: "";
	position: absolute;
	width: 54%;
	height: 2px;
	left: 0;
	right: 0;
	bottom: -7px;
	margin: auto;
}
.left-column {
	left: 5%;
}
.right-column {
	right: 5%;
}
.line01 {
	top: 25%;
}
.line02 {
	top: 35%;
}
.line03 {
	top: 45%;
}
.line04 {
	top: 66%;
}
.line05 {
	top: 76%;
}

.low .line01 {
	top: 47%;
}
.low .line02 {
	top: 67%;
}
p.item-cont a.suc:after {
	 width: 100%;
}

.line04.sita{
	top: 70%;
}
.line05.sita {
	top: 80%;
}
body.medium .item-cont{
    font-size: 0px;
}