/*
/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/rebive-lift-pointer/
Description:MYTREX AQUA LIFT
Version: 1.0
*/

/* sup
=====================================*/
@media screen and (min-width:768px){
    main {
        margin-top: 5vw !important;
    }
    .sup_howto_item_img {
        width: 45%;
    }
    .sup_howto_item_img img {
        width: 100%;
    }
    .sup_howto_item_ttl{
        width: 51%;
    }
    .sup_howto_item_sub2{
        width: fit-content;
    }
    .sup_howto_mv_time{
        font-size: 1.15vw;
    }
    .sup_howto_mv_sec_ttl{
        font-size: 1.1vw;
    }
    .sup_howto_basic_step_no{
        font-size: 1.05vw;
    }
    .sup_howto_basic_step_no span{
        padding-right: 1.5vw;
    }
    .sup_howto_basic_step_no span::after{
        border: .35vw solid transparent;
        border-left: .55vw solid #fff;
        top: 37%;
    }
    .sup_howto_xs2_att3 {
        padding-top: 3.5vw;
        display: flex;
        justify-content: center;
    }
    .sup_howto_xs2_att3_l {
        width: 21vw;
    }
    .sup_howto_xs2_att3_r {
        background: #f8f8fa;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 4vw 0 3vw;
    }
    .sup_howto_xs2_att3_ttl {
        font-size: 1.5vw;
    }
    .sup_howto_xs2_att3_text {
        font-size: 1.2vw;
        line-height: 1.4;
        padding-top: 1.2vw;
    }
    .sup_howto_xs2_att3_text span{
        font-weight: 600;
    }
    .sup_howto_prv_bg {
        background: #f5f5f5;
        margin: 7vw 0 5vw !important;
        padding: 5vw 8vw 3vw;
    }
    .sup_howto_xs2_att_list {
        padding: 2.5vw 0 3.5vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: .8vw;
    }
    .sup_howto_xs2_att{
        width: calc(33.3% - .6vw);
        display: flex;
        justify-content: space-between;
    }
    .sup_howto_xs2_att_l, 
    .sup_howto_xs2_att_r {
        width: 50%;
    }
    .sup_howto_xs2_att_r {
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sup_howto_xs2_att_nm {
        font-size: .95vw;
        font-weight: 600;
        line-height: 1.6;
    }
    .sup_howto_xs2_att_sub {
        font-size: .7vw;
        letter-spacing: .06em;
    }
    .sup_howto_xs2_att_detail {
        padding-top: .4vw;
        width: 6.5vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: .2vw;
    }
    .sup_howto_xs2_att:nth-child(5) .sup_howto_xs2_att_detail {
        justify-content: center;
    }
    .sup_howto_xs2_att_detail li {
        width: calc(50% - .1vw);
        background: #403c3d;
        color: #fff;
        font-size: .7vw;
        text-align: center;
        line-height: 1.3;
    }
    .sup_howto_xs2_att2 {
        width: 30.6%;
        margin-left: 1.5vw;
        background: #e8e8ea;
        padding: 0 1.2vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }
    .sup_howto_xs2_att2::after {
        display: inline-block;
        content: '';
        height: 1.5vw;
        width: 2vw;
        border: .8vw solid transparent;
        border-right: 1.8vw solid #e8e8ea;
        position: absolute;
        bottom: 2.5vw;
        left: -2.5vw;
    }
    .sup_howto_xs2_att2_text {
        width: 43%;
        font-size: .85vw;
        line-height: 1.6;
    }
    .sup_howto_xs2_att2_text small {
        display: block;
        font-size: .6vw;
        line-height: 1.4;
        padding-top: 2.5vw;
    }
    .sup_howto_xs2_att2_img {
        width: 54%;
    }
    .sup_howto_xs2_att_cnt {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1vw;
    }
    .sup_howto_xs2_link {
        font-size: .7vw;
        padding: 0 .5vw .3vw .1vw;
        border-bottom: .13vw solid;
        position: relative;
    }
    .sup_howto_xs2_link::after {
        display: inline-block;
        content: '';
        height: .4vw;
        width: .4vw;
        border-top: .12vw solid;
        border-right: .12vw solid;
        position: absolute;
        top: 17%;
        right: 0;
        transform: rotate(45deg);
    }
    .sup_howto_xs2_att_img {
        width: 5.5vw;
    }
    .sup_howto_xs2_att_list:last-child .sup_howto_xs2_att_img{
        width: 4vw;
    }
    .sup_howto_xs2_att3_l img,
    .sup_howto_xs2_att2_img img,
    .sup_howto_xs2_att_l img,
    .sup_howto_xs2_att_img img {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .sup_howto_item_cnt {
        padding: 9vw 4vw 9vw;
    }
    .sup_howto_mv_btn {
        padding: 12vw 13vw 19vw;
    }
    .sup_howto_link_cnt{
        margin-bottom: 21vw;
    }
    .sup_howto_xs2_att3 {
        padding-top: 6vw;
    }
    .sup_howto_xs2_att3_ttl {
        font-size: 3vw;
        letter-spacing: .04em;
        text-align: center;
        line-height: 2.5;
        background: #9e9e9e;
        color: #fff;
    }
    .sup_howto_xs2_att3_l img {
        width: 100%;
    }
    .sup_howto_xs2_att3_text {
        padding-top: 2.5vw;
        font-size: 2.9vw;
        line-height: 1.5;
    }
    .sup_howto_xs2_att3_text span {
        font-weight: 600;
    }
    .sup_howto_basic{
        margin-bottom: 7vw;
    }
    .sup_howto_xs2_att_list {
        padding: 7vw 0 12vw;
    }
    .sup_howto_xs2_att {
        width: 100%;
        display: flex;
    }
    .sup_howto_xs2_att_list:nth-child(2) .sup_howto_xs2_att:nth-child(odd) {
        flex-direction: row-reverse;
    }
    .sup_howto_xs2_att_list:last-child .sup_howto_xs2_att:nth-child(even){
        flex-direction: row-reverse;
    }
    .sup_howto_xs2_att_l img {
        width: 100%;
    }
    .sup_howto_xs2_att_l,
    .sup_howto_xs2_att_r {
        width: 50%;
    }
    .sup_howto_xs2_att_r {
        background: #eceaeb;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .sup_howto_xs2_att_img {
        width: 20vw;
    }
    .sup_howto_xs2_att_img img {
        width: 100%;
    }
    .sup_howto_xs2_att_nm {
        font-size: 3.5vw;
        font-weight: 600;
        line-height: 1.8;
    }
    .sup_howto_xs2_att_sub {
        font-size: 2.5vw;
    }
    .sup_howto_xs2_att_detail {
        padding-top: 1.5vw;
        width: 24vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: .5vw;
    }
    .sup_howto_xs2_att:nth-child(5) .sup_howto_xs2_att_detail {
        justify-content: center;
    }
    .sup_howto_xs2_att_detail li {
        width: calc(50% - .3vw);
        background: #403c3d;
        color: #fff;
        font-size: 2.4vw;
        text-align: center;
        line-height: 1.5;
    }
    .sup_howto_xs2_att_cnt {
        display: flex;
        justify-content: center;
        gap: 2vw;
        margin-bottom: 4vw;
    }
    .sup_howto_xs2_att_list:last-child .sup_howto_xs2_att_img {
        width: 13vw;
    }
    .sup_howto_xs2_link {
        font-size: 2.5vw;
        padding: 0 2vw .7vw .5vw;
        border-bottom: 1px solid;
        position: relative;
    }
    .sup_howto_xs2_link::after {
        display: inline-block;
        content: '';
        height: 1.3vw;
        width: 1.3vw;
        border-top: 1px solid;
        border-right: 1px solid;
        position: absolute;
        top: 19%;
        right: 0;
        transform: rotate(45deg);
    }
}

/* sup RLP
===========================*/
@media screen and (min-width: 768px) {
	.sup_howto_xs2_att3_ttl {
        font-weight: 600;
	}
    .sup_howto_item_cnt {
        justify-content: center;
        padding: 0;
    }
	.support_product_item_img {
		width: 37%;
	}
	.sup_howto_item_ttl {
        width: 60%;
    }
	.sup_howto_item_nm {
        text-align: left;
    }
	.sup_howto_xs2_att_list:nth-child(2) {
        justify-content: flex-start;
        gap: .8vw;
	}
	.sup_howto_xs2_att_list:nth-child(4) .sup_howto_xs2_att:first-child .sup_howto_xs2_att_detail,
	.sup_howto_xs2_att_list:nth-child(4) .sup_howto_xs2_att:nth-child(2) .sup_howto_xs2_att_detail{
		justify-content: center;
        width: 10vw;
	}
	.sup_howto_xs2_att_list:nth-child(4) .sup_howto_xs2_att:first-child .sup_howto_xs2_att_detail li,
	.sup_howto_xs2_att_list:nth-child(4) .sup_howto_xs2_att:nth-child(2) .sup_howto_xs2_att_detail li{
        width: calc(33% - .1vw);
	}
}
@media screen and (max-width: 767px) {
	.sup_howto_item_nm {
        font-size: 5.3vw;
        line-height: 1.2;
	}
    .sup_howto_mv_btn {
        padding: 12vw 13vw 14vw;
    }
	.sup_howto_xs2_att_list {
        padding: 6vw 0 17vw;
    }
	.sup_howto_xs2_att_list:nth-child(2) .sup_howto_xs2_att:nth-child(odd),
	.sup_howto_xs2_att_list:last-child .sup_howto_xs2_att:nth-child(even) {
        flex-direction: row;
    }
	.sup_howto_xs2_att_list:nth-child(2) .sup_howto_xs2_att:nth-child(even),
	.sup_howto_xs2_att_list:last-child .sup_howto_xs2_att:nth-child(odd){
        flex-direction: row-reverse;
    }
	.sup_howto_xs2_att_img {
        width: 14vw;
    }
	.sup_howto_xs2_att_list:last-child .sup_howto_xs2_att_img {
        width: 20vw;
    }
	.sup_howto_xs2_att_list:nth-child(4) .sup_howto_xs2_att:first-child .sup_howto_xs2_att_detail, .sup_howto_xs2_att_list:nth-child(4) .sup_howto_xs2_att:nth-child(2) .sup_howto_xs2_att_detail {
        justify-content: center;
        width: 38vw;
		column-gap: .5vw;
	}
	.sup_howto_xs2_att_list:nth-child(4) .sup_howto_xs2_att:first-child .sup_howto_xs2_att_detail li, .sup_howto_xs2_att_list:nth-child(4) .sup_howto_xs2_att:nth-child(2) .sup_howto_xs2_att_detail li {
        width: 30%;
	}
}