@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Thin.woff") format("woff"), url("../font/NotoSansCJKjp-Thin.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Light.woff") format("woff"), url("../font/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../font/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Regular.woff") format("woff"), url("../font/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Bold.woff") format("woff"), url("../font/NotoSansCJKjp-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("../font/NotoSansCJKjp/NotoSansCJKjp-Black.woff") format("woff"), url("../font/NotoSansCJKjp-Black.ttf") format("truetype"); }

@media screen and (max-width: 768px) {
  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, 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-style: normal;
    font-size: 100%;
    vertical-align: baseline; }
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
  html {
    overflow-y: scroll; }
  blockquote, q {
    quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }
  input, textarea {
    margin: 0;
    padding: 0; }
  ol, ul {
    list-style: none; }
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  caption, th {
    text-align: left; }
  html {
    font-size: 6.25%; }
  * {
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  h1, h2, h3, h4, h5, h6 {
    font-weight: normal; }
  a {
    transition: .3s ease-in-out; }
  a:focus {
    outline-color: #3b99fc;
    outline-offset: 0px;
    outline-style: auto;
    outline-width: 5px; }
  a:hover {
    cursor: pointer;
    opacity: 0.7; }
  body {
    line-height: 1.6;
    font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Roboto, "Droid Sans", sans-serif;
    color: #333;
    font-size: 14px;
    font-size: 14rem;
    position: relative; }
    [lang=en-US] body {
      font-family: "Avenir", "Helvetica Neue", "Helvetica", "Arial"; }
    [lang=zh-TW] body {
      font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "STXihei", "Microsoft YaHei", "微软雅黑", "SimSun", sans-serif; }
  img {
    width: 100%; }
  /* iOSでのデフォルトスタイルをリセット */
  input[type="submit"], input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
         appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer; }
  input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus, input[type="button"]::focus {
    outline-offset: -2px; } }

@media screen and (max-width: 768px) and (min-width: 768px) {
  body {
    font-size: 14px;
    font-size: 14rem; }
  img {
    width: auto; } }

.btn, .btn--next, .btn--prev, .btn--down, .btn--up, .btn--external {
  position: relative;
  display: inline-block;
  min-width: 240px;
  min-height: 60px;
  text-align: center;
  background: #ddd;
  border: 1px solid #ccc;
  color: #666; }
  .btn a, .btn--next a, .btn--prev a, .btn--down a, .btn--up a, .btn--external a {
    color: inherit; }
  .btn span, .btn--next span, .btn--prev span, .btn--down span, .btn--up span, .btn--external span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 83.33333%; }
  .btn::after, .btn--next::after, .btn--prev::after, .btn--down::after, .btn--up::after, .btn--external::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 6px;
    height: 8px;
    content: '';
    transform: translate(0, -50%);
    background: none;
    background-size: cover; }
  .btn.inverted, .inverted.btn--next, .inverted.btn--prev, .inverted.btn--down, .inverted.btn--up, .inverted.btn--external {
    background-color: #666;
    color: #fff; }
    .btn.inverted::after, .inverted.btn--next::after, .inverted.btn--prev::after, .inverted.btn--down::after, .inverted.btn--up::after, .inverted.btn--external::after {
      background: none;
      background-size: cover; }

.btn--next {
  background: #fff;
  border-color: #6C2754;
  color: #6C2754; }
  .btn--next::after {
    right: 10px;
    width: 6px;
    height: 8px;
    background: url(../images/common/icon_chevron_right.png) no-repeat center center;
    background-size: cover; }
  .btn--next.inverted {
    background-color: #6C2754; }
    .btn--next.inverted::after {
      background: url(../images/common/icon_chevron_right_wh.png) no-repeat center center;
      background-size: cover; }

.btn--prev {
  background: #fff;
  border-color: #6C2754;
  color: #6C2754; }
  .btn--prev::after {
    left: 10px;
    width: 6px;
    height: 8px;
    background: url(../images/common/icon_chevron_left.png) no-repeat center center;
    background-size: cover; }
  .btn--prev.inverted {
    background-color: #6C2754; }
    .btn--prev.inverted::after {
      background: url(../images/common/icon_chevron_left_wh.png) no-repeat center center;
      background-size: cover; }

.btn--down {
  background: #fff;
  border-color: #6C2754;
  color: #6C2754; }
  .btn--down::after {
    right: 10px;
    width: 9px;
    height: 7px;
    background: url(../images/common/icon_chevron_down.png) no-repeat center center;
    background-size: cover; }
  .btn--down.inverted {
    background-color: #6C2754; }
    .btn--down.inverted::after {
      background: url(../images/common/icon_chevron_down_wh.png) no-repeat center center;
      background-size: cover; }

.btn--up {
  background: #fff;
  border-color: #6C2754;
  color: #6C2754; }
  .btn--up::after {
    right: 10px;
    width: 9px;
    height: 7px;
    background: url(../images/common/icon_chevron_up.png) no-repeat center center;
    background-size: cover; }
  .btn--up.inverted {
    background-color: #6C2754; }
    .btn--up.inverted::after {
      background: url(../images/common/icon_chevron_up_wh.png) no-repeat center center;
      background-size: cover; }

.btn--external {
  background: #fff;
  border-color: #6C2754;
  color: #6C2754; }
  .btn--external::after {
    right: 10px;
    width: 14px;
    height: 10px;
    background: url(../images/common/icon_external_link.png) no-repeat center center;
    background-size: cover; }
  .btn--external.inverted {
    background-color: #6C2754; }
    .btn--external.inverted::after {
      background: url(../images/common/icon_external_link_wh.png) no-repeat center center;
      background-size: cover; }

/*

---
name: Button

category:
  - component
  - component/button
---

```html
<a href="" class="btn"><span>Button</span></a>
```

### 次ページへの遷移

```html
<a href="" class="btn--next"><span>詳しく見る</span></a>
<a href="" class="btn--next inverted"><span>詳しく見る</span></a>
```

### 前ページへの遷移

```html
<a href="" class="btn--prev"><span>前のページヘ</span></a>
<a href="" class="btn--prev inverted"><span>前のページヘ</span></a>
```

### ページ下部への遷移

```html
<a href="" class="btn--down"><span>ページの下部へ</span></a>
<a href="" class="btn--down inverted"><span>ページの下部へ</span></a>
```

### 外部ページへの遷移

```html
<a href="" class="btn--external" target="_blank"><span>詳しく見る</span></a>
<a href="" class="btn--external inverted" target="_blank"><span>詳しく見る</span></a>
```


*/
.card, .card--2 {
  width: 33%;
  background: none; }
  .card .card__img img, .card--2 .card__img img {
    width: 100%; }
  .card .card__body, .card--2 .card__body {
    padding: 10px 0 0 0; }
  .card .card__ttl, .card--2 .card__ttl {
    font-weight: bold; }

.card--2 {
  background: #fff; }
  .card--2 .card__body {
    padding: 10px 20px 20px 20px; }

/*

---
name: Card
category:
  - component
  - component/card
---


```html
<div class="card">
  <div class="card__img">
    <img src="/assets/images/common/default.jpg" alt="foo">
  </div>
  <div class="card__body">
    <p class="card__ttl">title</p>
    <p class="card__desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi libero accusantium similique veritatis excepturi !</p>
  </div>
</div>
```

```html
<div class="card--2">
  <div class="card__img">
    <img src="/assets/images/common/default.jpg" alt="foo">
  </div>
  <div class="card__body">
    <p class="card__ttl">title</p>
    <p class="card__desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi libero accusantium similique veritatis excepturi !</p>
  </div>
</div>
```

```jade
div.card--2
  div.card__img
    img(
      src="path/to/asset/dir/default.jpg"
      alt=""
    )
  div.card__body
    p.card__ttl title
    p.card__desc Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi libero accusantium similique veritatis excepturi !
```

*/
a {
  color: #6C2754;
  opacity: 1;
  transition: all 0.8s ease; }
  a:hover {
    opacity: 0.6;
    transition: all 0.4s ease; }

.link--next {
  position: relative;
  padding-right: 10px; }
  .link--next::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    display: inline-block;
    width: 6px;
    height: 8px;
    content: '';
    background: url(../images/common/icon_chevron_right.png) no-repeat center center;
    background-size: cover; }

.link--external {
  position: relative;
  padding-right: 20px; }
  .link--external::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    display: inline-block;
    width: 14px;
    height: 10px;
    content: '';
    background: url(../images/common/icon_external_link.png) no-repeat center center;
    background-size: cover; }

/*

---
name: Link

category:
  - component
  - component/Link
---

## 概要

* 遷移テキストにて使用する

### アイコンなし
```html
<a href="">詳しく見る</a>
```

### アイコンあり
```html
<a href="" class="link--next">詳しく見る</a>
```

### 外部リンク
```html
<a href="" class="link--external">詳しく見る</a>
```


*/
/******************************************************************
// 1)spanタグに付与
// .u-wb 常にブロック表示
// .u-wb-sp -> pc時にはインライン、SP時にはブロック
// .u-wb-tb -> pc時にはインライン、SP,TB時にはブロック
// .u-wb-pc -> pc時にはブロック、SP時にはインライン
// 2)brタグに付与
// .u-br-pc -> pc時には改行、SP時には改行なし
// .u-br-sp -> pc時には改行なし、SP時には改行あり
// ******************************************************************/
.u-wb {
  display: block; }

.u-wb-sp {
  display: block; }
  @media (min-width: 1024px) {
    .u-wb-sp {
      display: inline; } }

.u-wb-tb {
  display: block; }
  @media (min-width: 1024px) {
    .u-wb-tb {
      display: inline; } }

.u-wb-pc {
  display: inline; }
  @media (min-width: 1024px) {
    .u-wb-pc {
      display: block; } }

.u-br-pc {
  display: none; }
  @media (min-width: 1024px) {
    .u-br-pc {
      display: inline; } }

.u-br-sp {
  display: inline; }
  @media (min-width: 1024px) {
    .u-br-sp {
      display: none; } }

.l-centering {
  width: 90%;
  margin: 0 auto; }

@media screen and (min-width: 768px) {
  .l-centering {
    max-width: 1024px;
    margin: 0 auto; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
  body {
    width: 100%;
    margin: 0 auto; }
    body p {
      font-size: 14rem; }
  input, textarea {
    font-size: 16px !important;
    padding-left: 2%; }
  select {
    font-size: 16px; }
  #header {
    height: 60px;
    margin-top: 30px; }
  #wrapperall {
    width: 90%;
    margin: 0 auto; }
  #header {
    width: 100%; }
    #header #logo {
      width: 60%;
      height: auto; }
    #header #fikidasi {
      width: 20%;
      height: auto; }
  center table:nth-child(1) tbody:nth-child(1) tr:nth-child(1) td:nth-child(1) {
    height: auto;
    max-width: 280px; }
    center table:nth-child(1) tbody:nth-child(1) tr:nth-child(1) td:nth-child(1) .style2.style2 {
      width: auto;
      height: auto;
      transform: scale(0.4) translate(-242px, -220px); } }
    @media screen and (max-width: 768px) and (max-width: 768px) and (min-width: 375px) {
      center table:nth-child(1) tbody:nth-child(1) tr:nth-child(1) td:nth-child(1) .style2.style2 {
        transform: scale(0.47) translate(-211px, -170px); } }
    @media screen and (max-width: 768px) and (max-width: 768px) and (min-width: 768px) {
      center table:nth-child(1) tbody:nth-child(1) tr:nth-child(1) td:nth-child(1) .style2.style2 {
        transform: scale(0.9) translate(-30px, 40px); } }

@media screen and (max-width: 768px) and (max-width: 768px) {
      center table:nth-child(1) tbody:nth-child(1) tr:nth-child(1) td:nth-child(1) .style2.style2 img:first-child {
        width: auto;
        height: auto; }
  center table:nth-child(1) tbody:nth-child(1) tr:nth-child(2) #outline {
    width: 100%;
    margin-top: -140px; } }
  @media screen and (max-width: 768px) and (max-width: 768px) and (min-width: 768px) {
    center table:nth-child(1) tbody:nth-child(1) tr:nth-child(2) #outline {
      margin-top: 70px; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
    center table:nth-child(1) tbody:nth-child(1) tr:nth-child(2) #outline #div1 {
      width: 100%;
      display: -ms-flexbox;
      display: flex; }
      center table:nth-child(1) tbody:nth-child(1) tr:nth-child(2) #outline #div1 img {
        width: 63.666% !important;
        height: 100% !important; }
      center table:nth-child(1) tbody:nth-child(1) tr:nth-child(2) #outline #div1 #gkp {
        width: 28.333% !important;
        height: 100% !important;
        margin-left: 5%; }
        center table:nth-child(1) tbody:nth-child(1) tr:nth-child(2) #outline #div1 #gkp img {
          width: 100% !important; }
  center table:nth-child(1) tbody:nth-child(1) tr:nth-child(3) td:first-child {
    height: auto !important; } }
  @media screen and (max-width: 768px) and (max-width: 768px) and (max-width: 376px) {
    center table:nth-child(1) tbody:nth-child(1) tr:nth-child(3) td:first-child #info-head {
      display: block;
      margin-top: -30px; } }

@media screen and (max-width: 768px) and (max-width: 768px) {
    center table:nth-child(1) tbody:nth-child(1) tr:nth-child(3) td:first-child #info-head div {
      padding-left: 0 !important; }
      center table:nth-child(1) tbody:nth-child(1) tr:nth-child(3) td:first-child #info-head div img {
        height: auto !important; }
  center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) {
    width: 100%;
    max-width: 100%;
    height: auto; }
    center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) #info #topics #info-contents tr {
        display: block;
        border-top: solid 1px #E5E5E5;
        margin-bottom: 10px; }
        center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) #info #topics #info-contents tr:first-child {
          border: none; }
        center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) #info #topics #info-contents tr td {
          width: auto !important;
          vertical-align: middle; }
          center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) #info #topics #info-contents tr td img {
            width: 11px; }
      center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) td:nth-child(2) {
        width: 100% !important; }
        center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) td:nth-child(2) #login {
          width: 100%;
          height: auto; }
          center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) td:nth-child(2) #login #form_id {
            display: block;
            width: 80%;
            margin: 0 auto;
            text-align: right;
            margin-right: 16%; }
            center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) td:nth-child(2) #login #form_id #username {
              width: 70%; }
          center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) td:nth-child(2) #login #pass {
            display: block;
            width: 80%;
            margin: 0 auto;
            text-align: right;
            margin-right: 16%; }
            center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) td:nth-child(2) #login #pass #password {
              width: 70%; }
          center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) td:nth-child(2) #login .submit input {
            width: 80%; }
          center table:nth-child(1) tbody:nth-child(1) tr:nth-child(4) td:nth-child(1) div:nth-child(1) table:nth-child(1) tr:nth-child(1) td:nth-child(2) #login #regist img {
            width: 80%; }
  center div.style2 {
    width: 100%; }
  center #info #topics {
    width: 100%; }
  center table tbody tr:nth-child(6) td {
    height: auto; }
    center table tbody tr:nth-child(6) td tr td:nth-child(odd) {
      width: 33.333%;
      height: auto; }
      center table tbody tr:nth-child(6) td tr td:nth-child(odd) img {
        height: auto; }
    center table tbody tr:nth-child(6) td tr td:nth-child(even) {
      display: none; }
  #footer {
    height: auto; }
    #footer #kin {
      text-align: right;
      width: 100%;
      height: auto;
      padding: 0; }
      #footer #kin img {
        width: 40%; }
  #th1 {
    vertical-align: middle;
    font-size: 10px; }
    #th1 font {
      font-size: 10px; }
  #pre_guide {
    padding: 0 !important;
    margin-top: 100px; }
  #pre_mail {
    padding: 0 !important; }
  #pre_mail_tx {
    float: none !important; }
    #pre_mail_tx input {
      width: 120px;
      border: solid 1px #E5E5E5; }
  #pre_mail_bt {
    float: none !important;
    margin-top: 30px; }
  #pre_mail_bt img {
    width: auto; }
  #sys_err {
    width: 100% !important;
    height: 100% !important;
    padding-top: 70%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 20px !important;
    margin-bottom: 20px !important; }
  #td1 {
    max-width: 200px;
    vertical-align: middle;
    font-size: 16px;
    word-break: break-all; }
    #td1 select {
      max-width: 170px; }
    #td1 input {
      border: solid 1px #E5E5E5;
      max-width: 170px; }
  #guide {
    padding: 30px 0 0 0 !important; }
  #mail_tx {
    float: none !important; }
    #mail_tx input {
      width: 120px;
      border: solid 1px #E5E5E5; }
  #mail_bt {
    float: none !important;
    margin-top: 30px; }
  #title {
    width: 70%; }
    #title img {
      width: 100%; }
  #logout {
    width: 30%; }
    #logout #log_m {
      margin-left: auto;
      margin-right: 0px;
      padding-top: 25px;
      background-size: 80%;
      background-repeat: no-repeat;
      background-position: right center;
      width: 100%;
      height: auto; }
  #news {
    padding: 50px 0; }
    #news #news_img {
      width: 100% !important;
      height: auto;
      background-size: 100% 65%;
      background: none;
      padding-bottom: 0; }
      #news #news_img:before {
        content: "";
        display: inline-block;
        background: url(http://www.kcif.or.jp/kcif_webservice/img/menu/news.gif);
        width: 100%;
        height: 90px;
        background-size: 100%;
        background-repeat: no-repeat;
        margin-bottom: 10px; }
      #news #news_img:after {
        content: "";
        display: inline-block;
        background: url(http://www.kcif.or.jp/kcif_webservice/img/menu/news.gif);
        width: 100%;
        height: 40px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: bottom;
        margin-top: 10px; }
      #news #news_img #news_text {
        font-size: 12px;
        padding: 0px 10%; }
  table {
    width: 100%; }
    table #menu1, table #menu2, table #menu3, table #menu4, table #menu5, table #menu6 {
      width: 100%;
      background-repeat: no-repeat;
      background-size: 100%; }
  #footer {
    width: 100%; }
    #footer img {
      width: 100%; }
  table#tb1 {
    width: 100% !important; }
  .submit#btn_area {
    width: auto;
    padding: 0;
    float: left;
    margin: 50px 0 50px 30px !important; }
    .submit#btn_area #re_bt {
      width: 100px;
      margin: 0; }
  #back-comp {
    padding: 50px 0 20px !important;
    width: 100%;
    text-align: center; }
    #back-comp #bt img {
      width: auto; }
  #return {
    float: right !important;
    margin: 50px 30px 50px 0 !important; }
  #header_img {
    width: 100% !important;
    height: 68px !important; }
  #s_menu_bg {
    width: 100% !important;
    height: auto !important;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 33% 0; }
  #s_menu_pa {
    padding: 0 !important; }
    #s_menu_pa table {
      width: 75% !important;
      margin: 0 auto; }
      #s_menu_pa table th {
        text-align: center; }
      #s_menu_pa table img {
        width: 50%;
        padding: 20px 2% 0 0;
        margin-right: 10%; }
  #btnarea {
    width: 100px !important; }
  #s_menu_pa font {
    width: 70%;
    display: block;
    margin: 0 auto; }
  #wrapper {
    width: 100% !important; }
    #wrapper p {
      font-size: 14rem !important; }
    #wrapper #kokoka_guide {
      width: 100% !important; }
      #wrapper #kokoka_guide p {
        width: 90%;
        margin: 0 auto; }
    #wrapper #kokoka_language_bt {
      padding-bottom: 30px; }
    #wrapper #kokoka_table_div {
      width: 90%;
      margin: auto; }
      #wrapper #kokoka_table_div #kokoka_guide_table {
        width: 100%; }
        #wrapper #kokoka_table_div #kokoka_guide_table th {
          border-right: solid 1px #333;
          border-bottom: solid 1px #333;
          vertical-align: middle;
          text-align: center; }
        #wrapper #kokoka_table_div #kokoka_guide_table td {
          border-bottom: solid 1px #333; }
    #wrapper #kokoka_guide_bt {
      padding: 0;
      clear: both;
      overflow: hidden;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      margin: 30px 0; }
  #con_guide_center {
    width: 100% !important; }
  #fa_index {
    padding: 15px 0 !important; }
    #fa_index img {
      width: auto;
      max-width: 250px; }
  .fa_guide_p {
    font-size: 12rem !important;
    padding-left: 0px !important; }
  .kiyaku {
    padding-left: 20px !important;
    list-style-type: decimal; }
  #fa_language_bt {
    margin-top: 30px; }
  #con_guide {
    width: 90%;
    margin: 0 auto; }
  #back-fam_guide img {
    width: 50%;
    padding: 20px 2% 0 0;
    margin-right: 10%; }
  div.doui {
    padding-bottom: 0 !important; }
  #mail_p {
    width: 100% !important;
    height: auto !important; }
    #mail_p p {
      width: 90% !important;
      margin: 0 auto; }
  #SgmsusAddForm #mail_bg {
    width: 100% !important;
    height: 264px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  #SgmsusAddForm #mail_pa {
    padding-top: 40px !important; }
    #SgmsusAddForm #mail_pa p {
      display: block;
      width: 60%;
      margin: 0 auto;
      padding-top: 20px; }
      #SgmsusAddForm #mail_pa p br:nth-child(4), #SgmsusAddForm #mail_pa p br:nth-child(6), #SgmsusAddForm #mail_pa p br:nth-child(7), #SgmsusAddForm #mail_pa p br:nth-child(9), #SgmsusAddForm #mail_pa p br:nth-child(10), #SgmsusAddForm #mail_pa p br:nth-child(11), #SgmsusAddForm #mail_pa p br:nth-child(12) {
        display: none; }
    #SgmsusAddForm #mail_pa #mail_bt {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      padding: 0;
      width: 70%;
      margin: 0 auto;
      padding-top: 20px; }
  #mail_bg {
    width: 100% !important;
    height: 264px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  #mail_pa {
    padding-top: 20px !important; }
    #mail_pa p {
      display: block;
      width: 70%;
      margin: 0 auto;
      padding-top: 20px; }
      #mail_pa p br:nth-child(4), #mail_pa p br:nth-child(6), #mail_pa p br:nth-child(7), #mail_pa p br:nth-child(9), #mail_pa p br:nth-child(10), #mail_pa p br:nth-child(11), #mail_pa p br:nth-child(12) {
        display: none; }
    #mail_pa #mail_bt {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      padding: 0;
      width: 70%;
      margin: 0 auto;
      padding-top: 20px; }
  #ret_youkou {
    width: 100%;
    text-align: center; }
    #ret_youkou #return {
      float: none !important;
      margin: 0 !important; }
      #ret_youkou #return img {
        max-width: 100px; }
  .logo {
    margin: 0 auto;
    width: 90% !important;
    margin-top: 30px; }
    .logo img {
      max-width: 200px; }
  .title2 {
    width: 90% !important;
    margin: 0 auto; }
  table.tb1 {
    width: 90% !important;
    margin: 0 auto;
    font-size: 11px; }
  td.td2 {
    width: 100% !important;
    vertical-align: middle;
    text-align: left; }
    td.td2 input {
      font-size: 16px; }
    td.td2 tr, td.td2 td {
      display: block; }
    td.td2 #mryucid, td.td2 #mryucpass, td.td2 #mryucgknm, td.td2 #mryucgknmk, td.td2 #mryucadd1, td.td2 #mryucmail, td.td2 #mryunuvscd, td.td2 #mryucgkbnm, td.td2 #mryunkksk, td.td2 #mryucadd2, td.td2 #mryucfrom, td.td2 #mryucgkcd {
      width: 100%; }
    td.td2 #mryuctelh, td.td2 #mryunkksk {
      margin-bottom: 10px; }
  .pr {
    width: 80% !important; }
  .div_btn {
    text-align: center !important;
    width: 100% !important;
    height: auto !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .div_btn #back {
      min-width: 100px; }
    .div_btn #add {
      min-width: 100px; }
  #Mryunsex1, #Mryunsex2 {
    width: 10% !important; }
  #mryuctelh, #mryuctelm {
    width: 95% !important; }
  .td7 {
    width: 100% !important; }
  #mryuczip1, #mryuczip2 {
    width: 40% !important; }
  #MstryuMryunlgb, #mryunlgblv, #MstryuMryunlgt, #mryunlgtlv {
    width: 100%; }
  #Mryunvisa1, #Mryunvisa2 {
    width: 25% !important; }
  #visa_year, #visa_month, #visa_day {
    width: 100% !important; }
  #birth_year, #birth_month, #birth_day, #enter_year, #enter_month, #enter_day, #graduation_year, #graduation_month, #graduation_day, #mryungknen {
    min-width: 20% !important; }
  #container {
    width: 100% !important; }
    #container #process_pict {
      width: 100%;
      background-size: 90%;
      height: auto !important;
      margin: -30px 0 0; }
  #process_back_btn {
    padding: 200px 50px 30px !important;
    margin-bottom: 40px; }
  #back {
    background-size: 80%;
    background-position: center; } }