.vision-top { padding: 40px 0 60px; background: url("../img/common/top_bg001.png") no-repeat center center; background-size: 100% 100%; color: #fff; }
@media screen and (max-width: 750px) { .vision-top { padding: 6.25% 0 8.75%; background-image: url("../img/common/sp/top_bg001.png"); } }
.vision-top .vision-top-ttl { margin-bottom: 30px; font-size: 4rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .vision-top .vision-top-ttl { margin-bottom: 4.2857142857%; font-size: 2.2153846154rem; } }
.vision-top p { font-size: 2rem; }
@media screen and (max-width: 750px) { .vision-top p { font-size: 1.6rem; } }

.vision-btn { display: flex; justify-content: center; align-items: center; column-gap: 1rem; text-decoration: none; width: 100%; max-width: 600px; margin-inline: auto; min-height: 5rem; padding: 5px 30px; background: #07512e url("../img/common/ico_arrow.svg") no-repeat right 15px center; background-size: 15px auto; font-size: 2.0rem; font-weight: 700; text-align: center; color: #fff; }
@media screen and (max-width: 750px) { .vision-btn { padding-inline: 2rem; background-position: right 0.5rem center; background-size: 1rem auto; font-size: 1.6rem; } }
.vision-btn .ico-pdf { width: 2.8rem; }

.vision-main-wrap { display: grid; row-gap: 60px; max-width: 1000px; margin-inline: auto; }
@media screen and (max-width: 750px) { .vision-main-wrap { row-gap: 4rem; } }

.vision-main-sec .vision-main-ico { max-width: 160px; margin-inline: auto; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-ico { max-width: 28.5714285714%; } }
.vision-main-sec .vision-main-ttl { margin-bottom: 25px; color: #07512e; font-size: 3.4rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-ttl { font-size: 1.8461538462rem; } }
.vision-main-sec .vision-main-ttl span { font-size: 2rem; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-ttl span { font-size: 1.2307692308rem; } }
.vision-main-sec .vision-main-ttl span._b { display: block; line-height: 1.6; text-align: center; }
.vision-main-sec .vision-main-ttl._n { letter-spacing: -2px; }
.vision-main-sec dl { margin-bottom: 30px; border: 1px solid #07512e; border-radius: 20px; padding: 0 1rem 10px; }
@media screen and (max-width: 750px) { .vision-main-sec dl { margin-bottom: 2.8571428571%; } }
.vision-main-sec dl dt { width: 10em; margin-inline: auto; border-radius: 5px; background-color: #07512e; color: #fff; font-size: 2rem; font-weight: 700; text-align: center; transform: translateY(-50%); }
@media screen and (max-width: 750px) { .vision-main-sec dl dt { font-size: 1.7230769231rem; } }
.vision-main-sec dl dd { color: #07512e; font-size: 2rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .vision-main-sec dl dd { font-size: 1.6rem; } }
.vision-main-sec .vision-main-box { display: flex; column-gap: 3%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box { display: block; } }
.vision-main-sec .vision-main-box .vision-main-con { flex: 1; }
.vision-main-sec .vision-main-box .vision-main-fig { width: 50%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box .vision-main-fig { width: 100%; margin-top: 2.8571428571%; } }
.vision-main-sec .vision-main-box._s { column-gap: 0; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s._sf { display: flex; column-gap: 4.2857142857%; } }
.vision-main-sec .vision-main-box._s .vision-main-fig { text-align: center; }
.vision-main-sec .vision-main-box._s .vision-main-fig._s1 { width: 30%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s .vision-main-fig._s1 { width: 30.7142857143%; } }
.vision-main-sec .vision-main-box._s .vision-main-fig._s1 img { width: 72%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s .vision-main-fig._s1 img { width: 100%; } }
.vision-main-sec .vision-main-box._s .vision-main-fig._s2 { width: 31.6%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s .vision-main-fig._s2 { width: 100%; } }
.vision-main-sec .vision-main-box._s .vision-main-fig._s2 img { width: 66.7721518987%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s .vision-main-fig._s2 img { width: 57.1428571429%; } }
.vision-main-sec .vision-main-box._s .vision-main-fig._s3 { width: 48.7%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s .vision-main-fig._s3 { width: 100%; } }
.vision-main-sec .vision-main-box._s .vision-main-fig._s3 img { width: 88.295687885%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s .vision-main-fig._s3 img { width: 71.4285714286%; } }
.vision-main-sec .vision-main-box._s .vision-main-fig._s4 { width: 48.5%; padding-right: 1.5%; text-align: right; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s .vision-main-fig._s4 { width: 100%; padding-right: 0; text-align: center; } }
.vision-main-sec .vision-main-box._s .vision-main-fig._s4 img { width: 82.135523614%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s .vision-main-fig._s4 img { width: 71.4285714286%; } }
.vision-main-sec .vision-main-box._s .vision-main-fig._s5 img { width: 78%; }
@media screen and (max-width: 750px) { .vision-main-sec .vision-main-box._s .vision-main-fig._s5 img { width: 100%; } }

.vision-main._common { background: url("../img/vision/common_bg001.png") no-repeat left bottom; }
@media screen and (max-width: 2000px) { .vision-main._common { background-size: 50% auto; } }
@media screen and (max-width: 750px) { .vision-main._common { background: none; } }
.vision-main._common .vision-main-wrap { padding-top: 50px; padding-bottom: 100px; }
@media screen and (max-width: 750px) { .vision-main._common .vision-main-wrap { padding-top: 3.75%; padding-bottom: 12.5%; } }
.vision-main._each .tabmenu { display: flex; column-gap: 25px; }
@media screen and (max-width: 750px) { .vision-main._each .tabmenu { column-gap: 1rem; } }
.vision-main._each .tabmenu li { flex: 1; padding: 10px 40px; border-top-width: 10px; border-top-style: solid; cursor: pointer; }
@media screen and (max-width: 750px) { .vision-main._each .tabmenu li { padding-inline: 1.5rem; } }
.vision-main._each .tabmenu li span { opacity: 0.4; font-size: 2.6rem; font-weight: bold; }
@media screen and (max-width: 750px) { .vision-main._each .tabmenu li span { font-size: 1.8461538462rem; } }
.vision-main._each .tabmenu li.active span { opacity: 1; }
.vision-main._each .tabmenu li._laser { border-top-color: #a66329; background-color: #f2e9e4; text-align: right; }
.vision-main._each .tabmenu li._laser span { color: #6d4c3e; }
.vision-main._each .tabmenu li._icl { border-top-color: #e48354; background-color: #f2f2f2; }
.vision-main._each .tabmenu li._icl span { color: #e6750b; }
.vision-main._each .tab { background-image: url("../img/vision/common_bg001.png"); background-repeat: no-repeat; background-position: left bottom; }
@media screen and (max-width: 2000px) { .vision-main._each .tab { background-size: 50% auto; } }
@media screen and (max-width: 750px) { .vision-main._each .tab { background: none; } }
.vision-main._each .tab .vision-main-wrap { padding-top: 30px; padding-bottom: 100px; }
@media screen and (max-width: 750px) { .vision-main._each .tab .vision-main-wrap { padding-top: 7.5%; padding-bottom: 12.5%; } }
.vision-main._each .tab .vision-main-box { flex-direction: row-reverse; }
@media screen and (max-width: 750px) { .vision-main._each .tab .vision-main-box { flex-direction: row; } }
.vision-main._each .tab._laser { background-color: #f2e9e4; }
.vision-main._each .tab._laser .vision-main-ttl { color: #6d4c3e; }
.vision-main._each .tab._laser dl { border-color: #6d4c3e; }
.vision-main._each .tab._laser dl dt { background-color: #6d4c3e; }
.vision-main._each .tab._laser dl dd { color: #6d4c3e; }
.vision-main._each .tab._laser .vision-btn { background-color: #6d4c3e; }
.vision-main._each .tab._icl { background-color: #f2f2f2; }
.vision-main._each .tab._icl .vision-main-ttl { color: #e6750b; }
.vision-main._each .tab._icl dl { border-color: #e6750b; }
.vision-main._each .tab._icl dl dt { background-color: #e6750b; }
.vision-main._each .tab._icl dl dd { color: #e6750b; }
.vision-main._each .tab._icl .vision-btn { background-color: #e6750b; }

/*# sourceMappingURL=vision.css.map */