@charset "UTF-8";
/* CSS Document */

/* カレント */
#h .nav a.nav-company {
    border-bottom: 1px solid #000;
}




@media only screen and (max-width: 768px){
.title h2 {
    font-size: min(17.5vw,65px)!important;
}
}







.sec-mess {
    margin: 0 0 160px;
}
.sec-mess .title {
    margin: 0 0 50px;
}
.sec-mess .innWrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.sec-mess .innWrap .img {
    width: 40%;
    margin: 30px 0 0;
    overflow: hidden;
}
.sec-mess .innWrap .mess {
    width: 50%;
    border-left: solid 1px #000;
    padding: 0 0 0 2%;
}
.sec-mess .innWrap .mess .post {
    font-size: min(4.0vw,77px);
    font-weight: bold;
    line-height: 1.3;
    margin: 0 0 80px;
}
.sec-mess .innWrap .mess .catch {
	font-family: 'Noto Serif JP', serif;
    font-size: min(2.5vw,49px);
    line-height: 1.5;
    margin: 0 0 60px;
}
.sec-mess .innWrap .mess .text {
	font-family: 'Noto Serif JP', serif;
    line-height: 3.5;
    margin: 0 0 60px;
}
.sec-mess .innWrap .mess .name {
	font-family: 'Noto Serif JP', serif;
}
@media only screen and (max-width: 768px){
.sec-mess {
    margin: 0 5% 60px;
}
.sec-mess .title {
    margin: 0 0 10px;
}
.sec-mess .innWrap {
    display: block;
    margin: 0;
}
.sec-mess .innWrap .img {
    width: auto;
    padding: 0;
    margin: 0 0 45px;
}
.sec-mess .innWrap .mess {
    width: auto;
    border-left: none;
    padding: 0;
}
.sec-mess .innWrap .mess .post {
    font-size: 32px;
    margin: 0 0 30px;
}
.sec-mess .innWrap .mess .catch {
	font-size: 25px;
	margin: 0 0 20px;
}
.sec-mess .innWrap .mess .text {
	line-height: 1.8;
	margin: 0 0 25px;
}
.sec-mess .innWrap .mess .name {
}
}




.sec-corp-mess .copy {
    font-size: min(5.0vw,97px);
    letter-spacing: -0.09em;
    text-align: justify;
}
.sec-corp-mess .img-slide{
    display: -ms-grid;
    -ms-grid-columns: min-content;
}
.sec-corp-mess .autoplay-slider {
  display: flex;
  min-width: 100%;
  width: min-content;
  animation: 50s linear infinite sliderAnimation;
}
.sec-corp-mess .slide {
  height: 319px;
  width: 512px;
  position: relative;
}
@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}
.sec-corp-mess {
    margin: 0 0 160px;
}
.sec-corp-mess .title {
    margin: 0 0 100px;
}
.sec-corp-mess .innWrap {
    position: relative;
}
.sec-corp-mess .innWrap .copy {
    position: absolute;
    z-index: 10;
    line-height: 1;
    top: -2%;
}
.sec-corp-mess .cont {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    z-index: 10;
    position: relative;
    top: -35px;
}
.sec-corp-mess .cont .sp-text {
    display: none;
}
.sec-corp-mess .cont .ttl {
	background:#007731;
	width: 41.666%;
}
.sec-corp-mess .cont .ttl .logo {width: 89.375%;margin: 0 auto 70px;padding: 50px 0 60px;border-bottom: solid 1px #fff;text-align: center;}

.sec-corp-mess .cont .ttl .ttl_en {
	color:#fff;
	width: 89.375%;
	margin: 0 auto 30px;
	font-size: min(6.25vw,120px);
	line-height: 1;
	text-align: justify;
}
.sec-corp-mess .cont .ttl p {
	color:#fff;
	width: 89.375%;
	margin: 0 auto;
	font-size: min(1.25vw,24px);
	line-height: 1;
}
.sec-corp-mess .cont .text {
	width: 52.6%;
	padding: 0 2% 30px 0;
}
.sec-corp-mess .cont .text p {
	width: 80%;
	float: right;
	margin: 0 0 230px;
	padding: 75px 0 0;
}
.sec-corp-mess .cont .text .slogan:before {
	content:"";
	display:block;
	clear:both;
}
.sec-corp-mess .cont .text .slogan ul {
    margin: 0 0 160px;
}
.sec-corp-mess .cont .text .slogan ul:last-child {
    margin: 0;
}
.sec-corp-mess .cont .text .slogan ul li.tt_jn {
	font-size: min(4.375vw,84px);
	line-height: 1;
	margin: 0 0 10px;
}
.sec-corp-mess .cont .text .slogan ul li.tt_en {
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 1;
    font-size: min(6.25vw,120px);
    text-shadow    : 
       1px  1px 0px #007731,
      -1px  1px 0px #007731,
       1px -1px 0px #007731,
      -1px -1px 0px #007731,
       1px  0px 0px #007731,
       0px  1px 0px #007731,
      -1px  0px 0px #007731,
       0px -1px 0px #007731;
}
@media only screen and (max-width: 768px){
.sec-corp-mess .copy {
    font-size: 31px;
    letter-spacing: -0.09em;
    text-align: justify;
}
.sec-corp-mess .img-slide{
}
.sec-corp-mess .autoplay-slider {
}
.sec-corp-mess .slide {
  height: 160px;
  width: 256px;
}
.sec-corp-mess {
    margin: 0 0 60px;
}
.sec-corp-mess .title {
    margin: 0 5% 50px;
}
.sec-corp-mess .innWrap {margin: 0;}
.sec-corp-mess .innWrap .copy {
    top: -2%;
    margin: 0 5%;
    padding: 0 0 0 5%;
    line-height: 1.2;
}
.sec-corp-mess .cont {
    display: block;
    top: 0;
    position: static;
}
.sec-corp-mess .cont .sp-text {
    display: block;
    margin: 0 5%;
    padding: 40px 0 30px;
}
.sec-corp-mess .cont .ttl {
	width: auto;
}
.sec-corp-mess .cont .ttl .logo {width: auto;margin: 0 5% 30px;padding: 25px 5% 30px;text-align: center;}

.sec-corp-mess .cont .ttl .ttl_en {
	width: auto;
	margin: 0 5% 10px;
	font-size: 55px;
}
.sec-corp-mess .cont .ttl p {
	width: auto;
	margin: 0 5%;
	font-size: 12px;
	padding: 0 0 30px;
}
.sec-corp-mess .cont .text {
	width: auto;
	margin: 0 5%;
	padding: 35px 0 0;
}
.sec-corp-mess .cont .text p {
	display: none;
}
.sec-corp-mess .cont .text .slogan:before {
}
.sec-corp-mess .cont .text .slogan ul {
    margin: 0 0 40px;
}
.sec-corp-mess .cont .text .slogan ul:last-child {
    margin: 0;
}
.sec-corp-mess .cont .text .slogan ul li.tt_jn {
	font-size: 36px;
	margin: 0 0 5px;
}
.sec-corp-mess .cont .text .slogan ul li.tt_en {
    font-size: 50px;
}
}






.sec-credo .title {
    margin: 0 0 100px;
}
.sec-credo .innWrap {
    position: relative;
    margin: 0 auto;
}
.sec-credo .innWrap .credo {
    width: 94.79%;
    margin: 0 auto;
}
.sec-credo .innWrap .logo {
  position: absolute;
  top: 50%;
  -webkit-transform : translate(0%,-50%);
  transform : translate(0%,-50%);
  z-index: -1;
}
.sec-credo .innWrap .credo ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 100px;
}
.sec-credo .innWrap .credo ul:nth-child(1) li:nth-child(1):before {
	content: "01";
	font-size: min(1.25vw,24px);
	font-family: 'Roboto', sans-serif;
	line-height: 1;
	position: absolute;
	top: 22px;
	left: 0;
}
.sec-credo .innWrap .credo ul:nth-child(2) li:nth-child(1):before {
	content: "02";
	font-size: min(1.25vw,24px);
    font-family: 'Roboto', sans-serif;
	line-height: 1;
	position: absolute;
	top: 22px;
	left: 0;
}
.sec-credo .innWrap .credo ul:nth-child(3) li:nth-child(1):before {
	content: "03";
	font-size: min(1.25vw,24px);
    font-family: 'Roboto', sans-serif;
	line-height: 1;
	position: absolute;
	top: 22px;
	left: 0;
}
.sec-credo .innWrap .credo ul li:nth-child(1) {
    width: 43%;
    font-size: min(2.86458333vw,55px);
    text-align: justify;
    line-height: 1.5;
    position: relative;
    padding: 0 0 0 2%;
}
.sec-credo .innWrap .credo ul li:nth-child(2) {
    width: 52%;
    line-height: 2.5;
}
@media only screen and (max-width: 768px){
.sec-credo {
    margin: 0 5%;
}
.sec-credo .title {
    margin: 0 0 40px;
}
.sec-credo .innWrap {
    margin: 0;
}
.sec-credo .innWrap .credo {
    width: auto;
    margin: 0 0 20px;
}
.sec-credo .innWrap .logo {
  position: absolute;
  top: 50%;
  -webkit-transform : translate(0%,-50%);
  transform : translate(0%,-50%);
  z-index: -1;
}
.sec-credo .innWrap .credo ul {
    display: block;
    margin: 0 0 30px;
}
.sec-credo .innWrap .credo ul:nth-child(1) li:nth-child(1):before {
	font-size: 17px;
	top: 10px;
}
.sec-credo .innWrap .credo ul:nth-child(2) li:nth-child(1):before {
	font-size: min(2.266666vw,17px);
	top: 10px;
}
.sec-credo .innWrap .credo ul:nth-child(3) li:nth-child(1):before {
	font-size: min(2.266666vw,17px);
	top: 10px;
}
.sec-credo .innWrap .credo ul li:nth-child(1) {
    width: auto;
    font-size: 23px;
    padding: 0 0 0 6%;
    margin: 0 0 15px;
}
.sec-credo .innWrap .credo ul li:nth-child(2) {
    width: auto;
    line-height: 1.5;
    padding: 0 0 0 5%;
}
.sec-credo .innWrap .credo ul li p {
	text-indent:-1em;
    margin-left: 1em;
}

}



.ceo-photo {
	transform: scale(1.5,1.5) translate(-10%,30%);
	-webkit-transform: scale(1.5,1.5) translate(-10%,30%);
}
.photoZoom {
	transform: scale(1,1) translate(0%,0%);
	-webkit-transform: scale(1,1) translate(0%,0%);
	transition-delay:0s;
	transition-duration:1.5s;
}






@media only screen and (max-width: 768px){
h3 {
    text-align: left;
    font-size: min(15vw,60px)!important;
}	
}