@charset "utf-8";

/* kv
----------------------------------------------------------- */

#kvWrap {
    background: url(../../img/feature/sp_pic_main.jpg) no-repeat 50% 0;
    background-size: cover;
}

/* featureWrap
----------------------------------------------------------- */

.leadWrap {
	padding: 25px 0;
}

/* con01
-------------------------- */

#anch_con01 {
	margin-top: -66px;
	padding-top: 66px;
}

#con01 {
	width: 100%;
	height: auto;
	padding-bottom: 0;
/*
	background: url(../../img/feature/sp_bg_con01.jpg) no-repeat 50% 0;
	background-size: cover;
*/
	position: relative;
	margin-top: 423px;
}

#con01 > .wrapper {
	position: static;
}

/* pointList ----- */

#pointList {
	width: 100%;
	position: absolute;
	top: -423px;
}

#pointList li {
	width: 100%;
	height: 105px;
	float: none;
	margin: 0 0 1px 0;
	position: relative;
}

#pointList li a {
	width: 100%;
	height: 105px;
	display: block;
}

#pointList li:nth-child(1) {
	background: url(../../img/feature/sp_pic_pointList01.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#pointList li:nth-child(2) {
	background: url(../../img/feature/sp_pic_pointList02.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#pointList li:nth-child(3) {
	background: url(../../img/feature/sp_pic_pointList04.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#pointList li:nth-child(4) {
	background: url(../../img/feature/sp_pic_pointList03.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#pointList li:last-child {
	margin-bottom: 0;
}

#pointList li .ico {
	position: absolute;
	top: 50%;
	left: 2.5%;
	margin: -52px 0 0 0;
}

#pointList li .ico img {
	width: 105px;
	height: auto;
}

/* ------ */

#con01 .inner {
	padding: 30px 0;
}

.pointTtl {
	font-size: 22px;
	margin-bottom: 5px;
}

.pointTtl span {
	margin-bottom: 5px;
}

.conTtl {
	font-size: 15px;
	margin-bottom: 5px;
}

.lead {
	font-size: 12px;
	margin-bottom: 20px;
}

#movieBox img {
	width: 280px;
	height: auto;
	margin: 0 auto; 
}

#movieBox {
	width: 100%;
	margin-bottom: 10px;
}

#movieBox video {
	width: 100%;
	height: auto;
}

#movieBox2 {
	width: 100%;
}

#movieBox2 video {
	width: 100%;
	height: auto;
}

#movieBox iframe,
#movieBox2 iframe,
#movieBox3 iframe {
	width: 100%;
	height: 168px;
}

/* con02
-------------------------- */

#anch_con02 {
	margin-top: -66px;
	padding-top: 66px;
}

#con02 {
	width: 100%;
	height: auto;
/*
	background: url(../../img/feature/sp_bg_con02.jpg) no-repeat 50% 0;
	background-size: cover;
*/
	padding: 30px 0;
}

/*
#con02 .right {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

#con02 .left {
	width: 100%;
	float: none;
}
*/

#movieBox3 {
	width: 100%;
}

#movieBox3 video {
	width: 100%;
	height: auto;
}

/* con03
-------------------------- */

#anch_con03 {
	margin-top: -66px;
	padding-top: 66px;
}

#con03 {
	width: 100%;
	height: auto;
/*
	background: url(../../img/feature/sp_bg_con03.jpg) no-repeat 50% 0;
	background-size: cover;
*/
	padding: 30px 0;
}

#con03 > .wrapper.spWrapper {
	background: none;
	height: auto;
}

#con03 .inner {
	width: 100%;
}

#con03 .imgPos {
	margin: 0 0 30px 0;
}

/* con04
-------------------------- */

#anch_con04 {
	margin-top: -76px;
	padding-top: 76px;
}

#con04 {
	width: 100%;
	height: auto;
	background: none;
}

#con04 .inner {
	width: 100%;
	height: auto;
	padding: 30px 0;
}

#con04 .btn02 {
	width: 100%;
}




/* ccWrap
----------------------------------------------------------- */

#ccWrap > .wrapper {
	padding: 30px 0;
}

#ccWrap .left {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}

#ccWrap .left p {
	line-height: inherit;
}

#ccWrap .right {
	width: 100%;
	float: none;
	top: 0;
	padding: 10px;
	text-align: left;
	display: table;
}

#ccWrap .right .guinnessImg {
	margin-bottom: 0;
	display: table-cell;
}

#ccWrap .right .txt {
	width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
	font-size: 12px;
	display: table-cell;
	vertical-align: middle;
}

#ccWrap .right .icoPos {
	width: 25px;
	height: auto;
	position: absolute;
	top: -12px;
	left: -7px;
}

#ccWrap .right .icoPos img {
	width: 25px;
	height: auto;
}

#ccWrap .right .guinnessImg img {
	width: 49px;
	height: auto;
}

/* ccSl -------- */

#slWrap {
	width: 100%;
	min-width: inherit;
	padding-bottom: 30px;
}

.caroufredsel_wrapper {
	width: 290px !important;
    margin: 0 auto !important;
}

#ccSl li {
	width: 290px;
	height: 280px;
}

#ccSl li img {
	width: 280px;
	height: 280px;
	margin: 0 auto;
}

#opeBox {
	width: 290px;
	float: none;
	height: 25px;
	top: 0;
	margin: 15px auto 0;
	text-align: center;
}

#opeBox #prevBtn {
	left: 20px;
}

#opeBox #nextBtn {
	right: 20px;
}


/*telBox*/
#telBox {
	text-align: center;
	margin: 15px;
}