@media screen and (min-width: 641px){
	.isSp {
		display: none!important;
	}
	
	.photo_gallery{
		width:750px;
		margin:0 auto;
	}
	
	.tab4-body {
    height:785px;
	}
	
	.tab4__item img{
    width:180px;
  }
	
	.tab4-body__item img{
		width:100%;
	}
	
}

@media screen and (max-width: 640px){
	.isPc {
		display: none!important;
	}
	
	.photo_gallery{
		width:90%;
		margin:0 auto;
		font-size: 70%;
	}
	
	.tab4-body {
    height:100%;
	}
	
	.tab4-body::after{
  content: '';
  display:block;
  padding-top:106%;
}
	
	.tab4__item {
    padding:4px;
  }
	
}


.tab4 {
    display: flex;
    flex-direction: row;
    text-align: center;
    background-color: #fff !important;
    margin: 0 !important;
  }
  .tab4__item {
    flex: 1;
  }
  .tab4__link {
    position: relative;
    display: block;
    text-decoration: none;
    color: #007940;
    cursor: pointer;
  }
  .tab4__link:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 50%;
    width: 0;
    height: 2px;
    background-color: #007940;
    transition: all 0.4s ease-out;
  }
  .tab4__link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #007940;
    transition: all 0.4s ease-out;
  }
  .tab4__link.on:before {
    width: 50%;
  }
  .tab4__link.on:after {
    width: 50%;
  }
  .tab4-body {
    position: relative;
    
  }
  .tab4-body__item {
    position: absolute;
    width: 100%;
    margin: 0;
    text-align: center;
    opacity: 0;
    transition: all 0.6s ease-out;
  }
  .tab4-body__item.on {
    opacity: 1;
  }