/* 250612 logo temp */
@media screen and (max-width: 768px) {
    .rlnc-logo-list1,
    .rlnc-logo-list2 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    gap: 0.875rem 1.75rem;
    padding: 0 0.875rem;
    animation: horizontal-loop 55s linear infinite;
    }
}

/* ============================================================================ 
    20250529 relance mv fixed
============================================================================ */
.page-home .visual.visual--client.visual--client__temp {
    --client--temp--color--text: #333333;
    --client--temp--color--form: #034cb7;
    --client--temp--background-color--form: #eaeef3;
    background: linear-gradient(103deg, rgba(218, 234, 249, 0.10) 12.97%, rgba(162, 203, 242, 0.10) 91.65%);
    padding-bottom: 0;
}

.page-home .visual.visual--client.visual--client__temp .visual__wrap {
    min-height: unset;
    background: url("../images/client/client_mv_bg_pc_2.webp");
    background-size: 100% auto;
    background-position-y: bottom;
    background-repeat: no-repeat;
    padding-bottom: 0;
}

.page-home .visual.visual--client.visual--client__temp .visual__body {
    display: flex;
    gap: 60px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.page-home .visual.visual--client.visual--client__temp .visual__ttl {
    color: var(--client--temp--color--text);
    font-size: 5.8rem;
    font-style: normal;
    font-weight: 900;
    line-height: 1.55;
    letter-spacing: 0.06em;
    margin-bottom: 16px;
}

.page-home .visual.visual--client.visual--client__temp .visual__ttl span {
    background: transparent;
}

.page-home .visual.visual--client.visual--client__temp .visual__ttlBracket {
    margin-left: 0;
}

.page-home .visual.visual--client.visual--client__temp .visual__txt {
    color: var(--client--temp--color--text);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.56;
    letter-spacing: 0.05em;
}

.page-home .visual.visual--client.visual--client__temp .visual__txt .h-pc {
    display: block;
}

.page-home .visual.visual--client.visual--client__temp .visual__badgeUnit--pc {
    display: grid;
    width: 100%;
    max-width: 710px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 40px;
}

.page-home .visual.visual--client.visual--client__temp .visual__badgeUnit--sp {
    display: none;
}

.page-home .visual.visual--client.visual--client__temp .visual__badge {
    display: block;
}

.page-home .visual.visual--client.visual--client__temp .visual__form {
    background: var(--client--temp--background-color--form);
    max-width: 420px;
    padding: 8px 20px;
    text-align: center;
    margin-bottom: 20px;
}

.page-home .visual.visual--client.visual--client__temp .visual__formTtl {
    color: var(--client--temp--color--form);
    font-size: 2.7rem;
    font-style: normal;
    font-weight: 900;
    line-height: 3.37;
    letter-spacing: 0.06em;
    margin: 0;
}

@media screen and (max-width: 1224px) {
    .page-home .visual.visual--client.visual--client__temp .visual__inner {
        background: transparent;
    } 

    .page-home .visual.visual--client.visual--client__temp .visual__inner {
        padding: 0;
    } 

    .page-home .visual.visual--client.visual--client__temp .visual__wrap {
        background: #F2F8FD;
        padding-top: 0;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__content {
        background: url("../images/client/client_mv_bg_sp_2.webp");
        background-size: 100% auto;
        background-position-y: bottom;
        background-repeat: no-repeat;
        padding-top: 145px;
        padding-bottom: 40px;
        width: 100%;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__body {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__ttl {
        max-width: fit-content;
        margin: 0 auto 32px;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__txt {
        max-width: fit-content;
        margin: 0 auto 56px;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__badgeUnit--pc {
        margin: 0 auto;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__form {
        max-width: unset;
        width: 100%;
        margin: 0;
    }

    .page-home .visual.visual--client.visual--client__temp #iframe-parent {
        width: fit-content;
        margin: auto;
    }
}

@media screen and (max-width: 768px) {
    .page-home .visual.visual--client.visual--client__temp .visual__ttl,
    .page-home .visual.visual--client.visual--client__temp .visual__txt,
    .page-home .visual.visual--client.visual--client__temp .visual__badgeUnit--pc {
        /* padding: 0 calc(20 / 375 * 100vw); */
        padding: 0 calc(12 / 375 * 100vw);
    }

    .page-home .visual.visual--client.visual--client__temp .visual__ttl {
        font-size: clamp(5.4rem, 39.7136px + 2.381vw, 5.8rem);
    }
    
    .page-home .visual.visual--client.visual--client__temp .visual__txt br.h-pc {
        display: block !important;
    }

}

@media screen and (max-width: 599px) {
    .page-home .visual.visual--client.visual--client__temp .visual__content {
        padding-top: clamp(100px, -80px + 37.5vw, 145px);
        padding-bottom: 80px;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__ttl {
        font-size: clamp(3.6rem, 9vw, 5.4rem);
        margin-bottom: clamp(16px, -48px + 13.3333vw, 32px);
    }
    
    .page-home .visual.visual--client.visual--client__temp .visual__txt {
        font-size: clamp(1.2rem, 6px + 1.6667vw, 1.6rem);
        margin-bottom: clamp(24px, -104px + 26.6667vw, 56px);
    }
}

@media screen and (max-width: 480px) {
    .page-home .visual.visual--client.visual--client__temp .visual__badgeUnit--pc {
        display: none;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__badgeUnit--sp {
        display: block;
    }
    
    .page-home .visual.visual--client.visual--client__temp .visual__badgeUnit--row {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__badge {
        display: block;
        max-height: 177px;
        width: auto;
    }

    .page-home .visual.visual--client.visual--client__temp .visual__txt {
        font-size: clamp(1.2rem, 2px + 2.5vw, 1.4rem);
    }

    .page-home .visual.visual--client.visual--client__temp .visual__formTtl {
        font-size: clamp(1.9rem, 3px + 5vw, 2.7rem);
    }

    .page-home .visual.visual--client.visual--client__temp .visual__form {
        padding: 8px clamp(0px, -100px + 25vw, 20px);
    }
}

@media screen and (max-width: 400px) {
    .page-home .visual.visual--client.visual--client__temp .visual__badge {
        max-height: clamp(158px, 82px + 23.75vw, 177px);
    }

    .page-home .visual.visual--client.visual--client__temp .visual__ttl {
        font-size: clamp(3rem, 6px + 7.5vw, 3.6rem);
    }

    .page-home .visual.visual--client.visual--client__temp .visual__txt {
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 374px) {
    .page-home .visual.visual--client.visual--client__temp .visual__txt br.h-pc {
        display: none !important;
    }
}

/* 250604 Marketo css ここから */
/* mkt打ち消し */
.page-home .visual.visual--client.visual--client__temp form.mktoForm {
    --client--marketo--color--text: #000000;
    --client--marketo--color--label: #000000;
    --client--marketo--color--required: #dc3545;
    
    --client--marketo--background-color--input: #ffffff;
    --client--marketo--border-color--input: #ced4da;
    
    --client--marketo--color--button: #ffffff;
    --client--marketo--background-color--button: linear-gradient(90deg, #EE5761 0%, #EF7133 52.77%);
	
    margin: 0 auto 0;
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow,
.page-home .visual.visual--client.visual--client__temp .mktoFormCol {
	margin-bottom: 1rem !important;
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoLabel {
	width: 100%!important;
	font-weight: bold!important;
	font-family: 'Noto Sans JP', sans-serif, system-ui!important;
	font-size: 16px!important;
	margin-bottom: 10px;
	position:relative !important;

    top: 0 !important;
	color: var(--client--marketo--color--label) !important;
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow input[type=text],
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow  input[type=url],
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow  input[type=email],
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow input[type=tel],
.page-home .visual.visual--client.visual--client__temp .mktoForm input[type=number],
.page-home .visual.visual--client.visual--client__temp .mktoForm input[type=date],
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow select.mktoField,
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow textarea.mktoField {
	border: 1px solid var(--client--marketo--border-color--input)!important;
	border-radius: 2px!important;
	box-shadow: none!important;
	font-size: 16px;
	line-height: 1.3;
	padding: 8px 10px!important;
	border-radius: 0.25rem!important;
	width: 100%!important;
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow textarea {
	margin-top:0px !important;
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoRadioList>label,
.page-home .visual.visual--client.visual--client__temp .mktoForm .mktoCheckboxList>label {
	padding: 4px 0!important
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm div.mktoLogicalField {
	font-size: 1.6rem!important;
	font-size: 16px
}

.page-home .visual.visual--client.visual--client__temp .mktoFormCol,
.page-home .visual.visual--client.visual--client__temp .mktoFieldWrap,
.page-home .visual.visual--client.visual--client__temp form.mktoForm div.mktoHtmlText {
	width: 100%!important;
}

.page-home .visual.visual--client.visual--client__temp .mktoButtonWrap {
	margin-left: 0!important
}

.page-home .visual.visual--client.visual--client__temp .mktoButtonRow {
	margin-bottom: 2.5rem !important;
	width: 100%!important;
	text-align: center!important
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm SELECT.mktoField {
	font-size: 16px;
} 
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoOffset,
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoAsterix,
.page-home .visual.visual--client.visual--client__temp .mktoGutter.mktoHasWidth,
.page-home .visual.visual--client.visual--client__temp .mktoForm .mktoClear {
    display: none !important;
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow:has(input[type=hidden]) {
    margin: 0 !important;
}

.page-home .visual.visual--client.visual--client__temp input[type="checkbox"],
.page-home .visual.visual--client.visual--client__temp input[type="radio"] {
    appearance: auto !important;
	-webkit-appearance: auto;
    min-height: 2.8rem !important;
}

/* レイアウト最適化 */
.page-home .visual.visual--client.visual--client__temp form.mktoForm {
	width: calc(100% - 30px) !important;
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFieldWrap {
    /*display: flex;*/
    justify-content: space-between;
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoLabel {
	/*max-width: 28%;*/
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow input[type=text],
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow input[type=url],
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow input[type=email],
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow input[type=tel],
.page-home .visual.visual--client.visual--client__temp .mktoForm input[type=number],
.page-home .visual.visual--client.visual--client__temp .mktoForm input[type=date],
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow select.mktoField,
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow textarea.mktoField {
	/*max-width: 72%!important;*/
	background-color: var(--client--marketo--background-color--input);
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm div.mktoHtmlText,
.page-home .visual.visual--client.visual--client__temp form.mktoForm div.mktoHtmlText a {
    color: var(--client--marketo--color--text) !important;
}

/*ボタン*/
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
	border-radius: 16px !important;
	background-image: none!important;
	color: var(--client--marketo--color--button) !important;
	cursor: pointer !important;
	font-family: 'Noto Sans JP', sans-serif, system-ui!important;
	font-size: 18px!important;
	margin: 15px 0 0 0!important;
	padding: .8em 1em!important;
	font-weight: bold!important
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
	border: unset !important;
    background: var(--client--marketo--background-color--button) !important;
}

/*必須テキスト*/
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoRequiredField .mktoLabel:after {
    content: '\5FC5\9808';
    margin-left: 0.5em;
    font-size: .875em;
	color: var(--client--marketo--color--required) !important;
    font-size: 14px;
}


.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow:has(#LblLastName) {
    display: flex;
    justify-content: space-between;
}

.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFieldDescriptor.mktoFormCol:has(#LblLastName),
.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFieldDescriptor.mktoFormCol:has(#LblFirstName) {
    width: 48% !important;
}

@media screen and (min-width: 0px) and (max-width: 607px) {
	
	.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFieldWrap {
	    display: block !important;
	}

	.page-home .visual.visual--client.visual--client__temp form.mktoForm,
	.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoLabel {
		max-width: 100%!important;
	}
	
	.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow input[type=text],
    .page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow  input[type=url],
    .page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow  input[type=email],
    .page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow input[type=tel],
    .page-home .visual.visual--client.visual--client__temp .mktoForm input[type=number],
    .page-home .visual.visual--client.visual--client__temp .mktoForm input[type=date],
    .page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow select.mktoField,
    .page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoFormRow textarea.mktoField {
			max-width: 100%!important;
			margin-top:0px;
			margin-bottom: 1rem !important;
	}
	
	.page-home .visual.visual--client.visual--client__temp form.mktoForm input[type=text],
    .page-home .visual.visual--client.visual--client__temp .mktoForm input[type=url],
    .page-home .visual.visual--client.visual--client__temp .mktoForm input[type=email],
    .page-home .visual.visual--client.visual--client__temp .mktoForm input[type=tel],
    .page-home .visual.visual--client.visual--client__temp .mktoForm input[type=number],
    .page-home .visual.visual--client.visual--client__temp .mktoForm input[type=date],
    .page-home .visual.visual--client.visual--client__temp .mktoForm select.mktoField,
    .page-home .visual.visual--client.visual--client__temp .mktoForm textarea.mktoField {
		max-width: 100%!important
	}

	.page-home .visual.visual--client.visual--client__temp form.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
		padding: 1em 1em!important;
		font-size: 12px!important;
		width: 100%
	}

	.page-home .visual.visual--client.visual--client__temp .mktoButtonRow {
		width: 100%!important
	}
}
/* 250604 Marketo css ここまで */