﻿.contact-header{min-height:65px;max-width:920px;margin:0 auto;padding:10px 0;display:flex;justify-content:space-between}.contact-header-logo{max-width:242px}.contact-header-title{font-size:22px;font-weight:600;color:#1f2a69;text-align:center;margin:10px 0}.contact-header-flow{display:flex}.contact-header-flow li:first-child{background-color:#1f2a69;width:120px;height:41px;font-size:14px;font-weight:600;color:white;text-align:center;line-height:41px;position:relative}.contact-header-flow li:last-child{background-color:#eee;width:120px;height:41px;font-size:14px;font-weight:600;color:#222;text-align:center;line-height:41px;position:relative;margin-left:20px}.contact-header-flow li:first-child::after{content:'';display:block;width:20px;height:41px;background-color:#1f2a69;clip-path:polygon(0 0, 50% 50%, 0 100%);position:absolute;top:0px;right:-20px}.contact-header-flow li:last-child::before{content:'';display:block;width:20px;height:41px;background-color:#eee;clip-path:polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 50% 50%);position:absolute;top:0px;left:-15px}.contact-body{background-color:#eef4fb;padding:16px 0;font-family:ヒラギノ角ゴ Pro W3,Lucida Grande,Hiragino Kaku Gothic Pro,メイリオ,Verdana,ＭＳ Ｐゴシック,sans-serif}.contact-title-wrapper{width:fit-content;padding:16px 32px;margin:0 auto 16px;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);background-color:white;border-radius:16px}.contact-title{display:flex}.contact-title-complete-minutes{width:108px;height:33px;background-color:#1f2a69;line-height:33px;font-size:12px;color:white;font-weight:600;text-align:center;position:relative}.contact-title-complete-minutes::after{content:'';display:block;width:15px;height:33px;background-color:#1f2a69;clip-path:polygon(0 0, 50% 50%, 0 100%);position:absolute;top:0px;right:-14.8px}.contact-title h2{display:inline-block;margin-left:15px;font-size:22px;font-weight:600;color:#1f2a69}.contact-form{width:608px;padding:24px 40px 40px 40px;border-radius:16px;background-color:white;box-shadow:0 4px 4px 0 rgba(0,0,0,0.25);margin:0 auto}.contact-form-step2{width:910px}.contact-form-title{text-align:center;margin:20px 0}.contact-form-title .require-mark{background-color:red;color:white;border-radius:4px;font-weight:600;font-size:14px;line-height:1em;padding:5px 10px;display:inline-block;margin:6px 8px 0;text-align:center}.contact-form-title .optional-mark{background-color:#ccc;color:#444;border-radius:4px;font-weight:600;font-size:14px;line-height:1em;padding:5px 10px;display:inline-block;margin:6px 8px 0;text-align:center}.contact-form-title-notice{font-size:14px;font-weight:600;color:red}.contact-form-title h3{font-weight:600;font-size:20px;display:inline-block;vertical-align:sub}.contact-form-title h3 strong{font-size:26px}.contact-form-grade{margin:32px 0 16px 0;display:flex;justify-content:space-between}.contact-form-grade li{width:169px;padding:16px;border-radius:8px;border:solid 2px #ccc;background-color:white;text-align:center;cursor:pointer}.contact-form-grade li.selected{border:2px solid #232272;background-color:#f1f1ff}.contact-form-grade-other{margin-top:16px;display:flex;justify-content:center;margin-bottom:32px}.contact-form-grade-other.iframe{margin-bottom:27px}.contact-form-grade-other li{position:relative;width:216px}.contact-form-grade-other li h4{font-size:18px;font-weight:600;margin:0}.contact-form-grade-other li label{display:block;width:100%;padding:16px;border-radius:8px;border:solid 2px #ccc;background-color:white;text-align:center;cursor:pointer}.contact-form-grade-other li label.selected{border:2px solid #232272;background-color:#f1f1ff}.contact-form-grade-other li label:hover{box-shadow:0 4px 4px 0 rgba(0,0,0,0.25)}.contact-form-grade-other li input[type="radio"]{position:absolute;left:-9999px;z-index:-1}.contact-form-grade li:hover{box-shadow:0 4px 4px 0 rgba(0,0,0,0.25)}.contact-form-grade li h4{font-weight:600;font-size:18px;margin-bottom:16px}.contact-form-grade li h4.iframe{margin-bottom:0}.contact-form-button-wrapper{margin-top:20px;text-align:center}.contact-form-next-button{width:272px;font-size:24px;cursor:pointer;font-weight:bold;color:white;margin:0 auto 16px;background-color:#ec672c;border-radius:6px;height:56px;position:relative}.contact-form-next-button:disabled{background-color:#ccc}.contact-form-next-button:disabled::after{background-color:#ccc}.contact-form-next-button::before{display:block;content:'';background-color:white;border-radius:50%;position:absolute;right:20px;top:20px;width:20px;height:20px}.contact-form-next-button::after{display:block;content:'';position:absolute;right:24px;top:25px;width:10px;height:10px;background-color:#ec672c;clip-path:polygon(50% 0, 100% 100%, 0 100%);transform:rotate(90deg)}.contact-form-next-button.contact-form-submit-button{font-size:20px}.contact-form-progression{display:flex;justify-content:center;margin-top:16px}.contact-form-progression-min{font-size:15px}.contact-form-progression-max{font-size:15px}.contact-form-progression-bar{width:348px;height:24px;border:1px solid #232272;border-radius:100px;position:relative;margin:0 10px}.contact-form-progressed{position:absolute;top:0;left:0;height:22px;background-color:#232272}.contact-form-step1 .contact-form-progressed{width:10%;border-radius:100px 0 0 100px}.contact-form-grade-list{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:32px}.contact-form-grade-list li{position:relative}.contact-form-grade-list li label{display:block;width:169px;padding:10px 21px 21px 21px;border:2px solid #ccc;border-radius:8px;text-align:center;font-weight:600;font-size:24px;cursor:pointer}.contact-form-grade-list li label.selected{border:2px solid #232272;background-color:#f1f1ff}.contact-form-grade-list li label:hover{box-shadow:0 4px 4px 0 rgba(0,0,0,0.25)}.contact-form-grade-list li label .grade-num{font-size:40px}.contact-form-grade-list li input[type="radio"]{position:absolute;left:-9999px;z-index:-1}.contact-form-step1-1 .contact-form-progressed{width:20%;border-radius:100px 0 0 100px}.contact-form-step1-2 .contact-form-progressed{width:20%;border-radius:100px 0 0 100px}.contact-form-step1-3 .contact-form-progressed{width:20%;border-radius:100px 0 0 100px}.contact-form-back-button-wrapper{margin-top:32px;text-align:center}.contact-form-back-button{width:96px;height:40px;color:#555;padding:7px 0;font-size:16px;font-weight:600;text-align:center;border:1px solid #ccc;border-radius:20px;box-sizing:border-box}.contact-form-worry-list{display:grid;grid-template-columns:repeat(2, 348px);column-gap:10px;row-gap:10px;margin:0 auto;width:fit-content}.worry-list-checkbox-label{cursor:pointer;position:relative;display:flex;border-radius:8px;padding:10px 0;margin-bottom:5px;height:56px;width:100%;border:2px solid #ddd}.worry-list-checkbox-label:hover{box-shadow:0 4px 4px 0 rgba(0,0,0,0.25)}.worry-list-checkbox-label:has([type=checkbox]:checked){background-color:#eef4fb;border:2px solid #1f2a69}.worry-list-checkbox-label input[type="checkbox"]{border:2px solid #ddd;border-radius:4px;padding:8px;margin:3px 10px 0 15px;width:24px;height:24px;font-size:18px;font-weight:600;appearance:none;position:relative}.worry-list-checkbox-label input[type="checkbox"]:checked{background:#1f2a69;border:2px solid #1f2a69}.worry-list-checkbox-label input[type="checkbox"]:checked:before{position:absolute;top:0;left:7px;transform:rotate(50deg);width:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;height:15px;content:""}.worry-list-checkbox-label p{font-size:18px;font-weight:600;line-height:1.8}.worry-list-checkbox-notice{font-size:12px;margin-left:5px}.worry-comment-field{width:710px;margin:0 auto}.worry-comment-field textarea{width:100%;height:104px;padding:10px 16px;margin:20px 0;resize:none;border:2px solid #ddd;border-radius:7px;font-size:16px}.contact-form-step2 .contact-form-progressed{width:40%;border-radius:100px 0 0 100px}.contact-form-name{display:flex;justify-content:space-between;font-size:18px;font-weight:600;width:446px;margin:0 auto}.contact-form-name label{display:block}.contact-form-name input[type="text"]{width:212px;height:56px;border:2px solid #ccc;border-radius:8px;padding:15px;margin:10px 0}.contact-form-contact-address{font-size:18px;font-weight:600;width:446px;margin:0 auto}.contact-form-mail label{display:block}.contact-form-mail input[type="email"]{width:100%;height:56px;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;padding:15px;margin:10px 0}.contact-form-tel{margin:20px 0}.contact-form-tel label{display:block}.contact-form-tel input[type="tel"]{width:100%;height:56px;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;padding:15px;margin:10px 0}.contact-form-step3 .contact-form-progressed{width:60%;border-radius:100px 0 0 100px}.contact-form-school{font-size:18px;font-weight:600;width:446px;margin:0 auto}.contact-form-prefecture label{display:block}.contact-form-prefecture select{width:100%;height:56px;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;padding:15px}.contact-form-prefecture-select{position:relative;margin:10px 0}.contact-form-prefecture-select::after{width:12px;height:12px;position:absolute;top:25px;right:16px;border:2px solid currentColor;border-left:0;border-bottom:0;transform:translateY(-25%) rotate(135deg);content:"";pointer-events:none}.contact-form-schools{margin-bottom:32px}.contact-form-schools label{display:block}.contact-form-schools select{width:100%;height:56px;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;padding:15px}.contact-form-schools-select{position:relative;margin:10px 0}.contact-form-schools-select::after{width:12px;height:12px;position:absolute;top:25px;right:16px;border:2px solid currentColor;border-left:0;border-bottom:0;transform:translateY(-25%) rotate(135deg);content:"";pointer-events:none}.contact-form-privacy-policy{font-size:12px;text-align:center;margin-top:10px}.contact-form-privacy-policy a{color:#243b80;text-decoration:underline}.contact-form-step4 .contact-form-progressed{width:80%;border-radius:100px 100px 100px 100px}.contact-form-step5 .contact-form-progressed{width:100%;border-radius:100px 100px 100px 100px}.contact-form-js-notice{font-size:14px;color:red}.privacy-notice{border:2px solid #1f2a69;border-radius:5px;margin:20px auto;font-size:12px;font-weight:600;color:#1f2a69;line-height:2.5;padding-left:15px}.privacy-notice.iframe{font-size:11px}.remaining-steps-count{font-size:16px}.contact-notice{font-size:18px;font-weight:bold;display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:5px}.contact-notice .gg-format-slash{height:15px;background:#000000}.contact-notice .gg-format-left{transform:rotate(335deg) scale(var(--ggs, 1))}.contact-mail-banner{width:100%}@media screen and (max-width: 767px){html,body{height:100%}.contact-title-wrapper{box-shadow:none;padding:5px;margin:0 auto}.contact-header{display:block;padding:0}.contact-body{background-color:white;padding:0 8px;min-height:calc(100% - 190px)}.contact-form{min-width:375px;width:100%;box-shadow:none;padding:0 10px}.contact-form-title{margin:16px 0;display:flex;justify-content:left;align-items:center;flex-wrap:wrap}.contact-form-title h3 strong{font-size:inherit}.contact-form-step2{width:100%}.contact-form-grade{gap:10px;margin:16px 0}.contact-form-grade li{width:100%}.contact-form-grade li label{width:100%}.contact-form-grade-list li{max-width:calc(33% - 10px);width:100%}.contact-form-grade-list li label{width:100%}.contact-form-worry-list{display:block;width:100%;padding:0 10px}.contact-form-title .require-mark{font-size:12px;margin:0;margin-right:5px}.contact-form-title .optional-mark{font-size:12px;margin-top:0}.contact-form-title-notice{font-size:12px}.worry-comment-field{width:100%}.contact-form-name{width:100%;gap:10px;font-size:16px}.contact-form-name input[type="text"]{width:100%;height:40px;margin:0 0 10px 0}.contact-form-first-name{width:50%}.contact-form-last-name{width:50%}.contact-form-contact-address{width:100%;font-size:16px}.contact-form-school{width:100%;font-size:16px}.contact-form-next-button.contact-form-submit-button{font-size:16px}.contact-header-flow li:first-child{width:50%}.contact-header-flow li:last-child{width:50%}.contact-title-complete-minutes{display:none}.contact-header-logo{width:100%;text-align:center;max-width:inherit}.contact-header-logo img{max-width:242px}.contact-form-grade-other{margin-bottom:16px}.contact-form-grade-other.iframe{margin-bottom:11px}.contact-form-next-button{margin:0 auto;height:inherit;padding:8px 0;font-size:18px}.remaining-steps-count{font-size:14px}.contact-form-next-button::before{top:12px}.contact-form-next-button::after{top:17px}.worry-list-checkbox-label{padding:5px 0;font-size:14px;height:inherit}.contact-form-back-button-wrapper{margin-top:16px;padding-bottom:16px}.contact-form-mail input[type="email"]{height:40px;margin:0 0 10px 0}.contact-form-tel{margin:10px 0}.contact-form-tel input[type="tel"]{height:40px;margin:0}.contact-form-prefecture-select{margin:0 0 10px 0}.contact-form-schools{margin:16px 0 32px 0}.contact-form-schools-select{margin:0 0 10px 0}.contact-form-button-wrapper{margin-top:32px}.contact-form-button-wrapper.iframe{margin-top:27px;margin-bottom:45px}.contact-form-grade-list{margin-top:16px}}
