.ikumou_main_tit { font-size:100% !important; line-height:1.3 !important; }

.color01{ color:#cb9c6c; }
.color02{ color:#4d9781; }
.color03{ color:#738f65; }
.color04{ color:#959060; }

.ihel_color01{ color:#01a1e9; }
.ihel_color_orange{ color:#ff9213; }

ul.spa_end_ul{ padding: 0;　list-style: none;}
ul.spa_end_ul li{ padding:10px; text-align: left; border-bottom: 1px dotted #959060; display: block; font-size:110%; }
ul.spa_end_ul li::before{
  content: "";
	 width: 8px;
	 height: 8px;
	 border: 1px solid #959060;
	 border-radius: 50%;
	 display: inline-block; margin-right:5px;
}
.ikumou_main_tit .step01{
  background-color: white;
  color: #9d4d30;
  -webkit-text-stroke: 0px white;
  text-stroke: 0px white;
  paint-order: stroke;
  text-shadow: none;
  display: inline;
  letter-spacing: 2px;
  font-weight: bold;
  padding: 3px 10px 7px 10px;
  border-radius: 6px;
  font-size: 130%;
}
.step{ width:50px !important; }
.step_tit{ width:auto !important; color:##9d4d30 !important; font-size:280% !important; }

.ikumou_main_tit .step02{
  background-color: white;
  color: #a3ca93;
  -webkit-text-stroke: 0px white;
  text-stroke: 0px white;
  paint-order: stroke;
  text-shadow: none;
  display: inline;
  letter-spacing: 2px;
  font-weight: bold;
  padding: 3px 10px 7px 10px;
  border-radius: 6px;
  font-size: 130%;
}
.ikumou_main_tit .step03{
  background-color: white;
  color: #29abe2;
  -webkit-text-stroke: 0px white;
  text-stroke: 0px white;
  paint-order: stroke;
  text-shadow: none;
  display: inline;
  letter-spacing: 2px;
  font-weight: bold;
  padding: 3px 10px 7px 10px;
  border-radius: 6px;
  font-size: 130%;
}
.number-03 {
  position: relative;
  font-size: 64px;
  color: #767777;
  font-weight: 400;
  line-height: 1;
  display: block;
  box-sizing: border-box;
  margin-inline: auto;
  font-style: italic;
}
.number-03::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background: #d0e0e5;
  clip-path: polygon(0 0, 100% 0%, 0 100%);
  z-index:-1;
}
.number-02 {
  position: relative;
  font-size: 30px;
  color: #767777;
  font-weight: 400;
  line-height: 1;
  display: block;
  box-sizing: border-box;
  margin-inline: auto;
  font-style: italic;
}
.number-02::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  background: #d0e0e5;
  clip-path: polygon(0 0, 100% 0%, 0 100%);
  z-index:0;
}
.holistic-types{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}
.h-type{ background:#fff; border-radius:8px; padding:36px 28px 20px 28px; text-align:center; box-shadow:0 3px 14px rgba(60,50,40,0.05); }
.h-type-color{width:48px;height:48px;border-radius:50%;margin:0 auto 18px;opacity:0.8}

.h-type .checklist{ list-style:none; text-align:left; margin-top:16px; padding:0; }
.h-type .checklist li{ padding:5px 0; display:flex; align-items:baseline; gap:8px; }
.h-type .checklist li::before{content:'・';font-weight:700;color:var(--accent);flex-shrink:0}

.item_50{ float:right;width:45%; }
.item_50r{ float:right;width:45%; padding-top:28px; }
.item_50 img{ width:85%; height:auto; border-radius:50%; }

video.v_harf{
	width: 98.5%;
	position:relative;
}
.totonou_flex{
-webkit-align-items: stretch;
align-items: stretch;
  -js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.totonou_flex div.c50_0{
	width: 50%;
	margin: 0px; margin-bottom:20px;
}
.totonou_flex div.c33_l , .totonou_flex div.c33_l2{
	width: calc(33.333% - 31px);
	margin: 0px; padding:15px;
	font-feature-settings: "palt";
	text-align:center;
	border-right:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
}
.totonou_flex div.c33_r{
	width: calc(33.3333% - 31px);
	margin: 0px; padding:15px;
	font-feature-settings: "palt";
	text-align:center;
	border-right:1px dotted #fff;
	border-bottom:1px dotted #aaa;
}
.c33nolien{ border-bottom:0px dotted #aaa; }
.totonou_flex div.c33_l img , .totonou_flex div.c33_l2 img , .totonou_flex div.c33_r img{ width:60%; }

@media (max-width: 991px) {



}
@media(max-width:600px){
   .h-type{ padding:20px 20px 10px 20px; width:80%; margin:0 auto; }
  .holistic-types{grid-template-columns:1fr}
  .item_50 img{ width:70%;height:auto;border-radius:50% }
  .item_50r{ padding-top:20px; }
	.number-03 { font-size:40px; }
	.totonou_flex div.c33_l{
		width: calc(50% - 1px);
		margin: 0 auto;
		border-right:1px dotted #aaa;
		border-bottom:1px dotted #aaa;
		padding: 0;
	}
	.totonou_flex div.c33_l2 , .totonou_flex div.c33_r{
		width: calc(50% - 1px);
		margin: 0 auto;
		border-right:1px dotted #aaa;
		border-bottom:1px dotted #aaa;
		padding: 0;
	}
}

.totonou_content_subTitle{
    position: relative;
    width: 90%;
    text-align: center;
    margin: 0 auto 20px;
    font-size: 120%;
}
.totonou_content_subTitle::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: #aaa;
}
.totonou_content_subTitle span{
    position: relative;
    font-weight: bold;
    background: white;
    padding: 0 30px;
}
.totonou_content_subTitle span::before,.totonou_content_subTitle span::after{
    content: '/';
    position: absolute;
    top: -15px;
    color: #aaa;
    font-size: 26px;
}
.totonou_content_subTitle span::before{
    left: 5px;
}
.totonou_content_subTitle span::after{
    right: 5px; 
}

