@charset "utf-8";
/******************************************************************************************************************************************************************************


*基本構造


******************************************************************************************************************************************************************************/
body{
	position: relative;
	z-index: 1;
	color:#333333;
	font-size: 1.4rem;
	overflow-x:hidden;
}
body *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*レイアウト
----------------------------*/
.wrap{
	max-width:1000px;
	margin:0 auto;
}

.inner-wrap{
	max-width: 750px;
	margin:0 auto;
}


.side-margin{
	padding-left: 4% !important;
	padding-right: 4% !important;
}
.responsive{
	text-align: center;
}
.swiper-slide .responsive img{
	max-width: 100%;
}

.gf2{
	font-family: 'Jost', sans-serif;
}


/*共通パーツ
----------------------------*/
/*文字*/

.clr-black{ color:#121b3d !important; }
.clr-emerald{ color:#005752 !important; }
.clr-red{ color:#eb436b !important; }
.clr-red2{color:#fb6060 !important;}
.clr-red3{color:#e60012 !important;}
.clr-orange{ color:#eb6100 !important; }
.clr-navy{ color:#453275 !important; }
.clr-blue{ color:#00aeef !important; }
.clr-green{color:#00561f !important;}
.clr-white{color:#fff !important;}

.bg-ivory{ background-color:#fff5e5; }
.bg-pink{background-color: #ffcaca;}
.bg-lblue{background-color: #e1e9ff;}
.bg-dblue{background-color: #004986;}
.bg-green{background-color: #097c25;}
.bg-green2{background-color: #559641;}
.bg-lgreen{background-color: #EBF8E7;}
.bg-orange{background-color: #e07f45;}
.bg-sky{background-color: #B9F9FF;}

.text-sdw{
	text-shadow:
    #fff 2px 0px 0px, #fff -2px 0px 0px,
    #fff 0px -2px 0px, #fff 0px 2px 0px,
    #fff 2px 2px 0px, #fff -2px 2px 0px,
    #fff 2px -2px 0px, #fff -2px -2px 0px,
    #fff 1px 2px 0px, #fff -1px 2px 0px,
    #fff 1px -2px 0px, #fff -1px -2px 0px,
    #fff 2px 1px 0px, #fff -2px 1px 0px,
    #fff 2px -1px 0px, #fff -2px -1px 0px,
    #fff 1px 1px 0px, #fff -1px 1px 0px,
    #fff 1px -1px 0px, #fff -1px -1px 0px;
    -webkit-text-shadow:
    #fff 2px 0px 0px, #fff -2px 0px 0px,
    #fff 0px -2px 0px, #fff 0px 2px 0px,
    #fff 2px 2px 0px, #fff -2px 2px 0px,
    #fff 2px -2px 0px, #fff -2px -2px 0px,
    #fff 1px 2px 0px, #fff -1px 2px 0px,
    #fff 1px -2px 0px, #fff -1px -2px 0px,
    #fff 2px 1px 0px, #fff -2px 1px 0px,
    #fff 2px -1px 0px, #fff -2px -1px 0px,
    #fff 1px 1px 0px, #fff -1px 1px 0px,
    #fff 1px -1px 0px, #fff -1px -1px 0px;
}

.text-sdw-bk{
	text-shadow:0px 0px 2px #575757,1px 1px 3px #575757 ,-1px -1px 3px #575757;
}

.resp-img,
.resp-img>img{
	width: 100%;
	height: auto;
}

.wide{
	width: 100%;
}


.mx-img{
	max-width: 100%;
}

.policy-img{
	max-width: 538px;
}

/*大見出し*/
.sct-heading .headline-lg{
	text-align: center;
	padding: 20px 0;
	font-size: 4.8rem;
}
/*中見出し*/
.headline-m{
	font-size: 4.5rem;
	font-weight: normal;
}
/*中見出し2*/
.headline-m2{
	font-size: 2.8rem;
}
/*小見出し*/
.headline-s{
	font-size: 2.4rem;
}

/*セクション見出し*/

.sct-heading{
	margin: 40px 0 60px;
	text-align: center;
}
	.sct-heading .headline{
		position: relative;
		display: inline-block;
		text-align: center;
		font-size: 3rem;
	}
		.sct-heading .headline::after{
			content:"";
			position: absolute;
			display: block;
			width: 70px;
			height: 2px;
			left:0;
			bottom: -0.8em;
			left: 50%;
			-webkit-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}

/*セクション見出しご挨拶用*/
.sct-heading-g{
	margin: 40px 0 30px;
	text-align: center;
}
	.sct-heading-g .headline{
		position: relative;
		display: inline-block;
		text-align: center;
		font-size: 3rem;
	}
		.sct-heading-g .headline::after{
			content:"";
			position: absolute;
			display: block;
			width: 70px;
			height: 2px;
			left:0;
			bottom: -0.8em;
			left: 50%;
			-webkit-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}


		.headline.bdr-red::after{  background:#eb436b }
		.headline.bdr-emerald::after{  background:#005752 }


/*セクション小見出し*/
.ch-sct-heading{
	margin: 30px 0;
	position: relative;
	background:#f4f4f4;
	padding: 1em 1.8em;
}
	.ch-sct-heading .headline::after{
		content:"";
		position: absolute;
		display: block;
		width: 6px;
		height: 22px;
		top:15px;
		left:0;
	}
		.ch-sct-heading .headline{
			font-size:1.8rem;
		}

/*テーブルベース*/
.tbl-wrap{
	padding:0 20px;
}
.tbl{
	width: 100%;
}
	.tbl>tbody>tr>th{
		text-align: left;
		padding: 0.8em 1em;
		font-weight: normal;
	}
	.tbl>tbody>tr>td{
		padding: 0.8em 45px;
	}

/*テーブルパターンA*/
.tbl.ptn-a{
	border:1px solid #000;
}
	.tbl.ptn-a>tbody>tr>th{
		width: 265px;
		background: #f4f4f4;
		border-bottom: 1px dotted #a0a0a0;
	}
	.tbl.ptn-a>tbody>tr>td{
			border-bottom: 1px dotted #a0a0a0;
	}

/*テーブルパターンB*/
.tbl.ptn-b{
	border:1px solid #959595;
}
	.tbl.ptn-b>tbody>tr>th{
		width: 224px;
		padding: 1.2em 1em;
		background: #fff5e5;
		border-bottom: 1px dotted #a0a0a0;
	}
	.tbl.ptn-b>tbody>tr>td{
		padding: 1.2em 29px;
		border-bottom: 1px dotted #a0a0a0;
	}

	.tbl.ptn-b.th-pink>tbody>tr>th{
		background: #ffeaea;
	}

	.tbl.ptn-b.th-sky>tbody>tr>th{
		background: #aff1ff;
	}

	.tbl.ptn-b.th-lblue>tbody>tr>th{
		background: #e1e9ff;
	}


/*マップ*/
.tbl.ptn-a .frame-wrap{
	position: relative;
	padding-top: 37.39%;
}
	.tbl.ptn-a  .frame-wrap iframe{
		position: absolute;
		width: 100%;
		height: 100%;
		left:0;
		top:0;
	}

/*ボタンA*/
.btn-a{
	display: inline-block;
	border:1px solid #000;
	width: 100%;
	padding: 0.9em;
	font-size: 1.4rem;
	text-align: center;
	background:rgba(0,0,0,0);
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
	.btn-a:hover{
		display: inline-block;
		border:1px solid #fff;
		background:rgba(0,0,0,0.8);
		width: 100%;
		color:#fff;
		text-align: center;
		-webkit-transition:all 0.5s ease-out;
		-moz-transition:all 0.5s ease-out;
		transition:all 0.5s ease-out;
	}

/*ボタンB*/
.btn-b{
	display: inline-block;
	border:4px solid #005752;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-o-border-radius: 1em;
	border-radius: 1em;
	width: 228px;
	padding: 0.8em;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	color:#626262;
}

/*ボタンC*/
.btn-c{
	display: inline-block;
	border:5px solid #eeeeee;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-ms-border-radius: 2em;
	-o-border-radius: 2em;
	border-radius: 2em;
	width: 100%;
	max-width: 530px;
	background-color:#fff;
	padding: 0.4em;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
}
	.btn-c>span{
		display: inline-block;
		padding:0.5em 0 0.5em 3em;
		background-repeat: no-repeat;
		background-position: 0 center;
	}
		.btn-c.red{
			border:5px solid #eb436b;
			color:#eb436b;
			-webkit-transition:all 0.5s ease-out;
			-moz-transition:all 0.5s ease-out;
			transition:all 0.5s ease-out;
		}
			.btn-c.red>span{
				background-image: url(../img/ico_entry_red.png);
			}
				.btn-c.red:hover{
					color:#fff;
					background-color:#eb436b;
					-webkit-transition:all 0.5s ease-out;
					-moz-transition:all 0.5s ease-out;
					transition:all 0.5s ease-out;
				}
					.btn-c.red:hover>span{
						background-image: url(../img/ico_entry_on.png);
					}

.btn-c.navy{
	border:5px solid #453275;
	color:#453275;
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}
	.btn-c.navy>span{
		background-image: url(../img/ico_entry_navy.png);
	}
		.btn-c.navy:hover{
			color:#fff;
			background-color:#453275;
			-webkit-transition:all 0.5s ease-out;
			-moz-transition:all 0.5s ease-out;
			transition:all 0.5s ease-out;
		}
			.btn-c.navy:hover>span{
				background-image: url(../img/ico_entry_on.png);
			}



a.circle-arw{
	display: inline-block;
	position: relative;
	padding:10px 10px 10px 50px;
	line-height: 1.5em;
}
	a.circle-arw::after {
	    content: "";
	    position: absolute;
	    display: block;
	    top: 50%;
	    left: 4px;
	    margin-top: -1px;
	    width: 10px;
	    height: 10px;
	    border-top: solid 1px #005752;
	    border-right: solid 1px #005752;
	    -webkit-transform: rotate(45deg) translate(0 ,-50%);
	    transform: rotate(45deg) translate(0 ,-50%);
	}

a.circle-arw::before{
	content:"";
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	top:50%;
	left:0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translate(0 ,-50%);
	transform: translate(0 ,-50%);
	background: #fff;
}

a.circle-arw-sm{
	display: inline-block;
	position: relative;
	padding:10px 10px 10px 40px;
	margin-left: 0.5em;
	line-height: 1.2em;
}

a.circle-arw-sm::after{
	content: "";
	position: absolute;
	display: block;
	top:50%;
	left:5px;
	margin-top: -1px;
	width: 7px;
	height: 7px;
	border-top: solid 1px #005752;
	border-right: solid 1px #005752;
	-webkit-transform: rotate(45deg) translate(0 ,-50%);
	transform: rotate(45deg) translate(0 ,-50%);
}

a.circle-arw-sm::before{
	content:"";
	position: absolute;
	display: block;
	width: 26px;
	height: 26px;
	top:50%;
	left:0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translate(0 ,-50%);
	transform: translate(0 ,-50%);
	background: #fff;
}


/*
ヘッダー
-------------------------------*/
header{
	position: fixed;
	width: 100%;
	height: 115px;
	background: #fff;
	font-size: 1.5rem;
	z-index: 1000;
}
	header .h-wrap{
		width: 100%;
		margin:0 auto;
		padding: 0;
	}



/*ロゴ*/
header .logo{
	top:0;
	left:0;
	position: absolute;
	padding-left: 20px;
}
	header .logo p{
		padding: 5px 0;
		margin-bottom: 10px;
		font-size: 1.2rem;
		display: block;
	}
		header .logo>a{
			display: block;
			height: 80px;
			width: 153px;
			background: url(../img/logo_2.png) 0 center no-repeat;
		}
header .logo_e{
	top:0;
	left:0;
	position: absolute;
	padding-left: 20px;
}
	header .logo_e p{
		padding: 5px 0;
		margin-bottom: 10px;
		font-size: 1.2rem;
		display: block;
	}
		header .logo_e>a{
			display: block;
			height: 64px;
			width: 470px;
			background: url(../img/logo_e.png) 0 center no-repeat;
		}



/*ナビ*/
header nav{
	display: block;
	padding-left: 230px;
	top: 0;
}
	header nav>.menu{
		margin-top: 0;
		padding: 21px 30px;
		text-align: right;
	}
		header nav>.menu>li{
			display: inline-block;
			vertical-align: middle;
			white-space: nowrap;
			margin:0 0.8vw;
		}

			header nav>.menu>li>a {
					position: relative;
			    display: inline-block;
			    font-size: 1.8rem;
			    padding: 20px 0.5vw 30px;
			    text-align: center;
			    margin-top: 20px;
			}

			header nav>.menu>li>a::before{
				content:"";
				position: absolute;
				display: block;
				width: 100%;
				height: 3px;
				top:50px;
				left:0;
				background: #005752;
				opacity: 0;
				transition: opacity 0.3s;
			}
			
			
			header nav>.menu>li:hover>a::before{
				opacity: 1;
			}
			
			
			header nav>.menu>li.pc-hover-menu>a{
				position: relative;
				display: inline-block;
				padding-right: 1.5em;
			}
			
			header nav>.menu>li.pc-hover-menu>a::after{
				content:"";
				position: absolute;
				top:32px;
				right:5px;
				width: 6px;
				height: 6px;
				border-right:1px solid #333333;
				border-bottom:1px solid #333333;
				transform: translate(0,-50%) rotate(45deg);
			}
			@media screen and (max-width:1200px){
				header nav>.menu>li.pc-hover-menu>a::after{
					top:24px;
				}
		}
			

/*チャイルドナビ*/
header nav>.menu>li{
	position: relative;
}

header nav>.menu>li>ul {
	position: absolute;
	display: block;
	left:0;
	top:115px;
    width: 200px;
    color:#333;
    text-align: left;
    overflow: hidden;
    background: rgba(255,255,255, 0.8);
	transition:top 0.4s ease,opacity 0.4s ease, transform 0s ease 0.41s;
	opacity: 0;
	pointer-events: none;
	padding: 10px 0;
	transform: rotateX(-90deg);
	transform-origin: 0 0;
}




header nav>.menu>li>ul.open{
	pointer-events: all;
	opacity: 1;
	top:92px;	
	transition:top 0.4s ease,opacity 0.4s ease, transform 0s ease 0s;
	transform: rotateX(0deg);
}


header nav>.menu>li>ul>li>a{
	display: block;
	font-size: 	1.6rem;
	padding: 0.8em 1.5em;
}

header nav>.menu>li>ul>li>a:hover{
	opacity: 1;
	color:#005752;
}

header .click-arw{
	display: none;
}

@media screen and (max-width:1200px){
	header nav>.menu>li>ul.open{
		top:60px;	
	}
}

header nav .sns {
    position: absolute;
    right: 45px;
    top: 20px;
    z-index: 10;
    display: flex;
}

header nav .sns>li{
	margin-left: 15px;
}



/* header nav>.menu>li>ul {
	position: absolute;
	display: block;
	left:0;
	top:115px;
    width: 100%;
    text-align: center;
    padding: 0em;
    width: 100%;
    height: 0px;
    color:#fff;
    overflow: hidden;
    background: rgba(0,87,82, 0.8);
    -webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	transition:all 0.1s ease;
	opacity: 0.5;
}
	header nav>.menu>li>ul.open{
		padding: 1em;
		height: auto;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		transition:all 0.4s ease;
		opacity: 1;
	}

		header nav>.menu>li>ul>li{
			padding: 0px 1vw;
			display: inline-block;
		}

			header nav>.menu>li>ul>li>a{
				position: relative;
				display: inline-block;
				padding: 1em 1em 1em 1.5em;
				font-size: 	1.7rem;
			}
				header nav>.menu>li>ul>li>a::after{
					content:"";
					position: absolute;
					display: block;
					top:50%;
					margin-top: -2px;
					left:0;
					width: 0.5em;
					height: 0.5em;
					border-top: solid 1px #fff;
					border-right: solid 1px #fff;
					-webkit-transform: rotate(45deg) translate(0,-50%);
					transform: rotate(45deg)  translate(0,-50%);
				}

header .click-arw{
	display: none;
} */


/*
フッター
-------------------------------*/
footer{
	position:  relative;
	color:#fff ;
}
	footer P.lead{
	text-align: center;	
	}

	footer .f-wrap{
		background: #005752;
		padding: 50px 4% 50px;
	}

	footer .f-wrap-e{
		background: #005752;
		padding: 50px 4%;
	}

/*フッターナビ*/
footer .f-nav{
	max-width: 1400px;
	margin:0 auto;
}
	footer .f-nav .f-tbl{
		width: 100%;
		margin-bottom: 44px;
	}
		footer .f-nav .f-tbl>thead>tr{
			border-bottom:2px solid #367874;
		}
			footer .f-nav .f-tbl>thead>tr>th,
			footer .f-nav .f-tbl>tbody>tr>td{
				text-align: left;
				vertical-align: top;
				font-weight: normal;
				white-space: nowrap;
				width: 25%;
			}

			footer .f-nav .f-tbl>thead>tr>th{
				padding:1em 0;
			}
			footer .f-nav .f-tbl>tbody>tr>td{
				padding-top: 10px;
			}

/*子ナビ*/
footer .ch-nav>li>a{
	position: relative;
	padding: 0.5em 2em;
	display: inline-block;
}
	footer .ch-nav>li>a::after{
		content: "";
		position: absolute;
		display: block;
		top:50%;
		left:0.25em;
		margin-top: -1px;
		width: 0.7em;
		height: 0.7em;
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
		-webkit-transform: rotate(45deg) translate(0 ,-50%);
		transform: rotate(45deg) translate(0 ,-50%);
	}

/*コピーライト*/
footer .priv-block{
	margin-top: 30px;
	margin-bottom: 20px;
	display: block;
}

footer .copy{
	color:#000;
	padding:30px 0;
	display: block;
	text-align: center;
	font-size: 1.4rem;
}

footer #pagetop{
	position: absolute;
	right:60px;
	top:-30px;
	height: 30px;
	line-height: 30px;
	padding:0 20px 0 30px;
	font-size: 1.2rem;
	background:#114d3a url(../img/gotop.png) 10px center no-repeat ;
	display: inline-block;
	cursor: pointer;
}


footer .sns {
	border-top:2px solid #367874;
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 10;
  padding: 15px 0;
}

footer .sns>li{
	margin:0 6px;
}

/*********************************************************************************************************************************************

*トップページ

**********************************************************************************************************************************************/

/*
メインビジュアル
---------------------------------*/
.top-main-visual{
	position: relative;
	padding-top: 115px;
}

.top-main-visual .swiper-slide{
	height: -webkit-calc(100vh - 115px);
	height: calc(100vh - 115px);
}

.top-main-visual .swiper-slide .picture{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	left: 0;
	padding: 0 4%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.top-main-visual .swiper-wrapper>div {
	transition-property: opacity;
}

		/*スライダー背景------------------------------------------------------------------------*/

		.top-main-visual .swiper-wrapper>div:nth-child(1){
			background: url(../img/slide/slide01.jpg) center no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.top-main-visual .swiper-wrapper>div:nth-child(2){
			background: url(../img/slide/slide02.jpg) center no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.top-main-visual .swiper-wrapper>div:nth-child(3){
			background: url(../img/slide/slide03.jpg) center no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.top-main-visual .swiper-wrapper>div:nth-child(4){
			background: url(../img/slide/slide04.jpg) center no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}
		.top-main-visual .swiper-wrapper>div:nth-child(5){
			background: url(../img/slide/slide05.jpg) center no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		}

			/*メディアクエリ*/
			@media only screen and (max-width: 825px){

				.top-main-visual .swiper-wrapper>div:nth-child(1){
					background: url(../img/slide/slide01_sp.jpg) center no-repeat;
					-webkit-background-size: cover;
					background-size: cover;
				}
				.top-main-visual .swiper-wrapper>div:nth-child(2){
					background: url(../img/slide/slide02_sp.jpg) center no-repeat;
					-webkit-background-size: cover;
					background-size: cover;
				}
				.top-main-visual .swiper-wrapper>div:nth-child(3){
					background: url(../img/slide/slide03_sp.jpg) center no-repeat;
					-webkit-background-size: cover;
					background-size: cover;
				}
				.top-main-visual .swiper-wrapper>div:nth-child(4){
					background: url(../img/slide/slide04_sp.jpg) center no-repeat;
					-webkit-background-size: cover;
					background-size: cover;
				}
				.top-main-visual .swiper-wrapper>div:nth-child(5){
					background: url(../img/slide/slide05_sp.jpg) center no-repeat;
					-webkit-background-size: cover;
					background-size: cover;
				}

			}

		/*---------------------------------------------------------------------------------*/


.top-main-contents{
	font-size: 1.4rem;
	line-height: 1.8em;
}

.top-main-contents .block{
	display: flex;
	flex-wrap:wrap;
}

.top-main-contents .block .box1{
	width: calc(100% - 400px);
	padding-right: 30px;
}

.top-main-contents .block .box2{
	width: 400px;
}

.top-main-contents .note-head{
	position: relative;
	
}

.news-title>span{
	font-size: 2.6rem;
	color: #225551;
}

.note-slider {
    position: relative;
    margin-top: 34px;
}

.note-slider-inner{
	border:2px solid #e6e6e6;
	background: #fff;
	border-radius: 5px;
}

.note-slider .swiper-pagination {
	position: relative;
	padding-top: 8px;
}

.note-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #c9c9c9;
    opacity: 1;
    margin: 0 4px;
}

.note-slider .swiper-pagination-bullet-active{
    background: #20514b;
}

.note-list{
	padding:20px;
}
.note-list>li{
  margin-bottom: 40px;
}

.note-list>li .note-list-ttl{
  line-height: 1.5;
  margin-bottom: 5px;
}

.note-list-box{
  display: block;
  display: flex;
  text-align: left;
  color:#000;
}

.note-list-txt{
  width: calc(100% - 108px);
   padding-right: 20px;
   line-height: 1.5;
}

.note-list-img{
  width: 108px;
}

.note-list-inr{
  position: relative;
  padding-top: 55.55%;
  border-radius: 5px;
  overflow: hidden;
}

.note-list-ttl{
  font-weight: bold;
}

.note-list-msg{
  font-size: 0.875em;
  color: #797e7d;
}

.note-list-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  background-size: cover;
  background-position: center;
}


.note-label{
  position: absolute;
  right: 0;
  bottom:3px;
  letter-spacing: 0.15em;
  color:#d9d9d9;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
}

.note-auth{
  position: relative;
  display: flex;
  text-align: left;
  margin-top: 10px;
  width: 100%;
}
.note-auth-box1{
  width:33px;
}
.note-auth-box1 img{
	width: 100%;
}

.note-auth-box2{
  font-size: 0.875em;
  padding-left: 5px;
}

.note-auth-name {
  line-height: 1em;
  padding-top: 3px;
}

.note-auth-time {
  color:#8c8c8c;
  margin-top: 5px;
  line-height: 1em;
  font-size: 0.875em;
}

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

  .note-list>li{
    margin-bottom: 0px;
  }


  .note-list-txt {
    width: calc(100% - 80px);
    padding-right: 15px;
  }

  .note-list-img {
      width: 80px;
  }

}


/*セクション；ヘッド*/
.sct-sub-copy{
	text-align: center;
	padding: 60px 4%;
	background-image: url(../img/bg01.jpg);
	-webkit-background-size:cover;
	background-size: cover;
	background-repeat: no-repeat ;
	background-position: center center;
}

.sct-sub-copy .top-headline02{
	font-size: 3rem;
	color:#005752;
}


.sct-sub-copy p{
	margin-top: 20px;
	padding: 10px 0;
}

/*セクション；事業紹介*/
.sct-business{
	display: block;
}

.sct-business .grid-box{
	z-index: 1;
	position: relative;
}

.sct-business .grid-box>div:nth-child(1){
	position: relative;
	width: 25%;
}

.sct-business .grid-box>div:nth-child(2){
	position: relative;
	width: 75%;
	min-height: 500px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 2;
}

/*背景*/
.sct-business .group01{
	background: #acd598;
}

.sct-business .group02{
	background:#ffdd88;
}

.sct-business .group01>div:nth-child(2){
	background-image:url(../img/bg02.jpg);
}
.sct-business .group02>div:nth-child(2){
	background-image:url(../img/bg03.jpg);
}

.sct-business .float-block{
	width: 520px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top:2%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	z-index: 3;
}

.sct-business .grid-box.revs .float-block{
	left: auto;
	right: 50%;
}

.sct-business .grid-box.revs .heading-box{
	text-align: right;

}

.sct-business .heading-box {
	margin-bottom: 40px;
}

.sct-business .heading-box .title{
	margin-top: 20px;
	font-size: 	3.6rem;
	text-align: left;
}


.sct-business .text-box{
	background: rgba(255,255,255, 0.7);
	padding: 20px;

}

.sct-business .text-box .btn-area{
	margin-top: 30px;
	padding: 15px 0;
	display: block;
}
.sct-business .grid-box.revs .heading-box{
	text-align: right;
}

		/*セクション:リクルート:アニメーション********************************************************************************/

		.sct-business .group01 .image-box{
			opacity: 0;
			-webkit-transform: translate(90%, 0);
			transform: translate(90%, 0);
		}

		.sct-business .group01.animated .image-box{
			opacity:1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950);
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950);
		}

		.sct-business .group01 .label{
			opacity: 0;
			-webkit-transform: translate(-90%, 0);
			transform: translate(-90%, 0);
		}

		.sct-business .group01.animated .label{
			opacity: 1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950);
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950);
		}

		.sct-business .group01 .title{
			opacity: 0;
			-webkit-transform: translate(-90%, 0);
			transform: translate(-90%, 0);
		}

		.sct-business .group01.animated .title{
			opacity: 1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.5s;
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.5s;
		}


		.sct-business .group01 .text-box{
			opacity: 0;
			-webkit-transform: translate(-50%, 50%);
			transform: translate(-50%, 50%);
		}


		.sct-business .group01.animated .text-box{
			opacity: 1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950) 1s;
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950) 1s;
		}


		.sct-business .group02 .image-box{
			opacity: 0;
			-webkit-transform: translate(-90%, 0);
			transform: translate(-90%, 0);
		}

		.sct-business .group02.animated .image-box{
			opacity:1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950);
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950);
		}

		.sct-business .group02 .label{
			opacity: 0;
			-webkit-transform: translate(90%, 0);
			transform: translate(90%, 0);
		}

		.sct-business .group02.animated .label{
			opacity: 1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950);
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950);
		}

		.sct-business .group02 .title{
			opacity: 0;
			-webkit-transform: translate(90%, 0);
			transform: translate(90%, 0);
		}

		.sct-business .group02.animated .title{
			opacity: 1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.5s;
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.5s;
		}


		.sct-business .group02 .text-box{
			opacity: 0;
			-webkit-transform: translate(50%, 50%);
			transform: translate(50%, 50%);
		}


		.sct-business .group02.animated .text-box{
			opacity: 1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950) 1s;
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950) 1s;
		}
		/*********************************************************************************/

/*セクションリクルート*/

.sct-recruit .grid-box>div{
	padding-top: 25%;
	position: relative;
}

.sct-recruit .grid-box  a{
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	left:0;
	top:0;
}
	.sct-recruit .grid-box .group01 a{
		background: url(../img/bg04.jpg) center center no-repeat ;
		-webkit-background-size: cover;
		background-size: cover;
	}

	.sct-recruit .grid-box .group02 a{
		background: url(../img/bg05.jpg) center center no-repeat ;
			-webkit-background-size: cover;
		background-size: cover;
	}


.sct-recruit .grid-box .float-block .picutre{
	margin-bottom: 10px;
}

.sct-recruit .grid-box>div .float-block{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	max-width: 260px;
}

.sct-recruit .grid-box>div:nth-child(2)  .float-block{
	left:0;
	right:auto;
}

.sct-recruit .grid-box>div .float-block .text-box{
	background: rgba(235,97,0 ,0.7);
	padding: 20px;
	line-height: 1.5em;
	font-size: 2.4rem;
	color:#fff;
}
	.sct-recruit .grid-box>div:nth-child(1) .float-block .text-box{
		background: rgba(0,124,37,0.7);
		padding: 20px;
		line-height: 1.5em;
		font-size: 2.4rem;
		color:#fff;
	}

		/*セクション:リクルート:アニメーション********************************************************************************/
		.sct-recruit .grid-box .group01{
			opacity: 0;
		}

		.sct-recruit .grid-box.animated .group01{
			opacity:1;
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950);
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950);
		}

		.sct-recruit  .grid-box .group02{
			opacity: 0;
		}

		.sct-recruit .grid-box.animated  .group02{
			opacity:1;
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950);
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950);
		}

		.sct-recruit .grid-box  .heading-box{
			opacity: 0;
			-webkit-transform: translate(0, 20%);
			transform: translate(0, 20%);
		}

		.sct-recruit .grid-box.animated .heading-box{
			opacity: 1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1s cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.5s;
			transition: all 1s  cubic-bezier(0.155, 0.910, 0.695, 0.950) 0.5s;
		}

		.sct-recruit .grid-box .group01 .text-box{
			opacity: 0;
			-webkit-transform: translate(-20%, -20%);
			transform: translate(-20%, -20%);
		}

		.sct-recruit .grid-box.animated .group01 .text-box{
			opacity: 1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1.5s cubic-bezier(0.155, 0.910, 0.695, 0.950) 1s;
			transition: all 1.5s  cubic-bezier(0.155, 0.910, 0.695, 0.950) 1s;
		}

		.sct-recruit .grid-box .group02 .text-box{
			opacity: 0;
			-webkit-transform: translate(20%, 20%);
			transform: translate(20%,20%);
		}

		.sct-recruit .grid-box.animated .group02 .text-box{
			opacity: 1;
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
			-webkit-transition: all 1.5s cubic-bezier(0.155, 0.910, 0.695, 0.950) 1s;
			transition: all 1.5s  cubic-bezier(0.155, 0.910, 0.695, 0.950) 1s;
		}

		/********************************************************************************/


/*********************************************************************************************************************************************

*セカンドページ

**********************************************************************************************************************************************/

.main-contents{
	font-size: 1.4rem;
	line-height: 1.8em;
	padding-top: 115px;
}


/*
メインヴィジュアル
-----------------------------------*/
.main-visual{
	position: relative;
	padding-top: 21.8%;
}
	.main-visual figure{
		position: absolute;
		height: 100%;
		width: 100%;
		left:0;
		top:0;
	}

	.main-visual figure img{
		width: 100%;
	}

	.main-visual .ly-heading{
		position:absolute;
		width: 100%;
		top: 50%;
		left: 0;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
		.main-visual .ly-heading .headline{
			max-width: 1400px;
			margin: 0 auto;
			padding: 0 4%;
			font-size: 4.8rem;
		}

	/*sp用メイン画像*/
	.main-visual .pc-hide{
		display: none;
	}

/*
メインヴィジュアル大
-----------------------------------*/
.main-visual-lg{
	position: relative;
	padding-top: 41.25%;
}
	.main-visual-lg figure{
		position: absolute;
		height: 100%;
		width: 100%;
		left:0;
		top:0;
	}
	.main-visual-lg figure img{
		width: 100%;
	}
	.main-visual-lg .ly-heading{
		position:absolute;
		width: 100%;
		top: 40%;
		left: 0;
	}
		.main-visual-lg .ly-heading .title{
			max-width: 1400px;
			margin: 0 auto 0.5em;
			padding: 0 4%;
		}

			.main-visual-lg .ly-heading .title img{
				max-width: 440px;
				width: 35%;
			}

		.main-visual-lg .ly-heading .headline{
			max-width: 1400px;
			margin: 0 auto;
			padding: 0 4%;
			font-size: 3.2vw;
			color:#fff;
		}

	/*sp用メイン画像*/
	.main-visual-lg .pc-hide{
		display: none;
	}


/*
メインヴィジュアル
-----------------------------------*/
	.main-visual-lg.center .ly-heading{
		position:absolute;
		width: 100%;
		top: 50%;
		left: 0;
		bottom:auto;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
		.main-visual-lg .ly-heading .title{
			max-width: 1400px;
			margin: 0 auto 0.5em;
			padding: 0 4%;
		}
			.main-visual-lg.center .ly-heading .title img{
				width: 23%;
			}

				.main-visual-lg .ly-heading .headline{
					max-width: 1400px;
					margin: 0 auto;
					padding: 0 4%;
					font-size: 4.5rem;
				}

	/*sp用メイン画像*/
	.main-visual-lg .pc-hide{
		display: none;
	}

/*
メインヘッド（問い合わせなど）
-----------------------------------*/
.main-head{
	position: relative;
	padding-top: 21.8%;
}

	.main-head .ly-heading{
		position:absolute;
		width: 100%;
		top: 50%;
		left: 0;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
		.main-head .ly-heading .headline{
			max-width: 1400px;
			margin: 0 auto;
			padding: 0 4%;
			font-size: 4.8rem;
		}

	.main-head .pc-hide{
		display: none;
	}

/*
メインヘッド（事例）
-----------------------------------*/
.main-head2{
	position: relative;
	padding-top: 100px;
}

	.main-head2 .ly-heading2{
		position:absolute;
		width: 100%;
		top: 50%;
		left: 0;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
		.main-head2 .ly-heading2 .headline-c{
			max-width: 1400px;
			margin: 0 auto;
			padding: 0 4%;
			font-size: 2.2rem;
			font-weight: normal;
		}

		.main-head2 .ly-heading2 .headline-c span{
			display: block;
			font-size: 1.6rem;
		}


	.main-head2 .pc-hide2{
		display: none;
	}
	
.main-head2-sub{
	position: relative;
	padding-top: 60px;
}

.main-head2-sub .ly-heading2{
	position:absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.main-head2-sub .ly-heading2 .headline-c{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 4%;
	font-size: 2.2rem;
	font-weight: normal;
}

/*
メインセクション
-----------------------------------*/
.main-contents	.main-section{
	padding: 30px 0;
	margin-bottom: 50px;
	overflow: hidden;
}

.main-contents	 .sct-text-block{
	padding:30px 0;
}
.main-contents	 .sct-text-block p{
	margin-bottom: 1em;	
}

/*---------------------------------------------
事業案内
----------------------------------------------*/


/*筆者情報*/
.corporate .auth-area{
	display: block;
	text-align: right;
	font-weight: bold;
	padding: 0 0 30px;
}
.corporate	.auth-area .firm-name{
	font-size: 1.8rem;
	letter-spacing: 0.2em;
	margin-bottom: 15px;
}
.corporate	.auth-area dl{
	text-align: left;
	display: inline-block;
}
	.corporate	.auth-area dl>dt{
		font-size: 1.6rem;
		display: inline-block;
	}
	.corporate	.auth-area dl>dd{
		font-size: 2.6rem;
		display: inline-block;
		padding: 0 0.5em 0 0.3em;
	}


.corporate .btm-banner.bg-blue{
	margin-top: 30px;
	padding: 10px 10px 20px;
	line-height: 2em;
}

.corporate .btm-banner.bg-blue{
	background:#00aeef;
}

.corporate .vision{
	text-align: center;
	color:#fff;
	font-weight: bold;
}

.corporate .vision>dt{
	font-size: 2rem;
	padding-bottom: 5px;
}

.corporate .vision>dd{
	font-size: 4.5rem;
}

.corporate .sct-vision{
	padding:50px 0 0 ;
}
	.corporate .sct-vision figure{
		margin-bottom: 50px;
	}

.corporate .sct-vision .vision-text-block{
	max-width: 800px;
	margin:0 auto;
}
	.corporate .sct-vision .vision-text-block p{
		margin:1.5em 0;
	}
/*---------------------------------------------
HTH追記　役員均等割り付け
----------------------------------------------*/
td.em3{letter-spacing: 0.6em;}
td.em2{letter-spacing: 0.06em;}
td.em4{letter-spacing: 0.27em;}
td.em6{letter-spacing: 2.15em;}

/*---------------------------------------------
個人情報保護方針
----------------------------------------------*/
.privacy .exp{
	font-size: 1.5rem;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 20px;
}

.privacy .rlue-lists .headline{
	font-size: 1.5rem;
	position: relative;
	padding-left: 2.2em;
	line-height: 1.5em;
}

.privacy .rlue-lists .headline>span{
	position: absolute;
	top:50%;
	left:0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	height: 26px;
	width: 26px;
	font-weight: bold;
	line-height: 26px;
	background: #005752;
	color:#fff;
	text-align: center;
}

.privacy .rlue-lists dl>dd{
	padding: 0.8em 2em 2em;
}

.privacy .rlue-lists .item-lists>li{
	position: relative;
	padding-left: 2.8em;
}
.privacy .rlue-lists .ch-item-lists>li{
	position: relative;
	padding-left: 1.2em;
}

.privacy .rlue-lists .item-lists>li>span,
.privacy .rlue-lists .ch-item-lists>li>span{
	position: absolute;
	left:0;
	top:0;
}

/*---------------------------------------------
コンプライアンス
----------------------------------------------*/
.compliance .exp{
	padding: 20px 0;
	font-size: 1.6rem;
	text-align: center;
}


.compliance .btn-area{
	padding: 20px 0;
	text-align: center;
}

.compliance .compliance-block{
	display: flex;
	width: 100%;
  justify-content: space-between;
	margin-bottom: 20px;
}

.compliance .compliance-block h4{
	font-size: 1.6rem;
	margin-bottom: 20px;
}

.compliance .compliance-block>li {
	width: calc( (100% - 40px ) / 2);
	padding-bottom: 90px;
	position: relative;
}


.compliance-block a.pdf-btn {
	position: absolute;
	width: 100%;
	padding: 20px;
	border: 2px solid #005752;
	border-radius: 5px;
	display: block;
	margin-top: 20px;
	font-weight: bold;
	left: 0;
	bottom: 0;
}

.compliance-block a.pdf-btn:hover {
	border: 2px solid #005752;
	color: #FFF;
	background: #005752;
}


.promise-lists>ol{
	width: 100%;
}

.promise-lists>ol>li{
	position: relative;
	width: 50%;
	padding-right:25px;
}
.promise-lists>ol>li>span{
	position: absolute;
	left:0;
	top:0;
}

.promise-lists .dot-mark{
	padding:20px 0 30px;
}

.promise-lists .dot-mark>li{
	position: relative;
	padding-left: 1em;
}


.promise-lists .dot-mark>li>span{
	position: absolute;
	top:0;
	left:0;
}


.promise-lists ol>li>.headline{
	position: relative;
	padding-left: 2.5em;
	font-size: 1.6rem;
}
.promise-lists ol>li>.headline>span{
	position: absolute;
	top:-3px;
	left:0;
	height: 26px;
	width: 26px;
	font-weight: bold;
	line-height: 26px;
	background: #005752;
	color:#fff;
	text-align: center;
}


/*---------------------------------------------
情報セキュリティ基本方針
----------------------------------------------*/
.security .exp{
	margin-top:30px;
	padding: 30px 0;
}

.security .promise-lists.flex{
	display: block;
	padding-right:25px;
}

.security .promise-lists>ol>li{
	display: block;
	width: 100%;
}

.security .promise-lists>ol>li p{
	padding: 1em 0 1em 2.8em;
	margin-bottom: 1em;
}



/*---------------------------------------------
採用情報
----------------------------------------------*/

.recruit .main-section{
	margin-top: 60px;
}

.recruit .btn-area{
	padding: 50px 0 0 0;
	text-align: center;
}


.recruit .ordered-lists>li{
	position: relative;
	padding-left: 1em;
}

	.recruit .ordered-lists>li>span{
		position: absolute;
		top:0;
		left:0;
	}
	.recruit .ordered-lists>li>p{
		padding-left: 1em;
	}

.recruit .dot-lists>li{
	position: relative;
	padding-left: 1em;
}
	.recruit .dot-lists>li>span{
		position: absolute;
		top:0;
		left:0;
	}


.recruit .page-link-tbl.head>div{
	padding: 0;
}

.recruit .page-link-tbl>div{
	position: relative;
	width: 49.7%;
	margin-bottom: 4px;
}
.recruit .page-link-tbl>div>a{
	display: block;
	padding: 3em 0;
}
.recruit .page-link-tbl>div.ent>a{
	display: block;
	padding: 1em 0;
}
.recruit .page-link-tbl>div img{
	width: 100%;
}

.recruit .page-link-tbl>div:nth-child(1){
	position: relative;
	margin-right: 0.6%;
}

.recruit .page-link-tbl>div .title{
	display: block;
	text-align: center;
	font-size: 2.6rem;
	color:#fff;
}
.recruit .page-link-tbl>div>a{
	-webkit-transition:all 0.5s ease-out;
	-moz-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
}

.recruit .page-link-tbl>div>a:hover{
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.recruit .page-link-tbl>div.new>a {
	background: #81e3f8 url(../img/bg_dot.png);
}
.recruit .page-link-tbl>div.career>a {
	background: #00479d url(../img/bg_dot.png);
}

.recruit .page-link-tbl>div.new>a:hover {
	background: #4fd5f2 url(../img/bg_dot.png);
}

.recruit .page-link-tbl>div.career>a:hover {
	background: #453275 url(../img/bg_dot.png);
}


.recruit .page-link-tbl .headline{
	position: absolute;
	width: 100%;
	left:0;
	text-align: center;
	bottom: 10%;
	font-size: 2.6rem;
}

	.recruit .page-link-tbl .agri .headline{
		color:#007130;
	}
	.recruit .page-link-tbl .care .headline{
		color:#f39700;
	}

.recruit .page-link-tbl.new>div{
	position: relative;
}

.recruit .page-link-tbl.career>div{
	position: relative;
}

/*---------------------------------------------
事業案内
----------------------------------------------*/

.service .copy-box{
	text-align: center;
	margin-bottom: 90px;
}


.service .copy-box p{
	margin:1.5em 0;
	line-height: 1.8em;
	font-size: 1.8rem;
}

.service .menu-banner .heading{
	padding: 40px 0;
	background: url(../img/border_dotted.png) center 0 no-repeat;
}

.service .figure-box{
	padding: 30px 0 40px;
}


.service .sct-link{
	display: block;
}

.service .sct-link a{
	position: relative;
	display: block;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.service .sct-link a:hover{
	opacity: 0.7;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}


.service .sct-link a::after{
	content: "";
	position: absolute;
	display: block;
	bottom:8%;
	right:4%;
	width: 28px;
	height: 28px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;

}

.service .sct-link a:hover::after{
	right:3%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}


.service .sct-link a figure{
	position: relative;
	display: block;
}

.service .sct-link a figure>img{
	width: 100%;
}


.service .sct-link a figure .ly-heading{
	position: absolute;
	top: 50%;
	left: 2%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.service .sct-link a figure .ly-heading .logo{
	display: inline-block;
}

.service .sct-link a figure .ly-heading .headline{
	font-size: 3.5rem;
	color:#fff;
}


.service .sct-link.page01{
	margin-bottom: 70px;
}

/*serviceバナー*/
.sct-bnr ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sct-bnr ul>li{
	margin-bottom: 20px;
	width: 48%;
}

.service .sct-link2 .sct-bnr a{
	position: relative;
	display: block;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.service .sct-link2 .sct-bnr a:hover{
	opacity: 0.7;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.service .sct-link2 .sct-bnr a::after{
	content: "";
	position: absolute;
	display: block;
	bottom:8%;
	right:4%;
	width: 28px;
	height: 28px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;

}

.service .sct-link2 .sct-bnr a:hover::after{
	right:3%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.sct-bnr img{
	width: 100%;
}

.service .sct-link2 ul li a figure .ly-heading{
	position: absolute;
	top: 50%;
	left: 2%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.service .sct-link2 ul li a figure .ly-heading .headline{
	font-size: 3.2rem;
	color:#fff;
}

@media only screen and (max-width: 768px){
	.service .sct-link2 ul li a figure .ly-heading .headline{
		font-size: 2.8rem;
		color:#fff;
	}
}

@media only screen and (max-width: 601px){
	.sct-bnr ul{
		display: block;
	}
	.sct-bnr ul>li{
		margin-bottom: 30px;
		width: 100%;
	}
}




.service .sct-heading .sub-copy{
	font-size: 3rem;
	text-align: center;
	font-weight: bold;
}

.service .text-box{
	padding: 10px 0 0;
}
	.service .text-box p{
		margin:1.5em 0;
	}

.service.detail .sct-heading {
    margin:0;
}

.service.detail .frame{
	padding: 50px 0;
}

.service.detail .section{
	-webkit-background-size: cover;
	background-size: cover;
}

 .main-contents	.service.detail .main-section {
    padding: 0;
    margin-bottom: 50px;
}

.main-section2 {
	padding: 0;
}

.service.detail .point-heading{
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
}

.service.detail .point-heading .point{
	border-bottom: 1px solid #eb6100;
	margin-top: 40px;
	padding-bottom: 10px;
}

.service.detail .point-heading .point.green{
	border-bottom: 1px solid #005752;
}

.service.detail .point-heading .headline{
	padding: 10px 0 0;
}
.service.detail .section figure{
	padding-bottom: 20px;
}

.service.detail .section .frame.bgset{
	-webkit-background-size: cover;
	background-size: cover;
}

.service.detail .section figure figcaption{
	font-size: 2.4rem;
	padding: 1em 0;
}

.service .section.sct04{
	padding: 40px 0 0;
}

.service .section .headline-s{
	text-align: center;
}

.service .section .caption{
	text-align: center;
	font-size: 2.4rem;
	margin:20px 0 30px;
	color:#fff;
	padding: 0.2em;
	font-weight: normal;
}

.service .btm-figure{
	margin: 50px 0 0;
}
.service .btm-figure img{
    width: 100%;
}

.response-tbl-wrap{
	padding: 0 10px;
	margin-bottom: 40px;
}

.response-tbl{
	width: 100%;
}
	.response-tbl>thead>tr>th{
		font-weight: normal;
		color:#fff;
		padding: 0.6em 1.5em;
		border:1px solid #000;
		text-align: left;
	}

	.response-tbl>tbody>tr>td{
		padding: 0.6em 1.5em;
		border:1px solid #000;
	}


.response-tbl>thead>tr>th:nth-child(1){
	font-weight: normal;
	color:#fff;
	width: 223px;
	padding: 0.8em 1.5em;
}
	.care .response-tbl>thead>tr>th{
		background:#f29b76;
	}

	.agri .response-tbl>thead>tr>th{
		background:#8fc31f;
	}

/*サービス一覧*/
.service-lineup{
	margin-top: 60px;
}
.service-lineup>h2{
	font-size:1.8rem;
	background-color: #097c25;
	color: #fff;
	margin-bottom: 20px;
	padding: 10px;
}

.service-tbl{
	width: 100%;
	font-size: 1.6rem;
	border-collapse: collapse;
}

.service-tbl th,
.service-tbl td{
	border:1px solid #333333;
}

.service-tbl>tr>th{
	font-weight: normal;
	color:#fff;
	padding: 0.6em 0.7em;
	text-align: left;
}
	
.service-tbl>tbody>tr>td{
	padding: 0.6em 1em;
}
.service-tbl>tbody>tr>td>ul>li{
	margin-left: 1.1em;
	text-indent: -1.1em;
}

.service-tbl td.head{
	background-color: #f5fff0;
	font-weight: bold;
	width: 200px;
}

.service-tbl td.head span.fld-head{
	color: #097c25;
}

.service-tbl>thead>tr>th:nth-child(1){
	font-weight: normal;
	color:#fff;
	width: 223px;
	padding: 0.8em 1.5em;
}
@media only screen and (max-width: 640px){
	.service-tbl th,
  .service-tbl td{
		display: block;
		width: 100%;
		border-bottom: none;
	}
	.service-tbl td.head{
		width: 100%;
	}
}

/*事例紹介*/
.case{
	margin-top: 60px;
	width: 100%;
}

.case>h3 {
  position: relative;
	font-size: 1.8rem;
  height: 50px;
  margin-right: 100px;
  padding: 10px 15px 0 10px;
  word-break: break-all;
  color: #333333;
  background: #EBF8E7;
}

.case>h3:after {
  position: absolute;
  top: 0;
  right: -55px;
  width: 0;
  height: 0;
  content: '';
  border-width: 50px 55px 0 0;
  border-style: solid;
  border-color: #EBF8E7 transparent transparent transparent;
}

.case>h3 span {
  font-size: 1.6rem;
  position: absolute;
  top: 0;
  right: -100px;
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #097c25;
}

.case-head-box{
	margin-top: 15px;
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.case-head-box>h4{
	font-weight: normal;
	font-size: 1.8rem;
	color: #333333;
}

.case-head-box>h4>span{
	color: #7C7C7C;
	font-size: 1.4rem;
	display: block;
}

.case-link{
	margin-top: 10px;
	text-align: right;
}

.case-link>a{
	padding: 10px;
	background-color: #3E3E3E;
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	border-radius: 25px 25px;
	text-align: center;
	display: block;
}

.case-idx-area{
	margin-top: 15px;
	font-size: 1.6rem;
}

.case-idx-box{
	background-color: #F7F7F7;
	padding: 24px;
	line-height: 1.8;
	display: flex;
	justify-content: space-between;
}

.case-idx-box01{
	width: calc(100% / 2 - 10px);
}
.case-idx-box02{
	width: calc(100% / 2 - 10px);
}

/* .case-idx-box01::after{
	margin-left: 20px;
  width: 1px;
  height: 105px;
  background-color: #707070;
} */

.case-idx-box>div>dt{
  float: left;
}

.case-idx-box>div>dd{
  margin-left: 100px;
}

@media only screen and (max-width: 768px){
	.case-idx-box{
		display: block;
	}
	.case-idx-box01,
	.case-idx-box02{
		width: 100%;
	}
}

/*事例詳細*/
.case-problem{
	margin-top: 60px;
	padding: 2.5rem 3rem;
  border: 3px double #559641;
	font-size: 1.6rem;
	border-radius: 8px;
}

.case-problem>h3{
	color: #559641;
	font-weight: normal;
	font-size: 2rem;
	margin-bottom: 20px;
}

.case-support{
	margin-top: 60px;
	font-size: 1.6rem;
}

.case-spt-head{
	font-size: 2.6rem;
	font-weight: normal;
}

.case-spt-box{
	margin-top: 40px;
	position: relative;
	padding-bottom: 24px;
	border-bottom: 1px dotted #707070;
	display: flex;
}

.case-spt-subhead{
	background-color: #559641;
	width: 160px;
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
}

.box02{
	padding-left:40px;
}

.case-spt-box p.case-spt-txt{
	line-height: 1.8;
}

.case-results{
	background-image: url(../../service/agribusiness/case/img/bg.jpg);
	margin-top: 80px;
	padding: 60px 0;
	font-size: 1.6rem;
}

.results-txt{
	margin-top: 30px;
	line-height: 1.8;
}

/* .case-spt-box::after{
	content: '';
	border-bottom: 1px dotted #707070;
	width: 100%;
	position: absolute;
	margin-top: 20px;
} */

.case-link2{
	margin-top: 60px;
	text-align: center;
	align-items: center;
	justify-content: center;
	margin-bottom: 80px;
}

.case-link2>a{
	padding: 10px;
	background-color: #3E3E3E;
	font-size: 1.6rem;
	color: #fff;
	border-radius: 44px 44px;
	padding: 24px 130px;
}


/*アグリビジネス 20210831*/
.agribusiness-figure1{
	display: flex;
}
.agribusiness-figure1-box1{
	display: flex;
}
.agribusiness-figure1-box2{
	display: flex;
}
.agribusiness-figure1-item{
	width: 219px;
}
.agribusiness-figure1-title{
	position: relative;
	height: 85px;
	border:1px solid #000;
	border-radius: 10px;
	width: 170px;
	margin-bottom: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 1.8rem;
}
.agribusiness-figure1-arrow {
    position: absolute;
    right: -40px;
    top: 29px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 0 14px 24px;
    border-color: transparent transparent transparent #acdda3;
}

.agribusiness-figure1-plus {
    position: absolute;
    right: -34px;
    top: 38px;
    width: 15px;
    height: 15px;
    font-size: 1.2rem;
}

.agribusiness-figure1-plus::after{
	content:"";
	position: absolute;
	display: block;
	width: 100%;
	height:1px;
	top:6px;
	left:0;
	background: #000;
}

.agribusiness-figure1-plus::before{
	content:"";
	position: absolute;
	display: block;
	width: 100%;
	height:1px;
	top:6px;
	left:0;
	background: #000;
	transform: rotate(90deg);
}

.agribusiness-figure1-list>li{
	color: #029745;
	font-size: 1.7rem;
	line-height: 1.4em;
}
#agribusiness-figure1-item4,
#agribusiness-figure1-item4 .agribusiness-figure1-title{
	width: 200px;
}

.agribusiness-block .inner-wrap{
	max-width: 860px;
	margin: 0 auto;
}

.agribusiness-figure2{
	position: relative;
}

.agribusiness-title1{
	position: absolute;
	top:24px;
	left:1%;
	font-size: 1.9rem;
}
.agribusiness-title2 {
    position: absolute;
    top: 24px;
    left: 24%;
    font-size: 1.9rem;
    width: 36%;
    text-align: center;
}
.agribusiness-title3 {
    position: absolute;
    top: 24px;
    left: 59%;
    font-size: 1.9rem;
    width: 34%;
    text-align: center;
}
.agribusiness-list1 {
    position: absolute;
    top: 53%;
    left: 13%;
    font-size: 1.7rem;
}
.agribusiness-list2 {
    top: 53%;
    left: 67%;
    position: absolute;
    font-size: 1.7rem;
}
.agribusiness-list1>li,
.agribusiness-list2>li{
	line-height: 1.4em;
	color: #029745;
}
.agribusiness-figure3{
	display: flex;
	justify-content: space-between;
}
.agribusiness-figure3-box1{
	position: relative;
	width: 375px;
}
.agribusiness-figure3-box2{
	position: relative;
	width: 375px;
}

.agribusiness-figure3-title1,
.agribusiness-figure3-title2,
.agribusiness-figure3-text1,
.agribusiness-figure3-text2,
.agribusiness-figure3-text3,
.agribusiness-figure3-text4,
.agribusiness-figure3-text5,
.agribusiness-figure3-text6,
.agribusiness-figure3-text7,
.agribusiness-figure3-text8,
.agribusiness-figure3-text9{
	position: absolute;
	font-size: 1.9rem;
}

.agribusiness-figure3-title1,
.agribusiness-figure3-title2{
	text-align: center;
	width: 100%;
	left:0;
	top:5%;
}

.agribusiness-figure3-title1>span,
.agribusiness-figure3-title2>span{
	display: inline-block;
	padding: 0 1em;
	border:2px solid #087c24;
	border-radius: 30px;
	background: #fff;
}

.agribusiness-figure3-text1,
.agribusiness-figure3-text6 {
    left: 32%;
    top: 32%;
    width: 36%;
    text-align: center;
}

.agribusiness-figure3-text2,
.agribusiness-figure3-text7 {
    left: 6.5%;
    top: 65.5%;
    width: 36%;
    text-align: center;
}

.agribusiness-figure3-text4,
.agribusiness-figure3-text9 {
    left: 36%;
    top: 84%;
    width: 28%;
    text-align: center;
    font-size: 1.7rem;
}

.agribusiness-figure3-text3 {
    left: 67%;
    bottom: 42%;
    text-align: left;
    font-size: 1.7rem;
}

.agribusiness-figure3-text5 {
    left: 4%;
    bottom: 42%;
    font-size: 1.7rem;
    width: 32%;
}
.agribusiness-figure3-text8 {
    right: 0;
    bottom: 42%;
    text-align: left;
    width: 32%;
    font-size: 1.7rem;
}
.agribusiness-figure4{
	position: relative;
	margin:40px auto;
	width: 665px;
}
.agribusiness-figure4 p{
	position: absolute;
}

.agribusiness-figure4-text1 {
    width: 223px;
    height: 118px;
    top: 12px;
    left: 34%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.9rem;
}

.agribusiness-figure4-text2 {
    width: 223px;
    height: 118px;
    bottom: 10px;
    left: 4.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.9rem;
    text-align: center;
    line-height: 1.2;
}

.agribusiness-figure4-text3 {
    width: 223px;
    height: 118px;
    bottom: 10px;
    right: 3%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.9rem;
    text-align: center;
    line-height: 1.2;
}

.agribusiness-figure4-text4 {
    width: 44%;
    bottom: 60%;
    left: 0%;
    font-size: 1.7rem;
    text-align: right;
    line-height: 1.2;
}

.agribusiness-figure4-text5 {
    width: 34%;
    bottom: 30%;
    right: 61%;
    font-size: 1.7rem;
    text-align: right;
    line-height: 1.2;
    text-align: center;
}


.agribusiness-figure4-text6 {
    width: 35%;
    bottom: 30%;
    left: 64%;
    font-size: 1.7rem;
    text-align: right;
    line-height: 1.2;
    text-align: center;
}


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

	.agribusiness-figure-wrap{
		overflow-y:hidden;
		overflow-x:scroll;
	}

	.agribusiness-figure1,
	.agribusiness-figure2{
		width: 860px;
	}

	.agribusiness-figure4{
		width: 665px;
	}

	.agribusiness-figure3 {
	    display: block;
	}

	.agribusiness-figure3-box1,
	.agribusiness-figure3-box2 {
	    position: relative;
	    width: 100%;
	    max-width: 375px;
	    margin: 0 auto 20px;
	}

}

/* .note-list>li{
  margin-bottom: 40px;
}

.note-list>li .note-list-ttl{
  line-height: 1.5;
  margin-bottom: 5px;
}

.note-list-box{
  display: block;
  display: flex;
  text-align: left;
  color:#000;
}

.note-list-txt{
  width: calc(100% - 83px);
   padding-right: 20px;
   line-height: 1.5;
}

.note-list-img{
  width: 83px;
}

.note-list-inr{
  position: relative;
  padding-top: 100%;
}

.note-list-ttl{
  font-weight: bold;
}

.note-list-msg{
  font-size: 0.875em;
}

.note-list-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
  background-size: cover;
  background-position: center;
}
.note-label{
  position: absolute;
  right: 0;
  bottom:3px;
  letter-spacing: 0.15em;
  color:#d9d9d9;
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
}

.note-auth{
  position: relative;
  display: flex;
  text-align: left;
  margin-top: 10px;
  width: 100%;
}
.note-auth-box1{
  width: 40px;
}

.note-auth-box2{
  width: calc(100% - 40px);
  padding-left: 5px;
}

.note-auth-name {
  line-height: 1em;
  padding-top: 3px;
}

.note-auth-time {
  color:#8c8c8c;
  margin-top: 5px;
  line-height: 1em;
}

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

  .note-list>li{
    margin-bottom: 20px;
  }


  .note-list-txt {
    width: calc(100% - 80px);
    padding-right: 15px;
  }

  .note-list-img {
      width: 80px;
  }

} */

.inner-wrap2{
	max-width: 1160px;
	margin:0 auto;
}

.customer-box{
	display: flex;
	flex-wrap: wrap;
}
.customer-box li {
  width : calc(100% / 3) ;
}

@media only screen and (max-width: 825px){
.customer-box{
	display: block;
	justify-content: center;
	text-align: center;
}
.customer-box li {
  width :100%;
}
}
/*******************************************************************************************************************************************************************


*width 1200px以下


*******************************************************************************************************************************************************************/

/*メディアクエリ*/
@media only screen and (max-width: 1200px){

	/*ヘッダー
	-------------------------*/

	header .logo>a {
	    display: block;
	    height: 80px;
	    width: 153px;
	    background: url(../img/logo_2.png) 0 center no-repeat;
	    background-size: 133px auto;
	}


	header nav {
		padding-left: 210px;
	}

	header nav>.menu {
	    margin-top: 30px;
	    padding: 21px 8px;
	    text-align: right;
	}

	header nav>.menu>li {
	    margin: 0 0.2vw;
	}

	header nav>.menu>li>a {
	    display: inline-block;
	    font-size: 1.4rem;
	    padding: 13px 1.2vw 33px;
	    text-align: center;
	}

	header nav>.menu>li>ul>li>a {
	    padding: 1em 1em 1em 1.5em;
	    font-size: 1.3rem;
	}
	/*フッター
	-------------------------*/
	footer .f-nav .f-tbl{
		width: 100%;
		table-layout: auto;
		font-size: 1.3vw;
	}

		footer .f-nav .f-tbl>thead>tr{
			border-bottom:2px solid #367874;
		}
		footer .f-nav .f-tbl>thead>tr>th,
		footer .f-nav .f-tbl>tbody>tr>td{
			text-align: left;
			vertical-align: top;
			font-weight: normal;
		}

		footer .f-nav .f-tbl>thead>tr>th{
			padding:1em 0;
		}

		footer .f-nav .f-tbl>tbody>tr>td{
			padding-top: 20px;
		}

	.sct-sub-copy .top-headline02 {
	    font-size: 3vw;
	}

	.sct-recruit .grid-box>div:nth-child(1) .float-block .text-box,
	.sct-recruit .grid-box>div:nth-child(2) .float-block .text-box {
	    font-size: 1.6rem;
	    padding: 20px ;
	}
		.sct-recruit .grid-box>div .float-block {
		    max-width: 170px;
		}
			.sct-recruit .grid-box>div .float-block img{
			    height: 40px;
			    width: auto;
			}




/***************************************************************************************************************************************************************

*セカンドページ

***************************************************************************************************************************************************************/

	/*
	メインビジュアル
	-----------------------------*/
	.main-visual .ly-heading .headline {
	    font-size: 3.2rem;
	}


}/*width 1200px以下*/

/*******************************************************************************************************************************************************************


*width 980px以下


*******************************************************************************************************************************************************************/
/*メディアクエリ*/
@media only screen and (max-width: 980px){

		/*---------------------------------------------
		事業案内
		----------------------------------------------*/
		.service .copy-box p{
			margin:1.5em 0;
			font-size: 1.8vw;
		}


		.service .sct-link a figure .ly-heading img{
			max-width: 372px;
			width: 40%;
			margin-bottom: 2%;
		}
		.service .sct-link a figure .ly-heading .headline {
		    font-size: 3.2vw;
		    color: #fff;
		}

		.service .sct-link a::after {
		    width: 20px;
		    height: 20px;
		}

		.service .sct-link.page01 {
		    margin-bottom: 20px;
		}


}/**width 980px以下*/