@charset "UTF-8";
/* CSS Document */

/*
Theme Name: KSP Theme
Version: 1.2
Theme URI: XXX
Author: 株式会社 北斗社 小佐田展与士
Author URI: 
Description: 
*/


/* ===============================================================
グローバルCSS
================================================================== */


/***************************** 外部 css */
@import url( "common/css/reset.css");
@import url( "common/css/menu.css");
@import url( "common/css/slide.css");
@import url( "common/css/module.css");
@import url( "common/css/contents_companies.css");

/***************************** webフォントcss */
/*Noto Sans*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
/*Noto Sans*/
@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&display=swap');
/*fontawesome*/
@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');


/***************************** カラー設定 */

/*キーカラー濃青
#0061B3
*/

/*キーカラー薄青
rgba(0,86,141,1.00)
*/

/*ベースカラー
#EDF4FA
*/

/*差し色
#E9787C
*/

/*テキスト
#333*/

/***************************** 共通css */

html,body{
	height: 100%;
	color: #333333;
	font-family: "Noto Sans JP","sans-serif","Font Awesome 5 Free","Font Awesome 5 Brands","Cabin Condensed";
	font-size: 13px;
	line-height: 1.8em;
 margin: 0px;
 padding: 0px;
 border: none;
}

#wrap {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
 box-sizing: border-box;
}

*{
box-sizing: border-box;
margin: 0px;
padding: 0px;
transition: all 300ms 0s ease;
}



/***************************** a */

a:link , a:visited {
	color:#333;
 text-decoration: none;
 background-color: transparent;
     -webkit-transition: 0.1s ease-in-out;  
       -moz-transition: 0.1s ease-in-out;  
         -o-transition: 0.1s ease-in-out;  
            transition: 0.1s ease-in-out;  
}
a:hover {
	color: #999;
 background-color: transparent;
 opacity: 0.4;  
 filter: alpha(opacity=60);  
}


/***************************** レイアウト */

main{
width: 100%;
}

/*INDEX用　article メインコンテンツ*/
#index main{
padding-bottom: 60px;
}

/*CONTENTS用　article メインコンテンツ*/
#contents main {
padding-bottom: 60px;
margin-top: 60px;
}


/*section余白＆マージン*/
section {
margin-bottom: 20px;
padding: 20px;
background-color: #fff;
box-sizing: border-box;
}



/***************************** タイトルスタイル */

h2{font-size: 130%}
h3{font-size: 120%}
h4{font-size: 110%}
h5,h6{font-size: 100%}





/* ===============================================================
ヘッダー
================================================================== */


/*共通*/

#header {
width: 100%;
min-height: 65px;
border-bottom: solid 2px #fff;
background-color: #fff;
justify-content: space-between;
flex-wrap: nowrap;
align-items: flex-start;
box-sizing: border-box;
margin: 0px;
padding: 0px;
position: relative;
z-index: 10;
}

#header nav .sub-nav-block{
padding-top: 0px;
}

#header nav .sub-nav-block .font-size,
#header nav .sub-nav-block .lang,
#header nav .sub-nav-block .sub-nav,
#header nav .sub-nav-block .search{
margin-top: 10px;
}


#header nav .sub-nav-block  ul{
padding: 8px 16px!important;
}

#header ul li{
white-space: nowrap;
}

/*タイトルロゴ*/
#header a h1 {
background: url( "common/images/ksp_logo.png");
background-size: 100% auto;
background-repeat: no-repeat;
width: 250px;
height: 43px;
display: block;
margin: 0px;
padding: 0px;
position: absolute;
top: 50%;
    left: 40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*タイトルロゴ英語*/
#header a h1.en {
background: url( "common/images/ksp_logo_en.png");
background-size: 100% auto;
background-repeat: no-repeat;
width: 250px;
height: 43px;
display: block;
margin: 0px;
padding: 0px;
position: absolute;
top: 50%;
    left: 40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*sub-naviエリア*/
#header nav{
justify-content: flex-end;
}

/*sub-navi背景*/
#header nav div.sub-nav-block{
/*background-color: #EDF4FA;*/
min-height: 65px;
}

/*sub-navi背景
header .sub-nav,
header .lang,
header .font-size,
header .search {
background-color: #EDF4FA;
}
*/

/*アイコン指定*/
.sub-nav li::before {
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-size: 12px;
  font-weight: 900;
  margin-right: 4px;
  color:#333;
}

.lang li::before {
  font-family: "Font Awesome 5 Free";
  content: '\f57e';
  font-size: 14px;
  font-weight: 900;
  margin-right: 4px;
  color:#0061B3;
}

.search li::before {
  font-family: "Font Awesome 5 Free";
  content: '\f002';
  font-size: 14px;
  font-weight: 900;
  margin-right: 4px;
  color:#0061B3;
}

.help span::before {
  font-family: "Font Awesome 5 Free";
  content: '\f059';
  font-size: 14px;
  font-weight: 900;
  margin-right: 4px;
  color:#fff;
}
.mail-magazine span::before {
  font-family: "Font Awesome 5 Free";
  content: '\f0e0';
  font-size: 14px;
  font-weight: 900;
  margin-right: 4px;
  color:#0061B3;
}

/*サブナビ*/
#header .sub-nav li {
margin-right: 16px;
}

#header .sub-nav li:last-child{
margin-right: 0em;
}


/*フォントサイズボタン*/
#header .font-size li a{
border: thin solid #333;
padding: 2px 6px;
margin-right: 4px;
}

#header .font-size li a.Small,
#header .font-size li a.Large{
background-color: transparent;
}

#header .font-size li a.Middle {
background-color: #0061B3;
color: #fff;
}

#header .font-size li:last-child{
margin-right: 0px;
}

/*ヘルプ・メルマガ*/

#header .beside{
padding: 0px!important;
margin: 0px!important;
}

#header .beside a{
padding: 8px 16px;
display: block;
box-sizing: border-box!important;
}

#header .help{
background-color: rgba(0,86,141,1.00);
border: 2px rgba(0,86,141,1.00) solid;
color: #fff;
}

#header .mail-magazine{
background-color: #fff;
border: 2px rgba(0,86,141,1.00) solid;
}


/******************************** モーダル */



/* ボタン */
.btn-open1
{
  border: none;
  background: #fff;
  color: #333;
  cursor: pointer;
  line-height: 1;
  z-index: 100;
  position: relative;
  border-radius: 15px;
  font-size: 100%;
}



/*サーチBOX*/

.serch-block-wrap{
position: relative;
transition: .5s;
height: 0px;
background-color: rgba(0,0,0,0.80);
}




.serch-block-wrap input[type="text"] {
border-radius: 15px;
height: 30px;
width: 30%;
min-width: 300px;
margin-right: 10px;
padding: 0px 10px 0px 10px;
}

.serch-block-wrap input[type="image"]{
cursor: pointer;
width: 21px;
height: 21px;
display: inline-block;
}



.serch-block1
{
color: #fff;
 position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  width: 100%!important;
  height: 0px;
  margin: 0px auto;
  transition: .5s;
  box-sizing: border-box;
  padding: 0px 20px;
  text-align: right;
  font-size: 90%;
  overflow-x: hidden;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 1;
}




/* モーダルを開いた時 */
.open-menu {
width: 100%;
height: 100%;
padding: 20px 20px;
}

.open-box{
height: 70px;
}


/* ===============================================================
ヘッダー　コンテンツページメニュー
================================================================== */

#contents #gnav{
width: 100%;
height: 330px;
position: relative;
}

#contents #gnav .gnav-block{
width: 100%;
padding-bottom: 10px;
background-color: #EDF3F8;
position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#contents #gnav .gnav {
justify-content: space-between;
}

#contents #gnav .gnav li{
width: 16.6%;
height: 56px;
position: relative;
line-height: 1em;
}

#contents #gnav .gnav li a{
width: 100%;
height: 56px;
text-align: center;
white-space: nowrap;
padding: 20px 15px 10px 10px;
font-size: 110%;
font-weight: 500;
display: block;
}


#contents #gnav .gnav li::after{
content: "";
border-right: solid thin #0061B3;
position: absolute;
top: 0;
right: 0;
height: 20px;
}

#contents #gnav .gnav li:last-child::after{
border-right:none;
}

#contents #gnav .gnav li span{
display: block;
color: #0061B3;
font-size: 70%;
font-weight: 400;
position: absolute;
bottom: 5px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*SUBナビ コンテンツページ*/

#contents #gnav .subnav-block{
position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#contents #gnav .subnav {
justify-content: space-between;
align-items: center;
padding: 0px!important;
height: 60px;
}

#contents #gnav .subnav li{
position: relative;
}

#contents #gnav .subnav li a{
width: 100%;
text-align: center;
white-space: nowrap;
font-weight: 400;
display: block;
color: #fff;
line-height: 1.2em;
height: 60px;
position: absolute;
bottom: 0px;
background-color: rgba(51,51,51,1.00);
}

#contents #gnav .subnav li a:hover{
opacity: 1.0;  
}


#contents #gnav .subnav li a span{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#contents #gnav .subnav li a.active,
#contents #gnav .subnav li a:hover{
background-color: rgba(0,86,141,1.00);
}

#localnav{
width: 1024px;
margin: auto auto;
}

#localnav li {
height: 60px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

/*#localnav .lnav-01{
background-image: url("common/images/p_gnav_01_02.png");
}

#localnav .lnav-02{
background-image: url("common/images/p_gnav_01_03.png");
}

#localnav .lnav-03{
background-image: url("common/images/p_gnav_01_04.png");
}

#localnav .lnav-04{
background-image: url("common/images/p_gnav_01_05.png");
}

#localnav .lnav-05{
background-image: url("common/images/p_gnav_01_06.png");
}

#localnav .lnav-06{
background-image: url("common/images/p_gnav_01_07.png");
}*/



.wide-fix {
width: 100%!important;
	bottom: inherit!important;
	z-index: 10;
}

.wide-fix li{
height: 140px!important;
}

.wide-fix li a{
opacity: 0.8;
border-right: thin solid #fff;
border-bottom: 8px solid rgba(0,86,141,1.00);
}

.wide-fix li:last-child a{
border-right: none;
}


/* ===============================================================
フッター
================================================================== */

footer {
width: 100%;
font-size: 120%;
}

/*UPPER*/
footer .upper{
background-color: rgba(0,86,141,1.00);
text-align: center;
padding: 30px 20px;
margin: 0px;
}

footer .upper img {
width: 100%;
height: auto;
max-width: 470px;
}

/*UNDER*/
footer .under{
background-color: #0061B3;
text-align: center;
padding: 50px 10px 30px 10px;
position: relative;
text-align: left;
margin: 0px;
}

footer .under .left,
footer .under .right{
margin: 0px 20px;
}

footer .under .left{
width: 25%;
color: #fff;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start!important;
}

footer .under .left div{
width: 100%;
}

footer .under .left img {
width: 100%;
max-width: 130px;
height: auto;
}

footer .under .left strong{
font-size: 120%;
}

footer .under .left address{
font-style: normal;
font-size: 70%;
}

footer .under .left address a{
color: #fff;
}


footer .under .right {
width: 70%;
justify-content: space-between;
}

footer #footer-nav > ul > li{
margin-bottom: 2em;
font-weight: 500;
color: #fff;
}

footer #footer-nav ul li > *{
color: #fff;
}

footer #footer-nav > ul > li::before {
  font-family: "Font Awesome 5 Free";
  content: '\f138';
  font-size: 14px;
  font-weight: 900;
  margin-right: 4px;
  color:#fff;
}

footer #footer-nav ul li ul {
margin-left: 2em;
list-style: disc;
}

footer #footer-nav ul li ul li{
font-size: 80%;
font-weight: 400;
}

footer .meta {
border-top: thin solid #ccc;
padding-top: 10px;
}

footer .meta ul li a{
margin-right: 1em;
color: #fff;
font-size: 80%;
}



/*PAGETOP*/
footer .btn-pagetop {
display: block;
width: 50px;
height: 50px;
background-color: rgba(0,86,141,1.00);
border: solid 15px #0061B3;
border-radius: 50%;
position: absolute;
right: 35px;
top: -35px;
text-align: center;
box-sizing: content-box;
}

footer .btn-pagetop::before {
  font-family: "Font Awesome 5 Free";
  content: '\f0d8';
  font-size: 30px;
  font-weight: 900;
  margin-right: 4px;
  color:#fff;
  line-height: 50px;
}

footer .btn-pagetop span{
display: none;
}

/*copyright*/
footer .copyright {
background-color: rgba(0,86,141,1.00);
text-align: center;
width: 100%;
padding: 10px;
/*box-sizing: border-box;*/
}

footer .copyright p{
color: #fff;
padding: 0px;
margin: 0px;
font-size: 12px;
}


/* ===============================================================
パンくず
================================================================== */

#breadcrumb {
margin: 10px 0px;
}

#breadcrumb ul li{
margin-right: 10px;
}

#breadcrumb ul li a{
color: rgba(0,86,141,1.00);
}

/*アイコン設定*/
#breadcrumb ul li::before {
  font-family: "Font Awesome 5 Free";
  content: '\f105';
  font-size: 12px;
  font-weight: 900;
  margin-right: 4px;
  color:#0061B3;
}

#breadcrumb ul li.home::before {
  font-family: "Font Awesome 5 Free";
  content: '\f015';
  font-size: 12px;
  font-weight: 900;
  margin-right: 4px;
  color:#0061B3;
}


/* ====================================================================================
common-contents
======================================================================================= */

#common-contents .inner {
padding: 20px;
}

#common-contents .column{
flex-wrap: wrap;
justify-content: space-between;
}

#common-contents #vacancy,
#common-contents #ksp-info,
#common-contents #access,
#common-contents #time-table,
#common-contents #useful-info,
#common-contents #login{
width: 24%;
}

#common-contents #bn_area {
width: 74%
}

#common-contents #bn_area p{
width: 90%;
}

/* ===============================================================
#vacancy
================================================================== */

#vacancy {
padding: 10px!important;
}

#vacancy .box-inner {
background-color: rgba(0,86,141,1.00);
border-radius: 6px;
}

#vacancy h2 {
text-align: center;
}

#vacancy ul {
padding: 10px;
color: #fff;
}

#vacancy .btn-detail {
margin: 15px auto 0px;
display: block;
text-align: center;
border: solid 2px rgba(0,86,141,1.00);
max-width: 200px;
width: 100%;
padding: 5px;
}

/* ===============================================================
#ksp-info
================================================================== */

#ksp-info .btn-detail {
margin: 15px auto 0px;
display: block;
text-align: center;
border: solid 2px rgba(0,86,141,1.00);
max-width: 200px;
width: 100%;
padding: 5px;
}


/* ===============================================================
#access #time-table
================================================================== */

#access dl,
#time-table dl{
background-color: rgba(0,86,141,1.00);
color: #fff;
border-radius: 6px;
margin-bottom: 10px;
padding: 10px;
flex-wrap: nowrap;
align-items: center!important;
}

#access dl img,
#time-table dl img{
width: 100%;
height: auto;
}

#access dl dt,
#time-table dl dt{
width: 20%;
border-right: solid thin #fff;
padding-right: 10px;
}

#access dl dd,
#time-table dl dd{
width: 75%;
padding-left: 10px;
}

/* ===============================================================
#useful-info
================================================================== */



/* ===============================================================
#bn_area
================================================================== */

#bn_area {
margin-bottom: 20px;
padding: 20px!important;
background-color: #fff;
box-sizing: border-box;
align-items: center;
}

#bn_area p{
display: block;
margin: 0px!important;
padding: 0px!important;
line-height: 0px;
}

#bn_area img {
width: 100%;
max-width: 223px;
height: auto;
margin: 0px!important;
padding: 0px!important;
}

#bn_area a {
display: block;
width: 100%;
height: auto;
background-color: #B9D0E2;
border: 4px solid #E8F0F6;
text-align: center;
padding: 10px;
margin: 10px auto;
}

/* ===============================================================
#login
================================================================== */

#login {
margin-bottom: 20px;
padding: 20px;
background-color: #fff;
box-sizing: border-box;
align-items: center;
}



#login a {
display: block;
width: 100%;
height: 60px;
background-color: rgba(0,86,141,1.00);
color: #fff;
text-align: center;
padding: 10px;
margin: 10px auto;
background-image: url("../ksp/common/images/icon_login.png");
background-repeat: no-repeat;
background-size: auto 50%;
background-position: 20px center;
line-height: 1.3em;
position: relative;
}

#login a span{
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


/* ===============================================================
グローバルBG
================================================================== */

.global-bg{
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}




.bg-sciencepark-01{
background-image: url("common/images/bg/bg-sciencepark-01.jpg");
}

.bg-sciencepark-02{
background-image: url("common/images/bg/bg-sciencepark-02.jpg");
}

.bg-sciencepark-03{
background-image: url("common/images/bg/bg-sciencepark-03.jpg");
}

.bg-sciencepark-04{
background-image: url("common/images/bg/bg-sciencepark-04.jpg");
}

.bg-sciencepark-05{
background-image: url("common/images/bg/bg-sciencepark-05.jpg");
}

.bg-sciencepark-06{
background-image: url("common/images/bg/bg-sciencepark-06.jpg");
}

.bg-sciencepark-07{
background-image: url("common/images/bg/bg-sciencepark-07.jpg");
}

.bg-infrastructure-01{
background-image: url("common/images/bg/bg-infrastructure-01.jpg");
}

.bg-infrastructure-02{
background-image: url("common/images/bg/bg-infrastructure-02.jpg");
}

.bg-infrastructure-03{
background-image: url("common/images/bg/bg-infrastructure-03.jpg");
}

.bg-businessincubation-01{
background-image: url("common/images/bg/bg-businessincubation-01.jpg");
}

.bg-businessincubation-02{
background-image: url("common/images/bg/bg-businessincubation-02.jpg");
}

.bg-businessincubation-03{
background-image: url("common/images/bg/bg-businessincubation-03.jpg");
}

.bg-businessincubation-04{
background-image: url("common/images/bg/bg-businessincubation-04.jpg");
}

.bg-businessincubation-05{
background-image: url("common/images/bg/bg-businessincubation-05.jpg");
}

.bg-list-01{
background-image: url("common/images/bg/bg-list-01.jpg");
background-position: center top;
}

.bg-list-02{
background-image: url("common/images/bg/bg-list-02.jpg");
}

.bg-list-03{
background-image: url("common/images/bg/bg-list-03.jpg");
}

.bg-facilitiesguide-01{
background-image: url("common/images/bg/bg-facilitiesguide-01.jpg");
}

.bg-facilitiesguide-02{
background-image: url("common/images/bg/bg-facilitiesguide-02.jpg");
}

.bg-facilitiesguide-03{
background-image: url("common/images/bg/bg-facilitiesguide-03.jpg");
}

.bg-facilitiesguide-04{
background-image: url("common/images/bg/bg-facilitiesguide-04.jpg");
}

.bg-access-01{
background-image: url("common/images/bg/bg-access-01.jpg");
}

.bg-access-02{
background-image: url("common/images/bg/bg-access-02.jpg");
}

.bg-common{
background-image: url("common/images/bg/bg_common.jpg");
}

/*========================================================
search
 ======================================================= */
 
 
.search-list a{
 font-weight: bold;
 color: #0061B3!important;
 font-size: 120%;
 }


/* [-] レスポンシブ対応
=========================================================================================== */


/* for - 1280px
=========================================================================================== */
@media screen and (max-width: 1120px) {


/* ===============================================================
ヘッダー
================================================================== */


/*sub-naviエリア*/
header nav{
flex-wrap: wrap;
}

header nav div{
width: 100%;
justify-content: flex-end;
}

/*sub-navi背景*/
#header nav div.sub-nav-block{
min-height: 40px;
}

#header nav .sub-nav-block .lang,
#header nav .sub-nav-block .sub-nav{
margin-top: 0px;
}

#header nav .sub-nav-block .font-size,
#header nav .sub-nav-block .search{
margin-top: 10px;
}

/*Gナビ index*/

.mega-menu {
width: 714px;
}


.mega-menu {
font-size: 80%;
}

.mega-menu dd{
width: 32%;
height: 100px;
}

.mega-menu dd img{
width: 100%;
height: auto;
}

/*Gナビ コンテンツページ*/

#contents #gnav .gnav li a{
font-size: 90%;
}

/*#contents #gnav .gnav li:nth-of-type(3) a{
padding: 7px 15px 10px 10px;
}*/

#localnav{
width: 1024px;
margin: auto auto;
}

}

/* for - 1024px
=========================================================================================== */
@media screen and (max-width: 1024px) {


/* ===============================================================
ヘッダー
================================================================== */


/*sub-naviエリア*/
header nav{
flex-wrap: wrap;
}

header nav div{
width: 100%;
justify-content: flex-end;
}

/*sub-navi背景*/
#header nav div.sub-nav-block{
min-height: 40px;
}

/*Gナビ index*/

.mega-menu {
width: 714px;
}


.mega-menu {
font-size: 80%;
}

.mega-menu dd{
width: 32%;
height: 100px;
}

.mega-menu dd img{
width: 100%;
height: auto;
}

/*Gナビ コンテンツページ*/

#contents #gnav .gnav li a{
font-size: 90%;
}

/*#contents #gnav .gnav li:nth-of-type(3) a{
padding: 7px 15px 10px 10px;
}*/

#localnav{
width: 1024px;
margin: auto auto;
}


/* ===============================================================
パンくず
================================================================== */

#breadcrumb {
margin: 10px 10px;
}

/* ====================================================================================
common-contents
======================================================================================= */

#common-contents #vacancy,
#common-contents #ksp-info,
#common-contents #access,
#common-contents #time-table,
#common-contents #useful-info{
width: 32%;
}

#common-contents #bn_area {
width: 32%
}



}

/* for - 846px
=========================================================================================== */
@media screen and (min-width: 846px) {
.table-note{
font-size: 12px!important;
}
}

/* for - 845px
=========================================================================================== */
@media screen and (max-width: 845px) {

/* ===============================================================
グローバルCSS
================================================================== */

/***************************** 共通css */

html,body{
	font-size: 12px;
	line-height: 1.8em;
}


#wrap{
padding-top: 54px;/*ヘッダー高さ分*/
} 

/***************************** レイアウト */

/*CONTENTS用　article メインコンテンツ*/
#contents main {
margin-top: 30px;
}

/* ===============================================================
ヘッダー
================================================================== */

/*Gナビ コンテンツページ*/

#contents #gnav{
height: 150px;
}

/*タイトルロゴ英語*/
#header a h1.en {
background: url( "common/images/ksp_logo_en.png");
background-size: 100% auto;
background-repeat: no-repeat;
width: 250px;
height: 43px;
display: block;
margin: 0px;
padding: 0px;
position: absolute;
top: 50%;
    left: 40px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/* ===============================================================
フッター
================================================================== */

footer {
font-size: 100%;
}


/* ====================================================================================
common-contents
======================================================================================= */

#common-contents #vacancy,
#common-contents #ksp-info,
#common-contents #access,
#common-contents #time-table,
#common-contents #useful-info{
width: 49%;
}

#common-contents #bn_area {
width: 49%
}

}
/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {
}
/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {


/* ===============================================================
グローバルCSS
================================================================== */

/***************************** レイアウト */

/*section余白＆マージン*/
section {
padding: 10px;
}



/* ====================================================================================
common-contents
======================================================================================= */
#common-contents .inner {
padding: 10px;
}


#common-contents #vacancy,
#common-contents #ksp-info,
#common-contents #access,
#common-contents #time-table,
#common-contents #useful-info{
width: 100%;
}

#common-contents #bn_area {
width: 100%;
}

/* ===============================================================
フッター
================================================================== */
/*UPPER*/
footer .upper{
padding: 30px 10px 60px 10px;
}

/*UNDER*/
footer .under .left{
width: 100%;
color: #fff;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
}

footer .under .left div{
width: 49%;
display: block;
}

footer .under .left div:nth-of-type(1){
padding-right: 10px;
}


footer .under .right{
display: none;
}

}

/* ===============================================================
Google reCAPTCHA 消し
================================================================== */
.grecaptcha-badge { visibility: hidden; }

/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {
}