@charset "UTF-8";
/* CSS Document */
.sabaroad-back {
  background: url("../saba-tshirt/img/sasbaroad-back.jpg");
 background-size: cover;                 /* 要素全体をカバーするように拡大縮小 */
  background-position: top center;     /* 中央に配置 */
  background-repeat: no-repeat;           /* 繰り返さない */
  padding: 180px 0 0;
	margin: 30px 0 0
}

.sabaroad-text {
  width: 42%;
	float: right;
	text-align: left;
	font-size: 16px;
	letter-spacing: 0.06em;
}


.sabaroad-text h2 {
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 16px
}

.en-saba {
	font-size: 15px;
}


@media (max-width: 640px) {
	
	.sabaroad-back {
  background: url("../saba-tshirt/img/sasbaroad-sp-back.jpg");
 background-size: 100%;                 /* 要素全体をカバーするように拡大縮小 */
  background-position: top center;     /* 中央に配置 */
  background-repeat: no-repeat;           /* 繰り返さない */
  padding: 0;
			margin: 10px 0 0
}

.sabaroad-text {
  width: 90%;
	margin: auto;
	margin-top: 550px;
}


.sabaroad-text h2 {
	font-size: 20px;
	line-height: 1.3em
}
	
}	
	
	
.back-road {
  background: url("../saba-tshirt/img/road-back.svg") no-repeat fixed center top;
  background-size: contain cover;
  backgorund-position: center top;
  min-height: 110vh;
  padding: 150px 0
}
@media (max-width: 640px) {
  .back-road {
    padding: 0px
  }
}
.tittle img ,.tittle2 img {
  width: 300px;
  margin: 0 0 50px;
}
@media (max-width: 640px) {
  .tittle{
    width: 260px;
    margin: 20px 0 0;
  }
	.tittle2 img{
    width: 260px;
    margin: 20px 0 10px -20px;
  }
}
.sabaroad-l {
  margin: 100px 0 30px 0;
  padding: 0 20px;
}
.sabaroad-r {
  padding: 0 20px;
  right: 0;
}
.sabaroad-l-top {
  margin: 100px 0 30px 0;
  padding: 0 20px;
}
@media (max-width: 640px) {
  .sabaroad-l-top {
    margin: 10px 0 0 -40px;
    left: -20px;
  }
  .sabaroad-l {
    margin: 100px 0 0 -40px;
  }
  .sabaroad-r {
    margin: 10px -40px 0 0;
  }
}
.button-54 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: auto;
  margin: 30px auto;
  padding: .3em 4em .2em 2em;
  border: 1px solid #858585;
  border-radius: 25px;
  background-color: #fff;
  color: #737373;
  font-size: 0.9em;
}
.button-54::after {
  position: absolute;
  right: 2em;
  transform: translateY(-50%);
  transform-origin: left;
  width: 1.6em;
  height: .5em;
  background-color: #737373;
  clip-path: polygon(0 100%, 100% 100%, 70% 40%, 70% 90%, 0% 90%);
  content: '';
  transition: transform .3s;
}
.button-54:hover::after {
  transform: translateY(-50%) scaleX(1.4);
}