@charset "utf-8";

.receiveFile .item:nth-of-type(n + 2) {
	display: none;
}

/* 切り替えたい項目 */
.formNone,
.formNone2,
.formNone3 {
    display: none !important; /* 普段は非表示 */
}

.formNone.rFormPlus {
    display: none !important; /* 普段は非表示 */
}

/* このクラスがついたら表示する */
.formNone.is-visible,
.formNone2.is-visible,
.formNone3.is-visible {
    display: flex !important;
}

.formNone.rFormPlus.is-visible {
    display: block !important; 
}

.rFormSet.sizequantity > input {
    width: 120px;
}

.rFormSet.rFormSetMiddle > input {
    width: 500px;
}

.form-custom-radio {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.noteLink {
    color: #FF5C4A;
    text-decoration: underline;
}

.noteLink:hover {
    text-decoration: unset;
}

.rFormPlus {
    margin-top: 60px;
}

.rFormPlusTtl.rFormLabelTxt {
    font-size: 25px;
    color: var(--secondary);
}

.rFormPlusTtlBx {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 0 0 40px;
}

.rFormPlusTtlBx:after {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background: #9A9A9A;
    
}

.rFormRowBtnSet {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.rFormRowBtn {
    margin: 0;
    max-width: 215px;
    width: 100%;
    background: var(--bg-tertiary);
    border: 2px solid var(--primary);
    border-radius: 10px;
    box-shadow: 0 6px 0 var(--primary);
    transition: .3s ease-in-out;
    cursor: pointer;
    padding: 5px 5px 5px;
    color: var(--white);
    font-size: 18px;
    font-family: var(--fontB);
    text-align: center;
    display: block;
}

.rFormBtnTxt {
    color: var(--secondary);
}

.rFormRowBtnRow {
    padding: 0 0 40px;
    border-bottom: 1px solid #9A9A9A;
}

.rFormRowBtnRow > dt {
    width: 100% !important;
}

.rFormRowBtn:hover {
    background: var(--bg-primary);
}

.deleteRow {
    margin: 30px auto 0;
}

.form-note-label {
    margin-top: 15px;
    transform: rotate(0deg);
}

.form-note-label>span {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5em;
    display: inline-block;
}

.deleteBtn {
    margin: 0;
    max-width: 215px;
    width: 100%;
    background: #ccc;
    border: 2px solid var(--black);
    border-radius: 10px;
    box-shadow: 0 6px 0 var(--black);
    transition: .3s ease-in-out;
    cursor: pointer;
    padding: 6px 5px 6px;
    color: var(--black);
    font-size: 18px;
    font-family: var(--fontB);
    text-align: center;
    display: block;
}

.deleteBtn:hover {
    background: var(--bg-primary);
}

.fileGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
}

.rFormAdd {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rFormAdd>.rFormInput {
    width: 120px;
}

.rFormAddSet {
    margin-top: 20px;
}

.form-custom-radio>input {
    appearance: auto;
}

.form-note-label>input {
    appearance: auto;
}

.form-lebel-text {
    font-size: 20px;
    line-height: 1;
}

.rFormAddSet>.form-label {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
    display: block;
}

.form-item-group-volume>.form-item {
    margin-top: 15px;
}

.modal {
	display: none;
}

.request {
	margin: 40px auto 0;
	padding: 130px 15px 100px;
	max-width: 1520px;
	width: 100%;
	border-radius: 20px;
	border: 2px solid var(--secondary);
	background: var(--bg-secondary);
	position: relative;
	z-index: 9;
}

.rForm {
	margin: 0 auto;
	max-width: 1215px;
}

.rFormRow {
	display: flex;
}

.rFormRow--hidden {
	display: none !important;
}

.rFormRow:nth-of-type(n + 2) {
	margin: 30px auto 0;
}

.rFormRow > dt {
	width: 340px;
}

.rFormRow > dd {
	flex: 1;
}

.rFormLabelTxt {
	font-size: 20px;
	line-height: 1;
}

.rFormRequired,
.rFormAny {
	max-width: 42px;
	width: 100%;
	margin: 0 10px 0 0;
	padding: 0.07em 0.3em 0.07em;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.05em;
	border-radius: 0.1333em;
	text-align: center;
}

.rFormRequired {
	background: #FF5C4A;
}

.rFormAny {
	background: #2E7DC4;
}

.rFormLabel {
	margin: 17px 0 0;
	display: flex;
	align-items: center;
}

.rFormInput,
.rFormTextarea,
.rFormSelect {
	padding: 0.77em 1em 0.77em;
	width: 100%;
	border: 1px solid #CCC;
	background: #F7F7F7;
	font-size: 20px;
	border-radius: 0.3em;
}

.rFormRadio {
	appearance: auto;
	position: relative;
	top: -1px;
}

.requestTab.active {
	background: var(--bg-primary);
}

.requestCate {
	margin: -20px 0 0;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.requestBox > input {
	height: 0;
	position: absolute;
}

.requestBox:last-of-type {
	margin-right: 0;
}

.requestBox {
	margin: 20px 20px 0 0;
	max-width: 300px;
	width: 100%;
}

.requestTab {
	max-width: 100%;
}

.rFormModalBtn {
	padding: 0.7em 1em 0.7em;
	max-width: 280px;
	border: 2px solid var(--base);
	border-radius: 100vmax;
	background: var(--bg-secondary);
	transition: .3s ease-in-out;
	font-size: 18px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rFormModalBtn:hover {
	background: var(--bg-primary);
}

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

.rFormSetTxt {
	font-size: 20px;
	font-weight: 700;
}

.rFormSetTxt--design {
	width: 5em;
}

.rFormSet > input {
	margin: 0 20px 0 0;
	width: auto;
}

.rFormSet:nth-of-type(n + 2) {
	margin: 20px 0 0;
}

.rFormInput--color {
	padding: 0.5em;
	height: 3.2em;
}

.rFormCoution {
	margin: 5px 0 0;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	color: #eb3329;
	display: block;
}

.rFormBox--colorSelect {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex: 1;
}

.rFormBox--colorSelect > .rFormInput {
	margin: 0 20px 0 0;
	width: 100px;
	cursor: pointer;
}

.rFormSetTxt--size {
	margin: 0 20px 0 0;
	width: 7em;
}

.rFormSendBox {
	margin: 62px auto 0;
}

.rFormSendBtn {
    margin: 0 auto;
    border: 2px solid var(--secondary);
    border-radius: 100vmax;
    background: #FFF45A;
    transition: .3s ease-in-out;
}

.rAttach {
	margin: 0 auto;
	max-width: 1530px;
}

.rAttachTtl {
	font-size: 35px;
	font-weight: 800;
}

.rAttachContent {
	margin: 40px auto 0;
}

.request--attachement {
	margin: 80px auto 0;
}

.formBackBtnBox01 {
	margin: 40px auto 0;
}

.formBackBtn01 {
	margin: 0 auto;
}
.rFormConfirmTxt {
	font-size: 20px;
	font-weight: 700;
}

.request--confirm .rFormLabel {
	margin: 0;
}

.request--confirm .rFormRow {
	padding: 0 0 20px;
	border-bottom: 1px solid #CCC;
}

.rFormConfirmImg {
	max-height: 150px;
}

.rFormConfirmTxt {
	/* margin: 0.5em 0 0; */
	font-size: 1em;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

/*--20260716--*/

.formNone_metal {
    display: none;
}
.formNone_metal.is-visible {
    display: flex;
}

/*--------*/

.ui-widget-overlay {
	z-index: 99999 !important;
}

.ui-widget.ui-widget-content {
	z-index: 999999 !important;
}

.ui-widget-header {
	background: var(--bg-secondary);
}

.completeTit01 {
	font-size: 32px;
	font-weight: 800;
	text-align: center;
}

.completeTxt {
	margin: 40px auto 0;
	text-align: center;
}

.completeBtn {
	margin: 50px auto 0;
}

/* 画像添付 */

.receiveFile {
	margin: 0;
	text-align: left;
}

.image {
	text-align: center;
}

.rFormConfirmImgBox + .rFormConfirmTxt {
	margin: 0.5em 0 0;
	justify-content: center;
}

.rFormConfirmImgBox {
	text-align: center;
}

.receiveFile .item {
	margin: 10px 0 0;
}

/*-----------------------------------------------------------
modal
-----------------------------------------------------------*/

.rFormModalBtn {
	padding: 0.6em 1em 0.4em;
	font-size: 16px;
	border: 2px solid var(--base);
	border-radius: 100vmax;
	background: var(
	--bg-tertiary);
	color: var(--white);
}

.rFormModalOpen {
	margin: 0 0 0 15px;
}

.rFormModalBtn:hover {
	color: var( --base);
	background: var(--bg-secondary);
}

.rFormModalBlock {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 30px 15px;
}

.modalHeader {
	padding: 0 0 12px;
	border-bottom: 1px solid #F1F1F1;
}

.modalHeader > p {
	padding: 0 1em 0 1.2em;
	font-size: 20px;
	position: relative;
}

.modalContent {
	margin: 30px auto 0;
}

.modalFooter {
	margin: 30px auto 0;
	padding: 30px 0 0;
	border-top: 1px solid #F1F1F1;
}

.modalHeader > p:before {
	content: "";
	display: block;
	width: 0.5em;
	height: 100%;
	background: var(--bg-primary);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.rFormModalBlock .rFormRadioBox {
	margin: 10px auto 0;
	display: block;
}

.rFormModalImg {
	display: block;
	padding: 5px;
	border: 1px solid #f1f1f1;
}

.modaal-close:focus, .modaal-close:hover {
	background: #fff;
	filter: brightness(1.3);
	CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
}

.modaal-wrapper .modaal-close {
	right: 30px;
	background: #ffffff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.46);
}

.modaal-close:before, .modaal-close:after {
	background: var(--bg-tertiary);
}

.btn01.modaal-close {
	position: static;
	width: 100%;
	color: #fff;
	padding: 16px 2% 15px 2%;
	border: 1px solid var(--bg-tertiary);
	background: var(--bg-tertiary);
	letter-spacing: 0.05em;
	line-height: 1.35em;
	border-radius: 30px;
	box-shadow: 2px 2px 4px rgb(0 0 0 / 16%);
	margin: 0 auto;
}

.btn01.modaal-close:hover {
	background: #FFF;
	color: var(--bg-tertiary);
}

.btn01.modaal-close:before,
.btn01.modaal-close:after {
	display: none;
}

.modaal-overlay {
	z-index: 999999;
}

.modaal-wrapper {
	z-index: 9999999;
}

.fileBtnBlock {
    display: flex;
    align-items: center;
	justify-content: flex-start;
    gap: 30px;
    margin: 20px auto 0;
}

.fileBtn {
    background: var(--white);
    border: 5px solid var(--secondary);
}

.fileBtnBx {
    max-width: 280px;
    width: 100%;
}

.guideLink {
    color: var(--secondary);
    font-size: 13px;
    font-weight: 600;
    text-decoration: underline;
    margin: 10px auto 0;
    display: block;
	text-align: center;
}

.form-label-small {
	display: block;
}

.pictureTxt01 {
	color: #FF5C4A;
}

/*---プライバシーポリシー--*/

.form-privacy {
    margin: 4rem 0 0;
    font-family: var(--fontA);
    font-weight: 500;
}

.form-privacy .txt01 {
    font-weight: 500;
}

.form-privacy-box {
    height: 50rem;
    padding: 30px;
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0.2rem;
	background: var(--white);
	overflow: auto;
}

.form-privacy-dl {
    margin: 3rem 0 0;
}

.form-privacy-dt {
    display: inline-block;
    padding: 0 0 0.5rem;
    border-bottom: solid 0.2rem var(--primary);
}

.form-privacy-dd {
    margin: 1.5rem 0 0;
}

.form-privacy-area {
    text-align: center;
    margin: 2rem 0 0;
}

.form-privacy a {
    text-decoration: underline;
}

.form-privacy a:hover {
    text-decoration: none;
}

.form-privacy-label > span {
    margin: 0 0 0 0.2em;
    font-weight: 700;
    display: inline-block;
}

.form-privacy-label {
    transform: unset;
}

.form-privacy-area input {
    appearance: auto;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1650px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.request {
	padding: 80px 15px 80px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.rFormRequired, .rFormAny {
	font-size: 14px;
}

.rFormLabelTxt {
	font-size: 18px;
}

.rFormRow > dt {
	width: 280px;
}

.rFormInput, .rFormTextarea, .rFormSelect {
	font-size: 18px;
}

.rFormSetTxt {
	font-size: 18px;
}

.rFormCoution {
	font-size: 14px;
}

.rFormModalBtn {
	font-size: 16px;
}

.rFormSet > input {
	margin: 0 10px 0 0;
}

.form-privacy-dl {
    margin: 2rem 0 0;
}

.form-lebel-text {
    font-size: 16px;
}

.rFormAddSet>.form-label {
    font-size: 16px;
}

.form-item-group-volume>.form-item {
    margin-top: 12px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	
.rFormSet.rFormSetMiddle > input {
    width: 250px;
}

.rFormRow {
	display: block;
}

.formNone_metal {
    display: none;
}

.formNone_metal.is-visible {
    display: block;
}

.rFormRequired, .rFormAny {
	font-size: 12px;
}

.rFormLabelTxt {
	font-size: 16px;
}

.rFormRow > dd {
	margin: 10px 0 0;
}

.requestBox {
	margin: 5px 10px 0 0;
	width: auto;
}

.requestCate {
	margin: -5px 0 0;
}

.rFormRow:nth-of-type(n + 2) {
	margin: 20px auto 0;
}

.rFormInput, .rFormTextarea, .rFormSelect {
	font-size: 14px;
}

.rFormModalOpen {
	margin: 5px 0 0;
	width: 100%;
}

.rFormSet {
	flex-wrap: wrap;
	align-items: flex-start;
}

.rFormSet .rFormSetTxt {
	margin: 9px 0 0;
}

.rFormSet:nth-of-type(n + 2) {
	margin: 15px 0 0;
}

.rFormSetTxt {
	font-size: 14px;
}

.rFormCoution {
	margin: 3px 0 0;
	font-size: 12px;
}

.rFormSendBox {
	margin: 40px auto 0;
}

.request {
	padding: 20px 15px 20px;
	border-radius: 10px;
}

.rFormRow--hidden {
	display: none;
}

.rAttachTtl {
	font-size: 26px;
}

.rAttachContent {
	margin: 20px auto 0;
}

.request--attachement {
	margin: 40px auto 0;
}

.request--confirm .rFormRow {
	padding: 0 0 10px;
}

.rFormConfirmTxt {
	font-size: 14px;
}

.request--confirm .rFormSet .rFormSetTxt {
	margin: 0;
}

.formBackBtnBox01 {
	margin: 20px auto 0;
}

.rFormConfirmImgArea {
	margin: 0 auto;
}

.completeTit01 {
	font-size: 26px;
}

.completeTxt {
	margin: 20px auto 0;
	max-width: 600px;
	text-align: left;
}

.completeBtn {
	margin: 40px auto 0;
}

.rFormModalBlock {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px 10px;
}

.modaal-wrapper {
	height: calc(100% - 100px);
	z-index: 999999999;
}

.btn01.modaal-close {
	position: fixed;
	bottom: 30px;
	right: 0;
	left: 0;
	margin: auto;
	top: auto;
	border: 2px solid #FFF;
}

.modalHeader > p {
	font-size: 16px;
}

.rFormRadioTxt {
	font-size: 14px;
}

.rFormModalBlock .rFormRadioBox {
	margin: 5px auto 0;
}

/* このクラスがついたら表示する */
.formNone.is-visible,
.formNone2.is-visible,
.formNone3.is-visible {
    display: block !important;
}

.rFormRow > dt {
	width: 100%;
}

.deleteBtn {
    max-width: 250px;
    padding: 10px 5px 10px;
    font-size: 16px;
	margin: 0 auto;
}

.rFormRowBtnSet {
    flex-direction: column;
    gap: 20px;
}

.rFormBtnTxt {
    font-size: 16px;
    width: 100%;
}

.rFormRowBtn {
    max-width: 250px;
    padding: 10px 5px 10px;
    font-size: 16px;
}

.form-note-label {
    font-size: 16px;
}

.form-note-label>span {
    font-size: 16px;
    margin-top: 10px;
}

.form-privacy-label > span {
    font-size: 14px;
}

.form-privacy-box {
    padding: 20px 15px;
}

.fileGrid {
	grid-template-columns: repeat(1, 1fr);
	gap: 5px;
}

.dragArea {
	font-size: 13px;
}

.receiveFile .fileName, .receiveFile .text {
	font-size: 14px;
}

.form-label-small.txt02 {
	font-size: 12px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.fileBtnBlock {
    flex-direction: column;
    gap: 30px;
    margin: 20px auto 0;
}

.fileBtnBx .btn01 {
	min-height: 60px;
}

.form-note-label>span {
    font-size: 14px;
}

.form-privacy-label > span {
    font-size: 12px;
}

.rFormPlusTtl.rFormLabelTxt {
    font-size: 20px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* max-width: 576px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */