/*** General ***/
/* Margin */
.no-margin {
    margin: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

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

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

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

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

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

/* Padding */
.padding-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.padding-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.no-padding {
    padding: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

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

.no-padding-top {
    padding-top: 0 !important;
}

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

/* Text */
.fs-13 {
    font-size: 13px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.line-height-1-8 {
    line-height: 3.0em !important;
}

.line-height-2 {
    line-height: 3.4em !important;
}

.col-orange {
    color: #ff6600 !important;
}

.col-green {
    color: #3ea33b !important;
}

.col-yellow {
    color: #ff0 !important;
}

.col-yellow-orange {
    color: #f29900 !important;
}

.col-red {
    color: #f00 !important;
}

.col-white {
    color: #fff !important;
}

.col-blue {
    color: #10537b !important;
}

/* Block */
.clearfix {
    clear: both;
}

.col-centered {
    clear: both;
    float: none;
    margin: 0 auto;
}

.elem-block {
    display: block;
}

.video-container {
    position: relative;
    z-index: 6;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.position-fix {
    position: static !important;
}

.cancel-bg {
    background-color: transparent !important;
}

.alert-block {
    margin: 0;
    padding: 5px;
}

@font-face {
    font-family: "font-idiy";
    src: url(./fonts/font-idiy.eot);
    src: url(./fonts/font-idiy.eot) format("embedded-opentype"), url(./fonts/font-idiy.woff2) format("woff2"), url(./fonts/font-idiy.woff) format("woff"), url(./fonts/font-idiy.ttf) format("truetype"), url(./fonts/font-idiy.svg#KozGoStdRegulalight) format("svg");
}

@font-face {
    font-family: "KozGoPro-M";
    src: url(./fonts/KozGoPro-M.eot);
    src: url(./fonts/KozGoPro-M.eot) format("embedded-opentype"), url(./fonts/KozGoPro-M.woff2) format("woff2"), url(./fonts/KozGoPro-M.woff) format("woff"), url(./fonts/KozGoPro-M.ttf) format("truetype"), url(./fonts/KozGoPro-M.svg#KozGoStdRegulalight) format("svg");
}

@font-face {
    font-family: "MaruFoPro-M";
    src: url(./fonts/MaruFoPro-M.eot);
    src: url(./fonts/MaruFoPro-M.eot) format("embedded-opentype"), url(./fonts/MaruFoPro-M.woff2) format("woff2"), url(./fonts/MaruFoPro-M.woff) format("woff"), url(./fonts/MaruFoPro-M.ttf) format("truetype"), url(./fonts/MaruFoPro-M.svg#KozGoStdRegulalight) format("svg");
}

/* Space out content a bit */
body {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.help-block {
    font-size: 0.875em;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline {
    padding-top: 0px;
}

.radio {
    padding-left: 2px;
}

.radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    padding-right: 10px;
    padding-bottom: 5px;
}

input[type="radio"] {
    line-height: normal;
    box-sizing: border-box;
}

.radio input[type=radio], .radio-inline input[type=radio] {
    float: left;
    margin-left: -20px;
}

.radio input[type=radio] {
    display: none;
}

.radio label:before {
    background: none repeat scroll 0 0 #ffffff;
    border: 2px solid #e7ebee;
    border-radius: 50%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    content: "";
    display: inline-block;
    height: 20px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 20px;
}

.radio label:after {
    background-color: #03a9f4;
    border: 1px solid #03a9f4;
    border-radius: 50%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    content: "";
    display: inline-block;
    font-size: 13px;
    height: 16px;
    left: 2px;
    position: absolute;
    text-align: center;
    top: 2px;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    width: 16px;
}

.radio input[type=radio]:checked + label:before, .radio input[type=radio]:hover + label:before {
    border-color: #03a9f4;
}

.radio input[type=radio]:checked + label:after {
    line-height: 16px;
    transform: scale(0.63);
    -webkit-transform: scale(0.63);
    -moz-transform: scale(0.63);
    transition: transform 0.1s 0s cubic-bezier(0.4, 0.02, 0.3, 1.2);
}

.checkbox-nice {
    position: relative;
    padding-left: 15px;
}

.checkbox-nice input[type=checkbox] {
    visibility: hidden;
}

.checkbox-nice label {
    padding-top: 3px;
}

.checkbox-nice.checkbox-inline > label {
    margin-left: 15px;
}

.checkbox-nice label:before {
    cursor: pointer;
    position: absolute;
    width: 22px;
    height: 22px;
    left: 1px;
    top: 1px;
    background: #ffffff;
    content: "";
    border: 2px solid #e7ebee;
    border-radius: 3px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
}

.checkbox-nice label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 12px;
    height: 7px;
    background: transparent;
    top: 7px;
    left: 6px;
    border: 3px solid #03a9f4;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.checkbox-nice label:hover::after {
    opacity: 0.3;
}

.checkbox-nice input[type=checkbox]:checked + label:after {
    opacity: 1;
}

/* General */
[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.text-info-custom {
    color: #60b2e2;;
}

.margin-top-fix {
    margin-top: -10px;
}

.fs-100 {
    font-size: 100% !important;
}

.text-fix {
    margin-left: -30px;
}

.sub-page {
    background-color: #fff;
}

.width-100 img {
    width: 100%;
}

.title-emphasis {
    font-size: 28px !important;
}

.title-emphasis span {
    font-size: 78px;
    color: #f00;
}

.no-border {
    border: none !important;
}

.border-side {
    width: 100%;
    height: 2px;
}

.border-side.border-top {
    background: transparent url(./img/biz/border/border-top.png) left top repeat-x;
}

.border-side.border-bottom {
    background: transparent url(./img/biz/border/border-bottom.png) left top repeat-x;
}

.border-left {
    background: transparent url(./img/biz/border/border-left.png) left top repeat-y;
}

.border-right {
    background: transparent url(./img/biz/border/border-right.png) right top repeat-y;
}

.panel-plopmabite {
    border: 1px solid #e4f3f3;
}

.panel-plopmabite .panel-heading {
    color: #10547c;
    background-color: #e4f3f3;
}

.info-block h3 {
    margin-bottom: 10px !important;
    font-size: 15px;
    letter-spacing: normal;
}

.info-block .well {
    font-size: 13px;
    background-color: #ffffee;
}

.info-block.feature h3 {
    color: #eb612f;
}

.info-block.feature .well {
    border-color: #eb612f;
}

.info-block.advice h3 {
    color: #3ea33b;
}

.info-block.advice .well {
    border-color: #3ea33b;
}

.info-block.important h3 {
    color: #ff6699;
}

.info-block.important .well {
    background-color: #feedf6;
    border-color: #ff6699;
}

.well {
    border-radius: 5px;
}

.well.well-notice {
    color: #8a6d3b;
    background-color: #fcf7df;
    border: 1px solid #f5e290;
}

.well.well-advice {
    color: #3c763d;
    background-color: #e5f2de;
    border: 1px solid #3ea33b;
}

.well.well-important {
    color: #a94442;
    background-color: #feedf6;
    border: 1px solid #fab1d8;
}

.well.well-primary {
    color: #10527a;
    background-color: #e5edf2;
    border: 1px solid #e5edf2;
}

.price .prize-inner {
    min-height: 340px;
    color: #10527a;
    border: 1px solid #10547c;
}

.price .prize-inner div,
.price .prize-inner ul {
    font-size: 15px;
    padding: 18px;
}

.price .prize-inner .price-head {
    font-size: 18px;
}

.price .prize-inner .price-emphasis {
    font-size: 18px;
    background-color: #e5edf2;
}

.price .prize-inner li {
    padding: 10px;
    border-bottom: 1px dashed #000;
}

.sample-inner {
    padding: 10px;
    border-radius: 5px;
}

.sample-inner.sample-heading {
    background-color: #fefcef;
    border: 1px solid #fcc19a;
}

.sample-inner.sample-heading p {
    font-weight: bold;
}

.sample-inner.sample-body {
    background-color: #fcf7df;
    border: 1px solid #f5e290;
}

.example-inner {
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

.example-inner.example-body {
    font-size: 20px;
}

.example-inner.example-result {
    font-size: 16px;
    background-color: #fcf7df;
}

.choice {
    padding: 10px;
    font-size: 10px;
    text-align: center;
    border-radius: 5px;
}

.choice.choice-info {
    background-color: #fef1e2;
}

.choice.choice-important {
    color: #fff;
    background-color: #d87e5c;
}

.choice.choice-notice {
    background-color: #ffec8d;
}

.choice .text-emphasis-red {
    color: #ffccff;
}

.choice .text-emphasis-blue {
    color: #ccffff;
}

.choice .text-emphasis-yellow {
    color: #ff0;
}

.choice .text-emphasis-green {
    color: #ccffcc;
}

.table-price tr.height-fix td,
.table-compare tr.height-fix td,
.table-compare-pass tr.height-fix td {
    height: 70px !important;
}

.table-price th,
.table-price td,
.table-compare th,
.table-compare td,
.table-compare-pass th,
.table-compare-pass td {
    font-weight: normal;
    padding: 12px !important;
    text-align: center;
    color: #666;
    vertical-align: middle !important;
    border: 1px solid #fff !important;
}

.table-price th,
.table-compare th,
.table-compare-pass th {
    font-size: 15px;
    color: #fff;
    background-color: #016294;
}

.table-price td,
.table-compare td,
.table-compare-pass td {
    font-size: 13px;
}

.table-price .icon-choice,
.table-compare .icon-choice,
.table-compare-pass .icon-choice {
    position: relative;
}

.table-price .icon-choice img,
.table-compare .icon-choice img,
.table-compare-pass .icon-choice img {
    position: absolute;
    top: -9px;
    left: -46px;
}

.table-price small,
.table-compare small,
.table-compare-pass small {
    font-size: 11px;
}

.table-tamere td:first-child {
    width: 25%;
}

.table-compare td,
.table-compare-pass td {
    background-color: #eeeeee;
}

.table-compare td:first-child,
.table-compare-pass td:first-child {
    background-color: #e5edf2;
}

.table-compare .text-emphasis,
.table-compare-pass .text-emphasis {
    font-size: 22px;
}

.table-compare .glyphicon,
.table-compare-pass .glyphicon {
    display: inline-block !important;
    font-size: 28px;
}

.table-compare .glyphicon-ok,
.table-compare-pass .glyphicon-ok {
    color: #00cc00;
}

.table-compare .glyphicon-remove,
.table-compare-pass .glyphicon-remove {
    color: #f00;
}

.table-price td,
.table-best-choice td,
.table-compare-pass td {
    background-color: #eee;
}

.table-price .price,
.table-best-choice .price,
.table-compare-pass .price {
    border-left: 18px solid #fff !important;
}

.table-price td.price,
.table-best-choice td.price,
.table-compare-pass td.price {
    /*color: #000;*/
    background-color: #e5edf2;
}

.table-price .important,
.table-best-choice .important,
.table-compare-pass .important {
    color: #f00;
}

.table-compare-pass th,
.table-compare-pass td {
    width: 33.33%;
    height: 70px;
    font-size: 14px;
}

.table-enculer tr {
    height: 55px;
}

.table-enculer th {
    width: 35%;
    font-size: inherit;
    color: #666;
    border-right: 10px solid #fff !important;
    background-color: #e5edf2;
}

.table-ps th,
.table-ps td {
    width: 72%;
}

.table-ps th:first-child,
.table-ps td:first-child {
    width: 38%;
}

.table-ps th:first-child {
    background-color: transparent;
}

.contest .contest-prize {
    font-size: 13px;
    background-color: #ffffee;
    border: 1px solid #faf1ca;
}

.contest .contest-prize h2 {
    margin-bottom: 30px;
    padding-top: 20px;
    font-size: 18px;
    color: #f00;
}

.contest .contest-prize .glyphicon {
    display: inline-block;
    width: 78px;
    height: 66px;
    margin-right: 10px;
    background: transparent url(./img/biz/members/contest/bg-prize.png) 0 0 no-repeat;
}

.contest .contest-prize .glyphicon.second-prize {
    background-position: 0 -116px;
}

.contest .contest-prize .glyphicon.third-prize {
    background-position: 0 -232px;
}

.contest .contest-prize .glyphicon.contest-join {
    background-position: 0 -348px;
}

.toeic-block div {
    padding: 20px 10px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #f99f31;
    border-radius: 5px;
}

.toeic-block div:first-child {
    background-color: #016fa0;
}

.toeic-block div.reading {
    background-color: #49bb39;
}

.toeic-block div .elem-block {
    padding-top: 10px;
}

.block-tamere {
    padding: 5px;
    background-color: #ffc733;
}

.block-feedback,
.block-answer {
    border-radius: 10px;
    padding: 20px;
    background-color: #f1f1f1;
}

.block-green {
    padding: 5px;
    color: #fff;
    background-color: #3ea33b;
}

.composition .block-answer,
.challenge .block-answer,
.free-composition .block-answer,
.corporation .block-answer {
    padding: 55px 20px;
}

.block-generic {
    padding: 20px;
    border-radius: 20px;
    background-color: #e3f3d9;
}

.block-generic.block-flow {
    border-radius: 0;
    background-color: #ebf5fc;
}

.block-generic.block-flow h3 {
    font-size: 16px;
}

.block-generic.block-flow li {
    font-size: 16px;
    padding: 10px 10px 20px 80px;
    background: transparent url(./img/biz/icons/list-style.png) left top no-repeat;
}

.block-generic.block-flow li small {
    display: block;
    font-size: 13px;
    color: #666;
}

.block-generic.block-flow li.list-1 {
    background-position: 0 0px;
}

.block-generic.block-flow li.list-2 {
    background-position: 0 -299px;
}

.block-generic.block-flow li.list-3 {
    background-position: 0 -598px;
}

.block-generic.block-flow li.list-4 {
    background-position: 0 -897px;
}

.block-generic.block-flow li.list-5 {
    background-position: 0 -1196px;
}

.block-generic.block-flow li.list-6 {
    background-position: 0 -1495px;
}

.challengedemescouilles {
    text-indent: 10px;
    background-color: #fff;
}

.challengedemesfesses {
    padding: 10px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #91bd2b;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: #dadbda;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.arrow-transform {
    height: 112px;
    background: transparent url(./img/biz/icons/arrow-fat-bottom-orange.png) center center no-repeat;
}

.monthly-pass .position-fix-2 {
    margin-top: -10px;
}

/* Twitter widget */
.twitter-timeline {
    min-width: 100% !important;
}

/* btn signup */
.signup {
    padding-bottom: 20px;
}

.signup .form-group {
    /*width: 100%;*/
}

.signup input[type="email"] {
    width: 100%;
}

.btn-signup {
    width: 158px;
    height: 36px;
    background-color: #f73b41;
    border: none;
    border-radius: 4px;
}

.btn-signup:hover {
    background-color: #f00;
}

/* Carousel control */
.carousel-nav-lg-md-device {
    display: none;
}

.carousel-nav-lg-md-device .carousel-control {
    background-image: none;
    opacity: 1;
}

.carousel-nav-lg-md-device .carousel-control:hover {
    opacity: 0.8;
}

.carousel-nav-sm-xs-device .glyphicon,
.carousel-nav-sm-xs-device .faa {
    display: inline-block;
}

.carousel-nav-sm-xs-device .carousel-indicators {
    bottom: 0;
}

.carousel-nav-sm-xs-device .carousel-indicators li {
    border: 1px solid #ccc;
    background-color: #ccc;
}

.carousel-nav-sm-xs-device .carousel-indicators li.active {
    border: 1px solid #51568a;
    background-color: #51568a;
}

.carousel-nav-sm-xs-device .btn {
    color: #fff;
    background-color: #51568a;
}

.nav-list-mobile{
    width:100%!important;
    display:block!important;
}

.glyphicon,
.faa {
    display: none;
}

.sm-xs-device .glyphicon,
.sm-xs-device .faa {
    display: inline-block;
}

.form-idiy,
.recruitment-conditions {
    padding: 36px;
    background-color: #ebf5fc;
}

.form-idiy textarea,
.recruitment-conditions textarea {
    min-height: 350px;
    resize: none;
}

.form-idiy .btn,
.recruitment-conditions .btn {
    border-radius: 0;
}

.ke-c-moche {
    position: relative;
    padding: 20px 20px;
    background-color: #ff6600;
}

.ke-c-moche h2 {
    padding-right: 64px;
    font-size: 15px !important;
    color: #fff !important;
}

.ke-c-moche img {
    position: absolute;
    top: -15px;
    right: -6px;
}

.ke-c-laid {
    font-size: 22px;
    color: #10547c;
}

.ke-c-laid .text-emphasis {
    font-size: 40px;
}

.ke-c-laid figure {
    border: 1px solid #d2d2d2;
}

.contact {
    font-size: 17px;
    color: #10547c;
}

.contact .contact-number {
    font-size: 30px;
    color: #000;
}

.contentsIn table,
.table-company {
    border-collapse: separate;
    border-spacing: 3px;
    border: none;
}

.contentsIn table th,
.table-company th {
    font-weight: normal;
    text-align: center;
}

.contentsIn table th,
.contentsIn table td,
.table-company th,
.table-company td {
    font-size: 14px;
    vertical-align: middle !important;
    border: 1px solid #ccc !important;
}

.contentsIn table td,
.table-company td {
    padding: 15px !important;
}

.contentsIn table th,
.table-company th {
    width: 30%;
    background-color: #ccc;
}

.agreement {
    height: 250px;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}

.agreement .panel {
    margin: 20px;
}

.general .purpose-inner .panel {
    min-height: 160px;
    margin-bottom: 0;
}

.translations {
    border: 1px solid #ccc;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
    padding-left: 15px;
    padding-right: 15px;
}

/* Custom page header */
.header {
    border-bottom: 1px solid #e5e5e5;
    /* Make the masthead heading the same height as the navigation */
}

.header h3 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
    padding-bottom: 19px;
}

/* Custom page footer */
.footer {
    padding-top: 19px;
    color: #777;
    border-top: 1px solid #e5e5e5;
}

.container-narrow > hr {
    margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

/* Supporting marketing content */
.marketing {
    margin: 40px 0;
}

.marketing p + h4 {
    margin-top: 28px;
}

/*==================================================================
//
//  Wrapper
//
-------------------------------------------------------------------*/
.top-wrapper {
    margin-top: 6px;
    min-height: 6px;
    background: transparent url(./img/biz/bg/bg-top-header.gif) left top repeat-x;
}

.menu-wrapper {
    background: #205986;
    /* Old browsers */
    background: -moz-linear-gradient(top, #276c96 0%, #035a8c 45%, #184473 55%, #031045 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0% #276c96), color-stop(45%, #276c96), color-stop(55%, #031045), color-stop(100%, #031045));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #276c96 0%, #035a8c 45%, #184473 55%, #031045 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #276c96 0%, #035a8c 45%, #184473 55%, #031045 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #276c96 0%, #035a8c 45%, #184473 55%, #031045 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #276c96 0%, #035a8c 45%, #184473 55%, #031045 100%);
    /* W3C */
}

.main-wrapper.main-page {
    background: #e8f5fc url(./img/biz/bg/bg-main.png) left top repeat;
}

.footer-wrapper {
    background: #044b80 url(./img/biz/bg/bg-footer.png) left top repeat;
}

/*==================================================================
//
//  Header
//
-------------------------------------------------------------------*/
header {
    background-color: #fff;
    /* Header top navigation */
}

header .top-nav-header {
    margin-top: -12px;
    background-color: #fff;
}

header .top-nav-header .nav-pills > li > a {
    padding: 8px 15px;
    color: #fff;
    background-color: #F73B41;
    border-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

header .top-nav-header .nav-pills > li > a:hover {
    color: #ffff00;
    opacity: 0.8;
}

header .top-nav-header .nav-pills > li:first-child a {
    background-color: #014578;
}

header .top-nav-header .nav-pills > li:first-child a:hover {
    opacity: 0.8;
}

header .top-nav-header .nav-pills > li:last-child a {
    background-color: #339900;
}

header .top-nav-header .nav-pills > li:last-child a:hover {
    opacity: 0.8;
}

header h1, header h2 {
    font-size: 71px;
    color: #18273E;
}

header h1 small, header h2 small {
    font-size: 16px;
    color: #18273E;
}

header h1.icon {
    font-size: 60px;
}

header h2 {
    font-size: 25px;
    letter-spacing: 7px;
}

header h2 small {
    letter-spacing: normal;
}

header .title-lg-md-device figure {
    padding: 20px 0;
}

header .title-lg-md-device .col-md-5 figure {
    padding: 25px 0;
}

/*==================================================================
//
//  Mega menu
//
-------------------------------------------------------------------*/
.menu-lg-md-device {
    border: 1px solid red;
    position: relative;
    top: -12px;
    padding: 1px;
    /*font-family: "KozGoPro-M";*/
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(45%, white), color-stop(55%, #f6f6f6), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* W3C */
    border-radius: 4px;
    border: 1px solid #dadbda;
}

.menu-lg-md-device .menu-icons {
    width: 28px;
    height: 30px;
}

.menu-lg-md-device .menu-icons.menu-home {
    background: transparent url(./img/biz/icons/menu-icons.png) 0 -80px no-repeat;
}

.menu-lg-md-device .menu-icons.menu-info {
    background: transparent url(./img/biz/icons/menu-icons.png) 0 -240px no-repeat;
}

.menu-lg-md-device .menu-icons.menu-usage {
    background: transparent url(./img/biz/icons/menu-icons.png) 0 -400px no-repeat;
}

.menu-lg-md-device .menu-icons.menu-members {
    background: transparent url(./img/biz/icons/menu-icons.png) 0 -560px no-repeat;
}

.menu-lg-md-device .menu-icons.menu-price {
    background: transparent url(./img/biz/icons/menu-icons.png) 0 -720px no-repeat;
}

.menu-lg-md-device .menu-icons.menu-support {
    background: transparent url(./img/biz/icons/menu-icons.png) 0 -880px no-repeat;
}

.menu-lg-md-device .nav-pills > li {
    position: static;
}

.menu-lg-md-device .nav-pills > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    color: #000;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(45%, white), color-stop(55%, #f6f6f6), color-stop(100%, #f6f6f6));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, white 0%, white 45%, #f6f6f6 55%, #f6f6f6 100%);
    /* W3C */
    border-radius: 0px;
    border-top: 1px double #dadbda;
    border-bottom: 1px double #dadbda;
}

.menu-lg-md-device .nav-pills > li > a:hover {
    background: #f6f6f6;
}

.menu-lg-md-device .nav-pills > li > a:hover .glyphicon {
    color: #ffff00;
}

.menu-lg-md-device .nav-pills > li > a:hover .menu-home {
    background-position: 0 0;
}

.menu-lg-md-device .nav-pills > li > a:hover .menu-info {
    background-position: 0 -160px;
}

.menu-lg-md-device .nav-pills > li > a:hover .menu-usage {
    background-position: 0 -320px;
}

.menu-lg-md-device .nav-pills > li > a:hover .menu-members {
    background-position: 0 -480px;
}

.menu-lg-md-device .nav-pills > li > a:hover .menu-price {
    background-position: 0 -640px;
}

.menu-lg-md-device .nav-pills > li > a:hover .menu-support {
    background-position: 0 -800px;
}

.menu-lg-md-device .nav-pills > li > a .glyphicon {
    display: block;
    float: left;
    font-size: 32px;
    line-height: 32px;
    color: #3ea33b;
}

.menu-lg-md-device .nav-pills > li > a .sub-menu-title {
    display: block;
    font-size: 9px;
    color: #e26f43;
}

.menu-lg-md-device .nav-pills > li > a:after {
    content: '';
    position: absolute;
    top: 25%;
    right: 0;
    height: 38px;
    border-left: 1px dotted #49bb39;
}

.menu-lg-md-device .nav-pills > li:first-child > a {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-left: 1px double #dadbda;
}

.menu-lg-md-device .nav-pills > li:last-child > a {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-right: 1px double #dadbda;
}

.menu-lg-md-device .nav-pills > li:last-child > a:after {
    content: '';
    border: none;
}

.menu-lg-md-device .nav-pills > li .mega-menu {
    width:100%;
    position: absolute;
    left: 0;
    z-index: 9999;
    margin-top: 26px;
    box-shadow: none;
    border-radius: 5px;
    background-color: #fef8de;
    border: 2px solid #35739B;
}

.menu-lg-md-device .nav-pills > li .mega-menu .arrow_box {
    position: relative;
    top: -29px;
    height: 25px;
    background: transparent url(./img/biz/icons/arrow.png) center top no-repeat;
}

.menu-lg-md-device .nav-pills > li .mega-menu .items {
    position: relative;
    z-index: 12;
    top: -12px;
}

.menu-lg-md-device .nav-pills > li .mega-menu h3 {
    font-size: 16px;
    color: #2E3F6A;
}

.menu-lg-md-device .nav-pills > li .mega-menu a:visited {
    color: #000;
}

/*==================================================================
//
//  Main
//
-------------------------------------------------------------------*/
.content {
    padding-top: 20px;
}

.content .items {
    padding: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.content .items h2 {

    font-size: 13px;
    color: #014578;
}

.content .items .item-container {
    padding: 0 15px;
    border-radius: 4px;
}

.content .items .item-container > p {
    color: #60B2E2;
}

.content .user {
    position: relative;
    margin-top: -1px;
    margin-bottom: 10px;
    border: 1px solid #d9d6c7;
    border-radius: 4px;
}

.content .user a {
    font-size: 12px;
    color: #fff;
    /*@include boxshadow(2px, 2px, 6px, 0px, rgba(50, 50, 50, 0.2));*/
    border-radius: 4px;
    border: 2px solid #fff;
}

.content .user a small {
    display: block;
    font-size: 10px;
}

.content .user a .glyphicon {
    position: absolute;
    top: 25%;
    left: 10px;
}

.content .user a:hover .faa-arrow-circle-o-right {
    background-position: -6px -966px;
}

.content .user.user-login a {
    background-color: #014578;
}

.content .user.user-login a:hover {
    opacity: 0.8;
}

.content .user.user-login a:hover .glyphicon {
    color: #e4f001;
}

.content .user.user-signup a {
    background-color: #f73b41;
}

.content .user.user-signup a:hover {
    background-color: #e10100;
}

.content .user.user-signup a:hover .glyphicon {
    color: #ffa66a;
}

.content .nav-main .nav-main-link p {
    padding: 1px;
    background-color: #f2c208;
    border-radius: 4px;
}

.content .nav-main .nav-main-link p span {
    display: block;
    padding: 2px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
}

.content .nav-main .nav-main-link p .glyphicon {
    font-size: 14px;
}

.content .nav-main:hover p {
    background-color: #fba924;
}

.content .form-estimation textarea {
    height: 280px;
}

.content .twitter {
    display: none;
}

.content .real-time table {
    text-align: center;
}

.content .real-time table th {
    font-weight: normal;
    text-align: center;
    color: #fff;
    background-color: #014578;
    border-bottom: 1px solid #014578;
}

.content .real-time table td {
    border: 1px solid #014578;
}

.content aside {
    display: none;
}

.content.sub-page {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}

.content.sub-page.introduction article header {
    background: #044b80 url(./img/biz/icons/beginner-icon.png) 15px center no-repeat;
}

.content.sub-page article {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}

.content.sub-page article .header-band {
    margin-bottom: 40px;
    background-color: #044B80;
}

.content.sub-page article header {
    margin-left: 8px;
    padding: 5px 0;
    border-left: 3px solid #fff;
    background: #044b80 url(./img/biz/icons/title-h1-icon.png) 15px center no-repeat;
}

.content.sub-page article header h1 {
    position: relative;
    top: -5px;
    margin-left: 60px;
    font-size: 17px;
    color: #fff;
}

.content.sub-page article.guide section {
    clear: both;
}

.content.sub-page article.guide section header {
    margin-bottom: 40px;
    border-top: 2px solid #044B80;
    border-bottom: 2px solid #044B80;
    background: white url(./img/biz/icons/title-h1-guide-icon.png) 10px center no-repeat;
}

.content.sub-page article.guide section header h1 {
    color: #044B80;
}

.content.sub-page article h2, .content.sub-page article h3, .content.sub-page article h4 {
    margin: 0 0 20px;
}

.content.sub-page article h2 {
    font-size: 15px;
    color: #014578;
}

.content.sub-page article p {
    line-height: 1.8em;
}

.content.sub-page article .article-inner {
    padding: 0 0 60px;
}

.content.sub-page article .explanation-block {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #ffffee;
    border: 1px solid #f00;
}

.content.sub-page article .nav-link p {
    padding: 1px;
    font-size: 18px !important;
}

.content.sub-page article .nav-link p a {
    display: block;
    padding: 20px 5px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
}

.content.sub-page article .nav-link p a .glyphicon {
    position: relative;
    left: -5px;
    top: 2px;
}

.content.sub-page article .nav-link p a:hover {
    text-decoration: none;
}

.content.sub-page article .nav-link p.btn-yellow {
    background-color: #f2c208;
}

.content.sub-page article .nav-link p.btn-yellow a:hover {
    background-color: #fba924;
}

.content.sub-page article .nav-link p.btn-red {
    background-color: #ff5353;
}

.content.sub-page article .nav-link p.btn-red a:hover {
    background-color: #da6161;
}

.content.sub-page article .nav-link p.btn-blue {
    background-color: #10547c;
}

.content.sub-page article .nav-link p.btn-blue a:hover {
    background-color: #01579b;
}

.content.sub-page article .nav-link p.btn-purple {
    background-color: #5d639e;
}

.content.sub-page article .nav-link p.btn-purple a:hover {
    background-color: #51568a;
}

/*==================================================================
//
//  Media
//
-------------------------------------------------------------------*/
.media {
    background-color: #fff;
}

.media h1 {
    font-size: 30px;
    color: #014578;
}

.media > div:last-of-type {
    margin-bottom: 50px;
}

.media figure {
    border: 1px solid #d2d2d2;
}

.media figure img {
    width: 100%;
}

/*==================================================================
//
//  Footer
//
-------------------------------------------------------------------*/
.footer-wrapper footer h1,
.footer-wrapper footer h2 {
    color: #fff;
}

.footer-wrapper footer h1 small {
    display: block;
    padding-top: 10px;
    color: #fff;
}

.footer-wrapper.lg-md-device {
    display: none;
    padding-top: 20px;
}

.footer-wrapper.lg-md-device footer .signup-footer {
    margin-bottom: 116px;
}

.footer-wrapper.lg-md-device footer .signup-footer h1 small {
    font-size: 18px;
}

.footer-wrapper.lg-md-device footer .signup-footer .form-signup h2 {
    font-size: 18px;
}

.footer-wrapper.lg-md-device footer .signup-footer .form-signup form {
    position: relative;
    padding: 22px 53px !important;
    background-color: #fff;
    border-radius: 4px;
}

.footer-wrapper.lg-md-device footer .signup-footer .form-signup form p {
    color: #60B2E2;
}

.footer-wrapper.lg-md-device footer .signup-footer .form-signup form figure {
    position: absolute;
    top: -217px;
    right: 20px;
}

.footer-wrapper.lg-md-device footer .sitemap {
    margin-bottom: 40px;
}

.footer-wrapper.lg-md-device footer .sitemap li {
    margin-bottom: 8px;
}

.footer-wrapper.lg-md-device footer .nav-sitemap {
    padding: 22px 53px;
    background-color: #fff;
    border-radius: 4px;
}

.footer-wrapper.lg-md-device footer .nav-sitemap h2 {
    font-size: 15px;
    color: #b7461c;
}

.footer-wrapper.lg-md-device footer .nav-sitemap .nav-footer {
    padding-top: 20px;
    border-top: 1px solid #044B80;
}

.footer-wrapper.lg-md-device footer .nav-sitemap .nav-footer li {
    border-right: 1px solid #000;
}

.footer-wrapper.lg-md-device footer .nav-sitemap .nav-footer li a {
    display: block;
    text-align: center;
    border-radius: 0;
}

.footer-wrapper.lg-md-device footer .nav-sitemap .nav-footer li a:hover {
    text-decoration: underline;
}

.footer-wrapper.lg-md-device footer .nav-sitemap .nav-footer li:first-of-type {
    border-left: 1px solid #000;
}

.footer-wrapper.sm-xs-device {
    display: block;
}

.footer-wrapper.sm-xs-device footer h1 {
    font-size: 140%;
}

.footer-wrapper.sm-xs-device footer h2 {
    font-size: 120%;
}

.footer-wrapper.sm-xs-device .nav-footer {
    padding: 20px 0;
    font-size: 90%;
    background-color: #fff;
}

.footer-wrapper.sm-xs-device .nav-footer nav a {
    display: inline-block;
    padding: 0 5px;
    border-left: 1px solid #000;
}

.footer-wrapper.sm-xs-device .nav-footer nav a:first-of-type {
    border: none;
}

.footer-wrapper.sm-xs-device .nav-footer nav a:hover {
    text-decoration: underline;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/*==================================================================
//
//  Header
//
-------------------------------------------------------------------*/
.top-nav-header,
.title-lg-md-device,
.menu-lg-md-device {
    display: none;
}

.header-wrapper.sm-xs-device .title-sm-xs-device {
    margin-left: -15px;
}

.header-wrapper.sm-xs-device .menu-sm-xs-device {
    position: relative;
    top: 40px;
    right: -10px;
    z-index: 50;
}

.header-wrapper.sm-xs-device .menu-sm-xs-device .btn-primary {
    background-color: #255E8B;
    border: none;
}

.header-wrapper.sm-xs-device .menu-sm-xs-device .arrow-up {
    position: absolute;
    right: 24px;
    top: -24px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent transparent #255E8B transparent;
    border-width: 0 15px 24px 15px;
}

.header-wrapper.sm-xs-device .menu-sm-xs-device .dropdown-menu {
    top: 58px;
    left: -10px;
    padding: 0;
    border-radius: 0;
    border-left: 1px solid #255E8B;
    border-right: 1px solid #255E8B;
    border-right: 1px solid #255E8B;
}

.header-wrapper.sm-xs-device .menu-sm-xs-device .dropdown-menu .panel-heading {
    color: #fff;
    background-color: #255E8B;
    border-top: 1px solid #255E8B;
    border-bottom: 1px solid #255E8B;
    border-radius: 0;
}

.header-wrapper.sm-xs-device .menu-sm-xs-device .dropdown-menu .panel-body .nav-inner {
    padding: 5px 0;
}

.header-wrapper.sm-xs-device .menu-sm-xs-device .dropdown-menu .panel-body h5 {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #255E8B;
    border-top: 1px solid #255E8B;
    border-bottom: 1px solid #255E8B;
}

.header-wrapper.sm-xs-device .menu-sm-xs-device .dropdown-menu .panel-body ul {
    font-size: 13px;
}

.header-wrapper.sm-xs-device .menu-sm-xs-device .dropdown-menu .panel-body ul li {
    padding: 5px 0;
}

.header-wrapper.sm-xs-device h1 {
    margin-top: -6px;
    font-size: 54px;
    letter-spacing: 0.2em;
}

.header-wrapper.sm-xs-device h1 small {
    font-size: 12px;
    letter-spacing: normal;
}

.scroll-top {
    display: none;
}

.scroll-top.visible-xs {
    position: static;
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
    .container {
        min-width:970px;
        #max-width: 730px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .width-100 img {
        width: inherit;
    }

    .width-md-100 img {
        width: 100%;
    }

    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }

    /* Space out the masthead */
    .header {
        margin-bottom: 30px;
    }

    .media {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }

    .cross {
        padding: 140px 0 0;
    }

    .plopmabite {
        position: relative;
    }

    .plopmabite .block-text {
        position: absolute;
        top: 20%;
    }

    .plopmabite .block-on-right {
        right: 0;
    }

    .plopmabite .block-on-left {
        left: 0;
    }

    .choice {
        font-size: 13px;
    }

    .cross {
        padding: 140px 0 0;
    }

    .position-fix-3 {
        margin-top: 70px;
    }

    .arrow-transform {
        height: 240px;
        background: transparent url(./img/biz/icons/arrow-fat-right-orange.png) center center no-repeat;
    }

    .general .purpose-inner .panel {
        min-height: 140px;
        margin-bottom: -20px;
    }

    .contest .contest-prize {
        font-size: 14px;
    }

    .contest .contest-prize .glyphicon {
        top: -10px;
    }

    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
    }
    /*==================================================================
    //
    //  Main
    //
    -------------------------------------------------------------------*/
    .content .user {
        margin-bottom: 0;
    }

    .content .items h2 {
        font-size: 17px;
    }

    .content .nav-main p {
        position: relative;
        top: -5px;
    }

    .content .real-time,
    .content .twitter {
        display: block;
    }

    .content.sub-page article h1 {
        font-size: 23px !important;
        letter-spacing: normal;
    }

    .content.sub-page article h2 {
        font-size: 20px !important;
        letter-spacing: normal;
    }

    .content.sub-page article .nav-link p {
        font-size: 19px;
    }

    .content.sub-page article .nav-link p .glyphicon {
        top: 0;
    }

    /*==================================================================
    //
    //  Footer
    //
    -------------------------------------------------------------------*/
    .scroll-top {
        display: block;
    }

    .scroll-top button {
        position: absolute;
        top: -90px;
        right: 0;
        z-index: 19;
    }
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width: 768px) {
    .container {
        max-width: 1024px;
    }

    .container .carousel-nav-sm-xs-device {
        display: none;
    }

    .container .carousel-nav-lg-md-device {
        display: block;
    }

    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }

    /* Space out the masthead */
    .header {
        margin-bottom: 30px;
    }

    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }

    .glyphicon,
    .fa {
        display: inline-block;
    }

    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }
    .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857;
        color: #555555;
        background-color: white;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }
    /*==================================================================
    //
    //  Header
    //
    -------------------------------------------------------------------*/
    .top-nav-header,
    .title-lg-md-device,
    .menu-lg-md-device {
        display: block;
    }

    .sm-xs-device {
        display: none;
    }

    header .top-nav-header {
        font-size: 10px;
    }

    header h1 small, header h2 small {
        display: block;
        font-size: 11px;
        line-height: 31px;
    }

    header h1 {
        font-size: 71px;
        margin-right: 10px;
        letter-spacing: 20px;
    }

    header h2 {
        font-size: 25px;
    }

    /*==================================================================
    //
    //  Main
    //
    -------------------------------------------------------------------*/
    .user a {
        padding: 10px 0 !important;
        font-size: 15px !important;
    }

    .real-time {
        font-size: 100% !important;
    }

    /*==================================================================
    //
    //  Media
    //
    -------------------------------------------------------------------*/
    .media h1 {
        font-size: 36px;
    }

    /*==================================================================
    //
    //  Footer
    //
    -------------------------------------------------------------------*/
    .footer-wrapper.lg-md-device {
        display: block;
    }

    .footer-wrapper.sm-xs-device {
        display: none;
    }

    footer .signup-footer .form-signup h2 {
        font-size: 18px;
        color: #fff;
    }

    footer .signup-footer .form-signup form {
        position: relative;
        padding: 22px 53px;
        background-color: #fff;
        border-radius: 4px;
    }

    footer .signup-footer .form-signup form p {
        color: #60B2E2;
    }

    footer .signup-footer .form-signup form figure {
        display: block;
        position: absolute;
        top: -200px;
        right: 20px;
        z-index: 18;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-left: 0;
        padding-right: 0;
    }

    /* Space out the masthead */
    .header {
        margin-bottom: 30px;
    }

    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron {
        border-bottom: 0;
    }

    .width-100 img {
        width: inherit;
    }

    .width-md-100 img {
        width: inherit;
    }

    .choice {
        font-size: 15px;
    }

    /*==================================================================
    //
    //  Header
    //
    -------------------------------------------------------------------*/
    header .top-nav-header {
        font-size: 12px;
    }

    header h1 small, header h2 small {
        display: block;
        font-size: 12px;
        line-height: 31px;
    }

    header h1 {
        font-size: 69px;
        margin-right: 10px;
        letter-spacing: 20px;
    }

    header h2 {
        font-size: 30px;
    }

    /*==================================================================
    //
    //  Main
    //
    -------------------------------------------------------------------*/
    .content aside {
        display: block;
    }
}

/*　お問い合わせフォームアラート */
.inquiry-alert {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.inquiry-alert-green {
    padding: 15px 35px 15px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

iframe.twitter-timeline {
    max-height: 400px;
}

.txt-white {
    color: #fff;
}

.red {
    color: #f00;
}

.red-bg {
    background-color: #f00;
}

.contents {
    padding-bottom: 50px;
}

.ppTtl,
.ppTxts {
    margin: auto 20px 20px;
}

.ppTtl {
    padding: 10px;
    font-size: 18px;
    color: #fff;
    background-color: #044B80;
}



.SandboxRoot.env-bp-970 .timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt !important;
}

.SandboxRoot.env-bp-820 .timeline-Tweet-text {
    font-size: 10.5pt !important;
    line-height: 14pt !important;
}

.screen-reader-response {
    display: none;
}

span.wpcf7-list-item {
    display: block;
}
.wpcf7 span.wpcf7-not-valid-tip {
    display: block;
    position: static;
    top: 0;
    left: 0;
    border: none;
    color: red;
}
.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.wpcf7 .wpcf7-validation-errors {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-mail-sent-ok {
    color: #3A87AD;
    background-color: #D9EDF7;
    border: 1px solid #BCE8F1;
}
.screen-reader-response{
    display:none;
}

.contact-us-position {
    text-align: center;
    list-style: none;
    padding: 40px;
}

.contact-us {
    cursor: pointer;
    padding: 20px;
    background-color: #044b80;
    color: white;
    border-style: none;
    font-size: large;
}

.banner-style1 {
    max-width: 64%;
}

.customer-comments-pdf1 {
    width:450px;
    height:600px
}

@media screen and (min-width: 768px) {
    .customer-comments-pdf1 {
        width:100%;
        height:600px
    }
}

.biz-general-settings {
    width: 100%;
    padding: 0 2.5% 0;
    display: flex;
    justify-content: space-around;
}

.biz-page-layout {
    display: grid;
    display: -ms-grid;
    grid-template:
        "box1 box2" 230px /
        180px 380px;
    -ms-grid-columns: 180px 380px;
    -ms-grid-rows: 300px;
    column-gap: 1em;
}

.biz-page-layout1 {
    grid-area: box1;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}

.biz-page-layout2 {
    grid-area: box2;
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}

.biz-img-book1 {
    max-width: 160px;
    max-height: 230px;
    object-fit: contain;
}

.biz-img-book2 {
    max-width: 360px;
    max-height: 230px;
    object-fit: contain;
    padding-top: 10%;
}

@media only screen and (max-width: 767px) {
    .biz-general-settings {
        width: 100%;
        padding: 0 2.5% 0;
        display: flex;
        justify-content: space-around;
    }

    .biz-page-layout {
        display: grid;
        display: -ms-grid;
        grid-template:
            "box1 box2" 160px /
            100px 200px;
        -ms-grid-columns: 250px;
        -ms-grid-rows: 300px 300px;
    }

    .biz-page-layout1 {
        grid-area: box1;
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        text-align: center;
    }

    .biz-page-layout2 {
        grid-area: box2;
        -ms-grid-column: 2;
        -ms-grid-row: 1;
        text-align: center;
    }

    .biz-img-book1 {
        max-width: 100px;
        max-height: 300px;
        object-fit: contain;
    }

    .biz-img-book2 {
        max-width: 200px;
        max-height: 300px;
        object-fit: contain;
        padding-top: 10%;
    }
}