@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}

html {
  line-height: 1;
}

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

dl, dt, dd,
ul, li {
  list-style: none;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  backface-visibility: hidden;
}

ins {
  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;
  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;
}

address {
  font-style: normal;
}

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

*:before, *:after {
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: "MyYuGothic";
  src: local("Yu Gothic Medium");
  font-weight: normal;
}

@font-face {
  font-family: "MyYuGothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

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

html {
  height: 100%;
  font-family: 'Montserrat', Helvetica,Verdana,"MyYuGothic", YuGothic,"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro",Osaka,sans-serif;
  font-size: 62.5%;
}

html input, html button, html textarea {
  font-family: "MyYuGothic", YuGothic, '游ゴシック',"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

body {
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
}

.clearfix:after, #contents #contentsWrapper:after, #contents #contentsWrapper #mainContents:after, #contents #contentsWrapper #subContents:after, .topModal .topModalDetail .topModalDetailItemContent:after, #breadcrumbs #breadcrumbsInner:after, #globalFooter .footerBottom .footerBottomInner:after, .applyLinkArea:after, #articleBody:after, #articleBody .articleTopLink:after, #articleBody .articleMain:after, .uniqueArea-present .presentList:after, .uniqueArea-kinkon .info:after, .uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList:after, .uniqueArea-hanapapa .hanapapa-profile:after, .uniqueArea-hanapapa .hanapapa-profile .detail:after, .uniqueArea-tentore .tentore-service .tentore-serviceList:after, .uniqueArea-tentore .info:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix, #contents #contentsWrapper, #contents #contentsWrapper #mainContents, #contents #contentsWrapper #subContents, .topModal .topModalDetail .topModalDetailItemContent, #breadcrumbs #breadcrumbsInner, #globalFooter .footerBottom .footerBottomInner, .applyLinkArea, #articleBody, #articleBody .articleTopLink, #articleBody .articleMain, .uniqueArea-present .presentList, .uniqueArea-kinkon .info, .uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList, .uniqueArea-hanapapa .hanapapa-profile, .uniqueArea-hanapapa .hanapapa-profile .detail, .uniqueArea-tentore .tentore-service .tentore-serviceList, .uniqueArea-tentore .info {
  min-height: 1px;
}

* html .clearfix, * html #contents #contentsWrapper, #contents * html #contentsWrapper, * html #contents #contentsWrapper #mainContents, #contents #contentsWrapper * html #mainContents, * html #contents #contentsWrapper #subContents, #contents #contentsWrapper * html #subContents, * html .topModal .topModalDetail .topModalDetailItemContent, .topModal .topModalDetail * html .topModalDetailItemContent, * html #breadcrumbs #breadcrumbsInner, #breadcrumbs * html #breadcrumbsInner, * html #globalFooter .footerBottom .footerBottomInner, #globalFooter .footerBottom * html .footerBottomInner, * html .applyLinkArea, * html #articleBody, * html #articleBody .articleTopLink, #articleBody * html .articleTopLink, * html #articleBody .articleMain, #articleBody * html .articleMain, * html .uniqueArea-present .presentList, .uniqueArea-present * html .presentList, * html .uniqueArea-kinkon .info, .uniqueArea-kinkon * html .info, * html .uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList, .uniqueArea-hanapapa .hanapapa-present * html .hanapapa-presentList, * html .uniqueArea-hanapapa .hanapapa-profile, .uniqueArea-hanapapa * html .hanapapa-profile, * html .uniqueArea-hanapapa .hanapapa-profile .detail, .uniqueArea-hanapapa .hanapapa-profile * html .detail, * html .uniqueArea-tentore .tentore-service .tentore-serviceList, .uniqueArea-tentore .tentore-service * html .tentore-serviceList, * html .uniqueArea-tentore .info, .uniqueArea-tentore * html .info {
  height: 1px;
  /*\*/
  /*/
	height: auto;
	overflow: hidden;
	/**/
}

a {
  color: #1D8ADA;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
  text-decoration: underline;
}

a img {
  -ms-interpolation-mode: bicubic;
}

a img:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#contents {
  position: relative;
  width: auto;
  min-height: 100%;
  padding-top: 72px;
  margin-left: 240px;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  #contents {
    padding-top: 50px;
    margin-left: 0;
  }
}

.is-side-none #contents {
  margin-left: 0;
}

#contents #mainContents {
  padding: 0 0 60px;
}

#contents #mainContents .contentsSection {
  padding: 60px 0 60px 0;
}

@media only screen and (max-width: 599px) {
  #contents #mainContents .contentsSection {
    padding: 30px 0 30px 0;
  }
}

#contents #mainContents .contentsSection.contentsSection-gridBg {
  background: url(img/bg_grid.png) left top repeat;
}

#contents #mainContents .contentsSection.contentsSection-bgColored {
  background: #F6F6F6;
}

#contents #mainContents .contentsSection .contentsSectionInner.contentsSectionInner-center {
  width: 87.5%;
  max-width: 920px;
  margin: 0 auto;
}

@media only screen and (max-width: 599px) {
  #contents #mainContents .contentsSection .contentsSectionInner.contentsSectionInner-center {
    width: 100%;
    max-width: 100%;
    padding: 0 15px;
  }
}

#contents .contentInner {
  width: 1000px;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  #contents .contentInner {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

#contents #contentsWrapper {
  width: 1000px;
  height: 100%;
  min-height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  #contents #contentsWrapper {
    width: auto;
    padding-top: 0;
  }
}

#contents #contentsWrapper #mainContents {
  width: 1000px;
}

@media only screen and (max-width: 992px) {
  #contents #contentsWrapper #mainContents {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
}

#contents #contentsWrapper #mainContents .mainContentsSection {
  margin-bottom: 25px;
}

@media only screen and (max-width: 992px) {
  #contents #contentsWrapper #mainContents .mainContentsSection {
    margin-bottom: 0;
  }
}

#contents #contentsWrapper #mainContents .mainContentsSection .asideContentsSection {
  padding-top: 30px;
}

@media only screen and (max-width: 992px) {
  #contents #contentsWrapper #mainContents .mainContentsSection .asideContentsSection {
    padding-top: 20px;
  }
}

.pagesContentsItem {
  margin-bottom: 25px;
}

.mt-xs {
  margin-top: 5px !important;
}

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

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

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

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

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

.mb-xs {
  margin-bottom: 5px !important;
}

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

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

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

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

.ml-xs {
  margin-left: 5px !important;
}

.ml-s {
  margin-left: 10px !important;
}

.ml-m {
  margin-left: 20px !important;
}

.ml-l {
  margin-left: 30px !important;
}

.ml-xl {
  margin-left: 40px !important;
}

.pt--0 {
  padding-top: 0 !important;
}

.mt00 {
  margin-top: 0px !important;
}

.mt05 {
  margin-top: 5px !important;
}

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

.mt15 {
  margin-top: 15px !important;
}

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

.mt25 {
  margin-top: 25px !important;
}

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

.mt35 {
  margin-top: 35px !important;
}

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

.mt45 {
  margin-top: 45px !important;
}

.mb00 {
  margin-bottom: 0px !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

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

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

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

.mb25 {
  margin-bottom: 25px !important;
}

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

.mb35 {
  margin-bottom: 35px !important;
}

.ml00 {
  margin-left: 0px !important;
}

.ml05 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mr00 {
  margin-right: 0 !important;
}

.mr05 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.m0a {
  margin: 0 auto;
}

.pt00 {
  padding-top: 0px !important;
}

.pt05 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pb00 {
  padding-bottom: 0px !important;
}

.pb05 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl00 {
  padding-left: 0px !important;
}

.pl05 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pr00 {
  padding-right: 0 !important;
}

.pr05 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.fw-b {
  font-weight: bold;
}

.ta-l {
  text-align: left;
}

.ta-r {
  text-align: right;
}

.ta-c {
  text-align: center;
}

.ti_1 {
  margin-left: 1em;
  text-indent: -1em;
}

.ti_1-5 {
  margin-left: 1.5em;
  text-indent: -1.5em;
}

.fs-xl {
  font-size: 1.5em !important;
}

.fs-l {
  font-size: 1.3em !important;
}

.fs-m {
  font-size: 1.1em !important;
}

.fs-s {
  font-size: 0.9em !important;
}

.fs-xs {
  font-size: 0.8em !important;
}

.c-red {
  color: #F96B66;
}

.d-n--pc {
  display: none !important;
}

@media only screen and (max-width: 599px) {
  .d-n--pc {
    display: block !important;
  }
}

.d-n--sp {
  display: block !important;
}

@media only screen and (max-width: 599px) {
  .d-n--sp {
    display: none !important;
  }
}

.l-content-wrraper {
  max-width: 1000px;
  width: 100%;
  padding: 0 40px;
  margin: 0 auto;
}

.l-content-wrraper.is-small {
  max-width: 780px;
}

@media only screen and (max-width: 599px) {
  .l-content-wrraper {
    padding: 0 15px;
  }
}

.l-section {
  padding-bottom: 90px;
}

@media only screen and (max-width: 768px) {
  .l-section {
    padding-bottom: 40px;
  }
}

.l-section.is-col--2 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.l-section.is-col--2 .l-section-item {
  width: calc((100% - 40px * (2 - 1)) / 2 - 0.1px);
  margin-right: 40px;
  margin-top: 40px;
}

.l-section.is-col--2 .l-section-item:nth-child(2n + 0) {
  margin-right: 0;
}

.l-section.is-col--2 .l-section-item:nth-child(1) {
  margin-top: 0;
}

.l-section.is-col--2 .l-section-item:nth-child(2) {
  margin-top: 0;
}

.l-section-side + * {
  margin-top: 20px;
}

.l-col {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.l-col.is-col--2 .l-col-content {
  width: calc((100% - 0px * (2 - 1)) / 2 - 0.1px);
  margin-right: 0px;
  margin-top: 0px;
}

.l-col.is-col--2 .l-col-content:nth-child(2n + 0) {
  margin-right: 0;
}

.l-col.is-col--2 .l-col-content:nth-child(1) {
  margin-top: 0;
}

.l-col.is-col--2 .l-col-content:nth-child(2) {
  margin-top: 0;
}

.c-common-el__h2 {
  position: relative;
  font-size: 24px;
  padding-bottom: 16px;
  border-bottom: solid 3px #F4F4F4;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .c-common-el__h2 {
    font-size: 16px;
    padding-bottom: 10px;
  }
}

.c-common-el__h2:before {
  position: absolute;
  left: 0;
  bottom: -3px;
  content: "";
  display: block;
  width: 100px;
  height: 3px;
  background: #1757A1;
}

.c-common-el__h3 {
  position: relative;
  padding: 15px 30px;
  font-size: 16px;
  line-height: 1.3;
  background: #F3F4F5;
}

@media only screen and (max-width: 768px) {
  .c-common-el__h3 {
    padding: 10px 10px 10px 20px;
    font-size: 15px;
  }
}

.c-common-el__h3:before {
  position: absolute;
  top: 0;
  left: 12px;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 18px);
  background: #1757A1;
}

@media only screen and (max-width: 768px) {
  .c-common-el__h3:before {
    left: 10px;
  }
}

* + .c-common-el__h2 {
  margin-top: 70px;
}

@media only screen and (max-width: 768px) {
  * + .c-common-el__h2 {
    margin-top: 35px;
  }
}

.c-common-el__h2 + * {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .c-common-el__h2 + * {
    margin-top: 20px;
  }
}

.c-common-el__h2 + .c-common-el__dl {
  margin-top: 0;
  border-top: none;
}

.c-common-el__h2 + .c-common-el__dl:before {
  display: none;
}

@media only screen and (max-width: 768px) {
  .c-common-el__h2 + .c-common-el__dl {
    margin-top: 0;
  }
}

* + .c-common-el__h3 {
  margin-top: 35px;
}

.c-common-el__h3 + * {
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
  .c-common-el__h3 + * {
    margin-top: 20px;
  }
}

.c-common-el__h2 + .c-common-el__h3 {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .c-common-el__h2 + .c-common-el__h3 {
    margin-top: 20px;
  }
}

.c-common-el__dl {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  border-top: 2px solid #EEEEEE;
}

.c-common-el__dl + .c-common-el__dl {
  border-top: none;
}

@media only screen and (max-width: 768px) {
  .c-common-el__dl {
    display: block;
  }
}

.c-common-el__dl:before {
  position: absolute;
  top: -2px;
  left: 0;
  content: "";
  display: block;
  height: 2px;
  width: 220px;
  background: #BDBDBD;
}

.c-common-el__dl + .c-common-el__dl:before {
  display: none;
}

@media only screen and (max-width: 768px) {
  .c-common-el__dl:before {
    display: none;
  }
}

.c-common-el__dl dt {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 10px;
  border-bottom: 2px solid #BDBDBD;
  font-weight: bold;
  width: 220px;
  font-size: 15px;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .c-common-el__dl dt {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 17px;
  }
}

.c-common-el__dl dd {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 2px solid #EEEEEE;
  padding: 25px 20px 25px 10px;
  font-size: 15px;
  width: calc(100% - 220px);
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .c-common-el__dl dd {
    width: 100%;
    padding-bottom: 17px;
    padding-top: 5px;
    padding-left: 20px;
    font-size: 14px;
  }
}

.c-separateBox {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1024px) {
  .c-separateBox {
    display: block;
  }
}

@media only screen and (min-width: 1025px) {
  .c-separateBox .c-separateBox__item {
    width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
    margin-right: 20px;
    margin-top: 10px;
  }
  .c-separateBox .c-separateBox__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .c-separateBox .c-separateBox__item:nth-child(1) {
    margin-top: 0;
  }
  .c-separateBox .c-separateBox__item:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .c-separateBox .c-separateBox__item {
    width: 100%;
    margin-bottom: 25px;
  }
  .c-separateBox .c-separateBox__item:last-child {
    margin-bottom: 0;
  }
}

.c-button {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .c-button {
    margin-top: 10px;
  }
}

.c-button .c-button__inner {
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  max-width: 500px;
  font-size: 20px;
  margin: 0 auto;
  padding: 25px 15px;
  text-decoration: none;
  transition: background .2s;
  border: solid 2px #000;
}

@media only screen and (max-width: 768px) {
  .c-button .c-button__inner {
    max-width: 85%;
    padding: 15px 5px;
  }
}

.c-button .c-button__inner:hover {
  background: #000;
}

.c-button__text {
  color: #000;
  font-size: 20px;
}

.c-button__inner:hover .c-button__text {
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .c-button__text {
    font-size: 15px;
  }
}

.c-button-ex {
  margin-top: 20px;
}

@media only screen and (max-width: 768px) {
  .c-button-ex {
    margin-top: 10px;
  }
}

.c-button-ex .c-button-ex__inner {
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  max-width: 600px;
  background: #30AC7B;
  font-size: 20px;
  margin: 0 auto;
  padding: 15px 15px;
  text-decoration: none;
  transition: background .2s;
}

@media only screen and (max-width: 768px) {
  .c-button-ex .c-button-ex__inner {
    max-width: 75%;
  }
}

.c-button-ex .c-button-ex__inner:hover {
  background: #2a986d;
}

.c-button-ex .c-button-ex__inner:before {
  display: block;
  font-family: "myfont";
  content: "\EA0B";
  font-size: 40px;
  color: #fff;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  .c-button-ex .c-button-ex__inner:before {
    margin-right: 10px;
    font-size: 26px;
  }
}

.c-button-ex__text {
  color: #fff;
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  .c-button-ex__text {
    font-size: 15px;
  }
}

.c-articlelist__item {
  border-bottom: solid 1px #ccc;
}

.c-articlelist__item .c-articlelist__itemInner {
  position: relative;
  display: -webkit-box;
  display: flex;
  padding: 0px 45px 0px 15px;
  height: 70px;
}

@media only screen and (max-width: 768px) {
  .c-articlelist__item .c-articlelist__itemInner {
    padding: 0 0;
  }
}

.c-articlelist__item .c-articlelist__itemInner:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  display: block;
  font-family: "myfont";
  content: "\EA07";
  color: #1757A1;
  font-size: 16px;
  width: 1em;
  height: 1em;
}

@media only screen and (max-width: 768px) {
  .c-articlelist__item .c-articlelist__itemInner:before {
    display: none;
  }
}

.c-articlelist__item .c-articlelist__itemInner:hover {
  background: #F2F2F2;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .c-articlelist__item .c-articlelist__itemInner:hover {
    background: #fff;
  }
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__image {
  position: relative;
  width: 130px;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  .c-articlelist__item .c-articlelist__itemInner .c-articlelist__image {
    width: 80px;
    margin-right: 15px;
  }
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit:cover;";
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__image:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__content {
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex: 1;
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__content:hover {
  text-decoration: none;
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__date {
  display: block;
  margin-bottom: 10px;
  color: #6f6f6f;
}

@media only screen and (max-width: 768px) {
  .c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__date {
    font-size: 11px;
  }
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte {
  line-height: 1.4;
  overflow: hidden;
  position: relative;
  word-break: break-all;
  font-size: 18px;
  max-height: 50.4px;
  color: #222;
  font-weight: 600;
  width: 100%;
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:before, .c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:after {
  position: absolute;
  background: #fff;
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:before {
  content: '...';
  right: 0px;
  text-align: center;
  width: 1em !important;
  top: 25.2px;
  z-index: 1;
}

.c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:after {
  content: '';
  height: 100%;
  width: 100%;
  z-index: 2;
}

.c-articlelist__item:hover .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:before, .c-articlelist__item:hover .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:after {
  background: #F2F2F2;
}

@media only screen and (max-width: 768px) {
  .c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte {
    line-height: 1.4;
    overflow: hidden;
    position: relative;
    word-break: break-all;
    font-size: 14px;
    max-height: 39.2px;
  }
  .c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:before, .c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:after {
    position: absolute;
    background: #fff;
  }
  .c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:before {
    content: '...';
    right: 0px;
    text-align: center;
    width: 1em !important;
    top: 19.6px;
    z-index: 1;
  }
  .c-articlelist__item .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:after {
    content: '';
    height: 100%;
    width: 100%;
    z-index: 2;
  }
  .c-articlelist__item:hover .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:before, .c-articlelist__item:hover .c-articlelist__itemInner .c-articlelist__content .c-articlelist__tilte:after {
    background: #fff;
  }
}

.c-articlelist-separate {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1024px) {
  .c-articlelist-separate {
    display: block;
  }
}

.c-articlelist-separate .c-articlelist-separate__item {
  position: relative;
}

.c-articlelist-separate .c-articlelist-separate__item:before {
  position: absolute;
  right: -15px;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #ccc;
}

.c-articlelist-separate .c-articlelist-separate__item:last-child:before {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .c-articlelist-separate .c-articlelist-separate__item:before {
    display: none;
  }
}

@media only screen and (min-width: 1025px) {
  .c-articlelist-separate .c-articlelist-separate__item {
    width: calc((100% - 30px * (2 - 1)) / 2 - 0.1px);
    margin-right: 30px;
    margin-top: 10px;
  }
  .c-articlelist-separate .c-articlelist-separate__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .c-articlelist-separate .c-articlelist-separate__item:nth-child(1) {
    margin-top: 0;
  }
  .c-articlelist-separate .c-articlelist-separate__item:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .c-articlelist-separate .c-articlelist-separate__item {
    width: 100%;
    margin-bottom: 25px;
  }
  .c-articlelist-separate .c-articlelist-separate__item:last-child {
    margin-bottom: 0;
  }
}

.p-content {
  padding: 0 30px;
}

@media only screen and (max-width: 768px) {
  .p-content {
    padding: 0 10px;
  }
}

.p-standard h1 {
  margin: 0 0 45px 0;
  font-size: 30px;
  color: #2D2D2D;
  font-family: "Yu Mincho", "YuMincho";
  font-weight: 500;
  line-height: 1.2;
}

@media only screen and (max-width: 1024px) {
  .p-standard h1 {
    font-size: 18px;
    margin: 0 0 20px 0;
    line-height: 1.4;
  }
}

.p-standard h2 {
  position: relative;
  margin-bottom: 25px;
  padding: 18px 30px 18px 30px;
  font-size: 17px;
  font-weight: 500;
  background: #F2F1F0;
}

@media only screen and (max-width: 1024px) {
  .p-standard h2 {
    padding: 12px 15px 12px 15px;
    font-size: 15px;
    margin-bottom: 20px;
  }
}

.p-standard h2:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -2.5px;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #1757A1;
}

.p-standard h3 {
  position: relative;
  border-bottom: solid 4px #EFEFEE;
  padding: 0 0 15px 5px;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.p-standard h3:before {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  display: block;
  width: 5px;
  height: 4px;
  background: #1757A1;
}

.p-standard h4 {
  position: relative;
  padding: 0 0 0 18px;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.p-standard h4:before {
  position: absolute;
  top: 50%;
  left: 2px;
  margin-top: -3px;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #1757A1;
}

.p-standard h5 {
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.p-standard p {
  font-size: 14px;
  line-height: 1.9;
  word-break: break-all;
}

.p-standard img {
  display: block;
  margin: 55px auto 0 auto;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 599px) {
  .p-standard img {
    margin-top: 35px;
  }
}

.p-standard p img {
  margin-top: 0;
}

.p-standard figure {
  text-align: center;
}

.p-standard figure figcaption {
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
}

.p-standard dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.p-standard dl + dl {
  margin-top: 0;
}

.p-standard dl dt {
  font-weight: 500;
  clear: both;
  width: 33%;
  padding: 20px 20px;
  font-weight: 500;
  color: #000;
  border-top: solid 1px #000;
  line-height: 1.7;
}

.p-standard dl dd {
  padding: 20px 10px 20px 40px;
  border-top: solid 1px #C7C7C7;
  line-height: 1.7;
  width: 67%;
}

.p-standard ul > li {
  position: relative;
  font-size: 14px;
  line-height: 2;
  counter-increment: num;
  padding-left: 22px;
}

.p-standard ul > li > ul {
  padding-left: 22px;
  margin-bottom: 10px;
  counter-reset: num;
}

.p-standard ul > li > ul > li {
  counter-increment: num;
}

.p-standard ul > li > ul > ul {
  padding-left: 22px;
}

.p-standard ul li:before {
  position: absolute;
  left: 2px;
  top: 12px;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #000;
}

.p-standard ol > li {
  position: relative;
  font-size: 14px;
  line-height: 2;
  counter-increment: num;
  padding-left: 22px;
}

.p-standard ol > li ol {
  padding-left: 22px;
  margin-bottom: 10px;
  counter-reset: num;
}

.p-standard ol > li ol > li {
  counter-increment: num;
}

.p-standard ol > li ol ol {
  padding-left: 22px;
}

.p-standard ol li:before {
  content: counter(num);
  position: absolute;
  left: 2px;
  top: 6px;
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #000;
  background: none !important;
}

.p-standard table {
  width: 100% !important;
  border-top: solid 1px #E8E7E7;
  border-left: solid 1px #E8E7E7;
  table-layout: fixed;
}

.p-standard table .cell-color--green {
  background: #D4E8D9;
}

.p-standard table .cell-color--blue {
  background: #D8EEED;
}

.p-standard table .cell-align--left {
  text-align: left;
}

.p-standard table .cell-align--center {
  text-align: center;
}

.p-standard table .cell-align--right {
  text-align: right;
}

.p-standard table .cell-valign--top {
  vertical-align: top;
}

.p-standard table .cell-valign--middle {
  vertical-align: middle;
}

.p-standard table .cell-valign--bottom {
  vertical-align: bottom;
}

.p-standard table .cell-fontSize--s {
  font-size: 12px;
}

.p-standard table .icon {
  position: absolute;
  left: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 599px) {
  .p-standard table .icon {
    width: 20px;
    height: 20px;
  }
}

.p-standard table .icon .svg-cross {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.p-standard table .icon .svg-cross svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #333;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.p-standard table .icon .svg-circle {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.p-standard table .icon .svg-circle svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #F3718F;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.p-standard table .icon .svg-triangle {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.p-standard table .icon .svg-triangle svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #F57F0D;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.p-standard table .notice {
  position: relative;
  padding: 5px 0 5px 20px;
  display: inline-block;
  vertical-align: middle;
  width: 85%;
}

.p-standard table .notice .text {
  font-size: 18px;
}

.p-standard table .txt-small {
  display: block;
  margin-top: 30px;
}

.p-standard table small {
  font-size: 10px;
}

.p-standard table a {
  text-decoration: underline;
}

.p-standard table a:hover {
  text-decoration: none;
}

.p-standard table tr th {
  padding: 12px 23px;
  border-right: solid 1px #E8E7E7;
  border-bottom: solid 1px #E8E7E7;
  vertical-align: middle;
  line-height: 1.5;
  font-weight: normal;
  background: #D8EEED;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  width: auto !important;
}

@media only screen and (max-width: 1024px) {
  .p-standard table tr th {
    font-size: 11px;
  }
}

@media only screen and (max-width: 599px) {
  .p-standard table tr th {
    padding: 6px 8px;
  }
}

.p-standard table tr td {
  padding: 12px 10px;
  border-right: solid 1px #E8E7E7;
  border-bottom: solid 1px #E8E7E7;
  vertical-align: middle;
  line-height: 1.5;
  position: relative;
  width: auto !important;
  max-width: 70%;
}

@media only screen and (max-width: 1024px) {
  .p-standard table tr td {
    font-size: 11px;
  }
}

@media only screen and (max-width: 599px) {
  .p-standard table tr td {
    padding: 6px 8px;
  }
}

@media only screen and (max-width: 599px) {
  .p-standard .is-scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 5px;
  }
  .p-standard .is-scroll::-webkit-scrollbar {
    height: 5px;
  }
  .p-standard .is-scroll::-webkit-scrollbar-track {
    background: #f2f2f2;
    border-radius: 5px;
  }
  .p-standard .is-scroll::-webkit-scrollbar-thumb {
    background: #2cc2e4;
    border-radius: 5px;
  }
  .p-standard .is-scroll table {
    width: 150%;
  }
  .p-standard .is-scroll.is-scroll-width--x2 table {
    width: 200%;
  }
  .p-standard .is-scroll.is-scroll-width--x2-1 table {
    width: 210%;
  }
  .p-standard .is-scroll.is-scroll-width--x2-2 table {
    width: 220%;
  }
  .p-standard .is-scroll.is-scroll-width--x2-3 table {
    width: 230%;
  }
  .p-standard .is-scroll.is-scroll-width--x2-4 table {
    width: 240%;
  }
  .p-standard .is-scroll.is-scroll-width--x2-5 table {
    width: 250%;
  }
  .p-standard .is-scroll.is-scroll-width--x3 table {
    width: 300%;
  }
}

.p-standard > * {
  margin-top: 15px;
}

.p-standard > *:last-child {
  margin-bottom: 0;
}

.p-standard > *:first-child {
  margin-top: 0;
}

.p-standard > * + h2 {
  margin-top: 60px;
}

@media only screen and (max-width: 768px) {
  .p-standard > * + h2 {
    margin-top: 35px;
  }
}

.p-standard > h2 + * {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .p-standard > h2 + * {
    margin-top: 20px;
  }
}

.p-standard > * + h3 {
  margin-top: 25px;
}

.p-standard > h3 + * {
  margin-top: 20px;
}

.p-standard > h2 + h3 {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .p-standard > h2 + h3 {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  #js-nav #menuBtn {
    position: fixed;
    top: 20px;
    right: 3%;
    color: #fff;
    z-index: 9000;
    cursor: pointer;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  #js-nav #menuBtn {
    top: 0;
    right: 0;
  }
}

@media only screen and (max-width: 1024px) {
  #js-nav #navArea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #1757A1;
    z-index: 8000;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  #js-nav #navArea #nav {
    position: relative;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    padding-top: 80px;
    padding-bottom: 60px;
    background: #1757A1;
    z-index: 8000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #js-nav #navArea #nav .navItem {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
}

#js-nav {
  transition: all 0.5s;
}

#js-nav #menuBtn span {
  width: 24px;
  height: 3px;
  display: block;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -1.5px;
}

#js-nav.is-open #menuBtn span {
  background: #fff;
}

#menuBtn {
  display: none;
  width: 50px;
  height: 50px;
}

@media only screen and (max-width: 1024px) {
  #menuBtn {
    display: block;
  }
}

#menuBtn span {
  position: relative;
  transition: 0.3s all;
}

#menuBtn .top {
  transform: translateY(-8px);
}

#menuBtn .middle {
  transition: .5s opacity;
  opacity: 1;
}

#menuBtn .bottom {
  transform: translateY(8px);
}

#js-nav.is-close #menuBtn .middle {
  transition: .5s opacity;
}

#js-nav.is-close #menuBtn .top {
  animation: type6-top .5s;
}

#js-nav.is-close #menuBtn .bottom {
  animation: type6-bottom .5s;
}

#js-nav.is-open #menuBtn .middle {
  opacity: 0;
  transition: .5s opacity;
}

#js-nav.is-open #menuBtn .top {
  animation: type6-top-close .5s;
  animation-fill-mode: forwards;
}

#js-nav.is-open #menuBtn .bottom {
  animation: type6-bottom-close .5s;
  animation-fill-mode: forwards;
}

@keyframes type6-top {
  0% {
    transform: translateY(0px) rotate(-45deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(-8px) rotate(0deg);
  }
}

@keyframes type6-bottom {
  0% {
    transform: translateY(0px) rotate(45deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(8px) rotate(0deg);
  }
}

@keyframes type6-top-close {
  0% {
    transform: translateY(-7px) rotate(0deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(0px) rotate(-45deg);
  }
}

@keyframes type6-bottom-close {
  0% {
    transform: translateY(7px) rotate(0deg);
  }
  50% {
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    transform: translateY(0px) rotate(45deg);
  }
}

#search_modal_overlay {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

#modalContents {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 11000;
}

#modalContents .modalRemove {
  position: absolute;
  bottom: -80px;
  left: 50%;
  margin-left: -18px;
  cursor: pointer;
}

#modalContents .modalRemove .modalRemoveIcon {
  width: 36px;
  height: 36px;
}

#modalContents .modalRemove .modalRemoveIcon .firstLine, #modalContents .modalRemove .modalRemoveIcon .secondLine {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -18px;
  display: block;
  height: 2px;
  width: 36px;
  background: #fff;
}

#modalContents .modalRemove .modalRemoveIcon .firstLine {
  transform: rotate(-45deg);
}

#modalContents .modalRemove .modalRemoveIcon .secondLine {
  transform: rotate(45deg);
}

#modalContents .modalRemove .modalRemoveIcon:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#modalContents .modalRemove p {
  margin-top: 20px;
  color: #fff;
}

#modalContents #modalTitle {
  margin-bottom: 40px;
}

#modalContents #modalTitle p {
  font-size: 36px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

#modalContents #modalText p {
  font-size: 18px;
  color: #fff;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #modalContents {
    /*width: 320px;
height: 180px;*/
  }
}

#modalContents {
  max-width: 920px !important;
  margin: 0 auto;
}

#modalContents.modalMovieWrap {
  max-width: none !important;
}

.topModal {
  color: #fff;
}

.topModal .topModalTitle {
  margin-bottom: 35px;
}

@media only screen and (max-width: 599px) {
  .topModal .topModalTitle {
    margin-bottom: 25px;
  }
}

.topModal .topModalTitle p {
  text-align: center;
}

.topModal .topModalTitle p.mainText {
  line-height: 1.4;
  font-size: 40px;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .topModal .topModalTitle p.mainText {
    font-size: 30px;
  }
}

@media only screen and (max-width: 599px) {
  .topModal .topModalTitle p.mainText {
    font-size: 20px;
  }
}

.topModal .topModalTitle p.subText {
  font-size: 14px;
  line-height: 1.4;
}

@media only screen and (max-width: 1024px) {
  .topModal .topModalTitle p.subText {
    font-size: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .topModal .topModalTitle p.subText {
    font-size: 10px;
  }
}

.topModal .topModalDetail .topModalDetailItem {
  margin-bottom: 50px;
}

@media only screen and (max-width: 599px) {
  .topModal .topModalDetail .topModalDetailItem {
    margin-bottom: 25px;
  }
}

.topModal .topModalDetail .topModalDetailItem:last-child {
  margin-bottom: 0;
}

.topModal .topModalDetail .topModalDetailItem .topModalDetailItemTitle {
  margin-bottom: 15px;
}

.topModal .topModalDetail .topModalDetailItem .topModalDetailItemTitle p {
  position: relative;
  padding-left: 25px;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.3;
}

@media only screen and (max-width: 1024px) {
  .topModal .topModalDetail .topModalDetailItem .topModalDetailItemTitle p {
    font-size: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .topModal .topModalDetail .topModalDetailItem .topModalDetailItemTitle p {
    font-size: 16px;
    padding-left: 15px;
  }
}

.topModal .topModalDetail .topModalDetailItem .topModalDetailItemTitle p:before {
  position: absolute;
  left: 0;
  top: 0.5em;
  margin-top: -3px;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
}

.topModal .topModalDetail .topModalDetailItem .topModalDetailItemTitle p small {
  font-weight: normal;
  font-size: 19px;
}

@media only screen and (max-width: 1024px) {
  .topModal .topModalDetail .topModalDetailItem .topModalDetailItemTitle p small {
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .topModal .topModalDetail .topModalDetailItem .topModalDetailItemTitle p small {
    font-size: 11px;
  }
}

.topModal .topModalDetail .topModalDetailItemContent {
  line-height: 1.6;
  padding-left: 25px;
}

@media only screen and (max-width: 599px) {
  .topModal .topModalDetail .topModalDetailItemContent {
    padding-left: 15px;
  }
}

.topModal .topModalDetail .topModalDetailItemContent .plainText {
  font-size: 17px;
}

.topModal .topModalDetail .topModalDetailItemContent .plainText.plainText-l {
  font-size: 22px;
}

@media only screen and (max-width: 1024px) {
  .topModal .topModalDetail .topModalDetailItemContent .plainText {
    font-size: 13px;
  }
}

@media only screen and (max-width: 599px) {
  .topModal .topModalDetail .topModalDetailItemContent .plainText {
    font-size: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .topModal .topModalDetail .topModalDetailItemContent ul {
    display: block !important;
    padding: 15px 0 0 0 !important;
  }
}

.topModal .topModalDetail .topModalDetailItemContent ul li {
  margin-left: 20px;
  list-style: disc;
  margin-bottom: 5px;
}

.topModal .topModalDetail .topModalDetailItemContent ul li:last-child {
  margin-bottom: 0;
}

.topModal .topModalDetail .topModalDetailItemContent .images {
  font-size: 0;
  margin-bottom: 20px;
}

.topModal .topModalDetail .topModalDetailItemContent .images img {
  margin-right: 20px;
}

@media only screen and (max-width: 599px) {
  .topModal .topModalDetail .topModalDetailItemContent .images img {
    height: 100px;
    width: auto;
  }
}

.topModal .topModalDetail .topModalDetailItemContent .images img:last-child {
  margin-right: 0;
}

.topModal .topModalDetail .topModalDetailItemContent .table {
  display: table;
  vertical-align: middle;
}

.topModal .topModalDetail .topModalDetailItemContent .table img {
  width: 200px;
  height: auto;
}

@media only screen and (max-width: 1024px) {
  .topModal .topModalDetail .topModalDetailItemContent .table img {
    width: auto;
    height: 100px;
    width: auto;
  }
}

.topModal .topModalDetail .topModalDetailItemContent .table .cell {
  display: table-cell;
  vertical-align: middle;
}

.topModal .topModalDetail .topModalDetailItemContent .table .cell.cell-padding {
  padding: 0 20px;
}

.topModal .topModalDetail .topModalDetailItemContent .position-l {
  float: left;
  margin-right: 20px;
}

.topModal .topModalDetail .topModalDetailItemContent .position-r {
  float: right;
}

.topModal .topModalBottom {
  margin-top: 40px;
  text-align: center;
}

.topModal .topModalBottom p {
  line-height: 1.3;
  font-size: 28px;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .topModal .topModalBottom p {
    font-size: 20px;
  }
}

.topModal .topModalBottom p small {
  font-size: 14px;
  font-weight: normal;
}

.topModal .js-smartPhoto span {
  display: block;
  font-size: 11px;
  color: #fff;
  text-align: right;
}

.circulation {
  font-size: 0;
}

.circulation .item {
  width: 265px;
  vertical-align: top;
  display: inline-block;
  border: solid 1px #fff;
  padding: 25px;
  margin-right: 20px;
}

@media only screen and (max-width: 1024px) {
  .circulation .item {
    width: auto;
  }
}

@media only screen and (max-width: 599px) {
  .circulation .item {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
    padding: 15px 25px;
  }
}

.circulation .item:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 599px) {
  .circulation .item:last-child {
    margin-bottom: 0;
  }
}

.circulation .item .title {
  font-size: 13px;
}

.circulation .item .number {
  line-height: 1.1;
}

.circulation .item .number span {
  font-size: 46px;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  .circulation .item .number span {
    font-size: 30px;
  }
}

.circulation .item .number small {
  font-size: 16px;
}

@media only screen and (max-width: 599px) {
  .circulation .item .number small {
    font-size: 14px;
  }
}

.circulation .item .ex {
  font-size: 10px;
}

.topModalDetailItemContent.hawks {
  position: relative;
  padding-right: 160px;
}

@media only screen and (max-width: 1024px) {
  .topModalDetailItemContent.hawks {
    padding-right: 110px;
  }
}

@media only screen and (max-width: 599px) {
  .topModalDetailItemContent.hawks {
    padding-right: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .topModalDetailItemContent.hawks ul {
    padding: 10px 0 10px 0 !important;
  }
}

@media only screen and (max-width: 599px) {
  .topModalDetailItemContent.hawks ul {
    padding: 10px 0 10px 0 !important;
  }
}

@media only screen and (max-width: 1024px) {
  .topModalDetailItemContent.hawks .exImage0 {
    display: none !important;
  }
}

.topModalDetailItemContent.hawks .exImage {
  width: 150px;
  height: auto;
  position: absolute;
  top: -30px;
  right: 0;
}

@media only screen and (max-width: 1024px) {
  .topModalDetailItemContent.hawks .exImage {
    display: none;
    top: -50px;
    width: 100px;
  }
}

@media only screen and (max-width: 599px) {
  .topModalDetailItemContent.hawks .exImage {
    position: static;
  }
}

.topModalDetailItemContent.hawks .exImage2 {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .topModalDetailItemContent.hawks .exImage2 {
    display: block;
    max-width: 300px;
    margin: 0 auto;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@keyframes smartphoto {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes smartphoto-img-wrap {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes smartphoto-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}

@keyframes smartphoto-loader {
  0% {
    opacity: .4;
    transform: rotate(0deg);
  }
  50% {
    opacity: 1;
    transform: rotate(180deg);
  }
  100% {
    opacity: .4;
    transform: rotate(360deg);
  }
}

@keyframes smartphoto-appear {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes smartphoto-hide {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

.smartphoto {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  font-family: sans-serif;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  transition: all 0.3s ease-out;
  animation-name: smartphoto;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto[aria-hidden="true"] {
  display: none;
}

.smartphoto-close {
  opacity: 0;
}

.smartphoto-count {
  display: inline-block;
  color: #FFF;
  font-size: 16px;
}

.smartphoto-header {
  display: block;
  box-sizing: border-box;
  position: fixed;
  z-index: 102;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.2);
}

.smartphoto-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.smartphoto-dismiss {
  display: block;
  position: absolute;
  top: 15px;
  right: 10px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);
  text-shadow: 0 1px 0 #FFF;
  color: #FFF;
  font-size: 30px;
  text-decoration: none;
  cursor: pointer;
  line-height: 1;
}

.smartphoto-body {
  position: relative;
  z-index: 102;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.smartphoto-inner {
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.smartphoto-img {
  display: none;
  max-width: none;
  width: auto;
  height: auto;
  cursor: zoom-in;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: transform 0.3s ease-out;
  -webkit-user-drag: none;
}

.smartphoto-img.active {
  display: block;
}

.smartphoto-img-onmove {
  cursor: grab;
  cursor: -webkit-grab;
  transition: none;
}

.smartphoto-img-elasticmove {
  transition: transform 0.3s ease-out;
}

.smartphoto-img-wrap {
  display: inline-block;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  animation-name: smartphoto-img-wrap;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-img-left {
  transform: translateX(150%) !important;
}

.smartphoto-img-right {
  transform: translateX(-150%) !important;
}

.smartphoto-arrows {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1002;
  top: 50%;
  left: 0;
  opacity: 1;
  animation-name: smartphoto-appear;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-arrows[aria-hidden="true"] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-arrows li {
  display: block;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  animation-name: smartphoto-appear;
}

.smartphoto-arrows li:focus {
  outline: none;
}

.smartphoto-arrows [aria-hidden="true"] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-arrows a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.smartphoto-arrow-right {
  right: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==);
}

.smartphoto-arrow-left {
  left: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+);
}

.smartphoto-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 1;
  animation-name: smartphoto-appear;
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
}

.smartphoto-nav[aria-hidden="true"] {
  animation-name: smartphoto-hide;
  display: none;
}

.smartphoto-nav ul {
  display: block;
  overflow-x: scroll;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.smartphoto-nav li {
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
}

.smartphoto-nav a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  background-position: center center;
  background-size: cover;
  opacity: .5;
}

.smartphoto-nav a:focus {
  opacity: .8;
}

.smartphoto-nav a.current {
  opacity: 1;
}

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

.smartphoto-list {
  list-style-type: none;
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.smartphoto-list li {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-out;
}

.smartphoto-list li:focus {
  outline: none;
}

.smartphoto-list-onmove {
  transition: all 0.3s ease-out;
}

.smartphoto-caption {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding: 0 50px;
  color: #FFF;
  font-size: 12px;
  text-align: center;
  line-height: 50px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.smartphoto-caption:focus {
  outline: none;
}

.smartphoto-loader-wrap {
  display: block;
  position: relative;
  z-index: 103;
  width: 0;
  height: 0;
  transform: translate(50vw, 50vh);
}

.smartphoto-loader {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  margin-top: -25px;
  margin-left: -25px;
  border: 8px solid #17CDDD;
  border-right-color: transparent;
  border-radius: 50%;
  animation: smartphoto-loader .5s infinite linear;
}

.smartphoto-img-clone {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  transition: all 0.3s ease-out;
}

.smartphoto-sr-only {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.fix {
  position: relative;
}

/* fit-sidebar */
.fit-sidebar-fixed {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: fixed;
}

.fit-sidebar-blank {
  z-index: 0;
  background-color: transparent;
  visibility: hidden;
}

#globalHeader {
  position: absolute;
  left: 0;
  top: 0;
  width: 240px;
  height: 100%;
  background: #F2F2F2;
  z-index: 1000;
  vertical-align: top;
}

#globalHeader:before {
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 240px;
  height: 100%;
  background: #F2F2F2;
  content: "";
  z-index: 0;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 1024px) {
  #globalHeader:before {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  #globalHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    border-bottom: solid 1px #CECECE;
    background: #fff;
  }
  #globalHeader.custom {
    position: absolute;
  }
}

#globalHeader .logoArea {
  text-align: center;
  background: #fff;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .logoArea {
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-left: 15px;
    text-align: left;
  }
}

#globalHeader .logoArea a {
  position: relative;
  display: block;
  height: 158px;
  color: #fff;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .logoArea a {
    display: inline-block;
    height: auto;
  }
}

#globalHeader .logoArea a .logo {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1024px) {
  #globalHeader .logoArea a .logo {
    position: absolute;
    position: static;
    top: 0;
    right: 0;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
  }
}

#globalHeader .logoArea a .logo .logoImage {
  display: block;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .logoArea a .logo .logoImage {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px;
    vertical-align: top;
  }
}

@media only screen and (max-width: 1024px) {
  #globalHeader .logoArea a .logo .logoImage img {
    width: auto;
    height: 21px;
  }
}

#globalHeader .logoArea a .logo .logoText {
  position: relative;
  display: inline-block;
  padding: 8px 10px;
  background: #1757A1;
  font-size: 13px;
  line-height: 1;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .logoArea a .logo .logoText {
    font-size: 10px;
    padding: 6px 10px 5px 10px;
    vertical-align: top;
  }
}

#globalHeader .logoArea a .logo .logoText:after {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: #fff;
}

#globalHeader .logoArea a .logo .logoText:before {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: #fff;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .navArea #nav {
    background: #1757A1;
    padding: 80px 6% 40px 6%;
  }
}

#globalHeader .navArea #nav .navItem.navItem-main ul li {
  display: block;
  margin-bottom: 1px;
}

#globalHeader .navArea #nav .navItem.navItem-main ul li a {
  position: relative;
  display: block;
  height: 85px;
  background: #1757A1;
  color: #fff;
  font-size: 18px;
}

#globalHeader .navArea #nav .navItem.navItem-main ul li.colored a {
  background: #FF5F7C;
}

#globalHeader .navArea #nav .navItem.navItem-main ul li a:hover {
  background: #144b8b;
}

#globalHeader .navArea #nav .navItem.navItem-main ul li.colored a:hover {
  background: #ff4667;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .navArea #nav .navItem.navItem-main ul li a {
    background: #144b8b;
    height: 75px;
  }
}

@media only screen and (max-width: 599px) {
  #globalHeader .navArea #nav .navItem.navItem-main ul li a {
    height: 60px;
    font-size: 14px;
  }
}

#globalHeader .navArea #nav .navItem.navItem-main ul li a .text {
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-left: 40px;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .navArea #nav .navItem.navItem-main ul li a .text {
    width: 75%;
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  #globalHeader .navArea #nav .navItem.navItem-main ul li a .text br {
    display: none;
  }
}

#globalHeader .navArea #nav .navItem.navItem-main ul li a .svgImage {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 17px;
  height: 17px;
  margin-right: 12px;
  background: #fff;
  transition: all 0.3s;
}

#globalHeader .navArea #nav .navItem.navItem-main ul li a:hover .svgImage {
  transform: translate(8px, -50%);
}

#globalHeader .navArea #nav .navItem.navItem-main ul li a .svgImage svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #1757A1;
  fill: currentColor;
  width: 9px;
  height: 13px;
}

#globalHeader .navArea #nav .navItem.navItem-main ul li.colored a .svgImage svg {
  color: #FF5F7C;
}

#globalHeader .navArea #nav .navItem.navItem-main ul li a:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 10px;
  height: 100%;
  background: #144b8b;
}

#globalHeader .navArea #nav .navItem.navItem-main ul li.colored a:after {
  background: #ff4667;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .navArea #nav .navItem.navItem-main ul li a:after {
    display: none;
  }
}

#globalHeader .navArea #nav .navItem.navItem-main ul li a:before {
  position: absolute;
  top: 0;
  left: 13px;
  display: block;
  content: "";
  width: 2px;
  height: 100%;
  background: #144b8b;
}

#globalHeader .navArea #nav .navItem.navItem-main ul li.colored a:before {
  background: #ff4667;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .navArea #nav .navItem.navItem-main ul li a:before {
    display: none;
  }
}

#globalHeader .navArea #nav .navItem.navItem-other {
  margin: 20px 12px;
  padding: 15px 10px;
  border: dashed 1px #8F8F8F;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .navArea #nav .navItem.navItem-other {
    margin: 20px 0;
    padding: 20px 10px;
    border: dashed 1px #fff;
  }
}

#globalHeader .navArea #nav .navItem.navItem-other ul li {
  margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .navArea #nav .navItem.navItem-other ul li {
    margin-bottom: 20px;
  }
}

#globalHeader .navArea #nav .navItem.navItem-other ul li:last-child {
  margin-bottom: 0;
}

#globalHeader .navArea #nav .navItem.navItem-other ul li a {
  position: relative;
  display: block;
  padding-left: 17px;
}

#globalHeader .navArea #nav .navItem.navItem-other ul li a .text {
  width: 70%;
  font-size: 12px;
  color: #000;
}

@media only screen and (max-width: 1024px) {
  #globalHeader .navArea #nav .navItem.navItem-other ul li a .text {
    color: #fff;
  }
}

#globalHeader .navArea #nav .navItem.navItem-other ul li a .svgImage {
  position: absolute;
  top: 0;
  left: 0;
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: block;
  width: 5px;
  height: 6px;
  margin: 5px 0 0 5px;
}

#globalHeader .navArea #nav .navItem.navItem-other ul li a .svgImage svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #7C7C7C;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.navItem-sub {
  background: #F2F2F2;
  border-bottom: solid 1px #ccc;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub {
    background: none;
  }
}

.navItem-sub .navItem-sub__inner {
  margin-bottom: 1px;
}

.navItem-sub .navItem-sub__inner .navItem-sub__header {
  position: relative;
  background: #F2F2F2;
  cursor: pointer;
}

.navItem-sub .navItem-sub__inner .navItem-sub__header:before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  height: 12px;
  width: 12px;
  content: "\EA14";
  font-family: "myfont";
  font-size: 12px;
  transform: rotate(90deg);
  transition: .3s all;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__header:before {
    color: #fff;
  }
}

.navItem-sub .navItem-sub__inner .navItem-sub__header.is-open:before {
  transform: rotate(-90deg);
  content: "\EA15";
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__header {
    background: none;
  }
}

.navItem-sub .navItem-sub__inner .navItem-sub__header a {
  position: relative;
  display: block;
  padding: 18px 10px 10px 18px;
  font-size: 22px;
  color: #000;
  cursor: default;
  line-height: 1.2em;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__header a {
    padding: 18px 10px 10px 10px;
    border-bottom: solid 1px #fff;
    color: #fff;
  }
}

.navItem-sub .navItem-sub__inner .navItem-sub__header:hover a {
  text-decoration: none;
}

.navItem-sub .navItem-sub__inner.off .navItem-sub__header a {
  cursor: default;
  color: #999;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner.off .navItem-sub__header a {
    border-bottom: solid 1px #333;
    color: #333;
  }
}

.navItem-sub .navItem-sub__inner .navItem-sub__header a span {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Yu Gothic", YuGothic,"メイリオ",Meiryo;
  color: #666666;
  line-height: 1em;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__header a span {
    color: #ccc;
  }
}

.navItem-sub .navItem-sub__inner.off .navItem-sub__header a span {
  color: #999;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner.off .navItem-sub__header a span {
    color: #666;
  }
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__header a:before {
    position: absolute;
    right: 10px;
    top: 50%;
    display: none;
    content: "";
    width: 0;
    height: 0;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #ffffff;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #ffffff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  }
  .navItem-sub .navItem-sub__inner.off .navItem-sub__header a:before {
    display: none;
  }
}

.navItem-sub .navItem-sub__inner .navItem-sub__item a {
  display: block;
  position: relative;
  margin-bottom: 1px;
  height: 60px;
  background: #fff;
  font-size: 15px;
  color: #000;
  line-height: 1em;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__item a {
    background: #155094;
    color: #fff;
  }
}

.navItem-sub .navItem-sub__inner.off .navItem-sub__item a {
  cursor: default;
  background: #ccc;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner.off .navItem-sub__item a {
    background: #155094;
    color: #333;
  }
}

.navItem-sub .navItem-sub__inner .navItem-sub__item a:hover {
  color: #1757A1;
  text-decoration: none;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__item a:hover {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.navItem-sub .navItem-sub__inner.off .navItem-sub__item a:hover {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  cursor: default;
}

.navItem-sub .navItem-sub__inner .navItem-sub__item a:before {
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 17px;
  background: #1757A1;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__item a:before {
    background: #fff;
  }
}

.navItem-sub .navItem-sub__inner .navItem-sub__item a .text {
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 70%;
  margin-left: 35px;
  line-height: 1.2;
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__item a .text {
    width: -webkit-calc(100% - 45px);
    width: calc(100% - 45px);
  }
}

.navItem-sub .navItem-sub__inner .navItem-sub__item a .svgImage {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 17px;
  height: 17px;
  margin-right: 12px;
  background: #fff;
  transition: all 0.3s;
}

.navItem-sub .navItem-sub__inner .navItem-sub__item a:hover .svgImage {
  transform: translate(8px, -50%);
}

@media only screen and (max-width: 1024px) {
  .navItem-sub .navItem-sub__inner .navItem-sub__item a .svgImage {
    display: none;
  }
}

.navItem-sub .navItem-sub__inner .navItem-sub__item a .svgImage svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #7C7C7C;
  fill: currentColor;
  width: 9px;
  height: 13px;
}

.navItem-sub .navItem-sub__inner .navItem-sub__item a:hover .svgImage svg {
  color: #1757A1;
}

.navItem-sub__body {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease, top .3s;
}

.navItem-sub__body.is-open {
  max-height: 700px;
}

.headline {
  position: relative;
}

.headline.headline-small {
  height: 280px;
}

@media only screen and (max-width: 599px) {
  .headline.headline-small {
    height: 200px;
  }
}

.headline.headline-large {
  height: 100vh;
}

.headline .backImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.headline .backImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit:cover;";
}

.headline .headlineFilter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

.headline h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 6%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.headline h1 .categoryTitle {
  display: block;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 20px;
  color: #1757A1;
  line-height: 1em;
}

@media only screen and (max-width: 1024px) {
  .headline h1 .categoryTitle {
    font-size: 14px;
  }
}

.headline h1 .mainTitle {
  display: block;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  opacity: 0;
}

@media only screen and (max-width: 1024px) {
  .headline h1 .mainTitle {
    font-size: 34px;
  }
}

@media only screen and (max-width: 599px) {
  .headline h1 .mainTitle {
    font-size: 20px;
  }
}

.headline h1 .mainTitleJp {
  display: block;
  font-size: 20px;
  color: #fff;
  opacity: 0;
}

@media only screen and (max-width: 1024px) {
  .headline h1 .mainTitleJp {
    font-size: 14px;
  }
}

.headline h1 .subText {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  line-height: 1.4em;
  opacity: 0;
}

@media only screen and (max-width: 1024px) {
  .headline h1 .subText {
    font-size: 13px;
  }
}

.headline .scrollArrow {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 11%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

@media only screen and (max-width: 1024px) {
  .headline .scrollArrow {
    bottom: 16%;
  }
}

.headline .scrollArrow .svgImage .arrow_xl_bottom {
  color: #fff;
  fill: currentColor;
  width: 60px;
  height: 42px;
  transition: all 0.3s;
}

.headline .scrollArrow.exColor01 .svgImage .arrow_xl_bottom {
  color: #007FD2;
}

.headline .scrollArrow:hover .svgImage .arrow_xl_bottom {
  transform: translate3d(0, 20px, 0) !important;
}

@media only screen and (max-width: 1024px) {
  .headline .scrollArrow:hover .svgImage .arrow_xl_bottom {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

#breadcrumbs {
  padding: 15px 6%;
}

@media only screen and (max-width: 1024px) {
  #breadcrumbs {
    display: none;
    margin-bottom: 0;
  }
}

#breadcrumbs #breadcrumbsInner {
  margin: 0 auto;
  overflow: hidden;
}

@media only screen and (max-width: 992px) {
  #breadcrumbs #breadcrumbsInner {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

#breadcrumbs #breadcrumbsInner ul {
  width: 500%;
  padding-top: 3px;
}

#breadcrumbs #breadcrumbsInner ul li {
  position: relative;
  float: left;
  margin-right: 5px;
  padding-right: 25px;
  color: #000;
  font-size: 12px;
  /*z-index: 9999;*/
}

#breadcrumbs #breadcrumbsInner ul li:after {
  content: "＞";
  position: absolute;
  top: 1px;
  right: 5px;
  color: #000;
}

#breadcrumbs #breadcrumbsInner ul li:last-child:after {
  display: none;
}

#breadcrumbs #breadcrumbsInner ul li a {
  color: #1757A1;
  text-decoration: underline;
}

#breadcrumbs #breadcrumbsInner ul li a:hover {
  text-decoration: none;
}

#topNav {
  position: fixed;
  top: 0;
  right: 0;
  width: -webkit-calc(100% - 240px);
  width: calc(100% - 240px);
  height: 72px;
  background: rgba(255, 255, 255, 0.8);
  margin-left: 240px;
  padding: 15px 20px 0 0;
  text-align: right;
  font-size: 0;
  z-index: 100;
}

@media only screen and (max-width: 1024px) {
  #topNav {
    display: none;
  }
}

.is-side-none #topNav {
  margin-left: 0;
  width: 100%;
}

#topNav .topNav-contactInfo {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}

#topNav .topNav-contactInfo .phoneNumber {
  display: inline-block;
}

#topNav .topNav-contactInfo .phoneNumber .text {
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  color: #222222;
  text-align: left;
}

#topNav .topNav-contactInfo .phoneNumber .number {
  font-size: 26px;
  color: #1757A1;
  font-weight: bold;
  line-height: 1;
}

#topNav .topNav-contactInfo .contactTime {
  display: inline-block;
  margin-left: 5px;
  vertical-align: bottom;
  margin-bottom: 3px;
  font-size: 14px;
}

#topNav .topNav-applyLink {
  display: inline-block;
  margin-right: 15px;
  font-size: 0;
  vertical-align: middle;
}

#topNav .topNav-applyLink .applyButton {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}

#topNav .topNav-applyLink .applyButton:last-child {
  margin-right: 0;
}

#topNav .topNav-applyLink .applyButton a {
  display: block;
  width: 70px;
  padding: 5px 0;
  background: #1757A1;
  font-size: 12px;
  color: #fff;
  line-height: 1.2;
}

#topNav .topNav-applyLink .applyButton.applyButton-colored a {
  background: #FF5F7C;
}

#topNav .topNav-applyLink .applyButton a:hover {
  text-decoration: none;
  background: #144b8b;
}

#topNav .topNav-applyLink .applyButton.applyButton-colored a:hover {
  background: #ff4667;
}

#topNav .topNav-nishinipponWebLink {
  display: inline-block;
  vertical-align: middle;
}

#topNav .topNav-nishinipponWebLink a {
  display: block;
  padding: 3px 15px;
  border: solid 2px #000000;
  border-radius: 15px;
  font-size: 12px;
  color: #000;
}

#topNav .topNav-nishinipponWebLink a:hover {
  text-decoration: none;
  background: #000;
  color: #fff;
}

.title-h2 {
  margin-bottom: 60px;
}

@media only screen and (max-width: 599px) {
  .title-h2 {
    margin-bottom: 30px;
  }
}

.title-h2 h2 {
  text-align: center;
}

.title-h2 h2 .mainText {
  position: relative;
  display: block;
  font-size: 40px;
  color: #000000;
}

.title-h2 h2 .mainText:before {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  display: block;
  width: 70px;
  height: 2px;
  background: #000;
}

.title-h2 h2 .subText {
  display: block;
  padding-top: 20px;
  font-size: 14px;
  color: #000000;
  font-weight: normal;
}

.buttonWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

.buttonWrapper.is-bottomBase {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.buttonWrapper .button {
  width: calc((100% - 25px * (2 - 1)) / 2 - 0.1px);
  margin-right: 25px;
  margin-top: 10px;
}

.buttonWrapper .button:nth-child(2n) {
  margin-right: 0;
}

.buttonWrapper .button:nth-child(1), .buttonWrapper .button:nth-child(2) {
  margin-top: 0;
}

@media only screen and (max-width: 599px) {
  .buttonWrapper .button {
    max-width: 320px;
    width: 100%;
    margin-right: 0;
  }
  .buttonWrapper .button:nth-child(1), .buttonWrapper .button:nth-child(2) {
    margin-top: 10px;
  }
}

.buttonWrapper .button .buttonInner {
  position: relative;
  display: block;
  width: 100%;
  height: 90px;
  background: #FF5724;
}

.buttonWrapper .button.is-color--pink .buttonInner {
  background: #FF5F7C;
}

.buttonWrapper .button.is-color--green .buttonInner {
  background: #2AA270;
}

.buttonWrapper .button.is-color--orange .buttonInner {
  background: #F29630;
}

.buttonWrapper .button.is-color--lightBlue .buttonInner {
  background: #2CB9EB;
}

@media only screen and (max-width: 599px) {
  .buttonWrapper .button .buttonInner {
    height: 60px;
  }
}

.buttonWrapper .button .buttonInner .buttonTitle {
  position: absolute;
  top: 50%;
  left: 20px;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: left;
  padding-right: 50px;
  line-height: 1.3;
}

@media only screen and (max-width: 599px) {
  .buttonWrapper .button .buttonInner .buttonTitle {
    font-size: 14px;
    font-weight: normal;
    width: 100%;
  }
}

.buttonWrapper .button .buttonInner .svgImage {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  width: 19px;
  height: 30px;
  margin-right: 25px;
}

.buttonWrapper .button .buttonInner .svgImage svg {
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.buttonWrapper .button .buttonInner:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.buttonWrapper .button .notice {
  display: block;
  margin-bottom: 5px;
  color: #FF4C20;
}

.buttonWrapper .button.is-color--lightBlue .notice {
  color: #2CB9EB;
}

@media only screen and (max-width: 599px) {
  .list-link {
    margin: 0 6%;
  }
}

.list-link ul li a {
  position: relative;
  display: block;
  color: #222;
  padding: 20px 0 20px 20px;
  border-bottom: solid 1px #ccc;
}

@media only screen and (max-width: 1024px) {
  .list-link ul li a {
    background: #fff;
  }
}

@media only screen and (max-width: 599px) {
  .list-link ul li a {
    padding: 15px 0;
  }
}

.list-link ul li a:hover {
  background: #F2F2F2;
}

@media only screen and (max-width: 1024px) {
  .list-link ul li a:hover {
    background: #fff;
  }
}

.list-link ul li a .list-link-image {
  width: 130px;
  height: 130px;
}

@media only screen and (max-width: 599px) {
  .list-link ul li a .list-link-image {
    width: 70px;
    height: 70px;
  }
}

.list-link ul li a .list-link-text {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 100%;
  padding: 0 50px 0 170px;
}

@media only screen and (max-width: 599px) {
  .list-link ul li a .list-link-text {
    padding: 0 0 0 90px;
  }
}

.list-link ul li a .list-link-text .list-link-date {
  display: block;
  margin-bottom: 10px;
  color: #6f6f6f;
}

@media only screen and (max-width: 599px) {
  .list-link ul li a .list-link-text .list-link-date {
    margin-bottom: 5px;
    font-size: 11px;
  }
}

.list-link ul li a .list-link-text .list-link-tilte {
  display: block;
  font-size: 18px;
  line-height: 1.4;
  display: block;
  overflow: hidden;
  font-size: 18px;
  max-height: 75.6px;
  line-height: 1.4;
  position: relative;
}

.list-link ul li a .list-link-text .list-link-tilte:before, .list-link ul li a .list-link-text .list-link-tilte:after {
  width: 1em;
  background: #fff;
  position: absolute;
}

.list-link ul li a .list-link-text .list-link-tilte:before {
  content: "...";
  top: 50.4px;
  right: 0;
}

.list-link ul li a .list-link-text .list-link-tilte:after {
  content: "";
  height: 100%;
  width: 100%;
}

.list-link ul li a:hover .list-link-text .list-link-tilte:before, .list-link ul li a:hover .list-link-text .list-link-tilte:after {
  background: #F2F2F2;
}

@media only screen and (max-width: 1024px) {
  .list-link ul li a .list-link-text .list-link-tilte {
    display: block;
    overflow: hidden;
    font-size: 18px;
    max-height: 75.6px;
    line-height: 1.4;
    position: relative;
  }
  .list-link ul li a .list-link-text .list-link-tilte:before, .list-link ul li a .list-link-text .list-link-tilte:after {
    width: 1em;
    background: #fff;
    position: absolute;
  }
  .list-link ul li a .list-link-text .list-link-tilte:before {
    content: "...";
    top: 50.4px;
    right: 0;
  }
  .list-link ul li a .list-link-text .list-link-tilte:after {
    content: "";
    height: 100%;
    width: 100%;
  }
  .list-link ul li a:hover .list-link-text .list-link-tilte:before, .list-link ul li a:hover .list-link-text .list-link-tilte:after {
    background: #fff;
  }
}

@media only screen and (max-width: 599px) {
  .list-link ul li a .list-link-text .list-link-tilte {
    display: block;
    overflow: hidden;
    font-size: 14px;
    max-height: 39.2px;
    line-height: 1.4;
    position: relative;
  }
  .list-link ul li a .list-link-text .list-link-tilte:before, .list-link ul li a .list-link-text .list-link-tilte:after {
    width: 1em;
    background: #fff;
    position: absolute;
  }
  .list-link ul li a .list-link-text .list-link-tilte:before {
    content: "...";
    top: 19.6px;
    right: 0;
  }
  .list-link ul li a .list-link-text .list-link-tilte:after {
    content: "";
    height: 100%;
    width: 100%;
  }
  .list-link ul li a:hover .list-link-text .list-link-tilte:before, .list-link ul li a:hover .list-link-text .list-link-tilte:after {
    background: #fff;
  }
}

.list-link ul li a .svgImage {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  width: 19px;
  height: 16px;
  margin-right: 25px;
}

@media only screen and (max-width: 599px) {
  .list-link ul li a .svgImage {
    display: none;
  }
}

.list-link ul li a .svgImage svg {
  color: #1757A1;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

#globalFooter {
  margin-left: 240px;
  background: #303030;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  #globalFooter {
    margin-left: 0;
  }
}

.is-side-none #globalFooter {
  margin-left: 0;
}

#globalFooter .footerTop {
  height: 40px;
  background: #474747;
}

#globalFooter .footerTop .footerTopInner {
  width: 87.5%;
  max-width: 920px;
  height: 100%;
  margin: 0 auto;
}

#globalFooter .footerTop .footerTopInner .linkList {
  padding-top: 13px;
  font-size: 0;
}

#globalFooter .footerTop .footerTopInner .linkList li {
  display: inline-block;
  margin-right: 30px;
}

#globalFooter .footerTop .footerTopInner .linkList li:last-child {
  margin-right: 0;
}

#globalFooter .footerTop .footerTopInner .linkList li a {
  position: relative;
  display: inline-block;
  color: #fff;
  line-height: 1;
  padding-right: 15px;
  font-size: 13px;
}

#globalFooter .footerTop .footerTopInner .linkList li a .svgImage {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 10px;
  height: 7px;
}

#globalFooter .footerTop .footerTopInner .linkList li a .svgImage svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

#globalFooter .footerBottom {
  padding-top: 60px;
}

@media only screen and (max-width: 1024px) {
  #globalFooter .footerBottom {
    padding-top: 20px;
  }
}

#globalFooter .footerBottom .footerBottomInner {
  width: 87.5%;
  max-width: 920px;
  height: 100%;
  margin: 0 auto;
}

@media only screen and (max-width: 599px) {
  #globalFooter .footerBottom .footerBottomInner {
    width: 100%;
  }
}

#globalFooter .footerBottom .footerBottomInner .footer-contactInfo {
  float: left;
  display: inline-block;
  padding-top: 6px;
  vertical-align: top;
}

@media only screen and (max-width: 1024px) {
  #globalFooter .footerBottom .footerBottomInner .footer-contactInfo {
    float: none;
    padding-top: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 599px) {
  #globalFooter .footerBottom .footerBottomInner .footer-contactInfo {
    padding: 0 6%;
  }
}

#globalFooter .footerBottom .footerBottomInner .footer-contactInfo .phoneNumber {
  display: inline-block;
}

#globalFooter .footerBottom .footerBottomInner .footer-contactInfo .phoneNumber .text {
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  text-align: left;
}

#globalFooter .footerBottom .footerBottomInner .footer-contactInfo .phoneNumber .number {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
}

#globalFooter .footerBottom .footerBottomInner .footer-contactInfo .contactTime {
  display: inline-block;
  margin-left: 5px;
  vertical-align: bottom;
  color: #fff;
  margin-bottom: 3px;
  font-size: 14px;
}

#globalFooter .footerBottom .footerBottomInner .footer-applyLink {
  float: right;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

@media only screen and (max-width: 1024px) {
  #globalFooter .footerBottom .footerBottomInner .footer-applyLink {
    float: none;
    width: 100%;
  }
}

#globalFooter .footerBottom .footerBottomInner .footer-applyLink .footer-applyButton {
  display: inline-block;
  margin-right: 10px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  #globalFooter .footerBottom .footerBottomInner .footer-applyLink .footer-applyButton {
    width: -webkit-calc(50% - 0.5px);
    width: calc(50% - 0.5px);
    margin-right: 0;
  }
}

#globalFooter .footerBottom .footerBottomInner .footer-applyLink .footer-applyButton:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 1024px) {
  #globalFooter .footerBottom .footerBottomInner .footer-applyLink .footer-applyButton:last-child {
    margin-left: 1px;
  }
}

#globalFooter .footerBottom .footerBottomInner .footer-applyLink .footer-applyButton a {
  position: relative;
  display: block;
  width: 250px;
  height: 50px;
  padding: 5px 0;
  background: #1757A1;
  font-size: 12px;
  color: #fff;
  line-height: 1.2;
}

@media only screen and (max-width: 1024px) {
  #globalFooter .footerBottom .footerBottomInner .footer-applyLink .footer-applyButton a {
    width: 100%;
  }
}

#globalFooter .footerBottom .footerBottomInner .footer-applyLink .footer-applyButton.footer-applyButton-colored a {
  background: #FF5F7C;
}

#globalFooter .footerBottom .footerBottomInner .footer-applyLink .footer-applyButton a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#globalFooter .footerBottom .footerBottomInner .footer-applyLink .footer-applyButton a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 14px;
}

#globalFooter .footerBottom .footerBottomInner .copyright {
  clear: both;
  padding: 40px 0;
  margin-top: 5px;
  text-align: center;
  line-height: 1em;
}

@media only screen and (max-width: 1024px) {
  #globalFooter .footerBottom .footerBottomInner .copyright {
    padding: 20px 0;
  }
}

#globalFooter .footerBottom .footerBottomInner .copyright small {
  font-size: 10px;
  color: #4F5558;
}

#toPageTop a {
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  opacity: 0;
  position: fixed;
  right: 0;
  bottom: 0;
  display: block;
  width: 64px;
  height: 64px;
  background: #1D8ADA;
  z-index: 100;
}

@media only screen and (max-width: 599px) {
  #toPageTop a {
    width: 50px;
    height: 50px;
  }
}

#toPageTop a .line {
  position: absolute;
  left: 50%;
  top: 19px;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  display: block;
  height: 4px;
  width: 38%;
  background: #fff;
  transition: all 0.3s;
}

@media only screen and (max-width: 1024px) {
  #toPageTop a .line {
    top: 16px;
  }
}

#toPageTop a:hover .line {
  height: 0;
}

@media only screen and (max-width: 1024px) {
  #toPageTop a:hover .line {
    height: 4px;
  }
}

#toPageTop a .svgImage {
  position: absolute;
  left: 50%;
  top: 55%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  line-height: 1em;
  transition: all 0.3s;
}

@media only screen and (max-width: 1024px) {
  #toPageTop a .svgImage {
    top: 60%;
  }
}

#toPageTop a:hover .svgImage {
  -ms-transform: translate(-50%, -80%);
  -webkit-transform: translate(-50%, -80%);
  transform: translate(-50%, -80%);
}

@media only screen and (max-width: 1024px) {
  #toPageTop a:hover .svgImage {
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

#toPageTop a .svgImage svg {
  fill: currentColor;
  width: 30px;
  height: 15px;
}

@media only screen and (max-width: 599px) {
  #toPageTop a .svgImage svg {
    height: 13px;
  }
}

.topSlider {
  position: relative;
  overflow: hidden;
}

.topSlider .slider-sub {
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .topSlider .slider-sub {
    display: none;
  }
}

.topSlider .slider-sub:after {
  content: "";
  display: block;
  padding-top: 270px;
  padding-left: 100%;
}

@media only screen and (max-width: 1366px) {
  .topSlider .slider-sub:after {
    padding-top: 25%;
  }
}

.topSlider .slider-sub ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.topSlider .slider-sub ul li {
  background: #fff;
}

.topSlider .slider-sub ul li img {
  width: 100%;
}

.topSlider .slider-main {
  width: 87.5%;
  max-width: 920px;
  margin: 0 auto;
  padding-top: 50px;
  margin-bottom: 0;
  margin-top: -270px;
}

@media only screen and (max-width: 1366px) {
  .topSlider .slider-main {
    margin-top: -25%;
  }
}

@media only screen and (max-width: 1024px) {
  .topSlider .slider-main {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    margin-top: 0;
  }
}

@media only screen and (max-width: 599px) {
  .topSlider .slider-main {
    margin-bottom: 0;
  }
}

.topSlider .slider-main ul li {
  background: #fff;
}

.topSlider .slider-main ul li img {
  width: 100%;
}

.topSlider .slider-main .slick-dots {
  text-align: center;
  margin-top: 15px;
}

@media only screen and (max-width: 599px) {
  .topSlider .slider-main .slick-dots {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.topSlider .slider-main .slick-dots li {
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 10px;
}

.topSlider .slider-main .slick-dots li:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.topSlider .slider-main .slick-dots li.slick-active {
  background: #1757A1;
}

.topSlider .slider-main .slick-dots li i {
  display: block;
}

.applyLinkArea {
  text-align: center;
  font-size: 0;
}

@media only screen and (max-width: 599px) {
  .applyLinkArea {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    margin-bottom: 1px;
  }
}

.applyLinkArea .applyButton {
  display: inline-block;
  width: 48.5%;
  margin-right: 3%;
  text-align: left;
}

@media only screen and (max-width: 599px) {
  .applyLinkArea .applyButton {
    width: 50%;
    margin-right: 0;
  }
}

.applyLinkArea .applyButton:last-child {
  margin-right: 0;
}

.applyLinkArea .applyButton a {
  position: relative;
  display: block;
  width: 100%;
  height: 102px;
  background: #1757A1;
}

@media only screen and (max-width: 599px) {
  .applyLinkArea .applyButton a {
    height: 60px;
  }
}

.applyLinkArea .applyButton.applyButton-colored a {
  background: #FF5F7C;
}

.applyLinkArea .applyButton a:hover {
  text-decoration: none;
}

.applyLinkArea .applyButton a:hover {
  background: #144b8b;
}

.applyLinkArea .applyButton.applyButton-colored a:hover {
  background: #ff4667;
}

.applyLinkArea .applyButton a .text {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 75%;
  margin-left: 8%;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 599px) {
  .applyLinkArea .applyButton a .text {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 0;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
  }
}

.applyLinkArea .applyButton a .svgImage {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  width: 19px;
  height: 30px;
  margin-right: 25px;
  transition: all 0.3s;
}

.applyLinkArea .applyButton a:hover .svgImage {
  transform: translate(8px, -50%);
}

@media only screen and (max-width: 599px) {
  .applyLinkArea .applyButton a .svgImage {
    display: none;
  }
}

.applyLinkArea .applyButton a .svgImage svg {
  color: #fff;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .about {
    padding: 25px 0;
    margin-bottom: 1px;
  }
}

.about h2 {
  margin-bottom: 60px;
  font-size: 40px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .about h2 {
    font-size: 34px;
  }
}

@media only screen and (max-width: 599px) {
  .about h2 {
    margin-bottom: 25px;
    font-size: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .about .aboutList {
    padding: 0 6%;
  }
}

.about .aboutList .aboutListSction {
  position: relative;
  width: 100%;
  padding-bottom: 37.5%;
  margin-bottom: 2%;
}

@media only screen and (max-width: 599px) {
  .about .aboutList .aboutListSction {
    padding-bottom: 0;
    margin-bottom: 4%;
  }
}

@media only screen and (max-width: 599px) {
  .about .aboutList .aboutListSction:last-child {
    margin-bottom: 0;
  }
}

.about .aboutList .aboutListSction .item {
  display: block;
  border: solid 5px #1757A1;
  cursor: pointer;
  background: #fff;
  overflow: hidden;
}

@media only screen and (max-width: 599px) {
  .about .aboutList .aboutListSction .item {
    margin-bottom: 4%;
  }
}

@media only screen and (max-width: 599px) {
  .about .aboutList .aboutListSction .item:last-child {
    margin-bottom: 0;
  }
}

.about .aboutList .aboutListSction .item:hover {
  background: #1757A1;
}

.about .aboutList .aboutListSction .item .svgImage {
  display: block;
  position: relative;
  width: 0;
  height: 0;
}

.about .aboutList .aboutListSction .item .svgImage svg {
  position: absolute;
  left: 0;
  top: 0;
  color: #1757A1;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.about .aboutList .aboutListSction .item:hover .svgImage svg {
  color: #fff;
}

.about .aboutList .aboutListSction .item.item01-ex {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .about .aboutList .aboutListSction .item.item01-ex {
    width: 100%;
    height: auto;
    position: static;
  }
}

.about .aboutList .aboutListSction .item.item01-ex .svgImage {
  padding-left: 100%;
  padding-top: 38%;
}

.about .aboutList .aboutListSction .item.item01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 44%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .about .aboutList .aboutListSction .item.item01 {
    width: 100%;
    height: auto;
    position: static;
  }
}

.about .aboutList .aboutListSction .item.item01 .svgImage {
  padding-left: 100%;
  padding-top: 85%;
}

.about .aboutList .aboutListSction .item.item02 {
  position: absolute;
  left: 46%;
  top: 0;
  width: 54%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .about .aboutList .aboutListSction .item.item02 {
    width: 100%;
    height: auto;
    position: static;
  }
}

.about .aboutList .aboutListSction .item.item02 .svgImage {
  padding-left: 100%;
  padding-top: 69%;
}

.about .aboutList .aboutListSction .item.item03 {
  position: absolute;
  left: 0;
  top: 0;
  width: 54%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .about .aboutList .aboutListSction .item.item03 {
    width: 100%;
    height: auto;
    position: static;
  }
}

.about .aboutList .aboutListSction .item.item03 .svgImage {
  padding-left: 100%;
  padding-top: 69%;
}

.about .aboutList .aboutListSction .item.item04 {
  position: absolute;
  left: 56%;
  top: 0;
  width: 44%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .about .aboutList .aboutListSction .item.item04 {
    width: 100%;
    height: auto;
    position: static;
  }
}

.about .aboutList .aboutListSction .item.item04 .svgImage {
  padding-left: 100%;
  padding-top: 85%;
}

.lecture .lectureLink {
  padding: 0 6%;
  text-align: center;
}

.lecture .lectureLink a {
  display: inline-block;
}

.lecture .lectureLink a img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 599px) {
  .pickup .pickupList {
    padding: 0 6%;
  }
}

.pickup .pickupList .pickupItem {
  position: relative;
  height: 250px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .pickup .pickupList .pickupItem {
    height: auto;
    margin-bottom: 20px;
  }
}

.pickup .pickupList .pickupItem a {
  display: block;
  color: #000;
}

.pickup .pickupList .pickupItem.pickupItem-contentReverse a {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 599px) {
  .pickup .pickupList .pickupItem.pickupItem-contentReverse a {
    display: block;
  }
}

@media only screen and (max-width: 599px) {
  .pickup .pickupList .pickupItem a {
    border: solid 5px #000;
  }
}

.pickup .pickupList .pickupItem a .image {
  width: 60%;
  height: 250px;
  overflow: hidden;
}

.pickup .pickupList .pickupItem a:hover .image {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

@media only screen and (max-width: 599px) {
  .pickup .pickupList .pickupItem a .image {
    width: 100%;
    height: 160px;
  }
}

.pickup .pickupList .pickupItem a .detail {
  position: absolute;
  right: 0;
  top: 25px;
  height: 200px;
  width: 50%;
  padding: 0 50px 0 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: #fff;
}

.pickup .pickupList .pickupItem.pickupItem-contentReverse a .detail {
  right: auto;
  left: 0;
  top: 25px;
}

.pickup .pickupList .pickupItem a:hover .detail {
  background: #1757A1;
}

@media only screen and (max-width: 1024px) {
  .pickup .pickupList .pickupItem a .detail {
    padding: 0 50px 0 40px;
  }
}

@media only screen and (max-width: 599px) {
  .pickup .pickupList .pickupItem a .detail {
    position: static;
    width: 100%;
    height: auto;
    padding: 20px;
  }
}

.pickup .pickupList .pickupItem a .detail .title {
  margin-bottom: 15px;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.4;
}

.pickup .pickupList .pickupItem a:hover .detail .title {
  color: #fff;
}

.pickup .pickupList .pickupItem a .detail .subText {
  font-size: 13px;
  line-height: 1.4;
}

.pickup .pickupList .pickupItem a:hover .detail .subText {
  color: #fff;
}

.pickup .pickupList .pickupItem a .detail .svgImage {
  position: absolute;
  top: 50%;
  right: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: inline-block;
  width: 15px;
  height: 30px;
  margin-right: 25px;
  transition: all 0.3s;
}

.pickup .pickupList .pickupItem a:hover .detail .svgImage {
  transform: translate(10px, -50%);
}

@media only screen and (max-width: 599px) {
  .pickup .pickupList .pickupItem a .detail .svgImage {
    display: none;
  }
}

.pickup .pickupList .pickupItem a .detail .svgImage svg {
  color: #000;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

.pickup .pickupList .pickupItem a:hover .detail .svgImage svg {
  color: #fff;
}

.contentsSectionHeader-description {
  padding: 30px;
  margin-bottom: 40px;
  line-height: 1.5;
  font-size: 16px;
  background: #F2F2F2;
}

#articleBody {
  margin-bottom: 30px;
}

#articleBody .tagList {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1024px) {
  #articleBody {
    margin-bottom: 20px;
  }
}

#articleBody .articleTopLink {
  margin-bottom: 5px;
}

@media only screen and (max-width: 1024px) {
  #articleBody .articleTopLink {
    text-align: center;
    padding: 20px 0 15px;
    margin: 0;
  }
}

#articleBody .articleTopLink .thumbnail-UI {
  float: left;
  margin-right: 5px;
}

@media only screen and (max-width: 1024px) {
  #articleBody .articleTopLink .thumbnail-UI {
    float: none;
    margin: 0;
  }
}

#articleBody .articleTopLink .thumbnail-UI img {
  display: block;
  width: 39px;
  height: 39px;
}

@media only screen and (max-width: 1024px) {
  #articleBody .articleTopLink .thumbnail-UI img {
    margin: 0 auto;
  }
}

#articleBody .articleTopLink .title-UI {
  display: inline-block;
  padding: 3px 0 0 0;
  margin-top: 5px;
  background: url(img/dot_line01.png) left top repeat-x;
}

#articleBody .articleTopLink .title-UI a {
  display: block;
  padding: 0 5px 1px 5px;
  background: url(img/dot_line01.png) left bottom repeat-x;
  color: #000;
  font-size: 12px;
  font-weight: bold;
}

#articleBody .articleHeader {
  margin-bottom: 50px;
}

#articleBody .articleHeader h1 {
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 40px;
}

@media only screen and (max-width: 1024px) {
  #articleBody .articleHeader h1 {
    padding: 0 15px;
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 7px;
  }
}

#articleBody .articleHeader .articleHeaderInfo {
  vertical-align: top;
  position: relative;
  margin-bottom: 10px;
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  #articleBody .articleHeader .articleHeaderInfo {
    padding: 0 15px 0 15px;
    font-size: 11px;
    text-align: left;
  }
}

#articleBody .articleHeader .articleHeaderInfo time {
  font-size: 15px;
}

@media only screen and (max-width: 1024px) {
  #articleBody .articleHeader .articleHeaderInfo time {
    margin-right: 5px;
    font-size: 16px;
    vertical-align: -3px;
  }
}

#articleBody .articleMain {
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  #articleBody .articleMain {
    margin: 0 6%;
  }
}

#articleBody .articleMain .articleMain-mainImage {
  margin-bottom: 50px;
  text-align: center;
}

#articleBody .articleMain .articleMain-mainImage img {
  max-width: 100%;
  height: auto;
}

#articleBody .articleMain .articleMain-content {
  font-size: 16px;
  line-height: 1.5;
  padding: 0 20px;
}

@media only screen and (max-width: 599px) {
  #articleBody .articleMain .articleMain-content {
    padding: 0;
  }
}

#articleBody .articleMain .articleMain-content img {
  max-width: 100% !important;
  height: auto !important;
}

@media only screen and (max-width: 1024px) {
  .notfoundArea {
    padding: 26px 20px;
    border-bottom: solid 1px #E4E4E4;
    text-align: center;
  }
}

.notfoundArea h1 {
  font-size: 50px;
  margin-bottom: 50px;
  margin-top: 70px;
  font-weight: normal;
}

@media only screen and (max-width: 1024px) {
  .notfoundArea h1 {
    margin: 0 0 15px;
    font-size: 23px;
  }
}

@media only screen and (max-width: 1024px) {
  .notfoundArea p {
    line-height: 1.6em;
    font-size: 13px;
  }
}

.page-mainImage {
  margin-bottom: 35px;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .page-mainImage {
    padding: 0 15px;
  }
}

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

.basicStyleArea .basicStyleAreaSection {
  margin-bottom: 30px;
}

.basicStyleArea p {
  line-height: 1.7;
}

.basicStyleArea ul, .basicStyleArea ol, .basicStyleArea dl {
  margin-bottom: 25px;
}

.basicStyleArea ul:last-child, .basicStyleArea ol:last-child, .basicStyleArea dl:last-child {
  margin-bottom: 0;
}

.basicStyleArea ul.innerList, .basicStyleArea ol.innerList, .basicStyleArea dl.innerList {
  margin-top: 15px;
}

.basicStyleArea ul.innerList li, .basicStyleArea ol.innerList li, .basicStyleArea dl.innerList li {
  margin-left: 1.3em;
}

.basicStyleArea ul.listStyle-disc li, .basicStyleArea ol.listStyle-disc li, .basicStyleArea dl.listStyle-disc li {
  list-style-type: disc;
  margin-left: 1.3em;
  padding-left: 8px;
}

.basicStyleArea ul.listStyle-decimal > li, .basicStyleArea ol.listStyle-decimal > li, .basicStyleArea dl.listStyle-decimal > li {
  list-style-type: decimal;
  margin-left: 1.3em;
  padding-left: 8px;
}

.basicStyleArea ul.listStyle-lowerAlpha > li, .basicStyleArea ol.listStyle-lowerAlpha > li, .basicStyleArea dl.listStyle-lowerAlpha > li {
  list-style-type: lower-alpha;
  margin-left: 1.3em;
  padding-left: 0.8em;
}

.basicStyleArea ul.listStyle-katakana > li, .basicStyleArea ol.listStyle-katakana > li, .basicStyleArea dl.listStyle-katakana > li {
  list-style-type: katakana;
  margin-left: 1.3em;
  padding-left: 0.8em;
}

.basicStyleArea ul.listStyle-lowerRoman > li, .basicStyleArea ol.listStyle-lowerRoman > li, .basicStyleArea dl.listStyle-lowerRoman > li {
  list-style-type: lower-roman;
  margin-left: 1.3em;
  padding-left: 0.8em;
}

.basicStyleArea ul li, .basicStyleArea ol li, .basicStyleArea dl li {
  margin-bottom: 15px;
  line-height: 1.5;
}

.basicStyleArea ul li:last-child, .basicStyleArea ol li:last-child, .basicStyleArea dl li:last-child {
  margin-bottom: 0;
}

.basicStyleArea ul dt, .basicStyleArea ol dt, .basicStyleArea dl dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.basicStyleArea ul dd, .basicStyleArea ol dd, .basicStyleArea dl dd {
  padding-left: 10px;
  margin-bottom: 10px;
  line-height: 1.7;
}

.innerBox {
  padding: 50px 60px 50px 60px;
}

@media only screen and (max-width: 599px) {
  .innerBox {
    padding: 25px 15px;
  }
}

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

.innerBox p {
  line-height: 1.5;
}

.innerBox.innerBox-colored {
  background: #F2F2F2;
}

.innerBox:last-child {
  margin-bottom: 0;
}

.innerBox .innerBoxTitle {
  border-top: solid 1px #1757A1;
  padding: 20px 0;
  margin-bottom: 20px;
}

@media only screen and (max-width: 599px) {
  .innerBox .innerBoxTitle {
    margin-bottom: 10px;
  }
}

.innerBox .innerBoxTitle h2 {
  color: #1757A1;
  font-size: 24px;
  line-height: 1.5;
}

@media only screen and (max-width: 599px) {
  .innerBox .innerBoxTitle h2 {
    font-size: 18px;
  }
}

.innerBox * + .innerBoxTitle {
  margin-top: 50px;
}

.innerBox .innerBoxContent-headLine h3 {
  margin-bottom: 25px;
  font-size: 18px;
  color: #1757A1;
  line-height: 1.4;
}

.innerBox .innerBoxContent {
  font-size: 15px;
}

.innerBox .innerBoxContent .innerBoxContent-borderBox {
  border: solid 1px #D9D9D9;
  padding: 50px 60px 50px 60px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .innerBox .innerBoxContent .innerBoxContent-borderBox {
    padding: 40px 6%;
  }
}

.innerBox .smallItem {
  padding: 20px;
}

.innerBox .smallItem.smallItem-colored {
  background: #e5e5e5;
}

.innerBox .preparation {
  padding: 20px;
  background: #ddd;
}

.innerBox .preparation p {
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-present {
    padding: 0 6%;
  }
}

.uniqueArea-present .presentHeader {
  margin-bottom: 45px;
}

.uniqueArea-present .presentHeader h2 {
  margin-bottom: 15px;
  font-size: 26px;
  line-height: 1.3;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-present .presentHeader h2 {
    font-size: 22px;
  }
}

.uniqueArea-present .presentHeader ul li {
  margin-bottom: 5px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-present .presentHeader ul li {
    font-size: 12px;
  }
}

.uniqueArea-present .presentList {
  font-size: 0;
}

.uniqueArea-present .presentList .item {
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
  border: solid 1px #ccc;
  background: #EFEFEF;
  vertical-align: top;
}

.uniqueArea-present .presentList .item:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .uniqueArea-present .presentList .item {
    width: 48.5%;
    margin-right: 1.5%;
  }
  .uniqueArea-present .presentList .item:nth-child(3n) {
    margin-right: 1.5%;
  }
  .uniqueArea-present .presentList .item:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-present .presentList .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .uniqueArea-present .presentList .item:nth-child(3n) {
    margin-right: 0;
  }
  .uniqueArea-present .presentList .item:nth-child(2n) {
    margin-right: 0;
  }
}

.uniqueArea-present .presentList .item .image {
  padding: 15px;
  background: #fff;
}

.uniqueArea-present .presentList .item .image .inner {
  height: 220px;
}

.uniqueArea-present .presentList .item .image .inner img {
  opacity: 0;
}

.uniqueArea-present .presentList .item .text {
  background: #EFEFEF;
  padding: 20px;
}

.uniqueArea-present .presentList .item .text .main {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px #ccc;
}

.uniqueArea-present .presentList .item .text .main .title {
  margin-bottom: 8px;
  font-size: 18px;
  color: #FF2D96;
  font-weight: bold;
  line-height: 1.4;
}

.uniqueArea-present .presentList .item .text .main .catch {
  font-size: 14px;
  color: #222;
  font-weight: bold;
  line-height: 1.4;
}

.uniqueArea-present .presentList .item .text .sub {
  font-size: 11px;
  line-height: 1.5;
}

.uniqueArea-gakuwari {
  border: solid 5px #9D8100;
  background: #075F13;
  padding: 50px 60px 50px 60px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-gakuwari {
    padding: 40px 6%;
    border: none;
  }
}

.uniqueArea-gakuwari .gakuwari-price {
  margin-bottom: 40px;
}

.uniqueArea-gakuwari .gakuwari-price img {
  width: 100%;
}

.uniqueArea-gakuwari .gakuwari-info {
  color: #fff;
}

.uniqueArea-gakuwari .gakuwari-info .inner h3 {
  margin-bottom: 20px;
  color: #FFF100;
  font-size: 20px;
}

.uniqueArea-gakuwari .gakuwari-info .inner > dl {
  margin-bottom: 20px;
  padding: 0 10px;
}

.uniqueArea-gakuwari .gakuwari-info .inner > dl dt {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}

.uniqueArea-gakuwari .gakuwari-info .inner > dl dd {
  padding-left: 10px;
}

.uniqueArea-gakuwari .gakuwari-info .inner .ex {
  padding: 20px;
  background: #05470e;
}

.uniqueArea-gakuwari .gakuwari-info .inner .ex > p {
  color: #FFF100;
  font-size: 18px;
  margin-bottom: 15px;
}

.uniqueArea-gakuwari .gakuwari-info .inner .ex > ul li {
  margin-bottom: 10px;
  color: #e6e6e6;
}

.uniqueArea-gakuwari .gakuwari-info .inner .ex > ul li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-susume {
    padding: 10px 6% 0 6%;
  }
}

.uniqueArea-susume .date {
  margin-bottom: 20px;
}

.uniqueArea-susume .date img {
  max-width: 100%;
  height: auto;
}

.uniqueArea-susume .text {
  margin-bottom: 30px;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 2;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-susume .text {
    font-size: 16px;
    line-height: 1.7;
  }
}

.uniqueArea-susume .text small {
  font-size: 18px;
  font-weight: normal;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-susume .text small {
    font-size: 14px;
  }
}

.uniqueArea-susume .text .colored {
  color: #C51015;
}

.uniqueArea-susume .susume-present {
  font-size: 0;
  text-align: center;
}

.uniqueArea-susume .susume-present img {
  max-width: 100%;
  height: auto;
}

.uniqueArea-susume .susume-present .item {
  margin: 0 5px;
  margin-bottom: 20px;
  display: inline-block;
}

.uniqueArea-susume .susume-present .item:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1366px) {
  .uniqueArea-susume .susume-present .item img {
    width: auto;
    height: 150px;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-susume .susume-present .item img {
    width: 100%;
    height: auto;
  }
}

.uniqueStyle-susume {
  background: #d9d9d9;
  padding: 20px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-kinkon {
    padding: 0 15px;
  }
}

.uniqueArea-kinkon .notesText {
  color: #FD403D;
  font-size: 16px;
  padding: 20px;
  border: solid 1px #FD403D;
  margin-bottom: 25px;
  line-height: 1.5;
}

.uniqueArea-kinkon .title {
  margin-bottom: 30px;
  text-align: center;
  font-family: "Yu Mincho", YuMincho, 'Montserrat', Helvetica,Verdana, "Yu Gothic", YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
}

.uniqueArea-kinkon .title .mainText {
  display: inline-block;
  margin-bottom: 20px;
  padding: 15px 30px;
  border-radius: 30px;
  font-size: 30px;
  background: #32C1EE;
  color: #fff;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-kinkon .title .mainText {
    font-size: 20px;
    padding: 15px;
  }
}

.uniqueArea-kinkon .title .subText {
  color: #32C1EE;
  font-size: 22px;
}

.uniqueArea-kinkon .info {
  padding: 30px;
  border: dashed 2px #f4971e;
  text-align: center;
}

.uniqueArea-kinkon .info .item01 dl dt {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: bold;
}

.uniqueArea-kinkon .info .item01 dl dd {
  font-size: 18px;
}

.uniqueArea-kinkon .info .item02 dl {
  line-height: 1.5;
  margin-bottom: 10px;
}

.uniqueArea-kinkon .info .item02 dl dt {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #32C1EE;
}

.uniqueArea-kinkon .info .item02 dl dd {
  padding-left: 10px;
}

.uniqueArea-kinkon .kinkon-movie {
  margin-top: 50px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-kinkon .kinkon-movie {
    padding: 0 6%;
  }
}

.uniqueArea-kinkon .kinkon-movie .content {
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-kinkon .kinkon-movie .content {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-kinkon .kinkon-movie .content img {
    width: 100%;
    height: auto;
  }
}

.uniqueArea-kinkon .kinkon-movie .content:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  cursor: pointer;
}

table.uniqueStyle-kinkon {
  width: 100%;
  margin-bottom: 30px;
  border-top: solid 1px #bfbfbf;
  border-left: solid 1px #bfbfbf;
}

table.uniqueStyle-kinkon thead {
  background: #d9d9d9;
}

table.uniqueStyle-kinkon tr {
  position: relative;
}

table.uniqueStyle-kinkon tr th {
  padding: 15px;
  border-right: solid 1px #bfbfbf;
  border-bottom: solid 1px #bfbfbf;
}

table.uniqueStyle-kinkon tr th.col1 {
  vertical-align: middle;
}

table.uniqueStyle-kinkon tr td {
  position: relative;
  padding: 15px;
  border-right: solid 1px #bfbfbf;
  border-bottom: solid 1px #bfbfbf;
  vertical-align: middle;
  line-height: 1.5;
}

@media only screen and (max-width: 599px) {
  table.uniqueStyle-kinkon tr td {
    font-size: 14px;
  }
}

table.uniqueStyle-kinkon tr td .place-name {
  display: block;
  font-size: 20px;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  table.uniqueStyle-kinkon tr td .place-name {
    font-size: 15px;
  }
}

table.uniqueStyle-kinkon tr td .place-address {
  display: block;
}

@media only screen and (max-width: 599px) {
  table.uniqueStyle-kinkon tr td .place-address {
    font-size: 14px;
  }
}

table.uniqueStyle-kinkon tr td .limit {
  color: #F03224;
  font-weight: bold;
}

.uniqueStyle-kinkon .address {
  background: #d9d9d9;
  margin-top: 30px;
  padding: 20px;
  line-height: 1.5;
}

.uniqueStyle-kinkon .address dt {
  font-weight: bold;
  margin-bottom: 10px;
}

.uniqueStyle-kinkon .address dd {
  padding: 0 0 0 15px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-present {
    padding: 0 7%;
  }
}

.uniqueArea-hanapapa .hanapapa-present h2 {
  padding-bottom: 30px;
  margin-bottom: 40px;
  color: #FF912F;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  border-bottom: solid 2px #FF912F;
  line-height: 1.3;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-present h2 {
    text-align: left;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 18px;
  }
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentTitle {
  margin-bottom: 40px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-present .hanapapa-presentTitle {
    margin-bottom: 25px;
  }
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentTitle p {
  color: #FF4C13;
  text-align: center;
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentTitle p small {
  display: block;
  font-size: 17px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-present .hanapapa-presentTitle p small {
    font-size: 12px;
  }
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentTitle p span {
  font-size: 28px;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-present .hanapapa-presentTitle p span {
    font-size: 16px;
  }
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item {
  float: left;
  width: 32%;
  margin-right: 2%;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item:last-child {
    margin-bottom: 0;
  }
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item:last-child {
  margin-right: 0;
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item .image {
  position: relative;
  width: 100%;
  height: 220px;
  margin-bottom: 10px;
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item .image img {
  opacity: 0;
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item .text {
  position: relative;
  height: 90px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #FFF1E6;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item .text {
    font-size: 13px;
  }
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item .text p {
  position: absolute;
  top: 50%;
  left: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 10px;
  line-height: 1.3;
}

.uniqueArea-hanapapa .hanapapa-present .hanapapa-presentList .item .text p span {
  display: block;
  margin-top: 5px;
  font-weight: normal;
  font-size: 10px;
}

.uniqueArea-hanapapa .hanapapa-articleImage {
  margin-bottom: 60px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-articleImage {
    padding: 40px 7% 30px 7%;
    margin-bottom: 30px;
  }
}

.uniqueArea-hanapapa .hanapapa-articleImage .articleImageTitle {
  margin-bottom: 20px;
}

.uniqueArea-hanapapa .hanapapa-articleImage .articleImageTitle h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-articleImage .articleImageTitle h2 {
    font-size: 14px;
  }
}

.uniqueArea-hanapapa .hanapapa-articleImage .articleImageTitle p {
  font-size: 16px;
  line-height: 1.8;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-articleImage .articleImageTitle p {
    font-size: 13px;
  }
}

.uniqueArea-hanapapa .hanapapa-articleImage .imageWrap {
  display: inline-block;
  margin-top: 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-articleImage .imageWrap {
    margin-top: 20px;
  }
}

.uniqueArea-hanapapa .hanapapa-articleImage .imageWrap img {
  max-width: 100%;
}

.uniqueArea-hanapapa .hanapapa-articleImage .imageWrap .caption {
  margin-top: 15px;
  font-size: 12px;
  text-align: right;
  color: #666;
}

.uniqueArea-hanapapa .hanapapa-lectureTitle {
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-lectureTitle {
    margin-top: 30px;
    padding: 0 6%;
  }
}

.uniqueArea-hanapapa .hanapapa-lectureTitle h2 {
  position: relative;
  font-size: 26px;
  text-align: center;
  line-height: 1.4;
  padding-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-lectureTitle h2 {
    font-size: 18px;
    line-height: 1.3;
    padding-bottom: 20px;
  }
}

.uniqueArea-hanapapa .hanapapa-lectureTitle h2:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -40px;
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  background: #000;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-lectureTitle h2:before {
    height: 1px;
  }
}

.uniqueArea-hanapapa .hanapapa-title {
  text-align: center;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-hanapapa .hanapapa-title {
    margin-bottom: 25px;
  }
}

.uniqueArea-hanapapa .hanapapa-title small {
  display: block;
  margin-bottom: 15px;
  color: #36C0D7;
  font-size: 22px;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-hanapapa .hanapapa-title small {
    font-size: 16px;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-title small {
    font-size: 13px;
  }
}

.uniqueArea-hanapapa .hanapapa-title span {
  display: block;
  color: #006BB4;
  font-size: 46px;
  font-weight: bold;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-hanapapa .hanapapa-title span {
    font-size: 30px;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-title span {
    font-size: 20px;
  }
}

.uniqueArea-hanapapa .hanapapa-profile {
  margin-bottom: 40px;
}

.uniqueArea-hanapapa .hanapapa-profile .image {
  margin-bottom: 30px;
}

.uniqueArea-hanapapa .hanapapa-profile .image img {
  width: 100%;
  height: auto;
}

.uniqueArea-hanapapa .hanapapa-profile .detail {
  margin: 0 auto;
  padding: 7%;
  background: #D9E7F1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.uniqueArea-hanapapa .hanapapa-profile .detail .photo {
  float: right;
  width: 30%;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-profile .detail .photo {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}

.uniqueArea-hanapapa .hanapapa-profile .detail .photo img {
  width: 100%;
  height: auto;
}

.uniqueArea-hanapapa .hanapapa-profile .detail .content {
  float: left;
  width: 66%;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-profile .detail .content {
    float: none;
    width: 100%;
  }
}

.uniqueArea-hanapapa .hanapapa-profile .detail h3 {
  width: 100%;
  background: #3550A7;
  color: #fff;
  padding: 5px;
  margin-bottom: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
}

.uniqueArea-hanapapa .hanapapa-profile .detail .name {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: dashed 1px #999;
}

.uniqueArea-hanapapa .hanapapa-profile .detail .name .name-sub {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}

.uniqueArea-hanapapa .hanapapa-profile .detail .name .name-main span {
  font-size: 22px;
  font-weight: bold;
}

.uniqueArea-hanapapa .hanapapa-profile .detail .name .name-main small {
  font-size: 16px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-profile .detail .name .name-main small {
    display: block;
  }
}

.uniqueArea-hanapapa .hanapapa-profile .detail .text {
  font-size: 14px;
  line-height: 1.6;
}

.uniqueArea-hanapapa .hanapapa-section {
  padding: 50px 60px 50px 60px;
  border-bottom: solid 1px #ccc;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-hanapapa .hanapapa-section {
    padding: 25px 6%;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage {
  margin-bottom: 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage {
    margin-bottom: 15px;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage .headTitle {
  display: inline-block;
  background: #FD9418;
  padding: 8px 8px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage .headTitle {
    font-size: 14px;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage .theme {
  padding: 15px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage .theme {
    padding: 15px 0;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage .theme .themeTample {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #FD9418;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage .theme .themeTample {
    font-size: 12px;
    margin-bottom: 10px;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage .theme ul li {
  position: relative;
  margin-bottom: 20px;
  font-size: 30px;
  color: #3550A7;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage .theme ul li {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage .theme ul li:last-child {
  margin-bottom: 0;
}

.uniqueArea-hanapapa .hanapapa-section .headImage .theme ul li span.icon {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  border: solid 2px #3550A7;
  line-height: 40px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage .theme ul li span.icon {
    top: 7px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage .theme ul li span.text {
  display: block;
  padding-left: 50px;
  padding-top: 8px;
  font-size: 26px;
  line-height: 1.2;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage .theme ul li span.text {
    padding-left: 30px;
    left: 22px;
    font-size: 14px;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage .theme .bottom {
  margin-top: 20px;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage .theme .bottom {
    margin-top: 10px;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage .theme .bottom .subText {
  display: inline-block;
  padding: 5px;
  margin-right: 10px;
  color: #fff;
  background: #459BC8;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage .theme .bottom .subText {
    font-size: 12px;
  }
}

.uniqueArea-hanapapa .hanapapa-section .headImage .theme .bottom .mainText {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-hanapapa .hanapapa-section .headImage .theme .bottom .mainText {
    font-size: 12px;
  }
}

.uniqueArea-hanapapa .hanapapa-section .yasutakeMessage {
  margin-top: 40px;
  padding: 40px;
  border: solid 1px #F2F2F2;
}

.uniqueArea-hanapapa .hanapapa-section .yasutakeMessage .title {
  margin-bottom: 30px;
}

.uniqueArea-hanapapa .hanapapa-section .yasutakeMessage .title p {
  font-size: 26px;
  color: #1757A1;
  text-align: center;
  font-weight: bold;
}

.uniqueArea-hanapapa .hanapapa-section .yasutakeMessage .text {
  line-height: 1.7;
}

.uniqueStyle-mamaranger .address {
  background: #d9d9d9;
  margin-top: 30px;
  padding: 20px;
  line-height: 1.5;
}

.uniqueStyle-mamaranger .address dt {
  font-weight: bold;
  margin-bottom: 10px;
}

.uniqueStyle-mamaranger .address dd {
  padding: 0 0 0 15px;
}

.campaing-page-tatsujin #mainContents {
  background: #F8F6E1;
}

.campaing-page-tatsujin #breadcrumbs {
  background: #fff;
}

.campaing-page-tatsujin .headline {
  background: #fff url(/hanbai/campaing/img/tatsujin/pattern_dot_red.png) -2px -2px repeat;
}

.campaing-page-tatsujin .headline .backImage {
  top: 20px;
  left: 20px;
  background: #F8F5E0;
  height: 100%;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
}

@media only screen and (max-width: 599px) {
  .campaing-page-tatsujin .headline h1 .mainTitle img {
    height: 95px;
    width: auto;
  }
}

.uniqueArea-tatsujin h2.readText {
  text-align: center;
  line-height: 2;
  font-size: 20px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tatsujin h2.readText {
    font-size: 16px;
    line-height: 1.8;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tatsujin .tatsujinList {
    padding: 0 15px;
  }
}

.uniqueArea-tatsujin .tatsujinList .item {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tatsujin .tatsujinList .item {
    display: block;
    margin-bottom: 40px;
  }
}

.uniqueArea-tatsujin .tatsujinList .item.item-reverse {
  -webkit-flex-direction: row-reverse;
  /* Safari */
  flex-direction: row-reverse;
}

.uniqueArea-tatsujin .tatsujinList .item .image {
  width: 50%;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tatsujin .tatsujinList .item .image {
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
  }
}

.uniqueArea-tatsujin .tatsujinList .item .image img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tatsujin .tatsujinList .item .image img {
    max-width: auto;
    height: 100%;
    width: auto;
  }
}

.uniqueArea-tatsujin .tatsujinList .item .content {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-left: 15px;
}

.uniqueArea-tatsujin .tatsujinList .item .content .subText {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tatsujin .tatsujinList .item .content .subText {
    font-size: 13px;
    text-align: center;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tatsujin .tatsujinList .item .content .mainText {
    text-align: center;
  }
}

.uniqueArea-tatsujin .tatsujinList .item .content .mainText img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tatsujin .tatsujinList .item .content .mainText img {
    max-width: 60%;
  }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items {
    padding: 0 15px;
  }
}

.lecture-indexList__items .lecture-indexList__item {
  margin-bottom: 30px;
}

.lecture-indexList__items .lecture-indexList__item:last-child {
  margin-bottom: 0;
}

.lecture-indexList__items .lecture-indexList__item a {
  display: block;
  position: relative;
}

.lecture-indexList__items .lecture-indexList__item a:hover {
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemImage {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 260px;
  height: 230px;
  z-index: 1000;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemImage {
    position: relative !important;
    width: 230px;
    height: 180px;
    margin: 0 auto;
  }
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemImage img {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail {
  position: relative;
  padding: 50px 0 0 140px;
  z-index: 100;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail {
    padding: 0;
    margin-top: -50px;
  }
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner {
  position: relative;
  background: #eee;
  min-height: 260px;
  padding: 30px 30px 40px 150px;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner {
    padding: 70px 20px 15px 20px;
  }
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner h2 {
  font-size: 20px;
  color: #333;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: solid 1px #666;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner h2 {
    font-size: 16px;
  }
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner h2 span {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner h2 span {
    font-size: 13px;
  }
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner dl {
  color: #333;
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner dl dt {
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner dl dt {
    font-size: 13px;
  }
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner dl dd {
  margin-top: 15px;
  font-size: 15px;
  line-height: 1.3;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner dl dd {
    font-size: 12px;
  }
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner .more {
  position: absolute;
  bottom: 15px;
  right: 30px;
  padding-right: 16px;
  font-weight: bold;
  color: #FF7D08;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner .more {
    position: relative;
    display: block;
    width: 60%;
    bottom: auto;
    right: auto;
    background: #FF7D08;
    color: #fff;
    font-weight: normal;
    margin: 15px auto;
    padding: 10px 30px;
  }
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner .more .svg-arrow_normal {
  position: absolute;
  right: 0;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 7px;
  height: 13px;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner .more .svg-arrow_normal {
    right: 15px;
  }
}

.lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner .more .svg-arrow_normal svg {
  position: absolute;
  top: 0;
  left: 0;
  color: #FF7D08;
  fill: currentColor;
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  .lecture-indexList__items .lecture-indexList__item a .lecture-indexList__itemDetail .lecture-indexList__detailInner .more .svg-arrow_normal svg {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    fill: currentColor;
    width: 100%;
    height: 100%;
  }
}

.ex-content__hanapapa {
  margin-bottom: 40px;
  border: solid 2px #FF3D5C;
  background: #f9f6a9;
}

@media only screen and (max-width: 768px) {
  .ex-content__hanapapa {
    margin-bottom: 20px;
  }
}

.ex-content__hanapapa a {
  display: -webkit-box;
  display: flex;
  position: relative;
  padding: 15px;
}

.ex-content__hanapapa a .ex-content__hanapapaImage {
  height: 120px;
  margin-right: 20px;
}

@media only screen and (max-width: 768px) {
  .ex-content__hanapapa a .ex-content__hanapapaImage {
    margin-right: 10px;
    height: auto;
    width: 110px;
  }
}

.ex-content__hanapapa a .ex-content__hanapapaImage img {
  width: auto;
  height: 100%;
}

@media only screen and (max-width: 768px) {
  .ex-content__hanapapa a .ex-content__hanapapaImage img {
    width: 100%;
    height: auto;
  }
}

.ex-content__hanapapa a .ex-content__hanapapaContent {
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  flex: 1;
}

.ex-content__hanapapa a .ex-content__hanapapaContent p {
  font-size: 20px;
  line-height: 1.5;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .ex-content__hanapapa a .ex-content__hanapapaContent p {
    font-size: 12px;
  }
}

.ex-content__hanapapa a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  display: block;
  font-family: "myfont";
  content: "\EA07";
  color: #1757A1;
  font-size: 16px;
  width: 1em;
  height: 1em;
}

@media only screen and (max-width: 599px) {
  .ex-content__hanapapa a:before {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore {
    padding: 0 15px;
  }
}

.uniqueArea-tentore .mainText {
  display: inline-block;
  margin-bottom: 20px;
  padding: 15px 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .mainText {
    font-size: 20px;
    text-align: center;
    margin: 0px;
    padding: 0px;
  }
}

.uniqueArea-tentore .mainText span {
  font-weight: bold;
  font-size: 25px;
  padding-bottom: 15px;
  display: inline-block;
}

.uniqueArea-tentore .notesText {
  color: #FD403D;
  font-size: 16px;
  padding: 20px;
  border: solid 1px #FD403D;
  margin-bottom: 25px;
  line-height: 1.5;
}

.uniqueArea-tentore .title {
  margin-bottom: 30px;
  text-align: left;
  font-family: "Yu Mincho", YuMincho, 'Montserrat', Helvetica,Verdana, "Yu Gothic", YuGothic,"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
  font-weight: bold;
}

.uniqueArea-tentore .title .basicStyleArea p {
  padding: 0 70px;
  font-size: 22px;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .title .basicStyleArea p {
    padding: 0px;
  }
}

.uniqueArea-tentore .title .basicStyleArea ul {
  padding: 0 0 0 60px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .title .basicStyleArea ul {
    padding: 0px;
  }
}

.uniqueArea-tentore .title .basicStyleArea ul li {
  line-height: 1.3;
  font-size: 22px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .title .basicStyleArea ul li {
    font-size: 20px;
    padding: 15px 0 0 0;
  }
}

.uniqueArea-tentore .title .basicStyleArea ul li br {
  display: none;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .title .basicStyleArea ul li br {
    display: block;
  }
}

.uniqueArea-tentore .title .basicStyleArea ul li span {
  color: #1757A1;
}

.uniqueArea-tentore .title .basicStyleArea .mainText {
  display: inline-block;
  margin-bottom: 20px;
  padding: 15px 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .title .basicStyleArea .mainText {
    font-size: 20px;
    padding: 15px;
  }
}

.uniqueArea-tentore .title .basicStyleArea .mainText span {
  font-weight: bold;
  font-size: 25px;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-service {
    padding: 0 3%;
  }
}

.uniqueArea-tentore .tentore-service h2 {
  font-weight: bold;
  font-size: 25px;
  text-align: left;
  line-height: 1.3;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-service h2 {
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 18px;
  }
}

.uniqueArea-tentore .tentore-service .tentore-serviceTitle {
  margin-bottom: 40px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-service .tentore-serviceTitle {
    margin-bottom: 25px;
  }
}

.uniqueArea-tentore .tentore-service .tentore-serviceTitle p {
  color: #FF4C13;
  text-align: center;
}

.uniqueArea-tentore .tentore-service .tentore-serviceTitle p small {
  display: block;
  font-size: 17px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-service .tentore-serviceTitle p small {
    font-size: 12px;
  }
}

.uniqueArea-tentore .tentore-service .tentore-serviceTitle p span {
  font-size: 28px;
  font-weight: bold;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-service .tentore-serviceTitle p span {
    font-size: 16px;
  }
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item {
  float: left;
  width: 32%;
  margin-right: 2%;
  position: relative;
  border: 4px solid #32C1EE;
  border-radius: 20px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-service .tentore-serviceList .item {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .uniqueArea-tentore .tentore-service .tentore-serviceList .item:last-child {
    margin-bottom: 0;
  }
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item .image img {
  padding: 0 20px;
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item:after {
  position: absolute;
  z-index: 2;
  content: '';
  top: 50%;
  right: 0;
  transform: translate(106%, -30%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: #ffffff00 #ffffff00 #9a090900 #007bff;
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item:last-child:after {
  display: none;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-service .tentore-serviceList .item:after {
    top: inherit;
    right: 50%;
    transform: translate(50%, 0);
    border-width: 30px 30px 0 30px;
    border-color: #007bff transparent transparent transparent;
  }
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item:last-child {
  margin-right: 0;
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item .image {
  position: relative;
  width: 100%;
  height: 155px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-service .tentore-serviceList .item .image {
    margin: 0px;
    padding: 0px;
    height: 180px;
  }
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item .image img {
  opacity: 0;
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item .text {
  position: relative;
  height: 90px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #FFF1E6;
  border-radius: 30px;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-tentore .tentore-service .tentore-serviceList .item .text {
    height: 125px;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-service .tentore-serviceList .item .text {
    font-size: 13px;
  }
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item .text p {
  position: absolute;
  top: 50%;
  left: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 10px;
  line-height: 1.3;
}

.uniqueArea-tentore .tentore-service .tentore-serviceList .item .text p span {
  display: block;
  margin-top: 5px;
  color: red;
}

.uniqueArea-tentore .info {
  padding: 20px 20px 50px 20px;
  margin: 40px 0 0 0;
  position: relative;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .info {
    margin: 30px 0 0 0;
    padding: 20px 0 30px 0;
  }
}

.uniqueArea-tentore .info .item01 > dl {
  position: relative;
  display: -webkit-box;
  display: flex;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .info .item01 > dl {
    display: block;
  }
}

.uniqueArea-tentore .info .item01 > dl .info-heading {
  width: 270px;
  height: 100%;
  padding-right: 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .info .item01 > dl .info-heading {
    width: 100%;
    text-align: center;
    padding: 30px;
  }
}

.uniqueArea-tentore .info .item01 > dl .info-main {
  flex: 1;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .info .item01 > dl .info-main img {
    margin-bottom: 20px;
  }
}

.uniqueArea-tentore .info .item01 > dl .info-main dl {
  line-height: 1.4;
  margin-bottom: 10px;
}

.uniqueArea-tentore .info .item01 > dl .info-main dl dt {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: normal;
}

.uniqueArea-tentore .info .item01 > dl .info-main dl dd {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .info .item01 > dl .info-main {
    float: none;
    position: static;
    padding-left: 0;
  }
}

.uniqueArea-tentore .info .item02 {
  position: absolute;
  width: 600px;
  height: 198px;
  right: 25px;
  bottom: -33px;
  padding-left: 310px;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-tentore .info .item02 {
    bottom: 0;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .info .item02 {
    position: static;
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    padding-left: 0;
  }
}

.uniqueArea-tentore .info .item02 dl {
  line-height: 1.4;
  margin-bottom: 10px;
}

.uniqueArea-tentore .info .item02 dl dt {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: normal;
}

.uniqueArea-tentore .info .item02 dl dd {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}

.uniqueArea-tentore .tentore-monitor {
  margin-top: 50px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-tentore .tentore-monitor {
    padding: 0 6%;
  }
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-monitor {
    margin-top: 16px;
  }
}

.uniqueArea-tentore .tentore-monitor .mainText {
  display: inline-block;
  margin-bottom: 50px;
  padding: 15px 30px;
}

@media only screen and (max-width: 599px) {
  .uniqueArea-tentore .tentore-monitor .mainText {
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 0;
  }
}

.uniqueArea-tentore .tentore-monitor .content {
  display: inline-block;
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-tentore .tentore-monitor .content {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .uniqueArea-tentore .tentore-monitor .content img {
    width: 100%;
    height: auto;
  }
}

.uniqueArea-tentore .tentore-monitor .content:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
  cursor: pointer;
}

.uniqueArea-tentore .innerBoxTrial {
  margin: 60px 0 0 0;
}

.uniqueArea-tentore .innerBoxTrial h2 {
  font-size: 20px;
  color: #1757A1;
  line-height: 1.5;
}

.uniqueStyle-tentore .address {
  background: #d9d9d9;
  margin-top: 30px;
  padding: 20px;
  line-height: 1.8;
}

.uniqueStyle-tentore .address dt {
  font-weight: bold;
  margin-bottom: 10px;
}

.uniqueStyle-tentore .address dd {
  padding: 0 0 0 15px;
  position: relative;
}

.uniqueStyle-tentore .address dd:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

@media only screen and (max-width: 599px) {
  .uniqueStyle-tentore .address dd:before {
    display: none;
  }
}

.uniqueStyle-tentore .address dd br {
  display: none;
}

.uniqueStyle-tentore .address dd a {
  position: relative;
  display: inline-block;
  color: #000;
}

@media only screen and (max-width: 599px) {
  .uniqueStyle-tentore .address dd br {
    display: block;
  }
}

.tentra-tutorial__title {
  text-align: center;
  margin-bottom: 40px;
}

.tentra-tutorial-content__item {
  margin-bottom: 90px;
}

.tentra-tutorial-content__heading {
  text-align: center;
  margin-bottom: 20px;
}

.tentra-tutorial-content__heading h3 {
  display: inline-block;
  background: #0070FF;
  padding: 10px 30px;
  font-size: 20px;
  color: #fff;
  max-width: 300px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .tentra-tutorial-content__heading h3 {
    font-size: 16px;
  }
}

.tentra-tutorial-content__imageCaption {
  margin-top: 10px;
  text-align: center;
}

.tentra-tutorial-content__detail {
  border: solid 3px #2BB9EB;
  padding: 30px;
  font-size: 1.1em;
  margin-bottom: 40px;
}

.tentra-tutorial-content__detail * {
  font-size: 1.1em !important;
}

@media only screen and (max-width: 768px) {
  .tentra-tutorial-content__detail {
    padding: 15px 20px;
  }
}

.tentra-tutorial-challenge__title {
  text-align: center;
  margin-bottom: 30px;
}

.tentra-tutorial-challenge__title span {
  font-size: 60px;
  margin-right: 10px;
  color: #F06424;
}

@media only screen and (max-width: 768px) {
  .tentra-tutorial-challenge__title span {
    font-size: 50px;
  }
}

.tentra-tutorial-challenge__title small {
  font-size: 30px;
}

@media only screen and (max-width: 768px) {
  .tentra-tutorial-challenge__title small {
    font-size: 25px;
  }
}

.tentra-tutorial-challenge__button {
  text-align: center;
  margin-bottom: 25px;
}

.tentra-tutorial-challenge__buttonInner {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  padding: 30px 20px;
  background: #FF5471;
  color: #fff;
  text-align: center;
  font-size: 22px;
  border-radius: 5px;
}

@media only screen and (max-width: 768px) {
  .tentra-tutorial-challenge__buttonInner {
    padding: 20px 10px;
    font-size: 20px;
  }
}

.tentra-tutorial-challenge__buttonInner:hover {
  text-decoration: none;
  background: #ff2147;
}

.tentra-tutorial-challenge__buttonInner.is-colored1 {
  background: #F29630;
}

.is-colored1.tentra-tutorial-challenge__buttonInner:hover {
  background: #e17d0e;
}

.tentra-tutorial-challenge__buttonInner.is-colored2 {
  background: #008EDA;
}

.is-colored2.tentra-tutorial-challenge__buttonInner:hover {
  background: #006da7;
}

.tentra-tutorial-movie {
  margin-top: 30px;
  text-align: center;
}

.tentra-tutorial-movie iframe {
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .tentra-tutorial-movie iframe {
    width: 100%;
  }
}

.tentra-tutorial-toPage {
  border: solid 3px #2BB9EB;
  padding: 30px 0;
  margin-top: 40px;
  font-size: 1.1em;
}

@media only screen and (max-width: 768px) {
  .tentra-tutorial-toPage {
    padding: 20px 10px;
  }
}

.tentra-tutorial-toPage__text {
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.5em;
}

@media only screen and (max-width: 768px) {
  .tentra-tutorial-toPage__text {
    font-size: 14px;
  }
}

.tentra-tutorial-toPage__button {
  text-align: center;
}

.tentra-tutorial-toPage__buttonInner {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  padding: 30px 20px;
  background: #FF5471;
  color: #fff;
  text-align: center;
  font-size: 22px;
  border-radius: 5px;
}

@media only screen and (max-width: 768px) {
  .tentra-tutorial-toPage__buttonInner {
    padding: 20px 10px;
    font-size: 16px;
  }
}

.tentra-tutorial-toPage__buttonInner:hover {
  text-decoration: none;
  background: #ff2147;
}

.tentra-tutorial-toPage__buttonInner.is-colored1 {
  background: #F29630;
}

.is-colored1.tentra-tutorial-toPage__buttonInner:hover {
  background: #e17d0e;
}

.tentra-tutorial-toPage__buttonInner.is-colored2 {
  background: #008EDA;
}

.is-colored2.tentra-tutorial-toPage__buttonInner:hover {
  background: #006da7;
}

.admission-present__items {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.admission-present__item {
  width: calc((100% - 5px * (4 - 1)) / 4 - 0.1px);
  margin-right: 5px;
  margin-top: 5px;
  position: relative;
}

.admission-present__item:nth-child(4n + 0) {
  margin-right: 0;
}

.admission-present__item:nth-child(1) {
  margin-top: 0;
}

.admission-present__item:nth-child(2) {
  margin-top: 0;
}

.admission-present__item:nth-child(3) {
  margin-top: 0;
}

.admission-present__item:nth-child(4) {
  margin-top: 0;
}

@media only screen and (max-width: 1024px) {
  .admission-present__item {
    width: calc((100% - 5px * (2 - 1)) / 2 - 0.1px);
    margin-right: 5px;
    margin-top: 5px;
  }
  .admission-present__item:nth-child(2n + 0) {
    margin-right: 0;
  }
  .admission-present__item:nth-child(1) {
    margin-top: 0;
  }
  .admission-present__item:nth-child(2) {
    margin-top: 0;
  }
}

.admission-present__item:after {
  content: '';
  display: block;
  padding-top: 100%;
}

.admission-present__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  font-family: 'object-fit';
}

.admission-detail {
  margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
  .admission-detail {
    margin-top: 30px;
  }
}

.admission-detail__title {
  background: #EB6D8E;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 1024px) {
  .admission-detail__title {
    padding: 15px 0;
    margin-bottom: 20px;
  }
}

.admission-detail__title h3 {
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
}

@media only screen and (max-width: 1024px) {
  .admission-detail__title h3 {
    font-size: 16px;
    line-height: 1.4;
  }
}

.admission-detail__title h3:before, .admission-detail__title h3:after {
  content: '';
  width: 20px;
  height: 20px;
  margin: 0 4px;
  background: url(../../campaign/admission/img/icon_title01.png) no-repeat center;
  background-size: cover;
}

.admission-detail__items {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .admission-detail__items {
    flex-direction: column;
    justify-content: center;
  }
}

.admission-detail__item:nth-child(1) {
  width: 300px;
  margin-right: 20px;
}

@media only screen and (max-width: 1024px) {
  .admission-detail__item:nth-child(1) {
    width: 100%;
    margin-right: 0;
  }
}

.admission-detail__item:nth-child(2) {
  flex: 1;
}

.admission-detail__item dl {
  background: #45B035;
  padding: 3px;
}

.admission-detail__item dl dt {
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding: 8px 0 10px;
}

@media only screen and (max-width: 1024px) {
  .admission-detail__item dl dt {
    font-size: 18px;
  }
}

.admission-detail__item dl dd {
  font-size: 18px;
  background: #fff;
  color: #45B035;
  padding: 5px 8px;
  line-height: 1.6;
}

@media only screen and (max-width: 1024px) {
  .admission-detail__item dl dd {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .admission-detail__list {
    margin-top: 20px;
  }
}

.admission-detail__list li {
  font-size: 14px;
  line-height: 1.4;
  position: relative;
  padding-left: 10px;
  margin-bottom: 10px;
}

.admission-detail__list li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .admission-detail__list li {
    font-size: 13px;
    margin-bottom: 5px;
  }
}

.admission-detail__list li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #2f2f2f;
}

.admmission-attension {
  background: #eee;
  padding: 8px 10px;
  margin-top: 20px;
  font-size: 14px;
}

@media only screen and (max-width: 1024px) {
  .admmission-attension {
    font-size: 12px;
  }
}

.admmission-attension p {
  margin-top: 5px;
  line-height: 1.5;
}

.admission-form {
  margin-top: 40px;
}

.admission-form__title {
  background: #EB6D8E;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 1024px) {
  .admission-form__title {
    padding: 15px 0;
    margin-bottom: 20px;
  }
}

.admission-form__title h3 {
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
}

@media only screen and (max-width: 1024px) {
  .admission-form__title h3 {
    font-size: 18px;
  }
}

.admission-form__title h3:before, .admission-form__title h3:after {
  content: '';
  width: 20px;
  height: 20px;
  margin: 0 4px;
  background: url(../../campaign/admission/img/icon_title01.png) no-repeat center;
  background-size: cover;
}

.admission-form__button {
  margin: 0 auto 20px;
}

.admission-form__button:last-child {
  margin-bottom: 0;
}

.admission-form__button a {
  max-width: 350px;
  margin: auto;
  display: block;
  text-align: center;
  padding: 25px 10px;
  font-size: 22px;
  color: #fff;
  position: relative;
}

.admission-form__button.is-orange a {
  background: #f07400;
}

.admission-form__button.is-green a {
  background: #40b12b;
}

@media only screen and (max-width: 1024px) {
  .admission-form__button a {
    padding: 20px 10px;
    font-size: 18px;
  }
}

.admission-form__button a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.admission-form__button a:after {
  content: '\EA07';
  font-family: 'myfont';
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all .3s;
}

@media only screen and (max-width: 1024px) {
  .admission-form__button a:after {
    font-size: 16px;
  }
}

.admission-form__button a:hover:after {
  right: 12px;
}

.admission-form__subText {
  display: block;
  margin-top: 10px;
  line-height: 1.3;
  color: #000;
}

@media only screen and (max-width: 1024px) {
  .admission-form__subText {
    font-size: 12px;
  }
}

.admission-contact {
  background: #EB6D8E;
  padding: 26px 20px;
  margin-top: 30px;
}

@media only screen and (max-width: 1024px) {
  .admission-contact {
    padding: 15px 20px;
  }
}

.admission-contact__items {
  display: -webkit-box;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .admission-contact__items {
    flex-direction: column;
  }
}

.admission-contact__title {
  font-size: 26px;
  color: #fff;
  text-align: center;
  padding: 20px 10px;
  border: 2px solid #fff;
  margin-right: 20px;
}

@media only screen and (max-width: 1024px) {
  .admission-contact__title {
    font-size: 20px;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 12px 0;
  }
}

.admission-contact__detail {
  display: -webkit-box;
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width: 1024px) {
  .admission-contact__detail {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

.admission-contact__detail span {
  color: #fff;
}

.admission-contact__tel {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
}

.admission-contact__tel span {
  color: #fff;
}

.admission-contact__number {
  font-size: 45px;
}

@media only screen and (max-width: 1024px) {
  .admission-contact__number {
    font-size: 26px;
    margin-top: 3px;
  }
}

.admission-contact__number a {
  display: block;
  color: #fff;
  font-weight: bold;
  letter-spacing: 3px;
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  .admission-contact__number a {
    pointer-events: auto;
  }
}

.admission-contact__number a:hover {
  text-decoration: none;
}

.admission-contact__time {
  color: #fff;
  line-height: 1.4;
  margin-left: 20px;
}

@media only screen and (max-width: 1024px) {
  .admission-contact__time {
    margin-left: 0;
    margin-top: 3px;
  }
}

.subscription-logo {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1000;
}

.subscription-logo__inner {
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .subscription-logo__image {
    height: 25px;
    width: auto;
  }
}

.subscription-logo__text {
  position: relative;
  display: inline-block;
  padding: 8px 10px;
  background: #1757A1;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  margin-left: 15px;
}

@media only screen and (max-width: 768px) {
  .subscription-logo__text {
    font-size: 11px;
  }
}

.subscription-logo__text:after {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: #fff;
}

.subscription-logo__text:before {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background: #fff;
}

.subscription-hero {
  padding: 20px 0 30px 0;
}

.subscription-hero-image {
  text-align: center;
}

.subscription-about {
  padding: 80px 40px 60px 40px;
  background: url(https://f.msgs.jp/fcnts/jsy/bg_grid.png) left top repeat;
  margin-top: 30px;
}

@media only screen and (max-width: 599px) {
  .subscription-about {
    padding: 40px 15px 15px 15px;
  }
}

.subscription-about__inner {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}

.subscription-about-title {
  margin-bottom: 60px;
}

@media only screen and (max-width: 599px) {
  .subscription-about-title {
    margin-bottom: 40px;
  }
}

.subscription-about-title__text {
  font-size: 37px;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .subscription-about-title__text {
    font-size: 24px;
  }
}

.subscription-about-list {
  border: solid 15px #4A8EEB;
  background: #fff;
}

@media only screen and (max-width: 599px) {
  .subscription-about-list {
    border-width: 5px;
  }
}

.subscription-about-list-item {
  display: -webkit-box;
  display: flex;
  padding: 40px 0;
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item {
    display: block;
    padding: 20px 0;
  }
}

.subscription-about-list-item:nth-child(even) {
  background: #F0F6F8;
}

.subscription-about-list-item__header {
  position: relative;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 170px;
  width: 25%;
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item__header {
    width: 100%;
    min-height: 120px;
  }
}

.subscription-about-list-item__header:before {
  content: "";
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  right: 0;
  background: #BFD6DE;
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item__header:before {
    display: none;
  }
}

.subscription-about-list-item__header .myfont {
  color: #0150BC;
}

.subscription-about-list-item__header .myfont-news {
  font-size: 81px;
}

.subscription-about-list-item__header .myfont-paper {
  font-size: 110px;
}

.subscription-about-list-item__header .myfont-baseball {
  font-size: 88px;
}

.subscription-about-list-item__header .myfont-family {
  font-size: 99px;
}

.subscription-about-list-item__header .myfont-city {
  font-size: 93px;
}

.subscription-about-list-item__content {
  display: -webkit-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-left: 35px;
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item__content {
    padding: 0 15px;
  }
}

.subscription-about-list-item__content .subscription-about-list-item__text {
  line-height: 1.2;
  font-family: 'Lato', Helvetica,Verdana,"MyYuGothic", YuGothic,"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item__content .subscription-about-list-item__text {
    text-align: center;
  }
}

.subscription-about-list-item__content.is-news .is-size-s {
  font-size: 36px;
  color: #003072;
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item__content.is-news .is-size-s {
    font-size: 24px;
  }
}

.subscription-about-list-item__content.is-news .is-size-l {
  font-size: 100px;
  color: #005EDE;
}

@media only screen and (max-width: 768px) {
  .subscription-about-list-item__content.is-news .is-size-l {
    font-size: 90px;
  }
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item__content.is-news .is-size-l {
    font-size: 60px;
  }
}

.subscription-about-list-item__content.is-news .is-size-m {
  font-size: 61px;
  color: #003072;
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item__content.is-news .is-size-m {
    font-size: 40px;
  }
}

.subscription-about-list-item__content.is-paper .is-size-s {
  font-size: 34px;
  color: #003072;
}

@media only screen and (max-width: 768px) {
  .subscription-about-list-item__content.is-paper .is-size-s {
    font-size: 30px;
  }
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item__content.is-paper .is-size-s {
    font-size: 24px;
  }
}

.subscription-about-list-item__content.is-paper .is-size-l {
  font-size: 100px;
  color: #005EDE;
}

@media only screen and (max-width: 768px) {
  .subscription-about-list-item__content.is-paper .is-size-l {
    font-size: 90px;
  }
}

@media only screen and (max-width: 599px) {
  .subscription-about-list-item__content.is-paper .is-size-l {
    font-size: 70px;
  }
}

.subscription-about-list-item__content.is-paper .is-size-m {
  font-size: 47px;
  color: #003072;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .subscription-about-list-item__content.is-paper .is-size-m {
    font-size: 40px;
  }
}

.subscription-about-list-item__content.is-baseball .is-size-m {
  font-size: 39px;
  color: #003072;
  font-weight: 600;
}

.subscription-about-list-item__content.is-baseball .is-size-l {
  font-size: 63px;
  color: #005EDE;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .subscription-about-list-item__content.is-baseball .is-size-l {
    font-size: 58px;
  }
}

.subscription-about-list-item__content.is-baseball .is-size-xl {
  font-size: 67px;
  color: #003072;
}

@media only screen and (max-width: 768px) {
  .subscription-about-list-item__content.is-baseball .is-size-xl {
    font-size: 60px;
  }
}

.subscription-about-list-item__content.is-family .is-size-m {
  font-size: 41px;
  color: #003072;
  font-weight: 600;
}

.subscription-about-list-item__content.is-family .is-size-l {
  font-size: 62px;
  color: #005EDE;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .subscription-about-list-item__content.is-family .is-size-l {
    font-size: 56px;
  }
}

.subscription-about-list-item__content.is-family .is-balloon {
  position: relative;
  background: #0150BC;
  font-size: 32px;
  color: #fff;
  border-radius: 8px;
  padding: 10px;
  vertical-align: 10px;
}

.subscription-about-list-item__content.is-city .is-size-m {
  font-size: 52px;
  color: #005EDE;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  .subscription-about-list-item__content.is-city .is-size-m {
    font-size: 50px;
  }
}

.subscription-about-list-item__content.is-city .is-size-m .is-colored {
  color: #003072;
}

.subscription-common-button__inner {
  position: relative;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FF5F7C;
  text-align: center;
  min-height: 100px;
  text-decoration: none;
  transition: all .3s;
}

.is-color-blue .subscription-common-button__inner {
  background: #144b8b;
}

.is-style-frame .subscription-common-button__inner {
  background: #fff;
  border: solid 2px #FF5F7C;
}

.is-style-frame.is-color-blue .subscription-common-button__inner {
  border-color: #144b8b;
}

@media only screen and (max-width: 768px) {
  .subscription-common-button__inner {
    min-height: 60px;
  }
}

.subscription-common-button__inner:hover {
  text-decoration: none;
  background: #ff365b;
}

.is-color-blue .subscription-common-button__inner:hover {
  background: #0f3867;
}

.subscription-common-button__inner:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  display: block;
  font-family: "myfont";
  content: "\EA07";
  color: #fff;
  height: 1em;
  font-size: 30px;
}

.is-style-frame .subscription-common-button__inner:after {
  color: #FF5F7C;
}

.is-style-frame.is-color-blue .subscription-common-button__inner:after {
  color: #144b8b;
}

.is-style-frame .subscription-common-button__inner:hover:after {
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .subscription-common-button__inner:after {
    font-size: 20px;
  }
}

.subscription-common-button__text {
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
}

.is-style-frame .subscription-common-button__text {
  color: #FF5F7C;
}

.is-style-frame.is-color-blue .subscription-common-button__text {
  color: #144b8b;
}

@media only screen and (max-width: 768px) {
  .subscription-common-button__text {
    font-size: 18px;
  }
}

.is-style-frame .subscription-common-button__inner:hover .subscription-common-button__text {
  color: #fff;
}

.subscription-bottomLink {
  padding: 0 40px;
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  .subscription-bottomLink {
    padding: 0 15px;
  }
}

.subscription-bottomLink__inner {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}

.subscription-bottomLink__item {
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .subscription-bottomLink__item {
    margin-bottom: 20px;
  }
}

.subscription-bottomLink__item:last-child {
  margin-bottom: 0;
}

.thanks-present {
  width: 100%;
  background: #f6f5f5;
  padding-bottom: 10px;
}

.thanks-present_title {
  text-align: center;
  padding-top: 30px;
}

.thanks-present__content {
  margin: 30px 30px 30px;
  padding-bottom: 30px;
  background: #fff;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content {
    margin: 10px;
    padding-bottom: 1px;
  }
}

.thanks-present__content-number {
  font-size: 52px;
  color: #f6f5f5;
  position: absolute;
}

.thanks-present__content-number:after {
  font-family: "myfont";
  content: "\EA11";
  color: #cd1414;
  font-size: 110px;
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 0;
}

.thanks-present__content-number p {
  position: absolute;
  z-index: 3;
  top: 8px;
  left: 12px;
}

@media only screen and (max-width: 1024px) {
  .thanks-present__content-number {
    font-size: 38px;
  }
  .thanks-present__content-number:after {
    font-size: 80px;
    position: absolute;
    z-index: 2;
    top: -10px;
    left: 0;
  }
  .thanks-present__content-number p {
    top: 8px;
    left: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-number {
    font-size: 30px;
  }
  .thanks-present__content-number:after {
    font-size: 80px;
    top: -10px;
    left: 0;
  }
  .thanks-present__content-number p {
    top: 4px;
    left: 6px;
  }
}

.thanks-present__content__box {
  padding: 50px 0 50px;
  border-bottom: 1px solid #f6f5f5;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.thanks-present__content__box:nth-child(2) {
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content__box {
    display: block;
    padding: 0px 0 40px;
    margin-bottom: 40px;
  }
}

.thanks-present__content-image {
  width: 380px;
  margin-right: 20px;
  padding-left: 30px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-image {
    width: 100%;
    text-align: center;
    padding: 20px;
    margin: 0;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-present__content-image {
    padding: 0 20px 20px;
  }
}

.thanks-present__content__inner {
  width: 380px;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content__inner {
    width: 100%;
  }
}

.thanks-present__content-title {
  font-size: 34px;
  color: #e60012;
  font-weight: bold;
  line-height: 48px;
  font-feature-settings: "palt";
  padding-bottom: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #e60012;
}

@media only screen and (max-width: 1024px) {
  .thanks-present__content-title {
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-title {
    text-align: center;
    font-size: 24px;
    padding: 0;
    border-bottom: none;
  }
}

.thanks-present__content-title span {
  font-size: 26px;
}

@media only screen and (max-width: 1024px) {
  .thanks-present__content-title span {
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-title span {
    text-align: center;
    font-size: 24px;
    padding: 0;
  }
}

.thanks-present__content-text__inner {
  padding: 15px;
  border-top: 1px #e60012 solid;
  border-bottom: 2px #e60012 solid;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-text__inner {
    padding: 15px 0 15px;
    margin: 10px 20px;
    border-bottom: 1px solid #e60012;
  }
}

.thanks-present__content-text__inner span {
  color: #000;
  font-size: 12px;
  display: inline-block;
  margin-top: 5px;
  line-height: 14px;
  font-weight: normal;
}

.thanks-present__content-text__inner__title {
  font-size: 18px;
  color: #e60012;
  font-weight: bold;
  line-height: 1.3;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-text__inner__title {
    font-size: 16px;
  }
  .thanks-present__content-text__inner__title p {
    line-height: 20px;
    text-align: center;
  }
}

.thanks-present__content-text__inner__note {
  font-size: 12px;
  color: #e60012;
  line-height: 16px;
  padding-top: 5px;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-text-items {
    position: relative;
    overflow: hidden;
  }
}

.thanks-present__content-text-items-list {
  float: left;
  padding-left: 20px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}

.thanks-present__content-text-items-list p {
  padding-top: 20px;
}

.thanks-present__content-text-items-list p:before {
  font-family: "myfont";
  content: "\EA13";
  color: #e60012;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-text-items-list {
    width: 100%;
    padding: 0 20px;
  }
  .thanks-present__content-text-items-list p {
    padding-top: 10px;
    margin: 0 10px;
    float: none;
  }
}

.thanks-present__content-text-items-summary {
  float: right;
  padding: 30px 20px 20px;
  margin-top: 10px;
  width: 120px;
  height: 120px;
  background-color: #fde0e0;
  border-radius: 60px;
  text-align: center;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-text-items-summary {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 40px);
    height: auto;
    padding: 10px 30px;
    border-radius: 10px;
    margin: 20px 20px 0 20px;
  }
}

.thanks-present__content-text-items-summary__01 {
  font-size: 14px;
  font-weight: bold;
  color: #e60012;
  border-bottom: 1px solid #e60012;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-text-items-summary__01 {
    border-bottom: none;
    border-right: 1px solid #e60012;
    padding-right: 30px;
    font-size: 16px;
  }
}

.thanks-present__content-text-items-summary__02 {
  font-size: 24px;
  font-weight: bold;
  color: #e60012;
  padding-top: 5px;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-text-items-summary__02 {
    font-size: 16px;
    padding-left: 30px;
  }
  .thanks-present__content-text-items-summary__02 br {
    display: none;
  }
}

.thanks-present__content-image__text {
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px;
}

.thanks-present__content-img img {
  float: right;
  width: 30%;
  margin-right: 10px;
  margin-top: 15px;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-img img {
    position: absolute;
    width: 30%;
    bottom: 60px;
    right: 10px;
  }
}

@media only screen and (max-width: 320px) {
  .thanks-present__content-img img {
    position: absolute;
    width: 20%;
    bottom: 75px;
    right: 10px;
  }
}

.thanks-present__content-menu {
  display: block;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-menu {
    display: none;
  }
}

.thanks-present__content-menu_Title {
  background: #e60012;
  color: #fff;
  padding: 8px 10px !important;
  margin-top: 25px;
  width: 130px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .thanks-present__content-menu_Title {
    margin: 10px auto 0;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-menu_Title {
    width: 100%;
  }
}

.thanks-present__content-menu_textTitle {
  font-weight: bold;
  padding: 10px 0px 0px !important;
  margin-top: 10px;
}

.thanks-present__content-menu_innertext {
  padding: 10px 0px 10px !important;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
}

.thanks-present__content-menu_note {
  font-size: 12px;
  padding-top: 10px;
}

.thanks-present__content-menu_sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-menu_sp {
    display: block;
    width: 90%;
    margin: 20px auto;
  }
}

.thanks-present__read {
  margin-bottom: 10px;
  text-align: center;
  font-size: 32px;
  line-height: 32px;
  color: #cd1414;
  font-weight: bold;
}

.thanks-present__read br {
  display: none;
}

@media only screen and (max-width: 768px) {
  .thanks-present__read br {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present__read {
    font-size: 30px;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-present__read {
    font-size: 30px;
  }
}

.thanks-present__content-text-items__title {
  font-size: 22px;
  color: #cd1414;
  padding-top: 15px;
  text-align: center;
  font-weight: bold;
}

.thanks-present__content-park-menu_Title {
  background: #e60012;
  color: #fff;
  padding: 8px 10px !important;
  margin-top: 10px;
  width: 200px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

@media only screen and (max-width: 1024px) {
  .thanks-present__content-park-menu_Title {
    margin: 10px auto 0;
  }
}

.thanks-present__content-park-menu_Title-note {
  font-size: 12px;
}

.thanks-present-anatoku__content-menu {
  padding: 5px 30px 30px;
}

.thanks-present__content-text__note {
  font-weight: bold;
  border: 1px solid #e60012;
  padding: 5px;
  font-size: 0.75em;
  display: block;
  margin-top: 20px;
  color: #e60012;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-text__note {
    font-size: 1em;
    text-align: center;
  }
}

.thanks-present__content-noteBox {
  position: absolute;
  bottom: 70px;
  background: #e60012;
  color: #fff;
  padding: 10px;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-noteBox {
    position: static;
    width: 90%;
    margin: 30px auto 0;
  }
}

.thanks-content {
  width: 100%;
}

@media only screen and (max-width: 599px) {
  .thanks-content {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
}

.thanks-content__title {
  background: #f6f5f5;
  border-top: 1px solid #ac1c4e;
  font-size: 18px;
  vertical-align: middle;
  padding: 20px 0px 20px 30px;
  font-weight: bold;
}

.thanks-content__text {
  padding: 20px 30px;
  font-size: 16px;
  line-height: 24px;
}

.thanks-present-03 {
  margin: 30px 30px 0;
  background: #fff;
  position: relative;
}

.thanks-present-03-number {
  font-size: 52px;
  color: #f6f5f5;
  position: absolute;
}

.thanks-present-03-number:after {
  font-family: "myfont";
  content: "\EA11";
  color: #cd1414;
  font-size: 110px;
  position: absolute;
  top: -10px;
  left: 0;
}

.thanks-present-03-number p {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 20px;
}

@media only screen and (max-width: 1024px) {
  .thanks-present-03-number {
    font-size: 38px;
  }
  .thanks-present-03-number:after {
    font-size: 80px;
    position: absolute;
    top: -10px;
    left: 0;
  }
  .thanks-present-03-number p {
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
  }
}

.thanks-present-03-title__sub {
  font-size: 20px;
  font-weight: bold;
  color: #e60012;
  padding-top: 30px;
  padding-left: 100px;
}

@media only screen and (max-width: 599px) {
  .thanks-present-03-title__sub {
    font-size: 15px;
    padding-top: 30px;
    padding-left: 60px;
  }
}

@media only screen and (max-width: 320px) {
  .thanks-present-03-title__sub {
    padding-right: 10px;
  }
}

.thanks-present-03-title__main {
  font-size: 38px;
  font-weight: bold;
  color: #e60012;
  padding-top: 10px;
  padding-left: 100px;
}

@media only screen and (max-width: 599px) {
  .thanks-present-03-title__main {
    font-size: 26px;
    padding-top: 10px;
    padding-left: 60px;
  }
}

@media only screen and (max-width: 320px) {
  .thanks-present-03-title__main {
    padding-right: 10px;
  }
}

.thanks-present-03__wrop {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 30px 30px;
}

@media only screen and (max-width: 599px) {
  .thanks-present-03__wrop {
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 320px) {
  .thanks-present-03__wrop {
    padding: 30px 20px;
  }
}

.thanks-present-03-items {
  width: calc((100% - 80px * (2 - 1)) / 2 - 0.1px);
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: 30px;
}

.thanks-present-03__wrop {
  margin-right: -20px;
  margin-left: -20px;
  margin-bottom: -30px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-03-items {
    width: calc((100% - 0px * (1 - 0)) / 1 - 0.1px);
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
  }
  .thanks-present-03__wrop {
    margin-right: -0px;
    margin-left: -0px;
    margin-bottom: -30px;
  }
}

.thanks-champaign__clear {
  clear: both;
}

.thanks-present-03-items_badge {
  position: relative;
  width: 66px;
  height: 66px;
  margin-left: -10px;
  background: #fde0e0;
  border-radius: 33px;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #e60012;
}

.thanks-present-03-items_image {
  margin-top: -50px;
  margin-bottom: 20px;
}

.thanks-present-03-items_image img {
  width: 100%;
}

.thanks-present-03-items_box {
  display: -webkit-box;
  display: flex;
  padding: 20 0px !important;
}

.thanks-present-03-items_box_number {
  width: 80px;
  background: #069646;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  padding: 5px 0px;
  height: 40px;
}

.thanks-present-03-items_box_titile {
  padding: 2px 0px 5px 15px;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
}

.thanks-present-03-items_box_note {
  padding-top: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
}

.thanks-present-04-title_sub {
  font-size: 20px;
  font-weight: bold;
  color: #e60012;
}

@media only screen and (max-width: 768px) {
  .thanks-present-04-title_sub {
    text-align: center;
  }
}

.thanks-present-04-content-title_main {
  font-size: 34px;
  font-weight: bold;
  color: #e60012;
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px #e60012 solid;
}

@media only screen and (max-width: 768px) {
  .thanks-present-04-content-title_main {
    text-align: center;
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-present-04-content-title_main {
    width: calc(100% - 20px);
    font-size: 24px;
    margin: 0 10px;
  }
}

.thanks-present-04-content-title_note {
  padding-top: 20px;
  font-size: 12px;
  line-height: 20px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-04-content-title_note {
    width: calc(100% - 60px);
    margin: 0 30px;
  }
}

.thanks-present__content__box__04 {
  padding: 50px 0 50px;
  display: -webkit-box;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .thanks-present__content__box__04 {
    display: block;
    padding: 30px 0 30px;
  }
}

.thanks-present__content-number__04 {
  font-size: 52px;
  color: #f6f5f5;
  position: absolute;
}

.thanks-present__content-number__04:after {
  font-family: "myfont";
  content: "\EA11";
  color: #cd1414;
  font-size: 110px;
  position: absolute;
  top: 20px;
  left: 0;
}

.thanks-present__content-number__04 p {
  position: absolute;
  z-index: 1;
  top: 38px;
  left: 12px;
}

@media only screen and (max-width: 1024px) {
  .thanks-present__content-number__04 {
    font-size: 38px;
  }
  .thanks-present__content-number__04:after {
    font-size: 80px;
    top: 20px;
    left: 0;
  }
  .thanks-present__content-number__04 p {
    top: 38px;
    left: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present__content-number__04 {
    font-size: 30px;
  }
  .thanks-present__content-number__04:after {
    font-size: 80px;
    top: 20px;
    left: 0;
  }
  .thanks-present__content-number__04 p {
    top: 34px;
    left: 6px;
  }
}

.thanks-present-colum__lead {
  text-align: center;
}

.thanks-present-colum__wrop {
  margin: 20px;
  margin-bottom: 50px;
  border: 5px #e3dfd5 solid;
  background: #fff;
}

@media only screen and (max-width: 599px) {
  .thanks-present-colum__wrop {
    margin: 20px 0 30px;
  }
}

.thanks-present-colum__top {
  display: -webkit-box;
  display: flex;
  margin: 0px 30px 20px;
  padding-top: 50px;
  position: relative;
}

@media only screen and (max-width: 1250px) {
  .thanks-present-colum__top {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum__top {
    display: block;
  }
}

.thanks-present-colum-box__title {
  font-size: 36px;
  font-weight: bold;
  color: #cd1414;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-box__title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-present-colum-box__title {
    font-size: 26px;
    line-height: 30px;
  }
}

.thanks-present-colum-box__inner {
  padding: 10px 0;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  border-top: solid #cd1414 1px;
  border-bottom: solid #cd1414 1px;
}

.thanks-present-colum-box__title-text {
  font-size: 20px;
  font-weight: bold;
  color: #cd1414;
}

@media only screen and (max-width: 599px) {
  .thanks-present-colum-box__title-text {
    font-size: 16px;
    padding-top: 10px;
    vertical-align: middle;
  }
}

.thanks-present-colum-box__title-note {
  background: #ee8600;
  width: 180px;
  vertical-align: middle;
  padding: 5px 0;
  margin-left: 20px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}

@media only screen and (max-width: 599px) {
  .thanks-present-colum-box__title-note {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    padding: 6px 8px 6px;
    margin-left: 10px;
    line-height: 22px;
  }
}

.thanks-present-colum-items-summary {
  padding: 30px 20px 20px;
  margin-top: 10px;
  width: 120px;
  height: 120px;
  background-color: #fde0e0;
  border-radius: 60px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: -20px;
  right: 10px;
}

@media only screen and (max-width: 1250px) {
  .thanks-present-colum-items-summary {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 10px 30px;
    border-radius: 10px;
    margin: 20px 0px 0 0px;
    position: static;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-items-summary {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 10px 30px;
    border-radius: 10px;
    margin: 20px 0px 0 0px;
    position: static;
  }
}

.thanks-present-colum-items-summary__01 {
  font-size: 16px;
  font-weight: bold;
  color: #e60012;
  border-bottom: 1px solid #e60012;
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-items-summary__01 {
    border-bottom: none;
    border-right: 1px solid #e60012;
    padding-right: 30px;
    font-size: 16px;
  }
}

.thanks-present-colum-items-summary__02 {
  font-size: 24px;
  font-weight: bold;
  color: #e60012;
  margin-top: 5px;
}

@media only screen and (max-width: 1250px) {
  .thanks-present-colum-items-summary__02 br {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-items-summary__02 {
    font-size: 16px;
    padding-left: 30px;
  }
  .thanks-present-colum-items-summary__02 br {
    display: none;
  }
}

.thanks-present-colum__under {
  padding: 5px 30px 50px;
  border-bottom: 1px solid #f6f5f5;
  display: -webkit-box;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum__under {
    display: block;
    margin: 0 auto;
    padding: 0px 0px 30px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 599px) {
  .thanks-present-colum__under {
    padding: 0px 0px 20px;
  }
}

.thanks-present-colum-image {
  width: 240px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-image {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 90%;
  }
}

.thanks-present-colum-text {
  margin-left: 30px;
  width: 460px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-text {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-present-colum-text {
    width: 100%;
    padding: 15px;
  }
}

.thanks-present-colum-text {
  font-size: 13px;
  line-height: 20px;
  padding-top: 5px;
}

.thanks-present-colum-text__area {
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}

.thanks-present-colum-text__area p:before {
  font-family: "myfont";
  content: "\EA13";
  color: #e60012;
  font-size: 0.8em;
}

.thanks-present-colum-syogi-text-items {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  border-top: 1px solid #e60012;
  border-bottom: 1px solid #e60012;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}

.thanks-present-colum-syogi-text-items p {
  padding-right: 20px;
}

.thanks-present-colum-syogi-text-items p:before {
  font-family: "myfont";
  content: "\EA13";
  color: #e60012;
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-syogi-text-items p {
    padding-bottom: 10px;
    padding-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-syogi-text-items {
    font-size: 1.1em;
    display: block;
  }
}

.thanks-present-colum-syogi-items-summary {
  padding: 50px 20px;
  margin-top: 10px;
  width: 140px;
  height: 140px;
  background-color: #fde0e0;
  border-radius: 70px;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 20px;
  right: 10px;
}

@media only screen and (max-width: 1250px) {
  .thanks-present-colum-syogi-items-summary {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 10px 30px;
    border-radius: 10px;
    margin: 20px 0px 0 0px;
    position: static;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-syogi-items-summary {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 10px 30px;
    border-radius: 10px;
    margin: 20px 0px 0 0px;
    position: static;
  }
}

.thanks-present-colum-syogi-items-summary__01 {
  font-size: 16px;
  font-weight: bold;
  color: #e60012;
  border-bottom: 1px solid #e60012;
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-syogi-items-summary__01 {
    border-bottom: none;
    border-right: 1px solid #e60012;
    padding-right: 30px;
    font-size: 16px;
  }
}

.thanks-present-colum-syogi-items-summary__02 {
  font-size: 24px;
  font-weight: bold;
  color: #e60012;
  margin-top: 5px;
}

@media only screen and (max-width: 1250px) {
  .thanks-present-colum-syogi-items-summary__02 br {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-syogi-items-summary__02 {
    font-size: 16px;
    padding-left: 30px;
  }
  .thanks-present-colum-syogi-items-summary__02 br {
    display: none;
  }
}

.thanks-form {
  margin: 40px 0;
  display: flex;
  justify-content: center;
}

.thanks-form__inner {
  width: 600px;
  background: #cd1414;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}

@media only screen and (max-width: 1024px) {
  .thanks-form__inner {
    padding: 15px 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-form__inner {
    width: 100%;
  }
}

.thanks-form__button {
  margin-bottom: 40px;
}

.thanks-form__button:last-child {
  margin-bottom: 0;
}

.thanks-form__button a {
  display: block;
  text-align: center;
  padding: 25px 10px;
  font-size: 22px;
  color: #fff;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .thanks-form__button a {
    padding: 20px 10px;
    font-size: 24px;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-form__button a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 320px) {
  .thanks-form__button a {
    font-size: 16px;
  }
}

.thanks-form__button a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.thanks-form__button a:after {
  content: '\EA12';
  font-family: 'myfont';
  font-size: 1.2em;
  position: absolute;
  right: 40px;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all .3s;
}

@media only screen and (max-width: 1024px) {
  .thanks-form__button a:after {
    font-size: 1empx;
  }
}

.thanks-form__button a:hover:after {
  right: 40px;
}

@media only screen and (max-width: 599px) {
  .thanks-form__button a:after {
    right: 20px;
    top: 50%;
  }
  .thanks-form__button a:hover:after {
    right: 20px;
  }
}

@media only screen and (max-width: 320px) {
  .thanks-form__button a:after {
    right: 10px;
    top: 50%;
  }
  .thanks-form__button a:hover:after {
    right: 10px;
  }
}

.thanks-form__subText {
  display: block;
  margin-top: 10px;
  line-height: 1.3;
  color: #000;
}

@media only screen and (max-width: 1024px) {
  .thanks-form__subText {
    font-size: 12px;
  }
}

.thanks-form_clear {
  margin: 0px 0 40px !important;
}

@media only screen and (max-width: 599px) {
  .thanks-form__topbuttun {
    margin: 30px 15px;
  }
}

.thanks-contact {
  background: #ac2454;
  padding: 50px 30px;
  margin-top: 30px;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact {
    padding: 30px 20px 15px;
  }
}

.thanks-contact__items {
  display: -webkit-box;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__items {
    flex-direction: column;
  }
}

.thanks-contact__title {
  font-size: 26px;
  color: #fff;
  text-align: center;
  padding: 20px 30px;
  border: 2px solid #fff;
  margin-right: 20px;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__title {
    font-size: 20px;
    width: 90%;
    margin: 0 0 20px 0;
    padding: 15px 0;
    border: 1px solid #fff;
  }
}

.thanks-contact__detail {
  display: -webkit-box;
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__detail {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

.thanks-contact__detail span {
  color: #fff;
}

.thanks-contact__tel {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
}

.thanks-contact__tel span {
  color: #fff;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__tel {
    display: block;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
  }
}

.thanks-contact__number {
  font-size: 36px;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__number {
    font-size: 32px;
    margin-top: 3px;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 599px) {
  .thanks-contact__number {
    padding: 0;
  }
}

.thanks-contact__number a {
  display: block;
  color: #fff;
  font-weight: bold;
  letter-spacing: 3px;
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__number a {
    pointer-events: auto;
  }
}

.thanks-contact__number a:hover {
  text-decoration: none;
}

.thanks-contact__time {
  color: #fff;
  line-height: 1.4;
  margin-left: 20px;
  position: absolute;
  right: -110px;
  bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__time {
    margin-left: 0;
    margin-top: 14px;
    position: static;
  }
}

.thanks-contact__list {
  display: -webkit-box;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__list {
    padding: 15px 0;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-contact__list {
    display: block;
  }
}

.thanks-contact__subText {
  font-size: 18px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__subText {
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-contact__subText {
    font-size: 14px;
  }
}

.thanks-contact__note {
  padding-left: 20px;
  padding-top: 20px;
  line-height: 26px;
  letter-spacing: 0.1em;
}

.thanks-button {
  margin-top: 70px;
  background: linear-gradient(90deg, #52b06b, #227838);
  box-shadow: 0 7px 0 0 #d6d6d6;
  position: relative;
}

.thanks-button:hover {
  transition: all 0.2s;
  box-shadow: none;
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
}

.thanks-button_text {
  text-align: center;
  font-size: 28px;
  padding: 40px 30px;
}

.thanks-button_text p {
  color: #fff !important;
}

.thanks-button_text:hover {
  opacity: 0.8;
  border-bottom: none;
}

.thanks-button_text a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 599px) {
  .thanks-button_text {
    padding: 20px 15px;
  }
}

.thanks-button_text__lead {
  position: absolute;
  right: 30px;
  bottom: 20px;
  color: #fff;
  font-size: 12px;
}

@media only screen and (max-width: 599px) {
  .thanks-button_text__lead {
    position: static;
    padding-top: 10px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-page_layout {
    width: 100% !important;
    padding: 0 !important;
  }
}

@media only screen and (max-width: 320px) {
  .thanks-page_layout__top {
    width: 100% !important;
    padding: 0 !important;
  }
}

@media only screen and (max-width: 1024px) {
  .thanks-page_layout_under {
    padding: 0 15px;
  }
}

.page_layout__text {
  text-align: center;
  margin: 10px 0;
  font-size: 12px;
  letter-spacing: 0.2em;
}

.thanks-registration {
  margin-top: 30px;
  background: linear-gradient(90deg, #125cab, #0e4788);
  box-shadow: 0 7px 0 0 #d6d6d6;
  position: relative;
  color: #fff;
}

.thanks-registration:hover {
  transition: all 0.2s;
  box-shadow: none;
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
}

.thanks-registration__button:hover {
  text-decoration: none;
  opacity: 0.8;
  border-bottom: none;
}

.thanks-registration__button a:hover {
  text-decoration: none;
}

.thanks-registration_text__box {
  margin: 0 auto;
  color: #fff;
}

.thanks-registration_text {
  display: -webkit-box;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 599px) {
  .thanks-registration_text {
    display: block;
  }
}

.thanks-registration_title {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.thanks-registration_text__box__top {
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 599px) {
  .thanks-registration_text__box__top {
    padding-top: 20px;
  }
}

.thanks-registration_title__company {
  font-size: 32px;
  padding-top: 10px;
}

.thanks-registration_title__box {
  font-size: 20px;
  margin-top: 10px;
  margin-left: 30px;
  padding: 10px;
  background: #012b65;
  border-radius: 5px;
}

.thanks-registratio_buttun_text__lead {
  position: absolute;
  right: 30px;
  bottom: 20px;
  color: #fff;
  font-size: 12px;
}

@media only screen and (max-width: 599px) {
  .thanks-registratio_buttun_text__lead {
    position: static;
    padding-top: 10px;
    text-align: center;
    padding-bottom: 30px;
  }
}

.thanks-registration_text__image {
  padding: 20px 0px 0 60px;
}

@media only screen and (max-width: 599px) {
  .thanks-registration_text__image {
    padding: 20px 0 0 30px;
  }
  .thanks-registration_text__image img {
    text-align: center;
    width: 80%;
  }
}

.thanks-finish {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(170, 160, 155, 0.95);
  border-radius: 20px;
  z-index: 100;
  width: calc(100% - 120px);
  height: 190px;
  padding: 0 25px;
}

.thanks-finish p {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 1024px) {
  .thanks-finish {
    top: 30%;
    width: calc(100% - 80px);
    height: 45%;
  }
  .thanks-finish.is-set {
    height: 80%;
    top: 10%;
  }
  .thanks-finish p {
    font-size: 22px;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-finish {
    top: 64%;
    width: calc(100% - 80px);
    height: 25%;
  }
  .thanks-finish p {
    font-size: 22px;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-finish {
    width: calc(100% - 60px);
    top: 60%;
    height: 35%;
  }
  .thanks-finish p {
    font-size: 20px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 320px) {
  .thanks-finish {
    width: calc(100% - 60px);
    top: 52%;
    height: 44%;
  }
  .thanks-finish p {
    font-size: 17px;
  }
}

.thanks-present-rugby__content__wrop {
  width: 100%;
  border: 5px solid #cd1414;
  margin-bottom: 60px;
  padding: 35px 65px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content__wrop {
    padding: 20px 10px;
  }
}

.thanks-present-rugby {
  width: 100%;
  background: #f6f5f5;
  padding-bottom: 10px;
}

.thanks-present-rugby_title {
  text-align: center;
  padding-top: 30px;
}

.thanks-present-rugby__content {
  margin: 30px 30px 30px;
  padding-bottom: 30px;
  background: #fff;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content {
    margin: 10px;
    padding-bottom: 1px;
  }
}

.thanks-present-rugby__content-number {
  font-size: 52px;
  color: #f6f5f5;
  position: absolute;
}

.thanks-present-rugby__content-number:after {
  font-family: "myfont";
  content: "\EA11";
  color: #cd1414;
  font-size: 110px;
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 0;
}

.thanks-present-rugby__content-number p {
  position: absolute;
  z-index: 3;
  top: 8px;
  left: 12px;
}

@media only screen and (max-width: 1024px) {
  .thanks-present-rugby__content-number {
    font-size: 38px;
  }
  .thanks-present-rugby__content-number:after {
    font-size: 80px;
    position: absolute;
    z-index: 2;
    top: -10px;
    left: 0;
  }
  .thanks-present-rugby__content-number p {
    top: 8px;
    left: 8px;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content-number {
    font-size: 30px;
  }
  .thanks-present-rugby__content-number:after {
    font-size: 80px;
    top: -10px;
    left: 0;
  }
  .thanks-present-rugby__content-number p {
    top: 4px;
    left: 6px;
  }
}

.thanks-present-rugby__content__box {
  padding: 10px 0 5px;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content__box {
    display: block;
    padding: 20px 0 0px;
  }
}

.thanks-present-rugby__content-image {
  margin-right: 20px;
  position: relative;
  z-index: 1;
}

.thanks-present-rugby__content-image img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content-image {
    width: 100%;
    text-align: center;
    padding: 20px;
    margin: 0;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-present-rugby__content-image {
    padding: 0 20px 20px;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content__inner {
    width: 100%;
  }
}

.thanks-present-rugby__content-title {
  font-size: 30px;
  color: #e60012;
  font-weight: bold;
  line-height: 40px;
  font-feature-settings: "palt";
}

@media only screen and (max-width: 1024px) {
  .thanks-present-rugby__content-title {
    font-size: 28px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content-title {
    text-align: center;
    font-size: 24px;
    padding: 0;
  }
}

.thanks-present-rugby__content-text__inner {
  padding: 15px;
  border-top: 1px #e60012 solid;
  border-bottom: 1px #e60012 solid;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content-text__inner {
    padding: 15px 0 15px;
    margin: 10px 20px;
  }
}

.thanks-present-rugby__content-text__inner span {
  color: #000;
  font-size: 12px;
  display: inline-block;
  margin-top: 5px;
  line-height: 14px;
  font-weight: normal;
}

.thanks-present-rugby__content-text__inner__title {
  font-size: 18px;
  color: #e60012;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content-text__inner__title {
    font-size: 16px;
  }
  .thanks-present-rugby__content-text__inner__title p {
    line-height: 20px;
    text-align: center;
  }
}

.thanks-present-rugby__content-text__inner__note {
  font-size: 12px;
  color: #e60012;
  line-height: 16px;
  padding-top: 5px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content-text-items {
    position: relative;
    overflow: hidden;
  }
}

.thanks-present-rugby__content-text-items-list {
  width: 300px;
  padding-left: 20px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  width: 100%;
}

.thanks-present-rugby__content-text-items-list p {
  padding-top: 10px;
}

.thanks-present-rugby__content-text-items-list p:before {
  font-family: "myfont";
  content: "\EA13";
  color: #e60012;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content-text-items-list {
    width: 100%;
    padding: 0 20px;
  }
  .thanks-present-rugby__content-text-items-list p {
    padding-top: 5px;
    margin: 0 10px;
    float: none;
  }
}

.thanks-present-rugby_items {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
  justify-content: center;
  padding-top: 20px;
  border-bottom: 1px solid #f6f5f5;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby_items {
    display: block;
    width: calc(100% - 40px);
    margin: 10px 20px 0 20px;
    padding-bottom: 30px;
  }
}

.thanks-present-rugby_items__inner {
  border: 1px solid #e60012;
}

@media only screen and (min-width: 769px) {
  .thanks-present-rugby_items__inner {
    width: calc((100% - 15px * (3 - 1)) / 3 - 0.1px);
    margin-right: 15px;
    margin-top: 0px;
  }
  .thanks-present-rugby_items__inner:nth-child(3n + 0) {
    margin-right: 0;
  }
  .thanks-present-rugby_items__inner:nth-child(1) {
    margin-top: 0;
  }
  .thanks-present-rugby_items__inner:nth-child(2) {
    margin-top: 0;
  }
  .thanks-present-rugby_items__inner:nth-child(3) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby_items__inner {
    width: 100%;
    width: calc((100% - 0px * (1 - 1)) / 1 - 0.1px);
    margin-right: 0px;
    margin-top: 20px;
  }
  .thanks-present-rugby_items__inner:nth-child(1n + 0) {
    margin-right: 0;
  }
  .thanks-present-rugby_items__inner:nth-child(1) {
    margin-top: 0;
  }
}

.thanks-present-rugby_items__inner:last-child {
  margin-left: none !important;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby_items__inner {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.thanks-present-rugby_items-title {
  background: #e60012;
  color: #fff;
  padding: 8px 10px !important;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby_items-title {
    width: 100%;
  }
}

.thanks-present-rugby_items-time {
  font-weight: bold;
  font-size: 1.2em;
  line-height: normal;
  text-align: center;
}

.thanks-present-rugby_items-summary {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  margin: 10px 5px 20px;
  background: #fde0e0;
  border-radius: 1.5em;
  padding: 10px 20px;
}

.thanks-present-rugby_items-summary__01 {
  color: #e60012;
  font-weight: bold;
  font-size: 1.1em;
  margin-right: 5px;
  padding-right: 5px;
}

.thanks-present-rugby_items-summary__02 {
  color: #e60012;
  font-weight: bold;
  font-size: 1.1em;
}

.thanks-present-rugby_items-note {
  font-size: 12px;
  width: 100%;
  padding-top: 10px;
  line-height: 1.5;
}

.thanks-present-rugby__content-logo {
  padding: 0 0 40px 60px;
  width: 270px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .thanks-present-rugby__content-logo {
    padding: 0;
    margin: 0 auto;
  }
}

.thanks-present-rugby_items-note-logo {
  text-align: right;
  font-size: 0.9em;
}

.thanks-set__title {
  padding-top: 30px;
  text-align: center;
}

.thanks-set__title p {
  font-size: 34px;
  color: #e60012;
  font-weight: bold;
  line-height: 48px;
  font-feature-settings: "palt";
}

@media only screen and (max-width: 768px) {
  .thanks-set__title {
    padding-top: 0;
  }
}

.thanks-set__inner {
  display: -webkit-box;
  display: flex;
  padding: 20px 0 30px;
  border-bottom: 1px solid #f6f5f5;
  width: 90%;
  margin: 0 auto;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .thanks-set__inner {
    display: block;
    width: 100%;
  }
}

.thanks-set-Seaweed {
  margin-right: 10px;
  border: 5px solid #e3dfd5;
  padding: 20px;
}

@media only screen and (max-width: 768px) {
  .thanks-set-Seaweed {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}

.thanks-set-title {
  font-size: 26px;
  color: #e60012;
  font-weight: bold;
  line-height: 36px;
  font-feature-settings: "palt";
  padding-bottom: 10px;
  border-bottom: 1px solid #e60012;
  margin-bottom: 20px;
}

.thanks-set-title img {
  width: 60%;
}

.thanks-set-content {
  display: -webkit-box;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.thanks-set-items {
  padding: 10px 0 10px 20px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}

.thanks-set-items p:before {
  font-family: "myfont";
  content: "\EA13";
  color: #e60012;
}

.thanks-set-image {
  width: 42%;
}

.thanks-set-sub-items {
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}

.thanks-set-sub-items p {
  padding-right: 20px;
}

.thanks-set-sub-items p:before {
  font-family: "myfont";
  content: "\EA13";
  color: #e60012;
}

.thanks-set-summary {
  background: #fde0e0;
  border-radius: 10px;
  text-align: center;
}

.thanks-set-summary p {
  color: #e60012;
  padding: 10px;
  font-weight: bold;
  font-size: 1.2em;
}

.thanks-set-box-title {
  background: #e60012;
  margin-top: 10px;
  width: 120px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}

.thanks-set-box-text {
  padding-top: 10px;
  font-size: 1em;
  line-height: 1.4;
}

.thanks-set-title-text {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}

.thanks-set-Jibie {
  margin-left: 10px;
  border: 5px solid #e3dfd5;
  padding: 20px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .thanks-set-Jibie {
    margin-left: 0;
    margin-bottom: 20px;
  }
}

.thanks-set-grandmother {
  margin-top: 10px;
  margin-left: 10px;
  border: 5px solid #e3dfd5;
  padding: 20px;
}

@media only screen and (max-width: 768px) {
  .thanks-set-grandmother {
    margin-left: 0;
    margin-bottom: 20px;
  }
}

.thanks-present-anatoku_items {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #f6f5f5;
}

@media only screen and (max-width: 768px) {
  .thanks-present-anatoku_items {
    display: block;
    width: calc(100% - 40px);
    margin: 10px 20px 0 20px;
    padding-bottom: 30px;
  }
}

.thanks-present-anatoku_items__inner {
  border: 1px solid #e60012;
  margin-right: 15px;
}

.thanks-present-anatoku_items__inner:last-child {
  margin-right: none !important;
}

@media only screen and (max-width: 768px) {
  .thanks-present-anatoku_items__inner {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

.thanks-present-anatoku_items-title {
  background: #e60012;
  color: #fff;
  padding: 8px 10px !important;
  width: 230px;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .thanks-present-anatoku_items-title {
    width: 100%;
  }
}

.thanks-present-anatoku_items-time {
  font-size: 0.9em;
  line-height: normal;
  text-align: left;
  padding: 5px;
}

.thanks-present-anatoku_items-summary {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  margin: 10px 5px 20px;
  background: #fde0e0;
  border-radius: 1.5em;
  padding: 10px 20px;
}

.thanks-present-anatoku_items-summary__01 {
  color: #e60012;
  font-weight: bold;
  font-size: 0.8em;
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #e60012;
}

.thanks-present-anatoku_items-summary__02 {
  color: #e60012;
  font-weight: bold;
  font-size: 1.1em;
}

.thanks-present-anatoku_items-note {
  font-size: 12px;
  width: 85%;
  padding-top: 10px;
  line-height: 1.5;
}

.thanks-present-anatoku__content-menu_Title {
  font-size: 1.2em;
  margin-left: 60px;
  font-weight: bold;
  background: #e60012;
  color: #fff;
  width: 120px;
  padding: 10px;
  text-align: center;
}

.thanks-present-colum-anatoku-image {
  position: absolute;
  margin: 0 auto;
  top: 25px;
  right: 180px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-anatoku-image img {
    width: 80%;
  }
}

@media only screen and (max-width: 1024px) {
  .thanks-present-colum-anatoku-image {
    right: -35px;
    top: 110px;
  }
}

.thanks-present-anatoku__read {
  margin-bottom: 10px;
  text-align: center;
  font-size: 34px;
  line-height: 32px;
  color: #cd1414;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .thanks-present-anatoku__read {
    font-size: 26px;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-present-anatoku__read {
    font-size: 26px;
  }
}

.thanks-present-colum-anatoku__under {
  display: -webkit-box;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .thanks-present-colum-anatoku__under {
    display: block;
    margin: 0 auto;
    padding: 0px 0px 30px;
  }
}

@media only screen and (max-width: 768px) and (max-width: 599px) {
  .thanks-present-colum-anatoku__under {
    padding: 0px 0px 20px;
  }
}

.thanks-present-Literary {
  display: -webkit-box;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .thanks-present-Literary {
    display: block;
  }
}

.thanks-present-Literary-colum__top {
  border-top: 1px solid #F6F5F5;
  margin: 40px 60px 0px;
  padding-bottom: 30px;
  padding-top: 30px;
  background: #fff;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .thanks-present-Literary-colum__top {
    margin: 30px 15px;
  }
}

.thanks-present-Literary-colum__under {
  margin: 00px 30px 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .thanks-present-Literary-colum__under {
    margin: 0;
  }
}

.thanks-present-Literary__read {
  font-size: 34px;
  color: #e60012;
  font-weight: bold;
  line-height: 48px;
  font-feature-settings: "palt";
  padding-bottom: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #e60012;
}

.thanks-present-Literary-colum-text-items {
  padding: 15px;
  border-top: 1px #e60012 solid;
  border-bottom: 2px #e60012 solid;
  font-size: 18px;
  color: #e60012;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .thanks-present-Literary-colum-text-items {
    padding: 15px 0;
  }
}

.thanks-present-Literary-colum-text-list {
  padding-left: 20px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}

.thanks-present-Literary-colum-text-list p {
  padding-top: 20px;
}

.thanks-present-Literary-colum-text-list p:before {
  font-family: "myfont";
  content: "\EA13";
  color: #e60012;
}

@media only screen and (max-width: 768px) {
  .thanks-present-Literary-colum-text-list {
    width: 100%;
    padding: 0 0px;
  }
  .thanks-present-Literary-colum-text-list p {
    padding-top: 10px;
    margin: 0 10px;
    float: none;
  }
}

.thanks-present-Literary-colum-items-summary {
  background: #fde0e0;
  border-radius: 10px;
  text-align: center;
  margin-top: 10px;
}

.thanks-present-Literary-colum-items-summary p {
  color: #e60012;
  padding: 10px;
  font-weight: bold;
  font-size: 1.2em;
}

.thanks-present-Literary-colum__under {
  width: 60%;
  padding: 20px 0 0 20px;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .thanks-present-Literary-colum__under {
    width: 100%;
    padding: 20px 0 0 0px;
  }
}

.thanks-textBox {
  margin: 60px 0;
  width: 100%;
  background: #ffebeb;
  padding: 40px;
  letter-spacing: 0.1em;
}

@media only screen and (max-width: 768px) {
  .thanks-textBox {
    padding: 30px 15px;
  }
}

.thanks-textBox .thanks-textBox-title {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  color: #e60012;
}

@media only screen and (max-width: 768px) {
  .thanks-textBox .thanks-textBox-title {
    font-size: 16px;
  }
}

.thanks-textBox .thanks-textBox-text {
  font-size: 1.1em;
  background: #fff;
  margin-top: 20px;
  line-height: 1.5;
  padding: 30px 50px;
}

@media only screen and (max-width: 768px) {
  .thanks-textBox .thanks-textBox-text {
    padding: 30px 15px;
    font-size: 1em;
  }
}

.congrats-contents {
  position: relative;
}

.congrats-contents .congrats-contents__inner {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .congrats-contents .congrats-contents__inner {
    padding: 40px 15px;
  }
}

.congrats-contents .congrats-contents__bgImage {
  display: none;
}

@media only screen and (max-width: 768px) {
  .congrats-contents .congrats-contents__bgImage {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .congrats-contents .congrats-contents__bgImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit:cover;";
  }
}

.congrats-body .congrats-body__present {
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .congrats-body .congrats-body__present img {
    width: 90%;
    margin: auto;
  }
}

.congrats-detail {
  margin-top: 40px;
}

@media only screen and (max-width: 1024px) {
  .congrats-detail {
    margin-top: 30px;
  }
}

.congrats-detail__title {
  background: #EB6D8E;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 1024px) {
  .congrats-detail__title {
    padding: 15px 0;
    margin-bottom: 20px;
  }
}

.congrats-detail__title h3 {
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
}

@media only screen and (max-width: 1024px) {
  .congrats-detail__title h3 {
    font-size: 16px;
    line-height: 1.4;
  }
}

.congrats-detail__items {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .congrats-detail__items {
    flex-direction: column;
    justify-content: center;
  }
}

.congrats-detail__item:nth-child(1) {
  width: 300px;
  margin-right: 20px;
}

@media only screen and (max-width: 1024px) {
  .congrats-detail__item:nth-child(1) {
    width: 100%;
    margin-right: 0;
  }
}

.congrats-detail__item:nth-child(2) {
  flex: 1;
}

.congrats-detail__item dl {
  background: #45B035;
  padding: 3px;
}

.congrats-detail__item dl dt {
  color: #fff;
  font-size: 24px;
  text-align: center;
  padding: 8px 0 10px;
}

@media only screen and (max-width: 1024px) {
  .congrats-detail__item dl dt {
    font-size: 18px;
  }
}

.congrats-detail__item dl dd {
  font-size: 18px;
  background: #fff;
  color: #45B035;
  padding: 5px 8px;
  line-height: 1.6;
}

@media only screen and (max-width: 1024px) {
  .congrats-detail__item dl dd {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .congrats-detail__list {
    margin-top: 20px;
  }
}

.congrats-detail__list li {
  font-size: 14px;
  line-height: 1.4;
  position: relative;
  padding-left: 10px;
  margin-bottom: 10px;
}

.congrats-detail__list li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .congrats-detail__list li {
    font-size: 13px;
    margin-bottom: 5px;
  }
}

.congrats-detail__list li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #2f2f2f;
}

.admmission-attension {
  background: #eee;
  padding: 8px 10px;
  margin-top: 20px;
  font-size: 14px;
}

@media only screen and (max-width: 1024px) {
  .admmission-attension {
    font-size: 12px;
  }
}

.admmission-attension p {
  margin-top: 5px;
  line-height: 1.5;
}

.congrats-contact {
  background: #EB6D8E;
  padding: 26px 20px;
  margin-top: 30px;
}

@media only screen and (max-width: 1024px) {
  .congrats-contact {
    padding: 15px 20px;
  }
}

.congrats-contact__items {
  display: -webkit-box;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .congrats-contact__items {
    flex-direction: column;
  }
}

.congrats-contact__title {
  font-size: 26px;
  color: #fff;
  text-align: center;
  padding: 20px 10px;
  border: 2px solid #fff;
  margin-right: 20px;
}

@media only screen and (max-width: 1024px) {
  .congrats-contact__title {
    font-size: 20px;
    width: 100%;
    margin: 0 0 15px 0;
    padding: 12px 0;
  }
}

.congrats-contact__detail {
  display: -webkit-box;
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width: 1024px) {
  .congrats-contact__detail {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

.congrats-contact__detail span {
  color: #fff;
}

.congrats-contact__tel {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
}

.congrats-contact__tel span {
  color: #fff;
}

.congrats-contact__number {
  font-size: 45px;
}

@media only screen and (max-width: 1024px) {
  .congrats-contact__number {
    font-size: 26px;
    margin-top: 3px;
  }
}

.congrats-contact__number a {
  display: block;
  color: #fff;
  font-weight: bold;
  letter-spacing: 3px;
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  .congrats-contact__number a {
    pointer-events: auto;
  }
}

.congrats-contact__number a:hover {
  text-decoration: none;
}

.congrats-contact__time {
  color: #fff;
  line-height: 1.4;
  margin-left: 20px;
}

@media only screen and (max-width: 1024px) {
  .congrats-contact__time {
    margin-left: 0;
    margin-top: 3px;
  }
}

.congrats-form {
  margin-top: 40px;
}

.congrats-form__title {
  background: #EB6D8E;
  text-align: center;
  padding: 20px 0;
  margin-bottom: 30px;
  border-radius: 30px;
}

@media only screen and (max-width: 1024px) {
  .congrats-form__title {
    padding: 15px 0;
    margin-bottom: 20px;
  }
}

.congrats-form__title h3 {
  position: relative;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
}

@media only screen and (max-width: 1024px) {
  .congrats-form__title h3 {
    font-size: 18px;
  }
}

.congrats-form__title h3:before, .congrats-form__title h3:after {
  content: '';
  width: 20px;
  height: 20px;
  margin: 0 4px;
  background: url(../../campaign/congrats/img/icon_title01.png) no-repeat center;
  background-size: cover;
}

.congrats-form__button {
  margin: 0 auto 20px;
}

.congrats-form__button:last-child {
  margin-bottom: 0;
}

.congrats-form__button a {
  max-width: 350px;
  margin: auto;
  display: block;
  text-align: center;
  padding: 25px 10px;
  font-size: 22px !important;
  color: #fff;
  position: relative;
}

.congrats-form__button a.is-orange {
  background: #f07400;
}

.congrats-form__button a.is-green {
  background: #40b12b;
}

@media only screen and (max-width: 1024px) {
  .congrats-form__button a {
    padding: 20px 10px;
    font-size: 18px !important;
  }
}

.congrats-form__button a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.congrats-form__button a:after {
  content: '\EA07';
  font-family: 'myfont';
  font-size: 18px;
  position: absolute;
  right: 15px;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all .3s;
}

@media only screen and (max-width: 1024px) {
  .congrats-form__button a:after {
    font-size: 16px;
  }
}

.congrats-form__button a:hover:after {
  right: 12px;
}

.congrats-form__subText {
  display: block;
  margin-top: 10px;
  line-height: 1.3;
  color: #000;
}

@media only screen and (max-width: 1024px) {
  .congrats-form__subText {
    font-size: 12px;
  }
}

.cashless-content {
  width: 100%;
}

@media only screen and (max-width: 599px) {
  .cashless-content {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
}

.cashless-content__title {
  background: #00a672;
  border-top: 2px solid #007852;
  font-size: 1.4em;
  vertical-align: middle;
  padding: 20px 0px 20px 30px;
  color: #fff;
  letter-spacing: 0.1em;
}

.cashless-content__text {
  padding: 20px 30px;
  font-size: 16px;
  line-height: 24px;
}

.thanks-contact {
  background: #ac2454;
  padding: 50px 30px;
  margin-top: 30px;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact {
    padding: 30px 20px 15px;
  }
}

.thanks-contact__items {
  display: -webkit-box;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__items {
    flex-direction: column;
  }
}

.thanks-contact__title {
  font-size: 26px;
  color: #fff;
  text-align: center;
  padding: 20px 30px;
  border: 2px solid #fff;
  margin-right: 20px;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__title {
    font-size: 20px;
    width: 90%;
    margin: 0 0 20px 0;
    padding: 15px 0;
    border: 1px solid #fff;
  }
}

.thanks-contact__detail {
  display: -webkit-box;
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__detail {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}

.thanks-contact__detail span {
  color: #fff;
}

.thanks-contact__tel {
  display: -webkit-box;
  display: flex;
  flex-direction: column;
}

.thanks-contact__tel span {
  color: #fff;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__tel {
    display: block;
    margin: 0 auto;
    justify-content: center;
    text-align: center;
  }
}

.thanks-contact__number {
  font-size: 36px;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__number {
    font-size: 32px;
    margin-top: 3px;
    padding-left: 10px;
  }
}

@media only screen and (max-width: 1024px) and (max-width: 599px) {
  .thanks-contact__number {
    padding: 0;
  }
}

.thanks-contact__number a {
  display: block;
  color: #fff;
  font-weight: bold;
  letter-spacing: 3px;
  pointer-events: none;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__number a {
    pointer-events: auto;
  }
}

.thanks-contact__number a:hover {
  text-decoration: none;
}

.thanks-contact__time {
  color: #fff;
  line-height: 1.4;
  margin-left: 20px;
  position: absolute;
  right: -180px;
  bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__time {
    margin-left: 0;
    margin-top: 14px;
    position: static;
  }
}

.thanks-contact__list {
  display: -webkit-box;
  display: flex;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__list {
    padding: 15px 0;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-contact__list {
    display: block;
  }
}

.thanks-contact__subText {
  font-size: 18px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  .thanks-contact__subText {
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .thanks-contact__subText {
    font-size: 14px;
  }
}

.thanks-contact__note {
  padding-left: 20px;
  padding-top: 20px;
  line-height: 26px;
  letter-spacing: 0.1em;
}

.cashless-head-time {
  text-align: center;
  color: #fff;
  background: #0075c2;
  font-size: 1.2em;
  font-weight: 500;
  width: 100%;
  padding: 10px;
  letter-spacing: 0.1em;
}

.cashless-catch .cashless-catch-title {
  width: 100%;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.4;
  padding: 70px 0 50px;
  background: url(../../campaign/cashless/img/deco_02.png) no-repeat;
  background-position: 50% 50%;
  position: relative;
}

@media only screen and (max-width: 425px) {
  .cashless-catch .cashless-catch-title {
    padding: 30px 10px;
    font-size: 1.1em;
  }
}

.cashless-catch .cashless-catch-title span {
  font-size: 2em;
  letter-spacing: 0;
}

@media only screen and (max-width: 425px) {
  .cashless-catch .cashless-catch-title span {
    font-size: 1.6em;
  }
}

.cashless-catch .cashless-catch-title:before {
  content: "";
  width: 220px;
  height: 10px;
  background: #fff100;
  position: absolute;
  bottom: 50px;
  left: 50px;
  right: 0;
  margin: auto;
}

@media only screen and (max-width: 425px) {
  .cashless-catch .cashless-catch-title:before {
    width: 145px;
    bottom: 27px;
  }
}

.cashless-catch-items-wrop {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .cashless-catch-items-wrop {
    width: 440px;
    margin: auto;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-catch-items-wrop {
    width: auto;
  }
}

.cashless-catch-items-wrop .cashless-catch-items {
  position: relative;
}

@media only screen and (min-width: 769px) {
  .cashless-catch-items-wrop .cashless-catch-items {
    width: calc((100% - 20px * (4 - 1)) / 4 - 0.1px);
    margin-right: 20px;
    margin-top: 0px;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(4n + 0) {
    margin-right: 0;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(1) {
    margin-top: 0;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(2) {
    margin-top: 0;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(3) {
    margin-top: 0;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(4) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 768px) {
  .cashless-catch-items-wrop .cashless-catch-items {
    width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
    margin-right: 20px;
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(2n + 0) {
    margin-right: 0;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(1) {
    margin-top: 0;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(2) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-catch-items-wrop .cashless-catch-items {
    width: calc((100% - 0px * (1 - 1)) / 1 - 0.1px);
    margin-right: 0px;
    margin-top: 0px;
    background: #fff3f9;
    border: 1px solid #e62e8b;
    border-radius: 10px;
    width: 80%;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(1n + 0) {
    margin-right: 0;
  }
  .cashless-catch-items-wrop .cashless-catch-items:nth-child(1) {
    margin-top: 0;
  }
}

.cashless-catch-items-wrop .cashless-catch-items:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  background: #fff3f9;
  border: 1px solid #e62e8b;
  z-index: -1;
}

@media only screen and (max-width: 425px) {
  .cashless-catch-items-wrop .cashless-catch-items:before {
    content: none;
  }
}

.cashless-catch-items-wrop .cashless-catch-items .cashless-catch-items__inner {
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 425px) {
  .cashless-catch-items-wrop .cashless-catch-items .cashless-catch-items__inner {
    display: -webkit-box;
    display: flex;
    align-items: center;
    text-align: left;
  }
}

.cashless-catch-items-wrop .cashless-catch-items .cashless-catch-items__inner img {
  padding: 5px;
}

@media only screen and (max-width: 425px) {
  .cashless-catch-items-wrop .cashless-catch-items .cashless-catch-items__inner img {
    padding: 10px;
    width: 70px;
  }
}

.cashless-catch-items-wrop .cashless-catch-items .cashless-catch-items__inner p {
  color: #e62e8b;
  padding: 5px;
  font-size: 1.1em;
  line-height: 1.4;
}

@media only screen and (max-width: 425px) {
  .cashless-catch-items-wrop .cashless-catch-items .cashless-catch-items__inner p {
    padding: 10px;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-catch-items-wrop .cashless-catch-items .cashless-catch-items__inner br {
    display: none;
  }
}

.cashless-btn {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #cd1414;
  width: 70%;
  margin: 60px auto;
  position: relative;
  box-shadow: 0 7px 0 0 #d6d6d6;
  color: #fff;
  transition: all .3s;
}

.is-green {
  background: #00a672;
  font-size: 0.85em !important;
}

@media only screen and (max-width: 425px) {
  .cashless-btn {
    width: 80%;
    margin: 20px auto 40px;
  }
}

.cashless-btn:hover {
  text-decoration: none;
  box-shadow: none;
  transition: all .3s;
  transform: translateY(7px);
}

@media only screen and (max-width: 768px) {
  .cashless-btn:hover {
    box-shadow: 0 7px 0 0 #d6d6d6;
    transition: all .0s;
    transform: translateY(0px);
  }
}

.cashless-btn:after {
  content: '\EA12';
  font-family: 'myfont';
  font-size: 1.2em;
  position: absolute;
  right: 30px;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all .3s;
  color: #fff;
  font-size: 2em;
}

.cashless-btn:hover:after {
  opacity: 0.8;
  transition: all .3s;
}

@media only screen and (max-width: 768px) {
  .cashless-btn:hover:after {
    opacity: 1;
    transition: .0s;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-btn:after {
    right: 8px;
  }
}

.cashless-btn .cashless-btn__inner {
  font-size: 2em;
  font-weight: bold;
  padding: 30px 0 30px;
  transition: all .3s;
}

.cashless-btn:hover .cashless-btn__inner {
  opacity: 0.8;
  transition: all .3s;
}

@media only screen and (max-width: 768px) {
  .cashless-btn:hover .cashless-btn__inner {
    opacity: 1;
    transition: .0s;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-btn .cashless-btn__inner {
    font-size: 1.3em;
  }
}

.cashless-items {
  width: 100%;
  background: #FFF0E6;
  padding: 50px;
}

@media only screen and (max-width: 425px) {
  .cashless-items {
    padding: 20px;
  }
}

.cashless-items_head {
  background: #fff;
  width: 100%;
  box-shadow: 0px 0px 18px 18px rgba(0, 0, 0, 0.02);
  display: -webkit-box;
  display: flex;
  padding: 30px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head {
    flex-direction: column;
  }
}

.cashless-items_head .cashless-items_head-left {
  padding: 20px 60px 0 40px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-left {
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
  }
}

.cashless-items_head .cashless-items_head-left .cashless-items_head-left-number {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mde: vertical-rl;
  writing-mode: vertical-rl;
  -ms-text-combine-horizontal: all;
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  color: #e62e8b;
  font-size: 6em;
  text-align: center;
  max-height: 190px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-left .cashless-items_head-left-number {
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    -o-writing-mde: horizontal-tb;
    text-orientation: none;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-items_head .cashless-items_head-left .cashless-items_head-left-number {
    font-size: 3em;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-left .cashless-items_head-left-number p {
    display: -webkit-box;
    display: flex;
    align-items: center;
  }
}

.cashless-items_head .cashless-items_head-left .cashless-items_head-left-number span {
  font-size: 1.2em;
}

.cashless-items_head .cashless-items_head-left .cashless-items_head-left-ribon__wrop {
  position: absolute;
  left: -20px;
  bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-left .cashless-items_head-left-ribon__wrop {
    position: static;
  }
}

.cashless-items_head .cashless-items_head-left .cashless-items_head-left-ribon__wrop .cashless-items_head-left-ribon {
  display: inline-block;
  position: relative;
  padding: 30px 40px 30px 50px;
  font-size: 2em;
  font-weight: 500;
  letter-spacing: 0.05em;
  color: #FFF;
  background: #cd1414;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-left .cashless-items_head-left-ribon__wrop .cashless-items_head-left-ribon {
    padding: 20px 30px;
    border-radius: 10px;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-items_head .cashless-items_head-left .cashless-items_head-left-ribon__wrop .cashless-items_head-left-ribon {
    font-size: 1.5em;
    padding: 10px 25px;
  }
}

.cashless-items_head .cashless-items_head-left .cashless-items_head-left-ribon__wrop .cashless-items_head-left-ribon:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #6a0a0a;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-left .cashless-items_head-left-ribon__wrop .cashless-items_head-left-ribon:before {
    content: none;
  }
}

.cashless-items_head .cashless-items_head-center {
  padding-right: 40px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-center {
    margin-top: 20px;
    padding-right: 0px;
    text-align: center;
  }
}

.cashless-items_head .cashless-items_head-center img {
  max-width: 255px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-center img {
    max-width: 100%;
  }
}

.cashless-items_head .cashless-items_head-right {
  position: relative;
  z-index: 20;
}

.cashless-items_head .cashless-items_head-right .cashless-items_head-right-title {
  font-size: 2em;
  font-weight: 600;
  padding: 15px 0 10px;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-title {
    font-size: 2.5em;
    text-align: center;
    padding: 20px 0 10px;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-title {
    font-size: 2em;
  }
}

.cashless-items_head .cashless-items_head-right .cashless-items_head-right-title span {
  font-size: 1.1em;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-title span {
    padding-right: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-title br {
    display: none;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-title br {
    display: block;
  }
}

.cashless-items_head .cashless-items_head-right .cashless-items_head-right-cash {
  display: -webkit-box;
  display: flex;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1024px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-cash {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-cash {
    justify-content: center;
    margin-bottom: 0;
  }
}

.cashless-items_head .cashless-items_head-right .cashless-items_head-right-cash p {
  position: absolute;
  top: 60%;
  right: 14%;
  font-size: 1.2em;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media all and (-ms-high-contrast: none) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-cash p {
    right: 22%;
  }
}

@media only screen and (max-width: 1024px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-cash p {
    right: 6%;
  }
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-cash p {
    position: static;
    transform: translate(10%, 50%);
    font-weight: bold;
  }
}

@media only screen and (max-width: 768px) {
  .cashless-items_head .cashless-items_head-right .cashless-items_head-right-img {
    text-align: center;
    -ms-transform: translate(-2%, 0);
    -webkit-transform: translate(-2%, 0);
    transform: translate(-2%, 0);
  }
}

.cashless-items_head .cashless-items_head-decoration {
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 425px) {
  .cashless-items_head .cashless-items_head-decoration {
    display: none;
  }
}

.cashless-items_bottom {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom {
    flex-direction: column;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop {
  width: calc((100% - 50px * (2 - 1)) / 2 - 0.1px);
  margin-right: 50px;
  margin-top: 50px;
  background: #fff;
  box-shadow: 0px 0px 18px 18px rgba(0, 0, 0, 0.02);
  padding: 30px;
  position: relative;
}

.cashless-items_bottom .cashless-items_bottom-wrop:nth-child(2n + 0) {
  margin-right: 0;
}

.cashless-items_bottom .cashless-items_bottom-wrop:nth-child(1) {
  margin-top: 0;
}

.cashless-items_bottom .cashless-items_bottom-wrop:nth-child(2) {
  margin-top: 0;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop {
    width: calc((100% - 50px * (1 - 1)) / 1 - 0.1px);
    margin-right: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .cashless-items_bottom .cashless-items_bottom-wrop:nth-child(1n + 0) {
    margin-right: 0;
  }
  .cashless-items_bottom .cashless-items_bottom-wrop:nth-child(1) {
    margin-top: 0;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head {
    flex-direction: column;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head .cashless-items_bottom-head-number {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -o-writing-mde: vertical-rl;
  writing-mode: vertical-rl;
  -ms-text-combine-horizontal: all;
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  color: #e62e8b;
  font-size: 4em;
  text-align: center;
  padding-right: 20px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head .cashless-items_bottom-head-number {
    font-size: 6em;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    text-orientation: none;
    padding-right: 30px;
    display: -webkit-box;
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head .cashless-items_bottom-head-number {
    font-size: 3em;
  }
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head .cashless-items_bottom-head-number p {
    display: -webkit-box;
    display: flex;
    align-items: center;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head .cashless-items_bottom-head-number p {
    padding-right: 15px;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head .cashless-items_bottom-head-number span {
  font-size: 1.2em;
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head .cashless-items_bottom-head-img img {
  max-width: 100%;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-head .cashless-items_bottom-head-img {
    margin-top: 20px;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-ribon-wrop {
  margin-top: 15px;
  -ms-transform: translate(-50px, 0);
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-ribon-wrop {
    display: none;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .type-C {
  margin-top: 20px;
}

.cashless-items_bottom .cashless-items_bottom-wrop .show-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .show-sp {
    display: flex;
    align-items: center;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin-top: 0;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-ribon-wrop .cashless-items_bottom-ribon {
  display: inline-block;
  position: relative;
  padding: 15px 0;
  width: 380px;
  font-size: 1.5em;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  color: #FFF;
  background: #cd1414;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-ribon-wrop .cashless-items_bottom-ribon {
    padding: 20px 30px;
    border-radius: 10px;
    font-size: 0.3em;
    width: auto;
    font-family: 'Montserrat', Helvetica,Verdana,"MyYuGothic", YuGothic,"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro",Osaka,sans-serif;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-ribon-wrop .cashless-items_bottom-ribon {
    padding: 10px 25px;
    font-size: 0.5em;
  }
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-ribon-wrop .cashless-items_bottom-ribon p {
    padding-right: 0;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-ribon-wrop .cashless-items_bottom-ribon:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #6a0a0a;
  /*折り返し部分*/
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-ribon-wrop .cashless-items_bottom-ribon:before {
    content: none;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail {
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail {
    margin-top: 0;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-title {
  font-size: 2em;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-title {
    font-size: 2.5em;
    text-align: center;
    padding: 20px 0 10px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-title {
    font-size: 2em;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-cash {
  display: -webkit-box;
  display: flex;
  position: relative;
  padding-bottom: 10px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-cash {
    justify-content: center;
    margin-bottom: 0;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-cash p {
  position: absolute;
  top: 60%;
  left: 50%;
  font-size: 1.3em;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-cash .type-C-summary {
  left: 38%;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-cash p {
    position: static;
    transform: translate(10%, 50%);
    font-weight: bold;
  }
}

.cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-cash-summary {
  font-size: 0.8em;
}

@media only screen and (max-width: 768px) {
  .cashless-items_bottom .cashless-items_bottom-wrop .cashless-items_bottom-detail .cashless-items_bottom-detail-cash-summary {
    text-align: center;
  }
}

.cashless-items_bottom .cashless-items_bottom-decoration {
  position: absolute;
  bottom: 0;
  right: 0;
}

@media only screen and (max-width: 425px) {
  .cashless-items_bottom .cashless-items_bottom-decoration {
    display: none;
  }
}

.cashless-items_detail {
  width: 70%;
  margin: 0 auto;
  margin-top: 50px;
}

@media only screen and (max-width: 768px) {
  .cashless-items_detail {
    width: 85%;
  }
}

@media only screen and (max-width: 425px) {
  .cashless-items_detail {
    margin-top: 0;
    width: 100%;
  }
}

.cashless-items_detail .cashless-items_detail__lead {
  margin-bottom: 20px;
  text-align: center;
}

.cashless-items_detail .cashless-items_detail__wrop {
  background: #fff100;
  padding: 5px;
  position: relative;
}

.cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-head {
  display: -webkit-box;
  display: flex;
  align-items: center;
  padding: 10px 30px;
}

@media only screen and (max-width: 425px) {
  .cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-head {
    padding: 10px;
    justify-content: center;
  }
}

.cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-head .cashless-items_detail-head-title {
  font-size: 2.5em;
  color: #e62e8b;
  padding: 10px 10px 10px 0;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
  font-weight: bold;
}

@media only screen and (max-width: 425px) {
  .cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-head .cashless-items_detail-head-title {
    font-size: 1.8em;
  }
}

.cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-head .cashless-items_detail-head-number {
  background: #cd1414;
  color: #fff;
  font-weight: bold;
  font-size: 1.6em;
  padding: 10px;
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 425px) {
  .cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-head .cashless-items_detail-head-number {
    font-size: 1.3em;
  }
}

.cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-body {
  background: #fff;
  padding: 10px 0;
}

@media only screen and (max-width: 425px) {
  .cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-body {
    text-align: center;
  }
}

.cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-body .cashless-items_detail-body-lead {
  padding: 10px 30px 5px;
  font-weight: bold;
  font-size: 1.2em;
}

.cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-body .cashless-items_detail-body-text {
  padding: 10px 30px 5px;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.2;
}

@media only screen and (max-width: 425px) {
  .cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-body .cashless-items_detail-body-text {
    font-size: 1.8em;
    padding: 5px 30px 5px;
  }
}

.cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-body-img {
  position: absolute;
  top: 50px;
  right: 50px;
}

@media only screen and (max-width: 425px) {
  .cashless-items_detail .cashless-items_detail__wrop .cashless-items_detail-body-img {
    position: static;
    background: #fff;
    text-align: center;
  }
}

.ep-items_background {
  background: #e6f6f7;
  padding: 30px 0 60px;
  margin: 30px 0 0px;
}

@media only screen and (max-width: 768px) {
  .ep-items_background {
    margin: 30px 0 0;
    padding: 40px 0 30px;
  }
}

.ep-items {
  max-width: 920px;
  margin: 0px auto;
}

@media only screen and (max-width: 768px) {
  .ep-items {
    padding: 0 15px;
  }
}

.ep-items .ep-items-title {
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .ep-items .ep-items-title {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .ep-items .ep-items-title img {
    width: 100%;
  }
}

.ep-items .ep-items-title .ep-items-title_sub {
  position: absolute;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 768px) {
  .ep-items .ep-items-title .ep-items-title_sub {
    position: static;
  }
}

@media only screen and (max-width: 768px) {
  .ep-items .ep-items-title .ep-items-title_sub img {
    display: none;
  }
}

.ep-items .ep-items-title .ep-items-title_sub .ep-items-title_sub-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .ep-items .ep-items-title .ep-items-title_sub .ep-items-title_sub-sp {
    display: block;
    background: #F9B92B;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 10px 40px 0;
    border: 5px solid #F79E26;
    font-size: 20px;
    font-weight: 1000;
  }
}

.ep-items .ep-items-title .ep-items-title-summary {
  font-size: 24px;
  font-weight: 900;
  margin: 15px 0 0;
}

@media only screen and (max-width: 768px) {
  .ep-items .ep-items-title .ep-items-title-summary {
    margin: 5px 0 0;
    font-size: 20px;
  }
}

.ep-items .ep-items-wrap {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  .ep-items .ep-items-wrap {
    flex-direction: column;
  }
}

.ep-items .ep-items-wrap .ep-items-contets {
  width: calc((100% - 20px * (2 - 1)) / 2 - 0.1px);
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
}

.ep-items-wrap {
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: -10px;
}

@media only screen and (max-width: 768px) {
  .ep-items .ep-items-wrap .ep-items-contets {
    width: calc((100% - 0px * (1 - 0)) / 1 - 0.1px);
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
    width: 100% !important;
    margin: 0 auto 30px;
  }
  .ep-items-wrap {
    margin-right: -0px;
    margin-left: -0px;
    margin-bottom: -30px;
  }
}

.ep-items .ep-items-wrap .ep-items-contets img {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .ep-items .ep-items-wrap .ep-items-contets img {
    width: 100%;
  }
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text {
  display: -webkit-box;
  display: flex;
  padding: 10px;
  font-size: 17px;
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  position: relative;
}

.ep-items .ep-items-wrap .ep-items-contets .pt-s {
  -ms-transform: translate(0, -9px);
  -webkit-transform: translate(0, -9px);
  transform: translate(0, -9px);
}

.ep-items .ep-items-wrap .ep-items-contets .pt-l {
  -ms-transform: translate(0, -14px);
  -webkit-transform: translate(0, -14px);
  transform: translate(0, -14px);
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .ep-items-contets-text__inner {
  padding-top: 8px;
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .is-small {
  font-size: 14px;
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .ep-items-contets-text__inner p {
  padding-bottom: 5px;
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .ep-items-contets-text-number .ep-items-contets-text-number-white {
  display: inline-block;
  font-size: 20px;
  font-weight: 1000;
  -ms-transform: translate(0px, -8px);
  -webkit-transform: translate(0px, -8px);
  transform: translate(0px, -8px);
  text-shadow: white 2px 0px 0px, white 0px -3px 0px,
 white 0px -2px 0px, white 0px 2px 0px,
 white 2px 2px 0px, white -2px 2px 0px,
 white 2px -2px 0px, white -2px -2px 0px,
 white 1px 2px 0px, white -1px 2px 0px,
 white 1px -2px 0px, white -1px -2px 0px,
 white 2px 1px 0px, white -2px 1px 0px,
 white 2px -1px 0px, white -2px -1px 0px,
 white 1px 1px 0px, white -1px 1px 0px,
 white 1px -1px 0px, white -1px -1px 0px;
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .is-second {
  position: absolute;
  right: 10px;
  text-align: left;
  top: -30px;
  z-index: 1;
  padding-left: 10px;
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .ep-items-contets-text-number .ep-items-contets-text-number__strong {
  font-size: 46px;
  font-family: "Lato";
  font-weight: 1000;
  letter-spacing: -0.03em;
  color: #1a67b4;
  display: inline-block;
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .ep-items-contets-text-number .is-right {
  display: inline-block;
  -ms-transform: translate(2px, 0);
  -webkit-transform: translate(2px, 0);
  transform: translate(2px, 0);
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .ep-items-contets-text-number .is-white {
  text-shadow: white 2px 0px 0px, white 0px -3px 0px,
 white 0px -2px 0px, white 0px 2px 0px,
 white 2px 2px 0px, white -2px 2px 0px,
 white 2px -2px 0px, white -2px -2px 0px,
 white 1px 2px 0px, white -1px 2px 0px,
 white 1px -2px 0px, white -1px -2px 0px,
 white 2px 1px 0px, white -2px 1px 0px,
 white 2px -1px 0px, white -2px -1px 0px,
 white 1px 1px 0px, white -1px 1px 0px,
 white 1px -1px 0px, white -1px -1px 0px;
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .ep-items-contets-text-number .ep-items-contets-text-number__sub {
  font-size: 14px;
}

.ep-items .ep-items-wrap .ep-items-contets .ep-items-contets-text .ep-items-contets-text-number .ep-items-contets-text-number__sub .ep-items-contets-text-number-sub__strong {
  font-size: 26px;
  background: -webkit-linear-gradient(45deg, #1a67b4, #2355A5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Lato";
  font-weight: 1000;
  letter-spacing: -0.03em;
  display: inline-block;
  -ms-transform: translate(4px, 0);
  -webkit-transform: translate(4px, 0);
  transform: translate(4px, 0);
}

.ep-items .ep-items-wrap .ep-items-contets-text__summary {
  font-size: 12px;
  margin: 8px 0 0;
}

.ep-items__summary {
  margin-top: 25px;
  border-top: 1px solid #cae8ea;
  padding: 15px 0 0;
}

.ep-items__summary p {
  padding-bottom: 5px;
  font-size: 14px;
}

.ep-table {
  background: #F6F6F6;
  padding-bottom: 80px;
}

@media only screen and (max-width: 768px) {
  .ep-table {
    padding-bottom: 30px;
  }
}

.ep-table .ep-table__inner {
  max-width: 920px;
  padding-top: 80px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .ep-table .ep-table__inner {
    padding-top: 30px;
    padding: 30px 15px 0;
  }
}

.ep-table table,
.ep-items table {
  width: 100%;
  margin-top: 30px;
}

.ep-table tr,
.ep-items tr {
  width: 100%;
  border-top: 1px #d1d1d1 solid;
  flex-direction: column;
}

.ep-table tr:last-child,
.ep-items tr:last-child {
  border-bottom: 1px #d1d1d1 solid;
}

.ep-table tr th,
.ep-items tr th {
  width: 200px;
  height: auto;
  vertical-align: middle;
  background: #4c647c;
  color: #fff;
  padding: 20px 30px;
  font-size: 17px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .ep-table tr th,
  .ep-items tr th {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
}

.ep-table tr .is-pink,
.ep-items tr .is-pink {
  background: #c15692;
}

.ep-table tr td,
.ep-items tr td {
  width: 100%;
  display: block;
  padding: 20px 30px;
  line-height: 1.7;
  background: #fff;
}

@media only screen and (max-width: 768px) {
  .ep-table tr td,
  .ep-items tr td {
    padding: 10px 15px;
  }
}

.ep-table tr td .ep-table__strong,
.ep-items tr td .ep-table__strong {
  font-size: 18px;
  font-weight: bold;
}

.ep-table__summary {
  background: #d5edef;
  padding: 30px;
  line-height: 1.2;
  margin-top: 20px;
}

.ep-table__summary .ep-table__title {
  font-weight: bold;
  padding-bottom: 10px;
}

.ep-head {
  text-align: center;
  margin-top: 50px;
}

@media only screen and (max-width: 768px) {
  .ep-head {
    margin-top: 0px;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 768px) {
  .ep-head div {
    padding-top: 15px;
  }
}

.ep-head .ep-head__subCopy {
  -ms-transform: translate(0, -20px);
  -webkit-transform: translate(0, -20px);
  transform: translate(0, -20px);
  display: -webkit-box;
  display: flex;
  justify-content: center;
  padding-top: 10px;
}

@media only screen and (max-width: 768px) {
  .ep-head .ep-head__subCopy img {
    width: 90%;
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
}

.ep-head .ep-head__subCopy img:first-child {
  padding-right: 10px;
}

.ep-head .ep-head__subCopy img:last-child {
  padding-left: 10px;
}

.ep-head .ep-head-summary {
  padding: 10px 15px;
  background: #f8f8f8;
  display: inline-block;
  font-weight: 200;
}

.ep-head .ep-head-summary br {
  display: none;
}

@media only screen and (max-width: 768px) {
  .ep-head .ep-head-summary br {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .ep-head .ep-head-summary {
    line-height: 1.4;
    margin-top: 20px;
    font-size: 12px;
  }
}

.ep-head-pc {
  display: block;
}

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

.ep-head-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .ep-head-sp {
    display: block;
  }
}

.ep-detail {
  margin-top: 25px;
}

.ep-detail .ep-detail__head {
  display: -webkit-box;
  display: flex;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .ep-detail .ep-detail__head {
    flex-direction: column;
  }
}

.ep-detail .ep-detail__head .ep-detail__head__title {
  background: #055bb2;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 70px 40px;
  width: 20%;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .ep-detail .ep-detail__head .ep-detail__head__title {
    width: 100%;
    padding: 10px 10px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.05em;
  }
}

.ep-detail .ep-detail__head .ep-detail__head__text {
  display: -webkit-box;
  display: flex;
  align-items: center;
  background: #fff;
  width: 100%;
  padding: 15px 0 15px 30px;
  line-height: 1.5;
  font-weight: 1000;
  font-size: 18px;
}

@media only screen and (max-width: 768px) {
  .ep-detail .ep-detail__head .ep-detail__head__text {
    font-size: 14px;
    padding: 10px 15px;
    letter-spacing: 0.05em;
  }
}

.ep-detail .ep-detail__head .ep-detail__head__text p {
  font-size: 14px;
  line-height: 1.7;
  padding-bottom: 10px;
}

.ep-detail .ep-detail__head .ep-detail__head__text a {
  color: #055bb2;
  font-size: 14px;
  border-bottom: 1px solid #055bb2;
  margin: 5px 5px 0 0;
  letter-spacing: 0.02em;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .ep-detail .ep-detail__head .ep-detail__head__text a {
    margin: 10px 5px 0 0;
  }
}

.ep-detail .ep-detail-middle__title {
  font-size: 36px;
  line-height: 1.4;
  padding: 50px 0 10px;
  text-align: center;
  letter-spacing: -0.1em;
  font-weight: 1000;
}

@media only screen and (max-width: 768px) {
  .ep-detail .ep-detail-middle__title {
    padding: 30px 0 20px;
    font-size: 26px;
    line-height: 1.2;
  }
}

.ep-detail .ep-detail-middle__title .red {
  color: #ec0000;
}

.ep-detail .ep-detail-middle__title .green {
  color: #01a546;
}

.ep-detail .ep-detail-middle {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .ep-detail .ep-detail-middle {
    flex-direction: column;
  }
}

.ep-detail .ep-detail-middle__content {
  width: calc((100% - 0px * (2 - 1)) / 2 - 0.1px);
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-radius: 10px;
  text-align: center;
}

.ep-detail-middle__content {
  margin-right: -0px;
  margin-left: -0px;
  margin-bottom: -0px;
}

@media only screen and (max-width: 768px) {
  .ep-detail .ep-detail-middle__content {
    width: calc((100% - 0px * (1 - 0)) / 1 - 0.1px);
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .ep-detail-middle__content {
    margin-right: -0px;
    margin-left: -0px;
    margin-bottom: -0px;
  }
}

.ep-detail .is-left {
  -ms-transform: translate(20px, 0);
  -webkit-transform: translate(20px, 0);
  transform: translate(20px, 0);
}

@media only screen and (max-width: 768px) {
  .ep-detail .is-left {
    -ms-transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
  }
}

.ep-detail .is-right {
  -ms-transform: translate(-20px, 0);
  -webkit-transform: translate(-20px, 0);
  transform: translate(-20px, 0);
}

@media only screen and (max-width: 768px) {
  .ep-detail .is-right {
    -ms-transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
  }
}

.ep-detail .ep-detail-middle__content .ep-detail-middle__title {
  padding: 40px 0 25px;
  font-weight: 1000;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.03em;
}

.ep-detail .ep-detail-middle__content .is-right-pt {
  padding: 30px 0 10px;
}

.ep-detail .ep-detail-middle__detail a {
  display: inline-block;
}

.ep-detail .ep-detail-middle__detail .ep-detail-middle__detail__inner {
  position: relative;
}

.ep-detail .ep-detail-middle__detail .ep-detail-middle__detail__inner .ep-detail-middle__text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 19px;
  font-weight: 1000;
}

.ep-detail .ep-detail-middle__detail .ep-detail-middle__detail__inner .ep-detail-middle__arrow {
  position: absolute;
  top: 0;
  left: 0;
  right: 60px;
  bottom: 0;
  margin: auto;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ep-detail .ep-detail-middle__detail .ep-detail-middle__link {
  margin: 0px 0 25px;
}

.ep-detail .ep-detail-middle__detail .ep-detail-middle__link .ep-detail-middle__link__wrap {
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
}

.ep-detail .ep-detail-middle__detail .ep-detail-middle__link .ep-detail-middle__link__wrap a {
  color: #000;
  font-size: 14px;
  border-bottom: 1px solid #000;
  margin: 5px 8px 0 0;
  letter-spacing: 0.02em;
  text-decoration: none;
}

.ep-detail .ep-detail-middle__detail .ep-detail-middle__link .ep-detail-middle__link__wrap a:hover {
  opacity: 0.8;
}

.ep-detail-middle__background {
  margin-top: 40px;
  background: #d1eff1;
  padding-bottom: 40px;
}

.ep-detail-summary {
  text-align: center;
  padding-bottom: 20px;
  font-weight: bold;
}

.ep-detail__summary {
  padding: 15px 0 0;
}

.ep-detail__summary p {
  padding-bottom: 5px;
  font-size: 14px;
}

.ep-movie {
  background: #1a67b4;
  padding: 100px 0;
}

@media only screen and (max-width: 768px) {
  .ep-movie {
    padding: 60px 0;
  }
}

.ep-movie .ep-movie__inner {
  max-width: 920px;
  margin: 0px auto;
}

@media only screen and (max-width: 768px) {
  .ep-movie .ep-movie__inner {
    padding: 0px 15px;
  }
}

.ep-movie .ep-movie__inner .ep-movie-title {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 1000;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .ep-movie .ep-movie__inner .ep-movie-title {
    flex-direction: column;
  }
}

.ep-movie .ep-movie__inner .ep-movie-title .ep-movie-title__sub {
  font-size: 26px;
  display: block;
  margin-right: 10px;
  position: relative;
}

.ep-movie .ep-movie__inner .ep-movie-title .ep-movie-title__sub:before {
  content: "";
  width: 100%;
  height: 4px;
  background: #fff;
  position: absolute;
  bottom: -9px;
}

.ep-movie .ep-movie__inner .ep-movie-title .ep-movie-title__main {
  font-size: 48px;
}

@media only screen and (max-width: 768px) {
  .ep-movie .ep-movie__inner .ep-movie-title .ep-movie-title__main {
    padding-top: 20px;
    font-size: 36px;
  }
}

.ep-movie .ep-movie__inner .ep-movie-item-head__wrap {
  padding: 70px 0 0;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.ep-movie .ep-movie__inner .is-bottom {
  padding: 30px 0 0;
}

@media only screen and (max-width: 768px) {
  .ep-movie .ep-movie__inner .ep-movie-item-head__wrap {
    padding: 20px 15px 0;
    flex-direction: column-reverse;
  }
  .ep-movie .ep-movie__inner .is-bottom {
    flex-direction: column;
  }
}

.ep-movie .ep-movie__inner .ep-movie-item-head__wrap .ep-movie-item {
  width: calc((100% - 100px * (2 - 1)) / 2 - 0.1px);
  margin-right: 25px;
  margin-left: 25px;
  margin-bottom: 40px;
}

.ep-movie-item-head__wrap {
  margin-right: -25px;
  margin-left: -25px;
  margin-bottom: -40px;
}

@media only screen and (max-width: 768px) {
  .ep-movie .ep-movie__inner .ep-movie-item-head__wrap .ep-movie-item {
    width: calc((100% - 0px * (1 - 0)) / 1 - 0.1px);
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
  }
  .ep-movie-item-head__wrap {
    margin-right: -0px;
    margin-left: -0px;
    margin-bottom: -20px;
  }
}

.ep-movie .ep-movie__inner .ep-movie-item-head__wrap .ep-movie-item p {
  color: #fff;
  font-weight: 1000;
  line-height: 1.5;
  padding-top: 15px;
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  .ep-movie .ep-movie__inner .ep-movie-item-head__wrap .ep-movie-item .ep-movie-item__inner {
    position: relative;
    width: 100% !important;
    padding-top: 56.25%;
  }
}

@media only screen and (max-width: 768px) {
  .ep-movie .ep-movie__inner .ep-movie-item-head__wrap .ep-movie-item .ep-movie-item__inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

.ep-movie-item_bottom {
  margin: 30px 0;
}

@media only screen and (max-width: 768px) {
  .ep-movie-item_bottom {
    margin: 20px 15px 30px;
  }
}

@media only screen and (max-width: 768px) {
  .ep-movie-item_bottom .ep-movie-item__inner {
    position: relative;
    width: 100% !important;
    padding: 56.25% 15px 0;
  }
}

@media only screen and (max-width: 768px) and (max-width: 768px) {
  .ep-movie-item_bottom .ep-movie-item__inner iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

.ep-buttom__wrap {
  text-align: center;
  margin-top: 50px;
}

.ep-buttom__wrap .ep-buttom {
  display: inline-block;
}

.ep-content {
  max-width: 920px;
  margin: 100px auto 90px;
}

@media only screen and (max-width: 768px) {
  .ep-content {
    margin: 50px auto 40px;
    padding: 0 15px;
  }
}

.ep-content .ep-content-title {
  text-align: center;
}

.ep-content .ep-content-title p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 1000;
}

@media only screen and (max-width: 768px) {
  .ep-content .ep-content-title p {
    font-size: 15px;
    line-height: 1.4;
  }
}

.ep-content .ep-content-image {
  text-align: center;
  display: block;
  margin-bottom: 60px;
}

@media only screen and (max-width: 768px) {
  .ep-content .ep-content-image {
    display: none;
  }
}

.ep-content .ep-content-image img {
  margin-top: 40px;
}

.ep-content .ep-content-image__sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .ep-content .ep-content-image__sp {
    display: block;
    margin-bottom: 20px;
  }
}

.ep-content .ep-content__link__wrap {
  margin-top: 20px;
  display: -webkit-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
  font-weight: 1000;
}

.ep-content .ep-content__link__wrap a {
  color: #000;
  font-size: 14px;
  border-bottom: 1px solid #000;
  margin: 5px 8px 0 0;
  letter-spacing: 0.02em;
  text-decoration: none;
}

.ep-content .ep-content__link__wrap a:hover {
  opacity: 0.8;
}

.ep-content__contact {
  display: -webkit-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  border: 5px solid #dddede;
  padding: 30px;
}

@media only screen and (max-width: 768px) {
  .ep-content__contact {
    margin-top: 20px;
    padding: 15px;
    flex-direction: column;
  }
}

.ep-content__contact .ep-content__title {
  text-align: center;
  padding-right: 40px;
  position: relative;
  font-weight: 1000;
}

@media only screen and (max-width: 768px) {
  .ep-content__contact .ep-content__title {
    padding-right: 0;
    padding-bottom: 10px;
  }
}

.ep-content__contact .ep-content__title img {
  margin-top: 10px;
}

.ep-content__contact .ep-content__title:before {
  content: "";
  width: 2px;
  height: 40px;
  background: #dddede;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 768px) {
  .ep-content__contact .ep-content__title:before {
    content: none;
  }
}

.ep-content__contact .ep-content__title:after {
  content: none;
}

@media only screen and (max-width: 768px) {
  .ep-content__contact .ep-content__title:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #dddede;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
  }
}

.ep-content__contact .ep-content__contact-detail .ep-content__contact-detail__inner {
  display: -webkit-box;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .ep-content__contact .ep-content__contact-detail .ep-content__contact-detail__inner {
    flex-direction: column;
  }
}

.ep-content__contact .ep-content__contact-detail .ep-content__contact-detail__inner p {
  font-size: 16px;
  padding-left: 15px;
}

@media only screen and (max-width: 768px) {
  .ep-content__contact .ep-content__contact-detail .ep-content__contact-detail__inner p {
    padding-left: 0;
    padding-top: 5px;
  }
}

.ep-content__contact .ep-content__contact-detail .ep-content__contact-detail__inner .ep-content__contact-detail__number {
  font-size: 38px;
  letter-spacing: -0.03em;
  padding-left: 30px;
}

@media only screen and (max-width: 768px) {
  .ep-content__contact .ep-content__contact-detail .ep-content__contact-detail__inner .ep-content__contact-detail__number {
    font-size: 30px;
    padding-left: 0;
    padding-top: 10px;
  }
}

.ep-specials {
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .ep-specials {
    padding-bottom: 20px;
  }
}

.ep-specials-summary {
  text-align: right;
  padding-top: 10px;
  margin-bottom: 25px;
}

.ep-specials-image-bottom {
  margin-top: 80px;
}

@media only screen and (max-width: 768px) {
  .ep-specials-image-bottom {
    margin-top: 30px;
  }
}

.ep-specials-image-pc {
  display: block;
}

@media only screen and (max-width: 768px) {
  .ep-specials-image-pc {
    display: none;
  }
}

.ep-specials-image-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .ep-specials-image-sp {
    display: block;
  }
}

.ep-specials-image {
  text-align: center;
}

.ep-specials-image p {
  color: #e70505;
  margin-top: 20px;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 1000;
}

@media only screen and (max-width: 768px) {
  .ep-specials-image p {
    font-size: 15px;
    line-height: 1.4;
  }
}

.ep-specials-image .ep-specials-image__text {
  color: #000 !important;
  background: #fff;
  border: 1px solid #d1d1d1;
  font-size: 14px;
  font-weight: normal;
  padding: 20px 0;
  line-height: 1.6;
}

.footer {
  background: #0c2d4a;
  color: #fff;
  font-size: 10px;
  font-weight: lighter;
  text-align: center;
  padding: 40px;
  letter-spacing: -0.03em;
}

@media only screen and (max-width: 768px) {
  .footer {
    padding: 20px 15px;
    letter-spacing: 0;
  }
}

.ep-bnr {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .ep-bnr {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .hawkssearch-layout {
    padding: 0 !important;
  }
}

.hawkssearch-button {
  text-align: center;
  margin: 30px 0 15px 0;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-button {
    margin: 15px 0 15px 0;
  }
}

@media only screen and (max-width: 599px) {
  .hawkssearch-button img {
    max-height: 50px;
  }
}

.hawkssearch-detail {
  background: url(/hanbai/campaign/hawks_kensyo/img/bg.png) left top no-repeat;
  background-size: cover;
  padding: 4% 0 5% 0;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail {
    padding: 25px 0 30px 0;
  }
}

.hawkssearch-detail-content {
  position: relative;
  max-height: 620px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content {
    max-height: 100%;
    padding: 0 20px;
  }
}

.hawkssearch-detail-content:before {
  content: "";
  display: block;
  padding-top: 68%;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content:before {
    display: none;
  }
}

.hawkssearch-detail-content-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 37%;
  max-width: 340px;
  max-height: 45px;
  margin: auto;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content-title {
    position: static;
    width: 50%;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content-item-group {
    display: -webkit-box;
    display: flex;
    justify-content: center;
  }
}

.hawkssearch-detail-content-item.is-num-01 {
  position: absolute;
  top: 0;
  left: 30%;
  width: 39%;
  max-width: 357px;
  max-height: 238px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content-item.is-num-01 {
    position: static;
    width: 66%;
    margin: 0 auto 20px auto;
  }
}

.hawkssearch-detail-content-item.is-num-02 {
  position: absolute;
  top: 13%;
  left: 1.5%;
  width: 29%;
  max-width: 259px;
  max-height: 228px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content-item.is-num-02 {
    position: static;
    width: 55%;
    margin-bottom: 20px;
    margin-right: 10px;
  }
}

.hawkssearch-detail-content-item.is-num-03 {
  position: absolute;
  top: 13%;
  right: 1%;
  width: 30%;
  max-width: 273px;
  max-height: 241px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content-item.is-num-03 {
    position: static;
    width: 52%;
  }
}

.hawkssearch-detail-content-item.is-num-04 {
  position: absolute;
  bottom: 9%;
  left: 1.5%;
  width: 24%;
  max-width: 217px;
  max-height: 237px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content-item.is-num-04 {
    position: static;
    width: 42%;
    margin-right: 10px;
    margin-bottom: 20px;
  }
}

.hawkssearch-detail-content-item.is-num-05 {
  position: absolute;
  bottom: -2.5%;
  left: 25.6%;
  width: 24%;
  max-width: 217px;
  max-height: 250px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content-item.is-num-05 {
    position: static;
    width: 42%;
  }
}

.hawkssearch-detail-content-item.is-num-06 {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 24%;
  max-width: 214px;
  max-height: 235px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content-item.is-num-06 {
    position: static;
    width: 42%;
    margin-right: 10px;
  }
}

.hawkssearch-detail-content-item.is-num-ex {
  position: absolute;
  bottom: 0;
  right: 1%;
  width: 24%;
  max-width: 229px;
  max-height: 294px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-detail-content-item.is-num-ex {
    position: static;
    width: 42%;
  }
}

.hawkssearch-detail-notice {
  padding: 0 50px;
  margin: 30px 0;
}

@media only screen and (max-width: 768px) {
  .hawkssearch-detail-notice {
    margin: 15px 0;
    padding: 0 10px;
  }
}

.hawkssearch-detail-notice__inner {
  display: -webkit-box;
  display: flex;
  border-top: solid 2px #b6be44;
  border-bottom: solid 2px #b6be44;
  padding: 20px 15px;
}

@media only screen and (max-width: 768px) {
  .hawkssearch-detail-notice__inner {
    display: block;
    padding: 15px 10px;
  }
}

.hawkssearch-detail-notice-list {
  margin-right: 25px;
  font-weight: bold;
}

.hawkssearch-detail-notice-list:last-child {
  margin-right: 0;
}

.hawkssearch-detail-notice-list__item {
  font-size: 13px;
  line-height: 1.5;
}

.hawkssearch-detail-notice-list-red {
  color: #d51a17;
  border: 2px solid #d51a17;
  padding: 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .hawkssearch-detail-notice-list-red {
    margin-top: 10px;
  }
}

.hawkssearch-detail-proceed {
  padding: 0 35px;
}

@media only screen and (max-width: 768px) {
  .hawkssearch-detail-proceed {
    padding: 0 10px;
  }
}

.hawkssearch-contact {
  background: #eef3d6;
  padding: 10px;
  margin: 40px 0;
}

.hawkssearch-contact__inner {
  display: -webkit-box;
  display: flex;
  border: solid 5px #cbe1ab;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-contact__inner {
    display: block;
  }
}

.hawkssearch-contact-image {
  position: relative;
  padding-right: 10px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-contact-image {
    text-align: center;
    padding-top: 10px;
  }
}

.hawkssearch-contact-image img {
  margin: -50px 0;
  height: 261px;
  width: 314px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-contact-image img {
    width: 60%;
    height: auto;
    margin: 0;
  }
}

.hawkssearch-contact-image:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  background-image: linear-gradient(to bottom, #307246, #307246 4px, transparent 4px, transparent 12px);
  background-size: 4px 11px;
  background-position: left top;
  background-repeat: repeat-y;
  height: 73%;
  width: 5px;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-contact-image:after {
    display: none;
  }
}

.hawkssearch-contact-content {
  display: -webkit-box;
  display: flex;
  align-items: center;
  padding: 20px;
  flex: 1;
}

@media only screen and (max-width: 599px) {
  .hawkssearch-contact-content {
    padding: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .hawkssearch-about {
    padding: 0 15px;
  }
}

.hawkssearch-about-info {
  margin-bottom: 40px;
}

.hawkssearch-about-info table {
  width: 100%;
  margin-top: 30px;
}

.hawkssearch-about-info table .is-b {
  font-weight: bold;
  font-size: 18px;
}

.hawkssearch-about-info table .is-strong {
  font-size: 18px;
  color: #eb0404;
  font-weight: bold;
}

.hawkssearch-about-info table .is-strong .is-date {
  font-size: 25px;
}

.hawkssearch-about-info table .is-strong .is-date b {
  font-size: 35px;
}

.hawkssearch-about-info table ul li {
  position: relative;
  padding-left: 20px;
}

.hawkssearch-about-info table ul li:before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 14px;
  height: 14px;
  background: #377D4F;
  border-radius: 8px;
}

.hawkssearch-about-info tr {
  width: 100%;
  border-top: 1px #95ddbc solid;
  flex-direction: column;
}

.hawkssearch-about-info tr:last-child {
  border-bottom: 1px #95ddbc solid;
}

.hawkssearch-about-info tr th {
  width: 200px;
  height: auto;
  vertical-align: middle;
  background: #377D4F;
  color: #fff;
  padding: 20px 30px;
  font-size: 17px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .hawkssearch-about-info tr th {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 599px) {
  .hawkssearch-about-info tr th {
    font-size: 15px;
  }
}

.hawkssearch-about-info tr td {
  width: 100%;
  display: block;
  padding: 20px 30px;
  line-height: 1.7;
  background: #e7f4ee;
}

@media only screen and (max-width: 768px) {
  .hawkssearch-about-info tr td {
    padding: 10px 15px;
  }
}

@media only screen and (max-width: 599px) {
  .hawkssearch-about-info tr td {
    font-size: 14px;
  }
}

.hawkssearch-about-info tr td .ep-table__strong {
  font-size: 18px;
  font-weight: bold;
}

.hawkssearch-about-addition-section {
  margin-bottom: 35px;
}

.hawkssearch-about-addition-section__header {
  border-left: solid 3px #377D4F;
  background: #f2f2f2;
  padding: 15px;
  font-size: 16px;
}

.hawkssearch-about-addition-section__body {
  padding: 15px 15px 0 15px;
}

.hawkssearch-about-addition-section__text {
  font-size: 14px;
  line-height: 1.5;
}

.u-fw_n {
  font-weight: normal !important;
}

.u-fw_b {
  font-weight: bold !important;
}

.u-fz_xl {
  font-size: 120% !important;
}

.u-fz_l {
  font-size: 115% !important;
}

.u-fz_s {
  font-size: 90% !important;
}

.u-td_n {
  text-decoration: none !important;
}

.u-td_u {
  text-decoration: underline !important;
}

.u-ta_l {
  text-align: left !important;
}

.u-ta_c {
  text-align: center !important;
}

.u-ta_r {
  text-align: right !important;
}

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

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

.u-mt_l {
  margin-top: 35px !important;
}

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

.u-mt_s {
  margin-top: 25px !important;
}

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

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

.u-mt_xxxs {
  margin-top: 5px !important;
}

.u-mr_xxl {
  margin-right: 50px !important;
}

.u-mr_xl {
  margin-right: 40px !important;
}

.u-mr_l {
  margin-right: 35px !important;
}

.u-mr_m {
  margin-right: 30px !important;
}

.u-mr_s {
  margin-right: 25px !important;
}

.u-mr_xs {
  margin-right: 20px !important;
}

.u-mr_xxs {
  margin-right: 10px !important;
}

.u-mr_xxxs {
  margin-right: 5px !important;
}

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

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

.u-mb_l {
  margin-bottom: 35px !important;
}

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

.u-mb_s {
  margin-bottom: 25px !important;
}

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

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

.u-mb_xxxs {
  margin-bottom: 5px !important;
}

.u-ml_xxl {
  margin-left: 50px !important;
}

.u-ml_xl {
  margin-left: 40px !important;
}

.u-ml_l {
  margin-left: 35px !important;
}

.u-ml_m {
  margin-left: 30px !important;
}

.u-ml_s {
  margin-left: 25px !important;
}

.u-ml_xs {
  margin-left: 20px !important;
}

.u-ml_xxs {
  margin-left: 10px !important;
}

.u-ml_xxxs {
  margin-left: 5px !important;
}

.u-tc_red {
  color: #e80000;
}

.u-show--pc {
  visibility: visible;
  position: static;
}

br.u-show--pc {
  display: block;
}

img.u-show--pc {
  display: block;
}

@media only screen and (max-width: 1024px) {
  .u-show--pc {
    visibility: hidden;
    position: absolute;
  }
  br.u-show--pc {
    display: none;
  }
  img.u-show--pc {
    display: none;
  }
}

.u-show--pc-tb {
  visibility: visible;
  position: static;
}

br.u-show--pc-tb {
  display: block;
}

img.u-show--pc-tb {
  display: block;
}

@media only screen and (max-width: 768px) {
  .u-show--pc-tb {
    visibility: hidden;
    position: absolute;
  }
  br.u-show--pc-tb {
    display: none;
  }
  img.u-show--pc-tb {
    display: none;
  }
}

.u-show--pc-tb-sp {
  visibility: visible;
  position: static;
}

br.u-show--pc-tb-sp {
  display: block;
}

img.u-show--pc-tb-sp {
  display: block;
}

@media only screen and (max-width: 599px) {
  .u-show--pc-tb-sp {
    visibility: hidden !important;
    position: absolute !important;
  }
  br.u-show--pc-tb-sp {
    display: none;
  }
  img.u-show--pc-tb-sp {
    display: none;
  }
}

.u-show--tb {
  visibility: hidden;
  position: absolute;
}

br.u-show--tb {
  display: none;
}

img.u-show--tb {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .u-show--tb {
    visibility: visible;
    position: static;
  }
  br.u-show--tb {
    display: block;
  }
  img.u-show--tb {
    display: block;
  }
}

.u-show--sp {
  visibility: hidden;
  position: absolute;
}

br.u-show--sp {
  display: none;
}

img.u-show--sp {
  display: none;
}

@media only screen and (max-width: 768px) {
  .u-show--sp {
    visibility: visible;
    position: static;
  }
  br.u-show--sp {
    display: block;
  }
  img.u-show--sp {
    display: block;
  }
}

.u-show--sp_s {
  visibility: hidden;
  position: absolute;
}

.u-show--sp_s {
  display: none;
}

.u-show--sp_s {
  display: none;
}

@media only screen and (max-width: 599px) {
  .u-show--sp_s {
    visibility: visible;
    position: static;
  }
  .u-show--sp_s {
    display: block;
  }
  .u-show--sp_s {
    display: block;
  }
}

.u-show--sp_320 {
  visibility: hidden;
  position: absolute;
}

.u-show--sp_320 {
  display: none;
}

.u-show--sp_320 {
  display: none;
}

@media only screen and (max-width: 320px) {
  .u-show--sp_320 {
    visibility: visible;
    position: static;
  }
  .u-show--sp_320 {
    display: block;
  }
  .u-show--sp_320 {
    display: block;
  }
}

.u-highlighter {
  display: inline-block;
  padding: 1px 5px;
  line-height: 1.4;
}

.u-highlighter.is-red {
  background: #e60012;
  color: #FFF;
}

.u-highlighter.is-yellow {
  background: #FFFF4D;
}