@charset "utf-8";

/* --------------------------------------------------------------------------------
共通
-------------------------------------------------------------------------------- */

/*html{
    scroll-behavior: smooth;
}*/

p {
    line-height: 1.6em;
    font-size: 16px;
}

.pc_hid {
    display: none;
}

.sp_hid {
    display: block;
}

/* カレンダー */
.xo-event-calendar table.xo-month button span.nav-next {
    border-right: 2px solid #ddd;
    border-top: 2px solid #ddd;
}

.xo-event-calendar table.xo-month button span.nav-prev {
    border-bottom: 2px solid #999;
    border-left: 2px solid #999;
}

.xo-event-calendar table.xo-month .month-header {
    color: #ddd;
    font-size: 15px;
    line-height: 24px;
}



/* --------------------------------------------------------------------------------
サービス・サポートインデックス
-------------------------------------------------------------------------------- */


.beginner.index {
    padding: 1em 2em 2em;
    margin-bottom: 1.6em;
}

.support.index {
    padding: 0 2em 3em;
    margin-bottom: 1.6em;
}

.service.index {
    background: rgba(6, 126, 142, 0.12);
    padding: 1em 2em 2em;
    margin-bottom: 2em;
}

.post_content .beginner h3,
.post_content .service h3,
.post_content .support h3 {
    font-size: 200%;
    font-weight: 600;
    text-align: center;
}

.beginner h3 img,
.service h3 img,
.support h3 img {
    vertical-align: middle;
    padding-right: 10px;
}

.post_content ul.s_support_index {
    display: flex;
    margin: 0;
}

.s_support_index li {
    flex: 1;
    list-style: none;
    font-weight: 600;
    font-size: 110%;
}

.s_support_index a:hover {
    background: #e8fbfb;
}

.s_support_index li:not(:last-child) {
    margin-right: 2em;
}

.service li:not(:last-child),
.support li:not(:last-child) {
    margin-right: 1em;
}

.index .s_support_index a {
    height: 140px;
    border: #067E8E solid 7px;
}

.s_support_index a {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    border: #067E8E solid 3px;
    border-radius: 5px;
    background: #fff;
    color: #000;
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
    transition: all 0.3s ease-out;
}

.post_content .s_support_index h4 {
    font-weight: 600;
    font-size: 95%;
}

.s_support_index p {
    font-weight: normal;
    font-size: 15px;
    padding: 12px 14px 0;
    line-height: 1.2em;
}

.s_support_index a:hover {
    background: #cee5e5;
}

.s_support_index a.open {
    border: #f2e820 solid 12px !important;
    position: relative;
}

.s_support_index a.open::after {
    content: "▼";
    position: absolute;
    bottom: -65px;
    color: #f2e820;
    font-size: 200%;
}

.s_support_index img {
    padding: 0 3em;
}

.s_support_contents {
    display: none;
    margin-top: 3.3em;
    border-top: #f2e820 solid 8px;
    border-bottom: #f2e820 solid 3px;
    background: #fff;
}

.s_support_banner img {
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
    transition: all 0.3s ease-out;
}

.s_support_banner {
    margin-top: 7em;
}

.s_support_banner img:hover {
    filter: brightness(0.7);
}

.s_support_contact {
    border-top: #067E8E solid 3px;
    border-bottom: #067E8E solid 3px;
    padding: 6px 0;
    margin: 3em 0 0 0;
}

.s_support_contact a {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background: rgba(6, 126, 142, 0.1);
    color: #067E8E;
}

.s_support_contact a:hover {
    transition: all 0.3s ease-out;
    background: rgba(6, 126, 142, 0.4);
}

.s_support_contact .inner1 {
    display: flex;
    align-items: center;
}

.s_support_contact .inner1 p {
    padding-left: 1em;
    font-weight: 600;
    font-size: 125%;
    line-height: 1.4em;
}

.s_support_contact .inner2 {
    width: 50%;
    text-align: center;
}

.s_support_contact .inner2>p {
    display: block;
    font-weight: 600;
    color: #067E8E;
    font-size: 170%;
    background: #f2e820;
    border-radius: 12px;
    padding: 5px 0;
    margin: 5px 0 0;
    box-shadow: 0px 1px 2px 0 rgb(0 0 0 / 25%);
}

.s_support_contact .inner3 {
    display: flex;
    justify-content: space-evenly;
}

.s_support_contact .inner3 p:first-child {
    font-size: 130%;
    font-weight: 600;
}

.s_support_contact .inner3 p:first-child img {
    padding-right: 8px;
    vertical-align: text-bottom;
}

.s_support_contact .inner3 p:last-child {
    font-size: 90%;
    margin: 0 0 0 0;
    line-height: 2.6em;
}

/* --------------------------------------------------------------------------------
はじめてのお客様へトップ
-------------------------------------------------------------------------------- */

.beginner_top.beginner .s_support_index a {
    height: 200px;
    border: #067E8E solid 7px;
}

.beginner_top.service {
    margin: 7em auto 2.6em auto;
}

.beginner_top.service .s_support_index a,
.beginner_top.support .s_support_index a {
    height: 140px;
}

#visitor_anchor {
    scroll-margin-top: 36px;
}


/* --------------------------------------------------------------------------------
はじめてのお客様へ　無線機のメリット
-------------------------------------------------------------------------------- */
.beginner_top.beginner .s_support_index.benefits_index a {
    height: 140px;
}

.benefits {
    margin-top: 3.5em;
    padding-bottom: 3.4em;
    border-top: #f2e820 solid 8px;
    border-bottom: #f2e820 solid 3px;
}

.post_content .benefits h4 {
    font-size: 160%;
    font-weight: 600;
    border-bottom: #f2e820 solid 3px;
    margin-bottom: 1.3em;
    padding: 1em 0;
}

.post_content .benefits_top_wrap {
    margin: -7% 0 0 0;
}

.benefits_top_wrap li {
    list-style: none;
    display: flex;
    align-items: center;
}

.benefits_top_wrap li {
    margin: 0 0 20px 2em;
}

.benefits_top_wrap li img {
    margin-right: 20px;
}

.post_content .benefits_top_wrap h6 {
    color: #067E8E;
    font-size: 170%;
    font-weight: 800;
    margin-bottom: 5px;
}

.benefits_detail {
    margin: 2em 0;
}

.benefits .triangle {
    position: relative;
    width: 100px;
    height: 60px;
    margin: 1em auto;
    text-align: center;
}

.benefits .triangle p {
    font-weight: 500;
    font-size: 180%;
    color: #7f7f7f;
    padding: 8px 0;
}

.benefits .triangle::after {
    content: "";
    border-style: solid;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    border-top: 70px solid rgba(75, 157, 163, 0.2);
    border-bottom: 0;
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
}

.benefits_detail .person1,
.benefits_detail .person2,
.benefits_detail .person3,
.benefits_detail .person4 {
    position: relative;
}


.benefits_detail .person1 {
    margin: 0 15% 0 0;
    padding: 40px 0 0;
    background: rgba(6, 126, 142, 0.1);
    border-radius: 50% 50% 50% 70% / 50% 50% 70% 60%;
}

.benefits_detail .person2,
.benefits_detail .person4 {
    margin: -2.2em 0 0 15%;
    background: rgba(6, 126, 142, 0.3);
    border-radius: 40% 40% 50% 40% / 30% 50% 50% 50%;
}

.benefits_detail .person3 {
    padding: 50px 0 0 0;
    margin: -1.8em 15% 0 0;
    background: rgba(6, 126, 142, 0.1);
    border-radius: 80% 30% 50% 50% / 50%;
}

.benefits_detail .person4 {
    padding: 20px 0 0 0;
}

.post_content .benefits_detail h5 {
    position: absolute;
    font-size: 280%;
    font-weight: 800;
    color: #067E8E;
}

.benefits_detail h5 span {
    padding: 5px 10px;
    margin: 0 5px;
    border: #067E8E solid 2px;
}

.benefits_detail .person1 h5 {
    left: 9%;
    top: 5%;
}

.benefits_detail .person2 h5 {
    left: 5%;
    top: 12%;
}

.benefits_detail .person3 h5 {
    left: 6%;
    top: 10%;
}

.benefits_detail .person4 h5 {
    left: 5%;
    top: 10%;
}

.benefits_detail img {
    padding: 50px 40px;
    width: 620px;
}

.benefits_detail .person1 img {
    padding: 20px 40px 70px 40px;
}

.benefits hr {
    border-top: rgba(6, 126, 142, 0.4) dotted 4px;
    width: 85%;
    margin: 0 auto 2.8em;
}

.benefits_additional {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 8px auto 3em;
}

.benefits_additional div {
    /*    flex: 1;*/
    width: 34%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin: 0 1em;
}

.post_content .benefits_additional h5 {
    color: #067E8E;
    font-size: 150%;
    font-weight: 800;
    width: 100%;
}

.benefits_additional img {
    margin-top: 1em;
}

.bcp-communication {
    margin: 0 0 2.6em 0;
}

.bcp-communication img.bcp {
    margin: 1em 0;
    transition: all 0.3s ease-out;
}

.bcp-communication img.bcp:hover {
    filter: brightness(0.7);
}

.bcp-communication .case {
    text-align: right;
}

.bcp-communication .case img {
    margin: 1em 0;
    filter: drop-shadow(3px 3px 0 rgb(0, 0, 0, 0.1));
    transition: all 0.3s ease-out;
}

.bcp-communication .case img:hover {
    filter: brightness(0.7);
}

.out-of-coverage {
    margin: 0 0 6em 0;
}

body .post_content .out-of-coverage ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    align-items: flex-start;
    margin: -1em 0 8px auto;
    width: 65%;
}

.out-of-coverage li {
    flex: 1;
    font-weight: 600;
    font-size: 110%;
}

.out-of-coverage li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    line-height: 1.2em;
    color: #067E8E;
}

.out-of-coverage img {
    margin-bottom: 8px;
    transition: all 0.3s ease-out;
}

.out-of-coverage img:hover {
    filter: brightness(0.7);
}

.out-of-coverage2 h5 {
    font-size: 220%;
    font-weight: 800;
    color: #067E8E;
    display: flex;
    align-items: center;
    line-height: 1.4em;
}

.benefits .bold {
    font-weight: 800;
    font-size: 110%;
}

.out-of-coverage+a {
    transition: all 0.3s ease-out;
}

.out-of-coverage+a:hover {
    filter: brightness(0.7);
}

/* --------------------------------------------------------------------------------
はじめてのお客様へ　導入の流れ
-------------------------------------------------------------------------------- */

.beginner_top.beginner .s_support_index.order_flow_index a {
    height: 140px;
}

.order_flow {
    margin-top: 3em;
    border-top: #f2e820 solid 8px;
    border-bottom: #f2e820 solid 3px;
}

.post_content .order_flow h4 {
    font-size: 160%;
    font-weight: 600;
    border-bottom: #f2e820 solid 3px;
    margin-bottom: 1.3em;
    padding: 1em 0;
}

.order_flow .rental_link {
    text-align: right;
}

.order_flow .rental_link a {
    display: inline-block;
    padding: 7px 30px 6px;
    background: #fff;
    border-radius: 3px;
    transition: 0.3s all ease-out;
    border: #067e8e solid 3px;
    font-weight: 500;
    color: #067e8e;
    margin-bottom: 2em;
}

.order_flow .rental_link a:hover {
    background: rgba(6, 126, 142, 0.2);
}

.order_flow ol {
    margin: 0 0 3em 0;
    position: relative;
}

.order_flow ol .license-info {
    position: absolute;
    writing-mode: vertical-rl;
    right: -4%;
    top: 130px;
    height: 380px;
    border-top: #4b9da3 dotted 5px;
    border-right: #4b9da3 dotted 5px;
    border-bottom: #4b9da3 dotted 5px;
    padding: 120px 0 40px 50px;
    color: #067E8E;
    font-weight: 800;
    font-size: 110%;
    z-index: 1;
}

.order_flow .license-info::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -12px;
    transform: rotate(90deg);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 18px solid #4b9da3;
}

.order_flow ol .license-info p {
    position: relative;
    left: 36px;
    display: inline-block;
}

.order_flow ol .license-info span {
    display: inline-block;
    transform: rotate(-90deg);
    padding: 5px 0;
}

.order_flow ol li {
    margin: 0 0 1.6em 1em;
    padding: 1.2em 1.6em 1.5em 3em;
    background: #E6F2F3;
    list-style: none;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.order_flow ol li::after {
    content: "";
    position: absolute;
    bottom: -1em;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1em solid #E6F2F3;
}

.order_flow ol li:last-child::after {
    display: none;
}

.order_flow li h5 {
    font-weight: 600;
    font-size: 28px;
    color: #067E8E;
    position: relative;
    right: 66px;
    margin-bottom: 8px;
    padding-top: 0;
}

.order_flow li h5 span {
    color: #067E8E;
    font-weight: 800;
    font-size: 50px;
    padding-right: 12px;
    transform: translateY(4px);
    display: inline-block;
}

.order_flow .flow_inner1 {
    width: 55%;
}

.order_flow .first .flow_inner1 {
    width: 45%;
}

.order_flow .first .flow_inner2 {
    display: flex;
    justify-content: space-between;
}

.order_flow .first .flow_inner2 div:first-child {
    margin-right: 2em;
}

.order_flow .flow_inner1 p {
    margin-right: 2em;
}

.order_flow .flow_inner1 a {
    margin-top: 8px;
    display: inline-block;
    background: #067E8E;
    padding: 10px 22px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 50vh;
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
}

.order_flow .flow_inner1 a:hover {
    background: #007180;
}

.order_flow .flow_inner2 {
    padding-top: 0.9em;
}

.order_flow .first a {
    display: block;
    background: #067E8E;
    text-align: center;
    color: #fff;
    line-height: 1.2em;
    font-weight: 600;
    border-radius: 50vh;
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
}

.order_flow .first .form a {
    padding: 16px 22px;
    margin-top: 5px;
}

.order_flow .first .tel a {
    padding: 10px 22px;
}

.order_flow .first a:hover {
    background: #007180;
}

.order_flow .first img {
    padding-right: 4px;
    vertical-align: bottom;
}

.order_flow .first a span {
    font-weight: 100;
    font-size: 12px;
    padding-top: 2px;
}

.order_flow ol+div p {
    text-indent: -1.2em;
    padding-left: 1.2em;
}

.order_flow ol+div ul {
    margin-left: 2em;
    list-style: disc;
}

.order_flow .rental_banner {
    margin: 3em 1em 3em 0;
}

.order_flow .rental_banner img {
    transition: all 0.3s ease-out;
}

.order_flow .rental_banner img:hover {
    filter: brightness(0.7);
}

/* --------------------------------------------------------------------------------
はじめてのお客様へ　無線機を使うには
-------------------------------------------------------------------------------- */

.beginner_top.beginner .s_support_index.first_visit_index a {
    height: 140px;
}

.first_visit {
    margin-top: 3em;
    padding-bottom: 3.4em;
    border-top: #f2e820 solid 8px;
    border-bottom: #f2e820 solid 3px;
}

.post_content .first_visit h4 {
    font-size: 160%;
    font-weight: 600;
    border-bottom: #f2e820 solid 3px;
    margin-bottom: 1.3em;
    padding: 1em 0;
}

.first_visit summary {
    list-style: none;

    margin: 1em 0 0 2px;
    padding: 0 2em;
    height: 3em;
    line-height: 2.3em;
    font-size: 120%;
    font-weight: 600;
    border: #ddd solid 3px;
    border-radius: 50vh;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s;
}

.first_visit summary::-webkit-details-marker {
    display: none;
}

.first_visit summary:hover {
    border: #067E8E solid 3px;
    background: rgba(6, 126, 142, 0.1);
}

.first_visit details[open]>summary {
    border: #067E8E solid 4px;
    background: rgba(6, 126, 142, 0.1);
}

.first_visit summary::after {
    content: '+';
    color: #666;
    position: absolute;
    top: 45%;
    right: 4%;
    transform: translateY(-50%);
    transition: transform 0.3s;
    font-size: 40px;
}

.first_visit details[open] summary::after {
    transform: translateY(-50%) rotate(45deg);
}

.first_visit summary span {
    display: inline-block;
    color: #067E8E;
    font-weight: 800;
    margin: 4px 1em 0 0;
    vertical-align: sub;
    font-size: 200%;
}

.first_visit details .answer {
    display: inline-block;
    color: #f2e820;
    font-weight: 800;
    margin-right: 2%;
    font-size: 400%;
    line-height: 1em;
}

.first_visit_wrap {
    display: flex;
    margin: 0 0 1em 2em;
    padding: 2em 0;
    /*border: #f2e820 solid 2px;*/
}

.first_visit_wrap>div {
    width: 100%;
    margin-top: 9px
}

.first_visit_wrap .guidance_head {
    display: flex;
    align-items: center;
    margin: 1em 0;
    font-weight: 800;
    font-size: 140%;
    color: #067E8E;
    border-bottom: 2px solid #067E8E;
    padding-bottom: 8px;
}

.first_visit_wrap h5 img {
    padding-right: 8px;
    vertical-align: text-top;
}

.first_visit_wrap div hr {
    border-top: rgba(6, 126, 142, 0.4) dotted 4px;
    width: 85%;
    margin: 2em auto 1em;
}

.first_visit .guidance {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
}

.first_visit .guidance-bubble {
    position: relative;
    background: #d3eeef;
    padding: 24px 36px;
    color: #222222;
    font-weight: 600;
    font-size: 110%;
    border-radius: 15px;
    margin-bottom: 8px;
}

.first_visit .guidance-bubble::after {
    border: solid transparent;
    content: '';
    position: absolute;
    border-color: rgba(90, 230, 40, 0);
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 15px;
    border-right-width: 15px;
    margin-top: -6px;
    border-left-color: #d3eeef;
    left: 100%;
    top: 65%;
}

.first_visit .guidance-bubble {
    margin-top: 1.4em;
}

.first_visit .assistance-tip {
    font-weight: 800;
}

.first_visit .assistance-tip img {
    vertical-align: middle;
    padding-right: 5px;
    margin-left: -2em;
}

.post_content ul.first_visit_inner {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    font-size: 95%;
}

.first_visit_wrap .first_visit_inner li {
    flex: 1;
    box-sizing: border-box;
    list-style: none;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.first_visit_wrap .first_visit_inner li:not(:last-child) {
    margin-right: 5.5%;
}

.first_visit_wrap .first_visit_inner li .example {
    position: absolute;
    background: #fff;
    border: #067E8E solid 1px;
    padding: 2px 6px;
    color: #067E8E;
    font-weight: 600;
    font-size: 88%;
    margin-right: 1em;
    top: 5px;
    left: -8px;
}

.first_visit_wrap .first_visit_inner li img {
    margin-bottom: 12px;
}

.first_visit_wrap .first_visit_inner+p {
    text-align: right;
}

.post_content .first_visit_contact {
    width: 280px;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2e820;
    margin: 0.6em 0 1em auto;
    padding: 0 24px;
    border-radius: 10vh;
    color: #067E8E;
    font-weight: 600;
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
    transition: all 0.3s ease-out;
}

.post_content .first_visit_contact span {
    padding-left: 8px;
    font-size: 65%;
    vertical-align: text-bottom;
}

.post_content .first_visit_contact:hover {
    background: #e0d504;
}

.first_visit_contact3 {
    margin: 1em 0 4em 0;
}

.first_visit_contact3 img {
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
    transition: all 0.3s ease-out;
}

.first_visit_contact3 img:hover {
    filter: brightness(0.7);
}

.first_visit .link-wrap {
    margin-top: 6em;
    display: flex;
    justify-content: space-around;
}

.post_content .purchase-rental-comparison {
    margin: 2.2em 0 2em;
}

.post_content .purchase-rental-comparison td,
.post_content .purchase-rental-comparison th {
    border: none;
    text-align: center;
    line-height: 1.1em;
}

.post_content .purchase-rental-comparison th {
    background: #fff;
    padding: 0 0 16px 0;
    color: #067E8E;
    font-weight: 600;
    font-size: 120%;
}

.post_content .purchase-rental-comparison td:first-of-type {
    width: 18%;
    font-weight: 600;
    vertical-align: middle;
}

.post_content .purchase-rental-comparison td:not(first-of-type) {
    width: 27.3%;
}

.post_content .purchase-rental-comparison img {
    padding: 9px 0 4px;
}

.post_content .purchase-rental-comparison span:not(.pc_hid) {
    font-size: 85%;
}

.post_content .purchase-rental-comparison tr:nth-of-type(even) {
    background: rgba(6, 126, 142, 0.1);
}

.first_visit .payment-info {
    margin-top: 1.8em;
    padding: 24px 28px 6px 28px;
    margin-bottom: 2em;
    border: solid 1px rgba(75, 157, 163, 0.4);
    /*border-top: solid 8px rgba(75, 157, 163, 0.4);*/
    position: relative;
}

.first_visit .payment-info::after {
    border-bottom: 32px solid transparent;
    border-left: 38px solid rgba(75, 157, 163, 0.4);
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.first_visit .payment-info p:first-child {
    font-size: 120%;
    color: #067E8E;
    font-weight: 800;
    display: flex;
    align-items: center;
}

.first_visit .payment-info p:first-child+ul {
    list-style: disc;
    margin-bottom: 19px;
}

.first_visit .bold {
    font-weight: 600;
    font-size: 120%;
}

.first_visit .payment-info a img {
    margin-bottom: 16px;
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
    transition: all 0.3s ease-out;
}

.first_visit .payment-info a img:hover {
    filter: brightness(0.7);
}

.first_visit .payment-info p:first-child+p {
    margin: 1em auto 1em 3em;
}

.first_visit .payment-info_wrap {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 0;
}

.first_visit .payment-info_wrap li {
    width: 270px;
}

.first_visit .payment-info_wrap li:nth-child(odd) {
    margin-right: 3%;
}

.first_visit .payment-info_wrap li

/*:nth-child(-n+2)*/
    {
    margin-bottom: 1.8em;
}

.first_visit .signal-info_wrap {
    display: flex;
    list-style: none;
    justify-content: space-between;
    margin: 1.8em 0 0 0;
}

.first_visit .signal-info_wrap li {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 23%;
}

.first_visit .trial_illustration1 {
    margin: 5px 0 1em;
    text-align: center;
}

.first_visit .trial_illustration1 img {
    transition: all 0.3s ease-out;
}

.first_visit .trial_illustration1 img:hover {
    filter: brightness(0.7);
}

.first_visit .trial_illustration2 {
    margin: 1em 0 2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.first_visit .trial_illustration2 span {
    color: #067E8E;
    font-size: 400%;
    margin: 0 14px;
}

.first_visit .trial_illustration2 img:not(.arrow) {
    width: 40%;
}

.first_visit .trial_illustration2 img.arrow {
    margin: 0 20px;
}

.first_visit .test {
    margin-top: 3em;
    display: flex;
    align-items: center;
}

.first_visit .test p span {
    font-weight: 600;
    padding-left: 1em;
}

.first_visit .license-head {
    font-size: 110%;
    font-weight: 600;
    display: flex;
    align-items: center;
    line-height: 1.4;
}

.first_visit .license-head img {
    padding-right: 9px;
}

.first_visit .license-info {
    display: flex;
    margin: 18px 0 10px;
}

.license-info:nth-of-type(2) {
    margin-bottom: 4em;
}

.first_visit .license-info>dt {
    background: #4b9da3;
    color: #fff;
    font-weight: 800;
    font-size: 120%;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 1em;
}

.first_visit .license-info>dt img {
    padding: 10px 9px 0;
}

span.sp_hid {
    display: inline;
}

.first_visit .license-info>dd {
    width: 70%;
    border: #4b9da3 solid 1px;
    margin: 0 0 0 6px;
    padding: 1.2em 0 0.2em 1.6em;
    line-height: 2em;
}

.first_visit .license-info-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
}

.first_visit .license-info-inner dt {
    width: 18%;
    color: #067E8E;
    margin: 0 10px 14px 0;
}

.first_visit .license-info-inner dd {
    width: 70%;
}

.first_visit .license_support {
    display: inline-block;
    transform: translateY(-40px);
}

.first_visit .license_support img {
    margin-top: 8px;
    transition: all 0.3s ease-out;
}

.first_visit .license_support img:hover {
    filter: brightness(0.8);
}

.first_visit .comments {
    margin-right: 0.5em;
}

.post_content p.first_visit_caution {
    font-size: 85%;
    margin-bottom: 1.6em;
    padding-left: 2.5em;
    text-indent: -2.5em;
}

.first_visit .start-time-info-head {
    margin: 0 0 0.7em 0;
    font-weight: 800;
    font-size: 140%;
    color: #067E8E;
    border-bottom: 2px solid #067E8E;
    padding-bottom: 6px;
}

.first_visit .start-time-info-head img {
    vertical-align: middle;
    padding-right: 20px;
}


.first_visit .start-time-info-head2 {
    margin-top: 2em;
    font-weight: 800;
    font-size: 120%;
}

.first_visit .start-time-info {
    display: flex;
    margin: 10px 0;
}

.first_visit .schedule_wrap {
    display: flex;
    align-items: center;
}

.first_visit .schedule_wrap+p {
    margin: 1em 0 2em;
}

.first_visit .guidance-bubble-wrap {
    display: flex;
    align-items: flex-end;
}

.first_visit .guidance-bubble-wrap img {
    margin-left: 2em;
}

.first_visit .start-time-info>dt {
    background: #4b9da3;
    color: #fff;
    font-weight: 800;
    font-size: 120%;
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 1em;
}

.first_visit .start-time-info>dt img {
    padding-top: 10px;
}

.first_visit .start-time-info>dd {
    width: 70%;
    border: #4b9da3 solid 1px;
    margin: 0 0 0 6px;
    padding: 1.2em 0 0 1.6em;
    line-height: 2em;
}

.first_visit .start-time-info .first_visit .comments {
    color: #067E8E;
    font-weight: 800;
    padding: 0 10px;
}

.post_content .price-guide {
    margin: 3em 0 5px 0;
}

.post_content caption {
    font-weight: 800;
    font-size: 120%;
}

.post_content .price-guide td {
    border: none;
    text-align: center;
    line-height: 2em;
    font-weight: 600;
    padding: 3px;
}

.post_content .price-guide tr>td:first-of-type {
    text-align: left;
}

.post_content .price-guide tr>td:first-of-type img {
    vertical-align: middle;
    margin: 0 10px 0 14%;
}

.post_content .price-guide tr>td:last-of-type {
    text-align: center;
}

.post_content .price-guide tr>td:last-of-type img {
    vertical-align: middle;
    margin-left: 9px;
}

.post_content .price-guide tr:nth-of-type(odd) {
    background: rgba(6, 126, 142, 0.1);
}

.post_content .price-guide tr td:nth-child(2) {
    font-size: 120%;
    width: 50%;
    padding-top: 12px;
}

.post_content .price-guide tr td:nth-child(2) span {
    font-size: 160%;
    padding: 0 2px;
}


.first_visit .usage-info {
    display: flex;
    margin: 2em auto 1em;
    font-size: 145%;
    font-weight: 800;
    color: #067E8E;
    text-align: center;
}

.first_visit .usage-info li {
    flex: 1;
    list-style: none;
}

.first_visit .usage-info li img {
    padding-top: 6px;
}

.first_visit .usage-info li span {
    font-size: 75%;
}

.first_visit .keylock {
    display: flex;
    margin: 2.4em 0;
    align-items: center;
    border-top: rgba(6, 126, 142, 0.4) dotted 4px;
    border-bottom: rgba(6, 126, 142, 0.4) dotted 4px;
    padding: 1em 0;
}

.first_visit .keylock img {
    margin-right: 1em;
}

.first_visit .keylock+p+a {
    margin-top: 2em;
}

.first_visit .maintenance-info {
    list-style: none;
    margin: 1em 0 1.6em 0;
}

.first_visit .maintenance-info li {
    padding: 16px 10px;
    display: flex;
    align-items: flex-start;
}

.first_visit .maintenance-info li:not(:last-child) {
    border-bottom: #2c8fb5 dotted 4px;
    margin-bottom: 20px;
}

.first_visit .maintenance-info li img {
    margin-right: 16px;
}

.first_visit .maintenance-info li .button {
    display: inline-block;
    padding: 7px 30px 6px;
    background: #fff;
    border-radius: 3px;
    transition: 0.3s all ease-out;
    border: #067e8e solid 3px;
    font-weight: 500;
    color: #067e8e;
    margin: 10px 0 8px;
}

.first_visit .maintenance-info li .button:hover {
    background: rgba(6, 126, 142, 0.2);
}

.first_visit .link-wrap div {
    width: 45%;
    display: flex;
    line-height: 5em;
    justify-content: center;
    border-radius: 50vh;
}

.first_visit .maintenance-info .maintenance_wrap {
    display: flex;
    align-items: flex-end;
}

.first_visit .link-wrap a {
    font-size: 110%;
    font-weight: 800;
}

.first_visit .link-wrap .faq-link {
    background: #fff;
    border: #067E8E solid 3px;
    color: #067E8E;
    margin: 0 1em 0 0;
}

.first_visit .link-wrap .contact-link {
    background: #067E8E;

}

.first_visit .link-wrap .faq-link a {
    background: #fff;
    color: #067E8E;
}

.first_visit .link-wrap .contact-link a {
    color: #fff;
}


/* --------------------------------------------------------------------------------
各種サービストップ
-------------------------------------------------------------------------------- */

.service_top.service .s_support_index h4 {
    padding-top: 1.6em;
}

.service_top.service .s_support_index a {
    height: 200px;
    border: #067E8E solid 7px;
}

.service_top.beginner {
    margin: 7em auto 2.6em auto;
}

.service_top.beginner .s_support_index a,
.service_top.support .s_support_index a {
    height: 140px;
}

/* --------------------------------------------------------------------------------
サポート情報トップ
-------------------------------------------------------------------------------- */
.support_top.support .s_support_index h4 {
    padding-top: 1.6em;
}

.support_top.support .s_support_index a {
    height: 200px;
    border: #067E8E solid 7px;
}

.support_top.beginner {
    margin: 7em auto 2.6em auto;
}

.support_top.beginner .s_support_index a,
.support_top.service .s_support_index a {
    height: 140px;
}

#link3-3 h4,
#link3-4 h4 {
    display: flex;
    align-items: center;
    font-size: 160%;
    font-weight: 600;
    border-bottom: #f2e820 solid 3px;
    margin-bottom: 1.3em;
    padding-top: 0;
}

#link3-3 h4 img,
#link3-4 h4 img {
    padding: 8px 16px 9px 6px;
}

#link3-3 ol {
    list-style-type: none;
}

#link3-3 li {
    font-size: 110%;
    font-weight: 600;
    margin-bottom: 2.8em;
}

#link3-3 ol .number {
    display: inline-block;
    margin-right: 6px;
    background: #067E8E;
    color: #fff;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 20px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

#link3-3 ol .thick {
    font-weight: normal;
    font-size: 100%;
    padding-left: 2em;
}

#link3-3 ol img {
    border: #ddd solid 1px;
    margin: 1em 0;
}

#link3-4 ul {
    margin: 0 0 2.4em 4em;
    list-style-type: square;
}

#link3-4 a {
    line-height: 2em;
    color: #000;
}

#link3-4 a:hover {
    text-decoration: underline !important;
}


/* --------------------------------------------------------------------------------
FAQ_include用
-------------------------------------------------------------------------------- */

.post_content .accordion-header {
    margin: 1em 0 0 2px;
    padding: 0 2em;
    height: 3em;
    line-height: 2.3em;
    font-size: 120%;
    font-weight: 600;
    border: #ddd solid 3px;
    border-radius: 50vh;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease-out;
}

.accordion-header:hover {
    border: #067E8E solid 3px;
    background: rgba(6, 126, 142, 0.1);
}

.accordion-header::after {
    content: '+';
    color: #666;
    position: absolute;
    top: 45%;
    right: 4%;
    transform: translateY(-50%);
    transition: transform 0.3s;
    font-size: 40px;
}

.accordion-header.open {
    border: #067E8E solid 4px;
    background: rgba(6, 126, 142, 0.1);
}

.accordion-header.open::after {
    transform: translateY(-50%) rotate(45deg);
}

.accordion-header span {
    display: inline-block;
    color: #067E8E;
    font-weight: 800;
    margin: 4px 1em 0 0;
    vertical-align: sub;
    font-size: 200%;
}

.accordion-content {
    display: flex;
    margin: 0 0 4em 2em;
    padding: 2em 0;
}

.accordion-content .answer {
    line-height: 1;
    display: inline-block;
    color: #f2e820;
    font-weight: 800;
    margin-right: 2%;
    font-size: 400%;
    transform: translateY(-10px);
}

/* --------------------------------------------------------------------------------
FAQinclude用_details/summary
-------------------------------------------------------------------------------- */
details.faq summary {
    list-style: none;
    margin: 1em 0 0 2px;
    padding: 0 2em;
    height: 3em;
    line-height: 2.3em;
    font-size: 120%;
    font-weight: 600;
    border: #ddd solid 3px;
    border-radius: 50vh;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s;
}

details.faq summary::-webkit-details-marker {
    display: none;
}

details.faq summary:hover {
    border: #067E8E solid 3px;
    background: rgba(6, 126, 142, 0.1);
}

details.faq[open]>summary {
    border: #067E8E solid 4px;
    background: rgba(6, 126, 142, 0.1);
}

details.faq summary::after {
    content: '+';
    color: #666;
    position: absolute;
    top: 45%;
    right: 4%;
    transform: translateY(-50%);
    transition: transform 0.3s;
    font-size: 40px;
}

details.faq[open] summary::after {
    transform: translateY(-50%) rotate(45deg);
}

details.faq summary span {
    display: inline-block;
    color: #067E8E;
    font-weight: 800;
    margin: 4px 1em 0 0;
    vertical-align: sub;
    font-size: 200%;
}

details.faq .answer {
    display: inline-block;
    color: #f2e820;
    font-weight: 800;
    margin-right: 2%;
    font-size: 400%;
    line-height: 1em;
}

.faq_wrap {
    display: flex;
    margin: 0 0 4em 2em;
    padding: 2em 0;
    /*border: #f2e820 solid 2px;*/
}

.post_content .faq_h4 {
    font-size: 32px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em 0 0 0;
}

.faq_note {
    font-size: 14px;
    padding-left: 2em;
    text-indent: -2em;
}

/* --------------------------------------------------------------------------------
無線機の免許・登録申請
-------------------------------------------------------------------------------- */

.license1 {
    margin: 0 0 2em 0;
}

.post_content .license2 h3 {
    font-size: 33px;
    font-weight: 600;
}

.license2 ol {
    margin: 4em 0 3em;
}

.license2 li {
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: space-around;
    padding-bottom: 32px;
    margin: 10px 38px 20px 0;
}

.license2 .number {
    color: rgba(75, 157, 163, 0.6);
    font-size: 24px;
    font-weight: 800;
    text-align: center;
    line-height: 0.8;
}

.license2 .number span {
    font-size: 100px;
}

.license2 .list_inner {
    margin-left: 30px;
    width: 60%;
}

.post_content .license2 h4 {
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 20px 0;
}

.license2 h4 span {
    font-size: 48px;
    background: linear-gradient(transparent 50%, #f2e820 50%);
}

.license2 li:not(:last-child) {
    border: none;
    border-bottom: rgba(75, 157, 163, 0.6) dotted 8px;
}

.post_content .license2 .license_link {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.post_content .license2 .license_link a:first-child {
    display: block;
    position: relative;
    text-decoration: underline;
    transition: all 0.3s ease-out;
}

.license_link a:first-child::after {
    content: '▶';
    color: #067E8E;
    padding-left: 6px;
}

.license_link a:first-child:hover {
    text-decoration: none;
}

.post_content .license2 .license_link a:last-child {
    display: inline-block;
    padding: 6px 30px 9px;
    background: #fff;
    border-radius: 3px;
    transition: 0.3s all ease-out;
    border: #067e8e solid 3px;
    font-weight: 500;
    color: #067e8e;
    margin: 1em 0 0 0;
}

.license2 .license_link a:last-child img {
    vertical-align: bottom;
    padding-left: 10px;
}

.post_content .license2 .license_link a:last-child:hover {
    background: rgba(6, 126, 142, 0.2);
}

.license3 {
    max-width: 1100px;
    margin: 4em auto 0 auto;

}

.license_form_top {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1em;
}

.license_form_inner1 {
    background: #f2e820;
    clip-path: polygon(94% 0%, 100% 30%, 100% 100%, 0 100%, 0 0);
    display: flex;
    align-items: flex-end;
    padding: 4px 10px 0 8%;
    width: 58%;
}

.license_form_inner1 img {
    padding-right: 30px;
}

.post_content .license_form_inner1 div h3 {
    padding: 18px 0 0 0;
    font-size: 40px;
    color: #067E8E;
    font-weight: 600;
    margin-bottom: 0;
}

.license_form_inner1 div {
    padding-bottom: 8px;
}

.license_form_inner1 div p:first-of-type {
    font-size: 28px;
    color: #067E8E;
    font-weight: 600;
}

.license_form_inner2 {
    background: #f2e820;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 16px 5% 14px 1%;
    width: 50%;
}

.license_form_inner2 img {
    padding-left: 1em;
}

.license3 .form_caution {
    margin: 1.6em 0 2em 23%;
    background: #d8eae7;
    padding: 2em 2em 0.8em 2em;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
}

.license3 .form_caution::before {
    content: '';
    position: absolute;
    background: #d8eae7;
    height: 20px;
    width: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
    top: -16px;
}

.license3 .wpcf7 select {
    max-width: 100%;
    width: 100%;
}

.popup_wrap1 {
    width: 300px;
}

.popup_wrap2 {
    width: 200px;
}

img.popup {
    cursor: pointer;
    transition: all 0.3s ease-out;
}

img.popup:hover {
    filter: brightness(0.8);
}

.popup_wrap+p {
    color: #666;
    font-weight: 600;
}

.popup_wrap2+p figcaption {
    font-size: 85%;
}

.license3 .form_caution h5+div {
    display: flex;
    justify-content: space-around;
}

.license3 .form_caution h5+div figure p {
    margin-bottom: 2px;
}


.post_content .license3 .form_caution h5 {
    font-size: 17px;
    font-weight: 500;
}

.license3 .form_caution figure:first-child figcaption {
    margin-bottom: calc(1.6em + 4px);
}

.modal-container {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.modal-container>div {
    display: flex;
    height: 100vh;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.modal-container>div>img {
    max-width: calc(100vw - 30px);
    max-height: calc(100vh - 30px);
}

/* --------------------------------------------------------------------------------
無線機まめちしき
-------------------------------------------------------------------------------- */

.trx_resources_title {
    display: flex;
    align-items: center;
}

.trx_resources_title #post_title {
    border-bottom: #067e8e solid 6px;
    padding-bottom: 10px;
}

.trx_resources_title img {
    padding: 0 14px 18px 0;
}

.more-resources {
    margin: 6em 0 0 0;
}

.more-resources h3 {
    font-size: 26px;
}

.more-resources ul {
    display: flex;
    flex-wrap: wrap;
    margin: 2em 0;
}

.more-resources li {
    width: 22%;
    box-sizing: border-box;
    border: #067E8E solid 2px;
    border-radius: 5px;
    margin: 0 2% 20px 0;
    padding: 14px 0 0 0;
    transition: all 0.3s ease-out;
}

.more-resources li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.more-resources li:hover {
    background: rgba(75, 157, 163, 0.2);
}

.more-resources li span {
    color: #067E8E;
    font-weight: bold;
}

.more-resources li h5 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 6px;
    padding: 10px 1.3em 0;
}

/*.more-resources .related-text-wrap {
	display: flex;
    flex-direction: column;
    align-items: center;
	justify-content: space-between;
    height: 100%;
}*/

.post_content .resources_h2 {
    font-size: 28px;
    font-weight: 800;
    padding: 4px 24px 6px 24px;
    border-left: #067E8E solid 20px;
    border-bottom: #067e8e solid 3px;
    margin: 0 0 20px 0;
}

/* 
キャリアセンス
 */
.carrier_sense_wrap {
    display: flex;
    align-items: flex-start;
    margin: 2em 0;
}

.carrier_sense_wrap .left_wrap {
    width: 60%;
    margin-right: 5%;
}

.carrier_sense_wrap .right_wrap {
    display: flex;
    align-items: flex-start;
}

.carrier_sense_wrap .right_wrap div {
    border: #067E8E solid 4px;
    border-radius: 10px;
    padding: 2em 1.6em 3.4em;
    position: relative;
    width: 42%;
}

.post_content .carrier_sense_wrap img {
    width: 40%;
    padding-right: 30px;
}

.post_content .carrier_sense_wrap .right_wrap div p {
    font-weight: 600;
    font-size: 18px;
}

.carrier_sense_wrap .right_wrap strong {
    background: #067E8E;
    color: #fff;
    font-size: 26px;
    padding: 6px 1em;
    position: absolute;
    bottom: -1em;
    left: calc(50% - 4em);
}

.carrier_sense_wrap .right_wrap div::after {
    content: '';
    width: 4px;
    height: 48px;
    background-color: #067E8E;
    margin-right: 0.5em;
    transform: rotate(75deg);
    position: absolute;
    top: 40%;
    left: -10px;
}

/* 
キャリアセンス2
 */

.post_content .left_wrap p {
    margin: 0 0 1em 0;
}

.carrier_sense1 .content_wrap {
    display: flex;
    align-items: flex-start;
    margin: 2em 0;
}

.carrier_sense1 .left_wrap {
    width: 80%;
    margin-right: 5%;
}

.carrier_sense1 .note {
    font-size: 80%;
}

.carrier_sense1 span.note {
    vertical-align: text-bottom;
}

.carrier_sense1 p.note {
    margin-bottom: 5px;
    padding-left: 2em;
    text-indent: -2.5em;
}

.carrier_sense1 p.note1 {
    margin-top: 3em;
}

.carrier_sense1 .right_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.carrier_sense1 .illust_wrap {
    display: none;
}

.carrier_sense1 .right_wrap div {
    border: #067E8E solid 4px;
    border-radius: 10px;
    padding: 2em 1.6em 3.4em;
    position: relative;
}

.carrier_sense1 .right_wrap div a {
    text-decoration: underline;
    transition: all 0.3s ease-out;
}

.carrier_sense1 .right_wrap div a:hover {
    text-decoration: none;
}

.post_content .carrier_sense1 img {
    width: 60%;
    padding: 38px 0 0 0;
}

.post_content .carrier_sense1 .right_wrap div p {
    font-weight: 600;
    font-size: 18px;
}

.carrier_sense1 .right_wrap strong {
    background: #067E8E;
    color: #fff;
    font-size: 26px;
    padding: 6px 1em;
    position: absolute;
    bottom: -1em;
    left: calc(50% - 4em);
}

.carrier_sense1 .right_wrap div::after {
    content: '';
    width: 4px;
    height: 58px;
    background-color: #067E8E;
    margin-right: 0.5em;
    transform: rotate(20deg);
    position: absolute;
    right: 50px;
    bottom: -45px;
}

.carrier_sense2 {
    margin: 4em 0 6em 0;
}

.confirmation_wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
}

.post_content .carrier_sense2 h3 {
    font-size: 21px;
    font-weight: 600;
    position: relative;
}

.carrier_sense2 h3::before {
    font-family: "Font Awesome 6 Free";
    content: "\f0c8";
    font-weight: 900;
    margin-right: 0.5em;
    display: inline-block;
}

.carrier_sense2 .indicator {
    margin: 0 40px 0 0;
}


.carrier_sense2 .indicator img,
.carrier_sense2 .display img {
    width: 200px;
    padding: 26px 0 0 0;
}


.carrier_sense3 {
    margin: 4em 0;
}

.carrier_sense3 div {
    display: flex;
    align-items: flex-start;
}

.post_content .carrier_sense3 div p {
    padding-top: 10px;
}

.carrier_sense3 img {
    width: 26%;
    padding-right: 10px;
}

.carrier_sense4 {
    margin: 4em 0 6em 0;
}

.post_content .carrier_sense4 caption {
    font-size: 21px;
    font-weight: 600;
    text-align: left;
    position: relative;
    padding: 0 0 10px 0;
    line-height: 1.4em;
}

.post_content .carrier_sense4 caption::before {
    font-family: "Font Awesome 6 Free";
    content: "\f0c8";
    font-weight: 900;
    margin-right: 0.5em;
    display: inline-block;
}

.post_content .carrier_sense4 table {
    margin: 2em 0;
    width: auto;
    border-collapse: separate;
}

.post_content .carrier_sense4 th {
    border: none;
    line-height: 2;
    font-weight: 600;

}

.post_content .carrier_sense4 .sense-on {
    color: #fff;
    border-right: #fff solid 2px;
    border-bottom: #fff solid 4px;
    background: #3a6793;
}

.post_content .carrier_sense4 .sense-off {
    color: #fff;
    border-left: #fff solid 2px;
    border-bottom: #fff solid 4px;
    background: #ea6454;
}


.post_content .carrier_sense4 td {
    border: none;
    border: #ddd solid 1px;
    text-align: center;
    padding: 20px 40px;
    margin-right: 2px;
}

.post_content .carrier_sense4 td a {
    font-weight: 800;
    padding: 5px;
    transition: all 0.3s ease-out;

}

.carrier_sense5 {
    margin: 4em 0 6em 0;
}


/* 
免許局と登録局
 */
.l_or_r_wrap {
    display: flex;
    margin: 0 0 18px 0;
    align-items: flex-start;
}

.l_or_r_wrap .left_wrap {
    width: 60%;
}

.l_or_r_wrap .left_wrap a i {
    padding-left: 6px;
}

.l_or_r_wrap img {
    width: 26%;
    margin: 0 0 30px 3%;
}

.license_support.l_or_r {
    margin: 0 0 12px 0;
    display: block;
}

/* 
申請が不要なトランシーバー・無線機
 */
.licence_n_r1 {
    margin-bottom: 4em;
}

.post_content .licence_n_r1 h2 {
    background: #067E8E;
    color: #fff;
    font-weight: 600;
    font-size: 27px;
    padding: 0 1em;
    margin: 2em 0 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.licence_n_r1 h2 img:first-child {
    padding: 12px 10px 12px 44px;
}

.licence_n_r1 .category {
    display: flex;
}

.post_content .licence_n_r1 .category h3 {
    display: flex;
    flex-wrap: wrap;
    color: #067E8E;
    font-weight: 600;
    font-size: 28px;
    width: 5em;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.licence_n_r1 .category:not(:first-of-type) {
    border-top: #067E8E solid 2px;
    padding: 2em 0 0;
    margin-top: 1em;
}

.licence_n_r1 .category.other {
    border-bottom: #067E8E solid 2px;
    padding: 1.6em 0 0.9em 0;
}

.licence_n_r1 .category ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8px;
}

.licence_n_r1 .category li {
    width: 31%;
    margin: 0.4em 1.1%;
    list-style: none;
}

.licence_n_r1 .category.short li a {
    background: #f4b016;
}

.licence_n_r1 .category.long li a {
    background: #236297;
}

.licence_n_r1 .category.other li a {
    background: #585988;
}

.licence_n_r1 .category.short+p {
    text-align: left;
    margin: -1em 0 0 13%;
}

.licence_n_r1 .category li a {
    display: block;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    text-align: center;
    line-height: 3.6em;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
}

.licence_n_r1 .category li a:hover {
    filter: brightness(0.7);
}

.licence_n_r1 .category li a .small {
    font-size: 14px;
    color: #222;
    padding-left: 5px;
}

.licence_n_r2,
.licence_n_r3 {
    margin: 2em 0;

}

.licence_n_r2 div,
.licence_n_r3 div {
    display: flex;
    align-items: center;
}

.licence_n_r2 div {
    margin-bottom: 2em;
}

.licence_n_r2 div img {
    width: 16%;
    margin-right: 30px;
}

.licence_n_r3 div img {
    width: 16%;
    margin-left: 30px;
}

.licence_n_r2 div p,
.licence_n_r3 div p {
    position: relative;
    background: #DCEDEF;
    padding: 36px 48px;
    color: #222222;
    font-weight: 600;
    font-size: 120%;
    border-radius: 15px;
    margin-bottom: 8px;
    width: 38%;
}

.licence_n_r2 div p::before {
    border: solid transparent;
    content: '';
    position: absolute;
    border-color: rgba(6, 126, 142, 0);
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-right-width: 15px;
    border-left-width: 15px;
    margin-top: -6px;
    border-right-color: #DCEDEF;
    right: 100%;
    top: 65%;
}

.licence_n_r3 div p::after {
    border: solid transparent;
    content: '';
    position: absolute;
    border-color: rgba(6, 126, 142, 0);
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 15px;
    border-right-width: 15px;
    margin-top: -6px;
    border-left-color: #DCEDEF;
    left: 100%;
    top: 65%;
}

.licence_n_r2 a img {
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-out;
}

.licence_n_r2 a img:hover {
    filter: brightness(0.8);
}

.licence_n_r2+hr {
    border-top: rgba(6, 126, 142, 0.4) dotted 4px;
    width: 70%;
    margin: 4em auto 1em 1em;
}

/* 
PTT
 */

.ptt2 {
    margin: 0 0 4em 0;
}

.ptt2_wrap {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 28px;
}

.ptt2_inner,
.ptt2_inner2 {
    border: 1px solid #ddd;
    padding: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ptt2_inner:not(:last-child) {
    margin-right: 28px;
    width: 40%;
}

.ptt2_inner img {
    margin: 0 0 10px 0;
}

.ptt2_inner2 img {
    margin: 0 10px;
}

.post_content .ptt2_inner h3,
.post_content .ptt2_inner2 h3 {
    color: #067E8E;
    font-size: 22px;
    font-weight: 800;
    padding: 10px 0 20px 0;
    position: relative;
}

.ptt2_inner h3::before,
.ptt2_inner2 h3::before {
    content: '';
    position: absolute;
    border-bottom: 3px solid #067E8E;
    top: 92%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
}

.ptt2 .img_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.post_content .ptt3 h3 {
    font-size: 26px;
    font-weight: 800;
    position: relative;
    padding: 0 0 10px;
    line-height: 1.6;
}

.ptt3 h3 span {
    /*-webkit-text-emphasis: circle #067E8E;
	text-emphasis: circle #067E8E;*/
    font-size: 32px;
    background: linear-gradient(transparent 60%, rgba(6, 126, 142, 0.3) 40%);
}

.ptt3_wrap {
    position: relative;
    padding: 0 0 36px 110px;
    margin: 0 0 0 10px;
}

.ptt3_wrap:not(:last-child) {
    border-bottom: #4b9da3 dotted 6px;
}

.ptt3_wrap::before {
    content: '';
    background: url('/wp-content/uploads/2025/07/merit.png') no-repeat center / contain;
    display: inline-block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 10px;
    left: 0;
}

.ptt4 {
    margin: 0 0 4em 0;
}

.post_content .ptt4 h3 {
    font-size: 22px;
    font-weight: 800;
    position: relative;
    padding: 0 0 10px 50px;
    position: relative;
}

.ptt4 h3::before {
    content: '';
    background: url('/wp-content/uploads/2025/07/triangle.png') no-repeat center / contain;
    display: inline-block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -4px;
    left: 0;
}

.ptt4_wrap {
    margin: 0 0 20px 10px;
}


.post_content .ptt5 h3 {
    font-size: 22px;
    font-weight: 800;
    position: relative;
}

.ptt5 h3::before {
    font-family: "Font Awesome 6 Free";
    content: "\f0c8";
    font-weight: 900;
    margin-right: 0.5em;
    display: inline-block;
}

.ptt5 h3+p {
    margin-left: 1.3em;
}

.post_content .ptt5 ol {
    display: flex;
    list-style: none;
    counter-reset: step;
}

.ptt5 ol li {
    flex: 1;
    counter-increment: step;
    position: relative;
    padding: 46px 22px 12px;
    border: #067E8E solid 3px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ptt5 ol li:not(:last-child) {
    margin-right: 32px;
}

.ptt5 ol li::before {
    content: counter(step);
    position: absolute;
    top: 0;
    left: 0;
    background: #067e8e;
    color: #fff;
    font-weight: bold;
    font-size: 1.4em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-bottom-right-radius: 8px;
    text-align: center;
}


.ptt5 ol li:not(:last-child)::after {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #067E8E;
    display: inline-block;
    position: absolute;
    font-size: 20px;
    top: 50%;
    right: -24px;
    transform: translateY(-50%);
}

.post_content .ptt5 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.ptt5 ul li {
    list-style: none;
    background: #DCEDEF;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    position: relative;
    padding: 24px 20px 24px 76px;
    width: 47%;
}

.ptt5 ul li::before {
    content: '';
    background: url('/wp-content/uploads/2025/07/point.png') no-repeat center / contain;
    display: inline-block;
    width: 68px;
    height: 68px;
    position: absolute;
    left: -10px;
}

.post_content .ptt6 table {
    margin: 24px 0;
}

.post_content .ptt6 th {
    font-weight: normal;
    border: none;
    padding: 10px 15px;
    line-height: 1.2;
    font-weight: 600;
    border: #fff solid 4px;
}

.post_content .ptt6 td {
    border: none;
    border-bottom: #ddd solid 1px;
    text-align: center;
    padding: 0;
    line-height: 1.6;
}

.post_content .ptt6 tr:first-of-type td {
    padding: 10px 0 0 0;
}

.post_content .ptt6 tr td:nth-of-type(2) {
    padding-left: 15px;
}

.post_content .ptt6 td a {
    color: #fff;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    height: 3em;
    transition: all 0.3s ease-out;

}

.post_content .ptt6 .tsd a,
.post_content .ptt6 .drc a {
    background: #f4b016;
}

.post_content .ptt6 .cr a {
    background: #d9545c;
}

.post_content .ptt6 .ip a {
    background: #236297;
}

.post_content .ptt6 .sat a {
    background: #585988;
}

.post_content .ptt6 tr td:first-of-type {
    border-bottom: #fff solid 8px;
}


.post_content .ptt6 .tsd a:hover,
.post_content .ptt6 .drc a:hover {
    background: #e39e03;
}

.post_content .ptt6 .cr a:hover {
    background: #b83941;
}

.post_content .ptt6 .ip a:hover {
    background: #104b7c;
}

.post_content .ptt6 .sat a:hover {
    background: #393b72;
}

.ptt7 {
    margin: 2em 0 5em 0;
}

.link_button.ptt {
    display: inline-block;
    padding: 9px 26px 8px;
    margin: 10px 0 0;
    background: #fff;
    border-radius: 3px;
    transition: 0.3s all ease-out;
    border: #067e8e solid 3px;
    font-weight: 500;
    color: #067e8e;
}

.link_button.ptt:first-of-type {
    margin: 10px 0 3em 0;
}

.link_button.ptt .fa-play {
    padding-left: 12px;
}

.link_button:hover {
    background: rgba(6, 126, 142, 0.2);
}

.s-ptt_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    column-gap: 20px;
    margin: 2em 0 0 0;
}

.s-ptt_inner div {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.s-ptt_wrap figure {
    border: 1px solid #ddd;
    padding: 30px 20px;
    overflow: hidden;
}

.s-ptt_wrap figure:first-of-type {
    flex: 3;
}

.s-ptt_wrap figure:last-of-type {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.s-ptt_wrap figure:last-of-type div {
    padding: 30px 0 0 0;
}

.s-ptt_wrap figcaption {
    font-size: 19px;
    font-weight: 600;
    color: #067E8E;
    text-align: center;
    margin-top: 1em;
    line-height: 1.4;
}

.ptt_transceiver_link {
    min-height: 120px;
    background: repeating-conic-gradient(rgba(242, 232, 32, 1) 0deg 5deg, rgba(242, 232, 32, 0.4) 5deg 10deg);
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 25%);
    transition: all 0.3s ease-out;
}

.ptt_transceiver_link:hover {
    transform: translateY(2px);
    filter: brightness(0.9);
}

.ptt_transceiver_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;
}

.ptt_transceiver_link p {
    font-feature-settings: "palt";
    font-size: 36px;
    font-weight: 800;
    margin: 5px 0 0 0;
}

.ptt_transceiver_link img {
    margin: 0 0 0 20px;
}

.consult-link>div {
    display: inline-flex;
    align-items: center;
    padding: 1.4em 3em 1em;
    background-color: #E6F2F3;
    /*border: #067E8E solid 4px;*/
    border-radius: 8px;
    margin: 2em 0 0 0;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%);
    transition: all 0.3s ease-out;
}

.consult-link>div:hover {
    background-color: #DCEDEF;
    transform: translateY(2px);
}

.consult-link>div.pc_hid {
    display: none;
}

.consult-link img {
    width: 200px;
    padding: 0 26px 0 0;
}

.consult-link p {
    line-height: 2.4em;
}

.consult-link .consult-message {
    color: #222;
}

.consult-link .consult-call {
    color: #067E8E;
    font-weight: 800;
    text-decoration: underline;
    font-size: 26px;
}

/* 
防塵防水性能
 */

.ip_rank1_wrap {
    display: flex;
    align-items: center;
    gap: 40px;
}

.ip_rank1_wrap p {
    margin-top: 2em;
}

.ip_rank1 figure div {
    display: flex;
    gap: 26px;
    width: 100%;
    border: #ddd solid 1px;
    padding: 20px;
    box-sizing: border-box;
}

.ip_rank1 figure div img {
    flex: 0 1 32%;
    width: 100%;
    height: auto;
    object-fit: cover;
    box-sizing: border-box;
    min-width: 0;
}

.ip_rank1 figcaption {
    padding-left: 8px;
}

.ip_rank1 figcaption::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f0d7";
    margin-right: 0.3em;
    color: #666;
    font-size: 20px;
}

.ip_rank2 {
    margin: 3em 0 0;
}

.ip_rank2_wrap {
    display: flex;
    margin: 2em 0 0 0;
}

.ip_code_diagram {
    display: flex;
    margin: 0 auto 0 4em;
    padding-bottom: 60px;
    flex-shrink: 0;
}

.ip_code_diagram p {
    position: relative;
}

.ip_code_diagram strong {
    font-size: 120px;
    font-weight: 800;
    padding: 0 10px;
    position: relative;
    line-height: 1em;
}

.ip_code_diagram .ip_code strong {
    color: #666;
}

.ip_code_diagram .dust_code strong {
    color: #d67d13;
}

.ip_code_diagram .water_code strong {
    color: #0071bc;
}

.ip_code_diagram strong::after {
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f062";
    bottom: -50px;
    font-size: 40px;
    left: 50%;
    transform: translateX(-50%);
}

.ip_code_diagram .ip_code strong::after {
    color: #666;
}


.ip_code_diagram .dust_code strong::after {
    position: absolute;
    color: #d67d13;
}

.ip_code_diagram .water_code strong::after {
    position: absolute;
    color: #0071bc;
}

.ip_code_diagram span {
    position: absolute;
    text-align: center;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.2em;
    font-weight: 700;
}

.ip_code_diagram .ip_code span {
    color: #666;
}

.ip_code_diagram .dust_code span {
    color: #d67d13;
    font-size: 20px;
}

.ip_code_diagram .water_code span {
    color: #0071bc;
    font-size: 20px;
}

.ip_rank3 {
    margin: 3em 0 5em;
}

.post_content .ip_rank3 h3 {
    font-weight: 800;
    font-size: 24px;
}

.ip_rank3 h3 img {
    margin-right: 12px;
    transform: translateY(10px);
}

.post_content .ip-rating-details {
    margin: 10px 0 20px;
}

.ip-rating-details i {
    margin: 0 3px;
}

.post_content h3.ip_dust,
.ip-rating-details.dust i {
    color: #d67d13;
}

.post_content h3.ip_water,
.ip-rating-details.water i {
    color: #0071bc;
}

.post_content .ip_table {
    width: 75%;
}

.post_content .ip_table th {
    background: #ddd;
    border: none;
    font-weight: 800;
    padding: 4px 40px;
    text-align: left;
}

.post_content .ip_table td {
    border: none;
    border-bottom: #ddd solid 2px;
    padding: 0 40px;
}

.ip_table .sticky {
    position: sticky;
    left: 0;
    z-index: 10;
    background: #fff;
}

.ip_table.dust-level .sticky {
    font-size: 26px;
    font-weight: 800;
    color: #d67d13;
}

.ip_table.water-level .sticky {
    font-size: 26px;
    font-weight: 800;
    color: #0071bc;
}

.ip_rank3 .note-supp {
    display: inline-flex;
    align-items: center;
    margin: 10px 0 18px 0;
    font-size: 17px;
    font-weight: 800;
    border: #5d5d5d solid 1px;
    padding: 0 24px 0 0;
    line-height: 45px;
}

.ip_rank3 .important-label {
    display: inline-flex;
    align-items: center;
    background: #5d5d5d;
    color: #fff;
    padding: 0 10px;
    font-weight: 700;
    margin: 0 20px 0 0;
    line-height: 45px;
}

.ip_rank3 ul {
    list-style: disc;
    margin: 0 0 1em 3em;
}

.ip_rank3 ul li {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 6px;
}

.ip_rank3 .dust_note_inner {
    display: flex;
}

.ip_rank3 .dust_note_wrap ul {
    width: 75%;
}

.ip_rank3 .dust_note_wrap figure {
    margin: 0 0 0 2em;
    width: 50%;
}

.ip_rank3 .dust_note_wrap figcaption {
    text-align: center;
    font-size: 12px;
}

.post_content .ip_rank3 h5 {
    font-weight: 600;
    color: #0071bc;
    position: relative;
    padding-left: 32px;
}

.ip_rank3 h5::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f05a";
    position: absolute;
    left: 0;
    top: 2px;
    color: #0071bc;
    font-size: 28px;
}

.post_content .ip_rank3 h5.ip_water {
    color: #0071bc;
}

.ip_rank3 h5.ip_water::before {
    color: #0071bc;
}

.post_content .ip_rank3 h5.ip_dust {
    color: #d67d13;
}

.ip_rank3 h5.ip_dust::before {
    color: #d67d13;
}

.ip_rank3 .ip_rank3 figcaption {
    text-align: center;
}

.ip_rank4 {
    margin: 0 0 5em;
}

.post_content .ip_rank4 h3 {
    font-weight: 800;
    font-size: 26px;
    position: relative;
    margin: 20px 0 10px 0;
    padding: 20px 20px 18px 60px;
    background: #DCEDEF;
    color: #067E8E;
    border-radius: 8px;
    width: 16em;
}

.post_content .ip_rank4 h3::before {
    content: '';
    background: url(/wp-content/uploads/2025/07/point.png) no-repeat center / contain;
    display: inline-block;
    width: 56px;
    height: 56px;
    position: absolute;
    left: -10px;
    top: 6px;
}

.ip_rank4_wrap {
    display: flex;
    align-items: flex-end;
}

.ip_rank4_inner h4 {
    font-weight: 800;
    position: relative;
    display: inline-block;
}

.ip_rank4_inner h4::before {
    font-family: "Font Awesome 6 Free";
    content: "\f0c8";
    font-weight: 900;
    margin-right: 0.5em;
    display: inline-block;
}

.ip_rank4_wrap img {
    margin-left: 20px;
}

.ip_rank5 {
    margin: 3em 0 0;
}

.ip_rank5_wrap {
    background: rgba(75, 157, 163, 0.15);
    padding: 2.6em 5% 2em;
    margin: 2em 0 4em 0;
    clip-path: polygon(0 0, 75% 0, 100% 28%, 100% 100%, 0 100%);
    width: fit-content;
}

.ip_rank5_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.post_content .ip_rank5_wrap blockquote {
    font-size: 115%;
    font-weight: 500;
    background: #fff;
    border-radius: 50px;
    padding: 10px 28px;
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 0 auto 20px;
}

.ip_rank5_wrap blockquote:first-of-type {
    transform: translateX(12%);
}

.post_content .ip_rank5_wrap blockquote::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 15%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 25px solid #fff;
    border-left: 0;
    transform: rotate(-65deg);
}

.ip_rank5_inner2 p {
    font-weight: 600;
}

.ip_rank5_inner>img {
    width: 240px;
}

.ip_rank5_wrap .link_wrap {
    margin: 1em 0 0 0;
}

.ip_rank5_wrap .link_wrap a {
    display: inline-block;
    padding: 0 1.8em;
    font-weight: 600;
    font-size: 120%;
    line-height: 3.2em;
    border-radius: 5px;
    margin: 0 20px 0 0;
    text-align: center;
    box-shadow: 2px 4px 0px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-out;
}

.ip_rank5_wrap .link_wrap a img {
    vertical-align: middle;
    margin-left: 10px;
}

.ip_rank5_wrap .link_wrap a.contact {
    background: #f2e820;
    color: #067E8E;
    border: #f2e820 solid 6px;
    transition: all 0.3s ease-out;
}

.ip_rank5_wrap .link_wrap a.contact:hover {
    background: #e0d504;
    transform: translateY(2px);
    border: #e0d504 solid 6px;
}

.ip_rank5_wrap .link_wrap a.trial {
    background: #fff;
    color: #067E8E;
    border: #067E8E solid 6px;
    transition: all 0.3s ease-out;
}

.ip_rank5_wrap .link_wrap a.trial:hover {
    background: #d0d0d0;
    transform: translateY(2px);
}


/* --------------------------------------------------------------------------------
お問い合わせ
-------------------------------------------------------------------------------- */
.post_content .wpcf7 {
    border: none;
    background: #fff;
    padding: 1em 0;
}

.post_content .wpcf7 p {
    font-size: 16px;
    margin-bottom: 1em;
}

.post_content .wpcf7 select,
.wpcf7 .wpcf7-list-item-label {
    font-size: 16px;
}

.post_content .wpcf7 select {
    max-width: 100%;
}

.post_content .wpcf7 textarea {
    height: 100px;
}

.post_content .wpcf7 input[type="file"] {
    border: none;
    padding: 0;
}

.post_content .wpcf7 .wpcf7-not-valid {
    background: rgb(255, 243, 245);
}

body .form-group p {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1em;
}

.wpcf7 .span {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    background: #d32626;
    padding: 0 6px 0 5px;
    margin: 0 10px 0 0;
    line-height: 18px;
}

.form-group>p>label {
    width: 23%;
    font-weight: 600;
}

.suggestion {
    display: none;
    margin: 2em 0 2em auto;
    background: #d8eae7;
    padding: 1.4em 2.6em 1em;
    width: 68%;
    border-radius: 6px;
    position: relative;
}

#suggestion2 {
    padding-top: 2.4em;
}

#suggestion2 .notice_wrap {
    align-items: flex-start;
}

.suggestion::before {
    content: '';
    position: absolute;
    background: #d8eae7;
    height: 24px;
    width: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
    top: -20px;
}

.suggestion h5 {
    font-weight: 600;
    font-size: 110%;
}

.suggestion .notice_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.suggestion .img_wrap {
    margin-right: 1.2em;
}

.suggestion .img_wrap img {
    max-width: 60px;
    height: auto;
}

.post_content .suggestion ul {
    margin-bottom: 5px;
}

.suggestion ul p {
    margin-bottom: 0;
}

.suggestion ul li {
    list-style: disc;
}

.suggestion .trial_button {
    margin-bottom: 2em;
    text-align: right;
}

.suggestion .trial_button a {
    color: #fff;
    background: #067E8E;
    padding: 0.6em 1em;
    border-radius: 50vh;
    transition: all 0.3s ease-out;
}

.suggestion .trial_button a:hover {
    background: #007180;
}

#suggestion2 .text_wrap,
#suggestion6 .text_wrap {

    padding-left: 1em;
    text-indent: -1em;
}

.suggestion .text_wrap .arrow {
    font-size: 75%;
    padding-right: 0.2em;
    vertical-align: bottom;
    color: #067E8E;
}

#suggestion6 p:not(.trial_button) {
    margin-bottom: 9px;
}

.consent_wrap {
    margin-top: 2.6em;
}

.consent_wrap .wpcf7-list-item {
    margin: 5em 0 0 0;
}

.consent_wrap a {
    color: #067E8E;
    font-weight: 600;
    text-decoration: underline;
}

.consent_wrap a:hover {
    color: #007180;
}


.consent_wrap a.rental {
    color: #04579b;
    font-weight: 600;
    text-decoration: underline;
}

.consent_wrap a.rental:hover {
    color: #025193;
}

.consent_wrap input[type=checkbox] {
    transform: scale(1.5);
    margin-right: 14px;
}

.consent_wrap .wpcf7-list-item-label {
    font-size: 15px;
}

.post_content .wpcf7 input.wpcf7-submit {
    width: 400px;
    font-size: 16px;
    background: #f2e820;
    color: #333;
    font-weight: 600;
    margin: 30px auto 0 0;
    box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
    transition: all 0.3s ease-out;
}

.post_content .wpcf7 input.wpcf7-submit:hover {
    background: #e0d504;
}

.post_content .wpcf7 .wpcf7-submit:disabled {
    opacity: 0.6;
    cursor: auto;
    background: #ddd;
}

.post_content .wpcf7 .wpcf7-submit:disabled:hover {
    opacity: 0.6;
    cursor: auto;
    background: #ddd;
}

.form-bg {
    background-color: rgb(255, 243, 245);
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
    box-shadow: none;
    border: #555 solid 2.4px;
}

.form-group .form_caution {
    margin: 1.6em 0 2em 23%;
    background: #d8eae7;
    padding: 1em 2em 0.1em 2em;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
}

.form-group .form_caution::before {
    content: '';
    position: absolute;
    background: #d8eae7;
    height: 20px;
    width: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
    top: -16px;
}

.form-group .form_caution3 {
    margin: 1.6em 0 2em 23%;
    background: #e5eef5;
    padding: 1em 2em 0.1em 2em;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
}

.form-group .form_caution3::before {
    content: '';
    position: absolute;
    background: #e5eef5;
    height: 20px;
    width: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
    top: -16px;
}


/* --------------------------------------------------------------------------------
送信完了ページ
-------------------------------------------------------------------------------- */
.thanks .img_wrap {
    text-align: center;
}

.thanks h3 {
    font-size: 160%;
    font-weight: 600;
    color: #067E8E;
    text-align: center;
    margin-bottom: 2em;
}

.thanks .text_wrap p {
    font-size: 16px;
    text-align: center;
}

.thanks ul {
    margin: 3em 28% 2em 28%;
}

.thanks li {
    list-style: none;
    font-size: 18px;
    margin-bottom: 8px;
}

.thanks li img {
    vertical-align: middle;
    padding-right: 8px;
}

.thanks .back p {
    text-align: right;
}

.thanks .back a {
    border: #067E8E solid 2px;
    padding: 1.2em 2em;
    border-radius: 50vh;
    margin-right: 10%;
}

/* --------------------------------------------------------------------------------
お支払いについて（新）
-------------------------------------------------------------------------------- */

.payment {
    margin: 0 0 8em 0;
}

.post_content .payment h3 {
    font-size: 130%;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.payment h3 img {
    padding-right: 12px;
}

.payment h3+p a {
    font-weight: 600;
    color: #067E8E;
    margin: 0 2px;
    text-decoration: underline;
    cursor: pointer;
}

.payment .tab-btn {
    margin: 2.4em 0;
    display: flex;
    justify-content: space-evenly;
    border-bottom: solid 8px #067E8E;
}

.payment .tab-btn .btn {
    flex: 1;
    background: #fff;
    border: solid 3px #cbcbcb;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-out;
}

.payment .tab-btn .btn:not(:last-child) {
    margin-right: 10px;
}

.payment .tab-btn .btn:hover {
    background: rgba(0, 0, 0, 0.1);
    transform: translateY(1px);
}

.payment .tab-btn .btn a {
    color: #6b6b6b;
    font-weight: 600;
    width: 140px;
    height: 120px;
}

.payment .tab-btn .btn1 a {
    background: url(/wp-content/uploads/2024/11/payment001.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-btn .btn2 a {
    background: url(/wp-content/uploads/2024/11/payment002.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-btn .btn3 a {
    background: url(/wp-content/uploads/2024/11/payment003.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-btn .btn4 a {
    background: url(/wp-content/uploads/2024/11/payment004.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-btn .btn5 a {
    background: url(/wp-content/uploads/2024/11/payment005.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-btn .btn.active {
    background: #067E8E;
    cursor: pointer;
    border: solid 3px #067E8E;
}

.payment .tab-btn .btn.active:hover {
    background: #007180;
}

.payment .tab-btn .btn.active a {
    color: #fff;
}

.payment .tab-btn .btn1.active a {
    background: url(/wp-content/uploads/2024/11/payment1.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-btn .btn2.active a {
    background: url(/wp-content/uploads/2024/11/payment2.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-btn .btn3.active a {
    background: url(/wp-content/uploads/2024/11/payment3.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-btn .btn4.active a {
    background: url(/wp-content/uploads/2024/11/payment4.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-btn .btn5.active a {
    background: url(/wp-content/uploads/2024/11/payment5.png) no-repeat;
    background-size: contain;
    background-position: center bottom;
}

.payment .tab-contents {
    display: none;
}

.payment .tab-contents.active {
    display: block;
}

.payment .tab-contents h4 {
    display: none;
}


.payment .tab-contents ol {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: li_count;
}

.payment .tab-contents ol li {
    padding: 10px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.payment .tab-contents ol li .marker {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    background: #4b9da3;
    border-radius: 50vh;
    margin-right: 20px;
    display: inline-flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}

.payment .payment_memo {
    background: rgba(75, 157, 163, 0.1);
    padding: 1em 3em 1.6em;
    margin-left: 8%;
    display: inline-block;
}

.payment .payment_memo ul {
    display: flex;
    margin: 1.4em 0 0 0;
}

.payment .payment_memo li {
    flex: 1;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: #067E8E;
    font-weight: 600;
}

.payment .payment_memo li:not(:last-child) {
    margin-right: 20px;
}

.payment .payment_memo img {
    padding-bottom: 10px;
}

.payment #payment3 .payment_memo {
    padding: 1.6em 3em 1.6em;
    margin: 0 0 2em 8%;
}

.payment .payment_link a {
    margin-left: 8%;
    height: 3em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #067E8E;
    padding: 0 24px;
    border-radius: 10vh;
    color: #fff;
    font-weight: 400;
    transition: all 0.3s ease-out;
}

.payment .payment_link span {
    padding-left: 8px;
    font-size: 65%;
    vertical-align: text-bottom;
}

.payment .payment_link a:hover {
    background: #007180;
}

.payment .payment_table {
    width: 60%;
    margin: 2.4em 0 0 8%;
    text-align: center;
    color: #222222;
}

.payment .payment_table caption {
    font-weight: 600;
    font-size: 105%;
}

.payment .payment_table tr:nth-child(odd) {
    background: #ededed;
}

.payment .payment_table tr:nth-child(even) {
    background: #fdfdfd;
}

.payment .payment_table th {
    padding: 4px;
    background: #067E8E;
    color: #ffffff;
    border: none;
}

.payment .payment_table td {
    padding: 8px;
    border: none;
}

p.payment_note,
li.payment_note {
    margin: 0 0 10px 8%;
    padding-left: 1rem;
    text-indent: -1rem;
}


/* --------------------------------------------------------------------------------
PayPal決済について（新）
-------------------------------------------------------------------------------- */
.paypal>div {
    margin-bottom: 3em;
}

.post_content .paypal h3 {
    font-size: 160%;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-bottom: #4b9da3 solid 5px;
    margin-bottom: 30px;
    line-height: 1.4;
}

.paypal h3 img {
    padding-right: 10px;
}

.paypal_wrap1_inner {
    display: flex;
}

.paypal_wrap1_inner img {
    padding-left: 20px;
    margin-top: -7px;
}

.paypal .payment_memo {
    background: rgba(75, 157, 163, 0.1);
    padding: 1em 3em 1.6em;
    display: inline-block;
}


.paypal .payment_memo ul {
    display: flex;
    margin: 1.4em 0 0 0;
}

.paypal .payment_memo li {
    flex: 1;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    color: #067E8E;
    font-weight: 600;
}

.paypal .payment_memo li:not(:last-child) {
    margin-right: 20px;
}

.paypal .payment_memo img {
    padding-bottom: 10px;
}

ol.paypal_wrap3_inner {
    list-style: none;
    margin-left: 9px;
}

ol.paypal_wrap3_inner>li {
    padding: 10px 10px 10px 40px;
    position: relative;
    margin: 0 0 0 30px;
}

.paypal_wrap3_inner>li::before {
    content: "";
    position: absolute;
    border-left: 8px dotted #4b9da3;
    top: 10px;
    bottom: -20px;
    left: -14px;
    z-index: -1;
}

.paypal_wrap3_inner>li:last-child::before {
    display: none;
}


ol.paypal_wrap3_inner li:first-child p:last-child {
    line-height: 2em;
}

ol.paypal_wrap3_inner img {
    border: #e3e3e3 solid 1px;
    margin: 1.4em 0;
}

ol.paypal_wrap3_inner ol {
    list-style: none;
    margin: 1em 0 0 1em;
}

ol.paypal_wrap3_inner ol li {
    text-indent: -1.6em;
    padding-left: 1em;
}

ol.paypal_wrap3_inner ol li .number {
    padding-right: 0.3em;
    font-size: 110%;
}

ol.paypal_wrap3_inner ol+div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

ol.paypal_wrap3_inner ol+div .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 25px solid #4b9da3;
    border-right: 0;
    margin: 24% 5px auto 5px;
}

.paypal_wrap3_inner .marker {
    position: absolute;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    background: #4b9da3;
    border-radius: 50vh;
    display: flex;
    width: 62px;
    height: 62px;
    justify-content: center;
    align-items: center;
    left: -40px;
    top: 3.2px;
}

.paypal_wrap3_inner h5 {
    margin: 0.4em 0 1.6em 0;
    padding: .5em .8em .5em 1em;
    font-weight: 700;
    font-size: 18px;
    background: #5d5d5d;
    color: #fff;
}

.paypal_wrap3_inner h5:last-of-type {
    margin-top: 2em;
}

span.paypal1 {
    font-weight: 800;
}

span.paypal2 {
    font-weight: 800;
    color: #fff;
    background: #013186;
    border-radius: 50vh;
    padding: 7px 18px 8px;
    margin: 2px 4px 8px 0;
}

span.paypal3 {
    font-weight: 800;
    color: #013186;
    background: #ffc43a;
    border-radius: 6px;
    padding: 7px 18px 8px;
    margin: 2px 5px 12px 5px;
}

span.paypal4 {
    font-weight: 600;
    color: #fff;
    background: #333;
    border-radius: 6px;
    padding: 7px 18px 8px;
    margin: 2px 5px 12px 5px;
}

span.paypal5 {
    font-weight: 800;
    color: #fff;
    background: #0070ba;
    border-radius: 50vh;
    padding: 7px 18px 8px;
    margin: 2px 5px 12px 5px;
}

p:has(span.paypal1),
p:has(span.paypal2),
p:has(span.paypal3),
li:has(span.paypal4),
li:has(span.paypal5) {
    line-height: 2em;
}

.post_content .paypal_wrap4 h4 {
    font-weight: 800;
    color: #067E8E;
}

.paypal_wrap4 h4:not(:first-of-type) {
    margin-top: 2em;
}

.paypal_wrap4 h4 span {
    font-size: 80%;
    padding-right: 10px;
}

.paypal>div.paypal_link {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 5em;
}

.paypal_link a {
    display: inline-flex;
    width: 19em;
    font-size: 110%;
    line-height: 3.4em;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    justify-content: center;
    align-items: center;
}

.post_content .paypal_link p:first-child a {
    background: #013186;
    color: #fff;
}

.post_content .paypal_link p:last-child a {
    background: #0070ba;
    color: #fff;
}

.paypal_link p:first-child a:hover {
    background: #00276b
}

.paypal_link p:last-child a:hover {
    background: #005ea6;
}

.paypal #paypal-btn {
    display: flex;
    justify-content: space-evenly;
    margin: 3em 0;
}

.paypal .paypal-btn {
    border: #067E8E solid 4px;
    padding: 10px 20px;
    color: #067E8E;
    font-weight: 600;
    font-size: 110%;
    cursor: pointer;
}

.paypal .paypal-btn:hover {
    background: rgba(6, 126, 142, 0.2);
}

.paypal .paypal-btn.active {
    background: #067E8E;
}

.paypal .paypal-btn.active a {
    color: #fff;
}

.paypal .paypal-contents {
    display: none;
}

.paypal .paypal-contents.active {
    display: block;
}

.post_content .paypal .paypal-contents h5 {
    color: #067E8E;
    font-weight: 600;
    font-size: 160%;
    margin-top: 2em;
}

/* --------------------------------------------------------------------------------
無料お試しサービス（新）
-------------------------------------------------------------------------------- */
.free-trial {
    margin-bottom: 6em;
}

.free-trial .top {
    margin-bottom: 1.8em;
    width: 100%;
}

.free-trial .lead p:last-child {
    padding-top: 8px;
    text-indent: -1em;
    padding-left: 1em;
    font-size: 90%;
}

.free-trial .lead span {
    border-bottom: #222 solid 1px;
}

.free-trial .link_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.8em;
    align-items: center;
}

.free-trial .bubble {
    border: 3px solid #067E8E;
    background: #fff;
    padding: 1.3em 1em 1em 2.4em;
    border-radius: 50vh;
    width: 50%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.free-trial .bubble::after {
    content: "";
    position: absolute;
    top: 45%;
    left: -16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 25px solid #067E8E;
    border-left: 0;
    z-index: -2;
}

.free-trial .bubble p {
    width: 75%;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #067E8E;
}

.free-trial .bubble .img_wrap {
    text-align: right;
}

.free-trial .emphasis {
    font-weight: 600;
    background: linear-gradient(transparent 60%, rgba(242, 232, 32, 0.5) 60%);
}

.post_content .free-trial h3 {
    font-weight: 800;
    padding: 1.6em 0 0.4em;
}

.free-trial-link {
    display: flex;
    justify-content: center;
    width: 45%;
    color: #067E8E !important;
    font-weight: 600;
    font-size: 135%;
    line-height: 3.4em;
    background: #f2e820;
    border-radius: 5px;
    margin: 0 auto 0 0;
    text-align: center;
    box-shadow: 2px 4px 0px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-out;
}

.free-trial-link.last {
    margin-bottom: 2.8em;
}

.free-trial-link:hover {
    background: #e0d504;
    transform: translateY(2px);
}


.free-trial-link img {
    padding-left: 10px;
    vertical-align: text-top;
}

.free-trial .note {
    background: rgba(75, 157, 163, 0.15);
    padding: 2.4em 2.2em 0.5em;
    margin: 0 0 4em 0;
    clip-path: polygon(0 0, 86% 0, 100% 13%, 100% 100%, 0 100%);
}

.note .free-trial-link {
    margin-bottom: 27px;
}


.free-trial .note h6 {
    font-size: 115%;
    font-weight: 800;
    color: #067E8E;
    background: #fff;
    border-radius: 50px;
    padding: 1em 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 90%;
    margin: 0 auto 0.6em auto;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.free-trial .note h6::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 15%;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 25px solid #fff;
    border-left: 0;
    transform: rotate(-65deg);
}

.free-trial .note h6 span {
    font-size: 140%;
    border-bottom: solid 3px #f2e820;
    padding-bottom: 5px;
}

.free-trial .note_wrap {
    /*    display: flex;
    align-items: flex-end;
    justify-content: space-between;*/
    margin-bottom: 1em;
    position: relative;
}

.free-trial .note_wrap div {
    width: 78%;
    margin-left: 22%;
}

.free-trial .note_wrap img {
    padding: 0 1em 0 5px;
    position: absolute;
    bottom: 6px;
    left: 5px;
}

.free-trial .note_wrap span {
    font-size: 160%;
    color: #067E8E;
}

.free-trial .note_wrap ul {
    margin: 0 0 14px 0;
}

.free-trial .note_wrap li {
    list-style: none;
    line-height: 1;
}

.free-trial .note_wrap+p {
    border-top: 3px dotted #067E8E;
    margin-top: 1.2em;
    padding: 1.4em 1em 1em;
}

.free-trial .note_wrap+p span {
    font-size: 110%;
    font-weight: 800;
}

.free-trial ol li {
    list-style: none;
    padding-bottom: 9px;
    padding: 0 0 9px 27px;
    text-indent: -33px;
}

.free-trial ol li span {
    color: #067E8E;
    font-size: 17px;
    padding-right: 10px
}

.free-trial .caution {
    margin: 1em 0 2em 1em;
}

.free-trial .caution p {
    font-size: 90%;
    text-indent: -1em;
    padding-left: 1em;
}

.free-trial summary {
    display: inline-block;
    border: #222 solid 1px;
    padding: 8px 16px;
    margin: 5px 0 0 0;
    border-radius: 50vh;
    transition: all 0.3s ease-out;
    cursor: pointer;
    list-style: none;
}

.free-trial summary::-webkit-details-marker {
    display: none;
}

.free-trial summary:hover {
    background: #ddd;
}

img.free-trial {
    margin: 0 2em;
}

.trial.period {
    font-weight: 600;
    color: #067E8E;
}

.free-trial .img_wrap2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2em 1em;
}

.free-trial .img_wrap2 span {
    color: #067E8E;
}

.free-trial .img_wrap2 img:not(:last-child)::after {
    margin-right: 1em;
    content: "▶";
    position: absolute;
    top: 20%;
    left: 100%;
    color: #067E8E;
}

.purchase-contact {
    background: #f9f9f9;
    padding: 1em 0;
    margin: 0 8%;
    text-align: center;
    border-top: #067E8E 6px solid;
    border-bottom: #067E8E 2px solid;
    transition: all 0.3s ease-out;
}

.purchase-contact:hover {
    background: rgba(6, 126, 142, 0.4);
}

.purchase-contact p:first-child {
    color: #067E8E;
    font-weight: 600;
    margin-bottom: 1.6em;
}

.purchase-contact p:nth-child(2) {
    color: #222;
    font-weight: 600;
    font-size: 120%;
}

.purchase-contact a {
    display: block;
}

.purchase-contact h3 {
    background: #067E8E;
    padding: 0 2em;
    border-radius: 50vh;
    color: #fff;
    font-size: 160%;
    font-weight: 600;
    display: inline-block;
    line-height: 3em;
    margin: 0.5em auto;
    box-shadow: 0px 2px 2px 0px #a9acad;
    transition: all 0.3s ease-out;
}

.purchase-contact h3:hover {
    transform: translateY(2px);
    background: #007180;
}

.purchase-contact h3 img {
    vertical-align: middle;
    padding: 0 0 5px 8px;
}

/* --------------------------------------------------------------------------------
お試し申し込みフォーム
-------------------------------------------------------------------------------- */

.trial_suggestion {
    margin: 2em 0 5.6em auto;
    background: #d8eae7;
    padding: 1.4em 2.6em 1em;
    width: 68%;
    border-radius: 16px;
    position: relative;
}

.trial_suggestion::before {
    content: '';
    position: absolute;
    background: #d8eae7;
    height: 24px;
    width: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
    top: -20px;
}

.trial_suggestion h5 {
    font-weight: 600;
    font-size: 110%;
}

.trial_suggestion .notice_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.trial_trial_suggestion .img_wrap {
    margin-right: 1.2em;
}

.trial_suggestion .img_wrap img {
    max-width: 60px;
    height: auto;
}

.post_content .trial_suggestion ul {
    margin-bottom: 5px;
}

.trial_suggestion ul p {
    margin-bottom: 0;
}

.trial_suggestion ul li {
    list-style: disc;
}

.delivery_address {
    display: flex;
}

.delivery_address p:first-child {
    width: 23%;
    font-weight: 600;
}

.form-group2 {
    width: 77%;
    margin: 0 0 0 auto;
}

.form-group2 p {
    display: flex;
    font-weight: 500;
}

.form-group2 p label {
    width: 7.2em;
}

.form_hr {
    width: 80%;
    margin: 3em auto;
    border-top: #ddd dotted 2px;
}

.form-group .trial_caution1 {
    margin: -12px auto 1.4em 24%;
    font-size: 14px;
}

.form-group .trial_caution2 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 1em 0 3.6em auto;
    background: #d8eae7;
    padding: 1.4em 1em 0.4em;
    width: 74%;
    border-radius: 16px
}

.form-group .trial_caution2 div {
    width: 85%;
}

.form-group .trial_caution2 div span {
    font-weight: 700;
    color: #d32626;
    margin-top: -8px;
}

/* --------------------------------------------------------------------------------
買取見積申込フォーム
-------------------------------------------------------------------------------- */
.form-group.sell label {
    width: 20%;
}

.sell-form_wrap {
    display: flex;
    flex-wrap: wrap;
}

.sell-form_wrap p:first-child {
    width: 20%;
    font-weight: 600;
}

span#procedure,
span#action,
span#accessories,
span#corruption {
    display: flex;
}

span#procedure span:first-child,
span#action span:first-child,
span#accessories span:first-child,
span#corruption span:first-child {
    margin-left: 0;
}

select#procedure_year,
select#procedure_month,
select#expiration_year,
select#expiration_month {
    margin-bottom: 6px;
    padding: 6.5px 8px;
}

input#accessories2 {
    margin-bottom: 1.8em;
}

.form-group .form_caution2 {
    margin: 1.6em 0 0 20%;
    background: #d8eae7;
    padding: 1em 2em 0.1em 2em;
    box-sizing: border-box;
    border-radius: 6px;
    width: 30em;
    position: relative;
}

.form-group .form_caution2::before {
    content: '';
    position: absolute;
    background: #d8eae7;
    height: 20px;
    width: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
    top: -16px;
}

/* --------------------------------------------------------------------------------
初期不良品お問い合わせフォーム
-------------------------------------------------------------------------------- */

.initialfailure-form h2.flow {
    background-color: #067E8E;
    font-size: 110%;
    color: #fff;
    font-weight: 600;
    padding: 12px 0 11px 24px;
    margin: 2.4em 0 1.4em 0;
}

.initialfailure-form .caution {
    border-top: 9px solid #067E8E;
    background: rgba(75, 157, 163, 0.1);
    padding: 22px 4% 22px 8%;
    margin: 1em 0 3.6em 0;
}

.initialfailure-form .caution ul {
    list-style: disc;
}

.initialfailure-form .caution h2 {
    font-weight: 600;
    font-size: 130%;
    margin-bottom: 1em;
}

.post_content .initialfailure-form ol {
    list-style-type: none;
    counter-reset: my-counter;
}

.initialfailure-form ol li {
    counter-increment: my-counter;
    position: relative;
    margin: 0 0 8px 30px;
    padding-left: 15px;
}

.initialfailure-form ol li::before {
    content: counter(my-counter);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -40px;
    top: 0;
    width: 28px;
    height: 28px;
    background-color: #067E8E;
    color: #fff;
    border-radius: 50vh;
    font-weight: 700;
}

#wpcf7-f28906-p22822-o1 h2 {
    font-weight: 700;
}

.initialfailure-form .toiawase {
    margin-top: 3em;
}

/* .initialfailure-form th {
  width: 14em;
} */

.form-group .form_caution {
    margin: 1.6em 0 2em 23%;
    background: #d8eae7;
    padding: 1em 2em 0.1em 2em;
    box-sizing: border-box;
    border-radius: 6px;
    position: relative;
}

.form-group .form_caution::before {
    content: '';
    position: absolute;
    background: #d8eae7;
    height: 20px;
    width: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
    top: -16px;
}

.wpcf7 input[type="file"] {
    border: none;
    padding: 0;
}


/* --------------------------------------------------------------------------------
除雪作業にIP無線
-------------------------------------------------------------------------------- */
span#gps label {
    font-weight: normal;
}

span#gps .wpcf7-list-item {
    margin-left: 0;
}

span#gps {
    display: flex;
}

/* --------------------------------------------------------------------------------
IP500シリーズを知ろう
-------------------------------------------------------------------------------- */
span#hope label {
    font-weight: normal;
}

span#hope .wpcf7-list-item {
    margin-left: 0;
}

/* --------------------------------------------------------------------------------
MCAからの乗り換えお問合わせ込フォーム
-------------------------------------------------------------------------------- */
.form-group.mca label {
    width: 27%;
}

.mca_suggestion {
    margin: 2em auto;
    background: #d8eae7;
    padding: 1.4em 2.6em 0.4em;
    width: 35%;
    border-radius: 6px;
    position: relative;
}

.mca_suggestion::before {
    content: '';
    position: absolute;
    background: #d8eae7;
    height: 24px;
    width: 20px;
    clip-path: polygon(50% 0%, 0% 100%, 50% 100%);
    top: -20px;
}

.mca_suggestion h5 {
    font-weight: 600;
    font-size: 110%;
}

.wpcf7 .mca_suggestion ul p {
    margin-bottom: 0;
}

.mca_suggestion ul li {
    list-style: none;
}

.form-group.mca span#purpose {
    padding-top: 0;
}


/* --------------------------------------------------------------------------------
導入事例 個別ページ
-------------------------------------------------------------------------------- */

.case_h1_br {
    display: none;
}

h3.case {
    /* 削除予定 */
    font-size: 190%;
    font-weight: 600;
    margin-bottom: 1.2em;
    /*    padding-left: 9px;*/
    /*    border-left: #067E8E solid 26px;*/
    position: relative;
}

h3.case::after {
    /* 削除予定 */
    content: "";
    position: absolute;
    left: -10px;
    bottom: -5px;
    width: 1.6em;
    height: 1.6em;
    /*border-radius: 50vh;*/
    background: #f2e820;
    z-index: -1;
}

h2.case {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0.8em;
    position: relative;
}

h2.case::after {
    content: "";
    position: absolute;
    left: -10px;
    bottom: -5px;
    width: 1.6em;
    height: 1.6em;
    background: #f2e820;
    z-index: -1;
}

.case_1 {
    display: flex;
}

.case_1 h1 {
    font-size: 30px;
}

.case_1 .type_wrap {
    display: flex;
    margin-left: 2em;
    gap: 10px;
}

.case_1 span {
    background: #067E8E;
    color: #fff;
    padding: 8px 14px 9px;
    margin-top: -5px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 4px;
    transform: translateY(-4px);
    display: inline-block;
}

.case-rental .case_1 span {
    background: #04579b;
}

.case_1 h1 span:not(:first-of-type) {
    margin-left: 8px;
}

.case_2 {
    display: flex;
}

.case_2 .left {
    flex: 2;
    margin-right: 1.8em;
}

.case_2 .left a {
    color: #067E8E;
}

.case-rental .case_2 .left a {
    color: #04579b;
}

.case_2 .left a:hover {
    text-decoration: underline !important;
}

.case_catch {
    font-size: 36px;
    font-weight: 800;
    padding: 1.1em 0 0.8em;
    line-height: 1.4em;
    margin-bottom: 10px;
    position: relative;
}

.case_catch::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 90%;
    border-bottom: 4px solid #f2e820;
}

.case_2 .right {
    flex: 1;
    padding-top: 1.4em;
}

.case_3 {
    margin-top: 2.2em;
}

.case_3_inner1 {
    display: flex;
}

.case_3 img {
    margin: 0 1.4em 0 0;
}

/*.case_3 div{
    margin-top: 0.9em;
}*/

.case_3 div p {
    padding-bottom: 6px;
}

.case_3 div a {
    color: #067E8E;
    text-decoration: underline;
}

.case_3 div a:hover {
    text-decoration: none;
}

.case-rental .case_3 div a {
    color: #04579b;
}

.case_4 {
    margin-top: 8em;
}

.conditions_wrap {
    display: flex;
    justify-content: space-between;
    gap: 2%;
}

.conditions_wrap img {
    width: 32%;
    height: auto;
}

.conditions_wrap2 {
    margin: 2em auto 0 0;
    display: flex;
    align-items: center;
}

.conditions_wrap2>div {
    border: 3px solid #4b9da3;
    padding: 1.2em 1.8em;
    border-radius: 16px;
    margin-left: 2em;
    position: relative;
}

.case-rental .conditions_wrap2 div {
    border: 3px solid #04579b;
    padding: 1.2em 1.8em;
    border-radius: 16px;
    margin-left: 2em;
    position: relative;
}

.conditions_wrap2 div p:first-child {
    padding-bottom: 6px;
}

.conditions_wrap2 div::after {
    content: '';
    position: absolute;
    bottom: 30%;
    left: -24px;
    background-color: #4b9da3;
    width: 30px;
    height: 4px;
    transform: rotate(-25deg);
}

.case-rental .conditions_wrap2 div::after {
    background-color: #04579b;
}

.case_5 {
    margin-top: 8em;
}

.case_5 .probrem_wrap {
    display: flex;
    margin: 2em 0 0;
    justify-content: space-between;
    background: rgba(75, 157, 163, 0.15);
    padding: 2.4em 1.6em 1.8em;
}

.case-rental .case_5 .probrem_wrap {
    background: rgba(4, 87, 155, 0.15);
}

.case_5 .probrem_inner1 {
    width: 34%;
    position: relative;
}

.case_5 .probrem_inner1 .swirl {
    position: absolute;
    top: -12px;
    left: -42px;
}

.case_5 .probrem {
    color: #067E8E;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    margin: 0 0 2em 8px;
    padding-right: 12px;
}

.case-rental .case_5 .probrem {
    color: #04579b;
}

.case_5 .probrem::before {
    content: '';
    background: url(/wp-content/uploads/2023/11/swirl.png) no-repeat center / contain;
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: -48px;
    top: -12px;
}

.case-rental .case_5 .probrem::before {
    background: url(/wp-content/uploads/2025/10/swirl_rental.png) no-repeat center / contain;
}

.case_5 .probrem::after {
    content: '';
    background: url(/wp-content/uploads/2023/11/arrow.png) no-repeat center / contain;
    display: inline-block;
    width: 120px;
    height: 40px;
    position: absolute;
    left: 140px;
    top: 4px;
}

.case-rental .case_5 .probrem::after {
    background: url(/wp-content/uploads/2025/10/arrow_rental.png) no-repeat center / contain;
}

.case_5 .probrem span {
    font-size: 200%;
}

.case_5 .probrem_inner2 {
    position: relative;
    width: 56%;
    border: #067E8E solid 8px;
    border-radius: 10px;
    padding: 1.6em 1.4em 2em;
    background: #fff;
}

.case-rental .case_5 .probrem_inner2 {
    border: #04579b solid 8px;
}

.case-rental .case_5 .probrem_inner2 .link_wrap {
    text-align: right;
    margin: 5px 0 8px;
}

.case-rental .case_5 .probrem_inner2 .underline {
    color: #04579b;
    text-decoration: underline;
    font-weight: 500;
    transition: all 0.3s ease-out;
}

a.underline:hover {
    text-decoration: none;
}

.case_5 .probrem_inner2 a {
    font-weight: 500;
}

.case_5 .probrem_inner2 a:hover {
    text-decoration: underline !important
}

.case_5 .probrem_wrap .improvement1 {
    background: #067E8E;
    color: #f2e820;
    font-weight: 800;
    border-radius: 50vh;
    line-height: 85px;
    position: absolute;
    top: -26px;
    left: -46px;
    width: 85px;
    height: 85px;
    text-align: center;
    padding: 14px;
    transform: rotate(350deg);
}

.case-rental .case_5 .probrem_wrap .improvement1 {
    background: #04579b;
}

.case_5 .improvement1 .dots {
    font-size: 28px;
    background-image: radial-gradient(circle at center, #f2e820 20%, transparent 20%);
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    padding-top: 0.3em;
}

.case_5 .improvement2 {
    color: #067E8E;
    font-size: 27px;
    font-weight: 600;
    margin: 0 0 0.6em 2.4em;
    line-height: 1.4em;
}

.case-rental .case_5 .improvement2 {
    color: #04579b;
}

.case_5 .improvement2+div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.case_5 .improvement2+div img {
    margin-bottom: 1em;
}

.case_5 .case1_bubble {
    display: flex;
}

.case_5 .case1_bubble img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: #067E8E solid 4px;
}

.case_5 .case1_bubble span {
    position: relative;
    display: inline-block;
    margin: 0 0 1em 22px;
    padding: 10px;
    min-width: 120px;
    max-width: 100%;
    background: #FFF;
    border: solid 3px #b1b1b1;
    box-sizing: border-box;
    border-radius: 10px;
}

.case_5 .case1_bubble span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -22px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid #FFF;
    z-index: 2;
}

.case_5 .case1_bubble span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -28px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 14px solid #b1b1b1;
    z-index: 1;
}

.case_6 {
    margin-top: 6em;
}

.case_6 .instance_wrap {
    display: flex;
    margin-bottom: 20px;
}

.case_6 .instance_wrap .head {
    width: 22%;
    display: flex;
    align-items: center;
    margin-right: 5px;
    font-weight: 800;
    font-size: 18px;
}

.case_6 .instance_wrap .head img {
    margin-right: 8px;
}

.case_6 .instance_wrap .text {
    width: 78%;
    display: flex;
    align-items: center;
    line-height: 1.4em;
    font-size: 18px;
}

.case_6 figcaption {
    font-size: 160%;
    font-weight: 700;
    margin: 2em 0 0.9em;
    line-height: 1.4;
}

.case_6 .image3_5 {
    width: 100%;
    height: auto;
}

.case_6 .image3_6 {
    display: none;
}

.case_7 {
    margin-top: 8em;
}

.case_7 .review_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.case_7 .review_inner {
    flex: 1;
    border: #ddd solid 1px;
    border-top: #e0d504 solid 6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    min-width: 30%;
    padding: 2em 1.6em;
    margin: 0 10px 1em 0;
}

.case_7 .review_inner a,
.case_7 .review_inner2 a,
.case_7 .review8_wrap a {
    color: #067E8E;
}

.case-rental .case_7 .review_inner a,
.case-rental .case_7 .review_inner2 a,
.case-rental .case_7 .review8_wrap a {
    color: #04579b;
}

.case_7 .review_inner a:hover {
    text-decoration: underline !important;
}

.case_7 .review_inner2 {
    border: #ddd solid 1px;
    border-top: #e0d504 solid 6px;
    padding: 2em 1.6em;
    margin: 0 10px 1em 0;
}

.case_7 .review_inner2 img {
    width: 100%;
    height: auto;
}

.case_7 .review_inner img {
    margin-bottom: 2.2em;
}

.case_7 .review8 {
    margin-top: 2.7em;
}

.case_7 .review8_wrap {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 1.8em;
}

.case_7 .review8_wrap.align-center {
    align-items: center;
}

.case_7 .review8_wrap.align-center .review8_text {
    transform: translateY(-8px);
}

.case_7 .review8_wrap figure {
    width: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.case_7 .review8_wrap figure img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.case_7 .review8_wrap:nth-child(odd) figure img {
    border: rgba(6, 126, 142, 0.6) solid 3px;
}

.case-rental .case_7 .review8_wrap:nth-child(odd) figure img {
    border: #2c8fb5 solid 3px;
}

.case_7 .review8_wrap:nth-child(even) figure img {
    border: rgba(242, 232, 32, 0.8) solid 3px;
}

.case_7 .review8_wrap figcaption {
    text-align: center;
    font-size: 85%;
    padding-top: 3px;
    color: #373737;
}

.case_8 {
    margin-top: 3em;
}

.case_8 h2 {
    font-size: 22px;
    padding-bottom: 0.4em;
    border-bottom: #222 solid 4px;
}

.case_8 img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    margin-top: 20px;
}

.case_8 .deployedModel {
    display: flex;
    margin-bottom: 10px;
    font-size: 16px;
}

.case_8 .deployedModel div:last-child {
    margin: 1.4em 0 0 1em;
}

.case_8 .deployedModel a {
    color: #067E8E;
}

.case-rental .case_8 .deployedModel a {
    color: #04579b;
}

.case_8 .deployedModel a:hover {
    text-decoration: underline !important;
}

.case_8 li {
    line-height: 1.6em;
}

.case_8 li a:hover {
    text-decoration: underline !important;
}

.case_8 small {
    margin: 3.2em 0 0 0;
    font-size: 85%;
}

.case_10 {
    margin: 2.6em auto 0;
    width: 75%;
    box-shadow: 0px 0px 7px 0px #bfbfbf;
    border-radius: 5px;
    transition: all 0.3s ease-out;
}

.case_10:hover {
    transform: translateY(2px);
    filter: brightness(0.9);
}

.case_10 .contact_innner1 {
    border: #f2e820 solid 8px;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

.case_10 .contact_innner1 a {
    color: #2b2b2b;
    font-weight: 600;
    line-height: 1.4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case_10 .contact_innner1 p {
    font-size: 17px;
}

.case_10 .contact_innner1 img {
    padding: 1em 1em 0 0;
}

.case_10 .contact_innner1 span {
    border-bottom: 5px dotted #f2e820;
    padding-bottom: 2px;
}

.case_10 .contact_innner2 {
    text-align: right;
    background: #f2e820;
    border-radius: 0 0 5px 5px;
}

.case_10 .contact_innner2 a {
    color: #067E8E;
    font-weight: 600;
    font-size: 145%;
}

.case-rental .case_10 .contact_innner2 a {
    color: #04579b;
    font-weight: 600;
    font-size: 145%;
}

.case_10 .contact_innner2 p {
    padding: 15px 1em 18px;
    font-size: 18px;
}

.case_10 .contact_innner2 img {
    padding-left: 1em;
    vertical-align: sub;
}

.case_11 {
    margin-top: 8em;
}


.case_11 h2 {
    font-size: 120%;
    margin-bottom: 1em;
}

.case_11 ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.case_11 li {
    width: 29%;
    border: #ddd solid 1px;
    padding: 2em 5px;
    margin-bottom: 1.2em;
    transition: all 0.3s ease-out;
}

.case_11 li:hover {
    background: #efefef;
}

.case_11 li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.case_11 li a:hover {
    color: #000;
}

.case_11 li img {
    width: 75%;
    height: auto;
}

.case_11 h3 {
    margin: 1em 0 0;
    padding: 0 1em;
}

.case_11 .back {
    margin: 4em 0 0 0;
}

.case_11 .back a {
    padding: 1em 1.8em;
    color: #067E8E;
    border: #067E8E solid 2px;
    transition: all 0.3s ease-out;
}

.case_11 .back a:hover {
    background: rgba(75, 157, 163, 0.2);
}

.case-rental .case_11 .back a {
    padding: 1em 1.8em;
    color: #04579b;
    border: #04579b solid 2px;
    transition: all 0.3s ease-out;
}

.case-rental .case_11 .back a:hover {
    background: rgba(4, 87, 155, 0.2);
}


/*導入事例 埼玉スバル*/

.postid-27149 .conditions_wrap2>div {
    position: relative;
}

.postid-27149 .conditions_wrap2>div a.underline {
    position: absolute;
    bottom: -2.6em;
    right: 5px;
    color: #067E8E;
    text-decoration: underline;
}

.case1_review8_wrap {
    display: flex;
    margin: 1em auto 10% 30px;
}

.case1_review8_wrap img:first-child {
    margin-right: 20px;
}




/*導入事例 本庄市役所*/
.postid-27402 .case6_inner {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3em;
}

.postid-27402 .case6_inner .img_wrap {
    display: flex;
    margin-right: 2.6em;
}

.postid-27402 .case6_inner img {
    margin-right: 1em;
}

.postid-27402 .case_6 .case6_inner figcaption {
    font-size: 19px;
    margin-bottom: 1em;
    color: #067E8E;
}

/*導入事例 アムリード*/

.amlead-instance_wrap {
    display: flex;
    justify-content: flex-start;
    gap: 108px;
    padding: 0 15px;
    overflow: visible;

}

.amlead-instance_wrap figure {
    margin: 0;
    text-align: center;
}

.amlead-instance_wrap figure:first-child {
    position: relative;
}

.amlead-instance_wrap figure:first-child::after {
    position: absolute;
    content: '';
    background: url(/wp-content/uploads/2025/11/icon-signal.png) no-repeat center / contain;
    display: inline-block;
    width: 68px;
    height: 200px;
    right: -88px;
    top: 10px;
    pointer-events: none;
    z-index: 5
}

.case_6 .amlead-instance_wrap figcaption {
    font-weight: 700;
    font-size: 17px;
    margin: 10px 2px;
}

.amlead-instance_wrap figcaption img {
    margin: 0 0 10px 0;
}

.amlead-instance_wrap figcaption small {
    font-size: 12px;
    font-weight: 400;
    display: block;
}

.amlead-instance_wrap+img {
    width: 100%;
    margin-top: 40px;
}

.amlead_img_wrap {
    margin: 24px 0 10px 0;
    display: flex;
    justify-content: center;
    gap: 16px;
}

.postid-42204 .case_7 .review_inner:last-of-type {
    display: block;
}

.case_7 .review_inner .amlead_img_wrap img {
    margin: 0;
    width: 32%;
    height: auto;
}

/*導入事例 ユカリア*/
.postid-42594 .case_6 .instance_wrap {
    margin-bottom: 0;
}

.postid-42594 .case_6 .instance_wrap .head {
    width: 0;
}

.postid-42594 .case_7 .review_wrap {
    display: block;
    text-align: center;
}

.eucalia_wrap {
    display: flex;
    gap: 50px;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.eucalia_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.postid-42594 .case_7 {
    margin-top: 4em;

}

.case_7 .review_inner .eucalia_inner img {
    margin: 8px 0 6px;
    height: auto;
}

.case_7 .review_inner img.arrow {
    transform: translateY(50%);
}

.eucalia_inner strong {
    display: flex;
    gap: 1em;
    color: #067E8E;
    font-size: 22px;
    font-weight: 600;
    margin: 1em 0 0 0;
}

.case_7 .align-right {
    color: #067E8E;
    text-align: right;
    text-decoration: underline;
    margin: 10px 0 0 0;
}

.case_7 .align-right:hover {
    text-decoration: none;
}

.postid-42594 .deployedModel ul:first-child {
    margin-bottom: 20px;
}

.postid-42594 .case_7 .review8_wrap:nth-of-type(2) {
    align-items: flex-start;
}

.postid-42594 .review8_text img {
    margin-top: 14px;
}

.postid-42594 .case_8 a:first-child img {
    width: 120px;
}

.postid-42594 .case_8 img {
    width: 80px;
}

/*導入事例 日本科学未来館*/
.case5 {
    margin-top: -3em;
}

.case5_instance {
    border: #067E8E solid 1px;
    padding: 2em 6% 2em 6%;
    margin-bottom: 20px;
}

.case5_instance h5 {
    font-size: 140%;
    color: #067E8E;
}

.case5 .img_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 1em auto;
}

.case5 .img_wrap img {
    margin-right: 14px;
}

/*導入事例 サーズ*/

.postid-41775 .case_7 .sample-images {
    display: block;
    width: 100%;
    margin-top: 8px;
}

.postid-41775 .case_7 .sample-images img {
    border: none !important;
    border-radius: 0;
    width: 240px;
    height: auto;
    margin: 0 10px 10px 0;
}

.postid-41775 .case_7 .sample-images figcaption {
    text-align: left;
}

.postid-41775 .case_9 .free_field {
    margin: 2em 0 1em;
}

.postid-41775 .case_9 .free_field div {
    text-align: right;
}

.postid-41775 .case_9 .free_field div .underline {
    font-size: 16px;
    color: #04579b;
    text-decoration: underline;
    font-weight: 500;
    transition: all 0.3s ease-out;
}

.postid-41775 .case_9 .rental_banner {
    margin-top: 20px;
    display: block;
}

.postid-41775 .case_9 .rental_banner img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-out;
}

.postid-41775 .case_9 .rental_banner img:hover {
    transform: translateY(2px);
    filter: brightness(0.9);
}

/*導入事例 ユカリア*/
.postid-42594 .conditions_wrap {
    position: relative;
}

.postid-42594 .conditions_wrap::after {
    content: '※使用環境の画像はすべてイメージです。';
    font-size: 12px;
    color: #222;
    position: absolute;
    bottom: -18px;
    right: 0px;
}

.postid-42594 .case_5 .probrem_inner2 {
    position: relative;
}

.postid-42594 .case_5 .probrem_inner2 img {
    margin-bottom: 32px;
}

.postid-42594 .case_5 .probrem_inner2::after {
    content: '※イメージ';
    font-size: 12px;
    color: #222;
    position: absolute;
    top: 274px;
    right: 140px;
}





/* --------------------------------------------------------------------------------
導入事例 アーカイブページ
-------------------------------------------------------------------------------- */
.case_archive_top p {
    margin: 2em 0;
}

#case_archive ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#case_archive li {
    width: 48%;
    border: #ddd solid 1px;
    border-top: #067E8E solid 6px;
    padding: 2.4em 0;
    margin-bottom: 1.8em;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
}

#case_archive li.case-rental {
    border-top: #04579b solid 6px;
}

#case_archive li:hover {
    background: #efefef;
}

#case_archive li:nth-child(odd) {
    margin-right: 4%;
}

#case_archive li a:hover {
    color: #000;
}

#case_archive .case_inner {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#case_archive .case_inner+p {
    padding: 1.6em;
    text-align: center;
}

#case_archive img {
    width: 70%;
    height: auto;
}

body #case_archive h2 {
    font-size: 128%;
    margin: 1em 0;
    padding: 0 1em;
}

#case_archive .type {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 6px;
}

#case_archive .type p {
    background: #067E8E;
    color: #fff;
    padding: 9px 12px;
    margin: 0 3px 6px;
    font-size: 100%;
    font-weight: 600;
    border-radius: 5px;
}

#case_archive .case-rental .type p {
    background: #04579b;
}

#case_archive .type+p {
    margin: 0 1.6em;
}


/* --------------------------------------------------------------------------------
ソリューション 個別ページ
-------------------------------------------------------------------------------- */
.solution_title {
    z-index: -1;
}

.solution_title {
    background: rgba(6, 126, 142, 0.8);
    /*	background: linear-gradient(180deg, #41A7AF 0%, #41A7AF 50%, #99D2D6 50%, #99D2D6 100%);*/
    margin: 0 0 -65px 0;
    padding: 38px 0 65px 25px;
    clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
}

.solution_title #post_title {
    font-size: 240%;
    color: #fff;
}

.solution_title p {
    display: inline-block;
    font-size: 125%;
    font-weight: 600;
    background: #fff;
    padding: 4px 32px 5px;
    color: #067E8E;
    position: relative;
    margin-bottom: 16px;
}

.solution_top {
    margin-bottom: 5em;
}

.solution_top>div {
    display: flex;
}

.solution_top .eyecatch {
    margin: 0 0 0 22px;
    z-index: 1;
}

.solution_top ul {
    font-size: 120%;
    font-weight: 800;
    line-height: 2em;
    padding: 2.6em 0 0 1em;
}

.solution_top li {
    position: relative;
}

.solution_top li::before {
    content: '■';
    padding-right: 5px;
    color: #f2e820;
}

.solution_arrow1 {
    text-align: center;
}

#solution1 {
    margin-top: 3em;
    padding-bottom: 3em;
    border-bottom: #4b9da3 dashed 1px;
}

#solution2,
#solution3,
#solution4,
#solution5 {
    margin-top: 5em;
    padding-bottom: 3em;
    border-bottom: #4b9da3 dashed 1px;
}

#solution1 h3,
#solution2 h3,
#solution3 h3,
#solution4 h3,
#solution5 h3 {
    font-size: 200%;
    border-bottom: #f2e820 solid 8px;
    padding: 5px 0 26px 0;
    margin: 15px 0 15px 80px;
    position: relative;
}

#solution1 h3 img,
#solution2 h3 img,
#solution3 h3 img,
#solution4 h3 img,
#solution5 h3 img {
    position: absolute;
    left: -16%;
    bottom: -50px;
}



#solution1 h3+p,
#solution2 h3+p,
#solution3 h3+p,
#solution4 h3+p,
#solution5 h3+p {
    font-size: 120%;
    font-weight: 600;
    margin: 0 0 24px 80px;
}

#solution1 .contact,
#solution2 .contact,
#solution3 .contact,
#solution4 .contact,
#solution5 .contact {
    text-align: right;
    margin-top: 2em;
}

#solution1 .contact img,
#solution2 .contact img,
#solution3 .contact img,
#solution4 .contact img,
#solution5 .contact img {
    vertical-align: middle;
    padding-left: 8px;
    transition: all 0.3s ease-out;
}

#solution1 .contact span,
#solution2 .contact span,
#solution3 .contact span,
#solution4 .contact span,
#solution5 .contact span {
    color: #067E8E;
    font-weight: 500;
    text-decoration: underline;
    transition: all 0.3s ease-out;
}

#solution1 .contact span:hover,
#solution2 .contact span:hover,
#solution3 .contact span:hover,
#solution4 .contact span:hover,
#solution5 .contact span:hover {
    color: #007180;
    text-decoration: none;
}

#solution1 .contact img:hover {
    filter: brightness(0.7);
}

#solution6 h3,
#solution7 h3 {
    font-size: 200%;
    margin: 2em 0 1em 0;
    position: relative;
}

#solution6 h3::before,
#solution7 h3::before {
    content: '■';
    padding-right: 5px;
    color: #067E8E;
}

#solution6 ol {
    display: flex;
    font-size: 110%;
    font-weight: 600;
}

#solution6 ol li:first-child,
#solution6 ol li:nth-child(2),
#solution6 ol li:nth-child(3),
#solution6 ol li:nth-child(4),
#solution6 ol li:nth-child(5) {
    background: rgba(6, 126, 142, 0.25);
    clip-path: polygon(0 0, 70% 0, 100% 50%, 70% 100%, 0 100%);
    padding: 1em 1em 2em 0;
    margin-right: 5px;
    text-align: center;
    flex: 2;
}

#solution6 ol li:last-child {
    background: rgba(6, 126, 142, 0.25);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    padding: 1em 0;
    text-align: center;
    flex: 3;
}

#solution6 li span {
    color: #067E8E;
    display: inline-block;
    margin-bottom: 1em;
}

#solution6 li a {
    display: block;
}

.solution_contact1 {
    border: #067E8E solid 3px;
    margin: 2.6em 0;
    border-radius: 12px;
    position: relative;
}

.solution_contact1::before {
    content: '';
    position: absolute;
    top: -14px;
    left: 5%;
    border-width: 0 8px 14px 8px;
    border-style: solid;
    border-color: transparent transparent #067E8E transparent;
}

.solution_contact1 a {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-out;
    font-weight: 600;
    padding: 10px 0;
}

.solution_contact1 a:hover {
    background: rgba(6, 126, 142, 0.15);
}

.solution_contact1 img {
    padding-right: 10px;
}

.solution_contact1 .contact_innner1 {
    display: flex;
    align-items: center;
}

.solution_contact1 .contact_innner2 {
    width: 180px;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2e820;
    padding: 0 24px;
    border-radius: 10vh;
    font-weight: 800;
    margin-left: 20px;
    box-shadow: 0px 1px 2px 0 rgb(0 0 0 / 25%);
}

#solution7 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 6em;
}

#solution7 li {
    width: 47%;
    text-align: center;
    margin-top: -3em;
}

#solution7 li img {
    width: 100%;
    height: auto;
}

#solution7 li h5 {
    padding: 1.6em 0;
    background: rgba(6, 126, 142, 0.6);
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    position: relative;
    bottom: 160px;
}

#solution8 .banner img {
    width: 100%;
    height: auto;
    margin-bottom: 6px;
    transition: all 0.3s ease-out;
}

#solution8 .banner img:hover {
    filter: brightness(0.7);
    opacity: 1;
}

#solution8 .banner a:hover {
    opacity: 1;
}

.solution_contact2 {
    border-top: #067E8E solid 3px;
    border-bottom: #067E8E solid 3px;
    padding: 6px 0;
    margin: 0 0 2.6em 0;
}

.solution_contact2 a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(6, 126, 142, 0.1);
    transition: all 0.3s ease-out;
    color: #067E8E;
    font-weight: 600;
    padding: 8px 0;
}

.solution_contact2 a:hover {
    background: rgba(6, 126, 142, 0.15);
}

.solution_contact2 img {
    padding-right: 10px;
}

.solution_contact2 .contact_innner1 {
    display: flex;
    align-items: center;
}

.solution_contact2 .contact_innner2 {
    width: 180px;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2e820;
    padding: 0 24px;
    border-radius: 10vh;
    font-weight: 800;
    margin-left: 20px;
    box-shadow: 0px 1px 2px 0 rgb(0 0 0 / 25%);
}

/* 
ソリューション　サンプルページ　公開後削除予定
 */

.solution1_detail div,
.solution4_detail div {
    display: flex;
    justify-content: space-around;
    margin-top: 2em;
}

.solution2_detail .inner1 {
    display: flex;
    margin-top: 2em;
}

.solution2_detail .inner1 p {
    width: 30%;
    margin-right: 1em;
}

.solution2_detail .inner2 {
    display: flex;
    margin-top: 2em;
}

.solution2_detail .inner2 img {
    margin-right: 1em;
}




/* --------------------------------------------------------------------------------
スマートフォン
-------------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {

    /* 
共通
 */
    .post_content p {
        font-size: 14px;
        line-height: 2em;
        margin: 0;

    }

    .pc_hid {
        display: block;
    }

    .sp_hid {
        display: none;
    }

    /* 
サービス・サポートインデックス
 */
    .beginner.index,
    .support.index {
        padding: 0 0 3em;
    }

    .service.index {
        padding: 1.2em 0 3em;
    }

    .beginner h3,
    .service h3,
    .support h3 {
        font-size: 170%;
    }

    .beginner h3 img,
    .service h3 img,
    .support h3 img {
        width: 20%;
    }

    .post_content ul.s_support_index {
        display: block;
    }

    .s_support_index li {
        margin: 0 0 1em 0;
    }

    .index .s_support_index a {
        padding: 0.8em 3% 0.6em 3%;
        justify-content: center;
        font-size: 110%;
        height: auto;
        flex-wrap: nowrap;
    }

    .s_support_index li:not(:last-child) {
        margin-right: 0;
    }

    .s_support_index img {
        padding: 0 0 0 6px;
        width: 26%;
    }

    .s_support_contact {
        padding: 6px 0 0;
    }

    .s_support_contact a {
        flex-wrap: wrap;
    }

    .s_support_index a.open::after {
        display: none;
    }

    .s_support_contact .inner1 {
        width: 100%;
        padding-top: 6px;
        justify-content: center;
        align-items: flex-end;
    }

    .s_support_contact .inner1 p {
        font-size: 110%;
        margin-bottom: 0;
    }

    .s_support_contact .inner1 img {
        width: 16%;
        padding: 5px 0 0 0;
    }

    .s_support_contact .inner2 {
        width: 100%;
    }

    .s_support_contact .inner2>p {
        width: 90%;
        margin: 10px auto 2px;
    }

    .s_support_contact .inner3 {
        align-items: baseline;
    }

    .s_support_contact .inner3 p:first-child {
        font-size: 120%;
    }

    .s_support_contact .inner3 p:last-child {
        font-size: 75%;
    }

    .s_support_index h4 {
        font-size: 105%;
        padding: 6px 0 0 0;
    }

    .s_support_index p {
        font-size: 13px;
        padding: 2px 1em 0;
    }

    .s_support_contents {
        position: relative;
    }

    .s_support_contents::before {
        content: "▼";
        position: absolute;
        top: -50px;
        color: #f2e820;
        font-size: 20px;
        left: calc(50% - 10px);
    }

    /* 
はじめてのお客様へ
 */

    .beginner_top.beginner .s_support_index a,
    .beginner_top.service .s_support_index a,
    .beginner_top.support .s_support_index a {
        height: auto !important;
        padding: 0.8em 3% 0.6em 3%;
    }

    /* 
各種サービス
 */
    .service_top.service .s_support_index a {
        height: auto;
        padding: 0.6em 0 0 3%;
    }

    .service_top.beginner .s_support_index a,
    .service_top.support .s_support_index a {
        height: auto;
        padding: 0.8em 0 0.6em 10%;
    }

    /* 
サポート情報
 */
    .support_top.support .s_support_index a {
        height: auto;
        padding: 0.6em 0 0 3%;
    }

    .support_top.beginner .s_support_index a,
    .support_top.service .s_support_index a {
        height: auto;
        padding: 0.8em 0 0.6em 10%;
    }

    #link3-3 h4 img,
    #link3-4 h4 img {
        width: 20%;
    }

    #link3-3 ol {
        margin-left: 0;
    }

    #link3-3 ol .thick {
        padding-left: 0;
        font-size: 90%;
    }


    /* 
無線機のメリット
 */
    .post_content .benefits_top_wrap {
        margin: -1.6em 0 0 0;
    }

    .benefits_detail {
        margin: 2em 0 5em;
    }

    .benefits_top_wrap h6 {
        font-size: 160%;
    }

    .benefits_top_wrap h6+p {
        line-height: 1.5;
    }

    .benefits_top_wrap li {
        margin: 0 0 20px 0;
    }

    .benefits_detail h5 {
        font-size: 200%;

    }

    .benefits_detail h5 span {
        padding: 3px 8px;
    }


    .benefits_detail .person1,
    .benefits_detail .person2,
    .benefits_detail .person3,
    .benefits_detail .person4 {
        margin: 0;
    }

    .benefits_detail .person1 img,
    .benefits_detail .person3 img,
    .benefits_detail .person4 img {
        padding: 40px 0 60px 0;
        margin: 0 -5px -15px -5px;
    }

    .benefits_detail .person2 img {
        padding: 60px 0 60px 0;
        margin: 0 -5px -15px -5px;
    }

    .benefits_detail .person1 h5 {
        top: 2%;
    }

    .benefits_detail .person2 h5 {
        left: 65%;
        top: 0%;
    }

    .benefits_detail .person3 h5 {
        top: 6%;
    }

    .benefits_detail .person4 h5 {
        left: 65%;
        top: 0%;
    }

    .benefits_additional {
        flex-wrap: wrap;
    }

    .benefits_additional div {
        width: 100%;
    }

    .benefits_additional h5 {
        font-size: 190%;
        margin: 0 0 5px 0;
    }

    .post_content .benefits_additional h5+p {
        line-height: 1.5;
        margin-bottom: 2em;
    }

    body .post_content .out-of-coverage ul {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .out-of-coverage li {
        font-size: 92%;
    }

    .out-of-coverage li img {
        width: 80px;
    }

    .out-of-coverage li:not(:last-child) {
        margin-right: 8px;

    }

    /* 
無線機を使うには
 */

    .first_visit summary {
        height: auto;
        display: flex;
        align-items: center;
        padding: 1em 3.4em 1em 1em;
        line-height: 1.6em;
        margin: 1em -10px 0;
    }

    .first_visit summary span {
        margin: 0 17px 0 0;
        font-size: 170%;
    }

    .first_visit summary::after {
        font-size: 30px;
    }

    .first_visit_wrap {
        display: block;
        margin: 0;
    }

    .first_visit details .answer {
        margin: 0;
    }

    .first_visit .guidance {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .first_visit .guidance img {
        margin-top: -4em;
        z-index: 1;
    }

    .first_visit .guidance-bubble::after {
        left: 42%;
        top: 106%;
        transform: rotate(75deg);
    }

    .first_visit .assistance-tip {
        display: flex;
    }

    .first_visit .assistance-tip img {
        width: 55px;
        margin-left: 0;
    }

    .post_content ul.first_visit_inner {
        font-size: 100%;
    }

    .first_visit_wrap .first_visit_inner li {
        flex: none;
        max-width: 100%;
        flex-wrap: nowrap;
    }

    .first_visit_wrap .first_visit_inner li img {
        margin: 0 1em 1.8em 0;
        width: 200px;
        height: auto;
        aspect-ratio: 5 / 3;
        object-fit: cover;
    }

    .first_visit_wrap .first_visit_inner li .example {
        font-size: 100%;
        left: -6px;
    }

    .post_content .purchase-rental-comparison {
        margin: 0 0 2.8em;
    }

    .post_content .purchase-rental-comparison tr {
        display: flex;
        flex-wrap: wrap;
    }

    .post_content .purchase-rental-comparison tr:first-child {
        display: none;
    }

    .post_content .purchase-rental-comparison tr:nth-of-type(even) {
        background: #fff;
    }

    .post_content .purchase-rental-comparison td:first-of-type {
        width: 100%;
        background: #4b9da3;
        color: #fff;
        font-size: 110%;
        margin: 18px 0 6px;
        padding: 14px 0;
    }

    .post_content .purchase-rental-comparison td:not(first-of-type) {
        width: 33.3%;
        background: #E6F2F3;
        padding: 20px 0 10px;
        font-size: 97%;
    }

    .purchase-rental-comparison td {
        padding: 10px 0;
    }

    .purchase-rental-comparison td span.pc_hid {
        color: #4b9da3;
        font-weight: 600;
        font-size: 110%;
    }

    .post_content .purchase-rental-comparison span:not(.pc_hid) {
        font-size: 80%;
    }

    .post_content .purchase-rental-comparison td img {
        margin: -10px 0 5px 0;
        padding: 5px 0 4px;
    }

    .first_visit_contact3 {
        margin: 0 0 2em;
    }

    .first_visit .signal-info_wrap {
        flex-wrap: wrap;
    }

    .first_visit .signal-info_wrap li {
        width: 48%;
        margin-bottom: 2em;
    }

    .first_visit .test img {
        width: 50px;
    }

    .first_visit .trial_illustration2 {
        flex-wrap: wrap;
    }

    .first_visit .trial_illustration2 img:not(.arrow) {
        width: 90%;
        margin: 0 auto;
    }

    .first_visit .trial_illustration2 img.arrow {
        transform: rotate(90deg);
        margin: 20px auto;
    }

    .first_visit .license-info {
        flex-wrap: wrap;
    }

    .first_visit .license-info>dt {
        width: 100%;
        flex-wrap: nowrap;
        align-items: center;
    }

    .first_visit .license-info>dt img {
        width: 18%;
        padding: 0 5px;
    }

    .first_visit .license-info>dt img:first-of-type {
        margin-left: 10%;
    }

    .first_visit .license-info>dt div {
        margin: 0 auto;
    }

    .first_visit .license-info>dd {
        width: 100%;
        margin: 6px 0 0;
    }

    span.sp_hid {
        display: none;
    }

    .first_visit .license-head {
        align-items: flex-start;
    }

    .first_visit .license-info-inner {
        align-items: flex-start;
    }

    .first_visit .license-info-inner dt {
        margin: 0 14px 20px 0;
    }

    .first_visit .license-info-inner dd {
        margin-bottom: 22px;
    }

    .post_content p.first_visit_caution {
        padding-left: 2em;
        text-indent: -2em;
    }

    .first_visit .schedule_wrap {
        flex-wrap: wrap;
    }

    .first_visit .guidance-bubble-wrap {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .first_visit .guidance-bubble-wrap .guidance-bubble {
        z-index: -1;
    }

    .first_visit .guidance-bubble-wrap img {
        margin-top: -4em;
    }

    .first_visit .start-time-info {
        flex-wrap: wrap;
        align-items: center;
        margin: 10px 0 30px;
    }

    .first_visit .start-time-info>dt {
        width: 100%;
        align-items: center;
    }

    .first_visit .start-time-info>dt img {
        width: 18%;
        padding: 3px 0 0 12px;
    }

    .first_visit .start-time-info>dd {
        width: 100%;
        margin: 6px 0 0 0;
    }

    .post_content .price-guide tr>td:first-of-type {
        text-align: left;
    }

    .post_content .price-guide tr>td:first-of-type a {
        display: flex;
        align-items: center;
        transform: translateY(10px);
    }

    .post_content .price-guide tr td:nth-child(2) {
        width: 48%;
        padding: 12px 0 14px;
    }

    .post_content .price-guide td a img {
        width: 50px;
        height: 50px;
        margin: 0 5px 0 10px;
    }

    .post_content .price-guide tr>td:first-of-type img {
        margin: 0 5px 0 10px;
    }

    .post_content .price-guide tr td:nth-child(2) img {
        display: none;
    }

    .post_content .price-guide+p.first_visit_caution {
        padding-left: 2em;
        text-indent: -1.5em;
    }

    .first_visit .usage-info {
        flex-wrap: wrap;
        justify-content: center;
    }

    .first_visit .usage-info li {
        flex: none;
        margin-bottom: 25px;
    }

    .first_visit .keylock {
        flex-wrap: wrap;
        justify-content: center;
    }

    .first_visit .keylock img {
        margin: 0 0 15px 0;
    }

    .first_visit .payment-info {
        padding: 24px 15px 6px 15px;
    }

    .first_visit .payment-info p:first-child {
        font-size: 110%;
        line-height: 1.6;
    }

    .first_visit .payment-info p:first-child img {
        width: 16%;
    }

    .first_visit .maintenance-info .maintenance_wrap {
        flex-wrap: wrap;
    }

    .first_visit .maintenance-info .maintenance_wrap img {
        margin: 0 0 0 25%;
        width: 75%;
    }


    .first_visit .link-wrap {
        flex-wrap: wrap;
    }

    .first_visit .link-wrap div {
        width: 100%;

    }

    .first_visit .link-wrap .faq-link {
        margin: 0 0 1em 0;
    }




    /* 
導入の流れ
 */
    .order_flow ol li {
        flex-wrap: wrap;
        padding: 0.8em 1.5em 1.5em;
        margin: 0 0 1.6em 0;
    }

    .order_flow .flow_inner1 {
        width: 100%;

    }

    .order_flow li h5 {
        font-weight: 600;
        font-size: 22px;
        right: 28px;
        display: inline-block;
        width: 120%;
    }

    .order_flow li h5 span {
        font-size: 180%;
    }

    .order_flow .first .form a,
    .order_flow .first .tel a {
        padding: 18px 20px;
    }

    .order_flow .flow_inner1 p {
        margin-right: 0;
    }

    .order_flow .first .flow_inner1 {
        width: 100%;
    }

    .order_flow .first .flow_inner2 {
        flex-wrap: wrap;
    }

    .order_flow .first .flow_inner2 div.form {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        margin-right: 0;
    }

    .order_flow .first .flow_inner2 div.form>img {
        width: 45%;
    }

    .order_flow .first .flow_inner2 .tel {
        display: flex;
        align-items: center;
    }

    .order_flow .first .flow_inner2 .tel>img {
        width: 30%;
    }

    .order_flow ol .license-info {
        right: 4%;
        top: 12%;
        height: 740px;
        width: 10px;
        padding: 8% 0 0 0;
    }

    .order_flow ol .license-info p {
        background: #E6F2F3;
        left: 16px;
        padding: 5px 0;
    }

    .order_flow .license-info::after {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 15px solid #4b9da3;
    }

    .post_content .license-info+p.first_visit_caution {
        padding-left: 2em;
        text-indent: -1.5em;
    }


    .order_flow ol li:nth-child(4) .flow_inner1 p {
        margin-right: 15%;
    }

    .order_flow ol li:nth-child(4) .flow_inner2,
    .order_flow ol li:nth-child(5) .flow_inner2 {
        position: relative;
        right: 5%;
    }


    /* 
FAQ include用
 */
    .post_content .accordion-header {
        height: auto;
        display: flex;
        align-items: center;
        padding: 1em 3.4em 1em 1em;
        line-height: 1.6em;
        margin: 1em -10px 0;
    }

    .accordion-header span {
        margin: 0 17px 0 0;
        font-size: 170%;
    }

    .accordion-header::after {
        font-size: 30px;
    }

    .accordion-content {
        display: block;
        margin: 0;
    }

    .accordion-content .answer {
        margin: 0;
    }

    /* 
FAQ include用_details/summary
 */

    details.faq summary {
        height: auto;
        display: flex;
        align-items: center;
        padding: 1em 3.4em 1em 1em;
        line-height: 1.6em;
        margin: 1em -10px 0;
    }

    details.faq summary span {
        margin: 0 17px 0 0;
        font-size: 170%;
    }

    details.faq summary::after {
        font-size: 30px;
    }

    .faq_wrap {
        display: block;
        margin: 0;
    }

    details.faq .answer {
        margin: 0;
    }

    .post_content .faq_note {
        font-size: 12px;
        margin: 0 0 0 0;
        padding-left: 2em;
        text-indent: -2em;
    }



    /*
申請サポート
*/

    .license1 {
        width: 100vw;
        margin-left: calc(-1 * (100vw - 100%) / 2);
    }

    .license2 {
        margin: 2em 0 0 0;
    }

    .license2 ol {
        margin: 4em 0 0;
    }

    .license2 li {
        flex-wrap: wrap;
        align-items: flex-start;
        margin: 30px 0 0 0;
    }

    .license2 .list_inner {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .license2 .list_inner img {
        position: absolute;
        margin-left: calc(-1 * (100vw - 100%) / 2);
    }

    .license2 .list_inner div {
        display: flex;
        align-items: center;
    }

    .license2 .number {
        font-size: 17px;
        margin-right: 14px;
    }

    .license2 .number span {
        font-size: 55px;
    }

    .license2 h4 {
        font-size: 20px;
    }

    .license2 h4 span {
        font-size: 30px;
    }

    .post_content .license2 .license_link a:last-child {
        padding: 7px 8px 9px 12px;
    }

    .license_form_top {
        flex-direction: column;
        margin: 3em 0 0 0;
    }

    .license_form_inner1 {
        width: 100%;
        box-sizing: border-box;
        padding: 4px 10px 0;
        align-items: center;
        justify-content: space-around;
    }

    .license_form_inner1 img {
        width: 26%;
        padding-right: 15px;
    }

    .post_content .license_form_inner1 div h3 {
        font-size: 28px;
    }

    .license_form_inner1 div p:first-of-type {
        font-size: 20px;
        margin: 0 0 0 0;
        line-height: 1.3em;
    }

    .license_form_inner1 div p:last-of-type {
        font-size: 12.5px;
        line-height: 1.5em;
        margin: 6px 0 4px 0;
    }

    .license3 .form_caution {
        margin: 1.6em 0 2em 0;
    }

    .license3 .form_caution h5+div {
        display: block;
    }

    .license3 .form_caution figure:first-child {
        margin-bottom: 2em;
    }

    .license3 .form_caution figure:first-child figcaption {
        margin-bottom: 0;
    }


    /* 
無線機まめちしき
 */
    .trx_resources_title #post_title {
        font-size: 22px;
        border-bottom: #067e8e solid 6px;
        margin: 0 0 36px;
    }

    .trx_resources_title img {
        width: 60px;
        height: auto;
        padding-bottom: 3px;
    }

    .post_content .resources_h2 {
        font-size: 22px;
        padding: 2px 16px 6px 20px;
        border-left: #067E8E solid 14px;
    }

    /* 
申請が不要なトランシーバー・無線機
 */

    .post_content .licence_n_r1 h2 {
        font-size: 17px;
        padding: 6px 1em;
        margin: 2em 0 10px;
    }

    .licence_n_r1 h2 img {
        width: 40px;
        height: auto;
    }

    .licence_n_r1 h2 img:first-child {
        padding: 12px 10px 12px 20px;
    }

    .licence_n_r1 .category {
        flex-direction: column;
    }

    .post_content .licence_n_r1 .category h3 {
        flex-wrap: nowrap;
        flex-direction: row;
        width: auto;
        margin: 0 0 3px 0;
    }

    .post_content .licence_n_r1 .category h3 img {
        padding-left: 14px;
    }

    .post_content .licence_n_r1 .category ul {
        margin: 0 0 1em 0;
    }

    .licence_n_r1 li a {
        font-size: 13px;
    }

    .licence_n_r1 .category.short li:nth-child(1) a,
    .licence_n_r1 .category.short li:nth-child(2) a,
    .licence_n_r1 .category.short li:nth-child(6) a {
        line-height: 1.3em;
        height: 4.2em;
        padding: 0.8em 0;
    }

    .licence_n_r1 .category.short li:nth-child(3) a,
    .licence_n_r1 .category.short li:nth-child(4) a,
    .licence_n_r1 .category.short li:nth-child(5) a {
        line-height: 4.2em;
    }

    .licence_n_r1 .category ul {
        justify-content: space-between;
    }

    .licence_n_r1 .category li {
        width: 47.8%;
        box-sizing: border-box;
    }

    .licence_n_r1 .category.short+p {
        margin: -1em 0 28px 2%;
    }

    .licence_n_r2 div,
    .licence_n_r3 div {
        align-items: flex-end;
        justify-content: space-between;
    }

    .licence_n_r2 div p,
    .licence_n_r3 div p {
        font-size: 102%;
        padding: 16px 20px;
        width: 50%;
    }

    .licence_n_r2 div img {
        width: 36%;
        margin-right: 0;
    }

    .licence_n_r3 div img {
        width: 36%;
        margin-left: 0;
    }

    .more-resources ul {
        flex-wrap: wrap;
    }

    .more-resources li {
        width: 48%;
        margin: 0 0 12px 0;
    }

    .more-resources li:nth-child(1),
    .more-resources li:nth-child(3),
    .more-resources li:nth-child(5),
    .more-resources li:nth-child(7),
    .more-resources li:nth-child(9),
    .more-resources li:nth-child(11),
    .more-resources li:nth-child(13),
    .more-resources li:nth-child(15),
    .more-resources li:nth-child(17),
    .more-resources li:nth-child(19) {
        margin-right: 3%;
    }

    .more-resources li h5 {
        font-size: 15px;
        padding: 1.1em 1em 0;
    }

    .more-resources li img {
        width: 40%;
        height: auto;
    }

    .carrier_sense_wrap .right_wrap div {
        width: 85%;
        margin: 0 auto;
    }

    .post_content .carrier_sense_wrap .right_wrap div p {
        font-size: 16px;
    }

    .post_content .carrier_sense_wrap img {
        width: 60%;
        margin: 50px auto 0 auto;
    }

    .carrier_sense_wrap .right_wrap strong {
        font-size: 20px;
    }

    .carrier_sense_wrap .right_wrap div::after {
        height: 68px;
        transform: rotate(30deg);
        top: 90%;
        left: 270px;
    }

    /* 
キャリアセンス
 */

    .carrier_sense_wrap {
        flex-direction: column;
    }

    .carrier_sense_wrap .left_wrap {
        width: 100%;
    }

    .carrier_sense_wrap .right_wrap {
        flex-direction: column-reverse;
    }


    /* 
キャリアセンス2
 */
    .carrier_sense1 .content_wrap {
        flex-direction: column;
    }

    .carrier_sense1 .left_wrap {
        width: 100%;
        margin-right: 0;
    }

    .carrier_sense1 .right_wrap {
        display: none;
    }

    .carrier_sense1 .illust_wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 1em 0 2em 0;
    }

    .carrier_sense1 .illust_wrap div {
        border: #067E8E solid 4px;
        border-radius: 10px;
        padding: 2em 1.6em 3.4em;
        position: relative;
    }

    .carrier_sense1 .illust_wrap div a {
        text-decoration: underline;
        transition: all 0.3s ease-out;
    }

    .carrier_sense1 .illust_wrap div a:hover {
        text-decoration: none;
    }

    .post_content .carrier_sense1 .illust_wrap div p {
        font-weight: 600;
        font-size: 16px;
    }

    .carrier_sense1 .illust_wrap strong {
        background: #067E8E;
        color: #fff;
        font-size: 20px;
        padding: 6px 1em;
        position: absolute;
        bottom: -1em;
        left: calc(50% - 4em);
    }

    .carrier_sense1 .illust_wrap div::after {
        content: '';
        width: 4px;
        height: 38px;
        background-color: #067E8E;
        margin-right: 0.5em;
        transform: rotate(20deg);
        position: absolute;
        right: 110px;
        bottom: -45px;

    }

    .confirmation_wrap {
        flex-direction: column;
    }

    .carrier_sense2 .indicator img,
    .carrier_sense2 .display img {
        width: 150px;
        padding: 0 0 0 0;
    }

    .carrier_sense2 .display_wrap {
        margin: 2em 0 0 0;
    }

    .carrier_sense3 div {
        flex-direction: column;
    }

    .carrier_sense3 img {
        width: 80%;
        margin: 0 auto;
    }

    /*	.post_content .carrier_sense4 th,
	.post_content .carrier_sense4 td {
		width: 50%;

	}*/
    .post_content .carrier_sense4 table {
        width: 100%;
    }

    .post_content .carrier_sense4 thead,
    .post_content .carrier_sense4 tbody,
    .post_content .carrier_sense4 tr {
        display: block;
        width: 100%;
    }

    .post_content .carrier_sense4 thead {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .post_content .carrier_sense4 td {
        display: block;
        width: 100%;
        border: #ddd solid 1px;
        text-align: center;
        padding: 56px 40px 10px 40px;
        margin-bottom: 20px;
        box-sizing: border-box;
        position: relative;
        border-top: none;
    }

    .post_content .carrier_sense4 td::before {
        display: block;
        text-align: center;
        line-height: 2;
        font-weight: 600;
        color: #fff;
        padding: 10px 0;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .post_content .carrier_sense4 td:nth-of-type(1)::before {
        content: "キャリアセンスあり";
        background: #3a6793;
    }

    .post_content .carrier_sense4 td:nth-of-type(2)::before {
        content: "キャリアセンスなし";
        background: #ea6454;
    }

    .consult-link>div.sp_hid {
        display: none;
    }

    .consult-link>div.pc_hid {
        display: block;
        padding: 1.4em 1.4em 0.6em;
    }

    .consult-link>div.pc_hid div {
        display: flex;
        margin: 5px 0 8px 0;
        align-items: center;
    }

    .consult-link>div.pc_hid div+p {
        text-align: center;
    }

    .consult-link img {
        width: 140px;
        padding: 0 8px 0 0;
    }

    .consult-link .consult-call {
        font-size: 21px;
    }

    /* 
免許局と登録局
 */

    .l_or_r_wrap {
        flex-direction: column;
        align-items: flex-end;
        margin: 0 0 40px;
    }

    .l_or_r_wrap .left_wrap {
        width: 100%;
    }

    .l_or_r_wrap img {
        width: 260px;
        margin: 18px 0 30px 3%;
    }


    /* 
PTT
 */
    .ptt2_wrap {
        flex-direction: column;
    }

    .ptt2_inner,
    .ptt2_inner:not(:last-child),
    .ptt2_inner2 {
        box-sizing: border-box;
        width: 100%;
        padding: 22px 18px 6px;
    }

    .ptt2_inner:not(:last-child) {
        margin: 0 0 20px 0;
    }

    .ptt2_inner>img {
        width: 65%;
    }

    .ptt2_inner .img_wrap img {
        width: 50%;
    }

    .ptt2_inner2 .img_wrap {
        flex-wrap: wrap;
    }

    .ptt2_inner2 .img_wrap img {
        width: 40%;
    }

    .ptt3_wrap {
        padding: 80px 0 0 0;
    }

    .ptt3_wrap::before {
        width: 60px;
        height: 60px;
        left: 50%;
        transform: translateX(-50%);
    }

    .ptt3 h3 {
        font-size: 20px;
    }

    .ptt3 h3 span {
        font-size: 26px;
    }

    .ptt4_wrap {
        margin: 0 0 20px 0;
    }

    .ptt4_wrap:first-of-type {
        margin: 2em 0 20px 0;
    }

    .post_content .ptt5 ol {
        margin: 0;
        flex-direction: column;
    }

    .ptt5 ol li {
        padding: 10px 10px 10px 50px;
    }

    .ptt5 ol li:not(:last-child) {
        margin: 0 0 30px 0;
    }

    .ptt5 ol li img {
        width: 150px;
        height: auto;
        display: block;
        transform: translateX(-25px);
    }

    .ptt5 ol li:not(:last-child)::after {
        content: "\f078";
        right: auto;
        left: 48%;
        top: auto;
        bottom: -35px;
        transform: translateX(-50%);
    }

    .post_content .ptt5 ul {
        margin: 0;
        flex-direction: column;
    }

    .ptt5 ul li {
        width: 95%;
        margin: 0 0 20px 4%;
        padding: 24px 20px 24px 56px;
    }

    .ptt5 ul li::before {
        width: 58px;
        height: 58px;
    }

    .ptt_table_wrap {
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 1em;
    }

    .ptt_table {
        width: 700px;
    }

    .ptt_transceiver_link p {
        font-size: 19px;
        line-height: 1.5;
    }

    .ptt_transceiver_link img {
        width: 18%;
    }

    /* 
防塵防水性能
 */

    .ip_rank1_wrap {
        flex-direction: column;
    }

    .ip_rank1_wrap p {
        margin: 0;
    }

    .ip_rank1 figcaption {
        font-size: 11px;
    }

    .ip_rank1 figcaption::before {
        font-size: 13px;
    }

    .ip_rank1_wrap img {
        width: 65%;
        margin: 0 auto 10px auto;
    }

    .ip_rank1 figure div {
        flex-direction: column;
        box-sizing: border-box;
    }

    .ip_rank2_wrap {
        flex-direction: column;
    }

    .ip_rank3 {
        margin: 6em 0 5em;
    }

    .ip_code_diagram {
        margin: 0 auto;
    }

    .ip_rank3 .note-supp {
        font-size: 15px;
        line-height: 38px;
    }

    .ip_rank3 .important-label {
        line-height: 38px;
    }

    .ip_code_diagram strong {
        font-size: 90px;
        padding: 0 10px;
    }

    .ip_code_diagram span {
        top: 140px;
    }

    .ip_rank3 .dust_note_wrap ul {
        width: 95%;
    }

    .ip_rank3 ul {
        margin: 0 0 1em 1.6em;
    }

    .ip_rank3 ul li {
        font-size: 13px;
    }

    .ip_rank3 .dust_note_inner {
        display: block;
    }

    .ip_rank3 ul li img {
        display: block;
        margin: 0 auto 0 0;
    }

    .ip_rank3 .dust_note_wrap figcaption {
        text-align: left;
    }

    .ip_rank3 .dust_note_wrap figure {
        margin: 10px 0 0 0;
    }

    .ip_rank3 .dust_note_wrap ul img {
        margin: 0;
    }

    .post_content .ip_rank3 h3 {
        font-size: 21px;
    }

    .post_content table tr th.sticky {
        position: sticky;
        top: 0;
        left: -3px;
        background: #ddd;
    }

    .ip_rank4_wrap {
        flex-direction: column;
    }

    .ip_rank4_inner {
        width: 100%;
    }

    .post_content .ip_rank4 h3 {
        font-size: 22px;
        width: 100%;
        box-sizing: border-box;
        padding: 20px 14px 18px 50px;
    }

    .ip_rank5_inner {
        flex-direction: column;
    }

    .ip_rank5_wrap {
        clip-path: polygon(100% 0,
                20% 0,
                0 10%,
                0 100%,
                100% 100%);
    }

    .ip_rank5_wrap blockquote {
        line-height: 1.5em;
        width: 70%;
    }

    .ip_rank5_inner2>img {
        width: 68%;
        margin: 6px auto 0 auto;
    }

    .ip_rank5_wrap .link_wrap a {
        font-size: 16px;
        margin: 0 auto 20px;
        padding: 0 1em;
        width: 80%;
        display: block;
    }

    .ip_rank5_wrap .link_wrap a img {
        width: 50px;
    }

    /* 
お問い合わせフォーム
 */
    .post_content .wpcf7 p {
        font-size: 14px;
    }

    .post_content .wpcf7 select {
        max-width: 91%;
        font-size: 14px;
    }

    .post_content .form-group p {
        flex-wrap: wrap;
    }

    .post_content .form-group>p>label {
        width: 100%;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .post_content .wpcf7 form {
        margin: 1.5em 0;
    }

    .post_content .wpcf7 input.wpcf7-submit {
        width: 300px;
    }

    #consent+span.wpcf7-list-item-label {
        font-size: 12px;
    }

    .suggestion {
        margin-left: 0;
        padding: 1.4em 5% 1em;
        width: 90%;
    }

    .suggestion .img_wrap {
        margin-right: 0.2em;
    }

    .suggestion .img_wrap img {
        max-width: 46px;
    }

    .wpcf7 input.wpcf7-submit {
        margin: 30px auto 0 auto;
    }

    .form-group .form_caution {
        margin-left: 0;
        padding: 1em 1em 0.1em 1em;
    }

    .form-group .form_caution3 {
        margin-left: 0;
        padding: 1em 1em 0.1em 1em;
    }

    .post_content .wpcf7 input.wpcf7-submit {
        width: 300px;
    }

    /* 
お支払いについて（新）
 */
    .payment .tab-btn {
        display: block;
        border-bottom: none;
    }

    .payment .tab-btn .btn:not(:last-child) {
        margin-right: 0;
    }

    .payment .tab-btn .btn {
        display: block;
        padding: 0;
        border-bottom: solid 3px #cbcbcb;
        margin-bottom: 10px;
        text-align: right;
        height: 70px;
    }

    .payment .tab-btn .btn:hover {
        transform: none;
    }

    .payment .tab-btn .btn a {
        display: inline-flex;
        width: 100%;
        height: 100%;
        align-items: center;
        padding-left: 22%;
        font-size: 125%;
    }

    .payment .tab-btn .btn1 a,
    .payment .tab-btn .btn2 a,
    .payment .tab-btn .btn3 a,
    .payment .tab-btn .btn4 a,
    .payment .tab-btn .btn5 a,
    .payment .tab-btn .btn1.active a,
    .payment .tab-btn .btn2.active a,
    .payment .tab-btn .btn3.active a,
    .payment .tab-btn .btn4.active a,
    .payment .tab-btn .btn5.active a {
        background-position: 68% center;
        background-size: 20%;
    }

    .payment .tab-contents ol li {
        padding: 10px 0;
        align-items: flex-start;
    }

    .payment .tab-contents ol li .marker {
        font-size: 18px;
        width: 30px;
        height: 30px;
        margin-right: 12px;
    }

    .payment .tab-contents ol li .text {
        width: 85%;
    }

    .payment .payment_table {
        width: 95%;
        margin: 0 auto;
    }

    .payment .payment_memo {
        margin: 0;
    }

    .payment #payment3 .payment_memo {
        padding: 1.6em;
        margin: 0 0 2em 0;
    }

    .payment .payment_memo ul {
        flex-wrap: wrap;
    }

    .payment .payment_memo li {
        flex: auto;
        align-items: center;
        margin-bottom: 20px;
    }

    .payment .payment_memo li:not(:last-child) {
        margin-right: 0;
    }

    .payment .payment_memo img {
        padding-bottom: 3px;
        width: 80px;
    }

    p.payment_note,
    li.payment_note {
        margin: 0 0 10px 0;
    }

    .payment .payment_link a {
        margin-left: 0;
    }

    /* 
Paypal決済について（新）
 */
    .paypal_wrap1_inner {
        flex-wrap: wrap-reverse;
    }

    .paypal_wrap1_inner img {
        padding-left: 0;
    }

    .paypal .payment_memo {
        padding: 1.6em;
        margin: 0 0 2em 0;
    }

    .paypal .payment_memo ul {
        flex-wrap: wrap;
    }

    .paypal .payment_memo li {
        flex: auto;
        align-items: center;
        margin-bottom: 20px;
    }

    .paypal .payment_memo li:not(:last-child) {
        margin-right: 0;
    }

    .paypal .payment_memo img {
        padding-bottom: 3px;
        width: 80px;
    }

    .paypal_wrap3_inner .marker {
        width: 44px;
        height: 44px;
        font-size: 26px;
        left: -35px;
    }

    ol.paypal_wrap3_inner {
        margin-left: 0;
    }

    ol.paypal_wrap3_inner>li {
        padding: 4px 10px 10px 18px;
    }

    .paypal_wrap3_inner>li::before {
        left: -18px;
        top: 25px;
    }

    ol.paypal_wrap3_inner ol+div {
        flex-wrap: wrap;
        justify-content: center;
    }

    ol.paypal_wrap3_inner ol+div .triangle {
        margin: 5px auto;
        transform: rotate(90deg);
    }

    .paypal>div.paypal_link {
        flex-wrap: wrap;
    }

    .paypal>div.paypal_link p {
        margin-bottom: 10px;
    }

    span.paypal2,
    span.paypal3,
    span.paypal4,
    span.paypal5 {
        white-space: nowrap;
        margin: 0;
    }

    ol.paypal_wrap3_inner ol {
        margin: 1em 0 0 0;
    }

    .paypal #paypal-btn {
        flex-wrap: wrap;
    }

    .paypal .paypal-btn {
        width: 18em;
        text-align: center;
    }

    .paypal .paypal-1 {
        margin-bottom: 1em;
    }

    /* 
無料お試しサービス（新）
 */

    .free-trial-link {
        width: 100%;
    }

    .free-trial .bubble {
        width: 100%;
        margin-top: 2em;
    }

    .free-trial .bubble p {
        line-height: 1.6;
        font-size: 90%;
    }

    .free-trial .bubble::after {
        transform: rotate(90deg);
        left: 20%;
        top: -8%;
    }

    img.free-trial {
        margin: 0 2em 1.4em;
        margin: 0 auto;
    }

    .free-trial .img_wrap2 {
        display: none;
    }

    .free-trial ol {
        margin-left: 0;
    }

    .free-trial ol li {
        display: flex;
        align-items: center;
        padding-left: 0;
        margin-bottom: 1.6em;
        position: relative;
        text-indent: 0;
    }

    .free-trial ol li:not(:first-child)::after {
        content: "";
        position: absolute;
        top: -20%;
        left: calc(50% - 5px);
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 10px solid #067E8E;
        border-left: 0;
        transform: rotate(-90deg);
    }

    .free-trial ol li img {
        padding: 0 5px 0 16px;
    }

    .free-trial ol li span {
        position: absolute;
        top: 0;
    }

    .free-trial .caution {
        margin: 1em 0 0 0;
    }

    .free-trial .note {
        clip-path: polygon(0 0, 84% 0, 100% 7%, 100% 100%, 0 100%);
        padding: 3em 1em 1em;
    }

    .free-trial .note h6 {
        flex-wrap: wrap;
        width: 100%;
        line-height: 1.4em;
        margin-left: 0;
        margin-bottom: 3em;
    }

    .free-trial .note h6 span {
        font-size: 132%;
    }

    .free-trial .note h6::after {
        left: 25%;
    }

    .free-trial .note_wrap div {
        width: 100%;
        margin-left: 0%;
    }

    .free-trial .note_wrap+p {
        padding: 1.4em 0 1em;
    }

    .free-trial .note_wrap li {
        text-indent: -1em;
        padding-left: 1em;
        line-height: 1.2;
    }

    /*    .free-trial .note_wrap div p:last-child{
        width: 65%;
        margin-left: 35%;
    }*/


    .free-trial .note_wrap img {
        width: 22%;
        bottom: 100%;
        padding: 0;
    }

    .free-trial-link.last {
        margin-bottom: 2.8em;
        width: 90%;
        margin: 0 auto 2.8em auto;
    }

    .purchase-contact {
        margin: 0;
        padding: 0 1em;
    }

    .purchase-contact p:nth-child(2) {
        font-size: 100%;
    }

    .post_content .purchase-contact h3 {
        font-size: 120%;
        padding: 0;
        margin: 0 auto 1em;
    }

    .purchase-contact h3 img {
        width: 12%;
    }



    /* 
お試しお申込みフォーム
 */
    .delivery_address {
        display: block;
    }

    .delivery_address p:first-child {
        width: 100%;
    }

    .form-group2 {
        width: 100%;
    }

    .form-group2 p {
        flex-wrap: wrap;
    }

    .form-group2 p label {
        width: 100%;
    }

    .trial_suggestion {
        margin-left: 0;
        padding: 1.4em 5% 1em;
        width: 90%;
    }

    .trial_suggestion .img_wrap {
        margin-right: 0.2em;
    }

    .trial_suggestion .img_wrap img {
        max-width: 46px;
    }

    .delivery_top {
        margin: 3em 0 3em 0;
    }

    .delivery_address div:first-child p:first-child {
        width: 35%;
    }

    .form-group .trial_caution1 {
        margin-left: 0;
    }

    .form-group .trial_caution2 {
        width: 100%;
        box-sizing: border-box;
        padding: 1em 1.4em 0.8em;
    }

    .form-group .trial_caution2 img {
        padding-right: 10px;
    }


    [type="date"]::before {
        content: attr(placeholder);
        width: 100%;
        color: #8e8e8e;
    }

    input[type="date"] {
        appearance: none;
        /* ブラウザのデフォルトスタイルを無効化 */
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 10em;
        line-height: 1.2;
    }

    /* 
買取見積申込フォーム
*/
    .form-group.sell label {
        width: 100%;
    }

    .sell-form_wrap p:first-child {
        margin-bottom: 0;
        font-size: 16px;
        width: 100%;
    }

    span#corruption {
        display: block;
    }

    span#corruption .wpcf7-list-item {
        margin-left: 0;
    }

    .form-group .form_caution2 {
        margin-left: 0;
        padding: 1em 1em 0.1em 1em;
        width: 100%;
    }

    /* 
送信完了ページ
 */
    .thanks .text_wrap p {
        font-size: 14px;
    }

    .thanks ul {
        margin: 3em 5px 2em 5px;
    }

    .thanks li {
        font-size: 14px;
    }

    .thanks li span {
        font-size: 10px;
    }

    .thanks .back a {
        margin-right: 0;
    }



    /* 
MCAからの乗り換えお問合わせフォーム
*/
    .form-group.mca label {
        width: 100%;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .mca_suggestion {
        width: 100%;
        box-sizing: border-box;
    }

    .form-group.mca span#purpose {
        margin-bottom: 1em;
    }


    /* 
初期不良品お問い合わせフォーム
*/

    .post_content .initialfailure-form ol {
        margin-left: 0;
    }

    .initialfailure-form ol li::before {
        left: -24px;
    }

    .form-group .form_caution {
        margin-left: 0;
        padding: 1em 1em 0.1em 1em;
    }

    .form-group label {
        width: 100%;
        margin-bottom: 5px;
        font-size: 16px;
    }

    /* 
導入事例　個別ページ
 */

    h3.case {
        /* 削除予定 */
        font-size: 182%;
        font-weight: 800;
    }

    h2.case {
        font-size: 26px;
    }

    .case_1 {
        justify-content: space-between;
        margin-bottom: 1em;
    }

    .case_1 span {
        font-size: 16px;
    }

    .case_2 {
        display: block;
    }

    .case_2 .left {
        margin-right: 0;
    }

    .case_2 .left h3 {
        /* 削除予定 */
        font-size: 178%;
    }

    .case_catch {
        font-size: 178%;
    }

    .case_2 .right img {
        max-width: 100%;
        height: auto;
        margin: 1em auto 0;
    }

    .case_3_inner3 img {
        margin: 3px 8px 0 0;
        width: 48%;
        height: auto;
    }

    .case_3_inner3 {
        display: flex;
        align-items: flex-start;
        margin-top: 8px
    }

    .case_3 div p {
        padding-bottom: 1em;
    }

    .conditions_wrap {
        max-width: 100vw;
        overflow: hidden;
        margin-bottom: 2em;
    }

    .conditions_wrap img {
        flex: 1;
        max-width: 100%;
        ;
        height: auto;
        width: 30%;
    }

    .conditions_wrap img:not(:first-child) {
        margin-left: 5px;
    }

    .conditions_wrap2 {
        margin: 0;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .conditions_wrap2 div {
        margin-left: 0;
        padding: 1.2em;
    }

    .conditions_wrap2 div p:first-child {
        padding-bottom: 1em;
    }

    .conditions_wrap2 div::after {
        bottom: -5px;
        left: 36%;
        transform: rotate(-40deg);
    }

    .conditions_wrap2 img {
        width: 35%;
        height: auto;
        margin: 16px auto 0 5px;
        z-index: 1;
    }

    .case_5 .probrem_wrap {
        padding: 1.4em 8px;
        flex-wrap: wrap;
    }

    .case_5 .probrem_inner1 {
        width: 100%;
        margin-left: 0;
    }

    .case_5 .probrem_inner2 {
        width: 100%;
        padding: 2em 1em 1.2em;
    }

    .case_5 .probrem_wrap .improvement1 {
        left: -20px;
        top: -50px;
        width: 80px;
        height: 80px;
    }

    .case_5 .improvement1 .dots {
        font-size: 25px;
    }

    .case_5 .improvement2 {
        font-size: 22px;
        margin-left: 75px;
        line-height: 1.3em;
        font-weight: 800;
    }

    .case_5 .improvement2+div {
        flex-wrap: wrap;
        justify-content: center;
    }

    .case_5 .improvement2+div img {
        margin: 0 0 1.4em 0;
    }

    .case_5 .improvement2+div p {
        padding-bottom: 1em;
    }

    .case_5 .h5_wrap2 {
        margin: 0 0 1em 2em;
    }

    .case_5 .probrem_inner1 h3::after {
        background: none;
    }

    .case-rental .case_5 .probrem_inner1 h3::after {
        background: none;
    }

    .case_5 .probrem {
        padding-left: 14px;
        margin: 0 0 10px 8px;
    }

    .case_5 .probrem::before {
        left: -36px;
    }

    .case_5 .probrem::after {
        display: none;
    }

    .case_5 .probrem_inner2.new {
        position: relative;
        margin-top: 70px;
    }

    .case_5 .probrem_inner2.new::before {
        content: '';
        background: url(/wp-content/uploads/2023/11/arrow2.png) no-repeat center / contain;
        display: inline-block;
        width: 50px;
        height: 48px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: -45px;
    }

    .case-rental .probrem_inner2.new::before {
        background: url(/wp-content/uploads/2025/10/arrow2_rental.png) no-repeat center / contain;
    }

    .case_5 .probrem_inner1 .swirl {
        /* 削除予定 */
        left: -22px;
    }

    .case_5 .probrem_wrap h5 {
        /* 削除予定 */
        font-weight: 800;
        font-size: 130%;
    }

    .case_5 .probrem_wrap div.arrow2 {
        /* 削除予定 */
        margin: 5px auto 6px auto;
        display: flex;
        justify-content: center;
    }

    .case_5 .probrem_wrap .arrow2 img {
        /* 削除予定 */
        width: 28%;
        height: auto;
    }

    .case_6 h5 {
        margin: 0 1em 0 0;
    }

    .case_6 h4 {
        font-size: 130%;
        margin: 2em 0 1em;
    }

    .case_6 .instance_wrap {
        display: block;
        margin-bottom: 30px;
    }

    .case_6 .instance_wrap .head {
        width: 60%;
        align-items: center;
        margin-bottom: 6px;
        font-size: 16px;
    }

    .case_6 .instance_wrap .text {
        width: 100%;
        font-size: 16px;
    }

    .case_6 .instance_wrap img {
        width: 30%;
    }

    .case_6 h4+img {
        width: 100%;
    }

    .case_6 .image3_5 {
        display: none;
    }

    .case_6 .image3_6 {
        display: block;
        width: 100%;
        height: auto;
    }

    .case_7 .review_inner {
        width: 100%;
        flex: auto;
        padding: 2em 1.6em 0;
        margin: 0 0 1em 0;
    }

    .case_7 .review_inner .amlead_img_wrap img {
        width: 75%;
        height: auto;
        margin-bottom: 1em;
    }

    .case_7 .review_inner2 {
        margin: 0 0 1em 0;
    }

    .case_7 p {
        padding-bottom: 1em;
    }

    .case_7 .review8_wrap figure img {
        width: 60px;
        height: 60px
    }

    .case_7 .review8_wrap {
        margin-bottom: 2.8em;
    }

    .case_7 .review8_wrap>div {
        padding: 0 0 0 0.6em;
    }

    .case_7 .review8_wrap p {
        padding: 0 0 0.4em 0;
    }

    .case_8 .deployedModel {
        display: block;
        margin-bottom: 1em;
    }

    .deployedModel div {
        display: flex;
        max-width: 100vw;
        overflow: hidden;
    }

    .case_8 .deployedModel div:last-child {
        margin: 1em 0 0 0;
        display: block;
        font-size: 12px;
    }

    .case_8 img {
        width: 90%;
        height: auto;
    }

    .case_8 li {
        font-size: 14px;
    }

    .case_10 {
        width: 100%;
    }

    .case_10 .contact_innner1 a {
        line-height: 1.8em;
    }

    .case_10 .contact_innner1 img {
        padding: 1em 0.4em 0 0;
        width: 26%;
        height: auto;
    }

    .case_10 .contact_innner1 p {
        font-size: 14px;
    }

    .case_10 .contact_innner1 span {
        padding-bottom: 0;
        font-weight: 800;
    }

    .case_10 .contact_innner2 a {
        font-size: 130%;
        font-weight: 800;
    }

    .case_10 .contact_innner2 p {
        font-size: 17px;
    }

    .case_11 ul {
        gap: 10px;
        justify-content: space-between;
    }

    .case_11 li {
        width: 44%;
        margin-bottom: 12px;
    }



    /*導入事例 埼玉スバル*/

    .case1_review8_wrap {
        justify-content: space-between;
        margin: 1em auto 5% 10px;
    }

    .case1_review8_wrap img {
        width: 46%;
        height: auto;
    }

    .case_5 .case1_bubble img {
        width: 66px;
        height: 66px;
    }


    /*導入事例 本庄市役所*/
    .postid-27402 .case6_inner .img_wrap {
        margin: 0 0 2em;
        display: flex;
    }

    .postid-27402 .case6_inner img {
        width: 45%;
        height: auto;
        margin: 10px auto;
    }

    /*導入事例 サーズ*/

    .postid-41775 .deployedModel {
        display: flex;
        align-items: center;
    }

    .postid-41775 .deployedModel div:first-child {
        width: 30%;
    }

    /*導入事例 アムリード*/

    .amlead-instance_wrap {
        flex-direction: column;

    }

    .amlead-instance_wrap figure:first-child::after {
        transform: rotate(90deg);
        right: auto;
        left: calc(50% - 30px);
        top: auto;
        bottom: -140px;
    }

    .amlead-instance_wrap+img+img {
        width: 100%;
        height: auto;
    }

    .amlead_img_wrap {
        flex-direction: column;
        align-items: center;
    }

    /*導入事例 ユカリア*/
    .postid-42594 .case_h1_br {
        display: block;
    }

    .postid-42594 .case_1 span {
        margin-top: 10px;
    }

    .postid-42594 .conditions_wrap {
        overflow: visible;
    }

    .postid-42594 .case_5 .probrem_inner2::after {
        top: 295px;
        right: 33px;
    }

    .postid-42594 .case_6 .instance_wrap {
        margin-bottom: 0;
    }

    .eucalia_wrap {
        flex-direction: column;
    }

    .postid-42594 .case_7 .review_inner {
        box-sizing: border-box;
        padding: 2em 1.6em 2em;
    }

    .case_7 .review_inner img.arrow {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 120px) rotate(90deg);
        width: 60px;
    }

    .case_7 .review_inner .eucalia_inner img {
        margin: 0;
    }

    .postid-42594 .case_7 p {
        padding-bottom: 0;
    }

    .case_7 .review_inner .eucalia_inner img.intercom-solution {
        width: 95%;
    }

    .case_7 .review_inner .eucalia_inner img.time_reduction {
        margin-bottom: 20px;
    }

    .postid-42594 .review8_text img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }

    .postid-42594 .case_8 a:first-child img {
        width: 90%;
    }

    .postid-42594 .case_8 img {
        width: 90%;
    }

    /*
導入事例 アーカイブページ
*/

    .case_archive_top #post_title {
        font-size: 20px;
    }

    body #case_archive h2 {
        font-size: 140%;
    }

    #case_archive li {
        width: 100%;
        margin-right: 0 !important;
        padding: 1em 0 2em 0;
    }

    #case_archive .type {
        /* justify-content: flex-start; */
        /* padding-left: 1.2em; */
        margin-bottom: 0;
    }

    #case_archive .case_inner+p {
        text-align: left;
        padding: 0.6em 1.2em;
    }

    #case_archive img {
        padding: 1em 1em 0 1em;
        box-sizing: border-box;
        width: 100%;
    }


}


/* --------------------------------------------------------------------------------
タブレット
-------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1025px) {

    /* 
申請サポート
 */
    .license_form_inner1 {
        width: 45%;
        padding: 12px 10px 0 3%;
        clip-path: polygon(94% 0%, 100% 35%, 100% 100%, 0 100%, 0 0);
    }

    .post_content .license_form_inner1 div h3 {
        font-size: 32px;
    }

    .license_form_inner1 div p:first-of-type {
        font-size: 22px;
    }

    .license_form_inner1 img {
        padding-right: 16px;
        width: 100px;
    }

    .license_form_inner2 img {
        padding-left: 10px;
        width: 60px;
    }

    .license_form_inner2 {
        padding: 14px 3%;
        width: 45%;
    }

    .post_content .license_form_inner2 p {
        font-size: 14px;

    }

    .license3 .form_caution {
        margin: 1.6em 0 2em auto;
    }

    /* 
無線機の免許・登録申請について
 */
    .license-requirement-wrap1 .license-requirement-inner>div img,
    .license-requirement-wrap2 .license-requirement-inner:first-child>div img {
        width: 140px;
    }

    .faq_inner.license_2 .license_methods_inner {
        flex: auto;
    }

    /* 
お問い合わせフォーム
 */
    .form-group label {
        width: 28%;
    }

    /* 
導入の流れ
 */
    .order_flow li h5 {
        font-size: 25px;
        white-space: nowrap;
        right: 55px;
    }

    .order_flow li h5 span {
        font-size: 160%;
    }

    .order_flow .first .flow_inner1 {
        width: 44%;
    }

    .order_flow .flow_inner1 {
        width: 55%;
    }

    .order_flow .flow_inner1 p {
        margin-right: 1em;
    }

    .order_flow .first .flow_inner2 .form>img {
        width: 150px;
    }

    .order_flow .first .flow_inner2 .tel>img {
        width: 100px;
    }

    .order_flow ol .license-info {
        right: 4%;
        top: 20%;
        height: 340px;
        padding: 100px 0 40px 0;
    }

    .licence_n_r1 .category.short li:nth-child(6) a {
        line-height: 1.3em;
        height: 3.6em;
        padding: 0.5em 0;
    }

    /* 
無線機のメリット
 */
    .post_content .benefits_top_wrap {
        margin: -5% 0 0 0;
    }

    .benefits_detail .person2,
    .benefits_detail .person4 {
        margin: -6em 0 0 8%;
    }

    .post_content .first_visit_contact {
        font-size: 18px;
        width: 300px;
    }

    /* 
無線機を使うには
 */
    .first_visit .usage-info li img {
        width: 200px;
    }

    .first_visit .maintenance-info .maintenance_wrap img {
        max-width: 160px;
    }

    /* 
Paypay決済について（新）
 */
    ol.paypal_wrap3_inner ol+div img {
        width: 45%;
    }

    .paypal_link a {
        width: 16.5em;
    }

    /* 
まめちしき　PTT
 */
    .ptt2_inner2 img {
        width: 22%;
        height: auto;
    }

    .ptt_transceiver_link p {
        font-size: 26px;
    }

    .s-ptt_wrap {
        flex-direction: column;
    }

    .s-ptt_wrap figure:first-of-type {
        margin-bottom: 20px;
    }

    /* 
まめちしき　キャリアセンス2
 */
    .carrier_sense2 div {
        flex-direction: column;
    }

    .carrier_sense2 .indicator img,
    .carrier_sense2 .display img {
        width: 170px;
    }

    /* 
まめちしき　防塵防水性能
 */
    .ip_code_diagram strong {
        font-size: 90px;
    }

    .post_content .ip_table {
        width: 100%;
    }

    .ip_code_diagram span {
        top: 140px;
    }

    .ip_rank4_inner {
        min-width: 0;
    }

    .ip_rank5_wrap {
        clip-path: polygon(0 0, 85% 0, 100% 28%, 100% 100%, 0 100%);
    }

    .ip_rank5_wrap .link_wrap a {
        width: 16em;
    }

    .ip_rank5_wrap .link_wrap a.contact {
        margin: 0 0 20px 0;
    }

    .ip_rank5_inner {
        align-items: flex-end;
    }

    .ip_rank5_inner>img {
        width: 200px;
    }

    .ip_rank5_wrap blockquote:first-of-type {
        transform: translateX(2%);
    }


    /* 
お試しお申込みフォーム
 */
    [type="date"]::before {
        content: attr(placeholder);
        width: 100%;
        color: #8e8e8e;
    }

    input[type="date"] {
        appearance: none;
        /* ブラウザのデフォルトスタイルを無効化 */
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 10em;
        line-height: 1.2;
        background: #fff;
    }

    /* 
導入事例　個別ページ
 */
    .case_2 {
        margin-top: 1.2em;
    }

    .case_5 .probrem_wrap {
        margin: 3em 0.6% 4.2em 1.6%;
    }

    .case_5 .probrem_inner1 {
        width: 35%;
    }

    .case_5 .probrem_inner1 p {
        padding: 0 1em;
    }

    .case_5 .probrem_wrap h5+img {
        width: 90px;
    }

    .case_5 .h5_wrap2 {
        padding-right: 20px;
    }

    .case_6 table {
        width: 95%;
    }

    .case_6 h4+img {
        width: 85%;
    }

    .case_6 .instance_wrap .head {
        width: 20%;
    }

    .case_5 .probrem::after {
        left: 35%;
        top: 42px;
    }

    .conditions_wrap img {
        width: 30%;
    }

    /*導入事例 本庄市役所*/
    .postid-27402 .case6_inner {
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .postid-27402 .case6_inner figure {
        width: 50%;
    }

    .postid-27402 .case6_inner .img_wrap {
        margin-right: auto;
    }

    .postid-27402 .case6_inner .img_wrap img {
        width: 45%;
        height: auto;
    }

    /*
導入事例 アーカイブページ
*/

    #case_archive li {
        width: 46%;
    }

    #case_archive li:not(:nth-child(even)) {
        margin-right: 4%；
    }

}

@media (min-width: 1026px) and (max-width: 1155px) {

    /* 
申請サポート
 */

    /*	.license_form_inner1{
		width: 50%;
	}	
	*/
    /*
免許局と登録局
*/
    .licence_n_r1 .category.short li:nth-child(6) a {
        line-height: 1.3em;
        height: 3.6em;
        padding: 0.5em 0;
    }
}