
header {
	background: url(images/header_bg.jpg) no-repeat center bottom;
	background-size: cover;
}

div.product {
	background-color: #f9f9f9;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 50px;
}

div.product div.img {
	width: 400px;
}

div.product div.text {
	width: 650px;
}

div.product div.text h2 {
	color: #102a52;
	font-size: 36px;
	text-align: justify;
}

div.product div.text h2 em {
	color: #a4b0c3;
	display: block;
	font-size: 18px;
	font-weight: 500;
	vertical-align: bottom;
}

div.product div.text h2 em span.navy {
	color: #b11929;
	font-weight: 700;
}

div.product div.line {
	margin: 20px 0;
	width: 100%;
}

div.sotec {
	display: flex;
	justify-content: space-between;
	padding: 0 30px 0 20px;
}

div.sotec ul.point-list li {
	font-size: 22px;
	font-weight: 700;
	padding: 20px 20px 20px 85px;
}

div.sotec ul.point-list li:nth-child(1) {
	background: url(images/sotec_point1@2x.png) no-repeat left center;
	background-size: 76px;
}

div.sotec ul.point-list li:nth-child(2) {
	background: url(images/sotec_point2@2x.png) no-repeat left center;
	background-size: 76px;
}

div.sotec ul.point-list li:nth-child(3) {
	background: url(images/sotec_point3@2x.png) no-repeat left center;
	background-size: 76px;
}

div.sotec ul.point-list li em {
	display: block;
	font-size: 13px;
}

div.sotec ul.btn {
	display: flex;
	justify-content: center;
}

div.sotec ul.btn li:first-child {
	border-right: 1px solid white;
	width: 450px;
}

div.sotec ul.btn li:last-child {
	width: 350px;
}

div.sotec ul.btn li a {
	align-items: center;
	color: white;
	display: flex;
	height: 100%;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	transition-duration: .5s;
}

div.sotec ul li:first-child a {
	background: url(images/sotec_btn_sotec@2x.jpg) center center;
	background-size: 100%;
}

div.sotec ul.btn li a:hover {
	background-size: 115%;
}

div.sotec ul.btn li a div.text {
	display: block;
}

div.sotec ul.btn li a div.text img {
	display: block;
	margin: 0 auto;
}

div.sotec ul.btn li a div.text p {
	font-size: 14px;
	line-height: 1.8em;
	margin: 20px 0;
}

div.sotec ul.btn li a div.text p.btn {
	background: url(../images/link_btn_ex.svg) no-repeat right 20px center;
	background-size: 14px;
	border: 1px solid white;
	margin: 10px auto 0 auto;
	padding: 12px 0;
	text-align: center;
	transition: all .2s;
	width: 290px;
}

div.sotec ul.btn li ul {
	height: 50%;
}

div.sotec ul.btn li ul li:first-child,
div.sotec ul.btn li ul li:last-child {
	height: 100%;
	width: 100%;
}

div.sotec ul.btn li ul li:first-child {
	border-bottom: 1px solid white;
	border-right: none;
}

div.sotec ul.btn li ul li:first-child a,
div.sotec ul.btn li ul li:last-child a {
	background: #00398e;
}

div.sotec ul.btn li ul li:first-child a {
	background: url(images/sotec_btn_try@2x.jpg) center center;
	background-size: 100%;
	padding: 25px 0 23px 0;
}

div.sotec ul.btn li ul li:last-child a {
	background: url(images/sotec_btn_dai@2x.jpg) center center;
	background-size: 100%;
	padding: 22px 0 20px 0;
}

div.sotec ul.btn li ul li a:hover {
	background-size: 115%;
}

div.sotec ul.btn li ul li a div.text p {
	font-size: 13px;
	line-height: 1.2em;
	margin: 5px 0;
}