/*
Theme Name: waiwai
Author: tnetpro
Description: This is waiwai theme.
Version: 0.01
*/

/*--------------------------------
	Reset
--------------------------------*/

html {
    font-size: 14px;
    font-size: 0.875em;
}

body,
div,
h1,
h2,
h3,
p,
a,
ul,
ol,
li,
dl,
dt,
dd,
img,
figure,
legend {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.0rem;
    border: none;
    outline: none;
}

li {
    list-style-type: none;
}

img {
    vertical-align: bottom;
}

a {
    text-decoration: none;
}

/*--------------------------------
	ClearFix
--------------------------------*/

/* For modern browsers */

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

/* For IE 6/7 (trigger hasLayout) */

.cf {
    zoom: 1;
}

/*--------------------------------
	Common
--------------------------------*/

body {
    background-color: #f4f4f4;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
}

img {
    max-width: 100%;
    height: auto;
    width/***/
    : auto;
}

table {
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.left {
    float: left;
}
.right {
    float: right;
}
.f-none {
    float: none !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt15 {
    margin-top: 15px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.font-small {
    font-size: 12px;
    line-height: 1.5;
}
.flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}


/*--------header-----------*/

#header {
    width: 100%;
    height: 177px;
    background-color: #fff;
}

#header_inner {
    width: 940px;
    height: 100px;
    margin: 0 auto;
    background: #fff;
}

#header_inner h1 {
    width: 170px;
    margin-top: 20px;
    float: left;
}

#searchbox {
    width: 300px;
    height: 55px;
    margin-top: 18px;
    float: right;
}

#searchbox ul {
    width: 300px;
}

#searchbox ul li {
    float: right;
    margin-left: 0.5em;
}

#searchbox ul li a {
    font-size: 12px;
    font-size: 0.857rem;
}

#searchbox ul li a img {
    vertical-align: -2px;
}

#searchbox .search {
    text-align: right;
    margin-top: 10px;
}

#searchbox .search_box {
    width: 180px;
    height: 20px;
    margin-right: 3px;
    padding-left: 2em;
    background: url(../images/faq/roupe.png) no-repeat 5px center;
    border: 1px solid #ccc;
}

#searchbox input.btn_submit {
    cursor: pointer;
    display: inline-block;
    width: 68px;
    height: 24px;
    border: none;
    text-indent: -9999px;
    background: url(../images/header/btn_search_h.gif) no-repeat 0 0;
}

#searchbox ul li a:hover {
    color: #003ad9;
}

#searchbox ul li a:active {
    color: #4c0066;
}

/*--------g_nav-----------*/

#g_nav {
    width: 100%;
    height: 77px;
    border-top: 1px solid #ccc;
    -webkit-box-shadow: 0px 7px 3px -3px rgba(200, 200, 200, 0.7);
    box-shadow: 0px 7px 3px -3px rgba(200, 200, 200, 0.7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(50%, #ffffff), to(#ececec));
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ececec 100%);
}

#g_nav a:hover {
    text-decoration: none;
}
.hide_list {
    display: none;
}

#toggle {
    display: none;
}

#g_nav > ul {
    width: 940px;
    height: 77px;
    margin: 0 auto;
}

#g_nav > ul > li {
    position: relative;
   /* width: 155px;*/
	width: 186px;
    height: 77px;
    margin-left: 2px;
    float: left;
    text-align: center;
}

#g_nav > ul > li:first-child {
    margin-left: 0;
}

#g_nav > ul > li > a {
    display: block;
    height: 60px;
    padding-top: 10px;
    color: #000;
    font-size: 14px;
    font-size: 1.0rem;
    border-bottom: 4px solid #fff;
}

#g_nav > ul > li > a span {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*nav カラー指定*/

#g_nav ul #g_1 > a {
    border-bottom-color: #349a50;
}

#g_nav ul #g_1 > a span {
    color: #349a50;
}

#g_nav ul #g_2 > a {
    border-bottom-color: #6577b7;
}

#g_nav ul #g_2 > a span {
    color: #6577b7;
}

#g_nav ul #g_3 > a {
    border-bottom-color: #eb7aa7;
}

#g_nav ul #g_3 > a span {
    color: #eb7aa7;
}

#g_nav ul #g_4 > a {
    border-bottom-color: #f7a603;
}

#g_nav ul #g_4 > a span {
    color: #f7a603;
}

#g_nav ul #g_5 > a {
    border-bottom-color: #cb4bbf;
}

#g_nav ul #g_5 > a span {
    color: #cb4bbf;
}

#g_nav ul #g_6 > a {
    border-bottom-color: #da0c3a;
}

#g_nav ul #g_6 > a span {
    color: #da0c3a;
}

#g_nav > ul > li ul {
    display: none;
}

/*-- for only PC --*/

@media screen and (min-width: 940px) {
    #g_nav > ul > li.hover_y:hover > ul {
        display: block;
        border-top: 2px solid #eee;
        z-index: 9999;
        width: 0;
    }
    #g_nav > ul > li > ul > li:hover ul {
        display: block;
        height: 400px;
        text-indent: 1em;
        background-color: #6659F8;
        z-index: 9999;
    }
    #g_nav > ul > li > ul > li:hover ul a:hover {
        background-color: #8A87DC;
    }
}
.sub_1 {
    width: 940px;
    height: 400px;
    background-color: #005E91;
    position: absolute;
}
.sub_1 > li {
    width: 300px;
    height: 40px;
    margin-left: 200px;
    background: #005E91;
    position: relative;
}

#g_6 .sub_1 > li {
    width: 210px;
}
.sub_1 > li > a {
    display: block;
    width: 300px;
    height: 30px;
    padding-top: 10px;
    text-align: left;
    text-indent: 1em;
    color: #fff;
    background-color: #005E91;
}

#g_6 .sub_1 > li > a {
    width: 210px;
}
.sub_1 > li > a .sub_1 > li > a span.link_ttl {
    display: block;
    width: 270px;
    margin-left: 0;
    text-indent: 1em;
    float: left;
}
.sub_1 > li > a span.link_mrk {
    display: block;
    width: 30px;
    text-indent: 0;
    float: right;
}
.sub_2 {
    width: 314px;
    height: auto !important;
    background-color: #666;
    position: absolute;
    right: -314px;
    top: 0;
}
.sub_2 li {
    height: 40px;
}
.sub_2 li a {
    display: block;
    width: 100%;
    height: 30px;
    padding-top: 10px;
    text-align: left;
    text-indent: 2em;
    color: #fff;
}

/*-- for only PC --*/

@media screen and (min-width: 940px) {
    /*アコーディオン時の背景色と位置*/
    #g_1 .sub_1 {
        left: -200px;
        background-color: #349a50;
    }
    #g_1 .sub_1 > li,
    #g_1 .sub_1 > li > a {
        background-color: #349a50;
    }
    #g_1 .sub_1 > li > a:hover {
        background-color: #20863c;
    }

    #g_2 .sub_1 {
        left: -200px;
        background-color: #6577b7;
    }
    #g_2 .sub_1 > li,
    #g_2 .sub_1 > li > a {
        background-color: #6577b7;
    }
    #g_2 .sub_1 > li:hover > a {
        background-color: #5367b0;
    }
    #g_nav > ul > #g_2 > .sub_1 > li > .sub_2 {
        background-color: #5367b0;
    }
    #g_nav > ul > #g_2 > .sub_1 > li:hover .sub_2 > li:hover a {
        background-color: #4559a3;
    }
    #g_3 .sub_1 {
        left: -200px;
        background-color: #eb7aa7;
    }
    #g_3 .sub_1 > li,
    #g_3 .sub_1 > li > a {
        background-color: #eb7aa7;
    }
    #g_3 .sub_1 > li:hover > a {
        background-color: #e56598;
    }
    #g_nav > ul > #g_3 > .sub_1 > li > .sub_2 {
        background-color: #e56598;
    }
    .g_2_2:hover + .g_2_1 {
        background-color: #e56598;
    }
    #g_nav > ul > #g_3 > .sub_1 > li:hover .sub_2 > li:hover a {
        background-color: #e0538c;
    }
    #g_4 .sub_1 {
        left: -200px;
        background-color: #f7a603;
    }
    #g_4 .sub_1 > li,
    #g_4 .sub_1 > li > a {
        background-color: #f7a603;
    }
    #g_4 .sub_1 > li:hover > a {
        background-color: #e89c05;
    }
    #g_5 .sub_1 {
        left: -200px;
        background-color: #cb4bbf;
    }
    #g_5 .sub_1 > li,
    #g_5 .sub_1 > li > a {
        background-color: #cb4bbf;
    }
    #g_5 .sub_1 > li:hover > a {
        background-color: #bf3fb2;
    }
    #g_6 .sub_1 {
        left: -200px;
        background-color: #da0c3a;
    }
    #g_6 .sub_1 > li,
    #g_6 .sub_1 > li > a {
        background-color: #da0c3a;
    }
    #g_6 .sub_1 > li:hover > a {
        background-color: #c90a34;
    }
    #g_nav > ul > #g_6 > .sub_1 > li > .sub_2 {
        background-color: #c90a34;
    }
    #g_nav > ul > #g_6 > .sub_1 > li:hover .sub_2 > li:hover a {
        background-color: #bd042c;
    }

    /*--ナビタイトル表示--*/
    #g_1 > div.ap_title {
        width: 250px;
        text-align: left;
        position: absolute;
        top: 87px;
        left: 10px;
        color: #fff;
        font-size: 14px;
        font-size: 1.0rem;
        z-index: 10000;
        display: none;
    }
    #g_2 > div.ap_title {
        width: 250px;
        text-align: left;
        position: absolute;
        top: 87px;
        left: 10px;
        color: #fff;
        font-size: 14px;
        font-size: 1.0rem;
        z-index: 10000;
        display: none;
    }
    #g_3 > div.ap_title {
        width: 250px;
        text-align: left;
        position: absolute;
        top: 87px;
        left: 10px;
        color: #fff;
        font-size: 14px;
        font-size: 1.0rem;
        z-index: 10000;
        display: none;
    }
    #g_4 > div.ap_title {
        width: 250px;
        text-align: left;
        position: absolute;
        top: 87px;
        left: 10px;
        color: #fff;
        font-size: 14px;
        font-size: 1.0rem;
        z-index: 10000;
        display: none;
    }
    #g_5 > div.ap_title {
        width: 250px;
        text-align: left;
        position: absolute;
        top: 87px;
        left: 10px;
        color: #fff;
        font-size: 14px;
        font-size: 1.0rem;
        z-index: 10000;
        display: none;
    }
    #g_6 > div.ap_title {
        width: 250px;
        text-align: left;
        position: absolute;
        top: 87px;
        left: 10px;
        color: #fff;
        font-size: 14px;
        font-size: 1.0rem;
        z-index: 10000;
        display: none;
    }
    .pc_list > li > div.ap_title span {
        display: block;
        margin-top: 1em;
    }
    .pc_list_a {
        cursor: default;
    }
    #g_4 .pc_list_a,
    #g_5 .pc_list_a {
        cursor: pointer;
    }
}

/*-- tablet以下用 --*/

.t_list {
    display: none;
}
.add_nav_list {
    display: none;
}

#g_7 {
    display: none;
}

/*--container--*/

#container {
    max-width: 940px;
    width: 100%;
    margin: 30px auto 20px;
}
#container02{
	width: 100%;
	margin: 30px auto 20px;
}

/*-- sidebar --*/

#sidebar {
    width: 23.5%;
    float: left;
}

#sidebar .table {
    display: table;
}

#sidebar .t_cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.143rem;
}

#sidebar .indent0 {
    text-indent: 0;
    padding-left: 5px;
}

#sidebar .btn_bnr_s .t_cell {
    font-size: 13px;
    font-size: 0.929rem;
}
.tb_non {
    display: inline;
}

@media screen and (max-width: 940px) {
    #sidebar .btn_bnr_s {
        padding: 1em 0;
    }
    #sidebar .btn_bnr_s .t_cell {
        font-size: 13px;
        font-size: 0.929rem;
    }
    .tb_non {
        display: none;
    }
}

#sidebar > div {
    margin-bottom: 15px;
    border: 5px solid #fff;
}
.btn_bnr {
    display: block;
    width: 100%;
    padding: 1em 0;
    font-size: 16px;
    font-size: 1.143rem;
    text-indent: 1em;
    color: #fff;
}
.btn_bnr_s {
    display: block;
    width: 100%;
    padding: 0.5em 0 0.3em;
    font-size: 16px;
    font-size: 1.143rem;
    text-indent: 1em;
    color: #fff;
    line-height: 1.2em;
}
.btn_bnr img {
    margin-right: 0.5em;
}

#freecall {
    margin: 0 auto;
    padding: 10px 0;
    background-color: #fff;
    text-align: center;
}

#freecall p {
    color: #0d0c69;
    font-size: 14.5px;
    font-size: 1.036rem;
    font-weight: bold;
}

#freecall p.s_size {
    font-size: 13px;
    font-size: 0.929rem;
}

#freecall p span {
    vertical-align: top;
    margin-left: 5px;
    font-size: 18px;
    font-size: 1.286rem;
}

#freecall a {
    display: block;
    width: 93%;
    height: 20px;
    margin: 0 auto;
    padding-top: 4px;
    background-color: #0d0c69;
    color: #ffffff;
    font-size: 11px;
    font-size: 0.786rem;
    text-align: center;
}

#freecall a img {
    vertical-align: -2px;
}
.to_waiwai_point p {
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
    font-size: 1.071rem;
}
.to_waiwai_point a {
    width: 90%;
    margin: 10px auto;
    text-indent: 1.5em;
}
.to_waiwai_point a + ul {
    margin-top: -10px;
}
.to_waiwai_point h3 {
    width: 90%;
    margin: 20px auto 3px;
    padding: 10px 0 5px;
    background-image: url(../images/sidebar/bg_blue2.gif);
    border-bottom: 3px solid #5B69AC;
    color: #fff;
    text-indent: 0;
    text-align: center;
}
.to_waiwai_point ul {
    margin-bottom: 10px;
}
.to_waiwai_point ul li {
    width: 90%;
    margin: 3px auto 0;
}
.to_waiwai_point ul li a {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    background-color: #fff;
    background-image: url(../images/sidebar/arrow1.gif);
    background-position: left 10px center;
    background-repeat: no-repeat;
    color: #333;
}

#sidebar .bg_waica {
    padding: 0;
}
.bg_waica div {
    padding: 18px 0;
    font-size: 16px;
    font-size: 1.143rem;
    text-align: left;
    text-indent: 1.5em;
    background-image: url(../images/sidebar/bg_waica.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

#banners {
    width: 100%;
}

#banners li {
    width: 100%;
    border-top: 5px solid #fff;
    background-color: #fff;
    text-align: center;
}
.btn_bnr:hover,
.btn_bnr_s:hover,
.to_waiwai_point ul li a:hover,
#freecall a:hover {
    color: #003ad9;
}
.btn_bnr:active,
.btn_bnr_s:active,
.to_waiwai_point ul li a:active,
#freecall a:active {
    color: #4c0066;
}

#zaq_link {
    width: 90%;
    height: 65px;
    margin: 0 auto;
    text-align: center;
}

#zaq_link > a {
    display: block;
    width: 100%;
    height: 65px;
    margin: 0;
    padding: 0;
    text-indent: 0;
    background-color: #fff;
    border: 1px solid #999;
    background-image: url(../images/sidebar/bnr_s10.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}

/*-- main --*/

#main {
    width: 75%;
    float: right;
    padding-bottom: 55px;
}

#main a:hover {
    text-decoration: underline;
    color: #003ad9;
}

#main a:activ {
    color: #4c0066;
}

#main h1 {
    width: 100%;
    height: 125px;
    background-color: #f6f6f6;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
}

#main .h1_filter {
    height: 75px;
    padding: 40px 3% 0;
    font-size: 24px;
    font-size: 1.714rem;
    border: 5px solid #fff;
    -moz-text-shadow: 1px -1px 3px rgba(255, 255, 255, 1);
    -webkit-text-shadow: 1px -1px 3px rgba(255, 255, 255, 1);
    -ms-text-shadow: 1px -1px 3px rgba(255, 255, 255, 1);
    text-shadow: 1px -1px 3px rgba(255, 255, 255, 1);
}

#main_content {
    width: 94%;
    height: auto;
    margin: 20px auto;
    padding: 0 3% 3%;
    line-height: 1.8em;
}

/*-- カラム設定 --*/

.clm_2l {
    width: 46%;
    padding: 0 1%;
    float: left;
}
.clm_2r {
    width: 46%;
    padding: 0 1%;
    float: right;
}
.clm_3 {
    width: 30%;
    margin-left: 1%;
    padding: 0 1%;
    line-height: 1.2em;
    float: left;
}
.clm_3 img {
    vertical-align: baseline;
}

/*-- 汎用 --*/

.red {
    color: #c1272d;
}
.p_btm {
    padding-bottom: 30px;
}
.m_box {
    text-align: center;
}
.m_btm_non {
    margin-bottom: 0;
}
.bold {
    font-weight: bold;
}

/*-- スマートフォン時のみ表示 --*/

.sm_on {
    display: none;
}

@media screen and (max-width: 768px) {
    .sm_on {
        display: block;
    }
}

/*-- スマートフォン時のみ非表示 --*/

.sm_non {
    display: block;
}

@media screen and (max-width: 768px) {
    .sm_non {
        display: none;
    }
}

/*-- pc時のみ表示 --*/

.pc_on {
    display: block;
}

@media screen and (max-width: 940px) {
    .pc_on {
        display: none;
    }
}

/*-- h2背景設定 --*/

#main_content h2 {
    height: auto;
    margin-bottom: 30px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 0.8em;
    font-size: 20px;
    font-size: 1.429rem;
    background-image: url(../images/corporation/about/bg_h1_other.gif);
    background-position: left top;
    background-repeat: repeat-y;
}
.visitor #main_content h2 {
    background-image: url(../images/visitor/bg_h1_visitor.gif);
}
.service #main_content h2 {
    background-image: url(../images/service/catv/catv_guide/bg_h1_service.gif);
}
.customer #main_content h2 {
    background-image: url(../images/customer/c_wainet/setteing/bg_h2_customer.gif);
}
.campaign #main_content h2 {
    background-image: url(../images/campaign/bg_h2_campaign.gif);
}
.faq #main_content h2 {
    background-image: url(../images/faq/bg_h2_faq.gif);
}
.tvprogram #main_content h2 {
    background-image: url(../images/tvprogram/bg_h2_tv.gif);
}

/*-- h3背景設定 --*/

#main h3 {
    text-indent: 0;
    margin-bottom: 30px;
    padding: 3px 0.5em 2px;
    font-size: 17px;
    font-size: 1.214rem;
    border: 1px solid #757584;
    border-left-width: 8px;
    background-color: #f7f7fd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.visitor #main h3 {
    border-color: #349a50;
    background-color: #d2f0db;
}
.service #main h3 {
    border-color: #6577b7;
    background-color: #e5edfa;
}
.customer #main h3 {
    border-color: #eb7aa7;
    background-color: #fbe1ec;
}
.campaign #main h3 {
    border-color: #f7a603;
    background-color: #fbefcf;
}
#main .faq h3 {
    border-color: #cb4bbf;
    background-color: #f5dcf3;
}
.tvprogram #main h3 {
    border-color: #da0c3a;
    background-color: #fde1e8;
    clear: both;
}

/*-- テーブル --*/

#main_content table {
    width: 100%;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

#main_content table th {
    width: 23%;
    min-height: 40px;
    padding: 9px 0;
    text-align: left;
    text-indent: 2em;
    background-color: #f7f7fd;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

#main_content table td {
    width: 73%;
    min-height: 40px;
    padding: 9px 2%;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

/*-- リンクボタン（背景斜線） --*/

.btn_link {
    display: block;
    width: 43%;
    height: 33px;
    margin: 35px auto;
    padding-top: 14px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-size: 1.286rem;
}
.orange {
    border-bottom: 3px solid #e18200;
    background-image: url(../images/sidebar/bg_orange.gif);
}
.pink_1 {
    border-bottom: 3px solid #b64962;
    background-image: url(../images/sidebar/bg_pink.gif);
	text-indent: 0.5em;
	position: relative;
}
.pink_1:hover{
	color: #fff;
}
.pink_2 {
    border-bottom: 3px solid #D75791;
    background-image: url(../images/sidebar/bg_pink2.gif);
}
.blue_1 {
    border-bottom: 3px solid #0087cc;
    background-image: url(../images/sidebar/bg_blue.gif);
}
.blue_2 {
    border-bottom: 3px solid #161557;
    background-image: url(../images/c_box/bg_blue2.gif);
}
.blue_3 {
    border-bottom: 3px solid #5aa0ba;
    background-image: url(../images/careers/recruit/blue_3.gif);
}
.blue_4 {
    background-image: url(../images/sidebar/bg_blue2.gif);
    border-bottom: 3px solid #5B69AC;
}
.red_1 {
    border-bottom: 3px solid #e5492d;
    background-image: url(../images/sidebar/bg_red1.gif);
}
.red_2 {
    border-bottom: 3px solid #d82b39;
    background-image: url(../images/sidebar/bg_red2.gif);
}
.yellow_1 {
    border-bottom: 3px solid #d38e02;
    background-image: url(../images/sidebar/bg_yellow.gif);
}
.side_btn_off{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	color: #fff;
	font-size: 24px;
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: 0.2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
/*-- 画像を横幅まで拡大 --*/

.width_max img {
    width: 100%;
    max-width: 1000%;
    height: auto;
}


/*お問い合わせ（共有パーツ）*/

#main_content #contact_box {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding-bottom: 30px;
    background-color: #fff;
}

#main_content #contact_box h2.c_box {
    height: auto;
    padding: 12px 0;
    background-color: #ff9500;
    background-image: none;
    text-align: center;
    font-size: 22px;
    font-size: 1.571rem;
    color: #fff;
}

#main_content #contact_box table.c_box {
    width: 90%;
    margin: 0 auto;
    border: none;
}

#main_content #contact_box table.c_box th,
#main_content #contact_box table.c_box td {
    margin: 0;
    padding: 0;
    min-height: 0;
    border: none;
}

#main_content #contact_box table.c_box .t_1 {
    width: 10%;
    text-align: center;
}

#main_content #contact_box table.c_box .t_2 {
    width: 38%;
    padding-left: 2%;
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: bold;
    color: #0e0d6a;
}

#main_content #contact_box table.c_box .t_3 {
    width: 50%;
}

#main_content #contact_box table.c_box td span {
    display: block;
    font-size: 12px;
    font-size: 0.857rem;
}

#main_content #contact_box table.c_box .t_3 a {
    display: block;
    width: auto;
    margin-bottom: 10px;
    padding: 13px 15px 10px;
    font-size: 18px;
    font-size: 1.286rem;
    color: #fff;
}

#main_content #contact_box table.c_box .t_3 a img {
    margin-right: 15px;
    vertical-align: top;
}

#main_content #contact_box table.c_box .t_3 a span {
    display: inline-block;
    width: 50px;
    text-align: center;
}

#main_content #contact_box table.c_box .t_3 a br.sm_on {
    display: none;
}

#main_content #contact_box p {
    width: 88%;
    margin: 0 auto;
    color: #0e0d6a;
}

@media screen and (max-width: 768px) {
    #main_content #contact_box h2 {
        margin-bottom: 10px;
    }
    #main_content #contact_box h2.c_box {
        font-size: 16px;
        font-size: 1.143rem;
    }
    #main_content #contact_box table.c_box .t_1 {
        width: 8%;
        height: 80px;
    }
    #main_content #contact_box table.c_box .t_1 img {
        max-height: 30px;
    }
    #main_content #contact_box table.c_box .t_2 {
        width: 45%;
        height: 80px;
        padding-left: 5%;
        font-size: 13px;
        font-size: 0.929rem;
        line-height: 1.2em;
    }
    #main_content #contact_box table.c_box .t_2 span {
        font-size: 10px;
        font-size: 0.714rem;
    }
    #main_content #contact_box table.c_box .t_3 {
        width: 42%;
        text-align: center;
    }
    #main_content #contact_box table.c_box .t_3 a {
        padding-left: 1%;
        padding-right: 1%;
        line-height: 1.2em;
        font-size: 12px;
        font-size: 0.857rem;
    }
    #main_content #contact_box table.c_box .t_3 a img {
        vertical-align: middle;
    }
    #main_content #contact_box table.c_box .t_3 a span {
        width: 15%;
        margin: 0 auto 10px;
        padding: 0 5%;
        display: block;
    }
    #main_content #contact_box table.c_box .t_3 a br.sm_on {
        display: inline;
    }
    #main_content #contact_box p {
        margin-bottom: 10px;
    }
}

/*-- footer --*/

#footer {
    width: 100%;
    background-color: #555555;
}

#footer_inner {
    width: 940px;
    height: 100px;
    margin: 0 auto;
}

#footer_inner ul {
    width: 500px;
    margin-top: 20px;
    float: left;
}

#footer_inner ul li {
    margin-right: 1em;
    float: left;
}

#footer_inner ul li a {
    font-size: 12px;
    font-size: 0.857rem;
    color: #ffffff;
}

#address {
    width: 342px;
    height: 45px;
    margin-top: 20px;
    float: right;
    font-style: normal;
}

#to_mail {
    width: 130px;
    height: 65px;
    border-right: 1px solid #777777;
    text-align: center;
    float: left;
}

#to_mail a {
    display: block;
    width: 130px;
    height: 53px;
    color: #ffffff;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 2.5em;
}

#to_mail a span {
    display: block;
}

#to_tel {
    width: 210px;
    height: 65px;
    border-left: 1px solid #383838;
    float: right;
}

#to_tel p:first-child {
    height: 24px;
    padding-top: 10px;
    font-size: 16px;
    font-size: 1.143rem;
}

#to_tel p {
    color: #ffffff;
    font-size: 12px;
    font-size: 0.857rem;
    text-align: center;
}

#to_tel p span {
    vertical-align: top;
    margin-left: 5px;
    font-weight: bold;
}

#copy {
    width: 100%;
    text-align: center;
    color: #ffffff;
    background-color: #333333;
}

#footer_inner ul li a:hover,
#to_mail a:hover {
    color: #003ad9;
}

#footer_inner ul li a:active,
#to_mail a:active {
    color: #4c0066;
}

#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#pageTop a {
    display: block;
    z-index: 999;
    padding: 0;
    width: 35px;
    height: 35px;
}

#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}

/*--------------------------------
タブレット
--------------------------------*/

@media screen and (max-width: 940px) and (min-width: 769px) {
    /*--------------------------------
	Common
--------------------------------*/
    img {
        max-width: 100%;
        height: auto;
        width/***/
        : auto;
    }

    /*--------header-----------*/
    #header {
        min-height: 170px;
        height: auto;
    }
    #header_inner {
        width: 100%;
    }
    #header_inner h1 {
        /*max-width: 300px;
	width: 45%;*/
        float: none;
        margin: 20px auto 0;
    }
    #searchbox {
        display: none;
    }
    /*#freecall {
	float: right;
}*/
    /*--------g_nav-----------*/
    #g_nav {
        width: 100%;
        min-height: 50px;
        height: auto;
    }
    #toggle {
        display: block;
        position: relative;
    }
    #toggle p {
        display: block;
        height: 28px;
        padding: 12px 0 10px;
        color: #000;
        text-align: center;
        text-decoration: none;
    }
    #toggle:before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: #000;
    }
    #toggle p:before,
    #toggle p:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 20px;
        height: 4px;
        background: #fff;
    }
    #toggle p:before {
        margin-top: -6px;
    }
    #toggle p:after {
        margin-top: 2px;
    }
    #g_nav > ul {
        width: 100%;
        height: auto;
    }
    #g_nav > ul > li {
        position: static;
        width: 100%;
        min-height: 50px;
        height: auto;
        margin-left: 0;
        float: none;
        text-align: center;
    }
    #g_nav > ul > li > div.ap_title {
        display: none;
    }
    #g_nav > ul > li > a {
        display: block;
        height: 40px;
        padding-top: 10px;
        color: #000;
        font-size: 14px;
        font-size: 1.0rem;
        border-bottom: none;
    }
    #g_nav > ul > li > a span {
        display: inline;
        margin-right: 1em;
        padding-top: 0;
    }
    #g_nav > ul > li ul {
        display: block;
        border-top: none;
    }
    #g_nav > ul > li:hover > ul {
        display: block;
        border-top: none;
    }
    #g_nav > ul > li > ul > li ul {
        display: block;
        height: auto;
        text-indent: 1em;
        background-color: #666;
        z-index: 9999;
    }
    #g_nav > ul > li > ul > li:hover ul {
        display: block;
        height: auto;
        text-indent: 1em;
        background-color: #666;
        z-index: 9999;
    }
    .sub_1 {
        width: 100%;
        height: auto;
        background-color: #005E91;
        position: static;
    }
    .sub_1 > li {
        width: 100%;
        min-height: 50px;
        height: auto;
        margin-left: 0;
        background: #005E91;
        border-top: 1px solid #ccc;
    }
    .sub_1 > li > a {
        display: block;
        width: 100%;
        height: 35px;
        margin-left: 0;
        padding-top: 15px;
        text-align: left;
        text-indent: 2em;
        color: #fff;
        background-color: #005E91;
    }
    .sub_1 > li > a span.link_ttl {
        width: 100%;
        text-indent: 2em;
        float: none;
    }
    .sub_1 > li > a span.link_mrk {
        display: none;
    }
    .sub_2 {
        width: 100%;
        height: auto;
        background-color: #666;
        position: static;
    }
    .sub_2 li {
        height: 50px;
        border-top: 1px solid #ccc;
    }
    .sub_2 li a {
        display: block;
        width: 100%;
        height: 35px;
        padding-top: 15px;
        text-align: left;
        color: #fff;
    }
    ul.sub_2,
    .sub_2 li,
    .sub_2 li a {
        /*display: none;*/
    }

    /*tablet以下用*/
    #g_nav .t_list {
        display: block;
        position: static;
        height: 50px;
        padding-top: 0;
        color: #000;
        font-size: 14px;
        font-size: 1.0rem;
        border-bottom: none;
        border-top: 1px solid #ccc;
    }
    #g_nav .t_list p {
        width: 80%;
        height: 35px;
        padding-top: 15px;
        text-align: left;
        text-indent: 2em;
        float: left;
    }
    #g_nav .t_list span {
        display: inline;
        margin-right: 1em;
        padding-top: 0;
    }
    #g_nav .t_list a.full_list {
        display: block;
        width: 100%;
        height: 50px;
        padding-top: 0;
        color: #000;
    }
    #g_nav .t_list a.full_list p {
        width: 100%;
    }
    #g_nav .t_list a.btn {
        display: block;
        width: 100%;
        height: 50px;
        padding-top: 0;
        color: #000;
    }
    #g_nav .t_list a.btn p {
        width: 90%;
    }
    #g_nav .t_list a.btn p.opning,
    #g_nav .t_list a.btn p.clsing {
        width: 10%;
        height: 35px;
        padding-top: 15px;
        float: right;
    }
    #g_nav .t_list a.btn p.opning {
        display: none;
    }
    #g_nav .t_list a.opn p.opning {
        display: block;
    }
    #g_nav .t_list a.opn p.clsing {
        display: none;
    }
    #g_nav .pc_list_a {
        display: none;
    }
    #g_nav .cls_btn a {
        background-color: #ADFECC;
    }

    /*-- appendリスト用スタイル --*/
    #g_nav ul .add_nav_list {
        display: block;
        width: 100%;
        height: 50px;
        border-top: 1px solid #ccc;
    }
    #g_nav ul .add_nav_list a {
        display: block;
        width: 100%;
        height: 35px;
        padding-top: 15px;
        text-align: left;
        text-indent: 2em;
        color: #000;
    }
    #g_7 {
        display: block;
    }
    #g_nav ul #g_7 ul {
        display: none;
    }
    /*-- main --*/
    #main {
        float: none;
    }
    /*-- sidebar --*/
    #sidebar {
        width: 96%;
        margin: 0 auto;
        float: none;
    }
    #banners {
        padding-left: 1.2%;
    }
    #banners li {
        display: inline-block;
        width: 24%;
    }
    #zaq_link {
        width: 90%;
        height: 100%;
        margin: 0 auto;
        padding: 10% 0 0;
        position: relative;
    }
    #zaq_link > a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        text-indent: 0;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #999;
        background-color: #fff;
        background-image: url(../images/sidebar/bnr_s10.jpg);
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    /*-- サイドバー非表示 --*/
    #sidebar {
        /*display: none;*/
    }
    #freecall {
        display: none;
    }

    /*-- footer -- */
    #footer_inner {
        width: 100%;
        height: auto;
    }
    #footer_inner ul {
        width: 100%;
        height: auto;
        margin-top: 30px;
        padding: 0 1em;
        float: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #footer_inner ul li {
        width: 90%;
        height: 40px;
        margin: 0 auto;
        float: none;
        border-bottom: 1px solid #ccc;
    }
    #footer_inner ul li a {
        display: block;
        width: 100%;
        height: 25px;
        padding-top: 15px;
        font-size: 14px;
        font-size: 1.0rem;
        text-indent: 2em;
    }
    #address {
        width: 100%;
        height: auto;
        float: none;
    }
    #to_mail {
        width: 100%;
        height: 65px;
        border-right: none;
        text-align: center;
        float: none;
    }
    #to_mail a {
        display: block;
        width: 100%;
        height: 53px;
        padding-top: 12px;
        color: #ffffff;
        font-size: 12px;
        font-size: 0.857rem;
    }
    #to_tel {
        width: 100%;
        height: 65px;
        border-left: none;
        float: none;
    }
    #to_tel p:first-child {
        height: 24px;
        padding-top: 10px;
        font-size: 16px;
        font-size: 1.143rem;
    }
    #to_tel p {
        color: #ffffff;
        font-size: 12px;
        font-size: 0.857rem;
        text-align: center;
    }
    #to_tel p span {
        vertical-align: top;
        margin-left: 5px;
        font-weight: bold;
    }
    #copy {
        width: 100%;
        text-align: center;
        color: #ffffff;
        background-color: #333333;
    }

    /*-- container --*/
    #container {
        margin-top: 10px;
    }

    /*-- mainを100%表示 --*/
    #main {
        width: 100%;
    }
    #main_content {
        width: 94%;
        margin: 10px auto 0;
    }
}

/*--------------------------------
	スマートフォン
--------------------------------*/

@media screen and (max-width: 768px) {
    /*--------------------------------
	Common
--------------------------------*/
    img {
        max-width: 100%;
        height: auto;
        width/***/
        : auto;
    }

    /*-------- header -----------*/
    #header {
        height: auto;
    }
    #header_inner {
        width: 100%;
        height: 94px;
    }
    #header_inner h1 {
        width: 170px;
        float: none;
        margin: 20px auto 0;
    }
    #searchbox {
        display: none;
    }
    /*#freecall {
	width: 190px;
	text-align: right;
	float: right;
}
#freecall a {
	display: none;
}*/
    /*-------- g_nav -----------*/
    #g_nav {
        width: 100%;
        min-height: 50px;
        height: auto;
    }
    #toggle {
        display: block;
        position: relative;
    }
    #toggle p {
        display: block;
        height: 28px;
        position: relative;
        padding: 12px 0 10px;
        color: #000;
        text-align: center;
        text-decoration: none;
    }
    #toggle:before {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: #000;
    }
    #toggle p:before,
    #toggle p:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 20px;
        height: 4px;
        background: #fff;
    }
    #toggle p:before {
        margin-top: -6px;
    }
    #toggle p:after {
        margin-top: 2px;
    }
    #g_nav > ul {
        width: 100%;
        height: auto;
    }
    #g_nav > ul > li {
        position: static;
        width: 100%;
        min-height: 50px;
        height: auto;
        margin-left: 0;
        float: none;
        text-align: center;
    }
	#g_nav > ul > li#g_5{
		position: relative;
	}
    #g_nav > ul > li > div.ap_title {
        display: none;
    }
    #g_nav > ul > li > a {
        display: block;
        height: 40px;
        padding-top: 10px;
        color: #000;
        font-size: 14px;
        font-size: 1.0rem;
        border-bottom: none;
    }
    #g_nav > ul > li > a span {
        display: inline;
        margin-right: 1em;
        padding-top: 0;
    }
    #g_nav > ul > li ul {
        display: block;
        border-top: none;
    }
    #g_nav > ul > li > ul > li ul {
        display: block;
        height: auto;
        text-indent: 1em;
        background-color: #666;
        z-index: 9999;
    }
    .sub_1 {
        width: 100%;
        height: auto;
        background-color: #005E91;
        position: static;
    }
    .sub_1 > li {
        width: 100%;
        min-height: 50px;
        height: auto;
        margin-left: 0;
        background: #005E91;
        border-top: 1px solid #ccc;
    }
    .sub_1 > li > a {
        display: block;
        width: 100%;
        height: 35px;
        margin-left: 0;
        padding-top: 15px;
        text-align: left;
        text-indent: 1em;
        color: #fff;
        background-color: #005E91;
    }
	#g_6 .sub_1 > li,#g_6 .sub_1 > li > a{
		width: 100%;
	}
    .sub_1 > li > a span.link_ttl {
        width: 70%;
        text-indent: 1em;
        float: none;
        display: inline-block;
    }
    .sub_1 > li > a span.link_mrk {
        display: none;
    }
    .sub_2 {
        width: 100%;
        height: auto;
        background-color: #666;
        position: static;
    }
    .sub_2 li {
        height: 50px;
        border-top: 1px solid #ccc;
    }
    .sub_2 li a {
        display: block;
        width: 100%;
        height: 35px;
        padding-top: 15px;
        text-align: left;
        color: #fff;
    }
    ul.sub_2,
    .sub_2 li,
    .sub_2 li a {
        /*display: none;*/
    }

    /*tablet以下用*/
    #g_nav .t_list {
        display: block;
        position: static;
        height: 50px;
        padding-top: 0;
        color: #000;
        font-size: 14px;
        font-size: 1.0rem;
        border-bottom: none;
        border-top: 1px solid #ccc;
    }
    #g_nav .t_list p {
        width: 80%;
        height: 35px;
        padding-top: 15px;
        text-align: left;
        text-indent: 2em;
        float: left;
    }
    #g_nav .t_list span {
        display: inline;
        margin-right: 1em;
        padding-top: 0;
    }
    #g_nav .t_list a.full_list {
        display: block;
        width: 100%;
        height: 50px;
        padding-top: 0;
        color: #000;
    }
    #g_nav .t_list a.full_list p {
        width: 100%;
    }
    #g_nav .t_list a.btn {
        display: block;
        width: 100%;
        height: 50px;
        padding-top: 0;
        color: #000;
    }
    #g_nav .t_list a.btn p {
        width: 85%;
    }
    #g_nav .t_list a.btn p.opning,
    #g_nav .t_list a.btn p.clsing {
        width: 10%;
        height: 35px;
        padding-top: 15px;
        float: left;
    }
    #g_nav .t_list a.btn p.opning {
        display: none;
    }
    #g_nav .t_list a.opn p.opning {
        display: block;
    }
    #g_nav .t_list a.opn p.clsing {
        display: none;
    }
    #g_nav .pc_list_a {
        display: none;
    }
    #g_nav .cls_btn a {
        background-color: #333;
    }
    #g_nav .cls_btn a p {
        color: #fff;
    }

    /*appendリスト用スタイル*/
    #g_nav ul .add_nav_list {
        display: block;
        width: 100%;
        height: 50px;
        border-top: 1px solid #ccc;
    }
    #g_nav ul .add_nav_list a {
        display: block;
        width: 100%;
        height: 35px;
        padding-top: 15px;
        text-align: left;
        text-indent: 2em;
        color: #000;
    }
    #g_7 {
        display: block;
    }
    #g_nav ul #g_7 ul {
        display: none;
    }

    /*--sidebar--*/
    #sidebar {
        width: 96%;
        margin: 30px auto 0;
        float: none;
    }
    #banners img {
        max-width: 500%;
        width: 100%;
    }
    #banners {
        text-align: center;
        background-color: #fff;
    }
    #banners li {
        display: inline-block;
        width: 49%;
    }
    #zaq_link {
        width: 90%;
        height: 100%;
        margin: 0 auto;
        padding: 13% 0 0;
        position: relative;
    }
    #zaq_link > a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        text-indent: 0;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #999;
        background-color: #fff;
        background-image: url(../images/sidebar/bnr_s10.jpg);
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    /*-- サイドバー非表示 --*/
    #sidebar {
        /*display: none;*/
    }
    #freecall {
        display: none;
    }

    /*---footer--- */
    #footer_inner {
        width: 100%;
        height: auto;
    }
    #footer_inner ul {
        width: 100%;
        height: auto;
        margin-top: 30px;
        padding: 0 1em;
        float: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #footer_inner ul li {
        width: 90%;
        height: 40px;
        margin: 0 auto;
        float: none;
        border-bottom: 1px solid #666;
    }
    #footer_inner ul li a {
        display: block;
        width: 100%;
        height: 25px;
        padding-top: 15px;
        font-size: 14px;
        font-size: 1.0rem;
        text-indent: 2em;
    }
    #address {
        width: 100%;
        height: auto;
        float: none;
    }
    #to_mail {
        width: 100%;
        height: 65px;
        border-right: none;
        text-align: center;
        float: none;
    }
    #to_mail a {
        display: block;
        width: 100%;
        height: 53px;
        padding-top: 12px;
        color: #ffffff;
        font-size: 12px;
        font-size: 0.857rem;
    }
    #to_mail a img {
        width: 20px;
        height: auto;
    }
    #to_tel img {
        width: 25px;
        height: auto;
        vertical-align: middle;
    }
    #to_tel {
        width: 100%;
        height: 65px;
        border-left: none;
        float: none;
    }
    #to_tel p:first-child {
        height: 24px;
        padding-top: 10px;
        font-size: 16px;
        font-size: 1.143rem;
    }
    #to_tel p {
        color: #ffffff;
        font-size: 12px;
        font-size: 0.857rem;
        text-align: center;
    }
    #to_tel p span {
        vertical-align: top;
        margin-left: 5px;
        font-weight: bold;
    }
    #copy {
        width: 100%;
        text-align: center;
        color: #ffffff;
        background-color: #333333;
    }

    /*-- container --*/
    #container {
        margin-top: 10px;
    }

    /*-- mainを100%表示 --*/
    #main {
        width: 100%;
        float: none;
    }

    /*-- カラム設定 --*/
    .clm_2l {
        width: 98%;
        padding: 0 1%;
        float: none;
    }
    .clm_2r {
        width: 98%;
        padding: 0 1%;
        float: none;
    }
    .clm_3 {
        width: 100%;
        margin-left: 0;
        padding: 0;
        float: none;
    }
    .clm_3_inner {
        width: 94%;
        margin: 0 auto;
    }

    /*-- h1背景・縁取り設定 --*/
    #main h1 {
        background-size: auto 100%;
        text-shadow: -1px -1px #fff,
        1px -1px #fff,
        -1px 1px #fff,
        1px 1px #fff;
    }
    #main .h1_filter {
        background-color: rgba(255, 255, 255, 0.3);
        font-size: 20px;
        font-size: 1.429rem;
    }
    #main_content {
        width: 94%;
        margin: 10px auto 0;
    }

    /*-- h2設定 --*/
    #main h2 {
        height: auto;
        background-repeat: repeat-y;
        font-size: 18px;
        font-size: 1.286rem;
    }

    /*-- h3設定 --*/
    #main h3 {
        height: auto;
        font-size: 15px;
        font-size: 1.071rem;
    }

    /*-- １列テーブル --*/
    #main_content table.col1 th {
        display: block;
        width: 100%;
        min-height: 20px;
        padding: 9px 0;
        text-align: left;
        text-indent: 1em;
    }
    #main_content table.col1 td {
        display: block;
        width: 94%;
        min-height: 40px;
        padding: 9px 3%;
    }

    /*-- リンクボタン（背景斜線） --*/
    .btn_link {
        width: 50%;
        font-size: 14px;
        font-size: 1.0rem;
    }

    /*-- スマホ時の表をスライド --*/
    #main_content .sc_table table {
        width: 768px;
    }
    .sc_table {
        overflow: scroll;
    }
}




/*--------------------------------------------------------------------------------------------------------------------------------
	個別ページ設定
--------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------
	home
--------------------------------*/

@media screen and (min-width: 940px) {
    .home #g_nav .sub_1 li a,
    .home #g_nav .sub_2 li a {
        -webkit-font-smoothing: subpixel-antialiased;
    }
    /*Hack for Safari 7.1-8.0*/
    _::-webkit-full-page-media,
    _:future,
    :root .home #g_nav div.ap_title {
        font-weight: bold;
    }
}

/*-- slider --*/

.slide-nav-target {
    width: 165px;
    padding: 0 1px;
    border: 3px solid #fff;
}

#slider_nav_box {
    width: 864px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
}
.slick-slider {
    margin-bottom: 0;
}

#slider_bg {
    padding-bottom: 10px;
    background-color: #fff;
}

#slider_nav_box .slick-slide {
    margin-top: 10px;
}
.slider {
    border: 5px solid #fff;
}

#slider_nav_box .slick-current {
    border-color: #1c62ae;
    background-color: #1c62ae;
    position: relative;
}

#slider_nav_box .slick-current:before {
    position: absolute;
    content: '';
    top: -13px;
    left: 75px;
    width: 0px;
    height: 0px;
    background: #1c62ae;
    border-left: 7px solid #fff;
    border-right: 7px solid #fff;
    border-bottom: 10px solid #1c62ae;
}

#nav-arrows .slick-prev {
    width: 30px;
    height: 40px;
    position: absolute;
    left: -30px;
    top: 33px;
}

#nav-arrows .slick-next {
    width: 30px;
    height: 59px;
    position: absolute;
    right: -32px;
    top: 42px;
}

/*IE8▼*/

html >
/**/

body #nav-arrows .slick-next {
    top/*\**/
    : 23px\9;
}

html >
/**/

body #nav-arrows .slick-prev {
    top/*\**/
    : 23px\9;
}

/*IE9,10▼*/

#nav-arrows .slick-next:not(:target) {
    top: 52px\9;
    /* IE9,10 */
}

#nav-arrows .slick-prev:not(:target) {
    top: 43px\9;
    /* IE9,10 */
}


#nav-arrows .slick-next:before {
    content: "";
}

#nav-arrows .slick-prev:before {
    content: "";
}

#nav-arrows .slick-prev img {
    z-index: -1;
}

#nav-arrows .slick-arrow {
    z-index: 1;
}

#visual {
    width: 100%;
    background-image: url(../images/home/visual_bg.gif);
    -webkit-box-shadow: 0px 7px 3px -3px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 7px 3px -3px rgba(0, 0, 0, 0.1) inset;
}

#visual_inner {
    width: 940px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 25px;
}
.home #container {
    margin-top: 10px;
}

#top_banner {
    width: 49%;
    height: auto;
    float: left;
    margin-bottom: 20px;
}

#top_banner:first-child {
    margin-right: 2%;
}

#top_banner a {
    width: 100%;
    height: auto;
}

#top_banner img {
    width: 100%;
    height: auto;
}

#info_area {
    width: 100%;
    margin-top: 20px;
    clear: both;
}

#info_area .content_box {
    width: 49%;
    margin-left: 2%;
    background-color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
}

#info_area .content_box:first-child {
    margin-left: 0;
}

#info_area .content_box dl {
    background-color: #fff;
    padding-bottom: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#info_area .content_box dl dd:last-child {
    border-bottom: none;
}

#info_area .content_box dt {
    width: 100%;
    height: 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #555555;
    color: #ffffff;
}

#info_area .content_box dt h2 {
    width: 50%;
    padding-top: 10px;
    text-indent: 10px;
    font-size: 14px;
    font-size: 1.0rem;
    float: left;
}

#info_area .content_box dt a {
    display: block;
    width: 83px;
    height: 19px;
    margin: 8px 10px 0 0;
    padding-top: 3px;
    border: 1px solid #ffffff;
    font-size: 10px;
    font-size: 0.714rem;
    text-align: center;
    color: #ffffff;
    float: right;
}

#info_area .content_box dd {
    width: 90%;
    min-height: 50px;
    margin: 0 auto;
    padding: 5px 0 0;
    border-bottom: 1px dotted #999;
}

#info_area .content_box dd.last_child {
    border-bottom: none;
}

#info_area .content_box dd a {
    display: block;
    width: 96%;
    min-height: 50px;
    color: #000;
}

#info_area .content_box dd p {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.8em;
}

#info_area .content_box .post_time {
    color: #999;
}

#fb_box {
    width: 100%;
    margin-top: 30px;
}
.fb_area {
    width: 49%;
    margin-left: 2%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
	background: #fff;
}

#fb_box .fb_area:first-child {
    margin-left: 0;
}
#ch_area{
	background: #fff;
	margin-top: 30px;
}
#ch_area h2 {
    width: 100%;
    height: 40px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #da0c3a;
    color: #ffffff;
}

#ch_area h2 div {
    width: 50%;
    padding-top: 10px;
    text-indent: 10px;
    font-size: 14px;
    font-size: 1.0rem;
    float: left;
}

#ch_area h2 a {
    display: block;
    width: 83px;
    height: 19px;
    margin: 8px 10px 0 0;
    padding-top: 3px;
    border: 1px solid #ffffff;
    font-size: 10px;
    font-size: 0.714rem;
    text-align: center;
    color: #ffffff;
    float: right;
}

#ch_area p {
    padding: 1em;
}
.c_info_container {
	padding: 0 10px 10px 10px;
}
.c_infobox {
    border: 3px solid #d93558;
    border-top: none;
    position: relative;
}
.c_infobox img {
    width: 100%;
    height: auto;
}
.c_infobox .bottom {
    width: 100%;
    position: absolute;
    top: 0;
}
.c_infobox .channel_title {
    display: table;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
   /* background-image: url(../images/home/bg_red.png);*/
	background: rgba(217,53,88,0.8);
    border-left: 1px solid #d93558;
    border-right: 1px solid #d93558;
}
.c_infobox .channel_title .ch_b {
    display: table-cell;
    width: 25%;
    padding: 2px 0;
    background-color: #fff;
    text-align: center;
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: bold;
    color: #da0c3a;
}
.c_infobox .channel_title .ch_b span {
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
}
.c_infobox .channel_title .title_b {
    display: table-cell;
    width: 75%;
    text-align: center;
    font-size: 18px;
    font-size: 1.286rem;
    color: #fff;
}
.channel_info {
    display: table;
    width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    margin: 0 auto;
    padding: 1em 2%;
    background-color: #333;
    border-left: 4px solid #333;
    border-right: 4px solid #333;
    font-size: 12px;
    font-size: 0.857rem;
    color: #fff;
}
.channel_info .ch_title {
    display: table-cell;
    width: 65%;
}
.channel_info .tolink {
    display: table-cell;
    width: 35%;
    vertical-align: bottom;
}
.channel_info .tolink img {
    margin-right: 5px;
    vertical-align: middle;
}
.channel_info .ch_title h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.857rem;
    font-weight: bold;
}

#fb_box .channel_info .ch_title p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.857rem;
    font-weight: normal;
}
.channel_info .tolink a {
    display: block;
    border: 1px solid #fff;
    text-align: center;
    font-size: 12px;
    font-size: 0.857rem;
    color: #fff;
}
.channel112 .tolink a:nth-child(2),
.channel122 .tolink a:nth-child(2) {
    display: none;
}
#fb_box .fb_area dt {
    display: block;
    width: 100%;
    height: 25px;
    padding-top: 10px;
    text-align: center;
    font-size: 16px;
    font-size: 1.143rem;
    color: #fff;
	border-radius: 5px 5px 0 0;
}
#fb_box .fb_area dt a{
	font-size: 1.0em;
	color: #fff;
}
#fb_box .fb_area dd{
	text-align: center;
}
.tw_dt{
	background-color: #1A9FF5;
}
.fb_dt{
	background-color: #4266B2;
}
.icon_fb{
	width: 20px;
	vertical-align: top;
}
.text_right{
	text-align: right;
}
#fb_box .text_right{
	padding-right: 15px;
}
#fb_box .text_right a{
	font-size: 0.8rem;
}
#af_banner {
    width: 92%;
    margin: 10px auto 0;
    border: 5px solid #fff;
    background-color: #ccc;
}
#info_area .content_box a:hover,
#info_area .content_box a:hover .post_time {
    color: #003ad9;
}

#info_area .content_box dt a:hover,
#fb_box .fb_area h2 a:hover,
.channel_info .tolink a:hover {
    color: #003ad9;
    background-color: #fff;
}

#info_area .content_box a:active {
    color: #4c0066;
}
.timeline-Tweet--isRetweet{
	pointer-events: none;
}

/*-- タブレット --*/

@media screen and (max-width: 940px) and (min-width: 769px) {
    #visual {
        width: 100%;
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #visual_inner {
        max-width: 940px;
        width: 100%;
        margin: 0;
        padding-top: 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .home #main {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    #info_area .content_box {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    #fb_box {
        width: 100%;
        margin-top: 10px;
    }
    .fb_area {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    #slider_nav_box {
        display: none;
    }
}

/*-- スマートフォン --*/

@media screen and (max-width: 768px) {
    #visual {
        width: 100%;
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #visual_inner {
        max-width: 940px;
        width: 100%;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #info_area {
        margin-top: 10px;
    }
    #slider_bg {
        padding-bottom: 0;
    }
    .home #container {
        width: 100%;
    }
    .home #main {
        width: 96%;
        margin-left: 0;
        padding: 0 2%;
        float: none;
    }
    #info_area .content_box {
        width: auto;
        margin: 0 0 10px;
        float: none;
    }
    #fb_box {
        width: 100%;
        margin-top: 10px;
    }
    .fb_area {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    #slider_nav_box {
        display: none;
    }
	.c_info_container{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
	.c_info_wrap+.c_info_wrap{
		margin-top: 20px;
	}
}

/*--------------------------------
	個別ページのサイドナビ
--------------------------------*/

#sidebar h2 {
    width: 100%;
    height: 30px;
    padding-top: 10px;
    text-indent: 12px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    background-color: #555;
}

#sidebar h2 span {
    margin-right: 1em;
}

#side_top_menu {
    margin-bottom: 20px;
}

#side_top_menu li {
    width: 100%;
    height: auto;
    margin-top: 1px;
    background-color: #fff;
}

#side_top_menu li > a {
    display: block;
    width: 85%;
    min-height: 30px;
    padding-top: 10px;
    padding-left: 10%;
    padding-right: 5%;
}

#side_top_menu li ul li a {
    display: block;
    width: 85%;
    min-height: 30px;
    padding-top: 10px;
    padding-left: 10%;
    padding-right: 5%;
    color: #333;
    background-color: #fff;
}

#side_top_menu li ul {
    display: none;
}

#side_top_menu li a span {
    margin-left: -6%;
    margin-right: 2%;
}

/*--------------------------------
	visitor
--------------------------------*/

.visitor #sidebar h2 {
    background-color: #349a50;
}
.visitor .level1 li > a {
    color: #333;
    background-color: #d2f0db;
}
.visitor .level2 li a {
    color: #333;
    background-color: #fff;
}
.visitor .level2 li a:hover {
    color: #d2f0db;
}
.visitor .level2 li a span {
    color: #349a50;
}
.visitor #main_content table th {
    background-color: #d2f0db;
    text-align: center;
    text-indent: 0;
}

/*--------------------------------
	flow
--------------------------------*/

.flow #main h1 {
    background-image: url(../images/visitor/flow/h1_flow.jpg);
}
.flow #main h3 {
    margin: 20px 0;
}
.flow #main h4 {
    margin: 10px 0 30px;
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: normal;
    text-align: center;
}
.flow #main h5 {
    margin: 0;
    font-size: 13px;
    font-size: 0.929rem;
}
.flow #main p {
    font-size: 13px;
    font-size: 0.929rem;
}
.flow #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.flow .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.flow dl.flows dt {
    height: 27px;
    padding-top: 3px;
    padding-left: 40px;
    font-size: 18px;
    font-size: 1.286rem;
    background-color: #68b200;
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
}
.flow dl.flows dt.flow_1 {
    background-image: url(../images/visitor/flow/bg_1.gif);
}
.flow dl.flows dt.flow_2 {
    background-image: url(../images/visitor/flow/bg_2.gif);
}
.flow dl.flows dt.flow_3 {
    background-image: url(../images/visitor/flow/bg_3.gif);
}
.flow dl.flows dt.flow_4 {
    background-image: url(../images/visitor/flow/bg_4.gif);
}
.flow dl.flows dt.flow_5 {
    background-image: url(../images/visitor/flow/bg_5.gif);
}
.flow dl.flows dd {
    padding: 20px 0 0;
}
.flow dl.flows .left {
    width: 17%;
    padding-top: 10px;
    text-align: center;
}
.flow dl.flows .right {
    width: 83%;
}

/*-- table_1 --*/

.flow #main_content .table_1 th,
.flow #main_content .table_1 td {
    width: 50%;
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
    text-align: center;
}
.flow #main_content .table_1 th.t_1 {
    color: #333;
    font-weight: bold;
}

/*-- table_2 --*/

.flow #main_content .table_2 .t_1 {
    width: 68%;
    padding: 0 2%;
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
    text-align: left;
}
.flow #main_content .table_2 .t_2 {
    width: 28%;
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
    text-align: center;
}
.flow #main_content .table_2 .f_bold {
    color: #333;
    font-weight: bold;
    text-align: center;
}
.flow .center {
    margin: 15px 0;
    text-align: center;
}
.flow .m_btm {
    margin-bottom: 35px;
}
.flow .p_btm {
    padding-bottom: 50px;
}
.flow #contact_box {
    margin-top: -20px;
}

/*-- s_size --*/

.flow #main p.s_size {
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.flow #main ul.s_size {
    margin-top: 5px;
}
.flow #main ul.s_size li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}

@media screen and (max-width: 768px) {
    .flow #main h4 {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .flow #main p {
        line-height: 1.6em;
    }
    .flow .sc_table {
        overflow: scroll;
    }
    .flow #main_content .table_1 {
        width: 100%;
    }
    .flow #main_content .table_2 {
        width: 660px;
    }
    .flow dl.flows .right {
        width: 79%;
        padding: 0 2%;
    }
    .flow .sm_on {
        display: block;
    }
    .flow #main_content .table_1 th,
    .flow #main_content .table_1 td,
    .flow #main_content .table_2 th.t_1,
    .flow #main_content .table_2 th.t_2,
    .flow #main_content .table_2 td.t_2 {
        font-size: 12px;
        font-size: 0.857rem;
    }
}

/*--------------------------------
	area
--------------------------------*/

.area #main h1 {
    background-image: url(../images/visitor/area/h1_area.jpg);
}
.area #main_content {
    padding-bottom: 140px;
    background-color: #fff;
}
.area #main_content #area_map {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}
.area #main_content #area_list th {
    width: 7%;
}
.area #main_content #area_list td {
    width: 92%;
}
.area #main_content ul {
    position: relative;
}
.area #main_content ul li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
}
.area #main_content ul li span {
    position: absolute;
    left: 0;
    margin: 0
}

/*--------------------------------
	service
--------------------------------*/

.service #sidebar h2 {
    background-color: #6577b7;
	font-size: 0.9em;
}
.service .level1 li > a {
    color: #333;
    background-color: #e5edfa;
}
.service .level2 li a {
    color: #333;
    background-color: #fff;
}
.service .level2 li a:hover {
    color: #6577b7;
}
.service .level2 li a span {
    color: #6577b7;
}

/*--------------------------------
	smtv
--------------------------------*/

.smtv #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.smtv .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
	padding: 20px 3%;
    background-color: #fff;
}
.smtv .center {
    text-align: center;
}
.smtv #main h1 {
    height: auto;
}
.smtv #main h1 img {
    max-width: 150%;
    width: 100%;
}
.smtv #main h2 > span {
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
}
.smtv #main h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*--------------------------------
	smtv_service
--------------------------------*/

.smtv_service .half > div {
    width: 49%;
}
.smtv_service .big {
    font-size: 18px;
    font-size: 1.286rem;
}
.smtv_service .p_top {
    padding-top: 5px;
}
.smtv_service #main .s_size {
	font-size: 12px;
	font-size: 0.857rem;
	line-height: 1.4em;
}
.smtv_service .s_size li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.smtv_service #main h2 {
    line-height: 1.2em;
}
.smtv_service .functions .left img {
    float: none;
}
.smtv_service .functions .left p {
    margin-top: 20px;
}
.smtv_service #s_set {
    margin-top: 20px;
    padding-bottom: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.smtv_service #s_set .center {
    width: 100%;
    display: table;
}
.smtv_service #s_set .center div {
    display: table-cell;
    vertical-align: middle;
}
.smtv_service #s_set li {
   /* width: 25%;*/
   /* margin-top: 20px;*/
   /* margin-left: 4%;*/
    padding: 20px;
    border: 5px solid #ccc;
    /*float: left;*/
}
.smtv_service #s_set .l_non {
    margin-left: 0;
}
.smtv_service #s_set li > div {
    width: 100%;
    text-align: center;
    display: table;
}
.smtv_service #s_set li > div > div {
    width: 100%;
    padding-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
}
.smtv_service #s_set li .m_top {
    margin-top: 5px;
}
.smtv_service #s_set li h5 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 0.857rem;
    font-weight: normal;
    text-align: center;
    line-height: 1.4em;
}
.smtv_service #s_set li p {
    line-height: 1.4em;
}
.smtv_service #s_set li p.big {
    height: 50px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}

/*-- table_0 --*/

.smtv_service #main_content .table_0 {
    margin-top: 20px;
}
.smtv_service #main_content .table_0 th {
    font-size: 18px;
    font-size: 1.286rem;
    text-indent: 1em;
}
.smtv_service #main_content table.table_0 th {
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: normal;
    background-color: #f7f7fd;
}
.smtv_service #main_content table.table_0 td {
    font-size: 14px;
    font-size: 1.0rem;
    text-align: center;
}
.smtv_service #main_content .table_0 .t_1,
.smtv_service #main_content .table_0 .t_2 {
    width: 33%;
}
.smtv_service #main_content .table_0 .t_3 {
    width: 22%;
}
.smtv_service #main_content .table_0 .t_3_1 {
    width: 9%;
}
.smtv_service #main_content .table_0 .t_3_2 {
    width: 13%;
}
.smtv_service #main_content .table_0 .t_4 {
    width: 34%;
}
.smtv_service #main_content .table_0 .t_5 {
    width: 22%;
}
.smtv_service #main_content .table_0 .t_6 {
    width: 13%;
}
.smtv_service #main_content .table_0 th.t_1,
.smtv_service #main_content .table_0 th.t_2,
.smtv_service #main_content .table_0 th.t_3,
.smtv_service #main_content .table_0 th.t_4 {
    background-color: #f2f2f2;
}
.smtv_service #main_content .table_0 td.t_1,
.smtv_service #main_content .table_0 td.t_3 {
    background-color: #fff;
}
.smtv_service #main_content .table_0 .center {
    padding: 5px 0;
    text-align: center;
    text-indent: 0;
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 1.4em;
}
.smtv_service #main_content .table_0 .t_1 span {
    font-size: 18px;
    font-size: 1.286rem;
}

/*-- table_2 --*/

.smtv_service #main_content .table_2 {
    margin-top: 10px;
    margin-bottom: 20px;
}
.smtv_service #main_content .table_2 th {
    height: 90px;
    padding: 1em;
    text-indent: 0;
    font-weight: normal;
}
.smtv_service #main_content .table_2 td {
    text-indent: 1em;
}
.smtv_service #main_content .table_2 th.t_1 {
    height: auto;
    padding: 0;
    text-align: center;
    background-color: #f2f2f2;
}
.smtv_service #main_content .table_2 .t_1 {
    width: 41%;
}
.smtv_service #main_content .table_2 .t_2 {
    width: 59%;
}

/*-- table_3 --*/

.smtv_service #main_content .table_3 {
    margin-top: 10px;
    margin-bottom: 20px;
}
.smtv_service #main_content .table_3 th {
    height: 100px;
    padding: 0.5em;
    text-indent: 0;
}
.smtv_service #main_content .table_3 td {
    text-indent: 0;
}
.smtv_service #main_content .table_3 .t_1,
.smtv_service #main_content .table_3 .t_3 {
    height: auto;
    padding: 0;
    text-align: center;
}
.smtv_service #main_content .table_3 .t_1 {
    width: 25%;
}
.smtv_service #main_content .table_3 .t_2 {
    width: 22%;
}
.smtv_service #main_content .table_3 .t_3 {
    width: 25%;
}
.smtv_service #main_content .table_3 .t_4 {
    width: 28%;
}
/*2020.3変更*/
.stb_h3{
	font-size: 22px;
	font-weight: bold;
	color: #6dbce1;
	border-bottom: solid 2px #6dbce1;
}
.stb_box{
	border: dotted 3px #6dbce1;
	padding: 20px;
	border-radius: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.stb_h4{
	margin-bottom: 10px;
}
.stb_box_copy{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.stb_wrap{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.stb_wrap .stb_box{
	width: calc(50% - 10px);
}
.stb_wrap .stb_box:nth-child(n+3){
	margin-top: 20px;
}
.stb_in_box{
	width: calc(50% - 10px);
}
.stb_in_wrap .stb_in_box:nth-child(n+3){
	margin-top: 20px;
}
.stb_h5{
	font-size: 1.15em;
	color: #6dbce1;
	border-bottom: solid 2px #6dbce1;
	font-weight: bold;
}
.stb_table_ttl{
	color: #6dbce1;
	line-height: 1.5em;
}
.stb_table{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	text-align: center;
	font-size: 0.9em;
	line-height: 1.3em;
}
.stb_table_a{
	width: 55%;
}
.stb_table_b{
	width: 30%;
}
.stb_table_c{
	width: 15%;
}
.stb_table_1{
	background: #8dc9e6;
	color: #fff;
	padding: 5px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.stb_table_2{
	background: #d7e9f2;
	padding: 5px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.stb_table_3{
	background: #f2f2f2;
	padding: 5px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.stb_in_wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.smtv_service #main_content .table_1{
	margin-top: 20px;
	text-align: center;
}
.smtv_service #main_content .table_1 .t_1, .smtv_service #main_content .table_1 .t_2,.smtv_service #main_content .table_1 .t_3{
	width: calc(100% / 3);
}
.smtv_service #main_content .table_1 th{
	font-weight: normal;
	text-align: center;
}
.smtv_table02{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.smtv_table02  div{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	text-align: center;
}
.smtv_table02  div:nth-child(n+6){
	margin-top: 20px;
}
.smtv_t_1{
	width: 25%;
	background: #e4edfa;
	border: solid 1px #ccc;
}
.smtv_table02 .smtv_t_2,.smtv_table02 .smtv_t_4{
	width: 5%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0;
}
.smtv_t_3{
	width: 40%;
	background: #e4edfa;
	border: solid 1px #ccc;
}
.smtv_t_5{
	width: 25%;
	font-size: 20px;
	border: solid 1px #ccc;
}
.maru{
	background: #999;
	color: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: block;
	line-height: 1.2em;
	font-size: 18px;
}

@media screen and (max-width: 768px) {
    .smtv_service .half > div {
        width: 100%;
        float: none;
    }
    .smtv_service .big {
        font-size: 14px;
        font-size: 1.0rem;
    }
	.smtv_service #s_set{
		grid-template-columns: 1fr;
	}
    .smtv_service #s_set li {
        width: auto;
        height: auto;
        margin-left: 0;
        padding: 10px;
        border: 5px solid #ccc;
        float: none;
    }
    .smtv_service #s_set .l_non {
        margin-left: 0;
    }
    .smtv_service #s_set li div {
        text-align: center;
    }
    .smtv_service #s_set li h5 {
        margin-top: 0;
        margin-bottom: 18px;
        font-size: 16px;
        font-size: 1.143rem;
        text-align: center;
        line-height: 1.4em;
    }
    .smtv_service #s_set li p {
        line-height: 1.4em;
    }
	.smtv_service #main_content .table_0,.smtv_service #main_content .table_1 {
        width: 500px;
    }
    .smtv_service #main_content table.table_0 th {
        font-size: 14px;
        font-size: 1.0rem;
        padding: 5px 0;
    }
    .smtv_service #main_content table.table_0 td {
        padding: 5px 0;
    }
	.stb_h3{
		font-size: 16px;
	}
	.stb_box{
		padding: 20px 10px;
	}
	.stb_wrap .stb_box,.stb_in_box{
		width: 100%;
	}
	.stb_wrap .stb_box:nth-child(n+2),.stb_in_box:nth-child(n+2){
		margin-top: 20px;
	}
	.smtv_table02 div{
		line-height: 1.5em;
	}
}

/*--------------------------------
	milplus
--------------------------------*/

.milplus #main,
.milplus #container {
    margin-bottom: 0;
    padding-bottom: 0;
}
.milplus #main h2 {
    line-height: 1.2em;
}
.milplus #main h2 div {
    display: inline-block;
    width: 120px;
    margin-left: 0.3em;
    padding: 5px 0 1px;
    background-color: #c1272d;
    border-radius: 5px;
    text-align: center;
    line-height: 1.1em;
    vertical-align: baseline;
    color: #fff;
}
.milplus #main h2 div span {
    margin-right: 0.5em;
    font-size: 13px;
    font-size: 0.929rem;
}
.milplus #main h4 {
    margin-bottom: 10px;
}
.milplus .c_wrap_inner {
    width: 82%;
    margin: 0 auto;
}
.milplus .c_wrap_inner .left {
    width: 58%;
}
.milplus .c_wrap_inner .right {
    width: 40%;
    padding-left: 2%;
}
.milplus .title_box {
    padding: 20px 0;
    border-top: 3px solid #4d69ba;
    border-bottom: 3px solid #4d69ba;
}
.milplus .c_wrap_inner .title_box .left {
    width: 62%;
    padding: 0 2%;
    font-size: 17px;
    font-size: 1.214rem;
}
.milplus .c_wrap_inner .title_box .right {
    width: 34%;
    padding-left: 0;
}

/*-- 伸縮破線 --*/

.milplus #main h4.flex_line {
    position: relative;
    width: 100%;
}
.milplus #main h4.flex_line:before {
    content: "";
    display: block;
    border-top: dashed 1px #333;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

h4.flex_line span {
    background-color: #fff;
    padding-right: 5px;
    position: relative;
    color: #4d69ba;
    font-size: 17px;
    font-size: 1.214rem;
    z-index: 5;
}

/*-- table_1 --*/

.milplus #main_content .table_1 th {
    width: 45%;
    padding: 0.2em 0;
    text-align: center;
    text-indent: 0;
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: normal;
    line-height: 1.2em;
}
.milplus #main_content .table_1 td {
    width: 55%;
    padding: 0.6em 0;
    text-align: left;
    text-indent: 0.5em;
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: bold;
    line-height: 1.2em;
}
.milplus #main_content .table_1 td span {
    font-size: 15px;
    font-size: 1.071rem;
}
.milplus #main_content .table_1 td.red {
    text-align: center;
    letter-spacing: 0.5em;
}
.milplus .c_wrap_inner .center {
    margin-top: 25px;
}

/*-- table_2 --*/

.milplus #main_content .table_2 {
    margin-top: 20px;
}
.milplus #main_content .table_2 th {
    width: 41%;
    height: 40px;
    padding: 2%;
    text-align: left;
    text-indent: 0;
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: normal;
    line-height: 1.2em;
    background-color: #fff;
}
.milplus #main_content .table_2 td {
    width: 51%;
    height: 40px;
    padding: 2%;
    text-align: left;
    text-indent: 0;
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: normal;
    line-height: 1.2em;
}
.milplus .watch_how {
    margin-bottom: 15px;
    border: 2px solid #6084b9;
}
.milplus .watch_how .left {
    width: 21%;
    height: 170px;
    margin: 2%;
    background-color: #e4edfa;
}
.milplus .watch_how h5 {
    margin: 20px 0 0;
    text-align: center;
    line-height: 1.4em;
    font-size: 15px;
    font-size: 1.071rem;
    color: #6084b9;
}
.milplus .watch_how h5 span {
    font-size: 12px;
    font-size: 0.857rem;
}
.milplus .watch_how img {
    margin-top: 20px;
}
.milplus .watch_how .right {
    width: 71%;
    padding: 2%;
}
.milplus .watch_how .right ol,
.milplus .watch_how .right ul {
    margin-top: 20px;
    position: relative;
    line-height: 1.2em;
}
.milplus .watch_how .right ul li {
    font-size: 11px;
    font-size: 0.786rem;
}
.milplus .watch_how .right li {
    list-style: none;
    list-style-position: outside;
    font-size: 12px;
    font-size: 0.857rem;
    margin: 0.5em 0;
    padding-left: 1.5em;
}
.milplus .watch_how .right li span {
    position: absolute;
    left: 0;
    margin: 0
}
.milplus .pack div {
    width: 49%;
}

/*-- table_3 --*/

.milplus #main_content .table_3 th {
    text-align: left;
    text-indent: 0;
    padding: 2% 1% 2% 4%;
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: normal;
    line-height: 1.4em;
}
.milplus #main_content .table_3 td {
    height: 50px;
    padding: 2% 1% 2% 4%;
    text-align: left;
    text-indent: 0;
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: normal;
    line-height: 1.4em;
}
.milplus #main_content .table_3 .t_1 {
    width: 55%;
}
.milplus #main_content .table_3 .t_2 {
    width: 45%;
}
.milplus #main_content .table_3 td.t_1 {
    background-color: #f2f2f2;
}
.milplus .pack ul {
    margin-top: 0.5em;
}
.milplus .pack ul li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.milplus .m_top {
    margin-top: 40px;
}
.prime_info {
    margin-top: 30px;
}
.prime_info2{
	margin-top: 50px;
}
.prime_info div {
    width: 49%;
}
.prime_info h4,.prime_info2 h4 {
    margin: 0;
    font-size: 17px;
    font-size: 1.214rem;
    color: #4d69ba;
}
.prime_info p {
    line-height: 1.4em;
}
.prime_info p.s_size {
    margin-top: 0.5em;
    font-size: 12px;
    font-size: 0.857rem;
}
.prime_ttl{
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 20px;
}
.redbold{
	color: red;
	font-weight: bold;
}
.grid{
	display: grid;
}
#main_content .prime_info .table_1{
	width: 324px;
}
.prime_grid{
	grid-template-columns: 120px 1fr;
	width: 100%;
	margin-top: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.prime_grid div{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.prime_g_ttl{
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #f7f7fd;
	border: 1px solid #dddddd;
	width: 120px;
}
.prime_g_cont{
	padding: 10px;
	text-align: center;
	font-size: 20px;
	line-height: 1.3em;
	border: 1px solid #dddddd;
	width: calc(100% - 120px);
}
.prime_g_arrow{
	text-align: center;
	padding: 10px 0;
	width: 100%;
}
.prime_price{
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 10px;
}
.prime_price_b{
	font-size: 1.2em;
	color: cornflowerblue;
}
.milplus .link_box {
    margin: 20px 0;
}
.milplus .link_box h5 {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-size: 1.286rem;
    color: #4d69ba;
}
.milplus .link_box .btn_link {
    margin-top: 10px;
}
.milplus .point_1 li {
    width: 27%;
    margin-top: 0;
    margin-left: 4%;
    padding: 1%;
    border: 5px solid #ffb854;
    background-color: #ff9503;
    float: left;
}
.milplus .steps li {
    width: 26%;
    margin-top: 0;
    margin-left: 4%;
    padding: 2%;
    border: 2px solid #ff9503;
    float: left;
}
.milplus .point_1 li.right {
    float: right;
}
.milplus .steps li.right {
    float: right;
}
.milplus .point_1 li.l_non,
.milplus .steps li.l_non {
    margin-left: 0;
}
.milplus .point_1 li div {
    text-align: center;
}
.milplus .point_1 li p {
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.4em;
    color: #fff;
}
.milplus .point_1 li p span {
    font-size: 21px;
    font-size: 1.5rem;
}
.milplus p.bold {
    margin-bottom: 25px;
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: bold;
}
.milplus p.n_search {
    margin-top: 0;
    font-size: 15px;
    font-size: 1.071rem;
}
.milplus .steps {
    margin-top: 10px;
}
.milplus .steps p {
    margin-top: 0.5em;
    font-size: 13px;
    font-size: 0.929rem;
    line-height: 1.4em;
}
.milplus .bnr {
    width: 100%;
    height: 120px;
    margin-top: 20px;
    padding: 0;
    background-color: #e4edfa;
}
.milplus .bnr .left {
    width: 20%;
    padding: 14px 0;
    text-align: center;
}
.milplus .bnr .right {
    width: 80%;
    height: 92px;
    padding: 14px 0;
}
.milplus #main .bnr .right h4 {
    margin: 0;
    font-size: 22px;
    font-size: 1.571rem;
    color: #ff9503;
}
.milplus #main .bnr .right p {
    margin-top: 0.5em;
    line-height: 1.4em;
}
.milplus #main .bnr .right p span {
    color: #4d69ba;
}
.milplus .steps_2 li {
    width: 18.9%;
    margin-top: 0;
    margin-left: 2%;
    padding: 2%;
    border: 2px solid #e6e6e6;
    float: left;
}
.milplus .steps_2 li.right {
    float: right;
    margin-left: 0;
}
.milplus .steps_2 li.l_non {
    margin-left: 0;
}
.milplus .steps_2 p {
    margin-top: 10px;
    line-height: 1.4em;
    font-size: 13px;
    font-size: 0.929rem;
    word-break: break-all;
}
.milplus #main h3.h_flow {
    margin-top: 50px;
    padding: 5px 0;
    background-color: #ff9a0c;
    border: none;
    border-radius: 10px;
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: normal;
    text-indent: 1em;
    color: #fff;
}
.milplus .attention {
    border: none;
}
.milplus .attention p {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.milplus .attention h6 {
    margin: 0;
    font-size: 12px;
    font-size: 0.857rem;
}
.milplus .attention .p_top {
    padding-top: 1em;
}
.milplus .n_login {
    margin-top: 15px;
    padding: 10px 0;
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: bold;
    border: 1px solid #f0845e;
    border-radius: 10px;
    text-align: center;
}
.milplus .p_btm {
    margin-bottom: 0;
    padding-bottom: 50px;
}
.milplus #main_content #contact_box {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 50px;
}
.prime_i_box{
	border: 1px solid #dddddd;
	width: calc(50% - 10px);
}
.prime_i_box_a{
	padding: 10px 20px;
	border-bottom: 1px solid #dddddd;
	background-color: #f7f7fd;
	font-weight: bold;
}
.prime_i_box_b{
	padding: 10px 20px;
}

/*-- youtube埋め込み --*/

.video_box {
    width: 80%;
    height: auto;
    margin: 20px auto;
}
.video_box .f_box {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.video_box .f_box iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.video_box h4 {
    color: #4d69ba;
    font-size: 17px;
    font-size: 1.214rem;
}

@media screen and (max-width: 768px) {
    .milplus #main h2 div {
        width: 75px;
        font-size: 12px;
        font-size: 0.857rem;
        border-radius: 5px;
    }
    .milplus #main h2 div span {
        font-size: 9px;
        font-size: 0.643rem;
    }
    .milplus .c_wrap_inner .left,
    .milplus .pack .left {
        width: 100%;
        float: none;
    }
    .milplus .c_wrap_inner .right,
    .milplus .pack .right {
        width: 100%;
        padding-left: 0;
        float: none;
    }
    .milplus .c_wrap_inner {
        width: 100%;
    }
    .milplus .c_wrap_inner .title_box .left {
        width: 96%;
        float: none;
    }
    .milplus .c_wrap_inner .title_box .right {
        width: 50%;
        float: none;
        text-align: center;
    }
    .milplus #main_content .table_1 {
        width: 100%;
        margin-top: 10px;
    }
    .milplus #main_content .table_2 {
        width: 100%;
    }
    .milplus #main_content .table_2 th {
        width: 46%;
        padding: 2%;
        font-size: 12px;
        font-size: 0.857rem;
    }
    .milplus #main_content .table_2 td {
        width: 46%;
        padding: 2%;
        font-size: 12px;
        font-size: 0.857rem;
    }
    .milplus .watch_how {
        width: 100%;
        margin: 20px auto 0;
    }
    .milplus .watch_how .left {
        width: 96%;
        height: auto;
        margin: 0;
        padding: 2% 2% 6%;
        float: none;
    }
    .milplus .watch_how .right {
        width: 96%;
        padding: 2%;
        float: none;
    }
    .milplus .watch_how .right ol {
        margin-top: 0;
    }
    .milplus #main_content .table_3 {
        margin-top: 20px;
    }
    .prime_info .left,
    .prime_info .right {
        width: 100%;
        float: none;
    }
	#main_content .prime_info .table_1{
		width: 100%;
	}
    .milplus .point_1 li,
    .milplus .point_1 li.right,
    .milplus .steps li,
    .milplus .steps li.right,
    .milplus .steps_2 li,
    .milplus .steps_2 li.right {
        width: 80%;
        margin: 0 auto 20px;
        float: none;
    }
    .milplus .point_1 li.l_non,
    .milplus .steps li.l_non,
    .milplus .steps_2 li.l_non {
        margin-left: auto;
    }
    .milplus .steps_2 li {
        padding-bottom: 20px;
    }
    .milplus .bnr {
        width: 90%;
        height: auto;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .milplus .bnr .left {
        width: auto;
        padding: 14px 0;
        float: none;
    }
    .milplus .bnr .right {
        width: auto;
        height: auto;
        padding: 1em;
        float: none;
    }
    .milplus #main .bnr .right h4 {
        margin: 0;
        text-align: center;
        font-size: 16px;
        font-size: 1.143rem;
    }
    .milplus #main .bnr .right p {}
    .milplus .n_login {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .milplus .s_size {
        font-size: 12px;
        font-size: 0.857rem;
        line-height: 1.2em;
    }
	.prime_grid{
		padding-left: 0;
		width: 100%;
		grid-template-columns: 1fr;
		margin-top: 30px;
	}
	.prime_g_ttl{
		padding: 0 5px;
	}
	.prime_g_cont{
		font-size: 14px;
		padding: 5px;
	}
	.prime_price{
		font-size: 1.2em;
	}
	.prime_info_wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.prime_i_box{
		width: 100%;
	}
	.prime_i_box + .prime_i_box{
		margin-top: 10px;
	}
}

/*--------------------------------
	catv
--------------------------------*/

.catv #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}

/*-- s_size --*/

.catv p.s_size {
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.catv ul.s_size {
    margin-top: 5px;
}
.catv ul.s_size li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}

@media screen and (max-width: 768px) {
    .catv .sm_on {
        display: block;
    }
    .catv .sm_non {
        display: none;
    }
}

/*--------------------------------
	catv_service
--------------------------------*/

.catv_service #main,
.catv_service #container {
    margin-bottom: 0;
    padding-bottom: 0;
}
.catv_service #main_content .p_top {
    padding-top: 5px;
}
.catv_service #main_content .p_btm {
    padding-bottom: 50px;
}
.catv_service #main_content .center {
    text-align: center;
}
.catv_service #main h1 {
    height: auto;
}
.catv_service #main h1 img {
    max-width: 150%;
    width: 100%;
}
.catv_service .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 20px;
    background-color: #fff;
}
.catv_service .c_wrap_inner {
    padding: 0 10px;
}
.catv_service #main_content h3 {
    margin: 30px 0 20px;
}
.waica #main_content h4 {
    padding: 5px 2%;
    color: #fe6899;
    font-weight: normal;
    border: 2px solid #fe6899;
    border-radius: 10px;
}
.catv_service .tuner {
    margin-top: 40px;
    margin-bottom: 37px;
}
.catv_service .point_box {
    width: 85%;
    margin: 0 auto;
}
.catv_service .point_box .left,
.catv_service .point_box .right {
    width: 50%;
}
.ch_box {
    width: 93%;
    margin: 0 auto 12px;
    border: 2px solid #415ba8;
    border-radius: 5px;
    background-color: #415ba8;
    text-align: center;
    color: #fff;
}
.ch_box span {
    padding: 7px 0;
    display: block;
    font-size: 24px;
    font-size: 1.714rem;
    background-color: #fffeec;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #415ba8;
}
.au_box {
    width: 93%;
    margin: 0 auto 12px;
    padding: 17px 0;
    background-color: #fffeec;
    border: 2px solid #415ba8;
    border-radius: 5px;
    text-align: center;
    color: #415ba8;
}
.catv_service .point {
    width: 93%;
    margin: 0 auto 5px;
    padding: 4px 0;
    background-color: #415ba8;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}
.functions .left {
    width: 54%;
    line-height: 1.4em;
}
.functions .left img {
    float: right;
}
.functions .right {
    width: 45%;
    text-align: right;
}
.attention {
    margin-top: 50px;
    border: 1px solid #4d69ba;
}
.catv_service .attention h5 {
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #4d69ba;
    background-color: #e4edfa;
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: normal;
    text-indent: 1em;
}
.catv_service .attention ul {
    padding: 1em;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.6em;
}
.catv_service .w_center {
    width: 85%;
    margin: 10px auto 0;
    line-height: 1.6em;
}
.catv_service #main_content dl {
    border: 2px solid #4d69ba;
	width: 100%;
}
.catv_service #main_content dt {
    width: 40%;
    /*padding: 100px 2%;*/
    font-size: 22px;
    font-size: 1.571rem;
    text-align: center;
    float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px;
}
.catv_service #main_content dd {
    width: 60%;
    /*min-height: 210px;*/
    height: auto;
    padding: 8px 2%;
    background-color: #e4edfa;
    float: right;
}
.catv_service #main_content dd p {
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 1.6em;
}
.catv_service #main_content dd ul {
    margin-top: 12px;
}
.catv_service #main_content dd ul li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.catv_p{
	font-size: 20px;
	font-weight: bold;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: auto;
}
.catv_p::after{
	content: "";
	display: block;
	height: 5px;
	width: 100%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)),color-stop(18%, rgba(77,105,186,1)),color-stop(83%, rgba(77,105,186,1)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(77,105,186,1) 18%,rgba(77,105,186,1) 83%,rgba(255,255,255,1) 100%);
}
.catv_p02{
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
.blue_line{
	display: block;
	margin: 10px auto;
}
/*-- table1 --*/

.catv_service #main_content .table_1 {
    margin-top: 20px;
}
.catv_service #main_content .table_1 .t_2 {
    width: 19%;
}
.catv_service #main_content .table_1 .t_3 {
    width: 17%;
}
.catv_service #main_content .table_1 .t_3_1 {
    width: 8%;
}
.catv_service #main_content .table_1 .t_3_2 {
    width: 9%;
}
.catv_service #main_content .table_1 .t_4 {
    width: 22%;
}
.catv_service #main_content .table_1 .t_5 {
    width: 15%;
}
.catv_service #main_content .table_1 .t_6 {
    width: 20%;
}
.catv_service #main_content .table_1 th {
    height: 30px;
    padding: 0;
    background-color: #f2f2f2;
    text-align: center;
    text-indent: 0;
    line-height: 1.2em;
    font-weight: normal;
}
.catv_service #main_content .table_1 th.t_1 {
    background-color: #e4edfa;
    text-align: left;
    text-indent: 0.3em;
    font-size: 17px;
    font-size: 1.214rem;
}
.catv_service #main_content .table_1 td {
    height: 30px;
    padding: 0;
    text-align: center;
    text-indent: 0;
    line-height: 1.2em;
    font-weight: normal;
}
.catv_service #main_content .table_1 .t_2 span {
    font-size: 18px;
    font-size: 1.286rem;
}
.catv_service #main_content .table_1 .t_5 span {
    display: block;
}

/*-- table2 --*/

.catv_service #main_content .table_2,
.catv_service #main_content .table_2 th,
.catv_service #main_content .table_2 td {
    width: 50%;
    font-weight: normal;
}
.catv_service #main_content .table_2 th {
    text-indent: 1em;
}
.catv_service #main_content .table_2 th.t_1 {
    background-color: #f2f2f2;
}
.catv_service #main_content .table_2 td {
    padding-left: 0;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: bold;
    text-indent: 1em;
}
.catv_service #main_content .table_2.table_2-long td {
    font-size: 1rem;
    font-size: 100%;
    font-weight: normal;
    text-indent: 0;
    padding: 10px 1em;
}

@media screen and (min-width: 768px) {
    .catv_service #main_content .table_2.table_2-long {
        width: auto;
    }
}
.catv_service #main_content p.red {
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.857rem;
}
.catv_service .c_wrap.pt20,.pt20{
	padding-top: 20px;
}
@media screen and (max-width: 768px) {
    .catv_service .point_box .left,
    .catv_service .point_box .right {
        width: 100%;
        float: none;
    }
    .functions .left {
        width: 100%;
        float: none;
    }
    .functions .left img {
        display: block;
        margin: 0 auto;
        float: none;
    }
    .functions .right {
        width: 100%;
        margin-top: 10px;
        float: none;
        text-align: center;
    }
    .sc_table {
        overflow: scroll;
    }
    .catv_service #main_content .table_1 {
        width: 500px;
    }
    .catv_service #main_content .table_2 {
        width: 100%;
    }
	.catv_service #main_content dl {
		display: block;
	}
    .catv_service #main_content dt {
        width: 96%;
        padding: 10px 2%;
        float: none;
    }
    .catv_service #main_content dd {
        width: 96%;
        /*min-height: 210px;*/
        height: auto;
        padding: 8px 2%;
        float: none;
    }
    .catv_service #main_content .table_1 th.t_1 {
        font-size: 14px;
        font-size: 1.0rem;
        text-indent: 1em;
    }
    .catv_service #main_content .table_1 td {
        padding: 5px 0;
    }
}

/*--------------------------------
	catv_guide
--------------------------------*/

.catv_guide #main h1 {
    background-image: url(../images/service/catv/catv_guide/h1_catv_guide.jpg);
}
.main_content_inner {
    width: 94%;
    padding: 0 3%;
    background-color: #fff;
}
.catv_guide #main_content table {
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
}
.catv_guide #main_content table .channel_item th,
.catv_guide #main_content table .channel_item td {
    padding: 0;
    text-align: center;
    color: #fff;
    background-color: #555;
}
.catv_guide #main_content table th,
.catv_guide #main_content table td {
    padding: 0;
    text-indent: 0;
    text-align: center;
}
.catv_guide #main_content table td {
    height: 80px;
}
.catv_guide #main_content table th {
    height: 30px;
    background-color: #e5edfa;
}
.catv_guide #main_content table th.t_1,
.catv_guide #main_content table th.t_2,
.catv_guide #main_content table th.t_3,
.catv_guide #main_content table th.t_4,
.catv_guide #main_content table th.t_5,
.catv_guide #main_content table th.t_6 {
    font-weight: normal;
}
.catv_guide #main_content table .t_2 {
    border-right: none;
}

/*-- HD --*/

.all_hi {
    width: 25px;
    height: 18px;
    margin: 0 auto;
    font-size: 12px;
    font-size: 0.857rem;
    text-align: center;
    line-height: 1.6em;
    color: #fff;
    background-color: #da0c3a;
    border-radius: 3px;
}
.reg_hi {
    width: 25px;
    height: 18px;
    margin: 0 auto;
    font-size: 12px;
    font-size: 0.857rem;
    text-align: center;
    line-height: 1.6em;
    color: #fff;
    background-color: #5166ae;
    border-radius: 3px;
}
.ch_4k {
	background-color: #20863C;
}
.catv_guide #main_content .hosoku_info {
    margin-top: 10px;
}
.catv_guide #main_content .hosoku_info li p {
    float: left;
}
.catv_guide #main_content .hosoku_info li {
    float: left;
    margin-right: 1em;
}
.catv_guide #main_content .hosoku_info li .all_hi,
.catv_guide #main_content .hosoku_info li .reg_hi {
    margin-top: 2px;
    margin-right: 3px;
}
.catv_guide #main_content .hosoku .infos li {
    float: none;
}
.hosoku {
    padding-bottom: 30px;
}
.hosoku ul {
    position: relative;
}
.hosoku ul li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
}
.hosoku ul li span {
    position: absolute;
    left: 0;
    margin: 0
}
.catv_guide #main_content .sub_channel {
    width: 49%;
}
.catv_guide #main_content .sub_channel th {
    font-weight: normal;
}
.catv_guide #main_content .sub_channel td {
    height: auto;
    font-size: 12px;
    font-size: 0.857rem;
}
.catv_guide #main_content .sub_channel td.t_11 {
    text-align: left;
    padding: 0 1em;
}

/*テーブル詳細*/

.catv_guide #main_content table .t_1 {
    width: 12%;
}
.catv_guide #main_content table .t_2 {
    width: 16%;
}
.catv_guide #main_content table .t_3 {
    width: 40%;
    padding-left: 1em;
    text-align: left;
}
.catv_guide #main_content table .t_4 {
    width: 8%;
}
.catv_guide #main_content table .t_5 {
    width: 32%;
}
.catv_guide #main_content table .t_6 {
    width: 12%;
}
.catv_guide #main_content table td.t_5 {
    padding-left: 1em;
    text-align: left;
}
.catv_guide #main_content table td.t_5_1 {
	padding-left: 1em;
	text-align: left;
	width: 20%;
}
.catv_guide #main_content table td.t_6 {
    padding-right: 1em;
    text-align: right;
}
.catv_guide #main_content table td.t_6 span {
    display: block;
    font-size: 10px;
    font-size: 0.714rem;
}
.catv_guide #main_content table .t_10 {
    width: 30%;
}
.catv_guide #main_content table .t_11 {
    width: 70%;
}

@media screen and (max-width: 768px) {
    .catv_guide #main_content table {
        margin-bottom: 20px;
    }
    .catv_guide #main_content table th {
        font-size: 14px;
        font-size: 1.0rem;
        line-height: 1.2em;
    }
    .catv_guide #main_content table th.t_1,
    .catv_guide #main_content table th.t_2,
    .catv_guide #main_content table th.t_3,
    .catv_guide #main_content table th.t_4 {
        font-size: 10px;
        font-size: 0.714rem;
    }
    .catv_guide #main_content table td {
        height: auto;
    }
    .catv_guide #main_content .s_non {
        display: none;
    }
    .catv_guide #main_content .hosoku li {
        float: none;
        margin: 0;
        padding: 0;
        padding-left: 1.5em;
    }
    .catv_guide #main_content .hosoku > p {
        text-align: left;
        margin-left: 0.5em;
    }
    .catv_guide #main_content table .t_3 {
        padding-left: 0.5em;
    }
    .catv_guide #main_content table .t_2 img {
        width: 96%;
        margin: 0 auto;
    }
    .all_hi,
    .reg_hi {
        padding-top: 2px;
        font-size: 10px;
        font-size: 0.714rem;
    }
    .catv_guide #main_content table.noimg td {
        padding: 10px 0;
    }
    .catv_guide #main_content table.noimg td.t_3,
    .catv_guide #main_content table.noimg td.t_5,
    .catv_guide #main_content table.noimg td.t_6 {
        padding: 0 0.5em;
    }
    .catv_guide #main_content table td.t_6 span {
        font-size: 8px;
    }
    .catv_guide #main_content table td.t_6 {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .catv_guide #main_content .sub_channel {
        width: 100%;
        float: none;
    }
}

/*--------------------------------
	catv_joining
--------------------------------*/

.catv_joining #main h1 {
    background-image: url(../images/service/catv/catv_joining/h1_catv_joining.jpg);
}
.catv_joining_joining #main h3 {
    margin: 20px 0;
}
.catv_joining #main h4 {
    margin: 10px 0 30px;
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: normal;
    text-align: center;
}
.catv_joining #main h5 {
    margin: 0;
    font-size: 13px;
    font-size: 0.929rem;
}
.catv_joining #main p {
    font-size: 13px;
    font-size: 0.929rem;
}
.catv_joining .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.catv_joining dl.flows dt {
    height: 27px;
    padding-top: 3px;
    padding-left: 40px;
    font-size: 18px;
    font-size: 1.286rem;
    background-color: #6577b7;
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
}
.catv_joining dl.flows dt.flow_1 {
    background-image: url(../images/service/catv/catv_joining/bg_1.gif);
}
.catv_joining dl.flows dt.flow_2 {
    background-image: url(../images/service/catv/catv_joining/bg_2.gif);
}
.catv_joining dl.flows dt.flow_3 {
    background-image: url(../images/service/catv/catv_joining/bg_3.gif);
}
.catv_joining dl.flows dt.flow_4 {
    background-image: url(../images/service/catv/catv_joining/bg_4.gif);
}
.catv_joining dl.flows dt.flow_5 {
    background-image: url(../images/service/catv/catv_joining/bg_5.gif);
}
.catv_joining dl.flows dt.flow_6 {
    background-image: url(../images/service/catv/catv_joining/bg_6.gif);
}
.catv_joining dl.flows dd {
    padding: 20px 0 0;
}
.catv_joining dl.flows .left {
    width: 17%;
    padding-top: 10px;
    text-align: center;
}
.catv_joining dl.flows .right {
    width: 83%;
}
.catv_joining .center {
    margin: 15px 0;
    text-align: center;
}
.catv_joining .p_btm {
    padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
    .catv_joining #main .h1_filter {
        padding: 25px 3% 15px;
    }
    .catv_joining #main p {
        line-height: 1.6em;
    }
    .catv_joining dl.flows .right {
        width: 79%;
        padding: 0 2%;
    }
}

/*--------------------------------
	catv_construction
--------------------------------*/

.catv_construction #main h1 {
    background-image: url(../images/service/wainet/wainet_construction/h1_wainet_construction.jpg);
}
.catv_construction #main h3 {
    margin: 20px 0;
}
.catv_construction #main h4 {
    margin: 50px 0 0;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: normal;
    color: #6577b7;
}
.catv_construction .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.catv_construction #main ul {
    margin-top: 20px;
}
.catv_construction .center {
    margin: 10px 0 30px;
    text-align: center;
}
.catv_construction .m_top {
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    .catv_construction #main .h1_filter {
        padding: 25px 3% 15px;
    }
}

/*--------------------------------
	living
--------------------------------*/

.living #main_content {
    width: 100%;
    padding: 0;
}
.living .c_wrap {
    width: 100%;
    margin-top: 20px;
    background-color: #fff;
}
.living .c_wrap_inner {
    width: 94%;
    padding: 0 3% 20px;
}
.living #main_content h2 {
    margin-bottom: 26px;
    background-image: url(../images/service/living/living_watch/bg_title.gif);
    background-repeat: repeat;
    color: #fff;
}
.living #main_content h2.s_h2 {
    min-height: 0;
    height: 23px;
    padding: 3px 0;
    text-indent: 1em;
    letter-spacing: 1em;
}
.living #main_content h3 {
    width: auto;
    height: auto;
    margin: 0;
    margin-bottom: 13px;
    padding: 0;
    text-indent: 0;
    border: none;
    background: none;
}
.living #main_content h5 {
    width: 100%;
    height: 28px;
    margin-bottom: 15px;
    padding-top: 2px;
    font-size: 17px;
    font-size: 1.214rem;
    text-align: center;
    line-height: 1.8em;
}
.living .head_line2 {
    height: 30px;
    background-image: url(../images/service/living/living_watch/bg_title.gif);
    background-repeat: repeat;
    color: #fff;
}
.living #main_content .head_box {
    border: 3px solid #ccc;
    border-radius: 5px;
}
.living #main_content .attention {
    width: auto;
    margin: 0 auto;
    border: 2px solid #f28018;
}
.living #main_content .attention p {
    margin: 0;
    background-color: #f28018;
    text-align: center;
    color: #fff;
}
.living #main_content .attention ul {
    padding: 1em;
}
.living #main_content .attention ul li {
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 0.857rem;
}
.living #main_content .attention ul li span {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    font-size: 1.071rem;
}
.living #main_content .clm_3 ul li {
    line-height: 1.4em;
}
.living #main_content .smaller {
    font-size: 14px;
    font-size: 1.0rem;
}
.living #main_content .fee_box {
    width: 40%;
    height: 27px;
    margin-left: 7%;
    padding-top: 3px;
    text-align: center;
    float: left;
    color: #fff;
    background-color: #f28018;
    border-radius: 5px;
    line-height: 1.8em;
}
.living #main_content .fee_free {
    width: 86%;
    height: auto;
    margin: 20px auto;
    padding: 1px 0;
    text-align: center;
    color: #e3001c;
    font-size: 50px;
    font-weight: bold;
    line-height: normal;
    border: 1px solid #808080;
    border-radius: 5px;
    background-color: #fdfbdb;
}
.living #main_content .clm_3 .attention {
    margin-top: 20px;
}
.living #main_content #area_dl {
    margin-top: 10px;
}
.living #main_content #area_dl dd {
    padding-top: 10px;
    font-size: 19px;
    font-size: 1.357rem;
    font-weight: bold;
    text-align: center;
}
.living #main_content .waku {
    margin-top: 5px;
    padding: 1em;
    padding-top: 0.5em;
    border: 1px solid #808080;
    border-radius: 5px;
}
.living #main_content .waku dt {
    border-bottom: 1px dashed #808080;
    font-size: 19px;
    font-size: 1.357rem;
    font-weight: bold;
    line-height: 1.2em;
}
.living #main_content .waku dt img {
    margin-right: 5px;
}
.living #main_content .waku dd {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.living .center {
    margin: 5px 0;
    text-align: center;
}
.sub_t {
    font-size: 14px;
    font-size: 1.0rem;
}

/*--------------------------------
	living_watch
--------------------------------*/

.living_watch #main h1 {
    background-image: url(../images/service/living/living_watch/h1_living_watch.jpg);
}
.living_watch h2 br {
    display: none;
}
.living_watch #main_content .h3_l {
    width: 10%;
    float: left;
}
.living_watch #main_content .h3_r {
    width: 10%;
    text-align: right;
    float: right;
}
.living_watch #main_content .h3_m {
    width: 80%;
    float: left;
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
}
.living_watch #main_content h4 {
    margin: 0;
    padding-top: 6px;
    padding-bottom: 2px;
    background-color: #f9e883;
    font-size: 20px;
    font-size: 1.429rem;
    text-align: center;
}
.living_watch #main_content .inf h4 {
    padding: 10px 0;
}
.living_watch #main_content h4 img {
    margin-right: 5px;
    vertical-align: text-bottom;
}
.living_watch #main_content .head_box .left {
    width: 21%;
    padding: 1%;
    text-align: center;
}
.living_watch #main_content .head_box .right {
    width: 77%;
    padding-top: 1em;
    font-size: 20px;
    font-size: 1.429rem;
}
.living_watch #main_content .head_line {
    width: 100%;
    margin-top: 17px;
    margin-bottom: 30px;
    padding: 1em 0;
    background-color: #fadee1;
    border-radius: 5px;
    font-size: 20px;
    font-size: 1.429rem;
    text-align: center;
}
.living_watch #main_content .head_line span {
    font-weight: bold;
}
.living_watch #main_content .head_line3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: bold;
    text-align: center;
}
.living_watch #main_content .c_line {
    background-image: url(../images/service/living/living_watch/bg_center.gif);
    background-position: center top;
    background-repeat: repeat-y;
    line-height: 1.2em;
}
.living_watch #main_content .img_b_l {
    margin: 20px 0;
}
.living_watch #main_content .c_line dl {
    margin-bottom: 20px;
    border: 3px solid #ccc;
}
.living_watch #main_content .c_line dl dt .dt_img_b_l {
    width: 15%;
    margin: 1%;
    float: left;
}
.living_watch #main_content .c_line dl dt {
    background-color: #f5f0c2;
}
.living_watch #main_content .c_line dl dt p {
    width: 83%;
    padding-top: 1%;
    font-size: 18px;
    font-size: 1.286rem;
    float: right;
    line-height: 1.2em;
}
.living_watch #main_content .c_line dl dd {
    padding: 1%;
    line-height: 1.2em;
}
.living_watch #main_content .exam .clm_2 {
    width: 48%;
}
.living_watch #main_content .exam_area dd {
    padding: 10px 0;
    border-left: 2px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    background-color: #fbfaf3;
}
.living_watch #main_content .exam_area dt img {
    vertical-align: middle;
}
.living_watch #main_content .exam_area dd img {
    display: block;
    margin: 0 auto 10px;
}
.living_watch #main_content .exam_area dd .imgs img {
    margin-top: 22px;
}
.living_watch #main_content .exam_area p {
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
}
.living_watch #main_content .exam_area dd .head2 {
    width: 86%;
    margin: 10px auto;
    padding: 2%;
    background-color: #f5f0c2;
    border-radius: 5px;
}
.living_watch #main_content .right .exam_area dd .head2 {
    margin-top: 15px;
    margin-bottom: 28px;
}
.living_watch #main_content .exam_area dd .head2 p {
    width: 96%;
    margin: 0 auto;
    padding: 0.5em 0;
    border: 1px solid #fff;
    border-radius: 5px;
}
.living_watch #main_content .inf {
    margin-top: 40px;
}
.living_watch #main_content .inf p {
    margin-top: 10px;
    margin-bottom: 26px;
}
.living_watch #main_content .inf img {
    display: block;
    margin: 0 auto 30px;
}
.living_watch #stt {
    padding: 5px 0;
    text-align: center;
    font-size: 18px;
    font-size: 1.286rem;
    color: #fff;
    background-color: #c1272d;
    border-radius: 5px;
}
.living_watch #main_content .attention p {
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .living_watch h2 br {
        display: inline;
    }
    .living_watch .m_top {
        margin-top: 20px;
    }
    .living_watch #main_content .c_line {
        background-image: none;
    }
    .living_watch #main_content h2 {
        font-size: 16px;
        font-size: 1.143rem;
        padding: 5px 0;
        text-align: center;
    }
    .living_watch #main_content h3 {
        margin-top: 20px;
    }
    .living_watch #main_content .head_line {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .living_watch #main_content .head_box {
        padding: 1em;
    }
    .living_watch #main_content .head_box .right {
        width: auto;
        font-size: 14px;
        font-size: 1.0rem;
        float: none;
    }
}

/*--------------------------------
	living_shopping
--------------------------------*/

.living_shopping #main h1 {
    background-image: url(../images/service/living/living_shopping/h1_living_shopping.jpg);
}
.living_shopping #main_content h2 {
    font-size: 29px;
    font-size: 2.071rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
}
.living_shopping #main_content h3 {
    margin-top: 40px;
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: bold;
}
.living_shopping #main_content .c_wrap_inner > p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: bold;
}
.living_shopping #main_content .head_box {
    padding: 20px;
    padding-left: 95px;
    background-image: url(../images/service/living/living_shopping/bg_track.gif);
    background-position: 10px center;
    background-repeat: no-repeat;
    border-color: #b3b3b3;
    border-radius: 10px;
}
.living_shopping #main_content .head_box p {
    font-size: 21px;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.4em;
}
.living_shopping #main_content .head_box p span {
    font-size: 26px;
    font-size: 1.857rem;
}
.living_shopping #main_content .c_wrap_inner {
    width: 90%;
    padding: 0 5% 20px;
}
.living_shopping #main_content #step_info > div {
    float: left;
    text-align: center;
}
.living_shopping #main_content .steps {
    width: 29%;
    height: 290px;
    border: 3px solid #b3b3b3;
    border-radius: 10px;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.living_shopping #main_content .steps dt {
    height: 31px;
    padding-top: 5px;
    background-color: #fdfbdb;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.living_shopping #main_content .steps dd {
    padding: 0.5em;
    font-size: 17px;
    font-size: 1.214rem;
    text-align: left;
    line-height: 1.4em;
}
.living_shopping #main_content #step1 {
    background-image: url(../images/service/living/living_shopping/bg_step1.jpg);
}
.living_shopping #main_content #step2 {
    background-image: url(../images/service/living/living_shopping/bg_step2.jpg);
}
.living_shopping #main_content #step3 {
    background-image: url(../images/service/living/living_shopping/bg_step3.jpg);
}
.living_shopping #main_content .steps dd span {
    display: block;
    margin-top: 0.5em;
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 1.4em;
}
.living_shopping #main_content .arrows {
    padding-top: 130px;
    width: 5%;
}
.living_shopping #main_content .c_wrap #area_dl dt {
    width: 60%;
    height: 30px;
    padding-top: 10px;
    float: left;
}
.living_shopping #main_content .c_wrap #area_dl dd {
    width: 40%;
    height: 30px;
    text-align: center;
    float: right;
}
.living_shopping #main_content #products li {
    width: 100px;
    margin-bottom: 10px;
    margin-right: 5%;
    float: left;
}
.living_shopping #main_content #products .m_r_none {
    margin-right: 0;
}
.living_shopping #main_content #products li .ex_item .item_box {
    width: 100px;
    height: 98px;
    border: 1px solid #000;
}
.living_shopping #main_content #products li .ex_item p {
    font-size: 12px;
    font-size: 0.857rem;
    font-weight: bold;
    text-align: center;
}
.living_shopping #main_content #products li .ex_item p span {
    font-weight: normal;
}
.living_shopping #main_content #samples dl {
    width: 47.5%;
}
.living_shopping #main_content #samples dl dt {
    height: 30px;
    padding-top: 5px;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-image: url(../images/service/living/living_shopping/bg_title.gif);
}
.living_shopping #main_content #samples dl dd {
    text-align: center;
}
.living_shopping #main_content #con_info {
    height: 145px;
    padding: 10px;
    border: 3px solid #b6b6b6;
    border-radius: 10px;
    background-image: url(../images/service/living/living_shopping/bg_example.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.living_shopping #main_content #con_info ul {
    width: 65%;
    margin-top: 30px;
    position: relative;
}
.living_shopping #main_content #con_info ul li {
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: bold;
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.5em;
    padding-right: 1em;
}
.living_shopping #main_content #con_info ul li span {
    position: absolute;
    left: 0;
    margin: 0
}
.living_shopping #main_content .c_wrap .attention {
    width: 94%;
    margin: 0 auto;
}
.living_shopping #main_content .c_wrap .attention dt {
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: bold;
}
.living_shopping #main_content .c_wrap .attention dd {
    padding-left: 1.5em;
}

@media screen and (max-width: 940px) and (min-width: 769px) {
    .living_shopping #main_content #products .m_r_none {
        margin-right: 5%;
    }
}

@media screen and (max-width: 768px) {
    .living_shopping #main_content img {
        max-width: 1000%;
    }
    .living_shopping #main_content h2 {
        height: auto;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 0;
        text-indent: 0;
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.2em;
    }
    .living_shopping #main_content #step_info > div {
        float: none;
    }
    .living_shopping #main_content .steps {
        width: 100%;
        height: auto;
        padding-bottom: 120px;
    }
    .living_shopping #main_content .arrows {
        width: 100%;
        padding-top: 10px;
        -webkit-transform: rotate( 90deg);
        transform: rotate( 90deg);
    }
    .living_shopping #main_content #products {
        width: 94%;
        margin: 0 auto;
    }
    .living_shopping #main_content #products li {
        width: 40%;
        height: auto;
        margin: 0 5%;
        float: left;
    }
    .living_shopping #main_content #products .m_r_none {
        margin-right: 5%;
    }
    .living_shopping #main_content #products li .ex_item .item_box {
        width: 100%;
        height: auto;
        border: 1px solid #000;
        text-align: center;
    }
    .living_shopping #main_content #products li .ex_item .item_box img {
        max-width: 1000%;
        width: 100%;
        height: auto;
        margin: 0;
    }
    .living_shopping #main_content #products li .ex_item p {
        height: auto;
        font-size: 16px;
        font-size: 1.143rem;
        margin-bottom: 1em;
    }
    .living_shopping #main_content #con_info {
        height: auto;
        background-size: 40%;
    }
    .living_shopping #main_content #con_info ul {
        margin-top: 0;
    }
    .living_shopping #main_content #samples .left,
    .living_shopping #main_content #samples .right {
        width: 94%;
        height: auto;
        margin: 0 auto 10px;
        float: none;
    }
    .living_shopping #main_content #samples img {
        width: 100%;
    }
}

/*--------------------------------
	wainet
--------------------------------*/

.wainet #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.wainet .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.wainet #main h1 img {
    max-width: 150%;
    width: 100%;
}
.wainet #main h2 span {
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
}

/*--------------------------------
	wainet_service
--------------------------------*/

.wainet_service #main,
.wainet_service #container {
    margin-bottom: 0;
    padding-bottom: 0;
}
.wainet_service #main h1 {
    height: auto;
}
.wainet_service #main h3 {
    margin-top: 30px;
    margin-bottom: 10px;
}
.wainet_service #main h4 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 21px;
    font-size: 1.5rem;
}
.wainet_service #main h5 {
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.143rem;
}
.wainet_service #main h6 {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: normal;
    color: #ef845d;
}
.wainet_service #main p {
    line-height: 1.4em;
}
.wainet_service #main p.bold {
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: bold;
}

/*-- s_size --*/

.wainet_service #main p.s_size {
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.wainet_service #main ul.s_size {
    margin-top: 5px;
}
.wainet_service #main ul.s_size li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.wainet_service #main h4.border_r {
    padding-left: 1em;
    padding-right: 1em;
    background-color: #fffeec;
}
.wainet_service #main_content table th {
    text-indent: 1em;
}
.wainet_service #main .p_top {
    padding-top: 5px;
}
.wainet_service #relief6 {
    width: 82%;
    margin: 0 auto;
}
.wainet_service #main_content .table_0 {
    border: none;
    margin-bottom: 35px;
    border-collapse: separate;
    border-spacing: 10px;
}
.wainet_service #main_content .table_0 td {
    width: 50%;
    height: auto;
    border: none;
    vertical-align: middle;
    background-color: #fffeec;
    border-radius: 10px;
    border: 2px solid #415ba8;
    text-align: center;
}
.wainet_service #main_content .table_0 td div {
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: bold;
    color: #415ba8;
    line-height: 1.4em;
}
.wainet_service #main_content .table_0 td div span {
    display: block;
    font-size: 10px;
    font-size: 0.714rem;
    line-height: 1.2em;
    color: #333;
    text-align: left;
}
.wainet_service #main_content .table_0 tr {
    height: 90px;
}
.wainet_service #main_content #relief6 > div img {
    margin: 0 2%;
}
.wainet_service .wai_info {
    margin-top: 20px;
    margin-bottom: 30px;
}
.wainet_service .border_r {
    padding: 5px;
    border: 2px solid #415ba8;
    border-radius: 10px;
}
.wainet_service .wai_info .left {
    width: 67%;
    height: auto;
    float: left;
}
.wainet_service .wai_info .left p {
    width: 86%;
    line-height: 1.4em;
}
.wainet_service .wai_info .left p.s_size {
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.857rem;
}
.wainet_service .wai_info .right {
    width: 33%;
    float: right;
}
.wainet_service .wai_info .right p {
    width: auto;
    margin-top: 45px;
    margin-right: 20px;
    padding: 15px;
    background-color: #415ba8;
    border-radius: 10px;
    font-size: 20px;
    font-size: 1.429rem;
    color: #fff;
}
.wainet_service .wai_info ul li.left,
.wainet_service .wai_info ul li.right {
    width: 46%;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: bold;
    text-indent: 1em;
    background-color: #fffeec;
}

/*-- table 1 --*/

.wainet_service #main_content .table_1 {
    margin-top: 35px;
}
.wainet_service #main_content .table_1 .t_1 {
    width: 56%;
}
.wainet_service #main_content .table_1 .t_2 {
    width: 44%;
}
.wainet_service #main_content .table_1 th {
    height: 30px;
    padding: 0;
    background-color: #f2f2f2;
    font-weight: normal;
}
.wainet_service #main_content .table_1 td {
    height: 32px;
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: normal;
    line-height: 1.2em;
}
.wainet_service #main_content .table_1 td span {
    font-size: 10px;
    font-size: 0.714rem;
    font-weight: normal;
    line-height: 1em;
}
.wainet_service #main_content .table_1 td.t_3 {
    background-color: #e4edfa;
}

/*-- table 2 --*/

.wainet_service #main_content .table_2 th {
    font-weight: normal;
}
.wainet_service #main_content .table_2 .t_1 {
    width: 56%;
}
.wainet_service #main_content .table_2 .t_2 {
    width: 22%;
}
.wainet_service #main_content .table_2 th {
    height: 30px;
    padding: 0;
    background-color: #f2f2f2;
}
.wainet_service #main_content .table_2 td {
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: normal;
    line-height: 1.2em;
}
.wainet_service #main_content .table_2 td.t_1 {
    background-color: #e4edfa;
}
.wainet_service #main_content .table_2 td span {
    font-size: 9px;
    font-size: 0.643rem;
    font-weight: normal;
    line-height: 1em;
}
.wainet_service #main_content .table_2 td.t_1 {
    background-color: #e4edfa;
}

/*-- table 3 --*/

.wainet_service #main_content .table_3 {
    margin-top: 20px;
}
.wainet_service #main_content .table_3 .t_2 {
    width: 25%;
}
.wainet_service #main_content .table_3 .t_3 {
    width: 18%;
}
.wainet_service #main_content .table_3 .t_3_1 {
    width: 7%;
}
.wainet_service #main_content .table_3 .t_3_2 {
    width: 8%;
}
.wainet_service #main_content .table_3 .t_4 {
    width: 32%;
}
.wainet_service #main_content .table_3 td.t_4 {
	font-size: 18px;
	font-size: 1.286rem;
	text-align: left;
	text-indent: 1em;
}
.wainet_service #main_content .table_3 .t_4_1 {
    width: 13%;
}
.wainet_service #main_content .table_3 .t_5 {
    width: 19%;
}
.wainet_service #main_content .table_3 .t_6 {
    width: 9%;
}
.wainet_service #main_content .table_3 .t_7 {
    width: 12%;
}
.wainet_service #main_content .table_3 th {
    height: 30px;
    padding: 0;
	background-color: #e4edfa;
    text-align: center;
    text-indent: 0;
    line-height: 1.2em;
    font-weight: normal;
}
.wainet_service #main_content .table_3 .t_1 {
    text-align: left;
    text-indent: 0.3em;
    font-weight: normal;
	width: 25%;
}
.wainet_service #main_content .table_3 td.t_1{
	background-color: #f2f2f2;
}
.wainet_service #main_content .table_3 th.t_6 {
    font-size: 12px;
    font-size: 0.857rem;
}
.wainet_service #main_content .table_3 th.t_7 {
    font-size: 9px;
    font-size: 0.643rem;
}
.wainet_service #main_content .table_3 td {
    height: 30px;
    padding: 0;
    text-align: center;
    text-indent: 0;
    line-height: 1.2em;
    font-weight: normal;
}

/*-- table 4 --*/

.wainet_service #main_content .table_4 {
    margin-top: 20px;
	width: 452px;
}
.wainet_service #main_content .table_4 .t_1 {
    width: 27%;
}
.wainet_service #main_content .table_4 .t_2 {
    width: 50%;
}
.wainet_service #main_content .table_4 .t_3 {
    width: 23%;
}
.wainet_service #main_content .table_4 th {
    height: 30px;
    padding: 0;
    text-align: center;
    text-indent: 0;
    line-height: 1.2em;
    font-weight: normal;
	background-color: #e4edfa;
}
.wainet_service #main_content .table_4 td {
    height: 30px;
    padding: 0;
    text-align: center;
    text-indent: 0;
    line-height: 1.2em;
    font-size: 12px;
    font-size: 0.857rem;
    font-weight: normal;
}
.wainet_service #main_content .table_4 td.t_1 {
    background-color: #f2f2f2;
    text-align: center;
    text-indent: 0;
}
.wainet_service #main_content .table_4 td.t_3 {
    padding-right: 0.3em;
    text-align: right;
    font-size: 18px;
    font-size: 1.286rem;
}
.wainet_service #main_content .table_4 td.t_3 span {
    font-size: 12px;
    font-size: 0.857rem;
    font-weight: normal;
}

/*-- table 5 --*/

.wainet_service #main_content .table_5 {
    width: 50%;
    margin-top: 20px;
}
.wainet_service #main_content .table_5 th,
.wainet_service #main_content .table_5 td {
    width: 50%;
    height: 30px;
    text-align: center;
    text-indent: 0;
    line-height: 1.2em;
}
.wainet_service #main_content .table_5 th {
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: normal;
    background-color: #f2f2f2;
}
.wainet_service #main_content .table_5 td {
    font-size: 21px;
    font-size: 1.5rem;
    font-weight: normal;
    text-align: left;
    text-indent: 1em;
}
.wainet_service #main_content .m_btm_non {
    margin-bottom: 0;
}
.wainet_service #main_content .p_btm {
    padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
    .wainet_service #main_content .table_0 tr {
        height: 150px;
    }
    .wainet_service #main_content .table_0 td div {
        padding: 0;
        font-size: 12px;
        font-size: 0.857rem;
        line-height: 1.4em;
    }
    .wainet_service #main_content .table_0 td div span {
        padding: 0.5em 1em 0 2em;
    }
    .wainet_service #main_content .table_0 td div span:before {
        content: "※";
        margin-left: -1em;
    }
    .wainet_service #main_content .table_5 {
        width: 100%;
    }
    .wainet #main h2 {
        line-height: 1.4em;
    }
    .wainet #main h2 span {
        display: block;
        font-size: 12px;
        font-size: 0.857rem;
        font-weight: normal;
    }
    .wainet_service .wai_info > .left {
        width: 100%;
        float: none;
    }
    .wainet_service .wai_info > .left p {
        width: 100%;
    }
    .wainet_service .wai_info > .right {
        width: 100%;
        text-align: center;
        float: none;
    }
    .wainet_service .wai_info > .right p {
        margin: 20px auto;
    }
    .wainet_service .wai_info ul li.left,
    .wainet_service .wai_info ul li.right {
        width: 45%;
        text-indent: 0;
        text-align: center;
    }
    .sc_table {
        overflow: scroll;
    }
    .wainet_service #main_content .table_1,
    .wainet_service #main_content .table_2,
    .wainet_service #main_content .table_3,
    .wainet_service #main_content .table_4 {
        width: 660px;
    }
    .wainet_service #relief6 {
        width: auto;
    }
    .wainet_service #main_content #relief6 > div {
        text-align: center;
    }
    .wainet_service #main_content #relief6 > div img {
        margin: 0;
    }
    .wainet_service #main_content .table_3 th.t_1 {
        font-size: 14px;
        font-size: 1.0rem;
        text-indent: 1em;
    }
}

/*--------------------------------
	wainet_joining
--------------------------------*/

.wainet_joining #main h1 {
    background-image: url(../images/service/wainet/wainet_joining/h1_wainet_joining.jpg);
}
.wainet_joining #main h3 {
    margin: 20px 0;
}
.wainet_joining #main h4 {
    margin: 10px 0 30px;
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: normal;
    text-align: center;
}
.wainet_joining #main h5 {
    margin: 0;
    font-size: 13px;
    font-size: 0.929rem;
}
.wainet_joining #main p {
    font-size: 13px;
    font-size: 0.929rem;
}
.wainet_joining #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.wainet_joining .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.wainet_joining dl.flows dt {
    height: 27px;
    padding-top: 3px;
    padding-left: 40px;
    font-size: 18px;
    font-size: 1.286rem;
    background-color: #6577b7;
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
}
.wainet_joining dl.flows dt.flow_1 {
    background-image: url(../images/service/wainet/wainet_joining/bg_1.gif);
}
.wainet_joining dl.flows dt.flow_2 {
    background-image: url(../images/service/wainet/wainet_joining/bg_2.gif);
}
.wainet_joining dl.flows dt.flow_3 {
    background-image: url(../images/service/wainet/wainet_joining/bg_3.gif);
}
.wainet_joining dl.flows dt.flow_4 {
    background-image: url(../images/service/wainet/wainet_joining/bg_4.gif);
}
.wainet_joining dl.flows dt.flow_5 {
    background-image: url(../images/service/wainet/wainet_joining/bg_5.gif);
}
.wainet_joining dl.flows dt.flow_6 {
    background-image: url(../images/service/wainet/wainet_joining/bg_6.gif);
}
.wainet_joining dl.flows dt.flow_7 {
    background-image: url(../images/service/wainet/wainet_joining/bg_7.gif);
}
.wainet_joining dl.flows dd {
    padding: 20px 0 0;
}
.wainet_joining dl.flows .left {
    width: 17%;
    padding-top: 10px;
    text-align: center;
}
.wainet_joining dl.flows .right {
    width: 83%;
}
.wainet_joining .center {
    margin: 15px 0;
    text-align: center;
}
.wainet_joining .p_btm {
    padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
    .wainet_joining #main .h1_filter {
        padding: 25px 3% 15px;
    }
    .wainet_joining #main p {
        line-height: 1.6em;
    }
    .wainet_joining dl.flows .right {
        width: 79%;
        padding: 0 2%;
    }
}

/*--------------------------------
	wainet_construction
--------------------------------*/

.wainet_construction #main h1 {
    background-image: url(../images/service/wainet/wainet_construction/h1_wainet_construction.jpg);
}
.wainet_construction #main h3 {
    margin: 20px 0;
}
.wainet_construction #main h4 {
    margin: 50px 0 0;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: normal;
    color: #6577b7;
}
.wainet_construction #main ul {
    margin-top: 20px;
}
.wainet_construction .center {
    margin: 10px 0 30px;
    text-align: center;
}
.wainet_construction .m_top {
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    .wainet_construction #main .h1_filter {
        padding: 25px 3% 15px;
    }
}


/*--------------------------------
	hikari
--------------------------------*/

.hikari #main,
.hikari #container {
    margin-bottom: 0;
    padding-bottom: 0;
}
.hikari .center {
    text-align: center;
}
.hikari #main h1 {
    height: auto;
}
.hikari #main h1 img {
    max-width: 150%;
    width: 100%;
}
.hikari #main h4 {
    margin-bottom: 0;
    font-weight: normal;
}
.hikari #main p.s_size {
    margin-bottom: 30px;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.hikari #main ul.s_size {
    margin-top: 25px;
}
.hikari #main #at_tax {
    font-size: 10px;
    font-size: 0.714rem;
    text-align: right;
}
.hikari #main .area_head {
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: bold;
    border-bottom: 1px dashed #333;
}
.hikari #main .area_box {
    margin-top: 20px;
    padding-bottom: 10px;
}
.hikari #main .area_box .right {
    width: 306px;
    height: 334px;
    padding: 8px 0;
    border: 2px solid #e6e6e6;
    text-align: center;
}
.hikari #main .area_box .left p {
    margin-bottom: 20px;
    line-height: 1.6em;
}
.hikari #main ul.s_size li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.hikari .ci_1 {
    width: 77%;
    margin: 0 auto;
}
.hikari .ci_1 > div {
    padding: 20px 0;
    border-top: 3px solid #4d69ba;
    border-bottom: 3px solid #4d69ba;
}
.hikari .ci_1 .left {
    width: 62%;
    padding: 0 2%;
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: normal;
}
.hikari .ci_1 .right {
    width: 34%;
}
.hikari #best_effort {
    padding: 8px 0;
    margin-top: 38px;
    text-align: center;
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: bold;
    background-color: #fadee1;
    border-radius: 5px;
}
.hikari #best_effort span {
    font-size: 27px;
    font-size: 1.929rem;
}
.hikari .ci_1 ul {
    margin-top: 18px;
    margin-left: -10px;
    margin-right: -10px;
}
.hikari .ci_1 ul + p {
    padding-top: 20px;
    padding-bottom: 40px;
}
.hikari .ci_1 ul li {
    width: 46%;
    height: 70px;
    margin-top: 18px;
    padding: 0 2%;
    float: left;
}
.hikari .ci_1 ul li div {
    height: 46px;
    padding: 10px 5px;
    border: 2px solid #e60012;
    border-radius: 5px;
    text-align: center;
}
.hikari .ci_1 ul li div span {
    font-size: 19px;
    font-size: 1.357rem;
    font-weight: bold;
}
.hikari #s_set {
    margin-top: -20px;
    padding-bottom: 40px;
}
.hikari #s_set .center {
    width: 100%;
    display: table;
}
.hikari #s_set .center div {
    display: table-cell;
    vertical-align: middle;
}
.hikari #s_set li {
    width: 25%;
    margin-top: 20px;
    margin-left: 4%;
    padding: 2%;
    border: 5px solid #ccc;
    float: left;
}
.hikari #s_set .l_non {
    margin-left: 0;
}
.hikari #s_set li > div {
    width: 100%;
    text-align: center;
    display: table;
}
.hikari #s_set li > div > div {
    width: 100%;
    padding-bottom: 10px;
    display: table-cell;
    vertical-align: middle;
}
.hikari #s_set li .m_top {
    margin-top: 5px;
}
.hikari #s_set li h5 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 16px;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.4em;
}
.hikari #s_set li p {
    line-height: 1.4em;
}
.hikari #kousoku h3 {
    height: auto;
    padding: 5px 0;
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: bold;
    text-align: center;
    border: 2px solid #4d69ba;
    background-color: #fff;
}
.hikari #kousoku .left,
.hikari #kousoku .right {
    width: 50%;
    height: 300px;
    padding-bottom: 35px;
}
.hikari #kousoku .left p {
    line-height: 1.4em;
}
.hikari #kousoku img {
    margin-top: 10px;
}
.hikari #main_content #hikari_t th {
    min-width: 0;
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: center;
}
.hikari #main_content #hikari_t th {
    font-weight: normal;
}
.hikari #main_content #hikari_t .t_1 {
    width: 21%;
    text-align: center;
}
.hikari #main_content #hikari_t .t_2 {
    width: 24%;
    text-align: center;
}
.hikari #main_content #hikari_t .t_3 {
    width: 34%;
}
.hikari #main_content #hikari_t .t_4 {
    width: 21%;
}
.hikari #main_content #hikari_t .t_5 {
    padding-left: 1em;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: normal;
    text-align: left;
}
.hikari #main_content #hikari_t td.t_3 {
    padding-left: 2em;
    font-weight: normal;
}
.hikari #main_content #hikari_t td.t_4 {
    padding-right: 2em;
    font-weight: normal;
    text-align: right;
}
.hikari .p_top {
    padding-top: 28px;
}
.hikari #main_content #hikari_t .t_2b {
    width: 12%;
    text-align: center;
}
.hikari #main_content #hikari_t td.t_3b {
    padding-left: 2%;
    font-weight: normal;
    text-align: center;
    width: 23%;
}
.hikari #main_content #hikari_t td.t_3c {
    padding-left: 2%;
    font-weight: normal;
    text-align: center;
    width: 23%;
}
.hikari #main_content #hikari_t {
    margin-bottom: 10px;
}
.small{
	font-size: 0.8em;
}
.s_small{
	font-size: 0.6em;
}
@media screen and (max-width: 768px) {
    .hikari #main h2 {
        line-height: 1.2em;
    }
    .hikari #main h4 {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .hikari .ci_1 {
        width: 100%;
    }
    .hikari .ci_1 .left {
        width: 96%;
        float: none;
    }
    .hikari .ci_1 .right {
        width: 50%;
        float: none;
        text-align: center;
    }
    .hikari .ci_1 ul li {
        width: 96%;
        height: auto;
        float: none;
    }
    .hikari .ci_1 ul li div {
        width: 80%;
        margin: 0 auto;
    }
    .hikari #s_set li {
        width: auto;
        height: auto;
        margin-top: 20px;
        margin-left: 0;
        padding: 2% 2% 20px;
        border: 5px solid #ccc;
        float: none;
    }
    .hikari #s_set .l_non {
        margin-left: 0;
    }
    .hikari #s_set li div {
        text-align: center;
    }
    .hikari #s_set li .m_top {
        margin-top: 5px;
    }
    .hikari #s_set li h5 {
        margin-top: 0;
        margin-bottom: 18px;
        font-size: 16px;
        font-size: 1.143rem;
        text-align: center;
        line-height: 1.4em;
    }
    .hikari #s_set li p {
        line-height: 1.4em;
    }
    .hikari #kousoku .left,
    .hikari #kousoku .right {
        width: 100%;
        height: auto;
        padding-bottom: 0;
        float: none;
    }
    .hikari #kousoku img {
        display: block;
        margin: 20px auto;
    }
    .hikari #main_content .sc_table {
        overflow: scroll;
    }
    .hikari #main_content #hikari_t {
        width: 660px;
        padding-right: 10px;
    }
    .hikari #main .area_box .left,
    .hikari #main .area_box .right {
        width: 96%;
        height: auto;
        margin: 0 auto;
        padding: 8px 0;
        float: none;
    }
    .hikari #best_effort {
        font-size: 18px;
        font-size: 1.286rem;
    }
    .hikari #best_effort span {
        font-size: 22px;
        font-size: 1.571rem;
    }
    .hikari #main .area_box .left p br {
        display: none;
    }
    .hikari #main_content #hikari_t .t_5 {
        font-size: 14px;
        font-size: 1.0rem;
    }
}

/*--------------------------------
	ipsv
--------------------------------*/

.wainet .ipsv #main #main_content .center {
    text-align: center;
}
.wainet .ipsv #main #main_content h2 {
    font_size: 28px;
}
.wainet .ipsv #main #main_content h3 {
    width: 660px;
    font-size: 25px;
    border: solid #000 1px 0 1px 0;
}
.wainet .ipsv #main #main_content .h3_1 {
    height: 50px;
}
.wainet .ipsv #main #main_content .h3_2 {
    height: 70px;
}
.wainet .ipsv #main #main_content .h3_2 sub {
    font-size: 13px;
}
.wainet .ipsv #main #main_content .s_moji {
    font-size: 11px;
}
.wainet .ipsv #main #main_content .moushikomi {
    background-color: #0290BD;
    width: 500px;
    height: 60px;
    text-align: center;
}


/*--------------------------------
	cableplus
--------------------------------*/

.cableplus #main,
.cableplus #container {
    margin-bottom: 0;
    padding-bottom: 0;
}
.cableplus .center {
    text-align: center;
}
.cableplus #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.cableplus .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.cableplus #main h1 {
    height: auto;
}
.cableplus #main h1 img {
    max-width: 150%;
    width: 100%;
}
.cableplus #main h3 {
    margin-top: 30px;
    margin-bottom: 0;
}
.cableplus #main h4 {
    margin-bottom: 0;
    padding: 3px 0;
    font-size: 18px;
    font-size: 1.3rem;
    font-weight: normal;
    text-align: center;
    border: 2px solid #4d69ba;
}
.cableplus #main h5 {
    margin-bottom: 0;
    font-size: 15px;
    font-size: 1.071rem;
    color: #4d69ba;
}
.cableplus #main p.s_size {
    margin-top: 5px;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.cableplus #main ol.s_size {
    margin-top: 20px;
}
.cableplus #main ol.s_size li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.6em;
}
.cableplus .align_right {
    margin-top: 5px;
    text-align: right;
}
.cableplus .c_wrap_inner {
    width: 82%;
    margin: 0 auto;
}
.cableplus .c_wrap_inner .left {
    width: 58%;
}
.cableplus.c_wrap_inner .right {
    width: 40%;
    padding-left: 2%;
}
.cableplus .title_box {
    margin-bottom: 5px;
    padding: 20px 0;
    border-top: 3px solid #4d69ba;
    border-bottom: 3px solid #4d69ba;
}
.cableplus .title_box p.bold {
    margin-top: 0;
    font-weight: normal;
}
.cableplus .c_wrap_inner .title_box .center {
    margin-top: 30px;
}
.cableplus .point {
    width: 90%;
    margin: 30px auto 0;
}
.cableplus .point li {
    width: 40%;
    height: auto;
    margin: 2%;
    padding: 3%;
    background-color: #fdfbdb;
    border-radius: 5px;
    float: left;
}
.cableplus #main .point h5 {
    margin: 0;
    padding: 3%;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 1.2em;
    font-size: 19px;
    font-size: 1.357rem;
    font-weight: normal;
    color: #4d69ba;
}
.cableplus #main .point p {
    margin-top: 10px;
    line-height: 1.4em;
}
.cableplus .f_point {
    width: 90%;
    margin: 30px auto;
}
.cableplus .f_point li {
    width: 46%;
    height: auto;
    margin: 2%;
    border-radius: 5px;
    float: left;
}
.cableplus .f_point li div {
    width: 99%;
    border: 2px solid #4d69ba;
    border-radius: 5px;
}
.cableplus #main .f_point h5 {
    margin: 0;
    padding: 3% 1%;
    background-color: #4d69ba;
    text-align: center;
    line-height: 1.2em;
    font-size: 19px;
    font-size: 1.357rem;
    font-weight: normal;
    color: #fff;
}
.cableplus #main .f_point p {
    padding: 5%;
    line-height: 1.4em;
}
.cableplus .p_head {
    margin: 28px auto 0;
    padding: 0.4em;
    background-color: #fadee1;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    font-size: 1.714rem;
    font-weight: bold;
    line-height: 1.3em;
}
.cableplus .p_head .s_size {
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: normal;
}
.cableplus .p_head sup {
    font-size: 12px;
    font-size: 0.857rem;
}
.cableplus .m_top {
    margin-top: 20px;
}
.cableplus .m_btm {
    margin-bottom: 20px;
}
.cableplus .narrow {
    width: 84%;
}
.cableplus .p_head .red {
    font-size: 29px;
    font-size: 2.071rem;
}
.cableplus .call_charge li {
    width: 42%;
    margin-top: 20px;
    margin-left: 4%;
    padding: 2%;
    border: 5px solid #e3d284;
    background-color: #fdfbdb;
    text-align: center;
    font-weight: bold;
    line-height: 1.4em;
    float: left;
}
.cableplus .call_charge li.l_non {
    margin-left: 0;
}
.cableplus .call_charge .fee {
    margin-top: 30px;
    font-size: 24px;
    font-size: 1.714rem;
    font-weight: bold;
}
.cableplus .call_charge .fee .red {
    font-size: 60px;
    font-weight: bold;
}
.cableplus .big_red {
    font-size: 55px;
    font-weight: bold;
    color: #c1272d;
    line-height: 2.0em;
    text-align: center;
}
.cableplus .big_red sup {
    font-size: 16px;
    font-size: 1.143rem;
    color: #333;
    vertical-align: text-bottom;
}
.cableplus p.bold {
    width: 84%;
    margin: 1em auto 0;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: bold;
    line-height: 1.4em;
}
.cableplus .big {
    margin-top: 30px;
    font-size: 25px;
    font-size: 1.786rem;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
}
.cableplus .set_point li {
    width: 25%;
    margin-top: 20px;
    margin-left: 4%;
    padding: 2%;
    border: 5px solid #93a3c5;
    float: left;
}
.cableplus .set_point li.l_non {
    margin-left: 0;
}
.cableplus .set_point li div {
    text-align: center;
}
.cableplus .set_point li .m_top {
    margin-top: 5px;
}
.cableplus #main .set_point li h5 {
/*    height: 110px;*/
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 18px;
    font-size: 1.286rem;
    text-align: center;
    line-height: 1.2em;
    color: #000;
}
.cableplus #main .set_point li h5 .red {
    font-size: 16px;
    font-size: 1.143rem;
}
.cableplus #main .set_point li h5 sup {
    vertical-align: text-bottom;
    font-size: 12px;
    font-size: 0.857rem;
    font-weight: normal;
}
.cableplus #main .set_point li h5 span.s_size {
    font-size: 14px;
    font-size: 1.0rem;
}
.cableplus .set_point li p {
    margin-top: 0;
    line-height: 1.4em;
    text-align: center;
    font-size: 11px;
    font-size: 0.786rem;
}
.cableplus .set_point li p.s_size {
    margin-top: 10px;
    text-align: left;
}
.cableplus #precondition {
    display: table;
    margin: 20px 0;
}
.cableplus #precondition .box {
    display: table-cell;
}
.cableplus #precondition .box div {
    width: 34px;
    padding: 4px;
    background-color: #fadee1;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    line-height: 1.2em;
    vertical-align: middle;
}
.cableplus #precondition p {
    display: table-cell;
    padding: 4px;
    line-height: 1.2em;
    vertical-align: middle;
}
.cableplus #ribo {
    width: 115px;
    margin: 20px auto 30px;
    padding: 3px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #ef845d;
    border-radius: 5px;
}
.cableplus #main .table_2.table_2-short,
.cableplus #main .table_2.table_2-short th,
.cableplus #main .table_2.table_2-short td {
    width: 50%;
    text-align: left !important;
}
.cableplus #main .table_2.table_2-short th,
.cableplus #main .table_2.table_2-short td {
    padding-left: 10px;
}

@media screen and (max-width: 768px) {
    .cableplus #main .table_2.table_2-short {
        width: 100%;
    }
}
.cableplus #main .table_2.table_2-short td {
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: bold;
}
.cableplus #main table {
    margin-top: 20px;
}
.cableplus #main table th {
    padding: 5px 0;
    text-indent: 0.5em;
    font-size: 18px;
    font-size: 1.286rem;
}
.cableplus #main table.table_1 td,
.cableplus #main table.table_2 td {
    padding: 12px 0;
    text-align: center;
    line-height: 1.4em;
    border-bottom: 1px solid #ddd;
}
.cableplus #main table th.t_1,
.cableplus #main table th.t_2,
.cableplus #main table th.t_3,
.cableplus #main table th.t_4 {
    background-color: #f2f2f2;
    text-align: center;
    text-indent: 0;
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
}
.cableplus #main .table_1 .t_1,
.cableplus #main .table_1 .t_2,
.cableplus #main .table_1 .t_3 {
    width: 33.3%;
}
.cableplus #main .table_2 .t_1,
.cableplus #main .table_2 .t_2,
.cableplus #main .table_2 .t_3,
.cableplus #main .table_2 .t_4 {
    width: 25%;
}
.cableplus #main_content #contact_box table.c_box .t_2,
.cableplus #main_content #contact_box table.c_box .t_3 {
    text-align: left;
}
.aumatome{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
	color: #EB5505;
}
.cableplus #main .table_3 .t_1{
    width: 30%;
}
.cableplus #main .table_3 .t_2{
    width: 70%;
}

/*-- スマートフォン --*/

@media screen and (max-width: 768px) {
    .cableplus #main h2 {
        line-height: 1.2em;
    }
    .cableplus #main h4 {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .cableplus .title_box {
        width: 100%;
    }
    .cableplus .c_wrap_inner {
        width: 100%;
    }
    .cableplus .c_wrap_inner .title_box p.bold {
        width: 90%;
    }
    .cableplus .set_point li {
        width: 86%;
        margin: 20px auto;
        padding: 2%;
        float: none;
    }
    .cableplus .set_point li.l_non {
        margin-left: auto;
    }
    .cableplus .point {
        width: auto;
    }
    .cableplus .point li {
        width: 90%;
        float: none;
    }
    .cableplus #main .point h5 {
        font-size: 16px;
        font-size: 1.143rem;
    }
    .cableplus .f_point {
        width: auto;
    }
    .cableplus .f_point li {
        width: 96%;
        float: none;
    }
    .cableplus #main .f_point h5 {
        font-size: 16px;
        font-size: 1.143rem;
    }
    .cableplus .p_head {
        font-size: 15px;
        font-size: 1.071rem;
    }
    .cableplus .p_head .s_size {
        font-size: 12px;
        font-size: 0.857rem;
        font-weight: normal;
    }
    .cableplus .p_head sup {
        font-size: 9px;
        font-size: 0.643rem;
    }
    .cableplus .p_head .red {
        font-size: 20px;
        font-size: 1.429rem;
    }
    .cableplus .call_charge li {
        width: 60%;
        margin: 20px auto 0;
        float: none;
    }
    .cableplus .call_charge li.l_non {
        margin-left: auto;
    }
    .cableplus .call_charge .fee {
        font-size: 16px;
        font-size: 1.143rem;
    }
    .cableplus .call_charge .fee .red {
        font-size: 50px;
    }
    .cableplus .big_red {
        font-size: 28px;
        font-size: 2.0rem;
        line-height: 1.8em;
    }
    .cableplus .big_red sup {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .cableplus p.bold {
        width: 100%;
        font-size: 14px;
        font-size: 1.0rem;
    }
    .cableplus .big {
        font-size: 15px;
        font-size: 1.071rem;
    }
    .cableplus .narrow {
        width: auto;
    }
    .cableplus #main table {
        width: 640px;
    }

    .cableplus #main .table_2 {
        width: 100%;
    }

    .cableplus #main table th {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .cableplus #main table td {
        padding: 8px 0;
    }
    .cableplus #main table th.t_1,
    .cableplus #main table th.t_2,
    .cableplus #main table th.t_3,
    .cableplus #main table th.t_4 {
        font-size: 14px;
        font-size: 1.0rem;
    }
}

/*--------------------------------
	waimobile
--------------------------------*/

.waimobile #main,
.waimobile #container {
    margin-bottom: 0;
    padding-bottom: 0;
}
.waimobile .center {
    text-align: center;
}
.waimobile #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.waimobile .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 25px 3% 3%;
    background-color: #fff;
}
.waimobile .c_wrap:first-child {
    padding-top: 0;
}
.waimobile #main h1 {
    height: auto;
}
.waimobile #main h1 img {
    max-width: 150%;
    width: 100%;
}
.waimobile #main h3 {
    margin-bottom: 0;
}
.waimobile #main h4 {
    margin-bottom: 0;
    padding: 7px 0;
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: bold;
    text-align: center;
    border: 2px solid #4d69ba;
}
.waimobile #main h5 {
    margin-bottom: 0;
    font-size: 15px;
    font-size: 1.071rem;
    color: #4d69ba;
}
.waimobile #main p.s_size {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.waimobile #main ul.s_size {
    margin-top: 25px;
}
.waimobile #main ul.s_size li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.5em;
}
.waimobile #main .n_tax {
    font-size: 10px;
    font-size: 0.714rem;
    text-align: right;
}
.waimobile #main .m_top {
    margin-top: 30px;
}
.smp_box > .left {
    width: 45%;
}
.smp_box > .right {
	width: calc(55% - 20px);
	padding: 0 10px;
}
.smp_box .left img {
    display: block;
    margin: 0 auto;
}
.waimobile #main .smp_box {
    width: 49%;
    height: 410px;
    /*background-image: url(../images/service/waimobile/waimobile_bg.gif);*/
    background-repeat: no-repeat;
    background-position: right 10px bottom 15px;
}
.smp_box .left img,.smp_box .right dt,.smp_box .right dd{
	position: relative;
	z-index: 1;
}
.waimobile #main .smp_box h3 {
    width: 80px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    background-color: #fff;
    border: 2px solid #4d69ba;
    color: #4d69ba;
    font-size: 15px;
    font-size: 1.071rem;
}
.waimobile #main .smp_box h4 {
    margin: 10px 0;
    padding: 0;
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: bold;
    line-height: 1.4em;
    text-align: left;
    border: none;
}
.smp_txt{
	position: relative;
	padding: 10px;
}
.smp_txt::after{
	content: "";
	display: block;
	width: 280px;
	height: 300px;
	background: #FDFBDB;
	position: absolute;
	right: 0;
	top: 0;
}
.waimobile #main .smp_box dt {
    margin-top: 3px;
    font-size: 11px;
    font-size: 0.786rem;
    color: #4d69ba;
    line-height: 1.2em;
}
.waimobile #main .smp_box dd {
    font-size: 11px;
    font-size: 0.786rem;
    color: #333;
    line-height: 1.2em;
}
.waimobile .point_1 li,
.waimobile .point_2 li {
    width: 25%;
    margin-top: 20px;
    margin-left: 4%;
    padding: 2%;
    border: 5px solid #ccc;
    float: left;
}
.waimobile .point_1 li.l_non {
    margin-left: 0;
}
.waimobile .point_2 li.l_on {
    margin-left: 19%;
}
.waimobile .point_1 li div,
.waimobile .point_2 li div {
    text-align: center;
}
.waimobile .point_1 li .m_top,
.waimobile .point_2 li .m_top {
    margin-top: 5px;
}
.waimobile .point_1 li h5,
.waimobile .point_2 li h5 {
    margin-top: 5px;
    margin-bottom: 18px;
    font-size: 16px;
    font-size: 1.143rem;
    text-align: center;
    line-height: 1.4em;
}
.waimobile .point_1 li p,
.waimobile .point_2 li p {
    line-height: 1.4em;
    text-align: left;
}
.waimobile #main #sim_fee {
    width: 91%;
    margin: 25px auto 0;
    padding: 10px 0;
    text-align: center;
    background-color: #fadee1;
    border-radius: 5px;
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: bold;
}
.waimobile #main #sim_fee span {
    font-size: 13px;
    font-size: 0.929rem;
    font-weight: normal;
}
.waimobile #main #sim_fee span.red {
    display: inline-block;
    padding-top: 10px;
    font-size: 44px;
    font-weight: bold;
}
.waimobile .recommend_box {
    width: 660px;
    margin: 30px auto 0;
}
.waimobile .recommend {
    width: 172px;
    margin-left: 4%;
    padding: 15px;
    background-color: #fdfbdb;
    border-radius: 5px;
    float: left;
}
.waimobile div.l_non {
    margin-left: 0;
}
.waimobile .h_rec {
    display: table;
}
.waimobile .box {
    display: table-cell;
    width: 44px;
    vertical-align: middle;
}
.waimobile .box div {
    width: 44px;
    padding: 10px 0;
    background-color: #c1272d;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    font-size: 1.286rem;
    color: #fff;
}
.waimobile .h_rec h5 {
    display: table-cell;
    width: 121px;
    margin: 0;
    padding-left: 5px;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.2em;
    vertical-align: middle;
}
.waimobile .recommend p {
    text-align: center;
}
.waimobile .recommend .fee {
    margin: 10px 0;
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: bold;
}
.waimobile .recommend .fee .red {
    font-size: 32px;
    font-size: 2.286rem;
    line-height: 1.1em;
}
.waimobile .recommend .benefit {
    margin-top: 10px;
    padding: 8px 0;
    background-color: #fff;
    color: #c1272d;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: bold;
    line-height: 1.3em;
}
.waimobile #main_content .table_1 {
    margin-top: 25px;
}
.waimobile #main_content .table_1 .bold {
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: bold;
}
.waimobile #main_content .table_1 .s_bold {
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: bold;
}
.waimobile #main_content .table_1 span {
    font-size: 12px;
    font-size: 0.857rem;
}
.waimobile #main_content .table_1 span.s_right {
    display: block;
    font-size: 12px;
    font-size: 0.757rem;
}
.waimobile #main_content .table_1 th {
    padding: 1em;
    line-height: 1.2em;
    font-weight: normal;
}
.waimobile #main_content .table_1 td {
    padding: 0.5em 1em;
    line-height: 1.5em;
}
.waimobile #main_content .table_1 .t_1 {
    width: 25%;
    text-align: left;
    text-indent: 0;
}
.waimobile #main_content .table_1 .t_2,
.waimobile #main_content .table_1 .t_3 {
    width: 35%;
    text-align: left;
    text-indent: 0;
}
.waimobile #main_content .table_1 td.center {
    text-align: center;
    padding: 1em;
}
.waimobile #main_content .table_1 td.p_non {
    padding: 1em 3px;
}
.waimobile #main_content .table_1 p.s_size {
    padding-top: 0.5em;
    text-indent: 1em;
}
.sim_fbox {
    display: inline-block;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}
.sim_fbox:first-child {
    border: none;
}
.sim_fbox.b_1 {
    width: 70px;
}
.sim_fbox.b_2 {
    width: 170px;
}
.waimobile #main_content .table_2 {
    margin-top: 20px;
}
.waimobile #main_content .table_2 th {
    padding: 3px 0;
    font-size: 18px;
    font-size: 1.286rem;
    color: #4d69ba;
    text-align: center;
}
.waimobile #main_content .table_2 .t_1 {
    width: 30%;
    font-weight: bold;
}
.waimobile #main_content .table_3 .t_1{
    width: 30%;
}
.waimobile #main_content .table_3 .t_2{
    width: 70%;
}
.waimobile .attention {
    padding-top: 1em;
    font-size: 12px;
    font-size: 0.857rem;
    border: none;
    line-height: 1.4em;
    border-top: 1px dotted #333;
}
.kakehoudai_box {
    margin-top: 50px;
}
.kakehoudai_ttl01,
.kakehoudai_ttl02 {
    float: left;
    margin-bottom: 20px;
}
.kakehoudai_ttl01 {
    width: 52.8%;
}
.kakehoudai_ttl02 {
    width: 47.2%;
	font-size: 1.8em;
	font-weight: 500;
	text-align: center;
	padding-top: 73px;
}
.kakeho_price{
	font-size: 2.0em;
	font-weight: bold;
	color: #EE2F99;
	margin-left: 10px;
}
.kakehoudai_R {
    clear: both;
}
.kakehoudai_R li {
    color: #0387e5;
    font-size: 20px;
    margin-top: 10px;
}
.kakehoudai_sub {
    clear: both;
    font-size: 18px;
    margin-top: 20px;
}
.kakeplan_ul li {
    position: relative;
    margin-left: 15px;
}
.kakeplan_ul li:before {
    content: "●";
    position: absolute;
    left: -15px;
}

/*-- スマートフォン --*/

@media screen and (max-width: 768px) {
    .waimobile #main h4 {
        font-size: 18px;
        font-size: 1.286rem;
    }
    .waimobile #main .smp_box {
        width: 100%;
        height: 410px;
        margin-bottom: 20px;
        /*background-image: url(../images/service/waimobile/waimobile_bg.gif);*/
        background-repeat: repeat-x;
        background-position: right 10px bottom 15px;
        float: none;
    }
	.smp_txt::after{
		width: 190%;
	}
    .waimobile .point_1 li,
    .waimobile .point_2 li {
        width: 90%;
        margin: 20px auto 0;
        padding: 2%;
        border: 5px solid #ccc;
        float: none;
    }
    .waimobile .point_1 li.l_non,
    .waimobile .point_2 li.l_on {
        margin-left: auto;
    }
	.waimobile #main #sim_fee {
        font-size: 15px;
        font-size: 1.071rem;
		padding: 10px;
    }
    #sim_fee span.red {
        font-size: 30px;
        font-size: 2.143rem;
    }
    .waimobile .recommend_box {
        width: 100%;
    }
    .waimobile .recommend {
        width: 80%;
        margin: 0 auto 20px;
        float: none;
    }
    .waimobile div.l_non {
        margin-left: auto;
    }
    .waimobile .h_rec {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .waimobile .box {
        display: block;
        margin: 0 auto 10px;
    }
    .waimobile .h_rec h5 {
        display: block;
        width: 100%;
        padding-left: 5px;
    }
    .waimobile #main_content .table_1,
    .waimobile #main_content .table_2 {
        width: 660px;
    }
    .waimobile #main h6 {
        margin-top: 0px;
        margin-bottom: 0;
        font-size: 15px;
        font-size: 1.071rem;
        color: #4d69ba;
    }
    .waimobile #main div.flow {
        width: 70%;
        margin: 10px auto 0;
        padding: 0.5em 1em;
        background-color: #e4edfa;
        border: 2px solid #4d69ba;
    }
    .waimobile #main div.flow h6 span {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .waimobile .nega {
        margin-top: -2px;
    }
    .apn_i_box {
        height: auto;
    }
    .apn_i_box:nth-child(3) {
        height: auto;
    }
    .apn_i_btn01,
    .apn_i_btn02 {
        float: none;
        text-align: center;
        margin: 20px auto;
    }
    .apn_i_txt {
        width: 100%;
        float: none;
    }
    .apn_i_img {
        float: none;
        text-align: center;
        margin: 10px auto;
    }
	.kakehoudai_ttl01, .kakehoudai_ttl02{
		width: 100%;
		text-align: center;
		padding: 0;
	}
}

/*--------------------------------
	earthquake
--------------------------------*/

.earthquake #main h1 {
    background-image: url(../images/service/earthquake/h1_earthquake.jpg);
}
.earthquake #main,
.earthquake #container {
    margin-bottom: 0;
    padding-bottom: 0;
}
.earthquake #main_content {
    width: 100%;
    margin-bottom: 65px;
    padding: 0;
}
.earthquake .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.earthquake .center {
    margin-top: 20px;
    text-align: center;
}
.earthquake #main h3 {
    margin: 20px 0 0;
}
.earthquake #main h4 {
    margin: 25px 0 0;
    font-size: 16px;
    font-size: 1.143rem;
}
.earthquake .point {
    margin-top: 20px;
}
.earthquake .point dl.left,
.earthquake .point dl.right {
    width: 48%;
}
.earthquake .point dt {
    padding: 10px 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.286rem;
    text-align: center;
    background-color: #6577b7;
    background-repeat: no-repeat;
    background-position: 0.5em center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.earthquake .point dt.dt_1 {
    background-image: url(../images/service/earthquake/e_1.gif);
}
.earthquake .point dt.dt_2 {
    background-image: url(../images/service/earthquake/e_2.gif);
}
.earthquake .point dt.dt_3 {
    background-image: url(../images/service/earthquake/e_3.gif);
}
.earthquake .point dt.dt_4 {
    background-image: url(../images/service/earthquake/e_4.gif);
}
.earthquake .point dd {
    min-height: 80px;
    padding: 10px 20px;
    line-height: 1.6em;
    border: 2px solid #6577b7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.earthquake .alarm_info {
    margin-top: 20px;
}
.earthquake .alarm_info .left {
    width: 21%;
    padding-top: 10px;
}
.earthquake .alarm_info .right {
    width: 73%;
    padding: 0 3% 3%;
    background-color: #fef5f9;
}
.earthquake .alarm_info ul li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.6em;
}
.earthquake #main_content .table_1 {
    margin-top: 35px;
}
.earthquake #main_content .table_1 th {
    text-align: center;
    text-indent: 0;
    font-weight: normal;
}
.earthquake #main_content .table_1 td {
    padding-right: 5%;
    text-align: right;
}
.earthquake #main_content .table_1 .t_1 {
    width: 30%;
}
.earthquake #main_content .table_1 .t_2 {
    width: 35%;
}
.earthquake #main_content .table_1 .t_3 {
    width: 35%;
}
.earthquake .p_btm {
    padding-bottom: 50px;
}

/*-- contact_box --*/

.earthquake #contact_box {
    margin-top: -20px;
}

/*-- s_size --*/

.earthquake ul.s_size {
    margin-top: 5px;
}
.earthquake ul.s_size li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}

@media screen and (max-width: 768px) {
    .sc_table {
        overflow: scroll;
    }
    .earthquake .sm_on {
        display: block;
    }
    .earthquake .point {
        margin-top: 0;
    }
    .earthquake .point dl.left,
    .earthquake .point dl.right {
        width: 80%;
        margin: 20px auto 0;
        float: none;
    }
}

@media screen and (max-width: 640px) {
    .earthquake #main_content .table_1 {
        width: 640px;
    }
}

/*--------------------------------
	support
--------------------------------*/

.support #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.support .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.support #main h1 img {
    max-width: 150%;
    width: 100%;
}
.support #main h2 span {
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
}
.support #main h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.support .m_top {
    margin-top: 50px;
}
.support .s_size {
    margin-top: 5px;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}

@media screen and (max-width: 768px) {
    .support #main h2 {
        line-height: 1.2em;
    }
    .support #main h4 {
        font-size: 14px;
        font-size: 1.0rem;
    }
}

/*--------------------------------
	remote
--------------------------------*/

.remote .center {
    text-align: center;
}
.remote > h1 {
    height: auto !important;
}
.remote > h1 img {
    max-width: 150% !important;
    width: 100% !important;
}
.remote #main_content h3.gray {
    background-color: #f0f0f0;
    border: none;
    text-align: center;
    font-size: 21px;
    font-size: 1.5rem;
    font-weight: bold;
}
.remote #main_content h3.border_type {
    margin-top: 50px;
    background-color: #fff;
    border: 2px solid #4d69ba;
    border-radius: 5px;
    font-size: 22px;
    font-size: 1.571rem;
    text-align: center;
}
.remote #main_content h4 {
    margin: 30px 0 0;
    font-size: 17px;
    font-size: 1.214rem;
    color: #4d69ba;
}
.remote .c_wrap_inner {
    width: 82%;
    margin: 0 auto;
}
.remote .title_box {
    margin-bottom: 5px;
    padding: 20px 0;
    border-top: 3px solid #4d69ba;
    border-bottom: 3px solid #4d69ba;
}
.remote .c_wrap_inner .title_box .left {
    width: 72%;
    padding: 0 2%;
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: bold;
}
.remote .c_wrap_inner .title_box .right {
    width: 24%;
    padding-left: 0;
}
.remote #main_content .c_wrap_inner .title_box .left h4 {
    margin: 0 0 20px 0;
    font-size: 22px;
    font-size: 1.571rem;
    color: #4d69ba;
}
.remote .c_wrap_inner .title_box .left p {
    font-size: 17px;
    font-size: 1.214rem;
    font-weight: normal;
}
.remote .box .left {
    width: 64%;
}
.remote .box .right {
    width: 36%;
}
.remote .box .left p {
    line-height: 1.6em;
}
.remote #main_content .table_1 {
    margin-top: 20px;
    margin-bottom: 30px;
}
.remote #main_content .table_1 .t_1 {
    width: 65%;
}
.remote #main_content .table_1 .t_2 {
    width: 35%;
}
.remote #main_content .table_1 th {
    padding: 4px 0;
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: normal;
    text-align: center;
}
.remote #main_content .table_1 td {
    font-size: 17px;
    font-size: 1.114rem;
    font-weight: bold;
    text-align: center;
}
.remote #main_content .table_1 td span {
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
}
.remote #main_content .table_1 td span.red {
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: bold;
}
.remote #main_content .table_1 td.t_1 {
    border-right: none;
}
.bg_q {
    margin-bottom: 40px;
}
.bg_q li {
    width: 32%;
    height: 115px;
    margin-left: 2%;
    padding-top: 35px;
    text-align: center;
    background-image: url(../images/service/support/remote/bg_question.gif);
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: bold;
    color: #fff;
    float: left;
}
.bg_q li.l_non {
    margin-left: 0;
}
.bg_q li.p_top {
    height: 100px;
    padding-top: 50px;
}
.remote #main_content p.bold {
    margin: 20px 0;
    padding-bottom: 10px;
    font-size: 19px;
    font-size: 1.357rem;
    text-align: center;
    background-image: url(../images/service/support/remote/border_dot.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}
.remote .p_head {
    margin-top: 30px;
    padding: 15px 10px 10px;
    background-color: #f8dcdf;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: bold;
}
.remote .p_head span.red {
    display: block;
    font-size: 28px;
    font-size: 2.0rem;
    font-weight: bold;
}
.remote .p_head .bg_ellipse {
    width: 50%;
    margin: 10px auto 0;
    background-color: #fff;
    border-radius: 13px;
    font-weight: bold;
}
.remote .p_head .bg_ellipse span {
    font-size: 18px;
    font-size: 1.286rem;
}
.remote .point_box {
    margin-bottom: 50px;
}
.remote .point_box li {
    width: 29%;
    margin-top: 10px;
    margin-left: 2%;
    padding: 1%;
    text-align: center;
    background-color: #4d69ba;
    border-radius: 5px;
    font-size: 16px;
    font-size: 1.143rem;
    color: #fff;
    float: left;
}
.remote .point_box li.l_non {
    margin-left: 0;
}
.remote #main_content .point_box li h5 {
    margin: 0;
    position: relative;
    width: 100%;
}
.remote #main_content .point_box li h5:before {
    content: "";
    display: block;
    border-top: solid 1px #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.remote #main_content .point_box li h5 > span {
    background-color: #4d69ba;
    padding-right: 5px;
    position: relative;
    color: #fff;
    font-size: 14px;
    font-size: 1.0rem;
    z-index: 5;
}
.remote .point_box li p {
    font-size: 17px;
    font-size: 1.214rem;
}
.remote #main_content .point_box li h5 > span .bg_circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 22px;
    margin-left: 0.5em;
    background: #fff;
    border-radius: 10px;
    color: #4d69ba;
}
.remote .support_point {
    width: 29%;
    margin-top: 10px;
    margin-left: 3%;
    padding: 1%;
    text-align: center;
    background-color: #fbf9d9;
    border-radius: 5px;
    float: left;
}
.remote .support_box .l_non {
    margin: 10px 0 0;
}
.remote #main_content .support_box p.bold {
    margin-bottom: 0;
    background-image: none;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: normal;
}
.remote #main_content .support_box h5 {
    margin: 0;
    padding: 5px 0;
    background-color: #fff;
    border: 2px solid #4d69b8;
    border-radius: 5px;
    font-size: 19px;
    font-size: 1.357rem;
    font-weight: bold;
}
.remote #main_content .support_box h6 {
    margin: 20px 0 0;
    font-size: 19px;
    font-size: 1.357rem;
}
.remote #main_content .support_box h6 span {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 0.5em;
    background: #4d69ba;
    border-radius: 15px;
    color: #fff;
}
.remote #main_content .support_box .red {
    font-size: 29px;
    font-size: 2.071rem;
    font-weight: bold;
}
.remote #main_content .support_box .s_size {
    margin-bottom: 20px;
}
.remote .step_box {
    padding-bottom: 10px;
}
.remote .steps {
    width: 23%;
    height: 110px;
    margin-right: 0.5%;
    padding: 10px 0 0 10px;
    background-color: #e2ebf8;
    background-image: url(../images/service/support/remote/bg_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    float: left;
}
.remote #main_content .steps h5 {
    width: 80%;
    margin: 0;
    color: #4d69b8;
    font-size: 15px;
    font-size: 1.071rem;
    border-bottom: 1px dotted #4d69b8;
}
.remote #main_content .steps p {
    width: 90%;
    margin-top: 10px;
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.remote #main_content .step_end p,
.remote #main_content .step_end2 p {
    margin-top: 12px;
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: bold;
}
.remote #main_content .step_end {
    margin-right: 0;
    background-image: none;
    border-right: 2px solid #4d69b8;
    float: right;
}
.remote #main_content .step_end2 {
    margin-right: 0;
    background-image: none;
    border-right: 2px solid #4d69b8;
}
.remote #main_content .step_box .p_head {
    width: 20%;
    height: 100px;
    margin: 0;
    padding: 20px 10px 0;
    background-color: #f8dcdf;
    background-image: none;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: normal;
    float: right;
    text-align: left;
}

@media screen and (max-width: 768px) {
    .remote #main_content h4 {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .remote .title_box {
        width: 100%;
    }
    .remote .c_wrap_inner {
        width: 100%;
    }
    .remote .c_wrap_inner .title_box .left {
        width: 96%;
        float: none;
    }
    .remote .c_wrap_inner .title_box .right {
        width: 50%;
        float: none;
        text-align: center;
    }
    .remote #main_content .c_wrap_inner .title_box .left h4 {
        font-size: 15px;
        font-size: 1.071rem;
    }
    .remote .c_wrap_inner .title_box .left p {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .remote .box .left,
    .remote .box .right {
        width: 100%;
        float: none;
    }
    .bg_q li {
        width: 90%;
        height: 115px;
        margin: 20px auto 0;
        float: none;
    }
    .bg_q li.l_non {
        margin-left: auto;
    }
    .remote .p_head {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .remote .p_head span.red {
        font-size: 18px;
        font-size: 1.286rem;
    }
    .remote .p_head .bg_ellipse span {
        font-size: 16px;
        font-size: 1.143rem;
    }
    .remote #main_content .table_1 td {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .remote #main_content .table_1 td span {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .remote #main_content .table_1 td span.red {
        font-size: 18px;
        font-size: 1.286rem;
    }
    .remote .p_head .bg_ellipse {
        width: 80%;
    }
    .remote .p_head .bg_ellipse span {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .remote .point_box li {
        width: 96%;
        margin-top: 10px;
        margin-left: 0;
        padding-bottom: 10px;
        font-size: 14px;
        font-size: 1.0rem;
        float: none;
    }
    .remote .support_point {
        width: 96%;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .remote #main_content .support_box h5 {
        width: 80%;
        margin: 10px auto 0;
    }
    .remote .steps {
        width: 70%;
        height: auto;
        margin: 0 auto;
        padding: 10px 0 0 10px;
        background-image: none;
        border: 2px solid #4d69b8;
        text-align: center;
        float: none;
    }
    .remote #main_content .steps h5 {
        width: 80%;
        margin: 0 auto;
    }
    .remote #main_content .steps p {
        width: 90%;
        margin: 10px auto;
    }
    .remote #main_content .step_end,
    .remote #main_content .step_end2 {
        margin-right: auto;
        float: none;
    }
    .remote #main_content .step_box .p_head {
        width: 70%;
        height: auto;
        margin: 20px auto;
        padding: 2%;
        font-size: 15px;
        font-size: 1.071rem;
        border: none;
        float: none;
    }
    .remote #main_content .arrows {
        margin-top: -3px;
        margin-bottom: 10px;
    }
    .remote .btn_link {
        height: auto;
        padding-bottom: 0.5em;
        line-height: 1.2em;
    }
}

/*--------------------------------
	equipment
--------------------------------*/

.equipment #main h1 {
    background-image: url(../images/service/support/equipment/h1_equipment.jpg);
}
.equipment #main_content table th {
    padding: 1em 0;
    background-color: #FFFFE6;
    text-align: center;
    text-indent: 0;
    line-height: 1.2em;
    font-size: 12px;
    font-size: 0.857rem;
    font-weight: normal;
}
.equipment #main_content table td {
    padding: 1.2em 0;
    text-align: center;
    text-indent: 0;
    line-height: 1.6em;
    font-size: 12px;
    font-size: 0.857rem;
}
.equipment #main_content table .t_1 {
    width: 40%;
}
.equipment #main_content table .t_2 {
    width: 15%;
}
.equipment #main_content table .t_3 {
    width: 15%;
}
.equipment #main_content table .t_4 {
    width: 15%;
}
.equipment #main_content table .t_5 {
    width: 15%;
}
.equipment #main_content table th.t_3 {
    background-color: #BFEFFF;
}
.equipment #main_content table th.t_4 {
    background-color: #FFDFBF;
}
.equipment #main_content table th.t_5 {
    background-color: #BFFFBF;
}
.equipment #main_content table td.t_3,
.equipment #main_content table td.t_5 {
    color: #FF0000;
}
.equipment #main_content .table_1 td.t_3 {
    color: #000;
}
.equipment #main_content .table_1 td.t_4 {
    color: #FF0000;
}
.equipment #main_content .table_1 span {
    display: inline-block;
    padding: 0 0.5em;
    background: #FF0000;
    border-radius: 5px;
    color: #fff;
}

@media screen and (max-width: 640px) {
    .equipment #main_content .sc_table table {
        width: 640px;
    }
}

/*--------------------------------
	customer
--------------------------------*/

.customer #main_content table th {
    background-color: #fbe1ec;
    text-align: center;
    text-indent: 0;
}
.customer .level1 li > a,
.waica_shoplist .level1 li > a {
    color: #333;
    background-color: #fbe1ec;
}
.customer .level2 li a,
.waica_shoplist .level2 li a {
    color: #333;
    background-color: #fff;
}
.customer .level2 li a:hover,
.waica_shoplist .level2 li a:hover {
    color: #eb7aa7;
}
.customer .level2 li a span,
.waica_shoplist .level2 li a span {
    color: #eb7aa7;
}
.customer #sidebar h2,
.waica_shoplist #sidebar h2 {
    background-color: #eb7aa7;
	font-size: 0.9em;
}
.customer #main_content {
    width: 100%;
    padding: 0;
}

/*--------------------------------
	change
--------------------------------*/

.change #main h1 {
    background-image: url(../images/customer/change/h1_change.jpg);
}
.change #main h5 {
    margin-bottom: 9px;
    padding: 5px 10px;
    border: 2px solid #fe73a1;
    border-radius: 10px;
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
    line-height: 1.6em;
}
.change .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.change .c_wrap_inner {
    padding: 0 1.5%;
}
.change .center {
    text-align: center;
}
.change #main .mgn {
    margin-top: 30px;
    margin-bottom: 30px;
}
.change #main .m_btm {
    margin-bottom: 30px;
}
.change #main li .btn_link {
    margin: 10px auto;
    width: 60%;
}
.change #main li .btn_link02 {
    margin: 10px -10px 10px -20px;
    width: 111%;
}
.change #main li .btn_link img {
    max-height: 20px;
    margin-right: 5px;
}
.change #main .s_size {
    font-size: 13px;
    font-size: 0.929rem;
}
.change #main .p_title {
    margin-bottom: 10px;
    padding: 10px 0;
    color: #fff;
    background-color: #ee8eb4;
    border-radius: 10px;
    font-size: 18px;
    font-size: 1.286rem;
    text-align: center;
}
.change #main ol {
    margin: 10px 0;
}
.change #main ol li {
    margin-bottom: 9px;
    padding: 5px 10px;
    border: 2px solid #fe73a1;
    border-radius: 10px;
    line-height: 1.6em;
}
.change #main ol.h_out li {
    padding-left: 2em;
    padding-right: 1em;
}
.change #main .indent_b:before {
    content: "※";
    margin-left: -1.3em;
}
.change #main ol.h_out li .indent_b {
    margin-left: -1.2em;
}
.change #main .indent_b {
    padding-left: 1.3em;
}
.pink {
    color: #ee8eb4;
}
.change #main .clm_2l,
.change #main .clm_2r {
    width: 48%;
    padding: 0;
}
.change #main .clm_2l h4 {
    margin: 0;
    padding: 0.5em 0;
    background-color: #6577b7;
    border: 1px solid #6577b7;
    color: #fff;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: normal;
    text-align: center;
}
.change #main .clm_2r h4 {
    margin: 0;
    padding: 0.5em 0;
    background-color: #ee8eb4;
    border: 1px solid #ee8eb4;
    color: #fff;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: normal;
    text-align: center;
}
.change #main .clm_inner {
    padding: 1em 1em 0;
    border: 1px solid #ddd;
}
.change #main .clm_inner .flows {
    min-height: 130px;
    padding: 10px 0;
    line-height: 1.6em;
}
.change #main .btn_link {
    width: auto;
}
.change #main ul {
    padding: 0 1em;
}
.change #main ul li {
    font-size: 12px;
    font-size: 0.857rem;
    line-height: 1.4em;
}
.change #main ul li:before {
    content: "※";
}
.change_flex_box{
    width: 48%;
    padding: 0;
    border: 1px solid #ddd;
}
.change #main .change_flex_box h4{
    margin: 0;
    padding: 0.5em 0;
    background-color: #6577b7;
    border: 1px solid #6577b7;
    color: #fff;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: normal;
    text-align: center;
}
.change #main .change_flex_box+.change_flex_box h4{
    background-color: #ee8eb4;
    border: 1px solid #ee8eb4;
}
.change_flex_box_inner{
    padding: 1em 1em 0;
}

@media screen and (max-width: 768px) {
    .change #main .h1_filter {
        padding: 25px 3% 15px;
    }
    .change #main .p_title {
        font-size: 14px;
        font-size: 1.0rem;
    }
    .change #main .clm_2l,
    .change #main .clm_2r {
        width: auto;
    }
    .change #main .clm_2r {
        margin-top: 10px;
    }
    .change #main .s_tbl {
        display: table;
        width: 100%;
        padding: 5px 0;
    }
    .change #main .s_tbl span {
        display: table-cell;
        text-align: left;
    }
    .change #main .s_tbl span.pink {
        width: 16%;
        padding-left: 2%;
    }
    .change #main .btn_link {
        height: auto;
        padding: 10px 0;
        font-size: 12px;
        font-size: 0.857rem;
    }
    .change #main li .btn_link{
        width: 100%;
    }
    .change #main li .btn_link02{
        margin: 10px auto;
        width: 100%;
    }
    .change_flex{
        flex-wrap: wrap;
    }
    .change_flex_box{
        width: 100%;
    }
    .change_flex_box+.change_flex_box{
        margin-top: 10px;
    }
}

/*--------------------------------
	c_smtv
--------------------------------*/

.c_smtv #main h1 {
    background-image: url(../images/customer/c_smtv/h1_c_smtv.gif);
}
.c_smtv #main .h1_filter {
    padding: 25px 3% 15px;
}
.c_smtv #main h3 {
    margin: 50px 0 20px;
}
.c_smtv #main p {
    margin-bottom: 30px;
}
.c_smtv .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.c_smtv .center {
    text-align: center;
}
.c_smtv .btn_pdf {
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 10px 0 10px 19%;
    background-color: #ee8eb4;
    background-image: url(../images/customer/c_smtv/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 5% center;
    border-radius: 10px;
    font-size: 16px;
    font-size: 1.1rem;
    color: #fff;
}
.c_smtv .btn_pdf+.btn_pdf{
	margin-top: 10px;
}
.c_smtv #main_content .table_1 th {
    font-weight: normal;
}
.c_smtv #main_content .table_1 .t_1{
    width: 30%;
}
.c_smtv #main_content .table_1 .t_2 {
	width: 70%;
}
.c_smtv #main ul {
    margin: 30px 0 50px;
}
.c_smtv #main ul li {
    width: 50%;
    float: left;
	margin-bottom: 10px;
}
.c_smtv #main ul li a {
    width: 70%;
}

@media screen and (max-width: 768px) {
    .c_smtv #main ul li {
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    .c_smtv .btn_pdf {
        padding-left: 15%;
        font-size: 14px;
        font-size: 1.0rem;
        background-size: 20px;
        background-position: 4% center;
    }
    .c_smtv #main_content .table_1 a {
        width: 75%;
        padding-left: 25%;
    }
}

/*--------------------------------
	c_catv
--------------------------------*/

.c_catv #main h1 {
    background-image: url(../images/customer/c_catv/h1_c_catv.jpg);
}
.c_catv #main .h1_filter {
    padding: 25px 3% 15px;
}
.c_catv #main h3 {
    margin: 50px 0 20px;
}
.c_catv #main p {
    margin-bottom: 30px;
}
.c_catv .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.c_catv .center {
    text-align: center;
}
.c_catv .btn_pdf {
    display: block;
    width: 60%;
    margin: 5px auto;
    padding: 10px 0 10px 19%;
    background-color: #ee8eb4;
    background-image: url(../images/customer/c_smtv/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 5% center;
    border-radius: 10px;
    font-size: 20px;
    font-size: 1.429rem;
    color: #fff;
}
.c_catv #main_content .table_1 th {
    font-weight: normal;
}
.c_catv #main_content .table_1 .t_1,
.c_catv #main_content .table_1 .t_2 {
    width: 50%;
}
.c_catv #main_content .table_1 .btn_pdf {
    width: 50%;
}
.c_catv #s_book .left {
    width: 19%;
    padding: 3%;
}
.c_catv #s_book .right {
    width: 75%;
}
.c_catv #s_book .btn_pdf {
    width: 50%;
}
.c_catv #main ul {
    margin: 30px 0 50px;
}
.c_catv #main ul li {
    width: 50%;
    float: left;
}
.c_catv #main ul li a {
    width: 70%;
}

@media screen and (max-width: 768px) {
    .c_catv #main ul li {
        margin-bottom: 20px;
        width: 100%;
        float: none;
    }
    .c_catv .btn_pdf {
        padding-left: 15%;
        font-size: 14px;
        font-size: 1.0rem;
        background-size: 20px;
        background-position: 4% center;
    }
    .c_catv #main_content .table_1 a {
        width: 65%;
        padding-left: 25%;
        background-position: 10% center;
    }
    .c_catv #s_book .left {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
        float: none;
        text-align: center;
    }
    .c_catv #s_book .right {
        width: 100%;
        padding: 0;
        float: none;
    }
    .c_catv #s_book .btn_pdf {
        width: 60%;
    }
    .c_catv #main_content .table_1 {
        font-size: 12px;
        font-size: 0.857rem;
    }
}

/*--------------------------------
	trouble
--------------------------------*/

.trouble #main h1 {
    background-image: url(../images/customer/c_catv/trouble/h1_trouble.jpg);
}
.trouble #main .h1_filter {
    padding: 40px 3% 0;
}
.trouble #main h3.table_title {
    margin-bottom: 30px;
    font-size: 20px;
    font-size: 1.429rem;
    font-weight: normal;
    border: none;
    text-align: center;
    background-color: #004c66;
    color: #fff;
	padding: 10px 0;
}
.trouble #main .half {
    margin-top: 30px;
    margin-bottom: 30px;
}
.trouble #main .half .left {
    width: 40%;
    text-align: center;
}
.trouble #main .half .right {
    width: 60%;
}
.trouble #main .half h4 {
    margin: 0 0 0 1em;
    color: #eb7aa7;
}
.trouble #main .half ul {
    margin: 0;
}
.trouble #main .half ul li {
    float: none;
    width: auto;
}
.trouble #main .half ul li span {
    color: #eb7aa7;
}
.trouble .answer_box {
    display: table;
    margin-bottom: 30px;
}
.trouble #main_content .h_out span.red {
    position: static;
}
.trouble #main_content .h_out span.green {
    position: static;
    color: #008c22;
}
.trouble .answer_box .t_head {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}
.trouble .answer_box p {
    display: table-cell;
    padding: 0 1em;
    font-weight: bold;
}
.trouble .answer_box .bg_circle {
    width: 40px;
    padding: 8px 0;
    border-radius: 20px;
    font-size: 18px;
    font-size: 1.286rem;
    background-color: #eb7aa7;
    color: #fff;
}
.trouble .counter {
    width: 90%;
    padding: 3%;
    margin: 50px auto 20px;
    border: 1px solid #fbe1ec;
    background-color: #fef5f9;
}
.trouble #main .counter h5 {
    margin: 0;
    font-size: 14px;
    font-size: 1.0rem;
    font-weight: normal;
}
.trouble #main .counter p {
    margin: 0;
}
.maker_title_th{
	background-color: #0085B2;
}
.trouble #main h4.maker_title {
	padding: 6px 0;
	background-color: #0085B2;
	color: #fff;
	font-weight: normal;
	text-align: center;
	margin: 0;
}
.trouble #main .makers {
    margin-bottom: 40px;
	margin-top: 20px;
}
.trouble #main .makers div {
    width: 32%;
    margin-left: 2%;
    float: left;
}
.trouble #main .makers div.l_non {
    margin-left: 0;
}
.trouble #main .makers div table {
    border: none;
}
.trouble #main .makers div table th {
    border: none;
    background-color: #004c66;
    color: #fff;
    text-align: center;
}
.trouble #main .makers div table td {
    border: none;
    background-color: #e6f9ff;
}
.trouble #main .makers div table .blue td {
    background-color: #d9ecff;
}
.trouble #main .makers div table td.t_1 {
    text-align: center;
}
.trouble #main .makers div table .t_1 {
    width: 36%;
}
.trouble #main .makers div table .t_2 {
    width: 64%;
    border-left: 1px solid #fff;
}
.trouble #main .rimcon_info {
    margin-top: 10px;
    margin-bottom: 30px;
}
.trouble #main .rimcon_info li {
    width: auto;
    font-size: 13px;
    font-size: 0.929rem;
    float: none;
}
.trouble #main .t_box {
    margin-left: -20px;
    margin-right: -20px;
}
.trouble #main .table_1 {
    border: none;
    border-collapse: separate;
    border-spacing: 20px;
}
.trouble #main .table_1 th,
.trouble #main .table_1 td {
    width: 33.3%;
    padding: 0;
    background-color: #fff;
    border: none;
    text-align: center;
	line-height: 1.5em;
}
.trouble #main .table_1 th.maker_title_th{
	background-color: #0085B2;
}
.trouble #main .table_1 td a img {
    width: 100%;
}
.trouble #main .btn_pdf {
    margin-top: 40px;
    padding-left: 15%;
}


@media screen and (max-width: 768px) {
    .trouble #main .h1_filter {
        padding: 25px 3% 15px;
    }
    .trouble #main .half .left,
    .trouble #main .half .right {
        width: 100%;
        float: none;
    }
    .trouble #main .makers div {
		width: 100%;
        margin: 0 auto;
        float: none;
    }
    .trouble #main .makers div.l_non {
        margin-left: auto;
    }
    .trouble .s_non {
        display: none;
    }
    .trouble #main .makers div.color_change table td {
        background-color: #d9ecff;
    }
    .trouble #main .makers div.color_change table .blue td {
        background-color: #e6f9ff;
    }
    .trouble #main ul li {
        margin-bottom: 0;
    }
    .trouble #main .t_box {
        margin-left: -10px;
        margin-right: -10px;
    }
    .trouble #main .table_1 {
        border-spacing: 10px;
    }
    .trouble #main .table_1 th h4 {
        font-size: 10px;
        font-size: 0.714rem;
        line-height: 1.4em;
    }
    .trouble #main .table_1 th a,
    .trouble #main .table_1 td a {
        padding: 0;
    }
    .trouble #main .btn_pdf {
        padding-left: 12%;
    }
}

/*--------------------------------
	c_wainet
--------------------------------*/

/*--------------------------------
	kiki
--------------------------------*/

.kiki #main h1 {
    background-image: url(../images/customer/c_wainet/kiki/h1_kiki.jpg);
}
.kiki #main .h1_filter {
    padding: 25px 3% 15px;
}
.kiki #main h3 {
    margin: 50px 0 20px;
}
.kiki #main p {
    margin-bottom: 30px;
}
.kiki .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.kiki .center {
    text-align: center;
}
.kiki .btn_pdf {
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 10px 0 10px 19%;
    background-color: #ee8eb4;
    background-image: url(../images/customer/c_wainet/kiki/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 5% center;
    border-radius: 10px;
    font-size: 20px;
    font-size: 1.429rem;
    color: #fff;
}
.kiki #main_content .table_1 th {
    font-weight: normal;
}
.kiki #main_content .table_1 .t_1,
.kiki #main_content .table_1 .t_2 {
    width: 50%;
}
.kiki #main_content .table_1 td.t_2 {
    padding-top: 0;
    padding-bottom: 0;
}
.kiki #main_content .table_1 a {
    margin: 20px auto;
}

@media screen and (max-width: 768px) {
    .kiki #main .h1_filter {
        font-size: 22px;
        font-size: 1.571rem;
    }
    .kiki .btn_pdf {
        padding-left: 15%;
        font-size: 14px;
        font-size: 1.0rem;
        background-size: 20px;
        background-position: 4% center;
    }
    .kiki #main_content .table_1 {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .kiki #main_content .table_1 a {
        width: 75%;
        padding-left: 25%;
        font-size: 12px;
        font-size: 0.857rem;
    }
}

/*--------------------------------
	setteing
--------------------------------*/

.setteing #main h1 {
    background-image: url(../images/customer/c_wainet/setteing/h1_setteing.jpg);
}
.setteing #main_content {
    width: 100%;
    padding: 0;
}
.setteing .c_wrap_inner {
    width: 94%;
    padding: 0 3% 40px;
    margin-bottom: 30px;
    background-color: #fff;
}
.setteing .c_wrap_inner p {
    margin-bottom: 20px;
    padding-left: 1.5em;
}
.setteing #main_content table {
    margin-bottom: 40px;
}
.setteing #main_content table tr.center th,
.setteing #main_content table tr.center td {
    text-align: center;
}
.setteing #main_content table th {
    font-size: 12px;
    font-size: 0.857rem;
    font-weight: normal;
    text-align: left;
}
.setteing #main_content table td {
    font-size: 12px;
    font-size: 0.857rem;
}
.setteing #main_content .table_1 tr th {
    width: 31%;
    padding-left: 2%;
    font-weight: normal;
}
.setteing #main_content .table_1 tr td {
    width: 66%;
}
.setteing #main_content .table_2 tr th {
    width: 31%;
    padding-left: 2%;
    font-weight: normal;
}
.setteing #main_content .table_2 tr td {
    width: 33%;
}
.setteing #main_content ol {
    width: 100%;
    margin-top: 30px;
    position: relative;
}
.setteing #main_content ol li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.5em;
    padding-right: 1em;
}
.setteing #main_content ol li span {
    position: absolute;
    left: 0;
    margin: 0
}
.setteing .btn_pdf {
    margin-bottom: 35px;
}
.setteing .btn_pdf li,
.setteing .btn_mail li {
    width: 42%;
    height: 50px;
    margin: 0 4%;
    float: left;
    background: #ccc;
    border-radius: 10px;
}
.setteing .start_btn li {
    margin: 0 29%;
}
.setteing .btn_pdf li a {
    display: block;
    width: 100%;
    height: 38px;
    padding-top: 12px;
    font-size: 18px;
    font-size: 1.286rem;
    text-align: center;
    border-radius: 10px;
    background-color: #ee8eb4;
    background-image: url(../images/customer/c_wainet/setteing/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 10% center;
    color: #fff;
}
.setteing .btn_mail li a {
    display: block;
    width: 100%;
    height: 38px;
    padding-top: 12px;
    font-size: 18px;
    font-size: 1.286rem;
    text-align: center;
    border-radius: 10px;
    background-color: #b9ffdc;
    background-image: url(../images/customer/c_wainet/setteing/icon_link.png);
    background-repeat: no-repeat;
    background-position: 10% center;
    color: #333;
}
.setteing #main_content .btn_pdf li a:hover,
.setteing #main_content .btn_mail li a:hover {
    text-decoration: none;
}
.setteing .btn_mail li:first-child a {
    background-color: #ffdddd;
}
.setteing .sm_on {
    display: none;
}
.setteing #main_content #wai_set_manual {
    margin: 0 15px 20px;
    padding: 17px 10%;
    display: block;
    font-size: 20px;
    font-size: 1.429rem;
    text-align: center;
    background-color: #ee8eb4;
    background-image: url(../images/customer/c_wainet/wifi/i_pdf.png);
    background-repeat: no-repeat;
    background-position: 3% center;
    border-radius: 10px;
    color: #fff;
}
.btn_pswd {
    display: inline-block;
    margin-left: 1.5em;
    margin-bottom: 5px;
    padding: 5px 10px;
    border: 1px solid #ee8eb4;
    border-radius: 10px;
}

@media screen and (max-width: 768px) {
    .setteing #main_content .sc_table {
        overflow: scroll;
    }
    .setteing #main_content .table_2 {
        width: 660px;
        margin-bottom: 0;
    }
    .setteing #main_content .table_2 tr th,
    .setteing #main_content .table_2 tr td {
        font-size: 13px;
        font-size: 0.929rem;
        -webkit-text-size-adjust: 100%;
    }
    .setteing .sm_on {
        display: block;
        margin-top: 5px;
    }
    .setteing .btn_pdf li a,
    .setteing .btn_mail li a {
        font-size: 14px;
        font-size: 1.0rem;
        padding-bottom: 50px;
        background-position: center 50px;
    }
    .setteing .btn_mail,
    .setteing .btn_pdf {
        height: 100px;
    }
    .setteing #main_content #wai_set_manual {
        padding: 15px 5% 60px;
        font-size: 16px;
        font-size: 1.143rem;
        background-position: center 80px;
    }
}

/*--------------------------------
    共用部
	windowslivw2012
	outlook2013
	mac_mail
--------------------------------*/

.windowslive2012 #main,
.outlook2013 #main,
.mac_mail #main {
    padding-bottom: 20px;
}
.windowslive2012 #main_content,
.outlook2013 #main_content,
.mac_mail #main_content {
    width: 94%;
    margin: 18px 0 0;
    padding: 0 3% 80px;
    background-color: #fff;
}
.windowslive2012 #main_content .c_wrap > img,
.outlook2013 #main_content .c_wrap > img,
.mac_mail #main_content .c_wrap > img {
    display: block;
    margin: 0 auto;
}
.windowslive2012 #main_content .c_wrap .arrows,
.outlook2013 #main_content .c_wrap .arrows,
.mac_mail #main_content .c_wrap .arrows {
    margin-top: 20px;
    margin-bottom: 20px;
}
.windowslive2012 #main_content h4,
.outlook2013 #main_content h4,
.mac_mail #main_content h4 {
    color: #eb79a6;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: normal;
}
.windowslive2012 #main_content p,
.outlook2013 #main_content p,
.mac_mail #main_content p {
    margin-top: 10px;
}
.windowslive2012 #main_content ol,
.outlook2013 #main_content ol,
.mac_mail #main_content ol {
    width: 100%;
    margin-top: 10px;
    position: relative;
}
.windowslive2012 #main_content ol li,
.outlook2013 #main_content ol li,
.mac_mail #main_content ol li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.5em;
    padding-right: 1em;
}
.windowslive2012 #main_content ol li span,
.outlook2013 #main_content ol li span,
.mac_mail #main_content ol li span {
    position: absolute;
    left: 0;
    margin: 0
}
.windowslive2012 #main_content ol li ul,
.outlook2013 #main_content ol li ul,
.mac_mail #main_content ol li ul {
    width: 100%;
    position: relative;
}
.windowslive2012 #main_content ol li ul li,
.outlook2013 #main_content ol li ul li,
.mac_mail #main_content ol li ul li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.5em;
    padding-right: 1em;
}
.windowslive2012 #main_content ol li ul li span,
.outlook2013 #main_content ol li ul li span,
.mac_mail #main_content ol li ul li span {
    position: absolute;
    left: 0;
    margin: 0
}

/*--------------------------------
	windowslive2012
--------------------------------*/

.windowslive2012 #main h1 {
    background-image: url(../images/customer/c_wainet/setteing/windowslive2012/h1_windowslive2012.jpg);
}
.windowslive2012 #main_content table {
    margin-top: 10px;
}
.windowslive2012 #main_content table th {
    width: 50%;
    padding: 0 0.5em;
}
.windowslive2012 #main_content table td {
    width: 50%;
}

/*--------------------------------
	outlook2013
--------------------------------*/

.outlook2013 #main h1 {
    background-image: url(../images/customer/c_wainet/setteing/outlook2013/h1_outlook2013.jpg);
}
.outlook2013 #main_content ol li span.red {
    position: static;
}
.outlook2013 #main_content table {
    margin-top: 10px;
}
.outlook2013 #main_content table th {
    width: 30%;
    padding: 0 0.5em;
    text-indent: 1em;
}
.outlook2013 #main_content table td {
    width: 70%;
    text-indent: 1em;
}

/*--------------------------------
	mac_mail
--------------------------------*/

.mac_mail #main_content table {
    margin-top: 10px;
}
.mac_mail #main_content table th {
    width: 30%;
    padding: 0 0.5em;
    text-indent: 1em;
}
.mac_mail #main_content table td {
    width: 70%;
    text-indent: 1em;
}
.mac_mail #main_content .m_top_non {
    margin-top: 0;
}


@media screen and (max-width: 768px) {
    /*--------------------------------
    共用部
	windowslivw2012
	outlook2013
--------------------------------*/
    .windowslive2012 #main_content table th,
    .windowslive2012 #main_content table td,
    .outlook2013 #main_content table th,
    .outlook2013 #main_content table td,
    .mac_mail #main_content table th,
    .mac_mail #main_content table td {
        display: block;
        width: 96%;
        min-height: 0;
        padding: 10px 2%;
        vertical-align: middle;
        text-indent: 0;
    }
    .windowslive2012 #main_content p,
    .outlook2013 #main_content p,
    .mac_mail #main_content p {
        padding: 0 1em;
    }
}

/*--------------------------------
	net_security
--------------------------------*/

.net_security #main h1 {
    background-image: url(../images/customer/c_wainet/net_security/h1_net_security.jpg);
}
.net_security #main,
.net_security #container {
    margin-bottom: 0;
    padding-bottom: 0;
}
.net_security #main_content {
    width: 100%;
    margin-bottom: 65px;
    padding: 0;
}
.net_security .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.net_security #main h3 {
    margin: 30px 0 20px;
}
.net_security #main h4 {
    margin: 20px 0;
    font-size: 15px;
    font-size: 1.071rem;
    font-weight: normal;
    color: #eb7aa7;
}
.net_security #main p {
    margin-top: 10px;
    font-size: 13px;
    font-size: 0.929rem;
}
.net_security .center {
    margin-top: 20px;
    text-align: center;
}
.net_security .p_btm {
    padding-bottom: 50px;
}
.net_security #main_content .pdf_dl,
.net_security #main_content .exe_dl {
    width: 50%;
    margin: 20px auto;
    padding: 17px 10%;
    display: block;
    font-size: 20px;
    font-size: 1.429rem;
    text-align: center;
    background-color: #ee8eb4;
    background-image: url(../images/customer/c_wainet/net_security/i_pdf.png);
    background-repeat: no-repeat;
    background-position: 3% center;
    border-radius: 10px;
    color: #fff;
}
.net_security #main_content .exe_dl {
    background-image: url(../images/customer/c_wainet/net_security/i_exe.png);
    color: #fff;
}
.net_security #main_content ul.half {
    margin: 20px 0;
}
.net_security #main_content ul.half li {
    width: 44%;
    margin: 5px 1%;
    float: left;
    font-size: 13px;
    font-size: 0.929rem;
}
.net_security #main .box {
    margin-top: 25px;
    padding: 18px;
    border: 1px solid #ccc;
}
.net_security #main .box h5 {
    margin-top: 0;
    font-size: 15px;
    font-size: 1.071rem;
    text-align: center;
}
.net_security #main .box ul {
    margin-top: 25px;
}
.net_security #main ul li span {
    margin-right: 1em;
    color: #eb7aa7;
}
.net_security #main .box ul.links {
    margin-top: 0;
}
.net_security #main .left_25 h5 {
    margin: 0;
    font-size: 15px;
    font-size: 1.071rem;
}
.net_security #main .left_25 .left {
    text-align: center;
}
.net_security #main .left_25 .right li {
    margin-bottom: 10px;
}

#w_links {
    margin-bottom: 50px;
}

#w_links li {
    margin-top: 10px;
    font-size: 13px;
    font-size: 0.929rem;
}

#w_links a {
    display: block;
}

/*-- 左25%右75%枠 --*/

.left_25 .left {
    width: 25%;
}
.left_25 .right {
    width: 75%;
}

/*-- 楕円形ピンク --*/

.obl_pink li {
    padding: 3px 2%;
    background-color: #ee8eb4;
    border-radius: 14px;
    color: #fff;
}

/*-- リストヘッドを外に固定 --*/

#main_content .h_out {
    position: relative;
    margin-top: 10px;
}

#main_content .h_out li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 2.5em;
    padding-right: 1em;
}

#main_content .h_out li span {
    position: absolute;
    left: 1em;
    margin: 0
}

@media screen and (max-width: 768px) {
    .net_security #main_content .pdf_dl,
    .net_security #main_content .exe_dl {
        padding: 15px 5% 60px;
        font-size: 16px;
        font-size: 1.143rem;
        background-position: center bottom 15px;
    }
    .net_security #main_content ul.half li {
        width: 90%;
        margin: 5px auto;
        float: none;
    }
    .left_25 .left,
    .left_25 .right {
        width: 100%;
        margin-bottom: 10px;
        float: none;
    }
}

/*--------------------------------
	wifi
--------------------------------*/

.wifi #main h1 {
    background-image: url(../images/customer/c_wainet/wifi/h1_wifi.jpg);
}
.wifi #main {
    padding-bottom: 20px;
}
.wifi #main_content {
    width: 94%;
    margin: 18px 0 0;
    padding: 0 3% 80px;
    background-color: #fff;
}
.wifi #main_content h3 {
    margin-top: 30px;
}
.wifi #main_content h4 {
    font-weight: normal;
    padding-top: 15px;
}
.wifi #main_content .c_wrap > img {
    display: block;
    margin: 30px auto 0;
}
.wifi #main_content p {
    margin-top: 10px;
    margin-bottom: 30px;
}
.wifi #main_content ol,
.wifi #main_content .c_wrap_inner > ul {
    width: 100%;
    margin-top: 10px;
    position: relative;
}
.wifi #main_content ol li,
.wifi #main_content .c_wrap_inner > ul li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.5em;
    padding-right: 1em;
}
.wifi #main_content ol li span,
.wifi #main_content .c_wrap_inner > ul li span {
    position: absolute;
    left: 0;
    margin: 0;
    color: #ec81ab;
}
.wifi #main_content ol li ul {
    width: 100%;
    position: relative;
}
.wifi #main_content ol li ul li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.5em;
    padding-right: 1em;
}
.wifi #main_content ol li ul li span {
    position: absolute;
    left: 0;
    margin: 0
}
.wifi #main_content #wai_set_manual {
    margin: 0 15px;
    padding: 17px 10%;
    display: block;
    font-size: 20px;
    font-size: 1.429rem;
    text-align: center;
    background-color: #ee8eb4;
    background-image: url(../images/customer/c_wainet/wifi/i_pdf.png);
    background-repeat: no-repeat;
    background-position: 3% center;
    border-radius: 10px;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .wifi #main_content #wai_set_manual {
        margin: 0 15px;
        padding: 15px 5% 60px;
        font-size: 16px;
        font-size: 1.143rem;
        background-position: center 80px;
    }
}

/*--------------------------------
	c_cableplus
--------------------------------*/

.c_cableplus #main h1 {
    background-image: url(../images/customer/c_cableplus/h1_c_cableplus.jpg);
}
.c_cableplus #main .h1_filter {
    padding: 25px 3% 15px;
}
.c_cableplus #main h3 {
    margin: 50px 0 20px;
}
.c_cableplus #main p {
    margin-bottom: 30px;
}
.c_cableplus .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.c_cableplus #main .center {
    text-align: center;
}
.c_cableplus .btn_pdf {
    display: block;
    width: 60%;
    margin: 5px auto;
    padding: 10px 0 10px 19%;
    background-color: #ee8eb4;
    background-image: url(../images/customer/c_cableplus/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 5% center;
    border-radius: 10px;
    font-size: 20px;
    font-size: 1.429rem;
    color: #fff;
}
.c_cableplus #main_content .table_1 th {
    font-weight: normal;
}
.c_cableplus #main_content .table_1 .t_1,
.c_cableplus #main_content .table_1 .t_2 {
    width: 50%;
}
.c_cableplus #main_content .table_1 .btn_pdf {
    width: 60%;
}

@media screen and (max-width: 768px) {
    .c_cableplus .h1_filter {
        font-size: 22px;
        font-size: 1.571rem;
    }
    .c_cableplus #main_content .table_1 .btn_pdf {
        width: 75%;
        padding-left: 25%;
        font-size: 14px;
        font-size: 1.0rem;
        background-size: 20px;
        background-position: 4% center;
    }
    .c_cableplus #main_content .table_1 {
        font-size: 12px;
        font-size: 0.857rem;
    }
}

/*--------------------------------
	c_waimobile
--------------------------------*/

.c_waimobile #main h1 {
    background-image: url(../images/customer/c_waimobile/h1_c_waimobile.jpg);
}
.c_waimobile #main .h1_filter {
    padding: 25px 3% 15px;
}
.c_waimobile #main h3 {
    margin: 50px 0 20px;
}
.c_waimobile #main p {
    margin-bottom: 30px;
}
.c_waimobile .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.c_waimobile #main .center {
    text-align: center;
}
.c_waimobile .btn_pdf {
    display: block;
    width: 60%;
    margin: 5px auto;
    padding: 10px 0 10px 19%;
    background-color: #ee8eb4;
    background-image: url(../images/customer/c_waimobile/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: 5% center;
    border-radius: 10px;
    font-size: 20px;
    font-size: 1.429rem;
    color: #fff;
}
.c_waimobile #main_content .table_1 th {
    font-weight: normal;
}
.c_waimobile #main_content .table_1 .t_1,
.c_waimobile #main_content .table_1 .t_2 {
    width: 50%;
}
.c_waimobile #main_content .table_1 .btn_pdf {
    width: 60%;
}
.c_waimobile #main_content h3 {
    margin-bottom: 0;
    padding: 7px 0;
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: bold;
    text-align: center;
    border: 2px solid #4d69ba;
    background-color: #fff;
}
.apn_txt {
    margin: 10px 0 0 10px;
}
.apn_sec a img:hover {
    opacity: 0.7;
}
.apn_L_box,
.apn_R_box {
    width: 44%;
    background-color: #fadee1;
    padding: 15px 2%;
    text-align: center;
    float: left;
    margin-top: 10px;
    margin-bottom: 30px;
}
.apn_R_box {
    margin-left: 4%;
}
.apn_name {
    font-size: 18px;
    font-weight: bold;
}
.apn_settei {
    width: 284px;
    margin: 5px auto;
    background-color: #fff;
    box-shadow: 5px 6px 6px -3px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 5px 6px 6px -3px rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: 5px 6px 6px -3px rgba(0, 0, 0, 0.54);
}
.apn_settei a {}
.apn_R_box .apn_settei a {
    line-height: 2.5em;
}
.apn_chuu {
    font-size: 12px;
}
.apn_i_discp {
    clear: both;
}
.apn_i_ttl {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}
.apn_i_box {
    width: 94%;
    height: 270px;
    background-color: #84ccc9;
    padding: 3%;
    clear: both;
}
.apn_i_box:nth-child(3) {
    height: 150px;
}
.apn_i_btn01,
.apn_i_btn02 {
    text-align: center;
    margin-top: 20px;
}
.apn_i_btn02 {
    margin-left: 15px;
}
.apn_i_txt {
    width: 45%;
    float: left;
}
.apn_i_txt01,
.apn_i_txt {
    position: relative;
    margin-left: 15px;
}
.apn_count01:before {
    content: "①";
    position: absolute;
    left: -15px;
}
.apn_count02:before {
    content: "②";
    position: absolute;
    left: -15px;
}
.apn_count03:before {
    content: "③";
    position: absolute;
    left: -15px;
}
.apn_count04:before {
    content: "④";
    position: absolute;
    left: -15px;
}
.apn_i_img {
    float: right;
}

@media screen and (max-width: 768px) {
    .c_waimobile .h1_filter {
        font-size: 22px;
        font-size: 1.571rem;
    }
    .c_waimobile #main_content .table_1 .btn_pdf {
        width: 75%;
        padding-left: 25%;
        font-size: 14px;
        font-size: 1.0rem;
        background-size: 20px;
        background-position: 4% center;
    }
    .c_waimobile #main_content .table_1 {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .apn_settei {
        width: 95%;
    }
    .apn_i_box {
        height: auto;
    }
    .apn_i_btn01,
    .apn_i_btn02 {
        width: 66%;
        max-width: 285px;
    }
    .apn_i_btn02 {
        margin-left: 2%;
    }
    .apn_i_txt {
        width: 95%;
        float: none;
    }
    .apn_i_img {
        float: none;
    }
}

/*--------------------------------
	waica
--------------------------------*/

.waica #main h1 {
    background-image: url(../images/customer/waica/h1_waica.jpg);
}
.waica #main_content {
    width: 100%;
    padding: 0;
}
.waica .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 20px;
    background-color: #fff;
}
.waica #main_content h3 {
    margin: 30px 0 20px;
}
.waica #main_content h4 {
    padding: 5px 2%;
    color: #fe6899;
    font-weight: normal;
    border: 2px solid #fe6899;
    border-radius: 10px;
}
.waica .point_head .left {
    width: 40%;
    text-align: center;
}
.waica .point_head .right {
    width: 60%;
}
.btn_shop {
    display: block;
    max-width: 400px;
    width: 100%;
    height: auto;
    margin: 25px auto 0;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    font-size: 1.429rem;
    color: #fff;
    background-color: #ff7373;
    border-radius: 10px;
}
.btn_point {
    display: block;
    max-width: 300px;
    width: 90%;
    height: auto;
    margin: 20px auto;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    font-size: 1.429rem;
    color: #fff;
    background-color: #ff7373;
    border-radius: 10px;
}
.waica #about_waica li {
    width: 42%;
    margin: 15px 1% 0;
    padding: 5px 2%;
    color: #fe6899;
    border: 2px solid #fe6899;
    border-radius: 10px;
    float: left;
}
.waica ul.s_size {
    margin-top: 20px;
}
.waica ul.s_size li {
    font-size: 12px;
    font-size: 0.857rem;
}
.waica dt span {
    color: #fe6899;
}
.waica .point_check {
    margin-bottom: 50px;
}
.waica .point_check .left,
.waica .point_check .right {
    width: 48%;
}
.waica .point_check .right {
    text-align: center;
}
.waica .m_top {
    margin-top: 35px;
}
.waica .center {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .waica .point_head .left,
    .waica .point_head .right,
    .waica .point_check .left,
    .waica .point_check .right {
        margin-top: 10px;
        width: 100%;
        font-size: 16px;
        font-size: 1.143rem;
        float: none;
    }
    .waica #about_waica li {
        width: 90%;
        margin: 10px auto;
        float: none;
    }
    .btn_shop,
    .btn_point {
        font-size: 16px;
        font-size: 1.143rem;
    }
}

/*--------------------------------
	tvprogram
--------------------------------*/

.tvprogram #sidebar h2 {
    background-color: #da0c3a;
}
.tvprogram .level2 li a {
    color: #333;
    background-color: #fff;
}
.tvprogram .level2 li a:hover {
    color: #da0c3a;
}
.tvprogram .level2 li a span {
    color: #da0c3a;
}
.tvprogram #main_content {
    width: 100%;
    padding: 0;
}
.tvprogram .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 20px;
    background-color: #fff;
}
.tvprogram .c_wrap > ul,
.tvprogram .c_wrap > p {
    padding: 0 1%;
}
.tvprogram .align_right {
    text-align: right;
}

/*--------------------------------
	local_ch
--------------------------------*/

.local_ch #main h1 {
    background-image: url(../images/tvprogram/local_ch/h1_local_ch.jpg);
}
.local_ch #main_content h3 {
    margin: 30px 0 20px;
}
.local_ch #main p {
    font-size: 13px;
    font-size: 0.929rem;
}
.ch112 > div,
.ch122 > div {
    width: 48%;
    padding: 0 1%;
}
.ch112 ul,
.ch122 ul {
    margin-top: 25px;
}
.ch112 ul li,
.ch122 ul li {
    margin-top: 20px;
}
.ch111 .left,
.ch983 .left,
.ch984 .left,
.fm_hyuga .left {
    width: 48%;
    padding: 0 1%;
}
.ch111 .right,
.ch983 .right,
.ch984 .right,
.fm_hyuga .right {
    width: 48%;
    padding: 0 1%;
}
.ch983 .right {
    padding-top: 15px;
}
.ch111 .right ul li,
.ch983 .right ul li {
    margin-top: 10px;
    padding-left: 1.5em;
    line-height: 1.6em;
}
.ch984 .right ul li {
    margin-bottom: 10px;
    padding-left: 1.5em;
    line-height: 1.6em;
}
.ch111 .right ul li:before,
.ch983 .right ul li:before,
.ch984 .right ul li:before {
    content: "■";
    margin-left: -1.5em;
    margin-right: 0.5em;
}
.local_ch #main .ch983 .right .chuu {
    font-size: 12px;
    margin-top: 10px;
}
.ch111 h5 {
    margin: 0;
    font-size: 15px;
    font-size: 1.071rem;
    color: #F2351A;
}
.ch111 h5.red {
    color: #c1272d;
}
.data_list {
    margin-top: 30px;
    padding-bottom: 20px;
    border: 1px solid #ddd;
}
.local_ch #main h4 {
    margin: 20px 0 0;
    padding: 5px 0;
    background-color: #FDE1E8;
    text-align: center;
    font-size: 15px;
    font-size: 1.071rem;
}
.local_ch #main .data_list h4 {
    margin-top: 0;
}
.local_ch #main h5 {
    margin: 20px 0 0;
    font-size: 15px;
    font-size: 1.071rem;
}
.data_list ul {
    padding: 20px;
}
.data_list li {
    width: 50%;
    float: left;
}
.data_list li:before {
    content: "●";
    color: #f24470;
    margin-right: 5px;
}
.local_ch .links li {
    width: 48%;
    margin: 30px 1% 0;
    float: left;
}
.local_ch .links li:first-child {
    background-image: url(../images/tvprogram/local_ch/logo_fmhyuga_s.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
}
.local_ch .links li a {
    display: block;
    width: auto;
    padding: 8px 1%;
    font-size: 18px;
    font-size: 1.286rem;
    text-align: center;
    border: 1px solid #da0d3b;
    background-image: url(../images/tvprogram/local_ch/arrow.gif);
    background-repeat: no-repeat;
    background-position: right 10px center;
}
.ch_info {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 1%;
}
.ch_info > div {
    width: 48%;
    margin: 0 1%;
}
.ch_info > div div {
    width: auto;
    border: 1px solid #ff4d4d;
}
.local_ch #main .ch_info > div div h4 {
    margin: 0;
    background-color: #ff4d4d;
    text-align: center;
}
.ch_info > div div p {
    padding: 1em;
}
.yellow {
    color: #ff7f00;
}
.black {
    color: #333;
}
.local_ch #main .center {
    text-align: center;
}
.ch984 {
    margin-top: 20px;
}
.hall > div {
    width: 50%;
}
.local_ch #main .hall .left table {
    border-right: none;
}
.local_ch #main .hall table {
    border: 1px solid #ddd;
}
.local_ch #main .hall table th {
    width: 55%;
    padding: 3px;
    border: none;
    background-color: #fff;
    font-weight: normal;
    text-indent: 0;
}
.local_ch #main .hall table td {
    width: 45%;
    padding: 3px;
    border: none;
    background-color: #fff;
    font-weight: normal;
    text-indent: 0;
    border-right: solid 1px #ddd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.local_ch #main .hall table th.head {
    background-color: #ddd;
    text-align: center;
}
.local_ch #main_content h3.no_border {
    border: none;
}
.local_ch #main .ch983_SP .left {
    width: 170px;
    margin-top: 20px;
}
.local_ch #main .ch983_SP .left h5 {
    margin-top: 0;
    font-size: 12px;
}
.local_ch #main .ch983_SP .right {
    width: 460px;
    margin-top: 20px;
}
.local_ch #main .ch983_SP .right .ppl_box {
    width: 128px;
    height: 36px;
    background-color: #6A4893;
    color: #fff;
    text-align: center;
    line-height: 2.0em;
    font-size: 18px;
    border-radius: 7px;
}
.local_ch #main .ch983_SP .right .ppl_ttl {
    color: #674692;
    font-size: 18px;
    margin-top: 5px;
}
.local_ch #main .ch983_SP .right .okuyami_houhou_box {
    width: 94%;
    height: 210px;
    background-color: #C1A0CA;
    border-radius: 10px;
    padding: 3%;
    margin-top: 10px;
    margin-bottom: 30px;
}
.local_ch #main .ch983_SP .right .okuyami_bnr,
.local_ch #main .ch983_SP .right .okuyami_card {
    margin-top: 10px;
    width: auto;
}
.local_ch #main .ch983_SP .right .okuyami_bnr,
.local_ch #main .ch983_SP .right .okuyami_bnr a img {
    box-shadow: 5px 6px 6px -3px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 5px 6px 6px -3px rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: 5px 6px 6px -3px rgba(0, 0, 0, 0.54);
}
.local_ch #main .ch983_SP .right .okuyami_bnr,
.local_ch #main .ch983_SP .right .okuyami_bnr a img:hover {
    opacity: 0.7;
}
.local_ch #main .ch983_SP .right .txt01,
.local_ch #main .ch983_SP .right .txt02 {
    margin-top: 10px;
    line-height: 1.5em;
    width: 204px;
}
.local_ch #main .ch983_SP .right .txt02 {
    clear: both;
    font-size: 12px;
}
.local_ch #main .saijou {
    clear: both;
    margin-top: 30px;
}
.br_sp {
    display: none;
}

@media screen and (max-width: 768px) {
    #main .ch112 > div,
    #main .ch122 > div,
    #main .ch111 > .left {
        width: auto;
        float: none;
        text-align: center;
    }
    #main .ch983 > div,
    #main .ch984 > div,
    #main .hall > div,
    #main .fm_hyuga > div {
        width: auto;
        float: none;
    }
    #main .ch111 > div {
        width: auto;
        float: none;
    }
    #main .ch122 > div p {
        line-height: 1.4em;
    }
    .data_list li {
        width: auto;
        float: none;
    }
    .local_ch .links {
        margin-top: 20px;
    }
    .local_ch .links li,
    .ch_info > div {
        width: auto;
        float: none;
        margin-top: 10px;
    }
    .local_ch .links li a {
        font-size: 15px;
        font-size: 1.071rem;
    }
    .ch984 .right {
        margin-top: 20px;
    }
    .local_ch #main .hall .left table {
        border: 1px solid #ddd;
    }
    .local_ch #main .hall table th,
    .local_ch #main .hall table td {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .local_ch #main .ch983_SP .left {
        width: 100%;
    }
    .local_ch #main .ch983_SP .right {
        width: 100%;
    }
    .local_ch #main .ch983_SP .right .okuyami_houhou_box {
        height: auto;
        overflow: hidden;
    }
    .local_ch #main .ch983_SP .right .okuyami_bnr,
    .local_ch #main .ch983_SP .right .okuyami_card {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        text-align: center;
        float: none;
        margin: 0 auto;
    }
    .local_ch #main .ch983_SP .right .txt01,
    .local_ch #main .ch983_SP .right .txt02 {
        width: 100%;
    }
    .br_sp {
        display: block;
    }
}

/*--------------------------------
	broadcast_schedule
--------------------------------*/

.broadcast_schedule #main h1 {
    background-image: url(../images/tvprogram/broadcast_schedule/h1_broadcast_schedule.jpg);
}
.broadcast_schedule #main p {
    font-size: 13px;
    font-size: 0.929rem;
}
.broadcast_schedule #main ul {
    margin-top: 50px;
}
.broadcast_schedule #main li {
    width: 48%;
    padding: 0 1%;
}
.broadcast_schedule #main li a {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 50px 0 5px;
    background-color: #DA0C3A;
    border-bottom: 3px solid #B20000;
    background-image: url(../images/tvprogram/broadcast_schedule/icon_pdf.png);
    background-repeat: no-repeat;
    background-position: center 10px;
    color: #fff;
    text-align: center;
}
.broadcast_schedule #main li.left a {
    background-color: #F3361B;
    border-bottom: 3px solid #B22D00;
}
.broadcast_schedule .c_wrap {
    padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
    .broadcast_schedule #main .h1_filter {
        padding: 40px 3% 0;
    }
    .broadcast_schedule #main li {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
}

/*--------------------------------
	billboard
--------------------------------*/

.billboard #main h1 {
    background-image: url(../images/tvprogram/local_ch/h1_local_ch.jpg);
}
.billboard #main_content h3 {
    margin-bottom: 10px;
}
.tv_pick{
    background: #fff;
    padding: 5px;
}
.tv_pick+.tv_pick{
    margin-top: 10px;
}
.tv_pick_btn{
    display: flex;
    align-items: flex-end;
    padding-left: 10px;
}
.thumbnail_box {
    /* overflow: hidden; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.air-info .left {
    width: 70%;
}
.air-info .right {
    width: 30%;
}
.airtime {
    color: #0085B2;
    font-weight: bold;
    font-size: 1.2em;
}
.re-air_box {
    clear: both;
    text-align: center;
}
.re-air {
    margin-left: 20px;
    display: inline-block;
    margin-bottom: 10px;
}
.re-air a {
    width: auto;
    display: inline-block;
    padding: 5px 4em;
    background-color: #F3361B;
    background-image: url(../images/tvprogram/billboard/icon_rmkn.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #fff;
}
.billboard #main_content table {
    border: none;
}
.billboard #main_content table th {
    width: 50%;
    text-align: center;
    text-indent: 0;
    background-color: #fff;
    border: none;
}
.billboard #main_content table td {
    width: 50%;
    vertical-align: top;
    border: none;
}
.billboard #main_content .thumbnail_topbnr {
    /* width: 150px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px; */
    width: calc(50% - 5px);
    margin: 0 0 10px;
    background-color: #fff;
    border: solid 1px #aaa;
    padding: 20px 15px 70px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
}
.billboard #main_content .thumbnail_topbnr:nth-of-type(4n) {
    /* margin-right: 0; */
}
.billboard #main_content .thumbnail_topbnr img {
    width: 100%;
    /* height: 100px;
    -o-object-fit: cover;
    object-fit: cover; */
}
.billboard #main_content .thumbnail_ttl {
    /* font-size: 12px;
    text-align: center;
    line-height: 1.2em;
    margin-top: 10px; */
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 10px;
    color:#da0c3a;
}
.tv_thumbnail_btn{
    padding: 8px 20px;
    background-color: #da0c3a;
    color: #fff;
    line-height: 1.3em;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: calc(100% - 20px);
    box-sizing: border-box;
}
.tv_pick_btn .tv_thumbnail_btn{
    width: 100%;
    position: static;
}
.billboard #main_content .articles {
    margin-top: 10px;
    margin-bottom: 40px;
    padding: 15px;
    /* border: 1px solid #ddd; */
    background: #fff;
    border-radius: 10px;
    border: solid 1px #aaa;
}
.billboard #main_content .descriptions {
    /* font-weight: bold;
    font-size: 1.2em; */
    margin-top: 10px;
}
.billboard #main_content .articles .thumbnail_bnr {
    width: 45%;
}
.billboard #main_content .articles .tv_infoL{
    width: 55%;
    padding-left: 15px;
    box-sizing: border-box;
}
.billboard #main_content .articles .tv_h3{
    margin: 0 0 10px;
    padding: 5px 20px;
    border: solid #da0c3a;
    border-width: 1px 1px 1px 8px;
    background: #fde1e8;
}
.tv_ttl_wrap{
    justify-content: center;
}
.tv_ttl_r {
    justify-content: center;
}
#main .entry-content a.tv_youtube{
    text-decoration: none;
    display: flex;
    justify-content: center;
    font-size: 0.9em;
}
.billboard #main_content .articles .tv_youtube i{
    padding: 0 5px;
    font-size: 2.5em;
    color: #da0c3a;
}
.tv_youtube_txt{
    line-height: 1.3em;
    display: flex;
    align-items: center;
}
.tv_koshin{
    border-top: 1px solid #aaa;
}
.billboard #main_content .articles .tvprogram_btn{
    margin: 0;

}
.billboard #main_content .articles .tvprogram_btn a{
    display: inline-block;
    color:#fff;
    text-decoration: none;
}
.billboard #main_content .articles .thumbnail_bnr img {
    /* width: 95%;
    margin-left: 5%;
    -o-object-fit: cover;
    object-fit: cover; */
}
.billboard #main_content .articles .tv_txt01,
.billboard #main_content .articles .article_area01,
.billboard #main_content .articles .article_area02,
.billboard #main_content .articles .article_area03 {
    width: 100%;
    overflow: hidden;
    clear: both;
}
.billboard #main_content .articles .tv_txt01{
    margin-top: 20px;
}
.billboard #main_content .articles .tv_Img01,
.billboard #main_content .articles .tv_Img02,
.billboard #main_content .articles .tv_Img03 {
    display: inline-block;
    margin: 20px;
}
.billboard #main_content .articles .tv_Img01 img,
.billboard #main_content .articles .tv_Img02 img,
.billboard #main_content .articles .tv_Img03 img {
    max-width: 100%
}
.billboard #main_content .articles .tv_Img01,
.billboard #main_content .articles .tv_Img03 {
    float: left;

}
.billboard #main_content .articles .tv_Img02 {
    float: right;
}
.tvprogram-single #main{

}
.tv_table_ttl,.tv_present_ttl{
    font-size: 1.2em;
    margin-top: 30px;
    font-weight: bold;
    padding: 5px 25px;
    background: #fde1e8;
    color: #da0c3a;
    border-radius: 30px;;
}
.tv_table{
    margin-top: 10px;
    width: 100%;
    border-top: 1px solid #aaa;
}
.tv_table_th{
    width: 25%;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background: #eee;
    padding: 5px;
    text-align: center;
}
.tv_table_td{
    flex:1;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    padding: 5px;
    background: #fff;
}
.tv_present{
    margin-top: 10px;
}
.tv_present_txt{
    width: 70%;
}
.tv_present_img{
    width: 30%;
    padding-left: 15px;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
    .tv_pick_wrap{
        flex-wrap: wrap;
    }
    .tv_pick_btn{
        text-align: center;
        margin-top: 10px;
        padding: 0;
        width: 100%;
    }
    .air-info .left,
    .air-info .right {
        width: 100%;
        float: none;
    }
    .billboard #main_content table th,
    .billboard #main_content table td {
        display: block;
        width: 100%;
    }
    .billboard #main_content .thumbnail_topbnr,
    .billboard #main_content .thumbnail_topbnr:nth-of-type(4n) {
        /* width: 32%;
        height: 150px;
        margin-right: 2%; */
    }
    .billboard #main_content .thumbnail_topbnr:nth-of-type(3n) {
        margin-right: 0;
    }
    .airtime,
    .billboard #main_content .descriptions {
        font-size: 1.0rem;
    }
    .billboard #main_content .articles .tv_Img01,
    .billboard #main_content .articles .tv_Img02,
    .billboard #main_content .articles .tv_Img03 {
        margin: 1%;
    }
    .tvprogram_inner {
        flex-wrap: wrap;
    }
    .billboard #main_content .articles .thumbnail_bnr,
    .billboard #main_content .articles .tv_infoL{
        width: 100%;
    }
    .billboard #main_content .articles .tv_infoL{
        margin-top: 30px;
        padding: 0;
    }
    .tv_present{
        flex-wrap: wrap;
    }
    .tv_present_txt{
        width: 100%;
    }
    .tv_present_img{
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }
}


/*--------------------------------
	corporation
--------------------------------*/

.corporation #main h1 {
    background-image: url(../images/corporation/about/h1_about.jpg);
}
.corporation #main {
    padding-bottom: 55px;
}
.corporation #main_content {
    background-color: #fff;
}
.corporation .left,
.corporation .right {
    width: 47%;
}
.corporation .left img,
.corporation .right img {
    width: 100%;
    height: auto;
}
.corporation .left p,
.corporation .right p {
    text-align: center;
}
.corporation .left p legend,
.corporation .right p legend {
    width: 100%;
}
.corporation #sidebar h2 {
    background-color: #555;
}
.corporation #side_top_menu li a,
.corporation #side_top_menu li a span {
    color: #555;
    background-color: #fff;
}
.corporation #side_top_menu li a:hover {
    color: #29bfbd;
}
.corporation #main .rinen_wrap {
    margin-bottom: 50px;
}
.corporation #main p {
    padding-left: 20px;
    font-size: 1.2em;
}
.corporation #main .rinen_box {
    width: 96%;
    padding: 20px 2%;
}
.corporation #main .rinen_box li {
    margin-bottom: 20px;

    font-size: 1.4em;
    font-weight: bold;
    list-style-type: disc;
    margin-left: 30px;
}
.corporation #main .rinen_box li:last-child {
    margin-bottom: 0;
}
.corporation #main .balue_wrap {
    margin: 20px 0;
    overflow: hidden;
}
.corporation #main .balue_box {
    clear: both;
}
.corporation #main .balue_box dt {
    color: #0059B2;
    font-size: 1.8em;
    margin-bottom: 30px;
    font-weight: bold;
    width: 20%;
    float: left;
}
.corporation #main .balue_box dd {
    width: 80%;
    float: left;
    font-size: 1.2em;
    margin-bottom: 10px;
}

@media screen and (max-width: 940px) and (min-width: 769px) {
    .corporation #main {
        float: none;
    }
    .corporation #sidebar {
        display: block;
        float: none;
    }
    .corporation #sidebar #s_non {
        display: none;
    }
    .corporation #sidebar #s_on {
        display: block;
        width: 100%;
        height: auto;
    }
    .corporation #main .balue_box {
        height: auto;
        margin: 0 5% 20px;
    }
    .corporation #main .balue_box dt {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .corporation #main .balue_box dd {
        width: 100%;
        float: none;
    }
    .br_pc {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .corporation #main {
        float: none;
    }
    .corporation #sidebar {
        display: block;
        float: none;
    }
    .corporation #sidebar #s_non {
        display: none;
    }
    .corporation #sidebar #s_on {
        display: block;
        width: 100%;
        height: auto;
    }
    .corporation #main .balue_box {
        height: auto;
        margin: 0 5% 20px;
    }
    .corporation #main .balue_box dt {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    .corporation #main .balue_box dd {
        width: 100%;
        float: none;
    }
    .br_pc {
        display: none;
    }
}

/*--------------------------------
	about
--------------------------------*/

.corporation #main_content #appear {
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.corporation .map_info {
    width: 94%;
    height: 420px;
    padding: 20px 3%;
    margin-top: 30px;
    background-color: #fff;
}
.corporation .map_info h2 {
    width: 100%;
}
.corporation .map_box {
    width: 100%;
    height: 360px;
    margin-top: 20px;
    background: #ccc;
}
.corporation .map_box iframe {
    width: 100%;
    height: 360px;
}
.corporation #sidebar #s_on {
    border: none;
}
.corporation #sidebar h2 span img {
    width: 18px;
    vertical-align: middle;
}

/*--------------------------------
	advertising
--------------------------------*/

.advertising #main h1 {
    background-image: url(../images/advertising/h1_advertising.jpg);
}
.advertising #main_content {
    width: 100%;
    padding: 0;
}
.advertising .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 20px;
    background-color: #fff;
}
.advertising #main_content h3 {
    margin: 30px 0 20px;
}
.advertising #main_content h4 {
    margin: 0;
    padding: 0.5em 0;
    text-align: center;
    background-image: url(../images/advertising/bg_advertising.jpg);
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: normal;
}
.advertising #main_content p {
    margin-top: 20px;
}
.advertising #main_content .m_top {
    margin-top: 30px;
}
.advertising #main_content .table_1 th,
.advertising #main_content .table_1 td {
    width: 33%;
    text-align: center;
    text-indent: 0;
    font-weight: normal;
}
.advertising #main_content .align_right {
    margin: 0;
    text-align: right;
}
.advertising #main_content .adtype {
    margin: 20px auto 0;
}
.advertising #main_content dl {
    width: 31%;
    margin-left: 2%;
    padding: 0;
    border: 1px solid #ccc;
    float: left;
}
.advertising #main_content dt {
    margin: 0;
    padding: 0.5em 0;
    text-align: center;
    background-image: url(../images/advertising/bg_advertising.jpg);
    font-size: 22px;
    font-size: 1.571rem;
    font-weight: normal;
}
.advertising #main_content dl:first-child {
    margin-left: 1%;
}
.advertising #main_content dd {
    padding: 1em;
}
.advertising #main_content .contact_info {
    margin-top: 20px;
    padding-bottom: 80px;
}
.advertising #main_content .contact_info > div {
    width: 50%;
}
.advertising #main_content .contact_info .left {
    font-size: 22px;
    font-size: 1.571rem;
    color: #ff9326;
}
.advertising #main_content .contact_info .left img {
    vertical-align: text-bottom;
}
.advertising #main_content .contact_info .right a {
    display: block;
    width: 100%;
    height: 33px;
    margin: 0 auto;
    padding-top: 14px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-size: 1.286rem;
}
.advertising #main_content .s_size {
    margin-top: 0;
}
.advertising #main_content #contact_box {
    margin-top: 0px;
}

@media screen and (max-width: 768px) {
    .advertising #main_content h4 {
        padding: 0.5em 1em;
        font-size: 16px;
        font-size: 1.143rem;
    }
    .advertising #main_content p {
        padding: 0 1em;
    }
    .advertising #main_content .table_1 th,
    .advertising #main_content .table_1 td {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .advertising #main_content dl {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        float: none;
    }
    .advertising #main_content dl:first-child {
        margin-left: 0;
    }
    .advertising #main_content dt {
        font-size: 16px;
        font-size: 1.143rem;
    }
    .advertising #main_content dd {
        min-height: 50px;
    }
    .advertising #main_content dd ul li {
        line-height: 3em;
    }
    .advertising #main_content .contact_info > div {
        float: none;
        width: 80%;
        margin: 0 auto 20px;
        text-align: center;
    }
    .sm_center {
        text-align: center;
    }
    .advertising #main_content .align_right {
        font-size: 12px;
        font-size: 0.857rem;
    }
}

/*--------------------------------
	download
--------------------------------*/

.download #main h1 {
    background-image: url(../images/download/h1_download.jpg);
}
.download #main_content {
    background-color: #fff;
    padding-bottom: 50px;
}
.download #main_content h3 {
    margin-top: 30px;
}
.download #main_content ul,
.download #main_content p {
    margin-top: 5px;
    padding-left: 1em;
    padding-right: 1em;
}
.download #main_content li span {
    display: block;
    padding-left: 2em;
}

/*--------------------------------
	privacypolicy
--------------------------------*/

.privacypolicy #main h1 {
    background-image: url(../images/privacypolicy/h1_privacypolicy.jpg);
}
.privacypolicy #main_content {
    background-color: #fff;
    padding-bottom: 150px;
}
.privacypolicy #main_content h3 {
    margin-top: 40px;
}
.privacypolicy #main_content h4 {
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: 0;
}
.privacypolicy #main_content p {
    padding: 0 1.5em;
}
.privacypolicy #main_content p span {
    display: block;
    text-align: right;
}
.privacypolicy #main_content ol,
.privacypolicy #main_content ul {
    position: relative;
    margin-top: 10px;
}
.privacypolicy #main_content ol li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.5em;
    padding-right: 1em;
}
.privacypolicy #main_content ol li span {
    position: absolute;
    left: 0;
    margin: 0
}
.privacypolicy #main_content ul li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 2.5em;
    padding-right: 1em;
}
.privacypolicy #main_content ul li span {
    position: absolute;
    left: 1em;
    margin: 0
}
.privacypolicy #main_content ol li ol {
    margin: 10px 0;
}

#main_content span.end {
    padding-top: 30px;
}

/*--------------------------------
	broadcast_standard
--------------------------------*/

.broadcast_standard #main h1 {
    background-image: url(../images/broadcast_standard/h1_broadcast_standard.jpg);
}
.broadcast_standard #main_content {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 200px;
}
.broadcast_standard #main_content ol {
    position: relative;
    margin-top: 10px;
}
.broadcast_standard #main_content ol li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.5em;
    padding-right: 1em;
}
.broadcast_standard #main_content > ol > li {
    margin-top: 20px;
}
.broadcast_standard #main_content ol li span {
    position: absolute;
    left: 0;
    margin: 0
}
.broadcast_standard #main_content ol li ol {
    margin: 10px 0;
}
.broadcast_standard li span.end {
    width: 100%;
    display: block;
    text-align: right;
}
.broadcast_standard span.end {
    padding-top: 30px;
}

/*--------------------------------
	sengen
--------------------------------*/

.sengen #main h1 {
    background-image: url(../images/sengen/h1_sengen.jpg);
}
.sengen #main_content {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 200px;
}
.sengen #signature {
    text-align: right;
    margin-bottom: 20px;
}
.sengen #main_content h2 {
    margin-top: 20px;
}
.sengen #main_content h3 {
    margin-top: 40px;
}
.sengen #main_content p {
    padding: 0 1em;
}
.sengen #main_content ol {
    position: relative;
    margin-top: 10px;
}
.sengen #main_content ol li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 2.5em;
    padding-right: 1em;
}
.sengen #main_content ol li span {
    position: absolute;
    left: 1em;
    margin: 0
}
.sengen #main_content ol li ol {
    margin: 10px 0;
}
.sengen li span.end {
    width: 95%;
    padding-top: 10px;
    padding-left: 0;
    display: block;
    text-align: right;
}

/*--------------------------------
	security
--------------------------------*/

.security #main h1 {
    background-image: url(../images/security/h1_security.jpg);
}
.security #main_content {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 370px;
}
.security #signature {
    text-align: right;
    margin-bottom: 20px;
}
.security #main_content p {
    padding: 0 1em;
}
.security #main_content ol {
    position: relative;
    margin-top: 10px;
}
.security #main_content ol li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 2.5em;
    padding-right: 1em;
}
.security #main_content ol li span {
    position: absolute;
    left: 1em;
    margin: 0
}
.security #main_content ol li ol li {
    margin: 10px 0;
}
.security li span.end {
    width: 95%;
    padding-top: 10px;
    padding-left: 0;
    display: block;
    text-align: right;
}

/*--------------------------------
	sitemap
--------------------------------*/

.sitemap #main h1 {
    background-image: url(../images/sitemap/h1_sitemap.jpg);
}
.sitemap #main_content {
    width: 100%;
    padding: 0;
}
.sitemap .c_wrap {
    width: 95%;
    margin-top: 20px;
    padding: 0 2.5% 20px;
    background-color: #fff;
}
.sitemap #main_content h4 {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font-size: 13px;
    font-size: 0.929rem;
    border-bottom: 1px solid #aaa;
}
.sitemap .link_list > div {
    width: 48.5%;
}
.sitemap .link_list ul {
    margin-bottom: 50px;
}
.sitemap .link_list ul li a {
    font-size: 13px;
    font-size: 0.929rem;
    color: #333;
}
.sitemap .link_list ul li:before {
    content: url(../images/sitemap/list_head.png);
    margin-right: 1em;
}

@media screen and (max-width: 768px) {
    .sitemap #main .left,
    .sitemap #main .right {
        float: none;
        width: auto;
    }
    .sitemap #main_content h4,
    .sitemap .link_list ul li a {
        font-size: 12px;
        font-size: 0.857rem;
    }
}


/*--------------------------------
	stipulation
--------------------------------*/

.stipulation #main h1 {
    background-image: url(../images/stipulation/h1_stipulation.jpg);
}
.stipulation #main_content {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 600px;
}

/*--------------------------------------------------------
	careers
--------------------------------------------------------*/

.careers #main h1 {
    background-image: url(../images/careers/h1_careers.jpg);
}
.careers #main_content {
    width: 100%;
    padding: 0;
}
.careers .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 20px;
    background-color: #fff;
}

#main .branch li {
    width: auto;
    margin-bottom: 20px;
    text-align: center;
}

#main .branch li a {
    width: 100%;
    height: auto;
}


/*--------------------------------
	recruit
--------------------------------*/

.recruit #main h3 {
    margin-top: 50px;
}
.recruit #main h2 + h3 {
    margin-top: 0;
}
.recruit #main h4 {
    margin: 10px 0 10px;
    padding-top: 20px;
}
.recruit #main table {
    margin-top: 10px;
}
.recruit #main table th {
    width: 30%;
    padding: 1em;
    text-indent: 0;
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 1.6em;
    vertical-align: top;
}
.recruit #main table td {
    width: 70%;
    padding: 1em;
}
.recruit #main .recruit_menu {
    margin-top: 20px;
}
.recruit #main .recruit_menu dt h3 {
    margin: 0;
}
.recruit #main .recruit_menu dd {
    padding: 1em;
    border: 1px solid #ddd;
}
.recruit #main .figure_box {
    margin-top: 10px;
    padding-left: 1%;
}
.recruit #main .figures {
    width: 30%;
    margin: 0 1.5%;
    float: left;
}
.recruit #main .title {
    text-align: center;
}

#main .rec_nav_link {
    padding-top: 20px;
    padding-left: 1%;
}

#main .rec_nav_link li {
    width: 30%;
    height: 50px;
    margin: 0 1.5%;
    text-align: center;
    background-color: #01215c;
    float: left;
}

#main .rec_nav_link li a {
    display: block;
    width: 94%;
    padding: 12px 3% 10px;
    border-bottom: 3px solid #01215c;
    background-image: url(../images/careers/recruit/bg_blue2.gif);
    font-size: 13px;
    font-size: 0.929rem;
    color: #fff;
}
.recruit #main .branch {
    margin-top: 20px;
}
.recruit #main .to_about_link {
    margin-top: 20px;
    text-align: right;
}
.recruit #main .to_about_link a {
    display: inline-block;
    width: 200px;
    padding: 5px 0;
    border-bottom: 3px solid #5aa0ba;
    background-image: url(../images/careers/recruit/blue_3.gif);
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .recruit #main table th {
        width: auto;
        min-height: 0;
        height: auto;
        display: block;
    }
    .recruit #main table td {
        width: auto;
        min-height: 0;
        height: auto;
        padding: 1em 4%;
        display: block;
    }
    #main .rec_nav_link li {
        height: auto;
    }
    #main .rec_nav_link li a {
        font-size: 12px;
        font-size: 0.857rem;
    }
    .recruit #main .title {
        font-size: 12px;
        font-size: 0.857rem;
    }
}

/*--------------------------------
	staff
--------------------------------*/

.staff #main h1 {
    background-image: url(../images/careers/staff/h1_staff.jpg);
}
.staff #main h3 {
    margin-bottom: 20px;
}
.staff #main .staffs {
    margin-top: 10px;
}
.staff #main .staff_info {
    width: 31.3%;
    margin-bottom: 15px;
    padding-left: 2%;
    float: left;
}
.staff #main .staff_info img {
    width: 100%;
}
.staff #main .blue_3 {
    padding: 5px 0;
    border-bottom: none;
}
.staff #main .division {
    text-align: center;
    color: #fff;
}
.staff #main .staff_name {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-size: 1.429rem;
}
.staff #main .m_top {
    margin-top: 20px;
}
.staff #main .info_head {
    margin-bottom: 20px;
}
.staff #main .info_head .left {
    width: 30%;
}
.staff #main .info_head .right {
    width: 68%;
}
.staff #main .info_head .left img {
    width: 100%;
    max-width: 150%;
}
.staff #main dl {
    padding: 3%;
    background-color: #FAFAFE;
}
.staff #main dt span.time {
    display: inline-block;
    width: 10%;
    padding: 1%;
    color: #70BFDD;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: bold;
    border-bottom: 1px solid #70BFDD;
}
.staff #main dt span.heading {
    display: inline-block;
    width: 86%;
    padding: 1%;
    font-size: 18px;
    font-size: 1.286rem;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}
.staff #main dd {
    margin-bottom: 10px;
    padding: 1% 1% 1% 13%;
}
.staff #main .btn_link {
    padding-top: 12px;
    border-bottom: 3px solid #5aa0ba;
}
.staff #main .branch {
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
    .staff #main .staffs {
        margin-top: 20px;
        margin-left: -2%;
    }
    .staff #main .staff_info {
        width: 48%;
        margin: 0 auto 20px;
        padding-left: 2%;
        float: left;
    }
    .staff #main .info_head .left {
        width: auto;
        margin-top: -30px;
        margin-bottom: 10px;
        float: none;
        text-align: center;
    }
    .staff #main .info_head .left img {
        width: 30%;
    }
    .staff #main .info_head .right {
        width: auto;
        float: none;
    }
    .staff #main .info_head .right h3 {
        margin-bottom: 10px;
    }
    .staff #main .info_head .right div {
        padding: 0 1em;
    }
    .staff #main dt span.time {
        width: 17%;
        font-size: 14px;
        font-size: 1.0rem;
    }
    .staff #main dt span.heading {
        width: 79%;
        font-size: 14px;
        font-size: 1.0rem;
    }
    .staff #main dd {
        margin-bottom: 20px;
        padding: 1% 2% 1% 18%;
        font-size: 13px;
        font-size: 0.929rem;
        line-height: 1.6em;
    }
}


/*--------------------------------
	contact
--------------------------------*/

.contact #main h1 {
    background-image: url(../images/contact/h1_contact.jpg);
}
.contact #main h1.subscription {
    background-image: url(../images/contact/h1_subscription.jpg);
}
.contact #main h1.apprication {
    background-image: url(../images/contact/h1_apprication.jpg);
}
.contact #main_content {
    width: 100%;
    padding: 0;
}
.contact .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 20px;
    background-color: #fff;
}
.contact #main .m_top {
    margin-top: 20px;
}
.contact #main table {
    margin-top: 10px;
}
.contact #main table th {
    width: 30%;
    padding: 1em;
    text-indent: 0;
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 1.6em;
    vertical-align: top;
}
.contact #main table td {
    width: 70%;
    padding: 1em;
}
.contact #main table td input {
    border: 1px solid #ddd;
}
.contact #main input[type="text"],
.contact #main input[type="tel"],
.contact #main input[type="email"] {
    -webkit-appearance: none;
}
.contact #main input[name="customer_address"],
.contact #main input[name="title"] {
    width: 100%;
}
.contact #main textarea {
    width: 100%;
    border-color: #ddd;
    -webkit-appearance: none;
}
.contact #main input[type="submit"] {
    display: block;
    width: 40%;
    margin: 40px auto;
    padding: 10px 0;
    border: none;
    border-bottom: 3px solid #e18200;
    background-image: url(../images/sidebar/bg_orange.gif);
    font-size: 20px;
    font-size: 1.429rem;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: none;
}
.contact #main .dis_block span {
    display: block;
    margin-left: 0;
}
.contact .contact_links li {
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .contact #main table th {
        width: auto;
        min-height: 0;
        height: auto;
        display: block;
    }
    .contact #main table td {
        width: auto;
        min-height: 0;
        height: auto;
        padding: 1em 4%;
        display: block;
    }
    .contact input[type="text"],
    .contact input[type="tel"],
    .contact input[type="email"],
    .contact textarea {
        width: 96%;
        border-radius: 0;
    }
    .contact input[type="submit"] {
        border-radius: 0;
    }
    .contact input.zip,
    .contact input.age {
        width: auto;
    }
}


.wainet-contact #main h1,
.wainet-contact-check #main h1,
.wainet-contact-thanks #main h1   {
    background-image: url(../images/contact/h1_contact.jpg);
}
.wainet-entry #main h1.subscription,
.wainet-entry-check #main h1.subscription,
.wainet-entry-thanks #main h1.subscription,
.electrical_entry #main h1.subscription,
.electrical_entry_check #main h1.subscription,
.electrical_entry_thanks #main h1.subscription{
    background-image: url(../images/contact/h1_subscription.jpg);
}
.wainet-oubo #main h1.apprication,
.wainet-oubo-check #main h1.apprication,
.wainet-oubo-thanks #main h1.apprication
{
    background-image: url(../images/contact/h1_apprication.jpg);
}
.wainet-consultation #main h1.hikari_cp,
.wainet-consultation-check #main h1.hikari_cp,
.wainet-consultation-thanks #main h1.hikari_cp,
.wainet-shokai #main h1,
.wainet-shokai-check #main h1,
.wainet-shokai-thanks #main h1{
    background-image: url(../images/service/wainet/wainet_joining/h1_wainet_joining.jpg);
}
.wainet-contact #main_content,
.wainet-contact-check #main_content,
.wainet-contact-thanks #main_content,
.wainet-entry #main_content,
.wainet-entry-check #main_content,
.wainet-entry-thanks #main_content,
.wainet-oubo #main_content,
.wainet-oubo-check #main_content,
.wainet-oubo-thanks #main_content,
.wainet-shokai #main_content,
.wainet-shokai-check #main_content,
.wainet-shokai-thanks #main_content,
.wainet-consultation #main_content,
.wainet-consultation-check #main_content,
.wainet-consultation-thanks #main_content,
.electrical_entry #main_content,
.electrical_entry-check #main_content,
.electrical_entry-thanks #main_content,
{
    width: 100%;
    padding: 0;
}
.wainet-contact .c_wrap,
.wainet-contact-check .c_wrap,
.wainet-contact-thanks .c_wrap,
.wainet-entry .c_wrap,
.wainet-entry-check .c_wrap,
.wainet-entry-thanks .c_wrap,
.wainet-oubo .c_wrap,
.wainet-oubo-check .c_wrap,
.wainet-oubo-thanks .c_wrap,
.wainet-shokai .c_wrap,
.wainet-shokai-check .c_wrap,
.wainet-shokai-thanks .c_wrap,
.wainet-consultation .c_wrap,
.wainet-consultation-check .c_wrap,
.wainet-consultation-thanks .c_wrap
{
    width: 94%;
    margin-top: 20px;
    padding: 20px 3% 20px;
    background-color: #fff;
}
#main .contact_content .m_top {
    margin-top: 20px;
}
#main .contact_content table {
    margin-top: 10px;
}
#main .contact_content table th  {
    width: 30%;
    padding: 1em;
    text-indent: 0;
    font-size: 14px;
    font-size: 1.0rem;
    line-height: 1.6em;
    vertical-align: top;
}
#main .contact_content table td {
    width: 70%;
    padding: 1em;
}
#main .contact_content table td input {
    border: 1px solid #ddd;
}
.required_item {
    display: inline-block;
    margin-left: 5px;
    padding: 0 0.2em 0 0.5em;
    background-color: #d95363;
    color: #fff;
    font-size: 10px;
    font-size: 0.714rem;
    font-weight: normal;
    line-height: 1.4em;
    letter-spacing: 0.3em;
}
.required_item_2 {
    display: inline-block;
    padding: 0 0.5em;
    background-color: #d95363;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.8em;
}
.p20{
    padding: 20px;
}
.denki_moushi{
    background-color: #d3edfb;
    border-radius: 10px;
    box-sizing: border-box;
}
.denki_moushi_p{
    padding-left: 20px;
}
#main .contact_content input[type="text"],
#main .contact_content input[type="tel"],
#main .contact_content input[type="email"] {
    -webkit-appearance: none;
}
#main .contact_content input[name="customer_address"],
#main .contact_content input[name="title"] {
    width: 100%;
}
#main .contact_content textarea {
    width: 100%;
    border-color: #ddd;
    -webkit-appearance: none;
}
#main .contact_content input[type="submit"] {
    display: block;
    width: 40%;
    margin: 40px auto;
    padding: 10px 0;
    border: none;
    border-bottom: 3px solid #e18200;
    background-image: url(../images/sidebar/bg_orange.gif);
    font-size: 20px;
    font-size: 1.429rem;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: none;
}
#main .contact_content .dis_block span,.wainet-entry #main .dis_block span {
    display: block;
    margin-left: 0;
}
.contact_content .contact_links li {
    margin-bottom: 20px;
}
#main .form_h{
    margin-bottom: 10px;
}
.form_area{
    margin: 20px 0;
}
#main .contact_content table.form_area+.form_area{
    margin-top: 50px;
}
.form_flexbox{
    display:flex;
    flex-wrap:wrap;
}

@media screen and (max-width: 768px) {
    #main .contact_content table th {
        width: auto;
        min-height: 0;
        height: auto;
        display: block;
    }
    #main .contact_content table td {
        width: auto;
        min-height: 0;
        height: auto;
        padding: 1em 4%;
        display: block;
    }
    #main .contact_content input[type="text"],
    #main .contact_content input[type="tel"],
    #main .contact_content input[type="email"],
    #main .contact_content textarea {
        width: 96%;
        border-radius: 0;
    }
    #main .contact_content input[type="submit"]{
        border-radius: 0;
        min-width: 200px;
        margin: 20px auto 0;
    }
    #main .contact_content input.zip,
    #main .contact_content input.age {
        width: auto;
    }
}

/*----------------------------------------------------------------
	tdn
----------------------------------------------------------------*/

.tdn #main h1 {
    background-image: url(../images/customer/tdn/h1_tdn.jpg);
}
.tdn #main .h1_filter {
    padding: 25px 3% 15px;
}
.tdn .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 50px;
    background-color: #fff;
}
.tdn #main p {
    margin: 20px 0;
}
.tdn .center {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .tdn #main .h1_filter {
        font-size: 20px;
        font-size: 1.429rem;
    }
}
.tdn-intro {
    padding: 10px 15px;
    margin-top: 20px;
    background: #006AB7;
    color: #FFF;
}
.tdn #sidebar > div {
    padding: 15px;
    background: #FFF;
    border: none;
}
.tdn-side-head {
    padding-left: 15px !important;
    margin-bottom: 15px;
    background: url(../images/customer/tdn/bd-blue.gif) repeat-y 0 0;
    line-height: 1.5;
}

dd + .tdn-side-head {
    margin-top: 20px;
}
.tdn-company li:before {
    content: "●";
    margin-right: 5px;
    color: #006AB7;
    font-size: 70%;
    vertical-align: 2px;
}
.tdn-company li + li {
    margin-top: 10px;
}
.tdn-company a {
    color: inherit;
}
.tdn-company a:hover {
    text-decoration: underline;
}
.tdn-cate dt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #EB7AA7;
    width: 100%;
    height: 40px;
    padding-top: 10px;
    padding-left: 15px;
    color: #FFF;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.tdn-cate dt span {
    margin-right: 10px;
}
.tdn-cate a {
    display: block;
    padding: 15px;
    margin-bottom: 1px;
    background: #FFF;
    color: inherit;
    line-height: 1.5;
}
.tdn-cate a:hover {
    text-decoration: underline;
}
.tdn-cate a img {
    margin-right: 10px;
    vertical-align: 0px;
}


/*--------------------------------
	tdn_list
--------------------------------*/

.tdn_post {
    width: 31%;
    /*min-height: 325px;*/
    margin: 15px 1%;
    float: left;
}

#tdn_posts .tdn_post figure .figure-img {
    position: relative;
    width: 100%;
}

#tdn_posts .tdn_post figure .figure-img img {
    width: 100%;
    height: auto;
}

#tdn_posts .tdn_post figure .figure-img:before {
    content: "";
    display: block;
    padding-top: 132.5%;
    overflow: hidden;
}

#tdn_posts .tdn_post figure .figure-img-in {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.tdn #main .links li a {
    display: block;
    width: auto;
    background: #fff;
    text-align: center;
}
.tdn #main .links li.youtube a {
    background: #cc181e;
    border-radius: 5px;
    color: #fff;
}
.tdn #main .links li.shop a {
    margin-top: 5px;
    background-color: #ff9500;
    background-size: 20px;
    border-radius: 5px;
    color: #fff;
}
.tdn #main .links li.shop a img {
    width: 20px;
    height: auto;
    margin-right: 2px;
    vertical-align: middle;
}
.tdn_post figcaption {
    margin-top: 10px;
    line-height: 1.5;
    height: 3.1em;
}
.tdn .bnr_wap {
    padding-bottom: 20px;
    background-color: #ECECFB;
}
.tdn .bnr_wap div {
    margin-top: 20px;
    text-align: center;
}
.tdn .bnr_wap div img {
    max-width: 100%;
    width: auto;
}

@media screen and (max-width: 768px) {
    .tdn_post {
        width: 70%;
        margin: 15px auto 30px;
        float: none;
    }
    .tdn_post img {
        width: 100%;
    }
}
.btn-tdn {
    max-width: 240px;
    margin: 40px auto 0;
    text-align: center;
}
.btn-tdn a {
    padding: .8em 0;
}
.btn-tdn .btn_bnr {
    text-indent: 0;
}
.btn-tdn .btn_bnr img {
    margin-right: 3px;
}

/*--------------------------------
	tdn_item
--------------------------------*/

.tdn_item #main h2 {
    margin-bottom: 0;
    background-color: #fff;
}
.tdn_item #main h3 {
    margin-bottom: 10px;
    border-left: 10px solid #eb7aa7;
    border-right: 10px solid #eb7aa7;
    text-align: center;
}

/*-- youtube埋め込み --*/

.tdn_item .video_box {
    width: 60%;
    margin-top: 50px;
}

@media screen and (max-width: 768px) {
    .tdn_item .video_box {
        width: 90%;
    }
}

/*--------------------------------
	faq
--------------------------------*/
#sidebar .faq{
	margin-bottom: 0;
	border: none;
}
#sidebar .faq h2 {
    background-color: #CB4BBF;
}
.faq .level2 li a {
    color: #333;
    background-color: #fff;
}
.faq .level2 li a:hover {
    color: #CB4BBF;
}
.faq .level2 li a span {
    color: #CB4BBF;
}
.faq #sidebar #side_top_menu {
    height: 120px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#main .faq h1 {
    background-image: url(../images/faq/h1_faq.jpg);
}
#main .faq h4 {
    padding: 8px 1em;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: normal;
    color: #CB4BBF;
    border: 1px solid #CB4BBF;
}
.faq #main_content {
    width: 100%;
    padding: 0;
}
.faq .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 50px;
    background-color: #fff;
}
.faq_listbox {}
.faq_menu {
    width: 98%;
    margin-bottom: 20px;
    padding: 0 1%;
    float: none;
}
.faq_menu li {
    width: 100%;
    height: auto;
    margin-top: 1px;
    background-color: #fff;
}
.faq_menu dt {
    display: block;
    width: 100%;
    height: 30px;
    padding-top: 10px;
    text-indent: 12px;
    border: 1px solid #CB4BBF;
    background-image: url(../images/faq/btn_dwn.png);
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 18px;
    color: #CB4BBF;
    font-size: 16px;
    font-size: 1.143rem;
    position: relative;
}
.faq_menu dt.open {
    background-image: url(../images/faq/btn_up.png);
}
.faq_menu ul li a {
    display: block;
    width: 100%;
    height: 30px;
    padding-top: 10px;
    text-indent: 12px;
    color: #333;
    background-color: #fff;
    border-bottom: 2px solid #f4f4f4;
}
.faq_menu dd {
    display: none;
}
.faq_menu li a span {
    margin-right: 1em;
    color: #CB4BBF;
}
.faq #main_content .h_out li {
    margin-bottom: 5px;
    padding: 10px 1em 10px 3.5em;
    background-color: #FAFAFE;
}
.btnfaq {
    display: block;
    width: 28%;
    height: 22px;
    margin: 35px auto;
    padding-top: 3px;
    padding-bottom: 2px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-size: 1.0rem;
    background-image: url(../images/faq/bg_faqbtn.gif);
    border-bottom: 3px solid #cb4bbf;
}
.single_content {
    margin-bottom: 5px;
    padding: 10px 20px 20px;
    background-color: #FAFAFE;
}

#main .single_content .cat_s {
    padding-left: 1em;
    color: #6577b7;
}

#main .single_content h4 {
    margin: 0;
    padding: 10px 0 10px 35px;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: bold;
    border: none;
    border-bottom: 1px dashed #6577B7;
    background-image: url(../images/faq/icon_q.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #000;
}

#main .single_content .ans {
    margin: 0;
    padding: 20px 0 10px 35px;
    background-image: url(../images/faq/icon_a.png);
    background-repeat: no-repeat;
    background-position: left 20px;
}

#main .single_content .entry-content p:first-child {
    margin-top: 0;
}
#main .faq .align_right {
    text-align: right;
}
#main .faq .m_btm {
    margin-bottom: 10px;
}
#main .faq .align_right a {
    padding-right: 1.5em;
    color: #cb4bbf;
    background-image: url(../images/faq/btn_next.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}

/*side*/

.faq #side_top_menu li {
    display: table;
}
.faq #side_top_menu li a span {
    display: table-cell;
    margin-right: 0;
}
.faq #side_top_menu li a span.black {
    padding: 0 0.5em;
    color: #333;
    text-indent: 0;
}
.faq #side_top_menu li > a {
    min-height: 30px;
    height: auto;
}
#main .faq .search {
    text-align: right;
    margin-bottom: 20px;
}
.faq .search_box {
    width: 180px;
    height: 20px;
    margin-right: 3px;
    padding-left: 2em;
    background: url(../images/faq/roupe.png) no-repeat 5px center;
    border: 1px solid #ccc;
}
.faq input.btn_submit {
    cursor: pointer;
    display: inline-block;
    width: 68px;
    height: 24px;
    border: none;
    text-indent: -9999px;
    background: url(../images/faq/btn_search.gif) no-repeat 0 0;
}

@media screen and (max-width: 768px) {
    .faq #faq_listbox dl {
        width: auto;
        float: none;
    }
    .btnfaq {
        width: 50%;
    }
    #main .single_content .cat_s {
        padding-left: 0;
    }
}

/*----------------------------------------------------------------
	information
----------------------------------------------------------------*/

.information #main h1 {
    background-image: url(../images/information/h1_information.jpg);
}
.information #main_content {
    width: 100%;
    padding: 0;
}
.information .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 50px;
    background-color: #fff;
}
.information #main .center {
    text-align: center;
}

#main .lists {
    padding: 20px 0;
    background-image: url(../images/information/bg_info_line.gif);
    background-repeat: repeat-x;
    background-position: left top;
}

#main .lists li {
    display: table;
    width: 98%;
    padding: 5px 1%;
    border-bottom: 1px dotted #999;
}

#main .lists li .info_date {
    display: table-cell;
    width: 15%;
    color: #999;
    font-size: 12px;
    font-size: 0.857rem;
}

#main .lists li .info_title {
    display: table-cell;
    width: 85%;
}

#main .lists li .info_title a {
    font-size: 12px;
    font-size: 0.857rem;
    color: #333;
}

#main .page_nav {
    text-align: center;
}

#main .page_nav a {
    display: inline-block;
    width: 18px;
    height: 16px;
    margin: 0 5px;
    padding-bottom: 2px;
    text-align: center;
    border: 1px solid #cacad9;
    font-size: 12px;
    font-size: 0.857rem;
    color: #555;
    line-height: normal;
    -webkit-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
}

#main .page_nav a.current {
    background-color: #555;
    color: #fff;
}

#main .page_nav a:hover {
    background-color: #555;
    color: #fff;
    border: 1px solid #cacad9;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

#main .single_infoarea {
    min-height: 300px;
    border-bottom: 1px dotted #cacad9;
}

#main .back {
    display: inline-block;
    width: 49%;
    text-align: left;
}

#main .back a {
    padding-left: 18px;
    font-size: 13px;
    font-size: 0.929rem;
    color: #333;
    background-image: url(../images/information/page_next.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

#main .date {
    display: inline-block;
    width: 49%;
    text-align: right;
    font-size: 13px;
    font-size: 0.929rem;
    color: #999;
}

#main .single_infoarea p {
    font-size: 13px;
    font-size: 0.929rem;
}

@media screen and (max-width: 768px) {
    #main .lists li {
        line-height: 1.4em;
    }
    #main .lists li .info_date {
        width: 25%;
    }
    #main .lists li .info_title {
        width: 75%;
    }
}

/*----------------------------------------------------------------
	maintenance
----------------------------------------------------------------*/

.maintenance #main h1 {
    background-image: url(../images/maintenance/h1_maintenance.jpg);
}
.maintenance #main_content {
    width: 100%;
    padding: 0;
}
.maintenance .c_wrap {
    width: 94%;
    margin-top: 20px;
    padding: 0 3% 50px;
    background-color: #fff;
}
.maintenance #main .center {
    text-align: center;
}

/*----------------------------------------------------------------
	campaign
----------------------------------------------------------------*/

.campaign #main h1 {
    background-image: url(../images/campaign/h1_campaign.jpg);
}
.campaign #main_content {
    width: 100%;
    padding: 0;
}
.campaign .c_wrap {
    width: 96%;
    margin-top: 20px;
    padding: 0 2% 50px;
    background-color: #fff;
}
.campaign_post {
    margin-bottom: 50px;
	border: solid 1px #ddd;
}
.campaign #main h3 {
	margin-bottom: 10px;
	padding: 3px 10px;
	border: none;
}
.campaign #main h3 a{
	color: #555;
	font-size: 1.15rem;
	font-weight: bold;
}
/*.campaign #main h4 {
    margin: 10px 0;
    border-bottom: 1px dotted #999;
}*/
.campaign_txt{
	line-height: 1.5em;
}
.campaign_post div.link_box {
    margin-top: 10px;
}
.campaign_post .link_box a {
   text-decoration: underline;
}
.campaign_post .link_box a img {
    margin-right: 1em;
    vertical-align: text-bottom;
}
.campaign_container{
	padding: 15px;
	background: #fff;
}
.campaign_box01{
	width: 35%;
}
.campaign_box02{
	width: calc(65% - 15px);
}
.campaign_box01 a:hover{
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0.8;
}
.campaign_single_post{
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}
.campaign_single_link_box{
	margin-top: 30px;
}
.campaign_single_link_box a{
	display: inline-block;
	padding: 5px 20px;
	background: #f7a603;
	color: #fff;
	border-radius: 5px;
}
@media screen and (max-width: 768px) {
	.campaign_container{
		padding: 10px 5px;
	}
	.campaign_wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.campaign_box01,.campaign_box02{
		width: 100%;
	}
	.campaign_box02{
		margin-top: 20px;
	}
	.campaign_box_img{
		display: block;
		margin: auto;
	}
}

/*--wp-pagenavi設定--*/

.wp-pagenavi {
    text-align: center;
}
.wp-pagenavi span,
.wp-pagenavi a {
    display: inline-block;
    width: auto;
    height: 16px;
    margin: 0 5px;
    padding: 0 5px 2px;
    text-align: center;
    border: 1px solid #cacad9;
    font-size: 12px;
    font-size: 0.857rem;
    color: #555;
    line-height: normal;
}
.wp-pagenavi .current {
    background-color: #555;
    color: #fff;
    font-weight: normal;
    border-color: #555;
}
.wp-pagenavi a:hover {
    background-color: #555;
    color: #fff;
    border: 1px solid #cacad9;
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

/*-- modalConfirm初回訪問時のみモーダルウィンドウ --*/

div.modal {
    position: fixed;
    display: none;
    z-index: 9990;
    right: calc(50% - 1480px/2);
    bottom: 60px;
    width: 250px;
    padding: 0;
    -webkit-box-shadow: 2px 0px 13px 4px rgba(0, 0, 0, 0.55);
    box-shadow: 2px 0px 13px 4px rgba(0, 0, 0, 0.55);
}

div.modal .pr_box {
    position: relative;
    width: 100%;
    padding: 2px;
    background: #FFFFFF;
}

div.modal .pr_box h2 {
    font-size: 1.0rem;
    font-weight: bold;
}

div.modal .pr_box .kokuchi_img {
    margin: 10px 0;
}

div.modal .pr_box .info {

    padding: 15px;
}

div.modal .pr_box .info a {
    font-size: 18px;
    font-size: 1.286rem;
    color: #000;
}

div.modal .pr_box .info .kochira {
    height: 30px;
    text-align: center;
    line-height: 2.2em;
    color: #333;
    background: #ddd;
    margin-top: 10px;
}
.close_modal {
    position: absolute;
    right: 0px;
    top: -10px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 10px;
}
.close_modal a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    line-height: 0px;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
}
.close {
    width: 0 !important;
}

@media screen and (max-width: 1480px) {
    div.modal {
        right: calc(50% - 930px/2);
    }
}

@media screen and (max-width: 940px) {
    div.modal {
        right: 10%;
        width: 80%;
    }
    div.modal .pr_box .info {
        padding: 10px;
    }
    div.modal .pr_box .info a {
        font-size: 14px;
        font-size: 1.0rem;
    }
}

/*-- 料金シミュレーション --*/

.price-simulation #main > section {
    width: 94%;
    padding: 0 3% 50px;
    background-color: #fff;
}
.price-simulation-2 #main > section {
	width: 94%;
	padding: 0 3% 50px;
	background-color: #fff;
}

/*-- バナー --*/

.bnr_wap:before,
.bnr_wap:after {
    content: " ";
    display: table;
}
.bnr_wap:after {
    clear: both;
}
.bnr_wap {
    margin-top: 20px;
    zoom: 1;
}
.bnr_wap div {
    width: 48%;
    padding: 0 1%;
    float: left;
}

@media screen and (max-width: 768px) {
    .bnr_wap div {
        width: auto;
        margin-top: 10px;
        padding: 0;
        float: none;
    }
}


/*-- 投稿用スタイル --*/

#main .entry-content h1,
#main .entry-content h2,
#main .entry-content h3,
#main .entry-content h4,
#main .entry-content h5,
#main .entry-content h6 {
    font-weight: bold;
    margin: 1.5em 0;
    padding: 0;
    background: none;
    border: none;
    text-indent: 0;
}

#main .entry-content h1 {
    font-size: 141%;
}

#main .entry-content h2 {
    font-size: 133%;
}

#main .entry-content h3 {
    font-size: 125%;
}

#main .entry-content h4 {
    font-size: 116%;
}

#main .entry-content h5 {
    font-size: 108%;
}

#main .entry-content img {
    width: auto;
    max-width: 100%;
}

#main .entry-content a {
    display: inline;
    color: #1d3994;
    text-decoration: underline;
}

#main .entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#main .entry-content .alignleft {
    float: left;
    margin-right: 10px;
}

#main .entry-content .alignright {
    float: right;
    margin-left: 10px;
}

#main .entry-content .aligncenter,
#main .entry-content .alignleft,
#main .entry-content .alignright {
    margin-bottom: 10px;
}

#main .entry-content .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    font-weight: bold;
}

#main .entry-content .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0;
}

#main .entry-content strong {
    font-weight: bold;
}

#main .entry-content em {
    font-style: italic;
}

#main .entry-content ul li {
    list-style: disc;
    margin-left: 30px;
}

#main .entry-content ol li {
    list-style: decimal;
    margin-left: 30px;
}

#main .entry-content {
    overflow: hidden;
}

#main .entry-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
}

#main .entry-content table td {
    padding: 10px 15px;
}

#main .entry-content p {
    margin: 1em 0;
}
.emergency .entry-content h1,
.emergency .entry-content h2,
.emergency .entry-content h3,
.emergency .entry-content h4,
.emergency .entry-content h5,
.emergency .entry-content h6 {
    font-weight: bold;
    padding: 0;
    background: none;
    border: none;
    text-indent: 0;
}
.emergency .entry-content img {
    width: auto;
    max-width: 100%;
}
.emergency .entry-content a {
    display: inline;
    color: #1d3994;
    text-decoration: underline;
}
.emergency .entry-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.emergency .entry-content .alignleft {
    float: left;
    margin-right: 10px;
}
.emergency .entry-content .alignright {
    float: right;
    margin-left: 10px;
}
.emergency .entry-content .aligncenter,
.emergency .entry-content .alignleft,
.emergency .entry-content .alignright {
    margin-bottom: 10px;
}
.emergency .entry-content .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    font-weight: bold;
}
.emergency .entry-content .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0;
}
.emergency .entry-content strong {
    font-weight: bold;
}
.emergency .entry-content em {
    font-style: italic;
}
.emergency .entry-content ul li {
    list-style: disc;
    margin-left: 30px;
}
.emergency .entry-content ol li {
    list-style: decimal;
    margin-left: 30px;
}
.emergency .entry-content {
    overflow: hidden;
}
.emergency .entry-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
}
.emergency .entry-content table td {
    padding: 10px 15px;
}
.emergency .entry-content p + p {
    margin-top: 1em;
}
.regular_guide {
    margin: 30px 0 0 !important;
    font-size: 18px !important;
    font-size: 1.286rem !important;
    font-weight: normal !important;
    color: #6577b7 !important;
    text-align: left !important;
    border: none !important;
}
.emergency {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    font-size: 12px;
    display: none;
}
.emergency_inner {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}
.emergency_conts {
    padding: 20px 10px;
}

@media screen and (max-width: 768px) {
    .emergency_conts div + div {
        padding-top: 5px;
    }
}

@media screen and (min-width: 768px) {
    .emergency_conts {
        display: table;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

    .emergency_conts > * {
        display: table-cell;
        vertical-align: top;
    }

    .emergency_conts div + div {
        padding-left: 15px;
    }
    .emergency_image {
        width: 400px;
    }
}
.emergency_text {
    text-align: left;
}
.emergency_inner img {
    width: 100%;
    /*	max-width: 100%;*/
    height: auto;
}
.emergency_close {
    position: absolute;
    right: 10px;
    top: -28px;
    width: 80px;
    height: 28px;
    background: #222;
    border-radius: 5px 5px 0 0;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}
.btn_anchor {
    display: block;
    padding: 10px;
    text-align: center;
    border: 2px solid #C1272D;
    color: #C1272D;
    font-size: 108%;
    font-weight: bold;
}
.btn_anchor:hover {
    color: #C1272D !important;
}
.btn_anchor img {
    vertical-align: middle;
    margin-right: 3px;
}
.catv_it_service,
.catv_4k_service {
    padding: 0 20px;
    margin-top: 20px;
    border: 2px solid #6577b7;
}
.catv_4k_service {
    padding-bottom: 20px;
}
.catv_it_service_head {
    background: #6577b7;
    color: #FFF;
    margin: 0 -20px;
    text-align: center;
    padding: 5px 10px;
    line-height: 1.5;
    font-size: 17px;
}
.catv_4k_service_head {
    background: #6577b7;
    color: #FFF;
    margin: 30px 0 0;
    text-align: center;
    padding: 5px 10px;
    line-height: 1.5;
    font-size: 17px;
}
.title-h4 {
    padding: 0;
    margin: 0 0 10px 0;
    color: #6577b7;
    font-size: 116%;
}
.tb-b caption {
    background: #e4edfa;
    border: 1px solid #ddd;
    border-bottom: none;
    font-size: 17px;
    text-align: left;
    height: 30px;
    line-height: 30px;
}
.tb-b-head {
    width: 15% !important;
    background-color: #f2f2f2;
    text-align: center;
}
.tb-b-body {
    width: 35% !important;
}
.tdn #main {
    padding-bottom: 0;
}
.tdn #container {
    padding-bottom: 10px;
}

/*-- ワイワイとくとく割 --*/

.tokutoku #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.tokutoku .c_wrap {
    width: 94%;
    height: auto;
    margin-bottom: 20px;
    padding: 0 3% 3%;
    background-color: #fff;
}
.tokutoku #main h3 {
    background: none;
    border: none;
    margin: 0;
    font-weight: bold;
}
.tokutoku-if > div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}
.tokutoku-price_on {
    display: none;
}
#main_content table.toku_table{
	border-collapse: separate;
	border-spacing: 3px;
	border: none;
}
#main_content table.toku_table th,#main_content table.toku_table td{
	width: unset;
	font-size: 11px;
	padding: 10px 5px;
	background: #fff;
	position: relative;
}
#main_content table.toku_table .toku_table00{
	text-align: center;
	width: 18%;
	background: #009944;
	color: #fff;
	line-height: 1.7em;
}
#main_content table.toku_table .toku_table01{
	width: 28%;
	border: solid 1px #eb6378;
}
#main_content table.toku_table .toku_table02{
	width: 20%;
	border: solid 1px #6fc08b;
}
#main_content table.toku_table .toku_table03{
	width: 22%;
	border: solid 1px #f9bc2d;
}
#main_content table.toku_table .toku_table04{
	width: 13%;
	background: #ec1436;
	color: #fff;
	border: none;
	font-weight: bold;
	font-size: 14px;
}
#main_content table.toku_table td.toku_table04{
	text-align: right;
}
#main_content table th.toku_table_ttl{
	text-align: center;
	text-indent: 0;
	font-size: 12px;
}
.toku_table_name{
	display: block;
}
#main_content table.toku_table td li{
	font-size: 11px;
	line-height: 1.3em;
}
#main_content table.toku_table td.toku_table01 li:before{
	content: "●";
	color: #eb6378;
}
#main_content table.toku_table td.toku_table02 li:before{
	content: "●";
	color: #6fc08b;
}
#main_content table.toku_table td.toku_table03 li:before{
	content: "●";
	color: #f9bc2d;
}
.toku_line{
	width: 70%;
	height: 1px;
	display: block;
	background: #000;
	margin: auto;
}
td.toku_table01::after,td.toku_table02::after{
	content: "+";
	position: absolute;
	background: #999;
	color: #fff;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	right: -10px;
	top: calc(50% - 7px);
	text-align: center;
	line-height: 1.3em;
	z-index: 10;
	font-size: 13px;
}
td.toku_table03::after{
	content: url(../images/service/tokutoku/icon_arrow.png);
	position: absolute;
	right: -10px;
	top: calc(50% - 7px);
	text-align: center;
	line-height: 1.3em;
	z-index: 10;
	font-size: 13px;
}
@media screen and (max-width: 548px) {
    .tokutoku-price_on {
        display: block;
    }
}

@media screen and (max-width: 648px) {
    .tokutoku-if > div {
        float: none;
        width: 100%;
		padding: 0;
    }

    .tokutoku-if .right {
        margin-top: 30px;
    }

    .tokutoku-price {
        overflow: auto;
    }

	#main_content .tokutoku-price .toku_table {
        width: 600px;
    }

    .tokutoku #main {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 648px) {
    .tokutoku-if .left {
        border-right: 1px dashed #aaa;
    }
}
.tokutoku-service {
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
    margin: 5px 0;
}
.tokutoku-service span {
    display: block;
    font-size: 10px;
}
.tokutoku-service_about {
    width: 230px;
    margin: 0 auto;
    line-height: 1.5;
}
.tokutoku-service_about li:before {
    content: "●";
    color: #8A98C8;
    margin-right: 5px;
    font-size: 70%;
    vertical-align: 2px;
}
.ie9 {
    padding: 0 1em 0 1em !important;
    color: red !important;
}
.electrical #main h1 img {
    max-width: 150%;
    width: 100%;
}
.electrical #main h1 {
    height: auto;
}
.electrical #main_content {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.electrical .c_wrap {
    height: auto;
    margin-bottom: 20px;
    padding: 0 3%;
    background-color: #fff;
}
.electrical .c_wrap {
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.electrical_entry .c_wrap,
.electrical_entry_check .c_wrap,
.electrical_entry_thanks .c_wrap{
    margin-top: 20px;
    padding: 20px 3% 20px;
    background-color: #fff;
}
/*わいわいでんき料金*/
.electrical #main h1 {
	height: 200px;
}
.electrical_entry #main h1,
.electrical_entry_check #main h1,
.electrical_entry_thanks #main h1 {
	height:125px;
}
.cb {
	clear: both;
}
.center {
	text-align: center;
}
.electrical p {
	line-height: 1.5em;
}
.electrical #main_content {
	width: 100%;
	/* margin: 0; */
	padding: 0;
}
.player_wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

#player {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#player iframe {
	width: 100% !important;
	height: 100% !important;
}
.electrical_ryoukin .c_wrap {
	/* width: 94%; */
	padding: 0 3% 50px;
}
.area_1 {
	width: 94.6%;
	height: auto;
	background-color: #fff;
	padding: 20px 2.7%;
}
.area_2 {
	width: 94.6%;
	height: auto;
	background-color: #fff;
	padding: 0 2.7% 35px;
}
.otokuni {
	width: 646px;
	background-image: url(/themes/www.wainet.co.jp/images/service/electrical/denki_hukidasi.jpg);
	font-size: 24px;
	margin: 0 auto;
	background-repeat: no-repeat;
}
.denki_button {
	width: 97%;
	height: 60px;
	background-color: #f4f4f4;
	padding: 10px;
	margin-top: 50px;
}
.denki_sim {
	width: 400px;
	height: 60px;
	display: table;
	float: left;
	background-image: url(/themes/www.wainet.co.jp/images/service/electrical/denki_button1.jpg);
}
.denki_sim a {
	display: table-cell;
	vertical-align: middle;
	width: 90%;
	height: 100%;
	color: #1a1311;
	text-decoration: none;
	font-size: 24px;
	text-align: center;
	line-height: 45px;
}
.denki_sim a img{
	margin-bottom: 5px
}
.denki_sim a span{
	margin-left: 10px
}
.electrical.service #main_content h2 {
	margin-bottom: 20px;
}
.denki_button div a {
	display: table-cell;
	vertical-align: middle;
	width: 90%;
	height: 100%;
	color: #1a1311;
	text-decoration: none;
	font-size: 24px;
	text-align: center;
	line-height: 45px;
}
.denki_button div a img {
	margin-bottom: 5px
}
.denki_button div a span {
	margin-left: 10px
}
.denki_sim_wrap {
	width: 310px;
	height: 60px;
	display: table;
	float: left;
	background-image: url(/themes/www.wainet.co.jp/images/service/electrical/denki_button1.jpg);
}
.denki_mou {
	width: 310px;
	height: 60px;
	display: table;
	float: left;
	background-image: url(/themes/www.wainet.co.jp/images/service/electrical/denki_button2.jpg);
	margin-left: 5px;
}
.denkiha {
	margin-top: 40px;
}
.denki_chiiki {
	width: 100%;
	height: auto;
	background-color: #d3edfb;
	border-radius: 10px;
}
.denki_chiiki p {
	width: 96%;
	height: auto;
	padding: 10px 2%;
}
.service #main_content h2 {
	margin-bottom: 20px;
}
.denki_toku_box {
	width: 100%;
	height: 285px;
}
.denki_img_box {
	width: 32%;
	height: auto;
	float: left;
	border: #ee7835 solid 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.denki_box_img {
	width: 101%;
	height: auto;
	background-color: #ee7835;
	margin: -1% -1% 0 0;
}
.denki_box_img img {
	width: 142px;
	margin: 0 35.5px;
}
.denki_box_text {
	width: 100%;
	height: 135px;
}
.denki_box_text p {
	width: 80%;
	margin: 5px 10%;
}
.electrical .ml10 {
	margin-left: 2%;
}
.electrical.service #main h3 {
	font-size: 22px;
	border: none;
	background-color: #fff;
	margin-top: 20px;
	margin-bottom: 5px;
	line-height: 35px;
}
.electrical.service.electrical_entry #main h3,
.electrical.service.electrical_entry_check #main h3,
.electrical.service.electrical_entry_thanks #main h3 {
    margin-bottom: 30px;
    font-size: 17px;
    font-size: 1.214rem;
    border: 1px solid #757584;
    border-left-width: 8px;
    border-color: #6577b7;
    background-color: #e5edfa;
    line-height: 1.8em;
}
.electrical.service #main h3 img {
	margin-right: 10px;
}
.kantan_box{
	width: 647px;
	height: 140px;
	border: 10px solid #d3edfb;
}
.kantan_box .box_L{
	width: 135px;
	height: 100px;
	float: left;
	margin-top: 20px;
}
.kantan_box .box_R{
	width: 470px;
	height: 100px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
}
.kantan_box .box_R  .kantan_title {
	font-size: 26px;
	color: #ee7835;
	margin: 0 0 15px 0;
}
.denki_ryoukin_content {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 50px;
}
.denki_ryoukin {
	width: 500px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
}
.denki_ryoukin a {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 24px;
	color: #fff;
	line-height: 60px;
}
.ore_L {
	color: #ee7835;
	font-size: 26px;
}
.moji_ore{
	color: #ee7835;
	text-decoration: underline;
}
.f13 {
	font-size: 13px;
}
.button{
	display: block;
	width: 400px;
	height: 60px;
	margin: 30px auto;
	text-align: center;
}
.denki_img5_pc {
	background: #d3edfb;
	padding: 20px;
}
.denki_img5_ttl{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 30px;
	color: #ee7835;
}
.ele_form_ul li{
    font-size: 0.8em;
    line-height: 1.8em;
    padding-left: 1.5em;
    position: relative;
}
.ele_form_ul li::before{
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width: 940px){
	.electrical #main h1 {
		height: auto;
	}
	.electrical .c_wrap  {
		/* width: 94%; */
		padding: 0 3% 50px;
	}
	.otokuni {
		width: 100%;
		height: 30px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		font-size: 24px;
	}
	.area_1{
		width: 100%;
		padding: 0;
	}
	.area_1 .denki_top_img {
		width: 100%;

	}
	.denki_sim_wrap {
		width: 49%;
	}
	.denki_mou {
		width: 49%;
		margin-left: 2%;
	}
	.denki_button{
		width: calc(100% - 20px);
	}
	.denki_button div a {
		font-size: 3vw;
	}

	.denki_box_img img {
		width: 80%;
		margin: 0 10%;
	}
	.denki_img1_pc img {
		width: 100%;
	}
	.kantan_box {
		width: 97%
	}
	.kantan_box .box_L {
		width: 25%;
		margin: 25px 0;
	}
	.kantan_box .box_R {
		width: 70%;
		height: auto;
		margin-top: 10px;
		margin-left: 2%;
	}
	.denki_img5_pc img {
		width: 100%;
	}
	.service #main h3 {
		font-size: 3.8vw;
	}
	.ore_L {
		font-size: 3.8vw;
	}
	.kantan_box .box_R .kantan_title {
		font-size: 4vw;
	}
	.button {
		width: 80%;
	}
	.denki_sim {
		width: 100%;
	}
	.denki_sim a {
		font-size: 3vw;
	}
	.service #main h3{
		font-size: 3.8vw;
	}
	.ore_L {
		font-size: 3.8vw;
	}
	.kantan_box .box_R  .kantan_title {
		font-size: 4vw;
	}
	.denki_img5_sp {
		background: #d3edfb;
		padding: 10px;
	}
	.denki_img5_ttl{
		margin-bottom: 10px;
		font-size: 16px;
	}

}

@media screen and (min-width: 769px){
	.denki_img5_sp {
		display: none;
	}
	.denki_ryoukinhyou_sp {
		display: none;
	}
	.denki_waribiki_sp {
		display: none;
	}
	.denki_img1_sp {
		display: none;
	}
}

@media screen and (max-width: 768px){
	.electrical .c_wrap  {
		/* width: 94%; */
		padding: 0 3% 50px;
	}
	.electrical.service #main_content h2{
		font-size: 3.5vw;
	}
	.otokuni{
		width: 100%;
		height: 30px;
		background-size:contain;
		background-position: center;
		background-repeat: no-repeat;
		font-size: 3.5vw;
	}
	.denki_sim {
		width: 49%;
	}
	.denki_mou {
		width: 49%;
		margin-left: 2%;
	}
	.denki_button div a {
		font-size: 3vw;
	}
	.denki_button div a img {
		width: 7vw;
	}
	.denki_box_img img {
		width: 80%;
		margin: 0 10%;
	}
	.denki_toku_box {
		height: auto;
		display: inline-block;
	}
	.denki_box_text {
		height: auto;
		min-height: 130px;
	}
	.denki_box_text p {
		width: 90%;
		margin: 5px 5%;
		font-size: 2.5vw;
	}
	.service #main h3 {
		font-size: 4vw;
	}
	.kantan_box {
		width: 95%;
		height: auto;
		display: inline-block;
	}
	.kantan_box .box_L {
		width: 25%;
		margin: 25px 0;
	}
	.kantan_box .box_R {
		width: 70%;
		height: auto;
		margin-top: 10px;
		margin-left: 2%;
	}
	.kantan_box .box_R h4 {
		margin-bottom: 5px;
	}
	.denki_ryoukin {
		width: 80%;
	}
	.denki_img1_pc {
		display: none;
	}
	.denki_button div a {
		font-size: 3vw;
	}
	.denki_box_img img{
		width: 80%;
		margin: 0 10%;
	}
	.denki_toku_box{
		height: auto;
		display: inline-block;
	}
	.denki_box_text {
		height: auto;
		min-height: 150px;
	}
	.denki_box_text p {
		font-size: 2vw;
	}
	.service #main h3{
		font-size: 4vw;
	}
	.kantan_box{
		width: 95%;
		height: auto;
		display: inline-block;
	}
	.kantan_box .box_L{
		width: 25%;
		margin: 25px 0;
	}
	.kantan_box .box_R{
		width: 70%;
		height: auto;
		margin-top: 10px;
		margin-left: 2%;
	}
	.kantan_box .box_R h4{
		margin-bottom: 5px;
	}
	.denki_ryoukin {
		width: 80%;
	}

	.denki_img5_pc {
		display: none;
	}
	.denki_ryoukinhyou_pc {
		display: none;
	}
	.denki_waribiki_pc {
		display: none;
	}
}

/*ワイワイでんきシミュレーション*/

#main h1.h1_simulator {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    background-image: none;
}
.electricity_consumption_bg {
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Safari */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* Safari */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    margin: 20px 0;
    background: #def7ff;
}
.electricity_consumption_bg div {
    width: 50%;
}

@media screen and (max-width: 648px) {
    .electricity_consumption_bg div {
        width: 100%;
        text-align: center;
    }
    .electricity_consumption_bg div br {
        display: none;
    }
}
.now_environment {
    border: 1px solid #d7d7d4;
    margin-top: -1px;
}
.now_environment div {
    border-top: 1px solid #d7d7d4;
}
.now_environment p {
    padding: 15px;
    background: #f5f5f0;
    line-height: 100%;
}
.now_environment p span {
    display: inline-block;
    padding-left: 20px;
    border-left: 8px solid #ff9023;
    font-size: 20px;
    color: #ff9500;
    line-height: 100%;
    vertical-align: baseline;
}
.now_environment ul {
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Safari */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* Safari */
    -ms-flex-line-pack: start;
    align-content: flex-start;
    /* Safari */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #d7d7d4;
}

@media screen and (max-width: 640px) {
    .now_environment ul {
        /* Safari */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* Safari */
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        /* Safari */
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.now_environment ul li {
    padding: 12px;
    border-top: 1px;
    line-height: 230%;
}

@media screen and (max-width: 640px) {
    .now_environment ul li {
        width: 100%;
    }
    .now_environment ul li:first-child {
        padding-bottom: 0;
    }
    .now_environment ul li:last-child {
        padding-top: 0;
    }
}
.now_environment ul:first-child {
    border-top: none;
}
.now_environment ul.form_list {
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Safari */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* Safari */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media screen and (max-width: 650px) {
    .now_environment ul.form_list li {
        width: 100%;
    }
    .now_environment ul.form_list li:first-child {
        padding-bottom: 0;
    }
    .now_environment ul.form_list li:last-child {
        padding-top: 2px;
    }
}
.now_environment ul.form_list select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e8e8e8;
    padding: 0 35px 0 5px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 0;
    width: 100%;
    min-width: 300px;
    font-size: 16px;
    background: url(../images/service/electrical/select_down_box.png) right 3px top 50% no-repeat #FFF;
    background-size: 25px 25px;
}

@media screen and (max-width: 320px) {
    .now_environment ul.form_list select {
        min-width: auto;
    }
}
.now_environment ul.form_list input {
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #e8e8e8;
    padding: 0 35px 0 5px;
    height: 36px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    min-width: 259px;
    font-size: 16px;
}

@media screen and (max-width: 320px) {
    .now_environment ul.form_list input {
        min-width: auto;
        width: 70%;
    }
}
.now_environment .radio_btn_area {
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Safari */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* Safari */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
}
.now_environment .radio_btn_area span:first-child {
    margin-right: 30px;
}

@media screen and (max-width: 640px) {
    .now_environment .radio_btn_area span span {
        display: block;
        width: 100%;
    }
}
.now_environment span.number {
    display: inline-block;
    background: #4fb1ea;
    color: #fff;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    line-height: 25px;
    margin-left: 10px;
    text-align: center;
    text-indent: -1px;
}

@media screen and (max-width: 640px) {
    .now_environment span.number {
        text-indent: 1px;
        line-height: 23px;
    }
}

button.btn_result {
    display: block;
    width: 80%;
    margin: 30px auto;
    padding: 15px 0;
    text-align: center;
    background: #1353a9;
    border: none;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-indent: 1em;
    background-image: url(../images/service/electrical/bg_blue.gif);
    border-bottom: 5px solid #1353a9;
}

@media screen and (max-width: 640px) {
    button.btn_result {
        width: 96%;
    }
}

button.btn_result span {
    letter-spacing: .1em;
}

button.btn_result span:after {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    padding-left: 20px;
    background-image: url(../images/service/electrical/shum_down_arrow.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.merit_price_area {
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Safari */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* Safari */
    -ms-flex-line-pack: start;
    align-content: flex-start;
    /* Safari */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.merit_price_area .waiwaidenki_price {
    margin: 1.9em 15px 1.5em 0;
    padding: 17px 0 0 17px;
    font-weight: bold;
}

@media screen and (max-width: 940px) {
    .merit_price_area .waiwaidenki_price {
        text-align: center;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 10px;
        padding-left: 0;
    }
}
.merit_price_area .waiwaidenki_price div {
    display: inline-block;
    font-weight: bold;
}

/*
@media screen and (min-width: 446px) {
.merit_price_area .waiwaidenki_price div:first-child:after {
content: " / "; } }
*/

@media screen and (max-width: 640px) {
    .merit_price_area .waiwaidenki_price div:first-child {
        margin-bottom: 10px;
    }
}
.merit_price_area .waiwaidenki_price div span {
    display: inline-block;
    padding: 0 5px;
    color: #ff9023;
    font-size: 30px;
    font-weight: bold;
}

#main_content table.now_plan {
    background: #fff;
    font-size: 14px;
}

@media screen and (max-width: 640px) {
    #main_content table.now_plan tbody {
        border-right: 1px solid #dddddd;
    }
}

#main_content table.now_plan th {
    width: 25%;
    font-weight: normal;
    background: #fff;
    border-right: none;
    padding-left: 15px;
    text-indent: 0;
}

@media screen and (max-width: 640px) {
    #main_content table.now_plan th {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding-bottom: 0;
        border-bottom: 0;
    }
}

@media screen and (max-width: 640px) {
    #main_content table.now_plan td {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding-top: 0;
        padding-left: 15px;
        border-top: 0;
        border-right: none;
    }
}

#main_content table.now_plan td span {
    display: inline-block;
    padding: 0 3px;
}
.otoku_area {
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Safari */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* Safari */
    -ms-flex-line-pack: start;
    align-content: flex-start;
    /* Safari */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 20px;
    margin: 20px 0;
    background: #fff;
}
.otoku_area .price {
    padding-left: 0px;
    padding-top: 25px;
    font-size: 30px;
    font-weight: bold;
}

@media screen and (max-width: 960px) {
    .otoku_area .price {
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }
}
.otoku_area .price small {
    font-size: 13px;
}
.otoku_area .price span.price_name {
    display: inline-block;
    padding: 0 5px;
    color: #ff4723;
    font-size: 30px;
}
.otoku_area .price span.price_block_text {
    display: inline-block;
}

@media screen and (max-width: 640px) {
    .otoku_area .price span.price_block_text {
        padding-top: 10px;
        display: block;
    }
}
.otoku_area .price sup {
    font-size: 17px;
}
.balloon1 {
    position: relative;
    display: inline-block;
    margin: 1.5em 15px 1.5em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #ff9023;
    font-size: 16px;
    background: #fff;
    border: 1px solid #ff9023;
    border-radius: 5px;
}

@media screen and (max-width: 940px) {
    .balloon1 {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (min-width: 941px) {
    .balloon1:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -10px;
        border: 10px solid transparent;
        border-left: 15px solid #ff9023;
    }
}

@media screen and (max-width: 940px) {
    .balloon1:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #ff9023;
    }
}
.balloon1:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 99.1%;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left: 15px solid #fff;
}

@media screen and (max-width: 940px) {
    .balloon1:after {
        content: "";
        position: absolute;
        top: 112%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #fff;
    }
}
.balloon1 p {
    margin: 0;
    padding: 5px 0;
    line-height: 150%;
    font-weight: bold;
}

@media screen and (max-width: 940px) {
    .balloon1 p {
        text-align: center;
    }
}
.balloon2 {
    position: relative;
    display: inline-block;
    margin: 1em 15px 1em 0;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #fff;
    font-size: 16px;
    background: #ff9023;
    border: 1px solid #ff9023;
    border-radius: 5px;
}

@media screen and (max-width: 940px) {
    .balloon2 {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
}
.balloon2:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -10px;
    border: 10px solid transparent;
    border-left: 15px solid #ff9023;
}

@media screen and (max-width: 940px) {
    .balloon2:before {
        content: "";
        position: absolute;
        top: 110%;
        left: 50%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-top: 15px solid #ff9023;
    }
}
.balloon2 p {
    margin: 0;
    padding: 5px 0;
    line-height: 150%;
}
.orange_border_area {
    border: 3px solid #ff9023;
    padding: 15px;
}

#main_content table.waiwai_keiyaku {
    background: #fff;
}

@media screen and (max-width: 640px) {
    #main_content table.waiwai_keiyaku tr {
        /* Safari */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* Safari */
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        /* Safari */
        -ms-flex-line-pack: start;
        align-content: flex-start;
        /* Safari */
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#main_content table.waiwai_keiyaku tr th {
    width: 35%;
    padding: 10px 0 10px 10px;
    text-align: left;
    background: #ffe5cc;
    text-indent: 0;
    border-right: none;
    font-weight: normal;
}

@media screen and (max-width: 640px) {
    #main_content table.waiwai_keiyaku tr th {
        display: block;
        width: 100%;
        padding-bottom: 10px;
        line-height: 120%;
        min-height: auto;
    }
}

#main_content table.waiwai_keiyaku tr td {
    padding: 10px;
}

@media screen and (max-width: 640px) {
    #main_content table.waiwai_keiyaku tr td {
        display: block;
        width: 100%;
        min-height: auto;
    }
}

#main_content table.waiwai_keiyaku tr td span {
    display: inline-block;
    padding: 0 3px;
}

section.echo_area_blue_bg {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 25px;
    background: #def7ff;
}

@media screen and (max-width: 640px) {
    section.echo_area_blue_bg {
        padding: 15px;
    }
}

section.echo_area_blue_bg .down_arrow {
    padding: 20px 0 0;
    text-align: center;
}

@media screen and (max-width: 640px) {
    section.echo_area_blue_bg .down_arrow img {
        width: 40px;
    }
}
.month_table {
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Safari */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* Safari */
    -ms-flex-line-pack: start;
    align-content: flex-start;
    /* Safari */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.month_table p {
    width: 100%;
    font-weight: bold;
    margin-top: 20px;
    position: relative;
}
.month_table p span {
    display: inline-block;
    position: absolute;
    right: 0;
}
.month_table .month {
    width: 495px;
    background: #fff;
}

@media screen and (max-width: 940px) {
    .month_table .month {
        width: 100%;
    }
}
.month_table .month ul {
    /* Safari */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* Safari */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* Safari */
    -ms-flex-line-pack: start;
    align-content: flex-start;
    /* Safari */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #8b8b8b;
}
.month_table .month ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.666%;
    border-right: 1px solid #8b8b8b;
}

@media screen and (max-width: 600px) {
    .month_table .month ul li {
        width: 33.3333%;
        border-bottom: 1px solid #8b8b8b;
    }
    .month_table .month ul li:nth-child(3),
    .month_table .month ul li:nth-child(6),
    .month_table .month ul li:nth-child(9),
    .month_table .month ul li:nth-child(12) {
        border-right: none;
    }
    .month_table .month ul li:nth-child(10),
    .month_table .month ul li:nth-child(11),
    .month_table .month ul li:nth-child(12) {
        border-bottom: none;
    }
}

@media screen and (min-width: 601px) {
    .month_table .month ul li:nth-child(1),
    .month_table .month ul li:nth-child(2),
    .month_table .month ul li:nth-child(3),
    .month_table .month ul li:nth-child(4),
    .month_table .month ul li:nth-child(5),
    .month_table .month ul li:nth-child(6) {
        border-bottom: 1px solid #8b8b8b;
    }
    .month_table .month ul li:nth-child(6),
    .month_table .month ul li:nth-child(12) {
        border-right: none;
    }
}
.month_table .month ul li span {
    text-align: center;
    display: block;
}
.month_table .month ul li span:first-child {
    border-bottom: 1px solid #8b8b8b;
}

@media screen and (max-width: 640px) {
    .month_table .month ul li span:last-child {
        line-height: 40px;
    }
}
.month_table .total_month {
    width: 80px;
    background: #fff;
    border-top: 1px solid #8b8b8b;
    border-right: 1px solid #8b8b8b;
    border-bottom: 1px solid #8b8b8b;
}

@media screen and (max-width: 940px) {
    .month_table .total_month {
        width: 100%;
        border-top: none;
        border-left: 1px solid #8b8b8b;
    }
}
.month_table .total_month ul li {
    display: table;
    width: 100%;
}
.month_table .total_month ul li span {
    display: block;
    width: 100%;
    text-align: center;
}
.month_table .total_month ul li span:first-child {
    border-bottom: 1px solid #8b8b8b;
}
.month_table .total_month ul li span:last-child {
    line-height: 77px;
}

@media screen and (max-width: 640px) {
    .month_table .total_month ul li span:last-child {
        line-height: 40px;
    }
}
.month_table .month.green_bg li span:first-child,
.month_table .total_month.green_bg li span:first-child {
    background: #dff9c7;
}
.month_table .month.blue_bg li span:first-child,
.month_table .total_month.blue_bg li span:first-child {
    background: #c3dfff;
}
.month_table .month.orange_bg li span:first-child,
.month_table .total_month.orange_bg li span:first-child {
    background: #ffe5cc;
}
.month_table.difference li span:last-child {
    color: #ff9023;
    font-weight: bold;
}
.set_plan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: dotted 1px #000;
}
.set_plan div:last-child {
    padding-top: 2.5em;
    padding-left: 10px;
}

@media screen and (max-width: 940px) {
    .set_plan div:last-child {
        width: 100%;
        padding-top: 0;
        padding-bottom: 15px;
        padding-left: 0;
        text-align: center;
    }
}
.set_plan div:last-child p {
    font-weight: bold;
    line-height: 100%;
    font-size: 20px;
}
.set_plan div:last-child p:first-child {
    color: #ff4723;
    font-size: 16px;
    margin-left: -10px;
}
.set_plan div:last-child p:last-child {
    padding-top: 15px;
    font-size: 18px;
}

@media screen and (max-width: 640px) {
    .set_plan div:last-child p:last-child {
        font-size: 13px;
    }
}
.set_plan div:last-child p:last-child span {
    font-size: 30px;
}

@media screen and (max-width: 355px) {
    .set_plan div:last-child p:last-child span {
        font-size: 18px;
    }
}
.set_plan div:last-child p:last-child sup {
    display: inline-block;
    margin-top: -10px;
}

@media screen and (max-width: 640px) {
    .set_plan div:last-child p:last-child sup {
        margin-top: 0;
    }
}
.set_plan div:last-child p span:first-child {
    color: #ff4723;
    margin-left: 8px;
}
.caution_note {
    padding: 10px 0;
    text-align: center;
    background: #fff;
    border: 3px solid #ffcee2;
    margin-top: 25px;
}
.caution_note a {
    color: #1985d1;
    font-weight: bold;
    border-bottom: 1px solid #1985d1;
}
.caution_note i {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    background-image: url(../images/service/electrical/link_icon.png);
    background-repeat: no-repeat;
    background-size: 10px;
}
.caution_note br {
    display: none;
}

@media screen and (max-width: 640px) {
    .caution_note br {
        display: inline-block;
    }
}
.simulator_request_area {
    padding: 20px 0 0;
    text-align: center;
}
.btn_simulator_request {
    display: inline-block;
    max-width: 400px;
    width: 100%;
    padding: 20px 0;
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.btn_simulator_request:hover {
    color: #fff !important;
}
.att_simulator_list {
    padding: 10px 0;
}
.att_simulator_list li {
    text-indent: -12px;
    margin-left: 12px;
    font-size: 12px;
}
.electrical .no_bottom_padding {
    margin-bottom: 0;
}
.radio_btn_area {
    padding: 6px;
}
.radio_btn_area input[type=radio],
.radio_btn_area input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.radio_btn_area input[type=radio] + label,
.radio_btn_area input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

@media (min-width: 1px) {
    .radio_btn_area input[type=radio],
    .radio_btn_area input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .radio_btn_area input[type=radio] + label,
    .radio_btn_area input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .radio_btn_area input[type=radio] + label::before,
    .radio_btn_area input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }
    .radio_btn_area input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .radio_btn_area input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .radio_btn_area input[type=radio]:checked + label::after,
    .radio_btn_area input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .radio_btn_area input[type=radio]:checked + label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #ff9023;
        border-radius: 8px;
    }
}

/* add */

.now_environment ul li.tb_cell {
    width: 13%;
    display: inline-block;
    padding: 5px;
}
.now_environment ul li.tb_cell input {
    width: 50%;
    min-width: 50px;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 648px) {
    .now_environment ul li.tb_cell {
        width: 100%;
        padding: 10px;
    }
    .now_environment ul li.tb_cell input {
        margin-left: 20px;
    }
    .sp_hide {
        display: none;
    }
}

#smi_title {
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    margin-top: 20px;
    width: 100%;
}

@media screen and (max-width: 648px) {
    #smi_title {
        font-size: 83%;
    }
}

/*ワイワイでんきシミュレーションここまで*/

/*　auスマートバリュー　*/
/*--------------------------------
ausv
--------------------------------*/

.ausv .center {
	text-align: center;
}
.ausv #main h1 {
	height: auto;
}
.ausv #main h1 img {
	max-width: 150%;
	width: 100%;
}
.ausv #main h2 {
	line-height: 1.2em;
}
.ausv #main h2 sup {
	font-size: 14px;
	font-size: 1.0rem;
}
.ausv #main h3 {
	margin-bottom: 0;
	background-color: unset;
	padding: 0;
	border: none;
	font-size: 20px;
	font-size: 1.429rem;
	text-align: center;
}
.ausv .p_head p {
	font-size: 22px;
	font-size: 1.571rem;
	font-weight: bold;
	text-align: center;
}
.ausv .p_head p sup {
	font-size: 14px;
	font-size: 1.0rem;
}
.ausv .p_head img {
	margin: 10px 0 20px;
}
.ausv .collabo {
	margin: 50px 0;
}
.ausv .info {
	margin-top: 20px;
}
.ausv .info p,
.ausv .info li {
	font-size: 12px;
	font-size: 0.857rem;
	line-height: 1.4em;
}
.ausv #n_au {
	margin-top: 15px;
	padding: 10px 0;
	font-size: 12px;
	font-size: 0.857rem;
	border: 1px solid #f0845e;
	border-radius: 10px;
	text-align: center;
}
.ausv .n_tax {
	font-size: 12px;
	font-size: 0.857rem;
	text-align: right;
}
.ausv .c_wrap {
	margin-bottom: 0;
	padding-bottom: 50px;
}
.ausv #main,
.ausv #container {
	margin-bottom: 0;
	padding-bottom: 0;
}

@media screen and (max-width: 768px) {
	.ausv #main #main_content h3 {
		font-size: 13px;
		font-size: 0.929rem;
		line-height: 1.2em;
	}
	.ausv #main h2 sup {
		font-size: 12px;
		font-size: 0.857rem;
	}
	.ausv .p_head p {
		font-size: 14px;
		font-size: 1.0rem;
		line-height: 1.2em;
	}
	.ausv .p_head p sup {
		font-size: 10px;
		font-size: 0.714rem;
	}
	.ausv #n_au {
		padding: 10px 1em;
		text-align: left;
		line-height: 1.2em;
	}
}

/* HEADLINE-- */
.ausv .headline,.ausv .set,.ausv .family,.ausv .steps,.ausv .caution {
	width: 900px;
	padding-bottom: 40px;
	margin: 0 auto; }
.ausv #container{
	max-width: 940px;
}
.ausv #main{
	width: 900px;
	padding: 20px;
	background: #fff;
	margin-bottom: 30px;
}
.ausv #main a:hover{
	text-decoration: none;
	color: #06a;
	opacity: 0.7;
}
.ausv #sidebar{
	width: 220px;
}
.ausv #main h1{
	background: #fff;
}
.headline__img {
	padding: 0px 0 30px; }
.headline__img img {
	width: 100%; }
.headline__txt {
	text-align: center;
	padding-bottom: 15px; }
.headline__txt--maincolor {
	color: #CF5C1B;
	font-size: 50px; }
.headline__link__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
.headline__link {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	width: 290px;
	word-break: break-all;
	padding: 20px 2px 35px;
	border: 3px solid #CF5C1B;
	text-align: center;
	text-decoration: none;
	color: #000000; }
.headline__link p {
	font-size: 13px;
	font-weight: bold; }
.headline__link::before {
	position: absolute;
	content: '';
	bottom: 10px;
	right: 0;
	left: 0;
	width: 12px;
	height: 12px;
	border-top: 4px solid #CF5C1B;
	border-right: 4px solid #CF5C1B;
	margin: 0 auto;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg); }
.ausv #main .headline__link:hover {
	color: unset;
	opacity: .7; }
.ausv #main h3.headline__link__text {
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px; }
.headline__link__text--maincolor {
	color: #CF5C1B; }

/* --HEADLINE */
/* SET-- */
.section__title {
	font-size: 26px;
	font-weight: bold;
	padding: 10px 15px;
	border-left: 4px solid #CF5C1B;
	margin-bottom: 20px; }
.section__title--maincolor {
	color: #CF5C1B; }
.wainet.ausv #main h2 span.section__title--maincolor{
	font-size: 26px;
	font-weight: bold;
}
.set__wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding-bottom: 40px;
	margin-bottom: 30px; }
.ausv_plus{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 80px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.set__wrapper::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 50px 0 50px;
	border-color: #CF5C1B transparent transparent transparent;
	position: absolute;
	bottom: -30px;
	right: 0;
	left: 0;
	margin: 0 auto; }
.set__link__wrapper {
	text-align: left; }
.set__link--catv {
	padding-left: 11px; }
.set__link--catv a {
	width: 100%;
	position: relative;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	text-align: left;
	color: #06a;
	word-wrap: break-word;
	margin-top: 10px;
	vertical-align: middle; }
.ausv #main .set__link--catv a:hover {
	color: #06a;
	text-decoration: underline; }
.set__link__last {
	position: relative;
	padding-right: 13px; }
.set__link__last::before {
	position: absolute;
	content: '';
	background-image: url(../images/service/wainet/ausv/arrow_link.png);
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 10px; }
.set__content {
	width: 410px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding: 25px 14px; }
.set__catv {
	border: 1px solid #0099cb; }
.set__catv__headline {
	font-size: 28px;
	font-weight: bold; }
.set__catv__middle_head {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px; }
.text_left{
	text-align: left;
}

.set__catv__headline--color {
	color: #0099cb;
	font-size: 30px;
	margin-right: 5px; }
.set__catv__img {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 382px;
	height: 109px;
	margin: 20px auto 25px;
	text-align: center;
	position: relative; }
.set__catv__img img {
	max-width: 100%;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto; }
.set__catv__text {
	font-size: 16px;
	font-weight: bold; }
.set__catv__plan {
	width: 315px;
	height: auto;
	padding: 7px 0;
	border: 2px solid #0099cb;
	margin: 10px auto;
	overflow: hidden; }
.set__catv__plan img {
	width: 275px;
	height: 52px;
	overflow: hidden; }
.set__catv__plan p {
	font-size: 16px; }
.set__au {
	border: 1px solid #CF5C1B;
	position: relative; }
.set__au__headline {
	font-size: 28px;
	font-weight: bold; }
.set__au__headline img {
	width: 76px;
	padding-right: 5px; }
.set__au__img {
	padding: 15px 0;
	height: 109px;
	margin: 20px auto 25px; }
.set__au__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: calc(100% - 300px); }
.set__au__text--content p {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold; }
.set__au__text--star {
	position: relative;
	top: -3px;
	font-size: 10px;
	vertical-align: top; }
.set__au__text--content p.set__au__text--star-note {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-top: 10px; }
.set__au__note {
	font-size: 12px;
	line-height: 18px; }
.set__link--au {
	text-align: left;
	padding-left: 11px; }
.set__link--au a {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #06a;
	word-wrap: break-word;
	padding-right: 13px;
	vertical-align: middle; }
.set__link--au a::after {
	position: absolute;
	content: '';
	background-image: url(../images/service/wainet/ausv/arrow_link.png);
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 10px; }
.ausv #main  .set__link--au a:hover {
	text-decoration: underline; }
.set__message {
	width: 100%;
	padding-top: 10px; }
.set__message img {
	display: block;
	margin: 0 auto; }

.set__example {
	margin-top: 30px; }
.ausv #main h3.set__example__label {
	text-align: center;
	padding-bottom: 15px; }
.set__example__main img {
	width: 100%;
	display: block;
	margin: 0 auto; }
.set__example__text {
	font-size: 14px;
	line-height: 20px;
	padding-top: 10px; }
.set__example__text--bold {
	font-weight: bold; }
.set__example__link {
	width: 100%;
	text-align: right;
	padding-top: 10px; }
.set__example__link a {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #06a;
	word-wrap: break-word;
	padding-right: 13px;
	vertical-align: middle; }
.set__example__link a::after {
	position: absolute;
	content: '';
	background-image: url(../images/service/wainet/ausv/arrow_link.png);
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 10px; }
.ausv #main .set__example__link a:hover {
	text-decoration: underline; }
.set__example__note {
	font-size: 12px;
	line-height: 20px;
	font-weight: lighter;
	padding: 15px 0 10px; }
.set__left {
	float: left; }
.family__set__example__note {
	font-size: 12px;
	line-height: 20px;
	font-weight: lighter;
	padding: 15px 0 10px;
	margin:10px 0 50px 0;
}
.set__example__link--caution a {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #06a;
	word-wrap: break-word;
	padding-right: 13px;
	vertical-align: middle; }
.set__example__link--caution a::after {
	position: absolute;
	content: '';
	background-image: url(../images/service/wainet/ausv/arrow_link_down.png);
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 6px; }
.ausv #main  .set__example__link--caution a:hover {
	text-decoration: underline; }
.ausv_set_ex_wrap{
	border: dotted 2px #bcbcbc;
	padding: 20px 30px;
}
.ausv_set_ex_box{
	width: 50%;
	padding-right: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ausv_set_ex_box+.ausv_set_ex_box{
	border-left: dotted 2px #bcbcbc;
	padding-left: 20px;
	padding-right: 0;
}
.org_box{
	background: #EB5504;
	color: #fff;
	padding: 2px 10px;
	border-radius: 5px;
	margin: 10px 0;
	width: 230px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ausv .s_size{
	font-size: 0.8em;
}
/* --SET */
/* --FAMILY */
.family__headline {
	color: #CF5C1B;
	font-size: 36px;
	font-weight: bold;
	text-align: center; }
.family__wrapper {
	position: relative;
	padding: 35px 20px;
	border: 1px solid #E5E5E5;
	/*background-image: url(../images/service/wainet/ausv/family-bg.png);*/
	background-repeat: no-repeat;
	background-position: 20px 90px; }
.steps .section__title{
	position: relative;
}
.steps .section__title::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 50px 0 50px;
	border-color: #CF5C1B transparent transparent transparent;
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	margin: 0 auto; }
.family__text__example {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	margin-top: 100px; }
.family__list {
	display: -webkit-box;
	display: -ms-flexbox;
	/*! display: flex; */
	/*! width: 788px; */
	/*! text-align: center; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 30px;
	margin: 0 auto;
	/*! margin-bottom: 130px; */ }
.family__item {
	width: 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px; }
.family__text__item {
	font-size: 14px;
	padding-bottom: 5px; }
.family__text__maincolor {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px; }
.family__figure__img img {
	display: block;
	margin: 0 auto; }
.family__summary {
	text-align: center;
	padding-top: 5px; }
.family__summary__label1 {
	padding: 10px 0 40px 0; }
.family__summary__label2 {
	margin-bottom: 30px; }

/* --FAMILY */
/* STEPS-- */
.steps__headline {
	width: 100%;
	height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; }
.steps__headline__number {
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 115px;
	height: 50px;
	background: #CF5C1B;
	border: 1px solid #E5E5E5;
	border-collapse: collapse;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	color: #FFFFFF; }
.steps__headline__title {
	position: relative;
	display: inline-block;
	width: 785px;
	height: 50px;
	background: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 0 15px 20px;
	border: 1px solid #E5E5E5;
	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
.steps__headline__link {
	position: absolute;
	color: #06a;
	height: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 35px; }
.steps__headline__link a {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #06a;
	word-wrap: break-word;
	padding-right: 13px;
	vertical-align: middle; }
.steps__headline__link a::after {
	position: absolute;
	content: '';
	background-image: url(../images/service/wainet/ausv/arrow_link.png);
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 10px; }
.ausv #main .steps__headline__link a:hover {
	text-decoration: underline; }
.steps__content {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 410px 490px;
	grid-template-columns: 410px 490px;
	-ms-grid-rows: 130px max-content 130px;
	grid-template-rows: 130px -webkit-max-content 130px;
	grid-template-rows: 130px max-content 130px; }
.steps__content__choice--left {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2;
	position: relative; }
.steps__content__choice--left:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 22px;
	height: 30px;
	background: #F5DED1; }
.steps__content__choice--left:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 22px;
	height: 50px;
	background: #F5DED1; }
.steps__content__choice--right {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
	grid-row: 1 / 2;
	position: relative; }
.steps__content__choice--right:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 22px;
	height: 30px;
	background: #E5E5E5; }
.steps__content__choice--right:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 38px;
	height: 50px;
	background-image: url(../images/service/wainet/ausv/arrow_end_no.png);
	background-repeat: no-repeat; }
.steps__content__choice__text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 160px;
	height: 50px;
	padding: 12px 0;
	border: 1px solid #E5E5E5;
	margin: 30px auto 50px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.steps__content__choice__text--yes {
	color: #CF5C1B; }
.steps__content__choice__text--no {
	color: #000000; }
.steps__content__box--left {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2 / 3;
	position: relative; }
.steps__content__box--left:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 22px;
	height: 100%;
	background: #F5DED1; }
.steps__content__box--right {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
	grid-row: 2 / 3;
	width: 490px;
	padding: 20px 20px 20px 20px;
	background: #FFFAE5;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;}
.steps__box__service {
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 20px; }
.steps__box__service__link {
	text-decoration: none;
	font-weight: normal;
	color: #06a; }
.ausv #main .steps__box__service__link:hover {
	text-decoration: underline; }
.steps__box__service__text--large {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px; }
.steps__box__service__text--medium {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px; }
.steps__box__service__text--small {
	font-size: 14px;
	padding-bottom: 10px; }
.steps__box__service__button {
	position: relative;
	display: inline-block;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 205px;
	height: 40px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CF5B1B), to(#C55110));
	background: linear-gradient(#CF5B1B, #C55110);
	border: 1px solid #D6D6D6;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 40px;
	margin: 5px 0 20px; }
.steps__box__service__button:last-child {
	margin-left: 15px; }
.steps__box__service__button::before {
	position: absolute;
	content: '';
	top: 16px;
	right: 10px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); }
.ausv #main .steps__box__service__button:hover {
	opacity: .7; }
.steps__content__action--left {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-row: 3 / 4;
	position: relative; }
.steps__content__action--left:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 22px;
	height: 80px;
	background: #F5DED1; }
.steps__content__action--left:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 38px;
	height: 50px;
	background-image: url(../images/service/wainet/ausv/arrow_end_yes.png);
	background-repeat: no-repeat; }
.steps__content__action--right {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
	grid-row: 3 / 4;
	position: relative; }
.steps__content__action--right:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 22px;
	height: 30px;
	background: #E5E5E5; }
.steps__content__action--right:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 38px;
	height: 50px;
	background-image: url(../images/service/wainet/ausv/arrow_end_no.png);
	background-repeat: no-repeat; }
.steps__content__action__text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 50px;
	border: 1px solid #CF5C1B;
	margin: 30px auto 50px;
	font-size: 20px;
	line-height: 50px;
	font-weight: bold;
	color: #CF5C1B;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center; }
.steps__box__mnp {
	width: 100%;
	text-align: center;
	line-height: 20px; }
.steps__box__mnp__text {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em; }
.steps__box__mnp__button {
	position: relative;
	display: inline-block;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 205px;
	height: 40px;
	background: -webkit-gradient(linear, left top, left bottom, from(#CF5B1B), to(#C55110));
	background: linear-gradient(#CF5B1B, #C55110);
	border: 1px solid #D6D6D6;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 40px;
	width: 250px;
	font-weight: normal;
	margin: 5px 0 20px; }
.steps__box__mnp__button:last-child {
	margin-left: 15px; }
.steps__box__mnp__button::before {
	position: absolute;
	content: '';
	top: 16px;
	right: 10px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); }
.ausv #main .steps__box__mnp__button:hover {
	opacity: .7; }
.steps__box__mnp__link a {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #06a;
	word-wrap: break-word;
	padding-right: 13px;
	vertical-align: middle; }
.steps__box__mnp__link a::after {
	position: absolute;
	content: '';
	background-image: url(../images/service/wainet/ausv/arrow_link.png);
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 10px; }
.ausv #main .steps__box__mnp__link a:hover {
	text-decoration: underline; }
.steps__step3__text {
	padding: 20px 0 60px;
	font-size: 14px;
	line-height: 1.5em; }
.steps__step3__link {
	text-decoration: none;
	font-weight: normal;
	color: #06a; }
.ausv #main .steps__step3__link:hover {
	text-decoration: underline; }
.steps__step3__box {
	width: 100%;
	padding: 20px 0 40px;
	border: 3px solid #CF5C1B;
	position: relative; }
.ausv #main h2.steps__step3__box__text {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	text-align: center; }
.wainet #main h2 span.steps__step3__box__text--maincolor {
	color: #CF5C1B;
	font-weight: bold;
	font-size: 20px;}
.steps__step3__box__link {
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 20px; }
.steps__step3__box__link a {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #06a;
	word-wrap: break-word;
	padding-right: 13px;
	vertical-align: middle; }
.steps__step3__box__link a::after {
	position: absolute;
	content: '';
	background-image: url(../images/service/wainet/ausv/arrow_link.png);
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 10px; }
.ausv #main .steps__step3__box__link a:hover {
	text-decoration: underline; }

/* --STEPS */
/* CAUTION-- */
.caution {
	border: 1px solid #E5E5E5; }
.ausv #main h1.caution__headline {
	font-size: 16px;
	font-weight: bold;
	width: auto;
	padding: 15px 20px;
	border-bottom: 1px solid #E5E5E5; }
.caution__content {
	font-size: 12px;
	line-height: 20px;
	padding: 20px 20px 0 20px; }
.caution__content__title {
	font-weight: bold; }
.caution__content__link a {
	position: relative;
	display: inline-block;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #06a;
	word-wrap: break-word;
	padding-right: 13px;
	vertical-align: middle;
	height: 15px;
	font-size: 12px;
	line-height: 15px; }
.caution__content__link a::after {
	position: absolute;
	content: '';
	background-image: url(../images/service/wainet/ausv/arrow_link.png);
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 6px;
	height: 10px; }
.ausv #main .caution__content__link a:hover {
	text-decoration: underline; }

/* --CAUTION */
.price-note {
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	padding-top: 10px;
	margin-right: 40px; }
.price-note--red {
	color: #FF0000; }
.note--red {
	color: #FF0000; }
@media screen and (max-width: 768px) {
	.ausv #container{
		max-width: 100%;
	}
	.ausv #main{
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 20px 10px;
	}
	.ausv .headline, .ausv .set, .ausv .family, .ausv .steps, .ausv .caution{
		width: 100%;
	}
	.headline__link__wrapper{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.headline__link{
		width: 100%;
	}
	.headline__link + .headline__link{
		margin-top: 10px;
	}
	.set__wrapper{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.set__content,.ausv_plus{
		width: 100%;
		padding: 15px 10px;
	}
	.set__catv__plan{
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.set__au{
		margin-left: 0;
	}
	.family__wrapper{
		padding: 10px;
	}
	.set__au__text,.set__link--au a{
		height: auto;
	}
	.ausv #main h2.section__title{
		font-size: 20px;
	}
	.wainet.ausv #main h2 span.section__title--maincolor{
		display: inline-block;
		font-size: 20px;
	}
	.steps__content{
		grid-template-columns: 50% 50%;
	}
	.steps .section__title{
		margin-bottom: 40px;
	}
	.steps .section__title::after{
		top: 45px;
	}
	.steps__headline__number,.steps__headline__title{
		height: auto;
		font-size: 15px;
		line-height: 1.2em;
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.steps__headline__number{
		padding: 15px 0 ;
	}
	.steps__headline__title{
		padding: 15px;
	}
	.steps__content__box--right{
		width: 100%;
		padding: 10px;
	}
	.steps__headline__link{
		top:auto;
	}
	.steps__box__service__text--large{
		font-size: 14px;
	}
	.ausv #main h3.steps__box__service__text--medium,
	.ausv #main h3.steps__box__mnp__text{
		font-size: 15px;
	}
	.steps__box__service__button{
		width: 100%;
		margin-bottom: 10px;
		padding: 5px 20px 5px 5px;
		line-height: 1.2em;
	}
	.steps__box__service__button:last-child{
		margin-left: 0;
	}
	.steps__box__mnp__button{
			width: 100%;
			height: auto;
			line-height: 1.2em;
			padding: 5px 20px 5px 5px;
	}
	.steps__box__mnp__link a{
		height: auto;
		margin-bottom: 10px;
	}
	.steps__step3__box{
		padding: 15px 10px 30px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.wainet #main h2 span.steps__step3__box__text--maincolor{
		display: inline-block;
	}
	.ausv #sidebar{
		width: 96%;
	}
	.ausv_set_ex_wrap{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 20px 10px;
	}
	.ausv_set_ex_box{
		width: 100%;
		padding: 0 0 20px;
	}
	.ausv_set_ex_box+.ausv_set_ex_box{
		padding: 20px 0 0;
		border-left: none;
		border-top: dotted 2px #bcbcbc;
	}
	.org_box{
		width: 100%;
	}
}

/*-- ドコモ光タイプC --*/
.docomo_hikari #main {
	width: 900px;
	padding: 20px 20px 100px;
	background: #fff;
	margin-bottom: 30px;
	line-height: 1.8em;
}
.docomo_hikari #main .doco_head_img{
	height: auto;
}
.doco01_inner{
	padding: 0 80px;
	width: 740px;
}

.doco01_img_wrap{
	padding: 0 50px 0 80px;
	margin-top: 60px;
}
.doco01_img_box{
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.doco01_img_plus{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 20px;
}
.doco01_h2{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-top: 50px;
}
.doco01_disc_box{
	background: #fffab5;
	padding: 30px 65px;
	margin: 60px 0 0;
	padding-top: 20px;
}
.doco01_disc_ttl{
	font-size: 18px;
	font-weight: bold;
}
.doco01_note{
	padding: 10px 0 0;
	font-size: 10px;
	line-height: 1.8em;
}
.doco015_note{
	padding: 30px 50px 0;
	font-size: 10px;
	line-height: 1.8em;
}
.doco_h2{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 50px;
	color: #c31631;
}
.doco01_point_box{
	border: solid 3px #c31631;
	padding: 20px 60px;
	margin-top: 20px;
}
.doco01_point_box li{
	font-weight: bold;
}
.ltr_s{
	font-size: 0.7em;
}
.doco_sec02{
	padding: 0 80px;
	width: 740px;
}
.doco02_price_wrap{
	margin-top: 20px;
	border: solid 3px #c31631;
}
.doco02_price_box{
	padding: 30px 0;
}
.doco02_price_kodate{
	text-align: center;
	width: 240px;
	padding-left: 30px;
	position: relative;
	font-size: 24px;
	font-weight: bold;
	margin: auto;
	color: #c31631;
}
.doco02_price_kodate:before{
	content: url(../images/service/wainet/docomo_hikari/doco_img03_b.png);
	position: absolute;
	top: -9px;
	left: 0;
}
.doco02_price{
	font-size: 25px;
	font-weight: bold;
	padding-left: 100px;
	margin-top: 30px;
}
.r_box{
	border: solid 1px #000;
	padding: 1px 15px;
	border-radius: 15px;
	font-size: 13px;
	margin-right: 10px;
	vertical-align: super;
	width: 100px;
	display: inline-block;
}
.doco_price_a{
	font-size: 63px;
}
.doco_price_b{
	font-size: 45px;
}
.doco02_price_red_box{
	width: 460px;
	margin: 30px auto 10px;
	text-align: center;
	color: #fff;
	background: #c31631;
	font-size: 15px;
	font-weight: bold;
}
.doco02_price_txt{
	text-align: center;
}
.doco_h2_box{
	background: #fff3f3;
	padding: 10px 10px 5px 30px;
	border-left: solid 5px #fe6f94;
	font-size: 20px;
	font-weight: bold;
	margin-top: 50px;
}
.doco_ex_wrap{
	margin-top: 30px;
	text-align: center;
}
.doco_img04{
	margin-bottom: 10px;
}
.doco02_note{
	padding: 30px 100px 0;
	font-size: 10px;
	line-height: 1.8em;
}
.doco02_shoki_wrap{
	padding-left: 90px;
}
.doco02_shoki_ttl{
	margin-top: 30px;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
.doco02_shoki_ttl:before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: #fe6f94;
	position: absolute;
	left: -30px;
}
.deco02_shoki_name{
	padding-left: 10px;
	width: 150px;
}
.doco02_prv_wrap{
	padding-left: 70px;
	margin-top: 20px;
}
.doco_moushi_inner{
	margin-top: 30px;
	padding: 0 50px;
}
.trans,.trans *{
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.doco_moushi_box{
	width: 310px;
	display: block;
	padding: 10px 0;
	background: #fdb44a;
	font-weight: bold;
	text-align: center;
	position: relative;
	border-radius: 5px;
	line-height: 1.2em;
}
.doco_moushi_box:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -5px;
}
.doco_moushi_s{
	font-size: 0.8em;
}
.doco_link_box{
	border: solid 1px #c31631;
	padding: 20px 0;
	text-align: center;
	color: #c31631;
	display: block;
	margin-top: 20px;
	font-weight: bold;
	position: relative;
}
.doco_link_box:after{
	content: url(../images/service/wainet/docomo_hikari/doco_img05.png);
	position: absolute;
	left: 80px;
	top: 50%;
	margin-top: -10px;
}
.doco_service_link_box{
	width: 320px;
	display: block;
	padding: 20px 0;
	border: solid 1px #d2d2d2;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,cecdcd+100 */
	background: rgb(255,255,255); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,255,255,1)),to(rgba(206,205,205,1)));
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(206,205,205,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecdcd',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	margin: 40px auto 0;
	text-align: center;
	font-weight: bold;
	color: inherit;
}
.doco_area_wrap{
	padding-left: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 30px;
}
.doco_area_name{
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px dashed #333;
	margin-bottom: 20px;
}
@media screen and (min-width: 941px) {
	.doco_moushi_box:hover,.doco_link_box:hover,.doco_service_link_box:hover{
		opacity: 0.5;
	}
}
@media screen and (max-width: 940px) {
	.docomo_hikari #container{
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.docomo_hikari #main{
		width: 100%;
		padding: 20px 10px 50px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.doco01_img_wrap{
		padding: 0 0 0 10px;
		margin-top: 40px;
	}
	.doco01_img_plus{
		margin: 0 5px;
	}
	.doco01_inner{
		width: 100%;
		padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.doco01_disc_box{
		padding: 20px;
		margin-top: 30px;
	}
	.doco01_point_box{
		padding: 20px;
	}
	.doco01_note{
		padding: 10px 20px 0;
	}
	.doco_sec02{
		width: 100%;
		padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.doco02_price_box{
		padding: 20px 10px;
	}
	.doco02_price{
		padding: 0;
		font-size: 20px;
		margin-top: 10px;
		text-align: center;
	}
	.r_box{
		display: block;
		margin-bottom: 5px;
	}
	.doco_price_a{
		font-size: 29px;
	}
	.doco_price_b{
		font-size: 20px;
	}
	.doco02_price_red_box{
		width: 100%;
	}
	.doco02_note{
		padding: 30px 20px 0;
	}
	.doco02_shoki_wrap{
		padding-left: 30px;
	}
	.doco02_prv_wrap{
		padding-left: 30px;
	}
	.doco_moushi_inner{
		width: 100%;
		padding: 0;
	}
	.doco_moushi_wrap{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.doco_moushi_box{
		width: 100%;
		margin-bottom: 10px;
	}
	.doco_link_box{
		padding: 10px 10px 10px 30px;
	}
	.doco_link_box:after{
		left: 5px;
	}
	.doco_service_link_wrap{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.doco_service_link_box{
		width: 100%;
		max-width: 320px;
	}
	.doco015_note{
		padding: 30px 10px 0;
	}
	.doco02_price_kodate{
		width: 200px;
		font-size: 20px;
	}
	.doco_area_wrap{
		padding-left: 10px;
	}
}

/*-- ドコモ光タイプC IPv6について --*/
.docomo_hikari_ipv6 #main{
	width: 100%;
	padding: 70px 100px 80px;
	background: #fff;
	margin-bottom: 30px;
	line-height: 1.8em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#main .ipv6_sec01 h1{
	background: none;
	font-size: 24px;
	font-weight: bold;
	height: auto;
}
.ipv6_sec01 .doco_h2_box{
	margin-top: 30px;
}
.ipv6_txt{
	padding-left: 10px;
	margin-top: 20px;
}
.ipv6_img{
	margin-top: 30px;
	text-align: center;
}
.ipv6_table01{
	width: 600px;
	margin: 40px auto 0;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
	display: grid;
	grid-template-rows: auto auto auto;
	grid-template-columns: 100px 1fr;
}
.ipv6_table_ttl{
	background: #fffab5;
	border-bottom: solid 1px #bfbfbf;
	border-right: solid 1px #bfbfbf;
	padding: 20px 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ipv6_table_content{
	border-bottom: solid 1px #bfbfbf;
	border-right: solid 1px #bfbfbf;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 10px;
}
.ipv6_note01{
	padding-left: 80px;
	margin-top: 10px;
	font-size: 11px;
}
.ipv6_table02{
	width: 720px;
	margin: 20px auto 0;
	border-top: solid 1px #bfbfbf;
	border-left: solid 1px #bfbfbf;
	display: grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 1fr;
	grid-auto-flow: column;
}
.ipv6_note02{
	font-size: 11px;
	margin-top: 10px;
	padding-left: 20px;
}
@media screen and (max-width: 940px) {
	.docomo_hikari_ipv6 #container{
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.docomo_hikari_ipv6 #main{
		padding: 20px 10px 50px;
	}
	#main .ipv6_sec01 h1{
		line-height: 1.5em;
	}
	.ipv6_table01,.ipv6_table02{
		width: 100%;
		line-height: 1.5em;
	}
	.ipv6_note01,.ipv6_note02{
		padding-left: 10px;
		line-height: 1.5em;
	}
	.ipv6_table02{
		grid-template-rows: repeat(4, auto);
		grid-template-columns: 1fr;
	}

}
/*アパート一覧*/
.ap_list_wrap{
	margin: 20px auto;
	padding: 0 3% 3%;
}
.ap_list_wrap h2 {
	height: auto;
	margin-bottom: 30px;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 0.8em;
	font-size: 20px;
	font-size: 1.429rem;
	background-position: left top;
	background-repeat: repeat-y;
	background-image: url(../images/visitor/bg_h1_visitor.gif);
}
#main .faq .ap_list_wrap h3 {
	border-color: #349a50;
	background-color: #d2f0db;
}
.ap_p{
	margin-bottom: 30px;
}
.ap_table{
	margin-bottom: 30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ap_table_th{
	width: 15%;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}
.ap_table_td{
	width: 85%;
	padding-bottom: 10px;
}
.ap_h4{
	margin-bottom: 5px;
}
.ap_ul li{
	display: inline-block;
	margin-right: 10px;
}
@media screen and (max-width: 940px) {
	.ap_table_th{
		width: 100px;
	}
	.ap_table_td{
		width: calc(100% - 100px);
	}
}
/*huluパック*/
.hulu #main *{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.hulu #main{
	width: 900px;
	padding: 20px 20px 100px;
	background: #fff;
	line-height: 1.8em;
}
.hulu_h1_wrap{
	background: #3de132;
	border-radius: 20px;
	padding: 50px;
}
.hulu #main h1{
	background: none;
	font-size: 45px;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	color: #fff;
	height: auto;
	width: auto;
	padding: 0;
	text-shadow: none;
}
.hulu_h1_inner{
	background: #222;
	border-radius: 10px;
	padding: 50px;
	font-size: 60px;
	font-weight: bold;
}
.hulu_logo{
	margin: 80px 0 100px;
	width: 350px;
}
.sp_di{
	display: none;
}
.w740{
	width: 740px;
	margin: auto;
}
.hulu_sec01{
	margin-top: 100px;
	margin-bottom: 50px;
}
.hulu_img00{
	margin-bottom: 50px;
}
.hulu01_miyou{
	border: solid 5px #3de132;
	border-radius: 20px;
	padding: 0 40px 20px;
	position: relative;
}
.hulu_miyou_h2{
	width: 400px;
	background: #fff;
	margin: -20px auto 0;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.fz38{
	font-size: 38px;
}
.hulu_miyou_otoku{
	background: #ffff00;
	width: 190px;
	text-align: center;
	margin: 10px auto;
	font-weight: bold;
	font-size: 1.2em;
	padding: 3px;
}
.hulu_miyou_box{
	width: 320px;
	border-radius: 10px;
	text-align: center;
	line-height: 2.2em;
	padding: 15px 0;
}
.hulu_miyou_box01,.hulu04_box_a{
	background: #b3d465;
}
.hulu_miyou_box02,.hulu04_box_b{
	background: #fff45c;
}
.hulu_miyou_price{
	font-size: 27px;
}
.hulu_miyou_txt01{
	text-align: center;
	font-size: 1.2em;
	margin-top: 10px;
}
.hulu_miyou_txt02{
	text-align: center;
	color: #fff;
	padding: 3px;
	border-radius: 20px;
	font-weight: bold;
	margin-top: 10px;
	background: #3de132;
}
.hulu_img02{
	position: absolute;
	right: 20px;
	top: -70px;
}
.hulu_arrow{
	display: block;
	margin: 20px auto;
}
.hulu_manu_btn{
	width: 320px;
	display: block;
	background: #3de132;
	border: solid 5px #3de132;
	color: #fff;
	padding: 10px 0;
	border-radius: 10px;
	text-align: center;
	position: relative;
	font-weight: bold;
	margin: auto;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.hulu_manu_txt{
	font-size: 1.3em;
}
.hulu_syokai{
	position: absolute;
	left: -45px;
	top: 7px;
}
.hulu_sec02{
	padding: 40px;
	background: #e6ffd3;
	border-radius: 15px;
}
.hulu02_h2{
	background: #fff;
	border-radius: 15px;
	padding: 10px;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
}
#main .hulu02_h3,.service #main .hulu02_h3{
	border: none;
	background: none;
	color: #3de132;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-left: 3px;
	position: relative;
}
#main .hulu02_h3::before{
	content: "・";
	position: absolute;
	left: -20px;
}
.hulu02_p{
	font-size: 1.2em;
	padding-left: 20px;
}
.hulu_img03{
	margin-top: 50px;
}
.hulu_tv_wrap{
	border: solid 10px #000;
	border-radius: 15px;
	background: url(../images/service/wainet/hulu/hulu_img04_bkg.png);
	text-align: center;
	position: relative;
	padding: 40px 0 20px;
}
.hulu_img04_f{
	position: absolute;
	left: -30px;
	top: -30px;
}
.hulu_img04_c{
	margin-top: 20px;
}
.hulu_tv_btn{
	display: inline-block;
	border: solid 3px #3de132;
	border-radius: 15px;
	margin-top: 20px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.hulu_tv_notes{
	margin-top: 5px;
}
.hulu_img04_g{
	display: block;
	margin: auto;
}
.hulu_sec03{
	margin-top: 50px;
	margin-bottom: 50px;
}
.hulu_point{
	margin-top: 50px;
}
.hulu04_h2{
	height: 50px;
	width: 100%;
	background: #e6ffd3;
	position: relative;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	padding-top: 15px;
}
.hulu_img06_a{
	position: absolute;
	left: calc(50% - 133px);
	top: -15px;
}
.hulu04_wrap{
	margin-top: 50px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.hulu04_notes{
	margin-top: 10px;
	text-align: center;
}
.hulu04_wrap02{
	border: solid 13px #84ccc9;
	border-radius: 15px;
	padding: 20px 0;
	text-align: center;
	margin-top: 50px;
}
.hulu04_wrap02_txt01{
	border-bottom: solid 1px #84ccc9;
	width: 350px;
	margin: auto;
}
.hulu04_wrap02_txt02{
	font-size: 18px;
	margin-top: 10px;
	font-weight: bold;
}
.fz_strong{
	font-size: 1.2em;
	font-weight: bold;
}
.hulu_dl_wrap{
	margin: 100px 0 50px;
}
.hulu_dl+.hulu_dl{
	border-top: solid 1px #626262;
	padding-top: 50px;
	margin-top: 30px;
}
.hulu_dl_ttl{
	font-size: 18px;
	font-weight: bold;
}
.hulu_dl_ttl::before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #b3d465;
	margin-right: 10px;
	position: relative;
	top: 3px;
}
.hulu_dl p{
	padding-left: 30px;
}
.hulu_dl_link{
	width: 230px;
	display: block;
	margin: 20px 0 0 auto;
	background: #626262;
	border: solid 3px #626262;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	padding: 3px 0;
	font-size: 18px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.hulu_dl_notes{
	text-align: center;
	font-weight: bold;
	color: #95670d;
	margin-top: 30px;
}
.hulu_copyright{
	font-size: 0.8em;
	line-height: 1.3em;
	margin-top: 50px;
}
.dib{
	display: inline-block;
}
.hulu_sec04{
	margin-top: 80px;
}
.hulu04_box{
	width: 360px;
	border-radius: 20px;
	margin-bottom: 30px;
	padding: 20px 15px 15px 15px;
}
.hulu04_box_c{
	background:#84ccc9;
}
.hulu04_box_d{
	background:#6edead;
}
.hulu04_ttl_a{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5em;
}
.hulu04_box sup{
	font-size: 0.5em;
}
.hulu04_ttl_b{
	background: rgba(256,256,256,0.5);
	padding: 10px 15px;
	border-radius: 20px;
}
.hulu04_hulu{
	font-size: 1.4em;
	font-weight: bold;
	color: #3de132;
}
.hulu04_box_price{
	background: #fff;
	padding: 20px 30px;
	text-align: center;
	margin-top: 10px;
}
.hulu04_price_a{
	font-size: 32px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.hulu04_box_a .hulu04_price_a{
	border-bottom: solid 1px #b3d465;
}
.hulu04_box_b .hulu04_price_a{
	border-bottom: solid 1px #fff45c;
}
.hulu04_box_c .hulu04_price_a{
	border-bottom: solid 1px #84ccc9;
}
.hulu04_box_d .hulu04_price_a{
	border-bottom: solid 1px #6edead;
}
.hulu04_notes_b{
	font-size: 0.9em;
	margin-top: 20px;
}
.hulu_try{
	margin-top: 30px;
}
.hulu_try_ttl{
	border-bottom: solid 5px #fff45c;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.hulu_try_sub{
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	margin: 20px 0;
}
.hulu_step{
	margin-bottom: 50px;
}
.hulu_step_wrap{
	margin: 50px 0 0;
}
.hulu_step_box{
	width: calc(25% - 10px);
	border: solid 3px #3de132;
	border-radius: 15px;
}
.hulu_step_num{
	background: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-radius: 12px 12px 0 0;
	padding: 5px 0;
}
.hulu_step_box p{
	padding: 10px;
}
.hulu_option{
	margin-top: 80px;
	margin-bottom: 80px;
}
.hulu_option_ttl{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.hulu_option ol{
	margin-top: 20px;
	padding-left: 20px;
}
.hulu_option li{
	list-style: decimal;
}
@media screen and (min-width: 941px) {
	#main .hulu_manu_btn:hover{
		text-decoration: none;
		background: #fff;
		color: #3de132;
	}
	.hulu_tv_btn:hover{
		border: solid 3px #fff;
	}
	#main .hulu_dl_link:hover{
		background: #fff;
		color: #626262;
		text-decoration: none;
	}
}
@media screen and (max-width: 940px) {
	.hulu #main{
		width: 100%;
		padding: 20px 10px 50px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.hulu_h1_wrap{
		padding: 10px;
	}
	.hulu #main h1{
		font-size: 24px;
		line-height: 1.5em;
	}
	.hulu_h1_inner{
		font-size: 40px;
		padding: 40px 70px;
	}
	.hulu_waiwai{
		max-width: 70%;
	}
	.sp_di{
		display: inline-block;
	}
	.w740{
		width: 100%;
	}
	.hulu_sec01{
		margin-top: 50px;
	}
	.hulu_miyou_h2{
		width: calc(90% - 10px);
		max-width: 250px;
		padding: 0 10px;
	}
	.fz38{
		font-size: 1.1em;
	}
	.hulu_img02{
		right: -10px;
		top: -95px;
		width: 100px;
	}
	.hulu01_miyou{
		padding: 0 10px 20px;
	}
	.hulu_miyou_wrap {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.hulu_miyou_box{
		width: 100%;
		padding: 10px;
	}
	.hulu_miyou_box02{
		margin-top: 20px;
	}
	.hulu_miyou_price{
		font-size: 20px;
	}
	.hulu_miyou_txt02{
		padding: 10px;
	}
	.hulu_manu_btn{
		max-width: 320px;
		width: calc(100% - 20px);
	}
	.hulu_syokai{
		left: -10px;
		top: -30px;
	}
	.hulu_sec02{
		padding: 20px 10px;
	}
	.hulu02_h2{
		font-size: 24px;
	}
	#main .hulu02_h3{
		position: relative;
		padding-left: 20px;
	}
	#main .hulu02_h3::before{
		left: -10px;
	}
	.hulu02_p{
		font-size: 1.0em;
	}
	.hulu_img03{
		margin-top: 30px;
	}
	.hulu_tv_wrap{
		padding: 40px 10px 20px;
	}
	.hulu_img04_a,.hulu_img04_b,.hulu_img04_c,.hulu_img04_d{
		margin-top: 0;
		margin-bottom: 10px;
	}
	.hulu_img04_f{
		left: -15px;
		top: -50px;
		width: 100px;
	}
	.hulu_point{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.hulu_point_box{
		width: 100%;
		max-width: 262px;
		text-align: center;
		padding: 10px;
	}
	#main .hulu04_h2{
		height: 50px;
	}
	.hulu04_wrap {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.hulu04_box{
		padding: 15px;
		max-width: 380px;
		margin: 5px 5px 20px 5px;
	}
	.hulu04_box_price{
		padding: 15px 10px;
	}
	.hulu04_ttl_a{
		font-size: 24px;
	}
	.hulu04_wrap02{
		padding: 20px 10px;
	}
	.hulu04_wrap02_txt01{
		width: 90%;
	}
	.hulu_step_wrap{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 30px;
	}
	.hulu_step_box{
		width: 100%;
		margin: 0 0 5px;
	}
	.hulu_dl_ttl{
		position: relative;
		padding-left: 30px;
	}
	.hulu_dl_ttl::before{
		position: absolute;
		left: 0;
		top: 0;
	}
}
/*NETFLIXプラン*/
.netflix #main{
	width: 100%;
}
.netflix #main *{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.nf_ttl_wrap{
	background: #000;
}
.w940{
	width: 940px;
	margin: auto;
}
.nf_ttl_box{
	text-align: center;
	width: 50%;
}
.nf_ttl_box01{
	padding: 10px 0 0;
	color: #fff;
}
.nf_ttl01{
	font-size: 2.0em;
	line-height: 1.3em;
	margin-bottom: 10px;
	font-weight: bold;
}
.netflix #main h1{
	height: auto;
	background: transparent;
}
.waiwai_logo{
	font-size: 1.8em;
	margin-bottom: 10px;
	font-weight: bold;
}
.waiwai{
	width: 200px;
	vertical-align: baseline;
	margin-right: 10px;
}
.nf_logo{
	padding: 35px 15px 0;
}
.nf_ttl02{
	font-size: 1.2em;
	margin-top: 20px;
	font-weight: bold;
	line-height: 1.5em;
}
.nf_ttl03{
	color: #fff;
	text-align: center;
	padding: 30px 0;
}
.nf_container{
	background: #fff;
}
.nf01{
	padding-top: 100px;
	text-align: center;
}
.nf_top_link_wrap{
	margin-bottom: 100px;
}
.nf_copy01{
	font-size: 3.0em;
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0 10px;
}
.nf_copy01::after{
	content: "";
	display: block;
	position: absolute;
	height: 30px;
	width: 100%;
	top: 30px;
	left: 0;
	background: url(../images/service/douga/netflix/nf_stripe.png);
}
.nf_copy_txt{
	position: relative;
	z-index: 1;
}
.nf_copy02{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 40px;
}
.nf01_ttl{
	background: #000;
	padding: 20px 0;
	color: #fff;
}
.nf_about{
	font-size: 1.7em;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
.nf_copy03{
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 20px;
}
.nf_merit_wrap{
	margin-top: 60px;
	margin-bottom: 60px;
}
.nf_merit_box{
	background: #eee;
	padding: 20px 0;
	position: relative;
}
.nf_merit_box+.nf_merit_box{
	margin-top: 10px;
}
.nf_merit_ttl{
	display: inline-block;
	padding: 0 20px;
	font-size: 2.0em;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(235,169,172,0)),color-stop(59%, rgba(235,169,172,0)),color-stop(60%, rgba(235,169,172,1)),color-stop(99%, rgba(235,169,172,1)),to(rgba(235,169,172,1)));
	background: linear-gradient(to bottom, rgba(235,169,172,0) 0%,rgba(235,169,172,0) 59%,rgba(235,169,172,1) 60%,rgba(235,169,172,1) 99%,rgba(235,169,172,1) 100%);
}
.nf_merit_p{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2.0em;
	margin-top: 10px;
}
.nf_icon{
	position: absolute;
	z-index: 10;
}
.nf_icon01{
	left: 50px;
	top: -30px;
}
.nf_icon02{
	right: 50px;
	top: -30px;
}
.nf_icon03{
	left: -20px;
	top: 40px;
}
.nf_icon04{
	right: -20px;
	top: 40px;
}
.nf_icon05{
	left: 50px;
	bottom: -20px;
}
.nf_icon06{
	right: 50px;
	bottom: -20px;
}
.nf_original_ttl{
	font-size: 2.0em;
	font-weight: bold;
	margin-top: 80px;
}
.nf_original_wrap{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 30px;
	margin-top: 30px;
}
.nf_original_box{
	width: 328px;
	margin-bottom: 20px;
}
.nf_cont_ttl{
	margin: 10px 0;
	font-size: 1.1em;
	font-weight: bold;
}
.nf_about02 {
	font-size: 1.1em;
	margin-top: 30px;
}
.nf_about02_box_a{
	background: #000;
	padding: 30px 0 20px;
	width: 273px;
}
.nf_about02_box_b{
	background: url(../images/service/douga/netflix/nf_stripe.png);
	padding: 20px 0;
	width: 229px;
}
.nf_about02_ttl{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 10px;
}
.nf_about02_cont{
	font-size: 1.5em;
	font-weight: bold;
}
.nf_about02_txt{
	vertical-align: baseline;
}
.nf_about_p{
	font-size: 1.3em;
	line-height: 1.8em;
	margin-bottom: 20px;
	margin-top: 40px;
}
.nf02{
	text-align: center;
	padding-bottom: 50px;
}
.nf_copy04{
	width: 490px;
	text-align: left;
	margin: 60px auto 50px;
}
.nf_campaign{
	background: #000;
	padding: 30px 0;
	position: relative;
	margin-bottom: 80px;
}
.nf_campaign01{
	color: #e50914;
	font-size: 2.9em;
	font-weight: bold;
}
.nf_campaign02{
	color: #fff;
	font-size: 1.9em;
	font-weight: bold;
}
.nf_sarani{
	padding: 5px 10px;
	line-height: 1.0em;
	font-weight: bold;
	font-size: 1.5em;
	position: absolute;
	left: 65px;
	top: 160px;
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	background: #FFFF00;
}
.nf_sarani::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 5px 0 5px;
	border-color: #ffff00 transparent transparent transparent;
	position: absolute;
	bottom: -14px;
	left: calc(50% - 5px);
}
.nf02_h2{
	background: #bfbfbf;
	padding: 10px 0;
	width: calc(100% - 40px);
	margin: auto;
}
.nf02_h2_txt{
	display: inline-block;
	position: relative;
	font-size: 2.0em;
	font-weight: bold;
	padding-left: 50px;
}
.nf02_h2_txt::after{
	content: "";
	display: block;
	width: 68px;
	height: 88px;
	background: url(../images/service/douga/netflix/nf_price_icon.png)no-repeat;
	background-size: contain;
	position: absolute;
	left: -20px;
	top: -30px;
}
.nf02_inner{
	margin-bottom: 60px;
}
.nf02_wrap{
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 50px;
}
.nf02_box{
	width: 100%;
	border-radius: 20px;
	margin-bottom: 30px;
	padding: 20px 15px 15px 15px;
	background: #000;
}
.nf02_box_ttl{
	margin-bottom: 10px;
	padding: 0 40px;
}
.nf02_ttl_a{
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.4em;
	color: #fff;
	text-align: left;
}
.nf02_ttl_b{
	font-size: 2.0em;
	font-weight: bold;
	color: #fff;
	text-align: right;
}
.nf02_ttl_a sup{
	vertical-align: super;
	font-size: 0.5em;
}
.nf02_box_price{
	background: #fff;
	padding: 15px 30px;
	text-align: center;
	margin-top: 10px;
}
.nf02_price_a{
	font-size: 2.2em;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: solid 1px #000;
}
.fzx15{
	font-size: 1.5em;
}
.nf02_notes_b{
	text-align: left;
}
.nf02_h2_txt02{
	font-size: 2.0em;
	font-weight: bold;
}
.nf02_inner02{
	text-align: left;
}
.nf_step_box{
	width: calc(25% - 10px);
	border: solid 3px #000;
	border-radius: 15px;
}
.nf_step_box p{
	padding: 10px;
}
.nf_dl_ttl{
	font-size: 18px;
	font-weight: bold;
}
.nf_dl_ttl::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #e50914;
	margin-right: 10px;
	position: relative;
	top: 3px;
}
.hulu04_notes_c{
	margin-bottom: 20px;
	text-align: center;
}

.nf_link_btn{
	display: block;
	background: #e50914;
	border: solid 3px #e50914;
	width: 360px;
	margin: 0 auto;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	padding: 10px 0;
	text-decoration: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.nf_link_btn01{
	width: calc(50% - 10px);
}
.nf_link_btn02{
	width: 400px;
	font-size: 1.2em;
	margin-top: 20px;
}
.nf_id_ttl{
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
	background: url(../images/service/douga/netflix/nf_stripe.png);
	padding: 10px;
	letter-spacing: 0.1em;
}
.nf_btn_wrap02{
	border: solid 1px #ccc;
	margin-top: 50px;
}
.nf_btn_inner{
	padding: 20px;
}
.nf_btn_box{
	margin-bottom: 30px;
}
.nf_tel_wrap{
	width: calc(50% - 10px);
}
.nf_tel_icon{
	width: 70px;
	text-align: center;
	padding-top: 17px;
}
.nf_tel_num{
	font-size: 2.0em;
	font-weight: bold;
	width: calc(100% - 80px);
	line-height: 1.2em;
	text-align: left;
}
.s_moji{
	font-size: 0.6em;
}
.hulu_link_btn{
	background: #3de132;
	border: solid 3px #3de132;
}
@media screen and (min-width: 941px) {
	.nf_original_btn:hover{
		opacity: 0.7;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}
	#main a.nf_link_btn:hover{
		background: #fff;
		color: #e50914;
		text-decoration: none;
	}
	#main a.hulu_link_btn:hover{
		color: #3de132;
	}
}
@media screen and (max-width: 940px) {
	.nf_ttl_inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.nf_ttl_box{
		width: 100%;
	}
	.nf_ttl_box01{
		padding: 20px;
	}
	.nf_ttl01{
		font-size: 2.0em;
	}
	.nf_ttl02{
		font-size: 1.2em;
	}
	.nf_ttl03{
		padding: 20px;
	}
	.w940{
		width: 100%;
	}
	.nf01{
		padding-top: 50px;
	}
	.nf_top_link_wrap {
		padding: 0 10px;
		margin-bottom: 80px;
	}
	.nf_btn_wrap02{
		margin-top: 30px;
	}
	.nf_copy01{
		font-size: 1.8em;
	}
	.nf_copy01::after{
		top: unset;
		height: 15px;
		bottom: 0;
	}
	.nf_copy02{
		margin-top: 30px;
	}
	.nf01_ttl{
		padding: 20px;
	}
	.nf_merit_wrap {
		padding: 0 10px;
		margin-bottom: 20px;
	}
	.nf_merit_box{
		padding: 20px 10px;
	}
	.nf_merit_ttl{
		font-size: 1.3em;
	}
	.nf_icon{
		position: static;
	}
	.nf_merit_p{
		font-size: 1.1em;
	}
	.nf_original_wrap{
		padding: 0 10px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.nf_original_box{
		max-width: 348px;
		padding: 0 10px 20px ;
	}
	.nf_about02{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 10px;
	}
	.nf_about02_box_a{
		width: 100%;
	}
	.nf_about02_box_b{
		width: calc(50% - 3px);
		margin-top: 5px;
		padding: 10px;
	}
	.nf_about_p{
		font-size: 1.1em;
		padding: 0 10px;
	}
	.nf_note{
		padding: 0 10px;
		font-size: 0.9em;
	}
	.nf_copy04{
		width: 300px;
	}
	.nf_campaign{
		padding: 30px 10px;
	}
	.nf_campaign01{
		font-size: 2.0em;
	}
	.nf_campaign02{
		font-size: 1.5em;
		margin-top: 0;
	}
	.nf_sarani{
		position: static;
		display: inline-block;
		margin: 0 auto 10px;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	.nf_link_btn{
		width: 100%;
		max-width: calc(100% - 20px);
	}
	.nf02_h2{
		width: calc(100% - 20px);
	}
	.nf02_h2_txt {
		font-size: 1.3em;
	}
	.nf02_h2_txt::after{
		width: 40px;
		left: 0px;
		top: -10px;
	}
	.nf02_wrap{
		padding: 0 10px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.nf02_box{
		padding: 20px 10px 10px;
		margin: 0 5px 20px;
	}
	.nf02_box_ttl{
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 auto 10px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.nf02_box_price{
		padding: 10px;
	}
	.nf02_ttl_a{
		font-size: 1.4em;
		width: auto;
		text-align: right;
	}
	.nf02_ttl_b{
		font-size: 1.4em;
		padding: 0 20px;
	}
	.nf02_price_a{
		font-size: 1.8em;
		line-height: 1.5em;
	}
	.nf02_notes_b{
		padding: 0 10px;
		font-size: 0.9em;
	}
	.nf02_h2_txt02{
		font-size: 1.4em;
	}
	.nf02_inner02 {
		padding: 0 10px;
	}
	.nf_step_box{
		width: 100%;
		margin: 0 0 10px;
	}
	.hulu04_notes_b{
		padding: 0 10px;
	}
	.nf_btn_inner{
		padding: 20px 10px;
	}
	.nf_btn_box {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.nf_tel_wrap {
		width: 100%;
		max-width: 300px;
	}
	.hulu_dl_wrap{
		margin: 50px 0 30px;
		padding: 0 10px;
	}
	.nf_dl_ttl{
		position: relative;
		padding-left: 30px;
		font-size: 1.3em;
	}
	.nf_dl_ttl::before {
		position: absolute;
		left: 0;
		top: 0;
	}
	.nf_btn_wrap{
		padding: 0 10px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.nf_link_btn{
		font-size: 1.3em;
		padding: 10px;
		max-width: 400px;
	}
	.nf_link_btn01{
		margin-bottom: 10px;
	}
	.nf_link_btn02{
		margin-bottom: 20px;
	}
	.nf_tel_icon{
		width: 60px;
	}
	.nf_tel_num{
		font-size: 1.7em;
		width: calc(100% - 60px);
	}
}
/*DAZNプラン*/
.dazn #main {
	width: 100%;
}
.dazn #main * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dz_ttl_sec{
	background: #000;
	color: #fff;
	text-align: center;
	padding-bottom: 10px;
}
.dz_ttl_box01{
	width: 144px;
	height: 522px;
	background: url(../images/service/douga/dazn/dz_logo_bk01.png);
}
.dz_ttl_box02{
	width: 520px;
}
.dz_ttl_box03{
	width: 144px;
	height: 522px;
	background: url(../images/service/douga/dazn/dz_logo_bk02.png);
}
.dz_ttl_copy01{
	font-size: 3em;
	font-weight: bold;
	padding: 30px 0 10px;
}
#main h1.dz_h1{
	height: auto;
	background: none;
}
.dz_logo_wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 300px;
	position: relative;
	margin-top: 10px;
}
.dz_ttl_txt{
	height: 100%;
	padding: 5px;
	background: #e4e51b;
	color: #000;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top: 0;
	font-size: 1.6em;
	font-weight: bold;
}
.dz_ttl_txt01{
	left: 0;
}
.dz_ttl_txt02{
	right: 0;
}
.dz_ttl_txt::before{
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 14px);
	width: 0;
	height: 0;
	border-style: solid;
}
.dz_ttl_txt01::before{
	border-width: 14px 0 14px 14px;
	border-color: transparent transparent transparent #e5e51b;
	right: -14px;
}
.dz_ttl_txt02::before{
	border-width: 14px 14px 14px 0;
	border-color: transparent #e5e51b transparent transparent;
	left: -14px;
}
.dz_ttl_sec .waiwai_logo{
	margin: 50px 0;
}
.dz_link_btn{
	background: #e4e51b;
	border: solid 3px #e4e51b;
	color: #000;
}
.dz_btn_wrap02{
	border: solid 5px #0290bd;
	border-radius: 5px;
	background: #fff;
}
.nf_btn_inner{
	color: #000;
}
.dz_id_ttl{
	background: #0290bd;
	color: #fff;
}
.dz01{
	padding: 80px 100px 90px;
	background: url(../images/service/douga/dazn/dz_bk_img01.jpg);
	background-size: cover;
}
.dz_h2_txt{
	padding: 0 15px;
}
.dz01_h2::before,.dz01_h2::after{
	content: "";
	display: block;
	height: 3px;
	background: #e4e51b;
	position: relative;
	top: 50%;
	margin-top: 13px;
}
.dz01_h2::before{
	width: 50px;
}
.dz01_h2::after{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
}
.dz01_wrap{
	border: solid 3px #e4e51b;
	border-top: none;
	padding: 50px 70px 40px;
	position: relative;
	color: #fff;
	margin-top: -20px;
}
.dz01_wrap p{
	font-size: 1.3em;
	line-height: 1.7em;
}
.dz_cheer_a{
	position: absolute;
	left: -65px;
	bottom: -10px;
}
.dz_cheer_b{
	position: absolute;
	right: -65px;
	bottom: -10px;
}
.dz02{
	padding: 80px 100px 90px;
	background: url(../images/service/douga/dazn/dz_bk_img02.jpg);
	background-size: cover;
}
.dz02_h2{
	font-size: 2.2em;
	color: #e4e51b;
	margin-bottom: 50px;
}
.dz_merit_ttl{
	display: inline-block;
	padding: 0 20px;
	font-size: 2.0em;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(235,169,172,0)),color-stop(59%, rgba(235,169,172,0)),color-stop(60%, rgba(235,235,147,1)),color-stop(99%, rgba(235,235,147,1)),to(rgba(235,235,147,1)));
	background: linear-gradient(to bottom, rgba(235,169,172,0) 0%,rgba(235,169,172,0) 59%,rgba(235,235,147,1) 60%,rgba(235,235,147,1) 99%,rgba(235,235,147,1) 100%);
}
.dz_merit_ttl02{
	padding: 0;
}
.dz_icon01{
	left: 50px;
	top: -30px;
}
.dz_icon02{
	right: 50px;
	top: -30px;
}
.dz_icon03{
	left: -20px;
	top: 40px;
}
.dz_icon04{
	right: -20px;
	top: 40px;
}
.dz_icon05{
	left: 50px;
	top: 20px;
}
.dz_icon06{
	right: 50px;
	top: 20px;
}
.dz_icon07{
	left: 30px;
	bottom: -30px;
}
.dz_icon08{
	right: 40px;
	bottom: -20px;
}
.dz_merit_box04{
	margin-bottom: 80px;
}
.dz_sports_list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.dz_sports_list li{
	padding-right: 20px;
	position: relative;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 2.0em;
}
.dz_sports_list li::before{
	content: "●";
	color: #e4e51b;
}
.dz03{
	background: #000;
	padding: 80px 100px 90px;
}
.dz_youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 50px;
}
.dz_youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.dz3_btn{
	width: 540px;
	background: #e4e51b;
	color: #000;
	font-size: 1.7em;
	padding: 5px;
	position: relative;
	border: solid 3px #e4e51b;
}
.dz_icon09{
	position: absolute;
	left: 30px;
	top: -30px;
}
.dz04{
	background: #fff;
	padding-bottom: 80px;
}
.dz04_copy{
	width: 540px;
	text-align: left;
	margin: auto;
	padding: 60px 0;
}
.dz_campaign01{
	color: #e4e51b;
	font-size: 2.9em;
}
.dz_campaign_try{
	color: #e4e51b;
	font-size: 2.0em;
	line-height: 4em;
}
.dz_campaign_price{
	font-size: 8.0rem;
	vertical-align: middle;
}
.dz_campaign02{
	color: #fff;
	font-size: 1.9em;
	font-weight: bold;
}
.dz_logo03{
	vertical-align: baseline;
	padding: 0 5px;
}
.dz04_h2{
	background: #000;
	color: #fff;
}
.dz04_h2 .nf02_h2_txt{
	color: #fff;
}
.dz_dl_ttl::before{
	background: #e4e51b;
}
@media screen and (min-width: 941px) {
	#main a.dz_link_btn:hover,#main a.dz3_btn:hover{
		color: #e4e51b;
		background: #000;
	}
}
@media screen and (max-width: 940px) {
	.dz_ttl_box01{
		background-size: cover;
		background-position: right;
		height: auto;
	}
	.dz_ttl_box03{
		background-size: cover;
		background-position: left;
		height: auto;
	}
	.dz_ttl_box02{
		padding: 0 10px;
	}
	.dz_ttl_copy01{
		font-size: 1.5em;
	}
	.dz_logo_wrap{
		display: block;
		height: auto;
	}
	.dz_logo{
		padding: 20px;
	}
	.dz_ttl_txt{
		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
		position: static;
		font-size: 1.2em;
		margin-top: 10px;
	}
	.dz_ttl_txt::before{
		display: none;
	}
	.waiwai_logo{
		margin: 30px 0;
	}
	.dz01{
		padding: 30px 10px;
		background-position: center;
	}
	.dz01_wrap{
		padding: 20px 10px 120px;
	}
	.dz01_wrap p{
		font-size: 1.1em;
	}
	.dz_cheer_a{
		left: 0;
	}
	.dz_cheer_b{
		right: 0;
	}
	.dz_sports_list li{
		font-size: 1.1em;
	}
	.dz02{
		padding: 30px 10px 50px;
	}
	#main h2.dz02_h2{
		font-size: 1.7em;
		margin-bottom: 30px;
	}
	.dz_merit_ttl {
		font-size: 1.3em;
		padding: 0 10px;
	}
	.dz01_h2::before{
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	.dz01_wrap02{
		padding: 20px 10px;
	}
	.dz03{
		padding: 50px 10px;
	}
	.dz3_btn{
		width: 100%;
		font-size: 1.3em;
		max-width: 540px;
	}
	.dz_icon09{
		width: 50px;
		left: 5px;
		top: -42px;
	}
	.dz04_copy{
		max-width: 300px;
		width: 100%;
	}
	.dz04_copy01{
		font-size: 1.6em;
	}
	.dz_campaign01{
		font-size: 1.8em;
		margin-bottom: 10px;
	}
	.dz_campaign_try {
		font-size: 1.5em;
		line-height: 3.5em;
		margin-bottom: 20px;
	}
	.dz_campaign02 {
		font-size: 1.6em;
	}
}