.index_tit_patch {
	position: relative;
	color:#fff;
	padding-top:10%;
font-weight: 700;
	font-size: 10vw;
	z-index: 100;
	line-height: 1;
	margin-bottom: 0;
	 font-family: "Barlow Condensed", sans-serif;
	padding-right:5px;
}

.index_tit_patch_ver {
		position: relative;
	color:#fff;
font-weight: 700;
	font-size: 5vw;
	z-index: 100;
	line-height: 1;
	 font-family: "Barlow Condensed", sans-serif;
}

.patch_titwrp {
	display: flex;
align-items: baseline; 
	 justify-content: center; 
  gap: 1rem; 
}




.patch-section {
	position: relative;
    display: flex;
    flex-wrap: wrap;
	  justify-content: center; 
    margin-bottom: 10%;
    gap: 6rem;
		z-index: 100;
	color:#fff;
  }

.patch-section_single {
	position: relative;
	  justify-content: center; 
    margin-bottom: 10%;
		z-index: 100;
	color:#fff;
  }

  .patch-text {
    flex: 1 1 500px;
    font-size: 1.8rem;
    line-height: 1.8;
  }

  .patch-text h3 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
		line-height: 1.5em;
  }

  .patch-image {
    flex: 1 1 400px;
		 order: 3;
  }

  .patch-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  ul.patch-list {
    list-style-type: disc;
    padding-left: 1.5rem;
  }

  ul.patch-list li {
    text-indent: -1.5rem;
    padding-left: 0rem;
    margin-bottom: 0.8em;
		  text-indent: 0;
  }

@media screen and (min-width:320px) and (max-width:1050px) {
	.patch_titwrp {
	display: block;
align-items: baseline; 
	 justify-content: center; 
  gap: 1rem; 
}

	.index_tit_patch {
	position: relative;
	color:#fff;
	padding-top:30%;
font-weight: 700;
	font-size: 30vw;
	z-index: 100;
	line-height: 0.7;
	margin-bottom: 0;
	 font-family: "Barlow Condensed", sans-serif;
	padding-right:5px;
		text-align: center;
}

.index_tit_patch_ver {
		position: relative;
	color:#fff;
  margin-top: 15%;
font-weight: 700;
	font-size: 10vw;
	z-index: 100;
	line-height: 1;
	 font-family: "Barlow Condensed", sans-serif;
	text-align: center;
}

    .patch-section {
      flex-direction: column;
			gap: 0rem;
    }
  }

.contents_inner {
 position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 5rem;

}

.patch_head {
	position: relative;
	color:#fff;
    font-size: 2.5rem;
	font-weight: 600;
    line-height: 1.5em;
	z-index: 100;
	text-align: center;
	margin-bottom: 6%;
}

.shortline {
	border-top:1px solid #fff;
	width: 10%;
	margin: 0 auto;
	margin-top:1%;
	margin-bottom: 2%;
}

  .patch-image-row {
		margin-top: 5%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
		 order: 2;
  }

  .patch-image-row img {
    width: 48% ;
    height: auto;
    display: block;
  }


.patch-title {
  position: relative;
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  padding-left: 0.6em; 
  margin-left: -1.8rem; 
  line-height: 1.4;
}

.patch-icon {
  position: absolute;
  top: 0.2em;          
  left: 0;
  width: 0.25em;      
  height: 1.2em;
  background-color: #e60012;
}

@media screen and (min-width:320px) and (max-width:1050px) {
  .contents_inner {
 position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 3rem;

}
	.shortline {
	border-top:1px solid #fff;
	width: 40%;
	margin: 0 auto;
	margin-top:10%;
	margin-bottom: 10%;
}
	
	.patch_head {
	position: relative;
	color:#fff;
    font-size: 2rem;
	font-weight: 600;
    line-height: 1.5em;
	z-index: 100;
	text-align: left;
	margin-bottom: 10%;
}
	  .patch-image-row {
		margin-top: 10%;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
		 order: 2;
  }
	  .patch-image-row img {
    width: 100% ;
    height: auto;
    display: block;
  }

	.patch-section {
	position: relative;
    display: block;
		margin-bottom: 20%;
    
  }
}
.ip_img {
  position: relative;

  width: 80%;
  margin: 20% auto;

  padding-top:20%;

  border-top:1px solid #999;
  z-index: 100;
}
.ip_img_top {
  position: relative;

  width: 80%;
  margin: 5% auto;

  padding-top:5%;
  z-index: 100;
}

.ip_titwrp {
  		position: relative;
  padding-top: 10%;
  margin-bottom: 5%;
	color:#fff;
font-weight: 700;
	font-size: 5vw;
	z-index: 100;
	line-height: 1;
  text-align: center;
	 font-family: "Barlow Condensed", sans-serif;
}
@media screen and (min-width:320px) and (max-width:1050px) {
  .ip_img_top {
  position: relative;

  width: 100%;
  margin: 0% auto;

  padding-top:5%;
    padding-bottom:15%;
  z-index: 100;
}
  .ip_img {
  position: relative;

  width: 100%;
  margin: 0 auto;
    margin-bottom: 0%;
  padding-bottom:20%;

  z-index: 100;
}

}