@charset "utf-8";
/*
改修日：20250704
改修内容：画像対応部分のテキスト化
↓↓↓↓↓↓↓↓↓↓↓↓ ここから ↓↓↓↓↓↓↓↓↓↓↓↓
*/
html {
	scroll-behavior: smooth;
}

#feature_wrapper{
	line-height: normal;
}

#feature_wrapper .section001 .section_inner{
	width: 100%;
  max-width: 588px;
  margin: 0 auto;
}

#feature_wrapper .section001 .section_inner h2{
  padding: 0 !important;
  font-size: 39px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

#feature_wrapper .section001 .section_inner h2 span:first-of-type{
  display: inline-block;
  margin-right: 10px;
  font-size: 69px;
  letter-spacing: -6px;
  color: #ab9363;
  vertical-align: text-bottom;
}

#feature_wrapper .section001 .section_inner h2 span:nth-of-type(2){
  display: inline-block;
  font-size: 49px;
}

#feature_wrapper .section001 .section_inner h2 span:nth-of-type(3){
  display: inline-block;
  font-size: 74px;
  color: #b20000;
  vertical-align: text-bottom;
}

#feature_wrapper .section001 .section_inner h2 span:last-of-type{
  font-size: 34px;
  vertical-align: middle;
}

@-moz-document url-prefix() {

	#feature_wrapper .section001 .section_inner h2{
	  font-size: 41px;
	}

	#feature_wrapper .section001 .section_inner h2 span:first-of-type{
	  font-size: 71px;
	}

	#feature_wrapper .section001 .section_inner h2 span:nth-of-type(2){
	  font-size: 51px;
	}

	#feature_wrapper .section001 .section_inner h2 span:nth-of-type(3){
	  font-size: 76px;
	}

	#feature_wrapper .section001 .section_inner h2 span:last-of-type{
	  font-size: 36px;
	}
}

#feature_wrapper .section001 .section_inner h3{
  margin: 30px 0;
  padding: 1% 0;
  font-size: 26px;
  text-align: center;
  border: 1px solid #ab9363;
}

#feature_wrapper .section001 .section_inner .column_2{
	display: -webkit-flex;
	display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 30px;
}

#feature_wrapper .section001 .section_inner .column_2 li{
  width: 48%;
  max-width: 274px;
  padding: 30px 0;
  font-size: 20px;
  text-align: center;
  border-radius: 20px;
  font-weight: bold;
  box-shadow: 0 0 5px 3px #ddd;
}

#feature_wrapper .section001 .section_inner .column_2 li span{
  color: #ab9363;
}

#feature_wrapper .section001 .section_inner .column_2 li:first-of-type{
  margin-right: 40px;
}

#feature_wrapper .section001 .section_inner > div h4{
  margin-bottom: 25px;
  font-size: 18px;
  text-align: center;
}

#feature_wrapper .section001 .section_inner > div img{
  margin-bottom: 25px;
}

#feature_wrapper .section001 .section_inner > div p{
  font-size: 12px;
}

#feature_wrapper .section001 .section_inner > div p:last-of-type{
  margin-bottom: 30px;
}

#feature_wrapper .section001 .section_inner .column_3{
	display: -webkit-flex;
	display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border: 1px solid #000;
  border-width: 0 0 1px 0;
}

#feature_wrapper .section001 .section_inner .column_3 li{
	position: relative;
  width: calc(98% / 3);
  max-width: calc(568px / 3);
  border: 1px solid #000;
  border-radius: 20px;
}

#feature_wrapper .section001 .section_inner .column_3 li:not(:last-of-type){
	margin-right: 10px;
}

#feature_wrapper .section001 .section_inner .column_3 li div{
	text-align: center;
  padding: 10px 0;
}

#feature_wrapper .section001 .section_inner .column_3 li div > span{
  display: inline-block;
  margin-bottom: 5px;
  font-size: 20px;
}

#feature_wrapper .section001 .section_inner .column_3 li div > p{
	font-size: 16px;
	text-align: center;
}

#feature_wrapper .section001 .section_inner .column_3 li div > p > span{
	color: #ab9363;
}

#feature_wrapper .section001 .section_inner .column_4{
	display: -webkit-flex;
	display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 30px;
}

#feature_wrapper .section001 .section_inner .column_4 li{
  width: calc(97% / 3);
  max-width: 186px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 5px;
  text-align: center;
}

#feature_wrapper .section001 .section_inner .column_4 li:not(:last-of-type){
	margin-right: 10px;
}

#feature_wrapper .section001 .section_inner .column_4 li a{
	position: relative;
	display: block;
	height: 100%;
	padding: 2% 0;
	color: #000;
}

#feature_wrapper .section001 .section_inner .column_4 li a span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
}

@media screen and (min-width:1025px){
	#feature_wrapper .section001 .section_inner .column_4 li a{
		transition: .4s all;
	}

	#feature_wrapper .section001 .section_inner .column_4 li a:hover{
		background: #000;
		color: #fff;
		opacity: 1;
	}
}

@media screen and (max-width:780px){
	#feature_wrapper .section001 .section_inner h2{
		font-size: 40px;
	}

	#feature_wrapper .section001 .section_inner h2 span:first-of-type{
	  font-size: 70px
	}

	#feature_wrapper .section001 .section_inner h2 span:nth-of-type(2){
		font-size: 50px;		
	}

	#feature_wrapper .section001 .section_inner h2 span:nth-of-type(3){
    font-size: 75px;	
	}

	#feature_wrapper .section001 .section_inner h2 span:last-of-type{
		font-size: 40px;	
	}
}

@media screen and (max-width:768px){
	.sp_none{
		display: none;
	}

	#feature_wrapper .section001 .section_inner{
		padding: 0 2%;
    box-sizing: border-box;
	}

	#feature_wrapper .section001 .section_inner h2{
		font-size: 34px;
	}

	#feature_wrapper .section001 .section_inner h2 span:first-of-type{
	  margin-right: 1%;
	  font-size: 64px
	}

	#feature_wrapper .section001 .section_inner h2 span:nth-of-type(2){
		font-size: 44px;		
	}

	#feature_wrapper .section001 .section_inner h2 span:nth-of-type(3){
    font-size: 69px;	
	}

	#feature_wrapper .section001 .section_inner h2 span:last-of-type{
		font-size: 34px;	
	}

	#feature_wrapper .section001 .section_inner h3{
		margin: 3% 0;
	}

	#feature_wrapper .section001 .section_inner .column_2{
		display: block;
		margin-bottom: 3%;
	}

	#feature_wrapper .section001 .section_inner .column_2 li{
		width: 100%;
		max-width: none;
		padding: 2%;
		border-radius: 10px;
		box-shadow: 0 0 3px 2px #ddd;
	}

	#feature_wrapper .section001 .section_inner .column_2 li:first-of-type{
		margin-right: 0;
		margin-bottom: 3%;
	}

	#feature_wrapper .section001 .section_inner > div h4{
    margin-bottom: 2.5%;	
	}

	#feature_wrapper .section001 .section_inner > div img{
    margin-bottom: 2.5%;
	}

	#feature_wrapper .section001 .section_inner > div p:last-of-type{
    margin-bottom: 3%;
	}

	#feature_wrapper .section001 .section_inner .column_3{
		display: block;
		margin-bottom: 3%;
    padding-bottom: 3%;
	}

	#feature_wrapper .section001 .section_inner .column_3 li{
		width: 100%;
		max-width: none;
		border-radius: 10px;
	}

	#feature_wrapper .section001 .section_inner .column_3 li:not(:last-of-type){
		margin-right: 0;
		margin-bottom: 3%;
	}

	#feature_wrapper .section001 .section_inner .column_3 li div{
		padding: 1% 0;
	}

	#feature_wrapper .section001 .section_inner .column_4{
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 3%;
	}

	#feature_wrapper .section001 .section_inner .column_4 li{
		width: 49%;
		max-width: none;
	}

	#feature_wrapper .section001 .section_inner .column_4 li:first-of-type,
	#feature_wrapper .section001 .section_inner .column_4 li:nth-of-type(3) {
		margin-right: 2%;
	}

	#feature_wrapper .section001 .section_inner .column_4 li:first-of-type,
	#feature_wrapper .section001 .section_inner .column_4 li:nth-of-type(2) {
		margin-bottom: 2%;
	}

	#feature_wrapper .section001 .section_inner .column_4 li:nth-of-type(2),
	#feature_wrapper .section001 .section_inner .column_4 li:last-of-type{
		margin-right: 0;
	}

	#feature_wrapper .section001 .section_inner .column_4 li a span{
		font-size: 12px;
	}
}

@media screen and (max-width:540px){
	#feature_wrapper .section001 .section_inner h2{
		font-size: calc(1vw * calc(32 / 5.4));
	}

	#feature_wrapper .section001 .section_inner h2 span:first-of-type{
		font-size: calc(1vw * calc(62 / 5.4));
	}

	#feature_wrapper .section001 .section_inner h2 span:nth-of-type(2){
		font-size: calc(1vw * calc(42 / 5.4));
	}

	#feature_wrapper .section001 .section_inner h2 span:nth-of-type(3){
		font-size: calc(1vw * calc(67 / 5.4));
	}

	#feature_wrapper .section001 .section_inner h2 span:last-of-type{
		font-size: calc(1vw * calc(32 / 5.4));
	}

	#feature_wrapper .section001 .section_inner h3{
		font-size: calc(1vw * calc(24 / 5.4));
	}

	#feature_wrapper .section001 .section_inner .column_2 li{
		font-size: calc(1vw * calc(20 / 5.4));
	}

	#feature_wrapper .section001 .section_inner > div h4{
		font-size: calc(1vw * calc(18 / 5.4));
	}

	#feature_wrapper .section001 .section_inner .column_3 li div > span{
		font-size: calc(1vw * calc(20 / 5.4));
	}

	@-moz-document url-prefix() {
		#feature_wrapper .section001 .section_inner h2{
			font-size: calc(1vw * calc(34 / 5.4));
		}

		#feature_wrapper .section001 .section_inner h2 span:first-of-type{
			font-size: calc(1vw * calc(64 / 5.4));
		}

		#feature_wrapper .section001 .section_inner h2 span:nth-of-type(2){
			font-size: calc(1vw * calc(44 / 5.4));
		}

		#feature_wrapper .section001 .section_inner h2 span:nth-of-type(3){
			font-size: calc(1vw * calc(69 / 5.4));
		}

		#feature_wrapper .section001 .section_inner h2 span:last-of-type{
			font-size: calc(1vw * calc(34 / 5.4));
		}
	}
}
/*↑↑↑↑↑↑↑↑↑↑↑↑ ここまで ↑↑↑↑↑↑↑↑↑↑↑↑*/