@charset "UTF-8";
/*header custum setting*/
body {
  padding: 0;
  margin: 0;
  padding-bottom: 0;
  background-color: #EFEFEF;
  min-height: 100%;
  font-family: "メイリオ", "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;
  color: #393939;
  /*line-height: 1.5;*/
}
body.navbar-fixed {
  padding-top: 0px;
}
body.bg_fixed.morning {
  background: url(/dcms_media/image/contact_bg.jpg) no-repeat center bottom fixed;
}
body.bg_fixed.night {
  background: url(/dcms_media/image/contact_bg_night.jpg) no-repeat center bottom fixed;
}
body.bg_fixed.afternoon {
  background: url(/dcms_media/image/contact_bg_afternoon.jpg) no-repeat center bottom fixed;
}
/*---------
baseline setteing
--------*/
body {
  font-size: 14px;
  /* =14px */
  font-size: 1.4rem;
  /* =14px */
  line-height: 20px;
  /* baseline =20px */
  line-height: 2rem;
  /* baseline =20px */
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  font-weight: 500;
  line-height: 1.1;
}
.curation_from a[target^='_blank']:after,
.blog_section02 a[target^='_blank']:after {
  content: '';
  display: inline-block;
  background: url(/dcms_media/image/sp_bg_blank_green.png) no-repeat center bottom;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  width: 14px;
  height: 14px;
  margin-left: 5px;
}
/*---------
top page only
--------*/
.top .section_service,
.top .section_recruit {
  z-index: 1000;
}
/*---------
mainlayout
--------*/
.non_responsive .container {
  max-width: none !important;
  width: 1044px;
}
@media only screen and (min-width: 769px) {
  .subpages .container {
    width: 1044px;
  }
}
#contents {
  background: #FFF;
}
.service #contents {
  background: none;
}
.main_contents {
  margin: 40px 0;
}
/*---------
categorybadges
--------*/
.cat_badge {
  padding-left: 26px;
}
.cat_badge.actibook {
  color: #9fc62d;
  background: url(/dcms_media/image/icon_small_actibook.png) no-repeat left -1px;
}
.cat_badge.actibookdocs {
  color: #23C878;
  background: url(/dcms_media/image/icon_small_docs.png) no-repeat left -1px;
}
.cat_badge.bluemonkey {
  color: #4e80b5;
  background: url(/dcms_media/image/icon_small_bm.png) no-repeat left -1px;
}
.cat_badge.plusdb {
  color: #da6263;
  background: url(/dcms_media/image/icon_small_plusdb.png) no-repeat left -1px;
}
.cat_badge.cocoar {
  color: #808080;
  background: url(/dcms_media/image/icon_small_cocoar.png) no-repeat left -1px;
}
.cat_badge.appgoose {
  color: #f28d01;
  background: url(/dcms_media/image/icon_small_appgoose.png) no-repeat left -1px;
}
.cat_badge.information {
  color: #111111;
  padding-left: 0;
}
.cat_badge.bownow {
  color: #CA062C;
  background: url(/dcms_media/image/icon_small_bownow.png) no-repeat left -1px;
}
.cat_badge.cloudcircus {
  color: #000;
  background: url(/dcms_media/image/icon_small_cloudcircus.png) no-repeat left -1px;
}
.cat_badge.mtame {
  color: #E54028;
  background: url(/dcms_media/image/icon_small_mtame.png) no-repeat left -1px;
}


/*---------
fall backs
--------*/
.lt-ie9 .container {
  max-width: none !important;
  width: 1044px;
}
.lt-ie9 .history_list:before {
  background: url(/dcms_media/image/mark_dot.png) no-repeat left center !important;
}
.lt-ie9 .sp-only {
  display: none;
}
.no-flexbox #jPanelMenu-menu .en {
  display: none;
}
/*---------
header
--------*/
.global_header {
  background: #fff;
}
.global_header .logo {
  float: left;
  height: 60px;
  width: 123px;
  margin-top: 8px;
}
.global_header .logo .logo_mark {
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 769px) {
  .global_header .logo .logo_mark img {
    height: 35px;
    width: auto;
  }
}
.global_header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
}
/*---------
header
--------*/
.header_primary {
  float: left;
  width: 220px;
}
@media only screen and (max-width: 769px) {
  .header_primary {
    width: 40%;
  }
}
.global_nav_wrap {
  float: right;
  width: 730px;
}
@media only screen and (max-width: 992px) {
  .global_nav_wrap .global_nav li {
    width: 126px;
    float: left;
    display: block;
  }
  .global_nav_wrap .global_nav li.global_navbtn_contact {
    width: 100px;
  }
}
.global_nav_wrap a {
  color: #333333;
  font-size: 12px;
  text-align: center;
  height: 80px;
  padding: 20px 15px !important;
  display: table-cell;
  vertical-align: middle;
  display: block;
  background-repeat: no-repeat;
  -webkit-transition: color linear .2s;
  -moz-transition: color linear .2s;
  -ms-transition: color linear .2s;
  -o-transition: color linear .2s;
  transition: color linear .2s;
}
.global_nav_wrap a span {
  display: inline-block;
  width: 100%;
}
.global_nav_wrap a .en {
  font-size: 17px;
  font-family: "Lato" sans-serif;
  line-height: 20px;
}
.global_nav_wrap a .ja {
  line-height: 20px;
  font-size: 11px;
}
.global_nav_wrap a:hover {
  color: #8daf27;
}
.global_nav_wrap a.active {
  color: #7c9a22;
  background: #F8FFE2;
}
@media only screen and (min-width: 769px) {
  .global_nav_wrap .global_navbtn04 a {
    padding: 20px 10px !important;
  }
}
.global_nav_wrap .global_navbtn_contact a {
  background: #8daf27;
  color: #FFF !important;
  position: relative;
}
.global_nav_wrap .global_navbtn_contact a:before {
  content: url(/dcms_media/image/arrow-down-small-white.png);
  width: 12px;
  height: 7px;
  display: block;
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -6px;
}
.global_nav_wrap .global_navbtn_contact a:hover {
  color: #333333;
  opacity: .6;
  -webkit-transition: all linear .5s;
  -moz-transition: all linear .5s;
  -ms-transition: all linear .5s;
  -o-transition: all linear .5s;
  transition: all linear .5s;
}
.global_nav_wrap .global_navbtn_contact a:hover:before {
  top: 8px;
}
.header_sidebox {
  float: right;
  width: 100px;
}
.header_sidebox a {
  color: #333333;
  font-size: 12px;
  height: 80px;
  line-height: 80px;
  width: 100px;
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  background-image: url(/dcms_media/image/navbtns.png);
  background-repeat: no-repeat;
  background-position: right top;
  text-indent: -9999px;
}
.header_sidebox a:hover {
  background-position: right bottom;
}
/*---------
loader
--------*/
#loader {
  width: 100%;
  height: 100%;
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
#loader .loader_container {
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  margin: 0 auto;
  width: 300px;
  text-align: center;
  font-size: 25px;
  color: #8daf27;
  margin-top: 300px;
}
#loader #bar {
  width: 300px;
  height: 2px;
  padding: 1px;
  margin-top: 20px;
  font-size: 1px;
}
#loader #bar span {
  display: block;
  width: 0px;
  height: 5px;
  background: #8daf27;
}
/*---------
mainimage
--------*/
#mainimage_area + div {
  margin-top: 470px;
}
.mainimage {
  float: left;
  width: 100%;
  position: fixed;
  top: 80px;
  left: 0;
}
.mainimage.morning {
  background: url(/dcms_media/image/mainimage_bg.jpg) no-repeat center center;
}
.mainimage.night {
  background: url(/dcms_media/image/mainimage_bg_night.jpg) no-repeat center center;
}
.mainimage.afternoon {
  background: url(/dcms_media/image/mainimage_bg_sunset.jpg) no-repeat center center;
}
.main_stage {
  height: 470px;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.main_stage #Stage {
  background-color: transparent !important;
}
.main_stage #Stage img {
  background-color: transparent !important;
}
.main_stage .hero_title {
  position: absolute;
  margin: 0;
  display: block;
  background: url(/dcms_media/image/mainimage_text.png) no-repeat center center;
  width: 295px;
  height: 251px;
  left: 50%;
  top: 52px;
  margin-left: -276px;
}
.main_stage .animal {
  z-index: 1000;
  margin: 0;
  display: block;
  position: absolute;
}
.main_stage .goat {
  background: url(/dcms_media/image/mainimage_goat.png) no-repeat center center;
  width: 235px;
  height: 174px;
  left: 50%;
  top: 244px;
  margin-left: -511px;
}
.main_stage .bird {
  background: url(/dcms_media/image/mainimage_bird.png) no-repeat center center;
  width: 72px;
  height: 68px;
  left: 50%;
  top: 22px;
  margin-left: -382px;
}
.main_stage .pig {
  background: url(/dcms_media/image/mainimage_pig.png) no-repeat center center;
  width: 140px;
  height: 87px;
  right: 50%;
  bottom: 60px;
  margin-right: 20px;
}
.main_stage .goose {
  background: url(/dcms_media/image/mainimage_goose.png) no-repeat center center;
  width: 100px;
  height: 128px;
  right: 50%;
  bottom: 20px;
  margin-right: -240px;
}
.main_stage .monkey {
  background: url(/dcms_media/image/mainimage_monkey.png) no-repeat center center;
  width: 127px;
  height: 99px;
  right: 50%;
  top: 100px;
  margin-right: -336px;
}
.main_stage .panda {
  background: url(/dcms_media/image/mainimage_panda.png) no-repeat center center;
  width: 160px;
  height: 149px;
  right: 50%;
  bottom: 40px;
  margin-right: -454px;
}
.main_stage .animals {
  z-index: 920;
  background: url(/dcms_media/image/mainimage_animals.png) no-repeat center center;
  width: 1130px;
  height: 263px;
  right: 50%;
  bottom: 45px;
  margin-right: -520px;
}
.main_stage .tree {
  display: block;
  margin: 0;
  position: absolute;
}
.main_stage .tree_op10 {
  z-index: 300;
  background: url(/dcms_media/image/mainimage_tree_op10.png) no-repeat center center;
  width: 504px;
  height: 570px;
  left: 50%;
  bottom: 26px;
  margin-left: -904px;
}
.main_stage .tree_op30 {
  z-index: 400;
  background: url(/dcms_media/image/mainimage_tree_op30.png) no-repeat center center;
  width: 525px;
  height: 493px;
  left: 50%;
  bottom: 46px;
  margin-left: -807px;
}
.main_stage .tree_op40 {
  z-index: 300;
  background: url(/dcms_media/image/mainimage_tree_op40.png) no-repeat center center;
  width: 525px;
  height: 493px;
  right: 50%;
  bottom: -8px;
  margin-right: -804px;
}
.main_stage .tree_op80 {
  z-index: 400;
  background: url(/dcms_media/image/mainimage_tree_op80.png) no-repeat center center;
  width: 737px;
  height: 832px;
  right: 50%;
  bottom: -14px;
  margin-right: -824px;
}
.main_stage .sand {
  display: block;
  margin: 0;
  position: absolute;
}
.main_stage .wave_front {
  z-index: 1200;
  background: url(/dcms_media/image/mainimage_wave_front.png) no-repeat center center;
  width: 2000px;
  height: 50px;
  right: 50%;
  bottom: -9px;
  margin-right: -1000px;
}
.main_stage .wave_back {
  z-index: 900;
  background: url(/dcms_media/image/mainimage_wave_back.png) no-repeat center center;
  width: 2000px;
  height: 80px;
  right: 50%;
  bottom: 6px;
  margin-right: -1000px;
}
.main_stage .wave_fixed01 {
  z-index: 950;
  background: url(/dcms_media/image/mainimage_wave_fixed01.png) no-repeat center center;
  width: 2000px;
  height: 214px;
  right: 50%;
  bottom: -68px;
  margin-right: -1000px;
}
.main_stage .wave_fixed02 {
  z-index: 940;
  background: url(/dcms_media/image/mainimage_wave_fixed02.png) no-repeat center center;
  width: 2000px;
  height: 214px;
  right: 50%;
  bottom: -70px;
  margin-right: -1000px;
}
.main_stage .wave_fixed03 {
  z-index: 930;
  background: url(/dcms_media/image/mainimage_wave_fixed03.png) no-repeat center center;
  width: 2120px;
  height: 218px;
  right: 50%;
  bottom: -67px;
  margin-right: -1060px;
}
.main_stage .leave {
  display: block;
  margin: 0;
  position: absolute;
}
.main_stage .leaves_fixed {
  z-index: 970;
  background: url(/dcms_media/image/mainimage_leaves_fixed.png) no-repeat center center;
  width: 1523px;
  height: 172px;
  right: 50%;
  top: 156px;
  margin-right: -898px;
}
.main_stage .wave_move_back {
  z-index: 931;
  width: 2000px;
  height: 50px;
  left: 0;
  bottom: 16px;
}
.main_stage .wave_move_back > div {
  width: 300%;
  height: 50px;
  background: url(/dcms_media/image/mainimage_wave_back.png);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -webkit-animation: moveSlideshowRight 1000s linear infinite;
  -moz-animation: moveSlideshowRight 1000s linear infinite;
  -ms-animation: moveSlideshowRight 1000s linear infinite;
}
.main_stage .wave_move_front {
  z-index: 951;
  width: 2000px;
  height: 50px;
  right: 0;
  bottom: -16px;
}
.main_stage .wave_move_front > div {
  width: 300%;
  height: 50px;
  background: url(/dcms_media/image/mainimage_wave_front.png);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -webkit-animation: moveSlideshowLeft 350s linear infinite;
  -moz-animation: moveSlideshowLeft 350s linear infinite;
  -ms-animation: moveSlideshowLeft 350s linear infinite;
}
@-webkit-keyframes moveSlideshowLeft {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-4000px, 0, 0);
    transform: translate3d(-4000px, 0, 0);
  }
}
@-moz-keyframes moveSlideshowLeft {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-4000px, 0, 0);
    transform: translate3d(-4000px, 0, 0);
  }
}
@-ms-keyframes moveSlideshowLeft {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(-4000px, 0, 0);
    transform: translate3d(-4000px, 0, 0);
  }
}
@-webkit-keyframes moveSlideshowRight {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(4000px, 0, 0);
    transform: translate3d(4000px, 0, 0);
  }
}
@-moz-keyframes moveSlideshowRight {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(4000px, 0, 0);
    transform: translate3d(4000px, 0, 0);
  }
}
@-ms-keyframes moveSlideshowRight {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(4000px, 0, 0);
    transform: translate3d(4000px, 0, 0);
  }
}
/*---------
subtitles
--------*/
.subtitle_01 {
  margin: 46px 0;
  line-height: 42px;
}
.subtitle_02 {
  line-height: 30px;
  border-left: #8daf27 5px solid;
  text-indent: 10px;
  font-size: 24px;
  margin-bottom: 15px;
}
.subtitle_03 {
  font-family: 'Lato' !important;
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
}
.subtitle_04 {
  font-weight: 300;
  font-size: 28px;
}
.subtitle_04 .en_font {
  font-size: 4rem;
}
.subtitle_05 {
  font-size: 20px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  color: #222222;
}
.subtitle_05.line {
  border-bottom: #ccc	solid 1px;
}
.subtitle_06 {
  font-size: 20px;
  margin-bottom: 10px !important;
  color: #222222;
}
.subtitle_06.line {
  border-bottom: #ccc	solid 1px;
}
.subtitle_mark01 {
  font-size: 34px	;
  text-align: left;
  padding-left: 14px;
  border-left-width: 15px;
  border-left-style: solid;
}
.subtitle_mark01 span {
  display: block;
  width: 100%;
  padding-top: 20px;
  color: #333;
}
.subtitle_mark01 small {
  font-size: 14px;
  margin-left: 10px;
  display: inline-block;
  line-height: 130%;
}
.subtitle_mark01.green {
  border-left-color: #9FC62D ;
}
.subtitle_mark01.blue {
  border-left-color: #4E80B6 ;
}
.sub_description {
  font-size: 16px;
  margin: 24px 0 16px;
}
/*---------
service section
--------*/
.section_service {
  height: auto;
  clear: both;
  text-align: center;
  position: relative;
  background: #dddddd no-repeat top center;
}
.section_service .hero_title {
  margin: 78px auto 48px;
}
.section_service .hero_title + p {
  font-size: 18px;
  width: ;
}
.section_service .list_wrap {
  padding: 32px 0 0px;
  background: #fff;
}
.section_service .subtitle_03 {
  margin: 0 0 20px;
}
.section_service .sub_description {
  margin: 24px 0 0px;
}
.section_service .tab-content {
  position: relative;
  background: #FFF;
}
.section_service .return_nav {
  text-align: left;
  margin-bottom: 0px;
  position: relative;
  z-index: 1000;
}
.section_service .return_nav a {
  display: block;
  position: absolute;
  left: 50%;
  top: 50px;
  margin-left: 430px;
  background: url(/dcms_media/image/btn_close_black.png);
  text-indent: -9999px;
  color: #fff;
  width: 61px;
  height: 12px;
}
.section_service .return_nav a:hover,
.section_service .return_nav a:active,
.section_service .return_nav a:focus {
  text-decoration: none;
}
.section_service .service_nav {
  width: 1020px;
  list-style-type: none;
  padding: 0;
  margin: 20px 0 0;
  display: table;
}
.section_service .service_nav li {
  width: 1%;
  display: table-cell;
}
.section_service .service_nav li a {
  display: block;
  width: 170px;
  height: 150px;
  text-indent: -9999px;
  background-image: url(/dcms_media/image/sprice_service.jpg);
  background-repeat: no-repeat;
}
.section_service .service_nav .service_nav00 {
  display: none;
}
.section_service .service_nav .service_nav01 a {
  background-position: 0 0;
}
.section_service .service_nav .service_nav02 a {
  background-position: -170px 0;
}
.section_service .service_nav .service_nav03 a {
  background-position: -340px 0;
}
.section_service .service_nav .service_nav04 a {
  background-position: -510px 0;
}
.section_service .service_nav .service_nav05 a {
  background-position: -680px 0;
}
.section_service .service_nav .service_nav06 a {
  background-position: -850px 0;
}
.section_service .ban_area {
  padding: 35px 0;
}
.section_service .ban_area a {
  display: block;
}
.section_service .ban_area a:hover {
  opacity: .9;
}
.section_service .ban_area .img-responsive {
  margin: 0 auto;
}
/*---------
recruit section
--------*/
.section_recruit {
  clear: both;
  text-align: center;
  background: #FFF;
  padding: 40px 0 80px;
}
.section_recruit .subtitle_03 {
  margin: 0 0 30px;
}
.section_recruit .subtitle_mark01 {
  margin: 10px 0px 40px 22px;
}
.section_recruit .sub_description {
  font-size: 16px;
}
.section_recruit .sub_description + p {
  font-size: 12px;
  margin-bottom: 40px;
}
.section_recruit .unit_wrapper {
  width: 960px;
  margin: 0 auto ;
}
.section_recruit .unit_wrapper .unit01 {
  width: 470px;
  float: left;
}
.section_recruit .link_recruit {
  width: 490px;
  margin-top: -100px;
  height: 393px;
  display: block;
  text-indent: -9999px;
  background-image: url(/dcms_media/image/sprice_top_recruit.png);
  background-repeat: no-repeat;
}
.section_recruit .link_recruit.fresh {
  background-position: top left;
}
.section_recruit .link_recruit.fresh:hover {
  background-position: bottom left;
}
.section_recruit .link_recruit.career {
  background-position: top right;
}
.section_recruit .link_recruit.career:hover {
  background-position: bottom right;
}
.bw_wrapper img {
  -webkit-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-transition: all linear .5s;
  -moz-transition: all linear .5s;
  -ms-transition: all linear .5s;
  -o-transition: all linear .5s;
  transition: all linear .5s;
}
.bw_wrapper img:hover {
  -webkit-filter: grayscale(0%);
  filter: none;
}
.ban_box {
  background: #FFF;
  width: 1020px;
  padding: 20px;
  height: 200px;
  display: table;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}
.ban_box .ban_thumb {
  display: table-cell;
  width: 340px;
  height: 150px;
  vertical-align: middle;
  background: url(/dcms_media/image/bg_line_vertical_dot.png) right center repeat-y;
}
.ban_box .ban_description {
  display: table-cell;
  height: 150px;
  padding: 0 0px 0px 20px;
  vertical-align: middle;
}
.ban_box .ban_description .text {
  width: 640px;
  height: 120px ;
  vertical-align: middle;
  display: table-cell;
}
.ban_box .ban_description .en_font {
  letter-spacing: 2.5px;
}
.ban_box .ban_description .btn[target^="_blank"] {
  float: right;
  line-height: 22px;
  font-size: 20px;
  color: #FFF;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ban_box .ban_description .btn[target^="_blank"]:after {
  content: "";
  display: inline-block;
  background: url(/dcms_media/image/icon_blank_white.png) no-repeat top left;
  width: 15px;
  height: 14px;
  margin-left: 5px;
  line-height: 37px;
}
.ban_box .ban_description .btn-actibook {
  background: #9fc62d;
}
.ban_box .ban_description .btn-docs {
  background: #23C878;
}
.ban_box .ban_description .btn-bm {
  background: #4e80b5;
}
.ban_box .ban_description .btn-plusdb {
  background: #da6263;
}
.ban_box .ban_description .btn-cocoar {
  background: #808080;
}
.ban_box .ban_description .btn-appgoose {
  background: #f28d01;
}
.ban_box .ban_description .enlarge_text01 {
  font-size: 17px;
  font-weight: normal;
  line-height: 160%;
  margin-bottom: 20px;
}
.ban_box .ban_description .enlarge_text02 {
  font-size: 27px;
  font-weight: normal;
}
#tab01 .ban_thumb img {
  margin: -12px 0px 0px -12px;
}
#tab01 .enlarge_text01 {
  margin: 10px 10px 20px 10px;
}
#tab02 .ban_thumb img {
  margin: -12px 0px 0px -18px;
}
#tab02 .enlarge_text01 {
  margin: 0px 0px 20px 0px;
}
#tab03 .ban_thumb img {
  margin: -12px 0px 0px -20px;
}
#tab03 .enlarge_text01 {
  margin: 0px 0px 20px 0px;
}
#tab04 .ban_thumb img {
  margin: -12px 0px 0px -20px;
}
#tab04 .enlarge_text01 {
  margin: 0px 0px 20px 0px;
}
#tab05 .ban_thumb img {
  margin: -12px 0px 0px -20px;
}
#tab05 .enlarge_text01 {
  margin: 0px 0px 20px 0px;
}
#tab06 .ban_thumb img {
  margin: -12px 0px 0px -20px;
}
#tab06 .enlarge_text01 {
  margin: 0px 0px 20px 0px;
}
/*---------
second use section
--------*/
.section_merit .title_wrap {
  margin-bottom: 6px;
  background: #fff;
  height: 245px;
  text-align: center;
}
.section_merit .hero_title {
  margin-top: 60px;
}
.section_merit .section_merit_list {
  background: #FFF;
  height: 435px;
  position: relative;
  margin-bottom: 6px;
}
.section_merit .section_merit_list:before {
  width: 128px;
  height: 128px;
  position: absolute;
  left: 50%;
  margin-left: -64px;
  top: 35px;
}
.section_merit .section_merit_list .img_alt_text {
  float: right;
  margin-top: 152px;
  margin-right: 132px;
}
.section_merit .section_merit_list.list01:before {
  content: url(/dcms_media/image/img_number01.png);
}
.section_merit .section_merit_list.list01 .primary_unit {
  background: url(/dcms_media/image/img_merit_01.png) no-repeat right top;
}
.section_merit .section_merit_list.list02:before {
  content: url(/dcms_media/image/img_number02.png);
}
.section_merit .section_merit_list.list02 .primary_unit {
  background: url(/dcms_media/image/img_merit_02.png) no-repeat right top;
}
.section_merit .section_merit_list.list03:before {
  content: url(/dcms_media/image/img_number03.png);
}
.section_merit .section_merit_list.list03 .primary_unit {
  background: url(/dcms_media/image/img_merit_03.png) no-repeat right top;
}
.section_merit .section_merit_list .secondery_unit {
  font-size: 2rem;
}
.section_merit .section_merit_list .secondery_unit section {
  width: 500px;
  padding: 80px 0px 80px 112px;
}
.section_merit .section_merit_list .secondery_unit .sprite {
  margin: 0 0 40px;
}
.section_merit .section_merit_list .secondery_unit p {
  margin-bottom: 2rem;
  line-height: 150%;
}
.section_merit .primary_unit {
  float: left;
  width: 50%;
  height: 100%;
  height: 435px;
}
.section_merit .secondery_unit {
  float: right;
  width: 50%;
  height: 435px;
  background: #fff;
}
.section_merit .unit_container {
  width: 500px;
}
.section_merit .unit_hero_title {
  margin: 30px 0 35px;
}
.section_merit .nav-justified {
  padding: 0;
  margin: 30px 0 60px ;
  text-align: left;
}
.section_merit .nav-justified li {
  width: auto !important;
  padding-right: 20px;
}
.section_merit .nav-justified li.current a {
  border-bottom: #8daf27 5px solid;
}
.section_merit .nav-justified a {
  color: #555555 !important;
  font-size: 24px;
}
.section_merit .nav-justified a:hover {
  text-decoration: none;
  font-weight: bold;
}
.section_merit .circle_large_wrap {
  background: #FFF;
  width: 490px;
  height: 490px;
  margin-top: 40px;
  margin-left: 80px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: relative;
}
.section_merit .circle_large_wrap:before {
  content: "";
  width: 480px;
  height: 480px;
  position: absolute;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  top: 5px;
  left: 5px;
  border-left: #777777 1px solid;
}
.section_merit .circle_large_wrap:after {
  content: url(/dcms_media/image/bg_shadow_circle.png);
  width: 252px;
  height: 38px;
  position: absolute;
  left: 50%;
  bottom: -60px;
  margin-left: -126px;
}
.section_merit .circle_large_wrap .circle_large01 {
  text-align: center;
}
.section_merit .circle_large_wrap .circle_title01 {
  margin-bottom: 40px;
}
.section_merit .circle_large_wrap .circle_description {
  padding: 80px 30px;
}
.section_merit .circle_large_wrap a {
  padding-top: 100px;
  color: #333333;
  display: block;
}
.section_merit .circle_large_wrap a:hover {
  text-decoration: none;
}
.section_merit ul {
  padding: 0;
  list-style: inside;
  list-style: none;
}
/*---------
utility elements
--------*/
a:focus {
  outline: none;
}
.text_left {
  text-align: left;
}
.text_center {
  text-align: center;
}
.text_right {
  text-align: right;
}
.text_small {
  font-size: 70%;
}
.text_large {
  font-size: 180%;
}
.text_xlarge {
  font-size: 200%;
}
.lh-180 {
  line-height: 180%;
}
.invisible {
  opacity: 0;
}
@media only screen and (min-width: 769px) {
  .sp-only {
    display: none !important;
  }
}
@media only screen and (max-width: 769px) {
  .pc-only {
    display: none !important;
  }
}
.en_font {
  font-family: "Lato", sans-serif;
}
.en_font.light {
  font-weight: 300;
}
.bg_noise.bg_gray {
  background: #F0F0F0;
}
.full_width {
  width: 100%;
}
.bg_fff {
  background: #fff;
}
.contents_multi_col {
  width: 884px;
  margin: 0 auto;
}
.contents_multi_col .mediabox_02 {
  width: 300px;
  background: #1B2023;
  color: #fff;
}
.contents_multi_col .thumb_wrap_01 {
  position: relative;
}
.contents_multi_col .thumb_wrap_01 .title_01 {
  margin: 0;
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 0 10px;
  font-size: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.contents_multi_col .description_01 {
  padding: 18px;
}
.contents_multi_col .description_01 p {
  margin: 0;
}
.contents_multi_col .description_01 a {
  color: #fff;
}
.contents_multi_col div[class^="col"] {
  padding-left: 0;
  padding-right: 1px;
}
.m10 {
  margin-bottom: 10px;
}
.m20 {
  margin-bottom: 20px;
}
.m30 {
  margin-bottom: 30px;
}
.m40 {
  margin-bottom: 40px;
}
.m50 {
  margin-bottom: 50px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.ml10 {
  margin-left: 10px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.ml40 {
  margin-left: 40px;
}
.ml50 {
  margin-left: 50px;
}
.mr10 {
  margin-right: 10px;
}
.mr20 {
  margin-right: 20px;
}
.mr30 {
  margin-right: 30px;
}
.mr40 {
  margin-right: 40px;
}
.mr50 {
  margin-right: 50px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb50 {
  padding-bottom: 50px;
}
.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pt30 {
  padding-top: 30px;
}
.pt40 {
  padding-top: 40px;
}
.pt50 {
  padding-top: 50px;
}
.pl10 {
  padding-left: 10px;
}
.pl20 {
  padding-left: 20px;
}
.pl30 {
  padding-left: 30px;
}
.pl40 {
  padding-left: 40px;
}
.pl50 {
  padding-left: 50px;
}
.pr10 {
  padding-right: 10px;
}
.pr20 {
  padding-right: 20px;
}
.pr30 {
  padding-right: 30px;
}
.pr40 {
  padding-right: 40px;
}
.pr50 {
  padding-right: 50px;
}
.text_120 {
  font-size: 120%;
}
.text_150 {
  font-size: 150%;
}
.text_180 {
  font-size: 180%;
}
.text_200 {
  font-size: 200%;
}
.text_250 {
  font-size: 250%;
}
.text_highlight {
  color: #33cccc;
}
.green {
  color: #9FC52C;
}
.pink {
  color: #D96060;
}
.blue {
  color: #4D7FB4;
}
.clearblue {
  color: #59B4CD;
}
.orange {
  color: #F28C00;
}
.lightgray {
  color: #59B4CD;
}
.list_no_style {
  list-style-type: none;
}
.video_wrap {
  position: relative;
}
.video_wrap:after {
  position: absolute;
  content: url(/dcms_media/image/btn_playbtn.png);
  width: 112px;
  height: 110px;
  left: 50%;
  top: 50%;
  margin-left: -56px;
  margin-top: -60px;
}
.list_inline {
  list-style: none;
  padding: 0;
}
.list_inline li {
  display: inline-block;
}
.bg-white {
  background: #FFF;
}
.bg-black {
  background: #1B2023;
  color: #fff;
}
.space_10 {
  margin-bottom: 10px;
}
.section_01 {
  margin: 20px 0;
}
.rss_wrap dl {
  margin: 0;
  padding: 20px 0;
  border-bottom: #cccccc 1px solid;
}
.rss_wrap dl .rss_title a {
  color: #333333;
}
.rss_wrap dl .rss_title a:hover {
  text-decoration: none;
}
.rss_wrap dl dt {
  float: left;
  margin-right: 20px;
}
.rss_wrap dl dd {
  margin-left: 120px;
}
.rss_wrap.top .rss_contents {
  display: none;
}
.arrow_green {
  color: #333;
  background: url(/dcms_media/image/arr01.gif) no-repeat 0 5px;
  padding: 0 0 0 12px;
}
.arrow_green:hover {
  color: #333;
}
/*---------
compare cocoar with QR
--------*/
.section_qr {
  padding-top: 40px;
  padding-bottom: 116px;
}
.section_qr .primary_unit01 {
  background: url(/dcms_media/image/bg_poly03.png) no-repeat center right;
  margin-bottom: 55px;
}
.tip_title_large {
  background: #33cccc;
  color: #fff;
  font-size: 3.8rem;
  margin-bottom: 5rem;
  text-align: center;
  padding: 52px 0;
  position: relative;
}
.tip_title_large:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(79, 209, 209, 0);
  border-top-color: #33cccc;
  border-width: 20px;
  margin-left: -30px;
}
.round_box01 {
  background: #FFF;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 30px;
}
.round_box01 .title_center {
  margin: 2rem auto 2rem;
  display: block;
}
.round_box01 .thumb_wrap.pull-left {
  margin-right: 20px;
}
.round_box01 .sprite-text_cocoar_title,
.round_box01 .sprite-text_qr_title {
  margin: 2rem 0;
}
.compare_table {
  margin-bottom: 4rem;
}
/*---------
about cocoar
--------*/
.section_support {
  clear: both;
  padding-top: 26px;
  padding-bottom: 86px;
  background: url(/dcms_media/image/bg_large_blur_meeting.jpg) no-repeat center top;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.section_support .primary_unit_01 {
  width: 1000px;
  margin: 0 auto;
  background: #FFF;
  display: table;
}
.section_support .primary_unit_01 .thumb_wrap {
  display: table-cell;
}
.section_support .primary_unit_01 .text_box_01 {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
  border-left: #efefef 1px solid;
}
.section_support .primary_unit_01 .text_box_01 a {
  color: #333333;
}
.section_support .primary_unit_01 .text_box_01 a:hover {
  text-decoration: none;
}
.section_support .primary_unit_01 .text01 {
  margin-bottom: 40px;
}
/*---------
newcustomer section
--------*/
.section_newcustomer {
  background: #FFF;
  height: 465px;
  position: relative;
}
.section_newcustomer .secondery_unit {
  float: left;
  width: 50%;
  height: 100%;
  height: 465px;
  background: #1B2023;
}
.section_newcustomer .primary_unit {
  float: right;
  width: 50%;
  height: 465px;
}
.section_newcustomer .primary_unit .unit_container {
  margin-left: 40px;
}
.section_newcustomer .unit_container {
  width: 500px;
}
.section_newcustomer .unit_hero_title {
  margin: 50px 0 35px;
}
.section_newcustomer .nav-justified {
  padding: 0;
  margin: 30px 0 60px ;
  text-align: left;
  width: 100%;
}
.section_newcustomer .nav-justified li {
  width: auto !important;
  padding-right: 20px;
}
.section_newcustomer .nav-justified a {
  color: #555555 !important;
  font-size: 24px;
}
.section_newcustomer .nav-justified a:hover {
  text-decoration: none;
  font-weight: bold;
}
.section_newcustomer .circle_large_wrap {
  background: #FFF;
  width: 465px;
  height: 465px;
  margin-top: 40px;
  margin-left: -40px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: relative;
}
.section_newcustomer .circle_large_wrap:before {
  content: "";
  width: 455px;
  height: 455px;
  position: absolute;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  top: 5px;
  left: 5px;
  border-right: #777777 1px solid;
}
.section_newcustomer .circle_large_wrap:after {
  content: url(/dcms_media/image/bg_shadow_circle.png);
  width: 252px;
  height: 38px;
  position: absolute;
  left: 50%;
  bottom: -60px;
  margin-left: -126px;
}
.section_newcustomer .circle_large_wrap .circle_large01 {
  text-align: center;
  padding-top: 100px;
}
.section_newcustomer .circle_large_wrap .circle_title01 {
  margin-bottom: 40px;
}
.section_newcustomer .circle_large_wrap .circle_description {
  padding: 80px 30px;
}
/*---------
voice section
--------*/
.section_voice {
  margin: 120px auto 0;
  display: table;
}
.section_voice .subtitle_01 {
  margin: 0 0 10px;
}
.section_voice .search_box_01_title {
  margin-top: -50px;
  margin-left: -10px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #333333;
}
.section_voice .thumb {
  display: table-cell;
  width: 260px;
  vertical-align: middle;
}
.section_voice .description {
  display: table-cell;
  width: 450px;
  padding: 20px;
  vertical-align: middle;
}
.section_voice .search_box_01 {
  display: table-cell;
  width: 290px;
  padding: 20px 20px 0;
  vertical-align: middle;
}
/*---------
mainimage custom
--------*/
.nivo-lightbox-wrap .noticeboard {
  width: 100%;
  height: 100%;
  background: url(/dcms_media/image/overlay_scan.png) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
}
.nivo-lightbox-wrap .noticeboard_portrait {
  width: 100%;
  height: 100%;
  background: url(/dcms_media/image/overlay_scan_portrait.png) no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
}
.mainimage .animated {
  opacity: 0;
}
/*---------
Blog Blocks
--------*/
#tab00 {
  background-color: #f1f1f1;
}
#tab00 .ban_area {
  margin: 0 auto 0;
  border-top: 40px #fff solid;
  background-color: #ddd;
}
#tab01 {
  background-color: #e0efb7;
}
#tab01 .ban_area {
  margin: 0;
  background-color: #9fc62d;
}
#tab01 .blog_section01.bl-hover:after {
  border-color: #9fc62d;
}
#tab02 {
  background-color: #e9fff4;
}
#tab02 .ban_area {
  margin: 0;
  background-color: #23C878;
}
#tab02 .blog_section01.bl-hover:after {
  border-color: #23C878;
}
#tab03 {
  background-color: #ccdaea;
}
#tab03 .ban_area {
  margin: 0;
  background-color: #4e80b5;
}
#tab03 .blog_section01.bl-hover:after {
  border-color: #4e80b5;
}
#tab04 {
  background-color: #fcf2f3;
}
#tab04 .ban_area {
  margin: 0;
  background-color: #da6263;
}
#tab04 .blog_section01.bl-hover:after {
  border-color: #da6263;
}
#tab05 {
  background-color: #d9d9d9;
}
#tab05 .ban_area {
  margin: 0;
  background-color: #808080;
}
#tab05 .blog_section01.bl-hover:after {
  border-color: #808080;
}
#tab06 {
  background-color: #ffdaa7;
}
#tab06 .ban_area {
  margin: 0;
  background-color: #f28d01;
}
#tab06 .blog_section01.bl-hover:after {
  border-color: #f28d01;
}
.curation_wrap {
  width: 1024px;
  margin: 0px auto 0px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.blog_section01 {
  width: 253.5px;
  margin-right: 2px;
  margin-bottom: 2px;
  padding: 40px 30px;
  height: 480px;
  float: left;
  position: relative;
}
.blog_section01.bl-hover {
  background: #FFF;
}
.blog_section01.bl-hover2 {
  background: #FFF;
}
.blog_section01 a.bl-link {
  color: #333333;
}
.blog_section01 a.bl-link:hover {
  text-decoration: none;
}
.blog_section01 .blog_thum_wrap {
  margin: 0;
}
.blog_section01 .blog_cover_thum {
  width: 100%;
  overflow: hidden;
}
.blog_section01 .blog_cover_thum img {
  width: auto;
  height: 150px;
  margin-left: -15%;
}
.blog_section01 .blog_subtitle02 {
  font-size: 13px;
  line-height: 160%;
  font-weight: normal;
  height: 70px;
}
.blog_section01 .blog_name_unit01 {
  position: absolute;
  left: 30px;
  bottom: 30px;
  padding: 10px 5px 10px 0px;
  border-top: solid 1px #ccc;
  width: 192px;
  text-align: left;
  line-height: 20px;
}
.blog_section01 .blog_name_unit01 a {
  display: block;
  text-align: left;
  font-size: 12px;
  padding: 2px 3px 2px 24px;
}
.blog_section01 .blog_date01 {
  font-size: 11px;
}
.blog_section01 .blog_description {
  font-size: 11px;
  height: 60px;
}
.blog_section01 .blog_article01 {
  text-align: left;
  height: 240px;
  padding: 0px 0px 18px;
}
.blog_section01.no_blog_thumb .blog_subtitle02 {
  font-size: 20px;
  line-height: 160%;
  margin-top: 40px;
  font-weight: normal;
  height: 195px;
  overflow: hidden;
}
@media only screen and (min-width: 769px) {
  .blog_section01.no_blog_thumb .blog_subtitle02 {
    min-height: 70px;
    overflow: hidden;
  }
}
.blog_section01:before {
  position: absolute;
  left: 15px;
  top: 25px;
  width: 30px;
  height: 30px;
  display: block;
}
.blog_section01.media_actibook {
  position: relative;
}
.blog_section01.media_actibook:before {
  content: url(/dcms_media/image/icon_small_actibook_square.jpg);
}
.blog_section01.media_actibook .blog_name_unit01 a {
  color: #9fc62d;
  background: url(/dcms_media/image/icon_small_actibook.png) no-repeat left -1px;
}
.blog_section01.media_actibookdocs {
  position: relative;
}
.blog_section01.media_actibookdocs:before {
  content: url(/dcms_media/image/icon_small_docs_square.jpg);
}
.blog_section01.media_actibookdocs .blog_name_unit01 a {
  color: #59b5ce;
  background: url(/dcms_media/image/icon_small_docs.png) no-repeat left -1px;
}
.blog_section01.media_bluemonkey {
  position: relative;
}
.blog_section01.media_bluemonkey:before {
  content: url(/dcms_media/image/icon_small_bm_square.jpg);
}
.blog_section01.media_bluemonkey .blog_name_unit01 a {
  color: #4e80b5;
  background: url(/dcms_media/image/icon_small_bm.png) no-repeat left -1px;
}
.blog_section01.media_41web {
  position: relative;
}
.blog_section01.media_41web:before {
  content: url(/dcms_media/image/icon_small_bm_square.jpg);
}
.blog_section01.media_41web .blog_name_unit01 a {
  color: #4e80b5;
  background: url(/dcms_media/image/icon_small_bm.png) no-repeat left -1px;
}
.blog_section01.media_plusdb {
  position: relative;
}
.blog_section01.media_plusdb:before {
  content: url(/dcms_media/image/icon_small_plusdb_square.jpg);
}
.blog_section01.media_plusdb .blog_name_unit01 a {
  color: #da6263;
  background: url(/dcms_media/image/icon_small_plusdb.png) no-repeat left -1px;
}
.blog_section01.media_cocoar {
  position: relative;
}
.blog_section01.media_cocoar:before {
  content: url(/dcms_media/image/icon_small_cocoar_square.jpg);
}
.blog_section01.media_cocoar .blog_name_unit01 a {
  color: #808080;
  background: url(/dcms_media/image/icon_small_cocoar.png) no-repeat left -1px;
}
.blog_section01.media_appgoose {
  position: relative;
}
.blog_section01.media_appgoose:before {
  content: url(/dcms_media/image/icon_small_appgoose_square.jpg);
}
.blog_section01.media_appgoose .blog_name_unit01 a {
  color: #f28d01;
  background: url(/dcms_media/image/icon_small_appgoose.png) no-repeat left -1px;
}
.blog_section01.media_information {
  position: relative;
}
.blog_section01.media_information:before {
  content: none;
}
.blog_section01.media_information .blog_name_unit01 a {
  color: #111111;
  background: url(/dcms_media/image/icon_small_information.png) no-repeat left -1px;
}

.blog_section01.media_bownow {
  position: relative;
}
.blog_section01.media_bownow:before {
  content: url(/dcms_media/image/icon_small_bownow_square.jpg);
}
.blog_section01.media_bownow .blog_name_unit01 a {
  color: #CA062C;
  background: url(/dcms_media/image/icon_small_bownow.png) no-repeat left -1px;
}

.blog_section01.media_cloudcircus {
  position: relative;
}
.blog_section01.media_cloudcircus:before {
  content: url(/dcms_media/image/icon_small_cloudcircus_square.jpg);
}
.blog_section01.media_cloudcircus .blog_name_unit01 a {
  color: #000;
  background: url(/dcms_media/image/icon_small_cloudcircus.png) no-repeat left -1px;
}

.blog_section01.media_mtame {
  position: relative;
}
.blog_section01.media_mtame:before {
  content: url(/dcms_media/image/icon_small_mtame_square.jpg);
}
.blog_section01.media_mtame .blog_name_unit01 a {
  color: #E54028;
  background: url(/dcms_media/image/icon_small_mtame.png) no-repeat left -1px;
}
.blog_section01.media_actibookone {
  position: relative;
}
.blog_section01.media_actibookone:before {
  content: url(/dcms_media/image/icon_small_one_square.jpg);
}
.blog_section01.media_actibookone .blog_name_unit01 a {
  color: #23C878;
  background: url(/dcms_media/image/icon_small_one.png) no-repeat left -1px;
}
.hero_title_wrap.center .subtitle_04.actibookone {
    color: #23C878;
}
.hero_title_wrap.center .subtitle_04.actibookone span:before {
    content: url(../image/icon_one.png);
    margin-right: 10px;
}


/*---------
Media section
--------*/
.section_media {
  text-align: center;
  background-color: #fff;
  padding: 30px 0 40px;
  position: relative;
}
.section_media .container {
  position: relative;
  z-index: 1000;
}
.section_media .section_media_backdrop {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center top;
  top: 0;
  left: 0;
  z-index: 0;
}
.section_media .media_lists {
  padding: 0 20px;
}
.section_media .media_lists li {
  position: relative;
}
.section_media .media_lists li:before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0px;
  width: 220px;
  height: 220px;
  opacity: .8;
  z-index: 0;
  margin-left: 10px;
}
.section_media .media_lists li:hover:before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0px;
  width: 220px;
  height: 220px;
  z-index: 0;
  opacity: .8;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background: #fff;
}
.section_media .media_lists {
  margin-top: 20px;
  z-index: 100;
}
.section_media .media_lists .btn_text {
  display: none;
}
.section_media .media_lists a {
  margin: 0 auto;
  width: 220px;
  height: 198px;
  display: block;
  position: relative;
  color: #333333;
}
.section_media .media_lists a:after {
  top: 50%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  display: none;
  position: absolute;
  pointer-events: none;
  border-color: rgba(230, 230, 230, 0);
  border-bottom-color: #fff;
  border-width: 12px;
  margin-top: -35px;
  margin-left: -12px;
  z-index: 1200;
}
.section_media .media_lists a .media_tipbox {
  display: none;
  position: absolute;
  z-index: 1000;
  left: 50%;
  margin-left: -460px;
  top: 50%;
  background: #FFF;
  width: 980px;
  text-align: left;
  margin-top: -15px;
  padding: 18px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px -1px 19px rgba(124, 124, 124, 0.8);
  box-shadow: 0px -1px 19px rgba(124, 124, 124, 0.8);
}
.section_media .media_lists a .media_tipbox .tip_thumb {
  width: 225px;
  text-align: center;
  display: table-cell;
  border-right: dotted 1px #333;
}
.section_media .media_lists a .media_tipbox .tip_description {
  width: 754px;
  padding: 0 18px 0;
  display: table-cell;
  vertical-align: middle;
}
.section_media .media_lists a:hover .media_tipbox {
  display: table;
}
.section_media .media_lists a:hover:after {
  top: 50%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  pointer-events: none;
  border-color: rgba(230, 230, 230, 0);
  border-bottom-color: #fff;
  border-width: 12px;
  margin-top: -35px;
  margin-left: -12px;
  z-index: 1200;
}
.section_media .btn_zoom {
  background: url(/dcms_media/image/btn_zoom.png) no-repeat center top;
}
.section_media .btn_zoom:hover {
  background: url(/dcms_media/image/logo_zoom01.png) no-repeat center 5px;
}
.section_media .btn_zoom:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
  z-index: 0	;
}
.section_media .btn_zoom .media_tipbox {
  margin-left: -95px !important;
}
.section_media .btn_catacura {
  background: url(/dcms_media/image/btn_catacura.png) no-repeat center top;
}
.section_media .btn_catacura:hover {
  background: url(/dcms_media/image/logo_catacura.png) no-repeat 47px 19px;
}
.section_media .btn_catacura:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
  z-index: 0	;
}
.section_media .btn_catacura .media_tipbox {
  margin-left: -340px !important;
}
.section_media .btn_actibooks {
  background: url(/dcms_media/image/btn_actibooks.png) no-repeat center top;
}
.section_media .btn_actibooks:hover {
  background: url(/dcms_media/image/logo_actibooks.png) no-repeat center 19px;
}
.section_media .btn_actibooks:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
  z-index: 0	;
}
.section_media .btn_actibooks .media_tipbox {
  margin-left: -588px !important;
}
.section_media .btn_gokigen {
  background: url(/dcms_media/image/btn_gokigen.png) no-repeat center 0;
}
.section_media .btn_gokigen:hover {
  background: url(/dcms_media/image/logo_bokigen_business01.png) no-repeat center 0px;
  margin-top: -5px;
}
.section_media .btn_gokigen:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
  z-index: 0	;
}
.section_media .btn_gokigen .media_tipbox {
  margin-left: -832px !important;
}
/*---------
section contact
--------*/
.section_contact {
  height: 260px;
}
.section_contact a.btn_contact {
  display: inline-block;
  height: 260px;
  padding: 100px 0;
  padding-right: 40px;
  color: #fff;
  position: relative;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity linear .1s;
  -moz-transition: opacity linear .1s;
  -ms-transition: opacity linear .1s;
  -o-transition: opacity linear .1s;
  transition: opacity linear .1s;
}
.section_contact a.btn_contact .en {
  font-family: "Lato" sans-serif;
  font-weight: 300;
  font-size: 58px;
  display: inline-block;
  margin-right: 40px;
  text-decoration: none;
}
.section_contact a.btn_contact .ja {
  font-size: 16px;
  line-height: 180%;
  width: 300px;
  display: inline-block;
  text-decoration: none;
}
.section_contact a.btn_contact:after {
  content: url(/dcms_media/image/arrows-right-large-white.png);
  display: inline-block;
  width: 33px;
  height: 58px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -34px;
  opacity: 1;
  text-decoration: none;
  -webkit-transition: all linear .1s;
  -moz-transition: all linear .1s;
  -ms-transition: all linear .1s;
  -o-transition: all linear .1s;
  transition: all linear .1s;
}
.section_contact a.btn_contact:hover {
  opacity: .8;
}
.section_contact a.btn_contact:hover:after {
  right: -10px;
  text-decoration: none;
}
/*---------
infomation information
--------*/
.section_information {
  background: #FFF;
  padding: 30px 0 40px;
}
.section_information .subtitle_03 {
  text-align: center;
  margin-bottom: 20px;
}
.section_information .info_wrap .info_list {
  padding: 0;
  list-style: none;
  width: 100%;
}
.section_information .info_wrap .info_list li {
  border-bottom: #ccc 1px solid;
}
.section_information .info_wrap .info_list li a {
  color: #333333;
  display: inline-block;
  padding: 25px 10px 24px 20px ;
  background: url(/dcms_media/image/icon_small_time.png) no-repeat left 28px;
}
.section_information .info_wrap .info_list li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.section_information .info_wrap .date {
  margin-right: 20px;
}
.section_information .more {
  text-align: center;
}
.section_information .more .btn_more {
  padding: 10px;
  display: inline-block;
}
.section_information .more .btn_more:hover {
  opacity: 0.8;
}
/*---------
section map
--------*/
.section_map {
  height: 500px;
  position: relative;
}
.section_map #Gmap_menus {
  width: 1044px;
  margin: 0 auto;
  position: relative;
}
.section_map #Gmap_menus .box_transeparent {
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.section_map #Gmap_menus #map_tab {
  list-style: none;
  padding: 0;
  width: 280px;
  position: absolute;
  z-index: 999;
  left: 50%;
  top: 30px;
  margin-left: -510px;
}
.section_map #Gmap_menus #map_tab li {
  border-bottom: #d1d1d1 solid 1px;
}
.section_map #Gmap_menus #map_tab li:last-child {
  background: #eee;
}
.section_map #Gmap_menus #map_tab li:last-child a {
  color: #828282;
}
.section_map #Gmap_menus #map_tab li:last-child a:hover {
  background: #ddd;
}
.section_map #Gmap_menus #map_tab li .ja {
  width: 60px;
  margin-right: 20px;
}
.section_map #Gmap_menus #map_tab li .en {
  font-family: 'Lato' !important;
  font-style: normal;
}
.section_map #Gmap_menus #map_tab li.active a {
  background-color: #9cc715;
}
.section_map #Gmap_menus #map_tab a {
  display: block;
  padding: 0 17px;
  height: 50px;
  line-height: 50px;
  color: #333333;
}
.section_map #Gmap_menus #map_tab a:after {
  position: absolute;
  display: block;
  content: url(/dcms_media/image/arrows-right-exsmall.png);
  top: 0;
  bottom: 8px;
  right: 1em;
  width: .5em;
  height: .5em;
  margin: auto;
}
.section_map #Gmap_menus #map_tab a:hover,
.section_map #Gmap_menus #map_tab a:active,
.section_map #Gmap_menus #map_tab a:focus {
  text-decoration: none;
}
.section_map #Gmap_menus #map_tab a.btn_more:after {
  content: url(/dcms_media/image/arrows-double-right-exsmall.png);
}
.section_map #Gmap_menus #map_tab a.btn_more:focus,
.section_map #Gmap_menus #map_tab a.btn_more:active {
  color: #333333;
}
.section_map #Gmap_menus .tab-content {
  list-style: none;
  padding: 20px 26px 20px;
  width: 340px;
  position: absolute;
  z-index: 999;
  right: 10px;
  bottom: -480px;
  margin-left: 510px;
  font-size: 12px;
}
.section_map #Gmap_menus .tab-content .address {
  width: 100%;
  border-bottom: solid 1px #ccc;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.section_map .map_unit {
  height: 500px;
}
/*---------
footer section
--------*/
.footer {
  padding: 23px 0 0;
  background-color: #EEEEEE;
  border-top: 80px #fff solid;
  position: relative;
}
.footer .container {
  position: relative;
  width: 980px;
}
.footer ul {
  padding: 0;
  list-style-type: none;
}
.footer a {
  color: #333333;
}
.footer .secondery-links {
  width: 100%;
  padding: 30px 0px !important;
  font-size: 12px;
}
.footer .secondery-links i {
  font-size: 18px;
  margin-right: 8px;
  color: #84ba00;
}
.footer .secondery-links li {
  text-align: center;
  width: 32%;
}
.footer .footer_secondery_area .nav-justified {
  padding: 0;
  margin: 0;
  display: table;
}
@media only screen and (min-width: 992px) {
  .footer .footer_secondery_area .nav-justified {
    width: 980px;
  }
}
.footer .footer_end {
  background: #333333;
  padding: 15px 0 10px;
  height: 50px;
}
.footer .footer_end .container {
  width: 980px;
}
.footer .footer_end_links {
  float: left;
  width: 40%;
}
.footer .footer_end_links a {
  color: #fff;
  margin-right: 5px;
  font-size: 11px;
  margin-right: 14px;
}
.footer .footer_end_links a i {
  margin-right: 8px;
}
.footer .totop {
  float: left;
  width: 20%;
  text-align: center;
}
.footer .side_links {
  float: right;
  margin-top: -3px;
  text-align: right;
  width: 40%;
  color: #FFF;
  font-size: 11px;
  line-height: 18px;
}
.footer .side_links .copyright {
  margin-right: 10px;
}
.footer .side_links a {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  border-radius: 100%;
  text-align: center;
  width: 20px;
  height: 20px;
}
.footer .side_links a i {
  line-height: 20px;
}
.footer .side_links a.facebook {
  background: #315096;
}
.footer .side_links a.twitter {
  background: #55acee;
}
.footer .side_links a.rss {
  background: #ff8c00;
}
.footer .footer_ban a {
  display: inline-block;
  border: transparent 1px solid;
}
.footer .footer_ban.actibook a:hover {
  display: inline-block;
  border: #9fc62d 1px solid;
}
.footer .footer_ban.docs a:hover {
  display: inline-block;
  border: #23C878 1px solid;
}
.footer .footer_ban.bm a:hover {
  display: inline-block;
  border: #4e80b5 1px solid;
}
.footer .footer_ban.plusdb a:hover {
  display: inline-block;
  border: #da6263 1px solid;
}
.footer .footer_ban.cocoar a:hover {
  display: inline-block;
  border: #808080 1px solid;
}
.footer .footer_ban.appgoose a:hover {
  display: inline-block;
  border: #f28d01 1px solid;
}
@media only screen and (max-width: 769px) {
  .footer {
    padding: 23px 0 0;
    background-color: #EEEEEE;
    border-top: 40px #fff solid;
    position: relative;
  }
  .footer .container {
    position: relative;
    width: 100%;
  }
  .footer .nav-justified {
    display: block !important;
  }
  .footer .nav-justified > li {
    display: inline-block;
    width: 49%;
    text-align: left;
    background: #fff;
  }
  .footer .nav-justified > li a {
    display: block;
    height: 80px;
    float: left;
    overflow: hidden;
    width: 100%;
  }
  .footer .nav-justified > li a img {
    display: none !important;
    margin: -15px auto 0;
    display: inline;
  }
  .footer .footer_ban a {
    display: inline-block;
    border: transparent 1px solid;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
  }
  .footer .footer_ban.actibook {
    background: url(/dcms_media/image/ban_footer_actibook.jpg) no-repeat center center #ffffff;
  }
  .footer .footer_ban.docs {
    background: url(/dcms_media/image/ban_footer_docs.jpg) no-repeat center center #ffffff;
  }
  .footer .footer_ban.bm {
    background: url(/dcms_media/image/ban_footer_bm.jpg) no-repeat center center #ffffff;
  }
  .footer .footer_ban.plusdb {
    background: url(/dcms_media/image/ban_footer_plusdb.jpg) no-repeat center center #ffffff;
  }
  .footer .footer_ban.cocoar {
    background: url(/dcms_media/image/ban_footer_cocoar.jpg) no-repeat center center #ffffff;
  }
  .footer .footer_ban.appgoose {
    background: url(/dcms_media/image/ban_footer_calico.jpg) no-repeat center center #ffffff;
  }
  .footer .footer_secondery_area {
    padding: 0 10px;
  }
  .footer .footer_secondery_area .nav-justified.secondery-links {
    padding: 1rem 0rem !important;
  }
  .footer .footer_secondery_area .nav-justified.secondery-links li {
    background: none;
  }
  .footer .footer_secondery_area .nav-justified.secondery-links a {
    height: auto;
    padding: 10px 0;
  }
  .footer .footer_secondery_area .nav-justified.secondery-links > li {
    width: 100%;
    text-align: left;
  }
  .footer .footer_end {
    display: -webkit-flex;
    display: flex;
  }
  .footer .footer_end {
    background: #333333;
    padding: 0px 0 40px;
    height: auto;
    position: relative;
  }
  .footer .footer_end .container {
    width: 100%;
    padding: 0;
  }
  .footer .footer_end_links {
    float: none;
    width: 100%;
    display: block;
  }
  .footer .footer_end_links a {
    width: 100%;
    text-align: left;
    float: left;
    display: inline-block;
    border-left: #999999 solid 1px;
    border-bottom: #999999 solid 1px;
    color: #fff;
    position: relative;
    margin: 0px;
    padding: 10px;
    font-size: 12px;
    background: #aaaaaa;
  }
  .footer .footer_end_links a i {
    margin-right: 8px;
  }
  .footer .footer_end_links a:nth-child(odd) {
    border-left: none;
  }
  .footer .totop {
    float: none;
    text-align: center;
    clear: both	;
    width: 100%;
    position: absolute;
    bottom: -40px;
    left: 0;
  }
  .footer .totop a {
    display: block;
    height: 40px;
    line-height: 40px;
    z-index: 100;
  }
  .footer .totop a img {
    margin-top: 10px;
  }
  .footer .side_links {
    float: left;
    margin-top: -3px;
    text-align: right;
    width: 100%;
    padding: 0 10px;
    color: #FFF;
    font-size: 11px;
    line-height: 18px;
    background: #888888;
    height: 40px;
    line-height: 40px;
  }
  .footer .side_links .copyright {
    margin-right: 10px;
    float: left;
    text-align: left;
  }
  .footer .side_links a {
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    border-radius: 100%;
    text-align: center;
    width: 20px;
    height: 20px;
  }
  .footer .side_links a.facebook {
    background: #315096;
  }
  .footer .side_links a.twitter {
    background: #55acee;
  }
  .footer .side_links a.rss {
    background: #ff8c00;
  }
}
/*---------
Locator
--------*/
#locator {
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  display: none;
}
#locator a {
  color: #333333;
}
#locator a:hover {
  text-decoration: none;
}
/*---------
Sub pages default
--------*/
.eyecatch.small {
  height: 200px;
}
.eyecatch.small.morning {
  background-image: url(/dcms_media/image/bg_aboutus.jpg);
}
.eyecatch.small.night {
  background-image: url(/dcms_media/image/bg_aboutus_night.jpg);
}
.eyecatch.small.afternoon {
  background-image: url(/dcms_media/image/bg_aboutus_afternoon.jpg);
}
@media only screen and (max-width: 769px) {
  .eyecatch.small {
    height: 200px;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center top;
  }
  .eyecatch.small.morning {
    background-image: url(/dcms_media/image/bg_sp_aboutus02.jpg);
  }
  .eyecatch.small.night {
    background-image: url(/dcms_media/image/bg_sp_aboutus02_night.jpg);
  }
  .eyecatch.small.afternoon {
    background-image: url(/dcms_media/image/bg_sp_aboutus02_afternoon.jpg);
  }
}
.eyecatch.small .hero_title {
  margin: 55px 0 0px;
  line-height: 1.1;
}
@media only screen and (max-width: 769px) {
  .eyecatch.small .hero_title {
    margin: 55px 0 0px;
    color: #fff;
    background: none;
    padding: 0px;
  }
  .eyecatch.small .hero_title .en_font {
    font-size: 4.5rem;
    margin-right: 1.4rem;
    display: block;
    margin-bottom: 1rem;
  }
  .eyecatch.small .hero_title .ja {
    font-size: 1.4rem;
    display: block;
  }
  .eyecatch.small .hero_title br {
    display: none;
  }
}
.section01 .subtitle_04 {
  margin: 60px 0 30px;
}
.section01 .subtitle_05 {
  margin-top: 40px;
}
.section01 p {
  font-size: 16px;
  line-height: 180%;
  margin-bottom: 30px;
}
.well.dotted {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px #ccc dotted;
}
.well.dotted .subtitle_05 {
  margin-top: 10px;
}
hr.hr.dotted {
  border: none;
  background: url(/dcms_media/image/bg_dot_horizontal.png) repeat-x top;
  height: 1px;
}
hr.hr.separator {
  width: 30%;
  margin: 100px auto 100px;
}
.common-list05 {
  clear: both;
  margin-bottom: 20px;
  padding-left: 42px;
}
/*---------
About Us
--------*/
.eyecatch {
  height: 460px;
  background-image: url(/dcms_media/image/bg_eyecatch_aboutus.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.eyecatch.morning {
  background-image: url(/dcms_media/image/bg_eyecatch_aboutus.jpg);
}
.eyecatch.night {
  background-image: url(/dcms_media/image/bg_eyecatch_aboutus_night.jpg);
}
.eyecatch.afternoon {
  background-image: url(/dcms_media/image/bg_eyecatch_aboutus_afternoon.jpg);
}
@media only screen and (max-width: 769px) {
  .eyecatch {
    height: 280px;
    margin-top: 59px;
    background-image: url(/dcms_media/image/bg_sp_aboutus01.jpg);
  }
}
.eyecatch .hero_title {
  margin: 55px 0 0px;
  color: #FFF;
}
.eyecatch .hero_title .en_font {
  font-size: 50px;
}
.eyecatch .hero_title .ja {
  font-size: 19px;
}
@media only screen and (max-width: 769px) {
  .eyecatch .hero_title {
    margin: -59px -10px 0px;
    color: #333333;
    background: #FFF;
    padding: 18px 10px;
  }
  .eyecatch .hero_title .en_font {
    font-size: 2.2rem;
    margin-right: 1.4rem;
  }
  .eyecatch .hero_title .ja {
    font-size: 1.2rem;
  }
  .eyecatch .hero_title br {
    display: none;
  }
}
.eyecatch .sub_hero_title {
  text-indent: -9999px;
  background: url(/dcms_media/image/eyecatch_text_aboutus.png) no-repeat top center;
  width: 300px;
  height: 205px;
  margin: -78px auto 0px;
}
@media only screen and (max-width: 769px) {
  .eyecatch .sub_hero_title {
    width: 180px;
    margin-top: 50px;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
  }
}
.section_aboutus01 {
  margin-top: 50px;
  font-size: 16px;
  padding-bottom: 40px;
  border-bottom: #DDDDDD 1px solid;
  float: left;
  width: 100%;
}
.section_aboutus01:first-child {
  margin-top: 80px;
}
.section_aboutus01:last-child {
  margin-bottom: 40px;
  border-bottom: none;
}
.section_aboutus01 .subtitle_04 {
  margin: 0 0 24px;
}
.section_aboutus01 .img_unit {
  float: left;
  width: 220px;
  margin-right: 20px;
  text-align: center;
}
.section_aboutus01 .text_unit {
  float: left;
  width: 740px;
  line-height: 180%;
}
@media only screen and (max-width: 769px) {
  .section_aboutus01 {
    margin-top: 30px;
    padding-bottom: 20px;
  }
  .section_aboutus01:first-child {
    margin-top: 30px;
  }
  .section_aboutus01 .img_unit {
    display: none;
  }
  .section_aboutus01 .text_unit {
    float: left;
    width: 100%;
    line-height: 180%;
  }
  .section_aboutus01 .text_unit .subtitle_04 {
    text-align: center;
    font-size: 2rem;
    line-height: 140%;
    font-weight: bold;
  }
  .section_aboutus01 .text_unit .subtitle_04 br {
    display: block;
  }
  .section_aboutus01 .text_unit br {
    display: none;
  }
}
.section_aboutus02 {
  height: 500px;
  text-align: center;
}
.section_aboutus02.morning {
  background: url(/dcms_media/image/bg_aboutus.jpg) no-repeat center top;
}
.section_aboutus02.morning .hero_title {
  background: url(/dcms_media/image/text_aboutus02_noshadow.png) no-repeat top center;
}
.section_aboutus02.night {
  background: url(/dcms_media/image/bg_aboutus_night.jpg) no-repeat center top;
}
.section_aboutus02.night .hero_title {
  background: url(/dcms_media/image/text_aboutus02_noshadow.png) no-repeat top center;
}
.section_aboutus02.night p {
  color: #FFF;
}
.section_aboutus02.afternoon {
  background: url(/dcms_media/image/bg_aboutus_afternoon.jpg) no-repeat center top;
}
.section_aboutus02.afternoon .hero_title {
  background: url(/dcms_media/image/text_aboutus02_noshadow.png) no-repeat top center;
}
.section_aboutus02 .hero_title {
  text-indent: -9999px;
  width: 451px;
  height: 173px;
  margin: 40px auto 25px;
}
.section_aboutus02 p {
  font-size: 22px;
  line-height: 160%;
  font-weight: normal;
  margin-bottom: 14px;
}
@media only screen and (max-width: 769px) {
  .section_aboutus02 {
    height: auto;
    padding-bottom: 20px;
    background: url(/dcms_media/image/bg_sp_aboutus02.jpg) no-repeat center top;
  }
  .section_aboutus02 .hero_title {
    text-indent: -9999px;
    background: url(/dcms_media/image/text_aboutus02_noshadow.png) no-repeat top center;
    width: 270px;
    height: 104px;
    -webkit-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
    margin: 40px auto 25px;
  }
  .section_aboutus02 p {
    font-size: 1.4rem;
    line-height: 160%;
    font-weight: normal;
    margin-bottom: 14px;
    color: #2f2f2f;
  }
}
.section_outline .subtitle_03 {
  font-size: 50px;
  margin: 70px 0 0;
  text-align: center;
}
.section_outline .sub_description {
  text-align: center;
  margin: 10px 0 40px;
  font-size: 14px;
}
@media only screen and (max-width: 769px) {
  .section_outline .subtitle_03 {
    font-size: 2.7rem;
    margin: 35px 0 0;
    text-align: center;
  }
  .section_outline .sub_description {
    text-align: center;
    margin: 10px 0 40px;
    font-size: 1.3rem;
  }
}
#drawerButton {
  display: block;
  background: url(/dcms_media/image/sp_menu_btn.png) no-repeat left top;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  width: 30px;
  height: 28px;
}
.responsive_list {
  display: table;
  border-bottom: #EEEEEE 1px solid;
  margin: 0;
}
.responsive_list:last-child {
  margin-bottom: 40px;
  border-bottom: none;
}
.responsive_list .title {
  font-weight: normal;
  display: table-cell;
  vertical-align: top;
  width: 150px;
  padding: 30px 20px;
  background: #F8F8F8;
  color: #999;
  letter-spacing: 0.5em;
}
.responsive_list .description {
  display: table-cell;
  width: 830px;
  padding: 30px 0px 30px 60px;
}
.responsive_list.full_width {
  width: auto;
}
@media only screen and (max-width: 769px) {
  .responsive_list {
    display: table;
    border-bottom: #EEEEEE 1px solid;
    margin: 0;
  }
  .responsive_list:last-child {
    margin-bottom: 20px;
    border-bottom: none;
  }
  .responsive_list.sp_full {
    display: block;
  }
  .responsive_list .title {
    font-weight: normal;
    display: table-cell;
    vertical-align: top;
    width: 130px;
    padding: 3rem 0rem;
    border-right: none;
  }
  .responsive_list .title.sp_full {
    display: block;
    width: 100%;
    padding: 2rem 0rem 2rem 0rem;
    background: none;
  }
  .responsive_list .description {
    display: table-cell;
    width: 75%;
    padding: 3rem 0rem 3rem 3rem;
  }
  .responsive_list .description.sp_full {
    display: block;
    width: 100%;
    padding: 0rem 0rem 2rem 1rem;
  }
  .responsive_list .description.sp_full .map_list {
    float: none;
  }
  .responsive_list.full_width {
    width: 100%;
  }
  .responsive_list.full_width .title {
    width: 100%;
    display: block;
    padding: 3rem 0 0;
    background: none;
  }
  .responsive_list.full_width .description {
    width: 100%;
    display: block;
    padding: 3rem 0rem;
  }
  .responsive_list .responsive_list_small:last-child {
    margin-bottom: 2rem;
  }
  .responsive_list .banner {
    text-align: center;
  }
}
.map_list {
  display: table;
  width: 50%;
  float: left;
}
.map_list dt {
  display: block;
}
.map_list dd {
  display: block;
}
.map_list a {
  color: #333333;
  padding-right: 35px;
  background: url(/dcms_media/image/mark_map_blank.png) no-repeat right center;
}
@media only screen and (max-width: 769px) {
  .map_list {
    width: 100%;
    display: block;
  }
}
.responsive_list_small {
  display: table;
  margin: 0;
  font-size: 11px;
}
.responsive_list_small dt {
  font-weight: normal;
  display: table-cell;
  vertical-align: top;
  width: 120px;
  padding: 5px 10px;
}
.responsive_list_small dd {
  display: table-cell;
  width: 300px;
  padding: 5px 0px 5px 20px;
}
.section_history .history_wrap {
  margin-bottom: 40px;
}
.section_history .subtitle_03 {
  margin: 70px 0 0;
  text-align: center;
}
.section_history .sub_description {
  text-align: center;
  margin: 10px 0 40px;
  font-size: 14px;
}
.section_history .history_list {
  display: table;
  width: 100%;
  position: relative;
  margin: 0;
}
.section_history .history_list:before {
  content: "";
  width: 8px;
  height: 8px;
  left: -3px;
  top: 9px;
  position: absolute;
  display: block;
  border-radius: 100%;
  background: #BBBBBB;
  z-index: 100;
}
.section_history .history_list:first-child:after {
  content: "";
  width: 3px;
  height: 10px;
  left: 0px;
  top: 0px;
  position: absolute;
  display: block;
  z-index: 10;
  background: #F0F0F0;
}
.section_history .history_list:last-child:after {
  content: "";
  width: 1px;
  height: 10px;
  left: 1px;
  top: 0px;
  position: absolute;
  display: block;
  z-index: 10;
  background: #ccc;
}
.section_history .history_list:last-child dt {
  border-left: none;
  margin-left: 1px;
}
.section_history .history_list dt {
  display: table-cell;
  border-left: #ccc solid 1px;
  padding-left: 20px;
  width: 120px;
  font-weight: normal;
}
.section_history .history_list dd {
  display: table-cell;
  width: 905px;
  font-size: 13px;
}
.section_history .history_list dd .list {
  padding-bottom: 20px;
  display: table;
}
.section_history .history_list dd .list .title {
  width: 80px;
  display: table-cell;
}
.section_history .history_list dd .list .detail {
  padding: 5px 0px 5px 40px;
  display: table-cell;
}
.section_history .history_list dd .list .detail.actibook {
  background: url(/dcms_media/image/icon_history_actibook.png) no-repeat center left;
}
.section_history .history_list dd .list .detail.bluemonkey {
  background: url(/dcms_media/image/icon_history_bm.png) no-repeat center left;
}
.section_history .history_list dd .list .detail.gokigen {
  background: url(/dcms_media/image/icon_history_gokigen.png) no-repeat center left;
}
.section_history .history_list dd .list .detail.cocoar {
  background: url(/dcms_media/image/icon_history_cocoar.png) no-repeat center left;
}
.section_history .history_list dd .list .detail.plusdb {
  background: url(/dcms_media/image/icon_history_plusdb.png) no-repeat center left;
}
.section_history .history_list dd .list .detail.catacura {
  background: url(/dcms_media/image/icon_history_catacura.png) no-repeat center left;
}
.section_history .history_list dd .list .detail.appgoose {
  background: url(/dcms_media/image/icon_history_appgoose.png) no-repeat center left;
}
.section_history .history_list dd .list .detail.lessar {
  background: url(/dcms_media/image/icon_history_lessar.png) no-repeat center left;
}
.section_history .history_list dd .list .detail.one {
  background: url(/dcms_media/image/icon_history_one.png) no-repeat center left;
}
@media only screen and (max-width: 769px) {
  .section_history .history_wrap {
    margin-bottom: 40px;
  }
  .section_history .subtitle_03 {
    margin: 35px 0 0;
    text-align: center;
    font-size: 2.7rem;
  }
  .section_history .sub_description {
    text-align: center;
    margin: 10px 0 40px;
    font-size: 1.3rem;
  }
  .section_history .history_list {
    display: block;
    margin-bottom: 2rem;
  }
  .section_history .history_list dt {
    color: #000000;
    display: block;
    border-left: none;
    padding-left: 14px;
    margin-bottom: 1rem;
    width: 100%;
    font-weight: normal;
  }
  .section_history .history_list dd {
    display: block;
    width: 100%;
    font-size: 13px;
    padding-left: 15px;
  }
  .section_history .history_list dd .list {
    padding-bottom: 10px;
  }
  .section_history .history_list dd .list .title {
    color: #000000;
    width: 50px;
  }
  .section_history .history_list dd .list .detail {
    padding: 5px 0px 5px 5px !important;
    background: none !important	;
  }
  .section_history .history_list:before {
    content: "";
    width: 8px;
    height: 8px;
    left: 0px;
    top: 5px;
    position: absolute;
    display: block;
    border-radius: 100%;
    background: #BBBBBB;
    z-index: 100;
  }
  .section_history .history_list:first-child:after {
    content: "";
    width: 3px;
    height: 10px;
    left: 0px;
    top: 0px;
    position: absolute;
    display: block;
    z-index: 10;
    background: #F0F0F0;
  }
  .section_history .history_list:last-child:after {
    content: "";
    width: 1px;
    height: 10px;
    left: 1px;
    top: 0px;
    position: absolute;
    display: block;
    z-index: 10;
    background: #ccc;
  }
  .section_history .history_list:last-child dt {
    border-left: none;
    margin-left: 1px;
  }
}
/*---------
Smart phone menus
--------*/
@media only screen and (max-width: 769px) {
  .global_nav_wrap {
    display: none;
  }
}
#drawerMenu {
  float: right;
  margin: 15px 0px 0;
  width: 44px;
}
#jPanelMenu-menu {
  background-color: #f3f3f3;
  /*background-image: url(../img/bg_noise-2.png);*/
  background-position: left top;
  background-repeat: repeat;
  padding: 0;
  max-height: none;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
}
#jPanelMenu-menu li {
  width: 100%;
  display: block;
}
#jPanelMenu-menu li a {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  position: relative;
  padding-left: 28px;
  line-height: 48px;
  color: #666;
  border-bottom: 2px solid #DCDCDC;
}
#jPanelMenu-menu li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 6px;
  height: 6px;
  margin: -4px 0 0 0;
  border-top: solid 2px #666666;
  border-right: solid 2px #666666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#jPanelMenu-menu li a.btn_close_menu {
  display: block;
  padding-left: 12px;
  color: #FFF;
  background: #aaaaaa;
  border-bottom: 2px solid #aaaaaa;
}
#jPanelMenu-menu li a.btn_close_menu:before {
  display: none;
}
#jPanelMenu-menu li a.global_navbtn_contact {
  color: #FFF;
  background: #8daf27;
  border-bottom: 2px solid #8daf27;
}
#jPanelMenu-menu li a.global_navbtn_contact:before {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
#jPanelMenu-menu li a .ja {
  font-weight: bold;
  display: flex;
  display: -webkit-flex;
  -webkit-order: 2;
  padding-right: 1.4rem;
}
#jPanelMenu-menu li a .en {
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
  display: flex;
  display: -webkit-flex;
  -webkit-order: 3;
}
/*---------
Smart phone Top
--------*/
.sp_mainimage .hero_title {
  width: 100%;
}
.sp_mainimage .hero_title img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.sp_main_stage {
  height: auto;
}
.sp_main_stage .hero_title {
  height: auto;
  margin: 0;
}
.sp_pages .subtitle_03 {
  text-align: center;
  font-size: 2.7rem;
}
.sp_pages .sub_description {
  text-align: center;
  font-size: 1.3rem;
}
.sp_section_service {
  background: #FFF;
  padding-bottom: 10px;
}
.sp_section_service .subtitle_03 {
  margin-bottom: 10px;
}
.sp_section_service .sub_description {
  margin: 14px 0 16px;
}
.sp_section_service .container {
  padding-left: 0;
  padding-right: 0;
}
.sp_section_service .service_nav {
  list-style: none;
  padding: 0;
}
.sp_section_service .service_nav li a {
  height: 105px;
  display: block;
  padding: 12px 34px 16px 75px;
  color: #FFF;
  background-repeat: no-repeat;
  position: relative;
  background-position: 10px center;
  -webkit-background-size: 55px;
  -o-background-size: 55px;
  background-size: 55px;
}
.sp_section_service .service_nav li a.btn-actibook {
  background-image: url(/dcms_media/image/sp_icon_actibook_white.png);
  background-color: #9fc62d;
}
.sp_section_service .service_nav li a.btn-docs {
  background-image: url(/dcms_media/image/sp_icon_docs_white.png);
  background-color: #23C878;
}
.sp_section_service .service_nav li a.btn-bm {
  background-image: url(/dcms_media/image/sp_icon_bm_white.png);
  background-color: #4e80b5;
}
.sp_section_service .service_nav li a.btn-plusdb {
  background-image: url(/dcms_media/image/sp_icon_plusdb_white.png);
  background-color: #da6263;
}
.sp_section_service .service_nav li a.btn-cocoar {
  background-image: url(/dcms_media/image/sp_icon_cocoar_white.png);
  background-color: #808080;
}
.sp_section_service .service_nav li a.btn-appgoose {
  background-image: url(/dcms_media/image/sp_icon_appgoose_white.png);
  background-color: #f28d01;
}
.sp_section_service .service_nav li a:hover {
  text-decoration: none;
}
.sp_section_service .service_nav li a:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sp_section_service .service_nav li a .en_font {
  display: block;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
}
.sp_section_service .service_nav li a .ja {
  display: block;
  width: 100%;
  font-size: 1.1rem;
  font-weight: bold;
}
.sp_section_service .service_nav li a .description {
  display: block;
  margin-top: .8rem;
  font-size: 1.2rem;
  line-height: 120%;
}
/*---------
smart phone Ban Top
--------*/
.sp_section_ban {
  padding: 10px 0;
  background: #CCCCCC;
}
.sp_section_ban .img-responsive {
  margin: 0 auto;
}
/*---------
smart phone blog section
--------*/
.sp_section_blog_newspost {
  padding: 10px 0;
}
.sp_blog_section01 {
  width: 100%;
  margin-right: 2px;
  margin-bottom: 0px;
  padding: 10px 0px;
  height: auto;
  float: left;
  position: relative;
  border-bottom: #ccc 1px solid;
}
.sp_blog_section01.bl-hover {
  background: #FFF;
}
.sp_blog_section01:last-child {
  border-bottom: none;
  padding: 10px 0px 0px;
}
.sp_blog_section01.bl-hover {
  background: #FFF;
}
.sp_blog_section01.bl-hover2 {
  background: #FFF;
}
.sp_blog_section01 a.bl-link {
  color: #333333;
}
.sp_blog_section01 a.bl-link:hover {
  text-decoration: none;
}
.sp_blog_section01 .blog_thum_wrap {
  margin: 0;
}
.sp_blog_section01 .blog_cover_thum {
  width: 100px;
  height: 100px;
  float: left;
}
.sp_blog_section01 .blog_cover_thum a {
  width: 100px;
  height: 100px;
  display: block;
  overflow: hidden;
  position: relative;
}
.sp_blog_section01 .blog_cover_thum a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
}
.sp_blog_section01 .blog_cover_thum img {
  width: auto;
  height: 100px;
  margin-left: -50%;
}
.sp_blog_section01 .blog_subtitle02 {
  font-size: 13px;
  line-height: 160%;
  font-weight: bold;
  height: 70px;
  margin: 0;
}
.sp_blog_section01 .blog_subtitle02 a {
  color: #333333;
}
.sp_blog_section01 .blog_subtitle02 a:hover {
  text-decoration: none;
}
.sp_blog_section01 .blog_name_unit01 {
  padding: 10px 5px 10px 0px;
  width: auto;
  text-align: right;
  line-height: 20px;
}
.sp_blog_section01 .blog_name_unit01 a {
  font-size: 1rem;
  line-height: 16px;
  padding: 2px 3px 2px 16px;
  -webkit-background-size: 15px 15px !important;
  -o-background-size: 15px 15px !important;
  background-size: 15px 15px !important;
}
.sp_blog_section01 .blog_date01 {
  padding-left: 10px;
  font-size: 1rem;
}
.sp_blog_section01 .blog_description {
  font-size: 1.1rem;
  display: none;
}
.sp_blog_section01 .blog_article01 {
  margin-left: 114px;
  text-align: left;
  height: auto;
  padding: 0px 0px 0px;
}
.sp_blog_section01.no_blog_thumb .blog_article01 {
  margin-left: 0px;
}
.sp_blog_section01.no_blog_thumb .blog_subtitle02 {
  font-size: 1.8rem;
  line-height: 160%;
  margin-top: 10px;
  margin-left: 0;
  height: auto;
  font-weight: normal;
}
.sp_blog_section01.media_actibook {
  position: relative;
}
.sp_blog_section01.media_actibook .blog_name_unit01 a {
  color: #9fc62d;
  background: url(/dcms_media/image/icon_small_actibook.png) no-repeat left;
}
.sp_blog_section01.media_docs {
  position: relative;
}
.sp_blog_section01.media_docs .blog_name_unit01 a {
  color: #23C878;
  background: url(/dcms_media/image/icon_small_docs.png) no-repeat left;
}
.sp_blog_section01.media_bluemonkey {
  position: relative;
}
.sp_blog_section01.media_bluemonkey .blog_name_unit01 a {
  color: #4e80b5;
  background: url(/dcms_media/image/icon_small_bm.png) no-repeat left;
}
.sp_blog_section01.media_41web {
  position: relative;
}
.sp_blog_section01.media_41web .blog_name_unit01 a {
  color: #4e80b5;
  background: url(/dcms_media/image/icon_small_bm.png) no-repeat left;
}
.sp_blog_section01.media_plusdb {
  position: relative;
}
.sp_blog_section01.media_plusdb .blog_name_unit01 a {
  color: #da6263;
  background: url(/dcms_media/image/icon_small_plusdb.png) no-repeat left;
}
.sp_blog_section01.media_cocoar {
  position: relative;
}
.sp_blog_section01.media_cocoar .blog_name_unit01 a {
  color: #808080;
  background: url(/dcms_media/image/icon_small_cocoar.png) no-repeat left;
}
.sp_blog_section01.media_appgoose {
  position: relative;
}
.sp_blog_section01.media_appgoose .blog_name_unit01 a {
  color: #f28d01;
  background: url(/dcms_media/image/icon_small_appgoose.png) no-repeat left;
}
/*---------
smart phone recruit section
--------*/
.sp_section_recruit {
  background: #fff;
  padding: 10px 0 20px;
}
.sp_section_recruit small {
  font-size: 1.1rem;
}
.sp_section_recruit .unit01 {
  width: 100%;
  margin-bottom: 10px;
}
.sp_section_recruit .unit01 a {
  background: #FFF;
  color: #333333;
  font-size: 1.3rem;
  text-align: center;
}
.sp_section_recruit .unit01 a:hover {
  text-decoration: none;
}
.sp_section_recruit .unit01 a span {
  display: inline-block;
  width: 100%;
  padding: 10px;
}
/*---------
smart phone contact section
--------*/
.sp_section_contact {
  background: #fff;
  height: 160px;
  background-image: url(/dcms_media/image/sp_bg_top02.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
.sp_section_contact.morning {
  background-image: url(/dcms_media/image/sp_bg_top02.jpg);
}
.sp_section_contact.night {
  background-image: url(/dcms_media/image/sp_bg_top02_night.jpg);
}
.sp_section_contact.afternoon {
  background-image: url(/dcms_media/image/sp_bg_top02_afternoon.jpg);
}
.sp_section_contact a.btn_contact {
  display: inline-block;
  width: 100%;
  height: 160px;
  padding: 30px 25px;
  color: #fff;
  position: relative;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity linear .1s;
  -moz-transition: opacity linear .1s;
  -ms-transition: opacity linear .1s;
  -o-transition: opacity linear .1s;
  transition: opacity linear .1s;
}
.sp_section_contact a.btn_contact .en {
  font-family: "Lato" sans-serif;
  font-weight: 300;
  font-size: 3.5rem;
  display: inline-block;
  margin: 0px 40px 14px 0px;
  text-decoration: none;
}
.sp_section_contact a.btn_contact .ja {
  font-size: 1.3rem;
  line-height: 140%;
  width: 100%;
  display: inline-block;
  text-decoration: none;
}
.sp_section_contact a.btn_contact:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 34px;
  height: 34px;
  margin: -17px 0 0 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sp_section_contact a.btn_contact:hover {
  opacity: .8;
}
/*---------
smart phone infomation information
--------*/
.sp_section_information {
  background: #FFF;
  padding: 30px 0 40px;
}
.sp_section_information .subtitle_03 {
  text-align: center;
  margin-bottom: 20px;
}
.sp_section_information .info_wrap .info_list {
  padding: 0;
  list-style: none;
  width: 100%;
}
.sp_section_information .info_wrap .info_list li {
  border-bottom: #ccc 1px solid;
}
.sp_section_information .info_wrap .info_list li a {
  color: #333333;
  display: inline-block;
  padding: 14px 10px 14px 20px ;
  background: url(/dcms_media/image/icon_small_time.png) no-repeat left 18px;
}
.sp_section_information .info_wrap .info_list li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.sp_section_information .info_wrap .date {
  width: 100%;
  display: block;
  margin-right: 20px;
  margin-bottom: 8px;
}
.sp_section_information .info_wrap .title {
  margin-left: -2rem;
  display: block;
}
.sp_section_information .more {
  text-align: center;
}
.sp_section_information .more .btn_more {
  padding: 10px;
  margin-left: -10px;
  display: inline-block;
}
.sp_section_information .more .btn_more:hover {
  opacity: 0.8;
}
/*---------
smartphone section map
--------*/
.sp_section_map {
  position: relative;
  background: #fff;
}
.sp_section_map .subtitle_03 {
  margin: 0 0 20px;
  text-align: center;
}
.sp_section_map .map_subtitle01 {
  background: #8daf27;
  padding-right: 14px;
}
.sp_section_map .map_subtitle01.active {
  margin-bottom: 0;
}
.sp_section_map .map_subtitle01 a {
  color: #fff;
  font-size: 1.6rem;
  display: block;
  width: 100%;
  padding: 13px 10px;
  background-image: url(/dcms_media/image/sp_bg_blank_map.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 32px 14px;
}
.sp_section_map .map_subtitle01 a .ja {
  font-weight: bold;
  margin-right: 1rem;
}
.sp_section_map .map_subtitle01 a .en_font {
  font-size: 1.2rem;
}
.sp_section_map .address {
  padding: 10px 0 0;
  font-size: 1.2rem;
}
.sp_section_map p {
  margin: 0px 0 5px;
}
.sp_section_map .address_detail a {
  padding-right: 2rem;
  background-image: url(/dcms_media/image/sp_bg_blank_green.png);
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 14px 14px;
}
.sp_section_map .map_unit {
  height: 200px;
}
.sp_section_map .building_floor {
  font-weight: normal;
}
.sp_section_map .address_description {
  border-top: dashed 1px #ccc;
  padding: 10px 0px;
  font-size: 1.2rem;
}
/*--------------------
Service page
---------------------*/
.service .eyecatch {
  height: 380px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.service .eyecatch.morning {
  background-image: url(/dcms_media/image/bg_eyecatch_service.jpg);
}
.service .eyecatch.night {
  background-image: url(/dcms_media/image/bg_eyecatch_service_night.jpg);
}
.service .eyecatch.afternoon {
  background-image: url(/dcms_media/image/bg_eyecatch_service_afternoon.jpg);
}
.service .eyecatch p {
  color: #FFF;
}
@media only screen and (max-width: 769px) {
  .service .eyecatch p {
    display: block;
    font-size: 12px;
    padding: 10px;
    margin: 155px -10px;
    position: static;
    color: #333333;
    text-align: center;
    background: #fff;
  }
}
@media only screen and (max-width: 769px) {
  .service .eyecatch {
    height: 155px;
    background-repeat: no-repeat;
    background-position: center center !important	;
    background-size: cover;
  }
  .service .eyecatch.morning {
    background-image: url(/dcms_media/image/sp_bg_service.jpg);
  }
  .service .eyecatch.night {
    background-image: url(/dcms_media/image/sp_bg_service_night.jpg);
  }
  .service .eyecatch.afternoon {
    background-image: url(/dcms_media/image/sp_bg_service_afternoon.jpg);
  }
}
.service .eyecatch .hero_title {
  margin-bottom: 30px;
}
.service .service_nav_wrap {
  background: #FFF;
  padding: 45px 0 45px;
}
@media only screen and (max-width: 769px) {
  .service .service_nav_wrap {
    padding: 0;
  }
  .service .service_nav_wrap .container {
    padding: 0;
  }
}
.service .service_nav01 {
  width: 1020px;
  list-style-type: none;
  padding: 0;
  margin: 0px 0 0;
  display: table;
}
@media only screen and (max-width: 769px) {
  .service .service_nav01 {
    width: 100%;
    margin: 30px 0 0;
  }
}
.service .service_nav01 li {
  width: 1%;
  display: table-cell;
}
@media only screen and (max-width: 769px) {
  .service .service_nav01 li {
    width: 50%;
    display: inline-block;
  }
}
.service .service_nav01 li a {
  display: block;
  text-indent: -9999px;
  background-repeat: no-repeat;
  -webkit-transition: all linear .5s;
  -moz-transition: all linear .5s;
  -ms-transition: all linear .5s;
  -o-transition: all linear .5s;
  transition: all linear .5s;
}
@media only screen and (min-width: 769px) {
  .service .service_nav01 li a {
    width: 170px;
    height: 180px;
    background-image: url(/dcms_media/image/sprice_service_subpage.jpg);
    opacity: .5;
  }
}
@media only screen and (max-width: 769px) {
  .service .service_nav01 li a {
    width: 160;
    height: 130px;
  }
}
.service .service_nav01 li a.active {
  opacity: 1;
  position: relative;
}
@media only screen and (min-width: 769px) {
  .service .service_nav01 li a.active:after {
    top: 100%;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top: #000 18px solid;
    border-left: 85px solid transparent;
    border-right: 85px solid transparent;
    border-bottom: 0px solid transparent;
  }
}
.service .service_nav01 li a:hover {
  opacity: 1;
}
.service .service_nav01 .service_nav00 {
  display: none;
}
.service .service_nav01 .service_nav01 a {
  background-position: 0 0;
}
.service .service_nav01 .service_nav01 a.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #9fc62d;
}
.service .service_nav01 .service_nav02 a {
  background-position: -170px 0;
}
.service .service_nav01 .service_nav02 a.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #23C878;
}
.service .service_nav01 .service_nav03 a {
  background-position: -340px 0;
}
.service .service_nav01 .service_nav03 a.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #4e80b5;
}
.service .service_nav01 .service_nav04 a {
  background-position: -510px 0;
}
.service .service_nav01 .service_nav04 a.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #da6263;
}
.service .service_nav01 .service_nav05 a {
  background-position: -680px 0;
}
.service .service_nav01 .service_nav05 a.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #808080;
}
.service .service_nav01 .service_nav06 a {
  background-position: -850px 0;
}
.service .service_nav01 .service_nav06 a.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #f28d01;
}
@media only screen and (max-width: 769px) {
  .service .service_nav01 .service_nav01 a {
    background-position: 0 0;
    background-color: #9fc62d;
    background-image: url(/dcms_media/image/sp_btn_service_actibook.png);
    background-position: center center;
    background-size: contain;
  }
  .service .service_nav01 .service_nav01 a.active:after {
    border-color: rgba(136, 183, 213, 0);
  }
  .service .service_nav01 .service_nav02 a {
    background-position: -170px 0;
    background-color: #23C878;
    background-image: url(/dcms_media/image/sp_btn_service_actibookdocs.png);
    background-position: center center;
    background-size: contain;
  }
  .service .service_nav01 .service_nav02 a.active:after {
    border-color: rgba(136, 183, 213, 0);
  }
  .service .service_nav01 .service_nav03 a {
    background-position: -340px 0;
    background-color: #4e80b5;
    background-image: url(/dcms_media/image/sp_btn_service_bluemonkey.png);
    background-position: center center;
    background-size: contain;
  }
  .service .service_nav01 .service_nav03 a.active:after {
    border-color: rgba(136, 183, 213, 0);
  }
  .service .service_nav01 .service_nav04 a {
    background-position: -510px 0;
    background-color: #da6263;
    background-image: url(/dcms_media/image/sp_btn_service_plusdb.png);
    background-position: center center;
    background-size: contain;
  }
  .service .service_nav01 .service_nav04 a.active:after {
    border-color: rgba(136, 183, 213, 0);
  }
  .service .service_nav01 .service_nav05 a {
    background-position: -680px 0;
    background-color: #808080;
    background-image: url(/dcms_media/image/sp_btn_service_cocoar.png);
    background-position: center center;
    background-size: contain;
  }
  .service .service_nav01 .service_nav05 a.active:after {
    border-color: rgba(136, 183, 213, 0);
  }
  .service .service_nav01 .service_nav06 a {
    background-position: -850px 0;
    background-color: #f28d01;
    background-image: url(/dcms_media/image/sp_btn_service_appgoose.png);
    background-position: center center;
    background-size: contain;
  }
  .service .service_nav01 .service_nav06 a.active:after {
    border-color: rgba(136, 183, 213, 0);
  }
}
.service .description {
  width: 100%;
  padding: 50px 0px 60px 0px;
  vertical-align: middle;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  .service .description {
    width: 100%;
    padding: 20px 0px 40px 0px;
    vertical-align: middle;
    text-align: center;
  }
}
.service .description .text {
  width: 100%;
}
.service .description .en_font {
  letter-spacing: 2.5px;
}
.service .description .btn[target^="_blank"] {
  line-height: 20px;
  font-size: 16px;
  color: #FFF;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.service .description .btn[target^="_blank"]:after {
  content: "";
  display: inline-block;
  background: url(/dcms_media/image/icon_blank_white.png) no-repeat top left;
  width: 15px;
  height: 14px;
  margin-left: 5px;
  line-height: 37px;
}
.service .description .btn-actibook {
  background: #9fc62d;
}
.service .description .btn-docs {
  background: #23C878;
}
.service .description .btn-bm {
  background: #4e80b5;
}
.service .description .btn-plusdb {
  background: #da6263;
}
.service .description .btn-cocoar {
  background: #808080;
}
.service .description .btn-appgoose {
  background: #f28d01;
}
.service .description .hero_title {
  margin: 20px 0 40px;
}
@media only screen and (max-width: 769px) {
  .service .description .hero_title img {
    width: 188px;
    height: auto;
  }
}
.service .description .enlarge_text01 {
  font-size: 18px;
  font-weight: normal;
  line-height: 160%;
  margin: 20px;
}
@media only screen and (max-width: 769px) {
  .service .description .enlarge_text01 {
    font-size: 14.4px;
    font-weight: normal;
    line-height: 180%;
    margin: 10px;
  }
}
.service .description .enlarge_text02 {
  font-size: 42px;
  margin: 30px 0 50px;
  font-weight: normal;
}
.service .description .enlarge_text02 small {
  font-size: 28px;
}
@media only screen and (max-width: 769px) {
  .service .description .enlarge_text02 {
    font-size: 25.2px;
    margin: 10px 0 20px;
    line-height: 130%;
    font-weight: normal;
  }
  .service .description .enlarge_text02 small {
    font-size: 13px;
  }
}
.service .features {
  background: url(/dcms_media/image/line.jpg) repeat-x top;
  padding: 40px 0;
  width: 905px;
  margin: 0 auto;
}
.service .features .features_wrap {
  float: left;
  width: 250px;
  padding: 10px;
  margin-right: 85px;
}
.service .features .features_wrap:nth-child(3n) {
  margin-right: 0;
}
.service .features .features_wrap.bl-hover {
  background: none;
  -webkit-transition: all liear .5s;
  -moz-transition: all liear .5s;
  -ms-transition: all liear .5s;
  -o-transition: all liear .5s;
  transition: all liear .5s;
}
.service .features .title01 {
  line-height: 200%;
  text-align: center;
  margin-bottom: 40px;
}
.service .features .title01 small {
  display: block;
  font-size: 18px;
}
.service .features .title01 span {
  display: block;
  font-size: 32px;
}
@media only screen and (max-width: 769px) {
  .service .features .title01 {
    margin-bottom: 20px;
  }
  .service .features .title01 small {
    display: block;
    font-size: 14.4px;
  }
  .service .features .title01 span {
    display: block;
    font-size: 25.6px;
  }
}
.service .features .title02 {
  line-height: 200%;
  margin: 20px 0 10px;
}
.service .features .title02 small {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
}
.service .features .title02 span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 10px;
}
.service .features .thumb_wrap {
  text-align: center;
  margin: 10px 0 40px;
}
.service .features .btn-default-big {
  font-size: 18px;
  padding: 10px;
  background: #AAAAAA;
  color: #fff;
  margin: 50px auto 40px;
  display: inline-block;
  width: auto;
}
.service .features .btn-default-big:after {
  content: "";
  display: inline-block;
  background: url(/dcms_media/image/icon_blank_white.png) no-repeat top left;
  width: 15px;
  height: 14px;
  margin-left: 5px;
  line-height: 37px;
}
.service .features .btn-default-big.actibook {
  background-color: #b4d74f;
}
.service .features .btn-default-big.actibookdocs {
  background-color: #91e4bc;
}
.service .features .btn-default-big.bluemonkey {
  background-color: #729ac4;
}
.service .features .btn-default-big.plusdb {
  background-color: #e48b8c;
}
.service .features .btn-default-big.cocoar {
  background-color: #9a9a9a;
}
.service .features .btn-default-big.appgoose {
  background-color: #fea428;
}
.service .features .btn-default-big.information {
  background-color: #2b2b2b;
}
.service .features.pattern02 .features_wrap {
  width: 440px;
  height: 210px;
  float: left;
  margin-right: 35px;
  margin-bottom: 40px;
}
.service .features.pattern02 .features_wrap:nth-child(2n) {
  margin-right: 0;
}
.service .features.pattern02 .features_wrap .thumb_wrap {
  float: left;
  margin-right: 40px;
}
@media only screen and (max-width: 769px) {
  .service .features.pattern02 .features_wrap {
    width: 250px;
    padding: 10px;
    height: auto;
    float: none;
    margin: 0 auto ;
  }
  .service .features.pattern02 .features_wrap:nth-child(2n) {
    margin: 0 auto ;
  }
  .service .features.pattern02 .features_wrap:last-child {
    margin: 0 auto 40px;
  }
  .service .features.pattern02 .features_wrap .thumb_wrap {
    float: none;
    margin: 0 auto ;
  }
}
@media only screen and (max-width: 769px) {
  .service .features {
    width: 100%;
    padding: 20px 0;
  }
  .service .features .features_wrap {
    float: none;
    margin: 0 auto;
  }
  .service .features .features_wrap:nth-child(3n) {
    margin-right: auto;
  }
  .service .features .btn-default-big {
    font-size: 14px;
    padding: 10px 10px 10px 30px;
    background: #AAAAAA;
    position: relative;
    color: #fff;
    margin: 40px auto 40px;
    display: block;
    width: 100%;
    text-align: left;
  }
  .service .features .btn-default-big i {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
  }
  .service .features .btn-default-big:after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
  }
}
@media only screen and (max-width: 769px) {
  .service .section_service_sub {
    position: relative;
  }
  .service .section_service_sub:before {
    content: "";
    position: absolute;
    top: -5px;
    left: -10px;
    width: 100%;
    padding: 5px 10px;
    background: url(/dcms_media/image/sp_hr.jpg) repeat-x top;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  .service .section_service_sub.no_border:before {
    display: none;
  }
}
/*-----------------
recruit
------------------*/
.recruit .section01 {
  margin: 20px 0;
}
.recruit .text-center .img-responsive {
  margin: 0 auto;
}
.recruit .hero_title_wrap {
  background: #FFF;
  margin-bottom: 40px;
  padding: 0px 0px 10px;
}
.recruit .hero_title_wrap .section01 .subtitle_04 {
  text-align: center;
  line-height: 220%;
  margin: 40px 0 30px;
}
.recruit .hero_title_wrap .section01 .subtitle_04 .text_large {
  font-size: 42px;
}
.recruit .hero_title_wrap .section01 .subtitle_04 .middle {
  font-size: 24px;
}
.recruit .hero_title_wrap .section01 .subtitle_04 .small {
  font-size: 20px;
  line-height: inherit;
}
.recruit .section_recruit {
  padding: 80px 0 0;
  margin: 0 0 -3px;
  background: none;
}
.recruit .recruit_list {
  list-style-type: none;
  padding: 0;
  margin: 40px 0;
}
.recruit .recruit_list li {
  width: 33%;
  float: left;
  text-align: left;
  margin: 15px 0;
}
.recruit .recruit_list input.checkbox {
  width: 24px;
  height: 24px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: 0;
}
.recruit .recruit_list label {
  font-size: 16px;
  font-weight: normal;
  line-height: 28px;
  height: 40px;
  margin-bottom: 0;
}
.recruit #recruit_target_unit {
  padding: 80px 0 0;
  background: url(/dcms_media/image/bg_arrow_down_dot.png) no-repeat center 30px #ffffff;
}
.recruit #recruit_target_unit h4 {
  width: 80%;
  line-height: 180%;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .recruit .recruit_list {
    list-style-type: none;
    padding: 0;
    margin: 20px 10px;
  }
  .recruit .recruit_list li {
    width: 100%;
    float: left;
    text-align: left;
    margin: 15px 0;
  }
  .recruit .recruit_list input.checkbox {
    width: 24px;
    height: 24px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 0;
  }
  .recruit .recruit_list label {
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    height: 40px;
    margin-bottom: 0;
  }
  .recruit .hero_title_wrap .subtitle_04 {
    text-align: center;
    line-height: 150%;
    margin: 20px 0;
  }
  .recruit .hero_title_wrap .subtitle_04 .text_large {
    font-size: 24px;
  }
  .recruit .hero_title_wrap .subtitle_04 .middle {
    font-size: 14px;
  }
  .recruit .hero_title_wrap .subtitle_04 .small {
    font-size: 12px;
  }
  .recruit .section_recruit {
    margin: 0;
    padding: 0;
  }
  .recruit .section_recruit .unit_wrapper {
    width: 100%;
  }
  .recruit .section_recruit .unit_wrapper .unit01 {
    width: 100%;
    float: none;
  }
  .recruit .section_recruit .link_recruit {
    width: 100%;
    margin-top: 0px;
    height: 200px;
    display: block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin: 20px 0;
  }
  .recruit .section_recruit .link_recruit.fresh {
    background-image: url(/dcms_media/image/sp_img_top_recruit01.jpg);
  }
  .recruit .section_recruit .link_recruit.career {
    background-image: url(/dcms_media/image/sp_img_top_recruit02.jpg);
  }
  .recruit .section_recruit .link_recruit:hover {
    background-position: top center;
  }
  .recruit #recruit_target_unit {
    padding: 60px 0 0;
    background: url(/dcms_media/image/bg_arrow_down_dot.png) no-repeat center 30px #ffffff;
  }
  .recruit #recruit_target_unit h4 {
    font-size: 16px;
    width: 80%;
    line-height: 180%;
    margin: 0 auto;
  }
}
/*-----------------
curation setting
------------------*/
.curation_wrap .blog_description {
  height: 60px;
  display: block;
  overflow: hidden;
}
.blog_detail .blog_goto_site a {
  width: auto;
}
/*-----------------
sitemap
------------------*/
.sitemap ul {
  padding: 0px 0 5px 40px;
}
.sitemap ul li {
  background: none;
  list-style: none;
  padding: 0 0 0 0;
  margin: 5px 0px;
}
.sitemap ul ul {
  padding: 5px 0 5px 40px;
}
.sitemap ul ul li {
  background: none;
  list-style: none;
}
.sitemap li {
  list-style: none;
  background: url(/dcms_media/image/arr01.gif) no-repeat 0 5px;
  padding: 0 0 0 12px;
  margin: 20px 0px;
}
.sitemap li a {
  color: #333;
}
/*-----------------
contact form
------------------*/
#form_contact_main {
  overflow: auto;
}
#form_contact_main #submit_button input {
  background: #fff;
  color: #878787;
  outline: none;
  border: none;
  font-size: 24px;
  padding: 16px;
  border: solid 1px #777777;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  margin: 0 10px;
  min-width: 33%;
}
#form_contact_main #submit_button input[type="submit"] {
  background: #9FC62D;
  color: #fff;
  outline: none;
  border: none;
  font-size: 24px;
  padding: 16px;
}
#form_contact_main dl {
  width: 100%;
  padding: 10px 0;
  line-height: 220%;
  float: left;
}
#form_contact_main dl:nth-last-child(2) dt {
  vertical-align: top;
}
#form_contact_main dl:nth-last-child(2) dd {
  font-size: 20px;
}
#form_contact_main dl:nth-last-child(2) dd p {
  font-size: 14px;
}
#form_contact_main dl:nth-last-child(2) dd a {
  color: #333333;
}
#form_contact_main dl:nth-last-child(2) dd .txt_group {
  font-size: 14px;
}
#form_contact_main dl.privacy {
  margin-top: 30px;
  border-bottom: none;
}
#form_contact_main dt {
  width: 250px;
  float: left;
  font-weight: normal !important;
  font-size: 20px;
  margin-right: 50px;
}
#form_contact_main dt span {
  font-weight: normal !important;
  color: #cc0000;
  float: left;
  margin-right: 10px;
  font-size: 12px;
  color: #fff;
  background: #cc0033;
  padding: 4px;
  overflow: hidden;
  position: relative;
}
#form_contact_main dt span:after {
  content: "必須";
}
#form_contact_main dd {
  width: 690px;
  float: left;
  font-size: 20px;
}
#form_contact_main dd input {
  width: 650px;
  height: 55px;
}
#form_contact_main dd select {
  width: 650px;
  height: 55px;
}
#form_contact_main dd input.checkbox {
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-top: 0;
}
#form_contact_main dd input.checkbox + label {
  font-size: 18px;
  font-weight: normal;
  line-height: 40px;
  height: 40px;
  margin-bottom: 0;
}
#form_contact_main a {
  color: #3898cc;
  text-decoration: none;
}
#form_contact_main a:hover {
  color: #3898cc;
  text-decoration: underline;
}
#form_contact_main dl {
  display: table;
}
#form_contact_main dl dt {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
#form_contact_main dl dd {
  display: table-cell;
  padding-left: 40px;
  font-size: 20px;
}
#form_contact_main dl dd p {
  margin-bottom: -24px;
}
#form_contact_main dl dd p.error_text {
  margin-bottom: 0px !important;
}
#form_contact_main dl dd input,
#form_contact_main dl dd select,
#form_contact_main dl dd textarea {
  font-size: 24px;
  padding: 0 14px;
  width: 100%;
}
#form_contact_main dl dd input:focus,
#form_contact_main dl dd select:focus,
#form_contact_main dl dd textarea:focus {
  outline: solid 2px #8daf27;
}
#form_contact_main dl dd textarea {
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #form_contact_main dl {
    padding: 10px;
    display: block !important;
  }
  #form_contact_main dt {
    display: block !important;
    width: 100%;
    float: left;
    font-weight: normal !important;
    font-size: 20px;
    margin-right: 0px;
  }
  #form_contact_main dt span {
    font-weight: normal !important;
    color: #fff;
  }
  #form_contact_main dd {
    width: 100%;
    float: left;
    font-size: 20px;
    padding-left: 0 !important;
    display: block !important;
  }
  #form_contact_main dd input {
    width: 100%;
    height: 55px;
  }
  #form_contact_main dd input:focus {
    border-color: #8daf27;
  }
  #form_contact_main dd select {
    width: 100%;
    height: 55px;
  }
  #form_contact_main dd select:focus {
    border-color: #8daf27;
  }
  #form_contact_main dd input.checkbox {
    width: 40px;
    height: 40px;
  }
}
#form_wrap {
  width: 100%;
}
/*-----------------
form pageContact,Enquete common
------------------*/
#form_container {
  width: 100%;
  margin: 0px auto;
}
#form_header {
  width: 900px;
  height: 80px;
}
#form_header h1 {
  font-size: 85%;
  width: 900px;
  line-height: 20px;
  text-align: right;
  color: #666666;
}
#form_main {
  width: 980px;
  margin: 0px auto 50px auto;
  overflow: auto;
}
#form_intro {
  line-height: 150%;
  margin: 40px 0px;
}
#form_required_text {
  margin: 20px 0 20px 0;
  color: #cc0000;
}
#submit_button {
  clear: both;
  padding-top: 30px;
  text-align: center;
}
#submit_button input {
  width: 180px;
}
#form_footer {
  width: 900px;
  height: 50px;
}
#form_footer a {
  color: #000000;
}
address {
  font-size: 85%;
  font-style: normal;
  float: right;
  line-height: 50px;
}
@media only screen and (max-width: 769px) {
  #form_main {
    width: 100%;
    margin: 0px auto 50px auto;
    overflow: auto;
  }
  #form_main p.error_text {
    margin-bottom: 0;
    margin-top: 15px;
  }
  #form_main p.error_text span {
    display: block;
    width: 100%;
  }
  #form_footer {
    width: 100%;
    height: 50px;
  }
  #form_footer a {
    color: #000000;
  }
  .txt_group .arrow_green {
    width: 100%;
    display: block;
  }
  #submit_button {
    clear: both;
    padding-top: 30px;
    text-align: center;
  }
  #submit_button input {
    width: 40%;
    font-size: 16px !important;
  }
}
/*-----------------
contact form enquate
------------------*/
#basic_information {
  border-left: solid 5px #999999;
  background-color: #efefef;
  padding: 5px;
  margin: 40px 0 10px 0;
  font-weight: bold;
  color: #333333;
}
#form_enquetet_main {
  overflow: auto;
}
#form_enquetet_main dl {
  width: 700px;
  border-bottom: 1px dotted #cccccc;
  padding: 10px 0;
  line-height: 220%;
}
#form_enquetet_main dl.privacy {
  margin-top: 30px;
  border-bottom: none;
}
#form_enquetet_main dt span {
  font-weight: bold;
  color: #cc0000;
}
#form_enquetet_main dd {
  width: 650px;
  padding-left: 20px;
}
#enquete_intro {
  border-left: solid 5px #999999;
  background-color: #efefef;
  padding: 5px;
  margin: 50px 0 20px 0;
  font-weight: bold;
  color: #333333;
}
#free_text {
  margin: 20px 0 10px 0;
}
/*-----------------
contact form utility
------------------*/
#contact-form p {
  margin: 0;
  padding: 0;
}
.example_text {
  margin-top: 10px !important;
  line-height: 100%;
  font-size: 90%;
  color: #666666;
}
#family_name,
#first_name,
#family_name_yomi,
#first_name_yomi {
  width: 120px;
  margin-right: 20px;
}
#zip01,
#zip02 {
  width: 40px;
}
#female {
  margin-left: 20px;
}
#table_address td {
  padding: 3px 0 3px 0;
}
.width_cs {
  width: 150px;
}
.width_cm {
  width: 300px;
}
.width_cl {
  width: 450px;
}
.width_es {
  width: 200px;
}
.width_em {
  width: 400px;
}
.width_el {
  width: 630px;
}
.height_s {
  height: 50px;
}
.height_m {
  height: 100px;
}
.height_l {
  height: 150px;
}
@media only screen and (max-width: 769px) {
  .width_cs {
    width: 100%;
  }
  .width_cm {
    width: 100%;
  }
  .width_cl {
    width: 100%;
  }
  .width_es {
    width: 100%;
  }
  .width_em {
    width: 100%;
  }
  .width_el {
    width: 100%;
  }
  .height_s {
    height: 25px;
  }
  .height_m {
    height: 50px;
  }
  .height_l {
    height: 75px;
  }
}
/*-----------------
contact form utility
------------------*/
.keywords_box {
  margin-bottom: 5px;
  margin-right: 6px;
  float: left;
}
/*----エラー項目部分のハイライト----*/
.dcms_error_area {
  background: #ffd7d7;
  position: relative;
}
.dcms_error_area p {
  margin-bottom: 0px !important;
}
.dcms_error_area p.error_text {
  display: block;
  width: auto;
}
.dcms_error_area p.error_text span {
  background: #ff6666;
  display: block;
  padding: 7px;
  margin-top: 14px;
  width: 300px;
}
p.error_text {
  display: none;
}
#contact-form .dcms_error_area p.error_text {
  margin-top: 5px;
  color: #ffffff;
  position: relative;
  -webkit-animation: dcms_fadein_up 0.8s 1;
  -moz-animation: dcms_fadein_up 0.8s 1;
  -ms-animation: dcms_fadein_up 0.8s 1;
  -o-animation: dcms_fadein_up 0.8s 1;
  animation: dcms_fadein_up 0.8s 1;
}
#contact-form .dcms_error_area p.error_text:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  text-align: left;
  top: -10px;
  left: 10px;
  border: 5px solid transparent;
  border-bottom: 5px solid #ff6666;
  -webkit-animation: dcms_fadein_up 0.8s 1;
  -moz-animation: dcms_fadein_up 0.8s 1;
  -ms-animation: dcms_fadein_up 0.8s 1;
  -o-animation: dcms_fadein_up 0.8s 1;
  animation: dcms_fadein_up 0.8s 1;
}
/*アニメーションを設定する*/
@-webkit-keyframes dcms_fadein_up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes dcms_fadein_up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes dcms_fadein_up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dcms_fadein_up {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#form_required_text {
  display: none;
}
/*-----------------------

------------------------*/
#form_contact_main .thanks_text_wrap {
  font-size: 24px;
  color: #393939;
  margin: 90px 0 60px;
  text-align: center;
}
#form_contact_main .return_top {
  font-size: 20px;
  text-align: center;
}
#form_contact_main .return_top a {
  color: #333333;
  background-position: left 9px;
}
#form_contact_main .return_top a:hover {
  color: #333333;
}
/*# sourceMappingURL=main.css.map */