@charset "UTF-8";
/*section{
	overflow: hidden;
}*/
p.over{
	text-align: center;
	line-height: 1.8;
	margin: 0 0 40px;
}
p.over a{
  color: #222;
  text-decoration: underline;
}
p.over a:hover{
  text-decoration: none;
}
p.btn{
	display: block;
	width: 270px;
	text-align: center;
	margin: 0 auto;
}
p.btn a{
	display: block;
	background-color: var(--color-main);
	color: #ffffff;
	font-family: var(--font-family--sans);
	outline: 2px solid var(--color-accent);
	outline-offset: -6px;
	padding: 14px 10px 16px;
	text-align: center;
	transition: .3s;
}
p.btn a:hover{
	opacity: .6;
	transition: .3s;
}
.bg-g{
	background-color: #eeede8;
}
@media screen and (max-width:768px) {
	p.over{
		    text-align: left;
    padding: 0 8vw;
    margin: 0 0 6vw;
	}
	p.btn{
		    width: 56vw;
	}
	p.btn a{
		font-size: 3.6vw;
		padding: 3.5vw;
	}
}


.hero-mv{
	height: 500px;
	position: relative;
}
.hero-mv .flexslider{
	margin: 0;
	overflow-x: hidden;
}
.hero-mv .flexslider .slides li{
	height: 500px;
	background-size: cover;
	background-position: center center;
}
.hero-mv .flexslider .slides li{
	background-image: url("../img/mv_01.jpg");
}
.hero-mv .flexslider .slides li:nth-child(2){
	background-image: url("../img/mv_02.jpg");
}
.hero-mv .flexslider .slides li:nth-child(3){
	background-image: url("../img/mv_03.jpg");
}
.hero-mv .flexslider .slides li:nth-child(4){
	background-image: url("../img/mv_04.jpg");
}
.hero-mv .flexslider .slides li:nth-child(5){
	background-image: url("../img/mv_05.jpg");
}
.hero-mv .flexslider .slides li img.spCont{
	display: none !important;
}
.hero-mv .hero_txt{
	width: 789px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
}
.hero-mv .l-meeting{
	position: absolute;
	width: 312px;
	right: 100px;
	clip-path: polygon(12% 100%, 0% 0%, 100% 0%, 100% 100%)
}
.hero-mv .l-meeting a{
	display: block;
	color: var(--color-main);
	background-color: #e6efeb;
	line-height: 55px;
	text-align: right;
	padding: 0 25px 0 0;
	font-size: 20px;
	transition: .3s;
}
.hero-mv .l-meeting a:hover{
	opacity: .6;
	transition: .3s;
}
.hero-mv .flexslider .flex-direction-nav .flex-prev,
.hero-mv .flexslider .flex-direction-nav .flex-next{
	display: none !important;
}
@media screen and (max-width:768px) {
	.hero-mv{
		height: auto;
	}
	.hero-mv .flexslider .slides li{
		height: auto;
	}
	.hero-mv .flexslider .slides li img.spCont{
		display: block !important;
	}
	.hero-mv .hero_txt{
		width: 85vw;
		bottom: 2vw;
	}
	.hero-mv .l-meeting{
		width: 75vw;
		right: 50%;
		transform: translateX(50%);
		clip-path: polygon(8% 100%, 0% 0%, 100% 0%, 92% 100%);
	}
	.hero-mv .l-meeting a{
		text-align: center;
		padding: 0;
		font-size: 4.2vw;
		line-height: 12vw;
	}
}

.intro{
	padding: 80px 0;
}
.intro p{
	text-align: center;
	font-size: 20px;
	margin: 0 0 20px;
	line-height: 2;
}
.intro h1{
	width: 600px;
	margin: 40px auto;
}
.intro .l-measures{
	width: 270px;
	margin: 0 auto;
}
.intro .l-measures a{
	display: block;
	color: var(--color-main);
	border-top: 1px solid var(--color-main);
	border-bottom: 1px solid var(--color-main);
	text-align: center;
	font-family: var(--font-family--sans);
	font-size: 17px;
	padding: 18px 0;
	position: relative;
	transition: .3s;
	letter-spacing: .2em;
}
.intro .l-measures a:hover{
	opacity: .6;
	transition: .3s;
}
.intro .l-measures a:before{
	content: " ＞ ";
    position: absolute;
    top: 50%;
    right: 6px;
    color: var(--color-main);
    transform: scale(0.7, 1) translateY(-50%);
    transition: .3s;
	font-size: 14px;
}
.intro .l-measures a:hover:before{
	    right: 0;
	transition: .3s;
}
.intro .no-1{
	width: 695px;
	margin: 100px auto 0;
}
.intro .bn-area div + div{
	margin: 30px auto 0 !important;
}
.intro .bn-area .bn_blog{
	width: 800px;
	margin: 0 auto 130px;
}
@media screen and (max-width:768px) {
	.intro{
		padding: 10vw 6vw 10vw;
	}
	.intro p{
		font-size: 4.2vw;
		text-align: left;
		    line-height: 1.8;
	}
	.intro h1{
		width: 80vw;
	}
	.intro .l-measures{
		width: 54vw;
	}
	.intro .l-measures a{
		font-size: 3.8vw;
		padding: 4vw 0;
	}
	.intro .no-1{
		width: 80vw;
		margin: 10vw auto 0;
	}
	.intro .bn-area div + div{
		margin: 6vw auto 0 !important;
	}
	.intro .bn-area .bn_blog{
		width: 80vw;
		margin: 0 auto 16vw;
	}
}

/*--------------
service
--------------*/

.service{
	background-color: #eeede8;
	    padding: 0 0 120px;
	overflow: hidden;
}
.service .service-cont{
	width: 1200px;
	margin: 0 auto;
}
.service .service-cont section{
	padding: 0 0 0 80px;
	position: relative;
}
.service .service-cont section + section{
	margin: 120px 0 0;
}
.service .service-cont section.rev{
	padding: 0 80px 0 0;
}
.service .service-cont section figure{
	width: 968px;
	margin: 0 0 0 auto;
}
.service .service-cont section.rev figure{
	margin: 0 auto 0 0;
}
.service .service-cont section .s-txt{
	position: absolute;
	left: 0;
	bottom: 40px;
	width: 480px;
	background-color: #ffffff;
	padding: 60px 40px;
}
.service .service-cont section.rev .s-txt{
	position: absolute;
	left: auto;
	right: 0;
	bottom: 40px;
	width: 480px;
}
.service .service-cont section .s-txt h3{
	font-size: 32px;
	color: var(--color-main);
}
.service .service-cont section .s-txt span{
	display: block;
	background-color: #ab8049;
	width: 45px;
	height: 2px;
	margin: 25px 0 20px;
}
.service .service-cont section .s-txt p{
	line-height: 1.8;
}
.service .btn{
	margin: 70px auto 0;
}

@media screen and (max-width:768px) {
	.service{
		    padding: 0 0 14vw;
	}
	.service .service-cont{
		width: auto;
		margin: 0 6vw;
	}
	.service .service-cont section{
		padding: 0;
	}
	.service .service-cont section + section{
		margin: 4vw 0 0;
	}
	.service .service-cont section.rev{
		padding: 0;
	}
	.service .service-cont section figure{
		width: auto;
	}
	.service .service-cont section .s-txt{
		width: 80vw;
		position: relative;
		margin: 0 auto;
		padding: 8vw 6vw;
	}
	.service .service-cont section.rev .s-txt{
		width: 80vw;
		position: relative;
	}
	.service .service-cont section .s-txt h3{
		font-size: 6vw;
	}
	.service .service-cont section .s-txt span{
		width: 8vw;
		margin: 5vw 0 4vw;
	}
	.service .btn{
		margin: 0 auto;
	}
}


/*--------------
othre-service
--------------*/
.othre-service{
	width: 970px;
	margin: 0 auto;
	padding: 0 0 100px;
}
.othre-service section{
	width: 440px;
	border: 1px solid #969696;
	    margin: 40px 0 0;
}
.othre-service section h3{
	font-size: 32px;
	color: var(--color-main);
	text-align: center;
	margin: 30px 0;
}
.othre-service section p{
	display: block;
	width: 360px;
    margin: 0 auto 30px;
}
.othre-service section .btn{
	margin: auto auto 40px;
	width: 260px;
}

@media screen and (max-width:768px) {
	.othre-service{
		width: auto;
		    padding: 0 6vw 10vw;
	}
	.othre-service section{
		width: 80vw;
		margin: 0 auto;
	}
	.othre-service section + section{
		margin: 6vw auto 0;
	}
	.othre-service section h3{
		font-size: 6vw;
		margin: 5vw 0 4vw;
	}
	.othre-service section p{
		    width: auto;
		padding: 0 6vw;
		margin: 0 0 4vw;
		
	}
	.othre-service section .btn{
		    width: 50vw;
		margin: 0 auto 6vw;
		padding: 0;
	}
}


/*--------------
column
--------------*/
.column{
	width: 970px;
	margin: 0 auto 150px;
}
.column .column-bn{
	transition: .3s;
}
.column .column-bn:hover{
	opacity: .6;
	transition: .3s;
}
@media screen and (max-width:768px) {
	.column{
		width: 80vw;
	}
}

/*--------------
facility
--------------*/

.facility{
	background-color: #eeede8;
}
.facility-cont section{
	background-color: #ffffff;
	padding: 75px 0 95px;
}
.facility-cont section + section{
	margin: 80px 0 0;
}
.facility-cont section h3{
	width: 520px;
    margin: 15px auto 40px;
}
.facility-cont section.owada h3{
	width: 565px;
}
.facility-cont section > .flex-cont{
	width: 968px;
	margin: 0 auto;
}
.facility-cont section > .flex-cont .fc-txt{
	width: 580px;
}
.facility-cont section > .flex-cont .fc-txt h4{
	font-size: 24px;
	line-height: 1.6;
	margin: 15px 0 30px;
}
.facility-cont section > .flex-cont .fc-txt p{
	line-height: 2;
}
.facility-cont section > .flex-cont .fc-txt .btn{
	width: 240px;
	margin: 35px auto 0 0;
	line-height: 1.4;
}
.facility-cont section > .flex-cont figure{
	width: 380px;
}

@media screen and (max-width:768px) {
	.facility-cont section{
		padding: 6vw;
		margin: 0 6vw !important;
	}
	.facility-cont section + section{
		margin: 8vw 6vw 0 !important;
	}
	.facility-cont section > .flex-cont{
		width: auto;
		margin: 0;
	}
	.facility-cont section h3{
		width: auto;
		margin: 0 0 4vw
	}
	.facility-cont section.owada h3{
		width: auto;
		margin: 0 0 4vw
	}
	.facility-cont section > .flex-cont .fc-txt{
		width: auto;
	}
	.facility-cont section > .flex-cont .fc-txt h4{
		    font-size: 5.2vw;
    	line-height: 1.4;
		margin: 4vw 0 2vw;
	}
	.facility-cont section > .flex-cont .fc-txt p{
		    line-height: 1.6;
	}
	.facility-cont section > .flex-cont .fc-txt .btn{
		    width: 45vw;
    		margin: 5vw auto 0;
	}
	.facility-cont section > .flex-cont figure{
		width: auto;
	}
}

.story{
	margin: 100px 0 0;
	padding: 0 0 160px;
}
.story .big-txt{
	font-size: 34px;
	text-align: center;
	line-height: 1.4;
	margin: 0 0 30px;
}
.story figure{
	width: 968px;
	margin: 40px auto 0;
}

@media screen and (max-width:768px) {
	.story{
		margin: 10vw 8vw 0;
		padding: 0 0 10vw;
	}
	.story .big-txt{
		font-size: 5.6vw;
		    margin: 0 0 4vw;
	}
	.story .over{
		padding: 0;
	}
	.story figure{
		width: auto;
		    margin: 6vw 0 0;
	}
}


/*--------------
voice
--------------*/
.voice .bg-g{
	height: 450px;
	    margin: 0;
}
.voice .voice-cont{
	width: 1200px;
	position: relative;
	top: -230px;
	    margin: 230px auto 0;
}
.voice .voice-cont .vc-link{
	width: 968px;
	margin: 0 auto;
	position: relative;
	top: -35px;
}
.voice .voice-cont .vc-link .link-box{
	width: 300px;
}
.voice .voice-cont .vc-link .link-box a{
	display: block;
	background-color: #ffffff;
	padding: 20px 36px 30px;
	text-align: center;
	transition: .3s;
	position: relative;
	height: 150px;
}
.voice .voice-cont .vc-link .link-box a:hover {
	background-color: var(--color-main);
	transition: .3s;
}
.voice .voice-cont .vc-link .link-box a img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 227px;
}
.voice .voice-cont .vc-link .link-box a img:nth-of-type(1){
	opacity: 1;
	transition: .3s;
}
.voice .voice-cont .vc-link .link-box a img:nth-of-type(2){
	opacity: 0;
	transition: .3s;
}
.voice .voice-cont .vc-link .link-box a:hover img:nth-of-type(1){
	opacity: 0;
	transition: .3s;
}
.voice .voice-cont .vc-link .link-box a:hover img:nth-of-type(2){
	opacity: 1;
	transition: .3s;
}


@media screen and (max-width:768px) {
	.voice .bg-g{
		    height: 130vw;
	}
	.voice .voice-cont{
		width: 88vw;
    top: -30vw;
    margin: 30vw auto 0;
	}
	.voice .voice-cont .vc-link{
		width:75vw;
		    top: -8vw;
	}
	.voice .voice-cont .vc-link .link-box{
		width: auto;
		margin: 0 auto 5vw;
		height: 30vw;
	}
	.voice .voice-cont .vc-link .link-box a{
		height: 30vw;
	}
	.voice .voice-cont .vc-link .link-box a img{
		width: 45vw;
	}
}



/*--------------
news
--------------*/

.news{
	    padding: 120px 0 0;
}
/*.news .bn_blog{
	width: 800px;
	margin: 0 auto 130px;
}-バナー位置変更*/
.news .bn_blog a{
	display: block;
	transition: .3s;
}
.news .bn_blog a:hover{
	opacity: .6;
	transition: .3s;
}
.news .news-inner h2{
	font-size: 28px;
	color: var(--color-accent);
	margin: 0 0 20px;
}
.news .news-inner ul{
	border-top: 2px solid var(--color-accent);
	border-bottom: 2px solid var(--color-accent);
	overflow: hidden;
	overflow-y: scroll; 
	height: 294px;
	/*margin: 0 0 40px;*/
}
.news .news-inner ul li + li{
	border-top: 1px dotted #1a1a1a;
}
.news .news-inner ul li .news-inner{
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 0;
}
.news .news-inner ul li a{
	text-decoration: none;
	transition: .3s;
}
.news .news-inner ul li a:hover{
	opacity: .6;
	
}
.news .news-inner ul li span{
	width: 168px;
	display: block;
	font-family: var(--font-family--sans);
	font-size: 18px;
	color: #1a1a1a;
	padding: 0 0 0 1em;
}
.news .news-inner ul li p{
	width: 800px;
	display: block;
	font-family: var(--font-family--sans);
	font-size: 16px;
	color: #1a1a1a;
	padding: 8px 2em 10px 1em;
	line-height: 1.2;
}
.news .news-inner p.notes{
	width: 880px;
	margin: 0 auto;
	font-family: var(--font-family--sans);
	font-size: 14px;

	line-height: 1.2;
}
.news .news-inner p.notes span{
	display: inline-block;
		text-indent: -2.5em;
    margin: 0 0 0 2.5em;
}

.news .bnr-area{
	    margin: 60px auto 0;
}
.news .bnr-area div{
	width: 455px;
}

@media screen and (max-width:768px) {
	.news{
		    padding: 12vw 0 0;
	}
	/*.news .bn_blog{
		width: 80vw;
		    margin: 0 auto 16vw;
	}バナー位置変更*/
	.news .news-inner h2{
		font-size: 5.8vw;
	}
	.news .news-inner ul{
		height: 80vw;
	}
	.news .news-inner ul li .news-inner{
		display: block;
		    padding: 4vw 0;
	}
	.news .news-inner ul li span{
		width: auto;
		font-size: 4vw;
	}
	.news .news-inner ul li p{
		width: auto;
		padding: 4vw 1em 0 1em;
		    font-size: 3.6vw;
	}
	.news .news-inner p.notes{
		width: auto;
		font-size: 3.4vw;
	}
	.news .bnr-area{
		margin: 10vw 0 0;
	}
	.news .bnr-area div{
		width: auto;
	}
	.news .bnr-area div + div{
		margin: 4vw 0 0;
	}
}