/* 共通 */
*input:focus,textarea:focus{background-color:#ffc}
.nomargin{margin:0 !important}.noborder{border:0 !important}
body.form-style{margin:10px 0;background-color:#E4E2D6}
body.form-style h1{margin:0;margin-bottom:1.0em;font-size:1.6em;border-left:7px solid #84B400;padding:10px;padding-right:0}body.form-style p{font-size:1.1em;line-height:1.6em}body.form-style sup{color:#c00;font-size:14px;top:-0.1em;margin:0 0.4em}body.form-style div.header img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}
:root {
  --ink: #0f0e0d;
  --paper: #f5f2ec;
  --accent: #e8440a;
  --accent2: #2d5fff;
  --muted: #7a7570;
  --border: #d8d3cb;
  --card: #ffffff;
  --mono: 'DM Mono', monospace;
  --sans: 'Noto Sans JP', sans-serif;
  --display: 'Syne', sans-serif;
}
@media (max-width: 768px){
  body.form-style div.header div:first-child{text-align:center}
}
body.form-style div.box-wrapper{margin-top:0.5em;border:1px solid #d0ccb7;background-color:#fff;padding:20px}
body.form-style div.form-copyright{padding:20px 0;text-align:center}
body.form-style table.confirm th{width:25%;background-color:#f9f9f9}
body.form-style form{margin-top:1.0em}body.form-style form textarea{height:15.0em}body.form-style form small.notice{display:inline-block;margin-top:2.0em;color:#999;margin-left:1.5em;text-indent:-1.5em}body.form-style form small.notice:before{content:"※";margin-right:0.5em}body.form-style form div.alert{margin-top:0.2em}body.form-style p.gototop{margin-top:2.0em}header div.logo-area{background-color:#fbf9ec;padding:10px 0}header div.logo-area div.pull-left img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}header div.logo-area div.pull-right ul a{color:#84B400;line-height:41px}header div.logo-area div.pull-right ul a:hover{color:#FF9673}header div.logo-area div.pull-right ul a li{float:left;list-style-type:none;margin-left:1.5em}header div.logo-area div.pull-right ul a li.login:before{font-family:'FontAwesome';content:'\f007';padding-right:0.5em}header div.logo-area div.pull-right ul a li.demo:before{font-family:'FontAwesome';content:'\f040';padding-right:0.5em}header div.global-navi div.navbar-header{background-color:#84B400}header div.global-navi div.navbar-header button{background-color:#fff}header div.global-navi div.navbar-header button span.icon-bar{background-color:#84B400}header div.global-navi nav{border:0;background-color:#84B400;border-radius:0;margin-bottom:0}header div.global-navi nav.navbar{min-height:0 !important}header div.global-navi nav div.navbar-collapse{padding:10px 0}header div.global-navi nav ul.navbar-right{padding-right:15px}header div.global-navi nav li{margin-left:1.5em}header div.global-navi nav li:first-child{margin-left:0}header div.global-navi nav li a{color:#fff !important;padding:0;padding-top:5px;padding-bottom:1px}header div.global-navi nav li a:hover{color:#FFC000;border-bottom:4px solid #ffc000}header div.global-navi nav li.active a{border-bottom:4px solid #FFC000;background-color:transparent !important}header div.global-navi nav li.inquiry a{border-bottom:4px solid #FF9673}header div.global-navi nav li.inquiry a:hover{border-bottom:4px solid #FFC000}article p{font-size:1.1em;line-height:1.5em}article div.subpage-top-bnr{height:auto}
.subtitle{font-size: 40px;font-weight: bold;text-align: center;color:#8eb812}
.top-catch{color:#58bcbb;font-weight: bold;font-size: 346%}.txt-wrap{background: #f9f8f8;margin: 10px;padding: 20px;border: 1px solid #edeaea;font-weight: bold;width: 86%}.line{
    position: relative;
    padding: -0.2rem 0;
    margin-bottom: 0.2rem;
    color: #333;
    background: linear-gradient(90deg, #8eba14 0%, #ec971f 100%);
    background-repeat: no-repeat;
    background-size: 96% 14px;
    background-position: bottom;
    font-weight: bold;
    font-size: 1em;
}
.fukidashi-01-06 {
    position: relative;
    width: fit-content;
    padding: 12px 16px;
    border: 2px solid var(--accent);
    border-radius: 4px;
    background: var(--accent);
    color: #fff;
    font-weight: bold;
    margin: 0 auto 30px auto;
  
    &::before {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 50%;
      width: 15px;
      height: 15px;
      box-sizing: border-box;
      background-color: var(--accent); /* 背景色と同じ色を指定 */
      rotate: 135deg;
      translate: -50% 0;
    }
  
    &::after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      width: 15px;
      height: 15px;
      box-sizing: border-box;
      border: 2px solid;
      border-color: var(--accent) var(--accent) transparent transparent;
      rotate: 135deg;
      translate: -50% 0;
    }
  }
.super-bold{font-weight: 900;font-size: 240%;line-height: 5rem}
article div.subpage-top-bnr {
    height: auto;
}
div.bg_sun {
    background-image: url(/assets/img/expo/bg_sun.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* HERO
   PC：画面幅769px以上
   スマホ：画面幅768px以下 でそれぞれ制御
*/

/* PC（デスクトップ）用 */
@media (min-width: 769px) {
  .hero {
    min-height: 74vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 0;
    position: relative;
    overflow: hidden;
  }
  .hero-left { padding: 5rem 3rem 5rem 5vw; display: flex; flex-direction: column; justify-content: center; }
  .hero-right { display: flex; align-items: center; justify-content: center; padding: 5rem 5vw 5rem 2rem; position: relative;}
}

/* スマホ（モバイル）用 */
@media (max-width: 768px) {
  .hero {
    min-height: auto;
    display: block;
    padding-top: 0;
    position: relative;
    overflow: hidden;
  }
  .hero-left,
  .hero-right {
    padding: 2rem 1.6rem 2rem 1.6rem;
    display: block;
  }
  .hero-right {
    padding: 2rem 0 2rem 0;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.hero::before {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 80% 50%, rgba(232,68,10,0.07) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 20% 80%, rgba(45,95,255,0.05) 0%, transparent 70%);
  pointer-events: none;
}
.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--mono);
  font-size: 1.35rem;
  color: var(--accent);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 2rem;
  border: 1px solid var(--accent);
  padding: 0.5rem 1rem;
  width: fit-content;
  font-weight: 900;
}
.hero-h1 {font-size: clamp(2.2rem, 4vw, 5.7rem);font-weight: 900; line-height: 1.25; letter-spacing: -0.03em; margin-bottom: 1.5rem; }
.hero-h1 em { font-style: normal; color: var(--accent); display: block; }
.hero-sub { font-size: 1.5rem; color: var(--ink); max-width: 58ch; margin-bottom: 2.5rem; line-height: 1.8;font-weight: 900;}
.hero-cta-wrap { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.btn-primary {
  background: var(--accent);
  color: #fff;
  border: none;
  padding: 1.5rem 2.2rem;
  font-family: var(--sans);
  font-size: 1.7rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s;
  box-shadow: 4px 4px 0 var(--muted);
  border-radius: 0.3rem;
}
.btn-primary:hover { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 var(--ink);background: var(--accent);}
.btn-primary:focus { transform: translate(-2px,-2px); box-shadow: 6px 6px 0 var(--ink);background: var(--accent);}
.btn-note { font-size: 1.2rem; color: var(--muted); font-family: var(--mono); }

/* Mock Report */
.report-card {
  background: #fff; border: 1px solid var(--border); padding: 1.8rem;
  width: 100%; max-width: 628px; box-shadow: 8px 8px 0 rgba(15,14,13,0.08);
  position: relative; animation: floatCard 5s ease-in-out infinite;
}
@keyframes floatCard { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.report-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1.4rem; padding-bottom: 1rem; border-bottom: 1px solid var(--border); }
.report-title { font-size: 0.75rem; font-weight: 700; color: var(--muted); letter-spacing: 0.08em; text-transform: uppercase; }
.report-date { font-family: var(--mono); font-size: 1rem; color: var(--muted); text-align: right; }
.metric-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.8rem; margin-bottom: 1.2rem; }
.metric { background: var(--paper); padding: 0.8rem; text-align: center; }
.metric-label { font-size: 0.62rem; color: var(--muted); font-family: var(--mono); text-transform: uppercase; letter-spacing: 0.06em; display: block; margin-bottom: 0.3rem; }
.metric-val { font-size: 1.25rem; font-weight: 900; color: var(--ink); letter-spacing: -0.03em; }
.metric-delta { font-size: 0.65rem; font-family: var(--mono); margin-top: 0.1rem; display: block; }
.delta-up { color: #1a8a4a; } .delta-down { color: var(--accent); }
.mini-chart { width: 100%; height: 80px; margin-bottom: 1rem; }
.mini-chart svg { width: 100%; height: 100%; }
.keyword-rows { border-top: 1px solid var(--border); padding-top: 1rem; }
.kw-row { display: flex; justify-content: space-between; align-items: center; padding: 0.3rem 0; font-size: 1rem; border-bottom: 1px dashed var(--border); }
.kw-rank { font-family: var(--mono); font-size: 1rem; }
.rank-up { color: #1a8a4a; font-weight: 700; } .rank-dn { color: var(--accent); font-weight: 700; } .rank-same { color: var(--muted); }
.auto-badge {position: absolute;
  top: -12px;
  right: 16px;
  background: var(--accent);
  color: #fff;
  font-family: var(--mono);
  font-size: 1.35rem;
  padding: 0.4rem 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;}
article div.area-white{padding:60px 0}
article div.area-white.arrow{position:relative}article div.area-white.arrow:after{content:"";position:absolute;z-index:10;bottom:-39px;left:50%;margin-left:-40px;display:block;width:0px;height:0px;border-style:solid;border-width:40px 40px 0 40px;border-color:#fff transparent transparent transparent}article div.area-black-clear{background-color:rgba(51,51,51,0.8)}article div.area-black-clear h3{font-size:1.8em;font-weight:bold;color:#fff}article div.area-black-clear.block-recommend{background:rgba(50,50,50,0.8) none repeat scroll 0 0;padding:10px 10px 10px 25px}article div.area-brown{background-color:#F0F0E0;padding:60px 0}article div.area-brown.arrow{position:relative}article div.area-brown.arrow:after{content:"";position:absolute;bottom:-39px;left:50%;margin-left:-40px;display:block;width:0px;height:0px;border-style:solid;border-width:40px 40px 0 40px;border-color:#F0F0E0 transparent transparent transparent}article div.area-gray{background-color:#f3f3f3;padding:60px 0}article div.area-gray.arrow{position:relative}article div.area-gray.arrow:after{content:"";position:absolute;bottom:-40px;left:50%;margin-left:-40px;display:block;width:0px;height:0px;border-style:solid;border-width:40px 40px 0 40px;border-color:#f3f3f3 transparent transparent transparent}article div.area-yellow{background-color:#fdf5c0;padding:60px 0}article div.area-yellow.arrow{position:relative}article div.area-yellow.arrow:after{content:"";position:absolute;bottom:-40px;left:50%;margin-left:-40px;display:block;width:0px;height:0px;border-style:solid;border-width:40px 40px 0 40px;border-color:#fdf5c0 transparent transparent transparent}article div.area-syellow{background-color:#FCD80F;padding:60px 0}article div.area-syellow.arrow{position:relative}article div.area-syellow.arrow:after{content:"";position:absolute;bottom:-39px;left:50%;margin-left:-40px;display:block;width:0px;height:0px;border-style:solid;border-width:40px 40px 0 40px;border-color:#FCD80F transparent transparent transparent}article div.area-sred{background-color:#EA7B79;padding:60px 0}article div.area-sred.arrow{position:relative}article div.area-sred.arrow:after{content:"";position:absolute;bottom:-39px;left:50%;margin-left:-40px;display:block;width:0px;height:0px;border-style:solid;border-width:40px 40px 0 40px;border-color:#EA7B79 transparent transparent transparent}article div.area-spink{background-color:#fff0f2;padding:60px 0}article div.area-spink.arrow{position:relative}article div.area-spink.arrow:after{content:"";position:absolute;bottom:-40px;left:50%;margin-left:-40px;display:block;width:0px;height:0px;border-style:solid;border-width:40px 40px 0 40px;border-color:#fff0f2 transparent transparent transparent}article div.area-lblue{background-color:#d0e7f4;padding:60px 0}article div.area-lblue.arrow{position:relative}article div.area-lblue.arrow:after{content:"";position:absolute;bottom:-40px;left:50%;margin-left:-40px;display:block;width:0px;height:0px;border-style:solid;border-width:40px 40px 0 40px;border-color:#d0e7f4 transparent transparent transparent}article div.area-lgreen{background-color:#ede3d0;padding:0}article div.area-lgreen.arrow{position:relative}article div.area-lgreen.arrow:after{content:"";position:absolute;bottom:-40px;left:50%;margin-left:-40px;display:block;width:0px;height:0px;border-style:solid;border-width:40px 40px 0 40px;border-color:#e2f2ee transparent transparent transparent}footer{background-color:#2A2A18;color:#AAAAAA;padding-top:30px;padding-bottom:40px}footer h2{margin:0;margin-top:1.0em;margin-bottom:20px;font-size:1.4em;font-weight:200 !important;color:#fff}footer ul.sitelink li{margin-bottom:0.8em}footer ul.sitelink li a{color:#AAAAAA}footer .fbanner_area{margin-top:10px}footer .fbanner_area img{width:60%;background-colo:#fff}footer .fbanner_area:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8}footer small.copyright{display:block;margin-top:30px;text-align:center}footer p{line-height:1.0em}footer form.inquiry{margin-top:1.5em}footer form.inquiry div.row:last-child{margin-top:1.0em}footer form.inquiry label{font-size:0.9em;font-weight:normal}footer form.inquiry input,footer form.inquiry textarea,footer form.inquiry button{border:0}footer form.inquiry input,footer form.inquiry textarea{font-size:0.9em}footer form.inquiry input:focus,footer form.inquiry textarea:focus{background-color:#ffc}footer form.inquiry textarea{height:14.4em}footer form.inquiry button{color:#fff;background-color:#777}footer form.inquiry button[disabled]{color:#000}.modal_img{-moz-user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:14px;font-weight:400;line-height:1.42857;margin-bottom:0;padding:6px 12px;text-align:center;vertical-align:middle;white-space:nowrap}#demo{margin-top:6.0em;margin-bottom:4.0em}#demo p{font-size:1.1em;line-height:1.6em;margin-bottom:1.2em}#demo h2{margin:0;text-align:center;line-height:1.5em;font-weight:bold}#demo h3{margin:0;text-align:center;font-size:1.4em;color:#FF7F00;margin-top:0.7em;margin-bottom:1.5em}#demo sup{color:#c00;font-size:14px;top:-0.1em;margin:0 0.4em}
#demo form label{font-weight:normal}
#demo form label span.label{margin:0 1.0em}
#demo form textarea{height:15.0em}
#demo form small.notice{display:inline-block;margin-top:2.0em;color:#999;margin-left:1.5em;text-indent:-1.5em}#demo form small.notice:before{content:"※";margin-right:0.5em}#slide{position:fixed;width:200px;height:30px;bottom:0;right:0;color:#666;background:#fff;border-left:solid 1px #f0ad4e;border-top:solid 1px #f0ad4e;box-shadow:0 0 2px 0 #ed9f30;z-index:20}#slide img{vertical-align:top !important}#slide-in{padding:0px 0px}#slide a{text-decoration:none;cursor:pointer}#slide h3{margin-top:0;margin-bottom:10px;font-size:15px;background-color:#f0ad4e;border-color:#eea236;color:#fff;display:inline;font-size:100%;font-weight:700;line-height:1;padding:6px 55px 15px 20px;text-align:left;vertical-align:bottom;white-space:nowrap}#slide .left{float:left;width:100px}#slide .right{float:left;width:70%;padding-left:5px;margin-right:10px;margin-top:10px}#slide .clear{clear:both;line-height:1.2em}#slide-contents{margin-top:20px;padding:10px}#slide #open-btn{position:absolute;right:5px;top:5px;width:20px;height:20px;cursor:pointer;background:url(/assets/img/close-btn.gif)}#pageTop{background:#333;color:#FFF;width:60px;height:60px;position:fixed;bottom:20px;right:20px;opacity:.8}#pageTop span{display:block;background:#333;width:60px;height:60px;text-align:center;line-height:50px;font-size:36px}#pageTop:hover{display:block;background:#333;width:60px;height:60px;text-align:center;line-height:50px;font-size:36px}
iframe.agreement-iframe{width:100%;border:1px solid #E4E2D6;height:250px;margin-top:1.0em}div.agreement h4{border-left:5px solid #E4E2D6;padding:10px 0;padding-left:10px}div.agreement div.agreement-list{border:1px solid #E4E2D6;padding:1.0em;overflow-y:scroll;overflow-x:auto;height:250px}div.agreement div.agreement-list ul{padding-left:1.0em}div.agreement div.agreement-list ul li{font-size:0.9em;margin-bottom:0.5em}div.agreement div.agreement-list div.timestamp{text-align:right;font-size:0.9em;font-weight:bold}div.hr{height:55px;text-align:center}div.hr div{height:1px;background-color:#DDDDDD}div.hr div span{position:relative;top:-2.0em}div.special-banner{background-color:#FFBF00;padding:1.0em 0}div.special-banner h2{font-weight:bold;margin-top:0;text-align:center}

@media (max-width: 768px){
  .lpfontfamily{font-family: var(--sans);}
  body.form-style table.confirm th{width:40%}
  div.subpage-top-bnr{padding-top:20px !important}
  div.subpage-top-bnr h1{font-size:2.0em}
  div.subpage-top-bnr h2{font-size:1.2em}
 }

.affix{top:0;width:100%;z-index:100;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=92);opacity:0.92}.affix-bottom{position:absolute;top:0;width:100%;z-index:100;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=92);opacity:0.92}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:0.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;transition:all 0.15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.no_padding{padding:0 !important}.circle{margin:0 auto;width:80px;height:80px;-moz-border-radius:80px;-webkit-border-radius:80px;border-radius:80px;line-height:80px;background-color:#58BCBB;color:#fff;font-size:3.0em;margin-bottom:0.5em}.circle_h2{margin:0 auto;width:80px;height:80px;-moz-border-radius:80px;-webkit-border-radius:80px;border-radius:80px;line-height:80px;background-color:#58BCBB;color:#fff;margin-bottom:0.5em}.fl{float:left}.fr{float:right}.clear{clear:both}div.top-bnr{height:auto;padding-bottom:50px}
.btn-block{padding-top:15px;padding-bottom:15px}.area-syellow{color:#4F4C4C}.area-syellow .catch{font-size:1.8em}.area-syellow .catch_title{color:#333;font-size:2.5em;font-weight:bold}.mt_40{margin-top:40px}.mt_60{margin-top:60px}.frame_img img{border:3px solid #f0f0de}#link_ver{font-size:16px}.btn_top{padding:15px}.orange{color:#E87500 !important}
#howto01{padding-top:100px}#howto01 h3,#howto02 h3,#howto03 h3{font-size:30px}#howto01 h2{font-size:36px;text-align:center}div.top-news{margin-bottom:80px}div.top-news h2{margin:0;margin-bottom:0.7em;font-weight:bold;line-height:1.5em}div.top-news p{margin-bottom:1.5em}div.top-news a img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}#impression,#impression2{position:relative}#impression .imp_area_title,#impression2 .imp_area_title{font-size:14px;margin-bottom:5px}#impression ul,#impression2 ul{margin-left:0px}#impression .imp_list,#impression2 .imp_list{width:100%;position:relative;z-index:1;list-style:none;padding-left:10px}#impression .imp_outer,#impression2 .imp_outer{clear:both;margin-bottom:5px}#impression .imp_text,#impression2 .imp_text{position:relative;font-size:16px}#impression .txtC,#impression2 .txtC{text-align:center}#impression .txtR,#impression2 .txtR{text-align:right}#impression .txtL,#impression2 .txtL{text-align:left}#impression .imp_box,#impression2 .imp_box{text-align:left !important;position:relative;border-bottom:dotted #84B400 2px;height:auto !important;height:50px;margin-bottom:10px;padding:15px}div.top-product div.container div.img{text-align:center !important}div.top-product div.container div.img img:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}div.top-product div.container h3{text-align:center;font-weight:bold;font-size:1.4em;line-height:1.4em}div.top-product div.container p{padding:0 10px;margin-bottom:1.5em}div.top-product div.container p a{color:#0085B2}div.top-recommend{background-image:url(/assets/img/index/top_bg_recom.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;padding-top:20px}div.top-recommend h1{color:#fff;font-weight:bold;line-height:1.2em;text-align:left;font-size:3em;margin:0}div.top-recommend h2{color:#fff;font-weight:normal;text-align:left;font-size:1.4em;margin-top:1.1em}div.top-recommend h3{font-size:1.8em;font-weight:bold;color:#fff;margin-bottom:30px;text-align:left}div.top-recommend a{margin-top:1.0em;font-size:1.6em;padding-top:0.6em;padding-bottom:0.6em;width:60%;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}div.top-recommend p{font-size:1.6em;color:#fff;margin-bottom:15px}div.top-recommend.lg{font-size:1.7em}div.top-recommend div.block_white{background:#fff}div.top-recommend div.block-recommend{background:rgba(50,50,50,0.8) none repeat scroll 0 0;padding:10px 10px 10px 25px}div.top-recommend div.block-recommend h3{font-size:1.8em;font-weight:bold;color:#fff}.trouble h3{font-size:35px;font-weight:600}.trouble li{font-size:24px}.kf_point{font-size:16px}.kf_point h2{color:#333;font-size:2.5em;margin-bottom:50px;font-weight:bold}.kf_point h2 i{margin-right:10px}.kf_point h3{font-size:2em;margin:0 0 1em}.kf_point h4{font-size:1.8em;margin-bottom:0}span.label{display:inline-block;font-size:1.1em;margin-bottom:0.5em}.btn_radius1,.btn_radius2,.btn_radius3{color:#fff;font-size:180%;text-decoration:none;text-align:center;position:relative;z-index:10;display:block;width:200px;height:200px;line-height:30px;display:block;margin-bottom:30px;margin-top:30px}.btn_radius1 i,.btn_radius2 i,.btn_radius3 i{margin-bottom:10px}.btn_radius1 i,.btn_radius2 i,.btn_radius3 i{font-size:200%;margin-top:16%}.btn_radius1,.btn_radius2,.btn_radius3:hover{color:#fff !important;text-decoration:none !important}.btn_radius1::before{content:'';background-color:#58BCBB;display:block;position:absolute;width:200px;height:200px;z-index:-1;border-radius:50%;box-shadow:0 0 0 0 #fff, 0 0 0 0 #58BCBB;transition:all .2s ease;-webkit-transition:all .2s ease}.btn_radius1:hover::before{transform:scale(0.8);-webkit-transform:scale(0.8);box-shadow:0 0 0 25px #fff, 0 0 0 27px #58BCBB}.point_word{font-size:150%}.button_red{-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;box-shadow:inset 0px 1px 0px 0px #f7c5c0;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);background:linear-gradient(to bottom, #fc8d83 5%,#e4685d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);background-color:#fc8d83;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #d83526;display:inline-block;cursor:pointer;color:#ffffff;font-family:Arial;font-size:18px;font-weight:bold;padding:24px 70px;text-decoration:none;text-shadow:0px 1px 0px #b23e35;text-align:center}.button_red:hover{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);background:linear-gradient(to bottom, #e4685d 5%,#fc8d83 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);background-color:#e4685d;color:#fff;text-decoration:none}.button_red:active{position:relative;top:1px}ul.list-group li p,ul.list-group a p{font-size:1.2em}ul.list-group li.title,ul.list-group a.title{background-color:#84b400;border:0 none}li.list-group-item{font-size:24px !important}ul.list-group li.title h3,ul.list-group a.title h3{color:#fff;font-size:20px;font-weight:bold;margin-bottom:0 !important}ul.list-group li.title h4,ul.list-group a.title h4{color:#90bbb7;font-size:1.2em;margin-top:0.5em}ul.list-group li.desc,ul.list-group a.desc{background-color:#90bbb7;border:0 none}ul.list-group li.desc p,ul.list-group a.desc p{color:#384646;text-align:left !important}ul.list-group li.link-btn,ul.list-group a.link-btn{background-color:#e23800;border:0 none;color:#fff}ul.list-group li.link-btn:hover,ul.list-group a.link-btn:hover{opacity:0.85}ul.list-group li.link-btn h3,ul.list-group a.link-btn h3{font-size:1.5em}div.check-point{color:#666666;padding:20px}div.check-point.agreement{background-color:#c2c2b4}div.check-point.plan{background-color:#ebc247}div.check-point h3{color:#fff;font-size:1.6em;line-height:1.5em;margin:0;padding:0}#demo{margin-top:3.0em}div.hr{margin-top:6.0em}.kf_user h3{border-left:7px solid #84b400;margin:0 0 1em;padding:0.7em 0 0.7em 0.7em}
.kf_user .label{border-radius:0.25em;color:#fff;display:inline;font-size:75%;font-weight:700;line-height:1;padding:0.2em 0.6em 0.3em;text-align:center;vertical-align:baseline;white-space:nowrap}
.top-attention-box{background-color: #f0f0f0;
  padding: 10px;
  margin-bottom: 20px;
  display: block;
  width: 100%;}
.top-attention-box-inner {
  background: #fff;
  padding: 0;
  margin: 0 4px;
  display: inline-block;
  width: 32.3%;
  vertical-align: top;
  height: 333px;
}
.top-attention-box-inner p {
  height: 80px;
}

/* スマホ表示用のスタイル追加 */
@media (max-width: 768px) {
  .top-attention-box {
    background-color: #f0f0f0;
    padding: 20px;
    margin-bottom: 20px;
    display: grid;
    width: 100%;
}
  .top-attention-box-inner {
    display: block;
    width: 100%;
    margin: 12px 0;
    height: 304px;
  }
  .top-attention-box-inner p {
    height: auto;
    min-height: 60px;
  }
}
.top-attention-box .toph3{font-size: 2.3rem;font-weight: bold;}
.dli-chevron-down {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}
.top-attention-box-a{text-align: center;}
.top-attention-tit{font-size: 2.8rem;font-weight: 900;color: var(--accent);}
.top-attention-txt{font-size: 1.5rem;color: #333;line-height: 1.5;font-weight: 900;}
.report-card2 {
  background: #fff; border: 1px solid var(--border); padding: 1.8rem;
  width: 100%; max-width: 628px; box-shadow: 4px 4px 0 rgba(15,14,13,0.08);
  position: relative;text-align: left;}
.report-header2{display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--mono);
  font-size: 1.35rem;
  color: var(--accent);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  border: 1px solid var(--accent);
  padding: 0.5rem 1rem;width: fit-content;font-weight: 900;}
  .time{color: var(--accent);font-weight: 900;font-size: 300%;}
  .time span{color: var(--accent);font-weight: 900;font-size: 44%;margin-left: 3px;}
  .time2{color: var(--muted);font-size: 220%; margin-bottom: 8px;font-weight: 900;}
  .report-card2 .desc{font-weight: 900;margin: 0 0 20px 0;color: var(--accent);}
  .report-card2 ul{font-size: 18px;line-height: 3.7rem;font-weight: 700;}
  .arrow-round {
    position: relative;
    display: inline-block;
    padding: 28px;
    border: 2px solid #4e4f53;
    border-radius: 50%;
    top: 100px;
  }
    .arrow-round::before {
      content: '';
      width: 20px;
      height: 20px;
      border-top: solid 5px #4e4f53;
      border-right: solid 5px #4e4f53;
      position: absolute;
      left: 5px;
      top: 17px;
  }
  .arrow-round.arrow-right::before {transform: rotate(45deg);left: 13px;}
  .point{text-align: center;display: block;}
  .point-txt{display: inline-block;margin: 20px 10px 10px 0;background: #000;padding: 10px 20px 10px 20px;color: #fff;border-radius: 0.3rem;}