@charset "UTF-8"; /* Scss Document */ /* Scss Document */ /*メディアサイズ*/ /*色*/ /*$point-color: rgb(240,90,36);*/ /*学科カラー*/ /*フォントサイズ*/ /*スマホの基本幅*/ /*全体の幅*/ /* Scss Document */ /*メデイアクエリブレイクポイント*/ /*clearfix*/ /*webfont*/ /*fontsize*/ @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(1rem); transform: translateY(1rem); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(1rem); transform: translateY(1rem); } 50% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 1; } } @-webkit-keyframes fadeInSpin { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: rgba(255, 255, 255, 0); background: rgba(158, 158, 158, 0); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); color: white; background: rgba(158, 158, 158, 0.2); } 100% { background: rgba(158, 158, 158, 0); } } @keyframes fadeInSpin { 0% { -webkit-transform: rotate(180deg); transform: rotate(180deg); color: rgba(255, 255, 255, 0); background: rgba(158, 158, 158, 0); } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); color: white; background: rgba(158, 158, 158, 0.2); } 100% { background: rgba(158, 158, 158, 0); } } @-webkit-keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } 40% { opacity: 1; -webkit-transform: translateY(50%); transform: translateY(50%); } 50% { opacity: 1; -webkit-transform: translateY(50%); transform: translateY(50%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { 0% { opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); } 40% { opacity: 1; -webkit-transform: translateY(50%); transform: translateY(50%); } 50% { opacity: 1; -webkit-transform: translateY(50%); transform: translateY(50%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 70% { -webkit-transform: translate3d(0, 0, 0) skewX(10deg); transform: translate3d(0, 0, 0) skewX(10deg); opacity: 0.8; } /*80% { transform:translateX(-1%) skewX(-2deg); opacity:0.6; } 90% { transform:translateX(1%) skewX(3deg); opacity:0.8; }*/ 100% { -webkit-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1; } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 70% { -webkit-transform: translate3d(0, 0, 0) skewX(10deg); transform: translate3d(0, 0, 0) skewX(10deg); opacity: 0.8; } /*80% { transform:translateX(-1%) skewX(-2deg); opacity:0.6; } 90% { transform:translateX(1%) skewX(3deg); opacity:0.8; }*/ 100% { -webkit-transform: translateX(0) skewX(0deg); transform: translateX(0) skewX(0deg); opacity: 1; } } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes scaleUp { 0% { opacity: 0; -webkit-transform: scale(0.8, 1.2) translateY(-200%); transform: scale(0.8, 1.2) translateY(-200%); } 30% { opacity: 1; -webkit-transform: scale(1.1, 0.9) translateY(0); transform: scale(1.1, 0.9) translateY(0); } 40% { opacity: 0.8; -webkit-transform: scale(0.8, 1) translateY(-20%); transform: scale(0.8, 1) translateY(-20%); } 50% { opacity: 1; -webkit-transform: scale(1.05, 0.95) translateY(0); transform: scale(1.05, 0.95) translateY(0); } 60% { opacity: 0.9; -webkit-transform: scale(0.95, 1) translateY(-5%); transform: scale(0.95, 1) translateY(-5%); } 68% { opacity: 1; -webkit-transform: scale(1, 0.95) translateY(0%); transform: scale(1, 0.95) translateY(0%); } 75% { opacity: 0.9; -webkit-transform: scale(0.95, 1) translateY(-3%); transform: scale(0.95, 1) translateY(-3%); } 80% { opacity: 1; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 90% { opacity: 1; -webkit-transform: scale(1) translateY(-2%); transform: scale(1) translateY(-2%); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } @keyframes scaleUp { 0% { opacity: 0; -webkit-transform: scale(0.8, 1.2) translateY(-200%); transform: scale(0.8, 1.2) translateY(-200%); } 30% { opacity: 1; -webkit-transform: scale(1.1, 0.9) translateY(0); transform: scale(1.1, 0.9) translateY(0); } 40% { opacity: 0.8; -webkit-transform: scale(0.8, 1) translateY(-20%); transform: scale(0.8, 1) translateY(-20%); } 50% { opacity: 1; -webkit-transform: scale(1.05, 0.95) translateY(0); transform: scale(1.05, 0.95) translateY(0); } 60% { opacity: 0.9; -webkit-transform: scale(0.95, 1) translateY(-5%); transform: scale(0.95, 1) translateY(-5%); } 68% { opacity: 1; -webkit-transform: scale(1, 0.95) translateY(0%); transform: scale(1, 0.95) translateY(0%); } 75% { opacity: 0.9; -webkit-transform: scale(0.95, 1) translateY(-3%); transform: scale(0.95, 1) translateY(-3%); } 80% { opacity: 1; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 90% { opacity: 1; -webkit-transform: scale(1) translateY(-2%); transform: scale(1) translateY(-2%); } 100% { opacity: 1; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } @-webkit-keyframes jyamp { 0% { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } 10% { -webkit-transform: scale(0.9, 1.1) translateY(0%); transform: scale(0.9, 1.1) translateY(0%); } 35% { -webkit-transform: scale(1, 1) translateY(-30%); transform: scale(1, 1) translateY(-30%); } 55% { -webkit-transform: scale(1.05, 0.95) translateY(-10%); transform: scale(1.05, 0.95) translateY(-10%); } 60% { -webkit-transform: scale(0.95, 1.05) translateY(0%); transform: scale(0.95, 1.05) translateY(0%); } 75% { -webkit-transform: scale(1, 1) translateY(-15%); transform: scale(1, 1) translateY(-15%); } 90% { -webkit-transform: scale(0.98, 1.08) translateY(2%); transform: scale(0.98, 1.08) translateY(2%); } 100% { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } } @keyframes jyamp { 0% { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } 10% { -webkit-transform: scale(0.9, 1.1) translateY(0%); transform: scale(0.9, 1.1) translateY(0%); } 35% { -webkit-transform: scale(1, 1) translateY(-30%); transform: scale(1, 1) translateY(-30%); } 55% { -webkit-transform: scale(1.05, 0.95) translateY(-10%); transform: scale(1.05, 0.95) translateY(-10%); } 60% { -webkit-transform: scale(0.95, 1.05) translateY(0%); transform: scale(0.95, 1.05) translateY(0%); } 75% { -webkit-transform: scale(1, 1) translateY(-15%); transform: scale(1, 1) translateY(-15%); } 90% { -webkit-transform: scale(0.98, 1.08) translateY(2%); transform: scale(0.98, 1.08) translateY(2%); } 100% { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } } @-webkit-keyframes icon-rotate { 0% { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateY(-50%) rotate(360deg); transform: translateY(-50%) rotate(360deg); } } @keyframes icon-rotate { 0% { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateY(-50%) rotate(360deg); transform: translateY(-50%) rotate(360deg); } } @-webkit-keyframes icon-rotate-close { 0% { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateY(-50%) rotate(-360deg); transform: translateY(-50%) rotate(-360deg); } } @keyframes icon-rotate-close { 0% { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } 100% { -webkit-transform: translateY(-50%) rotate(-360deg); transform: translateY(-50%) rotate(-360deg); } } @-webkit-keyframes type6-top { 0% { -webkit-transform: translateY(-2.5px) rotate(-45deg); transform: translateY(-2.5px) rotate(-45deg); } 50% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } 100% { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } } @keyframes type6-top { 0% { -webkit-transform: translateY(-2.5px) rotate(-45deg); transform: translateY(-2.5px) rotate(-45deg); } 50% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } 100% { -webkit-transform: translateY(-10px) rotate(0deg); transform: translateY(-10px) rotate(0deg); } } @-webkit-keyframes type6-bottom { 0% { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } 50% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } 100% { -webkit-transform: translateY(2.5px) rotate(0deg); transform: translateY(2.5px) rotate(0deg); } } @keyframes type6-bottom { 0% { -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } 50% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } 100% { -webkit-transform: translateY(2.5px) rotate(0deg); transform: translateY(2.5px) rotate(0deg); } } @-webkit-keyframes type6-top-close { 0% { -webkit-transform: translateY(-2.5px) rotate(0deg); transform: translateY(-2.5px) rotate(0deg); } 50% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } 100% { -webkit-transform: translateY(0px) rotate(-45deg); transform: translateY(0px) rotate(-45deg); } } @keyframes type6-top-close { 0% { -webkit-transform: translateY(-2.5px) rotate(0deg); transform: translateY(-2.5px) rotate(0deg); } 50% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } 100% { -webkit-transform: translateY(0px) rotate(-45deg); transform: translateY(0px) rotate(-45deg); } } @-webkit-keyframes type6-bottom-close { 0% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(-5.5px) rotate(0deg); transform: translateY(-5.5px) rotate(0deg); } 100% { -webkit-transform: translateY(-5.5px) rotate(45deg); transform: translateY(-5.5px) rotate(45deg); } } @keyframes type6-bottom-close { 0% { -webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(-5.5px) rotate(0deg); transform: translateY(-5.5px) rotate(0deg); } 100% { -webkit-transform: translateY(-5.5px) rotate(45deg); transform: translateY(-5.5px) rotate(45deg); } } /*テキストサイズ ******************************************************************************/ .Font-Nomal { font-weight: normal; } .Font-SSS { font-size: 50%; } .Font-SS { font-size: 70%; } .Font-S { font-size: 85%; } .Font-M { font-size: 90%; } .Font-L { font-size: 110%; } .Font-LL { font-size: 120%; } .Font-LLL { font-size: 130%; } .Font-4L { font-size: 140%; font-family: "Hiragino Kaku Gothic W5 JIS2004" , sans-serif; } .Font-4L:before { font-family: 'Font Awesome 5 Free'; } .Font-5L { font-size: 150%; font-family: "A1 Gothic R" , "Hiragino Kaku Gothic W5 JIS2004" , sans-serif; } .Font-6L { font-size: 200%; font-family: "A1 Gothic R" , "Hiragino Kaku Gothic W5 JIS2004" , sans-serif; } .Font-7L { font-size: 230%; font-family: "A1 Gothic R" , "Hiragino Kaku Gothic W5 JIS2004" , sans-serif; } .Font-10L { font-size: 300%; } .Font-20L { font-size: 600%; } .Font-GoM { font-family: Hiragino Kaku Gothic W5 JIS2004; } .Font-GoH { font-family: Hiragino Kaku Gothic W8 JIS2004; } .Font-FoM { font-family: Maru Folk Medium; } .Font-Din { font-family: din-2014, sans-serif; font-style: normal; font-weight: 400; } .Font-A1Go { font-family: "A1 Gothic R", sans-serif; } .Font-A1Go-B { font-family: "A1 Gothic R", sans-serif; font-weight: bold; } .Font-A1Go-H { font-family: "A1 Gothic R", sans-serif; font-weight: bolder; } .line-height { line-height: 1.2; } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-size: 16px; font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "A1 Gothic R", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; margin: 0; font-size: 0.8rem; background: #FFFFFF; } /** * Add the correct display in IE 9-. */ article, aside, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ /* a, a:hover, a:visited, .Btn:hover, .Btn:visited { background-color: transparent; -webkit-text-decoration-skip: objects; */ /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ /* a:active, .Btn:active:hover, .Btn:active:visited, a:hover, .Btn:hover { outline-width: 0; } */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html, body { width: 100%; } html { -moz-box-sizing: border-box; box-sizing: border-box; /*スマホ小*/ /*スマホ中*/ /*スマホ大*/ /*PC小*/ /*PC中*/ /*PC大*/ } @media only screen and (max-width: 320px) { /* 20em */ html { font-size: 85%; /* 13.6px */ } } @media only screen and (min-width: 320px) and (max-width: 480px) { /* 20em to 30em */ html { font-size: 95%; /* 15.2px */ } } @media only screen and (min-width: 480px) and (max-width: 640px) { /* 30em to 40em */ html { font-size: 95%; /* 15.2px */ } } @media all and (min-width: 1040px) { /* 65em */ html { font-size: 100%; /* 16px */ } } @media all and (min-width: 1200px) { /* 75em */ html { font-size: 105%; /* 16.8px */ } } @media all and (min-width: 1440px) { /* 90em */ html { font-size: 115%; /* 18.4px */ } } @media screen and (min-width: 768px) { html { font-size: 1.4678899083vw; } } @media (min-width: 1090px) { html { font-size: 16px; } } @media (max-width: 375px) { html { font-size: 4.2666666667vw; } } body, button, input, select, textarea { line-height: 1.5; } /*body{ width:100%; margin:0; padding:0; box-sizing: border-box; } */ *, *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; } blockquote { position: relative; padding: .5rem 2.5rem; background: #fff; margin: 0; z-index: 0; color: #333333; } blockquote:before, blockquote:after { position: absolute; content: "“"; color: #EEE; font-size: 6rem; line-height: 1; z-index: -1; } blockquote:before { left: .5rem; top: .5rem; } blockquote:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); right: .5rem; bottom: .5rem; } q { quotes: "“" "”" "‘" "’"; color: #333333; } q:before { content: open-quote; color: #000; font-size: 2em; } q:after { content: close-quote; color: #000; font-size: 2em; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 2rem; } img { display: inline-block; /* width: auto; */ height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } /* 画像のリンクロールオーバー */ /* a:hover img, .Btn:hover img { filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; } */ p { margin: 1.0em 0; } /* a, a:hover, a:visited, .Btn:hover, .Btn:visited { color: #000; } a:hover, .Btn:hover { text-decoration: none; } */ a { display: inline; color: #000; } main a { text-decoration: underline; } a:hover { opacity: 0.6; } iframe { max-width: 100%; } table { border-collapse: collapse; } ul, li { padding: 0; list-style: none; } dl { padding: 0; } dt, dd { margin: 0; } dfn, cite, em, i { font-style: italic; } pre { background: #333; color: #FFF; font-family: "Courier 10 Pitch", Courier, monospace; max-width: 100%; overflow: auto; padding: 3%; } code { background: #333; color: #FFF; font-family: "Courier 10 Pitch", Courier, monospace; max-width: 100%; overflow: auto; padding: .5rem 1em; border-radius: .3rem; display: inline-block; } kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: -webkit-linear-gradient(top, transparent 0%, transparent 70%, #4192A5 70%, #4192A5 100%); background: linear-gradient(to bottom, transparent 0%, transparent 70%, #4192A5 70%, #4192A5 100%); text-decoration: none; } big { font-size: 125%; } h1 { font-size: 2.0rem; line-height: 1.3; } h2 { font-size: 1.8rem; line-height: 1.3; } h3 { font-size: 1.5rem; line-height: 1.5; } h4 { font-size: 1.3rem; line-height: 1.5; } h5 { font-size: 1.15rem; line-height: 1.5; } h6 { font-size: 1rem; line-height: 1.5; } .clearfix:after { content: " "; display: block; clear: both; } .Box-pc { /*全スマホ*/ } @media only screen and (max-width: 40em) { .Box-pc { display: none; } } .Box-sp { /*PC*/ } @media all and (min-width: 40em) { .Box-sp { display: none; } } .col__wrap, .col__wrap--margin, .col__wrap--marginL, .col__wrap--marginM, .col__wrap--marginS, .col__wrap--center { padding: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col__wrap--margin { margin: 1% -1%; } .col__wrap--margin > li { padding: 1%; } .col__wrap--marginL { margin: 2% -2%; } .col__wrap--marginL > li { padding: 2%; } .col__wrap--marginM { margin: .4% -.4%; } .col__wrap--marginM > li { padding: .4%; } .col__wrap--marginS { margin: .5% -.5%; } .col__wrap--marginS > li { padding: .5%; } .col__wrap--stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .col__wrap--center > li { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .col--1 { width: 8.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--1.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-1 { width: 8.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-1.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-1 { width: 8.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-1.col--right { float: right; } } .col--2 { width: 16.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--2.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-2 { width: 16.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-2.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-2 { width: 16.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-2.col--right { float: right; } } .col--3 { width: 25%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--3.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-3 { width: 25%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-3.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-3 { width: 25%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-3.col--right { float: right; } } .col--4 { width: 33.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--4.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-4 { width: 33.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-4.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-4 { width: 33.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-4.col--right { float: right; } } .col--5 { width: 41.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--5.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-5 { width: 41.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-5.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-5 { width: 41.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-5.col--right { float: right; } } .col--6 { width: 50%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--6.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-6 { width: 50%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-6.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-6 { width: 50%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-6.col--right { float: right; } } .col--7 { width: 58.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--7.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-7 { width: 58.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-7.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-7 { width: 58.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-7.col--right { float: right; } } .col--8 { width: 66.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--8.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-8 { width: 66.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-8.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-8 { width: 66.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-8.col--right { float: right; } } .col--9 { width: 75%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--9.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-9 { width: 75%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-9.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-9 { width: 75%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-9.col--right { float: right; } } .col--10 { width: 83.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--10.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-10 { width: 83.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-10.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-10 { width: 83.33333%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-10.col--right { float: right; } } .col--11 { width: 91.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--11.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-11 { width: 91.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-11.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-11 { width: 91.66667%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-11.col--right { float: right; } } .col--12 { width: 100%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--12.col--right { float: right; } /*PC*/ @media all and (min-width: 40em) { .col--pc-12 { width: 100%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--pc-12.col--right { float: right; } } /*全スマホ*/ @media only screen and (max-width: 40em) { .col--sp-12 { width: 100%; list-style: none; text-indent: inherit; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; } .col--sp-12.col--right { float: right; } } .jc--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .MT0 { margin-top: 0 !important; } .MT5 { margin-top: 5px; } .MT10 { margin-top: 10px; } .MT15 { margin-top: 15px; } .MT20 { margin-top: 20px; } .MT30 { margin-top: 30px !important; } .MT40 { margin-top: 40px; } .MT50 { margin-top: 50px; } .MB0 { margin-bottom: 0px !important; } .MB5 { margin-bottom: 5px; } .MB10 { margin-bottom: 10px !important; } .MB60 { margin-bottom: 60px !important; } .MB20 { margin-bottom: 20px; } .MB20-sp { /*PC*/ } @media all and (min-width: 40em) { .MB20-sp { margin-bottom: 20px; } } .MB30 { margin-bottom: 30px; } .MB40 { margin-bottom: 40px; } .MB50 { margin-bottom: 50px; } .MTB0 { margin-top: 0px; margin-bottom: 0px; } .MTB5 { margin-top: 5px; margin-bottom: 5px; } .MTB10 { margin-top: 10px; margin-bottom: 10px; } .MR5 { margin-right: 5px; } .MR5p { margin-right: 5%; } .MR10 { margin-right: 10px; } .MR20 { margin-right: 20px; } .MR15 { margin-right: 15px; } .ML10 { margin-left: 10px; } .ML15 { margin-left: 15px; } .ML20 { margin-left: 20px; } .ML20-pc { /*PC*/ } @media all and (min-width: 40em) { .ML20-pc { margin-left: 0.5rem; } } .ML25 { margin-left: 25px; } .ML30 { margin-left: 30px; } .ML110 { margin-left: 110px; } .PT0 { padding-top: 0; } .PT5 { padding-top: 5px; } .PT10 { padding-top: 10px; } .PT15 { padding-top: 15px; } .PT20 { padding-top: 20px; } .PT30 { padding-top: 30px !important; } .PT40 { padding-top: 40px; } .PT50 { padding-top: 50px; } .PL10 { padding-left: 10px; } .PL20 { padding-left: 20px; } .PL20-pc { /*PC*/ } @media all and (min-width: 40em) { .PL20-pc { padding-left: 20px; } } .PL30 { padding-left: 30px; } .PL40 { padding-left: 40px; } .PL50 { padding-left: 50px; } .PB { padding-bottom: 0; } .PB5 { padding-bottom: 5px; } .PB10 { padding-bottom: 10px; } .PB20 { padding-bottom: 20px; } .PB30 { padding-bottom: 30px; } .PB50 { padding-bottom: 50px; } .PR10 { padding-right: 10px; } .PTB5 { padding-top: 5px; padding-bottom: 5px; } .PTB10 { padding-top: 7px; padding-bottom: 7px; } .PD3 { padding: 3px; } .PD5 { padding: 5px; } .PD10 { padding: 10px; } .PD20 { padding: 20px; } .PD5-10 { padding: 5px 10px; } /* common.css */ .commonLayout__container .clear { clear: both; background: none; border: none; } .clear, .clear-pc { clear: both; } .commonLayout__container .None-Float { float: none; } .commonLayout__container .LinkPTop { text-align: right; font-size: 0.74em; text-decoration: none; } .commonLayout__container .clear { clear: both; background: none; border: none; } /*Att001-------------------------------------------------------------------------------------*/ .Att001 { /*看護学科*/ color: #f48594; font-weight: bold; } .Att002 { /*医療秘書・情報科　昼間2年*/ color: #d368a4; font-weight: bold; } .Att003 { /*社会福祉科　昼間4年*/ color: #ee7951; font-weight: bold; } .Att004 { /*介護福祉科　昼間2年制*/ color: #6fba2c; font-weight: bold; } .Att005 { /*介護福祉科II部　夜間3年制*/ color: #6fba2c; font-weight: bold; } .Att006 { /*保健保育科　昼2年*/ color: #f5a200; font-weight: bold; } .Att007 { /*精神保健福祉科　夜間1年*/ /*color:$gakka-color__seishin;*/ color: #3E90D7; font-weight: bold; } .Att008 { /*社会福祉専攻科　夜間1年*/ /*color:$gakka-color__syafukusenko;*/ color: #ED7951; font-weight: bold; } .Att009 { /*専攻科(医療秘書・情報科)　昼間1年*/ color: #e85298; font-weight: bold; } .Att010 { color: #4192A5; font-weight: bold; } .Att011 { /*保健保育科　夜*/ color: #82c1ea; font-weight: bold; } .Att012 { /*保健保育科　幼稚園*/ color: #8d93c8; font-weight: bold; } .Att013 { border-bottom: #FDDE24 4px solid; font-weight: bold; } .Att014 { color: #ff5592; font-weight: bold; } .Att015 { color: #FFFFFF; font-weight: bold; } .Att001-link a, .Att001-link .Btn:hover, .Att001-link .Btn:visited { color: #F00; font-weight: bold; font-size: 1.05em; } .Att { color: #4192A5; font-weight: bold; } .blinking { -webkit-animation-name: blink; animation-name: blink; /* アニメーションの名前を設定 */ -webkit-animation-duration: 1.2s; animation-duration: 1.2s; /* アニメーションの秒数を設定 */ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; /* 繰り返しを設定（１回だけなら不要） */ } @-webkit-keyframes blink { /*上記で設定したアニメーションの動作を指定 */ 0% { opacity: 1; } /* 1.2s中の動作開始時間を%で指示 */ 50% { opacity: 0; } /* 同上 */ } @keyframes blink { /*上記で設定したアニメーションの動作を指定 */ 0% { opacity: 1; } /* 1.2s中の動作開始時間を%で指示 */ 50% { opacity: 0; } /* 同上 */ } /*分割Att-------------------------------------------------------------------------------------*/ .BoxAtt001 { border: #FDDE24 4px solid; padding: 10px 10px; background: #FFF; } .BoxAtt001 h4 { background-image: none !important; padding: 0; margin: 0; } .BoxAtt002 { border: #FFE7CE 4px solid; background: #FFF8F0; padding: 10px 10px 0; overflow: hidden; } .BoxAtt002 h5 { background-image: none !important; padding: 0; margin: 0; font-size: 0.9em; } .BoxAtt003 { padding: 10px 0; background: #4192A5; } .BoxAtt004 { background: #F9F4EE; margin: 20px 0; padding: 20px; } .BoxAtt004 h4 { background: url(/wp-content/uploads/common/bg_boxatt005_h4.gif) no-repeat !important; color: #FFF; margin: 0 0 0; } .BoxAtt004 .col__wrap--margin { align-items: center; } .BoxAtt005 { background: #FDDE24; } .BoxAtt006 { background: url(/wp-content/uploads/common/bg_dotp.gif); } .BoxAtt007 { background: url(/wp-content/uploads/common/bg_dotg.gif); } .BoxAtt006 h5, .BoxAtt007 h5 { font-weight: bold; margin: 5px auto !important; padding: 0 !important; background: none; font-size: 0.85em; letter-spacing: 0; } .BoxAtt006 h5 { color: #EC798C !important; } .BoxAtt007 h5 { color: #72AC64 !important; } .BoxAtt006 .BoxAtt005, .BoxAtt007 .BoxAtt005 { background: #F9F4EE; padding: 10px 10px 1px; margin: 10px; } .BoxAtt006 .BoxAtt005 p, .BoxAtt007 .BoxAtt005 p { font-size: 0.75em; } .commonLayout__container .BoxAtt006 .BoxAtt005 .Font-S, .commonLayout__container .BoxAtt007 .BoxAtt005 .Font-S { letter-spacing: 0; line-height: 1.2em; font-size: 62%; } .BoxAtt008 { background: #DAF2F6; padding: 0.5em 1em; } .BoxAtt009 { border: solid 4px #EFEFEF; padding: 0 10px; } .BoxAtt010 { padding: 10px 0; background: #222222; } .Attbox { background: #F00; color: #FFFFFF; padding: 10px; display: inline-block; } .Attbox02 { border: solid 1px #222222; color: #222222; padding: 5px 10px; display: inline-block; } .box--border-gray { border: 2px solid #EFEFEF; padding: 20px; } .box--border-gray-sp { border: 2px solid #EFEFEF; padding: 20px; /*PC*/ } @media all and (min-width: 40em) { .box--border-gray-sp { border: none; padding: 0; } } .box--bg-gray { background: #EFEFEF; padding: 1rem; } .box--round_border, .box--round_border--kango, .box--round_border--kaigo, .box--round_border--shakai, .box--round_border--hoiku, .box--round_border--hoikuyakan, .box--round_border--seishin, .box--round_border--syafukusenko { border-radius: 10px; border: #4192A5 2px solid; } .box--round_border--kango { border-color: #f48594; } .box--round_border--kaigo { border-color: #6fba2c; } .box--round_border--shakai { border-color: #ee7951; } .box--round_border--hoiku { border-color: #f5a200; } .box--round_border--hoikuyakan { border-color: #82c1ea; } .box--round_border--seishin { border-color: #2b8adf; } .box--round_border--syafukusenko { border-color: #ed7951; } .box--border--speach-right { border: 2px solid #333; padding: 1em 1.5em; border-radius: 1em; margin-left: 1em; position: relative; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; /*全スマホ*/ } @media only screen and (max-width: 40em) { .box--border--speach-right { margin-left: 0; } } .box--border--speach-left { border: 2px solid #333; padding: 1em 1.5em; border-radius: 1em; margin-right: 1em; position: relative; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; /*全スマホ*/ } @media only screen and (max-width: 40em) { .box--border--speach-left { margin-right: 0; } } .box--border--speach-right:before { content: ""; position: absolute; top: 50%; left: -24px; margin-top: -13px; border: 14px solid transparent; border-right: 14px solid #FFF; z-index: 2; } .box--border--speach-right:after { content: ""; position: absolute; top: 53.25%; left: -26px; margin-top: -13px; border: 13px solid transparent; border-right: 13px solid #333; z-index: 1; } .box--border--speach-left:before { content: ""; position: absolute; top: 50%; right: -24px; margin-top: -13px; border: 14px solid transparent; border-left: 14px solid #FFF; z-index: 2; } .box--border--speach-left:after { content: ""; position: absolute; top: 52.5%; right: -26px; margin-top: -13px; border: 13px solid transparent; border-left: 13px solid #222; z-index: 1; } /*clearfix-------------------------------------------------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /*Hides from IE-mac \*/ html.clearfix { height: 1%; } .clearfix { display: block; } /*End hide from IE-mac*/ /*アコーディオン開閉 矢印---------------------------------------------------------------------------------*/ .accordion_head { position: relative; /*アイコンを右に*/ } .accordion_head .i_right { position: absolute; right: 0.5rem; font-size: 1.2rem; } /*IMG-------------------------------------------------------------------------------------*/ .commonLayout__container img.photo { padding: 5px; background: #FFF; -moz-Box-shadow: 1px 1px 3px #B0A38F; -webkit-Box-shadow: 1px 1px 3px #B0A38F; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .commonLayout__container img.photo { border: #CCC 1px solid; } } /*info*/ .Box-Contact { padding: 10px; margin: 40px 0; border: 3px solid #4192A5; overflow: hidden; } .commonLayout__container .Box-Contact h6 { margin: 0 0 15px 0; padding: 0 0 0 20px; } .commonLayout__container .Box-Contact .Tel, .Box-Contact .Mail { float: left; font-size: 120%; font-weight: bold; margin: 0 30px 0 0; letter-spacing: 0.1em; } .commonLayout__container .Box-Contact .Box-2 { width: 45%; float: left; } /*info Sサイズ*/ .Box-Contact-S { padding: 10px; color: #330000; font-size: 90%; } .commonLayout__container .Box-Contact-S h6 { margin: 0 0 15px 0; padding: 0 0 0 20px; background: url(/wp-content/uploads/common_img/contact_ya.gif) 0 0 no-repeat; } .commonLayout__container .Box-Contact-S .Tel, .Box-Contact-S .Mail { float: left; font-size: 100%; font-weight: bold; margin: 0 30px 0 0; letter-spacing: 0.1em; } .commonLayout__container .Box-Contact-S .Tel { background: url(/wp-content/uploads/common_img/contact_tel.gif) 0 0 no-repeat; padding: 4px 0 7px 45px; } .commonLayout__container .Box-Contact-S .Mail { background: url(/wp-content/uploads/common_img/contact_mail.gif) 0 0 no-repeat; padding: 4px 0 7px 40px; } /*clearfix.cssから移動*/ .clr { display: block; } .clr:after, .inner:after, .container:after, .content:after, .content-contents:after, .content-extra:after, .content-sub:after, .contents-navigation:after, .contents-navigation ul:after, .general-navigation:after, .site-navigation:after { display: block; clear: both; height: 0; line-height: 0; content: "."; visibility: hidden; font-size: 0.1em; } .balloon { margin-bottom: 0.75em; position: relative; } .balloon:before, .balloon:after { clear: both; content: ""; display: block; } .balloon-image-left, .balloon-image-right { width: 50px; height: 50px; } .balloon-image-left { float: left; margin-right: 10px; } .balloon-image-right { float: right; margin-left: 10px; } .balloon-text-right, .balloon-text-left { position: relative; padding: 10px; border: 2px solid #222; border-radius: 10px; max-width: calc(100% - 60px); display: inline-block; } .balloon-text-right { float: left; } .balloon-text-left { float: right; } .balloon p { margin: 0 0 20px; } .balloon p:last-child { margin-bottom: 0; } .ani { opacity: 0; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .ani.scrollin { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } .fadein { -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); } .fadein--left { -webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0); } .fadein--right { -webkit-transform: translate(100px, 0); -ms-transform: translate(100px, 0); transform: translate(100px, 0); } /*///////////////// イージング　 　　　////////////////*/ .loop { /*padding-top: 30px; padding-bottom: 30px;*/ overflow: hidden; } .loop__box { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100vw; } .loop__box img { /*PC*/ /*全スマホ*/ } @media all and (min-width: 40em) { .loop__box img { min-width: 110vw; } } @media only screen and (max-width: 40em) { .loop__box img { min-width: 300vw; } } .loop__box img:first-child { -webkit-animation: loop 50s -25s linear infinite; animation: loop 50s -25s linear infinite; } .loop__box img:last-child { -webkit-animation: loop2 50s linear infinite; animation: loop2 50s linear infinite; } @-webkit-keyframes loop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes loop { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes loop2 { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } @keyframes loop2 { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-200%); transform: translateX(-200%); } } .commonLayout__container li { /*margin-left:1em;*/ font-size: 0.8rem; } .commonLayout__container table li { font-size: 1em; } .commonLayout__container dl li { font-size: 1em; } .commonLayout__container .List-style-123 li { list-style-type: decimal; display: list-item; vertical-align: top; margin-left: 1em; } .commonLayout__container .List-style-ABC li { list-style-type: upper-alpha; } .commonLayout__container .List-style-disc li { margin-left: 2em; font-size: 0.82rem; padding-bottom: 5px; list-style-type: disc; } .commonLayout__container .List-style-none li { font-size: 0.80em; margin: 0; padding: 0 0 3px 0; list-style-type: none; } .commonLayout__container .List-style001 { margin: 0.84rem 0; } .commonLayout__container .List-style001 li { list-style: url(/wp-content/uploads/common/list_gray.gif); margin-left: 25px; } .commonLayout__container .List-style001 li::marker { } .commonLayout__container .List-style001.Float-Left { margin: 0 45px 0 0; } .commonLayout__container .List-style002 li { list-style: url(/wp-content/uploads/common/list_pink.gif); } .list--menu-bg--kaigo li a, .list--menu-bg--kaigo li .Btn:hover, .list--menu-bg--kaigo li .Btn:visited { display: block; background: #6fba2c; color: #FFF; text-align: center; font-weight: bold; border-radius: 5px; padding: 1em 1em 0.3em; text-decoration: none; /*全スマホ*/ } @media only screen and (max-width: 40em) { .list--menu-bg--kaigo li a, .list--menu-bg--kaigo li .Btn:hover, .list--menu-bg--kaigo li .Btn:visited { text-align: left; border-radius: 0; padding: 1em; } } .List-style--check li { margin-left: 25px; } .List-style--check li:before { content: "\f14a"; font-family: 'Font Awesome 5 Free'; font-weight: 400; font-size: 1rem; margin-left: -20px; margin-right: 6px; /*全スマホ*/ } @media only screen and (max-width: 40em) { .List-style--check li:before { margin-right: 10px; } } .Indent01 li { text-indent: -1em; padding-left: 1em; } .Tsushin .List-style--check li:before { color: #f5a200; } /*サイトマップ用リスト-------------------------------------------------------------------------------------------------------2012*/ #Box-Sitemap ul li { margin: 0; padding: 0; clear: both; } .commonLayout__container #Box-Sitemap ul li a, .commonLayout__container #Box-Sitemap ul li .Btn:hover, .commonLayout__container #Box-Sitemap ul li .Btn:visited { padding: 0.7em 0 0.7em 2.5em; margin: 15px 0 5px 0; display: block; background: url(/wp-content/uploads/common/bg_sitemap.gif) no-repeat left center; font-weight: bold; font-size: 1.2em; } .commonLayout__container #Box-Sitemap ul ul li { margin: 0 10px 0 0; padding: 0; font-size: 1em; width: 680px; } .commonLayout__container #Box-Sitemap ul ul li a, .commonLayout__container #Box-Sitemap ul ul li .Btn:hover, .commonLayout__container #Box-Sitemap ul ul li .Btn:visited { padding: 0.4em 0 0.4em 4em; margin: 0 0 5px 0; background: url(/wp-content/uploads/common/bg_sitemap2.gif) no-repeat left center; font-weight: normal; font-size: 1em; } .commonLayout__container .List-Float li { width: 130px; float: left; list-style: none; background: url(/wp-content/uploads/common_img/list_gray.gif) 0 3px no-repeat; margin-left: 1em; padding-left: 1.2em; } .commonLayout__container .List-Float-Nomal li { float: left; list-style: none; background: url(/wp-content/uploads/common_img/list_gray.gif) 0 3px no-repeat; margin-left: 1em; padding-left: 1.2em; } .flow--gray { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .flow--gray li { background-color: #e3e3e3; border-radius: .5rem; display: block; margin: 0.1em 0; padding: 0.5em; position: relative; text-align: center; /*全スマホ*/ } @media only screen and (max-width: 40em) { .flow--gray li { margin: 0.3em 0; } } .flow--gray p { margin: 0 auto !important; } /*テキストサイズ ******************************************************************************/ /* a, a:hover, a:visited, .Btn:hover, .Btn:visited { color: #333333; } */ /* a:visited, .Btn:visited { color: #333333; } */ /* a:hover, .Btn:hover { color: #4192A5; text-decoration: none; } */ /* 画像のリンクロールオーバー a:hover img{ filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; } */ .Link01 { padding: 0 0 2px 0; /*float:right;*/ } .Link01 .fa-chevron-circle-right { color: #f6cd26; margin-right: 3px; } .Link02 { padding: 0 0 2px 0; } .Link02:before { content: "\f0a9"; color: #4192A5; font-family: 'Font Awesome 5 Free'; font-weight: 400; } .Link03 a, .Link03 .Btn:hover, .Link03 .Btn:visited { clear: both; width: 60%; margin: 10px auto; padding: 10px; text-align: center; color: #666; background-color: #FFF; border: 6px solid #EEE; text-decoration: none; border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px; /* Safari,Google Chrome用 */ -moz-border-radius: 5px; /* Firefox用 */ display: block; font-weight: bold; font-size: 1.2em; } .Link03 a:after, .Link03 .Btn:hover:after, .Link03 .Btn:visited:after { content: "\f138"; color: #4192A5; font-family: 'Font Awesome 5 Free'; font-weight: 400; } .Link04 a, .Link04 .Btn:hover, .Link04 .Btn:visited { display: block; padding: 5px; background: #ffcccc; background-position: 1em; color: #222222; text-align: center; text-decoration: none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; } .Link04 a:after, .Link04 .Btn:hover:after, .Link04 .Btn:visited:after { content: "\f0ab"; font-family: 'Font Awesome 5 Free'; font-weight: 400; } .commonLayout__container a.pdf, .commonLayout__container .pdf.Btn:hover, .commonLayout__container .pdf.Btn:visited { background: url(/wp-content/uploads/common/icon_pdf.gif) no-repeat right; padding: 2px 20px 2px 0; } .commonLayout__container a.opwin, .commonLayout__container .opwin.Btn:hover, .commonLayout__container .opwin.Btn:visited { background: url(/wp-content/uploads/common/icon_opwin.gif) no-repeat right; padding: 2px 20px 2px 0; } /*テキスト -------------------------------------------------------------------------------------*/ .Text-Center { text-align: center; } /*padding調整*/ .text__space10 { padding: 10px; } /*テキストリンク*/ .text__nolink a, .text__nolink .Btn:hover, .text__nolink .Btn:visited { text-decoration: none; } /*indexのタイトル*/ .text__index-title { text-align: center; font-size: 1.1rem; font-weight: bold; } /*文字づめ*/ .LS-wide { letter-spacing: 0.4em; } .LS-tight { letter-spacing: -0.08em; } /*画像 ******************************************************************************/ img { max-width: 100%; height: auto; vertical-align: bottom; } .Img-Left { float: left; padding-right: 5px; } .Img-Right { float: right; padding-left: 5px; aspect-ratio: 1 / 1; width: 160px; } .Text-Center { text-align: center; } .Float-Right { float: right; } .Float-Left, .Float-Left-Auto { float: left; } /*幅-------------------------------------------------------------------------------------*/ .w100 { width: 100%; } .w95 { /*全スマホ*/ } @media only screen and (max-width: 40em) { .w95 { width: 95%; margin: 0 auto; } } .w90 { /*全スマホ*/ } @media only screen and (max-width: 40em) { .w90 { width: 90%; margin: 0 auto; } } /*1カラム*/ .w95__1col { width: 970px; margin-left: auto; margin-right: auto; /*全スマホ*/ } @media only screen and (max-width: 40em) { .w95__1col { width: 95%; } } .w100__1col { width: 1000px; margin-left: auto; margin-right: auto; /*全スマホ*/ } @media only screen and (max-width: 40em) { .w100__1col { width: 100%; } } .w15 { width: 15%; } .w80 { width: 80%; } .entry-title { font-size: 1.5em; } /*h1はこれ*/ .h__page--title { padding: 2% 0 2% 1%; border-top: 3px double #222222; border-bottom: 3px double #222222; font-size: 1.25rem; color: #222222; /*全スマホ*/ } .h__page--title a, .h__page--title .Btn:hover, .h__page--title .Btn:visited { color: #222222; text-decoration: none; } @media only screen and (max-width: 40em) { .h__page--title { font-size: 1.3rem; padding: 2.2% 0 2.2% 2%; } } /*h2以下はお好みで*/ .title__border-bg01 { border-top: #222222 dotted 1px; border-bottom: #222222 dotted 1px; background: #eeeeee; padding: 0.8em 0.5em; } .title__border-bg02, .title__border-bg02--kaigo { border-top: #222222 solid 1px; border-bottom: #222222 solid 1px; padding: 0.8em 0.5em; text-align: center; } .title__border-bg02--kaigo { border-top: #6fba2c solid 3px; border-bottom: #6fba2c solid 3px; background: rgba(111, 186, 44, 0.1); } .title__border-bottom01, .title__border-bottom01--kango, .title__border-bottom01--kaigo, .title__border-bottom01--shakai, .title__border-bottom01--hoiku, .title__border-bottom01--hoikuyakan, .title__border-bottom01--seishin, .title__border-bottom01--syafukusenko, .title__border-bottom01--orange { position: relative; padding-bottom: 0.5em; border-bottom: 2px solid #EA5455; } .title__border-bottom01--kango { border-color: #f48594; } .title__border-bottom01--kaigo { border-color: #6fba2c; } .title__border-bottom01--shakai { border-color: #ee7951; } .title__border-bottom01--hoiku { border-color: #f5a200; } .title__border-bottom01--hoikuyakan { border-color: #82c1ea; } .title__border-bottom01--seishin { border-color: #2b8adf; } .title__border-bottom01--syafukusenko { border-color: #ed7951; } .title__border-bottom01--orange { border-color: #EE7951; } .title__border-bottom02 { border-bottom: #00BB00 3px solid; font-weight: bold; } .pick__border-bottom { border-bottom: #00BB00 3px solid; line-height: 2.5; padding-bottom: 0.25rem; } /* 左ボーダー　学科で色変更*/ .title__border-left, .title__border-left--kango, .title__border-left--kaigo, .title__border-left--shakai, .title__border-left--hoiku, .title__border-left--hoikuyakan, .title__border-left--seishin, .title__border-left--syafukusenko { padding: 0 0.5rem; border-left: 5px solid #4192A5; } .title__border-left--kango { border-color: #f48594; } .title__border-left--kaigo { border-color: #6fba2c; } .title__border-left--shakai { border-color: #ee7951; } .title__border-left--hoiku { border-color: #f5a200; } .title__border-left--hoikuyakan { border-color: #82c1ea; } .title__border-left--seishin { border-color: #2b8adf; } .title__border-left--syafukusenko { border-color: #ed7951; } .title__border-left01, .title__border-left01--kango, .title__border-left01--kaigo, .title__border-left01--shakai, .title__border-left01--hoiku, .title__border-left01--hoikuyakan, .title__border-left01--seishin, .title__border-left01--syafukusenko { position: relative; padding: 0.25em 0 0.25em 0.65em; border-left: 6px solid #EA5455; } .title__border-left01--kango { border-color: #f48594; } .title__border-left01--kaigo { border-color: #6fba2c; } .title__border-left01--shakai { border-color: #ee7951; } .title__border-left01--hoiku { border-color: #f5a200; } .title__border-left01--hoikuyakan { border-color: #82c1ea; } .title__border-left01--seishin { border-color: #2b8adf; } .title__border-left01--syafukusenko { border-color: #ed7951; } .title__border-left01::after, .title__border-left01--kango::after, .title__border-left01--kaigo::after, .title__border-left01--shakai::after, .title__border-left01--hoiku::after, .title__border-left01--hoikuyakan::after, .title__border-left01--seishin::after, .title__border-left01--syafukusenko::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 0; border-bottom: 1px solid #ccc; } .title__icon01 { position: relative; padding: 0 0.5em 0.5em 1.5em; } .title__icon01::after { position: absolute; top: .4em; left: .4em; z-index: 2; content: ''; width: 12px; height: 12px; background-color: #222222; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); /*全スマホ*/ } @media only screen and (max-width: 40em) { .title__icon01::after { width: 8px; height: 8px; } } .title__bg, .title__bg--kango, .title__bg--kaigo, .title__bg--shakai, .title__bg--hoiku, .title__bg--hoikuyakan, .title__bg--seishin, .title__bg--syafukusenko { background: #4192A5; color: #ffffff; } .title__bg--kango { background: #f48594; } .title__bg--kaigo { background: #6fba2c; } .title__bg--shakai { background: #ee7951; } .title__bg--hoiku { background: #f5a200; } .title__bg--hoikuyakan { background: #82c1ea; } .title__bg--seishin { background: #2b8adf; } .title__bg--syafukusenko { background: #ed7951; } .title__bg--light, .title__bg--light--kango, .title__bg--light--kaigo, .title__bg--light--shakai, .title__bg--light--hoiku, .title__bg--light--hoikuyakan, .title__bg--light--seishin, .title__bg--light--syafukusenko { background: rgba(65, 146, 165, 0.2); color: #222222; } .title__bg--light--kango { background: rgba(244, 133, 148, 0.2); } .title__bg--light--kaigo { background: rgba(111, 186, 44, 0.2); } .title__bg--light--shakai { background: rgba(238, 121, 81, 0.2); } .title__bg--light--hoiku { background: rgba(245, 162, 0, 0.2); } .title__bg--light--hoikuyakan { background: rgba(130, 193, 234, 0.2); } .title__bg--light--seishin { background: rgba(43, 138, 223, 0.2); } .title__bg--light--syafukusenko { background: rgba(237, 121, 81, 0.2); } /*短いアンダーラインをつける*/ .title__Under_Line, .title__Under_Line--kango, .title__Under_Line--kaigo, .title__Under_Line--shakai, .title__Under_Line--hoiku, .title__Under_Line--hoikuyakan, .title__Under_Line--seishin, .title__Under_Line--syafukusenko { position: relative; margin-bottom: 1rem; text-align: center; /*学科で線の色を変更*/ } .title__Under_Line:before, .title__Under_Line--kango:before, .title__Under_Line--kaigo:before, .title__Under_Line--shakai:before, .title__Under_Line--hoiku:before, .title__Under_Line--hoikuyakan:before, .title__Under_Line--seishin:before, .title__Under_Line--syafukusenko:before { content: ''; position: absolute; left: 50%; bottom: -0.6rem; /*線の上下位置*/ display: inline-block; width: 5rem; /*線の長さ*/ height: 2px; /*線の太さ*/ -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); /*位置調整*/ background-color: #4192A5; /*線の色*/ } .title__Under_Line--kango::before { background-color: #f48594; } .title__Under_Line--kaigo::before { background-color: #6fba2c; } .title__Under_Line--shakai::before { background-color: #ee7951; } .title__Under_Line--hoiku::before { background-color: #f5a200; } .title__Under_Line--hoikuyakan::before { background-color: #82c1ea; } .title__Under_Line--seishin::before { background-color: #2b8adf; } .title__Under_Line--syafukusenko::before { background-color: #ed7951; } .bd__color--IB { border: 2px solid #222222; display: inline-block; padding: 0.25rem 1rem; } .triangle_Box { position: relative; padding-bottom: 8rem; overflow: hidden; /*全スマホ*/ } @media only screen and (max-width: 40em) { .triangle_Box { padding-bottom: 10rem; } } .triangle_Box .triangle_num { position: absolute; z-index: 103; color: #fff; left: 0.5rem; top: -1.25rem; font-size: 1.5rem; font-family: din-2014; } .triangle_Box .triangle_ttl { position: absolute; left: 5rem; top: -0.5rem; } .triangle_Box .triangle_text { position: absolute; left: 5rem; bottom: 0.3rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .triangle_Box .triangle_text { left: 1rem; top: 4rem; } } .triangle_Box img { position: absolute; width: 20%; right: 0.2rem; top: 0.25rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .triangle_Box img { top: 4rem; } } /* 左上に三角表示 */ .triangle_Box::before { content: ""; top: 0; left: 0; border-bottom: 4.5rem solid transparent; border-left: 5rem solid #EE7951; /* 三角のカラー指定 */ position: absolute; z-index: 10; } /*hタグ：基本、hそのもののデザインには頼らないこと。徐々に↑上記のクラスをつけ、hそのもののスタイル指定は消していく **************************************************************************************************** **************************************************************************************************** ****************************************************************************************************/ /*主にページのトップ画像*/ h2.img, h3.img, h4.img { margin: 0px 0 10px 0; padding: 0; border: none; background: none; } h2 { font-size: 1.0rem; margin-top: 0.8rem; margin-bottom: 0.8rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { h2 { font-size: 1.1rem; } } h3 { font-size: 0.95rem; margin-top: 1rem; margin-bottom: 1rem; } h4 { color: #000000; font-size: 0.9rem; margin-top: 1.3rem; margin-bottom: 1.3rem; } h5 { color: #000000; font-size: 0.87rem; } h6 { color: #000000; font-size: 0.85rem; } /*----------ページメイン 汎用イメージ-------------*/ .page_main { background: url(../../images/image/bg_footer.jpg) no-repeat center center; background-size: cover; border-bottom: 1px solid #CCC; padding: 3em 0; margin-bottom: 2em; text-align: center; /*全スマホ*/ } @media only screen and (max-width: 40em) { .page_main { background: url(/../../images/img/sp/bg_footer_sp.jpg) no-repeat center center; } } .sub_catch { position: relative; display: inline-block; padding: 0 55px; font-family: Zen Loop; font-style: normal; font-weight: 400; color: #4192A5; font-size: 1.2em; } .sub_catch:before, .sub_catch:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 45px; height: 1px; background-color: #4192A5; } .sub_catch:before { left: 0; } .sub_catch:after { right: 0; } .main_catch { font-size: 140%; margin: 0.5em 0 0; line-height: 1.8; font-family: "Noto Sans JP", sans-serif; font-style: normal; font-weight: 600; } @media only screen and (max-width: 640px) { .main_catch { font-size: 105%; } } .bg__color--point { background: #4192A5; color: #fff; } .bg__color--point-light { background: rgba(65, 146, 165, 0.3); } .bg__color--kango { background: #f48594; } .bg__color--kango-light { background: rgba(244, 133, 148, 0.3); } .bg__color--kango-lighter { background: rgba(254, 242, 244, 0.7); } .bg__color--kaigo { background: #6fba2c; } .bg__color--kaigo-light { background: rgba(111, 186, 44, 0.7); } .bg__color--kaigo-lighter { background: rgba(111, 186, 44, 0.3); } .bg__color--kaigo-lighter02 { background: rgba(111, 186, 44, 0.2); } .bg__color--shakai { background: #ee7951; } .bg__color--shakai-light { background: rgba(238, 121, 81, 0.7); } .bg__color--shakai-lighter { background: rgba(238, 121, 81, 0.3); } .bg__color--hoiku { background: #f5a200; } .bg__color--hoiku-light { background: rgba(245, 162, 0, 0.3); } .bg__color--hoiku-lighter { background: rgba(245, 162, 0, 0.2); } .bg__color--hoikuyakan { background: #82c1ea; } .bg__color--hoikuyakan-light { background: rgba(130, 193, 234, 0.3); } .bg__color--seishin { background: #2b8adf; } .bg__color--syafukusenko { background: gakka-color__syafukusenko; } .bg__color--orange { background: #F05A23; color: #fff; } .bg__color--grey { background-color: #EFECEC; } .bg__color--white { background-color: #FFFFFF; } .bg__color--darkblue { background-color: #005f9a; color: #fff; } .bg__color-lightpink { background: #FFF1F3; } .bg__color-lightbeige { background: #F1ECE5; } .white_color { color: #fff; } .bd__color, .bd__color--point, .bd__color--kango, .bd__color--kaigo, .bd__color--shakai, .bd__color--hoiku, .bd__color--hoikuyakan, .bd__color--seishin, .bd__color--syafukusenko { border: 2px solid #222222; } .bd__color--point { border-color: #4192A5; } .bd__color--kango { border-color: #f48594; } .bd__color--kaigo { border-color: #6fba2c; } .bd__color--shakai { border-color: #ee7951; } .bd__color--hoiku { border-color: #f5a200; } .bd__color--hoikuyakan { border-color: #82c1ea; } .bd__color--seishin { border-color: #2b8adf; } .bd__color--syafukusenko { border-color: #ed7951; } .clen__tag { background: #222; } li[data-event_item="オープン
キャンパス"], li[data-event_item="ピアノ
レッスン"], li[data-event_item="入試説明"], li[data-event_item="エントリーシート
添削指導会"], li[data-event_item="適性AO入試
説明会"], li[data-event_item="卒業生オープンキャンパス"], li[data-event_item="面接対策
セミナー"], li[data-event_item="個別相談"], li[data-event_item="介護福祉科イベント"], li[data-event_item="推薦・一般入試説明会"], li[data-event_item="平日学校見学会"], li[data-event_item="保育オープンキャンパス"] { background: #FD7242; } li[data-event_item="看護オープン
キャンパス"], li[data-event_item="入試対策
セミナー"], li[data-event_item="模擬試験"], li[data-event_item="模擬面接"], li[data-event_item="看護入試対策"], li[data-event_item="看護・平日個別相談会"] { background: #FF4A54; } li[data-event_item="適性AO入試まるわかり講座"], li[data-event_item="チャレンジAO"], li[data-event_item="トライアル☆
キャンパス"], li[data-event_item="リピーター
ハッケン編"], li[data-event_item="YouTube
ライブ"] { background: #B13D3F; } li[data-event_item="オンライン
学校説明会"], li[data-event_item="看護オンライン
学校説明会"], li[data-event_item="遠方オンライン
学校見学会"], li[data-event_item="高２オンライン
説明会"] { background: #FF838A; } li[data-event_item="保護者説明"], li[data-event_item="施設奨学金制度説明会"], li[data-event_item="おうちで
進路相談"], li[data-event_item="高等教育修学支援新制度説明会"], li[data-event_item="介護・社会人・大学生対象説明会"], li[data-event_item="給付型奨学金
説明会"] { background: #76bb27; } li[data-event_item="夜間学科
学校説明"], li[data-event_item="社専・学校説明会"], li[data-event_item="国試対策"], li[data-event_item="卒業生座談会"], li[data-event_item="平日夜間"], li[data-event_item="学費キャリア"], li[data-event_item="ソーシャル
ワークセミナー"], li[data-event_item="卒業生ソーシャルワークセミナー"], li[data-event_item="ワークショップ"], li[data-event_item="保育夜主
説明"], li[data-event_item="保育・夜主
学費キャリア"], li[data-event_item="保育授業見学"], li[data-event_item="精神・学校説明"] { background: #3E90D7; } li[data-event_item="精神・個別相談"], li[data-event_item="社専・個別相談"] { background: #00427B; } li[data-event_item="精神保健福祉士講座"], li[data-event_item="精神保健福祉士イベント"], li[data-event_item="卒業生DAY"], li[data-event_item="社会福祉専攻科イベント"], li[data-event_item="社専・学校説明"] { background: #2D8A71; } li[data-event_item="夜間学科
オンライン
説明会"] { background: #74B0E4; } li[data-event_item="卒業生
イベント"], li[data-event_item="高校1・2年生オープンキャンパス"], li[data-event_item="高1・2年生オープンキャンパス"] { background: #D76CBF; } li[data-event_item="保健保育科
特別イベント"], li[data-event_item="社会福祉科
特別イベント"], li[data-event_item="介護福祉科
特別イベント"] { background: #8974E8; } li[data-event_item="留学生説明会"] { background: #BC2500; } /*よく使う分割Boxです。 背景に色をひいた場合でも使えます。（padding分自動でいい感じにしてくれます） 1カラムでも使えます。 ******************************************************************************/ .card__2 { float: left; width: 49%; margin-right: 2%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .card__2 { width: 100%; } } .card__2:nth-child(2n) { margin-right: 0; } .card__2-02 { float: left; width: 62%; margin-right: 2%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .card__2-02 { width: 100%; } } .card__2-02:nth-child(2n) { margin-right: 0; width: 36%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .card__2-02:nth-child(2n) { width: 100%; } } .card__2-02-b { float: left; width: 36%; margin-right: 2%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .card__2-02-b { width: 100%; } } .card__2-02-b:nth-child(2n) { margin-right: 0; width: 62%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .card__2-02-b:nth-child(2n) { width: 100%; } } /*スマホで落とさない*/ .card__2-sp { float: left; width: 49%; margin-right: 2%; } .card__2-sp:nth-child(2n) { margin-right: 0; } .card__3 { float: left; width: 30%; margin-right: 5%; /*全スマホ*/ /*PC*/ } @media only screen and (max-width: 40em) { .card__3 { width: 48%; margin-right: 4%; } .card__3:nth-of-type(2n) { margin-right: 0; } } @media all and (min-width: 40em) { .card__3:nth-of-type(3n) { margin-right: 0; } } .card__3-sp { float: left; width: 32%; margin-right: 2%; /*全スマホ*/ /*PC*/ } @media only screen and (max-width: 40em) { .card__3-sp { width: 100%; margin-right: 0; } } @media all and (min-width: 40em) { .card__3-sp:nth-of-type(3n) { margin-right: 0; } } .card__3-sp02 { float: left; width: 31%; margin-right: 2%; } .card__3-sp02:nth-of-type(3n) { margin-right: 0; } .card__4 { float: left; width: 24%; margin-right: 1%; /*全スマホ*/ /*PC*/ } @media only screen and (max-width: 40em) { .card__4 { width: 48%; margin-right: 4%; } .card__4:nth-child(2n) { margin-right: 0; } } @media all and (min-width: 40em) { .card__4 li:nth-of-type(4n) { margin-right: 0; } .card__4 li:nth-of-type(5n) { clear: both !important; } } .card__5 { float: left; width: 18.4%; margin-right: 2%; /*全スマホ*/ /*PC*/ } @media only screen and (max-width: 40em) { .card__5 { width: 30%; margin-right: 5%; } .card__5:nth-child(3n) { margin-right: 0; } } @media all and (min-width: 40em) { .card__5:nth-of-type(5n) { margin-right: 0; } } .card__8 { float: left; width: 11.625%; margin-right: 1%; /*全スマホ*/ /*PC*/ } @media only screen and (max-width: 40em) { .card__8 { width: 24%; margin-right: 1%; } .card__8:nth-child(4n) { margin-right: 0; } } @media all and (min-width: 40em) { .card__8:nth-of-type(8n) { margin-right: 0; } } /*body.css*/ /*------------------ ＊分割Box ＊扉 ＊共通Voice用Box ＊募集関連 ＊オープンキャンパス ------------------*/ /*ボックス-------------------------------------------------------------------------------------2012*/ /*分割Box*/ .Box-4 { width: 160px; margin: 0 10px 0 0; padding: 0; float: left; } .Box-4 h5 { font-size: 0.86em; padding: 5px 0; margin: 0 0 5px; } .Box-4 p { font-size: 0.75rem; margin: 5px 0 0 0; padding: 0; } .Box-4 { width: 160px; margin: 0 10px 0 0; padding: 0; float: left; } .gridBox { display: flex; flex-wrap: wrap; gap: 1.25rem; } .Box-3 { width: 210px; margin: 0 20px 10px 0; float: left; display: inline; } .gridBox .Box-3 { margin: 0; } .Box-3 p { font-size: 0.75rem; letter-spacing: 0; } .Box-2 { width: 330px; float: left; margin: 0 20px 20px 0; display: inline; } .Box-2.Box-2--change { width: 100%; float: unset; margin: 0; } .clearfix .Box-2:nth-child(2n) { margin-right: 0; } .clearfix .Box-2:nth-child(2n+1) { clear: left; } .clearfix .Box-3:nth-child(3n) { margin-right: 0; } .clearfix .Box-3:nth-child(3n+1) { clear: left; } .clearfix .Box-4:nth-child(4n) { margin-right: 0; } .clearfix .Box-4:nth-child(4n+1) { clear: left; } .Box-4.Right, .Box-3.Right, .Box-2.Right { margin-right: 0; display: inline; } /*申し込みのボタン-------------------------------------------------------------------------------------*/ .btn a, .btn .Btn:hover, .btn .Btn:visited { border: 1px solid #ffad41; border-radius: 3px; padding: 1em 2em; text-decoration: none; display: inline-block; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); font-weight: bold; color: #FFFFFF; background-color: #ffc579; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23)); background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23); background-image: linear-gradient(to bottom, #ffc579, #fb9d23); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23); } .btn a:hover, .btn .Btn:hover { border: 1px solid #ff9913; background-color: #ffaf46; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404)); background-image: -webkit-linear-gradient(top, #ffaf46, #e78404); background-image: linear-gradient(to bottom, #ffaf46, #e78404); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404); } .btn002 a, .btn002 .Btn:hover, .btn002 .Btn:visited { background-color: #4192A5; border-radius: 5px; padding: 0.5em 1em; text-decoration: none; display: inline-block; color: #FFFFFF; font-size: 1.1em; text-align: center; width: 50%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .btn002 a, .btn002 .Btn:hover, .btn002 .Btn:visited { width: 95%; } } .btn002 a:hover, .btn002 .Btn:hover { opacity: 0.75; } .btn002 a:before, .btn002 .Btn:hover:before, .btn002 .Btn:visited:before { content: "\f138"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-right: 0.5em; font-size: 1.1em; color: #fff; } /*各カテゴリーindex-------------------------------------------------------------------------------------2012*/ /*2分割*/ /*ボックス全体のリンクに使用*/ .Box-Index { overflow: hidden; } .Box-Index ul { list-style-type: none; list-style-position: inside; display: grid; gap: 1.25rem; grid-template-columns: 1fr 1fr 1fr; } .Box-Index li { /* width: 340px; float: left; margin: 0 20px 20px 0; display: inline; */ } .Box-Index li.Right { margin-right: 0; } .Box-Index li a, .Box-Index li .Btn:hover, .Box-Index li .Btn:visited { border: #CCC 1px solid; border-top: #EA5455 3px solid; height: 160px; display: block; padding: 10px; text-decoration: none; } .Box-Index li a:hover, .Box-Index li .Btn:hover { color: #333333; } * html .Box-Index li a, * html .Box-Index li .Btn:hover, * html .Box-Index li .Btn:visited { /* make hover effect work in IE */ width: 300px; } .Box-Index a h4, .Box-Index .Btn:hover h4, .Box-Index .Btn:visited h4 { margin: 0 0 10px 0; padding: 0px 0 5px 0; color: #333; font-weight: bold; font-size: 1.0rem; display: block; border-bottom: #CCC 1px dashed; } .Box-Index a h4:before, .Box-Index .Btn:hover h4:before, .Box-Index .Btn:visited h4:before { content: "\f138"; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 0.5em; color: #EA5455; } .Box-Index a span, .Box-Index .Btn:hover span, .Box-Index .Btn:visited span { font-size: 0.75rem; display: block; } .Box-Index a img, .Box-Index .Btn:hover img, .Box-Index .Btn:visited img { float: right; margin-left: 7px; _display: inline; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } /*Voice-------------------------------------------------------------------------------------*/ /*Voiceふきだし*/ .Voice { margin-bottom: 15px; overflow: hidden; } .Voice .Left { width: 180px; float: left; } .Voice .Right { width: 460px; float: right; position: relative; background: #CCC; padding: 10px; min-height: 160px; } .Voice .Right:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; top: 50px !important; pointer-events: none; } .Voice .Right:after { border-color: rgba(255, 255, 255, 0); border-right-color: #CCC; border-width: 10px; top: 50%; margin-top: -10px; } .Voice .Right h5 { margin: 0 0 10px !important; padding: 0 !important; background-image: none !important; } .Voice .Right p { margin: 0; padding: 0; } .Voice .Right .Date { width: 90px; margin-bottom: 10px; color: #666; font-size: 0.78em; float: right; text-align: right; } /*BoxVoice2　遠方の方へ*/ .BoxVoice2 { padding: 20px; margin-bottom: 20px; width: 660px; background-color: #FFF9E5; } .BoxVoice2 .Right { width: 160px; float: right; } .BoxVoice2 .Left { width: 460px; float: left; } .BoxVoice2 h5 { background-image: none !important; margin: 0 0 1em; } .BoxVoice2 p.name { background: url(/wp-content/uploads/gakka/img/bg_voicename.gif) no-repeat left 3px; font-size: 0.68em; margin: 10px 0 10px 0; padding: 0 0 0 12px; } .BoxVoice2 .voicePoint { background: url(/wp-content/uploads/gakka/img/bg_voicep.gif); background-color: #FFE899; margin: 0px 0 15px 0; padding: 0; overflow: hidden; _overflow: visible; } .BoxVoice2 .voicePoint span.cate { background-color: #FF6600; padding: 2px 10px; color: #FFF; font-size: 0.74em; float: left; } .BoxVoice2 .voicePoint span.place { padding: 2px 10px; color: #333; font-size: 0.74em; float: right; } /*BoxVoice3 2017学科*/ .Voice3 { margin-bottom: 15px; overflow: hidden; } .Voice3 .Left { /* width: 210px; float: left; */ width: calc(200 / 690 * 100%); } .Voice3 .Right { /* width: 480px; float: right; */ width: calc(480 / 690 * 100%); position: relative; } .Voice3 .Right h4 { margin: 0 0 5px !important; } .Voice3 .Right h5 { margin: 0 0 10px !important; padding: 0 !important; background-image: none !important; } .Voice3 .Right p { margin: 0; padding: 0; } .Voice3 .subBox { display: flex; align-items: center; gap: calc(10 / 480 * 100%); margin-top: 20px; overflow: hidden; } .Voice3 .subBox img { width: calc(200 / 480 * 100%); } .Voice3 .subBox p { width: calc(270 / 480 * 100%); /* height: 133px; */ /*全スマホ*/ vertical-align: middle; /* 「vertical-align」を指定してもテキストは縦方向中央揃いにならない */ display: table-cell; /* IE8から使用可能 */ vertical-align: middle; } @media only screen and (max-width: 40em) { .Voice3 .subBox p { height: 50px; } } /*学校紹介----------------------------------------------------------------------------------------------2013*/ /*リンクページ*/ ul.BoxLink li { list-style: square inside !important; margin-left: 0 !important; overflow: hidden; border-bottom: 1px dotted #CCC; padding: 8px 0 5px; } ul.BoxLink li a, ul.BoxLink li .Btn:hover, ul.BoxLink li .Btn:visited { text-decoration: none; } ul.BoxLink li img, ul.BoxLink li input { float: right; } ul.BoxLink li img { width: auto; } /*募集要項----------------------------------------------------------------------------------------------2012*/ /*募集要項2011用---学費一覧と定員のtableのみ2012も引続き使いそう。。*/ /*PCで見ると1〜3全て同じに見えますが、スマホ時の変換の仕方が違います。 table.Boshu...基本のtable table.Boshu2...列が複数ある場合に活用 table.Boshu3...トピックス合格率用 Boshu2のth表示される版 -------------------*/ table.Boshu, table.Boshu2, table.Boshu3 { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-collapse: collapse; border-spacing: 0; background-color: #ffffff; empty-cells: show; width: 100%; font-size: 0.95em; } table.Boshu th, table.Boshu2 th, table.Boshu3 th { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #eeeeee; padding: 0.3em 1em; text-align: center; font-weight: normal; } table.Boshu th span, table.Boshu2 th span, table.Boshu3 th span { font-size: 0.87em; } table.Boshu td, table.Boshu2 td, table.Boshu3 td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 0.3em 1em; } table.Boshu.topics td, table.Boshu td.middle, table.Boshu2.topics td, table.Boshu2 td.middle, table.Boshu3.topics td, table.Boshu3 td.middle { vertical-align: middle; } table.Yume_prg, table.Yume_prg02 { border-top: 1px solid #666; border-left: 1px solid #666; border-collapse: collapse; border-spacing: 0; background-color: #ffffff; empty-cells: show; width: 100%; font-size: 0.95em; } table.Yume_prg th, table.Yume_prg02 th { border-right: 1px solid #666; border-bottom: 1px solid #666; background-color: #C7DFB4; padding: 0.3em 1em; text-align: center; font-weight: normal; } table.Yume_prg02 th { background-color: #F3E29C; } table.Yume_prg td, table.Yume_prg02 td { padding-left: 0.5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; } /*募集要項2012用*/ dl.Boshu { margin: 1em 0; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-color: #eeeeee; font-size: 0.82rem; } dl.Boshu dt { margin: 0; margin-right: -13em; padding: 0.2em 0; border-top: 1px solid #cccccc; float: left; clear: both; display: inline; width: 11.5em; text-indent: 10px; text-align: center; } dl.Boshu dd { margin-left: 11.5em; padding: 0.2em 10px; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; background-color: #fff; } @media (max-width: 768px) { dl.Boshu dt { width: 8em; text-indent: 0; } dl.Boshu dd { margin-left: 8em; } } dl.Boshu { min-height: 1px; _height: 1%; } dl.Boshu::after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .BoxBoshu .Att001, .BoxBoshu2 .Att001 { font-weight: normal; color: #F33; padding: 2px; } .BoxBoshu h4, .BoxBoshu2 h4 { background-image: none; border-left: #F36 10px solid; padding: 3px 0 0 10px; } /*------------各入試方法へのリンク---------------テーマフォルダ/nyushi.phpで使用*/ ul.ListNyushi { margin: 0 0 10px 0; overflow: hidden; } ul.ListNyushi li { background: url("/wp-content/uploads/common/bg_sitemap.gif") no-repeat scroll left center transparent; float: left; margin: 5px 10px 0 0 !important; font-size: 0.9em !important; position: relative; color: #FFF; font-weight: bold; } ul.ListNyushi li a, ul.ListNyushi li .Btn:hover, ul.ListNyushi li .Btn:visited { text-decoration: none; display: block; padding: 10px 10px 4px 40px; width: 340px; } ul.ListNyushi li span { font-size: 0.8em; } /*-----------------学費サポート------------------※*/ .Gsupport_imdex { background: rgba(249, 183, 184, 0.3); padding: 0.5rem 0 0 0.5rem; border: 2px solid #FF5B5D; } .Gsupport_imdex span { font-size: 1.2rem; font-weight: bold; } .Gsupport_imdex a, .Gsupport_imdex .Btn:hover, .Gsupport_imdex .Btn:visited { text-decoration: none; } .Gsupport_imdex .Spt_ttl { font-weight: bold; margin: 0; color: #555; font-size: 0.75rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gsupport_imdex .Spt_ttl { font-size: 0.8rem; } } .Gsupport_imdex .Spt_ttl::before { content: "\f14a"; padding-right: 0.2rem; color: #FF5B5D; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 1rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gsupport_imdex .Spt_ttl::before { font-size: 1.1rem; } } /*---------------------学科紹介------------------------------------*/ /*-----------------ここから------------------※*/ .NewsBox ul.tab { overflow: hidden; padding: 0; margin: 0 0 10px; } .NewsBox ul.tab li { margin: 0 !important; padding: 0 !important; float: left; position: relative; display: inline; zoom: 1; list-style: inside none !important; } .NewsBox ul.tab li a, .NewsBox ul.tab li .Btn:hover, .NewsBox ul.tab li .Btn:visited { display: block; outline: none; padding: 10px 5px; margin-right: 3px; width: 120px; text-align: center; color: #FFFFFF; font-weight: bold; text-decoration: none; } .NewsBox ul.NewsBlog li { margin: 0 !important; list-style: inside none !important; border-bottom: #DBDBDB 1px dotted; } /*------------------------------------------保健保育科　ワーク＆スタディ制度--------------------------------------*/ .wands { margin: 20px 0 0; background: url(/wp-content/uploads/gakka/hokenhoiku/yakan/workstudy/line.gif) repeat-x top left; padding: 20px 0; } .wands .left { width: 90px; float: left; } .wands .right { width: 590px; float: left; } .wands .right img.photo { margin: 0 0 15px 20px; float: right; } .merit { background: url(/wp-content/uploads/gakka/workstudy/p002g.jpg) no-repeat top right; } .merit .left { width: 50px; float: left; } .merit .right { float: left; width: 350px; margin-bottom: 20px; } .merit .right h5 { font-size: 100%; color: #4F94CA; font-weight: bold; background: none; margin-top: 0; } /*----------------------------------保健保育科　ワーク＆スタディ制度 2016/07/29--------------------------------------*/ .ws_tbl .ws_name { padding: 1em; text-align: center; vertical-align: middle; background: #FFF6E4; } .ws_tbl .ws_jouken { text-align: center; vertical-align: middle; background: #FFFDF3; } .commonLayout__container .ws_tbl ul li { margin-left: 0; } /*----------------------------------精神保健福祉科　精神保健福祉士とは 2017/01/23 --------------------------------------*/ .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .commonLayout__container .s_about_midashi { border: none; height: 60px; margin-bottom: 0; padding: 27px 0 0 40px; } .commonLayout__container .seishin_about_bgh2 { z-index: 10; background: #F1F7FC; } .s_about_slides-box { margin-left: 0; position: relative; min-height: 450px; padding: 0; } .seishin_about-img01, .seishin_about-img02, .seishin_about-img03, .seishin_about-img04 { background: #3E90D7; margin-left: 0; min-height: 100%; padding: 5%; } .s_about_slides_right img { box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.2); } .message_read { color: #FFF; font-size: 1.3rem; border-bottom: dashed 1px #FFF; padding-bottom: 0.5rem; margin-bottom: 1.3rem; text-align: left; } .message_text { font-size: 0.9rem; color: #FFF; text-align: left; } .message_yomou { text-align: center; font-size: 1.05rem; font-weight: bold; margin-top: 20px; } /*ここからサムネイル*/ .commonLayout__container .seishin_about .thumbnails { width: 100%; padding: 0 60px; margin-top: 20px; } .thumbnails li { float: left; } .commonLayout__container .s_message_thumb_list { display: inline-block; margin: 0 20px 0 0; } .commonLayout__container .s_message_thumb_list:last-child { margin-right: 0; } .commonLayout__container .s_message_thumb_list img:hover { border: #3E90D7 solid 3px; margin: -3px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .commonLayout__container .s_about_h3 { -moz-box-sizing: border-box; box-sizing: border-box; width: 99%; margin: 50px 0 30px 1%; background: #D6E9F9; color: #00296B; font-size: 1.6rem; padding: 12px 0 12px 70px; vertical-align: middle; position: relative; } .commonLayout__container .s_about_h3 img { display: block; position: absolute; top: -10px; left: -10px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15); } .commonLayout__container .feature_seishin h4 { color: #333; font-size: 1.4rem; margin: 25px 0 15px; padding: 0 0 12px; text-align: center; text-shadow: none; background: transparent url("/wp-content/uploads/gakka/2016/seishin/bg_title01.png") repeat-x scroll center bottom; } .feature_seishin .Voice .Left, .teacher_seishin .Voice .Left { width: 200px; float: left; } .feature_seishin .Voice .Right, .teacher_seishin .Voice .Right { width: 725px; float: right; position: relative; background: #EBF4FB; padding: 20px; min-height: 90px; } .commonLayout__container .feature_seishin .Voice .Right h5, .commonLayout__container .teacher_seishin .Voice .Right h5 { padding: 0 0 0 10px !important; border-left: #3E90D7 4px solid; } .commonLayout__container .feature_seishin .Voice .Right:after, .commonLayout__container .teacher_seishin .Voice .Right:after { border-right-color: #EBF4FB; } .commonLayout__container .feature_seishin .data .title { font-weight: bold; padding: 5px; text-align: center; background-color: #D6E9F9; } .commonLayout__container .seishin_about .feature_seishin .data680 { width: 700px; margin: 20px auto 0; } .readmore_seishin .more_list .more_cont { float: left; -moz-box-sizing: border-box; box-sizing: border-box; width: 490px; height: 152px; margin: 0 20px 20px 0; padding: 10px 0 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -js-display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: solid 1px #5AB9F5; } .readmore_seishin .more_list .more_cont:nth-child(2n) { margin-right: 0; } .readmore_seishin .more_list .more_cont .more_cont_inner { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 1rem; width: 100%; display: inline-block; } .readmore_seishin .more_list .more_cont .more_cont_inner a, .readmore_seishin .more_list .more_cont .more_cont_inner .Btn:hover, .readmore_seishin .more_list .more_cont .more_cont_inner .Btn:visited { display: block; text-decoration: none; font-size: 1.2rem; position: relative; padding: 30px 10px; } .readmore_seishin .more_list .more_cont .more_cont_inner p { margin-bottom: 0; } .readmore_seishin .more_list .more_cont .more_cont_inner a::after, .readmore_seishin .more_list .more_cont .more_cont_inner .Btn:hover::after, .readmore_seishin .more_list .more_cont .more_cont_inner .Btn:visited::after { font-family: 'Font Awesome 5 Free'; font-weight: 400; font-size: 1.7rem; color: #3E90D7; position: absolute; top: 50%; right: -10px; content: "\f0da"; width: 20px; height: 40px; margin-top: -20px; } /*-----------------動画用ボックス------------------※*/ .BoxMovie { background: url(/wp-content/uploads/gakka/iryo_new/bg_movie.gif) left top no-repeat #333333 !important; overflow: hidden; padding: 50px 10px 10px; margin: 30px 0 0; } .BoxMovie h4, .BoxMovie p { background-image: none !important; color: #FFF; padding: 0 !important; } .BoxMovie .Box-2 { width: 320px; } /*-----入学までの流れ　社会人向学科のVoiceの中などで使用-----*/ ul.ListNyugaku { margin: 0 0 10px 0; overflow: hidden; } ul.ListNyugaku li { background: #666666; padding: 3px 8px 1px; float: left; margin: 5px 10px 0 0 !important; font-size: 0.75em !important; position: relative; color: #FFF; } ul.ListNyugaku li:not(:last-child):after { content: ' '; height: 0; position: absolute; width: 0; border: 5px solid transparent; border-left-color: #666666; left: 100%; top: 9px; } /*****各学科 姉妹校リンク******************/ .BoxShimai { margin-top: 50px; } .BoxShimai ul { margin: 0; padding: 0; } .BoxShimai li { list-style: inside; font-size: 0.82em; } /*****交通アクセス******************/ dl.list001 dd { margin-bottom: 0.8em; margin-left: 7.5em; } .Box-2.Fukidashi { background: url(/wp-content/uploads/access/bg_box2fukidashi.jpg) no-repeat left top; padding: 15px; width: 300px; } /*オープンキャンパス http://www.ochw.ac.jp/taiken ****************************************************************************************************************/ /*---------- 当日のスケジュールに使用 ------------------*/ ul.ListSche { margin: 0 0 10px 10px; overflow: hidden; } ul.ListSche li { background: #FF8533; padding: 10px 20px 20px; float: left; margin: 5px 10px 0 0 !important; font-size: 0.75em !important; position: relative; color: #FFF; font-weight: bold; } ul.ListSche li:not(:last-child):after { content: ' '; height: 0; position: absolute; width: 0; border: 5px solid transparent; border-left-color: #FF8533; left: 100%; top: 9px; } .Day { font-size: 1.25em; font-weight: bold; padding: 0; margin: 0; _letter-spacing: 0.05em; } .Day span { font-size: 0.7em; } .Day span.Att010 { font-size: 1em; } p.Mbtn { margin: 2px auto 0; } p.Mbtn a, p.Mbtn .Btn:hover, p.Mbtn .Btn:visited { background-color: #4192A5; border-radius: 5px; color: #ffffff; display: block; text-align: center; text-decoration: none; padding: 3%; } .Mbtn a:before, .Mbtn .Btn:hover:before, .Mbtn .Btn:visited:before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 0.5em; color: #FFFFFF; } .Mbtn.down a:before, .Mbtn.down .Btn:hover:before, .Mbtn.down .Btn:visited:before { content: "\f107"; } p.Mbtn.Sub a, p.Mbtn.Sub .Btn:hover, p.Mbtn.Sub .Btn:visited { background-color: #EEE; color: #222; padding: 2% 2% 2% 25%; text-align: left; } .Mbtn.Sub a:before, .Mbtn.Sub .Btn:hover:before, .Mbtn.Sub .Btn:visited:before { color: #222; } p.Mbtn.Pick a, p.Mbtn.Pick .Btn:hover, p.Mbtn.Pick .Btn:visited { background-color: #4192A5; } p.Mbtn.Gray { background-color: #ccc; border-radius: 5px; color: #000; display: block; text-align: center; text-decoration: none; padding: 3%; } .Mbtn.Gray:before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 600; margin-right: 0.5em; color: #000; } /*----------------サソでボタンだけ表示させるパターン---------------*/ /*半分になる時*/ .half .Data.line-2 { width: 49%; float: left; margin: 0 2% 2% 0; } .half .Data.line-2:nth-of-type(2) { margin-right: 0; } /*---------- 高２対象オープンキャンパスページ 2016夏イベント-----------------*/ .Taikenkou2 ul.osusume { text-indent: -1em; padding-left: 1em; color: #019fdb; font-weight: bold; } .Taikenkou2 ul.osusume li:before { content: "★"; color: #fff008; font-size: 1.3em; } .Taikenkou2 ul.tokuten { color: #000; text-indent: -1em; padding-left: 1.3em; } .Taikenkou2 li span.kakomi { color: #019fdb; font-size: 1.2em; padding-right: 0.3em; } .Taikenkou2 li span.yeline { color: #019fdb; background: -webkit-linear-gradient(transparent 50%, #fdfd16 0%); background: linear-gradient(transparent 50%, #fdfd16 0%); font-weight: bold; } .Taikenkou2 .event01 { border: #019fdb 5px solid; margin: 15px 0 30px 0; } .Taikenkou2 .event02 { border: #ff5f7d 5px solid; margin: 30px 0; } .Taikenkou2 .event01 p { color: #ffffff; font-weight: bold; background: #019fdb; padding: 10px; margin-bottom: 10px; font-size: 1.5em; } .Taikenkou2 .event02 p { color: #ffffff; font-weight: bold; background: #ff5f7d; padding: 10px; margin-bottom: 10px; font-size: 1.5em; } .Taikenkou2 .event01 h6 { background-color: #F6F6F6; border-left: #019fdb solid 5px; margin: 1em 5px; padding: 0.5em; font-size: 1em; } .Taikenkou2 .event02 h6 { background-color: #F6F6F6; border-left: #ff5f7d solid 5px; margin: 1em 5px; padding: 0.5em; font-size: 1em; } .Taikenkou2 .btnBox { margin: 10px 0 0; clear: both; } .Taikenkou2 .Data.normal.line-2 { width: 40%; float: left; } .Taikenkou2 p.Mbtn { font-size: 1em; background: none; margin-bottom: 0; } .Taikenkou2 p.Mbtn a, .Taikenkou2 p.Mbtn .Btn:hover, .Taikenkou2 p.Mbtn .Btn:visited { background-color: #FFA700; } /*----------------高２オープンキャンパス 2016.10---------------*/ .Taikenkou2_sp .accordion_box .Box-2 { width: 48%; padding-top: 15px; } .Taikenkou2_sp .accordion_box .Box-2 .event_text { padding-left: 1em; } .Taikenkou2_sp .accordion_box .Box-2 .event_text p.time { font-size: 0.9em; font-weight: bold; margin-top: 0.5em; } .Taikenkou2_sp .accordion_box .Box-2 .event_text p.title { font-size: 1.1em; font-weight: bold; } .Taikenkou2_sp .accordion_box .Box-2 img { width: 60%; } .Taikenkou2_sp #kango_kou2 { background-color: #FFD7D9; } .Taikenkou2_sp #iryo_kou2 { background-color: #fae2ee; } .Taikenkou2_sp #kaigo_kou2 { background-color: #dceecc; } .Taikenkou2_sp #shakai_kou2 { background-color: #FDE4C8; } .Taikenkou2_sp #hoiku_kou2 { background-color: #ffeccc; } .Taikenkou2_sp h6 { background-color: #F6F6F6; border-left: #019fdb solid 5px; padding: 0.5em; font-size: 1em; margin: 0; } /*--------------------------就職実績------------------------------------*/ .linkimg { margin: 10px 0; } .linkimg img { float: left; margin: 0 0 10px 0; } .hidden { display: none; } .NaiteiInterview { padding: 15px; border: #B3DCF2 3px solid; } .NaiteiInterview .right { float: left; width: 150px; margin: 0 20px 20px 0; } .NaiteiInterview .left { float: left; margin: 0 0 20px 0; } .NaiteiInterview h6 { color: #333; } .NaiteiInterview h6 span { font-size: 70%; } .NaiteiInterview ol { list-style-type: decimal; } .NaiteiInterview ol li { font-size: 90%; font-weight: bold; list-style-type: decimal; color: #259BD1; margin-top: 15px; } /*--------------------------トピックス　棒グラフ用------------------------------------*/ .bar, .bar2 { display: block; position: relative; text-align: center; color: #FFFFFF; height: 1.5em; line-height: 1.5em; margin: 2px 0; } .bar span, .bar2 span { position: absolute; left: 1em; } .bar { background: #F66; } .bar2 { background: #56B2E2; } /*--------------海外研修のページ-----------------*/ .balloon-body { position: relative; margin-left: 20px; background-color: #DCF3D1; padding: 20px; } .balloon-triangle { position: absolute; top: 20px; left: -20px; width: 0; height: 0; border-top: 20px solid #DCF3D1; border-left: 20px solid transparent; } .sche_day01 { background: url(/wp-content/uploads/gakkou/schedule/kaigai/day01.gif) repeat-y; margin: 0 0 1px 0; } .sche_day02 { background: url(/wp-content/uploads/gakkou/schedule/kaigai/day02.gif) repeat-y; margin: 0 0 1px 0; } .sche_day03 { background: url(/wp-content/uploads/gakkou/schedule/kaigai/day03.gif) repeat-y; margin: 0 0 1px 0; } .sche_day04 { background: url(/wp-content/uploads/gakkou/schedule/kaigai/day04.gif) repeat-y; margin: 0 0 1px 0; } .sche_day05 { background: url(/wp-content/uploads/gakkou/schedule/kaigai/day05.gif) repeat-y; margin: 0 0 1px 0; } .sche_day06 { background: url(/wp-content/uploads/gakkou/schedule/kaigai/day06.gif) repeat-y; margin: 0 0 1px 0; } .sche_day07 { background: url(/wp-content/uploads/gakkou/schedule/kaigai/day07.gif) repeat-y; margin: 0 0 1px 0; } .sche_day01 .left, .sche_day02 .left, .sche_day03 .left, .sche_day04 .left, .sche_day05 .left, .sche_day06 .left, .sche_day07 .left { width: 50px; padding: 10px; float: left; } .sche_day01 .right, .sche_day02 .right, .sche_day03 .right, .sche_day04 .right, .sche_day05 .right, .sche_day06 .right, .sche_day07 .right { padding: 10px; float: left; } .sche_day01 .right2, .sche_day02 .right2, .sche_day03 .right2, .sche_day04 .right2, .sche_day05 .right2, .sche_day06 .right2, .sche_day07 .right2 { float: right; padding: 10px; width: 350px; } /*------------高校1・2年生の方へ -----------------*/ .commonLayout__container .kou2_h2 { border: none; background: none; padding: 0; margin: 20px 0; } #kou2_2016 .kou2_read { font-size: 1.1rem; line-height: 2; text-align: center; } .commonLayout__container .kou2_h3 { background: #4192A5; color: #FFF; font-size: 1.3em; letter-spacing: 0.05em; padding: 15px 0 15px 15px; margin: 60px 0 40px; } #kou2_2016 .kou2_bubble { margin-bottom: 0; } #kou2_2016 .kou2_Box-1center p { width: 490px; margin: 0 auto; } #kou2_2016 .Box-2 { width: 490px; margin: 0 20px 0 0; } #kou2_2016 .Box-2 .kou2_Font_LLL { font-size: 1.3rem; } #kou2_2016 .Box-2:nth-child(2n) { margin-right: 0; } #kou2_2016 .Voice .Left { width: 200px; float: left; } #kou2_2016 .Voice .Right { width: 725px; float: right; position: relative; background: #FCF0F7; padding: 20px; min-height: 90px; } #kou2_2016 .Voice .Right:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; top: 50px !important; pointer-events: none; } #kou2_2016 .Voice .Right:after { border-color: rgba(255, 255, 255, 0); border-right-color: #FCF0F7; border-width: 10px; top: 50%; margin-top: -10px; } #kou2_2016 .Voice .Right .accordion_head { cursor: pointer; display: block; } #kou2_2016 .accordion_head .kou2_voice_h4 { background: none; font-size: 0.9em; padding: 0 0 0 10px; margin: 0 0 10px; border-left: #E270AF 4px solid; border-top: none; border-bottom: none; border-right: none; } #kou2_2016 .accordion_head .kou2_voice_h5 { color: #E270AF; font-size: 1.3rem; } .commonLayout__container .kou2_Mbtn { display: inline-block; width: 48%; margin: 0 2% 0 0; padding-bottom: 10px; } .commonLayout__container .kou2_Mbtn:nth-child(2n) { margin-right: 0; } #kou2_2016 .Box-2 .kou2_Mbtn a, #kou2_2016 .Box-2 .kou2_Mbtn .Btn:hover, #kou2_2016 .Box-2 .kou2_Mbtn .Btn:visited { background-color: #4192A5; border-radius: 5px; color: #ffffff; text-align: center; text-decoration: none; display: block; padding: 1em; } .commonLayout__container .kou2_Mbtn.w100 { width: 100%; margin: 0 auto; } .kou2_Mbtn a:before, .kou2_Mbtn .Btn:hover:before, .kou2_Mbtn .Btn:visited:before { content: "\f105 "; font-family: 'Font Awesome 5 Free'; font-weight: 600; } .commonLayout__container .kou2_h4 { background: none; border-left: solid 4px #4192A5; margin: 30px 0 20px 0; padding: 10px 0 10px 15px; } #kou2_2016 .kou2_Box_Att02 { background: #D6E9F9; padding-top: 20px; } .kou2_Box-3 { width: 320px; margin: 0 20px 10px 0; float: left; display: inline; } .clearfix .kou2_Box-3:nth-child(3n) { margin-right: 0; } /*------------高校1・2年生の方へ 2018.10.22-----------------*/ .kou2__bg01 { background-color: #fde6e0; padding: 2rem; clear: both; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2__bg01 { padding: 1rem; } } .kou2__bg02 { background-color: #ffffd7; padding: 2rem; clear: both; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2__bg02 { padding: 1rem; } } .kou2__schedule-child { width: 18%; margin-right: 2%; float: left; position: relative; display: inline-block; background: #FFF; border: solid 3px #555; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; padding: .5rem 1rem; height: 180px; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2__schedule-child { width: 100%; margin-right: 0; height: 110px; margin-bottom: 8%; } } .kou2__schedule-lastchild { width: 18%; margin-right: 0; float: left; position: relative; display: inline-block; background: #FFF; border: solid 3px #555; text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; padding: .5rem 1rem; height: 180px; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2__schedule-lastchild { width: 100%; margin-right: 0; height: 110px; margin-bottom: 0; } } .kou2__schedule-child:before { content: ""; position: absolute; top: 50%; right: -24px; margin-top: -12px; border: 12px solid transparent; border-left: 12px solid #FFF; z-index: 2; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2__schedule-child:before { right: 50%; top: 118px; border-left: none; margin-top: -15px; border: 12px solid transparent; border-top: 12px solid #FFF; } } .kou2__schedule-child:after { content: ""; position: absolute; top: 50%; right: -30px; margin-top: -14px; border: 14px solid transparent; border-left: 14px solid #555; z-index: 1; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2__schedule-child:after { right: 49.5%; top: 119px; border-left: none; border: 14px solid transparent; border-top: 14px solid #555; } } .kou2__schedule-time { background-color: #f05a24; text-align: center; padding: .5rem; color: #fff; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2__schedule-time { margin-top: 0; } } .kou2__oc-matome { border: solid 3px #f05a24; background-color: #fff; text-align: center; font-size: 2.2em; font-weight: 600; padding: 2rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2__oc-matome { padding: 1rem; font-size: 1.4em; } } .kou2_voice_img { float: left; } .kou2_voice_parson { float: right; position: relative; display: inline-block; padding: 1rem; color: #fff; background: #f05a24; width: 50%; margin-top: 5rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2_voice_parson { float: none; width: 100%; margin-top: 1rem; } } .kou2_voice_parson:before { content: ""; position: absolute; top: 50%; left: -30px; margin-top: -15px; border: 15px solid transparent; border-right: 15px solid #f05a24; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2_voice_parson:before { border: none; } } .kou2_voice_Q { position: relative; display: block; padding: 2rem; padding-left: 5.5rem; margin-top: 3rem; min-width: 120px; max-width: 100%; color: #555; font-size: 150%; background: #fff; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2_voice_Q { padding: 2rem 1rem; padding-left: 4rem; margin-top: 2rem; } } .kou2_voice_Q:before { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -15px; border: 15px solid transparent; border-left: 15px solid #fff; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2_voice_Q:before { border: none; } } .kou2_voice_Q:after { content: ""; position: absolute; background: url("/wp-content/uploads/navi/kou2/2018/icon_faq.png"); background-repeat: no-repeat; top: .8rem; left: 1rem; width: 100%; height: 100%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2_voice_Q:after { background-size: 10%; top: 1.5rem; left: .8rem; } } .kou2_voice_A { width: 70%; float: right; position: relative; display: inline-block; margin: 0 0 1.5em 15px; padding: 1rem; background: #FFF; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2_voice_A { float: none; width: 100%; margin-top: 1rem; margin-left: 0; } } .kou2_voice_A:before { content: ""; position: absolute; top: 50%; left: -30px; margin-top: -15px; border: 15px solid transparent; border-right: 15px solid #fff; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2_voice_A:before { border: none; } } .kou2_voice_name { background: none; font-size: 0.9em; padding: 0 0 0 10px; margin: 0 0 10px; border-left: #f05a24 4px solid; border-top: none; border-bottom: none; border-right: none; } .kou2_voice_AA { width: 50%; float: right; position: relative; display: inline-block; margin: 0 0 1.5em 15px; padding: 1rem; background: #FFF; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2_voice_AA { float: none; width: 100%; margin-top: 1rem; margin-left: 0; } } .kou2_voice_AA:before { content: ""; position: absolute; top: 50%; left: -30px; margin-top: -15px; border: 15px solid transparent; border-right: 15px solid #fff; /*全スマホ*/ } @media only screen and (max-width: 40em) { .kou2_voice_AA:before { border: none; } } .kou2__gakka { padding: 0 .5rem; margin-top: .5rem; } .kou2__gakka a, .kou2__gakka .Btn:hover, .kou2__gakka .Btn:visited { color: #fff; text-decoration: none; } /*-----------SNSアカウント一覧---------------------*/ .snsBox { margin: 10px 0; padding: 10px 0; border-bottom: 1px #ccc dotted; } .snsBox h5 { background: none; font-size: 100%; font-weight: bold; padding: 0; margin: 0; color: #333; margin-bottom: 5px; letter-spacing: 0; } .snsl { float: left; width: 130px; } .snsr { float: left; width: 550px; } p.snslink a, p.snslink .Btn:hover, p.snslink .Btn:visited { text-decoration: none; float: right; } /*****交通アクセス ******************/ #Access ul.tab li a, #Access ul.tab li .Btn:hover, #Access ul.tab li .Btn:visited { display: block; background-repeat: no-repeat; outline: none; text-indent: -9999px; } #Access ul.tab li a.t01, #Access ul.tab li .t01.Btn:hover, #Access ul.tab li .t01.Btn:visited { width: 160px; height: 45px; background: url(../../images/img/access/tab_001.png) no-repeat 0 0; } #Access ul.tab li a.t02, #Access ul.tab li .t02.Btn:hover, #Access ul.tab li .t02.Btn:visited { width: 160px; height: 45px; background: url(../../images/img/access/tab_002.png) no-repeat 0 0; } #Access ul.tab li a.t03, #Access ul.tab li .t03.Btn:hover, #Access ul.tab li .t03.Btn:visited { height: 45px; background: url(../../images/img/access/tab_003.png) no-repeat 0 0; } #Access ul.tab li a.t04, #Access ul.tab li .t04.Btn:hover, #Access ul.tab li .t04.Btn:visited { width: 160px; height: 45px; background: url(../../images/img/access/tab_004.png) no-repeat 0 0; } #Access ul.tab li a.on, #Access ul.tab li .on.Btn:hover, #Access ul.tab li .on.Btn:visited, #Access ul.tab li a:hover, #Access ul.tab li .Btn:hover { background-position: 0 bottom; } /* Gakka2020 2020/03 学科紹介 ****************************************************** */ /*----- 学科メイン ------*/ .Gakka__main, .Gakka__main .Gakka__main_text--yakan, .Gakka__main--yakan .Gakka__main_text--yakan, .Gakka__main--yakan { width: 1000px; max-width: 100%; margin: 0 auto; position: relative; /*全スマホ*/ /*他学科ページへリンク用*/ /*.Gakka__link{ @include media-sp{clear: both; margin-top: 15.5rem;} } */ } @media only screen and (max-width: 40em) { .Gakka__main, .Gakka__main .Gakka__main_text--yakan, .Gakka__main--yakan .Gakka__main_text--yakan, .Gakka__main--yakan { width: 100%; } } .Gakka__main .Gakka__mainImg, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg, .Gakka__main--yakan .Gakka__mainImg { position: relative; margin-top: 5rem; /*全スマホ*/ } .Gakka__main .Gakka__mainImg .Gakka_OC_Link, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--02, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--02, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--02 { position: absolute; bottom: -6rem; right: -1.5rem; background: rgba(255, 235, 77, 0.9); border-radius: 50%; width: 10rem; height: 10rem; color: #333; padding: 0.5rem 1.5rem; text-align: center; font-size: 1rem; line-height: 1.3; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; z-index: 3; letter-spacing: 0.8; border: 2px solid #fff; /*全スマホ*/ } .Gakka__main .Gakka__mainImg .Gakka_OC_Link > i, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link > i, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--yakan > i, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--yakan > i, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--02 > i, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--02 > i, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link > i, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--yakan > i, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--02 > i { line-height: 1.5; font-size: 1.8rem; } @media only screen and (max-width: 40em) { .Gakka__main .Gakka__mainImg .Gakka_OC_Link, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--02, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--02, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--02 { width: 8rem; height: 8rem; bottom: -1.5rem; right: -1.5%; font-size: 0.8rem; padding: 0.75rem 0; } .Gakka__main .Gakka__mainImg .Gakka_OC_Link > i, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link > i, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--yakan > i, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--yakan > i, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--02 > i, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--02 > i, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link > i, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--yakan > i, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--02 > i { line-height: 1.35; } .Gakka__main .Gakka__mainImg .Gakka_OC_Link > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link > span, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--yakan > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--yakan > span, .Gakka__main .Gakka__mainImg .Gakka_OC_Link--02 > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--02 > span, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link > span, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--yakan > span, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--02 > span { font-weight: bold; line-height: 1.7; } } .Gakka__main .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--yakan { padding: 1.5rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__main .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--yakan, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--yakan { padding: 1.25rem 0.5rem; font-size: 0.95rem; } } .Gakka__main .Gakka__mainImg .Gakka_OC_Link--02, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--02, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--02 { right: 9rem; background: rgba(153, 208, 255, 0.9); border-radius: 50%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__main .Gakka__mainImg .Gakka_OC_Link--02, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka_OC_Link--02, .Gakka__main--yakan .Gakka__mainImg .Gakka_OC_Link--02 { right: 8rem; font-size: 0.7rem; } } .Gakka__main .Gakka__mainImg .Gakka__Name, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka__Name, .Gakka__main--yakan .Gakka__mainImg .Gakka__Name { font-size: 1.5rem; line-height: 1.1; letter-spacing: 0.2rem; font-family: "M PLUS 2", sans-serif; font-weight: 500; position: absolute; top: -5rem; width: 100%; margin: 0 auto; /*全スマホ*/ } .Gakka__main .Gakka__mainImg .Gakka__Name span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka__Name span, .Gakka__main--yakan .Gakka__mainImg .Gakka__Name span { color: #222222; font-size: 0.9rem; display: inline-block; border-bottom: 2px solid #000; padding-bottom: 0.3rem; letter-spacing: 0; font-weight: normal; } @media only screen and (max-width: 40em) { .Gakka__main .Gakka__mainImg .Gakka__Name, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka__Name, .Gakka__main--yakan .Gakka__mainImg .Gakka__Name { position: absolute; top: 1rem; } } .Gakka__main .Gakka__mainImg .Gakka__Name span.senko, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg .Gakka__Name span.senko, .Gakka__main--yakan .Gakka__mainImg .Gakka__Name span.senko { border: none; font-size: 0.8rem; } @media only screen and (max-width: 40em) { .Gakka__main .Gakka__mainImg, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__mainImg, .Gakka__main--yakan .Gakka__mainImg { margin-top: 1rem; } } .Gakka__main .Gakka__catch, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch, .Gakka__main .Gakka__catch--kango, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kango, .Gakka__main .Gakka__catch--kaigo, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kaigo, .Gakka__main .Gakka__catch--shakai, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--shakai, .Gakka__main .Gakka__catch--hoiku, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoiku, .Gakka__main .Gakka__catch--hoikuyakan, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoikuyakan, .Gakka__main .Gakka__catch--seishin, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--seishin, .Gakka__main .Gakka__catch--syafukusenko, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--syafukusenko, .Gakka__main--yakan .Gakka__catch, .Gakka__main--yakan .Gakka__catch--kango, .Gakka__main--yakan .Gakka__catch--kaigo, .Gakka__main--yakan .Gakka__catch--shakai, .Gakka__main--yakan .Gakka__catch--hoiku, .Gakka__main--yakan .Gakka__catch--hoikuyakan, .Gakka__main--yakan .Gakka__catch--seishin, .Gakka__main--yakan .Gakka__catch--syafukusenko { font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; letter-spacing: 0.2rem; margin-bottom: 2rem; margin-top: 1rem; padding-left: 0.5rem; font-weight: normal; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; z-index: 2; /*全スマホ*/ } .Gakka__main .Gakka__catch > span, .Gakka__main .Gakka__main_text--yakan .Gakka__catch > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch > span, .Gakka__main .Gakka__catch--kango > span, .Gakka__main .Gakka__main_text--yakan .Gakka__catch--kango > span, .Gakka__main .Gakka__main--yakan .Gakka__catch--kango > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kango > span, .Gakka__main .Gakka__catch--kaigo > span, .Gakka__main .Gakka__main_text--yakan .Gakka__catch--kaigo > span, .Gakka__main .Gakka__main--yakan .Gakka__catch--kaigo > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kaigo > span, .Gakka__main .Gakka__catch--shakai > span, .Gakka__main .Gakka__main_text--yakan .Gakka__catch--shakai > span, .Gakka__main .Gakka__main--yakan .Gakka__catch--shakai > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--shakai > span, .Gakka__main .Gakka__catch--hoiku > span, .Gakka__main .Gakka__main_text--yakan .Gakka__catch--hoiku > span, .Gakka__main .Gakka__main--yakan .Gakka__catch--hoiku > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoiku > span, .Gakka__main .Gakka__catch--hoikuyakan > span, .Gakka__main .Gakka__main_text--yakan .Gakka__catch--hoikuyakan > span, .Gakka__main .Gakka__main--yakan .Gakka__catch--hoikuyakan > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoikuyakan > span, .Gakka__main .Gakka__catch--seishin > span, .Gakka__main .Gakka__main_text--yakan .Gakka__catch--seishin > span, .Gakka__main .Gakka__main--yakan .Gakka__catch--seishin > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--seishin > span, .Gakka__main .Gakka__catch--syafukusenko > span, .Gakka__main .Gakka__main_text--yakan .Gakka__catch--syafukusenko > span, .Gakka__main .Gakka__main--yakan .Gakka__catch--syafukusenko > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--syafukusenko > span, .Gakka__main--yakan .Gakka__catch > span, .Gakka__main--yakan .Gakka__main .Gakka__catch--kango > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kango > span, .Gakka__main--yakan .Gakka__catch--kango > span, .Gakka__main--yakan .Gakka__main .Gakka__catch--kaigo > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kaigo > span, .Gakka__main--yakan .Gakka__catch--kaigo > span, .Gakka__main--yakan .Gakka__main .Gakka__catch--shakai > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--shakai > span, .Gakka__main--yakan .Gakka__catch--shakai > span, .Gakka__main--yakan .Gakka__main .Gakka__catch--hoiku > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoiku > span, .Gakka__main--yakan .Gakka__catch--hoiku > span, .Gakka__main--yakan .Gakka__main .Gakka__catch--hoikuyakan > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoikuyakan > span, .Gakka__main--yakan .Gakka__catch--hoikuyakan > span, .Gakka__main--yakan .Gakka__main .Gakka__catch--seishin > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--seishin > span, .Gakka__main--yakan .Gakka__catch--seishin > span, .Gakka__main--yakan .Gakka__main .Gakka__catch--syafukusenko > span, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--syafukusenko > span, .Gakka__main--yakan .Gakka__catch--syafukusenko > span { font-size: 0.85rem; color: #222222; } @media only screen and (max-width: 40em) { .Gakka__main .Gakka__catch, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch, .Gakka__main .Gakka__catch--kango, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kango, .Gakka__main .Gakka__catch--kaigo, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kaigo, .Gakka__main .Gakka__catch--shakai, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--shakai, .Gakka__main .Gakka__catch--hoiku, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoiku, .Gakka__main .Gakka__catch--hoikuyakan, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoikuyakan, .Gakka__main .Gakka__catch--seishin, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--seishin, .Gakka__main .Gakka__catch--syafukusenko, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--syafukusenko, .Gakka__main--yakan .Gakka__catch, .Gakka__main--yakan .Gakka__catch--kango, .Gakka__main--yakan .Gakka__catch--kaigo, .Gakka__main--yakan .Gakka__catch--shakai, .Gakka__main--yakan .Gakka__catch--hoiku, .Gakka__main--yakan .Gakka__catch--hoikuyakan, .Gakka__main--yakan .Gakka__catch--seishin, .Gakka__main--yakan .Gakka__catch--syafukusenko { font-size: 1.25rem; 　font-weight: bold; margin-top: 1.5rem; } } .Gakka__main .Gakka__catch::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch::before, .Gakka__main .Gakka__catch--kango::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kango::before, .Gakka__main .Gakka__catch--kaigo::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kaigo::before, .Gakka__main .Gakka__catch--shakai::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--shakai::before, .Gakka__main .Gakka__catch--hoiku::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoiku::before, .Gakka__main .Gakka__catch--hoikuyakan::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoikuyakan::before, .Gakka__main .Gakka__catch--seishin::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--seishin::before, .Gakka__main .Gakka__catch--syafukusenko::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--syafukusenko::before, .Gakka__main--yakan .Gakka__catch::before, .Gakka__main--yakan .Gakka__catch--kango::before, .Gakka__main--yakan .Gakka__catch--kaigo::before, .Gakka__main--yakan .Gakka__catch--shakai::before, .Gakka__main--yakan .Gakka__catch--hoiku::before, .Gakka__main--yakan .Gakka__catch--hoikuyakan::before, .Gakka__main--yakan .Gakka__catch--seishin::before, .Gakka__main--yakan .Gakka__catch--syafukusenko::before { position: absolute; top: -3rem; left: -1.5rem; content: ''; border: 4rem solid #ccc; width: 0; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__main .Gakka__catch::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch::before, .Gakka__main .Gakka__catch--kango::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kango::before, .Gakka__main .Gakka__catch--kaigo::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kaigo::before, .Gakka__main .Gakka__catch--shakai::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--shakai::before, .Gakka__main .Gakka__catch--hoiku::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoiku::before, .Gakka__main .Gakka__catch--hoikuyakan::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoikuyakan::before, .Gakka__main .Gakka__catch--seishin::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--seishin::before, .Gakka__main .Gakka__catch--syafukusenko::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--syafukusenko::before, .Gakka__main--yakan .Gakka__catch::before, .Gakka__main--yakan .Gakka__catch--kango::before, .Gakka__main--yakan .Gakka__catch--kaigo::before, .Gakka__main--yakan .Gakka__catch--shakai::before, .Gakka__main--yakan .Gakka__catch--hoiku::before, .Gakka__main--yakan .Gakka__catch--hoikuyakan::before, .Gakka__main--yakan .Gakka__catch--seishin::before, .Gakka__main--yakan .Gakka__catch--syafukusenko::before { top: -3rem; left: -2%; } } .Gakka__main .Gakka__catch--kango::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kango::before, .Gakka__main--yakan .Gakka__catch--kango::before { border: 4rem solid rgba(244, 133, 148, 0.2); } .Gakka__main .Gakka__catch--kaigo::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--kaigo::before, .Gakka__main--yakan .Gakka__catch--kaigo::before { border: 4rem solid rgba(111, 186, 44, 0.2); } .Gakka__main .Gakka__catch--shakai::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--shakai::before, .Gakka__main--yakan .Gakka__catch--shakai::before { border: 4rem solid rgba(238, 121, 81, 0.2); } .Gakka__main .Gakka__catch--hoiku::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoiku::before, .Gakka__main--yakan .Gakka__catch--hoiku::before { border: 4rem solid rgba(245, 162, 0, 0.2); } .Gakka__main .Gakka__catch--hoikuyakan::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--hoikuyakan::before, .Gakka__main--yakan .Gakka__catch--hoikuyakan::before { border: 4rem solid rgba(130, 193, 234, 0.2); } .Gakka__main .Gakka__catch--seishin::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--seishin::before, .Gakka__main--yakan .Gakka__catch--seishin::before { border: 4rem solid rgba(43, 138, 223, 0.2); } .Gakka__main .Gakka__catch--syafukusenko::before, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__catch--syafukusenko::before, .Gakka__main--yakan .Gakka__catch--syafukusenko::before { border: 4rem solid rgba(237, 121, 81, 0.2); } .Gakka__main .Gakka__main_text, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__main_text, .Gakka__main--yakan .Gakka__main_text { padding: 0 3rem; line-height: 1.6; position: absolute; right: 0; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__main .Gakka__main_text, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__main_text, .Gakka__main--yakan .Gakka__main_text { left: 0; padding: 0.5rem; line-height: 1.5; } } .Gakka__main .Gakka__main_text--yakan, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__main_text--yakan, .Gakka__main--yakan .Gakka__main_text--yakan { margin-bottom: 3rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__main .Gakka__main_text--yakan, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka__main_text--yakan, .Gakka__main--yakan .Gakka__main_text--yakan { margin-bottom: 0; } } .Gakka__main .Gakka_Point_Icon--wrap, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka_Point_Icon--wrap, .Gakka__main--yakan .Gakka_Point_Icon--wrap { position: absolute; top: 1.5rem; right: 1rem; width: 8rem; /*全スマホ*/ } .Gakka__main .Gakka_Point_Icon--wrap img, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka_Point_Icon--wrap img, .Gakka__main--yakan .Gakka_Point_Icon--wrap img { margin-bottom: 1rem; } @media only screen and (max-width: 40em) { .Gakka__main .Gakka_Point_Icon--wrap, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka_Point_Icon--wrap, .Gakka__main--yakan .Gakka_Point_Icon--wrap { width: 30%; top: 6rem; right: .5rem; } } .Gakka__main .Gakka_Point_Icon--wrap img, .Gakka__main--yakan .Gakka__main_text--yakan .Gakka_Point_Icon--wrap img, .Gakka__main--yakan .Gakka_Point_Icon--wrap img { margin-bottom: .5rem; } /*----- 各項目タイトルの上付きキャッチ ------*/ .Gakka__ttl_sup, .Gakka__ttl_sup--kango, .Gakka__ttl_sup--kaigo, .Gakka__ttl_sup--shakai, .Gakka__ttl_sup--hoiku, .Gakka__ttl_sup--hoikuyakan, .Gakka__ttl_sup--seishin, .Gakka__ttl_sup--syafukusenko { position: relative; font-size: 1.2rem; letter-spacing: 0.2rem; color: #222222; font-weight: bold; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; font-family: "Noto Sans JP", sans-serif; font-weight: 500; } .Gakka__ttl_sup::before, .Gakka__ttl_sup--kango::before, .Gakka__ttl_sup--kaigo::before, .Gakka__ttl_sup--shakai::before, .Gakka__ttl_sup--hoiku::before, .Gakka__ttl_sup--hoikuyakan::before, .Gakka__ttl_sup--seishin::before, .Gakka__ttl_sup--syafukusenko::before { position: absolute; top: -2.5rem; left: -1rem; content: ''; border: 3.5rem solid #ccc; width: 0; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__ttl_sup::before, .Gakka__ttl_sup--kango::before, .Gakka__ttl_sup--kaigo::before, .Gakka__ttl_sup--shakai::before, .Gakka__ttl_sup--hoiku::before, .Gakka__ttl_sup--hoikuyakan::before, .Gakka__ttl_sup--seishin::before, .Gakka__ttl_sup--syafukusenko::before { position: absolute; top: -2rem; left: -1rem; content: ''; border: 3.5rem solid #ccc; width: 0; } } .Gakka__ttl_sup--kango::before { border-color: rgba(244, 133, 148, 0.2); } .Gakka__ttl_sup--kaigo::before { border-color: rgba(111, 186, 44, 0.2); } .Gakka__ttl_sup--shakai::before { border-color: rgba(238, 121, 81, 0.2); } .Gakka__ttl_sup--hoiku::before { border-color: rgba(245, 162, 0, 0.2); } .Gakka__ttl_sup--hoikuyakan::before { border-color: rgba(130, 193, 234, 0.2); } .Gakka__ttl_sup--seishin::before { border-color: rgba(43, 138, 223, 0.2); } .Gakka__ttl_sup--syafukusenko::before { border-color: rgba(237, 121, 81, 0.2); } /*----- 上付きキャッチ ２ndレベル ------*/ .Gakka__ttl_sup-2nd, .Gakka__ttl_sup-2nd--kango, .Gakka__ttl_sup-2nd--kaigo, .Gakka__ttl_sup-2nd--shakai, .Gakka__ttl_sup-2nd--hoiku, .Gakka__ttl_sup-2nd--hoikuyakan, .Gakka__ttl_sup-2nd--seishin, .Gakka__ttl_sup-2nd--syafukusenko { position: relative; font-size: 1.1rem; letter-spacing: 0.2rem; color: #222222; font-weight: bold; padding-left: 1rem; z-index: 0; font-family: "Noto Sans JP", sans-serif; font-weight: 500; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__ttl_sup-2nd, .Gakka__ttl_sup-2nd--kango, .Gakka__ttl_sup-2nd--kaigo, .Gakka__ttl_sup-2nd--shakai, .Gakka__ttl_sup-2nd--hoiku, .Gakka__ttl_sup-2nd--hoikuyakan, .Gakka__ttl_sup-2nd--seishin, .Gakka__ttl_sup-2nd--syafukusenko { padding-left: 0.5rem; } } .Gakka__ttl_sup-2nd::before, .Gakka__ttl_sup-2nd--kango::before, .Gakka__ttl_sup-2nd--kaigo::before, .Gakka__ttl_sup-2nd--shakai::before, .Gakka__ttl_sup-2nd--hoiku::before, .Gakka__ttl_sup-2nd--hoikuyakan::before, .Gakka__ttl_sup-2nd--seishin::before, .Gakka__ttl_sup-2nd--syafukusenko::before { position: absolute; top: -1.25rem; left: -0; content: ''; border: 3rem solid #ccc; width: 0; z-index: -1; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__ttl_sup-2nd::before, .Gakka__ttl_sup-2nd--kango::before, .Gakka__ttl_sup-2nd--kaigo::before, .Gakka__ttl_sup-2nd--shakai::before, .Gakka__ttl_sup-2nd--hoiku::before, .Gakka__ttl_sup-2nd--hoikuyakan::before, .Gakka__ttl_sup-2nd--seishin::before, .Gakka__ttl_sup-2nd--syafukusenko::before { position: absolute; top: -1rem; left: -1rem; content: ''; border: 3rem solid #ccc; width: 0; } } .Gakka__ttl_sup-2nd--kango::before { border-color: rgba(244, 133, 148, 0.3); } .Gakka__ttl_sup-2nd--kaigo::before { border-color: rgba(111, 186, 44, 0.7); } .Gakka__ttl_sup-2nd--shakai::before { border-color: rgba(238, 121, 81, 0.6); } .Gakka__ttl_sup-2nd--hoiku::before { border-color: rgba(245, 162, 0, 0.4); } .Gakka__ttl_sup-2nd--hoikuyakan::before { border-color: rgba(130, 193, 234, 0.3); } .Gakka__ttl_sup-2nd--seishin::before { border-color: rgba(43, 138, 223, 0.3); } .Gakka__ttl_sup-2nd--syafukusenko::before { border-color: rgba(237, 121, 81, 0.3); } .Gakka__ttl_sup-2nd span, .Gakka__ttl_sup-2nd--kango span, .Gakka__ttl_sup-2nd--kaigo span, .Gakka__ttl_sup-2nd--shakai span, .Gakka__ttl_sup-2nd--hoiku span, .Gakka__ttl_sup-2nd--hoikuyakan span, .Gakka__ttl_sup-2nd--seishin span, .Gakka__ttl_sup-2nd--syafukusenko span { font-size: 0.8rem; font-weight: normal; letter-spacing: 0.05rem; } .Pont_Top_wrap { position: relative; } .Pont_Topttl_wrap { position: absolute; background: rgba(255, 255, 255, 0.9); right: 3%; bottom: 5%; padding: 3%; width: 60%; } .Pont_Topttl_wrap--02 { position: absolute; background: rgba(255, 255, 255, 0.9); left: 3%; bottom: 5%; padding: 3%; width: 60%; } .Pont_TextBox { position: relative; } .Pont_Text { /*PC*/ /*全スマホ*/ } @media all and (min-width: 40em) { .Pont_Text { position: absolute; top: 3rem; font-size: 0.9rem; padding: 2.5rem 0.5rem 2.5rem 1rem; border-bottom: 2px dashed #777777; border-top: 2px dashed #777777; width: 100%; } } @media only screen and (max-width: 40em) { .Pont_Text { position: relative; border-top: 1px dashed #777777; padding-top: 1rem; font-size: 1rem; } } /*----- 学科こだわりポイント ------*/ .Gakka__Point { /*.Gakka__Point01 { .card__2{ img {width: 100%;} .bg_point{padding-top: 3rem; @include media-sp{width: 60%; margin-top: -1rem; padding-top: 0;} } &:first-child{margin-left: -1.5rem; @include media-sp{display: none;}} &:last-child{margin-left: 1.5rem; @include media-sp{margin-left: 0;}} } } */ /*.Gakka__Point01-Bottom{ position: relative; @include media-sp{ background:none; padding-bottom: 2rem; h4{ font-size: 1rem; position: absolute; left:20%; top: 1.5rem; } } @include media-pc{ background: rgba($bg-color,0.2); padding: 1rem 0 3rem; } &--kango{@extend .Gakka__Point01-Bottom; @include media-pc{background:rgba($gakka-color__kango,0.2);} } &--kaigo{@extend .Gakka__Point01-Bottom; @include media-pc{background:rgba($gakka-color__kaigo,0.2);} } &--shakai{@extend .Gakka__Point01-Bottom; @include media-pc{background:rgba($gakka-color__syakai,0.2);} } &--hoiku{@extend .Gakka__Point01-Bottom; @include media-pc{background:rgba($gakka-color__hoiku,0.1);}} &--hoikuyakan{@extend .Gakka__Point01-Bottom; @include media-pc{background:rgba($gakka-color__hoikuyakan,0.2);}} &--seishin{@extend .Gakka__Point01-Bottom; @include media-pc{background:rgba($gakka-color__seishin,0.2);} } &--syafukusenko{@extend .Gakka__Point01-Bottom; @include media-pc{background:rgba($gakka-color__syafukusenko,0.2);}} }*/ /*.Gakka__Point02-03{ @include media-pc{ margin-top: 1rem; padding-bottom: 4rem; .Gakka__Point-number{margin-top: 2.5rem;} } }*/ /* @include media-sp{ .Gakka__Point02{ padding-bottom: 2rem; .Gakka__Point-text{ position: relative; h4{ font-size: 1rem; position: absolute; left:20%; top: -3.5rem; } } } .Gakka__Point03{ .Gakka__Point-text{ position: relative; h4{ font-size: 1rem; position: absolute; left:20%; top: -0.25rem; } } } } */ /* &::after{ @include media-pc{ position: absolute; bottom: 2rem; content: ''; background:rgba(46,137,223,0.1); width: 100%; height: 15rem; z-index: -999; } } */ /*&--hoiku{&::after{background:rgba($point-color2,0.15);} margin-top: 18rem; @include media-sp{ margin-top: 25rem;}}*/ } .Gakka__Point h4 { letter-spacing: 0.15rem; margin-top: 0; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 1.1rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__Point h4 { font-size: 1.1rem; } } .Gakka__Point .Gakka__Point_wrap, .Gakka__Point .Gakka__Point_wrap--kango, .Gakka__Point .Gakka__Point_wrap--kaigo, .Gakka__Point .Gakka__Point_wrap--shakai, .Gakka__Point .Gakka__Point_wrap--hoiku, .Gakka__Point .Gakka__Point_wrap--hoikuyakan, .Gakka__Point .Gakka__Point_wrap--seishin, .Gakka__Point .Gakka__Point_wrap--syafukusenko { background: #fff; padding: 1rem; margin-bottom: 1.5rem; background: #fff; border-bottom: 2px dotted #000; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__Point .Gakka__Point_wrap, .Gakka__Point .Gakka__Point_wrap--kango, .Gakka__Point .Gakka__Point_wrap--kaigo, .Gakka__Point .Gakka__Point_wrap--shakai, .Gakka__Point .Gakka__Point_wrap--hoiku, .Gakka__Point .Gakka__Point_wrap--hoikuyakan, .Gakka__Point .Gakka__Point_wrap--seishin, .Gakka__Point .Gakka__Point_wrap--syafukusenko { padding: 0 0 2rem 0; background: rgba(254, 242, 244, 0.2); } } .Gakka__Point .Gakka__Point_wrap--kango { border-bottom: 2px dotted #f48594; } .Gakka__Point .Gakka__Point_wrap--kaigo { border-bottom: 2px dotted #6fba2c; } .Gakka__Point .Gakka__Point_wrap--shakai { border-bottom: 2px dotted #ee7951; } .Gakka__Point .Gakka__Point_wrap--hoiku { border-bottom: 2px dotted #f5a200; } .Gakka__Point .Gakka__Point_wrap--hoikuyakan { border-bottom: 2px dotted #82c1ea; } .Gakka__Point .Gakka__Point_wrap--seishin { border-bottom: 2px dotted #2b8adf; } .Gakka__Point .Gakka__Point_wrap--syafukusenko { border-bottom: 2px dotted #ed7951; } .Gakka__Point .Gakka__Point-number { width: 23%; /*PC*/ } @media all and (min-width: 40em) { .Gakka__Point .Gakka__Point-number { margin-top: -3rem; } } .Gakka__Point .Gakka__Point_choice li { background: rgba(65, 146, 165, 0.8); color: #fff; padding: 0.3rem; margin: 0.2rem; display: inline-block; } .Gakka__Point iframe { /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__Point iframe { width: 100%; max-height: 200px; } } .Gakka__Point--kango { /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__Point--kango { padding-top: 1rem; } } .Gakka__Point--kaigo { /*PC*/ } @media all and (min-width: 40em) { .Gakka__Point--kaigo iframe { margin-top: 3rem; } } .Gakka__Point--shakai { padding-top: 5rem; /*全スマホ*/ } .Gakka__Point--shakai::after { background: rgba(255, 212, 0, 0.2); bottom: -1rem; } .Gakka__Point--shakai .Gakka__Point02-03 { padding-bottom: 3rem; } @media only screen and (max-width: 40em) { .Gakka__Point--shakai { padding-top: 7rem; } .Gakka__Point--shakai .Gakka__Point02-03 { padding-bottom: 0; } .Gakka__Point--shakai .Gakka__Point03 { padding-top: 2rem; } .Gakka__Point--shakai .Gakka__Point03 h4 { margin-top: -3.5rem; } } .Gakka__Point--hoikuyakan { /*全スマホ*/ } .Gakka__Point--hoikuyakan .Gakka__Point01-Bottom { padding-bottom: 0; } @media only screen and (max-width: 40em) { .Gakka__Point--hoikuyakan { padding-bottom: 0; } } .Gakka__Point--syafukusenko .Gakka__Point-number, .Gakka__Point--seishin .Gakka__Point-number { width: 8%; padding-right: 1rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka__Point--syafukusenko .Gakka__Point-number, .Gakka__Point--seishin .Gakka__Point-number { width: 17%; display: block; padding-bottom: 0.5rem; } } /*介護福祉科の専攻選択*/ /* .Kaigo_Senko-Box{ position: relative; margin-top: 2rem; z-index: 12; margin-bottom: 0.5rem; @include media-sp{margin-bottom: 0.5rem; padding-bottom:1rem;} .Kaigo_Senko-cont{ position: absolute; top:-1.5rem; left:0.6rem; display: inline-block; color: #fff; padding: 0.35rem .5rem; font-size: 0.8rem; border-bottom: 4px double #fff; z-index: 11; background-color:rgba($point-color,0.8); @include media-sp{ top: -2rem; font-size: 1rem; left:0.8rem; padding: 0.5rem .75rem; } &--01{@extend .Kaigo_Senko-cont; background-color:rgba($gakka-color__kaigo,0.9);} &--02{@extend .Kaigo_Senko-cont; background-color:rgba($gakka-color__hoikuyakan,0.9);} &--03{@extend .Kaigo_Senko-cont; background-color:rgba($gakka-color__kango,0.9);} } .Kaigo_Senko-Name{ position: absolute; bottom:-1.6rem; right:0.4rem; border:1px solid #fff; font-size: 0.9rem; padding: 0.35rem; z-index: 11; background-color:rgba($point-color,0.9); @include media-sp{ bottom:-1rem; right:0.5rem; padding: 0.5rem; font-size: 1.1rem; } &--01{@extend .Kaigo_Senko-Name; background-color:rgba($gakka-color__kaigo,0.9);} &--02{@extend .Kaigo_Senko-Name; background-color:rgba($gakka-color__hoikuyakan,0.9);} &--03{@extend .Kaigo_Senko-Name; background-color:rgba($gakka-color__kango,0.9);} } img{padding:0 ; border: 4px solid $gakka-color__kaigo;} } */ /* .kaigo_senko_ttl01{ animation-delay: 0.3s; } .kaigo_senko_ttl02{ animation-delay: 0.5s; } .kaigo_senko_ttl03{ animation-delay: 0.7s; } .kaigo_choice{ position: relative; .kaigo_choice_voice{ position: absolute; top:-2rem; right:5rem; @include media-sp{top:-3rem;} } i{position: absolute; bottom:0; right:-4.2rem; @include media-sp{bottom:-1.2rem;} } } .kaigo_choice_balloon{ position: relative; padding: 1rem 0.5rem; width: 6rem; height: 6rem; border-radius: 50%; text-align: center; color: #ffffff; font-size: 0.65rem; background-color: #ff9800; font-weight: bold; } .kaigo_choice_balloon::before{ content: ''; position: absolute; display: block; width: 0; height: 0; right: 2px; bottom: 2px; border-left: 20px solid #ff9800; border-top: 10px solid transparent; border-bottom: 10px solid transparent; transform: rotate(45deg); } */ .Hoiku_Semi_Name, .Hoiku_Semi_Name--01, .Hoiku_Semi_Name--02, .Hoiku_Semi_Name--03, .Hoiku_Semi_Name--04 { color: #fff; font-weight: 600; background: #4192A5; padding: 0.3rem 1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 0.5rem; /*全スマホ*/ } .Hoiku_Semi_Name--01 { background: #3FA3F9; } .Hoiku_Semi_Name--02 { background: #FF8F90; } .Hoiku_Semi_Name--03 { background: #5DBD5A; } .Hoiku_Semi_Name--04 { background: #FF8942; } @media only screen and (max-width: 40em) { .Hoiku_Semi_Name, .Hoiku_Semi_Name--01, .Hoiku_Semi_Name--02, .Hoiku_Semi_Name--03, .Hoiku_Semi_Name--04 { font-size: 1.1rem; } } .Kaigo_Type_Name { color: #fff; font-size: 1.3rem; border-bottom: 2px solid #fff; } .Kaigo_Type_Name > span { font-size: 0.9rem; } .Kaigo_Type_Text { color: #fff; font-size: 0.95rem; letter-spacing: -0.025em; } .Kaigo_Type_Text span { font-weight: bold; } .Curriculum_PICK { font-size: 1.05rem; } /*社会福祉科の専攻選択*/ .Shafuku_Senko-Box { position: relative; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Shafuku_Senko-Box { margin-top: 1.5rem; } } .Shafuku_Senko-Box .Shafuku_Senko-Name { position: absolute; top: -2.5rem; left: -0.5rem; display: inline-block; color: #fff; padding: 0.5rem 2rem; font-size: 1.05rem; background: #636363; } .Shafuku_Senko-Box .Shafuku_Senko-Shikaku { position: absolute; right: 0.5rem; bottom: 4.75rem; background: rgba(255, 255, 255, 0.9); border: 1px solid #DEDEDE; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Shafuku_Senko-Box .Shafuku_Senko-Shikaku { right: 0.3rem; } } .Yakan_Point .Point_Box { border: 1px solid #222; position: relative; padding: 1rem 1rem 0; margin-top: 1rem; border-radius: 0.5rem; text-align: center; } .Yakan_Point .point_n { position: absolute; top: -0.25rem; left: -0.25rem; width: 35%; } .Yakan_Point .Yakan_Point_text { margin: 1rem auto; text-align: left; display: table; } .Yakan_Point .Yakan_Point_text span { Font-size: 3rem; font-style: italic; line-height: 2.5rem; } dl.curriculum_year { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 0; } dl.curriculum_year dt { width: 12%; } dl.curriculum_year dd { width: 88%; } /*-------- 資格-------------*/ .Gakka_Career { padding-top: 5rem; } .Gakka_Career_wrap { margin-top: 2rem; padding: 2rem 0; background: rgba(239, 238, 235, 0.3); position: relative; } .Gakka_Career_wrap .Shikaku_img { position: absolute; right: 3rem; top: 1.5rem; width: 15%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka_Career_wrap .Shikaku_img { width: 25%; left: 2rem; top: 0; } } .Gakka_Shikaku_list { width: 95%; margin: 0 auto; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka_Shikaku_list li { text-align: left; padding-left: 1.5rem; } } .Shikaku-Score_box { width: 80%; margin: 0 auto; /*全スマホ*/ } .Shikaku-Score_box li { border-left: 1px solid #222; } .Shikaku-Score_box li:first-child { border: none; } @media only screen and (max-width: 40em) { .Shikaku-Score_box { width: 100%; margin: 1rem 0 2rem 0; } } .Shikaku-Score_box .Shikaku-Score { text-align: center; margin: 0; } .Shikaku-Score_box .Shikaku-Score span { font-size: 4rem; line-height: 1; } .Shikaku-Score_ttl, .Shikaku-Score_ttl--kango, .Shikaku-Score_ttl--kaigo, .Shikaku-Score_ttl--shakai, .Shikaku-Score_ttl--hoiku, .Shikaku-Score_ttl--hoikuyakan, .Shikaku-Score_ttl--seishin, .Shikaku-Score_ttl--syafukusenko { border: 2px solid #222222; padding: 0.3rem 1rem; width: 18rem; margin: 2rem auto 0; font-size: 1.2rem; letter-spacing: 0.2rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Shikaku-Score_ttl, .Shikaku-Score_ttl--kango, .Shikaku-Score_ttl--kaigo, .Shikaku-Score_ttl--shakai, .Shikaku-Score_ttl--hoiku, .Shikaku-Score_ttl--hoikuyakan, .Shikaku-Score_ttl--seishin, .Shikaku-Score_ttl--syafukusenko { width: 75%; } } .Shikaku-Score_ttl--kango { border-color: #f48594; } .Shikaku-Score_ttl--kaigo { border-color: #6fba2c; } .Shikaku-Score_ttl--shakai { border-color: #ee7951; } .Shikaku-Score_ttl--hoiku { border-color: #f5a200; } .Shikaku-Score_ttl--hoikuyakan { border-color: #82c1ea; } .Shikaku-Score_ttl--seishin { border-color: #2b8adf; } .Shikaku-Score_ttl--syafukusenko { border-color: #ed7951; } /*-------- 就職-------------*/ .Shushoku-Score_box, .Shushoku-Score_box--kango, .Shushoku-Score_box--kaigo { width: 40%; float: left; margin: 0 auto; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Shushoku-Score_box, .Shushoku-Score_box--kango, .Shushoku-Score_box--kaigo { width: 100%; clear: both; margin-top: 0.75rem; } } .Shushoku-Score_box--kango { /*PC*/ } @media all and (min-width: 40em) { .Shushoku-Score_box--kango { width: 55%; padding-left: 5%; } } .Shushoku-Score_box--kaigo { /*PC*/ } @media all and (min-width: 40em) { .Shushoku-Score_box--kaigo { width: 55%; padding-left: 5%; } } .Shushoku-Score_In { position: relative; margin-top: 2rem; } .Shushoku-Score_Img { margin-left: 20%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Shushoku-Score_Img { width: 90%; margin: 2rem auto; } } .Shushoku_result, .Shushoku_result--kango { position: absolute; width: 35%; top: -40%; left: 7%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Shushoku_result, .Shushoku_result--kango { width: 35%; top: -25%; left: 0; } } .Shushoku_result--kango { width: 20%; top: -15%; left: 10%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Shushoku_result--kango { width: 35%; top: -20%; left: 1%; } } /* .Shushoku-Score { background:#ccc; display: block; color:#fff; border: 10px double #fff; box-sizing: border-box; margin-left: 50%; height: 10rem; width: 11rem; p{ font-size: 1.6rem; text-align: center; line-height: 1.3; vertical-align: middle; } &--kango{@extend .Shushoku-Score; background:$gakka-color__kango;} &--kaigo{@extend .Shushoku-Score; background:$gakka-color__kaigo;} &--shakai{@extend .Shushoku-Score; background:$gakka-color__syakai;} &--hoiku{@extend .Shushoku-Score; background:$gakka-color__hoiku;} &--hoikuyakan{@extend .Shushoku-Score; background:$gakka-color__hoikuyakan;} &--seishin{@extend .Shushoku-Score; background:$gakka-color__seishin;} &--syafukusenko{@extend .Shushoku-Score; background:$gakka-color__syafukusenko;} @include media-sp{margin: 0 auto;} }*/ /*.Shushoku-graph{ padding: 0 2rem 0 0; @include media-sp{padding: 0 1rem;} } */ .Shushoku-Point, .Shushoku-Point--kaigo { width: 55%; float: left; line-height: 1.8; padding-left: 15%; margin-top: 2rem; /*全スマホ*/ } .Shushoku-Point li, .Shushoku-Point--kaigo li { clear: both; } .Shushoku-Point li img, .Shushoku-Point--kaigo li img { width: 3rem; float: left; } .Shushoku-Point li .kango_g_img img, .Shushoku-Point--kaigo li .kango_g_img img { width: 90%; } .Shushoku-Point li .Score_box_text, .Shushoku-Point--kaigo li .Score_box_text { float: left; padding-left: 1rem; font-size: 0.9rem; line-height: 1.3; font-weight: 600; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Shushoku-Point li .Score_box_text, .Shushoku-Point--kaigo li .Score_box_text { text-align: left; } } .Shushoku-Point .Score_box_num-shakai, .Shushoku-Point--kaigo .Score_box_num-shakai { width: 20%; } @media only screen and (max-width: 40em) { .Shushoku-Point, .Shushoku-Point--kaigo { font-size: 0.85rem; float: none; width: 100%; margin: 0 auto; padding-left: 1rem; } } .Shushoku-Point--kaigo { /*PC*/ } @media all and (min-width: 40em) { .Shushoku-Point--kaigo { width: 50%; padding-left: 3%; } } .Shushoku_company_box { width: 90%; margin: 0 auto; } /*///////// TALK & Voice　/////////*/ .Gakka--Voice_wrap { padding-top: 3rem; /*PC*/ } @media all and (min-width: 40em) { .Gakka--Voice_wrap { background: #F1ECE5; } } /*///////// Cross Talk　/////////*/ .Gakka--Talk_wrap { position: relative; padding-top: 2rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka--Talk_wrap { padding-top: 1rem; } } .Gakka--Talk_wrap img.Talk-mainImg { margin-top: -4.5rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka--Talk_wrap img.Talk-mainImg { margin-top: 0; } } .Gakka--Talk_wrap .Gakka--Talk_catch { padding-left: 1rem; font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 1.1rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka--Talk_wrap .Gakka--Talk_catch { font-size: 1.05rem; margin-left: -1rem; } } .Gakka--Talk_wrap .Gakka--Talk_name, .Gakka--Talk_wrap .Gakka--Talk_name--kango, .Gakka--Talk_wrap .Gakka--Talk_name--kaigo, .Gakka--Talk_wrap .Gakka--Talk_name--shakai, .Gakka--Talk_wrap .Gakka--Talk_name--hoiku, .Gakka--Talk_wrap .Gakka--Talk_name--hoikuyakan, .Gakka--Talk_wrap .Gakka--Talk_name--seishin, .Gakka--Talk_wrap .Gakka--Talk_name--syafukusenko { font-weight: bold; padding: 0.5rem; border-right: 2px solid #222222; display: inline-block; float: left; width: 15%; margin-top: 0; font-size: 0.85rem; line-height: 1.3; text-align: center; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka--Talk_wrap .Gakka--Talk_name, .Gakka--Talk_wrap .Gakka--Talk_name--kango, .Gakka--Talk_wrap .Gakka--Talk_name--kaigo, .Gakka--Talk_wrap .Gakka--Talk_name--shakai, .Gakka--Talk_wrap .Gakka--Talk_name--hoiku, .Gakka--Talk_wrap .Gakka--Talk_name--hoikuyakan, .Gakka--Talk_wrap .Gakka--Talk_name--seishin, .Gakka--Talk_wrap .Gakka--Talk_name--syafukusenko { padding-left: 0; } } .Gakka--Talk_wrap .Gakka--Talk_name--kango { border-color: #f48594; color: #f48594; } .Gakka--Talk_wrap .Gakka--Talk_name--kaigo { border-color: #6fba2c; color: #6fba2c; } .Gakka--Talk_wrap .Gakka--Talk_name--shakai { border-color: #ee7951; color: #ee7951; } .Gakka--Talk_wrap .Gakka--Talk_name--hoiku { border-color: #f5a200; color: #f5a200; } .Gakka--Talk_wrap .Gakka--Talk_name--hoikuyakan { border-color: #82c1ea; color: #82c1ea; } .Gakka--Talk_wrap .Gakka--Talk_name--seishin { border-color: #2b8adf; color: #2b8adf; } .Gakka--Talk_wrap .Gakka--Talk_name--syafukusenko { border-color: #ed7951; color: gakka-color__syafukusenko; } .Gakka--Talk_wrap .Gakka--Talk_name span, .Gakka--Talk_wrap .Gakka--Talk_name--kango span, .Gakka--Talk_wrap .Gakka--Talk_name--kaigo span, .Gakka--Talk_wrap .Gakka--Talk_name--shakai span, .Gakka--Talk_wrap .Gakka--Talk_name--hoiku span, .Gakka--Talk_wrap .Gakka--Talk_name--hoikuyakan span, .Gakka--Talk_wrap .Gakka--Talk_name--seishin span, .Gakka--Talk_wrap .Gakka--Talk_name--syafukusenko span { font-size: 0.7rem; } .Gakka--Talk_wrap .Gakka--Talk_text { display: inline-block; float: left; width: 85%; padding: 0 0.8rem 1rem; margin-top: 0; font-size: 0.75rem; } .Gakka--Talk_wrap .Gakka--Talk-info_box, .Gakka--Talk_wrap .Gakka--Talk-info_box--kango, .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo, .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan, .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin, .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko { position: absolute; padding: 0 1rem; right: 2%; bottom: 17%; background: rgba(65, 146, 165, 0.7); font-size: 0.9rem; color: #fff; line-height: 1.3; min-width: 190px; /*全スマホ*/ } .Gakka--Talk_wrap .Gakka--Talk-info_box p, .Gakka--Talk_wrap .Gakka--Talk-info_box--kango p, .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo p, .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai p, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku p, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan p, .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin p, .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko p { margin: 0.5rem 0; } .Gakka--Talk_wrap .Gakka--Talk-info_box span, .Gakka--Talk_wrap .Gakka--Talk-info_box--kango span, .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo span, .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai span, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku span, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan span, .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin span, .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko span { font-size: 0.65rem; } .Gakka--Talk_wrap .Gakka--Talk-info_box img, .Gakka--Talk_wrap .Gakka--Talk-info_box--kango img, .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo img, .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai img, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku img, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan img, .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin img, .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko img { height: 1.75rem; } .Gakka--Talk_wrap .Gakka--Talk-info_box .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--kango .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko .replace-svg { color: #fff; fill: currentColor; height: 1.75rem; } .Gakka--Talk_wrap .Gakka--Talk-info_box--kango { background: rgba(244, 133, 148, 0.7); } .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo { background: rgba(111, 186, 44, 0.7); } .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai { background: rgba(238, 121, 81, 0.7); } .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku { background: rgba(245, 162, 0, 0.7); } .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan { background: rgba(130, 193, 234, 0.7); } .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin { background: rgba(43, 138, 223, 0.7); } .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko { background: rgba(237, 121, 81, 0.7); } @media only screen and (max-width: 40em) { .Gakka--Talk_wrap .Gakka--Talk-info_box, .Gakka--Talk_wrap .Gakka--Talk-info_box--kango, .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo, .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan, .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin, .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko { position: relative; width: 100%; top: 0.5rem; left: 0; margin: 0; padding: 0; } .Gakka--Talk_wrap .Gakka--Talk-info_box p, .Gakka--Talk_wrap .Gakka--Talk-info_box--kango p, .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo p, .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai p, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku p, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan p, .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin p, .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko p { display: inline-block; margin: 0; padding: 1rem 0.5rem; vertical-align: middle; font-size: 1rem; line-height: 1; color: #000; } .Gakka--Talk_wrap .Gakka--Talk-info_box img, .Gakka--Talk_wrap .Gakka--Talk-info_box--kango img, .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo img, .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai img, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku img, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan img, .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin img, .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko img { display: inline-block; height: 2rem; } .Gakka--Talk_wrap .Gakka--Talk-info_box .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--kango .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--kaigo .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--shakai .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoiku .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--hoikuyakan .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--seishin .replace-svg, .Gakka--Talk_wrap .Gakka--Talk-info_box--syafukusenko .replace-svg { color: #000; fill: currentColor; height: 2rem; } } .gakka_Voice .Main_ImgBox { position: relative; } .gakka_Voice .Main_ImgBox .Main_Catch { /* -ms-writing-mode: tb-rl; writing-mode: vertical-rl; */ position: absolute; left: 0.5rem; bottom: 0; } .gakka_Voice .Main_ImgBox .Main_Catch span { padding: 0.4rem; line-height: 2.7; letter-spacing: 0.1em; } /*-----卒業生Voice-----*/ .Gakka--Graduate_wrap { padding-bottom: 3rem; margin-top: 3rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka--Graduate_wrap { padding-bottom: 0; } } .Gakka--Graduate_wrap .Gakka--Graduate_inner { position: relative; padding: 1rem 0; margin-top: 2rem; background: rgba(255, 255, 255, 0.7); /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka--Graduate_wrap .Gakka--Graduate_inner { padding-top: 0; } } .Gakka--Graduate_wrap .Gakka--Graduate_inner .Gakka--Graduate_Prof { position: absolute; background: rgba(255, 255, 255, 0.9); bottom: 0; left: -1rem; margin-left: 1rem; padding-left: 1rem; display: inline-block; border-bottom: 5px double #ccc; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka--Graduate_wrap .Gakka--Graduate_inner .Gakka--Graduate_Prof { position: relative; margin-top: -4rem; width: 90%; } } .Gakka--Graduate_wrap .Gakka--Graduate_inner .Gakka--Graduate_text { padding: 0 1rem; /*全スマホ*/ } .Gakka--Graduate_wrap .Gakka--Graduate_inner .Gakka--Graduate_text h5 { font-family: "Noto Sans JP", sans-serif; font-weight: 500; font-size: 1.1rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka--Graduate_wrap .Gakka--Graduate_inner .Gakka--Graduate_text h5 { font-size: 1.05rem; } } @media only screen and (max-width: 40em) { .Gakka--Graduate_wrap .Gakka--Graduate_inner .Gakka--Graduate_text { padding: 0 0.5rem; } } /*-----時間割-----*/ table.Jikanwari, table.Jikanwari--kango, table.Jikanwari--kaigo, table.Jikanwari--shakai, table.Jikanwari--hoiku, table.Jikanwari--hoikuyakan, table.Jikanwari--seishin, table.Jikanwari--syafukusenko, table.Jikanwari--grey { border-top: 1px solid #666; border-left: 1px solid #666; border-collapse: collapse; border-spacing: 0; background-color: #ffffff; empty-cells: show; width: 100%; font-size: 0.95em; /*全スマホ*/ } table.Jikanwari th, table.Jikanwari--kango th, table.Jikanwari--kaigo th, table.Jikanwari--shakai th, table.Jikanwari--hoiku th, table.Jikanwari--hoikuyakan th, table.Jikanwari--seishin th, table.Jikanwari--syafukusenko th, table.Jikanwari--grey th { border-right: 1px solid #666; border-bottom: 1px solid #666; background-color: rgba(34, 34, 34, 0.1); padding: 0.5em; vertical-align: middle; text-align: center; font-weight: normal; } table.Jikanwari th span, table.Jikanwari--kango th span, table.Jikanwari--kaigo th span, table.Jikanwari--shakai th span, table.Jikanwari--hoiku th span, table.Jikanwari--hoikuyakan th span, table.Jikanwari--seishin th span, table.Jikanwari--syafukusenko th span, table.Jikanwari--grey th span { font-size: 0.87em; } table.Jikanwari td, table.Jikanwari--kango td, table.Jikanwari--kaigo td, table.Jikanwari--shakai td, table.Jikanwari--hoiku td, table.Jikanwari--hoikuyakan td, table.Jikanwari--seishin td, table.Jikanwari--syafukusenko td, table.Jikanwari--grey td { border-right: 1px solid #666; border-bottom: 1px solid #666; padding: 0.3em 0.1em; vertical-align: middle; text-align: center; } table.Jikanwari .G_Pickup_icon, table.Jikanwari--kango .G_Pickup_icon, table.Jikanwari--kaigo .G_Pickup_icon, table.Jikanwari--shakai .G_Pickup_icon, table.Jikanwari--hoiku .G_Pickup_icon, table.Jikanwari--hoikuyakan .G_Pickup_icon, table.Jikanwari--seishin .G_Pickup_icon, table.Jikanwari--syafukusenko .G_Pickup_icon, table.Jikanwari--grey .G_Pickup_icon { margin-top: -1rem; } table.Jikanwari .Step, table.Jikanwari--kango .Step, table.Jikanwari--kaigo .Step, table.Jikanwari--shakai .Step, table.Jikanwari--hoiku .Step, table.Jikanwari--hoikuyakan .Step, table.Jikanwari--seishin .Step, table.Jikanwari--syafukusenko .Step, table.Jikanwari--grey .Step { width: 50%; /*全スマホ*/ } @media only screen and (max-width: 40em) { table.Jikanwari .Step, table.Jikanwari--kango .Step, table.Jikanwari--kaigo .Step, table.Jikanwari--shakai .Step, table.Jikanwari--hoiku .Step, table.Jikanwari--hoikuyakan .Step, table.Jikanwari--seishin .Step, table.Jikanwari--syafukusenko .Step, table.Jikanwari--grey .Step { width: 100%; } } table.Jikanwari .Step td.left, table.Jikanwari--kango .Step td.left, table.Jikanwari--kaigo .Step td.left, table.Jikanwari--shakai .Step td.left, table.Jikanwari--hoiku .Step td.left, table.Jikanwari--hoikuyakan .Step td.left, table.Jikanwari--seishin .Step td.left, table.Jikanwari--syafukusenko .Step td.left, table.Jikanwari--grey .Step td.left { text-align: left; padding-left: 0.5em; } table.Jikanwari--kango td.J01 { background: rgba(244, 133, 148, 0.1); } table.Jikanwari--kango td.J02 { background: rgba(244, 133, 148, 0.3); } table.Jikanwari--kaigo td.J01 { background: rgba(111, 186, 44, 0.2); } table.Jikanwari--kaigo td.J02 { background: rgba(111, 186, 44, 0.5); } table.Jikanwari--shakai td.J01 { background: rgba(238, 121, 81, 0.2); } table.Jikanwari--shakai td.J02 { background: rgba(238, 121, 81, 0.5); } table.Jikanwari--hoiku td.J01 { background: rgba(245, 162, 0, 0.3); } table.Jikanwari--hoiku td.J02 { background: rgba(245, 162, 0, 0.6); } table.Jikanwari--hoikuyakan td.J01 { background: rgba(130, 193, 234, 0.2); } table.Jikanwari--hoikuyakan td.J02 { background: rgba(130, 193, 234, 0.5); } table.Jikanwari--seishin td.J01 { background: rgba(43, 138, 223, 0.2); } table.Jikanwari--seishin td.J02 { background: rgba(43, 138, 223, 0.5); } table.Jikanwari--syafukusenko td.J01 { background: rgba(237, 121, 81, 0.2); } table.Jikanwari--syafukusenko td.J02 { background: rgba(237, 121, 81, 0.5); } table.Jikanwari--grey th { background: #D8D8D8; } @media only screen and (max-width: 40em) { table.Jikanwari, table.Jikanwari--kango, table.Jikanwari--kaigo, table.Jikanwari--shakai, table.Jikanwari--hoiku, table.Jikanwari--hoikuyakan, table.Jikanwari--seishin, table.Jikanwari--syafukusenko, table.Jikanwari--grey { font-size: 0.65rem; } } /*-----ブログ・オススメコンテンツ-----*/ .Gakka--blog a, .Gakka--blog .Btn:hover, .Gakka--blog .Btn:visited { text-decoration: none; } .Gakka--blog dl { margin-top: 0.5rem; } .Gakka--blog dt { float: left; margin-right: 1rem; } .Gakka--blog dd { font-size: 0.9em; line-height: 1.7; } /*/////////////////////////////////////////////////////// /*--　 夜間学科　--*/ /*-----精神・社専カリキュラム-----*/ #curriculum-Yakan .curriculum_title, #curriculum-Yakan--seishin .curriculum_title, #curriculum-Yakan--syafukusenko .curriculum_title { font-size: 0.88em; font-weight: bold; text-align: center; padding: 5px 0; background-color: rgba(65, 146, 165, 0.2); } #curriculum-Yakan .curriculum_title span, #curriculum-Yakan--seishin .curriculum_title span, #curriculum-Yakan--syafukusenko .curriculum_title span { background-color: #f6f6f6; display: inline-block; width: 25%; float: right; padding: 5px 0; margin-top: -5px; } #curriculum-Yakan dl, #curriculum-Yakan--seishin dl, #curriculum-Yakan--syafukusenko dl { font-size: 0.88em; } #curriculum-Yakan dt, #curriculum-Yakan--seishin dt, #curriculum-Yakan--syafukusenko dt { border-bottom: 1px solid #ccc; clear: both; float: left; padding: 1.5% 0; width: 75%; } #curriculum-Yakan dd, #curriculum-Yakan--seishin dd, #curriculum-Yakan--syafukusenko dd { float: left; width: 25%; border-bottom: 1px solid #ccc; padding: 1.5% 0; text-align: center; } #curriculum-Yakan dd.lh28, #curriculum-Yakan--seishin dd.lh28, #curriculum-Yakan--syafukusenko dd.lh28 { line-height: 2.75; } #curriculum-Yakan dt.sum, #curriculum-Yakan--seishin dt.sum, #curriculum-Yakan--syafukusenko dt.sum { float: none; font-size: 1.13em; font-weight: bold; padding-right: 5%; text-align: right; width: 95%; } #curriculum-Yakan--seishin .curriculum_title { background-color: rgba(43, 138, 223, 0.2); } #curriculum-Yakan--syafukusenko .curriculum_title { background-color: rgba(237, 121, 81, 0.2); } /*学生情報グラフの画像サイズ（スマホ小）*/ .student_data_Img { /*全スマホ*/ } @media only screen and (max-width: 40em) { .student_data_Img { width: 85%; } } /*-------------卒業生の声　2019.0419--------------*/ .gakka_Voice { border-bottom: 1px #888888 solid; padding: 2rem 0; } .gakka_Voice .Right { float: right; width: 480px; padding: 1rem; background-color: #f1f1f1; } @media only screen and (max-width: 40em) { .gakka_Voice .Right { width: 70%; } } .gakka_obog__ttl { font-size: 1.15rem; color: #888888; margin-top: 0; border-left: 5px #cccccc solid; padding-left: 1rem; } .gakka_Voice__ttl { font-size: .9rem; color: #888888; margin-bottom: .5rem; border-left: 5px #cccccc solid; padding-left: .5rem; } .gakka_obog__main { position: relative; } .gakka_obog__main .gakka_obog__prof { position: absolute; background-color: #ffffffe6; padding: 0 .5rem; bottom: 1rem; left: 1rem; } @media only screen and (max-width: 40em) { .gakka_obog__main .gakka_obog__prof { position: static; background-color: #f1f1f1; padding: .5rem 1rem; margin-top: .5rem; } } .gakka_voice__img { float: left; } @media only screen and (max-width: 40em) { .gakka_voice__img { width: 25%; } } .gakka_voice__img img { border-radius: 10px; } .gakka_Voice__name { font-weight: bold; font-size: 1rem; } .gakka_Voice__company { border-bottom: 1px #888888 solid; padding-bottom: .5rem; margin-bottom: .5rem; } .gakka_Voice__school { margin-top: 0; } .gakka_Voice__sub { color: #888888; font-weight: bold; } .gakka_Voice_text { /*PC*/ } @media all and (min-width: 40em) { .gakka_Voice_text { margin: 1rem; } } /*----卒業生の声　経歴フロー部分-------*/ /*------- これまでの経歴項目-----*/ .Carrierflow ul { margin: 0.25em 0; overflow: hidden; } .Carrierflow ul li { float: left; display: block; margin-right: 1.5em; font-size: 0.8em; } .flow { position: relative; /*background: #EAEAEA;*/ background: #CCCCCC; padding: 0.25em 0.5em 0.15em; text-align: center; margin-bottom: 0.25em; } .flow:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(234, 234, 234, 0); /*border-left-color: #EAEAEA;*/ border-left-color: #CCCCCC; /*border-width: 1.055em;*/ border-width: 1em; margin-top: -1.05em; } /*------- 卒業・就職　（最終経歴）-----*/ li.flow:last-child:after { display: none; margin-bottom: 0; } /*------- 本校入学：学科別カラー-----*/ /*--------------社会福祉専攻科--------------*/ .flow.Syafukusenko { background-color: #F29B7D; } .flow.Syafukusenko:after { border-color: rgba(242, 155, 125, 0); border-left-color: #F29B7D; } /*--------------精神保健福祉科--------------*/ .flow.Seishin { background-color: #95c4ee; } .flow.Seishin:after { border-color: rgba(149, 196, 238, 0); border-left-color: #95c4ee; } /*--------------------------社会福祉科　昼間4年制 > 4年制だからこその高度な学びで社会福祉士になる！用------------------------------------------------------------------*/ .social_worker-iconsize { font-size: 4rem; margin: 1rem 0rem -3rem; color: #FFD400; } .social_worker-highlighter--yellow { background: -webkit-linear-gradient(transparent 60%, #ffe600 60%); background: linear-gradient(transparent 60%, #ffe600 60%); } .social_worker-highlighter--yellow--bg { background-color: rgba(255, 230, 0, 0.4); } .social_worker-font--cont01 { font-size: 1.5rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .social_worker-font--cont01 { font-size: 1.1rem; } } @media screen and (max-width: 320px) { .social_worker-font--cont01 { font-size: 0.9rem; } } .social_worker-iconigif--left { position: absolute; bottom: 9.375rem; left: 50%; transform: translateX(-50%); margin-left: unset; /* margin-left: 7.5rem; */ /*全スマホ*/ } @media only screen and (max-width: 40em) { .social_worker-iconigif--left { margin-left: -0.5rem; } } .social_worker-iconigif--right { position: absolute; margin-left: 29rem; } .social_worker--balloon { position: relative; display: inline-block; border-bottom: solid 1px #000000; padding: 0px 0px 1rem 0px; width: 60%; text-align: center; /*全スマホ*/ } .social_worker--balloon--center { text-align: center; margin: auto; } @media only screen and (max-width: 40em) { .social_worker--balloon { width: 80%; padding: 0px 0px 0.8rem 0px; } } @media screen and (max-width: 320px) { .social_worker--balloon { width: 95%; } } .social_worker--balloon:before, .social_worker--balloon:after { content: ""; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .social_worker--balloon:before { border: solid 12px transparent; border-top: solid 12px #000000; } .social_worker--balloon:after { border: solid 16px transparent; border-top: solid 16px #fff; margin-top: -5px; } .social_worker--balloon p { margin: 2rem 0rem 0rem 0rem; padding: 0; } .social_worker--bg__color--grey { background-color: #EFECEC; padding: 0.8rem 1rem; } /* CSS Document */ /*------------------ 下記URLのみで使用 http://www.ochw.ac.jp/cd http://www.ochw.ac.jp/cd/hoiku http://www.ochw.ac.jp/cd/setsumeikai ------------------*/ /*--------------------------通信教育科------------------------------------*/ .Tsushin.Hoiku h3, .Tsushin.Hoiku h6 { color: #EF9A01; } .Tsushin.Hoiku h5 { background-image: none; border-bottom: #EF9A01 4px solid; padding-bottom: 0; } .Tsushin ul.ListSche { margin: 0 0 10px 10px; overflow: hidden; } .Tsushin ul.ListSche li { float: left; position: relative; background: #FCC; color: #C36; padding: 5px 5px; margin: 5px 10px 0 0 !important; font-size: 0.9em !important; font-weight: bold; text-align: center; width: 145px; height: 70px; } .Tsushin ul.ListSche li:not(:last-child):after { content: ' '; height: 0; position: absolute; width: 0; border: 5px solid transparent; border-left-color: #FCC; left: 100%; top: 35px; } .Tsushin ul.ListSche li p { font-size: 0.8em; font-weight: normal; text-align: left; } .Point-icon { float: left; padding-right: 5px; } /*ブログ用のclass ******************************************************************************/ /* トップページのカテゴリー／------------------------------------------------------------------------------ */ /*カテゴリ：入学事務局の色*/ .main__blog-tag a, .main__blog-tag .Btn:hover, .main__blog-tag .Btn:visited { text-decoration: none; margin-right: 0.4rem; } .main__blog-tag span { padding: 0 0.3rem; display: inline-block; font-size: 0.6rem; color: #fff; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__blog-tag span { margin: 0.5rem 0 0; } } .main__blog-tag span.topics { background-color: rgba(65, 146, 165, 0.8); } .main__blog-tag span.kango { background-color: rgba(244, 133, 148, 0.6); } /*.main__blog-tag span.iryohisho{ background:#D368A4; } */ .main__blog-tag span.syakai { background-color: rgba(238, 121, 81, 0.6); } .main__blog-tag span.kaigo, .main__blog-tag span.kaigofukushi { background-color: rgba(111, 186, 44, 0.6); } .main__blog-tag span.hoken { background-color: rgba(245, 162, 0, 0.6); } .main__blog-tag span.seisin { background-color: rgba(43, 138, 223, 0.6); } .main__blog-tag span.club { background-color: rgba(217, 54, 0, 0.6); } .main__blog-tag span.career { background-color: rgba(75, 35, 16, 0.6); } .main__blog-tag span.event { background-color: rgba(211, 66, 42, 0.7); } .main__blog-tag span.volunteer { background-color: rgba(161, 89, 185, 0.6); } /*--------------------------ボタン　募集学科・応募資格の上------------------------------------*/ ul.Button_navi { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.375rem; list-style: none; overflow: hidden; } ul.Button_navi li { float: left; /* margin: 0 5px 5px 0; */ width: 100%; font-weight: bold; } ul.Button_navi li a, ul.Button_navi li .Btn:hover, ul.Button_navi li .Btn:visited { display: block; text-align: center; padding: 5px 10px; margin: 0; text-decoration: none; background: #fff3f3; } ul.Button_navi li a:before, ul.Button_navi li .Btn:hover:before, ul.Button_navi li .Btn:visited:before, ul.Boshu_navi li a:before, ul.Boshu_navi li .Btn:hover:before, ul.Boshu_navi li .Btn:visited:before { content: "\f13a"; font-family: "Font Awesome 5 Free"; font-weight: 400; margin-right: 0.8em; color: #222222; } ul.Boshu_navi li { font-weight: bold; } ul.Boshu_navi li a, ul.Boshu_navi li .Btn:hover, ul.Boshu_navi li .Btn:visited { display: block; text-align: center; padding: 0.5rem; text-decoration: none; background: rgba(252, 218, 223, 0.5); } /*--------------------------2019.04.16 辻田------------------------------------*/ .nyugaku-flow, .ao-flow { list-style: none; margin: 1rem auto 0; padding-left: 0; width: 90%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .nyugaku-flow, .ao-flow { width: 100%; } } .nyugaku-flow ol, .ao-flow ol { counter-reset: number; /*数字をリセット*/ list-style-type: none !important; /*数字を一旦消す*/ padding: 0.5em; } .nyugaku-flow ol li, .ao-flow ol li { position: relative; line-height: 1.5em; } .nyugaku-flow ol li:before, .ao-flow ol li:before { /* 以下数字をつける */ position: absolute; counter-increment: number; content: counter(number); /*以下数字のデザイン変える*/ display: inline-block; background: #f05a24; color: white; font-family: 'Avenir','Arial Black','Arial',sans-serif; font-weight: bold; font-size: 15px; border-radius: 50%; left: 10px; width: 25px; height: 25px; line-height: 25px; text-align: center; /*以下 上下中央寄せのため*/ top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .nyugaku-flow li, .ao-flow li { background-color: #dddddd; border-radius: .5rem; display: block; margin: 1em 0; padding: 1em; position: relative; text-align: center; /*全スマホ*/ } @media only screen and (max-width: 40em) { .nyugaku-flow li, .ao-flow li { margin: 0.3em 0; } } /* CSS Document */ /*------------------ ＊下記URLのみで使用 http://test.ochw.ac.jp/archives/voice/ １日のスケジュールページ http://test.ochw.ac.jp/gakkou/ichinichi ＊各学科ページ　：　読み込み部分　　 ------------------*/ /*--------------------------在校生の声　個人ページ---------------------------------------------------------------------------*/ .zaikoseiVoice { height: 400px; background-size: cover; background-position: right -10px; background-repeat: no-repeat; position: relative; margin-top: 20px; /*全スマホ*/ } @media only screen and (max-width: 40em) { .zaikoseiVoice { height: 200px; background-position: right -5px; margin-top: 0; } } .nameBox { position: absolute; bottom: 50px; color: #000; background: rgba(250, 250, 250, 0.6); width: 100%; max-width: 250px; padding: 1em; /*全スマホ*/ } @media only screen and (max-width: 40em) { .nameBox { bottom: 10px; padding: 0.5em; width: auto; max-width: none; } } .nameBox p { margin: 0; padding: 0 0.8em; font-size: 150%; text-align: center; } .question:before { font-family: Shin Go Line; content: "Q"; font-size: 1.5em; color: #fff; padding: 5px 8px; margin-right: 5px; border-radius: 3px; } /*----------　『Q』のカラー　学科ごと-　-------------*/ section.kango .question:before { background: #f48594; } section.iryo .question:before { background: #d368a4; } section.syakaifukusi .question:before { background: #ee7951; } section.kaigofukushi_day .question:before { background: #6fba2c; } section.hokenhoiku .question:before, section.hokenyakan .question:before, section.hokenyochien .question:before { background: #f5a200; } section.seishin .question:before { background: #2b8adf; } section.syafukusenko .question:before { background: #ed7951; } section.iryohisyo_senko .question:before { background: #e85298; } .question { font-size: 1.1em; /*全スマホ*/ } @media only screen and (max-width: 40em) { .question { font-size: 1.2em; } } /*--------------------------在校生の声　アーカイブページ---------------------------------------------------------------------------*/ .Voice_acv { /*全スマホ*/ } @media only screen and (max-width: 40em) { .Voice_acv { margin-bottom: 0; } } .card__3.Voice_acv { float: left; width: 32%; margin-right: 2%; /*全スマホ*/ /*PC*/ } @media only screen and (max-width: 40em) { .card__3.Voice_acv { width: 48%; margin-right: 4%; } .card__3.Voice_acv:nth-of-type(2n) { margin-right: 0; } } @media all and (min-width: 40em) { .card__3.Voice_acv:nth-of-type(3n) { margin-right: 0; } } .Voice_acv .zaikoseiVoice { background-size: auto 430px; background-position: center top; background-repeat: no-repeat; position: relative; margin: 0; } .Voice_acv .zaikoseiVoiceWrap .zaikoseiVoice { overflow: hidden; position: relative; height: 200px; /* 写真のサイズ */ } /* テキスト部分 */ .Voice_acv .textBox { padding: 0 0.5em 1.5em; border-bottom: 1px solid #666; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Voice_acv .textBox { padding: 0　0　1 0.5em; } } .Voice_acv .textBox p { margin: 0; font-size: 0.85em; padding: 0.3em; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Voice_acv .textBox p { font-size: 1.1em; padding: 0; } } /* 名前 */ .Voice_acv .textBox p span.name { font-weight: bold; font-size: 1.2em; } /* キャッチ */ .Voice_acv .textBox p.catch { border-top: 1px solid #999; margin-top: 0.5em; padding-top: 0.5em; font-size: 0.9em; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Voice_acv .textBox p.catch { padding-top: 0.5em; font-size: 1.1em; } } .Voice_acv .zaikoseiVoiceWrap a, .Voice_acv .zaikoseiVoiceWrap .Btn:hover, .Voice_acv .zaikoseiVoiceWrap .Btn:visited { text-decoration: none; } .Voice_acv .zaikoseiVoiceWrap a:hover, .Voice_acv .zaikoseiVoiceWrap .Btn:hover { color: #222; } .Voice_acv .zaikoseiVoiceWrap { -webkit-transition: 0.2s; transition: 0.2s; } .Voice_acv .zaikoseiVoiceWrap:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } /*----------　NEWの表示-------------*/ .Voice_acv .zaikoseiVoiceWrap.New .zaikoseiVoice::after { content: 'New'; background: #4192A5; color: #FFF; font-size: 14px; padding: 75px 0px 5px; position: absolute; left: -90px; top: -60px; text-align: center; width: 160px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /*----------　学科名のカラー指定　-------------*/ p span.acv_gakka { color: #fff; padding: 0.25em 0.3em; font-size: 0.95em; margin: 0.3em 0; border-radius: 5px; display: inline-block; width: 95%; text-align: center; /*全スマホ*/ } @media only screen and (max-width: 40em) { p span.acv_gakka { width: 100%; } } section.kango p span.kango { background-color: #f48594; } section.iryo p span.iryo { background-color: #d368a4; } section.syakaifukusi p span.syakaifukusi { background-color: #ee7951; } section.kaigofukushi_day p span.kaigofukushi_day { background-color: #6fba2c; } section.hokenhoiku p span.hokenhoiku, section.hokenyakan p span.hokenyakan, section.hokenyochien p span.hokenyochien { background-color: #f5a200; } section.seishin p span.seishin { background-color: #2b8adf; } section.syafukusenko p span.syafukusenko { background-color: #ed7951; } section.iryohisyo_senko p span.iryohisyo_senko { background-color: #e85298; } /*---------- 学科別　背景カラー指定　ありのとき------------- section.kango .textBox{ background: rgba(236,109,123,0.05); } section.iryo .textBox{ background-color: rgba(236,109,123,0.05); } section.syakaifukusi .textBox{ background-color:rgba(238,121,81,0.05); } section.kaigofukushi_day .textBox{ background-color:rgba(111,186,44,0.05); } section.hokenhoiku .textBox, section.hokenyakan .textBox, section.hokenyochien .textBox{ background-color:rgba(245,162,0,0.05); } section.seishin .textBox{ background-color:rgba(43,138,223,0.05); } section.syafukusenko .textBox{ background-color:rgba(237,121,81,0.05); } section.iryohisyo_senko .textBox{ background-color:rgba(232,82,152,0.05); } */ /*--------------------------在校生の声　学科ページ表示用------------------------------------------------------------------*/ .Gakka2017 .zaikoseiVoice { height: 320px; background-size: cover; background-position: right top; background-repeat: no-repeat; position: relative; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka2017 .zaikoseiVoice { height: 200px; background-position: right -15px; } } .Gakka2017 .nameBox { position: absolute; bottom: 15px; color: #000; background: rgba(250, 250, 250, 0.6); width: 100%; max-width: 250px; padding: 1em; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka2017 .nameBox { bottom: 10px; } } .Gakka2017 .nameBox p { margin: 0; padding: 0 0.8em; font-size: 120%; text-align: center; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Gakka2017 .nameBox p { font-size: 150%; } } .Gakka2017 .question:before { font-family: Shin Go Line; content: "Q"; font-size: 1em; color: #fff; padding: 5px 8px; margin-right: 5px; border-radius: 3px; } /*----------　リンクボタンのカラー　学科ごと　-----------------------------------------------------------------*/ section.kango .btn002 a, section.kango .btn002 .Btn:hover, section.kango .btn002 .Btn:visited { background: #f48594; } section.iryo .btn002 a, section.iryo .btn002 .Btn:hover, section.iryo .btn002 .Btn:visited { background: #d368a4; } section.syakaifukusi .btn002 a, section.syakaifukusi .btn002 .Btn:hover, section.syakaifukusi .btn002 .Btn:visited { background: #ee7951; } section.kaigofukushi_day .btn002 a, section.kaigofukushi_day .btn002 .Btn:hover, section.kaigofukushi_day .btn002 .Btn:visited { background: #6fba2c; } section.hokenhoiku .btn002 a, section.hokenhoiku .btn002 .Btn:hover, section.hokenhoiku .btn002 .Btn:visited, section.hokenyakan .btn002 a, section.hokenyakan .btn002 .Btn:hover, section.hokenyakan .btn002 .Btn:visited, section.hokenyochien .btn002 a, section.hokenyochien .btn002 .Btn:hover, section.hokenyochien .btn002 .Btn:visited { background: #f5a200; } section.seishin .btn002 a, section.seishin .btn002 .Btn:hover, section.seishin .btn002 .Btn:visited { background: #2b8adf; } section.syafukusenko .btn002 a, section.syafukusenko .btn002 .Btn:hover, section.syafukusenko .btn002 .Btn:visited { background: #ed7951; } section.iryohisyo_senko .btn002 a, section.iryohisyo_senko .btn002 .Btn:hover, section.iryohisyo_senko .btn002 .Btn:visited { background: #e85298; } /*----------　学科名のカラー指定　 在校生の1日http://test.ochw.ac.jp/gakkou/ichinichi 　に適用-------------*/ section.kango p.comment { color: #f48594; } section.iryo p.comment { color: #d368a4; } section.syakaifukusi p.comment { color: #ee7951; } section.kaigofukushi_day p.comment { color: #6fba2c; } section.hokenhoiku p.comment, section.hokenyakan p.comment, section.hokenyochien p.comment { color: #f5a200; } section.seishin p.comment { color: #2b8adf; } section.syafukusenko p.comment { color: #ed7951; } section.iryohisyo_senko p.comment { color: #e85298; } /* CSS Document */ /*------------------ ＊下記URLのみで使用 http://test.ochw.ac.jp/archives/voice/ １日のスケジュールページ http://test.ochw.ac.jp/gakkou/ichinichi ＊各学科ページ　：　読み込み部分　　 ------------------*/ /* section */ /* section { margin: 0 0 60px 0; } */ /* css_bnr */ .css_bnr { margin: 40px auto 40px; overflow: hidden; width: 100%; border: 4px solid #fe9900; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4%; } .css_bnr p { color: #444; line-height: 1.4; font-size: 1.4rem; font-weight: bold; text-align: center; } .css_bnr .css_bnr_text { float: left; width: 70%; overflow: hidden; } .css_bnr .css_bnr_text_catch { font-size: 2.8rem; text-align: center; font-weight: bold; line-height: 4rem; color: #e90000; margin: 10px 0 0px; } .css_bnr .css_bnr_text_catch > span { font-size: 4.2rem; color: #333333; } .css_bnr img { float: left; width: 30%; } /* center_block */ .center_block { margin: 80px auto 0; } /* list_block */ .list_block { margin-bottom: 50px; } .list_block > ul { overflow: hidden; } .list_block > ul li { float: left; margin-right: 2%; width: 14%; font-size: 1.2rem; } .list_block > ul li:nth-last-child(1) { margin-right: 0; } .list_block > ul li:before { content: "●"; margin-right: 4%; } /* list_normal */ .list_normal > ul li:before { content: "・"; margin-right: 4px; } .list_normal > ul li { margin: 0 4px 4px 0; width: 100%; } /* list_attention */ h4.h4_net { text-align: center; background-color: #fe9900; color: #FFFFFF; padding: 1em; } .list_attention > ul li:before { content: "※"; margin-right: 4px; } .list_attention > ul li { margin: 0 4px 4px 0; width: 100%; } .net .list_attention a, .net .list_attention .Btn:hover, .net .list_attention .Btn:visited { color: #4192A5; text-decoration: none; } .net .list_attention a:hover, .net .list_attention .Btn:hover { color: #4192A5; } /* css_btn */ .css_btn { border-radius: 5px; margin: 20px auto; position: relative; width: 44%; background: #FFD400; } .css_btn p { text-align: center; padding: 0 0 0 0; font-size: 1rem; margin: 0; } .css_btn p > a, .css_btn p > .Btn:hover, .css_btn p > .Btn:visited { text-decoration: none; display: block; color: #FFFFFF; line-height: 1.4em; padding: 25px; } .css_btn p > a:before, .css_btn p > .Btn:hover:before, .css_btn p > .Btn:visited:before { display: block; content: ""; position: absolute; top: 45%; left: 20%; width: 0; height: 0; margin-top: -5px; border: 8px solid transparent; border-left: 10px solid #fff; } .css_btn p > a:hover, .css_btn p > .Btn:hover { color: #FFFFFF; background: #4192A5; border-radius: 5px; } /* attention */ .attention { padding-left: 5px; color: #e90000; font-weight: bold; } /* single_img */ .single_img { display: block; margin: 30px auto 0; } @media only screen and (max-width: 640px) { .net h4 { padding: 12px; font-size: 1rem; } .net .list_attention > h4 { margin-bottom: 10px; font-size: 1rem; padding: 0; } /* css_bnr */ .css_bnr .css_bnr_text { float: none; width: 100%; } .css_bnr .css_bnr_text_catch { font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 10px; } .css_bnr .css_bnr_text_catch > span { font-size: 2rem; color: #333333; } .css_bnr p { font-size: 1rem; } .css_bnr img { display: none; } /* center_block */ .center_block { margin: 40px auto 0; } /* list_block */ .list_block > ul li { float: left; margin-right: 2%; width: 40%; font-size: 1rem; } /* css_btn */ .css_btn { width: 100%; } .css_btn p > a:before, .css_btn p > .Btn:hover:before, .css_btn p > .Btn:visited:before { left: 10%; } .css_btn p > a, .css_btn p > .Btn:hover, .css_btn p > .Btn:visited { font-weight: bold; } } /* CSS Document */ /*------------------ 下記URLのみで使用 http://www.ochw.ac.jp/taiken ------------------*/ /*--------------------------オープンキャンパス 2017------------------------------------*/ /*見出し*/ .ttlTaiken { position: relative; } .ttlTaiken p { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0; padding: 0; color: #FFF; text-align: center; white-space: nowrap; text-shadow: 0 0 1em rgba(0, 0, 0, 0.9); } .ttlTaiken img { width: 100%; } /*見出し--高２*/ .ttlKou2 { overflow: hidden; } .ttlKou2 { text-align: center; border-top: 5px solid #4192A5; border-bottom: 2px solid #4192A5; } .ttlKou2.Mini { text-align: center; border-top: 5px solid #219AF2; border-bottom: 2px solid #219AF2; } .ttlKou2.Gakusuta { text-align: center; border-top: 5px solid #FF5592; border-bottom: 2px solid #FF5592; } .ttlKou2.Hogosha { text-align: center; border-top: 5px solid #1bb8ce; border-bottom: 2px solid #1bb8ce; } .ttlKou2.Mini img, .ttlKou2.Gakusuta img, .ttlKou2.Hogosha img { width: 80%; margin: 1em auto; } .attTime { background: #faec21; padding: 0.5em 1em; margin-bottom: 1em; border-radius: 20px; } .gizaBox { background: #faec21; padding: 0.01em 2em 2em; } p.sTtl { margin: 2px auto 0; } p.sTtl { background-color: #4192a5; color: #ffffff; display: block; text-align: center; text-decoration: none; padding: 3%; } .sTtl:before { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-right: 0.5em; color: #FFFFFF; } /*カレンダー読み込み*/ .Float-Right.ocCal { width: 70% !important; margin: 0 auto; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Float-Right.ocCal { width: 100%; } } /*扉イベントごとのブロック*/ .TaikenIndex-Wrap { clear: both; margin-bottom: 5em; } /*各日程のブロック*/ .TaikenMenu-Wrap { clear: both; overflow: hidden; margin-bottom: 30px; } .TaikenMenu-Wrap ul { display: -webkit-box; display: -ms-box; display: -webkit-flexbox; display: -moz-flexbox; display: -ms-flexbox; display: -moz-flex; display: -ms-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; } .TaikenMenu-Wrap li.card__3, .TaikenMenu-Wrap li.card__4 { margin-bottom: 1em; } .TaikenMenu-Wrap.noImg li.card__3, .TaikenMenu-Wrap.noImg li.card__4 { margin-bottom: 1em; } /*日程順表示のブロックごとの日付部分*/ .TaikenMenu-Wrap .Day { border-top: 3px solid #222222; border-bottom: 1px dotted #222222; background: rgba(34, 34, 34, 0.1); padding: 0.5em; /*margin-top: 50px;*/ font-size: 1.8em; text-align: center; font-family: Maru Folk Medium; } .TaikenMenu-Wrap#kango .Day, .TaikenMenu-Wrap#kango_sm .Day, .TaikenMenu-Wrap#ao .Day { border-color: #f48594; background: rgba(244, 133, 148, 0.1); } .TaikenMenu-Wrap#iryo .Day { border-color: #d368a4; background: rgba(211, 104, 164, 0.1); } .TaikenMenu-Wrap#syafuku .Day { border-color: #ee7951; background: rgba(238, 121, 81, 0.1); } .TaikenMenu-Wrap#hoiku .Day, .TaikenMenu-Wrap#hoikusetsumei .Day { border-color: #f5a200; background: rgba(245, 162, 0, 0.1); } .TaikenMenu-Wrap#kaigo .Day, .TaikenMenu-Wrap#gakuhi .Day, .TaikenMenu-Wrap#hogosha .Day, .TaikenMenu-Wrap#gakusuta .Day { border-color: #6fba2c; background: rgba(111, 186, 44, 0.1); } .TaikenMenu-Wrap#heijitsu .Day, .TaikenMenu-Wrap#kobetsu_yakan .Day, .TaikenMenu-Wrap#real_talk .Day, .TaikenMenu-Wrap#tokubetsu .Day, .TaikenMenu-Wrap#yakan_kokushi .Day, .TaikenMenu-Wrap#yakan_gakuhi .Day, .TaikenMenu-Wrap#setsumeikai .Day { border-color: #82c1ea; background: rgba(130, 193, 234, 0.1); } .card__4 img.menuImg { width: 100%; height: auto; border: #EEE 1px solid; } .TaikenMenu-Wrap .Date { font-size: 1.2em; font-weight: bold; text-align: center; background: #EEE; margin: 0; padding: 0.3em; } .TaikenMenu-Wrap.noImg .Date { background-color: none; } .TaikenMenu-Wrap#kango .Date, .TaikenMenu-Wrap#kango_sm .Date, .TaikenMenu-Wrap#ao .Date { background: rgba(244, 133, 148, 0.1); } .TaikenMenu-Wrap#iryo .Date { background: rgba(211, 104, 164, 0.1); } .TaikenMenu-Wrap#syafuku .Date { background: rgba(238, 121, 81, 0.1); } .TaikenMenu-Wrap#hoiku .Date { background: rgba(245, 162, 0, 0.1); } .TaikenMenu-Wrap#kaigo .Date, .TaikenMenu-Wrap#gakuhi .Date, .TaikenMenu-Wrap#hogosha .Date { background: rgba(111, 186, 44, 0.1); } /*.TaikenMenu-Wrap#heijitsu .Date, .TaikenMenu-Wrap#setsumeikai .Date{background: rgba( $gakka-color__hoikuyakan, 0.1);}*/ .TaikenMenu-Wrap .menuName { background: #EEE; margin: 0 0 0.5em; padding: 0.3em; text-align: center; } .TaikenMenu-Wrap .Text { margin: 0 0 0.5em; } .TaikenMenu-Wrap .kou2-sp__text { margin-top: 1em; line-heght: 1.6; font-size: 1.2em; } .kou2-sp__text .gakka { display: inline-block; margin-bottom: .5em; } .TaikenMenu-Wrap .gakka, .TaikenIndex-Wrap .gakka { background: #222222; padding: 0.3em 0.5em 0.35em; margin-right: 0.5em; color: #FFF; } .TaikenMenu-Wrap .reco { background: #ffd400; padding: 2px 5px; margin-right: 5px; color: #222222; border-radius: 3px; } /*.TaikenMenu-Wrap#kango .reco, .TaikenMenu-Wrap#kango_sm .reco{background: rgba( $gakka-color__kango, 1.0);} .TaikenMenu-Wrap#iryo .reco{background: rgba( $gakka-color__iryo, 1.0);} .TaikenMenu-Wrap#syafuku .reco{background: rgba( $gakka-color__syakai, 1.0);} .TaikenMenu-Wrap#hoiku .reco{background: rgba( $gakka-color__hoiku, 1.0);} .TaikenMenu-Wrap#kaigo .reco{background: rgba( $gakka-color__kaigo, 1.0);}*/ .card__4:nth-of-type(4n):after { content: ""; clear: both; display: block; } /*絞り込みボタン*/ .taikenTubBtn a, .taikenTubBtn .Btn:hover, .taikenTubBtn .Btn:visited { /*background:rgba( $point-color, 1.0); border-radius: 5px; color: #ffffff;*/ border: 1px solid #CCC; display: block; text-align: center; text-decoration: none; padding: 3%; } .taikenTubBtn a:before, .taikenTubBtn .Btn:hover:before, .taikenTubBtn .Btn:visited:before { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-right: 0.5em; color: #4192A5; } .taikenTubBtn.up a:before, .taikenTubBtn.up .Btn:hover:before, .taikenTubBtn.up .Btn:visited:before { content: "\f106"; } .taikenTubBtn.rig a:before, .taikenTubBtn.rig .Btn:hover:before, .taikenTubBtn.rig .Btn:visited:before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 600; } .kou2AcoBtn { position: relative; } .kou2AcoBtn:after { position: absolute; content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 400; right: 0; top: 50%; font-size: 1.5em; } /*.taikenTubBtn a.active { background:darken( $point-color, 20% );}*/ /*CVボタン*/ /*.TaikenMenu-Wrap p.Mbtn a { background:rgba( $sub-color, 1.0); color: #222;} .TaikenMenu-Wrap .Mbtn a:before{ color:#222;}*/ /*もっと読み込むボタン*/ .taikenMoreBtn a, .taikenMoreBtn .Btn:hover, .taikenMoreBtn .Btn:visited { background: #EEE; display: block; text-align: center; text-decoration: none; padding: 3%; } .taikenMoreBtn a:before, .taikenMoreBtn .Btn:hover:before, .taikenMoreBtn .Btn:visited:before { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-right: 0.5em; color: #222; } .taikenSPbox { padding: 1em; overflow: hidden; margin-top: 1em; border-radius: 5px; } #kango_sm .taikenSPbox, #kango .taikenSPbox { background: rgba(244, 133, 148, 0.2); } #iryo .taikenSPbox { background: rgba(211, 104, 164, 0.2); } #syafuku .taikenSPbox { background: rgba(238, 121, 81, 0.2); } #hoiku .taikenSPbox { background: rgba(245, 162, 0, 0.2); } #kaigo .taikenSPbox { background: rgba(111, 186, 44, 0.2); } .SPttl { margin: 0; font-size: 150%; font-family: Hiragino Kaku Gothic W8 JIS2004; } #kango_sm .SPttl, #kango .SPttl { color: #f48594; } #iryo .SPttl { color: #d368a4; } #syafuku .SPttl { color: #ee7951; } #hoiku .SPttl { color: #f5a200; } #kaigo .SPttl { color: #6fba2c; } #kango_sm p.Mbtn a, #kango_sm p.Mbtn .Btn:hover, #kango_sm p.Mbtn .Btn:visited, #kango p.Mbtn a, #kango p.Mbtn .Btn:hover, #kango p.Mbtn .Btn:visited { background: #f48594; } #iryo p.Mbtn a, #iryo p.Mbtn .Btn:hover, #iryo p.Mbtn .Btn:visited { background: #d368a4; } #syafuku p.Mbtn a, #syafuku p.Mbtn .Btn:hover, #syafuku p.Mbtn .Btn:visited { background: #ee7951; } #hoiku p.Mbtn a, #hoiku p.Mbtn .Btn:hover, #hoiku p.Mbtn .Btn:visited { background: #f5a200; } #kaigo p.Mbtn a, #kaigo p.Mbtn .Btn:hover, #kaigo p.Mbtn .Btn:visited { background: #6fba2c; } .SpMenuBox { width: 100%; text-align: center; } .SpMenuBox img { width: 70%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .SpMenuBox img { width: 100%; } } .m20171111 { background: rgba(111, 186, 44, 0.5); } .m20171123 { background: rgba(237, 89, 46, 0.5); } /*高2ocぺージ 1日の流れ*/ .Box-4.oc-flow-box { width: 23%; margin-right: 2.6%; position: relative; } .commonLayout__container .Nodivide-Wrap.sp__no-b .Box-4 { /*全スマホ*/ } @media only screen and (max-width: 40em) { .commonLayout__container .Nodivide-Wrap.sp__no-b .Box-4 { border-bottom: none; padding-bottom: 1.5rem; } } .Box-4.oc-flow-box:nth-child(4n) { margin-right: 0; } .Box-4.oc-flow-box::after { color: #f05a24; content: "\f054"; font-size: 15px !important; font-family: 'Font Awesome 5 Free'; font-weight: 400; position: absolute; top: 45px; right: -15px; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Box-4.oc-flow-box::after { content: "\f078"; top: 87%; right: 50%; } } .Box-4.oc-flow-box__last::after { content: ""; } .commonLayout__container .Nodivide-Wrap .Box-4.oc-flow-box img, .commonLayout__container .Nodivide-Wrap .Box-4.oc-flow-box__last img { /*全スマホ*/ } @media only screen and (max-width: 40em) { .commonLayout__container .Nodivide-Wrap .Box-4.oc-flow-box img, .commonLayout__container .Nodivide-Wrap .Box-4.oc-flow-box__last img { float: left; width: 48% !important; } } .oc-flow-box h4, .oc-flow-box__last h4 { margin: .75em 0; /*全スマホ*/ } @media only screen and (max-width: 40em) { .oc-flow-box h4, .oc-flow-box__last h4 { float: right; margin-top: 0; width: 48%; } } .oc-flow-box p, .oc-flow-box__last p { /*全スマホ*/ } @media only screen and (max-width: 40em) { .oc-flow-box p, .oc-flow-box__last p { float: right; width: 48%; } } /*平日個別相談会・AO・電話個別相談など*/ .heading-area { height: 220px; border: 1px solid #999; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /*全スマホ*/ } @media only screen and (max-width: 40em) { .heading-area { height: auto; padding-top: 220px; padding-bottom: 0; } } .heading-area.heijitsu { background: url(/wp-content/uploads/taiken/common/heijitsu.jpg) no-repeat right center; background-size: contain; /*全スマホ*/ } @media only screen and (max-width: 40em) { .heading-area.heijitsu { background-position: center top; background-size: 100% auto; } } .heading-area.tel { background: url(/wp-content/uploads/taiken/common/tel.jpg) no-repeat right center; background-size: contain; /*全スマホ*/ } @media only screen and (max-width: 40em) { .heading-area.tel { background-position: center top; background-size: 100% auto; } } .heading-area.jikkan { background: url(../img/taiken/menu_img/hoiku004.jpg) no-repeat right center; background-size: contain; /*全スマホ*/ } @media only screen and (max-width: 40em) { .heading-area.jikkan { background-position: center top; background-size: 100% auto; } } .heading-area.hakken { background: url(../img/taiken/menu_img/kango009.jpg) no-repeat right center; background-size: contain; /*全スマホ*/ } @media only screen and (max-width: 40em) { .heading-area.hakken { background-position: center top; background-size: 100% auto; } } .heading-area.ao { background: url(../img/taiken/menu_img/ao.jpg) no-repeat right center; background-size: contain; /*全スマホ*/ } @media only screen and (max-width: 40em) { .heading-area.ao { background-position: center top; background-size: 100% auto; } } .heading-title { /*全スマホ*/ } @media only screen and (max-width: 40em) { .heading-title { width: 100%; text-align: center; } } .heading-title small { font-weight: normal; } table.oc-month td.oc { background-color: #FFDB8A; } table.oc-month td.oc.fin { background: none; } /*オンライン系OC時の AO条件*/ .ao_require { position: relative; z-index: 1; } .ao_require::after { content: "or"; position: absolute; bottom: -1.5rem; left: 20%; font-size: 2rem; z-index: 2; font-family: Arial, Helvetica, "sans-serif"; color: #4192A5; font-weight: bold; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); /*全スマホ*/ } @media only screen and (max-width: 40em) { .ao_require::after { font-size: 2.5rem; bottom: -1.8rem; } } /*対象者高２のswiper*/ #swiper-kou2 .swiper-wrapper { position: relative; } #swiper-kou2 .swiper-button-prev { background-image: url("../../images/img/top/banner/prev.svg"); position: absolute; top: 48%; left: 0.5rem; } #swiper-kou2 .swiper-button-next { background-image: url("../../images/img/top/banner/next.svg"); position: absolute; top: 48%; right: 0.5rem; } .back-color__orange { background-color: #FD7242; } .back-color__pink { background-color: #FF6972; } .back-color__green { background-color: #58A805; } .back-color__red { background-color: #FF332A; } .back-color__aqua { background-color: #74B0E1; } .back-color__blue { background-color: #3E90D7; } .back-color__purple { background-color: #E470AC; } /*OC特典　2024.05.20*/ .oc__tokuten--wrap { background-color: #EBFAF3; padding: 1rem; } .oc__tokuten--ttl-taisyo { background: #FDF25A; font-weight: 600; font-size: 1.1rem; text-align: center; margin: 0 auto; padding: .3rem .5rem; display: inline; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .oc__tokuten--ttl { font-size: 1.6rem; text-align: center; color: #01B901; margin: 0; } .oc__tokuten--flow { list-style: none; margin: 0 auto; padding-left: 0; width: 90%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .oc__tokuten--flow { width: 100%; } } .oc__tokuten--flow ol { counter-reset: number; /*数字をリセット*/ list-style-type: none !important; /*数字を一旦消す*/ padding: 0.5em; } .oc__tokuten--flow ol li { background-color: #FFF; border-radius: .5rem; display: block; margin: 0; padding: 1em; position: relative; text-align: center; /*全スマホ*/ } @media only screen and (max-width: 40em) { .oc__tokuten--flow ol li { margin: 0.3em 0; } } .oc__tokuten--flow-ttl { color: #01B901; font-weight: 600; margin: 0 auto 5px; font-size: 1.1rem; } /* 看護フェス 2024.12.20 */ .fes_menu_wrap { background: #ffe5e5; border-radius: 0.5rem; padding: 0.5rem; } .menu_num { width: 20%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 0.3rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .menu_num { height: 2rem; width: auto; padding-right: 0; } } .memu_name { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #004570; font-size: 1.1rem; font-weight: 600; margin-bottom: 0; /*全スマホ*/ } @media only screen and (max-width: 40em) { .memu_name { font-size: 0.7rem; } } .fes_navi a, .fes_navi .Btn:hover, .fes_navi .Btn:visited, .fes_navi a:visited, .fes_navi .Btn:visited { font-weight: 600; color: #fff; } .fes_navi h3 { font-size: 2.5rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .fes_navi h3 { font-size: 1.25rem; } } /* CSS Document */ /*------------------ 下記URLのみで使用 http://www.ochw.ac.jp/syakai ------------------*/ .section-margin { margin: 4em 0 0; } .section-margin:nth-child(odd) { background: #EEE; padding: 2em; } .back-img--syakai { background: url("../../images/img/syakai/bg_main.jpg") no-repeat right bottom; background-size: 100%; overflow: hidden; margin: 0; padding: 1em 2em 2em; /*全スマホ*/ } @media only screen and (max-width: 40em) { .back-img--syakai { background-size: 130%; padding-bottom: 5em; } } .Font-TEN { font-family: ten-mincho-text, serif; } .Font-TALK { font-family: Talking; } .Font-color--blue { color: #007cc8; } .Font-color--blue a, .Font-color--blue .Btn:hover, .Font-color--blue .Btn:visited { color: #007cc8; } .Font-color--pink { color: #ff6699; } .Font-color--gray { color: #444; } .h-border--yellow { background: -webkit-linear-gradient(transparent 60%, #ffff66 60%); background: linear-gradient(transparent 60%, #ffff66 60%); } .h-bg--blue { background-color: #007cc8; color: #FFF; font-weight: normal; padding: 0.7em; } .bg-color--cream { background-color: #fff099; } .bg-color--gray { background-color: #DDD; padding: 1em; } .bg-color--white { background-color: #FFF; padding: 1em; } ul.list-check { list-style: none; margin-top: 1rem; margin-bottom: 1rem; } .list-check li:before { white-space: pre-wrap; font-family: 'Font Awesome 5 Free'; font-weight: 600; content: '\f14a\00a0'; /* アイコンのunicode */ color: #ff6699; } .back-koshi { background: #FFF; background-image: -webkit-linear-gradient(#DDD 1px, transparent 0), -webkit-linear-gradient(left, #DDD 1px, transparent 0); background-image: linear-gradient(#DDD 1px, transparent 0), linear-gradient(90deg, #DDD 1px, transparent 0); background-size: 20px 20px; border-right: #DDD 1px solid; border-bottom: #DDD 1px solid; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); } .box-border { background: #FFF; border: #CCC 1px solid; } .box-border a, .box-border .Btn:hover, .box-border .Btn:visited { text-decoration: none; display: block; padding: 15px 0 5px; } .box-border a:hover, .box-border .Btn:hover { background: rgba(0, 124, 200, 0.2); } p.Mbtn.Pink a, p.Mbtn.Pink .Btn:hover, p.Mbtn.Pink .Btn:visited { background-color: #ff6699; } .sitetitle-menu__wrap { padding: 0; padding: 3% 3% 3%; overflow: hidden; } /*発火したときのハンバーガー*/ body.drawer-opened #hamburger :nth-of-type(1) { -ms-transform: translate(0, 8px) rotate(45deg); transform: translate(0, 8px) rotate(45deg); -webkit-transform: translate(0, 10px) rotate(45deg); } body.drawer-opened #hamburger :nth-of-type(2) { -ms-transform: translate(-20px, 0); transform: translate(-20px, 0); -webkit-transform: translate(-20px, 0); opacity: 0; } body.drawer-opened #hamburger :nth-of-type(3) { -ms-transform: translate(0, -8px) rotate(-45deg); transform: translate(0, -8px) rotate(-45deg); -webkit-transform: translate(0, -10px) rotate(-45deg); } /*ドロワーメニュー*/ .spnavbox { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: #CBE6F6; color: #fff; z-index: -1; padding: 3%; opacity: 0; visibility: hidden; moz-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .drawer-opened .spnavbox { /*発火した時のドロワー*/ z-index: 300; opacity: 1; visibility: visible; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .drawer-opened { overflow: hidden; height: 100vh; position: fixed; width: 100vw; z-index: -1; } .drawer-opened .content-wrap { display: none; } .spnav { margin: 0; padding: 0; width: 100%; list-style: none; } .spnav__sitetitle { padding-bottom: 3vw; } .spnav__sitetitle > a, .spnav__sitetitle > .Btn:hover, .spnav__sitetitle > .Btn:visited { display: block; width: 70%; } .spnav__sitetitle > a img, .spnav__sitetitle > .Btn:hover img, .spnav__sitetitle > .Btn:visited img { vertical-align: bottom; } .spnav__p .fa-square { margin-right: 5px; } .spnav__p { margin: 0 0 0.5em 0; padding: 0; background: #FFFFFF; position: relative; color: #222222; } .spnav__p img { width: 1em; height: auto; vertical-align: middle; margin-right: 0.5em; } .spnav__clist { display: none; background: #f4f4f4; padding-left: 2em; overflow: inherit !important; } .spnav__c { padding: 0 1.5em 0 0; } .spnav__navbtn { display: block; padding: 1em; -moz-box-sizing: border-box; box-sizing: border-box; color: #222222; text-decoration: none; font-size: 1rem; border-bottom: dotted 1px #222222; } .spnav__c:last-child .spnav__navbtn, .spnav > .spnav__p > .spnav__navbtn { border: none; } .spnav__navbtn:visited, .spnav__navbtn:hover { color: #222222; } .spnav__navbtn__angle { position: absolute; top: 0; right: 0; width: 10%; height: 100%; background: #f4f4f4; text-align: center; padding-top: 8px; } .viewless .spnav__navbtn__angle i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .spnav__sns { overflow: hidden; } .spnav__sns__c { margin: 0; padding: 0; float: left; width: 33.3%; text-align: center; } .spnav__sns__c img { width: 30px; } /* css_btn */ a.text_btn, .text_btn.Btn:hover, .text_btn.Btn:visited { display: block; width: fit-content; border-radius: 5px; background: #56b2e3; padding: 5px; text-decoration: none; color: #FFFFFF; white-space: nowrap; } .Btn a, .Btn .Btn:hover, .Btn .Btn:visited { border-radius: 5px; padding: 1.2em .5em; text-decoration: none; background: #56b2e3; text-decoration: none; color: #FFFFFF; white-space: nowrap; display: block; } .Btn a.Point--color, .Btn .Point--color.Btn:hover, .Btn .Point--color.Btn:visited { background: #4192A5; padding: .7em 1em; margin: 0 auto; /*PC*/ } @media all and (min-width: 40em) { .Btn a.Point--color, .Btn .Point--color.Btn:hover, .Btn .Point--color.Btn:visited { max-width: 80%; } } .Btn a.Pointbor--color, .Btn .Pointbor--color.Btn:hover, .Btn .Pointbor--color.Btn:visited { position: relative; border: 1px solid #4192A5; background: #FFF; color: #4192A5; border-radius: 0; display: block; width: 100%; text-align: center; line-height: 1.2; padding: 1em .2rem; } .Btn a.Pointbor--color:hover, .Btn .Pointbor--color.Btn:hover { background-color: #4192A5; color: #FFF; } .Btn a.LINE--color, .Btn .LINE--color.Btn:hover, .Btn .LINE--color.Btn:visited { background: #00BB00; padding: .7em 1em; margin: 0 auto; /*PC*/ } @media all and (min-width: 40em) { .Btn a.LINE--color, .Btn .LINE--color.Btn:hover, .Btn .LINE--color.Btn:visited { max-width: 80%; } } .Btn a.Gray--color, .Btn .Gray--color.Btn:hover, .Btn .Gray--color.Btn:visited { background: #EEE; padding: .7em 1em; margin: 0 auto; color: #222; border-radius: 0; /*PC*/ } @media all and (min-width: 40em) { .Btn a.Gray--color, .Btn .Gray--color.Btn:hover, .Btn .Gray--color.Btn:visited { max-width: 100%; } } .Btn a.Orangegrd--color--round, .Btn .Orangegrd--color--round.Btn:hover, .Btn .Orangegrd--color--round.Btn:visited { background: -webkit-linear-gradient(left, #FFBB7C 15%, #FF9A7E); background: linear-gradient(to right, #FFBB7C 15%, #FF9A7E); padding: 1em 5em; margin: 0 auto; border-radius: 2rem; display: inline-block; } .Btn a.Orangebor--color--round, .Btn .Orangebor--color--round.Btn:hover, .Btn .Orangebor--color--round.Btn:visited { border: 1px solid #FF9A7E; background: #FFF; color: #FF9A7E; border-radius: 0.5rem; display: inline-block; width: 100%; text-align: center; padding: 0.5em 0; } .Btn a.Orangebor--color--round:hover, .Btn .Orangebor--color--round.Btn:hover { background-color: rgba(65, 146, 165, 0.2); } .Btn a.Orangegb--color--round, .Btn .Orangegb--color--round.Btn:hover, .Btn .Orangegb--color--round.Btn:visited { border: 1px solid #F05A24; background: #F05A24; color: #FFF; border-radius: 0.5rem; display: inline-block; width: 100%; text-align: center; padding: 0.75em 0; } .Btn a.Orangegb--color--round:hover, .Btn .Orangegb--color--round.Btn:hover { background-color: #fff; color: #F05A24; } .Btn a.grey--color--round, .Btn .grey--color--round.Btn:hover, .Btn .grey--color--round.Btn:visited { border: 1px solid #b4b4b4; background: #FFF; color: #b4b4b4; border-radius: 0.5rem; display: inline-block; width: 100%; text-align: center; padding: 0.5em 0; } .Btn a.grey--color--round:hover, .Btn .grey--color--round.Btn:hover { background-color: rgba(65, 146, 165, 0.2); } .Btn a.LINEgb--color--round, .Btn .LINEgb--color--round.Btn:hover, .Btn .LINEgb--color--round.Btn:visited { border: 1px solid #4FC133; background: #4FC133; color: #FFF; border-radius: 0.5rem; display: inline-block; width: 100%; text-align: center; padding: 0.75em 0; } .Btn a.LINEgb--color--round:hover, .Btn .LINEgb--color--round.Btn:hover { background-color: #fff; color: #4FC133; } .Btn:hover { opacity: 0.8; } .Btn__new { position: absolute; left: 0; top: 0; display: block; color: #fff; font-size: 11px; padding: .1em 1em; background-color: #4192A5; -webkit-transform: translate(20%, -50%); -ms-transform: translate(20%, -50%); transform: translate(20%, -50%); z-index: 1; } .Btn_playtime, .Btn_playtime--grey { font-size: 0.8rem; text-align: center; background: rgba(255, 212, 0, 0.8); border-radius: 2rem; width: 60%; height: 2.3rem; line-height: 2.3rem; margin: 0.8rem auto; display: block; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Btn_playtime, .Btn_playtime--grey { width: 80%; } } .Btn_playtime--grey { background: #ccc; color: #fff; } .slbs__arrow--color { color: #4192A5; } /*.btn-flat-border { margin: 0.5rem 0rem; display: inline-block; padding-right: 70%; padding-top: 1rem; padding-bottom: 1rem; text-decoration: none; color: #f05a24!important; border: solid 2px #f05a24; border-radius: 3px; -webkit-transition: .4s; transition: .4s; } .btn-flat-border:hover { background: #f05a24; color: #FFFFFF!important; }*/ .btn-flat-border { display: inline-block; text-decoration: none; margin: 0.5rem; } .list-tile { list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2.5% 0 -.5rem -.5rem; } .list-tile__item { margin: 0 0 .5rem .5rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .list-tile__link { display: block; color: #555; text-decoration: none; background: #FFF; border: solid 1px #000; padding: 1.5rem; border-radius: .2rem; font-size: .9rem; line-height: 1.3; font-weight: normal; } .slbs01 { width: 100%; font-size: 16px; color: #333333; background: none; } .slbs01 li { list-style-type: none; padding: 5px 10px; border-bottom: 1px solid #333333; } .slbs-bdr { list-style-type: none; padding: 5px 10px; border-bottom: 1px solid #333333; } /*.slbs-Box-2 { width:330px; margin-right:20px; float:left; @include media-sp{ width:48%; margin-right:5px; } } .slbs-Box-2:nth-of-type(2n){ margin-right:0; }*/ .slbs-Wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } /*/////////////////////　コンセプトページ　/////////////////////*/ .feature--ttl--wrap { background-repeat: no-repeat; background: url("../../images/img/gakkou/feature/main.jpg"); background-size: cover; position: relative; border-bottom: 5px solid #4192A5; min-height: 380px; margin-bottom: 2rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .feature--ttl--wrap { min-height: 200px; border-bottom: 3px solid #4192A5; background-position: center left; } } .feature--ttl_text { position: absolute; margin: 0 -10%; width: 90%; bottom: 3.5rem; left: 15%; letter-spacing: 0.5rem; font-size: 1.5rem; color: #000; /*全スマホ*/ } .feature--ttl_text span { border: solid 2px #222222; padding: 0.3rem 0.5rem; line-height: 3; letter-spacing: 0.3rem; } @media only screen and (max-width: 40em) { .feature--ttl_text { width: 90%; bottom: 3rem; margin: 0 -10%; font-size: 1.4rem; letter-spacing: .2rem; } .feature--ttl_text span { letter-spacing: 0.2rem; } } .Feature_index { padding: 1rem 0 0; position: relative; margin-bottom: 4rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature_index { margin-bottom: 4rem; } } .Feature_index h3 { color: #4192A5; font-weight: normal; padding-bottom: 1.5rem; } .Feature_index h3 span { background: #4192A5; color: #fff; display: inline-block; padding: 1rem 1.5rem; margin-bottom: 1rem; font-size: 1.2rem; letter-spacing: 0.1rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature_index h3 span { font-size: 1.4rem; } } .Feature_index .Select_logo { width: 7rem; position: absolute; top: 6.3rem; right: 25%; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature_index .Select_logo { top: 7rem; right: 2rem; } } .Feature_index .Feature-Downarrow { width: 5rem; position: absolute; bottom: -8rem; right: 20%; z-index: 1; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature_index .Feature-Downarrow { width: 4rem; bottom: -6.5rem; right: 40%; } } .Feature_index li { padding: 0.75rem 0.3rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature_index li { padding: 0 0 1rem; } .Feature_index li .adjast-sp1 { width: 70%; margin-left: 28%; } .Feature_index li .adjast-sp2 { width: 70%; margin-left: 8%; } } .Feature-Img { background: url("../../images/img/gakkou/feature/bg_slash02.png") top right; padding-bottom: 1rem; margin-left: 1.5rem; } .Feature-Img .front { margin-left: -1rem; margin-top: -1.5rem; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .Feature-Text { -moz-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .Feature-Name { color: #4192A5; line-height: 1.5; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } /*////////　 横の写真の時　////////　*/ .Feature-Box-Y { line-height: 1.8; padding-top: 1rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature-Box-Y { padding-top: 2rem; } } .Feature-Box-Y .Feature-Img { background: url("../../images/img/gakkou/feature/bg_slash.png") top right; padding-bottom: 1rem; margin-left: 1.5rem; } .Feature-Box-Y .Feature-Img .front { margin-left: -1rem; margin-top: -1.5rem; } .Feature-Box-Y .Feature-Catch { padding-left: 1rem; position: relative; margin-left: -2rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature-Box-Y .Feature-Catch { margin-left: 0; } } .Feature-Box-Y .Feature-Catch .number { position: absolute; bottom: 4.5rem; height: 4rem; width: auto; left: 1.5rem; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature-Box-Y .Feature-Catch .number { left: -1rem; bottom: -5rem; height: 4rem; width: auto; } } .Feature-Box-Y .Feature-Catch h3 { color: #4192A5; font-weight: normal; font-size: 1.1rem; position: absolute; bottom: -0.5rem; left: 3.5rem; padding: 0; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature-Box-Y .Feature-Catch h3 { left: 24%; bottom: -6rem; font-size: 1.1rem; } } .Feature-Box-Y .Feature-Box-Bottom { border-left: 1px solid #222222; margin-left: 33%; padding: .3rem 0 0 2.5rem; margin-top: .5rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature-Box-Y .Feature-Box-Bottom { padding: 0 0.5rem 0 1rem; margin-left: 0.3rem; margin-top: 6.5rem; } } /*////////　横写真　h3が４行の時 id04）////////　*/ #Feature_04.Feature-Box-Y .number { position: absolute; bottom: 6rem; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; /*全スマホ*/ } @media only screen and (max-width: 40em) { #Feature_04.Feature-Box-Y .number { left: -1rem; bottom: -3.5rem; } } /*////////　 縦の写真（id03、06は除く）////////　*/ .Feature-Box-T { line-height: 1.8; padding-top: 6rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature-Box-T { padding-top: 4rem; } } .Feature-Box-T .Feature-Img { position: relative; width: 90%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature-Box-T .Feature-Img { width: 70%; margin-left: 25%; } } .Feature-Box-T .number { height: 5.6rem; width: auto; top: -6rem; left: 2rem; position: absolute; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature-Box-T .number { height: 6rem; width: auto; left: -30%; } } .Feature-Box-T .Feature-Box-Bottom { border-left: 1px solid #222222; margin-left: 2rem; padding: .3rem 0 0 2.5rem; margin-top: 4rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Feature-Box-T .Feature-Box-Bottom { padding: 0 0.5rem 0 1rem; margin-left: 0.3rem; margin-top: 1rem; } } .Feature-Box-T .Feature-Box-Bottom h3 { color: #4192A5; font-weight: normal; font-size: 1.1rem; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; /*全スマホ*/ } /*////////　 縦の写真が右の時（id03、06の時）////////　*/ #Feature_03.Feature-Box-T .Feature-Img, #Feature_06.Feature-Box-T .Feature-Img { position: relative; width: 90%; margin-left: 2rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { #Feature_03.Feature-Box-T .Feature-Img, #Feature_06.Feature-Box-T .Feature-Img { width: 70%; margin-left: 2rem; } } #Feature_03.Feature-Box-T .Feature-Img .number, #Feature_06.Feature-Box-T .Feature-Img .number { height: 5.6rem; width: auto; position: absolute; top: -6rem; left: 5rem; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; /*全スマホ*/ } @media only screen and (max-width: 40em) { #Feature_03.Feature-Box-T .Feature-Img .number, #Feature_06.Feature-Box-T .Feature-Img .number { height: 6rem; width: auto; left: 43%; } } #Feature_03.Feature-Box-T .Feature-Box-Bottom, #Feature_06.Feature-Box-T .Feature-Box-Bottom { margin-left: 0; margin-top: 1rem; padding: .3rem 2.5rem 0 2.5rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { #Feature_03.Feature-Box-T .Feature-Box-Bottom, #Feature_06.Feature-Box-T .Feature-Box-Bottom { padding: 0 0.5rem 0 1rem; margin-left: 0.3rem; margin-top: 2rem; } } .uq-csArchive__panel { border-bottom: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; } .uq-csArchive__time { padding: 10px 0; -webkit-box-flex: 0; -ms-flex: 0 0 10em; flex: 0 0 10em; color: #999; } .uq-csArchive__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-decoration: none; } .uq-csArchive__link__icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 5px; } /****** くるくるバナー ******/ #bannerbox { /*全スマホ*/ } #bannerbox ul { width: 980px; padding: 10px 0; } #bannerbox ul img { width: 170px; } #bannerbox ul li { margin-right: 15px; padding: 0 10px 0 0; } @media only screen and (max-width: 40em) { #bannerbox ul { width: 300px; } #bannerbox ul img { width: 160px; } } .Font-A1Go { font-family: "Noto Sans JP", sans-serif; font-weight: 400; } .main__content-box { width: 1000px; margin: 5rem auto 0; /*全スマホ*/ } .main__content-box a, .main__content-box .Btn:hover, .main__content-box .Btn:visited { text-decoration: none; } @media only screen and (max-width: 40em) { .main__content-box { width: 96%; } } /*////////////////　タイトル文字 　///////////////*/ .main__title-L { font-size: 2.3rem; letter-spacing: 0.4rem; color: #4192A5; line-height: 1.15; } .main__title-L span { font-size: 0.95rem; letter-spacing: 0.3rem; font-weight: normal; -moz-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; color: #222222; } .main__title-M { font-size: 2.3rem; letter-spacing: 0.4rem; color: #4192A5; line-height: 1.15; } .main__title-S { font-size: 1.8rem; letter-spacing: 0.4rem; color: #4192A5; line-height: 1.15; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__title-S { font-size: 2rem; } } /*////////////////　コンセプトページへのリンク 　///////////////*/ .main__Concept { width: 1200px; margin: 1rem auto; padding: 1rem 0 0.5rem; border: 1px dotted #4192A5; border-top: none; position: relative; margin-top: 0; /*全スマホ*/ } .main__Concept .main_Concept_text { padding: 0 20%; letter-spacing: 0.15rem; } .main__Concept .main_Concept_link { position: absolute; right: 1rem; bottom: 0; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .main__Concept .main_Concept_link p { background: #4192A5; color: #fff; width: 6.5rem; height: 6.5rem; border-radius: 50%; padding: 2rem 0; vertical-align: baseline; font-size: 0.8rem; } @media only screen and (max-width: 40em) { .main__Concept { width: 96%; margin: 0.5rem auto 0; /*border:dotted $point-color 1px;*/ border: none; padding: 0.5rem 0.5rem 3.5rem; } .main__Concept .main_Concept_text { padding: 0; } .main__Concept .main_Concept_text p { font-size: 0.93rem; letter-spacing: 0; margin-bottom: 1rem; } .main__Concept .main_Concept_link { position: absolute; right: 13%; bottom: -0.5rem; width: 74%; z-index: 99; } .main__Concept .main_Concept_link p { width: 100%; height: auto; border-radius: 3rem; font-size: 1.1rem; padding: 0.7rem 0.5rem; letter-spacing: 0.3rem; margin-bottom: 1rem; font-size: 0.95rem; } } /*////////////////　 学校キャッチ　 　///////////////*/ .main__Catch { position: relative; margin-top: 1rem; /*全スマホ*/ } .main__Catch h2 { font-size: 1.2rem; color: #4192A5; text-align: center; line-height: 1.7; font-weight: normal; display: block; width: 100%; margin: 0 auto; letter-spacing: 0.4rem; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; padding-top: 1rem; -moz-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; } @media only screen and (max-width: 40em) { .main__Catch h2 { font-size: 0.9rem; letter-spacing: 0.2rem; padding-top: 1rem; padding-bottom: 2rem; } } /*////////////////　 学科　 　///////////////*/ .main__Course-wrap { position: relative; margin: 6rem 0; /*全スマホ*/ } .main__Course-wrap h2 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; margin-bottom: 1rem; } .main__Course-wrap::after { position: absolute; bottom: -3rem; content: ''; background: rgba(76, 172, 226, 0.2); width: 100%; height: 10rem; z-index: -999; } @media only screen and (max-width: 40em) { .main__Course-wrap { margin: 1rem 0 5rem; } .main__Course-wrap::after { display: none; } .main__Course-wrap h2 { margin-bottom: 0; } } .cd_link { position: absolute; bottom: -15%; left: 15%; border: 1px solid #4192A5; padding: 0 1em; margin: 0 auto; display: inline-block; border-radius: 0; /*全スマホ*/ } .cd_link a, .cd_link .Btn:hover, .cd_link .Btn:visited { color: #4192A5; } .cd_link a > :hover, .cd_link .Btn:hover > :hover, .cd_link .Btn:visited > :hover { opacity: 0.7; } .cd_link p { position: relative; padding-right: 3rem; display: block; font-size: 0.7rem; } .cd_link p img { position: absolute; top: 1.8rem; right: -0.5rem; } @media only screen and (max-width: 40em) { .cd_link { width: 85%; /*top:100%; left:10%; margin-top: 2rem; */ top: 2.5rem; left: 7.5%; margin-bottom: -1.2rem; } .cd_link p img { bottom: 0.2rem; font-size: 0.8rem; } } .Course-Box { position: relative; margin: 1.5rem auto; } .Course-Box-inner { position: absolute; background: rgba(255, 255, 255, 0.95); bottom: -2rem; right: 0.5rem; width: 70%; padding: 1rem 1.5rem 0; filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.1)); font-family: "Noto Sans JP", sans-serif; font-weight: 400; /*全スマホ*/ } .Course-Box-inner h3 { font-size: 1.5rem; margin: 0; font-weight: 500; } .Course-Box-inner img { width: 20%; position: absolute; right: 1rem; bottom: 1.2rem; } @media only screen and (max-width: 40em) { .Course-Box-inner { width: 90%; padding: 0.5rem 1rem 0; right: 2.5%; } .Course-Box-inner h3 { font-size: 1.25rem; } } /*////////////////　 TOPICS 中身　 　///////////////*/ .Leftcut-Box { position: relative; padding: 0 0.5rem; margin-bottom: 1rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Leftcut-Box { padding: 0 2rem; } } .bg_Leftcut { position: absolute; bottom: -1rem; right: 0; font-weight: bold; background-color: #fff; padding: 0.5rem 4rem .5rem 1.5rem; opacity: 0.95; width: 90%; /*全スマホ*/ } @media only screen and (max-width: 40em) { .bg_Leftcut { /*font-size: 0.85rem;*/ padding: 0.5rem 1rem 0.5rem 0.5rem; opacity: 0.9; bottom: -1.25rem; width: 92.5%; line-height: 1.2; } } .bg_Leftcut::before { content: ""; position: absolute; top: -0.5rem; right: 0; width: 100%; height: 1rem; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); background-color: #fff; z-index: -999; } .Leftcut-Box img.right_icon { position: absolute; bottom: 0.5rem; right: 1.5rem; color: #4CACE2; height: 1.5rem; /* color:#59A489; */ /*全スマホ*/ } @media only screen and (max-width: 40em) { .Leftcut-Box img.right_icon { bottom: 0.7rem; right: 0.75rem; } } /*画像に枠線重ねる*/ .img_Inner-Border { position: relative; } .img_Inner-Border::after { position: absolute; content: ""; width: 97%; height: 96%; border: solid 2px #fff; top: 2%; left: 1.5%; } /*////////////////　 オープンキャンパス　 　///////////////*/ .main__OC_wrap { background: url("../../images/img/top/banner/bg_gl.svg") repeat; padding-bottom: 5rem; margin: 7rem 0 0; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__OC_wrap { margin-top: 5rem; } } .main__OC_wrap .main__content-box { position: relative; margin-bottom: 5px; } .square-Float::before { position: absolute; top: -2.5rem; content: ''; border: 4rem solid rgba(76, 172, 226, 0.3); width: 0; /*全スマホ*/ } @media only screen and (max-width: 40em) { .square-Float::before { left: -1rem; } } /* .main__OC-Upper p{ width: 32%; float: left; margin-right: 2%; &:nth-child(3n){ margin-right: 0; } @include media-sp{ width: 48.5%; margin-bottom: 0; &:nth-child(2n){margin-right: 0;} } }*/ .main__OC-Upper li { color: #4192A5; padding: 1rem 0.3rem; position: relative; margin-bottom: 1.5rem; text-align: center; /*全スマホ*/ } .main__OC-Upper li img { vertical-align: baseline; } .main__OC-Upper li p { margin: 0; font-size: 0.7rem; } .main__OC-Upper li .main__OC-name { font-size: 1.2rem; padding-top: 0.25rem; letter-spacing: 0.3rem; line-height: 1; font-weight: 650; } @media only screen and (max-width: 40em) { .main__OC-Upper li { padding: 0.3rem; font-weight: 600; } .main__OC-Upper li .main__OC-name { padding-top: 0.3rem; letter-spacing: 0.25rem; text-align: center; } } .main__OC-caption { padding: 0.5rem 0.75rem 0.3rem; position: absolute; background: rgba(255, 255, 255, 0.9); bottom: -1.5rem; width: 85%; left: 7.5%; border: 1px solid #4192A5; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__OC-caption { padding: 0.3rem 0.2rem; width: 96%; left: 2%; bottom: -1rem; } } .main__OC-Upper li:nth-child(3n) { /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__OC-Upper li:nth-child(3n) { margin-bottom: 0; } .main__OC-Upper li:nth-child(3n) .main__OC-caption { bottom: 0.5rem; } } #main__OC-Bottom { width: 1040px; position: relative; padding: 1rem 20px 0; margin-left: -20px; /*全スマホ*/ } @media only screen and (max-width: 40em) { #main__OC-Bottom { width: 100%; margin: 0; padding: 0; } } #main__OC-Bottom .swiper-button-prev, .swiper-containerPick.Pick_carousel .swiper-button-prev, .swiper-yume .swiper-button-prev { background-image: url("../../images/img/top/banner/prev.svg"); position: absolute; top: 58%; left: 0.5rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { #main__OC-Bottom .swiper-button-prev, .swiper-containerPick.Pick_carousel .swiper-button-prev, .swiper-yume .swiper-button-prev { top: 50%; left: 0; opacity: 0.8; } } #main__OC-Bottom .swiper-button-next, .swiper-containerPick.Pick_carousel .swiper-button-next, .swiper-yume .swiper-button-next { background-image: url("../../images/img/top/banner/next.svg"); position: absolute; top: 58%; right: 0.5rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { #main__OC-Bottom .swiper-button-next, .swiper-containerPick.Pick_carousel .swiper-button-next, .swiper-yume .swiper-button-next { top: 50%; right: 0; opacity: 0.8; } } .swiper-containerPick.Pick_carousel { position: relative; width: 100%; overflow: hidden; } #main__OC-Bottom .swiper-slide { /*全スマホ*/ } @media only screen and (max-width: 40em) { #main__OC-Bottom .swiper-slide { padding: 0 0.3rem; background: transparent; } } /* @media (prefers-reduced-motion: reduce) { .swiper-slider, .swiper-container, .swiper-wrapper, .swiper-slide, .swiper-slide img { -webkit-transition-duration: 100ms !important; transition-duration: 100ms !important; } } */ /*////////////////　 インスタ　 　///////////////*/ .Insta-Wrap { background: rgba(153, 134, 117, 0.2); /*background:rgba(76,172,226,0.1);*/ padding: 2rem 0 4rem; position: relative; margin-bottom: 0; margin-top: 5px; } .Insta-Wrap .main__content-box { margin-top: 0; } .Insta-Wrap .square-Float::before { top: 0; } /* swiperじゃない時 Flrxbox .Insta-Box{ background-color: #ffffff; display: flex; flex-direction: row; justify-content: space-evenly; background: transparent; padding-top: 1rem; width: 100%; */ .Insta-Box { width: 100%; padding-top: 0.5rem; overflow: hidden; /*全スマホ*/ } @media only screen and (max-width: 40em) { .Insta-Box { width: 98%; margin: 0 auto; } } .Insta-Box li { max-height: 400px; } /*Twitter・LINE------------------------------------------------------------------------------ */ .main__twitter_line-wrap { background: #EFEEEB; padding-bottom: 3rem; margin-top: 3rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__twitter_line-wrap { background: rgba(239, 238, 235, 0.5); } } /*.main__twitter_news-box{} .main__twitter-box{} .main__twitter-title{} .main__news-content{}*/ .main__news-content li { display: block; padding: 0.5em 0; font-size: 0.75rem; border-bottom: #ccc dotted 1px; text-decoration: none; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__news-content li { font-size: 0.9rem; } } .main__news-content li :before { content: "\f0da"; color: #4192A5; font-family: 'Font Awesome 5 Free'; font-weight: 400; padding-right: .5rem; font-size: 1rem; } /*----------------TOP ブログ用---------------*/ .main__blog-day { font-size: 0.75rem; } .main__blog-day:before { content: "\f0da"; color: #4192A5; font-family: 'Font Awesome 5 Free'; font-weight: 400; font-size: 1.1rem; margin-right: 0.3rem; } .main__blog-icon { width: auto; height: 0.8rem; margin-left: 0.5rem; vertical-align: text-top; } .main__blog-post { display: block; border-bottom: #ccc solid 1px; text-decoration: none; margin-top: 0.3rem; padding-bottom: 0.3rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__blog-post { padding-bottom: 0.5rem; } } .main__blog-post:last-child a, .main__blog-post:last-child .Btn:hover, .main__blog-post:last-child .Btn:visited { border-bottom: none; } .main__blog-title { padding-left: 0.3rem; font-size: 0.75rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__blog-title { font-size: 0.9rem; } } .main__blog-wrap, .main__news-wrap { padding: 0 1.3rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__blog-wrap, .main__news-wrap { padding: 0 0.5rem 0 1.5rem; } } /*-------MORE のリンク------------*/ .More-Arrow_link a, .More-Arrow_link .Btn:hover, .More-Arrow_link .Btn:visited { border: 1px solid #222222; display: inline-block; position: relative; margin: 0 auto; width: 10rem; text-decoration: none; } .More-Arrow_link a p, .More-Arrow_link .Btn:hover p, .More-Arrow_link .Btn:visited p { padding: 0 0.5rem; text-align: center; color: #222222; margin-left: -2rem; } .More-Arrow_link a img, .More-Arrow_link .Btn:hover img, .More-Arrow_link .Btn:visited img { position: absolute; right: 1rem; bottom: 50%; padding-left: 1.5rem; width: 4rem; } .More-Arrow_link a:hover, .More-Arrow_link .Btn:hover { color: #fff; background: #4192A5; } /*-------SNSアイコン類 均等配置------------*/ .main__SNS-wrap { width: 70%; margin: 0 auto; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; /*全スマホ*/ } @media only screen and (max-width: 40em) { .main__SNS-wrap { width: 90%; } } .main__SNS-wrap li { width: 15%; height: auto; display: inline-block; } /*緊急ボックス用　*/ .emergency-box { border: 5px #F05A23 double; background: #FFFAE4; width: 1100px; margin: 0 auto; text-align: center; padding: 2rem; /*全スマホ*/ } @media only screen and (max-width: 40em) { .emergency-box { width: 90%; } } hr { background: #4192A5; height: 2px; margin: 0 auto; } /*対象者別メニュー（スマホのみ）------------------------------------------------------------------------------ */ .navi__subject-sp { /*全スマホ*/ } @media only screen and (max-width: 40em) { .navi__subject-sp { overflow: hidden; width: 100%; padding: 10px; } } .navi__subject-title { position: relative; padding: 1.2em 0; color: #222222; text-align: center; font-weight: bold; font-size: 1.1rem; } .navi__subject-title::before, .navi__subject-title::after { position: absolute; left: 0; content: ''; width: 100%; height: 4px; -moz-box-sizing: border-box; box-sizing: border-box; } .navi__subject-title::before { top: 0; border-top: 2px solid #4192A5; border-bottom: 1px solid #4192A5; } .navi__subject-title::after { bottom: 0; border-top: 1px solid #4192A5; border-bottom: 2px solid #4192A5; } .navi__subject-sp li a, .navi__subject-sp li .Btn:hover, .navi__subject-sp li .Btn:visited { display: block; padding: 1em; font-size: 0.9rem; border-bottom: #ccc dotted 1px; text-decoration: none; } .navi__subject-sp li a:before, .navi__subject-sp li .Btn:hover:before, .navi__subject-sp li .Btn:visited:before { content: "\f054"; color: #4192A5; font-family: 'Font Awesome 5 Free'; font-weight: 400; } .navi__subject-sp li:last-child a, .navi__subject-sp li:last-child .Btn:hover, .navi__subject-sp li:last-child .Btn:visited { border-bottom: none; } .content-wrap { width: 100%; position: relative; } .content { width: 100%; margin-top: 10px; /*全スマホ*/ } @media only screen and (max-width: 40em) { .content { margin: 0 auto; padding: 0; max-width: 100%; } } .commonLayout__container { /* width: 1000px; margin: 0 auto 4em auto; overflow: hidden; */ /*全スマホ*/ } .commonLayout__container:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } @media only screen and (max-width: 40em) { .commonLayout__container { width: 100%; } } /*背景100％＆インナーコンテンツ*/ .content-inner, .content-inner-L, .content-inner-M { margin: 0 auto; width: 100%; /*全スマホ*/ } .content-inner-L { width: 1200px; } .content-inner-M { width: 1000px; max-width: 100%; } @media only screen and (max-width: 40em) { .content-inner, .content-inner-L, .content-inner-M { width: 97%; margin: 0 auto; } } .content-entry { width: 700px; float: right; /*全スマホ*/ } @media only screen and (max-width: 40em) { .content-entry { width: 100%; float: none; } } .commonLayout__container .column1 { position: relative; float: none; width: 1000px; } /*1カラム*/ .commonLayout__container #pagefoot { clear: both; background: url(/wp-content/uploads/common/bg_pagefoot.jpg) top left no-repeat; padding: 90px 19px 0; margin-top: 50px; } .commonLayout__container #pagefoot_S { clear: both; background: url(/wp-content/uploads/common/bg_pagefoot_s.jpg) top left no-repeat; padding: 90px 19px 0; margin-top: 50px; } .commonLayout__container #pagefoot .Mail, .commonLayout__container #pagefoot_S .Mail { padding: 45px 0 50px 280px; } .commonLayout__container #pagefoot_cd { clear: both; background: url(/wp-content/uploads/common/bg_pagefoot_cd.jpg) top left no-repeat; padding: 150px 19px 30px; margin-top: 50px; /*全スマホ*/ } @media only screen and (max-width: 40em) { .commonLayout__container #pagefoot_cd { background: none; padding: 0; margin: 50px auto 0 auto; } } /* breadcrumb *******************************************************************************/ /** * パン屑リスト */ .breadcrumb { /* margin: 0 auto; */ padding: 10px 0 0 0; font-size: 0.7em; /* width: 1000px; */ } /* @media only screen and (max-width: 40em) { .breadcrumb { width: 95%; } } */ .side__title { background: url("../../images/img/top/common/bg_line.png") repeat center center; padding: 1em; color: #4192A5; text-align: center; font-weight: bold; font-size: 1rem; width: 240px; } .side__title a, .side__title .Btn:hover, .side__title .Btn:visited { text-decoration: none; color: #4192A5; } /* content-extraサイドバー *******************************************************************************/ .content-extra { float: left; width: 240px; /*全スマホ*/ } @media only screen and (max-width: 40em) { .content-extra { display: none; } } /*子*/ .side__list { margin-bottom: 20px; } .side__list ul { width: 240px; margin: 0 auto; padding: 0; } .side__list ul li { display: block; font-size: 0.9em; border-top: dotted 1px #999; } .side__list ul li:first-child { border-top: none; } .side__list ul li a, .side__list ul li .Btn:hover, .side__list ul li .Btn:visited { display: block; padding: 1em 0.7em 1em 2.0em; text-decoration: none; vertical-align: middle; } .side__list ul li a:before, .side__list ul li .Btn:hover:before, .side__list ul li .Btn:visited:before { content: "\f0da"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-right: 0.5em; color: #4192A5; } /*.side__list ul li a{ content:"\f105"; font-family:'Font Awesome 5 Free'; font-weight: 400; color:#EB001A; margin-right:5px; font-size: 150%; vertical-align: middle; } */ .side__list ul li.parent { font-size: 0.86rem; } .side__list ul li.parent a, .side__list ul li.parent .Btn:hover, .side__list ul li.parent .Btn:visited { background: none; padding-left: 0.7em; } .side__list ul li.current_page_item { background-color: #F0F0F0; } /*孫*/ .side__list ul li ul li a, .side__list ul li ul li .Btn:hover, .side__list ul li ul li .Btn:visited { display: block; padding: 0.7em 0.7em 0.7em 2.6em; text-decoration: none; background-image: none; } .side__list ul li ul li a:hover, .side__list ul li ul li .Btn:hover { background-image: none; } /*ブログページのウィジェット----------------------------------- */ .content-extra .widget { margin-bottom: 10px; } .content-extra h2.widgettitle { padding: 10px; margin: 0; text-align: left; font-size: 1rem; background: url(../../images/image/bg_line_pink.png) repeat center center; width: 220px; color: #222222; font-weight: bold; } .content-extra #calendar_wrap { background: #FFF; width: 240px; } .content-extra table#wp-calendar { margin: 10px 0; } .content-extra table#wp-calendar caption { text-align: center; font-size: 0.85rem; font-weight: bold; } .content-extra table#wp-calendar th, .content-extra table#wp-calendar td { width: 32px; text-align: center; } .sidebar-2colum .sidebar-menu-list { background: #FFF; width: 230px; } .sidebar-2colum .sidebar-menu-list ul { background: #FFF; width: 230px; } .sidebar-2colum .sidebar-menu-list ul li, .sidebar-2colum .sidebar-menu-list label, .sidebar-2colum .sidebar-menu-list select { font-size: 0.8rem; letter-spacing: -0.05em; margin: 0; } .sidebar-2colum .sidebar-menu-list ul li a, .sidebar-2colum .sidebar-menu-list ul li .Btn:hover, .sidebar-2colum .sidebar-menu-list ul li .Btn:visited { display: block; padding: 10px 15px; text-decoration: none; border-top: #CCC 1px dotted; } .sidebar-2colum .sidebar-menu-list ul li a:before, .sidebar-2colum .sidebar-menu-list ul li .Btn:hover:before, .sidebar-2colum .sidebar-menu-list ul li .Btn:visited:before { content: "\f0da"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-right: 0.5em; color: #4192A5; } .sidebar-2colum .sidebar-menu-list ul li:first-child a, .sidebar-2colum .sidebar-menu-list ul li:first-child .Btn:hover, .sidebar-2colum .sidebar-menu-list ul li:first-child .Btn:visited { border-top: none; } .sidebar-2colum #sidebar-menu-list ul li:last-child { border-bottom: #CCC 1px dotted; } .sidebar-2colum .sidebar-menu-list ul ul { margin: 0; padding: 0; } .sidebar-2colum .sidebar-menu-list ul ul li { font-size: 1em; } .sidebar-2colum .sidebar-menu-list ul ul li a, .sidebar-2colum .sidebar-menu-list ul ul li .Btn:hover, .sidebar-2colum .sidebar-menu-list ul ul li .Btn:visited { display: block; padding: 10px 5px 10px 30px; text-decoration: none; } .sidebar-2colum .sidebar-menu-list ul li a:hover, .sidebar-2colum .sidebar-menu-list ul li .Btn:hover, .sidebar-2colum .sidebar-menu-list ul ul li a:hover, .sidebar-2colum .sidebar-menu-list ul ul li .Btn:hover { background: #eeeeee; color: #333; } /*ブログランキング部分*/ .sidebar-2colum .sidebar-menu-list ul.wpp-list li:first-child a, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:first-child .Btn:hover, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:first-child .Btn:visited { background: url(../images/ra01.png) no-repeat left center; padding-left: 55px; } .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(2) a, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(2) .Btn:hover, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(2) .Btn:visited { background: url(../images/ra02.png) no-repeat left center; padding-left: 55px; } .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(3) a, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(3) .Btn:hover, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(3) .Btn:visited { background: url(../images/ra03.png) no-repeat left center; padding-left: 55px; } .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(4) a, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(4) .Btn:hover, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(4) .Btn:visited { background: url(../images/ra04.png) no-repeat left center; padding-left: 55px; } .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(5) a, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(5) .Btn:hover, .sidebar-2colum .sidebar-menu-list ul.wpp-list li:nth-child(5) .Btn:visited { background: url(../images/ra05.png) no-repeat left center; padding-left: 55px; } .sidebar-2colum .sidebar-menu-list ul.wpp-list li a:hover, .sidebar-2colum .sidebar-menu-list ul.wpp-list li .Btn:hover { background-color: #FFF06E; color: #333; } .sidebar-2colum .sidebar-menu-list ul.wpp-list li .post-stats { padding-left: 55px; } /* ブログページのカテゴリー／月別アーカイブ----------------------------------- */ .archives-postbox { background: #EEE; padding: 0.5em; margin-top: 0; } .archivesbox { margin-bottom: 2em; } .archivesbox h2 { background: #FFFFFF; border-top: #4192A5 3px solid; border-bottom: #4192A5 3px solid; margin: 30px 0 5px; padding: 8px; } .archivesbox h2 a, .archivesbox h2 .Btn:hover, .archivesbox h2 .Btn:visited { text-decoration: none; } .archivesbox dl { font-size: 0.82em; overflow: hidden; margin: 0; padding: 0; } .archivesbox dl:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .archivesbox dt, .archivesbox dt p { margin: 0; padding: 0; } .archivesbox dd.cateImg { float: left; margin: 0 0.5em 0 0; /*全スマホ*/ } @media only screen and (max-width: 40em) { .archivesbox dd.cateImg { float: none; margin: 0 auto 10px auto; } } .archivesbox dd.cateImg img { /*全スマホ*/ } @media only screen and (max-width: 40em) { .archivesbox dd.cateImg img { width: 60%; margin: 0 auto; display: block; } } .archivesbox dl dd.more { margin: 1em 0 0 0; text-align: right; } .archivesbox__description img { /* aspect-ratio: 1 / 1; */ width: 12.5rem; } /*対象者別のサイドバー表示（PC）*/ .Navi_pc { /*全スマホ*/ } @media only screen and (max-width: 40em) { .Navi_pc { display: none; } } .Navi_pc ul.side__list { margin: 2rem 0 1rem; border: 1px solid #ccc; padding-right: 0.5rem; } .Navi_pc ul.side__list li { display: block; font-size: 0.9em; border-top: solid 1px #ccc; } .Navi_pc ul.side__list li:first-child { border-top: none; } .Navi_pc ul.side__list li a, .Navi_pc ul.side__list li .Btn:hover, .Navi_pc ul.side__list li .Btn:visited { display: block; padding: 1em; text-decoration: none; vertical-align: middle; } .Navi_pc ul.side__list li a::before, .Navi_pc ul.side__list li .Btn:hover::before, .Navi_pc ul.side__list li .Btn:visited::before { content: "\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-right: 0.5em; color: #4192A5; } .wrap, .wrap--100 { /*PC*/ /*全スマホ*/ } @media all and (min-width: 40em) { .wrap, .wrap--100 { padding: 0 5%; max-width: 90em; min-width: 65em; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 40em) { .wrap, .wrap--100 { padding: 0 2.5%; } } .wrap--100 { padding: 0; } .wrap-pc { /*PC*/ } @media all and (min-width: 40em) { .wrap-pc { padding: 0 5%; max-width: 90em; min-width: 65em; margin-left: auto; margin-right: auto; } } .wrap-sp { /*全スマホ*/ } @media only screen and (max-width: 40em) { .wrap-sp { padding: 0 2.5%; } } .wrap-center { text-align: center; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .swiper-wrapper.swiper-wrapper-yume { transition-timing-function: linear !important; } .swiper-slide.swiper-slide-yume img { width: 100%; height: 100%; } /*# sourceMappingURL=maps/style.css.map */