﻿html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}@font-face{font-family:'kyoshinicon';src:url("../fonts/kyoshinicon.eot?aw07hj");src:url("../fonts/kyoshinicon.eot?#iefixaw07hj") format("embedded-opentype"),url("../fonts/kyoshinicon.ttf?aw07hj") format("truetype"),url("../fonts/kyoshinicon.woff?aw07hj") format("woff"),url("../fonts/kyoshinicon.svg?aw07hj#kyoshinicon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'kyoshinicon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1}.icon-tag:before{content:""}.icon-chevron-left:before{content:""}.icon-chevron-right:before{content:""}.icon-chevron-up:before,.voice.expanded .voice-toggle:before,.gototop:before{content:""}.icon-chevron-down:before,.voice.collapsed .voice-toggle:before{content:""}.icon-arrow-left:before{content:""}.icon-arrow-right:before{content:""}.icon-arrow-up:before{content:""}.icon-arrow-down:before{content:""}.icon-arrow-circle-left:before{content:""}.icon-arrow-circle-right:before{content:""}.icon-arrow-circle-up:before{content:""}.icon-arrow-circle-down:before{content:""}.icon-caret-left:before{content:""}.icon-caret-right:before{content:""}.icon-caret-up:before{content:""}.icon-caret-down:before{content:""}.icon-angle-left:before{content:""}.icon-angle-right:before{content:""}.icon-angle-up:before{content:""}.icon-angle-down:before{content:""}.icon-chevron-circle-left:before{content:""}.icon-chevron-circle-right:before{content:""}.icon-chevron-circle-up:before{content:""}.icon-chevron-circle-down:before{content:""}.icon-home:before{content:""}.icon-comments-o:before{content:""}.icon-book:before{content:""}.icon-folder-open:before{content:""}.icon-pencil:before{content:""}.icon-mortar-board:before{content:""}.icon-send:before{content:""}.icon-file-text-o:before{content:""}.icon-envelope-o:before{content:""}.icon-building-o:before{content:""}.icon-building:before{content:""}.icon-phone:before{content:""}.icon-star:before{content:""}.icon-flag:before{content:""}.icon-bullhorn:before{content:""}.icon-newspaper-o:before{content:""}.icon-pdf:before{content:""}.icon-menu:before{content:""}.icon-close:before{content:""}.icon-phone-square:before{content:""}.icon-check-square-o:before{content:""}.icon-search:before{content:""}.icon-comment:before{content:""}.icon-commenting:before{content:""}.icon-search-plus:before{content:""}.voice-pref-list{display:flex;flex-flow:row wrap;margin:-5px;margin-top:25px}.voice-pref-list:first-child{margin-top:-5px}.voice-pref-list>li{font-size:14px;font-weight:bold;margin:5px;text-align:center;width:60px}@media (min-width: 768px){.voice-pref-list>li{font-size:18px;width:calc(10% - 10px)}}.voice-pref-list>li.current a{background:#bfbfbf;color:#fff}.voice-pref-list>li a{border:1px solid #bfbfbf;border-radius:3.5px;color:#000;display:block;padding:3px 0.5em 1px;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 768px){.voice-pref-list>li a{padding:6px 0.5em 3px}}.voice-pref-list>li a:hover{background:#ecf0f1}.content .voice-pref-title{font-size:24px;border-bottom:2px solid #000}.voices{display:flex;flex-flow:row wrap}.voice{margin-bottom:25px;padding:25px 15px 0;position:relative;overflow:hidden;transition:background 0.5s}@media (min-width: 768px){.voice{width:50%;padding:25px 25px 0}}.voice+.voice{border-top:1px solid #f8efee}@media (min-width: 768px){.voice+.voice{border-top:0}}.voice:nth-child(even)::before{background:#f8efee;display:block;height:calc(100% - 25px);left:0;position:absolute;top:25px;width:1px}@media (min-width: 768px){.voice:nth-child(even)::before{content:""}}.voice.collapsed{height:300px;overflow:hidden}.voice.collapsed::after{background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 95px);bottom:0;content:"";display:block;height:100px;position:absolute;width:100%;z-index:5}.voice.collapsed .voice-toggle:before{font-family:'kyoshinicon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;margin-right:1em}.voice.expanded{background:#fdf5f4;padding-bottom:70px}.voice.expanded::before{background:none}.voice.expanded+.expanded:nth-child(even)::before{background:#fff;height:calc(100% - 50px)}.voice.expanded .voice-toggle:before{font-family:'kyoshinicon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;margin-right:1em}.voice .voice-toggle{background:#fff;border:1px solid #eee;border-radius:4px;bottom:20px;display:block;font-size:16px;font-weight:bold;left:0;line-height:28px;margin:auto;padding:7px 1em 3px;position:absolute;right:0;text-align:center;width:190px;z-index:9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.voice .pass{max-width:calc(100% - 80px)}@media (min-width: 768px){.voice .pass{max-width:320px}}.voice .pass>li{font-size:16px;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.voice .pass>li.go,.voice .pass>li:first-child{font-size:20px}@media (min-width: 768px){.voice .pass>li.go,.voice .pass>li:first-child{font-size:24px}}.voice .meta{align-items:flex-start;display:flex;flex-flow:row wrap;margin:8px 0 5px;max-width:220px}@media (min-width: 768px){.voice .meta{max-width:320px}}.voice .meta>p{padding-top:2px}.voice .meta .school{background:#fff;border:1px solid #ddd;border-radius:2px;color:#333;line-height:20px;margin-right:10px;padding:4px 10px 0;vertical-align:bottom}.voice .meta .school a{background:#f38e2b;border-radius:2px;color:#fff;display:block;line-height:20px;margin:-5px -11px -1px;padding:4px 11px 2px;text-decoration:none}.voice .meta .school a::before{background:url(../images/arrow-right.png) center center;background-size:5px 9px;content:"";display:inline-block;height:9px;margin-right:7px;width:5px}.voice .meta .school a:hover{background:#f28113}.voice h4,.voice .title{background:none;color:#000;font-size:18px;font-weight:bold;margin:5px 0 3px;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gototop{background:#999;border-radius:4px;bottom:30px;color:#fff !important;display:none;font-size:16px;font-weight:bold;float:right;line-height:28px;margin-left:750px;padding:7px 1em 3px;position:fixed;text-align:center;text-decoration:none !important;width:190px;z-index:99;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width: 768px){.gototop{display:block}}.gototop:before{font-family:'kyoshinicon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;margin-right:1em}.gototop:hover{background:#8c8c8c}.content[class*="junior-"] .voice-pref-list>li.current a{background:#0059af;border-color:#0059af}.content[class*="junior-"] .voice-pref-title{border-color:#0059af}.content[class*="junior-"] .voice{background-image:url(../images/icon-sakura-junior.png);background-position:right 15px top 25px;background-repeat:no-repeat;background-size:auto 60px}@media (min-width: 768px){.content[class*="junior-"] .voice{background-size:auto 85px;background-position:right 25px top 25px}}.content[class*="junior-"] .voice .voice-toggle{border-color:#0059af;color:#0059af}.content[class*="junior-"] .voice .voice-toggle:hover{background:#0059af;color:#fff}.content[class*="junior-"] .voice .pass{color:#0059af}.content[class*="junior-"] .gototop{background:#0059af}.content[class*="junior-"] .gototop:hover{background:#004c96}.content[class*="high-"] .voice-pref-list>li.current a{background:#54a7df;border-color:#54a7df}.content[class*="high-"] .voice-pref-title{border-color:#54a7df}.content[class*="high-"] .voice{background-image:url(../images/icon-sakura-high.png);background-position:right 15px top 25px;background-repeat:no-repeat;background-size:auto 60px}@media (min-width: 768px){.content[class*="high-"] .voice{background-size:auto 85px;background-position:right 25px top 25px}}.content[class*="high-"] .voice .voice-toggle{border-color:#54a7df;color:#54a7df}.content[class*="high-"] .voice .voice-toggle:hover{background:#54a7df;color:#fff}.content[class*="high-"] .voice .pass{color:#54a7df}.content[class*="high-"] .gototop{background:#54a7df}.content[class*="high-"] .gototop:hover{background:#3f9cdb}.content[class*="s1-"] .voice-pref-list>li.current a{background:#e61922;border-color:#e61922}.content[class*="s1-"] .voice-pref-title{border-color:#e61922}.content[class*="s1-"] .voice{background-image:url(../images/icon-sakura-s1.png);background-position:right 15px top 25px;background-repeat:no-repeat;background-size:auto 60px}@media (min-width: 768px){.content[class*="s1-"] .voice{background-size:auto 85px;background-position:right 25px top 25px}}.content[class*="s1-"] .voice .voice-toggle{border-color:#e61922;color:#e61922}.content[class*="s1-"] .voice .voice-toggle:hover{background:#e61922;color:#fff}.content[class*="s1-"] .voice .pass{color:#e61922}.content[class*="s1-"] .gototop{background:#e61922}.content[class*="s1-"] .gototop:hover{background:#cf171f}.content .tab2-bottom{margin-bottom:15px}@media screen and (min-width: 768px){.content .tab2-bottom{display:none}}.content .tab2-bottom li{margin-bottom:6px;margin-top:0}.content .tab2-bottom li.select{margin-bottom:0}.content #search_content.frontpage-search-container{margin:60px auto -30px;max-width:1200px;padding:0 10px}.content #search_content.frontpage-search-container img{margin:0}@media screen and (min-width: 768px){.content #search_content.frontpage-search-container .search_form .search_box .search-method{float:left;display:block;margin-right:2.35765%;width:31.76157%}.content #search_content.frontpage-search-container .search_form .search_box .search-method:last-child{margin-right:0}.content #search_content.frontpage-search-container .search_form .search_box .search-method:nth-child(4n){margin-right:0}.content #search_content.frontpage-search-container .search_form .search_box .search-method:nth-child(4n+1){clear:left}}.content #search_content.frontpage-search-container .search_form .select_wrap,.content #search_content.frontpage-search-container .search_form .keyword_wrap{float:none;margin-right:70px;width:auto}.content #search_content.frontpage-search-container .search_form .select_wrap select,.content #search_content.frontpage-search-container .search_form .select_wrap input[type="text"],.content #search_content.frontpage-search-container .search_form .select_wrap .select_ov,.content #search_content.frontpage-search-container .search_form .keyword_wrap select,.content #search_content.frontpage-search-container .search_form .keyword_wrap input[type="text"],.content #search_content.frontpage-search-container .search_form .keyword_wrap .select_ov{width:100%}.content #search_content.frontpage-search-container .search_form .select_wrap .select_ov,.content #search_content.frontpage-search-container .search_form .keyword_wrap .select_ov{background-position:right 10px top 10px}.content #search_content.frontpage-search-container .search_form .select_wrap .search-submit,.content #search_content.frontpage-search-container .search_form .keyword_wrap .search-submit{margin-right:-70px}.content #search_content .search_form .other_area_box .select_wrap .brand-select{width:70%}@media screen and (min-width: 768px){.content #search_content .search_form .other_area_box .select_wrap .brand-select{width:320px}}.content #search_content .search_form .other_area_box .select_wrap .brand-select-ov{width:70%}@media screen and (min-width: 768px){.content #search_content .search_form .other_area_box .select_wrap .brand-select-ov{background-position:300px 10px;width:320px}}.content #search_content .search_form .other_area_box .select_wrap .select_ov{border-top-right-radius:0;border-bottom-right-radius:0}.content #search_content .search_form .select_wrap .select_ov{border-top-right-radius:0;border-bottom-right-radius:0}.search_form .row .inner{margin-left:0;margin-right:0}.search_form .school-keyword-search-form input[type="text"].search-field,.search_form .school-area-search-form input[type="text"].search-field,.search_form .school-brand-select-wrap input[type="text"].search-field{border-top-right-radius:0;border-bottom-right-radius:0;padding:3px 8px 0}.search_form .school-keyword-search-form .search-submit,.search_form .school-area-search-form .search-submit,.search_form .school-brand-select-wrap .search-submit{background:#939aa0;border:0;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#fff;margin-top:4px;width:70px;height:33px}.search_form .search_box .area_list_box{margin-right:0;width:auto}@media screen and (min-width: 768px){.search_form .search_box .area_list_box{margin-right:34px;width:395px}}@media screen and (min-width: 768px){.search_form.s1-frontpage-search-container-bottom .search_box .area_list_box{margin-right:60px;width:auto}}.search_form.s1-frontpage-search-container-bottom .search_box .keyword_box02{width:auto}.junior-frontpage-search-container{padding-left:10px;padding-right:10px}.junior-frontpage-search-container .gps_box{margin-top:30px;float:left}.junior-frontpage-banner-container{display:flex;flex-wrap:wrap;justify-content:space-between}.junior-frontpage-banner-container .banner{margin-bottom:20px}.alt-search-box-title{font-size:15px;font-weight:bold}.alt-search-box-title:before{content:"";display:inline-block;height:14px;margin-right:5px;vertical-align:-1px;width:14px}.alt-search-box-title-portal:before{background-color:#2c7cc3}.alt-search-box-title-junior:before{background-color:#0059af}.alt-search-box-title-high:before{background-color:#54a7df}.alt-search-box-title-s1:before{background-color:#e61922}
