@charset "utf-8";
/*---------------------------------*/
/*1.共通
/*---------------------------------*/

/*ボックスサイズの計算方法を指定*/
*{
    box-sizing: border-box;
}

/*ページ全体の基本スタイル*/
body{
    color: #4d4d4d;
    font-size: 14px;
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","MS Pゴシック","sans-serif";
    line-height: 1.6;
}

/*リンクの基本スタイル*/
a{
    color: #007de1;
    transition: 0.5s;
}

/*リンクにマウスが乗った時のスタイル*/
a:hover{
    opacity: 0.7;
}

/*画像の基本スタイル*/
img{
    vertical-align: bottom;
}

/*三等分で横並び*/
.col-4{
    width: 25%;
}

/*写真のフレーム*/
.photoframe{
    border: 1px solid #eeeeee;
    border-radius: 7px;
    box-shadow: 1px 1px 1px #999999;
    padding: 5px;
}

/*段落の基本スタイル*/
p{
    padding-bottom: 0;
}



/*---------------------------------*/
/*2.レイアウト
/*---------------------------------*/

/*ページ全体を囲む枠*/
#wrapper{
    margin: 0 auto;
    width: 960px;
}

/*---------------------------------*/
/*3.ヘッダー
/*---------------------------------*/

/*エリア外枠のスタイル*/
header{
    padding-top: 15px;
    padding-bottom: 25px;
}

/*見出しのスタイル*/
h1{
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
}

/*ロゴのスタイル*/
#header-logo img{
    width: 100%;
    height: 60px;
}

/*---------------------------------*/
/*4.グローバルナビゲーション
/*---------------------------------*/

/*エリア外枠のスタイル*/
#gNav{
    margin-bottom: 25px;
}

/*メニューリストを囲む枠*/
#gNav ul{
    display: -webkit-flex;
    display: flex;

}

/*メニューリストの共通スタイル*/
#gNav li{
    border-left: 1px solid #7dceec;
    height: 57px;
    text-align: center;
    width: 16.6%;
}

/*1番右のメニューリストのスタイル*/
#gNav li:last-child{
    border-right: 1px solid #7dceec;
}

/*メニューリストのリンクスタイル*/
#gNav a{
    color: #4d4d4d;
    display: block;
    font-size: 15px;
    height: 57px;
    line-height: 2;
    text-decoration: none;
}

/*メニューにマウスを乗せたときのスタイル*/
#gNav a:hover{
    background-color: #BDF5FE;
}

/*メニューの英文字スタイル*/
#gNav a span{
    color: #007de1;
    display: block;
    font-family: arial;
    font-size: 13px;

}

/*現在ページのメニュースタイル*/
#gNav .current-menu-item a, #gNav .current-menu-item a span{
    background-color: #2AA8E5;
    color: #ffffff;


}

/*---------------------------------*/
/*5.コンテンツ
/*---------------------------------*/

/*エリア外枠のスタイル*/
#contents{
    margin-bottom: 60px;
}

#contents .inner{
    margin-bottom: 25px;
}

#contents .text-box{
    padding: 0 25px;
}

/*3)中見出し*/
h2{
    background-color: #74a813;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 25px;
    padding: 0.5em 1em;
}


/*6)事業内容のbox*/
.biz-box{
    padding: 0 10px;
    margin-bottom: 0px;
}

/*7)小見出し*/
h3{
    font-size: 14px;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #999999;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0.2em 1em;
}

/*7)事業内容の見出し*/
.biz-box h3{
    text-align: center;
}

/*8)事業内容の画像*/
.biz-box img{
    margin-bottom: 25px;
    width: 100%;
}

/*---------------------------------*/
/*6.フッター
/*---------------------------------*/
/*エリア外枠のスタイル*/
#footer{
    background-color: #2AA8E5;
    color: #ffffff;
    padding: 25px;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 25px;

}

/*エリア左側のボックス*/
#footer-left{
    width: 350px;

}

/*エリア右側のボックス*/
#footer-right{
    width: 550px;

}

/*ロゴ*/
#footer-logo img{
    margin-bottom: 15px;
    width: 300px;
    height: 60px;

}

/*会社所在地*/
#address{
    font-size: 12px;

}

/*著作権表記*/
#copyright{
    text-align: right;
    display: block;

}

/*---------------------------------*/
/*7.フッターナビゲーション
/*---------------------------------*/

/*エリア外枠のスタイル*/
#fNav{
    margin-bottom: 65px;

}

/*メニューリストを囲む枠*/
#fNav ul{
    display: -webkit-flex;
    display: flex;
    width: 540px;
    margin-left: auto;

}

/*メニューリストの共通スタイル*/
#fNav li{
    padding: 0 15px;
    border-right: 1px solid #ffffff;
}

/*一番最後のメニュー*/
#fNav li:last-child{
    border-right: none;
    padding-right: 0;
}

/*メニューリンクの共通スタイル*/
#fNav a{
    color: #ffffff;
    text-decoration: none;

}

/*メニューリンクにマウスを乗せたときのスタイル*/
#fNav a:hover{
    background-color: #ffffff;
    color: #2AA8E5;
    opacity: 1;

}

/*---------------------------------*/
/*8.トップページ専用スタイル
/*---------------------------------*/
/*1)エリア内枠のスタイル*/

/*2)メイン画像*/
#main_visual{
    width: 100%;
}

/*4)新着情報のリスト*/
#news li{
    border-bottom: 1px dotted #aaaaaa;
    padding: 0.2em;
}

/*5)事業内容の枠*/
#our-business{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*---------------------------------*/
/*9.お知らせページ専用スタイル
/*---------------------------------*/

/*1)横並びのbox*/
#box{              
    display: -webkit-flex;
    display: flex;
}

/*右のbox*/
.right{
    width: 480px;
    padding: 25px;
}

/*左のbox*/
.left{
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 480px;
    /*check*/
}

/*visual調整*/
.visual{
    vertical-align: middle;
    width: 100%;
}


/*---------------------------------*/
/*10.会社概要ページ専用スタイル
/*---------------------------------*/

/*3)会社概要のテーブル*/
#company-prof {
	margin: 0 auto;
	width: 40.0%;
}

/*4)5)会社概要のテーブルセル*/
#company-prof th, #company-prof td{
    border: 1px solid #2AA8E5;
    padding: 1em;
}

#company-prof th{
    vertical-align: middle;
    width: 15%;
}
    
/*4)会社概要の見出しセル*/
#company-prof th{
    white-space: nowrap;
    background-color: #2AA8E5;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

/*6)最終行の見出しセルの境界線を着色*/
#company-prof tr:last-child th{
    border-bottom: 1px solid #ffffff;
}


#reserch th, #reserch td{
    border: 1px solid #ffffff;
    padding: 1em;
}

#reserch th{
    vertical-align: middle;
    width: 15%;
}
    
#reserch th{
    white-space: nowrap;
    background-color: #e0ffff;
    color: #000000;
    border-bottom: 1px solid #ffffff;
}


#access{
    margin-left: 96px;
    margin-right: 96px;
}

#logo-box{
    padding: 0px 50px;
    margin-bottom: 25px;
    display: -webkit-flex;
    display: flex;
}

#logo-left{
    width: 300px;
}

#logo-right{
    width:560px;
    padding: 30px;
}


/*---------------------------------*/
/*11. メンバー紹介専用スタイル
/*---------------------------------*/


#member-box{
    display: -webkit-flex;
    display: flex;
    padding: 0 50px;
}
#teacher-right{
    width: 664px;
    padding: 0px 10px 0px 25px;
}
#teacher-left{
    width: 196px;
}

#member-visual{
    width: 100%;
    padding: auto 0 auto 0;
}

h4{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

h5{
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}

h6{
    font-size: 15px;
}

h7{
    font-size: 15px;
    margin-left: 80px;
}

#company-prof {
	margin: 0 auto;
	width: 75.0%;
}

/*4)5)会社概要のテーブルセル*/
#teacher-prof th, #teacher-prof td{
    border: 1px solid #ffffff;
    height: 20%;
}

#teacher-prof th{
    text-align: left;
    width: 15%;
}
    

/*4)会社概要の見出しセル*/
#teacher-prof th{
    white-space: nowrap;
    background-color: #ffffff;
    color: #000000;
    border-bottom: 1px solid #ffffff;
}

/*6)最終行の見出しセルの境界線を着色*/
#teacher-prof tr:last-child th{
    border-bottom: 1px solid #ffffff;
}

/*---------------------------------*/
/*12.お問い合わせページ専用スタイル
/*---------------------------------*/
#mail-form iframe{
    width: 100%;
    margin-bottom: 60px;
}