@charset "UTF-8";
/*
 * top_layout.css
 *
 */

/* !Loading
---------------------------------------------------------- */
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #FFF;
	z-index: 10000;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width:480px;
	height:112px;
	margin-top:-56px;
	margin-left:-240px;
	z-index: 2;
	-webkit-animation: bg 1.8s 1 ease;
	-moz-animation: bg 1.8s 1 ease;
	animation: bg 1.8s 1 ease ;
}
	#loader img {
		width:100%;
	}
	
@keyframes bg {
			0% {
				opacity: 0;
			}
			20% {
				opacity: 0;
			}
			100% {
				opacity: 1;
			}
		}
	
@media screen and (max-width:1039px){
#loader {
	width:400px;
	height:93px;
	margin-top:-46px;
	margin-left:-200px;
}
}
	
@media screen and (max-width:767px){
#loader {
	width:220px;
	height:51px;
	margin-top:-26px;
	margin-left:-120px;
}
}

/* !mainvisual
---------------------------------------------------------- */
.main {
	width: 100%;
	height:600px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: cover;
	position: relative;
}

.main img.copy {
	display:block;
	position:absolute;
	width:606px;
	height:155px;
	top:50%;
	left:50%;
	margin-top:-77px;
	margin-left:-303px;
}

.main a img.bnr {
	display:block;
	position:absolute;
	width:220px;
	top:10px;
	right:10px;
	transition:.6s;
}
	.main a:hover img.bnr {
		opacity:.7;
	}

@media screen and (max-width:1039px){
.main {
	width: 100%;
	height:500px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: cover;
	position: relative;
}

.main img.copy {
	display:block;
	position:absolute;
	width:550px;
	height:141px;
	top:50%;
	left:50%;
	margin-top:-70px;
	margin-left:-275px;
}

.main a img.bnr {
	width:190px;
	top:10px;
	right:10px;
}
	.main a:hover img.bnr {
		opacity:1;
	}
}

@media screen and (max-width:767px){
.main {
	width: 100%;
	height:300px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: cover;
	position: relative;
}

.main img.copy {
	display:block;
	position:absolute;
	width:280px;
	height:77px;
	top:50%;
	left:50%;
	margin-top:0px;
	margin-left:-140px;
}

.main a img.bnr {
	width:150px;
	top:10px;
	right:10px;
}
}


/* !contents
---------------------------------------------------------- */
#contents {
	width:100%;
	position:relative;
}

#intro {
	width:100%;
	background:url(../../img/feature_bg.jpg) 50% 50% no-repeat;
	background-attachment: fixed;
	background-size:cover;
	padding:90px 0 70px 0;
}
	#intro img.fig {
		display:block;
		width:100%;
		max-width:530px;
		margin:0 auto 40px auto;
	}
	#intro h2 {
		font-size:186%;
		font-weight:bold;
		color:#507933;
		line-height:1.6;
		text-align:center;
		background:url(../../img/feature_cap_bg.gif) center bottom no-repeat;
		padding-bottom:20px;
		margin-bottom:50px;
		letter-spacing:0.02em;
	}
	#intro p {
		font-size:113%;
		text-align:center;
		line-height:2;
		letter-spacing:0.02em;
	}
	
#topBusiness {
	width:100%;
	padding:60px 0 0 0;
}
	#topBusiness h2 {
		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
		font-size:113%;
		text-align:center;
		font-weight:bold;
		margin-bottom:30px;
		color:#507A35;
		letter-spacing:0.2em;
	}
		#topBusiness h2 span {
			font-family: 'Crimson Text', serif;
			font-size:46px;
			font-weight:normal;
			font-style:italic;
			line-height:1.4;
			letter-spacing:0.06em;
		}
		#topBusiness ul {
			width:100%;
			clear:both;
		}
			#topBusiness ul li {
				width:16.66%;
				float:left;
			}
				#topBusiness ul li:nth-child(1) {
					width:16.67%;
				}
				#topBusiness ul li:nth-child(2) {
					width:16.67%;
				}
				#topBusiness ul li h3 {
					font-size:138%;
					font-weight:bold;
					color:#FFF;
					text-align:center;
					letter-spacing:0.1em;
					padding-top:110px;
				}
				
				
				
					#topBusiness ul li.button {
						height:260px; 
						float:left; 
						overflow:hidden; 
						position:relative; 
						background-position:center center; 
						background-repeat:no-repeat; 
						background-size:cover;
						transition:all 0.3s ease 0s; 
						-webkit-transition:all 0.3s ease 0s; 
						-moz-transition:all 0.3s ease 0s; 
						-o-transition:all 0.3s ease 0s; 
						-ms-transition:all 0.3s ease 0s;
					}
					#topBusiness ul li.button a {
						position:absolute; 
						top:0; 
						display:block; 
						width:100%; 
						height:260px; 
						text-decoration:none;
					}
						#topBusiness ul li.button:hover {
							filter: brightness(80%);
						}
							#topBusiness ul li.button h3:hover {
								color:#FFF;
							}
						#topBusiness ul li.button:after,
						#topBusiness ul li.button::before,
						#topBusiness ul li span.bi:after,
						#topBusiness ul li span.bi:before {
							background-color:#A0C489; 
							content:""; 
							display:block; 
							position:absolute; 
							z-index:10;
							transition:all 0.3s ease 0s; 
							-webkit-transition:all 0.3s ease 0s; 
							-moz-transition:all 0.3s ease 0s; 
							-o-transition:all 0.3s ease 0s; 
							-ms-transition:all 0.3s ease 0s;
						}
						#topBusiness ul li.button:after {
							height:8px; 
							left:0; 
							top:0; 
							width:0;
						}
						#topBusiness ul li.button:before {
							height:8px; 
							right:0; 
							bottom:0; 
							width:0;
						}
						#topBusiness ul li span.bi:after {
							height:0; 
							left:0; 
							bottom:0; 
							width:8px;
						}
						#topBusiness ul li span.bi:before {
							height:0; 
							right:0; 
							top:0; 
							width:8px;
						}
						#topBusiness ul li.button:hover:after,
						#topBusiness ul li.button:hover:before {
							width:100%;
						}
						#topBusiness ul li.button:hover .bi:after,
						#topBusiness ul li.button:hover .bi:before {
							height:100%;
						}
						
					#topBusiness ul li.taxation {
						background-image:url(../../img/business01_img.jpg);
					}
					#topBusiness ul li.businessSuccession {
						background-image:url(../../img/business03_img.jpg);
					}
					#topBusiness ul li.businessRegeneration {
						background-image:url(../../img/business02_img.jpg);
					}
					#topBusiness ul li.manda {
						background-image:url(../../img/business04_img.jpg);
					}
					#topBusiness ul li.inheritance {
						background-image:url(../../img/business05_img.jpg);
					}
					#topBusiness ul li.ipo {
						background-image:url(../../img/business06_img.jpg);
					}
					
#topNews {
	width:100%;
	padding:100px 0 100px 0;
	background:url(../../img/news_bg.gif) 0 0 repeat;
}
	#topNews div.inner {
		width:100%;
		max-width:1000px;
		margin:0 auto;
	}
		#topNews div.inner div.left {
			width:32%;
			float:left;
		}
		#topNews div.inner div.right {
			width:65%;
			float:right;
			border-top:1px solid #DAE4D3;
		}
			#topNews div.inner div.left h2 {
				font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
				font-size:100%;
				text-align:center;
				font-weight:bold;
				margin-top:40px;
				margin-bottom:30px;
				color:#507A35;
				letter-spacing:0.2em;
			}
				#topNews div.inner div.left h2 span {
					font-family: 'Crimson Text', serif;
					font-size:32px;
					font-weight:normal;
					font-style:italic;
					line-height:1.4;
					letter-spacing:0.06em;
				}
			#topNews div.inner div.left a.newsBtn {
				position: relative;
				display:block;
				width:150px;
				margin:0 auto;
				padding: .4em 0;
				border: 1px solid #507934;
				color: #507933;
				text-align: center;
				text-decoration: none;
				outline: none;
				transition: all .3s;
				
			}
				#topNews div.inner div.left a.newsBtn::before,
				#topNews div.inner div.left a.newsBtn::after,
				#topNews div.inner div.left a.newsBtn span::before,
				#topNews div.inner div.left a.newsBtn span::after {
					position: absolute;
					z-index: 2;
					content: '';
					width: 0;
					height: 0;
					border: 1px solid transparent;
					transition: all .3s;
				}
				#topNews div.inner div.left a.newsBtn::before {
					top: -1px;
					left: -1px;
					border-left-color: #A0C489;
				}
				#topNews div.inner div.left a.newsBtn::after {
					bottom: -1px;
					right: -1px;
					border-right-color: #A0C489;
				}
				#topNews div.inner div.left a.newsBtn span::before {
					bottom: -1px;
					left: -1px;
					border-bottom-color: #A0C489;
				}
				#topNews div.inner div.left a.newsBtn span::after {
					top: -1px;
					right: -1px;
					border-top-color: #A0C489;
				}
				#topNews div.inner div.left a.newsBtn:hover {
					color: #A0C489;
				}
				#topNews div.inner div.left a.newsBtn:hover::before,
				#topNews div.inner div.left a.newsBtn:hover::after {
					height: 100%;
					visibility: visible;
				}
				#topNews div.inner div.left a.newsBtn:hover span::before,
				#topNews div.inner div.left a.newsBtn:hover span::after {
					width: 100%;
					visibility: visible;
				}
		#topNews div.inner div.right dl {
			width:100%;
			padding:1em 1.2em;
			line-height:1.8;
		}
			#topNews div.inner div.right dl dt {
				width:20%;
				float:left;
			}
			#topNews div.inner div.right dl dd {
				width:80%;
				float:left;
			}
			#topNews div.inner div.right a dl {
				background:rgba(255,255,255,0.4);
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				transition: all 0.5s ease;
				border-bottom:1px solid #DAE4D3;
			}
			#topNews div.inner div.right a dl dt,
			#topNews div.inner div.right a dl dd {
				color:#111;
			}
				#topNews div.inner div.right a:hover dl {
					background:rgba(206,231,190,0.5);
				}
		

@media screen and (max-width:1039px){
#intro {
	padding:80px 0 60px 0;
}

#topBusiness h2 span {
	font-size:40px;
	line-height:1.3;
}
#topBusiness ul li {
	width:33.33%;
}
	#topBusiness ul li:nth-child(1) {
		width:33.33%;
	}
	#topBusiness ul li:nth-child(2) {
		width:33.33%;
	}
	#topBusiness ul li.button:hover {
		filter: brightness(100%);
	}
	#topBusiness ul li.button:after {
		height:0; 
	}
	#topBusiness ul li.button:before {
		height:0px; 
	}
	#topBusiness ul li span.bi:after {
		width:0;
	}
	#topBusiness ul li span.bi:before {
		width:0;
	}
	
#topNews {
	padding:80px 20px 80px 20px;
}
	#topNews div.inner {
		width:100%;
		max-width:1000px;
		margin:0 auto;
	}
		#topNews div.inner div.left {
			width:30%;
			float:left;
		}
		#topNews div.inner div.right {
			width:68%;
			float:right;
		}
			#topNews div.inner div.left h2 {
				margin-top:30px;
			}
				#topNews div.inner div.left h2 span {
					font-size:28px;
				}
			#topNews div.inner div.left a.newsBtn {
				width:140px;
			}
			#topNews div.inner div.left a.newsBtn::before {
					display:none;
				}
				#topNews div.inner div.left a.newsBtn::after {
					display:none;
				}
				#topNews div.inner div.left a.newsBtn span::before {
					display:none;
				}
				#topNews div.inner div.left a.newsBtn span::after {
					display:none;
				}
				#topNews div.inner div.left a.newsBtn:hover {
					color: #507934;
				}
			#topNews div.inner div.right a:hover dl {
				background:rgba(255,255,255,0.5);
			}
}


@media screen and (max-width:767px){
#intro {
	background-attachment:inherit;
	padding:50px 15px 40px 15px;
}
	#intro img.fig {
		max-width:450px;
		margin:0 auto 40px auto;
	}
	#intro h2 {
		font-size:125%;
		margin-bottom:30px;
	}
	#intro p {
		font-size:100%;
		text-align:left;
	}
	
#topBusiness {
	padding:40px 0 0 0;
}
	#topBusiness h2 span {
		font-family: 'Crimson Text', serif;
		font-size:28px;
		font-weight:normal;
		line-height:1.3;
		letter-spacing:0.06em;
	}
	
	#topBusiness ul li {
		width:50%;
	}
		#topBusiness ul li:nth-child(1) {
			width:50%;
		}
		#topBusiness ul li:nth-child(2) {
			width:50%;
		}
		#topBusiness ul li h3 {
			font-size:113%;
			font-weight:bold;
			color:#FFF;
			text-align:center;
			letter-spacing:0.1em;
			padding-top:85px;
		}
		
		#topBusiness ul li.button {
						height:200px; 
						float:left; 
						overflow:hidden; 
						position:relative; 
						background-position:center center; 
						background-repeat:no-repeat; 
						background-size:cover;
						transition:all 0.3s ease 0s; 
						-webkit-transition:all 0.3s ease 0s; 
						-moz-transition:all 0.3s ease 0s; 
						-o-transition:all 0.3s ease 0s; 
						-ms-transition:all 0.3s ease 0s;
					}
					#topBusiness ul li.button a {
						position:absolute; 
						top:0; 
						display:block; 
						width:100%; 
						height:220px; 
						text-decoration:none;
					}
					
#topNews {
	padding:50px 15px 80px 15px;
}
	#topNews div.inner {
		width:100%;
		max-width:1000px;
		margin:0 auto;
	}
		#topNews div.inner div.left {
			width:100%;
			float:none;
			margin-bottom:40px;
		}
		#topNews div.inner div.right {
			width:100%;
			float:none;
		}
			#topNews div.inner div.left h2 {
				margin-top:0;
				margin-bottom:25px;
			}
				#topNews div.inner div.left h2 span {
					font-family: 'Crimson Text', serif;
					font-size:28px;
					font-weight:normal;
					line-height:1.4;
					letter-spacing:0.06em;
				}
			#topNews div.inner div.right dl dt {
				width:100%;
				float:none;
				margin-bottom:5px;
			}
			#topNews div.inner div.right a dl dd {
				width:100%;
				float:none;
				color:#507934;
			}
}

/* !191003追加
---------------------------------------------------------- */
#topBnr {
	width:100%;
	background:url(../../img/news_bg.gif) 0 0 repeat;
	padding:70px 0 70px 0;
}
	#topBnr div.inner {
		width:100%;
		max-width:1000px;
		margin:0 auto;
	}
		#topBnr div.inner ul.bnr {
			width:100%;
		}
			#topBnr div.inner ul.bnr li {
				width:47%;
				float:left;
				margin-right:6%;
			}
				#topBnr div.inner ul.bnr li:nth-child(even) {
					margin-right:0;
				}
				#topBnr div.inner ul.bnr li a {
					position:relative;
					overflow: hidden;
					display:block;
					width:100%;
					height:195px;
				}
					#topBnr div.inner ul.bnr li a div.bg {
						position:absolute;
						width:100%;
						height:100%;
						background-position:50% 50%;
						background-repeat:no-repeat;
						background-size:cover;
						top:0;
						left:0;
						z-index:50;
						transition: all 1s ease-out;
					}
					#topBnr div.inner ul.bnr li a div.thai {
						background-image:url(../../img/bnr_thai_bg.jpg);
					}
					#topBnr div.inner ul.bnr li a div.media {
						background-image:url(../../img/bnr_media_bg.jpg);
					}
						#topBnr div.inner ul.bnr li a:hover div.bg {
							-moz-transform: scale(1.08);
							-webkit-transform: scale(1.08);
							-ms-transform: scale(1.08);
							transform: scale(1.08);
						}
					#topBnr div.inner ul.bnr li a div.mask {
						position:absolute;
						width:100%;
						height:100%;
						background:rgba(0, 0, 0, .6);
						top:0;
						left:0;
						z-index:51;
						transition: all 1s ease;
					}
						#topBnr div.inner ul.bnr li a:hover div.mask {
							background:rgba(0, 0, 0, .2);
						}
						#topBnr div.inner ul.bnr li a div.mask p.thaiTit {
							font-size:30px;
							font-weight:bold;
							text-align:center;
							color:#FFF;
							line-height:1.6;
							padding-top:56px;
						}
						#topBnr div.inner ul.bnr li a div.mask p.mediaTit {
							position:absolute;
							font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
							font-size:26px;
							font-weight:bold;
							color:#FFF;
							margin-bottom:15px;
							top:15px;
							left:30px;
						}
						#topBnr div.inner ul.bnr li a div.mask p.read {
							position:absolute;
							width:55%;
							font-size:12px;
							color:#FFF;
							line-height:1.6;
							top:70px;
							left:30px;
						}
						#topBnr div.inner ul.bnr li a div.mask p.read2 {
							position:absolute;
							width:55%;
							font-size:12px;
							color:#FFF;
							line-height:1.6;
							top:140px;
							left:30px;
						}
						#topBnr div.inner ul.bnr li a div.mask img {
							position:absolute;
							display:block;
							width:110px;
							top:20px;
							right:20px;
						}
	
@media screen and (max-width:1039px){
#topBnr {
	padding:60px 0 70px 0;
}
		#topBnr div.inner ul.bnr {
			max-width:480px;
			margin:0 auto;
		}
			#topBnr div.inner ul.bnr li {
				width:100%;
				float:none;
				margin-right:0;
				margin-bottom:30px;
			}
				#topBnr div.inner ul.bnr li:nth-child(even) {
					margin-right:0;
					margin-bottom:0;
				}
						#topBnr div.inner ul.bnr li a:hover div.bg {
							-moz-transform: scale(1);
							-webkit-transform: scale(1);
							-ms-transform: scale(1);
							transform: scale(1);
						}
						#topBnr div.inner ul.bnr li a:hover div.mask {
							background:rgba(0, 0, 0, .6);
						}
						#topBnr div.inner ul.bnr li a div.mask p.thaiTit {
							font-size:30px;
							padding-top:55px;
						}
						#topBnr div.inner ul.bnr li a div.mask p.mediaTit {
							font-size:24px;
							margin-bottom:15px;
							top:15px;
							left:30px;
						}
						#topBnr div.inner ul.bnr li a div.mask p.read {
							top:70px;
							left:30px;
						}
						#topBnr div.inner ul.bnr li a div.mask p.read2 {
							top:140px;
							left:30px;
						}
}

@media screen and (max-width:767px){
#topBnr {
	padding:50px 20px 70px 20px;
}
		#topBnr div.inner ul.bnr {
			max-width:340px;
		}
				#topBnr div.inner ul.bnr li a {
					height:180px;
				}
						#topBnr div.inner ul.bnr li a div.mask p.thaiTit {
							font-size:20px;
							padding-top:62px;
						}
						#topBnr div.inner ul.bnr li a div.mask p.mediaTit {
							font-size:20px;
							top:15px;
							left:20px;
						}
						#topBnr div.inner ul.bnr li a div.mask p.read {
							width:50%;
							top:60px;
							left:20px;
						}
						#topBnr div.inner ul.bnr li a div.mask p.read2 {
							display:none;
						}
						#topBnr div.inner ul.bnr li a div.mask img {
							width:90px;
						}
}

/* !200609追加
---------------------------------------------------------- */
.videoWrap{
	width:100%;
	max-width:642px;
	margin:70px auto 70px auto;
}
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
@media screen and (max-width:1039px){
.videoWrap{
	margin:60px auto 60px auto;
}
}

@media screen and (max-width:767px){
.videoWrap{
	width:100%;
	max-width:642px;
	margin:50px auto 50px auto;
	padding:0 15px;
}
}