@charset "UTF-8";

.ymia-lower-mv{
  margin-bottom: 65px;
}
@media screen and (max-width: 660px){
  .ymia-lower-mv{
    margin-bottom: 35px;
  }
}

.ymia-message{
  margin-bottom: 160px;
}
.ymia-message__block{
  display: flex;
  justify-content: space-between;
  flex-flow: row-reverse;
  max-width: 1080px;
  padding: 0 15px;
  margin: 80px auto 0;
}
.ymia-message-photo{
  width: 35%;
  max-width: 374px;
}
.ymia-message-photo__img{
  position: relative;
}
.ymia-message-photo__img::after{
  content: '';
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 103px;
  height: 103px;
  border-right: 2px solid #D71E37;
  border-bottom: 2px solid #D71E37;
}
.ymia-message-photo__img img{
  width: 100%;
}
.ymia-message-photo__post{
  font-size: 114%;
  line-height: 2.2;
  margin: 34px 0 0;
  text-align: right;
}
.ymia-message-photo__name{
  font-size: 200%;
  font-weight: 700;
  text-align: right;
}
.ymia-message__content{
  width: 62%;
  max-width: 664px;
}
.ymia-message__content p{
  line-height: 2;
}
.ymia-message__content p + p{
  margin-top: 2em;
}
@media screen and (max-width: 1164px) {
  .ymia-message-photo__img{
    padding-right: 20px;
  }
  .ymia-message-photo__img::after{
    right: 0;
  }
  .ymia-message-photo__post{
    font-size: 100%;
  }
  .ymia-message-photo__name{
    font-size: 140%;
  }
}
@media screen and (max-width: 660px) {
  .ymia-message__block{
    display: block;
    margin-top: 35px;
    padding: 0 24px;
  }
  .ymia-message-photo{
    width: auto;
    max-width: none;
  }
  .ymia-message-photo__img{
    padding-right: 0;
  }
  .ymia-message-photo__img::after{
    right: -10px;
    bottom: -10px;
  }
  .ymia-message-photo__post{
    font-size: 89%;
    line-height: 1.4;
  }
  .ymia-message-photo__name{
    line-height: 1.0;
    font-size: 114%;
    margin: 0.5em 0 0;
  }
  .ymia-message__content{
    width: auto;
    max-width: none;
    margin-top: 25px;
  }
  .ymia-message{
    margin-bottom: 85px;
  }
}

.ymia-values{
  margin-bottom: 170px;
}
.ymia-values-lists{
  display: flex;
  justify-content: space-between;
  max-width: 900px;
  margin: 80px auto;
  padding: 0 15px;
}
.ymia-values-lists__list{
  width: 31.8%;
  background: #D71E37;
  padding: 60px 35px;
  box-sizing: border-box;
}
.ymia-values-lists__list p{
  color: #fff;
}
.ymia-values-lists__ttl{
  position: relative;
  font-size: 130%;
  height: 4.8em;
  line-height: 1.6;
  text-align: center;
  font-weight: 700;
  margin: 0 -2em 70px;
}
.ymia-values-lists__ttl::after{
  content: '';
  position: absolute;
  bottom: -42px;
  left: 50%;
  width: 70px;
  height: 6px;
  background: #fff;
  transform: translateX(-50%);
}
.ymia-values-lists__txt{
  font-size: 114%;
  line-height: 2;
}
.ymia-values-ex{
  background: #F0F0F0;
  max-width: 1250px;
  margin: 0 auto;
  padding: 60px 80px 80px;
  box-sizing: border-box;
}
.hdg-ymia-values{
  position: relative;
  font-weight: 700;
  font-size: 200%;
  color: #D71E37;
  margin: 0 0 80px;
}
.hdg-ymia-values::before{
  content: '';
  position: absolute;
  bottom: -47px;
  left: 0;
  width: 74px;
  height: 7px;
  background: #D71E37;
}
.ymia-values-ex__block{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ymia-values-ex__content{
  width: 46%;
  max-width: 500px;
}
.ymia-values-ex__ttl{
  font-size: 171%;
  font-weight: 700;
  line-height: 1.46;
}
.ymia-values-ex__txt{
  line-height: 2.19;
  font-size: 114%;
  margin: 0.7em 0 0;
}
.ymia-values-ex__block .lyt-movie-01{
  width: 50%;
  max-width: 540px;
  padding-bottom: 0.7em;
  margin: 0;
}
.ymia-values-ex__link{
  width: 50%;
  max-width: 540px;
  padding-bottom: 0.7em;
}
.ymia-values-ex__link img{
  width: 100%;
  height: auto;
}
.ymia-values-ex__movie{
  position: relative;
  width: 100%;
  padding-top: 56%;
}
.ymia-values-ex__movie iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1280px){
  .ymia-values-ex{
    padding: 60px;
    margin: 0 15px;
  }
}
@media screen and (max-width: 1064px){
  .ymia-values-ex{
    padding: 40px;
  }
  .ymia-values-ex__block{
    display: block;
  }
  .ymia-values-ex__block .lyt-movie-01,
  .ymia-values-ex__link{
    width: 60%;
    max-width: none;
    margin: 20px auto 0;
    padding: 0;
  }
  .ymia-values-ex__content{
    width: auto;
    max-width: none;
  }
  .hdg-ymia-values{
    font-size: 171%;
  }
  .ymia-values-ex__ttl{
    font-size: 143%;
  }
  .ymia-values-ex__ttl br{
    display: none;
  }
  .ymia-values-ex__txt{
    width: 100%;
  }
}
@media screen and (max-width: 940px){
  .ymia-values-lists__ttl{
    font-size: 110%;
  }
  .ymia-values-lists__txt{
    font-size: 100%;
    padding: 0 1.5em;
  }
  .ymia-values-lists__list{
    padding: 40px 0;
  }
}
@media screen and (min-width: 660.1px) {
  .ymia-values-lists__list:nth-child(2){
    transition-delay: 0.5s;
  }
  .ymia-values-lists__list:nth-child(3){
    transition-delay: 1s;
  }
}
@media screen and (max-width: 660px){
  .ymia-values{
    margin-bottom: 90px;
  }
  .ymia-values-lists{
    display: block;
    margin: 35px 0 40px;
  }
  .ymia-values-lists__list{
    width: auto;
    padding: 25px 30px 20px;
  }
  .ymia-values-lists__txt{
    padding: 0;
  }
  .ymia-values-lists__ttl{
    height: auto;
    font-size: 114%;
    margin-bottom: 30px;
  }
  .ymia-values-lists__ttl::after{
    width: 35px;
    height: 4px;
    bottom: -18px;
  }
  .ymia-values-lists__list + .ymia-values-lists__list{
    margin-top: 14px;
  }
  .ymia-values-ex{
    padding: 28px 30px;
  }
  .hdg-ymia-values{
    line-height: 1.0;
    font-size: 114%;
    text-align: center;
    margin-bottom: 45px;
  }
  .hdg-ymia-values::before{
    width: 35px;
    height: 4px;
    left: 50%;
    bottom: -18px;
    transform: translateX(-50%);
  }
  .ymia-values-ex__ttl{
    font-size: 100%;
  }
  .ymia-values-ex__ttl br{
    display: block;
  }
  .ymia-values-ex__txt{
    font-size: 86%;
    line-height: 1.4;
  }
  .ymia-values-ex__block .lyt-movie-01,
  .ymia-values-ex__link{
    width: 100%;
  }
}

.ymia-company{
  margin-bottom: 170px;
}
.ymia-company__block{
  max-width: 1080px;
  padding: 0 15px;
  margin: 0 auto;
}
.ymia-company__table{
  margin-top: 76px;
}
.hdg-ymia-company{
  font-size: 200%;
  font-weight: 700;
  line-height: 1.0;
  border-bottom: 1px solid #333;
  margin-top: 110px;
  padding: 0 0 1em;
}
.ymia-company__address{
  font-size: 129%;
  font-weight: 700;
  margin: 30px 0 25px;
}
.ymia-company__block a[href^="tel:"] {
  pointer-events: none;
  color: #000;
}
@media screen and (max-width: 1064px){
  .hdg-ymia-company{
    font-size: 171%;
  }
  .ymia-company__address{
    font-size: 114%;
  }
}
@media screen and (max-width: 660px){
  .ymia-company{
    margin-bottom: 90px;
  }
  .ymia-company__block{
    padding: 0 24px;
  }
  .ymia-company__block a{
    pointer-events: none;
  }
  .ymia-company__table{
    margin-top: 35px;
  }
  .hdg-ymia-company{
    font-size: 114%;
    margin-top: 50px;
  }
  .ymia-company__address{
    font-size: 86%;
    margin: 1em;
  }
}

.ymia-history-timeline{
  position: relative;
  overflow: hidden;
  max-width: 1080px;
  margin: 77px auto 0;
  padding: 0 15px;
}
.ymia-history-timeline + .ymia-history-timeline{
  display: none;
  margin-top: -20px;
  padding-top: 20px;
}
.ymia-history-timeline::before{
  content: '';
  position: absolute;
  top: 18px;
  left: 50%;
  width: 2px;
  height: calc(100% - 18px);
  background: #D71E37;
  transform: translateX(-50%);
}
.ymia-history-timeline__inner{
  min-width: 280px;
}
.ymia-history-timeline__block.is-margin01{
  margin-top: 48px;
}
.ymia-history-timeline__block.is-margin02{
  margin-top: 210px;
}
.ymia-history-timeline__block.is-margin03{
  margin-top: 200px;
}
.ymia-history-timeline__block.is-margin04{
  margin-top: 80px;
}
.ymia-history-timeline__block.is-margin05{
  margin-top: 105px;
}
.ymia-history-timeline__block.is-margin06{
  margin-top: 133px;
}
.ymia-history-timeline__block.is-margin07{
  margin-top: 240px;
}
.ymia-history-timeline__block.is-margin08{
  margin-top: 420px;
}
.ymia-history-timeline__block.is-margin08-2{
  margin-top: 360px;
}
.ymia-history-timeline__block.is-margin09{
  margin-top: 115px;
}
.ymia-history-timeline__block.is-margin10{
  margin-top: 24px;
}
.ymia-history-timeline__block.is-margin11{
  margin-top: 330px;
}
.ymia-history-timeline__block.is-margin12{
  margin-top: 330px;
}
.ymia-history-timeline__block.is-margin13{
  margin-top: 155px;
}
.ymia-history-timeline__block.is-margin14{
  margin-top: 380px;
}
.ymia-history-timeline__block.is-margin15{
  margin-top: 135px;
}
.ymia-history-timeline__block.is-margin16{
  margin-top: 300px;
}
.ymia-history-timeline__block.is-left{
  position: relative;
  float: left;
  clear: left;
  width: 50%;
}
.ymia-history-timeline__block.is-right{
  position: relative;
  clear: right;
  float: right;
  width: 50%;
}
.ymia-history-timeline__block.is-horizon{
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
}
.ymia-history-timeline__block.is-horizon .ymia-history-timeline__inner,
.ymia-history-timeline__block.is-right .ymia-history-timeline__inner{
  width: 280px;
  margin: 0 0 0 auto;
}
.ymia-history-timeline__block.is-left::before{
  content: '';
  position: absolute;
  top: 24px;
  right: 0;
  width: 300px;
  height: 1px;
  background: #000;
}
.ymia-history-timeline__block.is-right::before,
.ymia-history-timeline__block.is-horizon::before{
  content: '';
  position: absolute;
  top: 24px;
  left: 0;
  width: 212px;
  height: 1px;
  background: #000;
}
.ymia-history-timeline__block.is-dot-l::after{
  content: '';
  position: absolute;
  top: 19px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #000;
  z-index: 3;
}
.ymia-history-timeline__block.is-left.is-dot-l::after{
  right: -5px;
}
.ymia-history-timeline__block.is-right.is-dot-l::after{
  left: -5px;
}
.ymia-history-timeline__block.is-dot-s::after{
  content: '';
  position: absolute;
  top: 22px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #000;
}
.ymia-history-timeline__block.is-left.is-dot-s::after{
  right: -3px;
}
.ymia-history-timeline__block.is-right.is-dot-s::after{
  left: -3px;
}
.ymia-history-timeline__year{
  font-size: 114%;
  font-weight: 700;
  color: #D71E37;
}
.ymia-history-timeline__year.is-top{
	margin-top: 8px;
}
.ymia-history-timeline__year span{
  font-weight: normal;
  font-size: 300%;
  font-family: 'DINNextLTPro-Regular';
  line-height: 1.0;
  margin-right: 0.2em;
}
.ymia-history-timeline__detail{
  font-size: 114%;
  font-weight: 700;
  line-height: 1.75;
  margin: 0.5em 0 0;
}
.ymia-history-timeline__detail.is-none{
  margin-top: 0;
}
.is-left .ymia-history-timeline__detail{
  padding-right: 2em;
}
.ymia-history-timeline__img{
  width: 276px;
  margin: 1em 0 0;
}
.ymia-history-timeline__img img{
  width: 100%;
}
.ymia-history__btn{
  position: relative;
  width: 228px;
  font-size: 129%;
  text-align: center;
  font-weight: 700;
  padding-top: 48px;
  margin: -78px auto 0;
}
.ymia-history__btn::before{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 4px;
  height: 100%;
  background: #fff;
  transform: translateX(-50%);
  z-index: 1;
}
.ymia-history__btn span{
  position: relative;
  display: block;
  color: #fff;
  background: url(/global/about/company/ymia/img/icon_arrow_btm.svg) center calc(100% - 10px) / 1em auto no-repeat #dc1e37;
  line-height: 1.0;
  padding: 14px 0 30px;
  transition: 0.3s;
  text-decoration: none;
  cursor: pointer;
  z-index: 2;
}
.ymia-history__btn span:hover{
  text-decoration: none;
  opacity: 0.7;
}
.ymia-history__btn.is-click{
  margin: 0 auto;
  padding-top: 0;
}
.ymia-history__btn.is-click::before{
  content: none;
}
.ymia-history__btn.is-click span{
  background: url(/global/about/company/ymia/img/icon_arrow_top.svg) center 10px / 1em auto no-repeat #dc1e37;
  padding: 30px 0 14px;
}
.ymia-history-timeline__border{
  position: relative;
  clear: both;
  display: block;
  width: 2px;
  height: auto;
  background: #fff;
  margin: 0 auto;
  padding-bottom: 58px;
  z-index: 2;
}
.ymia-history-timeline__border img{
  width: 100%;
  margin-top: -86px;
}
@media screen and (max-width: 1064px) {
  .ymia-history-timeline__year span{
    font-size: 271%;
  }
  .ymia-history-timeline__block.is-left::before{
    width: 27vw;
  }
  .ymia-history-timeline__block.is-right::before,
  .ymia-history-timeline__block.is-horizon::before{
    width: 20vw;
  }
  .ymia-history-timeline__block.is-horizon .ymia-history-timeline__inner,
  .ymia-history-timeline__block.is-right .ymia-history-timeline__inner{
    position: relative;
    background: #fff;
    padding-left: 20px;
  }
  .ymia-history-timeline__year{
    position: relative;
    display: inline-block;
    background: #fff;
    padding-right: 20px;
  }
  .ymia-history-timeline__block.is-left .ymia-history-timeline__inner{
    width: 95%;
  }
  .ymia-history-timeline__block.is-left .ymia-history-timeline__block.is-horizon .ymia-history-timeline__inner{
    width: 280px;
  }
  .ymia-history-timeline__border img{
    margin-top: -76px;
  }
  .ymia-history-timeline__detail{
  	font-size: 100%;
  }
}
@media screen and (max-width: 856px) {
  .ymia-history__btn{
    padding-top: 100px;
  }
}
@media screen and (max-width: 675px) {
  .ymia-history-timeline + .ymia-history-timeline{
    padding-top: 40px;
  }
}
@media screen and (max-width: 660px) {
  .ymia-history-timeline{
    padding: 0 30px 7vw;
  }
  .ymia-history-timeline + .ymia-history-timeline{
  	margin-top: -4vw;
  	padding-bottom: 0;
    padding-top: 0;
  }
  .ymia-history-timeline__year span{
    font-size: 300%;
  }
  .ymia-history-timeline__year{
    font-size: 57%;
  }
  .ymia-history-timeline__detail{
    font-size: 9px;
  }
  .ymia-history-timeline__inner{
    box-sizing: border-box;
    min-width: inherit;
  }
  .ymia-history-timeline__img{
    width: 33vw;
  }
  .ymia-history-timeline__block.is-left .ymia-history-timeline__inner{
    width: auto;
    padding-right: 3vw;
  }
  .ymia-history-timeline__block.is-right .ymia-history-timeline__inner{
    width: 36vw;
    padding-left: 3vw;
  }
  .ymia-history-timeline__block.is-left .ymia-history-timeline__block.is-horizon .ymia-history-timeline__inner {
    width: 36vw;
    padding: 0 0 0 3vw;
  }
  .ymia-history-timeline__block.is-right .ymia-history-timeline__year{
    padding-right: 0;
  }
  .ymia-history-timeline__block.is-margin01{
    margin-top: 5vw;
  }
  .ymia-history-timeline__block.is-margin02{
  	margin-top: 11.5vw;
  }
  .ymia-history-timeline__block.is-margin03{
    margin-top: 11.5vw;
  }
  .ymia-history-timeline__block.is-margin04{
  	margin-top: 17.5vw;
  }
  .ymia-history-timeline__block.is-margin05{
    margin-top: 105px;
  }
  .ymia-history-timeline__block.is-margin06{
    margin-top: 20vw;
  }
  .ymia-history-timeline__block.is-margin06sp{
    margin-top: 7vw;
  }
  .ymia-history-timeline__block.is-margin07{
    margin-top: 20vw;
  }
  .ymia-history-timeline__block.is-margin08{
    margin-top: 45vw;
  }
  .ymia-history-timeline__block.is-margin08-2{
  	margin-top: 42vw;
  }
  .ymia-history-timeline__block.is-margin09{
    margin-top: 16vw;
  }
  .ymia-history-timeline__block.is-margin10{
    margin-top: 3vw;
  }
  .ymia-history-timeline__block.is-margin11{
    margin-top: 34vw;
  }
  .ymia-history-timeline__block.is-margin12{
    margin-top: 25vw;
  }
  .ymia-history-timeline__block.is-margin13{
    margin-top: 51px;
  }
  .ymia-history-timeline__block.is-margin14{
    margin-top: 40vw;
  }
  .ymia-history-timeline__block.is-margin15{
    margin-top: 11.5vw;
  }
  .ymia-history-timeline__block.is-margin16{
    margin-top: 24vw;
  }
  .ymia-history-timeline__block.is-left::before,
  .ymia-history-timeline__block.is-right::before,
  .ymia-history-timeline__block.is-horizon::before{
  	top: 14px;
  }
  .ymia-history-timeline__block.is-right .ymia-history-timeline__detail,
  .ymia-history-timeline__block.is-horizon .ymia-history-timeline__detail{
  	width: 110%;
  }
  .ymia-history-timeline__block.is-dot-l::after{
  	top: 9px;
  }
  .ymia-history-timeline__block.is-dot-s::after{
  	top: 12px;
  }
  .ymia-history-timeline__border img{
    margin-top: -50px;
  }
  .ymia-history__btn{
    width: 160px;
    font-size: 86%;
  }
  .ymia-history__btn span{
    padding: 14px 0 20px;
  }
  .ymia-history__btn.is-click span{
    padding: 20px 0 14px;
  }
  .ymia-history-timeline__border{
    height: 70px;
    padding-bottom: 0;
  }
  .ymia-history-timeline__border img{
    height: 100%;
  }
  .ymia-history-timeline + .ymia-history-timeline .ymia-history-timeline::before{
      height: calc(100% - 18px - 100px);
  }
}
@media screen and (max-width: 370px) {
  .ymia-history-timeline__block.is-margin11{
    margin-top: 42vw;
  }
}
@media screen and (max-width: 376px) {
  .ymia-history-timeline__block.is-margin02{
    margin-top: 16.5vw;
  }
  .ymia-history-timeline__block.is-margin13{
    margin-top: 68px;
  }
  .ymia-history-timeline__block.is-margin11{
    
  }
}
@media screen and (max-width: 345px) {
  .ymia-history-timeline__block.is-margin11{
    margin-top: 46vw;
  }
}

.ymia-product{
  overflow: hidden;
}
.ymia-product__img{
  width: 100%;
  height: 403px;
  object-fit: cover;
  object-position: bottom;
  margin-bottom: 100px;
}
.ymia-product__block{
  max-width: 1080px;
  margin: 80px auto 0;
  padding: 0 15px;
}
.ymia-product__inner{
  border-bottom: 1px solid #333;
  padding-bottom: 43px;
}
.ymia-product__inner + .ymia-product__inner{
  margin-top: 45px;
}
.ymia-product__inner + .hdg-ymia-product__main{
  margin-top: 180px;
}
.hdg-ymia-product__main{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 200%;
  line-height: 1.0;
  font-weight: 700;
  color: #D71E37;
  border-bottom: 1px solid #333;
  padding: 0 0 40px;
  margin: 0 0 45px;
}
.hdg-ymia-product__main span{
  font-weight: normal;
  font-size: 64%;
  margin-left: 1em;
  color: #333;
}
.hdg-ymia-product__sub{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 150%;
  font-weight: 700;
  border-left: 6px solid #D71E37;
  padding-left: 12px;
}
.ymia-product-ttl{
  position: relative;
  margin-bottom: 70px;
}
.ymia-product-ttl__lists{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 312px;
  margin: 0 0 0 auto;
}
.ymia-product-ttl__lists li{
  position: relative;
  width: 100px;
  font-size: 114%;
  text-align: center;
  font-weight: 700;
  background: #333;
  border: 1px solid #333;
  line-height: 1.0;
  color: #fff;
  padding: 7px 0;
  box-sizing: border-box;
}
.ymia-product-ttl__lists li.is-none{
  background: none;
  color: #999;
}
.ymia-product-ttl__lists li span{
  position: absolute;
  top: calc(100% + 0.5em);
  left: 0;
  width: 120%;
  font-size: 80%;
  text-align: left;
  color: #D71E37;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.2;
}
.ymia-product-ttl__lists li .ymia-product-ttl__wide{
  left: 50%;
  width: 130px;
  transform: translateX(-50%);
}
.ymia-product-column{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.ymia-product-column__img{
  position: relative;
  width: 37%;
  max-width: 392px;
}
.ymia-product-column__img p{
  position: absolute;
  bottom: 6px;
  right: 6px;
  background: #fff;
  line-height: 1.0;
  padding: 5px;
}
.ymia-product-column__img img{
  width: 100%;
  height: auto;
}
.ymia-product-column__txt{
  width: 58%;
  max-width: 627px;
  font-size: 114%;
  line-height: 2;
  margin-top: -0.5em;
}
.ymia-product-column__txt span{
  display: block;
  color: #D71E37;
  font-size: 88%;
}
.ymia-product__link{
  font-size: 129%;
  text-align: right;
  font-weight: 700;
  line-height: 1.0;
}
.ymia-product__link a{
  background: url(/global/about/company/ymia/img/icon_arrow.svg) 0 center / auto 1em no-repeat;;
  padding: 0 0 0 1.2em;
}
@media screen and (max-width: 940px){	
  .ymia-product__img{
    height: 300px;
  }
  .ymia-product-column__txt{
    font-size: 100%;
  }
  .ymia-product__link{
    font-size: 114%;
    margin: 1em 0 0;
  }
  .ymia-product-ttl__lists li .ymia-product-ttl__wide{
    width: 100px;
  }
  .ymia-product-ttl__lists li span{
    width: 100%;
    font-size: 63%;
  }
  .hdg-ymia-product__main{
    font-size: 171%;
  }
  .hdg-ymia-product__sub{
    font-size: 129%;
  }
  .ymia-product-ttl__lists li{
    font-size: 100%;
  }
}
@media screen and (max-width: 660px){
  .ymia-product__img{
    height: auto;
    margin-bottom: 45px;
  }
  .ymia-product__block{
    margin: 60px 0 0;
    padding: 0 24px;
  }
  .hdg-ymia-product__main{
    font-size: 129%;
    padding: 0 0 10px;
    margin: 0 0 22px;
  }
  .hdg-ymia-product__sub{
    position: relative;
    top: auto;
    left: auto;
    font-size: 89%;
  }
  .ymia-product-ttl{
    margin-bottom: 42px;
  }
  .ymia-product-ttl.is-none{
    margin-bottom: 19px;
  }
  .ymia-product-ttl__lists{
    width: 100%;
    margin: 20px 0 0;
  }
  .ymia-product-ttl__lists li{
    width: 32%;
    font-size: 89%;
  }
  .ymia-product-ttl__lists li .ymia-product-ttl__wide{
    width: 120%;
    left: 0;
    transform: none;
    box-sizing: border-box;
  }
  .ymia-product-ttl__lists li span{
    width: 120%;
    font-size: 9px;
  }
  .ymia-product-column{
    display: block;
  }
  .ymia-product-column__img{
    max-width: none;
    width: 100%;
  }
  .ymia-product-column__txt{
    width: auto;
    font-size: 89%;
    margin: 20px 0 0;
  }
  .ymia-product__link{
    font-size: 89%;
    margin: 1em 0 0;
  }
  .ymia-product__inner{
    padding-bottom: 24px;
  }
  .ymia-product__inner + .ymia-product__inner{
    margin-top: 24px;
  }
  .ymia-product__inner + .hdg-ymia-product__main{
    margin-top: 107px;
  }
}

.ymia-experience{
  margin: 280px 0 0;
}
.ymia-experience__img{
  width: 100%;
  height: 403px;
  object-fit: cover;
  object-position: bottom;
  margin-bottom: 100px;
}
.ymia-experience__block{
  max-width: 1080px;
  padding: 0 15px;
  margin: 80px auto 180px;
}
.hdg-ymia-experience{
  font-size: 150%;
  line-height: 1.86;
  color: #D71E37;
  font-weight: 700;
  margin-bottom: 1em;
}
.ymia-experience-column{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: row-reverse;
}
.ymia-experience-column__img{
  max-width: 469px;
  width: 45%;
}
.ymia-experience-column__img img{
  width: 100%;
  height: auto;
}
.ymia-experience-column__img p{
  font-size: 114%;
  margin: 0.5em 0 0;
}
.ymia-experience-column__img p span{
  font-weight: 700;
  font-size: 113%;
}
.ymia-experience-column__content{
  width: 460px;
}
.ymia-experience-column__content p{
  font-size: 114%;
  padding-right: 20px;
}
.ymia-experience-column.is-reverse{
  flex-flow: row;
  margin-top: 80px;
}
.ymia-experience-column.is-reverse .ymia-experience-column__content{
  width: 480px;
}
@media screen and (max-width: 940px){
  .ymia-experience__img{
    height: 300px;
  }
  .ymia-experience-column__content{
    max-width: 460px;
    width: 48%;
  }
  .ymia-experience-column__img p{
    font-size: 100%;
  }
  .ymia-experience-column.is-reverse .ymia-experience-column__content{
    max-width: 480px;
    width: 50%;
  }
  .ymia-experience-column__content p{
    padding: 0;
  }
}
@media screen and (max-width: 660px){
  .ymia-experience{
    margin: 135px 0 0;
  }
  .ymia-experience__block{
    margin: 55px 0 70px;
    padding: 0 24px;
  }
  .ymia-experience__img{
    height: auto;
    margin-bottom: 45px;
  }
  .ymia-experience-column{
    display: block;
  }
  .ymia-experience-column__img{
    width: auto;
    max-width: none;
  }
  .ymia-experience-column__content{
    width: auto;
    max-width: none;
    margin-bottom: 25px;
  }
  .ymia-experience-column__content p{
    font-size: 89%;
  }
  .ymia-experience-column__img p{
    font-size: 71%;
  }
  .ymia-experience-column.is-reverse{
    margin-top: 45px;
  }
  .ymia-experience-column.is-reverse .ymia-experience-column__content{
    width: auto;
    max-width: none;
  }
}