@charset "utf-8";
/* 肌測定データ */
.imgBox {
  margin: 0 0 20px;
  background: #eaf1f7;
}
.Page h3 {
    text-align: left;
    margin: 20px 0 40px;
    background: #d5e3f3;
    border-bottom: none;
}

.Page h4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #265280;
    color: #fff;
    margin: 0 10px;
}
#S01 .detailBox {
    justify-content: center;
    padding: 30px;
    border: 20px solid #f5e8d4;
    background: #fff;
    margin: 2px;
}


.Page .box {
	width: 100%;
}

.Page .tab {
    list-style: none;
    justify-content: center;
    display: flex;
}

.Page .tab li {
    margin-right: 3px;
    background: #efefef;
    list-style-type: none;
}
.Page .tab li.current {
	background: #265280;
}


.Page .tab li a {
    display: block;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
    text-align: center;
    line-height: 1.4em;
}

.Page .tab li.current a {
	color: #fff;
}

.Page .tabContents {
	clear: both;
	display: none;
	padding: 10px;
}

.Page .tabContents.current {
	display: block;
}


.Page #S02 dl dt {
    width: 120px;
    color: #fff;
    background: #6492b8;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    font-size: 80%;
}

#S02 .contentsDetail {
background: #fff;
}
.Page #S02 dl {
    justify-content: center;
}

.Page #S02 dl dd {
    width: 74.5%;
    background: #eff7fd;
    border-bottom: 1px dashed #6492b8;
    display: flex;
    align-items: center;
}
.Page #S02 dl dd span {
    display: block;
    background: #97bbd3;
    color: #fff;
    font-weight: 400;
    padding: 10px 20px;
    margin: 0 20px 5px 0;
    border-radius: 20px;
    width: 160px;
    text-align: center;
    font-size: 70%;
}

/*----------------------------------------------------------- 768px  */
@media screen and (max-width: 768px) {

.Page .tab {
    list-style: none;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.Page .tab li {
    width: calc( 100% / 2 - 30px );
    margin: 5px;
}
}

@media screen and (max-width: 700px) {
.detailBox {
flex-wrap: wrap;

}

#S01 .detailBox .leftBox{
width: 100%;
margin-bottom: 5px;
}	
	
	
}



/*-----------------------------------------------------------  smartphone */
@media screen and (max-width: 535px) {
.Page h3 {
    text-align: center;
}	

.Page #S02 dl dt {
    width:100%;
    flex-wrap: wrap;
}
	
.Page #S02 dl dd {
width: 100%;
    flex-wrap: wrap;
    justify-content: center;}	
	
.Page #S02 dl dd a{
    padding: 15px 0;
}	
	
	
.Page #S02 dl dd span{
	    margin: 0 0px 5px 0;
}	
	
	
}

@media screen and (max-width: 480px) {
h4.wpsm_panel-title {}

.Page #S02 dl{
	width: 90%;	
    margin-bottom: 10px;	
	}
	
}