@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);

/*--------------------------------------------------------------*/

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	
*/

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

* html body {     
    background:url(null) fixed;     
}  

body {
	margin:0;
	padding:0;
	font-family:"メイリオ" , Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
html {
	overflow-x:hidden;
} 

.img_none {
	width:auto !important;
	max-width:100%;
}
.img_left {
	float:left;
	margin:0 15px 15px 0;
	width:auto !important;
}
.img_right {
	float:right;
	margin:0 0 15px 15px;
}
/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */
a {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#ff8b07;
	text-decoration:none;
}
a:active {
	color:#333;
	text-decoration:none;
}
a.content_link:link,
a.content_link:visited,
a.content_link:active {
	color: #eb8e00;
	text-decoration: underline;
}
a.content_link:hover {
	text-decoration: none;
}
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ボタン */
.btn_item {
	display:block;
	padding:0 10px !important;
	line-height:35px;
	color:#fff;
	border-radius: 2px; /* CSS3草案 */ 
	-webkit-border-radius: 2px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 2px; /* Firefox用 */
	height:35px ;
	background:#ff8b07;
	font-size:100%;
	position:relative;
	text-align:left;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-align:center;
}
.btn_item:hover {
	background:#333;
	color:#fff;
}
/*------------------------------------ 
教員紹介 コンテンツ修正
------------------------------------ */
body main.teach .itemBox li {
	height: 600px;
}
body main.teach .itemBox li a {
	height: 600px;
}
/*------------------------------------ 
教員紹介 コンテンツ修正　ここまで
------------------------------------ */
/* ------------------------------------------------------------ */
/* 検索 */
/* ------------------------------------------------------------ */
#serch {
	padding:50px 0;
	max-width:1024px;
	width:95%;
	margin:0 auto;
	min-height:350px;
}
.google {
	width:250px;
	height:35px;
	overflow:hidden;
	padding:5px 0 0;
}
.gsc-control-cse {
    font-family: Arial, sans-serif;
    border: none !important;
    background: none !important;
	padding:0 !important;
}
.gsib_a {
	padding:0 !important;
}
table.gsc-search-box td {
    vertical-align: top!important;
	height:25px;
	padding:0px;
	position:relative;
}
.gsc-input td input {
	height:20px !important;
}
.google  table {
	height:25px !important;
}
.gsc-input {
	padding:0 !important;
	margin:0px !important;
	position:absolute;
	top:2px;
	left:2px;
}
.gsc-search-button {
	width:20px !important;
}
.gsc-search-button img {
	width:5px;
}
input.gsc-search-button-v2 {
	padding:5px !important;
	margin:0 !important;
	width:13px!important;
	height:13px!important;
}
td.gsc-search-button {
	height:25px !important;
overflow:hidden;
}
input.gsc-search-button {
    font-family: inherit;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    padding: 0 8px;
	margin:3px 0 0 !important;
    height:auto !important;
    min-width:13px !important;
    border: 1px solid #666666;
    border-radius: 0 !important;
    -moz-border-radius:  0 !important;
    -webkit-border-radius:  0 !important;
}
/* ------------------------------------------------------------ */
/* 全体格納 */
/* ------------------------------------------------------------ */
#wrapper {
}

#container {
}

/* ヘッダー */
header {
	background:#f1f1f1;
	font-size:12px;
	clear:both;
	overflow:hidden;
	height:40px;
	line-height:40px;
}
header .box {
	padding:0 30px;
}

header .left {
	width:40%;
	float:left;
}
header .left li {
	float:left;
	margin:0 35px 0 0;
}
header .right {
	width:60%;
	float:right;
}
header .right li {
	float:right;
	margin:0 0 0 35px;
}
header a .fa-facebook-official {
	color:#3a5a98;
	font-size:14px;
}
@media screen and (min-width: 1024px) {
.sp {display:none !important;}
/* グローバルナビ */
nav {
	background-color: rgba(255,255,255,0.95);
    width: 100%;
    height: 100px;
	position:absolute;
	top:40px;
	z-index:200;
	border-bottom:solid 1px #f1f1f1;
}
nav.fixed {
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 10000;
}
nav .box {
	padding:0 10px 0 20px;
}
nav h1 {
	width:19%;
	height:82px;
	max-width:300px;
	float:left;
	padding:18px 0 0 0;
}
nav h1 a{
}
nav h1 a img {
	width:95%;
}
nav ul#menu {
	width:81%;
	max-width:900px;
	float:right;
} 

nav ul#menu li.item {
	width:14.2%;
	max-width:160px;
	float:left;
	text-align:center;
	overflow:hidden;
	font-size:14px;
}
nav ul#menu li.item a {
	display:block;
	height:100px;
	line-height:100px;
}	
	nav ul#menu li.faq a {
		line-height:1.5em;
		height:70px;
		padding:30px 0 0 0;
	}
nav ul#menu li:hover > a {
    background-color: #47474f;
	color:#fff;
	position:relative;
}
nav ul#menu li:hover > a:before {
    content: "\f078";
    font-family: FontAwesome;
	font-size:10px;
	position:absolute;
	bottom:-35px;
	left:50%;
	margin:0 0 0 -6px;
	line-height:100px !important;
}
nav ul#menu li a:hover {
    background-color: #47474f;
	color:#fff;
}
nav .nav-child {
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #47474f;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    transition: all 0.2s ease-in-out 0s;
	color:#fff;
}
nav ul#menu .inbox li:hover > a {
    background-color: #282836;
	color:#ff8b07;
	position:relative;
}
nav ul#menu li:hover .inbox{
    overflow:visible !important;
}
nav ul#menu li .inbox li a,
nav ul#menu li .inbox a {
	opacity: 0;
}
nav ul#menu li:hover .inbox li a,
nav ul#menu li:hover .inbox a {
	opacity: 1;
}
nav .nav-child02 {
    position: absolute;
	z-index:9999;
    left: 0;
    top: 60px;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: #282836;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    transition: all 0.2s ease-in-out 0s;
	color:#fff;
}
nav ul#menu li .nav-child li:hover .nav-child02 {
  height: 60px;
}
nav ul#menu li:hover .nav-child {
  height: 60px;
}
nav ul#menu .nav-child ul {
  width: 1024px;
  margin: 0 auto;
  text-align: center;
  clear:both;
  overflow:hidden;
  height:60px;
}
nav ul#menu .nav-child ul li {
  display: inline-block;
  font-size:14px;
}
nav ul#menu .nav-child ul li a {
	color:#fff;
	display:block;
	padding:0 20px;
  height:60px;
  	  line-height:60px !important;

}
nav ul#menu .nav-child ul li a:hover {
	color:#ff8b07;
}
}
/* コンテンツ */
main {
}


/* フッター */
/*footer {
	background:url(../img/footer_bg.png) no-repeat 0 0;
	background-size:cover;
	padding:100px 0 0;
}
*/
footer {
	background:url(../img/footer_bg.png) no-repeat 0 0;
	background-size:cover;
	padding:60px 0 0 0;
  background-position: 50% 50%;            /* 背景画像の位置は画面中央 */
  background-attachment:fixed;             /* 背景画像を固定する */	
}


footer .box01 {
	text-align:center;
	margin:0 0 60px 0;
}

footer .box01 section.box{
	width:400px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin:0 30px;
}

footer .box01 section.box h2{
	font-size:28px;
	font-weight:normal;
	color:#fff;
	line-height:43px;
	padding:20px 0 20px 170px;
	margin:0 0 20px 0;
	background-position:left center;
	background-repeat:no-repeat;
}

		footer .box01 section.for_student h2{
			background-image:url(../img/footer_student_img01.png);
		}
		
		footer .box01 section.for_teacher h2{
			background-image:url(../img/footer_teacher_img01.png);
		}

footer .box01 section.box p.text{
	font-size:14px;
	line-height:1.7em;
	color:#fff;
	margin:0 0 20px 0;
}

footer .box01 section.box ul{
	
}

footer .box01 section.box ul li{
	margin:0 0 10px 0;
}

footer .box01 section.box ul li a{
	display:block;
	background-color:#3b92b3;
	color:#fff;
	background-image:url(../img/arrow_right_white_01.png);
	background-position:right 15px center;
	background-repeat:no-repeat;
	border-radius:2px;
	padding:20px;
	
}		  
		  footer .box01 section.box ul li a:hover{
			  background-position:right 10px center;
			  background-color:#1f5265;
		  }
		  
		  footer .box01 section.box ul li.ban a{
			  background-color:#fff;
			  color:#fff;
			  background-image:url(../img/arrow_right_red_01.png);
			  padding:0;
		  }
		  
		   footer .box01 section.box ul li.ban a:hover{
			  background-color:#fff;
			  opacity:0.8;
		  }
		  
		  footer .box01 section.box ul li.ban_img a{
			  background-color:transparent;
			  text-align:center;
			  padding:0;
		  }
		  
		  footer .box01 section.box ul li.ban_img a img{
			  background-color:#fff;
			  width:100%;
		  }
		  
		  footer .box01 section.box ul li.ban_img a:hover{
			  opacity:0.8;
		  }

footer .box01 section.box{
	
}

footer .box02 {
	height:90px;
	background:#333333;
	line-height:90px;
	position:relative;
}
footer .box02 li {
	float:left;
	margin:0 0 0 40px;
	color:#fff;
}
footer .box02 li a {
	color:#fff;
}
footer .box02 li i {
	font-size:10px;
	margin:0 10px 0 0;
}
footer .box02 #pagetop {
	position:absolute;
	right:0;
	top:0;
	width:90px;
	height:90px;
	background:#000;
}
footer .box02 #pagetop a {
	color:#fff;
	display:block;
	text-align:center;
	font-size:30px;
}
footer .box02 #pagetop a {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 20px;
}
footer .copy {
	height:50px;
	width:100%;
	background:#000;
	color:#fff;
	text-align:center;
	line-height:50px;
	font-size:10px;
}
footer .fb a i,
footer .btn_blue a i {margin:0 5px 0 0;}

@media screen and (max-width: 1023px) , print{
.pc {display:none !important;}
.sp {display:block !important;}
.bx-controls-direction {
	display:none;
}

/* ヘッダー */
#spHead {
	width:100%;
	position:fixed;
	z-index:9999;
    background-color: rgba(255,255,255,0.9);
	height:50px;
	padding:10px 0 ;
}
#spHead h1 {
	position:absolute;
	top:10px;
	left:10px;
	z-index:9999;
}
#spHead h1 img {
	height:50px;
}
/* コンテンツ */

/* フッター */
footer {
    background: url(../img/footer_bg.png) no-repeat 0 0;
    background-size: cover;
    padding: 60px 0 0;
}
footer .btn_blue {
    width: 90%;
    margin: 0 auto 30px;
    clear: both;
    overflow: hidden;
}
footer .fb {
    width: 90%;
    margin: 0 auto 80px;
    clear: both;
}
footer .box01 {
	text-align:center;
	margin:0 0 90px 0;
}

footer .box01 section.box{
	width:46%;
	min-width:380px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
	margin:0 1.5% 30px 1.5%;
}

footer .box01 section.box h2{
	font-size:24px;
	line-height:43px;
	padding:24px 0 0 170px;
	
}

		footer .box01 section.for_student h2{
			
		}
		
		footer .box01 section.for_teacher h2{
			
		}

footer .box01 section.box p.text{
	
}

footer .box01 section.box ul{
	
}

footer .box01 section.box ul li{
	
}

footer .box01 section.box ul li a{
	
	
}		  
		  footer .box01 section.box ul li a:hover{
			  
		  }
		  
		  footer .box01 section.box ul li.ban a{
			  
		  }
		  
		  footer .box01 section.box ul li.ban a img{
			  width:100%;
		  }
		  
		   footer .box01 section.box ul li.ban a:hover{
			  
		  }

footer .box01 section.box{
	
}
footer .box02 {
    height: 60px;
    background: #333333;
    line-height: 60px;
    position: relative;
	font-size:13px;
}
footer .btn_sp {
	width:90%;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
footer .btn_sp li {
	width:30%;
	margin:0 1.5%;
	text-align:center;
	float:left;
}
footer .btn_sp li a {
    display: block;
    background: #3b94b5;
    border-radius: 3px;
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
}
footer .box02 {
    height: 45px;
    background: #333333;
    line-height: 45px;
    position: relative;
	font-size:14px;
	text-align: center;
}
footer .box02 ul {
	text-align:center;
}
footer .box02 li {
	display:inline-block;
	margin:0 20px;
	font-size:14px;
	float:none;
}
footer .box02 li i {
    font-size: 10px;
    margin: 0 4px 0 0;
}
footer .box01 {
	width:90%;
	margin:0 auto 40px;
}
#pagetop_sp {
	width:100%;
}
#pagetop_sp a {
	display:block;
	background: #000;
	height:50px;
	line-height:50px;
	text-align:center;
	color:#fff;
}
#pagetop_sp a i {margin:0 10px 0 0; font-size:10px;}
footer .btn_sp li a i {margin:0 5px 0 0;}
footer .btn_sp .fb_sp a {
	background:#fff;
	color: #3a5a98;
}

}

@media screen and (max-width: 767px) {
/* ヘッダー */
#spHead {
	width:100%;
	position:fixed;
	z-index:9999;
    background-color: rgba(255,255,255,0.9);
	height:30px;
	padding:10px 0 ;
}
#spHead h1 {
	width:20%;
	position:absolute;
	top:10px;
	left:10px;
}
#spHead h1 img {
	height:30px;
}
/* コンテンツ */
main {
}


/* フッター */
footer {
    background: url(../img/footer_bg.png) no-repeat 0 0;
    background-size: cover;
    padding: 40px 0 0;
}

footer .box01 {
	width:90%;
	margin:0 auto;
}

footer .box01 section.box{
	width:100%;
	min-width:auto;
	margin:0 0 40px 0;
}

footer .box01 section.box h2{
    font-size: 20px;
    line-height: 35px;
	min-height:120px;
    padding: 20px 0 0 140px;
    margin: 0 0 10px 0;
    background-size: 120px 120px;
}

		footer .box01 section.for_student h2{
			
		}
		
		footer .box01 section.for_teacher h2{
			
		}

footer .box01 section.box p.text{
	
}

footer .box01 section.box ul{
	
}

footer .box01 section.box ul li{
	
}

footer .box01 section.box ul li a{
	display:block;
	
	
}		  
		  footer .box01 section.box ul li a:hover{
			  
		  }
		  
		  footer .box01 section.box ul li.ban a{
			  
		  }
		  
		  footer .box01 section.box ul li.ban a img{
			  width:100%;
		  }
		  
		   footer .box01 section.box ul li.ban a:hover{
			  
		  }

footer .box01 section.box{
	
}
footer .box02 {
    height: 40px;
    background: #333333;
    line-height: 40px;
    position: relative;
	font-size:12px;
	text-align: center;
}
footer .box02 ul {
	text-align:center;
}
footer .box02 li {
	display:inline-block;
	margin:0 8px;
	font-size:10px;
	float:none;
}
footer .box02 li i {
    font-size: 10px;
    margin: 0 4px 0 0;
}
footer .btn_sp {
	width:90%;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
footer .btn_sp li {
	width:30%;
	margin:0 1.5%;
	text-align:center;
	float:left;
}
footer .btn_sp li a {
    display: block;
    background: #3b94b5;
    border-radius: 3px;
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
}
footer .btn_sp li a i {margin:0 5px 0 0;}
}


/*↓↓↓↓2017年11月9日追記フッター上部のコンテンツナビ↓↓↓↓ */

@media screen and (min-width: 768px) , print {
	/*  sp以外のコンテンツ  */
/* FIXバナー01 */
#fixBn01 {
	width:100%;
}
#fixBn01 .box {
	width:50%;
	float:left;
	height:280px;
	display:table;
}
#fixBn01 .box a {
	display:table;
	height:100%;
	width:100%;
	box-sizing:border-box;
	position:relative;
}
#fixBn01 .box .txt {
	width:50%;
	background:#fff;
	display: table-cell;
    vertical-align: middle;
	text-align:center;
}
#fixBn01 .box .txt h3 {
	font-size:30px;
	margin:0 0 30px;
	position:relative;
	font-weight:400;
}
#fixBn01 .box .txt h3:before {
	content: '';
	border-top: 1px solid #666;
	width: 90px;
	position:absolute;
	bottom:-15px;
	left:50%;
	margin:0 0 0 -45px;
}
#fixBn01 .box .img {
	width:50%;
	height:100%;
	position:absolute;
	right:0;
	z-index:10;
}
#fixBn01 .item01 a {
	border:1px solid #f1f1f1;
	border-top:none;
}
#fixBn01 .item02 a {
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	border-top:1px solid #f1f1f1;
	border-top:none;
}
#fixBn01 .item01 .img {
	background:url(../img/top_bn_01.png);
	background-size:cover;
}
#fixBn01 .item02 .img {
	background:url(../img/top_bn_02.png);
	background-size:cover;
}

#fixBn01 .box a .txt {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#fixBn01 .box a:hover .txt {
	width:100%;
	height:100%;
	background:#ff8b07;
	color:#fff;
	position:relative;
	z-index:11;
}
#fixBn01 .box a:hover .txt h3:before {
	content: '';
	border-top: 1px solid #fff;
	width: 90px;
	position:absolute;
	bottom:-15px;
	left:50%;
	margin:0 0 0 -45px;
}
/* FIXバナー02 */
#fixBn02 {
	width:100%;
	border-bottom:1px solid #f1f1f1;
	overflow:hidden;
	clear:both;
}
#fixBn02 .box {
	width:33.333333333%;
	float:left;
	height:280px;
	display:table;
}
#fixBn02 .box a {
	display:table;
	height:100%;
	width:100%;
	box-sizing:border-box;
	position:relative;
}
#fixBn02 .box .txt {
	width:100%;
	height:50%;
	background:#fff;
	display: table-cell;
    vertical-align: middle;
	text-align:center;
	position:absolute;
	right:0;
	top:50%;
	z-index:10;
	padding:25px 0 0;
}
#fixBn02 .box .txt h3 {
	font-size:22px;
	margin:0 0 20px;
	position:relative;
	font-weight:400;
}
#fixBn02 .box .txt h3:before {
	content: '';
	border-top: 1px solid #666;
	width: 80px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin:0 0 0 -40px;
}
#fixBn02 .box .img {
	width:100%;
	height:50%;
	position:absolute;
	right:0;
	z-index:10;
}
#fixBn02 .item03 a {
	border-bottom:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
}
#fixBn02 .item04 a {
	border-bottom:1px solid #f1f1f1;
}
#fixBn02 .item05 a {
	border-bottom:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1;
}
#fixBn02 .item03 .img {
	background:url(../img/top_bn_03.png);
	background-size:cover;
}
#fixBn02 .item04 .img {
	background:url(../img/top_bn_04.png);
	background-size:cover;
}
#fixBn02 .item05 .img {
	background:url(../img/top_bn_05.png);
	background-size:cover;
}
#fixBn02 .box a .txt {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#fixBn02 .box a:hover .txt {
	width:100%;
	height:100%;
	background:#ff8b07;
	color:#fff;
	position:relative;
	z-index:11;
	top:0;
}
#fixBn02 .box a:hover .txt h3:before {
	content: '';
	border-top: 1px solid #fff;
	width: 90px;
	position:absolute;
	bottom:-5px;
	left:50%;
	margin:0 0 0 -45px;
}
}

@media screen and (min-width:768px) and ( max-width:1024px) , print{
	/*------------- コンテンツナビ  -------------*/
#fixBn01 .box .txt h3 {
    font-size: 24px;
    margin: 0 0 20px;
    position: relative;
    font-weight: 400;
}
#fixBn02 .box .txt h3 {
    font-size: 18px;
    margin: 0 0 20px;
    position: relative;
    font-weight: 400;
}
#fixBn02 .box .txt p,
#fixBn01 .box .txt p {
	font-size:12px;
	width:90%;
	margin:0 auto;
}
#fixBn01 .box .txt p br {
	display:none;
}
#fixBn01 .box .txt h3:before {
    content: '';
    border-top: 1px solid #666;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -45px;
}
#fixBn01 .box a:hover .txt h3:before {
	content: '';
	border-top: 1px solid #fff;
	width: 90px;
	position:absolute;
	bottom:-10px;
	left:50%;
	margin:0 0 0 -45px;
}

#fixBn01 .box {
    height: 200px;
}
#fixBn02 .box {
    height: 200px;
}
#fixBn02 .box .txt {
    padding: 15px 0 0;
}
}

@media screen and (max-width: 767px) {
/*------------- コンテンツナビ  -------------*/
#fixBn01 {
	width:95%;
	margin:0 auto;
	padding:40px 0 0 0;
}
#fixBn02 {
	border-bottom:solid 1px #f1f1f1;
	margin:0 auto 40px;
	width:95%;
}
#fixBn02 .box,
#fixBn01 .box {
	width:100%;
}
#fixBn02 .box a,
#fixBn01 .box a {
	display:block;
	position:relative;
	border-top:solid 1px #f1f1f1;
	border-right:solid 1px #f1f1f1;
	border-left:solid 1px #f1f1f1;
	height:100px;
}
#fixBn02 .box a .txt,
#fixBn01 .box a .txt {
	position:absolute;
	top:5px;
	left:30%;
	padding:10px 0 0;
	width:60%;
}
#fixBn02 .box a .txt p,
#fixBn01 .box a .txt p {
	font-size:12px;
}
#fixBn02 .box a .txt h3,
#fixBn01 .box a .txt h3 {
	font-size:107%;
}
#fixBn02 .img,
#fixBn01 .img {
	width:25%;
	height:90px;
	position:absolute;
	left:5px;
	top:5px;
}
#fixBn02 .box a:before,
#fixBn01 .box a:before {
    content: "\f054";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: 38px;
    right: 4%;
    margin: 0 0 0 -6px;
    color: #ff8b07;
}
#fixBn01 .item01 .img {
	background:url(../img/top_bn_01.png);
	background-size:cover;
}
#fixBn01 .item02 .img {
	background:url(../img/top_bn_02.png);
	background-size:cover;
}
#fixBn02 .item03 .img {
	background:url(../img/top_bn_03_sp.png);
	background-size:cover;
}
#fixBn02 .item04 .img {
	background:url(../img/top_bn_04_sp.png);
	background-size:cover;
}
#fixBn02 .item05 .img {
	background:url(../img/top_bn_05_sp.png);
	background-size:cover;
}
}