@charset 'UTF-8';
/*----------------------------------------------------------
共通CSS start
------------------------------------------------------------*/
/*基本設定*/
/*! sanitize.css v4.0.0 | CC0 License | github.com/10up/sanitize.css */
/* Display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary
{
    /* 1 */
    display: block;
}

/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video
{
    display: inline-block;
}

/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls])
{
    display: none;

    height: 0;
}

/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template,
[hidden]
{
    display: none;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}


/* Elements of HTML (https://www.w3.org/TR/html5/semantics.html)
========================================================================== */
/**
* 1. Remove repeating backgrounds in all browsers (opinionated).
* 2. Add box sizing inheritence in all browsers (opinionated).
*/
*,
::before,
::after
{
    /* 1 */
    box-sizing: inherit;

    background-repeat: no-repeat;
    /* 2 */
}

/**
* 1. Add text decoration inheritance in all browsers (opinionated).
* 2. Add vertical alignment inheritence in all browsers (opinionated).
*/
::before,
::after
{
    /* 1 */
    vertical-align: inherit;
    text-decoration: inherit;
    /* 2 */
}

/**
* 1. Add border box sizing in all browsers (opinionated).
* 2. Add the default cursor in all browsers (opinionated).
* 3. Add a flattened line height in all browsers (opinionated).
* 4. Prevent font size adjustments after orientation changes in IE and iOS.
*/
html
{
    /* 2 */
    font-family: sans-serif;
    /* 3 */
    line-height: 1.7;

    box-sizing: border-box;
    /* 1 */

    cursor: default;
    /* 3 */

        -ms-text-size-adjust: 100%;
    /* 4 */
    -webkit-text-size-adjust: 100%;
    /* 5 */
}

/* Sections (https://www.w3.org/TR/html5/sections.html)
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body
{
    margin: 0;
}

/**
* Correct the font sizes and margins on `h1` elements within
* `section` and `article` contexts in Chrome, Firefox, and Safari.
*/
h1
{
    font-size: 2em;

    margin: .67em 0;
}

/* Grouping content (https://www.w3.org/TR/html5/grouping-content.html)
========================================================================== */
/**
* 1. Correct font sizing inheritance and scaling in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp
{
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
* 1. Correct the height in Firefox.
* 2. Add visible overflow in Edge and IE.
*/
hr
{
    /* 1 */
    overflow: visible;

    height: 0;
    /* 2 */
}

/**
* Remove the list style on navigation lists in all browsers (opinionated).
*/
nav ol,
nav ul
{
    list-style: none;
}

/* Text-level semantics
========================================================================== */
/**
* 1. Add a bordered underline effect in all browsers.
* 2. Remove text decoration in Firefox 40+.
*/
abbr[title]
{
    /* 1 */
    text-decoration: none;

    border-bottom: 1px 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;
}

/**
* Add the correct font style in Android 4.3-.
*/
dfn
{
    font-style: italic;
}

/**
* Add the correct colors in IE 9-.
*/
mark
{
    color: #000; 
    background-color: #ff0;
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress
{
    vertical-align: baseline;
}

/**
* Correct the font size in all browsers.
*/
small
{
    font-size: 83.3333%;
}

/**
* Change the positioning on superscript and subscript elements
* in all browsers (opinionated).
* 1. Correct the font size in all browsers.
*/
sub,
sup
{
    font-size: 83.3333%;
    /* 1 */
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub
{
    bottom: -.25em;
}

sup
{
    top: -.5em;
}

/*
* Remove the text shadow on text selections (opinionated).
* 1. Restore the coloring undone by defining the text shadow (opinionated).
*/
::-moz-selection
{
    /* 1 */
    color: #000;
    background-color: #b3d4fc;
    /* 1 */
    text-shadow: none;
}

::selection
{
    /* 1 */
    color: #000;
    background-color: #b3d4fc;
    /* 1 */
    text-shadow: none;
}

/* Embedded content (https://www.w3.org/TR/html5/embedded-content-0.html)
========================================================================== */
/*
* Change the alignment on media elements in all browers (opinionated).
*/
audio,
canvas,
iframe,
img,
svg,
video
{
    vertical-align: middle;
}

/**
* Remove the border on images inside links in IE 10-.
*/
img
{
    max-width: 100%;

    border-style: none;
}

/**
* Change the fill color to match the text color in all browsers (opinionated).
*/
svg
{
    fill: currentColor;
}

/**
* Hide the overflow in IE.
*/
svg:not(:root)
{
    overflow: hidden;
}

/* Links (https://www.w3.org/TR/html5/links.html#links)
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove the gaps in underlines in iOS 8+ and Safari 8+.
*/
a
{
    background-color: transparent;
    /* 1 */

    -webkit-text-decoration-skip: objects;
    /* 2 */
}

/**
* Remove the outline when hovering in all browsers (opinionated.
*/
:hover
{
    outline-width: 0;
}

/* Tabular data (https://www.w3.org/TR/html5/tabular-data.html)
========================================================================== */
/*
* Remove border spacing in all browsers (opinionated).
*/
table
{
    border-spacing: 0; 
    border-collapse: collapse;
}

/* transform-style:  (https://www.w3.org/TR/html5/forms.html)
========================================================================== */
/**
* 1. Remove the default styling in all browsers (opinionated).
* 3. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea
{
    /* 1 */
    font-size: 1em;
    /* 1 */

    margin: 0;
    /* 1 */

    color: inherit;
    /* 1 */
    border-style: none;
    background-color: transparent;
    /* 3 */
}

/**
* Correct the overflow in IE.
* 1. Correct the overflow in Edge.
*/
button,
input
{
    /* 1 */
    overflow: visible;
}

/**
* Remove the inheritance in Edge, Firefox, and IE.
* 1. Remove the inheritance in Firefox.
*/
button,
select
{
    /* 1 */
    text-transform: none;
}

/**
* 1. Prevent the 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.
*/
::-moz-focus-inner
{
    padding: 0; 

    border-style: none;
}

/**
* Correct the focus styles unset by the previous rule.
*/
:-moz-focusring
{
    outline: 1px dotted ButtonText;
}

/**
* Correct the border, margin, and padding in all browsers.
*/
fieldset
{
    margin: 0 2px;
    padding: .35em .625em .75em; 

    border: 1px solid #c0c0c0;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend
{
    display: table;
    /* 1 */

    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 2 */

    white-space: normal;
    /* 1 */
}

/**
* 1. Remove the vertical scrollbar in IE.
* 2. Change the resize direction on textareas in all browsers (opinionated).
*/
textarea
{
    overflow: auto;
    /* 1 */

    resize: vertical;
    /* 2 */
}

/**
* Remove the padding in IE 10-.
*/
[type='checkbox'],
[type='radio']
{
    padding: 0;
}

/**
* Correct the cursor style on increment and decrement buttons in Chrome.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button
{
    height: auto;
}

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type='search']
{
    /* 1 */
    outline-offset: -2px;

    -webkit-appearance: textfield;
    /* 2 */
}

/**
* Remove the inner padding and cancel buttons in Chrome and Safari for OS X.
*/
::-webkit-search-cancel-button,
::-webkit-search-decoration
{
    -webkit-appearance: none;
}

/**
* Correct the text style on placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder
{
    opacity: .54; 
    color: inherit;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button
{
    /* 1 */
    font: inherit;

    -webkit-appearance: button;
    /* 2 */
}

/* WAI-ARIA (https://www.w3.org/TR/html5/dom.html#wai-aria)
========================================================================== */
/**
* Change the cursor on busy elements (opinionated).
*/
[aria-busy='true']
{
    cursor: progress;
}

/*
* Change the cursor on control elements (opinionated).
*/
[aria-controls]
{
    cursor: pointer;
}

/*
* Change the cursor on disabled, not-editable, or otherwise
* inoperable elements (opinionated).
*/
[aria-disabled]
{
    cursor: default;
}

/* User interaction (https://www.w3.org/TR/html5/editing.html)
========================================================================== */
/*
* Remove the tapping delay on clickable elements (opinionated).
* 1. Remove the tapping delay in IE 10.
*/
a,
area,
button,
input,
label,
select,
textarea,
[tabindex]
{
    -ms-touch-action: manipulation;
    /* 1 */
        touch-action: manipulation;
}

/*
* Change the display on visually hidden accessible elements (opinionated).
*/
[hidden][aria-hidden='false']
{
    position: absolute; 

    display: inherit;
    clip: rect(0, 0, 0, 0);
}

[hidden][aria-hidden='false']:focus
{
    clip: auto;
}

:root,
html,
body
{
    font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; 

    width: 100%;

    color: #242424;
}

*
{
    box-sizing: border-box;
}

li
{
    list-style-type: none;
}

a
{
    color: #242424;
}

a:hover
{
    text-decoration: none;

    color: #242424;
}

*
{
    margin: 0;
    padding: 0;
}

/*ヘッダーエリア*/
.header
{
    width: 100%;

    border-bottom: 1px solid #eaeaea;
}
.header_top
{
    zoom: 1; 

    width: 100%;

    border-top: 6px solid #ffea00;
}
.header_top:before,
.header_top:after
{
    display: table;
    clear: both; 

    content: '';
}
@media only screen and (min-width: 751px)
{
    .header
    {
        min-width: 1160px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-bottom: 0; 
        padding-left: 0;

        border-bottom: none;
    }
    .header_top
    {
        position: relative;

        width: 1160px;
        min-width: 1160px;
        height: 90px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;

        border-top: none;
    }
    .header_bottom
    {
        min-width: 1160px;
        height: 80px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;

        background-color: #ffea00;
    }
}

.headerLeft
{
    float: left;
    zoom: 1; 

    width: 86%;
    padding-top: 12px;
    padding-bottom: 12px;
}
.headerLeft:before,
.headerLeft:after
{
    display: table;
    clear: both; 

    content: '';
}
.headerLeft .logo
{
    display: inline-block;

    width: 50%;
    max-width: 190px;
    margin-left: 2%; 

    vertical-align: middle;
}
.headerLeft h1
{
    font-size: 10px;
    font-weight: normal;
    line-height: 1.3;

    display: inline-block;

    width: auto;
    margin: 0;
    padding: 4px 14px;

    vertical-align: middle; 

    border: 1px solid #d7d7d7;
    border-radius: 20px;
}
@media only screen and (min-width: 751px)
{
    .headerLeft
    {
        width: 50%;
        height: 90px;
    }
    .headerLeft h1
    {
        font-size: 13px; 
        font-weight: normal;

        display: inline-block;

        margin-top: 10px;
        margin-bottom: 0;
        margin-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .headerLeft .logo
    {
        display: inline-block;

        max-width: 177px;
        margin-top: 12px;
        margin-right: 0;
        margin-left: 10px;

        transition: .3s all;
    }
    .headerLeft .logo:hover
    {
        opacity: .7;
    }
}

.headerRight
{
    float: right; 

    width: 13%;
}
.headerRight_nav
{
    display: none;
}
.headerRight_tab
{
    display: none;
}
@media only screen and (min-width: 751px)
{
    .headerRight
    {
        display: block;

        width: 50%;
        height: 90px; 

        text-align: right;
    }
    .headerRight_nav
    {
        display: inline-block;

        margin-top: 16px;
        margin-right: 10px; 

        text-align: right;
        vertical-align: middle;
        letter-spacing: normal;
    }
    .headerRight_nav li
    {
        display: inline-block;

        margin: 0 0 0 10px;
        padding: 0 0 0 15px;

        background-image: url(images/common/subMenu_arrow3.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 8px;
    }
    .headerRight_nav li a
    {
        font-size: 12px; 

        text-decoration: none;
    }
    .headerRight_nav li a:hover
    {
        text-decoration: underline;
    }
    .headerRight_tab
    {
        position: absolute;
        right: 10px;
        bottom: 0;

        display: inline-block;

        margin: 0 0 0 15px;

        vertical-align: middle;
    }
    .headerRight_tab ul
    {
        padding-right: 0;
        padding-left: 0;

        text-align: right;
        white-space: nowrap;
        letter-spacing: -.4em;
    }
    .headerRight_tab li
    {
        line-height: 1.3; 

        display: inline-block;

        box-sizing: border-box;
        width: 86px;
        margin: 0 5px 0 0;
        padding: 0 4px 0 0;

        vertical-align: bottom;
        letter-spacing: normal;
    }
    .headerRight_tab li a
    {
        font-size: 14px;
        font-weight: bold;

        position: relative;

        display: block;

        min-width: 80px;
        padding-top: 8px;
        padding-bottom: 6px;

        transition: .3s all; 
        text-align: center;
        text-decoration: none;

        color: #fff;
        border-radius: 8px 8px 0 0;
        background-color: #666;
    }
    .headerRight_tab li a:hover
    {
        background-color: #858585;
    }
    .headerRight_tab li a::before
    {
        position: absolute;
        z-index: -1;
        right: -4px;
        bottom: -3px;

        width: 100%;
        min-height: 100%;

        content: '';

        border-radius: 6px 6px 0 0; 
        background-color: #999;
    }
}
.headerRight_tab ul li.cl_org a {
    background-color: #ff9933;
}

/*グローバルナビ*/
.globalNavi
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;

    width: 1160px;
    min-width: 1160px;
    height: 80px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px;

    -ms-flex-flow: row;
        flex-flow: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
}
.globalNavi_list
{
    font-size: 16px;
    font-weight: 600;

    text-align: center;

    border-left: 1px #242424 dotted;

        -ms-flex: auto;
            flex: auto;
    -webkit-flex: auto;
}
.globalNavi_list:last-child
{
    border-right: 1px #242424 dotted;
}
.globalNavi_list a
{
    transition: .2s all; 
    text-decoration: none;
}
.globalNavi_list a:hover
{
    opacity: .7;
}
@media only screen and (max-width: 750px)
{
    .globalNavi
    {
        display: none;
    }
}

.headerSpMenu
{
    float: right; 

    height: 39px;
    margin-top: 20px;
    margin-right: 10px;
}
@media only screen and (min-width: 751px)
{
    .headerSpMenu
    {
        display: none;
    }
}
.headerSpMenu .spMenuInner
{
    position: absolute;
    z-index: 1000; 
    top: 0;
    left: 0;

    display: none;

    width: 100%;

    background-color: #ffea00;
    box-shadow: .5px .866px 4px 0 rgba(142, 143, 142, .4);
}
.headerSpMenu .spMenuInner .close_top
{
    margin-right: 10px; 
    padding-top: 18px;
    padding-bottom: 15px;

    text-align: right;
}
.headerSpMenu .spMenuInner_list a
{
    font-size: 18px;
    font-weight: bold;

    position: relative; 

    display: block;

    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 40px;

    text-decoration: none;

    border-top: 1px solid #e4d636;
}
.headerSpMenu .spMenuInner_list a .fa
{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;

    position: absolute;
    top: 10px;
    left: 22px;

    display: inline-block;

    transform: translate(0, 0);

    color: #ff7e00; 

    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.headerSpMenu .spMenuInner_list a:hover
{
    background-color: rgba(255, 255, 255, .2);
}

.menuIcon,
.menuIcon .menuIcon_border,
.menuIcon .menuIcon_text
{
    display: inline-block;

    box-sizing: border-box; 

    transition: all .4s;
}

.menuIcon
{
    position: relative;

    width: 30px;
    height: 42px;
}
.menuIcon .menuIcon_border
{
    position: absolute;
    left: 0;

    width: 100%;
    height: 4px;

    border-radius: 4px; 
    background-color: #263274;
}
.menuIcon .menuIcon_border:nth-of-type(1)
{
    top: 0;
}
.menuIcon .menuIcon_border:nth-of-type(2)
{
    top: 9px;
}
.menuIcon .menuIcon_border:nth-of-type(3)
{
    top: 18px;
}

/*ぱんくずリスト*/
.topicpath,
.breadcrumbs
{
    font-size: 12px;

    margin-bottom: 20px; 
    padding-top: 10px;
    padding-right: 4%;
    padding-bottom: 10px;
    padding-left: 4%;

    border-bottom: 1px solid #eaeaea;
    background-color: #f6f6f6;
}
.topicpath ul li,
.breadcrumbs ul li
{
    line-height: 2;

    display: inline-block; 

    color: #242424;
}
.topicpath ul li a,
.breadcrumbs ul li a
{
    color: #ccc;
}
.topicpath ul li a:hover,
.breadcrumbs ul li a:hover
{
    color: #242424;
}
.topicpath .none,
.breadcrumbs .none
{
    display: none;
}
@media only screen and (min-width: 751px)
{
    .topicpath,
    .breadcrumbs
    {
        min-width: 1160px;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
        padding-right: 0; 
        padding-left: 0;
    }
    .topicpath ul,
    .breadcrumbs ul
    {
        zoom: 1; 

        width: 1160px;
        min-width: 1160px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
    }
    .topicpath ul:before,
    .topicpath ul:after,
    .breadcrumbs ul:before,
    .breadcrumbs ul:after
    {
        display: table;
        clear: both; 

        content: '';
    }
    .topicpath ul li,
    .breadcrumbs ul li
    {
        margin-top: 0;
        margin-right: 5px;
    }
}

/*サイト全体の囲い*/
.wrap
{
    margin-bottom: 40px;
}
@media only screen and (min-width: 751px)
{
    .wrap
    {
        zoom: 1; 

        width: 1160px;
        min-width: 1160px;
        margin-right: auto;
        margin-bottom: 60px;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
    }
    .wrap:before,
    .wrap:after
    {
        display: table;
        clear: both; 

        content: '';
    }
}

@media only screen and (min-width: 751px)
{
    .mainContent
    {
        float: left; 

        width: 760px;
        height: auto;
    }
}

/*インデックス記事一覧タイトル*/
.mainTitle
{
    width: 100%;
    padding: 0; 
    padding-right: 3%;
    padding-left: 3%;
}
.mainTitle h2
{
    font-size: 36px;
    font-weight: 300;
    line-height: 1.4;

    display: inline-block;

    margin-bottom: 10px; 

    letter-spacing: 1px;
}
.mainTitle h2 span
{
    font-size: 20px;
}
.mainTitle h2 img
{
    width: 40px;
    margin-right: 10px; 

    vertical-align: sub;
}
.mainTitle p
{
    font-size: 16px;
    font-weight: normal; 

    margin: 0 0 20px;
    padding: 0;

    background: #fff;
}
@media only screen and (min-width: 751px)
{
    .mainTitle
    {
        width: auto;
        margin-right: 0; 
        margin-left: 0;
    }
    .mainTitle h2
    {
        font-size: 50px;
    }
    .mainTitle h2 span
    {
        font-size: 30px;
    }
    .mainTitle h2 img
    {
        width: 56px;
        margin-right: 10px; 

        vertical-align: sub;
    }
    .mainTitle p
    {
        font-size: 15px;
    }
}

/*インデックス学部学科一覧*/
.mainMenu
{
    width: 100%;
    margin-bottom: 30px;
    padding-right: 3%;
    padding-bottom: 20px;
    padding-left: 3%;

    border-bottom: 1px dotted #eaeaea;
}
@media only screen and (min-width: 751px)
{
    .mainMenu
    {
        margin-right: auto; 
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
    }
}
.mainMenu .menuBox
{
    margin: 0 0 15px 0; 
    padding: 0;
}
.mainMenu .menuBox_title
{
    zoom: 1; 

    width: 100%;
    margin: 0;
    padding: 0 0 0 15px;

    cursor: pointer;

    border-bottom: #e2d752 solid 3px;
    border-radius: 6px 6px 6px 6px;
    background-color: #ffea00;
}
.mainMenu .menuBox_title:before,
.mainMenu .menuBox_title:after
{
    display: table;
    clear: both; 

    content: '';
}
.mainMenu .menuBox_title h2
{
    font-size: 16px;

    display: inline-block; 

    margin: 0 0 0 10px;
    padding: 15px 0;
}
.mainMenu .menuBox_title h2 .sub-title
{
    font-size: 11px;
    font-weight: 200;
    font-style: italic;

    margin-left: 10px;

    color: #d9c813;
}
.mainMenu .menuBox_title img
{
    display: inline-block;

    width: 34px;
    margin-bottom: 6px; 

    vertical-align: middle;
}
.mainMenu .menuBox_title .titleArrow
{
    margin-top: 14px;
}
.mainMenu .menuBox_body
{
    display: none;

    width: 100%;
    margin-top: -3px;
    padding-top: 3px;

    border-radius: 0 0 10px 10px; 
    background-color: #e2d752;
}
.mainMenu .menuBox_body ul
{
    border-right: #eaeaea 1px solid;
    border-bottom: #eaeaea 1px solid; 
    border-left: #eaeaea 1px solid;
    border-radius: 0 0 8px 8px;
    background-color: #fff;
}
.mainMenu .menuBox_body li
{
    font-size: 15px;
    font-weight: normal;

    border-top: #eaeaea 1px solid;
}
.mainMenu .menuBox_body li a
{
    display: block;

    padding: 12px 10px 10px 38px;

    text-decoration: none;

    background-image: url(images/common/menu_arrow2.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 8px;
}
.mainMenu .menuBox_body li a:hover
{
    text-decoration: underline;
}
.mainMenu .menuBox_body li:first-child
{
    border-top: none;
}
@media only screen and (min-width: 751px)
{
    .mainMenu .menuBox
    {
        margin-bottom: 10px;
    }
    .mainMenu .menuBox_title
    {
        width: auto;
        margin: 0 0 10px;
        padding: 2px 0 2px 10px;

        cursor: default;

        border: none;
        background: none;
    }
    .mainMenu .menuBox_title h2
    {
        font-size: 20px;
        font-weight: 600; 
        line-height: 1.5;

        padding: 0 0 4px 0;
    }
    .mainMenu .menuBox_title h2 .sub-title
    {
        font-size: 14px;
        font-weight: 100;

        letter-spacing: 2px; 

        color: #ccc;
    }
    .mainMenu .menuBox_title img
    {
        width: 46px;
        margin-bottom: 0;

        vertical-align: bottom;
    }
    .mainMenu .menuBox_title .titleArrow
    {
        display: none;
    }
    .mainMenu .menuBox_body
    {
        display: block;

        width: auto;
        margin: 0 0 20px;
        padding: 0;

        border-top: 2px solid #ececec;
        border-right: 2px solid #ececec;
        border-bottom: 1px solid #ececec;
        border-left: 2px solid #ececec;
        border-radius: 8px;
        background-color: transparent;
        background-image: url(./images/common/mainMenu-border.png);
        background-repeat: repeat; 
        background-position: center 30px;
    }
    .mainMenu .menuBox_body ul
    {
        display: -moz-flex;
        display:  -ms-flex;
        display:   -o-flex;
        display: -ms-flexbox;
        display:      flex;

        padding: 0;

        border: none; 
        border-radius: 0;
        background-color: transparent;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
    }
    .mainMenu .menuBox_body li
    {
        font-size: 17px;
        line-height: 60px; 

        display: inline-block;

        width: 252px;
        height: 60px;
        margin: 0;

        border-top: none;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: left center;
    }
    .mainMenu .menuBox_body li span
    {
        font-size: 15px;
    }
    .mainMenu .menuBox_body li p,
    .mainMenu .menuBox_body li a
    {
        display: block;

        margin: 0;
        padding: 0 0 0 26px;

        background-position: 220px center;
    }
}

.subContent
{
    display: none;
}
@media only screen and (min-width: 751px)
{
    .subContent
    {
        display: block; 
        float: right;

        width: 320px;
        height: auto;
    }
}

.subMenu1
{
    margin-bottom: 40px; 

    border: 1px solid #efefef;
    border-radius: 10px;
    background-image: url(images/common/sub-menu-bg.png);
    background-repeat: repeat;
    background-position: center center;
}
.subMenu1_title
{
    font-size: 20px;
    font-weight: 500; 

    margin-bottom: 5px;
    padding-top: 15px;
    padding-bottom: 10px;

    border-bottom: 3px solid rgba(231, 218, 83, .7);
    border-radius: 8px 8px 0 0;
    background-color: #ffea00;
}
.subMenu1_title img
{
    width: 40px;
    margin-right: 18px; 
    margin-left: 18px;
}
.subMenu1_subTitle
{
    font-weight: bold; 

    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 14px;
}
.subMenu1_subTitle img
{
    width: 42px;
    margin-right: 8px;
    margin-bottom: 6px;
}
.subMenu1_body ul
{
    padding-bottom: 10px; 

    border-bottom: 2px solid #efefef;
}
.subMenu1_body ul:last-child
{
    border-bottom: none;
}
.subMenu1_body li
{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;

    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 42px;

    letter-spacing: 1px; 

    background-image: url(images/common/subMenu_arrow1.png);
    background-repeat: no-repeat;
    background-position: 22px center;
}
.subMenu1_body li a
{
    text-decoration: none;
}
.subMenu1_body li a:hover
{
    text-decoration: underline;
}

.subMenu2
{
    margin-bottom: 40px; 

    border: 1px solid #efefef;
    border-radius: 10px;
    background-image: url(images/common/sub-menu-bg.png);
    background-repeat: repeat;
    background-position: center center;
}
.subMenu2_title
{
    font-size: 20px;
    font-weight: 400; 

    margin-bottom: 5px;
    padding-top: 15px;
    padding-bottom: 10px;

    color: #fff;
    border-bottom: 3px solid #d7eeae;
    border-radius: 8px 8px 0 0;
    background-color: #46bf5f;
}
.subMenu2_title img
{
    width: 40px;
    margin-right: 18px;
    margin-bottom: 5px; 
    margin-left: 18px;
}
.subMenu2_subTitle
{
    font-weight: bold; 

    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 18px;
}
.subMenu2_subTitle img
{
    width: 42px;
    margin-right: 8px;
    margin-bottom: 6px;
}
.subMenu2_body ul
{
    padding-bottom: 10px; 

    border-bottom: 2px solid #efefef;
}
.subMenu2_body ul:last-child
{
    border-bottom: none;
}
.subMenu2_body li
{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;

    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 42px;

    letter-spacing: 1px; 

    background-image: url(images/common/subMenu_arrow2.png);
    background-repeat: no-repeat;
    background-position: 22px center;
}
.subMenu2_body li a
{
    text-decoration: none;
}
.subMenu2_body li a:hover
{
    text-decoration: underline;
}

/*学部学科一覧タイトルアロー*/
.titleArrow
{
    display: inline-block;
    float: right;

    width: 30px;
    height: 30px;
    margin-right: 16px; 

    transition: .4s all;

    border-radius: 30px;
    background-color: #fff;
    background-image: url(images/common/menu_arrow1.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
}

/*学部学科一覧タイトルアロー90度回転*/
.active .titleArrow
{
    transform: rotate(180deg);
}

.usefulInfo
{
    zoom: 1; 

    width: 100%;
    margin-bottom: 20px;
    padding-right: 3%;
    padding-left: 3%;

    border-bottom: 1px dotted #eaeaea;
}
.usefulInfo:before,
.usefulInfo:after
{
    display: table;
    clear: both; 

    content: '';
}
.usefulInfo_title
{
    font-size: 32px;
    font-weight: 300;
    line-height: 1.4;

    display: inline-block;

    margin-bottom: 20px; 

    letter-spacing: 1px;
}
.usefulInfo_title img
{
    width: 40px;
    margin-right: 10px; 

    vertical-align: sub;
}
@media only screen and (min-width: 751px)
{
    .usefulInfo
    {
        padding-right: 0;
        padding-left: 0;

        border-bottom: none;
    }
    .usefulInfo_title
    {
        font-size: 36px;
    }
    .usefulInfo_title img
    {
        width: 46px;
        margin-right: 10px;
        margin-bottom: 3px; 

        vertical-align: sub;
    }
}

.relationInfo
{
    zoom: 1; 

    width: 100%;
    margin-bottom: 20px;
    padding-right: 3%;
    padding-bottom: 20px;
    padding-left: 3%;

    border-bottom: 1px dotted #eaeaea;
}
.relationInfo:before,
.relationInfo:after
{
    display: table;
    clear: both; 

    content: '';
}
.relationInfo_title
{
    font-size: 32px;
    font-weight: 300;
    line-height: 1.4;

    display: inline-block;

    margin-bottom: 20px; 

    letter-spacing: 1px;
}
.relationInfo_title img
{
    width: 40px;
    margin-right: 10px; 

    vertical-align: sub;
}
.relationInfo .interviewMenu
{
    margin-bottom: 20px;
}
@media only screen and (min-width: 751px)
{
    .relationInfo
    {
        padding-right: 0; 
        padding-bottom: 10px;
        padding-left: 0;
    }
    .relationInfo_title
    {
        font-size: 36px;
    }
    .relationInfo_title img
    {
        width: 46px;
        margin-right: 10px;
        margin-bottom: 3px; 

        vertical-align: sub;
    }
    .relationInfo .interviewMenu
    {
        margin-bottom: 40px;
    }


}

/*関連記事一覧エリア*/
.howToChooseMenu
{
    margin-bottom: 20px;
}
.howToChooseMenu .howToChoose_title
{
    font-size: 18px;
    line-height: 1.4;

    padding-left: 10px; 

    border-left: 6px #34ca9d solid;
}
.howToChooseMenu .menuItem a
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;

    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

    text-decoration: none;

    border-top: 1px solid #eaeaea;
    background-image: url(images/common/menu_arrow3.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 8px; 

    -ms-flex-align: center;
    align-items: center;
}
.howToChooseMenu .menuItem a:hover
{
    text-decoration: underline;
}
.howToChooseMenu .menuItem a .menuItem_left
{
    width: 28%;
}
.howToChooseMenu .menuItem a .menuItem_left img
{
    width: 100%;
    height: 100%;

    border-radius: 500px;
}
.howToChooseMenu .menuItem a .menuItem_body
{
    width: 72%;
    padding-right: 4%; 
    padding-left: 4%;
}
.howToChooseMenu .menuItem a .menuItem_body h4
{
    font-size: 16px;
    line-height: 1.4;

    margin-bottom: 5px;
}
.howToChooseMenu .menuItem a .menuItem_body p
{
    font-size: 14px;
    line-height: 1.5;
}
.howToChooseMenu .menuItem:last-child a
{
    border-bottom: 1px solid #eaeaea;
}
@media only screen and (min-width: 751px)
{
    .howToChooseMenu .howToChoose_title
    {
        font-size: 20px;

        position: relative;

        margin-bottom: 40px;
    }
    .howToChooseMenu .howToChoose_title::after
    {
        position: absolute;
        bottom: -10px;
        left: -6px;

        display: block;

        width: 760px;
        height: 3px;

        content: '';

        background-color: #eaeaea;
    }
    .howToChooseMenu ul
    {
        display: -moz-flex;
        display:  -ms-flex;
        display:   -o-flex;
        display: -ms-flexbox;
        display:      flex;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .howToChooseMenu ul .menuItem
    {
        width: 50%;
    }
    .howToChooseMenu ul .menuItem a
    {
        display: -moz-flex;
        display:  -ms-flex;
        display:   -o-flex;
        display: -ms-flexbox;
        display:      flex;

        margin-top: 10px;
        margin-bottom: 30px;
        padding: 0;

        text-decoration: none;

        border-top: none;
        background: none; 

        -ms-flex-align: center;
        align-items: center;
    }
    .howToChooseMenu ul .menuItem a:hover
    {
        text-decoration: underline;
    }
    .howToChooseMenu ul .menuItem a .menuItem_left
    {
        width: 30%;
        padding-left: 2%;
    }
    .howToChooseMenu ul .menuItem a .menuItem_body
    {
        width: 70%;
        padding-right: 4%; 
        padding-left: 4%;
    }
    .howToChooseMenu ul .menuItem a .menuItem_body h4
    {
        font-size: 17px;
        line-height: 1.4;

        margin-bottom: 10px;
    }
    .howToChooseMenu ul .menuItem a .menuItem_body p
    {
        font-size: 13px;
        line-height: 1.5;
    }
    .howToChooseMenu ul .menuItem:last-child a
    {
        border-bottom: none;
    }
}

/*関連記事一覧エリア*/
.featureMenu
{
    margin-bottom: 20px;
}
.featureMenu .featureMenu_title
{
    font-size: 18px;
    line-height: 1.4;

    padding-left: 10px; 

    border-left: 5px #34ca9d solid;
}
.featureMenu .menuItem a
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;

    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

    text-decoration: none;

    border-top: 1px solid #eaeaea;
    background-image: url(images/common/menu_arrow3.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 8px; 

    -ms-flex-align: center;
    align-items: center;
}
.featureMenu .menuItem a:hover
{
    text-decoration: underline;
}
.featureMenu .menuItem a .menuItem_left
{
    width: 28%;
}
.featureMenu .menuItem a .menuItem_left img
{
    width: 100%;
    height: 100%;

    border-radius: 500px;
}
.featureMenu .menuItem a .menuItem_body
{
    width: 72%;
    padding-right: 4%; 
    padding-left: 4%;
}
.featureMenu .menuItem a .menuItem_body h4
{
    font-size: 15px;
    line-height: 1.4;

    margin-bottom: 5px;
}
.featureMenu .menuItem a .menuItem_body p
{
    font-size: 13px;
    line-height: 1.5;
}
.featureMenu .menuItem:last-child a
{
    border-bottom: 1px solid #eaeaea;
}
@media only screen and (min-width: 751px)
{
    .featureMenu .featureMenu_title
    {
        font-size: 20px;

        position: relative;

        margin-bottom: 40px;
    }
    .featureMenu .featureMenu_title::after
    {
        position: absolute;
        bottom: -10px;
        left: -6px;

        display: block;

        width: 760px;
        height: 3px;

        content: '';

        background-color: #eaeaea;
    }
    .featureMenu ul
    {
        display: -moz-flex;
        display:  -ms-flex;
        display:   -o-flex;
        display: -ms-flexbox;
        display:      flex;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .featureMenu ul .menuItem
    {
        width: 50%;
    }
    .featureMenu ul .menuItem a
    {
        display: -moz-flex;
        display:  -ms-flex;
        display:   -o-flex;
        display: -ms-flexbox;
        display:      flex;

        margin-top: 10px;
        margin-bottom: 30px;
        padding: 0;

        text-decoration: none;

        border-top: none;
        background: none; 

        -ms-flex-align: center;
        align-items: center;
    }
    .featureMenu ul .menuItem a:hover
    {
        text-decoration: underline;
    }
    .featureMenu ul .menuItem a .menuItem_left
    {
        width: 30%;
        padding-left: 2%;
    }
    .featureMenu ul .menuItem a .menuItem_body
    {
        width: 70%;
        padding-right: 4%; 
        padding-left: 4%;
    }
    .featureMenu ul .menuItem a .menuItem_body h4
    {
        font-size: 17px;
        line-height: 1.4;

        margin-bottom: 10px;
    }
    .featureMenu ul .menuItem a .menuItem_body p
    {
        font-size: 13px;
        line-height: 1.5;
    }
    .featureMenu ul .menuItem:last-child a
    {
        border-bottom: none;
    }
}

/*インタビューメニューエリア*/
.interviewMenu
{
    margin-bottom: 40px;
}
.interviewMenu .interviewMenu_title
{
    font-size: 18px;
    line-height: 1.4;

    padding-left: 10px; 

    border-left: 5px #34ca9d solid;
}
.interviewMenu .menuItem a
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;

    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;

    text-decoration: none;

    border-top: 1px solid #eaeaea;
    background-image: url(images/common/menu_arrow3.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 8px; 

    -ms-flex-align: center;
    align-items: center;
}
.interviewMenu .menuItem a:hover
{
    text-decoration: underline;
}
.interviewMenu .menuItem a .menuItem_left
{
    width: 28%;
}
.interviewMenu .menuItem a .menuItem_left img
{
    width: 100%;
    height: 100%;

    border-radius: 500px;
}
.interviewMenu .menuItem a .menuItem_body
{
    width: 72%;
    padding-right: 4%; 
    padding-left: 4%;
}
.interviewMenu .menuItem a .menuItem_body h4
{
    font-size: 15px;
    line-height: 1.4;

    margin-bottom: 5px;
}
.interviewMenu .menuItem a .menuItem_body p
{
    font-size: 13px;
    line-height: 1.5;
}
.interviewMenu .menuItem:last-child a
{
    border-bottom: 1px solid #eaeaea;
}
@media only screen and (min-width: 751px)
{
    .interviewMenu .interviewMenu_title
    {
        font-size: 20px;

        position: relative;

        margin-bottom: 10px;
    }
    .interviewMenu .interviewMenu_title::after
    {
        position: absolute;
        bottom: -10px;
        left: -6px;

        display: block;

        width: 760px;
        height: 3px;

        content: '';

        background-color: #eaeaea;
    }
    .interviewMenu .menuItem
    {
        padding-top: 30px;
        padding-bottom: 30px; 

        border-bottom: 1px solid #eaeaea;
    }
    .interviewMenu .menuItem a
    {
        display: -moz-flex;
        display:  -ms-flex;
        display:   -o-flex;
        display: -ms-flexbox;
        display:      flex;

        margin: 0;
        padding: 0;

        text-decoration: none;

        border-top: none;
        background: none; 

        -ms-flex-align: start;
        align-items: flex-start;
    }
    .interviewMenu .menuItem a:hover
    {
        text-decoration: underline;
    }
    .interviewMenu .menuItem a .menuItem_left
    {
        width: 18%;
        padding-left: 2%;
    }
    .interviewMenu .menuItem a .menuItem_body
    {
        width: 82%;
        padding-right: 0; 
        padding-left: 3%;
    }
    .interviewMenu .menuItem a .menuItem_body h4
    {
        font-size: 19px;
        line-height: 1.4;

        margin-bottom: 10px;
    }
    .interviewMenu .menuItem a .menuItem_body p
    {
        font-size: 14px;
        line-height: 1.6;
    }
    .interviewMenu .menuItem a:last-child
    {
        border-bottom: none;
    }
}

/*記事画像特殊回り込み仕様*/
.turnType-image1
{
    float: right;

    margin-top: 20px;
    margin-right: 0; 
    margin-bottom: 20px;
    margin-left: 30px;
}
@media only screen and (max-width: 750px)
{
    .turnType-image1
    {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        margin-right: auto; 
        margin-left: auto;
    }
}

.turnType-text1
{
    position: relative;
}
@media only screen and (max-width: 750px)
{
    .turnType-text1
    {
        padding-bottom: 320px;
    }
}

.turnType-text2
{
    position: relative;
}
@media only screen and (max-width: 750px)
{
    .turnType-text2
    {
        padding-bottom: 250px;
    }
}

/*記事画像回り込み仕様*/
.sectionImage-left
{
    display: block; 

    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}
@media only screen and (min-width: 751px)
{
    .sectionImage-left
    {
        float: left;

        margin-right: 30px; 
        margin-left: 0;
    }
}

.sectionImage-right
{
    display: block; 

    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}
@media only screen and (min-width: 751px)
{
    .sectionImage-right
    {
        float: right;

        margin-right: 0; 
        margin-left: 30px;
    }
}

/*記事画像随時センター仕様*/
.undergraduateImage
{
    display: block;

    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 40px; 
    margin-left: auto;
}

.stg-yl
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcff00+0,fcff00+100&0+1,0+66,0+66,1+67,1+86,0+87 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(252, 255, 0, 0) 0%, rgba(252, 255, 0, 0) 1%, rgba(252, 255, 0, 0) 66%, #fcff00 67%, #fcff00 86%, rgba(252, 255, 0, 0) 87%, rgba(252, 255, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fcff00', endColorstr='#00fcff00',GradientType=0 );
    /* IE6-9 */
}

.stg-gr
{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbff9e+1,dbff9e+100&0+1,0+66,0+66,1+67,1+86,0+87 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(219, 255, 158, 0) 1%, rgba(219, 255, 158, 0) 66%, #dbff9e 67%, #dbff9e 86%, rgba(219, 255, 158, 0) 87%, rgba(219, 255, 158, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00dbff9e', endColorstr='#00dbff9e',GradientType=0 );
    /* IE6-9 */
}

/*スマホ非表示*/
@media only screen and (max-width: 750px)
{
    .sp-none
    {
        display: none;
    }
}

/*PC非表示*/
@media only screen and (min-width: 751px)
{
    .pc-none
    {
        display: none;
    }
}

/*下側のみボーダー線*/
.bdr-b
{
    margin-bottom: 40px; 

    border-bottom: 1px #eaeaea dotted;
}

/*下側のみボーダー線除去*/
.bd-none
{
    border-bottom: none;
}

/* メインメニュータイトル文字制限用*/
@media only screen and (min-width: 751px)
{
    .mainMenu .none,
    .footerMenu_type2 .none
    {
        display: none;
    }
}

.fz36
{
    font-size: 23px !important;
}
@media only screen and (min-width: 751px)
{
    .fz36
    {
        font-size: 36px !important;
    }
}

.fz35
{
    font-size: 23px !important;
}
@media only screen and (min-width: 751px)
{
    .fz35
    {
        font-size: 35px !important;
    }
}

.fz34
{
    font-size: 23px !important;
}
@media only screen and (min-width: 751px)
{
    .fz34
    {
        font-size: 34px !important;
    }
}

.fz33
{
    font-size: 23px !important;
}
@media only screen and (min-width: 751px)
{
    .fz33
    {
        font-size: 33px !important;
    }
}

.fz32
{
    font-size: 23px !important;
}
@media only screen and (min-width: 751px)
{
    .fz32
    {
        font-size: 32px !important;
    }
}

.sociologyBox
{
    margin-bottom: 40px;
}
.sociologyBox::after
{
    display: block;
    clear: both; 

    content: '';
}
.sociologyBox_text
{
    font-size: 14px; 

    width: 100%;
    margin-bottom: 15px;
    padding-right: 8%;
    padding-left: 8%;
}
.sociologyBox_image img
{
    display: block; 

    margin-right: auto;
    margin-left: auto;
}
@media only screen and (min-width: 751px)
{
    .sociologyBox .sociologyBox
    {
        width: 100%;
    }
    .sociologyBox .sociologyBox_text
    {
        float: left;

        width: 40%;
        padding-top: 50px;
        padding-right: 2%; 
        padding-left: 5%;
    }
    .sociologyBox .sociologyBox_image
    {
        float: right;

        width: 60%;
        padding-left: 4%;
    }
    .sociologyBox .sociologyBox_image img
    {
        display: inline;
    }
}

.times-serif,
span.texhtml
{
    font-family: 'Nimbus Roman No9 L','Times New Roman',Times,serif;
    font-size: 108%;
    line-height: 1;
}

/*PRエリア(スマホ)*/
.infoArea-sp
{
    width: 100%;
    margin-bottom: 50px; 
    padding-right: 3%;
    padding-left: 3%;
}
@media only screen and (min-width: 751px)
{
    .infoArea-sp
    {
        display: none;
    }
}
.infoArea-sp .pr-middle
{
    position: relative;
}
.infoArea-sp .pr-middle p
{
    font-size: 16px;

    position: absolute;
    top: 0;
    left: 50%;

    display: inline-block;

    width: 206px;
    margin-left: -103px;
    padding-right: 15px; 

    border: 1px #df006c solid;
}
.infoArea-sp .pr-middle p span
{
    display: inline-block;

    margin-right: 10px;
    margin-right: 15px; 
    padding: 3px 10px;

    color: #fff;
    background-color: #df006c;
}
.infoArea-sp .pr-bottom
{
    position: relative;
}
.infoArea-sp .pr-bottom .pr-bottun
{
    position: absolute;
    top: 0;
    right: 9%;
    left: 9%;

    width: 82%;
}

/*PRエリア(PC)*/
.infoArea-pc
{
    position: relative;

    min-width: 1160px;
    margin-right: auto;
    margin-bottom: 100px; 
    margin-left: auto;
}
.infoArea-pc .pr-bg
{
    display: block;

    margin-right: auto; 
    margin-left: auto;
}
@media only screen and (max-width: 750px)
{
    .infoArea-pc
    {
        display: none;
    }
}
.infoArea-pc .pr-inner
{
    position: absolute;
    top: 346px;
    left: 50%;

    width: 1160px;
    margin-left: -580px;
}
.infoArea-pc .pr-inner p
{
    font-size: 24px;

    display: inline-block;

    margin-left: 146px;
    padding-right: 14px; 

    text-align: center;

    border: 1px #df006c solid;
}
.infoArea-pc .pr-inner p span
{
    display: inline-block;

    margin-right: 10px;
    margin-right: 15px; 
    padding: 3px 10px;

    color: #fff;
    background-color: #df006c;
}
.infoArea-pc .pr-inner .pr-bottun
{
    position: absolute;
    top: -20px;

    width: 350px;
    margin-left: 242px;
}
.infoArea-pc .pr-inner .pr-bottun:hover
{
    opacity: .8;
}

/*フッター*/
.footer .footer_top
{
    display: none;
}

.footer .footer_middle
{
    display: none;
}

.footer .footer_bottom .copyright
{
    font-size: 11px;
    font-style: italic;

    padding-top: 20px;
    padding-bottom: 20px; 

    text-align: center;
    letter-spacing: 1px;

    color: #aaa;
}

@media only screen and (min-width: 751px)
{
    .footer
    {
        min-width: 1160px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;

        background-image: url(images/common/sub-menu-bg.png);
        background-repeat: repeat; 
        background-position: center center;
    }
    .footer .footer_top
    {
        display: block;

        padding-bottom: 40px; 

        border-bottom: 2px solid #efefef;
    }
    .footer .footer_top_title
    {
        font-size: 21px; 

        width: 1160px;
        min-width: 1160px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 30px;
        padding-right: 10px;
        padding-bottom: 15px;
        padding-left: 10px;
    }
    .footer .footer_top_title img
    {
        width: 38px;
        margin-right: 12px; 
        margin-bottom: 4px;
    }
    .footer .footer_middle
    {
        display: block;

        padding-bottom: 40px; 

        border-bottom: 2px solid #efefef;
    }
    .footer .footer_middle_title
    {
        font-size: 21px;
        font-size: 21px; 

        width: 1160px;
        min-width: 1160px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 30px;
        padding-right: 10px;
        padding-bottom: 15px;
        padding-left: 10px;
    }
    .footer .footer_middle_title img
    {
        width: 38px;
        margin-right: 12px; 
        margin-bottom: 4px;
    }
    .footer .footer_bottom
    {
        display: block;
    }
}

@media only screen and (min-width: 751px)
{
    .footerMenu
    {
        display: -moz-flex;
        display:  -ms-flex;
        display:   -o-flex;
        display: -ms-flexbox;
        display:      flex;

        width: 1160px;
        min-width: 1160px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;

        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .footerMenu .footerMenu_type1
    {
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    }
    .footerMenu .footerMenu_type1_title
    {
        font-size: 16px;
        font-weight: 500; 

        width: 80%;
        margin-bottom: 10px;
        padding: 5px 20px;

        border: 1px solid #efefef;
        border-radius: 40px;
        background-color: #fff;
    }
    .footerMenu .footerMenu_type1 ul li
    {
        font-size: 13px;

        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 22px; 

        background-image: url(images/common/subMenu_arrow1.png);
        background-repeat: no-repeat;
        background-position: 5px center;
    }
    .footerMenu .footerMenu_type1 ul li a
    {
        text-decoration: none;
    }
    .footerMenu .footerMenu_type1 ul li a:hover
    {
        text-decoration: underline;
    }
    .footerMenu .footerMenu_type2
    {
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    }
    .footerMenu .footerMenu_type2_title
    {
        font-size: 16px;
        font-weight: 500; 

        width: 90%;
        margin-bottom: 10px;
        padding: 5px 20px;

        border: 1px solid #efefef;
        border-radius: 40px;
        background-color: #fff;
    }
    .footerMenu .footerMenu_type2 ul
    {
        display: -moz-flex;
        display:  -ms-flex;
        display:   -o-flex;
        display: -ms-flexbox;
        display:      flex;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .footerMenu .footerMenu_type2 ul li
    {
        font-size: 13px;

        max-width: 50%;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 22px; 

        background-image: url(images/common/subMenu_arrow1.png);
        background-repeat: no-repeat;
        background-position: 5px center;

        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    }
    .footerMenu .footerMenu_type2 ul li a
    {
        text-decoration: none;
    }
    .footerMenu .footerMenu_type2 ul li a:hover
    {
        text-decoration: underline;
    }
    .footerMenu .footerMenu_type3
    {
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    }
    .footerMenu .footerMenu_type3_title
    {
        font-size: 16px;
        font-weight: 500; 

        width: 80%;
        margin-bottom: 10px;
        padding: 5px 20px;

        border: 1px solid #efefef;
        border-radius: 40px;
        background-color: #fff;
    }
    .footerMenu .footerMenu_type3 ul li
    {
        font-size: 13px;

        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 22px; 

        background-image: url(images/common/subMenu_arrow2.png);
        background-repeat: no-repeat;
        background-position: 5px center;
    }
    .footerMenu .footerMenu_type3 ul li a
    {
        text-decoration: none;
    }
    .footerMenu .footerMenu_type3 ul li a:hover
    {
        text-decoration: underline;
    }
}

/*ページトップへ戻る*/
.pagetop
{
    padding-top: 16px;
    padding-bottom: 18px;

    text-align: center; 

    background-color: #ffea00;
}
.pagetop img
{
    width: 112px;
}
@media only screen and (min-width: 751px)
{
    .pagetop
    {
        min-width: 1160px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 0; 
        padding-left: 0;
    }
}

.siteLink1 li
{
    letter-spacing: 1px; 

    color: #444;
    border-top: 1px solid #aaa;
}
.siteLink1 li:last-child
{
    border-bottom: 1px solid #aaa;
}
.siteLink1 li a
{
    font-size: 12px;
    font-weight: bold;

    position: relative;

    display: block;

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px; 

    text-decoration: none;

    color: #444;
}
.siteLink1 li a::before
{
    position: absolute;
    top: 50%;
    left: 15px;

    margin-top: -4px;

    content: '';

    border: 4px solid transparent;
    border-left: 4px solid #444;
}
.siteLink1 li a:hover
{
    text-decoration: underline;
}

@media only screen and (min-width: 751px)
{
    .siteLink1
    {
        border-bottom: 2px solid #efefef;
    }
    .siteLink1 ul
    {
        padding-top: 15px;
        padding-bottom: 15px;

        text-align: center;
    }
    .siteLink1 ul li
    {
        font-size: 11px;

        display: inline;

        margin-right: 5px; 
        margin-left: 5px;

        letter-spacing: 1px;

        color: #444;
        border-top: none;
    }
    .siteLink1 ul li:last-child
    {
        border-bottom: none;
    }
    .siteLink1 ul li a
    {
        font-weight: 500;

        position: relative;

        display: inline;

        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    .siteLink1 ul li a::before
    {
        display: none; 

        content: '';
    }
    .siteLink1 ul li a:hover
    {
        text-decoration: underline;
    }
}

.siteLink2
{
    color: #444;
}
.siteLink2 ul
{
    display: -ms-flexbox;
    display: flex;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.siteLink2 ul li
{
    font-size: 11px;

    border-bottom: 1px solid #aaa;
    background-color: #eee; 

    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
}
.siteLink2 ul li:nth-child(1),
.siteLink2 ul li:nth-child(5),
.siteLink2 ul li:nth-child(9)
{
    border-right: 1px solid #aaa;
}
.siteLink2 ul li a
{
    position: relative; 

    display: block;

    padding-top: 8px;
    padding-right: 6px;
    padding-bottom: 8px;
    padding-left: 18px;

    text-decoration: none;

    color: #444;
    color: #444;
}
.siteLink2 ul li a::before
{
    position: absolute;
    top: 50%;
    left: 8px;

    margin-top: -3px;

    content: '';

    border: 3px solid transparent;
    border-left: 3px solid #444;
}
.siteLink2 ul li a:hover
{
    text-decoration: underline;
}
@media only screen and (min-width: 751px)
{
    .siteLink2
    {
        padding-top: 7px;
        padding-bottom: 10px; 

        text-align: center;

        background-color: #eee;
    }
    .siteLink2 ul
    {
        display: block;

        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    }
    .siteLink2 ul li
    {
        font-size: 12px;

        display: inline;

        margin-right: 5px; 
        margin-left: 5px;

        border-bottom: none;
        background-color: none;

        -ms-flex: none;
            flex: none;
    }
    .siteLink2 ul li:nth-child(1),
    .siteLink2 ul li:nth-child(5),
    .siteLink2 ul li:nth-child(9)
    {
        border-right: none;
    }
    .siteLink2 ul li a
    {
        position: relative; 

        display: inline;

        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;

        text-decoration: none;

        color: #444;
        color: #444;
        padding-left: 16px;
        vertical-align: middle;
        margin-right: 1.2em;
    }
    .siteLink2 ul li a::before
    {
        position: absolute;
        content: "";
        top: 7px;
        left: 0;
        width: 11px;
        height: 11px;
        border: 1px solid #666;
        border-radius: 50%;
    }
    .siteLink2 ul li a::after{
        position: absolute;
        content: "";
        vertical-align: middle;
        top: 7px;
        left: 4px;
        box-sizing: border-box;
        width: 4px;
        height: 4px;
        border: 3px solid transparent;
        border-left: 4px solid #666;
    }
   
    .siteLink2 ul li a:hover
    {
        text-decoration: underline;
    }
}

/*----------------------------------------------------------
共通CSS end
------------------------------------------------------------*/
/*----------------------------------------------------------
indexCSS start
------------------------------------------------------------*/
/*インデックスメインビジュアル*/
.mainImage
{
    display: block;

    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;

    border-bottom: 3px solid #ebebeb;
}
.mainImage img
{
    min-width: 100%;
    margin-right: auto; 
    margin-left: auto;
}
@media only screen and (min-width: 751px)
{
    .mainImage
    {
        min-width: 1160px;

        border-bottom: 1px solid #ebebeb;
    }
}

/*インデックス記事エリア*/
.indexArticle
{
    width: 100%;
    margin-bottom: 40px;
    padding-right: 3%;
    padding-bottom: 40px;
    padding-left: 3%;

    border-bottom: 1px dotted #eaeaea;
}
.indexArticle h3
{
    font-size: 5.6vw;
    font-weight: 600;

    margin-bottom: 0;

    text-align: center;
}
.indexArticle p
{
    font-size: 16px;
}
.indexArticle img
{
    width: 60%; 
    margin: 10px auto 20px;
}
@media only screen and (min-width: 751px)
{
    .indexArticle
    {
        zoom: 1; 

        margin-right: auto;
        margin-left: auto;
        padding-right: 0;
        padding-left: 0;
    }
    .indexArticle h3
    {
        font-size: 36px;
        font-weight: 400;
        line-height: 1.4;

        position: relative;

        margin-bottom: 40px;

        text-align-last: left;
    }
    .indexArticle p
    {
        font-size: 16px;
        line-height: 1.8; 

        width: 65%;
        margin-bottom: 10px;
        padding-right: 3%;
    }
    .indexArticle img
    {
        float: right; 

        width: 35%;
        margin: 0;
    }
    .indexArticle:before,
    .indexArticle:after
    {
        display: table;
        clear: both; 

        content: '';
    }
}

/*----------------------------------------------------------
indexCSS end
------------------------------------------------------------*/
/*----------------------------------------------------------
departmentCSS start
------------------------------------------------------------*/
/*学部学科ページタイトル*/
.undergraduateTitle
{
    width: 100%;
    margin-bottom: 30px; 
    padding-right: 3%;
    padding-left: 3%;
}
.undergraduateTitle h2
{
    font-size: 32px;
    line-height: 1.3;

    margin-bottom: 5px;
    padding-bottom: 4px;
    padding-left: 52px; 

    border-bottom: 3px solid #f0f0f0;
    background-image: url(images/common/humanities_icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 42px;
}
@media only screen and (min-width: 751px)
{
    .undergraduateTitle
    {
        padding-right: 0; 
        padding-left: 0;
    }
    .undergraduateTitle h2
    {
        font-size: 56px;

        padding-bottom: 6px;
        padding-left: 82px; 

        border-bottom: 5px solid #f0f0f0;
        background-position: left 3px;
        background-size: 68px;
    }
}

/*学部学科ページメイン記事*/
.undergraduateArticle
{
    width: 100%;
    margin-bottom: 40px; 
    padding-right: 3%;
    padding-left: 3%;
}
.undergraduateArticle .section
{
    clear: both;

    margin-bottom: 20px;
}
.undergraduateArticle .section h4
{
    font-size: 24px;

    position: relative;

    clear: both; 

    margin-bottom: 10px;
    padding-left: 16px;
}
.undergraduateArticle .section h4::before
{
    position: absolute;
    top: 16%;
    left: 0;

    width: 6px;
    height: 70%;

    content: ''; 

    background-color: #07a273;
}
.undergraduateArticle .section h5
{
    font-size: 16px;

    clear: both; 

    color: #07a273;
}
.undergraduateArticle .section > p
{
    font-size: 16px;

    margin-bottom: 10px;
}
@media only screen and (min-width: 751px)
{
    .undergraduateArticle
    {
        padding-right: 0; 
        padding-left: 0;
    }
    .undergraduateArticle .section
    {
        margin-bottom: 40px;
    }
    .undergraduateArticle .section > p
    {
        font-size: 15px;
        line-height: 1.8; 

        margin-bottom: 20px;
    }
    .undergraduateArticle .section h4
    {
        font-size: 20px;

        padding-left: 20px;
    }
    .undergraduateArticle .section h5
    {
        font-size: 18px;

        margin-bottom: 5px;
    }
}

/*セクションタイトル装飾1*/
.sectionTitle1
{
    margin-bottom: 10px;
}
.sectionTitle1 .department
{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;

    display: inline-block;

    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 8px;

    vertical-align: middle; 

    color: #fff;
    background-color: #878887;
}
.sectionTitle1_top
{
    margin-bottom: 10px;
}
.sectionTitle1_top p
{
    font-size: 16px;
    font-weight: bold;
    font-weight: 500;

    position: relative;
    z-index: 0; 

    display: inline-block;

    padding: 2px 15px;

    color: #fff;
    border-radius: 30px;
    background-color: #07a273;
}
.sectionTitle1_top p::after
{
    position: absolute;
    z-index: 0; 
    bottom: -8px;
    left: 20px;

    display: block;

    width: 14px;
    height: 9px;

    content: '';

    background-image: url(images/common/balloon-foot.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
}
.sectionTitle1_bottom
{
    zoom: 1;
}
.sectionTitle1_bottom:before,
.sectionTitle1_bottom:after
{
    display: table;
    clear: both; 

    content: '';
}
.sectionTitle1_bottom h3
{
    font-size: 24px;
    line-height: 1.4;

    color: #98275d;
    color: #07a273;
}
.sectionTitle1_bottom .department2
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;

    display: inline-block;

    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 8px;

    vertical-align: middle; 

    color: #fff;
    background-color: #878887;
}
@media only screen and (min-width: 751px)
{
    .sectionTitle1
    {
        margin-bottom: 30px;
    }
    .sectionTitle1 .department
    {
        font-size: 26px;

        margin-bottom: 15px;
    }
    .sectionTitle1_top
    {
        margin-bottom: 18px;
    }
    .sectionTitle1_top p
    {
        font-size: 24px;
        font-weight: 500;
    }
    .sectionTitle1_top p::after
    {
        z-index: 0; 
        bottom: -16px;
        left: 28px;

        width: 28px;
        height: 18px;

        background-size: 28px;
    }
    .sectionTitle1_bottom h3
    {
        font-size: 36px;
    }
    .sectionTitle1_bottom .department2
    {
        font-size: 22px;

        margin-right: 14px;
        margin-bottom: 6px;
    }
}

/*専門用語コラム*/
.terminologyColumn
{
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 50px;
    padding-right: 4%;
    padding-left: 4%;

    border: 2px solid #ffba31;
    background-image: url(images/common/column_bg.png);
    background-repeat: repeat;
    background-position: center center;
    background-size: 15px;
}
.terminologyColumn h3
{
    margin-top: -76px;
    margin-bottom: 20px;
}
.terminologyColumn h3 img
{
    display: block;

    width: 280px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px; 
    padding-left: 10px;

    background-color: #fff;
}
.terminologyColumn h4
{
    font-size: 18px;

    margin-bottom: 5px;
}
.terminologyColumn p
{
    font-size: 16px;
    line-height: 1.6;

    margin-bottom: 20px;

    color: #555;
}
@media only screen and (min-width: 751px)
{
    .terminologyColumn
    {
        margin-top: 60px;
        margin-bottom: 50px;
        padding-right: 20px; 
        padding-left: 20px;
    }
    .terminologyColumn h3
    {
        margin-top: -90px;
    }
    .terminologyColumn h3 img
    {
        width: 462px;
        margin-right: 0; 
        margin-left: 0;
    }
    .terminologyColumn h4
    {
        font-size: 20px;
    }
    .terminologyColumn p
    {
        line-height: 1.8;
    }
}

/*学部学科ページQ&A記事*/
.questionArticle
{
    width: 100%;
    margin-bottom: 40px; 
    padding-right: 3%;
    padding-left: 3%;
}
.questionArticle_title
{
    margin-bottom: 5px;
}
.questionArticle_title h3
{
    font-size: 17px;
}
.questionArticle_title h3 span
{
    font-size: 28px;
    font-weight: bold;
    font-style: italic;

    margin-right: 8px;
}
.questionArticle_title h3 img
{
    width: 44px;
    margin-right: 8px; 
    margin-bottom: 8px;

    vertical-align: bottom;
}
@media only screen and (min-width: 751px)
{
    .questionArticle
    {
        padding-right: 0; 
        padding-left: 0;
    }
    .questionArticle_title
    {
        margin-bottom: 30px;
    }
    .questionArticle_title h3
    {
        font-size: 24px;
    }
    .questionArticle_title h3 span
    {
        font-size: 48px;

        margin-right: 12px;
    }
    .questionArticle_title h3 img
    {
        width: 70px;
        margin-right: 20px;
    }
}

/*クエスチョン文章*/
.questionSection
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;
    zoom: 1;

    -ms-flex-align: baseline;
    align-items: baseline;
}
.questionSection:before,
.questionSection:after
{
    display: table;
    clear: both; 

    content: '';
}
.questionSection_left
{
    width: 10%;

    text-align: center;
}
.questionSection_left p
{
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.5;

    color: #07a273;
}
.questionSection_right
{
    line-height: 1.4; 

    width: 90%;
    padding-top: 10px;
    padding-left: 2%;
}
.questionSection_right p
{
    font-size: 16px; 
    font-weight: bold;
}
@media only screen and (min-width: 751px)
{
    .questionSection
    {
        margin-bottom: 5px;
    }
    .questionSection_left
    {
        width: 6%; 

        text-align: left;
    }
    .questionSection_right
    {
        width: 94%;
        padding: 0; 

        text-align: left;
    }
    .questionSection_right p
    {
        font-size: 18px;
    }
}

/*アンサー文章*/
.answerSection
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;
    zoom: 1; 

    margin-bottom: 5px;

    -ms-flex-align: baseline;
    align-items: baseline;
}
.answerSection:before,
.answerSection:after
{
    display: table;
    clear: both; 

    content: '';
}
.answerSection_left
{
    width: 10%;

    text-align: center;
}
.answerSection_left p
{
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.5;

    color: #ffba31;
}
.answerSection_right
{
    width: 90%;
    padding-top: 16px; 
    padding-left: 2%;
}
.answerSection_right h4
{
    font-size: 16px;

    margin-bottom: 5px;

    color: #07a273;
}
.answerSection_right p
{
    font-size: 16px;
    line-height: 1.6;

    margin-bottom: 15px;
}
@media only screen and (min-width: 751px)
{
    .answerSection
    {
        margin-bottom: 30px;
    }
    .answerSection_left
    {
        width: 6%;

        text-align: left;
    }
    .answerSection_right
    {
        width: 94%; 
        padding: 0;
    }
    .answerSection_right p
    {
        font-size: 15px;
        line-height: 1.8;
    }
}

/*ひと言コラム*/
.onewordColumn
{
    position: relative;
    z-index: 0;

    zoom: 1; 

    margin-top: 80px;
    margin-bottom: 40px;
    padding-bottom: 20px;

    border: 2px solid #07a273;
    background-image: url(images/common/column_bg.png);
    background-repeat: repeat;
    background-position: center center;
    background-size: 15px;
}
.onewordColumn:before,
.onewordColumn:after
{
    display: table;
    clear: both; 

    content: '';
}
.onewordColumn_head
{
    display: block;

    margin-top: -36px;
    margin-bottom: 10px;
}
.onewordColumn_head h3
{
    font-size: 24px;
    font-weight: 800;
    line-height: 1.5;

    display: inline-block;

    margin-left: 4%;
    padding-top: 16px;
    padding-right: 14px;
    padding-bottom: 16px; 
    padding-left: 74px;

    background-color: #fff;
    background-image: url(images/common/undergraduate-column-image2.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 52px;
}
.onewordColumn_main
{
    width: 100%;
    margin-bottom: 20px;
    padding-right: 5%; 
    padding-left: 5%;
}
.onewordColumn_main h4
{
    font-size: 18px;

    margin-bottom: 8px; 
    padding-bottom: 5px;

    border-bottom: 1px solid #f0f0f0;
}
.onewordColumn_main p
{
    font-size: 16px;
}
.onewordColumn_sub
{
    width: 100%;
    padding-right: 10%; 
    padding-left: 10%;
}
.onewordColumn_sub img
{
    display: block;

    margin-right: auto; 
    margin-left: auto;
}
.onewordColumn_body
{
    width: 94%;
    margin-right: 3%; 
    margin-left: 3%;
}
.onewordColumn_body h4
{
    font-size: 18px;

    margin-bottom: 8px; 
    padding-bottom: 5px;

    border-bottom: 1px solid #f0f0f0;
}
.onewordColumn_body p
{
    font-size: 16px;
}
@media only screen and (min-width: 751px)
{
    .onewordColumn
    {
        zoom: 1;
    }
    .onewordColumn:before,
    .onewordColumn:after
    {
        display: table;
        clear: both; 

        content: '';
    }
    .onewordColumn_head
    {
        margin-top: -44px;
        margin-bottom: 10px;
    }
    .onewordColumn_head h3
    {
        font-size: 36px;

        margin-left: 20px;
        padding-left: 94px;

        text-align: left;

        background-size: 66px;
    }
    .onewordColumn_main
    {
        float: left; 

        width: 50%;
        margin: 0;
        padding: 0 20px 20px;
    }
    .onewordColumn_main h4
    {
        font-size: 20px;
    }
    .onewordColumn_main p
    {
        line-height: 1.8;
    }
    .onewordColumn_sub
    {
        float: right;

        width: 50%;
        margin: 0;
        padding: 20px 30px 10px;
    }
    .onewordColumn_sub img
    {
        display: block;

        margin-right: auto; 
        margin-left: auto;
    }
    .onewordColumn_body h4
    {
        font-size: 20px;
    }
    .onewordColumn_body p
    {
        line-height: 1.8;
    }
}

/*「こんな研究もあるよ」など*/
.knowledgeArticle
{
    width: 100%;
    margin-bottom: 40px; 
    padding-right: 3%;
    padding-left: 3%;
}
.knowledgeArticle .section h4
{
    font-size: 16px;

    clear: both; 

    color: #07a273;
}
.knowledgeArticle .section > p
{
    font-size: 16px;

    margin-bottom: 40px;
}
@media only screen and (min-width: 751px)
{
    .knowledgeArticle
    {
        padding-right: 0; 
        padding-left: 0;
    }
    .knowledgeArticle .section > p
    {
        font-size: 15px;
        line-height: 1.8;

        margin-bottom: 40px;
    }
}

/*学部学科ページメイン記事*/
.interviewArticle
{
    width: 100%;
    padding-right: 3%; 
    padding-left: 3%;
}
.interviewArticle_title
{
    margin-bottom: 5px;
}
.interviewArticle_title h3
{
    font-size: 32px;
    font-weight: 800;
    font-style: italic;
}
.interviewArticle_title h3 img
{
    width: 44px;
    margin-right: 10px; 
    margin-bottom: 8px;

    vertical-align: bottom;
}
.interviewArticle_head h4
{
    font-size: 16px;

    margin-bottom: 20px; 
    padding-bottom: 5px;

    border-bottom: 2px solid #efefef;
}
.interviewArticle_head_pic
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;

    margin-bottom: 16px; 

    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.interviewArticle_head_pic img
{
    width: 100px;
    margin-right: 15px;
}
.interviewArticle_head_pic p
{
    font-size: 15px;
    line-height: 1.5;
}
.interviewArticle_head_pic p span
{
    font-size: 18px;
    font-weight: bold;

    margin-right: 5px;
}
.interviewArticle_body
{
    margin-bottom: 40px;
}
.interviewArticle_body img
{
    margin-bottom: 20px;
}
.interviewArticle_body h5
{
    font-size: 17px;

    margin-bottom: 5px;

    color: #07a273;
}
.interviewArticle_body p
{
    font-size: 16px; 

    margin-bottom: 15px;
}
.interviewArticle_foot
{
    margin-bottom: 40px;
}
@media only screen and (min-width: 751px)
{
    .interviewArticle
    {
        padding-right: 0; 
        padding-left: 0;
    }
    .interviewArticle_title
    {
        margin-bottom: 20px;
    }
    .interviewArticle_title h3
    {
        font-size: 48px;
        font-weight: 600;
        font-style: italic;
    }
    .interviewArticle_title h3 img
    {
        width: 72px;
        margin-right: 15px; 
        margin-bottom: 8px;

        vertical-align: bottom;
    }
    .interviewArticle_head h4
    {
        font-size: 30px;

        margin-bottom: 20px; 
        padding-bottom: 5px;

        border-bottom: 3px solid #efefef;
    }
    .interviewArticle_head_pic
    {
        display: -moz-flex;
        display:  -ms-flex;
        display:   -o-flex;
        display: -ms-flexbox;
        display:      flex;

        margin-bottom: 30px; 

        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .interviewArticle_head_pic img
    {
        width: 136px;
        margin-right: 25px;
    }
    .interviewArticle_head_pic p
    {
        font-size: 16px;
        line-height: 1.5;
    }
    .interviewArticle_head_pic p span
    {
        font-size: 20px;
        font-weight: bold;

        margin-right: 5px;
    }
    .interviewArticle_body
    {
        margin-bottom: 40px;
    }
    .interviewArticle_body img
    {
        margin-bottom: 20px;
    }
    .interviewArticle_body h5
    {
        font-size: 20px;

        margin-bottom: 10px;

        color: #07a273;
    }
    .interviewArticle_body p
    {
        font-size: 15px;
        line-height: 1.8; 

        margin-bottom: 25px;
    }
    .interviewArticle_foot
    {
        margin-bottom: 40px;
    }
}

/*インタビュー記事コラム*/
.interviewColumn
{
    padding-top: 10px;
    padding-right: 4%;
    padding-bottom: 10px;
    padding-left: 4%;

    border: 2px solid #07a273;
    background-color: #fff;
    background-image: url(images/common/column_bg.png);
    background-repeat: repeat;
    background-position: center center;
    background-size: 15px;
}
.interviewColumn h4
{
    font-size: 24px; 

    margin-bottom: 8px;
    padding-bottom: 3px;

    color: #07a273;
    border-bottom: 1px solid #efefef;
}
.interviewColumn p
{
    font-size: 16px;
    line-height: 1.5;
}
@media only screen and (min-width: 751px)
{
    .interviewColumn
    {
        padding-top: 20px;
        padding-right: 25px; 
        padding-bottom: 20px;
        padding-left: 25px;
    }
    .interviewColumn h4
    {
        font-size: 20px; 

        margin-bottom: 10px;
        padding-bottom: 3px;

        color: #07a273;
        border-bottom: 1px solid #efefef;
    }
    .interviewColumn p
    {
        font-size: 15px;
        line-height: 1.8;
    }
}

/*----------------------------------------------------------
departmentCSS end
------------------------------------------------------------*/
/*----------------------------------------------------------
featureCSS start
------------------------------------------------------------*/
/*特集ページメイン記事*/
.featureArticle
{
    width: 100%;
    margin-bottom: 30px;
    padding-right: 3%;
    padding-left: 3%;

    border-bottom: 1px dotted #eaeaea;
}
.featureArticle_title
{
    margin-bottom: 20px;
}
.featureArticle_title h2
{
    font-size: 32px;
    line-height: 1.5;

    margin-bottom: 5px; 

    border-bottom: 3px solid #f0f0f0;
    display:flex;
    line-height:130%;
}
.featureArticle_title h2 img
{
    width: 45px;
    margin-right: 12px; 
    margin-top: 6px;
    height:100%;
}
.featureArticle .section
{
    margin-bottom: 30px;
}
.featureArticle .section h3
{
    font-size: 20px;

    margin-top: 20px;
    margin-bottom: 5px; 

    color: #07a273;
}
.featureArticle .section p
{
    font-size: 16px;

    margin-bottom: 10px;
}
.featureArticle .section li
{
    font-size: 16px;

    margin-bottom: 5px;
}
@media only screen and (min-width: 751px)
{
    .featureArticle
    {
        padding-right: 0; 
        padding-left: 0;
    }
    .featureArticle h2
    {
        font-size: 46px;
        line-height: 1.5;

        padding-bottom: 6px; 

        border-bottom: 5px solid #f0f0f0;
    }
    .featureArticle h2 img
    {
        width: 68px;
        margin-right: 20px;
        margin-bottom: 12px;

        vertical-align: middle;
    }
    .featureArticle .section
    {
        margin-bottom: 30px;
    }
    .featureArticle .section p
    {
        font-size: 15px;
    }
    .featureArticle .section li
    {
        font-size: 15px;
    }
    .featureArticle .undergraduateImage
    {
        width: 400px;
        margin-top: 80px;
        margin-bottom: 60px;
    }
}

/*ミニQ&Aコラム*/
.questionColumn
{
    margin-top: 70px;
    margin-bottom: 60px;
    padding-right: 4%;
    padding-bottom: 20px;
    padding-left: 4%;

    border: 2px solid #07a273;
    background-image: url(images/common/column_bg.png);
    background-repeat: repeat;
    background-position: center center;
    background-size: 15px;
}
.questionColumn_title
{
    margin-top: -30px;
}
.questionColumn_title h3
{
    font-size: 17px;

    display: inline-block;

    margin-left: 10px; 
    padding-right: 10px;
    padding-left: 10px;

    background-color: #fff;
}
.questionColumn_title h3 span
{
    font-size: 28px;
    font-weight: bold;
    font-style: italic;

    margin-right: 8px;
}
.questionColumn_title h3 img
{
    width: 44px;
    margin-right: 8px; 
    margin-bottom: 8px;

    vertical-align: bottom;
}
@media only screen and (min-width: 751px)
{
    .questionColumn_title
    {
        margin-top: -40px;
        margin-bottom: 5px;
    }
    .questionColumn_title h3
    {
        font-size: 22px;
    }
    .questionColumn_title h3 span
    {
        font-size: 40px;

        margin-right: 12px;
    }
    .questionColumn_title h3 img
    {
        width: 60px;
        margin-right: 20px;
    }
}

/*クエスチョン文章*/
.miniQuestionSection
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;
    zoom: 1;

    -ms-flex-align: baseline;
    align-items: baseline;
}
.miniQuestionSection:before,
.miniQuestionSection:after
{
    display: table;
    clear: both; 

    content: '';
}
.miniQuestionSection_left
{
    width: 10%;

    text-align: center;
}
.miniQuestionSection_left p
{
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.5;

    color: #07a273;
}
.miniQuestionSection_right
{
    line-height: 1.5; 

    width: 90%;
    padding-top: 10px;
    padding-left: 2%;
}
.miniQuestionSection_right p
{
    font-size: 14px; 
    font-weight: bold;
}
@media only screen and (min-width: 751px)
{
    .miniQuestionSection
    {
        margin-bottom: 5px;
    }
    .miniQuestionSection_left
    {
        width: 6%; 

        text-align: left;
    }
    .miniQuestionSection_right
    {
        width: 94%;
        padding: 0; 

        text-align: left;
    }
    .miniQuestionSection_right p
    {
        font-size: 18px;
    }
}

/*アンサー文章*/
.miniAnswerSection
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;
    zoom: 1; 

    margin-bottom: 5px;

    -ms-flex-align: baseline;
    align-items: baseline;
}
.miniAnswerSection:before,
.miniAnswerSection:after
{
    display: table;
    clear: both; 

    content: '';
}
.miniAnswerSection_left
{
    width: 10%;

    text-align: center;
}
.miniAnswerSection_left p
{
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.5;

    color: #ffba31;
}
.miniAnswerSection_right
{
    width: 90%;
    padding-top: 16px; 
    padding-left: 2%;
}
.miniAnswerSection_right p
{
    font-size: 16px;
    line-height: 1.6;
}
@media only screen and (min-width: 751px)
{
    .miniAnswerSection
    {
        margin-bottom: 10px;
    }
    .miniAnswerSection_left
    {
        width: 6%;

        text-align: left;
    }
    .miniAnswerSection_right
    {
        width: 94%; 
        padding: 0;
    }
    .miniAnswerSection_right p
    {
        font-size: 15px;
        line-height: 1.8;
    }
}

.nobelPrize
{
    margin-right: auto; 
    margin-left: auto;
}
.nobelPrize table
{
    width: 100%;
}
.nobelPrize tr
{
    border-bottom: 1px solid #000;
}
.nobelPrize th
{
    font-size: 18px;
}
.nobelPrize th img
{
    margin-right: 15px; 
    margin-left: 15px;
}
.nobelPrize td
{
    padding-top: 3px;
    padding-right: 5px; 
    padding-bottom: 3px;
    padding-left: 5px;
}
@media only screen and (min-width: 751px)
{
    .nobelPrize
    {
        width: 400px;
        margin-right: auto; 
        margin-left: auto;
    }
    .nobelPrize table
    {
        width: 100%;
    }
    .nobelPrize tr
    {
        border-bottom: 1px solid #000;
    }
    .nobelPrize th
    {
        font-size: 18px;
    }
    .nobelPrize th img
    {
        margin-right: 40px; 
        margin-left: 40px;
    }
    .nobelPrize td
    {
        padding-top: 0;
        padding-right: 15px; 
        padding-bottom: 0;
        padding-left: 15px;
    }
}
@media screen and (min-width: 751px)
    {
.undergraduateWorld-pc
{
    margin-bottom: 40px;
}
.undergraduateWorld-pc thead
{
    background-color: #eeefef;
}
.undergraduateWorld-pc table
{
    width: 100%;
    margin: 0; 
    padding: 0;

    border-spacing: 0;
    border-collapse: collapse;

    border: 1px solid #000;
}
.undergraduateWorld-pc table tr
{
    border: 1px solid #000;
}
.undergraduateWorld-pc table th,
.undergraduateWorld-pc table td
{
    padding: 10px;

    text-align: center; 

    border-left: 1px solid #000;
}
.undergraduateWorld-pc table th
{
    font-size: 14px;

    letter-spacing: 1px;
}
.undergraduateWorld-pc table td
{
    font-size: 14px;
}
.undergraduateWorld-pc .bgc
{
    font-weight: bold;

    color: #028b61; 
    background-color: #ecf5f2;
}
.undergraduateWorld-pc .txt-align-l
{
    text-align: left;
}
.undergraduateWorld-pc .clmn-l
{
    width: 14%;
}
.undergraduateWorld-pc .clmn-m
{
    width: 24%;
}
.undergraduateWorld-pc .clmn-r
{
    width: 62%;
}
}
@media screen and (max-width: 750px)
{
    .undergraduateWorld-pc
    {
        display: none;
    }
}
@media screen and (max-width: 750px)
    {
.undergraduateWorld-sp
{
    margin-bottom: 40px;
}
.undergraduateWorld-sp table
{
    width: 100%;
    margin: 0 auto 20px; 
    padding: 0;

    border-spacing: 0;
    border-collapse: collapse;

    border: 1px solid #000;
}
.undergraduateWorld-sp th,
.undergraduateWorld-sp td
{
    padding: 10px;

    text-align: center; 

    border-left: 1px solid #000;
}
.undergraduateWorld-sp th
{
    font-size: 16px; 
    font-weight: bold;

    color: #028b61;
    background-color: #ecf5f2;
}
.undergraduateWorld-sp td
{
    font-size: 16px;
}
.undergraduateWorld-sp tr
{
    border: 1px solid #000;
}
.undergraduateWorld-sp .clmn-l
{
    width: 20%;
}
.undergraduateWorld-sp .clmn-r
{
    width: 80%;
}
.undergraduateWorld-sp .txt-align-l
{
    text-align: left;
}
}
@media screen and (min-width: 751px)
{
    .undergraduateWorld-sp
    {
        display: none;
    }
}

/*----------------------------------------------------------
featureCSS end
------------------------------------------------------------*/
/*----------------------------------------------------------
interviewCSS start
------------------------------------------------------------*/
/*インタビューページ記事*/
.featureInterviewArticle
{
    width: 100%;
    margin-bottom: 30px; 
    padding-right: 3%;
    padding-left: 3%;

    border-bottom: 1px #eaeaea dotted;
}
.featureInterviewArticle_head
{
    margin-bottom: 40px;
}
.featureInterviewArticle_head h2
{
    font-size: 32px;
    font-weight: 800;
    font-style: italic;

    margin-bottom: 5px;
}
.featureInterviewArticle_head h2 img
{
    width: 44px;
    margin-right: 10px; 
    margin-bottom: 8px;

    vertical-align: bottom;
}
.featureInterviewArticle_head h3
{
    font-size: 20px;
    line-height: 1.3;
}
@media only screen and (min-width: 751px)
{
    .featureInterviewArticle
    {
        margin-bottom: 40px; 
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 0;
    }
    .featureInterviewArticle_head
    {
        margin-bottom: 40px;
    }
    .featureInterviewArticle_head h2
    {
        font-size: 48px;
        font-weight: 600;
        font-style: italic;
    }
    .featureInterviewArticle_head h2 img
    {
        width: 72px;
        margin-right: 15px; 
        margin-bottom: 8px;

        vertical-align: bottom;
    }
}

/*特集記事冒頭*/
.featureInterviewIntro
{
    margin-bottom: 40px; 

    border-top: 2px solid #eaeaea;
}
.featureInterviewIntro .featureInterviewIntro_sub
{
    float: right;
    zoom: 1;

    max-width: 350px;
    margin-right: 3%; 
    margin-bottom: 10px;
}
.featureInterviewIntro .featureInterviewIntro_sub:before,
.featureInterviewIntro .featureInterviewIntro_sub:after
{
    display: table;
    clear: both; 

    content: '';
}
.featureInterviewIntro .featureInterviewIntro_sub img
{
    float: right;

    width: 35%;
    max-width: 134px;
    margin-top: -20px; 
    margin-left: 5%;
}
.featureInterviewIntro .featureInterviewIntro_sub p
{
    font-size: 12px;

    float: left;

    width: 60%;
    margin-top: 16px; 

    text-align: right;
}
.featureInterviewIntro .featureInterviewIntro_sub p span
{
    font-size: 15px;
    font-weight: bold;
}
.featureInterviewIntro .featureInterviewIntro_main
{
    font-size: 16px;
    line-height: 1.6; 

    clear: both;
}
@media only screen and (min-width: 751px)
{
    .featureInterviewIntro
    {
        zoom: 1;
    }
    .featureInterviewIntro:before,
    .featureInterviewIntro:after
    {
        display: table;
        clear: both; 

        content: '';
    }
    .featureInterviewIntro .featureInterviewIntro_sub
    {
        width: 180px;
        margin-right: 40px;

        text-align: center;
    }
    .featureInterviewIntro .featureInterviewIntro_sub img
    {
        float: none; 

        width: 154px;
        max-width: 154px;
        margin-left: 0;
    }
    .featureInterviewIntro .featureInterviewIntro_sub p
    {
        font-size: 13px;

        float: none;

        width: auto;
        margin-top: 10px; 

        text-align: center;
    }
    .featureInterviewIntro .featureInterviewIntro_sub p span
    {
        font-size: 17px;
    }
    .featureInterviewIntro .featureInterviewIntro_main
    {
        float: left;
        clear: none;

        width: 480px;
        margin-left: 15px;
    }
    .featureInterviewIntro .featureInterviewIntro_main p
    {
        font-size: 15px; 
        line-height: 1.6;

        margin-top: 30px;
    }
}

/*特集記事セクション*/
.featureInterviewSection
{
    margin-bottom: 30px;
}
.featureInterviewSection_pic
{
    position: relative;

    width: 80%;
    max-width: 340px;
    margin-left: 20%;
}
.featureInterviewSection_pic p
{
    font-size: 12px !important;
    line-height: 1.4;

    position: absolute;
    top: 20px;
    left: -60px;

    padding: 10px;

    border-radius: 20px; 
    background-color: #53d4ac;
}
.featureInterviewSection_pic p span
{
    font-size: 15px;
    font-weight: bold;

    letter-spacing: 2px;
}
.featureInterviewSection h3
{
    font-size: 17px;
    line-height: 1.5;

    margin-bottom: 10px; 

    color: #07a273;
}
.featureInterviewSection p
{
    font-size: 16px;

    margin-bottom: 10px;
}
.featureInterviewSection p .name
{
    font-size: 16px;
    font-weight: bold;

    margin-right: 10px;
}
.featureInterviewSection p .border
{
    margin-right: 10px; 

    letter-spacing: -5px;
}
@media only screen and (min-width: 751px)
{
    .featureInterviewSection_pic
    {
        position: relative;

        width: 340px;
        max-width: 340px;
        margin-left: 60px;
    }
    .featureInterviewSection_pic p
    {
        font-size: 13px !important;
        line-height: 1.4;

        position: absolute;
        top: 20px;
        left: -60px;

        padding: 10px 14px;

        border-radius: 20px; 
        background-color: #53d4ac;
    }
    .featureInterviewSection_pic p span
    {
        font-size: 17px;
        font-weight: bold;

        letter-spacing: 2px;
    }
    .featureInterviewSection p
    {
        font-size: 15px;
    }
    .featureInterviewSection h3
    {
        font-size: 20px;
    }
    .featureInterviewSection h3.fz19
    {
        font-size: 19px;
    }
}

/*----------------------------------------------------------
interviewCSS end
------------------------------------------------------------*/
/*----------------------------------------------------------
graduationCSS start
------------------------------------------------------------*/
/*各学問の卒業論文一例*/
.graduationArticle
{
    width: 100%;
    margin-bottom: 30px;
    padding-right: 3%;
    padding-left: 3%;

    border-bottom: 1px dotted #eaeaea;
}
.graduationArticle_title
{
    margin-bottom: 20px;
}
.graduationArticle_title h2
{
    font-size: 32px;
    line-height: 1.5;

    margin-bottom: 5px; 

    border-bottom: 3px solid #f0f0f0;
    display:flex;
    line-height:130%;
}
.graduationArticle_title h2 img
{
    width: 45px;
    margin-right: 12px; 
    margin-bottom: 6px;
    height:100%;
}
.graduationArticle_title p
{
    font-size: 16px;
}
.graduationArticle .pagetop
{
    margin: 0 30px 30px 0;
    padding: 0;

    text-align: right; 

    background-color: transparent;
}
@media only screen and (min-width: 751px)
{
    .graduationArticle
    {
        padding-right: 0; 
        padding-left: 0;
    }
    .graduationArticle_title h2
    {
        font-size: 40px;
        line-height: 1.5;

        margin-bottom: 10px; 

        border-bottom: 5px solid #f0f0f0;
    }
    .graduationArticle_title h2 img
    {
        width: 60px;
        margin-right: 20px;
        margin-bottom: 12px;

        vertical-align: middle;
    }
    .graduationArticle_title p
    {
        font-size: 15px;
    }
    .graduationArticle .pagetop
    {
        display: none; 

        width: auto;
        min-width: auto;
        margin: 0 30px 30px 0;
        padding: 0;

        text-align: right;

        background-color: transparent;
    }
}

/*各学問の卒業論文一例リンク*/
.graduationLink ul
{
    display: -moz-flex;
    display:  -ms-flex;
    display:   -o-flex;
    display: -ms-flexbox;
    display:      flex;

    width: 280px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;

    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.graduationLink ul li
{
    font-size: 15px;

    position: relative;

    display: inline-block;

    margin-bottom: 5px;
    padding-right: 30px; 
    padding-left: 30px;

    -ms-flex: 1 1 50%;
        flex: 1 1 50%;
}
.graduationLink ul li a
{
    text-decoration: underline;
}
.graduationLink ul li a:hover
{
    text-decoration: none;
}
.graduationLink ul li::before
{
    position: absolute;
    top: 9px;
    left: 18px; 

    display: block;

    content: '';

    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #07a273;
}
@media only screen and (min-width: 501px)
{
    .graduationLink ul
    {
        width: auto;
    }
    .graduationLink ul li
    {
        font-size: 15px; 

        padding-right: 0;
        padding-left: 30px;

        -ms-flex: 0 1 120px;
            flex: 0 1 120px;
    }
}

/*各学問の卒業論文一例表*/
.graduationTable
{
    margin-bottom: 20px;
    /*テキスト真ん中寄せ*/
}
.graduationTable h3
{
    font-size: 24px;

    position: relative; 

    margin-bottom: 10px;
    margin-left: 20px;

    text-align: left;

    background-color: #fff;
}
.graduationTable h3 span
{
    position: relative;
    z-index: 2;

    padding-right: 15px; 

    background-color: #fff;
}
.graduationTable h3 img
{
    width: 36px;
    margin-right: 10px;
    margin-bottom: 5px;
}
.graduationTable h3::before
{
    position: absolute;
    z-index: 0;
    top: 22px; 

    display: block;

    width: 98%;
    height: 1px;

    content: '';

    background-color: #efefef;
}
.graduationTable table
{
    width: 96%;
    margin-top: -1px; 
    margin-right: 2%;
    margin-left: 2%;
}
.graduationTable table,
.graduationTable td,
.graduationTable th
{
    border-collapse: collapse; 

    border: 1px solid #999;
}
.graduationTable td,
.graduationTable th
{
    line-height: 1.4;
}
.graduationTable td
{
    font-size: 16px; 

    padding: 8px 5px;
}
.graduationTable .table-left
{
    width: 24%;
    padding: 3px; 

    text-align: center;
}
.graduationTable .tableHead-gray
{
    background-color: #eeefef;
}
.graduationTable .tableHead-red
{
    font-size: 16px; 
    font-weight: 500;

    width: 35px;

    text-align: center;

    color: #028b61;
    background-color: #ecf5f2;
}
.graduationTable .cell-empty
{
    background-image: url(images/common/table-line.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.graduationTable .writing-mode
{
        -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
}
@media only screen and (min-width: 751px)
{
    .graduationTable
    {
        zoom: 1;

        margin-right: 0;
        margin-bottom: 60px; 
        margin-left: 0;
    }
    .graduationTable:before,
    .graduationTable:after
    {
        display: table;
        clear: both; 

        content: '';
    }
    .graduationTable h3
    {
        font-size: 26px;
    }
    .graduationTable h3 img
    {
        width: 48px;
        margin-bottom: 8px;
    }
    .graduationTable h3::before
    {
        top: 25px;
    }
    .graduationTable table
    {
        float: left;

        width: 46%;
        margin-right: 2%; 
        margin-left: 2%;
    }
}

/*----------------------------------------------------------
graduationCSS end
------------------------------------------------------------*/
/*----------------------------------------------------------
recommendCSS start
------------------------------------------------------------*/
/*学部学科選びページメイン記事*/
.recommendArticle
{
    width: 100%;
    margin-bottom: 30px;
    padding-right: 3%;
    padding-left: 3%;

    border-bottom: 1px dotted #eaeaea;
}
.recommendArticle_title
{
    margin-bottom: 20px;
}
.recommendArticle_title h2
{
    font-size: 32px;
    line-height: 1.5;

    margin-bottom: 5px; 

    border-bottom: 3px solid #f0f0f0;
    display:flex;
    line-height: 130%;
}
.recommendArticle_title h2 img
{
    width: 45px;
    margin-right: 12px; 
    margin-bottom: 6px;
    height:100%;
}
.recommendArticle .section
{
    margin-bottom: 30px;
}
.recommendArticle .section h3
{
    font-size: 24px;

    position: relative;

    clear: both; 

    margin-top: 30px;
    margin-bottom: 10px;
    padding-left: 16px;
}
.recommendArticle .section h3::before
{
    position: absolute;
    top: 16%;
    left: 0;

    width: 6px;
    height: 70%;

    content: ''; 

    background-color: #07a273;
}
.recommendArticle .section h4
{
    font-size: 18px; 

    color: #07a273;
}
.recommendArticle .section p
{
    font-size: 16px;

    margin-bottom: 10px;
}
.recommendArticle .section li
{
    font-size: 14px;

    margin-bottom: 5px;
}
.recommendArticle .section dl
{
    margin-top: 10px;
}
.recommendArticle .section dl dt
{
    font-size: 16px; 
    font-weight: bold;

    margin-bottom: 5px;

    color: #07a273;
}
.recommendArticle .section dl dd
{
    font-size: 16px;

    margin-bottom: 15px;
}
@media only screen and (min-width: 751px)
{
    .recommendArticle
    {
        padding-right: 0; 
        padding-left: 0;
    }
    .recommendArticle h2
    {
        font-size: 46px;
        line-height: 1.5;

        padding-bottom: 6px; 

        border-bottom: 5px solid #f0f0f0;
    }
    .recommendArticle h2 img
    {
        width: 68px;
        margin-right: 20px;
        margin-bottom: 12px;

        vertical-align: middle;
    }
    .recommendArticle .section
    {
        margin-bottom: 30px;
    }
    .recommendArticle .section h3
    {
        font-size: 20px;

        padding-left: 20px;
    }
    .recommendArticle .section p
    {
        font-size: 15px;
    }
    .recommendArticle .section li
    {
        font-size: 15px;
    }
    .recommendArticle .section dl
    {
        margin-top: 10px;
    }
    .recommendArticle .section dl dt
    {
        font-size: 16px; 
        font-weight: bold;

        margin-bottom: 5px;

        color: #07a273;
    }
    .recommendArticle .section dl dd
    {
        font-size: 15px;

        margin-bottom: 15px;
    }
}

/*----------------------------------------------------------
recommendCSS end
------------------------------------------------------------*/
/*----------------------------------------------------------
margin start
------------------------------------------------------------*/
.mt0
{
    margin-top: 0 !important;
}

.mb0
{
    margin-bottom: 0 !important;
}

.ml0
{
    margin-left: 0 !important;
}

.mr0
{
    margin-right: 0 !important;
}

.pt0
{
    padding-top: 0 !important;
}

.pb0
{
    padding-bottom: 0 !important;
}

.pl0
{
    padding-left: 0 !important;
}

.pr0
{
    padding-right: 0 !important;
}

.mt1
{
    margin-top: 1px !important;
}

.mb1
{
    margin-bottom: 1px !important;
}

.ml1
{
    margin-left: 1px !important;
}

.mr1
{
    margin-right: 1px !important;
}

.pt1
{
    padding-top: 1px !important;
}

.pb1
{
    padding-bottom: 1px !important;
}

.pl1
{
    padding-left: 1px !important;
}

.pr1
{
    padding-right: 1px !important;
}

.mt2
{
    margin-top: 2px !important;
}

.mb2
{
    margin-bottom: 2px !important;
}

.ml2
{
    margin-left: 2px !important;
}

.mr2
{
    margin-right: 2px !important;
}

.pt2
{
    padding-top: 2px !important;
}

.pb2
{
    padding-bottom: 2px !important;
}

.pl2
{
    padding-left: 2px !important;
}

.pr2
{
    padding-right: 2px !important;
}

.mt3
{
    margin-top: 3px !important;
}

.mb3
{
    margin-bottom: 3px !important;
}

.ml3
{
    margin-left: 3px !important;
}

.mr3
{
    margin-right: 3px !important;
}

.pt3
{
    padding-top: 3px !important;
}

.pb3
{
    padding-bottom: 3px !important;
}

.pl3
{
    padding-left: 3px !important;
}

.pr3
{
    padding-right: 3px !important;
}

.mt4
{
    margin-top: 4px !important;
}

.mb4
{
    margin-bottom: 4px !important;
}

.ml4
{
    margin-left: 4px !important;
}

.mr4
{
    margin-right: 4px !important;
}

.pt4
{
    padding-top: 4px !important;
}

.pb4
{
    padding-bottom: 4px !important;
}

.pl4
{
    padding-left: 4px !important;
}

.pr4
{
    padding-right: 4px !important;
}

.mt5
{
    margin-top: 5px !important;
}

.mb5
{
    margin-bottom: 5px !important;
}

.ml5
{
    margin-left: 5px !important;
}

.mr5
{
    margin-right: 5px !important;
}

.pt5
{
    padding-top: 5px !important;
}

.pb5
{
    padding-bottom: 5px !important;
}

.pl5
{
    padding-left: 5px !important;
}

.pr5
{
    padding-right: 5px !important;
}

.mt6
{
    margin-top: 6px !important;
}

.mb6
{
    margin-bottom: 6px !important;
}

.ml6
{
    margin-left: 6px !important;
}

.mr6
{
    margin-right: 6px !important;
}

.pt6
{
    padding-top: 6px !important;
}

.pb6
{
    padding-bottom: 6px !important;
}

.pl6
{
    padding-left: 6px !important;
}

.pr6
{
    padding-right: 6px !important;
}

.mt7
{
    margin-top: 7px !important;
}

.mb7
{
    margin-bottom: 7px !important;
}

.ml7
{
    margin-left: 7px !important;
}

.mr7
{
    margin-right: 7px !important;
}

.pt7
{
    padding-top: 7px !important;
}

.pb7
{
    padding-bottom: 7px !important;
}

.pl7
{
    padding-left: 7px !important;
}

.pr7
{
    padding-right: 7px !important;
}

.mt8
{
    margin-top: 8px !important;
}

.mb8
{
    margin-bottom: 8px !important;
}

.ml8
{
    margin-left: 8px !important;
}

.mr8
{
    margin-right: 8px !important;
}

.pt8
{
    padding-top: 8px !important;
}

.pb8
{
    padding-bottom: 8px !important;
}

.pl8
{
    padding-left: 8px !important;
}

.pr8
{
    padding-right: 8px !important;
}

.mt9
{
    margin-top: 9px !important;
}

.mb9
{
    margin-bottom: 9px !important;
}

.ml9
{
    margin-left: 9px !important;
}

.mr9
{
    margin-right: 9px !important;
}

.pt9
{
    padding-top: 9px !important;
}

.pb9
{
    padding-bottom: 9px !important;
}

.pl9
{
    padding-left: 9px !important;
}

.pr9
{
    padding-right: 9px !important;
}

.mt10
{
    margin-top: 10px !important;
}

.mb10
{
    margin-bottom: 10px !important;
}

.ml10
{
    margin-left: 10px !important;
}

.mr10
{
    margin-right: 10px !important;
}

.pt10
{
    padding-top: 10px !important;
}

.pb10
{
    padding-bottom: 10px !important;
}

.pl10
{
    padding-left: 10px !important;
}

.pr10
{
    padding-right: 10px !important;
}

.mt15
{
    margin-top: 15px !important;
}

.mb15
{
    margin-bottom: 15px !important;
}

.ml15
{
    margin-left: 15px !important;
}

.mr15
{
    margin-right: 15px !important;
}

.pt15
{
    padding-top: 15px !important;
}

.pb15
{
    padding-bottom: 15px !important;
}

.pl15
{
    padding-left: 15px !important;
}

.pr15
{
    padding-right: 15px !important;
}

.mt20
{
    margin-top: 20px !important;
}

.mb20
{
    margin-bottom: 20px !important;
}

.ml20
{
    margin-left: 20px !important;
}

.mr20
{
    margin-right: 20px !important;
}

.pt20
{
    padding-top: 20px !important;
}

.pb20
{
    padding-bottom: 20px !important;
}

.pl20
{
    padding-left: 20px !important;
}

.pr20
{
    padding-right: 20px !important;
}

.mt25
{
    margin-top: 25px !important;
}

.mb25
{
    margin-bottom: 25px !important;
}

.ml25
{
    margin-left: 25px !important;
}

.mr25
{
    margin-right: 25px !important;
}

.pt25
{
    padding-top: 25px !important;
}

.pb25
{
    padding-bottom: 25px !important;
}

.pl25
{
    padding-left: 25px !important;
}

.pr25
{
    padding-right: 25px !important;
}

.mt30
{
    margin-top: 30px !important;
}

.mb30
{
    margin-bottom: 30px !important;
}

.ml30
{
    margin-left: 30px !important;
}

.mr30
{
    margin-right: 30px !important;
}

.pt30
{
    padding-top: 30px !important;
}

.pb30
{
    padding-bottom: 30px !important;
}

.pl30
{
    padding-left: 30px !important;
}

.pr30
{
    padding-right: 30px !important;
}

.mt35
{
    margin-top: 35px !important;
}

.mb35
{
    margin-bottom: 35px !important;
}

.ml35
{
    margin-left: 35px !important;
}

.mr35
{
    margin-right: 35px !important;
}

.pt35
{
    padding-top: 35px !important;
}

.pb35
{
    padding-bottom: 35px !important;
}

.pl35
{
    padding-left: 35px !important;
}

.pr35
{
    padding-right: 35px !important;
}

.mt40
{
    margin-top: 40px !important;
}

.mb40
{
    margin-bottom: 40px !important;
}

.ml40
{
    margin-left: 40px !important;
}

.mr40
{
    margin-right: 40px !important;
}

.pt40
{
    padding-top: 40px !important;
}

.pb40
{
    padding-bottom: 40px !important;
}

.pl40
{
    padding-left: 40px !important;
}

.pr40
{
    padding-right: 40px !important;
}

.mt45
{
    margin-top: 45px !important;
}

.mb45
{
    margin-bottom: 45px !important;
}

.ml45
{
    margin-left: 45px !important;
}

.mr45
{
    margin-right: 45px !important;
}

.pt45
{
    padding-top: 45px !important;
}

.pb45
{
    padding-bottom: 45px !important;
}

.pl45
{
    padding-left: 45px !important;
}

.pr45
{
    padding-right: 45px !important;
}

.mt50
{
    margin-top: 50px !important;
}

.mb50
{
    margin-bottom: 50px !important;
}

.ml50
{
    margin-left: 50px !important;
}

.mr50
{
    margin-right: 50px !important;
}

.pt50
{
    padding-top: 50px !important;
}

.pb50
{
    padding-bottom: 50px !important;
}

.pl50
{
    padding-left: 50px !important;
}

.pr50
{
    padding-right: 50px !important;
}

.mt55
{
    margin-top: 55px !important;
}

.mb55
{
    margin-bottom: 55px !important;
}

.ml55
{
    margin-left: 55px !important;
}

.mr55
{
    margin-right: 55px !important;
}

.pt55
{
    padding-top: 55px !important;
}

.pb55
{
    padding-bottom: 55px !important;
}

.pl55
{
    padding-left: 55px !important;

}

.pr55
{
    padding-right: 55px !important;
}

.mt60
{
    margin-top: 60px !important;
}

.mb60
{
    margin-bottom: 60px !important;
}

.ml60
{
    margin-left: 60px !important;
}

.mr60
{
    margin-right: 60px !important;
}

.pt60
{
    padding-top: 60px !important;
}

.pb60
{
    padding-bottom: 60px !important;
}

.pl60
{
    padding-left: 60px !important;
}

.pr60
{
    padding-right: 60px !important;
}

.mt65
{
    margin-top: 65px !important;
}

.mb65
{
    margin-bottom: 65px !important;
}

.ml65
{
    margin-left: 65px !important;
}

.mr65
{
    margin-right: 65px !important;
}

.pt65
{
    padding-top: 65px !important;
}

.pb65
{
    padding-bottom: 65px !important;
}

.pl65
{
    padding-left: 65px !important;
}

.pr65
{
    padding-right: 65px !important;
}

.mt70
{
    margin-top: 70px !important;
}

.mb70
{
    margin-bottom: 70px !important;
}

.ml70
{
    margin-left: 70px !important;
}

.mr70
{
    margin-right: 70px !important;
}

.pt70
{
    padding-top: 70px !important;
}

.pb70
{
    padding-bottom: 70px !important;
}

.pl70
{
    padding-left: 70px !important;
}

.pr70
{
    padding-right: 70px !important;
}

.mt75
{
    margin-top: 75px !important;
}

.mb75
{
    margin-bottom: 75px !important;
}

.ml75
{
    margin-left: 75px !important;
}

.mr75
{
    margin-right: 75px !important;
}

.pt75
{
    padding-top: 75px !important;
}

.pb75
{
    padding-bottom: 75px !important;
}

.pl75
{
    padding-left: 75px !important;
}

.pr75
{
    padding-right: 75px !important;
}

.mt80
{
    margin-top: 80px !important;
}

.mb80
{
    margin-bottom: 80px !important;
}

.ml80
{
    margin-left: 80px !important;
}

.mr80
{
    margin-right: 80px !important;
}

.pt80
{
    padding-top: 80px !important;
}

.pb80
{
    padding-bottom: 80px !important;
}

.pl80
{
    padding-left: 80px !important;
}

.pr80
{
    padding-right: 80px !important;
}

.mt85
{
    margin-top: 85px !important;
}

.mb85
{
    margin-bottom: 85px !important;
}

.ml85
{
    margin-left: 85px !important;
}

.mr85
{
    margin-right: 85px !important;
}

.pt85
{
    padding-top: 85px !important;
}

.pb85
{
    padding-bottom: 85px !important;
}

.pl85
{
    padding-left: 85px !important;
}

.pr85
{
    padding-right: 85px !important;
}

.mt90
{
    margin-top: 90px !important;
}

.mb90
{
    margin-bottom: 90px !important;
}

.ml90
{
    margin-left: 90px !important;
}

.mr90
{
    margin-right: 90px !important;
}

.pt90
{
    padding-top: 90px !important;
}

.pb90
{
    padding-bottom: 90px !important;
}

.pl90
{
    padding-left: 90px !important;
}

.pr90
{
    padding-right: 90px !important;
}

.mt95
{
    margin-top: 95px !important;
}

.mb95
{
    margin-bottom: 95px !important;
}

.ml95
{
    margin-left: 95px !important;
}

.mr95
{
    margin-right: 95px !important;
}

.pt95
{
    padding-top: 95px !important;
}

.pb95
{
    padding-bottom: 95px !important;
}

.pl95
{
    padding-left: 95px !important;
}

.pr95
{
    padding-right: 95px !important;
}

.mt100
{
    margin-top: 100px !important;
}

.mb100
{
    margin-bottom: 100px !important;
}

.ml100
{
    margin-left: 100px !important;
}

.mr100
{
    margin-right: 100px !important;
}

.pt100
{
    padding-top: 100px !important;
}

.pb100
{
    padding-bottom: 100px !important;
}

.pl100
{
    padding-left: 100px !important;
}

.pr100
{
    padding-right: 100px !important;
}

/*----------------------------------------------------------
margin end
------------------------------------------------------------*/



.acd-check{
    display: none;
}
.acd-label{
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    padding: 0 0 5px 0;
    width: auto;
    margin: 0 0 10px;
    padding: 2px 0 7px 10px;
    cursor: pointer;
    border: none;
    background: none;
    border-bottom: 2px #eaeaea solid !important;
    border-radius: 0;
    margin-top: 20px !important;
}
.acd-label:after{
    box-sizing: border-box;
    content: '＋' !important;
    display: block;
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
}
@media only screen and (max-width: 750px){

.acd-label:after{
    content: '' !important;
    }

}

.acd-label_subtitle{
    font-size: 14px;
    font-weight: 100;
    color: #ccc;
    font-style: italic;
    margin-left: 10px;
}
.acd-content{
    /*display: none !important;*/
    opacity: 0;
    /*transition: .5s;*/
    visibility: hidden;
}

@media only screen and (min-width: 751px)
{
.acd-content{height:0;}
}

/*.acd-content{
background: none !important;
}*/

.acd-check:checked + .acd-label:after{
    content: 'ー' !important;
}
.acd-check:checked + .acd-label + .acd-content{
    opacity: 1;
    visibility: visible;
   /*display:block !important;*/
    height:auto;
}

@media only screen and (max-width: 750px)
{
.acd-check:checked + .acd-label:after{
    content: '　' !important;
}

.acd-label_subtitle{
    font-size: 11px;
    font-weight: 200;
    font-style: italic;
    margin-left: 10px;
    color: #d9c813;
}


.mainMenu.mainMenu-box{
padding:0;
border-bottom:none;
}

.usefulInfo.usefulInfo-contents{
padding:0;
}

.mainMenu .acd-content.menuBox_body.sp-acd-content-f{
    display:block;
}

}

@media only screen and (min-width: 751px){

.mainMenu .acd-label.menuBox_title{
    border-radius: 0;
    padding-bottom: 5px;
}

.usefulInfo_accTit{
    font-size: 20px;
    position: relative;
    margin-bottom: 40px;
    line-height: 1.4;
    padding-left: 10px;
    border-left: 5px #34ca9d solid;
}

.howToChooseMenu .howToChoose_title::after {
    bottom: -20px;
}

.howToChooseMenu .acd-label,
.featureMenu .acd-label,
.interviewMenu .acd-label{
    border-bottom:none;
}

.howToChooseMenu .howToChoose_title.acd-usefulTit,
.featureMenu .featureMenu_title.acd-usefulTit,
.featureMenu .featureMenu_title.acd-usefulTit{
    margin-bottom:10px;
}

.howToChooseMenu .howToChoose_title.acd-usefulTit:after,
.featureMenu .featureMenu_title.acd-usefulTit:after,
.featureMenu .featureMenu_title.acd-usefulTit:after{
    bottom: -15px;
}

.howToChooseMenu .acd-label,
.featureMenu .acd-label,
.interviewMenu .acd-label{
border-bottom:none !important;
}

.howToChooseMenu .acd-label:after,
.featureMenu .acd-label:after,
.interviewMenu .acd-label:after{
    padding:0 20px;
}

}

.mainMenu .interviewMenu {
    margin-bottom: 0;
}

.mainMenu .usefulInfo_title{
    margin-top:10px;
}

.textwidget img {
    display: inline-block;
    margin-bottom: 10px;
}

.subMenu1 {
    margin-bottom: 0px;
    border: 1px solid #efefef;
    border-radius: 10px 10px 0 0;
    background-image: url(images/common/sub-menu-bg.png);
    background-repeat: repeat;
    background-position: center center;
}

.subMenu2 {
    margin-bottom: 0px;
    border: 1px solid #efefef;
    border-radius: 10px;
    background-image: url(images/common/sub-menu-bg.png);
    background-repeat: repeat;
    background-position: center center;
}

.subMenu3 {
    margin-bottom: 0px;
    border: 1px solid #efefef;
    border-radius: 0 0 10px 10px;
    background-image: url(images/common/sub-menu-bg.png);
    background-repeat: repeat;
    background-position: center center;
}

.footer-menu-box{
    display:flex;
}

.footer-menu-box ul:first-child{
    margin-right:30px;
}

.certificationBox{
margin-bottom: 20px;
font-size: 24px;
    position: relative;
    margin-bottom: 10px;
    /*margin-left: 20px;*/
    text-align: left;
    background-color: #fff;
}

@media only screen and (min-width: 751px){
.certificationBox{
    font-size: 26px;
margin-top: 50px;
}
}

.certificationBox span{
position: relative;
    z-index: 2;
    padding-right: 15px;
    background-color: #fff;
}

.certificationBox img {
    width: 36px;
    margin-right: 10px;
    margin-bottom: 5px;
}


@media only screen and (min-width: 751px){
.certificationBox img {
    width: 48px;
    margin-bottom: 8px;
}
}

.certificationBox:before {
    position: absolute;
    z-index: 0;
    top: 22px;
    display: block;
    width: 98%;
    height: 1px;
    content: '';
    background-color: #efefef;
}

.featureArticle .pagetop {
    margin: 0 10px 50px 0;
    padding: 0;
    text-align: right;
    background-color: transparent;
}

.interviewArticle_link{
    margin-bottom:40px;
    padding: 20px;
    background: #f1f1f1;
    font-size:15px;
}
.interviewArticle_link a{
	display:block;
	margin-bottom:10px;
	word-wrap:break-word;
}

/*----------------------------------------------------------*/ 
.gakubu_int{
	margin-bottom:4px;
}
   .gakubu_int_tag {
	font-weight:bold;
}

body.postid-1676 .interviewMenu{
	display:none;
}

body.page-id-1678 .interviewMenu .menuItem a .menuItem_left img
{
width:60%;
height:60%;
padding-top:6px;
}

@media only screen and (min-width: 751px){
body.page-id-1678 .interviewMenu .menuItem{
padding-top:10px;
padding-bottom:10px;
}
}

/*---int----*/ 
.interview-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.interview-list h3{
    margin-left:10px;
    font-size:1.1em;
}

.interview-list a{
	text-decoration:none;
}
.interview-list a:hover{
	text-decoration:underline;
}
.category-group {
    margin-bottom: 20px;
}

.menuItem {
    display: flex;
    margin-bottom: 10px;
    padding: 10px;
    padding-bottom:0;
}

.menuItem_left img {
    width: 80px;
    height: auto;
    margin-right: 10px;
}

.menuItem_body {
    flex: 1;
}

/*---int_nav----*/ 
  #nav {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
  }
  #nav li {
	float: left;
    text-align: center;
    background-color: #ffea00;
    height: 40px;
    line-height: 40px;
    margin: 2px;
    font-size: 0.8em;
  }
  #nav li a {
    text-decoration: none;
    color: #333333;
    font-weight: bold;
    padding: 10px;
  }

  /* メディアクエリ */
  @media (max-width: 768px) {
    #nav {
      justify-content: flex-start; /* 小さな画面でも左寄せにする */
    }
  }

#nav li a:hover {
    opacity: 0.8;
}

.int_fv {
    padding: 0 10px;
}

p.int_lead {
    padding: 10px 2px;
}

/*---int_button----*/ 
p.int_btn{
text-align:center;
}

p.int_btn a:hover {
opacity:0.9;
}