@charset "UTF-8";

* {padding: 0; margin: 0; }
img {width: 100%; height: auto; border: none;}
a:link { text-decoration: none; color: #fff;}
a:visited { text-decoration: none; color: #fff;}
a:hover { text-decoration: none;}
a:active { text-decoration: none; color: #fff;}
a:link,a:visited,a:hover,a:active {transition: all .6s; }
a:hover { opacity: .4;}

input[type=checkbox] {opacity: 0; display: none;}

.maincont,header,.kv {opacity: 0; transition all 1s;}
.maincont.on,header.on,.kv.on {opacity: 1; transition all 1s;}

  .desc p em {text-decoration: none; font-style:normal;}
/*
#006c60
*/
#sideBtn {background: #F17015!important;}
#contact {background: #F8F4F4;}
#sideBtn a {padding: 0;}


@media screen and (min-width: 770px) {
  .desc {margin-top: 2vw; padding: 2vw; background: #efefef; border-radius: 1vw;}
  .desc p { display: flex; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 1vw;}
  .desc p:last-child {margin-bottom: 0;}
  .desc p span {display: block; width: 2vw; height: 2vw; display: flex; justify-content: center; align-items: center; margin-right: 1vw; color: #fff; background: #F17015; border-radius: 50%;}


body { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal; background: #EFEFEF; font-size: 20px;}
.section {display: block; overflow: hidden; margin: 0 auto 100px;}
div.section:nth-last-of-type(1) {margin-bottom: 0;}
.mb20 {margin-bottom: 20px;}
.w60 {width: 60%; margin: 0 auto;}
br.sp {display: none!important;}

header {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: auto; background: #fff; padding: 1vw; box-sizing: border-box;}
header .logo { display: flex; font-size: 16px; flex:1; width: 400px; height: auto; margin: 0; padding: 0; height: auto;}

.kv {width: 100%; height: auto; aspect-ratio:1/.5; background: #2a635a; display: block; margin: 20px auto 0; overflow: hidden;}
.kv .txt { width: 90%; height: auto; margin: 120px auto 0;}
.kv .img1 { position: absolute; z-index: 1; left: 3%; top: 33vw; width: 20vw; height: auto; display: block;}
.kv .img2 { position: absolute; z-index: 1; right: 3%; top: 33vw; width: 16vw; height: auto; display: block;}

.index1 {background: #EBEBEB; width: 100%; padding: 0 0; margin: 0 auto; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.index1 .section { display: flex; justify-content: center; align-items: center; margin: 0; padding: 0;}
.index1 .section .left { width: 40%; box-sizing: border-box; padding: 4vw; -webkit-filter: drop-shadow(0px 13px 20px rgba(0,0,0,.3)); filter: drop-shadow(0px 13px 20px rgba(0,0,0,.3));}
.index1 .section .right { width: 40%;}
.index1 .section .right p {position: relative; display: block; text-align: left; margin-bottom: 20px;}
.index1 .section .right p span {display: block; width: max-content; margin-left: 50px;}
.index1 .section .right p:before { position: absolute; content:""; width: 1.5em; height: 1.5em; background: url(images/check.png) no-repeat left center; display: block; margin-right: 1em;background-size: contain;}

.index2 {overflow: hidden;}
.txtimgindex2 { width: 50%; margin: 10vw auto ;}
.index2 .top { width: 80%; margin: 200px auto; text-align: center;}
.index2 .top p {margin: 0 auto 20px; }
.index2 .top p:nth-child(1) {display: block; width: 200px;}
.index2 .top p:nth-child(2) {display: block; width: 950px;}
.index2 .top p:nth-child(3) {display: block; width: 800px;}
.index2 .top p:nth-child(4) {display: block; width: 1100px;}
.index2 .top p:nth-child(5) {display: block; width: 800px;}

.index2 .scale img { width: 40vw; height: auto; margin: 0 auto;  }
.index2 .mid { width: 50%; margin: 200px auto 10px; text-align: center; display: flex; justify-content: space-between; align-items: flex-start;}
.index2 .mid .cell { width: 31%;}
.index2 .mid .cell .ttl { margin-bottom: 40px; position: relative; border-radius: 20px; background: #404040; padding: 10px 0; box-sizing: border-box; color: #fff; font-size: 120%; font-weight: bold; display: flex; justify-content: center; align-items: center; height: 5.5em;}
.index2 .mid .cell .ttl:before { position: absolute; content:"▶︎"; color: #404040; font-size: 100%; bottom: -30px; left: 0; right: 0; margin: 0 auto; transform: rotate(90deg);}
.index2 .mid .cell img { display: block; width: 90%; height: auto; margin-top: 1vw;}

.index2 .arrow {width: 50%; margin: 0 auto;}

.index2 .btm { width: 80%; margin: 10px auto; text-align: center; display: flex; justify-content: space-between; align-items: flex-start;}
.index2 .btm .cell { width: 31%;}
.index2 .btm .cell .ttl { margin-bottom: 40px; position: relative; border-radius: 20px; background: #404040; padding: 10px 0; box-sizing: border-box; color: #fff; font-size: 120%; font-weight: bold; display: flex; justify-content: center; align-items: center; height: 5.5em;}
.index2 .btm .cell .ttl:before { position: absolute; content:"▶︎"; color: #404040; font-size: 100%; bottom: -25px; left: 0; right: 0; margin: 0 auto; transform: rotate(90deg);}
.index2 .btm .cell .btm { margin: 20px 0 0; text-align: left;}
.index2 .last { width: 100%; margin: 150px auto 0; overflow: hidden;}
.index2 .last .ttl { margin-top: 200px; position: relative; border-radius: 20px; background: #fff; padding: 10px 50px; box-sizing: border-box; color: #000; font-weight: bold; font-size: 160%; font-weight: bold; display: flex; justify-content: center; align-items: center; height: 80px; width: max-content; margin: 0 auto 3vw;}
.index2 .last .ttl:before { position: absolute; content:"▶︎"; color: #fff; font-size: 100%; top: 436px; left: 0; right: 0; margin: 0 auto; transform: rotate(90deg);}
.index2 .last .img {}

.ttlheader {font-size: 150%; text-align: center; margin: 0 auto 40px; font-weight: bold; width: max-content; padding-bottom: 1vw; border-bottom: solid 5px #000;}
.index3 {background: #fff; display: block; overflow: hidden; margin-top: -10px; padding: 0 0;}
.index3 .w60 { width: 60%; margin: 0 auto;}
.index3 .video iframe { display: block; width: 50%; height: 28.2vw; margin: 0 auto;}
.index3 .contentnavi {width: 80%; margin: 100px auto;}
.index3 .contentnavi .cell { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px;}
.index3 .contentnavi .cell .num {color: #22AF93; font-size: 250%; }
.index3 .contentnavi .cell .main { width: 78%;}
.index3 .contentnavi .cell .main h3 {margin-bottom: 10px;}
.index3 .contentnavi .cell .link { width: auto; text-align: right; position: relative; display: flex; justify-content: flex-end;}
/*.index3 .contentnavi .cell .link:before { display: block; position: absolute; content: ""; width: 60%; height: 1px; background: #ddd; left: 0; top: 0; bottom: 0; margin: auto;}*/
.index3 .contentnavi .cell .link a { background: #01655A; display: block; width: max-content; padding: 10px; color: #fff; }

.index4 {position: relative; overflow: hidden; padding: 300px 0 100px; margin: 0 auto;}
.index4:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-left: 50vw solid transparent; border-right: 50vw solid transparent; border-bottom: 10vw solid #fff; transform: rotate(180deg);}
.index4 .section {width: 80%;}
.index4 .section h2 {text-align: center; margin-bottom: 50px;}
.index4 .section .txtbox { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 25px;}
.index4 .section .txtbox .left { width: 40%; border-radius: 20px; background: #fff; padding: 30px; text-align: left; color: #9A8A10; -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.6)); filter: drop-shadow(0px 0px 0px rgba(0,0,0,.6));}
.index4 .section .txtbox .right { width: 40%; border-radius: 20px; background: #fff; padding: 30px; text-align: left; color: #000;}
.index4 .section .txtbox .mdl {position: relative; width: 20px; text-align: center; margin: 0 auto;}
.index4 .section .txtbox .mdl:before { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; content:"▶︎"; font-size: 200%; color: #22AF93; font-size: 240%;}

.index5 {position: relative; overflow: hidden; padding-top: 200px; margin: 0 auto; background: #fff;}
.index5:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-left: 50vw solid transparent; border-right: 50vw solid transparent; border-bottom: 10vw solid #EFEFEF; transform: rotate(180deg);}
.index5 .section {width: 100%;}
.index5 .section .boxbox { width: 100%; height: auto; overflow: hidden;}
.index5 .section .box:nth-of-type(even) {background: #FAFAFA;}
.index5 .section .box {padding: 100px 0; overflow: hidden; margin: 0 auto;}
.index5 .ttlcell { width: 80%; margin: 0 auto 30px; display: flex; justify-content: flex-start; align-items: center; }
.index5 .ttlcell .num {color: #22AF93; font-size: 250%; }
.index5 .ttlcell .main {position: relative; width: auto; padding-left: 20px; box-sizing: border-box; text-align: left;}
/*.index5 .ttlcell .main:after { display: block; position: absolute; z-index: 1; content: ""; width: 20%; height: 1px; background: #707070; right: 0; top: 0; bottom: 0; margin: auto;}*/
.index5 .ttlcell .main h2 { font-size: 200%;position: relative; z-index: 2; width: max-content; padding-right: 10px;}
.index5 .ttlcell .txt { text-align: left; padding-left: 1em; font-weight: bold; font-size: 104%;}
.index5 .flex {display: flex; justify-content: space-between; align-items: flex-start;width: 100%; width: 80%; margin: 0 auto;}
.index5 .flex .img { width: 40%; background: #fff; border-radius: 20px; padding: 40px 20px; box-sizing: border-box;}
.index5 .flex .main { width: 58%;}
.index5 .flex .main .feature {margin-top: 70px;}
.index5 .flex .main .feature p {position: relative; display: block; text-align: left; margin-bottom: 10px;}
.index5 .flex .main .feature p span {display: block; margin-left: 50px; color: #01655A;}
.index5 .flex .main .feature p:before { position: absolute; content:""; width: 1.5em; height: 1.5em; background: url(images/check.png) no-repeat left center; display: block; margin-right: 1em;background-size: contain;}
.index5 .flex + .w60 {margin-top: 100px;}

.index6 {position: relative; overflow: hidden; padding-top: 3vw; margin: 0 auto; background: #fff;}
.index6 navi {width: 100%; display: block; border-bottom: solid 1px #707070; margin: 0 auto;}
.index6 navi .set{ display: flex; justify-content: flex-start; align-items: flex-end; width: 80%; height: 100px; margin: 0 auto;}
.index6 navi .set a {position: relative; width: 25%; display:  flex; justify-content: center; align-items: center; background: #fff; color: #000;margin-top: 30px; padding: 10px 0; box-sizing: border-box; border-left: solid 1px #707070; border-top: solid 1px #707070;}
.index6 navi .set a:last-child {border-right: solid 1px #707070;}
.index6 navi .set a.on { background: #707070; padding: 30px 0; color: #fff; margin-top: 0;}
.index6 navi .set a.on:after {content: "▶︎"; font-size: 100%; color: #fff; margin-left: 1em; transform:rotate(90deg);}
.index6 .maincell {display: none!important; opacity: 0; z-index: 1; width: 80%; margin: 50px auto 0; display: flex; justify-content: flex-start; align-items: flex-start;}
.index6 .maincell.on { display: flex!important; z-index: 2; opacity: 1;}
.index6 .maincell .left { width: 20%;}
.index6 .maincell .left span:first-child {display: block; font-weight: bold; font-size: 97%; color: #22AF93; line-height: 1;}
.index6 .maincell .left span:last-child {display: block; font-weight: bold; font-size: 470%; color: #22AF93; line-height: 1;}
.index6 .maincell .main { width: 80%; border-left: solid 1px #707070; padding-left: 50px; box-sizing: border-box;}
.index6 .maincell .main h2 {margin-bottom: 40px;}
.index6 .maincell .main .img {margin-bottom: 40px;}
.index6 .maincell .main .img + p {display: block; margin-bottom: 50px;}
.index6 .maincell .main .box {margin-bottom: 50px;}
.index6 .maincell .main .box h3 {position: relative; display: block; width: max-content; min-width: 40%; border-radius: 30px; background: #01655A; padding: 5px 10px; margin-bottom: 40px; font-size: 100%; text-align: center; color: #fff;}
.index6 .maincell .main .box h3:before { content: ""; position: absolute; width: 50px; height: 1px; background: #707070; top: 0; bottom: 0; left: -50px; margin: auto;}
.index6 .maincell .main .box p {margin-bottom: 30px;}
.index6 .maincell .main .box p:last-child {margin-bottom: 0;}
.index6 .solution { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 50px;}
.index6 .solution .left { width: 30%; padding: 30px; text-align: left; color: #000; font-weight: bold; font-size: 120%;}
.index6 .solution .mdl {position: relative; width: 10%; text-align: center; margin: 0 auto;}
.index6 .solution .mdl:before { content:"▶︎"; font-size: 140%; color: #DEDEDE;}
.index6 .solution .right { width: 60%; background: #fff; padding: 30px; text-align: left; color: #01655A; border: dotted 1px #01655A;}
.index6 .solution .right p {position: relative; display: block; text-align: left; margin-bottom: 10px;}
.index6 .solution .right p span {display: block; margin-left: 50px; color: #01655A;}
.index6 .solution .right p:before { position: absolute; content:""; width: 1.5em; height: 1.5em; background: url(images/check.png) no-repeat left center; display: block; margin-right: 1em;background-size: contain;}
#sideBtn a:nth-child(1) {padding-bottom: 8px;}
#sideBtn a:nth-child(2) {padding-bottom: 0;}
#sideBtn a:nth-child(1)::before { content: ''; display: inline-block; background: url(images/icon_mail.png) no-repeat 0 0; background-size: auto; background-size: 100%; vertical-align: middle; width: 2rem; height: 2rem; margin: auto 0.8rem auto 0;}
#sideBtn a:nth-child(2)::before { content: ''; display: inline-block; background: url(images/icon_gotop.png) no-repeat 0 0; background-size: auto; background-size: 100%; vertical-align: middle; width: 2rem; height: 2rem; margin: auto 0.8rem auto 0;}
}










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

  .desc {margin-top: 2vw; padding: 2vw; background: #efefef; border-radius: 1vw;}
  .desc p { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 2vw; font-size: 90%;}
  .desc p:last-child {margin-bottom: 0;}
  .desc p:after {break:all;}
  .desc p span {display: block;float: left; width: 5vw; height: 5vw; text-align: center; line-height: 5vw;font-size: 70%; margin-right: 1vw; color: #fff; background: #F17015; border-radius: 50%;}
  .desc p em {width: 90%; }


body { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-style: normal; background: #EFEFEF; font-size: 4vw;}
.section {display: block; overflow: hidden; margin: 0 auto 10vw;}
div.section:nth-last-of-type(1) {margin-bottom: 0;}
.mb20 {margin-bottom: 40px;}
.w60 {width: 100%; margin: 0 auto;}


header {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: auto; background: #fff; padding: 0px; box-sizing: border-box;}
#pageIndex h1.logo { display: flex; flex:1; width: 50vw; height: auto;}

.kv {width: 100%; height: auto; aspect-ratio:1/.8; background: #2a635a; display: block; margin: 10vw auto 0; overflow: hidden;}
.kv.switch {background: url(images/kvbg.jpg) no-repeat; background-size: cover;}
.kv .txt img { width: 95%; height: auto; margin: 8vw auto 0;}
.kv .img1 { position: absolute; z-index: 1; left: 3%; top: 55vw; width: 36vw; height: auto; display: block;}
.kv .img2 { position: absolute; z-index: 1; right: 3%; top: 57vw; width: 27vw; height: auto; display: block;}

.index1 {background: #EBEBEB; width: 100%; padding: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.index1 .section { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin: 0; padding: 0;}
.index1 .section .left { width: 50%; box-sizing: border-box; padding: 4vw; -webkit-filter: drop-shadow(0px 13px 20px rgba(0,0,0,.3)); filter: drop-shadow(0px 13px 20px rgba(0,0,0,.3));}
.index1 .section .right { width: 90%;}
.index1 .section .right p {position: relative; display: block; text-align: left; margin-bottom: 3vw;}
.index1 .section .right p span {display: block; width: max-content; margin-left: 7vw;}
.index1 .section .right p:before { position: absolute; content:""; width: 1.5em; height: 1.5em; background: url(images/check.png) no-repeat left center; display: block; margin-right: 1em;background-size: contain;}

.index2 {overflow: hidden;}
.txtimgindex2 { width: 80%; margin: 10vw auto ;}
.index2 .top { width: 80%; margin: 10vw auto; text-align: center;}
.index2 .top p {margin: 0 auto 20px; }
.index2 .top p:nth-child(1) {display: block; width: 30%;}
.index2 .top p:nth-child(2) {display: block; width: 100%;}
.index2 .top p:nth-child(3) {display: block; width: 100%;}
.index2 .top p:nth-child(4) {display: block; width: 100%;}
.index2 .top p:nth-child(5) {display: block; width: 100%;}

.index2 .mid { width: 70%; margin: 10vw auto 10px; text-align: center; display: flex; justify-content: space-between; align-items: flex-start;}
.index2 .mid .cell { width: 45%;}
.index2 .mid .cell .ttl { margin-bottom: 40px; position: relative; border-radius: 20px; background: #404040; padding: 10px 0; box-sizing: border-box; color: #fff; font-size: 120%; font-weight: bold; display: flex; justify-content: center; align-items: center; height: 5.5em;}
.index2 .mid .cell img { display: block; width: 90%; height: auto; margin-top: 1vw;}
.index2 .scale { width: 60%; height: auto; margin: auto;}
.index2 .arrow {width: 80%; margin: 0 auto;}

.index2 .btm { width: 95%; margin: 10px auto; text-align: center; display: flex; justify-content: space-between; align-items: flex-start; font-size: 100%;}
.index2 .btm .cell { width: 31%;}
.index2 .btm .cell .ttl { margin-bottom: 40px; position: relative; border-radius: 20px; background: #404040; padding: 10px 0; box-sizing: border-box; color: #fff; font-size: 70%; font-weight: bold; display: flex; justify-content: center; align-items: center; height: 5.5em;}
.index2 .btm .cell .btm { margin: 20px 0 0; text-align: left; font-size: 70%;}
.index2 .last { width: 100%; margin: 10vw auto 0; overflow: hidden;}
.index2 .last .ttl {text-align: center; margin-top: 10vw; position: relative; border-radius: 20px; background: #fff; padding: 5vw; box-sizing: border-box; color: #000; font-weight: bold;  font-weight: bold; display: flex; justify-content: center; align-items: center; height: 80px; width: max-content; margin: 0 auto 10vw;}
.index2 .last .img {}

.ttlheader {font-size: 150%; text-align: center; margin: 0 auto 40px; font-weight: bold; width: max-content; padding-bottom: 1vw; border-bottom: solid 5px #000;}
.index3 {background: #fff; display: block; overflow: hidden; margin-top: -10px; padding: 0 0 0;}
.index3 .w60 { width: 90%; margin: 0 auto;}
.index3 .video {width: 80%; height: 45vw; margin: auto;}
.index3 iframe { width: 100%; height: 100%; margin: auto;}
.index3 .contentnavi {width: 96%; margin: 100px auto;}
.index3 .contentnavi .cell { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin-bottom: 80px;}
.index3 .contentnavi .cell .num {color: #22AF93; font-size: 250%; }
.index3 .contentnavi .cell .main { width: 100%;}
.index3 .contentnavi .cell .main h3 {margin-bottom: 10px;}
.index3 .contentnavi .cell .link { width: 100%; text-align: right; position: relative; display: flex; justify-content: flex-end; margin-top: 20px;}
.index3 .contentnavi .cell .link:before { display: block; position: absolute; content: ""; width: 60%; height: 1px; background: #ddd; left: 0; top: 0; bottom: 0; margin: auto;}
.index3 .contentnavi .cell .link a { background: #01655A; display: block; width: max-content; padding: 10px; color: #fff; }

.index4 {position: relative; overflow: hidden; padding: 15vw 0 10vw; margin: 0 auto;}
.index4:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-left: 50vw solid transparent; border-right: 50vw solid transparent; border-bottom: 10vw solid #fff; transform: rotate(180deg);}
.index4 .section {width: 80%;}
.index4 .section h2 {text-align: center; margin-bottom: 10vw;}
.index4 .section .txtbox { width: 100%; display: block; margin: 50px auto 0;}
.index4 .section .txtbox .left { width: 100%; border-radius: 20px; background: #fff; padding: 30px; text-align: left; color: #9A8A10; -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.6)); filter: drop-shadow(0px 0px 0px rgba(0,0,0,.6));}
.index4 .section .txtbox .right { width: 100%; border-radius: 20px; background: #fff; padding: 30px; text-align: left; color: #000;}
.index4 .section .txtbox .mdl {position: relative; width: 20px; text-align: center; margin: 0 auto;background:url(images/greenarrow.png) no-repeat center center; width: auto;  height: 9vw; background-size: contain; transform: rotate(90deg);}

.index5 {position: relative; overflow: hidden; padding-top: 10vw; margin: 0 auto; background: #fff;}
.index5:before { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-left: 50vw solid transparent; border-right: 50vw solid transparent; border-bottom: 10vw solid #EFEFEF; transform: rotate(180deg);}
.index5 .section {width: 100%;}
.index5 .section .boxbox { width: 100%; height: auto; overflow: hidden;}
.index5 .section .box:nth-of-type(even) {background: #FAFAFA;}
.index5 .section .box {padding: 10vw 0; overflow: hidden; margin: 0 auto;}
.index5 .ttlcell { width: 90%; margin: 0 auto 30px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.index5 .ttlcell .num {color: #22AF93; font-size: 250%; }
.index5 .ttlcell .main {position: relative; width: auto; padding-left: 20px; box-sizing: border-box; text-align: left;}
.index5 .ttlcell .main h2 { font-size: 200%;position: relative; z-index: 2; width: max-content; padding-right: 10px;}
.index5 .ttlcell .txt { width: 100%; text-align: left; font-weight: bold; font-size: 110%;}
.index5 .flex {display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;width: 80%; margin: 0 auto;}
.index5 .flex .img { width: 100%; background: #fff; border-radius: 20px; padding: 40px 20px; box-sizing: border-box;}
.index5 .flex .main { width: 100%;}
.index5 .flex .main .feature {margin-top: 70px;}
.index5 .flex .main .feature p {position: relative; display: block; text-align: left; margin-bottom: 10px;}
.index5 .flex .main .feature p span {display: block; margin-left: 50px; color: #01655A;}
.index5 .flex .main .feature p:before { position: absolute; content:""; width: 1.5em; height: 1.5em; background: url(images/check.png) no-repeat left center; display: block; margin-right: 1em;background-size: contain;}
.index5 .flex + .w60 {margin-top: 100px;}

.index6 {position: relative; overflow: hidden; padding-top: 0; margin: 0 auto 0; background: #fff;}
.index6 navi {width: 100%; display: block; border-bottom: solid 1px #707070; margin: 0 auto;}
.index6 navi .set{ display: flex; justify-content: flex-start; align-items: flex-end; width: 98%; height: 100px; margin: 0 auto;}
.index6 navi .set a {position: relative; width: 25%; display:  flex; justify-content: center; align-items: center; background: #fff; color: #000;margin-top: 30px; padding: 10px 0; box-sizing: border-box; border-left: solid 1px #707070; border-top: solid 1px #707070; font-size: 80%;}
.index6 navi .set a:last-child {border-right: solid 1px #707070;}
.index6 navi .set a.on { background: #707070; padding: 30px 0; color: #fff; margin-top: 0;}
.index6 .maincell {display: none!important; opacity: 0; z-index: 1; width: 98%; margin: 100px auto 0;}
.index6 .maincell.on { display: block!important; z-index: 2; opacity: 1;}
.index6 .maincell .left { width: 20%; margin-bottom: 3vw;}
.index6 .maincell .left span:first-child {display: block; font-weight: bold; font-size: 97%; color: #22AF93; line-height: 1;}
.index6 .maincell .left span:last-child {display: block; font-weight: bold; font-size: 470%; color: #22AF93; line-height: 1;}
.index6 .maincell .main { width: 95%; border-left: solid 1px #707070; padding-left: 50px; box-sizing: border-box;}
.index6 .maincell .main h2 {margin-bottom: 10vw;}
.index6 .maincell .main .img {margin-bottom: 10vw;}
.index6 .maincell .main .img + p {display: block; margin-bottom: 10vw;}
.index6 .maincell .main .box {margin-bottom: 10vw;}
.index6 .maincell .main .box h3 {position: relative; display: block; width: max-content; min-width: 50%; border-radius: 30px; background: #01655A; padding: 1vw 3vw; margin-bottom: 5vw; font-size: 100%; text-align: center; color: #fff;}
.index6 .maincell .main .box h3:before { content: ""; position: absolute; width: 50px; height: 1px; background: #707070; top: 0; bottom: 0; left: -50px; margin: auto;}
.index6 .maincell .main .box p {margin-bottom: 30px;}
.index6 .maincell .main .box p:last-child {margin-bottom: 0;}
.index6 .solution { width: 100%; display: block; margin-top: 50px;}
.index6 .solution .left { width: 100%; padding: 0; text-align: left; color: #000; font-weight: bold; font-size: 120%;}
.index6 .solution .mdl {display: none;}
.index6 .solution .right { width: 100%; background: #fff; padding: 30px; text-align: left; color: #01655A; border: dotted 1px #01655A;}
.index6 .solution .right p {position: relative; display: block; text-align: left; margin-bottom: 10px;}
.index6 .solution .right p span {display: block; margin-left: 50px; color: #01655A;}
.index6 .solution .right p:before { position: absolute; content:""; width: 1.5em; height: 1.5em; background: url(images/check.png) no-repeat left center; display: block; margin-right: 1em;background-size: contain;}

#sideBtn {width: auto;}
#sideBtn a:nth-child(1)::before { content: ''; display: inline-block; background: url(images/icon_mail.png) no-repeat 0 0; background-size: auto; background-size: 100%; vertical-align: middle; width: 3rem; height: 3rem; margin: auto 1.5rem auto 0;}
#sideBtn a:nth-child(2)::before { content: ''; display: inline-block; background: url(images/icon_gotop.png) no-repeat 0 0; background-size: auto; background-size: 100%; vertical-align: middle; width: 3rem; height: 3rem; margin: auto 1.5rem auto 0;}
}

#contact .contentBox {
  padding: 3%;
}
#secMngNumber {
  background-color: #F8F4F4;
  padding-top: 0;
}
#secMngNumber p {
  color: #000;
  padding-right: 20px;
}

@media screen and (max-width: 769px) {
  #secMngNumber p {
    color: #000;
    padding-right: 3%;
  }
}


.index6 {display: none!important; opacity: 0!important;}








/**/