@charset "UTF-8";

.inner{
 max-width: 1168px;
}

#topMv{
 overflow: hidden;
 position: relative;
  background: url("../images/top_bg_mv.png") repeat-x left bottom;
 padding: 24px 0 0;
}
#topMv .mainSlider{
 margin: 0;
}
#topMv .mainSlider .slick-slide{
 position: relative;
  border-radius: 16px;
 padding: 10px 0px 40px;
 height: 42vw;
 /*min-height: 570px;*/
  max-height: 570px;
 text-align: center;
  transform: scale(.9);
  transition: .8s;
 overflow: hidden;
}

#topMv .mainSlider .slick-slide.slick-center,
#topMv .mainSlider .slick-slide.is-active-next{
  padding: 0 0px 40px;
  transform: scale(1)
}

#topMv .mainSlider .slick-slide img{
 object-fit: cover;
 width: 100%;
 height: 100%;
  border-radius: 16px;
 max-width: 1100px;
margin: 0 auto;
}
#topMv .mainSlider .slick-slide.slick-center img,
#topMv .mainSlider .slick-slide.is-active-next img{
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
}

.movieWrap{
 position: relative;
 width: 100%;
 height: 37.8vw;
  max-height: 513px;
  transition: .4s
}
#topMv .mainSlider .slick-slide.slick-center .movieWrap,
#topMv .mainSlider .slick-slide.is-active-next .movieWrap{
  height:100%;
  max-height: 570px;
}
#topMv .mainSlider .slick-slide iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 border-radius: 16px;
}

#topMv .txtslide1 .txt{
  position: absolute;
  bottom: 140px;
  right: 82px;
}
#topMv .mainSlider .slick-slide.txtslide1 .txt img{
box-shadow:none;
  max-width: 230px !important;
}
#topMv .mainSlider .btnArrow{
 position: absolute;
 bottom: 70px;
 right: 50px;
 z-index: 1;
}
#topMv .mainSlider .btnArrow.tobringing{
  bottom: 140px;
}
#topMv .slick-dots{
 position: relative;
 bottom: 0;
 padding: 30px 0 0;
 font-size: 0;
 line-height: 1;
}
#topMv .slick-dots li{
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 12px;
 height: 12px;
 margin: 0 10px;
}
#topMv .slick-dots li button{
 border-radius: 50%;
 background:#dddddd ;
 width: 8px;
 height: 8px;
 padding: 0;
 margin: 0;
}
#topMv .slick-dots .slick-active button{
 background: #88bc62;
 width: 12px;
 height: 12px;
}
#topMv .slick-dots li button:before{
 display: none;
}
#topMv .slick-arrow{
 background: rgba(51,51,51,0.60);
 width: 60px;
 height: 60px;
 z-index: 1;
  border-radius: 4px;
  border: 1px solid #fff;
}
#topMv .slick-prev::before,
#topMv .slick-next::before{
opacity: 1;
content: "";
display: block;
 border-radius: 2px;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	width: 9px;
	height: 9px;
 margin:-4px auto 0;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#topMv .slick-prev::before{
 border: none;
	border-bottom: 2px #fff solid;
	border-left: 2px #fff solid;
}
#topMv .slick-prev{
 left: calc(14.4% - 92px);
}
#topMv .slick-next {
 right: calc(14.4% - 92px);
}
@media screen and (min-width: 1601px) and (max-width: 2000px){
  #topMv .slick-prev{
 left: calc(24% - 92px);
}
#topMv .slick-next {
 right: calc(24% - 92px);
}
}
@media screen and (min-width: 2001px) {
  #topMv .slick-prev{
 left: calc(30% - 92px);
}
#topMv .slick-next {
 right: calc(30% - 92px);
}
}
@media screen and (max-width: 768px) {/*SP topMv*/
#topMv{
  background: url("../images/top_bg_mv.png") repeat-x left bottom /auto 100%;
 }
#topMv .mainSlider .slick-slide{
 padding: 0 ;
 height: 46.13vw;
}
#topMv .mainSlider .slick-slide.slick-center,
#topMv .mainSlider .slick-slide.is-active-next{
  padding: 0 0px;
}

.movieWrap{
 height: 41.5vw;
}
#topMv .mainSlider .slick-slide.slick-center .movieWrap,
#topMv .mainSlider .slick-slide.is-active-next .movieWrap{
 width: 100%;
 height: 46.13vw;
 margin-left: 0;
} 
#topMv .txtslide1 .txt{
  position: absolute;
  bottom: 40px;
  right: 3vw;
}
#topMv .mainSlider .slick-slide.txtslide1 .txt img{
  max-width: 28vw !important;
}
#topMv .mainSlider .btnArrow{
 bottom: 10px;
 right: 0;
 font-size: 12px;
}
 #topMv .mainSlider .btnArrow span{
  padding: 10px 20px 10px 15px
  
 }
#topMv .slick-dots{
 padding: 20px 0 0;
}

}/*-SP only-*/
@media screen and (max-width: 767px) {
#topMv .slick-arrow{
 width: 60px;
 height: 60px;
}
#topMv .slick-prev::before,
#topMv .slick-next::before{
	width: 6px;
	height: 6px;
 margin:-3px auto 0;
}
#topMv .slick-prev{
 left: 5.6vw;
}
#topMv .slick-next {
 right: 5.6vw;
}
}/*spOnly*/

/*------ topNews ----*/
#topNews{
 padding: 75px 5% 72px;
}
#topIrNews{
	 padding: 0px 5% 72px;
}
@media screen and (min-width: 769px) {
 #topNews .inner.pcflex,
 #topIrNews .inner.pcflex	{
  flex-flow: nowrap;
 }
 #topNews .ttl,
	#topIrNews .ttl{
  padding-right: 30px;
 }
 #topNews .conts,
 #topIrNews .conts{
  width: 67%;
  max-width: 780px;
 }
}/*-PC only-*/
#topNews h2{
 margin-bottom: 44px;
}
#topNews .tabNav,
#topNews .tabNavIr{
 margin-bottom: 12px;
}

#topNews dl dt,
#topIrNews dl dt{
 padding: 22px 0 0;
 color: #858585;
 font-size: 16px;
 line-height: 1.1;
}
#topNews dl dt span,
#topIrNews dl dt span{
 display: inline-block;
 border-radius: 20px;
 border: 1px #aaa solid;
 padding: 1px 8px 0;
 margin-left: 16px;
 font-size: 13px;
 line-height: 17px;
}
#topNews .press{border-color: #f2bd2c; color: #f2bd2c;}
#topNews .news{border-color: #7ab84b; color: #7ab84b;}
/*topNews .important{border-color: #eb8181; color: #eb8181;} カテゴリ削除*/
#topNews .update{border-color: #7ab84b; color: #7ab84b;}
#topNews .parknews{border-color: #e767ca; color: #e767ca;}
#topNews .groupenews{border-color: #6dbcd9; color: #6dbcd9;}
#topNews .inac{border-color: #cf1225; color: #cf1225;}
/*#topIrNews .disclosure{border-color: #f2bd2c; color: #f2bd2c;}
#topIrNews .materials{border-color: #7ab84b; color: #7ab84b;}
#topIrNews .irnews{border-color: #eb8181; color: #eb8181;}*/
/* 決算短信 */
#topNews .tanshin {
    border-color: #F4C953;
    color: #F4C953;
}
/* 適時開示 */
#topNews .tabConts02 .press {
    border-color: #245bc5;
    color: #245bc5;
}
/* 有報 */
#topNews .yuho {
    border-color: #6DBCD9;
    color: #6DBCD9;
}
/* PR情報 */
#topNews .pr {
    border-color: #f09e40;
    color: #f09e40;
}
/* IR資料 */
#topNews .ir_material_for_fiscal_ym {
    border-color: #EC7BDD;
    color: #EC7BDD;
}
/* 株主総会 */
#topNews .announcement {
    border-color: #4BB893;
    color: #4BB893;
}
/* お知らせ */
#topNews .ir_material {
    border-color: #7ab84b;
    color: #7ab84b;
}

#topNews dl dd,
#topIrNews dl dd{
 border-bottom: 1px #e2e2e2 solid;
 padding: 12px 0 15px;
 font-size: 17px;
 line-height: 1.4;
}
#topNews dl dd a,
#topIrNews dl dd a{
 color: #333;
}
@media screen and (min-width: 769px) {
#topNews dl dd a:hover,
#topIrNews dl dd a:hover{
 text-decoration: underline;
}
	
}/*-pcOnly-*/
@media screen and (max-width: 768px) {/*SP #topNews*/
 #topNews{
  position: relative;
  padding:40px 5% 80px;
 }
 #topIrNews{
  position: relative;
  padding:0px 5% 50px;
 }	
 #topNews .inner.pcflex,
 #topIrNews .inner.pcflex{
  position: relative;
  padding-bottom: 85px;
 }
#topNews h2{
 margin-bottom: 20px;
}
#topNews .tabNav,
#topNews .tabNavIr{
 padding: 0;
 margin-bottom: 20px;
}
 
#topNews dl dt,
#topIrNews dl dt	{
 padding: 20px 0 0;
 font-size: 12px;
}
#topNews dl dt span{
 padding: 1px 5px 0;
 margin-left: 12px;
 font-size: 11px;
 line-height: 16px;
}
#topNews dl dd{
 padding: 10px 0 20px;
 font-size: 13px;
 line-height: 1.5;
}
 #topNews .ttl p{
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
 }
	#topNews .ttl p.mTop10{
		bottom: -60px;
	}
 #topNews .ttl .btnArrow{
  display: inline-block;
 }
}/*-SP only-*/

/*------ topLead ----*/
#topLead{
 /*background: url("../images/top_bg_lead.jpg") no-repeat center /cover;*/
 padding: 130px 5% 120px;
 text-align: center;
  }
#topLead h2{
 margin-bottom: 55px;
 font-size: 54px;
 line-height: 1;
 letter-spacing: 0.3em;
 text-align: center;
}
#topLead h2 span{
 display: block;
 padding: 15px 0 0;
 color: #adadad;
 font-size: 18px;
 letter-spacing: 0.24em;
}
#topLead p{
 font-size: 18px;
 font-weight: 500;
 text-align: center;
 line-height: 2.5;
 letter-spacing: 0.13em;
}
#topLead p.btn{
 margin-top: 85px;
}
@media screen and (max-width: 768px) {/*SP #topLead*/
#topLead{
 padding: 73px 5% 60px;
  }
#topLead h2{
 margin-bottom: 25px;
 font-size: 32px;
 line-height: 1.3;
 letter-spacing: 0.24em;
 text-align: center;
}
#topLead h2 span{
 padding: 5px 0 0;
 font-size: 13px;
}
#topLead p{
 font-size: 13px;
 text-align: left;
 letter-spacing: 0.09em;
}
#topLead p.btn{
 margin-top: 40px;
 text-align: center;
}
 #topLead p.btn .btnArrow{
  display: inline-block;
 }

}/*-SP only-*/
/*------ topBusiness ----*/
#topBusiness{
 position: relative;
 overflow: hidden;
 padding: 80px 0 88px;
}
#topBusiness::before{
 content: "";
 display: block;
 background:#f5f7f7 ;
 width: 91%;
 height: 355px;
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: -1;
}
#topBusiness h2{
 margin-bottom: 40px;
}
#topBusiness .inner{
 position: relative;
}

.bsliderWrap{
overflow: hidden;
margin-left: calc(50vw - 584px);
position: relative;
padding-bottom: 30px;
}

.bSlider{
 margin-bottom: 63px;
}
.bSlider .slick-list{
 overflow: visible;
 padding-left: 5px;
}
.bSlider .slick-slide{
 border-radius: 16px;
 background: #fff;
 width: 308px;
 height: 278px;
 box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
 margin:8px 28px;
 text-align: center;
 transition: .8s;
}
.bSlider .slick-slide a{
 display: block;
 border-radius: 16px;
 height: 278px;
 padding: 55px 0 0;
 -webkit-transition: 0.4s ease-in-out;  
       -moz-transition: 0.4s ease-in-out;  
            transition: 0.4s ease-in-out; 
}
.bSlider .slick-slide figure {
 height: 105px;
 text-align: center;
}
.bSlider .slick-slide figure img{
 max-height: 74px;
 margin: 0 auto;
}
.bSlider .slick-slide p{
 color: #72af43;
 font-size: 21px;
 text-align: center;
 line-height: 1.3;
 letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
.bSlider .slick-slide a:hover{
 background:#72af43 ;
}
.bSlider .slick-slide a:hover figure img{
 opacity: 0;
}
.bSlider .slick-slide a:hover figure{
 background: url("../images/top_business_img01_white.png") no-repeat center top / auto 74px;
}
.bSlider .slick-slide.b02 a:hover figure {
 background: url("../images/top_business_img02_white.png") no-repeat center top/ auto 74px;
}
.bSlider .slick-slide.b03 a:hover figure{
 background: url("../images/top_business_img05_white.png") no-repeat center top/ auto 74px;
}
.bSlider .slick-slide.b04 a:hover figure {
 background: url("../images/top_business_img06_white.png") no-repeat center top/ auto 74px;
}
.bSlider .slick-slide.b05 a:hover figure {
 background: url("../images/top_business_img03_white.png") no-repeat center top/ auto 74px;
}
.bSlider .slick-slide.b06 a:hover figure {
 background: url("../images/top_business_img04_white.png") no-repeat center top/ auto 74px;
}
.bSlider .slick-slide.b07 a:hover figure {
 background: url("../images/top_business_img07_white.png") no-repeat center top/ auto 74px;
}
.bSlider .slick-slide.b08 a:hover figure {
 background: url("../images/top_business_img08_white.png") no-repeat center top/ auto 74px;
}
.bSlider .slick-slide.b09 a:hover figure {
 background: url("../images/top_business_img09_white.png") no-repeat center top/ auto 74px;
}
.bSlider .slick-slide.b10 a:hover figure {
 background: url("../images/top_business_img10_white.png") no-repeat center top/ auto 74px;
}
  .bSlider .slick-slide.b11 a:hover figure {
 background: url("../businessfield/images/ic_sports_white.svg") no-repeat center top/ auto 74px;
}
.bSlider .slick-slide a:hover p{
 color: #fff;
}

}/*-PC only-*/


.bSlider .slick-arrow{
 top: auto;
 bottom:-93px;
 left: 5px;
 padding: 0;
 margin: 0;
 width: 6px;
 height: 12px;
 z-index: 2;
}
.bSlider .slick-arrow::before{
 content: "";
	display: block;
	border-top: 2px #333 solid;
	border-right: 2px #333 solid;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
 opacity: 1;
}
.bSlider .slick-arrow.slick-disabled::before{
 opacity: 0.3;
}
.bSlider .slick-prev {
 left: 6px;
}
.bSlider .slick-prev::before{
 border:none;
	border-bottom: 2px #333 solid;
	border-left: 2px #333 solid;
}
.bSlider .slick-next{
 left: 85px;
}
.bSlider .slick-arrow.slick-disabled{
 opacity: 0.3;
}

#topBusiness .btnArrow{
 max-width: 217px;
 margin: -38px 40px 0 auto;
}
@media screen and (max-width: 768px) {/*SP #topBusiness*/
#topBusiness{
 padding: 0px 0 60px 5%;
}
#topBusiness::before{
 width: 95%;
 height: 226px;
}
#topBusiness h2{
 margin-bottom: 35px;
}

.bsliderWrap{
margin-left: 0;
padding-bottom: 0px;
}

.bSlider{
 margin-bottom: 58px;
}
.bSlider .slick-slide{
 width: 173px;
 height: 156px;
 margin:8px 10px;
}
.bSlider .slick-slide a{
 height: 156px;
 padding: 30px 0 0;
}
.bSlider .slick-slide figure {
 height: 65px;
}
.bSlider .slick-slide figure img{
 max-height: 42px;
}

.bSlider .slick-slide p{
 font-size: 13px;
 line-height: 1.4;
 letter-spacing: 0.08em;
}
.bSlider .slick-arrow{
 bottom:-58px;
 z-index: 2;
}
.bSlider .slick-next{
 left: 60px;
}

#topBusiness .btnArrow{
 max-width: 170px;
 margin: -29px 15.3vw 0 auto;
}
}/*-SP only-*/
/*------ topCompany ----*/
#topCompany{
 position: relative;
 padding: 120px 0 0;
 margin-bottom: 66px;
}
#topCompany .inner{
 max-width: 1180px;
}
#topCompany figure{
 width: 64.2%;
 text-align: left;
}
#topCompany h2{
 margin-bottom: 35px;
}
#topCompany p{
 color: #fff;
 font-size: 19px;
 line-height: 1.7;
 letter-spacing: 0.09em;
}
#topCompany p + p{
 margin-top: 38px;
}
#topCompany p a{
 margin: 0 auto 0 0;
}
#topCompany .btnArrow.blue{
 text-shadow: none;
 max-width: 217px;
}
@media screen and (min-width: 1127px) {
#topCompany .inner >div{
 position: relative;
 max-width: 518px;
 padding: 0 0 80px 60px;
 margin: -28.47vw 0 0 auto;
}
 #topCompany .inner::before{
  content: "";
  display: block;
  border-radius: 16px 0 0 16px;
  background: #0061ad;
  width: 44.44vw;
  height: 487px;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.8;
 }
 #topCompany .inner::after{
  content: "";
  display: block;
  background: #f5f7f7;
  width: 50%;
  height: 504px;
  position: absolute;
  bottom: -66px;
  right: 0;
  z-index: -1;
 }

}/*-PC only-*/
@media screen and (max-width: 1126px) {/*SP-tablet #topCompany*/
#topCompany{
 padding: 50px 0 20px;
 margin-bottom: 50px;
}
#topCompany figure{
 width: 98.5%;
}
#topCompany h2{
 margin-bottom: 15px;
}
#topCompany p{
 font-size: 13px;
 line-height: 1.8;
}
#topCompany p + p{
 margin-top: 20px;
}
#topCompany p a{
 margin: 0 auto 0 0;
}
#topCompany .btnArrow.blue{
 max-width: 170px;
}
 #topCompany .inner >div{
  position: relative;
  width: 86.6%;
  padding: 30px 28px;
  margin: -30px 0 0 auto;
  z-index: 1;
 }
 #topCompany .inner> div::before{
  content: "";
  display: block;
  border-radius: 10px 0 0 10px;
  background: #0061ad;
  width: 100%;
  height:100%;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.9;
  z-index: -1;
 }
 #topCompany .inner::after{
  content: "";
  display: block;
  background: #f5f7f7;
  width: 92%;
  height: 304px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
 }
}/*-SP only-*/
/*------ topSastainability ----*/
#topSastainability{
 position: relative;
 padding: 60px 0 0;
}
#topSastainability figure{
 width: 66.2%;
 margin: 0 0 0 auto;
 text-align: right;
}
#topSastainability h2{
 margin-bottom: 35px;
}
#topSastainability p{
 color: #fff;
 font-size: 19px;
 line-height: 1.7;
 letter-spacing: 0.09em;
}
#topSastainability p + p{
 margin-top: 45px;
}
#topSastainability .btnArrow{
 border-color: #fff;
 text-shadow: none;
 margin: 0;
 max-width: 217px;
}
@media screen and (min-width: 1127px) {
#topSastainability .inner >div{
 position: relative;
 max-width: 460px;
 padding: 0 0 80px 0px;
 margin: -27.6vw 0 0;
}
#topSastainability .inner::before{
  content: "";
  display: block;
  border-radius: 0 10px 10px 0;
  background: #69af33;
  width: 45.07vw;
  height: 487px;
  position: absolute;
  bottom: 0;
  left: 0;
 opacity: 0.8;
 }
#topSastainability .inner::after{
  content: "";
  display: block;
  background: #f5f7f7;
  width: 50%;
  height: 487px;
  position: absolute;
  bottom: -66px;
  left: 0;
 z-index: -1;
 opacity: 0.8;
 }

}/*-PC only-*/
@media screen and (max-width: 1126px) {/*SP */
#topSastainability{
 padding: 0 0 20px;
}
#topSastainability figure{
 width: 98.5%;
}
#topSastainability h2{
 margin-bottom: 15px;
}
#topSastainability p{ 
 font-size: 13px;
 line-height: 1.8;
}
#topSastainability p + p{
 margin-top: 20px;
}
#topSastainability .btnArrow{
 max-width:170px;
}
#topSastainability .inner >div{
  position: relative;
  width: 86.6%;
  padding: 30px 28px;
  margin: -30px 0 0 0;
  z-index: 1;
}
#topSastainability .inner >div::before{
  content: "";
  display: block;
  border-radius: 0 16px 16px 0;
  background: #69af33;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
 opacity: 0.9;
 z-index: -1;
 }
#topSastainability .inner::after{  
  content: "";
  display: block;
  background: #f5f7f7;
  width: 92%;
  height: 304px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1; 
 }

}/*-SP only-*/
/*------ topIzumi ----*/
#topIzumi{
 background:url("../images/top_bg_izumi.png") no-repeat right center / auto 100% #a0c33c;
 padding: 0;
 margin: 180px 0 0;
}
#topIzumi figure img,
#topRecruit figure img{
 object-fit: cover;
 width: 100%;
 height: 100%;
}
#topIzumi h2{
 color: #fff;
 font-size: 33px;
 letter-spacing: 0.25em;
}
#topIzumi h2 span{
 display: block;
 font-size: 13px;
 letter-spacing: 0.24em;
}
#topIzumi p,
#topRecruit p{
 color: #fff;
  font-size: 19px;
 line-height: 1.7;
 letter-spacing: 0.07em;
}
#topIzumi p + p,
#topRecruit p + p{
 margin-top: 30px;
}

#topIzumi .btnArrow{
 max-width: 217px;
 margin: 0 auto 0 0 ;
}



@media screen and (min-width: 769px) {
 #topIzumi .pcflex,
 #topRecruit .pcflex{
  align-items: center;
 }
#topIzumi figure,
 #topIzumi .pcflex >div,
#topRecruit figure,
#topRecruit .pcflex >div{
  width: 50%;
 }
 #topIzumi .pcflex >div, 
#topRecruit .pcflex >div{
  padding: 0 5.2%;
 }
}/*-PC only-*/



@media screen and (max-width: 768px) {
#topIzumi{
 padding: 0;
 margin: 60px 0 0;
}
 #topIzumi .pcflex > div,
 #topRecruit .pcflex > div{
  padding: 20px 5%;
 }
#topIzumi h2{
 font-size: 20px;
}
#topIzumi h2 span{
 font-size: 12px;
}
#topIzumi p,
#topRecruit p{
  font-size: 13px;
}
#topIzumi p + p,
#topRecruit p + p{
 margin-top: 20px;
}

#topIzumi .btnArrow{
 max-width: 170px;
}

}/*-SP only-*/
/*------ topRecruit ----*/
#topRecruit{
 background:url("../images/top_bg_recruit.png") no-repeat right center / auto 100% #2e90c3;
 padding: 0;
 margin: 32px 0 0;
}
#topRecruit h2{
 color: #fff;
 font-size: 33px;
 letter-spacing: 0.25em;
}
#topRecruit h2 span{
 display: block;
 font-size: 13px;
 letter-spacing: 0.24em;
}
#topRecruit .btnArrow{
 border-color: #1b8bc2;
 max-width: 217px;
 margin: 0 auto 0 0;
 color: #1b8bc2;
}
#topRecruit .btnArrow span{
 padding-left: 0;
 padding-right: 20px;
}
#topRecruit .btnArrow.window::before,
#topRecruit .btnArrow.window.blue > span::after{
 display: none;
}
#topRecruit .btnArrow.window::after{
  position: absolute;
  top:40%;
  right: 30px;
  background: url("../images/ic_win_bl.png") no-repeat left top/ 100% auto;
 width: 12px;
 height: 10px;
transform: rotate(0deg);
}
@media screen and (max-width: 768px) {/*SP #topRecruit*/
#topRecruit{
 margin: 20px 0 0;
}
#topRecruit h2{
 font-size: 20px;
}
#topRecruit h2 span{
margin-left: 15px;
 font-size: 12px;
}
#topRecruit .btnArrow{
 max-width: 170px;
}

}/*-SP only-*/

@media screen and (min-width: 769px) and (max-width: 1126px){
	#topIzumi h2,
	#topRecruit h2{
		font-size: 2.8vw
}
	#topIzumi p, #topRecruit p {
  font-size: 1.6vw;
	}
}
/*------ topContact ----*/
#topContact{
 background: url("../images/top_bg_contact.png") no-repeat center /cover #e6f0e1;
 padding: 0 5% 100px;
 margin: 180px 0 0;
}
#topContact .inner{
 text-align: center;
}
#topContact h2{
 background-size:84px  auto;
 height: 114px;
 padding-top: 32px;
 font-size: 48px;
 margin: -62px 0 34px;
}
#topContact h2 + p{
  margin: 0 0 50px;
  text-align: center;
  font-size: 14px;
}

#topContact .btnlist a{
  display: block;
  background: #fff;
  border-radius: 16px;
  padding: 34px 30px 34px;
  box-shadow: 3px 3px 15px -7px #b0b0b0;
 -webkit-transition: 0.4s ease-in-out;  
       -moz-transition: 0.4s ease-in-out;  
            transition: 0.4s ease-in-out; 
}
#topContact .btnlist a figure{
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
#topContact .btnlist a p{
 color: #72af43;
  text-align: center;

}
@media screen and (min-width: 769px) {
  #topContact .btnlist{
  max-width: 900px;
  justify-content: space-between;
    margin: 0 auto;
}
 #topContact .btnlist li{
  width: 22.3%;
 max-width: 200px;
 }
 #topContact .btnlist a:hover{
  background: #72af43;
 }
 #topContact .btnlist a:hover figure img{
  opacity: 0;
 }
 #topContact .btnlist li:nth-of-type(1) figure{
  background: url("../images/top_img_contact01_white.png") no-repeat center/ 48px auto;
 }
 #topContact .btnlist li:nth-of-type(2) figure{
  background: url("../images/top_img_contact03_white.png") no-repeat center/ 32px auto;
 }
 #topContact .btnlist li:nth-of-type(3) figure{
  background: url("../images/top_img_contact04_white.png") no-repeat center/ 38px auto;
 }
 /*
 #topContact .btnlist li:nth-of-type(4) figure{
  background: url("../images/top_img_contact04_white.png") no-repeat center/ 36px auto;
 }*/
 #topContact .btnlist a:hover p{
  color:#fff;
 }
}
@media screen and (max-width: 768px) {/*SP #topContact*/
#topContact{
 padding: 0 5% 50px;
 margin: 100px 0 0;
}
#topContact h2{
 background-size:auto 100%;
 height: 70px;
 padding-top: 20px;
 font-size: 28px;
 margin: -35px 0 34px;
}
#topContact h2 + p{
 padding: 0;
  margin: 0 0 30px;
  font-size: 14px;
}
 #topContact .btnlist{
   padding: 0;
  justify-content: space-between;
 }
 #topContact .btnlist li{
  width: 48%;
  margin-bottom: 20px;
 }
#topContact .btnlist a{
  border-radius: 10px;
  padding: 30px 10px 30px;
}
#topContact .btnlist a figure{
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
#topContact .btnlist a p{
 padding: 0;
 color: #72af43;
  text-align: center;

}

}/*-SP only-*/
/*------ topBnr ----*/
#topBnrs{
  background: #f5f7f6;
  padding: 70px 0;
}

#topBnrs ul{
  max-width: 1080px;
  margin: 0 auto;
}

#topBnrs ul li{
  width:50%;
}
@media screen and (max-width: 768px) {
#topBnrs{
  padding: 50px 0;
}
#topBnrs ul li{
  width:auto;
 text-align: center;
}

}/*-SP only-*/
/*--js inview--*/
.inview{
  opacity: 0;
  transform: translate(0, 50px);
  transition: 1.8s;
}
.inview.fadeInUp{
  transform: translate(0, 0);
 opacity: 1;
}

/*-- fixSideBtn ---*/
#fixSideBtn{
	display: none;
}
@media screen and (max-width: 768px) {
#fixSideBtn{
	display: block;
	position: fixed;
	right: 0;
	bottom: 150px;
	width: 30px;
	}
	#fixSideBtn a{
		writing-mode: vertical-rl;
	white-space: pre;
	display:inline-block;
		background: #72af43;
		color: #fff;
		padding: 10px 5px;
		border-radius: 4px 0 0 4px
	}
}