@charset "UTF-8";

.supprtBLOCK {
	max-width: 1000px;
	margin: auto;
	margin-bottom: 50px;
	border-bottom: 1px dotted #898989;
	padding-bottom: 50px;
}
.supprtBOX {
	background: #011536;
	padding: 40px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 0px;
	
}

.supportCATE h3 {
	 font-family: "Shippori Mincho B1", serif;
  position: relative;
	background: #023c99;
  margin-bottom: 30px;
	font-size: clamp(2rem, 3vw, 3.5rem);
	text-align: center;
	font-weight: 600;
	color:#fff;
	padding: 15px;
	display: inline-block;
	padding: 10px 40px;
	box-sizing: border-box;
}

.supprtBOX h4 {
	 font-family: "Shippori Mincho B1", serif;
  position: relative;
  display: block;
  margin-bottom: 30px;
	font-size: clamp(2rem, 3vw, 3.5rem);
	text-align: center;
	font-weight: 600;
	color:#fff;
}
.supprtBOX p {
	color:#fff;
	font-size: clamp(1.4rem, 1.5vw, 1.7rem);
	line-height: 1.7;
}

.supprtBLOCK h5 {
	 font-family: "Shippori Mincho B1", serif;
  position: relative;
  display: block;
  margin-bottom: 30px;
	font-size: clamp(2rem, 3vw, 3.5rem);
	text-align: center;
	font-weight: 600;
}
.pointBG {
	background: #ececec;
	padding: 50px;
	box-sizing: border-box;
	border: 1px solid #d8d8d7;
	
}
.pointBG li {
	color:#222 !important;
}

.kome {
	font-size: clamp(1.2rem, 1.3vw, 1.4rem);
	line-height: 1.5;
	margin-top: 20px;
}



.meritBOX {
	display: flex;
justify-content: space-between;
	margin-bottom: 50px;
}
.meritBOX:last-child {
	margin-bottom: 0px;
}
.meritBOX.rev {
	display: flex;
justify-content: space-between;
	flex-direction: row-reverse;
}

.meritBOX .ph {
	width: 48.5%;
}
.meritBOX .text {
	width: 48.5%;
}
.meritBOX .text h3 {
	 font-family: "Shippori Mincho B1", serif;
	font-size: clamp(1.7rem, 2.5vw, 3rem);
	color:#023c99;
	margin-bottom: 10px;
}
.meritBOX .text p {
	font-size: clamp(1.2rem, 1.4vw, 1.6rem);
}

.t01 {
	margin-bottom: 20px;
}


@media screen and (max-width: 834px){
	
.supprtBLOCK {
	max-width: auto;
	margin: auto;
	margin-bottom: 30px;
	border-bottom: 1px dotted #898989;
	padding-bottom: 30px;
}
.supprtBOX {
	padding: 20px;
	box-sizing: border-box;
	border-radius: 6px;
	margin-bottom: 0px;
	
}

.supportCATE h3 {
	 font-family: "Shippori Mincho B1", serif;
  position: relative;
  margin-bottom: 15px;
	font-size: clamp(1.8rem, 3vw, 3.5rem);
	text-align: center;
	font-weight: 600;
	color:#fff;
	padding: 15px;
	display: inline-block;
	padding: 10px 40px;
	box-sizing: border-box;
}

.supprtBOX h4 {
	 font-family: "Shippori Mincho B1", serif;
  position: relative;
  display: block;
  margin-bottom: 15px;
	font-size: clamp(1.8rem, 3vw, 3.5rem);
	text-align: center;
	font-weight: 600;
	color:#fff;
}
.supprtBOX p {
	color:#fff;
	font-size: clamp(1.4rem, 1.5vw, 1.7rem);
	line-height: 1.7;
}

.supprtBLOCK h5 {
	 font-family: "Shippori Mincho B1", serif;
  position: relative;
  display: block;
  margin-bottom: 15px;
	font-size: clamp(2rem, 3vw, 3.5rem);
	text-align: center;
	font-weight: 600;
}
.pointBG {
	background: #ececec;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid #d8d8d7;
	
}
.pointBG li {
	color:#222 !important;
}

.kome {
	font-size: clamp(1.2rem, 1.3vw, 1.4rem);
	line-height: 1.5;
	margin-top: 20px;
}

	
.meritBOX {
	display: flex;
	flex-direction: column;
justify-content: space-between;
	margin-bottom: 20px;
}
.meritBOX.rev {
	display: flex;
justify-content: space-between;
	flex-direction: column;
}

.meritBOX .ph {
	width: auto;
	margin-bottom: 10px;
}
.meritBOX .text {
	width: auto;
}
.meritBOX .text h3 {
	 font-family: "Shippori Mincho B1", serif;
	font-size: clamp(1.8rem, 2.5vw, 3rem);
	margin-bottom: 5px;
	font-size: clamp(2rem, 2.5vw, 3rem);
	text-align: center;
}
.meritBOX .text p {
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
}

	.t01 {
	margin-bottom: 10px;
}
}