@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
  color: #333;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.87500;
  letter-spacing: 0.08em;
  font-weight: 300;
  font-family: YakuHanJP, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/*タイトル　バリエーション　サイズ別*/
/*トップページ--about*/
.topCont--about__ttlAbout {
  font-size: 3.3rem;
  letter-spacing: 0.06em;
  line-height: 1;
  font-weight: 600;
  color: #333;
  margin: 55px 0 25px;
  text-align: center;
}

/*トップページ--service*/
.topCont--msg__ttl {
  font-size: 3.2rem;
  letter-spacing: 0.06em;
  line-height: 1;
  font-weight: 600;
  color: #333;
  line-height: 1.2;
  font-weight: normal;
  font-weight: 300;
  margin: 30px 0;
}

.underCont__ttlLg {
  font-size: 3.2rem;
  letter-spacing: 0.06em;
  line-height: 1;
  font-weight: 600;
  color: #333;
  line-height: 1.2;
  font-weight: normal;
  font-weight: 300;
  margin: 30px 0;
}

.underCont__ttlMd {
  font-size: 2.4rem;
  letter-spacing: 0.06em;
  line-height: 1.5;
  font-weight: 600;
  color: #333;
  font-weight: 300;
  margin: 30px 0;
}

.underCont__ttlSm {
  font-size: 2.2rem;
  letter-spacing: 0.06em;
  line-height: 1;
  font-weight: 600;
  margin: 0 0 40px;
  color: #333;
  font-weight: 300;
}

.underCont__ttlXs {
  font-size: 1.6rem;
  letter-spacing: 0.06em;
  line-height: 1;
  font-weight: 600;
  color: #333;
  margin: 3em 0 1.5em;
  font-weight: bold;
}

.underCont__ttlSub {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  line-height: 1;
  font-weight: 600;
  margin: 50px 0 .4em;
  color: #666;
  text-align: left;
  font-weight: normal;
  display: block;
  position: relative;
}

.underCont__ttlSub .fa {
  font-size: 2.2rem;
  margin-right: .3em;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.icon {
  padding-left: 2.6rem;
}

/*下層--定型リストタイトル*/
.underCont__ttlList {
  font-size: 2.2rem;
  letter-spacing: 0.06em;
  line-height: 1;
  font-weight: 600;
  color: #333;
  margin: 60px 0 30px;
}

p {
  margin-bottom: 2em;
}

table {
  width: 100%;
  text-align: left;
  padding: 20px 0;
}

table p {
  margin-bottom: .7em;
}

.tbl01 {
  border-collapse: collapse;
  border-top: 1px solid #ddd;
}

.tbl01 > tr {
  border-bottom: 1px solid #ddd;
}

.tbl01 > table > tbody > tr > th {
  width: 30%;
}

.tbl01 > table > tbody > tr > th ,
.tbl01 > table > tbody > tr > td {
  padding: .7rem 0;
}

.tbl02 {
  border-collapse: separate;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 2em;
}

.tbl02 caption {
  text-align: left;
  font-weight: bold;
  margin-bottom: 1em;
}

.tbl02 th {
  width: 30%;
  text-align: left;
}

.tbl02 th,
.tbl02 td {
  vertical-align: top;
}

.tbl02 td {
  padding: .7rem;
}

.tbl03 {
  border-collapse: collapse;
  border-top: 1px solid #ddd;
}

.tbl03 tr {
  border-bottom: 1px solid #ddd;
}

.tbl03 th {
  width: 40%;
}

.tbl03 th,
.tbl03 td {
  line-height: 1.4;
  padding: .7rem 0;
}

.tbl03 td {
  text-align: right;
}

.tbl04 {
  border-collapse: collapse;
  border: 1px solid #ddd;
}

.tbl04 caption {
  font-weight: bold;
  margin-bottom: 1em;
  text-align: left;
}

.tbl04 tr {
  border-bottom: 1px solid #ddd;
}

.tbl04 th {
  width: 50%;
}

.tbl04 th,
.tbl04 td {
  border: 1px solid #ddd;
  padding: .7rem;
  text-align: center;
}

.tbl04 + .tbl04 {
  margin-top: 1.5em;
}

.tbl05 {
  border-collapse: collapse;
  border: 1px solid #ddd;
  font-size: 1.4rem;
}

.tbl05 tr {
  border-bottom: 1px solid #ddd;
}

.tbl05 th,
.tbl05 td {
  border: 1px solid #ddd;
  padding: .7rem;
  text-align: center;
}

.tbl05 .tLeft {
  text-align: left;
  padding: .7rem 1.4rem;
}

a.btn {
  text-decoration: none;
}

.btn {
  border: 1px solid #171717;
  display: inline-block;
  margin: 1rem auto;
  padding: .7rem 3rem;
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
  text-align: center;
  background: transparent;
}

.btn:hover {
  background: #303A44;
  -webkit-transition: .3s;
  transition: .3s;
  border: 1px solid #303A44;
  color: #ededed;
  opacity: 1;
}

.btn01 {
  border: 1px solid #171717;
  display: inline-block;
  margin: 1rem auto;
  -webkit-transition: .3s;
  transition: .3s;
  width: 100%;
}

.btn01 a {
  width: 100%;
  display: block;
  padding: .7rem 3rem;
  text-align: center;
  opacity: 1 !important;
  -webkit-transition: .3s;
  transition: .3s;
}

.btn01 a:hover {
  background: #303A44;
  color: #fff;
}

.btnArea {
  margin-top: 1em;
}

.impotant {
  font-weight: bold;
  color: red;
}

.btn02 {
  margin: .5rem 0;
}

.btn02 a {
  width: 100%;
  display: block;
  padding: 1rem 0;
  text-align: center;
  opacity: 1 !important;
  -webkit-transition: .3s;
  transition: .3s;
  color: #fff;
  background: #303A44;
}

.btn02 a:hover {
  background: #181f27;
}

.note {
  text-align: left;
  position: relative;
  padding-left: 1.2em;
  margin: 0;
}

.note::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

.noteArea {
  border: 1px solid #ddd;
  padding: 2em;
}

.noteArea h4 {
  margin-bottom: 1em;
}

.noteArea h4:nth-child(n+2) {
  margin-top: auto;
}

.left {
  text-align: left;
}

main a {
  text-decoration: underline;
}

hr {
  border: 0;
  border-top: 1px solid #ddd;
  height: 0;
  margin: 1em 0;
}

/*!
 * ress.css • v1.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
/**
 * 1. All browsers without overlaying scrollbars
 * 2. iOS 8+

 * 1. すべてのブラウザで、スクロールバーのオーバーレイを無し。
 * 2. iOS 8+
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow-y: scroll;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
 * 1. Inherit text-decoration and vertical align to ::before and ::after pseudo elements

 * 1. 「::before」と「::after」に、「text-decoration」と「vertical-align」を継承。
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
}

/**
 * 1. Set `background-repeat: no-repeat` to all elements
 * 2. Reset `padding` and `margin` of all elements

 * 1. すべての要素に、「background-repeat: no-repeat;」を指定。
 * 2. すべての要素に、「padding」と「margin」をリセット。
 */
* {
  background-repeat: no-repeat;
  /* 1 */
  padding: 0;
  /* 2 */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/**
 * Add the correct display in iOS 4-7.

 * iOS 4-7に、正しいdisplayを設定。
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * 1. Show the overflow in Edge and IE

 * 1. EdgeとIEに、「overflow: visible;」を定義。
 */
hr {
  overflow: visible;
  /* 1 */
}

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox
 * Correct `block` display not defined for `main` in IE 11

 * IE8/9に、displayプロパティを定義。
 * IE10/11とFirefoxのdetail要素とsummary要素に、displayプロパティを定義。
 * IE11のmain要素に、displayプロパティを定義。
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Set font-size to 80% in `small` elements

 * 1. small要素に、フォントサイズ「80%」を定義。
 */
small {
  font-size: 80%;
  /* 1 */
}

/**
 * 1. Add the correct display in IE

 * 1. IEに、displayプロパティを定義。
 */
[hidden],
template {
  display: none;
  /* 1 */
}

/**
 * 1. Add a bordered underline effect in all browsers
 * 2. Remove text decoration in Firefox 40+

 * 1. すべてのブラウザに、点線を定義。
 * 2. Firefox40+に、テキストの装飾を削除。
 */
abbr[title] {
  border-bottom: 1px dotted;
  /* 1 */
  text-decoration: none;
  /* 2 */
}

/**
 * 1. Remove the gray background on active links in IE 10
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+

 * 1. IE10に、アクティブリンクのグレーの背景を削除。
 * 2. iOS8+とSafari8+に、リンクの下線のギャップを削除。
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the outline when hovering in all browsers

 * 1. すべてのブラウザに、ホバー時のアウトラインを削除。
 */
a:active,
a:hover {
  outline-width: 0;
  /* 1 */
}

/**
 * 1. Specify the font family of code elements

 * 1. コード要素に、フォントファミリーを指定。
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
}

/**
 * 1. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+

 * 1. Edge12+, Safari6.2+, Chrome18+に、「bold」を適用。
 */
b,
strong {
  font-weight: bolder;
  /* 1 */
}

/**
 * 1. Address styling not present in Safari and Chrome

 * 1. SafariとChromeに、定義。
 */
dfn {
  font-style: italic;
  /* 1 */
}

/**
 * Address styling not present in IE 8/9

 * 1. IE8/9に、定義。
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * https://gist.github.com/unruthless/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/**
 * 1. Firefox 36+

 * 1. Firefox 36+
 */
[type="number"] {
  width: auto;
  /* 1 */
}

/**
 * 1. Safari 8+

 * 1. Safari 8+
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * 1. Safari 8

 * 1. Safari 8
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* 1 */
}

/**
 * 1. Internet Explorer 11+
 * 2. Specify textarea resizability

 * 1. Internet Explorer 11+
 * 2. textarea要素に、垂直方向のリサイズを指定。
 */
textarea {
  overflow: auto;
  /* 1 */
  resize: vertical;
  /* 2 */
}

/**
 * 1. Specify font inheritance of form elements

 * 1. フォーム要素に、フォントの継承を指定。
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
}

/**
 * 1. Restore the font weight unset by the previous rule.

 * 1. 前の指定により、フォントのウェイトを再定義。
 */
optgroup {
  font-weight: bold;
  /* 1 */
}

/**
 * 1. Address `overflow` set to `hidden` in IE 8/9/10/11

 * 1. IE8/9/10/11に、overflow時にhiddenを設定。
 */
button {
  overflow: visible;
  /* 1 */
}

/**
 * Remove inner padding and border in Firefox 4+

 * Firefox4+に、内側のpaddingとborderを削除。
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/**
 * Replace focus style removed in the border reset above

 * 1. フォーカス時のスタイルを定義。
 */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4
 * 2. Correct the inability to style clickable types in iOS

 * 1. Android4に、ネイティブのaudio要素とvideo要素のコントロールのバグを防ぐ。
 * 2. iOSに、クリッカブルなbutton要素のtypeのスタイルを修正。
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * 1. Firefox 40+, Internet Explorer 11-

 * 1. Firefox 40+, Internet Explorer 11-
 */
button,
select {
  text-transform: none;
  /* 1 */
}

/**
 * Remove the default button styling in all browsers

 * すべてのブラウザにおいて、デフォルトのボタンのスタイルを削除。
 */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/**
 * Style select like a standard input
 * 1. Firefox 36+
 * 2. Chrome 41+

 * 標準的なinput要素のスタイルを選択。
 * 1. Firefox 36+
 * 2. Chrome 41+
 */
select {
  -moz-appearance: none;
  /* 1*/
  -webkit-appearance: none;
  /* 2 */
}

/**
 * 1. Internet Explorer 11+

 * 1. Internet Explorer 11+
 */
select::-ms-expand {
  display: none;
  /* 1 */
}

/**
 * 1. Internet Explorer 11+

 * 1. Internet Explorer 11+
 */
select::-ms-value {
  color: currentColor;
  /* 1 */
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11
 * 2. Correct the color inheritance from `fieldset` elements in IE
 * 3. Correct the text wrapping in Edge and IE
 * 4. Correct the text wrapping in Edge and IE
 * 5. Correct the text wrapping in Edge and IE

 * 1. IE 8/9/10/11に、カラーの継承を定義。
 * 2. IEに、fieldset要素からカラーを継承するように定義。
 * 3. EdgeとIEに、テキストのラッピングを修正。
 * 4. EdgeとIEに、テキストのラッピングを修正。
 * 5. EdgeとIEに、テキストのラッピングを修正。
 */
legend {
  border: 0;
  /* 1*/
  color: inherit;
  /* 2 */
  display: table;
  /* 3 */
  max-width: 100%;
  /* 4 */
  white-space: normal;
  /* 5 */
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari
 * 2. Change font properties to `inherit` in Chrome and Safari

 * 1. iOSとSafariに、クリッカブルなtypeのスタイルを修正。
 * 2. ChromeとSafariに、フォントプロパティの継承を変更。
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari

 * Chrome, Edge, Safariに、テキストのスタイルを修正。
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari
 * 2. Correct the outline style in Safari

 * 1. ChromeとSafariに、アピアランスを修正。
 * 2. Safariに、アウトラインを修正。
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10

 * 1. IE8/9/10に、a要素の中にある時にボーダーを削除。
 */
img {
  max-width: 100%;
  border-style: none;
  /* 1 */
  vertical-align: bottom;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera

 * 1. Chrome, Firefox, Operaに、正しいvertical-alignを与える。
 */
progress {
  vertical-align: baseline;
}

/**
 * 1. Internet Explorer 11-

 * 1. Internet Explorer 11-
 */
svg:not(:root) {
  overflow: hidden;
  /* 1 */
}

/**
 * 1. Internet Explorer 11+, Windows Phone 8.1+

 * 1. Internet Explorer 11+, Windows Phone 8.1+
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
}

/* # =================================================================
   # Acessibility
   # ================================================================= */
/**
 * Hide content from screens but not screenreaders

 * コンテンツを隠す時は、スクリーンリーダーからでなく、スクリーンから。
 */

/**
 * Specify the progress cursor of updating elements

 * アップデート中の要素のプログレスのカーソルを指定。
 */
/* */
[aria-busy="true"] {
  cursor: progress;
}

/**
 * Specify the pointer cursor of trigger elements

 * トリガー要素のポインターのカーソルを指定。
 */
[aria-controls] {
  cursor: pointer;
}

/**
 * Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements

 * 使用不可、編集不可の要素のスタイルが無いカーソルを指定。
 */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/**
 * Specify text selection background color and omit drop shadow

 * テキスト選択時の背景色を指定し、ドロップシャドウを削除。
 */
/**
 * 1. Required when declaring ::selection

 * 1. 「::selection」を使用する時に必要。
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #fff;
  text-shadow: none;
}

/**
 * 1. Required when declaring ::selection

 * 1. 「::selection」を使用する時に必要。
 */
::-moz-selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #fff;
  text-shadow: none;
}
::selection {
  background-color: #b3d4fc;
  /* 1 */
  color: #fff;
  text-shadow: none;
}

html, body {
  width: 100%;
  height: 100%;
}

html {
  font-size: 62.5%;
}

/**
 * 1. hタグ、ul・liタグ、aタグの定義
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
  text-align: left;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

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

/*=================================
  汎用クラスの定義
=================================*/
.float-l {
  float: left;
}

.float-r {
  float: right;
}

.inner-wrap {
  width: 1366px;
  margin: 0 auto;
}

.is-sp-only {
  display: none !important;
}

.is-txt-center {
  text-align: center;
}

.notes {
  font-size: 1.4rem;
  display: block;
}

.cf::after {
  content: " ";
  display: block;
  clear: both;
}

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

.width-L {
  width: 1100px;
}

.width-M {
  width: 900px;
}

.width-1000 {
  width: 1000px;
}

@media screen and (min-width: 0) and (max-width: 783px){
  body{
    font-size: 1.4rem;
  }
  .topCont--about__ttlAbout{
    font-size: 2.53846rem;
  }
  .topCont--about__ttlAbout{
    font-size: 2.4rem;
    margin: 60px 0 40px;
  }
  .topCont--msg__ttl{
    font-size: 2.46154rem;
  }
  .topCont--msg__ttl{
    margin: 40px 0 25px;
  }
  .underCont__ttlLg{
    font-size: 2.46154rem;
  }
  .underCont__ttlLg{
    margin: 40px 0 25px;
  }
  .underCont__ttlMd{
    font-size: 1.84615rem;
  }
  .underCont__ttlMd{
    margin: 40px 0 25px;
  }
  .underCont__ttlSm{
    font-size: 1.69231rem;
  }
  .underCont__ttlSm{
    margin: 0 0 25px;
  }
  .underCont__ttlXs{
    font-size: 1.23077rem;
  }
  .underCont__ttlXs{
    margin: 0 0 15px;
  }
  .underCont__ttlSub{
    font-size: 1.07692rem;
  }
  .underCont__ttlSub{
    margin: 25px 0 .4em;
  }
  .underCont__ttlList{
    font-size: 1.69231rem;
  }
  .underCont__ttlList{
    line-height: 1.5;
    margin: 50px 0 10px;
    padding-left: 2em;
    text-indent: -2.1em;
  }
  .tbl01 th{
    width: 40%;
  }
  .tbl02 th{
    width: 40%;
  }
  .tbl03 th{
    width: 40%;
  }
}

@media screen{
  [hidden~="screen"]{
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target){
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

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

  /* =================================
    base
  ================================= */
  html, body{
    min-width: 320px;
  }

  /* =================================
    汎用クラスの定義
  ================================= */
  .inner-wrap{
    width: 100%;
  }
  .is-sp-only{
    display: block !important;
  }
  .is-pc-only{
    display: none !important;
  }
  .float-l, .float-r{
    float: none;
  }
}

/*# sourceMappingURL=maps/base.css.map */