@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&display=swap);



/* ==========================================================================
General Style
========================================================================== */

html {
  -webkit-text-size-adjust: 100%;
  font-size: 100%;
  line-height: 1.15;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -ms-overflow-style: scrollbar;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

html * {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  overflow-wrap: break-word;
  word-break: break-word;
}

html body {
  font-family: "Myriad Pro", "Segoe UI", Helvetica, Arial, Verdana, Roboto, "Droid Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "Noto Sans CJK JP", Meiryo, Osaka, "MS PGothic", "sans-serif";
}

html[lang="ja"] body {
  font-family: ヒラギノ角ゴシック, "Hiragino Sans", "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "Noto Sans JP", "Noto Sans CJK JP", メイリオ, Meiryo, Roboto, "Droid Sans", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
html[lang="es"] body,
html[lang="it"] body,
html[lang="fr"] body,
html[lang="de"] body,
html[lang="ru"] body,
html[lang="sv"] body,
html[lang="tr"] body,
html[lang="vi"] body,
html[lang="id"] body {
  font-family: "Myriad Pro", "Segoe UI", Helvetica, Arial, Verdana, Roboto, "Droid Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "Noto Sans CJK JP", Meiryo, Osaka, "MS PGothic", "sans-serif";
}
html[lang*="zh"] body {
  font-family: "PingFang SC", "Noto Sans CJK SC", "Microsoft Yahei", SimSun, Song, "Lantinghei SC", "Apple LiSung", PMingLiU, "Myriad Pro", "Segoe UI", Helvetica, Arial, Verdana, Roboto, "Droid Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "Noto Sans CJK JP", Meiryo, Osaka, "MS PGothic", "sans-serif";
}
html[lang="ko"] body {
  font-family: "Apple SD Gothic Neo", "Noto Sans CJK KR", "Malgun Gothic", dotum, AppleGothic, "Myriad Pro", "Segoe UI", Helvetica, Arial, Verdana, Roboto, "Droid Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "Noto Sans CJK JP", Meiryo, Osaka, "MS PGothic", "sans-serif";
}
html[lang="th"] body {
  font-family: Sukhumvit, "Noto Sans Thai", Leelawadee, thonburi, Tahoma, "Myriad Pro", "Segoe UI", Helvetica, Arial, Verdana, Roboto, "Droid Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", HiraKakuProN-W3, "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "Noto Sans CJK JP", Meiryo, Osaka, "MS PGothic", "sans-serif";
}

h1 {
  font-size: 2em;
  margin: 0;
}
h1.hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  color: #333;
  text-decoration: none;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  border-bottom: none;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

img {
  border-style: none;
  vertical-align: middle;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  border: 1px solid #c7c7c7;
  background: #ffffff;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 0;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul,
ol,
li,
dl,
dt,
dd,
blockquote,
figure {
  margin: 0;
  padding: 0;
}

ul,
dl {
  list-style: none;
}

input::-ms-clear {
  visibility: hidden;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

[class^="jtp"] a:focus,
[class^="jtp"] input:focus,
[class^="jtp"] area:focus,
[class^="jtp"] button:focus,
[class^="jtp"] select:focus,
[class^="jtp"] [tabindex]:focus,
[class^="jtp"] textarea:focus {
  outline-offset: -1px;
  outline-style: solid;
  outline-width: 1px;
}

@-moz-document url-prefix() {
  [class^="jtp"] a:focus,
  [class^="jtp"] input:focus,
  [class^="jtp"] area:focus,
  [class^="jtp"] button:focus,
  [class^="jtp"] select:focus,
  [class^="jtp"] [tabindex]:focus,
  [class^="jtp"] textarea:focus {
    outline-style: auto;
  }
}



/* ==========================================================================
Base Layout
========================================================================== */



/* ==========================================================================
Module(Parts) Layouts
========================================================================== */
/* JTP-0001
レイアウトコンテナ */
.jtptop-container{
  margin: 0 auto 80px auto;
}
.jtptop-container-inner{
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .jtptop-container {
    max-width: 1280px;
  }
  .jtptop-container-inner{
    padding: 56px 5.0435% 62px 5.0435%;
  }
  .jtptop-container.full .jtptop-container-inner{
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .jtptop-container {
    padding-left: 5.0435%;
    padding-right: 5.0435%;
  }
}

/* JTP-0002
タブ */
.jtptop-tab ul{
  display: flex;
  align-items: center;
  justify-content: center;
}
.jtptop-tab li + li{
  margin-left:25px;
}

/* JTP-0101
ヘッドライン */
.jtptop-headline{
  text-align:center;
  margin-bottom: 30px;
}
.jtptop-headline.black{
  color:#000000;
}

.jtptop-headline-title01{
  display: block;
  font-size: 2.125rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
  margin-top: 0;
}


/* ==========================================================================
Common class
========================================================================== */
.jtptop-align-center {
  text-align: center;
}


/* ==========================================================================
JS Module Layouts
========================================================================== */