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


/* 背景はpngで保存 */


/* コンテナーサイズ（全体）幅1200px */
.container{
  width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
}

/*スライダー*/
.container_slaid{
	width: 100%;
	padding: 0 0;
	margin: 0 auto;
}

#slider {
	width:	100%;
	height:	735px;
}

.container_s5{
	width: 900px;
	padding: 0px 15px 50px 15px;
	margin: 0 auto;
}

/* 背景100％表示 */

body{
	min-width:800px;
}

/* ボタンコンテナ */

.container_s2{
  width: 1200px;
  padding: 0;
  margin: 0 auto;
}

/* ムービーコンテナ1300 */
.container_s3{
	width: 900px;
	height: 400px;
	padding: 0;
	margin: 0 auto;
	overflow:hidden;
}

.tp_an{
	margin-top:-100px;
	padding-top:100px;
}

/* 最新情報コンテナ */
.container_s4{
  width: 1000px;
  padding: 0;
  margin: 0 auto;
}


#globalNavi{
	width: 100%;
	height: 80px;
	background: #00356A;
	z-index: 10000;
	/* [disabled]text-align: center; */
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/* トップここから */


/* サイドボタン */
#bucktop {	
	width:33px;
	height:266px;
	position:fixed;
	z-index:40;
	top: 260px;
	right: 0;
}

.bb1{
	line-height: 0;
}

/* ヘッダー全体部分*高さ65px*幅全体*カラーはRGB+透明*positionfixedでヘッダー上に固定*トップ0で上にずっとz軸は10設定（仮） */
header{
  height: 60px;
  width: 100%;
  background-color: #FFF;
  top: 0;
  z-index: 10;
}

/* ロゴ部分サイズ*幅124px*マージン上10px */
.logo{
  width: 123px;
  margin-top: 10px;
}

.logo_s2{
  float: left;
}

.logo_2{
  width: 125px;
  margin: 20px 20px 18px 20px;
}

.text_main_p1{
  width: 715px;
}

.text_main_p2{
	width: 660px;
	margin: 0 50px 0 50px;
	padding: 20px 0 20px 0;
}

.line_pp1{
  height: 90px;
  width: 750px;
  border-top: 2px solid #002C5A;
  border-bottom: 2px solid #002C5A;
  margin: 0 200px 0 220px;
}

#text1{
  padding-bottom: 10px;
}

.textbox1{
	width: 1200px;
	text-align: center;
	margin-top: 20px;
}

.textbox2{
	width: 1200px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 300px

}

.textbox2 p{
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 18px;
  line-height: 1.8em;
  color: #002C5A;
}

.textbox1 h1{
  font-size: 42px;
  margin: 26px 0 20px 0;
}

.botan_ss1 {
   background: #002C5A;
   font-size: 23px;
   font-weight: 100;
   padding: 55px;
   border: solid #FFFFFF 1px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
}

.botan_ss1:hover {
   background: #204371;
   text-decoration: none;
}

#botan_b1{
	
}

/*トップに戻る*/

#topbutton {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 200px;   /* ←下端からの距離 */
      right: 20px;    /* ←右端からの距離 */

      /* ▼最初は非表示にしておく */
      display: none;

      /* ▼配色・配置・文字の装飾など */
	  z-index:10000;
   }
#topbutton:hover {
      /* ▼マウスが載ったときの装飾 */
      pacity: 0.8;
}


/* ヘッダー左コンテンツ(フロート） */
.header-left{
  float: left;
}

/* ヘッダー右コンテンツ(フロート)*背景色RGB+透明 */
.header-right{
  float: right;
  background-color: rgba(255,255,255,0.3);
}

/* ヘッダー右コンテンツ*リンク文字設定*行高さ65px*左右スペース25px文字色ホワイト*ブロック要素 */
.header-right a{
  line-height: 65px;
  padding: 0 25px;
  color: white;
  display: block;
}

/* トップイメージ*png*サイズ1024px*576px*背景全体をカバー */
.top-wrapper{
  height: 735px;
  background-color: #464646;
  color: #000;
}

/* トップh1*文字透過(0.7)*サイズ45px*文字間5px*行間上下24px */
.top-wrapper h1{
  opacity: 0.7;
  font-size: 45px;
  letter-spacing: 5px;
  margin: 24px 0;
}

/* トップボタンnew */

#menu{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

#menu li{
  display: block;
  float: left;
  width: 14.2%;
  margin: 0;
  padding: 0; 
}
  
#menu li a{
  font-size: 15px;
  display: block;
  padding: 30px 0 30px;
  background: #00356A;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#menu li a:hover{
  background: #8A0012;
}

#toggle{ 
 display: none;
}

/* フッターボタン */
#menu2{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

#menu2 li{
  display: block;
  float: left;
  width: 16.6%;
  margin: 0;
  padding: 0; 
}
  
#menu2 li a{
  font-size: 13px;
  display: block;
  padding: 10px 0 10px;
  background: #00356A;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#menu2 li a:hover{
  background: #8A0012;
}

#toggle2{ 
 display: none;
}


/* トップp*文字透過(0.7)*サイズ14px*行間5px */
.top-wrapper p{
  opacity: 0.7;
  font-size: 14px;
  margin: 5px 0;
}

/* トップp.ボタン全体の文字マージン上下10px */
.btn-wrapper p{
  margin: 10px 0;
}

/* トップボタン自体のマージン上下20px*/
.btn-wrapper{
  margin: 20px 0;
}

/* フェイスブックボタンカラーとマージン上下左右10px */
.facebook{
  background-color: #3b5998;
  margin-right: 10px;
}

/* 全てのボタンサイズ文字+上下8px左右24px*文字色ホワイト*インラインブロック*透明0.8*角丸4px */
.btn1{
  padding: 20px 100px;
  color: #FFF;
  display: inline-block;
  border: 1px solid;
  border-radius: 4px;
}

.btn2{
	width: 475px;
	height: 60px;
	padding: 20px 0 20px 0;
	color: #000;
	display: inline-block;
	border: 1px solid;
	border-radius: 5px;
}


.btn3{
	width: 1300px;
}

.btn6{
	width: 1000px;
}

.btnline{
	width: 1000px;
}

/* ボタン */
.onedex{
  padding: 20px 100px;
  color: #FFF;
  display: inline-block;
  border: 1px solid;
  border-radius: 4px;
  font-size: 24px;
  letter-spacing: 0.2em;
  font-weight: 100;
  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  background-color: #002C5A;
}

.onedex2{
	padding: 15px 10px 10px 0;
	margin: 0px 20px 20px 20px;
	color: #002C5A;
	display: inline-block;
	border: 1px solid;
	border-color: #fff;
	border-radius: 5px;
	font-size: 24px;
	letter-spacing: 0.1em;
	font-weight: 100;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
	background-color: #FFF;
}

.botan_tt1{
  height: 23px;
  margin: 0 30px 0 0;
}

.botan_tt2{
  height: 23px;
  margin: 0 30px 0 30px;
}

.botan_tt3{
  width: 1300px;
}

.link_ba1{
  width: 1000px;
}

.link_ba2{
  width: 475px;
}

.link_batt1{
	width: 144px;
	height: 77px;
}

.fo_textss{
	width: 677px;
	margin: 100px 0 50px 0;
}


.bana1{
}



/* ツイッターボタンカラー*/
.twitter{
  background-color: #55acee;
}

/*ボタンマウスオーバー透過0.8*/
.btn1:hover{
  opacity: 0.8;
}

.btn2:hover{
  opacity: 0.8;
}

.btn3:hover{
  opacity: 0.8;
}

.btn6:hover{
  opacity: 0.8;
}

.btn_bana:hover{
  opacity: 0.8;
}

/*トップ全体中心揃え*/
.top-wrapper{
  text-align: center;
}


/* トップここまで */


/* コンテンツここから */


/* メインコンテンツボックス*高さ500px*下空間80px*背景色#f7f7f7*中心揃え */
.main-wrapper{
	height: 500px;
	padding-bottom: 80px;
	background: #f7f7f7;
	text-align: center;
	position: relative;
	z-index: -2;
}

.main-wrapper1{
	height: 900px;
	background: #f7f7f7;
	text-align: center;
	position: relative;
	background-image: url(../img/top/back_tter_y1.png);
	background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #464646;
	z-index: 5;
}

.main-wrapper2{
	height: 260px;
	background-image: url(../img/top/back_ppse1.png);
	background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #464646;
	text-align: center;
	position: relative;
	z-index: 6;
}

.main-wrapper3{
	height: 620px;
	background: #fff;
	text-align: center;
	position: relative;
	z-index: 7;
}

.main-wrapper4{
	height: 1280px;
	background: #fff;
	text-align: center;
	position: relative;
	z-index: 7;
}

.main-wrapper5{
	height: 460px;
	background-image: url(../img/top/fu_back.png);
	background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #464646;
	text-align: center;
	position: relative;
	z-index: 8;
}

/* コンテンツ見出し文字部分*上空間60px*下空間30px*文字色5f5d60 */
.heading{
  padding-top: 60px;
  padding-bottom: 30px;
  color: #5f5d60;
}

.heading2{
	padding-top: 80px;
	padding-bottom: 60px;
	color: #fff;
}

.heading4{
	height: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: thin solid #002C5A;
	color: #fff;
}

.heading5{
	height: 94px;
	width: 475px;
	border-bottom: thin solid #002C5A;
	color: #fff;
	float: left;
}

.heading6{
	height: 94px;
	width: 475px;
	border-bottom: thin solid #002C5A;
	color: #fff;
	float: right;
}

/* コンテンツ見出し文字部分*フォントサイズ20px*マージン下10px*フォント太さnormal */
.heading h2{
  font-size: 20px;
  margin: 0 0 10px 0;
  font-weight: normal;
}

.heading2 h2{
  font-size: 20px;
  margin: 0 0 10px 0;
  font-weight: normal;
}

/* コンテンツメイン部分フロート*/
.label{
  float: left;
  width: 25%;
}

/* コンテンツイメージ_親_相対パス */
.label_icon{
	position: relative;
	z-index: -1;
}

/* コンテンツh3*文字_子_相対パス*上90px*幅100%*文字色黒 */
.label_icon h3{
	font-size:12px;
	position: absolute;
	top: 95px;
	width: 100%;
	color: #000;
	left: 0px;
}

/* コンテンツ文字 */
.txt-contents{
  width: 80%;
  display: inline-block;
  margin: 20px 0 0 0;
  font-size: 12px;
  color: #b3aeb5;
}

/* 最新情報部分 */

.nwes_text_p1{
	margin: 12px 0 12px 0;
}

.nwes_text_p1:hover{
    background-color: #000;
    opacity: 0.6;
}

.news_r1{
	height: 96px;
}

#textsr4{
	width: 70%;
	height: 25px;
	display: block;
	float: left;
}

#textsr4 h2{
	color: #002C5A;
	font-size: 22px;
	text-align: left;
}

#textsr4_t1{
	width: 30%;
	height: 25px;
	display: block;
	float: right;
}

.news_photo{
  width: 90px;
  float: left;
}

.heading5 p{
	color: #002C5A;
	font-size: 13px;
	text-align: left;
	line-height: 1.7em;
}

.heading6 p{
	color: #002C5A;
	font-size: 13px;
	text-align: left;
	line-height: 1.7em;
}


#news_ub{
	width: 375px;
	height: 70px;
	display: block;
	float: left;
	padding: 0 0 0 10px;
}
.list{
	text-align: left;
}

/*-------------------------------セミナー-----------------------------------*/
.sem_sew2_r1{
	width: 100%;
	float: right;
	overflow:hidden;
	background-color: #00742F;
}
.sem_sew2_r2{
	width: 100%;
	float: right;
	overflow:hidden;
	margin:15px auto 0;
}
.sem_sew2{
	width: 100%;
	overflow:hidden;
	margin: 50px 0;
	padding: 0;
}
.sem_sew2_l1{
	width: 30%;
	float: left;
}
.sem_sew2_l1_photo{
	width: 100%;
}
.sem_sew2_r{
	width: 65%;
	float: right;
	overflow:hidden;
}
.sem_sew2_r_p1{
	width: 65%;
	float: right;
	overflow:hidden;
}
.sem_sew2_l3{
	width: 100%;
	float: left;
}
.sem_sew2_l3_c1{
	width: 100%;
	float: left;
}
.sem_sew2_l3_c2{
	width: 50%;
	float: left;
}
.sem_sew2_l3_c2_pp1{
	width: 40%;
	float: left;
}
.sem_sew2_l3 h1{
	font-size: 18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #333;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: -0.1em;
	margin: 0;
}
.sem_sew2_l3 h2{
	font-size: 13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #333;
	text-align: left;
	line-height: 2em;
	margin: 0;
}
.sem_sew2_l3_c1 h1{
	font-size: 13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #333;
	text-align: left;
	line-height: 2em;
	margin: 0;
}
.sem_sew2_l3_c2 h1{
	font-size: 13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #333;
	text-align: left;
	line-height: 2em;
	margin: 0;
}
.sem_sew2_l3_c2_pp1 h1{
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #333;
	text-align: left;
	line-height: 2em;
	letter-spacing: -0.18em;
	margin: 0;
}
.sem_sew2_r3{
	width: 25%;
	float: right;
}
.sem_sew2_r3_bb1{
	width: 25%;
	float: right;
	margin-right: 5px;
}
.hiduke{
	width: 68%;
	float: left;
}
.hiduke2{
	width: 30%;
	float: right;
}
.hiduke h1{
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: left;
	line-height: 2em;
	padding: 0 0 0 15px;
	margin: 0;
}
.hiduke2 h2{
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: right;
	line-height: 2em;
	padding: 0 15px 0 0;
	margin: 0;
}

/*-------------------------------セミナー-----------------------------------*/


/* 最新情報ボタン */

.newsbotan{
  padding: 5px 2px 5px 2px;
  color: #000;
  display: inline-block;
  border: 1px solid;
  border-radius: 4px;
  font-size: 9px;
  letter-spacing: 0.1em;
  font-weight: 100;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background-color: #000;
}

.btn4{
	width: 80px;
	height: 25px;
	padding: 3px 5px 0 5px;
	color: #fff;
	display: inline-block;
	border: 1px solid;
	border-radius: 5px;
	float: right;
}

.btn4:hover{
  opacity: 0.8;
}

.news_link{
	font-size: 11px;
	color: #000;
}

/* コンテンツバナー */
.content_ba1{
	height: 260px;
	margin: 65px 0 50px 0;
}

.content_ba1_ert1{
	height: 130px;
	margin: 65px 0 0 0;
}


.content_ba2{
	height: 356px;
	margin: 0 0 50px 0;
}

.ub_bana1{
	width: 475px;
	height: 356px;
	float: left;
}

.ub_bana2{
	width: 475px;
	height: 356px;
	float: right;
}

.ub_bana_s1{
	height: 190px;
	margin: 0 0 22px 0;
}

.ub_bana_s2{
	height: 144px;
	width: 150px;
	margin: 0 12px 0 0;
	float: left;
}

.top_bana_l1{
	height: 142px;
	width: 148px;
	border: solid 1px #cccccc;
	background-color: #fff;
}

.top_bana_l1:hover{
    opacity: 0.6;
}

.top_bana_l1{
	height: 142px;
	width: 148px;
	border: solid 1px #cccccc;
	background-color: #fff;
}

.top_bana_l2{
	height: 139px;
	width: 144px;
	margin: 1px 1px 1px 1px;
	background-color: #F6F6F6;
}

.bana2_photo_s1{
	width: 144px;
	height: 77px;
}

.bana2_photo_s2{
	width: 144px;
	height: 61px;
}

.bana2_photo_s2 h1{
	color: #000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.8em;
	font-weight: bolder;
	margin: 18px 0 0 0;
}

.ub_bana_s3{
	height: 144px;
	width: 150px;
	margin: 0 0 0 0;
	float: left;
}

/* サブコンテンツ */


/* サブコンテンツh5*フォント幅normal* */
.heading h5{
  font-size: 12px;
  font-weight: normal;
}

/* サブコンテンツボックス*下線一本線1pカラー#eee*下空間80px*センター揃え */
.sub-wrapper{
  border-bottom: 1px solid #eee;
  padding-bottom: 80px;
  text-align: center;
}

/* ボタン部分文字設定*内側余白上下15px*左右40px*背景色#5dca88*カーソル手マーク*ドロップシャドウ下7pxカラー#1a7940 */
.botantext{
	padding: 15px 40px;
	background-color: #84c1d6;
	cursor: pointer;
	box-shadow: 0px 7px #44a1c1;
	z-index: 5;
}

/* ボタン押した時の反応*ポジション親*下に7px下がる*ドロップシャドウなし */
.botantext:active{
  position: relative;
  top: 7px;
  box-shadow: none;
}


/* サブコンテンツここまで */


/* コンテンツここまで */


/* フッター */

.fo_text_c1{
	height: 460px;
}

.fo_text_c1 h3{
	color: #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: 300;
}


/* フッターロゴサイズ */
footer img{
  width: 125px;
}

/* フッター文字カラー#b3aeb5*サイズ12px */
footer p{
  color: #fff;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  text-align: center;
}

/* フッター上幅30px  */
footer{
  padding-top: 30px;
  background: #00356A;
}


/* フッターここまで */