.container{overflow:hidden}.periodontalIdx .header{position:absolute;top:0;left:0;z-index:100;width:100%;height:auto;background:none;opacity:0;transform:translate(0%, -20%);animation:header 1s ease both;animation-delay:3.0s}.periodontalIdx .kv{position:relative;text-align:center}.periodontalIdx .kv__bg img{width:100%;height:auto;vertical-align:top}.periodontalIdx .kv__title{display:flex;flex-wrap:wrap;align-items:center;align-content:center;width:100%;max-width:1000px;height:100%;text-align:left;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif}@media screen and (min-width: 769px), print{.periodontalIdx .kv__title{padding:56px 100px 0;font-size:3.6vw;line-height:1.7;letter-spacing:8px}}@media screen and (max-width: 768px){.periodontalIdx .kv__title{font-size:5vw;padding:10% 30px 0;line-height:2.2;letter-spacing:7px}}.periodontalIdx .kv__title .label{display:block;width:100%;opacity:0}.periodontalIdx .kv__title .label:nth-child(1){transform:translate(0%, 20%);animation:kvTitle 1s ease-in-out both;animation-delay:1.0s}.periodontalIdx .kv__title .label:nth-child(2){transform:translate(0%, 20%);animation:kvTitle 1s ease-in-out both;animation-delay:1.5s}@media screen and (min-width: 769px), print{.periodontalIdx .kv__title .label:nth-child(2){margin:0 0 0 -22px}}@media screen and (max-width: 768px){.periodontalIdx .kv__title .label:nth-child(2){margin:0 0 0 -12px}}.periodontalIdx .kv__title .label:nth-child(3){transform:translate(0%, 20%);animation:kvTitle 1s ease-in-out both;animation-delay:2.0s}.periodontalIdx .kv__title .label .bg{position:relative}.periodontalIdx .kv__title .label .bg .circle{display:block;position:absolute;z-index:-1;transform:translate(0%, 0%);animation:kvTitleBg 1s ease-in-out both;animation-delay:0.5s}@media screen and (min-width: 769px), print{.periodontalIdx .kv__title .label .bg .circle{width:10vw;height:10vw;top:-42px;left:-55px}}@media screen and (max-width: 768px){.periodontalIdx .kv__title .label .bg .circle{width:15vw;height:15vw;top:-80%;left:-90%}}.periodontalIdx .kv__title .label .bg .circle__inner{display:block;width:100%;padding-top:100%;border-radius:50%;background-color:#e5ff54}.periodontalIdx .aboutLead{font-family:'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif}@media screen and (min-width: 769px), print{.periodontalIdx .aboutLead{text-align:center;padding:51px 0 0;line-height:2.0}}@media screen and (max-width: 768px){.periodontalIdx .aboutLead{text-align:left;padding:37px 30px 20px;line-height:1.8}}.periodontalIdx .sec1{position:relative}@media screen and (min-width: 769px), print{.periodontalIdx .sec1{padding:0}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu{max-width:1200px;margin:80px -50px 0}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu{padding:0 30px 0}}.periodontalIdx .sec1 .modCategoryMenu__item{opacity:0;transform:translate(0, -10%);transition:1s ease-out}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item{width:520px;height:250px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item{margin-top:33px}}.periodontalIdx .sec1 .modCategoryMenu__item.is-act{opacity:1;transform:translate(0, 0)}@media print{.periodontalIdx .sec1 .modCategoryMenu__item{opacity:1;transform:translate(0, 0)}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item__inner{padding:0 0 70px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item__inner{padding:0}}.periodontalIdx .sec1 .modCategoryMenu__item>a{background:url(/site_okuchi-college/assets/img/periodontal/index_bg_sec1.png) no-repeat 0 0 #fff}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item .image{height:303px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item .image{height:140px}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item .image>img{height:243px;bottom:40px;left:0;width:auto;transform:translate(0, 0)}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item .image>img{height:135px;bottom:0px;left:33px;width:auto;transform:translate(0, 0)}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item .body{position:absolute;top:0;right:0;width:234px;height:100%}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item .body{position:absolute;top:0;right:0;width:150px;height:100%}}.periodontalIdx .sec1 .modCategoryMenu__item .body__title{font-family:'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;text-align:center;transform:translate(0, 40%)}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item .body__title{font-size:42px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item .body__title{font-size:25px}}.periodontalIdx .sec1 .modCategoryMenu__item .body__title__small{display:block;line-height:1}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item .body__title__small{font-size:22px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item .body__title__small{font-size:13px}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item .icon{left:auto;right:76px;bottom:64px;width:34px;height:34px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item .icon{left:auto;right:47px;bottom:27px;width:28px;height:28px;transform:translate(-50%, 0)}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(1) .image>img{bottom:75px;left:35px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(1) .image>img{bottom:12px;left:18px}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(2){margin-top:60px}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(2) .image>img{bottom:70px;left:35px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(2) .image>img{bottom:10px;left:24px}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(3) .image>img{bottom:68px;left:52px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(3) .image>img{bottom:8px;left:29px}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(4){margin-top:60px}}@media screen and (min-width: 769px), print{.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(4) .image>img{bottom:73px;left:16px}}@media screen and (max-width: 768px){.periodontalIdx .sec1 .modCategoryMenu__item:nth-child(4) .image>img{bottom:13px;left:10px}}@media screen and (min-width: 769px), print{.periodontalIdx .bannerArea{width:748px;margin:66px auto 0}}@media screen and (max-width: 768px){.periodontalIdx .bannerArea{width:calc(100% - 25px);margin:40px auto 0}}.periodontalIdx .bannerArea>a>img{width:100%;height:auto}.periodontalIdx .otherContents{opacity:0;transform:translate(0, -10%);transition:1s ease-out}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents{max-width:792px;margin:0 auto}}.periodontalIdx .otherContents.is-act{opacity:1;transform:translate(0, 0)}@media print{.periodontalIdx .otherContents{opacity:1;transform:translate(0, 0)}}.periodontalIdx .otherContents__wrapper{background-position:100% 100%;background-repeat:no-repeat}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents__wrapper{padding:150px 0 150px}}@media screen and (max-width: 768px){.periodontalIdx .otherContents__wrapper{padding:100px 42.5px 70px;background-size:contain}}.periodontalIdx .otherContents>a{display:block;background-color:#fff}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents>a{border-radius:36px;box-shadow:0 0 38px rgba(0,137,185,0.24)}.periodontalIdx .otherContents>a:hover{opacity:1;box-shadow:0 0 10px rgba(0,137,185,0.1)}.periodontalIdx .otherContents>a:hover .otherContents__icon{box-shadow:none;transform:translate(0, -28px)}.periodontalIdx .otherContents>a:hover .otherContents__icon .icon::after{animation:hoverArrow 0.6s cubic-bezier(0.19, 1, 0.22, 1)}}@media screen and (max-width: 768px){.periodontalIdx .otherContents>a{border-radius:18px;box-shadow:0 0 14px rgba(0,137,185,0.24)}}.periodontalIdx .otherContents__inner{position:relative}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents__inner{padding:0 150px 0 0}}.periodontalIdx .otherContents__image{position:relative;float:left;font-size:0}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents__image{width:175px;height:175px}}@media screen and (max-width: 768px){.periodontalIdx .otherContents__image{width:90px;height:90px;margin-right:7px}}.periodontalIdx .otherContents__image>img{position:absolute;width:100%;height:auto;border-radius:50%;z-index:1}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents__image>img{top:-25px;left:-38px}}@media screen and (max-width: 768px){.periodontalIdx .otherContents__image>img{top:-10px;left:-14px}}.periodontalIdx .otherContents__image:after{position:absolute;content:'';display:block;width:100%;height:100%;border-radius:50%;background-color:#e5ff54}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents__image:after{top:-15px;left:-28px}}@media screen and (max-width: 768px){.periodontalIdx .otherContents__image:after{top:-5px;left:-9px}}.periodontalIdx .otherContents__title{font-family:'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents__title{padding-top:33px;font-size:22px}}@media screen and (max-width: 768px){.periodontalIdx .otherContents__title{line-height:1.48;padding:24px 60px 0 0;font-size:17.5px}}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents__text{margin-top:12px;line-height:1.5;font-size:16px}}@media screen and (max-width: 768px){.periodontalIdx .otherContents__text{clear:both;padding:2px 25px 20px;line-height:1.8;font-size:12px}}.periodontalIdx .otherContents__icon{position:absolute;background:#e5ff54;border-radius:100%;transition:0.3s ease-out}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents__icon{top:50%;right:33px;width:68px;height:68px;box-shadow:0 5px 0 #90a901;transform:translate(0, -50%)}}@media screen and (max-width: 768px){.periodontalIdx .otherContents__icon{top:33px;right:25px;width:34px;height:34px;box-shadow:0 4px 0 #90a901}}.periodontalIdx .otherContents__icon .icon{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 769px), print{.periodontalIdx .otherContents__icon .icon{width:31px;height:6px}}@media screen and (max-width: 768px){.periodontalIdx .otherContents__icon .icon{width:22.5px;height:4px}}.periodontalIdx .otherContents__icon .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{.periodontalIdx .otherContents__icon .icon:after{width:31px;height:6px}}@media screen and (max-width: 768px){.periodontalIdx .otherContents__icon .icon:after{width:22.5px;height:4px}}@keyframes header{0%{opacity:0;transform:translate(0%, -20%)}100%{opacity:1;transform:translate(0%, 0%)}}@keyframes kvTitle{0%{opacity:0;transform:translate(0%, 30%)}100%{opacity:1;transform:translate(0%, 0%)}}@keyframes kvTitleBg{0%{opacity:0;transform:translate(0%, 0%)}100%{opacity:1;transform:translate(0%, 0%)}}
/*# sourceMappingURL=index.css.map */