@charset "utf-8"; /* CSS Information ========================================= style.css contents.css ========================================================= */ /* ========================================================= style.css ========================================================= */ /* ----------------------------------------------- */ body { font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; line-height: 1.5; } /* wrapper ----------------------------------------------- */ @media screen and ( min-width: 481px ) { .wrapper { width: ; min-width: 960px; } .inner { margin: 0 auto; width: 960px; } } /* header ----------------------------------------------- */ .header ._info { background-color: #00693e; color: #fff; } .header ._info ul { overflow: hidden; padding: 0 0.5em; } .header ._info ul > li:nth-of-type(1) { float: left; } .header ._info ul > li:nth-of-type(2) { float: right; } .header ._info ul > li a { color: #fff; text-decoration: none; } .header ._title { font-weight: bold; } .header ._title a { color: #000; display: block; text-decoration: none } .header ._title span:nth-of-type(2) { font-size: 1.5em; line-height: 1; } @media screen and ( max-width: 480px ) { .header ._info ._catchphrase { display: none; } .header ._title a { padding: 0.5em; } } @media screen and ( min-width: 481px ) { .header .inner { background: url("../img/common/bg_line.png") no-repeat 0 100%; margin-bottom: 0.5em; padding-bottom: 0.25em; } .header ._info { position: relative; } .header ._info ._catchphrase { padding: 0 1em; } .header ._info ul { position: absolute; top: 0; right: 0; width: 320px; } .header ._title { background: url("../img/common/bg_title.png") no-repeat 100% 90%; display: inline-block; margin-top: 0.25em; padding-right: 160px; } .header ._title a { display: inline-block; padding: 0 0.5em; } .header ._title span:nth-of-type(1) { display: inline-block; padding-top: 0.25em; padding-bottom: 0.25em; } } /* nav ul:nth-of-type(1) ----------------------------------------------- */ .nav ul:nth-of-type(1) > li a { background-color: #00693e; color: #fff; display: block; text-align: center; text-decoration: none; } @media screen and ( max-width: 480px ) { .nav ul:nth-of-type(1) { display: table; margin: 0.5em 0; table-layout: fixed; width: 100%; } .nav ul:nth-of-type(1) > li { display: table-cell; } .nav ul:nth-of-type(1) > li + li { border-left: 2px solid #fff; } .nav ul:nth-of-type(1) > ._topics { display: none; } .nav ul:nth-of-type(1) > li a { font-size: 0.9em; padding: 0.25em 0; } .nav ul:nth-of-type(1) > li span + span::before { content: "・"; } } @media screen and ( min-width: 481px ) { .nav .inner { position: relative; } .nav ul:nth-of-type(1) { overflow: hidden; position: absolute; top: -4.25em; right: 0; } .wrapper.-top .nav ul:nth-of-type(1) { position: ; top: -24.75em; } .nav ul:nth-of-type(1) > li { float: left; } .nav ul:nth-of-type(1) > li + li { margin-left: 0.5em; } .nav ul:nth-of-type(1) > li a { background-repeat: no-repeat; padding: 0.5em; padding-left: 3.5em; width: 5em; } .nav ul:nth-of-type(1) > ._brochure a { background-image: url("../img/common/icon_pdf.png"); background-position: 0.5em 50%; } .nav ul:nth-of-type(1) > ._topics a { background-image: url("../img/common/icon_topics.png"); background-position: 0.5em 60%; } .nav ul:nth-of-type(1) > ._contact a { background-image: url("../img/common/icon_contact.png"); background-position: 0.5em 50%; } .nav ul:nth-of-type(1) > li span { display: block; } .nav ul:nth-of-type(1) > ._topics span { padding: 0.75em 0; } } /* nav ul:nth-of-type(2) ----------------------------------------------- */ .nav ul:nth-of-type(2) { margin-bottom: 0.5em; overflow: hidden; } .nav ul:nth-of-type(2) > li { border: 1px solid #fff; box-sizing: border-box; float: left; } .nav ul:nth-of-type(2) > li a { background: #ffe9a9 url("") no-repeat; color: #ea5514; display: block; padding: 0.5em 0; text-decoration: none; } .nav ul:nth-of-type(2) ._school-introduction a { background-image: url("../img/common/icon_manaita.png"); } .nav ul:nth-of-type(2) ._department a { background-image: url("../img/common/icon_kitchen_knife.png"); } .nav ul:nth-of-type(2) ._event a { background-image: url("../img/common/icon_bowl.png"); } .nav ul:nth-of-type(2) ._requirements a { background-image: url("../img/common/icon_whisk.png"); } .nav ul:nth-of-type(2) ._find-work a { background-image: url("../img/common/icon_cook.png"); } .nav ul:nth-of-type(2) ._extracurricular-lesson a { background-image: url("../img/common/icon_note.png"); } @media screen and ( max-width: 480px ) { .nav ul:nth-of-type(2) > li { width: 50%; } .nav ul:nth-of-type(2) > li a { background-position: 0.5em 50%; padding-left: 3.25em; } .nav ul:nth-of-type(2) > li:nth-of-type(2n-1) a { padding-left: 4em; } .nav ul:nth-of-type(2) ._extracurricular-lesson a { background-position: 0.75em 50%; } } @media screen and ( min-width: 481px ) { .nav ul:nth-of-type(2) { margin-top: 0.5em; } .nav ul:nth-of-type(2) > li { width: 160px; } .nav ul:nth-of-type(2) > li a { background-position: 10% 50%; padding-left: 4em; } .nav ul:nth-of-type(2) ._extracurricular-lesson a { background-position: 8% 50%; padding-left: 3.25em; } } /* page ----------------------------------------------- */ /* breadcrumb ----------------------------------------------- */ /* contents ----------------------------------------------- */ .contents .nav-department ul > li a { background: url("") no-repeat; background-size: contain; display: block; } .contents .nav-department ul > ._culinary a { background-image: url("../img/common/culinary.png"); } .contents .nav-department ul > ._confectionery a { background-image: url("../img/common/confectionery.png"); } .contents .nav-department ul > ._double-licence a { background-image: url("../img/common/double_licence.png"); } .contents .nav-department ul > li a span { display: none; } @media screen and ( max-width: 480px ) { .contents .nav-department ul { box-sizing: border-box; display: table; table-layout: fixed; width: 100%; } .contents .nav-department ul > li { display: table-cell; } .contents .nav-department ul > li a { height: 120px; margin: 0 auto; width: 96px; } } @media screen and ( min-width: 481px ) { .contents .nav-department ul > li a { height: 160px; width: 128px; } .wrapper.-level-2 .contents { overflow: hidden; } .wrapper.-level-2 .contents .nav-department { float: left; } .wrapper.-level-2 .contents .nav-department ul > li { margin-bottom: 0.5em; } .wrapper.-level-2 .contents .main { float: right; width: 816px; } } /* main ----------------------------------------------- */ /* footer ----------------------------------------------- */ .footer .inner { background: url("../img/common/bg_line.png") no-repeat 0 0.25em; padding: 0.75em 0 0.5em; } .footer ._info { margin: 0.5em 0; } .footer ._copyright { text-align: center; } @media screen and ( max-width: 480px ) { .footer ._info { font-size: 0.9em; text-align: center; } .footer ._info span { display: block; } .footer ._copyright { font-size: 0.75em; } } @media screen and ( min-width: 481px ) { .footer ._info { text-align: center } .footer ._info address { display: inline-block; } .footer ._info p:first-of-type { text-align: left } } /* ========================================================= contents.css ========================================================= */ /* common ----------------------------------------------- */ .wrapper.-level-2 section { margin-bottom: 0.5em; } .wrapper.-level-2 .heading-1 { background: url("../img/common/bg_heading_1.jpg") no-repeat; background-size: 100% 100%; font-size: 1.15em; margin-bottom: 0.5em; margin-bottom: 0.5rem; } .wrapper.-level-2 .heading-1 span { display: block; padding: 0.5em 1em; } .wrapper.-level-2 .heading-2 { background: url("../img/common/bg_heading_2.jpg") no-repeat; background-size: 100% 100%; color: #094; margin-bottom: 0.5em; padding-left: 1em; } .wrapper.-level-2 form dl > dt, .wrapper.-level-2 form dl > dd { margin-bottom: 0.25em; } .wrapper.-level-2 form dl > dt { background-color: #ffe9a9; color: #000; overflow: hidden; padding: 0.25em 0.5em; } .wrapper.-level-2 form dl > dt span { background-color: #063; color: #fff; float: right; font-size: 0.9em; margin-top: 1px; padding: 0 0.25em; } .wrapper.-level-2 form input[id^="address"] { margin-top: 0.25em; } .wrapper.-department .main > p { margin-bottom: 0.5em; } .wrapper.-department ._licence ul { overflow: hidden; } .wrapper.-department ._licence ul > li { float: left; } .wrapper.-department ._curriculum th, .wrapper.-department ._curriculum td { border: 2px solid #000; } .wrapper.-department ._curriculum th { font-weight: normal; padding: 0.25em 0.5em; text-align: left; } .wrapper.-department ._curriculum td { padding: 0.25em 0.5em; text-align: right; vertical-align: middle; } .wrapper.-department ._curriculum th._total { text-align: right; } .wrapper.-department ._curriculum dt::before { content: "●"; } .wrapper.-department ._subject ul { overflow: hidden; } .wrapper.-department ._subject ul > li { float: left; margin-right: 1em; } .wrapper.-department ._practice ul { overflow: hidden; } .wrapper.-department ._practice ul > li { float: left; margin-right: 1em; } @media screen and ( max-width: 480px ) { .wrapper.-level-2 form dl { padding: 0 0.5em; } .wrapper.-level-2 form dl > dd { margin-bottom: 0.5em; } .wrapper.-level-2 form input[type="text"], .wrapper.-level-2 form input[type="tel"], .wrapper.-level-2 form input[type="email"], .wrapper.-level-2 form textarea { box-sizing: border-box; width: 100%; } .wrapper.-level-2 form input[name="_age"] { width: 4em; } .wrapper.-level-2 form input[id^="postcode"] { width: 4em; } .wrapper.-level-2 form input[id^="address"] { width: 60%; } .wrapper.-level-2 form ._btn { margin-top: 1em; text-align: center; } .wrapper.-department .main > p { padding: 0 0.5em; } .wrapper.-department ._licence ul { padding: 0 0.5em; } .wrapper.-department ._licence ul > li { margin-bottom: 2%; margin-left: 2%; width: 32%; } .wrapper.-department ._licence ul > li:nth-of-type(3n+1) { margin-left: 0; } .wrapper.-department ._licence ul > li img { width: 100%; } .wrapper.-department ._curriculum table { margin: 0 auto 0.5em; width: 96%; } .wrapper.-department ._curriculum dl { padding: 0 0.5em; } .wrapper.-department ._curriculum dd { margin-bottom: 0.5em; text-align: center; } .wrapper.-department ._curriculum dd > p { text-align: left; } .wrapper.-department ._subject ul { padding: 0 0.5em; } .wrapper.-department ._practice ul { padding: 0 0.5em; } } @media screen and ( min-width: 481px ) { .wrapper.-level-2 .heading-1 span { background: no-repeat 100% 50%; } .wrapper.-level-2 form dl { margin: 0.5em 0; overflow: hidden; } .wrapper.-level-2 form dl > dd { padding: 0.25em 0; } .wrapper.-level-2 form dl > dt { clear: left; float: left; margin-right: 1em; width: 11em; } .wrapper.-level-2 form dl > dd { float: left; } .wrapper.-level-2 form dl > dd label { height: 30px; display: inline-block; } .wrapper.-level-2 form input[id^="postcode"] { width: 4em; } .wrapper.-level-2 form ._btn { margin-bottom: 1em; margin-left: 13em; } .wrapper.-department .main > p { margin-bottom: 1em; } .wrapper.-department ._licence ul > li { margin: 0.5em 0; margin-left: 1em; } .wrapper.-department ._licence ul > li:nth-of-type(5n+1) { margin-left: 0; } .wrapper.-department ._curriculum { overflow: hidden; } .wrapper.-department ._curriculum table { float: left; margin: 0.5em 0; width: 19em; } .wrapper.-department ._curriculum dl { float: right; margin: 0.5em 0; width: 30em; } .wrapper.-department ._curriculum dd { height: ; min-height: 9em; position: relative; } .wrapper.-department ._curriculum dd p { width: 18em; } .wrapper.-department ._curriculum dd img { position: absolute; top: -1.5em; right: 0; } .wrapper.-department ._subject ul > li { margin: 0.25em 1em; } .wrapper.-department ._practice ul > li { margin: 0.25em 1em; } } /* top ----------------------------------------------- */ .wrapper.-top .contents ._banner ul > li a { background: no-repeat; display: block; height: 112px; width: 128px; } .wrapper.-top .contents ._banner ul > li a span { display: none; } .wrapper.-top .contents ._banner ._isegakuen a { background-image: url("../img/top/banner_isegakuen.jpg"); } .wrapper.-top .contents ._banner ._isehokeneisei a { background-image: url("../img/top/banner_hokeneisei.jpg"); } .wrapper.-top .contents ._banner ._sokoyochien a { background-image: url("../img/top/banner_sokoyochien.jpg"); } @media screen and ( max-width: 480px ) { .wrapper.-top .slider .inner [id="slide-pc"] { display: none; } .wrapper.-top .slider .inner .slide-main { display: none; } .wrapper.-top .contents ._banner { display: none; } } @media screen and ( min-width: 481px ) { .wrapper.-top .slider .inner { position: relative; } .wrapper.-top .slider .inner [id="slide-sp"] { display: none; } .wrapper.-top .slider .inner .slide-main { background: url("../img/top/bg_slide.png") no-repeat 50% 50%; height: 300px; position: absolute; top: 1em; left: 4em; width: 300px; z-index: 5; } .wrapper.-top .slider .inner .slide-main ul { height: 238px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 238px; } .wrapper.-top .slider .inner .slide-main li { opacity: 0; position: absolute; top: 238px; } .wrapper.-top .slider .inner .slide-main li:first-of-type { opacity: 1; position: absolute; top: 0; } .wrapper.-top .nav { position: relative; z-index: 5; } .wrapper.-top .contents { height: ; min-height: 10.5em; position: relative; z-index: 5; } .wrapper.-top .contents .main ._facebook { height: 21em; } .wrapper.-top .contents .nav-department { background-color: #ffd; padding: 1em; position: absolute; top: 0; right: 0; } .wrapper.-top .contents .nav-department ul { overflow: hidden; } .wrapper.-top .contents .nav-department ul > li { float: left; margin-bottom: 0.5em; } .wrapper.-top .contents .nav-department ul > li + li { margin-left: 1em; } .wrapper.-top .contents ._banner { background-color: #ffd; padding: 1em; position: absolute; top: 176px; right: 0; } .wrapper.-top .contents ._banner ul { overflow: hidden; } .wrapper.-top .contents ._banner ul > li { float: left; margin-bottom: 0.5em; } .wrapper.-top .contents ._banner ul > li + li { margin-left: 1em; } } /* school-introduction ----------------------------------------------- */ .wrapper.-school-introduction ._introduction ul > li { background: url("../img/school-introduction/bg_introduction.png") no-repeat 50% 50%; background-size: 100% 100%; color: #fff; padding: 0.5em 0; text-align: center; } .wrapper.-school-introduction ._message ._letter { font-family: "MS Mincho", serif; } .wrapper.-school-introduction ._access iframe { margin-bottom: 0.5em; width: 100%; } .wrapper.-school-introduction ._access ._info ._heading::before { content: "●"; } .wrapper.-school-introduction ._access ._info dt::after { content: "："; } @media screen and ( max-width: 480px ) { .wrapper.-school-introduction ._introduction p { padding: 0 0.5em; margin-bottom: 0.5em; } .wrapper.-school-introduction ._introduction p img { display: block; margin: 0 auto 0.5em; } .wrapper.-school-introduction ._introduction ul { padding: 0 0.5em; } .wrapper.-school-introduction ._introduction ul > li + li { margin-top: 0.5em; } .wrapper.-school-introduction ._message ._contents ._image { padding: 0 0.25em; margin-bottom: 0.5em; } .wrapper.-school-introduction ._message ._contents ._image img { width: 100%; } .wrapper.-school-introduction ._message ._contents ._letter { background: url("../img/school-introduction/bg_message.jpg") no-repeat 50% 50%; font-size: 0.9em; margin: 0 0.5rem 0.5rem; padding: 0.5em 0; } .wrapper.-school-introduction ._access iframe { height: 192px; } .wrapper.-school-introduction ._access ._info { padding: 0 0.5em; } } @media screen and ( min-width: 481px ) { .wrapper.-school-introduction ._introduction .heading-1 span { background-image: url("../img/school-introduction/bg_heading_introduction.png"); } .wrapper.-school-introduction ._introduction p { overflow: hidden; } .wrapper.-school-introduction ._introduction p img { float: right; padding: 0 0 1em 1em; } .wrapper.-school-introduction ._introduction ul { display: table; table-layout: fixed; width: 100%; } .wrapper.-school-introduction ._introduction ul > li { display: table-cell; font-size: 0.95em; } .wrapper.-school-introduction ._introduction ul > li + li { border-left: 0.5em solid #fff; } .wrapper.-school-introduction ._message .heading-1 span { background-image: url("../img/school-introduction/bg_heading_message.png"); } .wrapper.-school-introduction ._message ._contents { background: url("../img/school-introduction/bg_message.jpg") no-repeat 50% 50%; box-shadow: 1px 1px 2px #999; margin-right: 0.25em; overflow: hidden; } .wrapper.-school-introduction ._message ._contents ._image { float: right; padding: 0.5em 0; padding-right: 1em; } .wrapper.-school-introduction ._message ._contents ._letter { float: left; line-height: 1.9; padding: 0.5em 0; padding-left: 1em; } .wrapper.-school-introduction ._access .heading-1 span { background-image: url("../img/school-introduction/bg_heading_access.png"); } .wrapper.-school-introduction ._access iframe { height: 320px; } .wrapper.-school-introduction ._access ._info dl { overflow: hidden; } .wrapper.-school-introduction ._access ._info dt { clear: left; float: left; } .wrapper.-school-introduction ._access ._info dd { float: left; } } /* department ----------------------------------------------- */ .wrapper.-department ._graduate ul { overflow: hidden; } .wrapper.-department ._graduate ul > li { float: left; margin-bottom: 1em; position: relative; } .wrapper.-department ._graduate ul > li img { position: absolute; right: 0; z-index: 1; } .wrapper.-department ._graduate ._profile { background: url("../img/department/bg_graduate.jpg") no-repeat; background-size: 100% 100%; box-sizing: border-box; padding: 0.75em 0 0.5em; text-align: center; } .wrapper.-department ._graduate ._profile p:nth-of-type(2) { height: 3em; } @media screen and ( max-width: 480px ) { .wrapper.-department ._introduction p { padding: 0 0.5em; margin-bottom: 0.5em; } .wrapper.-department ._introduction p img { display: block; margin: 0 auto 0.5em; } .wrapper.-department ._graduate ul > li { width: 100%; } .wrapper.-department ._graduate ul > li img { width: 7em; } .wrapper.-department ._graduate ._profile { height: 7em; margin-right: 7em; } .wrapper.-department ._graduate ._profile p + p { margin-top: 0.25em; } .wrapper.-department ._graduate ._profile p:nth-of-type(2), .wrapper.-department ._graduate ._profile p:nth-of-type(3) { font-size: 0.8em; } } @media screen and ( min-width: 481px ) { .wrapper.-department ._introduction .heading-1 span { background-image: url("../img/department/bg_heading_department.png"); } .wrapper.-department ._introduction p { overflow: hidden; } .wrapper.-department ._introduction p img { float: right; padding: 0 0 1em 1em; } .wrapper.-department ._graduate .heading-1 span { background-image: url("../img/department/bg_heading_graduate.png"); } .wrapper.-department ._graduate ul > li { width: 50%; } .wrapper.-department ._graduate ._profile { height: 9em; margin-right: 9em; } .wrapper.-department ._graduate ._profile p + p { margin-top: 0.5em; } .wrapper.-department ._graduate ._profile span { font-size: 1.25em; } } /* culinary ----------------------------------------------- */ .wrapper.-culinary .heading-2 { background-image: url("../img/department/bg_heading_blue.jpg"); color: #00a0e9; } .wrapper.-culinary ._curriculum th, .wrapper.-culinary ._curriculum td { border-color: #1d2088; } .wrapper.-culinary ._curriculum th { width: 8.5em; } .wrapper.-culinary ._curriculum ._total { color: #00a0e9; } .wrapper.-culinary ._curriculum dt::before { color: #00a0e9; } @media screen and ( min-width: 481px ) { .wrapper.-culinary .heading-1 span { background-image: url("../img/department/bg_heading_culinary.png"); } } /* confectionery ----------------------------------------------- */ .wrapper.-confectionery .heading-2 { background-image: url("../img/department/bg_heading_pink.jpg"); color: #e4007f; } .wrapper.-confectionery ._curriculum th, .wrapper.-confectionery ._curriculum td { border-color: #e4007f; } .wrapper.-confectionery ._curriculum ._total { color: #e85298; } .wrapper.-confectionery ._curriculum dt::before { color: #e4007f; } @media screen and ( min-width: 481px ) { .wrapper.-confectionery .heading-1 span { background-image: url("../img/department/bg_heading_confectionery.png"); } } /* double-licence ----------------------------------------------- */ .wrapper.-double-licence .heading-2 { background-image: url("../img/department/bg_heading_yellow.jpg"); color: #f39800; } .wrapper.-double-licence ._curriculum ul { font-weight: bold; } @media screen and ( max-width: 480px ) { .wrapper.-double-licence ._curriculum ul { padding: 0 0.5em; } .wrapper.-double-licence ._curriculum ul > li span { display: table-cell; } .wrapper.-double-licence ._curriculum p { padding: 0 0.5em; text-align: center; } .wrapper.-double-licence ._curriculum p img { width: 100%; } .wrapper.-double-licence ._curriculum p img:first-of-type { display: none; } } @media screen and ( min-width: 481px ) { .wrapper.-double-licence .heading-1 span { background-image: url("../img/department/bg_heading_double_licence.png"); } .wrapper.-double-licence ._curriculum p { padding: 0.5em 0; } } /* event ----------------------------------------------- */ .wrapper.-event .main ul { overflow: hidden; } .wrapper.-event .main ul > li { float: left; } @media screen and ( max-width: 480px ) { .wrapper.-event .main > p { padding: 0 0.5em; margin-bottom: 0.5em; } .wrapper.-event .main ul { padding: 0 0.5em; margin-bottom: 0.5em; } .wrapper.-event .main ul > li { margin-bottom: 2%; width: 49%; } .wrapper.-event .main ul > li:nth-of-type(2n) { margin-left: 2%; } .wrapper.-event .main ul > li img { width: 100%; } } @media screen and ( min-width: 481px ) { .wrapper.-event .heading-1 span { background-image: url("../img/event/bg_heading_event.png"); } .wrapper.-event .main ul > li { margin-right: 1em; } .wrapper.-event .main ul > li:nth-of-type(4n) { margin-right: 0; } } /* requirements ----------------------------------------------- */ .wrapper.-requirements .main table { margin-bottom: 0.5em; } .wrapper.-requirements .main table caption { text-align: left; } .wrapper.-requirements .main table.-culinary caption { color: #1d2088; } .wrapper.-requirements .main table.-confectionery caption { color: #c6006f; } .wrapper.-requirements .main table th, .wrapper.-requirements .main table td { border: 2px solid #000; padding: 0.25em 0.5em; } .wrapper.-requirements .main table.-culinary th, .wrapper.-requirements .main table.-culinary td { border-color: #1d2088; } .wrapper.-requirements .main table.-confectionery th, .wrapper.-requirements .main table.-confectionery td { border-color: #7e0045; } .wrapper.-requirements .main table th { vertical-align: middle; } .wrapper.-requirements .main table.-culinary th { background-color: #00a0e9; color: #fff; } .wrapper.-requirements .main table.-confectionery th { background-color: #c6006f; color: #fff; } .wrapper.-requirements ._test ._notes > li { counter-increment: count; } .wrapper.-requirements ._test ._notes > li::before { content: "(" counter(count) ")"; display: table-cell; padding-right: 0.25em; } .wrapper.-requirements ._test ._notes > li span { display: table-cell; } .wrapper.-requirements ._method address { padding: 0.5em 0; text-align: center; } .wrapper.-requirements ._fees table th[rowspan="3"] { vertical-align: middle; width: 1em; } .wrapper.-requirements ._fees table td { text-align: center; } .wrapper.-requirements ._fees table + p span { display: table-cell; } @media screen and ( max-width: 480px ) { .wrapper.-requirements ._capacity dl { padding: 0 0.5em; } .wrapper.-requirements ._capacity dl dd { margin-bottom: 0.5em; margin-left: 1em; } .wrapper.-requirements ._test table { display: none; } .wrapper.-requirements ._test ul { display: none; } .wrapper.-requirements ._test ._brochure { padding: 0 0.5em; } .wrapper.-requirements ._entry table { display: none; } .wrapper.-requirements ._entry p { display: none; } .wrapper.-requirements ._entry ._brochure { display: inline; padding: 0 0.5em; } .wrapper.-requirements ._method ul li { padding: 0 0.5em; } .wrapper.-requirements ._method ._summary span { display: block; } .wrapper.-requirements ._method address { background: url("../img/common/bg_address_sp.png") no-repeat; background-size: 100% 100%; } .wrapper.-requirements ._method address span { display: block; } .wrapper.-requirements ._fees table { margin: 0 auto 0.5em; width: 96%; } .wrapper.-requirements ._fees table th, .wrapper.-requirements ._fees table td { font-size: 0.85em; } .wrapper.-requirements ._fees table + p { padding: 0 0.5em; } } @media screen and ( min-width: 481px ) { .wrapper.-requirements .heading-1 span { background-image: url("../img/requirements/bg_heading_requirements.png"); } .wrapper.-requirements ._capacity dl { overflow: hidden; } .wrapper.-requirements ._capacity dl dt { clear: left; float: left; width: 15em; } .wrapper.-requirements ._capacity dl dd { float: left; } .wrapper.-requirements ._test table { width: 100%; } .wrapper.-requirements ._test table colgroup[span="1"] { width: 8em; } .wrapper.-requirements ._test table col[span="2"] { width: 15em; } .wrapper.-requirements ._test table td { text-align: center; } .wrapper.-requirements ._test table tr:last-of-type td { text-align: left; } .wrapper.-requirements ._test ._brochure { display: none; } .wrapper.-requirements ._entry table { width: 100%; } .wrapper.-requirements ._entry table colgroup[span="1"] { width: 16em; } .wrapper.-requirements ._entry table col[span="2"] { width: 6em; } .wrapper.-requirements ._entry table th, .wrapper.-requirements ._entry table td { border-color: #006934; } .wrapper.-requirements ._entry table th { background-color: #8fc31f; color: #fff; } .wrapper.-requirements ._entry table td { text-align: center; vertical-align: middle; } .wrapper.-requirements ._entry table tr:first-of-type td:last-of-type { text-align: center; } .wrapper.-requirements ._entry table td:last-of-type { text-align: left; } .wrapper.-requirements ._entry ._brochure { display: none; } .wrapper.-requirements ._method ._summary span { display: inline-block; width: 8em; } .wrapper.-requirements ._method address { background: url("../img/common/bg_address_pc.png") no-repeat; margin: 0.5em 0; } .wrapper.-requirements ._method address p:nth-of-type(1), .wrapper.-requirements ._method address p:nth-of-type(2) { font-size: 1.25em; } .wrapper.-requirements ._fees { overflow: hidden; } .wrapper.-requirements ._fees > div { width: 49%; } .wrapper.-requirements ._fees > div:nth-of-type(1) { float: left; } .wrapper.-requirements ._fees > div:nth-of-type(2) { float: right; } .wrapper.-requirements ._fees table { width: 100%; } .wrapper.-requirements ._fees table + p { clear: both; } } /* find-work ----------------------------------------------- */ .wrapper.-find-work .main ul { overflow: hidden; } .wrapper.-find-work .main ul > li { float: left; margin-right: 2em; } .wrapper.-find-work .main ul + p { text-align: right; } .wrapper.-find-work .main figure figcaption { text-align: center; } .wrapper.-find-work ._working-student > p { margin-bottom: 0.5em; } .wrapper.-find-work ._working-student ._ul-image { margin-top: 0.5em; } @media screen and ( max-width: 480px ) { .wrapper.-find-work .main ul { padding: 0 0.5em; } .wrapper.-find-work .main ul + p { padding: 0 0.5em; } .wrapper.-find-work ._working-student > p { padding: 0 0.5em; } .wrapper.-find-work ._working-student ._ul-image > li { margin: 0; } .wrapper.-find-work ._working-student ._ul-image > li { margin-bottom: 2%; width: 49%; } .wrapper.-find-work ._working-student ._ul-image > li:nth-of-type(2n) { margin-left: 2%; } .wrapper.-find-work ._working-student ._ul-image > li img { width: 100%; } .wrapper.-find-work ._find-work > p { display: none; } } @media screen and ( min-width: 481px ) { .wrapper.-find-work ._working-student .heading-1 span { background-image: url("../img/find-work/bg_heading_working_student.png"); } .wrapper.-find-work ._working-student ._ul-image > li { margin: 0; } .wrapper.-find-work ._working-student ._ul-image > li + li { margin-left: 1em; } .wrapper.-find-work ._find-work .heading-1 span { background-image: url("../img/find-work/bg_heading_find_work.png"); } .wrapper.-find-work ._find-work > p { margin-bottom: 0.5em; } } /* extracurricular-lesson ----------------------------------------------- */ .wrapper.-extracurricular-lesson .main ul > li { margin-bottom: 0.5em; overflow: hidden; } .wrapper.-extracurricular-lesson .main ul > li img { float: left; margin-bottom: 1em; margin-right: 1em; } .wrapper.-extracurricular-lesson .main ul > li em { color: #f00; font-style: normal; } @media screen and ( max-width: 480px ) { .wrapper.-extracurricular-lesson .main ul > li { padding: 0 0.5em; } .wrapper.-extracurricular-lesson .main ul > li img { width: 8em; } } @media screen and ( min-width: 481px ) { .wrapper.-extracurricular-lesson .heading-1 span { background-image: url("../img/extracurricular-lesson/bg_heading_extracurricular_lesson.png"); } .wrapper.-extracurricular-lesson .main ul > li span { display: block; float: right; padding: 0.5em 0; width: 40em; } } /* contact ----------------------------------------------- */ .wrapper.-contact ._contact ._mail a { text-decoration: none; } .wrapper.-contact ._document-request p a { text-decoration: none; } .wrapper.-contact ._document-request address { margin: 0.5em auto; padding: 0.5em 0; text-align: center; } .wrapper.-contact ._document-request address p:last-of-type { background: url("../img/contact/tel.png") no-repeat 0 30%; display: inline-block; padding-left: 1em; } @media screen and ( max-width: 480px ) { .wrapper.-contact ._trial > dl { padding: 0 0.5em; } .wrapper.-contact ._trial > dl dd { margin-bottom: 0.5em; } .wrapper.-contact ._trial > p { padding: 0 0.5em; } .wrapper.-contact ._contact p { padding: 0 0.5em; } .wrapper.-contact ._document-request address { background: url("../img/common/bg_address_sp.png") no-repeat; background-size: 100% 100%; } .wrapper.-contact ._document-request address span { display: block; } .wrapper.-contact ._document-request p { padding: 0 0.5em; } } @media screen and ( min-width: 481px ) { .wrapper.-contact .heading-1 span { background-image: url("../img/contact/bg_heading_contact.png"); } .wrapper.-contact ._contact ._mail { margin-bottom: 1em; } .wrapper.-contact ._contact ._mail a { font-size: 1.25em; } .wrapper.-contact ._document-request address { background: url("../img/common/bg_address_pc.png") no-repeat; } .wrapper.-contact ._document-request address p:nth-of-type(1), .wrapper.-contact ._document-request address p:nth-of-type(2) { font-size: 1.25em; } .wrapper.-contact ._document-request p a { font-size: 1.25em; } } /* adoption ----------------------------------------------- */ .wrapper.-adoption ._adoption ._entry { margin: 1em 0; } .wrapper.-adoption ._adoption ._entry ._heading { color: #094; } .wrapper.-adoption ._adoption ._tel { margin-top: 0.5em; } .wrapper.-adoption ._adoption ._tel, .wrapper.-adoption ._adoption ._fax { color: #ea5514; font-size: 1.5em; font-weight: bold; } @media screen and ( max-width: 480px ) { .wrapper.-adoption ._adoption .heading-2 + p { padding: 0 0.5em; } .wrapper.-adoption ._adoption ._entry ._heading ~ p { padding: 0 0.5em; } .wrapper.-adoption ._adoption ._address { padding: 0 0.5em; } } @media screen and ( min-width: 481px ) { .wrapper.-adoption ._adoption ._address br { display: none; } } /* end of file */