/*
Theme Name: CLOVERS
Author: CLOVERS Inc.
Author URI: https://clovers2023.com/
Description: CLOVERS
*/

@charset "utf-8";
/* ----------------------------------
              COMMON
---------------------------------- */
body { 
    margin:0px auto;
	font-family: "Zen Kaku Gothic New", serif;
	font-weight:400;
	font-style: normal;
    background:#fff; 
    font-size:16px; 
	animation: loading 2s;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@media screen and (max-width:768px) {
    body {
        font-size:16px; 
    }
}
header,section,article,aside,footer{ 	
    display: block;
}
img { 
    margin:0;
    padding:0;
    border:none;
}
ul,ol {	
    margin:0;
    padding:0;
    list-style:none;
    list-style-position:inside;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}
p { 
    margin:0;
    padding:0;
}
div {
    margin:0;
    padding:0;
}
/* ----------------------------------
           COMMON LINK
---------------------------------- */
a:link { 
    color:#333;
    text-decoration:none;
}
a:visited { 
    color:#333;
    text-decoration:none;
}
a:hover { 
    color:#666;	
    text-decoration:none; 
}
a:active { 
    color:#000;
    text-decoration:none;
}
/*-------------------------------------
	画像下端/リンク透過
-------------------------------------*/
img { 
    display:block;
    width:100%;
    margin:0;
    padding:0;
    vertical-align: bottom; 
}
/*-------------------------------------
             PC TB SP
-------------------------------------*/
.pc { display:inline-block; }
.pctb { display:inline-block; }
.pc-table {display:inline-table;}
.tb { display:none; }
.sp { display:none; }
.sp-table  { display:none; }

@media screen and (max-width : 769px){
	.pc { display:none; }
	.pctb { display:inline-block; }
	.tb { display:inline-block; }
	.sp { display:none; }
	.sp-table  { display:none; }
  }
@media screen and (max-width : 480px) { 
	.pc { display:none; }
	.pctb { display:none; }
	.pc-table { display:none; }
	.tb { display:none; }
	.sp { display:inline-block; }
	.sp-table  { 
			display:inline-table;
			font-size:14px;
			width:100%;
	}
}
/*-------------------------------------
             FLEX
-------------------------------------*/
.flex-con {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.flex-10 {
	width:10%;
}
.flex-20 {
	width:20%;
}
.flex-25 {
	width:20%;
}
.flex-30 {
	width:30%;
}
.flex-33 {
	width:33.33%;
}
.flex-40 {
	width:40%;
}
.flex-50 {
	width:50%;
}
.flex-60 {
	width:60%;
}
.flex-70 {
	width:66.66%;
}
.flex-80 {
	width:80%;
}
.flex-90 {
	width:90%;
}
.flex-inner{
	padding:5%;
	box-sizing:border-box;
}

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

@media screen and (max-width:480px) {
	.flex-30 {
		width:100%;
	}
	.flex-40 {
		width:100%;
	}
	.flex-50 {
		width:100%;
	}
	.flex-60 {
		width:100%;
	}
	.flex-70 {
		width:100%;
	}
}
/*-------------------------------------
	     WP CSS
-------------------------------------*/
.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.alignright {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
}
.alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.wp-caption,
[class*='wp-image'] {
  display: block;
  max-width: 100% !important;
  margin-top: 1.5em;
  text-align: center;
}
.wp-caption-text {
  margin-top: 0;
}
/*-------------------------------------
	     TOP FV MOVIE
-------------------------------------*/
.top-movie{
	width:100vw;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	z-index:30;
    animation: topFv 11s;
	animation-iteration-count: 1;
	animation-fill-mode:forwards; 
	background:#fff;
	pointer-events: none;
}
  @keyframes topFv {
    0% {
      opacity: 0
    }
	5% {
		opacity: 1
	}
	90%{
		opacity: 1
	}
    100% {
      opacity: 0
    }
  }
  @-webkit-keyframes topFv {
    0% {
      opacity: 0
    }
	5% {
		opacity: 1
	}
	90%{
		opacity: 1
	}
    100% {
      opacity: 0
    }
}
.top-movie video{
		width:auto;
		height:100vh;
}
@media screen and (max-width:1500px){
	.top-movie video{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:480px){
	.sp video{
		width:100%;
		height:auto;
	}
}
/*-------------------------------------
	     Header
-------------------------------------*/
header { 
    width:100%;
    height:auto;
    margin:0px auto;  
	opacity:0;
	transition:all 2s ease;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    animation: fadeIn 0.7s ease 0s 1 normal;
	animation-fill-mode:forwards; 
}
  @keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
}
.header-inner { 
    width:100%;
    max-width:1366px;
    margin:0 auto;
	position:relative;
	overflow:hidden;
}
header.top { 
    z-index: 20;
	position:relative;
}
header.top .header-inner { 
    width:100%;
    max-width:100%;
	max-height:768px;
    margin:0 auto;
	position:relative;
	overflow:hidden;
	background:rgba(0,0,0,0.3);
}
header .video-inner{
	display:flex;
	align-items:center;
	height:760px;
}
header.top video{
	display:block;
    width:100%;
    max-width:100%;
	filter: brightness(57%);
}
header .header-line{
    width:90%;
    margin:0 auto 0 10%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
}
svg .cls-1 {
	animation: fill 10s linear infinite forwards;
	animation-delay: 11s;
	fill: none;
	stroke: #fff;
	stroke-width: 1px;
	stroke-dasharray:6000;
	stroke-dashoffset: 6000;
}
svg .cls-10 {
	animation-delay: 1s;
}
/*
@keyframes fill {
  0% {
    stroke-dashoffset: 6000;
	stroke: #6db74f;
  }
  25% {
		stroke: #71c4ab;
  }
  50% {
	stroke: #918041;
  }
  75% {
	stroke: #ced640;
  }
  100% {
    stroke-dashoffset: 0;
	stroke: #6db74f;
  }
}
*/
@keyframes fill {
 0% {
	opacity:1;
	stroke-dashoffset: 6000;
	stroke: #6db74f;
}
12% {
	stroke: #71c4ab;
}
25% {
	stroke: #918041;
}
37% {
	stroke: #ced640;
}
50% {
    stroke-dashoffset: 0;
	stroke: #6db74f;
	opacity:1;
}
51%{
	opacity:0;
}
100%{
	opacity:0;
}

}


header.top .header-box{
    width:100%;
	position:absolute;
}
header.top .header-box .flex-30 .flex-30{
    position:relative;
	height:80px;
}
header.top .header-box .flex-30 .flex-30:before{
	top:30px;
}
header.top .header-box details{
	top:28px;
}
header .header-box{
    width:100%;
    margin:0 auto;
	position:absolute;
	top:0;
	left:0;
}
header .header-box .flex-con{
    width:100%;
    max-width:calc(100% - 100px);
    margin:0 auto;
}
header .header-box .flex-30 .flex-con{
    max-width:380px;
	margin:0;
}
header .header-box .flex-30{
    max-width:100%;
}
header .header-box .flex-30 img{
    max-width:250px;
}
header .header-box .flex-30 .flex-30{
    position:relative;
	height:80px;
}
header .header-box .flex-30 .flex-30:before{
    content: "";
	background-image: url("image/language1.svg");
    background-position: center;
    background-size: contain;
	position:absolute;
	top:32px;
    width: 18px;
    height: 18px;
}
header .header-box details{
	font-family: "Noto Sans JP", serif, "メイリオ", meyrio;
	font-weight:400;
	font-style: normal;
	font-size:14px;
	padding-left:25px;
	position:absolute;
	top:30px;
	transition: .5s;
}
header .header-box details a:link,
header .header-box details a:visited {
	color:#fff;
}
summary {
	list-style: none;
	color:#fff;
	cursor: pointer;
	display: block;
}
summary::-webkit-details-marker {
  display:none;
}
header .header-box summary:before {
    content: "";
	position:absolute;
	right:-25px;
	background-image: url("image/arrow-d.png");
    background-position: center;
    background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:5px;
    width: 12px;
    height: 12px;
}
header .header-box details[open] summary:before,
header .header-box summary details[open] summary:before {
    content: "";
	position:absolute;
	right:-20px;
	background-image: url("image/arrow-u.png");
    background-position: center;
    background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:5px;
    width: 12px;
    height: 12px;
}
header .header-box details p {
	padding-top:5px;
}

header .header-con {
    width: 100%;
    position: absolute;
    top: 94px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
header .header-con .sns-link-box{
	position:absolute;
	top:31%;
	left:0;
	text-align:center;
}
header .header-con .sns-link-box p{
	padding:11px 0 11px 30px;
	text-align:center;
}
header .header-con .sns-link-box img.insta{
	width:23px;
	margin-left:1px;
}
header .header-con .sns-link-box img.x{
	width:20px;
	margin-left:2px;
}
header .header-con .sns-link-box img.youtube{
	width:25px;
}
header .header-con .sns-link-box img.tiktok{
	width:30px;
}
header .header-con .flex-con{
	align-items: flex-end;
	position: absolute;
    top: 4%;
    bottom: 13%;
	left:7%;
	right:4%;
}
header .header-con .flex-con .flex-70{
	color:#fff;
	padding-bottom:45px;
}
header .header-con .flex-con .flex-70 h2{
	font-family:Roboto;
	font-size:52px;
	font-weight:300;
	color:#fff;
}
@media screen and (max-width:768px){
	header .header-con .flex-con .flex-70 h2{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
header .header-con .flex-con .flex-70 h3{
	font-size:24px;
	font-weight:400;
	color:#fff;
	padding:10px 0 20px 0;
}
header .header-con .flex-con .flex-30{
	padding-bottom:270px;
}
header .header-con .flex-con .flex-30 img{
	width:100%;
	max-width:387px;
}
header.page .open img{
	display:none;
}
@media screen and (max-width : 1366px){
	header.top .header-box,
	header.news .header-box{
		width:98%;
		margin:0 1%;
	}
	header .header-box .flex-con{
		width:100%;
		max-width:1266px;
		margin:0 auto;
	}
}

@media screen and (max-width : 768px){
	header .header-box .flex-con{
		width:96%;
	}
	header .header-con .flex-con .flex-70{
		padding-bottom:0px;
		width:100%;
	}
}

@media screen and (max-width:480px) {
	.header-inner { 
		overflow: visible;
	}
	header.top video {
		height: 650px;
		width: auto;
		max-width: unset;
		margin: 0 auto 0 -300px;
	}
	header .header-line{
		display:none;
	}
	header.top .header-box,
	header.news .header-box{
		width:100%;
		margin:0;
	}
	header .header-box .flex-con {
		justify-content: flex-start;
		align-items:flex-start;
		width:100%;
	}
	header .page .open img{
		display:block;
		opacity:0;
		transition:all 0.7s;
	}
	.header-box .flex-30{
		width:80%;
	}
	.header-box .flex-70{
		width:20%;
	}
	header .header-box .flex-30 .flex-70{
		margin-top:0px;
	}
	header.top .header-box .flex-30 .flex-30,
	header.news .header-box .flex-30 .flex-30	{
		position: relative;
		height: 50px;
		width:40%;
		padding-left:1px;
	}
	header .header-box .flex-30 .flex-70 {
        width:48%;
		position: relative;
		padding:0;
    }
	header .header-box .flex-30 .flex-70 img{
		max-width: 130px;
    }
	header.top .header-box details,
	header.news .header-box details{
		top:16px;
		font-size:10px;
		font-weight:400;
	}
	header.top .header-box .flex-30 .flex-30:before,
	header.news .header-box .flex-30 .flex-30:before{
		top:18px;
		width:14px;
		height:14px;
	}
	header .header-box summary:before {
		top: 2px;
		width: 12px;
		height: 12px;
	}
	header .header-box details[open] summary:before,
	header .header-box summary details[open] summary:before {
		top:2px;
	}
	header .header-con {
		height: 154px;
        top: 40vh;
	}
}

/*------     GLOBAL NAVIGATION   --------*/

header .openList{ 
    width:100%;
    margin:0px auto; 
}
header .openList  img.openIcon { 
    display:none; 
}
header .openList ul { 
    display:flex;
    flex-wrap:wrap;
	justify-content: flex-end;
}
header .openList li { 
    padding:0 22px;
    width:auto; 
    text-align:center; 
	letter-spacing:2px;
}
header .openList li.menu-contact { 
    padding:0 10px 0 22px;
	transition:all 0.5s;
}
header .openList li a:link,
header .openList li a:visited{ 
	font-size:16px;
	font-weight:900;
	color:#fff;
}
header .openList li a:hover{ 
	opacity:0.7;
	transition:all 0.5s;
}
header .openList .menu-contact img { 
    display:inline;
	width:28px;
	vertical-align: baseline;
    padding-left: 10px;
}
header .openList li.menu-contact a:link,
header .openList li.menu-contact a:visited{
	position: relative;
	background:#928041;
	border-radius:25px;
	padding:10px 40px;
	position: relative;
	transition: all .5s ease;
	z-index:10;
}
header .openList li.menu-contact a:hover {
    color: #fff;
	background:none;
	border-radius:25px;
	opacity:1;
}
header .openList li.menu-contact a::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background:#ced740;
	border-radius:25px;
	animation: anim-out .5s ease-out forwards;
}
@keyframes anim-out  {
    0% {
      opacity: 1;
		width:100%;
    }
    100% {
      opacity: 0;
		width:0%;
    }
}
header .openList li.menu-contact a:hover::before {
	width: 100%;
	border-radius:25px;
}
header .openList li.menu-contact a:hover::before {
	width: 100%;
	border-radius:25px;
	animation:slide-bg .5s;
    background:#ced740;
	opacity:1;
    z-index: -1;
}
  @keyframes slide-bg {
    0% {
      opacity: 0;
		width:0;
    }
    100% {
      opacity: 1;
		width:100%;
    }
  }

@media screen and (max-width:1366px){
	header.top .header-inner { 
		max-height:unset;
	}
	header .video-inner{
		height:unset;
	}
	header .header-con .flex-con .flex-70 h2{
		font-size: 3.8vw;
	}
	header .header-con .flex-con .flex-70 h3{
		font-size: 1.76vw;
	}
	header .header-con .flex-con .flex-30 {
		padding-bottom: 22.5%;
	}
}

@media screen and (max-width:1100px){
	header .header-con .flex-con{
		left:12%;
	}
	header .header-box .flex-70{
		padding-bottom:5px;
	}
	header .header-box .flex-30 .flex-70{
		padding-bottom:0px;
	}
	header .openList li{
		padding:0 2%;
	}
	header .openList li.menu-contact{
		padding:0 2%;
	}
	header .openList li.menu-contact a:link, 
	header .openList li.menu-contact a:visited{
		padding:10px 20px;
	}
}

@media screen and (max-width:768px) and (min-width:480.1px) {
	header .header-box .flex-30{
		width:80%;
	}
	header .header-box .flex-70{
		width:20%;
	}
	header .header-box .flex-70 .openList img.openIcon{
		display:block;
		width:30px;
		position:absolute;
		top:26px;
		right:26px;
		opacity:1;
		z-index:10;
	}
	header .openList .open .top-mene-box{
		display:none;
	}
	header .header-box .flex-30 .flex-con {
		max-width: 300px;
		margin: 0;
	}
	header .header-box .flex-30 .flex-70{
		width:186px;
	}
	header .header-box .flex-30 .flex-30{
		width:100px;
	}
	header .openList ul { 
		display:none;
	}


	header .header-con .flex-con {
        left: 3%;
    }
	header .header-con .flex-con .flex-70 h2 {
        font-size: 28px;
    }
    header .header-con .flex-con .flex-30 {
        display:none;
    }
	header .header-con .flex-con .flex-70 h3{
		font-size: 18px;
	}
}
@media screen and (max-width:480px) {
	header .video-inner{
		height:560px;
	}
	header .header-box .flex-70 .openList{
		margin-top:-50px;
		position:relative;
		z-index:10;
	}
	header .openList .open {
	}
	header .openList .close {
		display:block;
		position: absolute;
		top: -60px;
		right: 0;
	}
	header .header-box .flex-70 .openList .open img.openIcon{
		display:block;
		width:30px;
		position:absolute;
		top:65px;
		right:12px;
		opacity:1;
		z-index:10;
	}
	header .header-box .flex-70 .openList .close img.openIcon{
		opacity:0;
	}
	header .header-box .flex-70 .openList .close img.closeIcon{
		display:block;
		width:21px;
		position:absolute;
		top:40px;
		right:25px;
		opacity:1;
		z-index:10;
	}
	header .header-box .flex-70 .openList .open img.closeIcon{
		opacity:0;
	}

	header .openList .open .top-mene-box{
		width:100vw;
		position:absolute;
		top:200px;
		left:0;
		opacity:0;
	}
	header .openList .close .top-mene-box{
		position:relative;
		top:0;
		opacity:1;
		transition: all 0.7s;
	}
	header .openList ul.cat-list {
		transition:all 0.5s;
		height:100vh;
		opacity:0;
		padding: 190px 0 50px;
		box-sizing:border-box;
	}
	header .home.openList ul.cat-list {
		transition:all 0.5s;
		height:100vh;
		opacity:0;
		padding: 190px 0 50px;
		box-sizing:border-box;
	}
	header.news .openList ul.cat-list {
		transition:all 0.5s;
		height:100vh;
		opacity:0;
		padding: 120px 0 120px;
		box-sizing:border-box;
	}
	header.page .openList ul.cat-list {
		transition:all 0.5s;
		height:100vh;
		opacity:0;
		padding: 190px 0 50px;
		box-sizing:border-box;
	}
	header.top .openList ul.cat-list {
		transition:all 0.5s;
		height:100vh;
		opacity:0;
		padding: 120px 0 120px;
		box-sizing:border-box;
	}
	header .openList .open ul {
		opacity:0;
	}


	header .header-con .flex-con {
        left: 3%;
    }
	header .header-con .flex-con .flex-70 h2 {
        font-size: 27px;
    }
    header .header-con .flex-con .flex-30 {
        display:none;
    }
	header .header-con .flex-con .flex-70 h3{
		font-size: 18px;
	}
}
/*-------------------------------------
	   Main Contents
-------------------------------------*/
main {  
    width:100%; 
    margin:0 auto;  
}
article { 
    width:100%; 
    margin:0 auto;  
}
header.home .header-inner {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
header.home .header-box {
    width: 100%;
    position: relative;
}
section{
    width:100%; 
    padding:40px 0; 
	margin:50px auto 0;
	opacity:0;
  }
section.show{
	transition:all 1s ease;
    -webkit-animation: fadeIn2 1.5s ease 0s 1 normal;
    animation: fadeIn2 1s ease 0s 1 normal;
	animation-fill-mode:forwards; 
}
  @keyframes fadeIn2 {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  @-webkit-keyframes fadeIn2 {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
}
section.show {
	opacity:0;
	transform: translate(0, -50px);
}
.section-inner {
    max-width:1366px; 
    margin:0 auto;  
    box-sizing: border-box;
}
.contents-inner{
	width:100%;
	max-width:1366px; 
    margin:0 auto;  
    box-sizing: border-box;
}
@media screen and (max-width : 1366px){
	header.home .header-box,
	header.page .header-box{
		width:98%;
		margin:0 1%;
	}
}
@media screen and (max-width:768px) {
    .sectionInner {
        width:98%;
        margin:0 1%;
    }
	section.fview{
		opacity:1;
		transition:all 1s ease;
		-webkit-animation: fadeIn2 1.5s ease 0s 1 normal;
		animation: fadeIn7 1s ease 0s 1 normal;
		animation-fill-mode:forwards; 
	}
	@keyframes fadeIn7 {
		0% {
			transform: translate(0, 20px);
		}
		100% {
			transform: translate(0, 0);
		}
	}
	@-webkit-keyframes fadeIn7 {
		0% {
			transform: translate(0, 20px);
		}
		100% {
			transform: translate(0, 0);
		}
	}
}
@media screen and (max-width:480px) {
	#{
		-webkit-appearance: none;/
		-moz-appearance: none; /
		appearance: none;
	}
	section.show {
		position: relative;
		z-index: 22;
	}
}

/*-------------------------------------
	   SECTION 01
-------------------------------------*/
.sec-01{
	padding:0 0 80px;
}
.sec-01 .section-inner{
	max-width:unset;
	position:relative;
}
.sec-01 .contents-inner{
	max-width:unset;
}
.sec-01 .svg-box{
	width:99%;
	position:absolute;
	top:0;
	left:1%;
	display: none;
}
.sec-01 .flex-30{
	padding-left:60px;
	box-sizing:border-box;
}
.sec-01 .start .svg-box{
	display:block;
}
.sec-01 svg{
	display: none;
	position:absolute;
	top:0;
	left:-1%
}
.sec-01 .start svg{
	width:41%;
	display: block;
}
.sec-01 .start svg.swiper-navigation-icon{
	display: none;
}
.start svg .cls-3 {
	animation: fill 10s linear infinite forwards;
	fill: none;
	stroke: #fff;
	stroke-width: 1px;
	stroke-dasharray:6000;
	stroke-dashoffset: 6000;
}
.sec-01 .title-box{
	padding-left:40px;
	z-index: 10;
    position: relative;
}
h2.section-ttl{
	font-family:Robot;
	color:#2E2E2E;
	font-size:85px;
	margin-top:-30px;
	letter-spacing:8px;
	font-weight:300;
	text-shadow:11px 9px 1px rgba(113, 196, 171, 0.3);
}
h2.section-ttl-g{
	font-family:Robot;
	color:#414141;
	font-size:91px;
	letter-spacing:8px;
	font-weight:200;
	text-shadow:11px 9px 1px rgba(206, 215, 64, 0.3);
}
@-moz-document url-prefix() {
	h2.section-ttl,
	h2.section-ttl-g{
		font-family: "Zen Kaku Gothic New", serif;
		font-weight:400;
	}
}

@media screen and (max-width:768px){
	h2.section-ttl,
	h2.section-ttl-g{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
h3.rad-more{
	width:100%;
	max-width:260px;
	font-size:16px;
	margin:20px 0;
	z-index: 10;
    position: relative;
	text-align:center;
	z-index:1;
}
h3.rad-more img{
	width:36px;
	margin:0 0 0 10px;
	display:inline;
}
h3.rad-more a:link,
h3.rad-more a:visited{
	display:block;
	width:100%;
	color:#71C4AB;
	letter-spacing:2px;
	font-weight:600;
	border:1px #71C4AB solid;
	border-radius:30px;
	padding:10px 0 12px 0px;
	box-sizing:border-box;
	background:url(image/read-more-arrow.png);
	background-position: center right 60px;
	background-repeat:no-repeat;
	background-size:36px;
	position:relative;
}
h3.rad-more a:hover{
	color:#fff;
	background-image:url(image/read-more-arrow-w.png);
	background-position: center right 60px;
	background-repeat:no-repeat;
	background-size:36px;
	opacity:1;
}
h3.rad-more a::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background:#71c4ab;
    transform: scaleX(0);
    transform-origin: left;
    transition: all .5s ease;
	border-radius:25px;
    z-index: -1;
	opacity:0;
}
h3.rad-more a:hover::before {
	width: 100%;
	border-radius:25px;
      transform: scaleX(1);
      transform-origin: left;
	opacity:1;
    z-index: -1;
}
.sec-01 .flex-con{
	padding-top:100px;
}
.sec-01 .flex-70{
	position:relative;
}
.swiper-container {
	width: 100%;
	overflow: hidden;
}
.swiper-wrapper{
	width: 100%;
}
.swiper-slide {
	width: 100%;
	max-width:100% !important;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	position:relative;
}
.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position:relative;  
}
.swiper-slide:after {
	content: "";
    background-image: url(image/sec01-004.png);
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:0;
	pointer-events: none;
}
.news-slide {
    
}
.swiper-button-next, 
.swiper-button-prev{
	width:46px;
	height:131px;
	top:calc((100% - 60px) / 2);
}
.swiper-button-prev:after{
	content:url("image/swiper-prev.png");
	width:46px;
	height:131px;
}
.swiper-button-next:after{
	content:url("image/swiper-next.png");
	width:46px;
	height:131px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	width: 105px;
    border-radius: unset;
    margin-bottom: -50px;
    height: 2px;
}
.swiper-pagination-bullet-active{
	background:#71C4AB;
}
.swiper-slide .caption-box{
	position:absolute;
	bottom:10%;
	left:10%;
	color:#fff;
	z-index:2;
}
.sec-01 .swiper-slide .caption-box{
	position:absolute;
	bottom:5%;
	left:5%;
	color:#fff;
	z-index:2;
}
.swiper-slide .caption-box p{
	display:inline-block;
	color:#fff;
	font-family:Robot;
	font-size:12px;
	padding:3px 15px 5px;
	background:#71C4AB;
}
@media screen and (max-width:768px){
	.swiper-slide .caption-box p{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.swiper-slide .caption-box p{
	font-size:20px;
	padding:3px 15px 5px;
	border-radius:5px;
}
.sec-01 .swiper-slide .caption-box p{
	font-size:14px;
	padding:3px 15px 5px;
	margin-bottom:10px;
	border-radius:5px;
}
.swiper-slide .caption-box h4 {
	font-size:29px;
	text-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
}
.swiper-slide .caption-box a:link h4, 
.swiper-slide .caption-box a:visited h4{
	color:#fff;
}
.news-slide .caption-box h4 {
	font-size:46px;
}

@media screen and (max-width:1366px){
	h2.section-ttl{
		font-size: 6.5vw;
		margin-top:-30px;
	}
	h2.section-ttl-g{
		font-size: max(6.7vw,36px);
		letter-spacing:8px;
	}
	h3.rad-more a:link, 
	h3.rad-more a:visited {
		font-size:max(1.2vw,12px);
	}
}

@media screen and (max-width:1300px) {
	.sec-01 .start svg{
		width:42%;
	}
}
@media screen and (max-width:1200px) {
	.sec-01 .start svg{
		width:43%;
	}
}
@media screen and (max-width:1100px){
	.sec-01{
		width:98%;
		padding:0 1%;
	}
	.sec-01 .start svg{
		width:44%;
	}
}
@media screen and (max-width:1050px) {
	.sec-01 .start svg{
		width:45%;
	}
	.sec-01 .title-box {
		padding-left: 2vw;
	}
	.swiper-slide .caption-box h4 {
	font-size:2vw;
	}
	.news-slide .caption-box h4 {
		font-size:3vw;
	}
}

@media screen and (max-width:768px) {
	.sec-01 .start svg{
		width:47%;
	}
	.sec-01 .title-box {
		padding-left: 1vw;
	}
	.swiper-container2 {
		width: 100%;
		overflow: hidden;
	}
	.swiper-button-next, 
	.swiper-button-prev{
		width:23px;
		height:65px;
		top:calc((100% - 0px) / 2);
	}
	.swiper-button-prev:after{
		content:'';
		background-image: url("image/swiper-prev.png");
		background-size: contain;
		vertical-align: middle;
		background-repeat:no-repeat;
	}
	.swiper-button-next:after{
		content:'';
		background-image: url("image/swiper-next.png");
		background-size: contain;
		vertical-align: middle;
		background-repeat:no-repeat;
	}
}
@media screen and (max-width:480px) {
	h2.section-ttl-g{
		margin-left:20px;
		font-size:max(6.7vw,36px);
		line-height:1.5em;
		letter-spacing:1px;
		text-shadow: 5px 2px 1px rgba(206, 215, 64, 0.3);
	}
	.sec-01{
		margin-top:0px;
		width: 100%;
        padding: 0 0 40px;
	}
	.svg-box,
	.sec-01 .start .svg-box{
		display:none;
	}
	.sec-01 .flex-con {
		padding-top: 70px;
	}
	.sec-01 .flex-30 {
		padding-left: 10px;
		box-sizing: border-box;
	}
	.sec-01 .title-box {
        padding-left: 0;
        display: flex;
        flex-wrap: wrap;
    }
	h2.section-ttl {
        font-size: 36px;
        margin-top: 0px;
		letter-spacing:2px;
		text-shadow: 6px 2px 1px rgba(113, 196, 171, 0.3);
    }
	h3.rad-more {
		max-width: 100px;
		font-size: 12px;
		margin: 20px 0;
		z-index: 10;
		position: relative;
		text-align: center;
		z-index: 1;
	}
	h3.rad-more a:link, h3.rad-more a:visited{

	}
	.sec-01 h3.rad-more {
		text-align: left;
		max-width: 100px;
		font-size: 12px;
		margin: 6px 0 14px 10px;
		position: relative;
		z-index: 1;
	}
	.sec-01 h3.rad-more a{
		position:relative;
	}
	.sec-01 h3.rad-more a:link, 
	.sec-01 h3.rad-more a:visited{
		padding: 3px 0 5px 18px;
		background: url(image/read-more-arrow-sp.png);
		background-position: center right 15px;
		background-repeat:no-repeat;
		background-size:16px;
	}
	.swiper-container{
		width:88%;
		margin:0 auto;
		padding-bottom: 110px;
		overflow: hidden;
	}
	.swiper-container .caption-box{
	}
	.sec-01 .swiper-slide .caption-box{
		position:absolute;
		bottom:-100px;
		left:0px;
		right:10px;
	}
	.sec-01 .swiper-slide .caption-box p{
		font-family: "Zen Kaku Gothic New", serif;
	}
	.swiper-slide img {
		box-shadow:0 3px 6px rgba(0,0,0,0.16);
	}
	.sec-01 .swiper-slide .caption-box p{
		font-size:12px;
		padding:4px 15px 4px;
		font-family: "Zen Kaku Gothic New", serif;
	}
	.sec-01 .swiper-slide .caption-box h4{
		font-size:16px;
		color:#2E2E2E;
		text-shadow:none;
		font-weight:400;
	}
	.swiper-slide:after {
		content: "";
		background-image: none;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index:0;
	}
	.news-slide {
		background-image:none;
	}
	.swiper-pagination{
		display:none;
	}
	.swiper-button-next, 
	.swiper-button-prev {
		top:150px;
        width: 18px;
        height: 44px;
        filter: brightness(0.5);
    }
	swiper-button-next, .swiper-button-prev{
		left:0px;
	}
	swiper-button-next, .swiper-button-next {
		right:0px;
    }
}
/*-------------------------------------
	   SECTION 02
-------------------------------------*/
.sec-02{
	padding:50px 0 100px;
	margin:0;
}
.sec-02 .section-inner{
	position:relative;
	max-width:unset;
}
.sec-02 .contents-inner{
	max-width:unset;
}
.sec-02 .svg-box{
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	display: none;
}
.sec-02 .start .svg-box{
	display:block;
    pointer-events: none;
}
.sec-02 .start svg{
	width:82%;
	margin: 0 0 0 18%;
}
.start svg .cls-2 {
	animation: fill 10s linear infinite forwards;
	fill: none;
	stroke: #fff;
	stroke-width: 1px;
	stroke-dasharray:6000;
	stroke-dashoffset: 6000;
}
.sec-02 .flex-con{
	align-items: flex-start;
}
.sec-02 .flex-30{
	width:31%;
}
.sec-02 h2.section-ttl{
	margin:0px 0 70px -100px;
}
.sec-02 .sec02-ttl{
	font-size:28px;
	color:#414141;
	font-weight:500;
}
.sec-02 .sec02-txt{
	padding:40px 0 20px;
	font-size:16px;
	color:#414141;
	font-weight:400;
}
@media screen and (max-width:1366px) {
	.sec-02 {
		padding: 3% 0 1%;
	}
	.sec-02 .sec02-ttl{
		font-size: 2.04vw;;
	}
	.sec-02 .sec02-txt{
		font-size: 1.15vw;
	}
	.sec-02 h3.rad-more {
		width: 80%;
	}
}
@media screen and (max-width:1100px) {
	.sec-02 {
		padding: 7% 0 0;
	}
}
@media screen and (max-width:1050px) {
	.sec-02 {
		padding: 70px 0 0;
	}
	.sec-02 .start svg{
		width:85%;
		margin: 0 0 0 15%;
	}
}
@media screen and (max-width:950px) {
	.sec-02 .start svg{
		width:95%;
		margin: 0 0 0 5%;
	}
}
@media screen and (max-width:768px) {
	.sec-02 {
		padding: 10% 0 0;
	}
	.sec-02 .start svg{
		width:100%;
		margin: 0 0 0 0;
	}
}
@media screen and (max-width:480px) {
	   .sec-02 {
        padding: 5px 0 0;
    }
	.sec-02 .start .svg-box{
		display:none;
	}
	.sec-02 .flex-30{
		width:100%;
	}
	.sec-02 .flex-70 img{
		display:block;
		width:85%;
		margin:0 15% 0 0;
		box-shadow:0 3px 6px rgba(0,0,0,0.16);
	}
	.sec-02 h2.section-ttl {
		margin: 0px 0 5px 10px;
	}
	.sec-02 .sec02-ttl {
        font-size: 24px;
		margin:20px 0 0 20px;
    }
	.sec-02 .sec02-txt {
        font-size: 16px;
		margin:15px 0 0 20px;
		padding:0;
    }
	.sec-02 h3.rad-more {
        width: 80%;
		margin:25px 0 30px 20px;
		max-width:200px;
    }
}

/*-------------------------------------
	     Section 04
-------------------------------------*/
.sec-04{
	margin:0px auto 0px;
	z-index:1;
}
.sec-04 .section-inner{
	position:relative;
	max-width:unset;
}
.sec-04 .contents-inner{
	max-width:unset;
}
.sec-04 .flex-30{
	width:30%;
	margin:0 -6% 0 6%;
	z-index:2;
}
.sec-04 .flex-70{
	z-index:0;
}
.sec-04 h2.section-ttl:lang(en){
	margin:0px 0 90px 0px;
}
.sec-04 .sec02-ttl{
	font-size:28px;
	color:#414141;
	font-weight:500;
}
.sec-04 .sec02-txt{
	padding:40px 0 20px;
	font-size:16px;
	color:#414141;
	font-weight:400;
}
@media screen and (max-width:1366px) {
	.sec-04 {
		padding: 5% 0;
	}
	.sec-04 .sec02-ttl{
		font-size: 2.04vw;;
	}
	.sec-04 .sec02-txt{
		font-size: 1.15vw;
	}
	.sec-04 h3.rad-more {
		width: 80%;
	}
}
@media screen and (max-width:1100px) {
	.sec-04 {
		padding:  0;
	}
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:480px) {
	.sec-04 {
        padding: 30px 0 0;
    }
	.sec-04 .flex-30{
        order:2;
    }
	.sec-04 .flex-30{
        order:1;
		margin:0;
    }
	.sec-04 h2.section-ttl:lang(en){
		margin: 0px 0 5px 10px;
	}
	.sec-04 .flex-70 img{
		display:block;
		width:85%;
		margin:0 15% 0 0;
		box-shadow:0 3px 6px rgba(0,0,0,0.16);
	}
	.sec-04 .flex-30{
		width:100%;
	}
	.sec-04 h2.section-ttl {
		margin: 0px 0 5px 10px;
	}
	.sec-04 .sec02-ttl {
        font-size: 24px;
		margin:20px 0 0 20px;
    }
	.sec-04 .sec02-txt {
        font-size: 16px;
		margin:15px 0 0 20px;
		padding:0;
    }
	.sec-04 h3.rad-more {
        width: 80%;
		margin:25px 0 0px 20px;
		max-width:200px;
    }
	.sec-02 h3.rad-more a:link, 
	.sec-02 h3.rad-more a:visited,
	.sec-03 h3.rad-more a:link, 
	.sec-03 h3.rad-more a:visited,
	.sec-04 h3.rad-more a:link, 
	.sec-04 h3.rad-more a:visited{
	    padding: 10px 0 10px 75px;
        background-position: center right 45px;
        background-size: 30.5px;
	}
}


/*-------------------------------------
	     Header News
-------------------------------------*/
header.news .header-box{
    width:100%;
	position:relative;
}
header.news .header-box .flex-30 .flex-30{
    position:relative;
	height:80px;
}
header.news .header-box .flex-30 .flex-30:before{
	top:30px;
}
header.news .header-box details{
	top:28px;
}


/*------     GLOBAL NAVIGATION   --------*/

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

/*-------------------------------------
	   Seciton News 01 
-------------------------------------*/
.sec-news-01{
	margin:0px auto 0;
	padding:90px 0 0;
	position:relative;
	z-index:5;
	background: linear-gradient(to bottom, #ffffff, #fdfdfd);
	opacity:1;
}
.sec-news-01 .section-inner{
	max-width:unset;
}
.sec-news-01 .contents-inner{
	max-width:unset;
	max-height:55.5vw;
	overflow:hidden;
}
.sec-news-01 .swiper-container{
	max-height:55.5vw;
}
.sec-news-01 .swiper-horizontal>.swiper-pagination-bullets, 
.sec-news-01 .swiper-pagination-bullets.swiper-pagination-horizontal, 
.sec-news-01 .swiper-pagination-custom, 
.sec-news-01 .swiper-pagination-fraction{
	bottom:25px;
}
.sec-news-01 .swiper-slide .caption-box{
	width: 80%;
    left: 0;
    margin: 0 10%;
	position:absolute;
	top:auto;
	bottom:3vw;
	z-index:25;
}

@media screen and (max-width : 1300px){
	.sec-news-01 .swiper-slide .caption-box h4{
		font-size:max(3.5vw, 16px);
	}
}
@media screen and (max-width : 768px){
}
@media screen and (max-width:480px) {
	.sec-news-01{
		padding-top:50px;
		z-index:15;
	}
	.sec-news-01 .swiper-container {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 110px;
        overflow: hidden;
	}
	.sec-news-01 .swiper-slide:after {
		content: "";
		background-image: none;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}
	.sec-news-01 .swiper-slide .caption-box{
		position:absolute;
		top:-100px;
		left:0px;
		right:10px;
	}
	.sec-news-01 .swiper-slide img {
		box-shadow:none;
	}
	.sec-news-01 .swiper-slide .caption-box {
        position: absolute;
        bottom: -85px;
        left: 20px;
        right: 20px;
    }
	.sec-news-01 .swiper-slide .caption-box p{
		font-size:12px;
	}
	.sec-news-01 .swiper-slide .caption-box h4{
		font-size:16px;
		color:#2E2E2E;
		text-shadow:none;
		font-weight:400;
		margin-top:5px;
	}
	.sec-news-01 .swiper-button-next,
	.sec-news-01 .swiper-button-prev{
        filter: none;
    }
	.sec-news-01 .swiper-button-next:after {
        background-image: url(image/swiper-prev-spw.png);
        background-size: auto;
		width:20px;
		top:0px;
        right: 10px;
        position: absolute;
    }
	.sec-news-01 .swiper-button-prev:after {
        background-image: url(image/swiper-next-spw.png);
        background-size: auto;
		top:0px;
        left: 0px;
        position: absolute;
    }
}
/*-------------------------------------
	   Seciton News 02
-------------------------------------*/
.sec-news-02{
	margin: 45px 0 0;
	padding:50px 0 0;
}
.sec-news-02 .contents-inner{
	max-width:1000px;
}
.sec-news-02 .flex-20{
	font-size:20px;
	font-family:Robot;
	text-align:center;
	width:19.3%;
}
@media screen and (max-width:768px){
	.sec-news-02 .flex-20{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-news-02 .flex-20 a:link,
.sec-news-02 .flex-20 a:visited{
	display:block;
	padding:4px 0 6px;
	color:#71C4AB;
	border:1px #71C4AB solid;
	border-radius:5px;
}
.sec-news-02 .flex-20.active{
	border:1px #71C4AB solid;
	background:#71C4AB;
	border-radius:5px;
}
.sec-news-02 .flex-20.active a:link,
.sec-news-02 .flex-20.active a:visited{
	color:#fff;
}

@media screen and (max-width:480px) {
	.sec-news-02 {
		margin: 50px 0 0;
		padding: 5px 0 0;
		opacity:1;
	}
	.sec-news-02 .sp{
		display:block;
	}
	.sec-news-02 details{
		font-family: "Zen Kaku Gothic New", serif;
        font-size: 20px;
		width:92%;
		margin:5px auto;
		position:relative;
		text-align:center;
		line-height:1em;
    }
	.sec-news-02 summary{
		list-style: none;
		color:#fff;
		width:100%;
		margin:5px auto;
		padding:10px;
		box-sizing:border-box;
		display:block;
		background:#71C4AB;
	}
	.sec-news-02 summary:before {
		content: "";
		background-image: url(image/summary-arrow-dn.png);
		top: 10px;
		width: 24px;
		height: 25px;
		right: 10px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
	}
	.sec-news-02 details[open] summary:before {
		content: "";
		background-image: url(image/summary-arrow-up.png);
		top: 10px;
		width: 24px;
		height: 25px;
		right: 10px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
	}
	.sec-news-02 .flex-con{
		width:100%;
		margin:0 auto;
		color:#fff;
		border-radius:5px;
		background:#71C4AB;
	}
	.sec-news-02 .flex-con .flex-20{
		line-height:2.1em;
	}
	.sec-news-02 .pctb{
		display:none;
	}
	.sec-news-02 .flex-20{
		font-size:16px;
		color:#fff;
		text-align:center;
		width:100%;
		line-height:1.9em;
	}
	.sec-news-02 .flex-20 a:link,
	.sec-news-02 .flex-20 a:visited{
		font-size:16px;
		color:#fff;
		text-align:left;
		padding-left:20px;
		box-sizing:border-box;
		width:100%;
	}
}

/*-------------------------------------
	   Seciton News 03
-------------------------------------*/
.sec-news-03{
	margin: 0;
	padding:25px 0 0;
    z-index: 2;
    position: relative;
}
.sec-news-03 .contents-inner{
	max-width:1000px;
}
.sec-news-03 .post-contens{
	padding:35px 0;
	border-bottom:1px #BABABA solid;
}
.sec-news-03 .post-contens:last-child{
	border-bottom:none;
}
.sec-news-03 .flex-40 img{
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.sec-news-03 .flex-55{
	width:54%;
}
.sec-news-03 .caption-box{
	justify-content: flex-start;
}
.sec-news-03 .caption-box p{
	margin-right:10px;
}
.sec-news-03 h4{
	font-size:22px;
	font-weight:600;
	color:#2E2E2E;
	padding:15px 0 15px;
	line-height:1.4em;
}
.sec-news-03 .caption-box p.post-date{
	display:inline-block;
	color:#fff;
	font-family:Robot;
	font-size:18px;
	padding:0px 15px 2px;
	background:#71C4AB;
	border:1px #71C4AB solid;
	border-radius:5px;
}
.sec-news-03 .caption-box .category{

}
.sec-news-03 .caption-box .category ul li{
	display:inline-block;
	color:#BABABA;
	font-family:Robot;
	font-size:16px;
	padding:1px 13px 3px;
	border:1px #BABABA solid;
	border-radius:5px;
}

@media screen and (max-width:768px){
	.sec-news-03 .caption-box p.post-date,
	.sec-news-03 .caption-box .category{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-news-03 .caption-box .category a:visited,
.sec-news-03 .caption-box .category a:link{
	color:#BABABA;
}
.sec-news-03 .caption-box .category li{
	display:inline-block;
	margin:0 2px;
}

.sec-news-03 .tag-box a{
	text-decoration:underline;
}
.sec-news-03 .tag-box{
	justify-content: flex-start;
	padding:30px 0 0 0;
}
.sec-news-03 .tag-box div{
	margin-right:20px;
	font-size:14px;
	color:#818181;
}
.sec-news-03 .tag-box div.tag-icon{
	margin-right:10px;
}
.sec-news-03 .tag-box div a:link,
.sec-news-03 .tag-box div a:visited{
	color:#818181;
	font-style:normal;
}
.sec-news-03 .sec-page02-txt{
	font-size:16px;
	font-weight:400;
	color:#2E2E2E;
	letter-spacing:-2px;
	line-height:1.7em;
}

.wp-pagenavi {
	text-align: center;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display:inline-block;
	width:30px;
	padding:4px 0 6px;
}
.wp-pagenavi span.current{
	color:#fff;
	background:#CED740;
}
@media screen and (max-width : 1050px){
	.sec-news-03 .section-inner{
		width:96%;
		margin:0 auto;
	}
}
@media screen and (max-width:480px) {
	.sec-news-03 {
		width:92%;
		margin:-50px auto 50px;
		padding:0;
	}
	.sec-news-03.show {
		padding:0;
		width:92%;
	}
	.sec-news-03 .section-inner{
		width:100%;
		margin:0 auto;
	}
	.sec-news-03 .flex-55{
		width:100%;
	}
	.sec-news-03 .caption-box p.post-date {
		margin-top:5px;
	}
	.sec-news-03 .caption-box p.category{
		font-size: 10px;
		padding: 1px 15px 3px;
		margin-top:5px;
	}
	.sec-news-03 .caption-box .category{
		margin-top:5px;
	}
	.sec-news-03 .flex-40 img {
		box-shadow: none;
		height:auto;
	}
	.sec-news-03 h4 {
		font-size: 18px;
		font-weight: 500;
		color: #2E2E2E;
		padding: 15px 0 15px;
		line-height: 1.4em;
	}
	.sec-news-03 .sec-page02-txt{
		display:none;
	}
	.sec-news-03 .tag-box{
		display:none;
	}
	.sec-news-03 .post-contens {
		padding: 20px 0 20px;
	}
	.wp-pagenavi {
		margin:30px auto 10px;
	}
}

/*-------------------------------------
	     Header News
-------------------------------------*/
header.news { 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
header.news .header-inner { 
    width:100%;
    max-width:unset;
    margin:0 auto;
	position:relative;
	overflow:hidden;
	background:rgba(0,0,0,0.3);
}
header.news .header-box .flex-30 img{
    max-width:250px;
}
header.news .header-box{
    width:100%;
	position:relative;
}
header.news .header-box .flex-30 .flex-30{
    position:relative;
	height:80px;
}
header.news .header-box .flex-30 .flex-30:before{
	top:30px;
}
header.news .header-box details{
	top:28px;
}

header.page { 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}

header.page .header-inner { 
    width:100%;
    max-width:1366px;
    margin:0 auto;
	position:relative;
	overflow:hidden;
	background:#fff;
}
header.page .header-box .flex-30 img{
    max-width:250px;
}
header.page .header-box{
    width:100%;
	position:relative;
}
header.page .header-box .flex-30 .flex-30{
    position:relative;
	height:80px;
}
header.page .header-box .flex-30 .flex-30:before{
	top:30px;
}
header.page .header-box details{
	top:28px;
}

header.fixed { 
    width:100%;
    height:auto;
	margin: auto;
	opacity:1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
	background:rgba(255,255,255,1);
}
main.top header.fixed{
	display:none;
	background:rgba(255,255,255,1);
} 
main.top header.show{
	opacity:1;
	display:block;
} 
header.show { 
	opacity:1;
	display:block;
}

header.fixed .header-inner { 
	color:#000;
    max-width:calc(100% - 100px);
}
header.fixed .header-box .flex-30 .flex-30:before{
    content: "";
	background-image: url("image/language2.svg");
}
header.fixed .header-box details a:link,
header.fixed .header-box details a:visited {
	color:#000;
}
header.fixed .header-box summary {
	list-style: none;
	color:#000;
	cursor: pointer;
}
header.fixed .header-box summary:before {
    content: "";
	background-image: url("image/arrow-d-b.png");
}
header.fixed .header-box details[open] summary:before,
header.fixed .header-box summary details[open] summary:before {
    content: "";
	background-image: url("image/arrow-u-b.png");
}
header.fixed .openList li a:link,
header.fixed .openList li a:visited{ 
	color:#000;
}
header.fixed .openList li.menu-contact a:link,
header.fixed .openList li.menu-contact a:visited{ 
	color:#fff;
}
main.top header.home
main header.news-top,
main header.news {
	opacity:1;
}
@media screen and (max-width : 768px){
}
@media screen and (max-width:480px) {
	header.top.show{
		pointer-events:none;
	}
	main.top header.home{
		position:fixed;
		top:0;
		z-index:10;
	}
	main header.news-top,
	main header.page{
		position:fixed;
		height:50px;
		top:0;
		z-index:10;
		opacity:1;
	}
	main header.page.fixed{
		z-index:25;
	}
	header.page{
		opacity:1;
	}
	main header.news-top{
		z-index:30;
	}
	main.top header.home.show{
		position:fixed;
		top:0;
		z-index:25;
		height:50px;
	}
	main header.news-top.show,
	main header.news.show,
	main header.page.show{
		position:fixed;
		top:0;
		z-index:30;
		opacity:1;
	}

	header.page .header-inner { 
		overflow: visible;
	}

	header.home .header-box .flex-30,
	header.page .header-box .flex-30 {
        width: 70%;
    }
	header.home .header-box .flex-70{
        width: 30%;
		margin-top:0;
    }
	header.page .header-box .flex-70{
        width: 30%;
		margin-top:0;
	    height: 50px;
		padding-bottom: 0;
    }
    header.home .header-box .flex-30 .flex-70,
    header.page .header-box .flex-30 .flex-70 {
        width: 55%;
        padding: 5px 0 0 0;
		height:50px;
		box-sizing:border-box;
	}
    header.home .header-box .flex-30 .flex-30,
    header.page .header-box .flex-30 .flex-30 {
        width: 35%;
        padding: 5px 0 0 0;
		height:50px;
		box-sizing:border-box;
	}
	header.home .header-box .flex-30 .flex-30:before,
	header.page .header-box .flex-30 .flex-30:before {
		top: 18px;
		width: 14px;
		height: 14px;
	}
    header.home .header-box details,
    header.page .header-box details {
		top: 17px;
		font-size: 10px;
		padding-left:18px;
	}
	header .header-box .flex-30 .flex-70 img {
        max-width: 130px;
    }
    header.home .header-box .flex-70 .flex-70,
    header.page .header-box .flex-70 .flex-70 {
        margin-top:0;
	}
    header.home .header-box .flex-70 .openList,
    header.page .header-box .flex-70 .openList {
        margin-top: 0;
        position: relative;
        z-index: 10;
    }
	header.home .header-box .flex-70 .openList .open img.openIcon,
	header.page .header-box .flex-70 .openList .open img.openIcon {
        top: 13px;
	}
	header.news .header-box .flex-70 .openList .open img.openIcon {
		top: 62px;
        right: 24px;
	}
	header.home .header-box details p,
	header.page .header-box details p {
		padding: 4px 5px 5px 10px;
        background: #fff;
        margin-left: -10px;
	}
	header.home .openList .open .top-mene-box,
	header.page .openList .open .top-mene-box{
		position: fixed;
		opacity:0;
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		width: 100vw;
		background: #928041;
		z-index: 30;
		pointer-events:none;
	}
	header.home .openList .close .top-mene-box,
	header.page .openList .close .top-mene-box{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		width: 100vw;
		background: #928041;
		z-index: 30;
	}
	header.home .header-box .flex-70 .openList .open img.closeIcon,
	header.page .header-box .flex-70 .openList .open img.closeIcon {
        opacity: 0;
		transition:all 0.7s;
    }
	header.news .header-inner {
		background: rgba(0, 0, 0, 0.2);
	}
	header.news{
		box-shadow:none;
		position:fixed;
		top:0;
		z-index:30;
		opacity:0;
		display:none;
	}
}


/*------     GLOBAL NAVIGATION   --------*/

@media screen and (max-width : 1366px){
	header.fixed .header-inner { 
		color:#000;
		max-width:1366px;
	}
	header.page .header-box{
		width:98%;
		margin:0 1%;
	}
	
}

@media screen and (max-width : 768px){
}
@media screen and (max-width:480px) {
	header.news .header-box .flex-30 .flex-30{
		position:relative;
		height:50px;
	}
	header.news .header-box details {
		top: 16px;
	}
	header.news .header-box .flex-30 .flex-30:before {
		top: 17px;
	}
	header.news .header-box .flex-con{
		background: rgba(0, 0, 0, 0.3);
		height: 50px;
	}
	header.news .header-box .flex-con .flex-con{
		background: none;
	}
}

/*-------------------------------------
	   SINGLE
-------------------------------------*/
.sec-single-01 {
	padding:75px 0 0;
	opacity:1;
}
.sec-single-01 .contents-inner{
	width:100%;
	max-width:800px;
	opacity:1;
}

.sec-single-02 {
	padding-top:0px;
	margin-top:0;
	opacity:1;
}
.sec-single-02 .contents-inner{
	width:100%;
	max-width:650px;
	opacity:1;
}
.sec-single-02 .post-body{
}
.sec-single-02 .post-body a:link,
.sec-single-02 .post-body a:visited{
	color: #6eb850;
}
.sec-single-02 .post-body img{
	width:auto;
}
.sec-single-02 .post-body h1{
	font-size:36px;
}
.sec-single-02 .post-body h2{
	font-size:28px;
}
.sec-single-02 .post-body h3{
	font-size:22px;
	border-bottom:none;
}
.sec-single-02 .post-body h4{
	font-size:18px;
}
.sec-single-02 .post-body ul {
	padding-left:10px;
	margin-left: 2em;
	list-style: unset;
}
.sec-single-02 .post-body ul li{
	line-height:1.8em;
}
.sec-single-02 .post-body ol {
	padding-left:10px;
	margin-left: 2em;
	list-style: decimal;
}
.sec-single-02 .post-body ol li{
	line-height:1.8em;
}
.sec-single-02 .caption-box{
	color:#fff;
	justify-content:flex-start;
	margin-top:5px;
}
.sec-single-02 .caption-box p.post-date{
	display:inline-block;
	color:#fff;
	font-family:Robot;
	font-size:18px;
	padding:1px 10px 3px;
	background:#71C4AB;
	border-radius:5px;
	margin-right:10px;
}
.sec-single-02 .caption-box p.category{
	display:inline-block;
	color:#BABABA;
	font-family:Robot;
	font-size:14px;
	padding:3px 15px 5px;
	border:1px #BABABA solid;
	border-radius:5px;
	margin-right:10px;
}
@media screen and (max-width:768px){
	.sec-single-02 .caption-box p.post-date,
	.sec-single-02 .caption-box p.category{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-single-02 h2{
	font-size:28px;
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 700;
	font-style: normal;
	color:#2E2E2E;
	padding:8px 0 12px;
	border-bottom:1px #71C4AB solid
}
.sec-single-02 p{
	margin:15px 0;
	line-height:1.8em;
}
.sec-single-02 h3.read-more{
	font-size:20px;
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 700;
	font-style: normal;
	color:#2E2E2E;
	padding:10px 0 5px;
	border-bottom:1px #BABABA solid
}
.sec-single-02 .post-image-01{
}
.sec-single-02 .tag-box{
	justify-content:flex-start;
	padding:30px 0 30px;
}
.sec-single-02 .tag-box div{
	padding-left:15px;
	color:#818181;
}
.sec-single-02 .tag-box div img{
	vertical-align:middle;
	padding-top:5px;
}
.sec-single-02 .tag-box div a:link,
.sec-single-02 .tag-box div a:visited{
	text-decoration:underline;
	color:#818181;
	font-size:14px;
}

.sec-single-02 .share-box{
	position:relative;
	margin:10px auto 0;
	width:100%;
	max-width:340px;
	text-align: center;
}
.sec-single-02  .share-box:before{
	content:"";
	width:100%;
	position:absolute;
	top:20px;
	left:0;
	border-top:#BABABA 1px solid;
}
.sec-single-02 h4.share{
	font-family: "Zen Kaku Gothic New", serif;
	font-family:Robot;
	color:#BABABA;
	font-weight:400;
	text-align:center;
	max-width:400px;
    display: inline-block;
    background: #fff;
    z-index: 2;
    position: relative;
    padding: 5px 10px;
    margin-bottom: 10px;
}
@media screen and (max-width:768px){
	.sec-single-02 h4.share{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-single-02 .sns-box{
	text-align:center;
	max-width:340px;
	margin:0 auto;
	padding:5px 0 5px;
}
.sec-single-02 .sns-box p{
	margin:0;
}
.sec-single-02 .sns-box p img{
	width:35px;
}
.sec-single-02 h3.rad-more{
	width:100%;
	max-width:400px;
	border-bottom:none;
	margin:65px auto 40px;
}
.sec-single-02 h3.rad-more a:link,
.sec-single-02 h3.rad-more a:visited{
	background:#71C4AB;
	color:#fff;
	text-align:center;
	border-radius:5px;
	padding:13px 0 15px;
	font-size:14px;
	transition:all .5s;
}
.sec-single-02 h3.rad-more a:hover{
	color:#fff;
	background:#cecece;
	border: 1px #cecece solid;
}

@media screen and (max-width:768px){
	.sec-single-02 .contents-inner{
		width:96%;
		margin:0 auto;
	}
	.sec-single-02 .caption-box p.post-date{
		font-size:max(2vw, 10px);
	}
	.sec-single-02 .caption-box p.category{
		font-size:max(2vw, 10px);
		padding:0px 15px 2px;
	}
	.sec-single-02 h2 {
		font-size:max(3.4vw, 18px);
	}
	.sec-single-02 p{
		font-size:max(1.6vw, 14px);
	}
}
@media screen and (max-width:480px){
	.sec-single-01 {
		padding:50px 0 0;
		margin:0;
	}
	.sec-single-02 .section-inner{
		width:92%;
		margin:0 auto;
	}
	.sec-single-02 .post-body{
	}
	.sec-single-02 .post-body ul,
	.sec-single-02 .post-body ol{
		font-size:14px;
		color: #2E2E2E;
	}
	.sec-single-02 .caption-box p.post-date{
		font-family: "Zen Kaku Gothic New", serif;
		font-size:10px;
		padding:1px 10px 1px;
		line-height:1.4em;
		background:#71C4AB;
		border-radius:5px;
		margin-right:10px;
	}
	.sec-single-02 .caption-box p.category{
		font-family: "Zen Kaku Gothic New", serif;
		font-size:10px;
		padding:1px 15px 1px;
		line-height:1.2em;
		border:1px #BABABA solid;
		border-radius:5px;
		margin-right:10px;
	}
	.sec-single-02 h2{
		font-size:18px;
		font-weight: 600;
		color:#2E2E2E;
		padding:8px 0 12px;
		border-bottom:1px #71C4AB solid
	}
	.sec-single-02 p{
		font-size:14px;
		color:#2E2E2E;
		margin:15px 0;
		line-height:1.8em;
	}
	.sec-single-02 h3{
		font-size:16px;
		font-weight: 600;
		color:#2E2E2E;
		padding:10px 0 5px;
		border-bottom:1px #BABABA solid
	}
	.sec-single-02 .post-body iframe{
		max-width:100%;
	}
}
/*-------------------------------------
	   COMPANY
-------------------------------------*/
.sec-company-01 {
	padding:60px 0 0;
	margin:40px 0 0;
	opacity:1;
	position:relative;
	z-index:1;
	background:#fff;
}
.sec-company-01 .section-inner{
	position:relative;
	max-width:unset;
	margin-right:80px;
}
.sec-company-01 .bg-box{
	width:100%;
	max-width:calc(100% - 130px);
	height:430px;
	position:absolute;
	bottom:0;
	left:0;
	background:#CED740;
	border-radius:0 0 10px 0;
	z-index:0;
}
.bg-box img{
	width:6px;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
}
.sec-company-01 .contents-inner{
	position:relative;
    width: calc(100% - 80px);
    margin: -10px auto 0 80px;
	max-width:100%;
	padding-bottom:40px;
	opacity:1;
	z-index:1;
}
.sec-company-01 h2.section-ttl-g{
	font-family:Robot;
	margin-left:130px;
	font-size:85px;
	line-height:115px;
}
@media screen and (max-width:768px){
	.sec-company-01 h2.section-ttl-g{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-company-01 .image-box{
    width: 100%;
	box-shadow:0px 3px 6px rgba(0,0,0,0.16); 
	margin:0 0 0 auto;
	border-radius: 10px 0 0 10px;
}
.sec-company-01 .image-inner{
    width: 100%;
    background: #fff;
    margin: 0 auto;
	border-radius:10px 0 0 10px;
}
.sec-company-01 .sec-com01-img{
	width:100%;
	max-width:880px;
	margin:0 auto;
}

.h2-bg-01.show{
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}
.h2-bg-02.show{
	position:absolute;
	top:-35px;
	left:20px;
	z-index:-1;
}
.h2-bg-03.show{
	position:absolute;
	top:-35px;
	left:20px;
	z-index:-1;
}
.company .h2-bg-01.show:before,
.company .h2-bg-02.show:before,
.company .h2-bg-03.show:before{ 
	background:#CED740;
	opacity:0;
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 59px;
	animation-duration: 0.7s;
	animation-delay: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	pointer-events: none;
	animation-name: PageAnime-ltr;
}
.company .h2-bg-01.show:before{
	width: 204px;
}
.company .h2-bg-02.show:before{
	width: 259px;
}
.company .h2-bg-03.show:before{ 
	width: 467px;
}
@keyframes PageAnime-ltr {
  0% {
    transform-origin: left;
    transform: scaleX(0);
	opacity:0;
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
	opacity:1;
  }
  50.001% {
    transform-origin: right;
	opacity:1;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
	opacity:1;
  }
}

.sec-company-02 {
	margin:0;
	padding:165px 0 0 0;
	position:relative;
	z-index:2;
	opacity:1;
}

.sec-company-02 .flex-con,
.sec-company-03 .flex-con,
.sec-company-04 .flex-con{
    opacity: 0;
}
.sec-company-02 .flex-con.show,
.sec-company-03 .flex-con.show,
.sec-company-04 .flex-con.show {
    opacity: 0;
    transition: all 2s ease;
    -webkit-animation: fadeIn2 1.5s ease 0s 1 normal;
    animation: fadeIn5 2s ease 1s 1 normal;
    animation-fill-mode: forwards;
}
@keyframes fadeIn5 {
	0% {
		opacity: 0;
	    transform: translate(0, 0);
	}
	100% {
		opacity: 1;
	    transform: translate(0, -50px);
	}
}

.sec-company-02 .contents-inner,
.sec-company-03 .contents-inner,
.sec-company-04 .contents-inner{
	width:100%;
	max-width:970px;
	margin:0 130px 0 auto;
	position:relative;
}
.sec-company-02 .flex-60{
	padding-right:80px;
	box-sizing:border-box;
}
.company .message-box{
	position:relative;
	display:inline-block;
}

.sec-company-02 .contents-inner h2,
.sec-company-03 .contents-inner h2,
.sec-company-04 .contents-inner h2{
	font-family:Robot;
	font-size:48px;
	color:rgba(110,184,80,0.38);
	font-weight:400;
	letter-spacing:2px;
	line-height:1em;
}
@media screen and (max-width:768px){
	.sec-company-02 .contents-inner h2,
	.sec-company-03 .contents-inner h2,
	.sec-company-04 .contents-inner h2{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.company .sec-com-president{
	font-family:Robot;
	font-size:16px;
	color:#6EB850;
	font-weight:400;
}
@media screen and (max-width:768px){
	.company .sec-com-president{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.company h3{
	font-size:28px;
	color:#414141;
	font-weight:500;
	padding:15px 0 20px;
}
.company h3.rad-more{
	font-size:16px;
	padding: 35px 0 20px;
}

.sec-company-03 {
	padding:120px 0 0;
	position:relative;
	z-index:2;
	opacity:1;
}

.sec-company-04 {
	padding:120px 0 0;
	opacity:1;
}

.company aside{
	padding:10px 0;
	opacity:1;
}
aside .sec-com01-svg-box{
	position:fixed;
	top:0PX;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	width:100%;
	max-width:1366px;
	overflow:hidden;
	z-index:-1;
}
aside .sec-com01-svg svg{
	margin:20px auto 0 -160px;
}
aside .sec-com01-svg svg .cls-5 {
	/*
	animation: fill 5s linear infinite;
	fill: none;
*/
	stroke: #8cc674;
stroke:#a2d18e;
	stroke-width: 0.2px;
/*
	stroke-dasharray:6000;
	stroke-dashoffset: 6000;
*/
}


@media screen and (max-width:1366px){
	.sec-company-02 {
		padding: 12% 0 0 0;
	}
	.sec-company-03 {
		padding: 8% 0 0 0;
	}
	.sec-company-04 {
		padding: 8% 0 0 0;
	}
	.sec-company-01 h2.section-ttl-g{
		margin-left:10%;
		font-size:max(6.7vw,36px);
		line-height:1.5em;
	}
	.sec-company-02 .section-inner,
	.sec-company-03 .section-inner,
	.sec-company-04 .section-inner{
		width:98%;
		margin:0 auto;
	}
	.sec-company-02 .contents-inner h2, 
	.sec-company-03 .contents-inner h2, 
	.sec-company-04 .contents-inner h2 {
		font-size:max(3.5vw,36px);
	}
	.company .sec-com-president {
		font-size:max(1.2vw,12px);
	}
	.company h3 {
		font-size:max(2.1vw,16px);
	}
	.company .sec-com-txt{
		font-size: max(1.2vw, 16px);
	}
	.sec-company-01 .bg-box{
		height:37vw;
	}
	.sec-company-01 .contents-inner{
		padding-bottom:4%;
	}
}
@media screen and (max-width:1280px){
	.sec-company-02 .flex-60,
	.sec-company-03 .flex-60,
	.sec-company-04 .flex-60{
		padding-left:80px;
		box-sizing:border-box;
	}
	.company .h2-bg-01.show:before,
	.company .h2-bg-02.show:before,
	.company .h2-bg-03.show:before{ 
		left: 80px;
	}
	.company .h2-bg-01.show:before{
	width: 16vw;
	}
	.company .h2-bg-02.show:before{
		width: 20vw;
	}
	.company .h2-bg-03.show:before{ 
		width: 35vw;
	}
}

@media screen and (max-width:1150px){
	.sec-company-01 .section-inner {
		margin-right: 7%;
	}
}
@media screen and (max-width:1040px){
	.sec-company-01 .sec-com01-img{
		width:90%;
	}
	.sec-company-02 .section-inner, 
	.sec-company-03 .section-inner, 
	.sec-company-04 .section-inner {
        width: 99%;
        margin: 0 0 0 auto;
    }
	.sec-company-02 .contents-inner,
	.sec-company-03 .contents-inner,
	.sec-company-04 .contents-inner{
		width:100%;
		max-width:970px;
		margin:0 auto;
		position:relative;
	}
	.sec-company-02 .flex-con {
		opacity: 1;
	}
	.sec-company-02 .flex-con.show {
		opacity: 1;
		transition: none;
		-webkit-animation: none;
		animation: none;
	}

}
@media screen and (max-width:768px){
	.sec-company-01 .bg-box{
		height:37vw;
	}
	.sec-company-01 .section-inner {
		margin-right: 0;
	}
	.sec-company-01 .sec-com01-img{
		width:80%;
	}
	.company .h2-bg-01.show:before,
	.company .h2-bg-02.show:before,
	.company .h2-bg-03.show:before{ 
		left: 80px;
	}
	.company .h2-bg-01.show:before{
	width: 22vw;
	}
	.company .h2-bg-02.show:before{
		width: 26vw;
	}
	.company .h2-bg-03.show:before{ 
		width: 45vw;
	}
}
@media screen and (max-width:480px){
	.sec-company-01 {
		padding: 80px 0 0;
		margin: 0px 0 0;
	}
	.sec-company-03{
		padding: 60px 0 0;
	}
	.sec-company-02 .section-inner, 
	.sec-company-03 .section-inner, 
	.sec-company-04 .section-inner {
        width: 96%;
        margin: 0 0 0 auto;
    }
	.sec-company-01 h2.section-ttl-g{
		font-size:36px;
		margin-left:20px;
		text-shadow: 5px 2px 1px rgba(206, 215, 64, 0.3);
	}
	.sec-company-01 .bg-box{
		height: 160px;
        max-width: calc(100% - 15px);
	}
	.sec-company-01 .bg-box img{
		display:none;
	}
	.sec-company-01 .section-inner {
		margin-right: 0;
	}
	.sec-company-02 .contents-inner h2, 
	.sec-company-03 .contents-inner h2, 
	.sec-company-04 .contents-inner h2 {
		font-size:max(3.5vw,36px);
	}
	.sec-company-01 .contents-inner {
		width: 100%;
		margin: -5px auto 0 10px;
		padding-bottom:20px;
	}
	.company .h2-bg-01.show:before,
	.company .h2-bg-02.show:before,
	.company .h2-bg-03.show:before{ 
		left: 0;
	}
	.company .h2-bg-01.show:before{
	width: 160px;
	}
	.company .h2-bg-02.show:before{
		width: 200px;
	}
	.company .h2-bg-03.show:before{ 
		width: 45vw;
		height:95px;
	}
	.sec-company-02 .flex-con{
		opacity:1;
	}
	.sec-company-02 .flex-60, 
	.sec-company-03 .flex-60, 
	.sec-company-04 .flex-60{
		width:60%;
		padding:0 10px 0 0;
	}
	.sec-company-02 .flex-40, 
	.sec-company-03 .flex-40, 
	.sec-company-04 .flex-40{
		width:40%;
	}

	.company .sec-com-txt{
		display:none;
	}
	.company h3.rad-more{
		max-width: 100px;
		padding: 0;
		margin: 5px;
	}
	h3.rad-more a:link, 
	h3.rad-more a:visited{
		padding:2px 0 4px 15px;
		text-align: left;
		background: url(image/read-more-arrow-sp.png);
		background-position: center right 15px;
		background-repeat: no-repeat;
		background-size: 17.5px;
		letter-spacing:1px;
	}

}
/*-------------------------------------
	   MESSAGE
-------------------------------------*/
.sec-message-01 {
	padding-top:70px;
	opacity:1;
	position:relative;
	z-index:0;
	background:#fff;
	margin:0;
}
.sec-message-01 .section-inner{
	position:relative;
	max-width:unset;
	margin:0 auto 0 0;
}
.sec-message-01 .bg-box{
	width:100%;
	max-width:calc(100% - 130px);
	height:460px;
	position:absolute;
	top:157px;
	left:0;
	background:#CED740;
	border-radius:0 10px 0 0;
	z-index:0;
}
.sec-message-01 .contents-inner{
	position:relative;
	width:100%;
	max-width:calc(100% - 130px);
	padding-top:40px;
	opacity:1;
	z-index:1;
}
.sec-message-01 h2.section-ttl{
	margin-top:-10px;
}
.sec-message-01 .message-inner{
    width:calc(100% - 80px);
    background: #fff;
    margin: 10px 0 0 auto;
	padding:40px 0 0px;
	border-radius: 10px 0 0 0;
	z-index: 1;
    position: relative;
	box-shadow: -4px 5px 6px rgba(0,0,0,0.16);
}
.sec-message-01 .flex-con{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
	align-items:flex-start;
}
.sec-message-01 .flex-60 p{
	font-size:16px;
	padding-bottom:19px;
}
.sec-message-01 .flex-40{
	text-align:right;
}
.sec-message-01 .sec-com01-img{
	width:100%;
	max-width:331px;
	margin:0 0 0 auto;
	padding-bottom:40px;
}

.sec-message-02{
	margin:20px auto;
}
.sec-message-02 .section-inner{
	width:100%;
	max-width:1120px;
	padding:35px 50px 20px;
	border:1px #EAEAEA solid;
	border-radius:10px;
}
.sec-message-02 .contents-inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}
.sec-message-02 h3{
	color:#2E2E2E;
	font-size:18px;
	font-weight:400;
	padding-bottom:0;
}
.sec-message-02 p{
	color:#2E2E2E;
	font-size:16px;
	padding-bottom:19px;
}
.sec-message-02 p.sec-mes-txt{
	padding:5px 0 19px;
}
.sec-message-02 .sns-inner{
	text-align:center;
}
.sec-message-02 .sns-inner .flex-con{
	width:100%;
	max-width:850px;
	margin:0 auto;
}

.sec-message-02 .sns-inner .sns-border{
	margin:45px 0 40px;
	border-top:1px #EAEAEA solid;
	position:relative;
}
.sec-message-02 .sns-inner h3{
	font-family:Robot;
	color:#2E2E2E;
	font-size:16px;
	font-weight:400;
	display:inline-block;
	background:#fff;
	position:absolute;
	top:-15px;
	left:0;
	right:0;
	margin:auto;
	width:76px;
	letter-spacing:2px;
}
@media screen and (max-width:768px){
	.sec-message-02 .sns-inner h3{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-message-02 .sns-inner img{
	width:15px;
	vertical-align: baseline;
	display:inline;
	margin-right:10px;
}
.sec-message-02 .sns-inner img.sns-yt{
	width:20px;
}
.sec-message-02 .sns-inner p a:link,
.sec-message-02 .sns-inner p a:visited{
	color:#6EB850;
	text-decoration:underline;
}

@media screen and (max-width:1366px){
	.sec-message-01 .bg-box{
		    top: 12vw;
	}
	.sec-message-01 .flex-60 p {
		font-size: max(1.17vw, 14px);
		padding-bottom: 3%;
	}
}
@media screen and (max-width:1200px){
	.sec-message-01 .flex-con{
		width: 100%;
		max-width: 1100px;
		padding:0 40px;
		box-sizing:border-box;
	}
	.sec-message-01 .flex-con{
		padding-right:0;
	}
	.sec-message-02 .section-inner{
		width:94%;
		margin:auto;
	}
}
@media screen and (max-width:1000px){
	.sec-message-01 .bg-box{
		    top: 13vw;
	}
	.sec-message-01 .message-inner .flex-60{
		padding-right:20px;
		box-sizing:border-box;
	}
}
@media screen and (max-width:768px){
	.sec-message-01 .bg-box{
		top: 14vw;
	}
	.sec-message-02 .sns-inner .flex-con .flex-30{
		width:100%;
		text-align:left;
	}
	.sec-message-02 .sns-inner .flex-con .flex-30 p{
		width:210px;
		margin:0 auto;
		text-align:left;
	}
}
@media screen and (max-width:480px){
	.sec-message-01 {
		padding-top: 60px;
	}
	.sec-message-01 .contents-inner{
		padding-top:0;
		max-width: calc(100% - 30px);
	}
	.sec-message-01 h2.section-ttl-g {
		font-weight: 300;
		text-shadow: 5px 3px 1px rgba(206, 215, 64, 0.3);
	}
	.sec-message-01 .bg-box {
        top: 45px;
	    max-width: calc(100% - 20px);
		height: 190px;
    }
	.sec-message-01 .message-inner{
		width: calc(100% - 20px);
		padding:0;
		box-shadow: none;
	}
	.sec-message-01 .message-inner .flex-con{
		padding:0;
	}
	.sec-message-01 .message-inner .flex-60{
		order:2;
	}
	.sec-message-01 .message-inner .flex-40{
		order:1;
	}
	.sec-message-01 .sec-com01-img{
		max-width:unset;
		padding-bottom:20px;
	}
	.sec-message-01 .flex-60 p{
		line-height:2em;
		padding-bottom: 24px;
	}
	.sec-message-02 {
		margin:20px auto -20px;
		padding:40px 0 0;
	}
	.sec-message-02 .section-inner {
        width: 92%;
        margin: auto;
        padding: 35px 0 0px;
        border: none;
        border-top: 1px #ccc solid;
        border-radius: unset;
    }
	.sec-message-02 .sns-inner img{
		margin-right:15px;
	}
	.sec-message-02 .sns-inner img.sns-yt{
		width:20px;
		margin-right:10px;
	}
	.sec-message-02 p{
		font-size:14px;
	}
	.sec-message-02 p.sec-mes-txt {
		padding: 5px 0 30px;
		line-height: 2em;
	}
	.sec-message-02 .sns-inner .sns-border {
		margin: 35px 0 40px;
	}
	.sec-message-02 .sns-inner p a:link, 
	.sec-message-02 .sns-inner p a:visited{
		font-size:16px;
	}
}

/*-------------------------------------
	   OUR VALUE
-------------------------------------*/
main.value{
	font-size:20px;
	color:#2E2E2E;
}
.sec-value-01 {
	padding-top:70px;
	opacity:1;
	position:relative;
	z-index:0;
	background:#fff;
	margin:0;
}
.sec-value-01 .section-inner{
	position:relative;
	max-width:unset;
	margin:0 auto 0 0;
}
.sec-value-01 .bg-box{
	width:100%;
	max-width:calc(100% - 130px);
	height:460px;
	position:absolute;
	top:155px;
	left:0;
	background:#CED740;
	border-radius:0 0 10px 0;
	z-index:0;
	border-radius:0 10px 0 0;
}
.sec-value-01 .contents-inner{
	position:relative;
	width:100%;
	max-width:calc(100% - 130px);
	padding-top:40px;
	opacity:1;
	z-index:1;
}
.sec-value-01 h2.section-ttl{
	margin-top:-10px;
}
.sec-value-01 .value-inner{
    width:calc(100% - 80px);
	max-width:unset;
    background: #fff;
    margin: 20px auto 0 80px;
	padding:20px 0 20px 0px;
	box-sizing:border-box;
	border-radius: 10px 0 0 0;
	z-index: 1;
    position: relative;
	box-shadow: 0px 5px 6px rgba(0,0,0,0.16);
	text-align:center;
}
.sec-value-01 .sec-com01-img{
	width:100%;
	max-width:400px;
	margin:0 auto;
	padding-bottom:15px;
}
.sec-value-01 p{
	line-height:2em;
}
.sec-value-01 .value-01{
	padding-bottom:10px;
}
.sec-value-01 .value-02{
    width: 100%;
    max-width: 1100px;
	margin:0 auto;
    padding: 40px 0 10px;
	align-items:flex-start;
	border-top:1px #EAEAEA solid;
}
.sec-value-01 .value-02 .flex-100{
	width:100%;
	text-align:center;
}
.sec-value-01 .value-02 .flex-100 img,
.sec-value-01 .value-03 .flex-100 img,
.sec-value-01 .value-04 .flex-100 img{
	width:100%;
	max-width:650px;
	margin:0 auto;
}
.sec-value-01 .value-02 .flex-100 img{
	max-width:640px;
}
.sec-value-01 .value-03 .flex-100 img{
	max-width:480px;
	margin:0 auto 10px 0;
}
.sec-value-01 .value-03 .flex-100 img.v03-img{
	max-width:590px;
	margin:0 auto 0 0;
}
.sec-value-01 .flex-40{
	text-align:right;
	padding:18px 30px 0 0;
	box-sizing:border-box;
	letter-spacing:-1px;
}
.sec-value-01 .flex-60 {
	text-align:left;
	padding-left:20px;
	box-sizing:border-box;
	letter-spacing:-1px;
}
.sec-value-01 .value-03{
	width:100%;
	max-width:650px;
	margin:20px auto;
	text-align:left;
}
.sec-value-01 .sec-value-txt2 span {
	font-size:38px;
	font-weight:500;
	display: inline-block;
	background: linear-gradient(90deg, #71c4ab, #357E49, #ced640, #918041);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.sec-value-01 .value-04 {
    width: 100%;
    max-width: 1100px;
	margin:40px auto 0;
	border-top:1px #EAEAEA solid;
}
.sec-value-01 .value-04 p{
	width:100%;
	max-width:900px;
	margin:20px auto 0;
	text-align:left;
	font-size:16px;
	padding-top:30px;
}

.sec-value-02{
	margin:20px auto 0;
	padding: 40px 0 20px;
}
.sec-value-02 .section-inner{
	width:100%;
	max-width:1200px;
	padding:35px 50px 20px;
	border:1px #EAEAEA solid;
	border-radius:10px;
}
.sec-value-02 .contents-inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}
.sec-value-02 .flex-30 img{
	width:100%;
	max-width:280px;
	margin:10px auto 0;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.sec-value-02 .flex-100{
	text-align:center;
}
.sec-value-02 .sec-val02-svg-box{
	margin-bottom:25px;
	border-bottom:2px #928041 solid;
}
.sec-value-02 .sec-val02-svg-box img{
	width:100%;
	max-width:290px;
}
.sec-value-02 p{
	color:#2E2E2E;
	font-size:16px;
	line-height:1.7em;
}
.sec-value-02 p.sec-val-txt-right{
	text-align:right;
	padding-top:5px;
	font-weight:500;
}

.sec-value-03{
	margin:20px auto;
	padding:0;
}
.sec-value-03 .section-inner{
	width:100%;
	max-width:1200px;
	padding:35px 50px 20px;
	border:1px #EAEAEA solid;
	border-radius:10px;
}
.sec-value-03 .contents-inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}
.sec-value-03 .flex-30 img{
	width:100%;
	max-width:275px;
	margin:15px auto 25px;
	box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}
.sec-value-03 .sec-val02-svg-box{
	margin-bottom:25px;
	border-bottom:2px #928041 solid;
}
.sec-value-03 .sec-val02-svg-box img{
	width:100%;
	max-width:290px;
}
.sec-value-03 p{
	color:#2E2E2E;
	font-size:16px;
	line-height:1.7em;
}
.sec-value-03 p.sec-val-txt-right{
	text-align:right;
	padding-top:15px;
	font-weight:500;
}

.sec-value-04{
	margin:0 auto 10px;
	padding:0;
	opacity:1;
}
.sec-value-04 .section-inner{
	max-width:unset;
}
.sec-value-04 .flex-left{
	width:calc(25% - 80px);
	margin: 0 40px 0 40px;
}
.sec-value-04 .flex-right{
	width:75%;
}

.sec-value-05{
	margin:20px auto;
	padding:0;
}
.sec-value-05 .section-inner{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.sec-value-05 .contents-inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	max-height:970px;
	transition: max-height 0.5s ease;
}
.sec-value-05 .contents-inner.open {
	max-height: unset; 
}
.sec-value-05 .contents-inner img{
	height:auto;
}

.sec-value-05 .contents-inner.close:after{
	content:"";
	position: absolute; 
	bottom: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background: linear-gradient(rgba(255, 255, 255, 0), #fff);
}
.sec-value-05 .contents-inner.open{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.sec-value-05 .flex-con{
	align-items: normal;
}
.sec-value-05 .flex-30{
	padding:15px 15px;
	border:1px #EAEAEA solid;
	border-radius:10px;
	margin-bottom:20px;
	width:29%;
}
.sec-value-05 h2{
	color:rgba(110, 184, 80, 0.35);
	font-size:48px;
	font-family:Roboto;
	text-align:center;
	padding:10px 0 0;
	margin:50px auto 0;
	font-weight:400;
	letter-spacing:5px;
}
.sec-value-05 .sec04-top-ttl{
	color:#6EB850;
	font-size:16px;
	font-family:Roboto;
	text-align:center;
	padding:0px 0;
	margin:0px auto 40px;
}
.sec-value-05 h3{
	color:#fff;
	font-size:28px;
	font-family:Roboto;
	text-align:center;
	padding:10px 0;
	margin:20px auto;
}

.sec-value-05 .staff_ttl{
	font-size:24px;
	font-weight:500;
	border-bottom:2px #928041 solid;
}
.sec-value-05 .staff_ttl img{
	max-width:147px;
	display:inline-block;
}
.sec-value-05 .staff_ttl span{
	font-size:17px;
	font-weight:500;
}
.sec-value-05 .staff_ttl span span{
	font-size:25px;
	font-weight:500;
}
.sec-value-05 .staff_ttl span span span{
	font-family:Copperplate Cond, "Zen Kaku Gothic New", serif;
	font-size:33px;
	font-weight:400;
	color:#928041;
}
.sec-value-05 .staff_text{
	font-size:14px;
	margin:10px 0;
	line-height:1.65em;
}
.sec-value-05 .sub_ttl{
	font-size:13px;
	font-weight:600;
	background:#F0F0F0;
	padding:3px 5px;
}
.sec-value-05 .sub_text{
	font-size:14px;
	margin:0px 0 10px;
	padding-top:10px;
	line-height:1.65em;
	border:1px #EFF0F0 solid;
}
.sec-value-05 .Job_title{
	font-size:15px;
	font-weight:500;
	text-align:right;
}
.sec-value-05 .sub_text ul{
	list-style: disc;
	padding-left:30px;
}
.sec-value-05 .sub_text li{
	text-indent: -5px;
}
.sec-value-05 .readMoreBox{
	width:100%;
	text-align: center;
}
.sec-value-05 .readMore{
	color:#71C4AB;
	font-size:16px;
	display:inline-block;
	font-weight:500;
	text-align:center;
	border:1px #71C4AB solid;
	border-radius:25px;
	padding:10px 0px;
	width:260px;
	margin:40px auto 50px;
	cursor:pointer;
	transition: opacity 0.5s ease;
}
.sec-value-05 .readMore.close{

}
.sec-value-05 .readMore:hover{
	color:#fff;
	background:#71C4AB;
	border:1px #71C4AB solid;
}

@media screen and (max-width:1366px){
	.sec-value-04 .section-inner{
		max-width:1366px;
	}
	.sec-value-04 .flex-left{
		width:calc(25% - 80px);
		margin-left:40px;
		max-width:260px;
	}
	.sec-value-04 .flex-right{
		width:75%;
		max-width:1000px;
	}
	.sec-value-01 .bg-box{
		top:11.5vw;
	}
}
@media screen and (max-width:1200px){
	.sec-value-01 .bg-box{
		top:12vw;
	}
	.sec-value-01 .value-04 p{
		padding:30px 20px 0;
		box-sizing:border-box;
	}
}
@media screen and (max-width:1000px){
	.sec-value-01 {
		padding: 65px 0 40px 0;
	}
	.sec-value-01 .bg-box{
		top:12.5vw;
	}
	.sec-value-01 .value-01{
		padding:0 15px 0px 15px;
		box-sizing:border-box;
	}
	.sec-value-01 p{
		font-size: max(1.8vw, 14px);
	}
	.sec-value-01 .value-02{
		padding:40px 20px 20px 20px;
		box-sizing:border-box;
	}
	.sec-value-01 .value-03 {
		padding:0 20px 0 20px;
		box-sizing:border-box;
	}
	.sec-value-01 .value-02 .flex-100 img{
		max-width:60vw;
	}
	.sec-value-01 .value-03 .flex-100 img{
		max-width:42vw;
	}
	.sec-value-01 .value-03 .flex-100 img.v03-img{
		max-width:52vw;
	}
}
@media screen and (max-width:768px){
	.sec-value-01 .bg-box{
		top:14.3vw;
	}
}
@media screen and (max-width:480px){
	.sec-value-01 .bg-box{
		top:10.5vw;
		max-width: calc(100% - 15px);
	}
	.sec-value-01 .contents-inner{
		margin-top:0;
		padding-top:0;
		max-width: 100%;
	}
	.sec-value-01 .value-inner{
		width:100%;
		margin: 8px auto;
		padding: 0;
		box-shadow:none;
		border-radius: unset;
	}
	.sec-value-01 .sec-com01-img{
		max-width:252px;
		padding:10px 0 0 0;
	}
	.sec-value-01 p{
		text-align:left;
		padding-bottom:20px;
	}
	.sec-value-01 .value-02{
		padding: 20px 20px 10px 20px;
	}
	.sec-value-01 .value-02 .flex-100 img{
		max-width: 85%;
		margin:0 15% 0 0;
	}
	.sec-value-01 .value-03{
		margin: 0;
	}
	.sec-value-01 .value-03 .flex-100 img{
		width:100%;
		max-width:95%;
		margin:0;
		padding: 0;
		box-sizing:border-box;
	}
	.sec-value-01 .sec-value-txt{
		padding:10px 0 10px;
	}
	.sec-value-01 .value-03 .flex-100 img.v03-img{
		max-width:80%;
	}
	.sec-value-01 .value-04{
		margin: 30px auto 0;
	}
	.sec-value-01 .value-04 p{
		font-size:14px;
		padding: 5px 20px 0;
	}
	.sec-value-02{
		background:#CED740;
		margin-top:30px;
		padding-bottom:50px;
	}
	.sec-value-02 .section-inner{
		padding: 0;
		border: none;
		border-radius: unset;
	}
	.sec-value-02 .contents-inner{
		max-width: 96%;
        margin: 40px auto 0 0;
        padding-bottom: 40px;
		border-radius: 0 10px 10px 0;
		background:#fff;
	}
	.sec-value-02 .flex-30 img{
		max-width:330px;
		margin: -50px 0 15px 0;
	}
	.sec-value-02 .flex-70{
		width:90%;
		margin:0 auto;
	}
	.sec-value-02 .sec-val02-svg-box{
		max-width: 100%;
		padding-bottom: 5px;
	}
	.sec-value-02 .sec-val02-svg-box img{
		max-width: 220px;
	}
	.sec-value-02 p{
		font-size:14px;
		line-height:2em;
	}
	.sec-value-03{
		background:#CED740;
        margin: 0px;
        padding: 50px 0 40px;
	}
	.sec-value-03.show{
		padding-top:0px;
	}
	.sec-value-03 .section-inner{
		padding: 0;
		border: none;
		border-radius: unset;
		padding-top:30px;
		margin-top:-30px;
	}
	.sec-value-03 .contents-inner{
		max-width: 96%;
        margin: 30px 0 0 auto;
		padding:40px 0;
		border-radius: 10px 0 0 10px;
		background:#fff;
	}
	.sec-value-03 .flex-30 img.pctb{
        display: none;
	}
	.sec-value-03 .flex-30 img{
		max-width: 330px;
        margin: -90px 0 15px auto;
        display: block;
	}
	.sec-value-03 .flex-70{
		width:90%;
		margin:0 auto;
		order:2;
	}
	.sec-value-03 .sec-val02-svg-box{
		max-width: 100%;
		padding-bottom: 5px;
	}
	.sec-value-03 .sec-val02-svg-box img{
		max-width: 220px;
	}
	.sec-value-03 p{
		font-size:14px;
		line-height:2em;
	}

	.sec-value-04{
		margin: -50px auto 10px;
	}
	.sec-value-04 .flex-left{
		display:none;
	}
	.sec-value-04 .flex-right{
		width:100%;
	}


	.sec-value-05 .contents-inner {
		width: 92%;
		max-height:970px;
	}

	.sec-value-05 .contents-inner.open{
		width:92%;
	}
	.sec-value-05 .flex-30{
		padding:15px 15px;
		width:100%;
		margin:10px auto;
	}	
	.sec-value-05 h3{
		font-size:24px;
		width:92%;
		margin:0 auto;
	}
}
/*-------------------------------------
	   OVERVIEW
-------------------------------------*/
.sec-overview-01 {
	padding-top:70px;
	opacity:1;
	position:relative;
	z-index:0;
	background:#fff;
	margin:0;
}
.sec-overview-01 .section-inner{
	position:relative;
	max-width:unset;
}
.sec-overview-01 .bg-box{
	width:100%;
	max-width:calc(100% - 130px);
	height:460px;
	position:absolute;
	top:155px;
	left:0;
	background:#CED740;
	border-radius:0 10px 10px 0;
	z-index:0;
}
.sec-overview-01 .contents-inner{
	position:relative;
	width:100%;
	max-width:calc(100% - 130px);
	padding-top:40px;
	opacity:1;
	z-index:1;
}
.sec-overview-01 h2.section-ttl{
	margin-top:-10px;
}
.sec-overview-01 .overview-inner{
    width:calc(100% - 80px);
    margin: 10px 0 0 auto;
	padding:40px 0 40px;
	border-radius: 10px 0 0 0;
	z-index: 1;
    position: relative;
}
.sec-overview-01 .flex-con{
    width: 100%;
    max-width: calc(100% - 56px - 55px);
    margin: 0 auto 0 55px;
	align-items:flex-start;
}
.sec-overview-01 .flex-70{
	width:65.5%;
}
.sec-overview-01 .flex-30{
	width:32%;
}
.sec-overview-01 .sec-com01-img{
	width:100%;
	max-width:331px;
	margin:0 0 0 auto;
	padding-bottom:40px;
}

.sec-overview-02{
	margin:-50px auto 20px;
	z-index: 1;
    position: relative;
	padding-bottom:0;
	opacity:1;
}
.sec-overview-02 .section-inner{
	width:100%;
	max-width:1000px;
	padding:0;
}
.sec-overview-02 .contents-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
}
.sec-overview-02 h3{
	color:#2E2E2E;
	font-size:28px;
	font-weight:600;
	padding-bottom:20px;
	border-bottom:1px #EAEAEA solid;
}
.sec-overview-02 .flex-con{
	padding-bottom:110px;
	align-items: stretch;
}
.sec-overview-02 .flex-con:last-child{
	padding-bottom:30px;
}
.sec-overview-02 .flex-30{
	border-bottom:1px #EAEAEA solid;
	width:25%;
	line-height:1.2em;
	padding:30px 0 31px;
	color:#2E2E2E;
	font-size:20px;
	font-weight:500;
}
.sec-overview-02 .flex-70{
	border-bottom:1px #EAEAEA solid;
	width:75%;
	line-height:1.2em;
	padding:30px 0 31px;
	color:#2E2E2E;
	font-size:20px;
	font-weight:500;
}
.sec-overview-02 .flex-100{
	border-top:1px #EAEAEA solid;
	width:75%;
	line-height:1.2em;
	padding:30px 0 31px;
	color:#2E2E2E;
	font-size:20px;
	font-weight:500;
}
.sec-overview-02 p{
	color:#2E2E2E;
	font-size:20px;
	font-weight:500;
	line-height:1.5em;
	padding:30px 0;
}
.sec-overview-02 p.note{
	font-size:16px;
}
.sec-overview-02 p.googlemap{
	line-height:2em;
	padding:20px 0;
}
.sec-overview-02 a:link,
.sec-overview-02 a:visited{
	color:#71C4AB;
	font-family:Robot;
	border:1px #71C4AB solid;
	border-radius:5px;
	font-size:16px;
	font-weight:300;
	padding:0px 20px 2px;
	margin-top:10px;
	display:inline-block;
}
@media screen and (max-width:768px){
	.sec-overview-02 a:link,
	.sec-overview-02 a:visited{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
@media screen and (max-width:1366px){
	.sec-overview-01 .section-inner{
		max-width:1366px;
	}
	.sec-overview-01 .bg-box{
		top:11.5vw;
		height: 34vw;
	}
	.sec-overview-01 .flex-con{
		max-width:91%;
		margin: 0 auto;
	}
	.sec-overview-02 h3{
		font-size:max(2vw, 24px)
	}
	.sec-overview-02 .flex-30,
	.sec-overview-02 .flex-70,
	.sec-overview-02 .flex-70 p,
	.sec-overview-02 .flex-100{
		font-size:max(1.4vw, 16px)
	}
	.sec-overview-02 p.note{
		font-size:max(1.15vw, 12px)
	}
}
@media screen and (max-width:1200px){
	.sec-overview-01 .bg-box{
		top:12vw;
	}
	.sec-overview-02 h3{
		margin-left:6%;
	}
	.sec-overview-02 .flex-con{
		max-width:94%;
		margin: 0 0 0 6%;
	}
}
@media screen and (max-width:1000px){
	.sec-overview-01 {
		padding: 65px 0 40px 0;
	}
	.sec-overview-01 .bg-box{
		top:12.5vw;
	}
	.sec-overview-01 .flex-con{
		max-width:96%;
		margin: 0 auto;
	}
	.sec-overview-01 p{
		font-size: max(1.8vw, 14px);
	}
	.sec-overview-02 .contents-inner{
		width:90%;
		padding:0 5%;
	}
	.sec-overview-02 .flex-100{
		width:100%;
	}
}
@media screen and (max-width:768px){
	.sec-overview-01 .bg-box{
		top:14.3vw;
	}
}
@media screen and (max-width:480px){
	.sec-overview-01 .bg-box{
		max-width: calc(100% - 15px);
		top: 46px;
		height: 180px;
	}
	.sec-overview-01 .contents-inner{
		max-width: 100%;
		padding-top: 0px;
	}
	.sec-overview-01 .overview-inner {
		width: 100%;
		margin:0;
		padding:0;
	}
	.sec-overview-01 .flex-con{
		width: calc(100% - 15px);
        max-width: 100%;
        margin: 0 0 0 15px;
        padding-top: 10px;
	}
	.sec-overview-01 .flex-30{
		display:none;
	}
	.sec-overview-01 .flex-70{
		width:100%;
	}
    .sec-overview-02{
        margin-bottom:20px;
    }
    .sec-overview-02 .contents-inner {
        width: 100%;
        padding: 0;
    }
	.sec-overview-02 h3 {
        margin: 5px 0 0px 15px;
		padding-bottom:10px;
    }
	.sec-overview-02 .flex-con {
        max-width: calc(100% - 30px);
        margin: 0 15px;
		padding-bottom:50px;
    }
	.sec-overview-02 .flex-30,
	.sec-overview-02 .flex-70{
		padding:20px 0 22px;
	}
	.sec-overview-02 .flex-100{
        line-height: 1.5em;
	}
	.sec-overview-02 .flex-100{
        line-height: 1.5em;
		padding:18px 0;
	}
	.sec-overview-02 .flex-100 p.note{
        line-height: 1.5em;
		padding:0;
	}
}

/*-------------------------------------
	   Careers 01
-------------------------------------*/
.sec-careers-01{
	opacity:1;
	margin:125px 0 0;
	padding:0;
	position:relative;
	z-index:1;
	background:#fff;
}
.sec-careers-01 .section-inner{
	margin:0 auto 0 0;
}
.sec-careers-01 .contents-inner{
	max-width:unset;
}
.sec-careers-01 h2{
	font-family:Robot;
	font-weight:300;
	width:100%;
	max-width:calc(100% - 130px);
	font-size:80px;
	color:#fff;
	background:#71C4AB;
	border-radius:0 10px 0 0;
	line-height:1em;
	padding:10px 0 5px 80px;
	letter-spacing:10px;
	box-sizing:border-box;
}
@media screen and (max-width:768px){
	.sec-careers-01 h2{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-careers-01 .swiper-container{
	width:100%;
	height:36.1vw;
	overflow:hidden;
}
.sec-careers-01 .swiper-button-next, 
.sec-careers-01 .swiper-button-prev {
    top: 50%;
}
.sec-careers-01 .swiper-horizontal>.swiper-pagination-bullets, 
.sec-careers-01 .swiper-pagination-bullets.swiper-pagination-horizontal, 
.sec-careers-01 .swiper-pagination-custom, 
.sec-careers-01 .swiper-pagination-fraction{
	bottom:20px;
}
@media screen and (max-width : 1366px){
	.sec-careers-01 h2{
		font-size:max(5.9vw, 36px);
	}
}


@media screen and (max-width : 768px){
	.sec-careers-01 .swiper-button-next, 
	.sec-careers-01 .swiper-button-prev {
		top: 65%;
	}
	.sec-careers-04 h3{
		width:90%;
		margin:0 auto;
	}
}
@media screen and (max-width:480px) {
	.sec-careers-01{
		margin: 65px 0 0;
		opacity:1;
	}
	.sec-careers-01 h2{
		padding-left: 15px;
		letter-spacing: 2px;
		max-width: calc(100% - 15px);
	}
	.sec-careers-01 .contents-inner{
		height:200px;
		overflow:hidden;
		margin: -10px auto 0;
	}
	.sec-careers-01 .flex-con{
		height:200px;
	}
	.sec-careers-01 .swiper-container2{
		width:100%;
		padding-bottom:0;
		height: 51.2vw;
	}
	.sec-careers-01 .swiper-button-next, 
	.sec-careers-01 .swiper-button-prev {
		top: 75%;
		filter: brightness(1);
	}
}

/*-------------------------------------
	   Careers 02
-------------------------------------*/
.sec-careers-02{
	margin: 45px 0 50px;
	padding:50px 0 0;
	position:relative;
	z-index:2;
	opacity:1;
}
.sec-careers-02 .contents-inner{
	max-width:1000px;
}
.sec-careers-02 h3{
	color:#2E2E2E;
	font-size:28px;
	font-weight:500;
	margin-bottom:20px;
}
.sec-careers-02 .careers-contens{
	font-family:Robot;
	font-size:14px;
	color:#fff;
	background:#71C4AB;
}
@media screen and (max-width:768px){
	.sec-careers-02 .careers-contens{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-careers-02 .careers-contens .flex-40{
	width:44%;
	padding:8px 0 10px 15px;
	box-sizing:border-box;
}
.sec-careers-02 .careers-contens .flex-30{
	width:28%;
	padding:8px 0 10px 15px;
	box-sizing:border-box;
	position:relative;
}
.sec-careers-02 details{
	transition:all .5s;
}
.sec-careers-02 details a:link,
.sec-careers-02 details a:visited {
	color:#fff;
}
.sec-careers-02 summary {
	background:#71C4AB;
	list-style: none;
	color:#fff;
	cursor: pointer;
}
.sec-careers-02 summary:before {
    content: "";
	position:absolute;
	left:70px;
	background-image: url("image/arrow-d.png");
    background-position: center;
    background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:13px;
    width: 12px;
    height: 12px;
}
.sec-careers-02 details[open] summary:before,
.sec-careers-02 summary details[open] summary:before {
    content: "";
	position:absolute;
	left:70px;
	background-image: url("image/arrow-u.png");
    background-position: center;
    background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:13px;
    width: 12px;
    height: 12px;
}
.sec-careers-02 .sum-box{
	position:absolute;	
	background:#71C4AB;
	top:41px;
	width:220px;
	padding:10px;
	box-sizing:border-box;
	border-radius:5px;
}
.sec-careers-02 .sum-box p{
	line-height:2.5em;
	font-size:16px;
	font-weight:500;
}
@media screen and (max-width : 1100px){
	.sec-careers-02 h3{
		font-size:max(3vw, 24px);
	}
}
@media screen and (max-width:480px) {
	.sec-careers-02{
		opacity:1;
		margin:20px auto 0px;
		padding:0;
	}
	.sec-careers-02 .flex-con{
		justify-content:flex-start;
	}
	.sec-careers-02 .careers-contens .flex-30{
		width:50%;
	}
	.sec-careers-02 .flex-40{
		display:none;
	}
	.sec-careers-02 .sum-box{
		left:0;
	}
	.sec-careers-02 .location{
		left:10px;
		width:170px;
	}
	.sec-careers-02 summary:before{
		background-image:url(image/summary-arrow-dn-sp.png);
	}
	.sec-careers-02 details[open] summary:before,
	.sec-careers-02 summary details[open] summary:before {
		background-image: url(image/summary-arrow-up-sp.png);
	}
}

/*-------------------------------------
	   Careers 03
-------------------------------------*/
.sec-careers-03{
	margin: 0;
	padding:0px 0 80px;
	position:relative;
}
.sec-careers-03 .contents-inner{
	max-width:1000px;
	color:#2E2E2E;
}
.sec-careers-03 h2{
	font-family:Robot;
	color:#2E2E2E;
	font-size:42px;
	font-weight:500;
	margin-bottom:20px;
	text-align:center;
}
@media screen and (max-width:768px){
	.sec-careers-03 h2{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-careers-03 h3{
	color:#2E2E2E;
	font-size:28px;
	font-weight:500;
	margin-bottom:20px;
}
.sec-careers-03 .careers-contens{
	font-size:14px;
	color:#2E2E2E;
}
.sec-careers-03 .careers-contens .flex-40{
	width:44%;
	padding:24px 0 10px 15px;
	box-sizing:border-box;
}
.sec-careers-03 .careers-contens .flex-30{
	width:28%;
	padding:24px 0 10px 15px;
	box-sizing:border-box;
	position:relative;
}
.sec-careers-03 .careers-contens h4{
	font-size:22px;
	font-weight:500;
}
.sec-careers-03 .careers-contens p{
	font-size:16px;
	font-weight:500;
}
.sec-careers-03 details{
	transition:all .5s;
}
.sec-careers-03 summary {
	position:relative;
	list-style: none;
	color:#fff;
	cursor: pointer;
	border-bottom:1px #BABABA solid;
}
.sec-careers-03 summary:before {
    content: "";
	position:absolute;
	right:1px;
	background-image: url("image/arrow-d-b2.png");
    background-position: center;
    background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:30px;
    width: 23px;
    height: 10px;
}
.sec-careers-03 details[open] summary:before,
.sec-careers-03 summary details[open] summary:before {
    content: "";
	position:absolute;
	right:1px;
	background-image: url("image/arrow-u-b2.png");
    background-position: center;
    background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:30px;
    width: 23px;
    height: 10px;
}
.sec-careers-03 .careers-box h5{
	font-size:18px;
	font-weight:500;
	background:#EAEAEA;
	margin-top:17px;
	padding:5px 0 7px 10px;
}
.sec-careers-03 .careers-box div{
	font-size:16px;
	font-weight:400;
	padding:8px 0 10px 20px;
}

.sec-careers-03 .careers-box div ul{
	padding-left:30px;
	list-style: unset;
}
.sec-careers-03 .careers-box div ul li {

}
.sec-careers-03 .careers-box div ul li:before {
	content: ''; 
	margin-left:-1em; 
	margin-right:0.5em;
}

.sec-careers-03 .careers-box .flex-con{
	padding: 8px 0 10px 20px;
	margin-top:5px;
	align-items:flex-start;
}
.sec-careers-03 .careers-box .flex-20,
.sec-careers-03 .careers-box .flex-80{
	padding: 8px 0 25px 0;
	line-height:1.2em;
}
.sec-careers-03 .careers-box .flex-20{
	align-items:flex-start;
}
.apply-btn{
	width:100%;
	text-align:center;
	margin:20px 0 20px;
}
.apply-btn a:link,
.apply-btn a:visited{
	font-family:Robot;
	font-size:24px;
	display:block;
	padding:14px 0;
	color:#fff;
	background:#71C4AB;
	border-radius:5px;
	transition:all 0.5s;
}
@media screen and (max-width:768px){
	.apply-btn a:link,
	.apply-btn a:visited{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.apply-btn a:hover{
	color:#fff;
	background:#cecece;
}
@media screen and (max-width : 1100px){
	.sec-careers-02 h4{
		font-size:max(1.5vw, 22px);
	}
}
@media screen and (max-width : 768px){
}
@media screen and (max-width:480px) {
	section.sec-careers-03.show{
		z-index:0;
	}
	.sec-careers-03 .careers-contens p{
		font-size:14px;
	}
	.sec-careers-03 .careers-contens{
		justify-content:flex-start;
	}
	.sec-careers-03 .careers-contens .flex-40{
		width:100%;
	}

	.sec-careers-03 .careers-contens .flex-30{
		padding: 0px 0 10px 15px
	}
	.sec-careers-03 summary:before {
		top: 37px;
	}
	.sec-careers-03 .careers-box h5{
		font-size:16px;
		padding:3px 0 4px 10px;
	}
	.sec-careers-03 .careers-box p{
		font-size:14px;
	}
	.sec-careers-03 .careers-box .flex-20 {
		width: 100%;
		padding: 0;
		margin-left: -8px;
		font-size:14px;
	}
	.sec-careers-03 .careers-box .flex-80 {
		width:100%;
		padding: 8px 0 15px 0;
		line-height: 1.6em;
		font-size:14px;
	}
	.sec-careers-04 .apply-bottom{
		width:90%;
	}
	.apply-btn a:link, 
	.apply-btn a:visited{
		font-size:16px;
		padding: 9px 0;
	}
}
/*-------------------------------------
	   Careers 04
-------------------------------------*/
.sec-careers-04{
	margin: 0 auto -50px;
	padding:60px 0 50px;
	position:relative;
	z-index:0;
	background:#F2F2F2;
}
.sec-careers-04 h2{
	font-family:Robot;
	color:#2E2E2E;
	font-size:42px;
	font-weight:300;
	margin-bottom:20px;
	text-align:center;
	letter-spacing:2px;
}
.sec-careers-04 h2.pctb{
	display:block;
}
@media screen and (max-width:768px){
	.sec-careers-04 h2{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
@media screen and (max-width:480px){
	.sec-careers-04 h2.pctb{
		display:none;
	}
}
.sec-careers-04 h3{
	color:#2E2E2E;
	font-size:16px;
	font-weight:400;
	padding-bottom:30px;
	text-align:center;
}
.sec-careers-04 .contents-inner{
	max-width:1000px;
	background:#fff;
	margin:30px auto 30px;
	padding:50px 50px 20px;
	border-radius:10px;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.sec-careers-04 details{
	transition:all .5s;
	padding:3px 0;
	border-bottom:1px #EAEAEA solid;
}
.sec-careers-04 summary {
	position:relative;
	list-style: none;
	color:#2E2E2E;
	cursor: pointer;
}
.sec-careers-04 details:last-child {
	border-bottom:none;
}
.sec-careers-04 summary:before {
    content: "";
	position:absolute;
	right:1px;
	background-image: url("image/arrow-d-b2.png");
    background-position: center;
    background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:30px;
    width: 23px;
    height: 10px;
}
.sec-careers-04 details[open] summary:before,
.sec-careers-04 summary details[open] summary:before {
    content: "";
	position:absolute;
	right:1px;
	background-image: url("image/arrow-u-b2.png");
    background-position: center;
    background-size: contain;
	background-repeat:no-repeat;
	position:absolute;
	top:30px;
    width: 23px;
    height: 10px;
}

.sec-careers-04 .question{
	font-size:18px;
	color:#2E2E2E;
	padding:19px 0 16px;
}
.sec-careers-04 .question:before{
	content:"Q.";
	font-weight:500;
	padding-right:10px;
}
.sec-careers-04 .answer{
	font-size:18px;
	color:#928041;
	padding:0px 0 15px 0;
}
.sec-careers-04 .answer:before{
	content:"A.";
	font-family:Robot;
	font-weight:500;
	padding-right:10px;
}
@media screen and (max-width:768px){
	.sec-careers-04 .answer:before{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
@media screen and (max-width : 1100px){
	.sec-careers-02 .contents-inner,
	.sec-careers-03 .contents-inner,
	.sec-careers-04 .contents-inner{
		width:100%;
		padding:0 3% 0 9%;
		box-sizing:border-box;
	}
}
@media screen and (max-width : 1100px){
	.sec-careers-04 h2{
		font-size:max(2.5vw, 42px);
	}
}
@media screen and (max-width : 768px){
}
@media screen and (max-width:480px) {
	.sec-careers-02 .contents-inner, 
	.sec-careers-03 .contents-inner, 
	.sec-careers-04 .contents-inner{
		padding:0 15px;
	}
	.sec-careers-04 {
		margin: 0 auto -50px;
		padding: 0px 0 50px;
		background:none;
	}
	.sec-careers-04 h3{
		font-size:12px;
	}
	.sec-careers-04 .contents-inner {
		margin: 10px auto 0px;
		box-shadow:none;
	}
	.sec-careers-04 .question{
		font-size:16px;
		margin-left:24px;
		padding: 19px 25px 16px 0;
	}
	.sec-careers-04 .question:before{
		font-size:16px;
		margin-left:-24px;
	}
	.sec-careers-04 .answer{
		font-size:16px;
		margin-left:24px;
	}
	.sec-careers-04 .answer:before{
		font-size:16px;
		margin-left:-24px;
	}
	.sec-careers-04 details {
		padding: 6px 0 6px;
	}
}
/*-------------------------------------
	   APPLY 01
-------------------------------------*/
.sec-apply-01{
	margin: 0;
	padding:140px 0 50px;
	position:relative;
	background:#F2F2F2;
	color:#2E2E2E;
	opacity:1;
}
.sec-apply-01 .contents-inner{
	width:100%;
	max-width:1100px;
	background:#fff;
	margin:10px auto 30px;
	padding:10px 50px 20px;
	border-radius:40px;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.sec-apply-01 h2{
	font-family:Robot;
	color:#2E2E2E;
	font-size:42px;
	font-weight:500;
	margin-bottom:40px;
	text-align:center;
	letter-spacing:2px;
}
@media screen and (max-width:768px){
	.sec-apply-01 h2{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-apply-01 .flex-con{
	align-items:flex-start;
	padding-top:40px;
}
.sec-apply-01 .flex-30 p{
	font-size:18px;
	font-weight:500;
	color:#2E2E2E;
	margin:10px 0 10px 0;
	padding:0 0 0 7px;
	border-left:8px #71C4AB solid;
}
.sec-apply-01 .flex-30 p span{
	font-family:Robot;
	font-size:14px;
	display:inline-block;
	color:#fff;
	margin:-2px 0 0 12px;
	padding:0 10px 2px 10px;
	border-radius:5px;
	background:#71C4AB;
	vertical-align: bottom;
}
@media screen and (max-width:768px){
	.sec-apply-01 .flex-30 p span{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-apply-01 .flex-70{
	padding:0 0 0 20px;
	box-sizing:border-box;
}
.sec-apply-01 .flex-10{
	width:6%;
	padding:0 0 10px 0;
	box-sizing:border-box;
}
.sec-apply-01 .flex-70 select,
.sec-apply-01 .flex-70 input,
.sec-apply-01 .flex-70 textarea,
.sec-apply-01 .flex-70 file {
	padding:12px 20px 12px 20px;
	margin:4px 0;
	outline:none;
	background:#F2F2F2;
	border-radius:3px;
	color:#BABABA;
	color:#333;
	width:100%;
	box-sizing:border-box;
	border:none;
	display:inline;
	line-height:1.5em;
}
.sec-apply-01 .flex-70 select{
    -webkit-appearance: none;
    appearance: none;
    background-image: url("./image/arrow-select.png");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: right 5px center;
}

::placeholder {
	color:#BABABA;
}
.sec-apply-01 textarea {
	height:161px;
}
input[type='file'] {
  color: rgb(31, 41, 55);
  cursor: pointer;
  border: 1px solid rgb(191, 194, 199);
  border-radius: 0.375rem;
  padding-right: 0.5rem;
  width: 24rem;
}

::file-selector-button,
::-webkit-file-upload-button {
  background-color: rgb(209, 213, 219);
  color: rgb(31, 41, 55);
  border: none;
  cursor: pointer;
  border-right: 1px solid rgb(191, 194, 199);
  padding: 0.25rem 1rem;
  margin-right: 1rem;
}

.sec-apply-01 .flex-con .flex-con{
	align-items:center;
	padding-top:0px;
}
.sec-apply-01 .flex-con .next-box{
	text-align: center;
}
.sec-apply-01 .flex-con .flex-con .flex-next{
	margin-bottom:10px;
}
.sec-apply-01 .flex-con .noborder p{
	border-left:none;
}
.sec-apply-01 .flex-con .noborder {
	padding-top:10px;
}
.sec-apply-01 .caption,
.sec-apply-01 .flex-70 p,
.sec-apply-01 .flex-80 p,
.sec-apply-01 .flex-100 p{
	color:#BABABA;
	color:#333;
	font-size:14px;
}
.sec-apply-01 .flexend{
	align-items:flex-end;
}
.sec-apply-01 .privacy{
	width:100%;
	max-width:1100px;
	padding:10px 0 20px;
	margin:0 auto;
	text-align:center;
}
.sec-apply-01 .apply-btn{
	width:100%;
	max-width:400px;
	padding:10px 0 20px;
	margin:0 auto;
	text-align:center;
	font-family: Robot;
    font-size:16px;
    display: block;
    padding: 14px 0;
    color: #fff;
    background: #71C4AB;
    border-radius: 5px;
    transition: all 0.5s;
    cursor:pointer;
} 
@media screen and (max-width:768px){
	.sec-apply-01 .apply-btn{
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-apply-01 .apply-btn:hover {
    color: #fff;
    background: #cecece;
} 
.apply-btn:hover {
    color: #fff;
    background: #cecece;
} 
.sec-apply-01 .apply-btn input{
	border:none;
    font-size:16px;
	background:none;
	color:#fff;
	cursor:pointer;
}

@media screen and (max-width : 1366px){
	.sec-apply-01{
		padding:10.5% 0 50px;
	}
	.sec-apply-01 h2{
		font-size:max(3.1vw, 24px);
	}

}
@media screen and (max-width : 1200px){
	.sec-apply-01 .contents-inner{
		max-width:calc(100% - 105px);
		margin:10px 15px 30px 80px;
	}
	.sec-apply-01 .flex-30 p{
		font-size:max(1.5vw, 16px);
	}
	.sec-apply-01 .flex-70 .flex-20,
	.sec-apply-01 .flex-70 .flex-30{
		font-size:max(1.3vw, 14px);
	}
}
@media screen and (max-width : 1000px){
	.sec-apply-01{
		padding:12% 0 50px;
	}
	.sec-apply-01 .contents-inner{
		max-width:calc(100% - 105px);
		padding:10px 30px 20px;
	}
}
@media screen and (max-width : 768px){
	.sec-apply-01{
		padding:120px 0 50px;
	}
}
@media screen and (max-width:480px) {
	.sec-apply-01{
		padding:90px 0 70px;
		background:#fff;
	}
	.sec-apply-01 .contents-inner{
		max-width:100%;
		padding:0 15px 20px;
		margin: 0px 0 30px;
		border-radius:unset;
	}
	.sec-apply-01 .flex-con {
		padding-top: 0px;
	}
	.sec-apply-01 .flex-con .flex-30{
		padding-top:5px;
	}
	.sec-apply-01 .flex-70{
		padding:0;
	}
	.sec-apply-01 .flex-70 .flex-30{
		width:25%;
	}
	.sec-apply-01 .flex-70 .flex-30:first-child{
		width:40%;
	}

	.sec-apply-01  .flex-70 .flex-10.next-box{
		padding-top: 0px;
	}
	.sec-apply-01 .flex-con .noborder{
		padding-top: 0px;
	}
	.sec-apply-01 .flex-con .flex-70 .noborder{
		padding-left: 20px;
	}
	.sec-apply-01 .flex-30 p{
		font-weight:500;
	}
	.sec-apply-01 .flex-30 p span{
		font-size:13px;
	}
	.sec-apply-01 .flex-70 .flex-50 {
        width: 50%;
    }
	.sec-apply-01 .apply-btn {
		width:calc(100% - 30px);
	}
}

/*-------------------------------------
	   CONFIRM
-------------------------------------*/
.sec-confirm-01{
}
.sec-confirm-01 .confirm-txt{
	width:100%;
	max-width:400px;
	padding:10px 0 20px;
	margin:0 auto;
	text-align:center;
}
.sec-confirm-01 .flex-30 p{
	border-left:none;
}
.sec-confirm-01 .resume{
	display:inline-block;
	background:#EAEAEA;
	padding:2px 5px;
	margin:5px 0;
}

@media screen and (max-width:480px) {
	.sec-confirm-01{
		padding: 80px 0 70px;
	}
	.sec-confirm-01 .confirm-txt{
		padding:0px 0 30px;
		margin:-30px auto 0;
	}
	.sec-confirm-01 .flex-con .flex-30 p{
		padding-left:0;
		margin: 4px 0 0 0;
	}
	.sec-confirm-01 .contents-inner{
		box-shadow:unset;
	}
}
/*-------------------------------------
	   CONTACT
-------------------------------------*/
.sec-contact-01{
	padding:100px 0 0;
}
.sec-contact-01 .bg-box{
	background:#6EB850;
}
.sec-contact-01 .section-inner {
	width:100%;
	max-width:unset;
	margin:0;
    position: relative;
	padding-bottom:50px;
}
.sec-contact-01 .contents-inner {
    position: relative;
    width: 100%;
    max-width: calc(100% - 80px);
    padding-bottom: 0px;
    opacity: 1;
    z-index: 1;
}
.sec-contact-01 h2.section-ttl-g {
    font-family: Robot;
    margin: 0px 0 10px 0;
    font-size: 85px;
    line-height: 115px;
	text-shadow: 11px 9px 1px rgba(110, 184, 80, 0.25);
}
@media screen and (max-width:768px){
	.sec-contact-01 h2.section-ttl-g {
		font-family: "Zen Kaku Gothic New", serif;
	}
}
.sec-contact-01 .image-inner {
    width: 100%;
    max-width: calc(100% - 80px);
    background: #fff;
    margin: -20px 0 0 auto;
    border-radius: 0 0 0 10px;
	position:relative;
	z-index:2;
}
.sec-contact-01 .sec-com01-img {
    width: 100%;
    max-width: unset;
    margin: 0 auto;
    padding-bottom: 0px;
}
.sec-contact-01 h3 {
	color:#2E2E2E;
}

.sec-contact-02{
	background:none;
	padding: 60px 0 0px;
	margin: 50px 0 0 0;
}
.sec-contact-02 .contents-inner {
    max-width: 1000px;
    background: #fff;
    margin: 10px auto 0px;
    padding: 20px 50px 0px;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.sec-contact-03 {
	padding: 0px 0 60px;
}
.sec-contact-03 h2 {
    font-family: Robot;
    color: #2E2E2E;
    font-size: 42px;
    font-weight: 300;
    margin-bottom: 0px;
	padding-top:40px;
    text-align: center;
    letter-spacing: 2px;
}
.sec-contact-03 h2.pctb {
	display:block;
}
@media screen and (max-width:768px){
	.sec-contact-03 h2 {
		font-family: "Zen Kaku Gothic New", serif;
	}
}
@media screen and (max-width:480px){
	.sec-contact-03 h2.pctb {
		display:none;
	}
}

.sec-contact-03 h3 {
    color: #2E2E2E;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
	padding:20px 0;
    text-align: center;
    letter-spacing: 2px;
}
input.green[type="checkbox"] {
  position: relative;
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 1px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-appearance: none;
  appearance: none;
	vertical-align: text-top;
}
input.green[type="checkbox"]:checked {
  border: none;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='16' height='16'><rect fill='%2371C4AB' width='16' height='16'/><path fill='none' stroke='%23fff' stroke-width='2' d='M12.6,5.17l-5.66,5.66L3.4,7.29'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width : 1366px){
	.sec-contact-01{
		padding:100px 0 0;
	}
	.sec-contact-01 .bg-box{
		max-width: calc(100% - 6.45%);
	}
	.sec-contact-01 h2.section-ttl-g{
		font-size: max(6.1vw, 36px);
		line-height: 1.5em;
	}
	.sec-careers-04 .question,
	.sec-careers-04 .answer{
		font-size: max(1.3vw, 16px);
	}
}
@media screen and (max-width : 1100px){
	.sec-contact-02 .contents-inner{
		max-width:calc(100% - 95px);
		margin:10px 15px 0 80px;
	}
}

@media screen and (max-width : 768px){
	.sec-contact-01 .bg-box{
		max-width: calc(100% - 15px);
	}
}
@media screen and (max-width:480px) {
	.sec-contact-01{
		padding: 70px 0 0;
	}
	.sec-contact-01 .section-inner{
		padding-bottom: 22px;
	}
    .sec-contact-01 .bg-box {
        max-width: calc(100% - 15px);
        height: 170px;
    }
	.sec-contact-01 .image-inner{
		max-width: calc(100% - 15px);
		margin: -16px 0 0 auto;
	}
	.sec-contact-01 .image-inner img{
		border-radius:10px 0 0 10px;
		box-shadow:0 3px 6px Rgba(0,0,0,0.16);
	}
	.sec-contact-01 h2.section-ttl-g {
        font-size: max(6.1vw, 36px);
        line-height: 1.5em;
		margin-bottom: 5px;
        text-shadow: 6px 4px 1px rgba(110, 184, 80, 0.25);
    }
	.sec-contact-02,
	.sec-contact-02.show{
		opacity:1;
		animation:none;
		padding: 20px 0 0px;
		margin: 0;
		transform: translate(0, 0);
	}
	.sec-contact-02 .contents-inner{
		max-width:calc(100% - 30px);
		margin:10px 15px 0 15px;
		padding:0;
		box-shadow:none;
	}
	.sec-contact-02 h2{
		margin-bottom: 10px;
	}
	.sec-contact-02 h3{
		padding-bottom: 10px;
	}
	.sec-contact-02 summary:before{
		background-image: url(image/arrow-dn-sp.png);
		width: 16px;
		height: 8px;
	}
	.sec-contact-02 details[open] summary:before{
		background-image: url(image/arrow-up-sp.png);
		width: 16px;
		height: 8px;
	}
	.sec-contact-02 .question, 
	.sec-contact-02 .answer{
		padding-right: 20px;
	}
	.sec-contact-03 {
		padding: 40px 0 80px;
	}
	.sec-contact-03 h3 {
		font-size: 12px;
		letter-spacing:0px;
		width:94%;
		margin:0 auto;
	}
}
/*-------------------------------------
	     Aside SnsIcon
-------------------------------------*/
aside.snsIcon{
	opacity:1;
}
aside.snsIcon.show{
	opacity:1;
}
aside.snsIcon .header-con {
    width: 82px;
    position: fixed;
    top: 30%;
    bottom: 30%;
    left: 0;
    margin: auto;
	z-index:5;
}
main.news-top aside.snsIcon .header-con {
	z-index:3;
}
aside .aside-news {
	opacity: 0;
    z-index: -1;
}

aside.snsIcon .header-con .sns-link-box{
	width:82px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
    z-index: 1;
}

aside.snsIcon .header-con .sns-link-box p{
	padding:11px 0 11px 30px;
	text-align:center;
}
aside.snsIcon .header-con .sns-link-box img.insta{
	width:23px;
	margin-left:1px;
}
aside.snsIcon .header-con .sns-link-box img.x{
	width:20px;
	margin-left:2px;
}
aside.snsIcon .header-con .sns-link-box img.youtube{
	width:25px;
}
aside.snsIcon .header-con .sns-link-box img.tiktok{
	width:35px;
}
@media screen and (max-width:480px) {
	aside.snsIcon{
		display:none;
	}
}

/*-------------------------------------
	     Aside SnsIcon
-------------------------------------*/
aside.drawer{
	display:none;
}
@media screen and (max-width:768px){
	aside.drawer{
		display:block;
		position:fixed;
		top:0;
		left: 0;
		right: 0;
		height:100vh;
		width:100%;
		opacity:0;
		pointer-events:none;
		transition:all 0.7s;
	}
	aside.drawer.close{
		opacity:1;
		background: #928041;
		z-index: 100;
		transition:all 0.7s;
		pointer-events:auto;
	}
	aside.drawer.close .header-box{

	}
	aside.drawer.close .flex-con{
	}
	aside.drawer.close .flex-70{
		width:70%;
	}
	aside.drawer.close .flex-70 img{
		width:192px;
		margin:20px 0 0 20px;
	}
	aside.drawer.close .flex-30{
		width:30%;
	}
	aside.drawer .flex-30 .close-btn{
		width:40px;
		margin:20px 15px 0 auto;
	}
	aside.drawer.close .flex-30 .close-btn{
		width:40px;
	}
	aside.drawer.close .flex-30 .close-btn img{
		width:23px;
	}
	aside.drawer .top-mene-box{
		width:100%;
		margin-top:300px;
		transition:all 0.7s;
	}
	aside.drawer.close .top-mene-box{
		margin-top:0px;
		transition:all 0.7s;
	}
	aside.drawer.close ul.cat-list {
		text-align:center;
		transition:all 0.5s;
		padding: 90px 0 120px;
		box-sizing:border-box;
	}
	aside.drawer.close .top-mene-box ul.cat-list li{
		width:22%;
		margin:0 auto;
		text-align:left;
		line-height:5em;
		font-size:20px;
		padding-left:50px;
	}
	aside.drawer.close  ul li a:link,
	aside.drawer.close  ul li a:visited{
		color:#fff;
		display:block;
		font-size:20px;
		font-weight:500;
	}
	aside.drawer.close .top-mene-box ul.cat-list li.menu-contact{
		padding:0;
		width:auto;
		margin:0 auto;
		text-align:center;
	}
	aside.drawer .top-mene-box ul.cat-list li.menu-contact img{
		width:25px;
		display:inline-block;
		padding-left: 15px;
        vertical-align: baseline;
	}
	aside.drawer.close .top-mene-box ul.cat-list li.menu-contact img{
		width:25px;
		display:inline-block;
		padding-left: 15px;
        vertical-align: baseline;
	}
	aside.drawer.close .top-mene-box ul.cat-list li.menu-contact a:link,
	aside.drawer.close .top-mene-box ul.cat-list li.menu-contact a:visited{
		width:140px;
		border:1px #fff solid;
		border-radius:25px;
		margin:25px auto 80px;
		padding:5px 40px 7px;
		font-size:14px;
		line-height:2em;
	}
	aside.drawer.close .top-mene-box ul.cat-list li.menu-sns{
		width:100%;
		padding-left:0;
	}
	aside.drawer .top-mene-box ul.cat-list li ul.sns-list {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		width: 90%;
        margin: 600px auto 0;
        padding: 0px 0 80px;
        text-align: center;
	}
	aside.drawer.close .top-mene-box ul.cat-list li ul.sns-list {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		width: 70%;
        margin: 0 auto;
        padding: 0px 0 80px;
        text-align: center;
	}
	aside.drawer.close .top-mene-box ul.cat-list li ul.sns-list li{
		width:25%;
		box-sizing:border-box;
		text-align:center;
		padding:10px 0;
	}
	aside.drawer ul li ul li img{
		width:35px;
		margin:0 auto;
	}
	aside.drawer.close  ul li ul li img{
		width:35px;
		margin:0 auto;
	}
}
@media screen and (max-width:480px){
	aside.drawer.close .top-mene-box ul.cat-list li{
		width:40%;
	}
}
/*-------------------------------------
	     Footer
-------------------------------------*/
footer { 
    width:100%;
    text-align:center;
    margin:-10px auto 0;
    background-color: #928041; 
	z-index: 6;
    position: relative;
}
.footer-inner{
	width:100%;
	max-width:1220px;
    margin:0px auto;
}
footer .flex-con{
	height: 190px;
}
footer .flex-15{
	width:15%;
}
footer .flex-15 img{
	width:100%;
	max-width:150px;
}
footer .flex-25{
	width:100%;
	padding:0 33%;
	box-sizing:border-box;
}
footer .flex-25 img{
	width:35px;
	height:35px;
}

footer .flex-30{
	width:55%;
	padding:0 5% 0 25%;
	box-sizing:border-box;
}
footer .flex-30 a:link,
footer .flex-30 a:visited {
	color:#fff;
}
footer .footer-contact{
	width:30%;
	padding:0 10% 0 0;
}
footer h3.fotter-contact-btn a:link,
footer h3.fotter-contact-btn a:visited {
	color: #fff;
    border: 1px #fff solid;
	padding: 10px 25px 12px 0px;
    background: url(image/footer-arrow.svg);
    background-position: center right 40px;
    background-repeat: no-repeat;
	background-size:28px;
}
footer h3.fotter-contact-btn a:hover {
	color: #fff;
    border: 1px #fff solid;
	padding: 10px 25px 12px 0px;
    background: url(image/footer-arrow.png);
    background-position: center right 40px;
    background-repeat: no-repeat;
	background-size:28px;
}
footer ul { 
    display:flex;
    flex-wrap:wrap;
	justify-content:space-between;
}
footer li { 
    width:auto; 
    padding:10px 0px;
}
address { 
    background: linear-gradient(to right, #71C4AB, #6EB850, #CED740);
	color:#fff;
	font-size:10px;
	font-family:Hiragino Kaku Gothic ProN, Hiragino Sans;
	font-style:normal;
	padding:5px 0 6px;
}
@media screen and (max-width : 1100px) {
	footer h3.fotter-contact-btn a:link,
	footer h3.fotter-contact-btn a:visited {
		background-position: center right 10%;
		background-size:28px;
		text-align: center;
	}
}
/* ここから */
.sec-careers-02 .careers-contens {
	font-size: 18px;
	font-weight: 700;
}
.sec-careers-02 summary:before {
	top: 17px;
	left: 75px;
}
.ad0527 span {
	display: inline-block;
	padding: 8px 15px;
	background: #71C4AB;
	color: #fff;
	font-weight: 500;
	white-space: nowrap;
}
.bb {
	padding-left: 0 !important;
	
}
.sec-careers-02 summary:before {
	display: none !important;
}
header .openList li {
	position: relative;
}
.header0527 {
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    color: #fff;
    padding: 3px 15px;
    border-radius: 20px;
    font-size: 13px;
    background: #71C4AB;
    font-weight: 600;
}


@media screen and (max-width : 768px) {
	aside.drawer.close .top-mene-box ul.cat-list li {
		position: relative;
	}
	.header0527 {
		line-height: 2 !important;
	}
	.header0527 {
		position: absolute;
		top: -1px;
		left: 47px;
		width: initial !important;
		transform: initial !important;
		color: #fff;
		padding: 3px 15px;
		border-radius: 20px;
		font-size: 13px;
		background: #71C4AB;
		font-weight: 700;
	}
}
@media screen and (min-width : 481px) {
	.is-sp {
		display: none !important;
	}
	.bb {
		padding-left: 0 !important;
		width: 10% !important;
		min-width: 140px;
	}
	.all-job {
		width: 10% !important;
		min-width: 140px;

	}
}
@media screen and (max-width : 480px) {
	.is-pc {
		display: none !important;
	}
	.ad0527 span {
		margin-left: 10px !important;
	}
	.sec-careers-03 .careers-contens .flex-30 {
		width: 40% !important;
	}
	.sec-careers-02 .careers-contens {
		font-size: 16px;
		
	}
}
/* ここまで */
@media screen and (max-width : 768px) {
	
	footer .flex-30{
		padding:0 3% 0 0;
	}
	.sec-careers-02 summary:before {
		top:15px;
	}
}
@media screen and (max-width : 480px) {
	footer .flex-con{
		justify-content:center;
		align-items:center;
		padding:10px 0 10px 0;
	    height: auto;
	}
	footer .flex-15 {
		width: 40%;
	}
	footer .flex-15 img{
		width: 120px;
		margin:0 auto;
	}
	footer .flex-30 {
		width:70%;
        padding: 0 0 0 0;
		margin:20px auto 20px;
    }
	footer .flex-30 a:link, 
	footer .flex-30 a:visited {
		font-weight:500;
	}

    h3.rad-more {
        max-width: 200px;
        font-size: 12px;
        margin: 20px 0;
        z-index: 10;
        position: relative;
        text-align: center;
        z-index: 1;
    }
	footer .flex-30.footer-contact {
		width:60%;
        padding: 0 0 0 0;
    }
	footer .flex-25 {
		width:55%;
        padding: 0 0 0 0;
		margin:0 auto 10px;
    }
	footer .flex-25 ul li{
		width:25%;
        padding: 10px 0;
		margin:0 auto 10px;
    }
	.apply-btn {
		padding-left: 0 !important;
	}
}
.sec-careers-02 .careers-contens .flex-30 {
	pointer-events: none !important;
}