@charset "UTF-8";
/*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, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500; }

li {
  list-style: none; }

/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
a.imganime img {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }

a.imganime:hover img {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.alignleft {
  text-align: left; }

.alignright {
  text-align: right; }

.aligncenter {
  text-align: center; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.clear {
  clear: both; }

.centerBlock {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.clearfix {
  zoom: 1; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.mTop0 {
  margin-top: 0 !important; }

.mTop10 {
  margin-top: 10px !important; }

.mTop20 {
  margin-top: 20px !important; }

.mTop30 {
  margin-top: 30px !important; }

.mTop40 {
  margin-top: 40px !important; }

.mTop50 {
  margin-top: 50px !important; }

.mBtm0 {
  margin-bottom: 0 !important; }

.mBtm10 {
  margin-bottom: 10px !important; }

.mBtm15 {
  margin-bottom: 15px !important; }

.mBtm20 {
  margin-bottom: 20px !important; }

.mBtm30 {
  margin-bottom: 30px !important; }

.mBtm40 {
  margin-bottom: 40px !important; }

.mBtm50 {
  margin-bottom: 50px !important; }

.mBtm05em {
  margin-bottom: 0.5em !important; }

.mBtm1em {
  margin-bottom: 1em !important; }

.mBtm15em {
  margin-bottom: 1.5em !important; }

.mBtm2em {
  margin-bottom: 2em !important; }

.mBtm3em {
  margin-bottom: 3em !important; }

.pad10 {
  padding: 10px !important; }

.pad15 {
  padding: 15px !important; }

.pad20 {
  padding: 20px !important; }

.pad25 {
  padding: 25px !important; }

.pad30 {
  padding: 30px !important; }

.pad40 {
  padding: 40px !important; }

.pad70 {
  padding: 70px !important; }

.displayTable {
  display: table;
  width: 100%;
  table-layout: fixed; }

.tableCell {
  display: table-cell;
  vertical-align: middle; }

.hide {
  display: none; }

.show {
  display: block; }

.noWrap {
  white-space: nowrap; }

.bold {
  font-weight: bold; }

.normal {
  font-weight: 500; }

small {
  font-size: 11px;
  font-size: 11px;
  font-size: 1.1rem; }

strong {
  font-weight: bold; }

.black {
  color: #000000; }

.white {
  color: #fff; }

.font10 {
  font-size: 10px;
  font-size: 10px;
  font-size: 1.0rem; }

.font12 {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem; }

.font14 {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem; }

.font16 {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem; }

.font18 {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.8rem; }

.font20 {
  font-size: 20px;
  font-size: 20px;
  font-size: 2.0rem; }

.font22 {
  font-size: 22px;
  font-size: 22px;
  font-size: 2.2rem; }

.font24 {
  font-size: 24px;
  font-size: 24px;
  font-size: 2.4rem; }

.font26 {
  font-size: 26px;
  font-size: 26px;
  font-size: 2.6rem; }

.font28 {
  font-size: 28px;
  font-size: 28px;
  font-size: 2.8rem; }

.font30 {
  font-size: 30px;
  font-size: 30px;
  font-size: 3.0rem; }

.font32 {
  font-size: 32px;
  font-size: 32px;
  font-size: 3.2rem; }

.gothic {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif; }

.mincho {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","游明朝", YuMincho, "ＭＳ Ｐ明朝","MS PMincho", serif;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
  -webkit-text-stroke-width: 0.1px; }

.serif {
  font-family: "Times New Roman", Garamond, Century, serif; }

.sans {
  font-family: Arial, Helvetica, Tahoma, sans-serif; }

.bgWhite {
  background: #fff; }

.bgBlack {
  background: #000; }

.bgGray01 {
  background: #e0e0e0; }

.bgGray02 {
  background: #ccc; }

.showMark {
  padding-left: 1em;
  margin-left: .5em; }

.showMark li {
  list-style: decimal; }

.hideMark {
  padding-left: 0; }

.hideMark li {
  list-style: none; }

.headCaution {
  padding: 10px 0;
  background: #ffcc66;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }

.headCaution p {
  width: 960px;
  display: block;
  margin: 0 auto;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  background: url("../images/caution.png") 0 50% no-repeat;
  padding: 5px 25px; }

table {
  border-collapse: collapse; }

th, td {
  border: none; }

table .odd {
  background: #eee; }

.clickBox {
  cursor: pointer;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s; }

blockquote {
  background: #fff;
  padding: 40px 20px;
  position: relative;
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-bottom: 2em; }

blockquote:before,
blockquote:after {
  content: "”";
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #bbb;
  font-size: 40px;
  font-weight: bold;
  line-height: 60px;
  width: 40px;
  height: 40px;
  position: absolute; }

blockquote:before {
  text-align: left;
  top: 0px;
  left: 10px; }

blockquote:after {
  text-align: right;
  bottom: 0px;
  right: 20px; }

.flexImg {
  max-width: 100%;
  height: auto; }

.show-sm-block {
  display: none; }

.show-md-block {
  display: none; }

.show-pc-block {
  display: none; }

html {
  font-size: 62.5%; }

body {
  height: 100%;
  min-height: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: 'YuGothic', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
  font-weight: 500;
  color: #333333;
  position: relative;
  background: #ffffff;
  -webkit-text-size-adjust: 100%; }

@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?8287677");
  src: url("../font/fontello.eot?8287677#iefix") format("embedded-opentype"), url("../font/fontello.woff2?8287677") format("woff2"), url("../font/fontello.woff?8287677") format("woff"), url("../font/fontello.ttf?8287677") format("truetype"), url("../font/fontello.svg?8287677#fontello") format("svg");
  font-weight: 500;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?8287677#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: 500;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-play-circled:before {
  content: '\e800'; }

/* '' */
.icon-up-1:before {
  content: '\e801'; }

/* '' */
/*
* ================
* common
* ================
*/
#wrapper {
  overflow: hidden;
  height: 100%;
  min-height: 100%;
  position: relative; }

a {
  color: #337b86; }

a:hover {
  text-decoration: none;
  color: #4bacba; }

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

.fadeImg img {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.fadeImg:hover img {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.orange {
  color: #de8300; }

.blueBtn {
  padding: 13px;
  position: relative;
  background: #2fb6b3;
  color: #f5e667;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }

.blueBtn:before {
  font-family: 'fontello';
  content: '\e800';
  position: absolute;
  left: 15px; }

.blueBtn:hover {
  background-color: #6eccca;
  color: #f8f3c8; }

.blankLink {
  position: relative;
  padding-left: 20px; }

.blankLink:before {
  content: "";
  width: 8px;
  height: 6px;
  background: #2fb6b3;
  position: absolute;
  left: .4em;
  top: -.2em;
  display: block;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 1px 1px 0 0 #2fb6b3; }

.page #main {
  position: relative;
  margin-bottom: 60px; }

.page .contents {
  position: relative;
  max-width: 960px;
  padding-left: 16px;
  padding-right: 16px;
  margin-right: auto;
  margin-left: auto; }

.inner {
  max-width: 1140px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: auto;
  margin-left: auto; }

.breadcrumbs {
  max-width: 960px;
  margin: auto;
  line-height: 140%;
  font-size: 8px;
  font-size: .8rem;
  margin-bottom: 0;
  position: relative;
  top: 0;
  z-index: 20; }

.breadcrumbs ul {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 20; }

.breadcrumbs li {
  padding: 0 1em;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  background: #FFF;
  margin-right: 4px;
  margin-bottom: 4px; }

.breadcrumbs a {
  display: block;
  color: #2fb6b3;
  text-decoration: none; }

.pageTitle {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 35px;
  line-height: 150%; }

.pageTitle.largePhoto {
  padding: 106px 16px 16px;
  margin: auto 0 40px;
  background: url("") center center no-repeat;
  background-size: cover; }

.pageTitle img {
  max-height: 18px;
  width: auto;
  display: block; }

.pageReadTxt {
  line-height: 200%; }

.sectionTitle {
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  padding-top: 8px;
  margin-bottom: 20px;
  line-height: 150%; }

.sectionTitle img {
  max-height: 14px;
  width: auto;
  display: block; }

.illust-bg {
  padding: 75px 16px 25px 16px;
  height: 14px;
  margin: auto -16px 0 -16px;
  background: url("../img/common/page-illust_sp.png") center top repeat-x;
  background-size: 616px auto; }

.contents-illust-bg {
  margin-top: -30px;
  padding-top: 75px;
  background: url("../img/common/page-illust_sp.png") center top repeat-x;
  background-size: 616px auto; }

.section-sep {
  background: url("../img/common/page-sepalater.png") center top/auto 2px repeat-x;
  padding-top: 20px; }

.common-illust {
  padding: 54px 12px 16px;
  background: url("../img/common/line-illust_sp.png") right bottom/210px auto no-repeat, url("../img/common/paper-pat2.png");
  position: relative; }

.colorTitle {
  background: url("../img/common/paper-pat.png");
  font-weight: bold;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  padding: .5em 1em;
  border-radius: 5px; }

.dotMarker:before {
  content: "● ";
  color: #2fb6b3; }

.caution {
  text-indent: -1em;
  padding-left: 1em; }

.caution:before {
  content: "※"; }

.customTable {
  width: 100%;
  border: 1px solid #eee;
  line-height: 140%; }

.customTable thead tr {
  background: #ebe8d9; }

.customTable thead th {
  text-align: center;
  font-weight: bold; }

.customTable thead td {
  font-weight: bold; }

.customTable tr {
  background: #c1e8e6; }

.customTable tr:nth-child(even) {
  background: #ebe8d9; }

.customTable th {
  display: block;
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  font-weight: 500; }

.customTable td {
  font-size: 0;
  display: block;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.5); }

.customTable td span {
  padding: 10px;
  display: inline-block;
  width: 50%;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box; }

.applyIcon {
  position: relative; }

.applyIcon:before {
  content: "";
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 40px;
  height: 32px;
  display: block;
  position: absolute;
  left: 0;
  top: 0; }

.applyIcon.myicon-note:before {
  background-image: url("../img/common/icon-note.png"); }

.applyIcon.myicon-money:before {
  background-image: url("../img/common/icon-money.png"); }

.myicon-doc {
  position: relative; }

.myicon-doc:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  background-size: 100% auto; }

.myicon-doc.myicon-pdf:before {
  background-image: url("../img/common/icon-pdf.png"); }

.myicon-doc.myicon-word:before {
  background-image: url("../img/common/icon-word.png"); }

.specarea {
  background: #f5f3eb;
  padding: 24px;
  margin-bottom: 35px;
  border-radius: 5px; }

.specarea dt {
  line-height: 24px; }

.specarea dd {
  line-height: 24px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold; }

.specarea dd span {
  white-space: nowrap; }

.pdficon {
  display: inline-block;
  background: url("../img/common/icon-pdf.png") 0 center no-repeat;
  min-height: 40px;
  padding-top: 15px;
  padding-left: 38px;
  color: #333333;
  text-decoration: none;
  background-size: auto 40px; }

/*
* header
=====================================*/
#header {
  border-top: 8px solid #09827e;
  background: #def3f2;
  height: 100px;
  background: url("../img/common/paper-pat.png");
  position: relative;
  margin-bottom: 15px;
  box-sizing: border-box; }

#header:after {
  content: "";
  position: absolute;
  background: url("../img/common/head-illust.png") 80% 5px no-repeat;
  background-size: 617px auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#header h1 {
  text-align: center;
  padding-top: 25px; }

#header h1 img {
  z-index: 20;
  max-width: 250px;
  position: relative; }

#header h1 span {
  position: inline-relative;
  display: block;
  margin: auto;
  position: relative; }

#header h1 a {
  position: relative;
  z-index: 20; }

.gnavBtn {
  position: absolute;
  width: 40px;
  height: 24px;
  right: 10px;
  top: 0;
  background: #09827e;
  z-index: 100;
  border-radius: 0 0 5px 5px; }

.gnavBtn.open .humburgerBtn span.bar-top {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }

.gnavBtn.open .humburgerBtn span.bar-middle {
  background: rgba(255, 255, 255, 0); }

.gnavBtn.open .humburgerBtn span.bar-bottom {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.humburgerBtn {
  position: relative;
  width: 100%;
  height: 24px; }

.humburgerBtn span {
  width: 14px;
  height: 2px;
  background: #fff;
  display: block;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -7px; }

.humburgerBtn span.bar-top {
  -webkit-transform: translateY(-4px) scale(1);
          transform: translateY(-4px) scale(1); }

.humburgerBtn span.bar-middle:before, .humburgerBtn span.bar-middle:after {
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
  content: "";
  width: 14px;
  height: 2px;
  display: block;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  position: absolute; }

.humburgerBtn span.bar-bottom {
  -webkit-transform: translateY(4px) scale(1);
          transform: translateY(4px) scale(1); }

#gNav {
  display: none;
  padding: 10px 10px 0;
  background: #fff;
  background-size: 4px 4px;
  position: absolute;
  top: 92px;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
  text-align: center;
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem; }

#gNav a {
  display: block;
  text-decoration: none;
  color: #333333; }

#gNav .mainNav {
  font-weight: bold;
  margin-bottom: 20px; }

#gNav .mainNav li {
  position: relative; }

#gNav .mainNav li:after {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../img/common/sp-sepalater.png") center top repeat-x;
  background-size: auto 2.5px; }

#gNav .mainNav li:last-child:after {
  display: none; }

#gNav .mainNav li:last-child {
  border: none; }

#gNav .mainNav a {
  padding: 13px; }

#gNav .reqNav {
  font-weight: bold;
  margin-bottom: 20px; }

#gNav .reqNav li {
  border: none;
  margin-bottom: 5px; }

#gNav .reqNav li a {
  display: block;
  padding: 13px;
  position: relative;
  background: #2fb6b3;
  color: #f5e667;
  border-radius: 5px; }

#gNav .reqNav li a:before {
  font-family: 'fontello';
  content: '\e800';
  position: absolute;
  left: 15px; }

#gNav .subNav {
  font-size: 0;
  margin-bottom: 10px; }

#gNav .subNav li {
  font-size: 14px;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  width: 50%;
  position: relative; }

#gNav .subNav li:first-child:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -14.75px;
  width: 3.5px;
  height: 29.5px;
  background: url("../img/common/sepalater2.png") 0 0 no-repeat;
  background-size: 100% 100%; }

#gNav .subNav li a {
  display: block;
  padding: 10px 0;
  position: relative; }

#gNav .subNav li a:before {
  font-family: 'fontello';
  content: '\e800';
  position: absolute;
  left: 15px;
  color: #2fb6b3; }

#gNav .forBusiBtn {
  margin-bottom: 25px;
  padding: 13px;
  display: block;
  background: #f1e791;
  position: relative;
  font-weight: bold;
  border-radius: 5px; }

#gNav .forBusiBtn:before {
  content: '\e800';
  font-family: fontello;
  color: #2fb6b3;
  position: absolute;
  left: 15px; }

#gNav .yuloveBtn {
  display: none;
  background: #efe277;
  font-size: 0;
  border-radius: 10px; }

#gNav .yuloveBtn img {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }

#gNav .yuloveBtn img:hover {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.closearea {
  position: absolute;
  left: 0;
  top: 100px;
  width: 100%;
  height: 100%;
  z-index: 5;
  background: rgba(207, 192, 175, 0.8);
  display: none;
  box-sizing: border-box; }

/*
* footer
========================================*/
#footer {
  position: relative;
  background: url("../img/common/foot-bg_sp.jpg") center top no-repeat;
  background-size: cover;
  padding-top: 37px;
  padding-bottom: 55px;
  text-align: center;
  color: #FFF; }

#footer .show-pc {
  display: none; }

#footer .blueBtn {
  display: inline-block; }

.footNav {
  display: none; }

.footNavListWrap {
  background: url("../img/common/paper-pat.png");
  margin-bottom: 30px; }

.footNavList {
  display: table;
  max-width: 1110px;
  margin: auto;
  width: 100%; }

.footNavList li {
  display: table-cell;
  position: relative; }

.footNavList li:after {
  content: "";
  position: absolute;
  background-size: auto 2.5px;
  background: url("../img/common/sepalater.png") 0 0;
  width: 6px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
  right: -3px; }

.footNavList li:nth-child(1) {
  width: 20.9009%; }

.footNavList li:nth-child(2) {
  width: 17.83784%; }

.footNavList li:nth-child(3) {
  width: 16.12613%; }

.footNavList li:nth-child(4) {
  width: 26.12613%; }

.footNavList li:last-child:after {
  display: none; }

.footNavList li a {
  font-size: 18px;
  font-size: 1.8rem;
  color: #333333;
  text-decoration: none;
  padding: 0;
  display: block;
  font-weight: bold; }

.footNavList li a.active, .footNavList li a:hover {
  color: #2fb6b3; }

.footNavList li a.active span:after, .footNavList li a:hover span:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1); }

.footNavList span {
  position: relative;
  height: 80px;
  line-height: 80px;
  display: inline-block; }

.footNavList span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background: #2fb6b3;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }

.footNavReqest {
  max-width: 1140px;
  margin: auto;
  position: relative; }

.footNavReqest ul {
  position: absolute;
  bottom: 100%;
  right: 0;
  text-align: center;
  padding: 10px 10px 0;
  background: url("../img/common/paper-pat.png");
  border-radius: 10px 10px 0 0; }

.footNavReqest li {
  display: inline-block; }

.footNavReqest .blueBtn {
  color: #f5e667;
  width: 240px;
  font-size: 18px !important;
  font-size: 1.8rem !important;
  padding: 15px 0 15px 25px !important;
  border-radius: 5px !important;
  box-sizing: border-box; }

.footNavReqest .blueBtn:before {
  left: 15px !important; }

.townhall {
  line-height: 150%;
  text-align: center; }

.footSpecCell {
  padding: 10px 20px;
  display: inline-block;
  text-decoration: none;
  color: #333333; }

.footSpecCell:before {
  content: "\e800";
  font-family: "fontello";
  margin-right: .5em; }

.footSpecCell:first-child {
  position: relative; }

.footSpecCell:first-child:after {
  content: "";
  width: 6px;
  height: 27px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -13px;
  background: url("../img/common/sepalater-foot.png") 0 0 no-repeat; }

.footSpecCell.forBussiness {
  background: #F1E791;
  padding: 10px;
  border-radius: 6px;
  position: relative;
  font-weight: bold;
  color: #000;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }

.footSpecCell.forBussiness:before {
  color: #2fb6b3; }

.footSpecCell.forBussiness:hover {
  background-color: #f8f3c8;
  color: #666666;
  border-color: #71dad8; }

.footNavSub a {
  color: #FFF; }

.footInner {
  position: relative; }

.footCopy {
  max-width: 1140px;
  margin: auto;
  text-align: center; }

.footYulove {
  display: none;
  background: #efe277;
  font-size: 0;
  border-radius: 10px; }

.footYulove img {
  margin: 0;
  padding: 0;
  display: block;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }

.footYulove img:hover {
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

#toTopBtn {
  width: 25px;
  height: 25px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: #2fb6b3;
  display: none;
  border: 2px solid #fff;
  z-index: 20;
  border-radius: 100%; }

#toTopBtn:before {
  content: "\e801";
  font-family: "fontello";
  position: absolute;
  left: 0;
  top: 50%;
  color: #FFF;
  z-index: 100;
  margin-top: -.6em;
  text-indent: 0;
  width: 25px;
  text-align: center; }

#toTopBtn:hover {
  background-color: #6eccca; }

/*
* ================
* top
* ================
*/
.home .blueBtn {
  padding: 13px 25px 13px 50px;
  display: inline-block; }

.home #gNav .reqNav li a:hover {
  background-color: #6ECCCA; }

.mainVisualWrap {
  background: #F9F3EC;
  width: 100%;
  margin-bottom: 25px; }

.mainVisual {
  max-width: 1400px;
  height: auto;
  display: table;
  margin: auto;
  background: #FFF;
  overflow: hidden; }

#mainImage {
  max-width: 1140px;
  margin: auto;
  text-align: center;
  position: relative;
  margin-top: 30px; }

#mainImage video {
  width: 100%;
  height: auto; }

#mainImage img {
  left: 0;
  top: 0;
  width: 100%; }

#mainImage img.active {
  position: static; }

.homeSection h3 {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 10px; }

.homeReadTxt {
  margin-bottom: 30px; }

.homeReadTxt .homeMainInner {
  position: relative;
  z-index: 5; }

.homeReadTxt .tickets {
  position: relative;
  top: 11px;
  left: 34px;
  z-index: 0;
  width: 186px;
  display: block;
  margin: auto auto -40px; }

.homeReadTxt h2 {
  font-size: 10px;
  font-size: 1.0rem;
  font-weight: bold;
  margin-bottom: .2em;
  margin-left: -6px;
  margin-left: -.6rem; }

.homeReadTxt p {
  line-height: 150%;
  font-weight: bold;
  text-indent: -1em; }

.homeReadTxt .underline {
  padding-bottom: 2px;
  border-bottom: 2px solid #cf6300; }

.homeMain .orange {
  color: #CF6300; }

.homeMovie {
  text-align: center;
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 5px; }

.homeMovie a {
  text-decoration: none; }

.homeMovie a img {
  background: #FFF;
  display: block; }

.homeMovie .movieText {
  padding: 20px 20px 15px;
  text-align: left;
  background: #F1E791; }

.homeMovie .movieText h3 {
  color: #337B86; }

.homeMovie .movieText p {
  color: #333333;
  line-height: 150%; }


/*------- 追加 ----------*/
.homeLive {
  text-align: center;
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 5px; }

.homeLive a {
  text-decoration: none; }

.homeLive a img {
  background: #FFF;
  display: block;   }
/*-----------追加ここまで----------*/



.homeNews {
  margin-bottom: 30px;
  line-height: 150%; }

.homeNews h3 img {
  max-height: 13px;
  width: auto; }

.homeNews li {
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  border-radius: 5px; }

.homeNews li .newsBox {
  background: #e9e5df;
  display: block;
  text-decoration: none;
  padding: 12px 10px;
  color: #333333; }

.homeNews li a.newsBox {
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.homeNews li a.newsBox:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.homeNews li time {
  color: #337B86;
  font-weight: bold; }

.homeNews li p {
  padding-right: 135px; }

.homeNews li p.nothumb {
  padding-right: 0; }

.homeNews li .newsThumb {
  position: absolute;
  right: 0;
  top: 0;
  width: 130px;
  height: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: cover; }

.homeNews li .newsThumb img {
  height: 100%;
  width: auto; }

.homeAppliBtn {
  margin: auto -20px 20px;
  padding-top: 65px;
  text-align: center;
  background: url("../img/top/top-illust.png") 83% 0 no-repeat;
  background-size: 617px auto; }

.homeAppliBtn .blueBtn {
  box-shadow: 0 0 0 4px #FFF;
  color: #f5e667;
  width: 255px;
  position: relative;
  padding-left: 30px;
  box-sizing: border-box; }

.homeAppliBtn .blueBtn:before {
  top: 50%;
  margin-top: -8px;
  left: 10px; }

.homeAppliBtn .blueBtn:after {
  content: "";
  width: 140px;
  height: 70px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../img/top/appli-ticket.png") 0 0 no-repeat;
  background-size: 100% auto; }

.homeAppliBtn .blueBtn span {
  text-align: left;
  width: 90px;
  display: block; }

/* ご利用可能な施設一覧 */
.homeFacility {
  line-height: 150%;
  margin-bottom: 70px; }

.homeFacility h3 img {
  max-height: 13px;
  width: auto; }

.homeFacility p {
  margin-bottom: 20px; }

.homeLinkWrap {
  line-height: 150%; }

.homeLink {
  height: 90px;
  display: block;
  background: #F1E791;
  overflow: hidden;
  padding-top: 15px;
  padding-left: 100px;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
  text-decoration: none;
  color: #333333;
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 5px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }

.homeLink:hover {
  color: #2FB6B3;
  background-color: #F8F3C8; }

.homeLink.hotelLink {
  background-image: url("../img/top/top-bnr-hotel_sp.jpg"); }

.homeLink.shopLink {
  background-image: url("../img/top/top-bnr-shop_sp.jpg"); }

.homeLink.digitalLink {
  background-image: url("../img/top/top-bnr-digitallink_sp.jpg"); }

.homeLink.digitalGuide {
  background-image: url("../img/top/top-bnr-digitalguide_sp.jpg"); }

.homeLink .icon-play-circled {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  display: block;
  text-indent: -1.5em;
  padding-left: 1.4em; }

.homeLink .icon-play-circled:before {
  color: #fff;
  z-index: 10;
  position: relative;
  margin-right: .4em;
  position: relative;
  left: .5em; }

.homeLink .icon-play-circled:after {
  content: "";
  width: .5em;
  height: .5em;
  position: absolute;
  left: .1em;
  top: .4em;
  background: #2fb6b3;
  z-index: 0;
  border-radius: 100%; }

.homeLink .blankLink {
  display: block;
  position: absolute;
  left: 100px;
  bottom: 5px;
  font-size: 10px;
  font-size: 1rem;
  line-height: 120%; }

.homeLink .blankLink:before {
  border-color: #F1E791;
  top: 3px;
  left: 3px; }

/*
* ================
* mainVisual
* ================
*/
.slideImage {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear; }

/*zoom in*/
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

@keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); } }

/*zoom out*/
@-webkit-keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01); } }

@keyframes zoomOut {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01); } }

/*right to left*/
@-webkit-keyframes RightToLeft {
  0% {
    -webkit-transform: translateX(4%) scale(1.1);
    transform: translateX(4%) scale(1.1); }
  100% {
    -webkit-transform: translateX(-4%) scale(1.1);
    transform: translateX(-4%) scale(1.1); } }

@keyframes RightToLeft {
  0% {
    -webkit-transform: translateX(4%) scale(1.1);
    transform: translateX(4%) scale(1.1); }
  100% {
    -webkit-transform: translateX(-4%) scale(1.1);
    transform: translateX(-4%) scale(1.1); } }

/*left to right*/
@-webkit-keyframes leftToRight {
  0% {
    -webkit-transform: translateX(-4%) scale(1.1);
    transform: translateX(-4%) scale(1.1); }
  100% {
    -webkit-transform: translateX(4%) scale(1.1);
    transform: translateX(4%) scale(1.1); } }

@keyframes leftToRight {
  0% {
    -webkit-transform: translateX(-4%) scale(1.1);
    transform: translateX(-4%) scale(1.1); }
  100% {
    -webkit-transform: translateX(4%) scale(1.1);
    transform: translateX(4%) scale(1.1); } }

/*up to bottom*/
@-webkit-keyframes upToBottom {
  0% {
    -webkit-transform: translateY(-4%) scale(1.1);
    transform: translateY(-4%) scale(1.1); }
  100% {
    -webkit-transform: translateY(4%) scale(1.1);
    transform: translateY(4%) scale(1.1); } }

@keyframes upToBottom {
  0% {
    -webkit-transform: translateY(-4%) scale(1.1);
    transform: translateY(-4%) scale(1.1); }
  100% {
    -webkit-transform: translateY(4%) scale(1.1);
    transform: translateY(4%) scale(1.1); } }

/*bottom to up*/
@-webkit-keyframes bottomToUp {
  0% {
    -webkit-transform: translateY(4%) scale(1.1);
    transform: translateY(4%) scale(1.1); }
  100% {
    -webkit-transform: translateY(-4%) scale(1.1);
    transform: translateY(-4%) scale(1.1); } }

@keyframes bottomToUp {
  0% {
    -webkit-transform: translateY(4%) scale(1.1);
    transform: translateY(4%) scale(1.1); }
  100% {
    -webkit-transform: translateY(-4%) scale(1.1);
    transform: translateY(-4%) scale(1.1); } }

.mainVisualWrap {
  background: #F9F3EC;
  width: 100%; }

.mainVisual {
  max-width: 1400px;
  height: auto;
  display: table;
  margin: auto;
  background: #FFF;
  overflow: hidden; }

#youtubeFrame {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: #000; }

#youtubeFrame .controller {
  position: absolute;
  width: 100%;
  height: 10%;
  bottom: 0;
  left: 0;
  background: #000; }

#youtubeFrame .btnWrap {
  height: 100%;
  vertical-align: middle;
  display: inline-block; }

#youtubeFrame button {
  height: 100%;
  border: none;
  background: none;
  color: #FFF;
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 30px;
  font-size: 3rem;
  padding: 0 30px; }

#youtubeFrame button span {
  vertical-align: middle; }

#youtubeFrame button:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background: none center center no-repeat;
  margin-right: 20px;
  margin-top: -1px;
  background-size: 100% auto; }

#youtubeFrame #mute {
  padding-right: 0; }

#youtubeFrame #mute span {
  display: inline-block;
  width: 3em;
  text-align: left; }

#youtubeFrame #mute.soundOFF:before {
  background-image: url("../img/movie/sound-off.png"); }

#youtubeFrame #mute.soundON:before {
  background-image: url("../img/movie/sound-on.png"); }

#youtubeFrame #pause {
  position: relative; }

#youtubeFrame #pause:before {
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background-image: url("../img/movie/skip.png"); }

#youtubeFrame #pause:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 25px;
  top: 50%;
  margin-top: -12.5px;
  left: 0;
  background: #4d4d4d; }

#youtube {
  position: relative;
  width: 100%;
  height: 84.37%;
  top: 5.46%; }

#youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*photo slide*/
.slideMovieWrap {
  width: 68.57143%;
  max-width: 960px;
  height: auto;
  overflow: hidden;
  position: relative;
  display: table-cell; }

.blackbox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  z-index: 0; }

#slideMovie {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0; }

.imagesize {
  position: relative;
  z-index: -1;
  width: 100%;
  height: auto; }

.slideBox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none; }

.slideBox .zoomIn {
  -webkit-transform: scale(1.1);
          transform: scale(1.1); }

.slideBox .zoomOut {
  -webkit-transform: scale(1.01);
          transform: scale(1.01); }

.slideBox .RightToLeft {
  -webkit-transform: translateX(-4%) scale(1.1);
          transform: translateX(-4%) scale(1.1); }

.slideBox .leftToRight {
  -webkit-transform: translateX(4%) scale(1.1);
          transform: translateX(4%) scale(1.1); }

.slideBox .upToBottom {
  -webkit-transform: translateY(4%) scale(1.1);
          transform: translateY(4%) scale(1.1); }

.slideBox .bottomToUp {
  -webkit-transform: translateY(-4%) scale(1.1);
          transform: translateY(-4%) scale(1.1); }

.slideBox.active .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

.slideBox.active .zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

.slideBox.active .RightToLeft {
  -webkit-animation-name: RightToLeft;
  animation-name: RightToLeft; }

.slideBox.active .leftToRight {
  -webkit-animation-name: leftToRight;
  animation-name: leftToRight; }

.slideBox.active .upToBottom {
  -webkit-animation-name: upToBottom;
  animation-name: upToBottom; }

.slideBox.active .bottomToUp {
  -webkit-animation-name: bottomToUp;
  animation-name: bottomToUp; }

.slideImage {
  position: relative;
  top: 0;
  left: 0;
  z-index: 0;
  max-width: 100%;
  height: auto; }

.slideTxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 2px 0 0 #393d36, -2px 0 0 #393d36, 0 2px 0 #393d36, 0 -2px 0 #393d36, 1px 1px #393d36, -1px -1px 0 #393d36, 1px -1px 0 #393d36, -1px 1px 0 #393d36; }

.slideHeadingA {
  font-size: 48px;
  font-size: 4.8rem;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  margin-top: -2.4rem;
  text-align: center;
  width: 100%;
  font-weight: bold; }

.slideHeadingB {
  display: block;
  font-size: 40px;
  font-size: 4.0rem;
  margin-bottom: .6em; }

.slideCaption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 3.125%;
  font-size: 22px;
  font-size: 2.2rem;
  box-sizing: border-box; }

.subImageWrap {
  padding-left: 0.71429%;
  width: 31.42857%;
  display: table-cell;
  vertical-align: top;
  font-size: 0;
  position: relative;
  text-align: right; }

.subimage {
  max-width: 430px;
  position: relative;
  text-align: right;
  vertical-align: top;
  display: block;
  overflow: hidden; }

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

.subimage.subimage01 {
  display: inline-block; }

.subimage.subimage01 .randImg.active {
  width: 100%; }

.subimage.subimage02 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 97.72727%; }

.subimage .randImg {
  position: absolute;
  max-height: 315px; }

.subimage .randImg.active {
  position: static; }

.subimage .imageCopy {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%; }

/*
* ================
* about
* ================
*/
.about .pageTitle.largePhoto {
  background-image: url("../img/about/headimg_sp.jpg"); }

.aboutPoints {
  margin-bottom: 40px; }

.aboutPoints li {
  display: table;
  width: 100%;
  padding: 0 20px 0 15px;
  margin-bottom: 10px;
  background: #F5F3EB;
  font-size: 10px;
  font-size: 10px;
  font-size: 1rem;
  box-sizing: border-box;
  border-radius: 5px; }

.aboutPoints li figure {
  display: table-cell;
  width: 93px; }

.aboutPoints li p {
  display: table-cell;
  vertical-align: middle;
  line-height: 150%; }

.aboutPoints li .pointsCate {
  font-weight: bold;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 5px; }

.aboutFlow {
  margin-bottom: 60px; }

.aboutFlow ol img {
  width: 40px; }

.aboutFlow li {
  padding: 5px;
  background: #f1e791;
  margin-bottom: 10px;
  position: relative;
  border-radius: 5px; }

.aboutFlow li:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.5px 4.75px 0 4.75px;
  border-color: #f1e791 transparent transparent transparent; }

.aboutFlow li:last-child:before {
  display: none; }

.aboutFlow .blueBtn {
  display: block;
  text-align: center; }

.aboutFlow .stepHead {
  display: table;
  margin: auto; }

.aboutFlow .cell {
  display: table-cell;
  vertical-align: middle; }

.aboutFlow .stepNo {
  padding-left: 28px;
  padding-right: 14px; }

.aboutFlow .stepNo span {
  border-bottom: 2px solid #2fb6b3; }

.aboutFlow .stepTitle {
  padding-left: 11px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: left;
  width: 125px; }

/*
* ================
* gift
* ================
*/
.gift .pageTitle.largePhoto {
  background-image: url("../img/gift/headimg_sp.jpg"); }

.ticketKusatsu .tickets {
  position: relative;
  display: block;
  margin: 20px auto 15px;
  width: 224px; }

.ticketKusatsu .kusatuExp {
  color: #c52644;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 20px;
  text-align: center; }

.ticketKusatsu .ticketRead {
  line-height: 200%;
  margin-bottom: .5em; }

.ticketKusatsu .ticketCaution {
  font-size: 10px;
  font-size: 1rem;
  line-height: 150%; }

.ticketOtakino .colorTitle {
  margin-bottom: 20px; }

.ticketOtakino .pageReadTxt {
  margin-bottom: 20px; }

.ticketOtakino .otakinoPhotos {
  margin-bottom: 60px; }

.ticketOtakino .otakinoPhotos figure {
  text-align: center;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 5px; }

.ticketOtakino .otakinoPhotos figure img {
  border-radius: 5px; }

.gift .homeLinkWrap {
  margin-top: 25px;
  margin-bottom: 50px; }

.delij {
  padding: 30px;
  margin-bottom: 110px;
  background: #def3f2;
  border-radius: 10px; }

.delij h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 10px; }

.delij h3 span {
  font-size: 16px;
  font-size: 1.6rem;
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal; }

.delij .pdfLink {
  display: block;
  margin: 0 -10px;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }

.delij .pdfLink:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.delij figure {
  display: block;
  width: 100%;
  font-size: 0; }

.delij figure img {
  display: inline-block;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box; }

/* shop list
=======================*/
.shoplist .pageTitle.largePhoto {
  background-image: url("../img/gift/headimg-sl_sp.jpg"); }

.shoplist .pageTitle.largePhoto img {
  max-height: 42px; }

.shoplist .pageTitle.largePhoto img.show-pc-block {
  display: none; }

.shoplist .pageReadTxt {
  margin-bottom: 25px; }

.shoplist #cateLinkSelect {
  display: block;
  margin: auto;
  padding: 10px 20px;
  margin-bottom: 25px; }

.shoplist .cateLink {
  text-align: center;
  max-width: 630px;
  margin: auto;
  font-size: 0;
  margin-bottom: 20px;
  display: none; }

.shoplist .cateLink li {
  line-height: 187.5%;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block; }

.shoplist .cateLink li a {
  padding-right: 1em;
  margin-right: 1em;
  border-right: 2px solid #def3f2;
  line-height: 100%; }

.shoplist .cateLink li:last-child a {
  border-right: none;
  padding-right: 0;
  margin-right: 0; }

.shoplist .customTable {
  margin-bottom: 60px; }

.shoplist .customTable .shopCate {
  font-weight: bold;
  width: 100%;
  display: table; }

.shoplist .customTable .shopCate td {
  background: #f1e791;
  width: auto;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px;
  display: table-cell; }

.shoplist .customTable .shopCate .shopSum {
  text-align: right; }

/*
* ================
* usage
* ================
*/
.usage .pageTitle.largePhoto {
  background-image: url("../img/usage/headimg_sp.jpg"); }

.usage .pageReadTxt {
  margin-bottom: 30px; }

.usageBtn {
  margin-bottom: 60px; }

.usageBtn .blueBtn {
  display: block;
  text-align: center;
  width: 240px;
  margin: auto auto 10px; }

.projectList {
  margin-bottom: 70px; }

.projectCate {
  background: #F5F3EB;
  padding: 20px;
  margin-bottom: 10px;
  position: relative;
  border-radius: 5px; }

.projectCate h4 {
  color: #2fb6b3;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 16px 5px 20px; }

.projectCate li {
  position: relative;
  line-height: 166.66667%; }

.projectCate li p {
  display: block;
  padding-left: 20px; }

/*
.projectCate .projectNo {
  position: absolute;
  display: block;
  left: 0;
  top: 1px;
  width: 14px;
  height: 14px;
  background: #FFF;
  border: 1px solid #2fb6b3;
  color: #2fb6b3;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  line-height: 14px;
  letter-spacing: -.05em;
  text-indent: -.1em;
  border-radius: 50%; }
*/

.projectCate figure {
  position: relative;
  right: 10px;
  top: 10px;
  width: 82.5px;
  height: 50px;
  overflow: hidden;
  border-radius: 5px; }

/* list
================ */
.usageList .pageTitle.largePhoto {
  background-image: url("../img/usage/headimg_sp.jpg"); }

.usageList .sectionTitle {
  padding-top: 0;
  margin-bottom: 10px; }

.usageList .sectionTitle.imgTitle {
  margin-bottom: 25px; }

.usageList .yearList {
  font-size: 8px;
  font-size: .8rem;
  text-align: right;
  margin-bottom: 10px; }

.usageList .yearList li {
  display: inline-block;
  padding: 0 .5em;
  border-right: 1px solid #def3f2; }

.usageList .yearList li:last-child {
  border: none; }

.usageList .yearList a {
  color: #2FB6B3; }

.usageTable1 {
  border-color: #C1E8E6;
  margin-bottom: 10px;
  border: none; }

.usageTable1 thead tr {
  background: #f5f3eb; }

.usageTable1 thead th {
  background: #ebe8d9; }

.usageTable1 thead td {
  background: #f5f3eb !important; }

.usageTable1 tr {
  background: #c1e8e6; }

.usageTable1 tr td {
  background: #def3f2; }

.usageTable1 tr:nth-child(even) {
  background: #f5f3eb; }

.usageTable1 tr:nth-child(even) th {
  background: #ebe8d9; }

.usageTable1 tr:nth-child(even) td {
  background: #f5f3eb; }

.usageTable1 td {
  background: none; }

.usageTable1 td span {
  width: 33.333%; }

.usageTable1 td span:last-child {
  border: none; }

.usageTable2 {
  border-color: #C1E8E6;
  margin-bottom: 10px;
  border: none; }

.usageTable2 thead tr {
  background: #f5f3eb; }

.usageTable2 thead tr th {
  background: #ebe8d9; }

.usageTable2 thead tr td {
  background: #ebe8d9; }

.usageTable2 thead tr .cellBlock {
  text-align: center;
  background: #f5f3eb; }

.usageTable2 tr {
  background: #c1e8e6; }

.usageTable2 tr td {
  background: #c1e8e6; }

.usageTable2 tr .cellBlock {
  background: #def3f2; }

.usageTable2 tr:nth-child(even) {
  background: #f5f3eb; }

.usageTable2 tr:nth-child(even) th {
  background: #ebe8d9; }

.usageTable2 tr:nth-child(even) td {
  background: #ebe8d9; }

.usageTable2 tr:nth-child(even) .cellBlock {
  background: #f5f3eb; }

.usageTable2 td {
  padding: 0; }

.usageTable2 td span {
  padding: 10px 0;
  white-space: nowrap; }

.usageTable2 td .cell1 {
  width: 12.15278%; }

.usageTable2 td .cell2 {
  width: 11.28472%; }

.usageTable2 td .cell3 {
  width: 23.61111%; }

.usageTable2 td .cell4 {
  width: 32.11806%; }

.usageTable2 td .cell5 {
  width: 20.83333%;
  border: none; }

.usageTable2 .cellBlock {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px;
  border-bottom: none;
  min-height: 1em; }

.usageSum {
  background: #f1e791;
  border-radius: 5px;
  font-weight: bold;
  font-size: 0;
  margin-bottom: 70px;
  overflow: hidden; }

.usageSum dt {
  display: block;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 100%; }

.usageSum dd {
  padding: 10px 0;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  width: 33.33%;
  text-align: center;
  background: #F8F3C8; }

.usageSum.usageSum2 dt {
  display: block;
  margin-bottom: 0; }

.usageSum.usageSum2 dd {
  text-align: right;
  display: block;
  width: 100%;
  padding: 10px;
  box-sizing: border-box; }

.usageCaution {
  margin-bottom: 70px; }

/*
* ================
* apply
* ================
*/
.apply .pageTitle.largePhoto {
  background-image: url("../img/apply/headimg_sp.jpg"); }

.apply .pageReadTxt {
  margin-bottom: 25px; }

.wayList {
  margin-bottom: 60px; }

.wayList .blueBtn {
  display: block;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 15px 10px 15px 30px; }

.wayList dl {
  background: #f5f3eb;
  padding: 10px 5px 5px;
  margin-bottom: 10px;
  border-radius: 5px; }

.wayList dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 13px 0;
  margin-bottom: 5px; }

.wayList .applyIcon {
  padding-left: 48px; }

.wayList .applyIcon:before {
  margin: 0;
  top: 5px;
  left: 8px; }

.wayList .applyIcon.myicon-money:before {
  left: 3px; }

.wayList dd {
  margin-bottom: 5px; }

.wayList p {
  line-height: 200%; }

.applyContents .sectionTitle {
  text-align: center; }

.applyContents .sectionTitle .applyIcon {
  text-align: left;
  display: block;
  font-size: 10px;
  font-size: 1.0rem;
  padding-left: 48px;
  top: -3px; }

.applyContents .sectionTitle .applyIcon:before {
  top: -10px;
  left: 10px; }

.applyContents .sectionTitle .applyIcon.myicon-money:before {
  left: 5px; }

.applyDocLink {
  margin-bottom: 35px; }

.applyDocLink li {
  display: block;
  margin-bottom: 10px; }

.applyDocLink a {
  display: block;
  padding: 5px;
  background: #F1E791;
  text-align: center;
  font-weight: bold;
  line-height: 125%;
  color: #333333;
  text-decoration: none;
  border-radius: 5px;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s; }

.applyDocLink a span {
  font-weight: 500;
  font-size: 10px;
  font-size: 1rem; }

.applyDocLink a:hover {
  background: #f7f1be; }

.applyDocLink .myicon-doc:before {
  top: -5px;
  left: 12px; }

.portalLink {
  margin-bottom: 35px;
  font-size: 0;
  text-align: center; }

.portalLink a {
  font-size: 16px;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  margin-bottom: 10px; }

.applyList {
  background: #f5f3eb;
  padding: 24px;
  margin-bottom: 35px;
  border-radius: 5px; }

.applyList p {
  font-size: 12px;
  font-size: 1.2rem; }

.applyList.bankList p {
  line-height: 24px; }

.applyList.bankList ul {
  line-height: 24px; }

.applyList.bankList li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center; }

.applyList.creditList {
  margin-bottom: 25px; }

.applyList.creditList p {
  line-height: 24px;
  margin-bottom: 1em; }

.applyList.creditList ul {
  font-size: 0;
  text-align: center; }

.applyList.creditList li {
  font-size: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 10px; }

.applyList.creditList li img {
  height: 30px;
  width: auto; }

#credit .btn {
  display: inline-block;
  margin-bottom: 35px; }

#window .specarea {
  margin-bottom: 70px; }

/*
* ================
* cooperation
* ================
*/
.cooperation .pageTitle .small {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 4px; }

.cooperation .common-illust {
  padding-bottom: 5px; }

.cooperation .pageReadTxt {
  margin-bottom: 40px; }

.coopDetail {
  margin-bottom: 40px; }

.coopDetail .sectionTitle .no {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: .5em;
  line-height: 18px;
  text-align: center;
  background: #c1e8e6;
  border-radius: 50%;
  color: #2fb6b3;
  font-size: 13px;
  font-size: 1.3rem; }

.coopDetail .pageReadTxt {
  margin-bottom: 2em; }

.coopDetail .pageReadTxt p {
  margin-bottom: 1em; }

.coopDetail .specarea p {
  margin-bottom: 1em; }

.coopDetail .specarea dt {
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: .5em; }

.coopDetail .specarea dd {
  white-space: normal;
  word-wrap: break-word;
  margin-bottom: 1em;
  line-height: 150%; }

.coopDetail .specarea dd:last-child {
  margin-bottom: 0; }

.coopDetail .specarea .caution {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 150%;
  font-weight: 500;
  margin-bottom: 0; }

.coopDetail h4 {
  margin-bottom: .5em;
  font-size: 12px;
  font-size: 1.2rem; }

.coopDetail h4.dotMarker {
  font-weight: bold; }

.coopDetail .townHallSpec {
  line-height: 18px;
  margin-bottom: 70px; }

.coopDetail .townHallSpec dt {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem; }

/*
* ================
* deduction
* ================
*/
.deduction .pageTitle.largePhoto {
  background-image: url("../img/deduction/headimg_sp.jpg"); }

.deduction .pageReadTxt {
  margin-bottom: 30px; }

.deduction .applyDocLink {
  margin-top: 25px;
  margin-bottom: 70px; }

.deduction .applyDocLink li {
  margin-bottom: 0; }

.deduBlock {
  padding: 24px 12px 20px;
  margin-bottom: 10px;
  background-color: #F5F3EB;
  border-radius: 5px; }

.deduBlock .applyIcon {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 40px;
  margin-bottom: 20px; }

.deduBlock .applyIcon:before {
  left: -5px;
  top: -10px; }

.deduBlock h4 {
  font-weight: bold;
  margin: .5em 0;
  color: #800000; }

.deduBlock p {
  line-height: 200%; }

.deduContent .pageReadTxt p {
  margin-bottom: 1em; }

.deduLink {
  margin-bottom: 30px; }

.deduLink li {
  display: block;
  margin-bottom: 10px; }

.deduLink a {
  padding: 12px;
  background: #F1E791;
  display: block;
  color: #333333;
  position: relative;
  height: 80px;
  text-decoration: none;
  box-sizing: border-box;
  border-radius: 5px; }

.deduLink .icon-play-circled {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative; }

.deduLink .icon-play-circled:before {
  color: #FFF;
  z-index: 10;
  position: relative; }

.deduLink .icon-play-circled:after {
  content: "";
  width: .5em;
  height: .5em;
  left: 8px;
  top: 5px;
  background: #2fb6b3;
  position: absolute;
  z-index: 0; }

.deduLink .blankLink {
  position: absolute;
  bottom: 12px;
  left: 12px;
  line-height: 120%;
  font-size: 10px;
  font-size: 1.0rem; }

.deduLink .blankLink:before {
  top: 2px;
  border-color: #F1E791; }

.deduBtn .blueBtnWrap {
  text-align: center;
  margin-bottom: 50px; }

.deduBtn .blueBtn {
  padding: 13px 25px 13px 30px;
  display: inline-block;
  width: 255px;
  text-align: left;
  position: relative;
  box-sizing: border-box; }

.deduBtn .blueBtn:before {
  top: 50%;
  margin-top: -8px;
  left: 10px; }

.deduBtn .blueBtn:after {
  content: "";
  width: 140px;
  height: 70px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: url("../img/top/appli-ticket.png") 0 0 no-repeat;
  background-size: 100% auto; }

.deduBtn .blueBtn span {
  position: relative;
  z-index: 10; }

/*
* ================
* faq
* ================
*/
.faq .pageTitle.largePhoto {
  background-image: url("../img/faq/headimg_sp.jpg"); }

.faqList {
  margin-bottom: 70px; }

.faqList li {
  background: #F5F3EB;
  padding: 12px 5px;
  margin-bottom: 5px;
  border-radius: 5px; }

.faqList .faqMark {
  position: relative; }

.faqList .faqMark:before {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  position: absolute;
  left: 3px;
  top: 50%;
  margin-top: -12.5px;
  height: 25px;
  width: 25px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  border-radius: 50%; }

.faqList .question {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 150%;
  padding-left: 35px;
  cursor: pointer; }

.faqList .question:before {
  content: "Q";
  background: #2fb6b3; }

.faqList .answer {
  background: #fff;
  padding: 12px 7px 7px 0;
  margin-top: 2px;
  position: relative;
  top: 8px; }

.faqList .answer .faqMark {
  padding-left: 35px;
  line-height: 150%; }

.faqList .answer .faqMark:before {
  content: "A";
  font-weight: bold;
  background: #de8300;
  top: -5px;
  margin-top: 0; }

/*
* ================
* news
* ================
*/
.news .pageTitle.largePhoto {
  background-image: url("../img/news/headimg_sp.jpg"); }

.newsBlock {
  background: #F5F3EB;
  padding: 24px 24px 1px;
  margin-bottom: 10px;
  border-radius: 5px; }

.newsBlock:last-child {
  margin-bottom: 60px; }

.newsBlock time {
  color: #337b86;
  font-weight: bold;
  display: block;
  line-height: 175%; }

.newsBlock h3 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 150%;
  margin-bottom: 20px;
  font-weight: bold; }

.newsBlock .newsTxt {
  margin-bottom: 24px; }

.newsBlock .newsTxt img {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.newsBlock p {
  margin-bottom: 1em;
  line-height: 200%; }

.newsBlock .noewsNote {
  display: block;
  text-align: right; }

/*
* ================
* contact
* ================
*/
.contact .pageTitle.largePhoto {
  background-image: url("../img/contact/headimg_sp.jpg"); }

.contact .pageReadTxt {
  margin-bottom: 25px; }

.contact .townHallSpec {
  background: #f5f3eb;
  padding: 24px;
  margin-bottom: 70px;
  line-height: 150%;
  border-radius: 5px; }

.contact .townHallSpec dt {
  font-weight: bold; }

/*
* ================
* request
* ================
*/
.request .pageTitle.largePhoto {
  background-image: url("../img/request/headimg_sp.jpg"); }

.request .pageReadTxt {
  margin-bottom: 25px; }

#contactForm {
  margin-bottom: 70px; }

#contactForm .tableWrap {
  background: #F5F3EB;
  padding: 12px;
  margin-bottom: 25px;
  border-radius: 5px; }

#contactForm table {
  line-height: 200%;
  width: 100%;
  overflow: hidden; }

#contactForm tr {
  border-bottom: 1px solid #fff; }

#contactForm th, #contactForm td {
  padding: .4em 0;
  box-sizing: border-box; }

#contactForm th {
  font-weight: bold;
  display: block;
  text-align: left;
  padding-bottom: 0; }

#contactForm td {
  display: block; }

#contactForm label {
  display: block;
  margin-bottom: .5em;
  width: 100%;
  box-sizing: border-box; }

#contactForm label span {
  display: inline-block;
  width: 10%; }

#contactForm .nameInput input {
  width: 90%;
  padding: .5em;
  box-sizing: border-box; }

#contactForm input[name="postcode"] {
  padding: 0.5em;
  margin-bottom: .5em; }

#contactForm input[name="address"], #contactForm input[name="building"], #contactForm input[type="tel"], #contactForm input[type="email"] {
  width: 100%;
  padding: .5em;
  margin-bottom: .5em;
  box-sizing: border-box; }

#contactForm select {
  width: 30%;
  padding: .5em;
  margin-bottom: 0.5em; }

#contactForm select[name="pref_name"] {
  width: 247px;
  box-sizing: border-box; }

#contactForm textarea {
  width: 100%;
  box-sizing: border-box; }

#contactForm .submitBtn {
  text-align: center; }

#contactForm .blueBtn {
  width: 230px;
  display: block;
  padding: 0;
  margin: auto; }

#contactForm .blueBtn:before {
  top: 50%;
  margin-top: -.5em; }

#contactForm .btn {
  display: block;
  border: none;
  width: 100%;
  background: none;
  color: #f8f3c8;
  cursor: pointer;
  padding: 15px 0; }

#contactForm input.error,
#contactForm textarea.error,
#contactForm select.error {
  box-shadow: 0 0 5px 0 #FF0000; }

#contactForm label.error {
  display: block;
  font-size: .7em;
  color: red;
  line-height: 2em; }

#finalAnswer {
  float: none; }

.thanksMes {
  padding: 100px 0;
  text-align: center; }

.reqtemp {
  background: #F5F3EB;
  padding: 24px;
  margin-bottom: 60px;
  border-radius: 5px; }

.reqtemp dt {
  line-height: 225%; }

.reqtemp dd {
  line-height: 150%;
  font-size: 14px;
  font-size: 1.4rem; }

.reqtemp dd strong {
  display: block; }

.reqtemp .caution {
  line-height: 150%;
  margin-bottom: 3em;
  margin-top: .5em;
  font-size: 12px;
  font-size: 1.2rem; }

/*
* ================
* browser
* ================
*/

.ie11 .projectCate .projectNo, .ie10 .projectCate .projectNo {
  line-height: 30px;
  box-sizing: border-box; }

.ie11 #gNav .mainNav a, .ie10 #gNav .mainNav a {
  line-height: 55px; }

.ie11 #gNav .reqNav li a, .ie10 #gNav .reqNav li a {
  padding-top: 2px; }

.ie11 #gNav .reqNav li a:before, .ie10 #gNav .reqNav li a:before {
  top: -1px; }

.ie11 .footNavReqest .blueBtn:before, .ie10 .footNavReqest .blueBtn:before {
  margin-top: -2px; }

.ie11 .footNavList li a, .ie10 .footNavList li a {
  line-height: 100%;
  margin-top: 3px; }

.ie11 #toTopBtn, .ie10 #toTopBtn {
  text-decoration: none; }

@media only screen and (max-width: 767px){
  .hidden-sm{
    display: none; }
  .hidden-sm-md{
    display: none; }
  .show-sm-block{
    display: block; }
  .mainVisual{
    display: block; }
  #youtubeFrame .controller{
    position: relative;
    text-align: center; }
  #youtubeFrame .btnWrap{
    margin-top: 2px; }
  #youtubeFrame button{
    font-size: 1.2rem;
    padding: 0 2em; }
  #youtubeFrame button:before{
    width: 20px;
    height: 20px; }
  #youtube{
    top: 0; }
  .slideMovieWrap{
    display: block;
    width: 100%;
    margin-bottom: 5px; }
  .slideCaption{
    font-size: 1.2rem; }
  .subImageWrap{
    display: table;
    width: 100%;
    padding-left: 0; }
  .subimage{
    width: 50%;
    display: table-cell;
    box-sizing: border-box; }
  .subimage.subimage01{
    display: table-cell;
    border-right: 2.5px solid #fff; }
  .subimage.subimage02{
    width: 50%;
    position: relative;
    border-left: 3px solid #fff; }
  .subimage .imageCopy{
    position: static; }
  .delij{
    padding: 12px;
    margin-bottom: 60px;
    border-radius: 5px; }
  .delij h3{
    font-size: 1.4rem; }
  .delij h3 span{
    font-size: 1.0rem; }
  .delij .pdfLink{
    margin: auto; }
  .delij figure{
    display: block; }
  .delij figure img{
    display: block;
    max-width: 100%;
    width: auto;
    padding: 0;
    margin: auto; }
  .delij figure img:first-child{
    margin-bottom: 10px; } }

@media only screen and (min-width: 768px) and (max-width: 1139px){
  .hidden-md{
    display: none; }
  .hidden-sm-md{
    display: none; }
  .show-md-block{
    display: block; }
  .homeFacility{
    margin-bottom: 120px !important; }
  .homeFacility p{
    margin-bottom: 35px; }
  .fomeFacilityText{
    display: block;
    width: 100% !important;
    padding-top: 0 !important;
    margin-bottom: 30px; }
  .homeLinkWrap{
    width: 100% !important;
    line-height: 150%;
    text-align: center;
    box-sizing: border-box; }
  .homeLink{
    display: inline-block;
    padding-left: 200px !important;
    padding-top: 25px !important;
    height: 180px !important;
    min-width: 500px;
    width: 48.27586% !important;
    margin-right: 0.86207% !important;
    margin-left: 0.86207% !important;
    position: relative;
    background-size: auto 100% !important;
    border-radius: 10px; }
  .homeLink.hotelLink{
    background-image: url("../img/top/top-bnr-hotel_sp.jpg") !important; }
  .homeLink.shopLink{
    background-image: url("../img/top/top-bnr-shop_sp.jpg") !important; }
  .homeLink.digitalLink{
    background-image: url("../img/top/top-bnr-digitallink_sp.jpg") !important; }
  .homeLink.digitalGuide{
    background-image: url("../img/top/top-bnr-digitalguide_sp.jpg") !important; }
  .homeLink .icon-play-circled{
    margin: auto !important; }
  .homeLink .blankLink{
    left: 200px !important;
    bottom: 15px !important; } }

@media only screen and (min-width: 1140px) and (max-width: 1399px){
  .hidden-lg{
    display: none; } }

@media only screen and (min-width: 768px){
  .show-pc-block{
    display: block; }
  body{
    font-size: 14px;
    font-size: 1.4rem; }
  .blankLink{
    padding-left: 30px; }
  .blankLink:before{
    width: 16px;
    height: 12px;
    top: -6px; }
  .page #main{
    margin-bottom: 180px; }
  .breadcrumbs{
    font-size: 14px;
    font-size: 1.4rem;
    max-width: 1110px; }
  .breadcrumbs ul{
    left: 20px;
    top: 20px; }
  .breadcrumbs li{
    height: 24px;
    line-height: 24px; }
  .pageTitle{
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 65px; }
  .pageTitle.largePhoto{
    padding: 234px 75px 30px;
    max-width: 1110px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 80px;
    box-sizing: border-box;
    border-radius: 10px; }
  .pageTitle img{
    max-height: 36px; }
  .pageReadTxt{
    font-size: 16px;
    font-size: 1.6rem; }
  .sectionTitle{
    padding-top: 0;
    margin-bottom: 45px;
    font-size: 24px;
    font-size: 2.4rem; }
  .sectionTitle img{
    max-height: 24px; }
  .illust-bg{
    padding: 134px 0 50px;
    height: 24px;
    margin: auto;
    background-image: url("../img/common/page-illust.png");
    background-size: auto; }
  .contents-illust-bg{
    margin-top: -115px;
    padding-top: 144px;
    background-image: url("../img/common/page-illust.png");
    background-repeat: no-repeat;
    background-size: auto; }
  .section-sep{
    padding-top: 40px; }
  .common-illust{
    max-width: 1110px;
    margin-right: auto;
    margin-left: auto;
    padding: 94px 44px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    background: url("../img/common/line-illust_pc.png") right bottom/auto auto no-repeat, url("../img/common/paper-pat2.png"); }
  .colorTitle{
    font-size: 24px;
    font-size: 2.4rem;
    padding: .8em 1em;
    border-radius: 10px; }
  .customTable th{
    display: table-cell;
    width: 50.52083%;
    padding: 14px 16px; }
  .customTable td{
    display: table-cell;
    width: 49.47917%; }
  .customTable td span{
    padding: 14px 16px;
    font-size: 16px;
    font-size: 1.6rem; }
  .applyIcon:before{
    width: 80px;
    height: 62px; }
  .specarea{
    padding: 45px;
    margin-bottom: 70px;
    border-radius: 10px; }
  .specarea dt{
    line-height: 36px;
    font-size: 16px;
    font-size: 1.6rem; }
  .specarea dd{
    line-height: 36px;
    font-size: 24px;
    font-size: 2.4rem; }
  .pdficon{
    min-height: 80px;
    padding-top: 40px;
    padding-left: 76px;
    background-size: auto 80px; }
  #header{
    border-top: 16px solid #09827e;
    height: 286px;
    margin-bottom: 0; }
  #header:after{
    margin-left: 10px;
    background-position: center -16px;
    background-size: auto auto; }
  #header h1{
    margin-bottom: -25px;
    text-align: left; }
  #header h1 span{
    max-width: 1140px;
    margin: auto;
    width: auto;
    display: block;
    position: relative; }
  #header h1 img{
    max-width: 100%; }
  #header h1 a{
    display: block;
    position: absolute;
    width: 43.94737%;
    left: 20px;
    top: 0; }
  .gnavBtn{
    display: none; }
  #gNav{
    background: none;
    display: block;
    position: relative;
    padding: 0;
    top: 0;
    z-index: 5;
    height: 286px;
    overflow: hidden;
    box-shadow: none; }
  #gNav .mainNavWrap{
    background: #fff;
    position: absolute;
    top: 190px;
    left: 0;
    width: 100%;
    z-index: 20; }
  #gNav .mainNav{
    width: 100%;
    max-width: 1110px;
    margin: auto;
    display: table; }
  #gNav .mainNav li{
    display: table-cell;
    border: none;
    position: relative; }
  #gNav .mainNav li:after{
    background: url("../img/common/sepalater.png") 0 0;
    width: 6px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
    bottom: auto;
    left: auto;
    right: -3px; }
  #gNav .mainNav li:nth-child(1){
    width: 20.9009%; }
  #gNav .mainNav li:nth-child(2){
    width: 17.83784%; }
  #gNav .mainNav li:nth-child(3){
    width: 16.12613%; }
  #gNav .mainNav li:nth-child(4){
    width: 26.12613%; }
  #gNav .mainNav li:last-child:before{
    display: none; }
  #gNav .mainNav a{
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0; }
  #gNav .mainNav a span{
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    position: relative;
    height: 80px;
    line-height: 80px;
    display: inline-block; }
  #gNav .mainNav a span:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background: #2fb6b3;
    bottom: 0;
    left: 0;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s; }
  #gNav .mainNav a.active, #gNav .mainNav a:hover{
    color: #2fb6b3; }
  #gNav .mainNav a.active span:after, #gNav .mainNav a:hover span:after{
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  #gNav .reqNavWrap{
    position: absolute;
    width: 100%;
    top: 110px;
    left: 0;
    z-index: 10; }
  #gNav .reqNav{
    max-width: 1140px;
    text-align: right;
    padding: 0;
    margin: auto;
    font-size: 0;
    box-sizing: border-box; }
  #gNav .reqNav li{
    border: 10px solid #fff;
    display: inline-block;
    text-align: center;
    background: #FFF;
    border-radius: 0 10px 0 0; }
  #gNav .reqNav li:first-child{
    border-right: none;
    border-radius: 10px 0 0 0; }
  #gNav .reqNav li a{
    height: 65px;
    line-height: 65px;
    padding: 0 0 0 25px;
    width: 240px;
    font-size: 18px;
    font-size: 1.8rem;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    box-sizing: border-box;
    border-radius: 5px; }
  #gNav .reqNav li a:hover{
    background: #48d0cd; }
  #gNav .subNavWrap{
    max-width: 1140px;
    margin: auto;
    display: block;
    text-align: right; }
  #gNav .subNav{
    text-align: right;
    max-width: 1140px;
    margin: 60px auto 0;
    display: inline-block; }
  #gNav .subNav li:first-child:after{
    width: 6px;
    height: 27px; }
  #gNav .subNav li{
    width: auto;
    padding: 0 10px; }
  #gNav .subNav li a{
    padding: 10px 10px 10px 30px; }
  #gNav .subNav li a:hover:before{
    color: #48d0cd; }
  #gNav .subNav li a:hover span{
    border-bottom: 2px solid #2fb6b3; }
  #gNav .forBusiBtn{
    display: none; }
  #gNav .yuloveBtn{
    vertical-align: top;
    display: inline-block;
    display: none;
    position: relative;
    top: -10px; }
  #gNav .yuloveBtn img{
    width: 240px;
    height: 60px; }
  #footer{
    padding-top: 0;
    padding-bottom: 20px;
    background-image: url("../img/common/foot-bg.jpg"); }
  #footer .show-pc{
    display: block;
    float: right; }
  .footNav{
    display: block; }
  .footSpec{
    padding: 0 20px;
    display: block;
    max-width: 1140px;
    margin: auto auto 40px;
    text-align: center; }
  .townhall{
    text-align: left;
    float: left; }
  .footCopy{
    text-align: left; }
  .footYulove{
    display: block;
    display: none;
    margin: 0;
    position: absolute;
    right: 20px;
    bottom: -20px; }
  #toTopBtn{
    width: 50px;
    height: 50px;
    right: 40px;
    bottom: 40px;
    border: 3px solid #fff; }
  #toTopBtn:before{
    width: 50px;
    font-size: 2.4rem; }
  .home .blueBtn{
    font-size: 24px;
    font-size: 2.4rem;
    padding: 1em 54px 1em 88px;
    border-radius: 10px; }
  .home .blueBtn:before{
    left: 24px; }
  .mainVisualWrap{
    margin-bottom: 60px; }
  #mainImage{
    margin-top: 0;
    margin-bottom: 60px;
    border-right: 20px solid #fff;
    border-left: 20px solid #fff; }
  #mainImage video{
    border-radius: 10px; }
  #mainImage img{
    max-width: 1140px; }
  #mainImage img .hidden-lg{
    display: none; }
  .homeSection h3{
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 0;
    margin-bottom: 16px; }
  .homeReadTxt{
    float: right;
    width: 52.38095%; }
  .homeReadTxt .homeMainInner{
    top: 30px; }
  .homeReadTxt .tickets{
    top: -15px;
    left: 50px;
    width: auto;
    margin-bottom: -155px; }
  .homeReadTxt h2{
    margin-left: -1.2rem;
    font-size: 14px;
    font-size: 1.4rem; }
  .homeReadTxt p{
    font-size: 24px;
    font-size: 2.4rem; }
  .homeMain{
    padding: 0 50px 0 40px;
    margin-bottom: 20px; }
  .homeMovie{
    width: 47.74775%;
    float: left;
    margin: auto auto 0;
    box-sizing: border-box;
    margin-bottom: 16px; }

/* ----追加--- */
  .homeLive{
    width: 47.74775%;
    float: left;
    margin: auto auto 35px;
    box-sizing: border-box; }
/* ----/追加--- */
  .homeNews{
    margin-bottom: 0;
    float: right;
    width: 47.74775%; }
  .homeNews h3 img{
    max-height: 24px; }
  .homeNews ul{
    margin: 0; }
  .homeNews li{
    margin-bottom: 10px;
    border-radius: 10px; }
  .homeNews li .newsBox{
    padding: 18px 24px;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    line-height: 150%;
    box-sizing: border-box; }
  .homeNews li time{
    display: block;
    width: 120px; }
  .homeNews li p{
    padding-right: 160px; }
  .homeNews li .newsThumb{
    width: 160px; }
  .homeAppliBtn{
    width: 100%;
    margin: auto auto 50px;
    min-height: 290px;
    padding-top: 138px;
    box-sizing: border-box;
    background-position: center top;
    background-size: auto; }
  .homeAppliBtn .blueBtn{
    width: 430px;
    padding-left: 50px;
    font-size: 20px;
    font-size: 2rem; }
  .homeAppliBtn .blueBtn:before{
    left: 16px;
    margin-top: -13px;
    font-size: 24px;
    font-size: 2.4rem; }
  .homeAppliBtn .blueBtn:after{
    width: 250px;
    height: 122px;
    right: 10px;
    background-size: auto 100%; }
  .homeAppliBtn .blueBtn span{
    width: 150px;
    line-height: 150%; }
  .homeFacility{
    margin-bottom: 180px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 150%; }
  .homeFacility h3 img{
    max-height: 24px; }
  .homeFacility p{
    margin-bottom: 0; }
  .fomeFacilityText{
    float: left;
    width: 330px;
    padding-top: 42px; }
  .homeLinkWrap{
    float: right;
    width: 730px;
    font-size: 0; }
  .homeLink{
    display: inline-block;
    width: 350px;
    padding-top: 200px;
    padding-left: 0;
    height: 290px;
    background-size: 100% auto; }
  .homeLink.hotelLink{
    margin-right: 30px;
    background-image: url("../img/top/top-bnr-hotel.jpg"); }
  .homeLink.shopLink{
    background-image: url("../img/top/top-bnr-shop.jpg"); }
  .homeLink.digitalGuide{
    margin-right: 30px;
    background-image: url("../img/top/top-bnr-digitalguide.jpg"); }
  .homeLink.digitalLink{
    background-image: url("../img/top/top-bnr-digitallink.jpg"); }
  .homeLink .icon-play-circled{
    margin-top: 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 150%;
    margin-left: 20px; }
  .homeLink .icon-play-circled:after{
    top: .5em; }
  .homeLink .blankLink{
    left: 50px;
    bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem; }
  .about .pageTitle.largePhoto{
    background-image: url("../img/about/headimg.jpg"); }
  .aboutPoints ul{
    font-size: 0;
    margin: 0 -10px 60px; }
  .aboutPoints li{
    vertical-align: top;
    display: inline-block;
    width: 47.9103%;
    margin-bottom: 20px;
    margin-right: 1.01937%;
    margin-left: 1.01937%;
    text-align: center;
    box-sizing: border-box;
    border-radius: 10px; }
  .aboutPoints li figure{
    display: block;
    width: 155px;
    margin: auto;
    padding-top: 10px; }
  .aboutPoints li p{
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem; }
  .aboutPoints li .pointsCate{
    margin-bottom: 15px;
    font-size: 24px;
    font-size: 2.4rem; }
  .aboutFlow{
    margin-bottom: 180px; }
  .aboutFlow ol{
    margin-right: -21px;
    font-size: 0; }
  .aboutFlow ol img{
    margin: auto;
    width: auto;
    position: relative;
    left: 7px; }
  .aboutFlow li{
    display: inline-block;
    width: 31.19266%;
    margin-right: 2.03874%;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    padding: 25px 10px 10px;
    box-sizing: border-box;
    border-radius: 10px; }
  .aboutFlow li:before{
    bottom: 50%;
    left: 100%;
    margin-left: -10px;
    margin-bottom: -10px;
    border-width: 19px 14px 0 14px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .aboutFlow .blueBtn{
    font-size: 18px;
    font-size: 1.8rem;
    padding: 20px 10px 20px 20px;
    border-radius: 10px; }
  .aboutFlow .stepHead{
    display: block; }
  .aboutFlow .cell{
    display: block; }
  .aboutFlow .stepTitle{
    text-align: center;
    width: auto;
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 20px; }
  .gift .pageTitle.largePhoto{
    background-image: url("../img/gift/headimg.jpg"); }
  .ticketKusatsu .tickets{
    width: auto;
    margin-top: 50px;
    margin-bottom: 45px; }
  .ticketKusatsu .kusatuExp{
    font-size: 1.8rem;
    margin-bottom: 40px; }
  .ticketKusatsu .ticketRead{
    margin-bottom: 1em; }
  .ticketKusatsu .ticketCaution{
    font-size: 14px;
    font-size: 1.4rem; }
  .ticketOtakino .colorTitle{
    font-size: 2.4rem;
    margin-bottom: 50px; }
  .ticketOtakino .pageReadTxt{
    margin-bottom: 50px; }
  .ticketOtakino .otakinoPhotos{
    margin: 0 -10px;
    margin-bottom: 120px;
    font-size: 0; }
  .ticketOtakino .otakinoPhotos figure{
    display: inline-block;
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box; }
  .ticketOtakino .otakinoPhotos figure img{
    border-radius: 10px; }
  .gift .homeLinkWrap{
    margin-top: 40px;
    width: 100%;
    margin-bottom: 50px;
    float: none; }
  .gift .homeLink{
    min-width: auto;
    width: 470px;
    height: 413px;
    padding: 0;
    padding-top: 315px;
    margin: 0; }
  .gift .homeLink.hotelLink{
    margin-right: 20px;
    background-image: url("../img/gift/facility-photo1.jpg"); }
  .gift .homeLink.shopLink{
    background-image: url("../img/gift/facility-photo2.jpg"); }
  .gift .homeLink.digitalGuide{
    margin-right: 20px;
    background-image: url("../img/gift/facility-photo3.jpg"); }
  .gift .homeLink.digitalLink{
    background-image: url("../img/gift/facility-photo4.jpg"); }    
  .gift .blankLink{
    left: 20px;
    bottom: 23px; }
  .shoplist .pageTitle.largePhoto img.show-sm-block{
    display: none; }
  .shoplist .pageTitle.largePhoto img.show-pc-block{
    display: block; }
  .shoplist .pageTitle.largePhoto{
    background-image: url("../img/gift/headimg-sl.jpg"); }
  .shoplist .pageReadTxt{
    margin-bottom: 50px; }
  .shoplist #cateLinkSelect{
    display: none; }
  .shoplist .cateLink{
    display: block; }
  .shoplist .cateLink li{
    font-size: 16px;
    font-size: 1.6rem; }
  .shoplist .cateLink li:nth-child(4) a, .shoplist .cateLink li:last-child a{
    border-right: none;
    padding-right: 0;
    margin-right: 0; }
  .shoplist .customTable{
    margin-bottom: 120px; }
  .shoplist .customTable .shopCate{
    display: table-row; }
  .shoplist .customTable .shopCate td{
    font-size: 16px;
    font-size: 1.6rem;
    padding: 14px 16px; }
  .shoplist .customTable th{
    font-size: 16px;
    font-size: 1.6rem; }
  .usage .pageTitle.largePhoto{
    background-image: url("../img/usage/headimg.jpg"); }
  .usage .pageReadTxt{
    margin-bottom: 65px; }
  .usageBtn{
    text-align: center;
    font-size: 0;
    margin-bottom: 120px; }
  .usageBtn .blueBtn{
    display: inline-block;
    width: 41.66667%;
    margin: 0 1.04167%;
    padding: 28px 0;
    font-size: 24px;
    font-size: 2.4rem;
    border-radius: 10px; }
  .projectList{
    margin-bottom: 120px; }
  .projectCate{
    display: table;
    width: 100%;
    padding: 20px 0;
    border-radius: 10px; }
  .projectCate h4{
    display: inline;
    width: 20.83333%;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
    font-size: 2.67rem;
    height: 130px; }
/*
  .projectCate ul{
    display: table-cell;
    width: 79.16667%;
    vertical-align: middle;
    padding-right: 33.33333%;
    box-sizing: border-box; }
*/
/*
  .projectCate:last-child ul{
    padding-right: 0; }
*/
  .projectCate li{
    line-height: 175%;
    font-size: 20px;
    font-size: 2rem; }
  .projectCate li p{
    padding-left: 40px; }
/*
  .projectCate .projectNo{
    font-size: 18px;
    font-size: 1.8rem;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border: 2px solid #2fb6b3; }
*/
  .projectCate figure{
    right: 0;
    top: 0;
    height: 100%;
    width: 620px;
    border-radius: 0px 0px 0px 0px; }
  .projectCate figure img{
    width: auto;
    height: 100%;
    max-width: 1000px; }
  .usageList .pageTitle.largePhoto{
    background-image: url("../img/usage/headimg.jpg"); }
  .usageList .sectionTitle.imgTitle{
    margin-bottom: 50px; }
  .usageList .yearList{
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 26px; }
  .usageTable1 td span{
    width: 39.61353%; }
  .usageTable1 td span:first-child{
    width: 38.64734%; }
  .usageTable1 td span:last-child{
    text-align: right;
    width: 21.73913%; }
  .usageTable1 th{
    font-size: 16px;
    font-size: 1.6rem; }
  .usageTable2{
    margin-bottom: 10px; }
  .usageTable2 td{
    width: auto; }
  .usageTable2 td .cell1{
    width: 11.60714%; }
  .usageTable2 td .cell2{
    width: 11.60714%; }
  .usageTable2 td .cell3{
    width: 28.57143%; }
  .usageTable2 td .cell4{
    width: 28.57143%; }
  .usageTable2 td .cell5{
    width: 19.64286%; }
  .usageTable2 .cellBlock{
    font-size: 16px;
    font-size: 1.6rem;
    width: 41.66667%; }
  .usageSum{
    margin-bottom: 140px;
    display: table;
    width: 100%;
    box-sizing: border-box; }
  .usageSum dt{
    display: table-cell;
    width: 50.5208%;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    height: 50px; }
  .usageSum dd{
    display: table-cell;
    width: auto;
    text-align: center;
    width: auto;
    height: 50px;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px; }
  .usageSum dd.sum1{
    width: 19.32367%; }
  .usageSum dd.sum2{
    width: auto; }
  .usageSum dd.sum3{
    width: 10.86957%;
    text-align: right; }
  .usageSum.usageSum2 dt{
    width: 58.3333%;
    display: table-cell;
    padding-left: 20px; }
  .usageSum.usageSum2 dd{
    display: table-cell;
    width: 41.6667%; }
  .usageCaution{
    margin-bottom: 140px; }
  .apply .pageTitle.largePhoto{
    background-image: url("../img/apply/headimg.jpg"); }
  .apply .pageReadTxt{
    margin-bottom: 50px; }
  .wayList{
    font-size: 0;
    margin: 0 -10px 120px;
    text-align: center; }
  .wayList .blueBtn{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    box-sizing: border-box;
    border-radius: 10px; }
  .wayList dl{
    display: inline-block;
    width: 470px;
    height: 410px;
    padding: 50px 25px 25px;
    margin: 0 10px 20px;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 10px; }
  .wayList dt{
    text-align: left;
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0;
    margin-bottom: 40px; }
  .wayList .applyIcon{
    padding-left: 80px; }
  .wayList .applyIcon:before{
    width: 80px;
    height: 64px;
    top: -20px;
    left: -8px; }
  .wayList .applyIcon.myicon-money:before{
    left: -8px; }
  .wayList dd{
    margin-bottom: 10px;
    display: table;
    width: 100%; }
  .wayList-apply .blueBtn{
    height: 130px; }
  .wayList-payment .blueBtn{
    height: 60px; }
  .applyContents .sectionTitle{
    text-align: left;
    padding-top: 15px; }
  .applyContents .sectionTitle .applyIcon{
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 100px; }
  .applyContents .sectionTitle .applyIcon:before{
    width: 80px;
    height: 64px;
    top: -15px;
    left: 15px; }
  .applyContents .sectionTitle .applyIcon.myicon-money:before{
    top: -20px; }
  .applyDocLink{
    text-align: center;
    font-size: 0; }
  .applyDocLink li{
    width: 400px;
    display: inline-block;
    margin: 0 10px 30px; }
  .applyDocLink a{
    font-size: 20px;
    font-size: 2rem;
    padding: 20px 0 20px 80px;
    border-radius: 10px; }
  .applyDocLink a span{
    font-size: 16px;
    font-size: 1.6rem; }
  .applyDocLink .myicon-doc:before{
    width: 60px;
    height: 80px;
    left: 25px; }
  .portalLink{
    margin-bottom: 70px; }
  .portalLink a{
    display: inline-block;
    margin: 0 10px 20px; }
  .applyList{
    margin-bottom: 70px;
    padding: 40px 45px 35px;
    border-radius: 10px; }
  .applyList p{
    font-size: 16px;
    font-size: 1.6rem;
    font-size: 1.6rem; }
  .applyList.bankList p{
    line-height: 200%;
    margin-bottom: .5em; }
  .applyList.bankList ul{
    line-height: 200%;
    margin: 0 -15px; }
  .applyList.bankList li{
    font-size: 24px;
    font-size: 2.4rem;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: .5em; }
  .applyList.creditList{
    margin-bottom: 50px;
    padding-bottom: 25px; }
  .applyList.creditList p{
    line-height: 200%;
    margin-bottom: .5em; }
  .applyList.creditList li{
    margin-bottom: 20px; }
  .applyList.creditList li img{
    height: 60px; }
  #credit .btn{
    margin-bottom: 70px; }
  #cash .specarea{
    padding-top: 35px;
    padding-bottom: 35px; }
  #window .specarea{
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 140px; }
  .cooperation .pageTitle .small{
    font-size: 20px;
    font-size: 2rem; }
  .cooperation .pageReadTxt{
    margin-bottom: 80px; }
  .cooperation .contents-illust-bg{
    margin-top: -70px; }
  .coopDetail{
    margin-bottom: 80px; }
  .coopDetail .sectionTitle .no{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 21px;
    font-size: 2.1rem;
    position: relative;
    top: -1px; }
  .coopDetail .pageReadTxt{
    margin-bottom: 50px; }
  .coopDetail .specarea p{
    font-size: 16px;
    font-size: 1.6rem; }
  .coopDetail .specarea dt{
    font-size: 18px;
    font-size: 1.8rem; }
  .coopDetail .specarea .caution{
    font-size: 16px;
    font-size: 1.6rem; }
  .coopDetail h4{
    font-size: 18px;
    font-size: 1.8rem; }
  .coopDetail .townHallSpec{
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 150%; }
  .coopDetail .townHallSpec dt{
    font-size: 24px;
    font-size: 2.4rem; }
  .coopDetail .townHallSpec dd{
    display: inline-block; }
  .coopDetail .townHallSpec dd:nth-child(2):after{
    content: "／"; }
  .deduction .pageTitle.largePhoto{
    background-image: url("../img/deduction/headimg.jpg"); }
  .deduction .pageReadTxt{
    margin-bottom: 50px; }
  .deduction .applyDocLink{
    margin-top: 50px;
    margin-bottom: 140px; }
  .deduBlock{
    padding: 50px 50px 35px;
    margin-bottom: 20px;
    border-radius: 10px; }
  .deduBlock .applyIcon{
    font-size: 24px;
    font-size: 2.4rem;
    padding-left: 50px;
    margin-bottom: 30px; }
  .deduBlock .applyIcon:before{
    left: -35px;
    top: -19px; }
  .deduBlock h4{
    font-size: 1.8rem; }
  .deduBlock p{
    font-size: 16px;
    font-size: 1.6rem; }
  .deduContent .pageReadTxt{
    margin-bottom: 50px; }
  .deduContent .pageReadTxt p{
    margin-bottom: 2em; }
  .deduLink{
    display: table;
    width: 100%;
    margin: 0 -10px 50px; }
  .deduLink li{
    display: table-cell;
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box; }
  .deduLink a{
    padding: 22px 20px 0;
    height: 120px;
    border-radius: 10px; }
  .deduLink .icon-play-circled{
    font-size: 24px;
    font-size: 2.4rem; }
  .deduLink .icon-play-circled:after{
    left: 12px; }
  .deduLink .blankLink{
    bottom: 20px;
    left: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 20px; }
  .deduBtn .blueBtnWrap{
    margin-bottom: 100px; }
  .deduBtn .blueBtn{
    width: 430px;
    padding: 25px 50px 20px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 150%;
    border-radius: 10px; }
  .deduBtn .blueBtn:before{
    left: 16px;
    margin-top: -16px;
    font-size: 24px;
    font-size: 2.4rem; }
  .deduBtn .blueBtn:after{
    width: 250px;
    height: 122px;
    right: 10px;
    background-size: auto 100%; }
  .faq .pageTitle.largePhoto{
    background-image: url("../img/faq/headimg.jpg"); }
  .faqList{
    margin-bottom: 140px; }
  .faqList li{
    margin-bottom: 10px;
    padding: 20px 10px;
    border-radius: 10px; }
  .faqList .faqMark:before{
    width: 40px;
    height: 40px;
    line-height: 40px;
    left: 10px;
    margin-top: -20px; }
  .faqList .question{
    font-size: 2rem;
    padding-left: 70px; }
  .faqList .answer{
    padding: 27px 30px 27px 10px;
    margin-top: 10px;
    top: 10px; }
  .faqList .answer .faqMark{
    padding-left: 60px;
    font-size: 1.6rem;
    line-height: 200%; }
  .faqList .answer .faqMark:before{
    left: 0;
    font-size: 2.0rem; }
  .news .pageTitle.largePhoto{
    background-image: url("../img/news/headimg.jpg"); }
  .newsBlock{
    padding: 50px 50px 1px;
    margin-bottom: 20px;
    border-radius: 10px; }
  .newsBlock:last-child{
    margin-bottom: 120px; }
  .newsBlock time{
    font-size: 1.6rem; }
  .newsBlock h3{
    font-size: 2.4rem; }
  .newsBlock .newsTxt{
    margin-bottom: 35px; }
  .newsBlock p{
    font-size: 1.6rem;
    margin-bottom: 2em; }
  .newsBlock .floatLeftImg{
    float: left;
    width: 340px;
    height: auto;
    padding-right: 2em;
    overflow: hidden;
    position: relative;
    top: 10px; }
  .newsBlock .rightText{
    overflow: hidden; }
  .contact .pageTitle.largePhoto{
    background-image: url("../img/contact/headimg.jpg"); }
  .contact .pageReadTxt{
    margin-bottom: 50px; }
  .contact .townHallSpec{
    padding: 40px 50px 40px;
    margin-bottom: 120px;
    border-radius: 10px;
    font-size: 24px;
    font-size: 2.4rem; }
  .request .pageTitle.largePhoto{
    background-image: url("../img/request/headimg.jpg"); }
  .request .pageReadTxt{
    margin-bottom: 50px; }
  #contactForm{
    margin-bottom: 130px; }
  #contactForm .tableWrap{
    padding: 50px;
    margin-bottom: 50px;
    border-radius: 10px; }
  #contactForm table{
    font-size: 0; }
  #contactForm th, #contactForm td{
    font-size: 1.6rem;
    vertical-align: middle;
    padding: 10px 0;
    min-height: 40px; }
  #contactForm th{
    display: table-cell;
    width: 212px;
    text-align: center;
    height: 40px; }
  #contactForm td{
    display: table-cell;
    width: 648px;
    height: 40px; }
  #contactForm label{
    width: auto;
    display: inline-block; }
  #contactForm label span{
    width: 48px;
    text-align: center; }
  #contactForm .nameInput input{
    display: inline-block;
    width: auto; }
  #contactForm input[name="postcode"]{
    width: 247px;
    margin-bottom: 0;
    box-sizing: border-box; }
  #contactForm input[name="address"], #contactForm input[name="building"], #contactForm input[type="tel"], #contactForm input[type="email"]{
    margin-bottom: 0; }
  #contactForm select{
    margin-bottom: 0; }
  #contactForm .blueBtn{
    width: 400px;
    font-size: 2.4rem;
    border-radius: 10px; }
  #contactForm .btn{
    padding: 25px 0;
    font-size: 2.4rem; }
  .reqtemp{
    margin-bottom: 120px;
    padding: 50px 45px;
    border-radius: 10px; }
  .reqtemp dt{
    font-size: 1.6rem; }
  .reqtemp dd{
    font-size: 2.4rem; }
  .reqtemp .caution{
    font-size: 1.6rem; }
  .ie11 .footNavReqest .blueBtn, .ie10 .footNavReqest .blueBtn{
    padding-top: 20px !important; }
  .ie11 .usageBtn .blueBtn, .ie10 .usageBtn .blueBtn{
    padding-top: 33px; } }

@media only screen and (min-width: 1400px){
  .mainVisual{
    padding-right: 10px;
    padding-left: 10px; }
  .mainVisual{
    padding-right: 10px;
    padding-left: 10px; } }