@charset "utf-8";

.l-content .content {
 max-width: 1920px;
 margin: 0 auto;
}

.l-content .m-container {
 max-width: 1680px;
}

.l-content .block_sub {
 background: url('/th/pr/misumi_learning_center/images/bg_experience_lg.png') no-repeat;
 background-size: cover;
 padding: 0 40px 31px 40px;
 text-align: center;
}

.l-content .icon {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 column-gap: 60px;
 grid-row-gap: 20px;
 margin: 0 0 40px 0;
}

.l-content .section2 {
 background: #00308F;
 background: linear-gradient(1800deg, rgba(0, 48, 143, 1) 50%, rgba(0, 14, 28, 1) 100%);
 padding: 60px 10px 40px 10px;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.l-content .product-experience {
 position: relative;
}

.l-content .product-experience .m-btn-position {
 position: absolute;
 bottom: 27%;
 left: 3%;
}

.l-content .engineering {
 position: relative;
}

.l-content .engineering .col-wrap {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 column-gap: 20px;
 position: absolute;
 top: 68%;
}

.l-content .support .col-5:hover,
.l-content .engineering .col-4:hover,
.l-content .icon .item:hover {
 scale: 1.02;
}

.l-content .section3 {
 background-color: #00308f;
 padding: 560px 20px 0 20px;
}

.l-content .support {
 display: flex;
 justify-content: center;
 column-gap: 30px;
 row-gap: 30px;
 align-items: baseline;
 padding: 40px 0 0 0;
 flex-wrap: wrap;
}

.l-content .support-head {
 font-size: 23px;
 color: #ffcc00;
 font-weight: bold;
 margin: 20px 0 0 0;
}

.l-content .support .support-text {
 font-size: 18px;
 color: #ffffff;
 padding: 0 0 20px 0;
}

.l-content .section4 {
 background: #00308F;
 background: linear-gradient(1800deg, rgba(0, 48, 143, 1) 17%, rgba(0, 14, 28, 1) 100%);
 padding: 60px 20px 60px 20px;
}

.l-content .support .col-5 {
 width: 15%;
}

.l-content .col-4 {
 width: 24%;
}

.l-content .icon {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 column-gap: 40px;
 grid-row-gap: 20px;
}

.l-content .icon .item {
 width: 14%;
}

.l-content .arrow-text {
 display: flex;
 align-items: baseline;
 justify-content: center;
 column-gap: 10px;
}

.l-content .arrow-down {
 width: 12px;
 height: 12px;
 border: 2px solid #fff;
 border-left: 0;
 border-top: 0;
 transform: rotate(45deg);
 display: inline-block;
 transition: transform 0.3s ease;
}

.l-content .text_icon {
 color: #ffffff;
 font-size: 22px;
 padding: 10px 0 0 0;
}

.l-content .text_icon a {
 color: #ffffff;
}

@media screen and (max-width: 1728px) {
 .l-content .fixhight-head {
  height: 70px
 }
}

@media screen and (max-width: 1716px) {
 .l-content .fixhight-detail {
  height: 140px
 }
}

@media screen and (max-width: 1609px) {
 .l-content .support .col-5 {
  width: 14%;
 }
}

@media screen and (max-width: 1600px) {
 .l-content .col-4 {
  width: 23%;
 }

 .l-content .section3 {
  padding: 460px 20px 0 20px;
 }
}

@media screen and (max-width: 1491px) {
 .l-content .text_icon {
  font-size: 18px;
  padding: 10px 0 0 0;
 }

 .l-content .section3 {
  padding: 420px 20px 0 20px;
 }
}

@media screen and (max-width: 1437px) {
 .l-content .fixhight-detail {
  height: 168px
 }
}

@media screen and (max-width: 1399px) {
 .l-content .icon .item {
  width: 13%;
 }

 .l-content .section3 {
  padding: 400px 20px 0 20px;
 }
}

@media screen and (max-width: 1340px) {
 .l-content .fixhight-detail {
  height: 196px
 }
}

@media screen and (max-width: 1225px) {
 .l-content .text_icon br {
  display: none;
 }

 .l-content .icon .item {
  width: 22%;
 }

 .l-content .item img {
  width: 70%
 }

 .l-content .section3 {
  padding: 350px 20px 0 20px;
 }

 .l-content .support-head {
  font-size: 20px;
 }

 .l-content .support .support-text {
  font-size: 16px;
 }

 .l-content .fixhight-detail {
  height: 142px
 }
}

@media screen and (max-width: 1203px) {
 .l-content .fixhight-detail {
  height: 168px
 }
}

@media screen and (max-width: 1149px) {
 .l-content .icon .item {
  width: 27%;
 }

 .l-content .product-experience .m-btn-position {
  position: absolute;
  bottom: 25%;
 }

 .l-content .section3 {
  padding: 320px 20px 0 20px;
 }

 .l-content .support .col-5 {
  width: 30%;
 }

 .l-content .support .col-5 img {
  max-width: 70%;
 }

 .l-content .fixhight-head {
  height: 32px;
 }

 .l-content .fixhight-detail {
  height: 98px
 }
}

@media screen and (max-width: 991px) {
 .responsive .l-content .m-btn-list .m-btn--lg {
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
 }

 .l-content .section3 {
  padding: 280px 20px 0 20px;
 }
}

@media screen and (max-width: 789px) {
 .l-content .col-4 {
  width: 22%;
 }
}

@media screen and (max-width: 773px) {
 .l-content .fixhight-detail {
  height: 122px;
 }
}

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

 .responsive .l-content .m-btnLink--conversion.m-btn--edit {
  width: 100% !important;
 }

 .l-content .text_icon {
  font-size: 14px;
 }

 .l-content .arrow-down {
  width: 8px;
  height: 8px;
 }

 .l-content .icon .item {
  width: 28%;
 }

 .l-content .product-experience .m-btn-position {
  position: absolute;
  bottom: 57%;
  left: 35%
 }

 .l-content .block_sub {
  padding: 0 10px 31px 10px;
 }

 .l-content .engineering .col-wrap {
  top: 72%;
 }

 .l-content .section3 {
  padding: 180px 20px 0 20px;
 }
}

@media screen and (max-width: 763px) {
 .l-content .fixhight-head {
  height: 64px;
 }
}

@media screen and (max-width: 659px) {
 .l-content .support .col-5 {
  width: 46%;
 }

 .l-content .fixhight-head {
  height: 32px;
 }

 .l-content .fixhight-detail {
  height: 96px;
 }
}

@media screen and (max-width: 599px) {
 .l-content .icon .item {
  width: 43%;
 }

 .l-content .product-experience .m-btn-position {
  left: 30%
 }

 .l-content .engineering .col-wrap {
  column-gap: 10px;
 }

 .l-content .section3 {
  padding: 130px 20px 0 20px;
 }
}

@media screen and (max-width: 525px) {
 .l-content .fixhight-detail {
  height: 123px;
 }
}

@media screen and (max-width: 518px) {
 .l-content .fixhight-head {
  height: 64px;
 }
}

@media screen and (max-width: 480px) {
 .l-content .product-experience .m-btn-position {
  bottom: 55%;
  left: 23%
 }

 .l-content .section3 {
  padding: 100px 20px 0 20px;
 }

 .l-content .support .col-5 {
  width: 100%;
 }

 .l-content .fixhight-head {
  height: auto;
 }

 .l-content .fixhight-detail {
  height: auto;
 }
}

@media screen and (max-width: 385px) {
 .l-content .icon .item {
  width: 40%;
 }

 .l-content .product-experience .m-btn-position {
  bottom: 54%;
  left: 15%
 }

 .l-content .section3 {
  padding: 70px 20px 0 20px;
 }
}

@media screen and (max-width: 340px) {
 .l-content .product-experience .m-btn-position {
  bottom: 53%;
  left: 10%
 }

 .l-content .section3 {
  padding: 50px 20px 0 20px;
 }
}