@charset "UTF-8";

/* ==================================================
[Style]
	 0. Font
	 1. Reset
	 2. Animation
	 3. General
	 4. All
	 5. Header
	 6. Main Image
	 7. Content
	 8. Article
	 9. Footer
	10. Index
	11. News
	12. Sketch
	13. About
	14. Curriculum
	15. School Life
	16. Admission
	17. Dormitory Life
	18. Access
	19. Faq
	20. Request
	21. Other
	22. Student
	23. Graduate
	24. examination
================================================== */
/* --------------------------------------------------
	 0. Font
-------------------------------------------------- */
/*
 * Noto Sans Japanese (japanese) http://www.google.com/fonts/earlyaccess
 */
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: local("NotoSansJP-Regular.otf"), url(../fonts/NotoSansJP-Regular.woff2) format("woff2"), url(../fonts/NotoSansJP-Regular.woff) format("woff"), url(../fonts/NotoSansJP-Regular.otf) format("opentype");
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: local("NotoSansJP-Bold.otf"), url(../fonts/NotoSansJP-Bold.woff2) format("woff2"), url(../fonts/NotoSansJP-Bold.woff) format("woff"), url(../fonts/NotoSansJP-Bold.otf) format("opentype");
}

/* --------------------------------------------------
	 1. Reset
-------------------------------------------------- */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block;
}

nav ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

/* change colours to suit your needs */
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

/* change colours to suit your needs */
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
}

/* --------------------------------------------------
	 2. Animation
-------------------------------------------------- */
@-moz-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    100% {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    60% {
        opacity: 1;
        -moz-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -moz-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -moz-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    100% {
        -moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 2000px, 0);
        -ms-transform: translate3d(0, 2000px, 0);
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    60% {
        opacity: 1;
        -moz-transform: translate3d(0, -20px, 0);
        -ms-transform: translate3d(0, -20px, 0);
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -moz-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -moz-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -moz-transform: translate3d(0, 1000px, 0);
        -ms-transform: translate3d(0, 1000px, 0);
        -webkit-transform: translate3d(0, 1000px, 0);
        transform: translate3d(0, 1000px, 0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 1;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}

@-moz-keyframes fadeDoctor {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeDoctor {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeDoctor {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* --------------------------------------------------
	 3. General
-------------------------------------------------- */
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    color: #333333;
    font-size: 14px;
    font-family: "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.8;
    word-break: normal;
    overflow-wrap: normal;
    word-wrap: normal;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

a {
    outline: none;
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

a:link,
a:visited {
    color: #93001c;
    text-decoration: none;
}

a:hover,
a:active {
    color: #93001c;
    text-decoration: underline;
}

ul,
ol {
    list-style: none;
}

em,
dl {
    font-style: normal;
}

sup,
sub {
    line-height: 1.35;
    font-size: 10px;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

table {
    margin: 20px 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
    font-family: inherit;
}

table th,
table td {
    text-align: left;
    vertical-align: middle;
    padding: 10px;
}

table th {
    font-weight: normal;
}

table td {
    word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
    margin: 5px;
    padding: 6px;
    color: #333;
    font-size: 14px;
    border: 1px solid #666666;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
    -moz-appearance: none;
    -webkit-appearance: none;
}

input[type="text"].align_left {
    text-align: left;
}

input[type="text"].align_center {
    text-align: center;
}

input[type="text"].align_right {
    text-align: right;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 3px 0 5px 5px;
    cursor: pointer;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    padding: 0 8px 0 2px;
    cursor: pointer;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: gray;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: gray;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: gray;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: gray;
}

a:link,
a:visited {
    text-decoration: underline;
}

a:hover,
a:active {
    text-decoration: none;
}

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

.mincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

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

.bikou {
    font-size: 12px;
}

p.kome {
    font-size: 12px;
    text-indent: -1em;
    margin-left: 1em;
}

@media all and (max-width: 740px) {
    body {
        min-width: 320px;
    }
}


/* --------------------------------------------------
	 4. All
-------------------------------------------------- */
#all {
    position: relative;
}

#all #header,
#all #content,
#all #footer {
    clear: both;
}

#all #header .inner,
#all #content .inner,
#all #footer .inner {
    position: relative;
}

@media all and (min-width: 741px) {
    #all {
        padding-left: 250px;
        border-top: 1px solid #fff;
        background-color: #93001c;
    }

    #all #header {
        min-width: 250px;
    }

    #all #header .inner {
        width: 250px;
    }

    #all #main_img,
    #all #content,
    #all #footer {
        min-width: 1100px;
    }

    #all #content .inner,
    #all #footer .inner {
        padding: 0 20px;
        width: 1100px;
    }

    #all #content .inner {
        padding-left: 50px;
    }

    #all #content {
        background-color: #fff;
    }

    #main_img {
        z-index: 1;
    }

    #all #content a {
        -webkit-transition: 0.4s;
        -moz-transition: 0.4s;
        -o-transition: 0.4s;
        -ms-transition: 0.4s;
        transition: 0.4s;
    }

    #all #content a:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )";
    }

}

/**  SP ************************/
@media only screen and (max-width: 740px) {

    #all #header,
    #all #main_img {
        min-width: 320px;
    }

    #all #header .inner,
    #all #main_img .inner {
        min-width: 320px;
    }

    #all #content,
    #all #footer {
        min-width: 320px;
    }

    #all #content .inner,
    #all #footer .inner {
        padding: 0 10px;
        min-width: 300px;
    }
}

/* --------------------------------------------------
	 5. Header
-------------------------------------------------- */
#header h1 {
    text-align: center;
    line-height: 1.4;
}

#header h1 a {
    display: block;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
}

#header #global_menu>.nav {
    border-top: 1px solid #a4001f;
}

#header #global_menu>.nav li {
    border-bottom: 1px solid #a4001f;
}

#header #global_menu>.nav li a {
    position: relative;
    display: block;
    padding: 10px 10px 10px 40px;
    color: #333333;
    text-decoration: none;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: left 30px center;
    height: 58px;
}

#header #global_menu>.nav li.index a {
    background-image: url(../img/global_menu_home.png);
}

#header #global_menu>.nav li.about a {
    background-image: url(../img/global_menu_about.png);
}

#header #global_menu>.nav li.curriculum a {
    background-image: url(../img/global_menu_curriculum.png);
}

#header #global_menu>.nav li.school a {
    background-image: url(../img/global_menu_school.png);
}

#header #global_menu>.nav li.admission a {
    background-image: url(../img/global_menu_admission.png);
}

#header #global_menu>.nav li.dormitory a {
    background-image: url(../img/global_menu_dormitory.png);
}

#header #global_menu>.nav li.access a {
    background-image: url(../img/global_menu_access.png);
}

#header #global_menu>.nav li.faq a {
    background-image: url(../img/global_menu_faq.png);
}

#header #global_menu>.nav li.payment a {
    background-image: url("../img/global_menu_payment.png");
    height: 80px
}

#header #global_menu>.nav li.student a {
    background-image: url(../img/global_menu_student.png);
}

#header #global_menu>.nav li.examination a {
    background-image: url(../img/global_menu_examination.png);
}

#header #global_menu>.nav li.graduate a {
    background-image: url(../img/global_menu_graduate.png);
}

#header #global_menu>.nav li.global_sns {
    border-bottom: none;
}

#header #global_menu>.nav li.global_sns a {
    text-indent: 0;
    padding: 0;
    margin: 20px 20px -10px 16px;
    vertical-align: middle;
    height: auto;
}

#header #global_menu>.nav li.global_sns a:first-child img {
    width: 215px;
    height: auto;
}

#header #global_menu>.nav li.global_sns a:nth-child(2) img {
    width: 215px;
    height: auto;
}

/*20180906_さが総文バナー追加*/
#header #global_menu>.nav li.sagasoubun {
    border-bottom: none;
    display: block;
}

#header #global_menu>.nav li.sagasoubun a {
    text-indent: 0;
    padding: 0;
}

@media all and (min-width: 741px) {
    #header {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        background: #93001c;
    }

    #header>.inner {
        padding-top: 25px;
    }

    #header h1 {
        margin-bottom: 30px;
    }

    #header h1 a {
        width: 240px;
        text-align: center;
        text-decoration: none;
        -moz-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    #header h1 a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
    }

    #header h1 img {
        margin: 10px 0;
    }

    #header #global_menu>.menu {
        display: none;
    }

    #header #global_menu>.nav li a {
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    #header #global_menu>.nav li a:hover {
        background-color: #a4001f;
    }

    #header #global_menu>.nav li.global_sns a:hover {
        background-color: #93001c;
    }

    #header #global_menu>.nav li.student,
    #header #global_menu>.nav li.examination,
    #header #global_menu>.nav li.graduate,
    #header #global_menu>.nav li.recruit,
    #header #global_menu>.nav li.request,
    #header #global_menu>.nav li.donation,
    #header #global_menu>.nav li.privacy,
    #header #global_menu>.nav li.sitemap {
        display: none;
    }

    #header #global_menu>.nav li.global_sns a img {
        opacity: 1;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    #header #global_menu>.nav li.global_sns a:hover img {
        opacity: 0.7;
    }

    /*20180906_さが総文（バナーサイズ）*/
    #header #global_menu>.nav li.sagasoubun {
        text-align: center;
    }

    #header #global_menu>.nav li.sagasoubun a img {
        width: 90%;
        opacity: 1;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    #header #global_menu>.nav li.sagasoubun a:hover img {
        opacity: 0.7;
    }

}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    body.opened {
        position: fixed;
        width: 100%;
    }

    body.opened:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        content: "";
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#80000000', endColorstr='#80000000');
        background-color: rgba(0, 0, 0, 0.5);
    }

    body.opened #global_menu>.menu:before,
    body.opened #global_menu>.menu:after {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    body.opened #global_menu>.menu span:before {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    body.opened #global_menu>.menu span:after {
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    body.opened #global_menu>.nav>li:last-child {
        margin-bottom: 100px;
    }

    #header {
        padding-top: 120px;
    }

    #header .title_menu {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background-color: #fff;
        z-index: 10;
        background: #93001c;
    }

    #header h1 a {
        margin: 4px auto;
        width: 160px;
        text-align: center;
        text-decoration: none;
    }

    #header h1 img {
        position: relative;
        width: 70%;
    }

    #header #global_menu>.menu {
        position: absolute;
        right: 20px;
        top: 85px;
        width: 25px;
        height: 26px;
    }

    #header #global_menu>.menu:before,
    #header #global_menu>.menu:after {
        position: absolute;
        left: 0;
        display: block;
        content: "";
        width: 30px;
        height: 4px;
        background-color: #fff;
        -moz-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    #header #global_menu>.menu:before {
        top: 0;
    }

    #header #global_menu>.menu:after {
        bottom: 0;
    }

    #header #global_menu>.menu span {
        display: block;
        overflow: hidden;
        color: transparent !important;
        font-size: 0 !important;
        text-decoration: none;
        text-indent: 110%;
        white-space: nowrap;
        width: 30px;
        height: 0;
    }

    #header #global_menu>.menu span:before,
    #header #global_menu>.menu span:after {
        position: absolute;
        left: 0;
        top: 50%;
        display: block;
        content: "";
        margin-top: -2px;
        width: 30px;
        height: 4px;
        background-color: #fff;
        -moz-transition: -moz-transform 0.4s;
        -o-transition: -o-transform 0.4s;
        -webkit-transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    #header #global_menu>.nav {
        overflow-y: scroll;
        height: 0;
        -webkit-overflow-scrolling: touch;
        -moz-transition: height 0.4s;
        -o-transition: height 0.4s;
        -webkit-transition: height 0.4s;
        transition: height 0.4s;
    }

    #header #global_menu>.nav li a {
        background-color: #93001c;
    }

    #header .information {
        display: none;
    }

    #header #global_menu>.nav li.student,
    #header #global_menu>.nav li.examination,
    #header #global_menu>.nav li.graduate {
        border-bottom: 1px solid #0096ec;
    }

    #header #global_menu>.nav li.student a,
    #header #global_menu>.nav li.examination a,
    #header #global_menu>.nav li.graduate a {
        background-color: #0080ca;
        color: #fff;
    }

    #header #global_menu>.nav li.recruit,
    #header #global_menu>.nav li.request,
    #header #global_menu>.nav li.donation,
    #header #global_menu>.nav li.privacy,
    #header #global_menu>.nav li.sitemap {
        border-bottom: 1px solid #474747;
    }

    #header #global_menu>.nav li.recruit a,
    #header #global_menu>.nav li.request a,
    #header #global_menu>.nav li.donation a,
    #header #global_menu>.nav li.privacy a,
    #header #global_menu>.nav li.sitemap a {
        text-indent: -0.7em;
        background-color: #474747;
        color: #fff;
        height: auto;
        padding-top: 15px;
    }

    /*20180906_さが総文バナー追加*/
    #header #global_menu>.nav li.sagasoubun a {
        padding-left: 20px;
    }
}

/* --------------------------------------------------
	 6. Main Image
-------------------------------------------------- */
#main_img {
    background: transparent no-repeat left center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

/*
#main_img:before{
	display: block;
	content: "";
	position: absolute;
	height: 0;
	width: 100%;
	padding-top: 500px;
	top: 0;
	background: url(image/main_img/txt_main_img.png) no-repeat left top;
	z-index: 1;
}
*/
#main_img .result {
    position: absolute;
    left: 50px;
    bottom: 30px;
    z-index: 2;
}

#main_img .result area {
    border: none;
    outline: none;
}

body.no_top #main_img:before {
    background: none;
    padding-top: 0;
}

@media all and (min-width: 741px) {
    body.no_top #main_img {
        height: 270px;
    }

    /*#main_img:before{
		width: 800px;
		right: 27%;
	}*/
    #main_img .inner {
        height: 535px;
        position: relative;
    }

    .no_top #main_img .inner {
        height: 0;
    }

    #main_img .result img {
        -moz-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    /* 通常リンクボタン時
	#main_img .result:hover img{
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}
	*/
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    #main_img:before {
        left: 0;
    }

    #main_img .inner {
        height: 0;
        padding-top: 23.4375%;
    }

    #main_img .result {
        position: absolute;
        right: 0;
        bottom: 10%;
        left: 2%;
        width: 35%;
    }

    #main_img .result img {
        width: 100%;
    }

    /*#main_img:before{
		padding-top: 40%;
		background-size: cover;
	}*/
}

/* --------------------------------------------------
	 7. Content
-------------------------------------------------- */
body.no_top #primary>.inner {
    padding: 0 !important;
    width: auto !important;
}


/* search
/* ---------------------------------------------------- */
.search_wrap {
    background-color: #f9f9f9;
}

.search_wrap_inner>div {
    float: left;
}

.search_wrap_inner>div.search {
    float: right;
}

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

article .search * {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.search {
    margin-top: 6px;
}

article .search table {
    border: none;
    margin: 0;
}

article .search table th,
article .search table td {
    border: none;
}

.search input[type="text"] {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: baseline;
}

table td.gsib_a {
    padding: 1px 8px !important;
}

table.gsc-search-box td.gsib_a,
table.gsc-search-box td.gsib_b {
    vertical-align: top;
    padding: 0;
}

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

table td.gsc-input,
table td.gsc-search-button {
    padding: 0;
}

table td.gsc-search-button {
    margin-right: 2px;
}

input.gsc-search-button-v2 {
    padding: 6px 5px !important;
}

@media all and (min-width: 741px) {
    .search_wrap_inner {
        width: 1100px;
    }

    .search {
        width: 230px;
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .search_wrap_inner>div {
        float: none;
    }

    .search_wrap_inner>div.search {
        display: block;
        width: 98%;
        margin: 0 1%;
        float: none;
        padding: 8px 0 3px;
    }

    .search form input[type="text"] {
        width: calc(100% - 30px);
    }
}


/* breadline
/* ---------------------------------------------------- */
.no_top .search_wrap {
    background: #f9f9f9 url(../img/bg_dot.png);
    padding-bottom: 10px;
}

.no_top .search_wrap_in {
    background: #f9f9f9 none;
}

.breadline ul {
    padding: 10px 0 5px 20px;
    letter-spacing: -.4em;
}

.breadline ul li {
    display: inline-block;
    padding-left: 10px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: normal;
}

.breadline ul li a {
    color: #333;
}

#all #content .breadline ul li a:hover {
    opacity: 1;
}

.breadline ul li:first-child a {
    padding-left: 25px;
    position: relative;
    display: block;
}

#all #content .breadline ul li:first-child a:hover {
    opacity: 0.7;
}

.breadline ul li:first-child a img {
    vertical-align: top;
}

.breadline ul li:before {
    content: "＞";
    padding-right: 10px;
}

.breadline ul li:first-child:before {
    content: "";
    padding-right: 0;
}

.breadline ul li:first-child a:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 18px;
    height: 15px;
    background: url("../img/icon_breadline.png") top left no-repeat;
}

@media all and (min-width: 741px) {
    .breadline {
        width: 865px;
        overflow: hidden;
    }

    /*	.breadline ul{
		width: 40em;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
*/
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .breadline ul {
        padding: 10px 0 0 2px;
    }
}


/* quotation
/* ---------------------------------------------------- */
.quotation {
    text-align: center;
    margin-bottom: 35px;
}

.quotation_in {
    position: relative;
    text-align: center;
    color: #93001c;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    display: inline-block;
    padding: 0 55px 0 70px;
}

.quotation_in:before {
    position: absolute;
    left: 10px;
    top: 0;
    display: block;
    width: 60px;
    height: 48px;
    content: "";
    background: url(../img/icon_ldquo.png) no-repeat left top;
}

.quotation_in:after {
    position: absolute;
    right: -5px;
    bottom: 0;
    display: block;
    width: 60px;
    height: 48px;
    content: "";
    background: url(../img/icon_rdquo.png) no-repeat right bottom;
}

.quotation_in div {
    display: inline;
    position: relative;
    width: auto;
    background: url(../img/bg_quotation.png) repeat-x left bottom;
    font-size: 31px;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    .quotation_in div {
        background-position: left bottom 10px
    }

    /* IE11 */
}

@media all and (min-width: 741px) {
    .quotation {
        margin-top: 40px;
    }

    .quotation_in div span {
        padding: 0 10px;
        white-space: nowrap;
    }

    .quotation_in div span:after {
        content: "\A";
        white-space: pre;
    }

    .quotation_in div span:last-child:after {
        content: "";
        white-space: normal;
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .quotation_in {
        padding: 0 7%;
    }

    .quotation_in:before,
    .quotation_in:after {
        background-size: contain;
        width: 5%;
    }

    .quotation_in:before {
        left: 0;
    }

    .quotation_in:after {
        right: 0;
    }

    .quotation_in div {
        font-size: 20px;
    }
}



/* --------------------------------------------------
	 8. Article
-------------------------------------------------- */
article {
    position: relative;
    *zoom: 1;
    font-size: 14px;
    padding-bottom: 120px !important;
}

article p {
    margin-bottom: 1.8;
}

article h2 {
    margin-top: 50px;
    padding: 5px 0;
    background-image: url(../img/icon_title.png);
    background-repeat: no-repeat;
    background-position: top center;
    font-family: "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-align: center;
    font-size: 37px;
    color: #93001c;
}

.no_top article h2 {
    margin-bottom: 35px;
}

article h2:after {
    display: block;
    padding: 0;
    margin-top: -10px;
    line-height: 1;
    font-size: 15px;
}

article h3,
article h4,
article h5,
article h6 {
    font-weight: bold;
}

article h3 {
    margin-top: 35px;
    margin-bottom: 20px;
    color: #333;
    font-size: 25px;
    border-bottom: 2px solid #93001c;
    line-height: 1.2em;
    padding-bottom: 0.3em;
}

article h4 {
    margin-top: 50px;
    margin-bottom: 15px;
    font-size: 20px;
    color: #333;
    border-bottom: 1px dashed #93001c;
    line-height: 1.1em;
    padding-bottom: 0.3em;
}

article h4 span {
    font-size: 16px;
    font-weight: normal;
}



article h3+h4,
article h4+h5,
article h5+h6 {
    margin-top: 0 !important;
}

article .align_center {
    text-align: center !important;
}

article .align_left {
    text-align: left !important;
}

article .align_right {
    text-align: right !important;
}

article .clear {
    clear: both;
}

article em {
    font-style: italic;
}

article blockquote {
    margin: 20px 0;
    padding: 20px;
    font-size: 13px;
    background-color: #eee;
}

article table {
    width: 100%;
    background-color: transparent;
    border: 1px solid #bbb;
    max-width: 100% !important;
}

article table caption {
    text-align: left;
    font-weight: bold;
    font-size: 20px;
}

article table.center {
    margin-right: auto;
    margin-left: auto;
}

article table thead th {
    text-align: center;
}

article table th,
article table td {
    border: 1px solid #bbb;
}

article table th {
    white-space: nowrap;
    background-color: #ededed;
}

article table th.left,
article table td.left {
    text-align: left !important;
}

article table th.center,
article table td.center {
    text-align: center !important;
}

article table th.right,
article table td.right {
    text-align: right !important;
}

article table th.top,
article table td.top {
    vertical-align: top !important;
}

article table th.middle,
article table td.middle {
    vertical-align: middle !important;
}

article table th.bottom,
article table td.bottom {
    vertical-align: bottom !important;
}

article table.text_center th,
article table.text_center td {
    text-align: center;
}

article table.td_center td {
    text-align: center;
}

article iframe {
    max-width: 100%;
}

.no_top section ul,
.no_top section ol {
    margin: 0 0 1em 1.5em;
}

.no_top section ul>li,
.no_top section ol>li {
    padding-left: 0.25em;
}

.no_top section ul>li>ul,
.no_top section ul>li>ol,
.no_top section ol>li>ul,
.no_top section ol>li>ol {
    margin: 0 0 0 1.5em;
}

.no_top section ul.non_style,
.no_top section ol.non_style {
    margin: 0;
    list-style: none;
}

.no_top section ul.non_style>li,
.no_top section ol.non_style>li {
    padding-left: 0;
}

.no_top section ul.non_style>li:before,
.no_top section ol.non_style>li:before {
    display: none;
}

.no_top section ul>li>ul>li:before {
    background-color: transparent;
}

.no_top section ul>li {
    position: relative;
}

.no_top section ul>li:before {
    position: absolute;
    left: -1.05em;
    top: 0.65em;
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    background-color: #93001c;
    border: 2px solid #93001c;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.no_top section ul[class^=ul_col] {
    *zoom: 1;
    margin: 0;
    list-style: none;
}

.no_top section ul[class^=ul_col]:after {
    content: "";
    display: table;
    clear: both;
}

.no_top section ul[class^=ul_col]>li {
    float: left;
    margin-bottom: 0;
    padding: 10px;
}

.no_top section ul[class^=ul_col]>li:before {
    display: none;
}

.no_top section ul.ul_col2>li {
    width: 50%;
}

.no_top section ul.ul_col2>li:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
}

.no_top section ul.ul_col3>li {
    width: 33.33333%;
}

.no_top section ul.ul_col3>li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
}

.no_top section ul.ul_col4>li {
    width: 25%;
}

.no_top section ul.ul_col4>li:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
}

.no_top section ul.gutter>li {
    margin: 0 0 2% 2%;
    padding: 0;
}

.no_top section ul.gutter.ul_col2>li {
    width: 49%;
}

.no_top section ul.gutter.ul_col3>li {
    width: 32%;
}

.no_top section ul.gutter.ul_col4>li {
    width: 23.5%;
}

.no_top section ol {
    list-style: decimal;
}

.no_top section ol>li:before {
    display: none;
}

article div.focus>ul,
article div.focus>ol,
article div.attention>ul,
article div.attention>ol {
    margin: 0 0 0 2em;
}

article div.focus>ul.non_style,
article div.focus>ul[class^=ul_col],
article div.focus>ol.non_style,
article div.focus>ol[class^=ul_col],
article div.attention>ul.non_style,
article div.attention>ul[class^=ul_col],
article div.attention>ol.non_style,
article div.attention>ol[class^=ul_col] {
    margin: 0;
}

article ol.ol_kome {
    list-style: none;
    margin-left: 2em;
}

.ol_kome {
    text-indent: -2em;
}


article div.focus table,
article div.attention table {
    margin: 0;
}

article div.focus {
    background-color: #f4f4f4;
}

article div.attention {
    background-color: #fff7f7;
}

article div.attention strong {
    color: #ce2e6f;
}

section img {
    max-width: 100%;
    height: auto !important;
    vertical-align: bottom;
}

section .center {
    display: block;
    clear: both;
    margin: 20px auto;
}


section .center,
section .left,
section .right {
    font-size: 80%;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 5px;
}

section .center img,
section .left img,
section .right img {
    display: block;
    margin: auto;
    margin-bottom: 5px;
}

section .center strong,
section .left strong,
section .right strong {
    font-size: 150%;
}


article a[target="_blank"]:before,
article a[target="_blank"]:after,
article a[href$=".pdf"]:before,
article a[href$=".pdf"]:after,
article a[href$=".xls"]:before,
article a[href$=".xls"]:after,
article a[href$=".xlsx"]:before,
article a[href$=".xlsx"]:after,
article a[href$=".doc"]:before,
article a[href$=".doc"]:after,
article a[href$=".docx"]:before,
article a[href$=".docx"]:after {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    content: "";
    margin: 0 2px 4px;
    height: 15px;
    background: transparent no-repeat center top;
    -moz-background-size: auto;
    -o-background-size: auto;
    -webkit-background-size: auto;
    background-size: auto;
}

.no_top section a[target="_blank"]:after,
.no_top section a[target="security"]::after {
    display: inline-block;
    content: "";
    margin: 0;
    height: 9px;
    width: 20px;
    background-image: url(../img/icon_link_outside.png);
    background-position: center;
    background-repeat: no-repeat;
}

.no_top section a.basic_btn[target="_blank"]:before {
    margin: -4px 0;
    height: 9px;
    width: 20px;
    background-image: url(../img/icon_link_outside_black.png);
}

.no_top section a[href$=".pdf"]:after {
    margin: 0 2px -5px 4px;
    height: 24px;
    width: 24px;
    background-image: url(../img/icon_pdf.png);
    background-size: 70%;
}

.no_top section a.basic_btn[href$=".pdf"]:before {
    margin: -8px 0 0 0;
    height: 24px;
    width: 24px;
    background-image: url(../img/icon_pdf.png);
    background-size: 70%;
}

.no_top section a.basic_btn[href$=".pdf"]:after {
    margin: -8px 0 0 0;
    height: 24px;
    width: 24px;
    background-image: url(../img/icon_pdf.png);
    background-size: 70%;
}

.no_top section a.basic_btn[href$=".xls"]:before,
.no_top section a.basic_btn[href$=".xlsx"]:before {
    margin: -8px 0 0 0;
    height: 24px;
    width: 24px;
    background-image: url(../img/icon_xls.png);
    background-size: 70%;
}

.no_top section a.basic_btn[href$=".xls"]:after,
.no_top section a.basic_btn[href$=".xlsx"]:after {
    margin: -8px 0 0 0;
    height: 24px;
    width: 24px;
    background-image: url(../img/icon_xls.png);
    background-size: 70%;
}

article a.no_icon[target="_blank"]:before,
article a.no_icon[target="_blank"]:after,
article a.no_icon[href$=".pdf"]:before,
article a.no_icon[href$=".pdf"]:after,
article a.no_icon[href$=".xls"]:before,
article a.no_icon[href$=".xls"]:after,
article a.no_icon[href$=".xlsx"]:before,
article a.no_icon[href$=".xlsx"]:after,
article a.no_icon[href$=".doc"]:before,
article a.no_icon[href$=".doc"]:after,
article a.no_icon[href$=".docx"]:before,
article a.no_icon[href$=".docx"]:after {
    display: none;
}

article .basic_btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin: 10px 5px 5px;
    padding: 0.2em 3em 0.2em 1.9em;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    vertical-align: middle;
    text-decoration: none !important;
    background-color: #fff;
    border: 1px solid #333;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    box-shadow: 0 0 1px transparent;
}

article .basic_btn:before,
article .basic_btn:after {
    position: absolute;
    right: 1em;
    top: 50%;
    display: block !important;
    content: "";
    background: transparent no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

article .basic_btn:before {
    background-image: url(../img/icon_arrow_black.png);
}

article .basic_btn:after {
    background-image: url(../img/icon_arrow_white.png);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}


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


/* pager */
.pager {
    clear: both;
}

.pager ul {
    margin: 0;
    list-style: none;
    padding-top: 60px;
    text-align: center;
    letter-spacing: -.4em;
}

.pager ul li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-bottom: 0;
    padding: 0 2px;
    letter-spacing: normal;
    margin: 0 2px;
}

.pager ul li a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    line-height: 1;
    color: #93001c;
    font-size: 13px;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #93001c;
}

.pager ul li.current a {
    color: #fff;
    background-color: #93001c;
}

.pager ul li.list a,
.pager ul li.prev a,
.pager ul li.next a {
    padding-right: 20px;
    padding-left: 20px;
}

.pager ul li.prev a,
article .pager ul li.next a {
    position: relative;
}

.pager ul li.prev a:before,
.pager ul li.prev a:after,
.pager ul li.next a:before,
.pager ul li.next a:after {
    position: absolute;
    top: 50%;
    display: block !important;
    content: "";
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: transparent no-repeat left top;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.pager ul li.prev a:before,
.pager ul li.next a:before {
    background-image: url(../img/icon_arrow_red.png);
}

.pager ul li.prev a:after,
.pager ul li.next a:after {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-image: url(../img/icon_arrow_white.png);
}

.pager ul li.prev a {
    padding-right: 10px;
    padding-left: 35px;
}

.pager ul li.prev a:before,
.pager ul li.prev a:after {
    left: 1em;
    -moz-transform: rotate(180deg) translateX(2px);
    -ms-transform: rotate(180deg) translateX(2px);
    -webkit-transform: rotate(180deg) translateX(2px);
    transform: rotate(180deg) translateX(2px);
}

.pager ul li.next a {
    padding-right: 35px;
    padding-left: 10px;
}

.pager ul li.next a:before,
.pager ul li.next a:after {
    right: 1em;
    -moz-transform: translateX(2px);
    -ms-transform: translateX(2px);
    -webkit-transform: translateX(2px);
    transform: translateX(2px);
}


/*コンテンツリンク*/
.no_top section ul.contents_link {
    margin: 0;
    text-align: center;
}

.no_top section ul.contents_link>li:before {
    display: none;
}

.no_top section .contents_link>li {
    display: inline-block;
    list-style: none;
    position: static;
    padding-left: 0;
}

section .contents_link>li a {
    box-sizing: content-box;
    display: table-cell;
    background-color: #e5e5e5;
    vertical-align: middle;
    line-height: 1.3em;
    text-decoration: none;
    color: #999;
    font-size: 16px;
    font-weight: bold;
}

section .contents_link>li a:hover,
section .contents_link>li.current a {
    background-color: #93001c;
    color: #fff;
    opacity: 1;
}


/*サブタイトル*/
article .subtit {
    color: #93001C;
    font-size: 150%;
}

/* 2カラム */
.both_2col img {
    display: block;
    margin: auto;
}

.both_2col>div {
    display: inline-block;
    width: 47%;
    margin: 0 2%;
    vertical-align: top;
}

.both_2col>div:nth-child(odd) {
    margin-left: 0;
}

.both_2col>div:nth-child(even) {
    margin-right: 0;
}

/* PCのみ2カラム
--------------------------- */
.pc_2col {
    margin: 30px auto;
}

.pc_2col img {
    display: block;
    margin: auto;
}

@media all and (min-width: 741px) {

    /* PCのみ2カラムへ */
    .pc_2col>div {
        width: 46%;
        margin-right: 7.5%;
        margin-bottom: 30px;
        display: inline-block;
        vertical-align: top;
    }

    .pc_2col>div:nth-child(even) {
        margin-right: 0;
    }
}

/* 3カラム */
.both_3col {
    margin: 20px 0 0;
    text-align: center;
}

.both_3col>div {
    display: inline-block;
    width: calc(96% / 3);
    margin: 0 0.5% 20px;
    vertical-align: top;
    text-align: left;
}

.both_3col>div img {
    display: block;
    margin: auto;
    max-width: 100%;
}


/**  PCのみ ************************/

@media all and (min-width: 740px) {
    article h5 {
        margin-bottom: 10px;
        font-size: 18px;
        margin-top: 40px;
    }

    article h6 {
        margin-bottom: 5px;
        font-size: 16px;
        margin-top: 30px;
    }

    article div.focus,
    article div.attention {
        margin-bottom: 20px;
        padding: 25px 20px;
    }

    article div.focus strong,
    article div.attention strong {
        font-size: 19px;
    }

    article table.fixed {
        width: 100%;
        table-layout: fixed;
    }

    article table tbody th {
        text-align: center;
    }

    article .basic_btn {
        min-width: 250px;
        max-width: 100%;
        cursor: pointer;
        -moz-transition: color 0.4s, background-color 0.4s;
        -o-transition: color 0.4s, background-color 0.4s;
        -webkit-transition: color 0.4s, background-color 0.4s;
        transition: color 0.4s, background-color 0.4s;
    }

    article .basic_btn:before,
    article .basic_btn:after {
        margin-top: -7.5px;
        width: 15px;
        height: 15px;
    }

    article .basic_btn:hover {
        color: #fff;
        background-color: #333;
    }

    article .basic_btn:hover:after {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    section .left {
        clear: both;
        float: left;
        margin: 0 20px 20px 0;
    }

    section .right {
        clear: both;
        float: right;
        margin: 0 0 20px 20px;
    }

    .no_top section a.basic_btn[target="_blank"]:hover:after {
        margin: -4px 0;
        background-image: url(../img/icon_link_outside_white.png);
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    .no_top section a.basic_btn[href$=".pdf"]:hover:after {
        margin: -8px 0 0 0;
        height: 24px;
        width: 24px;
        background-image: url(../img/icon_pdf.png);
        background-size: 70%;
    }

    .no_top section a.basic_btn[href$=".xls"]:hover:after,
    .no_top section a.basic_btn[href$=".xlsx"]:hover:after {
        margin: -8px 0 0 0;
        height: 24px;
        width: 24px;
        background-image: url(../img/icon_xls.png);
        background-size: 70%;
    }

    /* PCのみ改行 */
    .br:after {
        content: "\A";
        white-space: pre;
    }

    article .pager ul li a {
        padding: 12px 10px;
        min-width: 40px;
        min-height: 40px;
        -moz-transition: color 0.4s, background-color 0.4s;
        -o-transition: color 0.4s, background-color 0.4s;
        -webkit-transition: color 0.4s, background-color 0.4s;
        transition: color 0.4s, background-color 0.4s;
    }

    article .pager ul li a:before,
    article .pager ul li a:after {
        -moz-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    article .pager ul li a:hover {
        color: #fff;
        background-color: #93001c;
    }

    article .pager ul li a:hover:before {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    article .pager ul li a:hover:after {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    /*コンテンツリンク*/
    section .contents_link>li a {
        width: 116px;
        height: 116px;
        border-radius: 50%;
        border: 6px solid #fff;
        background-clip: padding-box;
    }

    section .contents_link>li a:hover,
    section .contents_link>li.current a {
        border: 6px solid #efd9dd;
        position: relative;
        z-index: 0;
    }

    section .contents_link>li a:hover:before,
    section .contents_link>li.current a:before {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 50%;
        margin-left: -9px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 9px 9px 0 9px;
        border-color: #93001c transparent transparent transparent;
        z-index: 0;
    }

    section .contents_link>li a:hover:after,
    section .contents_link>li.current a:after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -10px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #efd9dd transparent transparent transparent;
        z-index: -1;
    }

}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    article {
        padding-bottom: 70px !important;
    }

    article h2 {
        padding: 5px 0;
        font-size: 25px;
    }

    article h3 {
        margin-bottom: 20px;
        font-size: 24px;
    }

    article h3:not(:first-child) {
        margin-top: 40px;
    }

    article h4 {
        margin-bottom: 15px;
        font-size: 22px;
        margin-top: 30px;
    }

    article h5 {
        margin-bottom: 10px;
        font-size: 17px;
        margin-top: 35px;
    }

    article h6 {
        margin-bottom: 5px;
        font-size: 15px;
    }

    article h6:not(:first-child) {
        margin-top: 30px;
    }

    .no_top article .inner img {
        max-width: 100%;
    }

    article div.focus,
    article div.attention {
        margin-bottom: 10px;
        padding: 20px 15px;
    }

    article div.focus strong,
    article div.attention strong {
        font-size: 17px;
    }

    article div.scroller {
        margin-bottom: 20px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    article div.scroller table {
        margin-bottom: 0;
        min-width: 500px;
    }

    article div.scroller table th,
    article div.scroller table td {
        white-space: nowrap;
    }

    article div.scroller table th {
        text-align: center;
    }

    article div.scroller table td.wrap {
        white-space: normal;
    }

    article table {
        max-width: 100% !important;
        width: 100% !important;
    }

    article table th {
        white-space: normal;
    }

    article table.nowrap th {
        white-space: nowrap;
        text-align: center;
    }

    article table.vertical>tbody>tr>th,
    article table.vertical>tbody>tr>td {
        display: block;
        white-space: normal !important;
        width: 100%;
    }

    article table.vertical>tbody>tr>th:empty,
    article table.vertical>tbody>tr>td:empty {
        display: none;
    }

    article table.vertical.non_style>thead>tr>th,
    article table.vertical.non_style>thead>tr>td,
    article table.vertical.non_style>tbody>tr>th,
    article table.vertical.non_style>tbody>tr>td {
        padding: 0;
    }

    article .basic_btn {
        min-width: 240px;
        max-width: 80%;
        font-size: 15px;
        line-height: 1.2em;
        padding: 0.5em 3em 0.5em 1.9em;
    }

    article .basic_btn:before,
    article .basic_btn:after {
        margin-top: -7px;
        width: 14px;
        height: 14px;
    }

    section img.left,
    section img.right {
        display: block;
        margin: 10px auto;
    }

    article .pager ul li a {
        padding: 10px 8px;
        min-width: 35px;
        min-height: 35px;
    }

    /*コンテンツリンク*/
    section .contents_link:after {
        content: " ";
        display: block;
        clear: both;
    }

    section .contents_link>li {
        width: 49.9%;
        display: block;
        float: left;
        border-top: 1px solid #aaa;
    }

    section .contents_link>li:first-child,
    section .contents_link>li:nth-child(2) {
        border-top: none;
    }

    section .contents_link>li:nth-child(odd) {
        border-right: 1px solid #aaa;
    }

    section .contents_link>li:last-child {
        border-right: none;
    }

    section .contents_link>li a {
        display: block;
        width: 100%;
        height: 2.3em;
        padding-top: 1em;
    }

    .pc_2col {
        margin: 35px auto;
    }

    .pc_2col>div {
        margin-bottom: 35px;
    }

    .both_3col {
        padding-bottom: 25px;
        padding-left: 1.2%;
        text-align: left;
    }

    .both_3col>div {
        width: 48%;
        max-width: 100%;
        margin: 1% 0.5%;
    }
}

/**  さらに小さいSP ************************/
@media only screen and (max-width: 430px) {

    /*コンテンツリンク*/
    section .contents_link>li.li_long a {
        padding: 0.5em 0;
        line-height: 1.2em;
    }

    section .contents_link>li.li_long a span:last-child:after {
        content: "\A";
        white-space: pre;
    }

    /* SPのみ改行 */
    .sp_br:after {
        content: "\A";
        white-space: pre;
    }

}

/* --------------------------------------------------
	 9. Footer
-------------------------------------------------- */

/* pagetop
/* ---------------------------------------------------- */
#pagetop {
    position: fixed;
    bottom: 219px;
    right: 0;
    width: 65px;
    z-index: 3;
}

#pagetop>a {
    display: block;
    width: 65px;
    height: 65px;
    background-image: url(../img/img_pagetop_pc.gif);
    background-size: contain;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

#pagetop>a:hover {
    opacity: 0.9;
}

#pagetop .side_menu a {
    display: block;
    height: 110px;
    background-color: #0080ca;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border-bottom: 1px dotted #00354c;
}

#pagetop .side_menu a:hover {
    opacity: 0.9;
}

#pagetop .side_menu li:last-child a {
    border-bottom: none;
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    #pagetop {
        position: inherit;
        width: 100%;
    }

    #pagetop a {
        background-color: #474747;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 45px;
        height: 40px;
        width: 100%;
    }

    #pagetop .side_menu {
        display: none;
    }

}


/* footer nav
/* ---------------------------------------------------- */
#footer {
    background-color: #fff;
    border-bottom: 10px solid #93001c;
}

#footer .img_foot {
    width: 100%;
    height: 195px;
    background-image: url(../img/bg_dot_black.png), url(../img/bg_foot.jpg);
    background-size: auto, cover;
    background-position: center center;
    background-attachment: scroll, fixed;
}

#footer nav {
    background-color: #474747;
    position: relative;
}

#footer nav ul {
    display: inline-block;
    font-size: 13px;
    margin: 30px 35px;
    vertical-align: top;
    text-align: left;
    line-height: 2em;
}

#footer nav ul:first-child {
    margin: 30px 35px 30px 60px;
}

#footer nav a {
    color: #fff;
    text-decoration: none;
}

#footer nav ul li a[target="_blank"]:after {
    content: url("../img/icon_link_outside_white.png");
    margin-left: 7px;
}

#footer nav ul li a.facebook[target="_blank"]:after,
#footer nav ul li a.youtube[target="_blank"]:after {
    content: none;
    margin-left: 0;
}

#footer nav a:hover {
    text-decoration: underline;
}

#footer nav .sns {
    position: absolute;
    bottom: 22px;
}

#footer nav .sns li img {
    width: 100%;
    height: auto;
}

#footer nav .sns a {
    display: inline-block;
    margin-right: 25px;
    vertical-align: middle;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

#footer nav .sns a:hover {
    opacity: 0.7;
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    #footer .img_foot {
        height: 100px;
        background-attachment: scroll, scroll;
    }

    #footer nav {
        display: none;
    }
}


/* footer_info
/* ---------------------------------------------------- */

#footer .foot_info {
    padding: 60px 0 50px;
    background-color: #1e1e1e;
    color: #7c7c7c;
    font-size: 13px;
    text-align: center;
}

#footer .foot_info img {
    margin-bottom: 20px;
}

#footer .copyright {
    padding: 15px 0 0;
}

#footer .copyright span {
    display: inline-block;
    width: 269px;
    height: 14px;
    background-image: url(../img/txt_copy.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    #footer .foot_info {
        padding: 50px 0 40px;
        line-height: 1.4em;
        font-size: 11px;
    }

    #footer .foot_info img {
        margin-bottom: 15px;
        width: 70%;
        max-width: 406px;
    }

    #footer .foot_info>.inner span {
        display: block;
        text-indent: -1em;
    }

    #footer .copyright {
        text-indent: -9999px;
        margin-top: 7px;
    }

    #footer .copyright span {
        display: block;
        margin: auto;
    }
}




/* --------------------------------------------------
	10. Index
-------------------------------------------------- */
body.index #main_img {
    position: relative;
}

body.index #main_img .slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

body.index #main_img .slider li {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent no-repeat left center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

body.index #main_img .slider li.preload {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

body.index #main_img .dot {
    display: none;
}

body.index #primary>.inner {
    padding: 0 !important;
    width: auto !important;
}

article.index {
    padding: 0;
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    body.index #main_img {
        padding-top: 25%;
    }
}


/* emergency
/* ---------------------------------------------------- */
article.index .emergency {
    background: #f9f9f9;
    height: 41px;
}

article.index .emergency dl dt {
    color: #fff;
    font-size: 16px;
    font-weight: bolder;
    width: 155px;
    height: 41px;
    background: url(../img/bg_emergency.png) no-repeat left center;
    text-indent: -9999px;
    display: inline-block;
}

article.index .emergency dl dd {
    display: inline-block;
    line-height: 41px;
    color: #93001c;
    vertical-align: bottom;
    font-weight: bolder;
}

@media all and (-ms-high-contrast:none) {

    *::-ms-backdrop,
    article.index .emergency {
        margin-top: -1px
    }

    /* IE11 */
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    article.index .emergency {
        background: #fff;
        width: 100%;
        height: auto;
        display: block;
        border-top: 6px solid #93001c;
    }

    article.index .emergency dl:after {
        content: " ";
        display: block;
        clear: both;
    }

    article.index .emergency dl dt {
        width: 90px;
        height: 25px;
        background-image: url(../img/bg_emergency_sp.png);
        background-size: contain;
        background-position: right top;
        background-color: #93001c;
    }

    article.index .emergency dl dd {
        display: block;
        float: right;
        width: calc(100% - 95px);
        line-height: 1.2em;
        font-size: 12px;
        padding: 0.6em 0 0.4em;
    }

}



/* 格言
/* ---------------------------------------------------- */
article.index section#maxim {
    background: #f9f9f9 url(../img/bg_dot.png);
    position: relative;
    padding: 20px 50px;
    border-bottom: 10px solid #93001c;
}

article.index section#maxim>section {
    display: inline-block;
    vertical-align: top;
    padding: 0;
}

#all #content article.index section#maxim>section .inner {
    padding: 0;
    width: 1000px;
}

#maxim .maxim {
    font-weight: bolder;
}

#maxim .maxim .time {
    margin-top: 10px;
    padding-top: 5px;
    display: inline-block;
    background-image: url(../img/txt_top_today.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
}

#maxim .maxim .time table {
    border: none;
}

#maxim .maxim .time .month,
#maxim .maxim .time .week,
#maxim .maxim .time .day {
    border: none;
    padding: 0;
    background-repeat: no-repeat;
    background-size: contain;
}



/* カレンダー月 */
#maxim .maxim .time .month.month01 {
    background-image: url(../img/txt_month01.png);
}

#maxim .maxim .time .month.month02 {
    background-image: url(../img/txt_month02.png);
}

#maxim .maxim .time .month.month03 {
    background-image: url(../img/txt_month03.png);
}

#maxim .maxim .time .month.month04 {
    background-image: url(../img/txt_month04.png);
}

#maxim .maxim .time .month.month05 {
    background-image: url(../img/txt_month05.png);
}

#maxim .maxim .time .month.month06 {
    background-image: url(../img/txt_month06.png);
}

#maxim .maxim .time .month.month07 {
    background-image: url(../img/txt_month07.png);
}

#maxim .maxim .time .month.month08 {
    background-image: url(../img/txt_month08.png);
}

#maxim .maxim .time .month.month09 {
    background-image: url(../img/txt_month09.png);
}

#maxim .maxim .time .month.month10 {
    background-image: url(../img/txt_month10.png);
}

#maxim .maxim .time .month.month11 {
    background-image: url(../img/txt_month11.png);
}

#maxim .maxim .time .month.month12 {
    background-image: url(../img/txt_month12.png);
}

/* カレンダー週 */
#maxim .maxim .time .week.mon {
    background-image: url(../img/txt_week_mon.png);
}

#maxim .maxim .time .week.tue {
    background-image: url(../img/txt_week_tue.png);
}

#maxim .maxim .time .week.wed {
    background-image: url(../img/txt_week_wed.png);
}

#maxim .maxim .time .week.thu {
    background-image: url(../img/txt_week_thu.png);
}

#maxim .maxim .time .week.fri {
    background-image: url(../img/txt_week_fri.png);
}

#maxim .maxim .time .week.sat {
    background-image: url(../img/txt_week_sat.png);
}

#maxim .maxim .time .week.sun {
    background-image: url(../img/txt_week_sun.png);
}


/* カレンダー日 */
#maxim .maxim .time .day.day01 {
    background-image: url(../img/txt_day01.png);
}

#maxim .maxim .time .day.day02 {
    background-image: url(../img/txt_day02.png);
}

#maxim .maxim .time .day.day03 {
    background-image: url(../img/txt_day03.png);
}

#maxim .maxim .time .day.day04 {
    background-image: url(../img/txt_day04.png);
}

#maxim .maxim .time .day.day05 {
    background-image: url(../img/txt_day05.png);
}

#maxim .maxim .time .day.day06 {
    background-image: url(../img/txt_day06.png);
}

#maxim .maxim .time .day.day07 {
    background-image: url(../img/txt_day07.png);
}

#maxim .maxim .time .day.day08 {
    background-image: url(../img/txt_day08.png);
}

#maxim .maxim .time .day.day09 {
    background-image: url(../img/txt_day09.png);
}

#maxim .maxim .time .day.day10 {
    background-image: url(../img/txt_day10.png);
}

#maxim .maxim .time .day.day11 {
    background-image: url(../img/txt_day11.png);
}

#maxim .maxim .time .day.day12 {
    background-image: url(../img/txt_day12.png);
}

#maxim .maxim .time .day.day13 {
    background-image: url(../img/txt_day13.png);
}

#maxim .maxim .time .day.day14 {
    background-image: url(../img/txt_day14.png);
}

#maxim .maxim .time .day.day15 {
    background-image: url(../img/txt_day15.png);
}

#maxim .maxim .time .day.day16 {
    background-image: url(../img/txt_day16.png);
}

#maxim .maxim .time .day.day17 {
    background-image: url(../img/txt_day17.png);
}

#maxim .maxim .time .day.day18 {
    background-image: url(../img/txt_day18.png);
}

#maxim .maxim .time .day.day19 {
    background-image: url(../img/txt_day19.png);
}

#maxim .maxim .time .day.day20 {
    background-image: url(../img/txt_day20.png);
}

#maxim .maxim .time .day.day21 {
    background-image: url(../img/txt_day21.png);
}

#maxim .maxim .time .day.day22 {
    background-image: url(../img/txt_day22.png);
}

#maxim .maxim .time .day.day23 {
    background-image: url(../img/txt_day23.png);
}

#maxim .maxim .time .day.day24 {
    background-image: url(../img/txt_day24.png);
}

#maxim .maxim .time .day.day25 {
    background-image: url(../img/txt_day25.png);
}

#maxim .maxim .time .day.day26 {
    background-image: url(../img/txt_day26.png);
}

#maxim .maxim .time .day.day27 {
    background-image: url(../img/txt_day27.png);
}

#maxim .maxim .time .day.day28 {
    background-image: url(../img/txt_day28.png);
}

#maxim .maxim .time .day.day29 {
    background-image: url(../img/txt_day29.png);
}

#maxim .maxim .time .day.day30 {
    background-image: url(../img/txt_day30.png);
}

#maxim .maxim .time .day.day31 {
    background-image: url(../img/txt_day31.png);
}

#maxim .maxim p {
    position: relative;
    padding-left: 35px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    width: 645px;
    font-size: 16px;
    background: url(../img/bg_comment.png) no-repeat left center;
}



/**  PCのみ ************************/
@media all and (min-width: 741px) {

    #maxim .maxim>div,
    #maxim .maxim .time,
    #maxim .maxim .okuma {
        display: inline-block;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        vertical-align: top;
    }

    #maxim .maxim .time {
        width: 165px;
    }

    #maxim .maxim .time .month {
        width: 75px;
        height: 42px;
    }

    #maxim .maxim .time .week {
        width: 75px;
        height: 35px;
    }

    #maxim .maxim .time .day {
        width: 90px;
        height: 86px;
    }

    #maxim .maxim p span.quotation_book {
        font-size: 12px;
    }

    #maxim .maxim p span.sp_name {
        display: none;
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    article.index section#maxim {
        padding: 0 10px;
    }

    #maxim .maxim div {
        display: block;
    }

    #maxim .maxim .maxim_tweet {
        float: left;
    }

    #maxim .maxim p {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px);
        float: right;
    }

    #maxim .maxim .time table {
        margin-bottom: 0;
    }

    #maxim .maxim .time .month {
        width: 50px;
        height: 18px;
    }

    #maxim .maxim .time .week {
        width: 50px;
        height: 15px;
    }

    #maxim .maxim .time .day {
        width: 60px;
        height: 56px;
    }

    #maxim .maxim .okuma {
        width: 120px;
        font-size: 70%;
    }

    #maxim .maxim .okuma img {
        width: 35%;
        margin-left: 48%;
    }

    #maxim .maxim .okuma .mincho {
        display: none;
    }

    #maxim .maxim {
        margin: 10px 0;
        background: url(../img/bg_comment.png) no-repeat 120px 20px;
        background-size: auto 140%;
    }

    #maxim .maxim p {
        height: 100%;
        background-image: none;
        font-size: 15px;
        padding-left: 30px;
    }

    #maxim .maxim p span.quotation_book {
        font-size: 9px;
    }

    #maxim .maxim p span.sp_name {
        display: block;
    }
}

@media only screen and (max-width: 560px) {
    #maxim .maxim {
        background-position: 110px 20px;
    }

    #maxim .maxim p {
        padding-left: 15px;
        font-size: 12.5px;
    }
}

@media only screen and (max-width: 414px) {
    #maxim .maxim .okuma img {
        width: 30%;
        margin-left: 53%;
    }

    #maxim .maxim p {
        font-size: 11px;
    }
}


/* 新着情報
/* ---------------------------------------------------- */

article.index section.news {
    padding-bottom: 50px;
}

article.index section.news h2:after {
    content: url(../img/txt_h2_en_news.png);
}

article.index section.news .list {
    float: right;
    margin-top: -55px;
}

article.index section.news ul {
    position: relative;
    font-size: 15px;
    margin: 20px 0;
    padding: 10px 50px;
}

article.index section.news ul:before,
article.index section.news ul:after {
    position: absolute;
    top: 0;
}

article.index section.news ul:before {
    content: url(../img/bg_news_left.png);
    left: 0;
}

article.index section.news ul:after {
    content: url(../img/bg_news_right.png);
    right: 0;
}


article.index section.news ul .date {
    color: #93001c;
    font-weight: 800;
}

article.index section.news ul li {
    border-bottom: 1px solid #aaa;
}

article.index section.news ul li a {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    color: #333;
}

article.index section.news .more {
    text-align: center;
    margin-top: 60px;
}

article.index section.news .more a {
    display: inline-block;
    border: 1px solid #93001c;
    line-height: 60px;
    text-decoration: none;
    font-weight: 500;
}

/*新着カテゴリボタン設定*/
article.index section.news .list a {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-left: 5px;
    font-weight: bold;
    -webkit-border-radius: 10px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
    line-height: 1.2em;
}

article.index section.news .list .general {
    background-color: #0080ca;
}

article.index section.news .list .examination {
    background-color: #93001c;
}

article.index section.news .list .general span {
    display: block;
    padding-top: 20px;
}

article.index section.news .list .examination span {
    display: block;
    padding-top: 12px;
}

/* カテゴリ設定 */
article.index section.news ul .date:after {
    display: inline-block;
    width: 70px;
    margin: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 12.75px;
    line-height: 1.5;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

article.index section.news li.general .date:after {
    background-color: #0080ca;
    content: "\4E00\822C";
}

article.index section.news li.examination .date:after {
    background-color: #93001c;
    content: "\53D7\9A13\60C5\5831";
}

/* NEWアイコン設定 */
article.index section.news ul li.new .title:after {
    content: url(../img/icon_new.png);
    margin-left: 10px;
    vertical-align: middle;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {

    article.index section.news .more a {
        width: 60%;
        font-size: 22px;
        -o-transition: opacity 0.4s;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    #all #content article.index section.news .more a:hover {
        background-color: #93001c;
        color: #fff;
        opacity: 1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    article.index section.news {
        padding-bottom: 30px;
    }

    #all #content article.index section.news .inner {
        padding: 0;
    }

    article.index section.news ul:before,
    article.index section.news ul:after {
        content: "";
    }

    article.index section.news ul {
        padding: 10px 0;
    }

    article.index section.news ul li {
        padding: 0 10px;
    }

    article.index section.news ul li span.title {
        display: block;
        line-height: 1.3em;
    }

    article.index section.news .more {
        margin-top: 10px;
    }

    article.index section.news .more a {
        width: 80%;
        font-size: 20px;
    }

    /*新着カテゴリボタン設定*/
    article.index section.news .list a {
        width: 45px;
        height: 45px;
        margin-left: 1px;
        font-size: 12px;
    }

    article.index section.news .list .general span {
        display: block;
        padding-top: 15px;
    }

    article.index section.news .list .examination span {
        display: block;
        padding-top: 8.5px;
    }
}

/* PICKUP
/* ---------------------------------------------------- */

article.index section.pickup {
    padding-bottom: 80px;
    background-image: url(../img/bg_line_black.png);
}

article.index section.pickup h2 {
    background-image: none;
    padding: 60px 0 30px 0;
}

article.index section.pickup ul {
    width: 100%;
    text-align: center;
}

article.index section.pickup ul li {
    display: inline-block;
    width: 300px;
    margin: 7.5px;
    background-color: #fff;
    vertical-align: top;
    text-align: left;
}

article.index section.pickup ul li a {
    display: block;
    min-height: 315px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}

article.index section.pickup ul li a img {
    display: block;
    max-width: 100%;
}

article.index section.pickup ul li strong,
article.index section.pickup ul li span {
    display: block;
    padding: 0 15px;
}

article.index section.pickup ul li strong {
    border-top: 4px solid #93001c;
    font-size: 18px;
    padding: 15px 15px 0 15px;
    line-height: 1.4;
}

article.index section.pickup ul li a[target="_blank"] strong:after {
    content: url("../img/icon_link_outside.png");
    margin-left: 7px;
}

article.index section.pickup ul li span {
    font-size: 12px;
    color: #7f7f7f;
    padding: 0 15px 15px 15px;
    word-break: normal;
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    article.index section.pickup {
        padding-bottom: 25px;
    }

    article.index section.pickup h2 {
        padding: 40px 0 0 0;
    }

    article.index section.pickup h2 img {
        width: 80%;
        max-width: 380px;
    }

    article.index section.pickup ul li {
        width: 48%;
        max-width: 300px;
        margin: 1% 0.5%;
    }

    article.index section.pickup ul li a {
        min-height: 270px;
        min-height: 100%;
    }

    article.index section.pickup ul li a strong {
        min-height: 5.5em;
        font-size: 16px;
    }

    article.index section.pickup ul li span {
        display: none;
    }
}



/* 八太郎館
/* ---------------------------------------------------- */

article.index section.dormitory h2:after {
    content: url(../img/txt_h2_en_dormitory.png);
}

article.index section.dormitory ul {
    text-align: center;
    padding: 30px 0 50px 0;
}

article.index section.dormitory li {
    display: inline-block;
    width: 310px;
    margin: 20px 5px;
}

article.index section.dormitory li a {
    display: block;
    height: 310px;
    text-align: left;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 15px solid #fff;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

article.index section.dormitory li a img {
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

article.index section.dormitory li.safety,
article.index section.dormitory li.community {
    margin-top: -30px;
}

#all #content article.index section.dormitory li a:hover {
    border: 15px solid #ededed;
    opacity: 1;
}

article.index section.dormitory li a:hover img {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

/* 切り替え画像の設定 */
article.index section.dormitory li.story a {
    background-image: url(../img/btn_dormitory00_on.png);
}

article.index section.dormitory li.life a {
    background-image: url(../img/btn_dormitory01_on.png);
}

article.index section.dormitory li.study a {
    background-image: url(../img/btn_dormitory02_on.png);
}

article.index section.dormitory li.dining a {
    background-image: url(../img/btn_dormitory03_on.png);
}

article.index section.dormitory li.safety a {
    background-image: url(../img/btn_dormitory04_on.png);
}

article.index section.dormitory li.community a {
    background-image: url(../img/btn_dormitory05_on.png);
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    article.index section.dormitory ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 15px 0 0 0;
    }

    article.index section.dormitory li {
        letter-spacing: -.4em;
    }

    article.index section.dormitory li {
        width: 49%;
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
        margin-bottom: 5px;
        letter-spacing: normal;
    }

    article.index section.dormitory li a {
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
        background-color: #93001c;
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center center;
        text-indent: -9999px;
        max-height: 200px;
        height: 0;
        padding-top: 100%;
    }

    #all #content article.index section.dormitory li a:hover {
        border: none;
    }

    article.index section.dormitory li.safety,
    article.index section.dormitory li.community {
        width: 49%;
        margin-top: 0;
    }



    article.index section.dormitory li a img {
        display: none;
    }

    article.index section.dormitory li.story a {
        background-image: url(../img/btn_dormitory00_sp.png);
    }

    article.index section.dormitory li.life a {
        background-image: url(../img/btn_dormitory01_sp.png);
    }

    article.index section.dormitory li.study a {
        background-image: url(../img/btn_dormitory02_sp.png);
    }

    article.index section.dormitory li.dining a {
        background-image: url(../img/btn_dormitory03_sp.png);
    }

    article.index section.dormitory li.safety a {
        background-image: url(../img/btn_dormitory04_sp.png);
    }

    article.index section.dormitory li.community a {
        background-image: url(../img/btn_dormitory05_sp.png);
    }
}



/* 学園点描
/* ---------------------------------------------------- */

article.index section.school_sketch h2:after {
    content: url(../img/txt_h2_en_sketch.png);
}

article.index section.school_sketch ul {
    padding: 50px 0 0 0;
    text-align: left;
}


article.index section.school_sketch ul li a,
article.index section.school_sketch ul li a .photo,
article.index section.school_sketch ul li a .tit,
article.index section.school_sketch ul li a .text {
    display: block;
    color: #333;
    text-decoration: none;
}

article.index section.school_sketch ul li a .photo {
    position: relative;
    display: block;
    width: 180px;
    height: 180px;
    background-size: cover;
}

article.index section.school_sketch ul li a .tit {
    border-top: 1px solid #ccc;
    margin-top: 2px;
    padding: 5px 0 0 0;
    color: #93001c;
    font-weight: 800;
}

article.index section.school_sketch ul li a .text {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2px;
    min-height: 4em;
}

article.index section.school_sketch .more {
    text-align: center;
}

article.index section.school_sketch .more a {
    display: inline-block;
    border: 1px solid #93001c;
    line-height: 60px;
    text-decoration: none;
    font-weight: 500;
}

/* NEWアイコン設定 */
article.index section.school_sketch ul li.new .tit:after {
    content: url(../img/icon_new.png);
    margin-left: 10px;
    vertical-align: middle;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    article.index section.school_sketch ul li {
        display: inline-block;
        padding: 0 10px;
        border-right: 1px dashed #ccc;
        vertical-align: top;
        margin-bottom: 70px;
    }

    article.index section.school_sketch ul li:nth-of-type(5n),
    article.index section.school_sketch ul li:last-child {
        border: none;
    }

    article.index section.school_sketch ul li a {
        width: 180px;
        border-bottom: 1px solid #ccc;
    }

    article.index section.school_sketch .more a {
        width: 60%;
        font-size: 22px;
        -o-transition: opacity 0.4s;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
    }

    #all #content article.index section.school_sketch .more a:hover {
        background-color: #93001c;
        color: #fff;
        opacity: 1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha( opacity=100 )";
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    article.index section.school_sketch {
        padding-bottom: 30px;
    }

    #all #content article.index section.school_sketch .inner {
        padding: 0;
    }

    article.index section.school_sketch ul {
        padding: 10px 0;
    }

    article.index section.school_sketch ul li {
        padding: 0 10px;
        display: block;
        border-bottom: 1px solid #aaa;
    }

    article.index section.school_sketch ul li a {
        padding: 15px 0;
    }

    article.index section.school_sketch ul li span.photo {
        display: none;
    }

    article.index section.school_sketch ul li a .tit {
        border: none;
    }

    article.index section.school_sketch ul li a .text {
        border: none;
        min-height: 0;
        line-height: 1.3em;
    }

    article.index section.school_sketch .more {
        margin-top: 10px;
    }

    article.index section.school_sketch .more a {
        width: 80%;
        font-size: 20px;
    }
}



/* --------------------------------------------------
	11. News
-------------------------------------------------- */
body.news #main_img {
    background-image: url(../img/main_img.jpg);
}

/* tab */
.no_top section ul.tab {
    width: 90%;
    margin: 0 auto;
    padding: 0;
    display: table;
    table-layout: fixed;
}

.tab li {
    width: 50%;
    margin: 0;
    padding: 10px 10px;
    cursor: pointer;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #bbb;
    box-sizing: border-box;
    color: #fff;
    font-size: 20px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    letter-spacing: 2px;
}

.tab li:first-child {
    border-right: 1px solid #fff;
}

.tab li.current {
    width: 50%;
    border-bottom: none;
}

.tab li.general:hover,
.tab li.general.current {
    background: #0080ca;
}

.tab li.examination:hover,
.tab li.examination.current {
    background: #93001c;
}

.contents .content {
    display: none;
}

.contents .content:nth-child(1) {
    display: block;
}

body.news h2:after {
    content: url(../img/txt_h2_en_news.png);
}

body.news section.news .list {
    float: right;
    margin-top: -55px;
}

body.news section.news ul.news_ul {
    position: relative;
    font-size: 15px;
    margin: 20px 0;
    padding: 10px 50px;
}

body.news section.news ul.news_ul .date {
    color: #93001c;
    font-weight: 800;
    margin-right: 1em;
}

.no_top.news section.news ul>li:before {
    display: none;
}

body.news section.news ul.news_ul li {
    border-bottom: 1px solid #aaa;
}

body.news section.news ul.news_ul li a {
    display: block;
    padding: 15px 0;
    text-decoration: none;
    color: #333;
}

/* カテゴリ設定 */
body.news section.news ul .date:after {
    display: inline-block;
    width: 70px;
    margin: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 12.75px;
    line-height: 1.5;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

body.news section.news li.general .date:after {
    background-color: #0080ca;
    content: "\4E00\822C";
}

body.news section.news li.examination .date:after {
    background-color: #93001c;
    content: "\53D7\9A13\60C5\5831";
}

/* NEWアイコン設定 */
body.news section.news ul.news_ul li.new .title:after {
    content: url(../img/icon_new.png);
    margin-left: 10px;
    vertical-align: middle;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .no_top section ul.tab {
        width: 98%;
    }

    body.news section.news {
        padding-bottom: 30px;
    }

    #all #content article section.news .inner {
        padding: 0;
    }

    body.news section.news ul:before,
    article.index section.news ul.news_ul:after {
        content: "";
    }

    body.news section.news ul.news_ul {
        padding: 10px 0;
    }

    body.news section.news ul.news_ul li {
        padding: 0 10px;
    }

    body.news section.news ul.news_ul li span.title {
        display: block;
        line-height: 1.3em;
    }

}

/* 詳細ページ
/* ---------------------------------------------------- */
.news_date {
    text-align: right;
    font-size: 15px;
    margin-bottom: 10px;
}

/* カテゴリ設定 */
.news_date:before {
    display: inline-block;
    width: 70px;
    margin: 0 10px;
    text-align: center;
    color: #fff;
    font-size: 12.75px;
    line-height: 1.5;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.news_date.general:before {
    background-color: #0080ca;
    content: "\4E00\822C";
}

.news_date.examination:before {
    background-color: #93001c;
    content: "\53D7\9A13\60C5\5831";
}

.news_detail h3 {
    margin-bottom: 5px;
}



/* --------------------------------------------------
	12. Sketch
-------------------------------------------------- */
body.sketch #main_img {
    background-image: url(../img/main_img_1.jpg);
}

body.sketch h2:after {
    content: url(../img/txt_h2_en_sketch.png);
}

ul.sketch_ul {
    padding: 50px 0 0 0;
    text-align: left;
}

.no_top section ul.sketch_ul>li:before {
    display: none;
}

ul.sketch_ul li a,
ul.sketch_ul li a .photo,
ul.sketch_ul li a .tit,
ul.sketch_ul li a .text {
    display: block;
    color: #333;
    text-decoration: none;
}

ul.sketch_ul li a .photo {
    position: relative;
    display: block;
    width: 180px;
    height: 180px;
    background-size: cover;
}

ul.sketch_ul li a .tit {
    border-top: 1px solid #ccc;
    margin-top: 2px;
    padding: 5px 0 0 0;
    color: #93001c;
    font-weight: 800;
}

ul.sketch_ul li a .text {
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 2px;
    min-height: 4em;
}


/* NEWアイコン設定 */
ul.sketch_ul li.new .tit:after {
    content: url(../img/icon_new.png);
    margin-left: 10px;
    vertical-align: middle;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    ul.sketch_ul li {
        display: inline-block;
        padding: 0 10px;
        margin: 0 0 70px;
        border-right: 1px dashed #ccc;
        vertical-align: top;
    }

    ul.sketch_ul li:nth-child(5n),
    ul.sketch_ul li:last-child {
        border: none;
    }

    ul.sketch_ul li a {
        width: 180px;
        border-bottom: 1px solid #ccc;
    }

}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    body.sketch section.sketch {
        padding-bottom: 30px;
    }

    #all #content article section.sketch .inner {
        padding: 0;
    }

    .no_top section ul.sketch_ul {
        padding: 10px 0;
        margin: 0;
    }

    .no_top section ul.sketch_ul li {
        padding: 0 10px;
        display: block;
        border-bottom: 1px solid #aaa;
    }

    ul.sketch_ul li a {
        padding: 15px 0;
    }

    ul.sketch_ul li span.photo {
        display: none;
    }

    ul.sketch_ul li a .tit {
        border: none;
    }

    ul.sketch_ul li a .text {
        border: none;
        min-height: 0;
        line-height: 1.3em;
    }
}

/* 詳細ページ
/* ---------------------------------------------------- */
.sketch_date {
    text-align: right;
    font-size: 15px;
    margin-bottom: 10px;
}

.sketch_detail h3 {
    margin-bottom: 5px;
}



/* --------------------------------------------------
	13. About
-------------------------------------------------- */
body.about #main_img {
    background-image: url(../img/main_img_2.jpg);
}

body.about h2:after {
    content: url(../img/txt_h2_en_about.png);
}

body.about .subtit {
    padding: 20px 0;
    display: block;
}

/* 建学の精神
/* ---------------------------------------------------- */

.about_kengaku {
    text-align: center;
}

.about_kengaku dl {
    border: 1px solid #93001C;
    margin: 1%;
    text-align: left;
    vertical-align: top;
}

.about_kengaku dl dt {
    background-color: #93001C;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 130%;
}

.about_kengaku dl dd {
    margin: 10px;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .about_kengaku dl {
        display: inline-block;
        width: 31%;
    }
}


/* 概要
/* ---------------------------------------------------- */
.about_gaiyou_table02 td {
    text-align: center;
}

.about_gaiyou_table02 caption {
    font-size: 120%;
    text-align: left;
    font-weight: bold;
}

.about_gaiyou_table02 caption span {
    font-size: 80%;
    font-weight: normal;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .about_gaiyou_table th {
        width: 25%;
    }
}

/* 学級編成
/* ---------------------------------------------------- */

.about_hensei_flow {
    text-align: center;
}

.about_hensei_flow dl {
    border: 1px solid #93001C;
    margin: 1%;
    text-align: left;
    vertical-align: top;
}

.about_hensei_flow dl dt {
    background-color: #93001C;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 130%;
}

.about_hensei_flow dl dd {
    margin: 10px;
}

.about_hensei_flow dl:nth-child(1) dt {
    background-color: #E98800;
}

.about_hensei_flow dl:nth-child(2) dt {
    background-color: #155783;
}

.about_hensei_flow dl:nth-child(3) dt {
    background-color: #4E8315;
}

.about_hensei_subject {}

.about_hensei_subject dl {
    display: inline-block;
    width: 45%;
    margin: 2%;
    vertical-align: top;
    text-align: left;
}

.about_hensei_subject dl dt {
    text-align: center;
    background-color: #93001C;
    color: #fff;
    padding: 5px 0;
    font-size: 150%;
    margin-bottom: 5px;
}

/* PCのみ
--------------------------- */

@media all and (min-width: 741px) {
    .about_hensei_flow dl {
        display: inline-block;
        width: 31%;
    }
}


/* 校内施設
/* ---------------------------------------------------- */
.about_facility {
    margin-top: 50px;
}

.about_facility h5 {
    margin: 5px 0;
}

.about_facility p {
    margin-bottom: 40px;
}

.about .facility_map {
    min-height: 460px;
}


/* 早稲田の歴史
/* ---------------------------------------------------- */
.about_history table {
    border: none;
    width: 80%;
    margin: auto;
}

.about_history table th,
.about_history table td {
    border-left: none;
    border-color: #ddd;
    border-bottom: 1px solid #ddd
}

.about_history table th {
    width: 30%;
    padding: 30px 0;
    background-color: #fff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 100
}

.about_history table th span {
    display: block;
    font-size: 15px;
}

.about_history table tr:nth-child(even) th,
.about_history table tr:nth-child(even) td {
    background-color: #F9F9F9;
}

.about_history table tr td,
.about_history table tr th {
    border-left: none;
    border-right: none;
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .about_history table {
        width: 90%;
    }

    .about_history table th {
        padding: 30px 10px 30px 20px;
    }
}


/* --------------------------------------------------
	14. Curriculum
-------------------------------------------------- */
body.curriculum #main_img {
    background-image: url(../img/main_img_3.jpg);
}

body.curriculum h2:after {
    content: url(../img/txt_h2_en_curriculum.png);
}


/* index
/* ---------------------------------------------------- */
/**  SP ************************/
@media only screen and (max-width: 740px) {
    .curriculum_index .basic_btn {
        max-width: 100%;
        width: 100%;
    }
}


/* グローバル教育
/* ---------------------------------------------------- */
.curriculum_global h4 span {
    font-weight: bold;
    color: #93001C;
    font-size: 20px;
    margin-right: 0.5em;
}

table.tb_global td {
    word-break: normal;
    text-align: center;
}

.tb_global td:last-child {
    text-align: left;
}

.tb_global .td_block {
    margin-bottom: 10px;
}

.abroad h5 {
    margin: 5px 0;
}

article .abroad h6:first-child {
    margin-top: 0;
}

.abroad p {
    margin-bottom: 30px;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .tb_global tr:first-child th {
        letter-spacing: 0.5em;
        text-indent: 0.5em;
    }

    .tb_global th:nth-child(2) {
        width: 17%;
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {

    article div.scroller table.tb_global th,
    article div.scroller table.tb_global td {
        white-space: normal;
    }

    article div.scroller table.tb_global {
        min-width: 700px;
    }

    .tb_global th:first-child {
        width: 3%;
    }

    .tb_global th:nth-child(2) {
        width: 17%;
    }

    .tb_global th:nth-child(3) {
        width: 11%;
    }

    .tb_global th:nth-child(4) {
        width: 10%;
    }

    .tb_global tr:first-child th:last-child {
        width: 34%;
    }

    .curriculum_global .cf h5 {
        margin-top: 0;
    }

    .curriculum_global .cf img.right {
        margin-top: 50px;
    }

    .abroad .pc_2col {
        margin-top: 50px;
    }

    .abroad .pc_2col:first-child {
        margin-top: 0;
    }
}


/* 中学校課程表
/* ---------------------------------------------------- */
.goal div {
    background: #f4f4f4;
    padding: 20px;
    text-align: center;
}

article .goal h5 {
    display: inline-block;
    text-align: center;
    margin: 5px 0 15px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 5px 25px 3px;
    letter-spacing: 1em;
    text-indent: 1em;
}

article .goal h5 span:not(.br) {
    letter-spacing: 0.5em;
}

.goal strong {
    display: inline-block;
    font-size: 15px;
    margin-bottom: 5px;
}

.goal p {
    text-align: left;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .goal {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .div_img_right h4 {
        width: calc(100% - 470px);
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .div_img_right h4 {
        margin: 0 0 10px;
    }

    .div_img_right img.right {
        margin-top: 50px;
    }
}


/* 時間割
/* ---------------------------------------------------- */
.curriculum_schedule .quotation {
    margin-top: 35px
}

.curriculum_schedule table {
    margin: 0 auto;
}

.curriculum_schedule .subtit {
    font-size: 120%;
}



/* --------------------------------------------------
	15. School Life
-------------------------------------------------- */

body.school #main_img {
    background-image: url(../img/main_img_5.jpg);
}

body.school h2:after {
    content: url(../img/txt_h2_en_school.png);
}


/* 学校行事
/* ---------------------------------------------------- */
.school_event {
    text-align: center;
}

.school_event table {
    width: 47%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    border: none;
}

.school_event th {
    width: 10%;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.school_event td {
    border: 1px solid #bbb;
}

.school_event .middle th {
    background-color: #0080CA;
}

.school_event .right {
    margin-bottom: 0;
}

.school_event .middle_hs th {
    background-color: #93001c;
}

@media only screen and (max-width: 740px) {
    .school_event table {
        width: 100%;
        margin: 0;
        display: block;
    }

    .school_event th {
        width: auto;
    }

    .school_event td {
        width: 100%;
    }
}


/* アウトキャンパススタディ
/* ---------------------------------------------------- */
.school_outcampus {
    margin-top: 50px;
}

.school_outcampus h5 {
    margin: 5px 0;
}

.school_outcampus p {
    margin-bottom: 40px;
}


/* 部活動
/* ---------------------------------------------------- */
.school_club dl {
    display: inline-block;
    width: 45%;
    margin: 2%;
    vertical-align: top;
    text-align: left;
    border: 1px solid #93001C;
}

.school_club dl dt {
    text-align: center;
    background-color: #93001C;
    color: #fff;
    padding: 5px 0;
    font-size: 150%;
    margin-bottom: 5px;
}

.school_club dl dd {
    padding-left: 15px;
}

.school_club dl dd ul li {
    width: 48%;
    display: inline-block;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .school_club {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 740px) {
    .school_club dl {
        display: block;
        width: 100%;
        margin: 0 0 15px;
    }

    .school_club dl dd ul li {
        width: 100%;
        display: block;
    }
}



/* --------------------------------------------------
	16. Admission
-------------------------------------------------- */
body.admission #main_img {
    background-image: url(../img/main_img_4.jpg);
}

body.admission h2:after {
    content: url(../img/txt_h2_en_admission.png);
}

.admission table td {
    text-align: center;
}

.admission .btn_list a {
    width: 330px;
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    article .btn_list .basic_btn {
        max-width: 97%;
    }
}

/* area
/* ---------------------------------------------------- */
.admission .area_table {
    width: 40%;
}

.admission .area_table td {
    width: 25%;
}

/*sp*/
@media only screen and (max-width: 740px) {
    .admission .area_table {
        width: 100%;
    }

    .admission table th {
        text-align: center;
    }

    .admission table td:last-child {
        border-right: 1px solid #bbb;
    }
}


/* 学校説明会
/* ---------------------------------------------------- */
article .btn_adm_campus_tour .basic_btn {
    border-color: #93001c;
    color: #93001c;
}

article .btn_adm_campus_tour .basic_btn:before {
    background-image: url(../img/icon_link_outside.png) !important;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .dormitory_photo>div {
        margin: 10px 20px;
    }

    section .dormitory_photo img.right {
        margin-bottom: 0;
    }
}

/*PC*/
@media only screen and (min-width: 739px) {
    article .btn_adm_campus_tour .basic_btn {
        min-width: 300px;
        padding: 15px;
        margin: 30px 20px 0 20px;
    }

    article .btn_adm_campus_tour .basic_btn:hover {
        background-color: #93001c;
        color: #fff;
    }

}


/* --------------------------------------------------
	17. Dormitory Life
-------------------------------------------------- */
body.dormitory #main_img {
    background-image: url(../img/main_img_6.jpg);
}

body.dormitory h2:after {
    content: url(../img/txt_h2_en_dormitory.png);
}

/* 各ページへのリンク
/* ---------------------------------------------------- */
.no_top section ul.dormitory_ul {
    text-align: center;
    padding: 0 0 50px 0;
    margin: 0;
}

.no_top section ul.dormitory_ul>li:before {
    display: none;
}

.no_top section ul.dormitory_ul>li {
    display: inline-block;
    width: 160px;
    margin: 20px 0px;
    padding-left: 0;
}

.dormitory_ul li a {
    display: block;
    height: 160px;
    text-align: left;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 10px solid #fff;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    background-size: contain;
}

.dormitory_ul li a img {
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.dormitory_ul li.safety,
.dormitory_ul li.community {
    margin-top: -30px;
}

#all #content article .dormitory_ul li a:hover,
.dormitory_ul li.current a {
    border: 10px solid #ededed;
    opacity: 1;
}

.dormitory_ul li a:hover img,
.dormitory_ul li.current a img {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

/* 切り替え画像の設定 */
.dormitory_ul li.story a {
    background-image: url(../img/btn_dormitory00_on.png);
}

.dormitory_ul li.life a {
    background-image: url(../img/btn_dormitory01_on.png);
}

.dormitory_ul li.study a {
    background-image: url(../img/btn_dormitory02_on.png);
}

.dormitory_ul li.dining a {
    background-image: url(../img/btn_dormitory03_on.png);
}

.dormitory_ul li.safety a {
    background-image: url(../img/btn_dormitory04_on.png);
}

.dormitory_ul li.community a {
    background-image: url(../img/btn_dormitory05_on.png);
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .no_top section ul.dormitory_ul {
        padding: 10px 0 0 0;
        margin: 0;
    }

    .dormitory_ul li {
        letter-spacing: -.4em;
    }

    .no_top section ul.dormitory_ul>li {
        width: calc(97% / 3);
        -webkit-border-radius: 0;
        border-radius: 0;
        margin: 0;
        letter-spacing: normal;
    }

    .dormitory_ul li a {
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
        background-color: #93001c;
        background-repeat: no-repeat;
        background-size: 80%;
        background-position: center center;
        text-indent: -9999px;
        max-height: 200px;
        height: 0;
        padding-top: 100%;
        margin-top: -5px;
    }

    #all #content article .dormitory_ul li a:hover,
    .dormitory_ul li.current a {
        border: none;
        background-color: #c60026;
    }

    /*
	.no_top section ul.dormitory_ul > li.safety,
	.no_top section ul.dormitory_ul > li.community{
		width: 49.011111111%;
	}
	.dormitory_ul li.safety a,
	.dormitory_ul li.community a{
		padding-top: 70%;
	}
	*/
    .dormitory_ul li a img {
        display: none;
    }

    .dormitory_ul li.story a {
        background-image: url(../img/btn_dormitory00_sp.png);
    }

    .dormitory_ul li.life a {
        background-image: url(../img/btn_dormitory01_sp.png);
    }

    .dormitory_ul li.study a {
        background-image: url(../img/btn_dormitory02_sp.png);
    }

    .dormitory_ul li.dining a {
        background-image: url(../img/btn_dormitory03_sp.png);
    }

    .dormitory_ul li.safety a {
        background-image: url(../img/btn_dormitory04_sp.png);
    }

    .dormitory_ul li.community a {
        background-image: url(../img/btn_dormitory05_sp.png);
    }
}


/* index
/* ---------------------------------------------------- */
.dormitory_photo {
    margin-top: 10px;
}

.dormitory_photo strong {
    display: inline-block;
    margin-bottom: 10px;
}

.dormitory_index .quotation {
    margin-top: 35px;
}

.dormitory_facility {
    margin-top: 50px;
}

.dormitory_facility h5 {
    margin: 5px 0;
}

.dormitory_facility p {
    margin-bottom: 40px;
}

.no_top section ul.life_event {
    text-align: center;
    margin: 0;
}

.no_top section ul.life_event li {
    display: inline-block;
    width: 320px;
    margin: 20px 5px;
    padding: 0;
    vertical-align: top;
}

.no_top section ul.life_event>li:before {
    display: none;
}

ul.life_event li dl {
    text-align: left;
}

ul.life_event li dt {
    font-weight: bold;
    font-size: 18px;
}

ul.life_event li dt img {
    margin: 0 5px 7px 0;
}

ul.life_event li dt img,
ul.life_event li dt div {
    display: inline-block;
}

ul.life_event li dt div {
    width: 220px;
    line-height: 1em;
}

ul.life_event li dd {
    margin-right: 5px;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .dormitory_photo>div {
        margin: 10px 20px;
    }

    section .dormitory_photo img.right {
        margin-bottom: 0;
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .no_top section ul.life_event li {
        width: 310px;
        margin: 20px 0;
    }
}

@media only screen and (max-width: 660px) {
    .no_top section ul.life_event li {
        width: 100%;
    }
}


/* 02.STUDY
/* ---------------------------------------------------- */
.dormitory_study .pc_2col h4 {
    margin-top: 10px;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .dormitory_study .pc_2col {
        margin-top: 60px;
    }
}



/* 03.DINING
/* ---------------------------------------------------- */
.dormitory_dining .pc_2col h4 {
    margin-top: 10px;
}

.dining_photo {
    margin-top: 50px;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .dormitory_dining .pc_2col {
        margin-top: 60px;
    }
}


/* 04.SAFETY
/* ---------------------------------------------------- */
.img_border {
    border: 1px solid #ccc;
}


/* 05.COMMUNITY
/* ---------------------------------------------------- */

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .dormitory_community h4 {
        width: calc(100% - 470px);
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .dormitory_community h4 {
        margin: 0 0 10px;
    }

    .dormitory_community img.right {
        margin-top: 50px;
    }
}

/* --------------------------------------------------
	18. Access
-------------------------------------------------- */
body.access #main_img {
    background-image: url(../img/main_img_7.jpg);
}

body.access h2:after {
    content: url(../img/txt_h2_en_access.png);
}

.access #map {
    width: 100%;
    height: 350px;
    background: #979797
}

.access #map iframe {
    width: 100%;
    height: 350px;
}

.access figcaption {
    font-weight: bold;
    font-size: large;
}

.access figure {
    margin-bottom: 40px;
}


/* --------------------------------------------------
	19. Faq
-------------------------------------------------- */
body.faq #main_img {
    background-image: url(../img/main_img_8.jpg);
}

body.faq h2:after {
    content: url(../img/txt_h2_en_faq.png);
}

.faq h4 {
    line-height: 1.4em;
}

.faq h4:before {
    content: "Q. ";
    color: #1A8DCF;
}

/* --------------------------------------------------
	20. Request
-------------------------------------------------- */
body.request #main_img {
    background-image: url(../img/main_img_9.jpg);
}

body.request h2:after {
    content: url(../img/txt_h2_en_request.png);
}

.request .step {
    margin: 30px 0;
}

.request table th {
    width: 300px;
}

.request .hissu {
    width: 35px;
    height: 20px;
    background: url(../img/hissu.jpg) 0 center no-repeat;
    display: inline-block;
    margin-left: 10px;
    text-indent: -9999px;
}

.request .input_number {
    width: 5em;
}

.request .input_number[id="zipcode"] {
    width: 10em;
}

.request .input_text {
    width: 70%;
}

.request .input_name {
    width: 40%;
}

.request .input_mail,
.request .note {
    width: 95%;
}

.request .form_btn {
    display: block;
    padding-top: 20px;
    text-align: center;
}

.request .form_btn form {
    display: inline-block;
    margin: 10px;
}

.request .form_btn input {
    height: 40px;
    cursor: pointer;
}

.request .subtit {
    margin-bottom: 20px;
    display: block;
}

.request .home_btn {
    display: block;
    padding-top: 20px;
    text-align: center;
}

/* 入力エラー */
#form .err td {
    background: #F9D0D1;
}

#form .err .err_text {
    display: block;
    color: #93001C;
    margin-top: 5px;
}


/*sp*/
@media only screen and (max-width: 740px) {
    .request .basic_btn:hover {
        background: #333;
        color: #fff;
        transition: color 0.4s, background-color 0.4s;
    }

    .request .table table th,
    .request .table table td {
        width: 100%;
        display: block;
        min-height: 2.5em;
    }

    article .form_btn .basic_btn {
        min-width: 35%;
        padding: 0.5em 2em;
        max-width: 240px;
    }

    /*QuonNet 新規登録フォーム 後援会調整*/
    .request .table table td.kouenkai select {
        letter-spacing: -1px
    }

}


/* download
-------------------------------------------------- */
section.download h2:after {
    content: url(image/index/txt_h2_en_download.png);
}

section.download .download_list {
    display: flex;
    flex-wrap: wrap;
    padding: 40px 0;
    justify-content: center;
}

section.download .download_list>div {
    border: solid 1px #afafaf;
    margin: 0 1%;
    padding: 60px 70px;
    text-align: center;
    border-radius: 2px;
}

section.download .download_list>div>img {
    display: block;
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
}

section.download a.basic_btn[href$=".pdf"] {
    margin-top: 30px;
    line-height: 2.25em;
    opacity: 1 !important;
}

section.download a.basic_btn.dl_btn_hs[href$=".pdf"] {
    border-color: #93001c;
    color: #93001c;
}

section.download a.basic_btn.dl_btn_jhs[href$=".pdf"] {
    border-color: #0080ca;
    color: #0080ca;
}


section.download a.basic_btn[href$=".pdf"]:before {
    margin: -8px 0 0 0;
    height: 24px;
    width: 24px;
    background-image: url(../img/icon_pdf.png);
    background-size: 70%;
}

section.download a.basic_btn[href$=".pdf"]:after {
    margin: -8px 0 0 0;
    height: 24px;
    width: 24px;
    background-image: url(../img/icon_pdf.png);
    background-size: 70%;
}

section.download>.focus p:first-of-type {
    color: #0080ca;
    font-weight: bold;
}

section.download a[target="_blank"]:after {
    margin: 0;
    height: 9px;
    width: 20px;
    background-image: url(../img/icon_link_outside.png);
}

section.download a.basic_btn.dl_btn_hs[href$=".pdf"]:hover {
    background-color: #93001c;
    color: #fff;
}

section.download a.basic_btn.dl_btn_jhs[href$=".pdf"]:hover {
    background-color: #0080ca;
    color: #fff;
}



/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    section.download>.focus {
        width: 75%;
        margin: 0 auto;
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    section.download .download_list>div {
        width: 100%;
        margin-bottom: 20px;
    }

    section.download .download_list>div {
        padding: 60px 20px;
    }
}


/* --------------------------------------------------
	21. Other
-------------------------------------------------- */
/*donation*/
body.donation #main_img {
    background-image: url(../img/main_img_donation.jpg);
}

body.donation h2:after {
    content: url(../img/txt_h2_en_donation.png);
}


/*privacy*/
body.privacy #main_img {
    background-image: url(../img/main_img_privacy.jpg);
}

body.privacy h2:after {
    content: url(../img/txt_h2_en_privacy.png);
}


/* search
/* ---------------------------------------------------- */
body.search_result #main_img {
    background-image: url(../img/main_img_search.jpg);
}

body.search_result h2:after {
    content: url(../img/txt_h2_en_search.png);
}

section.search_result .inner *,
section.search_result .inner *:before,
section.search_result .inner *:after {
    box-sizing: content-box;
}

article section.search_result table,
article section.search_result table th,
article section.search_result table td {
    border: none;
}

article section.search_result table {
    margin: auto;
}

.no_top section.search_result a[target="_blank"]:after {
    display: none;
}

.gcsc-branding-img-noclear {
    vertical-align: middle !important;
}

.gs-title {
    height: auto !important;
}


/* recruit
/* ---------------------------------------------------- */
body.recruit #main_img {
    background-image: url(../img/main_img_recruit.jpg);
}

body.recruit h2:after {
    content: url(../img/txt_h2_en_recruit.png);
}

/* sitemap
/* ---------------------------------------------------- */
body.sitemap #main_img {
    background-image: url(../img/main_img_sitemap.jpg);
}

body.sitemap h2:after {
    content: url(../img/txt_h2_en_sitemap.png);
}

.sitemap .pc_4col>div {
    width: 23%;
    margin-right: 2.2%;
    margin-bottom: 30px;
    display: inline-block;
    vertical-align: top;
}

.sitemap .pc_4col>div:nth-child(4n) {
    margin-right: 0;
}

/*SP*/
@media only screen and (max-width: 740px) {
    .sitemap .pc_4col>div {
        width: 100%;
        margin-right: 0;
    }
}



/* --------------------------------------------------
	22. Student
-------------------------------------------------- */
body.student #main_img {
    background-image: url(../img/main_img_10.jpg);
}

body.student h2:after {
    content: url(../img/txt_h2_en_student.png);
}

.domain {
    margin-top: 70px;
    border-radius: 10px;
}

.domain>div {
    text-align: center;
}

article .domain h4 {
    display: inline-block;
    margin-top: 0;
    padding: 0 15px 5px;
    color: #92001c;
}

article div.focus.domain>ul {
    margin-top: 15px;
}



/* --------------------------------------------------
	23. Graduate
-------------------------------------------------- */
body.graduate #main_img {
    background-image: url(../img/main_img_11.jpg);
}

body.graduate h2:after {
    content: url(../img/txt_h2_en_graduate.png);
}


/* index （ブルーメニュー共通）
/* ---------------------------------------------------- */
.no_top section.second_link ul {
    width: 100%;
    text-align: left;
    margin: 40px 0 0;
    padding: 0 3.5%;
}

.no_top section.second_link ul>li {
    padding-left: 0;
    display: inline-block;
    width: 300px;
    margin: 7.5px;
    background-color: #fff;
    vertical-align: top;
    text-align: left;
}

.no_top section.second_link ul>li:before {
    display: none;
}

.second_link ul li a {
    display: block;
    min-height: 315px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}

.second_link ul li a img {
    display: block;
    max-width: 100%;
}

.second_link ul li strong,
.second_link ul li span {
    display: block;
    padding: 0 15px;
}

.second_link ul li strong {
    border-top: 4px solid #93001c;
    font-size: 18px;
    padding: 15px 15px 0 15px;
    line-height: 1.4;
}

.second_link ul li a[target="_blank"] strong:after {
    content: url("../img/icon_link_outside.png");
    margin-left: 7px;
}

.second_link ul li span {
    font-size: 12px;
    color: #7f7f7f;
    padding: 0 15px 15px 15px;
    word-break: normal;
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .no_top section.second_link ul {
        margin: 0;
        padding: 0 4.5%;
    }

    .no_top section.second_link ul>li {
        width: 48%;
        max-width: 300px;
        margin: 1% 0.5%;
    }

    .second_link ul li a {
        min-height: 270px;
        min-height: 100%;
    }

    .second_link ul li a strong {
        min-height: 5.5em;
        font-size: 16px;
    }

    .second_link ul li span {
        display: none;
    }
}


/* 退任された先生方
/* ---------------------------------------------------- */
.graduate_retirement .both_3col a {
    display: table-cell;
    background: #ccc;
    width: 300px;
    height: 150px;
    color: #fff;
    font-weight: bold;
    font-size: 35px;
    letter-spacing: 0.1em;
    text-indent: 0.2em;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .no_top section.graduate_retirement .both_3col a[href$=".pdf"]::after {
        background-size: auto;
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .graduate_retirement .both_3col a {
        font-size: 20px;
        line-height: 1.2em;
        height: 100px;
    }
}


/* --------------------------------------------------
	24. examination
-------------------------------------------------- */
body.examination #main_img {
    background-image: url(../img/main_img_12.jpg);
}

body.examination h2:after {
    content: url(../img/txt_h2_en_examination.png);
}


/* 大学合格実績
/* ---------------------------------------------------- */
.no_top section ol.non_style.guidance_flow {
    margin: 30px 0;
}

.no_top section ol.non_style.guidance_flow li {
    padding: 15px;
}

.guidance_flow li {
    background: #fff;
}

.guidance_flow li:first-child,
.guidance_flow li:last-child {
    background: #92001c;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.guidance_flow li:last-child:before,
.guidance_flow li:last-child:after {
    display: none;
}

.guidance_flow dt {
    font-weight: bold;
    font-size: 140%;
    letter-spacing: 0.2em;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .guidance_flow li {
        display: inline-block;
        width: 24.9%;
        height: 280px;
        margin-right: 25px;
        vertical-align: top;
    }

    .guidance_flow li:first-child,
    .guidance_flow li:last-child {
        width: 7%;
    }

    .guidance_flow li:last-child {
        margin-right: 0;
    }

    /* 吹き出し */
    .guidance_flow li {
        position: relative;
        border: 1px solid #92001c;
    }

    .guidance_flow li:after,
    .guidance_flow li:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .guidance_flow li:after {
        border-color: rgba(146, 0, 28, 0);
        border-left-color: #92001c;
        border-width: 20px;
        margin-top: -20px;
    }

    .guidance_flow li:before {
        border-color: rgba(146, 0, 28, 0);
        border-left-color: #92001c;
        border-width: 21px;
        margin-top: -21px;
    }
}

/**  SP ************************/
@media only screen and (max-width: 740px) {
    .guidance_flow li {
        width: 100%;
        margin-bottom: 30px;
    }

    .guidance_flow li:first-child,
    .guidance_flow li:last-child {
        text-indent: 0.7em;
        letter-spacing: 0.7em;
    }

    .guidance_flow li:last-child {
        margin-bottom: 0;
    }

    /* 吹き出し */
    .guidance_flow li {
        position: relative;
        border: 1px solid #92001c;
    }

    .guidance_flow li:after,
    .guidance_flow li:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .guidance_flow li:after {
        border-color: rgba(146, 0, 28, 0);
        border-top-color: #92001c;
        border-width: 20px;
        margin-left: -20px;
    }

    .guidance_flow li:before {
        border-color: rgba(146, 0, 28, 0);
        border-top-color: #92001c;
        border-width: 21px;
        margin-left: -21px;
    }
}


.dl_3box {
    text-align: center;
}

.dl_3box dl {
    border: 1px solid #93001C;
    margin: 1%;
    text-align: left;
    vertical-align: top;
}

.dl_3box dl dt {
    background-color: #93001C;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 130%;
}

.dl_3box dl dd {
    margin: 10px;
}


.tb_result th+th {
    width: 22%;
}

.tb_result tr:last-child th {
    background-color: #ddd;
}

/* PCのみ
--------------------------- */
@media all and (min-width: 741px) {
    .dl_3box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .dl_3box dl {
        display: inline-block;
        width: 31.3%;
    }
}