.fa-hatena:before{font-family:Verdana;font-weight:bold;content:'B!'}.share{margin:3rem auto;max-width:600px}.share ul{margin:0;padding:0;list-style:none;display:flex}.share li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:3px;width:25%;margin:0}.share li a{font-size:14px!important;display:block!important;padding:10px!important;text-align:center!important;text-decoration:none!important;color:#fff!important}.share li a:hover{opacity:.8}.share li a:visited{color:#fff}.tweet a{background-color:#55acee}.facebooklink a{background-color:#315096}.line a{background-color:#00b900}.hatena a{background-color:#008fde}@media screen and (max-width:468px){.share li span:not(.is-line) {font-size:0}.facebooklink i,.tweet i,.hatena i{font-size:1.3em}}#uniform-page p{margin-bottom:1rem}#uniform-page .intro{display:flex;justify-content:space-between;background:url(https://www.johnan.ac.jp/manager/wp-content/themes/twentyseventeen-child/assets/image/uniform/sakura_top.gif) top left no-repeat;background-size:contain;min-height:200px;padding:2rem 0 0 1rem}#uniform-page .intro .content{max-width:295px}@media screen and (max-width:1050px){#uniform-page .intro{flex-wrap:wrap}#uniform-page .intro .content{margin:1rem 0;background:rgba(255,255,255,.6);padding:1rem;width:100%;max-width:100%}}#uniform-page .text{background:url(https://www.johnan.ac.jp/manager/wp-content/themes/twentyseventeen-child/assets/image/uniform/sakura_middle.jpg) center center no-repeat;background-size:cover;display:flex;align-items:end;padding:1rem 0 0 1rem;justify-content:space-between}#uniform-page .text figure{max-width:100%;margin:auto;text-align:center}#uniform-page .text figure img{max-width:300px}#uniform-page .text div{max-width:295px}@media screen and (max-width:1050px){#uniform-page .text{flex-wrap:wrap}#uniform-page .text figure{width:100%}#uniform-page .text div{margin:1rem 0;max-width:100%;padding:1rem}}#uniform-page .detail-outer{margin:6rem 0 10rem}#uniform-page .detail-outer .detail-box.--mark{width:40%;margin-right:0;display:inline-block}#uniform-page .detail-outer .detail-box.--shoes{width:49%;margin-left:10%;display:inline-block}@media screen and (max-width:765px){#uniform-page .detail-outer .detail-box.--mark{width:100%;margin-right:0;display:block}#uniform-page .detail-outer .detail-box.--shoes{width:100%;margin-left:0;display:block}}#uniform-page .detail-outer .detail-box .detail-title{display:flex;align-items:center;gap:1rem}#uniform-page .detail-outer .detail-box .detail-title .detail-img{background:#a8e1ef;border-radius:100%;width:130px;height:130px;aspect-ratio: 1 / 1;text-align:center}#uniform-page .detail-outer .detail-box .detail-title .detail-img img{width:70%;height:auto;position:relative;top:50%;transform:translateY(-50%);margin:auto}#uniform-page .detail-outer .detail-box .detail-title .detail-name{font-size:1.1rem}#uniform-page .detail-outer .detail-box.--tie{margin:3rem 0}#uniform-page .detail-outer .detail-box.--tie .detail-img{width:70%;border-radius:60px 0 60px 0}#uniform-page .detail-outer .detail-box.--tie .detail-img img{width:auto;height: calc(100% + 4rem);top:58%}@media screen and (max-width:765px){#uniform-page .detail-outer .detail-box.--tie .detail-title{flex-wrap:wrap}#uniform-page .detail-outer .detail-box.--tie .detail-img{width:100%;margin-bottom:3rem}}#uniform-page .example{margin:4rem 0}#uniform-page .example .example-title{background:#fdf6eb;border-radius:60px 0 60px 0;margin-left:100px;position:relative;padding:1rem 2rem}#uniform-page .example .example-title:before{content:"";display:block;background:url(https://www.johnan.ac.jp/manager/wp-content/themes/twentyseventeen-child/assets/image/uniform/sakura_bottom.gif) left bottom no-repeat;background-size:contain;width:200px;height:120px;position:absolute;z-index:-1;left:-100px;top:-46px}#uniform-page .example .example-detail{display:flex;align-items:center;gap:1rem}#uniform-page .example .example-detail figure{width:40%;text-align:center}#uniform-page .example .example-detail figure img{width:80%}@media screen and (max-width:480px){#uniform-page .example .example-detail{flex-wrap:wrap}#uniform-page .example .example-detail figure{width:100%}#uniform-page .example .example-detail figure img{max-width:200px}}#uniform-page .ar{background:#a8e1ef;border-radius:60px 0 60px 0;padding:2rem 100px;margin:6rem 0}#uniform-page .ar .ar-title{position:relative;z-index:1;width:fit-content;padding:0 3px;margin-bottom:2rem}#uniform-page .ar .ar-title:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-5px;height:15px;background:#fff;z-index:-1}#uniform-page .ar .ar-link{display:flex;align-items:center;gap:1rem}#uniform-page .ar .ar-link figure{width:100px;height:100px;margin:0}#uniform-page .ar .ar-link p{margin-bottom:0;max-width:calc(100% - 100px - 1rem)}#uniform-page .ar .ar-link a{text-decoration:underline}@media screen and (max-width:480px){#uniform-page .ar{padding:2rem}}#digital-page .movie-detail{display:flex;justify-content:space-between;align-items:center}#digital-page .movie-detail figure{width:50%}#digital-page .movie-detail figure img{width:100%;height:auto;object-fit:contain}#digital-page .movie-detail>div{width:48%}#digital-page .movie-detail>div p{margin-bottom:1rem}#digital-page .movie-detail>div p .font-small{font-size:smaller}@media screen and (max-width:765px){#digital-page .movie-detail{flex-wrap:wrap}#digital-page .movie-detail figure{width:80%;margin:0 10%}#digital-page .movie-detail>div{width:100%;margin:1rem 0}}#digital-page .movie-title{color:#000;padding-left:40px;margin-top:3rem;padding-top:0;position:relative}#digital-page .movie-title::before{content:"";background:url(https://www.johnan.ac.jp/manager/wp-content/themes/twentyseventeen-child/assets/image/digital/digital-movie-icon.svg) left center no-repeat;background-size:contain;width:34px;height:34px;position:absolute;left:0;top:-3px}#digital-page iframe{aspect-ratio:1.7777777778;border-radius:10px}#digital-page .movie-table{border-left:solid 5px #20afd6;width:fit-content;margin:1rem 0}#digital-page .movie-table::before{content:"DATA";font-weight:800;display:block;margin-bottom:10px;margin-left:10px;font-size:small}#digital-page .movie-table tr{border-bottom:0}#digital-page .movie-table tr td{padding:3px}#digital-page .movie-table tr td a{text-decoration:underline}#digital-page .movie-table tr td:first-child{padding:0 10px;position:relative}#digital-page .movie-table tr td:first-child::after{content:":";position:absolute;right:0;top:2px}#digital-page .event-title{color:#000;padding-left:40px;margin-top:3rem;padding-top:0;position:relative}#digital-page .event-title::before{content:"";background:url(https://www.johnan.ac.jp/manager/wp-content/themes/twentyseventeen-child/assets/image/digital/digital-mega.svg) left center no-repeat;background-size:contain;width:34px;height:34px;position:absolute;left:0;top:-3px}#digital-page .event-detail{display:flex;justify-content:space-between;align-items:center}#digital-page .event-detail figure{width:50%}#digital-page .event-detail figure img{width:100%;height:auto;object-fit:contain}#digital-page .event-detail>div{width:48%}#digital-page .event-detail>div p{margin-bottom:1rem}#digital-page .event-detail>div p .font-small{font-size:smaller}#digital-page .event-detail>div a{color:#fff;background-color:#20afd6;padding:10px;width:100%;display:block}#digital-page .voice-title{color:#fff;background-color:#20afd6;padding:20px 30px;text-align:center;width:fit-content;margin-top:3rem}#digital-page .voice-main-img{width:80%;margin:auto;position:relative;top:-3rem;z-index:-1;aspect-ratio:1.7777777778}#digital-page .voice-main-img img{width:100%;height:100%;object-fit:cover}#digital-page .voice-detail{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin:1rem 0}#digital-page .voice-detail .voice-face{width:100px;height:100px;aspect-ratio:1;flex-shrink:0}#digital-page .voice-detail .voice-face img{width:100%;height:100%;object-fit:cover;border-radius:100%}#digital-page .voice-detail .voice-text .text{background:url(https://www.johnan.ac.jp/manager/wp-content/themes/twentyseventeen-child/assets/image/digital/digital-fukidashi.svg) left bottom no-repeat;background-size:60px 80px;padding-left:30px;padding-bottom:30px}#digital-page .voice-detail .voice-text .name{font-size:smaller}#digital-page .voice-detail.reverse{flex-direction:row-reverse}#digital-page .voice-detail.reverse .voice-text .text{background:url(https://www.johnan.ac.jp/manager/wp-content/themes/twentyseventeen-child/assets/image/digital/digital-fukidashi-2.svg) right bottom no-repeat;background-size:60px 80px;padding-right:30px;padding-bottom:30px}#digital-page .voice-detail.reverse .voice-text .name{font-size:smaller;text-align:right}#digital-page .about-title{color:#fff;background-color:#20afd6;padding:20px 30px;text-align:center;width:fit-content;margin-top:3rem}#digital-page .about-main-img{width:80%;margin:auto;position:relative;top:-3rem;z-index:-1;aspect-ratio:1.7777777778}#digital-page .about-main-img img{width:100%;height:100%;object-fit:cover}#digital-page .about-text{width:80%;margin:1rem auto;top:-3rem;position:relative}@media screen and (max-width:1199px){main .side_nav a span{padding-right:50px}}