/*----------------------------------------------------------------

suit

----------------------------------------------------------------*/
/**********************共通***********************/

.py160 {
  padding-top: 16vw;
  padding-bottom: 16vw;
}
.mt160 {
  margin-top: 16vw;
}
.section_title span.text-center {
  margin-top: -3vw;
}
.section_title span img {
  height: 8vh;
}
.section_title span.deco img {
  height: auto;
}

.ribbon_title {
  padding: 3vw 11vw;
}
.ribbon_title::before {
  top: 8px;
}
.ribbon_title::after {
  bottom: 8px;
}

/************************************************/
main .mv {
  height: calc(100vh - 60px);
  background: url(../img/suit/mv01_sp.jpg) no-repeat center center;
  background-size: cover;
}
main .mv .mv_inner {
  height: calc(100vh - 60px);
}
main .mv .mv_inner .text_wrap {
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
main .mv .mv_inner .text_wrap h2,
main .mv .mv_inner .text_wrap h2 span {
  font-size: 6.5vw;
  text-align: center;
}
main .mv .mv_inner .text_wrap p.f_gold {
  text-align: center;
}
main .mv .mv_inner a.position-absolute {
  bottom: 10vw;
  width: 17vw;
}
main .mv .mv_inner a.position-absolute img {
  width: 100%;
}

main .suit01 .suit01_inner .suit01_row {
  flex-direction: column-reverse !important;
}
main .suit01 .suit01_inner .suit01_row .suit01_row_item.suit01_row_left {
  width: 100%;
  margin-top: 10vw;
}
main .suit01 .suit01_inner .suit01_row .suit01_row_item.suit01_row_right {
  width: 100%;
  z-index: 1;
}
main .suit01 .suit01_inner .suit01_row .suit01_row_item.suit01_row_right h3,
main .suit01 .suit01_inner .suit01_row .suit01_row_item.suit01_row_right h3 span {
  font-size: 6.5vw;
}
main .suit01 .suit01_inner .suit01_row .suit01_row_item.suit01_row_right h4 {
  font-size: 5vw;
}
main .suit01 .suit01_inner .suit01_row .suit01_row_item.suit01_row_right h3 span.position-absolute {
 height: 8vh;
 max-height: unset;
 width: auto;
}
main .suit01 .suit01_inner .suit01_row .suit01_row_item.suit01_row_right h3 span.position-absolute img {
  width: auto;
  height: 100%;
}

main .suit02 .bg.position-absolute{
  width: 80vw;
}
main .suit02 .suit02_inner .suit02_row {
  flex-direction: column !important;
}
main .suit02 .suit02_inner .suit02_row .suit02_row_item.suit02_row_left h4 span.f_40 {
  margin-right: 10px;
  padding-right: 10px;
  flex-shrink: 0;
  font-size: 9vw;
}
main .suit02 .suit02_inner .suit02_row .suit02_row_item.suit02_row_left h4 span.f_30,
main .suit02 .suit02_inner .suit02_row .suit02_row_item.suit02_row_left h4 span.f_30 span {
  font-size: 6vw;
}
main .suit02 .suit02_inner .suit02_row .suit02_row_item.suit02_row_left h4 span.f_18 {
  width: fit-content;
  margin: 10px 0 0 0;
}
main .suit02 .suit02_inner .suit02_row .suit02_row_item {
  width: 100%;
}
main .suit02 .suit02_inner .suit02_row .suit02_row_item.suit02_row_right {
  margin-top: 7vw;
}

main .suit05 .suit05_inner .suit05_item .contents_wrap {
  margin-top: 5vw;
}
main .suit05 .suit05_inner .suit05_item .contents_wrap .box {
  padding: 4vw 6vw;
  flex-direction: column;
}
main .suit05 .suit05_inner .suit05_item .contents_wrap .box .text_wrap h4 span.f_30{
  font-size: 5.4vw;
}
main .suit05 .suit05_inner .suit05_item .contents_wrap .box .text_wrap h4 span.f_gold {
  font-size: 4vw;
  flex-shrink: 0;
}
main .suit05 .suit05_inner .suit05_item .contents_wrap .box .icon {
  width: 20vw;
}
main .suit05 .suit05_inner .suit05_item .contents_wrap .box .text_wrap {
  width: 100%;
}


main .suit06 .suit06_inner .box01 .box01_row01 {
  flex-direction: column;
}

main .suit06 .suit06_inner .box01 .box01_row01 .box01_row01_item {
  width: 100%;
}
main .suit06 .suit06_inner .box01 .box01_row02 {
  margin-top: 5vw;
  flex-direction: column;
}
main .suit06 .suit06_inner .box01 .box01_row02 .box01_row02_item {
  width: 100%;
  margin-bottom: 5vw;
}
main .suit06 .suit06_inner .box01 .box01_row02 .box01_row02_item .img {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

main .suit06 .suit06_inner .box03 p span::before {
  width: 5px;
  height: 5px;
  top: -1vw;
 }


main .suit06 .suit06_inner .box01 .box01_row02 .box01_row02_item p {
  margin-top: 1.5vw;
}

main .suit06 .suit06_inner .box02 .box02_row01 {
  flex-direction: column;
}
main .suit06 .suit06_inner .box02 .box02_row01 .box02_row01_item {
  width: 100%;
}

main .suit06 .suit06_inner .box02 .box02_row01 .box02_row01_item.box02_row01_right {
  flex-direction: column;
  margin-top: 5vw;
}
main .suit06 .suit06_inner .box02 .box02_row01 .box02_row01_item.box02_row01_right .box {
  width: 100%;
  margin-bottom: 4vw;
}
main .suit06 .suit06_inner .box02 .box02_row01 .box02_row01_item.box02_row01_right .box .img img{
 margin-left: auto;
 margin-right: auto;
}
main .suit06 .suit06_inner .box02 .box02_row01 .box02_row01_item.box02_row01_left p.f_18 {
 margin-top: 2vw;
}
main .suit06 .suit06_inner .box03 {
 padding: 10px;
 background-color: #1B3032;
 max-width: 1100px;
 margin-left: auto;
 margin-right: auto;
}
main .suit06 .suit06_inner .box03 p {
 border: 1px dashed #FFFFFF;
 padding: 30px 20px;
 line-height: 1.8;
}
main .suit06 .suit06_inner .box04 {
  margin-top: 20vw;
}
main .suit06 .suit06_inner .box04 .box04_row  {
 flex-direction: column !important;
}
main .suit06 .suit06_inner .box04 .box04_row .box04_row_item {
 width: 100%;
 margin-top: 5vw;
}
main .suit06 .suit06_inner .box04 .box04_row {
  margin-top: 20vw;
}
main .suit06 .suit06_inner .box04 .box04_row:first-child {
 margin-top: 0;
}

main .suit07 .suit07_inner {
  padding: 20vw 0;
}
main .suit07 .suit07_bg {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
main .suit07 .suit07_bg02 {
  bottom: 0;
  left: 0;
  z-index:-1;
  width: 80vw;
}
main .suit07 .suit07_bg03 {
  top: 0;
  right: 0;
  z-index:-1;
  width: 70vw;
}
main .suit07 .suit07_inner .text_wrap a {
  padding: 2vw 4vw;
  margin: 8vw auto 0;
  filter: drop-shadow(3px 3px 0 rgba(255,255,255,0.5));
  width: 90%;
  filter: none;
}
main .suit07 .suit07_inner .text_wrap a .icon{
  top: 50%;
  right: 4vw;
  transform: translateY(-50%);
  width: 8vw;
}
main .suit07 .suit07_inner .text_wrap a p {
  font-size: 4vw;
  margin-left: -6vw;
}

main .suit08 {
  padding: 10vw 0;
}
main .suit08 .suit08_inner .suit08_row {
  flex-direction: column;
}
main .suit08 .suit08_inner .suit08_row a {
  padding: 3vw;
  width: 100%;
  margin-bottom: 3vw;
}
main .suit08 .suit08_inner .suit08_row a:last-child {
  margin-bottom: 0;
}
main .suit08 .suit08_inner .suit08_row a:hover {
  opacity: 1;
}