@charset 'utf-8';

@font-face {
  font-family: 'YSASHISAGOTHIC07';
  src: url('../fonts/YSASHISAGOTHIC07.woff') format('woff'), /* Modern browsers */
       url('../fonts/YSASHISAGOTHIC07.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'KOZGOPR6N';
  src: url('../fonts/KOZGOPR6N-BOLD.woff') format('woff'), /* Modern browsers */
       url('../fonts/KOZGOPR6N-BOLD.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'KOZGOPR6N-EXTRALIGHT';
  src: url('../fonts/KOZGOPR6N-EXTRALIGHT.woff') format('woff'), /* Modern browsers */
       url('../fonts/KOZGOPR6N-EXTRALIGHT.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'KOZGOPR6N-HEAVY';
  src: url('../fonts/KOZGOPR6N-HEAVY.woff') format('woff'), /* Modern browsers */
       url('../fonts/KOZGOPR6N-HEAVY.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'KOZGOPR6N-LIGHT';
  src: url('../fonts/KOZGOPR6N-LIGHT.woff') format('woff'), /* Modern browsers */
       url('../fonts/KOZGOPR6N-LIGHT.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'KOZGOPR6N-MEDIUM';
  src: url('../fonts/KOZGOPR6N-MEDIUM.woff') format('woff'), /* Modern browsers */
       url('../fonts/KOZGOPR6N-MEDIUM.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'KOZGOPR6N-REGULAR';
  src: url('../fonts/KOZGOPR6N-REGULAR.woff') format('woff'), /* Modern browsers */
       url('../fonts/KOZGOPR6N-REGULAR.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NOTOSANSCJKJP-BLACK';
  src: url('../fonts/NOTOSANSCJKJP-BLACK.woff') format('woff'), /* Modern browsers */
       url('../fonts/NOTOSANSCJKJP-BLACK.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NOTOSANSCJKJP-BOLD';
  src: url('../fonts/NOTOSANSCJKJP-BOLD.woff') format('woff'), /* Modern browsers */
       url('../fonts/NOTOSANSCJKJP-BOLD.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
  font-family: 'NOTOSANSCJKJP-DEMILIGHT';
  src: url('../fonts/NOTOSANSCJKJP-DEMILIGHT.woff') format('woff'), /* Modern browsers */
       url('../fonts/NOTOSANSCJKJP-DEMILIGHT.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NOTOSANSCJKJP-LIGHT';
  src: url('../fonts/NOTOSANSCJKJP-LIGHT.woff') format('woff'), /* Modern browsers */
       url('../fonts/NOTOSANSCJKJP-LIGHT.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NOTOSANSCJKJP-MEDIUM';
  src: url('../fonts/NOTOSANSCJKJP-MEDIUM.woff') format('woff'), /* Modern browsers */
       url('../fonts/NOTOSANSCJKJP-MEDIUM.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NOTOSANSCJKJP-REGULAR';
  src: url('../fonts/NOTOSANSCJKJP-REGULAR.woff') format('woff'), /* Modern browsers */
       url('../fonts/NOTOSANSCJKJP-REGULAR.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'NOTOSANSCJKJP-THIN';
  src: url('../fonts/NOTOSANSCJKJP-THIN.woff') format('woff'), /* Modern browsers */
       url('../fonts/NOTOSANSCJKJP-THIN.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
  font-family: 'YSASHISAGOTHIC';
  src: url('../fonts/YSASHISAGOTHIC.woff') format('woff'), /* Modern browsers */
       url('../fonts/YSASHISAGOTHIC.ttf')  format('truetype'), /* Safari, Android, iOS */
}



/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
    margin: 0;
    padding: 0;
}
html { height: 100%; font-size: 62.5%; }
body {
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    font-family: 'NOTOSANSCJKJP-LIGHT','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-size:  14px;
    font-size: 1.4rem;
    line-height: 1.8;
    color: #666;
}

ul,ol { list-style: none; }
img {width: auto;height: auto;max-width: 100%;border: none;vertical-align: top;}
a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }

/* clearfix
------------------------------------------------ */
.clearfix {
    clear: both;
    *zoom: 1;
}
.clearfix:before,.clearfix:after {
    content: ' ';
    display: table;
}
.clearfix:after { clear: both; }
#infomation-about-email a{color:#fff;}

.frame{width: 100%;background: #e6e6e6;}
.wrapper{background: #ffffff;max-width:  1400px;display:  block;margin: 0px auto;}
.wrap_header{overflow:  hidden;font-family: NOTOSANSCJKJP-DEMILIGHT;margin: 0px auto;}
.header_menu {width:  1200px;margin:  0px auto;}
.menu {width: 65%;float:  right;text-align: right;}
.logo {width: 30%;float:  left;line-height: 1.2;}
.logo h1 {margin-top: 0px;padding-bottom:  0px;line-height: 0px;font-size:  20px;font-size:2rem;margin-bottom: 0px;}
.menu ul li {display: inline-block;text-align:  center;margin-right: 5px;font-size: 16px;font-size: 1.6rem;}
.menu_login a{background:#fe891f;border: 1px solid #fe891f !important;color:#fff;font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.menu_new a{background:#76c5ab;border: 1px solid #76c5ab !important;color:#fff;font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.menu ul li a {display: block;border: 1px solid #ccc;padding: 0px 10px;line-height: 38px;height: 38px;min-width: 158px;font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.menu ul li a:hover {text-decoration: none;height: 38px;min-width: 158px;opacity: .8;}
.nav {display:  inline-block;}
.frm_control input[type="text"] {
    line-height: 14px;
    font-size:  16px;
    font-size: 1.6rem;
    padding: 0 5px;
    position:  relative;
    background: #fbffe3;
    border: 1px solid #ccc;
    width: 260px;
    text-align: right;
    margin-right: 30px;
    height: 38px;
    box-sizing:  border-box;
    padding-right: 10px;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}

.frm_control input[type="text"]:focus {outline: 0;}
.frm_control button img {
    position:  relative;
    top: -1px;
    right: 8px;
}
.frm_control button {
    position:  absolute;
    top: 0px;
    width: 31px;
    height: 38px;
    background: #fbffe3;
    right: 0px;
    border: 1px solid #ccc;
    border-left: 0px;
    box-sizing:  border-box;
    outline:  0;
    cursor:  pointer;
}

.frm_control {
    position:  relative;
}
.form_search {
    display: inline-block;
    float:  right;
}
.mb_frm_hide {
    display:  none;
}

.primary_menu {clear:  both;border-bottom: 4px solid #76c5ab;margin: 15px auto 0 auto;width:  1200px;}
.primary_menu ul {
    display: block;
    margin:  0px auto;
    text-align:  center;
}
.primary_menu ul li {
    display: inline-block;
    padding: 0px;
    margin-bottom: 23px;
    margin-top: 18px;
}

.primary_menu ul li a {
    display: initial;
    line-height: 1em;
    border-left: 2px solid #ccc;
    padding: 10px 20px 5px 20px;
    color: #7b7474;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.primary_menu ul li a:hover {
    color: #000 !important;
    text-decoration: none;
}
.primary_menu ul li:last-child a {
    font-size: 16px;
    font-size: 1.6rem;
    display: initial;
    line-height: 1em;
    border-right: 2px solid #ccc;
    /* padding: 3px 20px 10px 20px; */
    color: #7b7474;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.primary_menu ul li a img{
    vertical-align: middle;
    margin-right: 8px;
    height: 24px;
    width: auto;
    margin-bottom: 10px;
}

.img_news,.img_home {
    height:  23px !important;
}
.primary_menu ul li a span.t{
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    font-size: 16px;
    font-size: 1.6rem;
}
.mb_search_button {display: none;}
a:hover{
    text-decoration: none !important;
}

.service_popup{

border: 3px solid #464545;

background: url("../img/top/service_popup.svg") no-repeat bottom right;

background-size: 220px;
}
.service_inner_popup{
    position:  relative;
}
.service_title_popup {
    background: #61af91;
    padding: 20px 40px;
    color:  #fff;
    font-size: 21px;
    font-size: 2.1rem;
    font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    line-height: 1;
    font-weight: 600;
}
.service_close_btn img {
    width: 30px;
    position: absolute;
    top: 0;
    right: 0px;
    cursor:  pointer;
}
.service_phone {color: #ff0000 !important;font-size: 32px;font-size: 3.2rem;font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;font-weight: 600;line-height:  1;}
.service_date {font-size: 16px;font-size: 1.6rem;font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;padding-bottom: 5px;font-weight: 600;color: #000;}
.click_for_detail {background: #61af90;color: #fff;display: table;font-size: 14px;font-size: 1.4rem;font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;padding: 6px 30px;margin-left: 53px;margin-top:  10px;cursor:  pointer;}
.service_popup_wrapper {position: fixed;bottom: 3px;right: 0;z-index: 999;background: #fff;}
.service_modal {margin: 23px 0px 23px 6px;width: 260px;text-align:  center;box-sizing:  border-box;}
.show_popup_wrapper {display: none;position: fixed;left: 50%;top: 50%;margin:  0px auto;width:  540px;margin-left: -270px;margin-top:  -225px;z-index: 99;}
.show_popup{max-width: 540px;border: 3px solid #464545;background-size:  cover;height: 447px;position: relative;}
.show_popup:before { content: '';position: absolute;height: 100%;width: 100%;background: url("../img/top/bg_show_popup.svg") no-repeat;z-index: -1;}
.show_modal {background: #ffffff7d;width: 306px;position:  absolute;right: 5px;height: 320px;top: 38px;}
.show_modal_title {background: #61af91;width: 290px;position:  relative;left: 8px;top: -6px;font-size: 13px;font-size:  1.3rem;color: #fff;box-sizing: border-box;padding: 6px;font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.show_inner_popup{position:  relative;}
.show_close_btn img {width: 30px;position: absolute;top: 0;right: 0px;cursor:  pointer;}
.response_rate {font-size:  14px;font-size:  1.4rem;font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;text-align:  center;color:  #000;margin-top: 5px;margin-bottom: 0px;font-weight: 600;}
.fram_support {overflow:  hidden;}
.wrap_contact_title h2 {background: #ff891f;width: 320px;border-radius: 15px;font-size: 28px;font-size: 2.8rem;color: #fff;line-height: 55px;text-align: center;display: block;padding-bottom: 5px;font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.support {width: 70%;margin: 30px auto 55px;display: -webkit-box;border: 3px solid #000;position:  relative; padding-left: 30px;background: url(../img/top/bg_support.png) no-repeat bottom right 30px;background-size: contain;background-size: 230px;padding-bottom: 25px;}
.wrap_contact_title {position: absolute;top: -34px;left: -90px;}
.support h3 {font-size: 25px;font-size: 2.5rem;padding:  0px;margin-top: 40px;padding-bottom:  0px;margin-bottom: 0px;font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;font-weight:  600;color: #000;text-align: center;}
.phone{display:none;}
.support .pc_phone {
    color: #ff0000 !important;
    font-size: 40px;
    font-size: 4rem;
    /* padding-left: 120px; */
    margin-bottom: 0px;
    font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight: 600;
    text-align: center;
}
.support p {
    color: #000;
    /* padding-left: 90px; */
    font-size: 22px;
    font-size: 2.2rem;
    font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight: 600;
    text-align:  center;
}

.customer_support_page {
    padding: 7px 7px 7px 13px;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    display:  inline-block;
}

.customer_support_page_voice {
    padding: 7px 7px 7px 13px;
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    display:  inline-block;
}
.supports {overflow:  hidden;}
.customer_support_page a,.customer_support_page_voice a {
    color: #fff;
    background: #61af92;
    padding: 10px 20px;
    position:  relative;
    font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight:  normal;
    font-size:  18px;
    font-size: 1.8rem;
    display:  inline-block;
    text-align:  center;
}

.customer_support_page a:after, .customer_support_page_voice a:after {
    content: "";
    position: relative;
    background: url(../img/top/narrow_left.svg) no-repeat;
    width: 11px;
    height: 16px;
    right: 0;
    left: 6px;
    top: -2px;
    background-size: 11px 16px;
    display: inline-block;
    vertical-align: middle;
}

.customer_support_page a:hover, .customer_support_page_voice a:hover{
    text-decoration:  none;
    opacity: .8;
}
.pc_phone {
    font-size:  28px;
    font-size:  2.8rem;
    font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    color: #ff0000 !important;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 6px;
    font-weight: 600;
    display: block;
    text-align: center;
}
.phone {display:  none;}

.show_modal_phone {
    display:  none;
}

.show_modal_date {
    font-size: 13px;
    font-size:  1.3rem;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    text-align:  center;
    color: #000;
    font-weight: 600;
}

.show_modal_btn a {
    position:  relative;
    background:#61af91;
    display: table;
    padding: 7px 28px 7px 9px;
    margin-bottom:5px;
    color: #fff !important;
    line-height:  1;
    font-size: 12px;
}
.show_modal_btn a:after{
    content: "";
    position: absolute;
    background: url(../img/top/narrow_left.svg) no-repeat center right;
    width: 7px;
    height: 10px;
    right: 11px;
    top: 8px;
}

.show_modal_btn {margin-left: 67px;margin-top: 18px;margin-bottom: 18px;}
.wrap_support { max-width: 1200px; margin:  0px auto; display:  block;}
.show_modal_support_policy a { background: #61af91;padding: 7px; font-size:  12px;color: #fff !important; text-align:  center;}
.show_modal_support_policy {text-align:  center;}
.frame_globles {overflow:  hidden;}
.wrap_globles { max-width: 664px;margin: 0px auto 70px;padding: 3px 4px;background: #e5e5e5;overflow:  hidden;}
.wrap_globles .global_pic,
.wrap_globles .global_cmn {display: inline-block;vertical-align: middle;}
.wrap_globles .global_pic {width: 17.3%; margin-right: 1.8%;}
.global_pic img {height: 58px;}
.wrap_globles .global_cmn {width: 80.7%;font-size: 11px;font-size: 1.1rem;line-height: 15px;font-family: 'KOZGOPR6N-LIGHT','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;color: #000;}
.wrap_menu_details {background: #e9f4d9;margin-top: 76px;z-index: 98;}
.menu_details {max-width: 1200px;margin: 0px auto;overflow:  hidden;position:  relative;padding-top: 57px;}
.wrap_title_menu h2{position: relative;}
.wrap_title_menu h2:before {content:  "";background: url(../img/top/supports_03.svg) no-repeat top center;width: 100%;height: 95px;position: absolute;z-index: 0;top: -48px;left: 0px;}
.wifi_blog,
.ipmobile_blog ,
.security_blog ,
.service_blog ,
.support_blog {width: 30%;float:left;padding: 15px;height: 190px;}
.wifi_blog span, 
.ipmobile_blog span, 
.security_blog span, 
.service_blog span, 
.support_blog span {font-size: 16px;}

.wifi_blog a,
.ipmobile_blog a,
.security_blog a,
.service_blog a,
.support_blog a{display:  block;text-decoration:none;font-size:14px;text-align: left;font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.wifi_blog a:hover img, .ipmobile_blog a:hover img, .security_blog a:hover img, .service_blog a:hover img, .support_blog a:hover img{opacity:.8;}
.menu_details a:hover { text-decoration: none;}
.wifi_blog img, .ipmobile_blog img, .security_blog img, .service_blog img, .support_blog img {float:  left;margin-right: 20px;width: 120px;}
.wifi_blog h3, .ipmobile_blog h3, .security_blog h3, .service_blog h3, .support_blog h3 {padding:  0px;margin: 0px;font-size: 20px;font-size: 2rem;color: #444444;margin-bottom: 5px;font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;font-weight: 600;}
.btn_link {overflow:  hidden;margin-bottom: 55px;display:  -webkit-box;}
.btn_link a {background: #caeddd;border-radius: 13px;display:  block;margin: 3px auto;text-align:  center;color: #565656 !important;min-height:  70px;line-height:  70px; min-width: 294px;font-size: 18px;font-size: 1.8rem;font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;font-weight: 600;}
.btn_link a:hover {text-decoration:  none;opacity: .8;}
.back_to_top { text-align:  right;margin-bottom: 10px;overflow:  hidden;}
.wrap_back_to_top {width:  1200px;display:  block;margin:  0px auto;overflow:  hidden;}
.fram_back_to_top {overflow:  hidden;position: relative;}
/*******************************
responsive screen
********************************/
/* big screen */
@media (min-width: 1200px){
    .wrap_header{padding: 20px 0 0;}    
}
/* normal desktop screen */
@media (max-width: 1199px) and (min-width: 992px){

    header.wrap_header {padding: 20px 15px 0px 15px;}
    h1.logo img {width: 80%;}
    h1.logo {width: 25%;}
    .header_menu,
    .menu,
    .primary_menu {width:  auto;}
    .primary_menu ul li a{ padding: 10px 12px 5px 12px; font-size:1.4rem}
    .primary_menu ul li a img {height: 19px;}
    .img_news, .img_home {height: 20px !important;}
    .mb_frm_hide {display:  none !important; }    
    .blog_menu {overflow:  hidden;text-align:  center;}  
    .supports {width: auto;}
    .support h3 {font-size: 19px;}
    .support p {font-size: 18px;font-size: 1.8rem;} 
    .phone {display:  none;}
    .customer_support_page a, .customer_support_page_voice a {padding: 6px 15px;font-size: 13px;display:  block;} 
    .wifi_blog, .ipmobile_blog, 
    .security_blog, 
    .service_blog, 
    .support_blog{display:  inline-block;float:  none;padding: 0px;width: 33%;height:  auto;margin-bottom: 8px;}

    .wifi_blog a, 
    .ipmobile_blog a, 
    .security_blog a, 
    .service_blog a, 
    .support_blog a {display:block;height:  auto;}
    .wifi_blog a, 
    .ipmobile_blog a, 
    .security_blog a, 
    .service_blog a, 
    .support_blog a{padding:20px;text-align: left;}
    .wifi_blog h3, 
    .ipmobile_blog h3, 
    .security_blog a, 
    .service_blog h3, 
    .support_blog h3 {text-align: center;}
    .wifi_blog img, 
    .ipmobile_blog img, 
    .security_blog img, 
    .service_blog img, 
    .support_blog img {float:  none;}
    .btn_link a {font-size: 18px;}
    .wrap_back_to_top {width:  auto;}
    .back_to_top {padding-right: 15px;}  
}

/* table screen */
@media (max-width: 991px) and (min-width: 768px){   
    .primary_menu ul li a{padding: 10px 6px 5px 6px;font-size: 12px;font-size: 1.2rem;}
    .primary_menu ul li a img {height: 16px;}
    .img_news, .img_home { height: 17px !important;}
    .primary_menu ul li a span.t {font-size: 12px;}
    .primary_menu,.menu,.header_menu {width: auto;}
    .mb_frm_hide {display: none !important;}
    .menu ul li a {min-width: 66px;font-size: 13px;font-size: 1.3rem;}
    .menu ul li a:hover {min-width: 66px;font-size: 13px;font-size: 1.3rem;}
    .wrap_header {padding: 15px 20px 0 15px;}
    .service_title_popup {padding: 10px 50px 26px 20px;margin:  0px;font-size:  21px;font-size: 2.1rem;}        
    .support {background-size: 190px;}
    .supports {width: 77%; }
    .support h3 {font-size: 19px;}
    .support p {font-size: 18px;font-size: 1.8rem;} 
    .phone {display:  none;}
    .customer_support_page a, .customer_support_page_voice a {padding: 6px 15px;font-size: 13px;display:  block;}
    .blog_menu {overflow:  hidden;text-align:  center;}
    .wifi_blog, 
    .ipmobile_blog, 
    .security_blog, 
    .service_blog, 
    .support_blog{display:  inline-block;float:  none;padding: 0px;width: 32%;height:  auto;margin-bottom: 8px;}

    .wifi_blog a, .ipmobile_blog a, .security_blog a, .service_blog a, .support_blog a {display:block;height:  auto; }
    .wifi_blog a, .ipmobile_blog a, .security_blog a, .service_blog a, .support_blog a{ padding: 16px; text-align: left; }
    .wifi_blog h3, .ipmobile_blog h3, .security_blog a, .service_blog h3, .support_blog h3 {text-align: center;}
    .wifi_blog img, .ipmobile_blog img, .security_blog img, .service_blog img, .support_blog img { float:  none; }
    .btn_link a {font-size: 18px;}
    .wrap_back_to_top {width:  auto;padding-right: 15px;}
}

/* header fix */
@media (max-width: 810px) and (min-width: 768px){
	 .primary_menu ul li a{padding: 10px 5px 5px 5px; font-size: 1.0rem;}
	.primary_menu ul li:last-child a{font-size: 1.0rem;}
}

/* mobile screen */
@media (max-width: 767px){

    .wrap_header{padding: 5px 0;}
    .header_menu {width:  auto;overflow:  hidden;border-bottom: 1px solid #76c4aa;padding: 0 15px;}
    .header_menu .logo img {margin-top: 5px;height: 20px;}
    .menu ul li {margin: 0 5px 0 0;}
    .menu ul li a {min-width: auto;height: 26px;line-height: 25px;font-size: 10px;}
    .menu ul li a:hover {line-height: 24px;min-width: auto;height:  auto;}
    .menu .form_search {display: none;}
    .menu {width:  auto;}
    .show_modal_phone, .show_modal_phone a{color:#ff0000;}
    .mb_search_button {display: inline-block;background: #fbffe3;height: 26px;float:  right;width: 26px;text-align: center;border: 1px solid #ccc;margin-left: 0;}
    .mb_search_button img {width: 15px;margin-top: 4px;}
    .primary_menu { display: none;}
     .top_content img {width: 300px;padding-left: 10px;}
    .footer_menu ul li{display: block;}
    .footer_menu ul li a {line-height: 2.5;font-size:  10px;display:  block;letter-spacing: 2px;}
    .footer_menu ul li a:hover{text-decoration: none;opacity: .8;}
    .footer_menu ul li { display:  block; }
    .footer_menu { margin-top: 10px;}
    .copyright {margin-top: 25px;}
    .ho_footer p {font-size: 6px; }        
    .mb_frm_hide {display: none;overflow:  hidden;margin: 5px 15px;max-width: 270px;float: right;  }
    .form_search {width: 195px; float:  left; }
    .mb_frm_hide .frm_control input[type="text"] {line-height: 30px;padding: 0 5px;position:  relative;background: #fbffe3;border: 1px solid #ccc;width: 162px;text-align: right;margin-right: 80px;height: 30px;font-size: 12px;font-family: 'NOTOSANSCJKJP-DEMILIGHT','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; }
    .mb_frm_hide  .frm_control button {position: absolute; top: 0px; width: 30px;height: 30px;background: #fbffe3;right: 4px;border: 1px solid #ccc;border-left: 0px;}
    .frm_control button img {right: 2px;}
    .cancel { width: 75px;text-align:  center;display:  inline-block;height: 30px;line-height: 20px;border: 0px;outline: 0;border-left: 0px;background: #75c4a9;color: #fff;font-size: 10px;font-family: 'NOTOSANSCJKJP-DEMILIGHT','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
    .service_modal{display: none;}
    .service_popup_wrapper{/* width: 100%; */}
    .service_popup{max-width:  inherit;}
    .lower_popup {cursor: pointer;margin: 0px 10px 0px 0px; }
    .service_title_popup{font-size: 13px;font-size: 1.3rem;width:  240px;padding: 8px 0px;text-align:  center;margin-right: 10px;}
    .service_close_btn img { height: 100%;width: 12%;right: -1px;cursor:  pointer;}
    .lower_popup{cursor: pointer;}
    .show_inner_popup{ background-color: #fff;}
    .show_popup:before{width: 100%;height: 100px;background: url(../img/top/mb_bg_service.jpg) no-repeat; background-size: 100%;}
    .show_modal { top:  0; height:  auto;width:  100%;right: 0;background:  transparent;}
    .show_popup {height: 320px;}
    .show_popup_wrapper { width: 240px;display: none;margin:  0px auto;left:  0;right: 0;top: 20%; background: #fff;}
    .show_modal_title { width:  auto; top: -12px;left: -3px; z-index: 9;font-size: 8px;text-align:  center; width: 180px;padding: 1px;}

    .show_close_btn img {z-index: 9;cursor:  pointer; }
    .response_rate {margin-top: 72px;font-size: 9px; }
    .show_modal_phone {font-size: 17px; font-size: 1.7rem;font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;color: #ff0000 !important; line-height: 1;margin-top: 15px;margin-bottom: 6px; font-weight: 600;display: block;text-align: center; }
    .pc_phone {display:  none;}
    .show_modal_btn a {padding: 10px 15px 10px 5px;font-size: 9px;display: table;align-content:  center;margin-left: 28%;}
    .show_modal_btn a:after {content: "";position: absolute;background: url(../img/top/narrow_left.svg) no-repeat center right;width: 9px;height: 9px;right: 4px;top: 9px; }
    .show_modal_btn {display:  block; margin: 15px auto; }
    .show_modal_date { font-size: 9px;font-size: 0.9rem; }
    .show_modal_support_policy a {font-size:  9px;font-size: 0.9rem;padding: 9px; }
    .support {border: 0px;max-width: 380px;width: auto;padding: 0 15px;padding-bottom: 0px;display: block;margin: 0 auto;margin-bottom: 22px;background: url(../img/top/bg_support.png) no-repeat bottom right 10px;background-size: 127px;}
    .supports {width: auto;}
    .phone {display:block;font-size: 16px;font-size: 5.5vw;padding-left: 0px;/* margin-bottom: 8px; */color: #ff0000 !important;font-weight: 600;font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
    .support .pc_phone,.wrap_contact_title h2 {display:none;}
    .support h3 {font-size: 12px;font-size: 3.5vw;margin-bottom: 0px;text-align:  left;vertical-align:  top;}
    .support p {padding-left: 0px;font-size:3.3vw;margin: 0px 0px 3px 0px;text-align:  left;}
    .customer_support_page a,.customer_support_page_voice a {padding: 6px 13px;font-size: 10px;font-size: 1rem;display:  block;}
    .customer_support_page a:after, .customer_support_page_voice a:after {content: "";position: relative;background: url(../img/top/narrow_left.svg) no-repeat;width: 8px;height: 16px;right: 0;left: 6px;top: 2px;}
    .customer_support_page_voice {margin-bottom:  0px;padding-bottom: 0px;}
    .customer_support_page { padding-top: 0px;margin: 8px 0 0; padding-bottom: 0px;}
     .wrap_globles .global_cmn { font-size: 8px;font-size: 0.8rem;line-height: 1.2; width: 75%;padding: 0 5px;}
    .wrap_globles {max-width: 452px;width: 90%;margin-bottom: 35px;}
    .wrap_globles .global_pic {display: inline-block;margin: 0; max-width: 57px;}
    .global_pic img {height: 30px;}
    .blog_menu {overflow:  hidden; text-align:  center;width: 42px; display:  block;margin:  0px auto;box-shadow: 2px 4px 0px 0px #ccc;border-radius: 50%; }
    .wrap_menu_details { margin-top: 0px; }
    .menu_details {width: auto;padding-top: 20px;padding-bottom: 20px;}
    .wifi_blog, .ipmobile_blog, .security_blog, .service_blog, .support_blog{display:  inline-block;float:  none;padding: 0px;width: 32%;height:  auto;margin-bottom: 8px;}
    .wifi_blog a, .ipmobile_blog a, .security_blog a, .service_blog a, .support_blog a {display:block;height:  auto;}
    .wifi_blog a, .ipmobile_blog a, .security_blog a, .service_blog a, .support_blog a{padding: 0px 4px 8px 12px;text-align: left;font-size: 8px;}
    .wifi_blog a span, 
    .ipmobile_blog a span, 
    .security_blog a span, 
    .service_blog a span, 
    .support_blog a span {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-size: 9px;font-size: 0.9rem;}
    .wifi_blog h3, 
    .ipmobile_blog h3, 
    .security_blog h3, 
    .service_blog h3, 
    .support_blog h3 {text-align: center;font-size: 9px;font-size: 3.3vw;margin-top: 10px;}
    .wifi_blog img, .ipmobile_blog img, .security_blog img, .service_blog img, .support_blog img {float:  none;}
    .btn_link {margin-bottom: 22px;margin-top: 20px; }  
    .btn_link a {font-size: 9px;font-size: 3vw; min-height:  0px;line-height: 40px;min-width:  auto;border-radius: 7px;padding-left: 15px;padding-right: 15px;}  
    .wrap_back_to_top {width:  auto;padding-right: 15px;}
}