@charset "utf-8";
/* CSS Document */
.ue-case-page{
  --ue-green:#649c7c;
  --ue-green-dark:#508864;
  --ue-green-deep:#346b4b;
  --ue-green-soft:#e0ece4;
  --ue-beige:#e8e0d4;
  --ue-beige-soft:#f5f0e8;
  --ue-orange:#e05804;
  --ue-gold:#e0b440;
  --ue-text:#333333;
  --ue-muted:#666666;
  --ue-border:#d8d2c8;
  max-width:920px;
  margin:0 auto;
  color:var(--ue-text);
  line-height:1.9;
  font-family:"Yu Gothic","游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
  font-feature-settings:"palt";
  letter-spacing:.01em;
}
.ue-case-page *{box-sizing:border-box}
.ue-case-page a{text-decoration:none}
.ue-case-page .ue-case-hero{
  margin:0 0 34px;
  padding:22px 24px;
  background:var(--ue-green-soft);
  border-top:5px solid var(--ue-green-dark);
  border-bottom:1px solid #cddbd1;
  border-radius:0;
}
.ue-case-page .ue-case-kicker{
  display:inline-block;
  margin:0 0 12px;
  padding:5px 13px;
  background:var(--ue-green-dark);
  color:#fff;
  border-radius:999px;
  font-size:14px;
  font-weight:700;
}
.ue-case-page .ue-case-hero-lead{
  margin:0;
  color:var(--ue-text);
  font-size:17px;
  line-height:1.95;
  font-weight:500;
}
.ue-case-page .ue-case-glance{margin:0 0 38px}
.ue-case-page .ue-case-section-title{
  position:relative;
  margin:0 0 20px;
  padding:9px 12px 9px 46px;
  border-top:2px solid var(--ue-green-dark);
  border-bottom:1px solid #cdd8d0;
  color:var(--ue-text);
  background:#fff;
  font-size:23px;
  line-height:1.5;
  font-weight:700;
}
.ue-case-page .ue-case-section-title:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:34px;
  background:var(--ue-green);
  clip-path:polygon(0 0,100% 0,80% 50%,100% 100%,0 100%);
}
.ue-case-page .ue-case-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:8px;
  background:var(--ue-beige);
}
.ue-case-page .ue-case-card{
  min-width:0;
  padding:17px 16px;
  background:#fff;
  border:1px solid #e1ddd6;
  border-radius:0;
}
.ue-case-page .ue-case-card.is-result{
  background:var(--ue-green-soft);
  border-top:4px solid var(--ue-green-dark);
}
.ue-case-page .ue-case-card-label{
  margin:0 0 7px;
  color:var(--ue-green-dark);
  font-size:15px;
  font-weight:700;
}
.ue-case-page .ue-case-card.is-result .ue-case-card-label{
  color:var(--ue-orange);
}
.ue-case-page .ue-case-card p{
  margin:0;
  color:var(--ue-text);
  font-size:15px;
  line-height:1.8;
}
.ue-case-page .ue-case-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0 0 38px;
  border-top:1px solid var(--ue-border);
  border-left:1px solid var(--ue-border);
}
.ue-case-page .ue-case-fact{
  padding:14px 16px;
  background:#fff;
  border-right:1px solid var(--ue-border);
  border-bottom:1px solid var(--ue-border);
}
.ue-case-page .ue-case-fact:nth-child(odd){
  background:var(--ue-green-soft);
}
.ue-case-page .ue-case-fact dt{
  margin:0 0 3px;
  color:var(--ue-green-dark);
  font-size:13px;
  font-weight:700;
}
.ue-case-page .ue-case-fact dd{
  margin:0;
  color:var(--ue-text);
  font-size:15px;
  font-weight:600;
}
.ue-case-page .ue-case-block{margin:0 0 40px}
.ue-case-page .ue-case-block p{margin:0 0 1em}
.ue-case-page .ue-case-issues{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:8px;
  margin-top:16px;
  background:var(--ue-beige);
}
.ue-case-page .ue-case-issue{
  padding:16px 17px;
  background:#fff;
  border-left:4px solid var(--ue-green);
  border-radius:0;
}
.ue-case-page .ue-case-issue strong{
  display:block;
  margin-bottom:4px;
  color:var(--ue-green-dark);
  font-size:15px;
}
.ue-case-page .ue-case-issue p{margin:0;font-size:15px}
.ue-case-page .ue-case-steps{
  margin-top:16px;
  padding:8px;
  background:var(--ue-beige);
}
.ue-case-page .ue-case-step{
  position:relative;
  margin:0 0 6px;
  padding:17px 18px 17px 58px;
  background:#fff;
  border:1px solid #dfd8cf;
  border-radius:0;
}
.ue-case-page .ue-case-step:last-child{margin-bottom:0}
.ue-case-page .ue-case-step-no{
  position:absolute;
  left:16px;
  top:17px;
  display:flex;
  width:29px;
  height:29px;
  align-items:center;
  justify-content:center;
  background:var(--ue-green);
  color:#fff;
  border-radius:50%;
  font-size:13px;
  font-weight:700;
}
.ue-case-page .ue-case-step h3{
  margin:0 0 5px;
  color:var(--ue-text);
  font-size:18px;
  line-height:1.55;
  font-weight:700;
}
.ue-case-page .ue-case-step p{margin:0;font-size:15px}
.ue-case-page .ue-case-result{
  margin:0 0 32px;
  padding:22px 22px 20px;
  background:var(--ue-green-soft);
  border:1px solid #c7d9cd;
  border-left:6px solid var(--ue-green-dark);
  border-radius:0;
}
.ue-case-page .ue-case-result .ue-case-section-title{
  margin-bottom:13px;
  background:transparent;
}
.ue-case-page .ue-case-result p{margin:0}
.ue-case-page .ue-case-target{
  padding:19px 20px;
  background:var(--ue-beige-soft);
  border:1px solid #e3d9cb;
  border-left:4px solid var(--ue-orange);
  border-radius:0;
}
.ue-case-page .ue-case-target p{margin:0}
.ue-case-page .ue-case-cta{
  margin:36px 0;
  padding:26px 22px;
  text-align:center;
  background:var(--ue-green);
  color:#fff;
  border-radius:0;
}
.ue-case-page .ue-case-cta h2{
  margin:0 0 10px;
  color:#fff;
  font-size:24px;
  line-height:1.5;
  font-family:"Yu Gothic","游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif;
  font-weight:700;
}
.ue-case-page .ue-case-cta p{
  margin:0 auto 16px;
  max-width:720px;
  color:#fff;
}
.ue-case-page .ue-case-cta-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 14px;
  margin:0 0 18px;
  color:#fff;
  font-size:14px;
  font-weight:700;
}
.ue-case-page .ue-case-cta-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.ue-case-page .ue-case-btn{
  display:inline-flex;
  min-height:48px;
  padding:11px 20px;
  align-items:center;
  justify-content:center;
  border-radius:3px;
  font-weight:700;
  line-height:1.4;
}
.ue-case-page .ue-case-btn.is-phone{
  background:#fff;
  color:var(--ue-green-dark);
  border:2px solid #fff;
}
.ue-case-page .ue-case-btn.is-web{
  background:var(--ue-orange);
  color:#fff;
  border:2px solid var(--ue-orange);
}
.ue-case-page .ue-case-related{
  margin-top:34px;
  padding-top:2px;
}
.ue-case-page .ue-case-related-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:8px;
  background:var(--ue-beige);
}
.ue-case-page .ue-case-related a{
  display:block;
  padding:13px 15px;
  background:#fff;
  border:1px solid #dfd8cf;
  border-left:4px solid var(--ue-green);
  border-radius:0;
  color:var(--ue-text);
  font-weight:700;
}
.ue-case-page .ue-case-related a:hover{
  background:var(--ue-green-soft);
}
.ue-case-page .ue-case-note{
  margin-top:20px;
  color:var(--ue-muted);
  font-size:12px;
}
@media (max-width:767px){
  .ue-case-page .ue-case-hero{padding:18px 15px}
  .ue-case-page .ue-case-hero-lead{font-size:16px}
  .ue-case-page .ue-case-section-title{
    padding-left:42px;
    font-size:21px;
  }
  .ue-case-page .ue-case-cards,
  .ue-case-page .ue-case-facts,
  .ue-case-page .ue-case-issues,
  .ue-case-page .ue-case-related-links{grid-template-columns:1fr}
  .ue-case-page .ue-case-step{padding:16px 14px 16px 52px}
  .ue-case-page .ue-case-cta{padding:23px 15px}
  .ue-case-page .ue-case-cta-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .ue-case-page .ue-case-btn{width:100%}
}
@media screen and (min-width: 769px) {
h1{
font-size:10px!important;
}	
}
@media screen and (max-width: 768px) {
.breadcrumb{
margin-top:20px;		
	}
h1{
	font-size:10px!important;
	padding-top:0!important;
	}	
.header__inner {
  height: 80px!important;
  padding: 0 6rem 0 1.5rem;
	}
	}