@charset "UTF-8";

/* image */
img.left { float: left; margin-right: 20px; }
img.right { float: right; margin-left: 20px; }

/* ul,ol */
#conts ul li, #conts ol li { margin-bottom: 1em; line-height: 1.8; }

.wrapper:after { content: ""; }

/* h */
h2 { clear: both; }
h3 { font-size: 1.5rem; /*clear: both;*/ }
h3.bg_blue { margin-bottom: 1em; }

/* color */
.yellow { color: #ffdb1e; }
.orange { color: #ef6e00; }

#header { box-shadow: 0 0 8px rgba(0,0,0,0.06); }
#slider_nav_area { padding-top: 2.5em; }
#top_gnav { margin-bottom: 1em; }
#top_gnav .nav_list02 li a .nav_box, #sp_gnav .nav_list02 li a .nav_box, #top_gnav .nav_list01 > li > a .nav_box, #sp_gnav .nav_list01 > li > a .nav_box { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }
#top_gnav .nav_list02 li a .nav_box { border-radius: 10px; }
#main_slider .bx-wrapper, #subtop_slider .bx-wrapper { box-shadow: unset; border-radius: 0; }
#main_slider ul li, #subtop_slider ul li { border-radius: 0; }
#main_slider li img, #subtop_slider li img { width: 98%; margin: 1%; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; }
.bx-wrapper .bx-prev, #subtop_slider .bx-wrapper .bx-prev { left: -30px; }
.bx-wrapper .bx-next, #subtop_slider .bx-wrapper .bx-next { right: -30px; }

/* トップページSNS */
.sns_area .link_x {
  width: 48%;
  margin-bottom: 2em;
}
.sns_area .link_x a{
  display: block;
  background-color: #000;
  border-radius: 10px;
  font-size: 1.375rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 0.7em 0.5em;
}
.sns_area .link_x a .smaller { font-size: 0.77em; }
.sns_area .link_x a .inner {
  display: inline-block;
  padding-left: 3em;
  background: url(../images/icon_x.svg) no-repeat left center;
  background-size: 2.5em auto;
}
@media (hover: hover) {
  .sns_area .link_x a:hover { opacity: 0.7; }
}

@media screen and (max-width: 768px) {
  .sns_area .link_x {
    width: 100%;
    max-width: 450px;
    margin: 0 auto 1.5em;
  }
  .sns_area .link_x a{ font-size: 1.25rem; }
}
@media screen and (max-width: 540px) {
  .sns_area .link_x {
    padding-left: 15px;
    padding-right: 15px;
    margin: 1em 0;
  }
}


#banner_area ul li img { border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }
#banner_area ul li a:hover img, #main_slider ul li a:hover img, #subtop_slider ul li a:hover img { opacity: 0.7; }
#banner_area a { border-radius: 8px; overflow: hidden; box-shadow: 0 0 6px rgba(0,0,0,0.15); }

/* survice sub top */
#service_list .service_links ul li a { display: inline-block; text-indent: 0; }
#service_list .service_links .list.cablegate .service_button a { background-color: #8c5fa0; background-image: url(../images/service_icon_gate.png); }
#service_list .service_links .list.cablegate ul li a { background-image:url(../images/icon_arrow_purple_r.svg); }

/* 中ページ */
#navibar p { font-size: 0.8rem; }
.common_box .img_box { max-width: 50%; }
.listbox_2_col .image_area { width: auto; max-width: 190px; }
.listbox_2_col .comment_text { padding-top: 0.5em; }
.program_detail, .list_box .comment_text p.program_detail { font-weight: bold; color: #05b; margin-bottom: 0; line-height: 1.9; }

/* button */
.button_area.big_button { width:auto; max-width: none; margin-bottom: 1.5em; }
.button_area.big_button a { font-size: 1.2rem; padding-left: 2em; padding-right: 3em; max-width: none; min-width: 300px; width: auto; }

/*.acc_box { overflow: hidden; }
.acc_box h3 { border-radius: 8px; text-align: left; }*/

/* section */
.common_box .text_box { float: left; }

/* color box */
.color_box { position: relative; background: #ecf0f6; padding: 2em 2em 0.5em; margin-bottom: 1.5em; border-radius: 10px; }
.color_box.color_lightyellow_box { background: #fbf4d3; }
.color_box.color_lightyellow_box h3.bg_blue, .color_box.color_yellow_box h3.bg_blue, .color_box.color_yellow_box table thead td, .color_box.color_yellow_box table thead th { background: #ef6e00; }
.color_box.color_green_box { background: #bde67e; }
.color_box.color_green_box h3.bg_blue, .color_box.color_green_box table thead td, .color_box.color_green_box table thead th { background: #00a41e; }
.color_box.color_yellow_box { background: #ffdb1e; }

.white_box { background: #fff; border-radius: 10px; padding: 1em; line-height: 1.7; }

table.faq_search td, table.faq_search th { border: 0; }

/* form */
#sp_search_menu form .search_form { border-color: #dae1e6; border-top: 0; }
#container form.assisted_form input[type="text"], #container form.assisted_form input[type="email"], #container form.assisted_form input[type="tel"], #container form.assisted_form textarea, #container form input[type="text"] { background: #e8ecf2; border: solid 2px #dae1e6; }
#container form.assisted_form input[type="text"]:focus, #container form.assisted_form input[type="email"]:focus, #container form.assisted_form input[type="tel"]:focus, #container form.assisted_form textarea:focus { border-color: #82aad2; }
#container form.assisted_form .input_alert_area .input_yet { padding: 0.5em 2em; border: solid 2px #c22; background: #fff; border-radius: 8px; color: #d00; font-weight: bold; }
#container input.form_btn { background-color: #fff; border: solid 2px #05b; }
#container input.form_btn.btn_submit, #container a.form_btn.go_home { background-color: #05b; border: 0; }
#conts .table_form ul { margin: 0; }
#conts .table_form ul li { display: inline-block; margin: 0 1em 0.5em 0; vertical-align: middle; }
#conts .table_form ul li:before, #conts .table_form ul li:after { display: none; }
#conts .form_answer { display: flex; }
#conts .form_answer select { margin-left: 0.5em; }
#conts .form_answer select:first-child { margin-left: 0; }


/* search */
.float_left, .float_right { float: left; width: 50%; margin: 0 0 1em; }
.float_left { border-right: 1px solid #c6cdd2; padding-right: 2em; }
.float_right { padding-left: 2em; }
.color_box .float_left { width: 35%; }
.color_box .float_right { width: 65%; }
.color_box .button_area { clear: both; /*padding-top: 1em;*/ }
.color_box select, .count_area select { width: auto; padding-right: 2em; }
.color_box select { margin-bottom: 0.5em; }
#container .color_box input[type="text"] { background: #fff; }
.color_box input.form_btn.btn_submit { background-image: url(../images/icon_search_white.svg); background-size: 30px auto; }
.count_area { margin-bottom: 0.5em; overflow: hidden; }
.count_area .count { float: left; margin-bottom: 0; }
.count_area .control { float: right; text-align: right; }
.count_area .control a { display: inline-block; padding: 0.1em 0.6em; background: #05b; color: #fff; font-weight: bold; border-radius:1.1em; text-decoration: none; }
#container table thead th a, #container table thead td a { color: #fff; }
table td.question_line, table thead th.question_line { border-right-width: 0; }
table td.service_line, table thead th.service_line { border-left-width: 0; text-align: right; }
table td.attribute_line { font-size: 0.9em; }
table td .service_result { font-size: 0.8125rem; font-weight: bold; color: #05b; text-align: center; background-color: #d6edfa; height: 1.8em; padding: 0.3em 0.5em 0.1em; line-height: 1.4; border-radius: 0.9em; }


/* subtop（番組）
====================================================================================================================================== */
/* ボタン3つの時 */
.subtop_intro_area.broadcast .links_area.button03 a.link_movie_request { margin-left: -25px; width: 180px; }
.subtop_intro_area.broadcast .links_area.button03 a.link_program { margin-top: 30px; margin-right: 90px; width: 138px; }
.subtop_intro_area.broadcast .links_area.button03 a.link_program.com { margin-top: 80px; margin-right: 20px; margin-bottom: -50px; margin-left: -10px; }

.subtop_intro_area.broadcast.service .slider_area { padding-top: 2em; padding-bottom: 4em; }

#lineup .section_box, #conts #lineup ul { margin-bottom:0; padding-bottom: 0 !important; }
#lineup .lineup_box > p { margin-bottom:0 !important; }
#lineup .section_box p { margin-bottom:0; }
#lineup .section_box p.img_box { margin-bottom:0.5em; }

#conts .subtop_intro_area .button_big.simple { margin-bottom: 0; }
#conts .subtop_intro_area .button_big.simple a { padding-top: 0.75em; padding-bottom: 0.75em; background-size: 54px auto; padding-left: 4.5em; margin-bottom: 0.7em; }
#conts .subtop_intro_area .button_big a.icon_interview { background-image: url("../images/icon_interview.svg"); }
#conts .subtop_intro_area .button_big a.icon_movie { background-image: url("../images/icon_camera_glitter02.svg"); }
#conts .subtop_intro_area .blue_btn a { background-color: #0055bb; background-image: url("../images/icon_arrow_white_r.svg"); color: #fff; }
#conts .subtop_intro_area a.column02 { padding-top: 0.3em; padding-bottom: 0.3em; }


/* subtop（ケーブルモバイル）
====================================================================================================================================== */
h2.simple_text { text-align: left; padding: 0; margin-bottom: 0.8em; font-size: 2.25rem; border: 0; }

.float_left_box, .float_right_box { float: left; width: 47%; margin: 0 3% 0 0; }
.float_right_box { width: 50%; margin: 0; }
.app_dl_left { width: 67%; }
.app_dl_right { width: 30%; }
.app_dl_box { margin-top: 1em; margin-bottom: 1em; }
.app_icon_center { margin: -2em auto 1em; max-width: 60px; }

#conts ul.check_list li { padding-left: 1.7em; margin-bottom: 0.5em; }
#conts ul.check_list li:before { content: ""; top: 0.2em; width: 23px; height: 23px; background: url(../images/icon_check.png) no-repeat left center; background-size: 100% auto; }

.wrapper .subtop_intro_area { margin: -3rem -1000px 3em; text-align: center; }
.wrapper_main { width: 100vw; margin: 0 auto; 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-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.main_text_area { display: block; background: #fff; text-align: left; width: 72%; padding: 2.5em 1em 1em 1em; text-align: left; overflow: hidden; }
.main_text_area .bottom_area { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 75px; background: url(../images/bg_illust_town.png) repeat-x center bottom; background-size: auto; background-size: contain; }
.mobile .main_text_area { display: block; background: url(../images/bg_dot.gif) repeat center top; position: relative; }
.mobile .main_text_area .image_box { position:absolute; left: 4%; width: 27%; z-index: 2; }
.mobile .main_text_area .image_box img { width: 100%; }
.mobile .main_text_area .text_box { position: relative; padding: 0 1em 0 30%; margin: 0 0 0 1em; overflow: hidden; z-index: 2; }

.fukidashi { position: relative; background: #fff; margin: 0 0 1em 40px; padding: 1em 1.5em; border-radius: 10px; }
.fukidashi:after { content: ""; display: block; position: absolute; left: -40px; top: 35px; width: 40px; height: 25px; background: url(../images/mobile/fukidashi_lw.png) no-repeat left center; background-size: 100% auto; z-index: 0; }
.mobile .main_text_area .text_box h2 { margin-left: 1.2em; }

/*list*/
#footer .footer_contact ul:not(.flow_list) li { position: relative; padding-left: 1em; }
#footer .footer_contact ul:not(.flow_list) li:before { content: "●"; color: #ffdb1e; position: absolute; left: 0; top: 0; }
#footer .footer_contact.subtop.service .border_box table  ul li{ line-height: 1.6; }

/* box */
.border_box { border: solid 2px #fff; padding: 2em; margin: 0 auto 3em; border-radius: 8px; }

/* price */
.price, p.price { line-height: 1.3; }
.logo_img { padding-top: 1em; }

/* table */
table.line { border: 0; margin: 0; }
table.line th, table.line td { background: none; border: 0; border-bottom: solid 1px #fff; padding: 2em 0; vertical-align: top; }
table.line th { padding-right: 2em; font-size: 1.25em; font-weight: bold; line-height: 1.6; }
table.line tr:first-child th, table.line tr:first-child td { padding-top: 0; }
table.line tr:last-child th, table.line tr:last-child td { border: 0; padding-bottom: 0; }

/* footer mobile */
#footer .footer_contact .wrapper { position: relative; color: #fff; }
#footer .footer_contact.subtop.service .wrapper:after { font-size: 0; z-index: -1; }
ul.flow_list { margin-right: -1.2em; overflow: hidden; }
ul.flow_list > li { float: left; width: 25%; padding-right: 1.2em; }
ul.flow_list > li .step_box { position: relative; background: #ffdb1e; color: #0055ba; padding: 0.8em 1em; margin: 0 0 0.5em; font-size: 1.3em; font-weight: bold; border-radius: 10px; line-height: 1.4; }
ul.flow_list > li:not(.complete) .step_box:after { content: ""; display: block; position: absolute; top: 50%; right: -12px; margin-top: -12px;  display: block;  width: 0px;  height: 0px; border-style: solid; border-width: 12px 0 12px 15px; border-color: transparent transparent transparent #ffdb1e; }
ul.flow_list > li.complete .step_box { background: #ef6e00; color:#fff; }
ul.flow_list > li.complete .step_box .orange { color:#fff; }

/* lead text */
.lead_text { position: relative; background: url(../images/bg_dot.gif) repeat center top; font-size: 1.32em; line-height: 1.8; }
.lead_text:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 75px; background: url(../images/bg_illust_town.png) repeat-x center bottom; background-size: auto; background-size: contain; z-index: 0; }
.lead_text .wrapper { position: relative; text-align: left; padding: 3em 0 1.8em; z-index: 1; }
.lead_text .img_box { position: absolute; right: 0; bottom: 0; }
.lead_text .text_box { padding-right: 220px; }
/* lead btn */
.lead_btn { margin: 0 -1000px 3em; overflow: hidden; }
.lead_btn .btn_wrap { width: 100vw; min-width: 1200px; margin: 0 auto; }
/* page sub link */
.page_sub_link { margin: 0 0 3em; }
.page_sub_link a { display: inline-block; padding: 0 2em; border-right: solid 1px #ccc; text-decoration: none; }
.page_sub_link a:last-child { border:0; }

a.bar_btn { display: block; float: left; position: relative; width: 50%; background: #0055ba; color: #fff; padding: 1em 2em; padding-left: 100px; font-weight: bold; font-size: 1.5em; text-decoration: none; }
a.bar_btn.btn_yellow { background: #ffdb1e; color: #0055ba; }
a.bar_btn:before { content: ""; display: block; position: absolute; left: 30px; top: 50%; margin-top: -27px; width:54px; height: 54px; background: url(../images/illust_price_w.svg) no-repeat left center; background-size: cover; }
a.bar_btn.icon_apply:before { background-image: url(../images/illust_notepad.svg); }
a.bar_btn:hover { opacity: 0.7; }

/* point 3column */
.column_point { margin-bottom: 1em; }
.column_point:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
.column_point03 { position: relative; width: 31.33%; float: left; background: #ebeff5; padding: 1.2em 1.5em; margin: 0 1% 1.5em; border-radius: 10px; vertical-align: top; }
.column_point03:after { content: "."; display: block;  clear: both; height: 0; visibility: hidden; }
.color_box .column_point03 { background: #fff; }
.column_point03 img { display: block; margin: 0 auto; }
.column_point03 img.right { margin: 0 0 0 5px !important; float: right !important; }
.column_point03 .tit { padding-left:60px; }
.num { display: inline-block; background: #0055ba; position: absolute; left: -7px; top: -7px; width: 4.5em; height:4.5em; padding: 1em 0 0; color: #fff; font-weight: bold; text-align: center; line-height: 1.2; font-size: 1.1em; border-radius: 50%; }
.num .min_text { font-size: 0.75em; }
.num .num_text { display: block; font-size: 1.5em; }
.column_point03 h3 { margin-bottom: 0.2em; }
.column_point03 p { margin-bottom: 0; }
.color_box .column_point03 h3 { font-size: 1.25em; }
.column_point03:nth-child(3n+1) { clear: both; }
/* color change */
.color_yellow_box .column_point03 .num { background: #ef6e00; }
.color_yellow_box .column_point03 h3 { color: #ef6e00; }
.color_green_box .column_point03 .num { background: #00a41e; }
.color_green_box .column_point03 h3 { color: #00a41e; }
/* month price */
.color_box .line_tit { position: relative; border-bottom: solid 1px #0055ba; padding:0 0 1.5em 90px; margin-bottom: 1.5em; line-height: 1.5; font-weight: bold; }
.color_box .line_tit.simple { padding-left: 0; }
.color_box .line_tit h3 { margin: 0; font-size: 1.8em; color: #234; }
.color_box .line_tit .num { background: #ffdb1e; color: #0055ba; }
.color_box .line_tit.app_icon { overflow: hidden; }
.color_box .line_tit.app_icon img { max-width: 90px; float: left; margin-right: 1em; }
.color_box .line_tit.app_icon h3 { display: inline-block; }


/* osusume */
.column_point03.osusume_box { background: #b4e6e8; }
.column_point03.osusume_box:nth-child(even) { background: #fbf4d3; }
.column_point03.osusume_box:nth-child(even) .num { background: #ef6e00; }
.column_point03.osusume_box:nth-child(even) h3 { color: #ef6e00; }

/* checkbox */
.column_point03.check_point03 { background:none; padding: 0; }
.column_point03.check_point03 .wrap_box { background: #ffdb1e; padding: 1em 1.5em; margin-bottom: 0.5em; font-weight: bold; border-radius: 10px; }
.column_point03.check_point03 h3.check { background: url(../images/icon_check.svg) no-repeat left center; background-size: 44px auto; padding:0 0 0 60px; margin: 0; font-size: 1.4em; line-height: 1.3; color: #234; }
.column_point03.check_point03 p { margin: 0; }

/* big menu */
.fukidashi_box { position: relative; padding-right: 180px; overflow: hidden; }
.fukidashi_box .fukidashi_blue { position: relative; background: #fff; border: solid 3px #0055ba; margin-bottom: 1.5em; padding: 0.3em 2em; font-size: 1.6em; text-align: center; font-weight: bold; border-radius: 3em; line-height: 1.6; z-index: 1; }
.fukidashi_box:before { content: ""; display: block; position: absolute; right: 170px; bottom: 2.5em; background: url(../images/mobile/fukidashi_blue.png) no-repeat left top; background-size: 100% auto; width: 30px; height: 22px; z-index: 0; }
.fukidashi_box img { position: absolute; right: 0; bottom: 0; width: 160px; }
.big_tit { position: relative; padding-left: 150px; }
.point_img { position: absolute; left: -50px; top:-50px; }
h3.kakeho_menu { border-bottom: dotted 4px #ef6e00; padding: 0 0 0.2em; margin: 0 auto 0.5em; color: #234; font-size: 2.4em; font-weight: bold; overflow: hidden; }
h3.kakeho_menu .price { float: right; font-size: 0.75em; }

.big_tit.min_tit { padding-left: 130px; }
.big_tit.min_tit .point_img { top:-65px; }
h3.black { color: #234; }

/* price plan */
#conts.in .tab { overflow: hidden; font-size: 1.25em; font-weight: bold; vertical-align: bottom; }
#conts.in .tab .current_tab, #conts.in .tab a { display: inline-block; background: #ebeff5; padding: 0.4em 2em 0.3em; margin: 0 4px 0 0; color: #234; border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; vertical-align: bottom; text-decoration: none; }
#conts.in .tab a { border-bottom: solid 3px #fff; }
#conts.in .tab .current_tab { font-size: 1.3em; }
#conts.in .tab .light_plan { background: #ffdb1e; }
#conts.in .tab .data_plan { background: #bde67e; }
/* box */
.color_box.plan_box { border-top-left-radius: 0; }
.color_box.plan_box .lead { position: relative; padding-right: 180px; }
.color_box.plan_box .lead:before { content: ""; display: block; position: absolute; right: 0; bottom: -1.6em; width: 150px; height: 136px; background: url(../images/mobile/pit01.png) no-repeat center bottom; background-size: 100% auto; }
.color_box.plan_box.color_yellow_box .lead:before { background-image: url(../images/mobile/pit02.png); }
.color_box.plan_box.color_green_box .lead:before { background-image: url(../images/mobile/pit03.png); }
.color_box.plan_box.lignt_plan .lead:before { background-image: url(../images/mobile/pit02.png); }
.color_box.plan_box.data_plan .lead:before { background-image: url(../images/mobile/pit03.png); }
.color_box table { background: #fff; margin-bottom: 0.5em; }
.color_box table thead th { line-height: 1.5; }



/* 動画投稿TOP
====================================================================================================================================== */
#movie_form_top { position: relative; padding-bottom: 50px; }
#movie_form_top .bottom_area {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 75px;
  background: url(../images/bg_illust_town.png) repeat-x center bottom;
  background-size: contain;
	 pointer-events: none;
}
#movie_form_top .main_img { width: 108%; max-width: none; margin: 0 -4%; }

.button_area a.yellow_btn { background-color: #ffdc1e; color: #05b; background-image: url(../images/icon_arrow_blue_r.svg); font-size: 1.4em; letter-spacing: 0.06em; border:solid 4px #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 2em; margin: 0 auto 1em; }

#conts .page_title_wrap.no_title .wrapper { padding-bottom:0; }


/* 採用 */
.section_box.interview_box h3 {
    padding-left: 3em;
    position: relative;
}
.section_box.interview_box h3:before {
    content: "";
    width: 2.5em;
    height: 1px;
    border-bottom: solid 2px #05b;
    position: absolute;
    left: 0;
    top: 0.6em;
}
#navibar br { display: none; }
.section_box.interview_box .img_box { margin-bottom: 3em; }
.page_title_wrap .tit_comment { padding-top: 0.5em; }
.page_title_wrap .tit_comment p { margin-bottom: 0; }
.pickup_box.interview_box { background: #05b; color: #fff; border-radius: 12px; }
.pickup_box.interview_box a { color: #fff; }
.pickup_box.big.interview_box .text_area { padding: 4em 2.4em 1em; }
.pickup_box.interview_box .title a { background: url(../images/icon_comment.svg) no-repeat left center; background-size: 60px auto; padding: 0 0 0 76px; min-height: 64px; }
.pickup_box.interview_box .title br { display: none; }
.pickup_box.interview_box .show_detail { background-color: #FFDC1E; color: #05b; background-image: url(../images/icon_arrow_blue_r.svg); }


@media screen and (max-width: 1200px) {
  /* subtop（ケーブルモバイル）
====================================================================================================================================== */
.wrapper .subtop_intro_area { max-width: 1200px; margin-left: -110px; margin-right: -110px; }
.wrapper_main { width: 100%; }

}

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

/* image */
img.left, img.right { max-width: 60%; }

  #header .freecall .anotation { margin-bottom: -0.25rem; }
  #site_title { width: 105px; margin-top: 5px; }
  #header .freecall a { padding-bottom: 0.3em; }
#slider_nav_area { padding-top: 1.5em; }
  #header #sp_gnav { background-color: rgba(255, 255, 255, 0.93); }
#top_gnav .nav_list01, #sp_gnav .nav_list01 { margin-bottom: 1em; }
#container #header #sp_gnav { padding-left: 15px; padding-right: 15px; }

#top_gnav .nav_list02 li a .nav_box, #sp_gnav .nav_list02 li a .nav_box { border-radius: 8px; }
#top_gnav .nav_list01 > li > a .nav_box, #sp_gnav .nav_list01 > li > a .nav_box { border-radius: 10px; }
#top_gnav .nav_list01 > li > a .icon_yellow, #sp_gnav .nav_list01 > li > a .icon_yellow { top: -11px; width: 13vw; }
  #top_gnav .nav_list01 > li > a .title, #sp_gnav .nav_list01 > li > a .title { font-size: 4vw; }

#sp_search_menu form .search_form { border: solid 2px #d0d7dc; border-radius: 5px; }

  #main_slider .bx-wrapper, #subtop_slider .bx-wrapper { border-radius: 10px;}
  #main_slider ul li, #subtop_slider ul li { border-radius: 10px; }
  .subtop_intro_area #subtop_slider { width: calc(100vw - 30px); }
	.subtop_intro_area.broadcast .slider_area { padding: 0; }
	.subtop_intro_area.service.broadcast .slider_area { padding-top: 2em; padding-bottom: 0; }
  .bx-wrapper .bx-prev, .bx-wrapper .bx-next, #subtop_slider .bx-wrapper .bx-prev, #subtop_slider .bx-wrapper .bx-next { opacity: 1; width: 52px; height: 52px; background-color: #fff; background-size: 70%; background-position: 0px center; }
  .bx-wrapper .bx-next, #subtop_slider .bx-wrapper .bx-next { right: -40px; }
  .bx-wrapper .bx-prev, #subtop_slider .bx-wrapper .bx-prev { left: -40px; background-position: right center; }

  #slider_nav_area .sns_box { bottom: 0; z-index: 2; }

  /* news */
  #info_tab { margin-bottom: 1.5em; }

  #footer .footer_contact { padding-top: 1.6em; }
  #footer .footer_contact .lead_area .illust_pit, #footer .footer_contact.subtop .button_freecall .illust_pit { width: 90px; }
  #footer .footer_contact.subtop .button_freecall .illust_pit { margin-top: -10px; }
  #footer .footer_contact .lead_area p { padding-left: 105px; }
  #container #footer .footer_contact.subtop .button_freecall .lead { padding-left: 100px; }
  #footer .footer_contact.subtop .yellow_buttons_area .button_big a { height: 3em; line-height: 3em; border-radius: 1.5em; }

  #footer .footer_contact.subtop .button_freecall .freecall_area .inner { height: 5em; border-radius: 2.5em; }

  #footer .footer_links dl dt { padding: 1.1em 1em; background-size: 15px auto; }
  #footer .footer_links ul li { margin-bottom: 0.9em; }

  /* 中ページ */
  #navibar p { font-size: 0.8rem; }


/* button */
.button_area.big_button a { font-size: 1.05rem; padding-left: 1em; padding-right: 2em; }

.subtop_intro_area.service .intro_side { padding: 1em 15px; }
	
	
	
  /* search */
  .float_left, .float_right, .color_box .float_left, .color_box .float_right { float: none; border: 0; padding: 0; width: 100%; }
  .count_area .count, .count_area .control { float: none; }


/* subtop（番組）
====================================================================================================================================== */
/* ボタン3つの時 */
#container .subtop_intro_area.broadcast .links_area.button03 { width: 100%; }
#container .subtop_intro_area.broadcast .links_area.button03 a { margin: auto; width: 33.3333%; width: calc(100% / 3); border-left: solid 1px rgba(0,0,0,0.4); }
#container .subtop_intro_area.broadcast .links_area.button03 a.link_movie_request { border: 0; }
#container .subtop_intro_area.broadcast .links_area.button03 a .inner { display: block; height: 9em; text-align: center; padding: 0 0.25em 0.5em; }
#container .subtop_intro_area.broadcast .links_area.button03 a .icon { width: 10vw; margin: 5vw auto 0.5em; }
#container .subtop_intro_area.broadcast .links_area.button03 a.link_movie_request .icon { width: 15vw; }
#container .subtop_intro_area.broadcast .links_area.button03 a .title { width: auto; margin: 0; padding: 0.75em 0 0; }
#container .subtop_intro_area.broadcast .links_area.button03 a .title.multi_line { padding-top: 0; line-height: 1.2; }
#container .subtop_intro_area.broadcast .links_area.button03 a.link_program.com .title { font-size: 4vw; padding: 0; }
	
#container .subtop_intro_area.broadcast .links_area.column04 a { width: 25%; width: calc(100% / 4) !important; }
#container .subtop_intro_area.broadcast .links_area.button03 a.link_movie_request.post { border-left: solid 1px rgba(0,0,0,0.3); }

#container .subtop_intro_area.broadcast .links_area.button03 a .icon { width: auto; }
#container .subtop_intro_area.broadcast .links_area.button03 a .icon img { width: auto; height: 50px; }
#container .subtop_intro_area.broadcast .links_area.button03 a.link_program.com .title { font-size: 3vw; }
	
	
  /* subtop（ケーブルモバイル）
====================================================================================================================================== */
h2.simple_text { font-size: 1.5rem; border: 0; }

.float_left_box, .float_right_box { float: none; width: 100%; margin: 0; }

.wrapper_main { display: block; width: 100vw; }
.wrapper .subtop_intro_area { max-width: none; /*margin: -3em -1000px 3em;*/ }
.main_text_area { width: 100%; }
.main_text_area .bottom_area { height: 50px; }
.mobile .main_text_area { display: block; background: url(../images/bg_dot.gif) repeat center top; position: relative; padding-top: 1em; }
.mobile .main_text_area .image_box { position: absolute; left: 20px; width: 100px; }
.mobile .main_text_area .text_box { float: none; display: block; padding: 1em 0 0; margin: 0; }
.mobile .main_text_area .text_box h2 { margin-left: 120px; }
.mobile .main_text_area .text_box h2 { margin-left: 115px; }
.subtop_intro_area.mobile .intro_side h2 { background: none; padding: 0; }
.subtop_intro_area.mobile .intro_side .button_big a { position: static; }

.fukidashi { margin: 0 0 1em; }
.fukidashi:after { display: none; }

/* box */
.border_box { padding: 1.5em; margin-bottom: 1em; }

/* table */
table.line th, table.line td { display: block; white-space: normal; }
table.line th { padding: 1em 0; border: 0; }

/* footer mobile */
#footer .footer_contact h3 { font-size: 1em; }
ul.flow_list { margin-right: 0; }
ul.flow_list > li { float: none; width: 100%; padding-right: 0; }
ul.flow_list > li .step_box br { display: none; }
ul.flow_list > li .step_box .font_sm { margin-right: 0.5em; }
ul.flow_list > li:not(.complete) .step_box:after { display: none; }


/* lead text */
.lead_text { font-size: 1em; overflow: hidden; }
.lead_text:after { height: 50px; }
.lead_text .wrapper { width: 100vw !important; margin: 0 auto; padding: 2em 20px; }
.lead_text .img_box { width: 75px; }
.lead_text .text_box { padding-right: 0; }
/* lead btn */
a.bar_btn { padding: 1em; padding-left: 45px; margin-bottom: 1.5em; font-size: 1em; line-height: 1.5; }
.lead_btn .btn_wrap { min-width: 0; }
a.bar_btn:before { left: 10px; margin-top: -14px; width:28px; height: 28px; }
/* page sub link */
.page_sub_link { margin-top: -3em; }

/* point 3column */
.column_point03 { width: 100%; float: none; margin: 0 auto 2em; }

/* big menu */
.fukidashi_box { padding-right: 0; }
.fukidashi_box .fukidashi_blue { padding: 0.3em 1em; font-size: 1.2em; border-radius: 3em; }
.fukidashi_box:before { right: 90px; bottom: 2.5em; width: 30px; height: 22px; }
.fukidashi_box img { width: 80px; z-index: 1; }
.big_tit, .big_tit.min_tit { padding-left: 0; }
.point_img, .big_tit.min_tit .point_img { left: -30px; top:-30px; width: 100px; }
h3.kakeho_menu, .big_tit h3.black { font-size: 1.4em; padding-left: 75px; }
h3.kakeho_menu .price { float: left; font-size: 0.6em; }


/* price plan */
#conts.in .tab { font-size: 0.8em; margin-right: -15px; }
#conts.in .tab .current_tab, #conts.in .tab a { padding-left: 1em; padding-right: 1em; margin-right: 3px; }
#conts.in .tab .current_tab { font-size: 1.2em; }
/* box */
.color_box.plan_box { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; border-radius: 0; }
.color_box.plan_box .lead { padding-right: 80px; }
.color_box.plan_box .lead:before { right: -15px; width: 90px; height: 82px; }
.color_box.plan_box table thead th { font-size: 0.8rem; }

/* scroll table */
.scroll_table { overflow-x: scroll; margin: 0 -20px; }
.scroll_table .table_wrap { width: 160%; padding: 0 20px; overflow: hidden; }
.scroll_table.scroll_long .table_wrap { width: 200%; }
.scroll_table img { max-height: 40px; }

/* month price */
.color_box .line_tit { position: static; padding-left: 0; }
.color_box .line_tit h3 { font-size: 1.4em; padding-left: 60px; min-height: 2.1em; margin-bottom: 0.3em; }

	
/* 動画投稿TOP
====================================================================================================================================== */
#movie_form_top { padding-bottom: 20px; }
#movie_form_top .bottom_area {
  height: 70px;
}
#movie_form_top .main_img { width: 100%; margin: 0 -20%; }
#movie_form_top p.font_la { font-size: 1.1em !important; }


}

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

/* image */
img.left, img.right { display: block; float: none; margin: 0 auto 20px; }
p > img.left, p > img.right { margin-bottom: 0; }

/* color box */
.color_box { padding: 1.2em 1.2em 0.5em; }
  /* form */
  #container form.assisted_form table td { border: 0; }
  #container form.assisted_form input[type="text"], #container form.assisted_form input[type="email"], #container form.assisted_form input[type="tel"], #container form.assisted_form textarea { width: 100%; }


  /* search */
  table td.question_line, table thead th.question_line { border-bottom-width: 0; }
  table thead th.service_line { display: none; }
  table td.service_line, table thead th.service_line { border-width: 0; border-left-width: 1px; text-align: left; padding-top: 0; }
  table td.question_line, table td.service_line { display: block; margin-top: -1px; }
  table td.attribute_line { font-size: 0.85em; max-width: 20%; }
  table td .service_result { font-size: 0.85em; }


  .listbox_2_col .image_area { width: auto; max-width: 120px; }

  #footer .footer_contact .lead_area p { padding-left: 90px; }
  #footer .footer_contact.subtop .button_freecall .freecall_area .time { font-size: 3.6vw; }
  #footer .footer_contact.subtop .button_freecall .freecall_area .telno { font-size: 7.5vw; }

/* subtop（番組）
====================================================================================================================================== */
/* ボタン3つの時 */
#container .subtop_intro_area.broadcast .links_area.button03 a .inner { height: 22vw; }
#container .subtop_intro_area.broadcast .links_area.button03 a .icon img { height: 36px; }
	
#container .subtop_intro_area.broadcast .links_area.button03 a .title.multi_line { font-size: 3.8vw; }



	
/* 採用 */
.section_box.interview_box h3 {
    padding-left: 2em;
}
.section_box.interview_box h3:before {
    width: 1.5em;
}
#n
.pickup_box.big.interview_box .text_area {
    padding-top: 2em;
    padding-bottom: 1.5em;
}
	
	
}