@charset "UTF-8";
/*	------------------------------------------------------------------
Client		：エコポート九州
File Name	：_base.scss	
File Ver	：Ver 1.0
Create		：2015/3/16
Last Update	：2015/4/8
------------------------------------------------------------------- */
.row, .grid, header, #globalNav, .local_nav ul, #contents, .container--center, footer, footer div:first-child nav ul, .horizontal_list, .br_list, .float_box, .float_box--tri, .subBox, .subBox__inner, .subBox__horizontal, .subBox__horizontal--long {
  *zoom: 1;
}
.row:after, .grid:after, header:after, #globalNav:after, .local_nav ul:after, #contents:after, .container--center:after, footer:after, footer div:first-child nav ul:after, .horizontal_list:after, .br_list:after, .float_box:after, .float_box--tri:after, .subBox:after, .subBox__inner:after, .subBox__horizontal:after, .subBox__horizontal--long:after {
  content: "";
  display: table;
  clear: both;
}

.btn--gradation {
  color: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#78b3fb), to(#539cf7));
  background: linear-gradient(to bottom, rgba(120, 179, 251, 0.6), rgba(83, 156, 247, 0.6));
  background-color: #78b3fb;
  -moz-transition: background, 0.6s, liner;
  -o-transition: background, 0.6s, liner;
  -webkit-transition: background, 0.6s, liner;
  transition: background, 0.6s, liner;
  -moz-transition: background-color, 0.6s, liner;
  -o-transition: background-color, 0.6s, liner;
  -webkit-transition: background-color, 0.6s, liner;
  transition: background-color, 0.6s, liner;
}
.btn--gradation:hover {
  color: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, from(#529bf7), to(#478ddf));
  background: linear-gradient(to bottom, rgba(82, 155, 247, 0.6), rgba(71, 141, 223, 0.6));
  background-color: #529bf7;
}

/* ！BASE SETTING		******************************************* */
html {
  font-size: 62.5%;
  background: #989A97;
}

* {
  font-size: 1.3rem;
}

body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 13px;
  font-size: 1.3rem;
  color: #666;
  background: #FFF;
  font-family: "メイリオ", "Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  line-height: 1.8;
}
body a {
  color: #282828;
}
body a:hover {
  color: #4E99FA;
}

/*	------------------------------------------------------------------
Client		：エコポート九州
File Name	：_grid.scss	
File Ver	：Ver 1.0
Create		：2015/3/16
Last Update	：2015/4/8
Author		：ANCHOR WEBSITE FACTORY
------------------------------------------------------------------- */
.main_container {
  width: 1026px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}

.row > .grid:first-child {
  padding-left: 0;
}
.row > .grid:last-child {
  padding-right: 0;
}

.grid {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}

.grid--center {
  float: none;
  margin: 0 auto;
}

.grid_0 {
  width: 0%;
}

.grid_1 {
  width: 8.33333%;
}

.grid_2 {
  width: 16.66667%;
}

.grid_3 {
  width: 25%;
}

.grid_4 {
  width: 33.33333%;
}

.grid_5 {
  width: 41.66667%;
}

.grid_6 {
  width: 50%;
}

.grid_7 {
  width: 58.33333%;
}

.grid_8 {
  width: 66.66667%;
}

.grid_9 {
  width: 75%;
}

.grid_10 {
  width: 83.33333%;
}

.grid_11 {
  width: 91.66667%;
}

.grid_12 {
  width: 100%;
}

/*	------------------------------------------------------------------
Client		：エコポート九州
File Name	：_layout.scss	
File Ver	：Ver 1.0
Create		：2015/3/16
Last Update	：2015/4/8
Author		：ANCHOR WEBSITE FACTORY
------------------------------------------------------------------- */
/* ！HEADER 		************************* */
header {
  height: 80px;
  background: #FFF;
}

.logo {
  position: absolute;
  left: 0;
  top: 24.5px;
}
.logo a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 188px;
  height: 29px;
  background: url(../image/common/logo_large.png) left top no-repeat;
  display: block;
}

/* ！GLOBAL NAV ************************* */
#globalNav {
  float: right;
}
#globalNav li {
  float: left;
  display: inline;
}
#globalNav li a {
  width: 100px;
  height: 80px;
  text-align: center;
  display: block;
  line-height: 80px;
  text-decoration: none;
  margin-left: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
}
#globalNav li a:before {
  content: '';
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
#globalNav li a:hover {
  margin-left: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
}
#globalNav li a:hover:before {
  content: '';
}
#globalNav li a:hover, #globalNav li a.is_nav_active {
  background: #4E99FA;
  color: #FFF;
  text-decoration: none;
}
#globalNav li .submenu {
  display: none;
}

/* ！LOCAL NAV ************************* */
.container-nav_shadow {
  box-shadow: inset 0 8px 12px -8px rgba(0, 0, 0, 0.5);
}

.local_nav {
  float: right;
  padding-top: 28px;
  height: 52px;
}
.local_nav li {
  float: left;
  margin-left: 2em;
}
.local_nav a {
  color: #FFF;
  display: block;
  padding: .5em .3em;
  line-height: 1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  text-decoration: none;
}
.local_nav a:before {
  content: '';
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.local_nav a:hover {
  margin-left: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
}
.local_nav a:hover:before {
  content: '';
}
.local_nav a:hover {
  background: #FFF;
  color: #666;
}
.local_nav a.is_local_nav_active {
  background: #FFF;
  color: #666;
}

/* ！COTENT ************************* */
#contents {
  background: #F6F6F6;
  padding-bottom: 80px;
}

.container--center {
  position: relative;
  width: 1026px;
  margin: auto;
  overflow: hidden;
}

.container--center-L {
  position: relative;
  width: 1160px;
  margin: auto;
  overflow: hidden;
}


.lv1 {
  margin-top: 40px;
}

.lv2 {
  margin-top: 20px;
}

.lv3 {
  margin-top: 10px;
}

/*
.container--fill{
	margin-left: -($gutter);
	margin-right: -($gutter);
	@extend %clearfix;
	
}
*/
/* ！FOOTER ************************* */
footer {
  background: #FFF;
}

dl.vertical dt {
  font-weight: bold;
  margin-bottom: .5em;
}
dl.vertical dd {
  padding-bottom: .2em;
  padding-top: .2em;
}

footer div:first-child {
  height: 40px;
}
footer div:first-child h2 {
  float: left;
  display: inline;
  padding-top: 10px;
}
footer div:first-child nav ul {
  float: right;
}
footer div:first-child nav ul li {
  float: left;
  display: inline;
  margin-left: 2.5em;
  line-height: 40px;
  font-size: 12px;
  font-size: 1.2rem;
}
footer div:first-child nav ul li a {
  padding-left: 0;
  color: #282828;
  text-decoration: none;
  margin-left: -.65em;
}
footer div:first-child nav ul li a:before {
  content: '>';
  padding-right: .2em;
  margin-left: -.65em;
  margin-right: .65em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  color: #4E99FA;
  font-weight: normal;
}
footer div:first-child nav ul li a:hover {
  text-decoration: none;
  margin-left: -.65em;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  color: #4E99FA;
}
footer div:first-child nav ul li a:hover:before {
  content: '>';
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  font-weight: normal;
  margin-left: 0;
  margin-right: 0;
}
footer div:first-child nav ul li a:hover {
  color: #4E99FA;
}
footer nav.container--center {
  width: 1160px;
  padding-top: 30px;
  display: flex;
  padding-left: 1em;
  background: url(../image/common/img_ecopo.png) left center no-repeat;
}
footer nav.container--center > .vertical {
  width: 16.214%;
  border-right: 1px solid #CCC;
  margin-right: 2%;
}
footer nav.container--center .vertical {
  margin-bottom: 20px;
  color: #717171;
}
footer nav.container--center .vertical:first-child {
  margin-left: 128px;
}
footer nav.container--center .vertical dt {
  font-size: 14px;
  font-size: 1.4rem;
}
footer nav.container--center .vertical dt a {
  padding-left: 0;
  color: #282828;
  text-decoration: none;
  margin-left: -.65em;
  color: #464646;
}
footer nav.container--center .vertical dt a:before {
  content: '>';
  padding-right: .2em;
  margin-left: -.65em;
  margin-right: .65em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  color: #4E99FA;
  font-weight: normal;
}
footer nav.container--center .vertical dt a:hover {
  text-decoration: none;
  margin-left: -.65em;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  color: #4E99FA;
}
footer nav.container--center .vertical dt a:hover:before {
  content: '>';
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  font-weight: normal;
  margin-left: 0;
  margin-right: 0;
}
footer nav.container--center .vertical dt a:hover {
  color: #4E99FA;
}
footer nav.container--center .vertical dd {
  font-size: 12px;
  font-size: 1.2rem;
}
footer nav.container--center .vertical dd a {
  padding-left: 0;
  color: #282828;
  text-decoration: none;
  margin-left: -.65em;
  color: #717171;
}
footer nav.container--center .vertical dd a:before {
  content: '>';
  padding-right: .2em;
  margin-left: -.65em;
  margin-right: .65em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  color: #4E99FA;
  font-weight: normal;
}
footer nav.container--center .vertical dd a:hover {
  text-decoration: none;
  margin-left: -.65em;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  color: #4E99FA;
}
footer nav.container--center .vertical dd a:hover:before {
  content: '>';
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  font-weight: normal;
  margin-left: 0;
  margin-right: 0;
}
footer nav.container--center .vertical dd a:hover {
  color: #4E99FA;
}
footer nav.container--center div.fl {
  width: 35.946%;
}
footer nav.container--center div.fl .vertical:first-child {
  margin-left: 0;
}
footer nav.container--center div.fl .vertical dd a {
  padding-left: 0;
  color: #282828;
  text-decoration: none;
  margin-left: -.65em;
  color: #282828;
}
footer nav.container--center div.fl .vertical dd a:before {
  content: '>';
  padding-right: .2em;
  margin-left: -.65em;
  margin-right: .65em;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  color: #4E99FA;
  font-weight: normal;
}
footer nav.container--center div.fl .vertical dd a:hover {
  text-decoration: none;
  margin-left: -.65em;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  color: #4E99FA;
}
footer nav.container--center div.fl .vertical dd a:hover:before {
  content: '>';
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
  font-weight: normal;
  margin-left: 0;
  margin-right: 0;
}
footer nav.container--center div.fl .vertical dd a:hover {
  color: #4E99FA;
}
footer small {
  display: block;
  text-align: center;
  font-weight: normal;
  color: #FFF;
  padding: 15px 0;
  font-size: 10px;
  font-size: 1rem;
  border: none;
}

/* ！MARGIN SETTING			******************************************* */
.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

/*	------------------------------------------------------------------
Client		：エコポート九州
File Name	：module.scss	
File Ver	：Ver 1.0
Create		：2015/3/16
Last Update	：2015/4/8
Author		：ANCHOR WEBSITE FACTORY
------------------------------------------------------------------- */
/* ！COLOR SETTING		******************************************* */
.bg_color_b01 {
  background: #9ED3E0;
}

.bg_color_b02 {
  background: #E2E9EC;
}

.bg_color_b03 {
  background: #4E99FA;
}

.bg_color_g01 {
  background: #F6F6F6;
}

.bg_color_g02 {
  background: #989A97;
}

span.small {
  font-size: 11px;
  font-size: 1.1rem;
}

.last {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

/* ！TEXT			******************************************* */
.attention_text {
  color: red;
}

.attention_nowdate {
  font-size: 12px;
  font-size: 1.2rem;
}

.tex_left {
  text-align: left;
}

.tex_right {
  text-align: right;
}

/* ！IMAGE			******************************************* */
.img_max {
  max-width: 100%;
  height: auto;
}

.img_pr {
  vertical-align: middle;
  padding-left: 20px;
}

.img_pl {
  vertical-align: middle;
  padding-right: 20px;
}

.img_fr {
  float: right;
  display: inline;
  padding-left: 20px;
  margin-bottom: 10px;
}

.img_fl {
  float: left;
  display: inline;
  padding-right: 20px;
  margin-bottom: 10px;
}

.round, .float_box li img, .float_box--tri li img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.img_caption {
  font-size: 11px;
  font-size: 1.1rem;
}

/* ！LINK			******************************************* */
.link_block, .link_block--list {
  line-height: 1.4;
  text-decoration: none;
  font-weight: normal;
  display: block;
}
.link_block .entry_date, .link_block--list .entry_date {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}
.link_block img, .link_block--list img {
  vertical-align: bottom;
}

.link_block--list {
  min-height: 210px;
  height: 210px;
  padding: 10px 10px 5px;
  background: #FFF;
}

.link_block--list__pic {
  margin-bottom: 10px;
  min-height: 116px;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-box-align: center;
  box-align: center;
}

/* ！BUTTON			******************************************* */
.btn {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 4.2;
  margin: 20px auto 0 auto;
  display: block;
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
}

.btn--half {
  width: 50%;
  text-align: center;
}

.img_btn {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity, 0.3s;
  -o-transition: opacity, 0.3s;
  -webkit-transition: opacity, 0.3s;
  transition: opacity, 0.3s;
}
.img_btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

/* ！LIST			******************************************* */
.horizontal_list dt {
  float: left;
  display: inline;
  line-height: 1.7;
  font-weight: bold;
  color: #111;
}
.horizontal_list dd {
  line-height: 1.7;
  padding-left: 11em;
  border-bottom: none;
}
.horizontal_list dt {
  padding-left: 0;
  color: #4E99FA;
  font-weight: normal;
}
.horizontal_list dd {
  padding-bottom: .5em;
  margin-bottom: .5em;
  border-bottom: 1px dotted #DDD;
}

.vertical_list dt {
  line-height: 1.7;
}
.vertical_list dd {
  clear: both;
  margin: 1em 0;
  padding-bottom: 0;
  line-height: 1.7;
  border-bottom: 1px solid #EEE;
}
.vertical_list dt {
  color: #60C1CE;
  padding-bottom: 0;
}
.vertical_list dd {
  margin: 0;
  padding-top: .3em;
  padding-bottom: .3em;
}

.br_list li {
  margin-bottom: .5em;
  border-bottom: 1px dotted #c5ced3;
}
.br_list span {
  font-size: 12px;
  font-size: 1.2rem;
}
.br_list span.vertical {
  display: block;
  color: #436A80;
}
.br_list dt {
  float: left;
  display: inline;
  line-height: 2;
  font-weight: bold;
  color: #111;
}
.br_list dd {
  line-height: 2;
  padding-left: 5em;
  border-bottom: 1px solid #EEE;
}
.br_list dt {
  font-weight: normal;
  color: inherit;
  font-size: 12px;
  font-size: 1.2rem;
}

.list li {
  padding-bottom: 0;
  line-height: 2;
  border-bottom: none;
}
.list li {
  border-bottom: 1px dotted #c5ced3;
  padding-top: .5em;
  padding-bottom: .5em;
}
.list li a {
  display: block;
  text-decoration: none;
}
.list.dl a {
  padding-left: .5em;
  -moz-transition: color, 0.3s, easeOutCubic;
  -o-transition: color, 0.3s, easeOutCubic;
  -webkit-transition: color, 0.3s, easeOutCubic;
  transition: color, 0.3s, easeOutCubic;
}
.list.dl a:before {
  content: url(../image/common/icn_download.png);
  margin-right: 1em;
  position: relative;
  top: 1px;
}
.list.icn li {
  text-indent: -2.5em;
  padding-left: 2.5em;
}
.list.icn li:before {
  content: url(../image/common/icn_ict_tri.png);
  margin-right: 1em;
  position: relative;
  top: 5px;
}
.list.lk a {
  padding-left: .5em;
  -moz-transition: color, 0.3s, easeOutCubic;
  -o-transition: color, 0.3s, easeOutCubic;
  -webkit-transition: color, 0.3s, easeOutCubic;
  transition: color, 0.3s, easeOutCubic;
}
.list.lk a:before {
  content: url(../image/common/icn_lk.png);
  margin-right: 1em;
  position: relative;
  top: 5px;
}

.list--nest {
  list-style-type: none;
}
.list--nest li:last-child {
  border: none;
}

.list--indent li {
  text-indent: -1.6em;
  padding-left: 1.6em;
}

/* ！TABLE			******************************************* */
.default_table {
  margin: 0 auto;
  width: 100%;
}
.default_table th,
.default_table td {
  padding: .5em 1em;
  border-bottom: 1px solid #DDD;
  text-align: center;
  border-left: 1px solid #DDD;
}
.default_table th {
  background: #E2E9EC;
  color: #436A80;
  border-top: 1px solid #DDD;
  font-weight: normal;
}
.default_table th:last-child,
.default_table td:last-child {
  border-right: 1px solid #DDD;
}
.default_table td:first-child {
  background: #E2E9EC;
  color: #436A80;
}

/* ！BOX			******************************************* */
.float_box li, .float_box--tri li {
  float: left;
  padding-right: 40px;
  padding-top: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.float_box li img, .float_box--tri li img {
  width: 100%;
  height: auto;
}
.float_box figcaption, .float_box--tri figcaption {
  font-size: 12px;
  font-size: 1.2rem;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  background: #577D90;
  color: #FFF;
}

.float_box--div_5 li {
  width: 20%;
}
.float_box--div_5 li:nth-child(-n+5) {
  padding-top: 0;
}
.float_box--div_5 li:nth-child(5n) {
  background: none;
}

.float_box--div_4 li {
  width: 25%;
}
.float_box--div_4 li:nth-child(-n+4) {
  padding-top: 0;
}
.float_box--div_4 li:nth-child(4n) {
  background: none;
}

.float_box--div_3 li {
  width: 33.3333%;
}
.float_box--div_3 li:nth-child(-n+3) {
  padding-top: 0;
}
.float_box--div_3 li:nth-child(3n) {
  background: none;
}

.float_box--div_2 li {
  width: 50%;
}
.float_box--div_2 li:nth-child(-n+2) {
  padding-top: 0;
}
.float_box--div_2 li:nth-child(even) {
  background: none;
}

.float_box--tri li {
  background: url(../image/business/icn_next.png) 95% 45% no-repeat;
}
.float_box--tri li:last-child {
  background: none !important;
}

.subBox {
  background: url(../image/common/icn_plus.png) left top no-repeat, url(../image/common/icn_plus.png) right top no-repeat, url(../image/common/icn_plus.png) left bottom no-repeat, url(../image/common/icn_plus.png) right bottom no-repeat;
  padding: 1em;
}

.subBox__inner {
  background: #FFF;
  padding: 1.2em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #E2E9EC;
}

.subBox__title {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  background: #60c1ce;
  color: #FFF;
  margin-bottom: .5em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.subBox__title_center {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
}

.subBox__horizontal {
  float: left;
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 0;
}
.subBox__horizontal dt {
  float: left;
  display: inline;
  line-height: 3;
  font-weight: bold;
  color: #111;
}
.subBox__horizontal dd {
  line-height: 3;
  padding-left: 7em;
  border-bottom: 1px solid #EEE;
}
.subBox__horizontal dt {
  color: #60C1CE;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  padding-left: 0;
}
.subBox__horizontal dd {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.subBox__horizontal--long {
  float: left;
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
}
.subBox__horizontal--long dt {
  float: left;
  display: inline;
  line-height: 3;
  font-weight: bold;
  color: #111;
}
.subBox__horizontal--long dd {
  line-height: 3;
  padding-left: 7em;
  border-bottom: 1px solid #EEE;
}
.subBox__horizontal--long dt {
  color: #60C1CE;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 0;
}
.subBox__horizontal--long dd {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.subBox__body {
  text-align: center;
}

/*
.section_block{
	margin-bottom: $contentsSpace;
}

.subBox--pagelead{
	margin-top: -12.5px;
}
*/
/* ！PLUGIN			******************************************* */
/* ！PAGE NAVI */
#pagenavi {
  position: relative;
  margin: 20px 0 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding: 5px 0;
}
#pagenavi a,
#pagenavi .page-numbers.current {
  display: inline-block;
  padding: .2em .8em;
  background: #FFF;
  font-weight: bold;
  color: #666;
}
#pagenavi a:hover,
#pagenavi .page-numbers.current:hover {
  background: #F67676;
  text-decoration: none;
  color: #fff;
}
#pagenavi .page-numbers.current {
  background: #F67676;
  text-decoration: none;
  color: #fff;
}
#pagenavi strong {
  padding: 5px 10px 3px;
  background: #FFF;
  border-radius: 3px;
  font-weight: bold;
  color: #fff;
}
#pagenavi #before {
  position: absolute;
  top: 0;
  left: 80px;
}
#pagenavi #next {
  position: absolute;
  top: 0;
  right: 80px;
}

/* ！BX SLIDER */
.bx-wrapper {
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}

.bx-viewport {
  z-index: 1000;
}

.bx-controls {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1140px;
  margin-left: -570px;
  margin-top: -20.5px;
  height: 41px;
  z-index: 0;
}

.bx-controls-direction {
  height: 41px;
  position: relative;
}

.bx-next,
.bx-prev {
  text-indent: -9999px !important;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity, 0.3s, linear;
  -o-transition: opacity, 0.3s, linear;
  -webkit-transition: opacity, 0.3s, linear;
  transition: opacity, 0.3s, linear;
}
.bx-next:hover,
.bx-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -moz-transition: opacity, 0.3s, linear;
  -o-transition: opacity, 0.3s, linear;
  -webkit-transition: opacity, 0.3s, linear;
  transition: opacity, 0.3s, linear;
}

.bx-next {
  background: url(../image/common/arrow_right.png) center center no-repeat;
  width: 40px;
  height: 41px;
  position: absolute;
  top: 0;
  right: 0;
}

.bx-prev {
  background: url(../image/common/arrow_left.png) center center no-repeat;
  width: 40px;
  height: 41px;
  position: absolute;
  top: 0;
  left: 0;
}

.slide a {
  position: relative;
  margin-left: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
}
.slide a:before {
  content: '';
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.slide a:hover {
  margin-left: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
}
.slide a:hover:before {
  content: '';
}
.slide a img {
  vertical-align: bottom;
}
.slide a span {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  background: rgba(0, 0, 0, 0.6);
  color: #FFF;
  padding: .5em 1%;
  width: 98%;
}

.fl {
  float: left;
}

.btn_fade {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  margin-left: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
}
.btn_fade:before {
  content: '';
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.btn_fade:hover {
  margin-left: 0;
  -moz-transition: 0.3s, easeOutCubic;
  -o-transition: 0.3s, easeOutCubic;
  -webkit-transition: 0.3s, easeOutCubic;
  transition: 0.3s, easeOutCubic;
}
.btn_fade:hover:before {
  content: '';
}
.btn_fade:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}