@charset "utf-8";

/* ---------------------------------
	topKvWrap
---------------------------------- */

#topKvWrap {
	width: 100%;
	min-width: inherit;
	height: 242px;
	margin-top: 0;
	padding-bottom: 40px;
}
#kv_slider {
	width: 100%;
	height: 242px;
}
#kv_slider .slides li {
	width: 100%;
	height:242px;
}

#kv_slider .txtKv {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: 0;
	text-align: center;
	transform: translateY(-50%);
}
#kv_slider .txtKv img {
	width: 207px;
	height: auto;
	margin: 0 auto;
}

/* Control Nav */
#kv_slider .flex-control-nav {
	width: 100%;
	position: absolute;
	bottom:-35px;
	left: 0;
	margin-left: 0;
}
#kv_slider .flex-control-paging li a {
	background: #d8d8d8;
}

/* Direction Nav */
/*
#kv_slider .flex-direction-nav {
	width: 100%;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -17px;
}
*/
#kv_slider .flex-direction-nav li {
	width: 35px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
#kv_slider .flex-direction-nav li + li {
	left: auto;
	right: 0;
}
#kv_slider .flex-direction-nav a {
	width: 35px;
	height: 35px;
	margin: 0;
	background: url(../../../img/common/ico_prev_white.png) no-repeat 0 0;
	background-size: 35px auto;
}
#kv_slider .flex-direction-nav a.flex-next {
	background: url(../../../img/common/ico_next_white.png) no-repeat 0 0;
	background-size: 35px auto;
	right: 2.5%;
}
#kv_slider .flex-direction-nav a.flex-prev {
	left: 2.5%;
}

/* ---------------------------------
	topInfoWrap
---------------------------------- */
#topInfoWrap {
	padding: 10px 0;
	background: #f4f4f9;
	position: relative;
}
#topInfoWrap h3 {
	float: none;
	margin-right: 0;
	padding-bottom: 4px;
}
#topInfoWrap h3 span {
	padding-right: 10px;
}
#topInfoWrap dl {
	display: block;
	width: 100%;
	float: none;
	border-top: 1px solid #fff;
	border-right: none;
	border-left: none;
}
#topInfoWrap dt {
	display: block;
	width: 100%;
	padding: 10px 0 3px;
}
#topInfoWrap dd {
	display: block;
	padding: 5px 0;
	padding-right: 0;
}
#topInfoWrap .toNews {
	float: none;
	font-size: 1.2rem;
	padding: 6px 0 6px 12px;
	background: url(../../img/common/listhead01_gray.png) no-repeat 0 50%;
    background-size: 8px auto;
    position: absolute;
    top: 10px;
    right: 10px;
}


.spBRwrap {
	padding: 16px;
	text-align: center;
}
.spBRwrap img {
	width: 234px;
	height: auto;
}
.spBRwrap img.btn03-icon {
	width: 13px;
	height: 12px;
    vertical-align: -2px;
    margin-left: 3px;
}

/* ---------------------------------
	con01
---------------------------------- */
#con01 {
	padding: 0 0 20px;
}
#con01 > .inner {
	width: 100%;
	min-width:  100%;
	height: auto;
}
#con01 h2 {
	width: 100%;
	height: 213px;
	float: none;
	padding: 0;
	text-align: left;
	position: relative;
}
#con01 h2 img {
	width: 205px;
	height: 60px;
	position: absolute;
	left: 15px;
	bottom: 15px;
}
#con01 .txtWrap {
	width: 100%;
	height: auto;
	float: none;
	padding: 15px 10px;
	position: static;
}
#con01 .txtWrap .ttl {
	font-size: 1.8rem;
	margin-bottom: 12px;
}
#con01 .txtWrap .txt {
	line-height: 2;
	margin-bottom: 20px;
}

/* ---------------------------------
	con01_hanare
---------------------------------- */
#con01_hanare {
	padding: 0 0 20px;
}
#con01_hanare > .inner {
	width: 100%;
	min-width:  100%;
	height: auto;
}
#con01_hanare h2 {
	width: 100%;
	height: 213px;
	float: none;
	padding: 0;
	text-align: left;
	position: relative;
}
#con01_hanare h2 img {
	width: auto;
	height: 45px;
	position: absolute;
	left: 15px;
	bottom: 15px;
}
#con01_hanare .txtWrap {
	width: 100%;
	height: auto;
	float: none;
	padding: 15px 10px;
	position: static;
}
#con01_hanare .txtWrap .ttl {
	font-size: 1.8rem;
	margin-bottom: 12px;
}
#con01_hanare .txtWrap .txt {
	line-height: 2;
	margin-bottom: 20px;
}

/* ---------------------------------
	con02
---------------------------------- */
#con02 {
	padding: 30px 0;
}
#con02 .ttlWrap {
	position: static;
}
#con02 h2 {
	margin-bottom: 20px;
}
#con02 h2 img {
	width: 171px;
	height: auto;
}
#recoPlanTab {
	margin-bottom: 20px;
}
#recoPlanTab li {
	width: 49%;
	float: left;
	margin-left: 0;
	border: none;
	border-bottom: 2px solid #CFCFCF;
}
#recoPlanTab li:nth-child(2n) {
	float: right;
}
#recoPlanTab li.active,
#recoPlanTab li:hover {
	background: none;
	border: none;
	border-bottom: 2px solid #006494;
}
#recoPlanTab li a {
	color: #4c4948;
	display: block;
	box-sizing: border-box;
	padding: 13px 0 13px 10px;
	text-align: left;
	font-size: 1.3rem;
	font-weight: bold;
}
#recoPlanTab li.active a,
#recoPlanTab li:hover a {
	color: #4c4948;
}
#recoPlanTab li a img {
	width: 156px;
	height: auto;
	display: block;
	margin-bottom: 20px;
}
/* ---------------------------------
	con03
---------------------------------- */
#con03 {
	width: 100%;
	min-width: 100%;
	height: 480px;
}
#con03 .txtWrap {
	width: 300px;
	position: absolute;
	z-index: 0;
	top: 60px;
	left: 50%;
	margin-left: -150px;
}
#con03 .txtWrap img {
	width: 300px;
	height: auto;
}
#con03 .bgImgWrap li {
	width: 50%;
	height: 160px;
}
#con03 .bgImgWrap li:nth-child(3) {
	width: 100%;
}


/* ---------------------------------
	con04
---------------------------------- */
#con04 {
	padding-top: 30px;
	padding-bottom: 30px;
	position: static;
}
#con04 h2 {
	margin-bottom: 20px;
}
#con04 h2 img {
	width: 186px;
	height: auto;
}
#topBlogWrap .left {
	width: 100%;
	float: none;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
#topBlogWrap .left img {
	width: 100%;
	height: auto;
}

#topBlogWrap .right {
	width: 100%;
	float: none;
}
.blogList li {
	margin-bottom: 10px;
}

.blogList li div.date {
	width: 66px;
}
.blogList li div.date span {
	font-size: 3.2rem;
}
.blogList li p {
	padding: 5px 0 5px 15px;
}

#con04 .toBlog {
	position: static;
	margin-top: 15px;
}

/* ---------------------------------
	con05
---------------------------------- */
#con05 {
	padding: 30px 0;
}
#con05 h2 {
	margin-bottom: 20px;
}
#con05 h2 img {
	width: 272px;
	height: auto;
}
#con05 .ttlWrap {
	position: static;
}
#con05 .ttlWrap .toGallery {
	position: static;
}
#gallerySlider li {
	float: left;
	width: 136px;
	height: 201px;
}
#gallerySlider li.double {
	width: 272px;
}
.spToGallery {
	margin-top: 20px;
}