@charset "utf-8";
/* CSS Document */
/* PC用スタイルシート */






/* .bukken_list01 */
.bukken_list01 a.liBox {
	width: 240px;
	height: 387px;
	padding: 0 14px;
	border: 1px solid #FFF;
	background: #FFF;
	box-sizing: border-box;
	position: relative;
	display: block;
}
.bukken_list01 a.liBox:before,
.bukken_list01 a.liBox:after {
	content: '';
	display: block;
	position: absolute;
}
.bukken_list01 .new a.liBox:before {
	width: 79px;
	height: 49px;
	background: no-repeat 0 0;
	z-index: 0;
}
.bukken_list01 a.liBox:after {
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.62) 70%, rgba(0,0,0,0.62) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.62) 70%,rgba(0,0,0,0.62) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.62) 70%,rgba(0,0,0,0.62) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9e000000',GradientType=0 );
	left: 0;
	top: 0;
	z-index: 1;
}
.bukken_list01 a.liBox span {
	color: #FFF;
	display: block;
	position: relative;
	z-index: 2;
}
.bukken_list01 a.liBox .pic {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.bukken_list01 a.liBox .pic img {
	width: auto;
	height: 100%;
}
.bukken_list01 a.liBox .pic {
	width: 238px;
	height: 385px;
	overflow: hidden;
}
.bukken_list01 a.liBox .pic img {
	width: 385px;
	height: 385px;
	margin-left: -73px;
}
.bukken_list01 a.liBox .new {
	text-indent: -9999px;
	position: absolute;
	left: 0;
	top: 0;
}
.bukken_list01 a.liBox .new:before {
	content: '';
	border: solid;
	border-width: 25px 40px;
	border-color: #EFEF00 transparent transparent #EFEF00;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.bukken_list01 a.liBox .new:after {
	content: 'new';
	line-height: 30px;
	text-indent: 0;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	position: absolute;
	left: 7px;
	top: 0;
}
.bukken_list01 a.liBox .cate01 {
	width: 112px;
	height: 15px;
	margin-top: 190px;
	line-height: 15px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #252525;
	background: #DDDDD5;
}
.bukken_list01 a.liBox .price {
	line-height: 48px;
	text-shadow: 0 0 2px rgba(0,0,0,0.3);
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 36px;
	font-weight: bold;
}
.bukken_list01 a.liBox .price span {
	line-height: 38px;
	vertical-align: bottom;
	font-size: 16px;
	display: inline;
}
.bukken_list01 a.liBox .yield {
	padding-bottom: 5px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #E6CE63;
	border-bottom: 1px solid #FFF;
}
.bukken_list01 a.liBox .txt {
	padding: 5px 0;
	line-height: 1.4;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.bukken_list01 a.liBox .txt span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.bukken_list01 a.liBox .cate02 span {
	height: 18px;
	margin-right: 3px;
	padding: 0 5px;
	line-height: 16px;
	vertical-align: top;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #FFF;
	border-radius: 2px;
	display: inline-block;
	box-sizing: border-box;
}






/*------------------------------
#top
------------------------------*/
#top {
	height: 650px;
	position: relative;
	overflow: hidden;
}
#top .txt01 {
	width: 1020px;
	height: 521px;
	margin: 59px auto 0;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/img_top_01.png) no-repeat 0 0;
	overflow: hidden;
}
#top .link01,
#top .link02 {
	width: 350px;
	margin-right: 160px;
	position: absolute;
	right: 50%;
}
#top .link01,
#top .link01 a {
	width: 350px;
	height: 80px;
	border-radius: 40px;
}
#top .link01 {
	top: 435px;
}
#top .link01 a {
	line-height: 80px;
	font-size: 22px;
	color: #000;
	background: #EFEF00;
}
#top .link02 {
	text-align: center;
	top: 530px;
}
#top .link02 a {
	line-height: 35px;
	text-align: center;
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
	color: #0059B2;
}
#top .link02 a:hover {
	text-decoration: none;
	color: #D22020;
}
#top .bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
}
#top .bg li {
	width: 100%;
	height: 100%;
	background: no-repeat 50% 50%;
	background-size: cover;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	-webkit-animation: anime 15s linear 0s infinite ;
	animation: anime 15s linear 0s infinite ;
}
#top .bg li:nth-child(1) {
	background-image: url(../img/bg_top_01.jpg);
}
#top .bg li:nth-child(2) {
	background-image: url(../img/bg_top_02.jpg);
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}
#top .bg li:nth-child(3) {
	background-image: url(../img/bg_top_03.jpg);
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}
@-webkit-keyframes anime {
	0% {
		-webkit-animation-timing-function: ease-in;
		opacity: 0;
	}
	10% {
		-webkit-transform: scale(1.1);
		opacity: 1;
	}
	40% {
		-webkit-transform: scale(1.2);
			-webkit-animation-timing-function: ease-out;
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1.3);
		opacity: 0;
	}
	100% { opacity: 0 }
}
@keyframes anime {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
	}
	10% {
		transform: scale(1.1) rotate(0.1deg);
		opacity: 1;
	}
	40% {
		transform: scale(1.2) rotate(0.1deg);
			animation-timing-function: ease-out;
		opacity: 1;
	}
	50% {
		transform: scale(1.3) rotate(0.1deg);
		opacity: 0;
	}
	100% { opacity: 0 }
}


/*------------------------------
#new
#hotel
------------------------------*/
#new,
#hotel {
	max-width: 1400px;
	margin: 0 auto;
	border-radius: 28px;
	background: #F0F0F0;
}
#hotel {
	margin-top: 112px;
	background: url(../img/bg_hotel.png) #F0F0F0 no-repeat right center;
}
#new h2,
#hotel h2 {
	height: 84px;
	padding-top: 78px;
	text-indent: 100%;
	white-space: nowrap;
	text-align: center;
	background: url(../img/tit_new_01.png) no-repeat 50% 78px;
	position: relative;
	overflow: hidden;
}
#hotel h2 {
	background: url(../img/tit_hotel_01.png) no-repeat 50% 78px;
}
#new h2:before,
#hotel h2:before {
	content: '';
	width: 4px;
	height: 57px;
	margin-left: -2px;
	background: #EABB00;
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
}

/* #new_list */
#new_list,
#hotel_list {
	width: 1320px;
	margin: 0 auto;
}
#hotel_list {
	width: 1120px;
	padding-bottom: 70px;
}
#new_list .slick-lis,
#new_list .slick-track {
	width: 1320px !important;
	overflow: hidden;
}
#hotel_list .slick-list,
#hotel_list .slick-track {
	width: 1120px !important;
	overflow: hidden;
}

#new_list .slick-track,
#hotel_list .slick-track {
	transform: none;
	display: flex;
	justify-content: space-between;
}
#new_list .slick-track:before,
#hotel_list .slick-track:before,
#new_list .slick-track:after,
#hotel_list .slick-track:after {
	display: none;
}
#new_list .slick-slide {
	width: 240px !important;float: none;
}
#hotel_list .slick-slide {
	width: 340px !important;float: none;
	background: #fff;
}
@media only screen and (max-width: 1399px) {
	#new_list .slick-list,
	#hotel_list .slick-list {
			width: 1050px !important;
	}
	#new_list,
	#hotel_list {
		width: 1050px;
	}
}
#new_list .bukken_list01 li {
	width: 240px;
}
#hotel_list .bukken_list01 li {
	width: 340px;
}
#new_list li.new a:before,
#hotel_list li.new a:before {
	background: url(../common/img/ico_01.png);
	left: 0;
	top: 0;
}
#new_list .error,
#hotel_list .error {
	text-align: center;
	font-size: 18px;
}

#new .link01 {
	margin-top: 20px;
	bottom: -28px;
}

#hotel_list.bukken_list01 a.liBox {
	width: 340px;
}

#hotel_list.bukken_list01 a.liBox .pic {
	width: 338px;
}

#hotel_list.bukken_list01 a.liBox .pic img {
	margin-left: -23px;
}


/*------------------------------
#wrap01
------------------------------*/
#wrap01 {
	overflow: hidden;
}

/*------------------------------
#contents01
------------------------------*/
#contents01 {
	margin-top: 112px;
	padding-bottom: 106px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#contents01 .box01 {
	width: 1100px;
	height: 740px;
	margin: 0 auto;
	padding-top: 43px;
	position: relative;
	box-sizing: border-box;
}
#contents01 .box01:before {
	content: '';
	width: 1000px;
	height: 740px;
	background: url(../img/bg_contents01_01.jpg) no-repeat 0 0;
	position: absolute;
	left: -400px;
	top: 0;
	z-index: -1;
}
#contents01 .txt {
	width: 1100px;
	height: 401px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/img_contents01_01.png) no-repeat 0 0;
	overflow:hidden;
}
#contents01 .link,
#contents01 .link a {
	width: 285px;
	height: 65px;
	border-radius: 33px;
}
#contents01 .link {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	background: #FFF;
	position: absolute;
	right: 57px;
	top: 223px;
}
#contents01 .link a {
	text-indent: 100%;
	white-space: nowrap;
	background: #000 url(../img/img_contents01_02.png) no-repeat 50% 50%;
	display: block;
	overflow:hidden;
}

/* #voice_list */
#voice_list {
	width: 1830px;
	margin: -245px auto 0;
	padding: 19px 10px 10px;
	display: flex;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}
@media only screen and (max-width: 1809px) {
	#voice_list {
		width: 1460px;
	}
}
@media only screen and (max-width: 1439px) {
	#voice_list {
		width: 1090px;
	}
}
#voice_list .slick-list,
#voice_list .slick-track {
	width: 1810px !important;
}
#voice_list .slick-track {
	display: flex;
	justify-content: space-between;
}
#voice_list .slick-track:before,
#voice_list .slick-track:after {
	display: none;
}
#voice_list .slick-slide {
	width: 330px !important;
}
#voice_list li {
	width: 330px;
	height: 480px;
	padding: 1px 20px 0;
	box-shadow: 10px 10px 0 #666, 12px 12px 2px -1px rgba(0,0,0,0.2);
	background: #FFF;
	box-sizing: border-box;
	position: relative;
	float: none;
}
#voice_list li:before {
	content: '';
	width: 102px;
	height: 103px;
	background: url(../common/img/ico_03.png) no-repeat 0 0;
	display: block;
	position: absolute;
	left: 7px;
	top: -19px;
	z-index: 1;
}
#voice_list li span {
	display: block;
}
#voice_list li .pic {
	height: 240px;
}
#voice_list li .pic a {
	width: 240px;
	height: 240px;
	margin: 0 auto;
	display: block;
}
#voice_list li .txt01 {
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
}
#voice_list li .txt02 {
	line-height: 1.2;
	font-size: 13px;
	color: #666;
}
#voice_list li .txt03 {
	padding: 10px 0 20px;
	line-height: 1.6;
	font-size: 15px;
}
#voice_list li .data {
	padding-top: 5px;
	text-align: right;
	font-size: 12px;
	color: #666;
	border-top: 1px solid #DDD;
	display: block;
}

#contents01 .link01 {
	margin-top: 50px;
}



/*------------------------------
#support
------------------------------*/
#support {
	padding: 57px 0 81px;
	background: #F0F0F0;
	position: relative;
	z-index: 0;
}
#support h2 {
	height: 51px;
	text-align: center;
	text-indent: 200%;
	white-space: nowrap;
	background: url(../img/tit_support_01.png) no-repeat 50% 0;
}
#support:before,
#support:after,
#support h2:before,
#support h2:after {
	content: '';
	background: no-repeat 0 0;
	position: absolute;
	display: block;
}
#support:before { /* 背景 白人 */
	width: 766px;
	height: 421px;
	margin-right: 224px;
	background-image: url(../img/bg_support_02.png);
	right: 50%;
	top: 0;
	z-index: -1;
}
#support:after { /* 背景 緑グラデ */
	width: 300%;
	height: 100%;
	margin: 0 -10%;
	background: #3BBCA9;
	background: -moz-linear-gradient(left, #19C783 0%, #0AB63E 100%);
	background: -webkit-linear-gradient(left, #19C783 0%,#0AB63E 100%);
	background: linear-gradient(to right, #19C783 0%,#0AB63E 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19C783', endColorstr='#0AB63E',GradientType=1 );
	left: 0;
	top: 70%;
	z-index: -2;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
#support h2:before { /* 背景 title線 */
	width: 4px;
	height: 57px;
	margin-left: -2px;
	background: #3FD986;
	left: 50%;
	top: -57px;
}
#support h2:after { /* 背景 店舗画像 */
	width: 792px;
	height: 994px;
	margin-left: 259px;
	background-image: url(../img/bg_support_01.png);
	left: 50%;
	top: -451px;
	z-index: -1;
}
#support .txt01 {
	height: 159px;
	margin: 39px 0 28px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/img_support_01.png) no-repeat 50% 0;
	overflow: hidden;
}
#support .support_link01 a {
	color: #000;
	background: #ECEC00;
}

/* #supportBox01 */
#supportBox01 {
	width: 1100px;
	margin: 95px auto 0;
	padding: 42px 0 0;
	border-radius: 17px;
	background: #FFF;
	position: relative;
}
#supportBox01:before {
	content: '';
	width: 638px;
	height: 541px;
	background: url(../img/bg_support_03.png) no-repeat 0 0;
	display: block;
	position: absolute;
	left: -290px;
	top: -185px;
}
#supportBox01 h3 {
	width: 1000px;
	height: 60px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	border-bottom: 2px solid #00CC66;
	background: url(../img/tit_support_02.png) no-repeat 50% 0;
	overflow: hidden;
}
#supportBox01 .txt02 {
	height: 131px;
	margin: 21px 0 30px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/img_support_02.png) no-repeat 50% 0;
	overflow: hidden;
}
#supportBox01 .support_list01 {
	width: 732px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#supportBox01 .support_list01 li {
	width: 120px;
	height: 107px;
	line-height: 1.5;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	background: #E5E5E5;
	position: relative;
}
#supportBox01 .support_list01 li:before,
#supportBox01 .support_list01 li:after {
	content: '';
	display: block;
}
#supportBox01 .support_list01 li:before {
	width: 100%;
	height: 45px;
	margin-bottom: 8px;
	background: #00CC66 no-repeat 50% 14px;
}
#supportBox01 .support_list01 li:nth-child(1):before { background-image: url(../img/ico_support_01.png); }
#supportBox01 .support_list01 li:nth-child(2):before { background-image: url(../img/ico_support_02.png); }
#supportBox01 .support_list01 li:nth-child(3):before { background-image: url(../img/ico_support_03.png); }
#supportBox01 .support_list01 li:nth-child(4):before { background-image: url(../img/ico_support_04.png); }
#supportBox01 .support_list01 li:nth-child(5):before { background-image: url(../img/ico_support_05.png); }

#supportBox01 .support_list01 li:after {
	width: 14px;
	height: 17px;
	background: url(../img/ico_support_06.png) no-repeat 0 0;
	position: absolute;
	top: 45px;
	right: -26px;
}
#supportBox01 .support_list01 li:last-child:after{
	display: none;
}

#supportBox01 .supportBox01_01 {
	width: 854px;
	height: 276px;
	margin: 41px auto 0;
	padding-top: 30px;
	background: url(../img/bg_support_04.png) no-repeat 50% 0;
	position: relative;
	box-sizing: border-box;
}
#supportBox01 .supportBox01_01 .txt03 {
	width: 408px;
	height: 158px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/img_support_03.png) no-repeat 0 0;
	overflow: hidden;
}
#supportBox01 .supportBox01_01 .link01 {
	position: absolute;
	right: 19px;
	top: 31px;
}
#supportBox01 .supportBox01_01 .link01 a {
	color: #EE0;
	background: #000;
}
#supportBox01 .supportBox01_01 .tel,
#supportBox01 .supportBox01_01 .time {
	width: 395px;
	position: absolute;
	right: 0;
}
#supportBox01 .supportBox01_01 .tel {
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/img_support_04.png) no-repeat 0 0;
	overflow: hidden;
	top: 114px;
}
#supportBox01 .supportBox01_01 .time {
	line-height: 20px;
	text-indent: 0.5em;
	text-align: center;
	font-size: 12px;
	color: #333;
	top: 172px;
}

/* #supportBox02 */
#supportBox02 {
	width: 1100px;
	margin: 35px auto 0;
}
#supportBox02 section {
	margin-bottom: 32px;
}
#supportBox02 h4 {
	height: 57px;
	margin-bottom: 27px;
	text-indent: 100%;
	white-space: nowrap;
	border-left: 4px solid #EABB00;
	background: no-repeat 13px 7px;
	overflow: hidden;
}
#supportBox02 .error {
	font-size: 18px;
}

/* #support_new */
#support_new h4 {
	background-image: url(../img/tit_support_03.png);
}
#support_new .bukken_list01 {
}
#support_new .bukken_list01 li.new a:before {
	background: url(../common/img/ico_01.png);
	left: 0;
	top: 0;
}
#support_new .bukken_list01 .list {
	display: flex;
	justify-content: space-between;
}

/* #support_yield */
#support_yield {
	width: 300px;
	float: right;
}
#support_yield h4 {
	background-image: url(../img/tit_support_04.png);
}
#support_yield .bukken_list01 .list > div:last-child {
	margin-top: 15px;
}
#support_yield .bukken_list01 a.liBox {
	width: 300px;
	height: 186px;
	padding: 0 14px;
	border: 1px solid #FFF;
	background: #FFF;
	box-sizing: border-box;
	position: relative;
	display: block;
}
#support_yield .bukken_list01 li.new a:before {
	background: url(../common/img/ico_02.png);
	right: 0;
	top: 0;
}
#support_yield .bukken_list01 a.liBox:after {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.62) 0%, rgba(0,0,0,0.62) 40%, rgba(0,0,0,0) 60%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.62) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.62) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e000000', endColorstr='#00000000',GradientType=1 );
}
#support_yield .bukken_list01 a.liBox .cate01 {
	margin-top: 11px;
}
#support_yield .bukken_list01 a.liBox .pic {
	width: 298px;
	height: 184px;
	overflow: hidden;
}
#support_yield .bukken_list01 a.liBox .pic img {
	width: 298px;
	height: 298px;
	margin: -57px 0 0;
}

#support .support_link02,
#support .support_link02 a {
	width: 210px;
	height: 48px;
	clear: both;
}
#support .support_link02 a {
	line-height: 48px;
	font-size: 14px;
	background: #333;
}


/*------------------------------
#news
------------------------------*/
#news {
	width: 920px;
	margin: 0 auto;
	padding: 60px 0 30px;
	position: relative;
}
#news:before {
	content: '';
	width: 4px;
	height: 46px;
	margin-left: -2px;
	background: #EABB00;
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
}
#news h2 {
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/img_news_01.png) no-repeat 50% 0;
	overflow: hidden;
}
#news ul li:after {
	content: '';
	display: block;
	clear: both;
}
#news ul li {
	margin-top: 35px;
	line-height: 24px;
}
#news ul li a {
	display: table;
}
#news ul li span {
	font-size: 16px;
	display: table-cell;
}
#news ul li .data {
	width: 110px;
	color: #000;
}
#news ul li .cate {
	width: 180px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	position: relative;
}
#news ul li .cate:before {
	content: '';
	width: 180px;
	height: 24px;
	background: #999;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
#news ul li .cate01:before { background-color: #60A8B0; }
#news ul li .cate02:before { background-color: #C1684F; }
#news ul li .mcate01:before { background-color: #F2BC00; }

#news ul li .tit {
	padding-left: 15px;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
#news .link01,
#news .link01 a {
	width: 210px;
	height: 48px;
}
#news .moreBtn {
    width: 504px;
    margin: 0 auto;
}
#news .link01 {
    margin: 50px 20px 0;
    display: inline-block;
}
#news .link01 a {
	line-height: 48px;
	font-size: 14px;
	background: #333;
}


/*------------------------------
#bnr_area01
------------------------------*/
#bnr_area01 {
	padding: 75px 0 45px;
	background: #F0F0F0;
}
#bnr_area01 ul {
	width: 950px;
	margin: 0 auto;
}
#bnr_area01 ul:after {
	content: '';
	display: block;
	clear: both;
}
#bnr_area01 ul li {
	padding-bottom: 30px;
	float: left;
}
#bnr_area01 ul li:nth-child(3),
#bnr_area01 ul li:nth-child(5),
#bnr_area01 ul li:nth-child(8) {
	float: right;
}


/*------------------------------
#greeting
------------------------------*/
#greeting {
	height: 700px;
	padding: 72px 0 0 0;
	background: #202C3B;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
#greeting:before {
	content: '';
	width: 828px;
	height: 700px;
	margin-right: -205px;
	background: url(../img/bg_greeting_01.jpg) no-repeat 0 0;
	display: block;
	position: absolute;
	right: 50%;
	top: 0;
	z-index: 0;
}
#greeting h2,
#greeting p,
#greeting div {
	width: 1100px;
	margin: 0 auto;
	padding: 0 80px 0 450px;
	box-sizing: border-box;
	color: #FFF;
	position: relative;
	z-index: 1;
}
#greeting h2 {
	height: 35px;
	text-indent: 200%;
	white-space: nowrap;
	background: url(../img/tit_greeting_01.png) no-repeat 452px 0;
	overflow: hidden;
}
#greeting p {
	margin-top: 29px;
	line-height: 1.6;
	font-size: 18px;
}
#greeting div {
	height: 23px;
	margin-top: 40px;
	text-indent: 200%;
	white-space: nowrap;
	background: url(../img/img_greeting_01.png) no-repeat 775px 0;
	overflow: hidden;
}


/*------------------------------
#wrap02
------------------------------*/
#wrap02 {
	background: url(../img/bg_contents02_01.jpg) no-repeat 50% 50%;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
#wrap02:before {
	content: '';
	width: 300%;
	height: 100%;
	margin: 0 -10%;
	background: #FFF;
	display: block;
	position: absolute;
	left: 0;
	top: 90%;
	z-index: 0;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}


/*------------------------------
#contents02
------------------------------*/
#contents02 {
	padding: 143px 0 0;
	position: relative;
	z-index: 1;
}
#contents02 .txt01 {
	width: 874px;
	height: 144px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/img_contents02_01.png) no-repeat 50% 0;
	overflow: hidden;
}
#contents02 .link01,
#contents02 .link01 a {
	width: 210px;
	height: 48px;
	line-height: 48px;
}
#contents02 .link01 {
	margin-top: 68px;
	background: #999;
}
#contents02 .link01 a {
	font-size: 14px;
	color: #000;
	background: #FFF;
}


/*------------------------------
#cm
------------------------------*/
#cm {
	margin-top: 436px;
	position: relative;
	z-index: 1;
}
#cm h2 {
	width: 170px;
	height: 80px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/tit_cm_01.png) no-repeat 0 0;
	overflow: hidden;
}
#cm div {
	width: 950px;
	height: 610px;
	margin: 0 auto;
}
#cm div iframe {
	width: 950px;
	height: 534px;
	display: block;
}


/*------------------------------
#access
------------------------------*/
#access h2 {
	width: 210px;
	height: 76px;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/tit_access_01.png) no-repeat 50% 0;
	overflow: hidden;
}
#access #map-canvas {
	height: 500px;
}


/*------------------------------
#bnr_area02
------------------------------*/
#bnr_area02 {
	width: 720px;
	margin: 0 auto;
	padding: 65px 0 40px;
}
#bnr_area02 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#bnr_area02 ul li {
	padding-bottom: 20px;
}