body {
  font-family:'Noto Sans JP', Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}
#site-nav {
  font-family:Arial, Verdana, 'Lucida Grande', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}
.mar_t100 {
  margin-top: 100px !important;
}
.horizontal-gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6434e+0,a43dd6+34,505dd8+64,7db9e8+100 */
background: linear-gradient(45deg,  #d6434e 0%,#a43dd6 34%,#505dd8 64%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.box-gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6434e+0,a43dd6+34,505dd8+64,7db9e8+100 */
  background: linear-gradient(45deg,  #d6434e 0%,#a43dd6 34%,#505dd8 64%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 10px;
  display: inline-block;
  margin-top: 20px;
  color: #FFF;
}
.slide-area > ul{
	padding-left: 0;
}
.slide-area .slider .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 180px;
  z-index: 1;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.slide-area .slider .slick-arrow::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #09000d;
  border-width: 3px 3px 0 0;
  position: absolute;
  top: 24px;
  transform: rotate(45deg);
}

.slide-area .slider .slick-next::before {
  left: 20px;
}

.slide-area .slider .slick-prev::before {
  border-width: 0 0 3px 3px;
  right: 20px;
}
#feature-1 .link_banner{
	margin: 5em auto 10rem;
}
#feature-2,
#feature-3,
#feature-4,
#feature-7
{
  padding-top: 0;
}
#feature-7 .col_text_box h2{
	display: flex;
	align-items: center;
}
#feature-7 .col_text_box h2 > span{
	display: block;
	width: 50%;
}

#feature-2,
#feature-4{
	margin: 0;
	background-color:#ffffff;
	padding-bottom: 0;
}
#feature-3,
#feature-7{
	margin: 0;
	background-color:#efefef;
	padding-bottom: 0;
}
#feature-3 .container{
  width: 1920px;
}
#feature-3 .col_pad {
  position: relative;
}
#feature-3 .container .flex-box {
  padding-top: 3rem;
}
#feature-4{
  position: relative;
}
#feature-2 p,
#feature-3 p,
#feature-4 p,
#feature-7 p{
  margin-top:0;
  margin-bottom:10px;
}
#feature-2 .col_text_box p,
#feature-4 .col_text_box p{
	padding-bottom: 0;
}
#feature-2 .feature_accordion--contents,
#feature-3 .feature_accordion--contents,
#feature-4 .feature_accordion--contents,
#feature-7 .feature_accordion--contents{
    margin-top: 19px;
}
#feature-2 .f2_first, #feature-2 .f2_second,
#feature-3 .f3_first, #feature-3 .f3_second,
#feature-4 .f4_first, #feature-4 .f4_second,
#feature-7 .f7_first, #feature-7 .f7_second{
  padding: 4%;
  background-color: #fff;
	border: 3px solid #dcdcdc;
  border-radius: 15px;
	box-sizing: border-box;
}

#feature-2 .f2_first h3, #feature-2 .f2_second h3,
#feature-3 .f3_first h3, #feature-3 .f3_second h3,
#feature-4 .f4_first h3, #feature-4 .f4_second h3,
#feature-7 .f7_first h3, #feature-7 .f7_second h3
{
  margin: 0;
	text-align: left;
  font-weight: 800;
}
#feature-2 .f2_first img, #feature-2 .f2_second img,
#feature-3 .f3_first img, #feature-3 .f3_second img,
#feature-4 .f4_first img, #feature-4 .f4_second img,
#feature-7 .f7_first img, #feature-7 .f7_second img{
	width: 100%;
}
#feature-2 .f2_first p, #feature-2 .f2_second p,
#feature-3 .f3_first p, #feature-3 .f3_second p,
#feature-4 .f4_first p, #feature-4 .f4_second p,
#feature-7 .f7_first p, #feature-7 .f7_second p{
  width: 100%;
  margin: 0 auto;
  padding-top: 6%;
}
#feature-2 .col_box_24,
#feature-3 .col_box_24,
#feature-4 .col_box_24,
#feature-6 .col_box_24,
#feature-7 .col_box_24{
  text-align: center;
}
#feature-3 .col_text_box h2,
#feature-4 .col_text_box h2,
#feature-6 .col_text_box h2{
	display: inline-block;
	text-align: center;
}
#feature-2 .col_text_box p,
#feature-3 .col_text_box p,
#feature-4 .col_text_box p,
#feature-7 .col_text_box p{
  text-align: center;
}
#feature-6 h3{
  font-weight: 800;
}
#feature-6 p{
  font-weight: 700;
}
#feature-2 h2, #feature-3 h2, #feature-4 h2, #feature-7 h2,
#feature-2 p, #feature-3 p, #feature-4 p,#feature-7 p,
#feature-2 h3, #feature-3 h3, #feature-4 h3, #feature-7 h3{
  letter-spacing: -0.1rem;
}
@media screen and (min-width:769px) {

.col_text_box02 {
  margin: 0 auto;
  max-width: 940px;
}
 .slide-area .slider .slick-next {
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
  }

  .slide-area .slider .slick-prev {
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
  }

	#feature-2 .feature_accordion--contents,
	#feature-3 .feature_accordion--contents,
	#feature-4 .feature_accordion--contents,
	#feature-7 .feature_accordion--contents{
		padding: 50px 3% 100px;
	}
	#feature-2 .feature_accordion--contents .row,
	#feature-3 .feature_accordion--contents .row,
	#feature-4 .feature_accordion--contents .row,
	#feature-7 .feature_accordion--contents .row{
		margin: 0 auto;
		max-width: 1617px;
	}
	#feature-2 .f2_first_second,
	#feature-3 .f3_first_second,
	#feature-4 .f4_first_second,
	#feature-7 .f7_first_second{
    display: flex;
		margin: 0 auto;
		max-width: 1617px;
		flex-wrap: wrap;
	}
	#feature-2 .f2_first,
	#feature-3 .f3_first,
	#feature-4 .f4_first,
	#feature-7 .f7_first{
		margin-right: 3%;
		width: 48.5%;
	}
	#feature-2 .f2_second,
	#feature-3 .f3_second,
	#feature-4 .f4_second,
	#feature-7 .f7_second{
		width: 48.5%;
	}
  #feature-2 .f2_first h3, #feature-2 .f2_second h3,
	#feature-3 .f3_first h3, #feature-3 .f3_second h3,
	#feature-4 .f4_first h3, #feature-4 .f4_second h3,
	#feature-7 .f7_first h3, #feature-7 .f7_second h3{
    padding-bottom: 7%;
  }
#feature-2 h2, #feature-3 h2, #feature-4 h2, #feature-6 h3, #feature-7 h2{ 
  width: 100%;
  margin: 0 0 4rem;
  font-size: 56px;
  font-size: clamp(56px, 7.3vw, 80px);
  font-weight: 800;
}
#feature-2 h2 span, #feature-3 h2 span, #feature-4 h2 span, #feature-7 h2 span{ 
  font-size: 33px;
  font-size: clamp(33px, 4.4vw,52px);
	font-weight: 800;
} 
#feature-7 h2 .largeText{ 
  font-size: 300px;
  font-size: clamp(300px, 4.4vw,320px);
	font-weight: 800;
} 
#feature-6 h3 span {
  font-size: 19px;
  font-size: clamp(19px, 2.4vw, 28px);
  line-height: 1.4;
  font-weight: 700;
}
#feature-2 p,
#feature-3 p,
#feature-4 p,
#feature-6 p,
#feature-7 p{
  font-size: 19px;
  font-size: clamp(19px, 1.8vw, 21px);
  line-height: 1.4;
  font-weight: 700;
}
#feature-3 p {
  padding-top: 6%;
}
  #feature-2 .f2_first h3, #feature-2 .f2_second h3,
	#feature-3 .f3_first h3, #feature-3 .f3_second h3,
  #feature-4 .f4_first h3, #feature-4 .f4_second h3,
	#feature-7 .f7_first h3, #feature-7 .f7_second h3{
  font-size: 33px;
  font-size: clamp(33px, 4.4vw,52px);
}
  #feature-2 .f2_first h3 span, #feature-2 .f2_second h3 span, #feature-7 .f7_second h3 span{
  font-size: 19px;
  font-size: clamp(19px, 2.4vw, 28px);
}
	#feature-7 .col_text_box h2 .leftSide{
	text-align: right;
	margin-right: 40px;
	margin-top: 23px;
}
	#feature-7 .col_text_box h2 .rightSide{
	text-align: left;
}
}
@media screen and (max-width:768px) {
.slide-area .slider .slick-next {
    right: 20px;
  }

  .slide-area .slider .slick-prev {
    left: 20px;
  }

  .slide-area .slider .slick-arrow::before {
    width: 10px;
    height: 10px;
    top: 14px;
  }

  .slide-area .slider .slick-arrow {
    width: 40px;
    height: 40px;
		top: 100px;
  }

  .slide-area .slider .slick-next::before {
    left: 11px;
  }

  .slide-area .slider .slick-prev::before {
    right: 11px;
  }
	
	#feature-1 .link_banner{
	margin: 2.5em auto 5rem;
}
.pt20{
	padding-top: 20px !important;
}
.col_text_box02 {
  margin: 0 20px;
}
  #feature-2 h2, #feature-3 h2, #feature-4 h2, #feature-7 h2{
    width: 100%;
    margin: 0 0 2.5rem;
    font-size: 25px;
    font-size: clamp(50px, 11.8vw, 72px);
    font-weight: 800;
  }
  #feature-2 p, #feature-3 p, #feature-4 p, #feature-6 p, #feature-7 p{
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-size: clamp(14px, 2.8vw, 17px);
    line-height: 1.4;
    font-weight: 700;
  }
	#feature-3 .container .col_box_24 .col_text_box,
	#feature-6 .container .col_box_24 .col_text_box {
		max-width: 890px;
		margin: 0 auto;
		padding: 0px 3%;
}
  #feature-2 .f2_first, #feature-3 .f3_first, #feature-4 .f4_first, #feature-7 .f7_first{
    margin: 0 auto;
    padding: 1% 1% 7%;
	}
  #feature-2 .f2_second,
	#feature-3 .f3_second,
  #feature-4 .f4_second,
	#feature-7 .f7_second{
    margin: 5.5% auto 0;
    padding: 1% 1% 7%;
	}  
	#feature-2 h2 span,
  #feature-3 h2 span,
	#feature-4 h2 span,
	#feature-7 h2 span,
  #feature-2 .f2_first h3, #feature-2 .f2_second h3,
	#feature-3 .f3_first h3, #feature-3 .f3_second h3,
  #feature-4 .f4_first h3, #feature-4 .f4_second h3,
	#feature-7 .f7_first h3, #feature-7 .f7_second h3,
	#feature-6 h3{
    width: 92%;
    margin: 1.5rem auto;
    font-size: 25px;
    font-size: clamp(25px, 7vw, 42px);
  }
  #feature-2 h3 span,
	#feature-3 h3 span,
  #feature-4 h3 span,
	#feature-6 h3 span,
	#feature-7 h3 span{
    width: 92%;
    margin: 1.5rem auto;
    font-size: 20px;
    font-size: clamp(18px, 4.2vw, 22px);
  }
  #feature-2 .f2_first p, #feature-2 .f2_second p,
	#feature-3 .f3_first p, #feature-3 .f3_second p, 
	#feature-4 .f4_first p, #feature-4 .f4_second p,
	#feature-7 .f7_first p, #feature-7 .f7_second p{
    width: 92%;
    margin: 0 auto;
    padding: 0;
	}
	#feature-2 .feature_accordion--contents, #feature-3 .feature_accordion--contents, #feature-4 .feature_accordion--contents, #feature-7 .feature_accordion--contents{
		padding: 8% 2% 8%;
	}
	#feature-2 .f2_first, #feature-3 .f3_first, #feature-4 .f4_first, #feature-7 .f7_first{
		background-size:contain;
		max-width: 769px;
	}
	#feature-6 p {
		padding-bottom: 30px;
	}
	#feature-7 .col_text_box h2 {
	flex-direction: column;
	margin-bottom: 0px;
	}
	#feature-7 .col_text_box h2 > span{
	width: 60%;
}
	#feature-7 h2 .largeText{ 
  font-size: 150px;
  font-size: clamp(150px, 13vw,170px);
	font-weight: 800;
	margin-top: -30px;
}
}