.container{overflow:hidden}.periodontalForm .header{background:none}@media screen and (min-width: 769px), print{.periodontalForm .header__nav{padding:25px 42px}}@media screen and (max-width: 768px){.periodontalForm .header__nav{padding:20px 0 11px 18px}}.periodontalForm main{position:relative}.periodontalForm main::before{position:absolute;content:"";background:url(/site_okuchi-college/assets/img/periodontal/form/form_bg_img01.png) no-repeat;background-size:100%;left:0;z-index:-1}@media screen and (min-width: 769px), print{.periodontalForm main::before{width:777px;height:349px;top:-123px}}@media screen and (max-width: 768px){.periodontalForm main::before{width:310px;height:160px;top:-66px}}.periodontalForm main::after{position:absolute;content:"";right:0;z-index:-1}@media screen and (min-width: 769px), print{.periodontalForm main::after{background:url(/site_okuchi-college/assets/img/periodontal/form/form_bg_img02.png) no-repeat;background-size:100%;width:161px;height:123px;top:-113px}}@media screen and (max-width: 768px){.periodontalForm main::after{background:url(/site_okuchi-college/assets/img/periodontal/form/form_bg_img02_sp.png) no-repeat;background-size:100%;width:85px;height:70px;top:-66px}}.periodontalForm .formKv{text-align:center}@media screen and (min-width: 769px), print{.periodontalForm .formKv{padding:15px 0 71px}}@media screen and (max-width: 768px){.periodontalForm .formKv{width:calc(100% - 30px);margin:0 auto;padding:28px 0 30px}}.periodontalForm .formKv__inner{position:relative;display:inline-block}.periodontalForm .formKv__title{position:relative;font-weight:bold;letter-spacing:-1.8px;font-family:'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif}@media screen and (min-width: 769px), print{.periodontalForm .formKv__title{font-size:42px;padding:0 120px 0 135px;margin:0 0 8px -8px}}@media screen and (max-width: 768px){.periodontalForm .formKv__title{font-size:30px;padding:0 56px 0 63px;margin-bottom:23px;line-height:1.1}}.periodontalForm .formKv__title::before{position:absolute;content:"";background:url(/site_okuchi-college/assets/img/periodontal/form/form_ilu_img01.png) no-repeat;background-size:100%;top:50%;z-index:-1}@media screen and (min-width: 769px), print{.periodontalForm .formKv__title::before{width:169px;height:170px;margin-top:-40px;left:-23px}}@media screen and (max-width: 768px){.periodontalForm .formKv__title::before{width:78px;height:80px;transform:translateY(-50%);left:13px;margin-top:4px}}.periodontalForm .formKv__title::after{position:absolute;content:"";background:url(/site_okuchi-college/assets/img/periodontal/form/form_ilu_img02.png) no-repeat;background-size:100%;top:50%;z-index:-1}@media screen and (min-width: 769px), print{.periodontalForm .formKv__title::after{width:140px;height:140px;margin-top:-30px;right:0}}@media screen and (max-width: 768px){.periodontalForm .formKv__title::after{width:63px;height:63px;transform:translateY(-50%);right:15px;margin-top:2px}}@media screen and (min-width: 769px), print{.periodontalForm .formKv__text{line-height:1.8;letter-spacing:-1px}}@media screen and (max-width: 768px){.periodontalForm .formKv__text{line-height:1.6}}.periodontalForm .formBox{position:relative;background-color:#fff;box-shadow:0 0 38px rgba(0,137,185,0.24)}@media screen and (min-width: 769px), print{.periodontalForm .formBox{border-radius:40px;margin:100px 0}.periodontalForm .formBox .forSp{display:none}}@media screen and (max-width: 768px){.periodontalForm .formBox{border-radius:20px;margin:45px 30px}.periodontalForm .formBox .forPc{display:none}}.periodontalForm .formBox__status{display:flex;position:absolute;left:50%;transform:translateX(-50%)}@media screen and (min-width: 769px), print{.periodontalForm .formBox__status{width:calc(100% - 80px);max-width:720px;top:-30px}}@media screen and (max-width: 768px){.periodontalForm .formBox__status{width:calc(100% - 60px);max-width:255px;top:-20px}}.periodontalForm .formBox__status>li{width:calc(100% / 3);text-align:center;font-weight:bold;background-color:#ebf5ff;color:#8fb4ff}@media screen and (min-width: 769px), print{.periodontalForm .formBox__status>li{font-size:19px;line-height:60px}}@media screen and (max-width: 768px){.periodontalForm .formBox__status>li{font-size:10px;line-height:13px;padding:8px 0 4px}}.periodontalForm .formBox__status>li.active{color:#ffffff;background-color:#5c92ff}.periodontalForm .formBox__status>li:first-child{border-radius:50px 0 0 50px}.periodontalForm .formBox__status>li:last-child{border-radius:0 50px 50px 0}.periodontalForm .formBox__status>li>span{font-size:16px}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form{padding:59px 100px 10px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form{padding:30px 0 19px}}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item{padding:33px 0 40px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item{padding:16px 0 18px 28px}}.periodontalForm .formBox__form .item+.item{border-top:1px solid #ccc}.periodontalForm .formBox__form .item__box .title{font-weight:bold}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .title{font-size:20px;margin-bottom:3px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .title{font-size:16px;padding-left:1.2em;text-indent:-1em;margin-right:30px;line-height:1.4}}.periodontalForm .formBox__form .item__box .title span{color:#34acab}.periodontalForm .formBox__form .item__box .title--twoNumber{text-indent:-2em;padding-left:2em}.periodontalForm .formBox__form .item__box .text{width:100%}.periodontalForm .formBox__form .item__box .text+.text{margin-top:15px}.periodontalForm .formBox__form .item__box .subTitle{font-weight:bold}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .subTitle{font-size:18px;margin-top:30px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .subTitle{font-size:16px;margin:20px 30px 0 0}}.periodontalForm .formBox__form .item__box>div+.form{margin-top:24px}.periodontalForm .formBox__form .item__box>div+.form--nomargin{margin-top:0px}.periodontalForm .formBox__form .item__box .form{display:flex;flex-wrap:wrap}.periodontalForm .formBox__form .item__box .form+.form{margin-top:24px}.periodontalForm .formBox__form .item__box .form+.form--nomargin{margin-top:0px}.periodontalForm .formBox__form .item__box .form input,.periodontalForm .formBox__form .item__box .form button,.periodontalForm .formBox__form .item__box .form textarea,.periodontalForm .formBox__form .item__box .form select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.periodontalForm .formBox__form .item__box .form input[type="checkbox"],.periodontalForm .formBox__form .item__box .form input[type="radio"]{display:none}.periodontalForm .formBox__form .item__box .form__radio{letter-spacing:-1px}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__radio{margin:5px 36px 0 0;padding:0 0 0 35px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__radio{margin:10px 32px 0 0;padding:0 0 0 28px}}.periodontalForm .formBox__form .item__box .form__radio .mark{position:relative}.periodontalForm .formBox__form .item__box .form__radio .mark::before{position:absolute;content:"";border-radius:50%;background-color:#eee;top:50%;transform:translateY(-50%)}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__radio .mark::before{width:22px;height:22px;left:-30px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__radio .mark::before{width:18px;height:18px;left:-27px}}.periodontalForm .formBox__form .item__box .form__radio .mark::after{position:absolute;width:10px;height:10px;border-radius:50%;left:-24px;top:50%;transform:translateY(-50%);content:""}.periodontalForm .formBox__form .item__box .form__radio input[type="radio"]:checked+.mark::before{background-color:#e0efff}.periodontalForm .formBox__form .item__box .form__radio input[type="radio"]:checked+.mark::after{background-color:#5c92ff}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__check{width:400px;padding-left:35px;margin:6px 0 6px;letter-spacing:-1px;cursor:pointer}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__check{width:100%;padding-left:28px;margin-bottom:8px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__check:first-child{margin:9px 0 8px}}.periodontalForm .formBox__form .item__box .form__check--full{width:100%}.periodontalForm .formBox__form .item__box .form__check .mark{position:relative}.periodontalForm .formBox__form .item__box .form__check .mark::before{position:absolute;content:"";background-color:#eee;top:50%;transform:translateY(-50%)}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__check .mark::before{width:25px;height:25px;left:-35px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__check .mark::before{width:18px;height:18px;left:-29px}}.periodontalForm .formBox__form .item__box .form__check .mark::after{position:absolute;content:"";top:50%;transform:rotate(-45deg) translateY(-50%)}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__check .mark::after{width:13px;height:7px;left:-27px;margin-top:-3px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__check .mark::after{width:8px;height:4px;left:-20px;margin-top:-3px}}.periodontalForm .formBox__form .item__box .form__check input[type="checkbox"]:checked+.mark::before{background-color:#ebf5ff}.periodontalForm .formBox__form .item__box .form__check input[type="checkbox"]:checked+.mark::after{border-left:#5c92ff 2px solid;border-bottom:#5c92ff 2px solid}.periodontalForm .formBox__form .item__box .form__check.on .mark::before{background-color:#ebf5ff}.periodontalForm .formBox__form .item__box .form__check.on .mark::after{border-left:#5c92ff 2px solid;border-bottom:#5c92ff 2px solid}.periodontalForm .formBox__form .item__box .form__text{border:none;border-radius:6px;background-color:#f3f3f3}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__text{width:500px;padding:10px 0;font-size:16px;margin-top:6px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__text{width:100%;padding:10px 0 9px;font-size:16px;margin:10px 30px 0 0}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__other{margin-right:30px}.periodontalForm .formBox__form .item__box .form__other>input{margin:0}}.periodontalForm .formBox__form .item__box .form__textarea{border:none;border-radius:6px;background-color:#f3f3f3;resize:none;margin-top:6px}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__textarea{width:calc(100% - 100px);max-width:700px;height:173px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__textarea{width:calc(100% - 30px);height:155px}}.periodontalForm .formBox__form .item__box .form__select{width:100%;border-radius:6px;border:none;outline:none;box-shadow:none;-webkit-appearance:button;appearance:button}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__select{font-size:16px;padding:10px 20px 10px 17px;background:url(/site_okuchi-college/assets/img/periodontal/form/form_bg_select.png) no-repeat;background-size:100%}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__select{font-size:14px;padding:10px 20px 10px 17px;background:url(/site_okuchi-college/assets/img/periodontal/form/form_bg_select_sp.png) no-repeat;background-size:100%}}.periodontalForm .formBox__form .item__box .form__select::-ms-expand{display:none}.periodontalForm .formBox__form .item__box .form__arrow{position:relative}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__arrow{margin:0 0 0 30px;width:calc(100% - 190px);max-width:610px}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__arrow{width:calc(100% - 60px);margin-left:30px}}@media screen and (min-width: 769px), print{.periodontalForm .formBox__form .item__box .form__arrow--small{width:315px;margin:20px 0 0 0}.periodontalForm .formBox__form .item__box .form__arrow--small .form__select{background:url(/site_okuchi-college/assets/img/periodontal/form/form_bg_select_short.png) no-repeat;background-size:100%}}@media screen and (max-width: 768px){.periodontalForm .formBox__form .item__box .form__arrow--small{margin:20px 0 0 30px}}.periodontalForm .formBox__form .item .errorText{color:#f00;margin-top:10px}.periodontalForm .formBox__handing{background-color:#ebf5ff}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing{padding:30px 115px 40px 125px;border-radius:0 0 40px 40px}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing{padding:20px 30px 20px;border-radius:0 0 20px 20px}}.periodontalForm .formBox__handing .title{font-weight:bold}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing .title{font-size:20px}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing .title{font-size:16px}}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing .list{margin:12px 0 0 -5px}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing .list{margin:7px 0 0 0}}.periodontalForm .formBox__handing .list>li{position:relative;padding-left:1em}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing .list>li{line-height:1.7;font-size:14px}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing .list>li{font-size:12px;line-height:1.5}}.periodontalForm .formBox__handing .list>li::before{position:absolute;content:"・";left:0;top:0}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing .list>li+li{margin-top:9px}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing .list>li+li{margin-top:8px}}.periodontalForm .formBox__handing .link{transition-delay:1s}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing .link{width:420px;margin:29px auto 20px}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing .link{margin:18px auto 18px}}.periodontalForm .formBox__handing .link>button,.periodontalForm .formBox__handing .link a{width:100%;position:relative;overflow:hidden;display:block;text-align:center;background-color:#e5ff54}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing .link>button,.periodontalForm .formBox__handing .link a{padding:20px 75px 20px 20px;box-shadow:0 8px 0 #90a901;font-size:16px}.periodontalForm .formBox__handing .link>button:hover,.periodontalForm .formBox__handing .link a:hover{opacity:1;box-shadow:0 0 0 transparent;transform:translate(0, 5px)}.periodontalForm .formBox__handing .link>button:hover .icon::after,.periodontalForm .formBox__handing .link a:hover .icon::after{animation:hoverArrow 0.6s cubic-bezier(0.19, 1, 0.22, 1)}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing .link>button,.periodontalForm .formBox__handing .link a{padding:13px 40px 12px;box-shadow:0 4px 0 #90a901;font-size:12px}}.periodontalForm .formBox__handing .link>button .icon,.periodontalForm .formBox__handing .link a .icon{overflow:hidden;position:absolute;top:50%;transform:translate(0, -50%)}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing .link>button .icon,.periodontalForm .formBox__handing .link a .icon{right:34px;width:41px;height:6px}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing .link>button .icon,.periodontalForm .formBox__handing .link a .icon{right:16px;width:22.5px;height:4px}}.periodontalForm .formBox__handing .link>button .icon:after,.periodontalForm .formBox__handing .link a .icon:after{content:'';position:absolute;top:0;right:0;display:block;background:url(/site_okuchi-college/assets/img/common/com_ic_arrow.svg) no-repeat 0 0;background-size:100%}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing .link>button .icon:after,.periodontalForm .formBox__handing .link a .icon:after{width:41px;height:6px}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing .link>button .icon:after,.periodontalForm .formBox__handing .link a .icon:after{width:22.5px;height:4px}}.periodontalForm .formBox__handing--confirm .link{width:100%}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing--confirm .link{display:flex;justify-content:space-between}}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing--confirm .link>button{width:calc(calc(100% - 100px)/2)}}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing--confirm .link>button:first-child{padding:20px 20px 20px 75px}}.periodontalForm .formBox__handing--confirm .link>button:first-child .icon{transform:rotateY(180deg) translate(0, -50%)}@media screen and (min-width: 769px), print{.periodontalForm .formBox__handing--confirm .link>button:first-child .icon{left:34px}}@media screen and (max-width: 768px){.periodontalForm .formBox__handing--confirm .link>button:first-child .icon{left:16px}}.periodontalForm .formComplete{text-align:center}@media screen and (min-width: 769px), print{.periodontalForm .formComplete{padding:109px 0 114px}}@media screen and (max-width: 768px){.periodontalForm .formComplete{padding:73px 0 57px}}.periodontalForm .formComplete__title{font-weight:bold}@media screen and (min-width: 769px), print{.periodontalForm .formComplete__title{font-size:25px}}@media screen and (max-width: 768px){.periodontalForm .formComplete__title{font-size:21px}}@media screen and (min-width: 769px), print{.periodontalForm .formComplete__text{font-size:16px;margin-top:18px}}@media screen and (max-width: 768px){.periodontalForm .formComplete__text{font-size:14px;margin:8px 30px 0;text-align:left}}.periodontalForm .js-dropdown-child{display:none}
/*# sourceMappingURL=form.css.map */