﻿.mailform #wrapper{container-type:inline-size;container-name:wrapper;padding:0}.mailform #wrapper main{background-color:#f4f5fa}.mailform #wrapper main article{padding:40px 24px;background-color:#fff}.mailform #wrapper main article.mailform-th{display:flex;justify-content:center;align-items:center;min-height:100vh}.mailform #wrapper main article.mailform-th .mailform-th-innr{text-align:center}.mailform #wrapper main article.mailform-th .mailform-th-innr h2{margin:0;padding:0;font-size:clamp(18px, 13.9615384615px + 1.0769230769vw, 25px);line-height:1.5}.mailform #wrapper main article.mailform-th .mailform-th-innr p{text-align:center}@container wrapper (min-width: 601px){.mailform #wrapper main article{padding:40px}}@container wrapper (min-width: 801px){.mailform #wrapper main{height:100vh;display:grid;grid-template-columns:1fr minmax(0, 800px) 1fr}.mailform #wrapper main:before,.mailform #wrapper main:after{content:"";display:block;background-color:#f4f5fa}.mailform #wrapper main:before{background-image:url("../images/bg_form_parts01.png"),url("../images/bg_form_parts04.png"),url("../images/bg_form_parts05.png");background-position:top -19px left -25px, bottom -19px left -60px, center}.mailform #wrapper main:after{background-image:url("../images/bg_form_parts02.png"),url("../images/bg_form_parts03.png"),url("../images/bg_form_parts06.png");background-position:top -16px right -15px, bottom -26px right -13px, center}.mailform #wrapper main article{height:100%;padding:60px;overflow-y:auto}}.formstyle p{margin-top:5px;font-size:clamp(12px, 11.4230769231px + .1538461538vw, 13px)}.addr{display:grid;grid-template-columns:100%;gap:10px}.consent{margin-top:25px;padding:25px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb}.consent .slctul{display:flex;justify-content:center}.consent .slctul li{position:relative}.consent .slctul li.req::after{content:"必須";position:absolute;top:50%;left:0;width:40px;padding:3px 7px;background-color:#8e1010;border-radius:999em;text-align:center;vertical-align:text-bottom;font-size:1.1rem;line-height:1.0;font-weight:bold;color:#fff;transform:translate(-50px, -50%)}.consent .slctul li.req:has(input.mfp_ok)::after{content:"OK";background-color:#4aa765}.consent .slctul li input[type='checkbox']:checked ~ span{background-color:#1a1a1a;color:#fff}.consent .form-error{text-align:center}.slt-full ul.slctul{grid-template-columns:1fr}@media screen and (min-width: 601px){.consent{margin-top:40px;padding:40px 0}.consent p{text-align:center}}@media screen and (min-width: 1025px){.addr{grid-template-columns:repeat(2, 1fr)}.slt-colum ul.slctul{grid-template-columns:repeat(3, 1fr)}}
