@charset "utf-8";

/* ************************************************************
 * キャンペーン用ヘッダートップバナー　背景色設定
 * ************************************************************ */

/* HeaderTopBanner */
#HeaderTopBanner {
    background: #0c8bf2;
}

/* ************************************************************ */



/* ******************************************************* *
 *  共通CTA
 * ******************************************************* */

/*** header ***/

/* wp_header_pamphlet */
a#cta_button_462968_9e809ec5-2a67-4467-b118-e2581395bdf3.btn-cta:hover {
    background: #ebebeb;
    color: #959595;
}
a#cta_button_462968_9e809ec5-2a67-4467-b118-e2581395bdf3.btn-cta:active,
#cta_button_462968_9e809ec5-2a67-4467-b118-e2581395bdf3.btn-cta:active:hover {
    background: #b0b0b0;
    color: #666;
}

/* wp_header_sign-up */
a#cta_button_462968_77a93c82-d4ff-4620-9f28-83bdbd757c75.btn-cta:hover,
a#cta_button_462968_77a93c82-d4ff-4620-9f28-83bdbd757c75.btn-cta:active,
#cta_button_462968_77a93c82-d4ff-4620-9f28-83bdbd757c75.btn-cta:active:hover {
    color: #cbebcc;
}


/*** footer ***/

/* wp_footer_pamphlet */
a#cta_button_462968_36144e2f-fa6f-4e5a-839c-f1a9fdffd219.btn-cta:hover {
    background: #ebebeb;
    color: #959595;
}
a#cta_button_462968_36144e2f-fa6f-4e5a-839c-f1a9fdffd219.btn-cta:active,
#cta_button_462968_36144e2f-fa6f-4e5a-839c-f1a9fdffd219.btn-cta:active:hover {
    background: #b0b0b0;
    color: #666;
}

/* wp_footer_contact */
a#cta_button_462968_97ad61e9-dd08-4ad2-9927-932dacba4544.btn-cta:hover {
    background: #ebebeb;
    color: #959595;
}
a#cta_button_462968_97ad61e9-dd08-4ad2-9927-932dacba4544.btn-cta:active,
#cta_button_462968_97ad61e9-dd08-4ad2-9927-932dacba4544.btn-cta:active:hover {
    background: #b0b0b0;
    color: #666;
}

/* wp_footer_sign-up */
a#cta_button_462968_6fd75f10-579d-4f01-907c-1886387467fc.btn-cta:hover,
a#cta_button_462968_6fd75f10-579d-4f01-907c-1886387467fc.btn-cta:active,
#cta_button_462968_6fd75f10-579d-4f01-907c-1886387467fc.btn-cta:active:hover {
    color: #cbebcc;
}


/*** sample ***/

/* STG_wp_sample_sign-up */
a#cta_button_462968_6bf17d7f-7049-4dc4-b956-de457a2e75a8.btn-cta:hover,
a#cta_button_462968_6bf17d7f-7049-4dc4-b956-de457a2e75a8.btn-cta:active,
#cta_button_462968_6bf17d7f-7049-4dc4-b956-de457a2e75a8.btn-cta:active:hover {
    color: #cbebcc;
}


/* ************************************************************ */

@font-face {/* bug-fix for FireFox */
    font-family: 'arial-black';
    src: local('Arial Black');
}

body {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, sans-serif;
    /*font-family: "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, sans-serif;*/
    /*font-family: Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, sans-serif;*/
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold;
}

a,
a:hover,
a:focus {
    color: #172a88;
    cursor: pointer;
}

::-moz-selection {
    background-color: #bbd8f1;
    color: #fff;
    text-shadow: none;
}
::selection {
    background-color: #bbd8f1;
    color: #fff;
    text-shadow: none;
}


/* Dark Blue */
.svpn-blue1.color {
    color: #172a88;
}
.svpn-blue1.bg-color {
    background-color: #172a88;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
}
.svpn-blue1.bd-color {
    border-color: #172a88;
    border-style: solid;
}

/* Blue */
.svpn-blue2.color {
    color: #008ecc;
}
.svpn-blue2.bg-color {
    background-color: #008ecc;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.05);
}
.svpn-blue2.bd-color {
    border-color: #008ecc;
    border-style: solid;
}

/* Light Blue */
.svpn-blue3.color {
    color: #bbd8f1;
}
.svpn-blue3.bg-color {
    background-color: #bbd8f1;
}
.svpn-blue3.bd-color {
    border-color: #bbd8f1;
    border-style: solid;
}

/* padding */
.padding0tb {
    padding-bottom: 0;
    padding-top: 0;
}
.padding05emtb {
    padding-bottom: .5em;
    padding-top: .5em;
}
.padding1emtb {
    padding-bottom: 1em;
    padding-top: 1em;
}
.padding15emtb {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
}
.padding2emtb {
    padding-bottom: 2em;
    padding-top: 2em;
}
.padding25emtb {
    padding-bottom: 2.5em;
    padding-top: 2.5em;
}
.pdtb-half {
    padding-bottom: 2.5em;
    padding-top: 2.5em;
}
.padding3emtb {
    padding-bottom: 3em;
    padding-top: 3em;
}
.padding35emtb {
    padding-bottom: 3.5em;
    padding-top: 3.5em;
}
.padding4emtb {
    padding-bottom: 4em;
    padding-top: 4em;
}
.padding45emtb {
    padding-bottom: 4.5em;
    padding-top: 4.5em;
}
.padding5emtb {
    padding-bottom: 5em;
    padding-top: 5em;
}

/* Alignment */
.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}
.alignright {
	float: right;
	margin: 0 0 1em 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: .5em auto;
}
.alignnone {
	clear: both;
}

/* text-normal */
.text-normal {
    font-weight: normal;
}

/* display-table */
.d-table {
    display: table;
    *display: block;
    width: 100%;
}
.d-table-row {
    display: table-row;
    *display: block;
    width: 100%;
}
.d-table-cell {
    display: table-cell;
    *display: inline;
    *zoom: 1;
    float: none;
    vertical-align: middle;
}

/* list-inline (for lt-ie8) */
.list-inline > li {
    *display: inline;
    *zoom: 1;
}

/* table-blue */
.table-blue {
    border-width: 0;
}
.table-blue > thead > tr > th,
.table-blue > tbody > tr > th,
.table-blue > tfoot > tr > th,
.table-blue > thead > tr > td,
.table-blue > tbody > tr > td,
.table-blue > tfoot > tr > td {
    border-color: #fff;
    border-width: 3px;
    vertical-align: middle;
}
.table-blue > thead > tr > th {
    background: #008ecc;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,.05);
}
.table-blue > tbody > tr > th,
.table-blue > tbody > tr > td {
    background: #f5f5f5;
}
.table-blue > tbody > tr.total > th,
.table-blue > tbody > tr.total > td {
    background: #ccc;
    font-weight: bold;
}
.table-blue > tbody > tr > td {
    text-align: right;
}

/* table-gray */
.table-gray,
.table-gray > thead > tr > th,
.table-gray > tbody > tr > th,
.table-gray > tfoot > tr > th,
.table-gray > thead > tr > td,
.table-gray > tbody > tr > td,
.table-gray > tfoot > tr > td {
    border-color: #c2c2c2;
    border-width: 1px;
    vertical-align: middle;
}
.table-gray > thead > tr > th {
    background: #dbdbdb;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.table-gray > tbody > tr > th {
    background: #f5f5f5;
    font-weight: normal;
}
.table-gray > tbody > tr > td {
    text-align: right;
}
.table-gray > tbody > tr > td.text-left {
    text-align: left;
}

/* balloon-box */
.balloon-box {
    background: #f5f5f5;
    padding: 1em 1.5em;
    position: relative;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.balloon-box:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 16px solid transparent;
}
.balloon-box h3,
.balloon-box h4 {
    border-width: 0 0 3px;
    margin-bottom: 1em;
    padding-bottom: .5em;
}
/* - left-top */
.balloon-box.left-top {
    margin-left: 1em;
}
.balloon-box.left-top:before {
    border-right-color: #f5f5f5;
    top: 8%;
    right: 100%;
}
/* - top-left */
.balloon-box.top-left {
    margin-top: 1em;
}
.balloon-box.top-left:before {
    border-bottom-color: #f5f5f5;
    left: 5%;
    top: -17%;
}
/* - right-center */
.balloon-box.right-center {
    margin-right: 1em;
}
.balloon-box.right-center:before {
    border-left-color: #f5f5f5;
    right: -8%;
    top: 42%;
}
/* - right-top */
.balloon-box.right-top {
    margin-right: 1em;
}
.balloon-box.right-top:before {
    border-left-color: #f5f5f5;
    top: 8%;
    left: 100%;
}



/* ebook-image */
.ebook-image {
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
}

/* link-underline */
a.link-underline {
    text-decoration: underline;
}
a.link-underline:hover {
    text-decoration: none;
}

/* widget_hubspot_action_widget */
.widget_hubspot_action_widget p {
    display: inline;
    margin: 0;
}
.widget_hubspot_action_widget br {
    display: none;
}

/* noscript-msg */
.noscript-msg p {
    color: #c00;
    font-weight: bold;
}

/*** GLOBAL HEADER ***/
#GlobalHeader .navbar {
    border-radius: 0;
    margin-bottom: 0;
}
#GlobalHeader h1 {
    margin-bottom: 0;
    margin-top: 0;
}
#Brand > .container > .d-table {
    padding-bottom: .5em;
    padding-top: .5em;
}
#Brand h1.d-table-cell {
    width: 232px;
}
#Brand .d-table-cell.tagline {
    font-size: .8em;
}
#Brand .d-table-cell.right-container {
    padding-left: 1em;
    text-align: right;
    width: 330px;
}
#menu-header-text-link,
#Brand .partner-link {
    font-size: .8em;
    margin-bottom: 0;
}
#menu-header-text-link li.at-nifty-text-link {
    margin-right: 3.75em;
}
#menu-header-text-link li a > .fa,
#Brand .partner-link a > .fa {
    margin-right: .4em;
}
#Brand address {
    line-height: 1.2;
    margin-bottom: 0;
}
#Brand address > img {
    vertical-align: baseline;
}
#Brand .tel {
    font-family: "Arial Black", arial-black, Arial, sans-serif; 
    font-size: 2.2em;
}
#Brand .tel > span {
    font-family: Arial, sans-serif;
    line-height: 1.125;
    vertical-align: top;
}
#Brand .tel.pc {
    display: inline;
}
#Brand .tel.touch {
    display: none;
}
html.touchevents #Brand .tel.pc {
    display: none;
}
html.touchevents #Brand .tel.touch {
    display: inline;
    /*font-weight: bold;*//* firefoxで誤判定されるので一旦非適用 */
}
html.touchevents #Brand .tel a {
    color: inherit;
}
html.touchevents #Brand .tel a:hover,
html.touchevents #Brand .tel a:active {
    text-decoration: none;
}



#GlobalNavigation.svpn-blue1 {
    border: 0 none;
}
#GlobalNavigation.svpn-blue1 .navbar-nav > li > a {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
}
#GlobalNavigation.svpn-blue1 .navbar-nav > li > a:hover,
#GlobalNavigation.svpn-blue1 .navbar-nav > li > a:focus,
#GlobalNavigation.svpn-blue1 .navbar-nav > .active > a,
#GlobalNavigation.svpn-blue1 .navbar-nav > .active > a:hover,
#GlobalNavigation.svpn-blue1 .navbar-nav > .active > a:focus {
    background-color: #43529e;
}
#GlobalNavigation .hs-cta-img,
#GlobalNavigation .btn-cta {
    margin-top: 10px;
}

/*** MAIN ***/
#Main {
    font-size: 1.142857em;/*16px*/
    line-height: 1.5;
}

/* social-buttons */
.social-list {
    float: right;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
.social-list li {
    float: left;
    height: 27px;
    overflow: visible;
    width: auto;
}
.social-list li.fb {
    margin-right: 20px;
}
.social-list li.tw .twitter-share-button {
    margin-right: 1em;
}
.social-list li.gp {
    overflow: hidden;
    width: 60px;
}

/* entry-title */
.entry-title {
    margin-bottom: 1em;
}

/* entry-content --------------------------------------------------- */
.entry-content p {
    margin: 1em 0;
}
.entry-content p:first-child {
    margin-top: 0;
}
.entry-content p:empty {
    margin: 0;
}

/* notice */
.entry-content .notice {
    border-bottom: solid 2px #f00;
    border-top: solid 2px #f00;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
    width: 80%;
}
.entry-content .notice > h2 {
    color: #f00;
    font-size: 1.25em;
}
.entry-content .notice > p {
    font-size: .875em;
}
.entry-content .notice dl {
    margin-left: 2em;
}
.entry-content .notice dt,
.entry-content .notice dd {
    margin-top: .5em;
}
.entry-content .notice dt:first-child {
    margin-top: 0;
}
.entry-content .notice dt {
    font-weight: 300;
    text-align: left;
    width: 8em;
}
.entry-content .notice dd {
    font-weight: 700;
    margin-left: 0;
}

/* contents-navigation */
.contents-navigation {
    border-width: 2px 0;
    margin: 2.5em 0;
}
.contents-navigation > ul {
    margin-bottom: 0;
}
.contents-navigation > ul > li {
    padding-left: 10px;
    padding-right: 10px;
}
.contents-navigation .fa {
    margin-left: .5em;
}

/* contents */
.contents {
    margin: 5em 0;
}
.contents-navigation + .contents,
#Accordion > .contents:first-child {
    margin-top: 0;
}

/* section-header */
.section-header {
    margin-bottom: 1em;
    padding: .5em 1em;
}
.section-header > .section-title {
    border-width: 0 0 0 10px;
    line-height: 1.2;
    margin: 0;
    padding: .1em 0 0 .5em;
}

/* btn-collapse */
.btn-collapse {
    background: rgb(235,235,235);
    background: -moz-linear-gradient(top, rgb(235,235,235) 0%, rgb(209,209,209) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(235,235,235)), color-stop(100%,rgb(209,209,209)));
    background: -webkit-linear-gradient(top, rgb(235,235,235) 0%,rgb(209,209,209) 100%);
    background: -o-linear-gradient(top, rgb(235,235,235) 0%,rgb(209,209,209) 100%);
    background: -ms-linear-gradient(top, rgb(235,235,235) 0%,rgb(209,209,209) 100%);
    background: linear-gradient(to bottom, rgb(235,235,235) 0%,rgb(209,209,209) 100%);
    border: 0 none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    margin-top: .1em;
    padding: 4px;
    width: 80px;
}
.btn-collapse .fa {
    margin-right: .25em;
}
.btn-collapse:hover {
    background: #ebebeb;
    color: #959595;
}
.btn-collapse:active {
    background: #b0b0b0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);
    color: #666;
}

/* cta-buttons-box */
.entry-content .cta-buttons-box {
    background: #f5f5f5; 
}
.entry-content .cta-buttons-box ul,
.entry-content .cta-buttons-box p {
    margin: 0;
}
.entry-content .cta-buttons-box br {
    display: none;
}
.entry-content .cta-buttons-box .cta_button br {
    display: inline;
}

/* cloud-img */
img.cloud-img {
    margin-right: .5em;
    width: 16px;
}

/* not-found */
.not-found .page-header {
    border-bottom: 0 none;
    padding-bottom: 0;
}

/*** GLOBAL FOOTER ***/
#GoToPageTop,
#GoToPageTop a {
    display: none;
}
@media (min-width:981px) {
    #GoToPageTop .col-xs-12 {
        min-height: auto;
    }
    #GoToPageTop a {
        background: #ccc;
        bottom: 30px;
        color: #fff;
        display: block;
        padding: .5em .75em .75em;
        position: fixed;
        right: 17px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(0,0,0,.5);
        transition: all .5s ease 0s; 
    }
    #GoToPageTop a:hover {
        background: #172a88;
    }
}

#FooterNavigation a {
    color: #fff;
}
#FooterNavigation .h5 {
    font-size: 1.1428em;
    margin-bottom: 1.5em;
}
#FooterNavigation .h5 .fa {
    font-weight: bold;
    margin-right: .5em;
}
#FooterNavigation .sub-menu {
    list-style-type: disc;
    padding: 0 0 0 2em;
}
#FooterNavigation .sub-menu > li {
    font-size: .875em;
    font-weight: normal;
    margin-top: 1em;
}

#FooterContent address,
#FooterContent address > p {
    margin-bottom: 0;
}
#FooterContent address strong {
    font-size: 1.2857em;
}
#FooterContent .tel {
    font-family: "Arial Black", arial-black, Arial, sans-serif; 
    font-size: 3.5714em;
}
#FooterContent .tel span {
    font-family: Arial, sans-serif; 
    line-height: 1.3;
    vertical-align: top;
}
#FooterContent .tel.pc {
    display: block;
}
#FooterContent .tel.touch {
    display: none;
}
html.touchevents #FooterContent .tel.pc {
    display: none;
}
html.touchevents #FooterContent .tel.touch {
    display: block;
    font-weight: bold;
}
html.touchevents #FooterContent .tel a {
    color: inherit;
}
html.touchevents #FooterContent .tel a:hover,
html.touchevents #FooterContent .tel a:active {
    text-decoration: none;
}
#FooterContent .button-box .row {
    margin-right: 0;
}
#FooterContent .button-box .buttons {
    padding-right: 0;
}
#FooterContent .button-box .buttons li:first-child {
   margin-bottom: 10px;
}
#FooterContent .button-box .button {
    padding: 0;
}
#FooterContent .cam-banner {
    margin-top: 2.5em;
}

#FooterBottom.container-wrapper {
    background-color: #2f2f2f;
    padding-bottom: 2em;
    padding-top: 2em;
}
#FooterBottom p,
#FooterBottom ul {
    margin-bottom: 0;
}
#FooterBottom,
#FooterBottom a {
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
}
#FooterBottom .list-inline.text-links {
    margin-right: -1em;
}
#FooterBottom .list-inline.text-links li {
    border-left: solid 1px #fff;
    font-size: .92857em;
    line-height: 1;
    padding-left: 1em;
    padding-right: 1em;
}
#FooterBottom .list-inline.text-links li:first-child {
    border-left: 0 none;
}
#FooterBottom .copyright {
    font-size: .857142em;
}