"shift-jis";

:root {font-size: 10px;}
html, body, div, span, iframe, blockquote, abbr, address,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead {margin: 0; padding: 0;}

@media screen and (max-width: 639px) {
  header, footer, nav,
  header *, footer *, nav *,
  header *::before, footer *::before, nav *::before,
  header *::after, footer *::after, nav *::after {letter-spacing: 0;}
}

header ul, header li,
footer ul, footer li,
nav ul, nav li {margin: 0;}

header ul,
footer ul,
nav ul {line-height: 1.6;}

header img,
footer img,
nav img,
input[type="image"] {vertical-align: middle;}

#breadcrumb {display: block !important;}

/*  */
.d_f.slice img {width: 100%; height: auto;}

/* === フォント === */
@font-face {
  font-family: dinFs;
  src: url("/cgi/assets/font/fdin.woff2") format("woff2"),
       url("/cgi/assets/font/fdin.woff")  format("woff");
}
@font-face {
  font-family: icomoon;
  src: url("/cgi/assets/font/icomoon.woff2") format("woff2"),
       url("/cgi/assets/font/icomoon.woff")  format("woff");
}

.dinf {font-family: 'dinFs', 'Arial', sans-serif; letter-spacing: -0.025em; padding-right: 2px; padding-left: 2px; *font-weight: bold;}

button {font-size: inherit;}

/* 標準指定 */
body {color: #000; font-size: 14px; font-family: "メイリオ", Meiryo, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'hirakakupro-w3', Arial, sans-serif; min-width: 320px;
}

.ss  {font-size: 78%;}  /* 11px相当（xpでは10px）*/
.sm  {font-size: 85%;}  /* 12px相当 */
.lg  {font-size: 114%;} /* 16px相当 */
.xlg {font-size: 128%;} /* 18px相当 */
.xxlg {font-size: 143%;} /* 20px相当 */

h1, h2, h3, h4, h5, h6, table {font-size: 100%;}

/* .content h1:first-child,
.content h2:first-child,
.content h3:first-child {margin-top: 0;} */

img {border: 0; vertical-align: middle;}
label {cursor: pointer;}

/* === link === */
a         {color: #09f;}
a:visited {color: #004D8E;}
a:hover   {color: #006bb2;}
a:hover.opa {filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
a.link img {vertical-align: middle; margin-left: 3px;}

/* === layout === */
#wrapper {width: 990px; text-align: left; margin: 0 auto; position: relative; padding-top: 50px; padding-bottom: 50px;}

/* 1段用 */
.content {width: 950px; margin: 0 auto;}
.content-bg {padding: 1px 0 20px 0; background: url(/cgi/shared/images/hr_shadow_950.png) center top no-repeat;}

/* 880px用 */
body.w880 .content .section,
body.w880 .content-bg .content {width: 880px; margin: 0 auto;}

/* 800px用（旧メンバーズ用） */
body.w800 .content .section,
body.w800 .content-bg .content {width: 800px; margin: 0 auto;}

/* 730px用（旧メンバーズ用） */
body.w730 .content .section,
body.w730 .content-bg .content {width: 730px; margin: 0 auto;}

/* 710px用 */
body.w710 .content .section,
body.w710 .content-bg .content {width: 710px; margin: 0 auto;}

/* 700px用（講座など） */
body.w700 .content .section,
body.w700 .content-bg .content {width: 700px; margin: 0 auto;}

/* 680px用（マイフレッツ） */
body.w680 .content .section,
body.w680 .content-bg .content {width: 680px; margin: 0 auto;}

/* 2段用 */
.container .content {width: 710px; margin: 0 15px 0 20px; float: left;
_display: inline; zoom: 1; /* IE6対応 */
/* position: relative; */
}

/* right navi */
.container .nav_right {width: 225px; float: left;
_display: inline; zoom: 1; /* IE6対応 */
}

/* === popup template === */
html.tpl_popup #wrapper {width: 950px; padding-left: 20px; padding-right: 20px;}
html.tpl_popup body.w800 #wrapper {width: 800px;}
html.tpl_popup body.w760 #wrapper {width: 760px;}
html.tpl_popup body.w710 #wrapper {width: 710px;}

html.tpl_popup body.w800 .content,
html.tpl_popup body.w760 .content,
html.tpl_popup body.w710 .content,
html.tpl_popup body.colorbox .content {width: auto}

html.tpl_popup body.colorbox {padding-bottom: 1em; padding: 4%;}
html.tpl_popup body.colorbox .content {max-width: 950px; text-align: left;}

html.tpl_popup body.movie {padding: 0; background-color: #000;}
html.tpl_popup body.movie div.movie_wrap {width: 640px; padding-top: 50px; margin: 0 auto;}

.btn_close {text-align: center; margin-top: 30px;}

/* clearfix */
.container:after,
.clearfix:after /*,
h2:after */ {content: "."; display: block; clear: both; visibility: hidden; height: 0;}

.container,
.clearfix {zoom: 1; /* clear: both; */}


/* === リンク各種 === */

/* ページの先頭へ */
ul.totop {text-align: right; line-height: 1.3; font-size: 12px; letter-spacing: 1px; list-style: none; margin: 1.5em 0; clear: both;}
ul.totop a {background: url(/cgi/shared/images/arrow_totop.gif) no-repeat left center; padding-left: 14px; color: #666; text-decoration: none;}
ul.totop a:hover {text-decoration: underline; color: #0099ff;}

/* リンクブランク */
.blank,
a.blank {background: url(/cgi/shared/images/icon_blank.gif) no-repeat right; padding-right: 17px;
}

/* ===== C&Oサイト内共通 ===== */
.zip1, .zip2 {ime-mode: disabled; padding: 2px 0; font-family: Arial; text-align: center;}
.txtimput    {border: 1px solid #9CF; -webkit-box-shadow: 0 0 3px 0 rgba(153, 204, 255, 0.4) inset; box-shadow: 0 0 3px 0 rgba(153, 204, 255, 0.4) inset; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.txtimput:focus {border: 1px solid #39f; -webkit-box-shadow: 0 0 3px 0 rgba(153, 204, 255, 1) inset; box-shadow: 0 0 3px 0 rgba(153, 204, 255, 1) inset;}

/* === ｈ1 タイトル要素 === */
.content h1 {font-size: 26px; margin-bottom: 13px;}
.content h1 .subtit, .content h1 .sm {vertical-align: 3px; font-size: 16px;}

/* === hr要素 === */
hr {border-top: 1px solid #999; height: 1px; margin: 1em 0;}

hr.shadow, hr.shadow950 {margin: 50px 0 35px 0; border: none; height: 13px; *height: 2px; *border-bottom: solid 1px #dedede; color: #999;}

hr.shadow {background:url(/cgi/shared/images/hr_shadow.png) center 0 no-repeat;}
hr.shadow950 {background:url(/cgi/shared/images/hr_shadow_950.png) center 0 no-repeat;}

hr.shadow + h2,
hr.shadow + h3,
hr.shadow + h4,
hr.shadow + h5,
hr.shadow + h6 {margin-top: 1em;}

.shadow-top {background:url(/cgi/shared/images/hr_shadow.png) center 0 no-repeat; margin-top: 15px; padding-top: 15px;}
.nowrap {white-space: nowrap;}

/* スマホ */
body {-webkit-text-size-adjust: 100%;}
.pc_hide {display: none;}

br.pc {display: none !important;}
br.sp {display: inline !important;}
@media only screen and (min-width: 640px) {
    br.pc {display: inline !important;}
    br.sp {display: none !important;}
}

/* abauthikari */
.flets_notes {margin-top: 80px; font-size: 12px;}
.flets_notes ul {list-style: none; padding: 0; margin: 0.75em 0 0 0;}
.flets_notes ul > li {display: -webkit-box;display: -ms-flexbox;display: flex;}

/* customer sk */
.box_a {background-color: #f5f5f5; padding: 2%;}
.box_a + div.container {margin-top: 40px;}
.box_a .tit_att {padding: 0 0 0 24px; background: url(/cgi/assets/css/images/icon_attn_01.png) no-repeat left 2px;}
.box_a em {font-style: normal; font-weight: bold;}
.box_a ul:last-child {margin-bottom: 0;} 
.lyt_item {display: -webkit-box;display: -ms-flexbox;display: flex;}
.lyt_item._row_reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.lyt_item._row_reverse > .image {margin-right: 20px;}
p.txt_reader {margin-top: 0; font-size: 12px; line-height: 1.6;}

.d_f.slice img {width: 100%; height: auto;}

@media only screen and (min-width: 640px) {
    body#fvc2_tec .tit_lv1_content {padding-right: 20px;}
}
body#fvc2_tec .item_colabo_wrap {display: none !important;}

ul.notes {margin-left: 0;}
ul.notes li {display: flex; list-style: none;}

.mfp-text iframe {padding-top: 40px;}