@charset "utf-8";
html { width:100%;}
body { font-family: "メイリオ","Meiryo","小塚ゴシック Pr6N","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic", sans-serif; width: 100%; height: auto;font-size: 14px; margin: 0 auto; padding: 0;background: none; background-color: #ffffff; color: #333333; line-height: 1.4; word-wrap:break-word;min-width: 1px;}

html, body {
    width: 100%;
    min-width: 1px;
}
.breadcrumb_item_heading {
	margin: 0;
}
.u-br {
  text-decoration: underline !important;
}
a.txt_newWin{
	background: none !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
}
a.txt_newWin:after {
    padding: 0 3px;
    content: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_out1.png);
}
/* ===== ▼2017.10.26 追加▼ ===== */
.fs-12 a.txt_newWin:after {
    padding: 0 3px;
    content: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_out2.png);
}


main {
  padding-top: 0 !important;
}


.bg_color-gray p:last-child {
	margin-bottom: 0;
}
.link-area p a span.blank:after {
    padding: 0 0.3em;
    content: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/icon_out1.png);
}

/* ===== ▲2017.10.26 追加▲ ===== */

.goPageTop {width: 100%;}
.mainMenuWrap li:hover,
a img:hover,
.sale-box a:hover,
a.button-01:hover,
.itembox .itemInfo .btn_more a:hover {opacity: .7 !important;}

.cl-ub:hover {text-decoration: none !important;}

.flex_box            { -js-display: flex !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;}
.flex_align_start    { -webkit-align-items: flex-start !important; -ms-flex-align: start !important;align-items: flex-start !important;}
.flex_align_stretch  { -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important;}
.flex_align_center   { -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important;}
.flex_align_end      { -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important;}
.flex_space_between  { -webkit-justify-content: space-between !important; justify-content:space-between !important; -ms-flex-pack: justify !important;}
.flex_content_center { -webkit-justify-content: center !important; justify-content: center !important; -ms-flex-pack: center !important;}
.flex_content_end    { -webkit-justify-content: flex-end !important; justify-content: flex-end !important; -ms-flex-pack: end !important;}
.flex_content_around { -webkit-justify-content: space-around !important; justify-content:space-around !important; -ms-flex-pack: distribute !important;}
.flex_container_wrap { -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; -ms-flex-wrap:wrap !important;}

.sectioning {
    min-width: 1px;
}
.level2Block, .level2BlockInner {
    width: 100% !important;
    max-width: 1260px;
}
/* ===== ▼2017.12.19 追加▼ ===== */
.bottomLink {
    width: 100% !important;
    max-width: 1260px;
	margin: 50px auto 0;
}
.bottomLink li {
	list-style: none !important;
}
/* ===== ▲2017.12.19 追加▲ ===== */

.allPd {
  padding: 0;
}
.itembox .itemImg {
  width: 10%;
}
@media screen and (max-width: 1280px) {
  .allPd {
    padding: 0;
  }

	footer {
		min-width: 0;
	}
	.footerInner {
		width: 100%;
		margin: 0 auto;
	}
}
@media screen and (min-width: 769px) and (max-width: 991px) {
    .level2Block {
        padding: 0 2% !important;
    }
}
@media screen and (max-width: 480px) {
    .allPd {
        padding: 0;
    }
}
.conPd{padding: 0 10px;}
@media screen and (max-width: 768px) {
  .conPd{padding: 0;}
}
#h1_title {
    background: #003572;
    color: #fff;
    /* width: -webkit-calc(100% - 20px); */
    /* width: calc(100% - 20px); */
    margin: 10px auto;
    max-width: 1260px;
    border: inherit !important;
}
@media screen and (max-width: 768px) {
  #h1_title {
    padding: 15px 5px 10px;
    font-size: 18px !important;
  }
}
@media screen and (max-width: 767px) {
  #h1_title {
    margin-top: 100px !important;
  }
}
.section h2.blueBg {
  background-color: #3977BE;
}
.blueBorder {
  border-color: #3977BE;
}

#body-overlay {
  z-index: 600000;
}
.MenuPersonal {
  z-index: 650000;
}
.slideNavi, .searchBox, .languageBox {
  z-index: 650000;
}
.heading-lv2 {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 20px;
}
/* スライドインメニュー後ろの透過 */
#body-overlay {
  width: 100vw !important;
  position: fixed;
}

/* スライドインメニュー、重なり順・位置 */
.MenuPersonal nav, .searchBox, .languageBox {
  top: 0;
  z-index: 650000;
}

/* ナビゲーション高さ詰め */
#page-nav.fixed {
  padding: 0;
}

/* お問い合わせ余白 */
.dropdown-menu {
  padding: 10px;
}

/* ボタン */
.button-01-non {
    background: #9E9E9E;
    /* background: linear-gradient(#ff5d5d, #b90000); */
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #fff !important;
    display: inline-block;
    font-size: 180%;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;
}
.button-01-non .btn-red01, .button-01-non .btn-red02, .button-01-non .btn-red03 {
  background: none;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

a.button {
  background: #106CA5;
  border: none;
  border-radius: 0;
  width: auto;
  padding: 0.5em;
}
a.button:hover {
  opacity: .7;
}
a.button span {
  color: #fff !important;
  background-image: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/201707_arrow_w_small.png);
  background-position: 10px 7px;
  font-weight: normal;
}

.goPageTop {
  margin: 20px auto 70px !important;
}
@media screen and (max-width: 479px) {
  .goPageTop {
    margin: 15px auto 40px !important;
  }
}

.mom_top ul {list-style-type: none;margin: 0 auto;padding:0;}
.mom_top a:hover {text-decoration: none;}
.mom_top p {margin: 0;}
.mom_top .font_b { font-weight: bold;}
.mom_top .display_b { display: block;}
.mom_top .align_c {text-align: center;}
.mom_top .align_r {text-align: right;}
.mom_top .align_l {text-align: left;}
.mom_top .table_wrap { display: table;}
.mom_top .cell_wrap { display: table-cell;}
.mom_top .position_r { position: relative; }
.mom_top .marg_0 {margin: 0;}
.mom_top .padd_0 {padding: 0;}

.mom_top .MenuPersonal,
.mom_top .SearchHQ,
.mom_top .CLSelector {
    position: absolute;
    top: 0;
}


header {
    position: relative;
/*
    padding: 0 10px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    z-index: 500000;
*/
}
/*
header .menuWrap {
    width: 100%;
    padding: 15px 0 0;
}
#header_1st #menuArea ul li.menuBt div {
    padding: 3px 12px;
}
#header_1st .breadcrumb_item_child a {
    padding: 8px 10px;
}
.header_2nd {
    padding: 15px 0px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    z-index: 300000 !important;
}
.header_2nd img.service_logo {
    width: 430px;
    height: auto;
    max-width: 100%;
}
.header_2nd .right_button_wrap {
    position: absolute;
    right: 0;
    bottom: 19px;
}
.header_2nd li:last-child {
  display: none;
}
.header_2nd li a {
    border: none;
    background-color: #ffc000;
    color: #333333;
    padding: 5px 10px;
    margin-left: 10px;
    line-height: 20px;
    width: auto;
}
.header_2nd li button {
    border: none;
    background-color: #002060;
    color: #ffffff;
    border-radius: 0;
    padding: 5px 10px;
    width: 120px;
}
.header_3rd {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0;
    z-index: 400000;
}
.navbar {
  min-height: 1px;
  border: none;
}
.header_3rd .table_wrap {
    table-layout: fixed;
    width: 100%;
    background: #fff;
    margin: 0;
}
.header_3rd .cell_wrap {
    vertical-align: middle;
    text-align: center;
}
.navbar-collapse {
    padding: 0
}
.header_3rd li {
    border: 1px solid #cccccc;
    width: calc(100% / 6);
}
.header_3rd li a {
    font-size: 16px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: left 15px center;
}

.container > .navbar-header .sp_logo_wrap {
  display: none;
}

.header_3rd ul#header_3rd_menu li a .inner_icon {display: inline-block; margin-right: 0.5rem;}
.header_3rd ul#header_3rd_menu li a .inner_icon img { height: 20px;width: auto; margin-top: -8px; margin-bottom: -4px;}
.header_3rd ul#header_3rd_menu li a .inner_icon img:hover {opacity: 1!important;}
.header_3rd ul#header_3rd_menu li a .inner_icon img.over {display: none;}
.header_3rd ul#header_3rd_menu li a:hover .inner_icon img.out,
.header_3rd ul#header_3rd_menu li a.active .inner_icon img.out { display: none; }
.header_3rd ul#header_3rd_menu li a:hover .inner_icon img.over,
.header_3rd ul#header_3rd_menu li a.active .inner_icon img.over { display: inline-block; }

.nav>li>a:hover, .nav>li>a:focus, .nav>li>a.active {
  background-color: #8b186d !important;
  color: #ffffff;
  text-decoration: none;
}
.header_3rd li:not(:first-child) {
  border-left: none;
}
.header_3rd li:last-child {
  padding: 5px;
}

.header_3rd li:last-child a {
  background-color: #d80000;
  display: block;


  color: #ffffff;
  padding: 20px 0;
}
.header_3rd li:last-child a:hover, .header_3rd li:last-child a:focus, .header_3rd li:last-child a.active {background-color: #d80000 !important;}
@media(min-width: 768px) {
  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin: 0;
  }
  .navbar-nav {
    float: none;
  }
  #header_2nd > p {
    font-size: 1em;
    line-height: 1;
  }
  #header_2nd > h1 {
    margin: 0;
  }
  .header_3rd a {
      width: 100% !important;
      display: block;
      padding: 15px 0 !important;
  }
  #header_3rd_menu {-js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
  .header_3rd .fixed {
    border: 1px solid #cccccc;
  }
  .header_3rd .fixed ul {
    max-width: 1260px;
    margin: 0 auto;
  }
  .header_3rd .fixed ul li.cell_wrap {
    border-bottom-style: none !important;
    border-top-style: none !important;
  }
  .header_3rd ul li:last-child a {
    padding: 10px 0 !important;
  }
  .container {
    width: 100% !important;
  }
  .container-fluid {
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media(max-width : 1199px ){
    .header_2nd .right_button_wrap {position: relative;right: 0;top: 0;-webkit-transform: translateY(0);transform: translateY(0);}
    .header_2nd .right_button_wrap .table_wrap {margin: 10px auto 0;}
    .header_3rd li a {font-size: 14px;}
    .header_3rd ul#header_3rd_menu li a .inner_icon {margin-right: 0;}
}
@media(max-width: 991px) {
    .header_3rd a {font-size: 12px;}
    .header_3rd li a {font-size: 11px;}
    .header_3rd ul#header_3rd_menu li a .inner_icon img {height: 16px; margin-bottom: -2px;}
}
@media(max-width: 767px) {
  header {
    display: none;
    z-index: 10000;
  }

  .header_2nd > p {
    display: none;
  }
  .header_2nd > h1 {
    height: 0;
    overflow: hidden;
    margin: 0;
  }

  .container > .navbar-header {
    -js-display: flex !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    background-color: #ffffff;
    padding: 10px;
  }

  .container > .navbar-header .sp_logo_wrap {
    display: block;
    flex: 1;
  }

  .container > .navbar-header .sp_logo_wrap a.sp_logo_wrap_link {
    display: block;
    width: 50%;
  }

  .container > .navbar-header .sp_logo_wrap a.sp_logo_wrap_link img {
    display: block;
    width: 100%;
  }

  .header_2nd .table_wrap {
    margin: 0;
    width: 100%;
    padding: 0;
  }
  .mom_top .cell_wrap {
    display: block;
    float:left;
  }
  .mom_top .table_wrap:after {
    content: "";
    clear: both;
    display: block;
  }
  .header_2nd {
    position: fixed !important;
    background: #fff;
    z-index: 999;
    padding: 10px;
    top: 45px;
    left: 0;
  }
  .header_2nd li:nth-child(2) {
    display: none;
  }
  .header_2nd li:last-child {
    display: block;
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
    float: left;
  }
  .header_2nd li:last-child a {
    background: #d80000;
    color: #fff;
    display: block;
    width: 98%;
    margin: 0 0 0 2%;
  }
  .header_2nd .right_button_wrap .table_wrap {
    margin: 0 auto;
  }
  .header_3rd {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
  }
  .navbar-toggle {
    margin: 0;
    padding-top: 3.5px;
    padding-bottom: 3.5px;
  }
  .header_3rd .navbar-toggle .icon-bar {
    background: #0e347f;
    height: 3px;
    border-radius: 1.5px;
  }
  .header_3rd #gnavi {
    margin-top: -1px;
  }
  .header_3rd li {
    width: 100%;
  }
  .header_3rd li:not(:first-child) {
    border-top: inherit;
  }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .header_2nd img.service_logo {
    width: 350px;
  }
}
@media screen and (max-width: 767px) {
  #header_3rd_menu li:last-child {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .header_2nd {
    top: 35px;
    left: 0;
  }
  .header_2nd img.service_logo {
    width: 250px;
  }
  .navbar-toggle {
    padding-top: 0;
    padding-bottom: 0;
  }
  .container > .navbar-header .sp_logo_wrap a.sp_logo_wrap_link {
    width: 80%;
  }
}
*/
/* header end */

/* catch */
.catch_wrap {
    width: 100%;
    max-width: 1280px;
    margin: 10px auto 0;
    padding: 0;
}
.catch_wrap .table_wrap {
  -js-display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap:wrap;
}
.catch_wrap .cell_wrap {
  display: block !important;
}
.catch_wrap .cell_wrap.left_cell {
  width: 75%;
  padding-right: 5px;
}
.catch_wrap .cell_wrap.left_cell img {
  width: auto;
  max-width: 100%;
}
.catch_wrap .cell_wrap.right_cell {
  width: 25%;
}
.catch_wrap .cell_wrap.right_cell ul,
.catch_wrap .cell_wrap.right_cell .slick-list,
.catch_wrap .cell_wrap.right_cell .slick-track {
  height: 100% !important;
}
.catch_wrap .cell_wrap.right_cell .slick-slide {
  height: -wabkit-calc(100% / 3) !important;
  height: calc(100% / 3) !important;
}
/*
.catch_wrap .cell_wrap.right_cell .slick-track {
  margin-top: 4px;
}*/
/* safari CSSハック */
_::-webkit-full-page-media, _:future, :root .catch_wrap .cell_wrap.right_cell .thumb-item-nav {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
_::-webkit-full-page-media, _:future, :root .catch_wrap .cell_wrap.right_cell .slick-track {
  margin-top: 5px;
}

.catch_wrap .cell_wrap.left_cell ul.thumb-item li a img {
    border: 1px solid #cccccc;
    box-sizing: border-box;
}
/* safari CSSハックここまで */

.catch_wrap .cell_wrap.right_cell > ul.slick-initialized .slick-slide/*:not(:first-child)*/ {
    margin-top: 0;
}
.catch_wrap .cell_wrap.right_cell > ul.thumb-item-nav li {
    position: relative;
}
.catch_wrap .cell_wrap.right_cell > ul.thumb-item-nav li span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.catch_wrap .cell_wrap.right_cell > ul.thumb-item-nav li span {
    border: 2px solid #cccccc;
}
.catch_wrap .cell_wrap.right_cell > ul.thumb-item-nav li.slick-current span {
    border: 2px solid #d80000;
}
.catch_wrap .cell_wrap.right_cell > ul.thumb-item-nav li span img {
    width: auto;
    max-width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.catch_wrap .slick-vertical .slick-slide {
    border: none;
}
@media screen and (max-width: 768px) {
  .catch_wrap .cell_wrap.right_cell {
    display: none !important;
  }
}



/* slider arrow */

.slick-prev::before,
.slick-next::before {
    content:"";
}
.slick-prev:focus,
.slick-prev:hover,
.slick-prev {
    width: 21px;
    height: 31px;
    left: 15px;
    z-index: 100;
}
.slick-slider:hover .slick-prev {
    background-image: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/common/top/slider_arrow_left.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.slick-next:focus,
.slick-next:hover,
.slick-next {
    width: 21px;
    height: 31px;
    right: 15px;
    z-index: 100;
}
.slick-slider:hover .slick-next {
    background-image: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/common/top/slider_arrow_right.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* slider arrow end */
/* slider nav */

.slick-list.draggable,
.slick-track {
    height: auto!important;
}
.mom_top .slick-list.draggable {
    /* border: 2px solid rgb(255, 255, 255); */
}
.catch_wrap .cell_wrap.right_cell > ul.slick-initialized .slick-slide a {
    display: block;
}
.thumb-item-nav .slick-prev:focus,
.thumb-item-nav .slick-prev:hover,
.thumb-item-nav .slick-prev {
    width: 31px;
    height: 21px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    left: 0;
    right: 0;
    margin: auto;
    top: 10px;
}
.thumb-item-nav.slick-slider:hover .slick-prev {
    background-image: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/common/top/slider_nav_arrow_left.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.thumb-item-nav .slick-next:focus,
.thumb-item-nav .slick-next:hover,
.thumb-item-nav .slick-next {
    width: 31px;
    height: 21px;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    left: 0;
    right: 0;
    margin: auto;
    bottom: -90px;
}
.thumb-item-nav.slick-slider:hover .slick-next {
    background-image: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/common/top/slider_nav_arrow_right.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/* slider nav end */

@media(max-width: 768px) {
    .catch_wrap .table_wrap,
    .catch_wrap .cell_wrap {display: block;}
    .catch_wrap .cell_wrap.left_cell {width: 100%;}
    .catch_wrap .cell_wrap.left_cell > ul .slick-slide {padding-right: 0;}
}
@media(max-width: 479px) {
    .slick-prev:focus,.mom_top .slick-prev:hover,.mom_top .slick-prev,.mom_top .slick-next:focus,.mom_top .slick-next:hover,.mom_top .slick-next {width: 10px; height: 15px;}
    .slick-prev:focus, .mom_top .slick-prev:hover, .mom_top .slick-prev {left: 5px;}
    .slick-next:focus, .mom_top .slick-next:hover, .mom_top .slick-next {right: 5px;}
}

/* catch end */

/* catch banner */
.catch_banner_wrap {
    width: 100%;
    max-width: 1260px;
    margin: 10px auto 0;
    padding: 0 10px;
}
.catch_banner_wrap .row.marg_0 {margin: 0 -5px;}
.catch_banner_wrap .inner_wrap {
    padding: 0 5px;
}
.catch_banner_wrap a,
.catch_banner_wrap a img {
    display: block;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
  .catch_banner_wrap .inner_wrap {
    padding: 0 30px;
  }
  .catch_banner_wrap .inner_wrap:not(:last-of-type) {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 479px){
  .catch_banner_wrap {
    margin-top: 15px;
  }
  .catch_banner_wrap .inner_wrap {
    padding: 0;
  }
}
/* catch banner end */

/* pagemenu */
.page-nav {
    width: 100%;
    max-width: 1240px;
    margin: 20px auto;
    padding: 0;
    background-color: #fff !important;
}
.page-nav:before {
	content: "";
	display: block;
	width: 100%;
	clear: both;
}

ul.pagelink li {
  margin: 0 5px 5px;
}
@media screen and (min-width: 769px) {
  ul.pagelink li {
    background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/gradation_gray_s.png) center bottom repeat-x !important;
  }
  ul.pagelink li a {
    background-image: none;
    position: relative;
  }
  ul.pagelink li a:before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    background: url('/content/dam/nttcom/hq/jp/personal/services/mobile/one/set/img/link_bottom_01.png') 0px no-repeat;
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
.page-nav.fixed  ul li {
  border: inherit !important;
}
.page-nav > ul li a {
  display: block;
  font-size: 13px;
  color: #555555;
  width: 100%;
  height: 100%;
  padding: 0 5px 0 27px !important;
}
.page-nav > ul li a:hover {
    text-decoration: none;
    opacity: .7;
}
.page-nav > ul li:last-child {
    padding-right: 0 !important;
}
ul.pagelink li span {
  background-image: none;
  display: none;
}
.fixed {
    position: fixed;
    top: 0;
    left:0;
    z-index: 500;
    box-sizing: border-box;
    width: 100%;
}
#page-nav.fixed {
    top: 52px;
    border: 1px solid #ababab;
    border-top: inherit;

    background: #fff;
    margin: 0 !important;
    max-width: 100%;
}
.fixed ul {
    margin-bottom: 0 !important;
    margin: 0 auto;
    width: 100%;
    max-width: 1260px;
}
@media screen and (min-width: 769px) {
  .page-nav ul {
      -js-display: flex;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      margin: 0 -5px;
  }
  .page-nav ul li {
    flex: 1;
    margin: 0 5px;
    text-align: center;
    position: relative;
    -js-display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content:center;
    -ms-flex-pack: center;
  }
  .page-nav > ul li a {
    line-height: 1.8;
    padding: 3px 20px 2px !important;

  }
  .page-nav.fixed > ul li a {
    margin: 1px auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  .page-nav > ul li a {
    font-size: 11px;
  }
  ul.pagelink li a:before {
    content: '';
    top: -3px;
  }
}

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

  #page-nav:after {
    content: "";
    display: block;
    width: 100%;
    clear: both;
  }
    .page-nav {
        width: 100%;
    }
    .page-nav > ul {
        text-align: left;
    }
    .page-nav > ul li {
        display: block;
        box-sizing: border-box;
        position: relative;
        width: 100%;
        border-top: 1px solid #cfcfcf !important;
        border-bottom: 1px solid #cfcfcf !important;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        background-position: 20px;
        background: #fff;
        margin-left: 0;
    }
    .page-nav > ul li:not(:first-child) {
        opacity: 0;
        margin-top: -42px;
        visibility: hidden;
        transition: .5s;
    }
    .page-nav > ul.active li:not(:first-child) {
        margin-top: 0;
        visibility: visible;
        opacity: 1;
    }
    .page-nav > ul li a {
        display: block;
        background-position: 0;
        box-sizing: border-box;
        text-decoration: none;
        padding-left: 27px;
    }

    .page-nav > ul li span {
        display: block;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    .page-nav > ul li span:before {
        content: "";
        position: absolute;
        top: 0;
        left: 8px;
        background: #888888;
        width: 8px;
        height: 24px;
        transition: .7s;
    }
    .page-nav > ul li span:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        background: #888888;
        width: 24px;
        height: 8px;
        transition: .5s;
    }
    .page-nav > ul.active li span:before {
        content: "";
        transform: rotate(180deg);
        opacity: 0;
    }
    .page-nav > ul.active li span:after {
        content: "";
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 768px) {
    .fixed {
        padding: 0;
    }
    #page-nav.fixed {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #cccccc;
    }
    #page-nav.fixed li {
      margin-left: 0 !important;
      margin-bottom: 0;
      border-bottom: 1px solid #cfcfcf !important;
      background: #ffffff !important;
    }
}
@media screen and (max-width: 479px){
    .page-nav > ul li {
        padding-left: 10px;
        padding-right: 40px;
        background-position: 3.1%;
        background: #ffffff !important;
    }
    .page-nav > ul li a { font-size: 12px; }
    .page-nav > ul li span {
        right: 3.1%;
    }
    .page-nav > ul li {
      margin-bottom: 0;
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  #page-nav.fixed {
      top: 95px;
  }
}
@media screen and (max-width: 479px) {
  #page-nav.fixed {
      top: 84px;
  }
}

/* pagemenu end */


.mt40_hq {
  width: 100%;
  max-width: 1260px;
  margin: 40px auto 0 auto;
}
/* footer */
/*
footer {
    min-width: 1px;
}
.footerInner {
    width: 100%;
    max-width: 1260px;
    padding: 0 2%;
}

@media screen and (max-width: 991px) {
    .footerInner div {
        display: block;
        width: 100%;
        text-align: center;
    }
    .footerInner .snsArea {
        display: block;
        width: 100%;
        text-align: center;
    }
    footer .snsArea ul.sns {
        width: 35%;
        height: auto;
        margin: 0 auto 50px;
        float: none;
        display: table;
        table-layout: fixed;
    }
    footer .snsArea ul.sns li {
        float: none;
        display: table-cell;
        padding: 0 10px;
        width: 100%;
        text-align: center;
    }
    .footerInner .linkArea p {
        clear: both;
        text-align: center;
    }
    footer .linkArea ul.link {
        float: none;
        margin: 0 auto 30px;
    }
    footer .linkArea ul.link li {
        float: none;
        display: inline-block;
        padding: 0 20px;
        width: auto;
        text-align: center;
    }
    footer .langArea {
        width: 100% !important;
        padding: 0;
    }
    footer .langArea .lang {
        float: none;
        padding-right: 0;
        margin: 0 auto 50px;
        display: inline-block;
    }
    footer .langArea .copyright {
        float: none;
    }
}
@media screen and (max-width: 479px) {
  footer .linkArea ul.link li {
    display: block;
  }
  footer .snsArea ul.sns {
    width: 100%;
    max-width: 270px;
    margin: 20px auto;
  }
}
*/
/* ページナビ対策 */
#sphone, #tablet, #wifirouter, #flow, #compare {
  padding-top: 100px !important;
  margin-top: -100px !important;
}

/* CSSハック IE */
@media all and (-ms-high-contrast:none) and (min-width: 769px) {
  .page-nav > ul li a {
    margin: 0;
  }
  .mom_top .table_wrap {
    -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex;
  }
  .mom_top .cellwrap {
    display: block;
    flex: 1;
  }
}
/* CSSハック Edge */
@supports (-ms-ime-align:auto) and (min-width: 769px) {
  .page-nav > ul li a {
    margin: 10px 0;
  }
  .mom_top .table_wrap {
    -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex;
  }
  .mom_top .cellwrap {
    display: block;
    flex: 1;
  }
}

/* ============リンクエリア=========================== */
.link-area {
  padding: 20px 0;
}
.link-area div {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
}
.link-area p {
  text-align: center;
  margin-bottom: 20px;
}
.link-area p a {
  background: #d00000;
  background: linear-gradient(#ff5d5d, #b90000);
  border-radius: 12px;
  color: #fff !important;
  display: inline-block;
  font-size: 150%;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 3px rgba(0,0,0,.4);
  width: 100%;
}
.link-area p a span {
  padding: 4% 6% 4% 18%;
  background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/set/img/btn_red.png) 0.4em no-repeat;
  display: inline-block;
}

.link-area ul {
  text-align: center;
}
.link-area ul li {
  display: inline-block;
  width: auto;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  max-width: 320px;
  font-size: 0;
}
.link-area ul li:first-child {
  margin-right: 10px;
}
.link-area ul li a {
  color: #fff;
  background: #0259a1;
  border-radius: 8px;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
}
.link-area ul li a span {
  padding: 3% 5% 3% 15%;
  display: inline-block;
  background: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/img/201707_arrow_w.png) 0.2em no-repeat;
}
@media screen and (max-width: 768px) {
  .link-area ul li {
    display: block;
    margin: 0 auto 10px !important;
    width: 80%;
  }
}

.non-h-br:hover {
  text-decoration: none !important;
  opacity: .7;
}



/*====================================================================
▼▼▼ .onetop_slide .slider ここから ▼▼▼
====================================================================*/
.onetop_slide .slider {
    max-width: 1070px;
}
.onetop_slide .slider .slick-list {
    overflow: visible;
    padding: 0px 15px !important;
}
.onetop_slide .slider .slick-track {
}
.onetop_slide .slider .slick-slide {
    padding: 0 10px;
    opacity: .5;
}
.onetop_slide .slider .slick-slide.slick-current {
    opacity: 1;
}
.onetop_slide .slider .slick-slide a {
    display: block;
}
.onetop_slide .slider img{
	height: auto;
    width: 100%;
}
.onetop_slide .slider.slick-slider .slick-prev {
    background-image: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/common/top/slider_arrow_left.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 26px;
    height: 41px;
}
.onetop_slide .slider.slick-slider .slick-next {
    background-image: url(/content/dam/nttcom/hq/jp/personal/services/mobile/one/common/top/slider_arrow_right.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 26px;
    height: 41px;
}
.onetop_slide .slider .slick-dots li button:before {
    font-size: 30px;
}
@media screen and (max-width: 768px) {
    .onetop_slide .slider .slick-list {
        padding: 0px 3% !important;
    }
    .onetop_slide .slider .slick-slide {
        padding: 0 5px;
    }
}