@charset "UTF-8";


.content-block.fst { margin-top:50px; }
.h1 { font-size:var(--fs28); font-weight: bold; text-align:center; position: relative; margin-bottom:30px; }
.h1 span {  position:relative; }
.h1 span:before,.h1 span:after {
  content:"";
  display:block;
  height:100%;
  width:2px;
  background:var(--blue);
  position:absolute;
  top:50%;
}
.h1 span:before { left:-2em; transform:translateY(-50%) rotate(-35deg); }
.h1 span:after { right:-2em; transform:translateY(-50%) rotate(35deg); }
.clm-lead .blue { color:var(--blue); }
.clm01-img { margin:20px 0; }
.clm01-fuki {
  position: relative;
  display: inline-block;
  margin-bottom: 13px;
  padding: 10px 30px;
  border-radius: 999px;
  background-color: #6498c4;
  text-align: center;
  font-size: var(--fs20);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #ffffff;
}

.clm01-fuki::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  border-style: solid;
  border-width: 13px 7.5px 0 7.5px;
  border-color: #6498c4 transparent transparent;
  translate: -50% 100%;
}
.clm01-flb { display:flex; justify-content:space-between; align-items:center; margin:20px 0; }
.clm01-flb-img { width:45%; }
.clm01-flb-tx { width:50%; }
.clm01-flb-tx a { display:block; color:#333; font-size:var(--fs18); }
.clm01-bgBlue-img { background:var(--blue2); padding:20px; border-radius:15px; margin-top:30px; }
.clm01-kensaku { margin:20px auto; text-align:center; transition:all ease-out .4s; }
.clm01-kensaku:hover { opacity:.6; }
.clm01-flow {}
.clm01-flow-item {}
.clm01-flow-item:after {
  content:"";
  display:block;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  border-top: 40px solid var(--blue);
  border-bottom: 0;
  margin:20px auto;
}
.clm01-flow-item:last-child:after { display:none; }
.clm01-flow-item .clm01-flow-ttl { font-size:var(--fs20); }
.clm01-flow-item ul { display:flex; justify-content:space-between; align-items: flex-end; }
.clm01-flow-item ul li {  }
.clm01-flow-item ul li:first-child { width:70%; }
.clm01-flow-item ul li:last-child { width:28%; font-weight: bold; font-size:var(--fs16); }
.clm01-flow-item ul li:last-child .fwn { font-weight:normal; }

@media screen and (max-width:600px){
  .content-block.fst { margin-top:30px; }
  .clm01-flb { display:block; }
  .clm01-flb-img,.clm01-flb-tx { width:100%; }
  .clm01-flb-tx { margin-top:20px; display:flex; flex-direction:column; justify-content:center; align-items:center; }
  .clm01-flow-item:after {
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    border-top: 20px solid var(--blue);
  }
  .clm01-flow-item ul { display:block; }
  .clm01-flow-item ul li:first-child,.clm01-flow-item ul li:last-child { width:100%; }
  .clm01-flow-item ul li:last-child { margin-top:10px; }
  .clm01-flow-item ul li:last-child .clm-cap.fwn { display:inline-block; }
}