@charset "UTF-8";
/* -------------------------------------
 *
 * Global: Reset
 *
** ---------------------------------- */
html,
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
blockquote,
pre,
ul,
ol,
li,
dl,
dt,
dd,
table,
caption,
col,
colgroup,
thead,
tbody,
tfoot,
tr,
th,
td,
form,
fieldset,
legend,
label,
img,
iframe,
object,
span,
a,
em,
strong,
sub,
sup,
del,
ins {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
}

table {
  border-spacing: 0;
  border: 0 none;
}

caption,
th,
td {
  font-size: 1em;
  text-align: left;
  vertical-align: top;
  border: 0 none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dt,
th,
strong {
  font-weight: normal;
}

address,
em {
  font-style: normal;
}

img {
  vertical-align: top;
  border: 0 none;
}

hr {
  display: none;
}

a {
  text-decoration: underline;
}
a:link {
  color: #167dcb;
}
a:visited {
  color: #6c8293;
}
a:hover, a:active, a:focus {
  color: #00b69a;
}
#index a {
  text-decoration: none;
}

/* -------------------------------------
 *
 * Global: Extend
 *
** ---------------------------------- */
/**
 * Extend: Sprite
** --------------------------------- **/
.hdg02-01 span:before, .hdg02-01 span:after, .hdg02-01.var01 span:before,
.hdg02-01.var01 span:after, .add-toggle .on-toggle a:after, .add-toggle .btn01:before, .tabs .tab-lists a span:after, .tabs .tab-lists a.is-active span:after, #chapter01 .next .btn01:before, #tab-business .case01 .label01:before, #tab-business .case01.is-active .label01:before, #tab-business .case02 .label01:before, #tab-business .case02.is-active .label01:before, #tab-business .case03 .label01:before, #tab-business .case03.is-active .label01:before, #tab-business .case04 .label01:before, #tab-business .case04.is-active .label01:before, #tab-business #business01 .hdg:before, #tab-business #business02 .hdg:before, #tab-business #business03 .hdg:before, #tab-business #business04 .hdg:before, #tab-private .case01 .label01:before, #tab-private .case01.is-active .label01:before, #tab-private .case02 .label01:before, #tab-private .case02.is-active .label01:before, #tab-private .case03 .label01:before, #tab-private .case03.is-active .label01:before, #tab-private .case04 .label01:before, #tab-private .case04.is-active .label01:before,#tab-private .case05 .label01:before, #tab-private .case05.is-active .label01:before, #tab-private .case06 .label01:before, #tab-private .case06.is-active .label01:before, #tab-private #private01 .hdg:before, #tab-private #private02 .hdg:before, #tab-private #private03 .hdg:before, #tab-private #private04 .hdg:before, #tab-private #private05 .hdg:before, #tab-private #private06 .hdg:before, #ex-corporate #corporate01 .hdg:before, #ex-corporate #corporate02 .hdg:before, #ex-corporate #corporate03 .hdg:before, #ex-corporate #corporate04 .hdg:before, #ex-corporate #corporate05 .hdg:before, #ex-corporate #corporate06 .hdg:before, #ex-corporate .case01 .label01:before, #ex-corporate .case01.is-active .label01:before, #ex-corporate .case02 .label01:before, #ex-corporate .case02.is-active .label01:before, #ex-corporate .case03 .label01:before, #ex-corporate .case03.is-active .label01:before, #ex-corporate .case04 .label01:before, #ex-corporate .case04.is-active .label01:before, #ex-corporate .case05 .label01:before, #ex-corporate .case05.is-active .label01:before, #ex-corporate .case06 .label01:before, #ex-corporate .case06.is-active .label01:before, #lineup .lyt-content:after, .hitsudan #content .hitsudan_contentHead p:before {
  background-image: url('../images/top/sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  content: "";
}

/*
 * Extend: Clearfix
** --------------------------------- **/
#header, .social, .box01 .inner, .box02 .inner, .column2_01,
.column2_02, .lyt-2col, .lyt-3col, .lyt-4col, .lyt-5col, .lyt-6col, .tabs .tab-lists {
  clear: both;
}
#header:after, .social:after, .box01 .inner:after, .box02 .inner:after, .column2_01:after,
.column2_02:after, .lyt-2col:after, .lyt-3col:after, .lyt-4col:after, .lyt-5col:after, .lyt-6col:after, .tabs .tab-lists:after {
  display: table;
  clear: both;
  content: "";
}

/* -------------------------------------
 *
 * Global: Elements
 *
** ---------------------------------- */
body {
  font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
  line-height: 1.5;
  word-wrap: break-word;
  color: #000;
  background: #fff;
  position: relative;
}
body.in-active-modal {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* -------------------------------------
 *
 * Global: Structure
 *
** ---------------------------------- */
.str-outer {
  width: 100%;
}

.str-inner {
  width: 1000px;
  margin: 0 auto;
}

/*
 * Structure: Header
** ---------------------------------- */
#header {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 900px;
  margin: 0 auto;
}
#header .logo {
  position: absolute;
  top: 20px;
  right: 0;
}
#header .lead {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #3eb134;
  position: absolute;
  top: 10px;
  left: 0;
}
#header .siteid {
  vertical-align: middle;
  padding-right: 20px;
}
#header .inner {
  height: 70px;
}
#header .navGlobal {
  overflow: hidden;
}
#header .navGlobal li {
  float: left;
}

/*
 * Structure: Footer
** ---------------------------------- */
#footer {
  margin: 30px 0 0;
  padding-bottom: 30px;
  border-top: #ccc 1px solid;
}
#footer .inner {
  font-size: 10px;
  text-align: center;
  color: #4f4f4f;
  width: 900px;
  margin: 0 auto;
  padding: 30px 0;
}

/*
 * Structure: Content
** ---------------------------------- */
#content {
  /*
   * .pageNav
  **/
}
#content .contentHead {
  background-color: #f6f6f6;
  background-image: url(/sp/boogieboard/images/header_bg.png);
  background-repeat: repeat-x;
  background-position: top;
  position: relative;
  z-index: 1;
  min-width: 900px;
  margin-top: -10px;
  *zoom: 1;
}
#content .contentHead h1 {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 125%;
  font-weight: bold;
  color: #3eb134;
  width: 900px;
  height: 45px;
  margin: 0 auto;
  padding-top: 20px;
}
#content .pageNav {
  font-size: 75%;
  line-height: 1.1;
  text-align: center;
  clear: both;
  padding-top: 40px;
}
#content .pageNav li {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #666;
  *display: inline;
}
#content .pageNav li.last {
  margin-right: 0;
  padding-right: 0;
  border-right: 0 none;
}
#content .pageNav a {
  color: #000;
}
#content .pageNav a:hover {
  text-decoration: none;
}
#content .pageNav em {
  font-weight: bold;
  color: #3eb134;
}

/*
 * Structure: #main
** ---------------------------------- */
#main {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 900px;
  margin: 0 auto;
  padding-top: 20px;
}

.social {
  line-height: 30px;
  position: absolute;
  top: -42px;
  right: 10px;
}
.social li {
  float: left;
}
.social li iframe {
  vertical-align: top;
}
.social li.twitter {
  width: 74px;
  padding-right:5px;
}
.social li.evernote {
  margin-top: 1px;
}
.social li.evernote a {
  vertical-align: top;
  display: inline-block;
}

/* -------------------------------------
 *
 * Global: Module
 *
** ---------------------------------- */
/*
 * Heading
**/
.hdg02-01 {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  color: #010101;
}
.hdg02-01 span {
  position: relative;
  display: inline-block;
}
.hdg02-01 span:before, .hdg02-01 span:after {
  background-position: 0 -45px;
  width: 40px;
  height: 10px;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 10px;
  margin-top: -7px;
}
.hdg02-01 span:before {
  left: -58px;
}
.hdg02-01 span:after {
  right: -58px;
}
.hdg02-01.var01 span:before,
.hdg02-01.var01 span:after {
  background-position: 0 -55px;
  width: 40px;
  height: 11px;
  height: 11px;
}

.hgroup .lead {
  font-size: 14px;
  text-align: center;
  color: #3e4045;
  margin-bottom: 13px;
}

.label01 {
  font-size: 20px;
  color: #fff;
  display: inline-block;
  box-sizing: border-box;
  padding: 9px 0 6px;
  border: 2px dotted #fff;
  border-radius: 5px;
}

.hdg02-05 {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 105%;
  font-weight: bold;
  background: url(/sp/boogieboard/images/hdg02.png) no-repeat;
  height: 43px;
  margin-top: 50px;
  padding-top: 10px;
  padding-left: 15px;
}
.hdg02-05 span {
  font-size: 80%;
  font-weight: normal;
  vertical-align: 5%;
  padding-left: 15px;
}

.hdg03-01 {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 105%;
  font-weight: bold;
  color: #3eb134;
}
.hdg03-01 .day {
  font-size: 80%;
  font-weight: bold;
  vertical-align: middle;
  color: #f00;
}

/*
 * Button
**/
.btn01 {
  background: #3e4045;
  display: inline-block;
  width: 183px;
  padding: 8px 0 5px;
  border-radius: 5px;
}
.btn01:link, .btn01:visited {
  color: #fff;
}
.btn01:hover, .btn01:active {
  background: #7c7e85;
}

/*
 * Text
**/
.notice {
  font-size: 65%;
  color: #666;
  width: 900px;
  margin: 0 auto;
  padding-top: 15px;
}

.caption {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 12px;
  display: block;
  margin-top: 3px;
}

/*
 * Box
**/
.box01 {
  margin-top: 20px;
  padding: 0 20px 30px 20px;
  border: #dcded7 2px solid;
}
.box01 p {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 80%;
}
.box01 .inner {
  overflow: hidden;
  padding-top: 30px;
}
.box01 .last {
  margin-top: 50px;
}
.box01 .data {
  float: right;
}
.box01 .ex {
  float: left;
  width: 430px;
}
.box01 .ex .img {
  float: left;
}
.box01 .ex .txt {
  float: right;
  width: 185px;
  padding-right: 15px;
}
.box01 .ex .txt p {
  margin-top: 10px;
}
.box01 .ex2 {
  float: right;
  width: 410px;
}
.box01 .ex2 .img {
  float: left;
}
.box01 .ex2 .txt2 {
  float: right;
  width: 170px;
  padding-right: 10px;
}
.box01 .ex2 .txt2 p {
  margin-top: 10px;
}
.box01 .ex3 {
  float: left;
  width: 436px;
}

.box02 {
  background-image: url(/sp/boogieboard/images/bb3/box_body.png);
  background-repeat: repeat-y;
  overflow: hidden;
  margin-top: 40px;
}
.box02 p {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 80%;
  padding-top: 10px;
}
.box02 .inner {
  background-image: url(/sp/boogieboard/images/bb3/box_bottom.png);
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 10px 25px;
}
.box02 .inner2 {
  overflow: hidden;
  padding: 10px 25px 25px;
}
.box02 .txt {
  float: left;
  width: 450px;
}
.box02 .txt .btn {
  margin-top: 10px;
}
.box02 .txt2 {
  float: left;
  width: 500px;
}
.box02 .txt2 .btn {
  margin-top: 10px;
}
.box02 .img {
  float: right;
  margin-top: 20px;
}
.box02 .clear {
  font-size: 75%;
  clear: both;
  padding-bottom: 20px;
}
.box02 .box_notice {
  font-size: 65%;
  color: #666;
  margin-top: 8px;
  padding-top: 0;
}
.box02 .box_notice em {
  font-weight: bold;
  color: #d4461e;
}
.box03 {
  padding: 5px;
  background: #dcded7;
  border-radius: 5px;
}
.box03 .inner {
  box-sizing: border-box;
  background: #f1f1f1;
  border: 1px solid #c5c8bd;
  border-radius: 3px;
  padding: 26px 28px;
  display: table;
  width: 100%;
}
.box03 .inner > p {
  display: table-cell;
  vertical-align: middle;
}

/*
 * Layout
**/
.column2_01 .col01,
.column2_02 .col01,
.column2_01 .col02,
.column2_02 .col02 {
  width: 350px;
}
.column2_01 .col01,
.column2_02 .col01 {
  float: left;
}
.column2_01 .col02,
.column2_02 .col02 {
  float: right;
}

.column2_01,
.column2_02 {
  width: 730px;
}

.column2_01 {
  margin: 0 15px 20px;
}

.column2_02 {
  margin: 0 auto;
}

.lyt-2col .col, .lyt-3col .col, .lyt-4col .col, .lyt-5col .col, .lyt-6col .col {
  float: left;
  box-sizing: border-box;
}

.lyt-2col .col {
  width: 50%;
}

.lyt-3col .col {
  width: 33%;
}
.lyt-3col .col:first-child + .col {
  width: 34%;
}

.lyt-4col .col {
  width: 25%;
}

.lyt-5col .col {
  width: 20%;
}

.lyt-6col .col {
  width: 16.66666666666667%;
}


.lyt-flt-01 {
  display: table;
  width: 100%;
}
.lyt-flt-01 .lyt-content,
.lyt-flt-01 .lyt-figure {
  vertical-align: top;
  display: table-cell;
  direction: ltr;
}

/*
 * table
**/
.tbl01 {
  margin: 20px auto 0;
}
.tbl01 tbody th {
  vertical-align: middle;
}
.tbl01 tbody td,
.tbl01 tbody th {
  font-size: 75%;
  background: #f9f9f9;
  padding: 9px 15px;
  border-top: 1px solid #ccc;
}
.tbl01 tbody td {
  text-align: center;
  border-left: solid 1px #ccc;
}
.tbl01 tbody td span,
.tbl01 tbody th span {
  font-size: 90%;
}
.tbl01 tbody td:first-child {
  text-align: left;
  border-left: none;
}
.tbl01.var01, .tbl01.var02 {
  margin-top: 0;
}
.tbl01.var01 tbody td, .tbl01.var02 tbody td {
  text-align: left;
  border-left: none;
}
.tbl01.var01 tbody td, .tbl01.var02 tbody td, .tbl01.var03 tbody td {
  font-size: 75%;
  color: #666;
  background: #f9f9f9;
  padding: 9px 15px;
  border-top: 1px solid #ccc;
}
.tbl01.var03 tbody td {
  text-align: center;
}
.tbl01.var03 tbody td:first-child {
  text-align: left;
}
.tbl01 tbody tr.even td,
.tbl01 tbody tr.even th, .tbl01.var01 tbody tr.even td, .tbl01.var02 tbody tr.even td, .tbl01.var03 tbody tr.even td {
  background: #fff;
  border-top: 1px solid #ccc;
}
.tbl01 tbody tr.last-child td, .tbl01.var01 tbody tr.last-child td, .tbl01.var02 tbody tr.last-child td, .tbl01.var03 tbody tr.last-child td {
  border-bottom: 1px solid #ccc;
}

/*
 * component
**/
/*
 * Toggle
** ---------------------------------- */
.add-toggle .str-outer {
  background: #c3d600;
  padding: 20px 0;
}
.add-toggle .on-toggle a {
  text-align: center;
  background-position: center center;
  background-size: cover;
  position: relative;
  display: block;
  box-sizing: border-box;
  min-height: 270px;
}
.add-toggle .on-toggle a:after {
  display: none;
  background-position: 0 -30px;
  width: 18px;
  height: 15px;
  position: absolute;
  bottom: -23px;
  left: 50%;
  margin-left: -9px;
}
.add-toggle .on-toggle a.is-active:after {
  display: inline-block;
}
.add-toggle .on-toggle .label01 {
  position: relative;
  min-width: 185px;
  margin-top: 150px;
}
.add-toggle .on-toggle .label01:before {
  position: absolute;
  top: -72px;
  left: 50%;
  margin: 0 0 0 -33px;
  content: "";
}
.add-toggle .on-toggle a.is-active {
  background: url(/sp/boogieboard/images/top/bg02.png) repeat !important;
  border: 3px solid #3e4045;
}
.add-toggle .on-toggle a.is-active .label01 {
  color: #3e4045;
  margin-top: 147px;
  border: none;
  border: 2px solid #c3d600;
}
.add-toggle .toggle-panel {
  background: url(/sp/boogieboard/images/top/bg02.png) #f7f7f7;
  display: none;
}
.add-toggle .toggle-panel .notice {
  font-size: 14px;
  width: auto;
}
.add-toggle .lyt-flt-01 {
  position: relative;
  box-sizing: border-box;
  padding: 0 60px;
}
.add-toggle .lyt-content {
  text-align: center;
  background: #efefef;
  position: relative;
  width: 100%;
  border-right: 2px solid #3e4045;
}
.add-toggle .lyt-content .hdg {
  display: table;
  height: 66px;
  margin: 10px auto 4px;
}
.add-toggle .lyt-content .hdg span {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  color: #3e4045;
  display: table-cell;
}
.add-toggle .lyt-content .hdg:before {
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.add-toggle .lyt-content .txt p {
  line-height: 1.71428;
  text-align: left;
  margin-bottom: 16px;
  padding: 0 32px;
}
.add-toggle .lyt-content .img {
  clear: both;
  box-sizing: border-box;
  width: 229px;
  height: 335px;
  margin: 0 auto 20px;
  padding-top: 69px;
}
.add-toggle .lyt-content .img.bb7 {
  padding-top: 46px;
}
.add-toggle .lyt-content .img span {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  padding-right: 3px;
}
.add-toggle .btn01 {
  font-size: 16px;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0 6px;
  border-radius: 0;
}
.add-toggle .btn01:before {
  background-position: 0 -642px;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin: 0 20px 0 0;
}

/*
 * Tabs
** ---------------------------------- */
.tabs .tab-lists li {
  text-align: center;
  float: left;
  box-sizing: border-box;
  width: 50%;
}
.tabs .tab-lists li:first-child {
  padding: 0 1px 0 0;
}
.tabs .tab-lists a {
  font-size: 12px;
  color: #aaa;
  background-color: #3e4045;
  display: block;
  box-sizing: border-box;
  box-sizing: border-box;
  height: 70px;
  margin-top: 10px;
  padding: 19px 0 4px;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.tabs .tab-lists a span {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.28;
  position: relative;
  display: block;
}
.tabs .tab-lists a span:after {
  background-position: 0 -82px;
  width: 16px;
  height: 16px;
  position: absolute;
  margin: 10px 0 0 20px;
}
.tabs .tab-lists a.is-active {
  color: #3e4045;
  background-color: #c3d600;
  height: 80px;
  margin-top: 0;
  padding: 23px 0 10px;
}
.tabs .tab-lists a.is-active span {
  font-size: 22px;
  font-weight: bold;
}
.tabs .tab-lists a.is-active span:after {
  background-position: 0 -66px;
  width: 16px;
  height: 16px;
  margin: 15px 0 0 20px;
}
.tabs .tab-panel {
  background: #c3d600;
  display: none;
  padding: 20px 0 0;
}
.tabs .tab-panel:first-child {
  display: block;
}

/* -------------------------------------
 *
 * Global: Override
 *
** ---------------------------------- */
/*
 * index
**/
#index {
  font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 16px;
  min-width: 1120px;
  -webkit-text-size-adjust: 100%;
  /*
   * Structure: header
  ** ---------------------------------- */
}
#index .section {
  margin-top: 40px;
}
#index #header {
  background-color: #fff;
  position: fixed;
  z-index: 100;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
#index #header .inner {
  position: relative;
  width: 1000px;
  height: 50px;
  margin: 0 auto;
}
#index #header .logo {
  position: absolute;
  top: 13px;
  right: 0;
}
#index #header .logo a {
  display: inline-block;
}
#index #header .lead {
  top: 0;
}
#index #header .lead a {
  display: inline-block;
}
#index #header .navGlobal {
  position: absolute;
  left: 180px;
  display: none;
}
#index #header .navGlobal li {
  font-size: 13px;
  font-weight: bold;
  margin-right: 15px;
}
#index #header .navGlobal a {
  color: #000;
  display: inline-block;
  padding: 16px 11px 8px;
  transition: .5s;
  border-radius: 0 0 5px 5px;
}
#index #header .navGlobal a.current {
  color: #fff;
  background-color: #3e4045;
}
#index #header .spec {
  font-size: 13px;
  font-weight: bold;
  margin-right: 15px;
  position: absolute;
  top: 16px;
  right: 360px;
}
#index #header .social {
  top: 16px;
  right: 160px;
}
#index #header .social .evernote {
  margin-right: 10px;
}
#index #content {
  position: relative;
  padding-top: 51px;
}
#index #content .pageNav {
  font-size: 13px;
  padding-top: 32px;
}
#index #content .pageNav a {
  font-weight: bold;
  text-decoration: underline;
}
#index #content .pageNav a:hover {
  text-decoration: none;
}

/*
 * Unique: #about
** ---------------------------------- */
#index #about {
  margin-top: 0;
}

#chapter01 {
  position: relative;
  z-index: 1;
}
#chapter01 #about {
  height: 3525px;
}
#chapter01 .cover {
  background: url(/sp/boogieboard/images/top/bg02.png);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#chapter01 .parallax {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  min-width: 1120px;
  height: 705px;
}
#chapter01 .lyt-unique {
  width: 100%;
}
#chapter01 .lyt-unique > .col,
#chapter01 .lyt-unique .outer,
#chapter01 .lyt-unique .inner {
  height: 100%;
}
#chapter01 .col.left {
  background: url(/sp/boogieboard/images/top/bg05.png);
  position: absolute;
  top: 0;
  right: 50%;
  width: 100%;
}
#chapter01 .col.left .outer {
  background: url(/sp/boogieboard/images/top/bg04.jpg) right top no-repeat;
}
#chapter01 .col.left .inner {
  position: relative;
  float: right;
  width: 500px;
  will-change: opacity;
}
#chapter01 .col.left .inner > .hdg {
  position: absolute;
  top: 67px;
  left: 31px;
  width: 456px;
}
#chapter01 .col.left .inner > .hdg img {
  width: 100%;
  height: auto;
}
#chapter01 .col.left .lead {
  font-size: 24px;
  line-height: 38 / 24;
  text-align: center;
  color: #3e4045;
  position: relative;
  margin: 0 0 24px;
  padding: 210px 0 0;
  opacity: 1;
}
#chapter01 .col.left .group {
  position: absolute;
  z-index: 1;
  top: 235px;
  left: 0;
  opacity: 0;
}
#chapter01 .col.left .group .hdg03 {
  font-size: 16px;
  text-align: left;
  color: #000;
  margin: 0 0 20px 38px;
}
#chapter01 .col.left .group .hdg03:before, #chapter01 .col.left .group .hdg03:after {
  font-size: 24px;
  vertical-align: middle;
  color: #cfde32;
  position: relative;
  top: -3px;
}
#chapter01 .col.left .group .hdg03:before {
  margin-right: 8px;
  content: "{";
}
#chapter01 .col.left .group .hdg03:after {
  margin-left: 8px;
  content: "}";
}
#chapter01 .col.left .group .txt {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #3e4045;
  margin: 0 0 0 -10px;
  padding: 0 20px 0 0;
}
#chapter01 .next {
  text-align: center;
  position: relative;
  z-index: 2;
}
#chapter01 .next .btn01 {
  font-size: 18px;
  width: 303px;
  padding: 13px 0 9px;
}
#chapter01 .next .btn01:before {
  background-position: 0 -98px;
  width: 16px;
  height: 16px;
  margin: 0 14px 0 0;
}
#chapter01 .right {
  background: url(/sp/boogieboard/images/top/bg03.png);
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
}
#chapter01 .right .inner {
  position: relative;
  width: 500px;
}
#chapter01 .right .img {
  position: absolute;
  top: 62px;
  left: 81px;
  width: 449px;
}
#chapter01 .right .img img {
  width: 100%;
  height: auto;
}
#chapter01 .right .stylus {
  position: absolute;
  top: 58px;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 52.43506% 7.57238% 0 47.43875%;
}
#chapter01 .right .stylus img {
  width: 100%;
  height: auto;
}
#chapter01 .right .render01,
#chapter01 .right .render02 {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 14% 24% 0 8%;
  opacity: 0;
}
#chapter01 .right .render02 {
  display: none;
  opacity: 1;
}
#chapter01 .segment {
  text-align: center;
}
#chapter01 .segment .hdg {
  font-size: 22px;
  font-weight: bold;
  position: relative;
  margin: 0 0 13px;
  padding: 22px 0 8px;
}
#chapter01 .segment .hdg:after {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 48px;
  height: 3px;
  margin: 0 0 0 -24px;
  content: "";
}
#chapter01 .segment p {
  line-height: 1.375;
}
#chapter01 .segment .img {
  margin-top: 8px;
}
#chapter01 .segment .notice {
  font-size: 11px;
  width: auto;
  margin: 0;
  padding-top: 0;
}
#chapter01 .block01 {
  position: absolute;
  top: 0;
  right: -33.33333%;
  width: 33.33333%;
  width: 33% \9;
  height: 706px;
}
#chapter01 .block01 .segment {
  width: 100%;
}
#chapter01 .block02 {
  position: absolute;
  top: 492px;
  left: -66.66667%;
  width: 66.66667%;
  width: 67% \9;
  height: 214px;
}
#chapter01 .block02 .segment {
  width: 50%;
  height: 100%;
}
#chapter01 .feature01 {
  background: url(/sp/boogieboard/images/top/bg_about02.jpg) 115% bottom no-repeat #cfde32;
  position: absolute;
  top: 0;
  left: 0;
  height: 246px;
}
#chapter01 .feature02 {
  background-color: #fff;
  position: absolute;
  top: 246px;
  left: 0;
  box-sizing: border-box;
  height: 246px;
  border: 1px solid #ccc;
}
#chapter01 .feature02 .hdg:after {
  background: #c7d86f;
}
#chapter01 .feature02 p {
  position: relative;
  z-index: 2;
}
#chapter01 .feature02 .img {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 55%;
  margin: 0;
}
#chapter01 .feature03 {
  background: url(/sp/boogieboard/images/top/bg_about03.png);
  position: relative;
  display: table;
  height: 214px;
  margin-top: 492px;
}
#chapter01 .feature03 .btn {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  position: relative;
  z-index: 2;
  display: table-cell;
  width: 100%;
  padding-top: 25px;
  height: 100%;
  transition: .2s;
}
#chapter01 .feature03 .btn span {
  font-size: 22px;
  position: relative;
  z-index: 2;
  display: block;
  padding-top: 4px;
}
#chapter01 .feature03 .btn:hover {
  opacity: .75;
}
#chapter01 .feature03 .img {
  position: absolute;
  z-index: 1;
  z-index: 1;
  top: 0;
  left: 50%;
  margin: 0 0 0 -200px;
}
#chapter01 .feature04 {
  background: #fff;
  position: relative;
  z-index: 2;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#chapter01 .feature04 .hdg:after {
  background: #c7d86f;
}
#chapter01 .feature04 .notice {
  color: #000;
}
#chapter01 .feature05 {
  color: #fff;
  background: url(/sp/boogieboard/images/top/bg_about01.png) center bottom no-repeat #3e4045;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
#chapter01 .feature05 .img {
  margin-top: 10px;
}
#chapter01 .feature05 .hdg:after {
  background: #c7d86f;
}

#chapter02 {
  position: relative;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1120px;
  -webkit-transform: translate3d(0, 0, 0);
}
#chapter02.is-fixed {
  position: fixed;
  top: 756px;
}

/*
 * Unique: #example
** ---------------------------------- */
#index #ex-general {
  margin-top: 0;
}

#ex-general {
  background: url(/sp/boogieboard/images/top/bg02.png) #f7f7f7;
  border-top: 1px solid #ccc;
}
#ex-general .hgroup {
  margin-bottom: 21px;
  padding-top: 43px;
}
#ex-general .hgroup .lead {
  line-height: 1.7142857;
}
#ex-general .lyt-4col,
#ex-general .lyt-5col {
  margin: 1px 0 0;
}
#ex-general .lyt-4col .col,
#ex-general .lyt-5col .col,
#ex-general .lyt-6col .col {
  padding: 0 0 0 1px;
}
#ex-general .lyt-4col .col:first-child,
#ex-general .lyt-5col .col:first-child,
#ex-general .lyt-6col .col:first-child {
  padding: 0;
}
#ex-general .on-toggle .label01 {
  font-size: 16px;
  line-height: 1.375;
  min-width: 186px;
  min-height: 59px;
  padding: 16px 3px 6px;
}
#ex-general .on-toggle .label01.val01 {
  padding: 6px 3px 3px;
}
#ex-general .on-toggle a.is-active .label01 {
  margin-top: 147px;
}

#tab-business .case01 {
  background-image: url(/sp/boogieboard/images/top/bg_business01.jpg);
  background-repeat: no-repeat;
}
#tab-business .case01 .label01:before {
  background-position: 0 -114px;
  width: 66px;
  height: 66px;
}
#tab-business .case01.is-active .label01:before {
  background-position: 0 -180px;
  width: 66px;
  height: 66px;
}
#tab-business .case02 {
  background-image: url(/sp/boogieboard/images/top/bg_business02.jpg);
  background-repeat: no-repeat;
}
#tab-business .case02 .label01:before {
  background-position: 0 -246px;
  width: 66px;
  height: 66px;
}
#tab-business .case02.is-active .label01:before {
  background-position: 0 -312px;
  width: 66px;
  height: 66px;
}
#tab-business .case03 {
  background-image: url(/sp/boogieboard/images/top/bg_business03.jpg);
  background-repeat: no-repeat;
}
#tab-business .case03 .label01:before {
  background-position: 0 -378px;
  width: 66px;
  height: 66px;
}
#tab-business .case03.is-active .label01:before {
  background-position: 0 -444px;
  width: 66px;
  height: 66px;
}
#tab-business .case04 {
  background-image: url(/sp/boogieboard/images/top/bg_business04.jpg);
  background-repeat: no-repeat;
}
#tab-business .case04 .label01:before {
  background-position: 0 -510px;
  width: 66px;
  height: 66px;
}
#tab-business .case04.is-active .label01:before {
  background-position: 0 -576px;
  width: 66px;
  height: 66px;
}
#tab-business #business01 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_business01_2.jpg) no-repeat;
}
#tab-business #business01 .hdg:before {
  background-position: 0 -180px;
  width: 66px;
  height: 66px;
}
#tab-business #business02 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_business05_2.jpg) no-repeat;
}
#tab-business #business02 .hdg:before {
  background-position: 0 -312px;
  width: 66px;
  height: 66px;
}
#tab-business #business03 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_business06_2.jpg) no-repeat;
}
#tab-business #business03 .hdg:before {
  background-position: 0 -444px;
  width: 66px;
  height: 66px;
}
#tab-business #business04 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_business05_2.jpg) no-repeat;
}
#tab-business #business04 .hdg:before {
  background-position: 0 -576px;
  width: 66px;
  height: 66px;
}

#tab-private .case01 {
  background-image: url(/sp/boogieboard/images/top/bg_private01.jpg);
  background-repeat: no-repeat;
}
#tab-private .case01 .label01:before {
  background-position: 0 -1449px;
  width: 66px;
  height: 66px;
}
#tab-private .case01.is-active .label01:before {
  background-position: 0 -1515px;
  width: 66px;
  height: 66px;
}
#tab-private .case02 {
  background-image: url(/sp/boogieboard/images/top/bg_private02.jpg);
  background-repeat: no-repeat;
}
#tab-private .case02 .label01:before {
  background-position: 0 -1581px;
  width: 66px;
  height: 66px;
}
#tab-private .case02.is-active .label01:before {
  background-position: 0 -1647px;
  width: 66px;
  height: 66px;
}
#tab-private .case03 {
  background-image: url(/sp/boogieboard/images/top/bg_private03.jpg);
  background-repeat: no-repeat;
}
#tab-private .case03 .label01:before {
  background-position: 0 -1713px;
  width: 66px;
  height: 66px;
}
#tab-private .case03.is-active .label01:before {
  background-position: 0 -1779px;
  width: 66px;
  height: 66px;
}
#tab-private .case04 {
  background-image: url(/sp/boogieboard/images/top/bg_private04.jpg);
  background-repeat: no-repeat;
}
#tab-private .case04 .label01:before {
  background-position: 0 -1845px;
  width: 66px;
  height: 66px;
}
#tab-private .case04.is-active .label01:before {
  background-position: 0 -1911px;
  width: 66px;
  height: 66px;
}
#tab-private .case05 {
  background-image: url(/sp/boogieboard/images/top/bg_private05.jpg);
  background-repeat: no-repeat;
}
#tab-private .case05 .label01:before {
  background-position: 0 -1977px;
  width: 66px;
  height: 66px;
}
#tab-private .case05.is-active .label01:before {
  background-position: 0 -2043px;
  width: 66px;
  height: 66px;
}
#tab-private .case06 {
  background-image: url(/sp/boogieboard/images/top/bg_private06.jpg);
  background-repeat: no-repeat;
}
#tab-private .case06 .label01:before {
  background-position: 0 -2109px;
  width: 66px;
  height: 66px;
}
#tab-private .case06.is-active .label01:before {
  background-position: 0 -2175px;
  width: 66px;
  height: 66px;
}

#tab-private #private01 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_private01_2.jpg) no-repeat;
}
#tab-private #private01 .hdg:before {
  background-position: 0 -1515px;
  width: 66px;
  height: 66px;
}
#tab-private #private02 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_private02_2.jpg) no-repeat;
}
#tab-private #private02 .hdg:before {
  background-position: 0 -1647px;
  width: 66px;
  height: 66px;
}
#tab-private #private02 .img {
  padding-top: 90px;
}
#tab-private #private03 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_private07_2.jpg) no-repeat;
}
#tab-private #private03 .hdg:before {
  background-position: 0 -1779px;
  width: 66px;
  height: 66px;
}
#tab-private #private04 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_private04_2.jpg) no-repeat;
}
#tab-private #private04 .hdg:before {
  background-position: 0 -1911px;
  width: 66px;
  height: 66px;
}
#tab-private #private05 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_private08_2.jpg) no-repeat;
}
#tab-private #private05 .hdg:before {
  background-position: 0 -2043px;
  width: 66px;
  height: 66px;
}
#tab-private #private06 .lyt-content .img {
  background: url(/sp/boogieboard/images/top/bg_private06_2.jpg) no-repeat;
}
#tab-private #private06 .hdg:before {
  background-position: 0 -2175px;
  width: 66px;
  height: 66px;
}
#tab-private #private06 .img{
  padding-top:48px;
  position:relative;
}


#ex-corporate {
  background: #fff;
}
#ex-corporate .str-outer {
  background: #fff;
  box-sizing: border-box;
  padding-right: 60px;
  padding-left: 60px;
}
#ex-corporate .lyt-flt-01 {
  background: #efefef;
  padding: 0;
}
#ex-corporate .lyt-flt-01 .lyt-flt-inner {
  display: table;
  max-width: 1000px;
  margin: 0 auto;
}
#ex-corporate .lyt-flt-01 .lyt-content {
  border: none;
}
#ex-corporate .lyt-flt-01 .lyt-content .hdg {
  margin-right: 0;
  margin-left: 32px;
}
#ex-corporate .hgroup {
  margin-bottom: 7px;
}
#ex-corporate .lyt-3col {
  margin: 1px 0 0;
}
#ex-corporate .lyt-3col .col:first-child + .col {
  padding: 0 1px;
}
#ex-corporate .lyt-content {
  padding-top: 32px;
}
#ex-corporate .toggle-panel {
  background: none;
}
#ex-corporate .on-toggle a {
  min-height: 169px;
}
#ex-corporate .on-toggle a .label01 {
  margin-top: 91px;
}
#ex-corporate .on-toggle a.is-active .label01 {
  margin-top: 88px;
}
#ex-corporate #corporate01 .hdg:before {
  background-position: 0 -723px;
  width: 66px;
  height: 66px;
}
#ex-corporate #corporate02 .hdg:before {
  background-position: 0 -855px;
  width: 66px;
  height: 66px;
}
#ex-corporate #corporate03 .hdg:before {
  background-position: 0 -987px;
  width: 66px;
  height: 66px;
}
#ex-corporate #corporate04 .hdg:before {
  background-position: 0 -1119px;
  width: 66px;
  height: 66px;
}
#ex-corporate #corporate05 .hdg:before {
  background-position: 0 -1251px;
  width: 66px;
  height: 66px;
}
#ex-corporate #corporate06 .hdg:before {
  background-position: 0 -1383px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case01 {
  background-image: url(/sp/boogieboard/images/top/bg_corporate01.jpg);
  background-repeat: no-repeat;
}
#ex-corporate .case01 .label01:before {
  background-position: 0 -657px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case01.is-active .label01:before {
  background-position: 0 -723px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case02 {
  background-image: url(/sp/boogieboard/images/top/bg_corporate02.jpg);
  background-repeat: no-repeat;
}
#ex-corporate .case02 .label01:before {
  background-position: 0 -789px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case02.is-active .label01:before {
  background-position: 0 -855px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case03 {
  background-image: url(/sp/boogieboard/images/top/bg_corporate03.jpg);
  background-repeat: no-repeat;
}
#ex-corporate .case03 .label01:before {
  background-position: 0 -921px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case03.is-active .label01:before {
  background-position: 0 -987px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case04 {
  background-image: url(/sp/boogieboard/images/top/bg_corporate04.jpg);
  background-repeat: no-repeat;
}
#ex-corporate .case04 .label01:before {
  background-position: 0 -1053px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case04.is-active .label01:before {
  background-position: 0 -1119px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case05 {
  background-image: url(/sp/boogieboard/images/top/bg_corporate05.jpg);
  background-repeat: no-repeat;
}
#ex-corporate .case05 .label01:before {
  background-position: 0 -1185px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case05.is-active .label01:before {
  background-position: 0 -1251px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case06 {
  background-image: url(/sp/boogieboard/images/top/bg_corporate06.jpg);
  background-repeat: no-repeat;
}
#ex-corporate .case06 .label01:before {
  background-position: 0 -1317px;
  width: 66px;
  height: 66px;
}
#ex-corporate .case06.is-active .label01:before {
  background-position: 0 -1383px;
  width: 66px;
  height: 66px;
}

/*
 * Unique: #lineup
** ---------------------------------- */
#lineup {
  background: url(/sp/boogieboard/images/top/bg01.png) center top #e0eb82;
  padding: 40px 0;
}
#lineup .hgroup {
  margin-bottom: 7px;
}
#lineup .lyt-2col .col {
  border-top: 1px solid transparent;
}
#lineup .lyt-2col .col.odd {
  border-left: 1px solid transparent;
}
#lineup .lyt-2col .col:first-child, #lineup .lyt-2col .col:first-child + .col {
  border-top: none;
}
#lineup .lyt-figure, #lineup .lyt-content {
  text-align: center;
  vertical-align: middle;
  background: #fff;
  z-index: 1;
  width: 50%;
}
#lineup .lyt-flt-01 {
  transition: 1s;
  outline: 1px solid transparent;
}
#lineup .lyt-flt-01 img {
  transition: .2s;
  opacity: 1;
}
#lineup .lyt-flt-01:hover {
  outline: 1px solid #c9c9ca;
}
#lineup .lyt-flt-01:hover img {
  opacity: .7;
}
#lineup .lyt-figure {
  position: relative;
  z-index: 1;
  padding: 14px 0;
}
#lineup .lyt-content {
  background: url(/sp/boogieboard/images/top/bg02.png) #f7f7f7;
  position: relative;
  z-index: 2;
}
#lineup .lyt-content .hdg,
#lineup .lyt-content .lead,
#lineup .lyt-content .txt {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  display: block;
}
#lineup .lyt-content .hdg {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  margin-bottom: 11px;
  padding-bottom: 8px;
}
#lineup .lyt-content .hdg:after {
  background: #c3d601;
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 60px;
  height: 3px;
  margin-left: -30px;
  content: "";
  border-radius: 2px;
}
#lineup .lyt-content .lead {
  line-height: 1.42857;
  color: #999;
  margin-bottom: 8px;
}
#lineup .lyt-content .txt {
  font-weight: normal;
  line-height: 1.53846;
}
#lineup .lyt-content:after {
  background-position: 0 0;
  width: 16px;
  height: 30px;
  position: absolute;
  top: 50%;
  right: -16px;
  width: 16px;
  height: 30px;
  margin: -15px 0 0;
}

/*
 * Unique: #lineup
** ---------------------------------- */
.modal-wrapper {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgOMNABGBiIBKMKqSOQoAAAwBVNQDgpAAyvAAAAABJRU5ErkJggg==");
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.modal-wrapper .modal-content {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .modal-wrapper .modal-content {
    max-width: 960px;
  }
}
.modal-wrapper .inner {
  position: relative;
  padding: 0 0 68.271981% 0;
}
.modal-wrapper iframe {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.modal-wrapper .close {
  font-size: 32px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background: #3e4045;
  position: absolute;
  z-index: 100;
  top: -19px;
  right: -19px;
  width: 38px;
  height: 38px;
  padding: 0;
  cursor: pointer;
  transition: .2s;
  border: none;
  border-radius: 50%;
}
.modal-wrapper .close:hover {
  background: #aaa;
}

#sp_bnr {
  z-index: 10000;
}
/*
 * hitsudan index
** ---------------------------------- */
#index.hitsudan {
  background: url(/sp/boogieboard/images/top/bg02.png) repeat #f7f7f7;
}

/* hitsudan_contentHead */
.hitsudan #content .hitsudan_contentHead {
  background: #cfde32;
  width: 100%;
  min-width: 1000px;
  border-bottom: #ccc 1px solid;
}

.hitsudan #content .hitsudan_contentHead p {
  width: 1000px;
  margin: 0 auto;
  color: #3e4045;
  font-size: 137.5%;
  font-weight: bold;
  line-height: 80px;
  text-align: center;
}

.hitsudan #content .hitsudan_contentHead p:before {
  background-position: -16px -1989px;
  width: 35px;
  height: 43px;
  vertical-align: middle;
  margin-right: 5px;
}

/* hitsudan_mainImage */
.hitsudan #content .hitsudan_mainImage {
  width: 100%;
  height: 398px;
  background: #fff;
  border-bottom: #ccc 1px solid;
  position: relative;
}

.hitsudan #content .hitsudan_mainImage ul {
  width: 1200px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
}

.hitsudan #content .hitsudan_mainImage ul .is-hide {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/* hitsudan_main */
.hitsudan #content .hitsudan_main {
  width: 1000px;
  margin: 0 auto;
  padding-top: 20px;
  color: #3e4045;
  background: url(/sp/boogieboard/images/top/bg02.png) repeat #f7f7f7;
  position: relative;
  z-index: 10;
}

.hitsudan #content .hitsudan_main .hitsudan_inner {
  overflow: hidden;
  margin: 0 -20px;
}

.hitsudan #content .hitsudan_main .hitsudan_image {
  width: 480px;
  float: left;
  margin: 35px 20px 0;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Wide {
  width: 100%;
  float: none;
  margin: 0;
}

.hitsudan #content .hitsudan_main .hitsudan_image > div {
  text-align: center;
  margin-bottom: 20px;
}

.hitsudan #content .hitsudan_main .hitsudan_image h2 {
  font-size: 112.5%;
  font-weight: bold;
  padding-bottom: 7px;
  margin-bottom: 10px;
  position: relative;
}

.hitsudan #content .hitsudan_main .hitsudan_image .hdg:after {
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: #c3d601;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact h2 {
  font-size: 137.5%;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl > dt {
  margin-bottom: 5px;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl > dd {
  margin-bottom: 20px;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl > dd address {
  background: #fff;
  width: 100%;
  display: table;
}
.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl > dd address > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl > dd address .contactName {
  width: 100px;
  font-size: 125.0%;
  padding: 5px 0;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl > dd address .phoneNumber {
  font-size: 150.0%;
  font-weight: bold;
  padding: 5px 0;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl > dd address > span .text {
  display: block;
  font-size: 58.3%;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl > dd address > span .border {
  display: block;
  position: relative;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl > dd address > span .border:before {
  content: "";
  width: 3px;
  height: 100%;
  display: block;
  background: #c3d601;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl .contactBtn a {
  display: block;
  text-align: center;
  background: #c3d600;
  color: #3e4045;
  font-size: 125%;
  font-weight: bold;
  padding: 11px 0;
  position: relative;
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl .contactBtn a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.hitsudan #content .hitsudan_main .hitsudan_image.Contact > dl .contactBtn a:after {
  content: "";
  width: 10px;
  height: 16px;
  background: url(/sp/boogieboard/images/use/hitsudan/icon_arrow.png) no-repeat;
  background-position: left top;
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -8px;
}

/* hitsudan_useApplications */
.hitsudan #content .hitsudan_useApplications {
  background: #fff;
  padding: 35px 0 40px;
}

.hitsudan #content .hitsudan_useApplications .hdg {
  margin-bottom: 15px;
}

/*
 * index
** ---------------------------------- */

#tab-private #private05 .lyt-content .img {
  position: relative;
}

#index .add-toggle .lyt-content .link-detail {
  width: 119px;
  height: 104px;
  background: url(../images/top/btn_balloon.png) no-repeat;
  background-position: left top;
  position: absolute;
  top: 50%;
  right: -119px;
  margin: -52px 0 0;
  padding: 0 0 22px 0;
  display: table;
}

#index .add-toggle .lyt-content .link-detail:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#index .add-toggle .lyt-content .link-detail a {
  color: #3e4045;
  font-size: 18px;
  line-height: 1.3;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 0 0 10px 17px;
  position: relative;
}

#index .add-toggle .lyt-content .link-detail .blank {
  display:block;
  font-size: 14px;
  position:absolute;
  bottom:-22px;
  left:50%;
  margin-left:-2.3em;
}

/* -------------------------------------
 *
 * Global: Adjust
 *
** ---------------------------------- */
/*
 * Adjust: Blocks & Align
**/
.block {
  display: block;
}

.clear {
  clear: both;
}

.align-l {
  text-align: left !important;
}

.align-r {
  text-align: right !important;
}

.align-c {
  text-align: center !important;
}

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

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

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

.mr10 {
  margin-right: 10px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.-ml45 {
  margin-left: -45px !important;
}

.mt00 {
  margin-top: 0 !important;
}

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

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

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

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

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

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

/*
 * Adjust: padding
**/
.pt00 {
  padding-top: 0 !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr00 {
  padding-right: 0 !important;
}

.pb00 {
  padding-bottom: 0 !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.w20per {
  width: 20%;
}

.w25per {
  width: 25%;
}

.w30per {
  width: 30%;
}

.w33per {
  width: 33%;
}

.w34per {
  width: 34%;
}

.w50per {
  width: 50%;
}

.w67per {
  width: 67%;
}

.w70per {
  width: 70%;
}

/*
 * Adjust: Width
**/
.w210 {
  width: 210px !important;
}

.w350 {
  width: 350px;
}

.w400 {
  width: 400px;
}

.w450 {
  width: 450px !important;
}

.w856 {
  width: 856px;
}

.w900 {
  width: 900px;
}

/*# sourceMappingURL=unique.css.map */