@charset "utf-8";
/* CSS Document */

#jhs{padding-top: 30px;padding-bottom: 30px;background: #FBF7E6}
#jhs .Features_content h2 {margin: 10px auto;font-size: 3em;border-bottom: solid 10px #fff;}
.Features_content{display: flex;flex-wrap: wrap;}
.Features_content .Features_box{width: 95%;margin: 10px auto;padding: 20px; border: solid 2px #565454;background: #fff;border-radius: 30px;display: flex;flex-wrap: nowrap;box-shadow: 2px 2px 4px gray;}
.Features_content .Features_box .ttl_box {background-color: #EFE518;	background-image: repeating-linear-gradient(45deg,	#fff, #fff 3px,	transparent 0, transparent 10px);width: 10%;} 
.Features_content .Features_box .ttl_box .ttl{color: #e26060;text-align: center;opacity: 1;font-weight: bold;line-height: 1.5;font-size: 20px;padding: 30px 0 20px;}
.Features_content .Features_box .ttl_box span{font-size: 3em;}
.Features_content .Features_box .txt_area{font-size: 18px;padding-left: 20px;font-weight: bold;width: 60%;}
.Features_content .Features_box .txt_area_ttl{font-size: 1.5em; text-decoration: underline;  text-underline-offset: -0.2em;  text-decoration-thickness: 0.5em;  text-decoration-color: rgba(255, 228, 0, 0.4);  text-decoration-skip-ink: none; }
.Features_content .Features_box .txt_area_sub{line-height: 1.5;font-size: 18px;}
.Features_content .Features_box .img_area{margin: 0 ;padding: 0;width: 30%;}	

.em{font-size: 1.6em;color: #CD2629;}



@media only screen and (max-width: 768px) {
.Features_content .Features_box{width: 95%;display: flex;flex-wrap: wrap}
.Features_content .Features_box .ttl_box {width: 100%;height: 100px;} 
.Features_content .Features_box .txt_area{width: 100%;text-align: center;padding-left: 0px;}
.Features_content .Features_box .img_area{width: 100%;}		
.Features_content .Features_box .ttl_box .ttl{font-size: 20px;padding: 0px;}	
.Features_content .Features_box .txt_area_sub{text-align: left;}
.em{font-size: 1.3em;color: #CD2629;}	
	
}
.Point_content{display: flex;flex-wrap: wrap;}
.Point_content .Point_box{margin: 10px auto;padding: 20px; border: solid 2px #565454;background: #fff;border-radius: 30px;display: flex;flex-wrap: wrap;box-shadow: 2px 2px 4px gray;width: 44%;}
.Point_content .Point_box .ttl_box {border-bottom: 2px solid #1E79B5;display: flex;justify-content: space-around;width: 100%;} 
.Point_content .Point_box .ttl_box .ttl{color: #0080cc;text-align: center;opacity: 1;font-weight: bold;line-height: 1.5;font-size: 20px;;width: 20%;background-color: #EFE518;	background-image: repeating-linear-gradient(45deg,	#fff, #fff 3px,	transparent 0, transparent 10px)}
.Point_content .Point_box .ttl_box span{font-size: 3em;}
.Point_content .Point_box .txt_area{font-size: 18px;padding-left: 20px;font-weight: bold;width: 80%;}
.Point_content .Point_box .txt_area_ttl{font-size: 1.5em; padding-top: 40px;}
.Point_content .Point_box .txt_area_ttl span{font-size: 0.7em;}

.Point_content .Point_box .txtbox{width: 100%;display: flex;margin-top: 20px;}
.Point_content .Point_box .txtbox2{width: 100%;display:block;margin-top: 20px;}
.Point_content .Point_box .txt_area_sub{line-height: 1.5;width: 80%;font-size: 18px;font-weight: bold;}
.Point_content .Point_box .txt_area_sub2{line-height: 1.5;width: 100%;font-size: 18px;font-weight: bold;}
.Point_content .Point_box .img_area{margin: 0 ;padding: 0;width: 20%;}

@media only screen and (max-width: 768px) {
.Point_content .Point_box{width: 98%;}	
.Point_content .Point_box .txt_area{padding-left: 10px;}	
.Point_content .Point_box .ttl_box .ttl{font-size: 19px;width: 30%}	
.Point_content .Point_box .txt_area_ttl{font-size: 1.1em; padding-top: 20px;}	
.Point_content .Point_box .txtbox{width: 100%;display: flex;flex-wrap: wrap;}
.Point_content .Point_box .img_area{margin: 0 auto;padding: 0;width: 100%;text-align: center;}	
.Point_content .Point_box .txt_area_sub{line-height: 1.5;width: 100%;}	
}






#hs{padding-top: 30px;padding-bottom: 30px;width: 100%;	background-color: #f6a954;
	background-image: repeating-linear-gradient(-45deg,	 #fff, #fff 7.5px,	 transparent 0, transparent 15px);}

#hs .hs_content h2 {margin: 10px auto;font-size: 3em;}
#hs .hs_content h2 span{border-bottom: solid 3px #384F81;}
.hs_content{background: #fffeef;max-width: 960px;margin: 30px auto}
.hs_features{display: flex;flex-wrap: nowrap;}
.hs_features_box{ width: calc((100% - 30px) / 2);border: solid 2px #008345;box-shadow: 2px 2px 4px gray;margin: 10px;display: flex;}
.hs_features .hs_features_box .txt_area{width: 60%;}
.hs_features .hs_features_box .txt_area .txt_area_ttl{background: #fff57f;color: #008345;font-size: 1.5em;font-weight: bold;padding: 10px 0 20px 20px;height: 40px;line-height: 1.2}
.hs_features .hs_features_box .txt_area .txt_area_sub{font-size: 18px;background: #fff;height: 60px;padding: 10px 5px 20px 15px;line-height: 1.2}
.hs_features .hs_features_box .img_area{width: 40%;background: #fff;}
.hs_features .hs_features_box .img_area img{width: 100%;margin: auto 0;}

@media only screen and (max-width: 768px) {
	#hs .hs_content h2 {margin: 10px auto;font-size: 1.8em;}
	.hs_features{display: flex;flex-wrap: wrap;}
	.hs_features_box{ width:98%;flex-wrap: wrap;}
	.hs_features .hs_features_box .img_area{width: 100%;}
	.hs_features .hs_features_box .txt_area{width: 100%;}
	.hs_features .hs_features_box .txt_area .txt_area_ttl{height: auto;}
.hs_features .hs_features_box .txt_area .txt_area_sub{height: auto;}
	.hs_features .hs_features_box .img_area img{width: 100%;}
}

.koushi{display: flex;flex-wrap: wrap;justify-content: space-around;margin: 20px auto}
.koushi_item{width : calc(100% / 2 - 10px ) ; margin-bottom: 10px}

@media only screen and (max-width: 768px) {
.koushi{display: flex;flex-wrap: wrap}	
.koushi_item{width :100%; margin:10px auto;text-align: center;}	
}


#nagare{padding-top: 30px;padding-bottom: 30px;background: #FBF7E6}
#nagare .Features_content h2 {margin: 10px auto;font-size: 3em;border-bottom: solid 10px #fff;}
 .flow {
    display: flex;
    gap: 0 30px;
    position: relative;
}


.flow .flow-box {
  width: fit-content;
  padding: 4px;   
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 4px;
  position: relative;
	
}


.flow .flow-box:before {
  content: "→";
  position: absolute;
  display: block;
  top: 50%;
  right: -24px;
  font-size: 18px;
  font-weight: 700;
  transform: translateY(-50%);
  color: #232584;
}

.f-box1{background: #e94c4d;padding: 30px;color: #fff;text-align: center;font-weight: bold;min-height: 150px;width:200px; font-size: 27px;line-height: 5}
.f-box2{background: #dedaed;border: solid 1px #1d2088; padding: 30px;text-align: center;font-weight: bold;min-height: 150px;width:220px; }
.f-box3{ position: relative;    margin: 2em 0;    padding: 30px;  border: solid 3px #e60012;min-height: 140px;min-width:200px; background: #fff;}
.f-box3 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #e60012;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.blu-22{color: #1d2088;font-size: 22px;}
.bold{font-weight: bold}
@media only screen and (max-width: 768px) {
.flow {
    flex-direction: column;
    gap: 30px;
    width: 100%;
}	
.flow .flow-box:before {
    content: "↓";
    top: initial;
    bottom: -34px;
    right: 0;
    left: 0;
    margin: auto;
    transform: translateY(0);
    width: fit-content;
  }
.f-box1{min-width:280px;margin: 0 auto;}
.f-box2{min-width:280px;margin: 0 auto;}
	
	
}