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

#jhs{padding-top: 30px;padding-bottom: 30px;background: #7CC8D6}
#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: 90%;}
.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: #8be4f0;
	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: 100%;}
.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;}	
}
.check{background:#005B9A;color: #fff;padding: 5px; }

.my-parts {
  display: inline-block;
  width: 95%;
  max-width: 100%;
  border: 2px solid #565454;
  border-radius: 30px;
  padding: 1.8em .8em .8em;
  position: relative;
  text-align: left;
  background: #fff;
	margin: 10px auto;
}
.my-parts .my-parts-title {
  padding: .2em;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: .5em;
  left: -1em;
  transform: translateX(-0%);
  background: #1eb3ea;
  white-space: nowrap;
border-radius:0 30px 30px 0;
	width: 250px;
	color: #fff;
	text-align: center;
	height: 45px;
	line-height: 1;
	
}
.my-parts > :last-child {
  margin-bottom: 0;
}
.my-parts .my-parts-title span{font-size: 2em}

.my-parts .txt_area{width: 100%;padding-top: 45px;font-size: 18px}
.my-parts .txt_area .txt_area_ttl{font-size: 1.5em;font-weight: bold;padding: 10px 0 20px 20px;line-height: 1.2;color: #165A9E;}
.my-parts .txt_area .txt_area_sub{font-size: 18px;background: #fff;padding: 10px 5px 20px 15px;line-height: 1.2}
.txt_taisaku{font-size: 25px;color: #06B4EA;font-weight: bold;background:#FFF100;padding: 10px;text-align: center; }
@media only screen and (max-width: 768px) {

.my-parts .my-parts-title {
  padding: .2em;
  font-size: 18px;
  top: .5em;
  left: -1em;
  width: 200px;
}
	
}