@charset "UTF-8";

/*****フロントページCSS*****
 * フロントページ共通CSS
***************************/
/*ページタイトル*/
h1.entry-title{
	display:none;
}
/*投稿日・投稿者・ホーム*/
.date-tags{
	display:none;
}
/*--------------------------
 * topの余白を0にする
-------------------------*/
div#appeal {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
}
/*--------------------------
 * 不要な余白をなくす
-------------------------*/
div#content{
	margin:0;
}
div#content-in{
	margin:0;
	width:100%
}
main#main{
	padding:0;
}
div.entry-content{
	margin:0;
}

.txt-block-contents{
	position:absolute;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
}

.txt-contents{
	position:relative;
	width:100%;
	height:auto;
	text-align:center;
}
.txt-sub{
	display:flex;
	align-items: center;
	justify-content: center;
}
.txt-sub:before,
.txt-sub:after {
	position:relative;
	content: "";
	flex-grow:0.01;
	border-top: 1px solid black;
}
.txt-sub:before {
	left: -1rem;
}

/*-----スライダー-----*/
/*-------------------------
*１．表示順、表示位置の設定
*２．画像表示サイズの指定
*３．画像サイズの指定
*４．スライドアニメーションの設定
-------------------------*/
.slider-contents{
	position:relative;
	margin:0;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100vh;
}
.slider{
	position:relative;
	width:100%;
	height:100%;
}
img#slider_image1{
	width:100%;
	height:100%;
	object-fit:cover;
}
img#slider_image2{
	width:100%;
	height:100%;
	object-fit:cover;
}
.iwe-border img{
	border:none;
}
.s-fadeout{
	opacity: 0;
	transition: 5s ease-in-out;
	-webkit-transition: 5s ease-in-out;
}
.s-fadein{
	opacity: 1;
	transition: 5s ease-in-out;
	-webkit-transition: 5s ease-in-out;
}

.scroll-box{
	position:relative;
	top:-15%;
	width:10px;
	height:8.256vh;
	left: 50%;
	transform: translate(-50%, -50%);
}
.arrow {
	width: 0;
	height: 40px;
	border: 1px solid #FFF;
	position: relative;
	animation: scroll 1.5s infinite;
	-webkit-animation: scroll 1.5s infinite;
}
.arrow::after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: -5px;
	width: 1px;
	height: 10px;
	border-top: 10px solid #FFF;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}
@keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}
@-webkit-keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}

.list-contents-news{
	position: relative;
	width:75%;
	height:auto;
	top:auto;
	left: 50%;
	transform:translateX(-50%);
	-webkit- transform:translateX(-50%);
}
.list-contents-news > li{
	display: flex;
	flex-direction: column;
	border-left:1px solid #999;
	white-space:nowrap;
}
.list-contents-news > li:nth-of-type(1){
	border-left:none;
}
.list-contents-news > li > time:before{
	content:"新着情報";
	margin-right:0.5vw;
	padding:0.5vw;
	border-radius:0.5em;
	background-color:#76bf60;
	color:white;
	letter-spacing:0.1em;
}
.list-contents-news > li > time:before::after{
	content:"a";
	border-left:1px solid #999;
}
.list-contents-news > li > time{
	order: 1;
	margin:1.5vh;
	margin-top:calc(1.5vh + 0.5vw);
}
.list-contents-news > li > a{
	order: 2;
	margin:1.5vh;
	color:#000;
	text-decoration:none;
}
.list-contents-news > li > a:hover{
	color:#999;
}
.corporation-philosophy-contents{
	display:flex;
	justify-content: flex-start;
	position:relative;
	width:100%;
	height:75vh;
}
.corporation-philosophy-position{
	flex-grow: 1;
	position:relative;
	width:100%;
	height:100%;
}
img#img_corporation_philosophy{
	width:100%;
	height:100%;
	object-fit:cover;
	border:none;
}

.carousel-contents{
	display: flex;
	overflow-x:hidden;
	position:relative;
	width:100%;
	height:60vh;
}

.and-NextPrev-contents{
	display: flex;
	justify-content: space-between;
	position:absolute;
	z-index:2;
	width:100%;
	height:100%;
}
.btn-next-style, .btn-prev-style{
	display: inline-block;
	vertical-align: middle;
	color: #333;
	line-height: 1;
	position: relative;
	/*width: 0.8em;
	height: 0.8em;*/
	width: 2.5em;
	height: 2.5em;
	border: 0.1em solid currentColor;
	border-radius: 50%;
	box-sizing: content-box;

	top:50%;
}
.btn-next-style{
	right:2.5em;
}
.btn-prev-style{
	left:2.5em;
}
.btn-next-style:before,
.btn-prev-style:before{
	content: '';
	color: #333;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-width: 0.54em 0.93528em;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.btn-next-style:before{
	border-left-color: #333;
	border-right: 0;
	transform: translateX(15%);
}
.btn-prev-style:before{
	border-right-color: #333;
	border-left: 0;
	transform: translateX(-15%);
}
.btn-next-style:hover,
.btn-prev-style:hover{	
	color: #999;
}
.btn-next-style:hover:before{
	border-left-color: #999;
}
.btn-prev-style:hover:before{
	border-right-color: #999;
}

.carousels-block-contents{
	display: flex;
	justify-content: space-around;
	position:absolute;
	z-index:1;
	width:calc((100%/3)*10);
	height:100%;
	left:calc(-100%/3);
}
.carousels-content{
	margin:auto;
	margin-bottom:14.5vh;
}
.carousels-content:nth-of-type(2){
	margin-left:6.195vw;
	margin-right:3.0975vw;
}
.carousels-content:nth-of-type(3){
	margin-right:3.0975vw;
	margin-left:3.0975vw;
	margin-bottom:11.375vh;
}
.carousels-content:nth-of-type(4){
	margin-right:6.195vw;
	margin-left:3.0975vw;
}
.carousel-main{
	width:7.5%;
	height:70%;
	box-shadow: 10px 3px 5px rgba(0, 0, 0, 0.22);
}
.carousel-sub{
	width:7.5%;
	height:60%;
	box-shadow: 10px 3px 5px rgba(0, 0, 0, 0.22);
}
.carousel-hidden{
	width:7.5%;
	height:60%;
	box-shadow: 10px 3px 5px rgba(0, 0, 0, 0.22);
}
img#img_carousel{
	width:100%;
	height:100%;
	object-fit:cover;
}

.corporation-photo-contents{
	display:flex;
	position:relative;
	width:100%;
	height:40vh;
}
.corporation-photo-positioin{
	flex-grow:1;
	position:relative;
	width:100%;
	height:100%;
}
img#corporation_photo1,
img#corporation_photo2{
	width:60%;
	height:100%;
	box-shadow: 10px 3px 5px rgba(0, 0, 0, 0.22);
}

figure.wp-block-table table{
	width:40%;
}
figure.wp-block-table table tr{
	border:none;
	border-bottom:1px solid #999;
}
figure.wp-block-table table td{
	border:none;
}
figure.wp-block-table table td:nth-of-type(1){
	background-color:rgba(118, 191, 96,0.25);
}
figure.wp-block-table table tr:last-child{
	border-bottom:none;
}

.corp-map{
	position: relative;
	top: 50%;
	left: 50%;
	transform:translateX(-50%);
	-webkit- transform:translateX(-50%);
	width:75%;
	height:75vh;
}

/*480px以下*/
@media screen and (max-width: 480px){
	.scroll-box{
		top:-25%;
	}
	.txt-sub:before,
	.txt-sub:after {
		flex-grow:0.025;
		border-top: 1px solid black;
	}
	.txt-sub:before {
		left: -0.25em;
	}
	.list-contents-news{
		width:auto;
	}
	.list-contents-news > li{
		border-bottom:1px solid #999;
		border-left:none;
	}
	.wp-block-latest-posts.is-grid li{
		margin:1vh;
	}
	.list-contents-news > li > time:before{
		content:"新着情報";
		margin-right:52.5%;
		padding:0.25em 1em;
		border-radius:0.25em;
		background-color:#76bf60;
		color:white;
		letter-spacing:0.1em;
	}
	
	.corporation-philosophy-contents{
		display:initial;
		width:100%;
		height:auto;
	}
	img#img_corporation_philosophy{
		padding:2em;
	}
	
	.mobile-not-txt-block-contents{
		position:relative;
		width:100%;
		height:100%;
		top:initial;
		left:initial;
	}
	.carousel-contents{
		width:100%;
		height:40vh;
		overflow-x:hidden;
	}
	.btn-next-style, .btn-prev-style{
		width: 1.5em;
		height: 1.5em;
		top:45%;
	}
	.btn-next-style{
		right:0.5em;
	}
	.btn-prev-style{
		left:0.5em;
	}
	.btn-next-style:before,
	.btn-prev-style:before{
		border-width: 0.27em 0.46764em;
	}
	
	.carousels-block-contents{
		overflow-x:hidden;
		width:calc(100%*10);
		left:calc(-100%*2);
	}
	
	.carousels-content:nth-of-type(2){
		margin-left:auto;
		margin-right:auto;
	}
	.carousels-content:nth-of-type(3){
		margin-right:auto;
		margin-left:auto;
		margin-bottom:10.75vh;
	}
	.carousels-content:nth-of-type(4){
		margin-right:auto;
		margin-left:auto;
	}
	.carousel-main{
		height:60%;
	}
	img#corporation_photo1, img#corporation_photo2{
		width:100%;
	}
	#corporation_photo_content2{
		display:none;
	}
	.corp-map{
		width:85%;
		height:40vh;
	}
}