/*
Theme Name: MYTREX Official Site
Author: Sotsu Medical
Author URI: https://www.mytrex.jp/prove-pr2/
Description:MYTREX PROVE
Version: 1.0
*/

#pd_prv2 .pd_prv4a {
	position: relative;
}

@media screen and (max-width: 767px) {
	#pd_prv2 .pd_prv4a_1 {
		width: 42vw;
		position: absolute;
		left: 54.2vw;
		top: 46.1vw;
	}
}

@media screen and (min-width: 768px) {
	#pd_prv2 .pd_prv4a_1 {
		width: calc(42vw/2);
		position: absolute;
		left: calc(54.2vw/2);
		top: calc(46.1vw/2);
	}
}

/*** l ***/
@media screen and (max-width: 767px) {
	.pd_l_area {
		padding: 4vw 4vw;
	}
	.pd_l_area_ttl {
		font-size: 5vw;
		line-height: 5vw;
		letter-spacing: 1.0vw;
		color: #231815;
		padding-bottom: 6vw;
		text-align: center;
	}
	.pd_l_box_are {
		padding: 0vw 0vw;
	}
	.pd_l_box_are2 {
		padding: 0vw 4vw;
	}
	.pd_l_box1 {
		padding: 4vw 23vw;
		text-align: center;
	}
	.pd_l_box2 {
		padding: 0vw 0vw 5vw;
	}
	.pd_l_box3 {
		float: left;
		width: 33%;
		padding: 0.5vw;
	}
	.pd_l_icon {
		padding: 0vw;
		width: 100%;
		line-height: 0;
	}
	.pd_l_icon img {
		width: 100%;
	}
	.pd_l_text {
		font-size: 3vw;
		line-height: 5.0vw;
		letter-spacing: 0.2vw;
		color: #231815;
		padding: 1.0vw 0.0vw;
		text-align: left;
	}
	.pd_l_ttl {
		font-size: 3vw;
		line-height: 3vw;
		letter-spacing: 0.2vw;
		color: #231815;
		padding: 2vw 1.0vw;
		text-align: center;
	}
	.pd_l_area {
		padding: 15vw 0 15vw;
		background-color: #f2f2f2;
	}
	.pd_l_item_ttl{
		font-size: 1.1vw;
		line-height: 1.6vw;
		letter-spacing: 0.1vw;
		color: #231815;
		text-align: left;
		display:none;
	}
	.support_product_spec_box {
		padding: 6vw 0;
	}
}

@media screen and (min-width: 768px) {
	.pd_l_area {
		padding: 4vw 0vw;
	}
	.pd_l_area_ttl {
		font-size: 1.8vw;
		line-height: 2vw;
		letter-spacing: 0.1vw;
		color: #231815;
		padding-bottom: 1.5vw;
		text-align: center;
	}
	.pd_l_box_are {
		padding: 0vw 0vw;
	}
	.pd_l_box_are2 {
		padding: 0vw 0vw;
	}
	.pd_l_box1 {
		float: left;
		width: 33%;
		padding: 0.5vw 0vw 1.0vw;
	}
	.pd_l_box2 {
		float: left;
		width: 66%;
		padding: 0.5vw;
	}
	.pd_l_box3 {
		float: left;
		width: 33%;
		padding: 0.5vw 0vw 1.0vw;
	}
	.pd_l_icon {
		padding: 1vw 1vw 1vw 0vw;
		width: 100%;
		line-height: 0;
	}
	.pd_l_icon img {
		width: 100%;
	}
	.pd_l_text {
		font-size: 0.7vw;
		line-height: 1.7;
		letter-spacing: 0vw;
		color: #231815;
		padding: 3vw 0vw 1.0vw 0vw;
		text-align: left;
	}
	.pd_l_ttl {
		font-size: 1.0vw;
		line-height: 2vw;
		letter-spacing: 0.1vw;
		color: #231815;
		padding: 0.5vw 1.0vw 0vw;
		text-align: center;
	}
	.pd_l_area {
		padding: 0 5vw 1vw;
	}
	.pd_l_item_ttl{
		font-size: 1.1vw;
		line-height: 1.6vw;
		letter-spacing: 0.1vw;
		color: #231815;
		text-align: center;
	}
	#pd_md_1 {
		padding: 8% 0;
	}
}
/*** l ***/


/** pr3 **/
@media screen and (max-width: 767px) {
.pd_prv1{
padding:0vw 0vw;
}
.pd_prv1 img{
width:100%;
height:auto;
}
.pd_prv2_1{
padding:0vw 0vw;
}
.pd_prv2_1 img{
width:100%;
height:auto;
}
.pd_prv2_2{
	padding:0vw 0vw;
	position: relative;
}
.pd_prv2_2 img{
width:100%;
height:auto;
}
.pd_prv2_2 div{
	padding: 0vw 0vw;
    position: absolute;
    width: 37.5%;
    right: 18vw;
    top: 37.4vw;
}
	
.pd_prv2_3{
	padding:0vw 0vw;
	position: relative;
}
.pd_prv2_3 img{
width:100%;
height:auto;
}
.pd_prv2_3 div{
	padding: 0vw 0vw;
    position: absolute;
    bottom: 0.3%;
    width: 83.5%;
    right: 0;
    left: 0;
    margin: auto;
}

.pd_prv2_4{
	padding:0vw 0vw;
	position: relative;
}
.pd_prv2_4 img{
width:100%;
height:auto;
}
.pd_prv2_4 div{
	padding: 0vw 0vw;
    position: absolute;
    bottom: 0.3%;
    width: 83.5%;
    right: 0;
    left: 0;
    margin: auto;
}
.pd_prv2_5{
	padding:0vw 0vw;
	position: relative;
}
.pd_prv2_5 img{
	width:100%;
	height:auto;
}
	.cont1-1_mv {
		position: absolute;
		top: 58.5vw;
		width: 100vw;
		height: 56.1vw;
	}
	.cont1-1_mv iframe {
		position: absolute;
		top: 0;
		width: 100vw;
		height: 56.1vw;
	}
}
@media screen and (min-width: 768px) {
.pd_prv1{
padding:0vw 0vw;
}
.pd_prv1 img{
width:100%;
height:auto;
}
.pd_prv2_1{
padding:0vw 0vw;
}
.pd_prv2_1 img{
width:100%;
height:auto;
}
.pd_prv2_2{
	padding:0vw 0vw;
	position: relative;
}
.pd_prv2_2 img{
width:100%;
height:auto;
}
.pd_prv2_2 div{
	padding: 0vw 0vw;
    position: absolute;
    width: 18.8vw;
    right: 8.9vw;
    top: 18.8vw;
}
	
.pd_prv2_3{
	padding:0vw 0vw;
	position: relative;
}
.pd_prv2_3 img{
width:100%;
height:auto;
}
.pd_prv2_3 div{
	padding: 0vw 0vw;
    position: absolute;
    bottom: 0.1vw;
    width: 41.9vw;
    right: 0;
    left: 0;
    margin: auto;
}

.pd_prv2_4{
	padding:0vw 0vw;
	position: relative;
}
.pd_prv2_4 img{
width:100%;
height:auto;
}
.pd_prv2_4 div{
	padding: 0vw 0vw;
    position: absolute;
    bottom: 0.1vw;
    width: 41.9vw;
    right: 0;
    left: 0;
    margin: auto;
}
.pd_prv2_5{
	padding:0vw 0vw;
	position: relative;
}
.pd_prv2_5 img{
	width:100%;
	height:auto;
}
	.cont1-1_mv {
		position: absolute;
		top: 29.2vw;
		width: 100%;
		height: 28.5vw;
	}
	.cont1-1_mv iframe {
		position: absolute;
		top: 0;
		width: 100%;
		height: 28.5vw;
	}
}
/** pr3 **/



/* modal */
.openModal {
    border: none;
    background: none;
    padding: 0;
}
.modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transform: scale(0.3);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
  overflow-y: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.modal.show {
  display: block;
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.modal-cnt {
    max-height: 90vh;
    overflow-y: auto;
    transform: none;
    position: relative;
}

@media screen and (min-width:768px){
    #modal1 .modal-cnt{
        width: 50%;
    }
    #modal2 .modal-cnt{
        width: 85%;
    }
    .closeModal {
        width: fit-content;
        margin: 0 auto;
        font-size: 1vw;
        padding: .5vw 2vw;
        border: 1px solid;
        border-radius: 3vw;
    }
}

@media screen and (max-width:767px){
    .closeModal {
        width: fit-content;
        margin: 0 auto;
        font-size: 2.5vw;
        padding: 1.3vw 4vw;
        border: 1px solid;
        border-radius: 3vw;
    }
}


@media screen and (min-width:768px){
    .pd_prv0 {
        bottom: -1vw;
    }
}
@media screen and (max-width: 767px) {
    .pd_prv0 {
        bottom: -1.5vw;
    }
}