@charset 'UTF-8';

/* --------------------------------------- */
/* default-style
/* --------------------------------------- */
body {font-size: 13px;}
html.open,
body.open {overflow: hidden;}
img {width: 100%;}

/* .has-black-1-background-color {background-color: #000000;}
.has-black-1-color {color: #000000;}
.has-black-2-background-color {background-color: #3f3c3c;}
.has-black-2-color {color: #3f3c3c;}
.has-red-1-background-color {background-color: #ff0000;}
.has-red-1-color {color: #ff0000;}
.has-blue-1-background-color {background-color: #007acc;}
.has-blue-1-color {color: #007acc;}
.has-blue-2-background-color {background-color: #4b70af;}
.has-blue-2-color {color: #4b70af;} */

/* --------------------------------------- */
/* common-style
/* --------------------------------------- */
.pc,.tb {display:none;}
.sp.tb, .sp.pc {display:block;}
.common-link-box {padding:0 20px;}
.common-link-box li {margin-bottom:20px;font-size:15px; }
.common-link-box a {padding:0 20px 0 10px; border-left:2px solid #009ee5; background:url(../images/sp/sp_course_study.png) no-repeat right center; background-size:13px; }

.en.common-link-box {margin:40px auto 20px; padding: 0 8px;}
.en.common-link-box ul {width: 100%;}
.en.common-link-box li {display: block; margin:0 0 20px 0; font-size:15px;}
.en.common-link-box a {display: inline-block; padding:0 20px 0 10px; border-left:2px solid #4b70b3;}

/* --------------------------------------- */
/* common-style(202008リニューアル)
/* --------------------------------------- */
.container {padding: 0 20px;}
.justify {text-align: justify; text-justify: inter-ideograph; text-justify: inter-cluster;}

.hd1-bold {font-size: 18px; font-weight: normal; margin-bottom: 20px; padding: 0 0 5px 20px;border-bottom: 4px solid #4b70b3; color: #4b70b3;}
.hd1-bold.eco {border-bottom: 4px solid #009ee5; color: #009ee5;}
.hd1-bold.reha {border-bottom: 4px solid #d68113; color: #d68113;}
.hd1-bold span {display: block; font-size: 10px; font-weight: 400;}
.hd1-thin {margin: 0 0 20px; border-bottom: 1px solid #928f8e; font-size: 21px; font-weight: normal;}
.hd2-thin {margin: 0 0 20px; border-bottom: 1px solid #251e1c; font-size: 20px; font-weight: normal; padding-bottom: 5px;}
.hd2-bg {margin: 0 0 10px; padding: 2px 8px; background-color: #4b70b3; color: #fff; font-size: 16px; font-weight: normal;}
.hd2-bg.eco {background-color: #009ee5;}
.hd2-bg.reha {background-color: #d68113;}
.hd3 {margin: 0 0 10px; padding-left: 10px; border-left: 3px solid #4b70ab; color: #4b70ab; font-size: 16px; font-weight: normal;}
.hd3.eco {border-left: 3px solid #009ee5; color: #009ee5;}
.hd3.reha {border-left: 3px solid #d68113; color: #d68113;}
.hd3.glob {border-left: 3px solid #a8c634; color: #a8c634;}
.hd3.special {border-left: 3px solid #c40018; color: #c40018;}
.hd3 * {color: #4b70b3 !important;}
.hd3.eco * {color: #009ee5 !important;}
.hd3.reha * {color: #d68113 !important;}
.hd3.glob * {color: #a8c634 !important;}
.hd3.special * {color: #c40018 !important;}

.common-linktxt {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 10px 0;}
.common-linktxt li {display: flex; width: 100%; margin: 0 0 10px 0; background:#f5f7f8;}
.common-linktxt a {display: inline-flex; flex-wrap: wrap; align-items: center; padding: 9px 0 9px 10px; text-decoration: underline; font-size: 13px; line-height: 1.25;}
.common-linktxt a:before {display: none; content: ''; width: 8px; height: 9px; margin-right: 7px;}
.common-linktxt .arrow a:before {display: block; background:url(../images/common_arrow.svg) 0 center / 8px no-repeat;}
.common-linktxt .dot-arrow a:before {display: block; background:url(../images/common_arrow-dot.svg) 0 center / 6px no-repeat;}
.common-linktxt a:after {display: none; content: ''; width: 20px; height: 20px; margin-left: 10px; background: right center / 100% auto no-repeat;}
.common-linktxt .pdf a:after {display: block; background-image: url(../images/common_doc-pdf.png);}
.common-linktxt .word a:after {display: block;  background-image: url(../images/common_doc-word.png);}
.common-linktxt .other a:after {display: block; background-image: url(../images/common_doc-other.png);}
.common-linktxt .other-alt a:after {display: block; background-image: url(../images/common_doc-other-alt.png);}
.common-linktxt .blank a:after {display: block; width: 21px; background-image: url(../images/common_link-blank.svg); background-size: 21px auto;}
.common-linktxt .career a:after {display: block; background-image: url(../images/icon_careerbook.svg);}
.common-linktxt .disable a {pointer-events: none; text-decoration: none;}
.common-linktxt a:hover {opacity: .6; text-decoration: none;}

.common-linklist li {margin:0 auto 20px; font-size: 15px;}
.common-linklist a {padding: 0 20px 0 10px; border-left: 2px solid #4b70b3; background:url(../images/common_arrow-circle.svg) no-repeat right center; background-size:13px;}
.common-linklist.eco a {border-left:2px solid #009ee5;}
.common-linklist.reha a {border-left:2px solid #d68113;}
.common-linklist a:hover {opacity: .7; text-decoration: underline;}

.common-linklist2 {margin-bottom:20px;}
.common-linklist2 a {display:block; margin-bottom:15px; padding:15px 17px; border:1px solid #4b70b3; font-size:16px; background:#fff url(../images/pc/c-09/c9_pc_arrow_eco.png) right 10px bottom 5px / 24px no-repeat; letter-spacing:-1px;}
.common-linklist2.eco a {border:1px solid #009ee5; background: url(../images/common_linkbox-arrow_eco.svg) right 10px bottom 5px / 24px no-repeat;}
.common-linklist2.reha a {border: 1px solid #d68113; background: url(../images/common_linkbox-arrow_reha.svg) right 10px bottom 5px / 24px no-repeat;}
.common-linklist2.other a {border:1px solid #231815; background: url(../images/common_linkbox-arrow_black.svg) right 10px bottom 5px / 24px no-repeat;}
.common-linklist2 a:hover {opacity: .7;}

.common-linklist3 {margin:30px 0;}
.common-linklist3 a {display:block; margin-bottom:15px; padding:10px 15px; border:1px solid #4b70b3; font-size:16px; background:#fff url(../images/common_linkbox-arrow.svg) right 10px bottom 5px / 24px no-repeat;}
.common-linklist3.eco a {border:1px solid #009ee5; background: url(../images/common_linkbox-arrow_eco.svg) right 10px bottom 5px / 24px no-repeat;}
.common-linklist3.reha a {border: 1px solid #d68113; background: url(../images/common_linkbox-arrow_reha.svg) right 10px bottom 5px / 24px no-repeat;}
.common-linklist3 a:hover {opacity: .7;}

.common-anchor-link {display:flex; margin-bottom:20px; flex-wrap:wrap; justify-content:space-between;}
.common-anchor-link a {width:100%; margin-bottom:10px; padding:10px 0; border:1px solid #4b70b4; color:#4b70b4; text-align:center;}
.common-anchor-link.eco a {border:1px solid #009ee5; color:#009ee5;}
.common-anchor-link.reha a {border:1px solid #d68113; color:#d68113;}
.common-anchor-link a.arrow {background: #fff url(../images/common_linkbox-arrow.svg) no-repeat right 10px bottom 5px; background-size: 24px 6px;}
.common-anchor-link.eco a.arrow {background: #fff url(../images/common_linkbox-arrow_eco.svg) no-repeat right 10px bottom 5px; background-size: 24px 6px;}
.common-anchor-link.reha a.arrow {background: #fff url(../images/common_linkbox-arrow_reha.svg) no-repeat right 10px bottom 5px; background-size: 24px 6px;}
.common-anchor-link a:hover {opacity: .7;}

.common-contact1 {margin-bottom:40px; padding:24px 18px 18px; border:1px solid #000; box-sizing: border-box;}
.common-contact1 p {text-align: center; font-size: 14px!important;}
.common-contact1 .two {margin: 0 0 15px 0; padding: 0;}
.common-contact1 .left {padding:0 24px; margin-bottom: 15px;}
.common-contact1 .right p {margin: 0; padding: 0; line-height:2; font-size: 14px!important;}
.common-contact1 .bar {border-top:1px solid #000;}

.common-contact2 {margin-bottom:40px; padding:0 20px; border:1px solid #000; box-sizing: border-box;}
.common-contact2 .left {margin: 0; padding:17px 0; border-bottom:1px solid #000; font-size:14px!important; line-height:1;}
.common-contact2 .right {padding:14px 0;}
.common-contact2 .right p {margin: 0; padding: 0; font-size:14px!important; line-height:1.64;}

@media screen and (max-width: 350px) {
	.common-contact2 .left {font-size: 12px!important;}
	.common-contact2 .right p {font-size:12px!important;}
}

.common-contact3 {display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-bottom:40px; padding: 0 18px; border: 1px solid #000; box-sizing: border-box;}
.common-contact3 .left {width: 100%; padding: 14px 6px; font-size: 13px!important; text-align: left; line-height: 2; border-bottom: 1px solid #000;}
.common-contact3 .right {margin: 0; padding: 14px;}
.common-contact3 .right p {margin: 0; padding: 0; font-size: 13px!important; line-height: 2;}
.common-contact3 .right p:first-child {margin-left: -18px;}
.common-contact3 .right p:first-child:before {content: ""; display: inline-block; width: 11px; height: 11px; margin-right: 6px; background: url(../images/common_arrow.svg) 0 center / 8px no-repeat;}
.common-contact3 .right p:last-child span {display: block;}

/*----------------------------*/
/*  タイマー表示・非表示
/*----------------------------*/
.timerHidden{ display: none;}
.timerVisible{ display: block;}

/* --------------------------------------- */
/* header
/* --------------------------------------- */
header {position: fixed; top: 0; width: 100vw; z-index: 5000;}
header.fix {box-shadow: 0 0 10px 0 #999; z-index: 5000;}
header .sp {overflow: scroll;}
header #header {position: relative; z-index: 5000; background: #fff;}
header #header .logo {padding: 16px 0 0 18px; float: left;}
header #header .logo img {width: 134px;}
header #header .h-nav {float: right;}
header #header .h-nav li {float: left;}
header #header .h-nav ul.cf {padding-top: 6px; float: left;}
header #header .h-nav .nav-content li {display: inherit; float: none;}
header #header .h-nav img {width: 57px;}
header #header .h-nav .hnav_box img {width: 72px;}
header #header .h-menu {float: left;}
header #header .h-menu img {width: 72px;}
header #header .drawer-menu {display: none; position: absolute; top: 0; right: 0; width: 250px; background: #fff;}
header #header .drawer-menu a {display: block; padding: 10px; border-bottom: 1px solid #ccc; background: #efefef;}

/*チェックボックス等は非表示に*/
header .nav-unshown {display: none;}

header #nav-drawer {position: relative;}

@media screen and (max-width: 350px) {
	header #header .logo {padding: 13px 0 0 14px;}
	header #header .logo img {width: 107px;}
	header #header .h-nav ul.cf {padding-top: 5px;}
	header #header .h-nav img {width: 46px;}
}

@media screen and (max-width: 300px) {
	header #header .logo {padding: 11px 0 0 12px;}
	header #header .logo img {width: 94px;}
	header #header .h-nav ul.cf {padding-top: 4px;}
	header #header .h-nav img {width: 40px;}
}

/*ハンバーガー*/
#nav-open {display: inline-block; position: relative; width: 72px; height: 59px; vertical-align: middle; background: #1e2160 url('../images/sp/btn_menu.svg') no-repeat 50% 50% / 34px 37px;}
#nav-open span,
#nav-open span:before,
#nav-open span:after {content:''; display:block; position:absolute; width:38px; height:1px; border-radius:3px; background:#f7f7f7; cursor:pointer;}
#nav-open span:before {bottom:-8px;}
#nav-open span:after {bottom:-16px;}

#nav-close {display:none; position:relative; width:72px; height:59px; vertical-align:middle; background:#1e2160;}
#nav-close::before,
#nav-close::after {content:''; display:block; position:absolute; top:28px; left:20px; width:35px; height:2px; background:#fff;}
#nav-close::before {transform:rotate(45deg);}
#nav-close::after {transform:rotate(-45deg);}

@media screen and (max-width: 350px) {
	#nav-open span:before,
	#nav-open span:after {width: 30px; border-radius:2px;}
	#nav-open span:before {bottom:-6px;}
	#nav-open span:after {bottom:-13px;}
	#nav-open {width:58px; height:47px; background: #1e2160 url('../images/sp/btn_menu.svg') no-repeat 50% 50% / 27px 30px;}
	#nav-close {width:58px; height:47px;}
	#nav-close::before, #nav-close::after {top:22px; left:16px; width:28px;}
}
@media screen and (max-width: 300px) {
	#nav-open span:before,
	#nav-open span:after {width: 27px;}
	#nav-open span:before {bottom:-5px;}
	#nav-open span:after {bottom:-11px;}
	#nav-open {width:50px; height:41px; background: #1e2160 url('../images/sp/btn_menu.svg') no-repeat 50% 50% / 24px 26px;}
	#nav-close {width:50px; height:41px;}
	#nav-close::before, #nav-close::after {top:20px; left:14px; width:25px;}
}

/*切り替え*/
body.open #nav-open {display: none;}
body.open #nav-close {display: inline-block;}

/*中身*/
#nav-content {display: none; position: fixed; top: 59px; left: 0; width: 100%; height: calc(100% - 59px); background: #fff; overflow: hidden; transition: .5s ease-in-out; transform: translateY(-105%); z-index: 2000; box-sizing: border-box;}
#nav-content.open {box-shadow: 6px 0 25px rgba(0,0,0,0.15); background: #fff; transform: translateY(0%);}
#nav-content.open.en {background: rgba(0,0,0, .5);}

@media screen and (max-width: 350px) {
	#nav-content {top: 47px; height: calc(100% - 47px);}
	#nav-content.open {box-shadow: 5px 0 20px rgba(0,0,0,0.15);}
}
@media screen and (max-width: 300px) {
	#nav-content {top: 41px; height: calc(100% - 41px);}
	#nav-content.open {box-shadow: 4px 0 18px rgba(0,0,0,0.15);}
}

/* --------------------------------------- */
/* footer
/* --------------------------------------- */
footer {font-size: 13px; overflow-x: hidden; margin-top: 30px; padding-bottom: 64px;}
footer .f-banner {background: #eaeaea; padding: 15px 15px;}
footer .f-banner-inner {width: 100%;}
footer .f-banner-inner li {background: #fff; width: 100%; margin-bottom: 15px;}
footer .f-banner-inner li:last-child {margin-bottom: 0;}
footer .f-banner-inner li a img {display: block; width: 100%;}

footer .pickup h2 {text-align: center; margin: 0 0 18px;}
footer .pickup h2 img {width: 86px;}
footer .pickup .pickup-slide .slider-wide > ul .slick-list {margin-right: -10px; overflow: hidden;}
footer .pickup .pickup-slide .slider-wide > ul .slick-slide {width: calc((100vw - 10px) / 2); margin-right: 10px;}
footer .pickup .pickup-slide li {width: calc((100vw - 10px) / 2);}
footer .pickup .pickup-slide .slick-prev,
footer .pickup .pickup-slide .slick-next {width: 14px; height: 18px; padding: 0; background-color: rgba(133,133,134, .3); background-size: 6px 12px; background-position: center; background-repeat: no-repeat; z-index: 100;}
footer .pickup .pickup-slide .slick-prev:before,
footer .pickup .pickup-slide .slick-next:before {content: '';}
footer .pickup .pickup-slide .slick-prev {background-image: url(../images/pc/top/top_pc_arrow_prev.png); left: 0;}
footer .pickup .pickup-slide .slick-next {background-image: url(../images/pc/top/top_pc_arrow_next.png); right: 0;}

footer .link-sns {margin: 25px 0 30px;}
footer .link-sns-inner {display: flex; justify-content: center;}
footer .link-sns-inner.reha {margin-top: 10px;}
footer .link-sns-inner li:not(:last-child) {margin-right: 10px;}
footer .link-sns-inner li a {display: flex; align-items: center;}
footer .link-sns-inner.reha li a {flex-direction: column;}
footer .link-sns-inner li a img {width: 45px; height: 45px;}
footer .link-sns-inner li a span {display: none;}
footer .link-sns-inner.reha li a img {margin: 0 0 5px;}
footer .link-sns-inner.reha li a span {display: block; width: 180px; font-size: 12px; text-align: center;}

footer .f-inner {padding: 20px; background: #e8f1fa;}
footer .f-inner .logo {display: inline-block; margin-bottom: 15px;}
footer .f-inner .logo img {width: 178px; height: auto;}
footer .f-inner .info-link {display: flex; justify-content: space-between; margin-bottom: 20px;}
footer .f-inner .info-link .l-box {font-size: 15px;}
footer .f-inner .info-link .r-box {margin: 5px 26px 0 0;}
footer .f-inner .info-link .r-box img {width: 85px; height: auto}

footer.en .f-inner .info-link .l-box {font-size: 14px;}

footer small {display: block; font-size: 8px; text-align: center;}
footer .btn-page-top a {display: block; color: #9d9d9d; font-size: 19px; line-height: 74px; background: #f7f7f7; text-align: center;}
footer .btn-page-top span {margin-right: 10px; font-size: 17px;}

footer .view-change {display: flex; width: 275px; margin: 20px auto 0; border-radius: 16px; font-size: 17px; font-weight: 700; color: #aeaeae; background: #dbdbdb;}
footer .view-change.spViwe a.spViwe {padding: 2px 20px; border-radius: 16px; color: #fff; background: #868687;}
footer .view-change.spViwe a.pcViwe {margin: 2px 12px; color: #868687;}

footer.en .view-change {width: 150px;}
footer.en .view-change .spViwe a.spViwe {margin: 0 0 0 25px; padding: 0 40px;}

@media screen and (max-width: 350px) {
	footer .link-sns-inner.reha li a span {font-size: 11px;}
	footer .f-inner {padding: 16px;}
	footer .f-inner .logo {margin-bottom: 12px;}
	footer .f-inner .logo img {width: 142px;}
	footer .f-inner .info-link {margin-bottom: 16px;}
	footer .f-inner .info-link .l-box {font-size: 12px;}
	footer .f-inner .info-link .r-box {margin: 4px 21px 0 0;}
	footer .f-inner .info-link .r-box img {width: 68px;}
	footer .view-change {width: 220px; margin: 16px auto 0; border-radius: 13px; font-size: 14px;}

	footer .view-change.spViwe a.spViwe {padding: 2px 16px; border-radius: 13px;}
	footer .view-change.spViwe a.pcViwe {margin: 2px 10px;}

	footer.en .view-change {width: 120px;}
	footer.en .view-change .spViwe a.spViwe {margin: 0 0 0 20px; padding: 0 32px;}
}

@media screen and (max-width: 300px) {
	footer .link-sns-inner.reha li a span {font-size: 10px;}
	footer .f-inner {padding: 14px;}
	footer .f-inner .logo {margin-bottom: 11px;}
	footer .f-inner .logo img {width: 125px;}
	footer .f-inner .info-link {margin-bottom: 14px;}
	footer .f-inner .info-link .l-box {font-size: 11px;}
	footer .f-inner .info-link .r-box {margin: 3px 18px 0 0;}
	footer .f-inner .info-link .r-box img {width: 60px;}
	footer .view-change {width: 192px; margin: 14px auto 0; border-radius: 11px; font-size: 12px;}

	footer .view-change.spViwe a.spViwe {padding: 1px 14px; border-radius: 11px;}
	footer .view-change.spViwe a.pcViwe {margin: 1px 8px;}

	footer.en .view-change {width: 105px;}
	footer.en .view-change .spViwe a.spViwe {margin: 0 0 0 14px; padding: 0 28px;}
}

/* --------------------------------------- */
/* header-footer 共通
/* --------------------------------------- */
.f-nav01,
.f-nav02 {width: 100%;}
.f-nav02 li {background: #868687;}
.f-nav01 li a,
.f-nav02 li a {display: block; box-sizing: border-box; width: 50%; padding: 0 10px; border-bottom: 1px solid #c3c3c4; color: #fff; background: url(../images/sp/icon_f_link.png) no-repeat right 10px center; background-size: 5px 12px; float: left;}
.f-nav01 li a {height: 50px; font-size: 15px; line-height: 50px; background-color: #1e2160;}
.f-nav02 li a {height: 45px; font-size: 11px; line-height: 45px; background-color: #868687;}
.f-nav01.en li a,
.f-nav02.en li a {height: 50px; font-size: 14px; line-height: 50px;}
.f-nav02 li.two-c {width: 100%; border-right: none!important;}
.f-nav02 li.two-c a {width: 100%;}
.f-nav01 li a.red,
.f-nav02 li a.red {background-color: #b00901;}
.f-nav01 li:nth-of-type(odd) a,
.f-nav02 li:nth-of-type(odd) a {border-right:1px solid #c3c3c4;}
.f-nav01 li.w100 a,
.f-nav02 li.w100 a {width: 100%; border-right: none;}
.f-nav02 .t2 a {padding: 13px 10px;}

.f-search {padding: 15px 12px; color: #fff; font-size:15px; background: #868687; text-align: center;}
.f-search input {width: 65%; margin-left: 14px; padding: 0 8px; border: 1px solid #d0d0d1; border-radius: 0; font-size: 15px; line-height: 31px; -webkit-appearance: none; box-sizing: border-box;}
.f-search button {border: none; background: none; vertical-align: middle;}
.f-search button img {width: 18px;}

.f-link {margin-top: 30px;}
.f-link ul {padding: 0 5px;}
.f-link li {position: relative; box-sizing: border-box; min-width: 50%; margin-bottom: 30px; padding-left: 20px; font-size: 15px; float: left;}
.f-link li a {display: block; box-sizing: border-box; padding-left: 10px;}
.f-link li:before {content: url('../images/common_arrow-dot.svg'); display: block; position: absolute; top: 0; left: 17px; width: 6px;}

@media screen and (max-width: 339px) {.f-link li {font-size:13px;}}

/* --------------------------------------- */
/* main
/* --------------------------------------- */
.demo {height: 100px; color: #fff; background: #000;}
main {position: relative; top: 0;}

/* --------------------------------------- */
/* breadcrumb
/* --------------------------------------- */
#breadcrumb {width:calc(100% - 40px); margin:0 20px; padding-top:59px; overflow-x:auto;}
#breadcrumb.pc.tb {display:none;}
#breadcrumb.sp {display:block;}
#breadcrumb .bread-in {display:flex; padding:15px 0 10px; font-size:12px;}
#breadcrumb .bread-in>div {white-space:nowrap;}
#breadcrumb .bread-in>div:not(:first-child) {position:relative; padding:0 0 0 40px;}
#breadcrumb .bread-in>div:not(:first-child)::before {content:''; display:block; position:absolute; left:15px; top:7px; width:4px; height:4px; border-style:solid; border-color:#000000; border-width:0 1px 1px 0; transform:rotate(-45deg);}

/* --------------------------------------- */
/* null
/* --------------------------------------- */
.page-null {width:100%; height:40vh; margin:0 auto; text-align:center; background:transparent url('../images/bg_logo.svg') no-repeat 50% 50% / 180px 200px;}
.page-null p {position:relative; top:50%; transform:translateY(-50%); font-size:16px; line-height:2;}

/* --------------------------------------- */
/* search
/* --------------------------------------- */
.page-search {width:100%; margin:0 auto; font-size:16px;}
.page-search h1 {margin:10px auto 20px; padding:0 20px 10px; border-bottom:1px solid #928f8e; font-size:20px; font-weight:normal;}
.page-search ul {margin:0 0 50px;}
.page-search li {margin:0 0 10px; padding:0 20px 10px 40px; border-bottom:dotted 1px #000000; text-indent:5px; background:url(../images/common_arrow-dot.svg) left 20px top 5px no-repeat / 6px 10px;}

/* --------------------------------------- */
/* search(google)
/* --------------------------------------- */
.page-search-google {width:100%; margin:0 auto; font-size:16px;}
.page-search-google h1 {margin:10px auto 20px; padding:0 20px 10px; border-bottom:1px solid #928f8e; font-size:20px; font-weight:normal;}

.gsc-control-cse {padding: 0!important;}
.gsc-control-cse form.gsc-search-box .gsc-input-box {width: 100%; height: 35px; padding: 0;}
.gsc-control-cse form.gsc-search-box table.gsc-search-box {display: flex; justify-content: center; margin: 16px 0;}
.gsc-control-cse form.gsc-search-box .gsc-input-box#gsc-iw-id1 {width: calc(100vw - 32px - 45px);}
.gsc-control-cse form.gsc-search-box .gsc-input-box .gsc-input td.gsib_a {padding: 5px 12px;}
.gsc-control-cse form.gsc-search-box .gsc-input-box .gsc-input td.gsib_a input[type="text"] {font-size: 15px;}
.gsc-control-cse form.gsc-search-box .gsc-input-box .gsc-input td.gsib_b {padding: 1px 5px;}
.gsc-control-cse form.gsc-search-box .gsc-search-button .gsc-search-button {background: #1e2160; border: 1px solid #1e2160; border-radius: 0; padding: 10px 14px; border-radius: 0 8px 8px 0; cursor: pointer; transition: .3s ease;}
.gsc-control-cse form.gsc-search-box .gsc-search-button .gsc-search-button svg {width: 15px; height: 15px; fill: #fff; transition: .3s ease;}
.gsc-control-cse form.gsc-search-box .gsc-search-button .gsc-search-button:hover {background: #fff;}
.gsc-control-cse form.gsc-search-box .gsc-search-button .gsc-search-button:hover svg {fill: #1e2160;}
.gsc-control-wrapper-cse .gsc-above-wrapper-area {padding: 0 10px 10px; border-bottom: 1px solid #dfe1e5;}
.gsc-control-wrapper-cse .gsc-result-info-container .gsc-result-info {padding: 10px 0 0;}
.gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay {margin: -59px 0; padding: 59px 0;}
.gsc-wrapper .gsc-adBlock {display: none!important;}
.gsc-wrapper .gsc-results {margin-bottom: 24px;}
.gsc-wrapper .gsc-resultsbox-visible .gsc-resultsRoot > .gsc-results {width: 100%!important;}
.gsc-wrapper .gsc-resultsbox-visible .gsc-expansionArea .gsc-webResult {padding: 15px; border-bottom: 1px solid #dfe1e5;}
.gsc-wrapper .gsc-resultsbox-visible .gsc-expansionArea .gsc-webResult .gsc-thumbnail-inside .gs-title a,
.gsc-wrapper .gsc-resultsbox-visible .gsc-expansionArea .gsc-webResult .gsc-thumbnail-inside .gs-title a * {color: #3f3c3c; font-size: 16px;}
.gsc-wrapper .gsc-resultsbox-visible .gsc-expansionArea .gsc-webResult .gsc-thumbnail-inside .gs-title a:hover {text-decoration: underline;}
.gsc-wrapper .gsc-resultsbox-visible .gsc-expansionArea .gsc-webResult .gsc-url-top {margin-bottom: 4px;}
.gsc-wrapper .gsc-resultsbox-visible .gsc-expansionArea .gsc-webResult .gsc-url-top * {color: #4b70af; font-size: 12px; font-weight: 700;}
.gsc-wrapper .gsc-resultsbox-visible .gsc-expansionArea .gsc-webResult .gsc-table-result * {color: #3f3c3c;}
.gsc-results .gsc-cursor-box {margin: 24px 20px!important;}
.gsc-results .gsc-cursor {display: flex!important; justify-content: center; align-items: center; width: 100%;}
.gsc-results .gsc-cursor .gsc-cursor-page {font-size: 16px; text-align: center; border: 1px solid #928f8e; margin: 0; padding: 5px 0; text-decoration: none!important;}
.gsc-results .gsc-cursor .gsc-cursor-page * {font-size: 16px;}
.gsc-results .gsc-cursor .gsc-cursor-page:hover,
.gsc-results .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {color: #fff; background: #4b70af; border-color: #4b70af;}
.gcsc-more-maybe-branding-box {border-radius: 12px!important; margin: 0 0 12px!important;}
.gcsc-more-maybe-branding-box a {color: #4b70af; font-size: 14px;}
.gs-title a.gs-title {display: inline-block; width: auto;}

/* --------------------------------------- */
/* pager
/* --------------------------------------- */
.pagenavi {padding:30px 0; text-align:center; font-size:13px;}
.pagenavi .page-numbers:not(.dots) {display:inline-block; margin:0 2px; padding:3px 10px; border:solid 1px #cccccc;}
.pagenavi .page-numbers.prev,
.pagenavi .page-numbers.next {border:solid 1px #ffffff;}
.pagenavi .page-numbers.current {display:inline-block; margin:0 2px; padding:3px 10px; border:solid 1px #4b70b4; color:#ffffff; background:#4b70b4;}
.pagenavi a:hover {text-decoration:underline;}

/* --------------------------------------- */
/* news
/* --------------------------------------- */
#newsBox {width:100%; margin:0px auto; overflow:hidden;}
#newsBox h2.box {margin:15px auto 5px; padding:0 20px; font-size:2em;}
#newsBox li {overflow: hidden;}
#newsBox li:nth-child(odd) {background-color:#f2f4f5;}
#newsBox li a {display: block; padding: 20px 20px;}

#newsBox li a .inner {display: flex; align-items: flex-start;}
#newsBox li a .title {padding: 0 6px 0 0; font-size: 16px; font-weight:normal;}
#newsBox li a img {display: block; width: 100px; min-width: 100px; height: 70px; min-height: 70px; margin: 0 0 0 auto; -o-object-fit: cover; object-fit: cover; -o-object-position: 50%; object-position: 50%;}
#newsBox li a img:hover {opacity: 1;} 
#newsBox li a p.non {width: 100px; height: 70px; margin: 0 0 0 auto; background:#f0f0f0;}
#newsBox li a p.non img {width: 80px; margin: auto; -o-object-fit: contain; object-fit: contain;}
#newsBox li a:hover {opacity: 0.6;}

#newsBox li a p.time {font-size: 15px;}
#newsBox li a .category {display: flex; flex-wrap: wrap; padding: 10px 0 0;}
#newsBox li a .category span {display: block; font-size: 11px; margin-bottom: 16px; padding: 0 10px 0 8px; border-left: solid 5px #000;}
#newsBox li a .category span.info {border-color: #e7e875;}
#newsBox li a .category span.admission,.page-c-01 #newsBox li a .category span,.page-j-01 #newsBox li a .category span {border-color: #e2c2b1;} 
#newsBox li a .category span.international,.page-d-01 #newsBox li a .category span {border-color: #afb9dd;}
#newsBox li a .category span.campus,.page-e-01 #newsBox li a .category span {border-color: #b2d08b;}
#newsBox li a .category span.career,.page-f-01 #newsBox li a .category span {border-color: #dcccad;}
#newsBox li a .category span.social,.page-g-01 #newsBox li a .category span {border-color: #c9a4b4;}
#newsBox li a .category span.research,.page-h-01 #newsBox li a .category span {border-color: #ebc8a9;}
#newsBox li a .category span.other {border-color: #dbdbdb;}

#newsBox li.fixing_post {padding: 0 16px;}
#newsBox li.fixing_post ul {display:flex; flex-wrap:wrap; width:100%; margin: 16px auto 8px;}
#newsBox li.fixing_post ul li {width: calc(50% - 4px); height: auto; padding: 0 8px 8px 0;}
#newsBox li.fixing_post ul li:nth-child(even) {padding-right: 0;}
#newsBox li.fixing_post ul li a {margin: 0; padding: 0; background: #fff;}
#newsBox li.fixing_post ul li a img {width: 100%;  height: 100px; margin: 0;}
#newsBox li.fixing_post > ul li a p.non {width: 100%; height: 100px; margin: 0; background:#f0f0f0;}
#newsBox li.fixing_post > ul li a p.non img {width: 80%; margin:auto; -o-object-fit: contain; object-fit: contain;}
#newsBox li.fixing_post ul li a .date {display: flex; justify-content: space-between; align-items: center; width: auto; margin: 0 13px; padding: 8px 0; border-bottom: 1px solid #bbb;}
#newsBox li.fixing_post ul li a .date .time {font-size: 13px; line-height: 1; margin-bottom: -2px;}
#newsBox li.fixing_post ul li a .category {display: inline-flex; padding: 0;}
#newsBox li.fixing_post ul li a .category span {display: block; width: 3px; height: 13px; background: #ccc; border:none; margin: 0 1px; padding: 0;}
#newsBox li.fixing_post ul li a .category span.cate-info {background: #e7e875;}
#newsBox li.fixing_post ul li a .category span.cate-admission {background: #e2c2b1;}
#newsBox li.fixing_post ul li a .category span.cate-international {background: #afb9dd;}
#newsBox li.fixing_post ul li a .category span.cate-campus_life {background: #b2d08b;}
#newsBox li.fixing_post ul li a .category span.cate-career {background: #dcccad;}
#newsBox li.fixing_post ul li a .category span.cate-social {background: #c9a4b4;}
#newsBox li.fixing_post ul li a .category span.cate-research {background: #ebc8a9;}
#newsBox li.fixing_post ul li a .category span.cate-other {background: #dbdbdb;}
#newsBox li.fixing_post ul li a .title {width: auto; font-size: 13px; margin: 0 13px; padding: 10px 0;}

#newsBox .arrow {display:inline-block; margin:0 20px 0 0; padding:10px 0 10px 14px; background:url('../images/common_arrow-dot.svg') 0 14px/6px 10px no-repeat; float:right;}

#newsBox .noList {width:920px; margin:0 auto; border:solid 1px #cccccc; font-size:17px; padding:50px 0; text-align:center; overflow:hidden;}

/* PDFアイコン付きリンク */
.pdf-common-link a {position: relative; display: block; padding-right: 35px; text-decoration: underline;}
.pdf-common-link p a img {position: absolute; top: 0.6em; right: 0; display: block; width: 26px; height: 26px;}

/* --------------------------------------- */
/* インタビュー抜粋（A-07,D-03など）
/* --------------------------------------- */
.iv_temp {margin: 20px 0;}
.iv_temp h2, .iv_temp h3 {font-size: 16px!important; font-weight: 500!important; background: url(../images/pc/arrow_list.png) no-repeat left 8px/10px 6px!important; padding: 0 0 0 16px!important; margin: 0 0 16px!important; border: none!important;}
.iv_temp .iv_temp_inner {background: #f6f7f8; padding: 15px;}
.iv_temp .iv_temp_inner .cont {display: block;}
.iv_temp .iv_temp_inner .cont .left_box {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px;}
.iv_temp .iv_temp_inner .cont .left_box > img {width: 100px;}
.iv_temp .iv_temp_inner .cont .left_box .state {margin-left: 15px; width: 100%;}
.iv_temp .iv_temp_inner .cont .left_box .state .abroad {margin-bottom: 12px; padding-bottom: 4px; border-bottom: 1px solid #231815;}
.iv_temp .iv_temp_inner .cont .left_box .state .abroad li {margin-bottom: 5px;}
.iv_temp .iv_temp_inner .cont .left_box .state .abroad li img {width: 25px;}
.iv_temp .iv_temp_inner .cont .left_box .state .abroad li span {display: block; font-size: 14px; margin-top: 5px;}
.iv_temp .iv_temp_inner .cont .left_box .state .abroad li span.plus {display: none;}
.iv_temp .iv_temp_inner .cont .left_box .state .profile li {font-size: 12px; letter-spacing: -0.5px;}
.iv_temp .iv_temp_inner .cont .right_box {margin: 0 5px;}
.iv_temp .iv_temp_inner .cont .right_box h3 {font-size: 15px; letter-spacing: -0.5px; font-weight: 500; margin: 0 0 20px!important; padding: 0!important; background: none!important;}
.iv_temp .iv_temp_inner .cont .right_box .para_box {margin-bottom: 25px;}
.iv_temp .iv_temp_inner .cont .right_box .para_box img {display: none;}
.iv_temp .iv_temp_inner .cont .right_box .para_box p {font-size: 15px;}
.iv_temp .iv_temp_inner .cont .right_box  h4 {font-size: 13px; color: #4b70b4; font-weight: 500; margin-bottom: 12px;}
.iv_temp .iv_temp_inner .img_box {display: flex; justify-content: center; width: 100%;}
.iv_temp .iv_temp_inner .img_box p {width: auto;}
.iv_temp .iv_temp_inner .img_box p img {width: 100%;}
.iv_temp .iv_temp_inner .flow_img {margin: 20px 10px;}
.iv_temp .iv_temp_inner a.link {font-size: 15px; margin-bottom: 20px; padding-right: 20px; background: url(../images/common_arrow-circle-alt.svg) no-repeat right center / 14px 14px;}
.iv_temp .iv_temp_inner a.link:hover {text-decoration: underline;}

header#g_alumni {display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #fff; border-bottom: 1px solid #231815;  border-top: none!important; z-index: 1000; transition: background .3s;}
header#g_alumni.nomral {background: #fff;}
header#g_alumni.trans {background: transparent;}
header#g_alumni .ga {margin-left: 15px; width: 50px;}
header#g_alumni .students img {width: auto; height: 50px;}

footer#g_alumni {padding-bottom: 30px;}
footer#g_alumni .main {margin-bottom: 30px;}
footer#g_alumni .main .l-box {width: 230px; margin: 40px auto 20px;}
footer#g_alumni .main .r-box {text-align: center;}
footer#g_alumni .sns {margin-bottom: 30px;}
footer#g_alumni .sns ul {display: flex; justify-content: center;}
footer#g_alumni .sns ul li {width: 40px; height: 40px; margin: 0 8px;}
footer#g_alumni small {display: block; font-size: 10px; margin-bottom: 30px; text-align: center;}

/* --------------------------------------- */
/* 神戸国際大学の留学生が日本企業で活躍する理由
/* --------------------------------------- */
header#inter_stu {display: flex; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #fff; border-bottom: 1px solid transparent; border-top: none!important; z-index: 1000; transition: background .3s;}
header#inter_stu.nomral {background: #fff; border-bottom-color: #231815;}
header#inter_stu.trans {background: transparent;}
header#inter_stu .logo {display: none;}
header#inter_stu .link img {width: auto; height: 18px;}

footer#inter_stu {padding-bottom: 40px;}
footer#inter_stu .main {margin-bottom: 30px;}
footer#inter_stu .main .l-box {width: 230px; margin: 40px auto 20px;}
footer#inter_stu .main .r-box {text-align: center;}
footer#inter_stu .top-link {display: block; width: 272px; color: #fff; font-size: 15px; font-weight: 700; line-height: 1; text-align: center; background: #0050b1 url(../images/pc/f-08/f08_pc_footer-link.png) right 36px center/13px 15px no-repeat; margin: 0 auto 20px; padding: 12px 40px 12px 30px; border-radius: 10px; box-sizing: border-box;}
footer#inter_stu .top-link:hover {text-decoration: none; opacity: .6;}
footer#inter_stu .sns {margin-bottom: 30px;}
footer#inter_stu .sns ul {display: flex; justify-content: center;}
footer#inter_stu .sns ul li {width: 40px; height: 40px; margin: 0 8px;}
footer#inter_stu small {display: block; font-size: 10px; margin-bottom: 30px; text-align: center;}

/*recaptureバッジをお問い合わせ以外で非表示*/
.grecaptcha-badge {
  display: none;
}
.page-id-223 .grecaptcha-badge {
  display: block;
}

/* --------------------------------------- */
/* スポーツ安全協会バナー
/* --------------------------------------- */
.safety-association-for-sports {display: block; margin: 0 20px 30px;}
.safety-association-for-sports img {max-width: 100%;}