@charset "UTF-8";
.clear:after, .contents__Body:after, .contents__Body .contents__Body__left .tab-year .tab__head .tab__head__body:after, .listBreadCrumb:after, .news__header:after, .btn__sns:after, .tab .tab__head__body:after, .tab .tab__footer__body:after, .tab-year > .tab__head:after, .news-list dl:after, .pickup:after, .contents__Body__left .pickup:after, .history dl:after, .planMovie .planMovie__body .title:after, .list-side:after, .link-side:after, .link-list:after, .flag-icon__list:after, .page-link:after, .anchor-link:after, .table-border.bg-odd-sp:after, .plan-btn:after, .column2.about:after, .text-sneak:after, .column2:after, .column3:after, .column4:after, .contents__Body__left .column4:after, .btn-column:after, .header__body__middle:after, .headerUtility__item:after, .navGlobal__body:after, .navGlobal__body .listGnav:after, .navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list ul:after, .navGlobal__body .sp-menu .menu:after, .en .navGlobal__body:after, .sp__header:after, .sp__header .sp__header__sub .list-table:after, .sp__search:after, .f-btn .f-btn__body:after, .bnr-list .bnr-list__body:after, .sns:after, .slide .slide__btn:after, .project:after, .project .project__btn:after, .field:after, .blog-wrap .column .link-list:after, .profile:after, .girl .column4:after, .girlNavi ul:after, .girl .project .contents__head:after, .btnList ul:after {
  content: " ";
  display: block;
  clear: both;
}

/* *****************************************************
Contents ---------------
01: reset
02: common
03: LayerBase
04: LayerBody
05: LayerHeader
06: LayerFooter
------------------------
***************************************************** */
/* *****************************************************
reset
***************************************************** */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-style: normal;
  background: transparent;
}

html,
body.l-login {
  height: 100%;
}

body {
  min-width: 1024px;
  color: #333;
  background-color: #fff;
  font-size: 100%;
  /* 16px */
  line-height: 187.5%;
  /* 30px */
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  -webkit-text-size-adjust: 100%;
  font-weight: 500;
}
@media only screen and (max-width: 720px) {
  body {
    min-width: 320px;
    font-size: 87.5%;
    /* 14px */
    line-height: 150%;
    /* 21px */
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}

h1, h2, h3, h4, h5, h6, strong, em {
  font-weight: normal;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  color: #333;
  text-decoration: underline;
  background: transparent;
  outline: none;
  vertical-align: baseline;
}

a:visited {
  color: #57297e;
}

a:hover {
  color: #00549f;
}

a:active {
  color: #00549f;
  text-decoration: none;
}

img {
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}
@media only screen and (max-width: 720px) {
  img {
    max-width: 100%;
    height: auto;
  }
  img.sp-img-auto {
    width: auto !important;
    text-align: center;
  }
}

.modal-img img {
  width: 100%;
  height: auto;
}

em {
  font-weight: bold;
}

.hide,
.pageReader {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  outline: none;
  overflow: hidden;
}

input {
  color: #333;
  font-size: 123.1%;
  line-height: 187.5%;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  outline: none;
  font-weight: 500;
}
@media only screen and (max-width: 720px) {
  input {
    width: 60%;
  }
}

input[type="texty"] {
  border: 1px solid #dad8d6;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

.preModule {
  width: 100%;
  max-width: 100%;
  height: 200px;
  margin: 10px 0 0 0;
  padding: 15px 15px 0;
  color: #333;
  font-size: 88%;
  line-height: 143%;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  border: 1px solid #dad8d6;
  overflow-y: scroll;
  box-sizing: border-box;
}

/*
common
***************************************************** */
/*
base
***************************************************** */
.base {
  width: auto;
  height: auto;
}

/*
main__body
***************************************************** */
.main__body {
  margin: 0 auto 60px;
}
@media only screen and (max-width: 720px) {
  .main__body {
    width: auto;
    margin: 0 auto 25px;
  }
}

.top .main__body {
  width: auto;
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .top .main__body {
    margin: 0;
  }
}

/*
contents__Body
***************************************************** */
.contents__Body {
  position: relative;
  width: 960px;
  margin: 0 auto 0;
}
.contents__Body .wrap {
  padding: 22px 0;
}
@media only screen and (max-width: 720px) {
  .contents__Body {
    width: auto;
    margin: 0 19px 0;
  }
  .contents__Body.m-t60 {
    margin-top: 20px;
  }
}
.contents__Body .contents__Body__left {
  float: left;
  width: 714px;
}
@media only screen and (max-width: 720px) {
  .contents__Body .contents__Body__left {
    float: none;
    width: auto;
  }
}
.contents__Body .contents__Body__left .tab-year .tab__head {
  width: auto;
}
@media only screen and (max-width: 720px) {
  .contents__Body .contents__Body__left .tab-year .tab__head {
    margin: 0;
  }
}
.contents__Body .contents__Body__left .tab-year .tab__head .tab__head__body {
  width: 100%;
}
.contents__Body .contents__Body__right {
  float: right;
  width: 222px;
}
@media only screen and (max-width: 720px) {
  .contents__Body .contents__Body__right {
    display: none;
  }
}

.line + .contents__Body {
  margin-top: 50px;
}
@media only screen and (max-width: 720px) {
  .line + .contents__Body {
    margin-top: 20px;
  }
}

.category-pickup {
  margin: 30px auto 60px;
}
@media only screen and (max-width: 720px) {
  .category-pickup {
    margin: 30px 19px 30px;
  }
}

.contents__Body-auto {
  width: auto;
}
@media only screen and (max-width: 720px) {
  .contents__Body-auto {
    padding: 0 19px 0;
  }
  .contents__Body-auto.content__tab {
    padding: 0;
  }
}
.contents__Body-auto .wrap {
  padding: 60px 0 50px;
}
@media only screen and (max-width: 720px) {
  .contents__Body-auto .wrap {
    padding: 30px 0 30px;
  }
  .contents__Body-auto .wrap.sp-margin {
    margin: 0 19px;
  }
}

.category__wrap {
  width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .category__wrap {
    width: auto;
  }
}

.content__bottom {
  padding-top: 50px;
}
@media only screen and (max-width: 720px) {
  .content__bottom {
    padding-top: 25px;
  }
}

.top .contents__Body-auto {
  width: auto;
}
@media only screen and (max-width: 720px) {
  .top .contents__Body-auto {
    padding: 0;
  }
}
.top .contents__Body-auto .wrap {
  padding: 72px 0 80px;
}
@media only screen and (max-width: 720px) {
  .top .contents__Body-auto .wrap {
    padding: 30px 0 30px;
  }
}

.inner-box {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0;
}
@media only screen and (max-width: 720px) {
  .inner-box {
    width: auto;
    padding: 20px 0;
  }
  .inner-box.about h3 {
    font-size: 115%;
    line-height: 119%;
  }
  .inner-box.about h4,
  .inner-box.about ol {
    font-size: 100%;
    line-height: 150%;
  }
}
.inner-box h3 {
  margin-top: 0;
}
.inner-box .inner-box__body {
  padding: 40px 30px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 720px) {
  .inner-box .inner-box__body {
    padding: 20px;
  }
  .inner-box .inner-box__body div[class^="w"] {
    width: auto;
  }
}

/*
breadCrumb
***************************************************** */
.listBreadCrumb {
  width: 960px;
  margin: 5px auto 5px;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 720px) {
  .listBreadCrumb {
    width: auto;
    margin: 5px 19px 0;
    line-height: 100%;
  }
}
.listBreadCrumb li {
  display: inline;
}
@media only screen and (max-width: 720px) {
  .listBreadCrumb li {
    display: inline-block;
  }
}
.listBreadCrumb li.home {
  padding-left: 10px;
}
.listBreadCrumb li.home a {
  display: inline-block;
  width: 11px;
  height: 10px;
  margin-top: 11px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(img/icon_home.png) 0 0 no-repeat;
}
.listBreadCrumb li + li {
  margin-top: 0;
  padding-left: 44px;
  background: url(img/tnavi_arrow.png) 23px 8px no-repeat;
}
@media only screen and (max-width: 720px) {
  .listBreadCrumb li + li {
    padding-left: 38px;
    background-position: 17px 5px;
  }
    .listBreadCrumb li + li.pc-only {
		display: none;
  }
}
.listBreadCrumb li a {
  text-decoration: none;
}
.listBreadCrumb li span {
  font-size: 69%;
  line-height: 228%;
}
@media only screen and (max-width: 720px) {
  .listBreadCrumb li span {
    font-size: 86%;
    line-height: 150%;
  }
}

/*
news__header
***************************************************** */
.news__header {
  width: 960px;
  margin: 41px auto 0;
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .news__header {
    width: auto;
    margin: 20px 19px 0;
  }
}
.news__header .icon {
  margin: 0;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  margin-right: 5px;
}
@media only screen and (max-width: 720px) {
  .news__header .icon {
    margin-top: 3px;
  }
}
.news__header .update {
  float: right;
  margin: 0;
  font-size: 88%;
  line-height: 200%;
  letter-spacing: normal;
}
@media only screen and (max-width: 720px) {
  .news__header .update {
    float: none;
    font-size: 93%;
    line-height: 185%;
  }
}

.contents__Body__left .news__header {
  width: auto;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .news__header {
    margin: 20px 0 0;
  }
}

/*
btn__sns
***************************************************** */
.btn__sns {
  width: 960px;
  margin: 15px auto 22px;
}
@media only screen and (max-width: 720px) {
  .btn__sns {
    width: auto;
    margin: 5px 19px 5px;
  }
}
.btn__sns > div {
  float: left;
}
.btn__sns .sns__mixi {
  margin-left: 10px;
}
@media only screen and (max-width: 720px) {
  .btn__sns .sns__mixi {
    margin-left: 5px;
  }
}
.btn__sns .facebook {
  margin-left: 8px;
}
@media only screen and (max-width: 720px) {
  .btn__sns .facebook {
    margin-left: 3px;
  }
}

.contents__Body__left .btn__sns {
  width: auto;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .btn__sns {
    margin: 5px 0 5px;
  }
}

/*
comment
***************************************************** */
.comment {
  margin-top: 60px;
}
@media only screen and (max-width: 720px) {
  .comment {
    margin-top: 25px;
  }
}
.comment .comment__body {
  padding: 20px;
  background: #e9e8e6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 720px) {
  .comment .comment__body {
    padding: 10px;
  }
}
.comment .comment__body h4,
.comment .comment__body .c-h4,
.comment .comment__body .title {
  margin: 0;
}
.comment .comment__body h4:before,
.comment .comment__body .c-h4:before,
.comment .comment__body .title:before{
  content: '';
  display: inline-block;
  width: 22px;
  height: 19px;
  margin-top: -2px;
  margin-right: 5px;
  background: url(img/icon_comment.png) 0 0 no-repeat;
  vertical-align: middle;
}

h4.voice_name:before {
    content: "\e908" !important;
    color: #00549f;
    width: 30px !important;
    height: 30px !important;
    font-size: 30px;
    margin-right: 5px;
    vertical-align: -0.4rem;
    background: none !important;
}

h4.voice_name.color-pink:before {
    color: #ef008c;
}
@media only screen and (max-width: 720px) {
  .comment .comment__body h4,
  .comment .comment__body .c-h4,
  .comment .comment__body .title{
    padding-left: 0;
    background: none;
  }
  .comment .comment__body h4:before,
  .comment .comment__body .c-h4:before,
  .comment .comment__body .title:before {
    width: 18px;
    height: 16px;
    background: url(img/icon_comment_sp.png) 0 0 no-repeat;
    background-size: 18px 16px;
  }
}

/*
iframeBox
***************************************************** */
.iframeBox {
  margin-top: 80px;
}

@media only screen and (max-width: 720px) {
  .contents__Body .iframeBox {
    width: 100%;
    margin-top: 30px;
  }
  .contents__Body .iframeBox .iframeBox__body {
    position: relative;
    width: 100%;
    margin-top: 30px;
    padding: 56.25% 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contents__Body .iframeBox .iframeBox__body iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/*
relation
***************************************************** */
.relation {
  margin-top: 60px;
}
@media only screen and (max-width: 720px) {
  .relation {
    margin-top: 30px;
  }
}
.relation .relation__title {
  font-size: 132%;
  line-height: 167%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) and (max-width: 720px) {
  .relation .relation__title {
    font-size: 115%;
    line-height: 144%;
  }
}
.relation .relation__body {
  margin-top: 25px;
}
@media only screen and (max-width: 720px) {
  .relation .relation__body {
    margin-top: 10px;
  }
}
.relation .link-list li {
  /*float: left;*/
  margin-right: 0px;
  /*margin-right: 100px; add 201801*/
  line-height: 180%;
}

.relation ul.link-list + ul.link-list {
  margin-top: 10px;
}

@media only screen and (max-width: 720px) {
  .relation .link-list li {
    float: none;
    margin-right: 0;
  }
}
/* add 201801 */


.relation .link-list li + li {
  float: left;
  margin-right: 100px;
  line-height: 180%;
  margin-top: 20px !important;
}
@media only screen and (max-width: 720px) {
  .relation .link-list li + li {
    margin-top: 10px;
  }
}

/*
tab
***************************************************** */
.tab {
  margin-top: 17px;
}
@media only screen and (max-width: 720px) {
  .tab {
    margin-top: 16px;
  }
}
.tab .tab__head {
  border-bottom: 6px solid #00549f;
}
@media only screen and (max-width: 720px) {
  .tab .tab__head {
    border-bottom: 3px solid #00549f;
  }
}
.tab .tab__head__body {
  width: 944px;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .tab .tab__head__body {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.tab .tab__head__item {
  position: relative;
  float: left;
}
@media only screen and (max-width: 720px) {
  .tab .tab__head__item {
    position: static;
    width: 23.5%;
    margin: 0;
    padding: 0;
    display: table\9;
  }
}
.tab .tab__head__item + .tab__head__item {
  margin-left: 8px;
}
@media only screen and (max-width: 720px) {
  .tab .tab__head__item + .tab__head__item {
    margin-left: 0;
    padding-left: 2%;
  }
}
.tab .tab__head__item > a {
  display: table-cell;
  width: 230px;
  height: 49px;
  padding-top: 7px;
  color: #333;
  font-size: 113%;
  line-height: 123%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background: #dadada;
  text-decoration: none;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  }

@media only screen and (max-width: 720px) {
  .tab .tab__head__item > a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    /* 縦方向中央揃え（Safari用） */
    align-items: center;
    /* 縦方向中央揃え */
    -webkit-justify-content: center;
    /* 横方向中央揃え（Safari用） */
    justify-content: center;
    /* 横方向中央揃え */
    display: table-cell\9;
    width: 100%;
    height: 56px;
    padding-top: 0;
    text-align: center;
    font-size: 100%;
    line-height: 158%;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
  }
}
.tab .tab__head__item > a:hover {
  color: #fff;
  background: #00549f;
}
.tab .tab__head__item.active > a {
  color: #fff;
  background: #00549f;
}
.tab .tab__head__item.active-tab > a {
  color: #fff;
  background: #00549f;
}
.tab .tab__head__item .tab-down {
  border-top: 6px solid #00549f;
}
@media only screen and (max-width: 720px) {
  .tab .tab__head__item .tab-down {
    border-top: 3px solid #00549f;
  }
}
.tab .tab__body {
  width: 960px;
  margin: 7px auto 0;
}
@media only screen and (max-width: 720px) {
  .tab .tab__body {
    width: auto;
  }
}
.tab .tab__body__item {
  display: none;
}
.tab .tab__body__item.active {
  display: block;
}
.tab .tab__footer {
  margin-top: 60px;
  border-top: 6px solid #00549f;
}
@media only screen and (max-width: 720px) {
  .tab .tab__footer {
    margin-top: 30px;
    border-top: 3px solid #00549f;
  }
}
.tab .tab__footer__body {
  width: 944px;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .tab .tab__footer__body {
    position: relative;
    width: 100%;
    padding: 0 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.tab .tab__footer__item {
  position: relative;
  float: left;
}
@media only screen and (max-width: 720px) {
  .tab .tab__footer__item {
    position: static;
    width: 23.5%;
    margin: 0;
    padding: 0;
    display: table\9;
  }
}
.tab .tab__footer__item + .tab__footer__item {
  margin-left: 8px;
}
@media only screen and (max-width: 720px) {
  .tab .tab__footer__item + .tab__footer__item {
    margin-left: 0;
    padding-left: 2%;
  }
}
.tab .tab__footer__item > a {
  display: table-cell;
  width: 230px;
  height: 49px;
  padding-top: 7px;
  color: #333;
  font-size: 113%;
  line-height: 123%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background: #dadada;
  text-decoration: none;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 720px) {
  .tab .tab__footer__item > a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    /* 縦方向中央揃え（Safari用） */
    align-items: center;
    /* 縦方向中央揃え */
    -webkit-justify-content: center;
    /* 横方向中央揃え（Safari用） */
    justify-content: center;
    /* 横方向中央揃え */
    display: table-cell\9;
    width: 100%;
    height: 56px;
    padding-top: 0;
    font-size: 100%;
    line-height: 158%;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
  }
}
.tab .tab__footer__item > a:hover {
  color: #fff;
  background: #00549f;
}
.tab .tab__footer__item.active > a {
  color: #fff;
  background: #00549f;
}
.tab .tab__footer__item.active-tab > a {
  color: #fff;
  background: #00549f;
}

/* kifu 190930 add */
.tab .tab__head__item > a > h3,
.tab .tab__footer__item > a > h3 {
  color: #333;
  font-size: 1em;
  }

.tab .tab__head__item > a:hover > h3,
.tab .tab__footer__item > a:hover > h3 {
  color: #fff;
  background: #00549f;
}

.tab .tab__head__item.active > a > h3,
.tab .tab__footer__item.active > a > h3 {
  color: #fff;
  background: #00549f;
}

/* end kifu 190930 add */

@media only screen and (max-width: 720px) {
  .tab .tab__footer__item .tab-down {
    border-top: 3px solid #00549f;
  }
}
.tab .tab-down {
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  background: #ccddec;
  z-index: 100;
}
.tab .tab-down ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tab .tab-down ul li {
  display: table;
  width: 100%;
}
.tab .tab-down ul li + li {
  margin-top: 0;
  border-top: 1px solid #fff;
}
.tab .tab-down ul li a {
  position: relative;
  display: table-cell;
  width: 100%;
  height: 48px;
  padding: 0 20px 0 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.tab .tab-down ul li a:before {
  position: absolute;
  top: 18px;
  left: 18px;
  display: inline-block;
  font-size: 63%;
  line-height: 100%;
  text-decoration: none;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .tab .tab-down ul li a:before {
    top: 14px;
    font-size: 72%;
    line-height: 210%;
  }
}
.tab .tab-down__body {
  display: none;
}
.tab .tab-down__body:nth-child(1) {
  display: block;
}
.tab .tab-down__body .pickup.kifu .pickup__text {
  padding-bottom: 180px;
}

.tab-year {
  margin-top: 30px;
}
.tab-year > .tab__head {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .tab-year > .tab__head {
    width: auto;
    margin: 0 19px 0;
  }
}
.tab-year > .tab__head .tab__head__body {
  margin: -20px -20px 0 0;
}
.tab-year > .tab__head .tab__head__item {
  float: left;
  display: table;
  margin: 20px 0 0 0;
}
.tab-year > .tab__head .tab__head__item + .tab__head__item {
  margin-left: 20px;
}
@media only screen and (max-width: 720px) {
.tab-year > .tab__head .tab__head__body {
  margin: 0px -10px 0 0;
}
.tab-year > .tab__head .tab__head__item {
  margin: 10px 10px 0 0;
}
.tab-year > .tab__head .tab__head__item + .tab__head__item {
    margin-left: 10px;
  }
}
.tab-year > .tab__head .tab__head__item a {
  float: none;
  display: table-cell;
  width: 100px;
  height: 46px;
  min-height: 1px;
  text-align: center;
  font-weight: bold;
  background: #dadada;
  vertical-align: middle;
  text-decoration: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 720px) {
  .tab-year > .tab__head .tab__head__item a {
    width: 60px;
    height: 36px;
    font-size: 100%;
    line-height: 179%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
}

/* change 190301 */
.contents__Body__left .tab-year.reportTop .tab__head .tab__head__item{
  width: calc((100% - 100px) / 5);
  width : -webkit-calc((100% - 100px) / 5) ;
}

@media only screen and (max-width: 720px) {
.contents__Body__left .tab-year.reportTop .tab__head .tab__head__item{
  width: calc((100% - 40px) / 5);
  width : -webkit-calc((100% - 40px) / 5);
}
}
/* end 190301 */

.tab-year > .tab__head .tab__head__item a:hover {
  color: #fff;
  background: #00549f;
}
.tab-year > .tab__head .tab__head__item.active a {
  color: #fff;
  background: #00549f;
}
.tab-year .tab__body__item {
  display: none;
}
.tab-year .tab__body__item.active {
  display: block;
}
.tab-year .tab {
  margin-top: 30px;
}
.tab-year .is-showBtn .pickup__box:nth-child(n+9) {
  display: none;
}

.overlap {
  position: relative;
}

.overlap__text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 87px;
  padding-top: 25px;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 720px) {
  .overlap__text {
    display: none;
  }
}

@media only screen and (max-width: 720px) {
  .contents__Body__left .tab {
    margin-left: -19px;
    margin-right: -19px;
  }
}
.contents__Body__left .tab-two .tab__head__item,
.contents__Body__left .tab-two .tab__footer__item {
  width: 344px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .tab-two .tab__head__item,
  .contents__Body__left .tab-two .tab__footer__item {
    width: 49%;
  }
}
.contents__Body__left .tab-two .tab__head__item + .tab__head__item,
.contents__Body__left .tab-two .tab__footer__item + .tab__footer__item {
  margin-left: 10px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .tab-two .tab__head__item + .tab__head__item,
  .contents__Body__left .tab-two .tab__footer__item + .tab__footer__item {
    margin-left: 0;
    padding-left: 2%;
  }
}
.contents__Body__left .tab-two .tab__head__item > a,
.contents__Body__left .tab-two .tab__footer__item > a  {
  width: 344px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .tab-two .tab__head__item > a
  ,.contents__Body__left .tab-two .tab__footer__item > a {
    width: 100%;
  }
}
.contents__Body__left .tab-two .tab__head__body,
.contents__Body__left .tab-two .tab__footer__body {
  width: 698px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .tab-two .tab__head__body,
  .contents__Body__left .tab-two .tab__footer__body {
    width: auto;
  }
}
.contents__Body__left .tab__head__body,
.contents__Body__left .tab__footer__body {
  width: 684px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .tab__head__body,
  .contents__Body__left .tab__footer__body {
    width: auto;
  }
}
.contents__Body__left .tab__head__item,
.contents__Body__left .tab__footer__item {
  width: 218px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .tab__head__item,
  .contents__Body__left .tab__footer__item {
    width: 32%;
  }
}

@media only screen and (max-width: 720px) {
  .contents__Body__left .tab__head__item + .tab__head__item,
  .contents__Body__left .tab__footer__item + .tab__footer__item {
    margin-left: 0;
    padding-left: 2%;
  }

  .contents__Body__left .reportTop .tab__head__item {
    position: static;
    width: 20%;
    margin: 0;
    padding: 0;
    display: table\9;
  }
}
.contents__Body__left .tab__head__item a,
.contents__Body__left .tab__footer__item a {
  width: 218px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .tab__head__item a,
  .contents__Body__left .tab__footer__item a {
    width: 100%;
  }
}
.contents__Body__left .tab__body {
  width: 100%;
  margin: 30px auto 60px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .tab__body {
    margin: 0;
    padding: 10px 19px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contents__Body__left .tab__body .is-margin {
    padding: 0;
  }
  .contents__Body__left .tab__body .is-margin .cell-text {
    padding: 15px;
  }
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .tab-year .tab__body {
    padding: 10px 0 0;
  }
}

.tab.kifu .tab__head__body {
  position: relative;
  width: 942px;
  height: 56px;
  z-index: 1;
}
@media only screen and (max-width: 720px) {
  .tab.kifu .tab__head__body {
    width: auto;
    height: auto;
  }
}
.tab.kifu .tab__head__item {
  width: 308px;
}
@media only screen and (max-width: 720px) {
  .tab.kifu .tab__head__item {
    width: 32%;
  }
}
.tab.kifu .tab__head__item + .tab__head__item {
  margin-left: 9px;
}
@media only screen and (max-width: 720px) {
  .tab.kifu .tab__head__item + .tab__head__item {
    margin-left: 0;
    padding-left: 2%;
  }
}
.tab.kifu .tab__head__item a {
  width: 308px;
}
@media only screen and (max-width: 720px) {
  .tab.kifu .tab__head__item a {
    width: 100%;
  }
}
.tab.kifu .tab__body {
  margin-top: 0;
  padding-top: 25px;
}
@media only screen and (max-width: 720px) {
  .tab.kifu .tab__body {
    margin: 0 19px;
    padding-top: 10px;
  }
}
.tab.kifu .tab__footer__body {
  width: 942px;
}
@media only screen and (max-width: 720px) {
  .tab.kifu .tab__footer__body {
    width: auto;
  }
}
.tab.kifu .tab__footer__item + .tab__footer__item {
  margin-left: 9px;
}
@media only screen and (max-width: 720px) {
  .tab.kifu .tab__footer__item + .tab__footer__item {
    margin-left: 0;
  }
}
@media only screen and (max-width: 720px) {
  .tab.kifu .tab__footer__item {
    width: 32%;
    margin-left: 2%;
  }
  .tab.kifu .tab__footer__item:nth-child(1) {
    margin-left: 0;
  }
}
.tab.kifu .tab__footer__item a {
  width: 308px;
}
@media only screen and (max-width: 720px) {
  .tab.kifu .tab__footer__item a {
    width: 100%;
  }
}

/*
news-wrap
***************************************************** */
.news-wrap .news-list {
  margin-top: 46px;
}
@media only screen and (max-width: 720px) {
  .news-wrap .news-list {
    margin: 25px 19px 0;
  }
}
.news-wrap .news-list dl + dl {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .news-wrap .news-list dl + dl {
    padding-top: 10px;
  }
}
.news-wrap .news-list dl.first {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.contents__Body__left .news-wrap .news-list {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .news-wrap .news-list {
    margin: 20px 0 0;
  }
}

/*
news-list
***************************************************** */
.news-list dl + dl {
  margin-top: 10px;
}
@media only screen and (max-width: 720px) {
  .news-list dl + dl {
    margin-top: 28px;
  }
}
.news-list dt {
  float: left;
  width: 280px;
}
@media only screen and (max-width: 720px) {
  .news-list dt {
    float: none;
    width: auto;
  }
  .news-list dt .date {
    font-size: 100%;
    line-height: 179%;
  }
  .news-list dt .icon {
    margin-left: 35px;
  }
}
.news-list dd {
  margin-left: 280px;
}
@media only screen and (max-width: 720px) {
  .news-list dd {
    margin-top: 3px;
    margin-left: 0;
    font-size: 100%;
    line-height: 158%;
  }
}

/*
pickup
***************************************************** */
.pickup {
  width: 960px;
  margin: 20px auto 0;
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .pickup {
    width: auto;
    margin: 24px 0 0;
  }
}
.pickup * {
  letter-spacing: normal;
}
.pickup .pickup__box {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 308px;
  text-decoration: none;
  vertical-align: top;
}


/* 170508 add TVCM */
.TvCm_box{
	border:1px solid #c9c9c9;
	width: 306px !important}

@media only screen and (max-width: 720px) {
  .pickup .pickup__box {
    width: 100%;
  }

  .top .pickup a {/* 201904 add*/
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}

  .TvCm_box{
	width: 100% !important;}
}
.pickup .pickup__box + .pickup__box {
  margin-left: 18px;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__box + .pickup__box {
    margin-top: 24px;
    margin-left: 0;
  }

  .top .pickup .pickup__box + .pickup__box {/* 201904 add*/
    margin-top: 0px;
    margin-left: 0;
    border-top:1px solid #ccc;
    padding-top:20px;
  }
}
.pickup .pickup__box:active .date,
.pickup .pickup__box:active .text {
  color: #45196b;
}
.pickup a.pickup__box .text {
  text-decoration: underline;
}
.pickup a.pickup__box:hover {
  cursor: pointer;
}
.pickup a.pickup__box:hover .pickup__img {
  opacity: 0.7;
}
.pickup a.pickup__box:hover .date,
.pickup a.pickup__box:hover .text {
  color: #00549f;
}
.pickup div.pickup__box:hover {
  cursor: auto;
}
.pickup div.pickup__box:hover .pickup__img {
  opacity: 1;
}
.pickup .pickup__img {
  position: relative;
}


/* 170508 add TVCM */
.TvCm {
	background-color:#dbdbdb !important;
}

.pickup a.TvCm_box:hover{
  opacity: 0.7;
  color: #efefef;
}


@media only screen and (max-width: 720px) {
  .pickup .pickup__img img {
    width: 100%;
    height: auto;
  }

  .top .pickup .pickup__img {/* 201904 add*/
	-webkit-box-flex:;
	-ms-flex:1;
	flex:1;
  }
}
.pickup .pickup__img .img-icon {
  position: absolute;
  bottom: 14px;
  left: -2px;
  min-width: 1px;
  height: auto;
  margin: 0;
  padding: 0;
}
.pickup .pickup__img .img-icon:before {
  display: none;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__img .img-icon img {
    width: auto;
    height: auto;
  }
}
.pickup .pickup__text {
  position: relative;
  padding: 14px 25px 13px;
  background: #f4f5f5;
}

/* 170508 add TVCM */
.TvCm_txt {
	height: 125px;
	padding: 1rem 0px 0px !important;
	background-color:#dbdbdb !important;
}

@media only screen and (max-width: 720px) {
  .pickup .pickup__text {
    min-height: 1px;
    padding: 15px 10px;
  }

  .TvCm_txt {
	min-height: 1px;
    padding: 15px 10px 15px !important;
	height: auto !important;

}

.TvCm_txt img {
	width:100%
}

.TvCm_txt p {
    min-height: 1px;
}
}
.pickup .pickup__text.is-icon {
  padding: 14px 25px 90px;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text.is-icon {
    padding: 15px 10px;
  }
}
.pickup .pickup__text .title {
  font-size: 113%;
  line-height: 134%;
  color: #00549f;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text .title {
    font-size: 122%;
    line-height: 148%;
  }
  .pickup.kifu .pickup__text .title {
    font-size: 110%;
    line-height: 120%;
  }
}
.pickup .pickup__text h3 + .text,
.pickup .pickup__text h4 + .text,
.pickup .pickup__text .title + .text {
  margin-top: 10px;
}
.pickup .pickup__text .link a {
  text-decoration: none;
}
.pickup .pickup__text .link a:before {
  top: 10px;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text .link a:before {
    top: 8px;
  }
}
.pickup .pickup__text .date {
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text .date {
    font-size: 108%;
    line-height: 154%;
  }
}
.pickup .pickup__text .text {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text .text {
    font-size: 100%;
    line-height: 158%;
  }
}
.pickup .pickup__text .posi-icon {
  position: absolute;
  bottom: 20px;
  margin-top: 0;
  margin-left: -5px;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text .posi-icon {
    position: relative;
    bottom: 0;
    width: auto;
  }
}
.pickup .pickup__text .heading {
  margin-top: 10px;
  text-align: center;
  color: #00549f;
  font-size: 125%;
  line-height: 100%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text .heading {
    margin-top: 0;
    font-size: 150%;
    line-height: 100%;
  }
}
.pickup .pickup__text .heading + p {
  margin-top: 15px;
}
.pickup .pickup__text .icon {
  min-width: 1px;
  margin-top: 10px;
  margin-left: 5px;
  font-size: 88%;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text .icon {
    font-size: 10px;
    line-height: 17px;
  }
}
.pickup .pickup__text.is-btn {
  position: relative;
  padding: 14px 25px 110px;
  min-height: 1px;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text.is-btn {
    padding: 20px 20px 100px;
  }
}
.pickup .pickup__text.is-btn .btn__category {
  position: absolute;
  bottom: 34px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text.is-btn .btn__category {
    bottom: 24px;
  }
}
@media only screen and (max-width: 720px) {
  .pickup .kifu-input {
    margin-top: 25px;
  }
  .pickup.kifu .link-list {
    margin-top: 10px !important;
    font-size:88%;
  }
  .pickup.kifu .kifu-input {
    margin-top: 10px;
  }
}
.pickup .kifu-input .link-list {
  margin-top: 5px;
}
.pickup .text-input input {
  width: 208px;
  height: 34px;
  padding: 0 5px;
  text-align: right;
  border: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .pickup .text-input input {
    width: 83%;
    height: 27px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
  .pickup.kifu .text-input input {
    width: 70% !important;
  }
}
.pickup .text-input span {
  display: inline-block;
  font-size: 132%;
  line-height: 167%;
  font-weight: bold;
  vertical-align: text-top;
}
@media only screen and (max-width: 720px) {
  .pickup .text-input span {
    font-size: 158%;
    line-height: 123%;
    width: 7%;
    vertical-align: bottom;
  }
  .pickup.kifu .text-input span {
    font-size: 100%;
    line-height: 123%;
    width: 7%;
    vertical-align: bottom;
  }
}
.pickup .btnPick {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .pickup .btnPick {
    margin-top: 10px;
  }
}
.pickup .btnPick + .link-list {
  margin-top: 10px;
}
.pickup.is-link {
  padding-top: 0;
}
.pickup.is-link .pickup__text {
  min-height: 1px;
  background: url(img/bg_pickup.png) right bottom no-repeat #f4f5f5;
}
@media only screen and (max-width: 720px) {
  .pickup.is-link .pickup__text {
    background: url(img/bg_pickup_sp.png) right bottom no-repeat #f4f5f5;
    background-size: 25px 25px;
  }
}
.pickup.is-link-pink .pickup__text {
  background: url(img/bg_pickup_pink.png) right bottom no-repeat #fce5f2;
}
@media only screen and (max-width: 720px) {
  .pickup.is-link-pink .pickup__text {
    background: url(img/bg_pickup_sp_pink.png) right bottom no-repeat #fce5f2;
    background-size: 25px 25px;
  }
}

@media only screen and (max-width: 720px) {
  .category.pickup {
    width: auto;
    margin: 24px 0 0;
  }
}



.pickReport .pickup__img p {
  width: 308px;
  height: 204px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .pickReport .pickup__img p {
    width: 100%;
    height: auto;
  }
}
.pickReport .pickup__img p img {
  width: 100%;
  height: auto;
}
.pickReport .pickup__img .img-icon {
  width: auto;
  height: auto;
}
.pickReport .pickup__img .img-icon img {
  width: auto;
  height: auto;
}

.is-showBtn .pickup .pickup__img p {
  width: 344px;
  height: 228px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .is-showBtn .pickup .pickup__img p {
    width: 100%;
    height: auto;
  }
}
.is-showBtn .pickup .pickup__img p img {
  width: 100%;
  height: auto;
}
.is-showBtn .pickup .pickup__img .img-icon {
  width: auto;
  height: auto;
}
.is-showBtn .pickup .pickup__img .img-icon img {
  width: auto;
  height: auto;
}

.pickup.is-two .pickup__box {
  width: 468px;
}
@media only screen and (max-width: 720px) {
  .pickup.is-two .pickup__box {
    width: 100%;
  }
}
.pickup.is-two .pickup__box + .pickup__box {
  margin-left: 24px;
}
@media only screen and (max-width: 720px) {
  .pickup.is-two .pickup__box + .pickup__box {
    margin-top: 24px;
    margin-left: 0;
  }
}

.is-box .pickup__text {
  padding-bottom: 25px;
}
@media only screen and (max-width: 720px) {
  .is-box .pickup__text {
    min-height: 1px;
  }
}

.is-link .pickup__text {
  padding-bottom: 20px;
  background-image: url(img/bg_pickup.png);
  background-position: right bottom;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 720px) {
  .is-link .pickup__text {
    min-height: 1px;
  }
}

.contents__Body-auto .is-link {
  padding: 30px 0;
}

@media only screen and (max-width: 720px) {
  .top .pickup {
    margin: 24px 19px 0;
  }
}
@media only screen and (max-width: 720px) {
  .top .pickup .pickup__text {
    padding: 20px 30px;
  }

  .top .pickup .pickup__text {
    display: flex;
    padding: 0px 0 10px 10px;
	-webkit-box-flex:2;
	-ms-flex:2;
	flex:2;
	background: none;

  }

  /* TVCM */
 .TvCm_txt {
    padding: 20px 30px !important;
  }

  .icon-tv img{
  vertical-align:middle;
  width:30px;
  margin-right:10px}
}

.top h2.pickup-heading {
  font-size: 363%;
  line-height: 125%;
  font-family: 'Veneer';
  font-weight: normal;
}
@media only screen and (max-width: 720px) {
  .top h2.pickup-heading {
    font-size: 243%;
    line-height: 133%;
  }
}

.contents__Body__left .pickup {
  width: 714px;
  margin: 30px 0 0 0;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .pickup {
    width: auto;
    margin-top: 20px;
  }
}
.contents__Body__left .pickup .pickup__box {
  width: 344px;
  margin-top: 26px;
  text-decoration: none;
}
.contents__Body__left .pickup .pickup__box:nth-child(-n+2) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .pickup .pickup__box:nth-child(-n+2) {
    margin-top: 20px;
  }
}
.contents__Body__left .pickup .pickup__box:nth-child(odd) {
  margin-left: 0;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .pickup .pickup__box:nth-child(odd) {
    margin-top: 20px;
  }
}
.contents__Body__left .pickup .pickup__box:nth-child(even) {
  margin-left: 26px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .pickup .pickup__box:nth-child(even) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .pickup .pickup__box {
    width: 100%;
    margin-top: 20px;
  }
  .contents__Body__left .pickup .pickup__box:nth-child(1) {
    margin-top: 0;
  }
}
.contents__Body__left .pickup .pickup__box:active .date,
.contents__Body__left .pickup .pickup__box:active .text {
  color: #45196b;
}
.contents__Body__left .pickup a.pickup__box:hover {
  cursor: pointer;
}
.contents__Body__left .pickup a.pickup__box:hover .pickup__img {
  opacity: 0.7;
}
.contents__Body__left .pickup a.pickup__box:hover .date,
.contents__Body__left .pickup a.pickup__box:hover .text {
  color: #00549f;
}
.contents__Body__left .pickup .pickup__img.active-icon {
  position: relative;
}
.contents__Body__left .pickup .pickup__img.active-icon .img-icon {
  bottom: 15px;
  left: 15px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .pickup .pickup__img.active-icon .img-icon {
    bottom: 12px;
    left: 12px;
  }
  .contents__Body__left .pickup .pickup__img.active-icon .img-icon img {
    width: 52px;
    height: 52px;
  }
}
.contents__Body__left .pickup .pickup__text {
  padding: 14px 25px 13px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .pickup .pickup__text {
    padding: 14px 15px 10px;
  }
}
.contents__Body__left .pickup .pickup__text.is-icon {
  padding: 14px 25px 80px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .pickup .pickup__text.is-icon {
    padding: 14px 15px 10px;
  }
}
.contents__Body__left .pickup .title + .text {
  text-decoration: none;
}
.contents__Body__left .pickup.is-box .pickup__text {
  background: #f4f5f5;
}
.contents__Body__left .pickup.overflowImg .pickup__img p {
  width: 344px;
  height: 228px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .pickup.overflowImg .pickup__img p {
    width: auto;
    height: auto;
  }
}
.contents__Body__left .pickup.overflowImg .pickup__img p img {
  width: 100%;
  height: auto;
}
.contents__Body__left h3 + .pickup,
.contents__Body__left h4 + .pickup,
.contents__Body__left h5 + .pickup {
  margin-top: 10px;
}

.pickup.is-one .pickup__box {
  width: 100%;
}

.info {
  margin-top: 50px;
}
@media only screen and (max-width: 720px) {
  .info {
    margin: 20px 0 0;
  }
}
.info .pickup__box {
  width: 344px;
}
@media only screen and (max-width: 720px) {
  .info .pickup__box {
    width: 100%;
  }
}
.info .pickup__img {
  margin-top: 10px;
}
.info .info-title {
  letter-spacing: -.5px;
}
.info .pickup__text {
  padding: 14px 32px 20px;
}
@media only screen and (max-width: 720px) {
  .info .pickup__text {
    min-height: 1px;
    padding: 14px 23px 20px;
  }
  .info .pickup__text dl {
    font-size: 108%;
    line-height: 174%;
  }
}
.info .pickup__text dl + dl {
  margin-top: 15px;
}
.info .pickup__text dd {
  font-weight: bold;
}

.pickup.join {
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .pickup.join {
    margin: 20px 0 0;
  }
}
.pickup.join a {
  color: #333;
  text-decoration: none;
}
.pickup.join .pickup__text {
  min-height: 116px;
  padding: 14px 32px 60px;
  background: url(img/bg_pickup.png) right bottom no-repeat #f4f5f5;
}
@media only screen and (max-width: 720px) {
  .pickup.join .pickup__text {
    min-height: 1px;
    padding: 14px 15px 10px;
    background: url(img/bg_pickup_sp.png) right bottom no-repeat #f4f5f5;
    background-size: 25px 25px;
  }
}
.pickup.join .pickup__text .title {
  text-align: center;
}
.pickup.join .pickup__text .text {
  text-decoration: none;
}


/* 2column add 201811 */
.pickup.kifu .pickup__box:nth-child(n+4) {
 margin-top: 20px;
}

.pickup.kifu .pickup__box:nth-child(3n+1) {
  margin-left: 0px;
}

@media only screen and (max-width: 720px) {
  .pickup.kifu {
    margin: 0;
  }

  .pickup.kifu .pickup__box{
  float: left;
  width: 48%;
  margin-right: 4%;
  overflow: hidden;
  }
  .pickup.kifu .pickup__box:nth-child(2n){
  margin-right: 0% !important;
  }
  
  .pickup.kifu .pickup__box {
    margin-top: 10px !important;
  }
}
.pickup.kifu .kifu-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  line-height: 100%;
}
.pickup.kifu .kifu-icon .icon {
  margin: 0;
}
.pickup.kifu .kifu-input {
  position: absolute;
  bottom: 12px;
  left: 31px;
}
@media only screen and (max-width: 720px) {
  .pickup.kifu .kifu-input {
    left: 10px;
    right: 10px;
    width:auto;
  }
  
  .pickup.kifu .kifu-icon .icon {
  margin: 0;
  font-size: 70%;
  padding: 0.1em 5px 0.2em;
}
}
.pickup.kifu .text-input {
  margin-top: 5px;
}
.pickup.kifu .pickup__text {
  padding: 14px 32px 80px;
}
@media only screen and (max-width: 720px) {
  .pickup.kifu .pickup__text {
    min-height: 1px;
    padding: 14px 10px 55px;
  }
}
.pickup.kifu .text + .link-list {
  margin-top: 0;
}

/*
em-wrap
***************************************************** */
.em-wrap {
  margin-top: 30px;
  padding: 20px 30px 30px;
  text-align: center;
  background: #fef7d7;
}
@media only screen and (max-width: 720px) {
  .em-wrap {
    margin-left: -19px;
    margin-right: -19px;
    padding: 15px 19px 15px;
  }
  .em-wrap .flag-icon__list {
    width: auto;
  }
}

@media only screen and (max-width: 720px) {
  .under-heading + .em-wrap {
    margin-top: 0;
  }
}
/*
history
***************************************************** */
.history {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .history {
    margin-top: 10px;
  }
}
.history dl {
  padding: 15px 10px;
  border-bottom: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .history dl {
    padding: 15px 0;
    font-size: 100%;
    line-height: 143%;
  }
}
.history dl:first-child {
  border-top: 1px solid #dad8d6;
}
.history dt {
  float: left;
  width: 110px;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .history dt {
    float: none;
    width: auto;
  }
}
.history dd {
  margin-left: 110px;
}
@media only screen and (max-width: 720px) {
  .history dd {
    margin-top: 5px;
    margin-left: 0;
  }
}
.history.new-list dt {
  width: 140px;
  font-weight: normal;
}
@media only screen and (max-width: 720px) {
  .history.new-list dt {
    width: auto;
  }
}
.history.new-list dd {
  margin-left: 140px;
}
@media only screen and (max-width: 720px) {
  .history.new-list dd {
    margin-top: 5px;
    margin-left: 0;
  }
}

/*
faq
***************************************************** */
@media only screen and (max-width: 720px) {
  .faq {
    margin: 10px -19px 0;
  }
}
.faq .faq__item {
  border-bottom: 1px solid #dad8d6;
}
.faq .faq__item:first-child {
  border-top: 1px solid #dad8d6;
}

.faq .faq__item.open .faq__item__q:after {
  top: 35px;
  height: 2px;
  background: url(img/bg_faq_minus.png) 0 0 no-repeat;
}
@media only screen and (max-width: 720px) {
  .faq .faq__item.open .faq__item__q:after {
    top: 26px;
  }
}
.faq .faq__item__q {
  position: relative;
  padding: 22px 34px 20px 55px;
  cursor: pointer;
}
@media only screen and (max-width: 720px) {
  .faq .faq__item__q {
    padding: 15px 54px 10px 40px;
  }
}
.faq .faq__item__q p {
  display: inline-block;
}
.faq .faq__item__q .item__q__body:before {
  content: 'Q.';
  position: absolute;
  top: 16px;
  left: 11px;
  display: inline-block;
  font-size: 200%;
  line-height: 100%;
  font-family: 'Veneer';
  color: #00549f;
}
@media only screen and (max-width: 720px) {
  .faq .faq__item__q .item__q__body:before {
    font-size: 143%;
    line-height: 100%;
    top: 15px;
    left: 19px;
  }
}
.faq .faq__item__q:after {
  content: '';
  position: absolute;
  top: 29px;
  right: 10px;
  display: block;
  width: 14px;
  height: 14px;
  background: url(img/bg_plus.png) 0 0 no-repeat;
}
@media only screen and (max-width: 720px) {
  .faq .faq__item__q:after {
    top: 20px;
  }
}
.faq .faq__item__a {
  display: none;
}
.faq .faq__item__a .item__a__body {
  position: relative;
  padding: 10px 10px 15px 55px;
}
@media only screen and (max-width: 720px) {
  .faq .faq__item__a .item__a__body {
    padding: 10px 10px 15px 40px;
  }
}
.faq .faq__item__a .item__a__body:before {
  content: 'A.';
  position: absolute;
  top: 6px;
  left: 11px;
  display: inline-block;
  font-size: 200%;
  line-height: 100%;
  font-family: 'Veneer';
  color: #d13f43;
}
@media only screen and (max-width: 720px) {
  .faq .faq__item__a .item__a__body:before {
    font-size: 143%;
    line-height: 100%;
    top: 11px;
    left: 19px;
  }
}
.faq .faq__item__a .item__a__body .link-list li:before {
  top: 10px;
}
@media only screen and (max-width: 720px) {
  .faq .faq__item__a .item__a__body .link-list li:before {
    top: 6px;
  }
}

/*
step
***************************************************** */
.step .step__body {
  text-align: center;
}
.step .step__body + .step__body:before {
  display: inline-block;
  margin: 5px 0;
  color: #00549f;
  font-size: 219%;
  line-height: 140%;
}
.step .step__body__item {
  padding: 30px;
  border: 2px solid #dad8d6;
  text-align: left;
}
@media only screen and (max-width: 720px) {
  .step .step__body__item {
    padding: 20px;
    border: 1px solid #dad8d6;
  }
}
.step .step__body__item .column {
  width: auto;
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .step .step__body__item .column {
    width: 100%;
  }
  .step .step__body__item .column img {
    width: 100%;
  }
}

/*
login-msg
***************************************************** */
@media only screen and (max-width: 720px) {
  .login-msg {
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #dad8d6;
  }
  .login-msg .wrap {
    margin: 0 19px;
  }
  .login-msg h3 {
    margin-top: 0;
  }
  .login-msg p {
    font-size: 115%;
    line-height: 169%;
  }
}

/*
bg-white-box
***************************************************** */
.bg-white-box {
  margin-top: 30px;
  padding: 20px 30px 30px;
  background: #fff;
}
@media only screen and (max-width: 720px) {
  .bg-white-box {
    padding: 15px 19px 15px;
  }
  .bg-white-box .flag-icon__list {
    width: auto;
  }
}

/*
bg-gray-box
***************************************************** */
.bg-gray-box {
  margin-top: 30px;
  padding: 20px 30px 30px;
  background: #ecebea;
}
@media only screen and (max-width: 720px) {
  .bg-white-box {
    padding: 15px 19px 15px;
  }
  .bg-white-box .flag-icon__list {
    width: auto;
  }
}

/*
bg-blue-box
***************************************************** */
.bg-blue-box {
  margin-top: 30px;
  padding: 20px 30px 30px;
  background: #d1edf3;
}
@media only screen and (max-width: 720px) {
  .bg-white-box {
    padding: 15px 19px 15px;
  }
  .bg-white-box .flag-icon__list {
    width: auto;
  }
}

/*
plannumber-box
***************************************************** */
.plannumber-box {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .plannumber-box {
    margin-top: 30px;
  }
}
.plannumber-box .overlap,
.plannumber-box .pickup {
  margin-top: 60px;
}
@media only screen and (max-width: 720px) {
  .plannumber-box .overlap,
  .plannumber-box .pickup {
    margin-top: 30px;
  }
}
.plannumber-box .pickup .pickup__text {
  padding: 0;
  color: #333;
}
.plannumber-box .overlap__text {
  height: auto;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .plannumber-box .overlap__text {
    position: relative;
    display: block;
  }
}
.plannumber-box .text {
  display: block;
  width: 460px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: left;
}
@media only screen and (max-width: 720px) {
  .plannumber-box .text {
    width: auto;
    padding: 20px 12px;
  }
}
.plannumber-box .bg-lightBlue {
  background: #d1edf3;
}
.plannumber-box .bg-pink {
  background: #facce5;
}
.plannumber-box .bg-blue {
  background: #70d0e0;
}
.plannumber-box .bg-yellow {
  background: #fef3c3;
}
.plannumber-box .bg-green {
  background: #cce5d8;
}

/*
border-tb
***************************************************** */
.border-tb {
  margin-top: 60px;
  padding: 25px 0;
  border-top: 1px solid #dad8d6;
  border-bottom: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .border-tb {
    border: 1px solid #dad8d6;
    text-align: center;
  }
}

.borderTopBottom {
  border-bottom: 1px solid #dad8d6;
}
.borderTopBottom .borderBox__item {
  padding: 15px 0;
  border-top: 1px solid #dad8d6;
}
.borderTopBottom.country {
  margin-top: 10px;
}
.borderTopBottom.country .borderBox__item {
  padding: 15px 0 15px 30px;
}
@media only screen and (max-width: 720px) {
  .borderTopBottom.country .borderBox__item {
    padding: 15px 6px;
  }
}
.borderTopBottom.country .column4 {
  margin-top: 0;
}
.borderTopBottom.country .column4 .column__item {
  width: 198px;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .borderTopBottom.country .column4 .column__item {
    float: left;
    width: 27%;
    margin-top: 0;
  }
  .borderTopBottom.country .column4 .column__item + .column__item {
    margin-top: 0;
  }
}
.borderTopBottom.country .column4 .column__item a {
  display: inline-block;
}
@media only screen and (max-width: 720px) {
  .borderTopBottom.country .column4 .column__item a {
    width: 80%;
  }
  .borderTopBottom.country .column4 .column__item a img {
    width: 83%;
  }
}
.borderTopBottom.country .column4 .column__item:nth-child(4) {
  width: 90px;
}
@media only screen and (max-width: 720px) {
  .borderTopBottom.country .column4 .column__item:nth-child(4) {
    width: 18%;
  }
  .borderTopBottom.country .column4 .column__item:nth-child(4) a {
    width: 100%;
  }
  .borderTopBottom.country .column4 .column__item:nth-child(4) a img {
    width: 99.5%;
  }
}

/*
planMovie
***************************************************** */
.planMovie .borderBox__item {
  padding: 0;
}
.planMovie .planMovie__head {
  position: relative;
  display: table;
  width: 100%;
  padding: 15px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.planMovie .planMovie__head:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  display: block;
  width: 14px;
  height: 14px;
  margin: auto 0;
  background: url(img/bg_plus.png) 0 0 no-repeat;
}
.planMovie .planMovie__head p {
  display: table-cell;
  margin-top: 0;
  vertical-align: middle;
}
.planMovie .planMovie__head .planMovie__title {
  width: 50%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .planMovie .planMovie__head .planMovie__title {
    display: block;
    width: 100%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.planMovie .planMovie__head .planMovie__time,
.planMovie .planMovie__head .planMovie__num {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .planMovie .planMovie__head .planMovie__time,
  .planMovie .planMovie__head .planMovie__num {
    display: inline-block;
    width: auto;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 720px) {
  .planMovie .planMovie__head .planMovie__num {
    margin-left: 15px;
  }
}
.planMovie .open .planMovie__head:after {
  height: 2px;
  background: url(img/bg_faq_minus.png) 0 0 no-repeat;
}
.planMovie .planMovie__body {
  display: none;
  padding: 15px 10px;
  border-top: 1px solid #dad8d6;
}
.planMovie .planMovie__body .column {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .planMovie .planMovie__body .column .cell-img {
    display: none;
  }
  .planMovie .planMovie__body .column .column-cell {
    padding-top: 0;
  }
}
.planMovie .planMovie__body p + .title {
  margin-top: 20px;
}
.planMovie .planMovie__body .title + p {
  margin-top: 0;
}
.planMovie .planMovie__body .dvdTime {
  float: right;
  margin-left: 15px;
}

/*
heading
***************************************************** */
h1 {
  float: right;
  width: 714px;
  height: 42px;
  margin-top: 2px;
  margin-bottom: 2px;
  color: #666;
  font-weight: bold;
  text-align: right;
  overflow: hidden;
}
h1 span {
  display: table-cell;
  width: 714px;
  height: 42px;
  vertical-align: bottom;
  font-size: 75%;
  line-height: 175%;
}
@media only screen and (max-width: 720px) {
  h1 {
    float: none;
    width: auto;
    height: auto;
    margin: 3px 16px 0 16px;
    padding: 0;
    text-align: left;
    overflow: visible;
  }
  h1 span {
    display: block;
    width: auto;
    height: auto;
    vertical-align: baseline;
    font-size: 70%;
    line-height: 145%;
  }
}

h2 {
  width: 960px;
  margin: 20px auto 0;
  color: #00549f;
  font-weight: bold;
  /*font-size: 225%;*/
  font-size: 175%;
  line-height: 162%;
}
@media only screen and (max-width: 720px) {
  h2 {
    width: auto;
    margin: 5px 19px 0;
    font-size: 165%;
    line-height: 127%;
  }
}

* + h2 {
  margin: 37px auto 0;
}
@media only screen and (max-width: 720px) {
  * + h2 {
    margin: 5px 19px 0;
  }
}

.contents__Body__left h2 {
  width: auto;
}

@media only screen and (max-width: 720px) {
  * + h2 {
    margin: 20px 0 0;
  }

  .contents__Body h2 {
    margin: 5px 0 0;
  }

  .contents__Body__left h2 {
    margin: 20px 0 0;
  }
}
.newsContents h2 {
  font-size: 175%;
  /*  font-size: 207%; */
  line-height: 167%;
}
@media only screen and (max-width: 720px) {
  .newsContents h2 {
    font-size: 165%;
    line-height: 127%;
  }
}

.top h2 {
  width: auto;
  margin: 0;
  font-size: 225%;
  line-height: 150%;
}
@media only screen and (max-width: 720px) {
  .top h2 {
    font-size: 140%;
    line-height: 127%;
  }
  .top h2 img {
    width: auto;
    height: auto;
  }
}

.c-h2 {
  margin-top: 30px;
  padding: 9px 20px;
  background: #00549f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 175%;
  line-height: 150%;
  color: #fff;
}
@media only screen and (max-width: 720px) {
  .c-h2 {
    position: relative;
    margin: 30px -19px 0;
    font-size: 143%;
    line-height: 130%;
  }
}

@media only screen and (max-width: 720px) {
  .top .topics h2 img {
    width: 55px;
    height: 19px;
  }

  .top .pickup-heading img {
    width: 82px;
    height: 24px;
  }

  .top .news h2 img {
    width: 59px;
    height: 24px;
  }
}
h3,
.c-h3 {
  color: #00549f;
  font-size: 140%;
  /* font-size: 175%; */
  line-height: 161%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  h3,
  .c-h3 {
    font-size: 143%;
    line-height: 155%;
  }
}

* + h3 {
  margin-top: 60px;
}
@media only screen and (max-width: 720px) {
  * + h3 {
    margin-top: 30px;
  }
}

.under-heading + h3 {
  margin-top: 30px;
}

h2 + h3,
h3 + h3 {
  margin-top: 15px;
}

h4,
.c-h4 {
  color: #00549f;
 /* font-size: 132%; */
  font-size: 120%;
  line-height: 162%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  h4,
  .c-h4 {
    font-size: 115%;
    line-height: 144%;
  }
}

* + h4,
* + .c-h4 {
  margin-top: 60px;
}
@media only screen and (max-width: 720px) {
  * + h4,
  * + .c-h4 {
    margin-top: 30px;
  }
}

.under-heading + h3 + h4 {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .under-heading + h3 + h4 {
    margin-top: 20px;
  }
}

h3 + h4,
h4 + h4,
h3 + .c-h4,
.c-h3 + .c-h4 {
  margin-top: 15px;
}

* + h5 {
  margin-top: 50px;
}

h5 {
  color: #00549f;
  font-size: 113%;
  line-height: 162%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  h5 {
    margin-top: 20px;
    font-size: 100%;
    line-height: 143%;
  }
}

h4 + h5,
h5 + h5 {
  margin-top: 15px;
}

.category-heading {
  position: relative;
  height: 270px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .category-heading {
    margin-top: 15px;
    height: 135px;
  }
}
.category-heading h2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  height: 270px;
  margin: 0 auto;
  color: #fff;
  text-shadow: 0px 0px 20px #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 225%;
}
@media only screen and (max-width: 720px) {
  .category-heading h2 {
    height: 135px;
  }
}
.category-heading h2 span {
  display: table-cell;
  width: 100%;
  height: 270px;
  vertical-align: middle;
  color: #fff;
  padding-left: 33px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 0px 0px 20px #000000,
	rgba(0,0,0,0.3) 0px 0px 10px,
	rgba(0,0,0,0.2) 1px 1px 1px,
	rgba(0,0,0,0.2) -1px -1px 1px,
	rgba(0,0,0,0.2) 1px -1px 1px,
	rgba(0,0,0,0.2) -1px 1px 1px;
/* text-shadow: 0px 0px 20px #000000; change 201711*/
}

@media only screen and (max-width: 720px) {
  .category-heading h2 span {
    height: 135px;
    padding: 0 15px;
  }
}
.category-heading .category__img {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200%;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .category-heading .category__img {
    position: relative;
    top: 0;
    left: 0;
    width: auto !important;
    height: auto;
  }
}
.category-heading .category__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
@media only screen and (max-width: 720px) {
  .category-heading .category__img img {
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    min-width: 1%;
    min-height: 1%;
  }
}

.under-heading {
  position: relative;
  height: 196px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .under-heading {
    margin: 15px -19px 0;
    height: 135px;
  }
  .under-heading img {
    width: 100%;
  }
}
.under-heading h2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: table;
  width: 100%;
  height: 196px;
  margin: 0 auto;
  font-size: 225%;
}
@media only screen and (max-width: 720px) {
  .under-heading h2 {
    height: 135px;
  }
}
.under-heading h2 span {
  display: table-cell;
  width: 100%;
  height: 196px;
  vertical-align: middle;
  padding-left: 33px;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    text-shadow: 0px 0px 20px #000000,
	rgba(0,0,0,0.3) 0px 0px 10px,
	rgba(0,0,0,0.2) 1px 1px 1px,
	rgba(0,0,0,0.2) -1px -1px 1px,
	rgba(0,0,0,0.2) 1px -1px 1px,
	rgba(0,0,0,0.2) -1px 1px 1px;
}
@media only screen and (max-width: 720px) {
  .under-heading h2 span {
    height: 135px;
    padding: 0 15px;
  }
}

/*
h-line
***************************************************** */
/*
pre
***************************************************** */
pre {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  white-space: pre-wrap;
}

/*
p
***************************************************** */
* + p {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  * + p {
    margin-top: 10px;
  }
}

h3 + p,
h4 + p,
.c-h4 + p {
  margin-top: 10px;
}

.under-heading + p {
  margin-top: 30px;
}

.column.kifu + p {
  margin-top: 50px;
}

@media only screen and (max-width: 720px) {
  h5 + p {
    margin-top: 5px;
  }
}
/*
em
***************************************************** */
/*
ul
***************************************************** */
* + ul {
  margin-top: 20px;
}

h3 + ul,
h4 + ul {
  margin-top: 10px;
}

ul {
  margin-left: 25px;
  list-style: disc;
}
ul li + li {
  margin-top: 10px;
}

.list-side {
  padding: 0;
}
.list-side li {
  float: left;
  width: 45%;
  margin-top: 15px;
  padding-right: 5%;
}
.list-side li:nth-child(1), .list-side li:nth-child(2) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .list-side li {
    float: none;
    width: 100%;
    margin-top: 10px;
    padding: 0;
  }
  .list-side li:nth-child(2) {
    margin-top: 10px;
  }
}
.list-side li + li {
  margin-top: 5px;
}
@media only screen and (max-width: 720px) {
  .list-side li + li {
    margin-top: 10px;
  }
}

.link-side li {
  float: left;
  width: 45%;
  margin-top: 15px;
  padding-right: 5%;
}
.link-side li:nth-child(1), .link-side li:nth-child(2) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .link-side li {
    float: none;
    width: 100%;
    margin-top: 10px;
    padding: 0;
  }
  .link-side li:nth-child(2) {
    margin-top: 10px;
  }
}

.link-list {
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.link-list li {
  position: relative;
  display: block;
  padding: 0 0 0 13px;
}
.link-list.clickKifuBtn li {
  padding: 0;
}
.link-list a {
  position: relative;
}
.link-list li a:before {
  position: absolute;
  top: 6px;
  left: -11px;
  display: inline-block;
  font-size: 63%;
  line-height: 240%;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .link-list li a:before {
    top: 5px;
    font-size: 72%;
    line-height: 210%;
  }
}
.link-list.font-b li:before {
  font-weight: bold;
}

.is-side {
  margin-top: 15px;
  letter-spacing: -.35em;
}
.is-side li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin-right: 15px;
  line-height: 250%;
}
.is-side li + li {
  margin-top: 0;
}

.is-side + .is-side {
  margin-top: 10px;
}

h3 + .is-side {
  margin-top: 5px;
}

.flag-icon__list {
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.flag-icon__list li {
  padding-left: 25px;
  font-weight: bold;
  text-align: left;
  background: url(img/icon_flag.png) 0 6px no-repeat;
}
@media only screen and (max-width: 720px) {
  .flag-icon__list li {
    padding-left: 18px;
    background: url(img/icon_flag_sp.png) 0 4px no-repeat;
    background-size: 14px 12px;
  }
}

.page-link {
  margin-left: 0;
  padding: 0;
  list-style: none;
}
.page-link li {
  margin: 0;
  padding: 0;
}
.page-link a {
  position: relative;
  display: inline-block;
  padding: 0.2em 0 0.2em 0;
}
.page-link li a:before,
.page-link li a:after {
  display: inline-block;
  position: relative;
  margin-top: -2px;
  font-size: 63%;
  line-height: 240%;
  line-height: 100%;
  text-decoration: none;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .page-link li a:before,
  .page-link li a:after {
    font-size: 72%;
    line-height: 210%;
  }
}
.page-link .prev {
  float: left;
}
.page-link .prev .iconGaibu:after {
  width: auto;
  height: auto;
  margin: auto;
  margin-top: -2px;
  line-height: 100%;
  background: none;
}
.page-link .next {
  float: right;
}
.page-link .next .iconGaibu:after {
  width: auto;
  height: auto;
  margin: auto;
  margin-top: -2px;
  line-height: 100%;
  background: none;
}

.anchor-link {
  margin-left: 0;
  list-style: none;
}
.anchor-link li {
  float: left;
  margin: 0 30px 0 0;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .anchor-link li {
    margin-top: 0;
    padding-bottom: 10px;
  }
  .anchor-link li:nth-child(1), .anchor-link li:nth-child(2) {
    margin-top: 0;
  }
}
.anchor-link a:before {
  font-size: 63%;
  line-height: 240%;
}
@media only screen and (max-width: 720px) {
  .anchor-link a:before {
    font-size: 72%;
    line-height: 210%;
  }
}

.under-link {
  margin-left: 0;
  list-style: none;
  letter-spacing: -.35em;
}
.under-link li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  line-height: 100%;
  margin-right: 25px;
  padding-right: 24px;
  border-right: 1px solid #dad8d6;
}
.under-link li:last-child {
  border-right: none;
}
.under-link li + li {
  margin-top: 0;
}
.under-link li.active a {
  color: #00549f;
  font-weight: bold;
  text-decoration: none;
}

.notes {
  margin: 0 0 15px 0;
  font-size: 88%;
  line-height: 158%;
  list-style-type: none;
}
@media only screen and (max-width: 720px) {
  .notes {
    font-size: 86%;
    line-height: 142%;
  }
}

.notes li {
  margin-top: 10px;
  text-indent: -1em;
  padding-left: 1em;
}

.notes-num {
  margin: 0 0 15px 0;
  font-size: 88%;
  line-height: 158%;
  list-style-type: none;
}
@media only screen and (max-width: 720px) {
  .notes-num {
    font-size: 86%;
    line-height: 142%;
  }
}

.notes-num li {
  margin-top: 10px;
  text-indent: -1.8em;
  padding-left: 1.8em;
}

/*
ol
***************************************************** */
* + ol {
  margin-top: 20px;
}

h3 + ol,
h4 + ol {
  margin-top: 10px;
}

ol {
  margin-left: 30px;
}
ol li + li {
  margin-top: 15px;
}

h3 + ol,
h4 + ol,
.c-h4 + ol {
  margin-top: 10px;
}

/*
table
***************************************************** */
* + table {
  margin-top: 20px;
}

h3 + table,
h4 + table {
  margin-top: 10px;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #dad8d6;
  border-left: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  table th[class^="w"],
  table td[class^="w"] {
    width: auto;
  }
}

th,
td {
  padding: 16px 10px 14px;
  border-right: 1px solid #dad8d6;
  border-bottom: 1px solid #dad8d6;
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  
}
@media only screen and (max-width: 720px) {
  th,
  td {
    display: block;
    padding: 12px 15px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

thead th {
  text-align: center;
}

th {
  text-align: left;
  background: #d4f1f6;
  vertical-align:top; /* add 201812 */
}
@media only screen and (max-width: 720px) {
  th {
    text-align: left;
  }
}



/* add activereport */

.rep-inner th {
  text-align: left;
  background: #f0f9fb;
  vertical-align:top;
}

.rep-inner th,
.rep-inner td {
  padding: 8px 5px 7px;
  font-size:0.875em;
  line-height:140%
}

@media only screen and (max-width: 720px) {
 .rep-inner th,
 .rep-inner td {
    display: block;
    padding: 6px 7px;
  }
}

@media only screen and (max-width: 720px) {
  .table-border {
    margin: 0 -19px;
  }
}
.table-border table {
  border: none;
  border-bottom: 1px solid #dad8d6;
}
.table-border th,
.table-border td {
  border: none;
  border-top: 1px solid #dad8d6;
  vertical-align: top;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .table-border th,
  .table-border td {
    width: auto;
    border-top: none;
    text-align: left;
  }
}
.table-border th {
  background: none;
  white-space: nowrap;
}
@media only screen and (max-width: 720px) {
  .table-border th {
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 720px) {
  .table-border th {
    padding: 10px 19px;
	white-space: normal;
  }
  .table-border td {
    border-top: none;
    padding: 0 19px;
  }
  .table-border td:first-child {
    padding-top: 10px;
  }
  .table-border td:last-child {
    padding-bottom: 10px;
  }
  .table-border th + td {
    padding-top: 10px;
  }
  .table-border tr {
    border-top: 1px solid #dad8d6;
  }
}
.table-border.bg-odd tr td:nth-child(odd) {
  background: #fbfbfb;
}
@media only screen and (max-width: 720px) {
  .table-border.bg-odd {
    display: none;
  }
}
.table-border.bg-odd-sp {
  display: none;
}
@media only screen and (max-width: 720px) {
  .table-border.bg-odd-sp {
    display: block;
  }
  .table-border.bg-odd-sp table {
    display: table;
  }
  .table-border.bg-odd-sp tr {
    border-top: none;
  }
  .table-border.bg-odd-sp td {
    float: left;
    width: 50%;
    padding: 10px 19px;
    border-top: 1px solid #dad8d6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .table-border.bg-odd-sp td:nth-child(4n) {
    background: #fbfbfb;
  }
  .table-border.bg-odd-sp td:nth-child(4n+1) {
    background: #fbfbfb;
  }
}
.table-border .border-none td {
  padding: 0 10px 14px;
  border: none;
}
@media only screen and (max-width: 720px) {
  .table-border .border-none td {
    padding: 0 19px;
  }
  .table-border .border-none td:last-child {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 720px) {
  .table-border .border-none {
    border: none;
  }
}
@media only screen and (max-width: 720px) {
  .table-border.spCell-block th,
  .table-border.spCell-block td {
    display: block;
    width: auto;
    margin: 15px 19px 0;
    padding: 0;
  }
  .table-border.spCell-block th:last-child,
  .table-border.spCell-block td:last-child {
    margin-bottom: 10px;
  }
  .table-border.spCell-block th {
    margin-top: 15px;
    padding-bottom: 0;
  }
  .table-border.spCell-block th + td {
    margin-top: 10px;
  }
  .table-border.spCell-block td {
    margin-top: 15px;
    padding-top: 0;
  }
  .table-border.spCell-block td + td {
    margin-top: 10px;
  }
}

.table-list table.bordered {
  width: 100% !important;
}
.table-list table.bordered tr th:nth-child(1) {
  width: 30%;
}

.table-special th,
.table-special td {
  height: 60px;
  padding: 10px 19px 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .table-special thead th {
    display: block;
  }
}

@media only screen and (max-width: 720px) {
  .table-list {
    display: none;
  }
}

.table-list-sp {
  display: none;
}
@media only screen and (max-width: 720px) {
  .table-list-sp {
    display: block;
  }
}

@media only screen and (max-width: 720px) {
  .table-appeal {
    display: none;
    display: block\9;
  }
}

.table-appeal-sp {
  display: none;
}
@media only screen and (max-width: 720px) {
  .table-appeal-sp {
    display: block;
    margin-top: 5px;
  }
  .table-appeal-sp + .table-appeal-sp {
    margin-top: 20px;
  }
}

.table-login {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .table-login {
    margin: 30px -19px 0;
  }
  .table-login + .m-t30 {
    margin-top: 5px;
  }
}
.table-login table {
  border: none;
  border-bottom: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .table-login table {
    border-bottom: none;
  }
}
.table-login th,
.table-login td {
  padding: 9px 20px 9px;
  border: none;
  border-top: 1px solid #dad8d6;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .table-login th,
  .table-login td {
    border-top: none;
    text-align: left;
    padding: 20px 19px 20px;
  }
}
.table-login th {
  background: none;
}
@media only screen and (max-width: 720px) {
  .table-login th {
    vertical-align: middle;
  }
}
.table-login tr td:nth-child(odd) {
  width: 240px;
  background: #f0efef;
}
@media only screen and (max-width: 720px) {
  .table-login tr td:nth-child(odd) {
    width: 100%;
    width: 30% \9;
    padding: 9px 30px 9px;
    border-top: 1px solid #dad8d6;
  }
}
.table-login input {
  width: 304px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #dad8d6;
  font-size: 100%;
  line-height: 188%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .table-login input {
    width: 100%;
    height: 30px;
    font-size: 100%;
    line-height: 179%;
  }
  
  .table-login input[class^="w"] {
    width: 100%; /* 20180720 */
}

}

@media only screen and (max-width: 720px) {
  .sp-normal table {
    display: table;
  }
  .sp-normal table th,
  .sp-normal table td {
    display: table-cell;
  }
}

@media only screen and (max-width: 720px) {
  .cntactList table {
    width: 100%;
  }
  .cntactList .region {
    width: auto;
  }
  .cntactList .contact {
    width: 100px;
  }
}

@media only screen and (max-width: 720px) {
  .table-special table thead {
    display: none;
  }
  .table-special table td:first-child {
    padding-top: 20px;
  }
  .table-special table td {
    width: 100%;
    height: auto;
    padding: 10px 20px;
    text-align: left;
  }
  .table-special table td span {
    display: inline-block;
    width: 50%;
    line-height: 100%;
    vertical-align: middle;
  }
  .table-special table td span + span {
    font-size: 86%;
    line-height: 192%;
  }
  .table-special table .sp-title {
    padding: 20px;
    font-weight: bold;
    background: #fbfbfb;
  }
}

/*
parts
***************************************************** */
.font-b {
  font-weight: bold;
}
.font-b a:before {
  font-weight: bold;
}

.font-n {
  font-weight: normal;
}
.font-n label {
  font-weight: normal;
}

.font28 {
  font-size: 175%;
  line-height: 150%;
}
@media only screen and (max-width: 720px) {
  .font28 {
    font-size: 143%;
    line-height: 155%;
  }
}

.font24 {
  font-size: 150%;
  line-height: 159%;
}
@media only screen and (max-width: 720px) {
  .font24 {
    font-size: 129%;
    line-height: 162%;
  }
}

.font21 {
  font-size: 132%;
  line-height: 167%;
}
@media only screen and (max-width: 720px) {
  .font21 {
    font-size: 115%;
    line-height: 169%;
  }
}

.font20 {
  font-size: 125%;
  line-height: 170%;
}
@media only screen and (max-width: 720px) {
  .font20 {
    font-size: 115%;
    line-height: 169%;
  }
}

.font18 {
  font-size: 113%;
  line-height: 178%;
}
@media only screen and (max-width: 720px) {
  .font18 {
    font-size: 115%;
    line-height: 169%;
  }
  .font18.link-list a:before {
    top: 6px;
  }
}

.font14 {
  font-size: 88%;
  line-height: 200%;
}
@media only screen and (max-width: 720px) {
  .font14 {
    font-size: 86%;
    line-height: 192%;
  }
}

.font12 {
  font-size: 75%;
  line-height: 217%;
}
@media only screen and (max-width: 720px) {
  .font12 {
    font-size: 86%;
    line-height: 192%;
  }
}

.sub-heading {
  margin-top: 0;
  font-size: 138%;
  line-height: 164%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .sub-heading {
    display: none;
  }
}

.sp-only {
  display: none;
}
@media only screen and (max-width: 720px) {
  .sp-only {
    display: block;
  }
}

@media only screen and (max-width: 720px) {
  .pc-only {
    display: none;
  }
}

.tablet .tabHide {
  display: none;
}

.tablet .tabShow {
  display: block;
}

.font-large {
  font-size: 113%;
  line-height: 178%;
}
@media only screen and (max-width: 720px) {
  .font-large {
    font-size: 115%;
    line-height: 169%;
    font-weight: bold;
  }
}

.caption {
  margin-top: 5px;
  font-size: 88%;
  line-height: 143%;
}
@media only screen and (max-width: 720px) {
  .caption {
    margin-top: 4px;
    font-size: 11px;
    line-height: 150%;
  }
}
.caption .ann {
  display: inline-block;
  color: #333;
  text-decoration: none;
}

.photo {
  padding-left: 20px;
}
.photo:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 14px;
  margin-top: -2px;
  margin-left: -20px;
  margin-right: 5px;
  background: url(img/icon_photo.png) 0 0 no-repeat;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .photo {
    padding-left: 15px;
  }
  .photo:before {
    width: 12px;
    height: 11px;
    margin-top: -4px;
    margin-left: -15px;
    background: url(img/icon_photo_sp.png) 0 0 no-repeat;
    background-size: 12px 11px;
  }
}

.movie {
  margin-top: 4px;
  padding-left: 20px;
}
.movie:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 11px;
  margin-top: -2px;
  margin-left: -20px;
  margin-right: 5px;
  background: url(img/icon_movie.png) 0 0 no-repeat;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .movie {
    padding-left: 15px;
  }
  .movie:before {
    width: 11px;
    height: 8px;
    margin-right: 3px;
    margin-left: -15px;
    background: url(img/icon_movie_sp.png) 0 0 no-repeat;
    background-size: 11px 8px;
  }
}

.category-img {
  margin-top: 35px;
  text-align: center;
}

.em-border {
  padding: 20px;
}

.em-back {
  padding: 30px;
  background: #f0efef;
}
@media only screen and (max-width: 720px) {
  .em-back {
    padding: 15px;
  }
  .em-back .faq {
    margin: 10px 0 0;
  }
  .em-back .table-border {
    margin: 0;
  }
}
.em-back .column {
  margin: 0;
}
.em-back .column + .column {
  margin-top: 20px;
}

* + .em-back {
  margin-top: 30px;
}

h3 + .em-back,
h4 + .em-back,
h5 + .em-back {
  margin-top: 10px;
}

.em-border,
.wrap-border {
  border: 1px solid #dad8d6;
}

.wrap-border {
  margin-top: 30px;
  padding: 20px 30px 20px;
}
@media only screen and (max-width: 720px) {
  .wrap-border {
    margin-top: 15px;
    padding: 15px 10px;
  }
  .wrap-border .table-border {
    margin: 0;
  }
}
.wrap-border hr.line {
  margin-top: 20px;
}
.wrap-border + .wrap-border {
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .wrap-border + .wrap-border {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 720px) {
  .wrap-border.m-t60 {
    margin-top: 30px;
  }
}

hr.line {
  width: 100%;
  height: 0;
  margin: 50px 0 0 0;
  padding: 0;
  border: none;
  border-top: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  hr.line {
    margin-top: 20px;
  }
}

.countryKind {
  margin: 35px -16px 60px auto;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .countryKind {
    margin: 35px 0 30px auto;
  }
}
.countryKind img {
  margin-right: 15px;
  vertical-align: bottom;
}
@media only screen and (max-width: 720px) {
  .countryKind img {
    margin-right: 8px;
  }
}
.countryKind span {
  margin-right: 16px;
}
@media only screen and (max-width: 720px) {
  .countryKind span {
    margin-right: 20px;
  }
  .countryKind span img {
    width: 45px;
    height: 15px;
  }
}
@media only screen and (max-width: 720px) {
  .countryKind span + span {
    margin-right: 0;
  }
  .countryKind span + span img {
    width: 15px;
  }
}

.anchor-position {
  display: inline-block;
  margin-top: -56px;
  padding-top: 56px;
}
@media only screen and (max-width: 720px) {
  .anchor-position {
    margin-top: 0;
    padding-top: 0;
  }
}

.anchor-positionGirl {
  display: inline-block;
  margin-top: -112px;
  padding-top: 112px;
}
@media only screen and (max-width: 720px) {
  .anchor-positionGirl {
    margin-top: 0;
    padding-top: 0;
  }
}

.anchor-position-top {
  position: relative;
  z-index: 5;
}

/*
btn
***************************************************** */
.btn {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  min-height: 58px;
}
@media only screen and (max-width: 720px) {
  .btn {
    display: inline-block;
    min-height: 1px;
  }
}
.btn + .btn {
  margin-left: 16px;
}
.btn span {
  position: relative;
  display: table-cell;
  padding: 15px 9px 11px;
  font-size: 113%;
  line-height: 178%;
  font-weight: bold;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .btn span {
    display: inline-block;
    padding: 10px 9px 8px;
    font-size: 14px;
    line-height: 18px;
    font-size: 100%;
    line-height: 179%;
  }
  #floatbtn .btn span {
     padding: 8px 9px 7px;
    line-height: 150%
  }
  #floatbtn .btn span span.font12 {
    font-size:12px;
    padding:0px;
  }
}
.btn span:hover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 2px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  z-index: 10;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* 180420
@media only screen and (max-width: 720px) {
  .btn span:hover:before {
    display: none;
  }
}
*/
.btn span:active:before {
  min-height: 58px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .btn span:active:before {
    display: none;
  }
}
.btn span span {
  display: inline;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}
.btn span span:after {
  display: none;
}
.btn span span:hover {
  box-shadow: none;
}
.btn span .fontSmall {
  font-size: 89%;
  line-height: 138%;
}

.btn-show {
  margin-top: 55px;
}

.btn-show .btn {
  float: none;
}
@media only screen and (max-width: 720px) {
  .btn-show .btn {
    margin: 0 auto;
  }
}

.btn-normal span {
  width: 220px;
  border: 1px solid #6b6462;
}
@media only screen and (max-width: 720px) {
  .btn-normal span {
    width: auto;
    padding: 12px 25px 10px;
  }
}
.btn-normal span:hover {
  color: #333;
  background: #ecebea;
}
.btn-normal span:hover:before {
  display: none;
}

.btn-show span:after {
  margin-left: 3px;
  font-size: 75%;
  line-height: 217%;
}
@media only screen and (max-width: 720px) {
  .btn-show span:after {
    font-size: 72%;
    line-height: 210%;
  }
}

.btn-arrow span:after {
  margin-left: 5px;
  font-size: 82%;
  line-height: 208%;
}

.btn-arrow-pre span span {
  font-size: 100% ;
}

.btn-arrow-pre span span:before {
  margin-right: 5px;
  font-size: 82%;
  line-height: 208%;
}

@media only screen and (max-width: 720px) {
  .btn-arrow-pre span span:before,
  .btn-arrow span:after {
    font-size: 72%;
    line-height: 210%;
  }
}

.head__btn__body .btn span {
  width: 166px;
  height: 46px;
  padding: 10px 9px 6px;
  font-weight: bold;
  background: #dad8d6;
}

@media only screen and (max-width: 720px) {
  .slide__btn .btn,
  .project__btn .btn {
    float: left;
    width: 45.8%;
  }
  .slide__btn .btn + .btn,
  .project__btn .btn + .btn {
    margin-left: 8.4%;
  }
}
.slide__btn .btn span,
.project__btn .btn span {
  min-width: 223px;
}
@media only screen and (max-width: 720px) {
  .slide__btn .btn span,
  .project__btn .btn span {
    width: 100%;
    min-width: 1px;
    padding: 12px 9px 10px;
    vertical-align: middle;
  }
}

.slide__btn .btn + .btn {
  margin-left: 27px;
}
@media only screen and (max-width: 720px) {
  .slide__btn .btn + .btn {
    margin-left: 8.4%;
  }
}

@media only screen and (max-width: 720px) {
  .overlap__text .btn span {
    width: auto;
  }
}

.plan-btn {
  margin: 40px auto 4px;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .plan-btn {
    margin: 20px 0 4px;
  }
  .plan-btn a {
    display: table;
    width: 100%;
  }
}
.plan-btn .btn span {
  width: 600px;
}
@media only screen and (max-width: 720px) {
  .plan-btn .btn span {
    width: 100%;
  }
}

@media only screen and (max-width: 720px) {
  .top .plan-btn {
    margin: 20px 19px 4px;
  }
}

.icon__new {
  display: inline-block;
  width: 38px;
  height: auto;
  margin-top: -4px;
  margin-left: 12px;
  padding: 4px 0 2px;
  color: #fff;
  font-size: 75%;
  line-height: 100%;
  text-align: center;
  background: #c9292e;
  vertical-align: middle;
}

h4 .icon__new {
  display: inline-block;
  width: 38px;
  height: auto;
  margin-left: 12px;
  padding: 5px 6px 2px 3px;
  color: #fff;
  font-size: 75%;
  line-height: 100%;
  text-align: center;
  background: #c9292e;
  vertical-align: middle;
}

@media only screen and (max-width: 720px) {
  .icon__new {
    margin-top: -3px;
    width: 32px;
    margin-left: 3px;
    padding: 4px 0 3px;
    font-size: 72%;
    line-height: 100%;
  }
}

.icon {
  display: inline-block;
  min-width: 120px;
  height: 15px;
  margin-left: 23px;
  padding: 0.2em 10px;
  color: #fff;
  font-size: 75%;
  line-height: 100%;
  text-align: center;
  vertical-align: text-top;
}
.icon:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}
@media only screen and (max-width: 720px) {
  .icon {
    min-width: 90px;
    margin-left: 11px;
    font-size: 10px;
    line-height: 17px;
    vertical-align: middle;
    font-size: 86%;
    line-height: 100%;
  }
}

@media only screen and (max-width: 720px) {
  .btn-w600 a {
    width: 100%;
  }
}
.btn-w600 span {
  width: 600px;
}
@media only screen and (max-width: 720px) {
  .btn-w600 span {
    width: 100%;
  }
}

.btn-w470 span {
  width: 470px;
}
@media only screen and (max-width: 720px) {
  .btn-w470 span {
    width: auto;
    min-width: 200px;
  }
}

.btn-w450 span {
  width: 450px;
}
@media only screen and (max-width: 720px) {
  .btn-w450 span {
    width: auto;
    min-width: 200px;
  }
}

.btn-w306 span {
  width: 306px;
}
@media only screen and (max-width: 720px) {
  .btn-w306 span {
    width: auto;
    min-width: 160px;
  }
}

.btn-w222 span {
  width: 222px;
}
@media only screen and (max-width: 720px) {
  .btn-w222 span {
    width: auto;
    min-width: 130px;
  }
}

.mypage span {
  padding: 9px 9px 7px;
  line-height: 120%;
}

@media only screen and (max-width: 720px) {
  .close span {
    padding: 12px 9px 9px;
  }
}
.close span:after {
  content: "" !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -2px;
  background: url(img/close.png) 0 0 no-repeat;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .close span:after {
    margin-top: 1px;
    background: url(img/close_sp.png) 0 0 no-repeat;
    background-size: 13px 12px;
  }
}

.btnLogin {
  width: 450px;
  margin: 60px auto;
}
@media only screen and (max-width: 720px) {
  .btnLogin {
    width: auto;
    margin: 30px auto;
  }
  .btnLogin .btn {
    width: 100%;
  }
  .btnLogin .btn span {
    width: 100%;
  }
}

@media only screen and (max-width: 720px) {
  .contents__Body + .btnLogin {
    margin: 30px 19px;
  }
}

.btnLine2 span {
  position: relative;
}

.btnLine2 span:after {
  position: absolute;
  top: 24px;
  right: 145px;
}
@media only screen and (max-width: 720px) {
  .btnLine2 span:after {
    top: 18px;
    right: 32px;
  }
}

btn-w306 > .btnLine2 span {
  position: relative;
}

btn-w306 > .btnLine2 span:after {
  position: absolute;
  right: 145px;
}
@media only screen and (max-width: 720px) {
  btn-w306 > .btnLine2 span:after {
    top: 18px;
    right: 32px;
  }
}
.btn-w306 > .btnLine2 span {
  position: relative;
}

.btn-w306 > .btnLine2 span:after {
  position: absolute;
  top: 24px;
  right: 60px;
}

.btn-w306 > .btnLine2 span.pname {
  font-style:normal !important;
  font-size:0.8em !important;
}

@media only screen and (max-width: 720px) {
  .btn-w306 > .btnLine2 span:after {
      top: 18px;
    right: 10px !important;
  }
}



/*
category ※カテゴリートップ共通
***************************************************** */
.column2.category {
  position: relative;
  margin: 0;
  background: #f0efef;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .column2.category h3,
  .column2.category p,
  .column2.category .c-h3 {
    margin-top: 0;
  }
}
.column2.category + .category {
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .column2.category + .category {
    margin-top: 20px;
  }
}
.column2.category .heading-img {
  position: relative;
  z-index: 10;
  margin-bottom: -34px;
}
@media only screen and (max-width: 720px) {
  .column2.category .heading-img {
    margin-bottom: -37px;
  }
  .column2.category .heading-img + .column2__item {
    margin-top: 0;
  }
}
.column2.category .left {
  float: left;
}
@media only screen and (max-width: 720px) {
  .column2.category .left {
    float: none;
  }
}
.column2.category .right {
  float: right;
}
@media only screen and (max-width: 720px) {
  .column2.category .right {
    float: none;
  }
}
.column2.category .column2__item {
  width: auto;
  margin: auto;
}
@media only screen and (max-width: 720px) {
  .column2.category .column2__item + .column2__item {
    width: 100%;
    margin: 0;
  }
}
.column2.category .column2__item .category__img {
  width: 468px;
}
@media only screen and (max-width: 720px) {
  .column2.category .column2__item .category__img {
    width: 100%;
  }
}
.column2.category .column2__item .category-box {
  width: 492px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .column2.category .column2__item .category-box {
    width: 100%;
    margin: 0;
  }
}
.column2.category .column2__item .category-box.w-auto {
  width: auto;
}
.column2.category .category-box {
  position: relative;
}
.column2.category .is-padding {
  padding: 25px 30px 5px;
}
@media only screen and (max-width: 720px) {
  .column2.category .is-padding {
    padding: 20px;
  }
}
.column2.category .is-padding .text {
  margin-top: 50px;
}
@media only screen and (max-width: 720px) {
  .column2.category .is-padding .text {
    margin-top: 30px;
  }
}
.column2.category .category-box__Body {
  padding: 38px 30px 4px;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .column2.category .category-box__Body {
    padding: 15px 5px 25px;
  }
  .column2.category .category-box__Body h4 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 720px) {
  .column2.category .btn__category {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 720px) {
  .column2.category .btn__category .btn {
    display: inline-block;
    text-align: center;
  }
}
@media only screen and (max-width: 720px) {
  .column2.category .btn__category .btn span {
    width: auto;
    padding: 10px 15px 8px;
  }
}
.column2.category.effort > .left {
  width: 308px;
}
@media only screen and (max-width: 720px) {
  .column2.category.effort > .left {
    width: 100%;
  }
}
.column2.category.effort > .right {
  width: 652px;
}
@media only screen and (max-width: 720px) {
  .column2.category.effort > .right {
    width: 100%;
  }
}
.column2.category.effort .category__Body {
  padding: 25px 30px 0;
  text-align: left;
}
@media only screen and (max-width: 720px) {
  .column2.category.effort .category__Body {
    padding: 15px 10px;
  }
  .column2.category.effort .category__Body .right {
    float: right;
  }
}

@media only screen and (max-width: 720px) {
  * + .column2.category {
    margin-top: 20px;
  }
}

/*
about ※プランを知る
***************************************************** */
/*
column2.about
----------------------------------------------------- */
.column2.about {
  margin: 60px 0 0;
}
@media only screen and (max-width: 720px) {
  .column2.about {
    margin-top: 20px;
  }
}
.column2.about + .column2.about {
  margin-top: 16px;
}
.column2.about .column2__item {
  width: 308px;
}
@media only screen and (max-width: 720px) {
  .column2.about .column2__item {
    float: none;
    width: auto;
    margin: 20px 0 0;
  }
}
.column2.about .column2__item.w-double {
  width: 636px;
}
@media only screen and (max-width: 720px) {
  .column2.about .column2__item.w-double {
    width: auto;
  }
}
.column2.about .column2__item.pickup {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .column2.about .column2__item.pickup {
    margin: 20px 0 0;
  }
}
.column2.about .column2__item.left {
  float: left;
  margin-right: 0;
}
@media only screen and (max-width: 720px) {
  .column2.about .column2__item.left {
    float: none;
    margin: 20px 0 0;
  }
}
.column2.about .column2__item.right {
  float: right;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 720px) {
  .column2.about .column2__item.right {
    float: none;
    margin: 20px 0 0;
  }
}
.column2.about .about-box {
  position: relative;
}
.column2.about .about-box .contents {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.column2.about .about-box .contents .title {
  margin-top: 30px;
  color: #00549f;
  font-size: 132%;
  line-height: 162%;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .column2.about .about-box .contents .title {
    margin-top: 15px;
    font-size: 122%;
    line-height: 148%;
  }
}
.column2.about .about-box .contents .sub-title {
  margin-top: 25px;
  font-size: 125%;
  line-height: 160%;
  text-align: center;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .column2.about .about-box .contents .sub-title {
    margin-top: 15px;
    font-size: 115%;
    line-height: 144%;
  }
}
.column2.about .about-box .contents .text {
  margin: 20px auto 0;
}
@media only screen and (max-width: 720px) {
  .column2.about .about-box .contents .text {
    width: auto;
    margin: 10px 20px 0;
    font-size: 100%;
    line-height: 150%;
  }
}
.column2.about .about-box .contents .color-white {
  color: #fff;
}
.column2.about .about-box .contents .btn-about {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .column2.about .about-box .contents .btn-about {
    bottom: 20px;
  }
  .column2.about .about-box .contents .btn-about .btn {
    float: none;
    margin: 0 auto;
  }
}
.column2.about .about-box .contents .btn-about span {
  width: 222px;
}
@media only screen and (max-width: 720px) {
  .column2.about .about-box .contents .btn-about span {
    width: auto;
  }
}
.column2.about .about-box .contents .btn-about .w-full span {
  width: 600px;
}
@media only screen and (max-width: 720px) {
  .column2.about .about-box .contents .btn-about .w-full span {
    width: 100%;
  }
}
.column2.about .pickup__box {
  background: #f4f5f5;
}
.column2.about .pickup__box .pickup__text {
  padding: 15px 30px 11px;
  background: url(img/bg_pickup.png) right bottom no-repeat #f4f5f5;
}
@media only screen and (max-width: 720px) {
  .column2.about .pickup__box .pickup__text {
    padding: 14px 15px 10px;
    background: url(img/bg_pickup_sp.png) right bottom no-repeat #f4f5f5;
    background-size: 25px 25px;
  }
}
.column2.about .pickup__box .pickup__text.min-h {
  min-height: 146px;
}
@media only screen and (max-width: 720px) {
  .column2.about .pickup__box .pickup__text.min-h {
    min-height: 1px;
  }
}
.column2.about .pickup__box .pickup__text .text {
  margin-top: 5px;
  text-decoration: none;
}
.column2.about:nth-child(3) .pickup__box .pickup__text {
  padding: 15px 30px 16px;
}
@media only screen and (max-width: 720px) {
  .column2.about:nth-child(3) .pickup__box .pickup__text {
    padding: 14px 15px 10px;
  }
}
.column2.about:nth-child(4) .pickup__box .pickup__text {
  padding: 15px 30px 12px;
}
@media only screen and (max-width: 720px) {
  .column2.about:nth-child(4) .pickup__box .pickup__text {
    padding: 14px 15px 10px;
  }
}

/*
column2.plan-sponser
----------------------------------------------------- */
.column2.plan-sponser {
  margin-top: 65px;
}
@media only screen and (max-width: 720px) {
  .column2.plan-sponser {
    margin-top: 20px;
  }
  .column2.plan-sponser .join-hading + .column2__item {
    position: relative;
    margin-top: 0;
    z-index: 10;
  }
}
.column2.plan-sponser .column2__item {
  width: 480px;
}
@media only screen and (max-width: 720px) {
  .column2.plan-sponser .column2__item {
    position: relative;
    width: 100%;
    z-index: 5;
  }
}
.column2.plan-sponser .column2__item + .column2__item {
  width: 480px;
}
@media only screen and (max-width: 720px) {
  .column2.plan-sponser .column2__item + .column2__item {
    width: 100%;
  }
}
.column2.plan-sponser .column2__item .category-box {
  width: 480px;
}
@media only screen and (max-width: 720px) {
  .column2.plan-sponser .column2__item .category-box {
    width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .column2.plan-sponser .column2__item .category-box p + p {
    margin-top: 10px;
  }
}
.column2.plan-sponser .join-box__Body {
  padding: 30px 15px 0 25px;
}
@media only screen and (max-width: 720px) {
  .column2.plan-sponser .join-box__Body {
    padding: 17px 10px 15px 10px;
  }
}
.column2.plan-sponser .icon {
  min-width: 80px;
}

.join-hading {
  position: relative;
  min-height: 155px;
  padding: 25px 0 20px;
  background: url(img/bg_kifu.png) 0 0 repeat;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .join-hading {
    min-height: 102px;
    padding: 15px 10px 13px;
  }
}
.join-hading .sub-title {
  font-size: 132%;
  line-height: 167%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .join-hading .sub-title {
    font-size: 100%;
    line-height: 188%;
  }
}
.join-hading h3 {
  margin-top: 10px;
  font-size: 225%;
  line-height: 139%;
}
@media only screen and (max-width: 720px) {
  .join-hading h3 {
    font-size: 144%;
    line-height: 161%;
  }
}
.join-hading p {
  margin-top: 0;
}
.join-hading:after {
  content: '';
  position: absolute;
  bottom: -34px;
  left: 0;
  right: 0;
  display: block;
  width: 100px;
  height: 34px;
  margin: 0 auto;
  background: url(img/bg_blue_arrow.png) 0 0 no-repeat;
}
@media only screen and (max-width: 720px) {
  .join-hading:after {
    bottom: -17px;
    width: 50px;
    height: 17px;
    background-size: 50px 17px;
    z-index: 30;
  }
}

/*
kifu-wrap
----------------------------------------------------- */
.kifu-wrap {
  margin-top: 20px;
}

.kifu-wrap .column2.category .category-box__Body {
  padding-top: 25px;
}
@media only screen and (max-width: 720px) {
  .kifu-wrap .column2.category .category-box__Body {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .kifu-wrap .column2.category .link-list {
    margin-top: 10px;
  }
}
.kifu-wrap .column2.category .category-box__Body p,
.kifu-wrap .column2.category .category-box__Body ul {
  text-align: left;
}
.kifu-wrap + .kifu-wrap {
  margin-top: 60px;
}
@media only screen and (max-width: 720px) {
  .kifu-wrap + .kifu-wrap {
    margin-top: 20px;
  }
}
.kifu-wrap .btn-kifu {
  padding: 20px 0 12px;
  background: url(img/bg_kifu.png) 0 0;
}

#GirlsProject.kifu-wrap .btn-kifu {
  background: url(img/bg_kifu_girls.png) 0 0;
}

.btn-kifu {
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .btn-kifu .btn {
    margin: 0 auto;
  }
}
.btn-kifu .link-list {
  letter-spacing: -.35em;
  margin-top: 10px;
}
.btn-kifu .link-list li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}

/*
first ※初めての方へ
***************************************************** */
/*
column3-voice
----------------------------------------------------- */
.column3-voice {
  margin-top: 20px;
  margin-right: -18px;
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .column3-voice {
    margin: 10px 0 0;
  }
}
.column3-voice .column__item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 308px;
  margin-right: 18px;
  vertical-align: top;
}
@media only screen and (max-width: 720px) {
  .column3-voice .column__item {
    width: auto;
    margin: 0;
  }
  .column3-voice .column__item + .column__item {
    margin-top: 20px;
  }
}
.column3-voice .text {
  position: relative;
  padding: 20px 15px;
  border-top: 1px solid #dad8d6;
  border-bottom: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .column3-voice .text {
    padding: 18px 20px;
  }
}
.column3-voice .text:before, .column3-voice .text:after {
  position: absolute;
  left: 50%;
  top: 100%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  border-width: 11px;
}
@media only screen and (max-width: 720px) {
  .column3-voice .text:before, .column3-voice .text:after {
    border-width: 8px;
  }
}
.column3-voice .text:before {
  border-top-color: #dad8d6;
  margin-left: -11px;
}
@media only screen and (max-width: 720px) {
  .column3-voice .text:before {
    border-width: -8px;
  }
}
.column3-voice .text:after {
  border-top-color: #fff;
  margin: -1px 0 0 -11px;
}
@media only screen and (max-width: 720px) {
  .column3-voice .text:after {
    border-width: -1px 0 0 -8px;
  }
}
.column3-voice .img {
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .column3-voice .img {
    margin-top: 18px;
  }
  .column3-voice .img img {
    width: 100%;
  }
}

/*
column
***************************************************** */
.column {
  display: table;
  width: 100%;
  margin-top: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.column.is-margin {
  padding: 30px;
  background: #f0efef;
}
@media only screen and (max-width: 720px) {
  .column.is-margin {
    padding: 15px;
  }
}
@media only screen and (max-width: 720px) {
  .column {
    width: 100%;
    margin-top: 20px;
  }
}
.column .column-cell {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 720px) {
  .column .column-cell {
    display: block;
    width: auto;
  }
  .column .column-cell img {
    width: 100%;
  }
  .column .column-cell.cell-img + .cell-text {
    margin-top: 0;
  }
  .column .column-cell + .cell-img {
    display: table-header-group;
  }
  .column .column-cell.img-bottom {
    padding-top: 15px;
  }
  .column .column-cell.img-bottom + .column-cell {
    display: table-header-group;
  }
  .column .column-cell.sp-img-auto {
    margin-bottom: 15px;
  }
  .column .cell-img [class^="caption photo w"] {
    width: auto;
  }
  .set-center p.caption.photo{ text-align: left;}
}
.column .column-cell + .column-cell {
  padding-left: 24px;
}
@media only screen and (max-width: 720px) {
  .column .column-cell + .column-cell {
    margin-top: 20px;
    padding: 0;
  }
}
@media only screen and (max-width: 720px) {
  .column .column-cell.cell-text {
    padding: 15px 0 0 0;
  }
}
.column .column-cell.cell-wrap {
  padding: 20px 16px 0;
  padding: 20px 10px 0\9;
}
@media only screen and (max-width: 720px) {
  .column .column-cell.cell-wrap {
    margin-top: 0;
    padding: 15px 10px;
  }
}
.column .column-cell.cell-wrap + .cell-img {
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .column .column-cell.bg-glay-text {
    margin: 0;
    padding: 0;
  }
}
.column .column-cell.bg-glay-text .text__body {
  padding: 20px 30px;
  background: #f0efef;
}
@media only screen and (max-width: 720px) {
  .column .column-cell.bg-glay-text .text__body {
    padding: 10px 15px;
  }
}
.column .link-box {
  display: table;
  text-decoration: none;
  width: 100%;
}
.column .link-box:hover .cell-img {
  opacity: 0.7;
}
.column .link-box .date + .text {
  margin-top: 5px;
}
.column .is-link-icon {
  background: url(img/bg_pickup.png) right bottom no-repeat;
}
@media only screen and (max-width: 720px) {
  .column .is-link-icon {
    background: url(img/bg_pickup_sp.png) right bottom no-repeat;
    background-size: 25px 25px;
  }
}
.column .is-link-icon-pink {
  background: url(img/bg_pickup_pink.png) right bottom no-repeat;
}
@media only screen and (max-width: 720px) {
  .column .is-link-icon-pink {
    background: url(img/bg_pickup_sp_pink.png) right bottom no-repeat;
    background-size: 25px 25px;
  }
}
@media only screen and (max-width: 720px) {
  .column .is-link-icon .cell-text.cell-wrap,
  .column .is-link-icon-pink .cell-text.cell-wrap {
    padding: 14px 25px 10px 15px;
  }
}
.column.is-link .link-box .text {
  text-decoration: underline;
}

/* add 180515 */
.link-box2 a {
  text-decoration: none;
    content: " ";
  display: block;
  clear: both;
}

.link-box2 a:visited {
  color: #333;
}

.link-box2 a:hover p,
.link-box2 a:hover span:not(.icon__new) {
  color: #00549f;
}

.link-box2 a:active {
  color: #00549f;
  text-decoration: none;
}
.link-box2 a:hover img {
  opacity: 0.7;
}

.link-box2 .link {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  padding: 0 0 0 13px;
  text-decoration: underline;
}

.link-box2 .link:before {
  content: "\e902";
  position: absolute;
  display: inline-block;
  top: 9px;
  left: 0;
  font-size: 63%;
  line-height: 240%;
  text-decoration: none;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 720px) {
  .link-box2 .link a:before {
    top: 6px;
  }
}

/* /add 180515 */

h3 + .column {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  h3 + .column {
    margin-top: 20px;
  }
}

.column.kifu {
  display: table;
}
@media only screen and (max-width: 720px) {
  .column.kifu {
    display: block;
    margin-top: 0;
  }
}
.column.kifu + .column.kifu {
  margin-top: 60px;
}
@media only screen and (max-width: 720px) {
  .column.kifu + .column.kifu {
    margin-top: 30px;
  }
}
.column.kifu .column-cell {
  width: 480px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .column.kifu .column-cell {
    width: auto;
    padding: 0;
  }
}
.column.kifu .column-cell .link-list {
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .column.kifu .column-cell .link-list {
    margin-top: 10px;
  }
}
.column.kifu .column-cell .link-list li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
.column.kifu .column-cell ul {
  vertical-align: bottom;
}
.column.kifu .column-cell + .column-cell {
  padding-left: 30px;
  border-left: 1px solid #dad8d6;
}

.column3.kifu .column__item {
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.column3.kifu .column__item + .column__item {
  padding-left: 20px;
  border-left: 1px solid #dad8d6;
}


@media only screen and (max-width: 720px) {
  .column.kifu .column-cell + .column-cell {
    padding: 0;
    border: none;
  }
  
  .column3.kifu .column__item + .column__item {
    padding: 0;
    border: none;
  }
}
.column.kifu .column-cell + .column-cell .link-list {
  right: 0;
}

.company__item {
  width: 800px;
  margin: 20px auto 0;
}
@media only screen and (max-width: 720px) {
  .company__item {
    width: auto;
  }
}
@media only screen and (max-width: 720px) {
  .company__item .column {
    width: auto;
  }
  .company__item .column .cell-img {
    padding-top: 10px;
    text-align: center;
  }
  .company__item .column .cell-img .caption {
    text-align: center;
  }
  .company__item .column .cell-img img {
    width: auto;
  }
  .company__item .column .cell-text {
    padding-top: 0;
    text-align: left;
  }
}

.event-column .column {
  margin-top: 10px;
}
.event-column .column + .column {
  margin-top: 20px;
}
.event-column .cell-img {
  width: 308px;
}
@media only screen and (max-width: 720px) {
  .event-column .cell-img {
    width: 100%;
  }
}
.event-column .cell-text .text {
  margin-top: 0;
  color: #333;
}
.event-column .cell-text.cell-wrap {
  padding: 20px 30px 10px;
}
@media only screen and (max-width: 720px) {
  .event-column .cell-text.cell-wrap {
    padding: 15px 10px;
  }
}

/*
text-sneak
***************************************************** */
.text-sneak {
  margin-top: 30px;
}
.text-sneak .left-img {
  float: left;
  margin-right: 24px;
}
@media only screen and (max-width: 720px) {
  .text-sneak .left-img {
    float: none;
    margin: 20px 0 0 0;
    text-align: center;
  }
}
.text-sneak .right-img {
  float: right;
  margin-left: 24px;
}
@media only screen and (max-width: 720px) {
  .text-sneak .right-img {
    float: none;
    margin: 20px 0 0 0;
    text-align: center;
  }
}
.text-sneak .caption {
  margin-bottom: 10px;
}
@media only screen and (max-width: 720px) {
  .text-sneak .caption {
    width: auto;
    text-align: left;
  }
}

/*
column2
***************************************************** */
.column2 {
  margin: 40px -24px 0 0;
}
@media only screen and (max-width: 720px) {
  .column2 {
    margin: 20px 0 0 0;
  }
}
.column2 .column {
  margin-top: 0;
}
.column2 .column2__item,
.column2 .column__item {
  float: left;
  width: 48%;/*468px;*/
  margin-right: 2%;/*24px;*/
  margin-top: 24px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .column2 .column2__item,
  .column2 .column__item {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .column2 .column2__item img,
  .column2 .column__item img {
    width: 100%;
  }
}
.column2 .column2__item:nth-child(-n+2),
.column2 .column__item:nth-child(-n+2) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .column2 .column2__item + .grid__item, .column2 .column2__item:nth-child(2),
  .column2 .column__item + .grid__item,
  .column2 .column__item:nth-child(2) {
    margin-top: 20px;
  }
  .column2 .column2__item:nth-child(1),
  .column2 .column__item:nth-child(1) {
    margin-top: 0;
  }
}

.column2.addSupport {
  margin: 20px -20px 0 0;
}
@media only screen and (max-width: 720px) {
  .column2.addSupport {
    margin: 20px 0 0 0;
  }
}
.column2.addSupport .column2__item {
  width: 470px;
  margin-right: 20px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 720px) {
  .column2.addSupport .column2__item {
    width: auto;
    margin-right: 0;
  }
}
.column2.addSupport .cell-img {
  width: 222px;
}
@media only screen and (max-width: 720px) {
  .column2.addSupport .cell-img {
    width: auto;
  }
}
.column2.addSupport .cell-img p {
  width: 222px;
  height: 148px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .column2.addSupport .cell-img p {
    width: auto;
    height: auto;
  }
}
.column2.addSupport .cell-img p img {
  width: 100%;
  height: auto;
}
.column2.addSupport .column .column-cell + .column-cell {
  width: auto;
  padding-left: 18px;
}
@media only screen and (max-width: 720px) {
  .column2.addSupport .column .column-cell + .column-cell {
    padding-left: 0;
  }
}
@media only screen and (max-width: 720px) {
  .column2.addSupport .btn {
    width: 100%;
  }
}
.column2.addSupport .btn span {
  width: 470px;
}
@media only screen and (max-width: 720px) {
  .column2.addSupport .btn span {
    display: block;
    width: 100%;
  }
}

.contents__Body__left .column2 {
  margin-right: -26px;
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column2 {
    margin-top: 20px;
    margin-right: 0;
  }
}
.contents__Body__left .column2 .column2__item,
.contents__Body__left .column2 .column__item {
  width: 344px;
  margin-top: 26px;
  margin-right: 26px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column2 .column2__item,
  .contents__Body__left .column2 .column__item {
    width: auto;
    margin-right: 0;
  }
}
.contents__Body__left .column2 .column2__item:nth-child(-n+2),
.contents__Body__left .column2 .column__item:nth-child(-n+2) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column2 .column2__item + .grid__item, .contents__Body__left .column2 .column2__item:nth-child(2),
  .contents__Body__left .column2 .column__item + .grid__item,
  .contents__Body__left .column2 .column__item:nth-child(2) {
    margin-top: 20px;
  }
  .contents__Body__left .column2 .column2__item:nth-child(1),
  .contents__Body__left .column2 .column__item:nth-child(1) {
    margin-top: 0;
  }
}
.contents__Body__left .column2.is-inner {
  margin-right: 0;
}
.contents__Body__left .column2.is-inner .column2__item {
  width: 48%;
  margin-right: 4%;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column2.is-inner .column2__item {
    width: 100%;
    margin-right: 0;
  }
}
.contents__Body__left .column2.is-inner .column2__item + .column2__item {
  margin-top: 0;
  margin-right: 0;
}

.column2.plan8 {
  margin: 10px -26px 0 0;
}
@media only screen and (max-width: 720px) {
  .column2.plan8 {
    margin-top: 10px;
    margin-right: 0;
  }
}
.column2.plan8 .column2__item {
  width: 344px;
  height: 228px;
  margin-top: 26px;
  margin-right: 26px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .column2.plan8 .column2__item {
    float: left;
    width: 47%;
    height: auto;
    margin-top: 6%;
    margin-right: 0;
    padding-right: 3%;
  }
  .column2.plan8 .column2__item:nth-child(even) {
    margin-right: 0;
    padding-right: 0;
    padding-left: 3%;
  }
}
.column2.plan8 .column2__item:nth-child(1), .column2.plan8 .column2__item:nth-child(2) {
  margin-top: 0;
}
.column2.plan8 .plan-box {
  position: relative;
  display: block;
}
.column2.plan8 .plan-box .contents {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 35px;
  padding: 15px 0 10px;
  background: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 720px) {
  .column2.plan8 .plan-box .contents {
    display: table;
    height: auto;
    padding: 0;
  }
}
.column2.plan8 .plan-box .contents h4 {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .column2.plan8 .plan-box .contents h4 {
    display: table-cell;
    height: 58px;
    padding: 0 23px 0 10px;
    font-size: 115%;
    line-height: 125%;
    text-align: left;
    vertical-align: middle;
  }
}
.column2.plan8 .plan-box .contents h4:after {
  position: absolute;
  top: 9px;
  right: 11px;
  font-size: 77%;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  .column2.plan8 .plan-box .contents h4:after {
    top: 24px;
  }
}
.column2.plan8 .plan-box .is-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
}
@media only screen and (max-width: 720px) {
  .column2.plan8 .plan-box .is-hover {
    display: none !important;
  }
}
.column2.plan8 .plan-box .is-hover .contents {
  width: auto;
  height: 100%;
  padding: 0 25px;
  color: #333;
  background: rgba(255, 255, 255, 0.8);
  font-size: 88%;
  line-height: 165%;
}
.column2.plan8 .plan-box .is-hover .title {
  margin-top: 25px;
  color: #00549f;
  font-size: 150%;
  line-height: 162%;
  font-weight: bold;
  text-align: center;
}
.column2.plan8 .plan-box .is-hover .title + p {
  margin-top: 0;
}
.column2.plan8 .plan-box .is-hover ul {
  position: absolute;
  top: 128px;
  left: 25px;
  margin-top: 0;
}
.column2.plan8 .plan-box .is-hover ul li + li {
  margin-top: 0;
}

.info-wrap {
  margin: 30px 0 0 0;
  padding: 25px 30px 25px;
  background: #f8f7f7;
}
@media only screen and (max-width: 720px) {
  .info-wrap {
    margin-top: 30px;
    padding: 13px 15px 10px;
  }
}

.column2.info {
  margin: 20px 0 0 0;
}
@media only screen and (max-width: 720px) {
  .column2.info {
    margin-top: 10px;
  }
}
.column2.info .column2__item {
  width: 162px;
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .column2.info .column2__item {
    width: auto;
    text-align: center;
  }
}
.column2.info .column2__item + .column2__item {
  width: 460px;
  margin: 0;
  margin-left: 30px;
}
@media only screen and (max-width: 720px) {
  .column2.info .column2__item + .column2__item {
    width: auto;
    margin: 20px 0 0;
    text-align: left;
  }
}
.column2.info .info-list {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .column2.info .info-list {
    margin-top: 20px;
  }
}

/*
column3
***************************************************** */
.column3 {
  margin: 30px 0 0 0;
}
@media only screen and (max-width: 720px) {
  .column3 {
    margin-top: 20px;
    margin-right: 0;
  }
}
.column3 .column__item {
  float: left;
  /* width: 304px; 20180720 */
  width: calc((100% - 48px) / 3);
  margin-top: 24px;
  margin-left: 24px;
}
.column3 .column__item:nth-child(3n+1) {
  margin-left: 0;
}
.column3 .column__item:nth-child(-n+3) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .column3 .column__item:nth-child(-n+3) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 720px) {
  .column3 .column__item {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
  .column3 .column__item:nth-child(1) {
    margin-top: 0;
  }
  .column3 .column__item img {
    width: 100%;
    height: auto;
  }
}

/*
column4
***************************************************** */
.column4 {
  margin: 30px 0 0 0;
}
@media only screen and (max-width: 720px) {
  .column4 {
    margin-top: 20px;
    margin-right: 0;
  }
}
.column4 .column__item {
  float: left;
  width: 225px;
  margin-top: 20px;
  margin-left: 20px;
}
@media only screen and (max-width: 720px) {
  .column4 .column__item {
    float: none;
  }
}
.column4 .column__item:nth-child(4n+1) {
  margin-left: 0;
}
.column4 .column__item:nth-child(-n+4) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .column4 .column__item:nth-child(-n+4) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 720px) {
  .column4 .column__item {
    width: auto;
    margin-top: 20px;
    margin-left: 0;
  }
  .column4 .column__item:nth-child(1) {
    margin-top: 0;
  }
  .column4 .column__item img {
    width: 100%;
    height: auto;
  }
}

.contents__Body__left .column__item {
  float: left;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column__item {
    float: none;
  }
}
.contents__Body__left .column3 .column__item {
  width: 222px;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column3 .column__item {
    width: auto;
  }
}
.contents__Body__left .column4 {
  margin: 30px 0 0 0;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column4 {
    margin-top: 20px;
    margin-right: 0;
  }
}
.contents__Body__left .column4 .column__item {
  width: 162px;
  margin-top: 22px;
  margin-left: 22px;
}
.contents__Body__left .column4 .column__item:nth-child(4n+1) {
  margin-left: 0;
}
.contents__Body__left .column4 .column__item:nth-child(-n+4) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column4 .column__item:nth-child(-n+4) {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column4 .column__item {
    width: auto;
    margin-top: 20px;
    margin-left: 0;
  }
  .contents__Body__left .column4 .column__item:nth-child(1) {
    margin-top: 0;
  }
  .contents__Body__left .column4 .column__item img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column4.is-inner {
    letter-spacing: -.35em;
  }
}
.contents__Body__left .column4.is-inner .column__item {
  width: 22%;
  margin-left: 4%;
}
.contents__Body__left .column4.is-inner .column__item:nth-child(4n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 720px) {
  .contents__Body__left .column4.is-inner .column__item {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    vertical-align: top;
    width: 47%;
    margin-left: 5%;
  }
  .contents__Body__left .column4.is-inner .column__item:nth-child(odd) {
    margin-left: 0;
  }
  .contents__Body__left .column4.is-inner .column__item:nth-child(1), .contents__Body__left .column4.is-inner .column__item:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 720px) {
  .planNews.column4 {
    letter-spacing: -.35em;
  }
  .planNews.column4 .column__item {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 46%;
    margin-top: 7%;
    margin-left: 7%;
  }
  .planNews.column4 .column__item:nth-child(odd) {
    margin-left: 0;
  }
  .planNews.column4 .column__item:nth-child(1),
  .planNews.column4 .column__item:nth-child(2) {
    margin-top: 0;
  }
}

.text-img .text-img__body {
  border-top: 1px solid #dad8d6;
  margin-top: 25px;
  padding-top: 25px;
}
@media only screen and (max-width: 720px) {
  .text-img .text-img__body {
    padding-top: 15px;
  }
}
.text-img h5 {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .text-img .posi-icon {
    margin-top: 0;
  }
}
.text-img .column2 {
  margin-top: 15px;
}
@media only screen and (max-width: 720px) {
  .text-img .column2 {
    margin-top: 0;
  }
}
.text-img .column2__item {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .text-img .column2__item {
    margin-right: 0;
  }
  .text-img .column2__item + .column2__item {
    margin-top: 5px;
    margin-right: 0;
  }
}
.text-img .posi-icon {
  margin-top: -5px;
}
.text-img .posi-icon + p {
  margin-top: 15px;
}
@media only screen and (max-width: 720px) {
  .text-img .posi-icon + p {
    margin-top: 5px;
  }
}
.text-img .posi-icon .icon {
  min-width: 1px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 6px;
}
.text-img .s-heading {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .text-img .s-heading {
    margin-top: 10px;
  }
}
.text-img .s-heading + ul {
  margin-top: 0;
}

/*
column-table
***************************************************** */
.column-table {
  margin-top: 60px;
  display: table;
  width: 100%;
}
@media only screen and (max-width: 720px) {
  .column-table {
    display: block;
    margin-top: 20px;
  }
}
.column-table .column-cell {
  display: table-cell;
}
@media only screen and (max-width: 720px) {
  .column-table .column-cell {
    display: block;
    width: auto;
  }
}
.column-table .column-cell + .column-cell {
  padding-left: 32px;
  vertical-align: bottom;
}
@media only screen and (max-width: 720px) {
  .column-table .column-cell + .column-cell {
    margin-top: 20px;
    padding-left: 0;
  }
}

.back-num {
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .back-num {
    margin-top: 10px;
  }
}
.back-num .title {
  margin-bottom: 10px;
  font-size: 88%;
  line-height: 215%;
  border-bottom: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .back-num .title {
    font-size: 115%;
    line-height: 200%;
  }
}
.back-num .link-list {
  margin-top: 0;
}
.back-num .link-list li:before {
  top: 11px;
}
.back-num .link-list li + li {
  margin-top: 0;
}
.back-num .link-list a {
  font-size: 88%;
  line-height: 215%;
}
@media only screen and (max-width: 720px) {
  .back-num .link-list a {
    font-size: 100%;
    line-height: 179%;
  }
}

.contents__Body__left h3 + .column,
.contents__Body__left h4 + .column,
.contents__Body__left h5 + .column {
  margin-top: 10px;
}
.contents__Body__left h3 + .text-sneak,
.contents__Body__left h4 + .text-sneak,
.contents__Body__left h5 + .text-sneak {
  margin-top: 10px;
}
.contents__Body__left h3 + .column2,
.contents__Body__left h4 + .column2,
.contents__Body__left h5 + .column2 {
  margin-top: 10px;
}

/*
btn-column
***************************************************** */
.btn-column {
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .btn-column {
    display: table;
    width: 100%;
  }
  .btn-column .btn {
    width: 100%;
  }
  .btn-column .btn span {
    width: 100%;
    min-width: 1px;
  }
}
.btn-column + .btn-column {
  margin-top: 36px;
}
.btn-column div {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .btn-column div {
    display: table-cell;
  }
}
.btn-column .btn-left {
  padding-right: 15px;
}
@media only screen and (max-width: 720px) {
  .btn-column .btn-left {
    padding-right: 2%;
  }
}
.btn-column .btn-right {
  padding-left: 15px;
}
@media only screen and (max-width: 720px) {
  .btn-column .btn-right {
    padding-left: 2%;
  }
}
@media only screen and (max-width: 720px) {
  .btn-column.sp-block .btn {
    width: 100%;
  }
  .btn-column.sp-block .btn span {
    width: 100%;
    min-width: 1px;
  }
  .btn-column.sp-block div {
    display: block;
    width: 100%;
    padding: 0;
  }
  .btn-column.sp-block div p {
    text-align: left;
  }
  .btn-column.sp-block div + div {
    margin-top: 15px;
  }
}

/*
header
***************************************************** */
.header__body__top {
  background: #00549f;
}
@media only screen and (max-width: 720px) {
  .header__body__top {
    display: none;
  }
}
.header__body__top .h-linkList {
  display: table;
  width: 960px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (max-width: 720px) {
  .header__body__top .h-linkList {
    width: auto;
  }
}
.header__body__top .h-linkList__item {
  display: table-cell;
  height: 36px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.header__body__top .h-linkList__item + .h-linkList__item {
  padding-left: 30px;
}
.header__body__top .h-linkList__item a {
  color: #fff;
  font-size: 82%;
  line-height: 208%;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .header__body__top .h-linkList__item a {
    font-size: 93%;
    line-height: 185%;
  }
}
.header__body__top .h-linkList__item a:hover {
  color: #fff;
  text-decoration: underline;
}
.header__body__top .h-linkList__item:before {
  color: #fff;
  margin-left: -2px;
  margin-right: 2px;
  font-size: 63%;
  line-height: 240%;
}
@media only screen and (max-width: 720px) {
  .header__body__top .h-linkList__item:before {
    font-size: 72%;
    line-height: 210%;
  }
}

.header__body__middle {
  width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .header__body__middle {
    width: auto;
  }
}
.header__body__middle .header__body__left {
  float: left;
  width: 194px;
  margin: 21px 0 21px 21px;
}
@media only screen and (max-width: 720px) {
  .header__body__middle .header__body__left {
    width: 120px;
    margin: 7px 0 10px 16px;
  }
  .header__body__middle .header__body__left .logo {
    width: 100px;
    height: auto;
  }
  .header__body__middle .header__body__left .logo img {
    width: auto;
    height: auto;
  }
}
.header__body__middle .header__body__right {
  margin-left: 246px;
}
@media only screen and (max-width: 720px) {
  .header__body__middle .header__body__right {
    float: right;
    margin: 0 16px 0 0;
  }
}

.header__body__middle.en {
  position: relative;
}
.header__body__middle.en .h-linkList {
  position: absolute;
  top: 30px;
  right: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 720px) {
  .header__body__middle.en .h-linkList {
    position: relative;
    top: 0;
    float: right;
    margin: 10px 16px 0 0;
  }
}
.header__body__middle.en .h-linkList__item a {
  font-size: 82%;
  line-height: 208%;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .header__body__middle.en .h-linkList__item a {
    font-size: 93%;
    line-height: 185%;
  }
}
.header__body__middle.en .h-linkList__item a:hover {
  text-decoration: underline;
}
.header__body__middle.en .h-linkList__item:before {
  margin-left: -2px;
  margin-right: 2px;
  font-size: 63%;
  line-height: 240%;
}
@media only screen and (max-width: 720px) {
  .header__body__middle.en .h-linkList__item:before {
    font-size: 72%;
    line-height: 210%;
  }
}
.header__body__middle.en h1 {
  margin-top: 50px;
}
@media only screen and (max-width: 720px) {
  .header__body__middle.en h1 {
    margin-top: 3px;
  }
}
.header__body__middle.en h1 span {
  height: 30px;
}
@media only screen and (max-width: 720px) {
  .header__body__middle.en h1 span {
    height: auto;
  }
}

.headerUtility__item .h-link,
.headerUtility__item .search,
.headerUtility__item .head__btn {
  float: left;
}
.headerUtility__item .h-link {
  margin: 11px 0 0;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 720px) {
  .headerUtility__item .h-link {
    display: none;
  }
}
.headerUtility__item .h-link li {
  float: left;
}
.headerUtility__item .h-link li + li {
  margin-top: 0;
  margin-left: 20px;
}
.headerUtility__item .h-link li a {
  color: #333;
  font-size: 88%;
  line-height: 200%;
  font-weight: bold;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .headerUtility__item .h-link li a {
    font-size: 100%;
    line-height: 179%;
  }
}
.headerUtility__item .h-link li a:hover {
  color: #333;
  text-decoration: underline;
}
.headerUtility__item .h-link li:before {
  margin-left: -2px;
  margin-right: 2px;
  font-size: 63%;
  line-height: 240%;
}
@media only screen and (max-width: 720px) {
  .headerUtility__item .h-link li:before {
    font-size: 72%;
    line-height: 210%;
  }
}
.headerUtility__item .search {
  position: relative;
  width: 290px;
  height: 48px;
  margin-left: 20px;
}
@media only screen and (max-width: 720px) {
  .headerUtility__item .search {
    display: none;
  }
}
.headerUtility__item .search .gsearchbox {
  width: 290px;
  height: 48px;
  padding: 0 51px 0 10px;
  line-height: 100%;
  border: 2px solid #b3b3b3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* add 201901 */
.headerUtility__item input::-webkit-input-placeholder{ color:#777;font-size: 0.875rem; }
.headerUtility__item input::-moz-placeholder { color:#777;font-size: 0.875rem; }
.headerUtility__item input:-ms-input-placeholder{ color:#777;font-size: 0.875rem; }
.headerUtility__item input::-ms-input-placeholder{ color:#777;font-size: 0.875rem;transform: scale(0.85)translateX(-1.5rem); }
.headerUtility__item input:-moz-placeholder { color:#777;font-size: 0.875rem; }

.headerUtility__item input:focus::-webkit-input-placeholder { color:transparent; }
.headerUtility__item input:focus::-moz-placeholder { color:transparent; }
.headerUtility__item input:focus:-ms-input-placeholder { color:transparent; }
.headerUtility__item input:focus::-ms-input-placeholder { color:transparent; }
.headerUtility__item input:focus:-moz-placeholder { color:transparent; }

.headerUtility__item .search .search_btn {
  position: absolute;
  top: 2px;
  right: 2px;
  display: block;
  width: 46px;
  height: 44px;
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}
.headerUtility__item .head__btn {
  margin-top: 1px;
  margin-left: 14px;
}
@media only screen and (max-width: 720px) {
  .headerUtility__item .head__btn {
    margin: 13px 0 0 0;
  }
  .headerUtility__item .head__btn .btn {
    height: 34px;
  }
}
.headerUtility__item .head__btn a {
  color: #333;
}
.headerUtility__item .head__btn a span {
  font-size: 100%;
  line-height: 188%;
}
@media only screen and (max-width: 720px) {
  .headerUtility__item .head__btn a span {
    width: auto;
    height: 32px;
    padding: 3px 10px;
  }
}
@media only screen and (max-width: 720px) and (max-width: 720px) {
  .headerUtility__item .head__btn a span {
    font-size: 100%;
    line-height: 180%;
  }
}

.headerUtility__item .head__btn .btn span:hover:before{content: unset;}

.headerUtility__item .head__btn .btn span:hover {
  color: #fff;
  background: #00549f;
}


.headerUtility__item .head__btn .btn span.icn-btn_sp:before {
  content: "\e905";
  color:#f0892f;
  font-size: 25px;
  margin-right: 5px;
  vertical-align: -0.3rem;
}

.headerUtility__item .head__btn .btn span.icn-btn_sp:hover:before {
  content: "\e905";
  color:#fff;
  position: relative;
  background: transparent;
  padding-right: 0px;
}


@media only screen and (max-width: 720px) {
  .headerUtility__item .head__btn .btn span.icn-btn_sp:before {
    content: "\e905";
    font-size: 18px;
    margin-right: 5px;
  }
  
  .headerUtility__item .head__btn .btn span.icn-btn_sp:active:before {
    display:inline !important;
  }
  
}
/*
navGlobal
***************************************************** */
.navGlobal__body {
  position: relative;
  background: #00549f;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body {
    position: static;
  }
}
.navGlobal__body .listGnav {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav {
    float: left;
    width: auto;
  }
}
.navGlobal__body .listGnav .listGnav__item + .listGnav__item {
  margin-top: 0;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(1) {
  width: 149px;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav > .listGnav__item:nth-child(1) {
    display: none;
  }
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(1) .listGnav__item__body > a {
  width: 149px;
  background: #00549f;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(1) .listGnav__item__body > a:hover, .navGlobal__body .listGnav > .listGnav__item:nth-child(1) .listGnav__item__body > a.is-hover, .navGlobal__body .listGnav > .listGnav__item:nth-child(1) .listGnav__item__body > a.is-active {
  color: #53cae9;
  background: #2e4d5d;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(2) {
  width: 132px;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav > .listGnav__item:nth-child(2) {
    display: none;
  }
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(2) .listGnav__item__body > a {
  width: 132px;
  background: #00549f;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(2) .listGnav__item__body > a:hover, .navGlobal__body .listGnav > .listGnav__item:nth-child(2) .listGnav__item__body > a.is-hover, .navGlobal__body .listGnav > .listGnav__item:nth-child(2) .listGnav__item__body > a.is-active {
  color: #53cae9;
  background: #2e4d5d;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(3) {
  width: 192px;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav > .listGnav__item:nth-child(3) {
    display: none;
  }
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(3) .listGnav__item__body > a {
  width: 192px;
  background: #00549f;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(3) .listGnav__item__body > a:hover, .navGlobal__body .listGnav > .listGnav__item:nth-child(3) .listGnav__item__body > a.is-hover, .navGlobal__body .listGnav > .listGnav__item:nth-child(3) .listGnav__item__body > a.is-active {
  color: #53cae9;
  background: #2e4d5d;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(4) {
  width: 218px;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav > .listGnav__item:nth-child(4) {
    display: none;
  }
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(4) .listGnav__item__body > a {
  width: 218px;
  background: #e4007f;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(5) {
  width: 103px;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav > .listGnav__item:nth-child(5) {
    width: 95px;
  }
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(5) .listGnav__item__body > a {
  width: 103px;
  background: #67c5d7;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav > .listGnav__item:nth-child(5) .listGnav__item__body > a {
    width: 95px;
  }
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(5) .listGnav__item__body > a:hover {
  background: #4a8f9a;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(6) {
  width: 166px;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav > .listGnav__item:nth-child(6) {
    width: 95px;
  }
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(6) .listGnav__item__body > a {
  width: 166px;
  color: #000000;
  background: #f6d230;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav > .listGnav__item:nth-child(6) .listGnav__item__body > a {
    width: 95px;
  }
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(6) .listGnav__item__body > a:hover {
  background: #ecbc3f;
}
.navGlobal__body .listGnav > .listGnav__item:nth-child(5) a:after, .navGlobal__body .listGnav > .listGnav__item:nth-child(6) a:after {
  display: none;
}
.navGlobal__body .listGnav__item {
  display: table;
  float: left;
}
.navGlobal__body .listGnav__item .listGnav__item__link {
  display: table-cell;
  height: 54px;
  padding-top: 2px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav__item .listGnav__item__link {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 108%;
    line-height: 174%;
  }
}
.navGlobal__body .listGnav__item .listGnav__item__link:after {
  margin-left: 7px;
  font-size: 75%;
  line-height: 217%;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav__item .listGnav__item__link:after {
    font-size: 86%;
    line-height: 192%;
  }
}
.navGlobal__body .listGnav__item__body .sub-navi {
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  background: #2e4d5d;
  z-index: 1000;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__list {
  display: table;
  width: 960px;
  margin: 0 auto;
  padding: 20px 0 17px;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item {
  display: table-cell;
  width: 260px;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item + .sub-navi__item {
  padding-left: 90px;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item ul {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #3f5c6a;
  list-style: none;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item ul ul {
  margin-top: 4px;
  border-bottom: none;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item li {
  padding-top: 6px;
  padding-left: 15px;
  padding-bottom: 1px;
  border-top: 1px solid #3f5c6a;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item li + li {
  margin-top: 4px;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item li a {
  color: #fff;
  font-size: 82%;
  line-height: 208%;
  font-weight: normal;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item li a {
    font-size: 93%;
    line-height: 185%;
  }
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item li a:hover {
  color: #53cae9;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item li a:before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 3px;
  font-size: 63%;
  line-height: 240%;
  font-weight: normal;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item li a:before {
    font-size: 72%;
    line-height: 210%;
  }
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item > ul > li {
  padding-left: 0;
}
.navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item > ul > li > a {
  font-size: 100%;
  line-height: 188%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav__item__body .sub-navi .sub-navi__item > ul > li > a {
    font-size: 115%;
    line-height: 169%;
  }
}
.navGlobal__body .listGnav__item__body .sub-navi .heading {
  margin-bottom: 8px;
  color: #fff;
  font-size: 82%;
  line-height: 100%;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .listGnav__item__body .sub-navi .heading {
    font-size: 93%;
    line-height: 100%;
  }
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi {
  background: #e4007f;
}

/* 2017story add */
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list ul{
	border-bottom: 1px solid #ed329a;
}

.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li {
	border-top: 1px solid #ed329a;
}

/*
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list {
  padding: 0;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list ul {
  margin: 0;
  list-style: none;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li {
  display: table;
  float: left;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li + li {
  margin-top: 0;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li a {
  display: table-cell;
  width: 100%;
  height: 56px;
  padding: 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li a:hover {
  color: #fcf1c0;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li:nth-child(1) {
  width: 260px;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li:nth-child(2) {
  width: 170px;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li:nth-child(3) {
  width: 220px;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li:nth-child(4) {
  width: 140px;
}
.navGlobal__body .listGnav__item:nth-child(4) .listGnav__item__body .sub-navi__list li:nth-child(5) {
  width: 170px;
}

*/
.navGlobal__body .sp-menu {
  display: none;
}
.navGlobal__body .sp-menu .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.navGlobal__body .sp-menu .menu__item {
  float: left;
  margin: 0;
  padding: 0;
}
.navGlobal__body .sp-menu .menu__item a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .navGlobal__body .sp-menu {
    display: block;
    float: right;
  }
  .navGlobal__body .sp-menu .is-menu a {
    display: block;
    width: 60px;
    height: 54px;
    background: url(img/btn_menu_sp.png) center center no-repeat;
    background-size: 30px 23px;
  }
  .navGlobal__body .sp-menu .is-search a {
    display: block;
    width: 53px;
    height: 54px;
    background: url(img/btn_search_sp.png) center center no-repeat;
    background-size: 23px 23px;
  }
}

.en .navGlobal__body > ul {
  width: 960px;
  height: 56px;
  margin: 0 auto;
  letter-spacing: -.35em;
  list-style: none;
  text-align: right;
}
@media only screen and (max-width: 720px) {
  .en .navGlobal__body > ul {
    display: none;
  }
}
.en .navGlobal__body > ul li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  height: 56px;
  color: #fff;
}
.en .navGlobal__body > ul li:before {
  content: '';
  height: 100%;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  vertical-align: middle;
}
.en .navGlobal__body > ul li + li {
  margin-top: 0;
  margin-left: 15px;
}
.en .navGlobal__body > ul li a {
  color: #fff;
  vertical-align: middle;
}
.en .navGlobal__body > ul li a:hover {
  text-decoration: none;
}
.en .navGlobal__body .sp__header .sp__header__menu {
  border-bottom: 1px solid #1a65a9;
}
.en .navGlobal__body .sp__header li {
  padding: 0 10px;
}
.en .navGlobal__body .sp__header li a {
  padding: 10px 0;
}
.en .navGlobal__body .sp__header li + li {
  margin-top: 0;
  padding-top: 0;
}

.sp__header {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px 0 40px;
  clear: both;
  background: #00549f;
  z-index: 1000;
}
.sp__header .sp__header__menu {
  margin: 0 19px;
  padding: 0;
  list-style: none;
  font-size: 100%;
  line-height: 188%;
}
.sp__header a {
  display: block;
  color: #fff;
  font-size: 94%;
  line-height: 154%;
  font-weight: bold;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .sp__header a {
    font-size: 108%;
    line-height: 154%;
  }
}
.sp__header .sp__header__menu {
  clear: both;
  padding-top: 17px;
}
.sp__header .sp__header__menu .accordion > a {
  position: relative;
  padding: 17px 0 14px 0;
}
.sp__header .sp__header__menu .accordion > a:after {
  position: absolute;
  top: 22px;
  right: 19px;
}
.sp__header .sp__header__menu .accordion.open a:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sp__header .sp__header__menu ul {
  display: none;
  border-top: 1px solid #1a65a9;
  margin: 0;
  padding: 24px 11px;
  list-style: none;
  font-size: 100%;
  line-height: 188%;
}
.sp__header .sp__header__menu ul li + li {
  margin-top: 21px;
}
.sp__header .sp__header__menu > li {
  border-top: 1px solid #1a65a9;
}
.sp__header .sp__header__menu .item04,
.sp__header .sp__header__menu .item05,
.sp__header .sp__header__menu .item06 {
  text-align: center;
}
.sp__header .sp__header__menu .item04 a,
.sp__header .sp__header__menu .item05 a,
.sp__header .sp__header__menu .item06 a {
  padding: 17px 0 14px 0;
}
.sp__header .sp__header__menu .item05,
.sp__header .sp__header__menu .item06 {
  margin-top: 15px;
  border: none;
}
.sp__header .sp__header__menu .item04 {
  background: #e4007f;
}
.sp__header .sp__header__menu .item05 {
  background: #67c5d7;
}
.sp__header .sp__header__menu .item06 {
  background: #f6d230;
}
.sp__header .sp__header__menu .item06 a {
  color: #333;
}
.sp__header .sp__header__sub {
  margin-top: 27px;
}
.sp__header .sp__header__sub a,
.sp__header .sp__header__sub span {
  font-size: 82%;
  line-height: 162%;
}
@media only screen and (max-width: 720px) {
  .sp__header .sp__header__sub a,
  .sp__header .sp__header__sub span {
    font-size: 93%;
    line-height: 162%;
  }
}
.sp__header .sp__header__sub .sp__sub__item + .sp__sub__item {
  margin-top: 24px;
}
.sp__header .sp__header__sub ul {
  margin: 0 19px;
  padding: 0;
  list-style: none;
  font-size: 100%;
  line-height: 188%;
}
.sp__header .sp__header__sub .sp__sub__item li + li {
  margin-top: 21px;
}
.sp__header .sp__header__sub .list-table {
  margin: 0;
  border-bottom: 1px solid #1a65a9;
}
.sp__header .sp__header__sub .list-table li {
  float: left;
  width: 50%;
  margin: 0;
  border-top: 1px solid #1a65a9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sp__header .sp__header__sub .list-table li + li {
  margin-top: 0;
}
.sp__header .sp__header__sub .list-table li:nth-child(odd) {
  border-right: 1px solid #1a65a9;
}
.sp__header .sp__header__sub .list-table li a,
.sp__header .sp__header__sub .list-table li span {
  padding: 17px 0 14px 19px;
}
.sp__header .sp__header__sub .list-table li span {
  display: block;
}
.sp__header .sp__header__sub .list-side {
  margin: 0 19px;
  padding: 0;
  list-style: none;
}
.sp__header .sp__header__sub .list-side li {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sp__header .sp__header__sub .list-side li:nth-child(even) {
  padding-left: 19px;
}
.sp__header .sp__header__sub .list-side li:nth-child(2) {
  margin-top: 0;
}
.sp__header .sp__header__sub li + li {
  margin-top: 0;
}

.sp__search {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;/* 270px 2019 01*/
  padding: 16px 0 0;
  clear: both;
  background: #00549f;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sp__search .search {
  position: relative;
  clear: both;
  width: 100%;
  height: 54px;
  margin: 43px 0 0;/* 93px 2019 01*/
  padding: 0 19px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sp__search .gsearchbox {
  width: 100%;
  height: 54px;
  padding: 0 65px 0 15px;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 129%;
  line-height: 162%;
}

.sp__search input::-webkit-input-placeholder{ color:#777;font-size:14px; }
.sp__search input:-ms-input-placeholder{ color:#777;font-size:14px; }
.sp__search input::-ms-input-placeholder{ color:#777;font-size: 0.875rem;transform: scale(0.85); }
.sp__search input::placeholder{ color:#666;font-size:14px; }

.sp__search input:focus::-webkit-input-placeholder { color:transparent; }
.sp__search input:focus:-moz-placeholder { color:transparent; }
.sp__search input:focus::-moz-placeholder { color:transparent; }

.sp__search .search_btn {
  position: absolute;
  top: 0;
  right: 19px;
  width: 54px;
  height: 54px;
}

.btn-close {
  float: right;
  width: 21px;
  height: 21px;
  margin-right: 16px;
  cursor: pointer;
  background: url(img/btn_menu_close.png) 0 0 no-repeat;
  background-size: 21px 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.header__cart {
  position: fixed;
  top: 249px;
  right: 0;
  z-index: 1000;
}
@media only screen and (max-width: 720px) {
  .header__cart {
    top: 168px;
    z-index: 500;
  }
}
.header__cart .icon__arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 41px;
  height: 132px;
  background: #f6b000;
  border: 4px solid #fff;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 4px 0 #b37d0a;
}
@media only screen and (max-width: 720px) {
  .header__cart .icon__arrow {
    width: 21px;
    height: 67px;
    border: 2px solid #fff;
    box-shadow: 0 2px 0 #b37d0a;
  }
}
.header__cart .icon__arrow:hover {
  cursor: pointer;
}
.header__cart .icon__arrow .icon--btn-arrow-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 44px;
  margin: auto 0;
  color: #333;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .header__cart .icon__arrow .icon--btn-arrow-left {
    height: 45%;
  }
}
.header__cart .icon__arrow .icon--btn-arrow-left:before {
  font-size: 188% !important;
  line-height: 147%;
}
@media only screen and (max-width: 720px) {
  .header__cart .icon__arrow .icon--btn-arrow-left:before {
    font-size: 16px;
    line-height: 30px;
  }
}
.header__cart .header__cart__body {
  position: absolute;
  right: -173px;
  width: 165px;
  background: #f6b000;
  border: 4px solid #fff;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
  box-shadow: 0 4px 0 #b37d0a;
}
@media only screen and (max-width: 720px) {
  .header__cart .header__cart__body {
    width: 86px;
    height: 67px;
    right: -90px;
    border: 2px solid #fff;
    box-shadow: 0 2px 0 #b37d0a;
  }
}
.header__cart .header__cart__body .count_base {
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .header__cart .header__cart__body .count_base {
    font-size: 86%;
    line-height: 192%;
  }
}
.header__cart .header__cart__body .count_base .close {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  vertical-align: top;
  width: 22px;
  height: 132px;
  border-right: 3px solid #fff;
  vertical-align: top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  background: url(img/btn_close.png) center center no-repeat;
}
@media only screen and (max-width: 720px) {
  .header__cart .header__cart__body .count_base .close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 67px;
    border-right: 1px solid #fff;
    background-size: 5px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.header__cart .header__cart__body .count_base a {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  vertical-align: top;
  width: 140px;
  height: 119px;
  padding-top: 13px;
  color: #333;
  background: #f6d230;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .header__cart .header__cart__body .count_base a {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 59px;
    padding-top: 8px;
  }
}
.header__cart .header__cart__body .count_base a span {
  display: block;
}
.header__cart .header__cart__body .count_base a span.text {
  font-size: 150%;
  line-height: 130%;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .header__cart .header__cart__body .count_base a span.text {
    font-size: 86%;
    line-height: 142%;
  }
}
.header__cart .header__cart__body .count_base a .plan_count {
  margin-top: 5px;
  padding-right: 38px;
  font-size: 300%;
  line-height: 100%;
  text-align: right;
  background: url(img/count_arrow.png) 108px 11px no-repeat;
}
@media only screen and (max-width: 720px) {
  .header__cart .header__cart__body .count_base a .plan_count {
    margin-top: 0;
    font-size: 172%;
    line-height: 100%;
    padding-right: 19px;
    background-position: 54px 6px;
    background-size: 10px 10px;
  }
}
.header__cart .header__cart__body .count_base a span.ken {
  display: inline;
  font-size: 63%;
  line-height: 100%;
  font-weight: bold;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .header__cart .header__cart__body .count_base a span.ken {
    font-size: 59%;
    line-height: 100%;
  }
}

.kifupop .text p {
  display: none;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 5000;
}

.myapage-spMenu {
  display: none;
  position: relative;
  margin-top: 20px;
}
@media only screen and (max-width: 720px) {
  .myapage-spMenu {
    display: block;
  }
}
.myapage-spMenu .menu-item {
  display: none;
  position: absolute;
  top: 54px;
  left: 0;
  width: 100%;
  z-index: 100;
}
.myapage-spMenu .menu-title {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 720px) {
  .myapage-spMenu .menu-title {
    font-size: 115%;
    line-height: 169%;
  }
}
.myapage-spMenu .menu-title.open > span:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.myapage-spMenu .menu-title span {
  display: table-cell;
  width: 100%;
  height: 54px;
  padding: 0 19px;
  color: #fff;
  background: #00549f;
  vertical-align: middle;
  font-size: 88%;
  line-height: 200%;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .myapage-spMenu .menu-title span {
    font-size: 100%;
    line-height: 179%;
  }
}
.myapage-spMenu .menu-title span:after {
  float: right;
  margin-top: 7px;
  margin-right: 20px;
}
.myapage-spMenu .menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #ccddec;
}
.myapage-spMenu .menu-list li a {
  display: block;
  padding: 18px 19px 16px;
  text-decoration: none;
  font-weight: bold;
}
.myapage-spMenu .menu-list li + li {
  margin-top: 0;
  border-top: 1px solid #e5eef5;
}
.myapage-spMenu .menu-list .accordion > a:after {
  float: right;
  margin-top: 4px;
  margin-right: 20px;
  font-weight: bold;
  color: #00549f;
}
.myapage-spMenu .menu-list .accordion.open > a:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.myapage-spMenu .menu-list .accordion ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e5eef5;
}
.myapage-spMenu .menu-list .accordion li a {
  display: block;
  padding: 15px 30px 13px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  color: #333;
}
.myapage-spMenu .menu-list .accordion li + li {
  margin-top: 0;
  border-top: none;
}
.myapage-spMenu .menu-link {
  padding: 25px 19px;
  background: #e5eef5;
}
.myapage-spMenu .menu-link .link-list li a {
  text-decoration: none;
}
.myapage-spMenu .menu-link .link-list li + li {
  margin-top: 20px;
}
.myapage-spMenu .logout {
  display: table;
  width: 100%;
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .myapage-spMenu .logout {
    font-size: 115%;
    line-height: 169%;
  }
}
.myapage-spMenu .logout a {
  display: table-cell;
  width: 100%;
  height: 54px;
  padding: 0 19px;
  color: #fff;
  background: #3376b2;
  text-decoration: none;
  vertical-align: middle;
  font-size: 75%;
  line-height: 217%;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .myapage-spMenu .logout a {
    font-size: 86%;
    line-height: 192%;
  }
}
.myapage-spMenu .logout a:after {
  float: right;
  margin-top: 7px;
}

/*
f-btn
***************************************************** */
.f-btn {
  width: 960px;
  margin: 0 auto 0;
  padding: 60px 0;
}
@media only screen and (max-width: 720px) {
  .f-btn {
    width: auto;
    padding: 30px 0;
  }
  .f-btn .f-btn__text {
    font-size: 100%;
    line-height: 179%;
  }
}
.f-btn .f-btn__body {
  margin-top: 15px;
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .f-btn .f-btn__body {
    margin: 15px 19px 0;
  }
}
.f-btn .f-btn__body .btn {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
@media only screen and (max-width: 720px) {
  .f-btn .f-btn__body .btn {
    width: 90%;
  }
}
.f-btn .f-btn__body .btn span {
  width: 600px;
}
@media only screen and (max-width: 720px) {
  .f-btn .f-btn__body .btn span {
    width: 100%;
  }
}
.f-btn .f-btn__body .btn + .btn {
  margin-left: 20px;
}
@media only screen and (max-width: 720px) {
  .f-btn .f-btn__body .btn + .btn {
    margin-left: 8.4%;
  }
}

/*
bnr-list
***************************************************** */
.bnr-list {
  padding: 80px 0;
}
@media only screen and (max-width: 720px) {
  .bnr-list {
    margin: 0 19px;
    padding: 30px 0 38px;
  }
}
.bnr-list .bnr-list__body {
  width: 870px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 720px) {
  .bnr-list .bnr-list__body {
    width: auto;
  }
}
.bnr-list .bnr-list__item {
  float: left;
  width: 280px;
}
@media only screen and (max-width: 720px) {
  .bnr-list .bnr-list__item {
    width: calc((100% - 10px) / 2);
  }
  .bnr-list .bnr-list__item img {
    width: 100%;
    height: auto;
  }
}
.bnr-list .bnr-list__item + .bnr-list__item {
  margin-top: 0;
  margin-left: 15px;
}

.bnr-list .bnr-list__item:nth-child(n+4) {
  margin-top: 12px;
}

@media only screen and (max-width: 720px) {
  .bnr-list .bnr-list__item + .bnr-list__item {
    margin-top: 0px;
    margin-left: 0;
  }
  
  .bnr-list .bnr-list__item:nth-child(n+2) {
  margin-top: 12px;
}

}

.bnr-list .bnr-list__item:nth-child(3n+1) {
  margin-left: 0;
}

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

  .bnr-list .bnr-list__item:nth-of-type(even) {
    margin-left: 10px;
  }
  .bnr-list .bnr-list__item:nth-child(n+2) {
  margin-top: 0;
}
  .bnr-list .bnr-list__item:nth-child(n+3) {
    margin-top: 10px;
  }
}
.bnr-list .bnr-list__item a:hover {
  opacity: 0.7;
}

/*
sns
***************************************************** */
.sns {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0;
}

.sns .sns__item {
  float: left;
  width: 300px;
  height: 300px;
  padding: 4px;
  background: #fff;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 720px) {
  .sns {
    width: auto;
    padding: 19px 19px; /* 201902add */;
    margin: 0 auto 20px;
  }
  .sns .sns__item {
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0 auto 0;
    padding: 19px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
}

.sns .sns__item + .sns__item {
  margin-left: 18px;
}
.sns .sns__item p {
  margin-top: 15px;
  font-size: 113%;
  line-height: 139%;
  text-align: center;
}
.sns .sns-ttl {
  margin-top: 15px;
  color: #00549f;
  font-size: 119%;
  line-height: 132%;
  font-weight: bold;
  text-align: center;
}
.sns .sns-mail__body {
  position: relative;
  margin-top: 30px;
  text-align: center;
}
.sns .sns-mail__body .placeholder {
  width: 260px;
  height: 46px;
  padding: 0 75px 0 5px;
  -webkit-border-radius: 3px 8px 8px 3px;
  -moz-border-radius: 3px 8px 8px 3px;
  -ms-border-radius: 3px 8px 8px 3px;
  -o-border-radius: 3px 8px 8px 3px;
  border-radius: 3px 8px 8px 3px;
  border: 1px solid #838383;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sns .sns-mail__body img {
  position: absolute;
  top: 0;
  right: 20px;
}
.sns .sns-mail__body img:hover {
  cursor: pointer;
}
.sns .sns-link {
  margin-top: 18px;
}
.sns .sns-link a {
  color: #00549f;
}
.sns .sns-mail__text {
  width: 100%;
}
.sns .iframe-wrap {
  width: 280px;
  margin: 40px auto 0;
}

@media only screen and (max-width: 720px) {
.sns .sns__item p {
  margin-top: 0px;
  font-size: 100%;
}

.sns .sns-ttl {
  margin-top: 0px;
  font-size: 100%;
}
.sns .sns-mail__body {
  margin-top: 10px;
  margin-bottom: 5px;
}

.sns .sns-mail__body .placeholder {
    width: 100%;
}
.sns .sns-mail__body img {
  position: absolute;
  top: 0;
  right: 0px;
}

}

/*
sns-icon
***************************************************** */
.sns-icon {
  margin: 35px auto;
  padding: 0;
  text-align: center;
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .sns-icon {
    margin: 0 auto 20px;
  }
}
.sns-icon .sns-icon__item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
.sns-icon .sns-icon__item + .sns-icon__item {
  margin-top: 0;
  margin-left: 70px;
}
@media only screen and (max-width: 720px) {
  .sns-icon .sns-icon__item + .sns-icon__item {
    margin-left: 25px;
  }
    .sns-icon .sns-icon__item img {
    height: 25px;
    width:auto;
  }
}
.sns-icon a:hover {
  opacity: 0.7;
}


/*
Snavi sns-icon add 191203
***************************************************** */
.contents__Body__right .sns-icon {
  margin: 40px auto 0px;
  padding: 0;
  text-align: center;
  letter-spacing: -.35em;
}

.contents__Body__right .sns-icon .sns-icon__item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
.contents__Body__right .sns-icon .sns-icon__item + .sns-icon__item {
  margin-top: 0;
  margin-left: 20px;
}

/*
footer
***************************************************** */
.footer__top {
  padding: 50px 0 51px;
  background: #00549f;
}
@media only screen and (max-width: 720px) {
  .footer__top {
    padding: 14px 0;
  }
}

.footer__top__body {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 720px) {
  .footer__top__body {
    width: auto;
  }
}

.f-infoList {
  display: table;
  width: 100%;
}
@media only screen and (max-width: 720px) {
  .f-infoList {
    display: none;
    width: auto;
  }
}
.f-infoList .f-infoList__item {
  display: table-cell;
  vertical-align: top;
}
.f-infoList .f-infoList__item + .f-infoList__item {
  padding-left: 50px;
}
.f-infoList .ttl:before {
  display: inline-block;
  margin-left: -2px;
  margin-right: 2px;
  color: #fff;
  font-size: 73%;
  line-height: 100%;
}
.f-infoList .ttl a {
  color: #fff;
  font-size: 113%;
  line-height: 178%;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
}
.f-infoList .ttl a:hover {
  text-decoration: underline;
}
.f-infoList .ttl + ul,
.f-infoList .ttl + .ttl {
  margin-top: 7px;
}
.f-infoList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.f-infoList ul li {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 0 0 13px;
  line-height: 100%;
}
.f-infoList ul li + li {
  margin-top: 10px;
}
.f-infoList ul li a {
  color: #fff;
  font-size: 88%;
  line-height: 172%;
}
.f-infoList ul li a:hover {
  text-decoration: none;
  border-bottom: none;
}

.f-infoLink {
  margin-top: 36px;
}
@media only screen and (max-width: 720px) {
  .f-infoLink {
    margin: 0 19px;
  }
}
.f-infoLink ul {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .f-infoLink ul {
    display: block;
    width: auto;
    text-align: left;
  }
}
.f-infoLink li {
  display: table-cell;
}
@media only screen and (max-width: 720px) {
  .f-infoLink li {
    display: block;
  }
  .f-infoLink li.pc-only {
    display: none;
  }
}
.f-infoLink li:before {
  margin-left: -2px;
  padding-right: 2px;
  color: #fff;
  font-size: 63%;
  line-height: 100%;
}
.f-infoLink li + li {
  padding-left: 35px;
}
@media only screen and (max-width: 720px) {
  .f-infoLink li + li {
    padding-left: 0;
  }
}
.f-infoLink li a {
  color: #fff;
  font-size: 88%;
  line-height: 100%;
  text-decoration: none;
}
@media only screen and (max-width: 720px) {
  .f-infoLink li a {
    font-size: 86%;
    line-height: 100%;
  }
}
.f-infoLink li a:hover {
  text-decoration: underline;
}
.f-infoLink + .f-infoLink {
  margin-top: 30px;
}
@media only screen and (max-width: 720px) {
  .f-infoLink + .f-infoLink {
    margin-top: 0;
  }
}
.f-infoLink + .f-infoLink li + li {
  padding-left: 15px;
}
@media only screen and (max-width: 720px) {
  .f-infoLink + .f-infoLink li + li {
    padding-left: 0;
  }
}

.footer__middle {
  margin: 23px auto;
}
@media only screen and (max-width: 720px) {
  .footer__middle {
    margin: 12px auto 15px;
  }
}
.footer__middle p {
  text-align: center;
  font-size: 75%;
  line-height: 167%;
}
@media only screen and (max-width: 720px) {
  .footer__middle p {
    font-size: 86%;
    line-height: 192%;
  }
}
.footer__middle a {
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #d9d9d9;
}
@media only screen and (max-width: 720px) {
  .footer__middle a {
    border-bottom: 1px solid #333;
  }
}
.footer__middle a:hover {
  border-bottom: none;
}

.footer__bottom p {
  padding: 15px 0 16px;
  color: #fff;
  font-size: 94%;
  line-height: 194%;
  text-align: center;
  font-family: Helvetica;
  background: #67c5d7;
}
@media only screen and (max-width: 720px) {
  .footer__bottom p {
    padding: 4px 0 5px;
    font-size: 72%;
    line-height: 210%;
  }
}

.returnTop {
  position: fixed;
  bottom: 60px;
  right: 0;
  width: 80px;
  height: 80px;
  display: none;
  z-index: 500;
}
@media only screen and (max-width: 720px) {
  .returnTop {
    width: 40px;
    height: 40px;
  }
  .returnTop img {
    width: auto;
    height: auto;
  }
}

/*
navLocal
***************************************************** */
.navLocal h2 {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 113%;
  line-height: 178%;
}
.navLocal h2 a,
.navLocal h2 span {
  display: table-cell;
  width: 100%;
  height: 60px;
  padding: 0.3em 15px 0.1em;
  color: #fff;
  vertical-align: middle;
  background: #00549f;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.navLocal h2 a:after,
.navLocal h2 span:after {
  display: none;
}
.navLocal h2 a:hover {
  color: #53cae9;
  background: #2e4d5d;
}
.navLocal.openPC .navLocal__body__warp {
  display: block !important;
}
.navLocal .navLocal__body.en {
  border-top: 1px solid #d5d5d5;
}
.navLocal .navLocal__body {
  margin: 0;
  padding: 0;
  font-size: 88%;
  line-height: 122%;
  border-bottom: 1px solid #d5d5d5;
  list-style: none;
}
.navLocal .navLocal__body li + li {
  margin-top: 0;
}
.navLocal .navLocal__body ul {
  margin: 0 4px;
  padding: 0 6px;
  list-style: none;
  background: #fff;
}
.navLocal .navLocal__body ul li {
  border-top: 1px dashed #d5d5d5;
}
.navLocal .navLocal__body ul li a:hover {
  color: #00549f;
  background: #fff;
}
.navLocal .navLocal__body > li + li {
  border-top: 1px solid #d5d5d5;
}
.navLocal .navLocal__body a {
  display: table;
  width: 100%;
  padding: 0 15px 0 15px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.navLocal .navLocal__body a:hover {
  color: #00549f;
  background: #d4f1f6;
}
.navLocal .navLocal__body a span {
  display: table-cell;
  width: 100%;
  height: 60px;
  padding: 0.3em 0 0.1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.navLocal .navLocal__body .is-active > a {
  font-size: 115%;
  line-height: 119%;
  color: #00549f;
  background: #d4f1f6;
}
.navLocal .navLocal__body .is-under {
  position: relative;
}
.navLocal .navLocal__body .is-under > a {
  padding: 0 42px 0 15px;
}
.navLocal .navLocal__body .is-under .snavi-acc {
  position: absolute;
  top: 16px;
  right: 7px;
  display: block;
  width: 28px;
  height: 28px;
  background: url(img/bg_plus.png) center center no-repeat white;
}
.navLocal .navLocal__body .is-under .snavi-acc:hover {
  background: url(img/bg_plus.png) center center no-repeat #d4f1f6;
  cursor: pointer;
}
.navLocal .navLocal__body .is-under.is-active,
.navLocal .navLocal__body .is-under.is-deploy {
  background: #d4f1f6;
  padding-bottom: 4px;
}
.navLocal .navLocal__body .is-under.is-active > a,
.navLocal .navLocal__body .is-under.is-deploy > a {
  color: #00549f;
  font-size: 115%;
  line-height: 119%;
}
.navLocal .navLocal__body .is-under.is-active .snavi-acc,
.navLocal .navLocal__body .is-under.is-deploy .snavi-acc {
  background: url(img/bg_minus.png) center center no-repeat #d4f1f6;
}
.navLocal .navLocal__body .is-under.is-active .snavi-acc:hover,
.navLocal .navLocal__body .is-under.is-deploy .snavi-acc:hover {
  background: url(img/bg_minus.png) center center no-repeat white;
}
.navLocal .navLocal__body .is-under.is-active ul li a,
.navLocal .navLocal__body .is-under.is-deploy ul li a {
  font-size: 86%;
  line-height: 125%;
}
.navLocal .navLocal__body .is-under.is-active .is-active,
.navLocal .navLocal__body .is-under.is-deploy .is-active {
  padding-bottom: 0;
  background: none;
}
.navLocal .navLocal__body .is-under.is-active .is-active a,
.navLocal .navLocal__body .is-under.is-deploy .is-active a {
  color: #00549f;
  background: none;
  font-size: 100%;
  line-height: 122%;
}
.navLocal .navLocal__body .is-girl a {
  color: #e4007f;
}
.navLocal .navLocal__body .is-girl a:hover {
  background: #fce5f2;
}
.navLocal .navLocal__body .is-girl .snavi-acc:hover {
  background-color: #fce5f2;
}
.navLocal .navLocal__body .is-girl.is-under.is-active,
.navLocal .navLocal__body .is-girl.is-under.is-deploy {
  background: #fce5f2;
}
.navLocal .navLocal__body .is-girl.is-under.is-active > a,
.navLocal .navLocal__body .is-girl.is-under.is-deploy > a {
  color: #e4007f;
  background: #fce5f2;
}
.navLocal .navLocal__body .is-girl.is-under.is-active .snavi-acc,
.navLocal .navLocal__body .is-girl.is-under.is-deploy .snavi-acc {
  background-color: #fce5f2;
}
.navLocal .navLocal__body .is-girl.is-under.is-active .snavi-acc:hover,
.navLocal .navLocal__body .is-girl.is-under.is-deploy .snavi-acc:hover {
  background-color: #fff;
}
.navLocal .navLocal__body .is-girl.is-under.is-active li a,
.navLocal .navLocal__body .is-girl.is-under.is-deploy li a {
  color: #333;
  background: none;
}
.navLocal .navLocal__body .is-girl.is-under.is-active li a:hover,
.navLocal .navLocal__body .is-girl.is-under.is-deploy li a:hover {
  color: #e4007f;
}
.navLocal .navLocal__body .is-girl.is-under.is-active li a.active,
.navLocal .navLocal__body .is-girl.is-under.is-deploy li a.active {
  color: #e4007f;
}

/*
btn-lnavi
***************************************************** */
.btn-lnavi {
  margin-top: 40px;
}
.btn-lnavi p + p {
  margin-top: 24px;
}
.btn-lnavi .btn {
  display: table;
  width: 100%;
}
.btn-lnavi .btn span {
  width: 100%;
}
.btn-lnavi + .navLocal {
  margin-top: 64px;
}

/*
login
***************************************************** */
.login {
  position: absolute;
  top: 0;
  right: 0;
  width: 222px;
}
@media only screen and (max-width: 720px) {
  .login {
    position: relative;
    width: auto;
  }
}
.login .login__name {
  display: table;
  width: 100%;
  padding: 0 15px 0 10px;
  border: 1px solid #dad8d6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .login .login__name {
    position: relative;
    margin-top: 15px;
    padding: 0 20px;
  }
}
.login .login__name span {
  display: table-cell;
  width: 80%;
  height: 58px;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .login .login__name span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 25px;
    padding: 11px 0 7px;
    text-align: center;
  }
}
.login .login__name span + span {
  width: 20%;
}
@media only screen and (max-width: 720px) {
  .login .login__name span + span {
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
  }
}
.login .link-list {
  margin-top: 5px;
}
@media only screen and (max-width: 720px) {
  .login .link-list {
    display: none;
  }
}

.login + h4 {
  margin-top: 40px;
}

/*
mypage-kifu
***************************************************** */
.mypage-kifu {
  margin-top: 150px;
}

/*
kifu-box
***************************************************** */
.kifu-box {
  background: #f0efef;
}
.kifu-box .kifu-box__img {
  position: relative;
}
.kifu-box .kifu-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  line-height: 100%;
}
.kifu-box .kifu-icon .icon {
  margin: 0;
}
.kifu-box .kif-box__body {
  padding: 15px 20px;
}
.kifu-box .kif-box__body .title {
  margin-top: 0;
  color: #00549f;
  font-weight: bold;
}
.kifu-box .kif-box__body .title + p {
  margin-top: 10px;
}
.kifu-box .kifu-input {
  margin-top: 10px;
}
.kifu-box .kifu-input .text-input input {
  width: 75%;
  height: 34px;
  padding: 0 5px;
  text-align: right;
  border: 1px solid #dad8d6;
}
.kifu-box .kifu-input .text-input span {
  display: inline-block;
  width: 13%;
  font-size: 132%;
  line-height: 167%;
  font-weight: bold;
  vertical-align: text-top;
}
.kifu-box .kifu-input .link-list {
  margin-top: 10px;
}
.kifu-box + .btn-lnavi {
  margin-top: 20px;
}

/* スライダー及びキービジュアルのテキスト調整 */
@media only screen and (max-width: 720px) {
  .slide__text .title img {
    width: 232px;
    height: 99px;
  }

  .project .contents .title img {
    width: 205px;
    height: 46px;
  }

  .project__box + .project__box .contents .title img {
    width: 218px;
    height: 46px;
  }
}
/*
slide
***************************************************** */
.slide {
  position: relative;
  width: 100%;
  height: 460px;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .slide {
    height: 318px;
    margin-bottom: 42px;
    overflow: visible;
  }
}
.slide .slide__item {
  position: relative;
  min-width: 1024px;
  height: 460px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .slide .slide__item {
    min-width: 1px;
    height: 318px;
  }
}
.slide .slide__item > span {
  position: absolute;
  top: -50%;
  left: -50%;
  display: block;
  width: 200% !important;
  height: 200%;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .slide .slide__item > span {
    position: relative;
    top: 0;
    left: 0;
    width: auto !important;
    height: auto;
  }
}
.slide .slide__item > span img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
@media only screen and (max-width: 720px) {
  .slide .slide__item > span img {
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    min-width: 1%;
    min-height: 1%;
  }
}
.slide .slide__text {
  position: absolute;
  top: 234px;
  left: 0;
  right: 0;
  width: 650px;
  margin: 0 auto;
  z-index: 500;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .slide .slide__text {
    width: auto;
    top: auto;
    bottom: 30px;
    z-index: 300;
  }
  .slide .slide__text .title {
    text-align: center;
  }
}
.slide .slide__text .sub-title {
  margin-top: 0;
  color: #fff;
  font-size: 125%;
  line-height: 170%;
 text-shadow: rgba(0,0,0,0.2) 1px 1px 1px, rgba(0,0,0,0.2) -1px -1px 1px, rgba(0,0,0,0.2) 1px -1px 1px, rgba(0,0,0,0.2) -1px 1px 1px;

}
@media only screen and (max-width: 720px) {
  .slide .slide__text .sub-title {
    font-size: 100%;
    line-height: 179%;
    font-weight: bold;
  }
}
.slide .slide__text .title {
  margin-top: 5px;
  color: #fff;
  font-size: 300%;
  line-height: 130%;
  font-weight: bold;
  text-shadow: 0px 0px 20px #000000,
	rgba(0,0,0,0.2) 1px 1px 1px,
	rgba(0,0,0,0.2) -1px -1px 1px,
	rgba(0,0,0,0.2) 1px -1px 1px,
	rgba(0,0,0,0.2) -1px 1px 1px;
}
@media only screen and (max-width: 720px) {
  .slide .slide__text .title {
    width: 70%;
    margin: 0 auto;
    font-size: 175%;
    line-height: 116%;
    text-shadow: 0px 0px 10px #000000;
    word-break: normal;
  }
}
.slide .slide__btn {
  margin-top: 1px;
}
@media only screen and (max-width: 720px) {
  .slide .slide__btn {
    margin: 16px 19px 0;
  }
}
.slide .slide__btn {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .slide .is-one .btn {
    float: none;
    width: auto;
    min-width: 50%;
  }
  .slide .is-one .btn span {
    width: 100%;
  }
}
.slide .bx-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*z-index: 400;*/
}
@media only screen and (max-width: 720px) {
  .slide .bx-controls {
    height: auto;
    z-index: 301;
  }
}
.slide .bx-controls .bx-controls-direction {
  position: relative;
  width: 100%;
  height: 100%;
  /*z-index: 300;*/
}
@media only screen and (max-width: 720px) {
  .slide .bx-controls .bx-controls-direction {
    width: auto;
    height: auto;
    z-index: 400;
  }
}
.slide .bx-controls .bx-controls-direction a {
  position: absolute;
  top: 0;
  display: block;
  width: 22.3%;
  height: 100%;
  line-height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 501;
}

@media only screen and (max-width: 1300px) {
  .slide .bx-controls .bx-controls-direction a {
    width: 15%;
  }
}
@media only screen and (max-width: 720px) {
  .slide .bx-controls .bx-controls-direction a {
    width: 15%;
    height: 251px;
  }
}
.slide .bx-controls .bx-controls-direction .bx-prev {
  left: 0;
  background: url(img/slide_arrow_left.png) right 54% no-repeat;
}
@media only screen and (max-width: 720px) {
  .slide .bx-controls .bx-controls-direction .bx-prev {
    background: url(img/slide_arrow_left_sp.png) 40% 147px no-repeat;
    background-size: 15px 26px;
  }
}
.slide .bx-controls .bx-controls-direction .bx-next {
  right: 0;
  background: url(img/slide_arrow_right.png) left 54% no-repeat;
}
@media only screen and (max-width: 720px) {
  .slide .bx-controls .bx-controls-direction .bx-next {
    background: url(img/slide_arrow_right_sp.png) 60% 147px no-repeat;
    background-size: 15px 26px;
  }
}
.slide .bx-controls .bx-pager {
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 350;
  letter-spacing: -.35em;
}
@media only screen and (max-width: 720px) {
  .slide .bx-controls .bx-pager {
    top: 333px;
    bottom: 0;
  }
}
.slide .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 16px;
  height: 16px;
}
@media only screen and (max-width: 720px) {
  .slide .bx-controls .bx-pager .bx-pager-item {
    width: 11px;
    height: 11px;
  }
}
.slide .bx-controls .bx-pager .bx-pager-item a {
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 720px) {
  .slide .bx-controls .bx-pager .bx-pager-item a {
    width: 10px;
    height: 10px;
    border: 1px solid #00549f;
  }
}
.slide .bx-controls .bx-pager .bx-pager-item a:hover, .slide .bx-controls .bx-pager .bx-pager-item a.active {
  border-color: #00549f;
  background: #00549f;
}
.slide .bx-controls .bx-pager .bx-pager-item + .bx-pager-item {
  margin-left: 24px;
}
@media only screen and (max-width: 720px) {
  .slide .bx-controls .bx-pager .bx-pager-item + .bx-pager-item {
    margin-left: 17px;
  }
}

.slide .textLeft .slide__text{
  width: 890px;
  top: 0;
  /*bottom: 55px;*/
  text-align: left;
}


@media only screen and (max-width: 720px) {
  .slide .textLeft .slide__text{
    width: auto;
    /*bottom: 30px;*/
  }
}

.slide .textLeft .title {
  position: relative;
  width: auto;
  top: auto;
  /*margin-top: 20px;
  margin-left: 58px;*/
  margin-top: 50px;
  margin-left: 98px;
}

.slide .textLeft .poster1903 {
  position: relative;
  width: auto;
  top: auto;
  margin-top: 20px;
  margin-left: 98px;
}

/*@media only screen and (max-width: 1430px) {
  .slide .bx-wrapper .textLeft .title {
    margin-left: 90px;
  }
}
@media only screen and (max-width: 1300px) {
  .slide .bx-wrapper .textLeft .title {
    margin-left: 100px;
  }
}*/
@media only screen and (max-width: 720px) {
  .slide .bx-wrapper .textLeft .title {
    margin-top: 30px;
    margin-left: 0;
  }
  .slide .textLeft .title {
    width: 55%;
    margin-left: 0;
    padding-left: 35px;
    text-align: center;
    box-sizing: border-box;
  }
  .slide .textLeft .title img {
    width: 100%;
    max-width: 175px;
    height: auto;
  }
  .slide .bx-wrapper .textLeft .poster1903  {
    margin-top: 30px;
    margin-left: 0;
  }
  .slide .textLeft .poster1903  {
    width: 100%;
    margin-left: 0;
    padding-left: 30%;
    padding-right: 30%;
    text-align: center;
    box-sizing: border-box;
  }
  .slide .textLeft .poster1903 img {
    width: auto;
    height: auto;
  }
}

/* only poster1903 */
@media only screen and (max-width: 540px) {
  .slide .bx-wrapper .textLeft .poster1903  {
    margin-top: 30px;
    margin-left: 0;
  }
  .slide .textLeft .poster1903  {
    width: 100%;
    margin-left: 0;
    padding-left: 20%;
    padding-right: 20%;
    text-align: center;
    box-sizing: border-box;
  }
  .slide .textLeft .poster1903 img {
    width: auto;
    height: auto;
  }
}

  
@media only screen and (max-width: 420px) { .slide .bx-wrapper .textLeft .poster1903  {
    margin-top: 30px;
    margin-left: 0;
  }
  .slide .textLeft .poster1903  {
    width: 100%;
    margin-left: 0;
    padding-left: 15%;
    padding-right: 15%;
    text-align: center;
    box-sizing: border-box;
  }
  .slide .textLeft .poster1903 img {
    width: auto;
    height: auto;
  }
}

/* end only poster1903 */

.slide .textLeft .slide__btn {
  display: inline-block;
  margin-top: 40px;
  margin-left: 175px;
}

.slide .textLeft .slide__btn.lp1903 {
  position: absolute;
  bottom:15px;
  right:150px;
}

@media only screen and (max-width: 720px) {
  .slide .textLeft .slide__btn {
    width: 55%;
    margin-top: 47px;
    margin-left: 0;
    padding-left: 35px;
    box-sizing: border-box;
  }
  .slide .bx-wrapper .textLeft .btn {
    width: 100%;
    min-width: 1px;
    max-width: 130px;

  }
  .slide .bx-wrapper .textLeft .slide__btn.lp1903 {
  position: static;
  margin-top: 0px;
  text-align:center;
  margin:20px auto 0;
      width: 100%;
    margin-left: 0;
    padding-left: 0px;
    box-sizing: border-box;
}

/*  .slide .textLeft .slide__btn span {
    min-width: 50%;
  }*/
}

.slide .textLeft .rohingya {
position: relative;
display: inline-block;
top: auto;
margin-top: 60px;
margin-left: 200px;
background: rgba(0, 0, 0, 0.2);
width: auto;
padding: 25px;}

.slide .textLeft .rohingya .title {
position: relative;
margin-top: 0px;
margin-left: 0px;
line-height: 120%;
}

.slide .textLeft .slide__btn.btn_rohingya {
display: inline-block;
margin-top: 40px;
margin-left: 285px;
}
@media only screen and (max-width: 720px) {
	.slide .textLeft .rohingya {
	margin-top: 40px;
	margin-left: 12vw;
	padding:10px;
	text-align:center;
	width:200px;}
	.slide .textLeft .rohingya .title {
	width: auto;
	margin-left: 0;
	padding-left: 0px;
	text-align: center;
	box-sizing: border-box;
	}
	.slide .textLeft .slide__btn.btn_rohingya {
	margin-left: 15vw;
	width:200px;
	text-align: center;
    padding: 0 0 0 0 !important;
    box-sizing: border-box;
	}
}

/*
project
***************************************************** */
.project {
  width: 100%;
  margin: 0 auto 0;
  overflow: hidden;
}
.project .project__box {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  height: 460px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .project .project__box {
    float: none;
    width: 100%;
    height: 300px;
  }
}
.project .project__box + .project__box .contents {
  text-align: left;
}
.project .project__box + .project__box .contents .title {
  margin-left: 90px;
  margin-right: 0;
}
@media only screen and (max-width: 720px) {
  .project .project__box + .project__box .contents .title {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}
.project .project__box.girlBox .contents {
  background: rgba(228, 0, 127, 0.5);
}
.project .project__box.girlBox .contents .title {
  margin-left: 90px;
}
@media only screen and (max-width: 720px) {
  .project .project__box.girlBox .contents .title {
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 720px) {
  .project .project__box.girlBox .contents .project__btn .btn {
    float: none;
  }
}
.project .project__img {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200% !important;
  height: 200%;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .project .project__img {
    position: relative;
    top: 0;
    left: 0;
    width: auto !important;
    height: auto;
  }
}
.project .project__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
@media only screen and (max-width: 720px) {
  .project .project__img img {
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    min-width: 1%;
    min-height: 1%;
  }
}
.project .contents {
  color: #fff;
  text-align: right;
}
@media only screen and (max-width: 720px) {
  .project .contents {
    text-align: center;
  }
}
.project .contents .title {
  margin-right: 90px;
}
@media only screen and (max-width: 720px) {
  .project .contents .title {
    margin-right: 0;
    text-align: center;
  }
}
.project .contents {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  padding: 24px 15px 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .project .contents {
    height: auto;
    padding: 10px 0 17px;
  }
}
.project .project__btn {
  margin-top: 29px;
}
@media only screen and (max-width: 720px) {
  .project .project__btn {
    margin: 10px 19px 0;
    width: auto;
  }
}

/*
topics
***************************************************** */
.topics {
  width: 960px;
  margin: 0 auto;
  /*padding: 40px 0;*/
  padding: 40px 0 60px;
}
@media only screen and (max-width: 720px) {
  .topics {
    width: auto;
    /*padding: 30px 19px;*/
    padding: 30px 19px 60px;
  }
}
.topics .topics__body {
  padding: 35px 20px 28px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.topics_alert {
  padding: 15px 20px 15px;
  border: 2px solid #d22630;
  text-align: center;
}

.topics_alert p:before{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
  content: "\e906";
  color: #d22630;
}

.topics_alert p a {
  color:#d22630;
}

.topics_alert p a:visited {
  color: #d22630;
}

.topics_alert p a:hover {
  color: #cc0000;
}

.topics_alert p a:active {
  color: #cc0000;
  text-decoration: none;
}


@media only screen and (max-width: 720px) {
  .topics .topics__body {
    padding: 20px 10px 24px;
  }
}
.topics .topics__body h2 {
  margin: 0;
  padding: 0;
  line-height: 100%;
  text-align: center;
  font-size: 238%;
  line-height: 137%;
  font-family: 'Veneer';
  font-weight: normal;
}
@media only screen and (max-width: 720px) {
  .topics .topics__body h2 {
    font-size: 186%;
    line-height: 143%;
  }
}
.topics .topics__body .news-list {
  position: relative;
  margin-top: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .topics .topics__body .news-list {
    margin-top: 15px;
  }
}
.topics .topics__body .news-list li {
  display: none;
}
.topics .topics__body .news-list li a {
  margin-left: 13px;
}
@media only screen and (max-width: 720px) {
  .topics .topics__body .news-list li a {
    margin: 0;
  }
}

.newsDetailLink {
  position: absolute;
  top: -45px;
  right: 0;
}

/*
TOPICS bannerArea
***************************************************** */
.tpBnrArea {
  margin: 0px auto;
  padding:0px 0 30px;
}


@media only screen and (max-width: 720px) {
  .tpBnrArea {
    margin: 0 19px;
    padding: 0px 0 20px;
  }
}

.tpBnrArea .tpBnr {
  width: 960px;
  margin: 0px auto;
  padding: 0;
  list-style: none;
}

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

.tpBnrArea .bnr_item {
  float: left;
}

@media only screen and (max-width: 720px) {
	
.tpBnrArea .tpBnr {
  width: auto;
}

  .tpBnrArea .bnr_item {
    width: calc((100% - 4%) / 2);
  }
  .tpBnrArea .bnr_item img {
    width: 100%;
    height: auto;
  }
}
.tpBnrArea .bnr_item + .bnr_item {
  margin-left: 12px;
  margin-top:0;
}
@media only screen and (max-width: 720px) {
  .tpBnrArea .bnr_item + .bnr_item {
    margin-left: 0;
  }
}

.tpBnrArea .bnr_item:nth-child(4n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 720px) {
  .tpBnrArea .bnr_item {
    margin-top: 4%;
  }
  
  .tpBnrArea .bnr_item + .bnr_item {
    margin-top: 4%;
  }
  .tpBnrArea .bnr_item:nth-child(1), .tpBnrArea .bnr_item:nth-child(2) {
    margin-top: 0;
  }
  .tpBnrArea .bnr_item:nth-child(even) {
    margin-left: 4%;
  }
  .tpBnrArea .bnr_itemm:nth-child(odd) {
    margin-left: 0;
  }
}
.tpBnrArea .bnr_item a:hover {
  opacity: 0.7;
}

/*
field
***************************************************** */
.field {
  width: 960px;
  margin: 20px auto 0;
}
@media only screen and (max-width: 720px) {
  .field {
    width: auto;
    margin: 20px 19px;
  }
}
.field .field__item {
  float: left;
}
@media only screen and (max-width: 720px) {
  .field .field__item {
    width: 46.8%;
  }
  .field .field__item img {
    width: 100%;
    height: auto;
  }
}
.field .field__item + .field__item {
  margin-left: 12px;
}
@media only screen and (max-width: 720px) {
  .field .field__item + .field__item {
    margin-left: 6.4%;
  }
}
.field .field__item:nth-child(n+5) {
  margin-top: 12px;
}
@media only screen and (max-width: 720px) {
  .field .field__item:nth-child(n+5) {
    margin-top: 6.4%;
  }
}
.field .field__item:nth-child(4n+1) {
  margin-left: 0;
}
@media only screen and (max-width: 720px) {
  .field .field__item {
    margin-top: 6.4%;
  }
  .field .field__item:nth-child(1), .field .field__item:nth-child(2) {
    margin-top: 0;
  }
  .field .field__item:nth-child(even) {
    margin-left: 6.4%;
  }
  .field .field__item:nth-child(odd) {
    margin-left: 0;
  }
}
.field .field__item a:hover {
  opacity: 0.7;
}

/*
bnr__img
***************************************************** */
.bnr__img {
  margin-top: 30px;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .bnr__img {
    margin: 20px 0 0;
  }
}
.bnr__img a:hover {
  opacity: 0.7;
}

.top .bnr__img {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .top .bnr__img {
    margin: 40px 19px 0;
  }
}

/*
news
***************************************************** */
.news {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0;
}
@media only screen and (max-width: 720px) {
  .news {
    width: auto;
    margin: 0 19px;
    padding: 30px 0;
  }
}
.news .news__body {
  padding-bottom: 40px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 720px) {
  .news .news__body {
    padding-bottom: 30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
}
.news .news__body h2 {
  font-size: 363%;
  line-height: 125%;
  font-family: 'Veneer';
  font-weight: normal;
  padding-top: 39px;
}
@media only screen and (max-width: 720px) {
  .news .news__body h2 {
    font-size: 243%;
    line-height: 133%;
    padding-top: 22px;
  }
}
.news .news-list {
  margin-top: 15px;
  padding: 0 20px 0;
}
@media only screen and (max-width: 720px) {
  .news .news-list {
    margin-top: 14px;
    padding: 0 9px 0;
  }
}
.news .plan-btn {
  margin-top: 28px;
}
@media only screen and (max-width: 720px) {
  .news .plan-btn {
    margin: 20px 19px 0;
  }
  .news .plan-btn a {
    display: table;
    width: 100%;
  }
  .news .plan-btn span {
    width: 100%;
  }
}

/*
pickup
***************************************************** */
.top .pickup-heading + .pickup .pickup__img p {
  width: 308px;
  height: 216px;
  overflow: hidden;
}

/* 170508 add TVCM */

div > a.pickup__box.TvCm_box > div.pickup__img.TvCm > p{
  width: 306px;
  height: 213px;
  overflow: hidden;
}

@media only screen and (max-width: 720px) {
  .top .pickup-heading + .pickup .pickup__img p {
    width: 100%;
    height: auto;
  }

  div > a.pickup__box.TvCm_box > div.pickup__img.TvCm > p{
    width: 100%;
    height: auto;
}
}
.top .pickup-heading + .pickup .pickup__img p img {
  width: 100%;
  height: auto;
}
.top .pickup-heading + .pickup .pickup__img .icon {
  position: absolute;
  left: -2px;
  bottom: 10px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.top .pickup-heading + .pickup .pickup__img .icon img {
  width: auto;
  height: auto;
}


@media only screen and (max-width: 720px) {/* 201904 add*/
.top .pickup-heading + .pickup .pickup__img p.icon {
  position: relative;
  left: -2px;
  bottom: 10px;
  width: 70px;
  height: auto;
  margin: 0;
  padding: 0;
}}

/*
form
***************************************************** */
.form h1 {
  position: absolute;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 0;
  line-height: 0;
  outline: none;
  overflow: hidden;
}
.form h2 {
  margin-top: 30px;
  padding: 9px 20px;
  background: #00549f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 175%;
  line-height: 150%;
  color: #fff;
}
@media only screen and (max-width: 720px) {
  .form h2 {
    position: relative;
    margin: 30px -19px 0;
    font-size: 129%;
    line-height: 134%;
  }
}
.form * + h2 {
  margin-top: 60px;
}
.form h3 {
  padding: 2px 10px 3px;
  background: #d1edf3;
  font-size: 132%;
  line-height: 167%;
  color: #424242;
}
@media only screen and (max-width: 720px) {
  .form h3 {
    position: relative;
    margin: 0 -19px;
    font-size: 100%;
    line-height: 150%;
  }
}
.form h2 + h3 {
  margin-top: 0;
}
.form h4 {
  font-size: 132%;
  line-height: 153%;
  color: #424242;
}
@media only screen and (max-width: 720px) {
  .form h4 {
    font-size: 100%;
    line-height: 150%;
  }
}

.caution {
  color: #cc292e;
}

.link a {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  padding: 0 0 0 13px;
}
.link a:before {
  content: "\e902";
  position: absolute;
  display: inline-block;
  top: 9px;
  left: 0;
  font-size: 63%;
  line-height: 240%;
  text-decoration: none;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (max-width: 720px) {
  .link a:before {
    top: 6px;
  }
}

/*
donate
***************************************************** */
.donate.f-infoLink {
  margin-top: 0;
}
@media only screen and (min-width: 720px) {
  .donate.f-infoLink {
    position: relative;
    letter-spacing: -.35em;
    margin-left: -24px;
    text-align: center;
  }
  .donate.f-infoLink li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    padding-left: 24px;
  }
  .donate.f-infoLink li + li {
    margin-top: 0;
  }
  .donate.f-infoLink li a {
    text-decoration: underline;
  }
  .donate.f-infoLink li a:hover {
    text-decoration: none;
  }
  .donate.f-infoLink li:before {
    display: none;
  }
}

/*
stepNav
***************************************************** */
.stepNav {
  background: #00549f;
}
@media only screen and (max-width: 720px) {
  .stepNav {
    overflow: hidden;
  }
}

.stepNavList {
  display: table;
  width: 960px;
  margin: 0 auto;
  list-style: none;
  counter-reset: navOrder;
  white-space: nowrap;
}
@media only screen and (max-width: 720px) {
  .stepNavList {
    width: 100%;
  }
}

.stepNavList__item {
  position: relative;
  display: table-cell;
  padding: 21px 0 22px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  color: #999898;
}
@media only screen and (max-width: 720px) {
  .stepNavList__item {
    padding: 10px 0 9px 7px;
    line-height: 23px;
  }
}
.stepNavList__item + .stepNavList__item {
  margin-top: 0;
}
.stepNavList__item.item-1 {
  width: 177px;
  padding-left: 0;
}
@media only screen and (max-width: 720px) {
  .stepNavList__item.item-1 {
    width: 21.40625%;
  }
}
.stepNavList__item.item-2 {
  width: 192px;
  background: #f0efef;
}
@media only screen and (max-width: 720px) {
  .stepNavList__item.item-2 {
    width: 21.71875%;
  }
}
.stepNavList__item.item-2:after {
  border-left-color: #f0efef;
}
.stepNavList__item.item-3 {
  width: 192px;
  background: #e9e8e6;
}
@media only screen and (max-width: 720px) {
  .stepNavList__item.item-3 {
    width: 16.71875%;
  }
}
.stepNavList__item.item-3:after {
  border-left-color: #e9e8e6;
}
.stepNavList__item.item-4 {
  width: 192px;
  background: #e1e0de;
}
@media only screen and (max-width: 720px) {
  .stepNavList__item.item-4 {
    width: 24.53125%;
  }
}
.stepNavList__item.item-4:after {
  border-left-color: #e1e0de;
}
.stepNavList__item.item-5 {
  width: 207px;
  background: #dad8d6;
}
@media only screen and (max-width: 720px) {
  .stepNavList__item.item-5 {
    width: 15.9375%;
  }
}
.stepNavList__item:last-child:after {
  display: none;
}
.stepNavList__item:before {
  counter-increment: navOrder;
  content: counter(navOrder);
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-right: 9px;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #78a1c7;
}
@media only screen and (max-width: 720px) {
  .stepNavList__item:before {
    display: block;
    margin: 0 auto;
  }
}
.stepNavList__item.is-current {
  background: #00549f;
  color: #fff;
}
.stepNavList__item.is-current:before {
  color: #00549f;
}
.stepNavList__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  content: '';
  width: 0;
  height: 0;
  margin: 0;
  border: 36px solid transparent;
  border-right-width: 0;
  border-left-width: 15px;
  border-left-color: #00549f;
  z-index: 2;
}
@media only screen and (max-width: 720px) {
  .stepNavList__item:after {
    border-left-width: 8px;
  }
}
.stepNavList__item.is-current:after, .stepNavList__item.is-current.item-2:after, .stepNavList__item.is-current.item-3:after, .stepNavList__item.is-current.item-4:after {
  border-left-color: #00549f;
}
.stepNavList__item.is-past {
  color: #80aacf;
}
.stepNavList__item.is-past:before {
  background: #80aacf;
  color: #00549f;
}
.stepNavList__item.is-past .stepNavList__item__body:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border: 36px solid transparent;
  border-right-width: 0;
  border-left-width: 15px;
  border-left-color: #fff;
  z-index: 1;
  -webkit-transform: translateX(1px);
  -moz-transform: translateX(1px);
  -ms-transform: translateX(1px);
  -o-transform: translateX(1px);
  transform: translateX(1px);
}
@media only screen and (max-width: 720px) {
  .stepNavList__item.is-past .stepNavList__item__body:after {
    border-left-width: 8px;
  }
}
.stepNavList__item.is-past, .stepNavList__item.is-past.item-2, .stepNavList__item.is-past.item-3, .stepNavList__item.is-past.item-4 {
  background: #00549f;
}
.stepNavList__item.is-past:after, .stepNavList__item.is-past.item-2:after, .stepNavList__item.is-past.item-3:after, .stepNavList__item.is-past.item-4:after {
  border-left-color: #00549f;
}

.for-eventform .stepNavList__item.item-1 {
  width: 33.33333%;
}
.for-eventform .stepNavList__item.item-2 {
  width: 33.33333%;
}
.for-eventform .stepNavList__item.item-3 {
  width: 33.33333%;
}

@media only screen and (max-width: 720px) {
  .stepNavList__item__body {
    display: block;
    margin-top: 10px;
    font-size: 63%;
    line-height: 140%;
  }
}

/*
leadBox, msgBox
***************************************************** */
.leadBox, .msgBox {
  margin: 30px 0 0;
  padding: 0 30px;
}
@media only screen and (max-width: 720px) {
  .leadBox, .msgBox {
    padding: 0;
  }
}
.leadBox  * + p,
.msgBox * + p {
  margin-top: 14px;
}

* + .leadBox,
* + .msgBox {
  margin-top: 24px;
}

.relative {
  position: relative;
}

.btnBox {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30px;
  height: 28px;
  margin: auto 0;
}
@media only screen and (max-width: 720px) {
  .btnBox {
    position: static;
    margin-top: 20px;
  }
}

/*
formBox
***************************************************** */
@media only screen and (max-width: 720px) {
  .formBox .column3 {
    margin: 0;
  }
  .formBox .column3 .column__item {
    width: 48%;
    margin: 15px 0 0 4%;
  }
  .formBox .column3 .column__item .check {
    line-height: 130%;
  }
  .formBox .column3 .column__item:nth-child(odd) {
    margin-left: 0;
  }
  .formBox .column3 .column__item:nth-child(1), .formBox .column3 .column__item:nth-child(2) {
    margin-top: 0;
  }
  .formBox .column3 .formBox__checkboxLabel {
    padding-left: 22px;
  }
}
.formBox .column3 .column__item .check {
  line-height: 130%;
}

* + .formBox {
  margin-top: 26px;
}

h2 + .formBox {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  h2 + .formBox {
    margin-top: 15px;
  }
}

.formBox__item {
  letter-spacing: -.35em;
  border-top: 1px solid #dad8d6;
  border-bottom: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .formBox__item {
    display: block;
    border-top: 0 none;
    border-bottom: 0 none;
  }
  .formBox__item:last-child {
    border-bottom: 1px solid #dad8d6;
  }
}
.formBox__item + .formBox__item {
  border-top: 0 none;
}
.formBox__item dt, .formBox__item dd {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .formBox__item dt, .formBox__item dd {
    display: block;
  }
}
.formBox__item dt {
  position: relative;
  width: 280px;
  padding: 20px 72px 20px 20px;
  background: #f8f7f7;
  font-size: 100%;
  line-height: 188%;
}
@media only screen and (max-width: 720px) {
  .formBox__item dt {
    width: auto;
    padding: 9px 10px;
    border-top: 1px solid #dad8d6;
    border-bottom: 1px solid #dad8d6;
    font-size: 115%;
    line-height: 200%;
  }
}
.formBox__item dt .require {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  height: 20px;
  margin: auto 0;
}
@media only screen and (max-width: 720px) {
  .formBox__item dt .require {
    position: static;
    margin-left: 10px;
  }
}
.formBox__item dd {
  position: relative;
  width: 680px;
  padding: 20px 20px;
  font-size: 100%;
  line-height: 138%;
}
@media only screen and (max-width: 720px) {
  .formBox__item dd {
    width: auto;
    padding: 9px 10px;
    font-size: 86%;
    line-height: 184%;
  }
}

dl.formBox__item {
  background: url(img/bg_form.png) 0 0 repeat-y;
}
@media only screen and (max-width: 720px) {
  dl.formBox__item {
    background: none;
  }
}

.formBox__submit {
  text-align: center;
}
.formBox__submit + .formBox__submit {
  margin-top: 34px;
}
.formBox__submit.for-inline {
  position: relative;
  letter-spacing: -.35em;
  margin: 0 -27px -10px;
}
@media only screen and (max-width: 720px) {
  .formBox__submit.for-inline {
    margin: 0;
  }
}

* + .formBox__submit,
* + .formBox__submit.for-inline {
  margin-top: 30px;
}

.formBox__submit__item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin: 0 27px 10px;
}
@media only screen and (max-width: 720px) {
  .formBox__submit__item {
    display: block;
    margin: 0;
  }
  .formBox__submit__item + .formBox__submit__item {
    margin-top: 14px;
  }
}

.require {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  vertical-align: middle;
  margin-left: 10px;
  padding: 3px 9px  1px 9px;
  background: #cc292e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 88%;
  line-height: 115%;
  color: #fff;
}

.formBox__textBox {
  width: 306px;
  padding: 8px 14px 6px;
  border: 1px solid #bfbdbb;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 100%;
  line-height: 138%;
}
@media only screen and (max-width: 720px) {
  .formBox__textBox {
    width: 100%;
  }
}
.formBox__textBox.size-s {
  width: 160px;
}
.formBox__textBox.size-l {
  width: 480px;
}
@media only screen and (max-width: 720px) {
  .formBox__textBox.size-l {
    width: 100%;
  }
}
.formBox__textBox:focus {
  border-color: #00549f;
}

.formBox__textBox.focus-zoom {
  font-size: 150%;
  line-height: 132%;
}
/* revision 20180516
.formBox__textBox.focus-zoom:focus {
  font-size: 200%;
  line-height: 132%;
}
*/
.formBox__textBox.is-error {
  background: #fce5f2;
  border-color: #ef66b2;
}

.formBox__radioBtn {
  display: none;
}

.formBox__radioLabel {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  padding-left: 31px;
  font-weight: bold;
  cursor: pointer;
}
.formBox__radioLabel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #bfbdbb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.formBox__radioBtn:checked + .formBox__radioLabel:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 10px;
  height: 10px;
  background: #00549f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.formBox__checkbox {
  display: none;
}

.formBox__checkboxLabel {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  padding-left: 27px;
  font-weight: bold;
  cursor: pointer;
}
.formBox__checkboxLabel:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #bfbdbb;
}

.formBox__checkbox:checked + .formBox__checkboxLabel:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 16px;
  height: 16px;
  background: #00549f url(/common/css/img/bg_checkbox.png) center center no-repeat;
}

.formBox__select {
  height: 42px;
  padding: 0 52px 0 10px;
  background: white url(/common/css/img/bg_selectbox.png) right center no-repeat;
  border: 1px solid #bfbdbb;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 100%;
  line-height: 175%;
  color: #333;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.formBox__select::-ms-expand {
  display: none;
}
.formBox__select.size-400px {
  width: 400px;
}
.formBox__select.size-306px {
  width: 306px;
}
.formBox__select.size-242px {
  width: 242px;
}
.formBox__select.size-240px {
  width: 240px;
}
@media only screen and (max-width: 720px) {
  .formBox__select.size-400px, .formBox__select.size-306px, .formBox__select.size-242px, .formBox__select.size-240px {
    width: 100%;
  }
  .formBox__select.size-m {
    width: 100%;
  }
  .formBox__select.size-s {
    width: 100%;
  }
}
.formBox__select.is-error {
  background-color: #fce5f2;
  border-color: #ef66b2;
  color: #a0a0a0;
}

.ie9 .formBox__select {
  padding: 8px 10px 4px;
  background-image: none;
}

.inlineSelectBox {
  letter-spacing: -.35em;
}

.inlineSelectBox__item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
.inlineSelectBox__item + .inlineSelectBox__item {
  margin-left: 3.81679%;
}
@media only screen and (max-width: 720px) {
  .inlineSelectBox__item + .inlineSelectBox__item {
    margin-top: 10px;
    margin-left: 0;
  }
}

.formBox__select[disabled] {
  background: #f8f7f7 url(/common/css/img/bg_selectbox.png) right center no-repeat;
}

.formBox__textBox[disabled] {
  background: #f8f7f7;
}

.formBox__textarea {
  width: 480px;
  height: 119px;
  padding: 8px 14px 6px;
  border: 1px solid #dad8d6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 100%;
  line-height: 138%;
  color: #333;
}
@media only screen and (max-width: 720px) {
  .formBox__textarea {
    width: 100%;
  }
}

.formBox__button {
  padding: 0;
  background: transparent;
  outline: none;
  border: 0 none;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500;
  color: #333;
  cursor: pointer;
}
@media only screen and (max-width: 720px) {
  .formBox__button {
    display: block;
    width: 100%;
    height: auto;
  }
}
.formBox__button span {
  width: 600px;
}
@media only screen and (max-width: 720px) {
  .formBox__button span {
    display: block;
    width: 100%;
  }
}
.formBox__button.size-s span {
  width: 306px;
}
@media only screen and (max-width: 720px) {
  .formBox__button.size-s span {
    width: 100%;
  }
}

.btn-red span {
  background-color: #cc292e;
}

.btn-red span {
  color: #fff;
  box-shadow: 0 4px 0 #8f1d20;
}

.btn-red span:hover {
  box-shadow: 0 4px 0 #8f1d20;
}

.btn-red span:active {
  top: 4px;
  box-shadow: none;
}

.btn-delete {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  padding: 2px 8px 1px;
  background: #dad8d6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}
.btn-delete:visited {
  color: #333;
}
.btn-delete:hover {
  color: #333;
}
.btn-delete:hover:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  z-index: 10;
  overflow: hidden;
}
.btn-delete span:before {
  content: "×";
  font-weight: bold;
}

.formBox__note {
  margin-left: 10px;
}
@media only screen and (max-width: 720px) {
  .formBox__note {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    margin-top: 10px;
    margin-left: 0;
  }
}

/*
radioBtnList
***************************************************** */
.radioBtnList {
  position: relative;
  letter-spacing: -.35em;
  margin: 0 -16px -10px;
  list-style: none;
}
.radioBtnList li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin: 0 16px 10px;
}
.radioBtnList.list-block li {
  display: block;
}
.radioBtnList.for-vertical {
  margin: 0;
}
@media only screen and (max-width: 720px) {
  .radioBtnList.for-vertical {
    border-top: 1px solid #dad8d6;
  }
}
.radioBtnList.for-vertical li {
  display: block;
  margin: 0;
  padding: 17px 20px 18px;
}
.radioBtnList.for-vertical li + li {
  border-top: 1px solid #dad8d6;
}
.radioBtnList + p {
  margin-top: 13px;
}

* + .radioBtnList {
  margin-top: 20px;
}

/*
formTable
***************************************************** */
.formTable {
  border: 0 none;
}
.formTable th, .formTable td {
  padding: 9px 0 7px;
  border: 0 none;
}
@media only screen and (max-width: 720px) {
  .formTable th, .formTable td {
    display: table-cell;
    text-align: left;
  }
}
.formTable th {
  width: 88px;
  background: #fff;
  font-weight: normal;
}
@media only screen and (max-width: 720px) {
  .formTable.spCell-block th,
  .formTable.spCell-block td {
    display: block;
  }
  .formTable.spCell-block .formBox__note {
    display: block;
  }
  .formTable.spCell-block td {
    padding-top: 0;
  }
}
.formTable .col3 .formBox__textBox {
  width: 100px;
}
@media only screen and (max-width: 720px) {
  .formTable .col3 .formBox__textBox {
    width: 70px;
    padding: 8px 7px 6px;
  }
}

/*
borderBox
***************************************************** */
.borderBox {
  padding: 26px 30px 24px;
  border: 1px solid #dad8d6;
}

* + .borderBox {
  margin-top: 20px;
}

.borderBox__body + .borderBox__body {
  margin-top: 24px;
  padding-top: 27px;
  border-top: 1px solid #dad8d6;
}

.iframeInfo {
  height: 200px;
  padding: 26px 30px 0;
  font-size: 88%;
  line-height: 200%;
  overflow-y: scroll;
}
.iframeInfo .borderBox__body + .borderBox__body {
  padding-bottom: 24px;
}

.iframeInfo-l {
  height: 600px;
  padding: 26px 30px 0;
  font-size: 88%;
  line-height: 200%;
  overflow-y: scroll;
}
.iframeInfo-l .borderBox__body + .borderBox__body {
  padding-bottom: 24px;
}
@media only screen and (max-width: 720px) {
  .iframeInfo-l {
    height: 280px;
  }
}

@media only screen and (max-width: 720px) {
  .iframeInfo::-webkit-scrollbar,
  .iframeInfo-l::-webkit-scrollbar {
    width: 10px;
    background: #f1f1f1;
  }

  .iframeInfo::-webkit-scrollbar-thumb,
  .iframeInfo-l::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
  }
}
/*
siteSealBox
***************************************************** */
.siteSealBox {
  margin: 0 auto;
  width: 90px;
  text-align: center;
}

* + .siteSealBox {
  margin-top: 60px;
}


/*
inquiry
***************************************************** */
.childAdd-sub {
  display: none;
  margin: 10px 0 0 27px;
}

.inquiry__body__item {
  display: none;
}
.inquiry__body__item:nth-child(1) {
  display: block;
}

/*
formBox__item
***************************************************** */
.formBox__item .name_kojin.show,
.formBox__item .name_houjin.show,
.formBox__item .n_name_kojin.show,
.formBox__item .n_name_houjin.show {
  display: inline-block;
}
@media only screen and (max-width: 720px) {
  .formBox__item .name_kojin.show,
  .formBox__item .name_houjin.show,
  .formBox__item .n_name_kojin.show,
  .formBox__item .n_name_houjin.show {
    display: block;
  }
}
.formBox__item .name_kojin,
.formBox__item .name_houjin,
.formBox__item .n_name_kojin,
.formBox__item .n_name_houjin {
  display: none;
}

@media only screen and (max-width: 720px) {
  .column2.category .donate_input {
    margin-top: 15px;
  }
}

.donate_input span {
  display: inline-block;
  width: 19%;
  vertical-align: top;
}
@media only screen and (max-width: 720px) {
  .donate_input span {
    width: 48%;
  }
  .donate_input span:nth-child(n+3) {
    margin-top: 10px;
  }
}
.donate_input select {
  width: 75px;
  height: 27px;
  border: 1px solid #dad8d6;
}

.column2.category .donate_input {
  margin-top: 10px;
}
.column2.category .donate_input span {
  width: 32%;
}
@media only screen and (max-width: 720px) {
  .column2.category .donate_input span {
    width: 48%;
  }
  .column2.category .donate_input span:nth-child(n+3) {
    margin-top: 10px;
  }
}

.pwChangeBox {
  display: none;
}

* + .pwChangeBox {
  margin-top: 20px;
}

.text-input {
  position: relative;
}
.text-input .is-err {
  background: #fce5f2;
}

.errBlock {
  position: relative;
  display: block;
  font-size: 12px !important;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  padding: 5px 10px;
  background-color: #d23b3b;
  border-radius: 3px;
  -moz-border-radius: 3px;
  letter-spacing: normal;
}
.errBlock:after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 8px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #d23b3b transparent transparent transparent;
}

.post_caution,
.input_error {
  padding: 8px 14px 6px;
  background: #fce5f2;
  border: 1px solid #ef66b2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 100%;
  line-height: 138%;
}

.input_error {
  display: inline-block;
  margin-top: 5px;
}
@media only screen and (max-width: 720px) {
  .input_error {
    width: 100%;
  }
}
.input_error + .formBox__item {
  margin-top: 10px;
}

@media only screen and (max-width: 720px) {
  .table-login .post_caution {
    margin: 0 19px;
  }
}
.validator_check {
  vertical-align: middle;
  margin: 5px 0;
  height: 22px;
  width: 22px;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
}

.is-disabled {
  background: #dfdfdf url(/common/css/img/bg_selectbox.png) right center no-repeat;
}

.category-heading + .plan-blog {
  margin-top: 30px;
}

@media only screen and (max-width: 720px) {
  .contents__Body.plan-blog .contents__Body__right {
    display: block;
    float: none;
    width: auto;
    margin: 40px -19px 0;
  }
  .contents__Body.plan-blog .contents__Body__right .navLocal__head {
    font-size: 122%;
    line-height: 130%;
  }
  .contents__Body.plan-blog .contents__Body__right .navLocal__head span {
    padding: 0.3em 19px 0.1em;
    height: 55px;
  }
  .contents__Body.plan-blog .contents__Body__right .navLocal__head span:after {
    display: block;
    float: right;
    vertical-align: middle;
  }
  .contents__Body.plan-blog .navLocal__body__warp {
    display: none;
  }
}
.contents__Body.plan-blog .navLocal .coution {
  margin-top: 0;
  padding: 15px 0;
  color: #00549f;
  font-size: 88%;
  line-height: 143%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .contents__Body.plan-blog .navLocal .coution {
    font-size: 100%;
    line-height: 143%;
    padding: 8px 15px;
  }
}
.contents__Body.plan-blog .navLocal__body {
  border-top: 1px solid #dad8d6;
}
.contents__Body.plan-blog .navLocal__body__item a {
  padding: 0 0 0 15px;
}
.contents__Body.plan-blog .navLocal__body__item a:hover {
  background: #fff;
}
.contents__Body.plan-blog .navLocal + .navLocal {
  margin-top: 40px;
}
@media only screen and (max-width: 720px) {
  .contents__Body.plan-blog .navLocal + .navLocal {
    margin-top: 1px;
  }
}

.blog-wrap .column + .column {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 1px solid #dad8d6;
}
.blog-wrap .column .column-cell + .column-cell {
  padding-left: 30px;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column .column-cell + .column-cell {
    padding-left: 0;
  }
}
.blog-wrap .column.is-margin {
  margin-top: 10px;
  padding: 30px 20px 20px 30px;
  background: #f0efef;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column.is-margin {
    padding: 0;
  }
}
.blog-wrap .column.is-margin + .column {
  margin-top: 0;
}
.blog-wrap .column.is-margin .cell-img {
  width: 280px;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column.is-margin .cell-img {
    width: 100%;
  }
}
.blog-wrap .column.is-margin .cell-img p {
  width: 280px;
  height: 198px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column.is-margin .cell-img p {
    width: 100%;
    height: auto;
  }
}
.blog-wrap .column.is-margin .cell-img p img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column.is-margin .cell-img p {
    width: 100%;
  }
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column.is-margin .cell-text {
    padding: 15px 10px;
  }
}
.blog-wrap .column .cell-img {
  width: 200px;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column .cell-img {
    width: 100%;
  }
}
.blog-wrap .column .cell-img p {
  width: 200px;
  height: 180px;
  overflow: hidden;
}
.blog-wrap .column .cell-img p img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column .cell-img p {
    width: 100%;
    height: auto;
  }
}
.blog-wrap .column .title {
  color: #00549f;
  font-size: 113%;
  line-height: 150%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column .title {
    font-size: 115%;
    line-height: 157%;
  }
}
.blog-wrap .column .date {
  margin-top: 5px;
  font-size: 75%;
  line-height: 217%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column .date {
    margin-top: 10px;
    font-size: 93%;
    line-height: 139%;
  }
}
.blog-wrap .column .date + p {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column .date + p {
    margin-top: 5px;
  }
}
.blog-wrap .column .link-list {
  margin-top: 10px;
}
.blog-wrap .column .link-list li {
  float: right;
}
.blog-wrap .column2 {
  margin: 20px 0 0 0;
  padding-top: 30px;
  border-top: 1px solid #dad8d6;
  letter-spacing: -.35em;
}
.blog-wrap .column2 .column {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column2 {
    padding-top: 0;
  }
}
.blog-wrap .column2__item {
  float: none;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin-top: 15px;
  vertical-align: top;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column2__item {
    display: block;
    padding-top: 15px;
  }
  .blog-wrap .column2__item + .column2__item {
    border-top: 1px solid #dad8d6;
  }
  .blog-wrap .column2__item .column-cell {
    display: table-cell;
  }
}
.blog-wrap .column2__item:nth-child(even) {
  margin-right: 0;
}
.blog-wrap .column2__item .column-cell + .column-cell {
  padding-left: 20px;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column2__item .column-cell + .column-cell {
    padding: 0 0 0 15px;
  }
}
.blog-wrap .column2__item .cell-img {
  width: 136px;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column2__item .cell-img {
    width: 100px;
  }
}
.blog-wrap .column2__item .cell-img p {
  width: 136px;
  height: 91px;
  overflow: hidden;
}
.blog-wrap .column2__item .cell-img p img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column2__item .cell-img p {
    width: 100px;
    height: auto;
  }
}
.blog-wrap .column2__item .title {
  color: #00549f;
  font-size: 100%;
  line-height: 150%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .column2__item .title {
    font-size: 115%;
    line-height: 150%;
  }

.news-list .column .column-cell .blog-icon {
  margin-top: 5px;
  display:block;
 }

}
.blog-wrap .column2__item .blog-icon {
  margin-top: 5px;
  display:block;
}



.blog-wrap a {
  text-decoration: none;
}
.blog-wrap a:hover img {
  opacity: 0.7;
}
.blog-wrap .date {
  color: #333;
}

.blog-wrap a:visited p {
  color: #333;
}

.blog-wrap a:hover p {
  color: #00549f;
}

.blog-wrap a:active p {
  color: #00549f;
}

.blog-wrap .news-list {
  border-bottom: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .news-list {
    margin: 0;
  }
  .blog-wrap .news-list .column-cell {
    display: table-cell;
  }
  .blog-wrap .news-list .cell-text {
    padding: 0;
  }
}
.blog-wrap .news-list .column {
  margin-top: 0;
  padding: 15px 10px;
  border-top: 1px solid #dad8d6;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .news-list .column {
    margin: 0;
    padding: 15px 0;
  }
}
.blog-wrap .news-list .column-cell + .column-cell {
  padding-left: 20px;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .news-list .column-cell + .column-cell {
    padding: 0 0 0 10px;
  }
}
.blog-wrap .news-list .cell-img {
  width: 150px;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .news-list .cell-img {
    width: 100px;
    height: auto;
  }
}
.blog-wrap .news-list .cell-img p {
  width: 150px;
  height: 91px;
  overflow: hidden;
}
.blog-wrap .news-list .cell-img p img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .news-list .cell-img p {
    width: 100px;
    height: auto;
  }
}
.blog-wrap .news-list .title {
  color: #00549f;
  font-size: 100%;
  line-height: 150%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .blog-wrap .news-list .title {
    font-size: 115%;
    line-height: 150%;
  }
}

.blog-icon {
  margin-top: 10px;
  font-size: 100%;
  line-height: 188%;
}
@media only screen and (max-width: 720px) {
  .blog-icon {
    line-height: 100%;
  }
}

.blog-icon .icon {
  width: 150px;
  color: #fff;
  margin-left: 0;
  padding: 0.2em 10px 0.25em;
  font-size: 82%;
  line-height: 100%;
  font-weight: bold;
}

.blog-icon:nth-of-type(n+2) {
    margin-left: 10px;
}

.column2 .column2__item .blog-icon .icon {
  width: 168px;
  color: #fff;
  margin-left: 0;
  padding: 0.2em 10px 0.25em;
  font-size: 82%;
  line-height: 100%;
  font-weight: bold;
}

.column2 .column2__item .blog-icon:nth-of-type(n+2) {
    margin-left: 0px;
}



@media only screen and (max-width: 720px) {
  .blog-icon .icon {
    width: 100px;
    font-size: 79%;
    line-height: 137%;
  }

.column2 .column2__item .blog-icon .icon {
    width: 130px;
    font-size: 79%;
    line-height: 137%;
  }
.news-list .column .column-cell .blog-icon .icon {
    width: 130px;
    font-size: 79%;
    line-height: 137%;
  }
.news-list .column .column-cell .blog-icon:nth-of-type(n+2) {
    margin-left: 0px;
}

/* add 20180720 */
  .column2 .column2__item.ondaymv{
  float: left;
  width: 48%;
  margin-right: 4%;
  overflow: hidden;
  }
  .column2 .column2__item.ondaymv:nth-child(2n){
  margin-right: 0%;
  }
  
  .contents__Body__left .column2 .column2__item.ondaymv {
    margin-top: 10px;
  }
}

.bg-africa {
  background: #bfc2df;
}

.bg-america {
  background: #dba6cc;
}

.bg-asia {
  background: #e59496;
}

.bg-interview {
  background: #f8ab76;
}

.bg-japan {
  background: #e7c164;
}

.bg-plan-ceo {
  background: #67C5D7;
}


.bg-haiti {
  background: #b7d475;
}

.bg-vietnam {
  background: #82c585;
}

.bg-laos {
  background: #6fc2c7;
}

.bg-secretariat {
  background: #94cce8;
}

.bg-earthquake {
  background: #ba9f85;
}

.bg-president {
  background: #00549f;
}

.selectArea {
  display: block;
  position: relative;
  box-sizing: border-box;
}

.selectArea select {
  position: absolute;
  zoom: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px none;
  cursor: pointer;
  background: #fff;
}

.selectArea option {
  color: #333;
  background: #fff;
}

.selectArea__text {
  position: relative;
  display: block;
  width: auto;
  height: 40px;
  padding: 0 60px 0 13px;
  font-size: 88%;
  line-height: 286%;
  border: 1px solid #dad8d6;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 720px) {
  .selectArea__text {
    margin: 0 19px;
  }
}

.selectArea__text:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 42px;
  height: 42px;
  background: url(img/bg_select.png) 0 0 no-repeat;
}

.profile {
  margin-top: 20px;
}
.profile .profile__body {
  display: table;
  float: right;
}
.profile .profile__body > * {
  display: table-cell;
}
.profile .profile__text {
  font-size: 75%;
  line-height: 150%;
  text-align: right;
  vertical-align: bottom;
}
.profile .profile__img {
  margin-top: 0;
  padding-left: 8px;
  width: auto;
  height: auto;
  overflow: hidden;
}
.profile + .news__header {
  margin-top: 10px;
}

.girl .main__body {
  margin: 0 auto;
}
.girl .contents__Body-auto .wrap {
  padding: 60px 0 60px;
}
@media only screen and (max-width: 720px) {
  .girl .contents__Body-auto .wrap {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 720px) {
  .girl .contents__Body-auto.bg-beige .wrap {
    padding: 20px 0;
  }
}
.girl .inner-box__body {
  background: url(img/bg_girl_about.png) 0 center no-repeat white;
  background-size: contain;
}
@media only screen and (max-width: 720px) {
  .girl .inner-box__body {
    padding: 40% 0;
    background: url(img/bg_girl_about_top.png) 0 0 no-repeat, url(img/bg_girl_about_bottom.png) 0 bottom no-repeat;
    background-color: inherit;
    background-size: contain;
  }
}
@media only screen and (max-width: 720px) {
  .girl .girlAbout {
    padding: 14px 19px;
  }
}
.girl .girlAbout__body {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0;
  background: url(img/bg_under_girl_about.png) 0 center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 720px) {
  .girl .girlAbout__body {
    width: 100%;
    padding: 40% 0;
    background: url(img/bg_girl_about_top.png) 0 0 no-repeat, url(img/bg_girl_about_bottom.png) 0 bottom no-repeat;
    background-color: inherit;
    background-size: contain;
  }
}
.girl .column4 {
  margin-top: 35px;
  margin-right: -24px;
}
@media only screen and (max-width: 720px) {
  .girl .column4 {
    margin-top: 20px;
    margin-right: 0;
  }
}
.girl .column4 .column__item {
  float: left;
  width: 222px;
  margin-right: 24px;
  margin-left: 0;
}
.girl .column4 .column__item:nth-child(-n+4) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .girl .column4 .column__item:nth-child(-n+4) {
    margin-top: 4%;
  }
}
@media only screen and (max-width: 720px) {
  .girl .column4 .column__item {
    width: 48%;
    margin-top: 4%;
    margin-right: 0;
    margin-left: 4%;
  }
  .girl .column4 .column__item:nth-child(odd) {
    margin-left: 0;
  }
  .girl .column4 .column__item:nth-child(1), .girl .column4 .column__item:nth-child(2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 720px) {
  .girl .column4 + .btn-w222 {
    margin-top: 15px;
  }
  .girl .column4 + .btn-w222 span {
    min-width: 200px;
  }
}
.girl .column2.category {
  background-color: #fce5f2;
}
.girl .column2.category .category-box__Body {
  padding: 25px 30px 4px;
}
@media only screen and (max-width: 720px) {
  .girl .column2.category .category-box__Body {
    padding: 15px 10px 20px;
  }
}
.girl .bnr-list {
  padding: 80px 0 25px;
}
@media only screen and (max-width: 720px) {
  .girl .bnr-list {
    padding: 40px 0 25px;
  }
}
@media only screen and (max-width: 720px) {
  .girl.top .pickup .pickup__text {
    padding: 15px 10px;
  }
}

.girl.top h3 {
	font-size: 175%;
}

.girl.top h4 {
	font-size: 132%;
}

@media only screen and (max-width: 720px) {
.girl.top h3 {
	font-size: 143%;
    line-height: 155%;
}

.girl.top h4 {
	font-size: 115%;
    line-height: 144%;
}
}

.navGlobal__body .listGnav__item__body.is-girl .sub-navi {
  display: block;
  z-index: 1;
}

/*
.girlNavi {
  position: relative;
  background: #e4007f;
}
@media only screen and (max-width: 720px) {
  .girlNavi {
    display: none;
  }
}
.girlNavi ul {
  display: table;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.girlNavi li {
  display: table;
  float: left;
}
.girlNavi li + li {
  margin-top: 0;
}
.girlNavi li a {
  display: table-cell;
  width: 100%;
  height: 56px;
  padding: 0;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
}
.girlNavi li a:hover {
  color: #fcf1c0;
}
.girlNavi li:nth-child(1) {
  width: 260px;
}
.girlNavi li:nth-child(2) {
  width: 170px;
}
.girlNavi li:nth-child(3) {
  width: 220px;
}
.girlNavi li:nth-child(4) {
  width: 140px;
}
.girlNavi li:nth-child(5) {
  width: 170px;
}
.girlNavi .girlSubNavi {
  display: none;
  position: absolute;
  top: 56px;
  left: 0;
  width: 100%;
  background: #ecebea;
  z-index: 100;
}
.girlNavi .girlSubNavi li {
  width: 20%;
}
.girlNavi .girlSubNavi li a {
  color: #333;
}
.girlNavi .girlSubNavi li a:hover {
  opacity: 0.8;
}

*/
/*
NAVI
****************************************************/

.girlNavi2017 {
	position: relative;
	background: #e4007f;
}
 @media only screen and (max-width: 720px) {
.girlNavi2017 {
	display: none;
}
}
.girlNavi2017 .sub-navi__list {
	display: table;
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 17px;
}
.girlNavi2017 .sub-navi__item {
	display: table-cell;
	width: 260px;
}
.girlNavi2017 .sub-navi__item + .sub-navi__item {
	padding-left: 90px;
}
.girlNavi2017 .sub-navi__item ul {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ed329a;
	list-style: none;
}
.girlNavi2017 .sub-navi__item ul ul {
	margin-top: 4px;
	border-bottom: none;
}
.girlNavi2017 .sub-navi__item li {
	padding-top: 6px;
	padding-left: 15px;
	padding-bottom: 1px;
	border-top: 1px solid #ed329a;
}
.girlNavi2017 .sub-navi__item li + li {
	margin-top: 4px;
}
.girlNavi2017 .sub-navi__item li a {
	color: #fff;
	font-size: 82%;
	line-height: 208%;
	font-weight: normal;
	text-decoration: none;
}
@media only screen and (max-width: 720px) {
.girlNavi2017 .sub-navi__item li a {
	font-size: 93%;
	line-height: 185%;
}
}
.girlNavi2017 .sub-navi__item li a:hover {
	color: #fcf1c0;
}
.girlNavi2017 .sub-navi__item li a:before {
	display: inline-block;
	margin-top: -2px;
	margin-right: 3px;
	font-size: 63%;
	line-height: 240%;
	font-weight: normal;
	vertical-align: middle;
}
@media only screen and (max-width: 720px) {
.girlNavi2017 .sub-navi__item li a:before {
	font-size: 72%;
	line-height: 210%;
}
}
.girlNavi2017 .sub-navi__item > ul > li {
	padding-left: 0;
}
.girlNavi2017 .sub-navi__item > ul > li > a {
	font-size: 100%;
	line-height: 188%;
	font-weight: bold;
}
@media only screen and (max-width: 720px) {
.girlNavi2017 .sub-navi__item > ul > li > a {
	font-size: 115%;
	line-height: 169%;
}
}


.spGirlMenu {
  display: none;
}
@media only screen and (max-width: 720px) {
  .spGirlMenu {
    display: block;
  }
}
.spGirlMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.spGirlMenu ul > li {
  position: relative;
  margin: 0;
  padding: 0;
}
.spGirlMenu ul ul {
  position: absolute;
  display: none;
  width: 100%;
  padding: 32px 29px;
  background: #ec4da6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 300;
}
.spGirlMenu ul ul li + li {
  margin-top: 25px;
}
.spGirlMenu ul ul a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.spGirlMenu li.accordion.open a:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.spGirlMenu li.accordion > a {
  position: relative;
  display: block;
  padding: 17px 19px 14px 19px;
  font-size: 108%;
  line-height: 154%;
  display: block;
  color: #fff;
  font-weight: bold;
  background: #e4007f;
  text-decoration: none;
}
.spGirlMenu li.accordion > a:after {
  position: absolute;
  top: 20px;
  right: 19px;
}

.girlMainImg {
  position: relative;
  min-width: 1024px;
  height: 420px;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .girlMainImg {
    min-width: 1px;
    height: 318px;
    margin-top: 15px;
  }
}
.girlMainImg .girlMainImg__img {
  position: absolute;
  top: -50%;
  left: -50%;
  display: block;
  width: 200% !important;
  height: 200%;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .girlMainImg .girlMainImg__img {
    position: relative;
    top: 0;
    left: 0;
    width: auto !important;
    height: auto;
  }
}
.girlMainImg .girlMainImg__img img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
}
@media only screen and (max-width: 720px) {
  .girlMainImg .girlMainImg__img img {
    position: relative;
    margin: 0;
    width: 100%;
    height: auto;
    min-width: 1%;
    min-height: 1%;
  }
}
.girlMainImg .girlMainImg__text {
  position: absolute;
  bottom: 162px;
  left: 0;
  right: 0;
  width: 960px;
  margin: 0 auto;
  text-align: right;
  z-index: 50;
}
@media only screen and (max-width: 720px) {
  .girlMainImg .girlMainImg__text {
    bottom: 0;
    width: auto;
    padding: 15px 0 14px;
    text-align: left;
    background: rgba(0, 0, 0, 0.5);
  }
}
@media only screen and (max-width: 720px) {
  .girlMainImg .girlMainImg__text .text {
    width: 170px;
    height: 42px;
    margin: 0 auto;
  }
  .girlMainImg .girlMainImg__text .text img {
    width: 100%;
  }
}
.girlMainImg .girlMainImg__text .girlMainImg__btn {
  margin-top: 45px;
}
@media only screen and (max-width: 720px) {
  .girlMainImg .girlMainImg__text .girlMainImg__btn {
    margin-top: 14px;
    text-align: center;
  }
}
.girlMainImg .girlMainImg__text .girlMainImg__btn span {
  width: 320px;
}
@media only screen and (max-width: 720px) {
  .girlMainImg .girlMainImg__text .girlMainImg__btn span {
    width: 240px;
  }
}
.girlMainImg .girlMainImg__logo {
  position: absolute;
  bottom: 17px;
  left: 0;
  right: 0;
  width: 960px;
  margin: 0 auto;
  text-align: right;
}
@media only screen and (max-width: 720px) {
  .girlMainImg .girlMainImg__logo {
    top: 10px;
    bottom: auto;
    left: auto;
    right: 10px;
    width: 118px;
    height: 28px;
    margin: 0;
  }
  .girlMainImg .girlMainImg__logo img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 720px) {
  .girl .project {
    margin-top: 30px;
  }
}
.girl .project .contents {
  height: 210px;
}
@media only screen and (max-width: 720px) {
  .girl .project .contents {
    height: auto;
    padding: 10px 0 17px;
  }
}
.girl .project .project__btn {
  margin-top: 15px;
}
@media only screen and (max-width: 720px) {
  .girl .project .project__btn {
    margin: 10px 19px 0;
  }
}
@media only screen and (max-width: 720px) {
  .girl .project .title img {
    width: 214px;
    height: 40px;
  }
  .girl .project .project__box + .project__box .title img {
    width: 199px;
    height: 39px;
  }
}
.girl .project .contents__head div {
  width: 465px;
  text-align: center;
}
@media only screen and (max-width: 720px) {
  .girl .project .contents__head div {
    width: 100%;
    float: none;
  }
}
.girl .project .contents__head .titleTxet {
  font-size: 150%;
  line-height: 159%;
  font-weight: bold;
}
@media only screen and (max-width: 720px) {
  .girl .project .contents__head .titleTxet {
    font-size: 129%;
    line-height: 162%;
  }
}
.girl .project .contents__head .text {
  margin-top: 5px;
  font-size: 100%;
  line-height: 138%;
}
@media only screen and (max-width: 720px) {
  .girl .project .contents__head .text {
    font-size: 100%;
    line-height: 179%;
  }
}

.btnList {
  padding: 40px 0 44px;
}
@media only screen and (max-width: 720px) {
  .btnList {
    padding: 30px 19px 34px;
  }
}
.btnList ul {
  width: 960px;
  margin: 0 auto;
  list-style: none;
}
@media only screen and (max-width: 720px) {
  .btnList ul {
    width: auto;
  }
}
.btnList ul li {
  float: left;
  margin-left: 18px;
}
.btnList ul li:nth-child(3n+1) {
  margin-left: 0;
}
.btnList ul li:nth-child(-n+3) {
  margin-top: 0;
}
@media only screen and (max-width: 720px) {
  .btnList ul li:nth-child(-n+3) {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 720px) {
  .btnList ul li {
    float: none;
    margin: 0;
  }
  .btnList ul li:nth-child(1) {
    margin-top: 0;
  }
  .btnList ul li + li {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 720px) {
  .btnList .btn {
    width: 100%;
  }
}
.btnList .btn span {
  width: 308px;
}
@media only screen and (max-width: 720px) {
  .btnList .btn span {
    width: 100%;
  }
}

.girlSNS {
  width: 960px;
  margin: 0 auto;
  padding: 60px 0;
}
@media only screen and (max-width: 720px) {
  .girlSNS {
    width: auto;
    padding: 40px 19px 44px;
  }
  .girlSNS .iframeFB {
    display: none;
  }
  .girlSNS .iframeFB iframe {
    display: none;
  }
}
.girlSNS .girlSNS__item {
  display: table-cell;
  width: 470px;
  padding: 30px;
  background: #f8f7f7;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
@media only screen and (max-width: 720px) {
  .girlSNS .girlSNS__item {
    display: block;
    width: auto;
    padding: 15px 10px;
  }
}
.girlSNS .girlSNS__item + .girlSNS__item {
  padding: 0 0 0 20px;
  background: #fff;
}
.girlSNS .girlSNS__item + .girlSNS__item iframe {
  vertical-align: bottom;
}
.girlSNS .btnFB {
  display: none;
}
@media only screen and (max-width: 720px) {
  .girlSNS .btnFB {
    display: block;
    margin-top: 20px;
  }
  .girlSNS .btnFB .btn {
    width: 100%;
  }
  .girlSNS .btnFB .btn span {
    width: 100%;
  }
}

.scheduleTable {
  border: 0 none;
}
.scheduleTable th,
.scheduleTable td {
  padding-top: 0;
  border: 0 none;
  font-size: 88%;
  line-height: 200%;
}
.scheduleTable tr + tr th,
.scheduleTable tr + tr td {
  padding-top: 16px;
  border-top: 1px solid #dad8d6;
}
.scheduleTable th {
  background: none;
}
.scheduleTable .scheduleTable__cellTitle {
  width: 300px;
}
.scheduleTable .scheduleTable__cellBtn {
  width: 120px;
  vertical-align: middle;
  text-align: right;
}
@media only screen and (max-width: 720px) {
  .scheduleTable th,
  .scheduleTable td {
    padding-right: 0;
    padding-left: 0;
    text-align: left;
  }
  .scheduleTable tr + tr td {
    padding-top: 0;
    border-top: 0 none;
  }
  .scheduleTable .scheduleTable__cellTitle,
  .scheduleTable .scheduleTable__cellBtn {
    width: auto;
  }
  .scheduleTable .scheduleTable__cellBtn {
    text-align: center;
    padding-bottom: 16px;
  }
}

/*
girlMssage
***************************************************** */
.spAccHead {
  display: none;
}

/*
girlMssage
***************************************************** */
@media only screen and (max-width: 720px) {
  .girlMssage .column .column-cell {
    display: table-cell;
    width: 67%;
  }
  .girlMssage .column .cell-img {
    width: 30%;
  }
  .girlMssage .column .cell-text {
    padding: 0 0 0 3%;
  }
  .girlMssage .column2 {
    margin-top: 20px;
  }
  .girlMssage .column2 .column2__item:nth-child(2) {
    margin-top: 20px;
  }
  .girlMssage .title {
    display: none;
  }
  .girlMssage .title + p {
    margin-top: 0;
  }

  .spAccHead {
    display: block;
    padding: 10px 0;
    color: #e4007f;
  }

  .spGIrlAcc {
    margin-top: 20px;
    border-bottom: 1px solid #dad8d6;
  }
  .spGIrlAcc .column2 {
    margin-top: 0;
  }
  .spGIrlAcc .column2 .column2__item:nth-child(2) {
    margin-top: 0;
  }
  .spGIrlAcc .spAccHead {
    background: url(img/bg_plus.png) right center no-repeat;
  }
  .spGIrlAcc .spAccHead.open {
    background: url(img/bg_faq_minus.png) right center no-repeat;
  }
  .spGIrlAcc .column {
    display: none;
    padding-bottom: 10px;
  }
  .spGIrlAcc .column2__item {
    border-top: 1px solid #dad8d6;
  }
}
/*
map
***************************************************** */
.map {
  width: 1000px;
  height: 530px;
}

.remodal-wrapper .remodal-map {
  max-width: 1000px;
  padding: 0;
}

/* tab */
.tab-map {
  position: relative;
}

.tabList {
  position: absolute;
  right: 30px;
  bottom: 100%;
  left: 30px;
  letter-spacing: -.35em;
  margin: 0 auto;
}

.tabList__item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin: 0;
}
.tabList__item + .tabList__item {
  margin-left: 9px;
}

.tabList__item__link {
  display: block;
  padding: 13px 92px 14px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background: #e1e1e1;
  text-decoration: none;
  font-size: 112.5%;
  line-height: 161.11111%;
}
.tabList__item__link:hover {
  text-decoration: none;
  color: #fff;
}
.tabList__item__link.active {
  font-weight: bold;
}

.tabList__item__link--active:hover,
.tabList__item__link--active.active {
  background: #333;
  color: #fff;
}

.tabList__item__link--support:hover,
.tabList__item__link--support.active {
  background: #00549f;
  color: #fff;
}

.tabContent {
  border-top-width: 6px;
  border-top-style: solid;
  padding: 15px 30px;
}
.tabContent .tabContent {
  padding: 0 0 10px;
  border-top-width: 4px;
}

.tabContent--active {
  border-top-color: #333;
}

.tabContent--support {
  border-top-color: #00549f;
}

.tabContent--africa {
  border-top-color: #b5d428;
}

.tabContent--asia {
  border-top-color: #f5964e;
}

.tabContent--latin {
  border-top-color: #f3cf29;
}

/* regionList */
.regionList {
  letter-spacing: -.35em;
  margin: 0 auto;
}

.regionList__item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin: 0;
}
.regionList__item + .regionList__item {
  margin-left: 9px;
}

.regionList__item__link {
  display: block;
  padding: 5px 45px 4px;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  text-decoration: none;
  color: #222;
}
.regionList__item__link:hover {
  color: #222;
}
.regionList__item__link.active {
  font-weight: bold;
  color: #333;
}

.regionList__item__link--africa {
  background: #cfdc91;
}
.regionList__item__link--africa:hover, .regionList__item__link--africa.active {
  background: #b5d428;
}

.regionList__item__link--asia {
  background: #f6c8a5;
}
.regionList__item__link--asia:hover, .regionList__item__link--asia.active {
  background: #f5964e;
}

.regionList__item__link--latin {
  background: #f9e794;
}
.regionList__item__link--latin:hover, .regionList__item__link--latin.active {
  background: #f3cf29;
}

/* countryList */
.countryList {
  letter-spacing: -.35em;
  margin: 0;
}
.countryList li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 16.66667%;
  margin: 0;
  border-top: 1px solid #d9d7d8;
  border-bottom: 1px solid #d9d7d8;
  list-style-type: none;
}
.countryList li:nth-of-type(odd) {
  background: #f7f7f7;
}
.countryList li:nth-child(6) ~ li {
  border-top: 0 none;
}
.countryList a {
  display: block;
  padding: 8px 15px;
  text-decoration: none;
  font-size: 87.5%;
  line-height: 142.85714%;
}
.countryList a:visited, .countryList a:hover {
  color: #222;
}

.regionList ~ .tabContent .countryList li {
  border-top-color: #fff;
}

.countryList--africa a:hover {
  background: #b5d428;
}

.countryList--asia a:hover {
  background: #f5964e;
}

.countryList--latin a:hover {
  background: #f3cf29;
}

.countryList--support a:hover {
  background: #00549f;
  color: #fff;
}

/*
pickup
***************************************************** */
.pickup .pickup__text .icon {
  font-size: 12px;
  line-height: 19px;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pickup .pickup__text .icon:not(:target) {
    font-size: 88%;
    line-height: 136%;
  }
}
/*
tab
***************************************************** */
.tab-year > .tab__head .tab__head__item a {
  height: 42px\9;
  padding-top: 0.3em\9;
  padding-bottom: 0.1em\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tab-year > .tab__head .tab__head__item a:not(:target) {
    height: 42px;
    padding-top: 0.3em;
    padding-bottom: 0.1em;
  }
}
/*
.plan8 .plan-box .contents h4
***************************************************** */
.plan8 .plan-box .contents h4 {
  padding-top: 0.2em\9;
  padding-bottom: 0.1em\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .plan8 .plan-box .contents h4:not(:target) {
    padding-top: 0.2em;
    padding-bottom: 0.1em;
  }
}
/*
.topics .topics__body h2
***************************************************** */
.topics .topics__body h2,
h2.pickup-heading,
.news .news__body h2 {
  font-family: "游ゴシック" \9, YuGothic\9, "ヒラギノ角ゴ Pro W3" \9, "Hiragino Kaku Gothic ProN" \9, "メイリオ" \9, Meiryo\9, "ＭＳ Ｐゴシック" \9, sans-serif\9;
  font-weight: bold\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .topics .topics__body h2:not(:target),
  h2.pickup-heading:not(:target),
  .news .news__body h2:not(:target) {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
  }
}
/*
.link-list li
***************************************************** */
.link-list li {
  top: 5px\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .link-list li:not(:target):before {
    top: 5px;
  }
}
.back-num .link-list li {
  top: 8px\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .back-num .link-list li:not(:target):before {
    top: 8px;
  }
}
/*
.topics .topics__body h2
***************************************************** */
.faq .item__q__body:before {
  top: 20px\9;
  font-size: 15px\9;
  font-family: "メイリオ" \9;
  font-weight: bold\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .faq .item__q__body:not(:target):before {
    top: 23px;
    font-size: 30px;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
  }
}
/*
.topics .topics__body h2
***************************************************** */
.faq .item__a__body:before {
  top: 20px\9;
  font-size: 15px\9;
  font-family: "メイリオ" \9;
  font-weight: bold\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .faq .item__a__body:not(:target):before {
    top: 15px;
    font-size: 30px;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
  }
}
/*
page-link, link-list
***************************************************** */
.page-link li a:before,
.page-link li a:after,
.link-list li a:before,
.link a:before {
  overflow: hidden\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .page-link li a:before,
  .page-link li a:after,
  .link-list li a:before,
  .link a:before {
    overflow: hidden;
  }
}
/*
.blog-icon .icon
***************************************************** */
.blog-icon .icon {
  padding: 0.3em 10px 0.1em\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .blog-icon .icon {
    padding: 0.3em 10px 0.1em;
  }
}
/*
.blog-icon .icon
***************************************************** */
.pickup .pickup__text .link a:before {
  top: 7px\9;
}

/* IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pickup .pickup__text .link a:before {
    top: 7px;
  }
}
@media only screen and (max-width: 720px) {
  .pickup .pickup__text .link a:before {
    top: 4px\9;
  }
}
/* IE11 */
@media only screen and (-ms-high-contrast: active) and (max-width: 720px), only screen and (-ms-high-contrast: none) and (max-width: 720px) {
  .pickup .pickup__text .link a:before {
    top: 4px;
  }
}
/*
.stepNavList__item
***************************************************** */
.stepNavList__item:before {
  line-height: 22px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .stepNavList__item:before {
    line-height: 30px;
  }
}
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?7wah9f");
  src: url("fonts/icomoon.eot?7wah9f#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?7wah9f") format("truetype"), url("fonts/icomoon.woff?7wah9f") format("woff"), url("fonts/icomoon.svg?7wah9f#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
.h-linkList__item:before,
.h-link li:before,
.listGnav__item__link:after,
.btn-arrow span:after,
.btn-arrow-pre span span:before,/* add 201804 */
.headerUtility__item .head__btn .btn span.icn-btn_sp:before,/* add 201807 */
.ttl:before,
.f-infoList__item li a:before,
.f-infoLink li:before,
.sub-navi__item ul ul a:before,
.accordion > a:after,
.sp-previous-arrow:before,
.sp-next-arrow:before,
.link-list li a:before,
.btn-show span:after,
.plan-box h4:after,
.prev a:before,
.next a:after,
.anchor-link a:before,
.step__body + .step__body:before,
.navLocal__head span:after,
.tab-down li a:before,
.menu-title span:after,
.menu-list .accordion > a:after,
h4.voice_name:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--right-arrow:before,
.h-linkList__item:before,
.h-link li:before,
.ttl:before,
.f-infoLink li:before {
  content: "\e900";
}

.icon--botom-arrow:before,
.listGnav__item__link:after {
  content: "\e901";
}

.icon--btn-arrow:before,
.btn-arrow span:after,
.f-infoList__item li a:before,
.sub-navi__item ul ul a:before,
.sp-next-arrow:before,
.link-list li a:before,
.plan-box h4:after,
.next a:after,
.tab-down li a:before {
  content: "\e902";
}

.icon--btn-arrow-left:before,
.btn-arrow-pre span span:before,/* add 201804 */
.sp-previous-arrow:before,
.prev a:before {
  content: "\e903";
}


.icon--btn-arrow-bottom:before,
.accordion > a:after,
.btn-show span:after,
.anchor-link a:before,
.step__body + .step__body:before,
.navLocal__head span:after,
.menu-title span:after,
.menu-list .accordion > a:after {
  content: "\e904";
}

@font-face {
  font-family: 'Veneer';
  src: url("fonts/Veneer.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

/* *****************************************************
box
***************************************************** */
@media only screen and (max-width: 720px) {
  .sp-img-auto {
    text-align: center;
  }
  .sp-img-auto img {
    width: auto !important;
  }
  .sp-img-auto .caption {
    text-align: center;
  }
}
body .float-none {
  float: none;
}

body .v-t-top,
.contents__Body__left .v-t-top {
  vertical-align: text-top;
}

body .v-t-bottom,
.contents__Body__left .v-t-bottom {
  vertical-align: text-bottom;
}

/* float
----------------------------------------------------- */
.left {
  float: left;
}

.right {
  float: right;
}

/* text-align
----------------------------------------------------- */
body .set-center {
  text-align: center;
}

body .set-left {
  text-align: left;
}

body .set-right {
  text-align: right;
}

/* vertical-align
----------------------------------------------------- */
body .v-top,
.contents__Body__left .v-top {
  vertical-align: top;
}

body .v-bottom,
.contents__Body__left .v-bottom {
  vertical-align: bottom;
}

body .v-middle,
.contents__Body__left .v-middle {
  vertical-align: middle;
}

/* font-size
----------------------------------------------------- */
/* margin
----------------------------------------------------- */
body .m-auto {
  margin-left: auto;
  margin-right: auto;
}

/* top */
body .m-t0,
.contents__Body__left .m-t0 {
  margin-top: 0;
}

body .m-t5,
.contents__Body__left .m-t5 {
  margin-top: 5px;
}

body .m-t10,
.contents__Body__left .m-t10 {
  margin-top: 10px;
}

body .m-t15,
.contents__Body__left .m-t15 {
  margin-top: 15px;
}

body .m-t20,
.contents__Body__left .m-t20 {
  margin-top: 20px;
}

body .m-t25,
.contents__Body__left .m-t25 {
  margin-top: 25px;
}

body .m-t30,
.contents__Body__left .m-t30 {
  margin-top: 30px;
}

body .m-t35,
.contents__Body__left .m-t35 {
  margin-top: 35px;
}

body .m-t40,
.contents__Body__left .m-t40 {
  margin-top: 40px;
}

body .m-t45,
.contents__Body__left .m-t45 {
  margin-top: 45px;
}

body .m-t50,
.contents__Body__left .m-t50 {
  margin-top: 50px;
}

body .m-t55,
.contents__Body__left .m-t55 {
  margin-top: 55px;
}

body .m-t60,
.contents__Body__left .m-t60 {
  margin-top: 60px;
}

body .m-t65,
.contents__Body__left .m-t65 {
  margin-top: 65px;
}

body .m-t70,
.contents__Body__left .m-t70 {
  margin-top: 70px;
}

body .m-t75,
.contents__Body__left .m-t75 {
  margin-top: 75px;
}

body .m-t80,
.contents__Body__left .m-t80 {
  margin-top: 80px;
}

body .m-t85,
.contents__Body__left .m-t85 {
  margin-top: 85px;
}

body .m-t90,
.contents__Body__left .m-t90 {
  margin-top: 90px;
}

body .m-t95,
.contents__Body__left .m-t95 {
  margin-top: 95px;
}

body .m-t100,
.contents__Body__left .m-t100 {
  margin-top: 100px;
}

/* right */
body .m-r0,
.contents__Body__left .m-r0 {
  margin-right: 0;
}

body .m-r5,
.contents__Body__left .m-r5 {
  margin-right: 5px;
}

body .m-r10,
.contents__Body__left .m-r10 {
  margin-right: 10px;
}

body .m-r15,
.contents__Body__left .m-r15 {
  margin-right: 15px;
}

body .m-r20,
.contents__Body__left .m-r20 {
  margin-right: 20px;
}

body .m-r25,
.contents__Body__left .m-r25 {
  margin-right: 25px;
}

body .m-r30,
.contents__Body__left .m-r30 {
  margin-right: 30px;
}

body .m-r35,
.contents__Body__left .m-r35 {
  margin-right: 35px;
}

body .m-r40,
.contents__Body__left .m-r40 {
  margin-right: 40px;
}

body .m-r45,
.contents__Body__left .m-r45 {
  margin-right: 45px;
}

body .m-r50,
.contents__Body__left .m-r50 {
  margin-right: 50px;
}

body .m-r55,
.contents__Body__left .m-r55 {
  margin-right: 55px;
}

body .m-r60,
.contents__Body__left .m-r60 {
  margin-right: 60px;
}

body .m-r65,
.contents__Body__left .m-r65 {
  margin-right: 65px;
}

body .m-r70,
.contents__Body__left .m-r70 {
  margin-right: 70px;
}

body .m-r75,
.contents__Body__left .m-r75 {
  margin-right: 75px;
}

body .m-r80,
.contents__Body__left .m-r80 {
  margin-right: 80px;
}

body .m-r85,
.contents__Body__left .m-r85 {
  margin-right: 85px;
}

body .m-r90,
.contents__Body__left .m-r90 {
  margin-right: 90px;
}

body .m-r95,
.contents__Body__left .m-r95 {
  margin-right: 95px;
}

body .m-r100,
.contents__Body__left .m-r100 {
  margin-right: 100px;
}

/* bottom */
body .m-b0,
.contents__Body__left .m-b0 {
  margin-bottom: 0;
}

body .m-b5,
.contents__Body__left .m-b5 {
  margin-bottom: 5px;
}

body .m-b10,
.contents__Body__left .m-b10 {
  margin-bottom: 10px;
}

body .m-b15,
.contents__Body__left .m-b15 {
  margin-bottom: 15px;
}

body .m-b20,
.contents__Body__left .m-b20 {
  margin-bottom: 20px;
}

body .m-b25,
.contents__Body__left .m-b25 {
  margin-bottom: 25px;
}

body .m-b30,
.contents__Body__left .m-b30 {
  margin-bottom: 30px;
}

body .m-b35,
.contents__Body__left .m-b35 {
  margin-bottom: 35px;
}

body .m-b40,
.contents__Body__left .m-b40 {
  margin-bottom: 40px;
}

body .m-b45,
.contents__Body__left .m-b45 {
  margin-bottom: 45px;
}

body .m-b50,
.contents__Body__left .m-b50 {
  margin-bottom: 50px;
}

body .m-b55,
.contents__Body__left .m-b55 {
  margin-bottom: 55px;
}

body .m-b60,
.contents__Body__left .m-b60 {
  margin-bottom: 60px;
}

body .m-b65,
.contents__Body__left .m-b65 {
  margin-bottom: 65px;
}

body .m-b70,
.contents__Body__left .m-b70 {
  margin-bottom: 70px;
}

body .m-b75,
.contents__Body__left .m-b75 {
  margin-bottom: 75px;
}

body .m-b80,
.contents__Body__left .m-b80 {
  margin-bottom: 80px;
}

body .m-b85,
.contents__Body__left .m-b85 {
  margin-bottom: 85px;
}

body .m-b90,
.contents__Body__left .m-b90 {
  margin-bottom: 90px;
}

body .m-b95,
.contents__Body__left .m-b95 {
  margin-bottom: 95px;
}

body .m-b100,
.contents__Body__left .m-b100 {
  margin-bottom: 100px;
}

/* left */
body .m-l0,
.contents__Body__left .m-l0 {
  margin-left: 0;
}

body .m-l5,
.contents__Body__left .m-l5 {
  margin-left: 5px;
}

body .m-l10,
.contents__Body__left .m-l10 {
  margin-left: 10px;
}

body .m-l15,
.contents__Body__left .m-l15 {
  margin-left: 15px;
}

body .m-l20,
.contents__Body__left .m-l20 {
  margin-left: 20px;
}

body .m-l25,
.contents__Body__left .m-l25 {
  margin-left: 25px;
}

body .m-l30,
.contents__Body__left .m-l30 {
  margin-left: 30px;
}

body .m-l35,
.contents__Body__left .m-l35 {
  margin-left: 35px;
}

body .m-l40,
.contents__Body__left .m-l40 {
  margin-left: 40px;
}

body .m-l45,
.contents__Body__left .m-l45 {
  margin-left: 45px;
}

body .m-l50,
.contents__Body__left .m-l50 {
  margin-left: 50px;
}

body .m-l55,
.contents__Body__left .m-l55 {
  margin-left: 55px;
}

body .m-l60,
.contents__Body__left .m-l60 {
  margin-left: 60px;
}

body .m-l65,
.contents__Body__left .m-l65 {
  margin-left: 65px;
}

body .m-l70,
.contents__Body__left .m-l70 {
  margin-left: 70px;
}

body .m-l75,
.contents__Body__left .m-l75 {
  margin-left: 75px;
}

body .m-l80,
.contents__Body__left .m-l80 {
  margin-left: 80px;
}

body .m-l85,
.contents__Body__left .m-l85 {
  margin-left: 85px;
}

body .m-l90,
.contents__Body__left .m-l90 {
  margin-left: 90px;
}

body .m-l95,
.contents__Body__left .m-l95 {
  margin-left: 95px;
}

body .m-l100,
.contents__Body__left .m-l100 {
  margin-left: 100px;
}

@media only screen and (max-width: 720px) {
  .sp-m-t10 {
    margin-top: 10px !important;
  }
}
/* padding
----------------------------------------------------- */
/* top */
body .p-t0,
.contents__Body__left .p-t0 {
  padding-top: 0;
}

body .p-t5,
.contents__Body__left .p-t5 {
  padding-top: 5px;
}

body .p-t10,
.contents__Body__left .p-t10 {
  padding-top: 10px;
}

body .p-t15,
.contents__Body__left .p-t15 {
  padding-top: 15px;
}

body .p-t20,
.contents__Body__left .p-t20 {
  padding-top: 20px;
}

body .p-t25,
.contents__Body__left .p-t25 {
  padding-top: 25px;
}

body .p-t30,
.contents__Body__left .p-t30 {
  padding-top: 30px;
}

body .p-t35,
.contents__Body__left .p-t35 {
  padding-top: 35px;
}

body .p-t40,
.contents__Body__left .p-t40 {
  padding-top: 40px;
}

body .p-t45,
.contents__Body__left .p-t45 {
  padding-top: 45px;
}

body .p-t50,
.contents__Body__left .p-t50 {
  padding-top: 50px;
}

body .p-t55,
.contents__Body__left .p-t55 {
  padding-top: 55px;
}

body .p-t60,
.contents__Body__left .p-t60 {
  padding-top: 60px;
}

body .p-t65,
.contents__Body__left .p-t65 {
  padding-top: 65px;
}

body .p-t70,
.contents__Body__left .p-t70 {
  padding-top: 70px;
}

body .p-t75,
.contents__Body__left .p-t75 {
  padding-top: 75px;
}

body .p-t80,
.contents__Body__left .p-t80 {
  padding-top: 80px;
}

body .p-t85,
.contents__Body__left .p-t85 {
  padding-top: 85px;
}

body .p-t90,
.contents__Body__left .p-t90 {
  padding-top: 90px;
}

body .p-t95,
.contents__Body__left .p-t95 {
  padding-top: 95px;
}

body .p-t100,
.contents__Body__left .p-t100 {
  padding-top: 100px;
}

/* right */
body .p-r0,
.contents__Body__left .p-r0 {
  padding-right: 0;
}

body .p-r5,
.contents__Body__left .p-r5 {
  padding-right: 5px;
}

body .p-r10,
.contents__Body__left .p-r10 {
  padding-right: 10px;
}

body .p-r15,
.contents__Body__left .p-r15 {
  padding-right: 15px;
}

body .p-r20,
.contents__Body__left .p-r20 {
  padding-right: 20px;
}

body .p-r25,
.contents__Body__left .p-r25 {
  padding-right: 25px;
}

body .p-r30,
.contents__Body__left .p-r30 {
  padding-right: 30px;
}

body .p-r35,
.contents__Body__left .p-r35 {
  padding-right: 35px;
}

body .p-r40,
.contents__Body__left .p-r40 {
  padding-right: 40px;
}

body .p-r45,
.contents__Body__left .p-r45 {
  padding-right: 45px;
}

body .p-r50,
.contents__Body__left .p-r50 {
  padding-right: 50px;
}

body .p-r55,
.contents__Body__left .p-r55 {
  padding-right: 55px;
}

body .p-r60,
.contents__Body__left .p-r60 {
  padding-right: 60px;
}

body .p-r65,
.contents__Body__left .p-r65 {
  padding-right: 65px;
}

body .p-r70,
.contents__Body__left .p-r70 {
  padding-right: 70px;
}

body .p-r75,
.contents__Body__left .p-r75 {
  padding-right: 75px;
}

body .p-r80,
.contents__Body__left .p-r80 {
  padding-right: 80px;
}

body .p-r85,
.contents__Body__left .p-r85 {
  padding-right: 85px;
}

body .p-r90,
.contents__Body__left .p-r90 {
  padding-right: 90px;
}

body .p-r95,
.contents__Body__left .p-r95 {
  padding-right: 95px;
}

body .p-r100,
.contents__Body__left .p-r100 {
  padding-right: 100px;
}

/* bottom */
body .p-b0,
.contents__Body__left .p-b0 {
  padding-bottom: 0;
}

body .p-b5,
.contents__Body__left .p-b5 {
  padding-bottom: 5px;
}

body .p-b10,
.contents__Body__left .p-b10 {
  padding-bottom: 10px;
}

body .p-b15,
.contents__Body__left .p-b15 {
  padding-bottom: 15px;
}

body .p-b20,
.contents__Body__left .p-b20 {
  padding-bottom: 20px;
}

body .p-b25,
.contents__Body__left .p-b25 {
  padding-bottom: 25px;
}

body .p-b30,
.contents__Body__left .p-b30 {
  padding-bottom: 30px;
}

body .p-b35,
.contents__Body__left .p-b35 {
  padding-bottom: 35px;
}

body .p-b40,
.contents__Body__left .p-b40 {
  padding-bottom: 40px;
}

body .p-b45,
.contents__Body__left .p-b45 {
  padding-bottom: 45px;
}

body .p-b50,
.contents__Body__left .p-b50 {
  padding-bottom: 50px;
}

body .p-b55,
.contents__Body__left .p-b55 {
  padding-bottom: 55px;
}

body .p-b60,
.contents__Body__left .p-b60 {
  padding-bottom: 60px;
}

body .p-b65,
.contents__Body__left .p-b65 {
  padding-bottom: 65px;
}

body .p-b70,
.contents__Body__left .p-b70 {
  padding-bottom: 70px;
}

body .p-b75,
.contents__Body__left .p-b75 {
  padding-bottom: 75px;
}

body .p-b80,
.contents__Body__left .p-b80 {
  padding-bottom: 80px;
}

body .p-b85,
.contents__Body__left .p-b85 {
  padding-bottom: 85px;
}

body .p-b90,
.contents__Body__left .p-b90 {
  padding-bottom: 90px;
}

body .p-b95,
.contents__Body__left .p-b95 {
  padding-bottom: 95px;
}

body .p-b100,
.contents__Body__left .p-b100 {
  padding-bottom: 100px;
}

/* left */
body .p-l0,
.contents__Body__left .p-l0 {
  padding-left: 0;
}

body .p-l5,
.contents__Body__left .p-l5 {
  padding-left: 5px;
}

body .p-l10,
.contents__Body__left .p-l10 {
  padding-left: 10px;
}

body .p-l15,
.contents__Body__left .p-l15 {
  padding-left: 15px;
}

body .p-l20,
.contents__Body__left .p-l20 {
  padding-left: 20px;
}

body .p-l25,
.contents__Body__left .p-l25 {
  padding-left: 25px;
}

body .p-l30,
.contents__Body__left .p-l30 {
  padding-left: 30px;
}

body .p-l35,
.contents__Body__left .p-l35 {
  padding-left: 35px;
}

body .p-l40,
.contents__Body__left .p-l40 {
  padding-left: 40px;
}

body .p-l45,
.contents__Body__left .p-l45 {
  padding-left: 45px;
}

body .p-l50,
.contents__Body__left .p-l50 {
  padding-left: 50px;
}

body .p-l55,
.contents__Body__left .p-l55 {
  padding-left: 55px;
}

body .p-l60,
.contents__Body__left .p-l60 {
  padding-left: 60px;
}

body .p-l65,
.contents__Body__left .p-l65 {
  padding-left: 65px;
}

body .p-l70,
.contents__Body__left .p-l70 {
  padding-left: 70px;
}

body .p-l75,
.contents__Body__left .p-l75 {
  padding-left: 75px;
}

body .p-l80,
.contents__Body__left .p-l80 {
  padding-left: 80px;
}

body .p-l85,
.contents__Body__left .p-l85 {
  padding-left: 85px;
}

body .p-l90,
.contents__Body__left .p-l90 {
  padding-left: 90px;
}

body .p-l95,
.contents__Body__left .p-l95 {
  padding-left: 95px;
}

body .p-l100,
.contents__Body__left .p-l100 {
  padding-left: 100px;
}

.padding-tb60 {
  padding: 60px 0;
}
@media only screen and (max-width: 720px) {
  .padding-tb60 {
    padding: 30px 0;
  }
}

.padding-tb50 {
  padding: 50px 0;
}
@media only screen and (max-width: 720px) {
  .padding-tb50 {
    padding: 25px 0;
  }
}

.padding-tb30 {
  padding: 30px 0;
}
@media only screen and (max-width: 720px) {
  .padding-tb30 {
    padding: 15px 0;
  }
}

/* width
----------------------------------------------------- */
body .w0 {
  width: 0;
}

body .w5 {
  width: 5px;
}

body .w10 {
  width: 10px;
}

body .w15 {
  width: 15px;
}

body .w20 {
  width: 20px;
}

body .w25 {
  width: 25px;
}

body .w30 {
  width: 30px;
}

body .w35 {
  width: 35px;
}

body .w40 {
  width: 40px;
}

body .w45 {
  width: 45px;
}

body .w50 {
  width: 50px;
}

body .w55 {
  width: 55px;
}

body .w60 {
  width: 60px;
}

body .w65 {
  width: 65px;
}

body .w70 {
  width: 70px;
}

body .w75 {
  width: 75px;
}

body .w80 {
  width: 80px;
}

body .w85 {
  width: 85px;
}

body .w90 {
  width: 90px;
}

body .w95 {
  width: 95px;
}

body .w100 {
  width: 100px;
}

body .w105 {
  width: 105px;
}

body .w110 {
  width: 110px;
}

body .w115 {
  width: 115px;
}

body .w120 {
  width: 120px;
}

body .w125 {
  width: 125px;
}

body .w130 {
  width: 130px;
}

body .w135 {
  width: 135px;
}

body .w140 {
  width: 140px;
}

body .w145 {
  width: 145px;
}

body .w150 {
  width: 150px;
}

body .w155 {
  width: 155px;
}

body .w160 {
  width: 160px;
}

body .w165 {
  width: 165px;
}

body .w170 {
  width: 170px;
}

body .w175 {
  width: 175px;
}

body .w180 {
  width: 180px;
}

body .w185 {
  width: 185px;
}

body .w190 {
  width: 190px;
}

body .w195 {
  width: 195px;
}

body .w200 {
  width: 200px;
}

body .w205 {
  width: 205px;
}

body .w210 {
  width: 210px;
}

body .w215 {
  width: 215px;
}

body .w220 {
  width: 220px;
}

body .w225 {
  width: 225px;
}

body .w230 {
  width: 230px;
}

body .w235 {
  width: 235px;
}

body .w240 {
  width: 240px;
}

body .w245 {
  width: 245px;
}

body .w250 {
  width: 250px;
}

body .w255 {
  width: 255px;
}

body .w260 {
  width: 260px;
}

body .w265 {
  width: 265px;
}

body .w270 {
  width: 270px;
}

body .w275 {
  width: 275px;
}

body .w280 {
  width: 280px;
}

body .w285 {
  width: 285px;
}

body .w290 {
  width: 290px;
}

body .w295 {
  width: 295px;
}

body .w300 {
  width: 300px;
}

body .w305 {
  width: 305px;
}

body .w310 {
  width: 310px;
}

body .w315 {
  width: 315px;
}

body .w320 {
  width: 320px;
}

body .w325 {
  width: 325px;
}

body .w330 {
  width: 330px;
}

body .w335 {
  width: 335px;
}

body .w340 {
  width: 340px;
}

body .w345 {
  width: 345px;
}

body .w350 {
  width: 350px;
}

body .w355 {
  width: 355px;
}

body .w360 {
  width: 360px;
}

body .w365 {
  width: 365px;
}

body .w370 {
  width: 370px;
}

body .w375 {
  width: 375px;
}

body .w380 {
  width: 380px;
}

body .w385 {
  width: 385px;
}

body .w390 {
  width: 390px;
}

body .w395 {
  width: 395px;
}

body .w400 {
  width: 400px;
}

body .w405 {
  width: 405px;
}

body .w410 {
  width: 410px;
}

body .w415 {
  width: 415px;
}

body .w420 {
  width: 420px;
}

body .w425 {
  width: 425px;
}

body .w430 {
  width: 430px;
}

body .w435 {
  width: 435px;
}

body .w440 {
  width: 440px;
}

body .w445 {
  width: 445px;
}

body .w450 {
  width: 450px;
}

body .w455 {
  width: 455px;
}

body .w460 {
  width: 460px;
}

body .w465 {
  width: 465px;
}

body .w470 {
  width: 470px;
}

body .w475 {
  width: 475px;
}

body .w480 {
  width: 480px;
}

body .w485 {
  width: 485px;
}

body .w490 {
  width: 490px;
}

body .w495 {
  width: 495px;
}

body .w500 {
  width: 500px;
}

body .w505 {
  width: 505px;
}

body .w510 {
  width: 510px;
}

body .w515 {
  width: 515px;
}

body .w520 {
  width: 520px;
}

body .w525 {
  width: 525px;
}

body .w530 {
  width: 530px;
}

body .w535 {
  width: 535px;
}

body .w540 {
  width: 540px;
}

body .w545 {
  width: 545px;
}

body .w550 {
  width: 550px;
}

body .w555 {
  width: 555px;
}

body .w560 {
  width: 560px;
}

body .w565 {
  width: 565px;
}

body .w570 {
  width: 570px;
}

body .w575 {
  width: 575px;
}

body .w580 {
  width: 580px;
}

body .w585 {
  width: 585px;
}

body .w590 {
  width: 590px;
}

body .w595 {
  width: 595px;
}

body .w600 {
  width: 600px;
}

body .w605 {
  width: 605px;
}

body .w610 {
  width: 610px;
}

body .w615 {
  width: 615px;
}

body .w620 {
  width: 620px;
}

body .w625 {
  width: 625px;
}

body .w630 {
  width: 630px;
}

body .w635 {
  width: 635px;
}

body .w640 {
  width: 640px;
}

body .w645 {
  width: 645px;
}

body .w650 {
  width: 650px;
}

body .w655 {
  width: 655px;
}

body .w660 {
  width: 660px;
}

body .w665 {
  width: 665px;
}

body .w670 {
  width: 670px;
}

body .w675 {
  width: 675px;
}

body .w680 {
  width: 680px;
}

body .w685 {
  width: 685px;
}

body .w690 {
  width: 690px;
}

body .w695 {
  width: 695px;
}

body .w700 {
  width: 700px;
}

body .w705 {
  width: 705px;
}

body .w710 {
  width: 710px;
}

body .w715 {
  width: 715px;
}

body .w720 {
  width: 720px;
}

body .w725 {
  width: 725px;
}

body .w730 {
  width: 730px;
}

body .w735 {
  width: 735px;
}

body .w740 {
  width: 740px;
}

body .w745 {
  width: 745px;
}

body .w750 {
  width: 750px;
}

body .w755 {
  width: 755px;
}

body .w760 {
  width: 760px;
}

body .w765 {
  width: 765px;
}

body .w770 {
  width: 770px;
}

body .w775 {
  width: 775px;
}

body .w780 {
  width: 780px;
}

body .w785 {
  width: 785px;
}

body .w790 {
  width: 790px;
}

body .w795 {
  width: 795px;
}

body .w800 {
  width: 800px;
}

body .w805 {
  width: 805px;
}

body .w810 {
  width: 810px;
}

body .w815 {
  width: 815px;
}

body .w820 {
  width: 820px;
}

body .w825 {
  width: 825px;
}

body .w830 {
  width: 830px;
}

body .w835 {
  width: 835px;
}

body .w840 {
  width: 840px;
}

body .w845 {
  width: 845px;
}

body .w850 {
  width: 850px;
}

body .w855 {
  width: 855px;
}

body .w860 {
  width: 860px;
}

body .w865 {
  width: 865px;
}

body .w870 {
  width: 870px;
}

body .w875 {
  width: 875px;
}

body .w880 {
  width: 880px;
}

body .w885 {
  width: 885px;
}

body .w890 {
  width: 890px;
}

body .w895 {
  width: 895px;
}

body .w900 {
  width: 900px;
}

/* width(%)
----------------------------------------------------- */
body .w-0p {
  width: 0%;
}

body .w-5p {
  width: 5%;
}

body .w-10p {
  width: 10%;
}

body .w-15p {
  width: 15%;
}

body .w-20p {
  width: 20%;
}

body .w-25p {
  width: 25%;
}

body .w-30p {
  width: 30%;
}

body .w-35p {
  width: 35%;
}

body .w-40p {
  width: 40%;
}

body .w-45p {
  width: 45%;
}

body .w-50p {
  width: 50%;
}

body .w-55p {
  width: 55%;
}

body .w-60p {
  width: 60%;
}

body .w-65p {
  width: 65%;
}

body .w-70p {
  width: 70%;
}

body .w-75p {
  width: 75%;
}

body .w-80p {
  width: 80%;
}

body .w-85p {
  width: 85%;
}

body .w-90p {
  width: 90%;
}

body .w-95p {
  width: 95%;
}

body .w-100p {
  width: 100%;
}

@media only screen and (max-width: 720px) {
  body .sp-w-auto {
    width: auto;
  }
}
/* height
----------------------------------------------------- */
.h0 {
  height: 0 !important;
}

.h5 {
  height: 5px !important;
}

.h10 {
  height: 10px !important;
}

.h15 {
  height: 15px !important;
}

.h20 {
  height: 20px !important;
}

.h25 {
  height: 25px !important;
}

.h30 {
  height: 30px !important;
}

.h35 {
  height: 35px !important;
}

.h40 {
  height: 40px !important;
}

.h45 {
  height: 45px !important;
}

.h50 {
  height: 50px !important;
}

.h55 {
  height: 55px !important;
}

.h60 {
  height: 60px !important;
}

.h65 {
  height: 65px !important;
}

.h70 {
  height: 70px !important;
}

.h75 {
  height: 75px !important;
}

.h80 {
  height: 80px !important;
}

.h85 {
  height: 85px !important;
}

.h90 {
  height: 90px !important;
}

.h95 {
  height: 95px !important;
}

.h100 {
  height: 100px !important;
}

.h105 {
  height: 105px !important;
}

.h110 {
  height: 110px !important;
}

.h115 {
  height: 115px !important;
}

.h120 {
  height: 120px !important;
}

.h125 {
  height: 125px !important;
}

.h130 {
  height: 130px !important;
}

.h135 {
  height: 135px !important;
}

.h140 {
  height: 140px !important;
}

.h145 {
  height: 145px !important;
}

.h150 {
  height: 150px !important;
}

.h155 {
  height: 155px !important;
}

.h160 {
  height: 160px !important;
}

.h165 {
  height: 165px !important;
}

.h170 {
  height: 170px !important;
}

.h175 {
  height: 175px !important;
}

.h180 {
  height: 180px !important;
}

.h185 {
  height: 185px !important;
}

.h190 {
  height: 190px !important;
}

.h195 {
  height: 195px !important;
}

.h200 {
  height: 200px !important;
}

.h205 {
  height: 205px !important;
}

.h210 {
  height: 210px !important;
}

.h215 {
  height: 215px !important;
}

.h220 {
  height: 220px !important;
}

.h225 {
  height: 225px !important;
}

.h230 {
  height: 230px !important;
}

.h235 {
  height: 235px !important;
}

.h240 {
  height: 240px !important;
}

.h245 {
  height: 245px !important;
}

.h250 {
  height: 250px !important;
}

.h255 {
  height: 255px !important;
}

.h260 {
  height: 260px !important;
}

.h265 {
  height: 265px !important;
}

.h270 {
  height: 270px !important;
}

.h275 {
  height: 275px !important;
}

.h280 {
  height: 280px !important;
}

.h285 {
  height: 285px !important;
}

.h290 {
  height: 290px !important;
}

.h295 {
  height: 295px !important;
}

.h300 {
  height: 300px !important;
}

.h305 {
  height: 305px !important;
}

.h310 {
  height: 310px !important;
}

.h315 {
  height: 315px !important;
}

.h320 {
  height: 320px !important;
}

.h325 {
  height: 325px !important;
}

.h330 {
  height: 330px !important;
}

.h335 {
  height: 335px !important;
}

.h340 {
  height: 340px !important;
}

.h345 {
  height: 345px !important;
}

.h350 {
  height: 350px !important;
}

.h355 {
  height: 355px !important;
}

.h360 {
  height: 360px !important;
}

.h365 {
  height: 365px !important;
}

.h370 {
  height: 370px !important;
}

.h375 {
  height: 375px !important;
}

.h380 {
  height: 380px !important;
}

.h385 {
  height: 385px !important;
}

.h390 {
  height: 390px !important;
}

.h395 {
  height: 395px !important;
}

.h400 {
  height: 400px !important;
}

.h405 {
  height: 405px !important;
}

.h410 {
  height: 410px !important;
}

.h415 {
  height: 415px !important;
}

.h420 {
  height: 420px !important;
}

.h425 {
  height: 425px !important;
}

.h430 {
  height: 430px !important;
}

.h435 {
  height: 435px !important;
}

.h440 {
  height: 440px !important;
}

.h445 {
  height: 445px !important;
}

.h450 {
  height: 450px !important;
}

.h455 {
  height: 455px !important;
}

.h460 {
  height: 460px !important;
}

.h465 {
  height: 465px !important;
}

.h470 {
  height: 470px !important;
}

.h475 {
  height: 475px !important;
}

.h480 {
  height: 480px !important;
}

.h485 {
  height: 485px !important;
}

.h490 {
  height: 490px !important;
}

.h495 {
  height: 495px !important;
}

.h500 {
  height: 500px !important;
}

.h-auto {
  height: auto !important;
}

/*
color
***************************************************** */
.bg-blue,
.btn-blue span {
  background-color: #00549f;
}

.btn-blue span {
  color: #fff;
  box-shadow: 0 4px 0 #03344c;
}
.btn-blue span:hover {
  box-shadow: 0 4px 0 #022a3d;
}
.btn-blue span:active {
  top: 4px;
  box-shadow: none;
}

/* add 20180420 */

.btn-grey span {
  background-color: #dad8d6;
}

.btn-grey span {
  color: #333;
  box-shadow: 0 4px 0 #999898;
}

.btn-grey span:active {
  top: 4px;
  box-shadow: none;
}

/* */

.bg-pink,
.btn-pink span {
  color: #fff;
  background-color: #e4007f;
}
.bg-lightPink {
  background-color: #fce5f2 !important;
}

.bg-lightyellow {
  background-color: #fef7d7 !important;/* add 190719 */
}

.btn-pink span {
  box-shadow: 0 4px 0 #bc1b80;
}
.btn-pink span:hover {
  box-shadow: 0 4px 0 #961666;
}
.btn-pink span:active {
  top: 4px;
  box-shadow: none;
}

.bg-lightBlue {
  background-color: #d1edf3;
}

.icon.bg-lightBlue {
  background-color: #67c5d7;
}

.btn-lightBlue span {
  background-color: #67c5d7;
}

.btn-lightBlue span {
  color: #fff;
  box-shadow: 0 4px 0 #376b74;
}
.btn-lightBlue span:hover {
  box-shadow: 0 4px 0 #2c565d;
}
.btn-lightBlue span:active {
  top: 4px;
  box-shadow: none;
}

.bg-yellow,
.btn-yellow span {
  background-color: #f6d230;
}

.btn-yellow span {
  color: #333;
  box-shadow: 0 4px 0 #f6b000;
}
.btn-yellow span:hover {
  box-shadow: 0 4px 0 #c58d00;
}
.btn-yellow span:active {
  top: 4px;
  box-shadow: none;
}

.bg-glay,
.btn-glay span {
  background-color: #ecebea;
}

.icon.bg-glay {
  background-color: #918b8a;
}

.btn-glay span {
  box-shadow: 0 4px 0 #f6b000;
}
.btn-glay span:active {
  box-shadow: none;
}

.bg-whiteblue {
  background-color: #f0f9fb;
}


.bg-green {
  background-color: #007e3e;
}

.bg-lightgreen {
  background-color: #d3db48;
}

.bg-lightGlay {
  background-color: #dadada;
}

.bg-darkGay {
  background-color: #dad8d6;
}

.bg-orange {
  background-color: #f5ad6e;
}

.btn-orange span {
  color: #fff;
  background: #f0892f;
  box-shadow: 0 4px 0 #a35a00;
}
.btn-orange span:hover {
  box-shadow: 0 4px 0 #824800;
}
.btn-orange span:active {
  top: 4px;
  box-shadow: none;
}

.bg-purple {
  background-color: #bebcdd;
}

.bg-plan,
.btn-plan span {
  color: #fff;
  background-color: #6698c5;
}

.bg-adb,
.btn-adb span {
  color: #fff;
  background-color: #f0892f;
}

.bg-movie,
.btn-movie span {
  color: #fff;
  background-color: #f6b882;
}

.color-black {
  color: #333;
}

.bg-white,
.pickup .pickup__text.bg-white,
.column2.bg-white {
  background-color: #fff;
}

.bg-beige {
  background-color: #faf5ec;
}

.color-red {
  color: #cc292e;
}

.color-blue {
  color: #00549f;
}

.color-pink {
  color: #e4007f;
}

.color-glay {
  color: #666666;
}

.em_pink {
    background: linear-gradient(transparent 80%, #f1b8d2 80%);
}

.em_yellow {
    background: linear-gradient(transparent 80%, #f6d230 80%);
}

.bgpaper_beige {
	background : url(/common/css/img/bg_bg.png);
}

.bgpaper_pink {
	background : url(/common/css/img/bg_pk.png);
}

.bgpaper_blue {
	background : url(/common/css/img/bg_sand.png);
}

.bgpaper_deepblue {
	background : url(/common/css/img/bg_kifu.png);
}

.bg-blue-img {
  padding: 30px 0 60px;
  background: url(img/bg_blue_img.png) 0 0 repeat;
}
@media only screen and (max-width: 720px) {
  .bg-blue-img {
    padding: 20px 19px 30px;
  }
}

.bg-yellow-img {
  padding: 30px 0;
  background: url(img/bg_yellow_img.png) 0 0 repeat;
}
@media only screen and (max-width: 720px) {
  .bg-yellow-img {
    padding: 20px 19px;
  }
}

.bg-world {
  background-color: #d3db48;
}

.bg-supporter {
  background-color: #fbd839;
}

.bg-effort {
  background-color: #9290c6;
}

.bg-project {
  background-color: #f6b000;
}

.bg-yap {
  background-color: #b3b2d7;
}

.bg-emergency {
  background-color: #EDB4B5;
}

.bg-uncat {
	background-color: #fff;
	border: 1px solid #777;
	color: #777;
}


.kifu-select {
  cursor: default;
  color: #fff;
}
.kifu-select:hover {
  color: #fff;
}
.kifu-select span {
  color: #fff;
  background: #7f7f7f;
  box-shadow: 0 4px 0 #7f7f7f;
}
.kifu-select span:hover:before {
  display: none;
}
.kifu-select span:active {
  box-shadow: 0 4px 0 #7f7f7f;
}

@media only screen and (max-width: 720px) {
  .top .btn + .kifu-select {
    margin-left: 0;
  }
}

.btnChange.kifu_button + .kifu-select {
  display: none;
}

.btnChange.kifu_button_selected {
  display: none;
}

.btnChange.kifu_button_selected + .kifu-select {
  display: inline-block;
}

.kifu_button + .kifuMsg {
  display: none;
}

.kifu_button_selected,
.btn-lnavi .kifu_button_selected {
  display: none;
}

.kifu_button_selected + .kifuMsg {
  display: block;
  width: 100%;
}

.kifuMsg {
  width: auto;
  margin: 0 auto;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #7f7f7f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.kifu-input .kifuMsg {
  font-size: 75%;
  line-height: 217%;
}


.btn-kifu .kifuMsg {
  width: 80%;
}


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

.pickup.kifu .kifu-input .kifuMsg{width: auto; display:block;
font-size:10px;padding:5px}

.btn-w222 span {
    width: auto;
    min-width: 100px;
  }
}

/*
file-icon
***************************************************** */
.iconPdf:after,
.iconXls:after,
.iconDoc:after,
.iconPpt:after,
.iconGaibu:after,
.iconDouga:after,
.country .column__item a[href^='http'] .caption:after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: -4px;
  line-height: 100%;
  vertical-align: middle;
}
@media only screen and (max-width: 720px) {
  .iconPdf:after,
  .iconXls:after,
  .iconDoc:after,
  .iconPpt:after,
  .iconGaibu:after,
  .iconDouga:after,
  .country .column__item a[href^='http'] .caption:after {
    width: 10px;
    height: 12px;
  }
}

.iconGaibu:after,
.country .column__item a[href^='http'] .caption:after {
  width: 11px;
  height: 11px;
  margin-left: 4px;
}
@media only screen and (max-width: 720px) {
  .iconGaibu:after,
  .country .column__item a[href^='http'] .caption:after {
    width: 7px;
    height: 7px;
  }
}

@media only screen and (max-width: 720px) {
  .iconPdf:after {
    width: 12px;
    height: 12px;
  }
}

.iconPdf:after {
  background: url(img/icon_pdf.png) 0 0 no-repeat;
  background-size: 16px 16px;
}
@media only screen and (max-width: 720px) {
  .iconPdf:after {
    background: url(img/icon_pdf_sp.png) 0 0 no-repeat;
    background-size: 12px 12px;
  }
}

.iconXls:after {
  background: url(img/icon_xls.png) 0 0 no-repeat;
}
@media only screen and (max-width: 720px) {
  .iconXls:after {
    background: url(img/icon_xls_sp.png) 0 0 no-repeat;
    background-size: 10px 12px;
  }
}

.iconDoc:after {
  background: url(img/icon_doc.png) 0 0 no-repeat;
}
@media only screen and (max-width: 720px) {
  .iconDoc:after {
    background: url(img/icon_doc_sp.png) 0 0 no-repeat;
    background-size: 10px 12px;
  }
}

.iconPpt:after {
  background: url(img/icon_ppt.png) 0 0 no-repeat;
}
@media only screen and (max-width: 720px) {
  .iconPpt:after {
    background: url(img/icon_ppt_sp.png) 0 0 no-repeat;
    background-size: 10px 12px;
  }
}

.iconDouga:after {
  background: url(img/icon_douga.png) 0 0 no-repeat;
}
@media only screen and (max-width: 720px) {
  .iconDouga:after {
    background: url(img/icon_douga_sp.png) 0 0 no-repeat;
    background-size: 10px 12px;
  }
}

.iconGaibu:after,
.country .column__item a[href^='http'] .caption:after {
  background: url(img/icon_http.png) 0 0 no-repeat;
}
@media only screen and (max-width: 720px) {
  .iconGaibu:after,
  .country .column__item a[href^='http'] .caption:after {
    background: url(img/icon_http_sp.png) 0 0 no-repeat;
    background-size: 7px 7px;
  }
}

.emphasis{
    color:red; font-size:132%; font-weight: bold; margin-top:24px;
}

@media only screen and (max-width: 720px) {
    .emphasis{ font-size:100%; }
}

/* 20161206 morita */
.pickup .column-cell .title {
  font-size: 113%;
  line-height: 134%;
  color: #00549f;
  font-weight: bold;
}

@media only screen and (max-width: 720px) {
  .pickup .column-cell .title {
    font-size: 122%;
    line-height: 148%;
  }
}

.pickup.is-link .link-box .text {
  text-decoration: none;
}

.pickup.is-link .cell-wrap {
  min-height: 1px;
  background: url(img/bg_pickup.png) right bottom no-repeat #f4f5f5;
}
@media only screen and (max-width: 720px) {
  .pickup.is-link .cell-wrap {
    background: url(img/bg_pickup_sp.png) right bottom no-repeat #f4f5f5;
    background-size: 25px 25px;
  }
}

@media only screen and (max-width: 720px) {
.login_content {
    clear: both;
}
.login_content span {
    margin: 0 !important;
}
.login_content .login_name_none {
    display: none !important;
}
.login_content a {
    margin: 5px 0;
    padding: 5px 0;
}

}


/* 20180322 add */
#country_link {
    margin-top: 40px;
    padding: 30px;
    background: #f0efef;
}
#country_link > * + h5 {
    margin-top: 20px;
}
#country_link > * + ul {
	margin-top: 0px;
}
#country_link > .link-list {
	margin-left: 0;
}
#country_link > .link-list li {
	float: left;
	font-size: 88%;
	line-height: 160%;
	margin: 0 15px 0 0;
	padding: 0 0 0 13px;
}
 @media only screen and (max-width: 720px) {
#country_link {
	display: none
}
}

/* 20180618 活動国詳細用 */
.news-list.country dl + dl {
  margin-top: 10px;
}
@media only screen and (max-width: 720px) {
  .news-list.country dl + dl {
    margin-top: 28px;
  }
}
.news-list.country dt {
  float: left;
  width: 230px;
  font-size: 88%;
}
  .news-list.country dt .date {
    line-height: 179%;
  }
  .news-list.country dt .icon {
    margin-left: 15px;
  }

@media only screen and (max-width: 720px) {
  .news-list.country dt {
    float: none;
    width: auto;
  }
  .news-list.country dt .date {
    line-height: 179%;
  }
  .news-list.country dt .icon {
    margin-left: 10px;
  }
}
.news-list.country dd {
  margin-left: 230px;
  font-size: 88%;
}
@media only screen and (max-width: 720px) {
.news-list.country dd {
    margin-top: 3px;
    margin-left: 0;
    font-size: 88%;
    line-height: 158%;
  }
}

.news-list.country dl:after{content: " ";
  display: block;
  clear: both;
}

.news-list.country .icon {
  min-width: 100px;
  font-size: 75%;
}

/* float button　180720 */
#floatbtn {
	width : 100%;
	background-color: rgba(0,0,0,0.5);
	position : fixed;
	bottom : 0;
	left : 0;
	z-index : 1000;
	box-shadow : 0px -3px 6px rgba(100,100,100,0.1);
}
#floatbtn .inner {
	width : 100%;
	margin : 0 auto;
	padding : 12px 0 12px;
}

#floatbtn .inner .kifuMsg {
  text-align: center;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

/* English　180720 */
.enTop .category-heading h2 {
	font-family: 'Veneer';
	font-size: 300%;
	font-weight: normal;
	line-height: 137%;
}

.enTop h3 {
	font-family: 'Veneer';
	font-size: 185%;
	font-weight: normal;
	line-height: 137%;
}

@media only screen and (max-width: 720px) {
  .enTop .category-heading h2 {
    font-size: 186%;
    line-height: 143%;
  }
  
  .enTop h3 {
	font-size: 160%;
	font-weight: normal;
	line-height: 130%;
}
}

/* MPP limited 180720 */
.limited {
	position: relative;
}
.limited label {
    height: calc(100%); /* グラデーションの高さ */
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* 以下グラデーションは「背景が白」に併せて設定しています */ 
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 100%);
}
.limited label:after {
    content: "限定コンテンツ";
    letter-spacing: .05em;
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #C9292E;
    width: 10rem;
    box-shadow: 0px 0px 0px 2px #C9292E;
    border: solid 1px #fff;
}

/* effect add 1901 */
.effect_arrow{
	position: relative;
}
.effect_arrow::before {
	content: "";
    position: absolute;
    top: -45px;
    left: 50%;
    margin-left: -75px;
    width: 0;
    height: 0;
    border: 75px solid transparent;
    border-top: 40px solid #e8f6f9;
}

/* 20190226
MPP news-list
***************************************************** */
.mpp.news-list dl{
  margin-top: 10px;
}

.mpp.news-list dl + dl {
  margin-top: 5px;
}

.mpp.news-list dt {
  float: left;
  width: 100px !important;
}
@media only screen and (max-width: 720px) {
  .mpp.news-list dt {
    float: none;
    width: auto;
  }
  .mpp.news-list dt .date {
    font-size: 100%;
    line-height: 150%;
  }
  .mpp.news-list dt .icon {
    margin-left: 35px;
  }
}
.mpp.news-list dd {
  margin-left: 110px;
  font-size: 100%;
}
@media only screen and (max-width: 720px) {
  .mpp.news-list dd {
    margin-top: 3px;
    margin-left: 0;
    font-size: 100%;
    line-height: 125%;
  }
}

/* add kifu sp */
.btn_anchor{display:none}

@media only screen and (max-width: 720px) {
  .pickup.kifu .text-input input {
    width: 50% !important;
  }

.btn_anchor{display:inline}

a.btn_anchor{ mergin-top:-10px; margin-left:5px}

.btn_anchor span {
    display: inline-block;
    padding: 3px 0px 0px;
    text-align:center;
    virtical-align:middle;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 100%;
      -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  box-sizing: border-box;
  width:18px !important;
  height:18px;
  background-color: #f6d230;
  color:#333;
  }
}

/**/

@media only screen and (max-width: 720px){
.scroll{
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.scroll::-webkit-scrollbar{
height: 10px;
background: #fff;
}
.scroll::-webkit-scrollbar-track{
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
.scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.scroll .sp-normal table{
width:720px;
}
.scroll .sp-normal table tr{
white-space: nowrap;
}
}

/* 191112 */
p.interview {font-weight:bold;}
p.interview + p {margin-top:5px;}
p.interview:before {content: '―';}