@charset "UTF-8";:root{--mainColor-blue:#006ea2;--mainColor-SRC_red:#c92c00}.header .global-navOrg a,.firstview--area__link--button a,.main--contents--all--list--area a,.footer_contents_menu a{display:block}html,body{overflow-x:visible}.page-wrap{overflow-x:clip;overscroll-behavior-x:none;touch-action:pan-y}.page-wrap{overflow-y:visible}.modal,.slider{touch-action:auto} /*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */ *,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0;font-size:18px}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}.social-buttons_copy{font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:14px;color:#333;line-height:26px;text-align:center;margin:30px 0 15px}.social-buttons{margin:30px 0;display:flex;justify-content:center;gap:30px}.social-buttons a{display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;color:#fff;text-decoration:none}.social-buttons .fb{background-color:#fff}.social-buttons .fb path{fill:#3b5998}.social-buttons .tw{background-color:#1da1f2}.social-buttons .tw path{fill:#fff}.social-buttons .ln{background-color:#00c300}.social-buttons .ln path{fill:#fff}.fab{font-size:24px}@media screen and (min-width:576px){.social-buttons{gap:40px}.social-buttons a{width:65px;height:65px}}.breadcrumb{font-size:14px;margin:0 0 0 10px;display:flex;font-family:'Noto Sans JP',sans-serif;font-weight:400;color:#333}.breadcrumb li:not(:last-of-type)::after{content:"›";margin:0 .6em;color:#777}.header_global-navOrg{display:flex;width:100%;height:70px;z-index:50}.global-navOrg{display:flex;align-items:center;width:100%;height:auto;padding:0 0 0 10px;justify-content:space-between;margin-right:140px}.nav_logo_createMarketer{width:120px;height:auto}.navbarOrg_headsp{display:flex;z-index:1200}.nav_logo{width:120px;margin-left:0}.navbar-navOrg{display:none}.header_shindan_button{display:flex;align-items:center}.header_shindan_button p{font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:18px;line-height:20px;color:#fff;text-align:center;margin:auto}.header_shindan_button a{width:80px;height:80px;background-image:linear-gradient(30deg,#c72323 1%,#ff6c72);font-weight:600;font-size:18px;line-height:20px;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center}.header_shindan_button{margin:0;padding:0}.header_shindan_button-01 a{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0;position:fixed;right:70px;text-decoration:none;color:#fff;z-index:4000;background-image:linear-gradient(30deg,#c72323 1%,#ff6c72)}.header_shindan_button-02 a{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0;text-decoration:none;color:#fff;position:fixed;right:0;z-index:4000;background-image:linear-gradient(30deg,#c72323 1%,#ff6c72)}@media screen and (min-width:768px){.header_shindan_button p{font-size:20px;line-height:28px}.header_global-navOrg{display:flex;width:100%;height:100px}.global-navOrg{margin-right:0;align-items:center;width:100%;height:auto}.header_shindan_button-01,.header_shindan_button-02{width:100px;flex:0 0 100px}.header_shindan_button{width:100px;height:100px}.navbarOrg_headsp{display:flex;flex-direction:row;align-items:center}.header_shindan_button a{font-size:18px;line-height:24px;margin:0;width:100px;height:100px}.header_shindan_button-01 a{right:100px}}@media screen and (min-width:768px){.nav_logo{width:200px;margin-left:30px;margin-right:30px}}@media screen and (min-width:992px){.navbar-navOrg{display:flex;flex-wrap:wrap;justify-content:flex-start}}.header_hamburgerOrg{width:50px;height:100%;margin:auto 10px}.hamburgerOrg{background-color:transparent;border-color:transparent;z-index:200}.hamburgerOrg span{width:100%;height:1px;background-color:#006ea2;position:relative;transition:ease .4s;display:block}.hamburgerOrg.is-active span{width:100%;height:1px;background-color:#fff;position:relative;transition:ease .4s;display:block}.hamburgerOrg span:nth-child(2){margin:12px 0}.navbarOrg.is-active{transform:translateX(0)}.hamburgerOrg.is-active span:nth-child(1){top:10px;transform:rotate(45deg)}.hamburgerOrg.is-active span:nth-child(2){opacity:0}.hamburgerOrg.is-active span:nth-child(3){top:-15px;transform:rotate(-45deg)}@media screen and (min-width:768px){.header_hamburgerOrg{width:60px;margin-right:20px}.hamburgerOrg span:nth-child(2){margin:15px 0}.hamburgerOrg.is-active span:nth-child(1){top:15px;transform:rotate(45deg)}.hamburgerOrg.is-active span:nth-child(3){top:-17px;transform:rotate(-45deg)}}@media screen and (min-width:992px){.hamburgerOrg{display:none}}.navbarOrg button{color:var(--mainColor-blue)}.navbarOrg button:link{color:var(--mainColor-blue)}.navbarOrg button:visited{color:var(--mainColor-blue)}.navbarOrg button:hover{color:var(--mainColor-SRC_red)}.navbarOrg button:active{color:var(--mainColor-SRC_red)}.navbarOrg ul a:link{color:var(--mainColor-blue)}.navbarOrg ul a:visited{color:var(--mainColor-blue)}.navbarOrg ul a:hover{color:var(--mainColor-SRC_red)}.navbarOrg ul a:active{color:var(--mainColor-SRC_red)}ul.include-accordion,ul.include-accordion ul{list-style:none;margin:0;padding:0}ul.include-accordion li{border-bottom:1px solid #ccc;padding:10px}.accordionBtn{font-size:18px;font-weight:700;background:none;border:none;cursor:pointer}.contents-accordion{display:none;padding:5px 15px;background-color:#f0f0f0}li.is-active>.contents-accordion,.contents-accordion.is-active{display:block}.scroll-control.is-active{background-color:#e0e0e0}ul[class="contents-accordionOrg is-active"] a:hover{color:var(--mainColor-SRC_red)}ul[class="contents-accordionOrg is-active"] a:active{color:var(--mainColor-SRC_red)}.navbarOrg.is-active{padding-top:50px;position:absolute;right:0;left:0;top:0;width:100%;height:200vh;transform:translateX(0%);background-color:var(--mainColor-blue);z-index:150;transition:ease .4s}li[class="nav-itemOrg"]{margin:0 30px 25px;list-style:none;font-family:'Noto Sans JP',sans-serif;font-weight:800;align-items:center;color:#FFF}.accordionBtnOrg{list-style:none;font-family:'Noto Sans JP',sans-serif;font-weight:800;font-size:20px}@media screen and (min-width:992px){li[class="nav-itemOrg"]{margin:0;list-style:none;font-family:'Noto Sans JP',sans-serif;font-weight:800;font-size:18px;align-items:center;color:var(--mainColor-blue)}.accordionBtnOrg{list-style:none;font-family:'Noto Sans JP',sans-serif;font-weight:800;font-size:18px}}li[class="nav-itemOrg is-active"]{margin:0 30px;list-style:none;font-family:'Noto Sans JP',sans-serif;font-weight:800;font-size:18px;align-items:center;color:#FFF}.navbarOrg.is-active button{color:#FFF}.navbarOrg.is-active ul li a :visited{color:#FFF}.navbarOrg.is-active ul li a:hover{color:var(--mainColor-SRC_red)}.navbarOrg.is-active ul li a :active{color:#FFF}.navbarOrg.is-active ul{display:block;z-index:150}.navbarOrg.is-active ul li{text-align:center;font-size:20px;z-index:160;line-height:22px}.header_hamburgerOrg{width:50px;height:100%;margin:auto 10px}.hamburgerOrg{background-color:transparent;border-color:transparent;z-index:200}.hamburgerOrg span{width:100%;height:1px;background-color:#006ea2;position:relative;transition:ease 0.4s;display:block}.hamburgerOrg.is-active span{background-color:#fff}.hamburgerOrg span:nth-child(2){margin:9.5px 0}.hamburgerOrg.is-active span:nth-child(1){top:10px;transform:rotate(45deg)}.hamburgerOrg.is-active span:nth-child(2){opacity:0}.hamburgerOrg.is-active span:nth-child(3){top:-10px;transform:rotate(-45deg)}@media screen and (min-width:768px){.header_hamburgerOrg{width:60px;margin-right:20px}.hamburgerOrg span:nth-child(2){margin:15px 0}.hamburgerOrg.is-active span:nth-child(1){top:15px;transform:rotate(45deg)}.hamburgerOrg.is-active span:nth-child(3){top:-17px;transform:rotate(-45deg)}}@media screen and (min-width:992px){.hamburgerOrg{display:none}}.navbarOrg{transition:ease 0.4s}.navbarOrg.is-active{padding-top:80px;position:absolute;right:0;left:0;top:0;width:100%;height:200vh;transform:translateX(0%);background-color:var(--mainColor-blue,#006ea2);z-index:150}ul.include-accordionOrg,ul.include-accordionOrg ul{list-style:none;margin:0;padding:0}ul.include-accordionOrg>li{margin:0 0 25px;list-style:none;font-family:'Noto Sans JP',sans-serif;font-weight:800;align-items:center;color:#FFF}ul.contents-accordionOrg.is-active li{font-weight:400;font-size:16px}@media screen and (min-width:992px){ul.include-accordionOrg>li{margin:auto 0;font-size:18px;color:var(--mainColor-blue,#006ea2)}}.contents-accordionOrg{display:none;padding:5px 15px;background-color:#f0f0f0}li.is-active>.contents-accordionOrg,.contents-accordionOrg.is-active{display:block}.navbarOrg ul li a,.navbarOrg button{color:var(--mainColor-blue,#006ea2);text-decoration:none;display:block;margin:0 20px}.navbarOrg ul li a:hover,.navbarOrg button:hover{color:var(--mainColor-SRC_red,#f00)}.navbarOrg.is-active ul li{text-align:center;font-size:20px;line-height:22px;color:#fff}.navbarOrg.is-active button{color:#fff;margin:auto}.navbarOrg.is-active ul li a{color:#fff}.navbarOrg.is-active ul li a:hover{color:var(--mainColor-SRC_red,#f00)}.navbarOrg.is-active .contents-accordionOrg .nav-itemOrg{display:none}.navbarOrg.is-active .contents-accordionOrg.is-active .nav-itemOrg{display:block;background-color:inherit;margin-top:1em}.navbarOrg .contents-accordionOrg.is-active{position:absolute;line-height:3em;background:rgba(255,255,255,.95);z-index:1000}.navbarOrg.is-active .contents-accordionOrg.is-active{position:static;background-color:inherit}footer{width:auto;background-color:var(--mainColor-blue);padding:50px}.footer_logo_createMarketer{width:150px;margin:20px 10px 20px 0}.footer_logo{display:flex}.footer_contents{display:flex;flex-wrap:wrap;gap:40px}.footer_contents_menu{font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:18px;line-height:43px;color:#fff;display:block;margin-top:30px}.footer_inyou_contents{font-family:'Noto Sans JP',sans-serif;font-weight:400;line-height:25px;color:#fff;margin:25px 0 30px}.footer_inyou_contents_tytle{font-family:'Noto Sans JP',sans-serif;font-weight:800;font-size:18px;line-height:30px;color:#fff}.footer_inyou_contents_ul li{list-style:disc;margin:13px 0 13px 15px;font-size:14px}@media screen and (min-width:768px){.footer_contents_menu li{margin:20px 20px 0 0}.footer_contents_menu_child{margin-left:-30px}}.footer_contents_menu_link:link{color:#fff}.footer_contents_menu_link:visited{color:#fff}.footer_contents_menu_link:hover{color:var(--mainColor-SRC_red)}.footer_contents_menu_link:active{color:var(--mainColor-SRC_red)}.copyright{margin-top:80px;text-align:center;color:#fff;font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:14px}.footer_unei{font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#fff}.nav-itemOrg-1200{text-align:center;color:#fff;font-family:'Noto Sans JP',sans-serif;font-size:18px;font-weight:400}@media screen and (min-width:992px){.nav-itemOrg-1200{display:none}.navbarOrg .contents-accordionOrg.is-active{background-color:rgb(255,255,255,.95)}.contents-accordionOrg.is-active{width:280px}}.contents-accordionOrg.is-active{border:solid .5px var(--mainColor-blue)}.contents-accordionOrg.is-active>li{border:solid .5px var(--mainColor-blue)}.nav-itemOrg.is-active{margin-bottom:0}@media(pointer:coarse){.carousel-btn{display:none}}a:focus-visible,button:focus-visible{outline:3px solid var(--mainColor-SRC_red);outline-offset:2px}body.overlay{overflow:hidden}.accordionBtnOrg{position:relative;padding-right:.8em}.accordionBtnOrg::after,.accordionBtnOrg::before{content:"";position:absolute;right:0;top:50%;width:10px;height:1.5px;background:#FFF;transition:transform 0.3s ease;transform-origin:center}.accordionBtnOrg::before{transform:rotate(90deg)}.accordionBtnOrg[aria-expanded="true"]::before{transform:rotate(180deg);opacity:0}.accordionBtnOrg::after,.accordionBtnOrg::before{transition:transform 0.3s ease,opacity 0.2s ease}.accordionBtnOrg[aria-expanded="true"]::after{transform:rotate(180deg)}@media screen and (min-width:992px){.accordionBtnOrg::after,.accordionBtnOrg::before{background:var(--mainColor-blue)}}body{font-family:'Noto Sans JP',sans-serif;width:auto;margin:0;line-height:2.1em;color:#333}.nav-hyoujiTitle{font-size:18px;padding:1em 0 .5em;border-top-width:1px}.nav-hyoujiArea{display:flex;gap:.5em;justify-content:center}.nav-hyouji{padding:.5em 1em;background-color:#FFF;font-size:18px;line-height:20px;color:var(--mainColor-blue);border-radius:50vh}.nav-hyouji a{color:var(--mainColor-blue)!important}.nav-hyouji a:visited{color:var(--mainColor-blue)}.nav-hyouji a:active{color:var(--mainColor-blue)}main blockquote{border-bottom:dashed 1px var(--mainColor-blue)}
.shindan_site_accordion {
  width: 319px;
  margin: 10px auto 20px;
  border: 1px solid #ccc;
  border-bottom: none;
}
.shindan_site_menu {
  background-color: #eee;
  color: var(--mainColor-blue);
  padding: 15px 20px;
  text-align: left;
  cursor: pointer;
  user-select: none;
  margin: 0px 0px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-size: 18px;
}
.shindan_site_menu.is-active {
  border-bottom: none;
}
.shindan_site_contents {
  text-align: left;
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.4s;
  background-color: #fff;
}
.shindan_site_contents.is-open {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  height: auto;
  opacity: 1;
  background-color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #333;
  text-align: justify;
}
.shindan_site_contents_subtytle {
  font-weight: 700;
  margin: 5px 0px;
}
.shindan_site_contents_storng {
  font-weight: 700;
  color: var(--mainColor-blue);
}
.shindan_site_js-menu {
  border-bottom: 1px solid #ccc;
}
.shindan_site_js-menu.is-active {
  border-bottom: 1px dashed #ccc;
}
.shindan_question_frame.is-opened {
  height: 1500px;
  transition-duration: 0.4s;
}
.shindan_site_accordionTytleArea {
  width: 319px;
  margin: auto;
}
.shindan_site_accordionTytle {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-size: 18px;
  color: #555;
  margin-top: 40px;
}
.shindan_contents_br_sp {
  display: none;
}
@media screen and (min-width: 992px) {
  .shindan_site_accordion {
    width: 479px;
  }
  .shindan_question_frame.is-opened {
    height: 1700px;
    transition-duration: 0.4s;
  }
  .shindan_site_accordionTytleArea {
    width: 479px;
  }
}
.shindan_main_visual {
  width: 186px;
  height: 350px;
}
@media (max-width: 575.98px) {
  .shindan_main_visual {
    width: 134px;
    height: 250px;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .shindan_main_visual {
    width: 150px;
    height: 280px;
  }
}
.shindan_main_contents {
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shindan_shibaken_icon {
  width: 60px;
  height: 51px;
  margin: 15px;
}
.shindan_main_tytle {
  text-align: center;
  margin: 5px;
}
.shindan_main_tytle_jp {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-size: 21px;
}
.shindan_main_tytle_en {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.shindan_main_contents_question {
  background-color: #eee;
  padding: 10px;
}
.shindan_question_firstFrame {
  position: relative;
}
.shindan_question_frame_set {
  top: 2%;
  left: 0%;
  right: 0%;
  background-color: #FFF;
  padding: 5%;
  border-radius: 20px;
}
.shindan_question_tytle_set {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0px auto 25px;
}
.shindan_question_tytle_hint_icon {
  height: 65px;
}
.shindan_question_tytle {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 32px;
  color: var(--mainColor-SRC_red);
  text-align: center;
}
.shindan_question_maintytle {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-size: 21px;
  line-height: 1.6em;
  ;
  color: #333;
  text-align: center;
  letter-spacing: 0.1em;
}
.shindan_question_subtytle {
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 35px;
  color: #333;
}
.shindan_question_tytles {
  text-align: center;
}
/* 最大 3 列（150 px × 3）を中央寄せで並べる */
.shindan_answer_firstAnswer {
  width: 100%;
  /* 150×3 + gap(5px)×2 = 460px までしか広がらないよう制限 */
  max-width: calc(150px * 3 + 5px * 2);
  margin: 20px auto 12px;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(auto-fill, 150px);
  grid-auto-rows: 150px;
  justify-content: center;   /* グリッド全体を中央寄せ */
}
.shindan_answer_button_start {
  width: 150px;
  height: 150px;
  background-color: #FFF;
  border: 1px solid var(--mainColor-blue);
  border-radius: 50%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 18px;
  color: var(--mainColor-blue);
  line-height: 26px;
}
.shindan_answer_button_start:active {
  background-color: var(--mainColor-blue);
  border: 1px solid var(--mainColor-blue);
  border-radius: 50%;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  text-align: center;
  font-size: 18px;
  color: #FFF;
  line-height: 30px;
}
.shindan_answer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  width: 319px;
  margin: 25px auto 0px;
}
.shindan_answer_tate {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  padding: 0px 15px;
  margin: auto;
}
.shindan_answer_tate_tytle {
  width: 105px;
  margin: 0px 5px 0px 12px;
  line-height: 30px;
}
.shindan_answer_tate_subtytle {
  width: 210px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  line-height: 26px;
  font-size: 18px;
  color: #333;
  margin: 0px 12px 0px 5px;
  text-align: justify;
}
.shindan_answer_tytle {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  color: var(--mainColor-blue);
}
.shindan_answer_tytle:active {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-size: 18px;
  line-height: 24px;
  color: #FFF;
}
.shindan_answer_subtytle {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #333;
}
.shindan_answer_subtytle:active {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #FFF;
}
.shindan_answer_button {
  width: 150px;
  height: 150px;
  border: 1px solid var(--mainColor-blue);
  border-radius: 10px;
  text-align: center;
  margin: auto;
}
.shindan_answer_button:active {
  width: 150px;
  height: 150px;
  color: #FFF;
  background-color: var(--mainColor-blue);
  border-radius: 10px;
  text-align: center;
}
.shindan_answer_button_tate {
  width: 315px;
  height: 150px;
  display: flex;
  align-items: center;
  border: 1px solid var(--mainColor-blue);
  border-radius: 10px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  text-align: center;
  font-size: 18px;
  color: var(--mainColor-blue);
  margin: auto;
}
.shindan_answer_button_tate:active {
  width: 315px;
  height: 150px;
  display: flex;
  align-items: center;
  background-color: var(--mainColor-blue);
  border-radius: 10px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  text-align: justify;
  font-size: 18px;
  color: #FFF;
}
.shindan_answer_subtytle:active {
  color: #FFF;
}
.shindan_All_contents {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 576px) {
  .shindan_question_tytle {
    font-size: 24px;
  }
  .shindan_main_visual {
    width: auto;
    height: 280px;
    display: block;
    margin: 30px auto;
  }
}
@media screen and (min-width: 992px) {
  .shindan_contents_br_992 {
    display: none;
  }
  .shindan_All_contents {
    flex-direction: row-reverse;
  }
  .shindan_main_contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 7%;
  }
  .shindan_question_frame {
    width: 100%;
    background-color: #FFF;
    border-radius: 20px;
    position: relative;
  }
  .shindan_question_tytle {
    font-size: 32px;
    line-height: 55px;
  }
  .shindan_shibaken_icon {
    width: 150px;
    height: 128px;
    margin: 30px;
  }
  .shindan_main_tytle_jp {
    font-size: 30px;
    line-height: 40px;
  }
  .shindan_main_tytle_en {
    font-size: 18px;
    line-height: 30px;
  }
  .shindan_main_contents_question {
    width: 100%;
    padding: 30px 10% 30px 10%;
  }
  .shindan_answer {
    width: 479px;
  }
  .shindan_question_frame_set {
    top: 5%;
  }
  .shindan_answer_button {
    width: 230px;
    height: 230px;
    border: 2px solid var(--mainColor-blue);
    border-radius: 20px;
  }
  .shindan_answer_button:active {
    width: 230px;
    height: 230px;
    border: 2px solid var(--mainColor-blue);
    border-radius: 20px;
  }
  .shindan_answer_button_tate {
    width: 460px;
    height: 230px;
    border: 2px solid var(--mainColor-blue);
    border-radius: 20px;
    font-size: 24px;
    line-height: 40px;
  }
  .shindan_answer_button_tate:active {
    width: 460px;
    height: 230px;
    border: 2px solid var(--mainColor-blue);
    border-radius: 20px;
    font-size: 24px;
    line-height: 40px;
  }
  .shindan_answer_tate_tytle {
    width: 160px;
    margin: 0px 5px 0px 20px;
  }
  .shindan_answer_tate_subtytle {
    width: 300px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    line-height: 26px;
    font-size: 18px;
    color: #333;
    margin: 0px 30px 0px 5px;
    text-align: justify;
  }
  .shindan_answer_tytle {
    font-size: 24px;
    line-height: 40px;
  }
  .shindan_answer_tytle:active {
    font-size: 24px;
    line-height: 40px;
  }
  .shindan_answer_subtytle {
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
  }
  .shindan_question_maintytle {
    font-size: 32px;
    line-height: 55px;
  }


 
  .shindan_main_visual {
    width: auto;
    height: 350px;
    display: block;
    margin: 60px auto;
  }
}
@media screen and (min-width: 1200px) {
  .shindan_contents_br_pc {
    display: none;
  }
}
.shindan_question_ribbon2 {
  display: block;
 text-align: justify;
  margin: 10px auto;
  position: relative;
  width: 300px;
  height: 50px;
  line-height: 40px;
  padding: 4px 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 18px;
  background: var(--mainColor-blue);
  color: #FFF;
  box-sizing: border-box;
}
.shindan_question_ribbon2 p {
  margin: 0;
  padding: 0 25px;
  border-top: dashed 1px #eee;
  border-bottom: dashed 1px #eee;
  line-height: 40px;
}
.shindan_question_ribbon2:before, .shindan_question_ribbon2:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.shindan_question_ribbon2:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #eee;
  border-style: solid;
}
.shindan_question_ribbon2:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #eee transparent transparent;
  border-style: solid;
}
.shindan_main_contents_question {
padding: 1em 3%;
  text-align: justify;
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
}
@media screen and (min-width: 576px) {
.shindan_main_contents_question {
   padding: 1em 15%;
  }
}
@media screen and (min-width: 992px) {
.shindan_main_contents_question {
   padding: 1em 20%;
  }
}
.shindan_question_top-copy-area_title {
  font-weight: 800;
  font-size: 18px;
  line-height: 1.5em;
}
.shindan_question_top-copy-area_body {
  margin-top: 1em;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8em;
  text-align: justify;
}
@media screen and (min-width: 992px) {
  .shindan_question_top-copy-area_body {
  text-align: justify;
  }
}
.shindan__ranking--area {
  background-color: #fff;
  padding: 20px 20px;
  border-radius: 20px;
}
.shindan__ranking--area--title {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 200;
  font-size: 30px;
  color: var(--mainColor-blue);
  margin-bottom: 0.5em;
  padding: 20px 0;
}
@media screen and (min-width: 576px) {
  .shindan__ranking--area--title {
    padding: 20px 40px;
  }
}
.shindan__ranking--products-area {
  display: grid;
  gap: 50px;
  justify-content: center;
  width: 100%;
  grid-template-columns: repeat(auto-fill, 300px);
}
.shindan__ranking--products {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  width: 300PX;
}
.shindan__ranking--products img[src*="felmat.net"] {
  margin-bottom: 1.1em;
}
.shindan__ranking--products-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-size: 21px;
  line-height: 1.5em;
  margin-bottom: 10px;
}
.shindan__ranking--products-body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.8em;
  text-align: justify;
}
.result_click_area {
  display: flex;
  justify-content: center;
  padding: 10px 0 30px;
}
.result_click_area a {
  display: flex;
  gap: 8px;
  justify-content: center;
  text-align: justify;
  align-items: center;
  width: auto;
  min-width: 300px;
  max-width: 500px;
  line-height: 1.3em;
  height: 80px;
  margin: 20px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #ff5e62), to(#ff9963));
  background-image: -webkit-linear-gradient(left, #ff5e62c 40%, #ff9963c 100%);
  background-image: linear-gradient(90deg, #ff5e62 40%, #ff9963 100%);
  border-radius: 9999px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 800;
  font-size: 15px;
}
.shindan_question_firstFrame_shibaken_icon {
  display: block;
  margin: 0 auto 5%;
}

		.question-box, .result-box {
  background: #fff;
  border-radius: 12px;
  padding: 1rem;
  margin-bottom: 2rem;
}
@media screen and (min-width:576px) {
  .question-box, .result-box {
    padding: 2rem;
  }
}
.result-name {
  color: #333;
  font-size: 21px;
  font-weight: 800;
  margin-bottom: .5rem;
  line-height: 1.8em;
}
.result-desc {
  text-align: justify;
 color: #333;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: .5rem;
  line-height: 1.8em;
}
.result-link {
  display: inline-block;
  margin-top: 1rem;
  background: var(--mainColor-SRC_red);
  color: #fff;
  padding: .6rem 1.2rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 700;
}
.result-banner{
  text-align: center;
  margin: 50px auto;
}
.result-banner img{
	width: 100%;
	max-width: 400px;
    height: auto;
}
.result-link-text {
  text-align: center;
 color: #333;
  font-size: 21px;
  font-weight: 800;
  margin-bottom: .5rem;
  line-height: 1.8em;
}
.result-item h3 {
  color: var(--mainColor-SRC_red);
  font-size: 26px;
  font-weight: 800;
}
.result-item-sub {
  padding: 20px;
  background-color: #edf4e6;
}
.result-item-sub {
  margin: 30px 0 0 0;
  padding: 20px;
  background-color: #edf4e6;
}
.sub-rank {
  color: var(--mainColor-blue);
  font-size: 21px;
  font-weight: 800;
}

#quiz, #result {
    max-width: 680px;
    margin: 0 auto;
}
#question {
    text-align: center;
    font-size: 1.25rem;
    margin-bottom: 1rem;
	font-weight: 800;
	color: #333;
}
.choice-btn {
    display: block;
    width: 100%;
    padding: 0.8em 1em;
    margin: 0.4em 0;
    font-size: 1rem;
	font-weight: 400;
	color: #333;
    text-align: left;
    border: 1px solid var(--c-border);
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    transition: background .2s;
}
.choice-btn:hover {
    background: #f0f8ff;
}
.progress {
    height: 8px;
    background: #eee;
    border-radius: 4px;
    margin-bottom: 1rem;
    overflow: hidden;
}
.progress-bar {
    height: 100%;
    background: var(--c-main);
}
#result h2 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    text-align: center;
}
.result-item {
    display:block;
    align-items: center;
    background: var(--c-box);
    border: 1px solid var(--c-border);
    border-radius: 8px;
    padding: 1em;
    margin-bottom: 1em;
}
.result-item img {
width: 100%;
	max-width: 400px;
    height: auto;
    margin-right: 1em;
    flex-shrink: 0;
}
.result-link-text img{display: none}
.breed-info h3 {
    margin: 0 0 .4em;
    font-size: 1.1rem;
	font-weight: 400;
}
.breed-info p {
    margin: 0 0 .5em;
    font-size: .95rem;
}
.breed-info a {
    color: var(--c-main);
    text-decoration: none;
}
.breed-info a:hover {
    text-decoration: underline;
}
.retry-btn {
    display: block;
    margin: 1.5em auto 0;
    padding: .6em 2.5em;
    background: #fff;
    color: var(--c-main);
    border: 2px solid var(--c-main);
    border-radius: 6px;
    font-size: 1rem;
    cursor: pointer;
}


.btn,
a.btn,
button.btn {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #006ea2;
  border-radius: 0.5rem;
}.contents_allMenu--diagnosis {
    text-align: center;
}

a.btn-border {
  margin:10px 20px 30px;
  padding: 10px;
  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  border: 2px solid #000;
  background-image: -webkit-repeating-linear-gradient(
    135deg,
    #006ea2,
    #006ea2 1px,
    transparent 2px,
    transparent 5px
  );
  background-image: repeating-linear-gradient(
    -45deg,
   #006ea2,
    #006ea2 1px,
    transparent 2px,
    transparent 5px
  );
  background-size: 7px 7px;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;
}

a.btn-border span {
  position: relative;

  display: block;

  padding: 1.25rem 3rem;

  color: #000;
  border: 2px solid #000;
  border-radius: 0.5rem;
  background: #fff;
}

a.btn-border:hover {
  margin: 4px 4px 12px;
  padding: 6px;
}
		/* ① A8.net の 0.gif、felmat の fmimp だけを対象にする */
img[src*="a8.net/0.gif"],
img[src*="t.felmat.net/fmimp"] {
  position: absolute;   /* 文書フローから外す */
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(0);  /* 古いブラウザは clip: rect(0,0,0,0); */
  left: -9999px;        /* 画面外へ */
}

/* ② サイズ 1×1 のピクセルを汎用的に隠す場合 */
img[width="1"][height="1"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(0);
  left: -9999px;
}.diagnosis-page {
  background-color: var(--bgColor);
  color: var(--textColor);
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 2;
}

.diagnosis-page,
.diagnosis-page h1,
.diagnosis-page h2,
.diagnosis-page h3,
.diagnosis-page h4,
.diagnosis-page p,
.diagnosis-page div,
.diagnosis-page button {
  font-kerning: normal;
  font-variant-east-asian: proportional-width;
  font-feature-settings: "palt" 1;
}

.diagnosis-page__inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 16px 64px;
}

.diagnosis-page__card {
  background-color: #FFF;
  border-radius: 20px;
  padding: 32px 20px;
}

.diagnosis-page__intro {
  margin-bottom: 40px;
}

.diagnosis-page__lead {
  font-size: 18px;
  line-height: 2;
  text-align: justify;
}

.diagnosis-page .diagnosis-section {
  margin-top: 40px;
}

.diagnosis-page .diagnosis-section:first-child {
  margin-top: 0;
}

.diagnosis-page h2 {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.5;
  color: var(--mainColor-blue);
  margin: 0 0 16px;
}

.diagnosis-section__text {
  font-size: 18px;
  line-height: 2;
  margin: 0 0 16px;
  text-align: justify;
}

.diagnosis-block + .diagnosis-block {
  margin-top: 20px;
}

.diagnosis-page h3 {
  font-size: 21px;
  font-weight: 800;
  line-height: 1.6;
 color: var(--mainColor-blue);
  margin: 0 0 12px;
}

.diagnosis-page h4 {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.7;
  color: var(--textColor);
  margin: 20px 0 10px;
}

.diagnosis-block__text {
  font-size: 17px;
  line-height: 2;
  margin: 0 0 14px;
  text-align: justify;
}

.diagnosis-qa {
  margin-top: 20px;
}

.diagnosis-qa__item {
  padding: 20px 0;
  border-top: 1px solid var(--lineColor);
}

.diagnosis-qa__item:last-child {
  border-bottom: 1px solid var(--lineColor);
}

.diagnosis-qa__question {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.7;
  color: var(--mainColor-blue);
  margin: 0 0 10px;
}

.diagnosis-qa__answer {
  font-size: 17px;
  line-height: 2;
  margin: 0;
  text-align: justify;
}

.diagnosis-reference {
  margin-top: 20px;
  padding: 0;
  list-style: none;
}

.diagnosis-reference__item {
  margin-top: 20px;
  padding: 20px;
  background: #f9fcfe;
  border: 1px solid var(--lineColor);
  border-radius: 14px;
}

.diagnosis-reference__item:first-child {
  margin-top: 0;
}

.diagnosis-reference__quote {
  margin: 0 0 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--mainColor-blue);
}

.diagnosis-reference__quote p {
  margin: 0;
  font-size: 16px;
  line-height: 1.9;
  text-align: justify;
}

.diagnosis-reference__quote cite {
  color: var(--mainColor-blue);
  font-style: normal;
  font-weight: 700;
}

.diagnosis-reference__link {
  color: var(--mainColor-blue);
  text-decoration: underline;
  font-weight: 700;
  word-break: break-word;
}

.diagnosis-reference__link:hover {
  color: var(--mainColor-SRC_red);
}
.shindan_question_maintytle-sub{
	text-align: center;
}
@media screen and (min-width: 992px) {
  .diagnosis-page__inner {
    padding: 40px 24px 80px;
  }

  .diagnosis-page__card {
    padding: 48px 40px;
  }

  .diagnosis-page h2 {
    font-size: 28px;
  }

  .diagnosis-page h3 {
    font-size: 22px;
  }

  .diagnosis-page h4,
  .diagnosis-qa__question {
    font-size: 20px;
  }
}