@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

:root {
    /* Colors: */
    --primary-light: #1061a7;
    --font-base-light: #414141;
    --link: #4d9ccc;
    --background: #ffffff;
    --font-base: #2b2b2b;
    --tertiary: #f0b506;
    --secondary: #329abf;
    --primary: #004679;
    --color-1f2a66: #1f2a66;
    --color-00467d: #00467d;
	--wp--preset--color--sango-blue: #009EF3;

    /* Font/text values */
    --font-family-noto-sans: 'Noto Sans JP', sans-serif;
    --font-style-normal: normal;
    --font-weight-bold: bold;
    --font-weight-medium: 500;
    --text-align-center: center;
    --font-size-16: 16px;
    --font-size-24: 24px;
    --font-size-28: 28px;
    --font-size-36: 36px;
    --font-size-42: 42px;
    --character-spacing-0: 0px;
    --character-spacing-2-4: 2.4px;
    --character-spacing-2-52: 2.52px;
    --character-spacing-2-94: 2.94px;
    --line-spacing-22: 22px;
    --line-spacing-33: 33px;
    --line-spacing-49: 49px;
    --line-spacing-56: 56px;
    --line-spacing-57: 57px;
	
/* 	shadow */
	--wp--custom--shadow--large: 0 15px 30px -7px rgba(0, 12, 66, 0.15);
    --wp--custom--shadow--large-hover: 0 40px 50px -15px rgba(0, 12, 66, 0.2);
    --wp--custom--shadow--medium: 0 6px 13px -3px rgba(0, 12, 66, 0.1), 0 0px 1px rgba(0, 30, 100, 0.1);
    --wp--custom--shadow--medium-hover: 0 12px 45px -9px rgb(0 0 0 / 23%);
    --wp--custom--shadow--solid: 0 1px 2px 0 rgba(24, 44, 84, 0.1), 0 1px 3px 1px rgba(24, 44, 84, 0.1);
    --wp--custom--shadow--solid-hover: 0 2px 4px 0 rgba(24, 44, 84, 0.1), 0 2px 8px 0 rgba(24, 44, 84, 0.1);
    --wp--custom--shadow--small: 0 2px 4px #4385bb12;
}

/* Character Styles */
.h1-noto-sans-—-30pt {
    font-family: var(--font-family-noto-sans);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-42);
    line-height: var(--line-spacing-57);
    letter-spacing: var(--character-spacing-2-94);
    color: var(--color-1f2a66);
    text-align: var(--text-align-center);
    margin: var(--character-spacing-0);
}
.h2-noto-sans-—-20pt {
    font-family: var(--font-family-noto-sans);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-36);
    line-height: var(--line-spacing-49);
    letter-spacing: var(--character-spacing-2-52);
    color: var(--color-1f2a66);
    text-align: var(--text-align-center);
    margin: var(--character-spacing-0);
}
.h3-noto-sans-—-16pt {
    font-family: var(--font-family-noto-sans);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-28);
    line-height: var(--line-spacing-56);
    letter-spacing: var(--character-spacing-0);
    color: var(--primary);
    margin: var(--character-spacing-0);
}
.h4-noto-sans-—-14pt {
    font-family: var(--font-family-noto-sans);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-24);
    line-height: var(--line-spacing-33);
    letter-spacing: var(--character-spacing-2-4);
    color: var(--primary);
    margin: var(--character-spacing-0);
}
.base-noto-sans-—-14pt {
    font-family: var(--font-family-noto-sans);
    font-style: var(--font-style-normal);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-16);
    line-height: var(--line-spacing-22);
    letter-spacing: var(--character-spacing-0);
    color: var(--font-base);
    margin: var(--character-spacing-0);
}

a {
	text-decoration: none!important;
}

.wp-block-table td {
	white-space: pre-wrap !important;
	border: 2px solid #e0e0e0;
    padding: 7px 14px;
}

.wp-block-table tbody {
	border-bottom: 1px solid #2b2b2b;
}
.wp-block-list {
	list-style: disc;
    margin-left: 17px;
}
#inner-content .li-check ul {
	padding-bottom: 0;
	padding-top: 0;
}
h3.wp-block-heading {
	color: #000;
    border-left-style: solid;
    border-left-width: 4px;
    line-height: 1.5;
    margin-top: 2.5em;
    padding: 5px 0 5px 10px;
}

body .is-layout-flex {
	display: flex;
	gap: 1.5rem;
}
.casestudy_block .is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}
.casestudy_block .wp-block-group-is-layout-flex {
	gap: 24px;
	padding: 24px 36px !important;
}

/* SANGO */
.has-sango-blue-color {
	color: var(--wp--preset--color--sango-blue) !important;
}

@media not all and (min-width: 915px) {
    h2 {
        margin-bottom: 24px;
        margin-top: 0;
        font-style: var(--font-style-normal);
		font-weight: var(--font-weight-bold);
		font-size: clamp(14px, 5vw, 26px) !important;
		line-height: 40px;
		font-family: var(--font-family-noto-sans);
    }
    h3::after {
        width: 40px;
    }
    .font-sizeL {font-size: 32px !important;}
    .font-sizeM {font-size: 26px !important;}
    #logo {
        font-size: 0 !important;
    }
    #logo img {
        width: 61px;
    }
    .one-column #main {
        width: 85% !important;
        margin: 0 auto;
        padding-bottom: 40px;
    }
    .c_main #main {
        width: 90% !important;
        margin: 0 auto;
        padding-bottom: 0;
    }
    #footer-menu {
        width: 90%;
    }
    #footer-menu .widget_text {
        width: 100%;
    }
    #footer-menu .sub-menu {
        display: none;
    }
    #footer-menu nav {
        width: 100%;
        margin: 16px 0 0 0;
    }
    #footer-menu ul {
        flex-wrap: wrap;
        align-items: stretch;
    }
    #footer-menu .menu-item {
        width: 50%;
    }
    #footer-menu .menu-item_2 {
        margin-top: 32px;
    }
    #footer-menu .menu-item_2 li {
        width: 100%;
        padding: 0;
    }
    #footer-menu .f_copyright {
        font-size: 10px;
    }
    .footer .block_1 {
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .footer .btn_area {
        margin: 32px 0 0 0;
        width: 50% !important;
    }
    .footer .btn_light-blue_M {
        font: var(--font-style-normal) normal var(--font-weight-medium) 13px/44px var(--font-family-noto-sans) !important;
        border: 1px var(--link) solid;
        width: 140px;
        margin: 0 !important;
        letter-spacing: 1.68px !important;
    }
    .splide__slide p {
        font-size: 26px !important;
        top: 38%;
        /* top: 306px; */
        left: 8%;
    }
    .splide__slide label {
        height: 80px !important;
    }
    .splide__slide a {
    	width: 206px;
    	height: 61px;
    	margin-top: 32px;
    	/* top: 464px; */
    	top: 58%;
    	left: 8%;
    	font-size: 24px !important;
    }
    .c_main h1 {
        font-size: 38px;
    }
    .c_main h1 span {
        font-size: 16px;
        line-height: 2;
    }
    .img_block, .img_block li {
        display: inline-block;
        display: flex;
        /* margin-top: 20px; */
        flex-wrap: wrap;
    }
    .img_block li, .img_block dl {
        margin: 0 0 41px 0;
    }
    section {
        padding: 40px 0;
    }
    #top {
        flex-direction: column;
        /* height: 763px; */
        height: auto;
        padding: 118px 0 40px 0 !important;
    }
    #top p br {
        display: none;
    }
    #top p:nth-of-type(2) br {
        display: inline-block;
    }
    .archive_columns_block .double_block section h2 {
        margin: 80px 0 0 0;
    }
    #top img {
        width: 100%;
        height: auto;
        display: none;
    }
    #top p:nth-child(1) {
        font: var(--font-style-normal) normal var(--font-weight-bold) 32px/40px var(--font-family-noto-sans);
        letter-spacing: 1.28px;
        margin: 0 0 8px 0 !important;
    }
    #top .btn_area, .r_main .block_1 {
        padding: 20px 0;
        display: inline-block;
    }
    #top .btn_area {
        width: 50% !important;
        display: inline-block;
        float: left;
        margin: 0;
    }
    .light-blue_block .btn_area {
        width: 70% !important;
        display: block;
        margin: 0 auto;
    }
    .service_block {
        padding: .1px 0 !important;
        margin-bottom: 80px;
    }
    .service_block img {
        width: 100%;
    }
    .service_block span {
        font-size: 24px;
    }
    .service_block .s_message {
        padding: 0 8px;
    }
    .service_block .two-column_block {
        width: 85%;
    }
    .two-column_block, .work_block {
        display: block;
    }
    .two-column_block:has(.two-column_block_child) {
        display: inline-block;
    }
    .two-column_block_child {
        padding: 0;
        margin: 8px 0 !important;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }
    .two-column_block_content {
        margin-top: 32px;
        margin-bottom: 42px;
    }
    /*
    .two-column_block_child iframe {
        aspect-ratio: 350 / 341;
    }*/
    .img_block .work_block_child {
        background: #fff;
        box-shadow: 0px 4px 15px #9F9F9F34;
        border-radius: 4px;
    }
    .p_message {
        margin: 20px 0 !important;
        /* text-align: left !important; */
        font: var(--font-style-normal) normal 500 20px/30px var(--font-family-noto-sans) !important;
    }
    .p_message br {
        display: none;
    }
    .white_block_inner {
        margin: 0 auto;
        width: 85%;
        display: flex !important;
        flex-direction: column;
    }
    .single_block img {
        margin-top: 40px;
    }
    .r_message {
        margin-bottom: 0 !important;
    }
    .r_message p:last-child {
        margin: 40px 0 0 0;
    }
    .message_block h3, .single_block h3 {
        font-size: var(--font-size-24) !important;
        line-height: 2;
    }
    .message_block h3::before, .single_block h3:before {
        content: '';
        width: 0;
    }
    .message_block h3::after, .single_block h3::after {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 0;
    }
    .performance_block {
        padding: 20px 0 !important;
    }
    .performance_block span {
        font: var(--font-style-normal) normal var(--font-weight-bold) 32px/20px var(--font-family-noto-sans);
        letter-spacing: 2px;
    }
    .performance_block ul {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 32px;
    }
    .performance_block li {
        width: 48% !important;
        height: 80px;
    }
    .performance_block li:nth-of-type(n+5) {
        width: 31.33% !important;
    }
    .price_block li {
        margin: 0 0 20px 0;
    }
    .p_attention {
        font: var(--font-style-normal) normal nomal 16px/38px var(--font-family-noto-sans) !important;
    }
    .question_block div {
        flex-wrap: wrap;
        justify-content: end;
    }
    .question_block div div {
        width: 100%;
        margin: 0  15%;
    }
    .question_block p {
        font: var(--font-style-normal) normal var(--font-weight-bold) 24px/40px var(--font-family-noto-sans) !important;
        letter-spacing: 0;
    }
    .question_block p:nth-of-type(2) span {
        font: var(--font-style-normal) normal 600 20px/var(--line-spacing-22) var(--font-family-noto-sans) !important;
    }
    .question_block p:nth-of-type(2) {
        margin: 32px auto;
        font: var(--font-style-normal) normal var(--font-weight-bold) 21px/42px var(--font-family-noto-sans) !important;
    }
    .question_block ul {
        width: 100%;
        margin: 8px 0 0 0;
    }
    .question_block img {
        width: 120px;
    }
    .question_block li {
        padding: 12px 8px;
        width: 48%;
        margin: 4px 0;
        font: var(--font-style-normal) normal 600 16px/var(--line-spacing-22) var(--font-family-noto-sans);
        letter-spacing: 0;
    }
    .question_block li:nth-of-type(odd) {
        margin-right: 12px;
    }
    .question_block li:nth-of-type(3) {
        margin-left: 0;
    }
    .service_block li {
        padding: 6px;
    }
    .features_block .light-blue_block {
        padding-bottom: 20px !important;
        margin-bottom: 20px;
    }
    .features_block .service_list {
        padding: 24px 0px;
        margin: 0 0 40px 0;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .features_block .service_list dl {
        width: 90%;
        padding: 20px;
        margin: 0 0 48px 0;
    }
    .features_block .service_list dd li {
        font: var(--font-style-normal) normal normal 17px/24px Hiragino Kaku Gothic ProN;
        width: 100%;
        display: inline-block;
    }
    .features_block .service_list dl:last-child {
        margin: 0;
    }
    .features_block .service_list dl::after {
        content: '';
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-top: 34px solid var(--primary);
        position: absolute;
        bottom: -44px;
        left: 50%;
        margin-left: -21px;
    }
    .features_block .service_list dl:last-child::after {
        display: none;
    }
    .features_block dd img {
        width: 100px;
        margin: 18px auto;
    }
    .features_block .service_list dt span {
        font: var(--font-style-normal) normal var(--font-weight-bold) 18px/27px var(--font-family-noto-sans);
        letter-spacing: 1.2px;
    }
    .features_block .service_list dt img {
        margin-top: 8px;
    }
    .features_block .light-blue_block_inner dd p {
        font: var(--font-style-normal) normal var(--font-weight-medium) 16px/24px var(--font-family-noto-sans) !important;
        letter-spacing: 1.6px;
        margin: 44px 0 24px 0 !important;
    }
    .features_block dd li {
        font: var(--font-style-normal) normal var(--font-weight-medium) 14px/30px var(--font-family-noto-sans) !important;        
    }
    .features_block .light-blue_block_inner dl,
    .casestudy_block .light-blue_block_inner dl {
        width: 90%;
        margin: 0 auto;
        padding: 24px 20px;
    }
    .features_block .light-blue_block_inner dl {
        width: 90%;
    }
    .casestudy_block .light-blue_block_inner dl {
        width: 100%;
    }
    .features_block .light-blue_block_inner dl:nth-child(3),
    .features_block .light-blue_block_inner dl:nth-child(4),
    .casestudy_block .light-blue_block_inner dl:nth-child(3),
    .casestudy_block .light-blue_block_inner dl:nth-child(4) {
        margin-bottom: 24px;
    }
    .casestudy_block .light-blue_block_inner dt span:nth-of-type(1) {
        font: var(--font-style-normal) normal var(--font-weight-bold) 18px/32px var(--font-family-noto-sans);
        letter-spacing: 1.2px;
    }
    .casestudy_block .light-blue_block_inner dt span:nth-of-type(2) {
        font: var(--font-style-normal) normal var(--font-weight-bold) 25px/var(--line-spacing-49) var(--font-family-noto-sans);
    }
    .casestudy_block .light-blue_block_inner dd p {
        font: var(--font-style-normal) normal var(--font-weight-bold) 16px/28px var(--font-family-noto-sans) !important;
        letter-spacing: 1px;
    }
    .casestudy_block .light-blue_block_inner dd li {
        font: var(--font-style-normal) normal var(--font-weight-medium) 16px/24px var(--font-family-noto-sans);
    }
    .professionals_block li {
        margin: 40px 0;
    }
    .r_main .advantages_block .text_bold_blue {
        font: var(--font-style-normal) normal var(--font-weight-bold) 26px/40px var(--font-family-noto-sans) !important;
        margin: 8px 0;
    }
    .achivement_block ul {
        display: block;
    }
    .achivement_block li {
        display: flex;
    }
    .achivement_block dl {
        width: 100%;
    }
    .achivement_block li dt {
        width: 200px;
        height: 200px;
        margin: 32px auto;
    }
    .achivement_block img {
        width: 120px;
        margin-top: 40px;
        box-shadow: none !important;
        filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
    }
    .resolutions_block li {
        width: 100%;
    }
    .price_block li div:nth-child(3) p {
        font-size: 16px !important;
    }
    .price_block li div:nth-child(2) {
        margin: 20px;
        padding: 20px;
    }
    .qa_list summary {
        margin: 33px 40px 35px 0;
    }
    .qa_list summary span::before,
    .qa_list summary span::after {
        right: -12%;
    }
    .order1 {
        order: 1;
    }
    .order2 {
        order: 2;
    }
    .double_block .img_block li {
        width: 100%;
    }
    .double_block .related_block li {
        width: 47%;
        flex-wrap: nowrap;
        margin: 8px 4px;
    }
    .double_block .related_block li p {
        font: var(--font-style-normal) normal 600 12px/18px var(--font-family-noto-sans) !important
    }
    .page_title {
        font-size: 28px !important;
        line-height: 1.5 !important;
    }
    .single_block h3 {
        font-size: 20px !important;
        line-height: 1.5 !important;        
    }
    .c_main .contact_block {
        margin: 80px 0 92px 0;
        padding: 40px 20px !important;
    }
    .c_main .double_block .contact_block h1 {
        margin-bottom: 33px;
    }
    .c_main .min_input {
        display: inline-table !important;
    }
    .c_main .min_input th, .c_main .min_input td {
        max-width: 114px;
    }
    .c_main .contact_block tr:nth-child(4) {
        margin-right: 5%;
    }
    .media_content {
        margin-top: 60px !important;
    }
    .contact_block {
        margin: 0;
        width: 100%;
        padding: 32px 20px 32px 20px !important;
    }
    .contact_block p {
        font: var(--font-style-normal) normal var(--font-weight-medium) 14px/28px var(--font-family-noto-sans) !important;
    }
    .contact_block p, .contact_block form {
        margin: 0 !important;
        width: 100%;
    }
    .contact_block p:nth-of-type(2) {
        margin-bottom: 20px !important;
    }
    .r_main .contact_block_inner {
        padding: 40px 20px 40px 20px;
    }
    .insidesp {
        padding: 0 !important;
    }
    #sidebar1 {
        /* width: 100%; */
        /* height: auto; */
        /* display: inline-block; */
        /* vertical-align: top; */
        /* margin: 80px 0; */
    }
    #sidebar1 .widget, #drawer__content {
        background: #999;
        max-width: 100%;
        height: 340px;
        /* height: auto; */
    }
    #drawer__content {
        background: #fff;
        height: 100%;
        overflow-x: hidden;
    }
    #sidebar1 .relation_block {
        margin-top: 64px;
    }
    .c_main .double_block #sidebar1 .contact_block {
        padding: 40px 24px;
        margin: 40px 0 80px 0;
    }
    #sidebar1 .min_input {
        max-width: 120px;
        display: inline-table !important;
    }
    #sidebar1 tr:nth-of-type(3) {
        margin-right: 5%;
    }
    .fixity_area {
        height: 90px;
    }
    .fixity_area .btn_area {
        margin: 0;
        width: 70% !important;
    }
    .fixity_area .fixity_area_inner {
        padding: 20px 0 24px 16px;
    }
    .fixity_area .btn_area .btn_orange_M {
        font: var(--font-style-normal) normal 600 12px/44px var(--font-family-noto-sans) !important;
    }
    .fixity_area .btn_area .btn_orange_M {
        margin: 0 12px 0 0 !important;
    }
    .page_top_btn {
        right: 16px;
        bottom: 20px;
        width: 50px;
        height: 50px;
    }
    .page_top_btn:before {
        top: 15%;
    }
    #toc_container {
        padding: 24px;
    }
    #toc_container p.toc_title+ul.toc_list {
        margin: 16px 0 0 16px;
    }
    #toc_container.no_bullets ul ul,
    #toc_container.no_bullets ul ul li {
        margin: 0 0 0 -4px;
    }
    .double_block h1,
    .double_block section:first-of-type h1 {
        font: var(--font-style-normal) normal var(--font-weight-bold) 28px/34px var(--font-family-noto-sans);
		font-size: clamp(14px, 5vw, 28px) !important;
    }
    .double_block section h2,
    .double_block section h2 span {
        font: var(--font-style-normal) normal var(--font-weight-bold) 20px/20px var(--font-family-noto-sans);
        line-height: 1.6 !important;
        text-align: left;
        margin: 12px 0;
    }
    .double_block h3 {
        font: var(--font-style-normal) normal var(--font-weight-bold) 24px/35px var(--font-family-noto-sans);
    }
    .double_block2 {
        width: 100% !important;
    }
    .double_block2 img:nth-of-type(1) {
        height: auto;
    }
	.double_block2 ul {
		font-size: 14px;
	}
    .schedule_block ul {
        margin-top: 52px;
    }
    .schedule_block li::before,
    .schedule_block li::after {
        bottom: 80%;
        width: 50px;
        height: 50px;
    }
    .schedule_block li::before {
        font-size: 9px;
        line-height: 3;
    }
    .schedule_block li::after {
        font-size: 18px;
        line-height: 3.8;
        font-weight: bold;
    }
    .schedule_block dl {
        display: block;
        padding: 28px 0 8px 0;
        margin: 0 0 52px 0;
    }
    .schedule_block dt {
        padding: 4px 12px 0 12px;
    }
    .schedule_block dd {
        padding: 12px;
    }
    .btn_light-blue_M, .btn_orange_M {
        font: var(--font-style-normal) normal var(--font-weight-medium) 14px/49px var(--font-family-noto-sans) !important;
        /* height: 48px; */
        width: 90%;
        letter-spacing:  0 !important;
        margin: 0 4px !important;
    }
    .r_main .light-blue_block_inner .text_bold_white {
        font: var(--font-style-normal) normal var(--font-weight-bold) 24px/32px var(--font-family-noto-sans) !important;
        letter-spacing: 1.28px;
        margin: 0 20px 20px 20px;
    }
    #top .block_1 span, .r_main .block_1 span {
        font: var(--font-style-normal) normal 600 16px/var(--line-spacing-49) var(--font-family-noto-sans) !important;
    }
    #top .top_mess div span:nth-of-type(2) {
        font: var(--font-style-normal) normal var(--font-weight-bold) 36px/46px var(--font-family-noto-sans);
        letter-spacing: 2px;
    }
    #top .top_mess div span:nth-of-type(2)::before,
    #top .top_mess div span:nth-of-type(2)::after {
        display: none;
    }
    .contact_block .min_input {
        margin-bottom: 0;
    }
    .contact_block .min_td {
        width: 100%;
        margin-bottom: 0;
    }
    .contact_block .min_td:nth-of-type(even) {
        margin-left: 0;
    }
    .contact_block .test {
        width: 100%;
    }
    .head_block {
        display: block;
        min-height: 520px;
        padding: 52px 0 !important;
    }
    #inner-content .head_block a {
        margin-top: 24px;
    }
    #inner-content .head_block .is_img {
        max-width: 564px;
        text-align: center;
    }
	#inner-content p{
		font-size:16px;
	}
    .head_block div {
        width: 85%;
        margin: auto;
    }
    .head_block h1 {
        font: var(--font-style-normal) normal var(--font-weight-bold) 26px/40px var(--font-family-noto-sans);
        text-align: left;
    }
    .head_block .case-study-image {
        display: block;
        margin: 0 auto;
    }
    #inner-content .head_block div:nth-child(2) {
        width: 78%;
        height: 200px;
        margin-top: 32px;
    }
    .archive_block .select_category {
        margin: 20px 0 0 0;
    }
    .archive_block .select_category label {
        border: 1px var(--primary) solid;
        margin: 4px;
    }
    .double_block .box_1 {
        padding: 32px 32px;
        margin: 40px 0 0 0;
    }
    .double_block .block_1 {
        margin: 40px 0;
    }
    .double_block .box_1 ol {
        padding: 0 0 24px 20px;
    }
    .double_block .box_1 li {
        margin-bottom: 12px;
    }
    .double_block .box_2 {
        padding: 20px;
        margin: 40px 0 60px 0;
        text-align: center;
    }
    .double_block .box_2 strong {
        margin-bottom: 32px;
    }
    .double_block .box_2 img {
        display: inline-block;
        margin: 0 !important;
        width: 150px;
    }
    .double_block .box_2 p {
        text-align: left;        
    }
    .related_block {
        margin-top: 60px;
        padding: 32px 0 0 0;
    }
    #sidebar1 .tag_area li a {
        font: var(--font-style-normal) normal normal 12px/30px var(--font-family-noto-sans);
    }
    .blog-card {
        display: block;
    }
    .blog-card-box::after {
        font-size: 12px;
        padding: 8px 12px;
    }
    .blog-card-thumbnail {
        width: 100%;
    }
    .blog-card-title {
        width: 100%;
        padding: 8px;
        font: var(--font-style-normal) normal normal 14px/24px var(--font-family-noto-sans);
    }
    .blog-card-thumbnail img {
        margin-bottom: 0;
        border-radius: 4px 4px 0 0 !important;
        height: 150px !important;
    }
	
	.columns-link-bottun-container{
		display:flex;
		flex-direction:column;
		width:70%;
		align-items:center;
	}
	.columns-related-link{
		width: 70%;
		height:auto;
		max-width: 450px;
	}
	.supervisor-info-container{
		grid-template-areas:
			"a d b"
			"c c c";
	}
}

@media not all and (min-width: 950px) {
    .fixity_area .btn_area {
        width: 41% !important;
        margin: 0 !important;
    }
    .page_top_btn {
        right: 20px !important;
    }
    .footer .btn_light-blue_M {
        width: 95%;
        max-width: 250px;
    }
}
.case-study-tags-container{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.link-tag{
	font-weight:bold;
	background-color: #e9f1f8;
	width: auto !important;
	padding:0px 8px;
	color: #2b2b2b !important;
}


@media only screen and (min-width: 915px) {
    .font-sizeL {font-size: 38px !important;}
    .font-sizeM {font-size: 28px !important;}
    
    #logo {
        height: 80px !important;
        line-height: 80px !important;
    }
    section {
        padding: 20px 0 20px 0;
    }
    #top {
        /*justify-content: center;*/
        align-items: end;
        padding: 78px 0 0 0 !important;
    }
    #top .top_mess {
		/*position: relative; */
        width: 50%;
        margin-left: 32px;
    }
	#top .top_mess .awardLogo{
        position: absolute;
		top: 0;
		left: 1000px;
		width: 125px;
    }
    #top .top_visual {
        width: 30%;
    }
    #inner-header, .one-column #inner-content {
        max-width: 1200px !important;
        margin: 0 auto;
    }
	#inner-content p {
	    font: 16px/32px var(--font-family-noto-sans);
	}
	.double_block2 ul {
		font-size: 16px;
	}
    .desktop-nav ul, .desktop-nav .sub-menu li, .desktop-nav .sub-menu li a {
        width: 100% !important;
    }
    .desktop-nav .sub-menu {
        width: 150px !important;
    }
    .single_block {
        max-width: 800px !important;
        padding: 24px 0;
        margin: 0 auto;
    }
    .single_block img {
        margin-top: 120px;
        height: auto;
        width: 100%;
        object-fit: cover;
    }
    .one-column #main {
        width: 98%;
        max-width: 98%;
    }
    .double_block {
        margin: 32px 0 204px 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
		gap: 40px;
    }
	.download_contents_block {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
    .double_block section {
        width: 67%;
        padding: 0;
        display: inline-block;
    }
    .double_block section h2 {
        text-align: left;
        margin: 120px 0 12px 0;
    }
    .double_block section h2#i-0 {
        margin: 0 0 36px 0;
    }
    .double_block .contact_block {
         margin: 0 auto;
         padding: 80px;
    }
    .contact_thanks {
         margin: 0 !important;
         padding: 52px 40px 52px 40px !important;
    }
    .double_block #sidebar1 .contact_block {
         margin: 0 0 180px 0 !important;
         padding: 55px 20px 69px 20px;
    }
	.double_block #sidebar1 .contact_block_fixed {
		position: fixed;
		top: 90px;
		width: 392px;
    }
    .double_block2 section {
		width:100%;
    }
    .double_block2 #sidebar1 {
        flex: none;
    }
	.double_block2 img:nth-of-type(1) {
        height: auto;
    }
/*     .thumbnail_img {
        aspect-ratio: 4 / 3;        
    }  yuto download-contentsの画像が切れるためスタイル無効化*/
    #footer-menu {
        max-width: 1200px;
    }
    #footer-menu .widget_text {
        width: 30%;
    }
    #footer-menu .sub-menu {
        display: inline-block;
    }
    #footer-menu nav {
        width: 65%;
        margin: 56px 0 32px;
    }
    #footer-menu .menu-item {
        width: 25%;
        margin-bottom: 40px;
    }
    .footer .block_1 {
        text-align: left;
        width: 100%;
        display: flex;
        justify-content: start;
    }
    .footer .btn_area {
        width: 45% !important;
        max-width: 250px;
        margin: 8px 0 16px 0;
        text-align: left !important;
    }
    .footer .btn_light-blue_M {
        font: var(--font-style-normal) normal var(--font-weight-medium) var(--font-size-16)/60px var(--font-family-noto-sans);
        border: 1px var(--link) solid;
        width: 80%;
        text-align: center;
        letter-spacing: 1.68px !important;
        /* height: 60px; */
    }
    .bread_block {
        padding: 16px 0 48px 0;
    }
    .img_block {
        display: flex;
        margin: 0;
        flex-wrap: wrap;
    }
    .r_main .img_block {
        justify-content: center;
        margin: 75px 0 55px;
    }
    .img_block li, .img_block dl {
        margin: 1%;
        position: relative;
        width: 31%;
    }
    .casestudy_block .img_block {
        margin: 40px 0 62px 0;
        list-style: none !important;
    }
    .casestudy_block .img_block li {
        width: 31%;
    }
	
    .seminar_block .img_block {
        flex-wrap: nowrap;
    }
    .seminar_block .img_block li {
        margin: 8px;
        position: relative;
        max-width: 387px;
    }
    .service_block h2::after, .recruit_block h2::after, .contact_block h2::after {
        font-size: 18px;
    }
    .service_block {
        margin-bottom: 80px;
    }
    .service_block::after {
        width: 95%;
        margin: auto;
    }
    .service_block img {
        width: 464px;
        height: auto;
    }
    .service_block span {
        font-size: 38px;
    }
    .service_block p {
        font-size: 18px !important;
    }
    .archive_block .double_block {
        margin: 2.5px 0 159px 0;
    }
    .archive_block .double_block img {
        /* height: 165px; */
        /* width: 384px; */
        border-radius: 4px 4px 0 0 !important;
    }
    .archive_block .img_block {
        flex-wrap: wrap;
    }
    .archive_block .img_block li {
        margin-bottom: 55px;
        width: 33% !important;
    }
    .archive_columns_block .double_block section h2 {
        margin: 80px 0 16px 0;
    }
    .two-column_block, .work_block {
        display: flex;
    }
    .two-column_block:has(.two-column_block_child) {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
    }
    .two-column_block_child {
        width: 42%;
        display: inline-block;
    }
    .two-column_block_title {
        width: 26%;
    }
    .two-column_block_content {
        width: 70%;
    }
    /*
    .two-column_block_child iframe {
        aspect-ratio: 554 / 341;
    }*/
    .about_block.two-column_block_title {
        width: 26%;
        vertical-align: top;
        display: inline-block;
    }
    .p_message {
        margin: 40px 0 !important;
        font: var(--font-style-normal) normal 500 20px/28px var(--font-family-noto-sans) !important;
    }
    .price_block li {
        margin: 0 16px 20px;
    }
    .p_attention {
        font: var(--font-style-normal) normal var(--font-weight-bold) 18px/38px var(--font-family-noto-sans) !important;
    }
    .schedule_block {
        max-width: 900px;
        margin: auto;
    }
    .white_block_inner {
        max-width: 1200px;
        margin: 0 auto;
    }
    .r_message {
        margin-right: 4%;
    }
    .features_block dd ul {
        justify-content: space-around;
    }
    .features_block dd li {
         font: var(--font-style-normal) normal normal 18px/31px Hiragino Kaku Gothic ProN;
    }
    .features_block .service_list dt span {
        font: var(--font-style-normal) normal var(--font-weight-bold) 20px/27px var(--font-family-noto-sans);
        letter-spacing: 2px;
    }
    .features_block .service_list {
        padding: 48px 0px;
        margin: 0 0 80px 0;
        justify-content: center;
    }
    .features_block .light-blue_block_inner dl,
    .casestudy_block .light-blue_block_inner dl {
        width: 46%;
        padding: 40px 52px;
    }
    .features_block .light-blue_block_inner dl:nth-child(odd),
    .casestudy_block .light-blue_block_inner dl:nth-child(odd) {
        margin-right: 40px;
    }
    .features_block .light-blue_block_inner dl:nth-child(3),
    .features_block .light-blue_block_inner dl:nth-child(4),
    .casestudy_block .light-blue_block_inner dl:nth-child(3),
    .casestudy_block .light-blue_block_inner dl:nth-child(4) {
        margin-bottom: 80px;
    }
    .casestudy_block .light-blue_block_inner dt span:nth-of-type(1) {
        font: var(--font-style-normal) normal var(--font-weight-bold) 20px/38px var(--font-family-noto-sans);
        letter-spacing: 1.4px;
    }
    .casestudy_block .light-blue_block_inner dt span:nth-of-type(2) {
        font: var(--font-style-normal) normal var(--font-weight-bold) 30px/var(--line-spacing-56) var(--font-family-noto-sans);
    }
    .casestudy_block .light-blue_block_inner dd p {
        font: var(--font-style-normal) normal var(--font-weight-bold) 20px/28px var(--font-family-noto-sans) !important;
        letter-spacing: 1.4px;
    }
    .casestudy_block .light-blue_block_inner dd li {
        font: var(--font-style-normal) normal var(--font-weight-medium) 18px/24px var(--font-family-noto-sans);
    }
    .service_block ul {
        display: flex;
        margin: auto;
    }
    .r_main .block_1 {
        text-align: center;
        padding: 80px 0;
    }
    .r_main .block_1 .btn_area {
        display: inline-block;
        width: 420px !important;
        margin: 0 auto;
    }
    .contact_block {
        margin: 0 auto;
        padding: 10px 0;
    }
    .r_main .contact_block_inner {
        padding: 60px 40px 40px 40px;
    }
    .contact_block iframe {
        max-width: 800px;
        margin: 0 auto;
        display: block;
        width: 100%;
    }
    .contact_block p {
        font: var(--font-style-normal) normal var(--font-weight-medium) 18px/30px var(--font-family-noto-sans) !important;
    }
    #sgb-splide-id4 {
        max-width: 1200px;
        height: 80px;
        margin: 0 auto;
    }
    .performance_block span {
        font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-36)/20px var(--font-family-noto-sans);
        letter-spacing: 3.24px;
    }
    .performance_block ul {
        justify-content: center;
        align-items: center;
    }
    .performance_block li {
        width: 21%;
    }
    .question_block p {
        font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-42)/var(--line-spacing-57) var(--font-family-noto-sans) !important;
        letter-spacing: var(--character-spacing-2-94);
    }
    .question_block p:nth-of-type(2) {
        margin: 72px auto 0 auto;
    }
    .question_block p:nth-of-type(2) span {
        font: var(--font-style-normal) normal 600 20px/var(--line-spacing-22) var(--font-family-noto-sans) !important;
    }
    .question_block p:nth-of-type(2) {
        font: var(--font-style-normal) normal var(--font-weight-bold) 32px/var(--line-spacing-56) var(--font-family-noto-sans) !important;
        width: fit-content;
    }
    .question_block div {
        align-items: flex-end;
    }
    .question_block ul {
        width: 894px;
    }
    .question_block li {
        padding: 24px 16px;
        width: 327px;
        margin: 16px 0;
        font: var(--font-style-normal) normal 600 19px/var(--line-spacing-22) var(--font-family-noto-sans);
        letter-spacing: 1.5px;
    }
    .question_block li br {
        display: none;
    }
    .question_block li:nth-of-type(odd) {
        margin-right: 10%;
    }
    .question_block li:nth-of-type(3) {
        margin-left: 8%;
        /* margin-left: 80px; */
    }
    .question_block div div {
        display: inline-block;
        vertical-align: bottom;
        width: 200px;
    }
    .question_block img {
        width: 100%;
        height: auto;
    }
    .features_block .service_list dl {
        padding: 26px;
        width: 253px;
        margin: 14px 24px;
    }
    .features_block .service_list dl:first-child {
        margin: 14px 24px 14px 0;
    }
    .features_block .service_list dl:last-child {
        margin: 14px 0 14px 24px;
    }
    .features_block .service_list dl::after {
        content: '';
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 34px solid var(--primary);
        position: absolute;
        top: 45%;
        right: -44px;
    }
    .features_block .service_list dl:last-child::after {
        display: none;
    }
    .features_block dt img {
        width: 100px;
        margin: 24px 33px 16px 33px;
    }
    .features_block .light-blue_block_inner dd p {
        font: var(--font-style-normal) normal var(--font-weight-medium) 20px/34px var(--font-family-noto-sans) !important;
        letter-spacing: 2px;
        margin: 57px 0 40px 0 !important;
    }
    .advantages_block ul, .professionals_block ul {
        display: flex;
        justify-content: space-evenly;
    }
    .advantages_block li, .professionals_block li {
        margin: 0 12px;
        width: 30%;
    }
    .achivement_block ul {
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }
    .achivement_block li {
        width: 33%;
    }
    .achivement_block dt {
        width: 240px;
        height: 240px;
        margin: 32px 65.5px;
    }
    .achivement_block img {
        width: 140px;
        margin-top: 50px;
        box-shadow: none !important;
    }
    .resolutions_block li {
        width: 34%;
    }
    .resolutions_block ul, .price_block ul {
        display: flex;
    }
    .price_block li {
        width: 33%;
    }
    .price_block li div:nth-child(2) {
        margin: 20px;
        padding: 30px;
    }
    .price_block li div:nth-child(3) p {
        font-size: 18px !important;
    }
    .qa_list summary {
        margin: 24px 57px 24px 0;
    }
    .qa_list summary span::before,
    .qa_list summary span::after {
        right: 0;
    }
    .contact_block form {
        margin: 28px auto 50px auto;
        max-width: 800px;
    }
    .form-field {
        margin: 0 auto !important;
    }
    .select_td::after, .pd-select td::after {
        top: 8px;
        right: 5%;
    }
    #sidebar1 .select_td::after {
        left: 90%;
    }
    .double_block .img_block li {
        width: 31.3%;
    }
    .double_block .select_td::after {
        top: 12px;
        right: 5%;
    }
    .attention_block ol {
        padding: 20px 20px 20px 40px;
    }
    #sidebar1 {
        min-width: 280px;
        max-width: 100%;
        /* min-width: 900px; */
        height: auto;
        /* margin-top: 80px; */
        display: inline-block;
        vertical-align: top;
    }
    #sidebar1 .widget, #drawer__content {
        background: #999;
        max-width: 100%;
        height: 340px;
    }
    #sidebar1 .relation_block {
        margin-top: 64px;
    }
    #sidebar1 .min_input {
        max-width: 152px;
        display: inline-block !important;
    }
    #sidebar1 tr:nth-of-type(3) {
        margin-right: 32px;
    }
    .fixity_area {
        height: 100px;
    }
    
    .fixity_area .fixity_area_inner {
        padding: 20px 20%;
    }
    .fixity_area .btn_area {
        margin: 0 auto;
        width: 50%;
    }
    .fixity_area .btn_area .btn_orange_M {
        font: var(--font-style-normal) normal var(--font-weight-medium) 20px/60px var(--font-family-noto-sans);
    }
    .page_top_btn {
        right: 10px;
        bottom: 20px;
        width: 60px;
        height: 60px;
    }
    .page_top_btn:before {
        top: 20%;
    }
    #toc_container {
        padding: 20px 32px;
    }
    .double_block .size-medium {
        width: 250px !important;
        height: 200px !important;
        float: right;
        margin: 24px 0 24px 24px;
        object-position: center;
    }
    #toc_container p.toc_title+ul.toc_list {
        margin: 24px 0 0 24px;
    }
    .double_block h1,
    .double_block section:first-of-type h1 {
        font: var(--font-style-normal) normal var(--font-weight-bold) 40px/52px var(--font-family-noto-sans);
    }
    .double_block section h2,
    .double_block section h2 span {
        font: var(--font-style-normal) normal var(--font-weight-bold) 24px/36px var(--font-family-noto-sans);
        line-height: 1.6 !important;
        text-align: left;
    }
    .double_block section h2 {
        text-align: left;
        margin: 120px 0 12px 0;
    }
    .double_block .contact_block h2 br {
        display: none;
    }
    .double_block h3 {
        font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-28)/var(--line-spacing-56) var(--font-family-noto-sans);
    }
    .schedule_block dl {
        padding: 20px 0;
        margin: 0 0 40px 0;
        display: flex;
        justify-content: start;
    }
    .schedule_block li::before,
    .schedule_block li::after {
        bottom: 56%;
        width: 60px;
        height: 60px;
    }
    .schedule_block li::before {
        font-size: 12px;
        line-height: 3;
    }
    .schedule_block li::after {
        font-size: 21px;
        line-height: 3.9;
        font-weight: bold;
    }
    .schedule_block dt {
        width: 42%;
        padding: 4px 0 0 80px;
        margin-right: 7%;
    }
    .schedule_block dd {
        padding: 4px 41px 0 0;
    }
    .schedule_block li:nth-child(5) dt {
        width: 100%;
    }
    .schedule_block p:last-child {
        text-align: right;
    }
    #top img {
        max-width: 555px;
        width: 100%;
        height: auto;
    }
    #top .block_1 {
		padding: 0 20px 0 150px;
    }
	@media only screen and (min-width: 915px) {
	 #top .block_1 {
	width: 100%;
}
}
    #top .btn_area {
        width: 250px ;
        display: inline-block;
        margin: 50px 30px 90px 0 !important;
    }
    #top .btn_orange_M {
        /* height: 80px; */
        width: 260px;
        padding: 0;
    }
    #top .btn_orange_M {
        font: var(--font-style-normal) normal var(--font-weight-medium) 20px/80px var(--font-family-noto-sans);
        letter-spacing: 1.4px;
    }
    .r_main .light-blue_block_inner .text_bold_white {
        font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-42)/var(--line-spacing-57) var(--font-family-noto-sans) !important;
        letter-spacing: var(--character-spacing-2-94);
        margin: 0 20px 40px 20px;
    }
    .r_main .btn_light-blue_M, .r_main .btn_orange_M {
        font: var(--font-style-normal) normal var(--font-weight-medium) var(--font-size-24)/80px var(--font-family-noto-sans);
        /* height: 80px; */
        width: 320px;
        letter-spacing: 1.68px !important;
    }
    #top .block_1 span, .r_main .block_1 span {
        font: var(--font-style-normal) normal 600 20px/40px var(--font-family-noto-sans) !important;
    }
    #top .top_mess div span:nth-of-type(2) {
        font: var(--font-style-normal) normal var(--font-weight-bold) 52px/71px var(--font-family-noto-sans);
        letter-spacing: 4.68px;
    }
    .head_block {
        display: flex;
        height: auto;
        padding-top: 80px;
    }
    .head_block h1 {
        font: var(--font-style-normal) normal var(--font-weight-bold) 36px/46px var(--font-family-noto-sans);
    }
    .head_block .case-study-image {
        width: 80%;
        margin-bottom: 20px;
    }
    #inner-content .head_block div:nth-child(2) {
        width: 470px;
        height: 354px;
    }
    #inner-content .head_block a {
        margin-top: 50px;
    }
    #inner-content .head_block .is_img {
        max-width: 564px;
        margin-right: 4%;
    }
    .archive_block .select_category {
        box-shadow: inset 0px -2px 0px var(--color-00467d);
        /* margin: 160px 0 0 0; */
    }
    .double_block .box_1 {
        padding: 52px 40px;
        margin: 120px 0 60px 0;
    }
    .double_block .block_1 {
        margin: 60px 0;
    }
    .double_block .box_1 ol {
        padding: 0 0 48px 20px;
    }
    .double_block .box_1 li {
        margin-bottom: 32px;
    }
    .double_block .box_2 {
        padding: 48px 48px;
        margin: 60px 0 120px 0;
    }
    .double_block .box_2 strong {
        margin-bottom: 58px;
    }
    .double_block2 .btn_area {
        display: none;
    }
	.light-blue_block .btn_area {
        width: 45% !important;
    }
    .related_block {
        margin-top: 80px;
        padding: 72px 0;
    }
    #sidebar1 .tag_area li a {
        font: var(--font-style-normal) normal normal 15px/40px var(--font-family-noto-sans);
    }
    .blog-card-box::after {
        padding: 4px 8px;
    }
    .blog-card {
        display: flex;
        padding: 16px;
    }
    .blog-card-thumbnail {
        width: 42%;
        margin-right: 16px;
    }
    .blog-card-title {
        width: 56%;
    }
    .blog-card-thumbnail img {
        height: 200px !important;
    }
	
	.columns-link-bottun-container{
		display:flex;
		flex-direction:column;
		width:40%;
		align-items:center;
	}
	.columns-related-link{
		width: 30%;
		height:auto;
	}
	.supervisor-info-container{
		grid-template-areas:
			"a d b"
			"a d c";
	}
}
	
@media only screen and (min-width: 731px) {
	.first-view{
		height:calc(90vh - 78px);
	}
    .case-study-container-sp{
		display:none !important;
	}
}
@media only screen and (max-width: 730px) {
    .case-study-container-pc{
		display:none !important;
	}
}

@media only screen and (max-width: 1130px) {
    #logo {
        font-size: 0 !important;
    }
}

@media only screen and (max-width: 1000px) {
    #drawer__open {
        display: block;
    }
    .desktop-nav {
        display: none;
    }
    #inner-header {
        text-align:center;
    }
    #top .top_visual {
        display: none;
    }
	#top .top_mess{
		width: 100%:!important
	}
    .question_block ul {
        justify-content: space-around !important;
    }
    .question_block li:nth-of-type(odd) {
        margin-right: 12px;
    }
    .question_block li:nth-of-type(3) {
        margin-left: 0;
    }
    
}

body {font-family: var(--font-family-noto-sans);}
body.page p:empty{display: none;}

#drawer #drawer__open {
    right: 0;
    left: auto;
    font-size: 42px;
    margin-top: 8px;
    margin-right: 20px;
}
.drawer__title__close {
    padding: 12px;
}
.drawer__title__close span {
    height: 50px;
}
.drawer__title__close span:before {
    left: -23px;
    width: 50px;
}
#drawer .widget, #drawer__content {
    background: #fff;
    width: 100%;
    max-width: 100%;
}
.header .widget ul li a {
    padding: 8px 36px;
    color: var(--color-1f2a66);
    font-size: 18px;
}
.widget ul li a:hover {
    background: #cfdbe5;
}
.widget ul li ul li a {
    font-size: var(--font-size-16);
    padding: 8px 52px !important;
}
.widget ul li ul li a:before {
    content: '';
}
.widget .btn_blue_M {
    background: var(--secondary) !important;
    display: block;
    line-height: 1.5;
    font-weight: bold;
    font-size: 18px;
    width: 318px;
    padding-top: 10px;
    height: 68px !important;
}
.widget .btn_blue_M span {
    font-size: 12px;
    display: block;
}
.widget .btn_blue_M:hover {
    background: #40c3f2;
}
#logo {
    text-align: left;
    width: auto;
    font-size: 14px;
    font-family: var(--font-family-noto-sans);
}
#logo img {
    vertical-align: top;
    margin-top: 8px;
    padding: 0;
    width: 61px;
}
#drawer + #inner-header {
    max-width: calc(100% - 40px);
}
.drawer__title {
    color: #fff !important;
    padding-top: 36px;
}
h2 {
    font-size: 38px;
    font: var(--font-style-normal) normal var(--font-weight-bold) 38px/52px var(--font-family-noto-sans);
    letter-spacing: 2.68px;
    color: var(--color-00467d);
    position: relative;
    margin-top: 0;
    margin-bottom: 12px;
}
h1 span, h2 span {
    display: block;
}

/* .head_block div:first-child {
	margin:0px 4%;
}
 */
/*
#inner-content img {
    box-shadow: 0px 4px 15px #9F9F9F34;
    border-radius: 4px;
    object-fit: cover;
}
*/
.one-column.wrap, .one-column#main {
    max-width: 100% !important;
}
#content {
    margin-top: 0;
}
#content.one-column {
    background: var(--background);
}
.c_main {
    padding-top: 78px;
}
.mrg16 {margin: 16px;}
.mrg32 {margin: 32px;}
.mrgt0 {margin-top: 0 !important;}
.mrgt16 {margin-top: 16px;}
.mrgt32 {margin-top: 32px;}
.mrgt48 {margin-top: 48px;}
.mrgt80 {margin-top: 80px;}
.mrgb0 {margin-bottom: 0;}
.mrgb16 {margin-bottom: 16px;}
.mrgb32 {margin-bottom: 32px;}
.mrgb48 {margin-bottom: 48px;}
.mrgb80 {margin-bottom: 80px;}
.mrgb162 {margin-bottom: 162px;}
.mrgb212 {margin-bottom: 212px;}
.mrgtb80 {margin: 80px 0;}
.mrgtb162 {margin: 162px 0;}

.pdg16 {padding: 16px;}
.pdg24 {padding: 24px;}
.pdg48 {padding: 48px;}
.pdgt20 {padding-top: 20px;}
.pdgb16 {padding-bottom: 16px;}
.pdgb20 {padding-bottom: 20px;}
.pdgb32 {padding-bottom: 32px;}
.pdgb48 {padding-bottom: 48px;}
.pdgb212 {padding-bottom: 212px;}
.pdgtb80 {padding: 80px 0;}
.pdgtb162 {padding: 162px 0;}

.alignR {text-align: right !important;}
.alignL {text-align: left !important;}
.alignC {text-align: center !important;}

.hidden {display: none !important;}

/*.fontL {font-size: 36px;}*/
.font-size20 {font-size: 20px !important;}
.fontM {font-size: 18px !important;}
.fontS {font-size: 14px !important;}

.floatL {float: left;}
.floatR  {float: right;}
.v_alignT{vertical-align: top !important;}

.header {
    height: 78px;
    width: 100%;
    box-shadow: 0px 2px 6px #00000041;
    position: fixed;
}
header {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  height: 78px;
  align-content: center;
  z-index: 99;
  background-color: #ffffff; }

.header-container{
  max-width: 1200px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0px auto;
}
.header-logo {
	align-content: center;
}
.header-logo-link{
  height: 100%;
  
}
.links{
  display: flex;
}
.link-container{
	height: 78px;
	align-content: center;
	padding: 0px 16px;
}
.link-container:hover{
	background-color: #e9f1f8;
}
.link-container a,
.link-container p {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
}

.header-contact-link {
	align-content: center;
	transition: 0.3s;
}
.header-contact-link:hover {
	transform: scale(1.1, 1.1);
    filter: drop-shadow(0px 6px 6px #0005);
}
.header-contact-link a {
	color: #fff;
	background-color: #1f2a66;
	font-weight: bold;
	padding: 10px 40px;
	border-radius: 50px;
	text-align: center;
    align-content: center;
}

/* ポップアップのスタイル */
.popup-container{
	display: flex;
	flex-direction: column;
	background: #fff;
	width: auto;
	z-index: 999;
	border: 1px solid #b7b7b7;
	border-radius: 10px;
	position: absolute;
	padding: 20px;
	gap: 20px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.hover-parent:hover .popup-container {
  opacity: 1;
  visibility: visible;
}
.popup-link-container {
	padding: 0px;
	white-space: nowrap;
}
.popup-link-container a{
  display: block;
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  color: #2e2e2e;
  font-size: 16px;
  font-weight: bold;
  margin: 0px;
}
.popup-link-container a:hover {
	color: #0070c0;
}

#header-contact{
  background-color: #ff7a00;
  width: 116px;
  text-align: center;
  padding: 0px;
}
#header-download{
  background-color: #004aad;
  width: 116px;
  text-align: center;
  padding: 0px;
}
#contact-link, #download-link{
  color: #ffffff;
}

#hamburger-menu-open{
  display: none;
}

/* スマホ版でのヘッダー */
@media screen and (max-width: 1000px) {
  header {
    padding: 7px 0;
    position: fixed;
  } 
  .header-logo-text{
    display: none;
  }
	.header-contact-link {
		display: none;
	}
  .header-container{
    max-width: calc(100% - 12px);
  }
  .header-container nav{
    display: none;
  }

  #hamburger-menu-open{
    content: "\f0c9";
    display: block;
    color: #1f2a66;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 42px;
    text-align: center;
    padding-top: 8px;
	background-color: #fff;
    border: none;
  }
  
}

/* スマホ版メニュー */
#hamburger-menu{
  visibility: hidden;
  position: fixed;
  z-index: 0;
  opacity: 0;
  transform: translateX(-100%);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
#hamburger-menu.show{
  visibility: visible;
  height: 100vh;
  width: 100vw;
  overflow: scroll;
  background-color: #fff;
  display: block;
  position: fixed;
  z-index: 900;
  top: 0;
  opacity: 1;
  transform: translateX(0);
}

.hamburger-menu-header{
  text-align: end;
  padding: 0px 15px;
}
#hamburger-menu-close {
  font-size: 64px;
  color: #1f2a66;
}

.hamburger-menu-body{
  padding-bottom: 30px;
}
.hamburger-link{
  display: flex;
}
.hamburger-link-container{
  font-size: 18px;
  font-weight: 700;
  padding: 8px 36px;
}
.hamburger-link-container a,
.hamburger-link-container p {
	color: #1f2a66;
	font-weight: inherit;
	margin: 0;
}
.sublink-container{
  font-size: 18px;
  padding: 8px 52px;
}
.sublink-container a {
	color: #1f2a66;
}
.contact-link-container{
  text-align: center;
}
.contact-button{
  display: block;
  color: #fff;
  background: #329abf;
  width: 250px;
  height: 68px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  align-content: center;
  border: 1px #00467d solid;
  margin: 0 auto;
}
.contact-button span{
  display: block;
  font-size: 12px;
  text-align: center;
  align-content: center;
}

#breadcrumb, .bread_block {
    background: var(--background);
    padding: 9px 0;
}
#breadcrumb a {
    color: var(--link);
}
#breadcrumb ul {
    font-size: 14px;
}
#breadcrumb a::before {
    content: '' !important;
}
#breadcrumb li::after {
    content: '\f105' !important;
    color: var(--font-base);
}
#breadcrumb li a:hover {
    text-decoration: underline;
    color: var(--link);
}
.desktop-nav li a {
    width: 150px;
    text-align: center;
    line-height: 1.2 !important;
    height: 78px;
    padding-top: 20px;
    font-size: 16px;
    vertical-align: middle;
}
.desktop-nav li:last-child:not(.sub-menu li:last-child) {
    color: #fff !important;
	background: #4295B2;
}
.desktop-nav li:last-child:not(.sub-menu li:last-child) a {
    color: #fff; /* yuto -> important指定を消去 */
}
.desktop-nav li:last-child:not(.sub-menu li:last-child) a:hover {
    background: #7ab7cc;
}
.desktop-nav li a:hover {
    text-decoration: none;
    background: #cfdbe5;
}
.desktop-nav li:after {
    height: 0;
}
.desktop-nav li span {
    display: block;
    font-size: 10px;
    line-height: 2.5;
}
.desktop-nav.sub-menu li {
    border-bottom: 0;
}
.desktop-nav.sub-menu li a {
    width: 100%;
    background:#4a4a4a;
}
.mobile-nav {
	display: none;
}
.footer {
    background: var(--color-1f2a66) !important;
}
#footer-menu {
    padding: 12px;
    margin: 0 auto;
    font-size: 14px;
}
#footer-menu .widget_text {
    margin: 0;
    text-align: left;
    color: #fff;
    display: inline-block;
}
#footer-menu nav {
    vertical-align: top;
}
#footer-menu li span {
    display: none;
}
#footer-menu .menu-item {
    font-size: 18px;
}
#footer-menu .sub-menu .menu-item {
    font-size: 12px;
    padding: 0;
    width: 100%;
    margin: 0;
}
.footer-links, .menu-item_2 {
    width: 100%;
}
#footer-menu .menu-item_2 li {
    width: auto;
}
#footer-menu .menu-item_2 li a {
    font-size: 14px;
    opacity: 1;
    font-weight: normal;
}
#footer-menu .menu-item_2 a:hover {
    background: none;
}
#footer-menu ul {
    width: 100%;
    text-align: left;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
#footer-menu .sub-menu li {
    margin-left: 0;
}
#footer-menu .f_copyright .widget_text {
    width: 100%;
    text-align: center;
}
#content {
    padding-bottom: 0;
}
#content .c_main {
    margin-bottom: 200px;
}
.wp-block-sgb-splide {
    background: #fff;
}
ul.splide__pagination {
    position: unset;
    padding: 16px 0 0 0 !important;
}
.splide__pagination li {
    margin: 20px !important;
}
.splide__slide {
    margin-right: 0 !important;
}
li .splide__pagination__page {
    background: #fff;
    height: 16px;
    width: 16px;
    border: 1px var(--color-1f2a66) solid;
}
.e_span {
    font-size: var(--font-size-24);
    font-weight: bold;
    color: var(--primary);
}
/*
.e_span::before {
    font-family: 'FontAwesome';
    content: '\f138';
    padding-right: 8px;
}
*/
#inner-content a {
    color: var(--link);
}
#inner-content {
    color: var(--font-base);
}
.wrap {
    width: 100% !important;
}
.btn_area {
    text-align: center !important;
    margin: 0px auto;
    /* width: 100% !important; */
    width: 100%;
}
.dl_contents_btn {
	margin: 30px auto;
}
.btn_blue_L, .btn_white_L, .btn_blue_M, .btn_white_M, .btn_light-blue_M, .btn_orange_M {
    border-radius: 4px !important;
    margin: 0 auto;
    display: inline-block;
}
.btn_blue_L, .btn_white_L, .btn_white_M, .btn_blue_M, .btn_orange_M {
    font: var(--font-style-normal) normal var(--font-weight-medium) 14px/67px var(--font-family-noto-sans);
}
.btn_light-blue_M {
    padding: 0;
    background: var(--link);
    border: 1px var(--link) solid;
}
.btn_blue_L, .btn_blue_M, .btn_light-blue_M, .btn_orange_M {
    color: #fff !important;
}
.btn_blue_L {
    background: transparent linear-gradient(270deg, var(--color-1f2a66) 0%, #5d8a95 100%);
}
.btn_white_L, .btn_white_M {
    background: #fff;
    color: var(--link) !important;
}
.btn_blue_M {
    background: var(--color-00467d) !important;
    border: 1px var(--color-00467d) solid;
}
.btn_orange_M {
    background: var(--tertiary);
    border: 1px var(--tertiary) solid;
}
.btn_blue_L:hover, .btn_white_L:hover, .btn_blue_M:hover, .btn_white_M:hover, .btn_light-blue_M:hover {
    text-decoration: none;
    background: #fff !important;
    border: 1px solid var(--primary);
    color: var(--primary) !important;
}
.btn_orange_M:hover {
    text-decoration: none;
    background: #fff !important;
    border: 1px solid var(--tertiary);
    color: var(--tertiary) !important;
}
.btn_blue_L, .btn_white_L {
    height: 90px;
    line-height: 90px;
    width: 320px;
}
.btn_white_L, .btn_white_M {
    letter-spacing: 1.12px;
    border: 1px solid var(--link);
}
.btn_blue_M, .btn_white_M, .btn_orange_M {
    height: auto !important;
    /* line-height: 67px !important; */
    padding: 0;
}
.btn_blue_M, .btn_white_M {
    width: 250px !important;
}
.btn_orange_M {
    max-width: 250px;
}
.wp-block-sgb-btn a {
	color: #fff !important;
}
.footer .btn_area {
    display: inline-block;
}
.head_block {
    justify-content: center;
    align-items: flex-start;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    z-index: 1;
}
#inner-content .head_block {
    margin: 0;
    padding: 86px 0;
}
.head_block::before {
    content: ' ';
    background: #1f2a6665;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.head_block h1 {
    letter-spacing: var(--character-spacing-0);
    color: #fff;
    margin: 0;
}
.head_block .is_img h1 {
    letter-spacing: var(--character-spacing-0);
    color: #fff;
    margin: 0;
}
.head_block h1 span {
    font: var(--font-style-normal) normal var(--font-weight-medium) 32px/28px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: #c6e9ff;
    display: block;
    margin-bottom: 12px;
}
#inner-content .head_block .is_not_img h1 {
    letter-spacing: var(--character-spacing-0);
    color: #fff;
    margin: 0;
}
#inner-content .head_block .is_not_img {
    max-width: 80%;
    width: 100%;
}
.head_block p {
    font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-28)/24px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    text-align: left;
    color: #98d7f5 !important;
}
#inner-content .head_block .is_not_img p {
    font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-28)/24px var(--font-family-noto-sans);
}
.head_block hr {
    border-top: 2px #d9d9d9 solid;
    display: block;
    margin: 35px 0 20px 0;
}
.head_block .case-study-image {
/*     box-shadow: 0px 3px 6px #00000029; */
    border-radius: 4px;
    background: inherit;
}
#inner-content .head_block div:nth-child(2) {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;
    background: inherit;
}
.p_message {
    color: var(--font-base-light) !important;
    letter-spacing: 1px;
    text-align: center;
}
.performance_block {
    background: #fff;
}
.performance_block p {
    font: var(--font-style-normal) normal 600 var(--font-size-24)/ 20px var(--font-family-noto-sans) !important;
    text-align: center;
    letter-spacing: 2.16px;
}
.performance_block span {
    color: var(--secondary);
    display: inline-block;
    margin-right: 4px;
}
.sng-slider-item {
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 12px;
    min-height: 80px !important;
}

/*
.performance_block ul {
    display: flex;
}
.performance_block li {
    overflow: hidden;
    margin: 9px;
}
.performance_block img {
    box-shadow: none !important;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.performance_block li:nth-of-type(6) img,
.performance_block li:nth-of-type(n+9) img {
    transform: scale(1.6);
}
*/
.question_block div {
    display: flex;
}
.question_block p {
    color: var(--color-1f2a66) !important;
    text-align: center;
    margin: 0;
}
.question_block p:nth-of-type(2) {
    letter-spacing: var(--character-spacing-0) !important;
    color: var(--secondary) !important;
    border-bottom: 2px var(--secondary) solid;
    display: block;
    width: fit-content;
}
.question_block p:nth-of-type(2) span {
    display: block;
    color: var(--font-base);
    letter-spacing: 1.6px;
}
.question_block ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.question_block li {
    border: 1px var(--color-00467d) solid;
    color: var(--primary);
    text-align: center;
}
.question_block img {
    object-fit: contain;
    box-shadow: none !important;
}
.question_block div:nth-of-type(2) img {
    box-shadow: none !important;width: 100%;
}
.professionals_block li:nth-of-type(1) img {
    object-position: 0 20%;
}
.professionals_block li:nth-of-type(2) img {
    object-position: 0 10%;
}
.professionals_block li:nth-of-type(3) img {
    object-position: 0 27%;
}
.advantages_block ul {
    margin: 40px 0 0 0;
}
.advantages_block li:nth-of-type(2) img {
    object-fit: contain !important;
}
.advantages_block li {
    position: relative;
    counter-increment: mycounter;
}
.features_block {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}
.features_block .service_list {
    display: flex;
    background: #fff;
    box-shadow: 0px 3px 10px #9f9f9f29;
    border-radius: 10px;
}
.features_block .service_list dl {
    border-radius: 10px;
    border: 1px solid var(--link);
    position: relative;
}
.features_block .service_list dl:nth-child(odd) {
    background: #edf7fd;
}
.features_block .service_list dt {
    font: var(--font-style-normal) normal var(--font-weight-bold) 18px/24px var(--font-family-noto-sans);
    color: var(--font-base);
}
.features_block .service_list dt span {
    display: block;
    color: var(--primary);
}
.features_block .service_list dt img {
    box-shadow: unset !important;
}
.features_block dd li {
    text-align: left;
    letter-spacing: var(--character-spacing-0);
    color: var(--font-base);
}
.features_block .pick_up {
    font: var(--font-style-normal) normal var(--font-weight-bold) 32px/var(--line-spacing-56) var(--font-family-noto-sans) !important;
    letter-spacing: var(--character-spacing-0);
    color: var(--secondary) !important;
    margin: 0 0 32px 0 !important;
}
.features_block .pick_up span {
    display: block;
    font: var(--font-style-normal) normal normal 20px/var(--line-spacing-56) var(--font-family-noto-sans);
}
.features_block .light-blue_block_inner,
.casestudy_block .light-blue_block_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.features_block .light-blue_block_inner dl,
.casestudy_block .light-blue_block_inner dl {
    border-radius: 10px;
    background: #fff;
    text-align: left;
}
.features_block .light-blue_block_inner dl:nth-child(1),
.features_block .light-blue_block_inner dl:nth-child(2),
.casestudy_block .light-blue_block_inner dl:nth-child(1),
.casestudy_block .light-blue_block_inner dl:nth-child(2) {
    margin-top: 20px;
    margin-bottom: 24px;
}
.casestudy_block .wp-block-separator {
	border: 2px solid #00467d;
}
.features_block .light-blue_block_inner dl {
    counter-increment: mycounter;
}
.features_block .light-blue_block_inner dt {
    font: var(--font-style-normal) normal var(--font-weight-bold) 26px/36px var(--font-family-noto-sans);
    color: var(--secondary);
    letter-spacing: 2.6px;
    padding-left: 45px;
    position: relative;
}
.features_block .light-blue_block_inner dl dt::before {
    content: '';
    display: inline-block;
    height: 33px;
    width: 40px;
    left: 0;
    bottom: 5px;
    vertical-align: middle;
    position: absolute;
}
.features_block .light-blue_block_inner dl dt::after {
    content: counter(mycounter, decimal-leading-zero);
    font-size: 24px;
    border-bottom: var(--secondary) 1px solid;
    top: 0;
    right: 0;
    left: 0;
    bottom: -21px;
    position: absolute;
}
.features_block .light-blue_block_inner dd p {
    color: var(--font-base) !important;
    text-align: left;
}
.features_block .light-blue_block_inner dd ul {
    margin: 0;
}
@media only screen and (min-width: 915px) {
	.casestudy_block section {
		width: calc(100% - 280px);
	}
	.casestudy_block #sidebar1 {
		display:none;
	}
}

.casestudy_block .light-blue_block_inner dl {
    border: 1px solid var(--color-00467d);
    border-radius: 4px;
}
.casestudy_block .light-blue_block_inner dt span:nth-of-type(1) {
    display: block;
    color: var(--primary);
}
.casestudy_block .light-blue_block_inner dt span:nth-of-type(2) {
    display: block;
    letter-spacing: var(--character-spacing-0);
    color: var(--primary);
}
.casestudy_block .light-blue_block_inner dd p {
    color: var(--primary) !important;
}
.casestudy_block .light-blue_block_inner dd li {
    letter-spacing: var(--character-spacing-0);
    color: var(--font-base);
}
.casestudy_block dd div {
    margin: 40px 0 0 0;
}
.casestudy_block .tagS {
    font: var(--unnamed-font-style-normal) normal var(--font-weight-medium) 18px/24px var(--font-family-noto-sans);
    color: var(--primary);
    letter-spacing: 1.26px;
    padding: 8px 24px;
}
.casestudy_block h3 {
	line-height: 1.5;
}
.achivement_block {
    text-align: center;
}
.achivement_block li dt {
    border-radius: 50%;
}
.achivement_block li:nth-of-type(1) dt {
    background: var(--secondary);
}
.achivement_block li:nth-of-type(2) dt {
    background: #e8bb36;
}
.achivement_block li:nth-of-type(3) dt {
    background: #559869;
}

.achivement_block dd {
    font: var(--font-style-normal) normal 600 20px/20px var(--font-family-noto-sans);
    color: var(--font-base);
    letter-spacing: 1.8px;
    text-align: center;
}
.achivement_block li:nth-of-type(1) span,
.achivement_block li:nth-of-type(2) span,
.achivement_block li:nth-of-type(3) span {
    font: var(--font-style-normal) normal 600 32px/20px var(--font-family-noto-sans);
    letter-spacing: 2.88px;
    display: inline-block;
    margin: 0 6px;
}
.achivement_block li:nth-of-type(1) span {
    color: var(--secondary);
}
.achivement_block li:nth-of-type(2) span {
    color: #e8bb36;
}
.achivement_block li:nth-of-type(3) span {
    color: #559869;
}
.resolutions_block li div:nth-of-type(1) {
    border: 1px solid var(--color-1f2a66);
    padding: 32px 24px;
    border-radius: 10px;
    margin: 20px 20px 92px 20px;
    position: relative;
}
.resolutions_block li div .tagS{
    font: var(--font-style-normal) normal var(--font-weight-medium) 18px/24px var(--ont-family-noto-sans);
    letter-spacing: 1.26px;
    padding: 8px 18px;
}

.resolutions_block li div:nth-of-type(1) p:nth-of-type(1) {
    font: var(--font-style-normal) normal var(--font-weight-bold) 22px/36px var(--font-family-noto-sans) !important;
    color: var(---color-1f2a66) !important;
    letter-spacing: 1.54px;
    text-align: center;
    margin-top: 24px;
}

.resolutions_block li div:nth-of-type(1) p:nth-of-type(2) {
    font: var(--font-style-normal) normal normal 20px/32px var(--font-family-noto-sans) !important;
    color: var(---color-1f2a66) !important;
    letter-spacing: 1.4px;
    margin-top: 39px;
}
.resolutions_block li div:nth-of-type(1)::after {
    content: '';
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    background: var(--color-1f2a66);
    bottom: -60px;
    content: "";
    height: 24px;
    width: 93px;
    left: 36%;
    margin: auto;
    position: absolute;
}
.resolutions_block li div:nth-of-type(2) {
    background: var(--primary);
    padding: 42px 38px;
    border-radius: 10px;
    margin: 21px;
}
.resolutions_block li div:nth-of-type(2) p:nth-of-type(1) {
    font: var(--font-style-normal) normal var(--font-weight-bold) 22px/28px var(--font-family-noto-sans) !important;
    text-align: center;
    position: relative;
    letter-spacing: 1.54px;
    margin-bottom: 82px;
}
.resolutions_block li div:nth-of-type(2) p {
    color: #fff !important;
    font: var(--font-style-normal) normal var(--font-weight-medium) 18px/32px var(--font-family-noto-sans) !important;
    text-align: left;
    letter-spacing: 1.26px;
}
.resolutions_block li div:nth-of-type(2) p:nth-of-type(1)::after {
    content: '';
    border-bottom: 2px var(--link) solid;
    width: 80px;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    position: absolute;
}
.schedule_block dl {
    border: 1px solid var(--link);
    background: #fff;
    border-radius: 10px;
}
.schedule_block dt {
    font: var(--font-style-normal) normal var(--font-weight-bold) 20px/24px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-2-4);
    color: var(--secondary);
}
.schedule_block li:nth-child(5) dt {
    margin-bottom: 12px;
    padding-top: 0;
}
.schedule_block li:nth-child(5) dd {
    display: none;
}
.schedule_block dd {
    font: var(--font-style-normal) normal var(--font-weight-medium) 17px/24px var(--font-family-noto-sans);
    color: var(--font-base);
    text-align: left;
    letter-spacing: 1.12px;
}
.schedule_block ul {
  counter-reset: number 0;
}
.schedule_block li {
    position: relative;
}
.schedule_block li::before,
.schedule_block li::after {
    position: absolute;
    color: #fff;
    text-align: center;
    left: 12px;
}
.schedule_block li::before {
    content: 'STEP';
    background: var(--secondary);
    border-radius: 50%;
}
.schedule_block li::after {
    content: counter(number);
    counter-increment: number 1;
    text-align: center;
}
.schedule_block p:last-child {
    margin-top: -25px !important;
}
.price_block li {
    background: #fff;
    box-shadow: 0px 3px 10px #9f9f9f29;
    border-radius: 15px;
}
.price_block li div:nth-child(1) {
    border-radius: 15px 15px 0 0;
    padding: 28px 15px;
}
.price_block li:nth-child(1) div:nth-child(1) {
    background: transparent linear-gradient(180deg, var(--secondary) 0%, #20b4ae 100%);
}
.price_block li:nth-child(2) div:nth-child(1) {
    background: transparent linear-gradient(180deg, #2b87bf 0%, #5374be 100%);
}
.price_block li:nth-child(3) div:nth-child(1) {
    background: transparent linear-gradient(180deg, #123c98 0%, #5c7cb9 100%);
}
.price_block div:nth-child(1) p:nth-child(1) {
    font: var(--font-style-normal) normal var(--font-weight-bold) 26px/29px var(--font-family-noto-sans) !important;
    color: #fff !important;
    letter-spacing: 1.82px;
    margin-bottom: 12px;
}
.price_block div:nth-child(1) p:nth-child(2) {
    font: var(--font-style-normal) normal 600 18px/32px var(--font-family-noto-sans) !important;
    color: #fff !important;
    letter-spacing: 1.26px;
}
.price_block li div:nth-child(2) {
    background: #fff2f2;
    border-radius: 5px;
}
.price_block li span {
    font: var(--font-style-normal) normal var(--font-weight-bold) 32px/24px var(--font-family-noto-sans) !important;
    letter-spacing: 3.2px;
}
.price_block li p {
    font: var(--font-style-normal) normal 600 18px/24px var(--font-family-noto-sans);
    color: #d6136d !important;
    margin: 0;
    letter-spacing: 1.26px;
}
.price_block li div:nth-child(3) {
    padding: 0 32px 32px 32px;
}
.price_block li div:nth-child(3) p {
    color: var(--primary) !important;
    margin: 0;
}
.download-contents_block label {
    font: var(--font-style-normal) normal 600 var(--font-size-24)/var(--line-spacing-33) var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: var(--font-base);
}
.download-contents_block label::before {
    content: '\f521';
    font-family: 'FontAwesome';
    padding-right: 20px;
    font-size: 40px;
}
.download-contents_block .rank_label-1::before {
    color: var(--tertiary);
}
.download-contents_block .rank_label-2::before {
    color: #bebebe;
}
.download-contents_block .rank_label-3::before {
    color: #b17d4a;
}
#download-contents .form-guide {
	display: block;
	font-size: 22px;
	font-weight: 700;
	margin: 40px 0;
}
.DL-form-link-button-container {
	display: none;
}
@media only screen and (max-width: 915px) {
	#download-contents .form-guide {
		display: none;
	}
	.DL-form-link-button-container {
		display: block;
		padding: 10px;
		background: #32323270;
	}
	.DL-form-link-button {
		display: block;
		margin: 0 auto;
		font-size: 16px;
		font-weight: bold;
	}
}
.contact_block {
  /*  background: #e0edf6b3 !important; */
    border-radius: 10px;
}
.contact_block h2 {
	text-align: center !important;
}
.r_main .contact_block {
    background: var(--background) !important;
    margin: 0 auto;
    padding: 80px 0 200px 0;
}
.r_main .contact_block_inner {
    background: #fff !important;
}
.contact_block iframe {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.contact_block input {
    background: #fff;
    border: 1px solid #707070;
    border-radius: 5px;
    display: inline-block;
    padding: 6px;
    line-height: 0 !important;
}
.c_main .double_block .contact_block {
    border-radius: 10px;
    width: 100%;
}
.c_main .double_block2 .contact_block {
    width: 100%;
}
.c_main .double_block #sidebar1 .contact_block form {
    margin: 28px 0 0 0;
}
.contact_block {
	background: #edf7ff !important;
}
.casestudy_block .contact_block {
	background: #fff !important;
}
#sidebar1 .contact_block h4 {
    font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-24)/var(--line-spacing-33) var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-2-4);
    color: var(--primary);
    margin-bottom: 0;
}
#sidebar1 .attention_block ol {
    height: 201px;
}
.contact_block p {
    letter-spacing: var(--character-spacing-0);
    margin: 4px 0;
}
.contact_block p:nth-of-type(2) {
    margin-bottom: 20px;
}
.contact_block .attention_block p {
    margin-top: 0;
}
.recruit_block {
    background: var(--background);
    margin: 0 auto;
    text-align: center;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
.white_block {
    display: block;
    background: #fff;
    text-align: center;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}
.white_block_inner {
    margin: 0 auto;
}
.about_block {
    display: block;
}
.img_block li, .img_block dd {
    background: #FFFFFF;
    box-shadow: 0px 4px 15px #9F9F9F34;
    border-radius: 4px;
}
.img_block dt {
    text-align: center;
    font-size: 24px;
    margin-bottom: 9px;
}
.img_block img {
    object-fit: cover;
    margin-bottom: 0 !important;
}
.img_block a, .img_block a:hover {
    text-decoration: none;
    color: var(--font-base);
    display: inline-block;
    height: 100%;
    width: 100%;
}
.white_block .img_block div {
    float: left;
}
.white_block .img_block img {
    width: 150px;
    height: 255px;
}
.white_block .img_block li {
    width: 47%;
    padding: 24px;
}
.text_area {
    text-align: left;
    margin-top: 0;
    font: var(--font-style-normal) normal var(--font-weight-medium) 18px/24px !important;
}
.text_bold {
    font-weight: bold;
    margin: 4px 0;
}
.text_bold_blue {
    font: var(--font-style-normal) normal var(--font-weight-bold) 18px/24px var(--font-family-noto-sans) !important;
    color: var(--primary) !important;
    letter-spacing: 1.8px;
}
.text_bold_white {
    font: var(--font-style-normal) normal var(--font-weight-bold) 18px/24px var(--font-family-noto-sans) !important;
    color: #fff !important;
    letter-spacing: 1.8px;
}
.r_main .text_bold_blue {
    font: var(--font-style-normal) normal var(--font-weight-bold) 30px/45px var(--font-family-noto-sans) !important;
    letter-spacing: 1.68px;
    margin: 12px 0 8px 0;
	text-align: center;
}
.info_area {
    overflow: hidden;
}
.tagS {
    font: var(--font-style-normal) normal var(--font-weight-medium) 12px/17px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: var(--color-00467d);
    background: #329abf4d;
    border-radius: 50px;
    padding: 8px 12px;
}
.dateS, .dateL {
    font: var(--font-style-normal) normal var(--font-weight-medium) 16px/24px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: #00467dd9;
    padding: 0 0 8px 0;
}
.reception-true {
	color: #ff7a00;
	font-size: 20px;
	font-weight: bold;
}
.reception-false {
	color: #2b2b2b;
	font-weight: bold;
}
.dateL {
    padding: 0 0 16px 0;
}
.seminar_block .dateS, .download-contents_block .dateS {
    padding: 0;
}
.seminar_block .text_area, .download-contents_block .text_area {
    margin: 0 !important;
}
.r_message p:first-child {
    font-size: 36px !important;
    width: 250px;
    margin: 0;
    font-weight: bold;
    line-height: 1.2;
}
.r_message p:nth-child(2) {
    font-size: 24px !important;
    margin: 24px 0 0 0;
}
.r_message p:last-child {
    margin: 56px 0 0 0;
}
.img_block .work_block_child {
    background: #fff;
    box-shadow: 0px 4px 15px #9F9F9F34;
    border-radius: 4px;
}
.work_block img {
    width: 100%;
}
.two-column_block_child {
    vertical-align: middle;
}
.two-column_block_child_min {
    width: 33%;
}
.featured_img, .double_block img, .width100_img {
    width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}
.double_block .img_block img {
    /* aspect-ratio: 384/165; */
    border-radius: 4px 4px 0 0 !important;
}
.double_block h3 {
    letter-spacing: var(--character-spacing-0);
    color: var(--primary);
    text-align: left;
    margin-top: 0;
}
body .double_block {
    font-size: 18px;
}
.archive_columns_block .select_category {
    margin: 70px 0;
} 
.archive_columns_block h3 {
    font: var(--font-style-normal) normal var(--font-weight-medium) 18px/28px var(--font-family-noto-sans);
    color: var(--font-base);
}
.radiobtn, .c_radiobtn {
    display: none;
}
.DLContents-banner {
	display: grid;
    grid-template-columns: 1fr 1fr;
	width: 95%;
	margin: 0 auto;
	align-items: center;
}
.DLContents-banner a {
	transition: transform 0.2s;
}
.DLContents-banner a:hover {
	transform: scale(1.1);
}
.select_category {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 915px) {
	.select_category {
		grid-template-columns: repeat(2, 1fr);
	}
	.DLContents-banner {
		width: 100%;
		grid-template-columns: 1fr;
		max-width: 400px;
	}
}
.radiobtn_label {
    display: inline-block;
	color: #4d4d4d;
	background-color: #e6f0ff;
	width: 100%;
    margin: 0 auto;
	padding: 10px;
    text-align: center;
	align-content: center;
	border-radius: 6px;
}
.radiobtn:checked + .radiobtn_label {
    font: var(--font-style-normal) normal var(--font-weight-medium) 18px/28px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    background: var(--primary);
    color: #fff;
}
.c_radiobtn_label {
    border: 1px solid var(--primary);
    color: var(--primary);
    border-radius: 4px;
    padding: 8px 32px;
    margin: 4px;
    display: inline-block;
}
.radiobtn:checked + .c_radiobtn_label {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
}
.page_title {
    font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-42)/58px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-2-94);
    color: var(--color-1f2a66);
    text-align: left;
    letter-spacing: 2.94px;
    margin: 0 !important;
}
#top {
    background: #fbfbfb;
}

.top_mess {
	height: 100vh;
	width: 100%;
}

@media only screen and (min-width: 915px) {
	#top {
	height: 100vh;
}
}

@media only screen and (max-width: 915px) {
    #top {
        height: 75svh; /*ko-terauchi 20240815*/
    }
}

#top p:nth-child(1) {
    font: var(--font-style-normal) normal var(--font-weight-bold) 60px/90px var(--font-family-noto-sans);
    letter-spacing: 3.22px;
}

#top .top_mess div:nth-of-type(1) div {
    display: inline-block;
    text-align: center;
    width: 49%;
}
#top .top_mess div span:nth-of-type(1) {
    font: var(--font-style-normal) normal 600 14px/28px var(--font-family-noto-sans);
    color: var(--link);
    text-align: center;
    letter-spacing: 1.26px;
    display: block;
}
#top .top_mess div span:nth-of-type(2) {
    color: var(--secondary);
    text-align: center;
    /*display: block;*/
}
#top img {
    margin: auto;
}
#top p:nth-child(1) {
    color: var(--color-1f2a66);
    margin: 0 0 30px 0;
	padding: 0 20px 0 150px;
}

@media only screen and (min-width: 915px) {
#top p:nth-child(1) {
	width: 100%;
	padding-top: 120px;
}
}

@media only screen and (max-width: 915px) {
#top p:nth-child(1) {
	width: 100%;
	padding: 0 10px 0 10px;
	font-size: 40px;
	line-height: 2;
}
}

#top .block_1 span {
    color: var(--font-base) !important;
}
#top .block_1 span, .r_main .block_1 span {
    letter-spacing: var(--character-spacing-0) !important;
    color: #fff;
    text-align: center;
}
/*#top .top_mess div span:nth-of-type(2)::before, */#top .block_1 span::before, .r_main .block_1 span::before {
    content: '＼';
}
/*#top .top_mess div span:nth-of-type(2)::after, */#top .block_1 span::after, .r_main .block_1 span::after {
    content: '／';
    right: 10px;
}
/*#top .top_mess div span:nth-of-type(2)::before,
#top .top_mess div span:nth-of-type(2)::after {
    font-size: 35px;
}*/
#top .top_mess div span:nth-of-type(2) {
    border-bottom: 5px var(--secondary) double;
}
.icon_download::before {
    font-family: 'FontAwesome';
    content: '\f15c';
    padding-right: 8px;
}
.icon_contact::before {
    font-family: 'FontAwesome';
    content: '\f0e0';
    padding-right: 8px;
}
.light-blue_block, .features_block .light-blue_block {
    background: var(--color-1f2a66);
    text-align: center;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 30px 0px;
}
.features_block .light-blue_block {
    background: #eff6fa;
}
.light-blue_block_inner, .features_block .light-blue_block_inner {
    max-width: 1200px;
    margin: 0 auto;
}
.light-blue_block_inner .text_bold_blue {
    color: var(--primary);
}
.dl_full {
    width: 85%;
}
.qa_list {
    max-width: 1200px;
    margin-bottom: 5px;
    border-bottom: 2px var(--primary) solid;
}
.faq_block .qa_list:first-of-type {
    margin-top: 80px;
}
.qa_list summary {
    font: var(--font-style-normal) normal 600 var(--font-size-24)/var(--line-spacing-33) var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: var(--font-base);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    /* margin: 35px 57px 35px 0; */
    padding-left: 36px;
    cursor: pointer;
}
.qa_list summary::before,
.qa_list p::before {
    position: absolute;
    left: 0;
    font-weight: 600;
    font-size: 24px;
}
.qa_list summary::before {
    content: "Q.";
    font: var(--font-style-normal) normal 600 var(--font-size-24)/var(--line-spacing-33) var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: var(--secondary);
    text-align: left;
}
.qa_list summary span::before,
.qa_list summary span::after {
    content: '';
    background: var(--primary);
    position:absolute;
    top: 50%;
    width: 32px;
    height: 2px;
    transform: translateY(-50%);
}
.qa_list summary span::after {
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}
.qa_list[open] summary span::after {
    transform: rotate(0);
    transition: 0.5s;
}
.qa_list p {
    font: var(--font-style-normal) normal var(--font-weight-medium) 20px/27px var(--font-family-noto-sans) !important;
    letter-spacing: var(--character-spacing-0);
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 35px 57px 35px 0;
    padding-left: 36px;
    transition: transform .5s, opacity .5;
}
.qa_list[open] p {
    transform: none;
    opacity: 1;
}
.qa_list p::before {
    content: "A.";
    font: var(--font-style-normal) normal 600 var(--font-size-24)/var(--line-spacing-33) var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: #559869;
    top: -3px;
}
.double_block section:first-of-type h1 {
    letter-spacing: var(--character-spacing-0);
    color: var(--primary);
    margin: 0;
}
.double_block2 section h2,
.double_block2 section h2 span {
	border-top: 2px solid #00467d;
	border-bottom: 2px solid #00467d;
    margin: 16px 0 !important;
	padding-left: 10px;
    background: none !important;
    text-align: left;
}
.double_block .contact_block h2 {
    text-align: center;
    font: var(--font-style-normal) normal var(--font-weight-bold) 24px/40px var(--font-family-noto-sans);
}
.double_block2 section h3 {
    margin: 16px 0 0 0;
}
.double_block2 section p {
    margin: 4px;
}
.double_block section:first-of-type hr {
    border-top: 2px var(--primary) solid;
    margin: 16px 0 16px 0;
}
.double_block .box_1 {
    display: inline-block;
    border: 1px solid var(--color-00467d);
    background: #fff;
    border-radius: 4px;
}
.double_block .box_1 h3 {
    font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-28)/var(--line-spacing-56) var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: var(--primary);
    position: relative;
    margin: 0 0 65px 0;
}
.double_block .box_1 h3::after {
    content: '';
    border-bottom: 1px solid var(--color-00467d);
    position:absolute;
    top: 0;
    right: 0;
    bottom: -24.5px;
    left: 0;
    width: 100%;
}
.c_main .casestudy_block ul {
    list-style: disc;
    margin: 32px;
}
.c_main .casestudy_block .related_block ul {
    margin: 0;
}
.double_block .box_1 ol {
    list-style-type: decimal;
}
.double_block .box_1 li {
    font: var(--font-style-normal) normal var(--font-weight-medium) 20px/24px var(--font-family-noto-sans) !important;
    letter-spacing: var(--character-spacing-0);
    color: var(--font-base-light);
}
.double_block .box_1 li::marker {
    font: var(--font-style-normal) normal var(--font-weight-bold) 20px/32px var(--font-family-noto-sans);
    color: var(--secondary);
    letter-spacing: 1.4px;
}
.double_block .box_1 strong {
    display: block;
    font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-24)/var(--line-spacing-33) var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-2-4);
    color: var(--secondary);
    color: #329abf;
    position: relative;
    margin-bottom: 54px;
}
.double_block .box_1 strong::after {
    content: '';
    border-bottom: 1px solid var(--link);
    position:absolute;
    top: 0;
    right: 0;
    bottom: -20.5px;
    left: 0;
    width: 100%;
}
.double_block .box_2 {
    background: #e2Edf5;
    border-radius: 4px;
    display: inline-block;
    font: var(--font-style-normal) normal var(--font-weight-medium) var(--font-size-16)/var(--line-spacing-22) var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: var(--primary);
}
.double_block .box_2 strong {
    display: block;
    font: var(--font-style-normal) normal var(--font-weight-bold) 18px/24px var(--font-family-noto-sans);
    color: var(--primary);
    letter-spacing: 1.8px;
    position: relative;
    text-align: left;
}
.double_block .box_2 strong::after {
    content: '';
    border-bottom: 1px solid var(--color-00467d);
    position:absolute;
    top: 0;
    right: 0;
    bottom: -21px;
    left: 0;
    width: 100%;
}
.double_block .box_2 img {
    aspect-ratio: 200 / 180 !important;
    max-width: 200px !important;
}
.double_block .block_1 {
    display: inline-block;
    text-align: left;
}
.double_block .block_1 img {
    float: left !important;
    margin: 0 40px 0 0 !important;
    aspect-ratio: 330 / 248 !important;
    max-width: 330px !important;
}
.double_block .block_1 strong {
    font: var(--font-style-normal) normal 600 22px/30px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: var(--primary);
    display: block;
    margin-bottom: 40px;
}
.double_block .img_block p {
    font: var(--font-style-normal) normal 600 14px/20px var(--font-family-noto-sans) !important;
    letter-spacing: var(--character-spacing-0);
    color: var(--primary) !important;
    margin: 0;
}
.double_block .img_block span {
    display: block;
    font: var(--font-style-normal) normal normal 12px/17px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: var(--font-base-light);
    margin-bottom: 7.97px;
}
.double_block .related_block {
    border-top: 2px var(--font-base) solid;
}
.double_block .related_block li img {
    aspect-ratio: 252 / 165;
    border-radius: 4px 4px 0 0 !important;
    height: auto;
}
.double_block .related_block div {
    margin: 8px;
}
.double_block .related_block div div {
    margin: 0;
}
.double_block .text_bold_blue {
    font: var(--font-style-normal) normal var(--font-weight-bold) 20px/27px var(--font-family-noto-sans) !important;
}
.archive_block .select_category {
    text-align: center;
}
.archive_block .double_block .casestudy_info h3 {
    font: var(--font-style-normal) normal 600 18px/24px var(--font-family-noto-sans);
	font-size: 16px !important;
	line-height: 1.5;
    color: var(--primary);
}
.archive_block .double_block .casestudy_info span {
    font: var(--font-style-normal) normal 600 var(--font-size-16)/17px var(--font-family-noto-sans);
}
.archive_block .double_block .img_block .casestudy_info p {
    font: var(--font-style-normal) normal 600 18px/17px var(--font-family-noto-sans);
    color: var(--primary);
    margin: 0;
}
.archive_block .double_block .event_info h3 {
    font: var(--font-style-normal) normal 600 18px/26px var(--font-family-noto-sans);
    color: var(--font-base) !important;
	font-size: 16px !important;
	line-height: 1.5;

}
.archive_block .double_block .event_info span {
    font: var(--font-style-normal) normal var(--font-weight-medium) var(--font-size-16)/var(--line-spacing-22) var(--font-family-noto-sans);
    color: #00467dd9;
}
.archive_block .double_block .download-contents_info span {
    font: var(--font-style-normal) normal var(--font-weight-medium) var(--font-size-16)/var(--line-spacing-22) var(--font-family-noto-sans);
    color: var(--secondary);
}
.archive_block .double_block .img_block .download-contents_info h3 {
    font: var(--font-style-normal) normal 600 18px/26px var(--font-family-noto-sans) !important;
    margin: 16px 0;
	font-size: 16px !important;
	line-height: 1.5;
}
.archive_block .double_block .img_block .download-contents_info p {
    font: var(--font-style-normal) normal normal 14px/24px var(--font-family-noto-sans) !important;
    color: var(--font-base) !important;
    margin: 0;
}
.download-contents_info p {
	color: var(--font-base) !important;
}

.archive_block .double_block .service_info span {
    font: var(--font-style-normal) normal var(--font-weight-medium) var(--font-size-16)/var(--line-spacing-22) var(--font-family-noto-sans);
    color: var(--secondary);
}
.archive_block .double_block .img_block .service_info h3 {
    font: var(--font-style-normal) normal 600 18px/26px var(--font-family-noto-sans) !important;
    margin: 16px 0;
}
.archive_block .double_block .img_block .service_info p {
    font: var(--font-style-normal) normal normal 14px/24px var(--font-family-noto-sans) !important;
    color: var(--font-base) !important;
    margin: 0;
}

.DLContents-archive-container {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}
@media only screen and (max-width: 915px) {
	.DLContents-archive-container {
		display: block;
	}
}

#sidebar1 dl {
    display: flex;
    width: 100%;
}
#sidebar1 dt {
    margin-right: 3%;
    width: 35%;
    height: 80px;
}
#sidebar1 dt img {
    width: 100%;
    height: 80px;
    border-radius: 4px !important;
    margin-bottom: 0;
}
#sidebar1 dd {
    width: 65%;
}
#sidebar1 dd h4 {
    font: var(--font-style-normal) normal normal var(--font-size-16)/24px var(--font-family-noto-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--font-base-light);
}
#sidebar1 .sidebar_ranking ul {
    counter-reset: ranking 0;
}
#sidebar1 .sidebar_ranking li {
    position: relative;
    counter-increment: ranking 1;
	list-style: none;
}
#sidebar1 .sidebar_ranking li::before {
    content: counter(ranking);
    background: var(--secondary);
    font: var(--font-style-normal) normal 600 14px/30px var(--font-family-noto-sans);
    width: 30px;
    height: 30px;
    top: -8px;
    left: -8px;
    border-radius: 50%;
    position: absolute;
    color: #fff;
    text-align: center;
}
#sidebar1 .sidebar_ranking li:nth-child(1)::before {
    background: var(--tertiary);
}
#sidebar1 .sidebar_ranking li:nth-child(2)::before {
    background: #bebebe;
}
#sidebar1 .sidebar_ranking li:nth-child(3)::before {
    background: #b17d4a;
}
#sidebar1 .tag_area ul {
    display: flex;
    list-style: none;
    margin: 0 0 40px 0;
    flex-wrap: wrap;
}
#sidebar1 .tag_area li {
    margin: 2px;
}
#sidebar1 .tag_area li a {
    display: inline-block;
    border: 1px var(--primary) solid;
    background: var(--primary);
    color: #fff;
    border-radius: 20px;
    padding: 0 12px;
    text-decoration: none;
}
#sidebar1 .tag_area li a:hover {
    color: var(--primary);
    background: #fff;
    text-decoration: none;
}
.p_attention {
    text-align: right;
    color: var(--primary) !important;
    letter-spacing: 1.26px;
    margin: 16px;
}
.c_main .double_block .contact_block form {
    margin: 40px 0 0 0;
}
.double_block2 ul {
    list-style: disc;
    margin-left: 17px;
}
.related_block ul {
    list-style: none;
    margin: 0;
}
.contact_block table {
    text-align: left;
    font-size: 18px;
    margin: 0 auto;
}
.contact_block table tr {
    width: 100%;
}
.contact_block table th {
    font: var(--font-style-normal) normal 600 20px/40px var(--font-family-noto-sans);
    vertical-align: top;
}
.contact_block .required {
    color: var(--font-base);
}
table input, textarea {
    background: #fff !important;
    border: 1px solid #707070 !important;
    border-radius: 5px !important;
    margin-bottom: 0 !important;
}
select {
    border: 1px solid #707070 !important;
    border-radius: 5px !important;
    background: #fff;
}
select::-ms-expand {
    display: none;
}
.select_td, .pd-select td {
    position: relative;
}
.select {
    /* max-width: 445px; */
    display: inline-block;
    margin: 0;
    padding: 6px;
}
.select_td::after, .pd-select td::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    font-size: 14px;
}
textarea {
    display: inline-block;
    resize: none;
    /* max-width: 445px; */
    width: 100%;
    height: 150px;
    min-height: 100px;
}
.contact_block .p_message {
    font: var(--font-style-normal) normal var(--font-weight-medium) var(--font-size-16)/var(--line-spacing-22) var(--font-family-noto-sans) !important;
    letter-spacing: var(--character-spacing-0);
    color: var(--font-base) !important;
    margin-bottom: 40px;
}
.contact_block .required_tag::after,
.contact_block .required .field-label:after {
    content: '必須';
    font: var(--font-style-normal) normal var(--font-weight-medium) 12px/14px var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: #c33636;
    background: #b558584d;
    border-radius: 20px;
    padding: 4px 8px;
    margin-left: 8px;
}
.attention_block {
    margin: 20px 0 40px 0 !important;
}
.attention_block p:nth-of-type(1) {
    font: var(--font-style-normal) normal var(--font-weight-medium) var(--font-size-16)/var(--line-spacing-22) var(--font-family-noto-sans) !important;
    letter-spacing: var(--character-spacing-0);
    margin-left: 0;
    margin-right: 0;
}
.attention_block p:nth-of-type(2) {
    font: var(--font-style-normal) normal normal 14px/19px var(--font-family-noto-sans) !important;
    letter-spacing: var(--character-spacing-0);
    margin-left: 0;
    margin-right: 0;
}
.attention_block ol {
    background: #fff;
    border-radius: 4px;
    height: 187px;
    font-size: 12px;
    overflow-y: scroll;
    overflow-x: hidden;
    list-style-type: decimal;
}
.seminar_block img, .archive_columns_block .img_block img {
    aspect-ratio: 378 / 210;
    height: auto;
    border-radius: 4px 4px 0 0 !important;
}
.ul_cate {
    margin-left: 32px;
    list-style: disc;
}
.ul_cate a {
    color: var(--primary) !important;
    font: var(--font-style-normal) normal var(--font-weight-medium) 21px/24px var(--font-family-noto-sans);
}
.fixity_area {
    position: fixed;
    bottom: 0;
    width: 100%;
    transition: 0.3s;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}
.fixity_area_inner {
    background: #09090991;
    height: 100%;
    display: flex;
}
.active {
    opacity: 1;
    visibility: visible;
}
.fixity_area .btn_area .btn_orange_M {
    width: 90%;
}
.page_top_btn {
    position: fixed;
    text-align: center;
    background: #fff;
    border: var(--color-1f2a66) 1px solid;
    border-radius: 4px;
    transition: 0.3s;
    z-index: 99;
}
.page_top_btn::before {
    content: "\f062";
    font-family: "FontAwesome";
    position: absolute;
    font-size: 20px;
    color: var(--color-1f2a66);
    right: 0;
    bottom: 0;
    left: 0;
}
.page_top_btn:hover {
    background: var(--color-1f2a66);
}
.page_top_btn:hover::before {
    color: #fff;
}
#toc_container {
    background: #fff;
    border: 1px solid var(--color-00467d);
    border-radius: 4px;
}
#toc_container p.toc_title {
    display: block;
    font: var(--font-style-normal) normal var(--font-weight-bold) var(--font-size-28)/var(--line-spacing-56) var(--font-family-noto-sans);
    letter-spacing: var(--character-spacing-0);
    color: var(--primary);
}
#toc_container p.toc_title::before {
    display: none;
}
.toc_toggle {
    width: 70px;
    height: 35px;
    border-radius: 4px;
    line-height: 35px;
    font-size: 21px !important;
    background: var(--primary);
}
.toc_brackets {
    display: none;
}
#toc_container.no_bullets li,
#toc_container.no_bullets ul,
#toc_container.no_bullets ul li,
.toc_widget_list.no_bullets,
.toc_widget_list.no_bullets li {
    list-style: decimal;
}
#toc_container.no_bullets ul ul,
#toc_container.no_bullets ul ul li {
    list-style: '- ';
    line-height: 2;
}

/* 「導入事例」では目次を非表示 */
.casestudy_block #toc_container {
    display: none;
}
/* 「お役立ち資料」では目次を非表示 */
#download-contents #toc_container {
    display: none;
}

.contact_thanks p {
    margin-bottom: 20px;
}
.blog-card-box {
    display: inline-block;
    width: 100%;
    height: auto;
    background: #fff;
    margin: 16px 0;
    position: relative;
    border: 1px solid var(--color-00467d);
    box-shadow: 0px 4px 15px #9F9F9F34;
    border-radius: 4px;
}
.blog-card-box::after {
    content: '関連記事';
    top: 0;
    left: 0;
    background: var(--tertiary);
    color: #fff;
    position: absolute;
    font-weight: bold;
    margin: 0 8px 0 0;
    border-radius: 4px 0 0 0;
    box-shadow: 0px 2px 2px #9F9F9F34;
}
.blog-card-box p {
    display: none;
}
.blog-card-thumbnail img {
    margin-bottom: 0;
}
.event_date {
    display: block;
    min-width: 230px;
    float: right;
    margin-bottom: 20px;
}
.event_date ul {
    display: inline-flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
}
.event_date li {
    margin: 4px 0 0 0;
    padding: 0;
}
.double_block2 .btn_area {
    clear: both;
    margin: 8px auto;
}
#sidebar1 .my_ads {
    border-radius: 4px !important;
}
#sidebar1 .my_ads img {
    height: 100%;
    border-radius: 4px !important;
}
.archive_columns_block .event_info h3{
	font-size: 14px !important;
	line-height: 1.5;
}

/* @media only screen and (min-width: 915px) {
.contact-left {
	width: 35%;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}
}

@media only screen and (min-width: 915px) {
.contact-right {
	width: 60%;
	display: inline-block;
}
}
*/

.service_lineup ul {
    margin: 40px 0 80px 0;
}

@media only screen and (min-width: 915px) {
    .service_lineup ul {
	   text-align: center;
       display: flex;
       /*justify-content: space-evenly;*/
       /* flex-wrap: wrap;*/
    }
}

.service_lineup li {
    /*position: relative;*/
}

.service_lineup li {
	border: solid 2px #e6e6e6
 }

@media only screen and (min-width: 915px) {
    .service_lineup li {
        width: 30%;
		margin-right: 10px;
		margin-left: 10px;
    }
}

@media only screen and (max-width: 915px) {
    .service_lineup li {
		margin-bottom: 10px;
    }
	#sidebar-container{
		display:none;
	}
}

.service-name {
	font-size: 28px!important;
	font-weight: bold!important;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
}

.service-price {
	font-size: 42px!important;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}

.service-feature p {
	margin: 0 auto;
	text-align: center;
}

.service_lineup .btn_area {
	text-align: center;
}

.btn_service a {
  color: white;
}

.service1 .service-name {
	color: #55A5DB;
}

.service2 .service-name {
	color: #4273A2;
}

.service3 .service-name {
	color: #50908E;
}

.btn-service {
	display: block;
	text-align: center;
	width: 100%;
}

.btn_service_left, .btn_service_center, .btn_service_right {
	display: inline-block;
	width: 90%;
	height: 80px;
	margin-bottom: 20px;
	border-radius: 4px !important;
	background-color: #50908E;
}

.btn_service_left p, .btn_service_center p , .btn_service_right p {
	font-size: 26px!important;
	color: white;
	margin: 23px 0 0 0;
}

.btn_service_left {
		background-color: #55A5DB;
}

.btn_service_center {
		background-color: #4273A2;
}

.btn_service_right {
		background-color: #50908E;
}

.reason {
	text-align: center;
	font-size: 50px!important;
}

.logo-image img {
	object-fit: contain!important;
}

.logo-image {
	margin-top: 50px;
}

.case-study-top-content {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 4%;
}
@media not all and (min-width: 915px) {
	.case-study-top-content {
		grid-template-columns: 1fr;
		margin: 0 4%;
	}
}
.lkc-date .emoji {
	display: none !important;
}
.lkc-internal-wrap .lkc-heading {
	color: #fff !important;
	background-color: #004aad !important;
	border-radius: 20px !important;
}
.c_linkto_long {
	margin: 16px;
}
.c_linkto_long:hover {
	opacity: 0.8;
}
.c_linkto.longc_linkto {
	overflow: visible;
	margin-top: 32px;
	padding: 20px 20px 0px 20px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	background-color: #f6f6f6;
	box-shadow: none;
}
.c_linkto_heading {
	color: #fff !important;
	position: absolute;
    top: -17px;
    left: 20px;
    padding: 0 17px;
	background-color: #004aad !important;
	border-radius: 20px !important;
	font-size: 12px;
	font-weight: normal;
	line-height: 32px;
}
.longc_title {
	color: #111111;
	font-size: 22px;
}
.longc_content img {
	width: 80%;
	margin: 0;
}
.longc_img {
	overflow: hidden;
}
@media only screen and (max-width: 481px) {
	.longc_content img {
		margin: 0 auto;
	}
}
span.haiiro {
	background-color: #fff;
	border-radius: 5px;
	padding: .2rem .3rem;
}