@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
}
html{
	line-height: 1;
}
.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-table;
}
/* Hides from IE-mac \*/  
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */
ol, ul{
	list-style: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
	clear: both;
}
caption, th, td{
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote{
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after{
	content: "";
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
	display: block;
}
*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@font-face {
	font-family: 'Noto Serif Japanese';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/NotoSerifJP-Medium.otf") format('opentype');
	font-display: swap;
}
body{
	color: #1b1a19;
	font-family: 'Noto Serif Japanese', serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}
img{
	height: auto;
	max-width: 100%;
}
a{
	text-decoration: none;
}
@media screen and (max-width: 768px) {
	.hidden-sp{
		display: none !important;
	}
}
@media screen and (min-width: 769px) {
	.hidden-pc{
		display: none !important;
	}
}


/*------------------------------------------
  サービス別レスポンシブ
------------------------------------------*/
/*youtube*/
.youtubeWrapper{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtubeWrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/*googlemap*/
.ggmapWrapper{
	position: relative;
	/*padding-bottom: 56.25%;*/
	height: 390px;
	overflow: hidden;
}
.ggmapWrapper iframe,
.ggmapWrapper object,
.ggmapWrapper embed{
	position: absolute;
	top: -200px;
	left: 0;
	width: 100%;
	height: 600px;
}
.ggmapWrapper iframe{
	height: 800px;
}


/*------------------------------------------
  cmn
------------------------------------------*/
img{
	vertical-align: top;
}
h2{
}
.hoverBtn{
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.hoverBtn:hover{
}
@media screen and (max-width: 768px) {

}


/*------------------------------------------
  header
------------------------------------------*/
header,
header *{
	line-height: 1.5 !important;
	box-sizing: border-box !important;
}
header{
}

@media screen and (max-width: 768px) {
}

/*------------------------------------------
  nav
------------------------------------------*/
@media screen and (max-width: 1300px) {
	nav .boxLR{
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (min-width: 769px) {
	nav{
		width: 100%;
		position: fixed;
		z-index: 1000;
		background: rgba(255,255,255,0.9);
		.menuBtn{
			display: none;
			cursor: pointer;
		}
	}
	nav .boxLR{
		display: block !important;
		max-width: 1300px;
		margin: 0 auto;
		.boxL{
			float: left;
			padding: 15px 0;
			a{
				float: left;
			}
			h1{
				padding-left: 10px;
				float: left;
				font-size: 14px;
				color: #1b1a19;
			}
		}
		.boxR{
			float: right;
			padding: 25px 0 0 0;
			ul{
				li{
					width: 160px;
					float: left;
					text-align: center;
					a{
						display: block;
						color: #1b1a19;
						font-size: 14px;
						&:hover{
							text-decoration: underline;
						}
					}
				}
			}
		}
	}
}
@media screen and (max-width: 1150px) {
	nav .boxLR{
		.boxL{
			a{
				img{
					width: 70px;
				}
			}
			h1{
				font-size: 10px;
			}
		}
		.boxR{
			ul{
				li{
					width: auto;
					padding: 0 10px;
					a{
						font-size: 12px;
						white-space: nowrap;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 768px) {
	nav{
		.menuBtn{
			display: block;
			cursor: pointer;
		}
		background: #eeded2;
		height: 65px;
		width: 100%;
		padding: 0;
		position: fixed;
		z-index: 10000;
		top: 0;
		.btnList{
			display: block;
			width: 100%;
			right: inherit;
			top: inherit;
			ul{
				position: inherit;
			}
			li{
				float: inherit;
				margin-right: 5px;
				&:last-child{
					margin-right: 0;
				}
				a{
					width: inherit;
					height: inherit;
					background: none;
					color: #FFF;
					text-decoration: none;
					font-size: 12px;
					font-weight: bold;
					display: block;
					span{
						display: inherit;
						text-align: center;
						vertical-align: inherit;
					}
				}
			}
		}
	}
	nav .boxLR{
		width: 100%;
		margin: 0 auto;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
	}
	nav .boxLR .boxL{
		padding: 0;
		position: fixed;
		left: 5%;
		top: 15px;
		z-index: 11;
		.logoBox{
			width: 200px;
			a{
				float: left;
				margin-right: 10px;
			}
			h1{
				float: left;
			}
		}
	}
	nav .boxLR .boxL img{
		width: 80px;
		position: relative;
		&.black{
			display: none;
		}
	}
	nav .menuBtn{
		width: 30px;
		float: inherit;
		position: fixed;
		right: 5%;
		top: 16px;
	}
	nav .menuBtn img.close{
		display: none;
	}
	nav .menuBtn.active img.open{
		display: none;
	}
	nav .menuBtn.active img.close{
		display: inline-block;
	}
	nav .boxLR .boxR{
		width: 100%;
		display: none;
		position: absolute;
		left: 0;
		top: 65px;
		z-index: 10;
	}
	nav .boxLR .boxR ul{
		border-top: 1px solid #d2ccbb;
	}
	nav .boxLR .boxR ul li{
		height: inherit;
		float: inherit;
		padding: 0;
		margin: 0;
		text-align: left;
		display: block;
		border-bottom: 1px solid #d2ccbb;
	}
	nav .boxLR .boxR ul li a{
		padding: 15px 5%;
		text-decoration: none;
		font-size: 14px;
		color: #1b1a19;
		display: block;
		background: linear-gradient(#f3f2eb, #ebe9de);
	}
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 30px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg ,#eeded2, #b0924f, #eeded2);
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 14px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  -webkit-animation: active-menu-bar02 .8s forwards;
  animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}

/*------------------------------------------
  footer
------------------------------------------*/
footer{
}
footer{
	.imgBox{
		width: 50%;
		float: left;
		background: url("../img/img_footer.jpg") no-repeat center / cover;
	}
	.txtBox{
		width: 50%;
		padding: 120px 0;
		float: right;
		background: url("../img/bg_tex.png") repeat;
		text-align: center;
		.logo{
			margin-bottom: 65px;
			a:hover{
				opacity: 0.8;
			}
		}
		ul{
			font-size: 0;
			margin-bottom: 80px;
			li{
				padding: 0 20px 15px 20px;
				display: inline-block;
				background: url("../img/border_footer.png") no-repeat center bottom / 32px;
				a{
					font-size: 16px;
					color: #1b1a19;
				}
			}
		}
		small{
			font-size: 12px;
			color: #5d5a56;
		}
	}
}
body{
	background: #7d040a;
}
/*
footer{
	padding: 25px 0 15px 0;
	background: #232583;
	box-sizing: border-box !important;
}
footer *{
	line-height: 1.5 !important;
	font-family: sans-serif !important;
	box-sizing: border-box !important;
	letter-spacing: 1px !important;
}
footer .innerBox{
	width: 980px;
	margin: 0 auto;
	text-align: center;
}
footer #links{
	margin-bottom: 20px;
	font-size: 12px;
	color: #FFF
}
footer #links *{
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
}
footer #links a:hover{
	text-decoration: underline;
}
footer #copy{
}
footer #copy small{
	font-size: 10px;
	color: #FFF;
}
*/
@media screen and (max-width: 768px) {
	footer{
		.imgBox{
			display: none;
		}
		.txtBox{
			width: 100%;
			padding: 80px 0 50px 0;
			float: inherit;
			background: url("../img/bg_tex.png") repeat;
			text-align: center;
			.logo{
				margin-bottom: 65px;
			}
			ul{
				display: none;
				font-size: 0;
				margin-bottom: 0;
				li{
					padding: 0;
					display: block;
					background:linear-gradient(#f3f2eb, #ebe9de);
					text-align: left;
					border-bottom: 1px solid #d2ccbb;
					a{
						font-size: 16px;
						color: #1b1a19;
						padding: 20px 5% 20px 10%;
						text-decoration: none;
						font-size: 14px;
						color: #1b1a19;
						display: block;
						background: url("../img/arrow_entry.png") no-repeat right 10% center / 30px;
					}
				}
			}
			small{
				padding: 50px 5% 0 5%;
				font-size: 12px;
				color: #5d5a56;
				display: block;
			}
		}
		.toggleFooter{
			height: 70px;
			width: 100%;
			background:linear-gradient(#ebe8dd, #dfd8c4);
			border-top: 1px solid #d2ccbb;
			border-bottom: 1px solid #d2ccbb;
			display: table;
			.accordion_icon,
			.accordion_icon span {
				display: inline-block;
				transition: all .4s;
				box-sizing: border-box;
			}
			.accordion_icon {
				position: relative;
				width: 70px;
				height: 70px;
			}
			.accordion_icon span {
				position: absolute;
				left: 15px;
				width: 50%;
				height: 2px;
				background-color: #a7a295;
				border-radius: 4px;
				-webkit-border-radius: 4px;
				-ms-border-radius: 4px;
				-moz-border-radius: 4px;
				-o-border-radius: 4px;
			}
			.accordion_icon span:nth-of-type(1) {
				top: 35px;
				transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
			}
			.accordion_icon span:nth-of-type(2) {
				top: 35px;
				transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				-o-transform: rotate(90deg);
			}
			/*＋、－切り替え*/
			.accordion_icon.active span:nth-of-type(1) {
				display:none;
			}
			.accordion_icon.active span:nth-of-type(2) {
				top: 35px;
				transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				-moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				-o-transform: rotate(180deg);
			}
		}
	}
}


/*------------------------------------------
  mv
------------------------------------------*/
#mv{
	height: 750px;
	position: relative;
	.zs-bullets{
		display: none;
	}
	.mv-inner-content{
		height: 750px;
	}
	.mvTxt_01{
		position: absolute;
		top: 120px;
		right: 10%;
	}
	.mvTxt_02{
		position: absolute;
		bottom: 30px;
		left: 10%;
	}
}
@media screen and (max-width: 768px) {
	#mv{
		height: 500px;
	}
	.txtMVSP{
		padding: 5% 5% 150px 5%;
		background: linear-gradient(#401315, #7d040a);
		font-size: 14px;
		color: #FFF;
		line-height: 2.5;
	}
}



/*------------------------------------------
  #links_01
------------------------------------------*/
.ttlBox{
	margin-bottom: 50px;
	text-align: center;
}
#links_01{
	padding: 150px 0 0 0;
	.imgBox{
		height: 300px;
		background: url("../img/img_area_01.jpg") no-repeat center / cover;
	}
	.tabArea{
		width: 980px;
		height: 1130px;
		margin: 0 auto;
		position: relative;
		top: -50px;
		.tab{
			width: 140px;
			float: left;
		}
		.tab_content{
			width: 840px;
			background: #FFF;
			box-shadow: 0 0 16px 0 rgba(0,0,0,0.5);
			display: none;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 100;
			.tab_content_description{
				padding: 50px;
				dl{
					min-height: 500px;
					dt{
						margin-bottom: 30px;
						position: relative;
						span{
							font-size: 26px;
							padding: 5px 20px 5px 65px;
							background: #FFF url("../img/icon_area.png") no-repeat left center / 42px;
							position: relative;
							z-index: 2;
							display: inline-block;
						}
						&:after{
							content: "";
							width: 100%;
							height: 1px;
							background: #1b1a19;
							display: block;
							position: absolute;
							top: 50%;
							left: 0;
							z-index: 0;
						}
					}
					dd{
						padding: 0 30px;
						ul{
						}
						li{
							float: left;
							text-align: center;
							border: 1px solid #eeded2;
							a{
								padding: 25px 0;
								display: block;
								color: #71543d;
								font-size: 16px;
								background: linear-gradient(#fcf6f1, #f3e3d5);
								-webkit-transition: 0.3s;
								-moz-transition: 0.3s;
								-o-transition: 0.3s;
								transition: 0.3s;
								&:hover{
									opacity: 0.8;
								}
							}
						}
					}
					&.line{
						li{
							width: 33.333%;
						}
					}
					&.station{
						li{
							width: 20%;
						}
					}
				}
			}
		}
		.tab_item{
			display: block;
			position: relative;
		}
		input[name="tab_item"] {
			display: none;
		}
		#tab_01:checked ~ #tab_01_content,
		#tab_02:checked ~ #tab_02_content,
		#tab_03:checked ~ #tab_03_content,
		#tab_04:checked ~ #tab_04_content,
		#tab_05:checked ~ #tab_05_content,
		#tab_06:checked ~ #tab_06_content,
		#tab_07:checked ~ #tab_07_content{
			display: block;
		}
		#tab_01 + .tab_item{
			z-index: 7;
		}
		#tab_02 + .tab_item{
			z-index: 6;
		}
		#tab_03 + .tab_item{
			z-index: 5;
		}
		#tab_04 + .tab_item{
			z-index: 4;
		}
		#tab_05 + .tab_item{
			z-index: 3;
		}
		#tab_06 + .tab_item{
			z-index: 2;
		}
		#tab_07 + .tab_item{
			z-index: 1;
		}
		.tab_item{
			padding: 25px;
			text-align: center;
			font-size: 20px;
			color: #9f9993;
			border-left: 7px solid #a29d91;
			cursor: pointer;
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
		}
		.tabA{
			background: #e5dfdb;
		}
		.tabB{
			background: #f2ece7;
		}
		.tab input:checked + .tab_item {
			background: #FFF;
			color: #b0924f;
			border-left: 7px solid #b0924f;
			box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);
		}
	}
}
@media screen and (max-width: 768px) {
	#links_01{
		padding: 100px 0 0 0;
		.imgBox{
			height: auto;
			background: none;
		}
		.tabArea{
			width: 90%;
			height: auto;
			margin: 0 auto;
			position: relative;
			top: -50px;
			.tab{
				width: 20%;
				float: left;
			}
			.tab_content{
				width: 80%;
				background: #FFF;
				box-shadow: 0 0 16px 0 rgba(0,0,0,0.5);
				display: none;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 100;
				.tab_content_description{
					padding: 5% 5% 10% 5%;
					dl{
						min-height: 350px;
						dt{
							margin-bottom: 30px;
							position: relative;
							span{
								font-size: 20px;
								padding: 5px 20px 5px 40px;
								background: #FFF url("../img/icon_area.png") no-repeat left center / 30px;
								position: relative;
								z-index: 2;
								display: inline-block;
							}
							&:after{
								content: "";
								width: 100%;
								height: 1px;
								background: #1b1a19;
								display: block;
								position: absolute;
								top: 50%;
								left: 0;
								z-index: 0;
							}
						}
						dd{
							padding: 0 30px;
							ul{
							}
							li{
								float: left;
								text-align: center;
								border: 1px solid #eeded2;
								a{
									padding: 15px 0;
									display: block;
									color: #71543d;
									font-size: 12px;
									background: linear-gradient(#fcf6f1, #f3e3d5);
									-webkit-transition: 0.3s;
									-moz-transition: 0.3s;
									-o-transition: 0.3s;
									transition: 0.3s;
									&:hover{
										opacity: 0.8;
									}
								}
							}
						}
						&.line{
							margin-bottom: 50px;
							li{
								width: 100%;
							}
						}
						&.station{
							li{
								width: 50%;
							}
						}
					}
				}
			}
			.tab_item{
				display: block;
				position: relative;
			}
			input[name="tab_item"] {
				display: none;
			}
			#tab_01:checked ~ #tab_01_content,
			#tab_02:checked ~ #tab_02_content,
			#tab_03:checked ~ #tab_03_content,
			#tab_04:checked ~ #tab_04_content,
			#tab_05:checked ~ #tab_05_content,
			#tab_06:checked ~ #tab_06_content,
			#tab_07:checked ~ #tab_07_content{
				display: block;
			}
			#tab_01 + .tab_item{
				z-index: 7;
			}
			#tab_02 + .tab_item{
				z-index: 6;
			}
			#tab_03 + .tab_item{
				z-index: 5;
			}
			#tab_04 + .tab_item{
				z-index: 4;
			}
			#tab_05 + .tab_item{
				z-index: 3;
			}
			#tab_06 + .tab_item{
				z-index: 2;
			}
			#tab_07 + .tab_item{
				z-index: 1;
			}
			.tab_item{
				padding: 20px 5px;
				text-align: center;
				font-size: 12px;
				color: #9f9993;
				border-left: 7px solid #a29d91;
				cursor: pointer;
				box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
			}
			.tabA{
				background: #e5dfdb;
			}
			.tabB{
				background: #f2ece7;
			}
			.tab input:checked + .tab_item {
				background: #FFF;
				color: #b0924f;
				border-left: 7px solid #b0924f;
				box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);
			}
		}
	}
}

/*------------------------------------------
  #links_02
------------------------------------------*/
.contents_bg_02_00{
	background: url("../img/bg_tex.png") repeat;
}
.contents_bg_02_01{
	background: url("../img/bg_flower_l.png") repeat-y left top / 221px;
}
.contents_bg_02_03{
	background: url("../img/bg_flower_r.png") repeat-y right top -200px / 221px;
}
#links_02{
	padding-bottom: 100px;
	.ttlBox{
		padding: 50px 0 0 0;
		margin-bottom: 40px;
	}
	.topImg{
		margin-bottom: 40px;
	}
	ul{
		width: 980px;
		margin: 0 auto;
		.txtBox{
			width: 50%;
			dl{
				color: #71543d;
				padding: 60px 0 0 0;
				dt{
					padding: 0 0 10px 40px;
					margin-bottom: 40px;
					font-size: 26px;
					background: url("../img/border_staff.png") no-repeat center bottom / 490px;
					span{
						margin-right: 30px;
						font-size: 52px;
						display: inline-block;
					}
				}
				dd{
					padding: 0 50px;
					font-size: 14px;
					line-height: 2;
				}
			}
		}
		.imgBox{
			width: 50%;
			a:hover{
				opacity: 0.8;
			}
		}
		li:nth-child(odd){
			.txtBox{
				float: left;
			}
			.imgBox{
				float: right;
			}
		}
		li:nth-child(even){
			.txtBox{
				float: right;
			}
			.imgBox{
				float: left;
			}
		}
	}
}

@media screen and (max-width: 768px) {
	.contents_bg_02_00{
		background: url("../img/bg_tex.png") repeat;
	}
	.contents_bg_02_01{
		background: url("../img/bg_flower_l.png") repeat-y left top / 50px;
	}
	.contents_bg_02_03{
		background: url("../img/bg_flower_r.png") repeat-y right top -140px / 50px;
	}
	#links_02{
		padding-bottom: 50px;
		.ttlBox{
			padding: 50px 0 0 0;
			margin-bottom: 40px;
		}
		.topImg{
			margin-bottom: 40px;
		}
		ul{
			width: 100%;
			margin: 0 auto;
			padding-bottom: 50px;
			.txtBox{
				width: 90%;
				dl{
					color: #71543d;
					padding: 60px 0 0 0;
					dt{
						padding: 0 0 10px 10%;
						margin-bottom: 40px;
						font-size: 22px;
						background: url("../img/border_staff.png") no-repeat center bottom / 490px;
						span{
							margin-right: 30px;
							font-size: 40px;
							display: inline-block;
						}
					}
					dd{
						padding: 0 0 30px 10%;
						font-size: 14px;
						line-height: 2;
					}
				}
			}
			.imgBox{
				width: 100%;
				padding-left: 10%;
			}
			li:nth-child(odd){
				.txtBox{
					float: inherit;
				}
				.imgBox{
					float: inherit;
				}
			}
			li:nth-child(even){
				.txtBox{
					float: inherit;
				}
				.imgBox{
					float: inherit;
				}
			}
		}
	}
}


/*------------------------------------------
  #links_03
------------------------------------------*/
.contents_bg_03{
}
#links_03{
	.ttlBox{
		padding: 50px 0 0 0;
		margin-bottom: 20px;
	}
	.topImg{
		margin-bottom: 70px;
	}
	ul{
		max-width: 980px;
		padding-bottom: 100px;
		margin: 0 auto;
		li{
			width: 25%;
			float: left;
			text-align: center;
			color: #FFF;
			.num{
				font-size: 34px;
				margin-bottom: 10px;
			}
			.icon{
				margin-bottom: 10px;
			}
		}
	}
}
@media screen and (max-width: 768px) {
	.contents_bg_03{
	}
	#links_03{
		.ttlBox{
			padding: 50px 0 0 0;
			margin-bottom: 20px;
		}
		.topImg{
			margin-bottom: 30px;
		}
		ul{
			max-width: 980px;
			padding: 0 5% 100px 5%;
			margin: 0 auto;
			li{
				width: 50%;
				float: left;
				text-align: center;
				color: #FFF;
				margin-bottom: 30px;
				.num{
					font-size: 34px;
					margin-bottom: 10px;
				}
				.icon{
					margin-bottom: 10px;
				}
			}
		}
	}
}



/*------------------------------------------
  #links_04
------------------------------------------*/
.contents_bg_04{
	background: url("../img/bg_tex.png") repeat;
}
#links_04{
	.ttlBox{
		padding: 50px 0 0 0;
	}
	.topImg{
		margin-bottom: 40px;
	}
	ul{
		width: 980px;
		padding-bottom: 65px;
		margin: 0 auto;
		li{
			width: 475px;
			min-height: 245px;
			padding: 50px;
			margin-bottom: 30px;
			position: relative;
			box-shadow: 3px 3px 9px 0 rgba(0,0,0,0.35);
			.num{
				position: absolute;
				left: -5px;
				top: -34px;
				color: #fce5e7;
				font-size: 164px;
				line-height: 1;
			}
			&:nth-child(2){
				margin-top: 120px;
			}
			&:nth-child(odd){
				float: left;
			}
			&:nth-child(even){
				float: right;
			}
			&:nth-child(3n+1){
				background: #FFF url("../img/bg_card_01.png") no-repeat right bottom / 200px;
			}
			&:nth-child(3n-1){
				background: #FFF url("../img/bg_card_02.png") no-repeat right bottom / 200px;
			}
			&:nth-child(3n){
				background: #FFF url("../img/bg_card_03.png") no-repeat right bottom / 200px;
			}
			dl{
				position: relative;
				z-index: 2;
				color: #71543d;
				dt{
					padding: 15px 0 45px 0;
					font-size: 26px;
					text-align: center;
				}
				dd{
					font-size: 16px;
				}
			}
		}
	}
}
@media screen and (max-width: 768px) {
	.contents_bg_04{
		background: url("../img/bg_tex.png") repeat;
	}
	#links_04{
		.ttlBox{
			padding: 50px 0 0 0;
		}
		.topImg{
			margin-bottom: 40px;
		}
		ul{
			width: 90%;
			padding-bottom: 20px;
			margin: 0 auto;
			position: relative;
			top: -80px;
			li{
				width: 100%;
				min-height: 245px;
				padding: 50px 40px;
				margin-bottom: 30px;
				position: relative;
				box-shadow: 3px 3px 9px 0 rgba(0,0,0,0.35);
				.num{
					position: absolute;
					left: -5px;
					top: -34px;
					color: #fce5e7;
					font-size: 164px;
					line-height: 1;
				}
				&:nth-child(2){
					margin-top: 0;
				}
				&:nth-child(odd){
					float: left;
				}
				&:nth-child(even){
					float: right;
				}
				&:nth-child(3n+1){
					background: #FFF url("../img/bg_card_01.png") no-repeat right bottom / 200px;
				}
				&:nth-child(3n-1){
					background: #FFF url("../img/bg_card_02.png") no-repeat right bottom / 200px;
				}
				&:nth-child(3n){
					background: #FFF url("../img/bg_card_03.png") no-repeat right bottom / 200px;
				}
				dl{
					position: relative;
					z-index: 2;
					color: #71543d;
					dt{
						padding: 15px 0 45px 0;
						font-size: 20px;
						text-align: center;
					}
					dd{
						font-size: 16px;
					}
				}
			}
		}
	}
}



/*------------------------------------------
  #links_05
------------------------------------------*/
.contents_bg_05{
	background: url("../img/bg_entry.jpg") no-repeat center / cover;
}
#links_05{
	padding: 210px 0;
	text-align: center;
	a{
		&:hover{
			opacity: 0.8;
		}
	}
}
@media screen and (max-width: 768px) {
	.contents_bg_05{
		background: url("../img/bg_entry_sp.jpg") no-repeat center / cover;
	}
	#links_05{
		padding: 100px 10%;
		text-align: center;
		a{
			&:hover{
				opacity: 0.8;
			}
		}
	}
}



/* ------------------------------
   トップへ戻る
------------------------------ */
#toTop{
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 100;
}
#toTop a{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position: relative;
	display: block;
	top: 0;
}
#toTop a:hover{
	top: -20px;
}
@media screen and (max-width: 768px) {
	#toTop{
		right: 5px;
	}
	#toTop img{
		width: 15px;

	}
}