/*
Theme Name: nano_tcd065-child
Theme URI:
Description:WordPressテーマ「nano_tcd065」の自作子テーマです。
Template: nano_tcd065
Author:Takashi Yamada
Author URI:https://tcd-theme.com/
Version:1.4
*/
.nav-inquiry-tt{
    display: none;
    }
    @media screen and (max-width: 1199px){
    .nav-inquiry-tt{
    display: block;
    width: 100%;
    border-top: solid 1px #ddd;
    font-size: 0px;
    height: 12px;
    }
    }

    .p-global-nav > li > a:hover{
        background: #005bac !important;
        color: #ffffff !important;
    }
    /**.l-header--fixed.is-active {
        top: 26px !important;
    }**/

    @media only screen and (max-width: 767px){
    .l-header--fixed.is-active {
        top: 0 !important;
    }
        }
    @media only screen and (max-width: 400px){
    .p-global-nav a {
    font-size: 10px;
    }
    }

    @media screen and (max-width: 991px) {
         .l-secondary {margin: 0 auto 40px;width: 600px;display: none;} }


    .admin-bar .p-megamenu02 {
        top: 160px;
    }

    .p-cat-list__list-item {opacity: 1;}
    .p-blog__list-item {opacity: 1;}

    .menu-item-479 a:after{
    color: #333;
    content: '\f24d';
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    margin: 0 0 0 5px;
    font-size: 5px;
    }

    .menu-item-479 a:hover::after{
    color: #fff;
    }

    .another-tab:after{
    content: '\f24d';
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    margin: 0 0 0 5px;;
    font-size:5px;

    }
    .q_button:before,.btn-offer a:before, .btn-inquiry a:before{
    content: "\f138";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    margin: 0 10px 0 0;
    }


    .p-blog .p-blog__title{
    border-top: 3px solid #005bac!important;
    color: #FFF;
    line-height: 0;
    font-size: 0;
    }
    .search-results .l-main .p-breadcrumb .p-breadcrumb__item span::after{
    content: "検索結果";
    font-size: 14px;
    }
    .search-results .l-main .p-breadcrumb .p-breadcrumb__item span{
        font-size: 0;
    }

    #serrvice .btn-box{
    display: flex;
    justify-content: space-between;
    }

    #serrvice .btn-inquiry ,
    #serrvice .btn-offer{
    width: 90%;
    }

    #serrvice .btn-box .btn-inquiry,
    #serrvice .btn-box .btn-inquiry{
    width: 48%;
    }

    #serrvice .btn-inquiry a{
    background: #ffa530;
    }

    #serrvice .btn-offer a{
    background: #ff5337;
    }

    #serrvice .btn-splink a{
    background: #00c600;
    }

    #serrvice .btn-offer a,
    #serrvice .btn-inquiry a,
    #serrvice .btn-splink a{
    width: auto;
    display: block;
    position: relative;
    padding: 20px 12px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    text-decoration: none;
    }

    #serrvice .btn-offer a:before,
    #serrvice .btn-inquiry a:before{
    color: #fff;
    content: "\f138";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    margin: 0 5px 0 0;
    }

    #serrvice .service-policy{
    width: 50%;
    text-align: center;
    margin: 30px auto 20px auto;
    padding: 10px;
    border: 1px solid #aaa;
    }

    #serrvice .service-policy a{
    display: inline-block;
    margin: 0 10px;
    color: #225092;
    text-decoration: none;
    font-size: .9em;
    }

    #line-mess,#line-supp{
    margin-top: -14% !important;
    padding-top: 18% !important;
    }

    #serrvice .service-policy a:after{
    color: #225092;
    content: '\f24d';
    font-weight: 400;
    font-family: "Font Awesome 5 Free";
    margin: 0 0 0 5px;
    }

    .btn-splink a,.btn-freeoffer a,.btn-offer a,.btn-inquiry a{
        width:auto;
        display:block;
        position:relative;
        padding:20px 12px;
        border-radius:5px;
        color:#fff;
        text-align:center;
        font-weight:bold;
        font-size:1.1em;
        }

    .btn-splink a{background:#00c600;}
    .btn-splink a:hover{background:#009c02;}
    .btn-freeoffer a{background:#30afde;}
    .btn-freeoffer a:hover{background:#229dcb;}
    .btn-offer a{background:#ff5337;}
    .btn-offer a:hover{background:#dd2709;}
    .btn-inquiry a{background:#ffa530;}
    .btn-inquiry a:hover{background:#f68b00;}
    .btn-color-green{background:#339933;color:#fff;}
    .btn-color-green a{background-color:transparent;color:#fff;}
    .btn-color-green:hover{background:#00c600;}

    .point strong {
        display: block;
        color: #0076de;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
    }

    .service_policy {
        width: 50%;
        text-align: center;
        margin: 30px auto 20px auto;
        padding: 10px;
        border: 1px solid #aaa;
    }

    .service_policy a {
        display: inline-block;
        margin: 0 10px;
    }

    /*Plan table*/
    .branchAgencyPlanTable {
        width: 100%;
        margin-bottom: 40px;
    }
    .branchAgencyPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        vertical-align: middle;
    }
    .branchAgencyPlanTable td.branchAgencyPlanLiteTitle {
        background-color: #13c588;
        font-weight: bold;
        color: #fff;
    }
    .branchAgencyPlanTable td.branchAgencyPlanBasicTitle {
        background-color: #377cdb;
        font-weight: bold;
        color: #fff;
    }
    .branchAgencyPlanTable td.branchAgencyPlanPlusTitle {
        background-color: #eecc2f;
        font-weight: bold;
        color: #fff;
    }
    .branchAgencyPlanTable td.branchAgencyPlanHeadTitle {
        background-color: #999;
        color: #fff;
        font-size: .9em;
        font-weight: normal;
    }
    .marut-o2oPlanTable td.marut-o2oPlanTablePlanTitle {
        background-color: #2e8ed0;
        color: #fff;
    }
    .branchAgencyPlanTable td.branchAgencyPlanTableBigHead {
        background-color: #e9e9e9;
        font-size: .9em;
        font-weight: normal;
        vertical-align: middle;
        white-space: normal;
    }
    .branchAgencyPlanTable td.branchAgencyPlanTableHead {
        background-color: #f3f3f3;
        font-size: .9em;
        font-weight: normal;
        white-space: normal;
    }
     @media only screen and (max-width:479px) {
    .branchAgencyPlanTable {
        margin-bottom: 20px;
    }
    .branchAgencyPlanTable td, .branchAgencyPlanTable td.branchAgencyPlanHeadTitle, .branchAgencyPlanTable td.branchAgencyPlanTableBigHead, .branchAgencyPlanTable td.branchAgencyPlanTableHead {
        font-size: .8em;
    }
    }
    /*Price table*/
    .marutNetshopPlanTable {
        width: 100%;
        margin-bottom: 20px;
    }
    .marutNetshopPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        vertical-align: middle;
    }
    table.marutNetshopPlanTable tr td:first-child {
        white-space: normal;
    }
    .marutNetshopPlanTable th {
        text-align: left;
        font-weight: bold;
        color: #e84b7b;
        padding-bottom: 10px;
    }
    .marutNetshopPlanTable td small {
        font-size: .8em;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableHeadTitle {
        width: 24%;
        background-color: #aaa;
        color: #fff;
        font-size: .9em;
        font-weight: normal;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableLiteTitle {
        width: 24%;
        background-color: #e9455a;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableStdTitle {
        width: 24%;
        background-color: #22b67c;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTablePreTitle {
        width: 24%;
        background-color: #f6ab00;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableHajimeteTitle {
        width: 24%;
        background-color: #00a0ea;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableKihonTitle {
        width: 24%;
        background-color: #efb400;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableAnshinTitle {
        width: 24%;
        background-color: #fe3b60;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableHead {
        background-color: #f3f3f3;
        font-size: .9em;
        font-weight: normal;
        white-space: normal;
    }
     @media only screen and (max-width:479px) {
    .marutNetshopPlanTable {
        font-size: .7em;
    }
    table.marutNetshopPlanTable tr td {
        white-space: normal;
    }
    table.marutNetshopPlanTable tr td {
        padding: 5px;
    }
    }
    /*Price table140722*/
    .marutNetshopPlanTable td.marutns-planTitle, .marutNetshopPlanTable td.marutns-planLite, .marutNetshopPlanTable td.marutns-planStandard, .marutNetshopPlanTable td.marutns-planConvert, .marutNetshopPlanTable td.marutns-planPackage {
        width: 20%;
        color: #fff;
        font-size: .9em;
        font-weight: bold;
    }
    .marutNetshopPlanTable td.marutns-planTitle {
        font-weight: normal;
        background-color: #aaa;
    }
    .marutNetshopPlanTable td.marutns-planLite {
        background-color: #00a0ea;
    }
    .marutNetshopPlanTable td.marutns-planStandard {
        background-color: #efb400;
    }
    .marutNetshopPlanTable td.marutns-planConvert {
        background-color: #21995a;
    }
    .marutNetshopPlanTable td.marutns-planPackage {
        background-color: #fe3b60;
    }
    /*Option price table*/
    .op-table {
        margin: 0 auto 20px auto;
    }
    .op-table th {
        padding: 10px 0;
        border: 1px #555 solid;
        background: #555;
        font-weight: bold;
        color: #fff;
    }
    .op-table td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        vertical-align: middle;
    }
    .op-table td.op-table-title {
        background: #eee;
    }
    .op-table td.op-table-nobold {
        width: 35%;
        font-size: .8em;
        font-weight: normal;
    }
     @media only screen and (max-width:479px) {
    .op-table {
        font-size: .9em;
    }
    table.op-table tr td {
        white-space: normal;
    }
    table.op-table tr td {
        padding: 5px;
    }
    .op-table th {
        padding: 10px 0;
    }
    }
    /*Price*/
    .addfriendPlanTable {
        width: 100%;
        margin-bottom: 40px;
    }
    .addfriendPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
    }
    .addfriendPlanTable td.addfriendPlanTableTitle {
        width: 50%;
        background: #f3f3f3;
        font-weight: normal;
    }
    .addfriendPlanTable td.addfriendPlanTableTitle small {
        margin: 0 0 0 5px;
        font-size: .7em;
    }
    .addfriendPlanTable td.addfriendPlanTableTxt {
        font-weight: bold;
    }
     @media only screen and (max-width:479px) {
    .addfriendPlanTable td.addfriendPlanTableTxt {
        font-size: 1.0em;
    }
    .addfriendPlanTable td.addfriendPlanTableTitle {
        white-space: normal;
    }
    }

    .maebarai br.disp-sp { display:none; }
    .maebarai br.disp-dt { display:inline; }
    .maebarai .service-page-catch { text-align:center; color:#0059af; }
    .maebarai .service-page-subtitle { text-align:center; }
    .maebarai .footnote { width:100%; text-align:right; font-size:.8em; }
    .maebarai small { font-size:.8em; }
    .maebarai .maebarai-cont01-ttl { font-size:24px; color:#575757; text-align:center; font-weight:bold; line-height:1.4; }
    .maebarai .maebarai-cont01-ttl img { width:212px; height:40px; margin-bottom:10px; }
    .maebarai .maebarai-flex-list { display:flex; flex-flow:wrap; justify-content:space-between; box-sizing:border-box; }
    .maebarai .maebarai-flex-list li { width:calc(50% - 10px); box-sizing:border-box; }
    .maebarai .maebarai-flex-list.cont01 li { background:#f5f5f5; border-radius:10px; margin-top:120px; padding:96px 40px 40px; position:relative; }
    .maebarai .maebarai-flex-list.cont01 li::after { content:""; display:block; width:163px; height:170px; position:absolute; top:-96px; left:50%; transform:translateX(-50%); }
    .maebarai .maebarai-flex-list.cont01 li:nth-child(1)::after { background:url(https://dev-corp.gmoc.jp/wp-content/uploads/2021/03/cont01_img_01.png) 0 0 / 100% auto no-repeat; }
    .maebarai .maebarai-flex-list.cont01 li:nth-child(2)::after { background:url(https://dev-corp.gmoc.jp/wp-content/uploads/2021/03/cont01_img_02.png) 0 0 / 100% auto no-repeat; }
    .maebarai .maebarai-flex-list.cont01 li:nth-child(3)::after { background:url(https://dev-corp.gmoc.jp/wp-content/uploads/2021/03/cont01_img_03.png) 0 0 / 100% auto no-repeat; }
    .maebarai .maebarai-flex-list.cont01 li:nth-child(4)::after { background:url(https://dev-corp.gmoc.jp/wp-content/uploads/2021/03/cont01_img_04.png) 0 0 / 100% auto no-repeat; }
    .maebarai .maebarai-flex-list.cont01 li div:first-child { color:#0059af; font-size:18px; text-align:center; font-weight:bold; margin-bottom:20px; }
    .maebarai .maebarai-cont02-ttl { text-align:center; }
    .maebarai .maebarai-cont02-ttl img { width:315px; height:32px; margin-bottom:20px; }
    .maebarai .maebarai-para { font-size:20px; line-height:1.4; font-weight:bold; text-align:center; max-width:640px; margin:0 auto; }
    @media screen and (max-width:979px) { .maebarai .maebarai-para { width:100%; } }
    .maebarai .maebarai-flex-list.cont02 li { margin-bottom:10px; }
    @media screen and (max-width:979px) {
      .maebarai .maebarai-flex-list.cont02 { flex-flow:column; }
      .maebarai .maebarai-flex-list.cont02 li { width:100%; }
    }
    .maebarai .maebarai-table-wrap table { font-size:13px; border-top:1px solid #ccc; border-left:1px solid #ccc; }
    .maebarai .maebarai-table-wrap th,.maebarai .maebarai-table-wrap td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px; vertical-align:middle; line-height:1.3; }
    .maebarai .maebarai-table-wrap thead,.maebarai .maebarai-table-wrap tbody th { background:#f9f9f9; }
    .maebarai .maebarai-table-wrap thead tr th { text-align:center; }
    .maebarai .maebarai-table-wrap thead tr th:nth-child(2) { background:#0059af; }
    .maebarai .maebarai-table-wrap thead tr th:nth-child(3), .maebarai .maebarai-table-wrap thead tr th:nth-child(4) { background:#717171; }
    .maebarai .maebarai-table-wrap tbody th { text-align:left; }
    .maebarai .maebarai-table-wrap tbody tr:first-child th:nth-child(1) { width:11%; }
    .maebarai .maebarai-table-wrap tbody tr:first-child th:nth-child(2) { width:17%; }
    .maebarai .maebarai-table-wrap tbody td { width:18%; text-align:center; }
    .maebarai .maebarai-table-wrap tbody tr td:nth-of-type(1) { color:#0059af; font-size:14px; font-weight:bold; background:#ebf5ff; }
    .maebarai .maebarai-cont04-tabarea { margin-top:40px; }
    .maebarai .maebarai-tab-btn,.maebarai .maebarai-tab-cont { display:flex; flex-flow:nowrap; justify-content:space-between; }
    .maebarai .maebarai-tab-btn li { box-sizing:border-box; width:calc(50% - 10px); }
    .maebarai .maebarai-tab-btn li a { display:block; font-size:18px; font-weight:bold; text-align:center; padding-top:20px; pointer-events:none; }
    .maebarai .maebarai-tab-btn li:first-child a { color:#0059af; background:#ebf5ff; }
    .maebarai .maebarai-tab-btn li:last-child a { color:#777; background:#f2f2f2; }
    .maebarai .maebarai-tab-cont ul { width:calc(50% - 10px); box-sizing:border-box; padding:0 10px; }
    .maebarai .maebarai-tab-cont ul:first-child { background:#ebf5ff; }
    .maebarai .maebarai-tab-cont ul:last-child { background:#f2f2f2; }
    .maebarai .maebarai-tab-cont li { box-sizing:border-box; width:100%; margin:20px 0; }
    .maebarai .maebarai-tab-cont .maebarai-tab-sttl { text-align:center; font-weight:bold; border-bottom-width:2px; border-bottom-style:solid; padding:10px 0; margin-top:0; }
    .maebarai .maebarai-tab-cont ul:first-child .maebarai-tab-sttl.company { color:#22b9cf; border-bottom-color:#22b9cf; }
    .maebarai .maebarai-tab-cont ul:first-child .maebarai-tab-sttl.employee { color:#ff7144; border-bottom-color:#ff7144; }
    .maebarai .maebarai-tab-cont ul:last-child .maebarai-tab-sttl { color:#808080; border-bottom-color:#808080; }
    .maebarai .maebarai-cont05-list { display:flex; flex-flow:nowrap; justify-content:space-between; margin:0 -5px; }
    @media screen and (max-width:979px) { .maebarai .maebarai-cont05-list { flex-flow:wrap; justify-content:center; } }
    .maebarai .maebarai-cont05-list li { margin:0 4px 10px; flex:0 0 auto; }
    .maebarai .maebarai-cont05-list li:nth-child(even) { flex:0 1 14px; }
    .maebarai .maebarai-cont05-list dl { background:#22b9cf; padding:6px; box-sizing:border-box; }
    .maebarai .maebarai-cont05-list dl.employee { background:#ff7144; }
    .maebarai .maebarai-cont05-list dt { color:#fff; margin-bottom:6px; text-align:center; font-size:13px; }
    .maebarai .maebarai-cont05-list dd { background:#fff; font-weight:bold; padding:16px 8px; text-align:center; }
    .maebarai .maebarai-cont05-list .arrow { display:block; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:14px solid #ccc; position:relative; top:66px; }
    .maebarai hr { height:0; padding:0; border:0; border-top:1px solid #ccc; margin:40px 0; }
    .maebarai .maebarai-cont06-list { display:flex; flex-flow:nowrap; justify-content:space-between; }
    .maebarai .maebarai-cont06-list > li { width:calc(50% - 10px); border:1px solid #ccc; box-sizing:border-box; background:#fff; }
    .maebarai .maebarai-plan-list li { padding:15px 0; box-sizing:border-box; }
    .maebarai .maebarai-plan-list li:nth-child(odd) { background:#ebf5ff; }
    .maebarai .maebarai-plan-list li:first-child { background:#fff; padding:0; }
    .maebarai .maebarai-plan-list li div { text-align:center; }
    .maebarai .maebarai-plan-list li div:first-child { font-size:12px; }
    .maebarai .maebarai-plan-list li div:last-child { font-size:16px; font-weight:bold; line-height:1.3; }
    .maebarai .maebarai-plan-list li:nth-child(4) { height:96px; }
    .maebarai .maebarai-plan-list li:nth-child(6) { height:92px; }
    .maebarai .maebarai-plan-list.light li div:last-child { color:#2b77c0; }
    .maebarai .maebarai-plan-list.standard li div:last-child { color:#00417d; }
    .maebarai .maebarai-plan-list div i { display:block; font-size:12px; opacity:.8; margin-top:2px; }
    .maebarai .maebarai-plan-list.standard li:nth-child(4) div:last-child,.maebarai .maebarai-plan-list.standard li:nth-child(6) div:last-child { margin-top:10px; }
    .maebarai .maebarai-plan-list li div span { background:linear-gradient(transparent 60%, #ff0 60%); }
    .maebarai .maebarai-plan-list li:nth-child(7) div:last-child { color:#f00; }
    .maebarai .maebarai-cont08-wrap { background:#eef7ff; padding:40px 10%; margin-bottom:40px; }
    .maebarai .maebarai-cont08-wrap h2 { font-size:22px; text-align:center; }
    .maebarai .maebarai-cont08-list { border-top:1px dashed #ccc; }
    .maebarai .maebarai-cont08-list li { font-size:18px; color:#222; line-height:1.4; background:url(https://dev-corp.gmoc.jp/wp-content/uploads/2021/03/icon_check.png) left center / 24px 45px no-repeat; padding:10px 0 10px 36px; border-bottom:1px dashed #ccc; box-sizing:border-box; }
    .mail-icon.maebarai { width:126px; height:120px; }
    @media screen and (max-width:767px) {
      .maebarai br.disp-sp { display:inline; }
      .maebarai br.disp-dt { display:none; }
      .maebarai .maebarai-flex-list { flex-flow:column; }
      .maebarai .maebarai-flex-list li { width:100%; }
      .maebarai .maebarai-cont05-list { flex-flow:column; justify-content:flex-start; margin:0; }
      .maebarai .maebarai-cont05-list .arrow { width:0; margin:0 auto; border-bottom:0; border-top:12px solid #ccc; border-right:16px solid transparent; border-left:16px solid transparent; position:static; }
      .maebarai .maebarai-cont06-list { display:flex; flex-flow:column; justify-content:flex-start; }
      .maebarai .maebarai-cont06-list > li { width:100%; margin-top:20px; }
     }
    @media screen and (max-width:590px) {
      .maebarai .maebarai-tab-btn { justify-content:flex-start; }
      .maebarai .maebarai-tab-btn li { width:50%; }
      .maebarai .maebarai-tab-btn li a { font-size:16px; padding:10px 0; line-height:1.4; pointer-events:auto; cursor:pointer; }
      .maebarai .maebarai-tab-btn li:first-child a { color:#0059af; background:#ebf5ff; border-bottom:4px solid #808080; }
      .maebarai .maebarai-tab-btn li:first-child.active a { color:#fff; background:#0059af; border-bottom:4px solid #0059af; }
      .maebarai .maebarai-tab-btn li:last-child a { color:#777; background:#f2f2f2; border-bottom:4px solid #0059af; }
      .maebarai .maebarai-tab-btn li:last-child.active a { color:#fff; background:#808080; border-bottom:4px solid #808080; }
      .maebarai .maebarai-tab-cont { display:block; }
      .maebarai .maebarai-tab-cont ul { display:none; width:100%; padding:10px; }
      .maebarai .maebarai-tab-cont ul.visible { display:block; }
      .maebarai .maebarai-cont08-wrap { padding:20px; }
      .maebarai .maebarai-cont08-wrap h2 { font-size:18px; text-align:left; }
      .maebarai .maebarai-cont08-list li { font-size:16px; }
     }
    .maebarai li {list-style: none;}
    .maebarai ul {margin: 0;}


    .service-title {
        text-align: center;
        font-size: 1.3em;
        margin-bottom: 20px;
    }
    .service-box {
        margin-bottom: 20px;
    }
    .service-box a {
        display: block;
    }
    .service-logo, .service-logonew {
        display: block;
        padding: 20px 0;
        border: 1px #f2f2f2 solid;
        text-align: center;
    }
    .service-logonew {
        border: none;
    }
    .service-logonew img {
        width: auto;
        max-height: 115px;
    }
    .service-box h2 {
        display: block;
        padding: 20px;
        background: #f2f2f2;
        font-size: .9em;
        min-height: 90px;
    }
    .service-image img {
        width: 100%;
        max-width: 730px;
        height: auto;
        margin-bottom: 20px;
    }
    .service-image141110 img {
        width: 100%;
        max-width: 730px;
        height: auto;
        margin-bottom: 60px;
    }
    .service-titleO2O, .service-titleEc, .service-titleYshp {
        margin: 40px 0 20px 0;
        padding: 10px;
        text-align: center;
        font-size: 1.1em;
        font-weight: bold;
        color: #fff;
        letter-spacing: 0.15em;
    }
    .service-titleO2O {
        background: #0997c5;
    }
    .service-titleEc {
        background: #5ab41e;
    }
    .service-titleYshp {
        background: #e50f3a;
    }
    .row3 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        border-right: solid 1px #e5e5e5;
        width: 32.3%;
        width: -webkit-calc(33% - 21px);
        width: calc(33% - 21px);
    }
    .row3.o2o_relation {
        padding-left: 0;
        width: 32.3%;
        width: -webkit-calc(33% - 11px);
        width: calc(33% - 11px);
    }
    .row3.ec_relation {
        padding-right: 0;
        border-right: none;
        width: 32.3%;
        width: -webkit-calc(33% - 10px);
        width: calc(33% - 10px);
    }
    .row3.alignment_service {
        padding-right: 0;
        padding-left: 0;
        border-right: none;
        width: 100%;
    }
    .row3_alignment_service {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 10px;
    }
    .row3_alignment_service_inner {
        padding-left: 0;
        flex-basis: 32.3%;
    }
    .row3_alignment_service_inner1 {
        padding-left: 10px;
        padding-right: 10px;
        border-right: solid 1px #e5e5e5;
    }
    .row3_alignment_service_inner2 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .row3 {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        border-right: solid 1px #e5e5e5;
        width: 32.3%;
        width: -webkit-calc(33% - 21px);
        width: calc(33% - 21px);
    }
    .row3 h3 {
        font-size: 1.15em;
        font-weight: bold;
        color: #fff;
        height: 50px;
        line-height: 50px;
        text-align: center;
    }
    .o2o_relation h3 {
        background-color: #2ca1d2;
    }
    .o2oec_relation h3 {
        background-color: #727171;
    }
    .ec_relation h3 {
        background-color: #ed9027;
    }
    .alignment_service h3 {
        background-color: #b5cde3;
        color: #000;
    }
    .rowoverflowhidden {
        overflow: hidden;
    }
    .red {
        background-color: #FF0004;
    }
    .green {
        background-color: #34E600;
    }
    .blue {
        background-color: #002FFF;
    }
    @media only screen and (max-width:767px) {
    .service_image_bottom {
        margin-bottom: 40px;
    }
    .row .row3 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        border: none;
    }
    .row3_alignment_service {
        flex-direction: column;
    }
    .row3_alignment_service_inner {
        flex-basis: 100%;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }
    .service-box h2 {
        min-height: 100%;
    }
    .service-logonew img {
        width: auto;
        max-height: 100%;
    }
    .o2o_relation, .o2oec_relation, .ec_relation {
        padding-bottom: 30px;
    }
    }
     @media only screen and (max-width:479px) {
    .service-image img {
        margin-bottom: 0;
    }
    .service-image141110 img {
        margin-bottom: 0;
    }
    .service-titleO2O, .service-titleEc, .service-titleYshp {
        font-size: 1.0em;
    }
    }
    /* -------------------------------

    LP default

    ------------------------------- */
    .service-page-logo {
        margin: 0 0 20px 0;
        padding: 5px 0;
        border: 5px #eee solid;
        text-align: center;
    }
    h2.service-page-catch {
        margin: 0 0 10px 0;
        font-size: 1.8em;
        font-weight: bold;
        color: #000;
    }
     @media only screen and (max-width:479px) {
    h2.service-page-catch {
        font-size: 1.5em;
    }
    }
    b.service-page-bold {
        font-weight: bold;
    }
    .service-page-subtitle {
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px #ccc dotted;
        font-size: 1.4em;
        font-weight: bold;
        color: #000;
    }
     @media only screen and (max-width:479px) {
    .service-page-subtitle {
        font-size: 1.2em;
    }
    }
    .service-page-subtitle small {
        font-size: .7em;
        font-weight: normal;
    }
    .service-page-subtitle p {
        display: inline;
        font-size: .6em;
        font-weight: normal;
        color: #ec0969;
    }
    .service-page-img img {
        width: 100%;
        max-width: 730px;
        height: auto;
    }
    .service-page-img img.width729 {
        max-width: 729px !important;
    }
    ul.service-page-list {
        margin: 10px 0;
    }
    ul.service-page-list li {
        margin: 0 0 0 20px;
        list-style: square;
    }
    .service-page-txt {
        font-size: .8em;
    }
    .service-page-txt p {
        margin: 10px 0 5px 0;
        font-weight: bold;
    }
    .service-page-txt small {
        margin: 0 5px 0 0;
        color: #ec0969;
    }
    /*Merit*/
    .o2o-merit-box, .branch-merit-box, .photo-merit-box, .sma-merit-box, .lineat-merit-box {
        padding: 15px;
        border: 5px #eee solid;
        font-weight: bold;
    }
    .merit-icon {
        width: 20%;
    }
    .merit-txt {
        width: 78%;
        margin: 10px 0 0 0;
    }
    .branch-merit-box .merit-txt {
        margin: 5px 0 0 0;
        font-size: 1.8em;
        font-weight: bold;
    }
    .branch-merit-color01 {
        color: #168fc8;
    }
    .branch-merit-color02 {
        color: #08ab83;
    }
    .branch-merit-color03 {
        color: #dabb0f;
    }
    .branch-merit-color04 {
        color: #de4eaa;
    }
     @media only screen and (max-width:479px) {
    .merit-icon {
        width: 25%;
    }
    .merit-txt {
        width: 72%;
    }
    }
    .photo-merit-box {
        text-align: center;
    }
    .photo-merit-txt {
        font-size: 2em;
        font-weight: bold;
        color: #7fbf34;
    }
    .photo-merit-txt p {
        display: inline;
        font-size: .7em !important;
    }
     @media only screen and (max-width:479px) {
    .photo-merit-txt {
        font-size: 1.7em;
    }
    }
    .sma-merit-box .merit-txt {
        margin: 0;
        font-size: 1.3em;
        font-weight: bold;
    }
    /* -------------------------------

    shift-manager

    ------------------------------- */


    .postid-399 .btn-box {
    text-align: center;
    display: flex;
    justify-content: space-around;
    }
    @media only screen and (max-width:767px) {
    .postid-399 .btn-box {
    display: block;
    }

    .postid-399 .btn-box .q_button{
    width: 100%;
    }
    .postid-399 .btn-box .q_button:nth-child(1){
    margin-bottom: 26px;
    }
    }

    /* -------------------------------

    gmorepeater

    ------------------------------- */

    .postid-240 .point .num {
    display: block;
    font-size: 1.8rem;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    }

    .postid-240 .point .tokucho {
    display: block;
    width: 80px;
    height: 80px;
    background: #0076de;
    color: #fff;
    font-size: 1.0rem;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
    padding-top: 5px;
    position: relative;
    }

    .postid-240 .subcatch {
    background: #ffa530;
    font-size: 1.4em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    }

    .postid-240 .point {
    display: flex;
    margin: 0px;
    }

    .postid-240 .point li {
    width: 32%;
    }

    .postid-240 .point li:not(:last-child) {
    margin-right: 25px;
    }

    .postid-240 .point strong {
    display: block;
    color: #0076de;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    }

    .postid-240 .point img {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    }


    .postid-240 .btn-box {
    text-align: center;
    display: flex;
    justify-content: space-around;
    }
    .btn-box {
    text-align: center;
    display: flex;
    justify-content: space-around;
    }



    @media screen and (max-width: 767px){
    .postid-240 .point{
    display: block;
    width: 100%;
    margin-bottom: 50px;
    }
    .postid-240 .point li {
    width: 100%;
    }

    .postid-240 .point p {
    text-align: center;
    }
    .postid-240 .btn-box {
    display: block;
    }

    .btn-box {
    display: block;
    }

    .postid-240 .btn-box .q_button{
    width: 100%;
    }
    .postid-240 .btn-box .q_button:nth-child(1){
    margin-bottom: 26px;
    }

    .btn-box .q_button:nth-child(1){
    margin-bottom: 26px;
    }

    }

    /* -------------------------------

    Marut O2O

    ------------------------------- */
    @media only screen and (max-width:767px) {
    .o2o-image {
        margin: 0 0 20px 0;
    }
    }
    .o2o-image img {
        width: 100%;
        height: auto;
    }
    .o2o-image-icon {
        width: 50px;
        padding: 10px;
        border: 5px #2e8ed0 solid;
        text-align: center;
        color: #2e8ed0;
        font-weight: bold;
    }
    .o2o-info {
        font-size: .8em;
    }
    /*Plan table*/
    .marut-o2oPlanTable {
        width: 100%;
        margin-bottom: 20px;
    }
    .marut-o2oPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        font-size: .9em;
    }
    .marut-o2oPlanTable.sps-2 td.marut-o2oPlanTablePlanTitle {
        font-size: .7em;
        vertical-align: middle;
    }
    .marut-o2oPlanTable td small {
        font-size: .8em;
    }
    .marut-o2oPlanTable td.marut-o2oPlanTableTitle {
        width: 40%;
        background-color: #999;
        color: #fff;
        font-size: .9em;
        font-weight: normal;
    }
    .marut-o2oPlanTable td.marut-o2oPlanTablePlanTitle {
        width: 20%;
        background-color: #2e8ed0;
        color: #fff;
    }
    .marut-o2oPlanTable td.marut-o2oPlanTableBigHead {
        background-color: #e9e9e9;
        font-size: .9em;
        font-weight: normal;
        vertical-align: middle;
        white-space: nowrap;
    }
    .marut-o2oPlanTable.sps-2 td.marut-o2oPlanTableBigHead {
        background-color: #f3f3f3;
    }
    .marut-o2oPlanTable td.marut-o2oPlanTableHead {
        background-color: #f3f3f3;
        font-size: .9em;
        font-weight: normal;
        white-space: nowrap;
    }
    .marut-o2oPlanTableInfo {
        margin-bottom: 50px;
        font-size: .9em;
    }
    .marut-o2oPlanTable td.bordernone {
        border: none;
    }
     @media only screen and (max-width:479px) {
    .marut-o2oPlanTable {
        font-size: .7em !important;
    }
    .marut-o2oPlanTable td.marut-o2oPlanTableHead, .marut-o2oPlanTable td.marut-o2oPlanTableBigHead {
        white-space: normal;
    }
    }
    /* -------------------------------

    Marut netshop

    ------------------------------- */
    .service-marutNetshop-pointImage {
        width: 7%;
        float: left;
        margin: 0 0 0 0;
    }
    .service-marutNetshop-pointTxt {
        width: 90%;
        float: right;
        font-size: 1.2em;
    }
    .service-marutNetshop-pointTxt p {
        font-weight: bold;
        color: #3cb2d4;
    }
    .service-marutNetshop-pointTxt small {
        font-size: .8em;
    }
    .service-marutNetshop-pointTxt small b {
        color: #e9455a;
    }
     @media only screen and (max-width:479px) {
    .service-marutNetshop-pointImage {
        width: 15%;
        margin: 5px 0 0 0;
    }
    .service-marutNetshop-pointTxt {
        width: 80%;
        font-size: 1.0em;
    }
    }
    .service-marutNetshop-pointImage img {
        width: 100%;
        max-width: 50px;
        height: auto;
    }
    .service-marutNetshop-planEx {
        margin-bottom: 10px;
    }
    .service-marutNetshop-planEx strong, strong.service-marutNetshop-color {
        font-size: 1.2em;
        font-weight: bold;
        color: #21995a;
    }
    .service-marutNetshop-planImage {
        width: 12%;
        float: left;
    }
    .service-marutNetshop-planTxt {
        width: 85%;
        margin-top: 7px;
        float: right;
    }
     @media only screen and (max-width:767px) {
    .service-marutNetshop-planTxt {
        margin-top: 0;
    }
    }
     @media only screen and (max-width:479px) {
    .service-marutNetshop-planImage {
        width: 20%;
    }
    .service-marutNetshop-planTxt {
        width: 75%;
    }
    }
    .service-marutNetshop-planImage img {
        width: 100%;
        max-width: 100px;
        height: auto;
    }
    .service-marutNetshop-att, .service-marutNetshop-tableInfo {
        font-size: .8em;
        margin-bottom: 20px;
    }
    .service-marutNetshop-red {
        color: #e9455a;
    }
    /*Fukidashi*/
    .service-marutNetshop-planBox {
        margin: 10px 0;
        padding: 10px;
        position: relative;
        background: #ffffff;
        border: 3px solid #fc0;
    }
    .service-marutNetshop-planBox:after, .service-marutNetshop-planBox:before {
        bottom: 100%;
        left: 5%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .service-marutNetshop-planBox:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 7px;
        margin-left: -7px;
    }
    .service-marutNetshop-planBox:before {
        border-color: rgba(255, 204, 0, 0);
        border-bottom-color: #fc0;
        border-width: 11px;
        margin-left: -11px;
    }
     @media only screen and (max-width:479px) {
    .service-marutNetshop-planBox:after, .service-marutNetshop-planBox:before {
        left: 50%;
    }
    }
    /*Plan design sample*/
    .service-marutNetshop-design {
        margin-bottom: 20px;
        text-align: center;
        font-size: .8em;
    }
    .service-marutNetshop-design img {
        width: 100%;
        max-width: 233px;
        height: auto;
    }
     @media only screen and (max-width:767px) {
    .service-marutNetshop-design {
        margin-bottom: 20px;
    }
    .service-marutNetshop-design img {
        max-width: 466px;
    }
    }
     @media only screen and (max-width:479px) {
    .service-marutNetshop-design img {
        max-width: 233px;
    }
    }
    /*Price table*/
    .marutNetshopPlanTable {
        width: 100%;
        margin-bottom: 20px;
    }
    .marutNetshopPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        vertical-align: middle;
    }
    table.marutNetshopPlanTable tr td:first-child {
        white-space: normal;
    }
    .marutNetshopPlanTable th {
        text-align: left;
        font-weight: bold;
        color: #e84b7b;
        padding-bottom: 10px;
    }
    .marutNetshopPlanTable td small {
        font-size: .8em;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableHeadTitle {
        width: 24%;
        background-color: #aaa;
        color: #fff;
        font-size: .9em;
        font-weight: normal;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableLiteTitle {
        width: 24%;
        background-color: #e9455a;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableStdTitle {
        width: 24%;
        background-color: #22b67c;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTablePreTitle {
        width: 24%;
        background-color: #f6ab00;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableHajimeteTitle {
        width: 24%;
        background-color: #00a0ea;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableKihonTitle {
        width: 24%;
        background-color: #efb400;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableAnshinTitle {
        width: 24%;
        background-color: #fe3b60;
        font-weight: bold;
        color: #fff;
    }
    .marutNetshopPlanTable td.marutNetshopPlanTableHead {
        background-color: #f3f3f3;
        font-size: .9em;
        font-weight: normal;
        white-space: normal;
    }
     @media only screen and (max-width:479px) {
    .marutNetshopPlanTable {
        font-size: .7em;
    }
    table.marutNetshopPlanTable tr td {
        white-space: normal;
    }
    table.marutNetshopPlanTable tr td {
        padding: 5px;
    }
    }
    /*Price table140722*/
    .marutNetshopPlanTable td.marutns-planTitle, .marutNetshopPlanTable td.marutns-planLite, .marutNetshopPlanTable td.marutns-planStandard, .marutNetshopPlanTable td.marutns-planConvert, .marutNetshopPlanTable td.marutns-planPackage {
        width: 20%;
        color: #fff;
        font-size: .9em;
        font-weight: bold;
    }
    .marutNetshopPlanTable td.marutns-planTitle {
        font-weight: normal;
        background-color: #aaa;
    }
    .marutNetshopPlanTable td.marutns-planLite {
        background-color: #00a0ea;
    }
    .marutNetshopPlanTable td.marutns-planStandard {
        background-color: #efb400;
    }
    .marutNetshopPlanTable td.marutns-planConvert {
        background-color: #21995a;
    }
    .marutNetshopPlanTable td.marutns-planPackage {
        background-color: #fe3b60;
    }
    /*Option price table*/
    .op-table {
        margin: 0 auto 20px auto;
    }
    .op-table th {
        padding: 10px 0;
        border: 1px #555 solid;
        background: #555;
        font-weight: bold;
        color: #fff;
    }
    .op-table td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        vertical-align: middle;
    }
    .op-table td.op-table-title {
        background: #eee;
    }
    .op-table td.op-table-nobold {
        width: 35%;
        font-size: .8em;
        font-weight: normal;
    }
     @media only screen and (max-width:479px) {
    .op-table {
        font-size: .9em;
    }
    table.op-table tr td {
        white-space: normal;
    }
    table.op-table tr td {
        padding: 5px;
    }
    .op-table th {
        padding: 10px 0;
    }
    }
    /* -------------------------------

    Add friend

    ------------------------------- */
    .service-addfriend-txt {
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
    }
    .service-addfriend-icon01 img, .service-addfriend-icon02 img, .service-addfriend-icon03 img {
        width: 100%;
        max-width: 730px;
        height: auto;
    }
    p.service-addfriend-att {
        margin: 0 0 20px 0;
        color: #ec0969;
    }
    /*Price*/
    .addfriendPlanTable {
        width: 100%;
        margin-bottom: 40px;
    }
    .addfriendPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
    }
    .addfriendPlanTable td.addfriendPlanTableTitle {
        width: 50%;
        background: #f3f3f3;
        font-weight: normal;
    }
    .addfriendPlanTable td.addfriendPlanTableTitle small {
        margin: 0 0 0 5px;
        font-size: .7em;
    }
    .addfriendPlanTable td.addfriendPlanTableTxt {
        font-weight: bold;
    }
     @media only screen and (max-width:479px) {
    .addfriendPlanTable td.addfriendPlanTableTxt {
        font-size: 1.0em;
    }
    .addfriendPlanTable td.addfriendPlanTableTitle {
        white-space: normal;
    }
    }
    /* -------------------------------

    Branch

    ------------------------------- */
    .service-branch-toplink a {
        font-weight: bold;
        text-decoration: underline;
        color: #ec0969;
    }
    .service-branch-subtitle {
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px #ddd dotted;
        font-size: 1.8em;
        font-weight: bold;
    }
    .service-branch-subtitle p {
        display: inline;
        font-size: .6em;
        font-weight: normal;
        color: #ec0969;
    }
     @media only screen and (max-width:479px) {
    .service-branch-subtitle {
        font-size: 1.3em;
    }
    }
    .service-branch-txt01 {
        font-size: .8em;
    }
    .service-branch-txt01 p {
        display: inline;
        color: #ec0969;
    }
    .service-branch-txt02 {
        font-size: 1.2em;
        font-weight: bold;
        color: #7fbf34;
    }
    .service-branch-plan {
        margin-bottom: 40px;
        text-align: center;
    }
    .service-branch-plan img {
        width: 100%;
        max-width: 233px;
        height: auto;
    }
     @media only screen and (max-width:767px) {
    .service-branch-plan {
        margin-bottom: 20px;
    }
    .service-branch-plan img {
        max-width: 466px;
    }
    }
     @media only screen and (max-width:479px) {
    .service-branch-plan img {
        max-width: 233px;
    }
    }
    /*Plan table*/
    .branchAgencyPlanTable {
        width: 100%;
        margin-bottom: 40px;
    }
    .branchAgencyPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        vertical-align: middle;
    }
    .branchAgencyPlanTable td.branchAgencyPlanLiteTitle {
        background-color: #13c588;
        font-weight: bold;
        color: #fff;
    }
    .branchAgencyPlanTable td.branchAgencyPlanBasicTitle {
        background-color: #377cdb;
        font-weight: bold;
        color: #fff;
    }
    .branchAgencyPlanTable td.branchAgencyPlanPlusTitle {
        background-color: #eecc2f;
        font-weight: bold;
        color: #fff;
    }
    .branchAgencyPlanTable td.branchAgencyPlanHeadTitle {
        background-color: #999;
        color: #fff;
        font-size: .9em;
        font-weight: normal;
    }
    .marut-o2oPlanTable td.marut-o2oPlanTablePlanTitle {
        background-color: #2e8ed0;
        color: #fff;
    }
    .branchAgencyPlanTable td.branchAgencyPlanTableBigHead {
        background-color: #e9e9e9;
        font-size: .9em;
        font-weight: normal;
        vertical-align: middle;
        white-space: normal;
    }
    .branchAgencyPlanTable td.branchAgencyPlanTableHead {
        background-color: #f3f3f3;
        font-size: .9em;
        font-weight: normal;
        white-space: normal;
    }
     @media only screen and (max-width:479px) {
    .branchAgencyPlanTable {
        margin-bottom: 20px;
    }
    .branchAgencyPlanTable td, .branchAgencyPlanTable td.branchAgencyPlanHeadTitle, .branchAgencyPlanTable td.branchAgencyPlanTableBigHead, .branchAgencyPlanTable td.branchAgencyPlanTableHead {
        font-size: .8em;
    }
    }
    /*Campaign201312*/
    .branchAgencyCamRed {
        font-size: 1.2em;
        font-weight: bold !important;
        color: #ff5337;
    }
    .branchAgencyCamBox {
        margin: 20px 0 0 0;
        padding: 10px;
        position: relative;
        background: #ffffff;
        border: 4px solid #ff5337;
        text-align: center;
    }
    .branchAgencyCamBox strong {
        font-size: 1.2em;
        font-weight: bold;
        color: #ff5337;
    }
    .branchAgencyCamBox:after, .branchAgencyCamBox:before {
        bottom: 100%;
        left: 75%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .branchAgencyCamBox:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 10px;
        margin-left: -10px;
    }
    .branchAgencyCamBox:before {
        border-color: rgba(255, 83, 55, 0);
        border-bottom-color: #ff5337;
        border-width: 16px;
        margin-left: -16px;
    }
     @media only screen and (max-width:767px) {
    .branchAgencyCamBox:after, .branchAgencyCamBox:before {
        left: 50%;
    }
    }
    /* -------------------------------

    Photo

    ------------------------------- */
    .service-photo-flow {
        margin: 0 0 5px 0;
        font-size: 1.5em;
        font-weight: bold;
        color: #7fbf34;
    }
    .service-photo-color {
        display: inline;
        color: #ec0969;
    }
    .service-photo-sample {
        margin-bottom: 5px
    }
    .service-photo-sample img {
        width: 100%;
        max-width: 137px;
        height: auto;
    }
     @media only screen and (max-width:479px) {
    .service-photo-sample {
        margin-bottom: 0
    }
    }
    /*Plan*/
    .service-photo-lite {
        border: 5px #6fb121 solid;
    }
    .service-photo-std {
        border: 5px #1babda solid;
    }
     @media only screen and (max-width:767px) {
    .service-photo-lite {
        margin-bottom: 20px;
    }
    }
    .service-photo-planL {
        width: 68%;
        float: left;
    }
    .service-photo-planR {
        padding: 10px 0 0 0;
        width: 28%;
        float: right;
        font-size: .7em;
    }
    .service-photo-planR img {
        width: 100%;
        max-width: 120px;
        height: auto;
    }
    .service-photo-lite h2, .service-photo-std h2 {
        display: block;
        padding: 5px;
        font-size: 1.2em;
        font-weight: bold;
    }
    .service-photo-lite h2 {
        color: #6fb121;
    }
    .service-photo-std h2 {
        color: #1babda;
    }
    .service-photo-lite p, .service-photo-std p {
        display: inline-block;
        margin: 0 0 10px 0;
        padding: 5px;
        color: #FFF;
        border-radius: 5px;
    }
    .service-photo-lite p {
        background: #6fb121;
    }
    .service-photo-std p {
        background: #1babda;
    }
    .service-photo-lite span, .service-photo-std span {
        display: inline-block;
        margin: 0 5px 10px 0;
        padding: 5px;
        font-size: .8em;
        border-radius: 5px;
    }
    .service-photo-lite span {
        background: #d4e7bc;
    }
    .service-photo-std span {
        background: #c6eaf6;
    }
    /*Price*/
    .service-photo-priceGray, .service-photo-price {
        padding: 10px 5px 5px 10px;
    }
    .service-photo-priceGray {
        background: #eee;
    }
    .service-photo-priceLite, .service-photo-priceLiteBlock, .service-photo-priceStd, .service-photo-priceStdBlock {
        font-weight: bold;
        font-size: .8em;
    }
    .service-photo-priceLite-txt, .service-photo-priceStd-txt {
        font-size: 2em;
    }
    .service-photo-priceLite-txt {
        color: #6fb121;
    }
    .service-photo-priceStd-txt {
        color: #1babda;
    }
    .service-photo-priceLite-txt small, .service-photo-priceStd-txt small {
        font-size: .5em;
        font-weight: normal;
    }
    .service-photo-priceLiteBlock, .service-photo-priceStdBlock, .service-photo-priceSampleBlock {
        display: inline-block;
        margin: 10px 5px 0 0;
        padding: 5px;
        font-size: .8em;
        font-weight: normal;
        line-height: 1.6;
        color: #fff;
        text-align: center;
        border-radius: 5px;
    }
     @media only screen and (max-width:479px) {
    .service-photo-priceStdBlock, .service-photo-priceSampleBlock {
        display: block;
    }
    .service-photo-priceStdBlock {
        margin: 5px 5px 10px 0;
    }
    .service-photo-priceSampleBlock {
        margin: 0 5px 0 0;
    }
    }
    .service-photo-priceLiteBlock {
        background: #6fb121;
    }
    .service-photo-priceStdBlock {
        background: #1babda;
    }
    .service-photo-priceSampleBlock {
        background: #e89338;
    }
    .service-photo-priceLiteBlock-txt, .service-photo-priceStdBlock-txt, .service-photo-priceSampleBlock-txt {
        font-size: 1.1em;
        font-weight: bold;
    }
    /*Option*/
    .service-photo-op {
        padding: 20px;
        border: 5px #eee solid;
    }
    .service-photo-opImg {
        width: 16%;
        float: left;
    }
    .service-photo-opTxt, .service-photo-opTxt2nd {
        width: 80%;
        float: right;
    }
    .service-photo-opTxt2nd {
        margin-top: 20px;
    }
     @media only screen and (max-width:767px) {
    .service-photo-opTxt2nd {
        margin-top: 0;
    }
    }
    .service-photo-opImg img {
        width: 100%;
        max-width: 120px;
        height: auto;
    }
    .service-photo-opTxt b, .service-photo-opTxt2nd b {
        font-size: 1.2em;
        font-weight: bold;
    }
    .service-photo-opPrice {
        display: inline;
        font-size: 1.5em;
        font-weight: bold;
        color: #ec0969;
    }
    .service-photo-opPrice small {
        font-size: .6em;
        font-weight: normal;
    }
     @media only screen and (max-width:479px) {
    .service-photo-opImg {
        width: 28%;
    }
    .service-photo-opTxt, .service-photo-opTxt2nd {
        width: 68%;
    }
    .service-photo-op {
        padding: 10px;
    }
    .service-photo-opTxt b, .service-photo-opTxt2nd b, .service-photo-opPrice {
        font-size: 1.1em;
    }
    }
    /*Price table*/
    .photoAgencyPlanTable {
        width: 100%;
        margin-bottom: 40px;
    }
    .photoAgencyPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
    }
    .photoAgencyPlanTable th {
        text-align: left;
        font-weight: bold;
        color: #e84b7b;
        padding-bottom: 10px;
    }
    .photoAgencyPlanTable td small {
        font-size: .8em;
    }
    .photoAgencyPlanTable td.photoAgencyPlanTableHeadTitle {
        width: 33%;
        background-color: #999;
        color: #fff;
        font-size: .9em;
        font-weight: normal;
    }
    .photoAgencyPlanTable td.verticalAlignMiddle {
        vertical-align: middle;
    }
    .photoAgencyPlanTable td.photoAgencyPlanTableHead {
        background-color: #f3f3f3;
        font-size: .9em;
        font-weight: normal;
        white-space: normal;
    }
    .photoAgencyPlanTable td.photoAgencyPlanTableLiteTitle {
        width: 33%;
        background-color: #6fb121;
        font-weight: bold;
        color: #fff;
    }
    .photoAgencyPlanTable td.photoAgencyPlanTableStdTitle {
        width: 33%;
        background-color: #1babda;
        font-weight: bold;
        color: #fff;
    }
    .photoAgencyPlanTable td.photoAgencyPlanTableOpTitle {
        width: 66%;
    }
    /* -------------------------------

    Omakase listing

    ------------------------------- */
    .service-ad-bold, .service-ad-price {
        font-weight: bold;
        color: #008dc2;
    }
    .service-ad-price {
        display: inline;
        font-size: 1.8em;
    }
    .service-ad-price small {
        font-size: .6em;
    }
     @media only screen and (max-width:479px) {
    .service-ad-price {
        font-size: 1.5em;
    }
    }
    /*Budget*/
    .service-ad-budget-title {
        font-weight: bold;
    }
    .service-ad-budget-block1 {
        padding: 20px;
        background: #f3f3f3;
    }
    .service-ad-budget-block2 {
        padding: 20px;
        background: #fff;
    }
    .service-ad-budget-block2 p {
        font-weight: bold;
        color: #008dc2;
    }
    .service-ad-budget-block2 strong {
        display: inline-block;
        border-bottom: 3px #008dc2 solid;
        font-weight: bold;
    }
     @media only screen and (max-width:479px) {
    .service-ad-budget-block1, .service-ad-budget-block2 {
        padding: 10px;
    }
    }
    .service-ad-budget100, .service-ad-budget95, .service-ad-budget5, .service-ad-budget20, .service-ad-budget75 {
        height: 100px;
        text-align: center;
        font-size: 0.8em;
    }
    .service-ad-budget100, .service-ad-budget95 {
        line-height: 100px;
        background: #ccc;
    }
    .service-ad-budget100 {
        width: 100%;
    }
    .service-ad-budget95 {
        width: 95%;
    }
    .service-ad-budget5, .service-ad-budget20 {
        background: #777;
        color: #fff;
    }
    .service-ad-budget5 {
        width: 5%;
    }
    .service-ad-budget20 {
        width: 20%;
        line-height: 100px;
    }
    .service-ad-budget75 {
        width: 75%;
        line-height: 100px;
        background: #fc0;
    }
    .service-ad-yshp {
        margin-top: 20px;
        font-size: 1.2em;
        font-weight: bold;
        color: #ff0033;
    }
    .service-ad-name {
        margin: 20px 0;
        font-weight: bold;
        color: #008dc2;
    }
    .service-listing-agencytxt {
        margin-top: 15px;
    }
     @media only screen and (max-width:767px) {
    .service-listing-agencytxt {
        margin-top: 0;
    }
    .service-listing-agencybadge {
        margin-top: 20px;
        text-align: center;
    }
    }
    /* -------------------------------

    Sugoi itemPrice

    ------------------------------- */
    /*Plan*/
    .itempricePlan, .itempriceSite {
        width: 100%;
        margin-bottom: 20px;
    }
    .itempricePlan td, .itempriceSite td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        font-size: .9em;
    }
    .itempricePlan td.itempricePlanTitle, .itempriceSite td.itempriceSiteTitle {
        background: #f3f3f3;
        font-weight: normal;
    }
    .itempricePlan td.itempricePlanService1, .itempriceSite td.itempricePlanService1 {
        background: #147fd1;
        color: #fff;
    }
    .itempricePlan td.itempricePlanService2, .itempriceSite td.itempricePlanService2 {
        background: #18be8d;
        color: #fff;
    }
     @media only screen and (max-width:479px) {
    .itempricePlan td, .itempriceSite td, .itempricePlan td.itempricePlanTitle, .itempriceSite td.itempriceSiteTitle, .itempricePlan td.itempricePlanService1, .itempriceSite td.itempricePlanService1, .itempricePlan td.itempricePlanService2, .itempriceSite td.itempricePlanService2 {
        font-size: .7em;
        white-space: normal;
    }
    }
    .service-itemprice-plan-txt {
        font-size: .8em;
        margin: 0 0 40px 0;
    }
    /* -------------------------------

    Sugoi storeApp

    ------------------------------- */
    .service-page-subtitle span {
        display: inline-block;
        margin: 0 7px 0 0;
        padding: 5px 7px;
        background: #000;
        color: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .service-storeapp-txt {
        margin: 0 0 20px 0;
    }
    .service-storeapp-pointImage {
        width: 15%;
        float: left;
    }
    .service-storeapp-pointTxt {
        width: 83%;
        float: right;
    }
     @media only screen and (max-width:479px) {
    .service-storeapp-pointImage {
        width: 25%;
    }
    .service-storeapp-pointTxt {
        width: 70%;
    }
    }
    .service-storeapp-pointImage img {
        width: 100%;
        max-width: 100px;
        height: auto;
    }
    .service-storeapp-pointTxt p {
        font-size: 1.2em;
        font-weight: bold;
        color: #f6ab00;
    }
    .service-storeapp-function, .service-storeapp-function1 {
        height: 60px;
        margin: 0 0 20px 0;
        padding: 20px 0;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
        border: 1px #439ede solid;
        background: #fff;
        color: #439ede;
    }
    .service-storeapp-function1 {
        height: 45px;
        padding: 35px 0 20px 0;
    }
    /*Price*/
    .storeappPlanTable {
        width: 100%;
        margin-bottom: 40px;
    }
    .storeappPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        vertical-align: middle;
    }
    .storeappPlanTable td:first-child {
        font-weight: normal;
    }
    .storeappPlanTable td.storeappPlanTableTitle {
        width: 50%;
        background: #f3f3f3;
        font-weight: bold;
    }
    .storeappPlanTable td.storeappPlanTableTxt {
        font-size: 1.2em;
        font-weight: bold;
    }
     @media only screen and (max-width:479px) {
    .service-page-subtitle span {
        font-size: 0.8em;
    }
    .storeappPlanTable td.storeappPlanTableTxt {
        font-size: 1.0em;
    }
    }
    /*Detail price*/
    .storeappPlanDetail {
        width: 100%;
        margin-top: 10px;
    }
    .storeappPlanDetail td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        vertical-align: middle;
        font-size: .8em;
        font-weight: normal;
    }
    .storeappPlanDetail td.storeappPlanDetailHead {
        font-weight: bold;
        background: #e6e6e6;
    }
    .storeappPlanDetail td.storeappPlanDetailTitle {
        background: #f3f3f3;
    }
    /*Support pack example*/
    .service-storeapp-support-example {
        margin-bottom: 10px;
        text-align: center;
    }
    .service-storeapp-support-example img {
        width: 100%;
        max-width: 233px;
        height: auto;
    }
    p.service-storeapp-support-example-txt {
        font-size: 1.2em;
        font-weight: bold;
        color: #439ede;
    }
     @media only screen and (max-width:767px) {
    .service-storeapp-support-example {
        margin-top: 20px;
    }
    p.service-storeapp-support-example-txt {
        font-size: 1em;
        text-align: center;
    }
    }
    /* -------------------------------

    Sugoi netshop

    ------------------------------- */
    .service-netshop-pointImage {
        width: 12%;
        float: left;
        margin: 15px 0 0 0;
    }
    .service-netshop-pointTxt {
        width: 86%;
        float: right;
    }
     @media only screen and (max-width:479px) {
    .service-netshop-pointImage {
        width: 25%;
        margin: 10px 0 0 0;
    }
    .service-netshop-pointTxt {
        width: 70%;
    }
    }
    .service-netshop-pointImage img {
        width: 100%;
        max-width: 84px;
        height: auto;
    }
    .service-netshop-pointTxt p {
        font-size: 1.2em;
        font-weight: bold;
        color: #f6ab00;
    }
    .service-netshop-function {
        margin: 0 0 20px 0;
        padding: 20px 0;
        border: 1px #ddd solid;
        text-align: center;
        font-size: 1.3em;
        font-weight: bold;
    }
    .service-netshop-functionIcon img {
        width: 100%;
        max-width: 182px;
        height: auto;
        margin: 0 0 5px 0;
    }
    .service-netshop-footer {
        margin: 20px 0 0 0;
        text-align: center;
        font-size: .7em;
    }
    /*Price*/
    .netshopPlanTable {
        width: 100%;
        margin-bottom: 20px;
    }
    .netshopPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: normal;
    }
    .netshopPlanTable td:first-child {
        font-weight: normal;
    }
    .netshopPlanTable td.netshopPlanTableTitle {
        width: 50%;
        background: #f3f3f3;
        font-weight: bold;
    }
    .netshopPlanTable td.netshopPlanTableZero {
        font-size: 2em;
        font-weight: bold;
        color: #f30;
    }
     @media only screen and (max-width:479px) {
    .netshopPlanTable td.netshopPlanTableZero {
        font-size: 1.5em;
    }
    }
    /* -------------------------------

    Convert

    ------------------------------- */
    .service-convert-point {
        width: 18%;
        float: left;
        padding: 10px 0;
        background: #000;
        text-align: center;
        color: #fff;
        font-size: 1.2em;
        font-weight: bold;
    }
    .service-convert-pointTxt {
        width: 78%;
        float: right;
        margin: 10px 0 0 0;
        font-size: 1.2em;
        font-weight: bold;
    }
     @media only screen and (max-width:479px) {
    .service-convert-point {
        width: 30%;
        margin: 10px 0 0 0;
    }
    .service-convert-pointTxt {
        width: 65%;
    }
    }
    /* -------------------------------

    Omakase Sma

    ------------------------------- */
    /*Plan table*/
    .smaPlanTable {
        width: 100%;
        margin-bottom: 20px;
    }
    .smaPlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
    }
    .smaPlanTable td.smaPlanHeadTitle {
        width: 50%;
        background-color: #999;
        color: #fff;
        font-size: .9em;
        font-weight: normal;
    }
    .smaPlanTable td.smaPlanTableBigHead {
        background-color: #e9e9e9;
        font-size: .9em;
        font-weight: normal;
        vertical-align: middle;
        white-space: normal;
    }
    .smaPlanTable td.smaPlanTableHead {
        background-color: #f3f3f3;
        font-size: .9em;
        font-weight: normal;
        white-space: normal;
    }
    .smaPlanTable td.smaPlanTableHead small, .smaPlanTable td.smaPlanTableBigHead small {
        margin: 0 0 0 5px;
        color: #ec0969;
    }
     @media only screen and (max-width:479px) {
    .smaPlanTable {
        margin-bottom: 20px;
    }
    .smaPlanTable td, .smaPlanTable td.smaPlanHeadTitle, .smaPlanTable td.smaPlanTableBigHead, .smaPlanTable td.smaPlanTableHead {
        font-size: .8em;
    }
    }
    /* -------------------------------

    Yahoo! Shopping

    ------------------------------- */
    .service-yshp-color {
        display: inline;
        color: #ff0032;
    }
    .service-yshp-txt {
        font-size: .8em;
        margin-bottom: 60px;
    }
    .service-yshp-title {
        margin: 20px 0;
        padding: 5px;
        text-align: center;
        background: #ffdf00;
        font-size: 1.2em;
        font-weight: bold;
        color: #000;
        border-radius: 80px;
    }
    .service-yshp-title p, .service-yshp-subtitle p {
        display: inline;
        color: #ff0032;
    }
    .service-yshp-title p {
        font-size: 1.5em;
    }
    .service-yshp-subtitle {
        margin: 0 0 30px 0;
        padding: 0 0 5px 0;
        border-bottom: 5px #ff0032 solid;
        font-size: 1.5em;
        font-weight: bold;
        color: #000;
    }
     @media only screen and (max-width:479px) {
    .service-yshp-txt {
        font-size: .6em;
        margin-bottom: 20px;
    }
    .service-yshp-title {
        font-size: 1.0em;
    }
    .service-yshp-title p {
        font-size: 1.2em;
        display: block;
    }
    .service-yshp-subtitle {
        font-size: 1.1em;
        margin: 0 0 10px 0;
    }
    }
    /* -------------------------------

    Omakase Yahoo! Shopping

    ------------------------------- */
    /*Toggle*/
    .toggle {
        padding: 20px 0;
    }
    .toggle-btn-gray, .toggle-btn-line {
        margin: 0 auto;
    }
    /*Title margin*/
    h2.service-yshop-mt {
        margin-top: 60px;
    }
     @media only screen and (max-width:479px) {
    h2.service-yshop-mt {
        margin-top: 30px;
    }
    }
    /*Pack example*/
    .service-yshop-2pack {
        text-align: center;
    }
    .service-yshop-2pack img {
        width: 100%;
        max-width: 357px;
        height: auto;
    }
     @media only screen and (max-width:767px) {
    .service-yshop-2pack {
        margin-bottom: 20px;
    }
    .service-yshop-2pack img {
        max-width: 714px;
    }
    }
     @media only screen and (max-width:479px) {
    .service-yshop-2pack img {
        max-width: 357px;
    }
    }
    /*Anchor*/
    #branch, #smartphonepage, #renewal, #sp, #goods, #convert {
        padding-top: 50px;
        margin-top: -50px;
    }
     @media only screen and (max-width:767px) {
    #branch, #smartphonepage, #renewal, #sp, #goods, #convert {
        padding-top: 10px;
        margin-top: -10px;
    }
    .recruit-jobs-title {
        margin-bottom: 5px;
    }
    .recruit-jobs-anchor {
        margin-bottom: 20px;
    }
    }
    /* -------------------------------

    LINE@

    ------------------------------- */
    .service-lineat-reason-icon {
        width: 7%;
        float: left;
        margin: 0 0 0 0;
    }
    .service-lineat-reason-txt {
        width: 90%;
        float: right;
        font-size: 1.2em;
    }
    .service-lineat-reason-txt p {
        font-weight: bold;
        color: #0bb203;
    }
    .service-lineat-reason-txt strong {
        font-weight: bold;
    }
     @media only screen and (max-width:479px) {
    .service-lineat-reason-icon {
        width: 15%;
        margin: 5px 0 0 0;
    }
    .service-lineat-reason-txt {
        width: 80%;
        font-size: 1.0em;
    }
    .service-lineat-reason-txt p {
        font-size: 1.1em;
    }
    }
    .service-lineat-reason-icon img {
        width: 100%;
        max-width: 50px;
        height: auto;
    }
    .service-lineat-info {
        font-size: .8em;
    }
    /*Plan table*/
    .service-lineat-plan {
        width: 100%;
        margin-bottom: 20px;
    }
    .service-lineat-plan th {
        padding: 10px 0;
        font-size: 1.2em;
        font-weight: bold;
        text-align: left;
        color: #000;
    }
    .service-lineat-plan td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-size: .8em;
        vertical-align: middle;
    }
    .service-lineat-plan td small {
        font-size: .8em;
    }
    .service-lineat-plan td.service-lineat-plan-mainprice {
        font-size: 1em;
        font-weight: bold;
    }
    .service-lineat-plan td.service-lineat-plan-mainprice p {
        display: inline;
        color: #f00;
    }
    .service-lineat-plan td.service-lineat-plan-title {
        width: 20%;
        background-color: #999;
        color: #fff;
        font-size: .9em;
        font-weight: normal;
    }
    .service-lineat-plan td.service-lineat-plan-name {
        width: 20%;
        background-color: #0bb203;
        color: #fff;
    }
    .service-lineat-plan td.service-lineat-plan-bigHead {
        background-color: #e9e9e9;
        font-size: .9em;
        font-weight: normal;
        vertical-align: middle;
        white-space: nowrap;
    }
    .service-lineat-plan td.service-lineat-plan-head {
        background-color: #f3f3f3;
        text-align: left;
        font-size: .9em;
        font-weight: normal;
        white-space: nowrap;
    }
    .service-lineat-plan-info {
        margin-bottom: 50px;
        font-size: .9em;
    }
     @media only screen and (max-width:479px) {
    .service-lineat-plan {
        font-size: .7em !important;
    }
    .service-lineat-plan td.service-lineat-plan-head, .service-lineat-plan td.service-lineat-plan-bigHead {
        white-space: normal;
    }
    }

    /* -------------------------------

    Smart Reserve

    ------------------------------- */
    @media only screen and (max-width:767px) {
    .smart-reserve {
        margin: 0 0 20px 0;
    }
    }
    .smart-reserve img {
        width: 100%;
        max-width: 449px;
        height: auto;
    }
    .service-smart-reserve-pointImage {
        width: 7%;
        float: left;
        margin: 0 0 0 0;
    }
    .service-smart-reserve-pointTxt {
        width: 90%;
        float: right;
        font-size: 1.2em;
    }
    .service-smart-reserve-pointTxt p {
        font-weight: bold;
        color: #f6ab00;
    }
    .service-smart-reserve-pointTxt small {
        font-size: .8em;
    }
    .service-smart-reserve-pointTxt small b {
        color: #e9455a;
    }
     @media only screen and (max-width:479px) {
    .service-smart-reserve-pointImage {
        width: 15%;
        margin: 5px 0 0 0;
    }
    .service-smart-reserve-pointTxt {
        width: 80%;
        font-size: 1.0em;
    }
    }
    .service-smart-reserve-pointImage img {
        width: 100%;
        max-width: 50px;
        height: auto;
    }
    .smart-mainfunction {
        border: 5px #eee solid;
        font-weight: bold;
    }
    .device-smart-reserve {
        margin-bottom: 20px;
    }
    .device-smart-reserve strong {
        font-size: 1.2em;
        font-weight: bold;
    }
    /*Plan table*/

    .smart-reservePlanTable {
        width: 100%;
        margin-bottom: 20px;
    }
    .smart-reservePlanTable td {
        padding: 10px;
        border: 1px #ccc solid;
        text-align: center;
        font-weight: bold;
        font-size: .9em;
    }
    .smart-reservePlanTable td small {
        font-size: .8em;
    }
    .smart-reservePlanTable td.smart-reservePlanTableTitle {
        width: 50%;
        background-color: #999;
        color: #fff;
        font-size: .9em;
        font-weight: normal;
    }
    .smart-reservePlanTable td.smart-reservePlanTablePlanTitle {
        width: 50%;
        background-color: #2e8ed0;
        color: #fff;
    }
    .smart-reservePlanTable td.smart-reservePlanTableBigHead {
        background-color: #e9e9e9;
        font-size: .9em;
        font-weight: normal;
        vertical-align: middle;
        white-space: nowrap;
    }
    .smart-reservePlanTable td.smart-reservePlanTableHead {
        background-color: #f3f3f3;
        font-size: .9em;
        font-weight: normal;
        white-space: nowrap;
    }
     @media only screen and (max-width:479px) {
    .smart-reservePlanTable {
        font-size: .7em !important;
    }
    .smart-reservePlanTable td.smart-reservePlanTableHead, .smart-reservePlanTable td.smart-reservePlanTableBigHead {
        white-space: normal;
    }
    }
    .tenpoapp a {
        background-color: #f0c400;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .tenpoapp a:hover {
        background-color: #f68b00;
    }
    .ecapp a {
        background-color: #5cc9f3;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .ecapp a:hover {
        background-color: #1196a9;
    }
    .max-width500 {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .service_policy {
        width: 50%;
        text-align: center;
        margin: 30px auto 20px auto;
        padding: 10px;
        border: 1px solid #aaa;
    }
    .service_policy a {
        display: inline-block;
        margin: 0 10px;
    }
    .branch-merit-box .merit-icon img {
        max-width: 50px;
        height: auto;
    }
    /* -------------------------------

    Instagram

    ------------------------------- */
    .row3_instagram {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .row3_instagram li {
        padding-right: 10px;
        /*flex-basis: 33%;*/
        text-align: center;
    }
    .row3_instagram li:last-child {
        padding-right: 0;
    }
    .row3_instagram li img {
        max-width: 100%;
        width:100%;
        height: auto;
        vertical-align: bottom;
    }
    .row3_instagram--t {
        font-size: 22px;
        font-weight: bold;
        display: block;
    }
    .row3_instagram--d {
        padding: 0 20px 12px;
        background: #f5f5f5;
        font-size: .9em;
        min-height: 66px;
        display: block;
        text-align: left;
    }
    .service-instagram-reason-icon {
        color: #fff;
        font-size: 19px;
        font-weight: bold;
        width: 20%;
        float: left;
        margin: 0 0 0 0;
        padding: 10px 20px;
        background-color: #334152;
        border-radius: 6px;
        text-align: center;
    }
    .service-instagram-reason-txt {
        width: 70%;
        float: right;
        font-size: 1.2em;
    }
    .service-instagram-reason-txt p {
        font-weight: bold;
        color: #fe5a29;
    }
    .service-instagram-reason-txt strong {
        font-weight: bold;
    }
    .instagram_finish--t {
        font-size: 24px;
        font-weight: bold;
        color: #fe5a29;
        text-align: center;
    }
    .instagram_finish {
        padding: 15px;
        border: 5px #eee solid;
    }
    .instagram_finish--d {
        font-size: 16px;
        padding-left: 22px;
        list-style: disc;
        margin-left: 20px;
    }
    .instagram_finish--d li {
        margin: 10px 0;
    }
    @media only screen and (max-width:479px) {
    .row3_instagram {
        flex-direction: column;
    }
    .row3_instagram li {
        padding-right: 0;
        flex-basis: 100%;
    }
    .row3_instagram--t {
        margin-top: 25px;
    }
    .row3_instagram--d {
        padding: 0 12px 18px;
        min-height: auto;
        margin-bottom: 18px;
    }
    .service-instagram-reason-icon {
        width: auto;
        float: none;
        margin: 0 0 20px 0;
    }
    .service-instagram-reason-txt {
        width: auto;
        float: none;
    }
    .instagram_finish--d {
        margin-left: 0;
    }
    }
    /* -------------------------------

    LINE

    ------------------------------- */
    .line_case {
        text-align: center;
        margin: 0 0 25px;
    }
    .line_case_inner {
        padding: 20px 40px;
        font-weight: bold;
    }
    .line_case_inner--top {
        color: #FFF;
        background-color: #00C400;
    }
    .line_case--t {
        font-size: 1.6em;
    }
    .line_case--t2 {
        color: #00C400;
        font-size: 1.6em;
    }
    .line_box {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
    }
    .line_boxes {
        border: solid 2px #fff;
        padding: 8px 12px;
        border-radius: 6px;
        margin: 8px;
    }
    .line_case_btn {
        font-size: 1.6em;
        padding: 12px;
        border-radius: 32px;
        background-color: #fff;
        color: #00C400;
        box-sizing: border-box;
        max-width: 320px;
        margin: 15px auto 7px;
        display: block;
    }
    .line_case_bullet {
        font-size: 1.3em;
        margin: 10px 0;
        font-weight: normal;
    }
    @media only screen and (max-width:479px) {
    .line_box {
        flex-direction: column;
    }
    .line_case_inner--bottom {
        padding: 20px 0;
    }
    }
    .linecase_btn a {
        color: #FFF;
        font-size: 1.1em;
        background-color: #02b902;
        border-radius: 5px;
        max-width: 320px;
        display: block;
        text-align: center;
        margin: 8px auto 30px;
        padding: 10px 15px;
    }
    .linecase_btn a:hover {
        background-color: #009c00;
    }
    /* -------------------------------

    netshop_unnei

    ------------------------------- */
    .subcatch {
        background: #d9525e;
        font-size: 1.4em;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding: 10px;
        border-radius: 3px;
    }
    .flex3r2 {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        margin: 0 auto 15px;
        width: 88%;
    }
    .flex3r2_1 {
        background-color: #005aac;
        color: #FFF;
        padding: 10px 15px;
        flex: 1;
    }
    .flex3r2_2 {
        box-sizing: border-box;
        flex-basis: 44%;
        background: #FFF url(../../../img/2013/service/icon_arrow@2x.png) no-repeat left center;
        background-size: 13px 34px;
        padding-left: 30px;
        margin-left: 20px;
    }
    .service-page-subtitle2 {
        margin: 0 0 20px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px #ccc dotted;
        font-size: 1.2em;
        font-weight: bold;
        color: #000;
    }
    .service-page-subtitle2s {
        font-size: 13px;
        font-weight: normal;
        vertical-align: top;
    }
    .netshop_kaiketsu_s {
        display: none;
    }
    .netshop_yokuaru {
        margin: 40px 0 30px;
        text-align: center;
    }
    .netshop_yokuaru_box {
        display: flex;
        justify-content: space-between;
    }
    @media only screen and (max-width:479px) {
    .netshop_kaiketsu {
        display: none;
    }
    .netshop_kaiketsu_s {
        display: block;
    }
    .netshop_yokuaru_box {
        flex-direction: column;
    }
    .netshop_yokuaru_box div {
        margin-bottom: 30px;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .flex3r2 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        width: 100%
    }
    .flex3r2_1 {
        flex: 1 0 100%;
        display: block;
    }
    .flex3r2_2 {
        flex-basis: 100%;
        background: #FFF url(../../../img/2013/service/icon_arrow@2x.png) no-repeat left center;
        background-size: 13px 34px;
        padding-left: 30px;
        margin: 10px 0 0 10px;
    }
    .service-page-subtitle2 {
        font-size: 1.0em;
    }
    }
    /* -------------------------------

    LINE2

    ------------------------------- */
    html {
        scroll-behavior: smooth;
    }
    .row img {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    .line-hero {
        font-size: 24px;
        font-weight: bold;
        color: #FFF;
        padding: 8px;
        line-height: 1.5;
        /*border: 2px solid #4eb76b;*/
        background: #4eb76b;
        text-align: center;
        margin: 10px 0;
    }
    .line-hero-des {
        text-align: left;
    }
    .line-check {
        display: flex;
        margin: 5px 0 ;
    }
    .line-checkbox {
        font-size: 11px;
        line-height: 1.3;
        width: 100%;
        position: relative;
        background: #EFF3E5;/*#EFF3E5*/
        padding: 3px 10px 10px;
        margin: 8px 10px 8px 0;
        box-sizing: border-box;
    }
    .line-checkbox .line-checkbox-tex
    {
    height: 150px;
    }
    .line-checkbox:last-child {
        margin-right: 0;
    }
    .line-checkbox-img {
        text-align: center;
    }
    .line-checktip {
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 14px;
        color: #FFF;
        background: #4eb76b;
        width: 100px;
        padding: 3px 6px;
        text-align: center;
    }
    .line-check h3 {
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        margin: 15px 0 5px;
        line-height: 1.3;
    }
    .line-checkbox a {
        font-size: 15px;
        width: 80%;
        margin: 8px auto 0;
        padding: 6px;
        color: #FFF;
        background: #CBCBCB;
        text-align: center;
        display: block;
        border-radius: 5px;
        transition: all .3s;
    }
    .line-checkbox a:hover, .line-checkbox a.addon {
        /*width: 90%;*/
        background: #4eb76b;
    }
    .line-contact {
        display: flex;
        margin: 18px 0 40px;
        box-sizing: border-box;
    }
    .line-download, .line-contactform {
        width: 100%;
        text-align: center;
        padding: 0 20px 8px;
        box-sizing: border-box;
    }
    .line-download a, .line-contactform a {
        color: #FFF;
        font-size: 16px;
        font-weight: bold;
        padding: 10px;
        text-align: center;
        display: block;
        border-radius: 5px;
        transition: background-color .2s;
        max-width: 306px;
        margin: 0 auto;
    }

    @media screen and (min-width: 768px){
    .line-download .q_button,
    .line-contactform .q_button {
    width: 100%;
    }
    }

    .line-download a {
        background: #3884c6;
    }
    .line-download a:hover {
        background: #266faf;
    }
    .line-contactform a {
        background: #ffa530;
    }
    .line-contactform a:hover {
        background: #f68b00;
    }
    .line-download a:before, .line-contactform a:before {
        margin-right: 5px;
    /*	color: #225092;*/
    /*	font-family: 'gmoc-icon';*/

    }
    .line-download a:before, .line-contactform a:before {
        color: #fff;
    /*	content: '\e803';*/
    }

    .line-checkbox .line-checkbox-tex
    {
    height: 150px;
    }

    .line-support-title {
        font-size: 24px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 8px;
        line-height: 1.5;
        text-align: center;
        margin: 30px 0 20px;
        background: #58cac9 linear-gradient(to right, #58cac9 0%, #60dc9a 100%);
    }
    /*.line-support-up { float:right; margin-left:20px; max-width:240px;}*/
    /*.line-support-des {
    display: flex;
        flex-direction: column;
    }*/
    .line-support-des1 img {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: block;
    }
    .onestop {
        color: #4eb76b;
    }
    .line-support-title2 {
        font-size: 20px;
        font-weight: bold;
        color: #FFFFFF;
        padding: 5px;
        line-height: 1.5;
        text-align: center;
        margin: 30px 0 20px;
        background: #162753;
    }
    .line-support-destxt {
        text-align: left;
    }
    .line-support-three {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .line-support-threebox {
        line-height: 1.3;
        width: 100%;
        position: relative;
        margin: 5px 0 15px;
        box-sizing: border-box;
        padding: 20px 0 0;
    }
    /*.line-support-threebox:last-child {
        margin-right: 0;
    }*/
    .line-support-threebox img {
        width: 100%;
    }
    .line-support-threebox + .line-support-threebox { border-top: solid 1px #ccc;}
    .blue-dl {
        color: #266faf;
    }
    .line-message-sepa {
        display: flex;
        flex-direction: column;
        margin: 15px 0 5px;
        text-align: center;
    }
    .line-message-sepabox {
        font-size: 13px;
        line-height: 1.3;
        width: 100%;
        background: #fff;
        padding: 10px;
        margin: 15px 10px 10px 0;
        box-sizing: border-box;
        border: 1px solid #4eb76b;
    }
    .line-message-sepabox:last-child {
        margin-right: 0;
    }
    .line-message-sepa h3 {
        color: #4eb76b;
        font-size: 1.5em;
        font-weight: bold;
        text-align: center;
        margin: 0 0 5px;
        line-height: 1.8em;
    }
    #line-message, #line-support {
        padding-top: 25px;
        margin-top: -25px;
    }
    .p-service-entry .line-message-sepa .line-message-sepabox h3{

    margin: 0px
    }

    .line-finish {
        margin: 20px 0 30px;
    }
    .line-finish-title {
        font-size: 26px;
        font-weight: bold;
        color: #4eb76b;
        padding: 8px;
        line-height: 1.5;
        text-align: center;
        margin: 10px 0;
    }
    .line-finish-ul li {
        font-size: 22px;
        padding-left: 49px;
        margin: 5px;
        background: url(../../../img/2013/service/line/line-finish-check.png) no-repeat;
        background-size: 45px 45px;
    }
    .line-agent {
        text-align: center;
        margin: 15px;
    }
    .mail-icon {
        position: fixed;
        right: 0;
        top: 270px;
        width: 114px;
        height: 112px;
    }
    @media only screen and (max-width:767px) {
    .none_sp {
        display: none;
    }
    .line-check, .line-contact, .line-support-des, .line-support-three, .line-message-sepa {
        flex-direction: column;
    }
    .line-wide_sp {
        margin: 0 -20px;
    }
    #line-message, #line-support {
        padding-top: 0;
        margin-top: 0;
    }

    .line-checkbox .line-checkbox-tex{
    height: auto;
    }

    .mail-icon {
        display: none;
    }
    .line-support-des1 img, .line-support-threebox img {
        width: 100%;
    }
    }


    .service-page-logo img {
        height: 100px;
        width: auto;
    }

    /**  table css  **/
    .red_txt {
        color: #FE5337 ;
    }

    .YstoreOpeningAgencyTable td {
        width: 2% ;
    }

    .supplement {
        font-size: .9em ;
    }
    .fLeft{float:left;}
    .fRight{float:right;}
    .clear{clear:both;}

    .row .six.columns {
        width: 48.93617%;
    }

    .row .four.columns {
        width: 31.91489%;
    }

    ul.list-disc,
    ul.list-disc li {
        list-style-type: disc;
    }

    ul.list-decimal,
    ul.list-decimal li {
        list-style-type: decimal;
    }

    ul.list-circle,
    ul.list-circle li {
        list-style-type: circle;
    }

    ul.policy-list-bracket li {
        margin: 0;
        list-style: none;
        counter-increment: chapter;
        padding-left: 2.7em;
        text-indent: -2.7em;
    }
    ul.policy-list-bracket li:before {
        padding-right: 10px;
        display: inline-block;
        width: 2.0em;
        content: "(" counter(chapter)")";
        text-align: right;
    }

    .acform-kiyaku-subtitle {
        margin: 30px 0 0 0;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
    }

    .legal h3 {
        margin: 50px 0 0 0;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
    }

    .legal h4 {
        margin: 30px 0 10px 0;
        padding: 0 0 5px 0;
        font-size: 1.2em;
        font-weight: bold;
        border-bottom: 1px #ddd dotted;
    }

    p.policy-title {
        margin: 30px 0 10px 0;
        padding: 0 0 5px 0;
        font-size: 1.2em;
        font-weight: bold;
        border-bottom: 1px #ddd dotted;
    }

    p.policy-date {
        text-align: right;
    }

    .contents {
      width: 100%;
      max-width: 946px;
      display: flex;
      margin: 0 auto;
      font-size: 0.8em;
      line-height: 1.7em;
    }

    .contents a:hover {
        color: #005bac;
    }

    .contents ul, li {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }

    .col-2 {
      width: 20%;
    }
    .col-8 {
      width: 100%;
    }

    .contents-title {
      background: #F7F7F7;
      padding: 7% 0;
    }
    .contents-title > div {
      background: #005BAC;
    }
    .contents-title h2 {
      color: #FFF;
      background: #005BAC;
      width: 100%;
      text-align: center;
      padding: 15px 0px;
      font-size: 2em;
        line-height: 1.5em;
        margin: 0;
    }

    @media screen and (max-width:767px)  {

    .contents-title h2 {
      font-size: 1.3em;
    }
    }


    .sitemap h2 {
      font-weight: bold;
      font-size: 1em;
      text-decoration: underline;
      color: #5E5E5E;
    }
    .sitemap p {
      text-decoration: underline;
    }
    .sitemap a {
      text-decoration: none;
      font-size: 0.9em;
    }


    .container {
      z-index: 0;
      color: #5E5E5E;
    }
    .container ul, .container ul li {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    .sitemap-list-title {
      font-size: 1em;
      text-decoration: none !important;
    }
    *, *:before, *:after {
      box-sizing: border-box;
    }
    .col_5 {
      width: 100%;
      display: flex;
      display: -ms-flexbox; /* IE10 */
      flex-wrap: wrap;
      -ms-flex-wrap: wrap; /* IE10 */
    }
    .col_5 > div {
      width: 20%;
      padding: 10px;
    }
    .col_5 > div > div {
      position: relative;
      overflow: hidden
    }
    .sitemap-gmoc ul li:first-child {
      text-decoration: none;
    }
    .privacypolicy-message p, .privacypolicy-bottom {
      font-size: 1.1em;
    }
    .privacypolicy-message p + p, .privacypolicy-bottom {
      text-align: right;
    }
    .contents-textbox {
      width: 100%;
      margin-bottom: 20px;
    }
    .contents-textbox-title {
      background: #FAFAFA;
      color: #5E5E5E;
      padding: 10px;
      font-weight: bold;
      font-size: 1em;
    }
    .contents-textbox-innr {
      border: 2px solid #FAFAFA;
      padding: 10px;
    }
    .contents-textbox-innr a, table a,.legal a {
      color: #005BAC;
      text-decoration: none;
    }
    .contents-textbox-innr ol li {
      list-style-type: decimal;
    }
    .contents-textbox-innr ol {
      padding-left: 30px;
    }
    .policy-mail {
      text-align: center;
    }
    .contents-textbox-02 h3 {
      font-size: 1.5em;
      margin-bottom: 20px;
    }

    .legal h3 {
        margin: 50px 0 0 0;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
    }

    .legal h4 {
        margin: 30px 0 10px 0;
        padding: 0 0 5px 0;
        font-size: 1.2em;
        font-weight: bold;
        border-bottom: 1px #ddd dotted;
    }

    .contents table {
      width: 100%;
      border-spacing: 0;
      border: 2px solid #FAFAFA;
      margin-right: 20px;
    }
    .contents table td {
      padding: 10px;
      border-bottom: 2px solid #FAFAFA;
    }
    .contents table th {
      background: #FAFAFA;
      color: #555555;
      padding: 10px;
      width: 30%;
      text-align: left;
      vertical-align: top;
    }

    /*テーブル2*/
    table.table-02 {
      width: 100%;
      border-spacing: 0;
      margin-right: 20px;
      border: 0px solid #FAFAFA;
    }
    table.table-02 td {
      padding: 10px;
      border-bottom: 1px solid #dcdcdc;
    }
    table.table-02 th {
      background: #FFFFFF;
      color: #353535;
      padding: 10px;
      width: 25%;
      text-align: left;
      border-bottom: 1px solid #dcdcdc;
    }
    .sitemap-list-title {
      font-size: 1em;
      text-decoration: none !important;
    }
    .sitemap h2 a {
        font-size: 1em;
    }

    /* SP */
    @media screen and (max-width: 800px) {
      .col-2, .col-8 {
        width: 100%;
      }
      .contents {
        width: 100%;
        display: block;
        padding: 0 10px 0 10px;
        font-size: 1em;
      }
      .contents table td:last-child {
        border-bottom: solid 1px #FAFAFA;
        width: 100%;
      }
      .contents table {
        width: 100%;
      }
      .contents table th, .contents table td {
        border-bottom: none;
        display: block;
        width: 100%;
      }
      .contents table.table-02 td {
        padding: 10px;
        border-bottom: 1px solid #7D7D7D;
      }
      .contents table.table-02 th {
        border-bottom: 0px solid #7D7D7D;
        width: 100%;
      }
      .top-message div:first-child {
        display: block;
      }
      .top-message div:first-child div:first-child,
        .top-message div:first-child div:nth-child(2) {
        width: 100%;
      }
    }
    #infoMainTitle {
        margin: 0 0 40px 0;
        padding: 20px 0;
        border-top: 1px #aaa solid;
        border-bottom: 1px #aaa solid;
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
    }

    @media screen and (max-width:767px)  {
    }

    @media screen and (max-width:767px)  {.p-entry__body td {width:30%;}}

    .p-global-nav .pc-none{display:none;}


    @media only screen and (max-width: 1199px) {
        .p-global-nav .sp-none{display:none;}
    .p-global-nav .pc-none{display:block;} }

    @media screen and (max-width:767px)  {
        .omakase-sp-seisaku{display: block!important;}
        .omakase-sp-seisaku > div {width: 100%!important;margin-bottom:10px;}
    }

    table.marutNetshopPlanTable {
        table-layout: fixed;
    }

    .op-table.marutto-net-shop-table td.op-table-nobold {
        width: auto!important;
    }


    .p-entry__body .op-table.marutto-net-shop-table td {
        width: 25%;
    }

    @media screen and (max-width:767px)  {
    .instagram-support .row {
        width: 100%;
        min-width: 0;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        }}


    .instagram-support .clearfix{*zoom:1;}
    /*.instagram-support .clearfix:before,.clearfix:after { display:table;  content:""; }*/
    .instagram-support .clearfix:after{clear:both;}

    .instagram-support .row{*zoom:1;}
    .instagram-support .row:before,.row:after{display:table;content:"";}
    .instagram-support .row:after{clear:both;}

    /* -------------------------------

    Instagram

    ------------------------------- */
    .row3_instagram {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .row3_instagram li {
        padding-right: 10px;
        /*flex-basis: 33%;*/
        text-align: center;
    }
    .row3_instagram li:last-child {
        padding-right: 0;
    }
    .row3_instagram li img {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    .row3_instagram--t {
        font-size: 22px;
        font-weight: bold;
        display: block;
    }
    .row3_instagram--d {
        padding: 0 20px 12px;
        background: #f5f5f5;
        font-size: .9em;
        min-height: 66px;
        display: block;
        text-align: left;
        height: 100%;
        }
    .service-instagram-reason-icon {
        color: #fff;
        font-size: 19px;
        font-weight: bold;
        width: 30%;
        float: left;
        margin: 0 0 0 0;
        padding: 10px 20px;
        background-color: #334152;
        border-radius: 6px;
        text-align: center;
    }
    .service-instagram-reason-txt {
        width: 66%;
        float: right;
        font-size: 1.2em;
    }
    .service-instagram-reason-txt p {
        font-weight: bold;
        color: #fe5a29;
    }
    .service-instagram-reason-txt strong {
        font-weight: bold;
    }
    .instagram_finish--t {
        font-size: 24px;
        font-weight: bold;
        color: #fe5a29;
        text-align: center;
    }
    .instagram_finish {
        padding: 15px;
        border: 5px #eee solid;
    }
    .instagram_finish--d {
        font-size: 16px;
        padding-left: 22px;
        list-style: disc;
        margin-left: 20px;
    }
    .instagram_finish--d li {
        margin: 10px 0;
    }
    @media only screen and (max-width:767px) {
    .row3_instagram {
        flex-direction: column;
    }
    .row3_instagram li {
        padding-right: 0;
        flex-basis: 100%;
    }
    .row3_instagram--t {
        margin-top: 25px;
    }
    .row3_instagram--d {
        padding: 0 12px 18px;
        min-height: auto;
        margin-bottom: 18px;
    }
    .service-instagram-reason-icon {
        width: auto;
        float: none;
        margin: 0 0 20px 0;
    }
    .service-instagram-reason-txt {
        width: auto;
        float: none;
    }
    .instagram_finish--d {
        margin-left: 0;
    }

    div.omakase-net-shop {
        display: block!important;
    }

    div.omakase-net-shop > div {
        width: 100%!important;
        margin-bottom: 10px;
    }

    }

    /*

    form.wpcf7-form table tr.error td .your-message:after {
        position: static!important;
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important;
        width: auto;
    }
    .wpcf7-form-control-wrap {
        position: static!important;
        display: flex!important;
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important;
    }
    form.wpcf7-form table tr.error td .service-type:after {
        position: static!important;
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important;
        width: auto;
    }

    @media only screen and (max-width:767px) {
        form.wpcf7-form table tr.error td .shop-type:after, form.wpcf7-form table tr.error td .your-email:after, form.wpcf7-form table tr.error td .company-name:after, form.wpcf7-form table tr.error td .your-name:after, form.wpcf7-form table tr.error td .tel-num:after, form.wpcf7-form table tr.error td .service-type:after, form.wpcf7-form table tr.error td .your-message:after, form.wpcf7-form table tr.error td .agree:after {
            margin: 10px 0 0 0!important;
            display: inline-block!important;
        }

        .wpcf7-form-control-wrap {
            display: block!important;
        }

        .wpcf7 input[type="text"], .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea {
            width: 100%!important;
        }
    }
    */


    /** Servicepage **/

        .p-service-entry__header {
            display: none;
        }

        .p-service-entry {
            border-top: 4px solid #135BAC;
            background-color: #F8F8F8;
            padding: 40px;
        }

        .service-page .service--area {
            margin-bottom: 40px;
        }

        .service-page .service--area h2 {
            padding-left: 10px;
            border-left: solid 4px #005bac;
            line-height: 1.2;
            font-size: 30px;
            margin-bottom: 0;
        }

        .service-page .service--area h3 {
            font-size: 22px;
            margin-top: 40px;
            margin-bottom: 25px;
        }

        .service-page .service--area p {
            font-size: 1.2em;
            line-height: 44px;
            margin-bottom: 0;
        }


        .service-page .pc-none {
            display: none;
        }

        .service-page .logo-text p {
            margin-bottom: 0;
            font-size: 22px;
            font-weight: bold;
        }

        .service-page .logo-text h1 {
            margin: 33px 0;
            font-size: 32px;
        }

        .service-page .another-link {
            display: inline-block;
        }

        .service-page .another-link a {
            margin-bottom: 0;
            font-size: 18px;
            font-weight: bold;
            color: #005BAC;
        }

        .service-page .logo-block+.another-link {
            display: block;
            text-align: right;
        }

        .service-page .logo-block {
            display: flex;
            align-items: flex-start;
        }

        .service-page .left-logo {
            width: 310px;
            margin: 0 25px 0 0px;
        }

        .service-page .p-entry__body a.btn_lpLink {
            color: #000;
            background-color: #fff;
            width: 100%;
            border-radius: 10px;
            font-weight: bold;
            width: 100%;
            display: block;
            text-align: center;
            padding: 10px 0;
            box-shadow: 0px 3px 6px #0000003b;
        }

        .service-page .service--area h3 {
            display: inline-block;
        }

        .service-page .service-feature-area .another-link {
            margin-left: 20px;
            display: block;
        text-align: right;
        }
        /** table **/

        .service-page .card_design {
            display: flex;
            margin-top: 40px;
            margin-bottom: 40px;
        }
        .p-entry__body .service-page .card_design .table  {
            display: flex;
            background-color: #fff;
            text-align: center;
            padding: 40px 20px;
            width: 50%;
            box-shadow: 6px 6px 6px #00000014;
        }

        .service-page .card_design .table .mt-30 {
        margin-top: -2em ;
        }


        .p-entry__body .service-page .card_design .table tbody  {
            display: flex;
            flex-direction: column;
            width: 100%;
            align-items: center;
            justify-content: flex-start;
        }

        .service-page .card_design .table_plan {
            border-top: 5px solid #135BAC;
        }

        .service-page .card_design .table_pack2 {
            margin-right: 40px;
            border-top: 5px solid #CCCCCC;
        }

        .service-page .card_design .table_pack3 {
            margin-right: 30px;
            border-top: 5px solid #CCCCCC;
        }

        .service-page .card_design .table_plan_lite {
            border-top: 5px solid #4B89D8;
        }

        .service-page .card_design .table .annotation,
        .service-page .card_design .table .annotation_txt {
            font-size: 0.7em;
        }

        .service-page .card_design .table .annotation_txt {
            text-align: left;
            padding: 10px 0;
        }

        .service-page .card_design .table th.th_plan {
                display: flex;
        text-align: center;
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.4em;
        padding: 0;
        margin-bottom: 20px;
        flex-direction: column;
        justify-content: space-between;
            height: 120px;
        }



        .service-page .card_design .table .th_plan_detail {
            display: block;
            text-align: left;
            font-size: .7em;
            font-weight: normal;
                padding: 10px 0 15px ;
        }


        .p-entry__body .service-page .card_design th {
            background-color: #fff;
        }

        .service-page .card_design .table tbody {
            width: 100%;
        }

        .service-page .card_design .table tr {
            display: block;
            width: 100%;
        }
        .p-entry__body .service-page .card_design td,
        .p-entry__body .card_design th {
            border: none;
        }

        .p-entry__body .service-page .card_design .table .td_service,
        .p-entry__body  .service-page .card_design .table .td_out_of_service {
            text-align: left;
            font-size: 1em;
            padding: 10px 0;
            line-height: inherit;
            border-top: 1px solid #E6E6E6;
            display: block;
            line-height: 2em;
        }

        .p-entry__body .service-page .card_design .table .td_service:nth-child(1) {
            border-top: none;
        }


        .service-page .card_design .table .td_out_of_service {
            color: #cccccc;
        }

        .service-page .card_design .table_plan .td_service:before,
        .card_design .table_plan .td_out_of_service:before {
            content: "";
            width: 16px;
            height: 16px;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            margin-right: 13px;
            vertical-align: sub;
        }

        .service-page .card_design .table_plan .td_service:before {
            background-image: url(/wp-content/uploads/2022/10/bl_check_circle.png);
        }

        .service-page .card_design .table .td_out_of_service:before {
            background-image: url(/wp-content/uploads/2022/10/gr_check_circle.png);
        }
        /** Service btn **/

        .service-page .inquiry_area p {
            text-align: center;
            font-weight: bold;
            font-size: 22px;
            margin-bottom: 100px;
        }

        .service-page .btn_area {
            width: 100%;
            display: block;
            text-align: center;
        }

        .service-page .btn_area li {
            width: calc(99%/2);
            display: inline-block;
            margin-bottom: 40px;
        }

        .service-page .btn_area li a {
            width: 100%;
            display: block;
            text-align: center;
            padding: 4% 0;
            border-radius: 10px;
            box-shadow: 0px 3px 6px #0000003b;
            font-weight: bold;
            font-size: 20px;
        }

        .service-page .btn_area li a:hover {
            box-shadow: none;
        }

        .p-entry__body .service-page .btn_inquiry {
            background-color: #FAA530;
            color: #fff;
        }

        .p-entry__body .service-page .btn_application {
            background-color: #FF5337;
            color: #fff;
        }

        .p-entry__body .service-page .btn_document {
            color: #000;
            background-color: #fff;
        }

        .p-entry__body .service-page td,
        .p-entry__body .service-page th {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        .p-entry__body .service-page ul {
            margin-left: 0;
        }

        .service-page .btn_area .another-link {
            display: block;
            box-shadow: none;
            width: 100%;
            text-align: center;
        }

        .service-page .btn_area .another-link a {
            box-shadow: none;
            font-size: 1em;
            font-weight: normal;
            padding: 0;
        }
        /** sp **/

      @media screen and (min-width:1423px) {
        .service-page .card_design .table .crafting_pack {
            margin-top:30px;
        }
        }


    @media screen and (min-width:1220px) {
        .hansoku_message  .card_design .table th.th_plan {
            justify-content: flex-start
        }

        .hansoku_message .card_design .table .crafting_pack {
            margin-top:30px;
        }
        }


      @media screen and (min-width:1393px) and (max-width:1422px) {
        .service-page .card_design .table th.th_plan {
            height: 150px;
        }
        }

    @media screen and (min-width:1119px) and (max-width:1392px) {
        .service-page .card_design .table th.th_plan {
            height: 180px;
        }
        }

    @media screen and (max-width:1118px) {
        .service-page .card_design {flex-direction: column;}

        .p-entry__body .service-page .card_design .table {
             width: 100%;
            flex-direction: column;
        }

        .service-page .card_design .table th.th_plan {
            height: auto;
        }
        }


          @media screen and (max-width:1300px) {
            .service-page .card_design .table .td_service, .card_design .table .td_out_of_service {
                font-size: .9em;}
        }

        @media screen and (min-width:769px) and (max-width:1067px) {
            .service-page .card_design .table .mt-30 {
        margin-top: -5.5em ;
        }

            .service-page .card_design .table th.th_plan {
                font-size: 1.2em;
            }
            .service-page .card_design .table .th_plan_detail {
                font-size: 0.8em;
                line-height: 22px;
            }
            .service-page .card_design .table .td_service,
            .card_design .table .td_out_of_service {
                font-size: .9em;
            }
        }

        @media screen and (max-width:1024px) {
            .service-page .logo-block {
                flex-direction: column;
                margin-bottom: 20px;
            }
            .service-page .left-logo {
                width: 100%;
                margin: 0;
            }
            .service-page .logo-block p {
                width: 100%;
                display: block;
            }
            .service-page .service-feature-area .another-link {
                margin-left: 0px;
            }
            /** table **/
            .service-page .card_design3 {
                width: 100%;
                flex-direction: column;
            }
            .service-page .card_design3 .table {
                width: 100%;
            }
            .service-page .card_design3 .table_plan .td_service:before,
            .service-page .card_design3 .table .td_out_of_service:before {
                width: 14px;
                height: 14px;
            }
            .service-page .card_design3 .table:nth-child(2) {
                margin-left: 0;
            }
        }

        @media screen and (max-width:768px) {
            .service-page .card_design .table .mt-30 {
        margin-top: 0;
        }
            .p-entry__body .service-page .card_design .table {
                width: 100%;
            }

            .p-service-entry {
                padding: 20px;
            }
            .service-page .logo-text p {
                font-size: 16px;
            }
            .service-page .logo-text h1 {
                font-size: 24px;
                margin: 0;
            }
            .service-page .service--area {
                margin-bottom: 30px;
            }
            .service-page .service--area p {
                font-size: 1.2em;
                line-height: 36px;
            }
            .service-page .service--area h2 {
                font-size: 1.6em;
            }
            .service-page .service--area h3 {
                font-size: 1.2em;
                margin-top: 36px;
                margin-bottom: 10px;
                display: block;
            }
            .service-page .service-feature-area .another-link {
                margin-left: 0;
                display: block;
                text-align: right;
            }
            .p-entry__body .service-page a.btn_lpLink {
                padding: 10px 4%;
            }
            /** table **/
            .service-page .card_design {
                width: 100%;
                flex-direction: column;
            }
            .service-page .card_design .table {
                width: 100%;
            }
            .service-page .card_design .table_plan .td_service:before,
            .service-page .card_design .table .td_out_of_service:before {
                width: 14px;
                height: 14px;
            }
            .service-page .card_design .table:nth-child(2) {
                margin-left: 0;
            }
            .service-page .pc-none {
                display: table-header-group;
            }
            .p-entry__body .service-page .sp_title th {
                border: none;
                font-weight: bold;
            }
            .p-entry__body .service-page .sp_title th:nth-child(1) {
                display: inline-block;
                width: 300%;
                padding: 10px 0px;
            }
            .p-entry__body .service-page .sp_title th:nth-child(2),
            .p-entry__body .service-page .sp_title th:nth-child(3) {
                display: none;
            }
            .service-page .sp_title>.plantable-headrow {
                background-color: #F8F8F8;
            }
            .service-page .btn_area li {
                width: 100%;
            }
            .p-entry__body .service-page ul {
                margin-left: 0;
            }
            .service-page .plantable td img {
                width: 20%;
            }
            .p-entry__body .service-page td,
            .p-entry__body .service-page th {
                font-size: 12px;
            }
            .p-entry__body .service-page .sp_title th {
                background-color: #F8F8F8;
            }

            .service-page .btn_area li a {
                    padding: 4% ;
            }
        }

@media screen and (max-width: 767px) {
    .p-footer-nav {
        display: block!important;
    }

	.p-footer-widgets {
    padding: 30px 20px 10px!important;
}
}