@charset "utf-8";


/*
    �O���[�o�����Z�b�g
------------------------------------------------------------------------------*/

body {
    font-family: YuGothic, "Yu Gothic", HiraginoKaku-W3-90msp-RKSJ-H, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Verdana, Osaka, "MS PGothic", sans-serif;
    text-size-adjust: 100%;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /*font: inherit;*/
    font-size: 100%;
    vertical-align: baseline
    }
html {
    line-height: 1
    }
ol, ul {
    list-style: none;
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
    }
q, blockquote {
    quotes: none
    }
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
    }
img {
    max-width: 100%;
    height: auto !important;
}
img h6{
width:30px !important;
height:30px; !important;
}    
a img {
    border: none
    }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
    }
.img_center {
    text-align: center;
}
/*
    clearfix
------------------------------------------------------------------------------*/
.l-col2:after, .globalnav nav > ul:after, .footnav nav:after, .footinfo-inner:after, .feature:after, .feature-head:after, .specials li:after, .content:after, .branch-info:after, .cheers-box:after, .company-info:after, .slide-gallery:after, .web-flow:after, .writing-media:after, .other:after, .info-side-head:after, .info-head:after, ul.partners:after, .step:after {
    content: " ";
    display: table;
    clear: both
    }

/*
    �ϐ�
/*
 * jQuery FlexSlider v2.6.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/*.flexslider .slides img {
  width: 100%;
  display: block;
}*/
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 30px;
  height: 52px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/*.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}*/
/*.flex-direction-nav a.flex-next:before {
  content: '\f002';
}*/
.flex-direction-nav .flex-prev {
  left: -50px;
  background:url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/prev.png) center center no-repeat;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
  background:url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/next.png) center center no-repeat;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: -20px !important;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: -20px !important;
  }
}
 
    
    
------------------------------------------------------------------------------*/
/*
    ��{�X�^�C��
------------------------------------------------------------------------------*/
body {
    color: #333;
    font-size: 14px;
    font-size: 0.875rem;
    font-family: /*Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto,*/ Quicksand , "���S�V�b�N", "Yu Gothic", "���S�V�b�N��", "YuGothic", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "���C���I", Meiryo, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif
    }
a {
    color: #333;
    text-decoration: none
    }
a:hover {
    opacity: 0.8
    }
.l-col2l {
    margin-right: 40px
    }
.l-media .txt {
    float: left;
    line-height: 1.5
    }
.l-media .photo {
    float: left
    }
/*
    �w�b�_�[
------------------------------------------------------------------------------*/
.header {
    width: 100%;
    border-top: 7px solid #575d5f;
    display:block;
    }
h1 {
    text-align: center
    }
/*
    �O���[�o���i�r�Q�[�V����
------------------------------------------------------------------------------*/
.globalnav nav > ul {
    width: 960px;
    margin: 0 auto
    }
.globalnav nav > ul > li {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_gnav-border.822b7d0b800195b786746b9b285d3ad1.png) center left no-repeat;
    float: left;
    text-align: center;
    width: 16.666%
    }
.globalnav nav > ul > li:last-of-type a {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_gnav-border.822b7d0b800195b786746b9b285d3ad1.png) center right no-repeat
    }
.globalnav nav > ul > li > a {
    font-weight: bold;
    line-height: 1.3;
    display: block;
    padding: 10px 0;
    font-size:13px;/*font-size�ύX�{�{*/
    }
.globalnav nav > ul > li > a .sub {
    display: block;
    font-size: 8px;
    font-size: 0.5rem;
    color: #b2b2b2;
    font-weight: normal
    }
.globalnav nav > ul > li > a:hover {
    background: #202325;
    color: #fff
    }
.globalnav nav > ul > li > a:hover .sub {
    color: #fff
    }
.subnav {
    position: absolute;
    width: 100%;
    background: #202325;
    background: rgba(32, 35, 37, 0.9);
    z-index:1000;
    }
.subnav > ul {
    width: 960px;
    margin: 0 auto
    }
.subnav > ul > li {
    float: left;
    width: 140px
    }
.subnav > ul > li.company-child {
    margin: 0 20px 0 170px
    }
.subnav > ul > li.service-child {
   margin: 0 338px 0 0
   /*  margin: 0 15px 0 0*/
    }
.subnav > ul > li > ul {
    padding-bottom: 10px
    }
.subnav > ul > li > ul > li a {
    display: block;
    border-bottom: 1px solid #4a4f51;
    color: #fff;
    padding: 16px 0 13px;
    text-align: center;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: bold
    }
.subnav > ul > li > ul > li a:hover {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_submenu-arrow.30b4c2ac20803afd6f705572b9f26eef.png) left center no-repeat
    }
/*
    �t�b�^�[
------------------------------------------------------------------------------*/
.footer {
    width: 100%;
    background: #f8f8f8;
    padding: 40px 0 0;
    border-top: 1px solid #cecece
    }
.foottel {
    display: none;
}
.footcontact {
    display: none;
}
.pagetopButton {
    display: none;
}
@media screen and (max-width: 1024px) {
.footer {
  padding-bottom: 110px;
}
.foottel {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 50%;
    z-index: 150;
    background: rgba(68, 68, 68,0.9);
    padding: 7px 0;
    line-height: 20px;
}
.foottel a {
    color: #fff !important;
    text-decoration: none !important;
    display: block;
    font-weight: bold;
    font-size: 14px;
    background: url(/file_contents/5232/get) left 5px center no-repeat;
    background-size: 30px;
    padding-left: 20px;
    text-align: center;
}
.foottel a .telsub {
    font-size: 10px;
    display: block;
    line-height: 1;
    margin-bottom: 2px;
}
.footcontact {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50%;
    z-index: 150;
    background: rgba(143, 195, 31,0.9);
    padding: 6px 0;
    line-height: 20px;
}
.footcontact a {
    color: #fff !important;
    text-decoration: none !important;
    display: block;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.footcontact a .consub {
    display: block;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 2px;
}
.pagetopButton {
    display: block;
    position: fixed;
    bottom: 46px;
    right: 0;
    width: 55px;
    z-index: 150;
    text-align: center;
    opacity: 0.9;
}
.pagetopButton a {
    display: block;
}
.pagetopButton a img {
    vertical-align: top;
    border: none;
    max-width: 100%;
    height: auto !important;
}
}
.footnav {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 30px
    }
.footnav nav ul {
    margin-right: 90px;
    float: left
    }
.footnav nav ul:last-of-type {
    margin-right: 0
    }
.footnav nav ul li {
    margin-bottom: 10px
    }
.footnav nav ul li a {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_footer-arrow.ec8367b87b74dd099aa0eb4e8e5f5ad0.png) no-repeat left center;
    padding-left: 10px;
    font-size: 10px;
    font-size: 0.625rem
    }
.pagetop {
    position: absolute;
    top: -55px;
    right: 0
    }
.footinfo {
    background: #eee;
    border-top: 1px solid #cecece
    }
.footinfo-inner {
    width: 960px;
    padding: 40px 0;
    margin: 0 auto;
    letter-spacing: 1px;
    font-size: 13px;
    }
.footlogo {
    margin: 0 105px 0 37px;
    float: left
    }
.branchinfo {
    float: left;
    margin-right: 10px;
    line-height: 1.5
    }
.footcopy {
    background: #575d5f;
    color: #fff;
    font-size: 10px;
    font-size: 0.625rem;
    text-align: center;
    padding: 9px 0
    }
/*
    index.html - �X���C�_�[
------------------------------------------------------------------------------*/
/*#mainslider {
    height: 450px;
    margin-bottom: 40px;
}
#mainslider div.backstretch{
    max-width: 100% !important;
}*/
.slider {
    margin:0 auto;
    width: 100%;
    border-top: 1px solid #575d5f;
    margin-bottom: 40px;
    position: relative;
}
/*.slider img {
    width: 100%;
    }*/
.bx-wrapper, .bx-viewport {
    min-height: 450px !important;
}
@media screen and (min-width:1920px){ 
    .slider:after {
        padding-top: 23.4%;
        content: "";
        display: block;
    }
    .slider > .bx-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
    .bx-viewport {
        height: 100% !important;
    }
}
.bxslider li{
    /*text-align: center;
    width: 100%;
    overflow: hidden;*/
    position: relative;
}
.bx-wrapper img {
    max-width: 2560px !important;
    /*position: relative;*/
    min-width: 100%;
    /*margin: 0 auto !important; */
    position: absolute;
    /*top: -100%;
    bottom: -100%;*/
    left: -100%;
    right: -100%;
    margin: auto !important;
    min-height: 100%;
}
@media screen and (max-width: 960px) {
  /*.slider {
    overflow: hidden;
    width: 960px;
    height: 225px;
  }
  .slider img {
    width: 100%;
    }
  .slider .bx-wrapper {
    margin-left: 0% !important;
  }

  .bx-viewport {
    height: 225px !important;
  }*/
}
/*
    index.html - �R���e���c
------------------------------------------------------------------------------*/
.content {
    width: 960px;
    margin: 0 auto 86px;
    }
.index{
    margin-bottom: 0 !important;
}
.feature {
    width: 47%;
    float: left;
    margin-bottom: 80px;
}
.feature-head {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 8px
    }
.feature-icon {
    width: 40px;
    float: left;
    margin-right: 10px
    }
.feature-title {
    width: 243px;
    float: left;
    padding-top: 3px;
}
.feature-title h2 {
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 3px
    }
.feature-title .sub {
    color: #b2b2b2;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold
    }
.feature-photo {
    padding-top: 20px;
    text-align: center;
    width: 165px;
    float: left;
}
.feature-txt {
    line-height: 1.5;
    padding: 18px 0 0 0px;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: ���C���I, Meiryo, Osaka,Quicksand, ���S�V�b�N��, "Yu Gothic", YuGothic, "�q���M�m�p�S�V�b�N Pro", "Hiragino Kaku Gothic Pro", "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.interview_content .txt .answer div{
    font-size: 17px;
    line-height: 34px;
    font-weight: 500;
    margin: 0 20px;
}
.more {
    float: right;
    width: 100px;
    padding-top: 10px
    }
.more a {
    display: block;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_more-arrow.cf5a1566fb1e78588dcf30d10aef0784.png) #7cc7d4 95% center no-repeat;
    color: #fff;
    font-weight: bold;
    padding: 7px 0 7px 17px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    font-size: 0.75rem
    }
.special {
    width: 290px;
    float: left;
    margin-bottom: 75px
    }
.box-head {
    padding-bottom: 8px;
    border-bottom: 1px solid #d2d2d2
    }
.box-head h2 {
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem
    }

.box-head .sub {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    color: #b2b2b2
    }
.box-head .sub:before {
    content: "|";
    font-size: 18px;
    color: #b2b2b2;
    padding: 0 5px
    }
.specials li {
    border-bottom: 2px solid #9a9a9a
    }
.special-item {
    width: 222px;
    float: left;
    padding: 20px 0
    }
.special-item dt {
    font-weight: bold;
    margin-bottom: 10px;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow.e66823e79c4bfb5cf30fa386cf12174a.png) 10px 13px no-repeat;
    padding-left: 25px;
    font-size:14px;/*�t�H���g�T�C�Y�ύX2017/6/30*/
    }
.special-item dt.notice {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow.e66823e79c4bfb5cf30fa386cf12174a.png) 10px 13px no-repeat;
    /*background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow-notice.50a4c01366ac7109c1620fedfd5e69e0.png) 10px 13px no-repeat*/
    }
.special-item dt.notice:hover {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow-notice.50a4c01366ac7109c1620fedfd5e69e0.png) 10px 13px no-repeat
    }
.special-item dt:hover {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow-notice.50a4c01366ac7109c1620fedfd5e69e0.png) 10px 13px no-repeat
    }
.special-item_d dt:hover {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow-notice.50a4c01366ac7109c1620fedfd5e69e0.png) 10px 22px no-repeat;
    font-size:14px;/*�t�H���g�T�C�Y�ύX2017/6/30*/
    }
.special-item dt span.sub {
    display: block;
    color: #b2b2b2;
    font-size: 8px;
    font-size: 0.5rem;
    margin-bottom: 3px
    }
.special-item_d dt span.sub{
    padding-top: 10px;
    margin-bottom: 3px;
    font-size: 0.5rem;
    display: block;
    color: #B2B2B2;
    }
.special-item dd {
    padding-left: 25px;
    font-size: 8px;
    font-size: 0.5rem;
    color: #b2b2b2
    }
.special-item_d{
    width: 222px;
    float: left;
    padding: 6px 0px;
    }
.special-item_d dt{
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 25px;
    background: transparent url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow.e66823e79c4bfb5cf30fa386cf12174a.png) 10px 22px no-repeat;
    font-size:14px;/*�t�H���g�T�C�Y�ύX2017/6/30*/
    }
.special-photo {
    width: 56px;
    float: left;
    padding: 20px 0
    }
.information {
    float: left;
    width: 630px
    }
.information .box-head {
    margin-bottom: 19px
    }
.box-head .more {
    padding-top: 0
    }
.info-box {
    border: 1px solid #d2d2d2;
    height: 536px !important;
    overflow-y: auto
    }
.info-list {
    border-bottom: 1px solid #f0f0f0;
    margin: 0 30px;
}
.info-list:last-child {
    border-bottom: none;
}
.info-list:after {
    content: "";
    clear: both;
    display: block;
}

.column {
    float: left;
    width: 630px;
    margin-top:32px;
}

.column .box-head {
    margin-bottom: 19px;
}

.column .status {
width:100px;
}

.content-column .status {
width:100px;
}

.colum-box {
    border: 1px solid #d2d2d2;
    height: 270px ;
    overflow-y: auto
    }
.colum-list {
    border-bottom: 1px solid #f0f0f0;
    margin: 17px 10px;
    width:189px;
    float:left;

}
.colum-list:last-child {

}
.colum-list:after {
    content: "";
    clear: both;
    display: block;
}

.colum-list dt {
    float: right;
    color: #646464;
    font-size: 10px;
    font-size: 0.625rem;
    width: 55px;
}

.colum-list a {
    font-size: 0.75rem;
    padding-left: 5px;
    box-sizing: border-box;
    margin-bottom:10px;
}

.colum-wrap .box-head h2 {
margin-top:40px;
}

.colum-wrap .more a {
margin-top:40px;
}

.thum01 {
    margin-bottom:15px;
    margin-top:15px;
    text-align: center;
    width: 189px;
    height:146px;
    background-size: cover;
    background-position: center center;
    }

.status {
    width: 60px;
    display: block;
    float: left;
    text-align: center;
    font-size: 10px;
    color: #fff;
    padding: 2px 0;
    margin-right: 10px;
    background: #ccc;
    }
.info-list dd {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 17px 20px 17px 0;
    /*margin: 0 0 0 30px;*/
    float: left;
    /*border-bottom: 1px solid #f0f0f0;*/
    box-sizing: border-box;
    width: 490px;
    }
.info-list dt {
    float: right;
    color: #646464;
    font-size: 10px;
    font-size: 0.625rem;
    padding: 19px 0;
    /*border-bottom: 1px solid #f0f0f0;*/
    width: 55px;
    }
/*
    ���y�[�W
------------------------------------------------------------------------------*/
.subhead {
    background: #575d5f;
    padding: 33px 0;
    margin-bottom: 40px
    }
.subhead h2 {
    width: 960px;
    margin: 0 auto;
    color: #fff;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold
    }
.subhead h2 .sub {
    color: #aaa;
    font-size: 20px;
    font-size: 1.25rem;
    padding-left: 25px;
    font-weight: normal
    }
.content {
    width: 960px;
    margin: 0 auto 86px;
}
.side {
    position: relative;
    width: 290px;
    float: left
    }
.side-tab {
    margin-top: 10px
    }
.side-tab li {
    margin-bottom: 10px;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2
    }
.side-tab li a {
    display: block;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow.e66823e79c4bfb5cf30fa386cf12174a.png) #f8f8f8 5% center no-repeat;
    border-top: 1px solid #fff;
    padding: 15px 0 15px 40px;
    font-weight: bold
    }
/*.side-tab li a :hover{
    background: #FFF url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow-notice.50a4c01366ac7109c1620fedfd5e69e0.png) no-repeat scroll 5% center;
    }*/
.side-tab li a .sub {
    display: block;
    font-size: 8px;
    font-size: 0.5rem;
    color: #b2b2b2;
    font-weight: normal;
    padding-top: 5px
    }
.side-tab li.child {
    margin-left: 20px
    }
.branch-info {
    margin-bottom: 20px
    }
.content-area {
    width: 630px;
    border-left: 1px solid #d2d2d2;
    float: left;
    padding-left: 38px;
    margin-bottom: 85px;
    font-size: 12px;
    letter-spacing: 1px;
    }
.inner-head {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
    margin-bottom: 20px
    }
    

/*
    お問い合わせスマホ start
------------------------------------------------------------------------------*/    


div.contact-form dl {
    padding:15px;
    border-bottom:1px solid #eee;
    line-height: 1.4;
}

div.contact-form dl dt {
    float: left;
    width: 33%;
}

div.contact-form .is-required{
    float: right;
    }

div.contact-form dl dd {
    padding: 0 0 0 335px;
}
.hd_contact .headerTop .h101 {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    padding: 8px 0;
    width: 1100px;
    margin: 0 auto;
}
.hd_contact .headerTop {
    background-color: #303030;
    background-image: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_header_line_salon.2ee571a….png);
    background-repeat: repeat-x;
    background-position: center bottom;
    text-align: center;
}
.hd_contact .headerIn{
    max-width: 980px;
    height: 60px;
    margin:0 auto;
}

.hd_contact .header {
    width: 100%;
    border-top: 0;
    display: block;
}

.hd_contact .logoWrap {
    text-align: center;
    height: 60px;
    vertical-align: middle;
    padding: 5px 0;
}
.hd_contact .logoWrap img {
    width: auto !important;
    height: 50px !important;
}


.subhead02 {
    background: #303030;
    padding: 20px 0;
    margin-bottom: 30px;
    }
.subhead02 h2 {
    width: 960px;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    }
.subhead02 h2 .sub {
    color: #aaa;
    font-size: 12px;
    font-weight: normal;
    display: block;
    padding-top: 8px;
    }
    

    
.contact_box .contact-intro {
    list-style: none;
}        

.contact_box .contact-form {
    font-size:14px;
    }
.contact_box {
    color:#333;
}
.contact_box #contactForm{
    margin-bottom:50px;
}

.contact_box .content-area {
    width: 100%;
    border-left: none;
    float: none;
    padding-left: 0;
    margin-bottom: 85px;
    font-size: 12px;
    letter-spacing: 1px;
}


.contact_box .content-area .box01{
    background: #f5f5f5;
    padding: 40px 70px;
    margin-bottom: 30px;
    font-size: 14px;
    margin-top: 50px;
}  

.contact_box .content-area .box01 .txt01 span.con_time {
    font-size: 16px;
    font-weight: bold;
    color: #444;
}

.contact_box .content-area .box01 .txt01{
    line-height: 2.0;
    float: left;
    margin-right: 70px;
}   
.contact_box .content-area .box01 .con_tel{
    font-size: 35px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 0px;
    float: left;
    margin-top: 20px;
}
.contact_box .content-area .box01 .con_tel img{
    width: 40px;
}
    
.contact_box .is-required {
    display: inline-block;
    background: #f9507c;
    padding: 5px 10px;
    color: #fff;
    font-size: 11px;
    line-height: 1.5;
    margin-top: 4px;
}  

.contact_box .contact-intro li .is-required {
    margin-left: 0px;
    margin-right: 5px;
}  
.contact_box dl.contact-form .is-required{
    margin-left: 10px;
    margin-right: 0px;
    float: right;
}

.contact_box .contact-form > dt {
    float: left;
    font-weight: normal;
    padding: 20px 0 20px;
    width: 100%;
    max-width: 340px;
    margin-right: 40px;
    line-height: 1.8;
}
.contact_box .contact-form dd input {
    padding: 10px;
    border: #ddd 1px solid;
    box-sizing: border-box;
}

.contact_box .contact-form  > dd {
    padding: 10px 0 10x 230px;
    border-bottom: 1px solid #f2f2f2;
}
.contact_box .contact-form dd ul li {
    display: inline-block;
    margin-bottom: 8px;
}

  .contact_box .btn input[type="submit"], .contact_box .btn > a {
  padding: 15px 30px;
    background: #f9507c;
    color: #ffff;
    font-weight: bold;
} 


  .contact_box .btn {
    border: none;
    display: inline-block;
}
  .contact_box .formbtn li #send,.contact_box .formbtn li .form-submit-btn,.contact_box .formbtn li .input-confirm-form-back-btn,.contact_box .formbtn li .input-confirm-form-submit-btn{
    border: none;
    width: 230px;
    height: 60px;
    font-size: 16px;
    cursor: pointer;
    background: #f9507c;
    color: #fff;
    border-radius: 10px;
    border: none;
    cursor: pointer;
-webkit-appearance: none;
}

  .contact_box .fixed .formErrorContent {
    color: #f9507c;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.contact_box .errMsg{
    text-indent: 0em;
    margin-left:0em;
    }

.contact_box .formError .formErrorContent{
    width: 400px;
}

input[type=checkbox] {
  display: none;
}
.check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
    padding: 0 0 0 30px;
  vertical-align: middle;
  cursor: pointer;
}
.contact_box .contact-form dd ul li label{
    margin-right: 20px;
}

.check_css:hover:after {
  border-color: #0171bd;
}
.check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
    top: 65%;
    left: 5px;
  display: block;
  margin-top: -10px;
    width: 12px;
    height: 12px;
  border: 2px solid #ccc;
    border-radius: 3px;
  content: '';
}
.check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
    top: 65%;
    left: 10px;
  display: block;
  margin-top: -8px;
  width: 3px;
  height: 8px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}

.contact_box .form-content {
    padding: 7px;
    box-sizing: border-box;
}

.contact_box .thanks{
margin:50px 0;
}


.kakunin {
    color: #f9507c;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 10px;
    text-align: center;
    padding-bottom: 3px;
}
 
@media only screen and (max-width: 980px){

.contact_box #contactForm{
    margin-bottom:0px;
}

.contact_box input[type=text] {
  font-size: 16px;
  transform: scale(1.0);
}

.contact_box textarea{
  font-size: 16px;
  transform: scale(1.0);
}


.subhead02 {
    padding: 10px 0;
    margin-bottom: 0px;
}
div.contact-form dl {
    padding: 10px 0;
    line-height: 1.4;
}
div.contact-form dl dt {
    float: none;
    width: 100%;
    margin-bottom: 5px;
}
.contact_box .contact-form {
    margin-bottom: 15px;
}
.contact_box .content-area{
    margin-bottom: 20px;
}

.contact_box .is-required {
    padding: 5px 7px;
    margin-top: 0px;
}

div.contact-form dl dd {
    padding: 0 0 0 0;
}
.contact_box .contact-form dd input {
    padding: 7px;
}

.hd_contact .headerTop .h101 {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    padding: 5px 8px;
    text-align: left;
    width: 100%;
    margin: 0 auto;
}
.contact_box .contact-form dd ul li {
    display: block;
    width: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    /* font: inherit; */
    font-size: 100%;
    vertical-align: baseline;
    box-sizing: border-box;
    max-width: 100%;
}

.contact_box .content-area .box01 {
    padding: 15px;
    margin-bottom: 20px;
}

.sp_sub  h2{
    width: 100%;
    font-size: 16px;
    padding: 10px;
    box-sizing: border-box;
}
.contact_box .content-area .box01 .txt01 {
    line-height: 1.5;
    float: none;
    margin-right:0;
    font-size: 12px;
}
.contact_box .content-area .box01 .txt01 span.con_time {
    font-size: 14px !important;
    font-weight: bold;
    color: #444;
}
.contact_box .content-area .box01 .con_tel img {
    width: 30px;
}
.contact_box .content-area .box01 .con_tel {
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0px;
    float: none;
    margin-top: 10px;
}

.subhead {
    padding: 20px 0;
    margin-bottom: 20px;
}
.sp_con{
    padding: 10px;
}
.sp_con  .contact-form > dt {
    float: none;
    font-weight: bold;
    padding: 5px 0;
}
.sp_con .contact-form > dd {
    padding: 0px;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.sp_con .content-area {
    width: 100% !important;
    padding: 10px 0;
    float: none;
    border-left: none;
}

.sp_con  li {
    margin-bottom: 8px;
    line-height: 1.6;
}

.sp_con{
    width: 100% !important;
    margin-bottom: 0;
}
.sp_con .long {
    width: 100%;
    box-sizing: border-box;
}

.sp_con .side {
    position: static;
    width: 290px;
    float: none;
}
.sp_con .medium {
    width: 100%;
    box-sizing: border-box;
}

.sp_con .form-content {
    width: 100%;
    height: 80px;
    box-sizing: border-box;
}

.sp_con span.con_time {
    font-size: 20px !important;
    display:block;
    margin-top: 10px;
}

.sp_con p.con_tel {
    font-size: 24px !important;
    text-align: left !important;
}

.sp_ft .footinfo-inner{
    text-align: center;
}

.sp_ft .branchinfo{
float:none;
margin-bottom:10px;
}

.sp_ft .footlogo {
    margin: 0 auto 20px auto;
    float: none;
}
.sp_ft .footinfo-inner {
width:100%;
}
.side-tab li {
    margin-bottom: 10px;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
}
}    
 
/*
    お問い合わせスマホ end
------------------------------------------------------------------------------*/       
    
/*
    cheers.html
------------------------------------------------------------------------------*/
.cheers-head {
    margin-bottom: 80px
    }
.cheers-txt {
    font-family: "Roboto Slab", Garamond, "Times New Roman", "������", "Yu Mincho", "��������", "YuMincho", "�q���M�m���� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS����E", "�l�r �o����", "MS PMincho", serif;
    font-size: 28px;
    font-size: 1.75rem;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 80px
    }
.cheers-box {
    line-height: 1.5;
    margin-bottom: 40px
    }
.president-photo-box {
    text-align: center;
    font-weight: bold;
    width: 200px;
    float: right;
    margin: 0 0 30px 30px
    }
.cheers-name {
    text-align: right;
    font-weight: bold
    }
/*
    company.html
------------------------------------------------------------------------------*/
.company-head {
    margin-bottom: 20px
    }
.company-info {
    margin-bottom: 60px;
    border-collapse: separate;
    border-spacing: 3px 3px
    }
.company-info th {
    background: #f8f8f8;
    width: 150px;
    margin: 0 5px 5px 0;
    padding: 15px 0 15px 20px;
    clear: both;
    border: 1px solid #d2d2d2;
    vertical-align: top
    }
.company-info td {
    width: 435px;
    padding: 15px 0 15px 15px;
    border: 1px solid #d2d2d2
    }
.company-info td ul li {
    margin-bottom: 5px
    }
.branch-address {
    width: 315px;
    float: left;
    line-height: 1.5
    }
.branch-address p {
    margin-bottom: 30px
    }
.branch-photo {
    float: left
    }
.slide-gallery {
    margin-bottom: 60px;
    margin-left: 25px;
    }
.slide-gallery li {
    width: 180px;
    float: left;
    margin-right: 19px
    }
.slide-gallery li.prev, .slide-gallery li.next {
    width: 25px;
    padding-top: 65px
    }
.slide-gallery li.prev {
    margin-right: 20px
    }
.slide-gallery li.next {
    margin-left: 20px;
    margin-right: 0
    }
.slide-gallery li.slide03 {
    width: 142px;
    margin-right: 0
    }
.gmap {
    border: 0;
    width: 630px;
    height: 200px;
    margin-bottom: 20px
    }
.branch-access {
    width: 315px;
    float: left;
    line-height: 1.5
    }
/*
    service.html
------------------------------------------------------------------------------*/
.service {
    margin-bottom: 60px
    }
.service.last {
    margin-bottom: 300px
    }
.service-head {
    margin-bottom: 20px
    }
.service-txt {
    width: 400px;
    float: left;
    line-height: 1.5;
    margin-right: 30px
    }
.service-txt > p {
    margin-bottom: 20px;
    font-size: 12px;
    letter-spacing: 1px;
    }
.service-more {
    text-align: right
    }
.service-more a {
    font-weight: bold;
    padding-right: 20px;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_consult-arrow.61b8429502991c89eb98d6fa48add9b6.png) center right no-repeat;
    /*line-height: 15px;*/
    display: block;
    }
/*
    consult.html
------------------------------------------------------------------------------*/
.consult-head {
    margin-bottom: /*60px*/35px;
    }
.consult-person {
    margin-top: -75px;
    display: table;
    }
.one_column .consult-person {
    width: 724px;
    margin: -40px auto 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: space-between;
}
.one_column .consult-balloon {
    margin: 0 auto 50px;
}
.consult-person li {
    /*display: inline-block;
    margin-right: 23px;*/
    display: table-cell;
    }
/*.consult-person li:last-of-type {
    margin-right: 0
    }*/
.consult-balloon {
    width: 630px;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_consult-balloon.b09f3fd926a09ddbc0f4a112443708bd.png) no-repeat;
    margin-bottom: 50px;
    padding: 105px 0 40px;
    line-height: 1.5
    }
.consult-balloon p {
    font-family: "Roboto Slab", Garamond, "Times New Roman", "������", "Yu Mincho", "��������", "YuMincho", "�q���M�m���� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS����E", "�l�r �o����", "MS PMincho", serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: bold;
    width: 506px;
    margin: 0 auto;
    padding-bottom: 15px;
    text-align: center;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_under-border.9d1cf1fd6d36b1867519f6d390d26c45.png) bottom center no-repeat
    }
.one_column .consult-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: flex-start;
}
.one_column .consult-btn li {
    float: none;
    width: 300px;
    margin: 0 30px 20px 0 !important;
}
.one_column .consult-btn li:nth-child(3n) {
    margin-right: 0 !important;
}
.consult-btn li {
    float: left;
    width: 305px;
    border-bottom: 2px solid #9a9a9a;
    padding-bottom: 20px;
    margin: 0 20px 20px 0
    }
.consult-btn li:nth-of-type(2n) {
    margin: 0 0 20px 0
    }
.consult-btn li a {
    width: 255px;
    display: block;
    padding: 15px 0 17px 25px;
    margin: 0 auto;
    font-weight: bold
    }
.consult-btn li a .sub {
    display: block;
    font-size: 8px;
    font-size: 0.5rem;
    color: #b2b2b2;
    padding-bottom: 5px;
    font-weight: normal
    }
.consult-btn li.web a {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_consult-icon01.769b045828e3b9adfc56841a7a5e67ab.png) top right no-repeat;
    border-left: 5px solid #d47c7c
    }
.consult-btn li.sp a {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_consult-icon02.70a3a74ed1440165687e660f896cc4e3.png) top right no-repeat;
    border-left: 5px solid #d4b67c
    }
.consult-btn li.seo a {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_consult-icon03.00fa3e61f6e70cdc5af0b8b653b92211.png) top right no-repeat;
    border-left: 5px solid #89b86a
    }
.consult-btn li.writing a {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_consult-icon04.7081696b81df2c5c6f19cc79b25857bd.png) top right no-repeat;
    border-left: 5px solid #7cc7d4
    }
.consult-btn li.support a {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_consult-icon05.cad5931594a80cb35ca06570cc539b72.png) top right no-repeat;
    border-left: 5px solid #7c86d4
    }
.consult-btn li.system a {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_consult-icon06.0f7eb6b899ba543ab6a25eaaebc7d2ab.png) top right no-repeat;
    border-left: 5px solid #d47ca7
    }
.consult-btn li.promotion a {   
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/promotion_icon.png)*/url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/movie.png) top right no-repeat;
    border-left: 5px solid #d4cd7c;
} 
.consult-btn li.listing a {   
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/listling_icon21.png)*/url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/listing.png) top right no-repeat;
    border-left: 5px solid #aaaaaa;
} 
.consult-btn li.unison_cms a {   
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/unisoncms.png) top right no-repeat;
    border-left: 5px solid #aaaaaa;
} 
/*
    �q�y�[�W����
------------------------------------------------------------------------------*/
.child-subhead {
    padding: 0 0 10px 80px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 35px
    }
.child-subhead.web {
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_web-icon.341409ef914e0de8c644dddebe204e15.png) 10px top*/url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/web_in.png) left top no-repeat;
    background-size: 70px auto;
    }
.child-subhead.sp {
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_sp-icon.2673c49c8ea6ff47bb9ac4ba8507a55d.png) 10px top*/ url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/sp_in.png) left top no-repeat;
    background-size: 70px auto;
    }
.child-subhead.seo {
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_seo-icon.d1f3a176dd0beffd9f9ac3a046c61a60.png) 10px top*/ url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/seo_in.png) left top no-repeat;
    background-size: 70px auto;
    }
.child-subhead.writing {
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_writing-icon.decb0103ee24c42b1d74e385f253709e.png) 10px 5px*/ url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/writing_in.png) left top no-repeat;
    background-size: 70px auto;
    }
.child-subhead.support {
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_support-icon.20fce8f01060b3cc8b47fda57a37e335.png) 10px top */ url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/support_in.png) left top no-repeat;
    background-size: 70px auto;
    }
.child-subhead.system {
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_system-icon.9591986664425d4b0959879ea477d465.png) 10px top*/url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/system_in.png) left top no-repeat;
    background-size: 70px auto;
    }
.child-subhead.promotion {
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/2.png) 10px 5px*/url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/movie_in.png) left top no-repeat;
    background-size: 70px auto;
    }    
.child-subhead.li {
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/kensaku.png) 10px top*/url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/listing_in.png) no-repeat;
    background-size: 70px auto;
    }
.child-subhead h2 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.5
    }
.child-subhead h2 .sub {
    display: block
    }
.staff-balloon {
    padding: 30px 0 0 30px;
    min-height: 190px
    }
.staff-balloon p {
    width: 390px;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
    }
.staff-balloon.souta {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_souta-balloon.3b61d4cd2a6e7158bcaa71761958141d.png) no-repeat;
    margin-bottom: 105px
    }
.staff-balloon.miyamoto {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_miyamoto-balloon.aa49adab18005425bcdeaf29d33ebbaf.png) no-repeat
    }
.staff-balloon.miyamoto02 {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/miyamoto02.png) no-repeat
    }
.staff-balloon.okuda {
    background: /*url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_okuda-balloon.02c9b02f52ef3034a66c68c5b73c8b55.png)*/ url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/satou-balloon.png) no-repeat
    }
.staff-balloon.akita {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_akita-balloon.744a3c9749be6e2efbebd8f60b729271.png) no-repeat
    }
.staff-balloon.sawamoto {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_sawamoto-balloon.3807c7cee4ec81ea823bc4024f18a69c.png) no-repeat
    }
.staff-balloon.tsuji {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_tsuji-balloon.7c20171ccaf9547851756b2e7c9348a1.png) no-repeat
    }
.colorful-head {
    display: block;
    margin-bottom: 20px;
    padding: 15px 0 17px 25px;
    font-weight: bold
    }
.colorful-head .sub {
    display: block;
    font-size: 8px;
    font-size: 0.5rem;
    color: #b2b2b2;
    padding-bottom: 5px;
    font-weight: normal
    }
.red-head {
    border-left: 5px solid #d47c7c
    }
.yellow-head {
    border-left: 5px solid #d4b67c
    }
.green-head {
    border-left: 5px solid #89b86a
    }
.blue-head {
    border-left: 5px solid #7cc7d4
    }
.ultra-head {
    border-left: 5px solid #7c86d4
    }
.violet-head {
    border-left: 5px solid #d47ca7
    }
/*
    web.html
------------------------------------------------------------------------------*/
.wire_frame {
    margin-bottom: 60px;
}
.wire_frame .img_center {
    margin-bottom: 25px;
}
.design_compe {
    margin-bottom: 60px;
}
.design_image {
    margin-bottom: 25px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
}
.design_image .design {
    width: 200px;
}
.wireframe {
    width: 220px;
    float: left;
    padding-right: 93px;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_web-arrow.f71e062bef21f971983c2a73f84d2e9d.png) right 122px no-repeat;
    margin-bottom: 40px
    }
.wireframe .txt {
    text-align: center;
    font-size: 12px;
    font-size: 0.8125rem;
    font-weight: bold;
    margin-bottom: 5px
    }
.design {
    width: 315px;
    float: left;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 40px
    }
.design .txt {
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 20px
    }
.design .ideas-txt {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_short-under-border.ff360e2fe2c258fc6e842dc18ee1383f.png) center bottom no-repeat
    }
.design .ideas-txt .ideas {
    font-size: 24px;
    font-size: 1.5rem
    }
/*
    sp.html
------------------------------------------------------------------------------*/
.graph {
    width: 520px;
    margin: 0 auto 25px
    }
.change {
    margin-bottom: 55px
    }
.change .txt {
    width: 400px;
    margin-right: 30px
    }
.risk {
    margin-bottom: 40px
    }
.risk dt {
    font-weight: bold;
    padding-left: /*25px*/1em;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 14px;
    }
.risk dt:before {
    content: "��";
    /*float: left;*/
    margin-left: -1em;
    margin-right: 1em;
    }
.risk dd {
    padding-left: /*80px*/2em;
    margin-bottom: 15px
    }
.risk_list {
    /*margin-bottom: 40px*/
    }
.risk_list dt {
    font-weight: bold;
    padding-left: 80px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 14px;
    }
.risk_list dt:before {
    content: "?";
    float: left;
    margin-left: -1em
    }
.risk_list dd {
    padding-left: 25px;
    margin-bottom: 15px
    }
/*
    seo.html
------------------------------------------------------------------------------*/
.longtail {
    width: 630px;
    margin: 0 auto 30px
    }
.longtail-txt {
    line-height: 1.5;
    margin-bottom: 25px;
    letter-spacing: 1px;
    font-size: 12px;
    }
/*
    writing.html
------------------------------------------------------------------------------*/
.writing-media {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 2px solid #9a9a9a
    }
.writing-media .left {
    width: 395px;
    float: left;
    margin-right: 30px
    }
    
.writing-media .left h3 {
    width: 365px
    }
.writing-media .left .interview-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_interview-icon.ce08ad8e69231bbbff7e296a67e97f08.png) top right no-repeat
    }
.writing-media .left .promotion-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/promotion_icon.png) top right no-repeat
    }    
.writing-media .left .med-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_med-icon.1fd09e396b5c8004cb7e92166550850c.png) top right no-repeat
    }
.writing-media .right {
    width: 200px;
    float: left
    }
.movie .left {
    /*float: left;*/
    margin-right: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    border-bottom: 2px solid #9a9a9a;
    padding-bottom: 20px;
    }   
    
.purpose dt {
    font-weight: bold;
    margin-bottom: 15px
    }
.purpose dd {
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
    }
.mss .photo {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 40px
    }
.mss .txt {
    line-height: 1.5;
    margin-bottom: 40px;
    font-size: 12px;
    letter-spacing: 1px;
    }
/*
    support.html
------------------------------------------------------------------------------*/
.call-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_call-icon.d3dc305a277212297f98a82141e9dd15.png) top right no-repeat
    }
.support-txt {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #9a9a9a
    }
.support-txt dt {
    font-weight: bold;
    margin-bottom: 15px
    }
.support-txt dd {
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
    }
.update-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_update-icon.a07b1a62e782e2ad6cf41fa4524f1b9d.png) top right no-repeat
    }
.writing-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_writing-icon02.0cb8da0ab9d4ab41bcc03103dfa7ea2a.png) top right no-repeat
    }
.writing {
    margin-bottom: 40px
    }
/*
    system.html
------------------------------------------------------------------------------*/
.worries {
    margin-bottom: 55px;
    font-size: 14px;
    letter-spacing: 1px;
    }
.worry-balloon-left {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_balloon01.735e224d8ffb7434c4e8cd4c7a7ae161.png) no-repeat;
    padding: 20px 0 20px 50px;
    margin-bottom: 15px
    }
.worry-balloon-right01 {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_balloon02.be948f0715a20f6db9c4271defe143dd.png) top right no-repeat;
    padding: 20px 50px 20px 0;
    text-align: right;
    margin: 0 0 15px 154px
    }
.worry-balloon-right02 {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_balloon03.ceb4519a679fdae0ba677827bfabbad3.png) top right no-repeat;
    padding: 20px 50px 20px 0;
    text-align: right;
    margin: 0 0 15px 154px
    }
.system-txt {
    margin-bottom: 60px;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
    }
.tsuji p img {
    width: 340px;
    margin: 0 auto;
    padding: 20px 0 10px;
    display: block
    }
.tsuji p a {
    display: block;
    text-align: center
    }
    
/*
    promotion.html
------------------------------------------------------------------------------*/
.support-txt dd.movie {
    margin-top: 20px;
}
.support-txt dd .attention{
    color: #828282;
}
.promotion-txt {
    margin-bottom: 60px;
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
}
.making-movie-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/making_movie_57.png) top right no-repeat;
}
.drone-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/drone_57.png) top right no-repeat;
}
.animation-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/animation_57.png) top right no-repeat;
}

/*
    cms.html
------------------------------------------------------------------------------*/
.cms-head {
    margin-bottom: 60px
    }
.mockup {
    text-align: center;
    margin-bottom: 55px
    }
.cms-txt {
    line-height: 1.5;
    margin-bottom: 60px;
    font-size: 12px;
    letter-spacing: 1px;
    }
.wysiwyg, .convert {
    margin-bottom: 15px;
    text-align: center
    }
.sns-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_sns-icon.11cb2e6a4788b7889e4c6db0acbf8fdd.png) top right no-repeat
    }
.seo-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_seo-icon02.99a509cc4915e67c54a8941821922f30.png) top right no-repeat
    }
.other {
    margin-bottom: 20px
    }
.other li {
    width: 295px;
    float: left;
    padding: 0 0 0 10px;
    border-bottom: 2px solid #9a9a9a;
    margin-right: 20px
    }
.other li + li {
    margin-right: 0
    }
/*
    information.html
------------------------------------------------------------------------------*/
.cetegory-head, .archive-head, .information-head {
    margin-bottom: 0 !important;
}
.informationlist {
    border-bottom: 2px solid #9A9A9A;
    padding: 20px 0;
}
.informationlist:after {
    content: "";
    clear: both;
    display: block;
}
.informationlist dt{
    width: 500px;
    padding: 5px 20px 0 0;
    box-sizing: border-box;
    float: left;
    font-size:13px;/*�{�{�lj�*/
    font-weight:bold;/*�{�{�lj�*/
}


.informationlist .thum01 {
width:200px !important;
}

.informationlist .txt {
color:#000;
background:none;
float:left;
height:120px;
margin-top:25px;
margin-left:50px;
width:330px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.informationlist .txt img {
display:none;
}
.informationlist dt span.date {
    font-size: 0.75rem;
    font-weight: bold;
    display: block;
    color: #d2d2d2;
    margin-bottom: 5px;
}
.informationlist dd {
    width: 100px;
    text-align: center;
    float: right;
    background: #ccc;
    color: #fff;
    padding: 5px 0;
    border-radius: 3px;
}
.info-side-head {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2
    }
.info-side-head h3 {
    float: left
    }
.info-side-head h3 .sub {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    color: #b2b2b2;
    display: block;
    padding-top: 5px
    }
.info-side-head .more {
    padding-top: 0
    }
.info-side-list {
    margin-bottom: 45px
    }
.info-side-list li {
    border-bottom: 2px solid #9a9a9a
    }
.info-side-list li a {
    display: block;
    padding: 19px 0 19px 24px;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow.e66823e79c4bfb5cf30fa386cf12174a.png) 8px center no-repeat;
    font-weight: bold
    }
.info-side-list li a .sub {
    display: block;
    font-size: 8px;
    font-size: 0.5rem;
    color: #d2d2d2;
    margin-bottom: 5px;
    font-weight: normal
    }
.info-side-list li a:hover {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_arrow-notice.50a4c01366ac7109c1620fedfd5e69e0.png) 8px center no-repeat
    }
.category li a, .archive li a {
    padding: 23px 0 23px 24px
    }
.content-area.information {
    border-left: 0
    }
.info-head {
    padding-bottom: 8px;
    margin-bottom: 15px;
    /*border-bottom: 1px solid #d2d2d2*/
    }
.info-head h3 {
    float: left;
    font-size: 1.25rem;
    font-weight: bold;
    width: 500px;
    }
.info_title{
    font-weight: bold
    float: left;
    font-size: 20px;
    }
.info-head h3 .sub {
    padding-top: 8px;
    font-size: 0.75rem;
    font-weight: normal;
    color: #D2D2D2;
    display: block;
}
.info-head .info-status {
    width: 100px;
    padding: 5px 0;
    float: right;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #ccc;
    }
.info-body {
    line-height: 1.5;
    margin-bottom: 40px;
    font-size: 13px;
    }
.info-body > p {
    margin-bottom: 1em
    }
.pagination {
    margin-top: 40px;
}
.pagination li{
  float: left;
  border-right: 1px solid #d2d2d2;
}
.pagination li a{
  font-weight: bold;
  padding: 10px 27px;
}
.pagination li:last-of-type{
  border-right: 0;
}
/*
    contact.html
------------------------------------------------------------------------------*/
.contact-head {
    margin-bottom: 20px
    }
 {
    list-style: disc inside;
    /*margin-bottom: 60px*/
    }
 li {
    margin-bottom: 8px
    }
.contact-form {
    margin-bottom: 23px
    }
.contact-form > dt {
    float: left;
    font-weight: bold;
    padding: 18px 0 18px
    }
.contact-form_d > dt {
    font-weight: bold;
    padding: 18px 0 18px;
    }
.contact-form > dd {
    padding: 18px 0 18px 190px;
    border-bottom: 1px solid #d2d2d2
    }
.long {
    width: 420px;
    }
.medium {
    width: 333px
    }
.city {
    padding-top: 10px
    }
.city dt {
    float: left;
    padding: 5px 0 0
    }
.city dd {
    padding: 0 0 10px 85px
    }
.btn {
    border: 1px solid #d2d2d2;
    display: inline-block
    }
.btn input[type="button"], .btn > a {
    background: rgb(237, 237, 237) none repeat scroll 0% 0%;
    padding: 10px;
    font-family: ���C���I;
    }
.btn input[type="submit"], .btn > a {
    background: rgb(237, 237, 237) none repeat scroll 0% 0%;
    padding: 10px;
    font-family: ���C���I;
    }
.btn.send {
    display: inline-block;
    margin: 0 auto
    }
.btn.send input[type="button"] {
    padding: 10px 20px
    }
.btn.entry {
    display: block;
    width: 170px;
    margin: 0 auto
    }
.btn.entry a {
    display: block;
    text-align: center;
    padding: 10px 0
    }
.btn-wrapper {
    text-align: center
    }
.zip1 {
    width: 80px
    }
.zip2 {
    width: 100px
    }
.form-content {
    width: 420px;
    height: 150px;
    border: 1px solid #D2D2D2;
    }
.contact_name{
    font-weight: bold;
    float: left;
    padding-top: 20px;
    }   
.long_long{
    padding: 18px 0px 18px 190px;
    border-bottom: 1px solid #D2D2D2;
    width: 420px;
    } 
.long_long_long {
    width: 230px;
    }
.form-content_d {
    width: 420px;
    height: 150px;
    border: 1px solid #D2D2D2;
    margin-left: 115px;
    margin-top: 25px;
    margin-bottom: 20px;
    }
.contact_named{
    /*float: right;*/
    padding: 18px 0px 18px 170px;
    }
.long_long_long_long{
    /*float: right;*/
   /* padding: 0px 280px 0px 0px;*/
    
    margin-left: 300px;
    margin-top: -29px;
    
    }
.contact_kaku2{
    margin-bottom: 69px;
    }
.long_long_long_long_come{
    float: right;
    padding: 0px 280px 0px 0px;
    padding-top: 20px;
    }
/*
    privacy.html
------------------------------------------------------------------------------*/
.privacy-head {
    margin-bottom: 18px
    }
.privacy-txt {
    padding-bottom: 60px;
    line-height: 1.5
    }
.privacy-txt ul {
    list-style: disc;
    margin-left: 20px
    }
.present-txt {
    margin-bottom: 30px
    }
/*
    dealer.html
------------------------------------------------------------------------------*/
.dealer-head {
    margin-bottom: 15px
    }
.intro-txt {
    line-height: 1.5;
    margin-bottom: 60px
    }
.dealer-txt {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #9a9a9a;
    line-height: 1.5
    }
.merit-icon01 {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_merit-icon01.be54193b001a684565ae947fe694187d.png) top right no-repeat
    }
.merit-icon02 {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_merit-icon02.b73a5b8173f9470539a6bd4a9c4cffcc.png) top right no-repeat
    }
.merit-icon03 {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_merit-icon03.b7ad9ebc6f31b72d6973d88f633cd245.png) top right no-repeat
    }
.merit03 {
    margin-bottom: 40px
    }
/*
    partner.html
------------------------------------------------------------------------------*/
.partner-head {
    margin-bottom: 20px
    }
ul.partners {
    margin-bottom: 40px
    }
ul.partners li {
    width: 305px;
    padding-bottom: 18px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    border-bottom: 2px solid #9a9a9a
    }
ul.partners li:nth-of-type(2n) {
    margin-right: 0
    }
ul.partners li .colorful-head {
    width: 255px;
    margin: 0 auto
    }
.director-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_director-icon.358baee1f7b8135e6d29f9416f70f5c5.png) top right no-repeat
    }
.planner-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_planner-icon.a838aa3387a0e22c93630176cf840fbc.png) top right no-repeat
    }
.designer-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_designer-icon.be61e528a0e02b4069f474b7dbf906d8.png) top right no-repeat
    }
.director-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_director-icon.358baee1f7b8135e6d29f9416f70f5c5.png) top right no-repeat
    }
.coder-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_coder-icon.595eabdf5200bc0125157a569ba22d78.png) top right no-repeat
    }
.copy-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_copywriter-icon.6f7e7a72d753ff62d5e7e1603e65a0d1.png) top right no-repeat
    }
.camera-icon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_camera-icon.32a0a4fd3ae0fb23ec1925d75a95b6a2.png) top right no-repeat
    }
.partner-txt {
    padding: 30px;
    border: 1px solid #d2d2d2;
    line-height: 1.5;
    margin-bottom: 40px
    }
/*
    independent.html
------------------------------------------------------------------------------*/
.independent-head {
    margin-bottom: 60px
    }
.slogan {
    font-family: "Roboto Slab", Garamond, "Times New Roman", "������", "Yu Mincho", "��������", "YuMincho", "�q���M�m���� Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS����E", "�l�r �o����", "MS PMincho", serif;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 60px
    }
.slogan-txt {
    line-height: 1.5;
    margin-bottom: 60px
    }
.step {
    padding-bottom: 65px;
    margin-bottom: 25px
    }
.step .txt {
    width: 351px;
    float: left;
    padding: 0 30px 0 48px;
    line-height: 1.5
    }
.step .photo {
    float: left
    }
.step1 {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_flow-arrow.c9739b9256b54a35bb2866d26cdb1b56.png) center bottom no-repeat
    }
.step1 .txt {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_step01-bg.1871d1d10f4d346d17af385b9d42614c.png) top left no-repeat
    }
.step2 {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_flow-arrow.c9739b9256b54a35bb2866d26cdb1b56.png) center bottom no-repeat
    }
.step2 .txt {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_step02-bg.9e2214fa50b89aade8b81dd573068612.png) top left no-repeat
    }
.step3 {
    padding-bottom: 0;
    margin-bottom: 60px
    }
.step3 .txt {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/_step03-bg.310fb6fa5be889a42b46736553667c65.png) top left no-repeat
    }
.independent-txt {
    margin-bottom: 60px;
    line-height: 1.5
    }
.is-news {
    background: #d47c7c !important;
    }
.is-blog {
    background: #d4b67c !important;
    }
.is-seminar {
    background: #89b86a !important;
    }
.is-info {
    background: #7c86d4 !important;
    }
.is-event {
    background: #d47ca7 !important;
    }
.side-tab li.is-here a {
    width: 250px;
    margin-right: -1px;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/www.unison-planet.com/akamon_unisonplanet/static/page/biyou/img/..images_arrow-notice.50a4c01366ac7109c1620fedfd5e69e0.png) #fff 5% center no-repeat
    }
.is-required {
    display: inline-block;
    background: #be000a;
    margin-left: 8px;
    padding: 2px 8px;
    color: #fff;
    font-size: 12px;
    font-size: 0.75rem
    }
.special-bana{
    /*margin-top: 15px;*/
    margin-left: 25px;
    margin-bottom: 15px;
    }
    /*css�lj�*/
.webtext-box{
    margin:0 0 30px 0 ;
    padding:0;
}
.webtext-box p{
    margin:0;
    padding:0;
    font-size:10pt;
    line-height:120%;
}




.content-column .colum-box {
width:100% !important;
height:254px !important;
}

.content-column .thum01 {
width: 210px !important;
margin-top:15px !important;
margin-bottom:15px !important;
}

.content-column .colum-list {
margin: 17px 13px !important;
width: 209px !important;
}

.content-column .box-head {
    margin-bottom: 19px;
}



.columlist {
    border-bottom: 2px solid #9A9A9A;
    padding: 20px 0;
}
.columlist:after {
    content: "";
    clear: both;
    display: block;
}
.columlist dt{
    width: 500px;
    padding: 5px 20px 0 0;
    box-sizing: border-box;
    float: left;
    font-size:13px;/*�{�{�lj�*/
    font-weight:bold;/*�{�{�lj�*/
}

.columlist .thum01 {
width:200px !important;
}

.columlist .txt {
color:#000;
background:none;
float:left;
height: 138px;
margin-top: 7px;
margin-left:50px;
width:330px !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align:left;
line-height: 20px;
}

.columlist .txt img {
display:none;
}
.columlist dt span.date {
    font-size: 0.75rem;
    font-weight: bold;
    display: block;
    color: #d2d2d2;
    margin-bottom: 5px;
}
.columlist dd {
    width: 100px;
    text-align: center;
    float: right;
    background: #ccc;
    color: #fff;
    padding: 5px 0;
    border-radius: 3px;
    font-size:90%;
}

.is-web {
background:#e78584 !important;
}

.is-sp {
background:#63a8bf !important;
}

.is-seo {
background:#bbda71 !important;
}

.is-writing {
background:#73c59c !important;
}

.is-support {
background:#ebb785 !important;
}

.is-system {
background:#b281d8 !important;
}

.xx_list {
    overflow:hidden;
    margin:40px 0;
}
.xx_list li {
    float:left;
    position:relative;
    width:195px;
    height:195px;
    overflow:hidden;
    margin:0 0 15px 15px;
    font-size: 12px;
}
.xx_list li:nth-of-type(1) , .xx_list li:nth-of-type(5) {
    width:330px;
    margin:0 0px 15px 0px;
}
.xx_list li img {
    display:none;
}
.xx_list li img ~ span {
    display:block;
    width:100%;
    background-size:cover;
    background-position:center center;
    padding-top:100%;
}
.xx_list li:nth-of-type(1) img ~ span , .xx_list li:nth-of-type(5) img ~ span {
    padding-top:60%%;
}
.xx_list li dd {
    position:absolute;
    top:0;
}
.xx_list li dd.xx_img {
    left:0;
    width:100%;
}
.xx_list li dd.xx_category {
    right:0px;
    padding:8px 0;
    width:90px;
    text-align:center;
    color:#fff;
    background:#ddd;
}
.xx_list li dd.xx_time {
    left:0px;
    padding:5px;
    text-shadow:
        -1px -1px #fff,
        1px -1px #fff,
        -1px 1px #fff,
        1px 1px #fff;
}
.xx_list li dt {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    box-sizing:border-box;
    padding:10px;
    color:#fff;
    background:rgba(0,0,0,0.6);
    line-height:1.4;
    -webkit-transition: all 0.6s ease !important;
    -moz-transition: all 0.6s ease !important;
    -o-transition: all 0.6s ease !important;
    transition: all 0.6s ease !important;
}
.xx_list li:hover dt {
    left:-100%;
}

.xx_list li dd.xx_category[title*="WEB����S��"] {
background:#e78584 !important;
}

.xx_list li dd.xx_category[title*="�X�}�[�g�t�H��"] {
background:#63a8bf !important;
}

.xx_list li dd.xx_category[title*="SEO"] {
background:#bbda71 !important;
}

.xx_list li dd.xx_category[title*="���C�e�B���O"] {
background:#73c59c !important;
}

.xx_list li dd.xx_category[title*="�^�p"] {
background:#ebb785 !important;
}

.xx_list li dd.xx_category[title*="�V�X�e��"] {
background:#b281d8 !important;
}

/*�R�����ꗗ*/
.column_list2 li {
    overflow: hidden;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.column_list2 li img.xxm {
    display:none;
}
.column_list2 li img.xxm ~ span {
    width:240px;
     height:180px;
     background-size:cover;
     background-position:center center;
     display:block;
     float:left;
     margin-right:20px;
}
.column_list2 li h3 { 
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 12px;
    letter-spacing: 0.1rem;
    color: #434343;
    line-height: 1.7;
    font-family:Quicksand, ���S�V�b�N��, "Yu Gothic", YuGothic, "�q���M�m�p�S�V�b�N Pro", "Hiragino Kaku Gothic Pro", ���C���I, Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
}
.column_list2 li > div {
    position:relative;
    height:180px;
}
.column_list2 li div.staff {
    position:absolute;
    bottom:0;
    left:260px;
    overflow:hidden;
    line-height:40px;
    width:370px;
}
.column_list2 li div.staff img {
    width:40px;
    height:40px;
    border-radius:50%;
    float:left;
    margin-right:15px;
}
.column_list2 li div.staff p {
    float:left;
}
.column_list2 li div.staff .mool {
    display:block;
    text-align:right;
    font-family: cursive;
    font-weight: 600;
}
.column_list2 li > a {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
/*�T�C�h�V���R����*/
.newspot_blog li {
    overflow:hidden;
    padding:15px 0;
    border-bottom:1px solid #ddd;
    font-size:12px;
    position:relative;
}
.newspot_blog li img {
    float:left;
    width:130px;
    height:auto;
    margin-right:10px;
}
.newspot_blog li span {
    display:block;
    margin-bottom:15px;
    font-family: cursive;
}
.newspot_blog li > a {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
/*�R�����ڍ�*/
.infop h4{
     font-size:24px;
     border-bottom:4px solid #FFC0CB;
     margin-bottom:25px;
}

.infop h5{
     font-size:20px;
     border-bottom:3px solid #FFDAB9;
     margin:15px 0;
}
.infop h6{
     font-size:13px !important;
     text-align:center;
     font-weight:bold;
}

.infop{
font-size:17px !important;
line-height:1.8 !important;
}

.infop .box {
margin:40px 0;
}
.infop .box p {
font-weight:bold;
}
.infop .box dl {
margin:0 20px;
}
.infop .box dl dt {
margin-top:20px;
}
.infop .box dl dt a {
text-decoration:underline;
color:#94d7e4;
font-weight:bold;
}
.infop .box dl dd {
margin:10px 0 0 30px;
}
.infop .box dl dd , .infop .box dl dt {
position:relative;
padding-left:20px;
}
.infop .box dl dd:before , .infop .box dl dt:before {
content:"��";
position:absolute;
top:0;
left:0;
font-size:8px;
line-height:23px;
}
.infop img{
max-width:100%;
margin-left:auto;
margin-right:auto;
height:auto !important;
}
.infop .staff {
    border:5px solid #ddd;
    padding:10px 20px;
    overflow:hidden;
    margin:20px 0;
    line-height:25px;
}
.infop .staff img {
    display:block;
    width:80px;
    height:80px;
    float:left;
    margin-right:25px;
    border-radius:50%;
}
.infop .staff div {
    margin-top:15px;
}
.infop .staff div p {
    font-weight:bold;
}
.infop .staff div span {
    line-height:25px;
    display:block;
}
.infop .staff div .weel {
    color:#94d7e4;
    font-weight:bold;
    font-size:18px;
    margin-right:20px;
    float:left;
}
.infop .social ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.infop .social ul li {
    margin-left:15px;
    vertical-align:middle;
    line-height:0px;
}
/*�֘A�L��*/
.colum_relative ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.colum_relative ul li {
    overflow:hidden;
    padding:15px;
    border-bottom: 1px solid #9a9a9a;
    width:100%;
    position:relative;
    box-sizing:border-box;
}
.colum_relative ul li img.xxm {
     width:150px;
     float:left;
     margin-right:20px;
}
.colum_relative ul li p {
    font-weight:bold;
    margin:10px 0;
}
.colum_relative ul li:nth-of-type(1) , .colum_relative ul li:nth-of-type(2) {
    width:50%;
}
.colum_relative ul li:nth-of-type(1) {
    border-right: 1px solid #9a9a9a;
}
.colum_relative ul li:nth-of-type(1) img.xxm , .colum_relative ul li:nth-of-type(2) img.xxm {
    display:none;
}
.colum_relative ul li:nth-of-type(1) img.xxm ~ span , .colum_relative ul li:nth-of-type(2) img.xxm ~ span {
    width:100%;
    padding-top:60%;
    background-size:cover;
    background-position:center center;
    display:block;
}
.colum_relative ul li:nth-of-type(1) p , .colum_relative ul li:nth-of-type(2) p {
    margin:15px 0;
}
.colum_relative ul li:nth-of-type(3) {
    clear:both;
}
.colum_relative ul li > a {
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-indent:-9999px;;
}




/*-----color wheel-----*/
.consult-btn li:nth-child(9n+1) a {
    border-left: 5px solid #d47c7c;
}
.consult-btn li:nth-child(9n+2) a {
    border-left: 5px solid #d3a579;
}
.consult-btn li:nth-child(9n+3) a {
    border-left: 5px solid #d6ba76;
}
.consult-btn li:nth-child(9n+4) a {
    border-left: 5px solid #c4c469;
}
.consult-btn li:nth-child(9n+5) a {
    border-left: 5px solid #a0bc6f;
}
.consult-btn li:nth-child(9n+6) a {
    border-left: 5px solid #78a88c;
}
.consult-btn li:nth-child(9n+7) a {
    border-left: 5px solid #7298b2;
}
.consult-btn li:nth-child(9n+8) a {
    border-left: 5px solid #8886bf;
}
.consult-btn li:nth-child(9n+9) a {
    border-left: 5px solid #ab84af;
}


.content-area section:nth-of-type(9n+1) h3.border-left {
    border-left: 5px solid #d47c7c;
}
.content-area section:nth-of-type(9n+2) h3.border-left {
    border-left: 5px solid #d3a579;
}
.content-area section:nth-of-type(9n+3) h3.border-left {
    border-left: 5px solid #d6ba76;
}
.content-area section:nth-of-type(9n+4) h3.border-left {
    border-left: 5px solid #c4c469;
}
.content-area section:nth-of-type(9n+5) h3.border-left {
    border-left: 5px solid #a0bc6f;
}
.content-area section:nth-of-type(9n+6) h3.border-left {
    border-left: 5px solid #78a88c;
}
.content-area section:nth-of-type(9n+7) h3.border-left {
    border-left: 5px solid #7298b2;
}
.content-area section:nth-of-type(9n+8) h3.border-left {
    border-left: 5px solid #8886bf;
}
.content-area section:nth-of-type(9n+9) h3.border-left {
    border-left: 5px solid #ab84af;
}




.content-area section .merit:nth-of-type(9n+1) h3 {
    border-left: 5px solid #d47c7c;
}
.content-area section .merit:nth-of-type(9n+2) h3 {
    border-left: 5px solid #d3a579;
}
.content-area section .merit:nth-of-type(9n+3) h3 {
    border-left: 5px solid #d6ba76;
}
.content-area section .merit:nth-of-type(9n+4) h3 {
    border-left: 5px solid #c4c469;
}
.content-area section .merit:nth-of-type(9n+5) h3 {
    border-left: 5px solid #a0bc6f;
}
.content-area section .merit:nth-of-type(9n+6) h3 {
    border-left: 5px solid #78a88c;
}
.content-area section .merit:nth-of-type(9n+7) h3 {
    border-left: 5px solid #7298b2;
}
.content-area section .merit:nth-of-type(9n+8) h3 {
    border-left: 5px solid #8886bf;
}
.content-area section .merit:nth-of-type(9n+9) h3 {
    border-left: 5px solid #ab84af;
}



.partners li:nth-of-type(9n+1) div.colorful-head {
    border-left: 5px solid #d47c7c;
}
.partners li:nth-of-type(9n+2) div.colorful-head {
    border-left: 5px solid #d3a579;
}
.partners li:nth-of-type(9n+3) div.colorful-head {
    border-left: 5px solid #d6ba76;
}
.partners li:nth-of-type(9n+4) div.colorful-head {
    border-left: 5px solid #c4c469;
}
.partners li:nth-of-type(9n+5) div.colorful-head {
    border-left: 5px solid #a0bc6f;
}
.partners li:nth-of-type(9n+6) div.colorful-head {
    border-left: 5px solid #78a88c;
}
.partners li:nth-of-type(9n+7) div.colorful-head {
    border-left: 5px solid #7298b2;
}
.partners li:nth-of-type(9n+8) div.colorful-head {
    border-left: 5px solid #8886bf;
}
.partners li:nth-of-type(9n+9) div.colorful-head {
    border-left: 5px solid #ab84af;
}










/**/
/**��������**/
div.managed_html_content_anchor, div.managed_html_content_anchor_pending {
    z-index:1500 !important;
}
div[onclick] .subhead {
    /*margin-top: 210px;*/
    }
#case_main.content .content-area {
    float: left;
    border: 0;
    padding: 20px;
    box-sizing: border-box;
    }
#case_main.content .content-area .box-head h2 {
    background: #eee;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0 15px 15px;
    margin: 0 0 20px;
    display: block;
    }
#case_main.content .content-area .cheers-head {
    margin-bottom: 0;
    }
#case_main.content .content-area .box-head {
    padding-bottom: 0;
    border-bottom: 0;
    }
#case_main.content .content-area .cheers-txt {
    margin-bottom: 50px;
    }
#case_main.content .content-area .cheers-txt img {
    max-width: 100% !important;
    height: auto !important;
    vertical-align: bottom;
    }
#case_main.content .content-area .main_box_out {
    border: 1px solid #d2d2d2;
    padding: 20px;
    box-sizing: border-box;
    }
#case_main.content .content-area .main_box {
    margin-bottom: 50px;
    }
#case_main.content .content-area .main_box p.cate {
    background: #eee;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 15px;
    margin: 0 0 15px;
    display: inline-block;
    }
#case_main.content .content-area .main_box h3 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 15px 10px;
    font-size: 20px;
    margin-bottom: 20px;
    }
#case_main.content .content-area .main_box .box figure {
    position: relative;
    overflow: hidden;
    }
#case_main.content .content-area .main_box .box figure span.img {
    display: block;
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: top center;
    }
#case_main.content .content-area .main_box .box figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    }
#case_main.content .content-area .main_box .box figure:hover figcaption {
    opacity: 1;
    }
#case_main.content .content-area .main_box .box figure figcaption div.txt {
    color: #fff;
    top: 30%;
    padding-right: 20px !important;
    font-size: 14px;
    line-height: 180%;
    max-height: 75px;
    overflow: hidden;
    width: 528px;
    box-sizing: border-box;
    }
#case_main.content .content-area .main_box .box figure figcaption div.txt a {
    color: #fff;
    }
#case_main.content .content-area .main_box .box figure:hover figcaption div.txt {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    }
#case_main.content .content-area .main_box .box figure figcaption p.more_p {
    color: #fff;
    width: 200px;
    margin: 0 auto;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: 20px !important;
    text-align: center !important;
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/lp/images/right_img.png) 150px 18px no-repeat;
    background-size: 15px auto;
    bottom: 30%;
    }
#case_main.content .content-area .main_box .box figure:hover figcaption p.more_p {
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    bottom: 30%;
    left: 32% !important; 
    }
#case_main.content .content-area .main_box .box figure figcaption div.txt , #case_main.content .content-area .main_box .box figure figcaption p.more_p {
    position: absolute;
    left: -100%;
    /*width: 260px;*/
    padding: 0;
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s;
    }
#case_main.content .content-area .main_box .box figure:hover figcaption div.txt , #case_main.content .content-area .main_box .box figure:hover figcaption p.more_p {
    left: 20px;
    }
#case_main.content .content-area .main_box p.url {
    margin-bottom: 20px;
    }
#case_main.content .content-area .main_box p.url a {
    color: #76dedf;
    padding: 10px 0 10px 0;
    display: block;
    font-size: 14px;
    }
#case_main.content .content-area .main_box p.url a img {
    width: 20px !important;
    height: auto !important;
    padding-right: 10px;
    }
#case_main.content .content-area .main_box p.name {
    text-align: right;
    font-size: 14px;
    }
.case_page {
    clear: both;
    }
.case_page ul {
    text-align: center;
    margin-top: 30px;
    }
.case_page ul:after {
    content: "";
    display: block;
    clear: both;
    }
.case_page ul li {
    width: 30px;
    height: 30px;
    background: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    margin: 0 5px 5px;
    display: inline-block;
    }
.case_page ul li a {
    display: block;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    }
#case_main.content .side {
    float: right;
    }
#case_main.content.mar_top20 .side {
    margin-top: 23px;
    }
#case_main.content .side dl.side_cate {
    margin-bottom: 50px;
    }
#case_main.content .side dl.side_cate dt {
    background: #eee;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 0 15px 15px;
    margin: 0 0 20px;
    }
#case_main.content .side dl.side_cate dd {
    font-size: 16px;
    padding: 10px 0 20px 10px;
    margin: 0 0 10px 5px;
    border-bottom: 1px solid #d2d2d2;
    }
#case_main.content .side .side_blog .img {
    margin-bottom: 20px;
    }
#case_main.content .side .side_blog .img img {
    max-width: 100% !important;
    height: auto !important;
    vertical-align: bottom;
    }
#case_main.content .side .side_blog ul {
    border: 1px solid #d2d2d2;
    }
#case_main.content .side .side_blog ul li {
    padding: 20px 15px;
    border-top: 1px solid #d2d2d2;
    }
#case_main.content .side .side_blog ul li:after {
    content: "";
    display: block;
    clear: both;
    }
#case_main.content .side .side_blog ul li .blog_img {
    width: 100px;
    height: 70px;
    float: left;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-size: cover;
    background-position: top center;
    }
#case_main.content .side .side_blog ul li dl {
    padding-left: 110px;
    }
#case_main.content .side .side_blog ul li dl dt {
    font-weight: bold;
    padding-bottom: 8px;
    }
#case_main.content .content-area.content-detail {
    padding: 0;
    border: 0;
    }
#case_main.content .content-area.content-detail .main_box h3 {
    border: 0;
    font-size: 28px;
    }
#case_main.content .content-area.content-detail .main_box .box {
    max-height: 900px;
    overflow-y: auto;
    }
#case_main.content .content-area.content-detail .main_box .box .img img {
    max-width: 100% !important;
    height: auto !important;
    }
#case_main.content .content-area.content-detail .main_box .in h3 {
    margin-bottom: 10px;
    }
#case_main.content .content-area.content-detail .main_box .in .txt {
    border: 1px solid #d2d2d2;
    padding: 25px 35px;
    line-height: 180%;
    margin-bottom: 80px;
    font-size: 13px;
    }
#case_main.content .content-area.content-detail .main_box .in .txt a.voice_un {
    padding-top: 20px;
    padding-bottom: 6px;
    display: inline-block;
    }
#case_main.content .content-area.content-detail .main_box .in .txt:hover a.voice_un {
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
    }
#case_main.content .content-area.content-detail .main_box .in02 {
    margin-bottom: 80px;
    }
#case_main.content .content-area.content-detail .main_box .in02:after {
    content: "";
    display: block;
    clear: both;
    }
#case_main.content .content-area.content-detail .main_box .in02 .left_in {
    width: 300px;
    height: 470px;
    float: left;
    position: relative;
    }
#case_main.content .content-area.content-detail .main_box .in02 .left_in p {
    line-height: 180%;
    }
#case_main.content .content-area.content-detail .main_box .in02 .left_in ul {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    }
#case_main.content .content-area.content-detail .main_box .in02 .left_in ul:after {
    content: "";
    display: block;
    clear: both;
    }
#case_main.content .content-area.content-detail .main_box .in02 .left_in ul li:nth-of-type(1) {
    text-align: right;
    }
#case_main.content .content-area.content-detail .main_box .in02 .left_in ul li:nth-of-type(1) img {
    display: inline-block;
    }
#case_main.content .content-area.content-detail .main_box .in02 .left_in ul li:nth-of-type(2) a {
    color: #76dedf;
    display: block;
    font-size: 14px;
    }
#case_main.content .content-area.content-detail .main_box .in02 .left_in ul li:nth-of-type(2) img {
    width: 20px !important;
    height: auto !important;
    padding-right: 10px;
    }
#case_main.content .content-area.content-detail .main_box .in02 .right_in {
    width: 330px;
    height: auto;
    position: relative;
    float: right;
    margin-top: -50px !important;
    }
#case_main.content .content-area.content-detail .main_box .in02 .right_in img {
    max-width: 100% !important;
    height: auto !important;
    }
#case_main.content .content-area.content-detail .main_box .in02 .right_in span {
    width: 227px;
    height: 402px;
    display: block;
    background: #ccc;
    position: absolute;
    top: 62px;
    left: 48px;
    overflow-y: auto;
    }
#case_main.content .content-area.content-detail .main_box .in02 .right_in span img {
    width: 100% !important;
    height: auto !important;
    }
#case_main.content .content-area.content-detail .main_box .in02 ul.pro:after {
    content: "";
    display: block;
    clear: both;
    }
#case_main.content .content-area.content-detail .main_box .in02 ul.pro li {
    float: left;
    width: 33.333%;
    padding-bottom: 30px;
    }
#case_main.content .content-area.content-detail .main_box .in02 ul.pro li div {
    width: 50px;
    height: 50px;
    /*background: #ccc;*/
    overflow: hidden;
    border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    float: left;
    }
#case_main.content .content-area.content-detail .main_box .in02 ul.pro li div span {
    width: 100%;
    height: 100%;
    display: block;
    background-size: cover;
    background-position: top center;
    }
#case_main.content .content-area.content-detail .main_box .in02 ul.pro li dl {
    padding: 0 0 0 60px;
    }
#case_main.content .content-area.content-detail .main_box .in02 ul.pro li dt {
    font-size: 14px;
    padding-top: 5px;
    }
#case_main.content .content-area.content-detail .main_box .in02 ul.pro li dd {
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    }
#case_main.content .content-area.content-detail .back_case {
    width: 100%;
    height: 60px;
    background: #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-align: center;
    }
#case_main.content .content-area.content-detail .back_case a {
    color: #fff;
    line-height: 60px;
    display: block;
    font-size: 18px;
    font-weight: bold;
    }

/*�C���^�r���[�y�[�W------------------------------------------------------------------*/
.interview {
    margin: 20px 0 0 0;
}
.interview .clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.index .interview article {
    box-shadow: none;
}
.interview article {
    margin: 0 0px 60px 0;
    position: relative;
    width: 947px !important;
    box-shadow: 5px 5px 0px rgba(0,0,0,0.3);
}
.interview article a.more {
    display: block;
    width: 72px;
    height: 58px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.interview article .photo {
    width: 350px;
    height: 350px;
    float: left;
    background: #ddd;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.interview article:nth-child(2n) .photo {
    float: right;
}
.interview article .summary {
    padding: 10px 30px 0px 380px;
}
.interview article:nth-child(2n) .summary {
    padding: 10px 380px 0px 30px;
}
.interview article .summary h3 {
    font-size: 20px;
    line-height: 1.2em;
    border-bottom: 4px solid #d1d1d1;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.interview article .summary h3 .number {
    font-size: 16px;
    color: #777;
    display: block;
    margin-bottom: 5px;
    font-weight: lighter;
}
.interview article .summary .outline {
    margin-bottom: 15px;
    line-height: 22px;
}
.interview article .summary .shop_info .thumb {
    width: 250px;
    height: 135px;
    background: #ddd;
    float: left;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center top;
}
.interview article .summary .shop_info h4 {
    padding: 0 0 0 270px;
    margin-bottom: 10px;
    line-height: 1.2em;
}
.interview article .summary .shop_info p {
    padding: 0 0 0 270px;
    margin-bottom: 12px;
}
.interview article .summary .shop_info ul {
    padding: 0 0 0 270px;
    letter-spacing: -1em;
}
.interview article .summary .shop_info ul li {
    line-height: 30px;
    font-size: 12px;
    padding: 0 1em;
    background: #ccc;
    border-radius: 5px;
    display: inline-block;
    letter-spacing: normal;
    margin: 0 10px 5px 0;
}

.interview_main_image {
    width: 100%;
    height: 410px;
    position: relative;
    background: #ddd;
    margin-top: -40px;
}
.interview_main_image .image {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.interview_main_image .image img {
    min-width: 100%;
    height: auto;
    min-height: 410px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.interview_main_image p {
    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    text-align: left;
    bottom: 30px;
    font-size: 38px;
    color: #fff;
    text-shadow: 0 0 6px #000;
    letter-spacing: -0.05em;
    font-weight: 900;
    line-height: 120%;
}
.interview_detail {
    padding: 45px 0 0 0;
    width: 1200px;
}
.interview_detail:after {
    content: "";
    display: block;
    clear: both;
}
.interview_detail .main {
    width: 100%;
    float: left;
}
.interview_detail .side {
    width: 100%;
    margin: 100px auto 0;
}
.interview_detail .main .introduction {
    margin-bottom: 50px;
    width: 1200px;
}
.interview_detail .main .introduction p {
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 16px;
    line-height: 35px;
}
.interview_detail .main .introduction dl {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}
.interview_detail .main .introduction dl dt, .interview_detail .main .introduction dl dd {
    display: inline-block;
}
.interview_detail .main .introduction dl dd + dt {
    margin-left: 2em;
}
.interview_detail .main .sub_image {
    margin-bottom: 20px;
    width: 600px;
    float: left;
    display: none;
}
.interview_detail .main .sub_image img {
    width: 100% !important;
    height: auto !important;
}
.interview_content {
    margin-bottom: 80px;
    display: inline-block;
    width: 100%;
}
.interview_content h3 {
    font-size: 26px;
    font-weight: 500;
    /* background: #777; */
    padding: 25px 40px;
    margin-bottom: 40px;
    border: solid 2px;
    /* color: #fff; */
    border-radius: 10px;
}
.interview_content .txt:after {
    content: "";
    display: bllock;
    clear: both;
}
.interview_content .txt img {
    width: 640px !important;
    height: auto !important;
    float: right;
    margin: 0 0 20px 25px;
}
.interview_content:nth-child(2n) .txt img {
    width: 640px !important;
    float: left;
    margin: 0 25px 20px 0;
}
.interview_content .txt .question {
    color: #bbbbbb;
    margin-bottom: 20px;
    font-weight: 500;
    line-height: 35px;
    font-size: 20px;
}
.interview_content .txt .answer {
    font-size: 17px;
    line-height: 34px;
    font-weight: 500;
    margin: 0 20px;
}
.interview_detail .main .back {
    margin-top: 20px;
}
.interview_detail .main .back a {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    background: #000;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
}
.interview_detail .side .top_image {
    margin-bottom: 60px;
    width: 65%;
    float: left;
}
.interview_detail .side h3 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 15px 20px;
    /* background: #777; */
    margin-bottom: 20px;
    /* color: #fff; */
    border-radius: 5px;
    border: solid 2px;
    border-radius: 10px;
}
.interview_detail .side .top_image img {
    width: 100% !important;
    height: auto !important;
}
.interview_detail .side .other_interview dl {
    margin: 0 5px 30px 0;
    box-shadow: 5px 5px 0px rgba(0,0,0,0.3);
    position: relative;
    padding: 0 0 10px 0;
}
.interview_detail .side .other_interview dl dt {
    font-size: 16px;
    margin-bottom: 15px;
    padding: 0 12px 0;
    font-weight: 600;
    line-height: 25px;
}
.interview_detail .side .other_interview dl dt .number {
    font-size: 16px;
    color: #777;
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}
.interview_detail .side .other_interview dl dd {
    padding: 0 12px 0;
    margin-bottom: 15px;
    font-weight: 500;
}
.interview_detail .side .other_interview dl dd.thumb {
    height: 160px;
    overflow: hidden;
    margin-bottom: 12px;
    padding: 0;
}
.interview_detail .side .other_interview dl dd.thumb img {
    width: 100% !important;
    height: auto !important;
}
.interview_detail .side .other_interview dl dd.tags {
    margin-bottom: 0;
}
.interview_detail .side .other_interview dl dd.tags ul {
    text-align: left;
    letter-spacing: -1em;
}
.interview_detail .side .other_interview dl dd.tags ul li {
    letter-spacing: normal;
    line-height: 30px;
    padding: 0 1em;
    font-size: 12px;
    display: inline-block;
    background: #ccc;
    border-radius: 5px;
    margin: 0 10px 5px 0;
}
.interview_detail .side .other_interview dl dd.more {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background: none;
    width: auto;
    height: auto;
}
.interview_detail .side .other_interview dl dd.more a {
    padding: 0;
    background: none;
}
.interview_detail .side .other_interview dl dd.more a img {
    display: block;
}
.interview_detail article {
    position: relative;
}
.other_interview {
    float: left;
    width: 30%;
    margin: 0 0 0 5%;
}
.imgdtl{
    height: 680px;
    overflow: auto;
}
.interview_content .txt{
}
.weburl{
    color: darkcyan;
    text-decoration: underline;
}
.interview_detail .main article .shop_info {
    display: inline-block;
    padding: 4% 3%;
    margin: 0 0 60px;
    width: 94%;
    border-radius: 10px;
    border: solid 2px #000;
}
.interview_detail .main article .shop_info a {
}

.interview_detail .main article .shop_info a .thumb {width: 400px;display: block;height: 220px;float: left;background-size: cover;}

.interview_detail .main article .shop_info a h4 {margin: 0 30px;float: left;width: 660px;font-size: 22px;font-weight: 600;line-height: 130%;}

.interview_detail .main article .shop_info .weburl {float: left;width: 660px;margin: 20px 30px;font-size: 16px;}

.interview_detail .main article .shop_info .weburl a {
}

.interview_detail .main article .shop_info p {float: left;width: 660px;margin: 0px 30px;font-size: 16px;}

.interview_detail .main article .shop_info ul {
}

.interview_detail .main article .shop_info ul li {
}
.interview_detail article .shop_info ul {
    float: left;
    padding: 20px 30px;
    letter-spacing: -1em;
}
.interview_detail article .shop_info ul li {
    line-height: 30px;
    font-size: 12px;
    padding: 0 1em;
    background: #ccc;
    border-radius: 5px;
    display: inline-block;
    letter-spacing: normal;
    margin: 0 10px 5px 0;
}
a:hover div{
    opacity: 0.8;
}
a:hover h3{
    opacity: 0.8;
}
a:hover h4{
    opacity: 0.8;
}
.service-txt7 {
    line-height: 1.5;
    /* margin-right: 30px; */
    }
.service-txt7 > p {
    margin-bottom: 20px;
    font-size: 18px;
    letter-spacing: 1px;
    }
.service-more7 a {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    background: #5b6264;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
    }
.interview .flex-direction-nav {
    position: absolute;
    top: 0;
    bottom: 60px;
    height: 43px;
    margin: auto;
    width: 100%;
}
.interview .flex-direction-nav li {
    position: absolute !important;
    height: 43px;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0 !important;
}
.interview .flex-nav-prev {
    left: 0;
}
.interview .flex-nav-next {
    right: 0;
}
.interview a.flex-next, .interview a.flex-prev {
    display: block;
    height: 60px;
    color: #999;
    font-weight: bold;
    text-decoration: none !important;
    opacity: 1 !important;
    width: 38px !important;
    text-indent: -9999px;
    top: 0% !important;
}
.flexslider .flex-direction-nav .flex-prev {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/new/images/abisu/arrow1.jpg) !important;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1 !important;
    left: -50px;
}
.flexslider .flex-direction-nav .flex-next {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/new/images/abisu/arrow2.jpg) !important;
    text-indent: 9999px;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1 !important;
    right: -50px;
}
.interview .flex-direction-nav a:before {
    display: none !important;
}
.interview .flexslider .flex-direction-nav .flex-next:hover {
    opacity: 0.5 !important;
    right: -50px !important;
}
.interview .flexslider .flex-direction-nav .flex-prev:hover {
    opacity: 0.5 !important;
    left: -50px !important;
}
/*abisu------------------------------------------------------------------*/
.clearfix:after {
    display: block;
    content: "";
    clear: both;
}
.abisu_nav {
    margin-bottom: 70px;
}
.abisu_nav ul {
    width: 960px;
    margin: auto;
}
.abisu_nav ul:after {
    display: block !important;
    content: "";
    clear: both !important;
}
.abisu_nav li {
    float: left;
    width: 20%;
    text-align: center;
    padding-bottom: 10px;
}
.abisu_nav li.st {
    border-bottom: 2px;
    border-color: #333333;
    border-style: solid;
}
.abisu_nav li a {
    display: block;
    font-family: HiraKakuPro;
    color: #333333;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}
.abisu_nav li a .e {
    display: block;
    text-align: center;
    font-family: HiraKakuPro;
    color: #b2b2b2;
    font-size: 8px;
    line-height: 1;
    font-weight: normal;
}
.abisu_top {
    width: auto;
    float: none;
    padding: 0;
    border: none;
    margin: 0;
}
.abisu_image {
    margin-bottom: 40px;
}
.abisu_image img {
    width: 100% !important;
    height: auto !important;
    margin: auto !important;
    display: block !important;
    text-align: center !important;
}
.abisu_top h2 {
    color: #333333;
    font-size: 20px;
    text-shadow: 0px 1px 2px rgba(4, 0, 0, 0.1);
    position: relative;
    padding-left: 50px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #d2d2d2;
    line-height: 1.3;
}
.abisu_top h2 .sub {
    display: block;
    color: #b2b2b2;
    font-size: 12px;
    text-align: left;
    text-shadow: 0px 1px 2px rgba(4, 0, 0, 0.1);
}
.abisu_top h2 img {
    position: absolute;
    left: 0;
    top: 0;
}
.abisu_top1 {
    margin-bottom: 80px;
}
.abisu_top1 .pic {
    text-align: center;
    margin-bottom: 30px;
}
.abisu_top1 .txt {
    width: 650px;
    margin: auto;
    font-size: 13px;
    line-height: 24px;
    color: #333;
}
.abisu_top2 {
    margin-bottom: 80px;
}
.abisu_top2 .inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.abisu_top2 .inner dl {
    float: left;
    width: 225px;
    margin-right: 20px;
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 31px;
}
.abisu_top2 .inner dl:nth-of-type(6n+1) {
    width: 460px;
    margin-right: 40px;
}
.abisu_top2 .inner dl:nth-of-type(6n+1) dd.pic {
    height: 215px;
}
.abisu_top2 .inner dl:nth-of-type(6n+2) {
    margin-right: 0;
    width: 460px;
}
.abisu_top2 .inner dl:nth-of-type(6n+2) dd.pic {
    height: 215px;
}
.abisu_top2 .inner dl:nth-of-type(6n+6) {
    margin-right: 0;
}
.abisu_top2 .inner dl dt {
    text-align: center;
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    height: 44px;
}
.abisu_top2 .inner dl dd.pic {
    text-align: center;
    margin-bottom: 30px;
    height: 181px;
}
.abisu_top2 .inner dl dd.txt {
    text-align: center;
    margin-bottom: 20px;
}
.abisu_top2 .inner dl dd.more {
    position: absolute;
    bottom: 0;
    right: 10px;
    padding: 0;
}
.abisu_top3 {
    margin-bottom: 60px;
}
.abisu_top3 .left {
    float: left;
    width: 380px;
    margin-right: 105px;
}
.abisu_top3 .left li {
    margin-bottom: 20px;
    color: #333333;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    padding-left: 35px;
}
.abisu_top3 .left li img {
    position: absolute;
    left: 0;
    top: 1px;
}
.abisu_top3 .right {
    float: right;
    width: 474px;
    color: #333333;
    font-size: 14px;
    line-height: 22px;
}
.abisu_top3 .right .txt {
    margin-bottom: 20px;
}
.abisu_top4 {
    margin-bottom: 40px;
}
.abisu_top4 .inner {
    width: 840px;
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.abisu_top4 .inner dl {
    float: left;
    width: 400px !important;
    box-sizing: border-box;
    padding: 30px;
    border: solid 3px #9a9a9a;
    margin-right: 40px;
}
.abisu_top4 .inner dl:nth-of-type(2n) {
    margin-right: 0;
}
.abisu_top4 .inner dl dd.txt {
    margin-top: 20px;
    color: #333333;
    font-size: 13px;
    line-height: 14px;
}
.abisu_top4 .flex-prev {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/new/images/abisu/arrow1.jpg) !important;
    text-indent: -9999px;
    width: 38px;
    height: 60px;
    opacity: 1 !important;
}
.abisu_top4 .flexslider .flex-prev:hover {
    opacity: 0.6 !important;
}
.abisu_top4 .flex-next {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/new/images/abisu/arrow2.jpg) !important;
    text-indent: 9999px !important;
    width: 38px;
    height: 60px;
    opacity: 1 !important;
}
.abisu_top4 .flexslider .flex-next:hover {
    opacity: 0.6 !important;
}
.abisu_top5 {
    margin-bottom: 40px;
}
.abisu_top5 li {
    float: left;
    width: 457px;
    margin-bottom: 20px;
    color: #333333;
    font-size: 14px;
    line-height: 1.3;
    margin-right: 45px;
    position: relative;
    padding-left: 25px;
    box-sizing: border-box;
}
.abisu_top5 li:nth-of-type(2n) {
    margin-right: 0;
}
.abisu_top5 li .q {
    position: absolute;
    left: 0;
    top: -4px;
    color: #7c86d4;
    font-size: 18px;
    font-weight: bold;
}
.abisu_top6 {
    width: 480px;
    margin: auto;
    box-sizing: border-box;
    border: solid 3px #9a9a9a;
    display: block;
    cursor: pointer;
}
.abisu_top6 a {
    display: block;
}
.abisu_top6 .contact {
    border-left: solid 5px #d47c7c;
    padding-left: 25px;
    padding-right: 67px;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    padding-top: 5px;
    height: 52px;
    margin: 45px;
}
.abisu_top6 .contact .sub {
    color: #b2b2b2;
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    font-weight: normal;
}
.abisu_top6 .contact img {
    position: absolute;
    top: 0;
    right: 0;
}
.abisu_contact {
    width: auto;
    float: none;
    padding: 0;
    border: none;
}
.abisu_contact .consult-balloon {
    background: url(/import/tenant_8/sougou.web-marketing.ai/import/tenant_6/49.212.201.29/akamon_unisonplanet/static/page/new/images/contact.png) no-repeat;
    padding: 40px 0 100px;
    margin: auto;
    margin-bottom: 41px;
}
.abisu_contact  {
    padding: 0 40px;
}
.abisu_contact .contact-form {
    padding: 0 40px;
}
.abisu_contact .contact_kaku {
    padding: 0 40px;
}
.abisu_contact .contact_kaku2 {
    padding: 0 40px;
}
.abisu_contact .long_long_long_long_come {
    float: none;
    padding: 18px 0px 18px 190px;
}
.abisu_contact .long {
    width: 100%;
    box-sizing: border-box;
}
.abisu_contact .long_long {
    width: auto;
}
.abisu_contact .form-content {
    width: 100%;
    box-sizing: border-box;
}
.abisu_faq {
    padding: 0;
    width: auto;
    box-sizing: border-box;
    float: none;
    border: none;
    margin: 0;
}
.abisu_faq dl {
    border-bottom: solid 1px;
    border-color: #d2d2d2;
    border-style: dashed;
    padding-bottom: 35px;
    margin-bottom: 35px;
}
.abisu_faq dl:first-of-type {
    padding-top: 15px;
}
.abisu_faq dl:last-of-type {
    margin-bottom: 0;
}
.abisu_faq dl dt {
    font-family: HiraKakuPro;
    color: #333333;
    font-size: 14px;
    text-align: left;
    position: relative;
    font-weight: bold;
    padding-left: 30px;
    line-height: 1.5;
}
.abisu_faq dl dt .q {
    font-family: HiraKakuPro;
    color: #7c86d4;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: -5px;
    left: 0;
}
.abisu_faq dl dd {
    font-family: HiraKakuPro;
    color: #333333;
    font-size: 14px;
    text-align: left;
    position: relative;
    padding-left: 30px;
    margin-left: 40px;
    line-height: 40px;
}
.abisu_faq dl dd .a {
    font-family: HiraKakuPro;
    color: #d47c7c;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0;
}
.abisu_faq .st-accordion > ul > li > a[href="#"] {
    display: block;
}
.abisu_faq .st-accordion > ul > li > a[href="#"]:hover {
    text-decoration: underline;
}
.abisu_faq dl li .st-content {
    margin-top: 10px;
}
.abisu_voice {
    padding: 0;
    width: auto;
    box-sizing: border-box;
    float: none;
    border: none;
    margin: 0;
}
.abisu_nav_voice {
    display: none;
}
.abisu_voice_box {
    padding: 40px;
    margin-bottom: 40px;
    border: solid 2px #9a9a9a;
}
.abisu_voice_box:last-of-type {
    margin-bottom: 0;
}
.abisu_voice_box:after {
    display: block;
    content: "";
    clear: both;
}
.abisu_voice_box .pic {
    width: 330px;
    position: relative;
    z-index: 10;
    float: left;
    margin-right: 40px;
}
.abisu_voice_box .pic:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #9a9a9a;
    position: absolute;
    bottom: -5px;
    right: -7px;
    z-index: -1;
}
.abisu_voice_box:nth-child(2n) .pic {
    float: right;
    margin-right: 0;
    margin-left: 40px;
}
.abisu_voice_box dl {
    width: 506px;
    float: right;
}
.abisu_voice_box:nth-of-type(2n) dl {
    float: left;
}
.abisu_voice_box dl dt {
    color: #333333;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 20px;
}
.abisu_voice_box dl dd {
    color: #333333;
    font-size: 13px;
    line-height: 14px;
    text-align: left;
}
.abisu_con {
    padding: 0;
    width: auto;
    box-sizing: border-box;
    float: none;
    border: none;
    margin: 0;
}
.abisu_con h2.abisu_title {
    color: #01a0c7;
    font-size: 20px;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: solid 1px #d2d2d2;
}
.abisu_con h2.abisu_title .abisu_sub {
    display: block;
    color: #333;
    font-size: 16px;
    margin-top: 5px;
}
.abisu_box1 {
    margin-top: 40px;
    margin-bottom: 80px;
}
.abisu_box1 .inner .pic {
    float: left;
    width: 40%;
    margin-right: 5%;
}
.abisu_box1 .inner .pic img {
    width: 100%;
}
.abisu_box1 .inner .txt {
    float: right;
    width: 55%;
    color: #333333;
    font-size: 13px;
    line-height: 22px;
    margin-top: 60px;
}
.abisu_box2 .inner1 {
    margin-bottom: 40px;
}
.abisu_box2 .inner1 .pic {
    width: 425px;
    margin: auto;
    margin-bottom: 40px;
}
.abisu_box2 .inner1 .txt {
    width: 658px;
    margin: auto;
    font-size: 14px;
    line-height: 22px;
}
.abisu_box2 .inner2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.abisu_box2 .inner2 dl {
    float: left;
    width: 460px;
    margin-right: 40px;
    position: relative;
    border: solid 2px #999999;
    box-sizing: border-box;
    margin-bottom: 40px;
    background: #fff;
}
.abisu_box2 .inner2 dl:nth-of-type(2n) {
    margin-right: 0;
}
.abisu_box2 .inner2 dl:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 100%;
    height: 100%;
    background: #ddd;
    z-index: -1;
}
.abisu_box2 .inner2 dt {
    color: #01a0c7;
    font-size: 18px;
    text-align: center;
    padding: 15px 20px;
    border-bottom: solid 2px #999;
    font-weight: bold;
}
.abisu_box2 .inner2 dt .sub {
    display: block;
    color: #333;
    font-size: 14px;
    margin-top: 10px;
    font-weight: normal;
}
.abisu_box2 .inner2 dt.mt .sub {
    margin-top: 28px;
}
.abisu_box2 .inner2 .pic {
    padding: 10px;
    padding-top: 20px;
    text-align: center;
}
.abisu_box2 .inner2 dd {
    text-align: center;
    padding: 10px 0;
}
.abisu_box3 {
    margin-top: 40px;
    margin-bottom: 80px;
}
.abisu_box3 .pic {
    text-align: center;
    margin-bottom: 30px;
}
.abisu_box3 .txt {
    width: 665px;
    margin: auto;
    color: #333333;
    font-size: 14px;
    line-height: 22px;
}
.abisu_box4 .inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.abisu_box4 dl {
    float: left;
    width: 460px;
    margin-right: 40px;
    margin-bottom: 40px;
}
.abisu_box4 dl:nth-of-type(2n) {
    margin-right: 0;
}
.abisu_box4 dl dt {
    color: #01a0c7;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 0 40px;
    padding-bottom: 10px;
    margin-bottom: 40px;
    border-bottom: solid 1px #d2d2d2;
}
.abisu_box4 dl dt .sub {
    font-size: 16px;
    margin-top: 5px;
    display: block;
    color: #333;
}
.abisu_box4 dl dd.pic {
    text-align: center;
    margin-bottom: 40px;
}
.abisu_box4 dl dd {
    color: #333333;
    font-size: 14px;
    line-height: 22px;
}
.abisu_box4 dl dd.mt {
    margin-top: 103px;
}
/*--------------住所追加分20190606------------------*/
.flexc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	justify-content: center;
}

.rei01 .pic {
	width: 177px !important;
	height: auto !important;
	margin: 0 auto;
	display: block;
	margin-bottom: 60px;
}

.rei01 {
	background-color: #eee;
}

.rei01 dl {
	padding: 20px 10px;
	border: solid 2px #d9d9d9;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	line-height: 150%;
  font-size: 12px;
}

.rei01 dt {
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 4px;
}


.rei01 .c3 li {
	width: 23%;
	margin: 0 1% 3% 1%;
}

.rei01 .c3 li:nth-of-type(1),
.rei01 .c3 li:nth-of-type(2) {
	width: 40%;
	margin: 0 1% 3% 1%;
}

.rei01 .c3 li {
	width: 30%;
	margin: 0 1% 3% 1%;
}

@media only screen and (max-width: 1024px) {
  .flexc.c3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: initial;
	-ms-flex-pack: initial;
	justify-content: initial;
	max-width: 750px;
  margin: 0 auto;
}

	.rei01 .c3 li,
	.rei01 .c3 li:nth-of-type(1),
	.rei01 .c3 li:nth-of-type(2),
	.rei01 .c3 li:nth-of-type(3) {
		width: 47%;
		margin: 0 1% 3% 1%;
	}
	.rei01 .c3 li:nth-of-type(odd){
	  	margin-left:2%;
	}
		.rei01 .c3 li:nth-of-type(even){
	  	margin-right:2%;
	}

	.rei01 dl {
		padding: 15px 10px;
		text-align: center;
	}
	
}

@media only screen and (max-width: 599px) {
  .rei01 .pic{
   margin-bottom: 40px;
  }
  .flexc.c3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	justify-content: center;
}

	.rei01 .c3 li,
	.rei01 .c3 li:nth-of-type(1),
	.rei01 .c3 li:nth-of-type(2),
	.rei01 .c3 li:nth-of-type(3),
	.rei01 .c3 li:nth-of-type(even),
	.rei01 .c3 li:nth-of-type(odd){
		width: 80%;
		margin: 0 10% 4% 10%;
		max-width: 350px;
	}

	.rei01 dl {
		padding: 15px 10px;
	}
}

/*--------------住所追加分------------------*/
/*--------------プライバシーポリシー追加分------------------*/

.contact_box .privacy-policy .privacy-head h3 {
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}

.contact_box .privacy-policy .pp_area{
    height: 300px;
    overflow: auto;
    background: #efefef;
    padding: 1rem 3rem;
    -webkit-overflow-scrolling: touch;
}

/*--------------order_number追加分------------------*/

.none {
  display: none;
}



























.office-tablist {
    width: 48%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(128, 128, 128, 0.8);
    box-shadow: 0px 0px 15px -1px rgba(128, 128, 128, 0.8);
}

.tablist-cont--col2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tablist-cont--col2 .office-tablist {
    width: calc((100% - 30px) / 2);
    margin: 0;
}

.office-tablist-inner{
  padding:30px;
  text-align: left;
}

.office-tablist .map iframe {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    margin-top:10px;
    width:100%;
}

.ttl-cmn-07 {
    font-size: 24px;
    text-align: left;
}

.ttl-cmn-07::after {
    content: "";
    width: 50px;
    height: 2px;
    display: block;
    margin: 10px 0 15px;
    background-color: #000;
}

.color-cmn-contrast .ttl-cmn-07::after {
    background-color: #fff;
}