@import url(normalize.css);
@import url(reset.css);
@import url(hack.css);
.Header {
    padding: 0;
    position: relative;
    border-bottom: solid 1px #4F9CE9;
    width: 100%;
    margin-bottom: 20px
}

.Header:before {
    content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #4F9CE9;
    bottom: -3px;
    left: 0;
    z-index: 999
}

.Header--Logo {
    float: left;
    width: 80px;
    height: 35px;
    margin-top: 25px
}

.Header--Logo a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 80px;
    height: 35px;
    background: url("../Images/All/Logo.png")
}

#Main {
    width: px
}

#Contents {
    width: px
}

.Nav--Global {
    float: right;
    line-height: 35px
}

@media (max-width: 824px) {
    .Nav--Global {
        width: 100%;
        clear: both;
        text-align: center
    }
	.Header--Logo {
		float: none;
		margin: 15px auto;
	}
}

.Nav--Global .Item {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    padding: 0 15px;
    position: relative
}

.Nav--Global .Item a,
.Nav--Global .Item span {
    display: block;
    padding: 25px 0;
    position: relative
}

.Nav--Global .Item a:hover,
.Nav--Global .Item span:hover {
    color: #F5D900
}

.Nav--Global .Item a:hover:before,
.Nav--Global .Item span:hover:before {
    content: ' ';
    width: 100%;
    height: 3px;
    background: #F5D900;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 824px) {
    .Nav--Global .Item a,
    .Nav--Global .Item span {
        padding: 5px
    }
    .Nav--Global .Item a:hover:before,
    .Nav--Global .Item span:hover:before {
        display: none
    }
}

@media screen and (max-width:640px) {
.link-type01 {
	display: flex;
	justify-content: center;
	gap:15px;
}
}

.Nav--Global .Item div {
    position: absolute;
    bottom: 5px;
    width: 100%;
    left: 0;
    line-height: 1;
    color: #990000;
    font-size: 0.7rem;
    text-align: center
}

@media (max-width: 824px) {
    .Nav--Global .Item div {
        position: relative;
        font-size: 0.6rem
    }
}

.Nav--Global .Item:last-child {
    padding-right: 0
}

.Footer {
    margin-top: 30px;
    width: 100%;
    background: #57B4EC;
    color: #ffffff;
    text-align: center;
    padding-top: 30px
}

.Footer .Copyright {
    color: #96d6f4;
    font-size: 0.825em;
    padding: 20px 0 20px;
    background: url("../Images/All/Footer--Logo.png") no-repeat top center
}

.MainImages {
    width: 1000px;
    height: 380px;
    margin: 20px auto 30px;
    position: relative
}

.MainImages .Item a {
    display: block
}

@media (max-width: 1000px) {
    .MainImages {
        width: 100%;
        height: auto
    }
    .MainImages img {
        height: auto;
        width: 100%
    }
}

.MainImages .slick-prev {
    width: 30px;
    height: 30px;
    background: url("../Images/TopPage/Prev.png");
    left: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    z-index: 999
}

.MainImages .slick-prev:hover,
.MainImages .slick-prev:focus {
    background: url("../Images/TopPage/Prev.png")
}

.MainImages .slick-next {
    width: 30px;
    height: 30px;
    background: url("../Images/TopPage/Next.png");
    right: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    z-index: 999
}

.MainImages .slick-next:hover,
.MainImages .slick-next:focus {
    background: url("../Images/TopPage/Next.png")
}

.MainImages .slick-dots {
    bottom: 0;
    top: -20px;
    text-align: left;
    height: 10px !important
}

.MainImages .slick-dots li {
    width: auto;
    height: auto;
    width: 8px;
    height: 8px;
    background: #F5D900;
    margin-right: 3px
}

.MainImages .slick-dots .slick-active {
    background: #4F9CE9
}

.MainImages .slick-dots button {
    width: 8px;
    height: 8px;
    padding: 0
}

.MainImages .slick-dots button::before {
    content: ' ';
    width: 8px;
    height: 8px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    position: relative
}

.TopPage--Nav {
    margin-bottom: 30px
}
.TopPage--Nav .Item a, .TopPage--Nav .Item span,
.TopPage--Nav .Item {
    width: 180px;
    height: 180px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin-right: 25px;
    position: relative;
    z-index: auto
}

.TopPage--Nav .Item::after {
    content: ' ';
    width: 10px;
    height: 10px;
    background: #4F9CE9;
    position: absolute;
    bottom: 22px;
    right: 21px;
    z-index: -1
}



.TopPage--Nav .Item:hover::after {
    background: #F5D900
}

.TopPage--Nav .Item:last-child {
    margin-right: 0
}

.TopPage--Nav .Item a,
.TopPage--Nav .Item span {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 180px;
    height: 180px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    background: url(../Images/TopPage/Nav.png) no-repeat;
    border: solid 1px #4E99E9
}

.TopPage--Nav .Item a:hover,
.TopPage--Nav .Item span:hover {
    border: solid 1px #F5D900
}


    .TopPage--Nav .Nav1 a,
    .TopPage--Nav .Nav1 span {
        background: url(../Images/TopPage/Nav/Nav1.png) no-repeat center
    }
    .TopPage--Nav .Nav1 a:hover,
    .TopPage--Nav .Nav1 span:hover {
        background: url(../Images/TopPage/Nav/Nav1_hover.png) no-repeat center
    }
    .TopPage--Nav .Nav2 a,
    .TopPage--Nav .Nav2 span {
        background: url(../Images/TopPage/Nav/Nav2.png) no-repeat center
    }
    .TopPage--Nav .Nav2 a:hover,
    .TopPage--Nav .Nav2 span:hover {
        background: url(../Images/TopPage/Nav/Nav2_hover.png) no-repeat center
    }
    .TopPage--Nav .Nav3 a,
    .TopPage--Nav .Nav3 span {
        background: url(../Images/TopPage/Nav/Nav3.png) no-repeat center
    }
    .TopPage--Nav .Nav3 a:hover,
    .TopPage--Nav .Nav3 span:hover {
        background: url(../Images/TopPage/Nav/Nav3_hover.png) no-repeat center
    }
    .TopPage--Nav .Nav4 a,
    .TopPage--Nav .Nav4 span {
        background: url(../Images/TopPage/Nav/Nav4.png) no-repeat center
    }
    .TopPage--Nav .Nav4 a:hover,
    .TopPage--Nav .Nav4 span:hover {
        background: url(../Images/TopPage/Nav/Nav4_hover.png) no-repeat center
    }
    .TopPage--Nav .Nav5 a,
    .TopPage--Nav .Nav5 span {
        background: url(../Images/TopPage/Nav/Nav5.png) no-repeat center
    }
    .TopPage--Nav .Nav5 a:hover,
    .TopPage--Nav .Nav5 span:hover {
        background: url(../Images/TopPage/Nav/Nav5_hover.png) no-repeat center
    }
    .TopPage--Nav .Nav6 a,
    .TopPage--Nav .Nav6 span {
        background: url(../Images/TopPage/Nav/Nav6.png) no-repeat center
    }
    .TopPage--Nav .Nav6 a:hover,
    .TopPage--Nav .Nav6 span:hover {
        background: url(../Images/TopPage/Nav/Nav6_hover.png) no-repeat center
    }
    .TopPage--Nav .Nav7 a,
    .TopPage--Nav .Nav7 span {
        background: url(../Images/TopPage/Nav/Nav7.png) no-repeat center
    }
    .TopPage--Nav .Nav7 a:hover,
    .TopPage--Nav .Nav7 span:hover {
        background: url(../Images/TopPage/Nav/Nav7_hover.png) no-repeat center
    }
    .TopPage--Nav .Finish a,
    .TopPage--Nav .Finish span {
        background: url(../Images/TopPage/Nav/Nav2Finish.png) no-repeat center
    }
    .TopPage--Nav .Finish a:hover,
    .TopPage--Nav .Finish span:hover {
        background: url(../Images/TopPage/Nav/Nav2Finish_hover.png) no-repeat center
    }

.TopPage--Nav .Nav2.Finish a,
.TopPage--Nav .Nav2.Finish span {
    background-position: 0 -540px
}

.TopPage--Nav .Nav2.Finish a:hover,
.TopPage--Nav .Nav2.Finish span:hover {
    background-position: 0 -720px
}

.TopPage--Nav .Nav6.Finish a,
.TopPage--Nav .Nav6.Finish span {
    background-position: 0 -2340px
}

.TopPage--Nav .Nav6.Finish a:hover,
.TopPage--Nav .Nav6.Finish span:hover {
    background-position: 0 -2520px
}

@media (max-width: 1000px) {
    .TopPage--Nav .Item {
        width: 20%;
        padding: 0 10px;
        margin-right: 0;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
   .TopPage--Nav .Nav1:after {
        display: none
    } 
	    .TopPage--Nav .Item:after {
        display: none
    }
}

@media (max-width: 900px) {
    .TopPage--Nav .Item a,
    .TopPage--Nav .Item span {
        background-size: cover
    }
    .TopPage--Nav .Item a:hover,
    .TopPage--Nav .Item span:hover {
        background-size: cover
    }
}

@media (max-width: 900px) {
    .TopPage--Nav {
        border-top: solid 1px #4F9CE9
    }
    .TopPage--Nav .Item {
        border-bottom: solid 1px #4F9CE9;
        border-right: solid 1px #4F9CE9;
        width: 33%;
        height: 120px;
        margin-right: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .TopPage--Nav .Item a,
    .TopPage--Nav .Item span {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-size: contain;
        width: 100%;
        height: 100%;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        border: none
    }
    .TopPage--Nav .Item a:hover,
    .TopPage--Nav .Item span:hover {
        border: none;
        background-color: #F5D900;
        background-size: contain
    }
    .TopPage--Nav .Item:nth-child(3n) {
        width: 34%;
        border-right: none
    }
}

.TopPage--News {
    border-top: solid 1px #000000;
    padding: 20px 0
}

@media (max-width: 1000px) {
    .TopPage--News {
        padding: 20px 15px
    }
}

.TopPage--News__Title {
    font-size: 1.5em;
    padding: 25px 15px;
    line-height: 1.1;
    float: left
}

.TopPage--News__Log {
    float: right;
    font-weight: 700;
    margin-top: 20px
}

.TopPage--News__Log a {
    background: #F5D402;
    padding: 10px 20px;
    display: block
}

.TopPage--News__List {
    border-bottom: solid 1px #E5E5E5;
    border-top: solid 1px #E5E5E5
}

.TopPage--News__Item {
    float: left;
    padding: 20px;
    width: 500px;
    display: table;
    line-height: 1.1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1000px) {
    .TopPage--News__Item {
        width: 100%;
        float: none
    }
}

.TopPage--News__Item:before {
    display: table-cell;
    font-family: 'fontawesome';
    content: '\f054';
    color: #4F9CE9;
    margin-right: 10px;
    width: 1.5em;
    vertical-align: middle
}

.TopPage--News__Item a {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px
}

.TopPage--News__Item span {
    text-align: center;
    width: 7em;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    color: #ffffff
}

.TopPage--News__Item span:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 2em;
    background: #AAAAAA;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: -1
}

.SubTitle--Type1 {
    margin-bottom: 50px;
    text-align: left
}

.SubTitle--Type1 span {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    position: relative;
    border-bottom: solid 5px #57B4EC;
    padding-bottom: 3px;
    line-height: 1.2;
    font-size: 1.4em;
    font-size: 1.8em
}

.disabled {
    pointer-events: none
}

.PageBack {
    text-align: center;
    margin-top: 20px;
    padding-top: 19px;
    border-top: solid 1px #CCCCCC
}

.PageBack a {
    color: #449900;
    text-decoration: underline
}

.PageBack a:hover {
    color: #ff3333
}

.ButtonType01 a {
    color: #ffffff;
    padding: 5px 15px;
    border: 1px solid #3e8dc9;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlOGRjOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNjhiNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e8dc9), color-stop(100%, #0068b7));
    background: -moz-linear-gradient(top, #3e8dc9, #0068b7);
    background: -webkit-linear-gradient(top, #3e8dc9, #0068b7);
    background: linear-gradient(to bottom, #3e8dc9, #0068b7);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    font-size: 0.9em;
    position: relative
}

.ButtonType01 a:hover {
    border: 1px solid #c9833e;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ODMzZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4NWMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9833e), color-stop(100%, #b85c00));
    background: -moz-linear-gradient(top, #c9833e, #b85c00);
    background: -webkit-linear-gradient(top, #c9833e, #b85c00);
    background: linear-gradient(to bottom, #c9833e, #b85c00)
}

.InPage--PageTitle {
    text-align: center;
    padding: 30px 0;
    color: #ffffff;
    font-size: 2em;
    background: #57B4EC;
    line-height: 1.1;
    margin-bottom: 100px;
    position: relative
}

.InPage--SubNav {
    font-weight: 300;
    border: solid 3px #57B4EC;
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    text-align: center;
    z-index: 999;
    position: relative;
    width: 1000px;
    margin: -120px auto 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1000px) {
    .InPage--SubNav {
        width: 100%
    }
}

.InPage--SubNav:before {
    content: ' ';
    border: 10px solid transparent;
    border-bottom-color: #ffffff;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px
}

.InPage--SubNav .Item {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    padding: 0 15px
}

.InPage--SubNav .Item a {
    display: block;
    border-bottom: solid 3px #57B4EC;
    padding-bottom: 5px
}

.InPage--SubNav .Item a:hover {
    color: #ED7DAE;
    border-bottom-color: #ED7DAE
}

.InPage--Introduction {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width: 640px) {
    .InPage--Introduction {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.InPage--Introduction__Item {
    width: 48%;
    clear: both;
    margin-bottom: 50px
}

@media (max-width: 640px) {
    .InPage--Introduction__Item {
        width: 100%
    }
}

.InPage--Introduction__Item a {
    display: block;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    -pie-transition: 0.5s all
}

.InPage--Introduction__Item a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: .75
}

.InPage--Introduction__Item .Photo {
    width: 100%;
    height: 280px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.InPage--Introduction__Item .Box {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-top: -25px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1.25
}

.InPage--Introduction__Item .Name {
    background: rgba(12, 151, 237, 0.9);
    color: #ffffff;
    position: relative;
    padding: 25px;
    width: 50%;
    min-width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media (max-width: 640px) {
    .InPage--Introduction__Item .Name {
        width: 90%
    }
}

.InPage--Introduction__Item .Name:before {
    content: ' ';
    border: 5px solid transparent;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
    position: absolute;
    right: 5px;
    bottom: 5px
}

.InPage--Introduction__Item .Name:after {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #ffffff;
    bottom: 5px;
    right: 5px;
    z-index: 0
}

.InPage--Introduction__Item .Number {
    font-size: 5rem;
    line-height: 1;
    color: #0c97ed;
    padding-right: 50px;
    position: relative
}

@media (max-width: 640px) {
    .InPage--Introduction__Item .Number {
        display: none
    }
}

.InPage--Introduction__Item .Number:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #0c97ed;
    bottom: 5px;
    left: 0;
    z-index: 9
}

.InPage--Introduction__Item .Title {
    color: #e8ea41;
    font-weight: 700;
    font-size: 1.25rem
}

.InPage--Introduction__Title {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: url(../Images/InPage/Background/Introduction.jpg) no-repeat center;
    background-size: cover;
    padding: 40px 0;
    margin-bottom: 50px
}

.InPage--Introduction__Title .Wrap {
    position: relative;
    background: rgba(255, 255, 255, 0.7);

    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 640px) {
    .InPage--Introduction__Title .Wrap {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.InPage--Introduction__Title .Photo {
    width: 620px;
    height: 300px;
    overflow: hidden
}

@media (max-width: 1000px) {
    .InPage--Introduction__Title .Photo {
        width: 100%;
        height: auto
    }
}

.InPage--Introduction__Title .Photo img {
    width: 100%
}

.InPage--Introduction__Title .Box {
    background: #ffffff;
    width: 380px;
    margin-left: -40px;
    color: #57B4EC;
    -moz-box-shadow: 10px 10px 0 #57B4EC;
    -webkit-box-shadow: 10px 10px 0 #57B4EC;
    box-shadow: 10px 10px 0 #57B4EC;
    padding: 50px 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media (max-width: 1000px) {
    .InPage--Introduction__Title .Box {
        padding: 50px
    }
}

@media (max-width: 640px) {
    .InPage--Introduction__Title .Box {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
        margin-top: -40px;
        padding: 20px
    }
}

.InPage--Introduction__Title .Box:before {
    content: ' ';
    width: 100%;
    height: 1px;
    background: #57B4EC;
    position: absolute;
    top: 10px;
    left: 10px
}

.InPage--Introduction__Title .Box:after {
    content: ' ';
    height: 100%;
    width: 1px;
    background: #57B4EC;
    position: absolute;
    top: 10px;
    left: 10px
}

.InPage--Introduction__Title .Box-Affiliation {
    margin-bottom: 5px;
    line-height: 1.1
}

.InPage--Introduction__Title .Box-Name {
    font-family: 'フォーク M', 'Folk Medium';
    font-size: 2em;
    line-height: 1.1
}

@media (max-width: 640px) {
    .InPage--Introduction__Title .Box-Name {
        font-size: 1.5em
    }
}

.InPage--Introduction__Title .Box-English {
    font-family: 'フォーク M', 'Folk Medium';
    font-size: 1.2em;
    line-height: 1.1
}

@media (max-width: 640px) {
    .InPage--Introduction__Title .Box-English {
        font-size: 1em
    }
}

.InPage--Introduction__Tab {
    text-align: center;
    border: solid 2px #57B4EC;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin-bottom: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 800px) {
    .InPage--Introduction__Tab {
        width: 100%
    }
}

.InPage--Introduction__Tab .Item {
    font-size: 1.25em;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    position: relative
}

@media (max-width: 800px) {
    .InPage--Introduction__Tab .Item {
        display: block;
        width: 100%
    }
}

.InPage--Introduction__Tab .Item span {
    display: block;
    font-size: 0.825em;
    font-family: 'フォーク M', 'Folk Medium'
}

.InPage--Introduction__Tab .Item a {
    display: block;
    padding: 20px;
    width: 20em;
    color: #333333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 800px) {
    .InPage--Introduction__Tab .Item a {
        width: 100%
    }
}

.InPage--Introduction__Tab .ui-tabs-active {
    background: #57B4EC;
    color: #ffffff;
    position: relative
}

.InPage--Introduction__Tab .ui-tabs-active a {
    color: #ffffff
}

.InPage--Introduction__Tab .ui-tabs-active:after {
    content: ' ';
    border: 10px solid transparent;
    border-top-color: #57B4EC;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px
}

@media (max-width: 800px) {
    .InPage--Introduction__Tab .ui-tabs-active:after {
        display: none
    }
}

.InPage--Introduction__Box {
    clear: both;
    margin-bottom: 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 640px) {
    .InPage--Introduction__Box {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.InPage--Introduction__Box:nth-child(2n) {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width: 640px) {
    .InPage--Introduction__Box:nth-child(2n) {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.InPage--Introduction__Box:nth-child(2n) .InPage--Introduction__Question {
    margin-left: 0;
    margin-right: -20px
}

.InPage--Introduction__Photo {
    width: 50%;
    min-width: 50%;
    line-height: 0
}

.InPage--Introduction__Photo img {
    width: 100%;
    height: auto
}

@media (max-width: 640px) {
    .InPage--Introduction__Photo {
        width: 100%
    }
}

.InPage--Introduction__Question {
    background: #ffffff;
    width: 47%;
    min-width: 47%
}

@media (max-width: 640px) {
    .InPage--Introduction__Question {
        width: 100%
    }
}

.PhotoNone .InPage--Introduction__Question {
    margin: 0;
    width: 100%
}

.InPage--Introduction__Question.PhotoNone {
    margin: 0;
    width: 100%
}

.InPage--Introduction__Question .Title {
    padding: 10px 50px;
    color: #57B4EC;
    text-decoration: underline;
    line-height: 1.2;
    font-size: 1.4em;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.InPage--Introduction__Question .Title:before {
    content: ' ';
    width: 50px;
    min-width: 50px;
    height: 48px;
    background: url("../Images/InPage/Tokimaru.png");
    margin-right: 10px
}

@media (max-width: 640px) {
    .InPage--Introduction__Question .Title {
        padding: 10px
    }
}

.InPage--Introduction__Question .Body {
    padding: 50px;
    background: #f0f0f0
}

@media (max-width: 640px) {
    .InPage--Introduction__Question {
        margin: 0 !important
    }
}

.InPage--Introduction__Pager {
    width: 1000px;
    margin: 80px auto 0;
    text-align: center
}

@media (max-width: 1000px) {
    .InPage--Introduction__Pager {
        width: 100%
    }
}

.InPage--Introduction__Pager .Title {
    text-align: center;
    margin-bottom: 20px;
    position: relative;
    z-index: auto
}

.InPage--Introduction__Pager .Title:after {
    content: ' ';
    width: 100%;
    height: 1px;
    background: #57B4EC;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: -1
}

.InPage--Introduction__Pager .Title p {
    line-height: 1;
    font-size: 1.5em;
    padding: 10px 20px;
    background: #57B4EC;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    color: #ffffff
}

.InPage--Introduction__Pager .Item {
    width: 136px;
    height: 136px;
    display: table;
    background: #DCDCDC;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    margin-right: 8px;
    padding: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.InPage--Introduction__Pager .Item:last-child {
    margin-right: 0
}

@media (max-width: 1000px) {
    .InPage--Introduction__Pager .Item {
        margin-bottom: 8px;
        float: none;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        *display: inline;
        text-align: center
    }
}

.InPage--Introduction__Pager .Item a {
    width: 124px;
    height: 124px;
    background: #ffffff;
    display: table-cell;
    vertical-align: middle;
    color: #57B4EC;
    line-height: 1.2;
    font-weight: 700;
    font-size: 0.925em;
    position: relative
}

.InPage--Introduction__Pager .Item a span {
    margin-top: 5px;
    font-size: 1.35em;
    display: block
}

.InPage--Introduction__Pager .Item a:after {
    content: ' ';
    border: 5px solid transparent;
    border-bottom-color: #DCDCDC;
    border-right-color: #DCDCDC;
    position: absolute;
    bottom: 0;
    right: 0
}

.InPage--Introduction__TimeSchedule {
    width: 100%;
    display: -webkit-flex;
    display: flex
}

@media (max-width: 640px) {
    .InPage--Introduction__TimeSchedule {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.InPage--Introduction__TimeSchedule .Time {
    width: 6rem;
    min-width: 6rem;
    margin-right: 50px;
    position: relative;
    color: #02b4ec
}

.InPage--Introduction__TimeSchedule .Time span {
    display: block;
    width: 100%;
    height: 6rem;
    text-align: center;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 6rem;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #d4f4fe;
    margin-top: -1.5rem;
    border: solid 10px #02b4ec
}

.InPage--Introduction__TimeSchedule .Time:before {
    content: ' ';
    display: block;
    width: 1px;
    background: #02b4ec;
    height: 100%;
    left: 50%;
    margin-left: 10px;
    top: 0;
    z-index: -1;
    position: absolute
}

.InPage--Introduction__TimeSchedule .Comment {
    padding-top: 10px;
    padding-bottom: 50px;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

@media (max-width: 640px) {
    .InPage--Introduction__TimeSchedule .Comment {
        border-bottom: solid 1px #02b4ec;
        padding-bottom: 25px;
        margin-bottom: 50px
    }
}

.InPage--Introduction__TimeSchedule .Comment h3 {
    font-size: 1.15em;
    font-weight: 700;
    margin-bottom: 10px;
    color: #02b4ec;
    position: relative
}

.InPage--Introduction__TimeSchedule .Comment h3:before {
    content: ' ';
    width: 100%;
    height: 1px;
    background: #02b4ec;
    left: 0;
    top: 50%;
    position: absolute;
    z-index: -1
}

.InPage--Introduction__TimeSchedule .Comment h3 span {
    padding-right: 50px;
    background: #ffffff;
    position: relative;
    z-index: 0;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline
}

.InPage--Introduction__TimeSchedule .Comment p {
    margin-bottom: 2.5em
}

@media (max-width: 640px) {
    .InPage--Introduction__TimeSchedule .Comment img {
        width: 100%
    }
    .InPage--Introduction__TimeSchedule .Comment .Mg20Left {
        margin-left: 0
    }
}

.InPage--Introduction__TimeSchedule:last-child .Time:before {
    display: none
}

.InPage--Introduction__TimeSchedule:last-child .Comment {
    border-bottom: none
}

.InPage--Introduction__TimeSchedule:last-child .Comment:last-child p {
    margin-bottom: 0
}

.InPage--Interview__List {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 640px) {
    .InPage--Interview__List {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.InPage--Interview__Item {
    margin-bottom: 50px;
    width: 48%
}

@media (max-width: 640px) {
    .InPage--Interview__Item {
        width: 100%
    }
}

.InPage--Interview__Item a {
    width: 100%
}

.InPage--Interview__Item .Photo {
    width: 100%;
    min-width: 100%
}

.InPage--Interview__Item .Photo img {
    width: 100%
}

.InPage--Interview__Item .Number {
    font-size: 5rem;
    margin-top: -100px
}

.InPage--Interview__Item .Name {
    line-height: 1.25;
    color: #57b4ec;
    width: 80%;
    min-width: 80%;
    margin: -100px 10% 0;
    padding: 50px;
    background: rgba(0, 0, 0, 0.75);
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.InPage--Interview__Item .Name:after {
    content: ' ';
    position: absolute;
    right: 5px;
    bottom: 5px;
    border: 10px solid transparent;
    border-bottom-color: #57b4ec;
    border-right-color: #57b4ec;
    position: absolute
}

.InPage--Interview__Item .Title {
    font-size: 1.3rem
}

.InPage--Interview__Item .Title span {
    display: block;
    font-size: 1rem;
    margin-top: 0.5rem
}

.InPage--Interview__Item .SubTitle {
    font-size: 1.5rem;
    color: #d7d7d7
}

@media (max-width: 640px) {
    .InPage--Interview__Item .Photo,
    .InPage--Interview__Item .Name {
        width: 100%
    }
    .InPage--Interview__Item .Name {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: -50px;
        padding: 50px
    }
}

@media (max-width: 400px) {
    .InPage--Interview__Item .Name {
        padding: 20px
    }
}

.InPage--Interview__Title {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: url(../Images/InPage/Background/Interview.jpg) no-repeat center;
    background-size: cover;
    padding: 40px 0;
    margin-bottom: 50px
}

.InPage--Interview__Title .Wrap {
    position: relative;
    background: rgba(255, 255, 255, 0.7);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

@media (max-width: 640px) {
    .InPage--Interview__Title .Wrap {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.InPage--Interview__Title .Photo {
    width: 620px;
    height: 300px;
    overflow: hidden
}

@media (max-width: 1000px) {
    .InPage--Interview__Title .Photo {
        width: 100%;
        height: auto
    }
}

.InPage--Interview__Title .Photo img {
    width: 100%
}

.InPage--Interview__Title .Box {
    background: #57B4EC;
    width: 380px;
    margin-left: -40px;
    color: #ffffff;
    -moz-box-shadow: 10px 10px 0 #fff;
    -webkit-box-shadow: 10px 10px 0 #fff;
    box-shadow: 10px 10px 0 #fff;
    padding: 50px 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

@media (max-width: 1000px) {
    .InPage--Interview__Title .Box {
        padding: 50px
    }
}

@media (max-width: 640px) {
    .InPage--Interview__Title .Box {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
        margin-top: -40px;
        padding: 20px
    }
}

.InPage--Interview__Title .Box:before {
    content: ' ';
    width: 100%;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 10px;
    left: 10px
}

.InPage--Interview__Title .Box:after {
    content: ' ';
    height: 100%;
    width: 1px;
    background: #ffffff;
    position: absolute;
    top: 10px;
    left: 10px
}

.InPage--Interview__Title .Box-Affiliation {
    margin-bottom: 5px;
    line-height: 1.1
}

.InPage--Interview__Title .Box-Name {
    font-family: 'フォーク M', 'Folk Medium';
    font-size: 2em;
    line-height: 1.1
}

@media (max-width: 640px) {
    .InPage--Interview__Title .Box-Name {
        font-size: 1.5em
    }
}

.InPage--Interview__Title .Box-English {
    font-family: 'フォーク M', 'Folk Medium';
    font-size: 1.2em;
    line-height: 1.1
}

@media (max-width: 640px) {
    .InPage--Interview__Title .Box-English {
        font-size: 1em
    }
}

.InPage--News__List {
    border-top: solid 1px #E5E5E5
}

.InPage--News__Item {
    padding: 20px;
    width: 100%;
    display: table;
    line-height: 1.1;
    border-bottom: solid 1px #E5E5E5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1000px) {
    .InPage--News__Item {
        width: 100%;
        float: none
    }
}

.InPage--News__Item:before {
    display: table-cell;
    font-family: 'fontawesome';
    content: '\f054';
    color: #4F9CE9;
    margin-right: 10px;
    width: 1.5em;
    vertical-align: middle
}

.InPage--News__Item a {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px
}

.InPage--News__Item span {
    text-align: center;
    width: 7em;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    color: #ffffff
}

.InPage--News__Item span:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 2em;
    background: #AAAAAA;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: -1
}

.contact-form .contact-form-field {
    display: -webkit-flex;
    display: flex;
    border: solid 1px #cccccc;
    margin-bottom: 16px
}

@media (max-width: 640px) {
    .contact-form .contact-form-field {
        -webkit-flex-direction: column;
        flex-direction: column
    }
}

.contact-form .contact-form-field * {
    padding: 0;
    margin: 0
}

.contact-form .form-label {
    font-weight: 700;
    min-width: 30%;
    width: 30%;
    background: #d8eefb;
    padding: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 640px) {
    .contact-form .form-label {
        width: 100%
    }
}

.contact-form .form-element {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 16px
}

.contact-form .must {
    color: #990000
}

.contact-form input[type="text"] {
    width: 100%;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #dddddd
}

.EntryBody {
    color: #333
}

.EntryBody img {
    max-width: 100%;
    height: auto
}

.EntryBody h1,
.EntryBody h2,
.EntryBody hr,
.EntryBody table,
.EntryBody fieldset,
.EntryBody form {
    clear: both
}

.EntryBody hr {
    border: none;
    border-width: 1px;
    border-top-style: dotted;
    margin: 1em 0
}

.EntryBody h1 {
    font-size: 2.10em;
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 1em;
    border-bottom: solid 1px;
    padding-bottom: 0.5em
}

.EntryBody h2 {
    font-size: 1.80em;
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 0.5em;
    padding: 0.5em 1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.EntryBody h3 {
    font-size: 1.60em;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 0.5em
}

.EntryBody h4 {
    font-size: 1.40em;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 0.5em
}

.EntryBody h5 {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 0.5em
}

.EntryBody h6 {
    font-weight: bold;
    font-size: 1.10em;
    line-height: 16px;
    margin-bottom: 0.5em
}

.EntryBody p {
    margin-bottom: 1em
}

.EntryBody p a {
    padding: 0 0.33em
}

.EntryBody p b {
    font-weight: bold
}

.EntryBody p strong {
    font-weight: bold;
    padding: 0 0.33em
}

.EntryBody p em {
    font-weight: bold;
    padding: 0 0.33em
}

.EntryBody p acronym {
    font-weight: bold;
    padding: 0 0.33em
}

.EntryBody p abbr {
    font-weight: bold;
    padding: 0 0.33em
}

.EntryBody p sup {
    font-size: 0.75em;
    vertical-align: super;
    padding: 0 0.33em
}

.EntryBody p sub {
    font-size: 0.75em;
    vertical-align: sub;
    padding: 0 0.33em
}

.EntryBody p dfn {
    text-decoration: underline;
    padding: 0 0.33em
}

.EntryBody pre {
    padding: 1em;
    margin: 2em 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-overflow: hidden
}

.EntryBody blockquote {
    font-style: italic;
    padding: 1em;
    margin: 2em 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.EntryBody dl {
    margin-bottom: 1em
}

.EntryBody dt {
    font-size: 1.10em;
    font-weight: bold;
    margin-bottom: 0.5em
}

.EntryBody dd {
    margin-left: 2em
}

.EntryBody ul,
.EntryBody ol {
    margin-bottom: 1em
}

.EntryBody ul ul,
.EntryBody ul ol,
.EntryBody ol ul,
.EntryBody ol ol {
    margin-bottom: 0
}

.EntryBody ul {
    list-style: disc
}

.EntryBody ul ul {
    list-style: circle
}

.EntryBody ol {
    list-style: decimal
}

.EntryBody ol ol {
    list-style: upper-roman
}

.EntryBody li {
    margin-left: 3em
}

.EntryBody table {
    width: 100%;
    margin: 2em 0;
    border-left: 1px solid;
    border-top: 1px solid
}

.EntryBody caption {
    font-size: 1.10em;
    line-height: 2em;
    margin-bottom: 1em;
    font-weight: bold;
    text-align: center
}

.EntryBody th {
    font-weight: bold;
    text-align: center;
    padding: 7px;
    vertical-align: middle;
    border-right: 1px solid;
    border-bottom: 1px solid;
    line-height: 1.5
}

.EntryBody td {
    padding: 7px;
    vertical-align: middle;
    border-right: 1px solid;
    border-bottom: 1px solid;
    line-height: 1.5
}

thead .EntryBody td,
tfoot .EntryBody td {
    text-align: center
}

.EntryBody fieldset {
    margin: 2em 0;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2em 2em 0
}

.EntryBody legend {
    font-size: 1.10em;
    font-weight: bold;
    text-align: center;
    padding: 0 1em
}

.EntryBody form {
    line-height: 3em
}

.EntryBody form input,
.EntryBody form textarea option,
.EntryBody form input {
    font-size: 1.25em;
    line-height: 1.5em
}

.EntryBody form label {
    margin-right: 1em
}

.EntryBody a {
    color: #4BB3EF
}

.EntryBody a:hover,
.EntryBody a:active {
    color: #d8eefb
}

.EntryBody h1 {
    color: #4BB3EF;
    border-color: #4BB3EF
}

.EntryBody h2 {
    color: #4BB3EF;
    background: #d8eefb
}

.EntryBody h3 {
    color: #4BB3EF
}

.EntryBody h4 {
    color: #4BB3EF
}

.EntryBody h5 {
    color: #1c9feb
}

.EntryBody h6 {
    color: #1c9feb
}

.EntryBody p strong {
    color: #1a1a1a
}

.EntryBody p sup {
    color: #1a1a1a
}

.EntryBody p sub {
    color: #1a1a1a
}

.EntryBody pre {
    background-color: #d8eefb
}

.EntryBody blockquote {
    background-color: #d8eefb
}

.EntryBody dt {
    color: #1a1a1a
}

.EntryBody table {
    border-color: gray
}

.EntryBody caption {
    color: #1a1a1a
}

.EntryBody th {
    color: #1a1a1a;
    background: #d8eefb;
    border-color: gray
}

.EntryBody td {
    border-color: gray
}

.EntryBody fieldset {
    background: #d8eefb;
    border-color: gray
}

.EntryBody legend {
    color: #1a1a1a
}