@charset "utf-8";
.ss-body {
	background: url(../img/ss-header-bg.jpg) no-repeat center top;	
}
/* #ss-intro */
#ss-intro {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 70px 0 150px;
	background: url(../img/ss-intro-bg01.png) no-repeat center top, url(../img/ss-intro-bg02.png) no-repeat center center, url(../img/ss-intro-bg03.png) no-repeat center bottom, url(../img/sub-bg01.png) no-repeat center bottom;
}
#ss-intro img {
	vertical-align: bottom;	
}
#ss-intro .wrap {
	position: relative;
	width: 1100px;
	height: auto;
	margin: 0 auto;
}
#ss-intro p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	letter-spacing: 0.2em;
	line-height: 160%;
	font-size: 16px;
	margin: 0;
	font-weight: 500;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
}
#ss-intro h3 {
    border-bottom: 1px dashed rgba(51,51,51,0.6);
    margin: 0 0 15px;
}
#ss-intro a {
    box-sizing: border-box;
    width: 370px;
    height: auto;
    padding: 20px;
    display: block;
    text-align: center;
    border: 1px solid rgba(51,51,51,0.6);
    color: #333333;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 16px;
    letter-spacing: 0.1em;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.5s ease;
    background: url(../img/top-info-arrow.png) no-repeat center right,rgba(0,0,0,0);
    border-radius: 6px;
	margin: 25px auto 0;
}
#ss-intro a:hover {
	transition: all 0.5s ease;
	background: url(../img/top-info-arrow.png) no-repeat center right, rgba(0,0,0,0.1);	
}
#ss-intro .box {
	position: relative;
	width: 100%;
	height: 334px;
	margin-bottom: 80px;
	box-sizing: border-box;
	border: 1px solid rgba(204,204,204,0.6);
	padding: 40px;
	clear: both;
	background: url(../img/ss-intro-boxbg.png) no-repeat left top, rgba(255,255,255,0.7);	
}
#ss-intro .col {
	float: left;
	width: 570px;
	height: auto;
}
#ss-intro .img {
	position: absolute;
	width: 450px;
	height: 332px;
	right: 0;
	top: 0;
}
#ss-intro .boxbg {
	position: absolute;
	width: 1100px;
	height: 332px;
	bottom: -16px;
	right: -16px;
	background: url(../img/ss-intro-wbg01.png) no-repeat center center;
	pointer-events: none;
}
#ss-intro .box:nth-of-type(2) {
	height: 433px;
}
#ss-intro .box:nth-of-type(2) .img {
	height: 433px;
}
#ss-intro .box:nth-of-type(2) .boxbg {
	height: 433px;
	background: url(../img/ss-intro-wbg02.png) no-repeat center center;
}