@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

:root {
  /* palette */
  --main-color:#0242b2;
  --gold:        #dbba61;
  --saxe-blue:  #7a9ad0;
  --deep-blue: #00307e;
  --light--blue:#f3f8ff;
  --white:       #ffffff;
  --dark-gray:   #333333;
  --light-gray:#f8f8f8;
}

html {font-size:62.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;overflow:auto;}
body {
    font-family: "Noto Sans JP", sans-serif;
    background:var(--white);color:#222222;font-size:16px;font-size:1.6rem;line-height:1.6em;
}
.r_pro {font-family: "Readex Pro", sans-serif;}
.outfit {font-family: "Outfit", sans-serif;font-optical-sizing: auto;font-weight:600;font-style: normal;}
.swell-block-step__number {font-family: "Outfit", sans-serif;font-optical-sizing: auto;font-weight:600;font-style: normal;}

* {margin:0;padding:0;}
ul, li{list-style-type:none;margin:0;padding:0;}
img {border:none;vertical-align:bottom;}
p,div {margin:0;padding:0;}

form {margin:0px;}
table {border-collapse:collapse;font-size:100%;border-spacing:0;}
a {text-decoration:none;color:#2a2c2c;}

img {width:100%;height:auto;}

/* -----------------
header
----------------- */
#body_wrap.wp-singular #header .l-header__inner {position:relative;background:#003e8b url(./images/con_top_bg.jpg) no-repeat top center;background-size:cover;}
#header .l-header__inner {position:absolute;margin: 0 auto;padding:10px;display:flex;justify-content:space-between;align-items:center;max-width:100%; }
#header .c-gnav {justify-content:space-between;align-items:center;}

.l-header__gnav .nav_link a {margin:0;height:46px;text-align:center;display:inline-grid;flex-flow:row wrap;justify-content:center;align-items:center;align-content:center;color:var(--white);}
.l-header__gnav .nav_link a span.ttl {color:var(--white);margin:0;padding:0;margin-block-start:0;margin-block-end:0;line-height:1.1em;}
.l-header__gnav .nav_link a span.desc {color:var(--white);margin:0;padding:0;line-height:1.6em;}
.l-header__gnav .nav_line a {padding:0 1.5em !important;border-radius:23px;background:#06c755;box-shadow:2px 2px 8px 0px rgba(255, 255, 255, 0.75) inset, -2px -2px 8px 0px rgba(0, 0, 0, 0.75) inset;}
.l-header__gnav .nav_line a span.ttl {font-size:15px;}
.l-header__gnav .nav_line a span.desc {font-size:10px}
.l-header__gnav .nav_tel a {background:transparent;color:#0d4795;}
.l-header__gnav .nav_tel a span.ttl {font-size:24px;display:flex;align-items:center;justify-content:center;}
.l-header__gnav .nav_tel a .ttl_tel {width:25px;margin-right:5px}
.l-header__gnav .nav_tel a span.desc {font-size:10px}

.l-header__gnav ul li:nth-child(1) a {padding:0 0.5em 0 0;}
.l-header__gnav a {text-decoration:none;color:var(--white) !important;}
.l-header__gnav a:after {display:none !important;}
.l-header__gnav .nav_tel a:hover,.l-header__gnav .nav_line a:hover {text-decoration:none !important;}
.l-header__gnav .nav_tel a::after,.l-header__gnav .nav_line a::after {display:none !important;}


/* -----------------
footer
----------------- */
.f_in {display:flex;flex-flow:row wrap;justify-content:space-between;padding:50px 0;font-size:14px;}
.f_in-text {line-height:1.8em;width:50%;color:var(--white);}
.f_in-text img {width:100%;max-width:215px;display:block;margin-bottom:20px;}
.f_in-link {width:48%}
.f_in-link a {font-size:14px;color:var(--white);}

.l-footer__foot {border-top:2px solid rgba(254,254,254,0.2);padding:20px 0}

/* -----------------
Contents
----------------- */
.page-id-34 #content {width:100%;max-width:initial;margin:0;padding:0;}
.page-id-34 main {overflow:hidden;}
.con_pc {display:block;}
.con_sp {display:none;}

.box8 {width:98%;max-width:800px;margin:0 auto;padding:0 1%;position:relative;}
.box10 {width:98%;max-width:1000px;margin:0 auto;padding:0 1%;position:relative;}
.box12 {width:98%;max-width:1200px;margin:0 auto;padding:0 1%;position:relative;}

/* fv */
#fv {background:#003e8b url(./images/fv_bg.jpg) no-repeat top center;background-size:cover;color:var(--white);font-weight:600;padding:calc(102px + 3%) 0 3%;}
#fv .fvin {width:100%;max-width:980px;margin:0 auto;padding:0 13% 0 1%;box-sizing: border-box;}
.fv_top {}
.fv_top01 {font-size:44px;line-height:1.4em;}
.fv_top01 span {color:var(--gold)}
.fv_top02 {font-size:18px;line-height:1.4em;margin:1em 0;}
.fv_list3 {width:100%;max-width:700px;margin:0 0 40px;}
#fv ul.fv_link {max-width:630px;}

.link_btn {
    height:70px;border-radius:35px;text-align:center;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:center;
    box-shadow: 2px 2px 8px 0px rgba(255, 255, 255, 0.75) inset, -2px -2px 8px 0px rgba(0, 0, 0, 0.75) inset;font-weight:600;
}
a.link_btn p {margin:0;padding:0;margin-block-start:0;margin-block-end:0;line-height:1.4em;width:100%}
a.link_btn span {margin:0;padding:0;line-height:1.6em;width:100%}
a.link_line {background:#06c755;color:var(--white);}
a.link_line p {font-size:16px;}
a.link_line span {font-size:14px;display: inline-block;line-height:1.4em;}
a.link_tel {background:var(--white);color:#0d4795;}
a.link_tel p {font-size:22px;}
a.link_tel span {font-size:13px}

/* CTA */
.top_cta {background:var(--main-color) url(./images/tp_cta-bg.jpg) no-repeat center center;background-size:cover;position:relative;z-index:2}
.tp_ctain {padding:8% 25% 8% 2%;text-align:center;}
.tp_cta-top1 {font-size:28px;line-height:1.4em;font-weight:600;margin:0 0 1em;color:var(--white);}
.tp_cta-top1 span {color:var(--gold);}
.tp_cta-top2 {font-size:18px;font-weight:600;margin:0 0 3em;color:var(--white);line-height:1.6em;}
.tp_cta-img {position:absolute;bottom:0;right:0;width:25%;height:auto;}
ul.tp_cta-list {width:100%;max-width:630px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
.top_cta ul.tp_cta-list {margin:0 auto;}
ul.tp_cta-list li {width:48%;}
ul.tp_cta-list li > div {
    font-size:14px;text-align:center;color:var(--white);margin-bottom:3px;
    text-shadow:0 0 4px  rgba(90, 90, 90, 0.95),0 0 10px rgba(100, 100, 100, 0.8),0 0 20px rgba(120, 120, 120, 0.5);
}



/* index */
.top-title {color:var(--main-color);font-size:16px;margin:0 0 20px;text-align:center;font-weight:600}
.top-title2 {text-align:center;font-size:33px;line-height:1.4em;padding:0 0 30px;margin:0 auto 30px;position:relative;font-weight:600}
.top-title2:after {content:"";position:absolute;bottom:0;left:50%;transform: translateX(-50%);width:50px;border-bottom: 2px solid var(--main-color);}
.top-title2 span {color:var(--main-color);}
.top-text {font-size:17px;text-align:center;line-height:1.8em;padding:0;margin:0 0 50px;}

/* cryptocurrency */
.top_cryptocurrency {padding:60px 0;}
.tp_cry-title {font-size:25px;text-align:center;margin-bottom:50px;font-weight:600;line-height:1.4em;}
ul.tp_cry-list {display:flex;flex-flow:row wrap;gap: 10px;padding:0;margin:0 0 50px;}
ul.tp_cry-list li {flex:1 1 calc((100% / 6) - (10px * 5 / 6));text-align:center;}
ul.tp_cry-list li img {width:96%;max-width:60px;}
ul.tp_cry-list li p {margin:0.4em auto 0;font-weight:600;}
.tp_cry-text {text-align:center;color:#00307e;}


/* SEARCH  */
.top_search {background:var(--light-gray);padding:60px 0;}

.tp_seac-box {margin:40px auto;text-align: center;}
.tp_seac-case {padding:50px 5%;margin:0 0 50px;background:var(--white);border-radius:5px;}
.tp_seac-case-top {border-left:5px solid var(--main-color);font-weight:600;font-size:22px;line-height:1.6em;color:var(--main-color);padding:0 0 0 0.4em;margin:0 0 30px}
.tp_seac-case ul {}
.tp_seac-case ul li {width:100%;display:flex;align-items:center;padding:1em 0;border-bottom:1px solid #ccc;gap:1em}
.tp_seac-case ul li:last-child {border-bottom:none;}
.tp_seac-case ul li .tp_seac-case01 {width:7em}
.tp_seac-case ul li .tp_seac-case02 {width:10em}
.tp_seac-case ul li .tp_seac-case02 p {background:var(--light--blue);color:var(--main-color);padding:0.4em;display:inline;}
.tp_seac-case ul li .tp_seac-case02 {}


/* EMPATHY */
.top_enpathy {background:url(./images/top_enpathy-bg.jpg) no-repeat top center;background-size:cover;padding:60px 0;}

.top_enpathy .top-title {color:var(--saxe-blue);}
.top_enpathy .top-title2 {color:var(--white);}
.top_enpathy .top-title2 span {color:var(--gold);}
.top_enpathy .top-title2:after {border-bottom: 2px solid var(--saxe-blue);}

ul.top_enp-list {display:flex;flex-flow:row wrap;gap:20px;justify-content:center;}
ul.top_enp-list li {width:calc((100% - 130px) / 3);background:var(--white);padding:20px 15px;border-radius:5px;display:flex;align-items: center;}
ul.top_enp-list li img {width:50px;height:auto;margin:0 15px 0 0;}
ul.top_enp-list li p {font-weight:600;text-align:left;font-size:18px;}
ul.top_enp-list li p span {color:var(--main-color);}


/* HOPE */
.top_hope {padding:60px 0 100px;}
.tp_hope-title {color:var(--deep-blue);font-size:22px;font-weight:600;text-align:center;margin:2em auto 1em;}
.tp_hope-subtitle {color:var(--deep-blue);font-size:16px;font-weight:600;text-align:center;margin:1em auto}

.tp_point-arrow {margin:40px auto 15px;}
.tp_point-arrow > div {margin:0 auto 5px;text-align:center;width:0;height:0;border-style:solid;border-width: 17.3px 10px 0 10px;border-color: #D9E7FF transparent transparent transparent;}

.tp_point-bottom {padding:0 4%;}
.tp_point-bottom > div {padding:0 25px;position:relative;display:flex;align-items:flex-end;} 
.tp_point-bottom > div::before {
  content:"";position:absolute;left:0;top:0;bottom:0;width:12px;
  border-top:5px solid #d9e7ff;border-bottom:5px solid #d9e7ff;border-left:5px solid #d9e7ff;
}
.tp_point-bottom > div::after {
  content: "";position: absolute;right:0;top:0;bottom:0;width:12px;
  border-top:5px solid #d9e7ff;border-bottom:5px solid #d9e7ff;border-right:5px solid #d9e7ff;
}
.tp_point-bottom .tp_hope-bimg {content:"";position:absolute;bottom:0;left:4%;width:10%;height:auto;display:block;}
.tp_point-bottom .tp_hope-bimg img {display:block;width:100%;}
.tp_point-bottom > div .tp_hope-btext {padding-left:14%;font-size:20px;line-height:1.8em;font-weight:600;}
.tp_point-bottom > div .tp_hope-btext span {color:var(--main-color);}

.top_hope .tp_hope-fade {position:relative;height:auto;overflow:hidden;}
.top_hope .button_overlay {display:none;}

/* openの場合　*/
.top_hope-trigger {display: none;}
.top_hope-trigger:checked ~ .top_hope-fade {max-height:1000px;height:auto;}
.top_hope-trigger:checked ~ .top_hope-fade .button_overlay {display: none;}


/* WARNING */
.top_warning {padding:60px 0;}
.tp_war-box {background:var(--white);border-radius:5px;padding:50px 5%;box-sizing:border-box;width:100%;box-shadow:0px 0px 10px 5px rgba(194,194,194,0.3);}
.tp_war-top {display:flex;margin:0;}
.tp_war-top > div:nth-child(1) {width:70%;margin-right:5%;}
.tp_war-top > div:nth-child(2) {width:25%;}
.tp_war-text01 {border-left:5px solid var(--main-color);font-weight:600;font-size:22px;line-height:1.6em;color:var(--main-color);padding:0 0 0 0.4em;margin:0 0 30px}
.tp_war-text02 {font-size:18px;}
ul.tp_war-list {margin:20px 0;}
ul.tp_war-list li {
    font-weight:600;font-size:18px;line-height:1.5;
    position:relative;line-height:1.5;padding:10px 0 10px 25px;margin-bottom:10px;border-bottom:1px solid #d9e7ff;
}
ul.tp_war-list li:first-child {border-top:1px solid #d9e7ff;}
ul.tp_war-list li:before {content:"×";position:absolute;left:0;top:8px;color:var(--main-color);font-weight:900;font-size:20px;line-height:1.5;}
ul.tp_war-list li span {color:var(--main-color);}
.tp_war-text {font-size:14px;line-height:1.8em;}
.tp_war-text a {color:var(--main-color);text-decoration:underline;}

/* works */
.top_works {background:var(--light-gray);padding:60px 0;}
ul.tp_works {width:100%;display:flex;flex-flow:row wrap;gap:40px;margin:40px 0 0;}
ul.tp_works li {
    background:var(--white);border-radius:5px;padding:15px;flex-grow:1;flex-shrink:0;flex-basis:calc(25% - 30px);
    box-shadow:0px 0px 10px 5px rgba(194,194,194,0.3);box-sizing:border-box;position:relative;display:flex;flex-direction:column;
}
ul.tp_works li:not(:last-child):before {
    content:"";position: absolute;top:50%;transform:translate(0,50%);;right:-30px;
    width:0;height:0;border-style:solid;border-width:10px 0 10px 17.3px;border-color: transparent transparent transparent var(--main-color);
}
ul.tp_works li > *:last-child {margin-top: auto;}

.tp_works-top {display:flex;align-items:center;justify-content:space-between;margin:0 0 0.8em;}
.tp_works-top > div {display:flex;align-items:center;color:var(--main-color);font-size:16px;font-weight:600;line-height:1em}
.tp_works-top > div > p {font-size:1.8em;margin-left:0.1em;line-height:1em}
.tp_works-top > img {width:35%;height:auto;}
.tp_works-text01 {margin:0 0 0.5em;color:#666;font-weight:600;}
.tp_works-text02 {margin:0 0 0.5em;color:var(--main-color);font-weight:600;}
.tp_works-text03 {margin:0 0 1.5em;line-height:1.8em;}
.tp_works-list {}
.tp_works-list > p {background:var(--light--blue);color:var(--main-color);margin:0 0 10px;padding:0.4em;}
.tp_works-list > p:last-child {margin:0;}

.tp_works .tp_works-fade {position:relative;height:auto;overflow:hidden;}
.tp_works .button_overlay {display:none;}

/* openの場合　*/
.tp_works-trigger {display: none;}
.tp_works-trigger:checked ~ .tp_works-fade {max-height:500px;height:auto;}
.tp_works-trigger:checked ~ .tp_works-fade .button_overlay {display: none;}



/* REASON */
.top_reason {padding:60px 0 100px;}
ul.tp_rea-list {width:100%;display:flex;flex-flow:row wrap;gap:30px;margin:40px 0 0;}
ul.tp_rea-list li {
    background:var(--white);border-radius:5px;padding:15px;flex-grow:1;flex-shrink:0;flex-basis:calc(50% - 30px);
    box-shadow:0px 0px 10px 5px rgba(194,194,194,0.3);box-sizing:border-box;position:relative;display:flex;align-items:center;
}
ul.tp_rea-list li > div:nth-child(1) {width:55%;margin-right:5%;}
ul.tp_rea-list li > div:nth-child(2) {width:40%;}
ul.tp_rea-list li > div:nth-child(1) p {color:var(--main-color);font-weight:600;font-size:44px;padding:0;margin:0 0 0.5em;}
ul.tp_rea-list li > div:nth-child(1) p rt {font-size:12px;}
ul.tp_rea-list li > div:nth-child(1) span {font-size:19px;font-weight:600;line-height:1.8em;}


/* CASE STUDY */
.top_casestudy {padding:60px 0;}

.tp_rm {margin:0 auto;text-align:center;} 
.tp_rm a {
    font-size:18px;line-height:56px;border-radius:30px;border:2px solid var(--main-color);padding:0 2em;background:var(--white);color:var(--main-color);
    display:inline-flex;align-items:center;
}
.tp_rm a img {width:20px;height:auto;margin-left:0.8em}

.tp_case {width:calc(100% - 30px);max-width:970px;margin:0 auto 0;position:relative;overflow:hidden;padding:15px;}
.tp_case .splide__track {overflow:visible;}
.tp_case ul.splide__list {display:flex !important;gap:20px;}
.tp_case li.splide__slide {
    width:calc((100% - 40px) / 3);background:var(--white);border-radius:5px;padding:20px;box-sizing:border-box;
    box-shadow: 0px 0px 10px 5px rgba(194, 194, 194, 0.3);display:flex;flex-direction:column;
}

.case_card {}
.ucomment_box {display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.user_icon {width:50px;height:50px;}

.speech_bubble {position:relative;border:1px solid var(--main-color);border-radius:8px;padding:5px;font-size:14px;font-weight:600;line-height:1.5em;}
.speech_bubble::before {
  content:"";position:absolute;left:-5px;top:50%;transform: translateY(-50%) rotate(45deg);width:8px;height:8px;
  background:var(--white);border-left:1px solid var(--main-color);border-bottom:1px solid var(--main-color);
}
.tag_container {text-align:center;margin-bottom:16px;}
.tag_container > .tag {background:var(--light--blue);color:var(--main-color);font-size:12px;font-weight:600;padding:4px 24px;border-radius:20px;display:inline-block;}
.case_title {color:var(--main-color);font-size:17px;font-weight:600;text-align:center;line-height:1.6em;margin:0 0 16px 0;}
.damount_box {margin:0 auto 20px;display:inline-flex;justify-content:center;align-items:baseline;gap:8px;color:#d20000;}
.damount_box > p {display:inline-block;line-height:;background:linear-gradient(transparent 60%, #fff1f1 60%);padding:0 5px 2px;margin:0;}
.damount_box .label {font-size:14px;font-weight:600;}
.damount_box .amount {font-size:1.9em;font-weight:600;}
.damount_box .unit {font-size:20px;}
.case_text-fade {position:relative;height:100px;overflow:hidden;margin-top:0;}
.case_text {font-size:14px;line-height:1.7;margin:0;}
.button_overlay {
    position:absolute;bottom:0;left:0;width:100%;height:90px;display:flex;align-items:flex-end;justify-content:center;
    background:linear-gradient(transparent, #ffffff 45%);
}
.case_card .readmore_btn {
  display:block;background:var(--white);color:var(--main-color);padding:0;border:1px solid var(--main-color);line-height:48px;margin:0 auto;
  border-radius:25px;width:90%;max-width:260px;text-align:center;font-size:17px;font-weight:600;text-decoration:none;transition: background 0.2s;
}

/* openの場合　*/
.case_card.is_open .case_text-fade {max-height:1000px;height:auto;}
.case_card.is_open .button_overlay {display:none;}


/* FLOW */
.top_flow {background:var(--light-gray);padding:60px 0;}
.tp_flow-list {list-style:none;padding:0;margin:0 auto;width:100%;max-width:600px;}
.tp_flow-list li {position:relative;padding-left:90px;padding-bottom:40px;}
.tp_flow-list li:last-child {padding-bottom: 0;}
.tp_flow-list li::after {content:"";position:absolute;left:30px;top:60px;bottom:0;width:2px;background:#d1d5db;z-index: 1;}
.tp_flow-list li:last-child::after {display:none;}
.step_circle {
  position: absolute;left:0;top:0;width:60px;height:60px;border:2px solid var(--main-color);background-color:var(--white);border-radius: 50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;
}
.step_circle.is_active {background-color:var(--main-color);color:var(--white);}
.step_txt {font-size:10px;font-weight: 600;line-height:1;margin-bottom:2px;color:var(--main-color);}
.step_circle.is_active .step_txt {color:var(--white);}
.step_num {font-size:20px;font-weight:600;line-height:1;color:var(--main-color);}
.step_circle.is_active .step_num {color:var(--white);}
.step_content {padding-top:5px;}
.step_content div {margin: 0 0 8px 0;font-size:22px;font-weight:600;}
.step_content p {margin:0;font-size:17px;line-height:1.6;color:#222;}


/* PRICE */
.top_price {padding:60px 0 100px;}
.tp_pri-table {width:100%;max-width:900px;border-collapse:collapse;border-spacing:0;margin:20px auto;}
.tp_pri-table th, .tp_pri-table td {padding:20px;text-align:left;font-size:16px;line-height:1.5;border:1px solid #dcdfe6;}
.tp_pri-table th {width:30%;background:var(--light--blue);font-weight:600;font-size:17px;}
.tp_pri-table td {background:var(--white);}
.tp_pri-table td p {color:var(--main-color);font-weight:600;font-size:1.3em;}
.tp_pri-table td span {color:#666;}
.tp_pri-text {color:#666;font-size:14px;text-align:center;}


/* MEDIA */
.top_media {padding:60px 0;}
ul.tp_med-list {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;list-style:none;padding:0;gap:10px}
ul.tp_med-list li {position:relative;overflow:hidden;width:calc(25% - 10px);}


/* FAQ */
.top_faq {background:var(--light-gray);padding:60px 0;}

.faq_container {width:100%;margin:0 auto 30px;}
.faq_item {argin-bottom:12px;overflow:hidden;transition:all 0.3s ease;}
.faq_question {display:block;position:relative;padding: 18px 50px 18px 65px;font-weight:600;cursor:pointer;user-select:none;list-style:none;}
.faq_question::-webkit-details-marker {display: none;}
.faq_question::before {
    content:"Q";position: absolute;left:20px;top:50%;width:30px;height:30px;transform:translateY(-50%);background:var(--main-color);
  color:var(--white);border-radius:50%;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;
}
.faq_question::after {
  content:"";position:absolute;right:22px;top:47%;width:8px;height:8px;
  border-top:2px solid var(--main-color);border-right:2px solid var(--main-color);transform: translateY(-50%) rotate(135deg);transition:transform 0.3s ease, top 0.3s ease;
}
.faq_item[open] .faq_question {}
.faq_item[open] .faq_question::after {border-color:#144bcd;top:52%;transform:translateY(-50%) rotate(-45deg);}

.faq_answer {position:relative;padding:20px 20px 20px 65px;line-height:1.6;animation:fadeIn 0.4s ease;}
.faq_answer::before {
    content: "A";position:absolute;left:20px;top:20px;width:28px;height:28px;background:#b6c9ea;
    color:var(--white);border-radius:50%;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;
}
.faq_answer p {margin: 0;font-weight:500;}
.faq_answer p small {font-size:0.75em;}
.faq_answer p a {color:#144bcd;text-decoration:underline;}
.faq_item[open] .faq_answer::after {content:"";position:absolute;left:20px;right:20px;top:0;border-bottom: 1px solid #ddd;}

@keyframes fadeIn {
  from {opacity: 0;transform: translateY(-5px);}
  to {opacity: 1;transform: translateY(0);}
}

.tp_faq-text {color:#666;font-size:14px;text-align:center;margin:20px auto 0;}


/* MESSEGE */
.top_message {padding:60px 0;}
.tp_mes-box {
    background:var(--white);border-radius:5px;padding:50px;box-sizing:border-box;width:100%;box-shadow:0px 0px 10px 5px rgba(194,194,194,0.3);
    display:flex;gap:40px;
}
.tp_mes-l {width: 160px;flex-shrink: 0;}
.tp_mes-img {margin-bottom:12px;}
.tp_mes-prof {line-height:1.4;}
.tp_mes-prof > .title {font-size:14px;color:#666;margin: 0 0 4px 0;}
.tp_mes-prof > .name {font-size:17px;font-weight:600;margin:0;}
.tp_mes-r {flex-grow:1;}
.tp_mesr-top {font-size:24px;font-weight:600;margin:0 0 20px 0;padding-left:12px;border-left:4px solid var(--main-color);line-height: 1.4;}
.tp_mesr-trigger {display: none;}
.tp_mesr-box {position: relative;max-height:120px;overflow:hidden;transition: max-height 0.4s ease;}
.tp_mesr-text {font-size:17px;line-height:2.4em;margin:0;}
.tp_mes-box .tp_mes-overlay {position: absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(transparent, #ffffff 65%);pointer-events:none;}
.tp_mes-box .readmore_btn {
  position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:var(--main-color);font-size:17px;font-weight:600;cursor:pointer;padding:0 12px;width:100%;max-width:260px;text-align:center;
  z-index:2;background:var(--white);color:var(--main-color);padding:0;border:1px solid var(--main-color);line-height:48px;border-radius:25px;margin:0 auto;
}
.tp_mesr-trigger:checked ~ .tp_mesr-box {max-height:500px;}
.tp_mesr-trigger:checked ~ .tp_mesr-box .tp_mes-overlay,
.tp_mesr-trigger:checked ~ .tp_mesr-box .readmore_btn {display: none;}


/* OFFICE */
.top_office {background:var(--light-gray);padding:60px 0;}
.tp_off-table {width:100%;max-width:900px;border-collapse:collapse;border-spacing:0;margin:20px auto 50px;}
.tp_off-table th, .tp_off-table td {padding:20px;text-align:left;font-size:16px;line-height:1.5;border:1px solid #dcdfe6;}
.tp_off-table th {width:30%;background:var(--light--blue);font-weight:600;font-size:17px;}
.tp_off-table td {background:var(--white);}
.tp_off-table td p {color:var(--main-color);font-weight:600;font-size:1.3em;}
.tp_off-table td span {color:#666;}
.tp_pri-text {color:#666;font-size:14px;text-align:center;}
.tp_off-map {position:relative;padding-top:56.25%;width:100%;max-width:900px;margin:0 auto 30px;}
.tp_off-map iframe {position:absolute;top:0;left:0;width:100%;height:100%;}


/* f__banner */
.f__banner {opacity:0;position:fixed;bottom:0;left:0;z-index:100;background:#333333;width:100%;visibility:hidden;transform:translateY(20px);transition: opacity 0.3s, visibility 0.3s, transform 0.3s;}
.f__banner.is_show {opacity:1;visibility:visible;transform: translateY(0);}
.bana_con {max-width:1000px;position:relative;margin:0 auto;padding:0 5px;display:flex;align-items:flex-end;justify-content:space-between;box-sizing:border-box;}
.bana_left {display:flex;align-items:center;height:auto;align-self:stretch;flex-shrink:0;width:28%;}
.bana_person {position:relative;z-index:2;height:100%;width:150px;flex-shrink: 0;}
.bana_person img {height:auto;width:100%;transform: scale(1.1);transform-origin:bottom center;position:absolute;bottom:0;left:0;display:block;}
.bana_bubble {position: relative;z-index: 1;background: #ffffff;color: #333;font-size:14px;font-weight:600;padding:8px 12px;border-radius:8px;line-height:1.3;text-align:center;white-space:nowrap;}
.bana_bubble::after {content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);border-style:solid;border-width:6px 8px 6px 0;border-color:transparent #ffffff transparent transparent;}
.f__banner ul.tp_cta-list {padding:10px 0;width:67%;}

/**
 * 固定ページ全体
*/
/*
.page #content {margin:0 auto;}
.page #content .post_content>* {margin-bottom:0;}
*/
.maxW900 {max-width:900px;margin-left:auto !important;margin-right:auto !important;}
.maxW1000 {max-width:1000px;margin-left:auto !important;margin-right:auto !important;}
.maxW1080 {max-width:1080px;margin-left:auto !important;margin-right:auto !important;}


/*　fqa */
#body_wrap.page .swell-block-tab {}
#body_wrap.page .swell-block-tab ul.c-tabList {margin-bottom:20px !important;gap:10px}
#body_wrap.page .swell-block-tab ul.c-tabList li button {border:1px solid var(--main-color);border-radius:6px;color:var(--main-color);opacity:1;}
#body_wrap.page .swell-block-tab ul.c-tabList li button:hover {background:var(--main-color);color:var(--white);}
#body_wrap.page .swell-block-tab ul.c-tabList li button.c-tabList__button[aria-selected="true"] {background:var(--main-color);color:var(--white); !important;border-color: #1bb4b9 !important;}
#body_wrap.page .swell-block-tab .c-tabBody {padding:0;border:none;}
#body_wrap.page .swell-block-tab .c-tabBody .post_content {margin-bottom:0;}
#body_wrap.page .swell-block-tab .c-tabBody .swell-block-accordion {margin-bottom:0;}
#body_wrap.page .swell-block-tab .c-tabBody .swell-block-accordion__item {margin-bottom:0.5em !important;}
#body_wrap.page .swell-block-tab .c-tabBody .swell-block-accordion__item+.swell-block-accordion__item {margin-top:0;}
#body_wrap.page .swell-block-accordion__title {display:flex !important;align-items:center;gap:12px;background:transparent;padding:1em 0;}
#body_wrap.page .swell-block-accordion__title .swell-block-accordion__label {padding:0 25px 0 0;}
#body_wrap.page .swell-block-accordion__title::before {content:"Q";display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background-color:var(--main-color);color:#fff; font-weight:bold;font-size:15px;}
#body_wrap.page .swell-block-accordion__title::after {
    content:"";position:absolute;right:9px;top:47%;width:8px;height:8px;
    border-top:2px solid var(--main-color);border-right:2px solid var(--main-color);transform: translateY(-50%) rotate(135deg);transition:transform 0.3s ease, top 0.3s ease;
}
#body_wrap.page .swell-block-accordion__item.is-opened .swell-block-accordion__title::after {border-color:#144bcd;top:52%;transform:translateY(-50%) rotate(-45deg);}
#body_wrap.page .swell-block-accordion__item.is-opened .swell-block-accordion__body {border-top: 1px solid #ddd;}
#body_wrap.page .swell-block-accordion__body {display:flex !important;align-items:flex-start;gap:12px;padding:1em 0;}
#body_wrap.page .swell-block-accordion__body::before {content:"A";display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#b6c9ea;color:#fff; font-weight:bold;font-size: 15px;margin-top:2px;}
#body_wrap.page .swell-block-accordion__title .swell-block-accordion__icon {display:none;}


/* 固定ページTOP */
.con_top {background:url(./images/con_top_bg.jpg) no-repeat right bottom;background-size:cover;padding:calc(92px + 3%) 0 0;color:var(--white)}
.ctop_in {width:100%;max-width:1240px;margin:0 auto;padding:0 1.5%;box-sizing: border-box;display:flex;position:relative;}
.ctop_in .ctop_top {width:80%;position:relative;z-index:3}
.ctop_in .ctop_lady {width:20%;display:flex;align-items:bottom;}
.ctop_in .ctop_lady img {width:100%;height:auto;}
.ctop_in .ctop_bgtext {position:absolute;top:2%;right:20%;width:80%;height:auto;font-size:160px;line-height:0.8em;color:rgba(0,48,126,0.4);font-weight:100;text-transform: uppercase;text-align:right;z-index:1;}
.ctop_01 {font-size:44px;line-height:1.4em;}
.ctop_02 {font-size:18px;line-height:1.4em;margin:1em 0;}
ul.ctop_list4 {width:100%;margin:0 0 20px;display:flex;flex-flow:row wrap;align-items:center;gap:10px;}
ul.ctop_list4 li {width:calc((100% - 30px) / 4);position:relative;display:flex;align-items:center;justify-content:space-between;}
ul.ctop_list4 li .ctopl_crown {width:10%;}
ul.ctop_list4 li .ctopl_crown img {width:100%;height:auto;}
ul.ctop_list4 li .ctopl_text {width:80%;text-align:center;display:flex;flex-direction:column;}
ul.ctop_list4 li .ctopl_text > div {font-size:36px;line-height:1.4em}
ul.ctop_list4 li .ctopl_text > div span {font-size:0.75em;}
ul.ctop_list4 li .ctopl_text > p {font-size:24px;line-height:1.4em}
ul.ctop_list4 li .ctopl_text > small {font-size:14px;line-height:1.4em}


/* 固定ページよくある質問 */
.fqa_con {background:#f3f8ff;padding:30px;}
.fqa_con ul.tp_cta-list {margin:0 auto;padding:0;}
.fqa_con ul.tp_cta-list li > div {color:#222;text-shadow:none;}

/* 固定ページ料金 */
.price_list1 {margin:40px 0;}
.price_list1 p {margin:0 auto;}

.price_list1 .swell-block-column:nth-child(1) {margin-top:45px !important;}
.price_list1 .swell-block-column {box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);padding:40px 20px 30px;position:relative;margin-top:45px !important;}
.price_list1 .pl_no {color:var(--main-color);font-weight:600;position:absolute;top:-45px;left:50%;transform:translateX(-50%);font-size:50px;line-height:1em;text-align:center;margin:0 !important}
.price_list1 .pl_no > span {font-size:0.4em;display:block;line-height:1em;margin:0 !important}
.price_list1 .pl_btn {background:#edf1f8;color:var(--main-color);line-height:2em;border-radius:1em;padding:0 1em;text-align:center;margin:0 auto!important;font-size:0.8em;font-weight:600;}
.price_list1 .pl_title {color:var(--main-color);font-weight:600;font-size:30px;text-align:center;margin:0.75em auto !important;}

.price_list2 {margin:0;}
.price_list2 .wp-block-column {box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);padding:30px 20px;position:relative;}

.pl_sim-top {margin-bottom:0;}
.pl_sim-top .wp-block-column {background:var(--white);padding:30px 20px;box-shadow: 0px -10px 10px 0px rgba(194, 194, 194, 0.3);position:relative;margin:0;}
.pl_sim-bottom .wp-block-column {background:#edf1f8;padding:30px 20px;box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);}
.pl_simb-btn {}
.pl_simb-en {}
.pl_simb-text {}

.pl_promise {}
.pl_promise .wp-block-column {box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);padding:40px 20px 30px;position:relative;}

.pl_3col-fix .swell-block-columns__inner {justify-content:center ;}
.pl_3col-fix .swell-block-columns__inner > .swell-block-column {flex-grow: 0 !important;flex-shrink: 0 !important;}
.pl_3col-fix .swell-block-columns__inner > .swell-block-column {box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);padding:40px 20px 30px;position:relative;margin-top:25px !important;}
.pl_3col-fix .pl_no {color:var(--main-color);font-weight:600;position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:50px;line-height:1em;text-align:center;margin:0 !important}
.pl_3col-fix .pl_img {width:80%;max-width:180px;margin:0 auto 10px;}
.pl_3col-fix .pl_title {color:var(--main-color);font-weight:600;font-size:20px;text-align:center;margin:0.6em auto !important;}
.pl_3col-fix .pl_text {}

.top_cta .swell-block-fullWide__inner {max-width:1200px;}
.top_cta .swell-block-fullWide__inner .tp_ctain {margin-bottom:0;}

.price_table table {border-collapse: collapse;}
.price_table thead th {background:#f3f8ff !important;color:var(--main-color);}
.price_table thead th:nth-child(2) {background:#004494 !important;color:#ffffff;border-top:10px solid #004494;border-left:2px solid #004494;border-right:2px solid #004494;border-bottom:2px solid #004494;}

.price_table tbody th:nth-child(1) {background:#fff !important;}
.price_table td:nth-child(2) {background:#fffdf0;border-left:2px solid #004494;border-right:2px solid #004494;}
.price_table tr:last-child td:nth-child(2) {border-bottom: 2px solid #004494;}
.price_table tbody td{text-shadow:0 0 4px  rgba(255, 255, 255, 0.95),0 0 10px rgba(255, 255, 255, 0.8),0 0 20px rgba(255, 255, 255, 0.5);}

.price_list3 .wp-block-column {box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);padding:0 0 30px;position:relative;}
.price_list3 .price_list3-title {background:#084392;color:var(--white);padding:0.75em 1em;font-size:24px;font-weight:600;text-align:center;margin-bottom:2em;}
.price_list3 .wp-block-column ul {margin:0 20px;padding:0;}
.price_list3 .wp-block-column ul li {margin:0;padding:0.75em 0 0.75em 2em;border-bottom:1px solid #ccc;}
.price_list3 .wp-block-column ul li::before {content: "×";position: absolute;left:0;top: 50%;transform:translateY(-50%);color:var(--main-color);font-weight: bold;font-size: 1.2em;}
.price_list3 .wp-block-column ul li:nth-child(1) {border-top:1px solid #ccc;}
 
.price_table2 {}
.price_table2 th, .price_table2 td {padding:20px;line-height:1.5;}
.price_table2 th {width:35%;}
.price_table2 td {width:65%;}

.pl_step {box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);padding:30px 20px;position:relative;}
.pl_step.wp-block-columns {display:flex;align-items:center;gap:10px;}
.pl_step .wp-block-column:nth-child(1) {flex-basis:20% !important;border-right: 1px solid #ccc;display:flex;align-items:center;justify-content:center;}
.pl_step .wp-block-column:nth-child(2) {flex-basis:80% !important;}
.pl_step .pls_list {display:flex;align-items:center;width:100%;gap:20px}
.pl_step .pls_list > div:nth-child(1) {width:20%;text-align:center;}
.pl_step .pls_list > div:nth-child(2) {width:80%;}
.pl_step .pl_no {color:var(--main-color);font-weight:600;font-size:50px;line-height:1em;text-align:center;margin:0 !important}
.pl_step .pl_no > span {font-size:0.4em;display:block;line-height:1em;margin:0 !important}
.pl_step .pl_title {font-weight:600;font-size:20px;line-height:1em;}
.pl_step .pl_text {margin:0.5em 0}
.pl_step .pl_btn {background:#edf1f8;color:var(--main-color);line-height:2em;border-radius:1em;padding:0 2em;text-align:center;margin:0 auto!important;display:inline-block;font-size:0.8em;font-weight:600;}
.pl_step .pl_img {width:100%;max-width:65px;}
.page-price .pl_arrow {color:#bcd9ff;}

/* 固定ページプライバシーポリシー */
.page-privacy {}
.page-privacy .pb_title {font-size:1.2em;margin-bottom:0.4em;}
.page-privacy .post_content ul, .page-privacy .post_content li{list-style: disc;}

/* 固定ページ会社概要 */
.page-company {}
.page-company table th {width:40% !important;}
.com_img {width:100%;max-width:300px;display:block;}
.com_img img {width:100%;height:auto;}
.com_name {width:100%;max-width:300px;display:block;margin:0 auto;}
.com_name span {font-size:1.3em;color:var(--main-color);font-weight:600;}
.com_greetitle {font-size:1.3em;color:var(--main-color);}
.com_misson {}
.com_misson .swell-block-column {/*box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);*/padding:20px;position:relative;border-radius:10px;border:1px solid #bbcad9;background:#fff;}
.com_misson-icon {margin:0 auto;text-align:center;margin-bottom:10px;}
.com_misson-icon img {width:70px;height:auto;background:#F3F6FA;padding:15px;border-radius:50%;border:1px solid #d4e3f7;}
.com_access-name {color:var(--main-color);font-weight:600;font-size:1.3em;margin:0;}
.com_access-add {border-bottom:1px solid #bbcad9;padding:15px 0}
.com_access-station {}
.com_access-station p {color:var(--main-color);font-weight:600;}


/* 固定ページお問い合わせ */
.form_container {}
.form_group {margin-bottom:1.5em;margin-top:1.5em;}
.form_group label {display:block;font-weight:600;margin-bottom:10px;}
.form_container .badge {font-size:12px;padding:3px 8px;border-radius:4px;margin-left:6px;vertical-align:middle;font-weight:normal;}
.form_container .badge.required {background-color:#d15649;color:#fff;}
.badge.optional {background-color:#8fa0b5;color:#fff;}
.form_container input[type="text"],
.form_container input[type="email"],
.form_container input[type="tel"],
.form_container select,
.form_container textarea {
  width:100%;padding:10px;border:1px solid #cccccc;border-radius:6px;background-color:#fff;outline: none;transition:border-color 0.2s;
}
.form_container textarea {height:200px;resize:vertical;line-height:1.6;}
.form_container input:focus,
.form_container select:focus,
.form_container textarea:focus {border-color:#0b5fa5;}
::placeholder {color:#aaaaaa;}
.form_row {display:flex;gap:20px;}
.form_row .form_group {flex: 1;margin-bottom:0;margin-top:0;}

.select_wrapper {position: relative;}
.select_wrapper select {appearance: none;-webkit-appearance: none;padding-right: 40px;}
.select_wrapper::after {
    content:'';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:0;height:0;
    border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333333;pointer-events: none;
}
.form_container .privacy_box {margin:1em 0 1.5em;}
.form_container .privacy_box .wpcf7-list-item {display:flex;align-items:flex-start;cursor:pointer;font-size:16px;font-weight:600;}
.form_container .privacy_box input {margin-top:4px;margin-right:10px;width:16px;height:16px;}
.form_container .privacy_box a {color:var(--main-color);text-decoration:underline;}
.form_container .privacy_box a:hover {text-decoration:none;}
.form_container .submit {text-align:center;}
.form_container .submit_btn {width:100%;max-width:640px;padding:16px;font-size:16px;font-weight:600;color:#fff;background:#a4b4c4;border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 6px rgba(0, 0, 0, 0.05);transition:background-color 0.2s;}
.form_container .submit_btn:hover {background:#8e9fae;}

/* 固定ページflow */
.flow_no {}
.flow_no .swell-block-step__title [data-icon] {}

.flow_list {}
.flow_list .swell-block-column {box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);padding:20px;position:relative;border-radius:10px;border:1px solid #ccc;}
.flow_list [data-icon] {color:#64A84D;font-weight:600;}
.flow_list .wp-block-paragraph {display:flex;line-height:1.6;}
.flow_list .wp-block-paragraph span {margin-right:10px;}

/* 固定ページサービス案内 */
.pser_list1 {}
.pser_list1 .swell-block-column {/*box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);*/padding:20px;position:relative;border-radius:10px;border:1px solid #bbcad9;}
.pser_list1 [data-icon] {color:var(--main-color);font-weight:600;}
.pser_list1 .wp-block-paragraph {display:flex;line-height:1.6;}
.pser_list1 .wp-block-paragraph span {margin-right:10px;}

.pser_list2 {}
.pser_list2 .swell-block-column {/*box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);*/padding:20px;position:relative;border-radius:10px;border:1px solid #bbcad9;background:#fff;}
.pser_list2 .top_nolist {flex-basis:50% !important;}
.pser_list2 .top_nolist .wp-block-column:nth-child(1) {}
.pser_list2 .top_nolist .wp-block-column:nth-child(2) {display:flex;justify-content: flex-end;align-items:center;}
.pser_list2 .top_nolist-no {color:#EAF1FB;font-weight:600;font-size:40px;line-height:40px;}
.pser_list2 .top_nolist-img {background:#EAF1FB;padding:10px;border-radius:6px;display:inline-block;}
.pser_list2 .top_nolist-img img {width:40px;height:auto;}

.pser_list3 {}
.pser_list3 .swell-block-column {/*box-shadow:0px 0px 10px 5px rgba(194, 194, 194, 0.3);*/padding:20px;position:relative;border-radius:10px;border:1px solid #bbcad9;background:#fff;}
.pser_list3 .pser_list3-img {text-align:center;}
.pser_list3 .pser_list3-img img {width:40px;height:auto;}

.pser_list4 {}
.pser_list4 .swell-block-column {}
.pser_list4 .pser_list4-img {text-align:center;}
.pser_list4 .pser_list4-img img {width:40px;height:auto;}
.pser_list4-number {margin:0 auto 10px;text-align:center;position:relative;width:100%;display:flex;justify-content:center;}
.pser_list4-no {
    display:flex;flex-direction:column;justify-content:center;width:80px;height:80px;line-height:1;border-radius:50%;
    font-size:22px;background:var(--main-color);color:var(--white);
}
.pser_list4-no span {font-size:16px;padding-bottom: 1px;}

/* サイドバー関連 */
.p-profileBox__job {color:var(--main-color);font-weight:600;}

.side_b {position:relative;width:100%;max-width:500px;margin:0 auto;}
.side_b-bg {}
.side_b-line {position:absolute;top:65.5%;left:7.5%;width:85%;height:12%;}
.side_b-tel {position:absolute;top:81%;left:7.5%;width:85%;height:12%;}
.side_b-line a,.side_b-tel a {position:absolute;top:28%;left:2%;width:96%;height:75%;}

/* single profile_card */
.profile_card {display:flex;align-items:flex-start;width:100%;margin:0 auto;padding:25px;background:var(--white);border:1px solid #a4c3e1;border-radius:5px}
.profile_card .pca_avatar {flex-shrink:0;margin-right:20px;}
.profile_card .pca_avatar-img {width:80px;height:80px;border-radius:50%;object-fit:cover;display:block;}
.profile_card .pca_content {flex-grow:1;padding-top:4px;}
.profile_card .pca_content-title {font-size: 16px;font-weight:600;color: #333333;margin-bottom:12px;line-height:1.4;}
.profile_card .pca_content-description {font-size:13px;line-height:1.7;letter-spacing:0.05em;text-align:justify;}

/* single 監修者 */
.supervisor_card {width:100%;margin:40px auto;padding:25px;border:1px solid #a4c3e1;border-radius:5px;background:var(--white);}
.supc_title {font-size:18px;font-weight:600;color:var(--main-color);margin-bottom:15px;padding-left:5px;border-left:4px solid var(--main-color);color:#003366;}
.supc_body {display:flex;align-items:flex-start;}
.supc_avatar {flex-shrink:0;margin-right:20px;}
.supc_avatar-img {width:80px;height:auto;object-fit:cover;display:block;}
.supc_con {flex-grow:1;}
.supc_con-name{font-size:16px;font-weight:600;margin-bottom:0;color:#003366;}
.supc_con-job {font-size:14px;color:#666;margin-bottom:10px;}
.supc_con-description {font-size:16px;line-height:1.7;margin-bottom:5px;text-align:justify;}
.supc_con-no {font-size:14px;color:#666;line-height:1.5;margin-bottom:1em;}
.supc_con-add {font-size:14px;line-height:1.5;}
.supc_con-add a {color:#003366;text-decoration:underline;}

.supc_con-trigger {display: none;}
.supc_con-fade {position: relative;max-height:90px;overflow:hidden;transition: max-height 0.4s ease;}
.supc_con-overlay {position: absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(transparent, #ffffff 65%);pointer-events:none;}
.supc_con-fade .readmore_btn {
  position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:var(--main-color);font-size:17px;font-weight:600;cursor:pointer;padding:0 12px;width:100%;max-width:260px;text-align:center;
  z-index:2;background:var(--white);color:var(--main-color);padding:0;border:1px solid var(--main-color);line-height:48px;border-radius:25px;margin:0 auto;
}
.supc_con-trigger:checked ~ .supc_con-fade {max-height:500px;}
.supc_con-trigger:checked ~ .supc_con-fade .supc_con-overlay,
.supc_con-trigger:checked ~ .supc_con-fade .readmore_btn {display: none;}
@media screen and (max-width:959px) {
    .supc_body {display:flex;flex-direction:column;}
    .supc_avatar {margin:0 0 15px;width:100%;}
    .supc_avatar img {display:block;margin:0 auto;}
}

/* single cta1 */
.single_cta1 {display:flex;align-items:flex-end;width:100%;margin:40px auto;background:#f3f8ff;border-radius:5px;overflow:hidden;position:relative;}
.sinc1_img {flex-shrink: 0;width:26%;padding-left:20px;height:100%;display:flex;align-items:flex-end;}
.sinc1_img img {width:100%;height:auto;object-fit:contain;display:block;}
.sinc1_box {flex-grow:1;padding:20px 20px 20px 10px;}
.sinc1_title {font-size:22px;font-weight:600;color:#003366;margin-bottom:10px;}
.sinc1_description {font-size:16px;line-height:1.6;margin-bottom:10px;}
.sinc1_imgsp {display:none;}
.single_cta1 ul {padding-left:0;margin:0 auto;}
.single_cta1 ul.tp_cta-list li {margin:0;}
.single_cta1 ul.tp_cta-list li > div {color:#222;text-shadow:none;}

/* single cta2 */
.single_cta2 {background:var(--main-color) url(./images/single_cta2.jpg) no-repeat center center;background-size:cover;position:relative;z-index:2;color:var(--white);border-radius:5px;}
.single_cta2 .tp_ctain {padding:30px 25% 30px 2%;text-align:left;}
.tp_cta-top0 {font-size:14px;margin-bottom:10px;}
.tp_cta-top1 {font-size:24px;margin-bottom:10px;}
.tp_cta-top2 {font-size:15px;margin-bottom:15px;font-weight:normal;}
ol.tp_cta-top3 {padding-left:0;display:flex;gap:15px;align-items:center;margin-bottom:15px;width:100%;}
ol.tp_cta-top3 li {font-size:12px;/*width:calc((100% - 60px) / 7);*/}
ol.tp_cta-top3 li img {width:40px;background:var(--white);border-radius:50%;border:1px solid #fff;}
.single_cta2 ul.tp_cta-list {padding:0;}
.single_cta2 ul.tp_cta-list li {margin:0;}
.tp_cta-top4 {font-size:12px;margin-top:15px;}

.tp_cta-img {display:block;}
.tp_cta-img-sp {display:none;}

/**
 * カスタム投稿archive
*/

/* archive一覧 */
.post-type-archive-column ul.p-postList.-type-card .p-postList__item {}
.post-type-archive-column ul.p-postList.-type-card .p-postList__item a {border:1px solid #ccc;border-radius:6px;}
.post-type-archive-column ul.p-postList.-type-card .p-postList__item a .p-postList__thumb {border-radius:6px 6px 0 0;box-shadow:none;}
.post-type-archive-column ul.p-postList.-type-card .p-postList__item a .p-postList__body {padding:10px;}

.c-pageTitle .c-pageTitle__subTitle {display:none;}

/* カテゴリー一覧 */
ul.arc_categorylist {display:flex;flex-flow:row wrap;gap:10px;margin-bottom:3em;}
ul.arc_categorylist li {
    display:inline-flex;align-items:center;justify-content:center;font-weight:500;line-height:1;cursor: pointer;
    background:#fff;color:#333333;border:1px solid var(--main-color);border-radius:5px;text-decoration:none;transition: all 0.2s ease-in-out;
}
ul.arc_categorylist li a {color:var(--deep-blue);padding:10px 16px;font-size:16px;}
ul.arc_categorylist li.is_active a,
ul.arc_categorylist li a:hover {background:var(--main-color);color:#fff;}

/* 特集記事 */
.select_single_post {margin:25px auto 3em;}
.select_single_post {background: #ffffff;border-radius:12px;overflow: hidden;box-shadow:0 4px 15px rgba(0, 0, 0, 0.05);margin-bottom:40px;border:1px solid #ccc;}
.select_single_post .card-thumbnail {width: 100%;aspect-ratio: 16 / 6;overflow: hidden;background-color: #e2e8f0;}
.select_single_post .card-thumbnail img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}
.select_single_post .card-thumbnail:hover img {transform: scale(1.03);}
.select_single_post .card-content {padding:20px;}
.select_single_post .card-meta {display: flex;align-items: center;gap: 16px;margin-bottom: 12px;}
.select_single_post .meta-category {background-color:#003399;color: #ffffff;font-size:12px;font-weight: bold;padding:3px 10px;border-radius: 6px;}
.select_single_post .meta-date {color: #a0aec0;font-size: 13px;}
.select_single_post .card-title {font-size: 20px;font-weight: bold;line-height: 1.5;margin: 0 0 12px 0;}
.select_single_post .card-title a {color:#003366;text-decoration: none;}
.select_single_post .card-title a:hover {text-decoration: underline;}
.select_single_post .card-excerpt {color: #4a5568;font-size: 14px;line-height: 1.7;}
.select_single_post .no-image {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color:#718096;font-size: 14px;}

/* 編集部おすすめ */
.select_multiple_posts {}
.select_multiple_posts {display: flex;flex-direction: column;gap: 20px;margin:25px auto 3em;}
.select_multiple_posts article {display:flex;background: #ffffff;border-radius:12px;overflow: hidden;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);padding: 20px;align-items: center;gap:20px;border:1px solid #ccc;}
.select_multiple_posts article .row-card-thumbnail {flex-shrink: 0; width: 200px;aspect-ratio:16 / 9;border-radius: 8px;overflow: hidden;background-color: #e2e8f0;}
.select_multiple_posts article .row-card-thumbnail img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}
.select_multiple_posts article .row-card-thumbnail:hover img {transform: scale(1.03);}
.select_multiple_posts article .row-card-content {flex-grow: 1;}
.select_multiple_posts article .row-card-meta {display: flex;align-items: center;gap: 16px;margin-bottom: 8px;}
.select_multiple_posts article .meta-category {font-size:12px;font-weight:600;background:var(--light--blue);padding:3px 10px;border-radius: 6px;color:var(--main-color);}
.select_multiple_posts article .meta-date {color:#a0aec0;font-size: 13px;}
.select_multiple_posts article .row-card-title {font-size: 18px;font-weight:600;line-height: 1.4;margin: 0 0 8px 0;}
.select_multiple_posts article .row-card-title a {color:#003366;text-decoration: none;}
.select_multiple_posts article .row-card-title a:hover {text-decoration: underline;}
.select_multiple_posts article .row-card-excerpt {color: #4a5568;font-size: 13.5px;line-height: 1.6;}
.select_multiple_posts article .no-image { width: 100%;height: 100%;display: flex;align-items: center;justify-content:font-size: 13px;}

/* ソートボタン */
.c-sortButtons {display:flex;gap:8px;margin:25px auto;justify-content:flex-end;width: 100%;}
.sort-btn {
    display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;line-height:1;cursor: pointer;
    background:#f7f7f7;color:#333333;border:1px solid #dddddd;border-radius:16px;text-decoration:none;transition: all 0.2s ease-in-out;   
}
.sort-btn:hover,
.sort-btn.is-active {background:var(--main-color);color: #ffffff;border-color:var(--main-color);text-decoration: none;}

/* カスタム投稿カテゴリー一覧 */
ul.column-category-list {}
ul.column-category-list li {border-bottom:1px solid #ccc;}
ul.column-category-list li:last-child {border-bottom:none;}
ul.column-category-list li a {padding:5px;display:block;}


/* お客様の声 */
.voice-grid {display:grid; grid-template-columns: repeat(3, 1fr);gap: 30px;}
.voice-card {background:#fff;border:1px solid #ccc;border-radius:12px;overflow:hidden;box-shadow: 0 4px 15px rgba(0,0,0,0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.voice-link {text-decoration: none;color: inherit;display: flex;flex-direction: column;height: 100%;}
.voice-img-wrapper {position: relative;width:100%;padding-top:56.25%;background-color: #eee;overflow: hidden;}
.voice-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}
.voice-img:hover {transform: scale(1.03);}
.voice-category {position:absolute;top:10px;left:10px;font-size:12px;font-weight:600;background:var(--light--blue);padding:3px 10px;border-radius: 6px;color:var(--main-color);}
.reviewstars {padding:10px;}
.reviewstars_box {position:relative;display:inline-block;font-size:18px;line-height:1;letter-spacing:2px;}
.reviewstars_bg {color:#e0e0e0;}
.reviewstars_current {position:absolute;top:0;left:0;color:#ffcc00;overflow:hidden;white-space:nowrap;}
.voice-content {padding:0 10px 10px;display:flex;flex-direction:column;flex-grow: 1;}
.voice-card-title {font-size:15px;color:#003366;margin:0 0 10px;line-height: 1.4;font-weight:600;}
.voice-excerpt {font-size:12px;color:#888;line-height: 1.6;margin: 0;}

.voice-meta {display: flex;align-items: center;justify-content: space-between;margin:10px 0 0;}
.voice-info {color:#888;font-size:0.8em;}
.voice-link {font-size: 0.8em;color:var(--main-color);font-weight:600;}

.single_voice-meta {display: flex;align-items: center;justify-content:space-between;margin:0;}
.single_voice-info {color:#888;}
.single_reviewstars {}

/* 調査事例 */
.cases-grid {display:grid; grid-template-columns: repeat(2, 1fr);gap: 30px;}
.cases-card {background:#fff;border:1px solid #ccc;border-radius:12px;overflow:hidden;box-shadow: 0 4px 15px rgba(0,0,0,0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;}
.cases-link {text-decoration: none;color: inherit;display: flex;flex-direction: column;height: 100%;}
.cases-img-wrapper {position: relative;width:100%;padding-top:56.25%;background-color: #eee;overflow: hidden;}
.cases-img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}
.cases-img:hover {transform: scale(1.03);}
.cases-category {position:absolute;top:10px;left:10px;font-size:12px;font-weight:600;background:var(--light--blue);padding:3px 10px;border-radius: 6px;color:var(--main-color);}
.cases-content {padding:10px;display:flex;flex-direction:column;flex-grow: 1;}
.cases-card-title {font-size:15px;color:#003366;margin:0 0 10px;line-height: 1.4;font-weight:600;}
.cases-meta {display: flex;align-items: center;gap:10px;margin:10px 0;}
.cases-meta > div {background:var(--light--blue);padding:3px 10px;border-radius: 6px;color:#888;font-size:12px;line-height:1.8;}
.cases-meta > div > span {color:var(--main-color);font-weight:600;}
.cases-excerpt {font-size:12px;color:#888;line-height: 1.6;margin:10px 0;}
.cases-link {font-size:12px;color:var(--main-color);font-weight:600;}

.single_cases-meta {display: flex;align-items: center;margin:10px 0;gap:15px}
.single_cases-meta > div {background:var(--light--blue);padding:3px 10px;border-radius:6px;color:#888;font-size:14px;line-height:1.8;}
.single_cases-meta > div > span {color:var(--main-color);font-weight:600;}

.c-postThumb__figure:before {padding-top:52.5%;}


@media screen and (max-width:1450px) {

    /* -----------------
    header
    ----------------- */
    .c-iconBtn__icon:before {color:var(--white);}
    .c-iconBtn__icon.icon-close-thin:before {color:#222;}

    /* -----------------
        Contents
        ----------------- */
    /* fv */
    #fv .fvin {padding:0 29% 0 1%;}
    .fv_top {}
    .fv_top01 {font-size:38px;line-height:1.4em;}
    .fv_top02 {font-size:18px;line-height:1.4em;margin:1em 0;}
    .fv_list3 {width:100%;max-width:700px;margin:0 0 40px;}
    #fv ul.fv_link {max-width:630px;}

    /* f__banner */
    .f__banner a.link_line span {font-size:18px;}
    .f__banner a.link_line p {font-size:14px;}
    .f__banner a.link_tel p {font-size:22px;}
    .f__banner a.link_tel span {font-size:11px;}

    /* single cta1 */
    .sinc1_img {width:28%;}
    .single_cta1 a.link_line span {font-size:12px;}
    .single_cta1 a.link_line p {font-size:14px;}
    .single_cta1 a.link_tel p {font-size:20px;}
    .single_cta1 a.link_tel span {font-size:8px;}

    /* single cta2 */
    .single_cta2 a.link_line span {font-size:12px;}
    .single_cta2 a.link_line p {font-size:14px;}
    .single_cta2 a.link_tel p {font-size:20px;}
    .single_cta2 a.link_tel span {font-size:8px;}

}
@media screen and (max-width:1199px) {

    #fv {padding:calc(150px + 3%) 0 3%;}
    .l-header__inner {flex-flow:row wrap;}
    .l-header__inner .l-header__logo {width:100%;}
    .l-header__inner #gnav {width:100%;}

}

@media screen and (max-width:959px) {

    /* -----------------
    header
    ----------------- */

    

    /* -----------------
    footer
    ----------------- */
    footer {padding:30px 10px;}
    ul.f_nav li {margin-bottom:15px;}
    ul.f_nav li a {padding:0 0.5em 20px;}

    .fcopy {font-size:14px;text-align:center;}
    
    /* -----------------
    footer
    ----------------- */
    footer {margin:0 auto;padding:0;color:var(--white);background:#00367b;}
    .f_in {padding:6% 0;font-size:14px;}
    .f_in > div.f_in-text {width:100%;margin-bottom:1.4em;}
    .f_in > div.f_in-text img {;margin-bottom:1em;}
    .f_in > div.f_in-link {width:100%;}
    .f_in > div.f_in-link a {font-size:14px;}

    .fcopy {font-size:12px;padding:15px 0}


    /* -----------------
    Contents
    ----------------- */
    .con_pc {display:none;}
    .con_sp {display:block;}

    .box8 {width:100%;max-width:initial;margin:0 auto;padding:0 3%;position:relative;}
    .box10 {width:100%;max-width:initial;margin:0 auto;padding:0 3%;position:relative;}
    .box12 {width:100%;max-width:initial;margin:0 auto;padding:0 3%;position:relative;}

    /* fv */
    #fv {background:#003e8b url(./images/fv_bgs.jpg) no-repeat top center;background-size:cover;padding:calc(75px + 5%) 0 5%;}
    #fv .fvin {
        width:100%;max-width:initial;margin:0 auto;padding:0 4%;
        display:flex;flex-flow:row wrap;
    }
    .l-header__inner {flex-flow:row wrap;}
    .l-header__inner .l-header__logo {width:auto;}
    .l-header__inner #gnav {width:auto;}

    .fv_top {text-align:center;width:100%;order:1;margin-bottom:70%;}
    .fv_top01 {font-size:8vw;line-height:1.4em;}
    .fv_top02 {font-size:3.8vw;line-height:1.4em;margin:1em 0;}
    .fv_list3 {width:100%;max-width:initial;margin:0;order:3;}
    #fv ul.fv_link {order:2;margin:0 auto 6%;}

    .link_btn {height:70px;border-radius:35px;}
    a.link_btn p {margin:0;padding:0;margin-block-start:0;margin-block-end:0;line-height:1.4em;width:100%}
    a.link_btn span {margin:0;padding:0;line-height:1.6em;width:100%}
    a.link_line {background:#06c755;color:var(--white);}
    a.link_line p {font-size:19px;}
    a.link_line span {font-size:14px}
    a.link_tel {background:var(--white);color:#0d4795;}
    a.link_tel p {font-size:22px;}
    a.link_tel span {font-size:14px}

    /* CTA */
    .top_cta {background:var(--main-color) url(./images/tp_cta-bgs.jpg) no-repeat bottom right;background-size:cover;}
    .tp_ctain {padding:10% 4%;}
    #body_wrap.page .tp_ctain {padding:10% 0;}
    .tp_cta-top1 {font-size:28px;margin:0 0 1em;}
    .tp_cta-top2 {font-size:18px;margin:0 0 3em;}
    .tp_cta-img {position:relative;bottom:auto;right:auto;width:100%;max-width:280px;margin:0 auto;}
    ul.tp_cta-list li {width:100%;}
    ul.tp_cta-list li:nth-child(1) {margin-bottom:5%;}
    ul.tp_cta-list li > div {font-size:14px;text-align:center;color:var(--white);margin-bottom:3px}


    /* index */
    .top-title {font-size:16px;margin:0 0 15px;}
    .top-title2 {font-size:22px;padding:0 0 30px;margin:0 auto 25px;}
    .top-text {font-size:16px;margin:0 0 50px;text-align:left;}
    #body_wrap.top .top-text {font-size:15px;text-align:center !important;}

    /* cryptocurrency */
    .top_cryptocurrency {padding:10% 0;}
    .tp_cry-title {font-size:25px;margin-bottom:50px;}
    ul.tp_cry-list {gap: 15px;margin:0 0 50px;}
    ul.tp_cry-list li {flex:1 1 calc((100% / 3) - (15px * 2 / 3));}
    ul.tp_cry-list li img {max-width:80px;}
    ul.tp_cry-list li p {margin:0.4em auto 0;}
    .tp_cry-text {font-size:15px;}


/* SEARCH  */
.top_search {padding:10% 0;}

.tp_seac-box {margin:40px auto;}
.tp_seac-case {padding:4%;margin:0 0 50px;}
.tp_seac-case-top {font-size:22px;margin:0 0 30px}

.tp_seac-case ul li {padding:0.5em 0;gap:0.5em}
.tp_seac-case ul li:last-child {border-bottom:none;}
.tp_seac-case ul li .tp_seac-case01 {width:7em}
.tp_seac-case ul li .tp_seac-case02 {width:10em}
.tp_seac-case ul li .tp_seac-case02 p {background:var(--light--blue);color:var(--main-color);padding:0.4em;display:inline;}
.tp_seac-case ul li .tp_seac-case02 {}


    /* EMPATHY */
    .top_enpathy {background:url(./images/top_enpathy-bgs.jpg) no-repeat top center;background-size:cover;padding:10% 0;}

    ul.top_enp-list {flex-direction:column;gap: 20px 0;}
    ul.top_enp-list li {width:100%;padding:15px 4%;}
    ul.top_enp-list li p {font-size:18px;}


    /* HOPE */
    .top_hope {padding:10% 0;}
    .tp_hope-title {font-size:22px;margin:2em auto 1em;}
    .tp_hope-subtitle {font-size:16px;margin:1em auto}

    .tp_point-arrow {margin:10px auto;}

    .tp_point-bottom {padding:0;}
    .tp_point-bottom > div {padding:0 6%;align-items:center;} 
    .tp_point-bottom > div::before {width:4%;border-top:4px solid #d9e7ff;border-bottom:4px solid #d9e7ff;border-left:4px solid #d9e7ff;}
    .tp_point-bottom > div::after {width:4%;border-top:4px solid #d9e7ff;border-bottom:4px solid #d9e7ff;border-right:4px solid #d9e7ff;}
    .tp_point-bottom > div .tp_hope-bimg {position:relative;bottom:auto;left:auto;width:30%;}
    .tp_point-bottom > div .tp_hope-btext {padding-left:5%;font-size:3vw;}

    .top_hope .top_hope-fade {height:380px;position:relative;overflow:hidden;}
    .top_hope .button_overlay {
        position:absolute;bottom:0;left:0;width:100%;height:90px;display:flex;align-items:flex-end;justify-content:center;
      background:linear-gradient(transparent, #ffffff 45%);
    }
    .top_hope .readmore_btn {
      display:block;background:var(--white);color:var(--main-color);padding:0;border:1px solid var(--main-color);line-height:48px;margin:0 auto;
      border-radius:25px;width:90%;max-width:260px;text-align:center;font-size:17px;font-weight:600;text-decoration:none;transition: background 0.2s;
    }
    .tp_works-link {margin:30px auto 0;text-align:center;}

    /* WARNING */
    .top_warning {padding:10% 0;}
    .tp_war-box {padding:20px 4%;}
    .tp_war-top > div:nth-child(1) {width:58%;margin-right:2%;}
    .tp_war-top > div:nth-child(2) {width:40%;}
    .tp_war-text01 {font-size:20px;line-height:1.2em;margin:0 0 20px}
    .tp_war-text02 {font-size:16px;}
    ul.tp_war-list {margin:20px 0;}
    ul.tp_war-list li {font-size:16px;padding:0.5em 0 0.5em 25px;margin-bottom:0.5em;}
    ul.tp_war-list li:before {top:5px;font-size:20px;}
    .tp_war-text {font-size:14px;line-height:1.8em;}


    /* works */
    .top_works {padding:10% 0;}
    ul.tp_works {gap:40px;margin:40px 0 0;}
    ul.tp_works li {padding:15px;flex-basis:calc(100% - 30px);}
    ul.tp_works li:not(:last-child):before {
        top:auto;bottom:-30px;right:50%;transform:translate(50%,0);
        border-width:17.3px 10px 0 10px;border-color: var(--main-color) transparent transparent transparent;
    }

    .tp_works-top > div {font-size:5vw}
    .tp_works-top > img {width:50%;}
    .tp_works-text01 {text-align:center;font-size:15px;}
    .tp_works-text02 {text-align:center;font-size:20px}
    .tp_works-text03 {font-size:16px}

    .top_works .tp_works-fade {height:100px;}
    .top_works .button_overlay {
        position:absolute;bottom:0;left:0;width:100%;height:90px;display:flex;align-items:flex-end;justify-content:center;
      background:linear-gradient(transparent, #ffffff 45%);
    }
    .top_works .readmore_btn {
      display:block;background:var(--white);color:var(--main-color);padding:0;border:1px solid var(--main-color);line-height:48px;margin:0 auto;
      border-radius:25px;width:90%;max-width:260px;text-align:center;font-size:17px;font-weight:600;text-decoration:none;transition: background 0.2s;
    }
    .tp_works-link {margin:30px auto 0;text-align:center;}

    /* REASON */
    .top_reason {padding:10% 0;}
    ul.tp_rea-list {width:100%;display:flex;flex-flow:row wrap;gap:30px;}
    ul.tp_rea-list li {padding:15px 4%;flex-basis:calc(100% - 30px);}
    ul.tp_rea-list li > div:nth-child(1) p {font-size:8vw;}
    ul.tp_rea-list li > div:nth-child(1) p rt {font-size:3vw;}
    ul.tp_rea-list li > div:nth-child(1) span {font-size:16px;line-height:1.6em;}


    /* CASE STUDY */
    .top_casestudy {padding:10% 0 12%;}

    .tp_rm {margin:0 auto;text-align:center;} 
    .tp_rm a {
        font-size:18px;line-height:56px;border-radius:30px;border:2px solid var(--main-color);padding:0 2em;background:var(--white);color:var(--main-color);
        display:inline-flex;align-items:center;
    }
    .tp_rm a img {width:20px;height:auto;margin-left:0.8em}

    .tp_case {width:100%;max-width:initial;padding:0;}
    .tp_case .splide {margin-bottom:20px;padding:15px;}
    .tp_case .splide__track {overflow:visible;padding:0}
    .tp_case .splide__pagination {bottom:-15px;}
    .tp_case .splide__pagination__page.is-active {background:var(--main-color) !important;}
    .tp_case .splide__arrow--prev {left:0;}
    .tp_case .splide__arrow--next{right:0;}

    .tp_case ul.splide__list {gap:0;}
    .tp_case li.splide__slide {width:calc(100% - 8%);padding:20px 4%;}

    .ucomment_box {gap:10px;margin-bottom:16px;}
    .user_icon {width:50px;height:50px;}

    .speech_bubble {padding:5px;font-size:14px;}
    .tag_container > .tag {font-size:14px;padding:4px 24px;border-radius:20px;display:inline-block;}
    .case_title {color:var(--main-color);font-size:17px;}
    .damount_box {margin:0 auto 20px;gap:5px;}
    .damount_box .label {font-size:15px;}
    .damount_box .unit {font-size:20px;}
    .case_text {font-size:15px;}

    .case_text-fade {margin-top:0;}


    /* FLOW */
    .top_flow {padding:10% 0;}
    .tp_flow-list li {padding-left:70px;padding-bottom:40px;}
    .tp_flow-list li::after {left:25px;top:50px;}
    .step_circle {width:50px;height:50px;}
    .step_txt {font-size:12px;}
    .step_num {font-size:21px;}
    .step_content div {font-size:22px;}
    .step_content p {font-size:16px;}


    /* PRICE */
    .top_price {padding:10% 0;}
    .tp_pri-table {margin:0 auto 10px;}
    .tp_pri-table th, .tp_pri-table td {padding:20px 4%;font-size:15px;}
    .tp_pri-table th {font-size:16px;}
    .tp_pri-text {font-size:14px;}


    /* MEDIA */
    .top_media {padding:10% 0;}
    ul.tp_med-list {gap:20px;}
    ul.tp_med-list li {width:calc((100% - 40px) / 2);}


    /* FAQ */
    .top_faq {padding:10% 0;}

    .faq_container {margin:0 auto 30px;}
    .faq_question {padding:15px 35px 15px 50px;}
    .faq_question::before {left:10px;}
    .faq_question::after {right:12px;}

    .faq_answer {;padding:15px 10px 15px 50px;}
    .faq_answer::before {left:10px;}
    .faq_item[open] .faq_answer::after {left:10px;right:10px;}


    /* MESSEGE */
    .top_message {padding:10% 0;}
    .tp_mes-box {padding:20px 4%;flex-direction:column;}
    .tp_mes-l {width:100%;}
    .tp_mes-img {margin:0 auto 12px;width:100%;max-width:300px;}
    .tp_mes-prof {margin:0 auto;width:100%;max-width:300px;text-align:center;}
    .tp_mes-prof > .title {font-size:14px;}
    .tp_mes-prof > .name {font-size:17px;}
    .tp_mes-r {width:100%;}
    .tp_mesr-top {font-size:22px;}
    .tp_mesr-text {font-size:16px;}


    /* OFFICE */
    .top_office {padding:10% 0;}
    .tp_off-table {margin:0 auto 20px;}
    .tp_off-table th, .tp_off-table td {padding:20px 4%;font-size:15px;}
    .tp_off-table th {font-size:16px;}
    .tp_pri-text {font-size:14px;}
    .tp_off-map {margin:0 auto 30px;}


    /* f__banner */
    .bana_con {padding:0 10px;}
    .bana_left {display:none;}
    .f__banner ul.tp_cta-list {padding:10px 0;width:100%;gap:5px;margin:0 auto;max-width:initial;}
    .f__banner ul.tp_cta-list li {width:calc((100% - 10px) / 2);}
    .f__banner ul.tp_cta-list li:nth-child(1) {margin-bottom:0;}
    .f__banner ul.tp_cta-list li > div {font-size:3vw;margin-bottom:3px}
    .f__banner .link_btn {border-radius:8px;height:14.5vw;}
    .f__banner a.link_line span {font-size:2.6vw;}
    .f__banner a.link_line p {font-size:3.5vw;}
    .f__banner a.link_tel p {font-size:5.2vw;}
    .f__banner a.link_tel span {font-size:2.3vw;}

    /* 固定ページ全体 */
    #body_wrap .wp-block-spacer {margin-bottom:0;}
    #body_wrap .swell-block-fullWide {margin-bottom:0;}

    /* 固定ページTOP */
    .con_top {background:url(./images/con_top_bgs.jpg) no-repeat right bottom;background-size:cover;padding:calc(70px + 8%) 0 0;}
    .ctop_in {max-width:initial;padding:0 4%;}
    .ctop_in .ctop_top {width:100%;}
    .ctop_in .ctop_lady {display:block;position:absolute;right:0;bottom:0;width:25%;height:auto;z-index:2}
    .ctop_in .ctop_bgtext {top:-4%;right:22%;width:78%;font-size:14vw;line-height:0.8em;}
    .con_top .ctop_01 {font-size:6vw;width:100%}
    .con_top .ctop_02 {font-size:3.6vw;margin:5% 0;width:80%;min-height:5.6em}
    ul.ctop_list4 {margin:0 0 8%;gap:10px 1%;}
    ul.ctop_list4._nolist4 {gap:10px 3%;}
    ul.ctop_list4 li {width:calc((100% - 3%) / 4);position:relative;display:flex;align-items:center;justify-content:space-between;}
    ul.ctop_list4._nolist4 li {width:calc((100% - 6%) / 3);}
    ul.ctop_list4 li .ctopl_crown {width:10%;}
    ul.ctop_list4 li .ctopl_crown img {width:100%;height:auto;}
    ul.ctop_list4 li .ctopl_text {
        width:80%;text-align:center;
        /* くっきり */
        /*text-shadow:0 0 4px rgba(30, 30, 30, 1),0 0 8px rgba(50, 50, 50, 0.95),0 0 15px rgba(80, 80, 80, 0.8);*/
        /* やんわり */
        text-shadow:0 0 4px rgba(60, 60, 60, 1),0 0 10px rgba(80, 80, 80, 0.95),0 0 20px rgba(100, 100, 100, 0.8);
    }
    ul.ctop_list4 li .ctopl_text > div {font-size:3.6vw;line-height:1.2em}
    ul.ctop_list4 li .ctopl_text > p {font-size:2.8vw;line-height:1.4em}
    ul.ctop_list4 li .ctopl_text > small {font-size:2vw;line-height:1.4em}

    ul.ctop_list4._nolist4 li .ctopl_text > div {font-size:3.6vw;line-height:1.2em}
    ul.ctop_list4._nolist4 li .ctopl_text > p {font-size:2.8vw;line-height:1.6em}
    ul.ctop_list4._nolist4 li .ctopl_text > small {font-size:2vw;line-height:1.6em}


    /* 固定ページよくある質問 */
    .fqa_con {padding:30px 4%;}

    /* 固定ページ料金 */
    .price_list1 .swell-block-column:nth-child(1) {margin-top:60px !important;}
    .price_list1 .swell-block-column {margin-top:50px !important}
    .price_list1 .pl_no {top:-45px;left:50%;font-size:46px;}
    .price_list1 .pl_title {font-size:26px;margin:0.6em auto !important;}

    .pl_simb-btn {}
    .pl_simb-en {}
    .pl_simb-text {}

    .pl_3col-fix .swell-block-columns__inner > .swell-block-column {padding:40px 20px 30px;}
    .pl_3col-fix .pl_no {top:-20px;font-size:46px;}
    .pl_3col-fix .pl_title {font-size:20px;}

    .pl_step .wp-block-column:nth-child(1) {border-right:none;border-bottom:1px solid #ccc;}
    .pl_step .pl_no {padding-bottom:10px;}
    
    /* 固定ページお問い合わせ */
    .form_row {flex-direction: column;gap: 0;}
    .form_row .form_group {margin-bottom:1.5em;margin-top:0;}


    /* 固定ページサービス案内 */
    .pser_list2 .top_nolist .wp-block-column {flex-basis:45% !important;}

    /* 固定ページ会社概要 */
    .com_img {margin:0 auto;}

    /* single cta1 */
    .sinc1_img {display:none;}
    .sinc1_box {padding:20px 4%;width:100%;}
    .sinc1_title {text-align:center;}
    .sinc1_description {line-height:1.6;}
    .sinc1_imgsp {display:block;margin:0 auto;width:45%;max-width:340px;}
    .single_cta1 ul.tp_cta-list li > div {color:#222;text-shadow:none;}
    .single_cta1 a.link_line span {font-size:13px;line-height:1.4em;}
    .single_cta1 a.link_line p {font-size:16px;}
    .single_cta1 a.link_tel p {font-size:22px;}
    .single_cta1 a.link_tel span {font-size:14px;}

    /* single cta2 */
    .single_cta2 {background:var(--main-color) url(./images/single_cta2s.jpg) no-repeat center center;background-size:cover;}
    .single_cta2 .tp_ctain {padding:30px 4% 30px;text-align:center;}
    .tp_cta-top0 {font-size:14px;margin-bottom:10px;}
    .tp_cta-top1 {font-size:24px;margin-bottom:10px;}
    .tp_cta-top2 {font-size:15px;margin-bottom:15px;}
    .single_cta2-sp {display:flex;gap:2%;align-items:center;}
    ol.tp_cta-top3 {gap:10px;margin-bottom:15px;justify-content:center;width:55%;flex-flow:row wrap;}
    ol.tp_cta-top3 li {font-size:12px;}
    ol.tp_cta-top3 li:nth-child(1) {width:100%;}
    ol.tp_cta-top3 li:not(:first-child) {width:calc((100% - 20px) / 3);}
    ol.tp_cta-top3 li img {width:80%;}
    .single_cta2 ul.tp_cta-list {margin:0 auto;}
    .tp_cta-top4 {font-size:12px;margin-top:15px;}

    .single_cta2 .tp_cta-img {display:none;}
    .single_cta2 .tp_cta-img-sp {display:block;width:40%;padding-right:5%}

    .single_cta2 a.link_line span {font-size:14px;}
    .single_cta2 a.link_line p {font-size:19px;}
    .single_cta2 a.link_tel p {font-size:22px;}
    .single_cta2 a.link_tel span {font-size:14px;}

    /**
     * カスタム投稿archive
    */

    /* 特集記事 */
    .select_single_post .card-content {padding:10px;}

    /* 編集部おすすめ */
    .select_multiple_posts article {padding:0;flex-direction:column;}
    .select_multiple_posts {flex-direction: column;align-items: flex-start;gap: 16px;}
    .select_multiple_posts article .row-card-thumbnail {width: 100%;}
    .select_multiple_posts article .row-card-content {padding:10px}

    /* ソートボタン */
    .c-sortButtons {justify-content:center;gap: 6px;}
    .sort-btn {padding:8px 12px;font-size:13px;}

    /* カテゴリー一覧 */
    ul.arc_categorylist li a {font-size:14px;}

    /* お客様の声 */
    .voice-grid {grid-template-columns: repeat(2, 1fr);gap: 20px;}

}

@media (max-width: 480px) {

    .profile_card {padding:10px;}
    .supervisor_card {padding:10px;}


    /* お客様の声 */
    .voice-grid {grid-template-columns: repeat(1, 1fr);gap: 20px;}

    /* 調査事例 */
    .cases-grid {grid-template-columns: repeat(1, 1fr);gap: 20px;}


    .top_hope .top_hope-fade {height:240px;}

}

/* ai-suisen: フッターを4列に（2026-08-18）
   目的は内部リンク。従来のフッターにはコラムへの導線が1本も無く、
   記事26本へフッターから到達できなかった。
   一本化したカテゴリURL4本を全ページからリンクし、
   住所・TEL・届出番号・業務範囲を1列にまとめてエンティティ情報を固める。 */
.l-footer .f_grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr 1fr;
	gap: 40px 32px;
	padding: 56px 0 40px;
}
.l-footer .f_col--info { max-width: 420px; }
.l-footer .f_logo { width: 210px; height: auto; display: block; margin-bottom: 14px; }
.l-footer .f_lead { font-size: 13px; opacity: .85; margin: 0 0 14px; }
.l-footer .f_addr { font-style: normal; font-size: 13px; line-height: 1.9; margin: 0 0 14px; }
.l-footer .f_addr a { color: inherit; text-decoration: none; }
.l-footer .f_scope { font-size: 12px; line-height: 1.8; opacity: .75; margin: 0; }
.l-footer .f_head {
	font-size: 14px; font-weight: 600; margin: 0 0 14px;
	padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.25);
}
.l-footer .f_list { list-style: none; margin: 0; padding: 0; }
.l-footer .f_list li { margin-bottom: 10px; }
.l-footer .f_list a {
	color: inherit; text-decoration: none; font-size: 13px; line-height: 1.6;
	opacity: .9; transition: opacity .2s;
}
.l-footer .f_list a:hover { opacity: 1; text-decoration: underline; }
.l-footer .f_cnt { font-size: 11px; opacity: .6; }
.l-footer .f_bottom {
	border-top: 1px solid rgba(255,255,255,.2);
	padding: 18px 0;
}
.l-footer .f_bottom .copyright { text-align: center; font-size: 12px; margin: 0; opacity: .8; }

@media screen and (max-width: 959px) {
	.l-footer .f_grid { grid-template-columns: 1fr 1fr; gap: 32px 24px; padding: 40px 0 32px; }
	.l-footer .f_col--info { grid-column: 1 / -1; max-width: none; }
}
@media screen and (max-width: 599px) {
	.l-footer .f_grid { grid-template-columns: 1fr; gap: 28px; }
	.l-footer .f_logo { width: 180px; }
}

/* ai-suisen: ヘッダーCTAの視認性（2026-08-18）
   ヘッダーの項目を「コラム／電話／LINE」に絞ったため、CTA2つを目立たせる。
   アイコンは背景画像で入れる（.nav_link a は inline-grid なので
   ::before を足すとグリッド項目になり、2段組みが崩れるため）。 */
@keyframes miraiLineGlow {
	0%, 100% { box-shadow: 0 2px 8px rgba(6, 199, 85, .35); }
	50%      { box-shadow: 0 2px 20px rgba(6, 199, 85, .9); }
}
.l-header__gnav .nav_line a {
	animation: miraiLineGlow 2.4s ease-in-out infinite;
	/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3C6.5 3 2 6.6 2 11c0 2.6 1.6 4.9 4 6.3-.2.7-.7 2.4-.8 2.8 0 .2.1.4.4.3.3-.1 3.2-2.1 4.4-2.9.6.1 1.3.2 2 .25.5 0 10-3.6 10-8S17.5 3 12 3z'/%3E%3C/svg%3E");*/
	background-repeat: no-repeat;
	background-position: 16px center;
	background-size: 20px 20px;
	padding-left: 46px !important;
}
.l-header__gnav .nav_tel a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230d4795' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.29 21 3 13.71 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px 18px;
	padding-left: 24px;
}
/* 動きを減らす設定の人には光らせない */
@media (prefers-reduced-motion: reduce) {
	.l-header__gnav .nav_line a { animation: none; }
}

/* ai-suisen: ヘッダー2段目ナビ（2026-08-18）
   1段目をCTAに絞った代わりに、主要ページへの導線をここに置く。
   SPは折り返さず横スクロールにする（6項目を2段に折ると高さを食うため）。

   **ヘッダーの内側**に置いている。外（通常フロー）に置くと、
   SWELL のヘッダーが浮いているため裏に潜り込んで重なる（一度それで壊した）。 */
.l-header .mirai-subnav {
	background: #fff;
	border-top: 1px solid #e5eaf2;
	border-bottom: 1px solid #e5eaf2;
	width: 100%;
	clear: both;
}
.l-header .mirai-subnav__list {
	display: flex; justify-content: center; align-items: stretch;
	gap: 0; margin: 0; padding: 0; list-style: none;
	max-width: 1200px; margin-inline: auto;
}
.l-header .mirai-subnav__list li { display: flex; }
.l-header .mirai-subnav__list li + li { border-left: 1px solid #e5eaf2; }
.l-header .mirai-subnav__list a {
	display: flex; align-items: center;
	padding: 13px 26px; font-size: 15px; font-weight: 600;
	color: #0d2b5e; text-decoration: none; white-space: nowrap;
	transition: background .2s, color .2s;
}
.l-header .mirai-subnav__list a:hover { background: #f2f6fc; color: var(--color_main); }
/* SPでは2段目を出さない。7項目が横に入りきらず、横スクロールにすると
   気付かない人がコラムや会社概要へ辿り着けない。
   代わりにハンバーガーのメニュー（SP用メニュー）へ全項目を入れている。 */
@media screen and (max-width: 959px) {
	.l-header .mirai-subnav { display: none; }
}

/* 一覧系ページ（コラム・カテゴリ・調査事例・お客様の声）だけ、テーマは
   #header .l-header__inner を position:absolute にして本文の見出し画像へ
   重ねている。そこへ2段目を足すとロゴ行が白背景の上に乗ってしまい、
   白ロゴ・白文字が読めなくなる（実際にコラム一覧でそうなった）。
   固定ページと同じく通常の流れに戻し、ロゴ行にも同じ背景を敷く。 */
#body_wrap #header .l-header__inner {
	position: relative;
	background: #003e8b url(./images/con_top_bg.jpg) no-repeat top center;
	background-size: cover;
}

/* 2段目(54px)のぶん、ヘッダーが重なるFVの上余白を足す。
   SPは2段目を出さないので、テーマ既定の75pxのまま。 */
#fv { padding-top: calc(156px + 3%); }
@media screen and (max-width: 1199px) { #fv { padding-top: calc(204px + 3%); } }
@media screen and (max-width: 959px) { #fv { padding-top: calc(75px + 5%); } }

/* 相談ボタンのマーク（LINE・電話）。
   マークは images/icon-line-white.png（依頼者が用意した icons8 の素材から
   地色の緑だけを抜いたもの。build_line_mark.py で生成）。
   ※ アイコンの中の文字を SVG の <text> で書くと、ブラウザがフォントで
      描くため字が潰れる。必ず画像かパスで持つこと。
   ※ SNSの「LINEで送る」（.c-shareBtns）は相談ボタンではないので触らない。
   ※ 商標記事のコピー枠（.mirai-line-btn）は本文に <svg> でマークが
      入っているので触らない（足すと2つ並ぶ）。

   【置き方】ボタンをグリッドにして 1列目マーク／2列目文字にする。
   左端に position:absolute で貼ると、文字は中央に寄るので
   幅の広いボタンほどマークだけ離れて見える。 */
.link_btn.link_line,
.link_btn.link_tel {
	display: grid;
	/* 2列目を auto にすると余った幅まで広がり、中で文字が中央寄せに
	   なるためマークだけ離れて見える。max-content で文字に張り付かせる。
	   minmax(0, …) は幅の狭い固定バナーではみ出さないようにするため。 */
	grid-template-columns: max-content minmax(0, max-content);
	justify-content: center;
	align-items: center;
	column-gap: 10px;
	padding: 0 14px;
	background-image: none;
}
.link_btn.link_line::before,
.link_btn.link_tel::before {
	content: ""; grid-column: 1; grid-row: 1 / -1;
	width:45px; height:45px;
	background-position: center; background-repeat: no-repeat;
	background-size:100% auto;
}
.link_btn.link_line > *,
.link_btn.link_tel > * { grid-column: 2; width: auto; }
.link_btn.link_line::before { background-image: url("./images/icon-line-white.png"); }
.link_btn.link_tel::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230d4795' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1C10.29 21 3 13.71 3 4c0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E"); width:35px; height: 35px; }

/* ヘッダーのLINEボタン（こちらは1行なので左に置くだけでよい） */
.l-header__gnav .nav_line a { position: relative; padding-left: 3.1em !important; }
.l-header__gnav .nav_line a::before {
	content: ""; position: absolute; top: 50%; left: 12px;
	transform: translateY(-50%);
	width: 35px; height: 35px; pointer-events: none;
	background: url("./images/icon-line-white.png") center / contain no-repeat;
}

/* 商標記事38本は、本文の <style> にも同じマークの指定がある
   （.post_content a.link_btn.link_line::before ＝ 詳細度 0-3-1）。
   本文のCSSは body 内でこのCSSより後に来るので、id を足して上回る。 */
#body_wrap .post_content a.link_btn.link_line::before,
#body_wrap .post_content a.link_btn.link_tel::before {
	/* 本文側は position:absolute で左端に貼る指定になっている。
	   グリッドの1列目に戻して、文字のすぐ横に来るようにする。 */
	position: static; transform: none; left: auto;
	grid-column: 1; grid-row: 1 / -1;
}
#body_wrap .post_content a.link_btn.link_line::before {
	background-image: url("./images/icon-line-white.png");
	width:45px; height: 45px;
}
#body_wrap .post_content a.link_btn.link_tel::before { width: 35px; height: 35px; }
#body_wrap .post_content a.link_btn.link_line,
#body_wrap .post_content a.link_btn.link_tel { padding-left: 14px !important; }

/* サイドバーは画像にマークを焼き込んである（build_side_button.py）。
   CSSで重ねると、文字との間隔を詰めたときに文字へかぶるため。
   画像を差し替えるときは build_side_button.py を流し直す。 */

@media screen and (max-width: 599px) {
	.link_btn.link_line::before { width: 45px; height: 45px; }
    .link_btn.link_tel::before { width: 35px; height: 35px; }
	/* 画面下の固定バナーはボタン幅が180pxしかない。マークのぶん
	   文字を小さくしないと「まずはLINEで無料相談」が2行に折り返す。 */
	.f__banner .link_btn.link_line, .f__banner .link_btn.link_tel {
		column-gap: 6px; padding: 0 6px;
	}
	.f__banner .link_btn.link_line::before { width:30px; height:30px;}
	.f__banner .link_btn.link_tel::before { width:25px; height:25px;}
	.f__banner a.link_line p, .f__banner a.link_tel p { font-size: 12px; }
	.f__banner a.link_line span, .f__banner a.link_tel span { font-size: 10px; }
}

/* 商標記事の「タップしてコピー」ボタンの絵文字を、コピーのアイコンにする。
   本文に <span class="mirai-tap">&#128070;</span> と直接書かれているが、
   記事はCV側の持ち物なので本文は触らず、CSSだけで差し替える（38本に効く）。
   記事本文の <style> は body 内＝このCSSより後に来るので、
   .post_content を付けて詳細度で上回る必要がある。
   指が跳ねるアニメーションも止める（コピーのアイコンには合わないため）。 */
.post_content .mirai-tap {
	display: inline-block;
	width: 15px; height: 15px;
	font-size: 0; line-height: 0;
	vertical-align: -2px;
	animation: none;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E") center / contain no-repeat;
}