@charset "UTF-8";



/*-------------------------------------
reset css
-------------------------------------*/
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
select, button, input, textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}



/* 游ゴシック指定
MyYuGothicM                Windows 游ゴシック
YuGothic                   OS X 游ゴシック
-apple-system              iOS San Francisco
BlinkMacSystemFont         iOS Chrome San Francisco
Hiragino Kaku Gothic ProN  OS X, iOS ヒラギノ
Meiryo                     Windows メイリオ
--------------- */
/* システムフォント指定
-apple-system              OS X, iOS SanFrancisco
BlinkMacSystemFont         OS X, iOS Chrome San Francisco
Hiragino Kaku Gothic ProN  OS X, iOS ヒラギノ
MyYuGothicM                Windows 游ゴシック
Meiryo                     Windows メイリオ
--------------- */

/*-------------------------------------
 Base Settings
-------------------------------------*/
body {
  font-size: 2.93333vw;
  font-family: Helvetica, "A+EqpB-游ゴシック体 Pr6N M", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  letter-spacing: 0.13333vw;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

body:not(.jp) {
  font-family: 'Noto Sans', sans-serif;
}

body.hk,
body.tw {
  font-family: "Lantinghei SC","Microsoft JhengHei", 'Noto Sans', sans-serif;
}

body.cn {
  font-family: "Microsoft YaHei", "Lantinghei SC","Microsoft JhengHei", 'Noto Sans', sans-serif;
}

/* --------------------
  tags
-------------------- */
a {
  color: inherit;
  text-decoration: none;
}

b {
  font-weight: bold;
}

i {
  display: inline-block;
}

em {
  font-style: normal;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

iframe, object, video, embed {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}



* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

input, textarea {
  border: none;
}

button.ti, button.image-body, .header .gnav-inner .logo-wrap button.logo {
  text-indent: 160%;
}


/* positions
-------------------- */
.pos, .pos-center, body.jp-top .content.mainvisual .loader-simple, .pos-vertical-center, .block-lists > li a i,
.newShopList ul > li a i, .btn-ellipce i, .header .gnav li:not(:last-child):after, .header .member-area .member-list ul li:nth-child(odd):after, body.news.isArchive .contents-area .contents .title-area .view-select-lists, .pos-horizontal-center, div.wpcf7 img.ajax-loader, .pos-override-center {
  position: absolute;
  margin: auto;
}

.pos-center, body.jp-top .content.mainvisual .loader-simple {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.pos-vertical-center, .block-lists > li a i,
.newShopList ul > li a i, .btn-ellipce i, .header .gnav li:not(:last-child):after, .header .member-area .member-list ul li:nth-child(odd):after, body.news.isArchive .contents-area .contents .title-area .view-select-lists {
  top: 0;
  bottom: 0;
}

.pos-horizontal-center, div.wpcf7 img.ajax-loader {
  left: 0;
  right: 0;
}

.pos-override-center {
  top: -50%;
  bottom: -50%;
  left: -50%;
  right: -50%;
}

.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* -------------------------
  parts common
------------------------- */
/* wrap content common
-------------------- */
.wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* texts common
-------------------- */
.tdu {
  text-decoration: underline;
}

.tdn {
  text-decoration: none !important;
}

/* links common
-------------------- */
.lbs {
  color: #000000;
}

.lbs:hover {
  text-decoration: underline;
}

.tdc {
  border-bottom: 0.13333vw solid #9b9b9b;
}

.tdc:hover {
  border-bottom: none;
}

.lca {
  color: #000000;
  text-decoration: underline;
}

.lca:link {
  color: #000000;
}

.lca:visited {
  color: #000000;
}

.lca:active {
  color: #000000;
}

.lcb {
  color: #000000;
  text-decoration: underline;
}

.lcb:link {
  color: #000000;
}

.lcb:visited {
  color: #000000;
}

.lcb:active {
  color: #000000;
}

.lcc {
  color: #000000;
  text-decoration: underline;
}

.lcc:link {
  color: #000000;
}

.lcc:visited {
  color: #000000;
}

.lcc:active {
  color: #000000;
}

.lcd {
  color: #000000;
  text-decoration: underline;
}

.lcd:link {
  color: #000000;
}

.lcd:visited {
  color: #000000;
}

.lcd:active {
  color: #000000;
}

.fl-range > * {
  float: left;
}

.ib-range {
  font-size: 0;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.ib-range > * {
  font-size: 2.93333vw;
  display: inline-block;
  vertical-align: top;
}

.frame-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.frame-wrap > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* lists common
-------------------- */
/* form common
-------------------- */
:focus::-webkit-input-placeholder {
  color: transparent !important;
}
:focus::-moz-placeholder {
  color: transparent !important;
}
:focus:-ms-input-placeholder {
  color: transparent !important;
}
:focus::-ms-input-placeholder {
  color: transparent !important;
}
:focus::placeholder {
  color: transparent !important;
}

.fa-hatena:before {
  content: "B!";
  font-family: Verdana;
  font-weight: bold;
}

/* -------------------------
  parts SP
------------------------- */
.pc {
  display: none !important;
}

.pc-layout {
  display: none !important;
}

.ti, .image-body, body.jp-top .mv-item > a, .header .gnav-inner .logo-wrap .logo, .header .gnav-inner .sp-menu .sp-menu-area ul .sp-help a, .header .gnav-inner .sp-menu .sp-menu-area ul .sp-menu a {
  display: block;
  height: 0;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  position: relative;
}



.container, .contents .content > .inner, .breadcrumbs .inner, body:not(.global):not(.jp-top):not(.mce-content-body) .contents-area {
  width: 96vw;
  margin: 0 auto;
}


/* common elements
-------------------- */
.header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  background-color: white;
}

.header .header-banner-area {
  margin: 0 auto;
}

.header .header-banner-area .header-banner-inner {
  width: 97.33333vw;
  padding-top: 1.33333vw;
}

.header .gnav-inner {
  width: 100%;
  padding-top: 4vw;
}

.header .gnav-inner .logo-wrap .logo {
  margin: 0 0 3vw 4vw;
  width: 40vw;
  padding-top: 13.7741%;
  background-image: url(../images/steps/logo_tanqgakusha_01.svg);
}