@charset "UTF-8";.is-pc{display:none}@media screen and (min-width: 768px){.is-pc{display:block}}.is-sp{display:block}@media screen and (min-width: 768px){.is-sp{display:none}}.container{background:#25c7fe;padding-block-end:calc(40 * 100vw / 390)}@media screen and (min-width: 768px){.container{padding-block-end:80px}}.form-header{text-align:center;width:100%;padding-inline:1em}.form-header img{width:100%;max-width:1190px}.contents{display:grid;grid-template-columns:1.5em minmax(0,860px) 1.5em;justify-content:center}.contents__form{grid-column:2/3;inline-size:100%;display:grid;grid-template-columns:1.5em minmax(0,640px) 1.5em;justify-content:center;background:#fff;border-radius:16px;justify-self:center;padding-block:calc(60 * 100vw / 390)}@media screen and (min-width: 768px){.contents__form{padding-block:60px 100px}}.contents__form>*{grid-column:2/3}.contents-ttl{font-size:calc(24 * 100vw / 390);text-align:center;margin-block-end:1.5em}@media screen and (min-width: 768px){.contents-ttl{font-size:32px}}.contents-txt{font-size:calc(12 * 100vw / 390);text-align:center}@media screen and (min-width: 768px){.contents-txt{font-size:16px}}.wpcf7{margin-block-start:calc(40 * 100vw / 390)}@media screen and (min-width: 768px){.wpcf7{margin-block-start:80px}}.otomodachi-form{display:grid;grid-template-columns:1fr;gap:calc(24 * 100vw / 390)}@media screen and (min-width: 768px){.otomodachi-form{gap:40px}}.otomodachi-form__confirm{display:grid;grid-template-columns:1fr;gap:calc(24 * 100vw / 390)}@media screen and (min-width: 768px){.otomodachi-form__confirm{gap:24px;grid-template-columns:max-content 1fr}}.otomodachi-form__thks{display:grid;grid-template-columns:1fr;gap:calc(24 * 100vw / 390)}@media screen and (min-width: 768px){.otomodachi-form__thks{gap:24px;grid-template-columns:max-content 1fr}}.otomodachi-col__ttl{font-size:calc(12 * 100vw / 390);margin-block-end:.5em;display:flex;align-items:center;gap:.25em}@media screen and (min-width: 768px){.otomodachi-col__ttl{font-size:16px}}.otomodachi-col__ttl:before{font-size:calc(8 * 100vw / 390);line-height:1;content:"任意";background:#999;color:#fff;padding:.5em;border-radius:3px}@media screen and (min-width: 768px){.otomodachi-col__ttl:before{font-size:12px}}.otomodachi-col__ttl.is-required:before{background:#f35225;content:"必須"}.otomodachi-col__frm{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(8 * 100vw / 390)}@media screen and (min-width: 768px){.otomodachi-col__frm{gap:16px}}.otomodachi-col__frm.is-multi{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.otomodachi-frm input[type=text],.otomodachi-frm input[type=email],.otomodachi-frm input[type=tel]{display:flex;max-width:100%;padding:calc(12 * 100vw / 390) calc(10 * 100vw / 390);background:#0000001a;border-radius:2px}@media screen and (min-width: 768px){.otomodachi-frm input[type=text],.otomodachi-frm input[type=email],.otomodachi-frm input[type=tel]{padding:12px 10px;inline-size:100%}}.otomodachi-frm input[type=text]::placeholder,.otomodachi-frm input[type=email]::placeholder,.otomodachi-frm input[type=tel]::placeholder{font-size:calc(16 * 100vw / 390);color:#aaa}@media screen and (min-width: 768px){.otomodachi-frm input[type=text]::placeholder,.otomodachi-frm input[type=email]::placeholder,.otomodachi-frm input[type=tel]::placeholder{font-size:16px}}.otomodachi-frm input[type=radio]{appearance:none;inline-size:calc(16 * 100vw / 390);block-size:calc(16 * 100vw / 390);border:2px solid rgba(0,0,0,.3);border-radius:50%;background:#fff;position:relative;cursor:pointer}@media screen and (min-width: 768px){.otomodachi-frm input[type=radio]{inline-size:16px;block-size:16px}}.otomodachi-frm input[type=radio]:checked{border-color:#0000004d;background:#fff}.otomodachi-frm input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);inline-size:calc(6 * 100vw / 390);block-size:calc(6 * 100vw / 390);background:#0000004d;border-radius:50%}@media screen and (min-width: 768px){.otomodachi-frm input[type=radio]:checked:after{inline-size:6px;block-size:6px}}.otomodachi-frm input[type=checkbox]{appearance:none;inline-size:calc(16 * 100vw / 390);block-size:calc(16 * 100vw / 390);border:2px solid rgba(0,0,0,.3);border-radius:2px;background:#fff;position:relative;cursor:pointer}@media screen and (min-width: 768px){.otomodachi-frm input[type=checkbox]{inline-size:16px;block-size:16px}}.otomodachi-frm input[type=checkbox]:checked{border-color:#0000004d;background:#fff}.otomodachi-frm input[type=checkbox]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);inline-size:calc(4 * 100vw / 390);block-size:calc(8 * 100vw / 390);border:solid rgba(0,0,0,.3);border-width:0 2px 2px 0}@media screen and (min-width: 768px){.otomodachi-frm input[type=checkbox]:checked:after{inline-size:4px;block-size:8px}}.otomodachi-frm .wpcf7-list-item{margin:0}.otomodachi-frm .wpcf7-list-item label{display:flex;align-items:center;gap:calc(8 * 100vw / 390)}@media screen and (min-width: 768px){.otomodachi-frm .wpcf7-list-item label{gap:8px}}.otomodachi-frm select{display:flex;max-width:100%;padding:calc(12 * 100vw / 390) calc(10 * 100vw / 390);background:#0000001a;border-radius:2px;border:none;font-size:calc(16 * 100vw / 390);color:#333;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right calc(10 * 100vw / 390) center;background-repeat:no-repeat;background-size:calc(16 * 100vw / 390) calc(16 * 100vw / 390);padding-right:calc(40 * 100vw / 390);width:100%}@media screen and (min-width: 768px){.otomodachi-frm select{padding:12px 40px 12px 10px;font-size:16px;background-position:right 10px center;background-size:16px}}.otomodachi-frm select option{background:#fff;color:#333}.otomodachi-frm textarea{display:flex;max-width:100%;padding:calc(12 * 100vw / 390) calc(10 * 100vw / 390);background:#0000001a;border-radius:2px;border:none;font-size:calc(16 * 100vw / 390);color:#333;resize:vertical;min-height:calc(80 * 100vw / 390);inline-size:100%}@media screen and (min-width: 768px){.otomodachi-frm textarea{padding:12px 10px;min-height:80px;font-size:16px}}.otomodachi-frm textarea::placeholder{font-size:calc(16 * 100vw / 390);color:#aaa}@media screen and (min-width: 768px){.otomodachi-frm textarea::placeholder{font-size:16px}}.otomodachi-frm .wpcf7-radio{display:grid;grid-template-columns:1fr 1fr;gap:calc(16 * 100vw / 390)}@media screen and (min-width: 768px){.otomodachi-frm .wpcf7-radio{gap:16px}}.otomodachi-frm .wpcf7-radio .wpcf7-list-item label{display:flex;align-items:center;gap:calc(8 * 100vw / 390);cursor:pointer;font-size:calc(16 * 100vw / 390);color:#333}@media screen and (min-width: 768px){.otomodachi-frm .wpcf7-radio .wpcf7-list-item label{gap:8px;font-size:16px}}.otomodachi-pii{block-size:10em;overflow:auto;border:2px solid rgba(0,0,0,.1);border-radius:2px;padding:.5em}.otomodachi-pii p{font-size:calc(12 * 100vw / 390)}@media screen and (min-width: 768px){.otomodachi-pii p{font-size:12px}}.otomodachi-pii p+p{margin-top:1em}.otomodachi-submit{margin-top:calc(30 * 100vw / 390)}.otomodachi-submit .prev-button,.otomodachi-submit input[type=submit]{display:flex;align-items:center;justify-content:center;width:100%;padding:calc(16 * 100vw / 390) calc(24 * 100vw / 390);background:#1b9bd3;border:none;border-radius:4px;color:#fff;font-size:calc(16 * 100vw / 390);font-weight:700;cursor:pointer;transition:background-color .2s ease;text-align:center}.otomodachi-submit .prev-button:hover,.otomodachi-submit input[type=submit]:hover{background:#1686b8}@media screen and (min-width: 768px){.otomodachi-submit .prev-button,.otomodachi-submit input[type=submit]{padding:16px 24px;font-size:18px;width:400px;margin-inline:auto}}.otomodachi-submit .prev-button{background:#aaa}.form-footer{margin-block-start:calc(50 * 100vw / 390)}@media screen and (min-width: 768px){.form-footer{margin-block-start:100px}}.form-footer p{color:#fff;font-size:10px;text-align:center}.otomodach-form-col{position:relative;display:grid;grid-template-columns:1fr;gap:calc(4 * 100vw / 390);font-size:calc(16 * 100vw / 390)}@media screen and (min-width: 768px){.otomodach-form-col{gap:16px;font-size:16px;grid-template-columns:subgrid;grid-column:span 2;align-items:center}}.otomodach-form-col+.otomodach-form-col:before{position:absolute;content:"";height:1px;inline-size:100%;background:#ccc;inset:calc(-12 * 100vw / 390) 0 0}@media screen and (min-width: 768px){.otomodach-form-col+.otomodach-form-col:before{inset:-12px 0 0}}.otomodach-form-col__ttl{font-size:calc(12 * 100vw / 390)}@media screen and (min-width: 768px){.otomodach-form-col__ttl{font-size:12px;text-align:right}}.otomodach-form-buttons{inline-size:100%;display:flex;flex-direction:column;align-items:center;gap:calc(16 * 100vw / 390);margin-block-start:calc(24 * 100vw / 390)}@media screen and (min-width: 768px){.otomodach-form-buttons{grid-column:1/3;gap:24px;margin-block-start:40px}}.otomodach-form-buttons .otomodachi-submit{width:100%;margin-top:0}.otomodachi-submit{text-align:center}.otomodachi-submit .wpcf7-spinner{margin-top:20px}