/******************************************************************
Theme Name: 岡崎女子大学 オフィシャルサイト
Theme URI: http://www.themble.com/bones
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
Author: CODER
Author URI: http://www.yoururlhere.com
Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.


MAKE SURE TO READ BELOW BEFORE GETTING STARTED FOR THE FIRST TIME!
------------------------------------------------------------------

You may be thinking…

WHOA, WHOA, WHOA…WHAT HAPPENED HERE?

But before you freak out, let me take a few minutes to explain.

Bones now uses Sass by default. If you prefer using regular CSS,
then feel free to modify this theme how you like and keep a copy
as your own personal starting point.

DON'T DISMISS IT JUST YET THOUGH, USING Sass ISN'T AS COMPLICATED AS YOU THINK.

It does take a few minutes to wrap your head around, but it will all
be worth it. Need a quick intro? Here are a few quick reads:

http://simplebits.com/notebook/2013/11/13/sass-book/ (BUY THIS)
http://cognition.happycog.com/article/preprocess-this
http://viget.com/inspire/sass-a-designers-perspective
http://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/
http://css-tricks.com/sass-style-guide/
http://net.tutsplus.com/tutorials/html-css-techniques/developing-with-sass-and-chrome-devtools/

I would HIGHLY RECOMMEND, if you are going to be working with Sass, that you work locally.
The browsers don't understand Sass and compiling it on the server takes a bit
of a setup.

That being said, here are a few MUST HAVE TOOLS for working with a
pre-processor: (You really only need one of them)

CodeKit: (Highly Recommended)
http://incident57.com/codekit/

Compass App: (Windows / Mac Users)
http://compass.handlino.com/

These applications compile Sass into valid CSS. This
way you can keep your production files easy to read and your
CSS minified and speedy. Simply set the output to the
library/css folder and you are all set. It's a thing of beauty.

You can also setup auto compiling with Grunt or using Terminal on
OSX. It's a bit complicated to setup so if you aren't familiar
with it, just get one of the automated applications.

---------------------------------------------------------------

Remember, once you download Bones it's up to you how to use it,
so go nuts. Set things up and develop in a way that's easiest for
you. If using Sass is still a bit confusing for you, then remove it
and customize this template as you see fit.

If you're a bit uneasy about using Sass or just want a familiar setup,
take a few minutes and think about how much better a developer you
can become by just TRYING out new technologies. It may be tough at
first but it WILL make you a better developer. TRUST ME ON THIS. Give
it a week, maybe two, and you will never go back.

If you STILL can't get on board and want to jump ship, that's cool.
Bones is not for everyone and that's ok, I mean I'm not hurt by it,
whatever, I never liked you anyway. Here are some other alternatives
if you're looking for a blank starter theme. I'll just be here waiting
by the window, in case you ever decide to come back.

http://roots.io/starter-theme (way more complex but has a ton of cool features)
http://html5reset.org (super clean and great markup)
https://github.com/viewportindustries/starkers (not sure if it's still active, but still good)

That's it. It's time to jump in and get your hands dirty.
Seriously, why are you still reading this? Get to work!
If you have any issues or problems, you can create an issue on github
or find me on Twitter: @eddiemachado (SHAMELESS PLUG!).

Happy Developing!

(When you're done, you may want to remove all this nonsense before
passing it along to your client.)

******************************************************************/

/*
WordPress Probz
So Theme Check (http://wordpress.org/plugins/theme-check/)
is constantly telling me that it needs these classes in the CSS even
though they are in the REAL stylesheet in library/css/style.css.
So we're gonna drop these here to keep it happy.
Great work, Theme Check (eye roll)
*/

.sticky {}

/* DO NOT EDIT THIS */
.gallery-caption {}

/* THESE ARE USELESS */
.bypostauthor {}

/* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */


/* common-css */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

input::placeholder {
    color: #ccc;
}

input::-ms-input-placeholder {
    color: #ccc;
}

input:-ms-input-placeholder {
    color: #ccc;
}

input::placeholder {
    color: #ccc;
}

input::-ms-input-placeholder {
    color: #ccc;
}

input:-ms-input-placeholder {
    color: #ccc;
}

body {
    -webkit-text-size-adjust: 100%;
    line-height: 1.8;
    color: #454545;
    letter-spacing: 0.1em;
    font-family: A1明朝, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, MS明朝, serif;
    position: relative;
    overflow-x: hidden;
}

.body-wrap {
    min-width: 1200px;
}


body.home .wrap,
.wrap {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

a {
    transition: .2s;
    text-decoration: none;
}

a:hover {
    opacity: .6;
    text-decoration: none;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.col_2 {
    width: 48%;
    margin: 0 1% 2%;
}

.col_3 {
    width: calc(100% / 3 - 2%);
    margin: 0 1% 2%;
}

.col_4 {
    width: 23%;
    margin: 0 1% 2%;
}

.col_5 {
    width: 18%;
    margin: 0 1% 2%;
}

.col_6 {
    width: calc(100% / 6 - 2%);
    margin: 0 1% 2%;
}

.ps-re {
    position: relative;
    z-index: 0;
}

.ps-ab {
    position: absolute;
}

.center {
    text-align: center;
}

.vert {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

/* フォント */
.minion {
    font-family: minion-pro, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, MS明朝, serif;
    font-weight: 500;
    font-style: normal;
}

.minion_ita {
    font-family: minion-pro, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, MS明朝, serif;
    font-weight: 500;
    font-style: italic;
}

.gothic {
    font-family: "游ゴシック", "Yu-gothic", "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

br.s_block {
    display: none;
}


/* PARTS */
.title {
    text-align: center;
    margin-bottom: 30px;
}

.title-text {
    position: relative;
    font-size: 2.2rem;
    letter-spacing: 0.2em;
    margin-top: 60px;
    color: #D83000;
}

.title-text.minion_ita {
    letter-spacing: 0.08em;
}

.title .small-text {
    color: #D83000;
    font-size: 14px;
    letter-spacing: 0.2em;
}

.red {
    color: #D83000;
}

.more a {
    font-family: minion-pro, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, MS明朝, serif;
    font-weight: 500;
    font-style: italic;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #7E7E7E;
    display: inline-block;
    line-height: 1.4;
    color: #7E7E7E;
}



/* HEADER SIDE */
#side-header {
    position: fixed;
    height: 100%;
    bottom: 0;
    z-index: 999;
    background-color: #fff;
}

#side-header .side-title {
    margin: 0 auto;
    padding: 40px 20px 0;
    letter-spacing: 0.4em;
    font-size: 20px;
}

#side-header .side-title a {
    color: #454545;
}

#side-header .nav-toggle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    background-color: #D83000;
    padding: 18px 0 13px;
}

#side-header .nav-toggle .toggle {
    width: 40px;
    height: 20px;
    position: relative;
    margin: 0 auto;
}

#side-header .nav-toggle .toggle span {
    position: absolute;
    border-top: 1px dashed #fff;
    width: 100%;
    left: 0;
    transition: .2s;
}

#side-header .nav-toggle .toggle span:nth-of-type(1) {
    top: 0;
}

#side-header .nav-toggle .toggle span:nth-of-type(2) {
    top: 9px;
}

#side-header .nav-toggle .toggle span:nth-of-type(3) {
    top: 18px;
}

#side-header.open .nav-toggle .toggle span:nth-of-type(1) {
    transform: translateY(9px) rotate(25deg);
}

#side-header.open .nav-toggle .toggle span:nth-of-type(2) {
    opacity: 0;
}

#side-header.open .nav-toggle .toggle span:nth-of-type(3) {
    transform: translateY(-9px) rotate(-25deg);
}

#side-header .nav-toggle .text {
    color: #fff;
    line-height: 1;
    font-weight: normal;
    text-align: center;
    margin-top: 3px;
}

#side-header:not(.open) .nav-toggle:hover .toggle span:nth-of-type(1) {
    top: -3px;
}

#side-header:not(.open) .nav-toggle:hover .toggle span:nth-of-type(3) {
    top: 21px
}

/* HEADER TOP */
#main-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding-top: 46px;
}

#main-header .header-top {
    position: fixed;
    top: 0;
    left: 76px;
    width: calc(100% - 76px);
}

#main-header .header-top ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: rgba(216, 48, 0, .9);
}

#main-header .header-top ul li {
    width: 14%;
    text-align: center;
    position: relative;
    padding: 9px 0;
}

#main-header .header-top ul li.header-top-dropdown>a {
    pointer-events: none;
}

#main-header .header-top ul .header-top-dropdown ul li {
    padding: 25px 0;
}

#main-header .header-top ul li::after {
    content: "";
    width: 1px;
    height: 14px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    border-right: 1px dotted #fff;
}

#main-header .header-top ul li.no-b::after {
    display: none;
}

#main-header .header-top ul li.no-b {
    border-right: none;
}

#main-header .header-top ul li a {
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.07em;
    font-size: 15px;
    padding: 10px 30px;
}

#main-header .header-top ul li a.adjust {
    color: #D83000;
    display: block;
    background-color: #FFD4C7;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#main-header .header-top ul li a.adjust img {
    position: absolute;
    top: 5px;
    right: 5px;
}

#main-header .header-top ul li a.adjust:hover {
    opacity: 1;
    background-color: #fff;
}

#main-header .header-bottom {
    background-color: rgba(255, 255, 255, .85);
}

#main-header .header-bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#main-header .header-bottom ul li {
    padding: 12px 0;
    width: 258px;
    line-height: 1;
    transition: .3s;
}

#main-header .header-bottom ul li:last-child a {
    border-right: none;
}

#main-header .header-bottom>nav>ul>li:hover {
    background-color: #FFD4C7;
}

#main-header .header-bottom ul li a {
    letter-spacing: 0.1em;
    color: #D83000;
    display: block;
    text-align: center;
    border-right: 1px dotted #D83000;
}

#main-header .header-bottom>nav>ul>li:hover>a+.header-bottom-acodion {
    opacity: 1;
    visibility: visible;
}

#main-header .header-bottom .header-bottom-acodion {
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    position: absolute;
    transform: translateY(100%);
    bottom: 0;
    left: 76px;
    background-color: rgba(255, 255, 255, .9);
    padding: 50px 50px 30px;
    z-index: -1;
    width: calc(100vw - 76px);
}

#main-header .header-bottom .header-bottom-acodion .text.top {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #707070;
}

#main-header .header-bottom .header-bottom-acodion ul {
    justify-content: flex-start;
}

#main-header .header-bottom .header-bottom-acodion.li_05 li {
    width: 20%;
}

#main-header .header-bottom .header-bottom-acodion ul li.adjust {
    width: 42%;
}

#main-header .header-bottom .header-bottom-acodion ul li {
    width: 24%;
    margin-bottom: 15px;
    padding: 0;
}

#main-header .header-bottom .header-bottom-acodion ul li a {
    color: #454545;
    border-right: none;
    display: inline-block;
    padding: 12px 0;
}

#main-header .header-bottom .header-bottom-acodion ul li a:hover {
    opacity: 1;
    color: #D83000;
}

#main-header .header-bottom .header-bottom-acodion ul li a::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #D83000;
    transition: .2s;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

#main-header .header-bottom .header-bottom-acodion ul li a:hover::before {
    width: 10px;
}

.toggle-menu {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 76px;
    right: 0;
    bottom: 0;
    height: 100%;
    width: calc(100% - 76px);
    overflow-y: scroll;
    background-color: #DA4A24;
    display: none;
}

.toggle-menu a {
    color: #fff;
}

.toggle-menu .toggle-top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-bottom: 1px solid #fff;
}

.toggle-menu .toggle-top-link a {
    width: 140px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    padding: 6px 0;
}

.toggle-menu .toggle-top-link a:hover {
    opacity: 1;
    background-color: #fff;
    color: #DA4A24;
}

.toggle-menu .toggle-top ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.toggle-menu .toggle-top ul li:last-child a {
    border-right: none;
}

.toggle-menu .toggle-top ul li {
    line-height: 1;
    padding: 30px 0;
    font-weight: bold;
    letter-spacing: 0.33em;
    transition: .2s;
}

.toggle-menu .toggle-top ul li:hover {
    background-color: #D83000;
}

.toggle-menu .toggle-top ul li a {
	font-size: 14px;
	letter-spacing: 0.1em;
    padding: 0 25px;
    display: block;
    text-align: center;
    border-right: 1px dotted #fff;
}

.toggle-menu .toggle-top .toggle-top-acodion {
    opacity: 0;
    position: absolute;
    top: 64px;
    left: 0;
    transition: .3s;
    visibility: hidden;
    transition: .3s;
    width: calc(100vw - 76px);
    background-color: #D83000;
    padding: 10px 50px;
    z-index: 1;
}

.toggle-menu .toggle-top>ul>li:hover>a+.toggle-top-acodion {
    opacity: 1;
    visibility: visible;
}

.toggle-menu .toggle-top .toggle-top-acodion li {
    width: 25%;
}

.toggle-menu .toggle-top .toggle-top-acodion li.adjust {
    width: 50%;
}

.toggle-menu .toggle-top .toggle-top-acodion li a {
    padding: 0;
    border-right: none;
    text-align: left;
    display: inline-block;
}

.toggle-menu .toggle-top .toggle-top-acodion ul {
    justify-content: flex-start;
}

.toggle-menu .toggle-top .toggle-top-acodion ul li a:hover::before {
    width: 10px;
}

.toggle-menu .toggle-top .toggle-top-acodion ul li a::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #fff;
    transition: .2s;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.toggle-menu .toggle-top .toggle-top-acodion ul li a:hover {
    opacity: 1;
}

.toggle-menu .toggle-top ul li a:hover {
    opacity: .6;
    color: #fff;
}

.toggle-menu .toggle-bottom {
    max-width: 1023px;
    margin: 0 auto;
    padding: 80px 0;
}

.toggle-menu .toggle-bottom-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.toggle-menu .toggle-bottom-flex>div {
    width: 46%;
}

.toggle-menu .toggle-bottom a {
    font-size: 22px;
    letter-spacing: 0.12em;
    font-weight: bold;
}

.toggle-menu .toggle-bottom ul.sin-ul>li a:hover {
    opacity: .6;
    color: #fff;
}

.toggle-menu .toggle-bottom ul.sin-ul>li {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    position: relative;
}

.toggle-menu .toggle-bottom ul.sin-ul>li .acodion {
    position: absolute;
    right: 5px;
    cursor: pointer;
    top: 15px;
    color: #fff;
    transition: .2s;
}

.toggle-menu .toggle-bottom ul.sin-ul>li .acodion.active {
    transform: rotate(-180deg);
}

.toggle-menu .toggle-bottom ul.sin-ul>li:last-child {
    border-bottom: none;
}

.toggle-menu .toggle-bottom .toggle-bottom-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0;
}

.toggle-menu .toggle-bottom .toggle-bottom-link a {
    display: block;
    width: 49%;
    text-align: center;
    background-color: #fff;
    font-size: 18px;
    color: #D83000;
    padding: 7px 0;
    letter-spacing: 0.12em;
}

.toggle-menu .toggle-bottom .toggle-bottom-link a:hover {
    opacity: .6;
}

.toggle-menu .toggle-bottom ul.sec-ul {
    display: none;
}

.toggle-menu .toggle-bottom ul.sec-ul>li>a {
    font-size: 16px;
}

.toggle-menu .toggle-bottom ul.sec-ul>li {
    margin-right: 10px;
    display: inline-block;
}

.toggle-menu .toggle-bottom ul.sec-ul>li::before {
    content: "-";
    margin-right: 5px;
    color: #fff;
}

.toggle-menu .toggle-bottom-right .banner-img {
    margin-top: 20px;
}

/* なぜ美しい女性なのか？ */
#beautiful-sec01 {
    height: 100vh;
    z-index: 0;
    overflow: hidden;
}

#beautiful-sec01 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#beautiful-sec01 .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#beautiful-sec01 .wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

#beautiful-sec01 .text {
    font-size: 26px;
    letter-spacing: 0.2em;
    color: #454545;
}

#beautiful-sec02 {
    padding: 10em 0;
    position: relative;
    z-index: 0;
    text-align: center;
}

#beautiful-sec02 .text.top {
    font-weight: bold;
    font-size: 50px;
    letter-spacing: 0.3em;
    margin-bottom: 2em;
}

#beautiful-sec02 .text:not(.top) {
    font-size: 22px;
    letter-spacing: 0.07em;
    line-height: 3.1;
}

#beautiful-sec02 .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#beautiful-sec02 .bg img {
    width: 100%;
}


/* 学長あいさつ */
#president-sec01 .text.top {
    text-align: center;
    font-size: 1.9rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    position: relative;
    margin-bottom: 100px;
}

#president-sec01 .text.top::before {
    content: "";
    position: absolute;
    width: 17px;
    height: 1px;
    background-color: #454545;
    bottom: -50px;
    transform: translateX(-50%);
    left: 50%;
}

#president-sec01 .text:not(.top) {
    line-height: 3.4;
}

#president-sec01 {
    padding: 100px 0;
    position: relative;
    z-index: 0;
}

#president-sec01 img.ps-ab {
    top: -100px;
    z-index: -1;
}

#president-sec01 img.ps-ab.n1 {
    left: 0;
}

#president-sec01 img.ps-ab.n2 {
    right: 0;
}

#president-sec01 .text-box {
    max-width: 814px;
    margin: 0 auto;
}

#president-sec01 .text-box .name-box {
    margin-top: 60px;
}

#president-sec01 .text-box .name-box .job {
    font-size: 13px;
    letter-spacing: 0.2em;
}

#president-sec01 .text-box .name-box .name {
    font-size: 20px;
    letter-spacing: 0.2em;
}

#president-sec02 img {
    width: 100%;
}

#guide-common-footer .flex {
    max-width: 900px;
    margin: 0 auto;
    justify-content: center;
}

#guide-common-footer .flex .box {
    width: 239px;
    height: 146px;
    position: relative;
    z-index: 0;
    margin: 20px;
}

#guide-common-footer .flex .box::before {
    content: "";
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(assets/img/guide/shadow.png) no-repeat center center / cover;
    right: -10px;
    bottom: -10px;
    position: absolute;
}

#guide-common-footer .flex .box a {
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #D83000;
    position: relative;
    text-align: center;
    transition: .5s;
}

#guide-common-footer .flex .box a .num {
    font-size: 18px;
    color: #fff;
    display: block;
    letter-spacing: 0;
    font-family: minion-pro, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, MS明朝, serif;
    font-weight: 500;
    font-style: italic;
    transition: .5s;
}

#guide-common-footer .flex .box a .text {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.05em;
    font-weight: bold;
    transition: .5s;
}

#guide-common-footer .flex .box a::after {
    position: absolute;
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    pointer-events: none;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border: 1px dashed #fff;
    transition: .5s;
}

#guide-common-footer {
    padding: 100px 0;
    background: url(assets/img/guide/footer-bg.jpg) no-repeat center center / cover;
}

#guide-common-footer .title-text {
    margin-top: 0;
    margin-bottom: 25px;
}

#guide-common-footer .title-text::before {
    content: "";
    width: 17px;
    height: 1px;
    background-color: #D83000;
    position: absolute;
    bottom: -13px;
    transform: translateX(-50%);
    left: 50%;
}

#guide-common-footer .flex .box a:hover {
    opacity: 1;
    background-color: #fff;
}

#guide-common-footer .flex .box a:hover .num,
#guide-common-footer .flex .box a:hover .text {
    color: #D83000;
}

#guide-common-footer .flex .box a:hover::after {
    border: 1px dashed #D83000;
}


/* 建学の精神 */
#founding-sec01,
#founding-sec02 {
    padding: 100px 0;
}

#founding-sec01 {
    position: relative;
}

#founding-sec01::before {
    position: absolute;
    content: "";
    background-color: rgba(112, 112, 112, .3);
    max-width: 900px;
    height: 1px;
    width: 100%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.founding-title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.founding-title::before {
    content: "";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: -30px;
    height: 1px;
    width: 17px;
    background-color: #454545;
}

.founding-title .text {
    letter-spacing: 0.2em;
    font-weight: bold;
    margin-bottom: 10px;
}

.founding-title-text {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.2em;
}

#founding-sec01 .wrap>.text,
#founding-sec02 .wrap>.text {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 2.5;
}

#founding-sec02 .box {
    padding: 40px;
    margin-top: 80px;
    background-color: #FAFAFA;
}

#founding-sec02 .box .flex {
    justify-content: space-between;
}

#founding-sec02 .box .flex .img {
    width: 39%;
}

#founding-sec02 .box .flex .text-box {
    width: 55%;
}

#founding-sec02 .box .flex .text-box .small {
    letter-spacing: 0.2em;
    font-weight: bold;
}

#founding-sec02 .box .flex .text-box .medium {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

#founding-sec02 .box .flex .text-box .big {
    font-size: 30px;
    font-weight: bold;
    color: #D83000;
    letter-spacing: 0.2em;
    margin: 20px 0 5px;
}

#founding-sec02 .box .flex .text-box ul li {
    font-weight: bold;
}

#founding-sec02 .box .flex .text-box ul li::before {
    margin-right: 3px;
}

#founding-sec02 .box .flex .text-box ul li:nth-of-type(1)::before {
    content: "1.";
}

#founding-sec02 .box .flex .text-box ul li:nth-of-type(2)::before {
    content: "2.";
}

#founding-sec02 .box .flex .text-box ul li:nth-of-type(3)::before {
    content: "3.";
}

#founding-sec01 .wrap,
#founding-sec02 .wrap,
#founding-sec03 .wrap,
#founding-sec04 .wrap,
#founding-sec05 .wrap {
    max-width: 946px;
}
#founding-sec04 .wrap .flex .img{
	width: 49%;
    display: flex;
    align-items: center;
    margin-right: 2%;
}
#founding-sec04 .wrap .flex .img:nth-child(2n){
    margin-right: 0;
}
#founding-sec04 .wrap .flex .img img{
    width: 250px;
    height: auto;
    margin-right: 20px;
}
#founding-sec04 .wrap .flex .img:nth-child(n + 3){
    margin-top: 45px;
}
@media screen and (max-width: 480px){
	#founding-sec04 .wrap .flex .img{
		width: 100%;
	    display: block;
	    margin-right: 0;
	}
	#founding-sec04 .wrap .flex .img img{
	    width: 100%;
	    margin-right: 0;
	}
	#founding-sec04 .wrap .flex .img:nth-child(n + 3){
	    margin-top: 0;
	}
}

#founding-sec03 .wrap>.text.top,
#founding-sec04 .wrap>.text.top,
#founding-sec05 .wrap>.text.top {
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

#founding-sec03,
#founding-sec04 {
    padding-top: 70px;
}

#founding-sec03 .table table th,
#founding-sec03 .table table td {
    font-weight: bold;
    padding: 15px;
    border-bottom: 1px solid #D0D0D0;
}

#founding-sec03 .table table th {
    background-color: #F2F2F2;
    text-align: right;
    width: 15%;
}

#founding-sec03 .table table td {
    background-color: #FAFAFA;
    width: 85%;
    padding-left: 40px;
}

#founding-sec03 .table table tr:last-child th,
#founding-sec03 .table table tr:last-child td {
    border-bottom: none;
}

#founding-sec03 .table table {
    width: 100%;
}

#founding-sec04 .flex {
    justify-content: space-between;
}

#founding-sec04 .flex .img .name {
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
}

#founding-sec04 .flex .img .address {
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed rgba(112, 112, 112, .3);
}

#founding-sec04 .flex .img .link a {
    font-weight: bold;
    color: #D83000;
}

#founding-sec05 {
    padding: 70px 0 100px;
    background-color: #F7F7F7;
    margin-top: 100px;
}

#founding-sec05 .flex {
    justify-content: space-between;
}

#founding-sec05 .flex .img {
    width: 12%;
}

#founding-sec05 .flex .text-box {
    width: 80%;
}

#founding-sec05 .flex .text-box .text {
    font-size: 14px;
    font-weight: bold;
}

#founding-sec05 .flex .text-box .red {
    font-weight: bold;
    margin-bottom: 10px;
}

#founding-sec05 .flex .text-box .red:nth-of-type(2) {
    margin-top: 30px;
}

#founding-sec05 .flex .text-box .more {
    margin-top: 50px;
}

#founding-sec05 .flex .text-box .more a {
    background-color: #D83000;
    width: 326px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 14px 0;
}

#founding-sec05 .flex .text-box .more a img {
    margin-left: 10px;
    vertical-align: sub;
}

#philosophy-sec01 {
    padding: 100px 0;
}

#philosophy-sec01 .wrap {
    max-width: 1068px;
}

.guide-tab-wrap .guide-tab-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.guide-tab-wrap .guide-tab-list ul li {
    width: 49.5%;
    background-color: #ddd;
    border-bottom: 1px solid #fff;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.2em;
    padding: 15px 0;
    cursor: pointer;
    transition: .2s;
}

.guide-tab-wrap .guide-tab-list ul li:hover,
.guide-tab-wrap .guide-tab-list ul li.active {
    background-color: #F7F7F7;
    color: #D83000;
}

.guide-tab-wrap .guide-tab-list ul li.active {
    pointer-events: none;
}

.guide-tab-content {
    padding: 40px 50px;
    background-color: #F7F7F7;
}

.guide-tab-content .guide-tab-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}

.guide-tab-content .guide-pdf-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.guide-tab-content .guide-open {
    margin-bottom: 15px;
}

@media screen and (min-width: 960px) {
    .guide-tab-content .guide-open.lg-half {
        width: 49%;
        margin: 0.3%;
        display: inline-block;
        vertical-align: top;
    }
}
.guide-tab-content .guide-open.lg-half.flexhalf {
    width: 49%;
    margin: 0.5%;
}
@media screen and (max-width: 480px){
    .guide-tab-content .guide-open.lg-half.flexhalf {
        width: 100%;
        margin: 0 0 2%;
    }
}

.guide-tab-content .guide-open-toggle {
    background-color: #fff;
    padding: 12px 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: .2s;
}

.guide-tab-content .guide-open-toggle:hover {
    opacity: .6;
}

.guide-tab-content .guide-open-toggle .open-toggle {
    position: relative;
    width: 19px;
    height: 19px;
    border: 1px solid #D83000;
    margin-left: 10px;
}

.guide-tab-content .guide-open-toggle .open-toggle span {
    position: absolute;
    height: 1px;
    width: 10px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transition: .2s;
    background-color: #D83000;
}

.guide-tab-content .guide-open-toggle .open-toggle span:nth-of-type(1) {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.guide-tab-content .guide-open-toggle.active .open-toggle span:nth-of-type(1) {
    transform: translate(-50%, -50%) rotate(0);
}

.guide-tab-content .guide-open .text {
    display: none;
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.5;
}

.guide-tab-content .guide-pdf-list .guide-pdf-link {
    width: 49%;
    margin: 0.5%;
}

.guide-tab-content .guide-pdf-link a {
	min-height: 54px;
    background-color: #fff;
    display: block;
    padding: 10px 20px;
    color: #454545;
    font-weight: bold;
}

.guide-tab-content .guide-pdf-link a:hover {
    background-color: #D83000;
    color: #fff;
    opacity: 1;
}

.guide-tab-content .guide-pdf-link a span::after {
    display: inline-block;
    content: url(assets/img/guide/pdf-icon.png);
    margin-left: 10px;
    vertical-align: sub;
    transition: .2s;
}

.guide-tab-content .guide-pdf-link a:hover span::after {
    content: url(assets/img/guide/pdf-icon-white.png);
}

.guide-tab-content .box:not(:last-child) {
    margin-bottom: 60px;
}

.guide-tab-content .guide-open .table {
    display: none;
    margin-top: 15px;
}

.guide-tab-content .table table {
    width: 100%;
    background-color: #fff;
}

.guide-tab-content .table th,
.guide-tab-content .table td {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    text-align: left;
    padding: 10px 20px;
}

.guide-tab-content .table th {
    color: #fff;
    width: 17%;
    background-color: #D05C53;
}

.guide-tab-content .table td {
    width: 83%;
}

.guide-tab-content .table tr:last-child th,
.guide-tab-content .table tr:last-child td {
    border-bottom: none;
}

.guide-tab-content {
    display: none;
}

.guide-tab-content.show {
    display: block;
}

.guide-tab-content .table.adjust th,
.guide-tab-content .table.adjust td {
    border: 1px solid rgba(112, 112, 112, .3);
}

.guide-tab-content .table.adjust th {
    text-align: center;
}

.guide-tab-content .table.adjust th:first-child,
.guide-tab-content .table.adjust td:first-child {
    width: 16%;
}

.guide-tab-content .table.adjust th:nth-of-type(2),
.guide-tab-content .table.adjust td:nth-of-type(2) {
    width: 84%;
}

.guide-tab-content .table.adjust th:first-child {
    border-right: 1px solid #fff;
}

.guide-tab-content .table.adjust tr:last-child th,
.guide-tab-content .table.adjust tr:last-child td {
    border-bottom: 1px solid rgba(112, 112, 112, .3);
}

.guide-tab-content .guide-pdf-list .guide-pdf-link.adjust {
    width: 100%;
}

.guide-tab-content .guide-pdf-list .guide-pdf-link.adjust .text-box {
    background-color: #fff;
    padding: 15px 20px;
    border-top: 1px solid #DBDBDB;
}

.guide-tab-content .guide-pdf-list .guide-pdf-link.adjust .text-box .text {
    font-size: 13px;
    opacity: .6;
    font-weight: bold;
}

.guide-tab-content .guide-open ul {
    background-color: #fff;
    padding: 15px 20px;
    display: none;
    border-top: 1px solid #DBDBDB;
}

.guide-tab-content .guide-open ul li {
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
}

.guide-tab-content .guide-open ul li::before {
    margin-right: 3px;
}

.guide-tab-content .guide-open ul.ul-link li a {
    color: #454545;
}

.guide-tab-content .guide-open ul.ul-link li a::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #D83000;
    margin-left: 5px;
    display: inline-block;
    content: "\f105";
}

.guide-tab-content .guide-open ul li:nth-of-type(1)::before {
    content: "1.";
}

.guide-tab-content .guide-open ul li:nth-of-type(2)::before {
    content: "2.";
}

.guide-tab-content .guide-open ul li:nth-of-type(3)::before {
    content: "3.";
}

.guide-tab-content .guide-open ul li:nth-of-type(4)::before {
    content: "4.";
}

.guide-tab-content .guide-open ul li:nth-of-type(5)::before {
    content: "5.";
}

.guide-tab-content .guide-open ul li:nth-of-type(6)::before {
    content: "6.";
}

.guide-tab-content .guide-pdf-link.no-pdf a span::after {
    content: "\f105";
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    vertical-align: top;
    color: #D83000;
}

.guide-tab-content .guide-pdf-link.no-pdf a:hover span::after {
    color: #fff;
}

.guide-tab-content .guide-open ul.ul-pdf li a {
    color: #454545;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

.guide-tab-content .guide-open ul.ul-pdf li {
    display: inline-block;
    margin-right: 40px;
}

.guide-tab-content .guide-open ul.ul-pdf li a::after {
    content: "";
    display: inline-block;
    background: url(assets/img/guide/pdf-icon.png) no-repeat center center / contain;
    margin-left: 10px;
    vertical-align: middle;
    width: 11px;
    height: 14px;
}

.guide-tab-content .guide-open ul.ul-pdf li::before {
    display: none;
}

/* guraduates */
.mv-content.graduate {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 60%;
    text-align: center;
    width: 100%;
    max-width: 697px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 25px 0;
}

.mv-content.graduate p {
    font-size: 23px;
    font-weight: normal;
    color: #fff;
}

.mv-content.graduate h1 {
    font-size: 40px;
    font-weight: normal;
    color: #fff;
}

.line-title {
    padding-top: 80px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(112, 112, 112, .3);
    margin-bottom: 20px;
}

.line-title-text {
    font-size: 24px;
    font-weight: bold;
    border-left: 6px solid #D83000;
    padding: 8px 20px;
}

#update-sec01 .box .text {
    font-weight: bold;
    line-height: 2.2;
}

#update-sec01 .box .text a {
    color: #D83000;
    font-weight: bold;
}

#update-sec01 .box .text .update-btn {
    background-color: #D83000;
    padding: 10px 50px;
    color: #fff;
    display: block;
    width: 350px;
    text-align: center;
}

#update-sec01 .item {
    background-color: #F7F7F7;
    padding: 25px;
}

#update-sec01 .item .text.top {
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(112, 112, 112, .3);
}

#update-sec01 .box .flex {
    justify-content: space-between;
}

#update-sec01 .box .flex>.table-box {
    width: 43%;
}

#update-sec01 .box .flex>.table-box table {
    width: 100%;
}

#update-sec01 .box .flex>.table-box table th,
#update-sec01 .box .flex>.table-box table td {
    font-weight: bold;
}

#update-sec01 .box .flex>.table-box table th {
    width: 20%;
    text-align: left;
}

#update-sec01 .box .flex>.table-box table td {
    width: 80%;
}

#update-sec01 .box .flex>.text-box {
    width: 57%;
}

#update-sec01 .box .flex>.text-box .text {
    font-size: 14px;
    font-weight: bold;
}

#update-sec01 .box .flex>.text-box .adjust {
    background-color: #fff;
    padding: 10px;
    font-weight: bold;
    margin: 8px 0;
}

#update-sec01 .box .flex>.text-box .att {
    font-size: 12px;
    font-weight: bold;
}

#update-sec01 .wrap {
    max-width: 1067px;
}


/* 年間スケジュール */
#schedule-sec01 .box {
    margin-bottom: 40px;
}

#schedule-sec01 .schedule-box .item {
    width: 40%;
    margin-right: 10%;
    margin-bottom: 30px;
}

#schedule-sec01 .schedule-box .item a {
    display: block;
    width: 100%;
    border: 1px solid #D83000;
    background-color: #D83000;
    color: #fff;
    padding: 6px 0;
    text-align: center;
    font-weight: bold;
}

#schedule-sec01 .schedule-subtitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

#schedule-sec01 .schedule-subtitle::before {
    content: "■";
    font-size: 10px;
    vertical-align: text-bottom;
    color: #D83000;
    margin-right: 5px;
}

#schedule-sec01 .schedule-title {
    font-weight: bold;
    font-size: 20px;
    color: #D83000;
    margin-bottom: 10px;
}

#schedule-sec01 .schedule-title span {
    color: #454545;
    font-size: 16px;
    display: inline-block;
    margin-left: 20px;
}

#schedule-sec01 .table table th,
#schedule-sec01 .table table td {
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

#schedule-sec01 .table table {
    width: 100%;
    border: 1px solid #707070;
}

#schedule-sec01 .table table th {
    background-color: #F7F7F7;
    color: #D83000;
    border: 1px solid #707070;
}

#schedule-sec01 .table table tr:not(:last-child) td {
    border-bottom: 1px solid rgba(112, 112, 112, .3);
}

#schedule-sec01 .table table tr td:not(:last-child) {
    border-right: 1px solid rgba(112, 112, 112, .3);
}

#schedule-sec01 .table table th:not(:last-child) {
    border-right: 1px solid rgba(112, 112, 112, .3);
}

#schedule-sec01 .table.no-table {
    margin-bottom: 30px;
}

#schedule-sec01 .table.no-table .text {
    font-weight: bold;
    background-color: #F7F7F7;
    padding: 10px 30px;
}

#schedule-sec01 .box>.text {
    line-height: 2;
    font-weight: bold;
}

#schedule-sec01 .box .table.adjust {
    margin: 20px 0;
}

#schedule-sec01 .box .table.adjust th,
#schedule-sec01 .box .table.adjust td {
    text-align: left;
    padding: 10px 25px;
}

#schedule-sec01 .box .table.adjust th:nth-of-type(1) {
    width: 45%;
}

#schedule-sec01 .box .table.adjust th:nth-of-type(2) {
    width: 55%;
}

#schedule-sec01 .wrap {
    max-width: 840px;
}

#mv.univ-release .mv-content.univ h1,
#mv.coll-release .mv-content.univ h1 {
    margin-top: 10px;
}

#mv.univ-release .mv-content.univ h1:after,
#mv.coll-release .mv-content.univ h1:after {
    display: none;
}

#release-info .box {
    margin-bottom: 0;
}

#release-info .guide-tab-content {
    background-color: #fff;
    padding: 0;
}

#release-info .guide-tab-content .guide-open ul,
#release-info .text-box {
    padding: 20px;
    background-color: #F7F7F7;
}

#release-info .text a.adjust {
    color: #454545;
    text-decoration: none;
}

#release-info .text a {
    color: #D83000;
    text-decoration: underline;
}

#release-info .text img {
    vertical-align: sub;
    margin-left: 3px;
    margin-right: 5px;
}

#release-info .schedule-subtitle {
    font-size: 18px;
    font-weight: bold;
    margin: 60px 0 10px;
}

#release-info .schedule-subtitle::before {
    content: "■";
    font-size: 10px;
    vertical-align: text-bottom;
    color: rgb(216, 48, 0);
    margin-right: 5px;
}

#release-info .guide-tab-content .guide-open ul {
    display: block;
    border-top: none;
}

#release-info .guide-tab-content .guide-pdf-link a {
    background-color: #F7F7F7;
}

#release-info .guide-tab-content .guide-pdf-link a:hover {
    color: #fff;
    background-color: #D83000;
}

#release-info .guide-tab-content .text-box.mt30 {
    margin-top: 30px;
}

#release-info .guide-tab-content .text-box .text.top {
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin-bottom: 10px;
}

#release-info .wrap {
    max-width: 1067px;
}

#release-info .line-title-text {
    font-size: 20px;
}

#release-info .univ-release-table-wrap {
    margin-bottom: 60px;
}

#release-info {
    padding-bottom: 100px;
}

#release-info .univ-release-table .table-name {
    color: #D83000;
    margin-bottom: 10px;
}

#release-info .guide-tab-content .guide-pdf-link a.empty {
    background-color: #fff;
    pointer-events: none;
}

#release-info .guide-tab-content .guide-pdf-link a.empty span::after {
    display: none;
}

.label-open {
    background-color: #D83000;
    cursor: pointer;
    padding: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    transition: .2s;
}

.label-open:hover {
    opacity: .6;
}

.label-open::after {
    content: "";
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    border: 1px dashed #fff;
}

.label-open .acodion {
    border: 1px solid #fff;
    width: 25px;
    height: 25px;
    position: relative;
    margin-left: 20px;
}

.label-open .acodion span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 1px;
    background-color: #fff;
    transition: .2s;
}

.label-open .label-open-text-top {
    font-size: 1.25rem;
    font-weight: bold;
}

.label-open.active .acodion span:nth-of-type(1) {
    transform: translate(-50%, -50%) rotate(0deg);
}

.label-open .acodion span:nth-of-type(1) {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.univ-sec .accordion-item h6 {
    display: inline;
    color: #d83000;
    font-size: 1rem;
}

.univ-sec .accordion-item p {
    display: inline;
    font-size: 1rem;
}

.univ-sec .accordion-inner {
    max-width: 976px;
    margin: 2rem auto 0;
    font-size: 0;
    display: none;
}

.univ-sec .accordion-item p::before {
    content: "／";
}

.univ-sec .coll-sec3-flex {
    border-bottom: none;
}

.univ-sec .content .img {
    display: none;
}

.univ-sec .coll-sec3-flex.border-top {
    border-top: 1px solid #707070;
    margin-top: 50px;
    padding-top: 50px;
}

.univ-sec .label-open {
    margin: 0 auto;
    max-width: 976px;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .box-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .box-flex .box-flex-img {
    width: 40%;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .box-flex .box-flex-item {
    width: 55%;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .box-flex .box-flex-item h4 {
    font-size: 16px;
    letter-spacing: 0.2em;
    margin-bottom: 0;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .box-flex .box-flex-item p.big {
    color: #D83000;
    font-size: 22px;
    letter-spacing: 0.2em;
    font-weight: bold;
    margin: 8px 0;
    position: relative;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .box-flex .box-flex-item p.big small {
    position: absolute;
    font-size: 12px;
    bottom: -9px;
    left: 20%;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .box-flex .box-flex-item p.big span {
    font-size: 2.2rem;
    padding-left: 5px;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .box-flex .box-flex-item p.line-text {
    display: flex;
    align-items: center;
    margin: 50px 0 20px;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .box-flex .box-flex-item p.line-text::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    margin-left: 10px;
    border-top: 1px solid #C1C1C1;
}

#anc02.univ-sec .univ-sec2-box .content .univ-sec2-box02-box .flex.flexbox-03 .terms span {
    font-size: 13px;
    padding: 3px 8px !important;
}

/*----------------------------
web出願リンク
-----------------------------*/
.app_area{
	width: 100%;
	background-color: #F8D5D4;
	padding: 10px 0;
	display: block;
	transition: background-color 0.6s;
}
.app_area:hover{
	background-color: #f0b8b6;
}
.app_area .line01,.app_area .line02{
	border-top: solid 1px #D02620;
	border-bottom: solid 1px #D02620;
	padding: 3px 0;
}
.app_area .line02{
	padding: 50px 0;
	display: flex;
	align-items: center;
}
.app_area .line02 picture{
	margin: auto;
}
@media screen and (max-width:1000px){
	.app_area .line02{
		padding: 40px 0;
	}
	.app_area .line02 picture{
		width: 340px;
	}
	.app_area .line02 img{
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 767px) {
	.app_area .line02 picture{
		width: 80%;
	}
}

/* 教員採用 */
.teacher-sec{
	padding: 6em 0 3em;
}
.teacher-sec .wrap .block{
	margin-top: 60px;
}
.teacher-sec .wrap .block:first-child{
	margin-top: 0;
}
.teacher-sec .wrap .block .head_title{
	font-size: 24px;
	font-weight: bold;
	background-color: #D83000;
	color: #fff;
	padding: 10px 15px;
}
@media screen and (max-width: 480px){
	.teacher-sec{
		padding: 2em 0;
	}
	.teacher-sec .wrap .block{
		margin-top: 90px;
	}
	.teacher-sec .wrap .block .head_title{
		font-size: 20px;
		padding: 5px 10px;
	}
}
.teacher-sec .wrap .block table{
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
}
.teacher-sec .wrap .block a{
	color: #454545;
}
.teacher-sec .wrap .block a.pdf,.teacher-sec .wrap .block a.word{
	display: inline-block;
	position: relative;
	margin-right: 25px;
}
.teacher-sec .wrap .block a.pdf:after{
	content: "";
	position: absolute;
	width: 15px;
	height: 17px;
	right: -12px;
	top: 50%;
	transform: translate(50%, -50%);
	background: url(assets/img/teacher/pdf_btn.svg) center center/contain no-repeat;
}
.teacher-sec .wrap .block a.word:after{
	content: "";
	position: absolute;
	width: 15px;
	height: 17px;
	right: -12px;
	top: 50%;
	transform: translate(50%, -50%);
	background: url(assets/img/teacher/word_btn.svg) center center/contain no-repeat;
}
.teacher-sec .wrap .block table th,.teacher-sec .wrap .block table td{
	width: 20%;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	padding: 10px 20px;
	border-left: solid 1px #454545;
	border-top: solid 1px #454545;
}
.teacher-sec .wrap .block table th:first-child,.teacher-sec .wrap .block table td:first-child{
	width: 60%;
}
.teacher-sec .wrap .block table th:last-child,.teacher-sec .wrap .block table td:last-child{
	border-right: solid 1px #454545;
}
.teacher-sec .wrap .block table tr:last-child td{
	border-bottom: solid 1px #454545;
}
.teacher-sec .wrap .block table th{
	background-color: #F7F7F7;
}
.teacher-sec .wrap .block .sp_wrap{
	display: none;
}
@media screen and (max-width: 480px){
	.teacher-sec .wrap .block table{
		display: none;
	}
	.teacher-sec .wrap .block .sp_wrap{
		display: block;
	}
}
.teacher-sec .wrap .block .sp_wrap dl{
	margin-top: 90px;
}
.teacher-sec .wrap .block .sp_wrap dl:first-child{
	margin-top: 30px;
}
.teacher-sec .wrap .block .sp_wrap dt{
	text-align: center;
	background-color: #F7F7F7;
	margin-top: 30px;
	padding: 8px;
}
.teacher-sec .wrap .block .sp_wrap dt:first-child{
	margin-top: 0;
}
.teacher-sec .wrap .block .sp_wrap dd{
	margin-top: 10px;
}
@media screen and (max-width: 480px){
	.teacher-sec .wrap .block .sp_wrap dd{
		text-align: center;
	}
}