html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: "AXIS Font Japanese W55", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic ProN", "���C���I", Meiryo, sans-serif;
    font-weight: 100 !important;
    font-style: normal;
    margin: 0;
    padding: 0;
    color: #575757;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cf:before,
.cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    zoom: 1
}

p {
    font-weight: 400
}

a {
    background-color: transparent;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear
}

.opa {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear
}

.opa:hover {
    opacity: 0.6
}

.headerWrap {
    height: 70px;
    background-color: #000;
    position: relative
}

.headerWrap .header {
    width: 980px;
    margin: 0 auto;
    position: relative
}

.headerWrap .logo {
    position: absolute;
    left: 0;
    top: 0
}

.headerWrap .navi {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.headerWrap .navi li {
    display: inline-block;
    float: left;
    font-family: 'Myriad W01', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 1.2rem;
    letter-spacing: 0.6px
}

.headerWrap .navi a {
    color: #fff;
    display: block;
    text-decoration: none;
    height: 70px;
    padding: 30px 25px 0 25px;
    box-sizing: border-box;
    -webkit-transition-property: none;
    transition-property: none
}

.headerWrap .navi a:hover {
    color: #e8b78c
}

.headerWrap .navi .contact a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    background-color: #e8b78c;
    height: 70px;
    padding: 30px 25px 0 25px;
    box-sizing: border-box;
    -webkit-transition-property: none;
    transition-property: none
}

.headerWrap .navi .contact a:hover {
    color: #000
}

.headerWrap .navi .contact a:after {
    content: url('../images/common/arrow_fff.png');
    position: relative;
    top: -3px;
    margin-left: 5px
}

.headerWrap .navi .contact span {
    position: relative;
    top: -8px
}

.headerWrap .navi .contact a:hover:after {
    content: url('../images/common/arrow_000.png');
    position: relative;
    top: -3px;
    margin-left: 5px
}

body#adplatform li.adplatform a,
body#blade li.blade a,
body#compass li.compass a {
    color: #e8b78c
}

.footerWrap {
    background-color: #000;
    color: #fff
}

.footerWrap a {
    color: #fff;
    text-decoration: none
}

.footerWrap .footer {
    width: 980px;
    margin: 0 auto;
    padding: 30px 0;
    position: relative
}

.footerWrap .logo {
    margin-bottom: 70px
}

.footerWrap .sns {
    position: absolute;
    left: 220px;
    top: 37px
}

.footerWrap .sns li {
    float: left;
    display: inline-block;
    font-size: 1.2rem;
    margin-right: 30px
}

.footerWrap .sns .fb a:before {
    content: "\f09a";
    font-family: FontAwesome;
    font-size: 1.4rem;
    margin-right: 10px
}

.footerWrap .sns .fb a:hover {
    color: #426dc5
}

.footerWrap .sns .tw a:before {
    content: "\f099";
    font-family: FontAwesome;
    font-size: 1.4rem;
    margin-right: 10px
}

.footerWrap .sns .tw a:hover {
    color: #55acee
}

.footerWrap .PageFooter-links {
    margin-bottom: 10px
}

.footerWrap .PageFooter-links .PageFooter-links-list {
    float: right
}

.footerWrap .PageFooter-links .PageFooter-links-list li {
    display: inline-block;
    margin-left: 10px;
    font-size: 1.1rem
}

.footerWrap .PageFooter-links .PageFooter-links-list li:after {
    content: " / ";
    color: #999999;
    display: inline-block;
    margin: 0 0 0 10px
}

.footerWrap .PageFooter-links .PageFooter-links-list li:last-child:after {
    content: "";
    color: #999999;
    display: inline-block;
    margin: 0 0 0 10px
}

.footerWrap .PageFooter-links .PageFooter-links-list li a {
    color: #999999
}

.footerWrap .PageFooter-links .PageFooter-links-list li a:hover {
    text-decoration: underline
}

.footerWrap .PageFooter-links .PageFooter-copyright {
    float: left
}

.footerWrap .PageFooter-award {
    border-left: 1px solid #999999;
    position: absolute;
    right: 0;
    top: 25px
}

.footerWrap .PageFooter-award .PageFooter-award-title {
    padding: 0 0 15px 20px;
    font-size: 1.2rem;
    font-weight: normal
}

.footerWrap .PageFooter-award .PageFooter-award-list {
    padding: 0 0 0 20px
}

.footerWrap .PageFooter-award .PageFooter-award-list li {
    display: inline-block;
    margin-right: 15px
}

.home {
    margin-bottom: 100px
}

.home h2 {
    font-size: 4.2rem;
    text-align: center;
    margin: 60px 0 55px 0;
    font-family: 'Myriad W01', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-weight: 100;
    letter-spacing: 2.2px
}

.home .copy {
    background-color: #b4c9c5;
    padding: 40px 0;
    margin-bottom: 70px
}

.home .copy p {
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.2;
    width: 860px;
    margin: 0 auto;
    font-weight: lighter
}

.home .home_links {
    overflow: hidden
}

.home .home_links .app {
    position: relative;
    width: 490px;
    height: 235px
}

.home .home_links .app .app_link {
    position: absolute;
    left: 273px;
    top: 75px
}

.home .home_blade {
    float: left;
    width: 50%
}

.home .home_blade img {
    margin-bottom: 25px
}

.home .home_compass {
    float: left;
    width: 50%
}

.home .home_compass img {
    margin-bottom: 25px
}

.home .link {
    text-align: center
}

.home .link a {
    width: 160px;
    display: inline-block;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    padding: 8px 0 10px 0;
    font-size: 1.2rem;
    border-radius: 25px
}

.home .link a:hover {
    background-color: #dddddd;
    color: #000
}

.detail .section {
    margin-bottom: 60px
}

.detail .kv {
    text-align: center;
    margin: 110px auto
}

.detail .kvuniverseads {
    text-align: center;
    margin: 80px auto 40px auto;
}

.detail .obi {
    background-color: #b4c9c5
}

.detail .obi h2 {
    width: 980px;
    text-align: center;
    margin: auto auto 50px auto;
    padding: 25px 0;
    font-size: 2.2rem;
    letter-spacing: 2px;
    color: #fff
}

.detail p.text {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4rem;
    font-weight: 400;
    color: #666666;
    line-height: 2
}

.detail .btn_contact {
    text-align: center;
    width: 400px;
    height: 70px;
    margin: 0 auto
}

.detail .btn_contact a {
    display: inline-block;
    width: 400px;
    height: 70px;
    margin: 0 auto;
    background-color: #e8b78c;
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    padding-top: 20px;
    box-sizing: border-box;
    font-family: 'Myriad W01', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-weight: 300;
    letter-spacing: 1px
}

.detail .btn_contact a :after {
    content: url('../images/common/arrow_fff.png');
    position: relative;
    padding-left: 6px;
    top: 5px
}

.detail .btn_contact a:hover {
    background-color: #000
}

.detail h4.related_service {
    text-align: center;
    margin-bottom: 20px
}

.detail h4.related_service span {
    color: #ffffff;
    background-color: #878787;
    border-radius: 16px;
    display: inline-block;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 1.2rem
}

.detail .links {
    text-align: center
}

.detail .tokuchoWrap {
    margin-bottom: 100px
}

.detail .tokuchoWrap .thumb {
    margin-bottom: 25px
}

.detail .tokuchoWrap .tokucho p {
    color: #61b4a8;
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 20px;
    min-height: 190px
}

.detail .tokuchoWrap .related {
    font-family: 'Myriad W01', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 2rem
}

.detail .tokuchoWrap .related li {
    margin-bottom: 15px
}

.detail .tokuchoWrap .related a {
    color: #727171;
    text-decoration: none;
    position: relative;
    left: -10px
}

.detail .tokuchoWrap .related a:before {
    content: "\f0da";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #fff
}

.detail .tokuchoWrap .related a:hover {
    color: #61b4a8
}

.detail .tokuchoWrap .related a:hover:before {
    color: #61b4a8
}

.detail .tokuchoWrap_blade .tokucho {
    width: 264px;
    margin: 0 30px;
    float: left
}

.detail .tokuchoWrap_blade .tokucho .networks {
    position: relative;
    left: -30px;
    margin-bottom: 35px
}

.detail .tokuchoWrap_compass {
    width: 800px;
    margin: 0 auto 60px auto
}

.detail .tokuchoWrap_compass .tokucho {
    width: 300px;
    margin: 0 50px;
    float: left
}

.detail .tokuchoWrap_compass .tokucho .networks {
    position: relative;
    left: -30px;
    margin-bottom: 35px
}

.detail .recommend h3 {
    margin-bottom: 10px;
    font-size: 1.6rem
}

.detail .recommend h4 a {
    color: #666666;
    text-decoration: none;
    -webkit-transition-property: none;
    transition-property: none
}

.detail .recommend h4 a:hover {
    color: #61b4a8;
    text-decoration: underline
}

.detail .recommend .box {
    width: 900px;
    margin: 0 auto 40px auto;
    font-size: 1.4rem;
    color: #666666;
    line-height: 1.8
}

.detail .recommend .box p {
    margin-bottom: 25px
}

.detail .recommend .box p a {
    color: #666666;
    text-decoration: none;
    -webkit-transition-property: none;
    transition-property: none
}

.detail .recommend .box p a:hover {
    color: #61b4a8;
    text-decoration: underline
}

.detail .recommend .indent {
    margin-left: 80px
}

.detail .partner h3 {
    margin-bottom: 35px;
    font-size: 1.6rem;
    letter-spacing: 1px
}

.detail .partner .box {
    width: 860px;
    margin: 0 auto 60px auto;
    font-size: 1.4rem;
    color: #666666;
    line-height: 1.8
}

.detail .partner .box_s {
    width: 750px;
    margin: auto
}

.detail .partner .text_r {
    text-align: right;
    font-size: 1.4rem;
    margin-bottom: 130px
}

.detail .banners {
    width: 600px;
    margin: 0 auto;
    overflow: hidden
}

.detail .banners li {
    width: 240px;
    float: left;
    margin: 0 30px
}

.shareTBL {
    width: 500px;
    margin: 0 auto 50px auto;
    font-size: 1.4rem;
    color: #61b4a8
}

.shareTBL th {
    text-align: left;
    padding: 10px 10px 10px 15px;
    border: solid 1px #ddd
}

.shareTBL td {
    padding: 10px 10px 10px 15px;
    border: solid 1px #ddd
}

.inner {
    width: 980px;
    margin: 0 auto
}

.center {
    text-align: center
}

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

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

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

.mb60 {
    margin-bottom: 60px !important
}

.mb80 {
    margin-bottom: 80px !important
}

.mb100 {
    margin-bottom: 100px !important
}

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