.contents__color{ color: #87DD23}
.header__interview { color: #87DD23}
.footer__interview a { color: #87DD23}

.business__nav { width:100%; margin-top: 80px}
.business__navlists {  display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap; justify-content: space-between;}
.business__navlist { width:32.7%; margin:0 0 10px 0;position: relative;}
.four { width :24.3%;}

.contents__eyecatch {display: inline-block;margin-bottom: 20px;}

.business__navlist a { width:100%;  }
.business__navlist a img { width:100%; }
.business__navlist a:hover { opacity: 0.7}
.business__navlist .title { position:absolute;top:0; left:2%; z-index:100; color:#fff; font-family: "Helvetica Neue", Arial, sans-serif;font-size:40px; font-weight: 10; font-style: italic; line-height:1.2em; opacity:0.7;}
.business__navlist .titlesub { position:absolute;top:30%; right:3%; z-index:100; color:#fff; font-size:18px; line-height:1.2em; }
.business__business { margin-top: 50px;}
.business__main-visual { position: relative;}
.business__main-visual img.left { width:75%; margin:0 0 0 0%;}
.business__main-visual img { width:75%; margin:0 0 0 25%;}


.business__names { position: absolute; top: 20%; left: 0;}
.business__names-right { position: absolute; top: 20%; right: 0; text-align:right; }
.business__name { color: #fff; font-style: italic; font-weight:100; font-size: 70px;font-family: "Helvetica Neue", Arial, sans-serif; line-height: 1}
.business__name-jp {padding: 15px 250px 15px 50px;color: #fff;font-weight: bold;display: inline-block;font-size: 17px;line-height: 23px;text-align: left;}
.business__name-jp span{ font-size: 21px; color: white;}
.business__infos { -ms-flex-wrap: wrap; flex-wrap: wrap;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;margin-top: 30px}
.business__about { padding: 3px 0}
.business__about-inner { padding: 30px 10px;line-height: 1.8em;text-align: justify;}
.business__about-outer { width: 50%;}
.business__people { width: 45%; height: auto; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; align-items: flex-start;}
.business__people img { width:48%; margin-left:10px; align-items: flex-start;}
.business__about-text { margin: 0 0 -5px 0; font-weight: lighter;font-style: italic;color:#aaa }
.business__person { width: 47.5%;-webkit-transition: 0.3s;transition: 0.3s}
.business__person:hover { opacity: 0.7;}
.business__join-year { font-size: 10px; color: #aaa;font-weight: normal;margin-left: 10px}
.business__personal-data { font-weight: bold;margin-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline;}
.business__arrow { background-color: #707070; height: 1px; width: 25px;margin-left: 10px;-webkit-transition: 0.3s;transition: 0.3s;position: relative;}
.business__arrow::after { position: absolute;content: "";width: 8px; height: 1px;background-color: #707070;right: 0;top: -3px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.business__person:hover .business__arrow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1}

/* 特例 偶数だけ入れ替える */
.contents .business__business:nth-of-type(2n) .business__people { -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2;
  -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}


.contents .business__business:nth-of-type(2n) .business__about-outer { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}


/* 特例 2つめだけマージン開ける */
.business__people .business__person:nth-of-type(2n) {margin: 0 0 0 5%;}

/* 色の指定 */
.pink { color:#FF5D5D; }
.pinkback { background-color: #FF5D5D;}
.blue { color:#5DB4FF; }
.blueback { background-color: #5DB4FF;}
.green { color:#87DD23; }
.greenback { background-color: #87DD23;}
.orange { color:#FF8F5D; }
.orangeback { background-color: #FF8F5D;}
.lightgreen { color:#2BE8A7; }
.lightgreenback { background-color: #2BE8A7;}
.lightblue { color:#5D63FF; }
.lightblueback { background-color: #5D63FF;}
.purple { color:#D35DFF; }
.purpleback { background-color: #D35DFF;}
.red  { color:#FD2929; }
.redback { background-color: #FD2929;}
.limegreen { color:#2DEB67; }
.limegreenback { background-color: #2DEB67;}
.magenta  { color:#FF5DEC; }
.magentaback { background-color: #FF5DEC;}

.right { text-align:right; }
.right2 { margin-left:50%;  }
.header__entry-button { position: relative;z-index: 10;border: none; border-radius:30px; padding:10px;font-size: 15px;font-weight: lighter;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 350px; color: white;}
.entry {
  position: relative;
z-index: 10;
border: 1px #707070 solid;
border-radius: 30px;
padding: 3px 30px;
font-size: 15px;
font-weight: lighter;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 180px;
color: #707070;
  }
.entry:hover{border: 1px #FF7600 solid;color: #707070;}
.entry__arrow{background-color: #707070;}
.entry__arrow::after{background-color: #707070;}


.square{width: 764px;position: absolute;height: 264px;z-index: -1;right: -15px;bottom: -15px;}
.left{left: -15px;}

.sp { display:none; }
.pc { display:inline-block; }



@media screen and (max-width: 740px){
.one{width: 100%;}
.business__names {top: -28%;}
.business__name { font-size: 10vw}
.business__name-jp {font-size: 3vw; padding: 10px 100px 10px 10px;line-height: 15px;display: flex; align-items: center;}
.business__name-jp span {font-size: 19px;color: white;margin-right: 5px;}
.business__business { margin-top: 100px}
.business__navlists { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.business__navlist {width:50%; margin:0;font-size: 12px}
.business__navlist a { display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.business__navlist a img { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0;color: black;}
.business__navlist .title  { font-size:20px; }
.business__navlist .titlesub { width:100%; font-size:12px; text-align:center; }
.business__about-outer  { width: 100%}
.business__about-inner {font-size: 12px;}
.business__people {width: 70%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin:30px auto 0 auto;}
.business__people img { width:49%; margin:0; align-self: start; }
.business__personal-data { font-size: 3vw}
.business__join-year  { font-size: 2vw}
.business__about-inner { padding: 0px 10px;}
.header__entry-button { position: relative;z-index: 10;border: 1px #707070 solid; border-radius:30px; padding:3px 25px;font-size: 13px;font-weight: lighter;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 270px; margin:20px auto 0 auto; }
.header__entry-button {border: 1px #707070 solid;
  border-radius: 30px;
  padding: 5px 15px;
  font-size: 15px;
  font-weight: lighter;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 110px;
  margin: 3px 65px 0 0px;
  color: black;}
.right2 { margin-left:0%;  }
.sp { display:inline-block;}
.pc { display:none;}

/* 特例 偶数入れ替えを戻す */
.contents .business__business:nth-of-type(2n) .business__people { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0}
.contents .business__business:nth-of-type(2n) .business__about-outer { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0}

.business__main-visual img.left {width: 95%;margin: 0 0 0 2%;}
.business__names-right {top: -28%;}
.square {width: 90vw;height: 50vw;right: 4px;bottom: -10px;}
.left {left: 0px;}
.cross{margin-top: 60px;}
.business__main-visual img {width: 95%;margin: 0 0 0 2%;}
}