@charset "utf-8";

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

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

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

.leadWrap {
	padding: 60px 0 190px 0;
}

.leadWrap .lead {
	margin-bottom: 0;
}

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

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

#con01 {
	width: 100%;
	height: auto;
	padding-bottom: 60px;
	background: #a8a8a8;
/* 	background-size: cover; */
}

#con01 > .wrapper {
	position: relative;
}

/* pointList ----- */

#pointList {
	width: 1000px;
	position: absolute;
	top: -110px;
}

#pointList li {
	width: 230px;
	float: left;
	margin-right: 26px;
	position: relative;
}

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

#pointList li .ico {
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -69px;
	z-index: 1;
}

#pointList li a:hover img {
	opacity: 1;
}

/* ------ */

#con01 .inner {
	padding-top: 140px;
}

.pointTtl {
	font-size: 260%;
	color: #4c4c4c;
	font-weight: bold;
	margin-bottom: 10px;
}

.pointTtl span {
	display: block;
	width: 70px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 13px;
	color: #fff;
	font-weight: normal;
	background: #00ade8;
	margin-bottom: 5px;
}

.conTtl {
	font-size: 170%;
	font-weight: bold;
	color: #00ade8;
	margin-bottom: 5px;
}

.lead {
	font-size: 120%;
	color: #4b4b4b;
	margin-bottom: 20px;
}

#movieBox {
	width: 1000px;
	margin: 0 auto 20px;
}

#movieBox2 {
	width: 1000px;
	margin: 0 auto;
}

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

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

#con02 {
	width: 100%;
	height: auto;
	background: #bdbdbd;
/* 	background-size: cover; */
	padding: 60px 0;
	box-sizing: border-box;
}

#movieBox3 {
	width: 1000px;
	margin: 0 auto;
}

/*
#con02 .right {
	width: 280px;
	float: right;
}

#con02 .left {
	width: 660px;
	float: left;
}
*/

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

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

#con03 {
	width: 100%;
	height: 310px;
/* 	height: 580px; */
	background: #efefec;
/* 	background-size: cover; */
	padding-top: 60px;
	box-sizing: border-box;
}

#con03 > .wrapper.spWrapper {
/*
	background: url(../../img/feature/pic_con03_2.png) no-repeat 30px 120px;
	background-size: 1000px auto;
*/
/* 	height: 686px; */
}

#con03 .inner {
	width: 510px;
}

#con03 .imgPos {
	margin-top: 90px;
}

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

#con04 {
	width: 100%;
	height: 538px;
	background: url(../../img/feature/bg_con04.jpg) no-repeat 50% 0;
	background-size: 1600px 538px;
}

#con04 .inner {
	width: 580px;
	height: 538px;
	margin: 0 auto;
	padding: 60px;
	box-sizing: border-box;
}

#con04 .inner .pointTtl,
#con04 .inner .conTtl {
	text-align: center;
}

#con04 .inner .pointTtl span {
	margin: 0 auto 5px;
}

#con04 .btn02 {
	width: 280px;
	margin: 0 auto;
}


/* con05
-------------------------- */

#anch_con05 {
	margin-top: -166px;
	padding-top: 166px;
}

#con05 {
	width: 100%;
	height: auto;
	background: #FFFFFF;
/* 	background-size: cover; */
	padding: 60px 0;
	box-sizing: border-box;
}





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

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

#ccWrap .left {
	/* width: 660px; */
	width: 100%;
	float: left;
}

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

#ccWrap .right {
	width: 307px;
	float: right;
	position: relative;
	top: -20px;
	border: 1px solid #d3d3d3;
	padding: 25px;
	box-sizing: border-box;
	text-align: center;
}

#ccWrap .right .guinnessImg {
	margin-bottom: 15px;
}

#ccWrap .right .txt {
	font-size: 150%;
	color: #00ade8;
}

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

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

#slWrap {
	width: 100%;
	min-width: 1060px;
	overflow: hidden;
	padding-bottom: 60px;
}

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

#ccSl li {
	width: 430px;
	height: 430px;
	float: left;
	margin: 0 5px;
	display: none;
}

#opeBox {
	float: right;
	position: relative;
	top: -40px;
	height: 25px;
	padding-top: 7px;
	margin-right: 20px;
	box-sizing: border-box;
}

#opeBox #pager a {
	display: inline-block;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	border: 1px solid #d3d3d3;
	background: #bbb;
	margin: 0 3px;
	box-sizing: border-box;
}

#opeBox #pager a.selected {
	background: #00ace7;
}

#opeBox #prevBtn,
#opeBox #nextBtn {
	width: 15px;
	height: 15px;
	position: absolute;
	top: -1px;
	cursor: pointer;
}

#opeBox #prevBtn {
	left: -20px;
}

#opeBox #nextBtn {
	right: -20px;
}
 



/*telBox*/
#telBox {
	max-width: 1000px;
	text-align: center;
	margin: 30px auto 60px;
}

#telBox h3 {
	color: #00ade8;
	border: 1px solid #00ade8;
}

#telBox p {
	color: #00ade8;
}